@zeniai/web-components 4.2.27 → 4.2.28

package/dist/components/aiCfo/AiCfoPage.d.ts

@@ -4,6 +4,7 @@ import { AiCfoQuestionWithAnswer, AiCfoViewSelector, ID, SyntheticAiCfoAnswer, U
 import { AiCfoChatHeaderProps } from './components/AiCfoChatHeader';
 import { FileAttachment } from './components/AiCfoInput';
 import { AiCfoQuestionAnswerProps } from './components/AiCfoQuestionAnswer';
+import { SkillMenuItem } from './components/AiCfoSkillMenu';
 import { ResolvedSyntheticAiCfoCard, ResolvedSyntheticAiCfoPolicy } from './components/SyntheticAiCfoAnswerView';
 export declare const uniqueFormName: (formId: ID) => `${string}_form`;
 /**
@@ -150,6 +151,8 @@ export interface AiCfoPageProps {
     routedInitialQuestionSource?: AICFOChatSubmissionSource;
     /** Suggestion chip index when the routed question came from a sample chip (e.g. `question_card` or `dashboard_card`). */
     routedInitialQuestionSuggestionIndex?: number;
+    /** Chat-visible skills for the `/` menu (from getSkills). */
+    skills?: SkillMenuItem[];
     style?: React.CSSProperties;
     /**
      * Client-synthesized "Creating…" / "Created" bubbles for the active
@@ -161,7 +164,9 @@ export interface AiCfoPageProps {
     onCopy: (content: string) => void;
     onNewChatClick: () => void;
     onStopSubmit: () => void;
-    onSubmit: (input: string, source: AICFOChatSubmissionSource, files?: File[], index?: number) => void;
+    onSubmit: (input: string, source: AICFOChatSubmissionSource, files?: File[], index?: number, 
+    /** Skill reference when the turn came from the `/` menu; chat expands it to instructions. */
+    macroId?: string) => void;
     onThumbsDown: (questionAnswerId: ID) => void;
     onThumbsUp: (questionAnswerId: ID) => void;
     onToggleCotCollapsed: (questionAnswerId: ID, isCollapsed: boolean) => void;
@@ -170,6 +175,8 @@ export interface AiCfoPageProps {
     togglePageView: () => void;
     updateCurrentInput: (input: string) => void;
     onEmailLinkQuestionProcessed?: () => void;
+    /** Called when the user first types `/` so the container can fetch skills. */
+    onFetchSkills?: () => void;
     onMenuClick?: () => void;
     onUploadPromoClose?: () => void;
     /**

package/dist/components/aiCfo/components/AiCfoInput.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { ID } from '@zeniai/client-epic-state';
+import { SkillMenuItem } from './AiCfoSkillMenu';
 export interface FileAttachment {
     file: File;
     id: string;
@@ -17,12 +18,18 @@ export interface AiCfoInputProps {
     isUploadPromoVisible?: boolean;
     selectedFiles?: FileAttachment[];
     shouldFocus?: boolean;
+    /** Chat-visible skills for the `/` menu (from getSkills). */
+    skills?: SkillMenuItem[];
     onInputChange: (value: string) => void;
     onStopSubmit: () => void;
     onSubmit: () => void;
     openOnboardingPage: () => void;
+    /** Called when the user first types `/` so the container can fetch skills. */
+    onFetchSkills?: () => void;
     onFilesChange?: (files: FileAttachment[]) => void;
     onFocusComplete?: () => void;
+    /** Called when a skill is picked from the `/` menu. */
+    onSelectSkill?: (skill: SkillMenuItem) => void;
     onUploadPromoClose?: () => void;
 }
 declare const AiCfoInput: React.FC<AiCfoInputProps>;

package/dist/components/aiCfo/components/AiCfoSkillMenu.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { SkillMenuItem } from './helpers/aiCfoSlashHelpers';
+export type { SkillMenuItem } from './helpers/aiCfoSlashHelpers';
+export { AI_CFO_SLASH_COMMAND_REGEX, matchSlashQuery, filterSkills, } from './helpers/aiCfoSlashHelpers';
+/** Listbox element id — the composer's textarea references it via aria-controls. */
+export declare const SKILL_MENU_LISTBOX_ID = "ai-cfo-skill-listbox";
+/** Stable per-option id for aria-activedescendant wiring. */
+export declare const skillOptionId: (macroId: string) => string;
+interface AiCfoSkillMenuProps {
+    activeIndex: number;
+    id: string;
+    items: SkillMenuItem[];
+    open: boolean;
+    onActiveIndexChange: (index: number) => void;
+    onSelect: (item: SkillMenuItem) => void;
+}
+/** Slash-command dropdown shown above the AI CFO composer (presentational only). */
+declare const AiCfoSkillMenu: React.FC<AiCfoSkillMenuProps>;
+export default AiCfoSkillMenu;

package/dist/components/aiCfo/components/helpers/aiCfoSlashHelpers.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Shared logic for the AI CFO `/`-skill menu: the slash-command matcher and the
+ * skill filter. Kept here (next to {@link aiCfoAnswerHelpers}) rather than inline
+ * in the component so the regex is defined exactly once and can be reused by other
+ * consumers (empty-state hint, feature-flag gate, analytics, etc.) without drift.
+ */
+/**
+ * Minimal shape the `/` menu needs from a Skill. Declared locally (not imported
+ * from @zeniai/client-epic-state) so web-components doesn't depend on a newer
+ * published version; the container passes structurally-compatible Skill objects.
+ */
+export interface SkillMenuItem {
+    macroId: string;
+    /** Slug used as the inserted command token, e.g. "flux" -> "/flux". */
+    name: string;
+    description?: string | null;
+    displayName?: string | null;
+}
+/**
+ * Matches a message that is a single "/token" (no spaces). The whole message must
+ * be the slash command — this is for "/skill" as the message, not slash-anywhere.
+ */
+export declare const AI_CFO_SLASH_COMMAND_REGEX: RegExp;
+/**
+ * The `/`-menu query: non-null only when the input is a single "/token". Returns
+ * "" for a bare "/", the slug for "/flux", null otherwise.
+ */
+export declare function matchSlashQuery(input: string): string | null;
+/** Filter skills by the slash query against name + displayName (case-insensitive). */
+export declare function filterSkills(skills: SkillMenuItem[], slashQuery: string | null): SkillMenuItem[];

package/dist/components/aiCfo/stories/components/AiCfoStoryWrapper.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
 import { AiCfoViewSelector } from '@zeniai/client-epic-state';
+import { default as AiCfoPage } from '../../AiCfoPage';
 import { AiCfoChatHeaderProps } from '../../components/AiCfoChatHeader';
 import { FileAttachment } from '../../components/AiCfoInput';
+import { SkillMenuItem } from '../../components/AiCfoSkillMenu';
 interface AiCfoStoryWrapperProps {
     aiCfoView: AiCfoViewSelector;
     tableDownloadEndPoint: string;
@@ -19,10 +21,13 @@ interface AiCfoStoryWrapperProps {
      * {@link FeatureContext} so Explore / sample questions render like production.
      */
     mockAiCfoDefaultMessageList?: string[];
+    onSubmit?: React.ComponentProps<typeof AiCfoPage>["onSubmit"];
     showSampleQuestions?: boolean;
+    /** Chat-visible skills for the `/` menu. */
+    skills?: SkillMenuItem[];
+    onFetchSkills?: () => void;
     onMenuClick?: () => void;
     onStopSubmit?: () => void;
-    onSubmit?: (input: string) => void;
     onUpdateScrollYOffset?: (scrollYOffset: number) => void;
     updateCurrentInput?: (input: string) => void;
 }

package/dist/components/aiCfo/stories/hooks/useAiCfoStoryState.d.ts

@@ -7,9 +7,9 @@ export declare const useAiCfoStoryState: ({ initialAiCfoView, currentChatSession
     currentInput: string;
     aiCfoView: AiCfoViewSelector;
     updateCurrentInput: (input: string) => void;
-    onSubmit: (input: string, delay?: number) => void;
+    onSubmit: (input: string) => void;
     onStopSubmit: () => void;
-    createNewSession: (input: string, delay?: number) => void;
+    createNewSession: (input: string) => void;
     setScrollPosition: import('react').Dispatch<import('react').SetStateAction<number>>;
     setResponseStateByChatSessionId: import('react').Dispatch<import('react').SetStateAction<{
         analysis: import('@zeniai/client-epic-state').FetchStateAndError;

package/dist/components/common/uploadInvoice/RenderPdf.d.ts

@@ -1,5 +1,18 @@
 import { Dispatch, SetStateAction } from 'react';
 type Dispatcher<T> = Dispatch<SetStateAction<T>>;
+export interface PolygonPoint {
+    x: number;
+    y: number;
+}
+export type CitationHighlightVariant = "default" | "deleted" | "hovered";
+export interface Citation {
+    page: number;
+    pageHeight: number;
+    pageWidth: number;
+    polygon: PolygonPoint[];
+    referenceText: string;
+    variant?: CitationHighlightVariant;
+}
 interface Props {
     fileUrl: string;
     isFullScreen: boolean;
@@ -7,6 +20,7 @@ interface Props {
     allowMultiFiles?: boolean;
     /** Overrides default `delete-attachment` test id when provided */
     deleteAttachmentDataTestId?: string;
+    highlightedCitations?: Citation[];
     maxHeight?: boolean;
     pdfTitle?: string;
     /** When false with showTitlebarIcon, hides replace upload; delete still shows if onDeleteClick is used. Default true. */

package/dist/components/expenseAutomation/ExpenseAutomationPage.d.ts

@@ -20,6 +20,7 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     isJEScheduleCOTEnabled: boolean;
     isProjectsTransactionsEnabled: boolean;
     isRealtimeInsightsFeatureEnabled: boolean;
+    isReconV3Enabled: boolean;
     isTransactionActivityEnabled: boolean;
     receiptUploadEndpoint: string;
     vendorSearchAutoCompleteActions: AutoCompleteActions;

package/dist/components/expenseAutomation/components/TableSection.d.ts

@@ -36,6 +36,7 @@ interface TableSectionProps extends MissingReceiptsListTableActionProps, Transac
     isAccountingClassesEnabled: boolean;
     isCOTEnabled: boolean;
     isProjectsTransactionsEnabled: boolean;
+    isReconV3Enabled: boolean;
     isTransactionActivityEnabled: boolean;
     receiptUploadEndpoint: string;
     vendorSearchAutoCompleteActions: AutoCompleteActions;

package/dist/components/expenseAutomation/sections/accountRecon/AccountReconDetailsDrawerPageV2.d.ts

@@ -0,0 +1,44 @@
+import { AccountReconciliationByAccount, AuthParams, FetchStateAndError, File as FileEntity, ID, MonthYearPeriod, PlaidConnectionDetails, PlaidLinkTokenType, ReconciliationAccountSourceType, StatementUpdateLocalData, UploadStatementDocumentAIPayload } from '@zeniai/client-epic-state';
+export interface AccountReconDrawerDetailsSectionFormData {
+    file?: FileEntity;
+    selectedType?: ReconciliationAccountSourceType;
+}
+type FormDataKeys = keyof AccountReconDrawerDetailsSectionFormData;
+export declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.file` | `${string}.selectedType`;
+export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
+declare const accountReconDrawerDetailsSectionId = "accountReconDrawerDetailsSection";
+export interface FormData {
+    [accountReconDrawerDetailsSectionId]: AccountReconDrawerDetailsSectionFormData;
+}
+export interface Props {
+    accountReconciliation: AccountReconciliationByAccount;
+    authParams: AuthParams;
+    excludeAccountFetch: FetchStateAndError;
+    filesEndPoint: string;
+    monthYearPeriod: MonthYearPeriod;
+    openFilePicker: boolean;
+    plaidConnectionDetails: PlaidConnectionDetails;
+    isReconV3Enabled?: boolean;
+    reconciledByName?: string;
+    statementProcessingFailed?: boolean;
+    onDeleteFile: (fileId: ID) => void;
+    onDismissClick: () => void;
+    onEditFileName: (fileId: ID, fileName: string) => void;
+    onEstablishConnectionClick: (publicToken: ID, accountId: ID, linkTokenType?: PlaidLinkTokenType) => void;
+    onExcludeFromReconciliation: () => void;
+    onFetchLinkTokenClick: (plaidLinkTokenType: PlaidLinkTokenType, paymentAccountId?: ID) => void;
+    onSelectSourceType: (sourceType: ReconciliationAccountSourceType) => void;
+    onStatementUploadSuccess: (statementUploadPayload: UploadStatementDocumentAIPayload) => void;
+    onUploadWindowOpenedOnce: () => void;
+    onDismissDateConflict?: () => void;
+    onDismissStatementProcessingFailed?: () => void;
+    onFileUploadStarted?: () => void;
+    onRetryParsing?: (accountId: ID, selectedPeriod: MonthYearPeriod, statementUploadId: ID) => void;
+    onReuploadAfterDateConflict?: () => void;
+    onReuploadStatement?: () => void;
+    onReviewClicked?: (accountId: ID) => void;
+    onStatementConfirmSave?: () => void;
+    onStatementFormDataChange?: (updateData: StatementUpdateLocalData) => void;
+}
+export default function AccountReconDetailsDrawerPage({ accountReconciliation, plaidConnectionDetails, monthYearPeriod, openFilePicker, filesEndPoint, authParams, excludeAccountFetch, onDismissClick, onFetchLinkTokenClick, onEstablishConnectionClick, onExcludeFromReconciliation, onSelectSourceType, onDeleteFile, onEditFileName, onStatementUploadSuccess, onUploadWindowOpenedOnce, onFileUploadStarted, onRetryParsing, onReviewClicked, onDismissStatementProcessingFailed, onReuploadStatement, onStatementConfirmSave, onStatementFormDataChange, onDismissDateConflict, onReuploadAfterDateConflict, reconciledByName, statementProcessingFailed, isReconV3Enabled, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/expenseAutomation/sections/accountRecon/AccountReconListSkeleton.d.ts

@@ -1,2 +1,4 @@
-declare const AccountReconListSkeleton: () => import("react/jsx-runtime").JSX.Element;
+declare const AccountReconListSkeleton: ({ showStatsCards, }: {
+    showStatsCards?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AccountReconListSkeleton;

package/dist/components/expenseAutomation/sections/accountRecon/AccountReconciliationListPage.d.ts

@@ -1,6 +1,7 @@
 import { ExpenseAutomationReconciliationViewSelector, ID, PlaidLinkTokenType } from '@zeniai/client-epic-state';
 export interface AccountReconciliationListPageProps {
     companyId: ID;
+    isReconV3Enabled: boolean;
     reconciliation: ExpenseAutomationReconciliationViewSelector;
     onAddStatementClick: (accountId: ID) => void;
     onEstablishConnectionClick: (publicToken: ID, accountId: ID, linkTokenType?: PlaidLinkTokenType) => void;
@@ -12,4 +13,4 @@ export interface AccountReconciliationListPageProps {
     onAccountExclude?: (accountId: ID) => void;
     onAccountInclude?: (accountId: ID) => void;
 }
-export default function AccountReconciliationListPage({ reconciliation, companyId, onReload, onReviewClicked, setOpenDrawerClicked, onFetchLinkTokenClick, onEstablishConnectionClick, onAddStatementClick, onNodeCollapseToggled, onAccountExclude, onAccountInclude, }: Readonly<AccountReconciliationListPageProps>): import("react/jsx-runtime").JSX.Element;
+export default function AccountReconciliationListPage({ reconciliation, companyId, onReload, onReviewClicked, setOpenDrawerClicked, onFetchLinkTokenClick, onEstablishConnectionClick, onAddStatementClick, onNodeCollapseToggled, onAccountExclude, onAccountInclude, isReconV3Enabled, }: Readonly<AccountReconciliationListPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/expenseAutomation/sections/accountRecon/AccountReconciliationPage.d.ts

@@ -25,7 +25,8 @@ export interface AccountReconciliationParentPageActionProps {
 }
 export interface AccountReconciliationPageProps extends AccountReconciliationParentPageActionProps {
     isAccountingClassesEnabled: boolean;
+    isReconV3Enabled: boolean;
     reconciliation: ExpenseAutomationReconciliationViewSelector;
     vendorSearchAutoCompleteData: AutoCompleteData;
 }
-export default function AccountReconciliationPage({ currentFooterFormId, isAccountingClassesEnabled, vendorSearchAutoCompleteData, vendorSearchAutoCompleteActions, reconciliation, companyId, onReconTabColumnSortConfigChanged, updateReconReviewTabLocalData, onUpdateReconcileTabLocalData, setCurrentFooterFormId, onReloadReconciliationListPage, onReviewClicked, onFetchLinkTokenClick, onEstablishConnectionClick, onAddStatementClick, onReconReviewTabColumnSortConfigChanged, onSaveReconciliation, onSaveReconciliationReview, setOpenDrawerClicked, onReconMatchedTransactionClick, onReconNodeCollapseToggled, onExcludeAccountFromReconciliation, onIncludeAccountIntoReconciliation, }: Readonly<AccountReconciliationPageProps>): import("react/jsx-runtime").JSX.Element;
+export default function AccountReconciliationPage({ currentFooterFormId, isAccountingClassesEnabled, vendorSearchAutoCompleteData, vendorSearchAutoCompleteActions, reconciliation, companyId, onReconTabColumnSortConfigChanged, updateReconReviewTabLocalData, onUpdateReconcileTabLocalData, setCurrentFooterFormId, onReloadReconciliationListPage, onReviewClicked, onFetchLinkTokenClick, onEstablishConnectionClick, onAddStatementClick, onReconReviewTabColumnSortConfigChanged, onSaveReconciliation, onSaveReconciliationReview, setOpenDrawerClicked, onReconMatchedTransactionClick, onReconNodeCollapseToggled, onExcludeAccountFromReconciliation, onIncludeAccountIntoReconciliation, isReconV3Enabled, }: Readonly<AccountReconciliationPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/expenseAutomation/sections/accountRecon/ExcludedAccountReconDetailsDrawerPage.d.ts

@@ -2,6 +2,8 @@ import { AccountReconciliationByAccount, FetchStateAndError } from '@zeniai/clie
 export interface ExcludedAccountReconDetailsDrawerPageProps {
     excludedAccountReconciliation: AccountReconciliationByAccount;
     includeAccountFetch: FetchStateAndError;
+    isReconV3Enabled?: boolean;
     onIncludeIntoReconciliation: () => void;
+    onDismissClick?: () => void;
 }
-export default function ExcludedAccountReconDetailsDrawerPage({ excludedAccountReconciliation, includeAccountFetch, onIncludeIntoReconciliation, }: Readonly<ExcludedAccountReconDetailsDrawerPageProps>): import("react/jsx-runtime").JSX.Element;
+export default function ExcludedAccountReconDetailsDrawerPage({ excludedAccountReconciliation, includeAccountFetch, onDismissClick, onIncludeIntoReconciliation, }: Readonly<ExcludedAccountReconDetailsDrawerPageProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/expenseAutomation/sections/accountRecon/ReconciliationProgressBar.d.ts

@@ -0,0 +1,10 @@
+export interface ReconciliationProgress {
+    aiPercentageShare: number;
+    completePercentage: number;
+    humanPercentageShare: number;
+    remainingPercentage: number;
+}
+export interface ReconciliationProgressBarProps {
+    progress: ReconciliationProgress;
+}
+export declare function ReconciliationProgressBar({ progress, }: Readonly<ReconciliationProgressBarProps>): JSX.Element;

package/dist/components/expenseAutomation/sections/accountRecon/ReconciliationStatsCards.d.ts

@@ -0,0 +1,5 @@
+import { ExpenseAutomationReconciliationViewSelector } from '@zeniai/client-epic-state';
+export interface ReconciliationStatsCardsProps {
+    reconciliation: ExpenseAutomationReconciliationViewSelector;
+}
+export declare function ReconciliationStatsCards({ reconciliation, }: ReconciliationStatsCardsProps): JSX.Element;

package/dist/components/expenseAutomation/sections/accountRecon/StatementDateConflictPopup.d.ts

@@ -0,0 +1,8 @@
+import { StatementDateConflict } from '@zeniai/client-epic-state';
+export interface StatementDateConflictPopupProps {
+    conflict: StatementDateConflict;
+    reconciledByName?: string;
+    onCancel: () => void;
+    onReupload: () => void;
+}
+export default function StatementDateConflictPopup({ conflict, reconciledByName, onCancel, onReupload, }: Readonly<StatementDateConflictPopupProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/expenseAutomation/sections/accountRecon/StatementPageLayout.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { File as FileEntity } from '@zeniai/client-epic-state';
+import { Citation } from '../../../common/uploadInvoice/RenderPdf';
+/** Minimal file shape for the left PDF pane (entity File or parse response FileInfo). */
+export type StatementPageFile = {
+    signedUrl: FileEntity["signedUrl"] | string;
+    fileName?: string;
+};
+interface StatementPageLayoutProps {
+    accountName: string;
+    children: ReactNode;
+    file: StatementPageFile | undefined;
+    navSource: string;
+    highlightedCitations?: Citation[];
+    onBack: () => void;
+}
+export default function StatementPageLayout({ accountName, children, file, navSource, highlightedCitations, onBack, }: Readonly<StatementPageLayoutProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/expenseAutomation/sections/accountRecon/StatementParseInfo.d.ts

@@ -0,0 +1,14 @@
+import { FetchState, ParsedStatementData, StatementUpdateLocalData } from '@zeniai/client-epic-state';
+import { Citation } from '../../../common/uploadInvoice/RenderPdf';
+interface StatementParseInfoProps {
+    parsedData: ParsedStatementData | undefined;
+    statementUpdateFetchState?: FetchState;
+    onCancel: () => void;
+    onClose: () => void;
+    onConfirmSave: () => void;
+    onFormDataChange: (updateData: StatementUpdateLocalData) => void;
+    onRetry: () => void;
+    onHighlightedCitationsChange?: (citations: Citation[] | undefined) => void;
+}
+export default function StatementParseInfo({ parsedData, onCancel, onClose, onRetry, onConfirmSave, onFormDataChange, onHighlightedCitationsChange, statementUpdateFetchState, }: Readonly<StatementParseInfoProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/expenseAutomation/sections/accountRecon/StatementProcessingPage.d.ts

@@ -0,0 +1,10 @@
+interface StatementProcessingPageProps {
+    isUploadComplete: boolean;
+    _storyCompletedSteps?: number;
+    isParsedDataReady?: boolean;
+    onCancel: () => void;
+    onContinueInBackground: () => void;
+    onAllStepsComplete?: () => void;
+}
+export default function StatementProcessingPage({ isUploadComplete, _storyCompletedSteps, isParsedDataReady, onCancel, onContinueInBackground, onAllStepsComplete, }: Readonly<StatementProcessingPageProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/expenseAutomation/sections/accountRecon/mapAccountReconToReportTreeNodesV2.d.ts

@@ -0,0 +1,16 @@
+import { ExpenseAutomationReconciliationViewSelector, ID } from '@zeniai/client-epic-state';
+import { RootNodes } from '../../../reportTree/ReportTree';
+import { ReportElementConfig, ReportTreeNode } from '../../../reportTree/reportTreeTypes';
+export type AccountReconSectionId = "assets" | "liabilities";
+/**
+ * Calculate the Y position where the Liabilities section starts.
+ * This is used to determine when to switch the sticky header title.
+ */
+export declare function calculateLiabilitiesSectionStartY(numAssetAccounts: number, hasLiabilitiesSection: boolean): number;
+export declare const mapAccountReconToReportTreeNodes: (report: ExpenseAutomationReconciliationViewSelector, config: ReportElementConfig, accountReconConfig: Record<string, string[]>, // This is expected to be a record of companyId to an array of account IDs that should be hidden
+companyId: ID, makeTimeframeRowSticky?: boolean, visibleSectionId?: AccountReconSectionId) => {
+    config: ReportElementConfig;
+    headerNodes: ReportTreeNode[];
+    contentNodes: ReportTreeNode[];
+};
+export declare function getRootNodesWithUpdatedConfig(rootNodes: RootNodes, report: ExpenseAutomationReconciliationViewSelector, updatedConfig: ReportElementConfig, makeTimeframeRowSticky?: boolean, visibleSectionId?: AccountReconSectionId): RootNodes;

package/dist/components/expenseAutomation/sections/accountRecon/mapExcludedAccountReconToReportTreeNodes.d.ts

@@ -2,4 +2,6 @@ import { ExpenseAutomationReconciliationViewSelector } from '@zeniai/client-epic
 import { RootNodes } from '../../../reportTree/ReportTree';
 import { ReportElementConfig } from '../../../reportTree/reportTreeTypes';
 export declare const mapExcludedAccountReconToReportTreeNodes: (report: ExpenseAutomationReconciliationViewSelector, config: ReportElementConfig, makeTimeframeRowSticky?: boolean) => RootNodes | undefined;
+export declare const mapExcludedAccountReconToReportTreeNodesV2: (report: ExpenseAutomationReconciliationViewSelector, config: ReportElementConfig, makeTimeframeRowSticky?: boolean) => RootNodes | undefined;
 export declare function calculateTreeHeight(rootNodes: RootNodes, nodeOpenStatus?: Record<string, boolean>): number;
+export declare function calculateTreeHeightV2(rootNodes: RootNodes, nodeOpenStatus?: Record<string, boolean>): number;

package/dist/components/reportTree/reportTreeTypes.d.ts

@@ -73,6 +73,7 @@ export interface ReportElementConfig {
         isIncludeInProgress: boolean;
         liabilitiesCount: number;
         tableType: "excluded" | "normal";
+        isV2?: boolean;
         selectedDrawerAccountId?: ID;
         onConnectClicked: (accountId: ID) => void;
         onOpenDrawerClicked: (accountId: ID) => void;

package/dist/components/reportTree/treeNode/accountReconReport/row/AccountRow.d.ts

@@ -32,6 +32,18 @@ export declare const getVarianceColors: (theme: Theme, variance?: Amount, reconc
     variancePercentageColor: Color<Colors.tagSuccessColorLight>;
     variancePercentageContainerColor: Color<Colors.tagSuccessBgLight>;
 };
+export declare const ShowStatusForBankConnection: ({ accountRecon, isLoading, onReviewClicked, showReviewButton, }: {
+    accountRecon: AccountReconciliationByAccount;
+    isLoading: boolean;
+    showReviewButton?: boolean;
+    onReviewClicked?: () => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ShowStatusForStatementConnection: ({ accountRecon, isLoading, onReviewClicked, showReviewButton, }: {
+    accountRecon: AccountReconciliationByAccount;
+    isLoading: boolean;
+    showReviewButton?: boolean;
+    onReviewClicked?: () => void;
+}) => import("react/jsx-runtime").JSX.Element | null;
 interface ShowBankBalanceProps {
     accountId: ID;
     bankBalance: Amount | undefined;

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/AccountRow.d.ts

@@ -0,0 +1,59 @@
+import { Theme } from '@mui/material/styles';
+import { default as Color } from 'color';
+import { AccountReconciliationByAccount, AccountType, Amount, BankStatusCodeType, ID, ReconciliationStatusCodeType, StatementStatusCodeType, ZeniDate } from '@zeniai/client-epic-state';
+import { Colors } from '../../../../../../designSystem/zeniConstants';
+interface Props {
+    accountRecon: AccountReconciliationByAccount;
+    height: number;
+    isExcludeInProgress: boolean;
+    isIncludeInProgress: boolean;
+    isLastRow: boolean;
+    isSelectedRow: boolean;
+    shouldShowBottomRadius: boolean;
+    tableType: "excluded" | "normal";
+    index?: number;
+    onConnectClicked?: (accountId: ID) => void;
+    onExcludeClicked?: (accountId: ID) => void;
+    onIgnoreDetectionClicked?: (accountId: ID) => void;
+    onOpenDrawerClicked?: (accountId: ID) => void;
+    onReconnectClicked?: (accountId: ID) => void;
+    onReviewClicked?: (accountId: ID) => void;
+    onStatementAddClicked?: (accountId: ID) => void;
+}
+export default function AccountRow({ height, accountRecon, isLastRow, shouldShowBottomRadius, isSelectedRow, index, tableType, isExcludeInProgress, isIncludeInProgress, onReviewClicked: _onReviewClicked, onOpenDrawerClicked, onConnectClicked, onReconnectClicked, onStatementAddClicked, onExcludeClicked, onIgnoreDetectionClicked, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export declare const ShowVariance: ({ variance, variancePercentage, reconciliationStatusCode, isLoading, }: {
+    isLoading: boolean;
+    reconciliationStatusCode?: ReconciliationStatusCodeType;
+    variance?: Amount;
+    variancePercentage?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const getVarianceColors: (theme: Theme, variance?: Amount, _reconciliationStatusCode?: ReconciliationStatusCodeType) => {
+    varianceColor: Color<string>;
+    variancePercentageColor: Color<Colors.tagSuccessColorLight>;
+    variancePercentageContainerColor: Color<Colors.tagSuccessBgLight>;
+};
+interface ShowBankBalanceProps {
+    accountId: ID;
+    bankBalance: Amount | undefined;
+    bankConnection: BankStatusCodeType;
+    isLoading: boolean;
+    sourceType: "bank" | "statement" | "none";
+    statementStatus: StatementStatusCodeType;
+    accountType?: AccountType;
+    /** Split layout: icon-only column vs closing-balance amount column vs legacy combined cell */
+    columnMode?: "full" | "icon" | "amount";
+    fromDrawer?: boolean;
+    lastUpdatedAt?: ZeniDate;
+    /** When `sourceType === "none"`, same MoreMenu as + icon; `connectLink` swaps the trigger for underlined Connect text. */
+    noneSourceTrigger?: "addIcon" | "connectLink";
+    setIsStatusHovered: (isStatusHovered: boolean) => void;
+    onConnectClicked?: () => void;
+    onReconnectClicked?: () => void;
+    onStatementAddClicked?: () => void;
+}
+export declare const ShowBankBalance: ({ bankBalance, accountType, bankConnection, sourceType, statementStatus, fromDrawer, onConnectClicked, onReconnectClicked, isLoading, accountId, onStatementAddClicked, setIsStatusHovered, columnMode, noneSourceTrigger, }: ShowBankBalanceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShowClearedBalance: ({ clearedBalance, isLoading, }: {
+    clearedBalance: Amount | undefined;
+    isLoading: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/LoadingInProgressRow.d.ts

@@ -0,0 +1,3 @@
+export default function LoadingInProgressRow({ height }: {
+    height: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/SectionRow.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    height: number;
+    isOpen: boolean;
+    title: string;
+    treeNodeId: string;
+    tableType?: "excluded" | "normal";
+    onClick?: (treeNodeId: string) => void;
+}
+export default function SectionRow({ height, title, treeNodeId, isOpen, onClick, tableType, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/TimeframeRow.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    height: number;
+    isSticky: boolean;
+    sectionTitle: string;
+    tableType: "excluded" | "normal";
+}
+export default function TimeframeRow({ sectionTitle, height, tableType, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/TotalRow.d.ts

@@ -0,0 +1,15 @@
+import { AccountReconciliationBySection, Amount } from '@zeniai/client-epic-state';
+export interface Props {
+    height: number;
+    isOpen: boolean;
+    isSticky: boolean;
+    sectionData: AccountReconciliationBySection;
+    tableType: "excluded" | "normal";
+    treeNodeId?: string;
+    onClick?: (treeNodeId: string) => void;
+}
+export default function TotalRow({ height, isOpen, sectionData, tableType, treeNodeId, onClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export declare const VarianceElement: ({ variance, variancePercentage, }: {
+    variance?: Amount;
+    variancePercentage?: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/common.d.ts

@@ -0,0 +1,38 @@
+import { ReportElementKind } from '../../../../reportTreeTypes';
+export declare const commonDimensions: {
+    timeframeHeight: number;
+    leftHeadingWidth: number;
+    leftHeadingPadding: number;
+    leftTimeframeWidth: number;
+    leftLabelWidth: number;
+    /** Narrow column for bank / statement source icons */
+    sourceIconColumnWidth: number;
+    bankBalanceWidth: number;
+    bankBalanceTimeframeWidth: number;
+    bankBalanceRightWidth: number;
+    bankBalanceRightTimeframeWidth: number;
+    clearedBalanceWidth: number;
+    clearedBalanceTimeframeWidth: number;
+    openingBalanceWidth: number;
+    closingBalanceWidth: number;
+    varianceWidth: number;
+    varianceTimeframeWidth: number;
+    varianceNumberWidth: number;
+    varianceNumberLoadingWidth: number;
+    variancePercentageWidth: number;
+    matchProgressWidth: number;
+    lastReconciledWidth: number;
+    statusWidth: number;
+    statusTimeframeWidth: number;
+    tickLeftMargin: number;
+    circleRadius: number;
+    spacerLineWidth: number;
+    /** Minimum width for the scrollable numeric/icon region */
+    dataColumnsWidth: number;
+    /** Icon, Match (AI Progress), Opening, Closing, Cleared, Variance, Last reconciled */
+    dataColumnsTemplate: string;
+    tableWidth: number;
+    wrapperPadding: number;
+};
+export declare function getDefaultNodeHeight(reportElementKind: ReportElementKind): number;
+export declare function isNodeOpenByDefault(): boolean;

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/rowConstructors.d.ts

@@ -0,0 +1,6 @@
+import { ReportElementData } from '../../../../reportTreeTypes';
+export declare function getSectionRow(reportElementData: ReportElementData, treeNodeId: string, isOpen: boolean, onClick?: (treeNodeId: string) => void): import("react/jsx-runtime").JSX.Element;
+export declare function getLoadingInProgressRow(): import("react/jsx-runtime").JSX.Element;
+export declare function getHeaderRow(reportElementData: ReportElementData, isSticky: boolean): import("react/jsx-runtime").JSX.Element | null;
+export declare const getTotalRow: (reportElementData: ReportElementData, treeNodeId: string, height: number, isSticky: boolean, isOpen: boolean, nodeClickHandler?: (treeNodeId: string) => void) => import("react/jsx-runtime").JSX.Element;
+export declare const getAccountRow: (reportElementData: ReportElementData, height: number, isLastNode: boolean) => import("react/jsx-runtime").JSX.Element;

package/dist/components/reportTree/treeNode/accountReconReport/row/v2/statusHelper.d.ts

@@ -0,0 +1,12 @@
+import { AccountReconciliationByAccount, ReconciliationStatusCodeType } from '@zeniai/client-epic-state';
+type StatusProps = {
+    accountRecon: AccountReconciliationByAccount;
+    isLoading: boolean;
+};
+/** V2 list row — Review lives in AccountReconDetailsDrawerPageV2, not the AI Progress column. */
+export declare function ShowStatusForBankConnectionV2({ accountRecon, isLoading, }: Readonly<StatusProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ShowStatusForStatementConnectionV2({ accountRecon, isLoading, }: Readonly<StatusProps>): import("react/jsx-runtime").JSX.Element;
+/** When true, AI Progress shows the Reconciled tag instead of the match progress bar. */
+export declare function shouldShowReconciledTagInMatchProgress(reconciliationStatusCode?: ReconciliationStatusCodeType): boolean;
+export declare function shouldShowMatchProgressBar(matchTotal: number, reconciliationStatusCode?: ReconciliationStatusCodeType): boolean;
+export {};

package/dist/components/reportTree/treeNode/accountReconReport/treeNodeMappers/v2/mapSectionToTreeNode.d.ts

@@ -0,0 +1,11 @@
+import { AccountReconciliationByAccount, AccountReconciliationBySection, ID } from '@zeniai/client-epic-state';
+import { ReportElementConfig, ReportTreeNode } from '../../../../reportTreeTypes';
+export declare function mapSectionToTreeNode({ section, allAccountReconciliations, title, subTitle, isLastNode, isTitleRowRequired, config, }: {
+    allAccountReconciliations: Record<ID, AccountReconciliationByAccount>;
+    config: ReportElementConfig;
+    isLastNode: boolean;
+    isTitleRowRequired: boolean;
+    section: AccountReconciliationBySection;
+    subTitle: string;
+    title: string;
+}): ReportTreeNode;

package/dist/components/reportTree/treeNode/getTreeNodeData.d.ts

@@ -2,5 +2,5 @@ import { TreeWalkerValue } from 'react-vtree';
 import { ReportFormat, ReportIDPlusForecastID } from '@zeniai/client-epic-state';
 import { ReportElementKind, ReportTreeKind, ReportTreeNode, ReportTreeNodeData, ReportTreeNodeMetadata } from '../reportTreeTypes';
 export declare function getNodeData(node: ReportTreeNode, treeKind: ReportTreeKind, nestingLevel: number, isOpen: boolean | undefined): TreeWalkerValue<ReportTreeNodeData, ReportTreeNodeMetadata>;
-export declare function getDefaultNodeHeight(reportId: ReportIDPlusForecastID, reportElementKind: ReportElementKind, isFirstNode?: boolean): number;
+export declare function getDefaultNodeHeight(reportId: ReportIDPlusForecastID, reportElementKind: ReportElementKind, isFirstNode?: boolean, isAccountReconV2?: boolean): number;
 export declare function isNodeOpenByDefault(reportId: ReportIDPlusForecastID, reportElementKind: ReportElementKind, nestingLevel: number, reportFormat: ReportFormat): boolean;

package/dist/context/SidePanelContext.d.ts

@@ -17,7 +17,7 @@ export declare const QuickViewModeContext: import('react').Context<boolean>;
 export declare const DropdownPortalContext: import('react').Context<HTMLElement | null>;
 export interface PanelInternalState {
     selectedItemId?: ID;
-    closePanel: () => void;
+    closePanel?: () => void;
     maximize?: () => void;
 }
 export declare const PanelInternalContext: import('react').Context<PanelInternalState | null>;