@bcrumbs.net/inbox 0.0.63 → 0.0.65

package/src/app/auth/config/clerkAppearance.d.ts

@@ -1,10 +1,11 @@
 /**
- * Clerk UI theme aligned with legacy auth pages (Poppins + legacy type scale).
+ * Clerk UI theme aligned with legacy auth pages.
+ * Uses --bc-font-stack-poppins so Arabic (lang=ar) swaps to AvenirArabic.
  */
 export declare const clerkAppearance: {
     variables: {
-        fontFamily: string;
-        fontFamilyButtons: string;
+        fontFamily: "var(--fontFamily-poppins)";
+        fontFamilyButtons: "var(--fontFamily-poppins)";
         fontSize: string;
         colorPrimary: string;
         colorTextOnPrimaryBackground: string;
@@ -23,7 +24,7 @@ export declare const clerkAppearance: {
         card: {
             boxShadow: string;
             width: string;
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             paddingTop: string;
             paddingBottom: string;
         };
@@ -32,32 +33,51 @@ export declare const clerkAppearance: {
             paddingTop: string;
         };
         headerTitle: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
             color: string;
         };
         headerSubtitle: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
             color: string;
         };
         formFieldLabel: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             color: string;
         };
         formFieldInput: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
+            height: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+            border: string;
+            backgroundColor: string;
+            color: string;
+            boxShadow: string;
+            '&:focus': {
+                borderColor: string;
+                boxShadow: string;
+                outline: string;
+            };
+            '&:hover': {
+                borderColor: string;
+            };
+        };
+        formFieldInputShowPasswordButton: {
+            color: string;
         };
         formButtonPrimary: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
@@ -81,11 +101,14 @@ export declare const clerkAppearance: {
                 backgroundColor: string;
             };
         };
+        buttonArrowIcon: {
+            display: string;
+        };
         socialButtons: {
             gap: string;
         };
         socialButtonsBlockButton: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
@@ -104,7 +127,7 @@ export declare const clerkAppearance: {
             };
         };
         socialButtonsBlockButtonText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
         };
@@ -112,28 +135,40 @@ export declare const clerkAppearance: {
             width: string;
             height: string;
         };
+        lastAuthenticationStrategyBadge: {
+            fontFamily: "var(--fontFamily-poppins)";
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            minHeight: string;
+            height: string;
+            padding: string;
+            display: string;
+            alignItems: string;
+            boxSizing: string;
+        };
         footerActionText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         footerActionLink: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         identityPreviewText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         formFieldSuccessText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         formFieldErrorText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         dividerText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
     };
@@ -162,7 +197,7 @@ export declare const clerkSignInAppearance: {
         card: {
             boxShadow: string;
             width: string;
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             paddingTop: string;
             paddingBottom: string;
         };
@@ -171,32 +206,51 @@ export declare const clerkSignInAppearance: {
             paddingTop: string;
         };
         headerTitle: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
             color: string;
         };
         headerSubtitle: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
             color: string;
         };
         formFieldLabel: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             color: string;
         };
         formFieldInput: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
+            height: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+            border: string;
+            backgroundColor: string;
+            color: string;
+            boxShadow: string;
+            '&:focus': {
+                borderColor: string;
+                boxShadow: string;
+                outline: string;
+            };
+            '&:hover': {
+                borderColor: string;
+            };
+        };
+        formFieldInputShowPasswordButton: {
+            color: string;
         };
         formButtonPrimary: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
@@ -220,11 +274,14 @@ export declare const clerkSignInAppearance: {
                 backgroundColor: string;
             };
         };
+        buttonArrowIcon: {
+            display: string;
+        };
         socialButtons: {
             gap: string;
         };
         socialButtonsBlockButton: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
@@ -243,7 +300,7 @@ export declare const clerkSignInAppearance: {
             };
         };
         socialButtonsBlockButtonText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
         };
@@ -251,34 +308,46 @@ export declare const clerkSignInAppearance: {
             width: string;
             height: string;
         };
+        lastAuthenticationStrategyBadge: {
+            fontFamily: "var(--fontFamily-poppins)";
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            minHeight: string;
+            height: string;
+            padding: string;
+            display: string;
+            alignItems: string;
+            boxSizing: string;
+        };
         footerActionText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         footerActionLink: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         identityPreviewText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         formFieldSuccessText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         formFieldErrorText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         dividerText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
     };
     variables: {
-        fontFamily: string;
-        fontFamilyButtons: string;
+        fontFamily: "var(--fontFamily-poppins)";
+        fontFamilyButtons: "var(--fontFamily-poppins)";
         fontSize: string;
         colorPrimary: string;
         colorTextOnPrimaryBackground: string;
@@ -305,7 +374,7 @@ export declare const clerkSignUpAppearance: {
         card: {
             boxShadow: string;
             width: string;
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             paddingTop: string;
             paddingBottom: string;
         };
@@ -314,32 +383,51 @@ export declare const clerkSignUpAppearance: {
             paddingTop: string;
         };
         headerTitle: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
             color: string;
         };
         headerSubtitle: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
             color: string;
         };
         formFieldLabel: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             color: string;
         };
         formFieldInput: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
+            height: string;
+            minHeight: string;
+            padding: string;
+            borderRadius: string;
+            border: string;
+            backgroundColor: string;
+            color: string;
+            boxShadow: string;
+            '&:focus': {
+                borderColor: string;
+                boxShadow: string;
+                outline: string;
+            };
+            '&:hover': {
+                borderColor: string;
+            };
+        };
+        formFieldInputShowPasswordButton: {
+            color: string;
         };
         formButtonPrimary: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
@@ -363,11 +451,14 @@ export declare const clerkSignUpAppearance: {
                 backgroundColor: string;
             };
         };
+        buttonArrowIcon: {
+            display: string;
+        };
         socialButtons: {
             gap: string;
         };
         socialButtonsBlockButton: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
             lineHeight: string;
@@ -386,7 +477,7 @@ export declare const clerkSignUpAppearance: {
             };
         };
         socialButtonsBlockButtonText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
             fontWeight: string;
         };
@@ -394,34 +485,46 @@ export declare const clerkSignUpAppearance: {
             width: string;
             height: string;
         };
+        lastAuthenticationStrategyBadge: {
+            fontFamily: "var(--fontFamily-poppins)";
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            minHeight: string;
+            height: string;
+            padding: string;
+            display: string;
+            alignItems: string;
+            boxSizing: string;
+        };
         footerActionText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         footerActionLink: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         identityPreviewText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         formFieldSuccessText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         formFieldErrorText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
         dividerText: {
-            fontFamily: string;
+            fontFamily: "var(--fontFamily-poppins)";
             fontSize: string;
         };
     };
     variables: {
-        fontFamily: string;
-        fontFamilyButtons: string;
+        fontFamily: "var(--fontFamily-poppins)";
+        fontFamilyButtons: "var(--fontFamily-poppins)";
         fontSize: string;
         colorPrimary: string;
         colorTextOnPrimaryBackground: string;

package/src/app/auth/config/clerkLocalization.d.ts

@@ -0,0 +1,6 @@
+import type { LocalizationResource } from '@clerk/types';
+/**
+ * Maps portal i18n languages (en / ar / tr) onto Clerk component localizations,
+ * including input placeholders for sign-in / sign-up.
+ */
+export declare function getClerkLocalization(language?: string): LocalizationResource;

package/src/app/auth/pages/Auth.style.d.ts

@@ -1,12 +1,23 @@
 /// <reference types="react" />
 export declare const TEAL = "#16616C";
+/** AuthVisualCarousel is `display: none` below this width. */
+export declare const AUTH_VISUAL_MIN_WIDTH_PX = 1200;
 export declare const AuthContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/** Floating language control — top end of the auth shell (RTL-aware). */
+export declare const AuthLanguagePickerWrap: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AuthFormColumn: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AuthFormContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -16,6 +27,8 @@ export declare const AuthFormContent: import("@emotion/styled").StyledComponent<
 export declare const ClerkAuthFormColumn: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    rtl?: boolean | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -76,6 +89,7 @@ export declare const SignUpFooter: import("@emotion/styled").StyledComponent<{
 export declare const SignUpLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps<unknown> & import("react").RefAttributes<HTMLAnchorElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
+/** @deprecated Prefer AuthVisualCarousel — kept for any residual imports */
 export declare const HelloCon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/src/app/auth/pages/Login.d.ts

@@ -1,2 +1,3 @@
-declare const Login: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LegacyLoginPage: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Login: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default Login;

package/src/app/auth/pages/Register.d.ts

@@ -1,2 +1,3 @@
+export declare const LegacyRegisterPage: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const Register: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Register;

package/src/app/billing/pages/GatewayWelcomePage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Post-login landing: Gateway workspaces go to the Gateway home (guide), everyone else to Inbox.
+ * Waits for the subscription so Gateway users are not sent to Inbox before the plan is known.
+ */
+export default function GatewayWelcomePage(): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/billing/utils/isGatewayPlan.d.ts

@@ -0,0 +1,2 @@
+export declare function isGatewayPlan(planType: string | null | undefined): boolean;
+export declare const GATEWAY_WEBHOOK_EVENTS: readonly ["INCOMING_MESSAGE", "MESSAGE_UPDATED", "OUTGOING_MESSAGE"];

package/src/app/broadcast/components/BroadcastAnalysisReciepientsHeader.d.ts

@@ -18,9 +18,10 @@ interface BroadcastAnalysisReciepientsHeaderProps {
     canRetryFailed?: boolean;
     retryableFailed?: number;
     retryDialogOpen?: boolean;
+    retryDialogVariant?: 'prompt' | 'confirm';
     onRetryDialogOpenChange?: (open: boolean) => void;
     onRetryFailed?: () => void;
     retryLoading?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ setSearchQuery, searchQuery, selectedCountry, setSelectedCountry, selectedStage, setSelectedStage, selectedState, setSelectedState, clientStages, onDownloadCsv, templateNameQuery, setTemplateNameQuery, canRetryFailed, retryableFailed, retryDialogOpen, onRetryDialogOpenChange, onRetryFailed, retryLoading, }: BroadcastAnalysisReciepientsHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ setSearchQuery, searchQuery, selectedCountry, setSelectedCountry, selectedStage, setSelectedStage, selectedState, setSelectedState, clientStages, onDownloadCsv, templateNameQuery, setTemplateNameQuery, canRetryFailed, retryableFailed, retryDialogOpen, retryDialogVariant, onRetryDialogOpenChange, onRetryFailed, retryLoading, }: BroadcastAnalysisReciepientsHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/app/broadcast/components/BroadcastDetailsSection.d.ts

@@ -10,6 +10,8 @@ interface BroadcastDetailsSectionProps {
     onParameterChange: (key: string, value: string) => void;
     loadingTemplateDetails?: boolean;
     requiredParameters?: string[];
+    selectedIntegrationId?: string;
+    onRefreshTemplates?: () => void;
 }
-declare const _default: React.MemoExoticComponent<({ renderField, renderDroplistField, templatesData, loadingTemplates, integrationsData, loadingIntegrations, parameterValues, onParameterChange, loadingTemplateDetails, requiredParameters, }: BroadcastDetailsSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ renderField, renderDroplistField, templatesData, loadingTemplates, integrationsData, loadingIntegrations, parameterValues, onParameterChange, loadingTemplateDetails, requiredParameters, selectedIntegrationId, onRefreshTemplates, }: BroadcastDetailsSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/app/broadcast/constants.d.ts

@@ -0,0 +1,2 @@
+/** Matches core BROADCAST_RECENT_INBOUND_MESSAGE_DAYS — contacts must have inbound activity in this window. */
+export declare const BROADCAST_RECENT_INBOUND_MESSAGE_DAYS = 90;

package/src/app/dashboard/components/AgentCard.d.ts

@@ -5,7 +5,8 @@ export interface AgentCardProps {
     avatar?: string | null;
     conversationCount: number;
     reportDate?: string;
+    rating?: number | null;
     isSelected?: boolean;
 }
-declare const AgentCard: ({ name, surname, email, avatar, conversationCount, reportDate, isSelected }: AgentCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AgentCard: ({ name, surname, email, avatar, conversationCount, reportDate, rating, isSelected, }: AgentCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AgentCard;

package/src/app/dashboard/components/AgentsCard.d.ts

@@ -1,9 +1,11 @@
-import { Agent, Conversation } from '../../../graphql.autogenerated';
+import { Agent, AgentsReportQuery, Conversation } from '../../../graphql.autogenerated';
+type AgentReportNode = NonNullable<AgentsReportQuery['agentsReport']['nodes']>[number];
 interface AgentsCardProps {
     agents?: Agent[];
+    agentsReportData?: AgentReportNode[];
     openedConvs?: Conversation[] | null;
     loading?: boolean;
     selectedAgentIds?: string[];
 }
-declare const AgentsCard: ({ agents, openedConvs, loading, selectedAgentIds }: AgentsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const AgentsCard: ({ agents, agentsReportData, openedConvs, loading, selectedAgentIds }: AgentsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default AgentsCard;

package/src/app/dashboard/components/BroadcastDashboard.d.ts

@@ -1,6 +1,8 @@
 export interface BroadcastDashboardProps {
     integrationId?: string;
     selectedPeriod: string;
+    /** Reports whether this section still waits for data — used by the PDF export. */
+    onLoadingChange?: (loading: boolean) => void;
 }
-declare const BroadcastDashboard: ({ integrationId, selectedPeriod }: BroadcastDashboardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const BroadcastDashboard: ({ integrationId, selectedPeriod, onLoadingChange }: BroadcastDashboardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BroadcastDashboard;

package/src/app/dashboard/components/ChatsByLifeCycleCard.d.ts

@@ -0,0 +1,13 @@
+import { ConvStagesReportQuery } from '../../../graphql.autogenerated';
+type ConvLifecycleReportNode = NonNullable<ConvStagesReportQuery['convStagesReport']['nodes']>[number];
+export type ChatsByLifeCycleCardProps = {
+    convLifecycleReportData: ConvLifecycleReportNode[];
+    /** Workspace lifecycle stage names in configured order; drives slice order and colors. */
+    configuredStages?: string[];
+    selectedPeriod?: string;
+    loading?: boolean;
+    startDate?: string;
+    endDate?: string;
+};
+declare const ChatsByLifeCycleCard: ({ convLifecycleReportData, configuredStages, selectedPeriod, loading, startDate, endDate, }: ChatsByLifeCycleCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ChatsByLifeCycleCard;

package/src/app/dashboard/components/DashboardFilters.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+type Option = {
+    value: string;
+    text: string;
+};
+type SingleSelectFilter = {
+    options: Option[];
+    selected?: string;
+    onChange: (value?: string) => void;
+};
+type DashboardFiltersProps = {
+    activeTab: 'reports' | 'broadcast';
+    rtl: boolean;
+    reportPeriod: SingleSelectFilter;
+    broadcastPeriod: SingleSelectFilter;
+    channels: SingleSelectFilter;
+    agents: {
+        options: Option[];
+        selected: string[];
+        onChange: (values: string[]) => void;
+    };
+    /** Rendered after the filters — used for the PDF export action. */
+    children?: ReactNode;
+};
+/** Period / agent / channel filters shown next to the dashboard title. */
+export declare function DashboardFilters({ activeTab, rtl, reportPeriod, broadcastPeriod, channels, agents, children, }: DashboardFiltersProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default DashboardFilters;

package/src/app/dashboard/components/DashboardPdfCaptureArea.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, RefObject } from 'react';
+type DashboardPdfCaptureAreaProps = {
+    /** Receives the off-screen container so the export hook can capture it. */
+    targetRef: RefObject<HTMLDivElement>;
+    /** Visible element whose computed background is copied onto the capture, so the PDF matches the theme. */
+    backgroundSourceRef: RefObject<HTMLElement>;
+    children: ReactNode;
+};
+/** Renders the PDF export layout off-screen (portaled to body) so exporting never disturbs the visible page. */
+export declare function DashboardPdfCaptureArea({ targetRef, backgroundSourceRef, children }: DashboardPdfCaptureAreaProps): import("react").ReactPortal;
+export default DashboardPdfCaptureArea;

package/src/app/dashboard/components/DashboardPdfExportButton.d.ts

@@ -0,0 +1,7 @@
+type DashboardPdfExportButtonProps = {
+    onClick: () => void;
+    disabled?: boolean;
+};
+/** Triggers the full-dashboard PDF export (all tabs); progress is shown in a dialog. */
+export declare function DashboardPdfExportButton({ onClick, disabled }: DashboardPdfExportButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default DashboardPdfExportButton;

package/src/app/dashboard/components/DashboardPdfHeader.d.ts

@@ -0,0 +1,11 @@
+type DashboardPdfHeaderProps = {
+    title: string;
+    /** Already localized filter labels rendered as `label: value` lines. */
+    meta: {
+        label: string;
+        value: string;
+    }[];
+};
+/** Hidden on screen — only rendered inside the PDF capture clone. */
+export declare function DashboardPdfHeader({ title, meta }: DashboardPdfHeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export default DashboardPdfHeader;