Hugh's HQ is a GTD-style productivity system for managing your week across HEG, Performa, Personal, and Finance. Your data syncs automatically across all your devices via Supabase.
| 🏠 Dashboard | Command center — Top 5, Today's scheduled items, Admin queue, Bills due |
| ⭐ Top 5 | This week's 5 income-moving priorities |
| 📁 Projects | All multi-step projects with subtasks and progress |
| 🎯 Goals | Big-picture goals linked to projects |
| ✅ Action Lists | Tasks organised into Inbox / Admin / Waiting / Scheduled tabs |
| 💸 Bills | Bill tracker with type categories, due dates, and paid status |
| 📝 Notes | Daily notes with date history |
| 📅 Calendar | Month/week view of due dates, appointments, and bills |
| 📈 Metrics | KPIs, velocity charts, goal progress, bills snapshot |
| 📊 Reports | 17 printable reports — goal hierarchy, projects, admin queue, master list, historical, notes, bills, metrics, timeline, Gantt chart, waiting for, upcoming, weekly plan, high-yield, revenue, project notes, goal notes |
| 🔍 Search | Live search across everything |
| 🔄 Week Review | End-of-week snapshot and carry-forward |
Every item can be tagged to an area: HEG, Performa, Personal, or Finance. Use the sidebar pills to filter all screens at once.
The day note on the Dashboard supports rich text (bold, italic, underline, highlight, links, bullets). Click ⤢ Expand to open it full-screen for distraction-free writing, then ✕ Collapse to return.
On phones and tablets, tap the ☰ hamburger button (top-left) to open the sidebar. Tap the dark overlay or any menu item to close it. All screens are fully usable in portrait and landscape.
d Dashboard · p Projects · g Goals · q Tasks · b Bills · c Calendar · n Quick-add · / Search · ? Shortcuts · Esc Close
Your 5 highest-leverage priorities for the week — the things that move income and goals forward. Each slot has a theme/label, and you can link project subtasks or goal actions to it.
| Set a slot | Click the slot text on the Top 5 screen and type your weekly priority |
| Link work items | Click ⭐ on a slot to pick subtasks or actions that feed into it |
| Mark done | Click the checkbox on the slot to mark the whole priority complete |
| New week | A banner appears Monday — carry over incomplete items or start fresh |
| ⭐ flag on items | Subtasks flagged ⭐ appear on the dashboard under that slot |
The 🔥 streak badge counts consecutive weeks where you completed 3+ items. Tracked automatically via the Week Review snapshot.
| 📥 Inbox | Captured but not yet processed — needs a decision. Default landing spot for new tasks. |
| ⚙️ Admin | Operational/overhead tasks that have been processed out of the inbox. Necessary but not goal-advancing. |
| ⏳ Waiting | Tasks you're blocked on — waiting for someone else or an external event. Tagged with ⏳. |
| 📅 Scheduled | Tasks with a due date/time set. Grouped by Appointments, Admin, and Other. |
| ⏳ Waiting | Toggle with the ⏳ button on any task. Task moves to the Waiting tab and is excluded from the Master List. |
| 📅 Appt | Toggle with the 📅 button. Marks a task as an appointment — shown in yellow on the Calendar and grouped first in Scheduled. |
A task can have both tags. Tags are visible as coloured chips on the task row.
Click the 📆 button on any task to expand the schedule bar. Set a date and optional time. The task immediately appears in the Scheduled tab and on the Calendar. Use ✕ Clear to remove the schedule.
Today's scheduled items appear on the Dashboard so you know what's on for the day.
Click Process → on any inbox task to route it: send it to Admin, link it to a Goal, move it into a Project, or leave it in the inbox. Processing is how tasks graduate from the inbox.
Use the + Add Task field at the top of the Action Lists screen, or press n anywhere for the Quick-add modal.
The dashboard ratio bar shows effort split: green = goal/income-advancing, red = admin overhead, grey = unprocessed inbox. Waiting and Appointment tasks are excluded so they don't skew the ratio.
Every task has its own rich-text note panel — the same editor used for subtask and project notes. Click the 📝 note icon on any task row to open it. The icon turns yellow when a note exists. Works in all tabs.
Each of those three tabs has a filter bar at the top. Type to search, or filter by Area and Project. Two additional toggle pills:
| 💰 Revenue | Show only revenue-tagged tasks |
| ⚡ High-Yield | Show only ⚡-flagged high-yield tasks |
The result count updates live. Filters reset when you switch tabs.
The ⚙️ Admin tab shows both standalone admin tasks and any project subtask flagged ⚙️ Admin. The 📅 Scheduled tab shows both scheduled tasks and any project subtask that has a due date set — grouped under "📁 Project Subtasks" with a direct link to the project.
A project is any outcome requiring more than one step. Projects have subtasks, a status, an area, a linked goal, start/due dates, and a note field.
| ⚪ Not Started | Defined but work hasn't begun |
| 🟡 In Progress | Actively being worked on |
| ⏸ Paused | On hold — waiting on something |
| ✅ Done | Complete — hidden from active view by default |
Each subtask displays always-visible flag badges. Hover a subtask row to reveal action buttons.
| ⚡ High-Yield | 80/20 critical work — appears in the High-Yield report. Count shown on the card header. |
| 💰 Revenue | Revenue-generating work — appears in the Revenue report and filter |
| ⚙️ Admin | Overhead — appears in Admin tab and Admin Queue report |
| ⏳ Waiting | Blocked on someone/something — appears in Waiting For report |
| ⭐ Top 5 | Pinned to a Top 5 slot for this week |
| ↑ ↓ | Reorder subtasks within the project |
| ✏️ Edit | Inline edit the subtask text — Enter or click away to save, Esc to cancel |
| ✕ | Delete subtask (requires confirmation) |
| 📝 Note icon | Open the rich-text note panel for this subtask |
| 📅 Due date | Appears in the Scheduled tab and on the Calendar |
Each project has its own notes panel — separate from subtask notes. Click 📝 Notes on the project card or in the expanded view (↗ Open). The button turns yellow when notes exist. Project notes appear inline in the Projects and Goal Hierarchy reports, and in the standalone 📁 Project Notes report.
Attach files to any project via the 📎 Add File button in the project detail view. Files are stored in Supabase Storage. Max 50 MB per file.
Link a project to a Goal to roll its progress up into goal metrics. One project = one goal.
Goals are your big-picture outcomes (quarterly or annual). Link Projects to a Goal — those projects' subtasks become the goal's measurable progress.
Progress is calculated from subtask completion across all linked projects. Visible as a progress bar on Goals, Metrics, and in Reports.
A goal is stale if no subtask has been completed in the last 7 days. Shown as a warning in Metrics and Reports.
Tag goals to an area (HEG, Performa, etc.) to see breakdown by context in the Metrics donut chart.
Each goal has its own notes panel for strategy, decisions, and context. Click 📝 Notes on the goal card or in the expanded view (↗ Open). The button turns yellow when notes exist. Goal notes appear inline in the Goal Hierarchy report, and in the standalone 🎯 Goal Notes report.
Goal actions (inside a goal's detail view) support the same rich text note panel as project subtasks — bold, italic, underline, highlight, links, bullets. Goals also support file attachments via the 📎 Add File button, stored in Supabase Storage.
Click + Add Bill. Enter payee, amount, due date, type, and whether it's a monthly recurring bill.
| 💳 Subscription | SaaS tools, streaming, memberships |
| 🏠 Household | Utilities, rent, insurance, home expenses |
| 💼 Business | Business expenses, supplier payments |
| 💰 Loans | Debt repayments, mortgages, car payments |
Filter the Bills screen by type using the dropdown. Bills report also supports type filtering.
Check Monthly recurring when adding. When marked paid, the due date automatically rolls forward one month.
| ● Overdue | Due date has passed and not paid |
| ● Due Soon | Due within the next 7 days |
| ● Upcoming | Due later |
| ● Paid | Marked as paid (faded) |
| 🃏 Cards | Visual card grid — default view |
| ☰ List | Compact table with all fields in columns — fastest for scanning |
| 🗂 By Category | Cards grouped by type with a running unpaid total per group |
All three views respect the date filter (All / Next 7 Days / This Month) and type filter.
Click ✏️ Edit on any bill card (or in List view) to update payee, amount, due date, type, or recurring setting. Click ✕ to delete — requires confirmation.
The 💸 Bills Due panel shows unpaid bills in the next 7 days. Bills beyond 7 days are omitted to keep the dashboard focused.
Bills appear as orange 💸 chips on their due date. Click any chip to toggle paid. Use the 💸 Bills toggle in the calendar header to show/hide the bills layer.
There are three types of notes in Hugh's HQ:
| 📝 Daily Notes | Date-stamped notes on the Dashboard — archived in the Notes report |
| 📁 Project Notes | Project-level context, strategy, decisions — one per project |
| 🎯 Goal Notes | Goal-level context and thinking — one per goal |
| ✅ Task Notes | Per-task context — click the 📝 icon on any task row (icon turns yellow when a note exists) |
| Subtask / Action Notes | Per-subtask via 📝 icon on each subtask row |
| B / I / U | Bold, italic, underline — also Ctrl/⌘ B/I/U |
| 🖊 Highlight | Yellow highlight on selected text |
| • List | Bullet list |
| 🔗 Link | Insert a hyperlink on selected text |
| ✕ fmt | Strip all formatting from selected text |
| 🔤 Syn | Synonym finder — highlight a word, click to see up to 30 synonyms, click one to replace |
| 🎬 Embed | Embed a YouTube video or any URL — paste the link and it inserts an inline player. Hover the embed to reveal a ✕ Remove button. |
Highlight any single word in the note editor, then click 🔤 Syn. A popover shows up to 30 synonyms as clickable chips — click one to replace the word in place. Capitalisation is preserved automatically.
Click 🎬 Embed, paste a URL, and it inserts an inline embed:
| YouTube | Paste any YouTube URL (watch, short, youtu.be) — embeds as a playable video at 315px |
| Online PDF | Paste a direct PDF URL — embeds as a scrollable document at 480px |
| Any webpage | Paste any https:// URL — embeds as an inline frame (some sites block iframes) |
Embeds are saved as part of the note HTML and persist across reloads. Hover the embed block to reveal ✕ Remove.
Project notes appear inline in the 📁 Projects and 🎯 Goal Hierarchy reports, and in the standalone 📁 Project Notes report. Goal notes appear inline in the 🎯 Goal Hierarchy report and in the 🎯 Goal Notes report.
Month — full grid, up to 3 events per day with "+N more" overflow. Week — 7-column layout showing all events for the week.
| 💸 Orange chips | Bills (click to toggle paid) |
| 📅 Yellow chips | Appointment-tagged tasks (📅 Appt) |
| ✅ Task chips | Scheduled tasks with a due date |
| 📁 Project chips | Projects or subtasks with due dates |
| 🎯 Goal chips | Goals with a due date |
Click any day number to open the full event list for that day. Bills can be toggled paid directly from this modal.
Click any event chip — in the calendar grid or day modal — to jump directly to the item:
| Task / Appt chips | Opens Tasks screen and scrolls to + highlights the task row |
| Goal chips | Opens the Goal detail view for that goal |
| Project / subtask chips | Opens the Project detail view for that project |
The 💸 Bills button in the calendar header shows/hides the bills layer. Resets on page reload.
| 🎯 Goal Hierarchy | Goals → Projects → Top 5 with progress rings, work ratio bar, and inline notes |
| 📁 Projects | All projects by area and status with subtask detail and inline project notes |
| ⚙️ Admin Queue | Every admin-flagged item across all sources |
| ✅ Master List | All work across all states, filterable by area |
| 📈 Historical | Completed items per week, Top 5 snapshots, running log — also surfaces 💬 Week Reflection and 🎯 Next Week Focus from each Week Review |
| 📝 Notes | Your daily notes archive |
| 💸 Bills Module | Unpaid bills grouped by type — Subscription, Household, Business, Loans |
| 📈 Metrics Snapshot | KPIs, goal progress, project pipeline, velocity chart |
| 🗓 Timeline & Progress | Goals & projects with start/end dates, % complete, and subtask deadlines |
| ⏳ Waiting For | Everything you're blocked on — grouped by area and project |
| 📅 Upcoming (30 days) | All tasks and subtasks with due dates in chronological order |
| 🗓 Weekly Plan | Monday morning one-pager: Top 5, today's schedule, admin queue, waiting items |
| 📊 Timeline Chart | Visual Gantt bar chart — Goals and Projects with start/due dates and % complete |
| ⚡ High-Yield (Critical) | Every ⚡-tagged item across tasks, projects & goals — your 20% that drives 80% |
| 💰 Revenue | All 💰-tagged work grouped by area — pending tasks, project subtasks & completions |
| 📁 Project Notes | All project-level notes grouped by area — only projects with notes shown |
| 🎯 Goal Notes | All goal-level notes with linked project count and completion % |
| Area filter | Global pill bar (All / HEG / Performa / Personal / Finance) at the top of most reports |
| Status filter | Projects report has a second pill row — filter by ⚪ Not Started, 🟡 In Progress, ⏸ Paused, ✅ Done, or All |
Every report has a 🖨 Print / PDF button. Opens a print-optimised version in a new tab — save as PDF from your browser's print dialog.
Your data lives exclusively in Supabase (cloud database) — no local storage involved. Every device always reads from and writes to the same cloud data. Open Hugh's HQ on your phone, iPad, or any browser and you'll see the same data automatically.
| On load | Connects to Supabase and loads your data — the sync bar shows "☁ Connecting…" then "✓ Synced" |
| On save | Every add/edit/delete pushes to Supabase automatically — no manual sync needed |
| Sync bar | Bottom of the sidebar shows live sync status — green ✓ means you're up to date |
Click ⚙️ Data & Recovery in the sidebar to access backup tools:
| ⬇ Export JSON | Downloads a full backup of all your data. Do this before major changes. |
| ⬆ Import JSON | Restores from a previously exported backup. Replaces all current data and saves to Supabase. |
Hugh's HQ is a single index.html file hosted on Cloudflare Pages at hugh-tasklist.pages.dev. To deploy an update: replace the file in your local folder, then upload to Cloudflare Pages. Unlimited free deploys.
The 🔄 Week Review screen saves a snapshot of your Top 5 completion each week, powering the streak counter and velocity charts. Every checked task is logged to History with a timestamp.