feat: add web UI, query engine, session management, and 20 E2E tests

- Web UI: login, dashboard, links CRUD, collections, API keys, admin pages
- Query engine: AND/OR/XOR with field filters, tag search, preview endpoint
- Session management: token expiry detection, 401 interceptor, expiry banner
- Links search: tags included, multi-word AND, query mode with set operations
- Collections: static/dynamic, query builder with preview, public tree view
- Save as Collection: convert search results (static) or query (dynamic)
- Dashboard stats: resilient loading with allSettled pattern
- Login page: redesigned with public collections tree view
- Bug fix: query executor None fields crash (notes/description/url/title)
- E2E tests: 20 Playwright tests covering all critical user flows
- All 104 tests passing (84 unit/integration + 20 E2E)
This commit is contained in:
DavidSaylor
2026-05-22 07:46:53 -05:00
parent 77b076c7d7
commit fe4cbc3537
29 changed files with 1410 additions and 78 deletions

View File

@@ -9,8 +9,51 @@
</div>
<div class="search-bar">
<input type="text" id="search-input" placeholder="Search links by title or URL...">
<div class="search-mode-toggle">
<button class="btn btn-sm btn-outline search-mode-btn active" data-mode="simple" id="simple-search-btn">Simple</button>
<button class="btn btn-sm btn-outline search-mode-btn" data-mode="query" id="query-search-btn">Query</button>
</div>
<input type="text" id="search-input" placeholder="Search links by title, URL, tags, or notes...">
<input type="text" id="query-input" placeholder="e.g. personal AND lan NOT ai" style="display: none;">
<button class="btn btn-secondary" id="search-btn">Search</button>
<button class="btn btn-outline" id="save-collection-btn" title="Save current results as a collection">Save as Collection</button>
</div>
<div id="save-collection-modal" class="modal" style="display: none;">
<div class="modal-overlay"></div>
<div class="modal-content modal-sm">
<div class="modal-header">
<h2>Save as Collection</h2>
<button class="modal-close" id="save-collection-modal-close">&times;</button>
</div>
<form id="save-collection-form">
<div class="form-group">
<label for="save-collection-name">Collection Name *</label>
<input type="text" id="save-collection-name" required>
</div>
<div class="form-group">
<label for="save-collection-desc">Description</label>
<textarea id="save-collection-desc" rows="2"></textarea>
</div>
<div class="form-group">
<label for="save-collection-type">Type</label>
<select id="save-collection-type">
<option value="static">Static (current results)</option>
<option value="dynamic">Dynamic (query-based)</option>
</select>
</div>
<div class="form-group checkbox-group">
<label>
<input type="checkbox" id="save-collection-public">
Public
</label>
</div>
<div class="form-actions">
<button type="button" class="btn btn-secondary" id="save-collection-cancel-btn">Cancel</button>
<button type="submit" class="btn btn-primary" id="save-collection-save-btn">Save</button>
</div>
</form>
</div>
</div>
<div id="links-list" class="links-table">
@@ -76,5 +119,5 @@
{% endblock %}
{% block extra_js %}
<script src="/static/js/links-page.js"></script>
<script src="/static/js/links-page.js?v={{ build_id }}"></script>
{% endblock %}