sql-preview 0.6.1 → 0.6.3

package/Changelog.md

@@ -2,6 +2,34 @@
 
 ## [Unreleased]
 
+## [0.6.3] - 2026-06-03
+
+### Added
+
+- Added an MCP-accessible credential request flow that returns a short-lived local browser form so agents can ask users to store connection passwords without putting secrets in chat transcripts.
+- Added local interactive Snowflake Browser SSO support for MCP/daemon connection tests, including analyst-style `user` and `authenticator=externalbrowser` aliases.
+
+### Fixed
+
+- Fixed unconfigured VS Code workspaces showing a phantom built-in `Workspace Trino` connection beside saved Snowflake profiles.
+
+### Changed
+
+- Simplified the Snowflake connection form by moving token caching and warehouse/database/schema/role defaults into optional settings, with SSO token caching enabled by default.
+
+## [0.6.2] - 2026-06-03
+
+### Added
+
+- Added a product strategy note on using SQL Preview's query wedge to accelerate toward a broader agentic query layer.
+- Added the initial RFC-054 Zed MCP extension scaffold, local verification script, and setup guide.
+- Added Zed marketplace readiness checks, CI, and publishing instructions for submitting the SQL Preview MCP extension to `zed-industries/extensions`.
+- Added Snowflake Browser SSO profile support for VS Code by passing `EXTERNALBROWSER` auth options to the Snowflake driver without storing a Snowflake password.
+
+### Fixed
+
+- Added Snowflake SDK optional-dependency handling so packaged VS Code installs surface guided installation advice instead of an unexplained missing-module failure.
+
 ## [0.6.1] - 2026-05-29
 
 ### Fixed

package/dist/mcp-app.html

@@ -74174,6 +74174,7 @@ const DynamicForm = ({
   submitFeedback
 }) => {
   const [formData, setFormData] = reactExports.useState({});
+  const [isAdvancedOpen, setIsAdvancedOpen] = reactExports.useState(false);
   const lastResetKey = reactExports.useRef(void 0);
   const resetKey = reactExports.useMemo(
     () => JSON.stringify({
@@ -74186,6 +74187,29 @@ const DynamicForm = ({
     }),
     [initialData, schema.properties]
   );
+  const isFieldVisible = (prop, data) => {
+    var _a3;
+    const visibleWhen = (_a3 = prop.ui) == null ? void 0 : _a3.visibleWhen;
+    if (!visibleWhen) {
+      return true;
+    }
+    const actual = data[visibleWhen.field];
+    if ("equals" in visibleWhen) {
+      return actual === visibleWhen.equals;
+    }
+    if ("notEquals" in visibleWhen) {
+      return actual !== visibleWhen.notEquals;
+    }
+    if (Array.isArray(visibleWhen.in)) {
+      return visibleWhen.in.includes(actual);
+    }
+    return true;
+  };
+  const visiblePropertyEntries = () => Object.entries(schema.properties || {}).filter(([, prop]) => isFieldVisible(prop, formData));
+  const visibleFormData = () => {
+    const visibleKeys = /* @__PURE__ */ new Set(["name", ...visiblePropertyEntries().map(([key]) => key)]);
+    return Object.fromEntries(Object.entries(formData).filter(([key]) => visibleKeys.has(key)));
+  };
   reactExports.useEffect(() => {
     if (lastResetKey.current === resetKey) {
       return;
@@ -74209,17 +74233,111 @@ const DynamicForm = ({
   };
   const handleSubmit = (e2) => {
     e2.preventDefault();
-    onSubmit(formData);
+    onSubmit(visibleFormData());
   };
   const handleTest = () => {
     if (onTest) {
-      onTest(formData);
+      onTest(visibleFormData());
     }
   };
+  const hasMeaningfulInitialValue = (key) => {
+    const value = initialData[key];
+    return value !== void 0 && value !== null && value !== "" && value !== false;
+  };
+  const advancedInitiallyOpen = Object.entries(schema.properties || {}).some(
+    ([key, prop]) => {
+      var _a3;
+      return ((_a3 = prop.ui) == null ? void 0 : _a3.advanced) && hasMeaningfulInitialValue(key);
+    }
+  );
+  reactExports.useEffect(() => {
+    setIsAdvancedOpen(advancedInitiallyOpen);
+  }, [advancedInitiallyOpen, resetKey]);
   const fieldClass = (key, baseClass) => {
+    var _a3, _b2;
     const normalizedKey = key.replace(/[^a-z0-9_-]/gi, "-").toLowerCase();
-    return `${baseClass} sp-conn-form-field sp-conn-form-field-${normalizedKey}`;
+    const fullWidth = ((_b2 = (_a3 = schema.properties[key]) == null ? void 0 : _a3.ui) == null ? void 0 : _b2.fullWidth) ? " sp-conn-form-field-full" : "";
+    return `${baseClass} sp-conn-form-field sp-conn-form-field-${normalizedKey}${fullWidth}`;
+  };
+  const renderPropertyField = ([key, prop]) => {
+    var _a3;
+    const isRequired = (_a3 = schema.required) == null ? void 0 : _a3.includes(key);
+    const value = formData[key];
+    const fieldId = `form-${key}`;
+    const field = (() => {
+      var _a4;
+      if (prop.type === "boolean") {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: fieldClass(key, "sp-conn-form-check-row"), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              type: "checkbox",
+              id: fieldId,
+              checked: !!value,
+              onChange: (e2) => handleChange(key, e2.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: fieldId, className: "sp-conn-form-label", style: { marginBottom: 0 }, children: prop.title || key }),
+          prop.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-form-hint", children: prop.description })
+        ] });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: fieldClass(key, "sp-conn-form-group"), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: fieldId, className: "sp-conn-form-label", children: [
+          prop.title || key,
+          isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "required", children: "*" })
+        ] }),
+        prop.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-form-hint", children: prop.description }),
+        Array.isArray(prop.enum) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "select",
+          {
+            id: fieldId,
+            required: isRequired,
+            className: "sp-conn-form-input",
+            value: value || "",
+            onChange: (e2) => handleChange(key, e2.target.value),
+            children: prop.enum.map((option, index2) => {
+              var _a5;
+              return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: option, children: ((_a5 = prop.enumNames) == null ? void 0 : _a5[index2]) ?? option }, option);
+            })
+          }
+        ) : prop.type === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            id: fieldId,
+            type: "number",
+            required: isRequired,
+            className: "sp-conn-form-input",
+            value: value !== void 0 ? String(value) : "",
+            onChange: (e2) => handleChange(key, e2.target.value !== "" ? Number(e2.target.value) : void 0)
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            id: fieldId,
+            type: ((_a4 = prop.ui) == null ? void 0 : _a4.widget) === "password" ? "password" : "text",
+            required: isRequired,
+            className: "sp-conn-form-input",
+            value: value || "",
+            onChange: (e2) => handleChange(key, e2.target.value)
+          }
+        )
+      ] });
+    })();
+    const afterField = renderAfterField == null ? void 0 : renderAfterField(key);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$2.Fragment, { children: [
+      field,
+      afterField
+    ] }, key);
   };
+  const visibleEntries = visiblePropertyEntries();
+  const primaryEntries = visibleEntries.filter(([, prop]) => {
+    var _a3;
+    return !((_a3 = prop.ui) == null ? void 0 : _a3.advanced);
+  });
+  const advancedEntries = visibleEntries.filter(([, prop]) => {
+    var _a3;
+    return (_a3 = prop.ui) == null ? void 0 : _a3.advanced;
+  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "sp-conn-form", role: "form", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-form-fields", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: fieldClass("name", "sp-conn-form-group"), children: [
@@ -74239,68 +74357,20 @@ const DynamicForm = ({
           }
         )
       ] }),
-      Object.entries(schema.properties || {}).map(([key, prop]) => {
-        var _a3;
-        const isRequired = (_a3 = schema.required) == null ? void 0 : _a3.includes(key);
-        const value = formData[key];
-        const field = (() => {
-          var _a4;
-          if (prop.type === "boolean") {
-            return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: fieldClass(key, "sp-conn-form-check-row"), children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  id: `form-${key}`,
-                  checked: !!value,
-                  onChange: (e2) => handleChange(key, e2.target.checked)
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "label",
-                {
-                  htmlFor: `form-${key}`,
-                  className: "sp-conn-form-label",
-                  style: { marginBottom: 0 },
-                  children: prop.title || key
-                }
-              ),
-              prop.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-form-hint", children: prop.description })
-            ] });
-          }
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: fieldClass(key, "sp-conn-form-group"), children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-conn-form-label", children: [
-              prop.title || key,
-              isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "required", children: "*" })
-            ] }),
-            prop.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-form-hint", children: prop.description }),
-            prop.type === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                type: "number",
-                required: isRequired,
-                className: "sp-conn-form-input",
-                value: value !== void 0 ? String(value) : "",
-                onChange: (e2) => handleChange(key, e2.target.value !== "" ? Number(e2.target.value) : void 0)
-              }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                type: ((_a4 = prop.ui) == null ? void 0 : _a4.widget) === "password" ? "password" : "text",
-                required: isRequired,
-                className: "sp-conn-form-input",
-                value: value || "",
-                onChange: (e2) => handleChange(key, e2.target.value)
-              }
-            )
-          ] });
-        })();
-        const afterField = renderAfterField == null ? void 0 : renderAfterField(key);
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$2.Fragment, { children: [
-          field,
-          afterField
-        ] }, key);
-      })
+      primaryEntries.map(renderPropertyField),
+      advancedEntries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "details",
+        {
+          className: "sp-conn-form-advanced",
+          open: isAdvancedOpen,
+          onToggle: (event) => setIsAdvancedOpen(event.currentTarget.open),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: "sp-conn-form-advanced-summary", children: "Optional settings" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-advanced-fields", children: advancedEntries.map(renderPropertyField) })
+          ]
+        },
+        `advanced-${resetKey}`
+      )
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-form-actions", children: [
       actionStatus && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-action-status", children: actionStatus }),
@@ -74340,12 +74410,20 @@ const DynamicForm = ({
     ] })
   ] });
 };
-const DUCKDB_OPTIONAL_DEPENDENCY_ADVICE = {
-  dependency: "@duckdb/node-api",
-  installCommand: "npm install @duckdb/node-api",
-  title: "DUCKDB support is required",
-  guidance: "Local file queries require optional DuckDB support, but the DuckDB native module is not available in this extension runtime."
-};
+const OPTIONAL_DEPENDENCY_ADVICE = [
+  {
+    dependency: "@duckdb/node-api",
+    installCommand: "npm install @duckdb/node-api",
+    title: "DUCKDB support is required",
+    guidance: "Local file queries require optional DuckDB support, but the DuckDB native module is not available in this extension runtime."
+  },
+  {
+    dependency: "snowflake-sdk",
+    installCommand: "npm install snowflake-sdk",
+    title: "Snowflake support is required",
+    guidance: "Snowflake connections require optional Snowflake SDK support, but the SDK is not available in this extension runtime."
+  }
+];
 const CONNECTOR_ICONS = {
   duckdb: "🦆",
   trino: "⚡",
@@ -74358,10 +74436,18 @@ const CONNECTOR_ICONS = {
 };
 function getOptionalDependencyAdvice(message) {
   const lowerMessage = message.toLowerCase();
-  if (message.includes("@duckdb/node-api") || lowerMessage.includes("duckdb native module")) {
-    return DUCKDB_OPTIONAL_DEPENDENCY_ADVICE;
-  }
-  return null;
+  return OPTIONAL_DEPENDENCY_ADVICE.find((advice) => {
+    if (message.includes(advice.dependency)) {
+      return true;
+    }
+    if (advice.dependency === "@duckdb/node-api") {
+      return lowerMessage.includes("duckdb native module");
+    }
+    if (advice.dependency === "snowflake-sdk") {
+      return lowerMessage.includes("snowflake sdk") || lowerMessage.includes("sdk is not available");
+    }
+    return false;
+  }) ?? null;
 }
 function getOptionalDependencyDetails(message) {
   return message.replace(/^Connection Test Failed:\s*/i, "").replace(/^Error:\s*/i, "").trim();
@@ -74383,6 +74469,16 @@ function isErrorToolResult(result, text) {
   }
   return result.isError === true || text.toLowerCase().includes("failed") || text.toLowerCase().includes("error");
 }
+function buildConnectionTestToast(structuredContent, text) {
+  const advice = (structuredContent == null ? void 0 : structuredContent.optionalDependencyAdvice) ?? getOptionalDependencyAdvice(text);
+  const lowerText = text.toLowerCase();
+  const isError = structuredContent ? !structuredContent.success : lowerText.includes("error") || lowerText.includes("failed");
+  return {
+    text: advice ? advice.guidance : text,
+    severity: advice ? "warning" : isError ? "error" : "success",
+    ...advice ? { advice } : {}
+  };
+}
 function getFormInitialData(connection) {
   if (!connection) {
     return {};
@@ -74409,6 +74505,32 @@ function schemaWithoutPasswordField(schema) {
     ...required2 ? { required: required2 } : {}
   };
 }
+function schemaForConnectionMode(schema, connectorId, mode) {
+  if (connectorId !== "snowflake" || mode !== "headless") {
+    return schema;
+  }
+  const authModeProperty = schema.properties["authMode"];
+  if (!Array.isArray(authModeProperty == null ? void 0 : authModeProperty.enum)) {
+    return schema;
+  }
+  const allowedIndexes = authModeProperty.enum.map((option, index2) => ({ option, index: index2 })).filter(({ option }) => option !== "externalbrowser");
+  const enumNames = Array.isArray(authModeProperty.enumNames) ? allowedIndexes.map(({ option, index: index2 }) => {
+    var _a3;
+    return ((_a3 = authModeProperty.enumNames) == null ? void 0 : _a3[index2]) ?? option;
+  }) : void 0;
+  return {
+    ...schema,
+    properties: {
+      ...schema.properties,
+      authMode: {
+        ...authModeProperty,
+        enum: allowedIndexes.map(({ option }) => option),
+        ...enumNames ? { enumNames } : {},
+        default: authModeProperty.default === "externalbrowser" ? "password" : authModeProperty.default
+      }
+    }
+  };
+}
 const ConnectionsManager = () => {
   const { callServerTool, isReady, mode, sendMessage } = useHostContext();
   const supportsActiveConnection = mode === "vscode";
@@ -74421,6 +74543,7 @@ const ConnectionsManager = () => {
   const [statuses, setStatuses] = reactExports.useState({});
   const [statusMessages, setStatusMessages] = reactExports.useState({});
   const [toast, setToast] = reactExports.useState(null);
+  const toastRef = reactExports.useRef(null);
   const [isFormOpen, setIsFormOpen] = reactExports.useState(false);
   const [selectedType, setSelectedType] = reactExports.useState("");
   const fetchData = reactExports.useCallback(async () => {
@@ -74485,6 +74608,16 @@ const ConnectionsManager = () => {
       });
     }
   }, [connections]);
+  reactExports.useEffect(() => {
+    if (!toast || toast.severity !== "warning") {
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      var _a3, _b2;
+      (_a3 = toastRef.current) == null ? void 0 : _a3.scrollIntoView({ behavior: "smooth", block: "center" });
+      (_b2 = toastRef.current) == null ? void 0 : _b2.focus({ preventScroll: true });
+    });
+  }, [toast]);
   const handleTestConnection = async (connectionId) => {
     var _a3;
     if (!isReady) {
@@ -74511,7 +74644,7 @@ const ConnectionsManager = () => {
     }
   };
   const handleTestFormData = async (formData, connection) => {
-    var _a3, _b2;
+    var _a3;
     const typeToTest = (connection == null ? void 0 : connection.type) ?? selectedType;
     if (!isReady || !typeToTest) {
       return;
@@ -74535,15 +74668,11 @@ const ConnectionsManager = () => {
       });
       const text = getToolText(result, ((_a3 = result.structuredContent) == null ? void 0 : _a3.message) ?? "No response");
       const isError = isErrorToolResult(result, text);
-      const advice = ((_b2 = result.structuredContent) == null ? void 0 : _b2.optionalDependencyAdvice) ?? getOptionalDependencyAdvice(text);
       if (connection) {
         setStatuses((prev) => ({ ...prev, [connection.id]: isError ? "error" : "ok" }));
         setStatusMessages((prev) => ({ ...prev, [connection.id]: text }));
       } else {
-        setToast({
-          text: advice ? advice.guidance : text,
-          severity: advice ? "warning" : isError ? "error" : "success"
-        });
+        setToast(buildConnectionTestToast(result.structuredContent, text));
       }
     } catch (e2) {
       const message = `Error: ${e2}`;
@@ -74554,7 +74683,8 @@ const ConnectionsManager = () => {
       } else {
         setToast({
           text: advice ? advice.guidance : message,
-          severity: advice ? "warning" : "error"
+          severity: advice ? "warning" : "error",
+          ...advice ? { advice } : {}
         });
       }
     }
@@ -74686,6 +74816,7 @@ const ConnectionsManager = () => {
   };
   const activeSchemaDef = connectors.find((c) => c.id === selectedType);
   const selectedConnection = selectedConnectionId ? connections.find((c) => c.id === selectedConnectionId) : void 0;
+  const activeFormSchema = (activeSchemaDef == null ? void 0 : activeSchemaDef.schema) ? schemaForConnectionMode(activeSchemaDef.schema, activeSchemaDef.id, mode) : void 0;
   const selectedFormInitialData = reactExports.useMemo(
     () => getFormInitialData(selectedConnection),
     [selectedConnection]
@@ -74693,18 +74824,40 @@ const ConnectionsManager = () => {
   const emptyFormInitialData = reactExports.useMemo(() => ({}), []);
   const renderToast = () => {
     if (!toast) return null;
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `sp-conn-toast sp-conn-toast-${toast.severity}`, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-toast-text", children: toast.text }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          className: "sp-conn-toast-close",
-          onClick: () => setToast(null),
-          "aria-label": "Close message",
-          children: "✕"
-        }
-      )
-    ] });
+    const advice = toast.advice;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref: toastRef,
+        className: `sp-conn-toast sp-conn-toast-${toast.severity}`,
+        role: toast.severity === "warning" || toast.severity === "error" ? "alert" : "status",
+        tabIndex: -1,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-toast-text", children: toast.text }),
+          advice && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "sp-btn sp-btn-primary sp-conn-toast-action",
+              onClick: () => handleInstallOptionalDependency(advice),
+              children: [
+                "Install ",
+                advice.dependency
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              className: "sp-conn-toast-close",
+              onClick: () => setToast(null),
+              "aria-label": "Close message",
+              children: "✕"
+            }
+          )
+        ]
+      }
+    );
   };
   const renderConnectionStatusMessage = (connection) => {
     const status = statuses[connection.id] || "unknown";
@@ -74772,10 +74925,10 @@ const ConnectionsManager = () => {
         },
         c.id
       )) }),
-      activeSchemaDef && activeSchemaDef.schema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      activeSchemaDef && activeFormSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         DynamicForm,
         {
-          schema: { ...activeSchemaDef.schema, type: "object" },
+          schema: { ...activeFormSchema, type: "object" },
           initialData: emptyFormInitialData,
           onSubmit: (formData) => handleSaveConnection(formData),
           onTest: (formData) => handleTestFormData(formData),
@@ -74794,6 +74947,7 @@ const ConnectionsManager = () => {
     const schemaDef = connectors.find((c) => c.id === selectedConnection.type);
     const canManagePassword = supportsActiveConnection && !selectedConnection.builtIn && schemaHasPasswordField(schemaDef == null ? void 0 : schemaDef.schema);
     const editSchema = (schemaDef == null ? void 0 : schemaDef.schema) && canManagePassword ? schemaWithoutPasswordField(schemaDef.schema) : schemaDef == null ? void 0 : schemaDef.schema;
+    const modeAwareEditSchema = editSchema ? schemaForConnectionMode(editSchema, selectedConnection.type, mode) : void 0;
     const passwordAnchorField = (editSchema == null ? void 0 : editSchema.properties["user"]) ? "user" : (editSchema == null ? void 0 : editSchema.properties["username"]) ? "username" : void 0;
     const renderPasswordManagementField = (key) => {
       if (!canManagePassword || key !== passwordAnchorField) {
@@ -74870,10 +75024,10 @@ const ConnectionsManager = () => {
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
         renderToast(),
         isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-active-callout", role: "status", children: "Queries from SQL Preview and MCP will use this connection unless a query overrides it." }),
-        editSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        modeAwareEditSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           DynamicForm,
           {
-            schema: { ...editSchema, type: "object" },
+            schema: { ...modeAwareEditSchema, type: "object" },
             initialData: selectedFormInitialData,
             onSubmit: (formData) => handleSaveConnection(formData, selectedConnection),
             onTest: (formData) => handleTestFormData(formData, selectedConnection),
@@ -98712,7 +98866,8 @@ body.vscode-high-contrast .ag-theme-quartz {
 }
 
 .sp-conn-form-fields > .sp-conn-form-group:first-child,
-.sp-conn-form-field-name {
+.sp-conn-form-field-name,
+.sp-conn-form-field-full {
   grid-column: 1 / -1;
 }
 
@@ -98741,6 +98896,31 @@ body.vscode-high-contrast .ag-theme-quartz {
   margin-top: 4px;
 }
 
+.sp-conn-form-advanced {
+  grid-column: 1 / -1;
+  padding-top: 2px;
+}
+
+.sp-conn-form-advanced-summary {
+  cursor: pointer;
+  color: var(--sp-muted-fg);
+  font-size: 12px;
+  font-weight: 600;
+  outline: none;
+}
+
+.sp-conn-form-advanced-summary:hover,
+.sp-conn-form-advanced-summary:focus-visible {
+  color: var(--sp-fg);
+}
+
+.sp-conn-form-advanced-fields {
+  display: grid;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  gap: 12px 16px;
+  margin-top: 10px;
+}
+
 .sp-conn-credential-state {
   font-size: 11px;
   color: var(--sp-muted-fg);
@@ -98883,6 +99063,10 @@ body.vscode-high-contrast .ag-theme-quartz {
   overflow-wrap: anywhere;
   word-break: break-word;
 }
+.sp-conn-toast-action {
+  flex-shrink: 0;
+  align-self: center;
+}
 .sp-conn-toast-close {
   background: none;
   border: none;
@@ -98999,7 +99183,8 @@ body.vscode-high-contrast .ag-theme-quartz {
     grid-template-columns: minmax(0, 1fr);
   }
 
-  .sp-conn-form-fields {
+  .sp-conn-form-fields,
+  .sp-conn-form-advanced-fields {
     grid-template-columns: minmax(0, 1fr);
   }