Hiding notes UI for now

Chrono/Build/Program.cs

@@ -17,7 +17,7 @@ if (!Directory.Exists(docsDir))
     return 1;
 }
 
-var mdFiles = Directory.GetFiles(docsDir, "*.md", SearchOption.AllDirectories);
+var mdFiles = Directory.GetFiles(docsDir, "*.md");
 var cards = new List<CardData>();
 
 foreach (var file in mdFiles)
@@ -35,7 +35,7 @@ foreach (var file in mdFiles)
 
     var name = Path.GetFileNameWithoutExtension(file);
     var category = yaml.GetValueOrDefault("category");
-    if (category == null || category == "Deck") continue;
+    if (category == null) continue;
 
     var imageFile = StripWikiLink(yaml.GetValueOrDefault("imageLink"));
     if (imageFile != null && !imageFile.EndsWith(".png"))
@@ -67,21 +67,14 @@ foreach (var file in mdFiles)
 // Copy PNGs to wwwroot/cards
 var cardsDir = Path.Combine(webWwwRoot, "cards");
 Directory.CreateDirectory(cardsDir);
-
-var pngFiles = Directory.GetFiles(docsDir, "*.png", SearchOption.AllDirectories);
-var pngMap = pngFiles
-    .GroupBy(Path.GetFileName)
-    .ToDictionary(g => g.Key!, g => g.First(), StringComparer.OrdinalIgnoreCase);
-
 foreach (var card in cards)
 {
     if (card.ImageFile == null) continue;
-    if (pngMap.TryGetValue(card.ImageFile, out var src))
-    {
+    var src = Path.Combine(docsDir, card.ImageFile);
     var dst = Path.Combine(cardsDir, card.ImageFile);
+    if (File.Exists(src))
         File.Copy(src, dst, true);
 }
-}
 
 // Generate C# source file
 Directory.CreateDirectory(Path.GetDirectoryName(generatedFile)!);
@@ -126,8 +119,8 @@ writer.WriteLine("}");
 Console.WriteLine($"Generated {cards.Count} cards in {generatedFile}");
 
 // ── Decks ──
-var decksDir = Path.Combine(docsDir, "Deck");
-var deckFiles = Directory.Exists(decksDir) ? Directory.GetFiles(decksDir, "*.md", SearchOption.AllDirectories) : [];
+var decksDir = Path.Combine(docsDir, "Decks");
+var deckFiles = Directory.Exists(decksDir) ? Directory.GetFiles(decksDir, "*.md") : [];
 var decks = new List<DeckData>();
 
 foreach (var file in deckFiles)
@@ -142,7 +135,6 @@ foreach (var file in deckFiles)
 
     var name = Path.GetFileNameWithoutExtension(file);
     var isVisible = yaml.GetValueOrDefault("isVisible") == "true";
-    var deckCode = yaml.GetValueOrDefault("deckCode");
 
     var deck = new DeckData
     {
@@ -153,8 +145,7 @@ foreach (var file in deckFiles)
         Description = StripWikiLinks(NullIfNa(yaml.GetValueOrDefault("description")))?.Replace("\r\n", "\n")
             .Replace("\r", "\n").Replace("\n\n", "\n").Replace("\n\n", "\n"),
         Factions = ParseList(yaml, "factions").Select(s => StripWikiLink(s) ?? "").Where(s => s != "").ToList(),
-        IsVisible = isVisible,
-        DeckCode = deckCode
+        IsVisible = isVisible
     };
 
     decks.Add(deck);
@@ -188,7 +179,6 @@ for (var i = 0; i < decks.Count; i++)
     WriteStrProp(deckWriter, "Description", d.Description, 3);
     WriteListProp(deckWriter, "Factions", d.Factions, 3);
     deckWriter.WriteLine($"            IsVisible = {(d.IsVisible ? "true" : "false")},");
-    WriteStrProp(deckWriter, "DeckCode", d.DeckCode, 3);
     var comma = i < decks.Count - 1 ? "," : "";
     deckWriter.WriteLine($"        }}{comma}");
 }

Chrono/Model/CardData.cs

@@ -39,8 +39,6 @@ public class CardData
         return Name.ToLowerInvariant().Contains(q) ||
                (Description?.ToLowerInvariant().Contains(q) ?? false) ||
                (Faction?.ToLowerInvariant().Contains(q) ?? false) ||
-               Archetypes.Any(a => a.ToLowerInvariant().Contains(q)) ||
-               (Name.ToLowerInvariant().Contains("b.o.o.f.") && q.Equals("boof")) ||
-               (Name.ToLowerInvariant().Contains("boof") && q.Equals("b.o.o.f."));
+               Archetypes.Any(a => a.ToLowerInvariant().Contains(q));
     }
 }

Chrono/Model/DeckData.cs

@@ -7,9 +7,6 @@ public class DeckData
     public List<string> Keycards { get; init; } = [];
     public List<string> Divers { get; init; } = [];
     public string? Description { get; init; }
-    
-    public string? DeckCode { get; init; }
-
     public List<string> Factions { get; init; } = [];
     public bool IsVisible { get; init; }
 

Chrono/Tests/PlaywrightTests.cs

@@ -6,4 +6,42 @@ namespace Tests;
 [TestFixture]
 public class PlaywrightTests : PageTest
 {
+    [Test]
+    public async Task CanWriteAndSaveNote()
+    {
+        // 1. Navigate to the cards gallery
+        await Page.GotoAsync("http://localhost:8080/cards");
+
+        // 2. Wait for cards to load - looking for at least one card-cell
+        await Expect(Page.Locator(".card-cell").First).ToBeVisibleAsync();
+
+        // 3. Find an Agent card and click it. 
+        var agentCard = Page.Locator(".card-cell:has(.card-category-badge.agent)").First;
+        await agentCard.ClickAsync();
+
+        // 4. Wait for the detail view to show the note textarea
+        var noteInput = Page.Locator(".note-input");
+        await Expect(noteInput).ToBeVisibleAsync();
+
+        // 5. Type a unique note
+        var uniqueNote = "Test note " + Guid.NewGuid();
+        await noteInput.FillAsync(uniqueNote);
+
+        // 6. Blur to trigger save
+        await noteInput.BlurAsync();
+
+        // 7. Wait for saving indicator to disappear (if it appeared)
+        var savingIndicator = Page.Locator(".saving-indicator");
+        if (await savingIndicator.IsVisibleAsync()) await Expect(savingIndicator).Not.ToBeVisibleAsync();
+
+        // 8. Close the detail view by clicking the backdrop
+        await Page.Locator(".modal-backdrop").ClickAsync();
+        await Expect(noteInput).Not.ToBeVisibleAsync();
+
+        // 9. Re-open the same agent card
+        await agentCard.ClickAsync();
+
+        // 10. Verify the note is still there
+        await Expect(noteInput).ToHaveValueAsync(uniqueNote);
+    }
 }

Chrono/Web/Components/CardDialog.razor

@@ -1,267 +0,0 @@
-@namespace Chrono.Components
-
-@if (Card != null)
-{
-    <div class="modal-backdrop" @onclick="HandleBackdropClick"></div>
-    <div class="card-detail @(!HasImage ? "card-detail-noimg" : "")">
-        <button class="detail-close" @onclick="HandleClose"><i class="bi bi-x-lg"></i></button>
-        <div class="detail-layout @(!HasImage ? "layout-noimg" : "")">
-            @if (HasImage)
-            {
-                <div class="detail-image">
-                    <img src="@Card.ImagePath" alt="@Card.Name"
-                         onerror="this.style.display='none';this.parentElement.style.display='none'" />
-                </div>
-            }
-            <div class="detail-info">
-                <div class="detail-header">
-                    <h2>@Card.Name</h2>
-                    <div class="detail-meta">
-                        <span class="meta-badge category @Card.Category?.ToLowerInvariant()">@Card.Category</span>
-                        @if (Card.Cost.HasValue)
-                        {
-                            <span class="meta-badge cost"><i class="bi bi-lightning-fill"></i> @Card.Cost</span>
-                        }
-                        @if (Card.Attack.HasValue)
-                        {
-                            <span class="meta-badge attack"><i class="bi bi-crosshair"></i> @Card.Attack</span>
-                        }
-                        @if (Card.Health.HasValue)
-                        {
-                            <span class="meta-badge health"><i class="bi bi-heart-fill"></i> @Card.Health</span>
-                        }
-                        @if (Card.Speed != null)
-                        {
-                            <span class="meta-badge speed"><i class="bi bi-wind"></i> @Card.Speed</span>
-                        }
-                    </div>
-                </div>
-
-                @if (Card.Faction != null)
-                {
-                    <div class="detail-field">
-                        <span class="field-label"><i class="bi bi-flag-fill"></i> Faction</span>
-                        <span class="field-value">@Card.Faction</span>
-                    </div>
-                }
-
-                @if (Card.Description != null)
-                {
-                    <div class="detail-field description">
-                        <span class="field-label"><i class="bi bi-chat-quote-fill"></i></span>
-                        <span class="field-value">@RenderDescription(Card.Description)</span>
-                    </div>
-                }
-
-                @if (Card.Set != null)
-                {
-                    <div class="detail-field">
-                        <span class="field-label"><i class="bi bi-collection"></i> Set</span>
-                        <span class="field-value">@Card.Set</span>
-                    </div>
-                }
-
-                @if (Card.Archetypes is { Count: > 0 })
-                {
-                    <div class="detail-field">
-                        <span class="field-label"><i class="bi bi-layers-fill"></i> Archetypes</span>
-                        <span class="field-value">@string.Join(", ", Card.Archetypes)</span>
-                    </div>
-                }
-
-                @if (Card.ImmortalizeWhen != null)
-                {
-                    <div class="detail-field">
-                        <span class="field-label"><i class="bi bi-star-fill"></i> Immortalize When</span>
-                        <span class="field-value">@Card.ImmortalizeWhen</span>
-                    </div>
-                }
-
-                @if (Card.HasImmortalize)
-                {
-                    <div class="detail-field">
-                        <span class="field-label"><i class="bi bi-arrow-right-circle-fill"></i> Immortalizes To</span>
-                        <span class="field-value">
-                            @foreach (var name in Card.ImmortalizeTo!)
-                            {
-                                var targetName = name;
-                                var target = LookupCard(targetName);
-                                if (target != null)
-                                {
-                                    <button class="inline-card-btn" @onclick="() => Navigate(target)">@targetName</button>
-                                }
-                                else
-                                {
-                                    @targetName
-                                }
-                            }
-                        </span>
-                    </div>
-                }
-
-                @if (Card.ImmortalizeFrom != null)
-                {
-                    <div class="detail-field">
-                        <span class="field-label"><i class="bi bi-arrow-left-circle-fill"></i> Immortalizes From</span>
-                        <span class="field-value">
-                            @{
-                                var fromCard = LookupCard(Card.ImmortalizeFrom);
-                                if (fromCard != null)
-                                {
-                                    <button class="inline-card-btn" @onclick="() => Navigate(fromCard)">@Card.ImmortalizeFrom</button>
-                                }
-                                else
-                                {
-                                    @Card.ImmortalizeFrom
-                                }
-                            }
-                        </span>
-                    </div>
-                }
-
-                @if (ShowNotes && Card.IsAgent)
-                {
-                    <div class="detail-field note">
-                        <span class="field-label"><i class="bi bi-pencil-fill"></i> Personal Note</span>
-                        <textarea class="form-control note-input" @bind="currentNote" @onblur="SaveNote"
-                                  placeholder="Add a private note about this agent..."></textarea>
-                        @if (isSaving)
-                        {
-                            <span class="saving-indicator">Saving...</span>
-                        }
-                    </div>
-                }
-            </div>
-        </div>
-    </div>
-}
-
-@code {
-    [Parameter] public CardData? Card { get; set; }
-    [Parameter] public EventCallback OnClose { get; set; }
-    [Parameter] public EventCallback<CardData> OnNavigate { get; set; }
-    [Parameter] public bool ShowNotes { get; set; }
-
-    [Inject] private HttpClient Http { get; set; } = default!;
-
-    private bool HasImage => Card?.ImageFile is { Length: > 0 } && Card.ImageFile != "placeholder.png";
-
-    private string currentNote = "";
-    private bool isSaving;
-
-    protected override void OnParametersSet()
-    {
-        if (Card != null && Card.IsAgent)
-        {
-            currentNote = "";
-            _ = LoadNote();
-        }
-    }
-
-    private async Task LoadNote()
-    {
-        if (Card == null || !Card.IsAgent) return;
-        try
-        {
-            var note = await Http.GetFromJsonAsync<CardNote>($"api/notes/{Uri.EscapeDataString(Card.Name)}");
-            currentNote = note?.Note ?? "";
-        }
-        catch
-        {
-            currentNote = "";
-        }
-    }
-
-    private async Task SaveNote()
-    {
-        if (Card == null || !Card.IsAgent) return;
-
-        isSaving = true;
-        try
-        {
-            await Http.PostAsJsonAsync("api/notes", new CardNote { CardName = Card.Name, Note = currentNote });
-        }
-        catch { }
-        finally
-        {
-            isSaving = false;
-        }
-    }
-
-    private void HandleClose()
-    {
-        _ = OnClose.InvokeAsync();
-    }
-
-    private void HandleBackdropClick()
-    {
-        _ = OnClose.InvokeAsync();
-    }
-
-    private void Navigate(CardData card)
-    {
-        _ = OnNavigate.InvokeAsync(card);
-    }
-
-    private static CardData? LookupCard(string cardName)
-    {
-        return CardDatabase.Cards.FirstOrDefault(c =>
-            string.Equals(c.Name, cardName, StringComparison.OrdinalIgnoreCase));
-    }
-
-    private RenderFragment RenderDescription(string description) => builder =>
-    {
-        var cardNames = CardDatabase.Cards
-            .Select(c => c.Name)
-            .Where(n => !string.IsNullOrWhiteSpace(n))
-            .OrderByDescending(n => n.Length)
-            .ToList();
-
-        int seq = 0;
-        var remaining = description;
-
-        while (!string.IsNullOrEmpty(remaining))
-        {
-            int bestIdx = -1;
-            string? bestName = null;
-
-            foreach (var name in cardNames)
-            {
-                int idx = remaining.IndexOf(name, StringComparison.OrdinalIgnoreCase);
-                if (idx != -1 && (bestIdx == -1 || idx < bestIdx))
-                {
-                    bestIdx = idx;
-                    bestName = name;
-                }
-            }
-
-            if (bestIdx != -1 && bestName != null)
-            {
-                if (bestIdx > 0)
-                    builder.AddContent(seq++, remaining[..bestIdx]);
-
-                var card = LookupCard(bestName);
-                if (card != null)
-                {
-                    builder.OpenElement(seq++, "button");
-                    builder.AddAttribute(seq++, "class", "inline-card-btn");
-                    builder.AddAttribute(seq++, "onclick",
-                        EventCallback.Factory.Create(this, () => Navigate(card)));
-                    builder.AddContent(seq++, bestName);
-                    builder.CloseElement();
-                }
-                else
-                {
-                    builder.AddContent(seq++, bestName);
-                }
-
-                remaining = remaining[(bestIdx + bestName.Length)..];
-            }
-            else
-            {
-                builder.AddContent(seq++, remaining);
-                remaining = "";
-            }
-        }
-    };
-}

Chrono/Web/Components/CardDialog.razor.css

@@ -1,254 +0,0 @@
-.modal-backdrop {
-    position: fixed;
-    inset: 0;
-    z-index: 1040;
-    background: rgba(0, 0, 0, 0.7);
-    backdrop-filter: blur(4px);
-    animation: fade-in 0.2s ease-out;
-}
-
-@keyframes fade-in {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-
-.card-detail {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 1050;
-    background: var(--bg-surface);
-    border: 1px solid var(--border);
-    border-radius: 16px;
-    padding: 0;
-    max-width: 720px;
-    width: 92vw;
-    max-height: 88vh;
-    overflow-y: auto;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
-    color: var(--text-primary);
-    animation: detail-enter 0.25s ease-out;
-}
-
-@keyframes detail-enter {
-    from {
-        opacity: 0;
-        transform: translate(-50%, -50%) scale(0.92);
-    }
-    to {
-        opacity: 1;
-        transform: translate(-50%, -50%) scale(1);
-    }
-}
-
-.detail-close {
-    position: absolute;
-    top: 0.75rem;
-    right: 0.75rem;
-    z-index: 1;
-    background: rgba(0, 0, 0, 0.5);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    color: var(--text-primary);
-    width: 2rem;
-    height: 2rem;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    font-size: 0.8rem;
-    transition: all var(--transition);
-}
-
-.detail-close:hover {
-    background: rgba(255, 255, 255, 0.15);
-}
-
-.detail-layout {
-    display: flex;
-    gap: 1.5rem;
-    padding: 1.5rem;
-}
-
-.detail-image {
-    flex: 0 0 260px;
-}
-
-.detail-image img {
-    width: 100%;
-    border-radius: var(--radius);
-    box-shadow: var(--shadow);
-}
-
-/* ── No-image layout ── */
-.card-detail-noimg {
-    max-width: 460px;
-}
-
-.layout-noimg {
-    justify-content: center;
-}
-
-.detail-info {
-    flex: 1;
-    min-width: 0;
-}
-
-.detail-header {
-    margin-bottom: 1rem;
-}
-
-.detail-header h2 {
-    margin: 0 0 0.75rem;
-    font-size: 1.4rem;
-    line-height: 1.3;
-}
-
-.detail-meta {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.4rem;
-}
-
-.meta-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.3rem;
-    font-size: 0.75rem;
-    font-weight: 600;
-    padding: 0.25rem 0.6rem;
-    border-radius: 100px;
-    background: var(--bg-hover);
-    color: var(--text-secondary);
-    border: 1px solid var(--border);
-}
-
-.meta-badge.category.agent,
-.meta-badge.category.immortalized {
-    background: rgba(79, 195, 247, 0.15);
-    color: #4fc3f7;
-    border-color: rgba(79, 195, 247, 0.3);
-}
-
-.meta-badge.category.spell {
-    background: rgba(206, 147, 216, 0.15);
-    color: #ce93d8;
-    border-color: rgba(206, 147, 216, 0.3);
-}
-
-.meta-badge.cost {
-    background: rgba(255, 215, 0, 0.12);
-    color: var(--gold);
-    border-color: rgba(255, 215, 0, 0.3);
-}
-
-.meta-badge.attack {
-    background: rgba(239, 83, 80, 0.15);
-    color: #ef5350;
-    border-color: rgba(239, 83, 80, 0.3);
-}
-
-.meta-badge.health {
-    background: rgba(102, 187, 106, 0.15);
-    color: #66bb6a;
-    border-color: rgba(102, 187, 106, 0.3);
-}
-
-.meta-badge.speed {
-    background: rgba(79, 195, 247, 0.12);
-    color: #4fc3f7;
-    border-color: rgba(79, 195, 247, 0.3);
-}
-
-.detail-field {
-    display: flex;
-    gap: 0.5rem;
-    margin-bottom: 0.6rem;
-    font-size: 0.88rem;
-    line-height: 1.45;
-}
-
-.detail-field.description {
-    background: var(--bg-elevated);
-    padding: 0.6rem 0.75rem;
-    border-radius: var(--radius-sm);
-    border-left: 3px solid var(--accent);
-    margin-top: 0.25rem;
-}
-
-.field-label {
-    flex-shrink: 0;
-    color: var(--text-muted);
-    font-size: 0.8rem;
-    font-weight: 500;
-    min-width: 7.5rem;
-    display: flex;
-    align-items: flex-start;
-    gap: 0.3rem;
-}
-
-.detail-field.description .field-label {
-    min-width: auto;
-    color: var(--accent);
-}
-
-.field-value {
-    color: var(--text-secondary);
-}
-
-.detail-field.description .field-value {
-    color: var(--text-primary);
-    font-style: italic;
-}
-
-.card-detail::-webkit-scrollbar {
-    width: 4px;
-}
-
-.card-detail::-webkit-scrollbar-thumb {
-    background: var(--border);
-    border-radius: 2px;
-}
-
-.inline-card-btn {
-    background: none;
-    border: none;
-    padding: 0;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: 600;
-    color: var(--accent);
-    cursor: pointer;
-    text-decoration: underline;
-    text-underline-offset: 2px;
-    text-decoration-color: rgba(108, 99, 255, 0.3);
-    transition: color var(--transition), text-decoration-color var(--transition);
-}
-
-.inline-card-btn:hover {
-    color: #7b73ff;
-    text-decoration-color: #7b73ff;
-}
-
-@@media (max-width: 768px) {
-    .detail-layout {
-        flex-direction: column;
-        padding: 1rem;
-    }
-
-    .detail-image {
-        flex: 0 0 auto;
-        max-width: 180px;
-        margin: 0 auto;
-    }
-
-    .card-detail,
-    .card-detail-noimg {
-        max-height: 90vh;
-    }
-
-    .card-detail-noimg {
-        max-width: 92vw;
-    }
-}

Chrono/Web/Generated/Decks.g.cs

@@ -23,8 +23,17 @@ public static class DeckDatabase
                 "Suncursed Conduit",
                 "Suncursed Conduit",
                 "Suncursed Conduit",
-                "Paradox Capacitor",
-                "Paradox Capacitor",
+                "Swashbuckling Diehard",
+                "Swashbuckling Diehard",
+                "Swashbuckling Diehard",
+                "Debris Collector",
+                "Debris Collector",
+                "Debris Collector",
+                "Paradox Flow",
+                "Paradox Flow",
+                "Starfueled Medics",
+                "Starfueled Medics",
+                "Starfueled Medics",
                 "Lumbering Starseeker",
                 "Lumbering Starseeker",
                 "Novathermal Mining",
@@ -42,33 +51,23 @@ public static class DeckDatabase
                 "Devourer Spawn",
                 "Devourer Spawn",
                 "Army of the Sun",
-                "Curb the Anomalies",
-                "Curb the Anomalies",
-                "Curb the Anomalies",
-                "Bearer of the Broth",
-                "Bearer of the Broth",
-                "Bearer of the Broth",
-                "Blessed Soup",
-                "Blessed Soup",
-                "Blessed Soup",
             ],
             Keycards = [
                 "Kinetic Absorber",
+                "Hidden Locus",
+                "Debris Collector",
                 "Lumbering Starseeker",
                 "Lightsteel Colossus",
-                "Curb the Anomalies",
             ],
             Divers = [
                 "Peaceful Synthesizer",
-                "Nonlethal Special Forces",
+                "Limit Breaker",
             ],
-            Description = "The idea of this deck is to go heavy on stat-efficient cards. Like 2 for a 2/3 Kinetic Absorber, 5/6 Lumbering Starseeker, and 8 for a 9/14 Lightsteel Colossus.\nYou got Devourer Spawn to help push for lethal. It's going to have a bunch of keywords on it, given how popular timelines are in the meta.\nYou need to Overflow your mana once in a while, or some of your Supernova removal will be useless. Be pass heavy.\nYou're going to win on very low health if you win. Such is life.\nNo strong card draw, so Army of the Sun is your hope if things go long. At the worst, it's a spell that summons a big unit right away if it goes off.\nAttack aggressively with Brilliant Martyr. You really want Star Siphon to ramp.\nAs divers, Peaceful Synthesizer is a 1 drop that will quickly turn into a 3/3. Can't get more stat efficient than that. Nonlethal Special Forces is to enable Phasetide for AOE Mute cards given we don't care about stat buffs. Also as it stands, it always seems to punch a above it's weight on the board given the Disarm effect.\nSo ya, Curb the Anomalies can weaken the enemy board, by shutting off all there better stats, activates, and synergies. Hopefully destroy the entire enemy board in combat.\nAnd I suppose Bearer of the Broth. Since the deck has so much raw stats, you will probably find somewhere to heal. Like healing Kinetic Absorber so it can keep killing after it Immortalizes.",
+            Description = "The idea of this deck is to go heavy on stat-efficient cards. Like 2 for a 2/3 Kinetic Absorber, 5/6 Lumbering Starseeker, and 8 for a 9/14 Lightsteel Colossus. Debris Collector is also quite powerful and will Immortalize into a Living Comet 10/10 with Overpower pretty reliably, but it's also your only stat Mute target, so it might be a bit trash if that's popular in the meta.\nYou got Devourer Spawn to help push for lethal. It's going to have a bunch of keywords on it, given how popular timelines are in the meta.\nYou need to Overflow your mana once in a while, or some of your Supernova removal will be useless. Be pass heavy.\nYou're going to win on very low health if you win. Such is life.\nNo card draw, so Army of the Sun is your hope if things go long. At the worst, it's a spell that summons a big unit right away if it goes off.\nStarfueled Medics and Swashbuckling Diehard are just there to take up space and be mid-range drops. And technically, they can be win conditions, I suppose.\nAttack aggressively with Brilliant Martyr. You really want Star Siphon to ramp.\nAs divers, Peaceful Synthesizer is a 1 drop that will quickly turn into a 3/3. Can't get more stat efficient than that. And Limit Breaker is an early-game growing threat that will demand an answer from the enemy.",
             Factions = [
                 "Sungrace",
-                "Phasetide",
             ],
             IsVisible = true,
-            DeckCode = "AUHUE2LHEBCW4ZLSM54SAQ3POB4QWY3PNZZXI4TVMN2GKZBTAADACASPCICESCQCAUFDCAYGAMCAGAQDDYBQCAYBAOTQCAYQAMDQG",
         },
         new()
         {

Chrono/Web/Pages/Cards.razor

@@ -13,21 +13,15 @@
         <button class="tab @(categoryFilter == "" ? "active" : "")" @onclick='@(() => SetCategory(""))'>
             <i class="bi bi-grid-3x3-gap-fill"></i> All
         </button>
-        
         <button class="tab agent @(categoryFilter == "Agent" ? "active" : "")" @onclick='@(() => SetCategory("Agent"))'>
             <i class="bi bi-person-fill"></i> Agents
         </button>
-        <button class="tab agent @(categoryFilter == "Immortalized" ? "active" : "")" @onclick='@(() => SetCategory("Immortalized"))'>
-            <i class="bi bi-person-fill"></i> Immortalized
-        </button>
-    <!-- //Todo make agent being linked to immortal for side by side sorting
-        <button class="tab agent @(agentLink ? "active" : "")" @onclick='@(() => ToggleAgentLink())'>
-            <i class="bi bi-person-fill"></i> Link
-        </button>
-        -->
         <button class="tab spell @(categoryFilter == "Spell" ? "active" : "")" @onclick='@(() => SetCategory("Spell"))'>
             <i class="bi bi-wand"></i> Spells
         </button>
+        <button class="tab token @(categoryFilter == "Token" ? "active" : "")" @onclick='@(() => SetCategory("Token"))'>
+            <i class="bi bi-coin"></i> Tokens
+        </button>
     </div>
 
     <div class="filter-bar">
@@ -49,15 +43,15 @@
         </select>
         <select @bind="costFilter" class="form-select filter-select">
             <option value="">All Costs</option>
-            @for (var i = 0; i <= 13; i++)
+            @for (var i = 0; i <= 12; i++)
             {
                 <option value="@i">@i</option>
             }
         </select>
         <div class="sort-group d-flex gap-1">
             <select @bind="sortBy" class="form-select filter-select sort-select">
-                <option value="Cost">Sort by Cost</option>
                 <option value="Name">Sort by Name</option>
+                <option value="Cost">Sort by Cost</option>
                 <option value="Attack">Sort by Attack</option>
                 <option value="Health">Sort by Health</option>
                 <option value="Efficiency">Sort by Efficiency</option>
@@ -71,6 +65,10 @@
                 @onclick="() => showDetailedView = !showDetailedView" title="Toggle Detailed View">
             <i class="bi bi-list-ul"></i>
         </button>
+        <button class="btn btn-outline-warning random-deck-btn" @onclick="GenerateRandomDeck"
+                title="Generate Random Deck">
+            <i class="bi bi-dice-5-fill"></i>
+        </button>
     </div>
 
     @if (HasActiveFilters)
@@ -114,7 +112,7 @@
     {
         <div class="card-grid @(showDetailedView ? "detailed-view" : "")">
             @{ var idx = 0; }
-            @foreach (var card in filteredCards.Where(a=>a.Category is "Agent" or "Spell" or "Immortalized"))
+            @foreach (var card in filteredCards)
             {
                 <div class="card-cell @(selectedCard == card ? "selected" : "")"
                      style="--i: @idx"
@@ -123,16 +121,20 @@
                         <div class="card-shimmer"></div>
                         <img src="@card.ImagePath" alt="@card.Name" loading="lazy"
                              onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22280%22><rect fill=%22%23222244%22 width=%22200%22 height=%22280%22/><text fill=%22%23686888%22 font-size=%2214%22 x=%22100%22 y=%22140%22 text-anchor=%22middle%22 dominant-baseline=%22middle%22>No Image</text></svg>'"/>
-                        @if (card.IsImmortalized)
+                        @if (card.Cost.HasValue)
+                        {
+                            <div class="card-cost-badge">@card.Cost</div>
+                        }
+                        @if (card.HasImmortalize)
                         {
                             <div class="card-immortalize-badge" title="Immortalizes"><i class="bi bi-star-fill"></i>
                             </div>
                         }
                     </div>
-                    @if (showDetailedView)
-                    {
                     <div class="card-label">
                         <div class="card-name">@card.Name</div>
+                        @if (showDetailedView)
+                        {
                             <div class="card-stats">
                                 @if (card.Attack.HasValue)
                                 {
@@ -144,10 +146,9 @@
                                 }
                             </div>
                             <div class="card-description-preview">@card.Description</div>
-                            <div class="card-category-badge @card.Category?.ToLowerInvariant()">@card.Category</div>
-                        
-                        </div>
                         }
+                        <div class="card-category-badge @card.Category?.ToLowerInvariant()">@card.Category</div>
+                    </div>
                 </div>
                 idx++;
             }
@@ -163,11 +164,105 @@
     }
 </div>
 
-}
-
 @if (selectedCard != null)
 {
-    <CardDialog Card="selectedCard" OnClose="CloseDetail" OnNavigate="SelectCard" />
+    <div class="modal-backdrop" @onclick="CloseDetail"></div>
+    <div class="card-detail">
+        <button class="detail-close" @onclick="CloseDetail"><i class="bi bi-x-lg"></i></button>
+        <div class="detail-layout">
+            <div class="detail-image">
+                <img src="@selectedCard.ImagePath" alt="@selectedCard.Name"/>
+            </div>
+            <div class="detail-info">
+                <div class="detail-header">
+                    <h2>@selectedCard.Name</h2>
+                    <div class="detail-meta">
+                        <span
+                            class="meta-badge category @selectedCard.Category?.ToLowerInvariant()">@selectedCard.Category</span>
+                        @if (selectedCard.Cost.HasValue)
+                        {
+                            <span class="meta-badge cost"><i class="bi bi-lightning-fill"></i> @selectedCard.Cost</span>
+                        }
+                        @if (selectedCard.Attack.HasValue)
+                        {
+                            <span class="meta-badge attack"><i class="bi bi-crosshair"></i> @selectedCard.Attack</span>
+                        }
+                        @if (selectedCard.Health.HasValue)
+                        {
+                            <span class="meta-badge health"><i class="bi bi-heart-fill"></i> @selectedCard.Health</span>
+                        }
+                        @if (selectedCard.Speed != null)
+                        {
+                            <span class="meta-badge speed"><i class="bi bi-wind"></i> @selectedCard.Speed</span>
+                        }
+                    </div>
+                </div>
+
+                @if (selectedCard.Faction != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-flag-fill"></i> Faction</span>
+                        <span class="field-value">@selectedCard.Faction</span>
+                    </div>
+                }
+                @if (selectedCard.Description != null)
+                {
+                    <div class="detail-field description">
+                        <span class="field-label"><i class="bi bi-chat-quote-fill"></i></span>
+                        <span class="field-value">@selectedCard.Description</span>
+                    </div>
+                }
+                @if (selectedCard.Set != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-collection"></i> Set</span>
+                        <span class="field-value">@selectedCard.Set</span>
+                    </div>
+                }
+                @if (selectedCard.Archetypes is { Count: > 0 })
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-layers-fill"></i> Archetypes</span>
+                        <span class="field-value">@string.Join(", ", selectedCard.Archetypes)</span>
+                    </div>
+                }
+                @if (selectedCard.ImmortalizeWhen != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-star-fill"></i> Immortalize When</span>
+                        <span class="field-value">@selectedCard.ImmortalizeWhen</span>
+                    </div>
+                }
+                @if (selectedCard.HasImmortalize)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-arrow-right-circle-fill"></i> Immortalizes To</span>
+                        <span class="field-value">@string.Join(", ", selectedCard.ImmortalizeTo!)</span>
+                    </div>
+                }
+                @if (selectedCard.ImmortalizeFrom != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-arrow-left-circle-fill"></i> Immortalizes From</span>
+                        <span class="field-value">@selectedCard.ImmortalizeFrom</span>
+                    </div>
+                }
+
+                @if (selectedCard.IsAgent && false) // Server-only feature. Redesign project structure
+                {
+                    <div class="detail-field note">
+                        <span class="field-label"><i class="bi bi-pencil-fill"></i> Personal Note</span>
+                        <textarea class="form-control note-input" @bind="currentNote" @onblur="SaveNote"
+                                  placeholder="Add a private note about this agent..."></textarea>
+                        @if (isSaving)
+                        {
+                            <span class="saving-indicator">Saving...</span>
+                        }
+                    </div>
+                }
+            </div>
+        </div>
+    </div>
 }
 
 @code {
@@ -175,17 +270,17 @@
     private IEnumerable<CardData> filteredCards => ApplyFilters();
     private string search = "";
     private string categoryFilter = "";
-    private string immortalFilter = "";
-    private bool agentLink = true;
     private string factionFilter = "";
     private string costFilter = "";
-    private string sortBy = "Cost";
+    private string sortBy = "Name";
     private bool sortDescending;
     private bool showDetailedView;
     private CardData? selectedCard;
     private List<string> factions = [];
+    private string currentNote = "";
+    private bool isSaving;
 
-    private bool HasActiveFilters => categoryFilter != "" || factionFilter != "" || costFilter != "" || immortalFilter != "";
+    private bool HasActiveFilters => categoryFilter != "" || factionFilter != "" || costFilter != "";
 
     protected override void OnInitialized()
     {
@@ -217,16 +312,6 @@
         };
     }
 
-    private void SetImmortal(string imm)
-    {
-        immortalFilter = immortalFilter == imm ? "" : imm;
-    }
-    
-    private void ClearImmortalFilter()
-    {
-        immortalFilter = "";
-    }
-
     private void SetCategory(string cat)
     {
         categoryFilter = categoryFilter == cat ? "" : cat;
@@ -242,11 +327,6 @@
         factionFilter = "";
     }
 
-    private void ToggleAgentLink()
-    {
-        agentLink = !agentLink;
-    }
-    
     private void ClearCostFilter()
     {
         costFilter = "";
@@ -257,9 +337,41 @@
         search = "";
     }
 
-    private void SelectCard(CardData card)
+    private async Task SelectCard(CardData card)
     {
         selectedCard = card;
+        if (card.IsAgent)
+        {
+            currentNote = "";
+            try
+            {
+                var note = await Http.GetFromJsonAsync<CardNote>($"api/notes/{Uri.EscapeDataString(card.Name)}");
+                currentNote = note?.Note ?? "";
+            }
+            catch
+            {
+                currentNote = "";
+            }
+        }
+    }
+
+    private async Task SaveNote()
+    {
+        if (selectedCard == null || !selectedCard.IsAgent) return;
+
+        isSaving = true;
+        try
+        {
+            await Http.PostAsJsonAsync("api/notes", new CardNote { CardName = selectedCard.Name, Note = currentNote });
+        }
+        catch
+        {
+            // Error handling
+        }
+        finally
+        {
+            isSaving = false;
+        }
     }
 
     private void CloseDetail()
@@ -274,4 +386,27 @@
         factionFilter = "";
         costFilter = "";
     }
+
+    private void GenerateRandomDeck()
+    {
+        var random = new Random();
+        var pool = allCards.Where(c => !c.IsToken && !string.IsNullOrEmpty(c.Faction)).ToList();
+        if (pool.Count < 40) return;
+
+        var selectedFaction = factions[random.Next(factions.Count)];
+        var factionPool = pool.Where(c => c.Faction == selectedFaction || c.Faction == "Neutral").ToList();
+
+        // Simple logic: pick 40 cards
+        var deckCards = factionPool.OrderBy(x => random.Next()).Take(40).Select(c => c.Name).ToList();
+
+        // For now, let's just log it or we could navigate to a "Create Deck" page if it existed.
+        // Since we don't have a create deck page in the context, let's just show a notification or similar.
+        // Actually, I'll just clear filters and search for these cards to "show" them.
+        search = string.Join(" | ", deckCards.Take(3)); // Just show a few to demonstrate
+        categoryFilter = "";
+        factionFilter = selectedFaction;
+
+        // In a real app, this would save to a new DeckData object.
+    }
+
 }

Chrono/Web/Pages/Cards.razor.css

@@ -492,6 +492,225 @@
     margin-bottom: 1rem;
 }
 
+/* ── Detail Modal ── */
+.modal-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 1040;
+    background: rgba(0, 0, 0, 0.7);
+    backdrop-filter: blur(4px);
+    animation: fade-in 0.2s ease-out;
+}
+
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.card-detail {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1050;
+    background: var(--bg-surface);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    padding: 0;
+    max-width: 720px;
+    width: 92vw;
+    max-height: 88vh;
+    overflow-y: auto;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
+    color: var(--text-primary);
+    animation: detail-enter 0.25s ease-out;
+}
+
+@keyframes detail-enter {
+    from {
+        opacity: 0;
+        transform: translate(-50%, -50%) scale(0.92);
+    }
+    to {
+        opacity: 1;
+        transform: translate(-50%, -50%) scale(1);
+    }
+}
+
+.detail-close {
+    position: absolute;
+    top: 0.75rem;
+    right: 0.75rem;
+    z-index: 1;
+    background: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text-primary);
+    width: 2rem;
+    height: 2rem;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    font-size: 0.8rem;
+    transition: all var(--transition);
+}
+
+.detail-close:hover {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.detail-layout {
+    display: flex;
+    gap: 1.5rem;
+    padding: 1.5rem;
+}
+
+.detail-image {
+    flex: 0 0 260px;
+}
+
+.detail-image img {
+    width: 100%;
+    border-radius: var(--radius);
+    box-shadow: var(--shadow);
+}
+
+.detail-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.detail-header {
+    margin-bottom: 1rem;
+}
+
+.detail-header h2 {
+    margin: 0 0 0.75rem;
+    font-size: 1.4rem;
+    line-height: 1.3;
+}
+
+.detail-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+}
+
+.meta-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    padding: 0.25rem 0.6rem;
+    border-radius: 100px;
+    background: var(--bg-hover);
+    color: var(--text-secondary);
+    border: 1px solid var(--border);
+}
+
+.meta-badge.category {
+}
+
+.meta-badge.category.agent {
+    background: rgba(79, 195, 247, 0.15);
+    color: #4fc3f7;
+    border-color: rgba(79, 195, 247, 0.3);
+}
+
+.meta-badge.category.spell {
+    background: rgba(206, 147, 216, 0.15);
+    color: #ce93d8;
+    border-color: rgba(206, 147, 216, 0.3);
+}
+
+.meta-badge.category.token {
+    background: rgba(255, 213, 79, 0.15);
+    color: #ffd54f;
+    border-color: rgba(255, 213, 79, 0.3);
+}
+
+.meta-badge.cost {
+    background: rgba(255, 215, 0, 0.12);
+    color: var(--gold);
+    border-color: rgba(255, 215, 0, 0.3);
+}
+
+.meta-badge.attack {
+    background: rgba(239, 83, 80, 0.15);
+    color: #ef5350;
+    border-color: rgba(239, 83, 80, 0.3);
+}
+
+.meta-badge.health {
+    background: rgba(102, 187, 106, 0.15);
+    color: #66bb6a;
+    border-color: rgba(102, 187, 106, 0.3);
+}
+
+.meta-badge.speed {
+    background: rgba(79, 195, 247, 0.12);
+    color: #4fc3f7;
+    border-color: rgba(79, 195, 247, 0.3);
+}
+
+/* ── Detail Fields ── */
+.detail-field {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 0.6rem;
+    font-size: 0.88rem;
+    line-height: 1.45;
+}
+
+.detail-field.description {
+    background: var(--bg-elevated);
+    padding: 0.6rem 0.75rem;
+    border-radius: var(--radius-sm);
+    border-left: 3px solid var(--accent);
+    margin-top: 0.25rem;
+}
+
+.field-label {
+    flex-shrink: 0;
+    color: var(--text-muted);
+    font-size: 0.8rem;
+    font-weight: 500;
+    min-width: 7.5rem;
+    display: flex;
+    align-items: flex-start;
+    gap: 0.3rem;
+}
+
+.detail-field.description .field-label {
+    min-width: auto;
+    color: var(--accent);
+}
+
+.field-value {
+    color: var(--text-secondary);
+}
+
+.detail-field.description .field-value {
+    color: var(--text-primary);
+    font-style: italic;
+}
+
+/* ── Scrollbar for modal ── */
+.card-detail::-webkit-scrollbar {
+    width: 4px;
+}
+
+.card-detail::-webkit-scrollbar-thumb {
+    background: var(--border);
+    border-radius: 2px;
+}
+
 /* ── Responsive ── */
 @media (max-width: 768px) {
     .gallery-container {
@@ -508,16 +727,23 @@
     }
 
     .card-grid {
-        grid-template-columns: 1fr;
+        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
         gap: 0.75rem;
-        max-width: 400px;
-        margin-left: auto;
-        margin-right: auto;
     }
 
-    .card-grid.detailed-view {
-        grid-template-columns: 1fr;
-        max-width: 500px;
+    .detail-layout {
+        flex-direction: column;
+        padding: 1rem;
+    }
+
+    .detail-image {
+        flex: 0 0 auto;
+        max-width: 180px;
+        margin: 0 auto;
+    }
+
+    .card-detail {
+        max-height: 90vh;
     }
 
     .tab {
@@ -527,10 +753,9 @@
 }
 
 @media (max-width: 480px) {
-    .card-grid, .card-grid.detailed-view {
-        grid-template-columns: 1fr;
+    .card-grid {
+        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
         gap: 0.5rem;
-        max-width: 100%;
     }
 
     .category-tabs {

Chrono/Web/Pages/DeckDetail.razor

@@ -17,7 +17,6 @@
         <article class="deck-article">
             <header class="deck-header">
                 <h1>@deck.Name</h1>
-                <b>Deck Code:</b> <pre>@deck.DeckCode</pre>
                 @if (deck.Factions.Count > 0)
                 {
                     <div class="deck-factions">
@@ -112,7 +111,10 @@
                 <section class="deck-section description">
                     <h2><i class="bi bi-chat-quote-fill"></i> Description</h2>
                     <div class="deck-description">
-                        @RenderDescription(deck.Description)
+                        @foreach (var paragraph in deck.Description.Split('\n', StringSplitOptions.RemoveEmptyEntries))
+                        {
+                            <p>@paragraph</p>
+                        }
                     </div>
                 </section>
             }
@@ -122,7 +124,90 @@
 
 @if (selectedCard != null)
 {
-    <CardDialog Card="selectedCard" OnClose="CloseDetail" OnNavigate="SelectCard" />
+    <div class="modal-backdrop" @onclick="CloseDetail"></div>
+    <div class="card-detail">
+        <button class="detail-close" @onclick="CloseDetail"><i class="bi bi-x-lg"></i></button>
+        <div class="detail-layout">
+            <div class="detail-image">
+                <img src="@selectedCard.ImagePath" alt="@selectedCard.Name"/>
+            </div>
+            <div class="detail-info">
+                <div class="detail-header">
+                    <h2>@selectedCard.Name</h2>
+                    <div class="detail-meta">
+                        <span
+                            class="meta-badge category @selectedCard.Category?.ToLowerInvariant()">@selectedCard.Category</span>
+                        @if (selectedCard.Cost.HasValue)
+                        {
+                            <span class="meta-badge cost"><i class="bi bi-lightning-fill"></i> @selectedCard.Cost</span>
+                        }
+                        @if (selectedCard.Attack.HasValue)
+                        {
+                            <span class="meta-badge attack"><i class="bi bi-crosshair"></i> @selectedCard.Attack</span>
+                        }
+                        @if (selectedCard.Health.HasValue)
+                        {
+                            <span class="meta-badge health"><i class="bi bi-heart-fill"></i> @selectedCard.Health</span>
+                        }
+                        @if (selectedCard.Speed != null)
+                        {
+                            <span class="meta-badge speed"><i class="bi bi-wind"></i> @selectedCard.Speed</span>
+                        }
+                    </div>
+                </div>
+
+                @if (selectedCard.Faction != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-flag-fill"></i> Faction</span>
+                        <span class="field-value">@selectedCard.Faction</span>
+                    </div>
+                }
+                @if (selectedCard.Description != null)
+                {
+                    <div class="detail-field description">
+                        <span class="field-label"><i class="bi bi-chat-quote-fill"></i></span>
+                        <span class="field-value">@selectedCard.Description</span>
+                    </div>
+                }
+                @if (selectedCard.Set != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-collection"></i> Set</span>
+                        <span class="field-value">@selectedCard.Set</span>
+                    </div>
+                }
+                @if (selectedCard.Archetypes is { Count: > 0 })
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-layers-fill"></i> Archetypes</span>
+                        <span class="field-value">@string.Join(", ", selectedCard.Archetypes)</span>
+                    </div>
+                }
+                @if (selectedCard.ImmortalizeWhen != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-star-fill"></i> Immortalize When</span>
+                        <span class="field-value">@selectedCard.ImmortalizeWhen</span>
+                    </div>
+                }
+                @if (selectedCard.HasImmortalize)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-arrow-right-circle-fill"></i> Immortalizes To</span>
+                        <span class="field-value">@string.Join(", ", selectedCard.ImmortalizeTo!)</span>
+                    </div>
+                }
+                @if (selectedCard.ImmortalizeFrom != null)
+                {
+                    <div class="detail-field">
+                        <span class="field-label"><i class="bi bi-arrow-left-circle-fill"></i> Immortalizes From</span>
+                        <span class="field-value">@selectedCard.ImmortalizeFrom</span>
+                    </div>
+                }
+            </div>
+        </div>
+    </div>
 }
 
 @code {
@@ -153,65 +238,4 @@
         selectedCard = null;
     }
 
-    private RenderFragment RenderDescription(string description)
-    {
-        return builder =>
-        {
-            var cardNames = CardDatabase.Cards
-                .Select(c => c.Name)
-                .Where(n => !string.IsNullOrWhiteSpace(n))
-                .OrderByDescending(n => n.Length)
-                .ToList();
-
-            int sequence = 0;
-            var paragraphs = description.Split('\n', StringSplitOptions.RemoveEmptyEntries);
-
-            foreach (var paragraph in paragraphs)
-            {
-                builder.OpenElement(sequence++, "p");
-
-                var currentText = paragraph;
-                while (!string.IsNullOrEmpty(currentText))
-                {
-                    int bestMatchIndex = -1;
-                    string? bestMatchName = null;
-
-                    foreach (var name in cardNames)
-                    {
-                        int index = currentText.IndexOf(name, StringComparison.OrdinalIgnoreCase);
-                        if (index != -1 && (bestMatchIndex == -1 || index < bestMatchIndex))
-                        {
-                            bestMatchIndex = index;
-                            bestMatchName = name;
-                        }
-                    }
-
-                    if (bestMatchIndex != -1 && bestMatchName != null)
-                    {
-                        if (bestMatchIndex > 0)
-                        {
-                            builder.AddContent(sequence++, currentText.Substring(0, bestMatchIndex));
-                        }
-
-                        var card = LookupCard(bestMatchName);
-                        builder.OpenElement(sequence++, "button");
-                        builder.AddAttribute(sequence++, "class", "inline-card-btn");
-                        builder.AddAttribute(sequence++, "onclick", EventCallback.Factory.Create(this, () => SelectCard(card)));
-                        builder.AddContent(sequence++, bestMatchName);
-                        builder.CloseElement();
-
-                        currentText = currentText.Substring(bestMatchIndex + bestMatchName.Length);
-                    }
-                    else
-                    {
-                        builder.AddContent(sequence++, currentText);
-                        currentText = string.Empty;
-                    }
-                }
-
-                builder.CloseElement();
-            }
-        };
-    }
-
 }

Chrono/Web/Pages/DeckDetail.razor.css

@@ -179,7 +179,6 @@
     color: var(--text-secondary);
 }
 
-
 .deck-description p {
     margin: 0 0 1rem;
 }
@@ -200,4 +199,233 @@
     margin-bottom: 1rem;
 }
 
+/* ── Detail Modal (shared with Cards page) ── */
+.modal-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 1040;
+    background: rgba(0, 0, 0, 0.7);
+    backdrop-filter: blur(4px);
+    animation: fade-in 0.2s ease-out;
+}
 
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.card-detail {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1050;
+    background: var(--bg-surface);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    padding: 0;
+    max-width: 720px;
+    width: 92vw;
+    max-height: 88vh;
+    overflow-y: auto;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
+    color: var(--text-primary);
+    animation: detail-enter 0.25s ease-out;
+}
+
+@keyframes detail-enter {
+    from {
+        opacity: 0;
+        transform: translate(-50%, -50%) scale(0.92);
+    }
+    to {
+        opacity: 1;
+        transform: translate(-50%, -50%) scale(1);
+    }
+}
+
+.detail-close {
+    position: absolute;
+    top: 0.75rem;
+    right: 0.75rem;
+    z-index: 1;
+    background: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--text-primary);
+    width: 2rem;
+    height: 2rem;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    font-size: 0.8rem;
+    transition: all var(--transition);
+}
+
+.detail-close:hover {
+    background: rgba(255, 255, 255, 0.15);
+}
+
+.detail-layout {
+    display: flex;
+    gap: 1.5rem;
+    padding: 1.5rem;
+}
+
+.detail-image {
+    flex: 0 0 260px;
+}
+
+.detail-image img {
+    width: 100%;
+    border-radius: var(--radius);
+    box-shadow: var(--shadow);
+}
+
+.detail-info {
+    flex: 1;
+    min-width: 0;
+}
+
+.detail-header {
+    margin-bottom: 1rem;
+}
+
+.detail-header h2 {
+    margin: 0 0 0.75rem;
+    font-size: 1.4rem;
+    line-height: 1.3;
+}
+
+.detail-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+}
+
+.meta-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    padding: 0.25rem 0.6rem;
+    border-radius: 100px;
+    background: var(--bg-hover);
+    color: var(--text-secondary);
+    border: 1px solid var(--border);
+}
+
+.meta-badge.category.agent {
+    background: rgba(79, 195, 247, 0.15);
+    color: #4fc3f7;
+    border-color: rgba(79, 195, 247, 0.3);
+}
+
+.meta-badge.category.spell {
+    background: rgba(206, 147, 216, 0.15);
+    color: #ce93d8;
+    border-color: rgba(206, 147, 216, 0.3);
+}
+
+.meta-badge.category.token {
+    background: rgba(255, 213, 79, 0.15);
+    color: #ffd54f;
+    border-color: rgba(255, 213, 79, 0.3);
+}
+
+.meta-badge.cost {
+    background: rgba(255, 215, 0, 0.12);
+    color: var(--gold);
+    border-color: rgba(255, 215, 0, 0.3);
+}
+
+.meta-badge.attack {
+    background: rgba(239, 83, 80, 0.15);
+    color: #ef5350;
+    border-color: rgba(239, 83, 80, 0.3);
+}
+
+.meta-badge.health {
+    background: rgba(102, 187, 106, 0.15);
+    color: #66bb6a;
+    border-color: rgba(102, 187, 106, 0.3);
+}
+
+.meta-badge.speed {
+    background: rgba(79, 195, 247, 0.12);
+    color: #4fc3f7;
+    border-color: rgba(79, 195, 247, 0.3);
+}
+
+.detail-field {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 0.6rem;
+    font-size: 0.88rem;
+    line-height: 1.45;
+}
+
+.detail-field.description {
+    background: var(--bg-elevated);
+    padding: 0.6rem 0.75rem;
+    border-radius: var(--radius-sm);
+    border-left: 3px solid var(--accent);
+    margin-top: 0.25rem;
+}
+
+.field-label {
+    flex-shrink: 0;
+    color: var(--text-muted);
+    font-size: 0.8rem;
+    font-weight: 500;
+    min-width: 7.5rem;
+    display: flex;
+    align-items: flex-start;
+    gap: 0.3rem;
+}
+
+.detail-field.description .field-label {
+    min-width: auto;
+    color: var(--accent);
+}
+
+.field-value {
+    color: var(--text-secondary);
+}
+
+.detail-field.description .field-value {
+    color: var(--text-primary);
+    font-style: italic;
+}
+
+.card-detail::-webkit-scrollbar {
+    width: 4px;
+}
+
+.card-detail::-webkit-scrollbar-thumb {
+    background: var(--border);
+    border-radius: 2px;
+}
+
+@media (max-width: 768px) {
+    .detail-layout {
+        flex-direction: column;
+        padding: 1rem;
+    }
+
+    .detail-image {
+        flex: 0 0 auto;
+        max-width: 180px;
+        margin: 0 auto;
+    }
+
+    .card-detail {
+        max-height: 90vh;
+    }
+}

Chrono/Web/Pages/Decks.razor

@@ -6,7 +6,6 @@
     <div class="decks-header">
         <h1>Decks</h1>
         <p class="text-secondary">@decks.Count deck@(decks.Count != 1 ? "s" : "")</p>
-        <p class="text-primary">Please note these are my crafted decks. They are probably not optimal or good. See <a href="https://runeterra.ar/chrono/home">Runeterra.ar</a> and check out the decks from recognizable names there. This is not an ad, just common sense.</p>
     </div>
 
     <div class="deck-list">

Chrono/Web/Pages/Home.razor

@@ -5,6 +5,7 @@
 <div class="home-hero">
     <div class="hero-glow"></div>
     <div class="hero-content">
+        <div class="hero-badge">Collectible Card Game</div>
         <h1 class="hero-title">Slop Game Reference - Chrono CCG</h1>
         <p class="hero-subtitle">
             AI generated website for reference notes on playing Chrono CCG.
@@ -13,13 +14,113 @@
             <a class="cta-button primary" href="/cards">
                 <i class="bi bi-collection-fill"></i> Browse Cards
             </a>
-            <a class="cta-button secondary" href="/agents">
-                <i class="bi bi-people-fill"></i> Agents Data Table
-            </a>
             <a class="cta-button secondary" href="/decks">
                 <i class="bi bi-journal-text"></i> View Decks
             </a>
+            <a class="cta-button secondary" href="/agents">
+                <i class="bi bi-people-fill"></i> All Agents
+            </a>
         </div>
     </div>
 </div>
 
+<div class="home-stats">
+    <div class="stat-card">
+        <div class="stat-icon agents">
+            <i class="bi bi-person-fill"></i>
+        </div>
+        <div class="stat-body">
+            <span class="stat-value">@agentsCount</span>
+            <span class="stat-label">Agents</span>
+        </div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-icon spells">
+            <i class="bi bi-wand"></i>
+        </div>
+        <div class="stat-body">
+            <span class="stat-value">@spellsCount</span>
+            <span class="stat-label">Spells</span>
+        </div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-icon tokens">
+            <i class="bi bi-coin"></i>
+        </div>
+        <div class="stat-body">
+            <span class="stat-value">@tokensCount</span>
+            <span class="stat-label">Tokens</span>
+        </div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-icon decks">
+            <i class="bi bi-journal-text"></i>
+        </div>
+        <div class="stat-body">
+            <span class="stat-value">@visibleDecks</span>
+            <span class="stat-label">Decks</span>
+        </div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-icon factions">
+            <i class="bi bi-shield-fill"></i>
+        </div>
+        <div class="stat-body">
+            <span class="stat-value">@factionCount</span>
+            <span class="stat-label">Factions</span>
+        </div>
+    </div>
+    <div class="stat-card">
+        <div class="stat-icon total">
+            <i class="bi bi-grid-3x3-gap-fill"></i>
+        </div>
+        <div class="stat-body">
+            <span class="stat-value">@totalCount</span>
+            <span class="stat-label">Total Cards</span>
+        </div>
+    </div>
+</div>
+
+<div class="home-sections">
+    <div class="section-card">
+        <div class="section-icon"><i class="bi bi-collection-fill"></i></div>
+        <h2>Explore Cards</h2>
+        <p>Browse the full gallery of @totalCount cards. Filter by faction, cost, or category, and dive into detailed
+            stats, archetypes, and immortalize chains.</p>
+        <a href="/cards" class="section-link">Browse Gallery <i class="bi bi-arrow-right"></i></a>
+    </div>
+    <div class="section-card">
+        <div class="section-icon"><i class="bi bi-people-fill"></i></div>
+        <h2>View Agents</h2>
+        <p>All @agentsCount agents in a sortable data grid with filtering, paging, and detailed stats at a glance.</p>
+        <a href="/agents" class="section-link">View Agents <i class="bi bi-arrow-right"></i></a>
+    </div>
+    <div class="section-card">
+        <div class="section-icon"><i class="bi bi-journal-text"></i></div>
+        <h2>Browse Decks</h2>
+        <p>Check out @visibleDecks curated deck lists. See key cards, divers, and full card breakdowns with interactive
+            previews.</p>
+        <a href="/decks" class="section-link">Browse Decks <i class="bi bi-arrow-right"></i></a>
+    </div>
+</div>
+
+@code {
+    private int totalCount;
+    private int agentsCount;
+    private int spellsCount;
+    private int tokensCount;
+    private int visibleDecks;
+    private int factionCount;
+
+    protected override void OnInitialized()
+    {
+        var cards = CardDatabase.Cards;
+        totalCount = cards.Count;
+        agentsCount = cards.Count(c => c.IsAgent);
+        spellsCount = cards.Count(c => c.IsSpell);
+        tokensCount = cards.Count(c => c.IsToken);
+        visibleDecks = DeckDatabase.Decks.Count(d => d.IsVisible);
+        factionCount = cards.Where(c => c.Faction != null).Select(c => c.Faction).Distinct().Count();
+    }
+
+}

Chrono/Web/_Imports.razor

@@ -9,7 +9,6 @@
 @using Microsoft.JSInterop
 @using Web
 @using Web.Layout
-@using Chrono.Components
 @using Telerik.Blazor
 @using Telerik.Blazor.Components
 @using Telerik.DataSource

Chrono/Web/wwwroot/css/app.css

@@ -7,7 +7,6 @@
     --text-secondary: #9898b8;
     --text-muted: #686888;
     --accent: #6c63ff;
-    --accent-rgb: 108, 99, 255;
     --accent-glow: rgba(108, 99, 255, 0.3);
     --gold: #ffd700;
     --gold-glow: rgba(255, 215, 0, 0.4);
@@ -255,29 +254,3 @@ a, .btn-link {
     font-style: italic;
     align-self: flex-end;
 }
-
-
-
-
-
-.inline-card-btn {
-    background: none;
-    border: none;
-    padding: 0 2px;
-    color: var(--accent);
-    font-weight: 500;
-    text-decoration: none;
-    border-bottom: 1px dashed var(--accent);
-    cursor: pointer;
-    transition: all var(--transition);
-    display: inline;
-    font-size: inherit;
-    font-family: inherit;
-    border-radius: 2px;
-}
-
-.inline-card-btn:hover {
-    color: var(--accent-light, #60a5fa);
-    border-bottom-style: solid;
-    background-color: rgba(var(--accent-rgb, 59, 130, 246), 0.1);
-}

Chrono/Web/wwwroot/index.html

@@ -9,7 +9,7 @@
     <link href="https://fonts.googleapis.com" rel="preconnect"/>
     <link crossorigin href="https://fonts.gstatic.com" rel="preconnect"/>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"/>
-    <link href="/lib/bootstrap-icons/bootstrap-icons.min.css" rel="stylesheet"/>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet"/>
     <link href="/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
     <link href="/_content/Telerik.UI.for.Blazor/css/kendo-theme-bootstrap/all.css" rel="stylesheet"/>
     <link href="/css/app.css" rel="stylesheet"/>
@@ -40,6 +40,11 @@
     </div>
 </div>
 
+<div id="blazor-error-ui">
+    An unhandled error has occurred.
+    <a class="reload" href=".">Reload</a>
+    <span class="dismiss">🗙</span>
+</div>
 <script src="/_framework/blazor.webassembly.js"></script>
 </body>
 

Chrono/Web/wwwroot/staticwebapp.config.json

@@ -1,6 +0,0 @@
-{
-  "navigationFallback": {
-    "rewrite": "/index.html",
-    "exclude": ["/css/*", "/lib/*", "/_framework/*", "/_content/*", "/sample-data/*"]
-  }
-}

Chrono/chrono.tasks

@@ -0,0 +1,47 @@
+# Chrono CCG - Project Guide
+
+This project is a hosted Blazor WebAssembly application with a PostgreSQL database for persisting agent notes.
+
+## Prerequisites
+- **Docker Desktop**: Required for the recommended containerized setup.
+- **.NET 10 SDK**: Required if you want to build or run the project locally without Docker.
+
+## 1. Running with Docker (Recommended)
+The easiest way to get everything running (App + PostgreSQL) is using Docker Compose.
+
+1.  **Open a terminal** in the project root (`Chrono/`).
+2.  **Run the following command**:
+    ```bash
+    docker-compose up --build
+    ```
+3.  **Access the Application**:
+    - Web Interface: http://localhost:8080
+    - API Endpoint: http://localhost:8080/api/notes
+
+The database will be automatically initialized and migrations will be applied on startup.
+
+## 2. Running Locally (Development)
+If you need to run the app directly (e.g., for faster debugging):
+
+1.  **Start a PostgreSQL database**. You can use the one from docker-compose if you want:
+    ```bash
+    docker-compose up db
+    ```
+2.  **Verify Connection String**: `Server/appsettings.Development.json` is pre-configured to point to `localhost`.
+3.  **Run the Server project**:
+    ```bash
+    cd Server
+    dotnet run --launch-profile https
+    ```
+4.  The app will be served at the URL shown in the terminal (e.g., https://localhost:7266).
+
+## 3. Running Tests
+To verify the core domain logic:
+```bash
+dotnet test
+```
+
+## 4. Key Features
+- **Agent Notes**: In the "Cards" gallery, select an Agent to see the "Personal Note" field. Changes are auto-saved to the PostgreSQL database when you click away from the text area.
+- **Auto-Migrations**: The Server project automatically handles database schema updates on startup.
+- **Dockerized Architecture**: Complete orchestration of the web server and database.

chrono.docs/.obsidian/app.json

@@ -1,3 +1 @@
-{
-  "alwaysUpdateLinks": true
-}
+{}

chrono.docs/.obsidian/community-plugins.json

@@ -1,3 +1 @@
-[
-  "frontmatter-folder-organizer"
-]
+[]

chrono.docs/.obsidian/plugins/frontmatter-folder-organizer/main.js

@@ -1,6 +0,0 @@
-/*
-THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
-if you want to view the source, please visit the github repository of this plugin
-*/
-
-"use strict";var d=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var w=(i,t)=>{for(var e in t)d(i,e,{get:t[e],enumerable:!0})},z=(i,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!y.call(i,r)&&r!==e&&d(i,r,{get:()=>t[r],enumerable:!(n=F(t,r))||n.enumerable});return i};var S=i=>z(d({},"__esModule",{value:!0}),i);var b={};w(b,{default:()=>m});module.exports=S(b);var g=require("obsidian");var l=require("obsidian"),f={frontmatterHierarchy:"Category, Faction"},h=class extends l.PluginSettingTab{constructor(t,e){super(t,e),this.plugin=e}display(){let{containerEl:t}=this;t.empty(),t.createEl("h2",{text:"Frontmatter Folder Organizer"}),new l.Setting(t).setName("Frontmatter hierarchy").setDesc("Enter frontmatter keys in order. Files will be organized into folders based on these values.").addTextArea(e=>e.setPlaceholder("category").setValue(this.plugin.settings.frontmatterHierarchy).onChange(async n=>{this.plugin.settings.frontmatterHierarchy=n,await this.plugin.saveSettings()})),new l.Setting(t).setName("Organize files now").setDesc("Create folders and move markdown files according to the configured frontmatter hierarchy.").addButton(e=>e.setButtonText("Organize now").onClick(async()=>{await this.plugin.organizeFilesByFrontmatter()}))}};var m=class extends g.Plugin{async onload(){await this.loadSettings(),this.addCommand({id:"organize-frontmatter-folders",name:"Organize markdown by frontmatter hierarchy",callback:async()=>{await this.organizeFilesByFrontmatter()}}),this.addSettingTab(new h(this.app,this))}async organizeFilesByFrontmatter(){let t=this.getHierarchyKeys();if(!t.length){new g.Notice("Set a frontmatter hierarchy in plugin settings before organizing files.");return}let e=this.app.vault.getFiles().filter(r=>r.extension==="md"),n=0;for(let r of e){let a=this.getFolderSegmentsForFile(r,t);if(!a||!a.length)continue;let s=a.join("/");if(`${s}/${r.name}`===r.path)continue;await this.ensureFolderExists(s);let c=await this.getAvailableTargetPath(s,r.name);await this.app.vault.rename(r,c),n+=1}new g.Notice(`Organized ${n} markdown file${n===1?"":"s"} by frontmatter folder hierarchy.`)}getHierarchyKeys(){return this.settings.frontmatterHierarchy.split(/[,\r\n]+/).map(t=>t.trim()).filter(Boolean)}getFolderSegmentsForFile(t,e){let n=this.app.metadataCache.getFileCache(t);if(!n?.frontmatter)return null;let r=[];for(let a of e){let s=this.getFrontmatterValueByKey(n.frontmatter,a),o=this.normalizeFrontmatterValue(s);if(o===null)break;r.push(this.sanitizeFolderName(o))}return r.length?r:null}getFrontmatterValueByKey(t,e){let n=e.trim().toLowerCase();for(let[r,a]of Object.entries(t))if(r.trim().toLowerCase()===n)return a}normalizeFrontmatterValue(t){if(t==null||typeof t=="object")return null;let e=String(t).trim();return e.length?e:null}sanitizeFolderName(t){return t.replace(/[<>:"/\\|?*]/g,"-").trim()}async ensureFolderExists(t){let e=t.replace(/\\/g,"/").split("/").filter(Boolean),n="";for(let r of e)n=n?`${n}/${r}`:r,this.app.vault.getAbstractFileByPath(n)||await this.app.vault.createFolder(n)}async getAvailableTargetPath(t,e){let n=t.replace(/\\/g,"/"),r=`${n}/${e}`;if(!this.app.vault.getAbstractFileByPath(r))return r;let a=e.lastIndexOf("."),s=a>=0?e.slice(0,a):e,o=a>=0?e.slice(a):"",c=1;for(;;){let u=`${n}/${s}-${c}${o}`;if(!this.app.vault.getAbstractFileByPath(u))return u;c+=1}}async loadSettings(){this.settings=Object.assign({},f,await this.loadData())}async saveSettings(){await this.saveData(this.settings)}};

chrono.docs/.obsidian/plugins/frontmatter-folder-organizer/manifest.json

@@ -1,10 +0,0 @@
-{
-	"id": "frontmatter-folder-organizer",
-	"name": "Frontmatter Folder Organizer",
-	"version": "1.0.0",
-	"minAppVersion": "1.0.0",
-	"description": "Organize markdown files into folders based on frontmatter hierarchy.",
-	"author": "Obsidian",
-	"authorUrl": "https://obsidian.md",
-	"isDesktopOnly": false
-}

chrono.docs/.obsidian/plugins/frontmatter-folder-organizer/styles.css

@@ -1,8 +0,0 @@
-/*
-
-This CSS file will be included with your plugin, and
-available in the app when your plugin is enabled.
-
-If your plugin does not need CSS, delete this file.
-
-*/

chrono.docs/.obsidian/plugins/frontmatter-markdown-links/manifest.json

@@ -0,0 +1,11 @@
+{
+  "id": "frontmatter-markdown-links",
+  "name": "Frontmatter Markdown Links",
+  "version": "2.6.34",
+  "description": "Adds support for markdown links in frontmatter.",
+  "author": "mnaoumov",
+  "authorUrl": "https://github.com/mnaoumov/",
+  "isDesktopOnly": false,
+  "minAppVersion": "1.12.7",
+  "fundingUrl": "https://www.buymeacoffee.com/mnaoumov"
+}

chrono.docs/.obsidian/plugins/frontmatter-markdown-links/styles.css

@@ -0,0 +1 @@
+.frontmatter-markdown-links.text-property-widget-component.metadata-property-value{gap:0}.frontmatter-markdown-links.text-property-widget-component.metadata-property-value>.metadata-property-value{--metadata-divider-width: 0}.frontmatter-markdown-links.text-property-widget-component.metadata-property-value>.metadata-property-value>.metadata-property-value:not(:first-of-type) .metadata-link,.frontmatter-markdown-links.text-property-widget-component.metadata-property-value>.metadata-property-value>.metadata-property-value:not(:first-of-type) .metadata-input-longtext{padding-left:0}.frontmatter-markdown-links.text-property-widget-component.metadata-property-value>.metadata-property-value>.metadata-property-value:not(:last-of-type) .metadata-link,.frontmatter-markdown-links.text-property-widget-component.metadata-property-value>.metadata-property-value>.metadata-property-value:not(:last-of-type) .metadata-input-longtext{padding-right:0}.frontmatter-markdown-links.text-property-widget-component.metadata-property-value .metadata-link-flair{display:none}.frontmatter-markdown-links .metadata-property-value,.frontmatter-markdown-links.multi-text-property-component{display:flex;flex:none;gap:0;white-space:pre}.bases-table-container:not(.mod-multiline) .frontmatter-markdown-links .metadata-input-longtext:not(:focus-within){white-space-collapse:preserve}

chrono.docs/.obsidian/workspace.json

@@ -8,45 +8,17 @@
         "type": "tabs",
         "children": [
           {
-            "id": "9aaa8a83f2165190",
+            "id": "c90153d5f925b0d5",
             "type": "leaf",
             "state": {
               "type": "markdown",
               "state": {
-                "file": "Spell/[[Lifeblood]]/Affront to Nature.md",
+                "file": "Decks/Big Energy.md",
                 "mode": "source",
-                "source": false
+                "source": true
               },
               "icon": "lucide-file",
-              "title": "Affront to Nature"
-            }
-          },
-          {
-            "id": "6870293355431c6b",
-            "type": "leaf",
-            "state": {
-              "type": "markdown",
-              "state": {
-                "file": "Factions/Singularity.md",
-                "mode": "source",
-                "source": false
-              },
-              "icon": "lucide-file",
-              "title": "Singularity"
-            }
-          },
-          {
-            "id": "c17e1da0a76701dd",
-            "type": "leaf",
-            "state": {
-              "type": "markdown",
-              "state": {
-                "file": "Factions/Singularity.md",
-                "mode": "source",
-                "source": false
-              },
-              "icon": "lucide-file",
-              "title": "Singularity"
+              "title": "Big Energy"
             }
           }
         ]
@@ -81,7 +53,7 @@
             "state": {
               "type": "search",
               "state": {
-                "query": "The Ripper",
+                "query": "",
                 "matchingCase": false,
                 "explainSearch": false,
                 "collapseAll": false,
@@ -106,7 +78,7 @@
       }
     ],
     "direction": "horizontal",
-    "width": 331.5
+    "width": 233.5
   },
   "right": {
     "id": "47f3bcd7aed212ab",
@@ -211,55 +183,55 @@
       "bases:Create new base": false
     }
   },
-  "active": "0ce4e65b7e2934e1",
+  "active": "c90153d5f925b0d5",
   "lastOpenFiles": [
-    "Timeline/[[Lifeblood]]/Deadly Fauna.md",
-    "Token/[[Singularity]]/Pocket Scout.md",
-    "Keyword/Transient.md",
-    "Keyword/Sprout.md",
-    "Keyword/Shift.md",
-    "Keyword/Overpower.md",
-    "Keyword/Draw.md",
-    "Keyword/Flourish.md",
-    "Redirect/Cores.md",
-    "Redirect/Agents.md",
-    "Rule/Round End.md",
-    "Rule/Discarded.md",
-    "Rule/Chain.md",
-    "Set/Core Set.md",
-    "Speed/Fast.md",
-    "Speed/Immediate.md",
-    "Speed/Slow.md",
-    "Immortalized/[[Lifeblood]]/Arra, Saurian Broodmother.md",
-    "Immortalized/[[Lifeblood]]/Battleharts.md",
-    "Deck/Rewind Me.md",
-    "Deck/Big Energy.md",
+    "Swashbuckling Diehard.md",
+    "Decks/Big Energy.md",
+    "_Decks.base",
     "Decks/Rewind Me.canvas",
-    "images/Wolf.png",
-    "images/Seedling.png",
-    "images/Pocket Scout.png",
-    "images/Unlocked Potential.png",
-    "images/Throw into the Sun.png",
-    "images/Supernova.png",
-    "images/Sunshock.png",
-    "images/Soothing Glow.png",
-    "images/Radiant Channeling.png",
-    "images/Paradox Capacitor.png",
-    "images",
-    "Tokens",
-    "Spells/Sungrace",
-    "Spells/Singularity",
-    "Spells/Splintergleam",
-    "Spells/Silence",
-    "Spells/Phasetide",
-    "Spells/Lifeblood",
-    "Spells",
-    "Agents/Singularity",
-    "Spell/[[Lifeblood]]/Bloom.md",
-    "Token/[[Lifeblood]]/Seedling.md",
-    "Token/[[Lifeblood]]/Wolf.md",
-    "Immortalized/[[Splintergleam]]/The Ripper.md",
-    "Agent/[[Splintergleam]]/Toothy Pugilist.md",
+    "Decks/Rewind Me.md",
+    "Overpower.md",
+    "_Keyword.base",
+    "_Timeline.base",
+    "Bronk the Calm.md",
+    "Aggressive Recycling.md",
+    "Agents.md",
+    "Affront to Nature.png",
+    "Aardvark Precinct Captain.png",
+    "Aardvark Precinct Captain.md",
+    "A'kon, Starry Diviner.md",
+    "_Agents.base",
+    "_Factions.base",
+    "_Spells.base",
+    "Xae, Dreamstrider.md",
+    "Ylka, the Headliner.md",
+    "Zealot of the Hunt.md",
+    "Zel, the First Diver.md",
+    "Ziv, the Adaptable.md",
+    "Zorp, Unrecyclable.md",
+    "Muffle.md",
+    "Mr. E.md",
+    "Nanobot Hive.md",
+    "Nascent Clone.md",
+    "E-Law, Boot Shepherd.md",
+    "Efficient Scrapbot.md",
+    "Egg Tender.md",
+    "Enhanced Retriever.md",
+    "Enlightened Refugee.md",
+    "Enlightened Survivor.md",
+    "Enthusiastic Bot-Poke.md",
+    "Fervent Follower.png",
+    "Fervent Mycologist.png",
+    "Bearer of the Broth.png",
+    "Battleharts.png",
+    "Appeal to the Scrolls.png",
+    "Zealot of the Hunt.png",
+    "Dedicated Missionary.png",
+    "Convergent Pack.png",
+    "Master of Ceremonies.png.crdownload",
+    "Master of Ceremonies_files/v833ccba57c9e4d2798f2e76cebdd09a11778172276447",
+    "Master of Ceremonies_files/flux.min.js.download",
+    "Master of Ceremonies_files/livewire.min.js.download",
     "_Agents.canvas"
   ]
 }

chrono.docs/A'kon, Starry Diviner.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 1
 attack: 2
 health: 2
@@ -17,4 +17,3 @@ imageLink: "[[A'kon, Starry Diviner.png]]"
 
 
 ![[A'kon, Starry Diviner.png]]
-

chrono.docs/Aardvark Precinct Captain.md

@@ -14,8 +14,7 @@ archetypes:
   - "[[Sprout]]"
   - "[[Shift]]"
 imageLink: "[[Aardvark Precinct Captain.png]]"
-ranking: A
 ---
-I feel like it easy to always make this card sprout 5, so +5/+5 worth of stats for two man. Plus at that point, it will Immortalize as a +3/+3 and activate [[Deadly Fauna]].
+
 
 ![[Aardvark Precinct Captain.png]]

chrono.docs/Alina Who Cuts the Strings.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 4
 attack: 3
 health: 2
@@ -17,4 +17,3 @@ imageLink: "[[Alina Who Cuts the Strings.png]]"
 
 
 ![[Alina Who Cuts the Strings.png]]
-

chrono.docs/Alina, the Overflowing Cup.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 4
 attack: 3
 health: 5

chrono.docs/Armageddonaut.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 5
 attack: 6
 health: 6

chrono.docs/Arra, Saurian Broodmother.md

@@ -1,10 +1,10 @@
 ---
-category: Immortalized
+category: Agent
 cost: 1
 attack: 1
 health: 2
-description: "[[Activate]]: The next ally that enters play this round [[Flourish|Flourishes]]. The first time each round another ally Flourishes, I Flourish."
-immortalizeWhen: I've seen allies [[Flourish]] 4+ times.
+description: "[[Activate]]: The next ally that enters play this round [[Flourish|Flourishes]]. The first time each round another ally [[Flourish|Flourishes]], I [[Flourish]]."
+immortalizeWhen: N/A
 immortalizeTo:
   - N/A
 immortalizeFrom: "[[Egg Tender]]"

chrono.docs/B.O.O.F..md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 2
 attack: 3
 health: 2

chrono.docs/Battleharts.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 2
 attack: 0
 health: 1

chrono.docs/Bill, First Point of Contact.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 4
 attack: 3
 health: 4

chrono.docs/Boatswain Corvus.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 7
 attack: 6
 health: 10

chrono.docs/Boof, Ever Loyal.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 1
 attack: 3
 health: 5

chrono.docs/Boof, Lonely and Proud.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 2
 attack: 3
 health: 3

chrono.docs/Boof, the Champion.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 2
 attack: 4
 health: 4

chrono.docs/Boof, the Listener.md

@@ -1,5 +1,5 @@
 ---
-category: Immortalized
+category: Agent
 cost: 2
 attack: 2
 health: 1