templates

func HookReplayList ¶

func HookReplayList(taskID, status string, hooks []orchestrator.Hook, errorMsg string) templ.Component

func JobDetail ¶

func JobDetail(job *JobContextView) templ.Component

func Layout ¶

func Layout(title string, backURL string) templ.Component

Layout wraps the whole page chrome. The header is a single back-button + title row: one level of history is exposed (enough for the Tasks → Task → Job chain boid actually has), and the title lives in the header instead of being duplicated by a content-area <h1>. When backURL is empty the back button is hidden (top-level pages: Tasks list, login). The back button is icon-only so the current page title gets the full remaining header width.

func Login ¶

func Login(errorMsg string) templ.Component

func ProjectCommandList ¶

func ProjectCommandList(projectName, projectID string, commands []CommandView, errorMsg string) templ.Component

ProjectCommandList renders the project commands page.

func QuestionPage ¶

func QuestionPage(task *orchestrator.Task, turn QuestionTurn) templ.Component

QuestionPage renders the dedicated page for a single Q&A turn:

• the agent's question (preformatted, whitespace preserved)
• when active: the answer textarea + submit / abort buttons
• when answered: the persisted answer text (read-only history)
• when neither (task aborted before answer): a short "(aborted before answer)" line

Notification deep-links from `boid task notify --ask` land here so the user goes straight to the question without scrolling through the timeline.

func StaticCSSURL ¶

func StaticCSSURL() string

StaticCSSURL returns the stylesheet URL with a cache-busting content hash. Falls back to the unversioned path if the hash could not be computed — caching will be imperfect but the page still renders.

func TaskActionBar ¶

func TaskActionBar(task *orchestrator.Task, availableActions []string, activeTab string) templ.Component

TaskActionBar renders the sticky bottom action bar. Timeline tab: state-aware primary (Start/Abort/Rerun) + "⋯" kebab (duplicate / abort / delete). Other tabs show no bar.

func TaskDetail ¶

func TaskDetail(task *orchestrator.Task, timelineGroups []timeline.StatusGroup, jobs []*JobView, availableActions []string, errorMsg string, activeTab string, projectName string, commands []CommandView) templ.Component

func TaskDetailAwaitingBanner ¶

func TaskDetailAwaitingBanner(task *orchestrator.Task) templ.Component

TaskDetailAwaitingBanner is the call-to-action shown at the top of the timeline tab when the task is in the awaiting state. It links to the dedicated Q&A page for the current question turn so the user can answer.

func TaskDetailCommandsSection ¶

func TaskDetailCommandsSection(taskID string, commands []CommandView) templ.Component

TaskDetailCommandsSection renders the behavior commands panel for the task detail page. Only rendered when the behavior defines at least one command.

func TaskDetailJobsSection ¶

func TaskDetailJobsSection(jobs []*JobView) templ.Component

TaskDetailJobsSection renders the jobs card. Wrapped in <div id="task-jobs"> so EventSource JS can replace it via outerHTML.

func TaskDetailStatusSection ¶

func TaskDetailStatusSection(task *orchestrator.Task, availableActions []string, errorMsg string, projectName string) templ.Component

TaskDetailStatusSection renders the frameless meta strip under the site header. The title has moved to the header (one-level back-nav Plan B); what's left here is the status stripe + compact meta (status / behavior / project / updated). Actions are intentionally NOT rendered here — they live in the sticky action bar at the bottom of the page (see TaskActionBar).

func TaskDetailTabPanel ¶

func TaskDetailTabPanel(task *orchestrator.Task, timelineGroups []timeline.StatusGroup, jobs []*JobView, activeTab string) templ.Component

TaskDetailTabPanel renders the tab panel content for the given activeTab. id="tab-panel" is the HTMX swap target for tab switching.

func TaskDetailTabsSection ¶

func TaskDetailTabsSection(task *orchestrator.Task, timelineGroups []timeline.StatusGroup, jobs []*JobView, availableActions []string, activeTab string) templ.Component

TaskDetailTabsSection wraps tab-list + tab-panel + action-bar under a single #tabs node. HTMX tab-link clicks swap this entire section so:

• the active class on the visible tabs updates
• the "more" details element is freshly rendered (closed by default, summary label reflects the new active tab when it's a hidden one)
• the action bar primary button becomes tab-contextual without a separate swap

func TaskDetailTimelineSection ¶

func TaskDetailTimelineSection(task *orchestrator.Task, groups []timeline.StatusGroup) templ.Component

TaskDetailTimelineSection renders the action-and-job history grouped by status visit. The grouping, sort, and label text are built by internal/timeline so the TUI and Web UI render the same structure.

Layout: one continuous left rail across the whole timeline; each row (status header + events) sits on the rail with its own marker (○ for status header, ● for jobs with status color, ◆ for state-transition actions). Times right-align in a shared column, and the status header uses the same HH:MM:SS format as events so the eye finds them without re-parsing per row.

func TaskEditPage ¶

func TaskEditPage(task *orchestrator.Task, projects []*orchestrator.Project, errorMsg string) templ.Component

TaskEditPage renders the dedicated edit form for a pending task. All four fields (title / project / description / instructions) are shown on one page; Save POSTs to /tasks/{id}/edit.

func TaskList ¶

func TaskList(items []components.TreeItem, filter orchestrator.TaskFilter, projects []*orchestrator.Project, workspaces []*orchestrator.WorkspaceSummary, currentURL string) templ.Component

func TaskListActionBar ¶

func TaskListActionBar() templ.Component

TaskListActionBar renders the sticky bottom bar for the task list page. The only action is "Create" — positioned on the left to mirror the detail page's primary-action layout so the mental model of "bottom-left = primary forward action" stays consistent across pages.

func TaskListContent ¶

func TaskListContent(items []components.TreeItem, filter orchestrator.TaskFilter, projects []*orchestrator.Project, workspaces []*orchestrator.WorkspaceSummary, currentURL string) templ.Component

TaskListContent renders the inner content (filter form + task list) for HTMX partial swaps.

func TaskListFragment ¶

func TaskListFragment(items []components.TreeItem, filter orchestrator.TaskFilter, currentURL string) templ.Component

TaskListFragment renders only the task list container (for HTMX partial responses). currentURL is embedded as the polling target so filter params are preserved across polls.

func TaskNew ¶

func TaskNew(projects []*orchestrator.Project, errorMsg string, form url.Values) templ.Component

TaskNew renders the minimal task-creation form. Only the fields a human realistically touches when creating a task from the Web UI are shown (title / project / behavior / description / auto-start). Per-task overrides for worktree / readonly / base_branch / branch_prefix have been removed: those are now derived from the canonical behavior name (supervisor / executor) combined with the project-top `worktree:` / `base_branch:` fields in project.yaml. The back arrow in the header acts as cancel, so no separate cancel button is needed.

func TaskReopen ¶

func TaskReopen(task *orchestrator.Task) templ.Component

TaskReopen renders the reopen form for a done task. Submitting the form calls POST /tasks/{id}/reopen with an optional message that is appended to the task's instruction history.

func TerminalNotReady ¶

func TerminalNotReady(jobId string, reason string) templ.Component

TerminalNotReady renders an error page when a job is not running.

func TerminalPage ¶

func TerminalPage(title string, backURL string, jobId string, wsPath string) templ.Component

TerminalPage renders the full-screen PTY terminal for an interactive running job. title should be built from jobPageTitle (e.g. "[main] claude-code"). jobId is the job UUID; wsPath is /api/jobs/{id}/attach/ws.