Notes & Todos

The Problem

During a development session you constantly generate small pieces of context: a decision you want to remember, a task you will get to later, a snippet you might need again. These fragments are too informal for a document and too important to lose. You need a scratch pad that is always available, captures structure when you want it, and connects naturally to the rest of your workflow.

What's Built

Notes

Notes are Sidespace's informal scratch pad. A few key design decisions:

• Not project-scoped. Notes live in a global pool, not inside a specific project. This is intentional -- scratch thinking often crosses project boundaries. (If you need project-scoped documents, that is what the Docs view is for.)
• Stored in Supabase. Notes persist in the notes table in your Supabase database, so they are available across sessions and devices.
• Rich text editing. The editor is built on TipTap, a headless rich text framework. You get headings, bold, italic, code blocks, lists, and checkboxes without needing to write raw markdown.

You can access notes in three places:

1. Notes tab in the Hub left column -- quick access while browsing the dashboard.
2. Dedicated Notes view -- a full-width view for focused writing.
3. Floating panel -- pop a note out into a resizable, repositionable window that floats above any view. Useful when you want to reference a note while working in a project tab.

Inline Todos

Any checkbox you create inside a note is automatically extracted into the todos table as a standalone todo item. This means:

• Todos appear in the Todos tab in the Hub left column, aggregated from all notes.
• Each todo can optionally be assigned to a project, even though the parent note is not project-scoped.
• Checking off a todo in the Todos tab updates the checkbox in the original note, and vice versa.

This extraction bridge lets notes stay freeform while still feeding structured items into your task workflow.

Todo Management

The Todos tab shows a flat, ordered list of all your todos. Key behaviors:

Feature	How It Works
Drag reorder	Drag todos to reorder priority. Uses dnd-kit with a persisted position column.
Optimistic updates	Reordering and completion feel instant -- the UI updates before the server confirms.
Project assignment	Optionally tag a todo with a project for filtering.
Completion	Check the box. Completed todos move to the bottom.

Floating Panel

The floating panel is a multi-tab window that detaches from the main layout. It supports two tab types:

• Chat tabs -- Hoshi conversations.
• Note tabs -- Individual notes popped out from the editor.

You can have multiple tabs open in the floating panel simultaneously. The panel remembers its position, size, and open tabs across sessions (persisted to localStorage). It can be minimized to pill-shaped indicators at the bottom of the screen and restored with a click.

The pop-out workflow: while editing a note in any view, click the pop-out button to move it into the floating panel. This frees up the main view for something else while keeping the note visible.

Where It's Heading

Notes will gain an entry point into the ideas funnel -- a way to promote a note (or a section of a note) into a formal idea that flows through the roadmap pipeline. Background grooming will surface connections between notes and existing project context.