Add sortable columns and inline search filter

- Implemented sortable table headers with visual indicators (▲▼)
- Click any column to sort ascending/descending
- Sort state persists during auto-refresh
- Added compact inline search filter in toolbar
- Unified search across all columns (Sim Source, Artifacts, Date, Uploaded By)
- Positioned search on right side of toolbar for cleaner layout
- Real-time filtering as you type
- Combined filtering and sorting work seamlessly together

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

static/index.html

@@ -41,17 +41,34 @@
                 <button onclick="generateSeedData()" class="btn btn-secondary">
                     <i data-lucide="sparkles" style="width: 16px; height: 16px;"></i> Generate Seed Data
                 </button>
+
                 <span id="artifact-count" class="count-badge"></span>
+
+                <div class="filter-inline">
+                    <i data-lucide="search" style="width: 16px; height: 16px; color: #64748b;"></i>
+                    <input type="text" id="filter-search" placeholder="Search..." oninput="filterTable()">
+                    <button onclick="clearFilters()" class="btn-clear" title="Clear search">
+                        <i data-lucide="x" style="width: 14px; height: 14px;"></i>
+                    </button>
+                </div>
             </div>
 
             <div class="table-container">
                 <table id="artifacts-table">
                     <thead>
                         <tr>
-                            <th>Sim Source</th>
-                            <th>Artifacts</th>
-                            <th>Date</th>
-                            <th>Uploaded By</th>
+                            <th class="sortable" onclick="sortTable('test_suite')">
+                                Sim Source <span class="sort-indicator"></span>
+                            </th>
+                            <th class="sortable" onclick="sortTable('filename')">
+                                Artifacts <span class="sort-indicator"></span>
+                            </th>
+                            <th class="sortable" onclick="sortTable('created_at')">
+                                Date <span class="sort-indicator"></span>
+                            </th>
+                            <th class="sortable" onclick="sortTable('test_name')">
+                                Uploaded By <span class="sort-indicator"></span>
+                            </th>
                             <th>Actions</th>
                         </tr>
                     </thead>