Step 3 · Foundations · Foundations · How to use it ENPT
Organizer Loop Engineering · Visual Course

How to use it

Triage tasks, filter views, read agent status, and handle blocked work.

Read the plain version, or open the technical layer on any section.
1

The big idea


The dashboard is organized around views, not folders. A task lives once and is shown in every view that matches its status or due date.

Click any task to open the detail pane. There you can change status, area, project, due date, tags, and notes. Your edits are saved in the browser and survive refresh.

Think of it like… an email client where every message has one inbox, but you can also see flagged, sent, scheduled, and archived views. The message does not move; the lens changes.

Under the hood

Views are computed filters over the same state.tasks array. Today and Upcoming also consider due_date so a task with a future due date appears in the right bucket even if its explicit status is still inbox. Edits are merged with imported data and persisted to localStorage under the key organizerEdits.

2

In one picture


Inbox Today Upcoming Someday Done Blocked
Six task views; one task can appear in multiple views if its status or date matches.
3

In the code


The detail pane is now a native <dialog>. It traps focus, closes on Escape, and restores focus to the table row when it closes.

dashboard/index.html
const detailPane = document.getElementById("detail-pane");
detailPane.showModal();
detailPane.addEventListener("click", e => {
  const rect = detailPane.getBoundingClientRect();
  if (e.clientX < rect.left || e.clientX > rect.right) closeDetail();
});

Access it yourself

open ~/Documents/Projects/appfy/organizer-loop-engineering/dashboard/index.html
4

Try it


With the server running, open the dashboard and try three things:

  1. Click a view in the sidebar and notice the count badge update.
  2. Click a task row to open the detail pane and change its status.
  3. Look at the agent pills in the header to see which agents are running.
The red Gmail blocker card is not a bug; it is a signal. It shows the exact re-auth command. Run it, and the next ticket in the queue becomes unblocked.