Upload web/src/views/search-results.php with huggingface_hub

web/src/views/search-results.php

@@ -0,0 +1,249 @@
+<?php
+/**
+ * Search Results Page
+ *
+ * Variables:
+ *   $query      - Current search query string
+ *   $collection - Selected collection filter (or empty/null for all)
+ *   $results    - Array of search results with: document_id, document_name, file_path,
+ *                 source_section, page_number, snippet (may contain <mark> tags)
+ *   $total      - Total number of matching results
+ *   $page       - Current page number
+ *   $perPage    - Results per page
+ */
+
+$page = $page ?? 1;
+$perPage = $perPage ?? 25;
+$totalPages = ($perPage > 0) ? (int)ceil(($total ?? 0) / $perPage) : 1;
+$query = $query ?? '';
+$collection = $collection ?? '';
+
+$collectionNames = [
+    ''                   => 'All Collections',
+    'jfk_assassination'  => 'JFK Assassination Records',
+    'cia_declassified'   => 'CIA Declassified',
+    'cia_stargate'       => 'CIA Stargate Program',
+    'cia_mkultra'        => 'CIA MKUltra',
+    'lincoln_archives'   => 'Lincoln Archives',
+    'house_resolutions'  => 'House Resolutions',
+    'nasa_apod'          => 'NASA APOD',
+    'nasa_epic'          => 'NASA EPIC',
+    'area51_cia'         => 'Area 51 / CIA Declassified',
+    'court_records'      => 'Court Records',
+    'foia'               => 'FOIA Releases',
+    'house_oversight'    => 'House Oversight',
+];
+
+$collectionBadgeColors = [
+    'jfk_assassination'  => 'bg-purple-100 text-purple-700',
+    'cia_declassified'   => 'bg-emerald-100 text-emerald-700',
+    'cia_stargate'       => 'bg-teal-100 text-teal-700',
+    'cia_mkultra'        => 'bg-rose-100 text-rose-700',
+    'lincoln_archives'   => 'bg-amber-100 text-amber-700',
+    'house_resolutions'  => 'bg-blue-100 text-blue-700',
+    'nasa_apod'          => 'bg-indigo-100 text-indigo-700',
+    'nasa_epic'          => 'bg-sky-100 text-sky-700',
+    'area51_cia'         => 'bg-emerald-100 text-emerald-700',
+    'court_records'      => 'bg-slate-100 text-slate-700',
+    'foia'               => 'bg-cyan-100 text-cyan-700',
+    'house_oversight'    => 'bg-orange-100 text-orange-700',
+];
+
+$title = ($query ? htmlspecialchars($query) . ' - ' : '') . 'Search - Research Document Archive';
+$content = '';
+ob_start();
+?>
+
+<!-- Search Form -->
+<div class="mb-5">
+    <h1 class="text-xl font-bold text-gray-900 mb-4">Search Documents</h1>
+
+    <form action="/search" method="GET">
+        <div class="flex flex-col sm:flex-row gap-2">
+            <!-- Search Input -->
+            <div class="relative flex-1">
+                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                    <svg class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
+                    </svg>
+                </div>
+                <input type="text" name="q" value="<?= htmlspecialchars($query) ?>"
+                       placeholder="Search text content, entities, titles..."
+                       class="w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg
+                              focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-200
+                              transition-all placeholder-gray-400">
+            </div>
+
+            <!-- Collection Filter -->
+            <div class="sm:w-52">
+                <select name="collection"
+                        class="w-full py-2 px-3 text-sm border border-gray-300 rounded-lg
+                               focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-200
+                               transition-all bg-white text-gray-700">
+                    <?php foreach ($collectionNames as $key => $label): ?>
+                        <option value="<?= htmlspecialchars($key) ?>"
+                            <?= $collection === $key ? 'selected' : '' ?>>
+                            <?= htmlspecialchars($label) ?>
+                        </option>
+                    <?php endforeach; ?>
+                </select>
+            </div>
+
+            <!-- Submit -->
+            <button type="submit"
+                    class="px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-lg
+                           hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500
+                           focus:ring-offset-1 transition-colors whitespace-nowrap">
+                Search
+            </button>
+        </div>
+
+        <!-- Advanced Filters -->
+        <details class="mt-2">
+            <summary class="text-xs text-gray-500 cursor-pointer hover:text-gray-700">Advanced Filters</summary>
+            <div class="flex flex-wrap gap-2 mt-2">
+                <!-- Topic Filter -->
+                <select name="topic" class="py-1.5 px-2 text-xs border border-gray-300 rounded-md bg-white text-gray-700">
+                    <option value="">Any Topic</option>
+                    <?php foreach ($availableTopics ?? [] as $t): ?>
+                        <option value="<?= htmlspecialchars($t) ?>" <?= ($topicFilter ?? '') === $t ? 'selected' : '' ?>>
+                            <?= htmlspecialchars(ucwords($t)) ?>
+                        </option>
+                    <?php endforeach; ?>
+                </select>
+
+                <!-- Stamp Filter -->
+                <select name="stamp" class="py-1.5 px-2 text-xs border border-gray-300 rounded-md bg-white text-gray-700">
+                    <option value="">Any Classification</option>
+                    <?php foreach ($availableStamps ?? [] as $s): ?>
+                        <option value="<?= htmlspecialchars($s) ?>" <?= ($stampFilter ?? '') === $s ? 'selected' : '' ?>>
+                            <?= htmlspecialchars($s) ?>
+                        </option>
+                    <?php endforeach; ?>
+                </select>
+
+                <?php if (!empty($topicFilter) || !empty($stampFilter)): ?>
+                    <a href="/search?q=<?= urlencode($query) ?>&collection=<?= urlencode($collection) ?>"
+                       class="inline-flex items-center px-2 py-1.5 text-xs text-red-600 hover:text-red-800">
+                        Clear filters
+                    </a>
+                <?php endif; ?>
+            </div>
+        </details>
+    </form>
+</div>
+
+<!-- Results -->
+<?php if ($query): ?>
+
+    <!-- Result Count -->
+    <div class="flex items-center justify-between mb-4">
+        <p class="text-sm text-gray-600">
+            <?php if ($total > 0): ?>
+                Showing
+                <span class="font-semibold text-gray-900"><?= number_format(($page - 1) * $perPage + 1) ?></span>
+                to
+                <span class="font-semibold text-gray-900"><?= number_format(min($page * $perPage, $total)) ?></span>
+                of
+                <span class="font-semibold text-gray-900"><?= number_format($total) ?></span>
+                results for "<span class="font-semibold text-gray-900"><?= htmlspecialchars($query) ?></span>"
+            <?php else: ?>
+                No results found for "<span class="font-semibold text-gray-900"><?= htmlspecialchars($query) ?></span>"
+            <?php endif; ?>
+            <?php if ($collection): ?>
+                in <span class="font-semibold"><?= htmlspecialchars($collectionNames[$collection] ?? $collection) ?></span>
+            <?php endif; ?>
+        </p>
+    </div>
+
+    <?php if (!empty($results)): ?>
+        <div class="space-y-3">
+            <?php foreach ($results as $result): ?>
+                <?php
+                    $docId = $result['document_id'] ?? 0;
+                    $docName = $result['document_name'] ?? basename($result['file_path'] ?? 'Unknown');
+                    $section = $result['source_section'] ?? '';
+                    $sectionName = $collectionNames[$section] ?? ucwords(str_replace('_', ' ', $section));
+                    $badgeColor = $collectionBadgeColors[$section] ?? 'bg-gray-100 text-gray-700';
+                    $pageNum = $result['page_number'] ?? null;
+                    $snippet = $result['snippet'] ?? '';
+                ?>
+                <div class="bg-white rounded-lg shadow-sm border border-gray-200 hover:shadow-md transition-shadow overflow-hidden">
+                    <div class="p-3.5">
+                        <!-- Document Name -->
+                        <div class="flex flex-wrap items-center gap-1.5 mb-1.5">
+                            <a href="/document/<?= (int)$docId ?><?= $pageNum ? '#page=' . (int)$pageNum : '' ?>"
+                               class="text-sm font-semibold text-blue-600 hover:text-blue-800 transition-colors">
+                                <?= htmlspecialchars($docName) ?>
+                            </a>
+                            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-medium <?= $badgeColor ?>">
+                                <?= htmlspecialchars($sectionName) ?>
+                            </span>
+                            <?php if ($pageNum !== null): ?>
+                                <span class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-gray-100 text-gray-600">
+                                    p.<?= (int)$pageNum ?>
+                                </span>
+                            <?php endif; ?>
+                        </div>
+
+                        <!-- Snippet -->
+                        <?php if ($snippet): ?>
+                            <div class="text-xs text-gray-700 leading-relaxed line-clamp-3">
+                                <?= $snippet ?>
+                            </div>
+                        <?php endif; ?>
+
+                        <!-- Action Link -->
+                        <div class="mt-2">
+                            <a href="/document/<?= (int)$docId ?><?= $pageNum ? '#page=' . (int)$pageNum : '' ?>"
+                               class="inline-flex items-center text-xs font-medium text-blue-600 hover:text-blue-800 transition-colors group">
+                                View
+                                <svg class="ml-1 h-3 w-3 group-hover:translate-x-0.5 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" />
+                                </svg>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            <?php endforeach; ?>
+        </div>
+
+        <!-- Pagination -->
+        <?php
+        $currentPage = $page;
+        $paginationParams = 'q=' . urlencode($query);
+        if ($collection) {
+            $paginationParams .= '&collection=' . urlencode($collection);
+        }
+        $baseUrl = '/search?' . $paginationParams;
+        include __DIR__ . '/partials/pagination.php';
+        ?>
+
+    <?php else: ?>
+        <!-- No Results -->
+        <div class="text-center py-10 bg-white rounded-lg border border-gray-200">
+            <svg class="mx-auto h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
+            </svg>
+            <h3 class="mt-3 text-sm font-medium text-gray-900">No results found</h3>
+            <p class="mt-1 text-xs text-gray-500 max-w-md mx-auto">
+                Try adjusting your search terms or removing collection filters.
+            </p>
+        </div>
+    <?php endif; ?>
+
+<?php else: ?>
+    <!-- Initial state: no query yet -->
+    <div class="text-center py-10">
+        <svg class="mx-auto h-10 w-10 text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
+        </svg>
+        <h3 class="mt-3 text-sm font-medium text-gray-700">Enter a search query</h3>
+        <p class="mt-1 text-xs text-gray-500">Search across all collections by text content, entity names, or document titles.</p>
+    </div>
+<?php endif; ?>
+
+<?php
+$content = ob_get_clean();
+include __DIR__ . '/layout.php';
+?>