@burdenoff/fluidgrids-fe-sdk 2026.810.1 → 2026.812.1

package/dist/{WorkflowBuilder-GMLDZCYT.js → WorkflowBuilder-76GNQ4Y4.js}

@@ -1,4 +1,4 @@
-export { WorkflowBuilder } from './chunk-FWU2QH43.js';
+export { WorkflowBuilder } from './chunk-W32DQ4IQ.js';
 import './chunk-P5PKRQAO.js';
 import './chunk-OHGXRM6Z.js';
 import './chunk-BQXHJIER.js';
@@ -13,5 +13,5 @@ import './chunk-XQP33UJR.js';
 import './chunk-DBOMRIP5.js';
 import './chunk-3ZYUGTIT.js';
 import './chunk-7VNIEIR6.js';
-//# sourceMappingURL=WorkflowBuilder-GMLDZCYT.js.map
-//# sourceMappingURL=WorkflowBuilder-GMLDZCYT.js.map
+//# sourceMappingURL=WorkflowBuilder-76GNQ4Y4.js.map
+//# sourceMappingURL=WorkflowBuilder-76GNQ4Y4.js.map

package/dist/{WorkflowBuilder-GMLDZCYT.js.map → WorkflowBuilder-76GNQ4Y4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-GMLDZCYT.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-76GNQ4Y4.js"}

package/dist/{chunk-FWU2QH43.js → chunk-W32DQ4IQ.js}

@@ -2678,7 +2678,7 @@ function ProviderPicker({
   );
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: tr(
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary mb-3", children: tr(
         "fluidgrids.connections.providerPicker.subtitle",
         "Select an app or service to connect to"
       ) }),
@@ -2687,7 +2687,7 @@ function ProviderPicker({
           Icon,
           {
             icon: "mdi:magnify",
-            className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground"
+            className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2701,7 +2701,7 @@ function ProviderPicker({
               "fluidgrids.connections.providerPicker.searchPlaceholder",
               "Search providers..."
             ),
-            className: "w-full pl-10 pr-3 py-2.5 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary"
+            className: "w-full pl-10 pr-3 py-2.5 border border-border-subtle rounded-md bg-bg-surface text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary"
           }
         )
       ] })
@@ -2710,14 +2710,14 @@ function ProviderPicker({
       Icon,
       {
         icon: "mdi:loading",
-        className: "w-6 h-6 animate-spin text-muted-foreground"
+        className: "w-6 h-6 animate-spin text-text-secondary"
       }
-    ) }) : filtered.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-sm text-muted-foreground", children: [
+    ) }) : filtered.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-sm text-text-secondary", children: [
       "No providers found matching \u201C",
       search,
       "\u201D"
     ] }) : /* @__PURE__ */ jsx("div", { className: "max-h-[400px] overflow-y-auto space-y-1", children: Object.entries(grouped).map(([category, categoryProviders]) => /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: getCategoryLabel(category) }),
+      /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-text-secondary uppercase tracking-wider", children: getCategoryLabel(category) }),
       categoryProviders.map((provider) => /* @__PURE__ */ jsxs(
         "button",
         {
@@ -2734,8 +2734,8 @@ function ProviderPicker({
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: provider.name }),
-              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: getAuthTypeLabel(provider.authType) })
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-text-primary", children: provider.name }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary", children: getAuthTypeLabel(provider.authType) })
             ] })
           ]
         },
@@ -2901,15 +2901,15 @@ function SchemaConnectionForm({
     displayOrder: method.displayOrder
   }));
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    error && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2", children: [
+    error && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-md border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2", children: [
       /* @__PURE__ */ jsx(
         Icon,
         {
           icon: "mdi:alert-circle",
-          className: "mt-0.5 h-4 w-4 flex-shrink-0 text-destructive"
+          className: "mt-0.5 h-4 w-4 flex-shrink-0 text-status-error-text"
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error })
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-status-error-text", children: error })
     ] }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs(
@@ -2920,7 +2920,7 @@ function SchemaConnectionForm({
           children: [
             tr("fluidgrids.connections.schemaForm.nameLabel", "Connection Name"),
             " ",
-            /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
+            /* @__PURE__ */ jsx("span", { className: "text-status-error-text", children: "*" })
           ]
         }
       ),
@@ -3018,29 +3018,29 @@ function SchemaConnectionForm({
           disabled: isSubmitting
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted/40 px-3 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border-subtle bg-accent/30 px-3 py-2", children: [
         /* @__PURE__ */ jsx(
           Icon,
           {
             icon: "mdi:open-in-new",
-            className: "h-3.5 w-3.5 flex-shrink-0 text-muted-foreground"
+            className: "h-3.5 w-3.5 flex-shrink-0 text-text-secondary"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: tr(
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
           "fluidgrids.connections.schemaForm.oauthNotice",
           `A popup window will open for ${provider.name} sign-in`
         ) })
       ] })
     ] }),
-    flow === "minted" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted/40 px-3 py-2", children: [
+    flow === "minted" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border-subtle bg-accent/30 px-3 py-2", children: [
       /* @__PURE__ */ jsx(
         Icon,
         {
           icon: "mdi:shield-check",
-          className: "h-3.5 w-3.5 flex-shrink-0 text-muted-foreground"
+          className: "h-3.5 w-3.5 flex-shrink-0 text-text-secondary"
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: tr(
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
         "fluidgrids.connections.schemaForm.mintedNotice",
         "No credentials to enter \u2014 access is granted on your behalf and tokens are issued per use."
       ) })
@@ -3051,7 +3051,7 @@ function SchemaConnectionForm({
         type: "button",
         onClick: () => void handleSubmit(),
         disabled: !canSubmit,
-        className: "inline-flex w-full items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-50",
+        className: "inline-flex w-full items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
         children: [
           isSubmitting ? /* @__PURE__ */ jsx(Icon, { icon: "mdi:loading", className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Icon, { icon: "mdi:check", className: "h-4 w-4" }),
           flow === "oauth2" ? tr(
@@ -3325,8 +3325,15 @@ function useConnectionDialog(options) {
                   input: {
                     connectionId: connection.id,
                     redirectUri: getOAuthCallbackUrl(),
-                    scopes: data.scopes,
-                    authMethodKey: data.authMethodKey ?? void 0
+                    scopes: data.scopes
+                    // No authMethodKey here. `InitiateOAuthInput` does not
+                    // declare one, and sending it fails variable coercion —
+                    // which the gateway reports as a bare
+                    // INTERNAL_SERVER_ERROR, so the connection is created and
+                    // the handshake then dies with "Unexpected error.".
+                    // It would be redundant anyway: the resolver reads the
+                    // method from the connection row, which createConnection
+                    // above has already stored.
                   }
                 }
               })
@@ -3586,9 +3593,9 @@ function ConnectionFormDialog({
       Dialog2.Content,
       {
         style: { zIndex: 1101 },
-        className: "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-2xl max-h-[85vh] bg-background border border-border rounded-xl shadow-2xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] flex flex-col overflow-hidden",
+        className: "fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-2xl max-h-[85vh] bg-bg-surface border border-border-subtle rounded-xl shadow-2xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] flex flex-col overflow-hidden",
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border flex-shrink-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border-subtle flex-shrink-0", children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: selectedProvider ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
                 Icon,
@@ -3604,18 +3611,18 @@ function ConnectionFormDialog({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsxs(Dialog2.Title, { className: "text-base font-semibold text-foreground", children: [
+                /* @__PURE__ */ jsxs(Dialog2.Title, { className: "text-base font-semibold text-text-primary", children: [
                   selectedProvider.name,
                   " account"
                 ] }),
-                /* @__PURE__ */ jsx(Dialog2.Description, { className: "text-xs text-muted-foreground", children: getAuthTypeLabel(selectedProvider.authType) })
+                /* @__PURE__ */ jsx(Dialog2.Description, { className: "text-xs text-text-secondary", children: getAuthTypeLabel(selectedProvider.authType) })
               ] })
             ] }) : /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx(Dialog2.Title, { className: "text-base font-semibold text-foreground", children: tr(
+              /* @__PURE__ */ jsx(Dialog2.Title, { className: "text-base font-semibold text-text-primary", children: tr(
                 "fluidgrids.connections.connectionFormDialog.addNewCredential",
                 "Add new credential"
               ) }),
-              /* @__PURE__ */ jsx(Dialog2.Description, { className: "text-xs text-muted-foreground", children: tr(
+              /* @__PURE__ */ jsx(Dialog2.Description, { className: "text-xs text-text-secondary", children: tr(
                 "fluidgrids.connections.connectionFormDialog.pickerSubtitle",
                 "Select an app or service to connect to"
               ) })
@@ -3624,7 +3631,7 @@ function ConnectionFormDialog({
               "button",
               {
                 type: "button",
-                className: "p-1.5 rounded-md hover:bg-accent transition-colors text-muted-foreground hover:text-foreground",
+                className: "p-1.5 rounded-md hover:bg-accent transition-colors text-text-secondary hover:text-text-primary",
                 "aria-label": tr(
                   "fluidgrids.connections.connectionFormDialog.close",
                   "Close"
@@ -3646,7 +3653,7 @@ function ConnectionFormDialog({
               Icon,
               {
                 icon: "mdi:loading",
-                className: "w-8 h-8 animate-spin text-muted-foreground"
+                className: "w-8 h-8 animate-spin text-text-secondary"
               }
             ) }),
             success && selectedProvider && /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-8 text-center", children: [
@@ -3657,11 +3664,11 @@ function ConnectionFormDialog({
                   className: "w-12 h-12 text-green-600"
                 }
               ) }),
-              /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-1", children: tr(
+              /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-1", children: tr(
                 "fluidgrids.connections.connectionFormDialog.successTitle",
                 "Connection Created!"
               ) }),
-              /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground mb-6", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-sm text-text-secondary mb-6", children: [
                 "Your ",
                 selectedProvider.name,
                 " connection has been set up successfully."
@@ -3671,7 +3678,7 @@ function ConnectionFormDialog({
                 {
                   type: "button",
                   onClick: onClose,
-                  className: "px-4 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors",
+                  className: "px-4 py-2 text-sm font-medium rounded-md bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
                   children: tr(
                     "fluidgrids.connections.connectionFormDialog.done",
                     "Done"
@@ -3680,12 +3687,12 @@ function ConnectionFormDialog({
               )
             ] }),
             selectedProvider && !showPicker && !success && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("div", { className: "w-40 border-r border-border flex-shrink-0 py-3", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx("div", { className: "w-40 border-r border-border-subtle flex-shrink-0 py-3", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   onClick: () => setActiveTab(tab.key),
-                  className: `w-full flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors ${activeTab === tab.key ? "text-foreground bg-accent/50 border-l-2 border-primary" : "text-muted-foreground hover:text-foreground hover:bg-accent/30 border-l-2 border-transparent"}`,
+                  className: `w-full flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors ${activeTab === tab.key ? "text-text-primary bg-accent/50 border-l-2 border-primary" : "text-text-secondary hover:text-text-primary hover:bg-accent/30 border-l-2 border-transparent"}`,
                   children: [
                     /* @__PURE__ */ jsx(Icon, { icon: tab.icon, className: "w-4 h-4" }),
                     tab.label
@@ -3708,31 +3715,31 @@ function ConnectionFormDialog({
                   }
                 ),
                 activeTab === "sharing" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: tr(
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: tr(
                     "fluidgrids.connections.connectionFormDialog.sharingHeading",
                     "Sharing"
                   ) }),
-                  /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-md bg-muted/50 border border-border text-center", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-md bg-accent/30 border border-border-subtle text-center", children: [
                     /* @__PURE__ */ jsx(
                       Icon,
                       {
                         icon: "mdi:share-variant",
-                        className: "w-8 h-8 mx-auto text-muted-foreground mb-2"
+                        className: "w-8 h-8 mx-auto text-text-secondary mb-2"
                       }
                     ),
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tr(
+                    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: tr(
                       "fluidgrids.connections.connectionFormDialog.sharingPlaceholder",
                       "Connection sharing settings will be available in a future update."
                     ) })
                   ] })
                 ] }),
                 activeTab === "details" && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: tr(
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: tr(
                     "fluidgrids.connections.connectionFormDialog.detailsHeading",
                     "Details"
                   ) }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 rounded-md border border-border", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 rounded-md border border-border-subtle", children: [
                       /* @__PURE__ */ jsx(
                         Icon,
                         {
@@ -3747,19 +3754,19 @@ function ConnectionFormDialog({
                         }
                       ),
                       /* @__PURE__ */ jsxs("div", { children: [
-                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: selectedProvider.name }),
-                        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: getAuthTypeLabel(selectedProvider.authType) })
+                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-text-primary", children: selectedProvider.name }),
+                        /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: getAuthTypeLabel(selectedProvider.authType) })
                       ] })
                     ] }),
                     selectedProvider.description && /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: tr(
+                      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
                         "fluidgrids.connections.connectionFormDialog.detailsDescriptionLabel",
                         "Description"
                       ) }),
-                      /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground mt-1", children: selectedProvider.description })
+                      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-primary mt-1", children: selectedProvider.description })
                     ] }),
                     selectedProvider.website && /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: tr(
+                      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
                         "fluidgrids.connections.connectionFormDialog.detailsWebsiteLabel",
                         "Website"
                       ) }),
@@ -3775,7 +3782,7 @@ function ConnectionFormDialog({
                       )
                     ] }),
                     selectedProvider.docsUrl && /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: tr(
+                      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
                         "fluidgrids.connections.connectionFormDialog.detailsDocumentationLabel",
                         "Documentation"
                       ) }),
@@ -3812,7 +3819,7 @@ function getStatusColor(status) {
     case "ACTIVE":
       return "text-[var(--color-status-success-text)]";
     case "INACTIVE":
-      return "text-muted-foreground";
+      return "text-text-secondary";
     case "ERROR":
     case "REVOKED":
       return "text-[var(--color-status-error-text)]";
@@ -3820,7 +3827,7 @@ function getStatusColor(status) {
     case "PENDING_AUTH":
       return "text-[var(--color-status-warning-text)]";
     default:
-      return "text-muted-foreground";
+      return "text-text-secondary";
   }
 }
 function getStatusIcon(status) {
@@ -3849,7 +3856,7 @@ function ConnectionChip({
   const icon = resolveProviderIcon(providerKey, connectionData?.provider?.icon);
   const name = connectionData?.name || connection.connectionId;
   const status = connectionData?.status;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-muted rounded-md text-sm group", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1 bg-accent/30 rounded-md text-sm group", children: [
     /* @__PURE__ */ jsx(
       Icon,
       {
@@ -3874,7 +3881,7 @@ function ConnectionChip({
           e.stopPropagation();
           onRemove();
         },
-        className: "text-muted-foreground hover:text-destructive opacity-0 group-hover:opacity-100 transition-opacity",
+        className: "text-text-secondary hover:text-status-error-text opacity-0 group-hover:opacity-100 transition-opacity",
         children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:close", className: "w-3.5 h-3.5" })
       }
     )
@@ -4043,7 +4050,7 @@ function ConnectionSelector({
                   Icon,
                   {
                     icon: "mdi:link-variant",
-                    className: "w-4 h-4 text-muted-foreground"
+                    className: "w-4 h-4 text-text-secondary"
                   }
                 ),
                 selectedConnections.length === 0 ? tr(
@@ -4058,7 +4065,7 @@ function ConnectionSelector({
                 Icon,
                 {
                   icon: "mdi:chevron-down",
-                  className: "w-4 h-4 text-muted-foreground"
+                  className: "w-4 h-4 text-text-secondary"
                 }
               )
             ]
@@ -4071,7 +4078,7 @@ function ConnectionSelector({
             style: { zIndex: 1100 },
             className: "w-[280px] max-h-[400px] overflow-y-auto",
             children: [
-              connectionsLoading ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-muted-foreground", children: [
+              connectionsLoading ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-text-secondary", children: [
                 /* @__PURE__ */ jsx(
                   Icon,
                   {
@@ -4083,7 +4090,7 @@ function ConnectionSelector({
                   "fluidgrids.connections.connectionSelector.loading",
                   "Loading connections..."
                 ) })
-              ] }) : Object.keys(groupedConnections).length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-muted-foreground", children: [
+              ] }) : Object.keys(groupedConnections).length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-sm text-text-secondary", children: [
                 /* @__PURE__ */ jsx(
                   Icon,
                   {
@@ -4101,7 +4108,7 @@ function ConnectionSelector({
                 ) })
               ] }) : Object.entries(groupedConnections).map(
                 ([providerName, conns]) => /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex items-center gap-2 text-xs font-semibold text-muted-foreground uppercase tracking-wide", children: [
+                  /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex items-center gap-2 text-xs font-semibold text-text-secondary uppercase tracking-wide", children: [
                     /* @__PURE__ */ jsx(
                       Icon,
                       {
@@ -4128,7 +4135,7 @@ function ConnectionSelector({
                       DropdownMenuItem,
                       {
                         onClick: () => handleSelect(conn),
-                        className: `flex items-center justify-between cursor-pointer ${isSelected ? "bg-primary/10" : ""} ${!isActive ? "opacity-60" : ""}`,
+                        className: `flex items-center justify-between cursor-pointer ${isSelected ? "bg-action-primary-bg/10" : ""} ${!isActive ? "opacity-60" : ""}`,
                         children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
                             /* @__PURE__ */ jsxs("span", { className: "font-medium truncate flex items-center gap-1.5", children: [
@@ -4141,7 +4148,7 @@ function ConnectionSelector({
                                 }
                               ) })
                             ] }),
-                            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: conn.externalAccountEmail || conn.updatedAt && `Updated ${formatAge(conn.updatedAt)}` })
+                            /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: conn.externalAccountEmail || conn.updatedAt && `Updated ${formatAge(conn.updatedAt)}` })
                           ] }),
                           isSelected && /* @__PURE__ */ jsx(
                             Icon,
@@ -23473,5 +23480,5 @@ function WorkflowBuilder() {
 }
 
 export { Card2 as Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConnectionFormDialog, ConnectionSelector, EntityTagPicker, FlowBuilderPage, FluidGridsProvider, ProviderPicker, SchemaConnectionForm, ScopePicker, TemplateCard, WorkflowBuilder, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useFluidGridsContext, useImportWorkflowTemplate, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useWorkflowTemplates };
-//# sourceMappingURL=chunk-FWU2QH43.js.map
-//# sourceMappingURL=chunk-FWU2QH43.js.map
+//# sourceMappingURL=chunk-W32DQ4IQ.js.map
+//# sourceMappingURL=chunk-W32DQ4IQ.js.map