loadOut is the agent's dressing room. it gives the operator an interactive surface to see what's been provisioned into an agent (it's a lot — voice rules, ~50 skills, ~70 memory files, auth tokens, mesh nodes, policies, boot steps) and start turning parts off.
it follows the gridMaster / processFlow pattern: an HTML layer is the signal medium between agent and operator. operator clicks checkboxes, hits save, agent picks up a parsable schema and reconfigures its bootstack.
raziel pulled colors from the original DOM blockout. these are non-negotiable across all treatments — what changes is typography, density, corner treatment, and surface vibe.
| region | color | role |
|---|---|---|
| top outer band | lavender | frame chrome (passive) |
| top inner band | periwinkle | nav controls (interactive) |
| main background | green | workspace canvas |
| left content card | pink | about-me / focus pane |
| right band 1 | cyan | identity & voice |
| right band 2 | yellow | skills & services |
| right band 3 | orange | auth · policy · topology |
| bottom band | violet | action / footer |
three directions. same DOM, same palette, same content (a mock franchessini profile). different visual language. pick one to proceed.
monospace everywhere. sharp 0px corners. ASCII checkboxes — [ ] / [x]. tight rows, hairline borders, no shadows. reads as a mission console where every pixel is information.
DM Serif heads with Inter body. soft 10px corners, generous whitespace. round toggles. pill-shaped controls. quote-styled blurb. reads as a magazine "who is this?" feature.
open treatment B →Bricolage Grotesque heads, Space Mono accents. heavy 2.5–3px black borders, hard 4px offset shadows (NeoBrutal). bold rounded corners. clickable feel — buttons depress on press. reads as a video-game character card.
open treatment C →review the three treatments. pick A, B, or C — or remix ("A's checkboxes with B's serif heads"). once selected, the rest of the build proceeds without further design gates: scaffold + DOM layout + config groups + agent dropdown + save → smoke test → ship.
forge13/_loadOut/build/
├─ loadOut/ # the V1 utility (after gate)
│ ├─ index.html # the chosen treatment, wired up
│ ├─ app.js # state · diff · save protocol
│ ├─ styles.css # palette tokens + chosen treatment
│ ├─ profiles/ # source profiles (read)
│ │ └─ franchessini.json
│ ├─ new/ # save destination (write)
│ │ └─ franchessini-Modified-2026-05-08T2230.json
│ └─ serve.py # tiny stdlib http server (GET profiles, POST /save)
└─ treatments/ # design review artifacts (kept for history)
├─ A_tactical.html
├─ B_editorial.html
└─ C_arcade.html
{
"agent": { "handle", "nomen", "type", "prefix", "tab_title",
"portrait", "blurb", "link", "lineage[]" },
"groups": [{ "key", "label", "band",
"items": [{ "id", "label", "on", "locked" }] }],
"meta": { "profile_version", "last_modified", "byte_estimate" }
}
/savenew/[handle]-Modified-[ISO8601].jsonnew/ on next boot or via mesh nudgeoperator opens A / B / C, picks one (or remixes). that's the only gate.
project skeleton at build/loadOut/. serve.py using stdlib only — GET /profiles/<handle>, POST /save. seed profiles/franchessini.json from the mock data already used in treatments.
realize the chosen treatment as the canonical layout: header rail, about-me pane, three info bands, violet footer. extract palette + typography into styles.css.
render the 9 loadout categories (identity, voice, auth, skills, integrations, memory, policies, topology, lineage, boot) into the right-side bands. checkbox state wired to profile JSON. dirty indicator per item.
nav: dropdown reads profiles/, save button POSTs new JSON to new/ with [handle]-Modified-[ts] naming. reset reverts to last loaded profile. pass-to-agent stub (V2 wires localMesh).
launch serve.py, open in Chrome, load profile, toggle items, save. verify file lands in new/ with correct schema and naming. operator pokes around.
QB tickets per phase, marked done. commit + push. munch design doc + build plan. picass0 for delivery card.
new/, agent polls.profiles/ dir for V1; theMesh registry for V2.
loadOut · project page v0.1 · franchessini3120 · 2026-05-08
V1 shipped — canon greyscale · live at /loadOut/