diff --git a/frontend/src/components/map/Sidebar.tsx b/frontend/src/components/map/Sidebar.tsx
index 3fcc5511..269dd9d6 100644
--- a/frontend/src/components/map/Sidebar.tsx
+++ b/frontend/src/components/map/Sidebar.tsx
@@ -98,7 +98,7 @@ export const Sidebar: React.FC<Props> = ({
 
       {/* Tool links */}
       <div className="ml-tool-links">
-        <a href="/inventory.html" target="_blank" className="ml-tool-link">🔍 Inv Search</a>
+        <a href="/?view=inventory" target="_blank" className="ml-tool-link">🔍 Inv Search</a>
         <a href="/suitbuilder.html" target="_blank" className="ml-tool-link">🛡️ Suitbuilder</a>
         <a href="/debug.html" target="_blank" className="ml-tool-link">🐛 Debug</a>
       </div>
diff --git a/static/classic/script.js b/static/classic/script.js
index f7518b6f..7aaacae9 100644
--- a/static/classic/script.js
+++ b/static/classic/script.js
@@ -3554,7 +3554,7 @@ function createMilestoneFireworks() {
  */
 function openInventorySearch() {
   // Open the dedicated inventory search page in a new tab
-  window.open('/inventory.html', '_blank');
+  window.open('/?view=inventory', '_blank');
 }
 
 /**
diff --git a/static/inventory.html b/static/inventory.html
deleted file mode 100644
index a69d73ff..00000000
--- a/static/inventory.html
+++ /dev/null
@@ -1,1172 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Inventory Search - Dereth Tracker</title>
-    <link rel="stylesheet" href="style.css">
-    <style>
-        /* Override main app styles to enable scrolling */
-        html, body {
-            overflow: auto !important;
-            height: auto !important;
-            display: block !important;
-            margin: 0;
-            padding: 0;
-            font-size: 11px;
-            font-family: Arial, sans-serif;
-            background: #f0f0f0;
-        }
-        
-        /* Inventory-specific styles */
-        .inventory-container {
-            display: flex;
-            gap: 5px;
-            padding: 5px;
-        }
-
-        .character-sidebar {
-            width: 120px;
-            background: white;
-            border: 1px solid #999;
-            padding: 3px;
-            height: fit-content;
-        }
-
-        .character-sidebar h4 {
-            margin: 0 0 3px 0;
-            font-size: 10px;
-            font-weight: bold;
-            color: #000;
-        }
-
-        .character-list {
-            max-height: 300px;
-            overflow-y: auto;
-        }
-
-        .character-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1px;
-            font-size: 9px;
-        }
-
-        .character-item input[type="checkbox"] {
-            margin: 0 2px 0 0;
-            width: 9px;
-            height: 9px;
-        }
-
-        .character-item label {
-            cursor: pointer;
-            color: #000;
-            flex: 1;
-        }
-
-        .main-content {
-            flex: 1;
-        }
-
-        .inventory-header {
-            background: #333;
-            color: white;
-            padding: 4px 8px;
-            margin-bottom: 5px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .inventory-header h1 {
-            margin: 0;
-            font-size: 14px;
-            font-weight: normal;
-        }
-
-        .search-form {
-            background: white;
-            padding: 5px;
-            border: 1px solid #ccc;
-        }
-
-        /* Filter Section Styling */
-        .filter-card {
-            background: #f8f9fa;
-            border: 1px solid #dee2e6;
-            border-radius: 4px;
-            padding: 8px;
-            margin-bottom: 8px;
-        }
-
-        .filter-card-header {
-            font-weight: bold;
-            font-size: 11px;
-            color: #495057;
-            margin-bottom: 6px;
-            border-bottom: 1px solid #dee2e6;
-            padding-bottom: 2px;
-        }
-
-        .filter-row {
-            display: flex;
-            gap: 8px;
-            margin-bottom: 6px;
-            align-items: center;
-            flex-wrap: wrap;
-        }
-
-        .filter-group {
-            display: flex;
-            align-items: center;
-            gap: 4px;
-            min-width: 0;
-        }
-
-        .filter-group label {
-            font-weight: 600;
-            font-size: 11px;
-            color: #343a40;
-            min-width: 60px;
-            text-align: right;
-        }
-
-        .filter-group-wide label {
-            min-width: 80px;
-        }
-
-        input[type="text"],
-        input[type="number"],
-        select {
-            border: 1px solid #ced4da;
-            border-radius: 3px;
-            padding: 4px 6px;
-            font-size: 11px;
-            height: 24px;
-            background: white;
-        }
-
-        input[type="text"]:focus,
-        input[type="number"]:focus,
-        select:focus {
-            outline: none;
-            border-color: #80bdff;
-            box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
-        }
-
-        input[type="text"] {
-            width: 140px;
-        }
-
-        input[type="number"] {
-            width: 50px;
-        }
-
-        select {
-            width: 110px;
-        }
-
-        .range-separator {
-            color: #6c757d;
-            font-weight: bold;
-            margin: 0 4px;
-        }
-
-
-        .section-label {
-            font-weight: bold;
-            font-size: 10px;
-            min-width: 50px;
-            padding-top: 2px;
-            color: #000;
-        }
-
-        .checkbox-sections-container {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 8px;
-        }
-
-        .checkbox-container {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 4px;
-            max-height: 150px;
-            overflow-y: auto;
-        }
-
-        .checkbox-item {
-            display: flex;
-            align-items: center;
-            font-size: 9px;
-            white-space: nowrap;
-            width: calc(50% - 2px);
-            min-width: 80px;
-        }
-
-        .checkbox-item input[type="checkbox"] {
-            margin: 0 1px 0 0;
-            width: 9px;
-            height: 9px;
-        }
-
-        .checkbox-item label {
-            cursor: pointer;
-            color: #000;
-        }
-
-        .subsection-label {
-            font-weight: bold;
-            margin-bottom: 2px;
-            display: block;
-            font-size: 9px;
-            color: #333;
-        }
-
-        .search-actions {
-            display: flex;
-            gap: 10px;
-            margin-top: 15px;
-            justify-content: flex-start;
-        }
-
-        .btn {
-            padding: 2px 8px;
-            border: 1px solid #999;
-            background: #e0e0e0;
-            font-size: 10px;
-            cursor: pointer;
-        }
-
-        .btn-primary {
-            background: #4a80c0;
-            color: white;
-            border-color: #336699;
-        }
-
-        .btn:hover {
-            background: #d0d0d0;
-        }
-
-        .btn-primary:hover {
-            background: #336699;
-        }
-
-        .results-container {
-            background: white;
-            border: 1px solid #999;
-            margin-top: 5px;
-            max-height: calc(100vh - 150px);
-            overflow: auto;
-        }
-
-        .results-table {
-            width: 100%;
-            border-collapse: collapse;
-            font-size: 10px;
-            color: #000;
-            table-layout: fixed;
-        }
-
-        .results-table th {
-            background: #d0d0d0;
-            padding: 1px 3px;
-            text-align: left;
-            font-weight: bold;
-            border: 1px solid #999;
-            position: sticky;
-            top: 0;
-            font-size: 9px;
-            position: relative;
-            user-select: none;
-        }
-
-        .results-table th .th-label {
-            cursor: pointer;
-        }
-
-        .results-table th .th-hide {
-            display: inline-block;
-            margin-left: 3px;
-            color: #999;
-            cursor: pointer;
-            font-size: 10px;
-            font-weight: normal;
-            line-height: 1;
-            vertical-align: middle;
-        }
-
-        .results-table th .th-hide:hover {
-            color: #c00;
-        }
-
-        /* Resizable column handle */
-        .results-table th .resize-handle {
-            position: absolute;
-            right: 0;
-            top: 0;
-            bottom: 0;
-            width: 5px;
-            cursor: col-resize;
-            background: transparent;
-        }
-
-        .results-table th .resize-handle:hover,
-        .results-table th .resize-handle.resizing {
-            background: #666;
-        }
-
-        .results-table th.resizing {
-            background: #b0b0b0;
-        }
-
-        .results-table td {
-            padding: 1px 3px;
-            border: 1px solid #ddd;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        .results-table tbody tr:hover {
-            background-color: #f0f0f0;
-        }
-
-        .item-name {
-            color: #0066cc;
-            font-weight: bold;
-        }
-
-        .status-equipped {
-            color: #008800;
-        }
-
-        .status-inventory {
-            color: #5f6368;
-        }
-
-        .loading {
-            text-align: center;
-            padding: 20px;
-            color: #5f6368;
-            font-size: 11px;
-        }
-
-        .no-results {
-            text-align: center;
-            padding: 20px;
-            color: #5f6368;
-            font-size: 11px;
-        }
-
-        .error {
-            text-align: center;
-            padding: 10px;
-            color: #d93025;
-            background: #fef7e0;
-            margin: 5px;
-            font-size: 11px;
-        }
-
-        .results-info {
-            padding: 3px 5px;
-            background: #f0f0f0;
-            border-bottom: 1px solid #999;
-            font-weight: normal;
-            color: #333;
-            font-size: 10px;
-        }
-
-        .back-link {
-            display: inline-flex;
-            align-items: center;
-            color: #1a73e8;
-            text-decoration: none;
-            font-weight: 500;
-            margin-bottom: 16px;
-            transition: color 0.2s;
-        }
-
-        .back-link:hover {
-            color: #1557b0;
-        }
-
-        .back-link::before {
-            content: "←";
-            margin-right: 8px;
-            font-size: 1.2rem;
-        }
-        
-        /* Set Analysis specific styles */
-        .set-analysis-section {
-            background: white;
-            border: 1px solid #999;
-            margin-top: 5px;
-        }
-        
-        .set-analysis-form {
-            background: #f8f8f8;
-            padding: 8px;
-            border-bottom: 1px solid #ddd;
-        }
-        
-        .set-analysis-form h3 {
-            margin: 0 0 8px 0;
-            font-size: 12px;
-            font-weight: bold;
-            color: #333;
-        }
-        
-        .set-analysis-form select {
-            width: 140px;
-        }
-        
-        .text-right {
-            text-align: right;
-        }
-        
-        /* Column width control */
-        .narrow-col {
-            width: 120px;
-            max-width: 120px;
-            font-size: 9px;
-            line-height: 1.1;
-        }
-        
-        .medium-col {
-            width: 150px;
-            max-width: 150px;
-        }
-        
-        .set-col {
-            width: 100px;
-            max-width: 100px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-        }
-        
-        .spells-cell {
-            font-size: 9px;
-            line-height: 1.2;
-        }
-        
-        .legendary-cantrip {
-            color: #ffd700;
-            font-weight: bold;
-        }
-        
-        .regular-spell {
-            color: #88ccff;
-        }
-        
-        /* Pagination controls */
-        .pagination-controls {
-            padding: 12px 16px;
-            text-align: center;
-            background: #f8f8f8;
-            border-top: 1px solid #ddd;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 10px;
-            font-size: 11px;
-        }
-        
-        .pagination-controls button {
-            padding: 4px 8px;
-            border: 1px solid #999;
-            background: #e0e0e0;
-            font-size: 10px;
-            cursor: pointer;
-            border-radius: 3px;
-        }
-        
-        .pagination-controls button:hover:not(:disabled) {
-            background: #d0d0d0;
-        }
-        
-        .pagination-controls button:disabled {
-            background: #f0f0f0;
-            color: #999;
-            cursor: not-allowed;
-        }
-        
-        .pagination-info {
-            font-weight: bold;
-            color: #333;
-            margin: 0 15px;
-        }
-    </style>
-</head>
-<body>
-    <div class="inventory-header">
-        <h1>Inventory Search</h1>
-        <a href="/" style="color: white; text-decoration: none; font-size: 11px;">← Back</a>
-    </div>
-    
-    <div class="inventory-container">
-        <!-- Character Selection Sidebar -->
-        <div class="character-sidebar">
-            <h4>Characters</h4>
-            <div class="character-item">
-                <input type="checkbox" id="char_all" checked>
-                <label for="char_all">All Characters</label>
-            </div>
-            <div class="character-list" id="characterList">
-                <!-- Character checkboxes will be populated by JavaScript -->
-            </div>
-        </div>
-        
-        <div class="main-content">
-            <form class="search-form" id="inventorySearchForm">
-            
-            <!-- Basic Filters -->
-            <div class="filter-card">
-                <div class="filter-card-header">Basic Search</div>
-                
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Name:</label>
-                        <input type="text" id="searchText" placeholder="Item name">
-                    </div>
-                    <div class="filter-group">
-                        <label>Status:</label>
-                        <select id="searchEquipStatus">
-                            <option value="all">All</option>
-                            <option value="equipped">Equipped</option>
-                            <option value="unequipped">Inventory</option>
-                        </select>
-                    </div>
-                    <div class="filter-group">
-                        <label>Type:</label>
-                        <div style="display: flex; gap: 8px;">
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="armorOnly" value="armor" checked style="margin-right: 3px;">
-                                Armor Only
-                            </label>
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="jewelryOnly" value="jewelry" style="margin-right: 3px;">
-                                Jewelry Only
-                            </label>
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="shirtOnly" value="shirt" style="margin-right: 3px;">
-                                Shirts Only
-                            </label>
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="pantsOnly" value="pants" style="margin-right: 3px;">
-                                Pants Only
-                            </label>
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="weaponOnly" value="weapon" style="margin-right: 3px;">
-                                Weapons
-                            </label>
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="clothingOnly" value="clothing" style="margin-right: 3px;">
-                                Clothing
-                            </label>
-                            <label style="display: flex; align-items: center; font-weight: normal;">
-                                <input type="radio" name="equipmentType" id="allItems" value="all" style="margin-right: 3px;">
-                                All Items
-                            </label>
-                        </div>
-                    </div>
-                    <div class="filter-group" id="weaponTypeGroup" style="display: none;">
-                        <label>Weapon Type:</label>
-                        <select id="weaponTypeFilter">
-                            <option value="">All Weapons</option>
-                            <option value="heavy">Heavy Weapons</option>
-                            <option value="light">Light Weapons</option>
-                            <option value="finesse">Finesse Weapons</option>
-                            <option value="two_handed">Two Handed</option>
-                            <option value="bow">Bow</option>
-                            <option value="crossbow">Crossbow</option>
-                            <option value="thrown">Thrown</option>
-                            <option value="caster">Wand/Staff/Orb</option>
-                        </select>
-                    </div>
-                    <div class="filter-group">
-                        <label>Slot:</label>
-                        <select id="slotFilter">
-                        <option value="">All Slots</option>
-                        <optgroup label="Armor Slots">
-                            <option value="Head">Head</option>
-                            <option value="Chest">Chest</option>
-                            <option value="Upper Arms">Upper Arms</option>
-                            <option value="Lower Arms">Lower Arms</option>
-                            <option value="Hands">Hands</option>
-                            <option value="Abdomen">Abdomen</option>
-                            <option value="Upper Legs">Upper Legs</option>
-                            <option value="Lower Legs">Lower Legs</option>
-                            <option value="Feet">Feet</option>
-                            <option value="Shield">Shield</option>
-                        </optgroup>
-                        <optgroup label="Jewelry Slots">
-                            <option value="Neck">Neck</option>
-                            <option value="Left Ring">Left Ring</option>
-                            <option value="Right Ring">Right Ring</option>
-                            <option value="Left Wrist">Left Wrist</option>
-                            <option value="Right Wrist">Right Wrist</option>
-                            <option value="Trinket">Trinket</option>
-                        </optgroup>
-                        <optgroup label="Other Slots">
-                            <option value="Cloak">Cloak</option>
-                        </optgroup>
-                    </select>
-                </div>
-            </div>
-            
-            <!-- Stats Filters -->
-            <div class="filter-card">
-                <div class="filter-card-header">Item Stats</div>
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Armor:</label>
-                        <input type="number" id="searchMinArmor" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxArmor" placeholder="Max">
-                    </div>
-                    <div class="filter-group">
-                        <label>Crit Dmg:</label>
-                        <input type="number" id="searchMinCritDamage" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxCritDamage" placeholder="Max">
-                    </div>
-                </div>
-                
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Dmg Rating:</label>
-                        <input type="number" id="searchMinDamageRating" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxDamageRating" placeholder="Max">
-                    </div>
-                    <div class="filter-group">
-                        <label>Heal Boost:</label>
-                        <input type="number" id="searchMinHealBoost" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxHealBoost" placeholder="Max">
-                    </div>
-                </div>
-                
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Vitality:</label>
-                        <input type="number" id="searchMinVitalityRating" placeholder="Min">
-                    </div>
-                    <div class="filter-group">
-                        <label>Dmg Resist:</label>
-                        <input type="number" id="searchMinDamageResistRating" placeholder="Min">
-                    </div>
-                    <div class="filter-group">
-                        <label>Crit Dmg Resist:</label>
-                        <input type="number" id="searchMinCritDamageResistRating" placeholder="Min">
-                    </div>
-                </div>
-            </div>
-
-            <!-- Weapon / Combat Stats -->
-            <div class="filter-card">
-                <div class="filter-card-header">Weapon / Combat Stats</div>
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Damage:</label>
-                        <input type="number" id="searchMinDamage" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxDamage" placeholder="Max">
-                    </div>
-                    <div class="filter-group">
-                        <label>Attack Bonus:</label>
-                        <input type="number" id="searchMinAttackBonus" placeholder="Min" step="0.01">
-                    </div>
-                    <div class="filter-group">
-                        <label>Crit Resist:</label>
-                        <input type="number" id="searchMinCritResistRating" placeholder="Min">
-                    </div>
-                    <div class="filter-group">
-                        <label>Tinks:</label>
-                        <input type="number" id="searchMinTinks" placeholder="Min">
-                    </div>
-                </div>
-            </div>
-
-            <!-- Item Properties -->
-            <div class="filter-card">
-                <div class="filter-card-header">Item Properties</div>
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Material:</label>
-                        <input type="text" id="searchMaterial" placeholder="e.g. Gold" style="width: 80px;">
-                    </div>
-                    <div class="filter-group">
-                        <label>Level Req:</label>
-                        <input type="number" id="searchMinLevel" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxLevel" placeholder="Max">
-                    </div>
-                    <div class="filter-group">
-                        <label>Workmanship:</label>
-                        <input type="number" id="searchMinWorkmanship" placeholder="Min" step="0.5">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxWorkmanship" placeholder="Max" step="0.5">
-                    </div>
-                </div>
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Value:</label>
-                        <input type="number" id="searchMinValue" placeholder="Min">
-                        <span class="range-separator">-</span>
-                        <input type="number" id="searchMaxValue" placeholder="Max">
-                    </div>
-                    <div class="filter-group">
-                        <label>Max Burden:</label>
-                        <input type="number" id="searchMaxBurden" placeholder="Max">
-                    </div>
-                </div>
-            </div>
-
-            <!-- Item State & Spell Search -->
-            <div class="filter-card">
-                <div class="filter-card-header">Item State &amp; Spell Search</div>
-                <div class="filter-row">
-                    <div class="filter-group">
-                        <label>Spell Search:</label>
-                        <input type="text" id="searchSpellContains" placeholder="Spell name contains..." style="width: 150px;">
-                    </div>
-                    <div class="filter-group">
-                        <label style="min-width: auto;">Bonded:</label>
-                        <input type="checkbox" id="searchBonded" style="width: auto; height: auto;">
-                    </div>
-                    <div class="filter-group">
-                        <label style="min-width: auto;">Attuned:</label>
-                        <input type="checkbox" id="searchAttuned" style="width: auto; height: auto;">
-                    </div>
-                    <div class="filter-group">
-                        <label style="min-width: auto;">Rare:</label>
-                        <input type="checkbox" id="searchIsRare" style="width: auto; height: auto;">
-                    </div>
-                </div>
-            </div>
-
-            <!-- Checkbox Sections in Grid Layout -->
-            <div class="checkbox-sections-container">
-                <!-- Equipment Sets -->
-                <div class="filter-card">
-                    <div class="filter-card-header">Equipment Sets</div>
-                    <div class="checkbox-container" id="equipmentSets">
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_14" value="14">
-                        <label for="set_14">Adept's</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_16" value="16">
-                        <label for="set_16">Defender's</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_13" value="13">
-                        <label for="set_13">Soldier's</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_21" value="21">
-                        <label for="set_21">Wise</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_40" value="40">
-                        <label for="set_40">Heroic Protector</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_41" value="41">
-                        <label for="set_41">Heroic Destroyer</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_46" value="46">
-                        <label for="set_46">Relic Alduressa</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_47" value="47">
-                        <label for="set_47">Ancient Relic</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_48" value="48">
-                        <label for="set_48">Noble Relic</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_15" value="15">
-                        <label for="set_15">Archer's</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_19" value="19">
-                        <label for="set_19">Hearty</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_20" value="20">
-                        <label for="set_20">Dexterous</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_22" value="22">
-                        <label for="set_22">Swift</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_24" value="24">
-                        <label for="set_24">Reinforced</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_26" value="26">
-                        <label for="set_26">Flame Proof</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="set_29" value="29">
-                        <label for="set_29">Lightning Proof</label>
-                    </div>
-                </div>
-                </div>
-
-                <!-- Legendary Cantrips -->
-                <div class="filter-card">
-                    <div class="filter-card-header">Legendary Cantrips</div>
-                <div class="checkbox-container" id="cantrips">
-                    <!-- Legendary Attributes -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_strength" value="Legendary Strength">
-                        <label for="cantrip_legendary_strength">Strength</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_endurance" value="Legendary Endurance">
-                        <label for="cantrip_legendary_endurance">Endurance</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_quickness" value="Legendary Quickness">
-                        <label for="cantrip_legendary_quickness">Quickness</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_coordination" value="Legendary Coordination">
-                        <label for="cantrip_legendary_coordination">Coordination</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_willpower" value="Legendary Willpower">
-                        <label for="cantrip_legendary_willpower">Willpower</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_focus" value="Legendary Focus">
-                        <label for="cantrip_legendary_focus">Focus</label>
-                    </div>
-                    <!-- Legendary Weapon Skills -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_finesse" value="Legendary Finesse Weapon Aptitude">
-                        <label for="cantrip_legendary_finesse">Finesse</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_heavy" value="Legendary Heavy Weapon Aptitude">
-                        <label for="cantrip_legendary_heavy">Heavy</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_light" value="Legendary Light Weapon Aptitude">
-                        <label for="cantrip_legendary_light">Light</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_missile" value="Legendary Missile Weapon Aptitude">
-                        <label for="cantrip_legendary_missile">Missile</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_twohanded" value="Legendary Two Handed Combat Aptitude">
-                        <label for="cantrip_legendary_twohanded">Two-handed</label>
-                    </div>
-                    <!-- Legendary Magic Skills -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_war" value="Legendary War Magic Aptitude">
-                        <label for="cantrip_legendary_war">War Magic</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_void" value="Legendary Void Magic Aptitude">
-                        <label for="cantrip_legendary_void">Void Magic</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_creature" value="Legendary Creature Enchantment Aptitude">
-                        <label for="cantrip_legendary_creature">Creature</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_item" value="Legendary Item Enchantment Aptitude">
-                        <label for="cantrip_legendary_item">Item</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_life" value="Legendary Life Magic Aptitude">
-                        <label for="cantrip_legendary_life">Life Magic</label>
-                    </div>
-                    <!-- Legendary Defense -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_magic_defense" value="Legendary Magic Resistance">
-                        <label for="cantrip_legendary_magic_defense">Magic Def</label>
-                    </div>
-                    
-                    <!-- Combat Skills -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_blood_thirst" value="Legendary Blood Thirst">
-                        <label for="cantrip_legendary_blood_thirst">Blood Thirst</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_sneak_attack" value="Legendary Sneak Attack Prowess">
-                        <label for="cantrip_legendary_sneak_attack">Sneak Attack</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_defender" value="Legendary Defender">
-                        <label for="cantrip_legendary_defender">Defender</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_recklessness" value="Legendary Recklessness Prowess">
-                        <label for="cantrip_legendary_recklessness">Recklessness</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_shield" value="Legendary Shield Aptitude">
-                        <label for="cantrip_legendary_shield">Shield</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_dual_wield" value="Legendary Dual Wield Aptitude">
-                        <label for="cantrip_legendary_dual_wield">Dual Wield</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_dirty_fighting" value="Legendary Dirty Fighting Prowess">
-                        <label for="cantrip_legendary_dirty_fighting">Dirty Fighting</label>
-                    </div>
-                    
-                    <!-- Magic/Utility Skills -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_summoning" value="Legendary Summoning Prowess">
-                        <label for="cantrip_legendary_summoning">Summoning</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_healing" value="Legendary Healing Prowess">
-                        <label for="cantrip_legendary_healing">Healing</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_arcane" value="Legendary Arcane Prowess">
-                        <label for="cantrip_legendary_arcane">Arcane</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_tinkering" value="Legendary Magic Item Tinkering Expertise">
-                        <label for="cantrip_legendary_tinkering">Tinkering</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_mana_conversion" value="Legendary Mana Conversion Prowess">
-                        <label for="cantrip_legendary_mana_conversion">Mana Convert</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_leadership" value="Legendary Leadership">
-                        <label for="cantrip_legendary_leadership">Leadership</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_deception" value="Legendary Deception Prowess">
-                        <label for="cantrip_legendary_deception">Deception</label>
-                    </div>
-                    
-                    <!-- Defensive Spells -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_impenetrability" value="Legendary Impenetrability">
-                        <label for="cantrip_legendary_impenetrability">Impenetrability</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_impregnability" value="Legendary Impregnability">
-                        <label for="cantrip_legendary_impregnability">Impregnability</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_invulnerability" value="Legendary Invulnerability">
-                        <label for="cantrip_legendary_invulnerability">Invulnerability</label>
-                    </div>
-                    
-                    <!-- Specialized/Rare -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_hermetic_link" value="Legendary Hermetic Link">
-                        <label for="cantrip_legendary_hermetic_link">Hermetic Link</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_person_attunement" value="Legendary Person Attunement">
-                        <label for="cantrip_legendary_person_attunement">Person Attune</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_spirit_thirst" value="Legendary Spirit Thirst">
-                        <label for="cantrip_legendary_spirit_thirst">Spirit Thirst</label>
-                    </div>
-                    
-                    <!-- Bane Spells -->
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_piercing_bane" value="Legendary Piercing Bane">
-                        <label for="cantrip_legendary_piercing_bane">Piercing Bane</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="cantrip_legendary_storm_bane" value="Legendary Storm Bane">
-                        <label for="cantrip_legendary_storm_bane">Storm Bane</label>
-                    </div>
-                </div>
-                </div>
-
-                <!-- Legendary Wards -->
-                <div class="filter-card">
-                    <div class="filter-card-header">Legendary Wards</div>
-                <div class="checkbox-container" id="protections">
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_flame" value="Legendary Flame Ward">
-                        <label for="protection_flame">Flame</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_frost" value="Legendary Frost Ward">
-                        <label for="protection_frost">Frost</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_acid" value="Legendary Acid Ward">
-                        <label for="protection_acid">Acid</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_storm" value="Legendary Storm Ward">
-                        <label for="protection_storm">Storm</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_slashing" value="Legendary Slashing Ward">
-                        <label for="protection_slashing">Slashing</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_piercing" value="Legendary Piercing Ward">
-                        <label for="protection_piercing">Piercing</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_bludgeoning" value="Legendary Bludgeoning Ward">
-                        <label for="protection_bludgeoning">Bludgeoning</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="protection_armor" value="Legendary Armor">
-                        <label for="protection_armor">Armor</label>
-                    </div>
-                </div>
-                </div>
-
-                <!-- Equipment Slots -->
-                <div class="filter-card">
-                    <div class="filter-card-header">Equipment Slots</div>
-                    <div class="checkbox-container" id="all-slots">
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_head" value="Head">
-                        <label for="slot_head">Head</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_chest" value="Chest">
-                        <label for="slot_chest">Chest</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_abdomen" value="Abdomen">
-                        <label for="slot_abdomen">Abdomen</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_upper_arms" value="Upper Arms">
-                        <label for="slot_upper_arms">Upper Arms</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_lower_arms" value="Lower Arms">
-                        <label for="slot_lower_arms">Lower Arms</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_hands" value="Hands">
-                        <label for="slot_hands">Hands</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_upper_legs" value="Upper Legs">
-                        <label for="slot_upper_legs">Upper Legs</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_lower_legs" value="Lower Legs">
-                        <label for="slot_lower_legs">Lower Legs</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_feet" value="Feet">
-                        <label for="slot_feet">Feet</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_shield" value="Shield">
-                        <label for="slot_shield">Shield</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_neck" value="Neck">
-                        <label for="slot_neck">Neck</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_ring" value="Ring">
-                        <label for="slot_ring">Ring</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_bracelet" value="Bracelet">
-                        <label for="slot_bracelet">Bracelet</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_trinket" value="Trinket">
-                        <label for="slot_trinket">Trinket</label>
-                    </div>
-                    <div class="checkbox-item">
-                        <input type="checkbox" id="slot_cloak" value="Cloak">
-                        <label for="slot_cloak">Cloak</label>
-                    </div>
-                </div>
-                </div>
-            </div>
-
-            <div class="search-actions">
-                <button type="button" class="btn btn-secondary" id="clearBtn">Clear All</button>
-                <button type="submit" class="btn btn-primary">Search Items</button>
-                <button type="button" class="btn btn-secondary" id="setAnalysisBtn">Analyze Sets</button>
-            </div>
-        </form>
-
-            <!-- Set Analysis Section -->
-            <div class="set-analysis-section" id="setAnalysisSection" style="display: none;">
-                <div class="set-analysis-form">
-                    <h3>Equipment Set Combination Analysis</h3>
-                    <div class="filter-row">
-                        <div class="filter-group">
-                            <label>Primary Set (5 pieces):</label>
-                            <select id="primarySetSelect">
-                                <option value="14">Adept's Set</option>
-                                <option value="16">Defender's Set</option>
-                                <option value="13">Soldier's Set</option>
-                                <option value="21">Wise Set</option>
-                                <option value="40">Heroic Protector</option>
-                                <option value="41">Heroic Destroyer</option>
-                                <option value="46">Relic Alduressa</option>
-                                <option value="47">Ancient Relic</option>
-                                <option value="48">Noble Relic</option>
-                            </select>
-                        </div>
-                        <div class="filter-group">
-                            <label>Secondary Set (4 pieces):</label>
-                            <select id="secondarySetSelect">
-                                <option value="13">Soldier's Set</option>
-                                <option value="14">Adept's Set</option>
-                                <option value="16">Defender's Set</option>
-                                <option value="21">Wise Set</option>
-                                <option value="40">Heroic Protector</option>
-                                <option value="41">Heroic Destroyer</option>
-                                <option value="46">Relic Alduressa</option>
-                                <option value="47">Ancient Relic</option>
-                                <option value="48">Noble Relic</option>
-                            </select>
-                        </div>
-                        <div class="filter-group">
-                            <button type="button" class="btn btn-primary" id="runSetAnalysis">Analyze</button>
-                            <button type="button" class="btn btn-secondary" id="backToSearch">Back to Search</button>
-                        </div>
-                    </div>
-                </div>
-                
-                <div class="results-container" id="setAnalysisResults">
-                    <div class="no-results">Select primary and secondary sets above and click "Analyze" to find valid combinations.</div>
-                </div>
-            </div>
-
-            <div id="hiddenColumnsBar" style="background:#f0f0f0;padding:3px 8px;border:1px solid #ccc;border-bottom:none;font-size:9px;display:none;align-items:center;gap:4px;flex-wrap:wrap;">
-                <strong style="margin-right:4px;">Hidden:</strong>
-                <span id="hiddenColumnsList"></span>
-            </div>
-            <div class="results-container" id="searchResults">
-                <div class="no-results">Enter search criteria above and click "Search Items" to find inventory items.</div>
-            </div>
-        </div>
-    </div>
-
-    <script src="inventory.js"></script>
-</body>
-</html>
\ No newline at end of file
diff --git a/static/inventory.js b/static/inventory.js
deleted file mode 100644
index 4660be42..00000000
--- a/static/inventory.js
+++ /dev/null
@@ -1,943 +0,0 @@
-/**
- * Inventory Search Application
- * Dedicated JavaScript for the inventory search page
- */
-
-// Configuration - use main app proxy for inventory service
-const API_BASE = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1' 
-  ? 'http://localhost:8766'  // Local development - direct to inventory service
-  : `${window.location.origin}/inv`;  // Production - through main app proxy
-
-// DOM Elements - will be set after DOM loads
-let searchForm, clearBtn, searchResults;
-
-// Sorting state
-let currentSort = {
-    field: 'name',
-    direction: 'asc'
-};
-
-// Store current search results for client-side sorting
-let currentResultsData = null;
-
-// Items limit - load all items for client-side sorting (backend max is 50000)
-let currentPage = 1;
-let itemsPerPage = 50000;
-
-// Initialize the application
-document.addEventListener('DOMContentLoaded', function() {
-    // Get DOM elements after DOM is loaded
-    searchForm = document.getElementById('inventorySearchForm');
-    clearBtn = document.getElementById('clearBtn');
-    searchResults = document.getElementById('searchResults');
-    
-    
-    initializeEventListeners();
-    loadCharacterOptions();
-    renderHiddenColumnsBar();
-});
-
-/**
- * Initialize all event listeners
- */
-function initializeEventListeners() {
-    // Form submission
-    searchForm.addEventListener('submit', async (e) => {
-        e.preventDefault();
-        await performSearch();
-    });
-    
-    // Clear button
-    clearBtn.addEventListener('click', clearAllFields);
-    
-    // Slot filter change
-    document.getElementById('slotFilter').addEventListener('change', handleSlotFilterChange);
-    
-    // Set analysis buttons
-    document.getElementById('setAnalysisBtn').addEventListener('click', showSetAnalysis);
-    document.getElementById('backToSearch').addEventListener('click', showSearchSection);
-    document.getElementById('runSetAnalysis').addEventListener('click', performSetAnalysis);
-    
-    // Show/hide weapon type dropdown when equipment type changes
-    document.querySelectorAll('input[name="equipmentType"]').forEach(radio => {
-        radio.addEventListener('change', (e) => {
-            const weaponGroup = document.getElementById('weaponTypeGroup');
-            weaponGroup.style.display = e.target.value === 'weapon' ? '' : 'none';
-            if (e.target.value !== 'weapon') {
-                document.getElementById('weaponTypeFilter').value = '';
-            }
-        });
-    });
-
-    // Checkbox visual feedback for cantrips and equipment sets
-    document.querySelectorAll('.checkbox-item input[type="checkbox"]').forEach(checkbox => {
-        checkbox.addEventListener('change', handleCheckboxChange);
-    });
-}
-
-/**
- * Load available characters for the checkbox list
- */
-async function loadCharacterOptions() {
-    try {
-        // Use inventory service proxy endpoint for character list
-        const response = await fetch(`${window.location.origin}/inventory-characters`);
-        const data = await response.json();
-        
-        if (data.characters && data.characters.length > 0) {
-            const characterList = document.getElementById('characterList');
-            
-            // Sort characters by name
-            data.characters.sort((a, b) => a.character_name.localeCompare(b.character_name));
-            
-            // Add character checkboxes
-            data.characters.forEach(char => {
-                const div = document.createElement('div');
-                div.className = 'character-item';
-                
-                const checkbox = document.createElement('input');
-                checkbox.type = 'checkbox';
-                checkbox.id = `char_${char.character_name}`;
-                checkbox.value = char.character_name;
-                checkbox.className = 'character-checkbox';
-                checkbox.checked = true; // Check all by default
-                
-                const label = document.createElement('label');
-                label.htmlFor = checkbox.id;
-                label.textContent = char.character_name;
-                
-                div.appendChild(checkbox);
-                div.appendChild(label);
-                characterList.appendChild(div);
-            });
-            
-            // Set up event listeners for character selection
-            setupCharacterCheckboxes();
-        }
-    } catch (error) {
-        console.warn('Could not load character list:', error);
-    }
-}
-
-/**
- * Setup character checkbox functionality
- */
-function setupCharacterCheckboxes() {
-    const allCheckbox = document.getElementById('char_all');
-    const characterCheckboxes = document.querySelectorAll('.character-checkbox');
-    
-    // Handle "All Characters" checkbox
-    allCheckbox.addEventListener('change', function() {
-        characterCheckboxes.forEach(cb => {
-            cb.checked = this.checked;
-        });
-    });
-    
-    // Handle individual character checkboxes
-    characterCheckboxes.forEach(cb => {
-        cb.addEventListener('change', function() {
-            // If any individual checkbox is unchecked, uncheck "All"
-            if (!this.checked) {
-                allCheckbox.checked = false;
-            } else {
-                // If all individual checkboxes are checked, check "All"
-                const allChecked = Array.from(characterCheckboxes).every(checkbox => checkbox.checked);
-                allCheckbox.checked = allChecked;
-            }
-        });
-    });
-}
-
-/**
- * Handle checkbox change events for visual feedback
- */
-function handleCheckboxChange(e) {
-    const item = e.target.closest('.checkbox-item');
-    if (e.target.checked) {
-        item.classList.add('checked');
-    } else {
-        item.classList.remove('checked');
-    }
-}
-
-/**
- * Clear all form fields and checkboxes
- */
-function clearAllFields() {
-    searchForm.reset();
-    
-    // Reset character selection to "All"
-    document.getElementById('char_all').checked = true;
-    document.querySelectorAll('.character-checkbox').forEach(cb => {
-        cb.checked = true;
-    });
-    
-    // Clear checkbox visual states
-    document.querySelectorAll('.checkbox-item').forEach(item => {
-        item.classList.remove('checked');
-    });
-    
-    // Reset equipment type to armor
-    document.getElementById('armorOnly').checked = true;
-
-    // Reset slot filter and weapon type
-    document.getElementById('slotFilter').value = '';
-    document.getElementById('weaponTypeFilter').value = '';
-    document.getElementById('weaponTypeGroup').style.display = 'none';
-
-    // Clear item state checkboxes (not covered by form.reset for standalone checkboxes)
-    ['searchBonded', 'searchAttuned', 'searchIsRare'].forEach(id => {
-        const el = document.getElementById(id);
-        if (el) el.checked = false;
-    });
-
-    // Reset page
-    currentPage = 1;
-
-    // Reset results and clear stored data
-    currentResultsData = null;
-    searchResults.innerHTML = '<div class="no-results">Enter search criteria above and click "Search Items" to find inventory items.</div>';
-}
-
-/**
- * Handle slot filter changes
- */
-function handleSlotFilterChange() {
-    // If we have current results, reapply filtering and sorting
-    if (currentResultsData) {
-        // Reset items to original unfiltered data
-        const originalData = JSON.parse(JSON.stringify(currentResultsData));
-        
-        // Apply slot filtering
-        applySlotFilter(originalData);
-        
-        // Apply sorting
-        sortResults(originalData);
-        
-        // Display results
-        displayResults(originalData);
-    }
-}
-
-
-/**
- * Perform the search based on form inputs
- */
-async function performSearch() {
-    currentPage = 1;
-    searchResults.innerHTML = '<div class="loading">🔍 Searching inventory...</div>';
-    
-    try {
-        const params = buildSearchParameters();
-        const searchUrl = `${API_BASE}/search/items?${params.toString()}`;
-        console.log('Search URL:', searchUrl);
-        
-        const response = await fetch(searchUrl);
-        const data = await response.json();
-
-        if (!response.ok) {
-            throw new Error(data.detail || 'Search failed');
-        }
-
-        // Store results for client-side re-sorting
-        currentResultsData = data;
-
-        // Apply client-side slot filtering
-        applySlotFilter(data);
-        
-        // Display results (already sorted by server)
-        displayResults(data);
-        
-    } catch (error) {
-        console.error('Search error:', error);
-        searchResults.innerHTML = `<div class="error">❌ Search failed: ${error.message}</div>`;
-    }
-}
-
-/**
- * Build search parameters from form inputs
- */
-function buildSearchParameters() {
-    const params = new URLSearchParams();
-    
-    // Equipment type selection
-    const equipmentType = document.querySelector('input[name="equipmentType"]:checked').value;
-    if (equipmentType === 'armor') {
-        params.append('armor_only', 'true');
-    } else if (equipmentType === 'jewelry') {
-        params.append('jewelry_only', 'true');
-    } else if (equipmentType === 'shirt') {
-        params.append('shirt_only', 'true');
-    } else if (equipmentType === 'pants') {
-        params.append('pants_only', 'true');
-    } else if (equipmentType === 'weapon') {
-        params.append('weapon_only', 'true');
-        const weaponType = document.getElementById('weaponTypeFilter')?.value;
-        if (weaponType) {
-            params.append('weapon_type', weaponType);
-        }
-    } else if (equipmentType === 'clothing') {
-        params.append('clothing_only', 'true');
-    }
-    // If 'all' is selected, don't add any type filter
-    
-    // Basic search parameters - handle character selection
-    const allCharactersChecked = document.getElementById('char_all').checked;
-    if (!allCharactersChecked) {
-        // Get selected characters
-        const selectedCharacters = Array.from(document.querySelectorAll('.character-checkbox:checked'))
-            .map(cb => cb.value);
-        
-        if (selectedCharacters.length === 1) {
-            // Single character selected
-            params.append('character', selectedCharacters[0]);
-        } else if (selectedCharacters.length > 1) {
-            // Multiple characters - use comma-separated list
-            params.append('characters', selectedCharacters.join(','));
-        } else {
-            // No characters selected - search nothing
-            return { items: [], total_count: 0, page: 1, total_pages: 0 };
-        }
-    } else {
-        // All characters selected
-        params.append('include_all_characters', 'true');
-    }
-    addParam(params, 'text', 'searchText');
-    addParam(params, 'material', 'searchMaterial');
-    
-    const equipStatus = document.getElementById('searchEquipStatus').value;
-    if (equipStatus && equipStatus !== 'all') {
-        params.append('equipment_status', equipStatus);
-    }
-    
-    // Armor statistics parameters
-    addParam(params, 'min_armor', 'searchMinArmor');
-    addParam(params, 'max_armor', 'searchMaxArmor');
-    addParam(params, 'min_crit_damage_rating', 'searchMinCritDamage');
-    addParam(params, 'max_crit_damage_rating', 'searchMaxCritDamage');
-    addParam(params, 'min_damage_rating', 'searchMinDamageRating');
-    addParam(params, 'max_damage_rating', 'searchMaxDamageRating');
-    addParam(params, 'min_heal_boost_rating', 'searchMinHealBoost');
-    addParam(params, 'max_heal_boost_rating', 'searchMaxHealBoost');
-    addParam(params, 'min_vitality_rating', 'searchMinVitalityRating');
-    addParam(params, 'min_damage_resist_rating', 'searchMinDamageResistRating');
-    addParam(params, 'min_crit_damage_resist_rating', 'searchMinCritDamageResistRating');
-
-    // Weapon / combat stats
-    addParam(params, 'min_damage', 'searchMinDamage');
-    addParam(params, 'max_damage', 'searchMaxDamage');
-    addParam(params, 'min_attack_bonus', 'searchMinAttackBonus');
-    addParam(params, 'min_crit_resist_rating', 'searchMinCritResistRating');
-    addParam(params, 'min_tinks', 'searchMinTinks');
-
-    // Requirements parameters
-    addParam(params, 'min_level', 'searchMinLevel');
-    addParam(params, 'max_level', 'searchMaxLevel');
-    addParam(params, 'min_workmanship', 'searchMinWorkmanship');
-    addParam(params, 'max_workmanship', 'searchMaxWorkmanship');
-    
-    // Value parameters
-    addParam(params, 'min_value', 'searchMinValue');
-    addParam(params, 'max_value', 'searchMaxValue');
-    addParam(params, 'max_burden', 'searchMaxBurden');
-
-    // Spell text search
-    addParam(params, 'spell_contains', 'searchSpellContains');
-
-    // Item state filters (only send when checked)
-    if (document.getElementById('searchBonded')?.checked) {
-        params.append('bonded', 'true');
-    }
-    if (document.getElementById('searchAttuned')?.checked) {
-        params.append('attuned', 'true');
-    }
-    if (document.getElementById('searchIsRare')?.checked) {
-        params.append('is_rare', 'true');
-    }
-
-    // Equipment set filters
-    const selectedEquipmentSets = getSelectedEquipmentSets();
-    if (selectedEquipmentSets.length === 1) {
-        params.append('item_set', selectedEquipmentSets[0]);
-    } else if (selectedEquipmentSets.length > 1) {
-        params.append('item_sets', selectedEquipmentSets.join(','));
-    }
-    
-    // Cantrip filters
-    const selectedCantrips = getSelectedCantrips();
-    const selectedProtections = getSelectedProtections();
-    const allSpells = [...selectedCantrips, ...selectedProtections];
-    if (allSpells.length > 0) {
-        params.append('legendary_cantrips', allSpells.join(','));
-    }
-    
-    // Equipment slot filters
-    const selectedSlots = getSelectedSlots();
-    if (selectedSlots.length > 0) {
-        params.append('slot_names', selectedSlots.join(','));
-    }
-    
-    // Pagination parameters
-    params.append('page', currentPage);
-    params.append('limit', itemsPerPage);
-    
-    // Sorting parameters
-    params.append('sort_by', currentSort.field);
-    params.append('sort_dir', currentSort.direction);
-    
-    return params;
-}
-
-/**
- * Helper function to add parameter if value exists
- */
-function addParam(params, paramName, elementId) {
-    const value = document.getElementById(elementId)?.value?.trim();
-    if (value) {
-        params.append(paramName, value);
-    }
-}
-
-/**
- * Get selected equipment sets
- */
-function getSelectedEquipmentSets() {
-    const selectedSets = [];
-    document.querySelectorAll('#equipmentSets input[type="checkbox"]:checked').forEach(cb => {
-        selectedSets.push(cb.value);
-    });
-    return selectedSets;
-}
-
-/**
- * Get selected legendary cantrips
- */
-function getSelectedCantrips() {
-    const selectedCantrips = [];
-    document.querySelectorAll('#cantrips input[type="checkbox"]:checked').forEach(cb => {
-        selectedCantrips.push(cb.value);
-    });
-    return selectedCantrips;
-}
-
-/**
- * Get selected protection spells
- */
-function getSelectedProtections() {
-    const selectedProtections = [];
-    document.querySelectorAll('#protections input[type="checkbox"]:checked').forEach(cb => {
-        selectedProtections.push(cb.value);
-    });
-    return selectedProtections;
-}
-
-/**
- * Get selected equipment slots from checkboxes
- */
-function getSelectedSlots() {
-    const selectedSlots = [];
-    // Get all selected slot checkboxes from the all-slots container
-    document.querySelectorAll('#all-slots input[type="checkbox"]:checked').forEach(cb => {
-        selectedSlots.push(cb.value);
-    });
-    return selectedSlots;
-}
-
-// Column definitions — single source of truth for headers, data, and visibility
-const RESULT_COLUMNS = [
-    { key: 'character_name', label: 'Character', sort: 'character_name', defaultVisible: true },
-    { key: 'status', label: 'Status', sort: 'is_equipped', defaultVisible: true,
-      render: item => { const s = item.is_equipped; return `<td class="${s ? 'status-equipped' : 'status-inventory'}">${s ? '⚔️ Equipped' : '📦 Inventory'}</td>`; } },
-    { key: 'name', label: 'Item Name', sort: 'name', defaultVisible: true, cls: 'item-name',
-      render: item => { let n = item.name; if (item.material_name && item.material_name !== '' && !n.toLowerCase().includes(item.material_name.toLowerCase())) n = `${item.material_name} ${n}`; return `<td class="item-name">${n}</td>`; } },
-    { key: 'item_type_name', label: 'Type', sort: 'item_type_name', defaultVisible: true },
-    { key: 'slot_name', label: 'Slot', sort: 'slot_name', defaultVisible: true, cls: 'text-right narrow-col',
-      render: item => `<td class="text-right narrow-col">${item.slot_name ? item.slot_name.replace(/,\s*/g, '<br>') : '-'}</td>` },
-    { key: 'coverage', label: 'Coverage', sort: 'coverage', defaultVisible: false, cls: 'text-right narrow-col',
-      render: item => `<td class="text-right narrow-col">${item.coverage ? item.coverage.replace(/,\s*/g, '<br>') : '-'}</td>` },
-    { key: 'armor_level', label: 'Armor', sort: 'armor', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.armor_level > 0 ? item.armor_level : '-'}</td>` },
-    { key: 'base_armor_level', label: 'Base Armor', sort: 'base_armor_level', defaultVisible: false, cls: 'text-right',
-      render: item => `<td class="text-right">${item.base_armor_level > 0 ? item.base_armor_level : '-'}</td>` },
-    { key: 'max_damage', label: 'Max Dmg', sort: 'max_damage', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.max_damage > 0 ? item.max_damage : '-'}</td>` },
-    { key: 'base_max_damage', label: 'Base Dmg', sort: 'base_max_damage', defaultVisible: false, cls: 'text-right',
-      render: item => `<td class="text-right">${item.base_max_damage > 0 ? item.base_max_damage : '-'}</td>` },
-    { key: 'weapon_time', label: 'Speed', sort: 'weapon_time', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.weapon_time > 0 && item.weapon_time < 100 ? item.weapon_time : '-'}</td>` },
-    { key: 'attack_bonus', label: 'Attack Bonus', sort: 'attack_bonus', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.attack_bonus > 0 ? '+' + ((item.attack_bonus - 1) * 100).toFixed(0) + '%' : '-'}</td>` },
-    { key: 'melee_defense_bonus', label: 'Melee Def', sort: 'melee_defense_bonus', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.melee_defense_bonus > 0 ? '+' + ((item.melee_defense_bonus - 1) * 100).toFixed(0) + '%' : '-'}</td>` },
-    { key: 'material_name', label: 'Material', sort: 'material_name', defaultVisible: false },
-    { key: 'workmanship', label: 'Wkm', sort: 'workmanship', defaultVisible: false, cls: 'text-right',
-      render: item => `<td class="text-right">${item.workmanship > 0 ? item.workmanship : '-'}</td>` },
-    { key: 'item_set', label: 'Set', sort: 'item_set', defaultVisible: true, cls: 'set-col',
-      render: item => { let s = '-'; if (item.item_set_name) { s = item.item_set_name.replace(/\s+Set$/i, ''); } else if (item.item_set) { s = item.item_set.replace(/^Set\s+/i, '').replace(/\s+Set$/i, ''); } return `<td class="set-col" title="${s}">${s}</td>`; } },
-    { key: 'spell_names', label: 'Spells/Cantrips', sort: 'spell_names', defaultVisible: true, cls: 'spells-cell medium-col',
-      render: item => { if (!item.spell_names || item.spell_names.length === 0) return '<td class="spells-cell medium-col">-</td>'; const f = item.spell_names.map(sp => sp.toLowerCase().includes('legendary') ? `<span class="legendary-cantrip">${sp}</span>` : `<span class="regular-spell">${sp}</span>`); return `<td class="spells-cell medium-col">${f.join('<br>')}</td>`; } },
-    { key: 'crit_damage_rating', label: 'Crit Dmg', sort: 'crit_damage_rating', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.crit_damage_rating > 0 ? item.crit_damage_rating : '-'}</td>` },
-    { key: 'damage_rating', label: 'Dmg Rating', sort: 'damage_rating', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.damage_rating > 0 ? item.damage_rating : '-'}</td>` },
-    { key: 'heal_boost_rating', label: 'Heal Boost', sort: 'heal_boost_rating', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.heal_boost_rating > 0 ? item.heal_boost_rating : '-'}</td>` },
-    { key: 'vitality_rating', label: 'Vitality', sort: 'vitality_rating', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.vitality_rating > 0 ? item.vitality_rating : '-'}</td>` },
-    { key: 'damage_resist_rating', label: 'Dmg Resist', sort: 'damage_resist_rating', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.damage_resist_rating > 0 ? item.damage_resist_rating : '-'}</td>` },
-    { key: 'crit_damage_resist_rating', label: 'Crit Dmg Resist', sort: 'crit_damage_resist_rating', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.crit_damage_resist_rating > 0 ? item.crit_damage_resist_rating : '-'}</td>` },
-    { key: 'last_updated', label: 'Last Updated', sort: 'last_updated', defaultVisible: true, cls: 'text-right',
-      render: item => `<td class="text-right">${item.last_updated ? new Date(item.last_updated).toLocaleString('sv-SE', { timeZone: 'Europe/Stockholm', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit', hour12: false }) : '-'}</td>` },
-];
-
-// Load column visibility from localStorage or use defaults
-function getColumnVisibility() {
-    try {
-        const saved = localStorage.getItem('inventoryColumnVisibility');
-        if (saved) return JSON.parse(saved);
-    } catch (e) {}
-    const vis = {};
-    RESULT_COLUMNS.forEach(c => vis[c.key] = c.defaultVisible);
-    return vis;
-}
-let columnVisibility = getColumnVisibility();
-
-function saveColumnVisibility() {
-    localStorage.setItem('inventoryColumnVisibility', JSON.stringify(columnVisibility));
-}
-
-function renderHiddenColumnsBar() {
-    const bar = document.getElementById('hiddenColumnsBar');
-    const list = document.getElementById('hiddenColumnsList');
-    if (!bar || !list) return;
-
-    const hidden = RESULT_COLUMNS.filter(c => columnVisibility[c.key] === false);
-    if (hidden.length === 0) {
-        bar.style.display = 'none';
-        return;
-    }
-
-    bar.style.display = 'flex';
-    list.innerHTML = '';
-    hidden.forEach(col => {
-        const btn = document.createElement('button');
-        btn.textContent = `+ ${col.label}`;
-        btn.style.cssText = 'font-size:9px;padding:1px 5px;border:1px solid #999;background:#fff;cursor:pointer;border-radius:3px;margin-right:3px;';
-        btn.addEventListener('click', () => {
-            columnVisibility[col.key] = true;
-            saveColumnVisibility();
-            if (currentResultsData) displayResults(currentResultsData);
-            renderHiddenColumnsBar();
-        });
-        list.appendChild(btn);
-    });
-}
-
-function hideColumn(key) {
-    columnVisibility[key] = false;
-    saveColumnVisibility();
-    if (currentResultsData) displayResults(currentResultsData);
-    renderHiddenColumnsBar();
-}
-
-/**
- * Display search results in the UI
- */
-function displayResults(data) {
-    if (!data.items || data.items.length === 0) {
-        searchResults.innerHTML = '<div class="no-results">No items found matching your search criteria.</div>';
-        return;
-    }
-
-    const visibleCols = RESULT_COLUMNS.filter(c => columnVisibility[c.key] !== false);
-
-    const getSortIcon = (field) => {
-        if (currentSort.field === field) {
-            return currentSort.direction === 'asc' ? ' ▲' : ' ▼';
-        }
-        return '';
-    };
-
-    let html = `
-        <div class="results-info">
-            Found <strong>${data.total_count}</strong> items - Showing all results
-        </div>
-        <table class="results-table">
-            <thead>
-                <tr>
-                    ${visibleCols.map(c => `<th class="${c.cls || ''} sortable" data-sort="${c.sort}"><span class="th-label">${c.label}${getSortIcon(c.sort)}</span><span class="th-hide" data-col="${c.key}" title="Hide column">\u00d7</span></th>`).join('\n                    ')}
-                </tr>
-            </thead>
-            <tbody>
-    `;
-
-    data.items.forEach((item) => {
-        html += '<tr>';
-        visibleCols.forEach(col => {
-            if (col.render) {
-                html += col.render(item);
-            } else {
-                const val = item[col.key];
-                html += `<td class="${col.cls || ''}">${val != null && val !== '' && val !== -1 ? val : '-'}</td>`;
-            }
-        });
-        html += '</tr>';
-    });
-
-    html += `
-            </tbody>
-        </table>
-    `;
-
-    searchResults.innerHTML = html;
-
-    // Add click event listeners to sortable headers (full th area sorts)
-    document.querySelectorAll('.sortable').forEach(header => {
-        header.style.cursor = 'pointer';
-        header.addEventListener('click', () => {
-            const sortField = header.getAttribute('data-sort');
-            handleSort(sortField);
-        });
-    });
-
-    // Add click event listeners to hide buttons
-    document.querySelectorAll('.th-hide').forEach(btn => {
-        btn.addEventListener('click', (e) => {
-            e.stopPropagation();
-            hideColumn(btn.getAttribute('data-col'));
-        });
-    });
-
-    // Update hidden columns bar
-    renderHiddenColumnsBar();
-
-    // Initialize resizable columns
-    initResizableColumns();
-}
-
-/**
- * Initialize resizable columns for the results table
- */
-function initResizableColumns() {
-    const table = document.querySelector('.results-table');
-    if (!table) return;
-
-    const headers = table.querySelectorAll('th');
-
-    headers.forEach((header, index) => {
-        // Skip last column (no need to resize)
-        if (index === headers.length - 1) return;
-
-        // Create resize handle
-        const resizeHandle = document.createElement('div');
-        resizeHandle.className = 'resize-handle';
-        header.appendChild(resizeHandle);
-
-        let startX, startWidth;
-
-        resizeHandle.addEventListener('mousedown', (e) => {
-            e.preventDefault();
-            e.stopPropagation(); // Prevent sorting when resizing
-
-            startX = e.pageX;
-            startWidth = header.offsetWidth;
-
-            header.classList.add('resizing');
-            resizeHandle.classList.add('resizing');
-
-            const onMouseMove = (e) => {
-                const diff = e.pageX - startX;
-                const newWidth = Math.max(30, startWidth + diff); // Minimum 30px width
-                header.style.width = newWidth + 'px';
-                header.style.minWidth = newWidth + 'px';
-            };
-
-            const onMouseUp = () => {
-                header.classList.remove('resizing');
-                resizeHandle.classList.remove('resizing');
-                document.removeEventListener('mousemove', onMouseMove);
-                document.removeEventListener('mouseup', onMouseUp);
-
-                // Save column widths to localStorage
-                saveColumnWidths();
-            };
-
-            document.addEventListener('mousemove', onMouseMove);
-            document.addEventListener('mouseup', onMouseUp);
-        });
-    });
-
-    // Restore saved column widths
-    restoreColumnWidths();
-}
-
-/**
- * Save column widths to localStorage
- */
-function saveColumnWidths() {
-    const headers = document.querySelectorAll('.results-table th');
-    const widths = [];
-    headers.forEach(header => {
-        widths.push(header.style.width || '');
-    });
-    localStorage.setItem('inventoryColumnWidths', JSON.stringify(widths));
-}
-
-/**
- * Restore column widths from localStorage
- */
-function restoreColumnWidths() {
-    const saved = localStorage.getItem('inventoryColumnWidths');
-    if (!saved) return;
-
-    try {
-        const widths = JSON.parse(saved);
-        const headers = document.querySelectorAll('.results-table th');
-        headers.forEach((header, index) => {
-            if (widths[index]) {
-                header.style.width = widths[index];
-                header.style.minWidth = widths[index];
-            }
-        });
-    } catch (e) {
-        console.error('Failed to restore column widths:', e);
-    }
-}
-/**
- * Apply client-side slot filtering
- */
-function applySlotFilter(data) {
-    const selectedSlot = document.getElementById('slotFilter').value;
-    
-    if (!selectedSlot || !data.items) {
-        return; // No filter or no data
-    }
-    
-    // Filter items that can be equipped in the selected slot
-    data.items = data.items.filter(item => {
-        const slotName = item.slot_name || '';
-        
-        // Check if the item's slot_name contains the selected slot
-        // This handles multi-slot items like "Left Ring, Right Ring"
-        return slotName.includes(selectedSlot);
-    });
-    
-    // Update total count
-    data.total_count = data.items.length;
-}
-
-/**
- * Sort results client-side based on current sort settings
- */
-function sortResults(data) {
-    if (!data.items || data.items.length === 0) return;
-    
-    const field = currentSort.field;
-    const direction = currentSort.direction;
-    
-    data.items.sort((a, b) => {
-        let aVal = a[field];
-        let bVal = b[field];
-        
-        // Handle null/undefined values
-        if (aVal == null && bVal == null) return 0;
-        if (aVal == null) return 1;
-        if (bVal == null) return -1;
-        
-        // Special handling for spell_names array
-        if (field === 'spell_names') {
-            // Convert arrays to strings for sorting
-            aVal = Array.isArray(aVal) ? aVal.join(', ').toLowerCase() : '';
-            bVal = Array.isArray(bVal) ? bVal.join(', ').toLowerCase() : '';
-            const result = aVal.localeCompare(bVal);
-            return direction === 'asc' ? result : -result;
-        }
-        
-        // Determine if we're sorting numbers or strings
-        const isNumeric = typeof aVal === 'number' || (!isNaN(aVal) && !isNaN(parseFloat(aVal)));
-        
-        if (isNumeric) {
-            // Numeric sorting
-            aVal = parseFloat(aVal) || 0;
-            bVal = parseFloat(bVal) || 0;
-            const result = aVal - bVal;
-            return direction === 'asc' ? result : -result;
-        } else {
-            // String sorting
-            aVal = String(aVal).toLowerCase();
-            bVal = String(bVal).toLowerCase();
-            const result = aVal.localeCompare(bVal);
-            return direction === 'asc' ? result : -result;
-        }
-    });
-}
-
-/**
- * Handle column sorting - client-side sorting for all columns
- */
-function handleSort(field) {
-    // If clicking the same field, toggle direction
-    if (currentSort.field === field) {
-        currentSort.direction = currentSort.direction === 'asc' ? 'desc' : 'asc';
-    } else {
-        // New field, default to ascending
-        currentSort.field = field;
-        currentSort.direction = 'asc';
-    }
-
-    // If we have cached results, sort them client-side and re-display
-    if (currentResultsData && currentResultsData.items) {
-        // Make a copy to preserve original order
-        const sortedData = JSON.parse(JSON.stringify(currentResultsData));
-        sortResults(sortedData);
-        displayResults(sortedData);
-    } else {
-        // No cached results, need to fetch first
-        performSearch();
-    }
-}
-
-/**
- * Show set analysis section
- */
-function showSetAnalysis() {
-    document.getElementById('setAnalysisSection').style.display = 'block';
-    document.getElementById('searchResults').style.display = 'none';
-    searchForm.style.display = 'none';
-}
-
-/**
- * Show search section
- */
-function showSearchSection() {
-    document.getElementById('setAnalysisSection').style.display = 'none';
-    document.getElementById('searchResults').style.display = 'block';
-    searchForm.style.display = 'block';
-}
-
-/**
- * Perform set combination analysis
- */
-async function performSetAnalysis() {
-    const primarySet = document.getElementById('primarySetSelect').value;
-    const secondarySet = document.getElementById('secondarySetSelect').value;
-    const setAnalysisResults = document.getElementById('setAnalysisResults');
-    
-    if (primarySet === secondarySet) {
-        setAnalysisResults.innerHTML = '<div class="error">❌ Primary and secondary sets must be different.</div>';
-        return;
-    }
-    
-    setAnalysisResults.innerHTML = '<div class="loading">🔍 Analyzing set combinations...</div>';
-    
-    try {
-        const params = new URLSearchParams();
-        params.append('primary_set', primarySet);
-        params.append('secondary_set', secondarySet);
-        params.append('primary_count', '5');
-        params.append('secondary_count', '4');
-        
-        // Use selected characters or all characters
-        const allCharactersChecked = document.getElementById('char_all').checked;
-        if (allCharactersChecked) {
-            params.append('include_all_characters', 'true');
-        } else {
-            const selectedCharacters = Array.from(document.querySelectorAll('.character-checkbox:checked'))
-                .map(cb => cb.value);
-            if (selectedCharacters.length > 0) {
-                params.append('characters', selectedCharacters.join(','));
-            } else {
-                setAnalysisResults.innerHTML = '<div class="error">❌ Please select at least one character or check "All Characters".</div>';
-                return;
-            }
-        }
-        
-        const analysisUrl = `${API_BASE}/analyze/sets?${params.toString()}`;
-        console.log('Set Analysis URL:', analysisUrl);
-        
-        const response = await fetch(analysisUrl);
-        const data = await response.json();
-
-        if (!response.ok) {
-            throw new Error(data.detail || 'Set analysis failed');
-        }
-
-        displaySetAnalysisResults(data);
-        
-    } catch (error) {
-        console.error('Set analysis error:', error);
-        setAnalysisResults.innerHTML = `<div class="error">❌ Set analysis failed: ${error.message}</div>`;
-    }
-}
-
-/**
- * Display set analysis results
- */
-function displaySetAnalysisResults(data) {
-    const setAnalysisResults = document.getElementById('setAnalysisResults');
-    
-    if (!data.character_analysis || data.character_analysis.length === 0) {
-        setAnalysisResults.innerHTML = '<div class="no-results">No characters found with the selected sets.</div>';
-        return;
-    }
-    
-    let html = `
-        <div class="results-info">
-            <strong>${data.primary_set.name}</strong> (${data.primary_set.pieces_needed} pieces) + 
-            <strong>${data.secondary_set.name}</strong> (${data.secondary_set.pieces_needed} pieces)<br>
-            Found <strong>${data.characters_can_build}</strong> of <strong>${data.total_characters}</strong> characters who can build this combination
-        </div>
-        <table class="results-table">
-            <thead>
-                <tr>
-                    <th>Character</th>
-                    <th>Can Build?</th>
-                    <th>${data.primary_set.name}</th>
-                    <th>${data.secondary_set.name}</th>
-                    <th>Primary Items</th>
-                    <th>Secondary Items</th>
-                </tr>
-            </thead>
-            <tbody>
-    `;
-
-    data.character_analysis.forEach((char) => {
-        const canBuild = char.can_build_combination;
-        const canBuildText = canBuild ? '✅ Yes' : '❌ No';
-        const canBuildClass = canBuild ? 'status-equipped' : 'status-inventory';
-        
-        const primaryStatus = `${char.primary_set_available}/${char.primary_set_needed}`;
-        const secondaryStatus = `${char.secondary_set_available}/${char.secondary_set_needed}`;
-        
-        // Format item lists
-        const primaryItems = char.primary_items.map(item => 
-            `${item.name}${item.equipped ? ' ⚔️' : ''}`
-        ).join('<br>') || '-';
-        
-        const secondaryItems = char.secondary_items.map(item => 
-            `${item.name}${item.equipped ? ' ⚔️' : ''}`
-        ).join('<br>') || '-';
-        
-        html += `
-            <tr>
-                <td><strong>${char.character_name}</strong></td>
-                <td class="${canBuildClass}">${canBuildText}</td>
-                <td class="text-right">${primaryStatus}</td>
-                <td class="text-right">${secondaryStatus}</td>
-                <td class="spells-cell">${primaryItems}</td>
-                <td class="spells-cell">${secondaryItems}</td>
-            </tr>
-        `;
-    });
-
-    html += `
-            </tbody>
-        </table>
-    `;
-
-    setAnalysisResults.innerHTML = html;
-}
-
-// Pagination functions removed - using client-side sorting with all results loaded
