v0.3.1: Avatarit WebP (18MB→256KB), PNG:t temp-kansioon

Kaikki avatar-viittaukset .png → .webp (200px, quality 80).
Alkuperäiset PNG:t siirretty temp/avatars-png/ (gitignored).
Hub-versio 0.3.0 → 0.3.1.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

network-poc/frontend/src/pages/index.astro

@@ -66,7 +66,7 @@ import Settings from "../components/Settings.astro";
 
     // === Globaalit tilat ===
     const defaultAgents = {
-        manager: { name: 'Manageri', avatar: '/avatars/karhunpentu.png', model: 'qwen-coder', order: 0,
+        manager: { name: 'Manageri', avatar: '/avatars/karhunpentu.webp', model: 'qwen-coder', order: 0,
             temperature: 0.5, topK: 40, repeatPenalty: 1.15, maxTokens: 512,
             prompt: `You are a senior project manager and software architect. Your job is to plan the file structure of a software project.
 
@@ -83,7 +83,7 @@ models.py: SQLAlchemy database models and engine setup
 schemas.py: Pydantic request/response schemas
 main.py: FastAPI application with CRUD endpoints
 pyproject.toml: project dependencies` },
-        coder: { name: 'Koodari', avatar: '/avatars/kipina_notext.png', model: 'qwen-coder', order: 1,
+        coder: { name: 'Koodari', avatar: '/avatars/kipina_notext.webp', model: 'qwen-coder', order: 1,
             temperature: 0.7, topK: 40, repeatPenalty: 1.15, maxTokens: 1024,
             prompt: `You are an expert Python developer. Write complete, production-ready code.
 
@@ -104,7 +104,7 @@ NEVER:
 - Forget to import from other project files
 - Use requirements.txt or Poetry — always use pyproject.toml with [project] format (PEP 621)
 - Use pip install — use uv (e.g. uv run uvicorn main:app --reload)` },
-        data: { name: 'Data', avatar: '/avatars/pesukarhu_notext.png', model: 'qwen-coder', order: 2,
+        data: { name: 'Data', avatar: '/avatars/pesukarhu_notext.webp', model: 'qwen-coder', order: 2,
             temperature: 0.5, topK: 40, repeatPenalty: 1.15, maxTokens: 1024,
             prompt: `You are a database architect specializing in SQLAlchemy and relational databases.
 
@@ -121,7 +121,7 @@ ALWAYS INCLUDE:
 - from sqlalchemy.ext.declarative import declarative_base
 - from sqlalchemy.orm import sessionmaker
 - DATABASE_URL, engine, SessionLocal, Base` },
-        qa: { name: 'QA', avatar: '/avatars/susi_notext.png', model: 'qwen-coder', order: 3,
+        qa: { name: 'QA', avatar: '/avatars/susi_notext.webp', model: 'qwen-coder', order: 3,
             temperature: 0.4, topK: 40, repeatPenalty: 1.15, maxTokens: 1024,
             prompt: `You are a QA engineer writing automated tests.
 
@@ -138,7 +138,7 @@ TEST STRUCTURE:
 5. test_delete: DELETE → 204, verify GET returns 404 after
 
 ALWAYS: from fastapi.testclient import TestClient` },
-        tester: { name: 'DevOps', avatar: '/avatars/laiskiainen_notext.png', model: 'qwen-coder', order: 4,
+        tester: { name: 'DevOps', avatar: '/avatars/laiskiainen_notext.webp', model: 'qwen-coder', order: 4,
             temperature: 0.3, topK: 40, repeatPenalty: 1.1, maxTokens: 512,
             prompt: `You are a strict code reviewer and static analysis expert. Analyze the code line by line.
 
@@ -157,7 +157,7 @@ RESPOND:
 - If all checks pass: "LGTM"
 - If issues found: list each as "ISSUE: filename.py: description"
 - Be specific and actionable, not vague` },
-        observer: { name: 'Tarkkailija', avatar: '/avatars/aikuinen_susi.png', model: 'qwen-coder', order: 5,
+        observer: { name: 'Tarkkailija', avatar: '/avatars/aikuinen_susi.webp', model: 'qwen-coder', order: 5,
             temperature: 0.6, topK: 40, repeatPenalty: 1.15, maxTokens: 512,
             prompt: `You are an independent technical observer and risk analyst.
 
@@ -315,7 +315,7 @@ OUTPUT FORMAT:
     // Uuden agentin luonti
     window.addCustomAgent = function() {
         const id = 'custom_' + Date.now();
-        const avatars = ['/avatars/bear.png','/avatars/beaver.png','/avatars/gecko.png','/avatars/lion.png','/avatars/penguin.png','/avatars/spider.png','/avatars/walrus.png','/avatars/serpent.png'];
+        const avatars = ['/avatars/bear.webp','/avatars/beaver.webp','/avatars/gecko.webp','/avatars/lion.webp','/avatars/penguin.webp','/avatars/spider.webp','/avatars/walrus.webp','/avatars/serpent.webp'];
         agents[id] = {
             name: 'Uusi agentti',
             avatar: avatars[Math.floor(Math.random() * avatars.length)],