Hide stats header in TopBar for non-descriptions tabs

Only show Total, Missing DE/EN Long/Short, Fully Complete header when viewing Product Descriptions tab

.vscode/settings.json

@@ -0,0 +1 @@
+{}

config_output.txt

@@ -0,0 +1,3 @@
+Credit balance is too low
+SessionEnd hook [node "${CLAUDE_PLUGIN_ROOT}/hooks/session-end-cleanup.mjs"] failed: /bin/sh: node: command not found
+

src/App.tsx

@@ -471,6 +471,7 @@ export default function App() {
     <div className="h-screen bg-[#040d1a] text-slate-200 flex flex-col font-sans overflow-hidden">
       <TopBar
         stats={stats}
+        activeModule={activeModule}
         onExport={handleExport}
         hasData={appState.data.length > 0}
         hasUnsavedChanges={appState.hasUnsavedChanges}

src/components/TopBar.tsx

@@ -4,6 +4,7 @@ import { cn } from '../lib/utils';
 
 interface TopBarProps {
   stats: any;
+  activeModule?: string;
   onExport: () => void;
   hasData: boolean;
   hasUnsavedChanges: boolean;
@@ -20,7 +21,7 @@ interface TopBarProps {
   isSavingAll: boolean;
 }
 
-export function TopBar({ stats, onExport, hasData, hasUnsavedChanges, userEmail, onSignOut, canUndo, onUndo, undoMessage, undoSteps, pendingCount, pendingChanges, onSaveAll, onRevertRow, isSavingAll }: TopBarProps) {
+export function TopBar({ stats, activeModule, onExport, hasData, hasUnsavedChanges, userEmail, onSignOut, canUndo, onUndo, undoMessage, undoSteps, pendingCount, pendingChanges, onSaveAll, onRevertRow, isSavingAll }: TopBarProps) {
   const [showPending, setShowPending] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
 
@@ -50,7 +51,7 @@ export function TopBar({ stats, onExport, hasData, hasUnsavedChanges, userEmail,
         />
       </div>
 
-      {stats && (
+      {stats && activeModule === 'descriptions' && (
         <div className="flex items-center gap-4 text-xs font-medium">
           <div className="flex flex-col items-center">
             <span className="text-slate-400">Total</span>