From b900a8a3e19bccc87579abab9d1f39500476dc77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Fri, 14 Aug 2026 16:26:28 +0300
Subject: [PATCH] Merge simtrace-analyser PWA into frontend/ (monorepo); serve
 it same-origin

- frontend/: simtrace-analyser PWA (index.html, sw.js, manifest.json,
  icons, tests/index.test.html) copied in fresh
- server.py: static file serving (_STATIC_MIME, _serve_static) with
  path-traversal guard; injects window.SIMTRACE_EMBEDDED='1' into
  index.html so the PWA defaults to a relative API base
- server __main__: --web-dir (default <repo>/frontend)
- frontend: embedded same-origin mode; sw.js relative precache paths +
  cache v4; GitHub link + version-warn point at simtrace2-pysniff
- version 1.1.0 everywhere (__version__, pyproject, PWA_VERSION,
  manifest); MIN_SERVER_VERSION stays 1.0.0
- README/scripts/.gitignore updated

Tests: 107.
---
 .gitignore                           |    1 +
 README.md                            |   39 +-
 frontend/favicon.png                 |  Bin 0 -> 2289 bytes
 frontend/icon-192.png                |  Bin 0 -> 8849 bytes
 frontend/icon-512.png                |  Bin 0 -> 25048 bytes
 frontend/index.html                  | 1451 ++++++++++++++++++++++++++
 frontend/manifest.json               |   14 +
 frontend/sim-analyser.svg            |   45 +
 frontend/sw.js                       |   45 +
 frontend/tests/index.test.html       |   59 ++
 pyproject.toml                       |    2 +-
 server-start.sh                      |    1 +
 simtrace2_pysniff/__init__.py        |    2 +-
 simtrace2_pysniff/server/__main__.py |   13 +-
 simtrace2_pysniff/server/server.py   |   51 +-
 tests/test_pcap_import.py            |    2 +-
 16 files changed, 1707 insertions(+), 18 deletions(-)
 create mode 100644 frontend/favicon.png
 create mode 100644 frontend/icon-192.png
 create mode 100644 frontend/icon-512.png
 create mode 100644 frontend/index.html
 create mode 100644 frontend/manifest.json
 create mode 100644 frontend/sim-analyser.svg
 create mode 100644 frontend/sw.js
 create mode 100644 frontend/tests/index.test.html

diff --git a/.gitignore b/.gitignore
index d720fdd..bd3d227 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,4 @@ build/
 .venv/
 decode-errors.log
 auth-test.log
+.DS_Store
diff --git a/README.md b/README.md
index a52f0b8..485e224 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,9 @@
 # simtrace2-pysniff
 
 Python-based replacement for `simtrace2-sniff` — SIM card communication sniffer
-for Osmocom SIMtrace2 hardware (firmware in **trace** mode).
+for Osmocom SIMtrace2 hardware (firmware in **trace** mode).  It bundles the
+**simtrace-analyser** PWA (in [`frontend/`](frontend/)) and an analysis server
+that both captures APDU traffic and serves that PWA.
 
 **Single dependency**: PyUSB (libusb wrapper). No libosmocore, no libosmosim.
 
@@ -59,11 +61,11 @@ OPTIONS can also be set via environment variables:
 FORMAT=timestamp GSMTAP=127.0.0.1 ./sniff-start.sh
 ```
 
-### Analysis server (`simtrace2-pysniff-server`)
+### Analysis server + PWA (`simtrace2-pysniff-server`)
 
-Stores captured APDU traffic in SQLite and serves it over HTTP for the
-[simtrace-analyser](https://github.com/anttro/simtrace-analyser) PWA.
-Two capture modes:
+Stores captured APDU traffic in SQLite and serves it over HTTP, together with
+the bundled **simtrace-analyser** PWA (`frontend/`) on the same origin.  Two
+capture modes:
 
 ```sh
 # Listen for GSMTAP from simtrace2-pysniff (or original simtrace2-sniff):
@@ -73,9 +75,24 @@ simtrace2-pysniff-server --capture gsmtap
 simtrace2-pysniff-server --capture direct
 ```
 
-The PWA then connects to `http://127.0.0.1:8081` for live viewing and
-session management.  See the [simtrace-analyser](https://github.com/anttro/simtrace-analyser)
-repo for the browser interface.
+Then open **http://127.0.0.1:8081/** in a browser — the PWA is served by the
+server, so the UI and the API share an origin and no CORS/Private-Network-Access
+setup is involved.  Use `--web-dir PATH` to serve a different PWA directory
+(default: `<repo>/frontend`).
+
+### Hosted PWA (landing page)
+
+A standalone copy of the PWA is hosted at **https://simtrace.atroshin.ru**.
+It is a pure frontend: point it (Settings → Server URL) at a locally running
+`simtrace2-pysniff-server`.
+
+> **Browser restriction:** when the PWA is served from a public HTTPS host,
+> reaching a local server (`http://127.0.0.1:8081`) requires two things: the
+> server must send `Access-Control-Allow-Private-Network: true` (this server
+> does), and the browser must be allowed to access the local network — in
+> Chrome/Edge/Vivaldi: Site settings → Local network access → allow the site
+> (or accept the permission prompt).  Without the browser permission, the
+> request to `127.0.0.1` is blocked before any preflight is sent.
 
 ### Python module (cross-platform)
 
@@ -183,7 +200,5 @@ Use `--inactivity-timeout` to also trigger reconnect on silent firmware hangs.
 
 ## Related
 
-- **[simtrace-analyser](https://github.com/anttro/simtrace-analyser)** — a
-  browser-based PWA for viewing live captures and browsing/exporting saved
-  sessions. Connects to `simtrace2-pysniff-server`.
-  Try it now: **https://simtrace.atroshin.ru**
+- **[simtrace2](https://gitea.osmocom.org/sim-card/simtrace2)** — the upstream
+  SIMtrace2 hardware/firmware project that this tool sniffs from.
diff --git a/frontend/favicon.png b/frontend/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd5bfd0cd7dc775a14de8df03a93fbef7053de75
GIT binary patch
literal 2289
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
LNkvXXu0mjf!oV*T

literal 0
HcmV?d00001

diff --git a/frontend/icon-192.png b/frontend/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcd79fb1aff9fcf2e4e7ecf37c36214c51990d38
GIT binary patch
literal 8849
zcmV;CB5vJ@P)<h;3K|Lk000e1NJLTq006)M006)U1^@s6Qrv6@00006VoOIv0RI60
z0RN!9r;`8xAOJ~3K~#90?VSmj996Z)|L0cEOfT68OV~G2kxhL;LS{N4fP^)GghfzL
z1O?@Z5FWD4Qqwa5c_>eU;D!ha$^+SvO~jDQbO4EnY{Brrh#?4)b*8Ily6c|z-OeOV
zl9}G>R#h+c`#!!e%v9fdr@Btvd(S=Re+U72nPINoW*`*WlNh@SU^kZ7jR@N^cp^aC
z0+<M3+|cEX0AfS`P6M!p{@n*)C4dh>_z)8B6VX4wyv#PREJXbF!mDB{g0I4R$cH{F
z6O%<V`t~6TO=0l<AnZrL{s6Y~XauVPybRE*O!6;8_+xt8=u3;wql`!W*Clmp0F!^r
z4NV`Ur;?P11DFb63P2m)<ds4Sz+wUx*({&N*w}(ab7;e?5}<*)GJvVwshteTCot$p
z0EYq?i|Qf`@Iru|G)O$Spe?-A?*UaiHE#gT-PUf9JX<hkGv(g&we&Z?1fqLwh~GTh
z*7UmHgQ-Sp>0#K&(et=z-74#NCjJ^ghu7-gxheb_5&dG&$lmh&mE%72do<NTO+6S>
z&4Im1*xw}J3;+{QpQt^;y;9)DMXk~2{T@uEQxgUd@3!Jn@?``ZTPuH)CKeNDo;4}_
z>%f~dGE~)WOT#)zFtz90mI3*A8{n(clcKi=hEVMWV6uplHJb&sgLyx{hf`(zjhU|=
z*gkq&U<g%c04?3AgUQDCn9%I^SgIKYmI}sIJsr_|Q0G*I0Zi{of7E7qEr8GYJ(gO6
zfoBBxlAiY1V$>;A>8G`k_pLe1=mgN@_jqa)X2Kn8XD(V~j#u$Ybw$M*Kuf}!2FM=)
zw2$9osT1BK&}BXCkzb&Ws5k?dc^$|4t@L*RKCcqTR|nkJAhYMqH^==8bwEWuU{kwO
z2MG!F2Ku<)W2tlA2k}>X+hPx)#;FJcIOT3OmcNm1CFWKDAyfwzKyLy3Pqlnt#s@^)
zPef}a!y@n?5sg<DGE)=4TLC<QLE8|~?qIoV1xB9^hl%M&Ar8-(Z<5Mws7a_25>7J0
zxD%k6s7$gdPM^Uqg6Piz^s-I7bWv+`xzmQHnrkK+p~ih!%KaF$KjlKQ@ySYh2{7SL
zA<)SS+9GeG2B8XA@+e>QuBa?tB<4qL@In!eC3`QUbzXHm!{jjol%67pKda*Uh77`Q
zRx<Nh$&T1>QDgXK0L=;Oiv+%<Lfo4+13d&hU`u-7Su^rCR0vbd)XohCpTJC~tJ~(|
zcP0sRRZn~5JE$SNznRPwPoz4SsNL@w2tY4^ZVk!IL)GB*$mKRLzDUep1+beRV_@*D
z1CyfX*Geb_c^#*}c8&EjFunl)NCEUKmiA3abIhMng(#=Niq})efW!q1p6SDj<mm=E
zFnhkamC9qTYCOAflTD6BMEX7kt8_#^coT%18|;Cf*TNUKfo8MsQ)GxM!I%v|c-ArD
z&urUACe5+$ql)pw0H&BcE=1PDAWVn%ybY$#9X}Di<DOH=MvbD9frPNT0i5LFi|q|V
z;D`mS(RWa#xPGJJ*R0-(GmTFG_zb*d1rg6(Wk-Mds!4;W6PgpLsRUf7qDegJav762
zJlPihKU5*)wo5M~tf$sXj(EmO2Cf~DksmBJNy&=TB|~1e?*f?QL3e-4N=$psjQ#^v
zhHC~e!{l&ASjumF7(9Z2yQH+gRqg9iy|ZuA)qoNQaD9KUgr$8*wcUGi%}cSwx{HC6
z;SKK+<3D>kqW62$UsW+Jk!q2^?EpUFYDa{>NIP?AHHB5{e=C?Q-d$qd=F!71!MG7k
zk-dY5e{>eMM|;za>B&s^rK{ft;{byi9##>(sMi^wr89Ls2p7YB-Vwm*>dW<@uUgw1
z{AienuN&Oo+ZLG(B1S#U0P5y?^zc8OHRNZ4hre`^?U6gAG!9fkT5ylgwRELS)YA;m
z(%pX`BrOCGhI`l`>g=_{b77Knv7eeJcQzxeI{?gbG1c<aWLxw%sC5IFGPiG1$QFMD
zunXMd119msWLx-27yGCyPEmOnuUm78aG6V8SP(qDw>9<xYSjQ#;(GW!>nV3ndFfR{
z@X^(L;#kSVyZSF+rW*hlE;PT48U{bzbH#*JsKq@%(|gu6E{8buQp3Qs;Nf?Vp0?Oc
z%s35z8z<(wai&pix@&I+P@0@9dA>_;4#mT18TouYpXho?bC-1(F+T`kjP}NvzTDdp
zQD+ggVE{v$sFwij4p*RC8f5tE^G#AIi2>fq(LCZpzVbRI@##v787kWVniKs$BhXji
z0?hbcvORKXAwROpCmy7RS%PGP8{?=In1!7U*^fMT)fkn)U!)Q6;{c+Xhw@y5jKnMH
zrB;>!v~=|!4<<ELYKMq_-qRXAC*Q-bGNXj#ISicR@_|k*kp|Q4Ea<vo-ojHmt-}TJ
zBf8z%3|y9MkN!8R)c|Igt0rVb(-K#r3<-Dk+L5zH^YI^a_1djNnb4&~_?FA(4Yf>`
zLAM%)Gz*nxjd!L#$AsT#J}~WPLHj0KBg;?$l>CQfMN_9sA+`^tw~L%T+QT1DSZ6e3
zjkkt;*1^MHJ|O~sP1>|Hp0M&RVTa<YE`eTRB=JL3;|ws(9N0$+TjkMeU2`+=`$ic#
zZX^Mw877A^B7Gyk=j-e<VB_8Y#cCP-YQChQcp`NJ0~hMNXUu$JvLoioGTOBnK#J`5
zbwB(nt<IK_lSWh@W2Qlo`f>2^y9u2&UReLDUNoa!5t0!#3(VKrE7814h#D>00MvRA
zpd&Q*-v`*UpEGIgNWW}JSl7DcX$tr^1e`c1EOin*BFbyS(mss<of%)d_NCJoRmBo0
zCug$SQqhBZYV4bdF?+N){-NB~9#54H>Kr0@bWhtD<^DvT?__~S>BiMkW<KI)0!>i{
z(30psA0Vw87Y27H+hc8c4DK%gK2~gd1X{!E-%x)CaUZ}bW-(Cw=lLu7zgT{fA+##S
z31BA%A6sB#x3Eh5DXKjl#{>h6MgZFl9a8R4!jS&nAS3(EH>q#53!1yE4r10B>inJF
z_UIL;R0GHbyZzHzs#l4O9_y9i<3{uNv~;B|1)~^W@p2|yOE%xzYsTJnGNP75sz2Ys
z4>3;Copm<kYgeKHqtYNF4NeY@W|)23X9b-E&=m~qT<`<TUA-MKrP?=Y1nIj=tY<W;
zPNamvdlhoYx<$d|Mfkn+S(;_|{>3u;<<TB~b-D}2l|{7kG&KzFpKOcX==9;QW#*e>
z-s@?P-E1|cRYlFh*>gmfC_U2Aeyy~X3=(G#739`IRA%Wa_(Wa<P}a`Gx?{yJ$fq2T
z5yr^{tGqK7q-A7QrH0s6B8xAdxF!?Io}f}m3tSpC1kT8J!GgB%QUWEk4UTZG$|*sm
z8NiAq=`RrQQH}lG+uI(!JKqINRLITxLAoh@d=Md8I?rD@?n5TbDR?0j{0<P3VWl~w
zf+2O#WJu%uiZcL))cN-R7fbsa1+U_Q`;wLFZKiEhbw;u^axVbKGv|Ee8Wp7NaEzG0
zuACpJ6a#4Pwx(;Y(3p4WvvELF&;Tl4X`rH6A7q$U6`P85Jttcu3qZL7Cpwt4Zgtvo
z)$mdOP?9+fdQH&dg_b@W;DR#%2g&fx(dKuzZTdEVqTS5}xG0xO@3#S{s7vS*wvrOE
z7_ZKH3eEr`m;oHa>l`jaH<GKS!%&re9K+!Ko4c%o;kN-a*rBs@MO+f`?TgxDFY0J(
zeS^Ug$SI8cDW+U_8M+A~#B+7IMFrEDI@&3^zb$^kOhYAjbYKahj#55Qc>NhHft*5|
z|0N=%EXe@WAr>=!qA5P+G%q*9TRdznb5oNU^a)Mv-=JO1p}?2t7A*X!XSQw!SNfGY
zX8?uGP;OBjb;BmETV)*szYKtEoT#boRSk0B+EPEng*_0yY=TL;rhJi?u`BfVONEw^
zT)F|M+5iM77pr3=K`p^OVatb&awT>gqozbRYH_hodjP3|%=|%n(QI~M22e=w_0RwT
z$0*eicx?c2GyO45%b#q>z)j_Ru#g*+q)#&dlP?Bfxe*TT(lRpH9#is|IvgI2A;VII
z!d+*Rn=1`IMN6xMd&^z>7d!~_X$BylW`KsKHJ<k?%2)yo<5oSR;A1>D0Fta_{m+aW
z%KtFsp8<T@1WWeE073)8^M1L^C6Iy|2Jh5zFvfI@7l&eEcs(f){=;#Lj2Dva(M4|E
z{9=<sbVDTlSpqe9Zvb#G0}Msz>QM0BVOnSE)9`Et7;K2^Nk60?xO($_S^_a?7Xv7c
zjPSf)203~T7*tf)OTl)8aD5rH@egItG!5+yHgNhum#1G}W&purydV9BgzZbePOxS8
zAx-f?>ZR-|!!6yh0Wk2SQ`cv~4VX`R0D!mhr{B;-uX_{@_5g|@l@G_Y+Za4W6<vgj
z<QkuBa#YLuAEf0VB!3q^836IN{&dURc-<#E^8&4J19(EiP$nE~41OGLAF?zV>4S%q
z1e}mzIjE*SI9>vA<!yqQ>Fkz7N(E}I8VV=gOgVu|PBLNQiG|FW3HP-mQYz4F6^K@X
z`QJ+mMrOSNM#<z?+aTu#U`YA66r$uvfXxvsrvP{zuAVY7f694N^m`rpE-Dlv-`yvl
z3}D#(QZvB_vq9<4ObJCqBf0;Wcigf|s>m5&VMpxcmM%*@4~~{_#8BbUx53RN5D`1h
z{9=+1X&F%ANW>r?pu+b6|IR$4XW<Y6yXp#Ezrm2SuhWJI#?v|mRKz(zU;r+|8fJi8
zJA|a;Mu=S90}Raoj^lq;^tOfH&@!Szu|PpSfcuah0}!wmJ8gr(<K2`@5lRF}b>grc
zRUq3dT$uq#W1eia!<uFQo5agH+A-L0Z59xQA)K%O0mqiUv8@7cA95)tm|-6Upr{&J
zwT{p<11xHdF4rN!0$aLg0L1pL&KnVb(leaG2VrixL3`WBz6uhD00?9jHA3v%g-IZt
z;%u7`ViJ>xoxN1a$h_p;4B(y{bZ8&56Kb56&eZiFT<rD|DA$(2+h8<1YJ^HsxGo7n
z%-cI`W7Wbd$9|w`JOwwwQhhxE?n3$ufFwJXlqb-(ZhC=~j=U583Y}1ad;otB!s-Lo
zX8;m#Tn$pX7=|Lia5e)F-qbdl;-=qV2B_eKn9VT+9Ip<DM>=`egA)62=3`~7@Yn+p
z%m6MU3S{M#f@JZbhGtw{0*!Uj01@8PH=JMwsI?hDNG%2so?&v>Edy{SyCJEd;&Vy(
z=miSUzXz~GQk9-^OeW$^MxHVNM-5BJ5lfu9wFmG^7pR_KjWa-F*4CmNO>&KPeIzY2
z0Kv#Bv|1{`9-wwkf)xX>N3B3#3dBZb8h{|F)c^|Nmn=#>!5Wu9gJIj&(T*H+M;ySh
z0c4dU)x(=FgC&srP-*JW`52pSRLMM!AqdxI07n)oq-M#$U=v(ZWDy#*_HrqNG%ck@
zGJrLeBpFz66C8MfstOhvEi=G6#I!nFh8sZsaybQ%QpUX8fDs3=K-IJdkiyXMeAsT4
z#Z@bKXA<Tlyw=MJ&H<{(3j~`S9kdSN=p|h!6vElmLV5+G3d*Ago8YQ~2)k%##+BvI
zh9!`*8GzYoH0h>Ps5ovt!5Wu90@&GU8w7H#FuEWjN3j|N+TGJ*cn->>RudA=X8;EN
z0hbWWaGJ2N8$2Xf0##W;4B$BB78-I2Mnf?8Er)G<1R5!*3*=LYq`HE2%FVI!6$0V!
za0wxRw;i^z;|z1{HlD?z2b<ukVdizLT%e8<+KJtp0YVhA-{P#Zv#bm?><{1%@C4o|
z-j(*GfLg7>Eb}f)xIkKJvGiHi0R-m<r37}*08~PIOCqKGtmXS_i9e~!0E!63oy9C?
z>F6t9WJuQ%i1<_L3w4Si<^RD=X+$P0b<zj{EtR?c4Db^Hp+neq#e8#&)~v%V#c`Ql
zaMB2CEM=oJ86%)fNRv1&^FhvAp+CcQaa>4M;MfV<t0LQ41{4@TP0(zvQwO96IB!Yn
zD7>BD0EFb{oi-$eRN9&WwE#Px0R$O`>!{wrOxk2OM>PNgvDW}NN?s=Lv6XfVA5i9Z
zK+eAdNvy?F$1JqTZjNdI^G(Wv;c%*<Lt3uov6YmK6yP5O(qRDaE;7Sfh1WLc-)Uw9
zRnErAX10k3(kB481MZ?!2Hc1ZpOA0LCPtD4mV=dFo5yW&0n>yLHjnCsuz4!qm|;pB
z>UV`+8Y&a&)qG*#>WxjD8-Fn<eH|6S8!5X~Z2_hx`jz)bM+k(LszdqM_~j6ZCz$1b
zIcbc5FE}*-wFD}V5pzdxTkKqDrX`V5OTban_ek({J#DcEboM#5(>h!bKb7wq0$<$I
z9=lm*zb%RWPJr6oS^^2s8BRVwY#@2>jSe;zAzo!SEpVQAz(>q5`<$vx2MoWX0*)ON
zTfq6XpvZ~xhRLeR=jWjT!{DbqGk{l38f4)24%;)bhWL_`1_&Yub{l>_vW5$#n<(T~
z&c!s5p2iw-0F>(Zg4XCeaG6cZ&@(^kv_WQ^f6ColcKk<>@Uj_AY3C(|HirtR0aE!h
zfDPzb{s2$H12!=LV*FNv{P^z6Ur!xZ?uP^I&rJypj8|3Sb(3FXhs%2gW|*rc5LlA|
z(B1Ib0D8@ss*mOP=$VKvD*Lm6^4lhS;6@54Q-K+P%hHO<8cpX6dAXeOZm$gY!UMzz
z8CQ2|Xm>_)w>7<-4{}fk*nNc5J_DR`Hyg~jz{#*ScF(v6CP`lmK-%^%RfxaShDplS
z@;(@7e-0<SgA4bgfES3%n01!FZk-5V4@cwL(7ypsmOmpJK++tm^!^`r-ZUK%@3u-l
zSPS+5UXb4lL}k2$h;S+NuxwE_q7G&KF#rWKZr9Sf&EHeeOr?Az@B(eh*cJL`00J6y
zx}uvq`&9(M6vqQwpN;lYua-Zf8o(NkJPhDpP8(;!LCsy(X{CH7m;u~}3mAYbWe=bZ
zzKA+?j7#mK$(BEdhm2?dxkEA5vKdwn^fgnj=b{BtOS<_1WkLmJ02KWOj#FBNzo?X0
z=Me56@<jS;0PBAvZgeW0KE&>{&gv-kVgkD&gB>s&&T9Z*F3Jg_3fD2Qsq5Y{=tuCF
zQ4Jv37FLPK59#QH2y^0zzM|d|M8Y*4$bg}H%(;lrQDNeuqzE%2bp?Pup#^>|*&6mp
zS)`a5AQu5i*K6vh0W5w}T!@6;qI&_Q3mQ`qTAVFi>5l_+nYR1O;_6&bcO@A>Piv${
z#lh?7NNtGUeItEk!RuJKCWIO=bdNy=41n{$gp_BG<quV)lBRq5=8m5T-{r^mlh*(g
z454j}2j=#8B9+%&MndK{046OJM@ogIzUt|IGL*HKSIJL;@)|%(B7GKsLv@XbK-b)J
zDrqUEr`-U0JHo#MuuxNfAqMWqmpW-PmKSK_w3e>^V>FGY?%)AS<!<La2or)vRb!5u
z={<>XgT^5(vnGXA^Z_c;02D-{XAhOZUNm6cI@$r*;H2m)$Ug-eV7e=w=%1`{Om)Fj
zb6{@*<`uXs9c>Dam>)j*$J_vtzh>}wU1K6pV)1$8IP}I<1L$ds%m?T(U7a#;a=hF6
z_DH|W-3-D#1)3PkpeI^7(?{qUQ>~LrzZABLu-rD^bp$-{<fSyCLP+>MYp&YMX&lx|
zJM10S6LnA~Mb}=nNnB#Etup<!6f9=O+;~@daZg)#%e+sP{{t9bDWEH}HAp_$lIT~7
z6ZcCNOAV%XLTLK?e3R0sb7q(v8Vsd(BAY(OWPhH(XBVN<Bc-(Gj`WLoSKm?0xJ2g|
znP`q*YyS<Dw6SaHOw9w~oBF!vwGtd()IR3rE&58N)VlDC<+iL`dBZ}hRZ>YIqu8Us
z{rIO-?W7S<8~PmzT%+XcxrlZ)`1X|~dH#d0(IDK@+ZH`_q@|M(w(<t*tOxgCZ+lcl
zkornV)wd;QOhFAQ<7aC<-P1S$dT55(H+6FXR1vc0$gH8%=E|x)u-Q6Q#}_vV{-7nq
zxCs6!1b=JuAFA398DXnTLCw`b?W<4$6txG~z#?<}N&?N%JcivfLOe3V<V`Y(lx#ad
zCk^T11h|U?i!&Eq6<aa<heyxjrVNGd*LT`G9OFtANC%%Oc>q1_kzW9;J7IZpMpzGS
z9yHh69$84BuWE`(3K*FzGo3r+?%s$xwO_Z|x(%dH`Fk_YXc3l9cWPObWq~Zj*Hi%z
z&0{%C^raq9Z=Ed-E~hl$N~Q2R#{%)}WJhGv5M*Xr@kaWGtV!P|5C6Gdq^rsdAlVvO
zM#Puv9}dl2v)Z~V=WiZHZ+rA^mi80^ZLwJnD4RdBl+C?uu}uRWnW?2a^;2e6Gp`3w
zdvhXnp*MYv(0kdRWTtpm`eD|j3cV@xXj+C(S!_~jbJt$hNS((_DhhEY{r%PjA2OkH
zr;kT&-ogc`9{#TM%>bY8@tByHzSPqZ@%%*CQGCm^tJiHSv&LUkfedJd7|(||d+dC3
z+!mQ>IYS_877IQBOfvwCD<DW40IX!9>!~q3ulF+ALIQJNlN%=(>V!V0@9GCO2&eY8
zMep;nQ^x^b>kmkTa+B%b(G$G_TOL_<mXOIJ-n3?;JCtNYm@|g!!F0CDxDwfjAq`(6
zTd6U#j>*ode~*ogPd#=aDP`>~nEaiU<HLht_23-_f3aB5QOVYb(y8?XEfJ2*T~-IN
zzRaM_SjJMGm^8<@S}UqvnPR4PZV>b+gH@?p-%$scHsqm;+GDPkM%sXuw|3GFcM(X<
z0&cJy36YF<T4%b{e%&%Hk!lGEJX<Lb|Aqrh0eW0l&ACEoi*Z-FkQvdWitX(Mw_x0~
znj>>m(!Ohb)C0NAuBGC7uBqVt(z2{X{5dl^YG}3&v?h5dt7RdR`a&hPB$uJa;>;d1
z{FYmN)H3mFR&T|b#@hfKkBWz1YmoLKBRN8Jp>^ZhV}}1qf>eN$YtfiYXl5Z_iYNNN
zQL5-xz0=&4p2?ZU7pvppSI|Bg5qeZh?YU8K<pFBxOq~Y8uUzpA4I@|3L(n<uV9w2c
zYU8cna6Le(cuCd0G#L2(_z96?NAqGi!L^&w+|~beV!Fxw8?Lg)sB5*1%nSAgBYY2?
zso6yMfg5Kv9&_K0dq+;yoj>5}!x`^NeTy02hc~=Qj4OLOqJ^@_>VlTUx_yDre*;`I
z`O{4JWwJH$C7tpqu1|;Ygw@L6E_gUy8j`=g(2TiSVZ2f~*tB*x4DJTwbhnqFKJne&
z_NXo;YH!wq@q~3bgO$t8D_G?)3-Hwo+oPUT8u6RvZfiFoc@6{TY1HefNC<RAPkZD$
zdfM^`<+WkZjb6W%7<dLGu1>Z#{mu{NF}G1gsfp-PVw_UJK7HLNWv=sk+G9U)+K{In
z0d<<o#JBqNMZHOcTSB(Hee?9oYD48rtXX9pN2H=QNeLCyBQ`Nkce>~E+$E-@Oo;d%
zo!T-bqBLk80r71z7X96#IpjtaM*T3;v@WYzGMx$HQ}yTQRwaW>Vpg&(Ty};c`RAc9
z9`-Qddo+~F!xIF0(3XRbsGMh15K4Z0&={CbERP;KymBEox9aJKz-N0~qh*y<^6gNh
z*<80Bk#Vn!Ij5zf!iH5WQ!j`YW(>Rc`76hL=;Z)ZO#XP0`Xq=B7EDJnSm|#@y&OZ8
zvXZ5JNYWhpN~s_8^;A%$K8D}3t_9(u3Ou1?fL~{#mju&ml6VQR{rYM-W~tKyH<fVy
z&THvi48k4^xfhZ64=^7H!U1J#`UJdd5XBd?MU;+G(Nx4k*W8slnV5g3bb?U%sF~se
z5I!KL6_WUU!T3P(P-$5~>jXHLgaXM*!f_l(#j@o7wuu0C0kEqsg}s1Hc(XyuX{9(h
zD#8F1Q_b{VLP(_mG1c#}1XMLIHOPS(^UbYR7jtpNoD?oH!*A}mcVrq7l-fiP?;lVu
zpUhCxV>7Q~B@tOYGr(|Ky890V)6c-UHE}>d8PKEYN#PR<Nv~JT3^1JD*4PUTc4RWG
z-yG`};0mY<_?V{mt=kL9FIMCXFr4XK)*e~rc?2Bi_gHEX2A-ky%GX<{Le~Ne+?;HW
zUQkstz;KjXE7=~MC7C`8LZA$xkG~S*)MR^f#*TYOl=S4is6hz$MoVXZBG2!u2jxG1
zcS-7OfRqGFpbS?YD!;ZfJt^|z;p^kvsk5*iC*Tm&AZj_?(-ys<stsUxFxa{^sdK?}
zIRiWUJ)SDzeI}YW&|v*w@#PcOj4F_o3C{=PQ>Z<dKwlmbTdr;c*u)T4r_N!}#jeV+
zR5vPL`nzcvxpi}`)sdJow{KF&7Ckk3KeI{=d$=HQRU5!YOcpIh>Nqf6q_ci)mGdHj
zzHdzm|GLyFjBzu)CkxqAMERy_BrQNkEo_fGQ#%GQjA>@y0W8EhjGV};Yx+c$h>{fq
z<5$G;7N;qp)6BjDq!8*MnSh#u*9wV4)jg^?1K1>KWQ{coj4u&zL=C42+6?pv(5;pX
z|E8E_PO-$htvJhEH6Ygog?-?CL*T%gHGs`Gcaed}@k~4$z>&i$Dpo541bT`gA7CjT
zN}6NecdMg#SO0O$bbn2zTN3W93j-L=WRs&2qklR}F%v{H0p1tY!Cx8NL!c+n6nShU
zjeoa@C#<s=tmG7H?Ri;NYkyG5%rN`5&ytv`Bo~JwQ72cx455MnUj?IwfQ2EJ3;oVx
zZs|&0494}SDR^z&8^B1_X9h617a8_`Lh^nrXdg)I0mAO()-2A$YJiplyaeD^iRqQB
zFkT7UjZ5d7v_7Yxf@taNzZ#S)PgN5rN&mnAN<f9!_FH|s3xu|j#9OoEt%ab8Qm#)>
zC!mpua$&f{yoLcOh*qor0rM&eT1%kiQql^HYg%443Hh7W5c>(h=b{sD$JPJ<0y;@V
zK~(xl5oB{<00Cu$qgZzXP({qE*Ii6Fv8OFEKQMrRlF1d+6RC$)SzA;e?@9168%i(*
z1`tpdInDk7>kmUtgKFU|DaDa0`><-lp#v(D-pgoRgUlWUU<s-L#tSU%sly+BMKA*d
zIAVHtY8P9gXGrOyB2kLrwv3$goJngp|6O1J0lJj_77WS0R2GCg)7wSP9xWg+Fn|Cp
z#1pA03_Jy33@QWy=Jm+P#V|?cxh5b$5Am+_XPM<A6%csH#GL5qh!rf}9vDD?R^pwh
z)0uFGj}8_a;PZRiW49D@abN%eZWTjO1rog`#muKBJ7T{r_5*<%G(bB&?XjB~+zoG8
zDS(-!Jp77a1_*GCcp`NJ0~f-5mPu(Gwa9EL`Aj010Rmhj=YauK+>nd#YlgtIavpv~
zU;qK`VUk=eBWLE4c-(;TY$jw+U(gzTr`#rjB~XAjS$JgqZYb$U7Z1rXk<U8~DGz3V
z0M}88`XSDqK;YN)w8*zL$jEFR`4qtn5a1b8%+$^yk&7GJt=u-4ac#0As%l7RAuxad
zPnq78{;174(XH)D{HRUf3zdsi=Xe4G2=JWdME_?9^mGYvLxW(P)!PyMU)^H~3?RT4
zn!BvSi22bX;)eQ|#B3+Uu=5dYf&+XZ*%o=47^km~-N~E2INhy>UlABUfN%74MDJ(f
zZ?4Z-*%Str8br+-a(CS#Fn|E~NwO{WLuQ^ujHHr$1h5>8n;PZ7L8TVGE{FdIGs3)4
Tn0K@=00000NkvXXu0mjflooUy

literal 0
HcmV?d00001

diff --git a/frontend/icon-512.png b/frontend/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..f37ebb7d89c284dab2d3dde875d4d13b42c9214b
GIT binary patch
literal 25048
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
AGXMYp

literal 0
HcmV?d00001

diff --git a/frontend/index.html b/frontend/index.html
new file mode 100644
index 0000000..a9ea738
--- /dev/null
+++ b/frontend/index.html
@@ -0,0 +1,1451 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>SIMtrace Analyser</title>
+<link rel="manifest" href="manifest.json">
+<link rel="icon" type="image/svg+xml" href="sim-analyser.svg">
+<link rel="icon" type="image/png" href="favicon.png">
+<meta name="theme-color" content="#0f172a">
+<style>
+:root, [data-theme="dark"] {
+    --bg: #0f172a;
+    --bg-panel: #1e293b;
+    --bg-input: #334155;
+    --border: #475569;
+    --text: #e2e8f0;
+    --text-muted: #94a3b8;
+    --text-dim: #cbd5e1;
+    --text-faint: #cbd5e1;
+    --accent: #3b82f6;
+    --accent-hover: #2563eb;
+    --accent-bg: #14532d;
+    --warn-bg: #7f1d1d;
+    --warn: #facc15;
+    --warn-hover: #eab308;
+    --error: #f87171;
+    --code-bg: #1e293b;
+    --scrollbar-track: #0f172a;
+    --scrollbar-thumb: #334155;
+    --modal-bg: rgba(0,0,0,0.6);
+    --green: #22c55e;
+    --yellow: #facc15;
+    --link: #94a3b8;
+    --link-hover: #e2e8f0;
+}
+[data-theme="light"] {
+    --bg: #fafafa;
+    --bg-panel: #e5e7eb;
+    --bg-input: #ffffff;
+    --border: #d1d5db;
+    --text: #1f2937;
+    --text-muted: #6b7280;
+    --text-dim: #4b5563;
+    --text-faint: #374151;
+    --accent: #2563eb;
+    --accent-hover: #1d4ed8;
+    --accent-bg: #dcfce7;
+    --warn-bg: #fee2e2;
+    --warn: #f59e0b;
+    --warn-hover: #d97706;
+    --error: #dc2626;
+    --code-bg: #f3f4f6;
+    --scrollbar-track: #fafafa;
+    --scrollbar-thumb: #d1d5db;
+    --modal-bg: rgba(0,0,0,0.4);
+    --green: #16a34a;
+    --yellow: #ca8a04;
+    --link: #6b7280;
+    --link-hover: #1f2937;
+}
+
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body { font: 14px/1.5 system-ui, sans-serif; background: var(--bg); color: var(--text); display: flex; flex-direction: column; height: 100vh; overflow: hidden; }
+
+/* Header */
+.header { display: flex; background: var(--bg-panel); border-bottom: 1px solid var(--border); }
+.header-tabs { display: flex; gap: 4px; padding: 8px 16px 0 16px; align-items: flex-end; }
+.header-tab { padding: 6px 16px; cursor: pointer; color: var(--text-muted); background: var(--bg-input); border-radius: 6px 6px 0 0; font-size: 14px; }
+.header-tab:hover { background: var(--border); }
+.header-tab.active { background: var(--accent); color: #fff; }
+.header-title { margin: 0 auto; display: flex; align-items: center; gap: 6px; color: var(--text); font-weight: 600; font-size: 14px; white-space: nowrap; }
+.header-title .pwa-version { color: var(--text-muted); font-size: 11px; font-weight: 400; }
+.header-title a { color: var(--accent); text-decoration: none; }
+.header-title a:hover { text-decoration: underline; }
+.header-right { margin-left: auto; display: flex; align-items: center; gap: 12px; padding: 8px 16px; }
+.header-right a { color: var(--link); text-decoration: none; font-size: 13px; }
+.header-right a:hover { color: var(--link-hover); }
+.header-right button { padding: 4px 10px; font-size: 14px; cursor: pointer; background: var(--bg-input); border: 1px solid var(--border); border-radius: 4px; color: var(--text); }
+.header-right button:hover { background: var(--accent); color: #fff; }
+
+/* Panels */
+.panel { flex: 1; display: none; flex-direction: column; overflow: hidden; }
+.panel.active { display: flex; }
+
+/* Trace view */
+.trace-topbar { display: flex; gap: 12px; padding: 12px 16px; background: var(--bg-panel); align-items: center; flex-shrink: 0; }
+.trace-topbar input { flex: 1; padding: 8px 12px; background: var(--bg-input); border: 1px solid var(--border); border-radius: 4px; color: var(--text); }
+.trace-topbar input::placeholder { color: var(--text-muted); }
+.trace-topbar select { padding: 8px 12px; background: var(--bg-input); border: 1px solid var(--border); border-radius: 4px; color: var(--text); }
+.trace-topbar button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; }
+.trace-topbar button:hover { background: var(--accent-hover); }
+.trace-topbar button.stop { background: var(--bg-input); }
+.trace-topbar button.stop:hover { background: var(--bg-panel); }
+.trace-topbar button.connect { background: var(--warn); color: #0f172a; }
+.trace-topbar button.connect:hover { background: var(--warn-hover); }
+.trace-main { display: flex; flex: 1; overflow: hidden; }
+.trace-left { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
+
+/* APDU list */
+.apdu-list { flex: 1; overflow-y: auto; padding: 8px; }
+.apdu-entry { display: flex; gap: 12px; padding: 3px 12px; border-bottom: 1px solid var(--bg-panel); cursor: pointer; align-items: baseline; }
+.apdu-entry:hover { background: var(--bg-panel); }
+.apdu-entry.selected { background: var(--bg-input); }
+.apdu-time { color: var(--text-muted); font-family: monospace; white-space: nowrap; min-width: 80px; }
+.apdu-type { color: var(--text); font-weight: 600; min-width: 150px; }
+.apdu-type.atr { color: var(--green); }
+.apdu-type.pps { color: var(--yellow); }
+.apdu-data { font-family: monospace; color: var(--text-dim); word-break: break-all; flex: 1; }
+
+/* APDU detail panel */
+.apdu-detail { display: flex; flex-direction: column; max-height: 40%; overflow-y: auto; border-top: 2px solid var(--accent); background: var(--bg-panel); flex-shrink: 0; }
+.apdu-detail .detail-empty { padding: 24px; color: var(--text-muted); text-align: center; }
+.detail-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: var(--bg-input); border-bottom: 1px solid var(--border); }
+.detail-header strong { font-size: 13px; }
+.detail-body { padding: 8px 12px; font-family: monospace; font-size: 12px; line-height: 1.6; }
+.detail-body table { width: 100%; border-collapse: collapse; }
+.detail-body td { padding: 1px 8px; vertical-align: top; }
+.detail-body td.label { color: var(--text-muted); white-space: nowrap; width: 80px; }
+.detail-body td.value { color: var(--text); }
+.detail-body td.hex { color: var(--text-dim); word-break: break-all; }
+.detail-body td.name { color: var(--accent); font-weight: 600; }
+
+/* Side panel */
+.side-panel { width: 260px; background: var(--bg-panel); padding: 12px; overflow-y: auto; flex-shrink: 0; border-left: 1px solid var(--bg-input); }
+.side-panel h3 { color: var(--accent); margin-bottom: 8px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
+.side-item { display: flex; justify-content: space-between; padding: 3px 8px; cursor: pointer; border-radius: 4px; font-size: 13px; }
+.side-item:hover { background: var(--bg-input); }
+.side-item .count { color: var(--accent); font-weight: 600; }
+
+/* Status bar */
+.status-bar { display: flex; padding: 8px 16px; background: var(--bg-panel); border-top: 1px solid var(--bg-input); font-size: 13px; gap: 16px; flex-shrink: 0; }
+.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
+.status-dot.live { background: var(--green); }
+.status-dot.paused { background: var(--yellow); }
+.status-dot.off { background: var(--text-muted); }
+
+/* Sessions */
+.sessions-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; padding: 16px; overflow-y: auto; }
+.sessions-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px 0; gap: 12px; }
+.sessions-header .sessions-stats { color: var(--text-muted); font-size: 13px; }
+.sessions-header .import-msg { margin-left: auto; font-size: 13px; color: var(--text-muted); }
+.sessions-header .import-msg.error { color: var(--error); }
+.sessions-header button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; }
+.sessions-header button:hover { background: var(--accent-hover); }
+.session-card { background: var(--bg-panel); border-radius: 8px; padding: 16px; cursor: pointer; border: 1px solid var(--bg-input); }
+.session-card:hover { border-color: var(--accent); }
+.session-name { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.session-name input { flex: 1; padding: 4px 8px; background: var(--bg-input); border: 1px solid var(--border); color: var(--text); border-radius: 4px; font-size: 14px; }
+.session-name input:focus { border-color: var(--accent); outline: none; }
+.session-name .edit-hint { color: var(--text-muted); font-size: 12px; }
+.session-meta { display: flex; gap: 16px; color: var(--text-muted); font-size: 12px; }
+.session-meta span { display: flex; align-items: center; gap: 4px; }
+.session-actions { display: flex; gap: 8px; margin-top: 12px; align-items: center; }
+.session-download { padding: 4px 12px; background: none; border: 1px solid var(--text-muted); color: var(--text-muted); border-radius: 4px; cursor: pointer; text-decoration: none; font-size: 13px; display: inline-block; }
+.session-download:hover { border-color: var(--accent); color: var(--accent); }
+.session-delete { padding: 4px 12px; background: none; border: 1px solid var(--accent); color: var(--accent); border-radius: 4px; cursor: pointer; font-size: 13px; }
+.session-delete:hover { background: var(--accent); color: #fff; }
+
+/* Settings */
+.settings-view { padding: 24px; max-width: 600px; }
+.settings-view label { display: block; margin-bottom: 6px; color: var(--text-muted); }
+.settings-view input { width: 100%; padding: 8px 12px; background: var(--bg-input); border: 1px solid var(--border); color: var(--text); border-radius: 4px; }
+.settings-view input::placeholder { color: var(--text-muted); }
+.settings-url-row { display: flex; gap: 8px; margin-bottom: 16px; }
+.settings-url-row input { flex: 1; margin-bottom: 0; }
+.settings-url-row button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; white-space: nowrap; }
+.settings-url-row button:hover { background: var(--accent-hover); }
+.settings-url-row button.disconnected { background: var(--bg-input); }
+.settings-view .conn-status { padding: 12px; border-radius: 4px; margin-bottom: 12px; }
+.settings-view .conn-status.connected { background: var(--accent-bg); color: var(--green); }
+.settings-view .conn-status.disconnected { background: var(--warn-bg); color: var(--error); }
+.conn-hint { font-size: 12px; color: var(--text-muted); margin: 8px 0 0; line-height: 1.5; }
+.version-warn { font-size: 12px; color: var(--warn); margin: 8px 0 0; line-height: 1.5; }
+.version-warn:empty { display: none; }
+.conn-instructions { margin-top: 16px; font-size: 13px; color: var(--text-faint); line-height: 1.7; }
+.conn-instructions h3 { color: var(--accent); margin-bottom: 8px; font-size: 14px; }
+.conn-instructions ol { padding-left: 20px; }
+.conn-instructions li { margin-bottom: 8px; }
+.conn-instructions code { background: var(--code-bg); padding: 2px 6px; border-radius: 3px; font-size: 12px; }
+.conn-instructions p { margin-top: 12px; }
+
+/* Empty state */
+.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--text-muted); gap: 16px; }
+.empty-state button { padding: 12px 24px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }
+
+/* Modal */
+.modal-overlay { display: none; position: fixed; inset: 0; background: var(--modal-bg); z-index: 100; align-items: center; justify-content: center; }
+.modal-overlay.show { display: flex; }
+.modal { background: var(--bg-panel); border-radius: 8px; padding: 24px; max-width: 400px; width: 90%; }
+.modal h3 { margin-bottom: 12px; color: var(--accent); }
+.modal p { color: var(--text-faint); margin-bottom: 16px; }
+.modal-buttons { display: flex; gap: 8px; justify-content: flex-end; }
+.modal-buttons button { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; }
+.modal-buttons .confirm { background: var(--accent); color: #fff; }
+.modal-buttons .cancel { background: var(--bg-input); color: var(--text-faint); }
+
+/* Scrollbar */
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-track { background: var(--scrollbar-track); }
+::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }
+</style>
+</head>
+<body>
+
+<div class="header">
+    <div class="header-tabs">
+        <div class="header-tab active" data-tab="trace" data-l10n="Trace">Trace</div>
+        <div class="header-tab" data-tab="sessions" data-l10n="Sessions">Sessions</div>
+        <div class="header-tab" data-tab="settings" data-l10n="Settings">Settings</div>
+    </div>
+    <div class="header-title">SIM-ME <a href="https://osmocom.org/projects/baseband/wiki/GSMTAP" target="_blank" rel="noopener">GSMTAP</a> <span data-l10n="trace analyser">trace analyser</span> <span class="pwa-version" id="pwa-version"></span></div>
+    <div class="header-right">
+        <button id="install-btn" data-l10n="Install PWA">Install PWA</button>
+        <a href="https://github.com/anttro/simtrace2-pysniff" target="_blank" rel="noopener">GitHub</a>
+        <button id="lang-btn" onclick="toggleLang()" title="Language / Язык">EN</button>
+        <button id="theme-btn" onclick="toggleTheme()">☀️</button>
+    </div>
+</div><!-- Trace Panel -->
+<div class="panel active" id="panel-trace">
+    <div class="trace-topbar">
+        <input type="text" id="search-input" data-l10n="Search hex bytes..." placeholder="Search hex bytes..." autocomplete="off">
+        <select id="filter-select">
+            <option value="" data-l10n="All commands">All commands</option>
+        </select>
+        <button id="capture-btn" data-l10n="Start Capture">Start Capture</button>
+        <span id="session-name-display" style="display:none; color:var(--text-muted); font-size:15px;"></span>
+    </div>
+    <div class="trace-main">
+        <div class="trace-left">
+            <div class="apdu-list" id="apdu-list"></div>
+            <div class="apdu-detail" id="apdu-detail">
+                <div class="detail-empty" data-l10n="Click an APDU to see details">Click an APDU to see details</div>
+            </div>
+        </div>
+        <div class="side-panel" id="side-panel">
+            <h3 data-l10n="Command Stats">Command Stats</h3>
+            <div id="type-counts">—</div>
+        </div>
+    </div>
+    <div class="status-bar">
+        <span><span class="status-dot off" id="status-dot"></span><span id="status-text" data-l10n="Not connected">Not connected</span></span>
+        <span id="msg-count" style="color:var(--text-muted);">0 messages</span>
+    </div>
+</div>
+
+<!-- Sessions Panel -->
+<div class="panel" id="panel-sessions">
+    <div class="sessions-header">
+        <span class="sessions-stats" id="sessions-stats"></span>
+        <span class="import-msg" id="import-msg"></span>
+        <button id="import-pcap-btn" data-l10n="Import PCAP">Import PCAP</button>
+        <button id="new-capture-btn" data-l10n="New capture">New capture</button>
+        <input type="file" id="import-pcap-file" accept=".pcap,.pcapng,.cap" style="display:none;">
+    </div>
+    <div class="sessions-grid" id="sessions-grid">
+        <div class="empty-state" style="height:auto; padding:40px;">
+            <p data-l10n="No saved sessions">No saved sessions</p>
+            <p style="font-size:12px;" data-l10n="Start a capture from the Trace tab to create sessions.">Start a capture from the Trace tab to create sessions.</p>
+        </div>
+    </div>
+</div>
+
+<!-- Settings Panel -->
+<div class="panel" id="panel-settings">
+    <div class="settings-view">
+        <label for="server-url" data-l10n="Server URL">Server URL</label>
+        <div class="settings-url-row">
+            <input type="text" id="server-url" value="http://127.0.0.1:8081" placeholder="http://127.0.0.1:8081">
+            <button id="connect-btn" data-l10n="Connect">Connect</button>
+        </div>
+        <div class="conn-status disconnected" id="conn-status">
+            ⬤ Not connected — ensure the server is running on the URL above
+        </div>
+        <div class="version-warn" id="version-warn"></div>
+        <div class="conn-hint" id="conn-hint"></div>
+        <div class="conn-instructions" id="conn-instructions"></div>
+    </div>
+</div>
+
+<!-- Delete confirmation modal -->
+<div class="modal-overlay" id="delete-modal">
+    <div class="modal">
+        <h3 data-l10n="Delete Session">Delete Session</h3>
+        <p><span data-l10n="Delete">Delete</span> <strong id="delete-session-name"></strong> <span data-l10n="and all its APDU data? This cannot be undone.">and all its APDU data? This cannot be undone.</span></p>
+        <div class="modal-buttons">
+            <button class="cancel" id="delete-cancel" data-l10n="Cancel">Cancel</button>
+            <button class="confirm" id="delete-confirm" data-l10n="Delete">Delete</button>
+        </div>
+    </div>
+</div>
+
+<script>
+// ──────────────────── Service worker ────────────────────
+if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('sw.js').then(reg => {
+        console.log('SW registered, scope:', reg.scope);
+    }).catch(err => {
+        console.error('SW registration failed:', err);
+    });
+}
+
+// ──────────────────── State ────────────────────
+const STATE = {
+    serverUrl: window.SIMTRACE_EMBEDDED ? '' : (localStorage.getItem('serverUrl') || 'http://127.0.0.1:8081'),
+    activeTab: 'trace',
+    captureActive: false,
+    currentSessionId: null,
+    currentSessionName: null,
+    sessionViewId: null,
+    livePoller: null,
+    messages: [],
+    typeCounts: [],
+    pendingDeleteId: null,
+    serverAvailable: false,
+};
+
+const API_BASE = () => STATE.serverUrl;
+
+const INS_NAMES = {
+    'a4': 'SELECT', 'a0': 'SELECT', '70': 'MANAGE CHANNEL',
+    'b0': 'READ BINARY', 'b1': 'READ RECORD',
+    'd6': 'UPDATE BINARY', 'dc': 'UPDATE RECORD',
+    'c0': 'GET RESPONSE', 'c2': 'ENVELOPE',
+    '20': 'VERIFY', '21': 'VERIFY',
+    '88': 'AUTHENTICATE', '89': 'AUTHENTICATE',
+    '82': 'EXTERNAL AUTHENTICATE',
+    '84': 'GET CHALLENGE',
+    'f2': 'STATUS',
+    '14': 'TERMINAL RESPONSE',
+    '12': 'FETCH',
+    'e2': 'APPEND RECORD',
+    '32': 'INCREASE',
+    '04': 'DEACTIVATE FILE',
+    '44': 'ACTIVATE FILE',
+};
+
+// ──────────────────── UI Helpers ────────────────────
+function ins_label(msg) {
+    if (msg.decoded && msg.decoded.cat_command) return msg.decoded.cat_command;
+    if (msg.decoded && msg.decoded.ins_name) return msg.decoded.ins_name;
+    if (msg.type === 'atr') return 'ATR';
+    if (msg.type === 'pps') return 'PPS';
+    if (msg.type === 'change') return 'STATE CHANGE';
+    if (msg.type === 'fidi') return 'FIDI';
+    const d = msg.data;
+    if (d && d.length >= 2) {
+        const ins = d.slice(2, 4);
+        return INS_NAMES[ins.toLowerCase()] || '0x' + ins.toUpperCase();
+    }
+    return 'TPDU';
+}
+
+function _fallback_label(msg) {
+    if (msg.type === 'atr') return 'ATR';
+    if (msg.type === 'pps') return 'PPS';
+    if (msg.type === 'change') return 'STATE CHANGE';
+    if (msg.type === 'fidi') return 'FIDI';
+    const data = msg.data;
+    if (data && data.length >= 2) {
+        const ins = data.slice(2, 4);
+        return INS_NAMES[ins.toLowerCase()] || '0x' + ins.toUpperCase();
+    }
+    return 'TPDU';
+}
+
+function stat_label(msg) {
+    const d = msg.decoded;
+    if (d) {
+        if (d.ins_name === 'ENVELOPE') return 'ENVELOPE';
+        if (d.cat_command) {
+            if (d.cat_command.startsWith('PROVIDE LOCAL INFORMATION')) return 'PROVIDE LOCAL INFORMATION';
+            return d.cat_command;
+        }
+        if (d.ins_name) return d.ins_name;
+    }
+    return _fallback_label(msg);
+}
+
+function filter_label(msg) {
+    const d = msg.decoded;
+    if (d) {
+        if (d.ins_name === 'ENVELOPE') return 'ENVELOPE';
+        if (d.ins_name === 'FETCH' || d.ins_name === 'TERMINAL RESPONSE') return 'FETCH: ANY PROACTIVE';
+        if (d.ins_name) return d.ins_name;
+    }
+    return _fallback_label(msg);
+}
+
+function fmt_elapsed(e) {
+    const s = Math.floor(e);
+    const ms = Math.round((e - s) * 1000);
+    return `${String(s).padStart(4, '0')}.${String(ms).padStart(3, '0')}`;
+}
+
+function fmt_data(hex, limit) {
+    limit = limit || 32;
+    const pairs = (hex || '').match(/.{1,2}/g) || [];
+    const shown = pairs.slice(0, limit);
+    let s = shown.join(' ');
+    if (pairs.length > limit) s += ' ...';
+    return s.toUpperCase();
+}
+
+function hx(n, len) {
+    len = len || 2;
+    return n.toString(16).toUpperCase().padStart(len, '0');
+}
+
+function fmtSize(bytes) {
+    if (bytes == null) return '?';
+    if (bytes < 1024) return bytes + ' B';
+    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+    if (bytes < 1024 * 1024 * 1024) return (bytes / 1024 / 1024).toFixed(1) + ' MB';
+    return (bytes / 1024 / 1024 / 1024).toFixed(2) + ' GB';
+}
+
+function data_text(m) {
+    if (m.type === 'change' && m.decoded && Array.isArray(m.decoded.flags)) {
+        return m.decoded.flags.join(', ');
+    }
+    return fmt_data(m.data);
+}
+
+// ──────────────────── API ────────────────────
+const API = {
+    async _fetch(method, path, body) {
+        const opts = { method, headers: {} };
+        if (body) {
+            opts.headers['Content-Type'] = 'application/json';
+            opts.body = JSON.stringify(body);
+        }
+        try {
+            const res = await fetch(API_BASE() + path, opts);
+            return await res.json();
+        } catch (e) {
+            STATE.serverAvailable = false;
+            updateCaptureButton();
+            throw e;
+        }
+    },
+    status()        { return this._fetch('GET', '/api/status'); },
+    listSessions()  { return this._fetch('GET', '/api/sessions'); },
+    getSession(id, offset)  { return this._fetch('GET', `/api/sessions/${id}?offset=${offset || 0}&limit=500`); },
+    renameSession(id, name) { return this._fetch('PATCH', `/api/sessions/${id}/name`, { name }); },
+    deleteSession(id)       { return this._fetch('DELETE', `/api/sessions/${id}`); },
+    startCapture()          { return this._fetch('POST', '/api/capture/start'); },
+    stopCapture()           { return this._fetch('POST', '/api/capture/stop'); },
+    getLatest(after)        { return this._fetch('GET', `/api/capture/latest?after=${after}`); },
+    searchMessages(sessionId, query) { return this._fetch('GET', `/api/apdu/search?session_id=${sessionId}&q=${encodeURIComponent(query)}`); },
+    filterMessages(sessionId, type) { return this._fetch('GET', `/api/apdu/filter?session_id=${sessionId}&type=${type}`); },
+    async importPcap(name, bytes) {
+        const res = await fetch(API_BASE() + '/api/sessions/import?name=' + encodeURIComponent(name), {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/octet-stream' },
+            body: bytes,
+        });
+        const data = await res.json();
+        if (!res.ok) throw Object.assign(new Error(data.error || 'Import failed'), { status: res.status });
+        return data;
+    },
+};
+
+// ──────────────────── UI Helpers ────────────────────
+function el(id) { return document.getElementById(id); }
+function $on(id, ev, fn) { el(id).addEventListener(ev, fn); }
+
+function responseRows(resp) {
+    if (!resp) return '';
+    const rows = [];
+    const fd = resp.file_descriptor;
+    if (fd) {
+        rows.push(['File type', fd.file_type]);
+        if (fd.structure) rows.push(['Structure', fd.structure]);
+        rows.push(['Shareable', fd.shareable]);
+        if (fd.data_coding) rows.push(['Data coding', fd.data_coding]);
+        if (fd.record_length != null) rows.push(['Record length', fd.record_length]);
+        if (fd.num_records != null) rows.push(['Records', fd.num_records]);
+    }
+    if (resp.file_id) rows.push(['File ID', resp.file_id + (resp.file_id_name ? ' (' + resp.file_id_name + ')' : '')]);
+    if (resp.df_name) rows.push(['DF name', resp.df_name]);
+    if (resp.sfi) rows.push(['SFI', resp.sfi]);
+    if (resp.life_cycle) rows.push(['Life cycle', resp.life_cycle]);
+    if (resp.short_ef_id) rows.push(['Short EF ID', resp.short_ef_id]);
+
+    if (resp.type === 'GSM' || resp.type === '3G') {
+        rows.push(['Auth', resp.type + (resp.status ? ' (' + resp.status + ')' : '')]);
+        if (resp.sres) rows.push(['SRES', resp.sres]);
+        if (resp.res) rows.push(['RES', resp.res]);
+        if (resp.ck) rows.push(['CK', resp.ck]);
+        if (resp.ik) rows.push(['IK', resp.ik]);
+        if (resp.kc) rows.push(['Kc', resp.kc]);
+        if (resp.auts) rows.push(['AUTS', resp.auts]);
+    }
+
+    if (resp.code !== undefined) {
+        rows.push(['Result', resp.code + (resp.name ? ' — ' + resp.name : '')]);
+    }
+    if (resp.duration !== undefined) {
+        rows.push(['Duration', resp.duration + ' s']);
+    }
+    if (resp.item_identifier !== undefined) {
+        rows.push(['Item', resp.item_identifier]);
+    }
+    if (resp.local_info) {
+        for (const [k, v] of Object.entries(resp.local_info)) {
+            rows.push([k, v]);
+        }
+    }
+
+    if (!rows.length) return '';
+    return `<tr><td class="label" colspan="2" style="padding-top:6px; border-top:1px solid var(--border);">Response</td></tr>` +
+        rows.map(([l, v]) => `<tr><td class="label">${l}</td><td class="value">${v}</td></tr>`).join('');
+}
+
+function cmdRows(cmd) {
+    if (!cmd) return '';
+    const rows = [];
+
+    // AUTHENTICATE command body
+    if (cmd.context !== undefined) {
+        rows.push(['Auth context', cmd.context]);
+        if (cmd.rand) rows.push(['RAND', cmd.rand]);
+        if (cmd.autn) rows.push(['AUTN', cmd.autn]);
+    }
+
+    // ENVELOPE fields
+    if (cmd.events) rows.push(['Event', cmd.events.join(', ')]);
+    if (cmd.location_status) rows.push(['Location status', cmd.location_status]);
+    if (cmd.location_info) rows.push(['Location info', cmd.location_info]);
+    if (cmd.smsc) rows.push(['SMSC', cmd.smsc]);
+    if (cmd.tp_da) rows.push(['TP-DA', cmd.tp_da]);
+    if (cmd.device_ids) rows.push(['Device IDs', cmd.device_ids]);
+
+    // Proactive command fields (FETCH)
+    if (cmd.title) rows.push(['Title', cmd.title]);
+    if (cmd.text !== undefined) rows.push(['Text', cmd.text]);
+    if (cmd.items) {
+        for (const it of cmd.items) {
+            rows.push(['Item ' + (it.id !== undefined ? '0x' + hx(it.id, 2) : '?'), it.text]);
+        }
+    }
+    if (cmd.duration !== undefined) rows.push(['Duration', cmd.duration + ' s']);
+    if (cmd.address) rows.push(['Address', cmd.address]);
+    if (cmd.response_length) rows.push(['Response length', cmd.response_length.min + '…' + cmd.response_length.max]);
+
+    // SM TPDU (nested in SMS-PP download / SEND SHORT MESSAGE)
+    const t = cmd.tpdu;
+    if (t) {
+        rows.push(['SMS TPDU', t.mti]);
+        if (t.oa) rows.push(['Originating addr', t.oa]);
+        if (t.da) rows.push(['Destination addr', t.da]);
+        if (t.mr !== undefined) rows.push(['Message ref', '0x' + hx(t.mr, 2)]);
+        if (t.pid !== undefined) rows.push(['PID', '0x' + hx(t.pid, 2) + (t.pid_name ? ' — ' + t.pid_name : '')]);
+        if (t.dcs !== undefined) rows.push(['DCS', '0x' + hx(t.dcs, 2) + ' — ' + t.encoding + (t.msg_class ? ' (class ' + t.msg_class + ')' : '')]);
+        if (t.text !== undefined) rows.push(['Text', t.text]);
+        if (t.payload) rows.push(['Payload', t.payload]);
+        if (t.udh) rows.push(['UDH', t.udh]);
+    }
+
+    if (!rows.length) return '';
+    return `<tr><td class="label" colspan="2" style="padding-top:6px; border-top:1px solid var(--border);">Command</td></tr>` +
+        rows.map(([l, v]) => `<tr><td class="label">${l}</td><td class="value">${v}</td></tr>`).join('');
+}
+
+function showDetail(msg, entry) {
+    // Highlight clicked entry
+    document.querySelectorAll('.apdu-entry.selected').forEach(e => e.classList.remove('selected'));
+    if (entry) entry.classList.add('selected');
+
+    const d = el('apdu-detail');
+    const decoded = msg.decoded;
+
+    if (!decoded) {
+        d.innerHTML = `<div class="detail-header"><strong>${ins_label(msg)}</strong><span style="color:var(--text-muted)">${fmt_elapsed(msg.elapsed)}</span></div>
+            <div class="detail-body" style="color:var(--text-muted);">No decoded data available for this message type.</div>`;
+        return;
+    }
+
+    if (decoded.type === 'change') {
+        d.innerHTML = `<div class="detail-header"><strong>State Change</strong><span style="color:var(--text-muted)">${fmt_elapsed(msg.elapsed)}</span></div>
+            <div class="detail-body">
+                <table>
+                    <tr><td class="label">Flags</td><td class="value">${decoded.flags.join(', ') || 'no changes'}</td></tr>
+                </table>
+            </div>`;
+        return;
+    }
+
+    if (decoded.type === 'fidi') {
+        d.innerHTML = `<div class="detail-header"><strong>Fi/Di Change</strong><span style="color:var(--text-muted)">${fmt_elapsed(msg.elapsed)}</span></div>
+            <div class="detail-body">
+                <table>
+                    <tr><td class="label">Fi</td><td class="value">${decoded.fi_val} (index ${decoded.fi})</td></tr>
+                    <tr><td class="label">Di</td><td class="value">${decoded.di_val} (index ${decoded.di})</td></tr>
+                    <tr><td class="label">Raw</td><td class="hex">0x${(decoded.fidi || '').toUpperCase()}</td></tr>
+                </table>
+            </div>`;
+        return;
+    }
+
+    if (decoded.type === 'atr' || decoded.type === 'pps') {
+        d.innerHTML = `<div class="detail-header"><strong>${decoded.type.toUpperCase()}</strong><span style="color:var(--text-muted)">${fmt_elapsed(msg.elapsed)}</span></div>
+            <div class="detail-body">
+                <table>
+                    <tr><td class="label">Data</td><td class="hex">${(decoded.hex || '').toUpperCase()}</td></tr>
+                </table>
+            </div>`;
+        return;
+    }
+
+    let body = '';
+    if (decoded.body) {
+        const note = decoded.body.note ? ` <span style="color:var(--accent);">${decoded.body.note}</span>` : '';
+        body = `<tr><td class="label">${decoded.body.label || 'Body'}</td><td class="hex">${(decoded.body.hex || '').toUpperCase()}${note}</td></tr>`;
+    }
+
+    let p1p2 = '';
+    if (decoded.p1p2) {
+        p1p2 = `<tr><td class="label">P1-P2</td><td class="value">0x${hx(decoded.p1p2.value, 4)} — ${decoded.p1p2.label}: ${decoded.p1p2.value}</td></tr>`;
+    }
+    let p1 = '';
+    if (decoded.p1) {
+        const n = decoded.p1.name || (decoded.p1.label && decoded.p1.value != null ? `${decoded.p1.label}: ${decoded.p1.value}` : '');
+        p1 = `<tr><td class="label">P1</td><td class="value">0x${(decoded.p1.raw || '').toUpperCase()} — <span class="name">${n}</span></td></tr>`;
+    }
+    let p2 = '';
+    if (decoded.p2) {
+        const n = decoded.p2.name || (decoded.p2.bits ? decoded.p2.bits.join(', ') : '');
+        p2 = `<tr><td class="label">P2</td><td class="value">0x${(decoded.p2.raw || '').toUpperCase()} — <span class="name">${n}</span></td></tr>`;
+    }
+
+    let sw = '';
+    if (decoded.sw) {
+        const sn = decoded.sw.name || '';
+        sw = `<tr><td class="label">SW</td><td class="value">${(decoded.sw.sw1 || '').toUpperCase()} ${(decoded.sw.sw2 || '').toUpperCase()} <span style="color:${sn ? 'var(--accent)' : 'var(--text-muted)'}">${sn}</span></td></tr>`;
+    }
+
+    const cla = decoded.cla;
+    const claInfo = `${cla.interclass}, ch${cla.channel}, ${cla.secure_messaging}, chain: ${cla.chain}`;
+
+    const catRow = decoded.cat_command
+        ? `<tr><td class="label">CAT</td><td class="name">${decoded.cat_command}</td></tr>`
+        : '';
+
+    const respRow = decoded.response_for !== undefined
+        ? `<tr><td class="label">Response for</td><td class="name">${decoded.response_for || 'orphaned'}</td></tr>`
+        : '';
+
+    const trRow = decoded.response_to
+        ? `<tr><td class="label">Responding to</td><td class="name">${decoded.response_to}</td></tr>`
+        : '';
+
+    d.innerHTML = `<div class="detail-header">
+        <strong>${decoded.cat_command || decoded.ins_name}</strong>
+        <span style="color:var(--text-muted)">${fmt_elapsed(msg.elapsed)}</span>
+    </div>
+    <div class="detail-body">
+        <table>
+            <tr><td class="label">CLA</td><td class="value">0x${(cla.hex || '').toUpperCase()} — ${claInfo}</td></tr>
+            <tr><td class="label">INS</td><td class="name">0x${(decoded.ins_hex || '').toUpperCase()} — ${decoded.ins_name}</td></tr>
+            ${catRow}${respRow}${trRow}
+            ${p1p2}${p1}${p2}
+            <tr><td class="label">P3</td><td class="value">0x${hx(decoded.p3, 2)} — ${decoded.p3} bytes</td></tr>
+            ${body}
+            ${cmdRows(decoded.cmd)}
+            ${responseRows(decoded.response)}
+            ${sw}
+        </table>
+    </div>`;
+}
+function buildTypeCounts() {
+    const counts = {};
+    for (const m of STATE.messages) {
+        const lbl = stat_label(m);
+        counts[lbl] = (counts[lbl] || 0) + 1;
+    }
+    STATE.typeCounts = counts;
+}
+
+function renderSidePanel() {
+    const entries = Object.entries(STATE.typeCounts).sort((a, b) => b[1] - a[1]);
+    el('type-counts').innerHTML = entries.map(([k, v], i) =>
+        `<div class="side-item" data-idx="${i}" data-key="${k}">
+            <span>${k}</span><span class="count">${v}</span>
+        </div>`
+    ).join('') || t('No commands');
+}
+
+function populateFilterOptions() {
+    const sel = el('filter-select');
+    const counts = {};
+    for (const m of STATE.messages) {
+        const lbl = filter_label(m);
+        counts[lbl] = (counts[lbl] || 0) + 1;
+    }
+    const keys = Object.keys(counts).sort((a, b) => a.localeCompare(b));
+    const existing = Array.from(sel.options).slice(1).map(o => o.value);
+    if (existing.length === keys.length && existing.every((k, i) => k === keys[i])) return;
+    const cur = sel.value;
+    sel.innerHTML = '<option value="">' + t('All commands') + '</option>' +
+        keys.map(k => `<option value="${escapeHtml(k).replace(/"/g, '&quot;')}">${escapeHtml(k)}</option>`).join('');
+    sel.value = keys.includes(cur) ? cur : '';
+}
+
+function scrollToType(typeKey) {
+    const apduList = el('apdu-list');
+    let targetEl = null;
+    for (const el of apduList.querySelectorAll('.apdu-entry')) {
+        const msgIdx = parseInt(el.dataset.idx);
+        const msg = STATE.messages[msgIdx];
+        if (msg && stat_label(msg) === typeKey) {
+            targetEl = el;
+            break;
+        }
+    }
+    if (targetEl) {
+        targetEl.scrollIntoView({ block: 'center', behavior: 'smooth' });
+        targetEl.classList.add('selected');
+        setTimeout(() => targetEl.classList.remove('selected'), 1500);
+    }
+}
+
+// ──────────────────── Render Trace ────────────────────
+function isOriginalCommand(i) {
+    if (STATE.messages[i].type !== 'tpdu') return false;
+    for (let j = i + 1; j < STATE.messages.length; j++) {
+        if (STATE.messages[j].type !== 'tpdu') continue;
+        const d = STATE.messages[j].decoded;
+        return !!d && d.ins_name === 'GET RESPONSE' && !!d.response_for;
+    }
+    return false;
+}
+
+function matchesFilter(m, i, filterType) {
+    if (!filterType) return true;
+    if (filter_label(m) === filterType) return true;
+    const d = m.decoded;
+    const isGR = m.type === 'tpdu' && d && d.ins_name === 'GET RESPONSE';
+    if (isGR && d.response_for === filterType) return true;
+    if (filterType === 'GET RESPONSE' && isOriginalCommand(i)) return true;
+    return false;
+}
+
+function renderMessages() {
+    const list = el('apdu-list');
+    const searchQ = el('search-input').value.toLowerCase();
+    const filterType = el('filter-select').value;
+
+    const filtered = [];
+    for (let i = 0; i < STATE.messages.length; i++) {
+        const m = STATE.messages[i];
+        if (!matchesFilter(m, i, filterType)) continue;
+        if (searchQ && !m.data.toLowerCase().includes(searchQ)) continue;
+        filtered.push({ m, idx: i });
+    }
+
+    buildTypeCounts();
+    renderSidePanel();
+    populateFilterOptions();
+
+    if (!STATE.captureActive && !STATE.sessionViewId) {
+        list.innerHTML = `<div class="empty-state"><p>${t('No capture active')}</p>
+            <button id="trace-start-btn">${t('Start Capture')}</button></div>`;
+        $('#trace-start-btn', list).addEventListener('click', startCapture);
+        updateStatus();
+        return;
+    }
+
+    list.innerHTML = filtered.map(({ m, idx }) => {
+        const label = ins_label(m);
+        const typeCls = m.type === 'atr' ? 'atr' : m.type === 'pps' ? 'pps' : '';
+        return `<div class="apdu-entry" data-idx="${idx}">
+            <span class="apdu-time">${fmt_elapsed(m.elapsed)}</span>
+            <span class="apdu-type ${typeCls}">${label}</span>
+            <span class="apdu-data">${data_text(m)}</span>
+        </div>`;
+    }).join('');
+
+    list.scrollTop = list.scrollHeight;
+    updateStatus();
+}
+
+function $(selector, root) { return (root || document).querySelector(selector); }
+
+function updateStatus() {
+    const dot = el('status-dot');
+    const text = el('status-text');
+    const count = el('msg-count');
+
+    dot.className = 'status-dot';
+    if (STATE.captureActive) {
+        dot.classList.add('live');
+        text.textContent = t('Live');
+    } else if (STATE.sessionViewId || STATE.currentSessionId) {
+        dot.classList.add('paused');
+        text.textContent = STATE.currentSessionName || t('Session');
+    } else {
+        dot.classList.add('off');
+        text.textContent = t('Not connected');
+    }
+    count.textContent = t('{n} messages').replace('{n}', STATE.messages.length);
+}
+
+// ──────────────────── Live Polling ────────────────────
+let _lastAfter = 0;
+
+function startPolling() {
+    _lastAfter = 0;
+    if (STATE.livePoller) return;
+    STATE.livePoller = setInterval(async () => {
+        try {
+            const data = await API.getLatest(_lastAfter);
+            if (data.active) {
+                STATE.captureActive = true;
+                STATE.currentSessionId = data.session_id;
+            }
+            if (data.messages && data.messages.length > 0) {
+                STATE.messages.push(...data.messages);
+                _lastAfter = data.next_after;
+                renderMessages();
+            }
+            if (!data.active && STATE.captureActive) {
+                STATE.captureActive = false;
+                renderMessages();
+            }
+        } catch (e) {}
+    }, 500);
+}
+
+function stopPolling() {
+    if (STATE.livePoller) {
+        clearInterval(STATE.livePoller);
+        STATE.livePoller = null;
+    }
+}
+
+// ──────────────────── Capture ────────────────────
+async function startCapture() {
+    try {
+        const data = await API.startCapture();
+        STATE.captureActive = true;
+        STATE.currentSessionId = data.session_id;
+        STATE.messages = [];
+        buildTypeCounts();
+        renderSidePanel();
+        renderMessages();
+        updateCaptureButton();
+        startPolling();
+    } catch (e) {
+        alert(t('Failed to start capture: ') + e.message);
+    }
+}
+
+async function stopCapture() {
+    try {
+        await API.stopCapture();
+        STATE.captureActive = false;
+        STATE.sessionViewId = null;
+        updateCaptureButton();
+        updateStatus();
+    } catch (e) {}
+}
+
+function updateCaptureButton() {
+    const btn = el('capture-btn');
+    btn.classList.remove('stop', 'connect');
+    if (STATE.sessionViewId && !STATE.captureActive) {
+        btn.style.display = 'none';
+        return;
+    }
+    btn.style.display = '';
+    if (!STATE.serverAvailable) {
+        btn.textContent = t('Connect to server');
+        btn.classList.add('connect');
+    } else if (STATE.captureActive) {
+        btn.textContent = t('Stop Capture');
+        btn.classList.add('stop');
+    } else {
+        btn.textContent = t('Start Capture');
+    }
+}
+
+// ──────────────────── Sessions ────────────────────
+async function loadSessions() {
+    try {
+        const data = await API.listSessions();
+        const grid = el('sessions-grid');
+
+        const total = data.total_sessions != null ? data.total_sessions : data.sessions.length;
+        const dbSize = data.db_size != null ? fmtSize(data.db_size) : '?';
+        const sessionsLabel = total === 1
+            ? t('{n} session · {size}').replace('{n}', total).replace('{size}', dbSize)
+            : t('{n} session(s) · {size}').replace('{n}', total).replace('{size}', dbSize);
+        el('sessions-stats').textContent = sessionsLabel;
+
+        if (!data.sessions.length) {
+            grid.innerHTML = `<div class="empty-state" style="height:auto; padding:40px;">
+                <p>${t('No saved sessions')}</p>
+            </div>`;
+            return;
+        }
+        grid.innerHTML = data.sessions.map(s => {
+            const name = s.name || t('Session #') + s.id;
+            const dStart = s.started ? s.started.replace('T', ' ') : '?';
+            const duration = s.ended ? formatDuration(s.started, s.ended) : t('active');
+            return `<div class="session-card" data-id="${s.id}">
+                <div class="session-name">
+                    <input type="text" value="${escapeHtml(name)}" data-sid="${s.id}" placeholder="${t('Session name...')}">
+                </div>
+                <div class="session-meta">
+                    <span>${dStart}</span>
+                    <span>${duration}</span>
+                    <span>${s.message_count} ${t('msgs')}</span>
+                    <span>${s.mode}</span>
+                </div>
+                <div class="session-actions">
+                    <a class="session-download" href="${API_BASE()}/api/sessions/${s.id}/pcap">${t('Download PCAP')}</a>
+                    <button class="session-delete" data-sid="${s.id}">${t('Delete')}</button>
+                </div>
+            </div>`;
+        }).join('');
+
+        grid.querySelectorAll('.session-card').forEach(card => {
+            card.addEventListener('click', e => {
+                if (e.target.tagName === 'INPUT' || e.target.tagName === 'BUTTON' || e.target.tagName === 'A') return;
+                loadSession(parseInt(card.dataset.id));
+            });
+        });
+        grid.querySelectorAll('.session-name input').forEach(input => {
+            const originalName = input.value;
+            input.addEventListener('blur', async () => {
+                const sid = parseInt(input.dataset.sid);
+                const name = input.value.trim();
+                try {
+                    await API.renameSession(sid, name);
+                } catch (e) {
+                    input.value = originalName;
+                }
+            });
+            input.addEventListener('keydown', e => {
+                if (e.key === 'Enter') input.blur();
+            });
+        });
+        grid.querySelectorAll('.session-delete').forEach(btn => {
+            btn.addEventListener('click', e => {
+                e.stopPropagation();
+                const sid = parseInt(btn.dataset.sid);
+                showDeleteModal(sid);
+            });
+        });
+    } catch (e) {}
+}
+
+async function importPcapFile(file) {
+    const msg = el('import-msg');
+    msg.classList.remove('error');
+    msg.textContent = t('Importing…');
+    try {
+        const buf = await file.arrayBuffer();
+        const baseName = file.name.replace(/\.[^.]+$/, '') || file.name;
+        const data = await API.importPcap(baseName, buf);
+        msg.textContent = t('Imported \'{name}\' — {n} messages')
+            .replace('{name}', data.name).replace('{n}', data.message_count);
+        loadSessions();
+    } catch (e) {
+        msg.classList.add('error');
+        msg.textContent = t((e && e.message) || 'Import failed');
+    }
+}
+
+async function loadSession(id) {
+    try {
+        // Stop any active capture so it can't write into the session being viewed.
+        await API.stopCapture();
+        STATE.captureActive = false;
+        STATE.currentSessionId = null;
+        stopPolling();
+
+        const data = await API.getSession(id, 0);
+        STATE.sessionViewId = id;
+        STATE.captureActive = false;
+        STATE.currentSessionName = data.session.name || t('Session #') + id;
+        STATE.messages = data.messages;
+        switchTab('trace');
+        updateCaptureButton();
+        renderMessages();
+        el('session-name-display').style.display = 'inline';
+        el('session-name-display').textContent = t('Session: ') + (data.session.name || '#' + id);
+    } catch (e) {
+        alert(t('Failed to load session'));
+    }
+}
+
+function formatDuration(start, end) {
+    if (!start || !end) return '?';
+    const ms = new Date(end) - new Date(start);
+    const s = Math.floor(ms / 1000);
+    if (s < 60) return s + 's';
+    const m = Math.floor(s / 60);
+    return m + 'm ' + (s % 60) + 's';
+}
+
+function escapeHtml(str) {
+    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+
+function showDeleteModal(id) {
+    STATE.pendingDeleteId = id;
+    const s = document.querySelector(`.session-card[data-id="${id}"] input`);
+    el('delete-session-name').textContent = s ? s.value : t('Session #') + id;
+    el('delete-modal').classList.add('show');
+}
+
+async function confirmDelete() {
+    const id = STATE.pendingDeleteId;
+    if (!id) return;
+    try {
+        await API.deleteSession(id);
+        el('delete-modal').classList.remove('show');
+        STATE.pendingDeleteId = null;
+        loadSessions();
+    } catch (e) {
+        alert(t('Failed to delete session'));
+    }
+}
+
+// ──────────────────── Settings ────────────────────
+let _connTimer = null;
+
+function targetSpace() {
+    let h;
+    try { h = new URL(STATE.serverUrl).hostname.toLowerCase(); } catch (e) { return 'public'; }
+    if (h === 'localhost' || h === '[::1]' || h === '::1' || /^127\./.test(h)) return 'loopback';
+    if (/^10\./.test(h) || /^192\.168\./.test(h) || /^172\.(1[6-9]|2\d|3[01])\./.test(h)) return 'private';
+    return 'public';
+}
+
+function isLikelyBlocked() {
+    const pagePublic = location.protocol === 'https:'
+        || !(location.hostname === 'localhost' || /^127\./.test(location.hostname));
+    const s = targetSpace();
+    return pagePublic && (s === 'loopback' || s === 'private');
+}
+
+function updateVersionWarn(serverVersion) {
+    const elv = el('version-warn');
+    const sv = parseVersion(serverVersion);
+    if (sv === null) {
+        elv.textContent = t('Server version unknown — update simtrace2-pysniff-server.');
+        return;
+    }
+    const cmpMin = compareVersions(serverVersion, MIN_SERVER_VERSION);
+    if (cmpMin !== null && cmpMin < 0) {
+        elv.textContent = t('Server version {v} is outdated. Please update simtrace2-pysniff-server.').replace('{v}', serverVersion);
+        return;
+    }
+    if (sv[0] > parseVersion(PWA_VERSION)[0]) {
+        elv.textContent = t('Server version {v} is newer than expected. Update simtrace2-pysniff for full compatibility.').replace('{v}', serverVersion);
+        return;
+    }
+    elv.textContent = '';
+}
+
+function connectServer() {
+    if (_connTimer) return;
+    _connTimer = setInterval(checkConnection, 5000);
+    checkConnection();
+}
+
+function disconnectServer() {
+    if (_connTimer) {
+        clearInterval(_connTimer);
+        _connTimer = null;
+    }
+    STATE.serverAvailable = false;
+    el('conn-status').textContent = '⬤ ' + t('Disconnected — click Connect to resume');
+    el('conn-status').className = 'conn-status disconnected';
+    el('version-warn').textContent = '';
+    el('conn-hint').textContent = '';
+    el('conn-instructions').innerHTML = '';
+    el('status-dot').className = 'status-dot off';
+    el('status-text').textContent = t('Not connected');
+    const btn = el('connect-btn');
+    btn.textContent = t('Connect');
+    btn.classList.add('disconnected');
+    updateCaptureButton();
+    stopPolling();
+    if (STATE.captureActive) {
+        STATE.captureActive = false;
+        STATE.currentSessionId = null;
+    }
+}
+
+async function checkConnection() {
+    try {
+        const data = await API.status();
+        STATE.serverAvailable = true;
+        el('conn-status').textContent = '⬤ ' + t('Connected') + ' — ' + data.server;
+        el('conn-status').className = 'conn-status connected';
+        updateVersionWarn(data.version);
+        el('conn-hint').textContent = '';
+        el('conn-instructions').innerHTML = '';
+        el('connect-btn').textContent = t('Disconnect');
+        el('connect-btn').classList.remove('disconnected');
+        el('status-dot').className = 'status-dot ' + (data.capture_active ? 'live' : 'paused');
+        el('status-text').textContent = data.capture_active ? t('Capturing') : t('Connected');
+        if (data.capture_active) {
+            STATE.captureActive = true;
+            STATE.currentSessionId = data.session_id;
+        }
+        updateCaptureButton();
+    } catch (e) {
+        STATE.serverAvailable = false;
+        el('conn-status').textContent = '⬤ ' + t('Not connected — ensure the server is running on the URL above');
+        el('conn-status').className = 'conn-status disconnected';
+        el('version-warn').textContent = '';
+        const url = STATE.serverUrl || location.origin;
+        el('conn-hint').textContent = t(isLikelyBlocked() ? HINT_BLOCKED : HINT_UNREACHABLE).replace('{url}', url);
+        el('connect-btn').textContent = t('Connect');
+        el('connect-btn').classList.add('disconnected');
+        el('conn-instructions').innerHTML = `
+            <h3>${t('Setup')}</h3>
+            <ol>
+                <li>${t('Clone and install simtrace2-pysniff:')}<br>
+                    <code>git clone https://github.com/anttro/simtrace2-pysniff.git</code><br>
+                    <code>cd simtrace2-pysniff && pip install -e .</code></li>
+                <li>${t('Start the server in direct mode (recommended):')}<br>
+                    <code>./server-start.sh --capture direct</code><br>
+                    <span style="color:var(--text-muted);">${t('Requires SIMtrace2 hardware connected via USB; captures directly from the device.')}</span></li>
+            </ol>
+            <p style="margin-top:8px;">${t('Then set the URL above to http://127.0.0.1:8081 and return to the Trace tab.')}</p>
+            <h3 style="margin-top:20px;">${t('Alternative: GSMTAP mode')}</h3>
+            <p style="color:var(--text-muted); margin-top:4px;">${t('Use an external sniffer alongside the server. This mode is compatible with the original Osmocom simtrace2-sniff.')}</p>
+            <ol style="margin-top:4px;">
+                <li>${t('Start the server:')}<br>
+                    <code>./server-start.sh --capture gsmtap</code></li>
+                <li>${t('Start a GSMTAP source in another terminal — either:')}<br>
+                    <code>./sniff-start.sh --gsmtap 127.0.0.1</code> &nbsp;(simtrace2-pysniff)<br>
+                    &nbsp;or<br>
+                    <code>simtrace2-sniff --gsmtap-ip 127.0.0.1</code> &nbsp;${t('(original Osmocom tool)')}</li>
+            </ol>`;
+        el('status-dot').className = 'status-dot off';
+        el('status-text').textContent = t('Not connected');
+        updateCaptureButton();
+    }
+}
+
+// ──────────────────── Tabs ────────────────────
+function switchTab(name) {
+    STATE.activeTab = name;
+    document.querySelectorAll('.header-tab').forEach(t => t.classList.toggle('active', t.dataset.tab === name));
+    document.querySelectorAll('.panel').forEach(p => p.classList.toggle('active', p.id === 'panel-' + name));
+    if (name === 'sessions') loadSessions();
+    if (name === 'settings') checkConnection();
+}
+
+// ──────────────────── Search / Filter ────────────────────
+let _searchTimer = null;
+function onSearchChange() {
+    clearTimeout(_searchTimer);
+    _searchTimer = setTimeout(renderMessages, 200);
+}
+
+function onFilterChange() {
+    renderMessages();
+}
+
+// ──────────────────── Versioning ────────────────────
+const PWA_VERSION = '1.1.0';
+const MIN_SERVER_VERSION = '1.0.0';
+
+function parseVersion(v) {
+    const parts = String(v || '').trim().split('.').map(n => parseInt(n, 10));
+    if (parts.length < 2 || parts.some(isNaN)) return null;
+    return parts;
+}
+
+function compareVersions(a, b) {
+    const pa = parseVersion(a);
+    const pb = parseVersion(b);
+    if (pa === null || pb === null) return null;
+    for (let i = 0; i < 3; i++) {
+        const da = pa[i] || 0;
+        const db = pb[i] || 0;
+        if (da !== db) return da < db ? -1 : 1;
+    }
+    return 0;
+}
+
+// ──────────────────── i18n ────────────────────
+let currentLang = 'en';
+
+const HINT_BLOCKED = 'The browser likely blocked access to the local server. Allow local network access for this site (Chrome/Edge/Vivaldi: Site settings → Local network access → Allow) and confirm simtrace2-pysniff-server is running at {url}.';
+const HINT_UNREACHABLE = 'Couldn\'t reach the server. Check that simtrace2-pysniff-server is running and the URL is correct ({url}). If this page is served over HTTPS, also allow local network access in the browser (Site settings → Local network access → Allow).';
+
+const LANG_RU = {
+    'Trace': 'Трассировка',
+    'Sessions': 'Сессии',
+    'Settings': 'Настройки',
+    'trace analyser': 'анализатор трейсов',
+    'Install PWA': 'Установить PWA',
+    'Search hex bytes...': 'Поиск по данным (hex)...',
+    'All commands': 'Все команды',
+    'Start Capture': 'Начать захват',
+    'Stop Capture': 'Остановить захват',
+    'Connect to server': 'Подключиться к серверу',
+    'Click an APDU to see details': 'Нажмите на APDU для просмотра деталей',
+    'Command Stats': 'Статистика команд',
+    'Not connected': 'Не подключено',
+    'Live': 'Захват',
+    'Session': 'Сессия',
+    'Connected': 'Подключено',
+    'Capturing': 'Захват',
+    'No capture active': 'Нет активного захвата',
+    'No commands': 'Нет команд',
+    'No saved sessions': 'Нет сохранённых сессий',
+    'Start a capture from the Trace tab to create sessions.': 'Начните захват на вкладке «Трассировка», чтобы создать сессии.',
+    'Import PCAP': 'Импорт PCAP',
+    'New capture': 'Новый захват',
+    'Server URL': 'URL сервера',
+    'Connect': 'Подключить',
+    'Disconnect': 'Отключить',
+    'Disconnected — click Connect to resume': 'Отключено — нажмите «Подключить», чтобы возобновить',
+    'Not connected — ensure the server is running on the URL above': 'Не подключено — убедитесь, что сервер запущен по указанному URL',
+    'Delete Session': 'Удалить сессию',
+    'Delete': 'Удалить',
+    'and all its APDU data? This cannot be undone.': 'и все данные APDU? Это действие необратимо.',
+    'Cancel': 'Отмена',
+    'Session #': 'Сессия #',
+    'Session: ': 'Сессия: ',
+    'Session name...': 'Имя сессии...',
+    'msgs': 'сообщ.',
+    'active': 'активна',
+    'Download PCAP': 'Скачать PCAP',
+    '{n} messages': '{n} сообщений',
+    '{n} session(s) · {size}': '{n} сессий · {size}',
+    '{n} session · {size}': '{n} сессия · {size}',
+    'Importing…': 'Импорт…',
+    'Import failed': 'Ошибка импорта',
+    'Imported \'{name}\' — {n} messages': 'Импортировано «{name}» — {n} сообщений',
+    'Failed to start capture: ': 'Не удалось начать захват: ',
+    'Failed to load session': 'Не удалось загрузить сессию',
+    'Failed to delete session': 'Не удалось удалить сессию',
+    'No GSMTAP data found in trace': 'В трассировке нет данных GSMTAP',
+    'Empty file': 'Пустой файл',
+    'Install from the address bar:\nclick the install icon (⊕ / monitor icon) at the right\nend of Chrome\'s address bar, then "Install SIMtrace Analyser".':
+        'Установка из адресной строки:\nнажмите значок установки (⊕ / значок монитора) в правом\nконце адресной строки Chrome, затем «Установить SIMtrace Analyser».',
+    [HINT_BLOCKED]: 'Браузер, вероятно, заблокировал доступ к локальному серверу. Разрешите доступ к локальной сети для этого сайта (Chrome/Edge/Vivaldi: Настройки сайта → Доступ к локальной сети → Разрешить) и убедитесь, что simtrace2-pysniff-server запущен по адресу {url}.',
+    [HINT_UNREACHABLE]: 'Не удалось связаться с сервером. Проверьте, что simtrace2-pysniff-server запущен и URL указан верно ({url}). Если эта страница открыта по HTTPS, также разрешите доступ к локальной сети в браузере (Настройки сайта → Доступ к локальной сети → Разрешить).',
+    'Setup': 'Настройка',
+    'Clone and install simtrace2-pysniff:': 'Клонируйте и установите simtrace2-pysniff:',
+    'Start the server in direct mode (recommended):': 'Запустите сервер в режиме direct (рекомендуется):',
+    'Requires SIMtrace2 hardware connected via USB; captures directly from the device.': 'Требуется оборудование SIMtrace2, подключённое по USB; захват выполняется напрямую с устройства.',
+    'Then set the URL above to http://127.0.0.1:8081 and return to the Trace tab.': 'Затем укажите URL выше (http://127.0.0.1:8081) и вернитесь на вкладку «Трассировка».',
+    'Alternative: GSMTAP mode': 'Альтернатива: режим GSMTAP',
+    'Use an external sniffer alongside the server. This mode is compatible with the original Osmocom simtrace2-sniff.': 'Используйте внешний сниффер вместе с сервером. Этот режим совместим с оригинальным инструментом Osmocom simtrace2-sniff.',
+    'Start the server:': 'Запустите сервер:',
+    'Start a GSMTAP source in another terminal — either:': 'Запустите источник GSMTAP в другом терминале — либо:',
+    '(original Osmocom tool)': '(оригинальный инструмент Osmocom)',
+    'Server version unknown — update simtrace2-pysniff-server.': 'Версия сервера неизвестна — обновите simtrace2-pysniff-server.',
+    'Server version {v} is outdated. Please update simtrace2-pysniff-server.': 'Версия сервера {v} устарела. Обновите simtrace2-pysniff-server.',
+    'Server version {v} is newer than expected. Update simtrace2-pysniff for full compatibility.': 'Версия сервера {v} новее ожидаемой. Обновите simtrace2-pysniff для полной совместимости.',
+};
+
+function t(text) {
+    if (currentLang === 'ru' && LANG_RU[text]) return LANG_RU[text];
+    return text;
+}
+
+function translatePage() {
+    document.querySelectorAll('[data-l10n]').forEach(el => {
+        const key = el.getAttribute('data-l10n');
+        if (el.tagName === 'INPUT') {
+            el.placeholder = t(key);
+        } else {
+            el.textContent = t(key);
+        }
+    });
+}
+
+function applyLang() {
+    document.getElementById('lang-btn').textContent = currentLang.toUpperCase();
+}
+
+function toggleLang() {
+    currentLang = currentLang === 'en' ? 'ru' : 'en';
+    localStorage.setItem('lang', currentLang);
+    applyLang();
+    translatePage();
+    updateStatus();
+    updateCaptureButton();
+    renderMessages();
+    loadSessions();
+    checkConnection();
+}
+
+// ──────────────────── Theme ────────────────────
+function applyTheme(theme) {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('theme', theme);
+    document.getElementById('theme-btn').textContent = theme === 'dark' ? '☀️' : '🌙';
+    document.querySelector('meta[name="theme-color"]').setAttribute(
+        'content', theme === 'dark' ? '#0f172a' : '#fafafa');
+}
+
+function toggleTheme() {
+    const current = document.documentElement.getAttribute('data-theme');
+    applyTheme(current === 'dark' ? 'light' : 'dark');
+}
+
+// ──────────────────── PWA Install ────────────────────
+let _deferredInstallPrompt = null;
+
+function hideInstallBtn() {
+    const btn = document.getElementById('install-btn');
+    if (btn) btn.style.display = 'none';
+}
+
+window.addEventListener('beforeinstallprompt', e => {
+    e.preventDefault();
+    _deferredInstallPrompt = e;
+    console.log('beforeinstallprompt fired — install prompt available');
+});
+
+window.addEventListener('appinstalled', () => {
+    console.log('appinstalled fired');
+    _deferredInstallPrompt = null;
+    hideInstallBtn();
+});
+
+async function promptInstall() {
+    if (_deferredInstallPrompt) {
+        _deferredInstallPrompt.prompt();
+        const choice = await _deferredInstallPrompt.userChoice;
+        console.log('install userChoice:', choice.outcome);
+        if (choice.outcome === 'accepted') {
+            _deferredInstallPrompt = null;
+            hideInstallBtn();
+        }
+        return;
+    }
+    alert(t('Install from the address bar:\nclick the install icon (⊕ / monitor icon) at the right\nend of Chrome\'s address bar, then "Install SIMtrace Analyser".'));
+}
+
+// ──────────────────── Init ────────────────────
+function init() {
+    const saved = localStorage.getItem('theme');
+    if (saved) {
+        applyTheme(saved);
+    } else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
+        applyTheme('light');
+    }
+
+    const userLang = (navigator.language || '').split('-')[0];
+    currentLang = localStorage.getItem('lang') || (userLang === 'ru' ? 'ru' : 'en');
+    applyLang();
+    translatePage();
+
+    el('pwa-version').textContent = 'v' + PWA_VERSION;
+    el('server-url').value = STATE.serverUrl;
+
+    document.querySelectorAll('.header-tab').forEach(tab => {
+        tab.addEventListener('click', () => switchTab(tab.dataset.tab));
+    });
+
+    $on('capture-btn', 'click', () => {
+        if (!STATE.serverAvailable) {
+            switchTab('settings');
+            return;
+        }
+        if (STATE.captureActive) return stopCapture();
+        if (STATE.sessionViewId) {
+            el('session-name-display').style.display = 'none';
+            STATE.sessionViewId = null;
+            STATE.currentSessionName = null;
+            updateCaptureButton();
+        }
+        startCapture();
+    });
+
+    $on('new-capture-btn', 'click', () => {
+        if (!STATE.serverAvailable) {
+            switchTab('settings');
+            return;
+        }
+        if (STATE.captureActive) return stopCapture();
+        el('session-name-display').style.display = 'none';
+        STATE.sessionViewId = null;
+        STATE.currentSessionName = null;
+        updateCaptureButton();
+        switchTab('trace');
+        startCapture();
+    });
+
+    $on('import-pcap-btn', 'click', () => el('import-pcap-file').click());
+    $on('import-pcap-file', 'change', () => {
+        const file = el('import-pcap-file').files[0];
+        if (file) importPcapFile(file);
+        el('import-pcap-file').value = '';
+    });
+
+    $on('search-input', 'input', onSearchChange);
+    $on('filter-select', 'change', onFilterChange);
+
+    $on('server-url', 'change', () => {
+        STATE.serverUrl = el('server-url').value.trim();
+        localStorage.setItem('serverUrl', STATE.serverUrl);
+        checkConnection();
+    });
+
+    $on('connect-btn', 'click', () => {
+        if (STATE.serverAvailable) {
+            disconnectServer();
+        } else {
+            connectServer();
+        }
+    });
+
+    $on('install-btn', 'click', promptInstall);
+
+    $on('delete-cancel', 'click', () => {
+        el('delete-modal').classList.remove('show');
+        STATE.pendingDeleteId = null;
+    });
+    $on('delete-confirm', 'click', confirmDelete);
+
+    el('side-panel').addEventListener('click', e => {
+        const item = e.target.closest('.side-item');
+        if (!item) return;
+        scrollToType(item.dataset.key);
+    });
+
+    connectServer();
+
+    el('apdu-list').addEventListener('click', e => {
+        const entry = e.target.closest('.apdu-entry');
+        if (!entry) return;
+        const idx = parseInt(entry.dataset.idx);
+        const msg = STATE.messages[idx];
+        if (!msg) return;
+        showDetail(msg, entry);
+    });
+
+    updateCaptureButton();
+}
+
+init();
+</script>
+</body>
+</html>
diff --git a/frontend/manifest.json b/frontend/manifest.json
new file mode 100644
index 0000000..fbc3875
--- /dev/null
+++ b/frontend/manifest.json
@@ -0,0 +1,14 @@
+{
+  "name": "SIMtrace Analyser",
+  "short_name": "SIMtrace",
+  "description": "PWA frontend for browsing SIMtrace2 APDU traces",
+  "version": "1.1.0",
+  "start_url": "index.html",
+  "display": "standalone",
+  "background_color": "#0f172a",
+  "theme_color": "#0f172a",
+  "icons": [
+    { "src": "icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "icon-512.png", "sizes": "512x512", "type": "image/png" }
+  ]
+}
diff --git a/frontend/sim-analyser.svg b/frontend/sim-analyser.svg
new file mode 100644
index 0000000..70c99c5
--- /dev/null
+++ b/frontend/sim-analyser.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   shape-rendering="geometricPrecision"
+   text-rendering="geometricPrecision"
+   image-rendering="optimizeQuality"
+   fill-rule="evenodd"
+   clip-rule="evenodd"
+   viewBox="0 0 507 511.73"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="sim-analyser.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#3b82f6"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.0446382"
+     inkscape:cx="206.29151"
+     inkscape:cy="241.23184"
+     inkscape:window-width="1707"
+     inkscape:window-height="1007"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M224.639 0c59.668 0 116.663 23.625 158.855 65.816 58.277 58.264 79.952 144.187 56.478 223.076-5.44 18.308-13.169 35.634-22.82 51.652l87.013 94.825c4.008 4.376 3.736 11.192-.627 15.2l-63.894 58.345c-4.362 4.008-11.15 3.694-15.145-.668l-83.237-91.553c-35.253 21.471-75.345 32.676-116.623 32.676-59.681 0-116.678-23.624-158.869-65.816a224.953 224.953 0 01-48.762-72.959C-17.808 226.73 1.985 129.628 65.798 65.843 107.907 23.611 165.012 0 224.639 0zM351.39 97.92C186.06-67.451-70.51 183.202 97.833 351.436c51.257 51.134 128.646 66.579 195.362 38.974 67.083-27.864 110.692-93.107 110.692-165.739 0-24.32-4.812-47.508-13.523-68.542A180.032 180.032 0 00351.39 97.92z"
+     fill="#3b82f6" id="path1" />
+  <path
+     style="fill:#3b82f6;stroke-width:4.8596"
+     d="m 128.04356,356.87391 c -13.07564,-2.62909 -24.733,-12.68507 -29.511929,-25.45795 -2.596909,-6.94081 -2.6389,-8.86274 -2.29299,-104.97903 l 0.35231,-97.90875 3.788399,-6.8388 c 4.61261,-8.3267 10.50929,-13.68042 19.93961,-18.10361 l 7.13036,-3.34441 h 97.07534 97.0753 l 7.13037,3.34441 c 9.43036,4.42319 15.32699,9.77691 19.93961,18.10361 l 3.78839,6.8388 0.35231,97.90875 c 0.34602,96.11629 0.30373,98.03822 -2.29294,104.97903 -3.50512,9.36825 -10.87912,17.4984 -20.10814,22.17001 l -7.52385,3.80852 -95.14666,0.19674 c -52.33067,0.10843 -97.19362,-0.2148 -99.69555,-0.71758 z m 46.33625,-48.98143 v -28.28685 h -28.28682 -28.28687 v 22.40224 22.40224 l 3.47213,4.12639 c 5.66491,6.73236 9.07721,7.53679 32.20788,7.59246 l 20.89368,0.0505 z m 78.43168,0.0486 v -28.23905 l -28.28799,-0.36934 -28.288,-0.36933 0.001,28.60829 0.001,28.60828 h 28.28682 28.28683 z m 67.88799,26.4325 c 1.90962,-0.99356 4.91852,-3.35297 6.68645,-5.24315 3.14502,-3.3625 3.22311,-3.93424 3.61699,-26.48038 l 0.40286,-23.04367 -24.5107,-0.16089 c -13.48091,-0.0884 -25.3786,-0.16089 -26.43935,-0.16089 -6.0649,0 -5.78596,-1.37936 -5.78596,28.60828 v 28.28683 h 21.27901 c 15.77042,0 22.17779,-0.46749 24.75093,-1.80651 z M 331.24322,228.81866 V 199.88895 H 255.9675 180.69175 l -3.15598,-3.15595 -3.15596,-3.15602 v -36.05986 -36.05988 h -20.61354 c -22.40511,0 -26.44906,0.88289 -32.10286,7.0087 l -3.21436,3.4828 -0.35671,62.89983 -0.3567,62.89984 h 106.7539 106.75388 z m -78.43173,-78.43245 v -28.92976 h -28.28683 -28.28682 v 28.07258 c 0,15.43993 0.38586,28.45827 0.85719,28.92974 0.47138,0.4714 13.20053,0.85713 28.28682,0.85713 h 27.42964 z m 78.43173,6.61896 c 0,-21.05484 -0.16425,-22.55671 -2.91862,-26.67962 -5.20034,-7.78442 -9.192,-8.86481 -32.76137,-8.86705 l -20.89371,-0.002 v 28.07259 c 0,15.43993 0.38585,28.45827 0.85718,28.92974 0.47138,0.47139 13.20053,0.85712 28.28683,0.85712 h 27.42969 z"
+     id="path1-5"
+     sodipodi:nodetypes="csscsscccsscccsccccccccccscccccccccccccscccsscsccccccccccssccccccccccscsccscccscscs" />
+</svg>
diff --git a/frontend/sw.js b/frontend/sw.js
new file mode 100644
index 0000000..2524dd8
--- /dev/null
+++ b/frontend/sw.js
@@ -0,0 +1,45 @@
+const CACHE = 'simtrace-analyser-v4';
+
+const PRECACHE = [
+    'index.html',
+    'manifest.json',
+    'icon-192.png',
+    'icon-512.png',
+    'favicon.png',
+    'sim-analyser.svg',
+];
+
+self.addEventListener('install', e => {
+    self.skipWaiting();
+    e.waitUntil(
+        caches.open(CACHE)
+            .then(cache => cache.addAll(PRECACHE))
+            .then(() => console.log('SW: precache done'))
+            .catch(err => console.error('SW: precache failed', err))
+    );
+});
+
+self.addEventListener('activate', e => {
+    e.waitUntil(
+        caches.keys()
+            .then(keys => Promise.all(
+                keys.filter(k => k !== CACHE).map(k => caches.delete(k))
+            ))
+            .then(() => self.clients.claim())
+            .then(() => console.log('SW: activated, controlling clients'))
+    );
+});
+
+self.addEventListener('fetch', e => {
+    // Network-first: the local server is always up, so always serve fresh
+    // content and fall back to cache only when offline.
+    e.respondWith(
+        fetch(e.request)
+            .then(r => {
+                const clone = r.clone();
+                caches.open(CACHE).then(c => c.put(e.request, clone));
+                return r;
+            })
+            .catch(() => caches.match(e.request))
+    );
+});
diff --git a/frontend/tests/index.test.html b/frontend/tests/index.test.html
new file mode 100644
index 0000000..e8b306e
--- /dev/null
+++ b/frontend/tests/index.test.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="UTF-8">
+<title>Tests — SIMtrace Analyser</title>
+<body>
+<h1>HTML Validator Test</h1>
+<p>Page loads cleanly with no JS errors — check browser console.</p>
+<script>
+const tests = [];
+
+// Test INS name mapping
+function testInsNames() {
+    const n = (h) => ({'a4':'SELECT','b0':'READ BINARY','c2':'ENVELOPE','14':'TERMINAL RESPONSE',
+        '88':'AUTHENTICATE','f2':'STATUS','12':'FETCH','20':'VERIFY'}[h] || '?' + h);
+    console.assert(n('a4') === 'SELECT', 'INS a4 -> SELECT');
+    console.assert(n('c2') === 'ENVELOPE', 'INS c2 -> ENVELOPE');
+    console.assert(n('14') === 'TERMINAL RESPONSE', 'INS 14 -> TERMINAL RESPONSE');
+    console.assert(n('ff') !== '?', 'Unknown INS returns placeholder');
+    tests.push('testInsNames: OK');
+}
+
+// Test elapsed formatting
+function testFmtElapsed() {
+    const fmt = (e) => {
+        const s = Math.floor(e);
+        const ms = Math.round((e - s) * 1000);
+        return String(s).padStart(4, '0') + '.' + String(ms).padStart(3, '0');
+    };
+    console.assert(fmt(0) === '0000.000', '0 -> 0000.000');
+    console.assert(fmt(1.5) === '0001.500', '1.5 -> 0001.500');
+    console.assert(fmt(12.034) === '0012.034', '12.034 -> 0012.034');
+    tests.push('testFmtElapsed: OK');
+}
+
+// Test data formatter
+function testFmtData() {
+    const fmt = (hex, limit) => {
+        const pairs = (hex.match(/.{1,2}/g) || []);
+        const shown = pairs.slice(0, limit || 32);
+        let s = shown.join(' ');
+        if (pairs.length > (limit || 32)) s += ' ...';
+        return s;
+    };
+    const r = fmt('a0a40000023f00', 16);
+    console.assert(r === 'a0 a4 00 00 02 3f 00', 'Short data');
+    const r2 = fmt('00112233445566778899aabbccddeeff00112233445566778899aabbccddeeff', 4);
+    console.assert(r2.startsWith('00 11 22 33 ...'), 'Long data truncated');
+    tests.push('testFmtData: OK');
+}
+
+testInsNames();
+testFmtElapsed();
+testFmtData();
+
+document.body.innerHTML += `<pre>${tests.join('\n')}</pre>
+<p style="color:green; font-weight:bold;">All ${tests.length} tests passed.</p>`;
+</script>
+</body>
+</html>
diff --git a/pyproject.toml b/pyproject.toml
index a954736..38e041f 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "setuptools.backends._legacy:_Backend"
 
 [project]
 name = "simtrace2-pysniff"
-version = "1.0.0"
+version = "1.1.0"
 description = "Python-based sniffing tool for SIMtrace2 hardware (SIM card communication sniffer)"
 readme = {file = "README.md", content-type = "text/markdown"}
 license = {text = "GPL-2.0-or-later"}
diff --git a/server-start.sh b/server-start.sh
index 04c316a..7460b82 100755
--- a/server-start.sh
+++ b/server-start.sh
@@ -72,4 +72,5 @@ ARGS+=(--port "$PORT")
 ARGS+=("${EXTRA_ARGS[@]}")
 
 echo "Starting simtrace2-pysniff-server..." >&2
+echo "PWA (simtrace-analyser) will be served at http://127.0.0.1:$PORT/" >&2
 exec env PYTHONPATH="$PROJECT_DIR" python3 -m simtrace2_pysniff.server "${ARGS[@]}"
diff --git a/simtrace2_pysniff/__init__.py b/simtrace2_pysniff/__init__.py
index c8e52d8..82cb9e9 100644
--- a/simtrace2_pysniff/__init__.py
+++ b/simtrace2_pysniff/__init__.py
@@ -6,7 +6,7 @@ from .gsmtap import GsmtapSender, GsmtapReceiver
 from .pcap import PcapWriter
 from .dump import FileDumper, format_message
 
-__version__ = '1.0.0'
+__version__ = '1.1.0'
 __all__ = [
     'SniffSession',
     'DeviceDisconnected',
diff --git a/simtrace2_pysniff/server/__main__.py b/simtrace2_pysniff/server/__main__.py
index 7736de8..e52ced0 100644
--- a/simtrace2_pysniff/server/__main__.py
+++ b/simtrace2_pysniff/server/__main__.py
@@ -6,6 +6,7 @@ Usage:
 """
 
 import argparse
+import os
 import sys
 from http.server import HTTPServer
 
@@ -14,10 +15,16 @@ from .database import Database, DEFAULT_DB_PATH
 from .capture import CaptureManager, GsmtapListener, DirectSniffer
 
 
+def _default_web_dir():
+    # <repo>/frontend, whether run from source or an editable install.
+    # __file__ is <repo>/simtrace2_pysniff/server/__main__.py → up three levels.
+    return os.path.join(os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__)))), 'frontend')
+
+
 def main():
     p = argparse.ArgumentParser(
         prog='simtrace2-pysniff-server',
-        description='HTTP API server for SIMtrace2 APDU capture and analysis')
+        description='HTTP API + PWA server for SIMtrace2 APDU capture and analysis')
     p.add_argument('--port', type=int, default=8081,
                    help='HTTP server port (default: 8081)')
     p.add_argument('--db', default=DEFAULT_DB_PATH,
@@ -26,6 +33,8 @@ def main():
                    help='Capture mode: gsmtap (listen UDP 4729) or direct (SIMtrace2 USB)')
     p.add_argument('--gsmtap-port', type=int, default=4729,
                    help='UDP port for GSMTAP listener (default: 4729)')
+    p.add_argument('--web-dir', default=_default_web_dir(), metavar='PATH',
+                   help='Directory with the simtrace-analyser PWA static files to serve (default: <repo>/frontend)')
     args = p.parse_args()
 
     db = Database(args.db)
@@ -41,12 +50,14 @@ def main():
     RequestHandler.capture = capture
 
     server = HTTPServer(('127.0.0.1', args.port), RequestHandler)
+    server.web_dir = args.web_dir
 
     print(f'simtrace2-pysniff-server — http://127.0.0.1:{args.port}', file=sys.stderr)
     print(f'  capture mode: {args.capture}', file=sys.stderr)
     if args.capture == 'gsmtap':
         print(f'  GSMTAP port:  {args.gsmtap_port}', file=sys.stderr)
     print(f'  database:     {args.db}', file=sys.stderr)
+    print(f'  PWA served at http://127.0.0.1:{args.port}/', file=sys.stderr)
     print(file=sys.stderr)
 
     try:
diff --git a/simtrace2_pysniff/server/server.py b/simtrace2_pysniff/server/server.py
index ddb834f..bfddafa 100644
--- a/simtrace2_pysniff/server/server.py
+++ b/simtrace2_pysniff/server/server.py
@@ -1,4 +1,4 @@
-"""HTTP API server for simtrace-analyser PWA."""
+"""HTTP API + static PWA server for simtrace2-pysniff."""
 
 import json
 import os
@@ -16,6 +16,23 @@ from ..pcap import build_pcap, parse_pcap, parse_pcapng
 from .. import __version__
 
 
+# Static file serving (the PWA lives in <repo>/frontend, served by this server
+# so the UI and the API share an origin and no CORS/PNA is involved).
+_STATIC_MIME = {
+    '.html': 'text/html; charset=utf-8',
+    '.css': 'text/css',
+    '.js': 'application/javascript',
+    '.json': 'application/json',
+    '.png': 'image/png',
+    '.svg': 'image/svg+xml',
+    '.ico': 'image/x-icon',
+    '.webmanifest': 'application/manifest+json',
+    '.map': 'application/json',
+    '.wasm': 'application/wasm',
+}
+_EMBEDDED_MARKER = "<script>window.SIMTRACE_EMBEDDED='1'</script>"
+
+
 def _content_disposition(filename):
     """RFC 6266/5987 Content-Disposition filename (ASCII fallback + UTF-8)."""
     fallback = filename.encode('ascii', 'replace').decode('ascii').replace('"', '_')
@@ -71,6 +88,36 @@ class RequestHandler(BaseHTTPRequestHandler):
         path = parsed.path.rstrip('/')
         return path, parse_qs(parsed.query)
 
+    def _serve_static(self):
+        web_dir = getattr(self.server, 'web_dir', None)
+        if not web_dir:
+            self._send_error(404, 'Not found')
+            return
+        rel = self.path.split('?', 1)[0].lstrip('/')
+        if rel in ('', '/'):
+            rel = 'index.html'
+        if '..' in rel.split('/') or rel.startswith('/'):
+            self._send_error(404, 'Not found')
+            return
+        fs_path = os.path.join(web_dir, rel)
+        if not os.path.isfile(fs_path):
+            self._send_error(404, 'Not found')
+            return
+        with open(fs_path, 'rb') as f:
+            data = f.read()
+        if rel == 'index.html':
+            # Tell the frontend it is served by this server (same origin), so
+            # it can default to a relative API base instead of 127.0.0.1:8081.
+            data = data.replace(b'</head>', _EMBEDDED_MARKER.encode() + b'</head>', 1)
+        content_type = _STATIC_MIME.get(os.path.splitext(rel)[1].lower(), 'application/octet-stream')
+        self.send_response(200)
+        self.send_header('Content-Type', content_type)
+        self.send_header('Content-Length', str(len(data)))
+        if rel in ('index.html', 'sw.js'):
+            self.send_header('Cache-Control', 'no-cache')
+        self.end_headers()
+        self.wfile.write(data)
+
     # --- CORS preflight ---
     def do_OPTIONS(self):
         self.send_response(204)
@@ -110,7 +157,7 @@ class RequestHandler(BaseHTTPRequestHandler):
             msg_id = int(path.split('/')[-1])
             self._handle_get_apdu(msg_id)
         else:
-            self._send_error(404, 'Not found')
+            self._serve_static()
 
     # --- POST ---
     def do_POST(self):
diff --git a/tests/test_pcap_import.py b/tests/test_pcap_import.py
index ced4e3a..dc3e09f 100644
--- a/tests/test_pcap_import.py
+++ b/tests/test_pcap_import.py
@@ -140,7 +140,7 @@ class TestImportEndpoint(unittest.TestCase):
 class TestVersion(unittest.TestCase):
     def test_package_version(self):
         from simtrace2_pysniff import __version__
-        self.assertEqual(__version__, '1.0.0')
+        self.assertEqual(__version__, '1.1.0')
 
     def test_status_includes_version(self):
         import os