From 5c3d99de3a766b9a0e97da356b0017d8bb824a43 Mon Sep 17 00:00:00 2001
From: Phil Merrell <philmerrell@boisestate.edu>
Date: Sun, 27 Sep 2026 11:17:20 -0600
Subject: [PATCH] fix(spa): keep the context-meter panel above the announcement
 pill

The panel was z-20 and the announcement pill z-30, and both sit in
chat-input's stacking context, so an open panel had the pill drawn
across it. Raise the panel to z-40.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../components/context-meter/context-meter.component.ts      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/ai.client/src/app/session/components/context-meter/context-meter.component.ts b/frontend/ai.client/src/app/session/components/context-meter/context-meter.component.ts
index bb34c2b26..5fecc05d5 100644
--- a/frontend/ai.client/src/app/session/components/context-meter/context-meter.component.ts
+++ b/frontend/ai.client/src/app/session/components/context-meter/context-meter.component.ts
@@ -154,11 +154,14 @@ function formatUsd(value: number): string {
       </button>
 
       @if (open()) {
+        <!-- z-40, not z-20: the panel shares chat-input's stacking context with
+             the announcement pill (z-30), which floats over the composer, so
+             anything lower renders the pill across the panel. -->
         <div
           id="context-meter-panel"
           role="region"
           aria-label="Context and cost details"
-          class="meter-panel absolute right-0 bottom-full z-20 mb-2 w-[min(20rem,calc(100vw-2rem))] rounded-xl border border-gray-200 bg-white p-3 text-left text-xs/5 text-gray-700 shadow-lg dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300"
+          class="meter-panel absolute right-0 bottom-full z-40 mb-2 w-[min(20rem,calc(100vw-2rem))] rounded-xl border border-gray-200 bg-white p-3 text-left text-xs/5 text-gray-700 shadow-lg dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300"
         >
           @if (showContext()) {
             <div class="flex items-baseline justify-between gap-3">