From 4ed7c8062a87db93f444a4894df40cf1dc33510d Mon Sep 17 00:00:00 2001
From: Leon Liu <leon.liuyang.d@gmail.com>
Date: Thu, 2 Jan 2025 09:28:40 +0900
Subject: [PATCH] update

---
 bun.lockb                       | Bin 168140 -> 168870 bytes
 package.json                    |   2 +
 src/App.vue                     |  68 +++++--
 src/components/FilterDetail.vue | 316 ++++++++++++++++++++++++++------
 src/components/FilterNode.vue   |  24 ++-
 src/components/Info.md          |  45 +++++
 src/components/Info.vue         |  63 ++++++-
 src/components/TreeNav.vue      |  70 ++++---
 src/main.ts                     |   6 +-
 src/models/index.ts             | 197 +++++++++++++++-----
 src/services/filter.ts          |  16 +-
 src/style.css                   |   1 +
 12 files changed, 648 insertions(+), 160 deletions(-)
 create mode 100644 src/components/Info.md

diff --git a/bun.lockb b/bun.lockb
index 660d487c5ffb13c016079515fdc2c39491dab272..312f77445a813d36ac6401dd1dabb77480c3f759 100755
GIT binary patch
delta 30611
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
W;g-nXS(+n#ywz4e_PDpD_x}Se{DU0;

delta 30038
zcmeIbdz_8c`~QEh&1N=@a~NYV&Zik?Gt)2|A!8dkq%jU<Ffk0n3?hdal^CVcs`sLD
zdcWTlNs%N;s2oNqLJmblg;3IgioVb5KH%M3eZIfP=lA>l)qc!tU+a3UYaOm@9q#+y
z`<{D0|3ZlmmXvrrw!x(bw!TyPz{DNfhPB?(rpm}qzwY<q0}p=I<=ltc?p?O(%;u?W
z9`{-DdU0-Q^}PF^Q?}x~Rj{o53F9+t<w-I`{{dMRnd8d2lrD#!ie3`wFJf8Y$cykI
zGe(cg9G97q`;Duo6}7CJ;NL{nL@q)`A|H_Y+K?ENojYzwZmw0Um}QkfADuorJ9DUI
z9rZf}&%#TA!4xQie5JT$l}0Yq%~YklYOqpjOit#g4Ela|z{%~2ECt`e)te)wbOp~o
zb981pj#4CMXvV0_52!@kyk|_zxLlVXmpjDzp0w1Tg%9HPo%krNCnNdmpWlvm>dvo6
zYmzYqDGj%94DzFqQgFBvRx1r7u@8rr_?Dwr(r|wo5V;&(8vM=D4Sm(}&SFy=wa}H%
zBWs~Qh?H;+Mb<!eLRLrCb!Bl^o+@uy)!^TE<qB6mj*NoOb!95DDte+Tt2;6;zbFX_
z|7o14g4~UaK)#2>h5U@%!Q(TthFU{uMf~iEq)2{SBz?$l<nonVT_G#NpQClLJBYj)
zxeY1hS0km|0%S!i&&n@wi5z4lG6vWgi~v$9XyxYDLP`atUHua7NJC#C#cnrJ8rp!A
z23~OUwX07@O8I9P1sRB$yj92}k#o<`A<P2nXdP$d7S?q<&&-XvcX;|ZYahI<ge^#!
zVxuz0jT8If+1Vr02WMpr&deDj6^y4sX<$x$XQqrvA7@VrZ^92CUm`m)J1aXUGk4th
zhL)8lJ^rwfGuA7SL@)nX1E;|;F_smLUNzR?OCY6zEAX=9(waCC$jBX%o|Qf{qZ_&m
zSv*oA&=@IpKVmOaa#DI$7VTQO8KWj-<XBeE80$`ZQYF$b(aE2OERB4<u@j;Xn>z)o
zP=R<pqJ`tZ$4D8f-maY5(h2>DT)ILe3Uq|OdR`k!iF*x^((Rj&vT}xHjLw}jdWbb5
zH+ys|tW#-KW?t@uVKL*<hvmM2F5MlAtc>hUoMb6PBv=+5%KtXrvY_${Zm}#nnm+`|
zkmbJ$FX6il9d8Eb?}Csu(*o-n$Z(_>o*}*x*Hdks{A313X3)MQr^D|cMPC|pI`TTY
z#POcon2d?za?)qDbM&b?qF6mupxYO#l=nynr%d#%PMIm__GCdyNH4=n5WYv2M9%N%
z@EH>`hNKgO=Q=t36G&-$rmIgwN-)Nx=j3L@jLOYHm%cQ<%^7Q%WHBQ%x=zY;4F|dg
zJ&@rTc1D&!F7M(*^PbFM<8v}{tuD#VBuOM+I&>OcIvUi`#j8ixfR$b0bGjzo*^3mb
z-0?$l(sMJcRyw_SrMwE=9hP}MI`f`M)^90}UL0Q9u8mG?^M_?+52ga^!`qz+`!-U7
zvl=P2dJ}XMoA#LW+}s!8#cAEsv3m$9_2u<)_+ChS%FA!q+i|WsghXXMx=hTKNU8WZ
zyvTpw;Z$$|DZ%(dMgLV#qdT3c`p0@AaY#Bw0JF0u<YicoraDvTL8MeX0V#8QczSO3
zy`wE_dtayF=es!_8<pndb3nA0$~<_npMjJ(-;R_9CZ&(cl88-4mwH?Eck0;+C-#TY
zOOTg8M&iz^5Tb(UkmB)Rq!{*fEAZy>;GFa!jK1~JK&RrH?{e&h>Gpw2$yM)m*p6;3
ziAd?rsEnLp8O<%r<4<EJ1Gs#U)9pj9UWBQ96a1rkNuYW}Gq>#_!?Q<b4o%NF$0U$G
zwbKX5jV4#>7?YDRjuVO;&$Tyo*%FoVR%SSUJdKoH{?I+n*0TZ00RX>;j?2kl0LYgX
zmk|S*Y8km%nWM*9*7OmMCnu27N>;{%(GsUaF2Bu{yOHAI(2R^RF`2p6v%~FW(D1*G
z`;nuZ3dd7G8tj3rgY2Yt)7`C9E@5Bq$}urn*+bIDQD;^r#|vwHwv*qAQqrAnW1QOV
z$x0tLE@P-QGGo#N>E1<nsi!V>rI8uA<Hu!Y<yslJW5;LYOtLPFb;@Pr5;j~fj~(+S
zFMo87<45|C>>P2lI2qE-rx<JT??R?CKZXoX&l*X7KVno0o{1VmCx)euu-muljdwQV
z@<^Fa<8v}&Mo`C?@uMdV$sU?<jC#t!?{w>X1zAlF<NqWfYc%^_M|uX2y9FLXmLPuu
zQX=ryL}%)Z$c?cldwR|=dyiWQFCG7iX)W>~QtBOdpW}$^CFw+D1ocS%ok;sIo;}&w
zz1u=WkTH#stcG+$l)nXCdj1+xW{P(d%*q~`o(t!N)QjA5xBzy8v$L}Xv*&pYe>ctH
z7Z641z`{J@FJq-i$k;tjhV+=I*;Dm{e5b**>CR!O9a1{D|9<DxuLiO@`bK1B<j>?w
z#X<BM$RbFY^7Y{*{~S^})|dJtk%cpezpN2Cs*Yr`jbjZACi5Q;IU#R@tVI4@Go6B~
zXE<xBGd2>DM5J{5ky%c|jnHL?7=OE*w|V6hICEk!Qu0@SI%w+JdWmPpwqAWYyrNni
zRyyn^T{&`$s;>(ogZ`z;vbyOxk%@l4&$2q(snFHbzeshlxpGA;>lR6=ZaNSZRFCRp
z-goH&-lKG3RM4NnHN`D@XH=s4Oea?h`aAe7tFKO}mgs+)lwGs$j9-_io}^-Qa`m9P
zR~PWUTo+ak2Ew?W=tXapo*NbC?}ye=r&MiIltc%+eJjkZLv_}H=%AXTlX-tz7eohr
zzl7->(MkT%#Ji2&8J*~VkrZ8tPE;p!LCv7Q26H+|&#9RhxQkR9+9|H*c8OC@>*QKN
z)m#_wzCai9{)G<I4yro3fcM$Duy)YDl~KM;&#9fLGIVmCpl^A&o?Ry?aF)r#DNKGq
z_pBWkXw52Rpz?jXXPvmfY&6asaHeNeobSU@dUo9;RaO_)4F(1?2OHa2b1C*HnpEN#
zZZEB8*Gux(V$?e7IrS3#!@QJlO&Q&_ev<Ee89f_utgPNqKS_1bfd)bKm`-jG^q1uv
zE>ov8Nc7)#HFccSFq`Yj#LKW#uaHW&Q)QTJciXA#tEmsKrec`G1MS?|S5seKO?6~t
z^tW>tT}}N$D$VA4SMgFWT}}B}1F1SCCaC(@HmlHkODa&5vq0uHG1y%{PIc7<u|fX?
zwgf^Do9KU&6jO(ktUjh9sV=0P+()i*dr2{k$*obtD{&90t~R%llvCmdQcf*xqP-Hc
zNIBdtQr+zm)oOaVBS<+tSV_vUyGY8ZuT3qFdytgVgI%PY5*4{<bb2s|lv8#oDaY=I
zt6ZBpUVZtbI_Wv}6aA-1g(MYdS=X|fI&-E@oEoYNTLlBl;X1$-k?H3<TUU2&ofN2D
z&$5D$rR-Ta1g(oxtV>*AIhs^LfxF^WJ>4}fNtM?HaY29Q`t}5`pQxVIf%u@Rpp$v;
ztqXXcsSD$SzSkS-5(!Cxa}6yk#jbF7bX?#&HlSfwwNxhc-Ja&#)>xOgCCNWG#<GUm
zJHRcmmUWk%nn$X$>=M2svARTJl0UnNW!<4uswW0MAQf+Sk+q?U>cYgJx=jb#1l2s9
z+$I?Koc_yd@#~(|;{p-QEUUF`E!qIImT1NF?)W(W<7k6)_$`V4?@0BNhM8G~ZDmad
zl7fN#&7GQx$}Zq9+d?)O*|;9ih2)+>@9NYX9~WprwW3*iZuL0-6KI`vINd+iQtt>R
z`OCMmtaf$-y>)WCpn6yrv<n6{z{)cB>9U0C6q>s`<i>~5>27wGv^^OuNqXvA*IMsr
zpQJ1u=n(WbkF%^hrPjbKQW6w4Mn-WHnuMT;?dC6Nz3ixV!{i=u!5>PntcPrFH>nAF
zPPH~gDRG}oHDRHRwo?m8IRo-5DLX>`K5UGGq=0IpyLL+QS86NP62%#$oPi8W5*vx<
zaGl&asLJR9-UsW#&cVPg=ALw}sBC+xgigLK80gr}vgk*CNiF-`lW6?OHaRI?wbLcK
zBn8U1cN}Eof^jOO3%UdY+U1z6Y^U#|$=LcN1is(f>#oU3fi}#3#x}o%6!R}aYpHhz
z69aolb%(d(<!^W^UD9*9B>IPvVgYtZ47@~2M#HbmM#Tk6cXWosZ^ySk8Xn@p?u_^_
z6fv}q6~1#F^^Q<dU}Y!A0vDKe=g_1zdm;teVC|L;#s%&}lW+uV*Iz@Eada%tph+N#
z*{vqr<}7AQ_pB8cn2dJKay6P8R6=nUP0G<fT8LqJ<8FSKT}w8a9NIV{)rs@Ji*~!7
zQztP{F4<Wqc7Ou|(0X9yvuk(>O?q5hHs8P{G&<%4+TV>?&#{+?JxWS?#Bi_#j-oZ!
zDN)oMa<295feCa(lbUT0)swoQXVCXWNbl&G<U7$#m*|zGl67*gVBl%?5LvkRP(RMM
zD@E_<l@zE>6s02!8w(~AO-$@*9$0iWPr`E;O`K+yF#y$XcUGs;W#i-2B%ORm(0>As
z9R=6p=?`&`j@OD)`8v=i=sVa$ckPoDsL<2#skrXRBJYMKQO2-Oocfmz+!+jf>2hH*
zode4_I}r<eG6c?{Nvw<66SQS-M`L4RjK-ijV^p?7od09AJMAdezr%5n(Hb2e<|=rB
zPpi<xC+GCxGMZG*5wUYzAfb=baF{({xoDEdfH47HaW!XXzd@6R=>{$(+{rNojeU!i
zHx*6d8_>I3#Rb;8S}}VGTtaiFSoJuSqzn5611nP5P_Va`5eJIo{y}xSF6bZhKiOB7
z8pH43N2-HPiBAkvO2bL42?s4tMw6E9vl@RPT1z_smtCGoPmkL7^Og?b^*@Goiw@`9
zt&mhxy|Y(h;1VhEl^7A$4*jo>(SvBLz5LR49KJ?#A|`uktpQR)O0C2|Z&L1*tR3h7
z7aC`QYzD_jar|a#*BN-V4HiH;+AY+|;=qq*&|0D~DWc=UTtntdVtm+Lj)(4mqe&@e
zpICF3o}Hc)_zJQ$B%NnM*X7vQ#;#Z<?O-$+48q0CT8t*ei|DyE;{v~+NuvZFr(*{>
zmiCaUES)?g7<d~_TxZpFj`NpJ=a{ckY9|J|lak@5B;j3vCTp36(IL)vJYCNonxrb~
z!lA)Hx51Vb>txZj`_QCo%r<7m>uAnWmv#6XnvA5qS@?Snk+T_z>ocUTTKV^gCSw;U
zIn=3{?&4Si8e2E>kq&X>O&%5uyaOklFJq5e_Y9}Y1Qq*jXdIZuo<rRwSF<-A)kqf%
z4+b)sk}M8_Di#;em?Ey0GK^0XuWB36B>c>N{J4N7p|NCKRSO*$5maG1nRgD?BZ7e+
zMmYNfe%6okw;3t(N48G62$$GUOS?G#Qqknt?>|9`>x+aoVOd@?vQ+Otb7GEp;Au2x
zTv-&py;*ukR#KqOD6dB5v`W{>qk{e=a5?sVRerQH-1L*`dZNixARbJN8EE2>6P?|z
zr4xzL+1`YbxTK)T=-8J28ECETL*rK0irU#bijHx7b`BnQqKT)@T6+Rb+OnslZ~GWM
zdrVTG$XKTl2882Fdo)gj81$K>#F)*CP;YQGXCuFiCe<<_*ya*)EUOh-30u1ttvebn
zFkiQzNwjQdRZU%(6Abjpb%u>DVzCfSESxR#0GhkBak>6DXX=p0!X1v*5la>%<z7OQ
zaM+>pofxNQk4p-)A8%O$Af1`L0Ii2T;%7-o%rR#9MNe>w+WUb@(}m-M{zY)@#nyk6
z6jw8K5>+c*Fd?X>=)wuX!0Y!qv)-O-{-4o0>hSnPU*bgFbwpBN%tXg0LQCI1LX#NS
zlRVI9k`qbi=$?)y{pK9<uJ|w%nZZSL*?X=kwnzTv_u1Pp9hyptX~|j8T2h=GawWio
z@SVF)m$)y<Uw5))CF`9N5(5vC;wVnlY$3i6C+i*eB?T%?aW26f*B?Z4d)6l|@G+X4
zwAw8Os!er@bEZMwa5M=Sha{HyvpRW7(D(6FJ$p)0px890*JQD`bVic_bWWY}(ZoIb
z2;+NWnw~v1$#-d*-Z3>vb<}}r9E0+l<-}<b3+O_go;@uo&@A7w+ER@0_KFLPM!O3Q
zKe-G#oUgm)CHdz~w@;q)68-nyFDHE|q<$sE`7Wun2kf&0QY%Px7A|mslth;!R-ZV3
ziwC{(1*Ce|r4EvEY^%?3yrADK@-(!5l(bJn11Hh$K(kLR)gWDPe^4#fh4%*oA3x*_
zExvF72%G5~FKyog!_Xuyw9X<~jwW>w+)%t2cD!04R~Qe<#ZbY6!N9>;&b3}e8DUjf
zC(j7_Rut&jGm-*DXM0OSuBh+Ofrk?FA}#x4D61GU8WaJwfe+MmWqqU{!~l8yl~m-%
z0x91V$m@C;Ku-YDP8&XYL)eL{QYv5^?U%@+pgj=21CWaG+<x6iian=xwjER1ZYagJ
zwl7lcdYHfVtGmTXm=x#*q+;T0zpj_kQ%-v9mq_tokgffvln$l?rKirUq<nh8%u0E}
zWw^E?rLN(wE;0<TrOJoJZYUgiGy0Q2UjGZ}ME8GD!T;ES2rO3ERyUGP`+s5Jl>GAw
z{+IdeO!n*lNdv_x@fwh!TVt1YB*R)z$#!V1%l?&=THXdy%SPA!dRYRl(B(yz1bbaw
zq%6lnKqkg1Aj|KZH%Ca=FOf2PzXvk2egyLRD=8iN$+r4WDfRpUWEK1d#DO9hOTERU
zkS$p*(vy-9Vi@jbh!n#zu714~zP!tel%(9|Auo|WeRg*BvZ7UXSzGGMvn%CE6l#bK
zvL;fNOG8(0jO5RXab+x0oM?^|`<AY3?aFvJzm2Q&iHdxqVRb>uOQe+V=ITgi`U)XV
z-0o&vFQuWLZvGu^{*9zm+?RYYNpodC*Zz7b^$l?O0cwa-V4zEgya|I$SHF>ztPyU$
zNU1Q()o&>E_(!VS+f=q|B~sj#JBozLb@}V1P~%+wdMVU+-YOy=M#?05!nM0zO8rm4
zOV&Rm&XO>$;f<tBgavNCNO5bCE0?(Z^-}Wx<?<q>{4%68{1Q^KR>+$z8E45@=@QpV
zp;qxG@>Mrqq}Z=<`PW@ur10xp{ja3hz2(}yWyjwogxkQI$hTbsk>b%NSHE5g{|>y&
zu&r+X^-}V;ySzxT`v57_PM6Q~5;u}k!AGv4NJ;K;<!)DgEF`b%rBHiZUZf=V@+SMo
zL6;ZFU!HY{cWLM|R~|viOQa+}cXg4HJnHH<lCnvhbnQ;Lb|NKtnm1|ZjLSPR?mr0$
z(RUa~MHi7`d&w<uz4YnBk5$rV9t#uX$!S4R>aK;Xhm<K7BW<}-l1+G%ikiCoUrDiR
zhMkzUaP9v>VxdPp?woP7Mv>xiu8en!ixfTqDO94%ixj?%tKUdUep@$Rq)gy;t}asY
z+xy%tlZ4&Ct!_p~*HEM+JG=aCE-zA|F5fT8>v|~_cXRo_l48=`r=OTx&R$NpyG2CG
z(DZe6ky2%vtBaIme^(bN`2$@2dMW%sc=3IZn}59&YOogr681}^%%l;ne!Y~6M!`!~
zHgD3v7}rju=wn@7r0k~?UHy6~)P20koXhvIoyj7b0U?KrxkxEE4=IsYg5=MVuW;oh
zQX2ZV%Ri5lie7T%t4Mi?ltFsk<=;X|*4y%Sz08A<3OBkLB1PYX6zUyUe^(S<*GuX6
zcGqr)o9{`n{lB?f$*Yf{R1_m6c>R@>j>Q6L>-y^yR9lybU3a}Av|P8?FOgFI50@)>
z{~unjI79H)mn%*FzFx71=SJ5(e_yXy){U-PWP|wodZi4jS@z`evZ`Gv$qKG6^6%>v
zHyCo=BD?0_*DEqr{`2}pj-P*DuWWK>%Joua%-`25N8QMX{QG+4@9PylU2;!$|Gr-N
z|NVNU2cehs`2X7V%IZstr`)7>t_Z0*I^yM2UHRp3J@w^~s;3Llwxh+o5>gHHq*qe)
z#8<-gVYEiN!OB!!e`UCyvogeeum{l&ptW5UQcZNhs#HB|Rk%Kj)=Ve7nyTYp4c7}^
z4e_1zDYTPlDXT+#-#CADs%ovz^B$*@UrSZ-dI|3d`V#NA=$>m*Ria+TdmF7@PgQMo
z8t+MZ74JbESewedSLwXB*Xwxipv%6Is&3Vpym!=_dGDkn)}?Zz?O5J#(}lcu(a~?F
zas$sK-n;7EyoYpy^?0%#Pu7Q2iaxkLRdv_R-b$7GM0oF^kMZ79Cu~Snz4Tn(d+SrY
z-=W*ToyuLH^Lf8hpXWVQCvQwuef1LF)AXf{srur^a6NESNcGptHl?ZoT5V2M19ckj
zcj;BU->n1hr1Je*I`8Rv9q)s6*>_Xb5S_{UP`#P=3?1=as=7yy<$ahge2)=%j}h4t
zQki<v7Di+XBZ4+kH`t0FTk&ISNR845(GH-s-4;^Wx?me4vW*cz8><txGa}m=k?kRs
zt52bwL`x|QsquP#VXB^27_Kj)-K&##r0Om^!u5(BA?`}Lgmw{a;QJvpSucA(RWE%%
zT!()UQd4!>2dTR62jO}HTAmK<Ox0mK!}X}0AvImELwf@)>cbHCCT4z^s)v6Vu6Lr%
z&=DUo<33`>eH4=0G|{%B#q0|4zfO~O;omO&Lwi^^*o}X?@o#sC+olhq9YAaQafo||
z3qHobkMR#}u1?s4e|zw6Pe^Hf3hg9X%HEKAO3&Yme|zx{&FJKP__q)L_J!1ZeF^O%
z+Q3gj>KVQ46a4!G|MrKtt2%8z{_V#<v_(2_0RIl)-+_=?qSv9lffjWz#7$S32l4M9
z{-HgmBM#x;A^bZOQZML2wC!jypN7;jJ?T^Y`xO7smg@$e;ooQY_gP4-&<D{DptU_5
zQm^QO!}xa?|Ik+Hgd_NO1pkhN)M|YS?Ic>t=OML5&;K0%KF2?_wL1AI{vE}?qan3U
zUqZWxHt<+Tt=G$r;omX*`y!+^=(I2J?+g4x+o%J_@$WeP9S^C^dL7yuXi+CZ>Rp|A
z0{>3nAKDfj@g@F!iGN>))HYp+wjC|ztB@+xlfJ^guka7;ecj+|{QDaJz7DCK`XJf?
zw6-Th>LXon68}!(AKGr6a0>rU;oqr{+M`dQokUAH9a8)B{L}b%8voGt>*R0n?;HI4
zCZrDPOK2C-2A&D2PxZ1h_;&{X&W6-sopu)g&f*{1=Q?l>|IXpxxsW=h*P*?E7WHjN
z9oL!P;@`LUhxVn8_zwTR!@uuB>T6wywjC|zd`O+rlg{JcdHh5BMmP8#|Gvk+??dXW
zK8SVzt?h-7`c@ZQz`qOlhjv~k{D6Ny;NK4+bwQs(JBgO^V@Um|=l_U*KjI(S&pP=h
z{QC+2ehR5e`V!hjw1Gc|)USHk&-nK<{#^{I%R22M{$0esiy`0dmM(GWP91g$2QP(`
z((5kaAX?NfAyq_Y{(^(Q;2@e`NBoL|zvAGpAyr%#qHRZu`7NXZdeUz=_!|zQmDCL`
z<KSf+yc|;D`XJf?w6<45s<bY+f`eCZ5Us3E_#Fp-$HCu2+;n#e?d0#_Po=1ky7{U3
zD)p&(D*UO-Xq8N|QmLkkQsHKWf`~Aegt#cgKp#Y;S>}US>VpU`0ug1>ia_)&0<l4e
z>LySWBCIIHsG<<jW}Ogk2odFnsAV$!5X1ctJB6rYB8ov&E(S5R7(_i&D8zOlVv0jF
zFq4WyOe_v@ScpcZK^R2+Fo-!}5HaSU5C?>48-QqH3IY(b0uX0~Xl4>hK*X1TSWp6@
zg*hd}Ng+~7LbNjTOG3;m32|A7IFo!6M3<W&R@?-UU@i%9QHX)z5Q%14IK<L$i11Pn
zZB1G!h`yyDHV6?kfzl9Rr6ER@hG=ir3Gs#yQDq=*HJN1~hL?fZDMTj|Q5K?dS%|4+
zA#O8;LTnczrW{1FnN$v9VmXMzLWE3%@(}gQL(C};kzx)CaX^T+6(DXm1r;D>Re(4v
zL{F1&GerE&5DRXG=xt63aZ-qsiV%Iw{E86sDneWqBGn{U;;l<1h!vF}(#$0xE($TQ
zGDLr~tTM#X$`IiZ5CctG1VrBmhz&yAZ30yw!m2=wssfR2)(P>35K)m3Lri8Q#PCRn
zokC=oh^i2kt3phz3Ng$S3b9>?m?(%$GbsvUVid$-Ax4@8)gbCugP2ndVw5>3!~r4N
zR)@$o1=S&DRfjk$#8{J110uc##DW?Sx#pA*Cxu9fh8S<=M?=huhPW)my(YOPM3<Tn
zD{4YaGM9w7D8#^85R=WaS`bTXL4?<am}=5$L-ef;u|bGD6Q~0bRtI8K9f;{>oe*yb
z5mguB0h3u5Vt8GMokGko5%nM{*Mpc^4`QY%6k@v&G4&w|%%u7d6YE197UE&kpaDev
z1`u-^K+G`*g*YHY+lCO2nSzE8vl^;W=3GP7Rn0XCjUeJ1VX>eQ7TTN=;-nBMjUk>g
z^BY6VYYcH&2xF3CAiBgrtcZb_Z!QUOQHX)D5YL!pu@FmRA;OzLEHG(JAo@0e*dW9r
z6KDz%))Zn?Q-~#Ioe*yb5!DRhUna8|#PDViJB4`8jBO54xjDqX<`6HK=oS#$g_zL-
zV%gf=EmWjZVdiX0rI{|%Td9ZD6cgT>15AEo(SSTELLLcm^V+g;s<-lg!aW5g&H0w9
zlAWECos~77TW#{!&WTt5QYyH%*)6Ji5!KoBY^yfj?EO>zkgUvD`G-ll8cQ>El9cw}
z-i#X^%-nbmxU^#);SN#%ftGxiV#>DW<V3i3?cjcD%?$->k9AYoJ|Wd3W^)HsUPZ6n
z*FhEcg>U6%B<?rJ--RqA{R*1;ozz~Hx%P4=^8GDRrN319m|f+wU8r(n8f9!-;ntq%
zqFO5di`>^%a;@sD)+=EH-hbfUXE+eIxZ2M848H!6vctqG-20E)SBCMQqe3?lx`g)+
zx4#Zwd!(Cs-sg|N`GC~^f>Zkl_a8i?*0$}b8Ywp#UN=iDAWnSAl;1LM?UhdIZM#gk
z_aBN&W=i*o+@7_Y`lx<AOKf+aXEJ7~dFTa|#1~apes^9}V?D`5m|Ta+S1$7MbQue|
zQ$t?fT?6tdZ7G|v?;x<pOTL_vZ^7g>&#g<o2Abk>^WmhNd^jiH)Y@NGKI<CF2jF3@
zp?q@3pZ&>9Ntavba?-i7F1N_#q;ut5Zn4YB4Luh~3oUmh@MnJ;cdsOP{S#?_Q5lXh
z(<S9r1xbo$SwLR@b~(8dsE^I?xB-_dgD&@LNC%#GIk}Z)4rzJ4;Bw_i4|TbvE>~Xs
z@8ptlZ-gW(fQ>+2FS^{#qz3@$z;c(98$6zJJ@)RWs01e=mJY0N?JAQ#3FP%MoD`9-
zV7?GS;xG4F@F!1@ux^nAFYkT}`L6F-N=RdJ&xK@H1riZ?twu_PQ9!(xmv>J_HPYg#
zyuAA|s*{$ENgeBusuhVEKs=QKZwiTw2I8r3>s@ZKTifHWn5S2%x@O*ss(zk?OJXk}
zk^z^mTV*_@#}W=1M+uvRLB>j4m+;7Vh{ue9^&T#40rD;ARv_Pw%2%zcfz0N~KxVLf
z|C<AH!8kD9XPMw~<@d`}_M7D8DmSkd$=aX}_>GQV0TLn~kUJW_2S0!x!B604&>fT8
zK>|nwXW`C)j-)$*&fqpM9&Q4V2|N)@0#m^>AQL%X?&FzGVg`5!$fTYP*mNy66)OkG
zq#g}Mf#Dz%i~!s=Zx5qHT!u%6N{0UqAd_Cc5-tSt-Sb+omwNYs{osD|>A?Qtdl-pt
zDexUQ59I6mJ3t?h3c7<7&=n*Dx$~eC7(+#4fqe5LcQ14Ra+^aEhzD}#MN1%exX4`_
z^+97$4>SY~z?hD_$=CRoF!}|^%_DNJjZ8L~TQZlv07t=>;5hgY$o)F<nYi3C^@y3e
zLRBjEBz=F%GEc8icjY}o`a$pjm=0!u`@!R2E+_zVz!N}&$G~jx5MT$k9t97BSwOz~
zTL<0*E5OTOC0GSs1+RgDbmML?2&5~^-21YM%Ik^J3-kuJ0@*n_gZ3Z^$gZ&oYzFUu
zcfosLE7%6=fu?{vyXD{Wtacy><hyf@RPsMX@?WD?8t4xO0=ct5?lRaQ_f&jJBZt5o
zh=;)=;2|&*JON}o`d%tP_5*!^+(#liOlM>c@)o4r{L%_E1I@u(@N!?1+%gmnN`cbg
z86Zay1D;iRmi07=Cx8ZWXj(&Kqmfx)B*+9Qpd088?f`wjogfu_h5ZR|9LS#dH8={6
zfiJ)j@Fh45J_WZ>CLSb!NLgXkKvhsk=KJ7dup4{?c7X<9C>RWefX}e~9LOy#vZp2@
z<)iiuq<4XmU<r^z(PHovc%5?nko`d#@Pi^CuNZG<$UF;TK|S=kpf)%H<X)rQNI8Vb
z2K^j(9>^g`w$1_IN6Ni{Tnk<SYryZ|0(cP20-t~()HM`jfI*;_jKAFbV=pia22s%o
z<R<V2X*oRQlAaGnfUe*(xIsXUAR<qLQ{XbFN&X<@%SbsQ$RSJ)fpQ>_jbC)h6S+xx
zY87S7-n4iAWbsP86Hg^{GA|wlbAar3i9p7#87NKBrpPAXAn6034rm2ht}XkjDz5UH
zldkLXvO;LezGI~rvN4chtq)`c$;nbfWFyc7$VkX)l5&#Y0&E7djF*G)U@RC0WQ9q)
z-GKBf4z!j7o>{V*EBckIRlpw-&g@*x33t4Scuft-OMw{!vcYID3S@yyAhpUa?(N``
zKMr`iz1J$v+b!RRTn3hc7r-KLFA$F>fO0^3I14-j7Ro8Y6C?^iNw5Gs3nqbyK*AwA
zomZd)=~6%%k{$GE@DP{}q`c(M174kvke2cW`~%DclYx|Z5KN<eYbuE;-~n(ym=2(=
zd{72V1F|JcC#54d0qKA=D4cXewq>sa(zw^~!=$ASDKi&%Hjj~>10I!z%7e#UDWqp4
zJ%0*##==YG5<2OC$bW<9!4j|-T;DPAQabn?5W9bYe}cupv&-{BFO^H$Gx8evGx;L6
z(&+X1vQ%YeN<>xy@%$Aab7}>63CQ?|Kp1#g0xe^_8s$~6%7vumNG7}08n6Mp1>OYf
zT)7^(5xfmHf&E}N_z3I-AAtA44zLYu0q=o#!8>3pD3pQTPU1r#hP%K%uorv`_JB`-
ztnFB)c?_rzyxmc@>qrm*DuXak4wMCD1e7ZcZX#U*6bHqCY`L;g9g^{v@%;@P2Va20
z;4|<kI0}vdIe2^yj)Ifm6legx0$+j?K)e?ZCI4&i4LA)hf^Wf3;4JtNoB`j1JjoF9
zoGZ^GzXKP*58ziI6-eQqUHJ?05@2t!en(u9BxxV;gQ7q@6wd=liHZ!fyyT!Hyc~kV
z<&;vwAVevM3ZOi=8B_$7Koub2jRw_$93`WGgjx97pazgVUu<fDIzZ}@{KlXWka7)x
z3{7j=Ylti_$9-u~NVi8<J0zY<NE67DP|LBp6=(^XgBBnTv<B0F9NlgO4*~K1elQ*6
z136}hjhs+V2KRxnV2m91vq2UZ2}S@}9&)lV6r=;`ge<8+r0)X#K|jzJ$ccxXfb;|*
zAd|5xNCx747jPTs2&8jufDA)BWCxJfp0^-K0&Rh0h%T}dXhg%Ektv`X=nifNJwPuY
zXF<I|ACLwH0y!6uPD=W2AiO{(++gGoFbvS~JnJ438DKaV4MqX!jCe0zi>H%-cr_m6
z0`VpXj05+A31A|Ss7(P<PHZH)iLO4w)gMGk<Q@R`%lM0d*J~-@^>`-f0wDYU1K<(T
z4+DEmBW2P`DCH&lz+*thTl8CyQtv!47d-Cjbtof_%m+__TctrUnhFfi;2%H=i?I|I
zZ=OVYc~4xIFL^T2B7k&4CaP5I*-IV$U0u>1FXhB8Pa6M^3ejbzN++)8m!Llbq+?CM
zBJeB_Z{_9j3*i=k#XvaO?-BMnqfEqQU@3S3u&b88x?xma55w!(BIcL3)LkZLgR0o7
zGekL-(EjpU>vi9`VNsa6t5t0C*k%kNIg#XiI^oGNYZ^W|jGSgoW1Gb`wQ|jd4Jsn?
zaSXyS*qO9v^Id71_G8dAHjaF2fjPfHwTN7XL0Jr<uk<)xr?65y1_`k(nqu*$3BIjb
zsI4X!5xEz;lGt^<SeWJi_Fs2k*CMuMY_mA)bF=wv72*5dGM~Mzn)`mUOqq?Uxf!sL
zkMSy)xf`jYn%S~ZrSM5-v&||(4K^{G5IN?XcMuPlbkUwPlMzzOZ(EgoG%u#UAC%d#
zNy&$%c1gF0tIahbvH8Yl${bV`&6Lfms_&xD^mvEzezQO-cP-OQ^nSEOMhW?*i9~qi
zing%4LPt&JJM`8q>s0Sm;WRBBD)z2w-nv#X`#dW@x1h_F*Pg3A#Yf<YJ450<i@4Fg
zf932R`RV{W#~!S+#ms2RdNnRI>)&OByhjN?SNHSbs_V+WKGh<&Rcx~s>}rnFj`$0^
z=BDj?ROCHnc-!y;4=?V$VJr<djcpOzoNdvJ#ei=#9{#_wbLvwa%!T(D_&=}q1Jizs
zY9T{5VT)=QdANi#lkR1jRA8q3Jk0;%{3;(Ds-UvW`YkFV@Gu!Njr*I!sI9!G8PAw9
zc=J6^jym8|&6(89OnZl<viwDL@*6jrkukW8N^09GR_0{5X|xqrW!IBQ+wGRkBc5rw
zFa=j7Xq1gMcVo~>4hS+^ul%?vp?af=Tdx^-k3_E3b8uqQ3=^=U)G{`Kz21EOm8w{c
zz`M^?&L45-%6}g(^S~w7hQYnl9HV+~mPUHdTTa_}&j0L@v-L5=1DOR=Op|SdJk2C;
zV@8!TQ_&*5$1P9$aPg!Pca-cV9<zk5)w{fm`Cyys*2;U>>rXEgdFqv^zfbk4X-#9}
zrIX(Cd4EaUu=>TXCf-Dgtr%pg7;jRx(}w-TU_5{Bp`BZYn-dc;h>L9<8_&LFrf*k`
zd@q$XFK<_)%O|=EdTx_`bLy^Xn@~ZOHBAatB40?3ETqqgW>KMf#`j)1(`E<DdUrW9
zW{0ZW%6kO!{h>u8zgbqITT#_Awt0edz<WsZ`U(}x4Sa0={nv7;n+-eYn)g`ePnxg)
zea`o(>Y72SIgbHfWR-khMO5`33mtXe?dr=Z`|_{ZttfBWy-z2+2T9*?WaE;VKTNN3
z&BA-s^jGccg#CDH$M>$~6gP9IJhCoRvpVrvU8m^4rYC2Vzh=<MY{ozhHJ^&zgV@!?
z?%~HSKfAV8+0)nTo;RgGV2XJU!yZ^Two}KhQ$N0D;5{z;iRo3-rcL;<{<WOxW*|i)
zy{A2IFW$p+J~`^0qN-_ZbHd2+z|6(Kx1p+e=>t`{s`t3)g^^9)+;eJ3ziWnHRW(Pk
zXyrX%I=oWHQwv|7u<e?K_Xz5DtaG>3J>_e6EvJ@=*-0<FXI6juz&)Lt{o~N)YX-?C
z9RoGMOcp!unb*6Ql!<z;{;Auq*%g>qFlg;OC7Z{W4*KWspUhp?{+faJ9PPmse+!hZ
zUg4)}IoqPlm7Vn8d-8VUk(G*Hcy~nSYZl(Kxn~u9Y53h`Z<%;4N14!v^vipgw@y4$
zYs8$VXI(RBWb!a*<vsm-`%n4Rr~JE*zGmP(A3UsVQlmH2lOJ5m8ESTZsD}Br)G<j%
zRAt}3I;O`*s&eE}&Kd&Dh5_py$=y@AcsYBa+nf4K^T0=}mW5{RM{0U2@3Gp?zxde7
zm*>r6g|i2<$hqh)>+FhuvM#HbnY&b@5?|DJ9^`SXfq82e?Rrmvex`Vtl1-od`E`3W
zH*aC@gx~JMNAI!G=X#_*da`U*Z`*)VfR<M8hRy{3di#-o<n)QI;}oUOt;U<SyBXdb
zle(LpA2ko}R*eF)F>j2AiDsi@rkb*Qh_Uy0>z}(l_HDBhwT3&Dw2Y0j3QUu|s#1}r
z);!bm6B4cYBC-9)lzhST|Cpn~%0}k#k5%Q?-gCphJ3eKts<fr1Pc<VTaz1p7vozVG
zU%OQ8(Bt_F->4uv6`Ooa)7KlDBa~$ex~?zY@w!@T`=pg{=C4@Nv32^?qx0yMZ2#=s
z#BI<XH8JozuE=RmnmL9WZqW*+%wAPA(tE`BZC_+{YPfmrI>)Eh#MJgFLfIZgs46CV
zzp7NUsYQ3D?PV~$XM}%q^6960H+feES9W`jI&I9Vy|~`fyf0#m`EsvnQPq23^mp$~
z9rNt|5B6Zrab0%GD=}u*Z>oa7C1p#Plzoh&_xSX0mS;S-@Z&}9K(}Jc_a2bm;)x;m
zZC<dLV?p&Mj&t$m8Hz@FPgGx9dCO<Jc3nB)cB@$eBl6Kc&L;lkT!nsn-v?*U`>6D^
zS=~$-^==c>^b=LXi-A1?H=F!V*sR^tCPKXU69&f~?n*@xoCy$N&V0i8o^zsgHQqh;
zQ_hX59nJ`!6U>TH%`NZ2?I)McF8#?T#m3NY0wUq8Wj4s^n$w{9ZojH>!-{*G-~qND
z?}6`=&aXM}Y4ELS)MKCbw6eTMzz<3uQnF@2pF`wusFW5s6?^mm8?5(G_+wXgzFfa$
zxXdJ(o{W)WQIQEg!hA|IuD?YSEa!Z)vUt+)Ag6OqH`G-#nQ@-esb=?Q%s*#Z%2}<b
zRlSG6zm=f2eVlPn&M)F(o6BJDiZ`)`m}=hR<4XmO_O5nrJ-0M@77-@>&~-KbaTK;6
zB3SMOzRg_5H1f||8)BM$YWFoH;#$o&8sBT<{f8#G4d%L9#8tcae|gS+QlYrLGyP{Y
z{tz7BskWxZVTR_<LvZ8rX7OP){4dVSy$9s4+1I06{$tVo38`EOHEU|Qn|;-HlH^Lv
z%71r%$1~Hvo?IIXS+Hy?`;tt~5!JBvX)Nku@gAqKvb`kT<$G)Iw_%@S$+VJ*<y}fF
zH3yGyvb8E`ihZtXL{4qz>~-;7cbsefOcgmR<9IIxW|{V%6MRR+{L!wc*fopglbV9|
z&IQMmxtseH-&A9Pk6U(@e9r0GD07$!BByk)ugUZ8+gRafg|auxoZ>JcEj(h%9%Y}m
zMTFu6`6&C1_lW<dkKZ|V&(~w}?GD*X!}}3{gf)o+YlhF3?Zi3vw&t4^6pgIW$+_m7
z5WREiBVSfOYZtX!N;Jo4DbjnIfBo}EzRj)l-C7J1oUZgRO^(sH_xS(H)jIUAIlaM}
zYmIw95b#O&&M$oP*s+#w-K@tPGnJx|-cJpbs<&(D7kSw;uGKx$tinJ&Vcr+<ocZ#Y
zN~!Ao0>OYSjZa2Qt=AoM*&B$;@-C+P7p$~DZ?TJ+{)I~MolZ8pFyuy-Q(q9qy(a27
z^+%hy<6O};Gc%6kvG)l2X2E~gnesr{Dm2r=x%BF2_K4l>Ci(=W`kF*U<lt`h2l)9@
ziVb|G?IX{Pw$1GbjxpI{SIZQfpslTDgP42I*N<G5_xa0Tui*nmd!r;MGt7B0pJz&b
ziFn@B`I5Hm{itG5&L$(xoG+=Sw%IIvD^vO_g75wQ!E--N9NN3o)^KWb=dSmQ2)znE
zdAVBOt|hLuQ^5@UinEh}-R;lt^M6Y*Pkg1CM|wYju&GL&V(af7bkz2P{nNdcifHZq
zcEXG@1G2InRL|ONHIrkY_v;D~<;rE<QLFS`w<rVi;q4~&Yy05OWU9#F*P3b4zgCTE
zZS3JZ_5B9NRkjsbOb?k?zE%;pd%wuAbkddV7K<Y}A7#*KwW;O(1jFSlwQ@|&j&eYd
z6;6jc^m3NZ#a|{5f2Z%0&-qj%m`beiUS{_x24O5}Db%59@4mCJ^kTnH4S=~BCeMUU
zvZ+6dDtkh+66e2Z*ttScpPB_D7sAJTnf#NS>)xPsS=@N&{#HbORLx_xHU(<RDGBEz
zlGD)ar1I8(V!#yee*NLh(0+Xmx7pN@qVZ1A^}S8iQ*5N(?@A0FTf1$$lBMIZa4%9X
z++liP(aQS;itbI``DetAcPrS<+a0?>mt`}cT{kS=k6ZLp&wkqZ=S6Z5m!4lW@U84^
z&d^4r_iGhtTU+-!-SyHL44px<CYb7{39$F;6c4P-_^4sR?Ggi-mvMYOWO|?GjB<Nl
zGwU?R+fint-zT$u-)V1URWNbis03#C*l#c_>~Fe%%gOuU{$|rRDqk%%?ay$?{Ai#V
zaE6|Eza~+%Z}U5L7JG3E4Y@uIGml}Ys+whIsOHe!=7`vPzaz1+@iT`K`&8~~cdWS_
z7CM@;XIWo;O{cReC35*7=kT%frj)(?)_mJQuI`)JXSzkqinDm={Q$+oL!Vsr)}ca<
z8Zr)YD*UK9c2+&3I-05Husb){nQ9$NuY6(LoL#fI`j?uR4TH_9b8I*5hBzO841MJF
zJ2O99c#a-PO&Hj&Rw!nl!8qw?xfZbge8>6EV0DYU;asrmvv>E3oPJ;ZJ&QUmj+9%J
z`kc%c*;N^I=Q9)&@tumQ>isIl%8Wiw?~2>C9xM0!Ze@n)^_}YG+i;Ir{2dYYem5hf
zQS&E$ioU?o@hqpAJ>L=GXU*jw2#oh@2TgN#zt{UpA34TJU}*PwlX#vXdu_NGbDojk
zGTh8QuNnsS54RulmOssGI8S-+R~L@W`gGi??mNQlcAANEcbfAUa1K}Ud+fZQf5@12
z>fW5RV=rLG=V%h&hfENI*52<$<aQg`XV9(p%TY)sGgIQ9na(cIZ)Ws;32T0m$;E1D
z%@O>SO!MgXTo8G`Iq}1xS~o9Qc06cXun+L9Rk<6URS@uFndaqRRAuwS_nc!p<6wdp
zRFv;Rrn&0^5%hi!;+gri-%iml{6MAgPLIo*xfj&1Nbk2gBDT*B9G<aqIR<hnOpjZc
z@;?ybj^;KIoy=qrJ<KZ-aPN0SMqf&}m@=YQB&AyNVN!D$=(4{MFlS)66}Zxmgn!!z
z)9pw3tZ0PE|B+!hG{QVB`iT+dL(!f5%2mDJH;Mm8%#+dYmMgSB-ja(U%eA=C2WyP8
zYzEE;YpuOsIw_nprBo%~K2E5Z{}M#Y`*o8$d%oX2z07Od=(D?*ZXInF{=~FfpKZ?k
z#1W>O@&C*@g7<SKqZ(8j{Nj^?Z<h~XovJR3HKTuK#~E#w{EV}9C?m|?pH;cQ?>WxF
z=qd9pS*^XFJQ>;c$ysCfd?t;`C-ivq=Q$h}k}lGXekS!I+sB`b5H6KB8!ys)J#+9P
zLEf2ZN?oE@wyAeXt?{j#XpUT>kIsPj-kN9{|3b(QPBMd-F|EB{C^>U+@Zr15hqbgv
z(B3M%-zxd$rWz3?@2}IG9QTCLoo%$R?HA^PU2_$4^RL_(n`zqrs-kZ+-8hq$@Rv7J
ze^qO)MJ(kvdhP_tM>y~QO*OCT{W!_ya*03Q-R+6@X_?i-pL=0kxz&GP^FEa4tPSt?
zOK#hAmzjKXqa53x7BVpwnyAYhhHrSWYY!(oU9Zc8hR>@XLbm?%leQ1?o&EKl+{JI~
z4|bC)_xRXm{8{b>6Zt(8?fOrsEAR<*OFp4(X)QC+R|r~t6Z{>|+nMYuh%{4hMKy|?
zG~KE9kEP3~+2*4wD!S@94CG^`_tKjFT;h?}AEV)Bd_v4L`gyv!>32rmU2snIt!})b
z$?z7r-}yb3xoh8jH?wB5Sw2PgISaR}8fK34END~_UxeB8yDFFP7yY6`a@Nxh8G*d#
zVDQyGG4WrPQFqfo<)=3LqI?_gH&>LevigsTef#e>`95F6zw-I14Zc2qaq4UzOCo%(
z=YMGCzea!<x_xz)sb^pHzk@A9C2R9PJ8qi#d{w;G-0}0gsQo`j$gM2W`$eDJxB4u9
z*;o3!JwfdubRzCmne;zb>D^$yXz-ac>794Wc|RYt%NQ2UFb@{-HS~Qx!>lagtD)MM
z-9>yYs`h@!StOSxK5+hcorMuHE1i?U)iX?uqP}kGAN;G6uLa*LE-C8k<iB+mC%tCl
z7IpJK{JyYO-cRcUvfFGu-ScS<*wfhSWj6i!abU1%%gI=z_p3XLcfUDicd5~j+Fm!6
z>(=MZSPUxcWx>dYecsoHWz<6jW}%<HJEwCcP8RWD!WZCv^M&8nq1ic>*G&|d{A0(;
z(WlqG_zQY@^qx<d(YvDh$AwcH-#zDlaqiOkhOd1;p{hwM<_oH6W_~eW^_up7DUfTf
zwCIqvGF0x5&HvQe94h9kR&xVaV$!Wo`%M0K>hc;9+tH=f>6QAF`n^KSBYV4<D#d-(
zRB@9~+*iF{M27PX*7g^_`*mvgtj8OnOY!?+6Ms2TcJ<e-(JQ0Brdq$0oc!jSa;J_|
zSGRjqkwFuK_5PSY&+j<h@^SNOao=#$D9rcq+TwgCRdQ{|3ch1g)()TROY;36!HE4(

diff --git a/package.json b/package.json
index afdfa15..86bc805 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
+    "file-saver": "^2.0.5",
     "fp-ts": "^2.16.9",
     "pinia": "^2.3.0",
     "primeicons": "^7.0.0",
@@ -24,6 +25,7 @@
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
     "@tsconfig/node22": "^22.0.0",
+    "@types/file-saver": "^2.0.7",
     "@types/node": "^22.10.2",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/eslint-config-prettier": "^10.1.0",
diff --git a/src/App.vue b/src/App.vue
index e13ab1d..176acaf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,21 +1,22 @@
 <script setup lang="ts">
-import { Button, Splitter, SplitterPanel } from 'primevue'
+import { Button, Dialog, ConfirmPopup, Toast, Splitter, SplitterPanel, ScrollPanel, useToast } from 'primevue'
 import TreeNav from './components/TreeNav.vue'
 import FilterDetail from './components/FilterDetail.vue'
 import Info from './components/Info.vue'
-import { computed, ref, watch } from 'vue'
-import type { TreeNode } from 'primevue/treenode'
+import { computed, ref, toRaw, watch } from 'vue'
 import * as O from 'fp-ts/Option'
 import * as A from 'fp-ts/lib/Array';
 import { pipe } from 'fp-ts/function'
-import * as uuid from 'uuid';
-import type { Filter, FilterConfig, FilterNode } from './models'
-import { filterToTreeNode } from './services/filter'
+import FileSaver from 'file-saver'
+import { generateFilterText, type Filter, type FilterConfig, type FilterNode } from './models'
+import { filterToTreeNode, treeNodeToFilter } from './services/filter'
 
 const darkMode = ref(document.documentElement.classList.contains('dark'))
 
 const icon = computed(() => `pi pi-${darkMode.value ? "moon" : "sun"}`)
 
+const toast = useToast()
+
 watch(darkMode, (dark) => {
   document.documentElement.classList.toggle(
     'dark',
@@ -24,19 +25,11 @@ watch(darkMode, (dark) => {
   localStorage.theme = dark ? 'dark' : 'light'
 })
 
-let defaultFilters: Filter[] = [
-  { type: 'leaf', id: uuid.v4(), name: "", show: true, enabled: true, rule: {} },
-  {
-    type: 'group', id: uuid.v4(), name: "", enabled: true, rule: {}, filters: [
-      { type: 'leaf', id: uuid.v4(), name: "", show: true, enabled: true, rule: {} }
-    ]
-  }
-]
+let defaultFilters: Filter[] = []
 const nodes = ref(pipe(
   localStorage.getItem("filters"),
   O.fromNullable,
-  O.map((value): FilterConfig => JSON.parse(value)),
-  O.map(value => value.filters),
+  O.map((value): Filter[] => JSON.parse(value)),
   O.getOrElse(() => defaultFilters),
   A.map(filterToTreeNode)
 ))
@@ -53,13 +46,56 @@ function onDelete() {
   selectedFilter.value = undefined
 }
 
+const previewText = ref()
+
+function exportFilter() {
+  let text = generateFilterText(toRaw(nodes.value).map(treeNodeToFilter))
+  console.log(text)
+  previewText.value = text
+  exportDialogVisible.value = true;
+}
+
+function download() {
+  var blob = new Blob([previewText.value], { type: "text/plain;charset=utf-8" });
+  FileSaver.saveAs(blob, "poe2.filter")
+}
+
+const exportDialogVisible = ref(false);
+
+function save() {
+  if (nodes.value) {
+    const filters = toRaw(nodes.value).map(treeNodeToFilter)
+    localStorage.setItem("filters", JSON.stringify(filters))
+  }
+}
+
+setInterval(save, 5000)
+
 </script>
 
 <template>
+  <ConfirmPopup />
+  <Toast />
   <div class="flex flex-row gap-2 items-center flex-grow-0">
     <article class="prose dark:prose-invert p-4">
       <h1>Path of Exile 2 Loot Filter Config</h1>
     </article><Button :icon @click="darkMode = !darkMode" severity="secondary" variant="outlined" rounded />
+    <Button icon="pi pi-save" label="Save" severity="secondary" variant="outlined" rounded
+      @click="save(); toast.add({ severity: 'success', summary: 'Success', detail: 'Content Saved', life: 3000 });" />
+    <Button icon="pi pi-file-export" label="Export" severity="primary" @click="exportFilter" />
+    <Dialog v-model:visible="exportDialogVisible" modal header="Preview Filter Text">
+      <template #default>
+        <ScrollPanel class="h-[50vh]">
+          <pre>{{ previewText }}</pre>
+        </ScrollPanel>
+      </template>
+
+      <template #footer>
+        <Button type="button" label="Cancel" severity="secondary" @click="exportDialogVisible = false"></Button>
+        <Button type="button" icon="pi pi-download" label="Download" @click="download"></Button>
+      </template>
+    </Dialog>
+    <!-- <Button icon = "pi pi-save" severity="secondary" variant="outlined" rounded /> -->
   </div>
   <Splitter class="flex-1 min-h-0">
     <SplitterPanel class="flex flex-col">
diff --git a/src/components/FilterDetail.vue b/src/components/FilterDetail.vue
index 2e4c627..57e5020 100644
--- a/src/components/FilterDetail.vue
+++ b/src/components/FilterDetail.vue
@@ -1,7 +1,37 @@
 <script setup lang="ts">
-import type { Filter, FilterNode } from '@/models';
+import { toLines, type Filter, type FilterNode, type FilterRule } from '@/models';
 import { computed, ref, watchEffect } from 'vue'
 import { Button, ColorPicker, ScrollPanel, Tabs, Tab, TabPanels, TabList, TabPanel, ToggleButton, InputText, InputNumber, Select, ToggleSwitch, MultiSelect } from 'primevue'
+import { useConfirm } from "primevue/useconfirm";
+import { useToast } from "primevue/usetoast";
+
+const confirm = useConfirm();
+const toast = useToast();
+
+const confirmDelete = (event: any) => {
+  const message = props.node.data.type === 'group' ? 'Do you want to delete this group and all rules under it?' : 'Do you want to delete this rule?'
+  confirm.require({
+    target: event.currentTarget,
+    message,
+    icon: 'pi pi-exclamation-triangle',
+    rejectProps: {
+      label: 'Cancel',
+      severity: 'secondary',
+      outlined: true
+    },
+    acceptProps: {
+      label: 'Delete',
+      severity: 'danger',
+    },
+    accept: () => {
+      props.onDelete()
+      toast.add({ severity: 'success', summary: 'Success', detail: 'Content Deleted', life: 3000 });
+    },
+    reject: () => {
+    }
+  });
+};
+
 const props = defineProps<{
   node: FilterNode,
   onDelete: () => void
@@ -57,6 +87,62 @@ const BASE_TYPES = [
 ];
 
 const filter = computed(() => props.node.data)
+
+const ruleWithLookup = computed(() => {
+  return calLookup(props.node)
+})
+
+type Lookup<T> = {
+  [K in keyof T]-?: 'none' | 'value' | 'inherit'
+}
+
+type RuleLookup = Lookup<FilterRule>;
+
+function calLookup(node: FilterNode): [FilterRule, RuleLookup] {
+  let childResult = createLookup(node.data.rule)
+  if (!node.parent) {
+    return childResult
+  }
+  let parentResult = calLookup(node.parent)
+  return mergeLookup(childResult, parentResult)
+}
+
+function createLookup(rule: FilterRule): [FilterRule, RuleLookup] {
+  return [rule, {
+    class: rule.class == undefined ? "none" : "value",
+    base_type: rule.base_type == undefined ? "none" : "value",
+    area_level: rule.area_level == undefined ? "none" : "value",
+    drop_level: rule.drop_level == undefined ? "none" : "value",
+    item_level: rule.item_level == undefined ? "none" : "value",
+    rarity: rule.rarity == undefined ? "none" : "value",
+    sockets: rule.sockets == undefined ? "none" : "value",
+    quality: rule.quality == undefined ? "none" : "value",
+    stack_size: rule.stack_size == undefined ? "none" : "value",
+    waystone_tier: rule.waystone_tier == undefined ? "none" : "value",
+    set_font_size: rule.set_font_size == undefined ? "none" : "value",
+    set_text_color: rule.set_text_color == undefined ? "none" : "value",
+    set_border_color: rule.set_border_color == undefined ? "none" : "value",
+    set_background_color: rule.set_background_color == undefined ? "none" : "value",
+    play_alert_sound: rule.play_alert_sound == undefined ? "none" : "value",
+    play_effect: rule.play_effect == undefined ? "none" : "value",
+    minimap_icon: rule.minimap_icon == undefined ? "none" : "value"
+  }]
+}
+
+function mergeLookup([childValue, childLookup]: any, [parentValue, parentLookup]: any): [FilterRule, RuleLookup] {
+  const value: any = {}
+  const lookup: any = {}
+  for (const key in parentLookup) {
+    if (parentLookup[key] != 'none') {
+      lookup[key] = 'inherit'
+      value[key] = parentValue[key]
+    } else {
+      lookup[key] = childLookup[key]
+      value[key] = childValue[key]
+    }
+  }
+  return [value, lookup]
+}
 </script>
 
 <template>
@@ -70,8 +156,8 @@ const filter = computed(() => props.node.data)
     <ToggleButton class="w-24 flex-shrink-0" onIcon="pi pi-eye" offIcon="pi pi-eye-slash" v-if="filter.type === 'leaf'"
       v-model="filter.show" onLabel="Show" offLabel="Hide" />
 
-    <InputText class="w-full" type="text" :placeholder="filter.id" v-model="filter.name" />
-    <Button class="flex-shrink-0" icon="pi pi-trash" severity="danger" v-on:click="() => onDelete()" />
+    <InputText class="w-full" type="text" :placeholder="toLines(filter.rule).join(' ')" v-model="filter.name" />
+    <Button class="flex-shrink-0" icon="pi pi-trash" severity="danger" v-on:click="confirmDelete" />
   </div>
 
   <Tabs value="0" class="flex-1 min-h-0">
@@ -94,12 +180,19 @@ const filter = computed(() => props.node.data)
                   Class
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.class != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].class != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.class != undefined"
                     @update:model-value="filter.rule.class = $event ? [] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11">
-                  <MultiSelect v-if="filter.rule.class" v-model="filter.rule.class" display="chip" :options="CLASSES"
-                    filter placeholder="Select Classes" class="w-full" :maxSelectedLabels=3 />
+                  <MultiSelect v-if="ruleWithLookup[1].class != 'inherit' && filter.rule.class"
+                    v-model="filter.rule.class" display="chip" :options="CLASSES" filter placeholder="Select Classes"
+                    class="w-full" :maxSelectedLabels=3 fluid />
+
+                  <MultiSelect disabled v-if="ruleWithLookup[1].class == 'inherit'"
+                    :model-value="ruleWithLookup[0].class" display="chip" :options="CLASSES" filter
+                    placeholder="Select Classes" class="w-full" :maxSelectedLabels=3 fluid />
                 </td>
               </tr>
               <tr>
@@ -107,12 +200,18 @@ const filter = computed(() => props.node.data)
                   BaseType
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.base_type != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].base_type != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.base_type != undefined"
                     @update:model-value="filter.rule.base_type = $event ? [] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11">
-                  <MultiSelect v-if="filter.rule.base_type" v-model="filter.rule.base_type" display="chip"
-                    :options="BASE_TYPES" filter placeholder="Select Base Types" class="w-full" :maxSelectedLabels=3 />
+                  <MultiSelect v-if="ruleWithLookup[1].base_type != 'inherit' && filter.rule.base_type"
+                    v-model="filter.rule.base_type" display="chip" :options="BASE_TYPES" filter
+                    placeholder="Select Base Types" class="w-full" :maxSelectedLabels=3 fluid />
+                  <MultiSelect disabled v-if="ruleWithLookup[1].base_type == 'inherit'"
+                    :model-value="ruleWithLookup[0].base_type" display="chip" :options="BASE_TYPES" filter
+                    placeholder="Select Base Types" class="w-full" :maxSelectedLabels=3 fluid />
                 </td>
               </tr>
               <tr>
@@ -120,12 +219,20 @@ const filter = computed(() => props.node.data)
                   Rarity
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.rarity != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].rarity != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.rarity != undefined"
                     @update:model-value="filter.rule.rarity = $event ? ['=', 'Normal'] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.rarity" v-model="filter.rule.rarity[0]" :options="OPERATORS" />
-                  <Select v-if="filter.rule.rarity" v-model="filter.rule.rarity[1]" :options="RARITIES" />
+                  <Select v-if="ruleWithLookup[1].rarity != 'inherit' && filter.rule.rarity"
+                    v-model="filter.rule.rarity[0]" :options="OPERATORS" />
+                  <Select v-if="ruleWithLookup[1].rarity != 'inherit' && filter.rule.rarity"
+                    v-model="filter.rule.rarity[1]" :options="RARITIES" />
+                  <Select disabled v-if="ruleWithLookup[1].rarity == 'inherit'"
+                    :model-value="ruleWithLookup[0].rarity![0]" :options="OPERATORS" />
+                  <Select disabled v-if="ruleWithLookup[1].rarity == 'inherit'"
+                    :model-value="ruleWithLookup[0].rarity![1]" :options="RARITIES" />
                 </td>
               </tr>
               <tr>
@@ -133,12 +240,20 @@ const filter = computed(() => props.node.data)
                   Sockets
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.sockets != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].sockets != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.sockets != undefined"
                     @update:model-value="filter.rule.sockets = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.sockets" v-model="filter.rule.sockets[0]" :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.sockets" v-model="filter.rule.sockets[1]" />
+                  <Select v-if="ruleWithLookup[1].sockets != 'inherit' && filter.rule.sockets"
+                    v-model="filter.rule.sockets[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid v-if="ruleWithLookup[1].sockets != 'inherit' && filter.rule.sockets"
+                    v-model="filter.rule.sockets[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].sockets == 'inherit'"
+                    :model-value="ruleWithLookup[0].sockets![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].sockets == 'inherit'"
+                    :model-value="ruleWithLookup[0].sockets![1]" />
                 </td>
               </tr>
               <tr>
@@ -146,12 +261,20 @@ const filter = computed(() => props.node.data)
                   Quality
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.quality != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].quality != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.quality != undefined"
                     @update:model-value="filter.rule.quality = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.quality" v-model="filter.rule.quality[0]" :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.quality" v-model="filter.rule.quality[1]" />
+                  <Select v-if="ruleWithLookup[1].quality != 'inherit' && filter.rule.quality"
+                    v-model="filter.rule.quality[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid v-if="ruleWithLookup[1].quality != 'inherit' && filter.rule.quality"
+                    v-model="filter.rule.quality[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].quality == 'inherit'"
+                    :model-value="ruleWithLookup[0].quality![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].quality == 'inherit'"
+                    :model-value="ruleWithLookup[0].quality![1]" />
                 </td>
               </tr>
               <tr>
@@ -159,12 +282,21 @@ const filter = computed(() => props.node.data)
                   StackSize
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.stack_size != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].stack_size != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.stack_size != undefined"
                     @update:model-value="filter.rule.stack_size = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.stack_size" v-model="filter.rule.stack_size[0]" :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.stack_size" v-model="filter.rule.stack_size[1]" />
+                  <Select v-if="ruleWithLookup[1].stack_size != 'inherit' && filter.rule.stack_size"
+                    v-model="filter.rule.stack_size[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].stack_size != 'inherit' && filter.rule.stack_size"
+                    v-model="filter.rule.stack_size[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].stack_size == 'inherit'"
+                    :model-value="ruleWithLookup[0].stack_size![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].stack_size == 'inherit'"
+                    :model-value="ruleWithLookup[0].stack_size![1]" />
                 </td>
               </tr>
               <tr>
@@ -172,12 +304,21 @@ const filter = computed(() => props.node.data)
                   AreaLevel
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.area_level != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].area_level != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.area_level != undefined"
                     @update:model-value="filter.rule.area_level = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.area_level" v-model="filter.rule.area_level[0]" :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.area_level" v-model="filter.rule.area_level[1]" />
+                  <Select v-if="ruleWithLookup[1].area_level != 'inherit' && filter.rule.area_level"
+                    v-model="filter.rule.area_level[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].area_level != 'inherit' && filter.rule.area_level"
+                    v-model="filter.rule.area_level[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].area_level == 'inherit'"
+                    :model-value="ruleWithLookup[0].area_level![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].area_level == 'inherit'"
+                    :model-value="ruleWithLookup[0].area_level![1]" />
                 </td>
               </tr>
               <tr>
@@ -185,12 +326,21 @@ const filter = computed(() => props.node.data)
                   DropLevel
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.drop_level != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].drop_level != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.drop_level != undefined"
                     @update:model-value="filter.rule.drop_level = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.drop_level" v-model="filter.rule.drop_level[0]" :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.drop_level" v-model="filter.rule.drop_level[1]" />
+                  <Select v-if="ruleWithLookup[1].drop_level != 'inherit' && filter.rule.drop_level"
+                    v-model="filter.rule.drop_level[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].drop_level != 'inherit' && filter.rule.drop_level"
+                    v-model="filter.rule.drop_level[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].drop_level == 'inherit'"
+                    :model-value="ruleWithLookup[0].drop_level![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].drop_level == 'inherit'"
+                    :model-value="ruleWithLookup[0].drop_level![1]" />
                 </td>
               </tr>
               <tr>
@@ -198,12 +348,21 @@ const filter = computed(() => props.node.data)
                   ItemLevel
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.item_level != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].item_level != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.item_level != undefined"
                     @update:model-value="filter.rule.item_level = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.item_level" v-model="filter.rule.item_level[0]" :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.item_level" v-model="filter.rule.item_level[1]" />
+                  <Select v-if="ruleWithLookup[1].item_level != 'inherit' && filter.rule.item_level"
+                    v-model="filter.rule.item_level[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].item_level != 'inherit' && filter.rule.item_level"
+                    v-model="filter.rule.item_level[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].item_level == 'inherit'"
+                    :model-value="ruleWithLookup[0].item_level![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].item_level == 'inherit'"
+                    :model-value="ruleWithLookup[0].item_level![1]" />
                 </td>
               </tr>
               <tr>
@@ -211,14 +370,21 @@ const filter = computed(() => props.node.data)
                   WaystoneTier
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.waystone_tier != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].waystone_tier != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.waystone_tier != undefined"
                     @update:model-value="filter.rule.waystone_tier = $event ? ['>', 0] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.waystone_tier" v-model="filter.rule.waystone_tier[0]"
-                    :options="OPERATORS" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.waystone_tier"
+                  <Select v-if="ruleWithLookup[1].waystone_tier != 'inherit' && filter.rule.waystone_tier"
+                    v-model="filter.rule.waystone_tier[0]" :options="OPERATORS" />
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].waystone_tier != 'inherit' && filter.rule.waystone_tier"
                     v-model="filter.rule.waystone_tier[1]" />
+                  <Select disabled v-if="ruleWithLookup[1].waystone_tier == 'inherit'"
+                    :model-value="ruleWithLookup[0].waystone_tier![0]" :options="OPERATORS" />
+                  <InputNumber disabled class="w-16" fluid v-if="ruleWithLookup[1].waystone_tier == 'inherit'"
+                    :model-value="ruleWithLookup[0].waystone_tier![1]" />
                 </td>
               </tr>
             </tbody>
@@ -238,12 +404,18 @@ const filter = computed(() => props.node.data)
                   SetFontSize
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.set_font_size != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].set_font_size != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.set_font_size != undefined"
                     @update:model-value="filter.rule.set_font_size = $event ? 40 : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11">
-                  <InputNumber class="w-16" fluid v-if="filter.rule.set_font_size"
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].set_font_size != 'inherit' && filter.rule.set_font_size"
                     v-model="filter.rule.set_font_size" />
+
+                  <InputNumber class="w-16" fluid disabled v-if="ruleWithLookup[1].set_font_size == 'inherit'"
+                    :model-value="ruleWithLookup[0].set_font_size" />
                 </td>
               </tr>
               <tr>
@@ -251,12 +423,18 @@ const filter = computed(() => props.node.data)
                   SetTextColor
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.set_text_color != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].set_text_color != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.set_text_color != undefined"
                     @update:model-value="filter.rule.set_text_color = $event ? { r: 100, g: 102, b: 241 } : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <ColorPicker class="flex items-center" format="rgb" v-if="filter.rule.set_text_color"
+                  <ColorPicker class="flex items-center" format="rgb"
+                    v-if="ruleWithLookup[1].set_text_color != 'inherit' && filter.rule.set_text_color"
                     v-model="filter.rule.set_text_color" />
+                  <ColorPicker class="flex items-center" format="rgb" disabled
+                    v-if="ruleWithLookup[1].set_text_color == 'inherit'"
+                    :model-value="ruleWithLookup[0].set_text_color" />
                 </td>
               </tr>
               <tr>
@@ -264,12 +442,18 @@ const filter = computed(() => props.node.data)
                   SetBackgroundColor
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.set_background_color != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].set_background_color != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.set_background_color != undefined"
                     @update:model-value="filter.rule.set_background_color = $event ? { r: 100, g: 102, b: 241 } : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <ColorPicker class="flex items-center" format="rgb" v-if="filter.rule.set_background_color"
+                  <ColorPicker class="flex items-center" format="rgb"
+                    v-if="ruleWithLookup[1].set_background_color != 'inherit' && filter.rule.set_background_color"
                     v-model="filter.rule.set_background_color" />
+                  <ColorPicker class="flex items-center" format="rgb" disabled
+                    v-if="ruleWithLookup[1].set_background_color == 'inherit'"
+                    :model-value="ruleWithLookup[0].set_background_color" />
                 </td>
               </tr>
               <tr>
@@ -277,12 +461,18 @@ const filter = computed(() => props.node.data)
                   SetBorderColor
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.set_border_color != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].set_border_color != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.set_border_color != undefined"
                     @update:model-value="filter.rule.set_border_color = $event ? { r: 100, g: 102, b: 241 } : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <ColorPicker class="flex items-center" format="rgb" v-if="filter.rule.set_border_color"
+                  <ColorPicker class="flex items-center" format="rgb"
+                    v-if="ruleWithLookup[1].set_border_color != 'inherit' && filter.rule.set_border_color"
                     v-model="filter.rule.set_border_color" />
+                  <ColorPicker class="flex items-center" format="rgb" disabled
+                    v-if="ruleWithLookup[1].set_border_color == 'inherit'"
+                    :model-value="ruleWithLookup[0].set_border_color" />
                 </td>
               </tr>
               <tr>
@@ -290,14 +480,22 @@ const filter = computed(() => props.node.data)
                   PlayAlertSound
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.play_alert_sound != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].play_alert_sound != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.play_alert_sound != undefined"
                     @update:model-value="filter.rule.play_alert_sound = $event ? [2, 300] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <InputNumber class="w-16" fluid v-if="filter.rule.play_alert_sound"
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].play_alert_sound != 'inherit' && filter.rule.play_alert_sound"
                     v-model="filter.rule.play_alert_sound[0]" />
-                  <InputNumber class="w-16" fluid v-if="filter.rule.play_alert_sound"
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].play_alert_sound != 'inherit' && filter.rule.play_alert_sound"
                     v-model="filter.rule.play_alert_sound[1]" />
+                  <InputNumber class="w-16" fluid disabled v-if="ruleWithLookup[1].play_alert_sound == 'inherit'"
+                    :model-value="ruleWithLookup[0].play_alert_sound![0]" />
+                  <InputNumber class="w-16" fluid disabled v-if="ruleWithLookup[1].play_alert_sound == 'inherit'"
+                    :model-value="ruleWithLookup[0].play_alert_sound![1]" />
                 </td>
               </tr>
               <tr>
@@ -305,14 +503,25 @@ const filter = computed(() => props.node.data)
                   MinimapIcon
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.minimap_icon != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].minimap_icon != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.minimap_icon != undefined"
                     @update:model-value="filter.rule.minimap_icon = $event ? [2, 'White', 'Circle'] : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <InputNumber class="w-16" fluid v-if="filter.rule.minimap_icon"
+                  <InputNumber class="w-16" fluid
+                    v-if="ruleWithLookup[1].minimap_icon != 'inherit' && filter.rule.minimap_icon"
                     v-model="filter.rule.minimap_icon[0]" />
-                  <Select v-if="filter.rule.minimap_icon" v-model="filter.rule.minimap_icon[1]" :options="COLORS" />
-                  <Select v-if="filter.rule.minimap_icon" v-model="filter.rule.minimap_icon[2]" :options="SHAPES" />
+                  <Select v-if="ruleWithLookup[1].minimap_icon != 'inherit' && filter.rule.minimap_icon"
+                    v-model="filter.rule.minimap_icon[1]" :options="COLORS" />
+                  <Select v-if="ruleWithLookup[1].minimap_icon != 'inherit' && filter.rule.minimap_icon"
+                    v-model="filter.rule.minimap_icon[2]" :options="SHAPES" />
+                  <InputNumber class="w-16" fluid v-if="ruleWithLookup[1].minimap_icon == 'inherit'" disabled
+                    :model-value="ruleWithLookup[0].minimap_icon![0]" />
+                  <Select v-if="ruleWithLookup[1].minimap_icon == 'inherit'" disabled
+                    :model-value="ruleWithLookup[0].minimap_icon![1]" :options="COLORS" />
+                  <Select v-if="ruleWithLookup[1].minimap_icon == 'inherit'" disabled
+                    :model-value="ruleWithLookup[0].minimap_icon![2]" :options="SHAPES" />
                 </td>
               </tr>
               <tr>
@@ -320,11 +529,16 @@ const filter = computed(() => props.node.data)
                   PlayEffect
                 </td>
                 <td class="pr-4">
-                  <ToggleSwitch class="align-middle" :model-value="filter.rule.play_effect != undefined"
+                  <ToggleSwitch v-if="ruleWithLookup[1].play_effect != 'inherit'" class="align-middle"
+                    :model-value="filter.rule.play_effect != undefined"
                     @update:model-value="filter.rule.play_effect = $event ? 'White' : undefined" />
+                  <label v-else>Inherit</label>
                 </td>
                 <td class="h-11 flex gap-2">
-                  <Select v-if="filter.rule.play_effect" v-model="filter.rule.play_effect" :options="COLORS" />
+                  <Select v-if="ruleWithLookup[1].play_effect != 'inherit' && filter.rule.play_effect"
+                    v-model="filter.rule.play_effect" :options="COLORS" />
+                  <Select v-if="ruleWithLookup[1].play_effect == 'inherit'" disabled
+                    :model-value="ruleWithLookup[0].play_effect" :options="COLORS" />
                 </td>
               </tr>
             </tbody>
diff --git a/src/components/FilterNode.vue b/src/components/FilterNode.vue
index bc3f002..8145f48 100644
--- a/src/components/FilterNode.vue
+++ b/src/components/FilterNode.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
-import { defaultGroup, defaultLeaf, type FilterNode } from '@/models';
+import { defaultGroup, defaultLeaf, toLines, type FilterNode } from '@/models';
 import { filterToTreeNode } from '@/services/filter';
-import { Button, Menu } from 'primevue';
+import { Button, Menu, Chip } from 'primevue';
 import { ref } from 'vue'
 
 const props = defineProps<{
   node: FilterNode
 }>()
+const emit = defineEmits(['nodeSelect'])
 const menu = ref();
 const items = ref([
   {
@@ -17,6 +18,7 @@ const items = ref([
         icon: 'pi pi-plus-circle',
         command: () => {
           props.node.children?.push(filterToTreeNode(defaultLeaf(), props.node) as FilterNode);
+          emit("nodeSelect", props.node.children![props.node.children!.length - 1], props.node)
         }
       },
       {
@@ -24,6 +26,7 @@ const items = ref([
         icon: 'pi pi-folder-plus',
         command: () => {
           props.node.children?.push(filterToTreeNode(defaultGroup(), props.node) as FilterNode);
+          emit("nodeSelect", props.node.children![props.node.children!.length - 1], props.node)
         }
       }
     ]
@@ -37,11 +40,18 @@ const toggle = (event: MouseEvent) => {
 </script>
 
 <template>
-  <div class="flex items-center w-full">
-    <label class="flex-1">{{ node.data.name || node.data.id }}</label>
-    <div v-if="node.data.type === 'group'">
-      <Button class="flex-shrink-0" icon="pi pi-plus" rounded variant="text" size="small" @click="toggle" />
-      <Menu ref="menu" :model="items" :popup="true" />
+  <div class="flex items-center w-full flex-1">
+    <div class="flex-1 flex truncate">
+      <Chip v-if="!node.data.name" class="text-xs py-1.5 px-2" v-for="line in toLines(node.data.rule)">
+        <span class="truncate max-w-40">{{ line }}</span>
+      </Chip>
+      <label v-else>{{ node.data.name }}</label>
+    </div>
+    <div class="flex-shrink-0 size-7 ml-4">
+      <div v-if="node.data.type === 'group'">
+        <Button class=" flex-shrink-0 !size-7" icon="pi pi-plus" rounded variant="text" size="small" @click="toggle" />
+        <Menu ref="menu" :model="items" :popup="true" />
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/components/Info.md b/src/components/Info.md
new file mode 100644
index 0000000..05319b5
--- /dev/null
+++ b/src/components/Info.md
@@ -0,0 +1,45 @@
+## How to use
+
+```
+To show this page: deselect the item on the left tree(by clicking it).
+```
+
+- Create POE loot filters with GUI.
+- Generate the final loot filter files.
+- Import them into the game.
+
+You might want to use these references:
+
+- [Official documentation on item filters](https://www.pathofexile.com/item-filter/about)
+- [NeverSink PoE2litefilter](https://github.com/NeverSinkDev/NeverSink-PoE2litefilter)
+
+### Features
+
+- The tool is aware of available options to help you edit and prevent mistakes.
+- Rules can be grouped into hierarchies, settings on groups will be forced on all descendants.
+- The bottom rule has the highest priority. This is the opposite of the official POE file format, where the top rule has the highest priority.
+  - This is more intuitive, you can organize the rules, for example:
+    - Hide all normal weapons/armours.
+    - Show specific ones I'm interested in.
+  - It generates the official filter texts by reversing the configuration settings.
+
+### Add new rules or groups
+
+- Click the top + sign to add rules or groups.
+
+  - Click the + sign on a group to add into the group.
+
+- **Group**: a group that can have partial settings of a rule.
+- **End Rule**: a rule that has no descendants. Only this type has a Show or Hide setting.
+
+### Reorder items
+
+- Select an item in the tree view, then click the arrows to reorder items within its direct group.
+
+### Editing
+
+- Select an item on the tree, edit the details on the right panel.
+- A default display name is generated, you can manually set the name in the top text input.
+- Deleting a group will delete it **and** all the descendants.
+- Rules that are turned off will not be included when generating the filter file.
+  - Turning off a group will exclude it **and** all the descendants.
diff --git a/src/components/Info.vue b/src/components/Info.vue
index 5163b30..547a38a 100644
--- a/src/components/Info.vue
+++ b/src/components/Info.vue
@@ -1,10 +1,67 @@
 <script setup lang="ts">
 import { ref } from 'vue'
+import { ScrollPanel } from 'primevue';
 
 </script>
 
 <template>
-  <article class="prose dark:prose-invert px-5 pt-4">
-    <h2>How to use:</h2>
-  </article>
+  <ScrollPanel class="flex-1 min-h-0">
+    <article class="prose dark:prose-invert px-5 pt-4">
+      <h2 id="how-to-use">How to use</h2>
+      <pre><code>To show this page: deselect <span class="hljs-keyword">the</span> <span class="hljs-built_in">item</span> <span class="hljs-keyword">on</span> <span class="hljs-keyword">the</span> left tree(<span class="hljs-keyword">by</span> clicking <span class="hljs-keyword">it</span>).
+</code></pre>
+      <ul>
+        <li>Create POE loot filters with GUI.</li>
+        <li>Generate the final loot filter files.</li>
+        <li>Import them into the game.</li>
+      </ul>
+      <p>You might want to use these references:</p>
+      <ul>
+        <li><a href="https://www.pathofexile.com/item-filter/about">Official documentation on item filters</a></li>
+        <li><a href="https://github.com/NeverSinkDev/NeverSink-PoE2litefilter">NeverSink PoE2litefilter</a></li>
+      </ul>
+      <h3 id="features">Features</h3>
+      <ul>
+        <li>The tool is aware of available options to help you edit and prevent mistakes.</li>
+        <li>Rules can be grouped into hierarchies, settings on groups will be forced on all descendants.</li>
+        <li>The bottom rule has the highest priority. This is the opposite of the official POE file format, where the
+          top rule has the highest priority.<ul>
+            <li>This is more intuitive, you can organize the rules, for example:<ul>
+                <li>Hide all normal weapons/armours.</li>
+                <li>Show specific ones I&#39;m interested in.</li>
+              </ul>
+            </li>
+            <li>It generates the official filter texts by reversing the configuration settings.</li>
+          </ul>
+        </li>
+      </ul>
+      <h3 id="add-new-rules-or-groups">Add new rules or groups</h3>
+      <ul>
+        <li>
+          <p>Click the top + sign to add rules or groups.</p>
+          <ul>
+            <li>Click the + sign on a group to add into the group.</li>
+          </ul>
+        </li>
+        <li>
+          <p><strong>Group</strong>: a group that can have partial settings of a rule.</p>
+        </li>
+        <li><strong>End Rule</strong>: a rule that has no descendants. Only this type has a Show or Hide setting.</li>
+      </ul>
+      <h3 id="reorder-items">Reorder items</h3>
+      <ul>
+        <li>Select an item in the tree view, then click the arrows to reorder items within its direct group.</li>
+      </ul>
+      <h3 id="editing">Editing</h3>
+      <ul>
+        <li>Select an item on the tree, edit the details on the right panel.</li>
+        <li>A default display name is generated, you can manually set the name in the top text input.</li>
+        <li>Deleting a group will delete it <strong>and</strong> all the descendants.</li>
+        <li>Rules that are turned off will not be included when generating the filter file.<ul>
+            <li>Turning off a group will exclude it <strong>and</strong> all the descendants.</li>
+          </ul>
+        </li>
+      </ul>
+    </article>
+  </ScrollPanel>
 </template>
diff --git a/src/components/TreeNav.vue b/src/components/TreeNav.vue
index 638ad8f..8d11f8b 100644
--- a/src/components/TreeNav.vue
+++ b/src/components/TreeNav.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed, onUpdated, ref } from 'vue'
+import { computed, onUpdated, ref, watch } from 'vue'
 import { defaultGroup, defaultLeaf, type Filter, type FilterNode as FilterNodeType } from '../models';
-import { Tree, Button, Menu, ScrollPanel } from 'primevue'
+import { Tree, Button, ButtonGroup, Menu, ScrollPanel } from 'primevue'
 import { match } from 'ts-pattern';
 import FilterNode from './FilterNode.vue';
 import type { TreeNode } from 'primevue/treenode';
@@ -36,6 +36,9 @@ const items = ref([
         icon: 'pi pi-plus-circle',
         command: () => {
           props.nodes.push(filterToTreeNode(defaultLeaf()) as FilterNodeType);
+          let item = props.nodes[props.nodes.length - 1]
+          selectedKey.value = { [item.data.id]: true }
+          emit("nodeSelect", item)
         }
       },
       {
@@ -43,6 +46,9 @@ const items = ref([
         icon: 'pi pi-folder-plus',
         command: () => {
           props.nodes.push(filterToTreeNode(defaultGroup()) as FilterNodeType);
+          let item = props.nodes[props.nodes.length - 1]
+          selectedKey.value = { [item.data.id]: true }
+          emit("nodeSelect", item)
         }
       }
     ]
@@ -117,50 +123,56 @@ const selectedPosition = computed(() => {
     return undefined
   } else {
     if (props.selectedNode.parent) {
-      let r = [props.selectedNode.parent.children!.findIndex(item => item === props.selectedNode), props.selectedNode.parent.children!.length]
-      console.dir(r)
-      return r
+      return [props.selectedNode.parent.children!.findIndex(item => item === props.selectedNode), props.selectedNode.parent.children!.length]
     } else {
-      let r = [props.nodes.findIndex(item => item === props.selectedNode), props.nodes.length];
-      console.dir(r)
-      return r
+      return [props.nodes.findIndex(item => item === props.selectedNode), props.nodes.length];
     }
   }
 })
 
+function onNodeSelect(node: TreeNode, parent: TreeNode) {
+  selectedKey.value = { [node.data.id]: true }
+  expandedKeys.value = expandedKeys.value || {};
+  expandedKeys.value[parent.data.id] = true
+  emit('nodeSelect', node)
+}
+
+const expandedKeys
+  = ref()
 </script>
 
 <template>
-  <div class="flex flex-shrink-0 mr-6 ml-4 items-center">
+  <div class="flex flex-shrink-0 p-4 items-center">
     <article class="prose dark:prose-invert flex-1">
-      <h2>List of Rules:</h2>
+      <h2>Rules:</h2>
     </article>
-    <Button class="flex-shrink-0" :disabled="selectedPosition == undefined || selectedPosition[0] <= 0"
-      v-tooltip.top="'Move to top'" severity="secondary" variant="text" rounded icon="pi pi-angle-double-up"
-      size="small" @click="moveToTop" />
-    <Button class="flex-shrink-0" :disabled="selectedPosition == undefined || selectedPosition[0] <= 0"
-      v-tooltip.top="'Move up'" severity="secondary" variant="text" rounded icon="pi pi-angle-up" size="small"
-      @click="moveUp" />
-    <Button class="flex-shrink-0"
-      :disabled="selectedPosition == undefined || selectedPosition[0] >= selectedPosition[1] - 1"
-      v-tooltip.top="'Move down'" severity="secondary" variant="text" rounded icon="pi pi-angle-down" size="small"
-      @click="moveDown" />
-    <Button class="flex-shrink-0"
-      :disabled="selectedPosition == undefined || selectedPosition[0] >= selectedPosition[1] - 1"
-      v-tooltip.top="'Move to bottom'" severity="secondary" variant="text" rounded icon="pi pi-angle-double-down"
-      size="small" @click="moveToBottom" />
+    <ButtonGroup>
+      <Button class="flex-shrink-0" :disabled="selectedPosition == undefined || selectedPosition[0] <= 0"
+        v-tooltip.top="'Move to top'" severity="secondary" icon="pi pi-angle-double-up" size="small"
+        @click="moveToTop" />
+      <Button class="flex-shrink-0" :disabled="selectedPosition == undefined || selectedPosition[0] <= 0"
+        v-tooltip.top="'Move up'" severity="secondary" icon="pi pi-angle-up" size="small" @click="moveUp" />
+      <Button class="flex-shrink-0"
+        :disabled="selectedPosition == undefined || selectedPosition[0] >= selectedPosition[1] - 1"
+        v-tooltip.top="'Move down'" severity="secondary" icon="pi pi-angle-down" size="small" @click="moveDown" />
+      <Button class="flex-shrink-0"
+        :disabled="selectedPosition == undefined || selectedPosition[0] >= selectedPosition[1] - 1"
+        v-tooltip.top="'Move to bottom'" severity="secondary" icon="pi pi-angle-double-down" size="small"
+        @click="moveToBottom" />
 
-    <Button class="flex-shrink-0" icon="pi pi-plus" rounded variant="text" size="small" @click="toggle" />
-    <Menu ref="menu" :model="items" :popup="true" />
+      <Button class="flex-shrink-0" icon="pi pi-plus" size="small" @click="toggle" />
+      <Menu ref="menu" :model="items" :popup="true" />
+    </ButtonGroup>
   </div>
   <ScrollPanel class="flex-1 min-h-0">
-    <Tree class="flex-1 pt-0" :value="nodes" v-model:selectionKeys="selectedKey" selectionMode="single"
-      @node-select="emit('nodeSelect', $event)" @node-unselect="emit('nodeUnselect', $event)">
+    <Tree v-model:expandedKeys="expandedKeys" class="flex-1 pt-0" :value="nodes" v-model:selectionKeys="selectedKey"
+      selectionMode="single" @node-select="
+        emit('nodeSelect', $event)" @node-unselect="emit('nodeUnselect', $event)">
       <template #nodeicon="{ node }">
         <span :class="nodeIcon(node.data)"></span>
       </template>
       <template #default="{ node }">
-        <FilterNode :node="asFilterNode(node)" />
+        <FilterNode :node="asFilterNode(node)" @node-select="onNodeSelect" />
       </template>
     </Tree>
   </ScrollPanel>
diff --git a/src/main.ts b/src/main.ts
index 094e1c8..9d7653b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,6 +8,8 @@ import { createPinia } from 'pinia'
 
 import App from './App.vue'
 import Tooltip from 'primevue/tooltip';
+import ConfirmationService from 'primevue/confirmationservice';
+import ToastService from 'primevue/toastservice';
 
 const app = createApp(App)
 
@@ -15,5 +17,7 @@ app.use(createPinia())
 app.use(PrimeVue, {
   theme: 'none'
 })
-app.directive('tooltip', Tooltip);
+app.directive('tooltip', Tooltip)
+app.use(ConfirmationService)
+app.use(ToastService)
 app.mount('#app')
diff --git a/src/models/index.ts b/src/models/index.ts
index 9221299..fcd8cdf 100644
--- a/src/models/index.ts
+++ b/src/models/index.ts
@@ -1,31 +1,32 @@
-import * as uuid from 'uuid';
+import { show } from 'fp-ts'
+import * as uuid from 'uuid'
 
 interface _Filter {
-    id: string;
-    name: string;
-    enabled: boolean;
-    rule: FilterRule;
+  id: string
+  name: string
+  enabled: boolean
+  rule: FilterRule
 }
 
 export function defaultLeaf(): FilterLeaf {
   return {
-    type: "leaf",
+    type: 'leaf',
     id: uuid.v4(),
-    name: "",
+    name: '',
     enabled: true,
     rule: {},
-    show: true
+    show: true,
   }
 }
 
 export function defaultGroup(): FilterGroup {
   return {
-    type: "group",
+    type: 'group',
     id: uuid.v4(),
-    name: "",
+    name: '',
     enabled: true,
     rule: {},
-    filters: []
+    filters: [],
   }
 }
 
@@ -34,59 +35,59 @@ export interface FilterConfig {
 }
 
 export type FilterLeaf = _Filter & {
-    type: 'leaf';
-    show: boolean;
+  type: 'leaf'
+  show: boolean
 }
 
 export type FilterGroup = _Filter & {
-    type: 'group';
-    filters: Filter[]
+  type: 'group'
+  filters: Filter[]
 }
 
-export type Filter = FilterLeaf | FilterGroup;
+export type Filter = FilterLeaf | FilterGroup
 
-export type ItemClass = any; // Replace with actual type definition
-export type ItemBaseType = any; // Replace with actual type definition
-export type Op = any; // Replace with actual type definition
-export type Level = RangedNumber<1, 100>; // Replace with actual type definition
-export type ItemRarity = string; // Replace with actual type definition
-export type GameColor = any; // Replace with actual type definition
-export type MinimapIconShape = any; // Replace with actual type definition
+export type ItemClass = any // Replace with actual type definition
+export type ItemBaseType = any // Replace with actual type definition
+export type Op = any // Replace with actual type definition
+export type Level = RangedNumber<1, 100> // Replace with actual type definition
+export type ItemRarity = string // Replace with actual type definition
+export type GameColor = any // Replace with actual type definition
+export type MinimapIconShape = any // Replace with actual type definition
 
 export interface RangedNumber<T extends number, U extends number> {
-    value: number;
-    min: T;
-    max: U;
+  value: number
+  min: T
+  max: U
 }
 
 export interface Color {
-  r: number,
-  g: number,
+  r: number
+  g: number
   b: number
 }
 
 export interface FilterRule {
-    class?: string[];  //
-    base_type?: string[]; //
-    area_level?: [string, number]; //
-    drop_level?: [string, number]; //
-    item_level?: [string, number]; //
-    rarity?: [string, string]; //
-    sockets?: [string, number]; //
-    quality?: [string, number]; //
-    stack_size?: [string, number]; //
+  class?: string[] //
+  base_type?: string[] //
+  area_level?: [string, number] //
+  drop_level?: [string, number] //
+  item_level?: [string, number] //
+  rarity?: [string, string] //
+  sockets?: [string, number] //
+  quality?: [string, number] //
+  stack_size?: [string, number] //
 
-    // waystones
-    waystone_tier?: [string, number]; //
+  // waystones
+  waystone_tier?: [string, number] //
 
-    // effects
-    set_font_size?: number; //
-    set_text_color?: Color;//
-    set_border_color?: Color;//
-    set_background_color?: Color;//
-    play_alert_sound?: [number, number];//
-    play_effect?: string;//
-    minimap_icon?: [number, string, string]; //
+  // effects
+  set_font_size?: number //
+  set_text_color?: Color //
+  set_border_color?: Color //
+  set_background_color?: Color //
+  play_alert_sound?: [number, number] //
+  play_effect?: string //
+  minimap_icon?: [number, string, string] //
 }
 
 export interface FilterNode {
@@ -95,3 +96,105 @@ export interface FilterNode {
   data: Filter
   children?: FilterNode[]
 }
+
+export function toLines(rule: FilterRule): string[] {
+  let r: string[] = []
+  if (rule.class && rule.class.length > 0) {
+    r.push(`Class ${rule.class.map((c) => `"${c}"`).join(' ')}`)
+  }
+  if (rule.base_type && rule.base_type.length > 0) {
+    r.push(`BaseType ${rule.base_type.map((c) => `"${c}"`).join(' ')}`)
+  }
+  if (rule.rarity) {
+    r.push(`Rarity ${rule.rarity[0]} ${rule.rarity[1]}`)
+  }
+  if (rule.sockets) {
+    r.push(`Sockets ${rule.sockets[0]} ${rule.sockets[1]}`)
+  }
+  if (rule.quality) {
+    r.push(`Quality ${rule.quality[0]} ${rule.quality[1]}`)
+  }
+  if (rule.stack_size) {
+    r.push(`StackSize ${rule.stack_size[0]} ${rule.stack_size[1]}`)
+  }
+  if (rule.area_level) {
+    r.push(`AreaLevel ${rule.area_level[0]} ${rule.area_level[1]}`)
+  }
+  if (rule.drop_level) {
+    r.push(`DropLevel ${rule.drop_level[0]} ${rule.drop_level[1]}`)
+  }
+  if (rule.item_level) {
+    r.push(`ItemLevel ${rule.item_level[0]} ${rule.item_level[1]}`)
+  }
+  if (rule.waystone_tier) {
+    r.push(`WaystoneTier ${rule.waystone_tier[0]} ${rule.waystone_tier[1]}`)
+  }
+
+  if (rule.set_font_size) {
+    r.push(`SetFontSize ${rule.set_font_size}`)
+  }
+  if (rule.set_text_color) {
+    r.push(`SetTextColor ${formatColor(rule.set_text_color)}`)
+  }
+  if (rule.set_background_color) {
+    r.push(`SetBackgroundColor ${formatColor(rule.set_background_color)}`)
+  }
+  if (rule.set_border_color) {
+    r.push(`SetBorderColor ${formatColor(rule.set_border_color)}`)
+  }
+  if (rule.play_alert_sound) {
+    r.push(`PlayAlertSound ${rule.play_alert_sound[0]} ${rule.play_alert_sound[1]}`)
+  }
+  if (rule.minimap_icon) {
+    r.push(`MinimapIcon ${rule.minimap_icon[0]} ${rule.minimap_icon[1]} ${rule.minimap_icon[2]}`)
+  }
+  if (rule.play_effect) {
+    r.push(`PlayEffect ${rule.play_effect}`)
+  }
+  return r
+}
+
+function formatColor(color: Color) {
+  return `${color.r} ${color.g} ${color.b}`
+}
+
+export function generateFilterText(filters: Filter[]): string {
+  let flat = flatten(filters)
+  return flat
+    .map((f) => {
+      let lines = toLines(f.rule)
+      if (lines.length < 1) {
+        return undefined
+      }
+      lines.unshift(f.show ? 'Show' : 'Hide')
+      return lines.join('\n')
+    })
+    .filter((s) => s != undefined)
+    .reverse()
+    .join('\n\n')
+}
+
+function flatten(filters: Filter[]): Omit<FilterLeaf, 'id' | 'name' | 'type' | 'enabled'>[] {
+  return filters.flatMap((f) => {
+    if (!f.enabled) {
+      return []
+    }
+    if (f.type === 'group') {
+      let children = flatten(f.filters)
+      return children.map((c) => {
+        let rule = c.rule as any
+        Object.entries(f.rule).forEach(([k, v]) => {
+          if (v != undefined) {
+            rule[k] = v
+          }
+        })
+        return {
+          show: c.show,
+          rule,
+        }
+      })
+    } else {
+      return [{ show: f.show, rule: f.rule }]
+    }
+  })
+}
diff --git a/src/services/filter.ts b/src/services/filter.ts
index 75064ce..fe51aa0 100644
--- a/src/services/filter.ts
+++ b/src/services/filter.ts
@@ -1,19 +1,23 @@
 import type { Filter, FilterNode } from '@/models'
 import type { TreeNode } from 'primevue/treenode'
 
-export function filterToTreeNode(filter: Filter, parent?: TreeNode): FilterNode {
+export function filterToTreeNode(filter: Filter, parent?: FilterNode): FilterNode {
   let node = {
     key: filter.id,
     data: filter,
-    parent
+    parent,
   } as FilterNode
-  if (filter.type === 'group' ) {
-    node.children = filter.filters.map(f => filterToTreeNode(f, node))
+  if (filter.type === 'group') {
+    node.children = filter.filters.map((f) => filterToTreeNode(f, node))
   }
 
   return node
 }
 
-export function treeNodeToFilter(node: TreeNode): Filter {
-  return node.data;
+export function treeNodeToFilter(node: FilterNode): Filter {
+  let filter = node.data
+  if (filter.type === 'group') {
+    filter.filters = node.children!.map(treeNodeToFilter)
+  }
+  return filter
 }
diff --git a/src/style.css b/src/style.css
index 45f0edf..c680d4d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -91,4 +91,5 @@ body {
 
 .p-tree-node-label {
   flex: 1;
+  min-width: 0;
 }