Design
87 cyclesHistory Graph
`DataHistoryGraph` component family (q-nuxt-layer) — a pictogram-style
machine status
Chat Transcript
`transcript/*` component namespace (q-nuxt-layer) for rendering an agent chat session — messages, collapsible tool-call bursts, and a ChatGPT-style hover-expanding turn navigator.
Cycles Status Page
Redesign `/cycles` into a living Design status surface - working now, decisions, seeds, blocked work, abandoned ideas, and the existing atlas
layer public
cloud execution
Phase 1 Pages
First-pass mocks for all 17 Phase-1 dashboard pages (Linear PRO-19…35) on one unified fixture world — the simplest literal execution of the listing → expand → detail → actor-web pattern
brotli-stream-termination
qproxy MITM truncates streamed brotli response bodies — client apps show `Decompression error: BrotliDecompressionError`
Finding Lifecycle
Mock the finding-lifecycle state machine and the mechanics/UI of turning findings into SLA data — the design answer to c78's open resolution-workflow gap.
fleet-overview-reports
Design the four product reports (Compliance, SLA Insights, Inventory, Board) and the fleet overview landing page as a summary of them.
Session View
Session viewer / replay mode for qcontrol AI agent sessions — mocks-first on the design site
simpler light dark mode colors
cycle card extraction
component pragmatics
help overlay
Integrations Create & Manage
Create/configure modal for 11 connectors with per-integration custom UI and step-by-step operator guidance

Cycle Atlas
Cycle detail pages across all projects — a /cycles listing + full-documentation detail pages joining every repo's cycle records with a backfilled cross-project screengrab archive
Thesis Kindle
Convert "Looking In" thesis to Kindle-compatible formats (EPUB + print-replica PDF) while preserving images and foundational status

Operating System
Methods & tooling retro — evaluate how we work against the design methodology, restore order, modernize the skill/agent tooling, and make the philosophy load-bearing

index-overview
Design the qdash landing page — what the user is greeted with on login, resolving the Fleet Overview / Agent Inventory overlap.

Teams
Refine the qdash `/teams` design — composition from c61 concepts, mapping workspace as the pre-SCIM write path, slim spend overview, credentials relocated

cost-center
Add unit-of-measurement toggle to qdash `/cost` page — switch display between currency ($) and tokens

control-center-v2
Shift the control center from infinitely-configurable controls to a compliance-driven system of pre-defined Policies — research the framework↔policy connection, then mock the policy catalog and per-policy config pages

control-center-consolidation
Consolidate the overlapping Control Center / Policy & Enforcement / Compliance work — current-state evaluation, ranked consolidation plan, initial-ideas mock
qdash Page Status Grid
One-shot status grid of every qcontrol dashboard page — alive / nuxt skin / design pass / manual fine tuning

build-partner
Build-partner portal — research, ideation, and a plan for a page that makes partners insiders

Integrations & Teams
Research and design enterprise-SaaS patterns for qdash teams and integrations pages
inventory-depth
_To be defined — see [initial-prompt.md](initial-prompt.md)._

inventory
Design qdash inventory page to surface agent status and footprint at a glance

agent-mini-card
AgentMiniCard — compact agent summary card composing the AgentPawn, with mock page

pixel-pawns
Build the agent pawn state system from the first real Illustrator pawn art

Compliance Framework Pages
Mock up two compliance framework pages from Figma designs
agent-market-definition
Align the qcontrol agent-monitoring dashboard to specific personas and find market alignment — hypothesis-first, validated against calls later.

Policy Enforcement Page
Design-site mock of the v2 Policy & Enforcement page from Figma — tabbed policy-control table built on UxTableList
Agentic Workflows
Formalize and modernize the Claude workflow tooling across the Qpoint project family
Dark Mode (Subtle) — Iteration & Theming
Build a dark-mode color system for the qcontrol app consolidation (qdash, qglass, Nuxt UI), with a design-app-based color picker and theme-file persistence for rapid iteration.

App Consolidation
Understand the fractured qcontrol app ecosystem and consolidate it into a simple, clean, demoable product on a Nuxt + q-nuxt-layer front-end

Agent Details Page
Build new component library for the rich agent details page design
Fix the Cloudflare Pages Deploy
Make `push to main` reliably deploy the design site to Cloudflare Pages

Design Site on Layer
Close the layer gaps so the design site uses only q-nuxt-layer components for everything presentational
Pixel Pawns
Brochure Site Dark Mode Definition
AI Agent Policy Pages
Figma AI Dashboard Redesign
Establish a clean Figma-first source of truth for the dashboard redesign by modeling a flexible visual component API, then use AI to accelerate exploration without polluting the design system
AI Ecosystem Inventory Map
Define the qmap implementation path for an inventory/index view of the company-wide AI ecosystem
Runtime Session Map Publishing
Define the design-app-native publish path for the qmap runtime-session map without starting implementation before qmap is ready

Signal Column Flow
Prototype a column-based evidence ladder that moves from noisy session signal to reduced entities, actions, and provisional outcomes
Qpixel Library

Timeline Visualization
Horizontal timeline system for artifacts, history, and curated milestones across the design site
qcontrol Visibility Storytelling
Design briefs for the trust, provenance, storytelling, and layered-visibility framing around qcontrol-driven visualizations
qcontrol File Event Debug
qcontrol integration
CLI Harness Design
Design the terminal UI surfaces for the QControl CLI demo — MOTD, pre-agent banner, and status bar prompt
diagram
ai-ecosystem-visualizations
Visual experiments expressing the AI agent monitoring dataset for security teams

Security Policy Pages

Page Mocks
Tour Guide
Per-project tour guide command for orienting newcomers interactively
Cycle Management Consolidation
Consolidate cycle-manager agents across all 6 Qpoint projects around a single canonical template

Data Component Audit & Rationalization
Audit, classify, and document the relationship between data/ and data-metric/ component families
Publishing
Publish four internal projects to Cloudflare Pages

Document Dev Components

Consume During Implementation

Viz Libraries
Instantiate and document qmap and qflow in the design site
Unified Component Pantry
Formalize the layer as a single shared pantry for all Qpoint projects and upgrade app's local DevCanvas

Violations Table

Policy Skin Extraction

Alert Config Component
Alert rule configuration component for policy violation alerts

Security Policy Slot

Document UX Table List
Comprehensive documentation of the UxTableList component with production-level examples and usage patterns
Applying Design to the Design Site

Sharing Our Work Thus Far
Communicate the new app.qpoint.io architecture and q-nuxt-layer to colleagues

Figma-to-Vue Workflow
Establish a repeatable workflow for extracting Figma designs into Vue SFCs that integrate with the q-nuxt-layer design system.
northwest passage

Brochure Site Figma
Create Figma components from Prose component library
Projects as Modular Units
Security-Focused Brochure Site

Pattern Enhancement

WWW Component Extraction + content→prose Rename
Sharing Design Philosophy

Design Methodology

App Pattern Extraction + Discovery Tooling

Patterns Page
Layer Organization + Component Extraction from www.qpoint.io

App Migration & Component Documentation
Layer Separation & Project Identity
