From 63feabfdf984b6d4c239b803e2b4cbb816a8a1e3 Mon Sep 17 00:00:00 2001
From: Rolando Santamaria Maso <4096860+jkyberneees@users.noreply.github.com>
Date: Wed, 9 Sep 2026 20:06:20 +0200
Subject: [PATCH] fix: hide context_trimmed event from Web UI

Remove the client-side handling of the context_trimmed signal
(toast + gauge flash), the unused flashTrim helper, and the dead
CSS animation rules.
---
 cmd/odek/ui/js/metrics.js | 10 ----------
 cmd/odek/ui/js/ws.js      |  7 +------
 cmd/odek/ui/style.css     |  7 -------
 3 files changed, 1 insertion(+), 23 deletions(-)

diff --git a/cmd/odek/ui/js/metrics.js b/cmd/odek/ui/js/metrics.js
index eae4cf96..1e7c38e9 100644
--- a/cmd/odek/ui/js/metrics.js
+++ b/cmd/odek/ui/js/metrics.js
@@ -216,16 +216,6 @@ export function turnCostUSD(inTok, outTok) {
   return inTok / 1e6 * S.metrics.inPrice + outTok / 1e6 * S.metrics.outPrice;
 }
 
-// flashTrim draws attention to the gauge when the engine trims history.
-export function flashTrim() {
-  const gauge = document.getElementById('ctx-gauge');
-  if (!gauge) return;
-  gauge.classList.remove('trim');
-  void gauge.offsetWidth; // restart the animation
-  gauge.classList.add('trim');
-  setTimeout(() => gauge.classList.remove('trim'), 1200);
-}
-
 // ── Rendering ──
 
 // Bodek formatUSD: cents at $1+, up to four decimals below (trailing
diff --git a/cmd/odek/ui/js/ws.js b/cmd/odek/ui/js/ws.js
index dc58d415..7edacd52 100644
--- a/cmd/odek/ui/js/ws.js
+++ b/cmd/odek/ui/js/ws.js
@@ -15,7 +15,7 @@ import { queueApproval, dismissApproval, clearApprovals, expireApproval } from '
 import { queueClarify, dismissClarify, clearClarify, expireClarify } from './clarify.js';
 import { loadSessions } from './sessions.js';
 import { onPong, onServerInfo, startHeartbeat, stopHeartbeat, notifyUser } from './health.js';
-import { metricsLiveContext, metricsDone, metricsApplySpeed, metricsResetSpeed, flashTrim, turnStatsHTML, setMetricsModel } from './metrics.js';
+import { metricsLiveContext, metricsDone, metricsApplySpeed, metricsResetSpeed, turnStatsHTML, setMetricsModel } from './metrics.js';
 import { drainQueue } from './input.js';
 import { setIntent, openTurn, markWakeTurn, sealTurn, paintIntent } from './render.js';
 import { badgeNow } from './panels.js';
@@ -524,11 +524,6 @@ function kickJobsFetch() {
 
 function handleAgentSignal(event) {
   switch (event.event) {
-    case 'context_trimmed':
-      flashTrim();
-      showToast('✂️ Context trimmed (' + (event.detail || '') + '): ' +
-        (event.count || 0) + ' group(s) dropped');
-      break;
     case 'tool_recovery':
       showToast('🔁 Tool recovery: ' + (event.tool || ''));
       break;
diff --git a/cmd/odek/ui/style.css b/cmd/odek/ui/style.css
index 634851e0..b098085d 100644
--- a/cmd/odek/ui/style.css
+++ b/cmd/odek/ui/style.css
@@ -332,13 +332,6 @@ button:disabled { cursor: not-allowed; }
   min-width: 34px;
   text-align: right;
 }
-/* History was trimmed — draw the eye to the gauge once. */
-.ctx-gauge.trim .ctx-bar { animation: ctx-flash 1.2s var(--ease) 2; }
-@keyframes ctx-flash {
-  0%, 100% { box-shadow: 0 0 0 0 transparent; }
-  50%      { box-shadow: 0 0 0 3px var(--amber-glow); }
-}
-
 .m-tok {
   font-size: var(--fs-xs);
   color: var(--text-3);