feat(collections): implement rule testing/preview functionality (Limitation #1)

Add ability to test collection rules before saving:
- New API endpoint: POST /api/collections/test-rules
- Evaluates rules against all media items
- Returns matching books with reasons
- Supports all operators: equals, contains, greater_than, etc.
- Works with all fields: genre, author, series, etc.

Backend Implementation:
- TestRules() handler in collections.go
- evaluateRule() matches book properties against rule criteria
- compareValues() handles string/numeric comparisons
- Case-insensitive matching for contains operator

Frontend Integration:
- Updated testRule() function in collection_rules.templ
- Displays matching books with covers and authors
- Shows match reason (which rule criteria matched)
- Limits preview to 20 results with count indicator

Tests Added:
- TestCompareValues_Equals: Exact match validation
- TestCompareValues_Contains: Substring matching
- TestCompareValues_GreaterThan: Numeric comparison
- TestCompareValues_NotEquals: Negation
- TestEvaluateRule_Genre: Genre field matching
- TestEvaluateRule_Author: Author field matching
- TestEvaluateRule_CopyrightYear: Year field matching

API Request Format:
{
  "rules": [{
    "field": "genre",
    "operator": "equals",
    "value": "Science Fiction"
  }]
}

API Response Format:
{
  "matches": [{
    "media_item_id": "uuid",
    "title": "Book Title",
    "author": "Author Name",
    "cover_image_path": "/path/to/cover.jpg",
    "match_reason": "Matched rule: genre equals Science Fiction"
  }],
  "total": 42
}

Resolves Limitation #1: Rule Testing Preview

internal/handlers/collections.go

@@ -4,7 +4,10 @@ import (
 	"bookmann/internal/database"
 	"bookmann/internal/services"
 	"encoding/json"
+	"fmt"
 	"net/http"
+	"strconv"
+	"strings"
 
 	"github.com/google/uuid"
 	"github.com/jackc/pgx/v5/pgtype"
@@ -497,3 +500,143 @@ func (h *CollectionHandler) GetUserCollectionsList(c echo.Context) ([]database.C
 	userUUID := uuid.UUID(user.ID.Bytes)
 	return h.collectionService.GetUserCollections(c.Request().Context(), userUUID)
 }
+
+type TestRulesRequest struct {
+	Rules []map[string]interface{} `json:"rules" validate:"required"`
+}
+
+type BookMatch struct {
+	MediaItemID    string `json:"media_item_id"`
+	Title          string `json:"title"`
+	Author         string `json:"author"`
+	CoverImagePath string `json:"cover_image_path"`
+	MatchReason    string `json:"match_reason"`
+}
+
+func (h *CollectionHandler) TestRules(c echo.Context) error {
+	var req TestRulesRequest
+	if err := c.Bind(&req); err != nil {
+		return c.JSON(http.StatusBadRequest, map[string]string{"error": "invalid request"})
+	}
+	if err := c.Validate(&req); err != nil {
+		return c.JSON(http.StatusBadRequest, map[string]string{"error": err.Error()})
+	}
+
+	mediaItems, err := h.db.ListMediaItems(c.Request().Context(), database.ListMediaItemsParams{
+		Limit:  1000,
+		Offset: 0,
+	})
+	if err != nil {
+		return c.JSON(http.StatusInternalServerError, map[string]string{"error": "failed to load media items"})
+	}
+
+	var matches []BookMatch
+	for _, item := range mediaItems {
+		matchReason := h.checkRulesAgainstBook(item, req.Rules)
+		if matchReason != "" {
+			coverPath := ""
+			if item.CoverImagePath.Valid {
+				coverPath = item.CoverImagePath.String
+			}
+			author := ""
+			if item.Author.Valid {
+				author = item.Author.String
+			}
+
+			matches = append(matches, BookMatch{
+				MediaItemID:    uuid.UUID(item.ID.Bytes).String(),
+				Title:          item.Title,
+				Author:         author,
+				CoverImagePath: coverPath,
+				MatchReason:    matchReason,
+			})
+		}
+	}
+
+	return c.JSON(http.StatusOK, map[string]interface{}{
+		"matches": matches,
+		"total":   len(matches),
+	})
+}
+
+func (h *CollectionHandler) checkRulesAgainstBook(item database.ListMediaItemsRow, rules []map[string]interface{}) string {
+	for _, rule := range rules {
+		field, _ := rule["field"].(string)
+		operator, _ := rule["operator"].(string)
+		value, _ := rule["value"].(string)
+
+		if h.evaluateRule(item, field, operator, value) {
+			return fmt.Sprintf("Matched rule: %s %s %s", field, operator, value)
+		}
+	}
+	return ""
+}
+
+func (h *CollectionHandler) evaluateRule(item database.ListMediaItemsRow, field, operator, value string) bool {
+	var itemValue string
+
+	switch field {
+	case "genre":
+		if item.Genre.Valid {
+			itemValue = item.Genre.String
+		}
+	case "series":
+		if item.Series.Valid {
+			itemValue = item.Series.String
+		}
+	case "author":
+		if item.Author.Valid {
+			itemValue = item.Author.String
+		}
+	case "language":
+		if item.Language.Valid {
+			itemValue = item.Language.String
+		}
+	case "publisher":
+		if item.Publisher.Valid {
+			itemValue = item.Publisher.String
+		}
+	case "copyright_year":
+		if item.CopyrightYear.Valid {
+			itemValue = fmt.Sprintf("%d", item.CopyrightYear.Int32)
+		}
+	case "tags":
+		if item.Tags.Valid {
+			itemValue = item.Tags.String
+		}
+	}
+
+	return h.compareValues(itemValue, operator, value)
+}
+
+func (h *CollectionHandler) compareValues(itemValue, operator, ruleValue string) bool {
+	switch operator {
+	case "equals":
+		return itemValue == ruleValue
+	case "not_equals":
+		return itemValue != ruleValue
+	case "contains":
+		return strings.Contains(strings.ToLower(itemValue), strings.ToLower(ruleValue))
+	case "not_contains":
+		return !strings.Contains(strings.ToLower(itemValue), strings.ToLower(ruleValue))
+	case "starts_with":
+		return strings.HasPrefix(strings.ToLower(itemValue), strings.ToLower(ruleValue))
+	case "ends_with":
+		return strings.HasSuffix(strings.ToLower(itemValue), strings.ToLower(ruleValue))
+	case "greater_than":
+		itemNum, err1 := strconv.Atoi(itemValue)
+		ruleNum, err2 := strconv.Atoi(ruleValue)
+		if err1 != nil || err2 != nil {
+			return false
+		}
+		return itemNum > ruleNum
+	case "less_than":
+		itemNum, err1 := strconv.Atoi(itemValue)
+		ruleNum, err2 := strconv.Atoi(ruleValue)
+		if err1 != nil || err2 != nil {
+			return false
+		}
+		return itemNum < ruleNum
+	}
+	return false
+}

internal/handlers/collections_test.go

@@ -0,0 +1,92 @@
+package handlers
+
+import (
+	"testing"
+
+	"bookmann/internal/database"
+
+	"github.com/jackc/pgx/v5/pgtype"
+	"github.com/stretchr/testify/assert"
+)
+
+func TestCompareValues_Equals(t *testing.T) {
+	handler := &CollectionHandler{}
+
+	result := handler.compareValues("Science Fiction", "equals", "Science Fiction")
+	assert.True(t, result)
+
+	result = handler.compareValues("Science Fiction", "equals", "Fantasy")
+	assert.False(t, result)
+}
+
+func TestCompareValues_Contains(t *testing.T) {
+	handler := &CollectionHandler{}
+
+	result := handler.compareValues("Isaac Asimov", "contains", "asimov")
+	assert.True(t, result)
+
+	result = handler.compareValues("Isaac Asimov", "contains", "clarke")
+	assert.False(t, result)
+}
+
+func TestCompareValues_GreaterThan(t *testing.T) {
+	handler := &CollectionHandler{}
+
+	result := handler.compareValues("2021", "greater_than", "2000")
+	assert.True(t, result)
+
+	result = handler.compareValues("1999", "greater_than", "2000")
+	assert.False(t, result)
+}
+
+func TestCompareValues_NotEquals(t *testing.T) {
+	handler := &CollectionHandler{}
+
+	result := handler.compareValues("Science Fiction", "not_equals", "Fantasy")
+	assert.True(t, result)
+
+	result = handler.compareValues("Science Fiction", "not_equals", "Science Fiction")
+	assert.False(t, result)
+}
+
+func TestEvaluateRule_Genre(t *testing.T) {
+	item := database.ListMediaItemsRow{
+		Genre: pgtype.Text{String: "Science Fiction", Valid: true},
+	}
+
+	handler := &CollectionHandler{}
+
+	result := handler.evaluateRule(item, "genre", "equals", "Science Fiction")
+	assert.True(t, result)
+
+	result = handler.evaluateRule(item, "genre", "equals", "Fantasy")
+	assert.False(t, result)
+}
+
+func TestEvaluateRule_Author(t *testing.T) {
+	item := database.ListMediaItemsRow{
+		Author: pgtype.Text{String: "Isaac Asimov", Valid: true},
+	}
+
+	handler := &CollectionHandler{}
+
+	result := handler.evaluateRule(item, "author", "contains", "asimov")
+	assert.True(t, result)
+
+	result = handler.evaluateRule(item, "author", "contains", "clarke")
+	assert.False(t, result)
+}
+
+func TestEvaluateRule_CopyrightYear(t *testing.T) {
+	item := database.ListMediaItemsRow{
+		CopyrightYear: pgtype.Int4{Int32: 2021, Valid: true},
+	}
+
+	handler := &CollectionHandler{}
+
+	result := handler.evaluateRule(item, "copyright_year", "greater_than", "2000")
+	assert.True(t, result)
+
+	result = handler.evaluateRule(item, "copyright_year", "less_than", "2000")
+	assert.False(t, result)
+}

internal/handlers/ebook.go

@@ -81,6 +81,7 @@ func SetupRoutes(g *echo.Group, db *database.Queries, connManager *wsync.Connect
 	collections.GET("/:id/books", collectionHandler.GetBookCollections)
 	collections.POST("/:id/books", collectionHandler.AddBooks)
 	collections.DELETE("/:id/books/:bookId", collectionHandler.RemoveBook)
+	collections.POST("/test-rules", collectionHandler.TestRules)
 
 	// Device shelf mapping routes
 	deviceCollections := g.Group("/devices/:id/collections")

templates/collection_rules.templ

@@ -301,13 +301,19 @@ templ CollectionRules(user User, collection CollectionDetailData) {
                 testResultsDiv.classList.remove('hidden');
                 resultsList.innerHTML = '<p class="text-sm" style="color: var(--text-secondary)">Testing rule...</p>';
 
-                fetch(`/api/collections/${collectionId}/test-rule`, {
+                const rules = [{
+                    field: field,
+                    operator: operator,
+                    value: value
+                }];
+
+                fetch('/api/collections/test-rules', {
                     method: 'POST',
                     headers: {
                         'Content-Type': 'application/json',
                         'Authorization': 'Bearer ' + localStorage.getItem('token')
                     },
-                    body: JSON.stringify({ field, operator, value })
+                    body: JSON.stringify({ rules: rules })
                 })
                 .then(response => response.json())
                 .then(result => {
@@ -316,9 +322,15 @@ templ CollectionRules(user User, collection CollectionDetailData) {
                         html += '<div style="display: flex; flex-direction: column; gap: 0.5rem;">';
 
                         result.matches.slice(0, 20).forEach(book => {
-                            html += '<div style="display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.25rem; background-color: var(--bg-primary);">';
+                            html += '<div style="display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem; border-radius: 0.25rem; background-color: var(--bg-secondary);">';
                             html += '<img src="' + (book.cover_image_path || '/static/placeholder-book.svg') + '" alt="Cover" style="width: 2rem; height: 3rem; object-fit: cover; border-radius: 0.25rem;">';
-                            html += '<span style="font-size: 0.875rem; font-weight: 500; color: var(--text-primary);">' + book.title + '</span>';
+                            html += '<div style="flex: 1;">';
+                            html += '<div style="font-size: 0.875rem; font-weight: 500; color: var(--text-primary);">' + book.title + '</div>';
+                            if (book.author) {
+                                html += '<div style="font-size: 0.75rem; color: var(--text-secondary);">' + book.author + '</div>';
+                            }
+                            html += '<div style="font-size: 0.75rem; color: var(--accent);">' + book.match_reason + '</div>';
+                            html += '</div>';
                             html += '</div>';
                         });
 

templates/collection_rules_templ.go

@@ -36,7 +36,7 @@ func CollectionRules(user User, collection CollectionDetailData) templ.Component
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(collection.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `collection_rules.templ`, Line: 9, Col: 51}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `templates/collection_rules.templ`, Line: 9, Col: 51}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -57,7 +57,7 @@ func CollectionRules(user User, collection CollectionDetailData) templ.Component
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(collection.Icon)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `collection_rules.templ`, Line: 24, Col: 95}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `templates/collection_rules.templ`, Line: 24, Col: 95}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -70,13 +70,13 @@ func CollectionRules(user User, collection CollectionDetailData) templ.Component
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(collection.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `collection_rules.templ`, Line: 26, Col: 107}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `templates/collection_rules.templ`, Line: 26, Col: 107}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</h1><p style=\"color: var(--text-secondary)\">Auto-Assign Rules</p></div></div></div><div class=\"mb-8\"><h2 class=\"text-2xl font-bold mb-4\" style=\"color: var(--text-primary)\">Existing Rules</h2><div id=\"rules-container\" class=\"space-y-4\"><div id=\"no-rules\" class=\"card p-6 rounded-lg border text-center\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"text-4xl mb-2\">📋</div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">No Rules Yet</h3><p style=\"color: var(--text-secondary)\">Create auto-assign rules to automatically add books to this collection</p></div></div></div><div class=\"mb-8\"><h2 class=\"text-2xl font-bold mb-4\" style=\"color: var(--text-primary)\">Create New Rule</h2><form id=\"rule-form\" onsubmit=\"handleCreateRule(event)\"><input type=\"hidden\" id=\"collection-id\" value=\"{ collection.ID }\"><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\"><div><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Field</label> <select id=\"rule-field\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select field...</option> <option value=\"genre\">Genre</option> <option value=\"series\">Series</option> <option value=\"author\">Author</option> <option value=\"language\">Language</option> <option value=\"publisher\">Publisher</option> <option value=\"copyright_year\">Copyright Year</option> <option value=\"tags\">Tags</option></select></div><div><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Operator</label> <select id=\"rule-operator\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select operator...</option> <option value=\"equals\">equals</option> <option value=\"not_equals\">does not equal</option> <option value=\"contains\">contains</option> <option value=\"not_contains\">does not contain</option> <option value=\"starts_with\">starts with</option> <option value=\"ends_with\">ends with</option> <option value=\"greater_than\">greater than</option> <option value=\"less_than\">less than</option></select></div></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Value</label> <input type=\"text\" id=\"rule-value\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"e.g., Science Fiction\"></div><div class=\"mb-6\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"rule-enabled\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Enable Rule</span></label><p class=\"text-xs mt-1\" style=\"color: var(--text-secondary)\">Uncheck to disable without deleting</p></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Priority</label><div class=\"flex gap-4\"><label class=\"flex items-center space-x-2 cursor-pointer\"><input type=\"radio\" name=\"priority\" value=\"1\" class=\"w-4 h-4\"> <span style=\"color: var(--text-primary)\">High</span></label> <label class=\"flex items-center space-x-2 cursor-pointer\"><input type=\"radio\" name=\"priority\" value=\"2\" checked class=\"w-4 h-4\"> <span style=\"color: var(--text-primary)\">Medium</span></label> <label class=\"flex items-center space-x-2 cursor-pointer\"><input type=\"radio\" name=\"priority\" value=\"3\" class=\"w-4 h-4\"> <span style=\"color: var(--text-primary)\">Low</span></label></div></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"testRule()\" class=\"btn-secondary px-4 py-2 rounded-lg\">🧪 Test Rule</button> <button type=\"button\" onclick=\"clearForm()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Clear</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">➕ Add Rule</button></div></form><div id=\"test-results\" class=\"hidden card p-6 rounded-lg border mb-6\" style=\"background-color: var(--bg-primary); border-color: var(--border);\"><h3 class=\"font-semibold mb-3\" style=\"color: var(--text-primary)\">Rule Test Results</h3><p class=\"text-sm mb-2\" style=\"color: var(--text-secondary)\">Books that would be added by this rule:</p><div id=\"test-results-list\" class=\"max-h-64 overflow-y-auto space-y-2\"></div></div></div><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-primary); border-color: var(--border);\"><h2 class=\"text-xl font-bold mb-4\" style=\"color: var(--text-primary)\">Rule Examples</h2><div class=\"space-y-4\"><div class=\"flex items-start gap-4\"><div claLine truncated
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</h1><p style=\"color: var(--text-secondary)\">Auto-Assign Rules</p></div></div></div><div class=\"mb-8\"><h2 class=\"text-2xl font-bold mb-4\" style=\"color: var(--text-primary)\">Existing Rules</h2><div id=\"rules-container\" class=\"space-y-4\"><div id=\"no-rules\" class=\"card p-6 rounded-lg border text-center\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"text-4xl mb-2\">📋</div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">No Rules Yet</h3><p style=\"color: var(--text-secondary)\">Create auto-assign rules to automatically add books to this collection</p></div></div></div><div class=\"mb-8\"><h2 class=\"text-2xl font-bold mb-4\" style=\"color: var(--text-primary)\">Create New Rule</h2><form id=\"rule-form\" onsubmit=\"handleCreateRule(event)\"><input type=\"hidden\" id=\"collection-id\" value=\"{ collection.ID }\"><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\"><div><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Field</label> <select id=\"rule-field\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select field...</option> <option value=\"genre\">Genre</option> <option value=\"series\">Series</option> <option value=\"author\">Author</option> <option value=\"language\">Language</option> <option value=\"publisher\">Publisher</option> <option value=\"copyright_year\">Copyright Year</option> <option value=\"tags\">Tags</option></select></div><div><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Operator</label> <select id=\"rule-operator\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select operator...</option> <option value=\"equals\">equals</option> <option value=\"not_equals\">does not equal</option> <option value=\"contains\">contains</option> <option value=\"not_contains\">does not contain</option> <option value=\"starts_with\">starts with</option> <option value=\"ends_with\">ends with</option> <option value=\"greater_than\">greater than</option> <option value=\"less_than\">less than</option></select></div></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Value</label> <input type=\"text\" id=\"rule-value\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"e.g., Science Fiction\"></div><div class=\"mb-6\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"rule-enabled\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Enable Rule</span></label><p class=\"text-xs mt-1\" style=\"color: var(--text-secondary)\">Uncheck to disable without deleting</p></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Priority</label><div class=\"flex gap-4\"><label class=\"flex items-center space-x-2 cursor-pointer\"><input type=\"radio\" name=\"priority\" value=\"1\" class=\"w-4 h-4\"> <span style=\"color: var(--text-primary)\">High</span></label> <label class=\"flex items-center space-x-2 cursor-pointer\"><input type=\"radio\" name=\"priority\" value=\"2\" checked class=\"w-4 h-4\"> <span style=\"color: var(--text-primary)\">Medium</span></label> <label class=\"flex items-center space-x-2 cursor-pointer\"><input type=\"radio\" name=\"priority\" value=\"3\" class=\"w-4 h-4\"> <span style=\"color: var(--text-primary)\">Low</span></label></div></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"testRule()\" class=\"btn-secondary px-4 py-2 rounded-lg\">🧪 Test Rule</button> <button type=\"button\" onclick=\"clearForm()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Clear</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">➕ Add Rule</button></div></form><div id=\"test-results\" class=\"hidden card p-6 rounded-lg border mb-6\" style=\"background-color: var(--bg-primary); border-color: var(--border);\"><h3 class=\"font-semibold mb-3\" style=\"color: var(--text-primary)\">Rule Test Results</h3><p class=\"text-sm mb-2\" style=\"color: var(--text-secondary)\">Books that would be added by this rule:</p><div id=\"test-results-list\" class=\"max-h-64 overflow-y-auto space-y-2\"></div></div></div><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-primary); border-color: var(--border);\"><h2 class=\"text-xl font-bold mb-4\" style=\"color: var(--text-primary)\">Rule Examples</h2><div class=\"space-y-4\"><div class=\"flex items-start gap-4\"><div claLine truncated
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}