chore(web): trim comments and lower context-gauge color thresholds

Also drop the gauge's yellow/red thresholds from 70/90 to 50/80 so the
ring shifts color earlier as the context fills.

Author: jsourcebot

packages/web/src/ee/features/chat/components/chatThread/detailsCard.tsx

@@ -397,10 +397,8 @@ const StepTokenUsage = ({ usage, label = 'step' }: { usage: StepTokenUsageEntry,
 }
 
 
-// Usage thresholds for the context-window gauge. Below `YELLOW` the window has
-// plenty of headroom (green); past `RED` it's nearly full (red).
-const CONTEXT_USAGE_YELLOW_PERCENT = 70;
-const CONTEXT_USAGE_RED_PERCENT = 90;
+const CONTEXT_USAGE_YELLOW_PERCENT = 50;
+const CONTEXT_USAGE_RED_PERCENT = 80;
 
 const getContextUsageColorClass = (percent: number): string => {
     if (percent >= CONTEXT_USAGE_RED_PERCENT) {
@@ -409,7 +407,6 @@ const getContextUsageColorClass = (percent: number): string => {
     if (percent >= CONTEXT_USAGE_YELLOW_PERCENT) {
         return "text-yellow-500";
     }
-    // Desaturated sage green rather than the neon green-500.
     return "text-[#6cb38f]";
 };
 
@@ -424,9 +421,7 @@ const ContextWindowGauge = ({ total, percent }: { total: number, percent: number
     return (
         <div className="flex items-center gap-1.5 text-xs whitespace-nowrap">
             <svg width={size} height={size} className="-rotate-90 flex-shrink-0">
-                {/* Neutral gray track. (Theme tokens here are defined without an
-                    alpha channel, so an /opacity modifier on them is silently
-                    ignored — use a solid palette gray instead.) */}
+                {/* Neutral gray track. */}
                 <circle
                     cx={size / 2}
                     cy={size / 2}

packages/web/src/features/chat/modelContextWindow.server.ts

@@ -76,8 +76,8 @@ const loadCatalog = async (): Promise<ModelsDevCatalog | null> => {
  * Pure lookup of a model's context window in a models.dev catalog. Separated
  * from the network fetch so it can be unit-tested directly.
  *
- * Returns the total context window (input + output share it) in tokens, or
- * `undefined` when the model isn't catalogued or has no usable window.
+ * Returns the total context window in tokens, or `undefined` when the model 
+ * isn't catalogued or has no usable window.
  */
 export const lookupContextWindow = (
     catalog: ModelsDevCatalog | null,
@@ -94,13 +94,6 @@ export const lookupContextWindow = (
     return typeof context === 'number' && context > 0 ? context : undefined;
 };
 
-/**
- * Resolves the context window (in tokens) for a configured language model from
- * the models.dev catalog. Returns `undefined` when unknown — e.g. arbitrary
- * openai-compatible / self-hosted ids, provider/model ids that don't match the
- * catalog's keys (bedrock ARNs, vertex `@`-suffixed ids, azure deployments), or
- * when models.dev is unreachable. Never throws into the request path.
- */
 export const resolveContextWindow = async (
     config: Pick<LanguageModel, 'provider' | 'model'>,
 ): Promise<number | undefined> => {