readme: skärmbilder av webbklienten i hub-läget

Inloggning, sessionsvy (fleet/giteactl i terminalen), frågekort och
delningar (agy:s svgc-genererade logo). Tagna mot riktiga Pi5-hubben
med headless chromium.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011KikHkfCiC3yELbsMN8fT9

README.md

@@ -36,6 +36,36 @@ Allt nedanför denna linje beskriver **v1** (Node-stacken i
 
 ---
 
+## Skärmbilder (v2, hub-läget)
+
+Webbklienten mot hubben på Pi5 (`http://192.168.0.19:8790`) — agenter
+ansluter utåt, klienter loggar in och styr allt från ett ställe.
+
+**Inloggning** — hub-konto (lokala användare nu, LDAP förberett):
+
+![Inloggning](doc/img/web-login.png)
+
+**Sessioner** — agentväljare till vänster, terminalvy i mitten (här
+kör `fleet status` och `giteactl runs` ur
+[agent-tools](https://gitea.brasse-pc.eu/brasse/agent-tools)),
+tangent-verktygsrad och promptfält:
+
+![Sessionsvy](doc/img/web-sessions.png)
+
+**Frågekort** — helmd:s detektor känner igen agentens frågor
+(godkännanden, trust-prompts) och gör dem till knappar; ❓-badgen i
+listan visar var något väntar:
+
+![Frågekort](doc/img/web-question.png)
+
+**Delningar** — agenten delar filer med `helmd share`; bilder, HTML
+(sandboxad) och markdown renderas. Här: en SVG som **agy själv
+genererade med `svgc`** under live-testet:
+
+![Delningar](doc/img/web-shares.png)
+
+---
+
 ## Designprinciper
 
 1. **Graceful degradation — terminalen funkar alltid.**