ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-02-04 09:13:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: prefer Claude session usage in header indicator

Browse Source
This commit is contained in:
DhanushSantosh
2026-01-23 18:19:21 +05:30
parent 372cfe6982
commit 42ee4f211d
1 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
apps/ui/src/components/usage-popover.tsx
View File

@@ -244,28 +244,26 @@ export function UsagePopover() {
return 'bg-green-500'; return 'bg-green-500';
}; };
// Determine which provider icon and percentage to show based on active tab // Determine which provider icon and percentage to show on the header button
const getTabInfo = () => { const hasClaudeUsage = Boolean(claudeUsage);
if (activeTab === 'claude') { const hasCodexUsage = Boolean(codexUsage);
return { const useClaudeIndicator = hasClaudeUsage || (!hasCodexUsage && isClaudeAuthenticated);
const indicatorInfo = useClaudeIndicator
? {
icon: AnthropicIcon, icon: AnthropicIcon,
percentage: claudeSessionPercentage, percentage: claudeSessionPercentage,
isStale: isClaudeStale, isStale: isClaudeStale,
title: `Session usage (${CLAUDE_SESSION_WINDOW_HOURS}h window)`,
}
: {
icon: OpenAIIcon,
percentage: codexMaxPercentage,
isStale: isCodexStale,
title: 'Usage',
}; };
}
return {
icon: OpenAIIcon,
percentage: codexMaxPercentage,
isStale: isCodexStale,
};
};
const tabInfo = getTabInfo(); const statusColor = getStatusInfo(indicatorInfo.percentage).color;
const statusColor = getStatusInfo(tabInfo.percentage).color; const ProviderIcon = indicatorInfo.icon;
const ProviderIcon = tabInfo.icon;
const indicatorTitle =
activeTab === 'claude' ? `Session usage (${CLAUDE_SESSION_WINDOW_HOURS}h window)` : 'Usage';
const trigger = ( const trigger = (
<Button variant="ghost" size="sm" className="h-9 gap-2 bg-secondary border border-border px-3"> <Button variant="ghost" size="sm" className="h-9 gap-2 bg-secondary border border-border px-3">
@@ -273,18 +271,18 @@ export function UsagePopover() {
<span className="text-sm font-medium">Usage</span> <span className="text-sm font-medium">Usage</span>
{(claudeUsage || codexUsage) && ( {(claudeUsage || codexUsage) && (
<div <div
title={indicatorTitle} title={indicatorInfo.title}
className={cn( className={cn(
'h-1.5 w-16 bg-muted-foreground/20 rounded-full overflow-hidden transition-opacity', 'h-1.5 w-16 bg-muted-foreground/20 rounded-full overflow-hidden transition-opacity',
tabInfo.isStale && 'opacity-60' indicatorInfo.isStale && 'opacity-60'
)} )}
> >
<div <div
className={cn( className={cn(
'h-full transition-all duration-500', 'h-full transition-all duration-500',
getProgressBarColor(tabInfo.percentage) getProgressBarColor(indicatorInfo.percentage)
)} )}
style={{ width: `${Math.min(tabInfo.percentage, 100)}%` }} style={{ width: `${Math.min(indicatorInfo.percentage, 100)}%` }}
/> />
</div> </div>
)} )}