@burdenoff/fluidgrids-fe-sdk 2026.723.2 → 2026.724.2

package/dist/{chunk-VICF7CEB.js → chunk-EVKWBOYH.js}

@@ -2018,6 +2018,9 @@ var PROVIDER_ICONS = {
   "google-calendar": "logos:google-calendar",
   "google-sheets": "simple-icons:googlesheets",
   "google-docs": "simple-icons:googledocs",
+  "google-chat": "simple-icons:googlechat",
+  "google-forms": "simple-icons:googleforms",
+  "google-workspace-admin-domain-wide-delegation": "logos:google-workspace",
   // Microsoft services
   "microsoft-outlook": "vscode-icons:file-type-outlook",
   "microsoft-onedrive": "simple-icons:onedrive",
@@ -2055,6 +2058,54 @@ var PROVIDER_ICONS = {
 function getProviderIcon(providerKey) {
   return PROVIDER_ICONS[providerKey.toLowerCase()] || PROVIDER_ICONS.generic;
 }
+function resolveProviderIcon(providerKey, dbIcon) {
+  const key = providerKey.toLowerCase();
+  if (PROVIDER_ICONS[key]) return PROVIDER_ICONS[key];
+  if (dbIcon && dbIcon.includes(":")) return dbIcon;
+  return PROVIDER_ICONS.generic;
+}
+function getProviderIconTint(providerKey) {
+  const icon = PROVIDER_ICONS[providerKey.toLowerCase()];
+  if (!icon) return void 0;
+  if (icon.startsWith("simple-icons:") || icon.startsWith("mdi:")) {
+    return PROVIDER_COLORS[providerKey.toLowerCase()];
+  }
+  return void 0;
+}
+var PROVIDER_COLORS = {
+  // Google services
+  "google-gmail": "#EA4335",
+  "google-drive": "#4285F4",
+  "google-calendar": "#4285F4",
+  "google-sheets": "#0F9D58",
+  "google-docs": "#4285F4",
+  "google-chat": "#00AC47",
+  "google-forms": "#7248B9",
+  "google-workspace-admin-domain-wide-delegation": "#1A73E8",
+  // Microsoft services
+  "microsoft-outlook": "#0078D4",
+  "microsoft-onedrive": "#0078D4",
+  "microsoft-teams": "#6264A7",
+  "microsoft-excel": "#217346",
+  // Other OAuth2
+  github: "#24292F",
+  slack: "#4A154B",
+  hubspot: "#FF7A59",
+  salesforce: "#00A1E0",
+  notion: "#000000",
+  airtable: "#18BFFF",
+  // API Key
+  openai: "#412991",
+  anthropic: "#D4A373",
+  linear: "#5E6AD2",
+  bigconsole: "#6366F1",
+  sendgrid: "#1A82E2",
+  twilio: "#F22F46",
+  // Generic
+  "generic-oauth2": "#6B7280",
+  "generic-api-key": "#6B7280",
+  "generic-basic-auth": "#6B7280"
+};
 var AUTH_TYPE_LABELS = {
   OAUTH2: "OAuth2 API",
   OAUTH1: "OAuth1",
@@ -3376,6 +3427,331 @@ function GoogleDocsForm({
     )
   ] });
 }
+var CHAT_SCOPES = [
+  {
+    scope: "https://www.googleapis.com/auth/chat.messages.readonly",
+    label: "View chat messages"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/chat.messages",
+    label: "View and manage chat messages"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/chat.messages.create",
+    label: "Create chat messages"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/chat.spaces.readonly",
+    label: "View chat spaces"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/chat.spaces",
+    label: "View and manage chat spaces"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/chat.memberships.readonly",
+    label: "View space members"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/chat.memberships",
+    label: "View and manage space members"
+  }
+];
+var DEFAULT_SELECTED = [
+  "https://www.googleapis.com/auth/chat.messages.readonly",
+  "https://www.googleapis.com/auth/chat.spaces.readonly",
+  "https://www.googleapis.com/auth/chat.memberships.readonly"
+];
+function GoogleChatForm({
+  connectionName,
+  connectionDescription,
+  onNameChange,
+  onDescriptionChange,
+  onSubmit,
+  isSubmitting,
+  error
+}) {
+  const [selectedScopes, setSelectedScopes] = useState(DEFAULT_SELECTED);
+  const toggleScope = useCallback((scope) => {
+    setSelectedScopes(
+      (prev) => prev.includes(scope) ? prev.filter((s) => s !== scope) : [...prev, scope]
+    );
+  }, []);
+  const handleSubmit = useCallback(async () => {
+    await onSubmit({
+      name: connectionName,
+      description: connectionDescription,
+      config: { scopes: selectedScopes }
+    });
+  }, [connectionName, connectionDescription, selectedScopes, onSubmit]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5 rounded-md bg-amber-500/10 border border-amber-500/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:help-circle",
+          className: "w-4 h-4 text-amber-600 flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-amber-700", children: "Need help filling out these fields?" }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "https://developers.google.com/chat/api/reference/rest",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-sm font-medium text-primary hover:underline ml-1",
+          children: "Open docs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: [
+        "Connection Name ",
+        /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: connectionName,
+          onChange: (e) => onNameChange(e.target.value),
+          placeholder: "My Google Chat Connection",
+          disabled: isSubmitting,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: "Description" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: connectionDescription,
+          onChange: (e) => onDescriptionChange(e.target.value),
+          placeholder: "Optional description",
+          disabled: isSubmitting,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-2", children: "Chat Permissions" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-1.5 max-h-48 overflow-y-auto border border-border rounded-md p-3", children: CHAT_SCOPES.map(({ scope, label }) => /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: "flex items-center gap-2 cursor-pointer hover:bg-accent/50 px-2 py-1 rounded",
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selectedScopes.includes(scope),
+                onChange: () => toggleScope(scope),
+                disabled: isSubmitting,
+                className: "rounded border-border"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: label })
+          ]
+        },
+        scope
+      )) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Basic scopes (openid, email, profile) are always included" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "p-3 rounded-md bg-blue-500/10 border border-blue-500/20", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", className: "w-4 h-4" }),
+      "A popup window will open for Google sign-in"
+    ] }) }),
+    error && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-destructive/10 border border-destructive/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:alert-circle",
+          className: "w-4 h-4 text-destructive flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleSubmit,
+        disabled: isSubmitting || !connectionName.trim(),
+        className: "inline-flex items-center gap-2.5 px-4 py-2.5 text-sm font-medium rounded-md bg-white border border-border text-foreground hover:bg-accent transition-colors disabled:opacity-50 shadow-sm",
+        children: [
+          isSubmitting ? /* @__PURE__ */ jsx(Icon, { icon: "mdi:loading", className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "simple-icons:googlechat",
+              className: "w-5 h-5",
+              style: { color: "#00AC47" }
+            }
+          ),
+          isSubmitting ? "Waiting for authorization..." : "Sign in with Google"
+        ]
+      }
+    )
+  ] });
+}
+var FORMS_SCOPES = [
+  {
+    scope: "https://www.googleapis.com/auth/forms.body.readonly",
+    label: "View form structure"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/forms.body",
+    label: "Create and edit forms"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/forms.responses.readonly",
+    label: "View form responses"
+  },
+  {
+    scope: "https://www.googleapis.com/auth/drive.readonly",
+    label: "View Drive files (for form discovery)"
+  }
+];
+var DEFAULT_SELECTED2 = [
+  "https://www.googleapis.com/auth/forms.body.readonly",
+  "https://www.googleapis.com/auth/forms.responses.readonly"
+];
+function GoogleFormsForm({
+  connectionName,
+  connectionDescription,
+  onNameChange,
+  onDescriptionChange,
+  onSubmit,
+  isSubmitting,
+  error
+}) {
+  const [selectedScopes, setSelectedScopes] = useState(DEFAULT_SELECTED2);
+  const toggleScope = useCallback((scope) => {
+    setSelectedScopes(
+      (prev) => prev.includes(scope) ? prev.filter((s) => s !== scope) : [...prev, scope]
+    );
+  }, []);
+  const handleSubmit = useCallback(async () => {
+    await onSubmit({
+      name: connectionName,
+      description: connectionDescription,
+      config: { scopes: selectedScopes }
+    });
+  }, [connectionName, connectionDescription, selectedScopes, onSubmit]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5 rounded-md bg-amber-500/10 border border-amber-500/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:help-circle",
+          className: "w-4 h-4 text-amber-600 flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-amber-700", children: "Need help filling out these fields?" }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "https://developers.google.com/forms/api/reference/rest",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-sm font-medium text-primary hover:underline ml-1",
+          children: "Open docs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: [
+        "Connection Name ",
+        /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: connectionName,
+          onChange: (e) => onNameChange(e.target.value),
+          placeholder: "My Google Forms Connection",
+          disabled: isSubmitting,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: "Description" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: connectionDescription,
+          onChange: (e) => onDescriptionChange(e.target.value),
+          placeholder: "Optional description",
+          disabled: isSubmitting,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-2", children: "Forms Permissions" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-1.5 max-h-48 overflow-y-auto border border-border rounded-md p-3", children: FORMS_SCOPES.map(({ scope, label }) => /* @__PURE__ */ jsxs(
+        "label",
+        {
+          className: "flex items-center gap-2 cursor-pointer hover:bg-accent/50 px-2 py-1 rounded",
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: selectedScopes.includes(scope),
+                onChange: () => toggleScope(scope),
+                disabled: isSubmitting,
+                className: "rounded border-border"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: label })
+          ]
+        },
+        scope
+      )) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Basic scopes (openid, email, profile) are always included" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "p-3 rounded-md bg-blue-500/10 border border-blue-500/20", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", className: "w-4 h-4" }),
+      "A popup window will open for Google sign-in"
+    ] }) }),
+    error && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-destructive/10 border border-destructive/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:alert-circle",
+          className: "w-4 h-4 text-destructive flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleSubmit,
+        disabled: isSubmitting || !connectionName.trim(),
+        className: "inline-flex items-center gap-2.5 px-4 py-2.5 text-sm font-medium rounded-md bg-white border border-border text-foreground hover:bg-accent transition-colors disabled:opacity-50 shadow-sm",
+        children: [
+          isSubmitting ? /* @__PURE__ */ jsx(Icon, { icon: "mdi:loading", className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "simple-icons:googleforms",
+              className: "w-5 h-5",
+              style: { color: "#7248B9" }
+            }
+          ),
+          isSubmitting ? "Waiting for authorization..." : "Sign in with Google"
+        ]
+      }
+    )
+  ] });
+}
 var OUTLOOK_SCOPES = [
   { scope: "Mail.Read", label: "Read your mail" },
   { scope: "Mail.ReadWrite", label: "Read and write your mail" },
@@ -6335,6 +6711,191 @@ function GenericBasicAuthForm({
     )
   ] });
 }
+function asConfigSchema(raw) {
+  if (typeof raw !== "object" || raw === null || Array.isArray(raw)) {
+    return null;
+  }
+  const candidate = raw;
+  if (typeof candidate.properties !== "object" || candidate.properties === null) {
+    return null;
+  }
+  return {
+    type: "object",
+    properties: candidate.properties,
+    required: Array.isArray(candidate.required) ? candidate.required : []
+  };
+}
+function CustomConfigForm({
+  provider,
+  connectionName,
+  connectionDescription,
+  onNameChange,
+  onDescriptionChange,
+  onSubmit,
+  isSubmitting,
+  error
+}) {
+  const schema = useMemo(
+    () => asConfigSchema(provider.configSchema),
+    [provider.configSchema]
+  );
+  const [values, setValues] = useState({});
+  const [validationError, setValidationError] = useState();
+  const setValue = useCallback((field, value) => {
+    setValues((prev) => ({ ...prev, [field]: value }));
+    setValidationError(void 0);
+  }, []);
+  const requiredFields = useMemo(
+    () => new Set(schema?.required ?? []),
+    [schema]
+  );
+  const handleSubmit = useCallback(async () => {
+    if (!schema) return;
+    for (const field of schema.required ?? []) {
+      if (!values[field]?.trim()) {
+        setValidationError(
+          `${schema.properties[field]?.title ?? field} is required`
+        );
+        return;
+      }
+    }
+    const config2 = {};
+    for (const field of Object.keys(schema.properties)) {
+      const value = values[field]?.trim();
+      if (value) config2[field] = value;
+    }
+    await onSubmit({
+      name: connectionName,
+      description: connectionDescription,
+      config: config2
+    });
+  }, [schema, values, connectionName, connectionDescription, onSubmit]);
+  if (!schema) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-destructive/10 border border-destructive/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:alert-circle",
+          className: "w-4 h-4 text-destructive flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: "This provider does not declare a configuration form." })
+    ] });
+  }
+  const displayError = validationError ?? error;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    provider.docsUrl && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2.5 rounded-md bg-amber-500/10 border border-amber-500/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:help-circle",
+          className: "w-4 h-4 text-amber-600 flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-amber-700", children: "Need help filling out these fields?" }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: provider.docsUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-sm font-medium text-primary hover:underline ml-1",
+          children: "Open docs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: [
+        "Connection Name ",
+        /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: connectionName,
+          onChange: (e) => onNameChange(e.target.value),
+          placeholder: `My ${provider.name} Connection`,
+          disabled: isSubmitting,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: "Description" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: connectionDescription,
+          onChange: (e) => onDescriptionChange(e.target.value),
+          placeholder: "Optional description",
+          disabled: isSubmitting,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      )
+    ] }),
+    Object.entries(schema.properties).map(([field, def]) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-foreground mb-1.5", children: [
+        def.title ?? field,
+        " ",
+        requiredFields.has(field) && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+      ] }),
+      def.secret ? /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: values[field] ?? "",
+          onChange: (e) => setValue(field, e.target.value),
+          placeholder: def.description,
+          disabled: isSubmitting,
+          rows: 4,
+          autoComplete: "off",
+          spellCheck: false,
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm font-mono focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      ) : /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: values[field] ?? "",
+          onChange: (e) => setValue(field, e.target.value),
+          placeholder: def.description,
+          disabled: isSubmitting,
+          autoComplete: "off",
+          className: "w-full px-3 py-2 border border-border rounded-md bg-background text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50"
+        }
+      ),
+      def.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: def.description })
+    ] }, field)),
+    /* @__PURE__ */ jsx("div", { className: "p-3 rounded-md bg-blue-500/10 border border-blue-500/20", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-700", children: [
+      /* @__PURE__ */ jsx(Icon, { icon: "mdi:shield-lock", className: "w-4 h-4" }),
+      "Secret fields are stored encrypted and never shown again."
+    ] }) }),
+    displayError && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-destructive/10 border border-destructive/20", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: "mdi:alert-circle",
+          className: "w-4 h-4 text-destructive flex-shrink-0"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-destructive", children: displayError })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleSubmit,
+        disabled: isSubmitting || !connectionName.trim(),
+        className: "inline-flex items-center gap-2.5 px-4 py-2.5 text-sm font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
+        children: [
+          isSubmitting ? /* @__PURE__ */ jsx(Icon, { icon: "mdi:loading", className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ jsx(Icon, { icon: "mdi:content-save", className: "w-5 h-5" }),
+          isSubmitting ? "Saving..." : "Save connection"
+        ]
+      }
+    )
+  ] });
+}
 
 // src/modules/connections/components/provider-forms/index.ts
 var PROVIDER_FORM_REGISTRY = {
@@ -6344,6 +6905,9 @@ var PROVIDER_FORM_REGISTRY = {
   "google-calendar": GoogleCalendarForm,
   "google-sheets": GoogleSheetsForm,
   "google-docs": GoogleDocsForm,
+  "google-chat": GoogleChatForm,
+  "google-forms": GoogleFormsForm,
+  "google-workspace-admin-domain-wide-delegation": CustomConfigForm,
   // Microsoft services
   "microsoft-outlook": MicrosoftOutlookForm,
   "microsoft-onedrive": MicrosoftOneDriveForm,
@@ -6378,6 +6942,8 @@ function getBaseFormByAuthType(authType) {
       return BasicAuthBaseForm;
     case "BEARER_TOKEN":
       return BearerTokenBaseForm;
+    case "CUSTOM":
+      return CustomConfigForm;
     default:
       return ApiKeyBaseForm;
   }
@@ -6464,7 +7030,8 @@ function ProviderPicker({
               Icon,
               {
                 icon: getProviderIcon(provider.key),
-                className: "w-6 h-6 flex-shrink-0"
+                className: "w-6 h-6 flex-shrink-0",
+                style: { color: getProviderIconTint(provider.key) }
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -6610,6 +7177,21 @@ var AUTHENTICATE_WITH_BEARER_TOKEN = gql`
     }
   }
 `;
+var AUTHENTICATE_WITH_CUSTOM_CONFIG = gql`
+  mutation AuthenticateWithCustomConfig($input: CustomConfigAuthInput!) {
+    authenticateWithCustomConfig(input: $input) {
+      id
+      name
+      status
+      provider {
+        id
+        key
+        name
+        icon
+      }
+    }
+  }
+`;
 var TEST_CONNECTION = gql`
   mutation TestConnection($connectionId: ID!) {
     testConnection(connectionId: $connectionId) {
@@ -6706,7 +7288,11 @@ function useConnectionDialog(options) {
                 name: data.name.trim(),
                 description: data.description?.trim(),
                 providerId: data.provider.id,
-                config: data.config
+                // CUSTOM providers: config carries secrets (e.g. service-account
+                // JSON), so it must NOT land in the plain connection.config
+                // column — it is only sent to authenticateWithCustomConfig,
+                // which stores it in the encrypted credential payload.
+                config: data.provider.authType === "CUSTOM" ? void 0 : data.config
               }
             }
           })
@@ -6873,6 +7459,32 @@ function useConnectionDialog(options) {
             }
             break;
           }
+          case "CUSTOM": {
+            if (!data.config || Object.keys(data.config).length === 0) {
+              throw new Error("Connection config is required");
+            }
+            const customResult = throwIfResultError(
+              await client.mutate({
+                mutation: AUTHENTICATE_WITH_CUSTOM_CONFIG,
+                variables: {
+                  input: {
+                    connectionId: connection.id,
+                    config: data.config
+                  }
+                }
+              })
+            );
+            const conn = customResult.data?.authenticateWithCustomConfig;
+            if (conn) {
+              options?.onConnectionCreated?.({
+                id: conn.id,
+                name: conn.name,
+                provider: conn.provider,
+                status: conn.status
+              });
+            }
+            break;
+          }
           default:
             options?.onConnectionCreated?.({
               id: connection.id,
@@ -7021,8 +7633,14 @@ function ConnectionFormDialog({
               /* @__PURE__ */ jsx(
                 Icon,
                 {
-                  icon: getProviderIcon(selectedProvider.key),
-                  className: "w-7 h-7"
+                  icon: resolveProviderIcon(
+                    selectedProvider.key,
+                    selectedProvider.icon
+                  ),
+                  className: "w-7 h-7",
+                  style: {
+                    color: getProviderIconTint(selectedProvider.key)
+                  }
                 }
               ),
               /* @__PURE__ */ jsxs("div", { children: [
@@ -7150,8 +7768,14 @@ function ConnectionFormDialog({
                       /* @__PURE__ */ jsx(
                         Icon,
                         {
-                          icon: getProviderIcon(selectedProvider.key),
-                          className: "w-8 h-8"
+                          icon: resolveProviderIcon(
+                            selectedProvider.key,
+                            selectedProvider.icon
+                          ),
+                          className: "w-8 h-8",
+                          style: {
+                            color: getProviderIconTint(selectedProvider.key)
+                          }
                         }
                       ),
                       /* @__PURE__ */ jsxs("div", { children: [
@@ -7245,11 +7869,18 @@ function ConnectionChip({
   onRemove
 }) {
   const providerKey = connectionData?.provider?.key || connection.adapter;
-  const icon = connectionData?.provider?.icon || getProviderIcon(providerKey);
+  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: [
-    /* @__PURE__ */ jsx(Icon, { icon, className: "w-4 h-4" }),
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon,
+        className: "w-4 h-4",
+        style: { color: getProviderIconTint(providerKey) }
+      }
+    ),
     /* @__PURE__ */ jsx("span", { className: "truncate max-w-32", children: name }),
     status && /* @__PURE__ */ jsx(
       Icon,
@@ -7481,8 +8112,16 @@ function ConnectionSelector({
                     /* @__PURE__ */ jsx(
                       Icon,
                       {
-                        icon: conns[0]?.provider?.icon || getProviderIcon(conns[0]?.provider?.key || ""),
-                        className: "w-4 h-4"
+                        icon: resolveProviderIcon(
+                          conns[0]?.provider?.key || "",
+                          conns[0]?.provider?.icon
+                        ),
+                        className: "w-4 h-4",
+                        style: {
+                          color: getProviderIconTint(
+                            conns[0]?.provider?.key || ""
+                          )
+                        }
                       }
                     ),
                     providerName
@@ -9251,7 +9890,7 @@ function SubNodeComponent({
           children: /* @__PURE__ */ jsx(Icon, { icon: meta.icon, className: "w-7 h-7 text-accent opacity-80" })
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "mt-1.5 text-xs text-[var(--color-text-secondary)] font-medium text-center max-w-24 leading-tight", children: meta.title }),
+      /* @__PURE__ */ jsx("span", { className: "mt-1.5 text-xs text-[var(--color-text-secondary)] font-medium text-center max-w-24 leading-tight", children: data?.label || data?.args?.state?.operation || meta.title }),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -9798,5 +10437,5 @@ function registerWorkflowNodeTypes(workflowNodes) {
 }
 
 export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, NODES, NODES_METADATA, NODE_CONFIGS, NODE_TYPES, NodePropertyPanel, ProviderPicker, ensureNodeConfigsLoaded, fetchNodeManifest, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useInsertNode, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
-//# sourceMappingURL=chunk-VICF7CEB.js.map
-//# sourceMappingURL=chunk-VICF7CEB.js.map
+//# sourceMappingURL=chunk-EVKWBOYH.js.map
+//# sourceMappingURL=chunk-EVKWBOYH.js.map