@kortix/ui 0.14.8 → 0.14.10

package/dist/customize/sections/connectors-view.js

@@ -2,18 +2,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Slack } from '../../internal/icons/slack.js';
 import { useTranslations } from '../../i18n/index.js';
-import { CheckIcon as Check, CaretDownIcon as ChevronDown, CaretRightIcon as ChevronRight, CopyIcon as Copy, DotsThreeIcon, ArrowSquareOutIcon as ExternalLink, LockIcon as Lock, EnvelopeIcon as Mail, PlugIcon as Plug, PlusIcon as Plus, MagnifyingGlassIcon as Search, ShareNetworkIcon, UsersIcon as Users, UsersThreeIcon as UsersThree, XIcon as X, LightningIcon as Zap, } from '@phosphor-icons/react';
-import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { UiImage as Image, useUiViewer, useUiHostConfig } from '../../providers/ui-provider.js';
+import { CheckIcon as Check, CaretDownIcon as ChevronDown, CaretRightIcon as ChevronRight, CopyIcon as Copy, DotsThreeIcon, ArrowSquareOutIcon as ExternalLink, LockIcon as Lock, PlugIcon as Plug, PlusIcon as Plus, ShareNetworkIcon, UsersIcon as Users, UsersThreeIcon as UsersThree, XIcon as X, } from '@phosphor-icons/react';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useUiViewer } from '../../providers/ui-provider.js';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { HighlightedCode } from '../../markdown/code/index.js';
 import { Badge } from '../../primitives/badge.js';
 import { Button } from '../../primitives/button.js';
 import { ButtonGroup, ButtonGroupSeparator } from '../../primitives/button-group.js';
-import { Checkbox } from '../../primitives/checkbox.js';
 import { ConfirmDialog } from '../../primitives/confirm-dialog.js';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../../primitives/dropdown-menu.js';
-import { EntityAvatar } from '../../primitives/entity-avatar.js';
 import { Field, FieldDescription, FieldGroup, FieldLabel } from '../../primitives/field.js';
 import Hint from '../../primitives/hint.js';
 import { InfoBanner } from '../../primitives/info-banner.js';
@@ -27,36 +25,33 @@ import { Skeleton } from '../../primitives/skeleton.js';
 import { SplitSheetBody, SplitSheetContent, SplitSheetDescription, SplitSheetFooter, SplitSheetHeader, SplitSheetTitle, } from '../../primitives/split-sheet.js';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../primitives/tabs.js';
 import { Textarea } from '../../primitives/textarea.js';
-import { errorToast, successToast, warningToast } from '../../primitives/toast.js';
+import { errorToast, successToast } from '../../primitives/toast.js';
 import { EmptyState } from '../../primitives/empty-state.js';
 import { ComputerConnectModal, ComputerStateDot } from '../../internal/tunnel/computer-connect.js';
 import { mcpServerIdentity } from '../connectors/add-mcp/add-mcp-server.js';
 import { connectorDisplayName } from '../connectors/connector-filter.js';
 import { isManagedConnectorProvider } from '../connectors/provider-label.js';
 import { AccessDialog } from '../../access/access/access-dialog.js';
-import { useConnectEmail, useConnectSlack, useDisconnectEmail, useDisconnectSlack, useEmailInstall, useEmailMode, useSlackInstall, useSlackManifest, useSlackMode, useUpdateEmailPolicy, } from '../../internal/hooks/channels/use-channels-installations.js';
+import { useConnectSlack, useDisconnectSlack, useSlackInstall, useSlackManifest, useSlackMode, } from '../../internal/hooks/channels/use-channels-installations.js';
 import { emptyProjectSlot, useAddAccount } from '../../internal/hooks/connectors/use-add-account.js';
 import { useDeleteTunnelConnection } from '@kortix/sdk/react';
 import { useCopy } from '../../internal/hooks/use-copy.js';
 import { cn } from '../../internal/lib/utils.js';
-import { createConnector, discoverConnectionOAuth2, discoverConnectionOAuth2Resource, discoverConnectorAuth, ensureProjectConnectorConnection, getConnectorConfig, getConnectStatus, getProjectDetail, listAllConnections, listConnections, listPipedreamApps, listProjectAccess, pollConnectionOAuth2DeviceAuthorization, putConnectionOAuth2Application, reconcileMemberConnection, renameConnection, revokeConnection, setConnectorCredential, setDefaultConnection, startConnectionOAuth2Authorization, startConnectionOAuth2DeviceAuthorization, updateConnectionCredential, } from '@kortix/sdk';
-import { contract, qk, useProjectAccountId } from '@kortix/sdk/react';
+import { createConnector, discoverConnectionOAuth2, discoverConnectionOAuth2Resource, discoverConnectorAuth, ensureProjectConnectorConnection, getConnectorConfig, getProjectDetail, listAllConnections, listConnections, listProjectAccess, pollConnectionOAuth2DeviceAuthorization, putConnectionOAuth2Application, reconcileMemberConnection, renameConnection, revokeConnection, setConnectorCredential, setDefaultConnection, startConnectionOAuth2Authorization, startConnectionOAuth2DeviceAuthorization, updateConnectionCredential, } from '@kortix/sdk';
+import { contract, qk, useFeatureFlag, useProjectAccountId } from '@kortix/sdk/react';
 import { AddAccountFields } from './add-account-fields.js';
-import { buildEasyConnectConnectorDraft, buildEmailConnectorConnectionSlug, connectorSyncErrorForSlug, createOnlyConnectorDraft, proposeConnectorConnectionSlug, } from './connector-connection-form.js';
-import { ConnectorConnectionModal } from './connector-connection-modal.js';
+import { useEmailInboxes, useRemoveEmailInbox, } from '../../internal/hooks/channels/use-email-inboxes.js';
+import { AddEmailInboxDialog, EMAIL_CONNECTOR_SLUG, EmailInboxHome, EmailSenderPolicyDialog, } from '../connectors/detail/email-inboxes.js';
 import { credentialWriteTarget, oauth2DiscoveryConnectionKey } from './connector-credential-target.js';
 import { buildOAuth2ApplicationInput, buildOAuth2CredentialInput, EMPTY_OAUTH2_APPLICATION_FORM, EMPTY_OAUTH2_CREDENTIAL_FORM, mergeOAuth2DiscoveryMetadata, oauth2ApplicationFormValid, oauth2CredentialFormValid, } from './connector-oauth2.js';
 import { OAuth2ApplicationFields } from './connector-oauth2-application-fields.js';
 import { autoConnectPlan, mergeResourceDiscoveryIntoForm } from './connector-oauth2-auto.js';
 import { OAuth2CredentialFields } from './connector-oauth2-fields.js';
 import { startOAuth2SignIn } from './connector-oauth2-start.js';
-import { DiscoverCatalogue } from './discover-catalogue.js';
 import { useAddRequest } from './use-add-request.js';
 import { useCreateCustomConnector } from './use-create-custom-connector.js';
 import { AudienceText } from './view/audience-badge.js';
 import { accountNeedsSignIn, accountVisibility, connectorConnectionRows, newAccountLabelTaken, newAccountReady, } from './view/connector-connections.js';
-import { randomUUID } from '../../internal/lib/utils/random-uuid.js';
-const BUILT_IN_CHANNEL_APP_SLUGS = new Set(['slack', 'slack_v2']);
 function SaveBar({ dirty, saving, disabled, onSave, onReset, label = 'Save', }) {
     const tI18nHardcoded = useTranslations('hardcodedUi');
     if (!dirty)
@@ -67,7 +62,7 @@ function CodeSnippet({ code, language, className, }) {
     return (_jsx("div", { className: cn('border-border/60 bg-card flex w-full overflow-x-auto rounded-md border', className), children: _jsx("div", { className: "p-3 [&_code]:text-xs", children: _jsx(HighlightedCode, { code: code, language: language }) }) }));
 }
 /** One row in the connections list — a single connected account. */
-function ConnectionRow({ connection, viewerId, isMine, canManage, onSetDefault, onDisconnect, onRename, onStartSession, onSetCredential, onShare, onConnect, needsSignIn, pending, disabled = false, }) {
+function ConnectionRow({ connection, viewerId, isMine, canManage, onSetDefault, onDisconnect, onRename, onStartSession, onSetCredential, onShare, onConnect, needsSignIn, pending, disabled = false, meta, menuItems, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const tSharing = useTranslations('accessSharing');
     const tComputers = useTranslations('computers');
@@ -80,12 +75,12 @@ function ConnectionRow({ connection, viewerId, isMine, canManage, onSetDefault,
     const visibility = accountVisibility(connection, viewerId);
     const everyoneWithAccess = (connection.shared_with ?? []).map((share) => share.label);
     const { copy } = useCopy({ successMessage: tI18nComplete.raw('text56ee71f3ece0') });
-    return (_jsxs("li", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx("span", { "aria-hidden": true, className: "bg-muted text-muted-foreground flex size-8 shrink-0 items-center justify-center rounded-md", children: visibility.kind === 'you' ? (_jsx(Lock, { className: "size-4" })) : visibility.kind === 'everyone' ? (_jsx(UsersThree, { className: "size-4" })) : (_jsx(Users, { className: "size-4" })) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: "truncate text-sm font-medium", children: connection.label }), connection.is_default && (_jsx(Badge, { variant: "secondary", size: "xs", children: tI18nComplete.raw('text21b111cbfe6e') }))] }), _jsxs(InlineMeta, { children: [_jsx(AudienceText, { visibility: visibility, labels: everyoneWithAccess }), connection.usable === false ? tSharing('notSharedWithYou') : null, active && needsSignIn ? (_jsx("span", { children: tConnectorPages('notSignedIn') })) : null, active && connection.metadata?.credential_rejected_at ? (_jsx("span", { className: "text-destructive", children: tConnectorPages('credentialRejected') })) : null, active ? null : (_jsx("span", { className: "text-destructive", children: connection.status === 'revoked' ? 'Disconnected' : 'Error' })), active && connection.machine ? (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(ComputerStateDot, { state: connection.machine.online ? 'online' : 'offline' }), tComputers(connection.machine.online ? 'online' : 'offline')] })) : null, connection.connected_as && connection.connected_as !== connection.label
+    return (_jsxs("li", { className: "flex items-center gap-3 px-4 py-3", children: [_jsx("span", { "aria-hidden": true, className: "bg-muted text-muted-foreground flex size-8 shrink-0 items-center justify-center rounded-md", children: visibility.kind === 'you' ? (_jsx(Lock, { className: "size-4" })) : visibility.kind === 'everyone' ? (_jsx(UsersThree, { className: "size-4" })) : (_jsx(Users, { className: "size-4" })) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: "truncate text-sm font-medium", children: connection.label }), connection.is_default && (_jsx(Badge, { variant: "secondary", size: "xs", children: tI18nComplete.raw('text21b111cbfe6e') }))] }), _jsxs(InlineMeta, { children: [_jsx(AudienceText, { visibility: visibility, labels: everyoneWithAccess }), meta, connection.usable === false ? tSharing('notSharedWithYou') : null, active && needsSignIn ? (_jsx("span", { children: tConnectorPages('notSignedIn') })) : null, active && connection.metadata?.credential_rejected_at ? (_jsx("span", { className: "text-destructive", children: tConnectorPages('credentialRejected') })) : null, active ? null : (_jsx("span", { className: "text-destructive", children: connection.status === 'revoked' ? 'Disconnected' : 'Error' })), active && connection.machine ? (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx(ComputerStateDot, { state: connection.machine.online ? 'online' : 'offline' }), tComputers(connection.machine.online ? 'online' : 'offline')] })) : null, connection.connected_as && connection.connected_as !== connection.label
                                 ? tI18nComplete('texte9e0b20cf289', { value0: connection.connected_as })
                                 : null] })] }), onConnect && mayMutate && needsSignIn ? (_jsx(Button, { size: "sm", className: "shrink-0", onClick: onConnect, disabled: pending || disabled, children: tConnectorPages('connectAccount') })) : null, _jsxs(ButtonGroup, { className: "shrink-0", children: [onShare && mayMutate ? (
                     // Your own private account is shared by turning it into a shared one,
                     // which needs the same right as creating a shared account.
-                    isProjectAuthorization || canManage ? (_jsxs(Button, { variant: "secondary", size: "sm", className: "shrink-0 gap-1.5", onClick: onShare, disabled: pending || disabled, "aria-label": tSharing('shareTitle', { label: connection.label }), children: [_jsx(ShareNetworkIcon, { className: "size-3.5 shrink-0" }), tI18nComplete.raw('text29887a5ff984')] })) : (_jsx(Hint, { label: tSharing('shareRequiresManage'), children: _jsx("span", { className: "inline-flex shrink-0", children: _jsxs(Button, { variant: "secondary", size: "sm", className: "gap-1.5", disabled: true, "aria-label": tSharing('shareTitle', { label: connection.label }), children: [_jsx(ShareNetworkIcon, { className: "size-3.5 shrink-0" }), tI18nComplete.raw('text29887a5ff984')] }) }) }))) : null, _jsx(ButtonGroupSeparator, { className: "bg-border" }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", size: "icon", className: "size-8 shrink-0", "aria-label": tI18nComplete('text33da220b1a34', { value0: connection.label }), disabled: pending || disabled, children: pending ? (_jsx(Loading, { className: "size-4 shrink-0" })) : (_jsx(DotsThreeIcon, { className: "size-4" })) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "min-w-48", children: [_jsx(DropdownMenuItem, { onClick: () => copy(connection.connection_id), children: tI18nComplete.raw('text99775327d988') }), mayMutate && (_jsx(DropdownMenuItem, { onClick: onRename, children: tI18nComplete.raw('text3064d79a295c') })), mayMutate && isMine && active && onStartSession && (_jsx(DropdownMenuItem, { onClick: onStartSession, children: tI18nComplete.raw('textfae237eed0c5') })), mayMutate && onSetCredential && (_jsx(DropdownMenuItem, { onClick: onSetCredential, children: tI18nComplete.raw('text3d6627454174') })), mayMutate && !connection.is_default && active && (_jsxs(DropdownMenuItem, { onClick: onSetDefault, children: [tI18nComplete.raw('texta92f66fd3d83'), isProjectAuthorization ? ` ${tI18nComplete.raw('text801a345cd406')}` : ''] })), mayMutate && (_jsx(DropdownMenuItem, { onClick: onDisconnect, children: tI18nComplete.raw('textacfc5be785a9') }))] })] })] })] }));
+                    isProjectAuthorization || canManage ? (_jsxs(Button, { variant: "secondary", size: "sm", className: "shrink-0 gap-1.5", onClick: onShare, disabled: pending || disabled, "aria-label": tSharing('shareTitle', { label: connection.label }), children: [_jsx(ShareNetworkIcon, { className: "size-3.5 shrink-0" }), tI18nComplete.raw('text29887a5ff984')] })) : (_jsx(Hint, { label: tSharing('shareRequiresManage'), children: _jsx("span", { className: "inline-flex shrink-0", children: _jsxs(Button, { variant: "secondary", size: "sm", className: "gap-1.5", disabled: true, "aria-label": tSharing('shareTitle', { label: connection.label }), children: [_jsx(ShareNetworkIcon, { className: "size-3.5 shrink-0" }), tI18nComplete.raw('text29887a5ff984')] }) }) }))) : null, _jsx(ButtonGroupSeparator, { className: "bg-border" }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", size: "icon", className: "size-8 shrink-0", "aria-label": tI18nComplete('text33da220b1a34', { value0: connection.label }), disabled: pending || disabled, children: pending ? (_jsx(Loading, { className: "size-4 shrink-0" })) : (_jsx(DotsThreeIcon, { className: "size-4" })) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "min-w-48", children: [_jsx(DropdownMenuItem, { onClick: () => copy(connection.connection_id), children: tI18nComplete.raw('text99775327d988') }), mayMutate && (_jsx(DropdownMenuItem, { onClick: onRename, children: tI18nComplete.raw('text3064d79a295c') })), mayMutate && isMine && active && onStartSession && (_jsx(DropdownMenuItem, { onClick: onStartSession, children: tI18nComplete.raw('textfae237eed0c5') })), mayMutate && onSetCredential && (_jsx(DropdownMenuItem, { onClick: onSetCredential, children: tI18nComplete.raw('text3d6627454174') })), mayMutate && !connection.is_default && active && (_jsxs(DropdownMenuItem, { onClick: onSetDefault, children: [tI18nComplete.raw('texta92f66fd3d83'), isProjectAuthorization ? ` ${tI18nComplete.raw('text801a345cd406')}` : ''] })), mayMutate ? menuItems : null, mayMutate && (_jsx(DropdownMenuItem, { onClick: onDisconnect, children: tI18nComplete.raw('textacfc5be785a9') }))] })] })] })] }));
 }
 /**
  * Every account this connector can run as, in one list. Each card states who
@@ -118,8 +113,17 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
     // A computer account is a paired machine: "Add" pairs one (desktop one-click,
     // or download + npx) instead of asking for a credential.
     const isComputer = connector.provider === 'computer';
-    const isDirectProvider = !isManagedConnectorProvider(connector.provider) && !isComputer;
+    // An email account is an inbox: "Add" creates one (own Resend key or Kortix
+    // managed), and removing it deletes the inbox Kortix made.
+    const isEmail = connector.provider === 'channel' && connector.platform === 'email';
+    const isDirectProvider = !isManagedConnectorProvider(connector.provider) && !isComputer && !isEmail;
     const [computerOpen, setComputerOpen] = useState(false);
+    const [emailOpen, setEmailOpen] = useState(false);
+    const [policyInbox, setPolicyInbox] = useState(null);
+    const tInboxes = useTranslations('emailInboxes');
+    const inboxesQuery = useEmailInboxes(isEmail ? projectId : null);
+    const inboxByConnection = new Map((inboxesQuery.data ?? []).map((inbox) => [inbox.connection_id, inbox]));
+    const removeInbox = useRemoveEmailInbox();
     const user = useUiViewer();
     const viewerId = user?.id ?? null;
     const [confirmDisconnect, setConfirmDisconnect] = useState(null);
@@ -148,13 +152,16 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
     });
     const refresh = () => {
         void connectionsQuery.refetch();
+        if (isEmail)
+            void inboxesQuery.refetch();
         onChanged();
     };
     const allRows = connectorConnectionRows(connectionsQuery.data?.connections, connector.slug);
     // The server's empty shared slot is a placeholder, not an account anyone
     // added: listing it reads as "everyone already shares this". Add account
     // still reuses it when the person picks Everyone.
-    const slot = emptyProjectSlot(connector, allRows);
+    // An inbox account always has an inbox behind it: there is no empty slot.
+    const slot = isEmail ? null : emptyProjectSlot(connector, allRows);
     const rows = slot ? allRows.filter((row) => row !== slot) : allRows;
     const openCredential = onSetCredential ?? setCredentialTarget;
     // "Add account" asks the account's name and who may use it: only you,
@@ -183,6 +190,10 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
             setComputerOpen(true);
             return;
         }
+        if (isEmail) {
+            setEmailOpen(true);
+            return;
+        }
         setDraft({ ...EMPTY_NEW_ACCOUNT, label: addAccount.proposedLabel() });
         setLabelEdited(false);
         setAddOpen(true);
@@ -244,11 +255,13 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
     };
     const pendingConnectionId = setDefault.isPending && typeof setDefault.variables === 'string'
         ? setDefault.variables
-        : disconnect.isPending && typeof disconnect.variables === 'string'
-            ? disconnect.variables
-            : rename.isPending && rename.variables
-                ? rename.variables.connectionId
-                : null;
+        : removeInbox.isPending && removeInbox.variables
+            ? removeInbox.variables.connectionId
+            : disconnect.isPending && typeof disconnect.variables === 'string'
+                ? disconnect.variables
+                : rename.isPending && rename.variables
+                    ? rename.variables.connectionId
+                    : null;
     // Re-open the credential entry for an existing direct-provider account —
     // wired from the row menu ("Set credential") and reused right after
     // `useAddAccount` creates a brand new one.
@@ -261,12 +274,24 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
     // A member's computer account follows them into every project, so it is
     // never removed from one project: Disconnect unpairs the machine.
     const ownComputer = (connection) => isComputer && connection.owner_type === 'member';
-    const renderRow = (connection) => (_jsx(ConnectionRow, { connection: connection, viewerId: viewerId, isMine: connection.owner_type === 'member', canManage: canManageConnections, pending: pendingConnectionId === connection.connection_id, disabled: disabled, onSetDefault: () => setDefault.mutate(connection.connection_id), onDisconnect: () => setConfirmDisconnect(connection), onRename: () => openRename(connection), onStartSession: onStartSession ? () => onStartSession(connection) : undefined, onSetCredential: setCredential ? () => setCredential(connection) : undefined, onConnect: onConnect ? () => onConnect(connection) : undefined, needsSignIn: accountNeedsSignIn(connection, connector), onShare: accountId
-            ? () => {
-                setShareTarget(connection);
-                setShareOpen(true);
-            }
-            : undefined }, connection.connection_id));
+    const renderRow = (connection) => {
+        const inbox = isEmail ? inboxByConnection.get(connection.connection_id) : undefined;
+        return (_jsx(ConnectionRow, { connection: connection, 
+            // An array, not a fragment: InlineMeta separates its children, and a
+            // fragment is one child (address and home ran together).
+            meta: inbox
+                ? [
+                    inbox.email !== connection.label ? _jsx("span", { children: inbox.email }, "address") : null,
+                    _jsx(EmailInboxHome, { inbox: inbox }, "home"),
+                ]
+                : undefined, menuItems: inbox ? (_jsx(DropdownMenuItem, { onClick: () => setPolicyInbox(inbox), children: tInboxes('policyMenu') })) : undefined, viewerId: viewerId, isMine: connection.owner_type === 'member', canManage: canManageConnections, pending: pendingConnectionId === connection.connection_id, disabled: disabled, onSetDefault: () => setDefault.mutate(connection.connection_id), onDisconnect: () => setConfirmDisconnect(connection), onRename: () => openRename(connection), onStartSession: onStartSession ? () => onStartSession(connection) : undefined, onSetCredential: setCredential ? () => setCredential(connection) : undefined, onConnect: onConnect ? () => onConnect(connection) : undefined, needsSignIn: !isEmail && accountNeedsSignIn(connection, connector), onShare: accountId
+                ? () => {
+                    setShareTarget(connection);
+                    setShareOpen(true);
+                }
+                : undefined }, connection.connection_id));
+    };
+    const confirmInbox = confirmDisconnect && isEmail ? inboxByConnection.get(confirmDisconnect.connection_id) : undefined;
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [titleAddon ? (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Label, { children: tSharing('accountsTitle') }), titleAddon] })) : (_jsx(Label, { children: tSharing('accountsTitle') })), isComputer ? (_jsxs(Button, { size: "sm", variant: addVariant, onClick: () => setComputerOpen(true), disabled: disabled, children: [_jsx(Plus, { className: "size-4" }), tSharing('addAccount')] })) : (_jsxs(Button, { size: "sm", variant: addVariant, onClick: openAdd, disabled: disabled, children: [_jsx(Plus, { className: "size-4" }), tSharing('addAccount')] }))] }), connectionsQuery.isLoading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-14 rounded-md" }), _jsx(Skeleton, { className: "h-14 rounded-md" })] })) : rows.length === 0 ? (_jsx(EmptyState, { size: "sm", icon: Plug, title: tSharing('noAccountsTitle'), description: tSharing('noAccountsDescription', { connector: displayName }) })) : (_jsx("ul", { className: "bg-popover divide-border divide-y rounded-md border", children: rows.map(renderRow) }))] }), accountId && shareTarget ? (_jsx(AccessDialog, { open: shareOpen, onOpenChange: setShareOpen, accountId: accountId, scope: { kind: 'project', projectId, projectName }, mode: {
                     kind: 'share',
                     object: {
@@ -295,13 +320,28 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
                 }, children: _jsxs(ModalContent, { className: "lg:max-w-md", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: tI18nComplete('textbb7a240d3660', { value0: renameTarget?.label ?? '' }) }), _jsx(ModalDescription, { children: tI18nComplete.raw('text64f07c825803') })] }), _jsxs("form", { onSubmit: (e) => {
                                 e.preventDefault();
                                 submitRename();
-                            }, children: [_jsx(ModalBody, { children: _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connection-rename-label", children: tI18nComplete.raw('textdcd1d5223f73') }), _jsx(Input, { id: "connection-rename-label", value: renameDraft, onChange: (e) => setRenameDraft(e.target.value), maxLength: 255, autoFocus: true, disabled: rename.isPending || disabled }), renameTarget?.connected_as ? (_jsx(FieldDescription, { children: tI18nComplete('texte9e0b20cf289', { value0: renameTarget.connected_as }) })) : null] }) }), _jsxs(ModalFooter, { className: "sm:justify-between", children: [_jsx(Button, { type: "button", variant: "outline-ghost", onClick: () => setRenameTarget(null), disabled: rename.isPending, children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { type: "submit", disabled: rename.isPending || disabled || !renameDraft.trim(), children: [rename.isPending ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, tI18nComplete.raw('text1509f561f241')] })] })] })] }) }), _jsx(ConfirmDialog, { open: confirmDisconnect !== null, onOpenChange: (open) => !open && setConfirmDisconnect(null), title: tI18nComplete('text13716a578591', { value0: confirmDisconnect?.label ?? '' }), description: confirmDisconnect && ownComputer(confirmDisconnect)
-                    ? tComputers('unpairDescription')
-                    : confirmDisconnect?.owner_type === 'project'
-                        ? tI18nComplete.raw('texte2cbafcec553')
-                        : tI18nComplete.raw('text64db32d83da9'), confirmLabel: tI18nComplete.raw('textacfc5be785a9'), confirmVariant: "destructive", isPending: disconnect.isPending || unpairComputer.isPending, onConfirm: () => {
+                            }, children: [_jsx(ModalBody, { children: _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connection-rename-label", children: tI18nComplete.raw('textdcd1d5223f73') }), _jsx(Input, { id: "connection-rename-label", value: renameDraft, onChange: (e) => setRenameDraft(e.target.value), maxLength: 255, autoFocus: true, disabled: rename.isPending || disabled }), renameTarget?.connected_as ? (_jsx(FieldDescription, { children: tI18nComplete('texte9e0b20cf289', { value0: renameTarget.connected_as }) })) : null] }) }), _jsxs(ModalFooter, { className: "sm:justify-between", children: [_jsx(Button, { type: "button", variant: "outline-ghost", onClick: () => setRenameTarget(null), disabled: rename.isPending, children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { type: "submit", disabled: rename.isPending || disabled || !renameDraft.trim(), children: [rename.isPending ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, tI18nComplete.raw('text1509f561f241')] })] })] })] }) }), _jsx(ConfirmDialog, { open: confirmDisconnect !== null, onOpenChange: (open) => !open && setConfirmDisconnect(null), title: tI18nComplete('text13716a578591', { value0: confirmDisconnect?.label ?? '' }), description: confirmInbox
+                    ? confirmInbox.created_by_kortix
+                        ? tInboxes('removeDeletes', { address: confirmInbox.email })
+                        : tInboxes('removeKeeps', { address: confirmInbox.email })
+                    : confirmDisconnect && ownComputer(confirmDisconnect)
+                        ? tComputers('unpairDescription')
+                        : confirmDisconnect?.owner_type === 'project'
+                            ? tI18nComplete.raw('texte2cbafcec553')
+                            : tI18nComplete.raw('text64db32d83da9'), confirmLabel: tI18nComplete.raw('textacfc5be785a9'), confirmVariant: "destructive", isPending: disconnect.isPending || unpairComputer.isPending || removeInbox.isPending, onConfirm: () => {
                     if (!confirmDisconnect)
                         return;
+                    if (isEmail) {
+                        removeInbox.mutate({ projectId, connectionId: confirmDisconnect.connection_id }, {
+                            onSuccess: () => {
+                                successToast(tInboxes('removed'));
+                                setConfirmDisconnect(null);
+                                refresh();
+                            },
+                            onError: (e) => errorToast(e.message || tI18nComplete.raw('textb7668a581f59')),
+                        });
+                        return;
+                    }
                     if (ownComputer(confirmDisconnect) && confirmDisconnect.tunnel_id) {
                         unpairComputer.mutate(confirmDisconnect.tunnel_id, {
                             onSuccess: () => {
@@ -314,7 +354,7 @@ export function ConnectionsList({ projectId, connector, displayName, canManageCo
                         return;
                     }
                     disconnect.mutate(confirmDisconnect.connection_id);
-                } }), isComputer ? (_jsx(ComputerConnectModal, { projectId: projectId, open: computerOpen, onOpenChange: setComputerOpen, onConnected: refresh })) : null, isDirectProvider && !onSetCredential ? (_jsx(SetCredentialModal, { projectId: projectId, connector: credentialTarget ? connector : null, connectionId: credentialTarget?.connectionId ?? null, owner: credentialTarget?.owner ?? 'me', open: credentialTarget !== null, onOpenChange: (open) => {
+                } }), isEmail ? (_jsxs(_Fragment, { children: [_jsx(AddEmailInboxDialog, { projectId: projectId, open: emailOpen, onOpenChange: setEmailOpen, existing: rows, onAdded: refresh }), _jsx(EmailSenderPolicyDialog, { projectId: projectId, inbox: policyInbox, open: policyInbox !== null, onOpenChange: (open) => !open && setPolicyInbox(null) })] })) : null, isComputer ? (_jsx(ComputerConnectModal, { projectId: projectId, open: computerOpen, onOpenChange: setComputerOpen, onConnected: refresh })) : null, isDirectProvider && !onSetCredential ? (_jsx(SetCredentialModal, { projectId: projectId, connector: credentialTarget ? connector : null, connectionId: credentialTarget?.connectionId ?? null, owner: credentialTarget?.owner ?? 'me', open: credentialTarget !== null, onOpenChange: (open) => {
                     if (!open)
                         setCredentialTarget(null);
                 }, onSaved: () => {
@@ -365,171 +405,18 @@ function connectorPlatform(connector) {
     }
     if (connector.slug === 'kortix_slack')
         return 'slack';
-    if (connector.slug === 'kortix_email')
-        return 'email';
-    if (connector.slug.startsWith('email_'))
+    if (connector.slug === EMAIL_CONNECTOR_SLUG)
         return 'email';
     return null;
 }
 export function ChannelConnectionSection({ projectId, connector, onChanged, onRemoved, canWrite = false, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const platform = connectorPlatform(connector);
-    if (platform === 'email') {
-        return (_jsx(EmailChannelConnection, { projectId: projectId, connector: connector, onChanged: onChanged, onRemoved: onRemoved, canWrite: canWrite }));
-    }
     if (platform === 'slack') {
         return (_jsx(SlackChannelConnection, { projectId: projectId, onChanged: onChanged, onRemoved: onRemoved, canWrite: canWrite }));
     }
     return (_jsxs("section", { className: "space-y-4", children: [_jsx(Label, { children: tI18nComplete.raw('text639a40e82b9a') }), _jsx("div", { className: "bg-popover rounded-md border px-4 py-3", children: _jsx(InfoBanner, { tone: "warning", children: tI18nComplete.raw('text53f76274b923') }) })] }));
 }
-function EmailChannelConnection({ projectId, connector, onChanged, onRemoved, canWrite = false, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const install = useEmailInstall(projectId, connector.slug);
-    return (_jsxs("section", { className: "space-y-4", children: [_jsx(Label, { children: tI18nComplete.raw('text7033ce3d1e7a') }), _jsx("p", { className: "text-muted-foreground -mt-2 text-xs", children: tI18nComplete.raw('text28d1c949e5e6') }), _jsx("div", { className: "bg-popover rounded-md border px-4 py-3", children: install.isLoading ? (_jsx(Skeleton, { className: "h-24 w-full rounded-md" })) : install.data ? (_jsx(ConnectedEmailConnection, { projectId: projectId, connectorSlug: connector.slug, installation: install.data, onRemoved: onRemoved, canWrite: canWrite })) : canWrite ? (_jsx(EmailConnectForm, { projectId: projectId, connectorSlug: connector.slug, onConnected: onChanged })) : (_jsx(InfoBanner, { tone: "neutral", icon: Mail, title: tI18nComplete.raw('textf0aea4d97b8e'), children: tI18nComplete.raw('text2dec6c273b47') })) })] }));
-}
-function ConnectedEmailConnection({ projectId, connectorSlug, installation, onRemoved, canWrite = false, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const disconnect = useDisconnectEmail();
-    const [confirming, setConfirming] = useState(false);
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(InfoBanner, { tone: "success", icon: Check, title: tI18nComplete.raw('textc23cc1f72afe'), children: [tI18nComplete.raw('text56ef8f20955f'), ' ', _jsx("code", { className: "font-mono", children: installation.email }), ' · ', tI18nComplete.raw('text94835ea2fcf7'), ' ', _jsx("code", { className: "font-mono", children: installation.inboxId }), installation.webhookId ? (_jsxs(_Fragment, { children: [' · ', tI18nComplete.raw('text4814f62c108d'), ' ', _jsx("code", { className: "font-mono", children: installation.webhookId })] })) : null] }), _jsx(EmailSenderPolicyEditor, { projectId: projectId, connectorSlug: connectorSlug, policy: installation.senderPolicy, canWrite: canWrite }), canWrite && (_jsx("div", { className: "flex items-center justify-end gap-2", children: confirming ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground mr-auto text-xs", children: tI18nComplete.raw('text2a528ae2d4ae') }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setConfirming(false), children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { variant: "destructive", size: "sm", disabled: disconnect.isPending, onClick: () => disconnect.mutate({ projectId, connectorSlug }, {
-                                onSuccess: () => {
-                                    setConfirming(false);
-                                    onRemoved();
-                                },
-                            }), children: [disconnect.isPending ? _jsx(Loading, { className: "mr-2 size-3.5 shrink-0" }) : null, tI18nComplete.raw('textacfc5be785a9')] })] })) : (_jsx(Button, { variant: "outline", size: "sm", onClick: () => setConfirming(true), children: tI18nComplete.raw('textacfc5be785a9') })) }))] }));
-}
-function splitPolicyList(value) {
-    return Array.from(new Set(value
-        .split(/[\n,]+/)
-        .map((item) => item.trim().toLowerCase())
-        .filter(Boolean)));
-}
-function normalizeEmailSenderPolicy(policy) {
-    return {
-        mode: policy?.mode === 'restricted' ? 'restricted' : 'allow_all',
-        allowedEmails: policy?.allowedEmails ?? [],
-        allowedDomains: policy?.allowedDomains ?? [],
-        allowedRegex: policy?.allowedRegex ?? null,
-    };
-}
-function EmailSenderPolicyEditor({ projectId, connectorSlug, policy, canWrite = false, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const update = useUpdateEmailPolicy();
-    const initial = normalizeEmailSenderPolicy(policy);
-    const [restricted, setRestricted] = useState(initial.mode === 'restricted');
-    const [emails, setEmails] = useState(() => initial.allowedEmails.join('\n'));
-    const [domains, setDomains] = useState(() => initial.allowedDomains.join('\n'));
-    const [regex, setRegex] = useState(initial.allowedRegex ?? '');
-    const [error, setError] = useState(null);
-    const [syncedPolicy, setSyncedPolicy] = useState(policy);
-    if (policy !== syncedPolicy) {
-        setSyncedPolicy(policy);
-        const next = normalizeEmailSenderPolicy(policy);
-        setRestricted(next.mode === 'restricted');
-        setEmails(next.allowedEmails.join('\n'));
-        setDomains(next.allowedDomains.join('\n'));
-        setRegex(next.allowedRegex ?? '');
-        setError(null);
-    }
-    const nextPolicy = () => ({
-        mode: restricted ? 'restricted' : 'allow_all',
-        allowedEmails: splitPolicyList(emails),
-        allowedDomains: splitPolicyList(domains).map((domain) => domain.replace(/^@+/, '')),
-        allowedRegex: regex.trim() || null,
-    });
-    const save = () => {
-        setError(null);
-        const sender_policy = nextPolicy();
-        if (sender_policy.allowedRegex) {
-            try {
-                new RegExp(sender_policy.allowedRegex);
-            }
-            catch {
-                setError('Regex is invalid');
-                return;
-            }
-        }
-        update.mutate({ projectId, connectorSlug, sender_policy }, { onError: (e) => setError(e.message) });
-    };
-    const dirty = restricted !== (initial.mode === 'restricted') ||
-        emails !== initial.allowedEmails.join('\n') ||
-        domains !== initial.allowedDomains.join('\n') ||
-        regex !== (initial.allowedRegex ?? '');
-    return (_jsx("div", { className: "border-border/60 bg-card rounded-md border p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { id: "email-sender-restricted", checked: restricted, onCheckedChange: (checked) => setRestricted(Boolean(checked)), className: "mt-0.5", disabled: !canWrite }), _jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "email-sender-restricted", children: tI18nComplete.raw('texta48c89f63885') }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tI18nComplete.raw('text8c67b476d59b') })] }), restricted ? (_jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(Field, { children: _jsx(Input, { value: emails, onChange: (e) => setEmails(e.target.value), placeholder: tI18nComplete.raw('text542d24012988'), disabled: !canWrite }) }), _jsx(Field, { children: _jsx(Input, { value: domains, onChange: (e) => setDomains(e.target.value), placeholder: tI18nComplete.raw('texta379a6f6eeaf'), disabled: !canWrite }) }), _jsx("div", { className: "sm:col-span-2", children: _jsx(Field, { children: _jsx(Input, { value: regex, onChange: (e) => setRegex(e.target.value), placeholder: tI18nComplete.raw('text8b21058f3253'), spellCheck: false, disabled: !canWrite }) }) })] })) : null, error ? _jsx(InfoBanner, { tone: "destructive", children: error }) : null, canWrite && (_jsx(SaveBar, { dirty: dirty, saving: update.isPending, onSave: save, onReset: () => {
-                                setRestricted(initial.mode === 'restricted');
-                                setEmails(initial.allowedEmails.join('\n'));
-                                setDomains(initial.allowedDomains.join('\n'));
-                                setRegex(initial.allowedRegex ?? '');
-                            }, label: tI18nComplete.raw('text57ee14ce1425') }))] })] }) }));
-}
-export function EmailConnectForm({ projectId, connectorSlug, onConnected, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const mode = useEmailMode(projectId);
-    const connect = useConnectEmail();
-    const [displayName, setDisplayName] = useState('Kortix Agent');
-    const [username, setUsername] = useState(() => connectorSlug
-        .replace(/^email_/, '')
-        .replace(/_[a-z0-9]{4}$/i, '')
-        .replace(/_/g, '-'));
-    const [attachExisting, setAttachExisting] = useState(false);
-    const [existingInboxId, setExistingInboxId] = useState('');
-    const [existingEmail, setExistingEmail] = useState('');
-    const [apiKey, setApiKey] = useState('');
-    const [customKeyOpen, setCustomKeyOpen] = useState(false);
-    const [restricted, setRestricted] = useState(false);
-    const [emails, setEmails] = useState('');
-    const [domains, setDomains] = useState('');
-    const [regex, setRegex] = useState('');
-    const [error, setError] = useState(null);
-    const managedAvailable = mode.data?.managed_available === true;
-    const useCustomKey = customKeyOpen && apiKey.trim();
-    const canCreate = managedAvailable || Boolean(useCustomKey);
-    const submit = () => {
-        setError(null);
-        if (!canCreate) {
-            setCustomKeyOpen(true);
-            setError('Managed Email is not configured on this deployment. Use a custom AgentMail key to continue.');
-            return;
-        }
-        if (attachExisting && (!existingInboxId.trim() || !existingEmail.trim())) {
-            setError('Existing AgentMail inbox requires both inbox ID and email address.');
-            return;
-        }
-        const sender_policy = {
-            mode: restricted ? 'restricted' : 'allow_all',
-            allowedEmails: splitPolicyList(emails),
-            allowedDomains: splitPolicyList(domains).map((domain) => domain.replace(/^@+/, '')),
-            allowedRegex: regex.trim() || null,
-        };
-        if (sender_policy.allowedRegex) {
-            try {
-                new RegExp(sender_policy.allowedRegex);
-            }
-            catch {
-                setError('Regex is invalid');
-                return;
-            }
-        }
-        connect.mutate({
-            projectId,
-            connector_slug: connectorSlug,
-            api_key: useCustomKey ? apiKey.trim() : undefined,
-            display_name: displayName.trim() || undefined,
-            username: attachExisting ? undefined : username.trim() || undefined,
-            inbox_id: attachExisting ? existingInboxId.trim() : undefined,
-            email: attachExisting ? existingEmail.trim() : undefined,
-            sender_policy,
-        }, {
-            onSuccess: onConnected,
-            onError: (e) => setError(e.message),
-        });
-    };
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(InfoBanner, { tone: managedAvailable ? 'info' : 'warning', icon: Mail, title: managedAvailable
-                    ? tI18nComplete.raw('texte654b63c8098')
-                    : tI18nComplete.raw('textafe9444782eb'), children: managedAvailable
-                    ? tI18nComplete.raw('textec9ace8d8ff6')
-                    : tI18nComplete.raw('text608977655d2d') }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(Field, { children: _jsx(Input, { id: "email-channel-display-name", name: "email-channel-display-name", "aria-label": tI18nComplete.raw('textf912567c97f2'), value: displayName, onChange: (e) => setDisplayName(e.target.value), placeholder: tI18nComplete.raw('text952144fe1418') }) }), attachExisting ? (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "email-channel-existing-email", children: tI18nComplete.raw('text2fcfd290b610') }), _jsx(Input, { id: "email-channel-existing-email", name: "email-channel-existing-email", "aria-label": tI18nComplete.raw('textaa042b472947'), value: existingEmail, onChange: (e) => setExistingEmail(e.target.value.trim().toLowerCase()), placeholder: tI18nComplete.raw('textbca888f9f9fd'), autoComplete: "off", spellCheck: false })] })) : (_jsxs(Field, { children: [_jsx(Input, { id: "email-channel-username", name: "email-channel-username", "aria-label": tI18nComplete.raw('textcbf297bfb5e6'), value: username, onChange: (e) => setUsername(e.target.value.toLowerCase().replace(/[^a-z0-9._-]/g, '')), placeholder: tI18nComplete.raw('texta18603086e5b'), autoComplete: "off", spellCheck: false }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [tI18nComplete.raw('textf0a216500b54'), " ", username || 'support', tI18nComplete.raw('text39e4dae21daa')] })] }))] }), _jsx("div", { className: "border-border/60 border-t pt-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { id: "email-channel-existing-inbox", checked: attachExisting, onCheckedChange: (checked) => setAttachExisting(Boolean(checked)), className: "mt-0.5" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "email-channel-existing-inbox", children: tI18nComplete.raw('textd7cc97510eb3') }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tI18nComplete.raw('text3bb2e4fa1c03') })] }), attachExisting ? (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "email-channel-existing-inbox-id", children: tI18nComplete.raw('texta35f4f3f0587') }), _jsx(Input, { id: "email-channel-existing-inbox-id", name: "email-channel-existing-inbox-id", "aria-label": tI18nComplete.raw('textdc5376ca47b4'), value: existingInboxId, onChange: (e) => setExistingInboxId(e.target.value.trim()), placeholder: tI18nComplete.raw('textbca888f9f9fd'), autoComplete: "off", spellCheck: false })] })) : null] })] }) }), _jsxs("div", { className: "space-y-3", children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-8 gap-1.5 px-0", onClick: () => setCustomKeyOpen((open) => !open), children: [_jsx(ChevronDown, { className: cn('h-3.5 w-3.5 transition-transform', customKeyOpen && 'rotate-180') }), tI18nComplete.raw('text1bb320d9db5d')] }), customKeyOpen ? (_jsxs(Field, { children: [_jsx(Input, { id: "email-channel-agentmail-api-key", name: "email-channel-agentmail-api-key", "aria-label": tI18nComplete.raw('text87b0e5101fd8'), type: "password", value: apiKey, onChange: (e) => setApiKey(e.target.value), placeholder: tI18nComplete.raw('text3ce8275b54eb'), autoComplete: "off", spellCheck: false }), _jsx("p", { className: "text-muted-foreground text-xs", children: tI18nComplete.raw('text0ec2e7ccbd17') })] })) : null] }), _jsx("div", { className: "border-border/60 bg-card rounded-md border p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { id: "email-channel-restrict-senders", checked: restricted, onCheckedChange: (checked) => setRestricted(Boolean(checked)), className: "mt-0.5" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "email-channel-restrict-senders", children: tI18nComplete.raw('textb1fb183269ba') }), _jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tI18nComplete.raw('text5284184cef68') })] }), restricted ? (_jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(Field, { children: _jsx(Input, { value: emails, onChange: (e) => setEmails(e.target.value), placeholder: tI18nComplete.raw('text542d24012988'), spellCheck: false }) }), _jsx(Field, { children: _jsx(Input, { value: domains, onChange: (e) => setDomains(e.target.value), placeholder: tI18nComplete.raw('texta379a6f6eeaf'), spellCheck: false }) }), _jsx("div", { className: "sm:col-span-2", children: _jsx(Field, { children: _jsx(Input, { value: regex, onChange: (e) => setRegex(e.target.value), placeholder: tI18nComplete.raw('text8b21058f3253'), spellCheck: false }) }) })] })) : null] })] }) }), error ? _jsx(InfoBanner, { tone: "destructive", children: error }) : null, _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { size: "sm", onClick: submit, disabled: connect.isPending || mode.isLoading, children: [connect.isPending ? _jsx(Loading, { className: "mr-2 size-3.5 shrink-0" }) : null, tI18nComplete.raw('text72d9ee78a15c')] }) })] }));
-}
 function SlackChannelConnection({ projectId, onChanged, onRemoved, canWrite = false, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const install = useSlackInstall(projectId);
@@ -669,29 +556,6 @@ export function ConnectionSection({ projectId, connector, onChanged, canWrite =
                                         ? 'Connected'
                                         : tI18nHardcoded.raw('i18nComplete.text0303e1824670') })] })), canWrite && (_jsx(SaveBar, { dirty: dirty, saving: save.isPending, disabled: !connectionValid(draft), onSave: () => save.mutate(), onReset: reset, label: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrLabelSave8c6f945f') }))] })) })] }));
 }
-export function AddAppPanel({ projectId, emailChannelEnabled, discoverEnabled, existingSlugs, onAdded, canWrite = false, }) {
-    const tI18nHardcoded = useTranslations('hardcodedUi');
-    // Self-host without Pipedream configured (KORTIX_PUBLIC_CONNECTORS_ENABLED
-    // false) — hide Easy Connect while leaving Discover/direct sources available.
-    const { connectorsEnabled } = useUiHostConfig();
-    const connectStatus = useQuery({
-        queryKey: ['connect-status'],
-        queryFn: getConnectStatus,
-        staleTime: 5 * 60_000,
-        enabled: connectorsEnabled,
-    });
-    if (!canWrite) {
-        return (_jsx("div", { className: "mx-auto w-full max-w-2xl space-y-8", children: _jsx(EmptyState, { icon: Plug, title: tI18nHardcoded.raw('i18nComplete.text51ae0a7e3783'), description: tI18nHardcoded.raw('i18nComplete.text0bf59aef2b27') }) }));
-    }
-    const easyConnectHidden = !connectorsEnabled;
-    const easyConnectDisabled = easyConnectHidden || connectStatus.data?.configured === false;
-    const easyConnectLabel = tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxTextEasyConnect19ca1c01');
-    const defaultTab = !easyConnectDisabled ? 'apps' : discoverEnabled ? 'discover' : 'channels';
-    return (_jsxs("div", { className: "mx-auto w-full max-w-4xl space-y-6 p-4", children: [_jsx("header", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: _jsx("h2", { className: "text-foreground text-xl font-medium", children: tI18nHardcoded.raw('i18nComplete.text3a06bf051e48') }) }), _jsxs(Tabs, { defaultValue: defaultTab, children: [_jsxs(TabsList, { type: "underline", children: [easyConnectHidden ? null : easyConnectDisabled ? (_jsx(Hint, { label: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxTextEasyConnectc07266e0'), children: _jsx(TabsTrigger, { value: "apps", disabled: true, children: easyConnectLabel }) })) : (_jsx(TabsTrigger, { value: "apps", children: easyConnectLabel })), discoverEnabled && (_jsx(TabsTrigger, { value: "discover", children: tI18nHardcoded.raw('i18nComplete.textd4a33d5b78bc') })), _jsx(TabsTrigger, { value: "channels", children: tI18nHardcoded.raw('i18nComplete.text4c8906cf76f5') }), _jsx(TabsTrigger, { value: "custom", children: tI18nHardcoded.raw('i18nComplete.text494ca78f7374') })] }), !easyConnectDisabled && (_jsx(TabsContent, { value: "apps", className: "mt-4", children: _jsx(AppCatalogue, { projectId: projectId, existingSlugs: existingSlugs, onAdded: onAdded }) })), discoverEnabled && (_jsx(TabsContent, { value: "discover", className: "mt-4", children: _jsx(DiscoverCatalogue, { projectId: projectId, existingSlugs: existingSlugs, onAdded: onAdded }) })), _jsx(TabsContent, { value: "channels", className: "mt-4", children: _jsx(ChannelCatalogue, { projectId: projectId, emailChannelEnabled: emailChannelEnabled, onAdded: onAdded }) }), _jsx(TabsContent, { value: "custom", className: "mt-4", children: _jsx(CustomConnectorForm, { projectId: projectId, emailChannelEnabled: emailChannelEnabled, onAdded: onAdded }) })] })] }));
-}
-function ChannelCatalogue({ projectId, emailChannelEnabled, onAdded, }) {
-    return (_jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [emailChannelEnabled && _jsx(AddEmailConnectionCard, { projectId: projectId, onAdded: onAdded }), _jsx(AddSlackConnectionCard, { projectId: projectId, onAdded: onAdded })] }));
-}
 /**
  * The real Slack logo — the single Slack mark used everywhere across the
  * connectors + channels surface (catalogue cards, channel cards, connect flow),
@@ -703,97 +567,6 @@ function ChannelCatalogue({ projectId, emailChannelEnabled, onAdded, }) {
 export function SlackLogo({ className }) {
     return _jsx(Slack, { className: cn('size-4 shrink-0', className) });
 }
-function SlackIconTile() {
-    return (_jsx("span", { className: "border-border/60 bg-card relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-sm border", children: _jsx(SlackLogo, { className: "size-3.5" }) }));
-}
-const CHANNEL_CATALOGUE_CARD_CLASS = 'group bg-popover hover:bg-muted/80 focus-visible:ring-primary/50 flex flex-col rounded-md border p-3.5 text-left transition-colors focus-visible:ring-2 focus-visible:outline-none';
-function AddEmailConnectionCard({ projectId, onAdded, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const [open, setOpen] = useState(false);
-    const [name, setName] = useState('Email inbox');
-    const [username, setUsername] = useState('');
-    const add = useMutation({
-        mutationFn: async () => {
-            const slug = buildEmailConnectorConnectionSlug(username || name, randomUUID());
-            const result = await createConnector(projectId, createOnlyConnectorDraft({
-                slug,
-                name: name.trim() || 'Email inbox',
-                provider: 'channel',
-                platform: 'email',
-                credential: 'shared',
-            }));
-            return { slug, syncError: connectorSyncErrorForSlug(result, slug) };
-        },
-        onSuccess: ({ slug, syncError }) => {
-            setOpen(false);
-            if (syncError) {
-                warningToast(tI18nComplete('text4e12058e58c1', { value0: syncError }));
-                onAdded();
-                return;
-            }
-            successToast(tI18nComplete.raw('textd1dcd7a7bbec'));
-            onAdded(slug);
-        },
-        onError: (err) => errorToast(err.message || tI18nComplete.raw('text3df88e8f7ea6')),
-    });
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => setOpen(true), className: CHANNEL_CATALOGUE_CARD_CLASS, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(EntityAvatar, { icon: Mail, size: "sm" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-foreground truncate text-sm font-medium", children: tI18nComplete.raw('textf00606184e4d') }), _jsx("div", { className: "text-muted-foreground truncate text-xs", children: tI18nComplete.raw('text2283269ca150') })] })] }), _jsx("p", { className: "text-muted-foreground mt-2 line-clamp-2 min-h-[2rem] text-xs leading-relaxed", children: tI18nComplete.raw('text3b61c181f516') })] }), _jsx(Modal, { open: open, onOpenChange: (next) => !add.isPending && setOpen(next), children: _jsxs(ModalContent, { className: "lg:max-w-md", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: tI18nComplete.raw('text2b47dcc33a2a') }), _jsx(ModalDescription, { children: tI18nComplete.raw('text630694bd2dec') })] }), _jsxs(ModalBody, { className: "max-h-[60vh] space-y-4 overflow-y-auto", children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "email-connection-name", children: tI18nComplete.raw('text2b7f6a84de91') }), _jsx(Input, { id: "email-connection-name", name: "email-connection-name", value: name, onChange: (e) => setName(e.target.value), placeholder: tI18nComplete.raw('text945ce03ec79f') })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "email-connection-prefix", children: tI18nComplete.raw('text4e6946711ca8') }), _jsx(Input, { id: "email-connection-prefix", name: "email-connection-prefix", value: username, onChange: (e) => setUsername(e.target.value.toLowerCase().replace(/[^a-z0-9._-]/g, '')), placeholder: tI18nComplete.raw('texta18603086e5b'), autoComplete: "off", spellCheck: false }), _jsx("p", { className: "text-muted-foreground text-xs", children: tI18nComplete.raw('text2549e14d07c9') })] })] }), _jsxs(ModalFooter, { className: "sm:justify-between", children: [_jsx(Button, { variant: "outline-ghost", onClick: () => setOpen(false), disabled: add.isPending, children: tI18nComplete.raw('text19766ed6ccb2') }), _jsxs(Button, { onClick: () => add.mutate(), disabled: add.isPending, className: "gap-1.5", children: [add.isPending ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, tI18nComplete.raw('text8dff8c0800fd')] })] })] }) })] }));
-}
-function AddSlackConnectionCard({ projectId, onAdded, }) {
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const [open, setOpen] = useState(false);
-    const handleConnected = () => {
-        successToast(tI18nComplete.raw('text1bfa15228ca8'));
-        setOpen(false);
-        onAdded('kortix_slack');
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", onClick: () => setOpen(true), className: CHANNEL_CATALOGUE_CARD_CLASS, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(SlackIconTile, {}), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-foreground truncate text-sm font-medium", children: tI18nComplete.raw('textb27fb38ba323') }), _jsx("div", { className: "text-muted-foreground truncate text-xs", children: tI18nComplete.raw('textbbbf43b8819c') })] })] }), _jsx("p", { className: "text-muted-foreground mt-2 line-clamp-2 min-h-[2rem] text-xs leading-relaxed", children: tI18nComplete.raw('text43b4b568012f') })] }), _jsx(Modal, { open: open, onOpenChange: setOpen, children: _jsxs(ModalContent, { className: "lg:max-w-2xl", children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: tI18nComplete.raw('text62da6a2b1758') }), _jsx(ModalDescription, { children: tI18nComplete.raw('text8b5b9b72f2ec') })] }), _jsx(ModalBody, { className: "max-h-[60vh] overflow-y-auto", children: _jsx(SlackConnectForm, { projectId: projectId, onConnected: handleConnected }) })] }) })] }));
-}
-/** Easy-connect app catalogue — searchable card grid with "Load more". */
-function AppCatalogue({ projectId, existingSlugs, onAdded, }) {
-    const tI18nHardcoded = useTranslations('hardcodedUi');
-    const [q, setQ] = useState('');
-    const [selectedApp, setSelectedApp] = useState(null);
-    const appsQuery = useInfiniteQuery({
-        queryKey: ['easy-connect-apps', projectId, q],
-        queryFn: ({ pageParam }) => listPipedreamApps(projectId, q || undefined, pageParam),
-        initialPageParam: undefined,
-        getNextPageParam: (last) => (last.hasMore ? last.nextCursor : undefined),
-        staleTime: 60_000,
-    });
-    const apps = (appsQuery.data?.pages ?? []).flatMap((p) => p.apps);
-    const visibleApps = apps.filter((app) => !BUILT_IN_CHANNEL_APP_SLUGS.has(app.slug));
-    const notConfigured = appsQuery.isError && /501|not configured/i.test(appsQuery.error?.message ?? '');
-    const addApp = useMutation({
-        mutationFn: async (connector) => {
-            if (!selectedApp)
-                throw new Error('Select an app');
-            const draft = buildEasyConnectConnectorDraft(selectedApp, connector);
-            const result = await createConnector(projectId, draft);
-            return {
-                name: draft.name ?? selectedApp.name,
-                slug: draft.slug,
-                syncError: connectorSyncErrorForSlug(result, draft.slug),
-            };
-        },
-        onSuccess: (connector) => {
-            setSelectedApp(null);
-            if (connector.syncError) {
-                warningToast(tI18nHardcoded('i18nComplete.textd6a135de3872', {
-                    value0: connector.name,
-                    value1: connector.syncError,
-                }));
-                onAdded();
-                return;
-            }
-            successToast(tI18nHardcoded('i18nComplete.text590d36262e11', { value0: connector.name }));
-            onAdded(connector.slug);
-        },
-        onError: (err) => errorToast(err.message || tI18nHardcoded.raw('i18nComplete.texta34a2714da91')),
-    });
-    return (_jsxs("div", { children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" }), _jsx(Input, { value: q, onChange: (e) => setQ(e.target.value), placeholder: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrPlaceholderSearch9d26aaaa'), variant: "popover", className: "pl-9" })] }), _jsx("div", { className: "overflow-y-auto py-4", children: notConfigured ? (_jsx(InfoBanner, { tone: "neutral", title: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrTitleEasy58e9c7b1'), children: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxTextEasyConnectc07266e0') })) : appsQuery.isLoading ? (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: Array.from({ length: 12 }).map((_, i) => (_jsx(Skeleton, { className: "h-[104px] w-full rounded-md" }, i))) })) : visibleApps.length === 0 ? (_jsx(EmptyState, { icon: Search, title: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrTitleNof8067eda'), description: q
-                        ? tI18nHardcoded('i18nComplete.text3e71adfa7d54', { value0: q })
-                        : tI18nHardcoded.raw('i18nComplete.textecbd276ebec2') })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: visibleApps.map((app) => (_jsxs("button", { type: "button", disabled: addApp.isPending, onClick: () => setSelectedApp(app), className: "group bg-popover hover:bg-muted/80 focus-visible:ring-primary/50 flex flex-col rounded-md border p-3.5 text-left transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:opacity-60", children: [_jsxs("div", { className: "flex items-center gap-3", children: [app.imgSrc ? (_jsx(Image, { src: app.imgSrc, alt: "", width: 36, height: 36, className: "size-8 shrink-0 rounded-md object-contain", referrerPolicy: "no-referrer", unoptimized: true })) : (_jsx(EntityAvatar, { icon: Zap, size: "sm" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-foreground truncate text-sm font-medium", children: app.name }), app.categories?.[0] && (_jsx("div", { className: "text-muted-foreground truncate text-xs", children: app.categories[0] }))] }), _jsx(Plus, { className: "text-muted-foreground group-hover:text-primary size-4 shrink-0 transition-colors" })] }), _jsx("p", { className: "text-muted-foreground mt-2 line-clamp-2 min-h-[2rem] text-xs leading-relaxed", children: app.description ?? ' ' })] }, app.slug))) }), appsQuery.hasNextPage && (_jsx("div", { className: "flex justify-center pt-5", children: _jsx(Button, { variant: "outline", size: "sm", onClick: () => appsQuery.fetchNextPage(), disabled: appsQuery.isFetchingNextPage, className: "h-9 px-8", children: appsQuery.isFetchingNextPage ? (_jsxs(_Fragment, { children: [_jsx(Loading, { className: "size-4 shrink-0" }), tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxTextLoading7131cc18')] })) : (tI18nHardcoded.raw('i18nComplete.textac8991ef0101')) }) }))] })) }), _jsx(ConnectorConnectionModal, { open: selectedApp !== null, idPrefix: "easy-connect-connector", title: `Add ${selectedApp?.name ?? 'app'}`, description: tI18nHardcoded.raw('i18nComplete.text6acbef3d00c7'), initialName: selectedApp?.name ?? '', initialSlug: selectedApp ? proposeConnectorConnectionSlug(selectedApp.name, existingSlugs) : '', existingSlugs: existingSlugs, pending: addApp.isPending, onOpenChange: (open) => !open && setSelectedApp(null), onSubmit: (connector) => addApp.mutate(connector) })] }));
-}
 /**
  * Slugify the source document's own name — OpenAPI `info.title`, Postman
  * `info.name` — so adding a spec proposes the slug the API calls itself
@@ -891,9 +664,7 @@ function ConnectorConfigFields({ draft, onChange, slugEditable, emailChannelEnab
                                     set({
                                         provider,
                                         platform: provider === 'channel'
-                                            ? draft.platform === 'email' && !emailChannelEnabled
-                                                ? 'slack'
-                                                : (draft.platform ?? (emailChannelEnabled ? 'email' : 'slack'))
+                                            ? (draft.platform ?? (emailChannelEnabled ? 'email' : 'slack'))
                                             : undefined,
                                         auth: provider === 'channel'
                                             ? { type: 'none' }
@@ -901,9 +672,7 @@ function ConnectorConfigFields({ draft, onChange, slugEditable, emailChannelEnab
                                                 ? undefined
                                                 : draft.auth,
                                     });
-                                }, children: [_jsx(SelectTrigger, { id: "connector-provider", className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "openapi", children: tI18nHardcoded.raw('i18nComplete.textcf2c9e218033') }), _jsx(SelectItem, { value: "postman", children: tI18nHardcoded.raw('i18nComplete.text213985e12832') }), _jsx(SelectItem, { value: "graphql", children: tI18nHardcoded.raw('i18nComplete.textee27322554e4') }), _jsx(SelectItem, { value: "mcp", children: "MCP" }), _jsx(SelectItem, { value: "http", children: "HTTP" }), _jsx(SelectItem, { value: "channel", children: tI18nHardcoded.raw('i18nComplete.textce4683e7013a') })] })] })] })] }), p === 'channel' && (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: tI18nHardcoded.raw('i18nComplete.textce4683e7013a') }), _jsxs(Select, { value: draft.platform === 'email' && !emailChannelEnabled
-                            ? 'slack'
-                            : (draft.platform ?? (emailChannelEnabled ? 'email' : 'slack')), disabled: readOnly, onValueChange: (v) => set({ platform: v, auth: { type: 'none' } }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [emailChannelEnabled && (_jsx(SelectItem, { value: "email", children: tI18nHardcoded.raw('i18nComplete.text969ccbd3cf63') })), _jsx(SelectItem, { value: "slack", children: tI18nHardcoded.raw('i18nComplete.textb27fb38ba323') })] })] })] })), (p === 'openapi' || p === 'postman') && (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-spec", children: p === 'postman'
+                                }, children: [_jsx(SelectTrigger, { id: "connector-provider", className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "openapi", children: tI18nHardcoded.raw('i18nComplete.textcf2c9e218033') }), _jsx(SelectItem, { value: "postman", children: tI18nHardcoded.raw('i18nComplete.text213985e12832') }), _jsx(SelectItem, { value: "graphql", children: tI18nHardcoded.raw('i18nComplete.textee27322554e4') }), _jsx(SelectItem, { value: "mcp", children: "MCP" }), _jsx(SelectItem, { value: "http", children: "HTTP" }), _jsx(SelectItem, { value: "channel", children: tI18nHardcoded.raw('i18nComplete.textce4683e7013a') })] })] })] })] }), p === 'channel' && (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: tI18nHardcoded.raw('i18nComplete.textce4683e7013a') }), _jsxs(Select, { value: draft.platform ?? (emailChannelEnabled ? 'email' : 'slack'), disabled: readOnly, onValueChange: (v) => set({ platform: v, auth: { type: 'none' } }), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [emailChannelEnabled || draft.platform === 'email' ? (_jsx(SelectItem, { value: "email", children: tI18nHardcoded.raw('i18nComplete.text969ccbd3cf63') })) : null, _jsx(SelectItem, { value: "slack", children: tI18nHardcoded.raw('i18nComplete.textb27fb38ba323') })] })] })] })), (p === 'openapi' || p === 'postman') && (_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-spec", children: p === 'postman'
                             ? tI18nHardcoded.raw('i18nComplete.textcd8dd219cc48')
                             : tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrLabelSpec4235864d') }), _jsx(Input, { id: "connector-spec", value: draft.spec ?? '', onChange: (e) => set({ spec: e.target.value }), placeholder: p === 'postman' ? 'https://github.com/… or collection.json' : 'https://…/openapi.json', variant: "popover", disabled: readOnly, required: true }), p === 'postman' ? (_jsx(FieldDescription, { children: tI18nHardcoded.raw('i18nComplete.textc26ca4369200') })) : null] })), p === 'graphql' && (_jsxs(_Fragment, { children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-endpoint", children: tI18nHardcoded.raw('i18nComplete.text3df9726c68ba') }), _jsx(Input, { id: "connector-endpoint", value: draft.endpoint ?? '', onChange: (e) => set({ endpoint: e.target.value }), placeholder: "https://api/graphql", variant: "popover", disabled: readOnly, required: true })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-sdl", children: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrLabelSDL2325b707') }), _jsx(Input, { id: "connector-sdl", value: draft.spec ?? '', onChange: (e) => set({ spec: e.target.value }), placeholder: tI18nHardcoded.raw('i18nComplete.textecccd43d1878'), variant: "popover", disabled: readOnly })] })] })), p === 'mcp' && (_jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-url", children: "URL" }), _jsx(Input, { id: "connector-url", value: draft.url ?? '', onChange: (e) => set({ url: e.target.value }), placeholder: "https://mcp\u2026/mcp", variant: "popover", disabled: readOnly, required: true })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-transport", children: tI18nHardcoded.raw('i18nComplete.textaaead4abf5d0') }), _jsxs(Select, { value: draft.transport ?? 'http', disabled: readOnly, onValueChange: (v) => set({ transport: v }), children: [_jsx(SelectTrigger, { id: "connector-transport", className: "w-full", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "http", children: tI18nHardcoded.raw('i18nComplete.texte0603c499aae') }), _jsx(SelectItem, { value: "sse", children: tI18nHardcoded.raw('i18nComplete.textfe3811fe21af') })] })] })] })] })), p === 'http' && (_jsxs(_Fragment, { children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-base-url", children: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrLabelBase744ecef9') }), _jsx(Input, { id: "connector-base-url", value: draft.baseUrl ?? '', onChange: (e) => set({ baseUrl: e.target.value }), placeholder: "https://api.internal", variant: "popover", disabled: readOnly, required: true })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-routes", children: tI18nHardcoded.raw('autoComponentsProjectsCustomizeSectionsConnectorsViewJsxAttrLabelRoutes38b14436') }), _jsx(Input, { id: "connector-routes", value: draft.spec ?? '', onChange: (e) => set({ spec: e.target.value }), placeholder: tI18nHardcoded.raw('i18nComplete.textb2c293b68745'), variant: "popover", disabled: readOnly })] })] })), needsAuth && (_jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: "connector-auth", children: tI18nHardcoded.raw('i18nComplete.text8eb3ea9bbde6') }), _jsxs(Select, { value: oauth2Selected ? 'oauth2_client_credentials' : (draft.auth?.type ?? 'auto'), disabled: readOnly, onValueChange: (v) => {
                                     if (v === 'oauth2_client_credentials') {
@@ -937,8 +706,9 @@ function connectionValid(d, emailChannelEnabled = true) {
     }
     return true;
 }
-export function CustomConnectorForm({ projectId, emailChannelEnabled, onAdded, }) {
+export function CustomConnectorForm({ projectId, onAdded, }) {
     const tI18nHardcoded = useTranslations('hardcodedUi');
+    const emailChannelEnabled = useFeatureFlag(projectId, 'email_channel').enabled;
     const [draft, setDraft] = useState({
         slug: '',
         provider: 'openapi',
@@ -950,9 +720,6 @@ export function CustomConnectorForm({ projectId, emailChannelEnabled, onAdded, }
         const timer = window.setTimeout(() => setDiscoveryDraft(draft), 400);
         return () => window.clearTimeout(timer);
     }, [draft]);
-    if (!emailChannelEnabled && draft.provider === 'channel' && draft.platform === 'email') {
-        setDraft((current) => ({ ...current, platform: 'slack' }));
-    }
     // Channel connectors have no OAuth2-at-creation offer.
     if (draft.provider === 'channel' && oauth2Selected) {
         setOauth2Selected(false);