import type { OAuthApp } from "@stigmer/protos/ai/stigmer/iam/oauthapp/v1/api_pb";
/** Props for {@link OAuthAppDetailPanel}. */
export interface OAuthAppDetailPanelProps {
    /** The OAuth app resource to display and edit. */
    readonly oauthApp: OAuthApp;
    /** Fired with the updated resource after a successful save. */
    readonly onUpdated?: (app: OAuthApp) => void;
    /** Fired after the resource is successfully deleted. */
    readonly onDeleted?: () => void;
    /** Fired when the user clicks the back button. */
    readonly onBack?: () => void;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
}
/**
 * View and edit panel for an existing OAuth app.
 *
 * In **view mode**, displays all OAuth configuration fields in a
 * structured label/value layout with "Edit" and "Delete" buttons.
 *
 * In **edit mode**, fields become editable inputs. The client secret
 * field shows a placeholder — leave it empty to keep the existing
 * secret, or enter a new value to replace it. "Save" submits the
 * update via {@link useUpdateOAuthApp}; "Cancel" discards changes
 * and returns to view mode.
 *
 * Delete uses an inline confirmation pattern (no modal) to avoid
 * portal/z-index issues for SDK embedders.
 *
 * All visual properties flow through `--stgm-*` design tokens.
 *
 * @example
 * ```tsx
 * <OAuthAppDetailPanel
 *   oauthApp={app}
 *   onUpdated={(updated) => refetch()}
 *   onDeleted={() => { refetch(); setFlow({ phase: "idle" }); }}
 *   onBack={() => setFlow({ phase: "idle" })}
 * />
 * ```
 */
export declare function OAuthAppDetailPanel({ oauthApp, onUpdated, onDeleted, onBack, className, }: OAuthAppDetailPanelProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=OAuthAppDetailPanel.d.ts.map