sql-preview 0.6.1 → 0.6.2

package/Changelog.md

@@ -2,6 +2,19 @@
 
 ## [Unreleased]
 
+## [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

@@ -74186,6 +74186,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,16 +74232,18 @@ const DynamicForm = ({
   };
   const handleSubmit = (e2) => {
     e2.preventDefault();
-    onSubmit(formData);
+    onSubmit(visibleFormData());
   };
   const handleTest = () => {
     if (onTest) {
-      onTest(formData);
+      onTest(visibleFormData());
     }
   };
   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}`;
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: "sp-conn-form", role: "form", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-form-fields", children: [
@@ -74239,10 +74264,11 @@ const DynamicForm = ({
           }
         )
       ] }),
-      Object.entries(schema.properties || {}).map(([key, prop]) => {
+      visiblePropertyEntries().map(([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") {
@@ -74251,7 +74277,7 @@ const DynamicForm = ({
                 "input",
                 {
                   type: "checkbox",
-                  id: `form-${key}`,
+                  id: fieldId,
                   checked: !!value,
                   onChange: (e2) => handleChange(key, e2.target.checked)
                 }
@@ -74259,7 +74285,7 @@ const DynamicForm = ({
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "label",
                 {
-                  htmlFor: `form-${key}`,
+                  htmlFor: fieldId,
                   className: "sp-conn-form-label",
                   style: { marginBottom: 0 },
                   children: prop.title || key
@@ -74269,14 +74295,28 @@ const DynamicForm = ({
             ] });
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: fieldClass(key, "sp-conn-form-group"), children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-conn-form-label", 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 }),
-            prop.type === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            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",
@@ -74286,6 +74326,7 @@ const DynamicForm = ({
             ) : /* @__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",
@@ -74340,12 +74381,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 +74407,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 +74440,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 +74476,32 @@ function schemaWithoutPasswordField(schema) {
     ...required2 ? { required: required2 } : {}
   };
 }
+function schemaForConnectionMode(schema, connectorId, mode) {
+  if (connectorId !== "snowflake" || mode === "vscode") {
+    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 +74514,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 +74579,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 +74615,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 +74639,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 +74654,8 @@ const ConnectionsManager = () => {
       } else {
         setToast({
           text: advice ? advice.guidance : message,
-          severity: advice ? "warning" : "error"
+          severity: advice ? "warning" : "error",
+          ...advice ? { advice } : {}
         });
       }
     }
@@ -74686,6 +74787,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 +74795,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 +74896,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 +74918,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 +74995,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 +98837,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;
 }
 
@@ -98883,6 +99009,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;