@opengeni/react 0.57.0 → 1.0.2-canary.37191796234001

package/dist/components/usage-limit-notice.d.ts

@@ -0,0 +1,49 @@
+import type { UsageAllowancePeriod, WorkspaceUsageResponse } from "@opengeni/sdk/usage-allowances";
+import { type ReactNode } from "react";
+import { type UsageClientLike } from "../hooks/use-usage.js";
+import { type AllowanceLabels } from "../usage/allowance-copy.js";
+import { type UsageSummary } from "../usage/summary.js";
+export type UsageLimitNoticeLabels = AllowanceLabels & {
+    /** "You've used 85% of your usage limit." */
+    memberWarning: (percent: string) => string;
+    /** "This workspace has used 85% of its usage budget." */
+    workspaceWarning: (percent: string) => string;
+    memberExhausted: string;
+    workspaceExhausted: string;
+    dismiss: string;
+};
+export declare const DEFAULT_USAGE_LIMIT_NOTICE_LABELS: UsageLimitNoticeLabels;
+type NoticeBaseProps = {
+    labels?: Partial<UsageLimitNoticeLabels> | undefined;
+    /**
+     * Your own next step beside the message, for example an "Upgrade" or
+     * "Request more" button. Receives the summary so it can differ by scope.
+     */
+    action?: ((summary: UsageSummary) => ReactNode) | undefined;
+    /**
+     * Remember a dismissed warning for this browser tab. The key should name the
+     * workspace; the period and scope are added for you, so a new warning (or a
+     * new period) shows again. Reaching the limit is never dismissible.
+     */
+    dismissStorageKey?: string | undefined;
+    className?: string | undefined;
+};
+export type UsageLimitNoticeProps = NoticeBaseProps & {
+    /** A usage response you already loaded; omit it to read `/usage/me`. */
+    usage?: WorkspaceUsageResponse | null | undefined;
+    client?: UsageClientLike | undefined;
+    workspaceId?: string | undefined;
+    period?: UsageAllowancePeriod | undefined;
+    refreshKey?: unknown;
+};
+/**
+ * A calm line for the composer when a member is close to, or at, a usage
+ * limit: what happened, who can raise it, and when it resets. Renders nothing
+ * while usage is comfortable, unlimited, loading, or unreadable.
+ */
+export declare function UsageLimitNotice({ usage, client, workspaceId, period, refreshKey, ...view }: UsageLimitNoticeProps): import("react").JSX.Element;
+/** Presentational notice for a summary you computed (`summarizeUsage`). */
+export declare function UsageLimitNoticeView({ summary, labels: overrides, action, dismissStorageKey, className, }: NoticeBaseProps & {
+    summary: UsageSummary | null;
+}): import("react").JSX.Element | null;
+export {};

package/dist/components/usage-member-list.d.ts

@@ -0,0 +1,91 @@
+import type { MemberAllowanceDefault, MemberAllowanceRule, MemberAllowanceUsage, WorkspaceUsageResponse } from "@opengeni/sdk/usage-allowances";
+/** How a member is named in the list. Usage rows carry only a subject id. */
+export type UsageMemberIdentity = {
+    name: string;
+    /** A second line: an email, a role, or "You". */
+    detail?: string | null | undefined;
+};
+/**
+ * Opt in to fixed-amount limits. Amounts are USD micros on the wire; your
+ * format/parse decide the unit people type ("$50.00", "500 credits").
+ */
+export type UsageAmountFormat = {
+    format: (micros: number) => string;
+    /** Returns micros, or null when the text is not a valid amount. */
+    parse: (text: string) => number | null;
+    /** Shown before the input, for example "$". */
+    prefix?: string | undefined;
+    /** The amount input's step in the person's unit. */
+    step?: number | undefined;
+};
+export type UsageMemberListLabels = {
+    listLabel: string;
+    used: (percent: string) => string;
+    noLimitUsed: string;
+    amounts: (used: string, limit: string) => string;
+    nearLimit: string;
+    limitReached: string;
+    limit: string;
+    defaultEqualShare: (percent: string) => string;
+    defaultNone: string;
+    defaultShare: (percent: string) => string;
+    defaultAmount: (amount: string) => string;
+    share: (percent: string) => string;
+    amount: (amount: string) => string;
+    fixedAmountHidden: string;
+    edit: (name: string) => string;
+    editorTitle: (name: string) => string;
+    optionDefault: string;
+    optionShare: string;
+    optionAmount: string;
+    fixedAmountHint: string;
+    shareSlider: string;
+    shareInput: string;
+    amountInput: string;
+    equalShareMultiple: (multiple: string) => string;
+    sameAsEqualShare: string;
+    atBudget: (amount: string) => string;
+    save: string;
+    saving: string;
+    cancel: string;
+    saveFailed: string;
+    invalidAmount: string;
+    totalWithin: (percent: string) => string;
+    totalOver: (percent: string) => string;
+    oversubscribedHelp: string;
+    unlimitedMembers: (count: number) => string;
+    empty: string;
+};
+export declare const DEFAULT_USAGE_MEMBER_LIST_LABELS: UsageMemberListLabels;
+export type UsageMemberListProps = {
+    /** The full roster for one period (`getAllUsage` / every `getUsage` page). */
+    usage: WorkspaceUsageResponse;
+    /** The workspace's `memberDefault`, to name what "default" means. */
+    memberDefault?: MemberAllowanceDefault | null | undefined;
+    /** Name a member. Defaults to the external id, then the subject id. */
+    describe?: ((member: MemberAllowanceUsage) => UsageMemberIdentity) | undefined;
+    /**
+     * Save a member's rule (`null` restores the default). Omit for a read-only
+     * list. Run it on your backend: member limits need workspace admin authority.
+     */
+    onChangeRule?: ((member: MemberAllowanceUsage, rule: MemberAllowanceRule) => Promise<void>) | undefined;
+    /** Opt in to amounts and fixed-amount limits. Shares only without it. */
+    amounts?: UsageAmountFormat | undefined;
+    labels?: Partial<UsageMemberListLabels> | undefined;
+    /** Draw the list's own border. Turn off inside a card that already has one. */
+    framed?: boolean | undefined;
+    className?: string | undefined;
+};
+/** Words for a member's current limit, from their override or the default. */
+export declare function describeMemberLimit(member: Pick<MemberAllowanceUsage, "rule" | "limit">, context: {
+    memberDefault: MemberAllowanceDefault | null | undefined;
+    shareBase: number;
+    amounts?: UsageAmountFormat | undefined;
+    labels?: Partial<UsageMemberListLabels> | undefined;
+}): string;
+/**
+ * Every member's usage against their own limit, with an optional editor:
+ * a share-of-budget slider (default), a fixed amount, or the workspace
+ * default. Oversubscription is shown, never blocked.
+ */
+export declare function UsageMemberList({ usage, memberDefault, describe, onChangeRule, amounts, labels: overrides, framed, className, }: UsageMemberListProps): import("react").JSX.Element;

package/dist/components/usage-meter.d.ts

@@ -0,0 +1,73 @@
+import type { UsageAllowancePeriod, WorkspaceUsageResponse } from "@opengeni/sdk/usage-allowances";
+import { type UsageClientLike } from "../hooks/use-usage.js";
+import { type AllowanceLabels } from "../usage/allowance-copy.js";
+import { type UsageSummary } from "../usage/summary.js";
+export type UsageMeterLabels = AllowanceLabels & {
+    /** Heading for the member's own ceiling. */
+    title: string;
+    /** Heading when only the shared workspace pool applies. */
+    workspaceTitle: string;
+    /** "38% left" — `percent` is preformatted ("38", "<1"). */
+    left: (percent: string) => string;
+    /** "62% used". */
+    used: (percent: string) => string;
+    limitReached: string;
+    /** Status chip beside a hero meter that is close to its limit. */
+    nearLimit: string;
+    /** "$13.00 left" for a hero meter with amounts. */
+    amountLeft: (amount: string) => string;
+    /** No ceiling applies to this member. */
+    unlimited: string;
+    loading: string;
+    error: string;
+    retry: string;
+    /** "$31.00 of $50.00 used" when the host passes `formatAmount`. */
+    amounts: (used: string, limit: string) => string;
+    /** The shared pool, under a member's own meter: "Workspace: 9% left". */
+    workspaceLine: (value: string) => string;
+};
+export declare const DEFAULT_USAGE_METER_LABELS: UsageMeterLabels;
+export type UsageMeterBaseProps = {
+    /** "left" (default) reads like a battery; "used" reads like spend. */
+    measure?: "left" | "used" | undefined;
+    /**
+     * Opt in to amounts. Receives USD micros; return your own unit ("$31.00",
+     * "3.1 credits", "1.5× plan"). Without it the meter shows only shares.
+     */
+    formatAmount?: ((micros: number) => string) | undefined;
+    labels?: Partial<UsageMeterLabels> | undefined;
+    /**
+     * `compact` is one line for menus and headers; `hero` leads a page with the
+     * amount (or share) left in large type. An empty `labels.title` hides the
+     * heading when the page already names it.
+     */
+    density?: "default" | "compact" | "hero" | undefined;
+    /** Show the shared pool under the member's own meter when it is the tighter one. Default true. */
+    showWorkspace?: boolean | undefined;
+    className?: string | undefined;
+};
+export type UsageMeterProps = UsageMeterBaseProps & {
+    /**
+     * A usage response you already loaded (for example from `useUsage`).
+     * Omit it to let the meter read `/usage/me` itself.
+     */
+    usage?: WorkspaceUsageResponse | null | undefined;
+    client?: UsageClientLike | undefined;
+    workspaceId?: string | undefined;
+    period?: UsageAllowancePeriod | undefined;
+    /** Re-read when this changes (see `useUsage`). */
+    refreshKey?: unknown;
+};
+/**
+ * The signed-in member's own usage: how much of their limit is left and when
+ * it resets. Shares only by default; hosts opt in to amounts.
+ */
+export declare function UsageMeter({ usage, client, workspaceId, period, refreshKey, ...view }: UsageMeterProps): import("react").JSX.Element;
+export type UsageMeterViewProps = UsageMeterBaseProps & {
+    summary: UsageSummary | null;
+    loading?: boolean | undefined;
+    error?: Error | null | undefined;
+    onRetry?: (() => void) | undefined;
+};
+/** Presentational meter for a summary you computed (`summarizeUsage`). */
+export declare function UsageMeterView({ summary, loading, error, onRetry, measure, formatAmount, labels: overrides, density, showWorkspace, className, }: UsageMeterViewProps): import("react").JSX.Element;

package/dist/components/use-viewer-menu-dismiss.d.ts

@@ -0,0 +1,2 @@
+/** Keep native details menus dismissible without letting Escape close the dock. */
+export declare function useViewerMenuDismiss(enabled?: boolean): import("react").RefObject<HTMLDetailsElement | null>;

package/dist/components/user-message-body.d.ts

@@ -1,6 +1,13 @@
 import { type ReactNode } from "react";
 type RestoreDisclosureAnchor = (() => void) | null;
+export type UserMessageDisclosureLabels = {
+    /** Collapsed disclosure action. Defaults to "Show more". */
+    showMore?: string | undefined;
+    /** Expanded disclosure action. Defaults to "Show less". */
+    showLess?: string | undefined;
+};
 export type UserMessageDisclosureContextValue = {
+    labels?: UserMessageDisclosureLabels | undefined;
     expandedByMessageId: Map<string, boolean>;
     beginChange: (messageBody: HTMLElement, disclosureControl: HTMLElement) => RestoreDisclosureAnchor;
 };
@@ -21,6 +28,8 @@ export type UserMessageBodyProps = {
     text: string;
     children: ReactNode;
     className?: string | undefined;
+    /** Per-field overrides for timeline labels, then the English defaults. */
+    disclosureLabels?: UserMessageDisclosureLabels | undefined;
 };
 /**
  * Lossless disclosure boundary for already-sent user-message text.
@@ -32,5 +41,5 @@ export type UserMessageBodyProps = {
  * remembers expansion per durable message id and preserves the reader's scroll
  * anchor when height changes.
  */
-export declare function UserMessageBody({ messageId, text, children, className }: UserMessageBodyProps): import("react").JSX.Element;
+export declare function UserMessageBody({ messageId, text, children, className, disclosureLabels, }: UserMessageBodyProps): import("react").JSX.Element;
 export {};

package/dist/components/workspace-dock.d.ts

@@ -2,6 +2,10 @@ import { type ReactNode } from "react";
 export type WorkspaceTab = {
     id: string;
     label: ReactNode;
+    /** Optional icon used by the compact activity rail. */
+    icon?: ReactNode | undefined;
+    /** Accessible name when `label` is not plain text. */
+    ariaLabel?: string | undefined;
     /** Rendered as the active surface. */
     content: ReactNode;
     /** A small badge after the label (e.g. dirty count, live pill). */
@@ -17,9 +21,9 @@ export type WorkspaceDockProps = {
     /** Controlled collapsed state for hosts that expose their own dock toggle. */
     collapsed?: boolean | undefined;
     onCollapsedChange?: ((collapsed: boolean) => void) | undefined;
-    /** Keep the built-in collapse control when the host controls collapsed state. */
+    /** Keep the panel-local Hide workspace control when the host controls collapsed state. */
     showCollapseControl?: boolean | undefined;
-    /** A status accessory pinned to the right of the tab strip, left of the
+    /** A status accessory pinned to the right of the workspace header, left of the
      *  maximize/collapse controls (e.g. the machine-state chip). Renders in both
      *  the docked header and the full-screen overlay header. */
     headerAccessory?: ReactNode | undefined;

package/dist/composer.d.ts

@@ -4,13 +4,14 @@
  * `import * as Composer from "@opengeni/react/composer"`.
  */
 export { OPEN_WORKSTREAM_CONTROL_EVENT } from "./workstream-control-event.js";
-export { BillingClassMark, ModelPolicyPicker, ModelPolicyPickerMenu, PickerAnimatedPage, PickerBackHeader, PickerNavRow, defaultModelPolicyPickerMessages, } from "./components/model-policy-picker.js";
-export type { ModelPolicyPickerMessages, ModelPolicyPickerProps, } from "./components/model-policy-picker.js";
-export { Actions, AttachButton, Attachments, CommandPalette, Confirmation, Controls, Footer, Frame, Help, Hint, Input, ModelPicker, PauseButton, PausedState, RestoredResources, Root, SendButton, Status, Surface, defaultChatComposerMessages, useChatComposer, useChatComposerController, } from "./components/composer.js";
-export type { ChatComposerController, ChatComposerContextValue, ChatComposerMessages, ComposerActionsProps, ComposerAttachButtonProps, ComposerCommandPaletteProps, ComposerControlLinks, ComposerControlState, ComposerControlsProps, ComposerDelivery, ComposerDraftState, ComposerFooterProps, ComposerFrameProps, ComposerHintProps, ComposerInputProps, ComposerModelPickerProps, ComposerPauseButtonProps, ComposerRootProps, ComposerSendButtonProps, ComposerSubmitBlocker, ComposerSubmitMode, ComposerSurfaceProps, ResponsiveBasis, UseChatComposerControllerOptions, } from "./components/composer.js";
+export { BillingClassMark, ModelPolicyPicker, PickerAnimatedPage, PickerBackHeader, PickerNavRow, defaultModelPolicyPickerMessages, } from "./components/model-policy-picker.js";
+export type { ModelPolicyPickerMessages, ModelPolicyPickerProps, ModelPolicyPickerGroupPresentation, } from "./components/model-policy-picker.js";
+export { Actions, AttachButton, Attachments, CommandPalette, Confirmation, Controls, Footer, Frame, Help, Hint, Input, ModelPicker, PauseButton, PausedState, RestoredResources, Root, SendButton, Status, StopButton, Surface, defaultChatComposerMessages, useChatComposer, useChatComposerController, } from "./components/composer.js";
+export type { ChatComposerController, ChatComposerContextValue, ChatComposerMessages, ComposerActionsProps, ComposerAttachButtonProps, ComposerCommandPaletteProps, ComposerControlLinks, ComposerControlState, ComposerControlsProps, ComposerDelivery, ComposerDraftState, ComposerFooterProps, ComposerFrameProps, ComposerHintProps, ComposerInputProps, ComposerModelPickerProps, ComposerPauseButtonProps, ComposerRootProps, ComposerRunControl, ComposerSendButtonProps, ComposerStopButtonProps, ComposerSubmitBlocker, ComposerSubmitMode, ComposerSurfaceProps, ResponsiveBasis, UseChatComposerControllerOptions, } from "./components/composer.js";
 export { ComposerTranscriptionControl } from "./components/composer-transcription-control.js";
 export type { ComposerTranscriptionControlProps, ComposerTranscriptionMessages, } from "./components/composer-transcription-control.js";
 export { VOICE_RECORDING_CLIENT_MAX_DURATION_SECONDS, VOICE_RECORDING_OWNER_HEARTBEAT_MILLISECONDS, VOICE_RECORDING_OWNER_STALE_MILLISECONDS, VOICE_RECORDING_TIMESLICE_MILLISECONDS, useVoiceInput, } from "./hooks/use-voice-input.js";
 export type { UseVoiceInputOptions, UseVoiceInputResult, VoiceInputStatus, } from "./hooks/use-voice-input.js";
 export { IndexedDbVoiceRecordingStore, VoiceRecordingChunkConflictError, VoiceRecordingChunkSequenceError, VoiceRecordingNotFoundError, VoiceRecordingOwnedError, VoiceRecordingStorageUnavailableError, createVoiceRecordingManifest, planVoiceRecordingChunkCommit, prepareVoiceRecordingChunk, } from "./voice-recording-store.js";
 export type { PersistVoiceRecordingChunkInput, PersistVoiceRecordingChunkResult, VoiceRecordingCaptureState, VoiceRecordingChunk, VoiceRecordingChunkUploadState, VoiceRecordingFinalizationState, VoiceRecordingHandoffMode, VoiceRecordingManifest, VoiceRecordingRecoveryMode, VoiceRecordingStore, VoiceRecordingTranscriptionState, VoiceRecordingUploadState, } from "./voice-recording-store.js";
+export { ModelPolicyPickerMenu } from "./components/model-policy-picker-menu.js";

package/dist/composer.js

@@ -1,3 +1,6 @@
+import {
+  ModelPolicyPickerMenu
+} from "./chunk-FFA2OVOV.js";
 import {
   Actions,
   AttachButton,
@@ -20,6 +23,7 @@ import {
   Root,
   SendButton,
   Status,
+  StopButton,
   Surface,
   VOICE_RECORDING_CLIENT_MAX_DURATION_SECONDS,
   VOICE_RECORDING_OWNER_HEARTBEAT_MILLISECONDS,
@@ -37,23 +41,24 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-5UQPNLIO.js";
-import "./chunk-IGC6A2ZI.js";
+} from "./chunk-23J2ZNXT.js";
+import "./chunk-Q5QBEZIQ.js";
+import "./chunk-BRM6FVZA.js";
 import {
   BillingClassMark,
   ModelPolicyPicker,
-  ModelPolicyPickerMenu,
   PickerAnimatedPage,
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-MKPIAGVL.js";
-import "./chunk-XBZWOM2K.js";
-import "./chunk-FK6VG4LL.js";
+} from "./chunk-CR7U7HAR.js";
+import "./chunk-K3HQAKQX.js";
+import "./chunk-XUW2UWQM.js";
 import "./chunk-VZTQ73XT.js";
-import "./chunk-KZ73RL76.js";
-import "./chunk-C5ZPSSS5.js";
-import "./chunk-LAKLF4PA.js";
+import "./chunk-UTRTG6LH.js";
+import "./chunk-YQEAA6LT.js";
+import "./chunk-UGLEYEMP.js";
+import "./chunk-NEXLLTP4.js";
 import "./chunk-22KP6LR5.js";
 export {
   Actions,
@@ -83,6 +88,7 @@ export {
   Root,
   SendButton,
   Status,
+  StopButton,
   Surface,
   VOICE_RECORDING_CLIENT_MAX_DURATION_SECONDS,
   VOICE_RECORDING_OWNER_HEARTBEAT_MILLISECONDS,

package/dist/computer-viewer-ENHVAZ2Q.js

@@ -0,0 +1,19 @@
+import {
+  ComputerViewer,
+  computerKey
+} from "./chunk-JFNEV4LU.js";
+import "./chunk-NZUI76EM.js";
+import "./chunk-JVYQRRC4.js";
+import "./chunk-DYWBUX5Q.js";
+import "./chunk-RHREZ7BO.js";
+import "./chunk-5J4FOW6Q.js";
+import "./chunk-YQEAA6LT.js";
+import "./chunk-UGLEYEMP.js";
+import "./chunk-NEXLLTP4.js";
+import "./chunk-JT4JW7BC.js";
+import "./chunk-22KP6LR5.js";
+export {
+  ComputerViewer,
+  computerKey
+};
+//# sourceMappingURL=computer-viewer-ENHVAZ2Q.js.map

package/dist/computer-viewer-ENHVAZ2Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/connect-account-identity.d.ts

@@ -0,0 +1,8 @@
+import type { ConnectAccount } from "@opengeni/connect";
+import type { CapabilityCatalogItem, OpenGeniClient } from "@opengeni/sdk";
+/** Service presentation never changes which exact credential is acted on. */
+export declare function ConnectAccountIdentity({ account, client, capabilities, }: {
+    account: ConnectAccount;
+    client?: OpenGeniClient | undefined;
+    capabilities: CapabilityCatalogItem[];
+}): import("react").JSX.Element;

package/dist/connect-accounts.d.ts

@@ -0,0 +1,15 @@
+import type { ConnectController } from "@opengeni/connect";
+import type { OpenGeniClient } from "@opengeni/sdk";
+export type ConnectAccountsProps = {
+    controller: ConnectController;
+    className?: string;
+    /** Enables explicit account-bound reconnect. Host supplies the exact destination. */
+    returnUrl?: string;
+    /** Uses authenticated catalogue assets and exact connection references for service identity. */
+    client?: OpenGeniClient | undefined;
+    /** Reconcile surrounding service state after a confirmed account disconnect. */
+    onDisconnected?: (() => void) | undefined;
+};
+/** Local credential revocation only. Unknown or changed versions must be
+ * refreshed; this component never retries a destructive operation implicitly. */
+export declare function ConnectAccounts(props: ConnectAccountsProps): import("react").JSX.Element;

package/dist/connect-chooser.d.ts

@@ -0,0 +1,18 @@
+import type { ConnectController } from "@opengeni/connect";
+export type ConnectChooserProps = {
+    controller: ConnectController;
+    /** Exact host return string; no completion parameters are added. */
+    returnUrl: string;
+    className?: string;
+    presentation?: "select" | "catalog";
+    /** Compact mechanism picker when service discovery is already shown by the host. */
+    customOnly?: boolean;
+    providerOnly?: boolean;
+    compact?: boolean;
+    /** Select a service from the unified discovery list. */
+    initialProviderId?: string;
+};
+/** Catalog readiness is supplied by the authenticated backend, never inferred
+ * from the existence of a provider definition. Host replaces the controller on
+ * actor/workspace change. This form does not open OAuth windows itself. */
+export declare function ConnectChooser(props: ConnectChooserProps): import("react").JSX.Element;

package/dist/connect-panel.d.ts

@@ -0,0 +1,18 @@
+import { type ConnectSetupProps } from "./connect-setup.js";
+import type { OpenGeniClient } from "@opengeni/sdk";
+export type ConnectPanelProps = ConnectSetupProps & {
+    returnUrl: string;
+    /** Null omits the heading when the host already supplies one. */
+    title?: string | null;
+    showAccounts?: boolean;
+    /** Presentation only; the host backend owns acquisition admission. */
+    showCustomConnections?: boolean;
+    /** Include ready, non-custom adapters from the host's Connect catalogue. */
+    showProviderConnections?: boolean;
+    presentation?: "select" | "catalog";
+    client?: OpenGeniClient | undefined;
+};
+/** Optional composition over the same unstyled surfaces. Import
+ * @opengeni/react/connect.css for styling; the host retains navigation,
+ * transport, actor admission, and controller lifetime. */
+export declare function ConnectPanel({ returnUrl, title, showAccounts, showCustomConnections, showProviderConnections, presentation, className, client, ...setup }: ConnectPanelProps): import("react").JSX.Element;

package/dist/connect-setup.d.ts

@@ -0,0 +1,16 @@
+import type { ConnectAttempt, ConnectController } from "@opengeni/connect";
+export type ConnectSetupProps = {
+    controller: ConnectController;
+    /** Called synchronously in the click handler so a host can open a popup. */
+    onAuthorize: (attempt: ConnectAttempt) => void | Promise<unknown>;
+    /** Called synchronously on Continue; hosts can reserve a popup before advancing. */
+    onSelectAccount?: (accountId: string) => void | Promise<unknown>;
+    /** Host pagination must retain selections across pages and submit the final set. */
+    onBrowseResources?: (attempt: ConnectAttempt) => void | Promise<unknown>;
+    className?: string;
+    /** Provider-specific label supplied by the embedding host. */
+    authorizeLabel?: string | undefined;
+};
+/** Controller-backed setup surface, styled by opt-in connect.css. No provider secrets enter React state. Host owns
+ * chooser, controller lifetime, navigation and recovery after full redirect. */
+export declare function ConnectSetup(props: ConnectSetupProps): import("react").JSX.Element;

package/dist/connect.d.ts

@@ -0,0 +1,21 @@
+export { useConnect } from "./hooks/use-connect.js";
+export { CapabilityCatalogRow, CapabilityCatalogIndicator, type CapabilityCatalogRowProps, type CapabilityCatalogStatus, } from "./capability-catalog-row.js";
+export { SkillDiscovery, type SkillDiscoveryProps, type SkillDiscoveryClient, type SkillDiscoveryItem, type SkillDiscoveryPage, } from "./skill-discovery.js";
+export { ConnectSetup, type ConnectSetupProps } from "./connect-setup.js";
+export { ConnectChooser, type ConnectChooserProps } from "./connect-chooser.js";
+export { ConnectAccounts, type ConnectAccountsProps } from "./connect-accounts.js";
+export { ConnectPanel, type ConnectPanelProps } from "./connect-panel.js";
+export { ConnectionDiscovery, type ConnectionDiscoveryProps } from "./connection-discovery.js";
+export { McpConnectionCard, type McpConnectionCardProps, } from "./components/session-mcp-capability-card.js";
+export { DeviceAuthorization, type DeviceAuthorizationProps } from "./device-authorization.js";
+export { IdentityLinkConsent, type IdentityLinkClient, type IdentityLinkConsentProps, } from "./identity-link-consent.js";
+export { IdentityLinkAccounts, type IdentityLinkAccountsClient } from "./identity-link-accounts.js";
+export type { ConnectSnapshot } from "@opengeni/connect";
+export type { ConnectAccount, ConnectAdvance, ConnectAttempt, ConnectNextAction, ConnectOwnership, ConnectProvider, ConnectResource, ConnectTransport, } from "@opengeni/connect";
+export { ConnectionCatalog, ConnectionServiceRow, ConnectionOptionRow, type ConnectionCatalogProps, type ConnectionCatalogService, type ConnectionCatalogOption, } from "./connection-catalog.js";
+export { ConnectionInstalled, type ConnectionInstalledItem } from "./connection-installed.js";
+export { ConnectionTypePicker, type ConnectionType } from "./connection-type-picker.js";
+export { ConnectionLogo } from "./connection-logo.js";
+export { capabilityLogoFallback } from "./capability-logo-fallback.js";
+export { PluginDiscovery, type PluginDiscoveryProps } from "./plugin-discovery.js";
+export { PluginDetails } from "./plugin-details.js";