@jini-ai/ui 0.1.0

package/dist/features/connectors/components/ConnectorCard.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../i18n/index.js';
+import { getConnectorDisplayToolCount, statusLabel, toolsBadgeTranslation } from '../rules.js';
+import { Icon } from '../../../react/components/Icon.js';
+import { ConnectorLogo } from './ConnectorLogo.js';
+export function ConnectorCard({ connector, disabled = false, pendingAction, authorizationPending, authorizationCancelFailed, toolsLoaded, onConnect, onDisconnect, onCancelAuthorization, onOpenDetails, getCategoryLabel = (category) => category, cancelFailedMessage, continueInBrowserLabel, onOpenExternalUrl, }) {
+    const t = useT();
+    const resolvedCancelFailedMessage = cancelFailedMessage ?? t("Couldn't cancel authorization. Try again.");
+    const resolvedContinueInBrowserLabel = continueInBrowserLabel ?? t('Continue in browser');
+    const isConnecting = pendingAction === 'connect';
+    const isDisconnecting = pendingAction === 'disconnect';
+    const isConnected = connector.status === 'connected';
+    const isAuthorizationPending = !isConnected && authorizationPending !== undefined;
+    const isPending = pendingAction !== null || isAuthorizationPending;
+    const canConnect = !disabled && !isPending && connector.status === 'available';
+    const canDisconnect = !disabled && !isPending && isConnected;
+    const toolCount = getConnectorDisplayToolCount(connector);
+    const showToolsBadge = connector.toolCount !== undefined || connector.tools.length > 0 || toolsLoaded;
+    const toolsBadge = toolsBadgeTranslation(toolCount);
+    const toolsBadgeLabel = t(toolsBadge.key, toolsBadge.vars);
+    const categoryLabel = getCategoryLabel(connector.category);
+    function openDetails() {
+        if (disabled)
+            return;
+        onOpenDetails(connector.id);
+    }
+    function onKeyActivate(event) {
+        if (event.key !== 'Enter' && event.key !== ' ')
+            return;
+        if (event.target !== event.currentTarget)
+            return;
+        event.preventDefault();
+        openDetails();
+    }
+    function stop(event) {
+        event.stopPropagation();
+    }
+    function continueAuthorization(event) {
+        stop(event);
+        // `continueAuthorization`'s only call site (the "continue in browser"
+        // button below) only ever renders while
+        // `isAuthorizationPending && authorizationPending.redirectUrl` already
+        // holds in that same render, and React re-binds this closure fresh on
+        // every render — so a re-check here was dead code for every real
+        // click, removed rather than tested around (see
+        // packages/ui/source-map.md's 2026-07-22 dated entry).
+        onOpenExternalUrl?.(authorizationPending.redirectUrl);
+    }
+    return (_jsxs("article", { className: `connector-card status-${connector.status}${disabled ? ' is-locked' : ''}`, "data-connector-id": connector.id, role: "button", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, "aria-label": t('Open details for {name}', { name: connector.name }), onClick: openDetails, onKeyDown: onKeyActivate, children: [_jsxs("div", { className: "connector-card-top", children: [_jsx(ConnectorLogo, { connectorId: connector.id, connectorName: connector.name, logoUrl: connector.logoUrl, size: "sm" }), _jsxs("div", { className: "connector-card-head", children: [_jsxs("h3", { className: "connector-card-title", children: [_jsx("span", { className: "connector-card-title-name", children: connector.name }), isConnected ? (_jsx("span", { className: `connector-status-dot connector-card-title-dot status-${connector.status}`, "aria-label": t(statusLabel(connector.status)), title: t(statusLabel(connector.status)), role: "img" })) : isAuthorizationPending ? (_jsx("span", { className: "connector-status-dot connector-card-title-dot status-pending", "aria-label": t('Authorization pending'), title: t('Authorization pending'), role: "img" })) : null] }), _jsxs("div", { className: "connector-meta", children: [_jsx("span", { className: "connector-meta-item connector-meta-category", title: categoryLabel, children: categoryLabel }), _jsx("span", { className: "connector-meta-tools", "aria-hidden": !showToolsBadge, children: showToolsBadge ? (_jsx("span", { className: "connector-tools-badge is-ready", title: toolsBadgeLabel, children: _jsx("span", { children: toolsBadgeLabel }) })) : null })] })] }), _jsxs("div", { className: "connector-card-actions", children: [isConnected ? (_jsx("button", { type: "button", className: `icon-only connector-action is-disconnect${isDisconnecting ? ' is-loading' : ''}`, disabled: !canDisconnect, "aria-busy": isDisconnecting || undefined, "aria-label": t('Disconnect'), title: t('Disconnect'), tabIndex: disabled ? -1 : undefined, onMouseDown: stop, onKeyDown: stop, onClick: (e) => {
+                                    stop(e);
+                                    onDisconnect(connector.id);
+                                }, children: _jsx(Icon, { name: isDisconnecting ? 'spinner' : 'close', size: 12 }) })) : (_jsx("button", { type: "button", className: `icon-only connector-action is-connect${isConnecting || isAuthorizationPending ? ' is-loading' : ''}`, disabled: !canConnect, "aria-busy": isConnecting || isAuthorizationPending || undefined, "aria-label": isAuthorizationPending ? t('Authorization pending') : t('Connect'), title: isAuthorizationPending ? t('Authorization in progress') : t('Connect'), tabIndex: disabled ? -1 : undefined, onMouseDown: stop, onKeyDown: stop, onClick: (e) => {
+                                    stop(e);
+                                    onConnect(connector.id);
+                                }, children: _jsx(Icon, { name: isConnecting || isAuthorizationPending ? 'spinner' : 'plus', size: 12 }) })), isAuthorizationPending ? (_jsx("button", { type: "button", className: "icon-only connector-action is-cancel-authorization", "aria-label": t('Cancel authorization'), title: t('Cancel authorization'), onMouseDown: stop, onKeyDown: stop, onClick: (e) => {
+                                    stop(e);
+                                    onCancelAuthorization(connector.id);
+                                }, children: _jsx(Icon, { name: "close", size: 12 }) })) : null, connector.status === 'error' || connector.status === 'disabled' ? (_jsx("span", { className: `connector-status-pill status-${connector.status}`, children: t(statusLabel(connector.status)) })) : null] })] }), authorizationCancelFailed ? (_jsx("p", { className: "connector-authorization-hint connector-authorization-error", role: "alert", children: resolvedCancelFailedMessage })) : null, isAuthorizationPending && authorizationPending.redirectUrl ? (_jsx("button", { type: "button", className: "connector-authorization-link", title: t('Authorization in progress'), onClick: continueAuthorization, children: resolvedContinueInBrowserLabel })) : null] }));
+}
+//# sourceMappingURL=ConnectorCard.js.map

package/dist/features/connectors/components/ConnectorCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorCard.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorCard.tsx"],"names":[],"mappings":"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"}

package/dist/features/connectors/components/ConnectorDetailDrawer.d.ts

@@ -0,0 +1,31 @@
+import type { Connector, ConnectorAction, ConnectorAuthorizationPending } from '../types.js';
+export interface ConnectorDetailDrawerProps {
+    connector: Connector;
+    disabled: boolean;
+    pendingAction: ConnectorAction | null;
+    authorizationPending?: ConnectorAuthorizationPending | undefined;
+    authorizationCancelFailed: boolean;
+    authorizationError: string | null;
+    toolsPreviewLoading: boolean;
+    toolsLoaded: boolean;
+    onClose: () => void;
+    onConnect: (connectorId: string) => void;
+    onDisconnect: (connectorId: string) => void;
+    onCancelAuthorization: (connectorId: string) => void;
+    onLoadMoreTools: (connectorId: string, cursor: string) => void;
+    onOpenExternalUrl?: (url: string) => void;
+    getCategoryLabel?: (category: string) => string;
+    getDisplayableAccountLabel?: (connector: Connector) => string | undefined;
+    cancelFailedMessage?: string;
+    continueInBrowserLabel?: string;
+}
+/**
+ * Modal detail drawer with a paginated tool list. Keeps its own
+ * escape-key-to-close and body-scroll-lock behavior inline (standard modal
+ * a11y idioms, not business/transport logic) — see
+ * `packages/ui/source-map.md`'s purity-check note for why these two
+ * `document`/`window` touches were kept here rather than routed through
+ * `dependencies.ts`.
+ */
+export declare function ConnectorDetailDrawer({ connector, disabled, pendingAction, authorizationPending, authorizationCancelFailed, authorizationError, toolsPreviewLoading, toolsLoaded, onClose, onConnect, onDisconnect, onCancelAuthorization, onLoadMoreTools, onOpenExternalUrl, getCategoryLabel, getDisplayableAccountLabel, cancelFailedMessage, continueInBrowserLabel, }: ConnectorDetailDrawerProps): import("react").JSX.Element;
+//# sourceMappingURL=ConnectorDetailDrawer.d.ts.map

package/dist/features/connectors/components/ConnectorDetailDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorDetailDrawer.d.ts","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorDetailDrawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAU7F,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;IACtC,oBAAoB,CAAC,EAAE,6BAA6B,GAAG,SAAS,CAAC;IACjE,yBAAyB,EAAE,OAAO,CAAC;IACnC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,qBAAqB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,0BAA0B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,QAAQ,EACR,aAAa,EACb,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,gBAAyC,EACzC,0BAAgE,EAChE,mBAAmB,EACnB,sBAAsB,GACvB,EAAE,0BAA0B,+BA0P5B"}

package/dist/features/connectors/components/ConnectorDetailDrawer.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { useT } from '../../i18n/index.js';
+import { getConnectorDisplayToolCount, getDisplayableConnectorAccountLabel, statusLabel, toolsBadgeTranslation, } from '../rules.js';
+import { Icon } from '../../../react/components/Icon.js';
+import { ConnectorLogo } from './ConnectorLogo.js';
+/**
+ * Modal detail drawer with a paginated tool list. Keeps its own
+ * escape-key-to-close and body-scroll-lock behavior inline (standard modal
+ * a11y idioms, not business/transport logic) — see
+ * `packages/ui/source-map.md`'s purity-check note for why these two
+ * `document`/`window` touches were kept here rather than routed through
+ * `dependencies.ts`.
+ */
+export function ConnectorDetailDrawer({ connector, disabled, pendingAction, authorizationPending, authorizationCancelFailed, authorizationError, toolsPreviewLoading, toolsLoaded, onClose, onConnect, onDisconnect, onCancelAuthorization, onLoadMoreTools, onOpenExternalUrl, getCategoryLabel = (category) => category, getDisplayableAccountLabel = getDisplayableConnectorAccountLabel, cancelFailedMessage, continueInBrowserLabel, }) {
+    const t = useT();
+    const resolvedCancelFailedMessage = cancelFailedMessage ?? t("Couldn't cancel authorization. Try again.");
+    const resolvedContinueInBrowserLabel = continueInBrowserLabel ?? t('Continue in browser');
+    const isConnected = connector.status === 'connected';
+    const isConnecting = pendingAction === 'connect';
+    const isDisconnecting = pendingAction === 'disconnect';
+    const isAuthorizationPending = !isConnected && authorizationPending !== undefined;
+    const isPending = pendingAction !== null || isAuthorizationPending;
+    const canConnect = !disabled && !isPending && connector.status === 'available';
+    const canDisconnect = !disabled && !isPending && isConnected;
+    const accountLabel = getDisplayableAccountLabel(connector);
+    const actualToolCount = connector.tools.length;
+    const toolCount = getConnectorDisplayToolCount(connector);
+    const isLoadingTools = toolsPreviewLoading || !toolsLoaded;
+    const toolDetailsUnavailable = toolsLoaded && actualToolCount === 0 && toolCount > 0;
+    const showToolsBadge = connector.toolCount !== undefined || actualToolCount > 0 || toolsLoaded;
+    const closeBtnRef = useRef(null);
+    const categoryLabel = getCategoryLabel(connector.category);
+    const toolsBadge = toolsBadgeTranslation(toolCount);
+    const toolsBadgeLabel = t(toolsBadge.key, toolsBadge.vars);
+    function continueAuthorization(event) {
+        event.stopPropagation();
+        // `continueAuthorization`'s only call site (the "continue in browser"
+        // button below) only ever renders while `authorizationPending &&
+        // authorizationPending.redirectUrl` already holds in that same render,
+        // and React re-binds this closure fresh on every render — so a
+        // re-check here was dead code for every real click, removed rather
+        // than tested around (same pattern as this package's `ConnectorCard.tsx`
+        // precedent; see packages/ui/source-map.md's 2026-07-22 dated entry).
+        onOpenExternalUrl?.(authorizationPending.redirectUrl);
+    }
+    useEffect(() => {
+        function onKey(e) {
+            if (e.key === 'Escape') {
+                e.stopPropagation();
+                onClose();
+            }
+        }
+        document.addEventListener('keydown', onKey);
+        closeBtnRef.current?.focus();
+        const previousOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.removeEventListener('keydown', onKey);
+            document.body.style.overflow = previousOverflow;
+        };
+    }, [onClose]);
+    const statusTone = isAuthorizationPending ? 'pending' : connector.status;
+    return (_jsx("div", { className: "connector-drawer-backdrop", role: "presentation", onMouseDown: (e) => {
+            if (e.target === e.currentTarget)
+                onClose();
+        }, children: _jsxs("aside", { className: "connector-drawer", role: "dialog", "aria-modal": "true", "aria-labelledby": "connector-drawer-title", "data-testid": "connector-drawer", onClick: (e) => e.stopPropagation(), children: [_jsxs("header", { className: "connector-drawer-head", children: [_jsx(ConnectorLogo, { connectorId: connector.id, connectorName: connector.name, logoUrl: connector.logoUrl, size: "lg" }), _jsxs("div", { className: "connector-drawer-titles", children: [_jsxs("div", { className: "connector-drawer-eyebrow", children: [_jsx("span", { children: categoryLabel }), _jsx("span", { className: "connector-meta-dot", "aria-hidden": true, children: "\u00B7" }), _jsx("span", { children: connector.provider })] }), _jsx("h2", { id: "connector-drawer-title", children: connector.name }), _jsxs("div", { className: "connector-drawer-status", children: [_jsxs("span", { className: `connector-status-pill status-${statusTone}`, children: [_jsx("span", { className: "connector-status-dot", "aria-hidden": true }), isAuthorizationPending ? t('Authorization pending') : t(statusLabel(connector.status))] }), showToolsBadge ? (_jsx("span", { className: "connector-drawer-tool-count-chip", title: toolsBadgeLabel, children: _jsx("span", { children: toolsBadgeLabel }) })) : null] })] }), _jsx("button", { ref: closeBtnRef, type: "button", className: "ghost connector-drawer-close", onClick: onClose, "aria-label": t('Close'), "data-testid": "connector-drawer-close", children: _jsx(Icon, { name: "close", size: 14 }) })] }), _jsxs("div", { className: "connector-drawer-body", children: [connector.description ? (_jsxs("section", { className: "connector-drawer-section", children: [_jsx("h3", { className: "connector-drawer-section-title", children: t('About') }), _jsx("p", { className: "connector-drawer-description", children: connector.description }), isAuthorizationPending ? (_jsxs("div", { className: "connector-authorization-block", role: "status", children: [_jsx("p", { className: "connector-authorization-hint", children: t('Authorization in progress. It should finish shortly.') }), authorizationPending.redirectUrl ? (_jsx("button", { type: "button", className: "connector-authorization-link", onClick: continueAuthorization, children: resolvedContinueInBrowserLabel })) : null] })) : null] })) : null, authorizationError ? (_jsx("p", { className: "connector-authorization-hint connector-authorization-error", role: "alert", children: authorizationError })) : null, authorizationCancelFailed ? (_jsx("p", { className: "connector-authorization-hint connector-authorization-error", role: "alert", children: resolvedCancelFailedMessage })) : null, _jsxs("section", { className: "connector-drawer-section", children: [_jsxs("div", { className: "connector-drawer-section-head", children: [_jsx("h3", { className: "connector-drawer-section-title", children: t('Details') }), isConnected ? (_jsxs("button", { type: "button", className: `ghost connector-drawer-inline-action connector-action is-disconnect${isDisconnecting ? ' is-loading' : ''}`, disabled: !canDisconnect, "aria-busy": isDisconnecting || undefined, onClick: () => onDisconnect(connector.id), children: [isDisconnecting ? _jsx(Icon, { name: "spinner", size: 12 }) : null, _jsx("span", { children: t('Disconnect') })] })) : null] }), _jsxs("dl", { className: "connector-drawer-details", children: [_jsxs("div", { children: [_jsx("dt", { children: t('Status') }), _jsx("dd", { children: t(statusLabel(connector.status)) })] }), _jsxs("div", { children: [_jsx("dt", { children: t('Category') }), _jsx("dd", { children: categoryLabel })] }), _jsxs("div", { children: [_jsx("dt", { children: t('Provider') }), _jsx("dd", { children: connector.provider })] }), accountLabel ? (_jsxs("div", { children: [_jsx("dt", { children: t('Account') }), _jsx("dd", { children: accountLabel })] })) : null, connector.lastError ? (_jsxs("div", { className: "connector-drawer-details-error", children: [_jsx("dt", { children: t('Error') }), _jsx("dd", { children: connector.lastError })] })) : null] })] }), _jsxs("section", { className: "connector-drawer-section", children: [_jsxs("h3", { className: "connector-drawer-section-title", children: [t('Tools'), " ", _jsx("span", { className: "connector-drawer-count", children: toolCount })] }), isLoadingTools ? (_jsxs("p", { className: "connector-drawer-empty", children: [_jsx(Icon, { name: "spinner", size: 12 }), " ", t('Loading tools…')] })) : toolDetailsUnavailable ? (_jsx("p", { className: "connector-drawer-empty", children: t('Tool details unavailable ({count})', { count: toolCount }) })) : actualToolCount === 0 ? (_jsx("p", { className: "connector-drawer-empty", children: t('No tools available') })) : (_jsxs(_Fragment, { children: [_jsx("ul", { className: "connector-drawer-tools", children: connector.tools.map((tool) => (_jsxs("li", { className: "connector-drawer-tool", children: [_jsxs("div", { className: "connector-drawer-tool-head", children: [_jsx("span", { className: "connector-drawer-tool-title", children: tool.title || tool.name }), _jsx("span", { className: `connector-drawer-tool-badge side-${tool.safety.sideEffect}`, title: tool.safety.reason, children: tool.safety.sideEffect })] }), tool.description ? _jsx("p", { className: "connector-drawer-tool-desc", children: tool.description }) : null, _jsx("code", { className: "connector-drawer-tool-name", children: tool.name })] }, tool.name))) }), connector.toolsNextCursor ? (_jsx("button", { type: "button", className: "ghost connector-drawer-load-more", disabled: toolsPreviewLoading, onClick: () => onLoadMoreTools(connector.id, connector.toolsNextCursor), children: _jsx("span", { children: t('Load more tools') }) })) : null] }))] })] }), !isConnected ? (_jsxs("footer", { className: "connector-drawer-foot", children: [_jsxs("button", { type: "button", className: `primary connector-action is-connect${isConnecting || isAuthorizationPending ? ' is-loading' : ''}`, disabled: !canConnect, "aria-busy": isConnecting || isAuthorizationPending || undefined, onClick: () => onConnect(connector.id), children: [isConnecting || isAuthorizationPending ? _jsx(Icon, { name: "spinner", size: 12 }) : null, _jsx("span", { children: isAuthorizationPending ? t('Authorization pending') : t('Connect') })] }), isAuthorizationPending ? (_jsx("button", { type: "button", className: "ghost connector-action is-cancel-authorization", onClick: () => onCancelAuthorization(connector.id), children: _jsx("span", { children: t('Cancel authorization') }) })) : null] })) : null] }) }));
+}
+//# sourceMappingURL=ConnectorDetailDrawer.js.map

package/dist/features/connectors/components/ConnectorDetailDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorDetailDrawer.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorDetailDrawer.tsx"],"names":[],"mappings":"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"}

package/dist/features/connectors/components/ConnectorGate.d.ts

@@ -0,0 +1,10 @@
+export interface ConnectorGateProps {
+    title: string;
+    body: string;
+    ctaLabel: string;
+    ctaHref: string;
+    onClick?: () => void;
+}
+/** Locked/gated state shown when the host's provider isn't configured yet (e.g. no API key saved). */
+export declare function ConnectorGate({ title, body, ctaLabel, ctaHref, onClick }: ConnectorGateProps): import("react").JSX.Element;
+//# sourceMappingURL=ConnectorGate.d.ts.map

package/dist/features/connectors/components/ConnectorGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorGate.d.ts","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorGate.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,sGAAsG;AACtG,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,kBAAkB,+BAgB5F"}

package/dist/features/connectors/components/ConnectorGate.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../../../react/components/Icon.js';
+/** Locked/gated state shown when the host's provider isn't configured yet (e.g. no API key saved). */
+export function ConnectorGate({ title, body, ctaLabel, ctaHref, onClick }) {
+    return (_jsx("div", { className: "connector-gate", role: "region", "aria-label": title, "data-testid": "connector-gate", children: _jsxs("a", { className: "connector-gate-card", href: ctaHref, target: "_blank", rel: "noreferrer", onClick: onClick, children: [_jsx("div", { className: "connector-gate-icon", "aria-hidden": true, children: _jsx(Icon, { name: "settings", size: 20 }) }), _jsx("h3", { className: "connector-gate-title", children: title }), _jsx("p", { className: "connector-gate-body", children: body }), _jsxs("span", { className: "connector-gate-cta", children: [ctaLabel, _jsx(Icon, { name: "external-link", size: 12 })] })] }) }));
+}
+//# sourceMappingURL=ConnectorGate.js.map

package/dist/features/connectors/components/ConnectorGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorGate.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorGate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAUzD,sGAAsG;AACtG,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAsB;IAC3F,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,QAAQ,gBAAa,KAAK,iBAAc,gBAAgB,YAC3F,aAAG,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,aACjG,cAAK,SAAS,EAAC,qBAAqB,iCAClC,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAE,EAAE,GAAI,GAC9B,EACN,aAAI,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAM,EACjD,YAAG,SAAS,EAAC,qBAAqB,YAAE,IAAI,GAAK,EAC7C,gBAAM,SAAS,EAAC,oBAAoB,aACjC,QAAQ,EACT,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,GAAI,IAClC,IACL,GACA,CACP,CAAC;AACJ,CAAC"}

package/dist/features/connectors/components/ConnectorGrid.d.ts

@@ -0,0 +1,29 @@
+import type { Connector, ConnectorAction, ConnectorAuthorizationPendingState } from '../types.js';
+import { type ConnectorGateProps } from './ConnectorGate.js';
+export interface ConnectorGridProps {
+    connectors: readonly Connector[];
+    locked: boolean;
+    hasNoResults: boolean;
+    searchQuery: string;
+    pendingConnectorAction: {
+        connectorId: string;
+        action: ConnectorAction;
+    } | null;
+    authorizationPending: ConnectorAuthorizationPendingState;
+    authorizationCancelFailed: Record<string, boolean>;
+    toolsLoaded: boolean;
+    onConnect: (connectorId: string) => void;
+    onDisconnect: (connectorId: string) => void;
+    onCancelAuthorization: (connectorId: string) => void;
+    onOpenDetails: (connectorId: string) => void;
+    onOpenExternalUrl?: (url: string) => void;
+    getCategoryLabel?: (category: string) => string;
+    onClearSearch: () => void;
+    gate?: ConnectorGateProps;
+    emptyNoMatchTitle?: (query: string) => string;
+    emptyNoMatchBody?: string;
+    emptyNoMatchAction?: string;
+}
+/** Card grid + the search-empty-state and locked-gate overlays. */
+export declare function ConnectorGrid({ connectors, locked, hasNoResults, searchQuery, pendingConnectorAction, authorizationPending, authorizationCancelFailed, toolsLoaded, onConnect, onDisconnect, onCancelAuthorization, onOpenDetails, onOpenExternalUrl, getCategoryLabel, onClearSearch, gate, emptyNoMatchTitle, emptyNoMatchBody, emptyNoMatchAction, }: ConnectorGridProps): import("react").JSX.Element;
+//# sourceMappingURL=ConnectorGrid.d.ts.map

package/dist/features/connectors/components/ConnectorGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorGrid.d.ts","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AAElG,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE5E,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,SAAS,SAAS,EAAE,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,eAAe,CAAA;KAAE,GAAG,IAAI,CAAC;IAChF,oBAAoB,EAAE,kCAAkC,CAAC;IACzD,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnD,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,qBAAqB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,mEAAmE;AACnE,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,yBAAyB,EACzB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,kBAAkB,+BAwCpB"}

package/dist/features/connectors/components/ConnectorGrid.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from '../../i18n/index.js';
+import { ConnectorCard } from './ConnectorCard.js';
+import { ConnectorGate } from './ConnectorGate.js';
+/** Card grid + the search-empty-state and locked-gate overlays. */
+export function ConnectorGrid({ connectors, locked, hasNoResults, searchQuery, pendingConnectorAction, authorizationPending, authorizationCancelFailed, toolsLoaded, onConnect, onDisconnect, onCancelAuthorization, onOpenDetails, onOpenExternalUrl, getCategoryLabel, onClearSearch, gate, emptyNoMatchTitle, emptyNoMatchBody, emptyNoMatchAction, }) {
+    const t = useT();
+    const resolvedEmptyNoMatchTitle = emptyNoMatchTitle ?? ((query) => t('No connectors match "{query}"', { query }));
+    const resolvedEmptyNoMatchBody = emptyNoMatchBody ?? t('Try a different search term.');
+    const resolvedEmptyNoMatchAction = emptyNoMatchAction ?? t('Clear search');
+    return (_jsxs("div", { className: `connector-grid-wrap${locked ? ' is-masked' : ''}`, "data-testid": "connector-grid-wrap", children: [hasNoResults && !locked ? (_jsxs("div", { className: "tab-empty connectors-empty", role: "status", "aria-live": "polite", "data-testid": "connectors-empty", children: [_jsx("p", { className: "connectors-empty-title", children: resolvedEmptyNoMatchTitle(searchQuery.trim()) }), _jsx("p", { className: "connectors-empty-body", children: resolvedEmptyNoMatchBody }), _jsx("button", { type: "button", className: "ghost connectors-empty-action", onClick: onClearSearch, children: resolvedEmptyNoMatchAction })] })) : (_jsx("div", { className: "connector-grid", "aria-hidden": locked || undefined, children: connectors.map((connector) => (_jsx(ConnectorCard, { connector: connector, disabled: locked, pendingAction: pendingConnectorAction?.connectorId === connector.id ? pendingConnectorAction.action : null, authorizationPending: authorizationPending[connector.id], authorizationCancelFailed: authorizationCancelFailed[connector.id] === true, toolsLoaded: toolsLoaded, onConnect: onConnect, onDisconnect: onDisconnect, onCancelAuthorization: onCancelAuthorization, onOpenDetails: onOpenDetails, ...(getCategoryLabel ? { getCategoryLabel } : {}), ...(onOpenExternalUrl ? { onOpenExternalUrl } : {}) }, connector.id))) })), locked && gate ? _jsx(ConnectorGate, { ...gate }) : null] }));
+}
+//# sourceMappingURL=ConnectorGrid.js.map

package/dist/features/connectors/components/ConnectorGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorGrid.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAC;AAwB5E,mEAAmE;AACnE,MAAM,UAAU,aAAa,CAAC,EAC5B,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,yBAAyB,EACzB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,IAAI,EACJ,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACC;IACnB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,yBAAyB,GAC7B,iBAAiB,IAAI,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,CAAC,+BAA+B,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IAC1F,MAAM,wBAAwB,GAAG,gBAAgB,IAAI,CAAC,CAAC,8BAA8B,CAAC,CAAC;IACvF,MAAM,0BAA0B,GAAG,kBAAkB,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;IAC3E,OAAO,CACL,eAAK,SAAS,EAAE,sBAAsB,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,iBAAc,qBAAqB,aAClG,YAAY,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACzB,eAAK,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,kBAAkB,aACzG,YAAG,SAAS,EAAC,wBAAwB,YAAE,yBAAyB,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,GAAK,EACzF,YAAG,SAAS,EAAC,uBAAuB,YAAE,wBAAwB,GAAK,EACnE,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,aAAa,YACnF,0BAA0B,GACpB,IACL,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,gBAAgB,iBAAc,MAAM,IAAI,SAAS,YAC7D,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC7B,KAAC,aAAa,IAEZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,sBAAsB,EAAE,WAAW,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC1G,oBAAoB,EAAE,oBAAoB,CAAC,SAAS,CAAC,EAAE,CAAC,EACxD,yBAAyB,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,IAAI,EAC3E,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,KACxB,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC9C,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAZ/C,SAAS,CAAC,EAAE,CAajB,CACH,CAAC,GACE,CACP,EACA,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IAChD,CACP,CAAC;AACJ,CAAC"}

package/dist/features/connectors/components/ConnectorLogo.d.ts

@@ -0,0 +1,15 @@
+export interface ConnectorLogoProps {
+    connectorId: string;
+    connectorName: string;
+    /** Host-resolved logo URL. Falls back to an initials tile when absent or on load failure. */
+    logoUrl?: string | undefined;
+    size?: 'sm' | 'lg';
+}
+/**
+ * Connector brand mark. Tries the host-resolved logo URL and gracefully
+ * degrades to a colored initials tile if it's absent or fails to load.
+ * Decorative by default — the surrounding caption (card title / drawer
+ * heading) is the accessible label.
+ */
+export declare function ConnectorLogo({ connectorId, connectorName, logoUrl, size }: ConnectorLogoProps): import("react").JSX.Element;
+//# sourceMappingURL=ConnectorLogo.d.ts.map

package/dist/features/connectors/components/ConnectorLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorLogo.d.ts","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorLogo.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,IAAW,EAAE,EAAE,kBAAkB,+BA4CrG"}

package/dist/features/connectors/components/ConnectorLogo.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { fallbackLogoInitials, fallbackLogoPaletteIndex } from '../rules.js';
+const FALLBACK_PALETTE_SIZE = 6;
+/**
+ * Connector brand mark. Tries the host-resolved logo URL and gracefully
+ * degrades to a colored initials tile if it's absent or fails to load.
+ * Decorative by default — the surrounding caption (card title / drawer
+ * heading) is the accessible label.
+ */
+export function ConnectorLogo({ connectorId, connectorName, logoUrl, size = 'sm' }) {
+    const imageRef = useRef(null);
+    const [state, setState] = useState(logoUrl ? 'pending' : 'error');
+    useEffect(() => {
+        if (!logoUrl) {
+            setState('error');
+            return;
+        }
+        setState('pending');
+        const image = imageRef.current;
+        if (image?.complete) {
+            setState(image.naturalWidth > 0 ? 'loaded' : 'error');
+        }
+    }, [logoUrl]);
+    const initials = fallbackLogoInitials(connectorName);
+    const palette = fallbackLogoPaletteIndex(connectorId || connectorName, FALLBACK_PALETTE_SIZE);
+    const showImage = Boolean(logoUrl) && state !== 'error';
+    return (_jsxs("span", { className: `connector-logo size-${size} state-${state}${showImage ? '' : ' is-fallback'}`, "data-palette": palette, "aria-hidden": "true", children: [showImage ? (_jsx("img", { ref: imageRef, className: "connector-logo-img", src: logoUrl, alt: "", loading: "lazy", decoding: "async", referrerPolicy: "no-referrer", draggable: false, onLoad: () => setState('loaded'), onError: () => setState('error') }, logoUrl)) : null, _jsx("span", { className: "connector-logo-fallback", children: initials })] }));
+}
+//# sourceMappingURL=ConnectorLogo.js.map

package/dist/features/connectors/components/ConnectorLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorLogo.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE7E,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAUhC;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,EAAsB;IACpG,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAElG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,KAAK,EAAE,QAAQ,EAAE,CAAC;YACpB,QAAQ,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,QAAQ,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,wBAAwB,CAAC,WAAW,IAAI,aAAa,EAAE,qBAAqB,CAAC,CAAC;IAC9F,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,KAAK,KAAK,OAAO,CAAC;IAExD,OAAO,CACL,gBACE,SAAS,EAAE,uBAAuB,IAAI,UAAU,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,kBAC3E,OAAO,iBACT,MAAM,aAEjB,SAAS,CAAC,CAAC,CAAC,CACX,cAEE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,OAAO,EACZ,GAAG,EAAC,EAAE,EACN,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,EAChB,cAAc,EAAC,aAAa,EAC5B,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,IAV3B,OAAO,CAWZ,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAQ,IACtD,CACR,CAAC;AACJ,CAAC"}

package/dist/features/connectors/components/ConnectorSearchBar.d.ts

@@ -0,0 +1,11 @@
+export interface ConnectorSearchBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    onFocus?: () => void;
+    placeholder?: string;
+    ariaLabel?: string;
+    clearAriaLabel?: string;
+}
+export declare function ConnectorSearchBar({ value, onChange, disabled, onFocus, placeholder, ariaLabel, clearAriaLabel, }: ConnectorSearchBarProps): import("react").JSX.Element;
+//# sourceMappingURL=ConnectorSearchBar.d.ts.map

package/dist/features/connectors/components/ConnectorSearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorSearchBar.d.ts","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorSearchBar.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,GACf,EAAE,uBAAuB,+BAiDzB"}

package/dist/features/connectors/components/ConnectorSearchBar.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useT } from '../../i18n/index.js';
+import { Icon } from '../../../react/components/Icon.js';
+export function ConnectorSearchBar({ value, onChange, disabled = false, onFocus, placeholder, ariaLabel, clearAriaLabel, }) {
+    const t = useT();
+    const resolvedPlaceholder = placeholder ?? t('Search connectors');
+    const resolvedAriaLabel = ariaLabel ?? t('Search connectors');
+    const resolvedClearAriaLabel = clearAriaLabel ?? t('Clear search');
+    const inputRef = useRef(null);
+    const hasQuery = value.trim().length > 0;
+    function onKeyDown(event) {
+        if (event.key === 'Escape' && value) {
+            event.preventDefault();
+            event.stopPropagation();
+            onChange('');
+        }
+    }
+    return (_jsxs("div", { className: "toolbar-search connectors-search", children: [_jsx("span", { className: "search-icon", "aria-hidden": true, children: _jsx(Icon, { name: "search", size: 13 }) }), _jsx("input", { ref: inputRef, type: "search", value: value, onFocus: onFocus, onChange: (event) => onChange(event.target.value), onKeyDown: onKeyDown, placeholder: resolvedPlaceholder, "aria-label": resolvedAriaLabel, disabled: disabled, "data-testid": "connectors-search-input" }), hasQuery ? (_jsx("button", { type: "button", className: "toolbar-search-clear", "aria-label": resolvedClearAriaLabel, onClick: () => {
+                    onChange('');
+                    inputRef.current?.focus();
+                }, "data-testid": "connectors-search-clear", children: _jsx(Icon, { name: "close", size: 12 }) })) : null] }));
+}
+//# sourceMappingURL=ConnectorSearchBar.js.map

package/dist/features/connectors/components/ConnectorSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectorSearchBar.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ConnectorSearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAYzD,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,GACU;IACxB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,mBAAmB,GAAG,WAAW,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAClE,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC9D,MAAM,sBAAsB,GAAG,cAAc,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,SAAS,SAAS,CAAC,KAA2C;QAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,EAAE,CAAC;YACpC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAM,SAAS,EAAC,aAAa,iCAC3B,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,GAC3B,EACP,gBACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,mBAAmB,gBACpB,iBAAiB,EAC7B,QAAQ,EAAE,QAAQ,iBACN,yBAAyB,GACrC,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sBAAsB,gBACpB,sBAAsB,EAClC,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC5B,CAAC,iBACW,yBAAyB,YAErC,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GACxB,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/features/connectors/components/ProviderTabBar.d.ts

@@ -0,0 +1,10 @@
+import type { ProviderTab } from '../types.js';
+export interface ProviderTabBarProps {
+    tabs: readonly ProviderTab[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    ariaLabel?: string;
+}
+/** Config-driven provider-tab bar. A single-provider host still renders one tab. */
+export declare function ProviderTabBar({ tabs, selectedId, onSelect, ariaLabel }: ProviderTabBarProps): import("react").JSX.Element;
+//# sourceMappingURL=ProviderTabBar.d.ts.map

package/dist/features/connectors/components/ProviderTabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderTabBar.d.ts","sourceRoot":"","sources":["../../../../src/features/connectors/components/ProviderTabBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oFAAoF;AACpF,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,mBAAmB,+BAuB5F"}

package/dist/features/connectors/components/ProviderTabBar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useT } from '../../i18n/index.js';
+/** Config-driven provider-tab bar. A single-provider host still renders one tab. */
+export function ProviderTabBar({ tabs, selectedId, onSelect, ariaLabel }) {
+    const t = useT();
+    const resolvedAriaLabel = ariaLabel ?? t('Connector provider');
+    return (_jsx("div", { className: "connectors-provider-tabs", role: "tablist", "aria-label": resolvedAriaLabel, children: tabs.map((tab) => {
+            const active = tab.id === selectedId;
+            return (_jsx("button", { type: "button", role: "tab", "aria-selected": active, className: `connectors-provider-tab${active ? ' is-active' : ''}`, onClick: () => onSelect(tab.id), "data-testid": `connectors-provider-tab-${tab.id}`, children: t(tab.label) }, tab.id));
+        }) }));
+}
+//# sourceMappingURL=ProviderTabBar.js.map

package/dist/features/connectors/components/ProviderTabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderTabBar.js","sourceRoot":"","sources":["../../../../src/features/connectors/components/ProviderTabBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAU3C,oFAAoF;AACpF,MAAM,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAuB;IAC3F,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,iBAAiB,GAAG,SAAS,IAAI,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAC/D,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,SAAS,gBAAa,iBAAiB,YACnF,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,UAAU,CAAC;YACrC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,SAAS,EAAE,0BAA0B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EACjE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,iBAClB,2BAA2B,GAAG,CAAC,EAAE,EAAE,YAE/C,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IARR,GAAG,CAAC,EAAE,CASJ,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/features/connectors/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const CONNECTOR_AUTH_PENDING_STORAGE_KEY = "jini-connectors-authorization-pending";
+export declare const CONNECTOR_AUTH_PENDING_POLL_MS = 2000;
+export declare const CONNECTOR_TOOL_PREVIEW_LIMIT = 50;
+export declare const AUTHORIZATION_CANCEL_FAILED_MESSAGE = "Couldn't cancel authorization. Try again.";
+export declare const CONNECTOR_AUTH_CONTINUE_LABEL = "Continue in browser";
+/**
+ * Default single-tab provider config, kept only so the feature renders
+ * something sensible out of the box. A real host supplies its own
+ * `providerTabs` prop — see `ConnectorsBrowserProps`. Per the canary plan,
+ * the ~90-entry Composio category->i18n label map was dropped as OD-specific
+ * data; a host supplies its own `getCategoryLabel`.
+ */
+export declare const DEFAULT_PROVIDER_TABS: {
+    id: string;
+    label: string;
+    match: () => boolean;
+}[];
+export declare const DEFAULT_PROVIDER_TAB_ID = "default";
+//# sourceMappingURL=constants.d.ts.map

package/dist/features/connectors/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/features/connectors/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,0CAA0C,CAAC;AAC1F,eAAO,MAAM,8BAA8B,OAAQ,CAAC;AACpD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAC/C,eAAO,MAAM,mCAAmC,8CAA8C,CAAC;AAC/F,eAAO,MAAM,6BAA6B,wBAAwB,CAAC;AAEnE;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB;;;;GAMjC,CAAC;AAEF,eAAO,MAAM,uBAAuB,YAAY,CAAC"}

package/dist/features/connectors/constants.js

@@ -0,0 +1,21 @@
+export const CONNECTOR_AUTH_PENDING_STORAGE_KEY = 'jini-connectors-authorization-pending';
+export const CONNECTOR_AUTH_PENDING_POLL_MS = 2_000;
+export const CONNECTOR_TOOL_PREVIEW_LIMIT = 50;
+export const AUTHORIZATION_CANCEL_FAILED_MESSAGE = "Couldn't cancel authorization. Try again.";
+export const CONNECTOR_AUTH_CONTINUE_LABEL = 'Continue in browser';
+/**
+ * Default single-tab provider config, kept only so the feature renders
+ * something sensible out of the box. A real host supplies its own
+ * `providerTabs` prop — see `ConnectorsBrowserProps`. Per the canary plan,
+ * the ~90-entry Composio category->i18n label map was dropped as OD-specific
+ * data; a host supplies its own `getCategoryLabel`.
+ */
+export const DEFAULT_PROVIDER_TABS = [
+    {
+        id: 'default',
+        label: 'All',
+        match: () => true,
+    },
+];
+export const DEFAULT_PROVIDER_TAB_ID = 'default';
+//# sourceMappingURL=constants.js.map

package/dist/features/connectors/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/features/connectors/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kCAAkC,GAAG,uCAAuC,CAAC;AAC1F,MAAM,CAAC,MAAM,8BAA8B,GAAG,KAAK,CAAC;AACpD,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAC/C,MAAM,CAAC,MAAM,mCAAmC,GAAG,2CAA2C,CAAC;AAC/F,MAAM,CAAC,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC"}

package/dist/features/connectors/dependencies.d.ts

@@ -0,0 +1,17 @@
+import type { Connector } from './types.js';
+import type { ConnectorAuthBridgePort, ConnectorAuthPendingStoragePort, ConnectorsDependencies, ConnectorsPort } from './ports.js';
+export interface FakeConnectorsPortOptions {
+    connectors?: Connector[];
+    /** Simulated network latency in ms; 0 (default) resolves synchronously. */
+    latencyMs?: number;
+}
+/**
+ * An in-memory test double: connect/disconnect mutate a local array and
+ * report `connected`/`available` directly (no real OAuth round trip). Good
+ * enough for demos and for driving this feature's own hook/component tests.
+ */
+export declare function createFakeConnectorsPort(options?: FakeConnectorsPortOptions): ConnectorsPort;
+export declare function createBrowserConnectorAuthPendingStorage(): ConnectorAuthPendingStoragePort;
+export declare function createBrowserConnectorAuthBridge(): ConnectorAuthBridgePort;
+export declare function createFakeConnectorsDependencies(options?: FakeConnectorsPortOptions): ConnectorsDependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/features/connectors/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/features/connectors/dependencies.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,SAAS,EAIV,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EACV,uBAAuB,EACvB,+BAA+B,EAC/B,sBAAsB,EACtB,cAAc,EAEf,MAAM,YAAY,CAAC;AAIpB,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,GAAE,yBAA8B,GAAG,cAAc,CA8ChG;AAED,wBAAgB,wCAAwC,IAAI,+BAA+B,CAyB1F;AAID,wBAAgB,gCAAgC,IAAI,uBAAuB,CA6B1E;AAED,wBAAgB,gCAAgC,CAC9C,OAAO,GAAE,yBAA8B,GACtC,sBAAsB,CAMxB"}