@zeniai/web-components 4.1.40 → 4.1.41-betaAN01

package/dist/appLocale.d.ts

@@ -87,10 +87,13 @@ declare class AppLocale {
                 unreview: string;
                 download: string;
                 search: string;
+                searchShortcutCmd: string;
+                searchShortcutCtrl: string;
                 delete: string;
                 reload: string;
                 goHome: string;
                 refresh: string;
+                filter: string;
                 name: string;
                 select: string;
                 goBack: string;
@@ -8499,6 +8502,11 @@ declare class AppLocale {
                     completed: string;
                     autoCategorized: string;
                 };
+                completedSubTabs: {
+                    all: string;
+                    aiAccountant: string;
+                    manual: string;
+                };
                 subTitles: {
                     review: {
                         item1: {
@@ -8533,6 +8541,46 @@ declare class AppLocale {
                     title: string;
                     subTitle: string;
                 };
+                emptyStates: {
+                    noSearchResults: {
+                        title: string;
+                        subTitle: string;
+                    };
+                };
+                filters: {
+                    categoryLabels: {
+                        paymentAccountName: string;
+                        paymentAccountType: string;
+                        payee: string;
+                        category: string;
+                        class: string;
+                        amount: string;
+                    };
+                    amountOperators: {
+                        lessThan: string;
+                        greaterThan: string;
+                        isEqual: string;
+                        inBetween: string;
+                        placeholder: string;
+                    };
+                    amountInputPlaceholders: {
+                        enterAmount: string;
+                        from: string;
+                        to: string;
+                    };
+                    filterOptions: {
+                        transactionAmountOptions: {
+                            label: string;
+                            value: string;
+                        }[];
+                        transactionTypeOptions: {
+                            label: string;
+                            value: string;
+                        }[];
+                    };
+                    selectPaymentAccountNamePlaceholder: string;
+                    searchForPayeePlaceholder: string;
+                };
                 addCategory: string;
                 addClass: string;
                 addProject: string;

package/dist/assets/illustrative/no-search-result.svg

@@ -0,0 +1,24 @@
+<svg width="87" height="69" viewBox="0 0 87 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.2">
+<rect x="5.07362" y="5.97328" width="71.6165" height="16.0084" rx="0.421274" fill="#97C3B9"/>
+<rect x="5.07362" y="5.97328" width="71.6165" height="16.0084" rx="0.421274" stroke="#97C3B9" stroke-width="0.842547"/>
+<rect x="5.07411" y="48.5582" width="71.6165" height="16.0084" rx="0.421274" fill="#97C3B9"/>
+<rect x="5.07411" y="48.5582" width="71.6165" height="16.0084" rx="0.421274" stroke="#97C3B9" stroke-width="0.842547"/>
+<rect x="5.07411" y="27.2658" width="71.6165" height="16.0084" rx="0.421274" fill="#97C3B9"/>
+<rect x="5.07411" y="27.2658" width="71.6165" height="16.0084" rx="0.421274" stroke="#97C3B9" stroke-width="0.842547"/>
+<path d="M32.1074 33.6116C32.1074 38.8302 34.1805 43.835 37.8706 47.5251C41.5607 51.2152 46.5656 53.2883 51.7842 53.2883C57.0028 53.2883 62.0076 51.2152 65.6978 47.5251C69.3879 43.835 71.4609 38.8302 71.4609 33.6116C71.4609 28.393 69.3879 23.3881 65.6978 19.698C62.0076 16.0079 57.0028 13.9348 51.7842 13.9348C46.5656 13.9348 41.5607 16.0079 37.8706 19.698C34.1805 23.3881 32.1074 28.393 32.1074 33.6116Z" fill="#97C3B9"/>
+</g>
+<rect x="8.69056" y="8.82703" width="56.8595" height="0.277597" rx="0.138799" stroke="#97C3B9" stroke-width="0.277597"/>
+<path d="M35.078 17.3912H1.60915C1.14382 17.3912 0.766602 17.014 0.766602 16.5487V1.38283C0.766602 0.917506 1.14382 0.540283 1.60915 0.540283H72.4708C72.9374 0.540283 73.3152 0.919552 73.3133 1.38619L73.2532 16.4851C73.2513 16.9491 72.8747 17.3243 72.4106 17.3243H67.0575" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<path d="M70.126 22.3201H72.471C72.9376 22.3201 73.3154 22.6993 73.3135 23.166L73.253 38.3766C73.2514 38.7789 72.9248 39.1041 72.5226 39.1041" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<rect x="8.69056" y="30.6068" width="19.2475" height="0.277597" rx="0.138799" stroke="#97C3B9" stroke-width="0.277597"/>
+<path d="M30.8562 22.3201H1.17556C0.710229 22.3201 0.333008 22.6973 0.333008 23.1626V38.3285C0.333008 38.7938 0.710229 39.171 1.17556 39.171H29.7519" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<rect x="8.69056" y="52.6395" width="26.7253" height="0.277597" rx="0.138799" fill="#97C3B9" stroke="#97C3B9" stroke-width="0.277597"/>
+<path d="M73.2257 58.1678V60.3613C73.2257 60.8266 72.8485 61.2039 72.3831 61.2039H1.60915C1.14382 61.2039 0.766602 60.8266 0.766602 60.3613V45.1955C0.766602 44.7301 1.14382 44.3529 1.60915 44.3529H30.6776" stroke="#97C3B9" stroke-width="0.666234" stroke-linecap="round"/>
+<path d="M70.126 43.9727H72.4743C72.9397 43.9727 73.3169 44.3499 73.3169 44.8152V53.3979" stroke="#97C3B9" stroke-width="0.842547" stroke-linecap="round"/>
+<path d="M31.7017 33.9263C31.7017 39.1449 33.7747 44.1497 37.4648 47.8398C41.155 51.5299 46.1598 53.603 51.3784 53.603C56.597 53.603 61.6019 51.5299 65.292 47.8398C68.9821 44.1497 71.0552 39.1449 71.0552 33.9263C71.0552 28.7077 68.9821 23.7028 65.292 20.0127C61.6019 16.3226 56.597 14.2495 51.3784 14.2495C46.1598 14.2495 41.155 16.3226 37.4648 20.0127C33.7747 23.7028 31.7017 28.7077 31.7017 33.9263Z" stroke="#EEBA7D" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M84.3854 67.1342L65.6099 48.3586" stroke="#EEBA7D" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M58.0977 26.9509L45.0031 40.0455" stroke="#EEBA7D" stroke-linecap="round"/>
+<path d="M58.0977 40.0457L45.0031 26.9511" stroke="#EEBA7D" stroke-linecap="round"/>
+<path opacity="0.2" d="M84.4455 68.4403L65.6699 49.6648" stroke="#97C3B9" stroke-width="1.11039" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/cockpit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-CkH-hPbZ.cjs"),o=require("./vendor-.pnpm-Dd2Fl0gB.cjs"),u=require("react"),s=require("@emotion/styled"),Xe=require("@liveblocks/react"),J=require("@zeniai/client-epic-state"),Es=require("@liveblocks/react-ui"),we=require("@emotion/react"),Lo=require("react-dom"),St=require("@liveblocks/react-ui/primitives"),xi=require("@liveblocks/react/suspense");function Ea(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=Ea(u),wa=({inboxNotification:e,onNotificationClick:n})=>{const r=Xe.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(va,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Es.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Es.InboxNotification.Thread,{...d,showRoomName:!0})}})})},va=s.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-ObCiYIrx.cjs"),o=require("./vendor-.pnpm-Dd2Fl0gB.cjs"),u=require("react"),s=require("@emotion/styled"),Xe=require("@liveblocks/react"),J=require("@zeniai/client-epic-state"),Es=require("@liveblocks/react-ui"),we=require("@emotion/react"),Lo=require("react-dom"),St=require("@liveblocks/react-ui/primitives"),xi=require("@liveblocks/react/suspense");function Ea(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=Ea(u),wa=({inboxNotification:e,onNotificationClick:n})=>{const r=Xe.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(va,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Es.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Es.InboxNotification.Thread,{...d,showRoomName:!0})}})})},va=s.div`
   display: flex;
   width: 100%;
   cursor: ${e=>e.isClickable?"pointer":"initial"};

package/dist/cockpit.esm.js

@@ -1,5 +1,5 @@
-import { bR as o, dm as Ne, h as $t, cO as O, dO as It, dP as Qr, dQ as We, dR as Qd, dS as Jd, dT as Xd, a8 as I, dU as U, dV as qd, dK as ge, dW as lo, dX as lt, a9 as Ft, b2 as Bs, dY as wo, dZ as ps, d_ as So, d$ as us, bh as ep, e0 as Jt, e1 as De, e2 as Fl, e3 as Co, e4 as Fs, e5 as Be, e6 as tp, e7 as op, e8 as Wt, e9 as np, ea as Wl, eb as rp, ec as hs, ed as ms, ee as ip, ef as sp, eg as ap, eh as lp, ei as cp, ej as xt, ek as _l, el as dp, em as Jr, en as gs, dk as M, eo as pp, ep as up, eq as be, er as hp, bE as z, es as Fe, et as pt, eu as xs, aM as Nr, ev as mp, ew as ys, ex as Xr, d9 as Pe, ey as qr, ez as Vl, eA as Ul, eB as Xn, cT as zt, eC as dt, eD as gn, eE as gp, eF as Kl, eG as Hl, eH as Pt, cM as qe, eI as Mr, eJ as xp, eK as xn, eL as yn, eM as fn, eN as Fo, eO as ei, eP as fs, eQ as yp, eR as Gl, eS as co, eT as Wo, eU as Qt, eV as Ws, eW as fp, eX as bp, eY as $p, eZ as Cp, e_ as wp, e$ as qn, f0 as Sp, f1 as bs, c$ as vp, f2 as Yl, f3 as Zl, f4 as Ql, f5 as Jl, f6 as jp, f7 as _s, f8 as $s, f9 as kp, fa as Tp, fb as er, fc as bn, fd as Cs, fe as Lp, ff as ti, fg as bt, fh as Xl, fi as zr, fj as Pp, fk as ws, fl as Ip, fm as pn, fn as Ap, fo as Op, fp as Dp, fq as oi, fr as Vs, fs as ql, dB as Br, bc as ec, ft as tc, fu as Ss, fv as Ep, af as un, fw as Zn, fx as Qn, dL as oc, aH as Rp, dy as Np, fy as Yt, fz as Lt, fA as vs, fB as nc, fC as Mp, fD as rc, fE as zp, fF as Bp, fG as Ut, fH as sr, aI as Fp, fI as Kt, fJ as ic, fK as cn, fL as sc, fM as Fr, fN as ac, fO as Wp, fP as _p, fQ as Vp, fR as Wr, fS as Xi, fT as Us, fU as Up, fV as Kp, fW as li, fX as ci, fY as Hp, fZ as Ks, f_ as Gp, f$ as Yp, g0 as Hs, g1 as Zp, g2 as Qp, g3 as Jp, g4 as Xp, g5 as tr, g6 as lc, g7 as cc, g8 as Zt, g9 as ni, ga as hn, gb as dc, gc as pc, gd as qp, ge as eu, gf as uc, gg as tu, gh as ou, gi as _r, gj as hc, gk as nu, gl as ru, gm as iu, gn as js, go as mc, gp as gc, gq as xc, gr as yc, gs as fc, gt as su, gu as bc, gv as $c, gw as au, gx as lu, dw as cu, gy as du, gz as pu, gA as uu, gB as hu, gC as Gs, gD as mu, gE as Cc, gF as Ys, gG as gu, gH as xu, gI as yu, gJ as fu, gK as bu, gL as $u, gM as Zs, gN as Cu, gO as wc, gP as wu, gQ as Sc, gR as Su, gS as vu, gT as ju, gU as ku, gV as vc, gW as Tu, gX as Lu, gY as Pu, gZ as Iu, g_ as jc, g$ as Au, h0 as Ou, h1 as Du } from "./SessionTimeoutPopup-CnaGjerj.js";
-import { A as ck, a as dk, b as pk, c as uk, d as hk, e as mk, f as gk, g as xk, i as yk, j as fk, k as bk, l as $k, m as Ck, n as wk, o as Sk, p as vk, q as jk, r as kk, s as Tk, t as Lk, u as Pk, v as Ik, w as Ak, x as Ok, y as Dk, z as Ek, B as Rk, C as Nk, D as Mk, E as zk, F as Bk, G as Fk, H as Wk, I as _k, J as Vk, K as Uk, S as Kk, L as Hk, M as Gk, N as Yk, O as Zk, P as Qk, Q as Jk, R as Xk, T as qk, U as eT, V as tT, W as oT, X as nT, Y as rT, Z as iT, _ as sT, $ as aT, S as lT, a0 as cT, a1 as dT, a2 as pT, a3 as uT, a4 as hT, a5 as mT, a6 as gT, a7 as xT, aa as yT, ab as fT, ac as bT, ad as $T, ae as CT, ag as wT, ah as ST, ai as vT, aj as jT, ak as kT, al as TT, am as LT, an as PT, ao as IT, ap as AT, aq as OT, ar as DT, as as ET, at as RT, au as NT, av as MT, aw as zT, ax as BT, ay as FT, az as WT, aA as _T, aB as VT, aC as UT, aD as KT, aE as HT, aF as GT, aG as YT, aJ as ZT, aK as QT, aL as JT, aN as XT, aO as qT, aP as eL, aQ as tL, aR as oL, aS as nL, aT as rL, aU as iL, aV as sL, aW as aL, aX as lL, aY as cL, aZ as dL, a_ as pL, a$ as uL, b0 as hL, b1 as mL, b3 as gL, b4 as xL, b5 as yL, b6 as fL, b7 as bL, b8 as $L, b9 as CL, ba as wL, bb as SL, bd as vL, be as jL, bf as kL, bg as TL, bi as LL, bj as PL, bk as IL, bl as AL, bm as OL, bn as DL, bo as EL, bp as RL, bq as NL, br as ML, bs as zL, bt as BL, bu as FL, bv as WL, bw as _L, bx as VL, by as UL, bz as KL, bA as HL, S as GL, bB as YL, bC as ZL, bD as QL, bF as JL, bG as XL, bH as qL, bI as eP, bJ as tP, bK as oP, bL as nP, bM as rP, bN as iP, bO as sP, bP as aP, bQ as lP, bS as cP, bT as dP, bU as pP, bV as uP, bW as hP, bX as mP, bY as gP, bZ as xP, b_ as yP, b$ as fP, c0 as bP, c1 as $P, c2 as CP, c3 as wP, c4 as SP, c5 as vP, c6 as jP, c7 as kP, c8 as TP, c9 as LP, ca as PP, cb as IP, cc as AP, cd as OP, ce as DP, cf as EP, cg as RP, ch as NP, ci as MP, cj as zP, ck as BP, cl as FP, cm as WP, cn as _P, co as VP, cp as UP, cq as KP, cr as HP, cs as GP, ct as YP, cu as ZP, cv as QP, cw as JP, cx as XP, cy as qP, cz as eI, cA as tI, cB as oI, cC as nI, cD as rI, cE as iI, cF as sI, cG as aI, cH as lI, cI, cJ as dI, cK as pI, cL as uI, cN as hI, cP as mI, cQ as gI, cR as xI, cS as yI, cU as fI, cV as bI, cW as $I, cX as CI, cY as wI, cZ as SI, c_ as vI, d0 as jI, d1 as kI, d2 as TI, d3 as LI, d4 as PI, d5 as II, d6 as AI, d7 as OI, d8 as DI, da as EI, db as RI, dc as NI, dd as MI, de as zI, df as BI, dg as FI, dh as WI, di as _I, dj as VI, dl as UI, dn as KI, dp as HI, dq as GI, dr as YI, ds as ZI, dt as QI, du as JI, dv as XI, dx as qI, dz as eA, dA as tA, dC as oA, dD as nA, dE as rA, dF as iA, dG as sA, dH as aA, dI as lA, dJ as cA, dM as dA, dN as pA } from "./SessionTimeoutPopup-CnaGjerj.js";
+import { bR as o, dm as Ne, h as $t, cO as O, dO as It, dP as Qr, dQ as We, dR as Qd, dS as Jd, dT as Xd, a8 as I, dU as U, dV as qd, dK as ge, dW as lo, dX as lt, a9 as Ft, b2 as Bs, dY as wo, dZ as ps, d_ as So, d$ as us, bh as ep, e0 as Jt, e1 as De, e2 as Fl, e3 as Co, e4 as Fs, e5 as Be, e6 as tp, e7 as op, e8 as Wt, e9 as np, ea as Wl, eb as rp, ec as hs, ed as ms, ee as ip, ef as sp, eg as ap, eh as lp, ei as cp, ej as xt, ek as _l, el as dp, em as Jr, en as gs, dk as M, eo as pp, ep as up, eq as be, er as hp, bE as z, es as Fe, et as pt, eu as xs, aM as Nr, ev as mp, ew as ys, ex as Xr, d9 as Pe, ey as qr, ez as Vl, eA as Ul, eB as Xn, cT as zt, eC as dt, eD as gn, eE as gp, eF as Kl, eG as Hl, eH as Pt, cM as qe, eI as Mr, eJ as xp, eK as xn, eL as yn, eM as fn, eN as Fo, eO as ei, eP as fs, eQ as yp, eR as Gl, eS as co, eT as Wo, eU as Qt, eV as Ws, eW as fp, eX as bp, eY as $p, eZ as Cp, e_ as wp, e$ as qn, f0 as Sp, f1 as bs, c$ as vp, f2 as Yl, f3 as Zl, f4 as Ql, f5 as Jl, f6 as jp, f7 as _s, f8 as $s, f9 as kp, fa as Tp, fb as er, fc as bn, fd as Cs, fe as Lp, ff as ti, fg as bt, fh as Xl, fi as zr, fj as Pp, fk as ws, fl as Ip, fm as pn, fn as Ap, fo as Op, fp as Dp, fq as oi, fr as Vs, fs as ql, dB as Br, bc as ec, ft as tc, fu as Ss, fv as Ep, af as un, fw as Zn, fx as Qn, dL as oc, aH as Rp, dy as Np, fy as Yt, fz as Lt, fA as vs, fB as nc, fC as Mp, fD as rc, fE as zp, fF as Bp, fG as Ut, fH as sr, aI as Fp, fI as Kt, fJ as ic, fK as cn, fL as sc, fM as Fr, fN as ac, fO as Wp, fP as _p, fQ as Vp, fR as Wr, fS as Xi, fT as Us, fU as Up, fV as Kp, fW as li, fX as ci, fY as Hp, fZ as Ks, f_ as Gp, f$ as Yp, g0 as Hs, g1 as Zp, g2 as Qp, g3 as Jp, g4 as Xp, g5 as tr, g6 as lc, g7 as cc, g8 as Zt, g9 as ni, ga as hn, gb as dc, gc as pc, gd as qp, ge as eu, gf as uc, gg as tu, gh as ou, gi as _r, gj as hc, gk as nu, gl as ru, gm as iu, gn as js, go as mc, gp as gc, gq as xc, gr as yc, gs as fc, gt as su, gu as bc, gv as $c, gw as au, gx as lu, dw as cu, gy as du, gz as pu, gA as uu, gB as hu, gC as Gs, gD as mu, gE as Cc, gF as Ys, gG as gu, gH as xu, gI as yu, gJ as fu, gK as bu, gL as $u, gM as Zs, gN as Cu, gO as wc, gP as wu, gQ as Sc, gR as Su, gS as vu, gT as ju, gU as ku, gV as vc, gW as Tu, gX as Lu, gY as Pu, gZ as Iu, g_ as jc, g$ as Au, h0 as Ou, h1 as Du } from "./SessionTimeoutPopup-APLlf35P.js";
+import { A as ck, a as dk, b as pk, c as uk, d as hk, e as mk, f as gk, g as xk, i as yk, j as fk, k as bk, l as $k, m as Ck, n as wk, o as Sk, p as vk, q as jk, r as kk, s as Tk, t as Lk, u as Pk, v as Ik, w as Ak, x as Ok, y as Dk, z as Ek, B as Rk, C as Nk, D as Mk, E as zk, F as Bk, G as Fk, H as Wk, I as _k, J as Vk, K as Uk, S as Kk, L as Hk, M as Gk, N as Yk, O as Zk, P as Qk, Q as Jk, R as Xk, T as qk, U as eT, V as tT, W as oT, X as nT, Y as rT, Z as iT, _ as sT, $ as aT, S as lT, a0 as cT, a1 as dT, a2 as pT, a3 as uT, a4 as hT, a5 as mT, a6 as gT, a7 as xT, aa as yT, ab as fT, ac as bT, ad as $T, ae as CT, ag as wT, ah as ST, ai as vT, aj as jT, ak as kT, al as TT, am as LT, an as PT, ao as IT, ap as AT, aq as OT, ar as DT, as as ET, at as RT, au as NT, av as MT, aw as zT, ax as BT, ay as FT, az as WT, aA as _T, aB as VT, aC as UT, aD as KT, aE as HT, aF as GT, aG as YT, aJ as ZT, aK as QT, aL as JT, aN as XT, aO as qT, aP as eL, aQ as tL, aR as oL, aS as nL, aT as rL, aU as iL, aV as sL, aW as aL, aX as lL, aY as cL, aZ as dL, a_ as pL, a$ as uL, b0 as hL, b1 as mL, b3 as gL, b4 as xL, b5 as yL, b6 as fL, b7 as bL, b8 as $L, b9 as CL, ba as wL, bb as SL, bd as vL, be as jL, bf as kL, bg as TL, bi as LL, bj as PL, bk as IL, bl as AL, bm as OL, bn as DL, bo as EL, bp as RL, bq as NL, br as ML, bs as zL, bt as BL, bu as FL, bv as WL, bw as _L, bx as VL, by as UL, bz as KL, bA as HL, S as GL, bB as YL, bC as ZL, bD as QL, bF as JL, bG as XL, bH as qL, bI as eP, bJ as tP, bK as oP, bL as nP, bM as rP, bN as iP, bO as sP, bP as aP, bQ as lP, bS as cP, bT as dP, bU as pP, bV as uP, bW as hP, bX as mP, bY as gP, bZ as xP, b_ as yP, b$ as fP, c0 as bP, c1 as $P, c2 as CP, c3 as wP, c4 as SP, c5 as vP, c6 as jP, c7 as kP, c8 as TP, c9 as LP, ca as PP, cb as IP, cc as AP, cd as OP, ce as DP, cf as EP, cg as RP, ch as NP, ci as MP, cj as zP, ck as BP, cl as FP, cm as WP, cn as _P, co as VP, cp as UP, cq as KP, cr as HP, cs as GP, ct as YP, cu as ZP, cv as QP, cw as JP, cx as XP, cy as qP, cz as eI, cA as tI, cB as oI, cC as nI, cD as rI, cE as iI, cF as sI, cG as aI, cH as lI, cI, cJ as dI, cK as pI, cL as uI, cN as hI, cP as mI, cQ as gI, cR as xI, cS as yI, cU as fI, cV as bI, cW as $I, cX as CI, cY as wI, cZ as SI, c_ as vI, d0 as jI, d1 as kI, d2 as TI, d3 as LI, d4 as PI, d5 as II, d6 as AI, d7 as OI, d8 as DI, da as EI, db as RI, dc as NI, dd as MI, de as zI, df as BI, dg as FI, dh as WI, di as _I, dj as VI, dl as UI, dn as KI, dp as HI, dq as GI, dr as YI, ds as ZI, dt as QI, du as JI, dv as XI, dx as qI, dz as eA, dA as tA, dC as oA, dD as nA, dE as rA, dF as iA, dG as sA, dH as aA, dI as lA, dJ as cA, dM as dA, dN as pA } from "./SessionTimeoutPopup-APLlf35P.js";
 import { j as t, D as Eu, f as Ru, u as Ve, S as $n, c as rt, L as Nu, T as Mu, a as zu, P as ri, C as Xt, b as ye, d as po, e as Cn, g as uo, h as _o, F as ho, i as Vo, A as qt, V as Uo, k as nt, I as kc, l as Bu, n as Mt, m as Bo, o as Fu, p as ks, q as Tc, M as Wu, r as _u, t as Ts, v as Ls, w as Qs } from "./vendor-.pnpm-DtQs9f4A.js";
 import { s as hA } from "./vendor-.pnpm-DtQs9f4A.js";
 import * as me from "react";

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

@@ -2,30 +2,42 @@ import { default as React } from 'react';
 interface AiCfoArtifactProps {
     /** Complete HTML string to render inside the sandboxed iframe. */
     html: string;
+    /**
+     * URL of the host.html receiver to load. Stamped by the backend at write
+     * time so old persisted artifacts keep using their original receiver
+     * version. Defaults to the v1.0 prod receiver for messages that pre-date
+     * versioning (no stamp on the message).
+     */
+    hostUrl?: string;
     /** Human-readable title for the artifact. */
     title?: string;
     /** Callback when the artifact fails to render. */
     onError?: (error: Error) => void;
 }
 /**
- * Renders a Chart.js visualization artifact inside a securely sandboxed iframe.
+ * Renders a Chart.js visualization artifact inside a sandboxed iframe pointing
+ * at a separate registrable domain (zenicontent.ai).
  *
  * Security model:
+ * - Iframe loads a static receiver page on a *cross-registrable-domain* origin.
+ *   Cross-eTLD+1 isolation gives us site-isolation, storage-partition, and
+ *   third-party-cookie boundaries that a subdomain wouldn't.
  * - sandbox="allow-scripts" only — no allow-same-origin / allow-forms /
- *   allow-popups / allow-top-navigation. The iframe gets an opaque origin per
- *   the HTML spec, which keeps the parent app's CSP from being inherited and
- *   blocking the agent's inline scripts.
- * - HTML injected via srcdoc.
- * - CSP meta tag injected by backend (default-src 'none', script-src allows
- *   inline + whitelisted CDNs, connect-src 'none', img-src data:, etc.).
- * - No parent-side postMessage listeners that could be abused; we only listen
- *   for the well-known `artifact-height` message from our own iframe.
+ *   allow-popups / allow-top-navigation.
+ * - HTTP-header CSP on the artifact origin (set by Cloud CDN) restricts
+ *   script-src to 'self' + 'unsafe-inline', forbids all network connect-src,
+ *   and enforces frame-ancestors so only app.zeni.ai (and qa/dev) can embed.
+ * - postMessage handshake:
+ *     Parent → iframe : artifact HTML string, targetOrigin = receiver origin.
+ *     iframe → parent : {type: 'artifact-height', h: <px>} after render.
+ *   Both directions check `event.origin === <receiver origin>` and
+ *   `event.source === iframe.contentWindow` — origin alone is insufficient
+ *   when multiple iframes share the page.
  *
- * Auto-resize: because the iframe is opaque-origin we can't read
- * iframe.contentDocument from the parent. Instead the backend injects a small
- * script into the artifact HTML that posts `{type:"artifact-height", h}` back
- * to the parent on body resize / load. We listen for those messages and grow
- * the iframe to match.
+ * Versioning:
+ * - `hostUrl` is the per-message receiver URL stamped by the backend at write
+ *   time (e.g. https://zenicontent.ai/1.0/host.html). Old persisted artifacts
+ *   continue to render against the receiver they were authored against.
  */
 export declare const AiCfoArtifact: React.FC<AiCfoArtifactProps>;
 export default AiCfoArtifact;

package/dist/components/cockpit/common/cockpitFilters/commonTypes.d.ts

@@ -24,7 +24,7 @@ export interface HealthMonitorFilterCategoryDropdownOption extends CategoryDropd
 export interface AiAccountantFilterCategoryDropdownOption extends CategoryDropdownOption {
     value: AiAccountantFilterCategoryField;
 }
-export type MatchingOperatorDropdownValue = "equal" | "not-equal";
+export type MatchingOperatorDropdownValue = "equal" | "not_equal";
 export type ValuesCombinationOperatorDropdownValue = "ANY" | "ALL";
 export interface MatchingOperatorDropdownOption {
     label: "is" | "is not";

package/dist/components/{cockpit/common/cockpitFilters/components → common/filters}/FiltersPopover.d.ts

@@ -1,4 +1,4 @@
-import { ReactChild } from '../../../../../types/common';
+import { ReactChild } from '../../../types/common';
 interface Props {
     anchorEl: HTMLElement | null;
     children: ReactChild | ReactChild[];

package/dist/components/common/filters/GenericFilters.d.ts

@@ -0,0 +1,75 @@
+import { MatchingOperatorDropdownOption, SpendManagementFilterEntityType, TransactionFilterEntityType, UserRoleType } from '@zeniai/client-epic-state';
+import { AutoCompleteActions, AutoCompleteData } from '../../common/autoComplete/autoCompleteProps';
+import { GenericFilterCategory, GenericFilterCategoryDropdownOption, GenericFiltersType, ValuesDropdownOption } from './genericFilterTypes';
+export type SupportedFilterEntityType = TransactionFilterEntityType | SpendManagementFilterEntityType;
+export interface GroupByFiltersComponentProps {
+    component: React.ReactElement;
+    height: number;
+}
+export interface GenericFiltersProps<TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>> {
+    entity: TEntity;
+    filters: TFiltersType;
+    filterStrings: {
+        addFilterBtnText: string;
+        categoryPlaceholder: string;
+        clearAllBtnText: string;
+        empty: string;
+        filterByLabel: string;
+        searchPlaceholder: string;
+        select: string;
+        /** Optional: return custom placeholder for the value dropdown by category field */
+        getValuePlaceholder?: (categoryField: string, categoryLabel: string) => string | undefined;
+    };
+    helpers: {
+        getAppliedFiltersCount: (filters: TFiltersType) => number;
+        getDefaultEmptyFilters: () => TFiltersType;
+        getFilterCategories: (entity: TEntity, userRole?: UserRoleType[]) => TCategoryDropdownOption[];
+        getFilterCategoryLabel: (entity: TEntity, key: string) => string;
+        getUpdatedFiltersOnCategoryChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: TCategoryDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnMatchingOperatorChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: MatchingOperatorDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnValueChange: (props: {
+            categoryIndex: number;
+            currentFilters: TFiltersType;
+            selectedOptions: ValuesDropdownOption[];
+        }) => TFiltersType;
+    };
+    /**
+     * Memoized dropdown options keyed by category field. The cache inside
+     * GenericFilters mirrors this value, so when source data lands after
+     * first render the dropdowns refresh automatically. Callers MUST
+     * memoize this (e.g. with `useMemo`) — passing a new object reference
+     * on every parent render will churn the internal cache state.
+     */
+    categoryWiseOptions?: Record<string, ValuesDropdownOption[]>;
+    createdByUserListLoaded?: boolean;
+    disableFilters?: boolean;
+    groupByFiltersComponent?: GroupByFiltersComponentProps;
+    transactionsLoaded?: boolean;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
+    onFiltersChange: (filters: TFiltersType) => void;
+    onFilterClick?: (entity: TEntity) => void;
+    /** When provided and returns non-null for a field, renders custom operator + value UI (e.g. transaction amount filter with From/To inputs). */
+    renderCustomCategoryValueSection?: (field: string, props: {
+        categoryIndex: number;
+        filter: GenericFilterCategory<TField>;
+        onMatchingOperatorChange: (option: {
+            label: string;
+            value: string;
+        }, categoryIndex?: number) => void;
+        onValueChange: (value: ValuesDropdownOption[], categoryIndex: number) => void;
+    }) => {
+        operatorDropdown: React.ReactNode;
+        valueField: React.ReactNode;
+    } | null;
+}
+declare function GenericFilters<TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>>({ entity: selectedEntity, filters, filterStrings, helpers, onFiltersChange, createdByUserListLoaded, disableFilters, groupByFiltersComponent, transactionsLoaded, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, categoryWiseOptions, onFilterClick, renderCustomCategoryValueSection, }: GenericFiltersProps<TEntity, TField, TCategoryDropdownOption, TFiltersType>): import("react/jsx-runtime").JSX.Element;
+export default GenericFilters;

package/dist/components/common/filters/components/GenericFiltersSelection.d.ts

@@ -0,0 +1,58 @@
+import { MatchingOperatorDropdownOption, UserRoleType } from '@zeniai/client-epic-state';
+import { AutoCompleteActions, AutoCompleteData } from '../../../common/autoComplete/autoCompleteProps';
+import { SupportedFilterEntityType } from '../GenericFilters';
+import { GenericFilterCategory, GenericFilterCategoryDropdownOption, GenericFiltersType, ValuesDropdownOption } from '../genericFilterTypes';
+export interface GenericFiltersSelectionProps<TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>> {
+    filters: TFiltersType;
+    filterStrings: {
+        addFilterBtnText: string;
+        categoryPlaceholder: string;
+        clearAllBtnText: string;
+        filterByLabel: string;
+        searchPlaceholder: string;
+        select: string;
+        getValuePlaceholder?: (categoryField: string, categoryLabel: string) => string | undefined;
+    };
+    filterValues: Record<string, ValuesDropdownOption[]>;
+    helpers: {
+        getAppliedFiltersCount: (filters: TFiltersType) => number;
+        getDefaultEmptyFilters: () => TFiltersType;
+        getFilterCategories: (entity: TEntity, userRole?: UserRoleType[]) => TCategoryDropdownOption[];
+        getFilterCategoryLabel: (entity: TEntity, key: string) => string;
+        getUpdatedFiltersOnCategoryChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: TCategoryDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnMatchingOperatorChange: (props: {
+            currentFilters: TFiltersType;
+            selectedOption: MatchingOperatorDropdownOption;
+            categoryIndex?: number;
+        }) => TFiltersType;
+        getUpdatedFiltersOnValueChange: (props: {
+            categoryIndex: number;
+            currentFilters: TFiltersType;
+            selectedOptions: ValuesDropdownOption[];
+        }) => TFiltersType;
+    };
+    selectedEntity: TEntity;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
+    onFiltersChange: (filters: TFiltersType) => void;
+    renderCustomCategoryValueSection?: (field: string, props: {
+        categoryIndex: number;
+        filter: GenericFilterCategory<TField>;
+        onMatchingOperatorChange: (option: {
+            label: string;
+            value: string;
+        }, categoryIndex?: number) => void;
+        onValueChange: (value: ValuesDropdownOption[], categoryIndex: number) => void;
+    }) => {
+        operatorDropdown: React.ReactNode;
+        valueField: React.ReactNode;
+    } | null;
+}
+declare const _default: <TEntity extends SupportedFilterEntityType, TField extends string, TCategoryDropdownOption extends GenericFilterCategoryDropdownOption<TField>, TFiltersType extends GenericFiltersType<TField>>(props: GenericFiltersSelectionProps<TEntity, TField, TCategoryDropdownOption, TFiltersType> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export default _default;

package/dist/components/common/filters/genericFilterTypes.d.ts

@@ -0,0 +1,62 @@
+import { CategoryCombinationOperator, ZeniDate, ZeniUrl } from '@zeniai/client-epic-state';
+type DropdownOptionTypeBase = {
+    [key: string]: any;
+};
+export type ValuesDropdownOption = DropdownOptionTypeBase & {
+    label: string;
+    value: string | number | ZeniDate;
+    email?: string;
+    iconColor?: string;
+    iconType?: string;
+    photo?: ZeniUrl;
+};
+/**
+ * How a category's selected values combine when matching:
+ *   - `"ANY"` — match a row if any value in `values[]` matches (OR semantics).
+ *   - `"ALL"` — match a row only if every value in `values[]` matches (AND).
+ *
+ * Exposed as a named type so callsites that store or narrow this field
+ * (e.g. TC's `TransactionFilterCategory`, which pins it to literal `"ANY"`)
+ * reference one source of truth rather than redeclaring the union.
+ */
+export type ValuesCombinationOperator = "ANY" | "ALL";
+export type GenericFilterCategory<TField extends string = string> = {
+    values: Array<string | number | ZeniDate>;
+    field?: TField;
+    matchingOperator?: string;
+    valuesCombinationOperator?: ValuesCombinationOperator;
+};
+export type GenericFiltersType<TField extends string = string> = {
+    categories: GenericFilterCategory<TField>[];
+    categoryCombinationOperator: CategoryCombinationOperator;
+};
+/**
+ * Type shape for `NEW_CATEGORY_BODY` below. Carries three deliberate
+ * narrowing choices:
+ *
+ *   - `valuesCombinationOperator: "ANY"` — the literal type, not the wider
+ *     `ValuesCombinationOperator` union, because TC's
+ *     `TransactionFilterCategory` narrows the field further to exactly
+ *     `"ANY"`. Without the literal here, the `...NEW_CATEGORY_BODY` spread
+ *     would produce `string` and fail the downstream assignment.
+ *   - `values: never[]` — narrowest possible array type, so the spread is
+ *     assignable to any concrete `values` (e.g. TC's `(string | number)[]`,
+ *     SM's `Array<string | number | ZeniDate>`).
+ *   - `matchingOperator: string` — widely usable placeholder; every caller
+ *     overrides this field after the spread.
+ *
+ * Using an explicit type annotation rather than `as const` keeps the
+ * narrowing without scattering `as const` through callsites.
+ */
+type NewCategoryBody = {
+    matchingOperator: string;
+    values: never[];
+    valuesCombinationOperator: "ANY";
+};
+export declare const NEW_CATEGORY_BODY: NewCategoryBody;
+export type GenericFilterCategoryDropdownOption<TField extends string = string> = {
+    value: TField;
+    multiple?: boolean;
+    type?: string;
+};
+export {};

package/dist/components/common/listPageSearchInputBox/ListPageSearchInputBox.d.ts

@@ -1,5 +1,6 @@
 export interface Props {
     disabled?: boolean;
+    enableSearchHotkey?: boolean;
     inputWrapperStyle?: React.CSSProperties;
     keepSearchBoxOpen?: boolean;
     placeholder?: string;
@@ -8,9 +9,10 @@ export interface Props {
     searchIconMarginRight?: string;
     searchText?: string;
     style?: React.CSSProperties;
+    styledSearchCancelIconWrapperStyle?: React.CSSProperties;
     styledSearchIconContainerStyle?: React.CSSProperties;
     styledSearchIconWrapperStyle?: React.CSSProperties;
     onSearchOpen?: (isOpen: boolean) => void;
     onSearchTextChanged?: (text: string) => void;
 }
-export declare function ListPageSearchInputBox({ disabled, inputWrapperStyle, keepSearchBoxOpen, placeholder, searchBarDataTestId, searchIconMarginRight, searchText, style, styledSearchIconContainerStyle, styledSearchIconWrapperStyle, onSearchOpen, onSearchTextChanged, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export declare function ListPageSearchInputBox({ enableSearchHotkey, disabled, inputWrapperStyle, keepSearchBoxOpen, placeholder, searchBarDataTestId, searchIconMarginRight, searchText, style, styledSearchCancelIconWrapperStyle, styledSearchIconContainerStyle, styledSearchIconWrapperStyle, onSearchOpen, onSearchTextChanged, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/common/listPageSearchSection/ListPageSearchSection.d.ts

@@ -2,13 +2,26 @@ export interface ListPageSearchSectionProps {
     isSearchOpen: boolean;
     searchPlaceHolder: string;
     searchText: string;
+    /** Tab-within-feature scope — see `selectedEntity` above. */
+    currentTab?: string;
     downloadPresent?: boolean;
+    enableSearchHotkey?: boolean;
     hideSearchBtn?: boolean;
     inputWrapperStyle?: React.CSSProperties;
     /** When set, applied to each search bar container (icon + input). */
     searchBarDataTestId?: string;
     searchIconMarginRight?: string;
     searchTextBoxStyle?: React.CSSProperties;
+    /**
+     * Optional page/feature scope — paired with `currentTab` to derive a
+     * specific `data-testid` on the outer container (e.g.
+     * `search-transaction_categorization-review`). Both must be supplied for
+     * the attribute to render; either missing falls back to no `data-testid`
+     * so consumers without this context (vendor pages, aging reports, etc.)
+     * stay un-tagged and continue to rely on their own scoping mechanisms.
+     */
+    selectedEntity?: string;
+    styledSearchCancelIconWrapperStyle?: React.CSSProperties;
     styledSearchIconContainerStyle?: React.CSSProperties;
     styledSearchIconWrapperStyle?: React.CSSProperties;
     onSearchTextChanged?: (searchText: string) => void;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AccountBase, AuthParams, BulkUploadResultsTab, BulkUploadSelectorData, BulkUploadSortKey, COTTransactionTrackingByTransactionId, ClassBase, CompletedSubTab, CustomerBase, Entity, ExpenseAutomationJESchedulesViewUIState, ExpenseAutomationMissingReceiptsViewUIState, ExpenseAutomationReconciliationViewTab, ExpenseAutomationStepDetails, ExpenseAutomationTransactionsTab, ExpenseAutomationTransactionsViewUIState, ExpenseAutomationViewSelector, ExpenseAutomationViewType, FetchState, FluxAnalysisActionType, FluxAnalysisSectionType, FluxAnalysisViewUIState, ID, JEScheduleTransactionKey, LoggedInUser, MissingReceiptsTab, MonthYearPeriod, PageToken, PlaidLinkTokenType, RecommendationWithCOT, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReviewTabLocalData, SaveExpenseAutomationReconciliationActionType, ScheduleTypes, SortOrder, SupportedTransactionPayload, SupportedTransactionWithCOT, TransactionEntityType, TransactionID, TransactionType, Vendor, VendorBase, ZeniAPIStatus } from '@zeniai/client-epic-state';
+import { AccountBase, AccountFilterOption, AuthParams, BulkUploadResultsTab, BulkUploadSelectorData, BulkUploadSortKey, COTTransactionTrackingByTransactionId, ClassBase, ClassFilterOption, CompletedSubTab, CustomerBase, Entity, ExpenseAutomationJESchedulesViewUIState, ExpenseAutomationMissingReceiptsViewUIState, ExpenseAutomationReconciliationViewTab, ExpenseAutomationStepDetails, ExpenseAutomationTransactionsTab, ExpenseAutomationTransactionsViewUIState, ExpenseAutomationViewSelector, ExpenseAutomationViewType, FetchState, FluxAnalysisActionType, FluxAnalysisSectionType, FluxAnalysisViewUIState, ID, JEScheduleTransactionKey, LoggedInUser, MissingReceiptsTab, MonthYearPeriod, PageToken, PlaidLinkTokenType, RecommendationWithCOT, ReconReconcileSortKey, ReconReviewSortKey, ReconciliationReviewTabLocalData, SaveExpenseAutomationReconciliationActionType, ScheduleTypes, SortOrder, SupportedTransactionPayload, SupportedTransactionWithCOT, TransactionEntityType, TransactionFilters, TransactionID, TransactionType, Vendor, VendorBase, ZeniAPIStatus } from '@zeniai/client-epic-state';
 import { AutoCompleteActions, AutoCompleteData } from '../common/autoComplete/autoCompleteProps';
 import { ReportTreeScrollPosition } from '../reportTree/ReportTree';
 import { ExpenseAutomationThreadClickTarget } from './components/ExpenseAutomationCommentingShell';
@@ -22,6 +22,8 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     receiptUploadEndpoint: string;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /** Accounts from getAllAccounts(accountState) for Payment Account Name/Type filter dropdowns */
+    accountsForFilters?: AccountFilterOption[];
     /**
      * Transaction categorization only: inline activity next to the TC list
      * (e.g. `TransactionActivityLogPanel`).
@@ -34,6 +36,19 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     activityLogTransactionId?: ID;
     bulkUploadEndpoint?: string;
     bulkUploadSelector?: BulkUploadSelectorData;
+    /** Options for the Category filter dropdown (converted to { label: accountName, value: accountId }) */
+    categoryOptions?: Array<{
+        accountId?: string;
+        accountName?: string;
+    }>;
+    /**
+     * Class options for the Class filter dropdown. Uses the narrow
+     * `ClassFilterOption` ({classId, className}) — only the identity and the
+     * display label are needed here. Passing the full `ClassBase` would be a
+     * loose contract that lets consumers accidentally rely on fields that the
+     * upstream selector strips out.
+     */
+    classesForFilters?: ClassFilterOption[];
     /** Initial receipts sub-tab (e.g. Storybook: show Unmatched without clicking tabs). */
     initialMissingReceiptsTab?: MissingReceiptsTab;
     isAiCfoAccessEnabled?: boolean;
@@ -72,6 +87,7 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     }, isBulkFetch: boolean, selectedTab: ExpenseAutomationTransactionsTab, entity?: Entity, updatedCustomer?: CustomerBase) => void;
     onFetchReimbursementView: (selectedPeriod: MonthYearPeriod, pageToken: PageToken, keepExistingListItems: boolean) => void;
     onFetchTransactionCategorizationList: (selectedTab: ExpenseAutomationTransactionsTab, searchString?: string, keepExistingListItems?: boolean, pageToken?: PageToken, refreshInBackground?: boolean, resetListItems?: boolean) => void;
+    onFiltersChange: (filters: TransactionFilters) => void;
     onIncludeAccountIntoReconciliation: (accountId: ID) => void;
     onJeAccountSettingsChange: (formData: JEScheduleAccountSettingsFormData) => void;
     onJESchedulesFormDataChange: (scheduleJournalEntryID: ID, localData: JEScheduleResolveComponentFormData) => void;
@@ -101,6 +117,7 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     onUpdateSelectedCheckboxTransactionIds: (selectedTab: ExpenseAutomationTransactionsTab, transactionIds: ID[]) => void;
     onUpdateStep: (step: ExpenseAutomationViewType) => void;
     onUpdateTab: (tab: ExpenseAutomationTransactionsTab) => void;
+    onUpdateTransactionCategorizationCompletedSubTab: (subTab: CompletedSubTab) => void;
     onUpdateTransactionCategorizationUIState: (selectedTab: ExpenseAutomationTransactionsTab, uiState: Partial<ExpenseAutomationTransactionsViewUIState>) => void;
     onUploadReceiptAttachment: (transaction: SupportedTransactionPayload) => void;
     onUploadReceiptComplete: (transactionPayload: SupportedTransactionPayload, selectedPeriod: MonthYearPeriod) => void;
@@ -138,6 +155,7 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     /** Sync Redux `uploadedFileCount` when using direct HTTP bulk upload (no `onBulkUploadFiles`). */
     onBulkUploadUploadedFileCount?: (count: number) => void;
     onClearBulkUpload?: () => void;
+    onClearBulkUploadBatchDetailsForScopeChange?: () => void;
     /** Clears one-shot Redux flag after switching Missing Receipts sub-tab (e.g. Unmatched on batch complete). */
     onClearMissingReceiptsTabNavigation?: () => void;
     onConfirmBulkUploadMatch?: (batchId: ID, attachmentId: ID, transactionId: ID, transactionType: string, fileName: string) => void;

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

@@ -6,6 +6,12 @@ interface EmptyTableSectionProps {
     subTitle: string;
     tab: ExpenseAutomationViewType;
     title: string;
+    /**
+     * When true, render the "no search results" illustration instead of the
+     * tab-specific all-done illustration. Used by the Transaction Categorization
+     * list when an active search/filter yields no matches.
+     */
+    useNoSearchResultIcon?: boolean;
 }
 export default function EmptyTableSection(props: EmptyTableSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { TabSwitcherOption } from '../../common/allNavBars/statusSwitcher/switcherTypes';
+export interface ExpenseAutomationSubTabSwitcherProps<TId extends string = string> {
+    activeSubTab: TId;
+    allTabs: TabSwitcherOption[];
+    containerStyle?: CSSProperties;
+    onSubTabChange: (id: TId) => void;
+}
+/**
+ * Generic sub-tab strip for any tab inside the Expense Automation surface.
+ *
+ * Wraps the shared {@link SubTabSwitcher} with the standard column chrome and
+ * padding used across Expense Automation so visual parity is automatic. The
+ * `id` type is generic so callers can plug in any union (e.g. `CompletedSubTab`)
+ * without casting at the call site.
+ */
+export declare function ExpenseAutomationSubTabSwitcher<TId extends string = string>({ activeSubTab, allTabs, onSubTabChange, containerStyle, }: ExpenseAutomationSubTabSwitcherProps<TId>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
-import { CompletionStatusType, ExpenseAutomationReconciliationViewTab, ExpenseAutomationTransactionsTab, ExpenseAutomationViewType, FetchState, ID, MissingReceiptsTab } from '@zeniai/client-epic-state';
+import { CompletionStatusType, ExpenseAutomationReconciliationViewTab, ExpenseAutomationTransactionsTab, ExpenseAutomationViewType, FetchState, ID, MissingReceiptsTab, TransactionFilterEntityType, TransactionFilters } from '@zeniai/client-epic-state';
 import { TabSwitcherOption } from '../../common/allNavBars/statusSwitcher/switcherTypes';
+import { AutoCompleteActions, AutoCompleteData } from '../../common/autoComplete/autoCompleteProps';
+import { ValuesDropdownOption } from '../../common/filters/genericFilterTypes';
 import { JEScheduleMainTab } from '../sections/jeSchedules/jeScheduleConfig';
 import { ExpenseAutomationNavbarHeaderData } from './navbarHeaderData';
 interface NavBarWithHeaderProps {
@@ -12,15 +14,30 @@ interface NavBarWithHeaderProps {
     isZeniUser: boolean;
     refreshStatus: FetchState;
     searchText: string;
+    selectedEntity: TransactionFilterEntityType;
     /** Renders below the tab strip (e.g. Missing Receipts bulk upload email + policy). */
     belowTabsSlot?: ReactNode;
     completionPercentage?: number;
     /** Raw progress (0–100) for color bands; falls back to `completionPercentage` when omitted. */
     completionProgressRaw?: number;
+    createdByUserListLoaded?: boolean;
     currentJeTab?: JEScheduleMainTab;
     currentMissingReceiptsTab?: MissingReceiptsTab;
     currentRecontab?: ExpenseAutomationReconciliationViewTab;
     currentTab?: ExpenseAutomationTransactionsTab;
+    filterComponent?: React.ComponentType<{
+        entity: TransactionFilterEntityType;
+        filters: TransactionFilters;
+        /** Memoized dropdown options keyed by category field. Update this when source data populates so dropdowns refresh. */
+        categoryWiseOptions?: Record<string, ValuesDropdownOption[]>;
+        createdByUserListLoaded?: boolean;
+        vendorSearchAutoCompleteActions?: AutoCompleteActions;
+        vendorSearchAutoCompleteData?: AutoCompleteData;
+        onFiltersChange: (filters: TransactionFilters) => void;
+    }>;
+    /** Memoized dropdown options keyed by category field. Update this when source data populates so dropdowns refresh. */
+    filterOptions?: Record<string, ValuesDropdownOption[]>;
+    filters?: TransactionFilters;
     hideTabSwitcher?: boolean;
     isAiCfoAccessEnabled?: boolean;
     isCompletionLoading?: boolean;
@@ -29,6 +46,8 @@ interface NavBarWithHeaderProps {
     selectedGenericTab?: ID;
     selectedReconAccountId?: ID;
     titleStyle?: React.CSSProperties;
+    vendorSearchAutoCompleteActions?: AutoCompleteActions;
+    vendorSearchAutoCompleteData?: AutoCompleteData;
     getTabCountAndFetchState: (currentTab: ExpenseAutomationTransactionsTab | ExpenseAutomationReconciliationViewTab | MissingReceiptsTab | JEScheduleMainTab) => {
         count: number;
         isFetching: boolean;
@@ -43,6 +62,7 @@ interface NavBarWithHeaderProps {
     onUpdateTab: (tab: ExpenseAutomationTransactionsTab) => void;
     onAskAiCfoClick?: () => void;
     onCommentDrawerClick?: () => void;
+    onFiltersChange?: (filters: TransactionFilters) => void;
     onGenericTabChange?: (tab: TabSwitcherOption) => void;
     onJeTabUpdate?: (tab: JEScheduleMainTab) => void;
     onMissingReceiptsTabUpdate?: (tab: MissingReceiptsTab) => void;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AttachmentFilePayload, AuthParams, ExpenseAutomationViewSelector, ID, LoggedInUser, SaveExpenseAutomationReconciliationActionType } from '@zeniai/client-epic-state';
+import { AttachmentFilePayload, AuthParams, ExpenseAutomationViewSelector, ID, LoggedInUser, SaveExpenseAutomationReconciliationActionType, TransactionFilters } from '@zeniai/client-epic-state';
 import { AutoCompleteActions, AutoCompleteData } from '../../common/autoComplete/autoCompleteProps';
 import { FooterFormIdType } from '../common';
 import { AccountReconciliationParentPageActionProps } from '../sections/accountRecon/AccountReconciliationPage';
@@ -32,6 +32,7 @@ export interface MonthEndReportPageProps {
 interface TableSectionProps extends MissingReceiptsListTableActionProps, TransactionCategorizationActionProps, JESchedulePageProps, FluxAnalysisTableProps, AccountReconciliationParentPageActionProps, MonthEndReportPageProps {
     authParams: AuthParams;
     expenseAutomationViewSelector: ExpenseAutomationViewSelector;
+    filters: TransactionFilters;
     isAccountingClassesEnabled: boolean;
     isCOTEnabled: boolean;
     isProjectsTransactionsEnabled: boolean;