ntasker v{{ version }}
{% include "_topnav.html" %}
{# Tabler page-header: title left, view-mode switcher right. #}
{# The two pseudo-tabs (Task list / Kanban) drive ``viewMode`` -- #}
{# they are NOT bootstrap nav-tabs because the page wrappers below #}
{# swap their entire layout, not just a tab-pane. #}
{# Page actions: "show all" reset + search box, pushed to the far right. #}
{# === Claude run view -- full-page; replaces list/kanban while open. #}
{# One tab per live session; the runs keep streaming in the background #}
{# when you go Back. Each tab owns its own xterm + WebSocket. === #}
{# Edit modal #}
{# Clears the search box and every filter; only shown while something is filtering. #}
{# v2.0: projects_dir-Banner is gone -- projects emerge #}
{# implicitly from tasks; no filesystem setup required. #}
{# New-task form. The header doubles as an accordion toggle and #}
{# the body starts collapsed, so more of the task list stays #}
{# visible until the user actually wants to add something. #}
{# Running-projects chips: one per project with a live agent #}
{# session, so you see at a glance what is running in parallel #}
{# right now. The common case (one session) makes the whole chip #}
{# a link straight into that #/run/ session, with the agent #}
{# logo after the name. The rare multi-session case keeps the name #}
{# as a label and turns each session's logo into its own link. #}
{# Auto-updates from the session poll; hidden when nothing runs. #}
{# x-show sits on a plain wrapper (no Bootstrap display utility) so #}
{# `.d-flex !important` cannot override Alpine's display:none. #}
{# Tabs -- list view only. Kanban renders its own column layout below. #}
{# Task list #}
{# ===== Kanban board view ===== #}
{# 4 columns: 3 phase columns (planned/wip/review) + 1 collapsible #}
{# Done column derived from status='done'. Drag a card between #}
{# columns -> PATCH phase (or status when crossing into Done). #}
{# Same filters (search / sidebar) feed the same task list; #}
{# the kanban view just groups it by phase. #}
{{ t('New task') }}
{# One session: the entire chip links into it; logo trails the name. #}
![]()
{# Several sessions (should not happen -- warned): group them, #}
{# name as a label, one logo-link per session after the name. #}
![]()
{# Drag handle -- only this grip starts a reorder drag, so the #}
{# row's many click affordances keep working. #}
{# Disabled while blocked: a task with open dependencies #}
{# can't be completed (mirrors the kanban drag guard). #}
{# 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 #}
{# Priority badges -- click to toggle priority filter. #}
{# `normal` is intentionally not rendered: it is the default. #}
{# Tag badges -- click to toggle tag filter #}
#
{# Blocked badge -- names the still-open dependencies that block this task. #}
{# Run with Claude -- only when the `claude` CLI + a PTY are available. #}
{# Runnable: session indicator (spinner / waiting) sits LEFT of the #}
{# button so the agent logo stays visible while it runs. #}
{# Agent CLI not installed: no button (it would go nowhere) -- just a #}
{# greyed-out agent logo so you still see which agent the task uses. #}
![]()
{# Use `ti-archive` (not `ti-archive-arrow-down`): the latter is #}
{# missing from the vendored tabler-icons webfont (v3.19.0). Using #}
{# a missing class produces an invisible-but-clickable phantom button. #}
{# Delete is only valid for archived tasks. #}
{{ t('No tasks') }}
{# Title is click-to-toggle (description expand/collapse), #}
{# same affordance as the list view. ``@click.stop`` so the #}
{# click doesn't bubble into a parent drag-start handler. #}
{# Runnable: session indicator (spinner / waiting) LEFT of the button #}
{# so the agent logo stays visible while it runs. #}
{# Agent CLI not installed: greyed-out logo in a non-clickable button #}
{# box so it lines up exactly with the run buttons on other cards. #}
![]()
{# Description toggle: hidden by default, shown when the user #}
{# clicked the title. Same pattern as in the list view. #}
#
{# Mark-done shortcut, bottom-right of the card -- same #}
{# affordance as the terminal header. Open tasks only. #}
{# Header: back, per-session tabs, live status + actions for the active tab. #}
{# Tab strip: one per open session. Click switches (drives the #/run/ hash). #}
{# One xterm host per tab; only the active one is shown. Stable #}
{# :id lets _claudeConnect attach the Terminal to the right node. #}