sql-preview 0.6.7 → 0.6.11

package/Changelog.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## [Unreleased]
+
+## [0.6.11] - 2026-07-14
+
+### Added
+
+- Consolidated the CI release pipeline into one gated workflow and added release note generation.
+
+### Changed
+
+- DuckDB is now a managed, auto-provisioned runtime inside the daemon; the legacy "Install @duckdb/node-api" flow has been removed and Local Files is a built-in connection. (RFC-075)
+- Enhanced RFC tooling to recognize `deferred/` lifecycle and enforce independent close-out verification.
+
+## [0.6.10] - 2026-07-12
+
+### Fixed
+
+- Fixed Trino integration tests failing on `listSchemas` and improved initial polling.
+- Fixed Postgres `testConnection` memory leak and config cache fix.
+
+## [0.6.8] - 2026-07-12
+
+### Added
+
+- Comprehensive query telemetry (RFC-068): query events now carry a closed-enum `connector` dimension; a layered, connector-aware error classifier replaces the old substring matching (previously ~95% of failures were `unknown`); MCP tool calls and agent/web-originated queries are now telemetered daemon-side (fail-closed, consent inherited from the extension or explicit `SQL_PREVIEW_TELEMETRY=1` standalone opt-in); a new `mcp_tool_invoked` event measures agent usage. Telemetry schema `2.1` (additive).
+- Internal/dev traffic isolation: telemetry is suppressed in Extension Development/Test hosts (override with `SQL_PREVIEW_POSTHOG_TOKEN` for debug projects), a new `sqlPreview.telemetry.internal` setting (or `SQL_PREVIEW_TELEMETRY_INTERNAL=1`) stamps every event with `internal_user`, and `SQL Preview: Show Telemetry Status` now displays the anonymous install ID for PostHog exclusion filters.
+
+### Changed
+
+- Query error payloads now include an advisory machine-readable `errorKind` alongside the existing message/details (no SQL text or message content is ever sent to telemetry; only the classified enum).
+- Fully implemented MCP Streamable HTTP Spec compliance (RFC-072). The `/mcp` HTTP endpoint now strictly follows the `@modelcontextprotocol/sdk` (pinned to 1.27.1) stateful session specifications, properly supporting Claude Code HTTP transports and standard MCP external clients.
+
 ## [0.6.7] - 2026-07-08
 
 ### Changed

package/dist/mcp-app.html

@@ -12574,6 +12574,8 @@ const useAppStore = create((set, get) => ({
   mcpEnabled: false,
   mcpSafeMode: true,
   mcpPort: null,
+  daemonVersion: null,
+  daemonPid: null,
   currentVersion: null,
   latestVersion: null,
   settingsPanelTab: null,
@@ -12620,7 +12622,7 @@ const useAppStore = create((set, get) => ({
   showGuideHub: (state) => set({ guideHub: state, settingsPanelTab: null }),
   closeGuideHub: () => set({ guideHub: null }),
   applyConfig: (c) => set((state) => {
-    var _a3;
+    var _a3, _b2, _c3;
     const newState = { ...state };
     if (c.fontSize !== void 0) {
       newState.fontSize = c.fontSize != null && c.fontSize > 0 ? c.fontSize : null;
@@ -12637,8 +12639,10 @@ const useAppStore = create((set, get) => ({
     if (c.mcpSafeMode !== void 0) {
       newState.mcpSafeMode = c.mcpSafeMode;
     }
-    if (((_a3 = c.mcpStatus) == null ? void 0 : _a3.port) !== void 0) {
-      newState.mcpPort = c.mcpStatus.port;
+    if (c.mcpStatus !== void 0) {
+      newState.mcpPort = ((_a3 = c.mcpStatus) == null ? void 0 : _a3.port) ?? null;
+      newState.daemonVersion = ((_b2 = c.mcpStatus) == null ? void 0 : _b2.version) ?? null;
+      newState.daemonPid = ((_c3 = c.mcpStatus) == null ? void 0 : _c3.pid) ?? null;
     }
     return newState;
   }),
@@ -12678,7 +12682,9 @@ const useAppStore = create((set, get) => ({
   setActiveTab: (id) => set({ activeTabId: id }),
   updateTab: (id, updates) => set((state) => ({
     tabs: state.tabs.map((tab) => {
-      if (tab.id !== id) return tab;
+      if (tab.id !== id) {
+        return tab;
+      }
       const next = { ...tab, ...updates };
       if (updates.isLoading === true && !tab.isLoading) {
         next.loadingStartedAt = Date.now();
@@ -74583,12 +74589,6 @@ function TestElapsed({ since }) {
   ] });
 }
 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",
@@ -74606,9 +74606,6 @@ function getOptionalDependencyAdvice(message) {
     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");
     }
@@ -74780,7 +74777,7 @@ const ConnectionsManager = () => {
       (_b2 = toastRef.current) == null ? void 0 : _b2.focus({ preventScroll: true });
     });
   }, [toast]);
-  const handleTestConnection = async (connectionId) => {
+  const handleTestConnection = async (connectionId, provisionRuntime = false) => {
     var _a3;
     if (!isReady) {
       return false;
@@ -74793,7 +74790,10 @@ const ConnectionsManager = () => {
     setTestStartedAt((prev) => ({ ...prev, [connectionId]: Date.now() }));
     try {
       const result = await withTestTimeout(
-        callServerTool("test_connection", { connectionId }),
+        callServerTool("test_connection", {
+          connectionId,
+          ...provisionRuntime ? { provisionRuntime: true } : {}
+        }),
         CONNECTION_TEST_TIMEOUT_MS
       );
       if (isStale()) {
@@ -75099,41 +75099,56 @@ const ConnectionsManager = () => {
         )
       ] });
     }
-    if (!statusMsg) {
-      return null;
+    if (statusMsg) {
+      const advice = getOptionalDependencyAdvice(statusMsg);
+      if (advice) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-status-message sp-conn-status-message-warning", role: "alert", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-warning-content", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-warning-title", children: advice.title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-warning-guidance", children: advice.guidance }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "sp-conn-warning-details", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { children: "Technical details" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: getOptionalDependencyDetails(statusMsg) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              className: "sp-btn sp-btn-primary sp-conn-status-action",
+              onClick: () => handleInstallOptionalDependency(advice),
+              children: [
+                "Install ",
+                advice.dependency
+              ]
+            }
+          )
+        ] });
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: `sp-conn-status-message sp-conn-status-message-${status}`,
+          role: status === "error" ? "alert" : "status",
+          children: statusMsg
+        }
+      );
     }
-    const advice = getOptionalDependencyAdvice(statusMsg);
-    if (advice) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-status-message sp-conn-status-message-warning", role: "alert", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-warning-content", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-warning-title", children: advice.title }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-warning-guidance", children: advice.guidance }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "sp-conn-warning-details", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { children: "Technical details" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: getOptionalDependencyDetails(statusMsg) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    if (connection.id === "built-in-duckdb" && connection.engineState) {
+      const message = connection.engineState === "ready" ? "Ready" : connection.engineState === "provisioning" ? "Preparing engine… (downloading, one-time)" : connection.engineErrorReason === "disabled" ? "Managed engine is disabled by the rollout setting" : connection.engineErrorMessage || "Unavailable — retrying automatically";
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-status-message", role: "status", children: [
+        message,
+        connection.engineErrorReason === "disabled" && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
-            className: "sp-btn sp-btn-primary sp-conn-status-action",
-            onClick: () => handleInstallOptionalDependency(advice),
-            children: [
-              "Install ",
-              advice.dependency
-            ]
+            type: "button",
+            className: "sp-btn sp-conn-status-action",
+            onClick: () => void handleTestConnection(connection.id, true),
+            children: "Download engine"
           }
         )
       ] });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: `sp-conn-status-message sp-conn-status-message-${status}`,
-        role: status === "error" ? "alert" : "status",
-        children: statusMsg
-      }
-    );
+    return null;
   };
   const renderConnectionForm = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-detail", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-header", children: [
@@ -75238,37 +75253,60 @@ const ConnectionsManager = () => {
       ] });
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-detail", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-header", style: { display: "flex", justifyContent: "space-between", alignItems: "center", flexWrap: "wrap", gap: "16px", paddingBottom: "16px", borderBottom: "1px solid var(--sp-border)", marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: "var(--sp-fg)" }, children: selectedConnection ? "Edit Connection" : "New Connection" }),
-          selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-badge", children: selectedConnection.type }),
-            isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-active-badge", children: "Active" }),
-            selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Built-in" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-actions", style: { display: "flex", gap: "8px", flexWrap: "wrap" }, children: [
-          supportsActiveConnection && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              className: `sp-btn${isActive ? " sp-btn-primary" : ""}`,
-              onClick: () => handleSetActiveConnection(selectedConnection),
-              disabled: isActive || status === "testing",
-              "aria-label": `Set ${selectedConnection.name} as the active connection for queries`,
-              children: isActive ? "Active" : "Set active"
-            }
-          ),
-          !selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              className: "sp-btn sp-btn-ghost-danger",
-              onClick: () => handleDeleteConnection(selectedConnection.id, selectedConnection.name),
-              "aria-label": `Delete connection ${selectedConnection.name}`,
-              children: "Delete"
-            }
-          )
-        ] })
-      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "sp-conn-detail-header",
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            flexWrap: "wrap",
+            gap: "16px",
+            paddingBottom: "16px",
+            borderBottom: "1px solid var(--sp-border)",
+            marginBottom: "16px"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: "var(--sp-fg)" }, children: selectedConnection ? "Edit Connection" : "New Connection" }),
+              selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-badge", children: selectedConnection.type }),
+                isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-active-badge", children: "Active" }),
+                selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Built-in" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                className: "sp-conn-detail-actions",
+                style: { display: "flex", gap: "8px", flexWrap: "wrap" },
+                children: [
+                  supportsActiveConnection && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      className: `sp-btn${isActive ? " sp-btn-primary" : ""}`,
+                      onClick: () => handleSetActiveConnection(selectedConnection),
+                      disabled: isActive || status === "testing",
+                      "aria-label": `Set ${selectedConnection.name} as the active connection for queries`,
+                      children: isActive ? "Active" : "Set active"
+                    }
+                  ),
+                  !selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      className: "sp-btn sp-btn-ghost-danger",
+                      onClick: () => handleDeleteConnection(selectedConnection.id, selectedConnection.name),
+                      "aria-label": `Delete connection ${selectedConnection.name}`,
+                      children: "Delete"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
         renderToast(),
         modeAwareEditSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -75299,7 +75337,24 @@ const ConnectionsManager = () => {
             disabled: isLoading,
             "aria-label": "Refresh connections",
             title: "Refresh",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.681 3H2V2h3.5l.5.5V6H5V4a5 5 0 1 0 4.53-.761l.302-.953A6 6 0 1 1 4.681 3z" }) })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 16 16",
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "currentColor",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "path",
+                  {
+                    fillRule: "evenodd",
+                    clipRule: "evenodd",
+                    d: "M4.681 3H2V2h3.5l.5.5V6H5V4a5 5 0 1 0 4.53-.761l.302-.953A6 6 0 1 1 4.681 3z"
+                  }
+                )
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -75313,48 +75368,118 @@ const ConnectionsManager = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-grid", style: { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(260px, 1fr))", gap: "12px" }, children: connections.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-empty", style: { gridColumn: "1 / -1" }, children: "No connections configured." }) : connections.map((c) => {
-      const status = statuses[c.id] || "unknown";
-      const isActive = supportsActiveConnection && activeConnectionId === c.id;
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "sp-conn-card",
-          style: {
-            border: "1px solid var(--sp-border)",
-            borderRadius: "6px",
-            padding: "12px",
-            background: "var(--sp-header-bg)",
-            cursor: "pointer",
-            display: "flex",
-            flexDirection: "column",
-            gap: "8px"
-          },
-          onClick: () => {
-            setSelectedConnectionId(c.id);
-            setIsFormOpen(false);
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", fontWeight: 600 }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { display: "flex", width: 16, height: 16, alignItems: "center", justifyContent: "center", color: "var(--sp-btn-bg)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectorGlyph, { type: c.type }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: c.name })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: "12px", color: "var(--sp-muted-fg)" }, children: c.type.toUpperCase() }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", fontSize: "11px", marginTop: "4px" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sp-dot sp-dot-${status}` }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--sp-muted-fg)" }, children: status === "ok" ? "Connected" : status === "error" ? "Error" : status === "testing" ? "Testing..." : "Disconnected" }),
-              isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-pill", style: { marginLeft: "auto" }, children: "Active" })
-            ] })
-          ]
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "sp-conn-grid",
+        style: {
+          display: "grid",
+          gridTemplateColumns: "repeat(auto-fill, minmax(260px, 1fr))",
+          gap: "12px"
         },
-        c.id
-      );
-    }) })
+        children: connections.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-empty", style: { gridColumn: "1 / -1" }, children: "No connections configured." }) : connections.map((c) => {
+          const testedStatus = statuses[c.id];
+          const runtimeStatus = c.id === "built-in-duckdb" && c.engineState ? c.engineState === "ready" ? "ok" : c.engineState === "provisioning" ? "testing" : "error" : void 0;
+          const status = testedStatus || runtimeStatus || "unknown";
+          const statusLabel = !testedStatus && c.id === "built-in-duckdb" && c.engineState ? c.engineState === "ready" ? "Ready" : c.engineState === "provisioning" ? "Preparing engine..." : "Unavailable" : status === "ok" ? "Connected" : status === "error" ? "Error" : status === "testing" ? "Testing..." : "Disconnected";
+          const isActive = supportsActiveConnection && activeConnectionId === c.id;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: "sp-conn-card",
+              style: {
+                border: "1px solid var(--sp-border)",
+                borderRadius: "6px",
+                padding: "12px",
+                background: "var(--sp-header-bg)",
+                cursor: "pointer",
+                display: "flex",
+                flexDirection: "column",
+                gap: "8px"
+              },
+              onClick: () => {
+                setSelectedConnectionId(c.id);
+                setIsFormOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    style: { display: "flex", justifyContent: "space-between", alignItems: "center" },
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "div",
+                      {
+                        style: { display: "flex", alignItems: "center", gap: "8px", fontWeight: 600 },
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "span",
+                            {
+                              style: {
+                                display: "flex",
+                                width: 16,
+                                height: 16,
+                                alignItems: "center",
+                                justifyContent: "center",
+                                color: "var(--sp-btn-bg)"
+                              },
+                              children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectorGlyph, { type: c.type })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: c.name })
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: "12px", color: "var(--sp-muted-fg)" }, children: c.type.toUpperCase() }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      fontSize: "11px",
+                      marginTop: "4px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sp-dot sp-dot-${status}` }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--sp-muted-fg)" }, children: statusLabel }),
+                      isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-pill", style: { marginLeft: "auto" }, children: "Active" })
+                    ]
+                  }
+                )
+              ]
+            },
+            c.id
+          );
+        })
+      }
+    )
   ] });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-page", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn", children: !isFormOpen && !selectedConnectionId ? renderGrid() : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: closeForm, style: { marginBottom: 12, alignSelf: "flex-start" }, children: "← Back to connections" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("section", { "aria-label": "Connection details", style: { background: "var(--sp-bg)", border: "1px solid var(--sp-border)", borderRadius: 6 }, children: isFormOpen ? renderConnectionForm() : renderConnectionDetails() })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          className: "sp-btn",
+          onClick: closeForm,
+          style: { marginBottom: 12, alignSelf: "flex-start" },
+          children: "← Back to connections"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "section",
+        {
+          "aria-label": "Connection details",
+          style: {
+            background: "var(--sp-bg)",
+            border: "1px solid var(--sp-border)",
+            borderRadius: 6
+          },
+          children: isFormOpen ? renderConnectionForm() : renderConnectionDetails()
+        }
+      )
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConfirmDialog,