From be84d81c32c260d0fcef0c33cfb9b24397fd82cd Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Tue, 13 May 2025 15:57:18 -0400
Subject: [PATCH] [Branding] Show execution progress in favicon (#3880)

---
 .../images/favicon_progress_16x16/frame_0.png | Bin 0 -> 647 bytes
 .../images/favicon_progress_16x16/frame_1.png | Bin 0 -> 674 bytes
 .../images/favicon_progress_16x16/frame_2.png | Bin 0 -> 674 bytes
 .../images/favicon_progress_16x16/frame_3.png | Bin 0 -> 674 bytes
 .../images/favicon_progress_16x16/frame_4.png | Bin 0 -> 698 bytes
 .../images/favicon_progress_16x16/frame_5.png | Bin 0 -> 700 bytes
 .../images/favicon_progress_16x16/frame_6.png | Bin 0 -> 702 bytes
 .../images/favicon_progress_16x16/frame_7.png | Bin 0 -> 705 bytes
 .../images/favicon_progress_16x16/frame_8.png | Bin 0 -> 708 bytes
 .../images/favicon_progress_16x16/frame_9.png | Bin 0 -> 705 bytes
 src/composables/useProgressFavicon.ts         |  23 ++++++++++++++++++
 src/stores/extensionStore.ts                  |   6 ++++-
 src/views/GraphView.vue                       |   2 ++
 13 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_0.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_1.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_2.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_3.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_4.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_5.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_6.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_7.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_8.png
 create mode 100644 public/assets/images/favicon_progress_16x16/frame_9.png
 create mode 100644 src/composables/useProgressFavicon.ts

diff --git a/public/assets/images/favicon_progress_16x16/frame_0.png b/public/assets/images/favicon_progress_16x16/frame_0.png
new file mode 100644
index 0000000000000000000000000000000000000000..15b27f5a691b15e1ad561902488836bd4d1286fd
GIT binary patch
literal 647
zcmV;20(kw2P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0006`Nkl<Zc${UE
z+fP$L5XOJAyXW-6z2%PL1Hn*)=mQ}!{_8#&Atw6bEs6n!3Zy0|Ahh)K?C$t*TB@>-
zJM(>+%<mhSUVpFr{}e=&7!6s^-6^L@z}ko^+^tfGeXvw2Jyup)XcR>H#zr}5P0?wW
zu_j{v7aLJPsFXa<p6=n2h)p8KDPkc_1KV5s#8~wIGl8IFSwg#0Vtea=)6*KS->foH
z?GjZ8!7wtKF*e>o)qupIfdD>OHa44#lrn1dHqT!?!j(N9gBT_2I-aaF`F&X>4~|rP
zVPHh*+@w6-Y%)61<<s6hx*t<!r!QHYJHUq&1gudeC)&K+ZBQxo2r7kv0?tNeW-i!y
zwMM5~rdrL|Sa0&~-2;r(TQYAyEaSby+6eRwg11ae-jD}N)=MxZvN(UvkJcpnM+?Oc
zqCtVg`2ryY7Gp%obIaV!1sCU4Vl+e*>h&v5T6Gc^P!)`cl+qj#ZpA<!qrg<H&GG3p
z)<zN=n5kV-NxLjBov}E7&UF0>@9mw;I8`A{0u$rcI2TCL9N%?(-dkc};hYdHK3MAY
zYmUCx_`G+YO1Vc=8Rj5H;miIKjn!jZDYCn>#!+*Y{lj^TQ93szHX8+@f$%nX3OE<|
zdN9YU*A4P4;ksQ$BRC==ijm0jy`P+%PLa6qkI4{Y;u#z7Fgn&{?coV&>QMwA9ODxm
zVpPt4jggiDs)Oh$GPuSfiH5oPOD3n<gxKG&Dj^uY9nOMEf93%N85-Q)Lhi_eMWpy1
hw3o~NFL=WV{s19h6@U4G)=vNc002ovPDHLkV1jY9Djom;

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_1.png b/public/assets/images/favicon_progress_16x16/frame_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..f82c375c985ac6328ec5f1861608fe0b330d212e
GIT binary patch
literal 674
zcmV;T0$u%yP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007MNkl<Zc${UE
z%T8255Qe|%KIhB~gABtQE&@@LNr-|3V~B}y;T!M>K7bqdK7&u;#wT#e#;7sG7zK%f
z5)nl(YLLqeb1vQG;tU|r+v@sK_5XiKJh`NteF`Fq_l6`5&XuFkVXa3M&Q~d#b7!ek
zQku<e)Psl=V54kq*J-!PSmQBgn~f+SR7yE_Zm$r84jU>aP{cwMId08<#{1&`sR;xn
zNkUrf61Qg8*!)pv;q?U7o(`&lbB1bf!iByzss_ZL00hXL<@)pn)l$Mhqs9EQDZ+A&
z!yraUIw3cjU)kNQlDU9T@&aH)X&*++OmEOz?eJk`oX&E@V7$xB@EWNP5x^RyUTgFG
z<uxj$6t7YM6bP(maBz<ouO?`9N>qDNu1{_7Zt*h4`a(cp@%<I@++wW<x&W73YW;^~
zPDs)aYn0KE9e!^2v$lSbYEOdqf&yWX7ZxIbVvHzRW*HvZ<?l`v?+spsxUtXXR)a8b
zsDd$`Qj}4+Dc!m0+9)tkKj8b12G)8)>xc*Ts6+{u#(pz8vP0b1C(rG<%mk`J6gv9)
z4zPivR8DcJ<<sX8#>ao-yu~?7z24%>M$E_6@nZpxbKt$O`e}@*iEm^+Vt#&_H*cHZ
z4H$)1nX5O~7>xhoy_`;MJh`L-q-lU+cyRwITU&iNH5gG85D!Dcdpv$}msY2YG5%zQ
zBO9YALq(XITVS@iOhyTVq6h&g4<Fs**Pj}-{x;4@H+ou3aFj&n3<L2#_4+<e3w;Ao
zT89zqUq&cb(ysPLF31Vs_!hE&)LD);)oudI<qXyT_b(v-0QDaa&kcC~3IG5A07*qo
IM6N<$f;|a0lmGw#

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_2.png b/public/assets/images/favicon_progress_16x16/frame_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a75dcf838ae69bd164fe7fdef7603980372cfb5b
GIT binary patch
literal 674
zcmV;T0$u%yP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007MNkl<Zc${UE
zO>a|26o#KOAHKeJh_T~96Cnah0r6ETfl^iMVbM+hRJWl161phMZmJ+e)kXOd0vbvq
zpovlxjAP$i-<dgGT&E#nwr9?B-ZSqz(!cOnIeZjEl#~qR#C=w7_=vR$RrtJ0-5jDN
z&nGM|Z=eZ81Qd)>-fVOkkD6GMFo&CsC?Mon;QF`EaV}v!7^fHqz7biu_9rRT_YWu#
zl(O`U#u+QuUh(!_m*0Lr!%V9rDa2@K&y*aQ9iwVM(mp_d5G|K3uhY&-dUGRw`Sl{c
z83+hslycYe_43~g1}&=S@Dgf(5v3>^e06!9nf5Nvo}Xa%X@mLxfGfw>m_&~VSfg}1
zV^;5<C(kA%l^URcwTb@xNA5j1OHnjwwMs5sT<77VC5)+G+z32+vP1|DYZEX9#9-+h
zEeOFdDLuv{78kbJ+~~6QdVzMUBqc!=ybra72%s1vN>y2o9~<!DLyMFQNrk!I4sZVH
z;a#k!n?#mX)NaaD_nr#^z3vXrUM%8V!r8zV^V@81<zy!V#wI2c$L3aND*Y4NRfUF+
z%+BuMeFc*EcdNs_`{(dkAkRyzD5sX*bLPu;l%>bWKEwf}B)nW(<n+l+zPtGci@o=Z
zs*IQnA`pV5*B$cH&)=Xb2UFX>@L1~%7>2_(cklebjg?g@S~wyRgQMW}_6e?Dzg=5_
z9#o)!vypCZ$dTECp&q5E8i*()!E4T~AHQd3oYU!yiBYD}(^|oP5)J+NkIeN4#AIrp
zB{3>8{(7}QBdeyf_f*I};Qzl+IVRDvx2aMmu-U8*?O#Lw1A(UwpA8LAQvd(}07*qo
IM6N<$f+lJ_KL7v#

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_3.png b/public/assets/images/favicon_progress_16x16/frame_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..a53315bbaf20d35bfd174d4900658f9fc9b7c8b7
GIT binary patch
literal 674
zcmV;T0$u%yP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007MNkl<Zc${UE
z&2AJ|5QV?Gw|ly$2Qwaz$H*9P6!3yyWr4g%K#8(MLht}A*|6fB5bzX1C@4V)A<)=H
z0tAk*G?5opq{bQd^j{T=9*i-yty^E+d(OEse{S74Tm~YBsv|Fg@7k@f#(TvKzVFfu
zSGA|zF8J~Eb^}B(1Lus<c8|SrjCYDVJnX~(A&yFZ`S~qjpm+~1FeHGmRkM2eJ*v(5
zZ*CwMc^)#}i&(w<fzhbP^A{@|NpjSnt{t6D&e5ZLm^l#r3J{>GJr^!+(TQ^A`eXk1
z^E_c(Q6Y#k@=3@~XFigq31uA+O4R_I7+Kch(#0)0$%HrWPB3}hVquW7bZnDC1BB-N
zz3v`=Jv~c1Do~RKV1W0^{9u>ApRJHhVv;21!uc)MhRZl_m>D9lwy{iA1$eK(6i`>5
z?rcU~Ls5o!U$eCMAKTlry#KgJC&^J23<!g%g$Q5-PK><tEDTb1c4jDx027$&jTw!4
z#H|wN6z2@@3^myw2BtO&EDTc8-Gpv8qd&LHpr10yLb@{<opw$bDn;37aj*h$jdeG!
zKj+rXNBo=isVYYlR%BTVL7IJP+`fB<m%|l0$pqB~6_^TfTyX#4ue@Gg;@Y)W{I)ve
z|2k%__i37JA*3dBh8+ripejUB$#89%Cyy_2<?1`sgsSwY3bi_Bq6u#|k2Bo(fuvpR
zZ*MdZFl!*kPVR8>)D9+s4;Al?R-kAl+<Wjl<1E5EJrF&RFTb%#qGNvWiT->_t*-G|
zlyMgE&*mbnsGMs5#Rd5a*#8S<KvDaBwGHsjh~pBogB~=H&)9_%8i#56nE(I)07*qo
IM6N<$f|-Xl&j0`b

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_4.png b/public/assets/images/favicon_progress_16x16/frame_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..349c3a1c2a70ad3213365944b48cc5c6846249ff
GIT binary patch
literal 698
zcmV;r0!96aP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007kNkl<Zc${UE
zU29ZV6o#L*_dXvpC(Rg}50aW7Z6j1W_JbI)1t|q@LVt!gUU@6{8@w$A!Ga*-A1DYS
zNNI|tNb^z9q9X|e(pWJ`&CHxLXYb|3nS7Y++qK_kuf5j$%JAtW<?vAuQ9>}}g*#G?
zBagKKRXAFu5|`dms}+3w$vUVYfGQZHtgR2x-bt}0U=E9oC?KS1$+zG9L*xR+1;i=h
zlqmMh&O9fC>i&Bj2uhwu?6ebRXIiYS4e`gH(+t#ef`a#kEXx@jY@=#G!ahKN(p#F%
zRq9E>@ekkf;L#bPw4_83qvYL)FFsviYpYJrJ0dA7fDxtBi8<R`CCj=zeRhKO-!Y>j
z+k7<EqVN$S)&Gw-cKCJvGipgeP^kb4SQi)_+hqRnDLUPRT3Yb==~Wh&rZ7fP1rb<W
zo}w%r)&`&t@TH~E=<sGUW8>8^6k%d~lYciFJbyV(mgR&XC=j`_T4A*poDrqlvy6>y
z^VQiF16dnul!=Kq+<)*TwY0#PfH8_SN>JGo12|)pqKKIJ`UN+x|I9Wi4gTks`E%U8
zcafn+o1jpXj&3(1a-M_Et7f2Ze)cIs2k+~=@<TM6EByBGTHhByP%dA+!jpw*vU-;g
zqymH>)N2JdZ(ZW?@6*i9J>k0xe<4O`e6Z1Xwh-Zo`onzBcp(UJ(qn09iXVUafo>k-
zj3;<Q(TnKhF%h0;tqB&EPg1WHd#?i+1XP72=`nWVKPD$%qZphESR064Ae6%GJKwX@
zNw6jyupY>68Y?FnhDWv;9^S%-DkjD#?RLV;);Mv}>kn{u3$hQ`%R<jlc*|~+3Rt70
gX%E%?)^{QA02Q(p2T#@JN&o-=07*qoM6N<$f`2zaX8-^I

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_5.png b/public/assets/images/favicon_progress_16x16/frame_5.png
new file mode 100644
index 0000000000000000000000000000000000000000..d48690744dc5e7cecec0a8c0d885d805584da074
GIT binary patch
literal 700
zcmV;t0z>_YP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007mNkl<Zc${66
zOKVg?5QV?)+dcQrj7fB2R17{4v(Si93?x4Au~G23b>+&9JD09p`V$0Q2!byB3!)<U
z2mw(Oqb7<*g%CtRBbhsM?{s&$xRXh=77a~x)v2y?j;ak#2`E5V8A^foiafXf<OD@*
z9Xbkt!YmgrH&K9dno2omVB0)F6sp}oYhiA_Mm<f4bU^=)td$@@61O<Ce;R8%#snf0
z(2-EGo{`~?gkk^;9n2!K%(9rqj1GTdZm!1oivg<D3=!~NQ>|un_oPUBDzl6&c(2*L
z>l@X$No{SN2ag9SC9e2_60+Q~XXq;nzbklWP$gG1&?=BNV)hNq($$qRJ=0G*9n;tM
zhrR1Rk$VeD5$V91o|LC!J4oUjFYP4?V67u5=iGm^8`q3URy8?%@Eva^H=`nHuUVL!
z+KO`#Q52AZ1tA1Q$$HM69_P%7ak7@BwtA7f_m1%4%SO6ZHSk^+K*n{7K`>egjm)xT
z+jlOUe@uls5rO%7jjPwrQ>|nuB^cv~v=BsfiVIq`kY$zw`)7!pV{W0B)F(W7zLWZ5
znbqBOs^tu819{7=;HwA&Afgx<o}prX(bKJIc+0^9?|Js{3VNx+3l}e6;^o8u)k>2P
ziiGh&Q?6v(ymg%MvF)5Z^@^jTuOU`+_5bL|*Wxi+kbiZD7E#0{$HdfTuHQIIvl(Nw
z$9qlQvNW<17SGIVKa*2isg&~$I#5Vi1mf7SzW*niHvK@*7~_eefHj`r6u0jjquz*#
zbXc-maW1)0AvmvD*Y}6Dy$krDJKjheC1yWwpcK0mb}N*jYJ+d3b3tgeB64Ti@+ux{
i9Y~TKk(C@2P5uG^OBZ9Jg*+kv0000<MNUMnLSTZufjzPS

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_6.png b/public/assets/images/favicon_progress_16x16/frame_6.png
new file mode 100644
index 0000000000000000000000000000000000000000..71e26301f5d04f335015e35965392fdae31544a3
GIT binary patch
literal 702
zcmV;v0zv(WP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007oNkl<Zc${66
zUu#rX6vco0+;i@oxf7E(si8J1qDhd()=IUBl+w_mh=QNOm%jC}pQ8_j7FsBXAEF=%
zA|jC_BPp0bn+OSNCD63a+_`_w**@IK7~KyC4*Tr2_St(aY0s@G2%sDc5yg8$QMh+<
zijcU9C<-WoeOvq%M1ZP_Xf_L`Pd!IfkO6=(%FgpP-Cl#p1kC%)Mid1ajf$@>trOdT
zjRKJkm`I6T#r%a0La3Q6??pd%bhCto&;Mp;=P-{R&(Lb+sDk%~Rx4+8EJM{G_<ex7
z{SXZ2Kiwit`b<pp_~Y&;#7RX^K}5+5%V+1FvA5U4R}m7IHGmN%>pSMoY=gqelhb5*
z%+%B_=a2qH>0=Nf63_V9Ywkb%m?SCiIvAoDPhL2#US8$viyd~mqqNiixwmwdTelY(
z8R-*(K}6}SouI1h!7bFSHyb5azFp<Zxei@YT6FpG*XwL;PclB%#d|?jaLx~lL9uoF
zF|*Szn4R9{pW-mic(z`iWNCSZ(L+5%6l(*KQG&{_xL&JK^4xLhiw#C>kFtzNZJ(#>
z$H=mTvC$r_W{z`#qO?Oj?1u$V73ME)(2V|NB#n4oHCUKm=fRyHFf!1IhnwGj$4Y00
zH0={Y4P|{Wq-oACzg_0h!_!>5zRco62NL1X)GI(xz~Qk*3GeC-qbkI4MQ7~<KmB}z
ze!qb=zV<=s$a06nv%dKeowbvs&0@$7)KXT3Bq^CZw#)J3uTV@qv?$=LCse}kx4xm5
zB}69d+pRwL-6$xPH%uP+j}O{=cs0ntmAx!xbMr&uxH@3B+JMrY`%{M(l(LK{Dm(aj
k{n(g5qfwxGa0fNW8+6kfj4sdH&j0`b07*qoM6N<$f<SjxLjV8(

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_7.png b/public/assets/images/favicon_progress_16x16/frame_7.png
new file mode 100644
index 0000000000000000000000000000000000000000..32964243a34e3cd59672ffad3c67ad7b75776feb
GIT binary patch
literal 705
zcmV;y0zUnTP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007rNkl<Zc$`&}
zO=}fN6o#KuUEO`Vb2Uyzqo|RIA;KW&KoW11S;&AOBDnPjh~Pq)<*a9;zd*!=3w7`8
zW~I0ih0JI$qEYcO;t)`g_;LH*>h7xJ;&whfi-Ibu-c#rOkg<bH3IZsbOGNSBP?m9X
zqRlF#aZMBj6v1vh-T)Dxt|RiSWO{0a5I_(Bj0ya|@*};XMPveIqq8;_6fsJkmHc|_
zIkEM`R<Sk^MM@HTI<qg)ARu5jeHxKKQKS^BZGM@3MYp?yg@tKaxg#j}I%3;spV4gv
zAqax50SF?B8zda-EHgQ=!pv-!*+a{eA;OqueuZ}KIDhdX-bV=45Wtu~ua`16^P1Z?
zFO!>sl9-B!PhWBb2tjDsiogDzXX)8KvdrPNA<;;{xrEav{~<Gd-hSTB&XHBF-8{jc
zm(DWwLyy`E8ibFlTWF>A`q&nRa<$t7I&&{@#H2|@h=jZM4pa0qY#i|305Fm}f(qKG
zW{fBU7c({aj-L;_p<gFtX~};p<2-({pFAI+Dnup_TTf8=PI6<6;#|zpBQI#%f`N-k
zrR3?e33^4!=+-_XnZw3`va*dEHp&j!6*_avWYH?^JmPEJV!pG?{X2hP06|d?=YGGy
zzl+n1<O4z&LRlXSdG5G&{R9smOmXVeBaY8MhE&+P`#sv&H^yTlMZb4EMpa0Xn#HAk
zT)BFNflIN*<GsOEF@2X1<9XiQ!{U>l$g^_2J214eDx_(}_}&jp?0t`78tXR1)xwQi
zzftsu{$G<2K-SVID780?@A%C2u}^q42w)`8>!-Z#?jlX<O>r9rP{s~E)%6WZRYjDw
nMb<+m7!zo<N>n#%Fa-GqNmm+$)icMm00000NkvXXu0mjftS(9V

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_8.png b/public/assets/images/favicon_progress_16x16/frame_8.png
new file mode 100644
index 0000000000000000000000000000000000000000..221c75a03aab072763a8ad07b967324443f1269b
GIT binary patch
literal 708
zcmV;#0z3VQP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007uNkl<Zc${66
zOOI7W6otRN&+DFZ`=WN}#>hhvTVp^HC6|6UF(w)y`U9L36DP(YV@Lb~qYfMp1||+P
z%#6e#!9+S-g=nLpgBUOpl*V)Kc~)%)=k^0?QmLx!wRWwwm&_i%W*~sEbBP$vDRmu9
zZ#LhBIBE$3k0FHH#oHhPv~9plzvQKbJJ=SspyIiGXE)<<k3c=Tjoj_3hN_YF8eTba
zn{nPF&r|X|<-dn1MUgOk?e`8;Al%V3BA%j%8UHh2xV*-P?_Xg3k9p$QVFu1CyW)b2
zmyS|Z5ph&(0(8Y?8MC~2gXi}C#nSR`oLu=4R%C}V2Go3Z{%r(-P6JT&jK>MXV>kKw
z+*vZ6P!Vyrm}TQZ1_Is-Y0&V^w~MTfUZCGEaegYIh^MMz-Z^oFR44qov70@E2YmU}
z>wJ9nJ)U|p$2kQr-2Zn#9Jf<pg%Awyl$n{5#o-MqVv?l6tMJ|Tuaf5(s-2|(X<Fk=
zu&HaRVw6?Hp@V<(@{6}9+L$z{xpjAr(NE8lWhG{UswWB^-sBO>Rn@4fh?V1O48jRz
z6_H5I^<NG!E)t&DHKCuDM3JLzLgcZ53jxf8<HI$2!3Hx~NZ$5XT3qAO#WSc_$L567
zAAP{;Xn}rK;(g~%=)96;6`z0c7C&5G;MA#A-dMT{i7?oE52l<Ejxg|;$s--8nGnY<
zqifId$*1p9RtcfHE(c9SQAI>JeqDct(a#6T(rSwx=tkKLlB8jN-+lJ)yN98Kp(hBY
z!ZpIV^KUXKQUdi`lM5i5X%vjsDf4p=nVa3fS!bJyXIv!QTz{G*Zg<433xmuazHVCw
qjHU^w+ikTCAy7}RS3mau4&;BOJsQ;%Fmf&c0000<MNUMnLSTYn;!j=x

literal 0
HcmV?d00001

diff --git a/public/assets/images/favicon_progress_16x16/frame_9.png b/public/assets/images/favicon_progress_16x16/frame_9.png
new file mode 100644
index 0000000000000000000000000000000000000000..741abad60c865fa55989c10125f5bbeb05ae71f9
GIT binary patch
literal 705
zcmV;y0zUnTP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0007rNkl<Zc${UE
zKZsRF6vlt&yqSC7KV{V?6918PH3S<;i2JfhAy@?5U@EalVP|1wt&N3^f{;Q&ia;U}
z2`MZr4OlE#gb)&zT@*Dc5^;m9sE@tx-TUsFITrV=f7U4m=A8MybH4e`$mYF^W*F}*
z1Cc70=gHbEX%bM4n1Oo_Oa%^6F@!z4m#AsPOvXv$$<juO!lP=qwcwgYRE<&Y`0m0b
zj(mNSyi7nNAqW#`#>Jm!Ieq3B8#iR=+ij~D{Xxpoe;p=wEpznn9C;K>M<5Zy5D7eg
z*~YAbzV1NP$a7D(dymO&Pnr4RE-?zKf@%a4yc-d5%+2k?r-5Kv5vUqjmh#!B54n2z
zJZ<e$;OG@Cdc6i<SXAn@l55weS-AZn%|<~m854+66bZA3{-UKBk9!@qv|sS+Z(nlu
z+_y|jtPp}=raXJzCh=kX^kae$gjTy?X8JBeJZVxARrvkJC-kxws1ZWtLZdz;nqUZE
zsEUyn2~(5*^YKTI=#Nqw>5xZD9p)FOXf<=pKsDlBAez7!T*+6XC_JBc|7D#UP!yh2
zN^afWK|gb>U$;W5ImG+Guyn{8+Z`BY(A|HBdToVf)02(rbf@oe^TsJes(M5?e)0r=
z&+nnt%!#q0axp5+#*iO>`iejQ*v0Ije>gBRkJVvkdl^G8z!UIqPvoloF$zgqvaqn7
z?|=A)L6PD#5Q0*ao<Z*M1nxZ8%KTzw-)eOLMZio*(~>RQm)W*s8AEX{;%bq^2VyDw
za^)b|pg~RJ>W``R&fW!EJ%*rc+T5eF=>=gtsw$B|zrp>7ACRWyYyT@3<PAX;Hj2_Q
n3~sEvx>i%8UN6_^uSi}2I$0iCRwxDx00000NkvXXu0mjf<!nmj

literal 0
HcmV?d00001

diff --git a/src/composables/useProgressFavicon.ts b/src/composables/useProgressFavicon.ts
new file mode 100644
index 000000000..0326274f4
--- /dev/null
+++ b/src/composables/useProgressFavicon.ts
@@ -0,0 +1,23 @@
+import { useFavicon } from '@vueuse/core'
+import { watch } from 'vue'
+
+import { useExecutionStore } from '@/stores/executionStore'
+
+export const useProgressFavicon = () => {
+  const defaultFavicon = '/assets/images/favicon_progress_16x16/frame_9.png'
+  const favicon = useFavicon(defaultFavicon)
+  const executionStore = useExecutionStore()
+  const totalFrames = 10
+
+  watch(
+    [() => executionStore.executionProgress, () => executionStore.isIdle],
+    ([progress, isIdle]) => {
+      if (isIdle) {
+        favicon.value = defaultFavicon
+      } else {
+        const frame = Math.floor(progress * totalFrames)
+        favicon.value = `/assets/images/favicon_progress_16x16/frame_${frame}.png`
+      }
+    }
+  )
+}
diff --git a/src/stores/extensionStore.ts b/src/stores/extensionStore.ts
index 0ba23846d..2756b7593 100644
--- a/src/stores/extensionStore.ts
+++ b/src/stores/extensionStore.ts
@@ -16,7 +16,11 @@ export const ALWAYS_DISABLED_EXTENSIONS: readonly string[] = [
   // pysssss.SnapToGrid tries to write global app.shiftDown state, which is no longer
   // allowed since v1.3.12.
   // https://github.com/Comfy-Org/ComfyUI_frontend/issues/1176
-  'pysssss.SnapToGrid'
+  'pysssss.SnapToGrid',
+  // Favicon status is implemented in ComfyUI core in v1.20.
+  // https://github.com/Comfy-Org/ComfyUI_frontend/pull/3880
+  'pysssss.FaviconStatus',
+  'KJNodes.browserstatus'
 ]
 
 export const useExtensionStore = defineStore('extension', () => {
diff --git a/src/views/GraphView.vue b/src/views/GraphView.vue
index 322b523ea..0ebce7e44 100644
--- a/src/views/GraphView.vue
+++ b/src/views/GraphView.vue
@@ -36,6 +36,7 @@ import RerouteMigrationToast from '@/components/toast/RerouteMigrationToast.vue'
 import TopMenubar from '@/components/topbar/TopMenubar.vue'
 import { useCoreCommands } from '@/composables/useCoreCommands'
 import { useErrorHandling } from '@/composables/useErrorHandling'
+import { useProgressFavicon } from '@/composables/useProgressFavicon'
 import { SERVER_CONFIG_ITEMS } from '@/constants/serverConfig'
 import { i18n } from '@/i18n'
 import { StatusWsMessageStatus } from '@/schemas/apiSchema'
@@ -62,6 +63,7 @@ import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { electronAPI, isElectron } from '@/utils/envUtil'
 
 setupAutoQueueHandler()
+useProgressFavicon()
 
 const { t } = useI18n()
 const toast = useToast()