Skip to content

Commit 2d22859

Browse files
committed
fix: correct progress bar tooltip rendering
- Set asChild={true} for StandardTooltip components in progress bar sections - This prevents extra wrapper divs that were breaking the flex layout - Progress bar now displays correctly with proper width calculations
1 parent 47fd6f3 commit 2d22859

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

webview-ui/src/components/chat/ContextWindowProgress.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ export const ContextWindowProgress = ({ contextWindow, contextTokens, maxTokens
4646
})}
4747
side="top"
4848
sideOffset={8}
49-
asChild={false}>
49+
asChild>
5050
<div className="relative h-full" style={{ width: `${currentPercent}%` }}>
5151
{/* Current tokens used - darkest */}
5252
<div className="h-full w-full bg-[var(--vscode-foreground)] transition-width duration-300 ease-out" />
@@ -60,7 +60,7 @@ export const ContextWindowProgress = ({ contextWindow, contextTokens, maxTokens
6060
})}
6161
side="top"
6262
sideOffset={8}
63-
asChild={false}>
63+
asChild>
6464
<div className="relative h-full" style={{ width: `${reservedPercent}%` }}>
6565
{/* Reserved for output section - medium gray */}
6666
<div className="h-full w-full bg-[color-mix(in_srgb,var(--vscode-foreground)_30%,transparent)] transition-width duration-300 ease-out" />
@@ -75,7 +75,7 @@ export const ContextWindowProgress = ({ contextWindow, contextTokens, maxTokens
7575
})}
7676
side="top"
7777
sideOffset={8}
78-
asChild={false}>
78+
asChild>
7979
<div className="relative h-full" style={{ width: `${availablePercent}%` }}>
8080
{/* Available space - transparent */}
8181
</div>

0 commit comments

Comments
 (0)