@mdxui/cockpit 0.2.0

package/dist/developer/index.d.ts

@@ -0,0 +1,764 @@
+export { useAuth } from '@workos-inc/authkit-react';
+import { Theme } from '@mdxui/themes';
+export { Theme, ThemeMode, ThemePreset, ThemeScript, ThemeState, ThemeStore, applyThemeToElement, getResolvedMode, getThemeCSS, getThemeScriptContent, isThemePreset, themeCSS, themeNames, themePresets, useThemeStore } from '@mdxui/themes';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideIcon } from 'lucide-react';
+import { ChartConfig } from '@mdxui/primitives/chart';
+import * as React$1 from 'react';
+import { ReactNode } from 'react';
+import { ColumnDef } from '@tanstack/react-table';
+import { SettingsProps, APIKeysProps, TeamProps, BillingProps } from 'mdxui';
+import * as platform_do from 'platform.do';
+import { $Context } from 'platform.do';
+
+interface ActivityItem {
+    /** Unique ID */
+    id: string;
+    /** Activity type */
+    type: string;
+    /** Activity title/message */
+    title: string;
+    /** Activity description */
+    description?: string;
+    /** Activity timestamp */
+    timestamp: Date | string;
+    /** User who performed the activity */
+    user?: {
+        name: string;
+        avatar?: string;
+    };
+    /** Icon to display */
+    icon?: LucideIcon;
+    /** Status badge */
+    status?: {
+        label: string;
+        variant?: 'default' | 'secondary' | 'destructive' | 'outline';
+    };
+    /** Additional metadata to display */
+    metadata?: Record<string, any>;
+}
+interface ActivityFeedProps {
+    /** Feed title */
+    title?: string;
+    /** Feed description */
+    description?: string;
+    /** Activity items */
+    items: ActivityItem[];
+    /** Maximum height (enables scrolling) */
+    maxHeight?: number | string;
+    /** Show avatars */
+    showAvatars?: boolean;
+    /** Show timestamps */
+    showTimestamps?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Timestamp formatter */
+    formatTimestamp?: (timestamp: Date | string) => string;
+}
+declare function ActivityFeed({ title, description, items, maxHeight, showAvatars, showTimestamps, className, emptyMessage, formatTimestamp, }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
+
+interface AreaChartProps {
+    /** Chart title */
+    title?: string;
+    /** Chart description */
+    description?: string;
+    /** Data points for the chart */
+    data: Array<Record<string, any>>;
+    /** X-axis data key */
+    xAxisKey: string;
+    /** Y-axis data keys (one or more lines) */
+    yAxisKeys: string[];
+    /** Chart configuration for colors and labels */
+    config: ChartConfig;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show X axis */
+    showXAxis?: boolean;
+    /** Show Y axis */
+    showYAxis?: boolean;
+    /** X-axis label formatter */
+    xAxisFormatter?: (value: any) => string;
+    /** Y-axis label formatter */
+    yAxisFormatter?: (value: any) => string;
+    /** Chart height */
+    height?: number | string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Fill opacity (0-1) */
+    fillOpacity?: number;
+    /** Stroke width */
+    strokeWidth?: number;
+}
+declare function AreaChart({ title, description, data, xAxisKey, yAxisKeys, config, showGrid, showXAxis, showYAxis, xAxisFormatter, yAxisFormatter, height, className, fillOpacity, strokeWidth, }: AreaChartProps): react_jsx_runtime.JSX.Element;
+
+interface BarChartProps {
+    /** Chart title */
+    title?: string;
+    /** Chart description */
+    description?: string;
+    /** Data points for the chart */
+    data: Array<Record<string, any>>;
+    /** X-axis data key */
+    xAxisKey: string;
+    /** Y-axis data keys (one or more bars) */
+    yAxisKeys: string[];
+    /** Chart configuration for colors and labels */
+    config: ChartConfig;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show X axis */
+    showXAxis?: boolean;
+    /** Show Y axis */
+    showYAxis?: boolean;
+    /** X-axis label formatter */
+    xAxisFormatter?: (value: any) => string;
+    /** Y-axis label formatter */
+    yAxisFormatter?: (value: any) => string;
+    /** Chart height */
+    height?: number | string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Bar radius */
+    radius?: number | [number, number, number, number];
+    /** Show average reference line */
+    showAverage?: boolean;
+    /** Average label prefix */
+    averageLabel?: string;
+    /** Layout: horizontal or vertical */
+    layout?: 'horizontal' | 'vertical';
+}
+declare function BarChart({ title, description, data, xAxisKey, yAxisKeys, config, showGrid, showXAxis, showYAxis, xAxisFormatter, yAxisFormatter, height, className, radius, showAverage, averageLabel, layout, }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+interface CommandItem {
+    /** Unique ID */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Icon to display */
+    icon?: LucideIcon;
+    /** Keyboard shortcut to display */
+    shortcut?: string;
+    /** Action to perform when selected */
+    onSelect: () => void;
+    /** Optional keywords for search */
+    keywords?: string[];
+}
+interface CommandGroup {
+    /** Group heading */
+    heading: string;
+    /** Items in this group */
+    items: CommandItem[];
+}
+interface CommandPaletteProps {
+    /** Command groups */
+    groups: CommandGroup[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Open state (controlled) */
+    open?: boolean;
+    /** On open change (controlled) */
+    onOpenChange?: (open: boolean) => void;
+    /** Keyboard shortcut to open (default: Cmd+K / Ctrl+K) */
+    shortcut?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function CommandPalette({ groups, placeholder, emptyMessage, open: controlledOpen, onOpenChange, shortcut, className, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
+declare function useCommandPalette(): {
+    open: boolean;
+    setOpen: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    toggle: () => void;
+};
+
+interface DashboardGridProps {
+    /** Grid children */
+    children: ReactNode;
+    /** Number of columns */
+    columns?: 1 | 2 | 3 | 4 | 6 | 12;
+    /** Gap between items */
+    gap?: 2 | 4 | 6 | 8;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function DashboardGrid({ children, columns, gap, className }: DashboardGridProps): react_jsx_runtime.JSX.Element;
+interface DashboardGridItemProps {
+    /** Item children */
+    children: ReactNode;
+    /** Column span */
+    colSpan?: 1 | 2 | 3 | 4 | 6 | 12 | 'full';
+    /** Row span */
+    rowSpan?: 1 | 2 | 3 | 4 | 6;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare function DashboardGridItem({ children, colSpan, rowSpan, className }: DashboardGridItemProps): react_jsx_runtime.JSX.Element;
+
+interface DataTableProps<TData, TValue> {
+    /** Column definitions */
+    columns: ColumnDef<TData, TValue>[];
+    /** Table data */
+    data: TData[];
+    /** Enable search/filtering */
+    searchable?: boolean;
+    /** Search placeholder text */
+    searchPlaceholder?: string;
+    /** Column to search on (if searchable) */
+    searchColumn?: string;
+    /** Enable pagination */
+    paginated?: boolean;
+    /** Initial page size */
+    pageSize?: number;
+    /** Page size options */
+    pageSizeOptions?: number[];
+    /** Additional CSS classes */
+    className?: string;
+    /** Empty state message */
+    emptyMessage?: string;
+}
+declare function DataTable<TData, TValue>({ columns, data, searchable, searchPlaceholder, searchColumn, paginated, pageSize, pageSizeOptions, className, emptyMessage, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function SortableHeader({ column, children }: {
+    column: any;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+interface KPICardProps {
+    /** Card title */
+    title: string;
+    /** Main metric value */
+    value: string | number;
+    /** Optional description or subtitle */
+    description?: string;
+    /** Icon to display */
+    icon?: LucideIcon;
+    /** Change percentage (e.g. 12.5 for +12.5%) */
+    change?: number;
+    /** Trend direction - overrides auto-detection from change */
+    trend?: 'up' | 'down' | 'neutral';
+    /** Sparkline data points */
+    sparklineData?: Array<{
+        value: number;
+    }>;
+    /** Sparkline color */
+    sparklineColor?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Click handler */
+    onClick?: () => void;
+}
+declare function KPICard({ title, value, description, icon: Icon, change, trend, sparklineData, sparklineColor, className, onClick, }: KPICardProps): react_jsx_runtime.JSX.Element;
+
+interface LineChartProps {
+    /** Chart title */
+    title?: string;
+    /** Chart description */
+    description?: string;
+    /** Data points for the chart */
+    data: Array<Record<string, any>>;
+    /** X-axis data key */
+    xAxisKey: string;
+    /** Y-axis data keys (one or more lines) */
+    yAxisKeys: string[];
+    /** Chart configuration for colors and labels */
+    config: ChartConfig;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show X axis */
+    showXAxis?: boolean;
+    /** Show Y axis */
+    showYAxis?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** X-axis label formatter */
+    xAxisFormatter?: (value: any) => string;
+    /** Y-axis label formatter */
+    yAxisFormatter?: (value: any) => string;
+    /** Chart height */
+    height?: number | string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Line type */
+    lineType?: 'monotone' | 'linear' | 'step' | 'stepBefore' | 'stepAfter';
+    /** Stroke width */
+    strokeWidth?: number;
+    /** Show dots on data points */
+    showDots?: boolean;
+    /** Dot radius */
+    dotRadius?: number;
+}
+declare function LineChart({ title, description, data, xAxisKey, yAxisKeys, config, showGrid, showXAxis, showYAxis, showLegend, xAxisFormatter, yAxisFormatter, height, className, lineType, strokeWidth, showDots, dotRadius, }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+declare function DashboardLayout(): react_jsx_runtime.JSX.Element;
+
+declare function LandingPage(): react_jsx_runtime.JSX.Element;
+
+interface NavItem {
+    title: string;
+    url: string;
+    icon?: LucideIcon;
+    isActive?: boolean;
+    items?: NavItem[];
+}
+interface NavMainProps {
+    items: NavItem[];
+}
+declare function NavMain({ items }: NavMainProps): react_jsx_runtime.JSX.Element;
+
+interface NavUserProps {
+    user: NavUser;
+    onSignOut: () => void | Promise<void>;
+}
+interface NavUser {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+}
+declare function NavUser({ user, onSignOut }: NavUserProps): react_jsx_runtime.JSX.Element;
+
+interface JsonViewerProps {
+    data: unknown;
+    className?: string;
+}
+declare function JsonViewer({ data, className }: JsonViewerProps): react_jsx_runtime.JSX.Element;
+
+interface SidebarAdProps {
+    headline: string;
+    description?: string;
+    ctaText: string;
+    ctaHref?: string;
+    onCtaClick?: () => void;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    badge?: string;
+}
+declare function SidebarAd({ headline, description, ctaText, ctaHref, onCtaClick, dismissible, onDismiss, badge }: SidebarAdProps): react_jsx_runtime.JSX.Element | null;
+
+type StatusType = 'success' | 'warning' | 'error';
+interface StatusBadgeProps {
+    status: number | StatusType;
+    className?: string;
+    showText?: boolean;
+}
+declare function StatusBadge({ status, className, showText }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+declare function StatusDot({ status, className }: {
+    status: number | StatusType;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface VaultDeleteDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    itemName: string;
+    onConfirm: () => void;
+}
+declare function VaultDeleteDialog({ isOpen, onClose, itemName, onConfirm }: VaultDeleteDialogProps): react_jsx_runtime.JSX.Element;
+
+interface VaultEmptyStateProps {
+    onAddCredential: () => void;
+}
+declare function VaultEmptyState({ onAddCredential }: VaultEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+interface VaultItem {
+    id: string;
+    name: string;
+    integrationId: string;
+    logoUrl?: string;
+    createdAt: Date;
+    updatedAt: Date;
+}
+interface VaultField {
+    key: string;
+    label: string;
+    type: 'text' | 'password';
+    required: boolean;
+    placeholder?: string;
+}
+
+interface VaultInputModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    mode: 'create' | 'rotate';
+    integration?: {
+        id: string;
+        name: string;
+        logoUrl?: string;
+        fields: VaultField[];
+    };
+    onSave: (credentials: Record<string, string>) => Promise<void>;
+}
+declare function VaultInputModal({ isOpen, onClose, mode, integration, onSave, }: VaultInputModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface VaultItemCardProps {
+    id: string;
+    name: string;
+    logoUrl?: string;
+    createdAt: Date;
+    updatedAt: Date;
+    onRotate: (id: string) => void;
+    onDelete: (id: string) => void;
+}
+declare function VaultItemCard({ id, name, logoUrl, createdAt, updatedAt, onRotate, onDelete, }: VaultItemCardProps): react_jsx_runtime.JSX.Element;
+
+interface VaultListProps {
+    items: VaultItem[];
+    onRotate: (id: string, credentials: Record<string, string>) => Promise<void>;
+    onDelete: (id: string) => Promise<void>;
+    onOpenAddModal: () => void;
+}
+declare function VaultList({ items, onRotate, onDelete, onOpenAddModal }: VaultListProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Mock Identity Widgets for development/demo mode
+ *
+ * These components render placeholder UI when the identity provider is not configured
+ * or when running in devMode without valid credentials.
+ */
+/**
+ * Mock UsersManagement widget
+ */
+declare function MockUsersManagement(): react_jsx_runtime.JSX.Element;
+/**
+ * Mock UserProfile widget
+ */
+declare function MockUserProfile(): react_jsx_runtime.JSX.Element;
+/**
+ * Mock AuthenticationFactors widget
+ */
+declare function MockAuthenticationFactors(): react_jsx_runtime.JSX.Element;
+/**
+ * Mock UserSessions widget
+ */
+declare function MockUserSessions(): react_jsx_runtime.JSX.Element;
+
+/**
+ * TeamSwitcher component that uses WorkOS authentication.
+ * Shows the WorkOS OrganizationSwitcher widget when authenticated with an organization,
+ * or a "No Organization" placeholder when not.
+ */
+declare function TeamSwitcher(): react_jsx_runtime.JSX.Element;
+
+/**
+ * SettingsPage - Tabbed settings layout component
+ *
+ * Provides a tabbed interface for various settings sections including
+ * profile, security, notifications, billing, team, api, and integrations.
+ *
+ * @example
+ * ```tsx
+ * <SettingsPage sections={['profile', 'security', 'team']}>
+ *   <ProfileSettings />
+ *   <SecuritySettings />
+ *   <TeamSettings />
+ * </SettingsPage>
+ * ```
+ */
+declare function SettingsPage({ sections, children }: SettingsProps): react_jsx_runtime.JSX.Element;
+
+interface UserProfileProps {
+    user?: {
+        name?: string;
+        email?: string;
+        avatar?: string;
+        firstName?: string;
+        lastName?: string;
+    };
+    onUpdate?: (data: any) => void;
+    readonly?: boolean;
+}
+/**
+ * UserProfile - Profile management component
+ *
+ * Provides a form interface for users to manage their personal information
+ * including avatar, name, and email.
+ *
+ * @example
+ * ```tsx
+ * <UserProfile
+ *   user={{ name: 'John Doe', email: 'john@example.com' }}
+ *   onUpdate={(data) => console.log(data)}
+ * />
+ * ```
+ */
+declare function UserProfile({ user, onUpdate, readonly }: UserProfileProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * APIKeyManager - API key CRUD interface
+ *
+ * Provides a complete interface for managing API keys including creation,
+ * viewing, copying, and deletion. Auto-wires to the apiKeys collection.
+ *
+ * @example
+ * ```tsx
+ * <APIKeyManager
+ *   project="proj_123"
+ *   allowCreate={true}
+ *   allowDelete={true}
+ *   showLastUsed={true}
+ * />
+ * ```
+ */
+declare function APIKeyManager({ project, allowCreate, allowDelete, showLastUsed, keys: initialKeys, }: APIKeysProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * TeamManager - Team member management component
+ *
+ * Provides a complete interface for managing team members including invitations,
+ * role changes, and member removal. Auto-wires to the members collection.
+ *
+ * @example
+ * ```tsx
+ * <TeamManager
+ *   workspace="ws_123"
+ *   allowInvite={true}
+ *   allowRoleChange={true}
+ *   allowRemove={true}
+ * />
+ * ```
+ */
+declare function TeamManager({ workspace, allowInvite, allowRoleChange, allowRemove, members: initialMembers, }: TeamProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Billing - Subscription and billing management component
+ *
+ * Provides a complete interface for managing subscriptions, viewing invoices,
+ * and managing payment methods. Auto-wires to the subscriptions collection.
+ *
+ * @example
+ * ```tsx
+ * <Billing
+ *   customer="cus_123"
+ *   showInvoices={true}
+ *   showPaymentMethods={true}
+ *   showUsage={true}
+ * />
+ * ```
+ */
+declare function Billing({ customer, showInvoices, showPaymentMethods, showUsage, subscription: initialSubscription, }: BillingProps): react_jsx_runtime.JSX.Element;
+
+interface DashboardRoutes {
+    overview?: boolean;
+    requests?: boolean;
+    keys?: boolean;
+    team?: boolean;
+    billing?: boolean;
+    settings?: boolean;
+    webhooks?: boolean;
+    database?: boolean;
+    integrations?: boolean;
+    vault?: boolean;
+}
+interface DashboardBranding {
+    name?: string;
+    logo?: ReactNode;
+}
+interface DashboardTheme {
+    /**
+     * Theme preset name. Built-in presets include:
+     * 'cyan', 'anthropic', 'linear', 'stripe', 'arc', 'airbnb', 'bubblegum',
+     * 'mono', 'notation', 'polaris', 'sage', 'x'
+     *
+     * You can also pass a custom string if you're loading your own theme CSS.
+     */
+    preset?: Theme;
+    mode?: 'light' | 'dark' | 'system';
+    /** Custom CSS variable overrides (e.g., { '--primary': 'oklch(0.6 0.2 240)' }) */
+    custom?: Record<string, string>;
+}
+/**
+ * Identity provider configuration for authentication and user management.
+ * Powered by id.org.ai
+ */
+interface DashboardIdentity {
+    /** Client ID from identity provider dashboard */
+    clientId: string;
+    /** Custom authentication domain (optional - if not set, use devMode) */
+    apiHostname?: string;
+    /** Enable dev mode - stores refresh token in localStorage instead of secure cookie */
+    devMode?: boolean;
+    /** Redirect URI after sign-in (defaults to current origin + basePath) */
+    redirectUri?: string;
+    /** Redirect URI after sign-out (defaults to current origin) */
+    signOutRedirectUri?: string;
+    /** Use mock widgets instead of real identity widgets (for demos/development) */
+    useMockWidgets?: boolean;
+    /** Whether authentication is required to view the dashboard (default: true) */
+    required?: boolean;
+    /** What to do when user is not authenticated */
+    onUnauthenticated?: 'redirect' | 'landing' | 'allow';
+    /** URL to redirect to when not authenticated (used with onUnauthenticated: 'redirect') */
+    unauthenticatedRedirectUrl?: string;
+    /** Custom landing component to show when not authenticated (used with onUnauthenticated: 'landing') */
+    landingComponent?: ReactNode;
+}
+interface DashboardConfig {
+    basePath?: string;
+    branding?: DashboardBranding;
+    routes?: DashboardRoutes;
+    theme?: DashboardTheme;
+    /** Identity provider configuration for authentication and user management */
+    identity: DashboardIdentity;
+    /**
+     * Development token for testing SDK without auth flow.
+     * Pass DO_TOKEN from server-side environment variable.
+     * Only used in development - auth tokens take priority in production.
+     */
+    devToken?: string;
+    /** Enable SDK debug logging */
+    debug?: boolean;
+}
+
+interface DashboardContextValue {
+    config: Required<Omit<DashboardConfig, 'identity' | 'devToken' | 'debug'>> & {
+        identity: DashboardIdentity;
+        devToken?: string;
+        debug?: boolean;
+    };
+    routes: Required<DashboardRoutes>;
+    basePath: string;
+}
+declare function useDashboard(): DashboardContextValue;
+declare function useRoutes(): Required<DashboardRoutes>;
+
+interface DeveloperDashboardProps {
+    config: DashboardConfig;
+}
+/**
+ * Main dashboard component that wraps everything with necessary providers
+ * and renders the dashboard routes.
+ *
+ * Provider hierarchy (handled by AppProviders):
+ * - ThemeProvider (next-themes) - Theme mode (light/dark/system)
+ * - DashboardProvider - Dashboard config context
+ * - SDKInitializer - Platform SDK setup
+ * - IdentityProvider - WorkOS AuthKit + Widgets
+ * - QueryProvider - TanStack Query + Auth sync
+ */
+declare function DeveloperDashboard({ config }: DeveloperDashboardProps): react_jsx_runtime.JSX.Element;
+
+declare function BillingPage(): react_jsx_runtime.JSX.Element;
+
+declare function DatabasePage(): react_jsx_runtime.JSX.Element;
+
+declare function IntegrationsPage(): react_jsx_runtime.JSX.Element;
+
+declare function KeysPage(): react_jsx_runtime.JSX.Element;
+
+declare function OverviewPage(): react_jsx_runtime.JSX.Element;
+
+declare function RequestsPage(): react_jsx_runtime.JSX.Element;
+
+declare function SettingsProfilePage(): react_jsx_runtime.JSX.Element;
+
+declare function SettingsSecurityPage(): react_jsx_runtime.JSX.Element;
+
+declare function SettingsSessionsPage(): react_jsx_runtime.JSX.Element;
+
+declare function TeamPage(): react_jsx_runtime.JSX.Element;
+
+declare function VaultPage(): react_jsx_runtime.JSX.Element;
+
+declare function WebhooksActivityPage(): react_jsx_runtime.JSX.Element;
+
+declare function WebhooksEndpointsPage(): react_jsx_runtime.JSX.Element;
+
+declare function WebhooksEventCatalogPage(): react_jsx_runtime.JSX.Element;
+
+declare function WebhooksLogsPage(): react_jsx_runtime.JSX.Element;
+
+/**
+ * SDK instance type - the $ proxy with all platform methods
+ */
+type PlatformSDK = $Context;
+/**
+ * Enable or disable debug mode for SDK operations.
+ * When enabled, logs auth state changes and SDK calls.
+ */
+declare function setDebugMode(enabled: boolean): void;
+/**
+ * Check if debug mode is enabled.
+ */
+declare function isDebugMode(): boolean;
+/**
+ * Set a development token for testing SDK without auth flow.
+ * This is useful for local development when you have a DO_TOKEN.
+ * Call this early in app initialization.
+ *
+ * @param token - The DO_TOKEN from environment
+ */
+declare function setDevToken(token: string | null): void;
+/**
+ * Get the effective token (auth token takes priority over dev token)
+ */
+declare function getEffectiveToken(): string | null;
+/**
+ * Get the current auth token.
+ * Returns null if not authenticated.
+ */
+declare function getAuthToken(): string | null;
+/**
+ * Get the SDK instance.
+ * Returns null if not authenticated.
+ */
+declare function getSDK(): PlatformSDK | null;
+/**
+ * Check if the user is authenticated (has a token).
+ */
+declare function isAuthenticated(): boolean;
+/**
+ * Get debug status info for troubleshooting.
+ * Can be called from browser console: window.__platformDebug.status()
+ */
+declare function getDebugStatus(): {
+    isAuthenticated: boolean;
+    hasDevToken: boolean;
+    hasEffectiveToken: boolean;
+    hasSDK: boolean;
+    tokenSource: string;
+    tokenLength: number;
+    tokenPreview: string | null;
+    debugMode: boolean;
+    apiBaseUrl: string;
+};
+/**
+ * Test SDK connection by making a simple API call.
+ * Can be called from browser console: window.__platformDebug.testConnection()
+ */
+declare function testSDKConnection(): Promise<{
+    success: boolean;
+    result: platform_do.Thing[];
+    status: {
+        isAuthenticated: boolean;
+        hasDevToken: boolean;
+        hasEffectiveToken: boolean;
+        hasSDK: boolean;
+        tokenSource: string;
+        tokenLength: number;
+        tokenPreview: string | null;
+        debugMode: boolean;
+        apiBaseUrl: string;
+    };
+    error?: undefined;
+} | {
+    success: boolean;
+    error: unknown;
+    status: {
+        isAuthenticated: boolean;
+        hasDevToken: boolean;
+        hasEffectiveToken: boolean;
+        hasSDK: boolean;
+        tokenSource: string;
+        tokenLength: number;
+        tokenPreview: string | null;
+        debugMode: boolean;
+        apiBaseUrl: string;
+    };
+    result?: undefined;
+}>;
+
+export { APIKeyManager, ActivityFeed, type ActivityFeedProps, type ActivityItem, AreaChart, type AreaChartProps, BarChart, type BarChartProps, Billing, BillingPage, type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, type DashboardBranding, type DashboardConfig, DashboardGrid, DashboardGridItem, type DashboardGridItemProps, type DashboardGridProps, type DashboardIdentity, DashboardLayout, type DashboardRoutes, type DashboardTheme, DataTable, type DataTableProps, DatabasePage, DeveloperDashboard, IntegrationsPage, JsonViewer, KPICard, type KPICardProps, KeysPage, LandingPage, LineChart, type LineChartProps, MockAuthenticationFactors, MockUserProfile, MockUserSessions, MockUsersManagement, type NavItem, NavMain, NavUser, OverviewPage, RequestsPage, SettingsPage, SettingsProfilePage, SettingsSecurityPage, SettingsSessionsPage, SidebarAd, SortableHeader, StatusBadge, StatusDot, TeamManager, TeamPage, TeamSwitcher, UserProfile, VaultDeleteDialog, VaultEmptyState, VaultInputModal, VaultItemCard, VaultList, VaultPage, WebhooksActivityPage, WebhooksEndpointsPage, WebhooksEventCatalogPage, WebhooksLogsPage, getAuthToken, getDebugStatus, getEffectiveToken, getSDK, isAuthenticated, isDebugMode, setDebugMode, setDevToken, testSDKConnection, useCommandPalette, useDashboard, useRoutes };