README: document command-center suite (views, density sliders, modal-rig)

bd7e3001ef3e13e0aba873001020510938e9aea0 · 2026-06-19 10:34:51 -0700 · SteveStudio2

Files touched

M README.md

Diff

commit bd7e3001ef3e13e0aba873001020510938e9aea0
Author: SteveStudio2 <steve@designerwallcoverings.com>
Date:   Fri Jun 19 10:34:51 2026 -0700

    README: document command-center suite (views, density sliders, modal-rig)
---
 README.md | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 446b4a9..9bb27f8 100644
--- a/README.md
+++ b/README.md
@@ -15,12 +15,37 @@ npm start          # → http://127.0.0.1:9764
 
 ## What it does
 
-Compose one post, fan it across 7 DW channels (Instagram, Facebook, LinkedIn,
-Pinterest, TikTok, X/Twitter, YouTube), override per-channel copy/media/fields,
-preview each platform live, schedule with a staggered cadence, view a calendar,
-and route through an approval gate.
+A full **command center** (CNCP-style chrome): a persistent top bar with the
+serif Designer Wallcoverings wordmark + a **view switcher**, and six working
+sections. Compose one post, fan it across 7 DW channels (Instagram, Facebook,
+LinkedIn, Pinterest, TikTok, X/Twitter, YouTube), override per-channel
+copy/media/fields, preview each platform live, schedule with a staggered
+cadence, view a calendar, watch a Hootsuite-style streams board, work an
+approvals queue, and route everything through the sign-off gate.
 
-### The 9 components
+### The views (toggle in the top-bar switcher; choice persists in localStorage)
+
+- **Dashboard** — overview landing: scheduled-today / pending-approval /
+  published-this-week / approved / drafts / total counts + a per-channel tile grid.
+- **Compose** — the original single-pane composer (unchanged).
+- **Streams** — Hootsuite-style board: one column per channel, each a vertical
+  stream segmented **Scheduled → Pending approval → Published → Drafts**. A
+  **density slider** above it drives `--cols` (2–7 columns); value persists.
+- **Calendar** — month grid of scheduled per-channel slots, color-coded.
+- **Drafts & Queue** — card grid of every launch; a density slider drives card
+  width (`--chanmin`); each card shows created date+time; click to open as a modal.
+- **Approvals** — queue of pending-sign-off + approved-awaiting-publish, with
+  inline sign-off (STEVE-GO) and simulated publish.
+
+### Movable / resizable modals (modal-rig)
+
+Clicking a launch card (Drafts or Streams) or "Open" in Approvals opens it as a
+**modal-rig** panel: drag by the header, `resize:both` corner handle, `⤢`
+maximize, collapsible "Per-channel" section, closes on backdrop/×/Esc — position,
+size and section state all persisted to `localStorage`. Drop-in is
+`public/modal-rig.js` (served statically, loaded via `<script src>`).
+
+### The 9 Compose components
 1. **Channel rail** — avatar chips, toggle targets; YouTube renders greyed with a `connect` stub.
 2. **Global editor** — master title + body + media inherited by selected channels.
 3. **Per-channel tabs** — unlock at 2+ channels; override copy/media/schedule.

← a2037e7 command-center suite: view switcher (Dashboard/Compose/Strea · back to Dw Launches · Media Library: attach real assets (Shopify 139k + our IG + v 4a5e3f7 →