Feat: Add z.ai usage tracking

apps/ui/src/components/views/board-view/header-mobile-menu.tsx

@@ -30,6 +30,7 @@ interface HeaderMobileMenuProps {
   // Usage bar visibility
   showClaudeUsage: boolean;
   showCodexUsage: boolean;
+  showZaiUsage?: boolean;
 }
 
 export function HeaderMobileMenu({
@@ -47,18 +48,23 @@ export function HeaderMobileMenu({
   onOpenPlanDialog,
   showClaudeUsage,
   showCodexUsage,
+  showZaiUsage = false,
 }: HeaderMobileMenuProps) {
   return (
     <>
       <HeaderActionsPanelTrigger isOpen={isOpen} onToggle={onToggle} />
       <HeaderActionsPanel isOpen={isOpen} onClose={onToggle} title="Board Controls">
-        {/* Usage Bar - show if either provider is authenticated */}
-        {(showClaudeUsage || showCodexUsage) && (
+        {/* Usage Bar - show if any provider is authenticated */}
+        {(showClaudeUsage || showCodexUsage || showZaiUsage) && (
           <div className="space-y-2">
             <span className="text-xs font-medium text-muted-foreground uppercase tracking-wide">
               Usage
             </span>
-            <MobileUsageBar showClaudeUsage={showClaudeUsage} showCodexUsage={showCodexUsage} />
+            <MobileUsageBar
+              showClaudeUsage={showClaudeUsage}
+              showCodexUsage={showCodexUsage}
+              showZaiUsage={showZaiUsage}
+            />
           </div>
         )}