From d5bee9ecb41b02fde20671d85cf22e60fd475d37 Mon Sep 17 00:00:00 2001
From: "opencode-agent[bot]"
 <219766164+opencode-agent[bot]@users.noreply.github.com>
Date: Fri, 30 Oct 2026 14:46:39 +1000
Subject: [PATCH] fix(app): remove context tab indicator tooltip (#59505)

Co-authored-by: iamdavidhill <1879069+iamdavidhill@users.noreply.github.com>
Co-authored-by: Luke Parker <10430890+Hona@users.noreply.github.com>
---
 .../gui-plugins/src/context/indicator.tsx     | 40 +++++--------------
 1 file changed, 9 insertions(+), 31 deletions(-)

diff --git a/packages/gui-plugins/src/context/indicator.tsx b/packages/gui-plugins/src/context/indicator.tsx
index 4038fede0309..446d2507e6cf 100644
--- a/packages/gui-plugins/src/context/indicator.tsx
+++ b/packages/gui-plugins/src/context/indicator.tsx
@@ -8,15 +8,6 @@ import { lastAssistantWithUsage } from "@opencode/client/solid"
 import { usePlugin, type MountedSession } from "@opencode/plugin/gui"
 import { catalogModel, syncCatalog } from "./catalog"
 
-function ContextTooltipRow(props: { name: JSX.Element; value: JSX.Element }) {
-  return (
-    <div class="flex min-w-0 items-center gap-4">
-      <span class="shrink-0 text-v2-text-text-muted">{props.name}</span>
-      <span class="ml-auto min-w-0 truncate text-right text-v2-text-text-base">{props.value}</span>
-    </div>
-  )
-}
-
 export function SessionContextUsage(props: {
   session: MountedSession
   /** False while the session's view is detached; it loads nothing until selected again. */
@@ -126,16 +117,6 @@ export function SessionContextUsage(props: {
     </div>
   )
 
-  const tooltipValue = () => (
-    <div class="flex w-[120px] flex-col gap-2">
-      <Show when={showCost()}>
-        <ContextTooltipRow name={ctx.t("usage.cost")} value={cost()} />
-      </Show>
-      <ContextTooltipRow name={ctx.t("usage.usage")} value={`${context()?.usage ?? 0}%`} />
-      <ContextTooltipRow name={ctx.t("usage.tokens")} value={context()?.total.toLocaleString(i18n.locale()) ?? "0"} />
-    </div>
-  )
-
   const menuRow = (name: JSX.Element, value: JSX.Element) => (
     <div class="flex h-7 min-w-0 items-center gap-4 px-3 text-[13px] font-[440] leading-[var(--line-height-compact)] tracking-[-0.04px]">
       <span class="shrink-0 text-v2-text-text-muted">{name}</span>
@@ -172,13 +153,10 @@ export function SessionContextUsage(props: {
   return (
     <Show when={props.session.id}>
       <Show when={!props.compact} fallback={usageMenu()}>
-        <Tooltip
-          value={variant() === "indicator" ? tooltipValue() : ctx.t("usage.toggle")}
-          placement={props.placement ?? "top"}
-        >
-          <Show
-            when={variant() === "indicator"}
-            fallback={
+        <Show
+          when={variant() === "indicator"}
+          fallback={
+            <Tooltip value={ctx.t("usage.toggle")} placement={props.placement ?? "top"}>
               <Button
                 type="button"
                 variant="ghost-muted"
@@ -199,11 +177,11 @@ export function SessionContextUsage(props: {
                   </Show>
                 </span>
               </Button>
-            }
-          >
-            {circle()}
-          </Show>
-        </Tooltip>
+            </Tooltip>
+          }
+        >
+          {circle()}
+        </Show>
       </Show>
     </Show>
   )