From 70ec87f76701df58e7b46f566f3dce2c8b350978 Mon Sep 17 00:00:00 2001
From: Julio Oliveira at Encora
 <149191228+Julio-Oliveira-Encora@users.noreply.github.com>
Date: Tue, 18 Jun 2024 12:58:54 -0300
Subject: [PATCH] Feature 15348 - Quick Access Saved Filters (#15862)

* Added dropdown for Saved Filters.

* Added dropdown for Saved Filters.

* Added dropdown for Saved Filters.

* Fixed linter issues in savedFiltersSelect.ts

* Fixed linter issues in netbox.ts

* Fixed linter issues in netbox.ts

* Removed the blue tag with the filters when saved filters is selected.

* Adjusts in table_controls_htmx.html to vertical height of the Quick Search match to the dropdown.

* Adjusts in table_controls_htmx.html to vertical height of the Quick Search match to the dropdown.

* Adjusts in table_controls_htmx.html to vertical height of the Quick Search match to the dropdown.

* Minor adjusts in savedFiltersSelect.ts

* Addressed PR comment.

* Addressed PR comment.

* Addressed PR comment.

* Omit saved filters from 'applied filters'; clean up form widget

---------

Co-authored-by: Jeremy Stretch <jstretch@netboxlabs.com>
---
 netbox/project-static/dist/netbox.css         | Bin 551835 -> 551938 bytes
 netbox/project-static/dist/netbox.js          | Bin 389990 -> 390360 bytes
 netbox/project-static/dist/netbox.js.map      | Bin 354840 -> 355215 bytes
 .../src/forms/savedFiltersSelect.ts           |  30 ++++++++++++++++++
 netbox/project-static/src/netbox.ts           |   2 ++
 netbox/project-static/styles/netbox.scss      |   1 +
 .../styles/overrides/_tomselect.scss          |   8 +++++
 netbox/templates/inc/table_controls_htmx.html |  24 ++++++++++----
 netbox/utilities/templatetags/helpers.py      |   4 +++
 9 files changed, 63 insertions(+), 6 deletions(-)
 create mode 100644 netbox/project-static/src/forms/savedFiltersSelect.ts
 create mode 100644 netbox/project-static/styles/overrides/_tomselect.scss

diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css
index 0696d2e827f51ae3142a610e546459a4bba62033..36ed4defca8e8ed69115468fac126f7bbb72ce1d 100644
GIT binary patch
delta 86
zcmbPzU9stgVnYjK3sVbo3rh=Y3tJ2O77n?n>7T<mWJIb95>rw#^U|%%3n~;q*tno#
k`o}O1IdO%Q%(Cj-#G>@fJSzhQ6QC3b8*G<};;0t{04HJ{CIA2c

delta 31
mcmZp=p*Z`xVnYjK3sVbo3rh=Y3tJ2O77n?n?X6K9wSoY<B?_ki

diff --git a/netbox/project-static/dist/netbox.js b/netbox/project-static/dist/netbox.js
index 59f703d4b7cf50914c3d8cb0024dea4eaf1b8de0..f4d0311ab57a11fb8823681a35209b9785df1585 100644
GIT binary patch
delta 8806
zcmZvB3w%`7wfAqYJs~I%9!Vg)lOf;?oQxnSm^cRVAR&q533(C2$vh9toEheo3^5|M
zR|TvVsVu4ZsBN|0+bY=J@2J(H6d%>9)vx`oS{1c|c(qho@3psz-v2o>f%x6~BmDMW
zYp>aR?e*Ggt#k6^jMqP!F~Q+*y008gsj=eZ-U(&o4el)|9H;r>ia*F@ZL(M@!R#ci
zMEBn57U8{bREWU7Lh&gDg8N<+^Y<;H8M)q|L(`Ptz8d<KNbQrdSw#1>%NF6^_aj+0
zJr#6#la78BG$n35846V<gO2deKa`K%CmQ$t;Qo^Fje3R2L*2d??w>2_etzoynPOF!
zUaaZG^_o-jJL)x8P>nYa>MgNI)E7&n9bLN9Y4Kehch_sZU3y<dQ_PXnm9C#({*x`W
z*!M?&J|yb)J$$+;PxX2oVa+*W{=@pirw`x|UN=$9!Qh`LiZR?cQLM<X(;c0f(xW*Q
z%(iGszvkNa-sc6z`xC_`DH@H+DZ(v8oiQ?1ROMoPsz?+RVElt3RtnK&Omc}mIn%pz
zM^aPlAvK;TQ#}bS<+Ec$erUOPPIPf<g|K5dutJ>0FZojO8}payN>M+-778jJ{#lh6
z27$9$#Ds?rR)aib9H|xyCxHIMda?fk&|lLf7SF)=Ktv1?*e{NW%dy-O6UXxL<M}s;
z`v4xjL9Cvdi@Wq_ik~;fM3GT)hp3z`8d-fvlul^Wm5@&lB!cCQ#&;hQuM}co^D)tn
z;i+Sy6gNI`OiaSf`ESpOB>?9?FOEzR4aV`;#f?I=a^Ov&PHNEI_JK$u5eeIsR{q1A
zVxg@;S6Yp)-V`sB=;oK+7Vq;%$HjDh<{gm)qT;xCi2r^{<nfd5i1EhP$HiL$=(pYz
zKc0{dDn7s8=Sh_J8#li%-o}El<pZ(a27<><iApiR|8+`K19E>PR4m@}k$6>z0b|?8
zLKC8v|M-bGC<b}x&*By^n0s2R2D1LNxcq_!y}VUdIy5)`;Izm$?m8_l6Jm%Dy(0?w
zo_~m3{`4>6%!I*n3=HunpNfd+;7w<6ZnbgnjQD4o*{VAiEsASyw_A@mhr2a*L&kQ)
zeC9K;oNxO~tew{I4VsYdZsmXfOzfG`5p*hP-5oW5U9z;Y+W4pcz#VwkKg3+~@H}Jc
z=b~APc2@r(9Ab^dngP}dXzH4v;#CuB`S8ey<toj5>`QTDUURTFq4mM8P4}tc?z2!{
zjq%u7Q3Qb*uL(*E(PT79T8fcJY*Zqy;(Kh=4gvnnMt6#<j9YVP35f>&WiB~HtMNfD
zea~itpc?p^i8K$&zH=h2Be9iF<k5P5t&rv#Et3hd-fBEPh3W-<DyPxT3tRQ_4SIRC
zUfIC6OryW%H|iM&E!Ew%x+~yII2w(8`7}j{^?b@sbNT54dLwht-G#J5v}H9hizXO<
zD<naAZNZTWe^Q4FMfBozOht4UD*Z(fE$3acumRYZ#?xm~t5|0QXHtR4YZ?2C`g0o|
z5%t_Zo30RR$7tL9weiAidYxdd<*mm3^JtNPslPOzx-05*cSx@+tJQm3w7!ckSyH7f
zDb<%W>Pu3(E39hznjtM-zWskeDqXA=lWT65UJ2W9yX|RvWtZ;qgfyR?=!itGxn^m3
z7yq;vOxN*O#T3gNo+zQX0DBP3%>~^tL`rAnV8k5C;~sP1TNYB$zF!y3<6kYHJ^3I>
zAWX$HcV@O|Q7LaKrCm_#$x?bmY%vZjqz-}c^dc&|P*m}pW#qW9Dmdb_%x62VUq&m%
zcH@R+bWn`n7<4c5U8Zc~#mnhN(aDc2r_Evm=dYlP#73@ILCdglcm;hSwi()`1aEBQ
zM=z&i2ni$QRAf5o{tALS)$vPL(2NPKLHEU*T&~3zLmYp(0!Gqcta8&)5<UDyCG8+z
z)VO9f{RFmSEUW?pbLxVM-R^WMwVFGwRr;d1vf|Se75DEk-ma!`LL~Tu8v18g=&iLB
zHo>!NsabRxSJhG7c<_9CGyO<tMtKYUnlOIVM$2=1^{CsfhVWw8l^CW2aaR`FkaTZ$
zl@7<EBb$|Y)V<jgio|`T!yA%-Bcrf4i%{`Xzv}hbl@Mm}U}Vs)H1Xy>QiRTr^}uf8
z{B94G%TUzG%}>yD&P!3gQ~_0<qC#$Yl59NCOIt<6c)6Emi<KUenIvMSZdZ~S#zsLe
zP6ua6lQTb-T&CZbsZq_Y1i8467Eg^@{Ar%8rNiFnNa?Vjd;6dv4}YhRI%E*1o;gda
zx%6rXKFZ;%DbyJ@`5x4wxI#|^dqNOdFo4Yxk)$UWPpGj(>2Oa3=cY!H;YbQnv2f{8
zoKJ^bEL1-)?We-30jxwLnx62*lF{r^Ee^D{wJU>|Mt!*GkU7cFmHATe2fNY{b+1^e
zRP&AfRG!-&bq`~6?!K318-MCYOyF{r^7zjh6;gYY#aWsq!bYb`cr!b=#6ySqD-TWL
zPA|>J!|=5SQW)Z8UYaQa+~}nxBE^GVS}f9hpO*sD2jPAR&6VY$BOUd@Lu+}ykNiDr
zz??^oMUrt}$gVU4f{e~1LJ><V&8Aiwli$!v4QSWIVv)fnpC4Ch8U@?5KoIa%eB4JD
zBYsZy)4crkkkwXS+8Y_vONT?ItlN0Cp9-#AhlQ|px=%G_ZmqQd>5Zv@tZpn^J#e9j
z3LO9}9d0x&b}irLC)Wj~I65BEygq&xTh4|o?MfAJqt__Y625SmxfxFhP+_j_8v=tH
zxgbER?AxO5*5s0|q|%9BoV&U8lVU9#uqzu_4?wcrd{Y1~MI#>$(7fq&&{=Oyw6EL~
zQhJ*(Ce#sR0Ve`f1K(U6gbB(GQH4vchac?LXaluIdGGyXhh<v&Tw~1NLP3c~;ifP(
z@!2p<<afg~SFGc&!nA)*XH-c9wYaO_7xIN+GfwAL%@xrdx~8-khjdyk@S>fG(5=XK
zc1GzJ5|X|wK@U!;ik5GQDk;q!(<-+|%QqT-Nzf%il(IdA)3+J5DY}$wYokiHaqSQ#
zMNxfJv9jTiFHx*%ZjbKrYr5Cb$P>2H6+0SCIYvSuH5xaa2#{$X=MZhGWgk7JefYxP
zu#ZI8z1fTzrNeD1R<$e${adgOI0&6(!B__L`bO8|KzKqEEqBKcN{4-6er-D~nG(S<
zqYOaNDo+}wnae_Buw}tWOxqsO6DmyFgM~rOn+PJ}U>fvg%+t%A!_+XxA9fE%)ffa^
zZf598A`%FMeB~ueN0gxP<S>0A$RFnSG$ar~e(yUphd&yjp9wGXwR9^bu+&4djH(@U
zy$~8da~+;lJ%i+yCuoxK>`r=B*kWPl2!Hx3n8KlN(SMB(g`Jh2aCwpsf1AD_HOx~-
zsDO|D6Y`RXarF%d?+C09-AJGBh=OCt+l%zybRE0Wp7F<M7!n=wd_&%0(ALI1suk?u
zsvYWpT?qhbIq8O|UGaIdK#jFmD(t>QNuN_gdjxy-k5NN=Bp;XoU@~g72x@udE~@Aq
z1Qz~m#yy}*hle~Mjj5xr#1M`(nNH%=j_llW%jzs(c{Z+dj;_oD9r$8)WevZy3wc^I
zm+Yp}`86PL>1t{~#ZuFGpbR)O#&~zrYWLQ#dm!#`RwD97%gkfSty%Vr^<!5vxXil6
zP#eFun-;+9a`s?oVdoxrNj*1Vn7$V0VN1JGipglIzlFcOhoYj&_>VpGyr3;v>!>oV
z<F|;$58XoBkaHH_N*{?@<HGME-9Q`$cDB*CmpX;$H~#fDDv^BlcG|?3?5CNN)`XqT
zm@kox>BXgCe)xXdEROA`?t&rMiBGFsA1>b-F2`hDxV(*z??+UvF(xx@A*8X}4^Wdp
zynpWdv`RGppF3$4jSq*-45>F@tiFpr6sQUu_s~sZJ0HFWPs2uj`yOOD+l(vkrOARe
zX8GS{Z2JNA5K^Px{*bN~J34V?f5elFCt@lju)&l-+%*Oh3|XGP!L-C~ScA2s!Fz)t
zU>Y;_VH&L~p$=rRb=bu+%T{am*q|DN2S;F*1FC0h2I_)Gs!4wE$B2au{M?V}dFsmY
z*kH<dHgcX<?x*cM^Z@1arUz&ava$37^c^z`%YBf_kSbmJAc=7;JvbyB@tQ%v7qHmR
zLPK$jbzcCCCa^Ll)zAQrI*}e2jZi~z)4KVFhiRof4y@@9xT%GX0FL?M+IB=T3!(Dy
zhiS&95b)N+X34;-#lu=Wo+a^ME&Cd}zPXab3X*0s$H8W$!wHi|KLlj4UWP6Jf`FIX
z4$;EP{3h!b-j&JCg69xrUQG=}@OVYfqXr`0v|S1F&kjMd0e%r%z;4bQ!V?nYormci
z3IsBdF2$|KAm<+Ao<|Upc*PS`V66WIT`uu>-DJ=)iU+uLsx06;o~8M`^HHiP^aPZI
zhL#GN7RWSkH)I$Z_q{+%`NGHW{zTaQ7<JDJWy!3!%;)&V3#X{YFCL?6vUvlDmL-oP
z*3Ni>=28q?nL!ru)Mm>`29$7scMQ>`e9KdGkMOhWY3gfD<DL<}-=pd&HEvh>0m59z
zU^+88?>FTcg*?aTd;l`fWEP#K$fI76)bd+TlMAjh;V3D^L!ijSKu~N}I<g>4z=Er}
z^C+#H)(-TjC0O`1eD6`@BhA474{cinHT=p^yev(8<|vYByyu4?&y~NX|D>j@Dz36r
zLFoYB`v}$WBgbe7U;ivJ?aO~oQ#pE)#&dMO9LMbdjRnt8zo3ru%DI}VE#Va#MbA-y
zaGmRZL(dmB|1Zj_HK43kk+UYC)L8Oe#UH;&r)VI+vnR<peCD@E8``r#%}X$vt^E6!
z$c=J%+RHE&Br>j7s0Zcju2)cTuH$E4p_+pA0keVS@S&`$ibO&_Rd=-Uyx&ouXfdw&
z9qkYx{PI<*n_drvb@;;3kecwVMfWHYgRQRR?$^kN)aA%)bcfi&UH_L3@si(XQ)A#Q
zGp#r3e@|Z$YQEZkLkvU=zxH){Kd%ZqCU9m#L-^Xx`WsX+eIsz$7!U}JzE#`!$Qwwo
zH}acrP}z=7kXR0gm}gR}deRIa-I$x%id|{U%#f(ql{(BbuGgBK0ojGArpHly`4HS1
z0A=^<!898s5s^|^Ad*BbngC=4i=yl+sEr~ZGc?i^o$r1VQi~a1zDYL-il_Lg*Qn4q
z@D|leils7s8{dBxny4~L-lY%F9W%!LiS9+0jUV`c{)P_1ohRri*&T3N?!-eU=~2;X
zEc=kg3tMBr>16d$ns016MfVA@!T9<kdSBp`c>iPMKteZO`7<4s2*^9n&?c0~@0_7B
z?)WR&x$LiWkxffE%lXqY=$lmV;YSfJ_WYIpVKeLO&*@2-7r||!ktm8Pyy7aienABV
zA>dGwSje(WZ1QmW3;I|j+4m(4k|%qsq<Jffr1;)bG?R~<rEz=(>bx0h3R$<6BBROD
zp(R2-hg0bd8T-z{{-$`becTg6q8g9Fl>B`BD=I4Vr{KOp^W^i@Wt1m=P4*Sx)Myl_
z@gNEWP09c$M{_T$BCsoQ<T%;xrjp`;uhA(;^X{){;go)JTcjmf!T~<=H5Jy?Vq4@$
z-Vvp^bhtk?QhX)GEI44EF=%mfF2Nfb3zlWlQRGm!&z3!+`d?G>H*oN*V5%*3dyO3=
z+s7j`w@j6VeCk5EbbcU(E^#)IZ`OT|p%kJsnlY&L;|a$gubdz+2iw~w$T`SSZkZtW
z2odI4ljPi-6n@&m#oG~LKAs~l*wLb9Iw$Sm3lBN+GfWU#t$9r*8(m}GqZt>?<nuKV
zfHfJ=%I7Ua6A+mgYJpc}LBvoC-U>MT@LBMBzzCY<=IfayX#*+~r!9(gU}Q}FxduVq
z0<-mJ3m4?c^+@GBd2#_-OgHAqQiP13=1B)a$sh7$F}g$lnJ4#7s!CbP*=ol9?fkvT
z@(}21r$`@S+P_SZ%h8xTK1D{6l0w2x9+xkt8@EoCgQ&oa+<ZAAI6YNP=Q;UuRZ%w1
zn_VjNEiCC>mr~YvQL_Defqd2mZVu0sYR=k}vem<RF)HGVXUWfVx1^kAh0d=Yph^zS
zmQNtKI_Jn;h^D4ekh;A(M=sg1(bPc%{dK#tEvtnL<jLq^o2iFRNXZH%rni+2drW0)
zIEPE3)nTE!fjXD6S(wIA3?fpNs1B%%PECqSl-3MvDb@N-7Z4exT3|yKgvKnmhkrI#
zE+$`^-<S)FOK|=?`4%P8R=6_JRw=xZFP<+KQWwm+hl)8hUsj`G_V|3+XlqD06?T=%
zS-hZFzCd*r$t<(9%H=5~(o3x=E-99?jlCuEkHkMLmGgN|sVw3*&Dl|NHg#bZhtfS<
zD(4wX7s|zAl4p&3d&JS^b)fr}<iH}i3PJAPMKVWRsHM#|TmqdqKID`OjMpxbd1h<v
zJ*WItu1U2_{?QDH*DRNX<3)^HtKoMKRLELXZKLyPM!^+wbB>5`a*Z@dP4kqy<w9<+
zl4tQ*15`y~QY@{+(@G?*gwhC#sT!#YonNn!Cxyp2QY#mU@w(XpU9`xt?{I4&Q=Rn8
z^rRKktMNF#u9!utQ|Z=CTU)e<pT5C1hgaV!ZN}Yo(kl@~WuxQ?-n6-1fx_O;KW>y)
zpmcq|QQnQbX=f8S9x$G3l6wU*!0z?(0R#~=;`fT6v9DR8jT$vhwMdnwhSP3ra3%g*
z-?5Yc_q59c$R0mymp_HBe$XK=n%84;qJUw=-iuCw?uccfJ~u!<*&)9J(!>T?GIcCz
zW;MN0&gKugq3AzukY3QO-Y6FqjG-$JY4L=$5lFvqU<G|r^Dvxw?yNr77WCO1XsPy<
z_x7Sy(!&Qk<(>9(`vC27x$w*0b121b?b_WX=W$WLoMe2vOJ0@(4u08(fDtg>?SpBc
zXq(wD@x35z)T(k&B3eG_l`cr&6R-Rwh=1b4$G;x_yHA!)#@4E7Kh7oCdP$G5!Y@BJ
zcTj>dWPY+apvg-Js{ZX(sl$vaLUP%(MYU;U4agTdke8q&Kq7=!YcTCzwsh(Fj{!r*
zZP&`%%qHN%>*OnQYhgO-fG@OG^M$<S9U&#G4mC&3&j#`GL7uu(F1=tVt(eWP@(ym;
zDIdjY@_M-<S5)(=UGg0aGj_|%_{?s(lt*^U1irnj-z_gTO7@s{Zs(qx<w3E=`21!W
zBZR*#x5^!&hGCodZj-dxj0xYBFA8A(ZLi#jb=Ph3IwZ3X-zHx`GP`}BybsXa@5$Sz
zUzIl1)$cbyMV|Y#v6Y|y9yZjC`rGAZF>R~qc4L;;r+My8P|EB3W#7EEw8J@^?NHUL
z4tw0^LB(u`Vf!83IzP>_3=-YRvJ%62sDR}i@=7F`Rd>jyVsjH^y~PT&bDohlzj^ZT
zI)3O5`5E%ZA0CiP5vqTGKwcu&8oA%c<tEl!+$n3#f$5-J#^1kF#_^Km9mIp8^U8zr
zmQjCg;g=4=#j4C`FrBZzORmI&^7vhHY5tb9v%(*VIWjjXj`(}4jI(#ioQtMzPrH|o
zRrN;Be+EIZGsfl5$m1w+XFV%tPr-QE|C9YF(|P~v@{kRmgB9L(5~bMHZ$JWF#?5cY
zha^(JinrzQa!}7MvgM9LVZ30T?N7)ACu+7?M#+5JtJcR&yR8)@wF_(~CYuK-%WW@U
zH2%Kac5s}D*k5kjWsW5kw$0|kw<>H83v;r<ZEId8HX7g7Z6P5$V{YDQAk<EX+O+AN
zF_+ipSCgScbwu~0o*o{lz#hA!HpgtNg(4m`gksq}Y6h0*LGV)4Ry5NjShiG0$1Agi
z({yp`_g_VAvo`&Yz4f>Qf5Rin|G#qXhc0yY;=US`74EhWD4k#iZH!o0O;|`RnME3j
zZMG^gsWX<zcj`lKF!k%0?PIYm6V;E!ZI|=mgl#U*O4t}V@K<p}+?Nv&Y`5`9()KOM
zskChdH>GWh`SG-EI^UeOxj^^Jw5=W_w(YjR-v)V~otX2x9E>kd%jtcMuRW1d#amD0
z<Rd}faU!Rky3+hFPI;+u!O0x-c<Z>~!<?(J_TYy(KZSlbp2~UK{A#)4<D4@X7JZU4
zJh8_zP0KqHJavVfWjyyu&JK~E!H=<XUq5%B&hbw6^^ZX&`uV9^6nJpx+#LgI+_#}^
zoeS|tOE~P6c4zO>K1J8un3_E$Bv@+N<&Q<ei1n^WCe}F7Fb<)2=fLOTE906AUlQ;k
z+vj!SlVQ|CZq5+&YhHKhFep-LDCry7?97JiMet*vw#2=8S?RE@A^DDJNLsw;KAD|w
z%Vf-;<_gAqez#9M@3@g5Uw0yB!7NnWu($YVI515r6D>0GC_-fIKgR;7#y*<U`O|Wl
zJ2?TFoZndG7f<J0S)fFMeNIhtj1iY+%=$|XzW8a}`f1LB95v`b<x_ITHhW+CscAwr
K9{4op2>mxk&9fB%

delta 8532
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
Gg8mzh5>x;H

diff --git a/netbox/project-static/dist/netbox.js.map b/netbox/project-static/dist/netbox.js.map
index 00b92809a34cefe6dd3a97639f464723e923a6d1..c5cd1a402ff7a61d0ef39a02023dba464333c5fd 100644
GIT binary patch
delta 381
zcmY*UKTE?<5U0jW&IO0A0fz$-@dNzcwT2Kws4=v4i}q=PiIp}M!J&hLqhtISPImDd
zxC%~w7w_fO!Qqa3zkhe{^{e~x-F<uXcCTjhYO%k_mU?<zl(n8O5?$)c`l<4sE3YH9
zCFMwMuPe{}QO-E;H=jMnTh)quAT@15Ltsb|5K#z(g7K0q6JT&|rW^H-7f%8{Vv2#7
zf=y6NDfmH|cVNK`$c#NU@{(<Qh{5T~@FPR{2AoLa10^aXwh0&u?cXVqkb5R>_lY4g
z*37CjplJj?Y|jl$USesH%O!vE*(SQxUn}rl*(aDYTZb$kn@N6ID4=N7DTRD?+nnU?
PwE5^cJL~t{z3BV`<IHVc

delta 48
zcmeCbE;{3i=!R<5=7p;53so6`m<foPftY3cLRHrDPE2kY)AwbvrfgTwV$EO#0Njfa
A^Z)<=

diff --git a/netbox/project-static/src/forms/savedFiltersSelect.ts b/netbox/project-static/src/forms/savedFiltersSelect.ts
new file mode 100644
index 000000000..1d06a8d0b
--- /dev/null
+++ b/netbox/project-static/src/forms/savedFiltersSelect.ts
@@ -0,0 +1,30 @@
+import { isTruthy } from '../util';
+
+/**
+ * Handle saved filter change event.
+ *
+ * @param event "change" event for the saved filter select
+ */
+function handleSavedFilterChange(event: Event): void {
+  const savedFilter = event.currentTarget as HTMLSelectElement;
+  let baseUrl = savedFilter.baseURI.split('?')[0];
+  const preFilter = '?';
+
+  const selectedOptions = Array.from(savedFilter.options)
+    .filter(option => option.selected)
+    .map(option => `filter_id=${option.value}`)
+    .join('&');
+
+  baseUrl += `${preFilter}${selectedOptions}`;
+  document.location.href = baseUrl;
+}
+
+export function initSavedFilterSelect(): void {
+  const divResults = document.getElementById('results');
+  if (isTruthy(divResults)) {
+    const savedFilterSelect = document.getElementById('id_filter_id');
+    if (isTruthy(savedFilterSelect)) {
+      savedFilterSelect.addEventListener('change', handleSavedFilterChange);
+    }
+  }
+}
diff --git a/netbox/project-static/src/netbox.ts b/netbox/project-static/src/netbox.ts
index 59faab222..ce0aad93f 100644
--- a/netbox/project-static/src/netbox.ts
+++ b/netbox/project-static/src/netbox.ts
@@ -13,6 +13,7 @@ import { initSideNav } from './sidenav';
 import { initDashboard } from './dashboard';
 import { initRackElevation } from './racks';
 import { initHtmx } from './htmx';
+import { initSavedFilterSelect } from './forms/savedFiltersSelect';
 
 function initDocument(): void {
   for (const init of [
@@ -31,6 +32,7 @@ function initDocument(): void {
     initDashboard,
     initRackElevation,
     initHtmx,
+    initSavedFilterSelect,
   ]) {
     init();
   }
diff --git a/netbox/project-static/styles/netbox.scss b/netbox/project-static/styles/netbox.scss
index b04b85fc9..af2905312 100644
--- a/netbox/project-static/styles/netbox.scss
+++ b/netbox/project-static/styles/netbox.scss
@@ -7,6 +7,7 @@
 // Overrides of external libraries
 @import 'overrides/bootstrap';
 @import 'overrides/tabler';
+@import 'overrides/tomselect';
 
 // Transitional styling to ease migration of templates from NetBox v3.x
 @import 'transitional/badges';
diff --git a/netbox/project-static/styles/overrides/_tomselect.scss b/netbox/project-static/styles/overrides/_tomselect.scss
new file mode 100644
index 000000000..29aa9d361
--- /dev/null
+++ b/netbox/project-static/styles/overrides/_tomselect.scss
@@ -0,0 +1,8 @@
+.ts-wrapper.multi {
+  .ts-control {
+    padding: 7px 7px 3px 7px;
+    div {
+      margin: 0 4px 4px 0;
+    }
+  }
+}
diff --git a/netbox/templates/inc/table_controls_htmx.html b/netbox/templates/inc/table_controls_htmx.html
index bbbcff59c..ec913d32a 100644
--- a/netbox/templates/inc/table_controls_htmx.html
+++ b/netbox/templates/inc/table_controls_htmx.html
@@ -1,25 +1,37 @@
 {% load helpers %}
 {% load i18n %}
 
-<div class="row mb-3">
+<div class="row mb-3" id="results">
   <div class="col-auto d-print-none">
     <div class="input-group input-group-flat me-2 quicksearch" hx-disinherit="hx-select hx-swap">
-      <input type="search" results="5" name="q" id="quicksearch" class="form-control px-2 py-1" placeholder="Quick search"
-        hx-get="{{ request.full_path }}" hx-target="#object_list" hx-trigger="keyup changed delay:500ms, search" />
+      <input type="search" results="5" name="q" id="quicksearch" class="form-control" placeholder="{% trans "Quick search" %}"
+          hx-get="{{ request.full_path }}" hx-target="#object_list" hx-trigger="keyup changed delay:500ms, search"/>
       <span class="input-group-text py-1">
         <a href="#" id="quicksearch_clear" class="invisible text-secondary"><i class="mdi mdi-close-circle"></i></a>
       </span>
-    {% block extra_table_controls %}{% endblock %}
+      {% block extra_table_controls %}{% endblock %}
     </div>
   </div>
+
+  <div class="col-auto d-print-none">
+    <div class="input-group">
+      <div class="input-group-text">
+        <i class="mdi mdi-filter" title="{% trans "Saved filter" %}"></i>
+      </div>
+      {{ filter_form.filter_id }}
+    </div>
+  </div>
+
   <div class="col-auto ms-auto d-print-none">
     {% if request.user.is_authenticated and table_modal %}
       <div class="table-configure input-group">
-        <button type="button" data-bs-toggle="modal" title="{% trans "Configure Table" %}" data-bs-target="#{{ table_modal }}"
-          class="btn">
+        <button type="button" data-bs-toggle="modal" title="{% trans "Configure Table" %}"
+                data-bs-target="#{{ table_modal }}"
+                class="btn">
           <i class="mdi mdi-cog"></i> {% trans "Configure Table" %}
         </button>
       </div>
     {% endif %}
   </div>
 </div>
+
diff --git a/netbox/utilities/templatetags/helpers.py b/netbox/utilities/templatetags/helpers.py
index b9a3e0005..3595c0666 100644
--- a/netbox/utilities/templatetags/helpers.py
+++ b/netbox/utilities/templatetags/helpers.py
@@ -281,6 +281,10 @@ def applied_filters(context, model, form, query_params):
         if filter_name not in querydict:
             continue
 
+        # Skip saved filters, as they're displayed alongside the quick search widget
+        if filter_name == 'filter_id':
+            continue
+
         bound_field = form.fields[filter_name].get_bound_field(form, filter_name)
         querydict.pop(filter_name)
         display_value = ', '.join([str(v) for v in get_selected_values(form, filter_name)])