From 9ccac8ca81d9d84ede3ab4f3014693f7331ff76b Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 11 Oct 2026 16:31:36 +0200
Subject: [PATCH] Extend import of activities with Ghostfolio AI

---
 .../import-activities-dialog.component.ts     |  2 --
 .../import-activities-dialog.html             | 11 ++++++----
 .../import-activities-dialog.scss             | 20 +++++++++++++++----
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.component.ts b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.component.ts
index 5449abe404..dd2ccafe78 100644
--- a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.component.ts
+++ b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.component.ts
@@ -57,7 +57,6 @@ import {
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { PageEvent } from '@angular/material/paginator';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelectModule } from '@angular/material/select';
 import { MatSnackBar } from '@angular/material/snack-bar';
@@ -94,7 +93,6 @@ import { ImportActivitiesDialogParams } from './interfaces/interfaces';
     MatDialogModule,
     MatExpansionModule,
     MatFormFieldModule,
-    MatProgressBarModule,
     MatProgressSpinnerModule,
     MatSelectModule,
     MatStepperModule,
diff --git a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
index a82e752257..d1d4b24f4b 100644
--- a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
+++ b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.html
@@ -76,9 +76,11 @@
         } @else {
           <div class="d-flex flex-column justify-content-center">
             @if (isLoading) {
-              <div class="drop-area p-4 text-center text-muted">
-                <span i18n>Ghostfolio AI is reading the file...</span>
-                <mat-progress-bar class="mt-3" mode="indeterminate" />
+              <div
+                class="align-items-center d-flex drop-area flex-column justify-content-center p-4 text-center text-muted"
+              >
+                <mat-spinner [diameter]="20" />
+                <span i18n>Ghostfolio AI is processing the file...</span>
               </div>
             } @else {
               <button
@@ -140,6 +142,7 @@
                 <span
                   class="align-items-center d-flex"
                   matTooltipPosition="above"
+                  [class.text-muted]="isLoading"
                   [matTooltip]="ghostfolioAiTooltip"
                 >
                   <ion-icon name="information-circle-outline" />
@@ -191,7 +194,7 @@
               <div class="align-items-center d-flex mb-3 pl-1">
                 <ion-icon class="mr-2" name="warning-outline" />
                 <span i18n
-                  >Ghostfolio AI has read the maximum of
+                  >Ghostfolio AI has processed the maximum of
                   {{ maxActivitiesOfGhostfolioAi }} activities. The file can
                   have more activities.</span
                 >
diff --git a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss
index 9d3ee64993..5aaa0c42ed 100644
--- a/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss
+++ b/apps/client/src/app/pages/portfolio/activities/import-activities-dialog/import-activities-dialog.scss
@@ -42,11 +42,23 @@
       .cloud-icon {
         font-size: 2.5rem;
       }
-    }
 
-    .mat-mdc-progress-spinner {
-      right: 1.5rem;
-      top: calc(50% - 10px);
+      .mat-mdc-form-field {
+        .mat-mdc-progress-spinner {
+          right: 1.5rem;
+          top: calc(50% - 10px);
+        }
+      }
+
+      .mat-mdc-progress-spinner {
+        @include mat.progress-spinner-overrides(
+          (
+            active-indicator-color: var(--gf-theme-primary-500)
+          )
+        );
+
+        margin: 0.625rem 0;
+      }
     }
 
     .mat-expansion-panel {