@burdenoff/fe-libs 2026.1029.11 → 2026.1030.2

package/dist/connections/ConnectionDetailsTab.d.ts

@@ -1,10 +1,13 @@
 import { FC } from 'react';
 import { Translator } from '../credentials/translate';
-import { ConnectionProvider } from './types';
+import { ConnectionProvider, ConnectionVisibility } from './types';
 export declare const ConnectionDetailsTab: FC<{
     provider: ConnectionProvider;
     translate: Translator;
 }>;
 export declare const ConnectionSharingTab: FC<{
     translate: Translator;
+    visibility: ConnectionVisibility;
+    onVisibilityChange: (value: ConnectionVisibility) => void;
+    idPrefix: string;
 }>;

package/dist/connections/ConnectionDetailsTab.js

@@ -1,6 +1,6 @@
 import { authTypeLabel as e, categoryLabel as t } from "./labels.js";
 import { ProviderIcon as n } from "./ProviderIcon.js";
-import { Share2 as r } from "lucide-react";
+import { VisibilityChoice as r } from "./VisibilityChoice.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/connections/ConnectionDetailsTab.tsx
 var o = ({ provider: r, translate: o }) => /* @__PURE__ */ a("div", {
@@ -51,21 +51,24 @@ var o = ({ provider: r, translate: o }) => /* @__PURE__ */ a("div", {
 			children: e.url
 		})] }, e.label))
 	]
-}), s = ({ translate: e }) => /* @__PURE__ */ a("div", {
+}), s = ({ translate: e, visibility: t, onVisibilityChange: n, idPrefix: o }) => /* @__PURE__ */ a("div", {
 	className: "space-y-4",
-	children: [/* @__PURE__ */ i("h3", {
-		className: "text-sm font-semibold text-text-primary",
-		children: e("integrations.addConnection.tabs.sharing", "Sharing")
-	}), /* @__PURE__ */ a("div", {
-		className: "rounded-md border border-border-subtle bg-accent/30 p-4 text-center",
-		children: [/* @__PURE__ */ i(r, {
-			size: 32,
-			className: "mx-auto mb-2 text-text-secondary"
-		}), /* @__PURE__ */ i("p", {
-			className: "text-sm text-text-secondary",
-			children: e("integrations.addConnection.sharing.placeholder", "Connection sharing settings will be available in a future update.")
-		})]
-	})]
+	children: [
+		/* @__PURE__ */ i("h3", {
+			className: "text-sm font-semibold text-text-primary",
+			children: e("integrations.addConnection.tabs.sharing", "Sharing")
+		}),
+		/* @__PURE__ */ i(r, {
+			value: t,
+			onChange: n,
+			translate: e,
+			idPrefix: o
+		}),
+		/* @__PURE__ */ i("p", {
+			className: "text-xs text-text-secondary",
+			children: e("integrations.addConnection.sharing.later", "Once it is created, use Share on the connection to add people, groups or projects.")
+		})
+	]
 });
 //#endregion
 export { o as ConnectionDetailsTab, s as ConnectionSharingTab };

package/dist/connections/ConnectionDialog.d.ts

@@ -3,7 +3,7 @@ import { ApolloClient } from '@apollo/client';
 import { Translator } from '../credentials/translate';
 import { ConnectionsApi } from './api';
 import { ConnectionDialogPresentation } from './frame';
-import { ConnectionDialogEvent, CreatedConnection } from './types';
+import { ConnectionDialogEvent, ConnectionVisibility, CreatedConnection } from './types';
 export interface ConnectionDialogProps {
     open: boolean;
     onClose: () => void;
@@ -35,8 +35,14 @@ export interface ConnectionDialogProps {
     defaultName?: string;
     /** Settings stored on the connection, e.g. a Botlit return path. */
     extraConfig?: Record<string, unknown>;
-    /** Show the Sharing tab. */
+    /** Show the Sharing tab, where the person chooses who can use the new connection. */
     showSharingTab?: boolean;
+    /**
+     * Who can reach the new connection unless the person changes it on the
+     * Sharing tab (BOFF-9726). Undefined leaves it to the integrations service,
+     * which makes it visible to the whole workspace.
+     */
+    defaultVisibility?: ConnectionVisibility;
     /** Named queries to refetch after a create, e.g. `GetConnections`. */
     refetchQueriesOnCreate?: string[];
     /** Called once the connection is usable. */

package/dist/connections/ConnectionDialog.js

@@ -29,12 +29,12 @@ var v = ({ onClose: e, translate: t }) => /* @__PURE__ */ g(m, { children: [
 		className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium transition-colors hover:bg-accent",
 		children: t("integrations.common.close", "Close")
 	})
-] }), y = ({ open: l, onClose: p, client: m, callbackUrl: y, translate: b = t, providerId: x, providerKey: S, providerSource: C = "installed", requireVault: w = !0, canCreate: T = !0, canCreateVault: E = !1, defaultName: D, extraConfig: O, showSharingTab: k = !1, refetchQueriesOnCreate: A, onConnectionCreated: j, onError: M, onEvent: N, renderSuccessAction: P, presentation: F = "dialog", pickerTitle: I, api: L }) => {
-	let R = A?.join("|") ?? "", z = d(() => L ?? n(m, { refetchQueriesOnCreate: R ? R.split("|") : void 0 }), [
-		L,
+] }), y = ({ open: l, onClose: p, client: m, callbackUrl: y, translate: b = t, providerId: x, providerKey: S, providerSource: C = "installed", requireVault: w = !0, canCreate: T = !0, canCreateVault: E = !1, defaultName: D, extraConfig: O, showSharingTab: k = !1, defaultVisibility: A, refetchQueriesOnCreate: j, onConnectionCreated: M, onError: N, onEvent: P, renderSuccessAction: F, presentation: I = "dialog", pickerTitle: L, api: R }) => {
+	let z = j?.join("|") ?? "", B = d(() => R ?? n(m, { refetchQueriesOnCreate: z ? z.split("|") : void 0 }), [
+		R,
 		m,
-		R
-	]), B = f(null), V = f(null), H = f(null);
+		z
+	]), V = f(null), H = f(null), U = f(null);
 	return /* @__PURE__ */ h(_.Root, {
 		open: l,
 		onOpenChange: (e) => !e && p(),
@@ -43,23 +43,23 @@ var v = ({ onClose: e, translate: t }) => /* @__PURE__ */ g(m, { children: [
 			style: { zIndex: o },
 			className: "fixed inset-0 bg-bg-overlay animate-in fade-in-0 duration-200"
 		}), /* @__PURE__ */ h(_.Content, {
-			ref: V,
+			ref: H,
 			"aria-modal": "true",
 			"aria-labelledby": T ? c : i,
 			"data-testid": "add-connection-dialog",
-			"data-presentation": F,
+			"data-presentation": I,
 			style: { zIndex: a },
-			className: e(s, r[F][T ? "form" : "notice"]),
+			className: e(s, r[I][T ? "form" : "notice"]),
 			onOpenAutoFocus: (e) => {
-				B.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.preventDefault(), (H.current ?? V.current)?.focus({ preventScroll: !0 });
+				V.current = document.activeElement instanceof HTMLElement ? document.activeElement : null, e.preventDefault(), (U.current ?? H.current)?.focus({ preventScroll: !0 });
 			},
 			onCloseAutoFocus: (e) => {
 				e.preventDefault();
-				let t = B.current;
+				let t = V.current;
 				t && t.isConnected && t !== document.body && t.focus({ preventScroll: !0 });
 			},
 			children: T ? /* @__PURE__ */ h(u, {
-				api: z,
+				api: B,
 				onClose: p,
 				callbackUrl: y,
 				translate: b,
@@ -71,12 +71,13 @@ var v = ({ onClose: e, translate: t }) => /* @__PURE__ */ g(m, { children: [
 				defaultName: D,
 				extraConfig: O,
 				showSharingTab: k,
-				pickerTitle: I,
-				searchInputRef: H,
-				onConnectionCreated: j,
-				onError: M,
-				onEvent: N,
-				renderSuccessAction: P
+				defaultVisibility: A,
+				pickerTitle: L,
+				searchInputRef: U,
+				onConnectionCreated: M,
+				onError: N,
+				onEvent: P,
+				renderSuccessAction: F
 			}) : /* @__PURE__ */ h(v, {
 				onClose: p,
 				translate: b

package/dist/connections/ConnectionDialogPanel.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode, RefObject } from 'react';
 import { Translator } from '../credentials/translate';
 import { ConnectionsApi } from './api';
-import { ConnectionDialogEvent, CreatedConnection } from './types';
+import { ConnectionDialogEvent, CreatedConnection, ConnectionVisibility } from './types';
 export interface ConnectionDialogPanelProps {
     api: ConnectionsApi;
     onClose: () => void;
@@ -15,6 +15,8 @@ export interface ConnectionDialogPanelProps {
     defaultName?: string;
     extraConfig?: Record<string, unknown>;
     showSharingTab: boolean;
+    /** Where the Sharing tab starts. Undefined leaves visibility to the service. */
+    defaultVisibility?: ConnectionVisibility;
     pickerTitle?: string;
     searchInputRef: RefObject<HTMLInputElement | null>;
     onConnectionCreated?: (connection: CreatedConnection) => void;

package/dist/connections/ConnectionDialogPanel.js

@@ -12,81 +12,82 @@ import { DialogHeading as le } from "./DialogHeading.js";
 import { ProviderPickerPanel as ue } from "./ProviderPickerPanel.js";
 import { useConnectionSubmit as de } from "./useConnectionSubmit.js";
 import { useCallback as c, useEffect as fe, useId as pe, useMemo as l, useState as u } from "react";
-import { AlertCircle as me, Check as he, CheckCircle2 as ge, Info as _e, Link2 as ve, Loader2 as d, Share2 as f, X as ye } from "lucide-react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import * as g from "@radix-ui/react-dialog";
+import { AlertCircle as me, Check as he, CheckCircle2 as ge, Info as _e, Link2 as ve, Loader2 as d, Share2 as ye, X as be } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import * as h from "@radix-ui/react-dialog";
 //#region src/connections/ConnectionDialogPanel.tsx
-function _(e, n) {
+function g(e, n) {
 	return t(a(e, i(e, n)));
 }
-var v = ({ api: t, onClose: v, callbackUrl: y, translate: b, providerId: x, providerKey: S, providerSource: be, requireVault: C, canCreateVault: xe, defaultName: w, extraConfig: Se, showSharingTab: Ce, pickerTitle: we, searchInputRef: Te, onConnectionCreated: Ee, onError: De, onEvent: Oe, renderSuccessAction: T }) => {
-	let E = !!(x || S), [D, ke] = u(null), [O, k] = u(E), [A, j] = u("connection"), [M, N] = u(w ?? ""), [P, Ae] = u(""), [je, F] = u(null), [I, L] = u({}), [R, z] = u(null), [B, V] = u(s), H = pe(), U = c((e) => `${H}-${e}`, [H]), { submit: Me, busy: W, oauthWaiting: Ne, errorMessage: Pe, setErrorMessage: G, created: K } = de({
+var _ = ({ api: t, onClose: _, callbackUrl: v, translate: y, providerId: b, providerKey: x, providerSource: xe, requireVault: S, canCreateVault: Se, defaultName: C, extraConfig: Ce, showSharingTab: we, defaultVisibility: Te, pickerTitle: Ee, searchInputRef: De, onConnectionCreated: Oe, onError: ke, onEvent: Ae, renderSuccessAction: w }) => {
+	let T = !!(b || x), [E, je] = u(null), [D, Me] = u(T), [O, k] = u("connection"), [A, j] = u(C ?? ""), [M, Ne] = u(""), [Pe, N] = u(null), [P, F] = u({}), [I, L] = u(null), [R, z] = u(s), [B, Fe] = u(Te), V = pe(), H = c((e) => `${V}-${e}`, [V]), { submit: Ie, busy: U, oauthWaiting: Le, errorMessage: Re, setErrorMessage: W, created: G } = de({
 		api: t,
-		callbackUrl: y,
-		translate: b,
-		onConnectionCreated: Ee,
-		onError: De,
-		onEvent: Oe
-	}), q = c((e) => {
-		ke(e), N(w ?? `${e.name} Connection`), F(null), L(_(e, null)), V(n(s, o(e, i(e, null)))), z(null), G("");
-	}, [w, G]), Fe = c((e) => {
-		if (!D) return;
-		F(e), L(_(D, e));
-		let t = o(D, i(D, e));
-		V((e) => ({
+		callbackUrl: v,
+		translate: y,
+		onConnectionCreated: Oe,
+		onError: ke,
+		onEvent: Ae
+	}), K = c((e) => {
+		je(e), j(C ?? `${e.name} Connection`), N(null), F(g(e, null)), z(n(s, o(e, i(e, null)))), L(null), W("");
+	}, [C, W]), ze = c((e) => {
+		if (!E) return;
+		N(e), F(g(E, e));
+		let t = o(E, i(E, e));
+		z((e) => ({
 			...n(e, t),
 			secretId: ""
-		})), z(null), G("");
-	}, [D, G]);
+		})), L(null), W("");
+	}, [E, W]);
 	fe(() => {
-		if (!E) return;
+		if (!T) return;
 		let e = !1;
 		return t.getProvider({
-			id: x ?? void 0,
-			key: S ?? void 0
+			id: b ?? void 0,
+			key: x ?? void 0
 		}).then((t) => {
-			!e && t && q(t);
+			!e && t && K(t);
 		}).catch(() => void 0).finally(() => {
-			e || k(!1);
+			e || Me(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [
-		E,
+		T,
+		b,
 		x,
-		S,
 		t,
-		q
+		K
 	]);
-	let J = D ? i(D, je) : null, Ie = D ? r(D, J) : "fields", Le = l(() => D ? a(D, J) : null, [D, J]), Y = l(() => oe(J?.availableScopes ?? D?.availableScopes), [J, D]), Re = J && J.defaultScopes.length > 0 ? J.defaultScopes : D?.defaultScopes ?? [], ze = () => {
-		D && Me({
-			provider: D,
-			method: J,
-			name: M,
-			description: P,
-			values: I,
-			storage: B,
-			requireVault: C,
-			extraConfig: Se
-		}, se(R, Y));
+	let q = E ? i(E, Pe) : null, Be = E ? r(E, q) : "fields", Ve = l(() => E ? a(E, q) : null, [E, q]), J = l(() => oe(q?.availableScopes ?? E?.availableScopes), [q, E]), Y = q && q.defaultScopes.length > 0 ? q.defaultScopes : E?.defaultScopes ?? [], He = () => {
+		E && Ie({
+			provider: E,
+			method: q,
+			name: A,
+			description: M,
+			values: P,
+			storage: R,
+			requireVault: S,
+			extraConfig: Ce,
+			visibility: B
+		}, se(I, J));
 	}, X = [
 		{
 			key: "connection",
-			label: b("integrations.addConnection.tabs.connection", "Connection"),
+			label: y("integrations.addConnection.tabs.connection", "Connection"),
 			icon: ve
 		},
-		...Ce ? [{
+		...we ? [{
 			key: "sharing",
-			label: b("integrations.addConnection.tabs.sharing", "Sharing"),
-			icon: f
+			label: y("integrations.addConnection.tabs.sharing", "Sharing"),
+			icon: ye
 		}] : [],
 		{
 			key: "details",
-			label: b("integrations.addConnection.tabs.details", "Details"),
+			label: y("integrations.addConnection.tabs.details", "Details"),
 			icon: _e
 		}
-	], Z = (e) => U(`tab-${e}`), Q = U("tabpanel"), Be = (e) => {
-		let t = X.map((e) => e.key), n = t.indexOf(A), r = {
+	], Z = (e) => H(`tab-${e}`), Q = H("tabpanel"), Ue = (e) => {
+		let t = X.map((e) => e.key), n = t.indexOf(O), r = {
 			ArrowRight: n + 1,
 			ArrowDown: n + 1,
 			ArrowLeft: n - 1,
@@ -96,184 +97,189 @@ var v = ({ api: t, onClose: v, callbackUrl: y, translate: b, providerId: x, prov
 		}[e.key];
 		if (r === void 0) return;
 		let i = t[(r + t.length) % t.length];
-		e.preventDefault(), j(i), document.getElementById(Z(i))?.focus();
-	}, $ = !!D && !K;
-	return /* @__PURE__ */ h(p, { children: [
-		/* @__PURE__ */ h("div", {
+		e.preventDefault(), k(i), document.getElementById(Z(i))?.focus();
+	}, $ = !!E && !G;
+	return /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ m("div", {
 			className: "flex flex-shrink-0 items-center justify-between border-b border-border-subtle px-5 py-4",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "flex min-w-0 items-center gap-3",
-				children: [D && /* @__PURE__ */ m(ne, {
-					provider: D,
+				children: [E && /* @__PURE__ */ p(ne, {
+					provider: E,
 					size: 32
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ m(le, {
+					children: [/* @__PURE__ */ p(le, {
 						id: ae,
-						className: e("text-base font-semibold text-text-primary", D && "truncate"),
-						children: D ? b("integrations.addConnection.dialog.accountTitle", "{{provider}} account", { provider: D.name }) : we ?? b("integrations.addConnection.dialog.title", "Add new credential")
-					}), /* @__PURE__ */ m(g.Description, {
+						className: e("text-base font-semibold text-text-primary", E && "truncate"),
+						children: E ? y("integrations.addConnection.dialog.accountTitle", "{{provider}} account", { provider: E.name }) : Ee ?? y("integrations.addConnection.dialog.title", "Add new credential")
+					}), /* @__PURE__ */ p(h.Description, {
 						className: "text-xs text-text-secondary",
-						children: D ? te(J?.authType ?? D.authType, b) : b("integrations.addConnection.dialog.subtitle", "Select an app or service to connect to")
+						children: E ? te(q?.authType ?? E.authType, y) : y("integrations.addConnection.dialog.subtitle", "Select an app or service to connect to")
 					})]
 				})]
-			}), /* @__PURE__ */ m(g.Close, {
+			}), /* @__PURE__ */ p(h.Close, {
 				asChild: !0,
-				children: /* @__PURE__ */ m("button", {
+				children: /* @__PURE__ */ p("button", {
 					type: "button",
 					className: "flex-shrink-0 rounded-md p-1.5 text-text-secondary transition-colors hover:bg-accent hover:text-text-primary",
-					"aria-label": b("integrations.addConnection.actions.close", "Close dialog"),
-					children: /* @__PURE__ */ m(ye, { size: 20 })
+					"aria-label": y("integrations.addConnection.actions.close", "Close dialog"),
+					children: /* @__PURE__ */ p(be, { size: 20 })
 				})
 			})]
 		}),
-		/* @__PURE__ */ h("div", {
+		/* @__PURE__ */ m("div", {
 			"data-testid": "add-connection-body",
 			className: "flex min-h-0 flex-1 flex-col overflow-hidden sm:flex-row",
 			children: [
-				!E && !D && /* @__PURE__ */ m(ue, {
+				!T && !E && /* @__PURE__ */ p(ue, {
 					api: t,
-					source: be,
-					translate: b,
-					searchInputRef: Te,
-					onSelect: q
+					source: xe,
+					translate: y,
+					searchInputRef: De,
+					onSelect: K
 				}),
-				E && !D && O && /* @__PURE__ */ m("div", {
+				T && !E && D && /* @__PURE__ */ p("div", {
 					className: "flex flex-1 items-center justify-center p-8",
-					children: /* @__PURE__ */ m(d, {
+					children: /* @__PURE__ */ p(d, {
 						size: 32,
 						className: "animate-spin text-text-secondary"
 					})
 				}),
-				E && !D && !O && /* @__PURE__ */ h("div", {
+				T && !E && !D && /* @__PURE__ */ m("div", {
 					className: "flex flex-1 flex-col items-center justify-center p-8 text-center",
-					children: [/* @__PURE__ */ m(me, {
+					children: [/* @__PURE__ */ p(me, {
 						size: 32,
 						className: "mb-3 text-text-secondary"
-					}), /* @__PURE__ */ m("p", {
+					}), /* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary",
-						children: b("integrations.addConnection.providerUnavailable", "This provider isn't available.")
+						children: y("integrations.addConnection.providerUnavailable", "This provider isn't available.")
 					})]
 				}),
-				D && K && /* @__PURE__ */ h("div", {
+				E && G && /* @__PURE__ */ m("div", {
 					className: "flex flex-1 flex-col items-center justify-center p-8 text-center",
 					children: [
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ p("div", {
 							className: "mb-4 rounded-full bg-status-success-bg-subtle p-3",
-							children: /* @__PURE__ */ m(ge, {
+							children: /* @__PURE__ */ p(ge, {
 								size: 48,
 								className: "text-status-success-text"
 							})
 						}),
-						/* @__PURE__ */ m("h3", {
+						/* @__PURE__ */ p("h3", {
 							className: "mb-1 text-lg font-semibold text-text-primary",
-							children: b("integrations.addConnection.success.title", "Connection Created!")
+							children: y("integrations.addConnection.success.title", "Connection Created!")
 						}),
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ p("p", {
 							className: "mb-6 text-sm text-text-secondary",
-							children: b("integrations.addConnection.success.description", "Your {{provider}} connection has been set up successfully.", { provider: D.name })
+							children: y("integrations.addConnection.success.description", "Your {{provider}} connection has been set up successfully.", { provider: E.name })
 						}),
-						T ? T(K) : /* @__PURE__ */ m("button", {
+						w ? w(G) : /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: v,
+							onClick: _,
 							className: "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",
-							children: b("integrations.addConnection.actions.done", "Done")
+							children: y("integrations.addConnection.actions.done", "Done")
 						})
 					]
 				}),
-				D && $ && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
+				E && $ && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 					role: "tablist",
 					"aria-labelledby": "add-connection-dialog-title",
 					"data-testid": "add-connection-tabs",
 					className: "flex flex-shrink-0 overflow-x-auto border-b border-border-subtle sm:block sm:w-40 sm:overflow-x-visible sm:border-b-0 sm:border-r sm:py-3",
 					children: X.map((t) => {
-						let n = t.icon, r = A === t.key;
-						return /* @__PURE__ */ h("button", {
+						let n = t.icon, r = O === t.key;
+						return /* @__PURE__ */ m("button", {
 							id: Z(t.key),
 							type: "button",
 							role: "tab",
 							"aria-selected": r,
 							"aria-controls": Q,
 							tabIndex: r ? 0 : -1,
-							onClick: () => j(t.key),
-							onKeyDown: Be,
+							onClick: () => k(t.key),
+							onKeyDown: Ue,
 							className: e("flex min-w-max items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors sm:w-full sm:border-b-0 sm:border-l-2", r ? "border-primary bg-accent/50 text-text-primary" : "border-transparent text-text-secondary hover:bg-accent/30 hover:text-text-primary"),
-							children: [/* @__PURE__ */ m(n, {
+							children: [/* @__PURE__ */ p(n, {
 								size: 16,
 								"aria-hidden": "true"
 							}), t.label]
 						}, t.key);
 					})
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ m("div", {
 					id: Q,
 					role: "tabpanel",
-					"aria-labelledby": Z(A),
+					"aria-labelledby": Z(O),
 					"data-testid": "add-connection-pane",
 					className: "min-h-0 min-w-0 flex-1 overflow-y-auto p-5",
 					children: [
-						A === "connection" && /* @__PURE__ */ m(ce, {
+						O === "connection" && /* @__PURE__ */ p(ce, {
 							api: t,
-							provider: D,
-							methods: ee(D),
-							method: J,
-							flow: Ie,
-							schema: Le,
-							name: M,
-							onNameChange: N,
-							description: P,
-							onDescriptionChange: Ae,
-							values: I,
-							setValues: L,
-							onMethodChange: Fe,
-							storage: B,
-							setStorage: V,
-							supportedStorageModes: o(D, J),
-							scopeOptions: Y,
-							defaultScopes: Re,
-							scopeSelection: R,
-							setScopeSelection: z,
-							callbackUrl: y,
-							requireVault: C,
-							canCreateVault: xe,
-							errorMessage: Pe,
-							busy: W,
-							translate: b,
-							fieldId: U
+							provider: E,
+							methods: ee(E),
+							method: q,
+							flow: Be,
+							schema: Ve,
+							name: A,
+							onNameChange: j,
+							description: M,
+							onDescriptionChange: Ne,
+							values: P,
+							setValues: F,
+							onMethodChange: ze,
+							storage: R,
+							setStorage: z,
+							supportedStorageModes: o(E, q),
+							scopeOptions: J,
+							defaultScopes: Y,
+							scopeSelection: I,
+							setScopeSelection: L,
+							callbackUrl: v,
+							requireVault: S,
+							canCreateVault: Se,
+							errorMessage: Re,
+							busy: U,
+							translate: y,
+							fieldId: H
+						}),
+						O === "sharing" && /* @__PURE__ */ p(ie, {
+							translate: y,
+							visibility: B ?? "WORKSPACE",
+							onVisibilityChange: Fe,
+							idPrefix: V
 						}),
-						A === "sharing" && /* @__PURE__ */ m(ie, { translate: b }),
-						A === "details" && /* @__PURE__ */ m(re, {
-							provider: D,
-							translate: b
+						O === "details" && /* @__PURE__ */ p(re, {
+							provider: E,
+							translate: y
 						})
 					]
 				})] })
 			]
 		}),
-		D && $ && /* @__PURE__ */ h("div", {
+		E && $ && /* @__PURE__ */ m("div", {
 			"data-testid": "add-connection-footer",
 			className: "flex flex-shrink-0 items-center justify-end gap-2 border-t border-border-subtle px-5 py-3",
-			children: [/* @__PURE__ */ m("button", {
+			children: [/* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: v,
+				onClick: _,
 				className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
-				children: b("integrations.addConnection.actions.cancel", "Cancel")
-			}), /* @__PURE__ */ h("button", {
+				children: y("integrations.addConnection.actions.cancel", "Cancel")
+			}), /* @__PURE__ */ m("button", {
 				type: "button",
 				"data-testid": "add-connection-submit",
-				onClick: ze,
-				disabled: W || !M.trim(),
+				onClick: He,
+				disabled: U || !A.trim(),
 				className: "inline-flex items-center gap-1.5 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: [W ? /* @__PURE__ */ m(d, {
+				children: [U ? /* @__PURE__ */ p(d, {
 					size: 14,
 					className: "animate-spin",
 					"aria-hidden": "true"
-				}) : /* @__PURE__ */ m(he, {
+				}) : /* @__PURE__ */ p(he, {
 					size: 14,
 					"aria-hidden": "true"
-				}), Ne ? b("integrations.addConnection.actions.waiting", "Waiting...") : b("integrations.addConnection.actions.connect", "Connect")]
+				}), Le ? y("integrations.addConnection.actions.waiting", "Waiting...") : y("integrations.addConnection.actions.connect", "Connect")]
 			})]
 		})
 	] });
 };
 //#endregion
-export { v as ConnectionDialogPanel };
+export { _ as ConnectionDialogPanel };

package/dist/connections/ShareConnectionDialog.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { ApolloClient } from '@apollo/client';
+import { Translator } from '../credentials/translate';
+import { ConnectionSharingApi } from './sharingApi';
+import { ConnectionSharing } from './types';
+export interface ShareConnectionDialogProps {
+    open: boolean;
+    onClose: () => void;
+    /** The host's Apollo client, pointed at the workspace gateway. */
+    client: ApolloClient;
+    /** The connection to share; nothing loads while it is null. */
+    connectionId: string | null;
+    /** The current workspace, whose members, groups and projects can be chosen. */
+    workspaceId: string;
+    /** Host translator; English when omitted. */
+    translate?: Translator;
+    /** Called with the saved sharing. */
+    onShared?: (sharing: ConnectionSharing) => void;
+    /** Test seam: supply the service directly instead of via `client`. */
+    api?: ConnectionSharingApi;
+}
+export declare const SHARE_TITLE_ID = "share-connection-dialog-title";
+export declare const ShareConnectionDialog: FC<ShareConnectionDialogProps>;