@zeniai/web-components 4.3.68 → 4.3.69

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

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { RoutineRun } from './helpers/aiCfoRoutines';
+/**
+ * The routine's past runs, beside its conversation.
+ *
+ * A routine's runs all append to ONE thread, so scrolling is the only way to
+ * find the run you came for. This lists them, newest first, and says which are
+ * unread — the same question the rail badge raises, answered where the answers
+ * actually are.
+ */
+export interface AiCfoRoutineRunsPanelProps {
+    error: boolean;
+    /**
+     * True while the runs are being fetched OR before the fetch has begun.
+     *
+     * Both, because an empty list with nothing in flight rendered "No runs yet."
+     * on a routine that had runs — the panel answered before it had asked.
+     */
+    loading: boolean;
+    routineName: string;
+    runs: RoutineRun[];
+    /** The cadence sentence, so the panel says what this thing does unprompted. */
+    schedule: string;
+    /** The routine's timezone, so run times read as the routine's own. */
+    tzName: string | null;
+    /** Runs newer than this many are marked unread. 0 means none are. */
+    unreadCount: number;
+    /**
+     * The conversation currently on screen, so its run reads as the one being
+     * looked at. Null on the routine's own page, where no run is open.
+     */
+    openSessionId?: string | null;
+    /** The skill this runs, when it runs one. Absent for a written prompt. */
+    skillName?: string;
+    onOpenRun: (run: RoutineRun) => void;
+    /** Opens the routine's own page, where it is configured and edited. */
+    onOpenRoutine?: () => void;
+    /** Absent renders the skill as text rather than a link that goes nowhere. */
+    onOpenSkill?: () => void;
+}
+declare const AiCfoRoutineRunsPanel: React.FC<AiCfoRoutineRunsPanelProps>;
+export default AiCfoRoutineRunsPanel;

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

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { Routine } from './helpers/aiCfoRoutines';
+export interface AiCfoRoutinesBrowserProps {
+    /** False withholds "New routine" — the server states the cap, not the client. */
+    canCreate: boolean;
+    listError: boolean;
+    /**
+     * The list is being fetched. Distinct from "no routines": opening the tab
+     * triggers the fetch, so without this an empty list reads as "you have none"
+     * for the whole round trip.
+     */
+    listLoading: boolean;
+    /** The server's cap, for the message when it is reached. */
+    maxRoutines: number;
+    routines: Routine[];
+    /**
+     * Open one routine.
+     *
+     * Everything a routine can DO — run, pause, edit, delete, its run history —
+     * lives on that page. The list stayed readable while it had two controls; at
+     * six it was a wall of identical text links with no hierarchy.
+     */
+    /**
+     * Required: every row renders as a button with a chevron, so a list
+     * mounted without this looks navigable and silently does nothing — and
+     * opening a routine is the only thing this list does.
+     */
+    onOpen: (routine: Routine) => void;
+    /** Absent withholds the control rather than rendering one the API refuses. */
+    onCreate?: () => void;
+    /**
+     * Start a routine from a description.
+     *
+     * Opens the editor with the text as the instructions — it does NOT infer a
+     * schedule from the sentence. The cadence is one control away and getting it
+     * wrong silently is worse than asking.
+     */
+    onDraft?: (instructions: string) => void;
+}
+declare const AiCfoRoutinesBrowser: React.FC<AiCfoRoutinesBrowserProps>;
+export default AiCfoRoutinesBrowser;

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

@@ -1,5 +1,16 @@
 /** Shared height for the scroll area fade gradient. */
 export declare const AI_CFO_SCROLL_GRADIENT_HEIGHT: string;
+/**
+ * The conversation and whatever sits beside it.
+ *
+ * A row so a side panel takes width from the chat rather than overlaying it —
+ * an overlay would cover the answer the panel exists to help you find. Takes
+ * over the height AiCfoScrollWrapper used to claim directly, and passes it on.
+ */
+export declare const ChatWithPanel: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AiCfoScrollWrapper: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;

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

@@ -0,0 +1,197 @@
+/**
+ * Imported from `@zeniai/client-epic-state` once #3360 publishes. Declared here
+ * meanwhile because that import does not fail today — it degrades silently, so
+ * every guarantee below would be unchecked.
+ */
+export type RoutineRecurrence = "daily" | "weekly" | "monthly";
+export type RoutineStatus = "succeeded" | "failed" | "timeout";
+export interface Routine {
+    consecutiveFailures: number;
+    dayOfMonth: number | null;
+    enabled: boolean;
+    hour: number;
+    isAdHoc: boolean;
+    lastRunAt: string | null;
+    lastStatus: RoutineStatus | null;
+    /** '' when the skill behind this routine was deleted. */
+    macroId: string;
+    minute: number;
+    name: string;
+    nextRunAt: string | null;
+    pinnedVersion: number | null;
+    /** Null when this client does not recognise the server's cadence. */
+    recurrence: RoutineRecurrence | null;
+    scheduleId: string;
+    sessionId: string | null;
+    tzName: string | null;
+    /** Runs whose answer has not been opened. Drives the "N new" badge. */
+    unreadRuns: number;
+    weekday: number | null;
+}
+/** Mirrors `RoutineDraft`; imported from the package once #3360 publishes. */
+export interface RoutineEditorDraft {
+    hour: number;
+    minute: number;
+    name: string;
+    recurrence: RoutineRecurrence;
+    tzName: string;
+    dayOfMonth?: number;
+    macroId?: string;
+    prompt?: string;
+    weekday?: number;
+}
+/**
+ * Just the cadence fields, so the editor can describe a draft it has not saved
+ * yet. `Routine` satisfies this structurally, which keeps one implementation of
+ * the sentence behind both the list row and the editor's summary line.
+ */
+export interface RoutineSchedule {
+    dayOfMonth: number | null;
+    hour: number;
+    minute: number;
+    recurrence: RoutineRecurrence | null;
+    weekday: number | null;
+}
+/** Mirrors `RoutineRunStatus`; imported from the package once #3360 publishes. */
+export type RoutineRunStatus = "claimed" | "running" | "succeeded" | "failed" | "timeout";
+/** Mirrors `RoutineRun`; imported from the package once #3360 publishes. */
+export interface RoutineRun {
+    attempt: number;
+    /** Why it failed. The only place a failed run explains itself. */
+    error: string | null;
+    finishedAt: string | null;
+    isManual: boolean;
+    /** The message this run produced. Null opens the thread instead. */
+    questionAnswerId: string | null;
+    runId: string;
+    scheduledFor: string | null;
+    /**
+     * This run's own conversation.
+     *
+     * Each run gets one, so a follow-up about one report stays with that report.
+     * Null on runs from before that was true, and on a run that has not started
+     * — neither has a thread to open.
+     */
+    sessionId: string | null;
+    startedAt: string | null;
+    /** Null when this client does not recognise the server's status. */
+    status: RoutineRunStatus | null;
+}
+/** Whether a run is still going, and so has no outcome to report yet. */
+export declare const isRunInFlight: (run: RoutineRun) => boolean;
+/**
+ * When a run happened, in the routine's own timezone.
+ *
+ * `finishedAt` first, then `startedAt`, then the occurrence it belongs to: a
+ * run in flight has no finish, and a claimed one has no start, but every run
+ * has something honest to show.
+ */
+export declare const runTimestamp: (run: RoutineRun) => string | null;
+/** A skill the user may schedule, as the editor's picker needs it. */
+export interface SchedulableSkill {
+    macroId: string;
+    name: string;
+}
+/**
+ * Whether this client can honestly describe — and therefore edit — the schedule.
+ *
+ * One predicate feeding the label, the hint AND the Edit control, because when
+ * those disagree the user gets an editor for a routine the app just said it did
+ * not understand, and saving rewrites the schedule to whatever the form
+ * defaulted to. Range checks are part of it: a weekday of 7 or an hour of 24
+ * otherwise renders a confident, wrong sentence instead of the honest fallback.
+ */
+export declare const isDescribable: (routine: RoutineSchedule) => boolean;
+/**
+ * A routine's time of day, in its own timezone.
+ *
+ * Formatted from the stored hour/minute rather than a Date, because the
+ * routine's timezone is not the viewer's: constructing a Date would render 9am
+ * Pacific as whatever that is locally.
+ */
+export declare const formatTime: (hour: number, minute: number) => string;
+/** An hour, for a picker. */
+export declare const formatHour: (hour: number) => string;
+/** The human sentence for a routine's cadence, or an honest admission. */
+export declare const describeSchedule: (routine: RoutineSchedule) => string;
+/**
+ * A date rendered in the ROUTINE's timezone, not the viewer's.
+ *
+ * `formatIsoDateShort` converts to the browser's zone, which put "Next Sep 8"
+ * (a Tuesday) under "Every Monday at 9:00am (America/Los_Angeles)" for a viewer
+ * in Tokyo. Everything else here avoids Date for that reason; these dates have
+ * to as well, or the row contradicts itself.
+ */
+export declare const formatDateInZone: (iso: string | null, tzName: string | null) => string | null;
+/** Whether a timezone string is one the platform actually knows. */
+export declare const isValidTimezone: (tzName: string) => boolean;
+/**
+ * A timezone's current UTC offset, e.g. "GMT+5:30", for the schedule summary.
+ *
+ * Offsets shift with DST, so this is what the zone reads TODAY — enough to
+ * confirm you picked the right zone, which is all the summary claims.
+ */
+export declare const formatZoneOffset: (tzName: string) => string | null;
+/**
+ * Every timezone the platform knows, for the picker's suggestions.
+ *
+ * Empty on a browser without `Intl.supportedValuesOf` — the field stays a plain
+ * text input there, which still works because the value is validated anyway.
+ */
+export declare const timezoneOptions: () => string[];
+/**
+ * The last-run sentence, which must never claim success for a failed run.
+ *
+ * Lives here rather than in the list, because the detail page had its own copy
+ * that hardcoded the success string — so a routine the list correctly showed as
+ * failed reported "Last run 3 Sep" on the page you opened to find out why.
+ */
+export declare const describeLastRun: (routine: RoutineSchedule & {
+    lastRunAt: string | null;
+    lastStatus: RoutineStatus | null;
+    tzName: string | null;
+}) => string;
+/** Whether the routine's last run went wrong, for the status colour. */
+export declare const lastRunFailed: (routine: {
+    lastStatus: RoutineStatus | null;
+}) => boolean;
+/**
+ * The cadence in one or two words, for a rail row.
+ *
+ * `describeSchedule` gives the full sentence a page can afford; a rail row
+ * cannot. "Custom" for a cadence this client does not recognise, matching
+ * everywhere else that refuses to guess one.
+ */
+export declare const shortCadence: (routine: {
+    recurrence: RoutineRecurrence | null;
+}) => string;
+/**
+ * The prefix chat gives a routine's own conversation.
+ *
+ * Mirrors `_ROUTINE_SESSION_PREFIX` in chat's services/routine_runner.py. A
+ * routine's runs all append to one session, and that session comes back in the
+ * ordinary session list, so without this the rail listed every routine twice —
+ * once under Routines and again under Chat history.
+ */
+export declare const ROUTINE_SESSION_PREFIX = "routine_";
+export declare const isRoutineSession: (chatSessionId: string | null | undefined) => boolean;
+/** Mirrors `_SESSION_ID_SEPARATOR` in chat's services/routine_runner.py. */
+export declare const ROUTINE_SESSION_SEPARATOR = "__";
+/**
+ * The routine a run's conversation belongs to, or null.
+ *
+ * `routine_<scheduleId>__<runUuid>`. Kept here rather than in each caller so
+ * the rail and the screen cannot drift on how a session id is read — they both
+ * answer "which routine is open" and have to agree.
+ */
+export declare const routineIdFromSession: (chatSessionId: string | null | undefined) => string | null;
+/**
+ * When a run happened, to the minute.
+ *
+ * Runs need the time and scheduled dates do not: a routine can run more than
+ * once a day — pressing Run does exactly that — and two rows both reading
+ * "Sep 3, 2026" gave no way to tell which run was which. A next-run date takes
+ * `formatDateInZone` instead, because the cadence line beside it already says
+ * the time.
+ */
+export declare const formatRunTime: (iso: string | null, tzName: string | null) => string | null;

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

@@ -27,6 +27,7 @@ export declare const useAiCfoStreamingState: ({ initialAiCfoView, currentChatSes
             };
             agentId?: import('@zeniai/client-epic-state').ID;
             aiCfoSidePanelHostPageKey?: string;
+            isRoutinesBrowserOpen?: boolean;
             isSkillsBrowserOpen?: boolean;
             lastContextMessage?: string;
             lastContextStatus?: import('@zeniai/client-epic-state/view/aiCfoView/aiCfoViewPayload').ContextStatus;

package/dist/components/appDrawerContent/AiCfoMenuContent.d.ts

@@ -1,14 +1,42 @@
 import { AiCfoViewSelector } from '@zeniai/client-epic-state';
 import { AiCfoMenu, InvoicingMenu, MenuListItem, Menu as MenuType, SettingsMenu } from './MenuButton';
 export declare const aiCfoMenuList: MenuListItem[];
+/** Just what the rail row needs; the full type lives with the Routines page. */
+export interface RailRoutine {
+    /** One or two words — "Daily", "Custom". Shown when nothing is unread. */
+    cadence: string;
+    name: string;
+    scheduleId: string;
+    /**
+     * The latest run's conversation, or null before the routine has run.
+     *
+     * Reported by the server rather than derived from the schedule id: runs each
+     * open their own conversation, so a derived id names one that was never
+     * created and the rail lands on an empty thread.
+     */
+    sessionId: string | null;
+    unreadRuns: number;
+}
 export interface Props {
     selectedMenu: MenuType | SettingsMenu | AiCfoMenu | InvoicingMenu;
     aiCfoView?: AiCfoViewSelector;
     isMobile?: boolean;
+    /** Listed under the Routines entry, newest first, as the server ordered them. */
+    routines?: RailRoutine[];
     /** Absent/false hides the Skills entry entirely — the server decides. */
+    /**
+     * Absent/false hides the Routines entry. Gated on the SAME server flag as
+     * Skills: a routine runs a skill, so a tenant without skills has nothing to
+     * schedule and an entry leading to a permanently empty list.
+     */
+    routinesEnabled?: boolean;
+    /** Which routine's page is open, so the rail marks it like any other row. */
+    selectedRoutineId?: string;
     skillsEnabled?: boolean;
     onClick: (_menu: MenuListItem) => void;
     onDeleteChatSession?: (chatSessionId: string) => void;
+    /** Absent hides the list rather than rendering rows that go nowhere. */
+    onRoutineSelect?: (scheduleId: string, sessionId: string | null) => void;
     updateCurrentChatSessionId?: (chatSessionId: string) => void;
 }
-export default function AiCfoMenuContent({ selectedMenu, aiCfoView, isMobile, skillsEnabled, onClick, onDeleteChatSession, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function AiCfoMenuContent({ selectedMenu, aiCfoView, isMobile, routinesEnabled, routines, selectedRoutineId, skillsEnabled, onClick, onRoutineSelect, onDeleteChatSession, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/appDrawerContent/AppDrawerContent.d.ts

@@ -1,5 +1,6 @@
 import { AiCfoViewSelector, CurrentTenant, FetchStateAndError, ID, LoggedInUser, MonthEndCloseChecksView, MonthYearPeriod, RewardsPlanData, TenantBaseView } from '@zeniai/client-epic-state';
 import { DisableMode } from '../formElements/common/common';
+import { RailRoutine } from './AiCfoMenuContent';
 import { AiCfoMenu, InvoicingMenu, Menu, MenuListItem, SettingsMenu } from './MenuButton';
 export interface Props {
     aiCfoView: AiCfoViewSelector;
@@ -36,7 +37,12 @@ export interface Props {
         count: number;
         fetchStatus: FetchStateAndError;
     };
+    /** Forwarded to the AI CFO rail: the Scheduled list under Routines. */
+    routines?: RailRoutine[];
     /** Forwarded to the AI CFO rail: absent/false hides the Skills entry. */
+    /** Gates the Routines rail entry. Its OWN server flag, not the skills one. */
+    routinesEnabled?: boolean;
+    selectedRoutineId?: string;
     skillsEnabled?: boolean;
     thanksGivingAnimationEnabled?: boolean;
     handleLogOutClick: () => void;
@@ -50,7 +56,8 @@ export interface Props {
     onCalendarOpen?: (isOpen: boolean) => void;
     onDeleteChatSession?: (chatSessionId: string) => void;
     onPeriodChange?: (period: MonthYearPeriod) => void;
+    onRoutineSelect?: (scheduleId: string, sessionId: string | null) => void;
     onZeniLogoClick?: () => void;
     updateCurrentChatSessionId?: (chatSessionId: string) => void;
 }
-export default function AppDrawerContent({ currentTenantId, tenants, isVendorsTabVisible, isZeniAccountEnabled, isTreasuryEnabled, isChargeCardEnabled, rewardsConfiguration, selectedMenu, isTenantDropdownDisabled, isSettings, isInvoicing, isAiCfo, isAiCfoAccessEnabled, skillsEnabled, isNotificationsTabVisible, isSettingsFeatureEnabled, signedInUser, aiCfoView, currentTenant, christmasAnimationEnabled, expenseAutomationEnabledCompanies: _expenseAutomationEnabledCompanies, halloweenAnimationEnabled, newYearAnimationEnabled, thanksGivingAnimationEnabled, notificationCountDetails, isExpenseAutomationEnabledForUser, isTaskManagerAccessEnabled, onNotificationIconClick, handleLogOutClick, handleMenuChange, onZeniLogoClick, handleBackClick, handleCockpitClick, handleMyProfileClick, handleReferralsClick, handleTenantSelect, monthEndCloseChecksView, onCalendarOpen, onDeleteChatSession, onPeriodChange, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function AppDrawerContent({ currentTenantId, tenants, isVendorsTabVisible, isZeniAccountEnabled, isTreasuryEnabled, isChargeCardEnabled, rewardsConfiguration, selectedMenu, isTenantDropdownDisabled, isSettings, isInvoicing, isAiCfo, isAiCfoAccessEnabled, routinesEnabled, routines, selectedRoutineId, onRoutineSelect, skillsEnabled, isNotificationsTabVisible, isSettingsFeatureEnabled, signedInUser, aiCfoView, currentTenant, christmasAnimationEnabled, expenseAutomationEnabledCompanies: _expenseAutomationEnabledCompanies, halloweenAnimationEnabled, newYearAnimationEnabled, thanksGivingAnimationEnabled, notificationCountDetails, isExpenseAutomationEnabledForUser, isTaskManagerAccessEnabled, onNotificationIconClick, handleLogOutClick, handleMenuChange, onZeniLogoClick, handleBackClick, handleCockpitClick, handleMyProfileClick, handleReferralsClick, handleTenantSelect, monthEndCloseChecksView, onCalendarOpen, onDeleteChatSession, onPeriodChange, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/appDrawerContent/MenuButton.d.ts

@@ -49,6 +49,7 @@ export declare const MENU_TITLE_MAP: {
     reports: string;
     rewards: string;
     settings: string;
+    routines: string;
     skills: string;
     transaction_categorization: string;
     treasury: string;
@@ -72,9 +73,9 @@ export declare const ALL_SETTINGS_MENU_OPTIONS: readonly ["accounting", "approva
 export declare const toSettingsMenuOptionType: (v: string) => "my_profile" | "accounting" | "billing" | "company_details" | "integrations" | "notifications" | "approval_rules" | "bank_connections" | "business_verification" | "my_bank_connections";
 export declare const toSettingsMenuOptionTypeStrict: (v: string) => "my_profile" | "accounting" | "billing" | "company_details" | "integrations" | "notifications" | "approval_rules" | "bank_connections" | "business_verification" | "my_bank_connections" | undefined;
 export type SettingsMenu = (typeof ALL_SETTINGS_MENU_OPTIONS)[number];
-export declare const ALL_AI_CFO_MENU_OPTIONS: readonly ["new_chat", "explore", "skills", "search_chats"];
-export declare const toAiCfoMenuOptionType: (v: string) => "skills" | "new_chat" | "explore" | "search_chats";
-export declare const toAiCfoMenuOptionTypeStrict: (v: string) => "skills" | "new_chat" | "explore" | "search_chats" | undefined;
+export declare const ALL_AI_CFO_MENU_OPTIONS: readonly ["new_chat", "explore", "skills", "routines", "search_chats"];
+export declare const toAiCfoMenuOptionType: (v: string) => "skills" | "routines" | "new_chat" | "explore" | "search_chats";
+export declare const toAiCfoMenuOptionTypeStrict: (v: string) => "skills" | "routines" | "new_chat" | "explore" | "search_chats" | undefined;
 export type AiCfoMenu = (typeof ALL_AI_CFO_MENU_OPTIONS)[number];
 export declare const ALL_INVOICING_MENU_OPTIONS: readonly ["invoicing_overview", "invoicing_analytics", "invoicing_customers", "invoicing_subscriptions", "invoicing_invoices", "invoicing_payments", "invoicing_credits", "invoicing_discounts", "invoicing_dunning", "invoicing_reports", "invoicing_catalog", "invoicing_settings", "invoicing_settings_payment_destination", "invoicing_settings_branding", "invoicing_settings_integrations", "invoicing_settings_dunning", "invoicing_settings_quickbooks", "invoicing_integrations", "invoicing_data_import", "invoicing_audit_log"];
 export declare const toInvoicingMenuOptionType: (v: string) => "invoicing_overview" | "invoicing_analytics" | "invoicing_customers" | "invoicing_subscriptions" | "invoicing_invoices" | "invoicing_payments" | "invoicing_credits" | "invoicing_discounts" | "invoicing_dunning" | "invoicing_reports" | "invoicing_catalog" | "invoicing_settings" | "invoicing_settings_payment_destination" | "invoicing_settings_branding" | "invoicing_settings_integrations" | "invoicing_settings_dunning" | "invoicing_settings_quickbooks" | "invoicing_integrations" | "invoicing_data_import" | "invoicing_audit_log";

package/dist/components/appDrawerContent/MenuList.d.ts

@@ -1,4 +1,5 @@
 import { AiCfoViewSelector, CurrentTenant, LoggedInUser, MonthEndCloseChecksView, MonthYearPeriod, RewardsPlanData } from '@zeniai/client-epic-state';
+import { RailRoutine } from './AiCfoMenuContent';
 import { AiCfoMenu, InvoicingMenu, Menu, MenuListItem, SettingsMenu } from './MenuButton';
 export declare const COMMAND_CENTER_SUBMENU_TYPES: readonly ["transaction_categorization", "je_schedules", "missing_receipts", "flux_analysis", "reconciliation"];
 export declare const INVOICING_SETTINGS_SUBMENU_TYPES: readonly ["invoicing_settings_branding", "invoicing_settings_integrations", "invoicing_settings_dunning", "invoicing_settings_quickbooks"];
@@ -31,6 +32,11 @@ interface Props {
     currentTenant?: CurrentTenant;
     isTaskManagerAccessEnabled?: boolean;
     monthEndCloseChecksView?: MonthEndCloseChecksView;
+    /** Forwarded to the AI CFO rail: the Scheduled list under Routines. */
+    routines?: RailRoutine[];
+    /** Forwarded to the AI CFO rail: absent/false hides the Routines entry. */
+    routinesEnabled?: boolean;
+    selectedRoutineId?: string;
     /** Forwarded to the AI CFO rail: absent/false hides the Skills entry. */
     skillsEnabled?: boolean;
     style?: React.CSSProperties;
@@ -39,7 +45,8 @@ interface Props {
     onCalendarOpen?: (isOpen: boolean) => void;
     onDeleteChatSession?: (chatSessionId: string) => void;
     onPeriodChange?: (period: MonthYearPeriod) => void;
+    onRoutineSelect?: (scheduleId: string, sessionId: string | null) => void;
     updateCurrentChatSessionId?: (chatSessionId: string) => void;
 }
-export default function MenuList({ selectedMenu, currentTenant, isVendorsTabVisible, isSetting, isInvoicing, isAiCfo, isAiCfoAccessEnabled, skillsEnabled, isZeniAccountEnabled, isChargeCardEnabled, isTreasuryEnabled, rewardsConfiguration, className, style, isNotificationsTabVisible, isTaskManagerAccessEnabled, isExpenseAutomationEnabledForUser, aiCfoView, additionalMessage, monthEndCloseChecksView, onCalendarOpen, onPeriodChange, onSelectionChanged, onDeleteChatSession, updateCurrentChatSessionId, onBackClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function MenuList({ selectedMenu, currentTenant, isVendorsTabVisible, isSetting, isInvoicing, isAiCfo, isAiCfoAccessEnabled, routinesEnabled, routines, selectedRoutineId, onRoutineSelect, skillsEnabled, isZeniAccountEnabled, isChargeCardEnabled, isTreasuryEnabled, rewardsConfiguration, className, style, isNotificationsTabVisible, isTaskManagerAccessEnabled, isExpenseAutomationEnabledForUser, aiCfoView, additionalMessage, monthEndCloseChecksView, onCalendarOpen, onPeriodChange, onSelectionChanged, onDeleteChatSession, updateCurrentChatSessionId, onBackClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/appDrawerContent/appDrawerContent.helpers.d.ts

@@ -4,6 +4,11 @@ export declare const isBillPayTabVisible: (currentTenant: TenantView, globalInfo
 export declare const isReimbursementTabVisible: (currentTenant: TenantView, globalInfo: GlobalInfo) => boolean;
 export declare const isZeniAccountsTabVisible: (isZeniAccountEnabled: boolean, globalInfo: GlobalInfo) => boolean;
 export declare const isTreasuryTabVisible: (isTreasuryEnabled: boolean, globalInfo: GlobalInfo) => boolean;
+/**
+ * Invoicing is restricted to a company's super admins and Zeni's own internal
+ * roles — `hasAdminLevelAccess` covers exactly those two. The Statsig gate
+ * still has to be on; this narrows who sees the tab once it is.
+ */
 export declare const isInvoicingTabVisible: (isInvoicingFeatureEnabled: boolean, globalInfo: GlobalInfo) => boolean;
 export declare const isCardsTabVisible: (currentTenant: TenantView, isCardsModuleGateEnabled: boolean, globalInfo: GlobalInfo, isCardsHidden?: boolean) => boolean;
 export declare const isZeniFinopsRoles: (globalInfo: GlobalInfo | undefined) => boolean;

package/dist/components/common/Picker.d.ts

@@ -18,6 +18,10 @@ export interface Props<T extends string = string> {
     menuPosition?: "left" | "right";
     name?: string;
     optionBackgroundColor?: string;
+    /** Overrides an option row's left padding only (default: react-select's own, ~12px). Vertical padding — and so row height — is untouched. Opt-in — omit to keep existing callers unaffected. */
+    optionPaddingLeft?: string;
+    /** Overrides an option row's right padding only (default: react-select's own, ~12px). Vertical padding — and so row height — is untouched. Opt-in — omit to keep existing callers unaffected. */
+    optionPaddingRight?: string;
     optionTextStyle?: TextStyle;
     outlined?: boolean;
     outlinedHeight?: string;
@@ -30,6 +34,8 @@ export interface Props<T extends string = string> {
     showOnlyDownChevronNotSelectedValue?: boolean;
     /** When true, the selected value + chevron span the full control width with the chevron pushed to the trailing edge, instead of sitting flush against the label. Independent of `outlined` — doesn't touch menu/option styling. Opt-in; existing callers are unaffected. */
     stretchValueToEdge?: boolean;
+    /** Overrides the selected-option tick icon's width/height (default: 12px). Opt-in — omit to keep today's size. */
+    tickSize?: string;
     title?: string;
     titleColor?: string;
     titleTextAlignment?: "flex-start" | "flex-end" | "center";
@@ -51,5 +57,5 @@ interface OptionType extends OptionTypeBase {
     label: string;
     value: string;
 }
-export default function Picker<T extends string = string>({ pickerValues, placeholder, selectedValue, backgroundColor, optionBackgroundColor, selectedOptionBackgroundColor, selectedOptionColor, optionTextStyle, title, titleTextStyle, placeholderTextStyle, titleTextAlignment, titleColor, placeholderColor, inheritRowSurfaceBackground, valueOpacity, outlined, outlinedHeight, isDisabled, isSearchable, isOptionDisabled, menuPosition, menuPlacement, menuMaxWidth, name, zIndex, menuIsOpen, downChevronVisible, showOnlyDownChevronNotSelectedValue, stretchValueToEdge, filterOption, onMenuOpen, controlStyle, controlHoverStyle, valueToLabel, onPickerSelectionChanged, }: Readonly<Props<T>>): import("react/jsx-runtime").JSX.Element;
+export default function Picker<T extends string = string>({ pickerValues, placeholder, selectedValue, backgroundColor, optionBackgroundColor, selectedOptionBackgroundColor, selectedOptionColor, optionTextStyle, title, titleTextStyle, placeholderTextStyle, titleTextAlignment, titleColor, placeholderColor, inheritRowSurfaceBackground, valueOpacity, outlined, outlinedHeight, isDisabled, isSearchable, isOptionDisabled, menuPosition, menuPlacement, menuMaxWidth, name, zIndex, menuIsOpen, downChevronVisible, showOnlyDownChevronNotSelectedValue, stretchValueToEdge, tickSize, optionPaddingLeft, optionPaddingRight, filterOption, onMenuOpen, controlStyle, controlHoverStyle, valueToLabel, onPickerSelectionChanged, }: Readonly<Props<T>>): import("react/jsx-runtime").JSX.Element;
 export { Picker };

package/dist/components/{transactionDetail/TransactionSidePanelLayout.d.ts → common/sidePanel/SidePanelLayout.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface TransactionSidePanelLayoutProps {
+interface SidePanelLayoutProps {
     isFullView: boolean;
     isOpen: boolean;
     listContent: React.ReactNode;
@@ -21,6 +21,21 @@ interface TransactionSidePanelLayoutProps {
     listContentPercent?: number;
     panelActionBarContent?: React.ReactNode;
     panelContent?: React.ReactNode;
+    /**
+     * Overrides on the panel's own box. For callers whose layout differs from the default -- a list
+     * with no top margin wanting the panel flush with it, say -- rather than deriving the panel's
+     * insets from a list-column flag, which cannot be right for every caller at once.
+     */
+    panelStyle?: React.CSSProperties;
+    /**
+     * Set while a navigation away from a panel with unsaved edits is waiting on the
+     * user. The host owns the pending navigation; this layout only renders the prompt,
+     * so it sits above the panel's own stacking context.
+     */
+    pendingDiscardConfirmation?: {
+        onCancel: () => void;
+        onDiscard: () => void;
+    };
 }
-declare const _default: React.NamedExoticComponent<TransactionSidePanelLayoutProps>;
+declare const _default: React.NamedExoticComponent<SidePanelLayoutProps>;
 export default _default;

package/dist/components/commonSetUp/approval/ApprovalStageRow.d.ts

@@ -119,6 +119,30 @@ export declare function buildStageRoleOptions(allAttributes: AttributeType[] | u
  * already renders for this exact set of values.
  */
 export declare function buildRoleOption(role: AttributeType): NonUserOption;
+/**
+ * Normalizes a stage's `action` slot to a bare `ApprovalActionType`.
+ * The slot can hold either the bare string (what the Require/Notify
+ * toggle writes via `onChange`, and what `getEmptyStage` /
+ * `getDefaultValues` seed) OR the wrapped `{selectedOption}` shape if
+ * another control sharing this slot ever writes one — same defensive
+ * unwrap the toggle's own `current` derivation uses.
+ */
+export declare function getStageAction(action: ApprovalStageData["action"] | {
+    selectedOption?: ApprovalActionType;
+}): ApprovalActionType;
+/**
+ * True when this stage has at least one approver/role selected, per
+ * its current `actorKind` (specific person vs. role).
+ */
+export declare function stageHasApprover(step: ApprovalStageData): boolean;
+/**
+ * True when the rule has at least one "Require Approval" stage with
+ * an approver/role selected. A rule made up entirely of Notify stages
+ * (or a Require Approval stage nobody has been assigned to) fails
+ * this check — see BillPayApprovalRuleDetailPage / Reimbursement
+ * ApprovalRuleDetailPage `onSubmit`, which gate save on this.
+ */
+export declare function hasRequireApprovalStageWithApprover(steps: ApprovalStageData[]): boolean;
 export interface ApprovalStageRowProps {
     /** Pool of users surfaced by the "Specific Person" multi-select. */
     allUsers: User[];

package/dist/components/commonSetUp/approval/ApprovalStagesSection.d.ts

@@ -56,6 +56,14 @@ export interface ApprovalStagesSectionProps {
      * selected inactive approver. See `ApprovalStageRowProps.inactiveUserIds`.
      */
     inactiveUserIds?: Set<ID>;
+    /**
+     * When `true`, renders a red "add at least one approver" message
+     * below the stage rows (above Clear All / Add Approval Stage). The
+     * parent owns the underlying validation — see
+     * `hasRequireApprovalStageWithApprover` in `ApprovalStageRow` — and
+     * only sets this after a save attempt.
+     */
+    showNoApproverError?: boolean;
     /** Role options for stage rows — reimbursement passes API `allAttributes`. */
     stageRoleOptions?: AttributeType[];
     onAddStage: () => void;
@@ -70,5 +78,5 @@ export interface ApprovalStagesSectionProps {
      */
     onReorderStages?: (dragIndex: number, hoverIndex: number) => void;
 }
-export declare function ApprovalStagesSection({ allUsers, stageFields, stagesFieldName, separationOfDutiesFieldName, inactiveUserIds, onAddStage, onClearAllStages, onRemoveStage, onReorderStages, stageRoleOptions, }: ApprovalStagesSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ApprovalStagesSection({ allUsers, stageFields, stagesFieldName, separationOfDutiesFieldName, inactiveUserIds, onAddStage, onClearAllStages, onRemoveStage, onReorderStages, showNoApproverError, stageRoleOptions, }: ApprovalStagesSectionProps): import("react/jsx-runtime").JSX.Element;
 export default ApprovalStagesSection;

package/dist/components/commonSetUp/approval/ConditionRow.d.ts

@@ -46,10 +46,13 @@ export type { ConditionType };
  *   2. The `is` / `is_not` operator is a binary segmented toggle
  *      (built inline below) rather than a dropdown, matching the
  *      target design.
- *   3. The multi-select primitive keeps its built-in
- *      focused → chips / blurred → comma-text rendering — changing
- *      that requires modifying the shared `MultiSelectField`, which
- *      every other consumer depends on. Flagged as a follow-up.
+ *   3. Vendor/department selection reuses `UserMultiSelect` directly
+ *      (the same primitive the "Role"/"Specific Person" pickers use),
+ *      via a `Controller` adapter that translates to/from its native
+ *      `NonUserOption` shape — the wire-facing form value at
+ *      `selection.selectedOptions` is unchanged, so the exported
+ *      `FormData` contract (read by consumers outside this package)
+ *      stays identical.
  */
 export interface ConditionRowProps {
     availableTypes: readonly ConditionType[];

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

@@ -71,6 +71,16 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     isExpenseAutomationCommentingEnabled?: boolean;
     /** Transaction categorization only: when true, the right rail is expanded. */
     isRightPanelOpen?: boolean;
+    /**
+     * The JE Schedules side panel, deliberately named apart from `panelContent` /
+     * `sidePanelIsOpen`, which drive the page-level split for transactions and reconciliation.
+     * The schedules panel lives inside the list section instead, so the KPI strip and type filter
+     * stay full-width above it -- and these props are spread on to TableSection, where a shared
+     * name would hand the transaction panel to the schedules list.
+     *
+     * There is no full-view flag: expanding leaves for the schedule's own page.
+     */
+    isSchedulePanelOpen?: boolean;
     loggedInUser?: LoggedInUser;
     newAccrualAccountsView?: NewAccrualAccountsView;
     /** The draft this form was last left with, for a host that stores it. */
@@ -87,6 +97,11 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
      * Transaction categorization only: inline right rail (activity or transfer panel body).
      */
     rightSidePanel?: ReactNode;
+    schedulePanelContent?: ReactNode;
+    schedulePendingDiscardConfirmation?: {
+        onCancel: () => void;
+        onDiscard: () => void;
+    };
     sidePanelIsFullView?: boolean;
     sidePanelIsOpen?: boolean;
     sidePanelListPercent?: number;