API Test

Chrono/Shared/Components/CardGrid.razor

@@ -1,6 +1,6 @@
 @namespace Shared.Components
 
-@inject Shared.Services.CardPreviewService PreviewService
+@inject CardPreviewService PreviewService
 
 <div class="deck-card-row">
     @foreach (var group in Cards.GroupBy(x => x))

Chrono/Shared/Components/CardPreview.razor

@@ -1,12 +1,11 @@
-@using Shared.Services
-@using Model
-@inject CardPreviewService PreviewService
+@inject CardPreviewService PreviewService
 
 @if (PreviewService.IsVisible && PreviewService.HoveredCard != null)
 {
     <div class="card-preview-container" style="left: @(PreviewService.X + 20)px; top: @(PreviewService.Y - 100)px;">
         <div class="card-preview-card">
-            <img src="@PreviewService.HoveredCard.ImagePath" alt="@PreviewService.HoveredCard.Name" class="preview-image" />
+            <img src="@PreviewService.HoveredCard.ImagePath" alt="@PreviewService.HoveredCard.Name"
+                 class="preview-image"/>
             <div class="preview-overlay">
                 <div class="preview-name">@PreviewService.HoveredCard.Name</div>
                 <div class="preview-meta">
@@ -25,7 +24,8 @@
                     <div class="preview-stats">
                         @if (PreviewService.HoveredCard.Attack.HasValue)
                         {
-                            <span class="stat-item"><i class="bi bi-shield-shaded"></i> @PreviewService.HoveredCard.Attack</span>
+                            <span class="stat-item"><i
+                                    class="bi bi-shield-shaded"></i> @PreviewService.HoveredCard.Attack</span>
                         }
                         @if (PreviewService.HoveredCard.Health.HasValue)
                         {
@@ -39,6 +39,7 @@
 }
 
 @code {
+
     protected override void OnInitialized()
     {
         PreviewService.OnChange += StateHasChanged;
@@ -48,4 +49,5 @@
     {
         PreviewService.OnChange -= StateHasChanged;
     }
+
 }

Chrono/Shared/Components/CardPreview.razor.css

@@ -11,7 +11,7 @@
     border: 2px solid #333;
     border-radius: 12px;
     overflow: hidden;
-    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
     animation: previewFadeIn 0.2s ease-out;
 }
 
@@ -22,7 +22,7 @@
 
 .preview-overlay {
     padding: 10px;
-    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
+    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
     position: absolute;
     bottom: 0;
     left: 0;
@@ -33,7 +33,7 @@
     font-weight: bold;
     color: white;
     font-size: 1.1rem;
-    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
 }
 
 .preview-meta {
@@ -88,6 +88,12 @@
 }
 
 @keyframes previewFadeIn {
-    from { opacity: 0; transform: translateY(10px); }
-    to { opacity: 1; transform: translateY(0); }
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }

Chrono/Shared/Components/DocDetailModal.razor

@@ -1,6 +1,5 @@
 @using System.Text.RegularExpressions
 @using Microsoft.AspNetCore.Components.Rendering
-@using Model
 @namespace Shared.Components
 
 @if (Doc != null)