@vibesdotdev/account 0.0.0-stage → 1.0.0-rc.3

package/dist/svelte/components/SocialPermissionCenter.svelte

@@ -0,0 +1,560 @@
+<script lang="ts">
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import type {
+		SocialPermissionAuditItem,
+		SocialPermissionConnection,
+		SocialPermissionScope,
+		SocialPermissionSignal,
+		SocialPermissionStatus,
+		SocialPermissionTone,
+		SocialPermissionVariant
+	} from '../social/permission-center.js';
+
+	let {
+		title = 'Social permissions',
+		description = 'Connect external accounts, choose what Vibes can post or read, and keep assistant personalization reversible.',
+		variant = 'full',
+		settingsHref = '/account/privacy',
+		connections = [],
+		signals = [],
+		auditItems = [],
+		onConnect,
+		onReview,
+		onRevoke,
+		onToggleScope,
+		class: className = ''
+	}: {
+		title?: string;
+		description?: string;
+		variant?: SocialPermissionVariant;
+		settingsHref?: string;
+		connections?: SocialPermissionConnection[];
+		signals?: SocialPermissionSignal[];
+		auditItems?: SocialPermissionAuditItem[];
+		onConnect?: (connection: SocialPermissionConnection) => void;
+		onReview?: (connection: SocialPermissionConnection) => void;
+		onRevoke?: (connection: SocialPermissionConnection) => void;
+		onToggleScope?: (
+			connection: SocialPermissionConnection,
+			scope: SocialPermissionScope,
+			enabled: boolean
+		) => void;
+		class?: string;
+	} = $props();
+
+	const connectedCount = $derived(
+		connections.filter((connection) => connection.status === 'connected').length
+	);
+	const enabledScopeCount = $derived(
+		connections.reduce(
+			(total, connection) => total + connection.scopes.filter((scope) => scope.enabled).length,
+			0
+		)
+	);
+	const visibleSignals = $derived(
+		signals.length
+			? signals
+			: [
+					{ label: 'Connected', value: String(connectedCount), tone: 'success' as const },
+					{ label: 'Enabled scopes', value: String(enabledScopeCount), tone: 'info' as const },
+					{
+						label: 'Assistant access',
+						value: enabledScopeCount ? 'Permissioned' : 'Off',
+						tone: 'warning' as const
+					}
+				]
+	);
+
+	function statusLabel(status: SocialPermissionStatus): string {
+		if (status === 'connected') return 'Connected';
+		if (status === 'pending') return 'Pending';
+		if (status === 'failed') return 'Needs attention';
+		return 'Available';
+	}
+
+	function statusIcon(status: SocialPermissionStatus): string {
+		if (status === 'connected') return 'lucide:check-circle-2';
+		if (status === 'pending') return 'lucide:clock-3';
+		if (status === 'failed') return 'lucide:triangle-alert';
+		return 'lucide:plug-zap';
+	}
+
+	function scopeIcon(scope: SocialPermissionScope): string {
+		if (scope.risk === 'high') return 'lucide:shield-alert';
+		if (scope.risk === 'medium') return 'lucide:circle-help';
+		return scope.enabled ? 'lucide:check' : 'lucide:circle';
+	}
+
+	function signalToneClass(tone?: SocialPermissionTone): string {
+		return `social-permission-center__signal--${tone ?? 'info'}`;
+	}
+</script>
+
+<section class={`social-permission-center ${className}`} data-variant={variant} aria-label={title}>
+	<header class="social-permission-center__header">
+		<div class="social-permission-center__header-main">
+			<div class="social-permission-center__header-icon" aria-hidden="true">
+				<Icon icon="lucide:shield-check" class="social-permission-center__icon" />
+			</div>
+			<div>
+				<div class="social-permission-center__eyebrow">Permissioned personalization</div>
+				<h2>{title}</h2>
+				<p>{description}</p>
+			</div>
+		</div>
+		{#if settingsHref && variant === 'full'}
+			<Button href={settingsHref} variant="outline" size="sm">
+				<Icon icon="lucide:settings-2" class="social-permission-center__button-icon" />
+				Privacy settings
+			</Button>
+		{/if}
+	</header>
+
+	<div class="social-permission-center__signals" aria-label="Permission summary">
+		{#each visibleSignals as signal}
+			<div class={`social-permission-center__signal ${signalToneClass(signal.tone)}`}>
+				<span>{signal.label}</span>
+				<strong>{signal.value}</strong>
+			</div>
+		{/each}
+	</div>
+
+	<div class="social-permission-center__trust" aria-label="Trust rules">
+		<div>
+			<Icon icon="lucide:eye" class="social-permission-center__mini-icon" />
+			<span>Preview before sharing</span>
+		</div>
+		<div>
+			<Icon icon="lucide:rotate-ccw" class="social-permission-center__mini-icon" />
+			<span>Revoke any account</span>
+		</div>
+		<div>
+			<Icon icon="lucide:brain" class="social-permission-center__mini-icon" />
+			<span>Assistant uses summaries, not secrets</span>
+		</div>
+	</div>
+
+	<div class="social-permission-center__connections">
+		{#each connections as connection (connection.id)}
+			<article class="social-permission-center__connection" data-status={connection.status}>
+				<div class="social-permission-center__connection-top">
+					<div class="social-permission-center__provider">
+						<div class="social-permission-center__provider-icon">
+							<Icon
+								icon={connection.icon ?? 'lucide:share-2'}
+								class="social-permission-center__icon"
+							/>
+						</div>
+						<div>
+							<h3>{connection.provider}</h3>
+							<p>{connection.handle ?? connection.description ?? 'Ready to connect'}</p>
+						</div>
+					</div>
+					<div class="social-permission-center__status">
+						<Icon
+							icon={statusIcon(connection.status)}
+							class="social-permission-center__status-icon"
+						/>
+						{statusLabel(connection.status)}
+					</div>
+				</div>
+
+				<div class="social-permission-center__scopes" aria-label={`${connection.provider} scopes`}>
+					{#each connection.scopes as scope (scope.id)}
+						<button
+							type="button"
+							class="social-permission-center__scope"
+							data-enabled={scope.enabled ? 'true' : 'false'}
+							data-risk={scope.risk ?? 'low'}
+							aria-pressed={scope.enabled ? 'true' : 'false'}
+							onclick={() => onToggleScope?.(connection, scope, !scope.enabled)}
+						>
+							<Icon icon={scopeIcon(scope)} class="social-permission-center__scope-icon" />
+							<span>
+								<strong>{scope.label}</strong>
+								<small>{scope.description}</small>
+							</span>
+						</button>
+					{/each}
+				</div>
+
+				<div class="social-permission-center__actions">
+					{#if connection.status === 'connected'}
+						{#if onReview}
+							<Button size="sm" variant="outline" onclick={() => onReview(connection)}
+								>Review</Button
+							>
+						{:else if settingsHref}
+							<Button size="sm" variant="outline" href={settingsHref}>Review</Button>
+						{/if}
+						{#if onRevoke}
+							<Button size="sm" variant="ghost" onclick={() => onRevoke(connection)}>Revoke</Button>
+						{/if}
+					{:else if onConnect}
+						<Button
+							size="sm"
+							variant={connection.status === 'failed' ? 'destructive' : 'default'}
+							onclick={() => onConnect(connection)}
+						>
+							{connection.status === 'pending' ? 'Continue' : 'Connect'}
+						</Button>
+					{:else if settingsHref}
+						<Button
+							size="sm"
+							variant={connection.status === 'failed' ? 'destructive' : 'default'}
+							href={settingsHref}
+						>
+							{connection.status === 'pending' ? 'Continue' : 'Connect'}
+						</Button>
+					{/if}
+				</div>
+			</article>
+		{/each}
+	</div>
+
+	{#if variant === 'full' && auditItems.length}
+		<div class="social-permission-center__audit" aria-label="Recent permission activity">
+			<div class="social-permission-center__audit-title">Recent permission activity</div>
+			{#each auditItems as item (item.id)}
+				<div class="social-permission-center__audit-item" data-tone={item.tone ?? 'info'}>
+					<span></span>
+					<div>
+						<strong>{item.label}</strong>
+						<p>{item.description}</p>
+					</div>
+				</div>
+			{/each}
+		</div>
+	{/if}
+</section>
+
+<style lang="postcss">
+	.social-permission-center {
+		display: grid;
+		gap: 0.875rem;
+		min-width: 0;
+		border: 1px solid var(--color-border);
+		border-radius: var(--radius-lg);
+		background: var(--color-card);
+		color: var(--color-foreground);
+		padding: 1rem;
+	}
+
+	.social-permission-center[data-variant='full'] {
+		max-width: 56rem;
+	}
+
+	.social-permission-center__header,
+	.social-permission-center__header-main,
+	.social-permission-center__connection-top,
+	.social-permission-center__provider,
+	.social-permission-center__status,
+	.social-permission-center__trust div,
+	.social-permission-center__audit-item {
+		display: flex;
+		align-items: flex-start;
+		gap: 0.75rem;
+	}
+
+	.social-permission-center__header {
+		justify-content: space-between;
+	}
+
+	.social-permission-center__header-main {
+		min-width: 0;
+	}
+
+	.social-permission-center__header-icon,
+	.social-permission-center__provider-icon {
+		display: flex;
+		width: 2.25rem;
+		height: 2.25rem;
+		flex: 0 0 auto;
+		align-items: center;
+		justify-content: center;
+		border: 1px solid var(--color-border);
+		border-radius: var(--radius-md);
+		background: color-mix(in oklch, var(--color-info) 10%, var(--color-background));
+		color: var(--color-info);
+	}
+
+	.social-permission-center__eyebrow {
+		color: var(--color-muted-foreground);
+		font-size: 0.6875rem;
+		font-weight: 700;
+		letter-spacing: 0.04em;
+		text-transform: uppercase;
+	}
+
+	.social-permission-center h2,
+	.social-permission-center h3,
+	.social-permission-center p {
+		margin: 0;
+	}
+
+	.social-permission-center h2 {
+		font-size: 1.125rem;
+		font-weight: 750;
+		line-height: 1.2;
+	}
+
+	.social-permission-center h3 {
+		font-size: 0.9375rem;
+		font-weight: 700;
+	}
+
+	.social-permission-center__header p,
+	.social-permission-center__provider p,
+	.social-permission-center__audit-item p {
+		color: var(--color-muted-foreground);
+		font-size: 0.8125rem;
+		line-height: 1.4;
+	}
+
+	.social-permission-center__button-icon,
+	.social-permission-center__mini-icon,
+	.social-permission-center__scope-icon,
+	.social-permission-center__status-icon {
+		width: 1rem;
+		height: 1rem;
+		flex: 0 0 auto;
+	}
+
+	.social-permission-center__signals {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 0.5rem;
+	}
+
+	.social-permission-center__signal {
+		display: grid;
+		gap: 0.15rem;
+		border: 1px solid color-mix(in oklch, var(--signal-color) 28%, var(--color-border));
+		border-radius: var(--radius-md);
+		background: color-mix(in oklch, var(--signal-color) 8%, var(--color-background));
+		padding: 0.625rem;
+	}
+
+	.social-permission-center__signal span {
+		color: var(--color-muted-foreground);
+		font-size: 0.6875rem;
+		font-weight: 600;
+	}
+
+	.social-permission-center__signal strong {
+		font-size: 0.9375rem;
+		line-height: 1.1;
+	}
+
+	.social-permission-center__signal--info {
+		--signal-color: var(--color-info);
+	}
+
+	.social-permission-center__signal--success {
+		--signal-color: var(--color-success);
+	}
+
+	.social-permission-center__signal--warning {
+		--signal-color: var(--color-warning);
+	}
+
+	.social-permission-center__signal--destructive {
+		--signal-color: var(--color-destructive);
+	}
+
+	.social-permission-center__trust {
+		display: grid;
+		grid-template-columns: repeat(3, minmax(0, 1fr));
+		gap: 0.5rem;
+	}
+
+	.social-permission-center__trust div {
+		align-items: center;
+		border: 1px dashed var(--color-border);
+		border-radius: var(--radius-md);
+		background: color-mix(in oklch, var(--color-muted) 28%, transparent);
+		color: var(--color-muted-foreground);
+		padding: 0.625rem;
+		font-size: 0.75rem;
+		font-weight: 600;
+	}
+
+	.social-permission-center__connections {
+		display: grid;
+		gap: 0.75rem;
+	}
+
+	.social-permission-center[data-variant='full'] .social-permission-center__connections {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
+
+	.social-permission-center__connection {
+		display: grid;
+		gap: 0.75rem;
+		min-width: 0;
+		border: 1px solid var(--color-border);
+		border-radius: var(--radius-md);
+		background: var(--color-background);
+		padding: 0.75rem;
+	}
+
+	.social-permission-center__connection[data-status='connected'] {
+		border-color: color-mix(in oklch, var(--color-success) 34%, var(--color-border));
+	}
+
+	.social-permission-center__connection[data-status='pending'] {
+		border-color: color-mix(in oklch, var(--color-warning) 40%, var(--color-border));
+	}
+
+	.social-permission-center__connection[data-status='failed'] {
+		border-color: color-mix(in oklch, var(--color-destructive) 40%, var(--color-border));
+	}
+
+	.social-permission-center__connection-top {
+		justify-content: space-between;
+	}
+
+	.social-permission-center__provider {
+		min-width: 0;
+		align-items: center;
+	}
+
+	.social-permission-center__status {
+		align-items: center;
+		border-radius: 999px;
+		background: color-mix(in oklch, var(--color-muted) 45%, transparent);
+		color: var(--color-muted-foreground);
+		padding: 0.25rem 0.5rem;
+		font-size: 0.6875rem;
+		font-weight: 700;
+		white-space: nowrap;
+	}
+
+	.social-permission-center__scopes {
+		display: grid;
+		gap: 0.375rem;
+	}
+
+	.social-permission-center__scope {
+		display: flex;
+		width: 100%;
+		align-items: flex-start;
+		gap: 0.5rem;
+		border: 1px solid var(--color-border);
+		border-radius: var(--radius-sm);
+		background: transparent;
+		color: inherit;
+		cursor: pointer;
+		padding: 0.5rem;
+		text-align: left;
+	}
+
+	.social-permission-center__scope[data-enabled='true'] {
+		border-color: color-mix(in oklch, var(--color-info) 32%, var(--color-border));
+		background: color-mix(in oklch, var(--color-info) 7%, transparent);
+	}
+
+	.social-permission-center__scope[data-risk='high'] {
+		border-color: color-mix(in oklch, var(--color-warning) 38%, var(--color-border));
+	}
+
+	.social-permission-center__scope strong {
+		display: block;
+		font-size: 0.75rem;
+		line-height: 1.2;
+	}
+
+	.social-permission-center__scope small {
+		display: block;
+		margin-top: 0.125rem;
+		color: var(--color-muted-foreground);
+		font-size: 0.6875rem;
+		line-height: 1.3;
+	}
+
+	.social-permission-center__actions {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: flex-end;
+		gap: 0.5rem;
+	}
+
+	.social-permission-center__audit {
+		display: grid;
+		gap: 0.5rem;
+		border-top: 1px solid var(--color-border);
+		padding-top: 0.875rem;
+	}
+
+	.social-permission-center__audit-title {
+		font-size: 0.75rem;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.04em;
+		color: var(--color-muted-foreground);
+	}
+
+	.social-permission-center__audit-item {
+		align-items: flex-start;
+	}
+
+	.social-permission-center__audit-item > span {
+		width: 0.5rem;
+		height: 0.5rem;
+		margin-top: 0.35rem;
+		border-radius: 999px;
+		background: var(--audit-color);
+	}
+
+	.social-permission-center__audit-item[data-tone='info'] {
+		--audit-color: var(--color-info);
+	}
+
+	.social-permission-center__audit-item[data-tone='success'] {
+		--audit-color: var(--color-success);
+	}
+
+	.social-permission-center__audit-item[data-tone='warning'] {
+		--audit-color: var(--color-warning);
+	}
+
+	.social-permission-center__audit-item[data-tone='destructive'] {
+		--audit-color: var(--color-destructive);
+	}
+
+	@media (max-width: 46rem) {
+		.social-permission-center__header {
+			flex-direction: column;
+		}
+
+		.social-permission-center__signals,
+		.social-permission-center__trust,
+		.social-permission-center[data-variant='full'] .social-permission-center__connections {
+			grid-template-columns: 1fr;
+		}
+	}
+
+	.social-permission-center[data-variant='compact'] {
+		padding: 0.875rem;
+	}
+
+	.social-permission-center[data-variant='compact'] .social-permission-center__header {
+		display: grid;
+	}
+
+	.social-permission-center[data-variant='compact'] .social-permission-center__header p,
+	.social-permission-center[data-variant='compact'] .social-permission-center__trust {
+		display: none;
+	}
+
+	.social-permission-center[data-variant='compact'] .social-permission-center__signals {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
+
+	.social-permission-center[data-variant='compact']
+		.social-permission-center__signal:nth-child(n + 3),
+	.social-permission-center[data-variant='compact'] .social-permission-center__scope small {
+		display: none;
+	}
+</style>

package/dist/svelte/components/SocialPermissionCenter.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { SocialPermissionAuditItem, SocialPermissionConnection, SocialPermissionScope, SocialPermissionSignal, SocialPermissionVariant } from '../social/permission-center.ts';
+type $$ComponentProps = {
+    title?: string;
+    description?: string;
+    variant?: SocialPermissionVariant;
+    settingsHref?: string;
+    connections?: SocialPermissionConnection[];
+    signals?: SocialPermissionSignal[];
+    auditItems?: SocialPermissionAuditItem[];
+    onConnect?: (connection: SocialPermissionConnection) => void;
+    onReview?: (connection: SocialPermissionConnection) => void;
+    onRevoke?: (connection: SocialPermissionConnection) => void;
+    onToggleScope?: (connection: SocialPermissionConnection, scope: SocialPermissionScope, enabled: boolean) => void;
+    class?: string;
+};
+declare const SocialPermissionCenter: import("svelte").Component<$$ComponentProps, {}, "">;
+type SocialPermissionCenter = ReturnType<typeof SocialPermissionCenter>;
+export default SocialPermissionCenter;
+//# sourceMappingURL=SocialPermissionCenter.svelte.d.ts.map

package/dist/svelte/components/SocialPermissionCenter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialPermissionCenter.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/SocialPermissionCenter.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,qBAAqB,EACrB,sBAAsB,EAGtB,uBAAuB,EACvB,MAAM,gCAAgC,CAAC;AAExC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,0BAA0B,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,0BAA0B,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,CACf,UAAU,EAAE,0BAA0B,EACtC,KAAK,EAAE,qBAAqB,EAC5B,OAAO,EAAE,OAAO,KACZ,IAAI,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA4LH,QAAA,MAAM,sBAAsB,sDAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/svelte/connected-accounts.d.ts

@@ -0,0 +1,15 @@
+import type { AccountConnectedProvider } from '@vibesdotdev/account/api';
+export interface AccountAuthProviderOption {
+    id: string;
+    name: string;
+    icon: string;
+}
+/** Explicit catalog. Callers pass it. Omission does not select these providers. */
+export declare const DEFAULT_ACCOUNT_AUTH_PROVIDERS: AccountAuthProviderOption[];
+export declare function normalizeProviderId(providerId: string): string;
+export declare function getProviderDisplayName(providerId: string, availableProviders?: AccountAuthProviderOption[]): string;
+export declare function getProviderIcon(providerId: string, availableProviders?: AccountAuthProviderOption[]): string;
+export declare function listConnectableProviders(linkedProviders: AccountConnectedProvider[], availableProviders?: AccountAuthProviderOption[]): AccountAuthProviderOption[];
+export declare function canDisconnectProvider(linkedProviders: AccountConnectedProvider[], provider: AccountConnectedProvider): boolean;
+export declare function formatProviderLinkedDate(value: AccountConnectedProvider['linkedAt']): string;
+//# sourceMappingURL=connected-accounts.d.ts.map

package/dist/svelte/connected-accounts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-accounts.d.ts","sourceRoot":"","sources":["../../src/svelte/connected-accounts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,WAAW,yBAAyB;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb;AAED,mFAAmF;AACnF,eAAO,MAAM,8BAA8B,EAAE,yBAAyB,EAKrE,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE9D;AAED,wBAAgB,sBAAsB,CACrC,UAAU,EAAE,MAAM,EAClB,kBAAkB,GAAE,yBAAyB,EAAO,GAClD,MAAM,CAMR;AAED,wBAAgB,eAAe,CAC9B,UAAU,EAAE,MAAM,EAClB,kBAAkB,GAAE,yBAAyB,EAAO,GAClD,MAAM,CAMR;AAED,wBAAgB,wBAAwB,CACvC,eAAe,EAAE,wBAAwB,EAAE,EAC3C,kBAAkB,GAAE,yBAAyB,EAAO,GAClD,yBAAyB,EAAE,CAO7B;AAED,wBAAgB,qBAAqB,CACpC,eAAe,EAAE,wBAAwB,EAAE,EAC3C,QAAQ,EAAE,wBAAwB,GAChC,OAAO,CAST;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,wBAAwB,CAAC,UAAU,CAAC,GAAG,MAAM,CAS5F"}

package/dist/svelte/connected-accounts.js

@@ -0,0 +1,45 @@
+/** Explicit catalog. Callers pass it. Omission does not select these providers. */
+export const DEFAULT_ACCOUNT_AUTH_PROVIDERS = [
+    { id: 'github', name: 'GitHub', icon: 'lucide:github' },
+    { id: 'google', name: 'Google', icon: 'flat-color-icons:google' },
+    { id: 'microsoft', name: 'Microsoft', icon: 'lucide:building-2' },
+    { id: 'discord', name: 'Discord', icon: 'lucide:message-circle' }
+];
+export function normalizeProviderId(providerId) {
+    return providerId.trim().toLowerCase();
+}
+export function getProviderDisplayName(providerId, availableProviders = []) {
+    const normalized = normalizeProviderId(providerId);
+    return (availableProviders.find((provider) => normalizeProviderId(provider.id) === normalized)?.name ??
+        providerId);
+}
+export function getProviderIcon(providerId, availableProviders = []) {
+    const normalized = normalizeProviderId(providerId);
+    return (availableProviders.find((provider) => normalizeProviderId(provider.id) === normalized)?.icon ??
+        'lucide:link');
+}
+export function listConnectableProviders(linkedProviders, availableProviders = []) {
+    const linked = new Set(linkedProviders
+        .filter((provider) => normalizeProviderId(provider.providerId) !== 'credential')
+        .map((provider) => normalizeProviderId(provider.providerId)));
+    return availableProviders.filter((provider) => !linked.has(normalizeProviderId(provider.id)));
+}
+export function canDisconnectProvider(linkedProviders, provider) {
+    if (normalizeProviderId(provider.providerId) === 'credential')
+        return false;
+    const hasCredentialAuth = linkedProviders.some((item) => normalizeProviderId(item.providerId) === 'credential');
+    const nonCredentialProviders = linkedProviders.filter((item) => normalizeProviderId(item.providerId) !== 'credential');
+    return hasCredentialAuth || nonCredentialProviders.length > 1;
+}
+export function formatProviderLinkedDate(value) {
+    if (!value)
+        return 'Linked date unavailable';
+    const date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return 'Linked date unavailable';
+    return date.toLocaleDateString(undefined, {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric'
+    });
+}