@burdenoff/fe-libs 2026.930.3 → 2026.930.5

package/dist/connections/ConnectionFormTab.js

@@ -0,0 +1,185 @@
+import { SchemaForm as e } from "../credentials/SchemaForm.js";
+import { AuthMethodNotice as t, AuthMethodSelector as n } from "../credentials/AuthMethodSelector.js";
+import { collectsOwnClientId as r, needsCredentialStorage as i } from "./connectionFlow.js";
+import { authTypeLabel as a } from "./labels.js";
+import { CredentialStorageSelector as o } from "./CredentialStorageSelector.js";
+import { INPUT_CLASS as s } from "./frame.js";
+import { ScopePicker as c } from "./ScopePicker.js";
+import { useState as l } from "react";
+import { AlertCircle as u, Copy as d, ExternalLink as f, Shield as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/connections/ConnectionFormTab.tsx
+var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name: S, onNameChange: C, description: w, onDescriptionChange: T, values: E, setValues: D, onMethodChange: O, storage: k, setStorage: A, scopeOptions: j, defaultScopes: M, scopeSelection: N, setScopeSelection: P, callbackUrl: F, requireVault: I, canCreateVault: L, errorMessage: R, busy: z, translate: B, fieldId: V }) => {
+	let [H, U] = l(!1);
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-5",
+		children: [
+			R && /* @__PURE__ */ h("div", {
+				role: "alert",
+				className: "flex items-start gap-2 rounded-md border border-status-error-border/20 bg-status-error-bg/10 px-3 py-2",
+				children: [/* @__PURE__ */ m(u, {
+					size: 16,
+					className: "mt-0.5 flex-shrink-0 text-status-error-text"
+				}), /* @__PURE__ */ m("span", {
+					className: "text-sm text-status-error-text",
+					children: R
+				})]
+			}),
+			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
+				htmlFor: V("name"),
+				className: "mb-1.5 block text-sm font-medium text-text-primary",
+				children: [
+					B("integrations.addConnection.fields.connectionName", "Connection Name"),
+					" ",
+					/* @__PURE__ */ m("span", {
+						className: "text-status-error-text",
+						children: "*"
+					})
+				]
+			}), /* @__PURE__ */ m("input", {
+				id: V("name"),
+				type: "text",
+				value: S,
+				onChange: (e) => C(e.target.value),
+				placeholder: B("integrations.addConnection.fields.connectionNamePlaceholder", "e.g., My {{provider}} Connection", { provider: _.name }),
+				disabled: z,
+				className: s
+			})] }),
+			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
+				htmlFor: V("description"),
+				className: "mb-1.5 block text-sm font-medium text-text-primary",
+				children: B("integrations.addConnection.fields.description", "Description")
+			}), /* @__PURE__ */ m("input", {
+				id: V("description"),
+				type: "text",
+				value: w,
+				onChange: (e) => T(e.target.value),
+				placeholder: B("integrations.addConnection.fields.descriptionPlaceholder", "Optional description..."),
+				disabled: z,
+				className: s
+			})] }),
+			i(b, _) && /* @__PURE__ */ m(o, {
+				api: g,
+				value: k,
+				onChange: A,
+				authType: y?.authType ?? _.authType,
+				requireVault: I,
+				canCreateVault: L,
+				translate: B,
+				disabled: z
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "space-y-3 rounded-md border border-border-subtle/50 bg-bg-surface p-4",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ h("h3", {
+							className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+							children: [
+								/* @__PURE__ */ m(p, {
+									size: 16,
+									className: "text-primary"
+								}),
+								B("integrations.addConnection.authentication.title", "Authentication"),
+								v.length <= 1 && /* @__PURE__ */ h("span", {
+									className: "font-normal text-text-secondary",
+									children: ["· ", y?.displayName ?? a(_.authType, B)]
+								})
+							]
+						}), /* @__PURE__ */ m(n, {
+							methods: v,
+							selectedKey: y?.key ?? null,
+							onSelect: O,
+							disabled: z,
+							idPrefix: V("auth-method"),
+							translate: B,
+							compact: !0
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "space-y-2",
+						children: /* @__PURE__ */ m(t, {
+							method: y,
+							translate: B
+						})
+					}),
+					b === "fields" && !x && /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 rounded-md border border-border-default bg-status-error-bg-subtle px-3 py-2",
+						children: [/* @__PURE__ */ m(u, {
+							size: 16,
+							className: "flex-shrink-0 text-status-error-text"
+						}), /* @__PURE__ */ m("span", {
+							className: "text-sm text-status-error-text",
+							children: B("integrations.addConnection.authentication.noForm", "This authentication method does not declare a configuration form.")
+						})]
+					}),
+					b === "fields" && x && /* @__PURE__ */ m("p", {
+						className: "text-xs text-text-secondary",
+						children: B("integrations.addConnection.authentication.secretsEncrypted", "Secret values are stored encrypted and never shown again.")
+					}),
+					b !== "minted" && x && /* @__PURE__ */ m(e, {
+						schema: x,
+						values: E,
+						onChange: D,
+						disabled: z,
+						idPrefix: V("credential"),
+						translate: B
+					}),
+					b === "oauth2" && r(x) && /* @__PURE__ */ h("div", {
+						className: "space-y-1.5 rounded-md border border-border-subtle bg-bg-surface px-3 py-2",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ m("span", {
+								className: "text-xs font-medium text-text-primary",
+								children: B("integrations.addConnection.authentication.redirectUriLabel", "Redirect URL to register in your app")
+							}), /* @__PURE__ */ h("button", {
+								type: "button",
+								onClick: () => {
+									navigator.clipboard?.writeText(F).then(() => {
+										U(!0), window.setTimeout(() => U(!1), 2e3);
+									}).catch(() => void 0);
+								},
+								className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
+								children: [/* @__PURE__ */ m(d, { size: 12 }), H ? B("integrations.addConnection.authentication.copied", "Copied") : B("integrations.addConnection.authentication.copy", "Copy")]
+							})]
+						}), /* @__PURE__ */ m("code", {
+							"data-testid": "oauth-redirect-url",
+							className: "block break-all text-xs text-text-secondary",
+							children: F
+						})]
+					}),
+					b !== "fields" && /* @__PURE__ */ m(c, {
+						options: j,
+						defaultScopes: M,
+						selection: N,
+						onChange: P,
+						translate: B,
+						disabled: z
+					}),
+					b === "oauth2" && /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 rounded-md border border-border-default bg-status-info-bg-subtle px-3 py-2",
+						children: [/* @__PURE__ */ m(f, {
+							size: 14,
+							className: "flex-shrink-0 text-status-info-text"
+						}), /* @__PURE__ */ m("span", {
+							className: "text-xs text-status-info-text",
+							children: B("integrations.addConnection.authentication.oauthPopupInfo", "A popup window will open for {{provider}} sign-in", { provider: _.name })
+						})]
+					}),
+					b === "minted" && /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2 rounded-md border border-border-default bg-status-info-bg-subtle px-3 py-2",
+						children: [/* @__PURE__ */ m(p, {
+							size: 14,
+							className: "flex-shrink-0 text-status-info-text"
+						}), /* @__PURE__ */ m("span", {
+							className: "text-xs text-status-info-text",
+							children: B("integrations.addConnection.authentication.serviceAccount.description", "No credentials to enter — access is granted on your behalf and tokens are issued per use.")
+						})]
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { g as ConnectionFormTab };

package/dist/connections/CredentialStorageSelector.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { Translator } from '../credentials/translate';
+import { ConnectionsApi } from './api';
+import { CredentialStorageState, ProviderAuthType } from './types';
+interface CredentialStorageSelectorProps {
+    api: ConnectionsApi;
+    value: CredentialStorageState;
+    onChange: (update: (current: CredentialStorageState) => CredentialStorageState) => void;
+    authType: ProviderAuthType;
+    /** False lets the integrations service hold the secret when no vault is picked. */
+    requireVault: boolean;
+    /** Vaults belong to the security module; creating one needs its own grant. */
+    canCreateVault: boolean;
+    translate: Translator;
+    disabled?: boolean;
+}
+export declare const CredentialStorageSelector: FC<CredentialStorageSelectorProps>;
+export {};
+//# sourceMappingURL=CredentialStorageSelector.d.ts.map

package/dist/connections/CredentialStorageSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CredentialStorageSelector.d.ts","sourceRoot":"","sources":["../../src/connections/CredentialStorageSelector.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAA2C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAGjB,MAAM,SAAS,CAAC;AAEjB,UAAU,8BAA8B;IACtC,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,sBAAsB,KAAK,IAAI,CAAC;IACxF,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,mFAAmF;IACnF,YAAY,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAWD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAwUxE,CAAC"}

package/dist/connections/CredentialStorageSelector.js

@@ -0,0 +1,294 @@
+import { compatibleSecrets as e } from "./storage.js";
+import { useCallback as t, useEffect as n, useId as r, useState as i } from "react";
+import { AlertCircle as a, Database as o, FolderKey as s, KeyRound as c, Loader2 as l, Plus as u, X as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/connections/CredentialStorageSelector.tsx
+var h = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-60", g = `${h} scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary`, _ = ({ api: a, value: d, onChange: _, authType: y, requireVault: b, canCreateVault: x, translate: S, disabled: C }) => {
+	let [w, T] = i([]), [E, D] = i(!0), [O, k] = i([]), [A, j] = i(!1), [M, N] = i(!1), P = r(), F = t(async () => {
+		D(!0);
+		try {
+			T(await a.listVaults());
+		} catch {
+			T([]);
+		} finally {
+			D(!1);
+		}
+	}, [a]);
+	n(() => {
+		F();
+	}, [F]), n(() => {
+		if (d.mode !== "existing" || !d.vaultId) {
+			k([]);
+			return;
+		}
+		let t = !1;
+		return j(!0), a.listVaultSecrets(d.vaultId).then((n) => {
+			t || k(e(n, y));
+		}).catch(() => {
+			t || k([]);
+		}).finally(() => {
+			t || j(!1);
+		}), () => {
+			t = !0;
+		};
+	}, [
+		a,
+		y,
+		d.mode,
+		d.vaultId
+	]);
+	let I = async (e) => {
+		await F(), _((t) => ({
+			...t,
+			vaultId: e,
+			secretId: ""
+		})), N(!1);
+	}, L = `${P}-vault`, R = `${P}-managed-name`, z = `${P}-existing-secret`, B = b ? S("integrations.addConnection.credentialStorage.selectVault", "Select a vault") : S("integrations.addConnection.credentialStorage.noVault", "No vault — stored encrypted by the integrations service"), V = (e, t, n, r) => {
+		let i = t, a = d.mode === e;
+		return /* @__PURE__ */ m("button", {
+			type: "button",
+			disabled: C,
+			"aria-pressed": a,
+			onClick: () => _((t) => ({
+				...t,
+				mode: e,
+				...e === "managed" ? { secretId: "" } : {}
+			})),
+			className: `rounded-xl border px-4 py-3 text-left transition-colors disabled:opacity-60 ${a ? "border-primary bg-action-primary-bg/5" : "border-border-subtle hover:border-primary/40 hover:bg-accent/30"}`,
+			children: [/* @__PURE__ */ m("span", {
+				className: "flex items-center gap-2 text-sm font-medium text-text-primary",
+				children: [/* @__PURE__ */ p(i, {
+					size: 16,
+					className: "text-primary"
+				}), n]
+			}), /* @__PURE__ */ p("span", {
+				className: "mt-1 block text-xs text-text-secondary",
+				children: r
+			})]
+		});
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-4 rounded-xl border border-border-subtle/50 bg-bg-surface p-4",
+		children: [
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("h3", {
+				className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+				children: [/* @__PURE__ */ p(o, {
+					size: 16,
+					className: "text-primary"
+				}), S("integrations.addConnection.credentialStorage.title", "Credential Storage")]
+			}), /* @__PURE__ */ p("p", {
+				className: "mt-1 text-xs text-text-secondary",
+				children: b ? S("integrations.addConnection.credentialStorage.description", "Connections use vault-managed secrets by default. You can also reuse an existing compatible secret.") : S("integrations.addConnection.credentialStorage.optionalDescription", "Optional. Without a vault, the integrations service stores the credential encrypted. Pick a vault to manage it yourself, or reuse an existing secret.")
+			})] }),
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+				children: [V("managed", s, S("integrations.addConnection.credentialStorage.dedicatedSecret", "Dedicated secret"), S("integrations.addConnection.credentialStorage.dedicatedSecretDescription", "Create and own a vault secret for this connection.")), V("existing", c, S("integrations.addConnection.credentialStorage.existingSecret", "Existing secret"), S("integrations.addConnection.credentialStorage.existingSecretDescription", "Reference an already stored secret from the vault."))]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ p("label", {
+						htmlFor: L,
+						className: "block text-xs font-semibold uppercase tracking-wide text-text-primary",
+						children: S("integrations.addConnection.credentialStorage.vaultLabel", "Vault")
+					}), !M && x && /* @__PURE__ */ m("button", {
+						type: "button",
+						disabled: C,
+						onClick: () => N(!0),
+						className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
+						children: [
+							/* @__PURE__ */ p(u, { size: 13 }),
+							" ",
+							S("integrations.addConnection.credentialStorage.newVault", "New vault")
+						]
+					})]
+				}), M ? /* @__PURE__ */ p(v, {
+					api: a,
+					translate: S,
+					onCreated: (e) => void I(e),
+					onCancel: () => N(!1)
+				}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ m("select", {
+						id: L,
+						value: d.vaultId,
+						disabled: C,
+						onChange: (e) => _((t) => ({
+							...t,
+							vaultId: e.target.value,
+							secretId: ""
+						})),
+						className: g,
+						children: [/* @__PURE__ */ p("option", {
+							value: "",
+							children: B
+						}), w.map((e) => /* @__PURE__ */ m("option", {
+							value: e.id,
+							children: [
+								e.name,
+								" (",
+								e.secretCount,
+								")"
+							]
+						}, e.id))]
+					}), E && /* @__PURE__ */ p(l, {
+						size: 16,
+						className: "absolute right-3 top-3 animate-spin text-text-secondary"
+					})]
+				}), b && !E && w.length === 0 && (x ? /* @__PURE__ */ m("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						S("integrations.addConnection.credentialStorage.noVaults.canCreate", "No vaults yet. Create one to store this connection's credentials."),
+						" ",
+						/* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => N(!0),
+							className: "font-medium text-primary hover:underline",
+							children: S("integrations.addConnection.credentialStorage.noVaults.createOne", "Create one")
+						})
+					]
+				}) : /* @__PURE__ */ p("p", {
+					className: "text-xs text-text-secondary",
+					children: S("integrations.addConnection.credentialStorage.noVaults.readOnly", "No vaults yet. Ask an administrator to create one — a connection needs a vault to store its credentials.")
+				}))] })]
+			}),
+			d.mode === "managed" ? d.vaultId ? /* @__PURE__ */ m("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ p("label", {
+						htmlFor: R,
+						className: "block text-xs font-semibold uppercase tracking-wide text-text-primary",
+						children: S("integrations.addConnection.credentialStorage.managedSecretName", "Managed secret name")
+					}),
+					/* @__PURE__ */ p("input", {
+						id: R,
+						type: "text",
+						value: d.managedSecretName,
+						disabled: C,
+						onChange: (e) => _((t) => ({
+							...t,
+							managedSecretName: e.target.value
+						})),
+						placeholder: S("integrations.addConnection.credentialStorage.managedSecretPlaceholder", "Optional custom vault secret name"),
+						className: h
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "text-xs text-text-secondary",
+						children: S("integrations.addConnection.credentialStorage.managedSecretHint", "Leave empty to auto-generate a secret name from the connection and provider.")
+					})
+				]
+			}) : null : /* @__PURE__ */ m("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ p("label", {
+						htmlFor: z,
+						className: "block text-xs font-semibold uppercase tracking-wide text-text-primary",
+						children: S("integrations.addConnection.credentialStorage.existingSecretLabel", "Existing secret")
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ m("select", {
+							id: z,
+							value: d.secretId,
+							onChange: (e) => _((t) => ({
+								...t,
+								secretId: e.target.value
+							})),
+							disabled: C || !d.vaultId,
+							className: g,
+							children: [/* @__PURE__ */ p("option", {
+								value: "",
+								children: S("integrations.addConnection.credentialStorage.selectExistingSecret", "Select an existing secret")
+							}), O.map((e) => /* @__PURE__ */ m("option", {
+								value: e.id,
+								children: [
+									e.name,
+									" · ",
+									e.type
+								]
+							}, e.id))]
+						}), A && /* @__PURE__ */ p(l, {
+							size: 16,
+							className: "absolute right-3 top-3 animate-spin text-text-secondary"
+						})]
+					}),
+					/* @__PURE__ */ p("p", {
+						className: "text-xs text-text-secondary",
+						children: S("integrations.addConnection.credentialStorage.existingSecretHint", "For OAuth and basic auth, choose a structured credential secret created for integrations.")
+					})
+				]
+			})
+		]
+	});
+}, v = ({ api: e, translate: t, onCreated: n, onCancel: o }) => {
+	let [s, c] = i(""), [f, g] = i(!1), [_, v] = i(null), y = r(), b = async () => {
+		if (!(!s.trim() || f)) {
+			g(!0), v(null);
+			try {
+				n((await e.createVault(s)).id);
+			} catch (e) {
+				v(e instanceof Error ? e.message : t("integrations.addConnection.credentialStorage.createVaultFailed", "The vault could not be created"));
+			} finally {
+				g(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-2 rounded-lg border border-primary/40 bg-action-primary-bg/5 p-3",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ p("label", {
+					htmlFor: y,
+					className: "text-xs font-medium text-text-primary",
+					children: t("integrations.addConnection.credentialStorage.newVaultName", "New vault name")
+				}), /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: o,
+					"aria-label": t("integrations.addConnection.credentialStorage.cancelCreateVault", "Cancel creating a vault"),
+					className: "text-text-secondary hover:text-text-primary",
+					children: /* @__PURE__ */ p(d, { size: 14 })
+				})]
+			}),
+			/* @__PURE__ */ p("input", {
+				id: y,
+				type: "text",
+				value: s,
+				autoFocus: !0,
+				onChange: (e) => c(e.target.value),
+				onKeyDown: (e) => {
+					e.key === "Enter" && (e.preventDefault(), b());
+				},
+				placeholder: t("integrations.addConnection.credentialStorage.newVaultPlaceholder", "e.g. Integrations"),
+				disabled: f,
+				className: h
+			}),
+			_ && /* @__PURE__ */ m("p", {
+				className: "flex items-center gap-1.5 text-xs text-status-error-text",
+				children: [/* @__PURE__ */ p(a, {
+					size: 13,
+					className: "flex-shrink-0"
+				}), _]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => void b(),
+					disabled: f || !s.trim(),
+					className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
+					children: [f ? /* @__PURE__ */ p(l, {
+						size: 13,
+						className: "animate-spin"
+					}) : /* @__PURE__ */ p(u, { size: 13 }), t("integrations.addConnection.credentialStorage.createVault", "Create vault")]
+				}), /* @__PURE__ */ p("span", {
+					className: "text-xs text-text-secondary",
+					children: t("integrations.addConnection.credentialStorage.scopedHint", "Scoped to this workspace.")
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { _ as CredentialStorageSelector };

package/dist/connections/DialogHeading.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+export declare const DialogHeading: FC<{
+    id: string;
+    className: string;
+    children: ReactNode;
+}>;
+//# sourceMappingURL=DialogHeading.d.ts.map

package/dist/connections/DialogHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogHeading.d.ts","sourceRoot":"","sources":["../../src/connections/DialogHeading.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAYpF,CAAC"}

package/dist/connections/DialogHeading.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-dialog";
+//#region src/connections/DialogHeading.tsx
+var n = ({ id: n, className: r, children: i }) => /* @__PURE__ */ e(t.Title, {
+	asChild: !0,
+	children: /* @__PURE__ */ e("div", {
+		className: "min-w-0",
+		children: /* @__PURE__ */ e("h2", {
+			id: n,
+			className: r,
+			children: i
+		})
+	})
+});
+//#endregion
+export { n as DialogHeading };

package/dist/connections/ProviderIcon.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ProviderIdentity } from './providerIdentity';
+export interface ProviderIconProps {
+    provider: ProviderIdentity;
+    size?: number;
+    variant?: 'tile' | 'bare';
+    className?: string;
+}
+export declare const ProviderIcon: FC<ProviderIconProps>;
+//# sourceMappingURL=ProviderIcon.d.ts.map

package/dist/connections/ProviderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderIcon.d.ts","sourceRoot":"","sources":["../../src/connections/ProviderIcon.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AACH,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAM1C,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAC;AAW5B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+E9C,CAAC"}

package/dist/connections/ProviderIcon.js

@@ -0,0 +1,57 @@
+import { cn as e } from "../lib/utils.js";
+import { getProviderAccent as t, getProviderIconName as n, getProviderImageSource as r, getProviderTextIcon as i } from "./providerIdentity.js";
+import a from "./assets/bigconsole.png.js";
+import o from "./assets/burdenoff.png.js";
+import { useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { Icon as l } from "@iconify/react";
+//#region src/connections/ProviderIcon.tsx
+var u = {
+	bigconsole: a,
+	burdenoff: o
+}, d = ({ provider: a, size: o = 40, variant: d = "tile", className: f }) => {
+	let [p, m] = s(null), h = i(a), g = r(a, u), _ = t(a.category), v = d === "tile", y = v ? Math.round(o * .55) : o;
+	if (h) return /* @__PURE__ */ c("span", {
+		role: "img",
+		"aria-label": h,
+		className: e("inline-flex flex-shrink-0 items-center justify-center whitespace-nowrap font-semibold tracking-tight text-text-primary", v ? e("rounded-xl px-2", _.surface) : "rounded-md bg-accent/30 px-1.5", f),
+		style: {
+			width: "max-content",
+			minWidth: v ? Math.round(o * 1.7) : o,
+			height: o,
+			fontSize: Math.max(10, Math.round(o * (v ? .25 : .4)))
+		},
+		children: h
+	});
+	let b = g && g !== p ? /* @__PURE__ */ c("img", {
+		src: g,
+		alt: "",
+		className: "flex-shrink-0 object-contain",
+		style: {
+			width: y,
+			height: y
+		},
+		onError: () => m(g)
+	}) : (() => {
+		let t = n(a);
+		return /* @__PURE__ */ c(l, {
+			icon: t,
+			width: y,
+			height: y,
+			className: e("flex-shrink-0", !v || t === "thesvg:bedrock-aws" ? "text-text-primary" : _.icon)
+		});
+	})();
+	return v ? /* @__PURE__ */ c("span", {
+		className: e("inline-flex flex-shrink-0 items-center justify-center overflow-hidden rounded-xl", _.surface, f),
+		style: {
+			width: o,
+			height: o
+		},
+		children: b
+	}) : /* @__PURE__ */ c("span", {
+		className: e("inline-flex", f),
+		children: b
+	});
+};
+//#endregion
+export { d as ProviderIcon };

package/dist/connections/ProviderPickerPanel.d.ts

@@ -0,0 +1,15 @@
+import { FC, RefObject } from 'react';
+import { Translator } from '../credentials/translate';
+import { ConnectionsApi } from './api';
+import { ConnectionProvider } from './types';
+interface ProviderPickerPanelProps {
+    api: ConnectionsApi;
+    source: 'installed' | 'catalog';
+    translate: Translator;
+    /** The dialog focuses this on open. */
+    searchInputRef: RefObject<HTMLInputElement | null>;
+    onSelect: (provider: ConnectionProvider) => void;
+}
+export declare const ProviderPickerPanel: FC<ProviderPickerPanelProps>;
+export {};
+//# sourceMappingURL=ProviderPickerPanel.d.ts.map

package/dist/connections/ProviderPickerPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderPickerPanel.d.ts","sourceRoot":"","sources":["../../src/connections/ProviderPickerPanel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAgC,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAG3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,UAAU,wBAAwB;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,UAAU,CAAC;IACtB,uCAAuC;IACvC,cAAc,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuH5D,CAAC"}