fix(computer-svc): stream для завершенных задач + Timeweb env vars

- Исправлен Stream() в computer.go: для completed/failed/cancelled задач
  сразу отправляется финальное событие и канал закрывается (ранее
  соединение зависало с socket hang up)
- Добавлены TIMEWEB_* переменные в docker-compose.yml для computer-svc
  (LLM через Timeweb Cloud AI для России)
- UI компоненты webui обновлены

Made-with: Cursor

backend/webui/src/app/(main)/settings/page.tsx

@@ -35,11 +35,11 @@ export default function SettingsPage() {
                   onClick={() => setMode(m.id)}
                   className={`flex flex-col items-center gap-1 sm:gap-2 p-3 sm:p-4 rounded-xl border transition-all ${
                     mode === m.id
-                      ? 'bg-accent/10 border-accent/30 text-primary'
+                      ? 'active-gradient text-primary'
                       : 'bg-surface/30 border-border/30 text-muted hover:border-border hover:text-secondary'
                   }`}
                 >
-                  <m.icon className={`w-4 h-4 sm:w-5 sm:h-5 ${mode === m.id ? 'text-accent' : ''}`} />
+                  <m.icon className={`w-4 h-4 sm:w-5 sm:h-5 ${mode === m.id ? 'text-gradient' : ''}`} />
                   <span className="text-xs sm:text-sm font-medium">{m.label}</span>
                   <span className="text-[10px] sm:text-xs text-faint">{m.desc}</span>
                 </button>
@@ -86,7 +86,7 @@ export default function SettingsPage() {
                   onClick={() => setLanguage(lang.id)}
                   className={`flex items-center gap-3 p-3 sm:p-4 rounded-xl border transition-all ${
                     language === lang.id
-                      ? 'bg-accent/10 border-accent/30 text-primary'
+                      ? 'active-gradient text-primary'
                       : 'bg-surface/30 border-border/30 text-muted hover:border-border hover:text-secondary'
                   }`}
                 >
@@ -163,9 +163,9 @@ function ToggleRow({ icon: Icon, label, description, checked, onChange }: Toggle
       <Switch.Root
         checked={checked}
         onCheckedChange={onChange}
-        className="w-10 h-[22px] sm:w-11 sm:h-6 bg-surface/80 rounded-full relative transition-colors data-[state=checked]:bg-accent/20 border border-border data-[state=checked]:border-accent/30 flex-shrink-0"
+        className="w-10 h-[22px] sm:w-11 sm:h-6 bg-surface/80 rounded-full relative transition-colors data-[state=checked]:active-gradient border border-border  flex-shrink-0"
       >
-        <Switch.Thumb className="block w-[18px] h-[18px] sm:w-5 sm:h-5 bg-secondary rounded-full transition-transform translate-x-0.5 data-[state=checked]:translate-x-[18px] sm:data-[state=checked]:translate-x-[22px] data-[state=checked]:bg-accent" />
+        <Switch.Thumb className="block w-[18px] h-[18px] sm:w-5 sm:h-5 bg-secondary rounded-full transition-transform translate-x-0.5 data-[state=checked]:translate-x-[18px] sm:data-[state=checked]:translate-x-[22px] data-[state=checked]:progress-gradient" />
       </Switch.Root>
     </div>
   );