u

src/components/brand/BrandImageSearchDialog.jsx

@@ -302,12 +302,10 @@ export default class BrandImageSearchDialog extends PureComponent {
           >
             <TextInput
               fullWidth
-              label="Suchbegriff"
               value={query}
               disabled={isSearching || Boolean(processingId)}
               onChange={(e) => this.setState({ query: e.target.value })}
               onKeyDown={this.handleQueryKeyDown}
-              placeholder="z. B. Nike logo png"
               slotProps={{
                 input: {
                   startAdornment: (
@@ -336,10 +334,35 @@ export default class BrandImageSearchDialog extends PureComponent {
           </Box>
 
           {/* Progress / Status banner */}
-          {status === 'loading' && <LinearProgress sx={{ mb: 2, borderRadius: 1 }} />}
+          <Box
+            sx={{
+              minHeight: 28,
+              mb: 1.5,
+              display: 'flex',
+              flexDirection: 'column',
+              justifyContent: 'center',
+            }}
+          >
+            {status === 'loading' && (
+              <Box>
+                <Box
+                  sx={{
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    mb: 0.5,
+                  }}
+                >
+                  <Typography variant="caption" color="text.secondary">
+                    Bilder werden gesucht...
+                  </Typography>
+                </Box>
+                <LinearProgress sx={{ borderRadius: 1 }} />
+              </Box>
+            )}
 
             {status === 'streaming' && (
-            <Box sx={{ mb: 2 }}>
+              <Box>
                 <Box
                   sx={{
                     display: 'flex',
@@ -367,6 +390,24 @@ export default class BrandImageSearchDialog extends PureComponent {
               </Box>
             )}
 
+            {status === 'done' && images.length > 0 && (
+              <Box
+                sx={{
+                  display: 'flex',
+                  justifyContent: 'space-between',
+                  alignItems: 'center',
+                }}
+              >
+                <Typography variant="caption" color="text.secondary">
+                  Thumbnails geladen
+                </Typography>
+                <Typography variant="caption" fontWeight={600} color="text.secondary">
+                  {loadedThumbs} / {images.length}
+                </Typography>
+              </Box>
+            )}
+          </Box>
+
           {/* Error banner */}
           {error && (
             <Alert severity="error" sx={{ mb: 2 }}>
@@ -611,10 +652,7 @@ export default class BrandImageSearchDialog extends PureComponent {
           )}
         </DialogContent>
 
-        <DialogActions sx={{ px: 2.5, py: 1.5, justifyContent: 'space-between' }}>
+        <DialogActions sx={{ px: 2.5, py: 1.5 }}>
-          <Typography variant="caption" color="text.secondary">
-            {images.length > 0 ? `${images.length} Ergebnisse gefunden` : ''}
-          </Typography>
           <Button onClick={onClose} color="inherit">
             Schließen
           </Button>