feat(search): add configurable sorting for submission results

Introduce a `sort` query parameter in submission search paths and pass it into store search logic. Matching results can now be ordered by `newest`, `oldest`, `score_desc`, `score_asc`, `mops_desc`, or `mops_asc`, with invalid values safely defaulting to `newest`. Update README and HTTP examples to document the new sort behavior and usage so clients can control result ordering server-side without extra post-processing.feat(search): add configurable sorting for submission results Introduce a `sort` query parameter in submission search paths and pass it into store search logic. Matching results can now be ordered by `newest`, `oldest`, `score_desc`, `score_asc`, `mops_desc`, or `mops_asc`, with invalid values safely defaulting to `newest`. Update README and HTTP examples to document the new sort behavior and usage so clients can control result ordering server-side without extra post-processing.
Dockerfile Fix
2026-04-16 00:05:21 +03:00 · 2026-04-15 20:26:33 +03:00 · 2026-04-15 20:23:37 +03:00
10 changed files with 530 additions and 104 deletions
--- a/1
+++ b/1
@@ -16,7 +16,6 @@ RUN apk add --no-cache ca-certificates

 COPY --from=builder /out/cpu-benchmark-server /app/cpu-benchmark-server
 COPY templates /app/templates
-COPY example_jsons /app/example_jsons

 ENV APP_ADDR=:8080
 ENV BADGER_DIR=/data/badger
--- a/README.md
+++ b/README.md
@@ -5,8 +5,9 @@ Production-oriented Go web application for ingesting CPU benchmark results, stor
 ## Features

 - `POST /api/submit` accepts either `application/json` or `multipart/form-data`.
- `GET /api/search` performs case-insensitive token matching against submitter/general fields and CPU brand strings.
+- `GET /api/search` performs case-insensitive token matching against submitter/general fields and CPU brand strings, with explicit thread-mode, platform, intensity, duration, and sort controls.
 - `GET /` renders the latest submissions with search and pagination.
+- The dashboard follows the system light/dark preference by default and includes a manual theme toggle in the top-right corner.
 - BadgerDB stores each submission under a reverse-timestamp key so native iteration returns newest records first.
 - A startup-loaded in-memory search index prevents full DB deserialization for every query.
 - Graceful shutdown closes the HTTP server and BadgerDB cleanly to avoid lock issues.
@@ -17,6 +18,7 @@ Each stored submission contains:

 - `submissionID`: server-generated UUID
 - `submitter`: defaults to `Anonymous` if omitted
+- `platform`: normalized to `windows`, `linux`, or `macos`; defaults to `windows` if omitted
 - `submittedAt`: server-side storage timestamp
 - Benchmark payload fields:
  - `config`
@@ -84,15 +86,21 @@ Accepted content types:

 JSON requests support either:

-1. A wrapper envelope with `submitter` and nested `benchmark`
+1. A wrapper envelope with `submitter`, `platform`, and nested `benchmark`
 2. A raw benchmark JSON body, with optional submitter provided via:
   - query string `?submitter=...`
   - header `X-Submitter`
   - top-level `submitter` field
+   - query string `?platform=...`
+   - header `X-Platform`
+   - top-level `platform` field
+
+`platform` is stored for every submission. Supported values are `windows`, `linux`, and `macos`. If the client does not send it, the server defaults to `windows`.

 Multipart requests support:

 - `submitter` text field
+- `platform` text field
 - benchmark JSON as one of these file fields: `benchmark`, `file`, `benchmarkFile`
 - or benchmark JSON as text fields: `benchmark`, `payload`, `result`, `data`

@@ -102,6 +110,7 @@ Example success response:
 {
  "success": true,
  "submissionID": "8f19d442-1be0-4989-97cf-3f8ee6b61548",
+  "platform": "windows",
  "submitter": "Workstation-Lab-A",
  "submittedAt": "2026-04-15T15:45:41.327225Z"
 }
@@ -113,11 +122,16 @@ Query parameters:

 - `text`: token-matches submitter and general searchable fields
 - `cpu`: token-matches `cpuInfo.brandString`
+- `thread`: `single` or `multi`
+- `platform`: `windows`, `linux`, or `macos`
+- `sort`: `newest`, `oldest`, `score_desc`, `score_asc`, `mops_desc`, or `mops_asc`
+- `intensity`: exact match on `config.intensity`
+- `durationSecs`: exact match on `config.durationSecs`

 Example:

 ```bash
-curl "http://localhost:8080/api/search?text=intel&cpu=13700"
+curl "http://localhost:8080/api/search?text=intel&cpu=13700&thread=multi&platform=windows&sort=score_desc&intensity=10&durationSecs=30"
 ```

 ### `GET /`
@@ -127,13 +141,18 @@ Query parameters:
 - `page`
 - `text`
 - `cpu`
+- `thread`
+- `platform`
+- `sort`
+- `intensity`
+- `durationSecs`

 Examples:

 ```text
 http://localhost:8080/
 http://localhost:8080/?page=2
-http://localhost:8080/?text=anonymous&cpu=ryzen
+http://localhost:8080/?text=anonymous&cpu=ryzen&thread=multi&platform=windows&sort=score_desc&intensity=10&durationSecs=20
 ```

 ## Request Examples
@@ -149,6 +168,7 @@ You can also submit one of the provided sample payloads directly:
 ```bash
 curl -X POST "http://localhost:8080/api/submit?submitter=Example-CLI" \
  -H "Content-Type: application/json" \
+  -H "X-Platform: windows" \
  --data-binary @example_jsons/5800X/cpu-bench-result.json
 ```

@@ -157,6 +177,7 @@ Or as multipart:
 ```bash
 curl -X POST "http://localhost:8080/api/submit" \
  -F "submitter=Example-Multipart" \
+  -F "platform=linux" \
  -F "benchmark=@example_jsons/i9/cpu-bench-result.json;type=application/json"
 ```

@@ -168,7 +189,7 @@ curl -X POST "http://localhost:8080/api/submit" \
  - canonical submission payload
  - normalized general search text
  - normalized CPU brand text
- Searches scan the in-memory ordered slice rather than reopening and deserializing Badger values for every request.
+- Searches scan the in-memory ordered slice rather than reopening and deserializing Badger values for every request, apply explicit platform, thread-mode, intensity, and duration filters in memory, then optionally sort the matching results by submission time, score, or MOps/sec.

 ## Docker

--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -12,8 +12,5 @@ services:
      PAGE_SIZE: "50"
      SHUTDOWN_TIMEOUT: 10s
    volumes:
-      - badger-data:/data
-    restart: unless-stopped
-
-volumes:
-  badger-data:
+      - ./badger-data:/data
+    restart: unless-stopped
--- a/http/search.http
+++ b/http/search.http
@@ -1,9 +1,9 @@
-GET http://localhost:8080/api/search?text=intel&cpu=13700
+GET http://localhost:8080/api/search?text=intel&cpu=13700&thread=multi&platform=windows&sort=score_desc&intensity=10&durationSecs=30

 ###

-GET http://localhost:8080/api/search?text=anonymous
+GET http://localhost:8080/api/search?text=anonymous&thread=single&platform=linux&sort=oldest&intensity=1&durationSecs=10

 ###

-GET http://localhost:8080/?page=1&text=lab&cpu=ryzen
+GET http://localhost:8080/?page=1&text=lab&cpu=ryzen&thread=multi&platform=windows&sort=mops_desc&intensity=10&durationSecs=20
--- a/http/submit-json.http
+++ b/http/submit-json.http
@@ -3,6 +3,7 @@ Content-Type: application/json

 {
  "submitter": "Workstation-Lab-A",
+  "platform": "windows",
  "benchmark": {
    "config": {
      "durationSecs": 20,
--- a/http/submit-multipart.http
+++ b/http/submit-multipart.http
@@ -6,6 +6,10 @@ Content-Disposition: form-data; name="submitter"

 Intel-Test-Rig
 --BenchBoundary
+Content-Disposition: form-data; name="platform"
+
+linux
+--BenchBoundary
 Content-Disposition: form-data; name="benchmark"; filename="cpu-bench-result.json"
 Content-Type: application/json

--- a/lib/model/submission.go
+++ b/lib/model/submission.go
@@ -60,6 +60,7 @@ type BenchmarkResult struct {
 type Submission struct {
 	SubmissionID string    `json:"submissionID"`
 	Submitter    string    `json:"submitter"`
+	Platform     string    `json:"platform"`
 	SubmittedAt  time.Time `json:"submittedAt"`
 	BenchmarkResult
 }
@@ -111,6 +112,27 @@ func NormalizeSubmitter(submitter string) string {
 	return submitter
 }

+func NormalizePlatform(platform string) string {
+	switch strings.ToLower(strings.TrimSpace(platform)) {
+	case "", "windows":
+		return "windows"
+	case "linux":
+		return "linux"
+	case "macos":
+		return "macos"
+	default:
+		return ""
+	}
+}
+
+func ValidatePlatform(platform string) error {
+	if NormalizePlatform(platform) == "" {
+		return errors.New("platform must be one of windows, linux, or macos")
+	}
+
+	return nil
+}
+
 func ThreadModeLabel(multiCore bool) string {
 	if multiCore {
 		return "Multi-threaded"
--- a/lib/store/store.go
+++ b/lib/store/store.go
@@ -4,6 +4,7 @@ import (
 	"encoding/json"
 	"fmt"
 	"math"
+	"sort"
 	"strconv"
 	"strings"
 	"sync"
@@ -21,6 +22,10 @@ type indexedSubmission struct {
 	submission *model.Submission
 	searchText string
 	cpuText    string
+	platform   string
+	threadMode string
+	intensity  int
+	duration   int
 }

 type Store struct {
@@ -61,10 +66,11 @@ func (s *Store) Count() int {
 	return len(s.orderedIDs)
 }

-func (s *Store) SaveSubmission(result model.BenchmarkResult, submitter string) (*model.Submission, error) {
+func (s *Store) SaveSubmission(result model.BenchmarkResult, submitter, platform string) (*model.Submission, error) {
 	submission := &model.Submission{
 		SubmissionID:    uuid.NewString(),
 		Submitter:       model.NormalizeSubmitter(submitter),
+		Platform:        model.NormalizePlatform(platform),
 		SubmittedAt:     time.Now().UTC(),
 		BenchmarkResult: result,
 	}
@@ -111,9 +117,12 @@ func (s *Store) ListSubmissions(page, pageSize int) ([]model.Submission, int) {
 	return results, total
 }

-func (s *Store) SearchSubmissions(text, cpu string) []model.Submission {
+func (s *Store) SearchSubmissions(text, cpu, thread, platform, sortBy string, intensity, durationSecs int) []model.Submission {
 	queryText := normalizeSearchText(text)
 	cpuText := normalizeSearchText(cpu)
+	thread = normalizeThreadFilter(thread)
+	platform = normalizePlatformFilter(platform)
+	sortBy = normalizeSortOption(sortBy)

 	s.mu.RLock()
 	defer s.mu.RUnlock()
@@ -133,9 +142,26 @@ func (s *Store) SearchSubmissions(text, cpu string) []model.Submission {
 			continue
 		}

+		if thread != "" && record.threadMode != thread {
+			continue
+		}
+
+		if platform != "" && record.platform != platform {
+			continue
+		}
+
+		if intensity > 0 && record.intensity != intensity {
+			continue
+		}
+
+		if durationSecs > 0 && record.duration != durationSecs {
+			continue
+		}
+
 		results = append(results, *model.CloneSubmission(record.submission))
 	}

+	sortSubmissions(results, sortBy)
 	return results
 }

@@ -173,6 +199,10 @@ func newIndexedSubmission(submission *model.Submission) *indexedSubmission {
 		submission: model.CloneSubmission(submission),
 		searchText: buildSearchText(submission),
 		cpuText:    normalizeSearchText(submission.CPUInfo.BrandString),
+		platform:   model.NormalizePlatform(submission.Platform),
+		threadMode: normalizeThreadMode(submission.Config.MultiCore),
+		intensity:  submission.Config.Intensity,
+		duration:   submission.Config.DurationSecs,
 	}
 }

@@ -180,10 +210,12 @@ func buildSearchText(submission *model.Submission) string {
 	parts := []string{
 		submission.SubmissionID,
 		submission.Submitter,
+		submission.Platform,
 		submission.CPUInfo.BrandString,
 		submission.CPUInfo.VendorID,
 		model.ThreadModeLabel(submission.Config.MultiCore),
 		strconv.Itoa(submission.Config.DurationSecs),
+		strconv.Itoa(submission.Config.Intensity),
 		strconv.Itoa(submission.CPUInfo.PhysicalCores),
 		strconv.Itoa(submission.CPUInfo.LogicalCores),
 		strconv.FormatInt(submission.Duration, 10),
@@ -231,6 +263,106 @@ func matchesSearch(target, query string) bool {
 	return true
 }

+func normalizeThreadFilter(value string) string {
+	switch strings.ToLower(strings.TrimSpace(value)) {
+	case "", "all":
+		return ""
+	case "single":
+		return "single"
+	case "multi":
+		return "multi"
+	default:
+		return ""
+	}
+}
+
+func normalizeThreadMode(multiCore bool) string {
+	if multiCore {
+		return "multi"
+	}
+
+	return "single"
+}
+
+func normalizePlatformFilter(value string) string {
+	switch strings.ToLower(strings.TrimSpace(value)) {
+	case "", "all":
+		return ""
+	case "windows":
+		return "windows"
+	case "linux":
+		return "linux"
+	case "macos":
+		return "macos"
+	default:
+		return ""
+	}
+}
+
+func normalizeSortOption(value string) string {
+	switch strings.ToLower(strings.TrimSpace(value)) {
+	case "", "newest":
+		return "newest"
+	case "oldest":
+		return "oldest"
+	case "score_desc":
+		return "score_desc"
+	case "score_asc":
+		return "score_asc"
+	case "mops_desc":
+		return "mops_desc"
+	case "mops_asc":
+		return "mops_asc"
+	default:
+		return "newest"
+	}
+}
+
+func sortSubmissions(submissions []model.Submission, sortBy string) {
+	switch sortBy {
+	case "oldest":
+		sort.SliceStable(submissions, func(i, j int) bool {
+			if submissions[i].SubmittedAt.Equal(submissions[j].SubmittedAt) {
+				return submissions[i].SubmissionID < submissions[j].SubmissionID
+			}
+
+			return submissions[i].SubmittedAt.Before(submissions[j].SubmittedAt)
+		})
+	case "score_desc":
+		sort.SliceStable(submissions, func(i, j int) bool {
+			if submissions[i].Score == submissions[j].Score {
+				return submissions[i].SubmittedAt.After(submissions[j].SubmittedAt)
+			}
+
+			return submissions[i].Score > submissions[j].Score
+		})
+	case "score_asc":
+		sort.SliceStable(submissions, func(i, j int) bool {
+			if submissions[i].Score == submissions[j].Score {
+				return submissions[i].SubmittedAt.After(submissions[j].SubmittedAt)
+			}
+
+			return submissions[i].Score < submissions[j].Score
+		})
+	case "mops_desc":
+		sort.SliceStable(submissions, func(i, j int) bool {
+			if submissions[i].MOpsPerSec == submissions[j].MOpsPerSec {
+				return submissions[i].SubmittedAt.After(submissions[j].SubmittedAt)
+			}
+
+			return submissions[i].MOpsPerSec > submissions[j].MOpsPerSec
+		})
+	case "mops_asc":
+		sort.SliceStable(submissions, func(i, j int) bool {
+			if submissions[i].MOpsPerSec == submissions[j].MOpsPerSec {
+				return submissions[i].SubmittedAt.After(submissions[j].SubmittedAt)
+			}
+
+			return submissions[i].MOpsPerSec < submissions[j].MOpsPerSec
+		})
+	}
+}
+
 func pageBounds(page, pageSize, total int) (int, int, int) {
 	if pageSize <= 0 {
 		pageSize = 50
--- a/lib/web/app.go
+++ b/lib/web/app.go
@@ -28,20 +28,26 @@ type App struct {
 }

 type indexPageData struct {
-	Submissions []model.Submission
-	QueryText   string
-	QueryCPU    string
-	Page        int
-	TotalPages  int
-	TotalCount  int
-	ShowingFrom int
-	ShowingTo   int
-	PrevURL     string
-	NextURL     string
+	Submissions    []model.Submission
+	QueryText      string
+	QueryCPU       string
+	QueryThread    string
+	QueryPlatform  string
+	QuerySort      string
+	QueryIntensity int
+	QueryDuration  int
+	Page           int
+	TotalPages     int
+	TotalCount     int
+	ShowingFrom    int
+	ShowingTo      int
+	PrevURL        string
+	NextURL        string
 }

 type jsonSubmissionEnvelope struct {
 	Submitter string                 `json:"submitter"`
+	Platform  string                 `json:"platform"`
 	Benchmark *model.BenchmarkResult `json:"benchmark"`
 	Result    *model.BenchmarkResult `json:"result"`
 	Data      *model.BenchmarkResult `json:"data"`
@@ -49,6 +55,7 @@ type jsonSubmissionEnvelope struct {

 type flatSubmissionEnvelope struct {
 	Submitter string `json:"submitter"`
+	Platform  string `json:"platform"`
 	model.BenchmarkResult
 }

@@ -96,14 +103,19 @@ func (a *App) handleIndex(w http.ResponseWriter, r *http.Request) {
 	page := parsePositiveInt(r.URL.Query().Get("page"), 1)
 	text := strings.TrimSpace(r.URL.Query().Get("text"))
 	cpu := strings.TrimSpace(r.URL.Query().Get("cpu"))
+	thread := strings.TrimSpace(r.URL.Query().Get("thread"))
+	platform := strings.TrimSpace(r.URL.Query().Get("platform"))
+	sortBy := normalizeSortFilter(r.URL.Query().Get("sort"))
+	intensity := parsePositiveInt(r.URL.Query().Get("intensity"), 0)
+	durationSecs := parsePositiveInt(r.URL.Query().Get("durationSecs"), 0)

 	var (
 		submissions []model.Submission
 		totalCount  int
 	)

-	if text != "" || cpu != "" {
-		matches := a.store.SearchSubmissions(text, cpu)
+	if text != "" || cpu != "" || thread != "" || platform != "" || intensity > 0 || durationSecs > 0 || sortBy != "newest" {
+		matches := a.store.SearchSubmissions(text, cpu, thread, platform, sortBy, intensity, durationSecs)
 		totalCount = len(matches)
 		start, end, normalizedPage := pageBounds(page, a.pageSize, totalCount)
 		page = normalizedPage
@@ -119,16 +131,21 @@ func (a *App) handleIndex(w http.ResponseWriter, r *http.Request) {
 	showingFrom, showingTo := visibleBounds(page, a.pageSize, len(submissions), totalCount)

 	data := indexPageData{
-		Submissions: submissions,
-		QueryText:   text,
-		QueryCPU:    cpu,
-		Page:        page,
-		TotalPages:  totalPageCount,
-		TotalCount:  totalCount,
-		ShowingFrom: showingFrom,
-		ShowingTo:   showingTo,
-		PrevURL:     buildIndexURL(max(1, page-1), text, cpu),
-		NextURL:     buildIndexURL(max(1, min(totalPageCount, page+1)), text, cpu),
+		Submissions:    submissions,
+		QueryText:      text,
+		QueryCPU:       cpu,
+		QueryThread:    normalizeThreadFilter(thread),
+		QueryPlatform:  normalizePlatformFilter(platform),
+		QuerySort:      sortBy,
+		QueryIntensity: intensity,
+		QueryDuration:  durationSecs,
+		Page:           page,
+		TotalPages:     totalPageCount,
+		TotalCount:     totalCount,
+		ShowingFrom:    showingFrom,
+		ShowingTo:      showingTo,
+		PrevURL:        buildIndexURL(max(1, page-1), text, cpu, thread, platform, sortBy, intensity, durationSecs),
+		NextURL:        buildIndexURL(max(1, min(totalPageCount, page+1)), text, cpu, thread, platform, sortBy, intensity, durationSecs),
 	}

 	if err := a.templates.ExecuteTemplate(w, "index.html", data); err != nil {
@@ -144,14 +161,22 @@ func (a *App) handleHealth(w http.ResponseWriter, _ *http.Request) {
 }

 func (a *App) handleSearch(w http.ResponseWriter, r *http.Request) {
-	results := a.store.SearchSubmissions(r.URL.Query().Get("text"), r.URL.Query().Get("cpu"))
+	results := a.store.SearchSubmissions(
+		r.URL.Query().Get("text"),
+		r.URL.Query().Get("cpu"),
+		r.URL.Query().Get("thread"),
+		r.URL.Query().Get("platform"),
+		r.URL.Query().Get("sort"),
+		parsePositiveInt(r.URL.Query().Get("intensity"), 0),
+		parsePositiveInt(r.URL.Query().Get("durationSecs"), 0),
+	)
 	writeJSON(w, http.StatusOK, results)
 }

 func (a *App) handleSubmit(w http.ResponseWriter, r *http.Request) {
 	r.Body = http.MaxBytesReader(w, r.Body, maxSubmissionBytes)

-	result, submitter, err := parseSubmissionRequest(r)
+	result, submitter, platform, err := parseSubmissionRequest(r)
 	if err != nil {
 		writeJSON(w, http.StatusBadRequest, errorResponse{Error: err.Error()})
 		return
@@ -162,7 +187,13 @@ func (a *App) handleSubmit(w http.ResponseWriter, r *http.Request) {
 		return
 	}

-	submission, err := a.store.SaveSubmission(result, submitter)
+	platform = model.NormalizePlatform(platform)
+	if err := model.ValidatePlatform(platform); err != nil {
+		writeJSON(w, http.StatusBadRequest, errorResponse{Error: err.Error()})
+		return
+	}
+
+	submission, err := a.store.SaveSubmission(result, submitter, platform)
 	if err != nil {
 		writeJSON(w, http.StatusInternalServerError, errorResponse{Error: fmt.Sprintf("store submission: %v", err)})
 		return
@@ -172,15 +203,16 @@ func (a *App) handleSubmit(w http.ResponseWriter, r *http.Request) {
 		"success":      true,
 		"submissionID": submission.SubmissionID,
 		"submitter":    submission.Submitter,
+		"platform":     submission.Platform,
 		"submittedAt":  submission.SubmittedAt,
 	})
 }

-func parseSubmissionRequest(r *http.Request) (model.BenchmarkResult, string, error) {
+func parseSubmissionRequest(r *http.Request) (model.BenchmarkResult, string, string, error) {
 	contentType := r.Header.Get("Content-Type")
 	mediaType, _, err := mime.ParseMediaType(contentType)
 	if err != nil && contentType != "" {
-		return model.BenchmarkResult{}, "", fmt.Errorf("parse content type: %w", err)
+		return model.BenchmarkResult{}, "", "", fmt.Errorf("parse content type: %w", err)
 	}

 	switch mediaType {
@@ -189,55 +221,60 @@ func parseSubmissionRequest(r *http.Request) (model.BenchmarkResult, string, err
 	case "multipart/form-data":
 		return parseMultipartSubmission(r)
 	default:
-		return model.BenchmarkResult{}, "", fmt.Errorf("unsupported content type %q", mediaType)
+		return model.BenchmarkResult{}, "", "", fmt.Errorf("unsupported content type %q", mediaType)
 	}
 }

-func parseJSONSubmission(r *http.Request) (model.BenchmarkResult, string, error) {
+func parseJSONSubmission(r *http.Request) (model.BenchmarkResult, string, string, error) {
 	body, err := io.ReadAll(r.Body)
 	if err != nil {
-		return model.BenchmarkResult{}, "", fmt.Errorf("read request body: %w", err)
+		return model.BenchmarkResult{}, "", "", fmt.Errorf("read request body: %w", err)
 	}

 	submitter := firstNonEmpty(
 		r.URL.Query().Get("submitter"),
 		r.Header.Get("X-Submitter"),
 	)
+	platform := firstNonEmpty(
+		r.URL.Query().Get("platform"),
+		r.Header.Get("X-Platform"),
+	)

 	var nested jsonSubmissionEnvelope
 	if err := json.Unmarshal(body, &nested); err == nil {
 		submitter = firstNonEmpty(nested.Submitter, submitter)
+		platform = firstNonEmpty(nested.Platform, platform)
 		for _, candidate := range []*model.BenchmarkResult{nested.Benchmark, nested.Result, nested.Data} {
 			if candidate != nil {
-				return *candidate, submitter, nil
+				return *candidate, submitter, platform, nil
 			}
 		}
 	}

 	var flat flatSubmissionEnvelope
 	if err := json.Unmarshal(body, &flat); err != nil {
-		return model.BenchmarkResult{}, "", fmt.Errorf("decode benchmark JSON: %w", err)
+		return model.BenchmarkResult{}, "", "", fmt.Errorf("decode benchmark JSON: %w", err)
 	}

-	return flat.BenchmarkResult, firstNonEmpty(flat.Submitter, submitter), nil
+	return flat.BenchmarkResult, firstNonEmpty(flat.Submitter, submitter), firstNonEmpty(flat.Platform, platform, "windows"), nil
 }

-func parseMultipartSubmission(r *http.Request) (model.BenchmarkResult, string, error) {
+func parseMultipartSubmission(r *http.Request) (model.BenchmarkResult, string, string, error) {
 	if err := r.ParseMultipartForm(maxSubmissionBytes); err != nil {
-		return model.BenchmarkResult{}, "", fmt.Errorf("parse multipart form: %w", err)
+		return model.BenchmarkResult{}, "", "", fmt.Errorf("parse multipart form: %w", err)
 	}

 	payload, err := readMultipartPayload(r)
 	if err != nil {
-		return model.BenchmarkResult{}, "", err
+		return model.BenchmarkResult{}, "", "", err
 	}

 	var result model.BenchmarkResult
 	if err := json.Unmarshal(payload, &result); err != nil {
-		return model.BenchmarkResult{}, "", fmt.Errorf("decode benchmark JSON: %w", err)
+		return model.BenchmarkResult{}, "", "", fmt.Errorf("decode benchmark JSON: %w", err)
 	}

-	return result, r.FormValue("submitter"), nil
+	return result, r.FormValue("submitter"), firstNonEmpty(r.FormValue("platform"), "windows"), nil
 }

 func readMultipartPayload(r *http.Request) ([]byte, error) {
@@ -326,7 +363,7 @@ func visibleBounds(page, pageSize, visibleCount, total int) (int, int) {
 	return from, to
 }

-func buildIndexURL(page int, text, cpu string) string {
+func buildIndexURL(page int, text, cpu, thread, platform, sortBy string, intensity, durationSecs int) string {
 	if page < 1 {
 		page = 1
 	}
@@ -339,6 +376,21 @@ func buildIndexURL(page int, text, cpu string) string {
 	if strings.TrimSpace(cpu) != "" {
 		values.Set("cpu", cpu)
 	}
+	if normalizedThread := normalizeThreadFilter(thread); normalizedThread != "" {
+		values.Set("thread", normalizedThread)
+	}
+	if normalizedPlatform := normalizePlatformFilter(platform); normalizedPlatform != "" {
+		values.Set("platform", normalizedPlatform)
+	}
+	if normalizedSort := normalizeSortFilter(sortBy); normalizedSort != "newest" {
+		values.Set("sort", normalizedSort)
+	}
+	if intensity > 0 {
+		values.Set("intensity", strconv.Itoa(intensity))
+	}
+	if durationSecs > 0 {
+		values.Set("durationSecs", strconv.Itoa(durationSecs))
+	}

 	return "/?" + values.Encode()
 }
@@ -361,6 +413,49 @@ func firstNonEmpty(values ...string) string {
 	return ""
 }

+func normalizeThreadFilter(value string) string {
+	switch strings.ToLower(strings.TrimSpace(value)) {
+	case "single":
+		return "single"
+	case "multi":
+		return "multi"
+	default:
+		return ""
+	}
+}
+
+func normalizePlatformFilter(value string) string {
+	switch strings.ToLower(strings.TrimSpace(value)) {
+	case "windows":
+		return "windows"
+	case "linux":
+		return "linux"
+	case "macos":
+		return "macos"
+	default:
+		return ""
+	}
+}
+
+func normalizeSortFilter(value string) string {
+	switch strings.ToLower(strings.TrimSpace(value)) {
+	case "", "newest":
+		return "newest"
+	case "oldest":
+		return "oldest"
+	case "score_desc":
+		return "score_desc"
+	case "score_asc":
+		return "score_asc"
+	case "mops_desc":
+		return "mops_desc"
+	case "mops_asc":
+		return "mops_asc"
+	default:
+		return "newest"
+	}
+}
+
 func formatInt64(value int64) string {
 	negative := value < 0
 	if negative {
--- a/templates/index.html
+++ b/templates/index.html
@@ -5,19 +5,52 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>CPU Benchmark Submissions</title>
  <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
+  <script>
+    tailwind.config = {
+      darkMode: "class"
+    };
+  </script>
+  <script>
+    (function() {
+      var storageKey = "cpu-benchmark-theme";
+      var root = document.documentElement;
+      var stored = null;
+
+      try {
+        stored = localStorage.getItem(storageKey);
+      } catch (err) {}
+
+      var prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+      var theme = stored === "light" || stored === "dark" ? stored : (prefersDark ? "dark" : "light");
+
+      root.classList.toggle("dark", theme === "dark");
+      root.dataset.theme = theme;
+    })();
+  </script>
 </head>
-<body class="min-h-screen bg-slate-100 text-slate-900">
-  <div class="bg-slate-950 text-white">
+<body class="min-h-screen bg-slate-100 text-slate-900 transition-colors dark:bg-slate-950 dark:text-slate-100">
+  <div class="bg-slate-950 text-white dark:bg-slate-900">
    <div class="mx-auto max-w-7xl px-6 py-10">
-      <p class="text-sm uppercase tracking-[0.35em] text-cyan-300">CPU Benchmark Platform</p>
+      <div class="flex items-start justify-between gap-4">
+        <p class="text-sm uppercase tracking-[0.35em] text-cyan-300">CPU Benchmark Platform</p>
+        <button
+          type="button"
+          id="theme-toggle"
+          aria-label="Toggle theme"
+          class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/10 px-3 py-2 text-sm font-medium text-slate-100 backdrop-blur transition hover:bg-white/15"
+        >
+          <span id="theme-toggle-icon" aria-hidden="true">◐</span>
+          <span id="theme-toggle-label">Theme</span>
+        </button>
+      </div>
      <div class="mt-4 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
        <div class="max-w-3xl">
-          <h1 class="text-4xl font-bold tracking-tight">Submission browser and API for local CPU benchmark runs</h1>
+          <h1 class="text-4xl font-bold tracking-tight">Simple CPU Benchmark Server</h1>
          <p class="mt-3 text-sm text-slate-300">
            Browse recent benchmark submissions, filter by submitter or CPU brand, and inspect per-core throughput details.
          </p>
        </div>
-        <div class="rounded-2xl bg-white/10 px-4 py-3 text-sm text-slate-200 backdrop-blur">
+        <div class="rounded-2xl bg-white/10 px-4 py-3 text-sm text-slate-200 backdrop-blur dark:bg-white/5">
          <div>Total results: <span class="font-semibold text-white">{{ .TotalCount }}</span></div>
          {{ if gt .ShowingTo 0 }}
          <div>Showing {{ .ShowingFrom }} to {{ .ShowingTo }}</div>
@@ -30,28 +63,87 @@
  </div>

  <main class="mx-auto max-w-7xl px-6 py-8">
-    <section class="-mt-12 rounded-3xl border border-slate-200 bg-white p-6 shadow-xl shadow-slate-300/30">
-      <form method="get" action="/" class="grid gap-4 lg:grid-cols-[2fr_2fr_auto]">
+    <section class="-mt-12 rounded-3xl border border-slate-200 bg-white p-6 shadow-xl shadow-slate-300/30 transition-colors dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/20">
+      <form method="get" action="/" class="grid gap-4 lg:grid-cols-[2fr_2fr_1fr_1fr_1fr_1fr_1fr_auto]">
        <label class="block">
-          <span class="mb-2 block text-sm font-medium text-slate-700">General search</span>
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">General search</span>
          <input
            type="text"
            name="text"
            value="{{ .QueryText }}"
            placeholder="Submitter, score, vendor, features, thread mode"
-            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm shadow-sm focus:border-cyan-500 focus:ring-cyan-500"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100 dark:placeholder:text-slate-500"
          >
        </label>
        <label class="block">
-          <span class="mb-2 block text-sm font-medium text-slate-700">CPU brand</span>
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">CPU brand</span>
          <input
            type="text"
            name="cpu"
            value="{{ .QueryCPU }}"
            placeholder="Ryzen 7 5800X, i7-13700K, Xeon"
-            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm shadow-sm focus:border-cyan-500 focus:ring-cyan-500"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100 dark:placeholder:text-slate-500"
          >
        </label>
+        <label class="block">
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">Thread mode</span>
+          <select
+            name="thread"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100"
+          >
+            <option value="" {{ if eq .QueryThread "" }}selected{{ end }}>All</option>
+            <option value="single" {{ if eq .QueryThread "single" }}selected{{ end }}>Single-threaded</option>
+            <option value="multi" {{ if eq .QueryThread "multi" }}selected{{ end }}>Multi-threaded</option>
+          </select>
+        </label>
+        <label class="block">
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">Platform</span>
+          <select
+            name="platform"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100"
+          >
+            <option value="" {{ if eq .QueryPlatform "" }}selected{{ end }}>All</option>
+            <option value="windows" {{ if eq .QueryPlatform "windows" }}selected{{ end }}>Windows</option>
+            <option value="linux" {{ if eq .QueryPlatform "linux" }}selected{{ end }}>Linux</option>
+            <option value="macos" {{ if eq .QueryPlatform "macos" }}selected{{ end }}>macOS</option>
+          </select>
+        </label>
+        <label class="block">
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">Intensity</span>
+          <input
+            type="number"
+            min="1"
+            name="intensity"
+            value="{{ if gt .QueryIntensity 0 }}{{ .QueryIntensity }}{{ end }}"
+            placeholder="10"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100 dark:placeholder:text-slate-500"
+          >
+        </label>
+        <label class="block">
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">Duration (s)</span>
+          <input
+            type="number"
+            min="1"
+            name="durationSecs"
+            value="{{ if gt .QueryDuration 0 }}{{ .QueryDuration }}{{ end }}"
+            placeholder="20"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100 dark:placeholder:text-slate-500"
+          >
+        </label>
+        <label class="block">
+          <span class="mb-2 block text-sm font-medium text-slate-700 dark:text-slate-300">Sort</span>
+          <select
+            name="sort"
+            class="w-full rounded-xl border-slate-300 bg-slate-50 text-sm text-slate-900 shadow-sm focus:border-cyan-500 focus:ring-cyan-500 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100"
+          >
+            <option value="newest" {{ if eq .QuerySort "newest" }}selected{{ end }}>Newest first</option>
+            <option value="oldest" {{ if eq .QuerySort "oldest" }}selected{{ end }}>Oldest first</option>
+            <option value="score_desc" {{ if eq .QuerySort "score_desc" }}selected{{ end }}>Highest score</option>
+            <option value="score_asc" {{ if eq .QuerySort "score_asc" }}selected{{ end }}>Lowest score</option>
+            <option value="mops_desc" {{ if eq .QuerySort "mops_desc" }}selected{{ end }}>Highest MOps/sec</option>
+            <option value="mops_asc" {{ if eq .QuerySort "mops_asc" }}selected{{ end }}>Lowest MOps/sec</option>
+          </select>
+        </label>
        <div class="flex gap-3 lg:justify-end">
          <button
            type="submit"
@@ -61,7 +153,7 @@
          </button>
          <a
            href="/"
-            class="inline-flex items-center justify-center rounded-xl border border-slate-300 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50"
+            class="inline-flex items-center justify-center rounded-xl border border-slate-300 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800"
          >
            Clear
          </a>
@@ -71,24 +163,24 @@

    <section class="mt-8 space-y-4">
      {{ if not .Submissions }}
-      <div class="rounded-2xl border border-dashed border-slate-300 bg-white px-6 py-12 text-center text-slate-500">
+      <div class="rounded-2xl border border-dashed border-slate-300 bg-white px-6 py-12 text-center text-slate-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400">
        No submissions to display.
      </div>
      {{ end }}

      {{ range .Submissions }}
-      <details class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:shadow-md">
+      <details class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/20">
        <summary class="list-none cursor-pointer">
-          <div class="grid gap-4 p-6 lg:grid-cols-[1.5fr_2fr_repeat(3,minmax(0,1fr))] lg:items-center">
+          <div class="grid gap-4 p-6 lg:grid-cols-[1.2fr_2fr_repeat(6,minmax(0,1fr))] lg:items-center">
            <div>
              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">Submitter</p>
-              <p class="mt-2 text-lg font-semibold text-slate-900">{{ .Submitter }}</p>
-              <p class="mt-1 text-xs text-slate-500">{{ .SubmissionID }}</p>
+              <p class="mt-2 text-lg font-semibold text-slate-900 dark:text-slate-100">{{ .Submitter }}</p>
+              <p class="mt-1 text-xs text-slate-500 dark:text-slate-400">{{ .SubmissionID }}</p>
            </div>
            <div>
              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">CPU</p>
-              <p class="mt-2 font-semibold text-slate-900">{{ .CPUInfo.BrandString }}</p>
-              <p class="mt-1 text-sm text-slate-500">{{ .CPUInfo.VendorID }} • {{ .CPUInfo.PhysicalCores }}C / {{ .CPUInfo.LogicalCores }}T</p>
+              <p class="mt-2 font-semibold text-slate-900 dark:text-slate-100">{{ .CPUInfo.BrandString }}</p>
+              <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ .CPUInfo.VendorID }} • {{ .CPUInfo.PhysicalCores }}C / {{ .CPUInfo.LogicalCores }}T</p>
            </div>
            <div>
              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">Score</p>
@@ -96,40 +188,68 @@
            </div>
            <div>
              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">MOps/sec</p>
-              <p class="mt-2 text-xl font-semibold text-slate-900">{{ formatFloat .MOpsPerSec }}</p>
+              <p class="mt-2 text-xl font-semibold text-slate-900 dark:text-slate-100">{{ formatFloat .MOpsPerSec }}</p>
            </div>
            <div>
              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">Mode</p>
-              <p class="mt-2 inline-flex rounded-full bg-slate-100 px-3 py-1 text-sm font-medium text-slate-700">{{ modeLabel .Config.MultiCore }}</p>
+              <p class="mt-2 inline-flex rounded-full bg-slate-100 px-3 py-1 text-sm font-medium text-slate-700 dark:bg-slate-800 dark:text-slate-200">{{ modeLabel .Config.MultiCore }}</p>
+            </div>
+            <div>
+              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">Platform</p>
+              <p class="mt-2 inline-flex rounded-full bg-cyan-50 px-3 py-1 text-sm font-medium text-cyan-800">{{ .Platform }}</p>
+            </div>
+            <div>
+              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">Intensity</p>
+              <p class="mt-2 text-xl font-semibold text-slate-900 dark:text-slate-100">{{ .Config.Intensity }}</p>
+            </div>
+            <div>
+              <p class="text-xs uppercase tracking-[0.25em] text-slate-400">Run Time</p>
+              <p class="mt-2 text-xl font-semibold text-slate-900 dark:text-slate-100">{{ .Config.DurationSecs }}s</p>
            </div>
          </div>
        </summary>

-        <div class="border-t border-slate-100 bg-slate-50 px-6 py-6">
-          <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
-            <div class="rounded-2xl bg-white p-4 shadow-sm">
+        <div class="border-t border-slate-100 bg-slate-50 px-6 py-6 dark:border-slate-800 dark:bg-slate-950/70">
+          <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-6">
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Started</p>
-              <p class="mt-2 text-sm font-medium text-slate-800">{{ formatTime .StartedAt }}</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">{{ formatTime .StartedAt }}</p>
            </div>
-            <div class="rounded-2xl bg-white p-4 shadow-sm">
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Submitted</p>
-              <p class="mt-2 text-sm font-medium text-slate-800">{{ formatTime .SubmittedAt }}</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">{{ formatTime .SubmittedAt }}</p>
            </div>
-            <div class="rounded-2xl bg-white p-4 shadow-sm">
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Total ops</p>
-              <p class="mt-2 text-sm font-medium text-slate-800">{{ formatInt64 .TotalOps }}</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">{{ formatInt64 .TotalOps }}</p>
            </div>
-            <div class="rounded-2xl bg-white p-4 shadow-sm">
-              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Benchmark config</p>
-              <p class="mt-2 text-sm font-medium text-slate-800">
-                {{ .Config.DurationSecs }}s • intensity {{ .Config.Intensity }} • coreFilter {{ .Config.CoreFilter }}
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
+              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Duration</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">
+                {{ .Config.DurationSecs }} seconds
              </p>
            </div>
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
+              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Intensity</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">
+                {{ .Config.Intensity }}
+              </p>
+            </div>
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
+              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Core Filter</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">
+                {{ .Config.CoreFilter }}
+              </p>
+            </div>
+            <div class="rounded-2xl bg-white p-4 shadow-sm dark:bg-slate-900">
+              <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Platform</p>
+              <p class="mt-2 text-sm font-medium text-slate-800 dark:text-slate-200">{{ .Platform }}</p>
+            </div>
          </div>

-          <div class="mt-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white">
-            <table class="min-w-full divide-y divide-slate-200 text-sm">
-              <thead class="bg-slate-100 text-slate-600">
+          <div class="mt-6 overflow-x-auto rounded-2xl border border-slate-200 bg-white dark:border-slate-800 dark:bg-slate-900">
+            <table class="min-w-full divide-y divide-slate-200 text-sm dark:divide-slate-800">
+              <thead class="bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300">
                <tr>
                  <th class="px-4 py-3 text-left font-semibold">Logical ID</th>
                  <th class="px-4 py-3 text-left font-semibold">Core Type</th>
@@ -137,17 +257,17 @@
                  <th class="px-4 py-3 text-left font-semibold">Total Ops</th>
                </tr>
              </thead>
-              <tbody class="divide-y divide-slate-100">
+              <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
                {{ range .CoreResults }}
                <tr>
-                  <td class="px-4 py-3 font-medium text-slate-900">{{ .LogicalID }}</td>
-                  <td class="px-4 py-3 text-slate-700">{{ .CoreType }}</td>
-                  <td class="px-4 py-3 text-slate-700">{{ formatFloat .MOpsPerSec }}</td>
-                  <td class="px-4 py-3 text-slate-700">{{ formatInt64 .TotalOps }}</td>
+                  <td class="px-4 py-3 font-medium text-slate-900 dark:text-slate-100">{{ .LogicalID }}</td>
+                  <td class="px-4 py-3 text-slate-700 dark:text-slate-300">{{ .CoreType }}</td>
+                  <td class="px-4 py-3 text-slate-700 dark:text-slate-300">{{ formatFloat .MOpsPerSec }}</td>
+                  <td class="px-4 py-3 text-slate-700 dark:text-slate-300">{{ formatInt64 .TotalOps }}</td>
                </tr>
                {{ else }}
-                <tr>
-                  <td colspan="4" class="px-4 py-6 text-center text-slate-500">No per-core results available.</td>
+                <tr class="dark:bg-slate-900">
+                  <td colspan="4" class="px-4 py-6 text-center text-slate-500 dark:text-slate-400">No per-core results available.</td>
                </tr>
                {{ end }}
              </tbody>
@@ -159,24 +279,59 @@
    </section>

    {{ if gt .TotalPages 1 }}
-    <nav class="mt-8 flex flex-col gap-3 rounded-2xl bg-white p-5 shadow-sm md:flex-row md:items-center md:justify-between">
-      <div class="text-sm text-slate-500">
+    <nav class="mt-8 flex flex-col gap-3 rounded-2xl bg-white p-5 shadow-sm md:flex-row md:items-center md:justify-between dark:bg-slate-900 dark:shadow-black/20">
+      <div class="text-sm text-slate-500 dark:text-slate-400">
        Page {{ .Page }} of {{ .TotalPages }}
      </div>
      <div class="flex gap-3">
        {{ if gt .Page 1 }}
-        <a href="{{ .PrevURL }}" class="rounded-xl border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50">Previous</a>
+        <a href="{{ .PrevURL }}" class="rounded-xl border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800">Previous</a>
        {{ else }}
-        <span class="cursor-not-allowed rounded-xl border border-slate-200 px-4 py-2 text-sm font-medium text-slate-400">Previous</span>
+        <span class="cursor-not-allowed rounded-xl border border-slate-200 px-4 py-2 text-sm font-medium text-slate-400 dark:border-slate-800 dark:text-slate-600">Previous</span>
        {{ end }}
        {{ if lt .Page .TotalPages }}
-        <a href="{{ .NextURL }}" class="rounded-xl bg-slate-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-slate-700">Next</a>
+        <a href="{{ .NextURL }}" class="rounded-xl bg-slate-900 px-4 py-2 text-sm font-medium text-white transition hover:bg-slate-700 dark:bg-cyan-600 dark:hover:bg-cyan-500">Next</a>
        {{ else }}
-        <span class="cursor-not-allowed rounded-xl border border-slate-200 px-4 py-2 text-sm font-medium text-slate-400">Next</span>
+        <span class="cursor-not-allowed rounded-xl border border-slate-200 px-4 py-2 text-sm font-medium text-slate-400 dark:border-slate-800 dark:text-slate-600">Next</span>
        {{ end }}
      </div>
    </nav>
    {{ end }}
  </main>
+  <script>
+    (function() {
+      var storageKey = "cpu-benchmark-theme";
+      var root = document.documentElement;
+      var button = document.getElementById("theme-toggle");
+      var icon = document.getElementById("theme-toggle-icon");
+      var label = document.getElementById("theme-toggle-label");
+
+      if (!button || !icon || !label) {
+        return;
+      }
+
+      function applyTheme(theme, persist) {
+        currentTheme = theme;
+        root.classList.toggle("dark", theme === "dark");
+        root.dataset.theme = theme;
+        button.setAttribute("aria-pressed", String(theme === "dark"));
+        icon.textContent = theme === "dark" ? "☾" : "☼";
+        label.textContent = theme === "dark" ? "Dark" : "Light";
+
+        if (persist) {
+          try {
+            localStorage.setItem(storageKey, theme);
+          } catch (err) {}
+        }
+      }
+
+      var currentTheme = root.dataset.theme === "dark" ? "dark" : "light";
+      applyTheme(currentTheme, false);
+
+      button.addEventListener("click", function() {
+        applyTheme(currentTheme === "dark" ? "light" : "dark", true);
+      });
+    })();
+  </script>
 </body>
 </html>