{# Tabler CSS + Icons (vendored, offline-faehig — siehe static/vendor/LICENSES.md) #}
{# `?v=` query string is a cache-buster: a version bump in app.py forces #}
{# clients to refetch instead of replaying stale CSS/JS from disk cache. #}
{# Sidebar: project + tag filter (full-width checkboxes). Hidden on mobile (<768px). #}
{# Sticky-positioned aside outside the .page wrapper. Tabler/Bootstrap surface #}
{# variables drive the bg so dark-mode behaves correctly. Sidebar lives in its #}
{# own scroll context; main page-wrapper scrolls independently. #}
{# Main content (full-width inside its column) #}
{# Filter bar: search only — project, tag, phase filters live in the sidebar. #}
{# Tabs #}
{# Task list #}
{# ID badge: monospace, click-to-copy. @click.stop prevents row toggle. #}
{# Project badge -- click to toggle project filter #}
{# Cross-project marker (no project) -- click toggles __none__ #}
—
{# Phase badge -- click to toggle phase filter #}
WIP
Geplant
Später
{# Priority badges -- click to toggle priority filter. #}
{# `normal` is intentionally not rendered: it is the default #}
{# and a badge per task would create visual noise. #}
Kritisch
Hoch
Niedrig
{# Tag badges -- click to toggle tag filter #}
#
{# Use `ti-archive` (not `ti-archive-arrow-down`): the latter is not #}
{# present in the vendored tabler-icons webfont (v3.19.0). The font #}
{# ships only a subset of the full SVG icon set; using a missing #}
{# class produces an invisible-but-clickable phantom button. #}
{# Delete is only valid for archived tasks. Bind directly to #}
{# task.archived (data truth) instead of `tab === 'archive'` #}
{# (UI state) — keeps the button out of the DOM in any tab where #}
{# the task is not archived, even if Alpine recycles a DOM node #}
{# across tab switches. #}
Keine Aufgaben
{# Edit modal #}
Task bearbeiten
{# Edit-modal tag input: same pattern as new-task form, bound to editing.tags. #}
#
{# Toast container (Tabler/Bootstrap-compatible). Toasts injected by app.js. #}