prospector/docs/prototype
Natalie 57a2a15851
Some checks are pending
CI / verify (push) Waiting to run
docs(prototype): import unified Prospector prototype (16 views)
Self-contained, hash-routed Design Component fusing the per-view designs/
mockups into one navigable app. Adds the two previously-blank routes
(Voice alignment, Backfill) and a Stream empty-state; all 16 views verified
interactive with zero console errors.

- Prospector.html      self-unpacking bundle (zero deps) — open this
- Prospector.dc.html   editable <x-dc> source + runtime files
- BREAKDOWN.md         view <-> builder <-> data decomposition map
- README.md            structure, run/edit, re-bundle notes
- docs/README.md       link from the docs hub

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-29 19:03:52 -04:00
..
2becb745-27e5-49db-a5b7-ddf5dd9aacc6 docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00
99fc50a8-6fe4-4099-8709-8e676843843f docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00
a5f8a94c-ed5e-435b-b77b-3fed2723881d docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00
BREAKDOWN.md docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00
Prospector.dc.html docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00
Prospector.html docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00
README.md docs(prototype): import unified Prospector prototype (16 views) 2026-06-29 19:03:52 -04:00

Prospector — unified interactive prototype

The whole Prospector operator surface as one self-contained Design Component: 16 views, hash-routed, fully interactive, dark theme. This is the evolution of the per-view mockups in ../../designs/ fused into a single navigable app — use it as the visual + behavior contract for the PWA (web/).

Files

File What it is
Prospector.html Open this. Self-unpacking bundle, zero dependencies — double-click or serve it. Contains the template + runtime inline.
Prospector.dc.html The editable source (the <x-dc> Design Component). Edit this, not the bundle. Needs the three runtime files beside it (referenced by bare-UUID <script src>).
a5f8a94c-…, 2becb745-…, 99fc50a8-… The Design Component runtime (the mini-framework — DCLogic, <sc-if>/<sc-for> template engine). Not app code. Keep next to Prospector.dc.html.
BREAKDOWN.md Decomposition map: every view's markup line-range ↔ its builder ↔ its backing data array, plus framework semantics. Read this before editing.

Open / run

# self-contained bundle — just open it
open Prospector.html            # or double-click

# editable source — serve the folder so the runtime resolves
python3 -m http.server 8778
# → http://localhost:8778/Prospector.dc.html

Jump straight to a view with a hash: Prospector.html#triage, #voice, #backfill, #markets, … (route keys, which differ from nav labels — "Outbox" = #queue, "Bookings" = #calendar).

The 16 views

dashboard · triage · prospects · stream · queue (Outbox) · backfill · calendar (Bookings) · campaigns · model · voice (Voice alignment) · markets · reports · services · settings · control · autopilot (+ the prospect detail drill-in). autopilot is reachable by hash only, by design.

Editing

It's a single component: a markup region (<sc-if>-gated view blocks) and a logic region (state, data arrays, per-view build* methods, renderVals()). To add or change a view: add the is<View> flag + data in renderVals(), write a <sc-if> block in the markup, and (if it should be in the nav) add its key to navGroups. BREAKDOWN.md has the exact anchors. After editing Prospector.dc.html, re-bundle to Prospector.html by swapping the <script type="__bundler/template"> payload (JSON-encode the template, then escape the slash in every </ to its / unicode form so no inner </script> closes the tag early); the runtime manifest is unchanged.

Last updated: 2026-06-29 (initial import; added Voice alignment + Backfill views, Stream empty-state; all 16 views verified interactive).