npm - @geraldmaron/construct - Versions diffs - 1.0.0 - Mend

@geraldmaron/construct 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (352) hide show

package/.env.example +69 -0
package/LICENSE +21 -0
package/README.md +344 -0
package/agents/prompts/cx-accessibility.md +29 -0
package/agents/prompts/cx-ai-engineer.md +31 -0
package/agents/prompts/cx-architect.md +40 -0
package/agents/prompts/cx-business-strategist.md +25 -0
package/agents/prompts/cx-data-analyst.md +30 -0
package/agents/prompts/cx-data-engineer.md +32 -0
package/agents/prompts/cx-debugger.md +27 -0
package/agents/prompts/cx-designer.md +33 -0
package/agents/prompts/cx-devil-advocate.md +36 -0
package/agents/prompts/cx-docs-keeper.md +50 -0
package/agents/prompts/cx-engineer.md +36 -0
package/agents/prompts/cx-evaluator.md +26 -0
package/agents/prompts/cx-explorer.md +38 -0
package/agents/prompts/cx-legal-compliance.md +25 -0
package/agents/prompts/cx-operations.md +28 -0
package/agents/prompts/cx-orchestrator.md +30 -0
package/agents/prompts/cx-platform-engineer.md +25 -0
package/agents/prompts/cx-product-manager.md +30 -0
package/agents/prompts/cx-qa.md +42 -0
package/agents/prompts/cx-rd-lead.md +25 -0
package/agents/prompts/cx-release-manager.md +31 -0
package/agents/prompts/cx-researcher.md +31 -0
package/agents/prompts/cx-reviewer.md +36 -0
package/agents/prompts/cx-security.md +37 -0
package/agents/prompts/cx-sre.md +26 -0
package/agents/prompts/cx-test-automation.md +35 -0
package/agents/prompts/cx-trace-reviewer.md +76 -0
package/agents/prompts/cx-ux-researcher.md +30 -0
package/agents/registry.json +879 -0
package/agents/teams.json +94 -0
package/bin/construct +613 -0
package/commands/build/feature.md +21 -0
package/commands/build/fix.md +20 -0
package/commands/design/access.md +19 -0
package/commands/design/flow.md +16 -0
package/commands/design/ui.md +18 -0
package/commands/measure/experiment.md +18 -0
package/commands/measure/metrics.md +18 -0
package/commands/measure/results.md +18 -0
package/commands/plan/api.md +19 -0
package/commands/plan/challenge.md +18 -0
package/commands/plan/decide.md +20 -0
package/commands/plan/feature.md +49 -0
package/commands/plan/requirements.md +24 -0
package/commands/remember/context.md +26 -0
package/commands/remember/handoff.md +19 -0
package/commands/remember/runbook.md +20 -0
package/commands/review/code.md +21 -0
package/commands/review/quality.md +19 -0
package/commands/review/security.md +16 -0
package/commands/ship/ready.md +19 -0
package/commands/ship/release.md +19 -0
package/commands/ship/status.md +18 -0
package/commands/understand/docs.md +22 -0
package/commands/understand/research.md +22 -0
package/commands/understand/this.md +23 -0
package/commands/understand/why.md +18 -0
package/commands/work/clean.md +32 -0
package/commands/work/drive.md +69 -0
package/commands/work/optimize-prompts.md +46 -0
package/commands/work/parallel-review.md +40 -0
package/db/migrations/001_init.sql +38 -0
package/langfuse/docker-compose.yml +82 -0
package/lib/audit-skills.mjs +118 -0
package/lib/auto-docs.mjs +293 -0
package/lib/cli-commands.mjs +409 -0
package/lib/codex-config.mjs +114 -0
package/lib/comment-lint.mjs +191 -0
package/lib/completions.mjs +170 -0
package/lib/context-state.mjs +99 -0
package/lib/cost.mjs +213 -0
package/lib/distill.mjs +403 -0
package/lib/efficiency.mjs +139 -0
package/lib/env-config.mjs +53 -0
package/lib/eval-harness.mjs +59 -0
package/lib/features.mjs +209 -0
package/lib/headhunt.mjs +597 -0
package/lib/hooks/adaptive-lint.mjs +112 -0
package/lib/hooks/agent-tracker.mjs +50 -0
package/lib/hooks/bootstrap-guard.mjs +90 -0
package/lib/hooks/comment-lint.mjs +26 -0
package/lib/hooks/config-protection.mjs +52 -0
package/lib/hooks/console-warn.mjs +43 -0
package/lib/hooks/context-window-recovery.mjs +90 -0
package/lib/hooks/continuation-enforcer.mjs +72 -0
package/lib/hooks/dep-audit.mjs +155 -0
package/lib/hooks/drive-guard.mjs +89 -0
package/lib/hooks/edit-accumulator.mjs +36 -0
package/lib/hooks/edit-error-recovery.mjs +46 -0
package/lib/hooks/edit-guard.mjs +109 -0
package/lib/hooks/env-check.mjs +80 -0
package/lib/hooks/guard-bash.mjs +83 -0
package/lib/hooks/mcp-audit.mjs +57 -0
package/lib/hooks/mcp-health-check.mjs +51 -0
package/lib/hooks/mcp-task-scope.mjs +47 -0
package/lib/hooks/model-fallback.mjs +105 -0
package/lib/hooks/pre-compact.mjs +212 -0
package/lib/hooks/pre-push-gate.mjs +129 -0
package/lib/hooks/read-tracker.mjs +129 -0
package/lib/hooks/registry-sync.mjs +23 -0
package/lib/hooks/scan-secrets.mjs +76 -0
package/lib/hooks/session-start.mjs +95 -0
package/lib/hooks/stop-notify.mjs +191 -0
package/lib/hooks/stop-typecheck.mjs +83 -0
package/lib/hooks/task-completed-guard.mjs +43 -0
package/lib/hooks/teammate-idle-guard.mjs +54 -0
package/lib/hooks/workflow-guard.mjs +62 -0
package/lib/host-capabilities.mjs +123 -0
package/lib/init-docs.mjs +382 -0
package/lib/mcp/server.mjs +1123 -0
package/lib/mcp-catalog.json +243 -0
package/lib/mcp-manager.mjs +433 -0
package/lib/mcp-platform-config.mjs +104 -0
package/lib/model-router.mjs +810 -0
package/lib/opencode-config.mjs +44 -0
package/lib/opencode-runtime-plugin.mjs +909 -0
package/lib/opencode-telemetry.mjs +433 -0
package/lib/orchestration-policy.mjs +258 -0
package/lib/prompt-composer.mjs +196 -0
package/lib/prompt-metadata.mjs +68 -0
package/lib/review.mjs +429 -0
package/lib/role-preload.mjs +52 -0
package/lib/schemas/decision.json +50 -0
package/lib/schemas/implementation.json +51 -0
package/lib/schemas/review-report.json +32 -0
package/lib/schemas/test-report.json +43 -0
package/lib/server/index.mjs +334 -0
package/lib/server/static/app.js +841 -0
package/lib/server/static/index.html +820 -0
package/lib/service-manager.mjs +225 -0
package/lib/setup.mjs +319 -0
package/lib/status.mjs +707 -0
package/lib/storage/backend.mjs +44 -0
package/lib/storage/embeddings.mjs +70 -0
package/lib/storage/hybrid-query.mjs +184 -0
package/lib/storage/sql-store.mjs +55 -0
package/lib/storage/state-source.mjs +101 -0
package/lib/storage/sync.mjs +164 -0
package/lib/storage/vector-store.mjs +59 -0
package/lib/telemetry/backends/langfuse.mjs +58 -0
package/lib/telemetry/backends/noop.mjs +16 -0
package/lib/telemetry/langfuse-ingest.mjs +108 -0
package/lib/telemetry/langfuse-model-sync.mjs +270 -0
package/lib/telemetry/team-rollup.mjs +143 -0
package/lib/toolkit-env.mjs +30 -0
package/lib/validator.mjs +181 -0
package/lib/workflow-state.mjs +794 -0
package/package.json +53 -0
package/personas/construct.md +94 -0
package/platforms/claude/CLAUDE.md +30 -0
package/platforms/claude/settings.template.json +472 -0
package/platforms/opencode/config.template.json +65 -0
package/platforms/opencode/plugins/construct-fallback.js +5 -0
package/platforms/opencode/sync-config.mjs +69 -0
package/rules/common/agents.md +55 -0
package/rules/common/code-review.md +129 -0
package/rules/common/coding-style.md +95 -0
package/rules/common/comments.md +139 -0
package/rules/common/cx-agent-routing.md +61 -0
package/rules/common/cx-skill-routing.md +11 -0
package/rules/common/development-workflow.md +49 -0
package/rules/common/git-workflow.md +29 -0
package/rules/common/hooks.md +35 -0
package/rules/common/patterns.md +36 -0
package/rules/common/performance.md +71 -0
package/rules/common/security.md +34 -0
package/rules/common/testing.md +62 -0
package/rules/golang/coding-style.md +37 -0
package/rules/golang/hooks.md +22 -0
package/rules/golang/patterns.md +50 -0
package/rules/golang/security.md +39 -0
package/rules/golang/testing.md +36 -0
package/rules/python/coding-style.md +47 -0
package/rules/python/hooks.md +24 -0
package/rules/python/patterns.md +44 -0
package/rules/python/security.md +35 -0
package/rules/python/testing.md +43 -0
package/rules/swift/coding-style.md +52 -0
package/rules/swift/hooks.md +25 -0
package/rules/swift/patterns.md +71 -0
package/rules/swift/security.md +38 -0
package/rules/swift/testing.md +50 -0
package/rules/typescript/coding-style.md +204 -0
package/rules/typescript/hooks.md +27 -0
package/rules/typescript/patterns.md +57 -0
package/rules/typescript/security.md +33 -0
package/rules/typescript/testing.md +23 -0
package/rules/web/coding-style.md +101 -0
package/rules/web/design-quality.md +68 -0
package/rules/web/hooks.md +125 -0
package/rules/web/patterns.md +84 -0
package/rules/web/performance.md +69 -0
package/rules/web/security.md +62 -0
package/rules/web/testing.md +60 -0
package/rules/zh/README.md +113 -0
package/rules/zh/agents.md +55 -0
package/rules/zh/code-review.md +129 -0
package/rules/zh/coding-style.md +53 -0
package/rules/zh/development-workflow.md +49 -0
package/rules/zh/git-workflow.md +29 -0
package/rules/zh/hooks.md +35 -0
package/rules/zh/patterns.md +36 -0
package/rules/zh/performance.md +60 -0
package/rules/zh/security.md +34 -0
package/rules/zh/testing.md +34 -0
package/skills/ai/agent-dev.md +102 -0
package/skills/ai/llm-security.md +105 -0
package/skills/ai/ml-ops.md +169 -0
package/skills/ai/orchestration-workflow.md +87 -0
package/skills/ai/prompt-and-eval.md +114 -0
package/skills/ai/prompt-optimizer.md +114 -0
package/skills/ai/rag-system.md +104 -0
package/skills/architecture/api-design.md +100 -0
package/skills/architecture/caching.md +101 -0
package/skills/architecture/cloud-native.md +97 -0
package/skills/architecture/message-queue.md +100 -0
package/skills/architecture/security-arch.md +105 -0
package/skills/development/cpp.md +127 -0
package/skills/development/go.md +129 -0
package/skills/development/java.md +134 -0
package/skills/development/kotlin.md +140 -0
package/skills/development/mobile-crossplatform.md +144 -0
package/skills/development/python.md +109 -0
package/skills/development/rust.md +127 -0
package/skills/development/shell.md +127 -0
package/skills/development/swift.md +129 -0
package/skills/development/typescript.md +129 -0
package/skills/devops/ci-cd.md +108 -0
package/skills/devops/containerization.md +106 -0
package/skills/devops/cost-optimization.md +105 -0
package/skills/devops/data-engineering.md +181 -0
package/skills/devops/database.md +95 -0
package/skills/devops/dependency-management.md +91 -0
package/skills/devops/devsecops.md +96 -0
package/skills/devops/git-workflow.md +100 -0
package/skills/devops/incident-response.md +167 -0
package/skills/devops/monorepo.md +87 -0
package/skills/devops/observability.md +103 -0
package/skills/devops/performance.md +104 -0
package/skills/devops/testing.md +104 -0
package/skills/docs/adr-workflow.md +32 -0
package/skills/docs/backlog-proposal-workflow.md +19 -0
package/skills/docs/customer-profile-workflow.md +22 -0
package/skills/docs/evidence-ingest-workflow.md +23 -0
package/skills/docs/init-docs.md +160 -0
package/skills/docs/init-project.md +50 -0
package/skills/docs/prd-workflow.md +57 -0
package/skills/docs/prfaq-workflow.md +25 -0
package/skills/docs/product-intelligence-review.md +22 -0
package/skills/docs/product-intelligence-workflow.md +62 -0
package/skills/docs/product-signal-workflow.md +27 -0
package/skills/docs/research-workflow.md +28 -0
package/skills/docs/runbook-workflow.md +24 -0
package/skills/exploration/repo-map.md +297 -0
package/skills/frameworks/django.md +159 -0
package/skills/frameworks/nextjs.md +148 -0
package/skills/frameworks/react.md +132 -0
package/skills/frameworks/spring-boot.md +165 -0
package/skills/frontend-design/accessibility.md +153 -0
package/skills/frontend-design/component-patterns.md +111 -0
package/skills/frontend-design/engineering.md +122 -0
package/skills/frontend-design/state-management.md +118 -0
package/skills/frontend-design/ui-aesthetics.md +102 -0
package/skills/frontend-design/ux-principles.md +126 -0
package/skills/quality-gates/review-work.md +90 -0
package/skills/quality-gates/verify-change.md +94 -0
package/skills/quality-gates/verify-module.md +96 -0
package/skills/quality-gates/verify-quality.md +93 -0
package/skills/quality-gates/verify-security.md +95 -0
package/skills/roles/architect.ai-systems.md +37 -0
package/skills/roles/architect.data.md +37 -0
package/skills/roles/architect.enterprise.md +37 -0
package/skills/roles/architect.integration.md +37 -0
package/skills/roles/architect.md +68 -0
package/skills/roles/architect.platform.md +37 -0
package/skills/roles/data-analyst.experiment.md +37 -0
package/skills/roles/data-analyst.md +68 -0
package/skills/roles/data-analyst.product-intelligence.md +37 -0
package/skills/roles/data-analyst.product.md +37 -0
package/skills/roles/data-analyst.telemetry.md +37 -0
package/skills/roles/data-engineer.pipeline.md +37 -0
package/skills/roles/data-engineer.vector-retrieval.md +37 -0
package/skills/roles/data-engineer.warehouse.md +37 -0
package/skills/roles/debugger.md +68 -0
package/skills/roles/designer.accessibility.md +43 -0
package/skills/roles/designer.md +68 -0
package/skills/roles/engineer.ai.md +49 -0
package/skills/roles/engineer.data.md +49 -0
package/skills/roles/engineer.md +85 -0
package/skills/roles/engineer.platform.md +49 -0
package/skills/roles/operator.docs.md +43 -0
package/skills/roles/operator.md +68 -0
package/skills/roles/operator.release.md +43 -0
package/skills/roles/operator.sre.md +43 -0
package/skills/roles/orchestrator.md +66 -0
package/skills/roles/product-manager.ai-product.md +37 -0
package/skills/roles/product-manager.business-strategy.md +43 -0
package/skills/roles/product-manager.enterprise.md +37 -0
package/skills/roles/product-manager.growth.md +37 -0
package/skills/roles/product-manager.md +67 -0
package/skills/roles/product-manager.platform.md +37 -0
package/skills/roles/product-manager.product.md +37 -0
package/skills/roles/qa.ai-eval.md +37 -0
package/skills/roles/qa.api-contract.md +37 -0
package/skills/roles/qa.data-pipeline.md +37 -0
package/skills/roles/qa.md +68 -0
package/skills/roles/qa.test-automation.md +49 -0
package/skills/roles/qa.web-ui.md +37 -0
package/skills/roles/researcher.explorer.md +43 -0
package/skills/roles/researcher.md +68 -0
package/skills/roles/researcher.ux.md +43 -0
package/skills/roles/reviewer.devil-advocate.md +43 -0
package/skills/roles/reviewer.evaluator.md +43 -0
package/skills/roles/reviewer.md +68 -0
package/skills/roles/reviewer.trace.md +43 -0
package/skills/roles/security.ai.md +37 -0
package/skills/roles/security.appsec.md +37 -0
package/skills/roles/security.cloud.md +37 -0
package/skills/roles/security.legal-compliance.md +49 -0
package/skills/roles/security.md +68 -0
package/skills/roles/security.privacy.md +37 -0
package/skills/roles/security.supply-chain.md +37 -0
package/skills/routing.md +139 -0
package/skills/security/blue-team.md +83 -0
package/skills/security/code-audit.md +94 -0
package/skills/security/pentest.md +84 -0
package/skills/security/red-team.md +81 -0
package/skills/security/threat-intel.md +89 -0
package/skills/security/vuln-research.md +87 -0
package/skills/utility/clean-code.md +165 -0
package/sync-agents.mjs +899 -0
package/templates/docs/adr.md +27 -0
package/templates/docs/backlog-proposal.md +26 -0
package/templates/docs/customer-profile.md +34 -0
package/templates/docs/evidence-brief.md +37 -0
package/templates/docs/incident-report.md +46 -0
package/templates/docs/memo.md +27 -0
package/templates/docs/meta-prd.md +56 -0
package/templates/docs/one-pager.md +24 -0
package/templates/docs/prd-business.md +61 -0
package/templates/docs/prd-platform.md +62 -0
package/templates/docs/prd.md +47 -0
package/templates/docs/prfaq.md +31 -0
package/templates/docs/product-intelligence-report.md +31 -0
package/templates/docs/research-brief.md +29 -0
package/templates/docs/rfc-platform.md +60 -0
package/templates/docs/rfc.md +46 -0
package/templates/docs/runbook.md +33 -0
package/templates/docs/signal-brief.md +25 -0

package/lib/server/static/index.html ADDED Viewed

@@ -0,0 +1,820 @@
+<!--
+lib/server/static/index.html — Construct dashboard single-page app.
+Served statically by lib/server/index.mjs at http://127.0.0.1:4242. Loads app.js
+for data fetching and rendering. Inline styles only — no build step required.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Construct Dashboard</title>
+  <style>
+    :root {
+      --bg: #0a0c10;
+      --surface: #111318;
+      --surface-2: #181c24;
+      --surface-3: #1e2330;
+      --border: #252c3a;
+      --border-hover: #3a4460;
+      --text: #c8d0e0;
+      --text-muted: #5a6480;
+      --text-dim: #8896b0;
+      --accent: #00e5a0;
+      --accent-dim: #00b87a;
+      --accent-glow: rgba(0, 229, 160, 0.12);
+      --warn: #f5a623;
+      --danger: #e05252;
+      --info: #5b9cf6;
+      --healthy: #00e5a0;
+      --degraded: #f5a623;
+      --unavailable: #e05252;
+      --disabled: #3a4460;
+      --font: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
+      --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      --radius: 8px;
+      --radius-sm: 4px;
+    }
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      background: var(--bg);
+      color: var(--text);
+      font-family: var(--font-ui);
+      font-size: 14px;
+      line-height: 1.5;
+      min-height: 100vh;
+      display: grid;
+      grid-template-rows: 56px 1fr;
+      grid-template-columns: 200px 1fr;
+      grid-template-areas:
+        "topbar topbar"
+        "nav    main";
+    }
+    /* ── Topbar ─────────────────────────────────────────────── */
+    #topbar {
+      grid-area: topbar;
+      background: var(--surface);
+      border-bottom: 1px solid var(--border);
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      gap: 16px;
+      position: sticky;
+      top: 0;
+      z-index: 10;
+    }
+    #topbar .brand {
+      font-family: var(--font);
+      font-size: 16px;
+      font-weight: 700;
+      color: var(--accent);
+      letter-spacing: 0.04em;
+    }
+    #topbar .sep { color: var(--border); }
+    #topbar .meta {
+      font-size: 12px;
+      color: var(--text-muted);
+      font-family: var(--font);
+    }
+    #topbar .status-summary {
+      font-size: 12px;
+      color: var(--text-dim);
+      min-width: 220px;
+      text-align: right;
+    }
+    #topbar .health-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--text-muted);
+      transition: background 0.3s;
+      flex-shrink: 0;
+    }
+    #topbar .health-dot.healthy  { background: var(--healthy); box-shadow: 0 0 6px var(--accent); }
+    #topbar .health-dot.degraded { background: var(--degraded); }
+    #topbar .health-dot.bad      { background: var(--danger); }
+    #topbar .spacer { flex: 1; }
+    /* ── Nav ────────────────────────────────────────────────── */
+    #nav {
+      grid-area: nav;
+      background: var(--surface);
+      border-right: 1px solid var(--border);
+      padding: 16px 0;
+      position: sticky;
+      top: 56px;
+      height: calc(100vh - 56px);
+      overflow-y: auto;
+    }
+    #nav a {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 9px 20px;
+      color: var(--text-dim);
+      text-decoration: none;
+      font-size: 13px;
+      font-weight: 500;
+      border-left: 2px solid transparent;
+      transition: color 0.15s, border-color 0.15s, background 0.15s;
+    }
+    #nav a:hover {
+      color: var(--text);
+      background: var(--accent-glow);
+    }
+    #nav a.active {
+      color: var(--accent);
+      border-left-color: var(--accent);
+      background: var(--accent-glow);
+    }
+    #nav .nav-icon { font-size: 16px; width: 20px; text-align: center; }
+    /* ── Main ───────────────────────────────────────────────── */
+    #main {
+      grid-area: main;
+      padding: 28px 32px;
+      overflow-y: auto;
+      min-width: 0;
+    }
+    .section { display: none; }
+    .section.active { display: block; }
+    .section-title {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 20px;
+    }
+    /* ── Cards ──────────────────────────────────────────────── */
+    .cards {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+      gap: 16px;
+      margin-bottom: 32px;
+    }
+    .card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 18px 20px;
+      transition: border-color 0.2s;
+    }
+    .card:hover { border-color: var(--border-hover); }
+    .card-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 12px;
+      margin-bottom: 8px;
+    }
+    .card-name {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--text);
+    }
+    .card-desc {
+      font-size: 12px;
+      color: var(--text-dim);
+      line-height: 1.6;
+      margin-bottom: 10px;
+    }
+    .card-footer {
+      font-size: 11px;
+      color: var(--text-muted);
+      font-family: var(--font);
+      margin-top: 8px;
+      padding-top: 8px;
+      border-top: 1px solid var(--border);
+    }
+    /* ── Badges ─────────────────────────────────────────────── */
+    .badge {
+      font-size: 10px;
+      font-weight: 700;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+      padding: 2px 7px;
+      border-radius: var(--radius-sm);
+      white-space: nowrap;
+      flex-shrink: 0;
+    }
+    .badge-healthy   { background: rgba(0,229,160,0.15); color: var(--healthy); }
+    .badge-configured { background: rgba(91,156,246,0.15); color: var(--info); }
+    .badge-degraded  { background: rgba(245,166,35,0.15); color: var(--degraded); }
+    .badge-unavailable { background: rgba(224,82,82,0.15); color: var(--unavailable); }
+    .badge-disabled  { background: rgba(58,68,96,0.4); color: var(--disabled); }
+    .badge-standard  { background: rgba(91,156,246,0.15); color: var(--info); }
+    .badge-reasoning { background: rgba(91,156,246,0.25); color: #a0c0ff; }
+    .badge-fast      { background: rgba(0,229,160,0.1); color: var(--accent-dim); }
+    /* ── Agents section ─────────────────────────────────────── */
+    .agent-group { margin-bottom: 32px; }
+    .agent-group-title {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 14px;
+    }
+    .persona-cards {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+      gap: 14px;
+    }
+    .persona-card {
+      background: var(--surface-2);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 18px 20px;
+      transition: border-color 0.2s, background 0.2s;
+    }
+    .persona-card:hover {
+      border-color: var(--accent-dim);
+      background: var(--surface-3);
+    }
+    .persona-name {
+      font-family: var(--font);
+      font-size: 15px;
+      font-weight: 700;
+      color: var(--accent);
+      margin-bottom: 3px;
+    }
+    .persona-role {
+      font-size: 11px;
+      color: var(--text-muted);
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      margin-bottom: 10px;
+    }
+    .persona-desc {
+      font-size: 12px;
+      color: var(--text-dim);
+      line-height: 1.6;
+    }
+    /* Specialist list */
+    .specialist-list {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .specialist-row {
+      display: flex;
+      align-items: baseline;
+      gap: 12px;
+      padding: 8px 14px;
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      border: 1px solid var(--border);
+      transition: border-color 0.15s;
+    }
+    .specialist-row:hover { border-color: var(--border-hover); }
+    .specialist-name {
+      font-family: var(--font);
+      font-size: 12px;
+      color: var(--text);
+      min-width: 200px;
+      flex-shrink: 0;
+    }
+    .specialist-desc {
+      font-size: 12px;
+      color: var(--text-dim);
+      flex: 1;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    /* ── Skills section ─────────────────────────────────────── */
+    .skill-category {
+      margin-bottom: 18px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      overflow: hidden;
+    }
+    .skill-category-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 10px 16px;
+      background: var(--surface);
+      cursor: pointer;
+      user-select: none;
+      transition: background 0.15s;
+    }
+    .skill-category-header:hover { background: var(--surface-2); }
+    .skill-category-name {
+      font-size: 13px;
+      font-weight: 600;
+      color: var(--text);
+      text-transform: capitalize;
+    }
+    .skill-category-count {
+      font-size: 11px;
+      color: var(--text-muted);
+      font-family: var(--font);
+    }
+    .skill-toggle {
+      color: var(--text-muted);
+      font-size: 12px;
+      transition: transform 0.2s;
+    }
+    .skill-category.open .skill-toggle { transform: rotate(180deg); }
+    .skill-files {
+      display: none;
+      padding: 10px 16px;
+      background: var(--bg);
+      display: none;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+    .skill-category.open .skill-files { display: flex; }
+    .skill-tag {
+      font-size: 11px;
+      padding: 3px 9px;
+      border-radius: 20px;
+      background: var(--surface-2);
+      border: 1px solid var(--border);
+      color: var(--text-dim);
+    }
+    /* ── Hooks section ──────────────────────────────────────── */
+    .hook-phase { margin-bottom: 28px; }
+    .hook-phase-title {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 10px;
+    }
+    .hook-row {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 10px 14px;
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      border: 1px solid var(--border);
+      margin-bottom: 6px;
+    }
+    .hook-bullet {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--border-hover);
+      margin-top: 6px;
+      flex-shrink: 0;
+    }
+    .hook-bullet.blocking { background: var(--warn); }
+    .hook-desc {
+      font-size: 12px;
+      color: var(--text-dim);
+      flex: 1;
+    }
+    .hook-phase-badge {
+      font-size: 10px;
+      font-family: var(--font);
+      color: var(--text-muted);
+      white-space: nowrap;
+    }
+    /* ── Loading / empty states ─────────────────────────────── */
+    .loading {
+      color: var(--text-muted);
+      font-size: 13px;
+      padding: 40px 0;
+      text-align: center;
+    }
+    .empty {
+      color: var(--text-muted);
+      font-size: 12px;
+      padding: 16px;
+      text-align: center;
+    }
+    /* ── Tabs ───────────────────────────────────────────────── */
+    .tabs {
+      display: flex;
+      gap: 4px;
+      margin-bottom: 20px;
+      border-bottom: 1px solid var(--border);
+      padding-bottom: 0;
+    }
+    .tab-btn {
+      font-size: 12px;
+      font-weight: 600;
+      color: var(--text-muted);
+      background: none;
+      border: none;
+      border-bottom: 2px solid transparent;
+      padding: 8px 14px;
+      cursor: pointer;
+      margin-bottom: -1px;
+      transition: color 0.15s, border-color 0.15s;
+      font-family: var(--font-ui);
+    }
+    .tab-btn:hover { color: var(--text); }
+    .tab-btn.active { color: var(--accent); border-bottom-color: var(--accent); }
+    .tab-panel { display: none; }
+    .tab-panel.active { display: block; }
+    /* ── CLI Commands ───────────────────────────────────────── */
+    .cli-cmd-group { margin-bottom: 28px; }
+    .cli-cmd-group-title {
+      font-size: 10px;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      padding: 0 4px 8px;
+      border-bottom: 1px solid var(--border);
+      margin-bottom: 8px;
+    }
+    .cli-commands-list {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    }
+    .cli-cmd-row {
+      display: grid;
+      grid-template-columns: 36px 160px 1fr;
+      align-items: baseline;
+      gap: 12px;
+      padding: 10px 14px;
+      border-radius: var(--radius-sm);
+      background: var(--surface);
+      border: 1px solid var(--border);
+      transition: border-color 0.15s, background 0.15s;
+    }
+    .cli-cmd-row:hover { border-color: var(--border-hover); background: var(--surface-2); }
+    .cli-cmd-emoji { font-size: 15px; text-align: center; }
+    .cli-cmd-name {
+      font-family: var(--font);
+      font-size: 12px;
+      font-weight: 700;
+      color: var(--accent);
+    }
+    .cli-cmd-desc {
+      font-size: 12px;
+      color: var(--text-dim);
+    }
+    /* ── Commands section ───────────────────────────────────────── */
+    .commands-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+      gap: 16px;
+      margin-bottom: 32px;
+    }
+    .command-domain {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      overflow: hidden;
+    }
+    .command-domain-header {
+      padding: 10px 16px;
+      background: var(--surface-2);
+      border-bottom: 1px solid var(--border);
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--accent-dim);
+      font-family: var(--font);
+    }
+    .command-list { padding: 6px 0; }
+    .command-item {
+      display: flex;
+      flex-direction: column;
+      padding: 8px 16px;
+      gap: 2px;
+      transition: background 0.15s;
+    }
+    .command-item:hover { background: var(--accent-glow); }
+    .command-slash {
+      font-family: var(--font);
+      font-size: 12px;
+      color: var(--text);
+      font-weight: 600;
+    }
+    .command-desc {
+      font-size: 11px;
+      color: var(--text-muted);
+      line-height: 1.4;
+    }
+    /* ── Edit forms ─────────────────────────────────────────── */
+    .edit-row {
+      background: var(--surface-2);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 16px 18px;
+      margin-bottom: 8px;
+    }
+    .edit-row.expanded { border-color: var(--accent-dim); }
+    .edit-row-header {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .edit-row-header:hover .edit-row-name { color: var(--accent); }
+    .edit-row-name {
+      font-family: var(--font);
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--text);
+      flex: 1;
+    }
+    .edit-row-desc {
+      font-size: 12px;
+      color: var(--text-dim);
+      flex: 2;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .edit-form {
+      display: none;
+      flex-direction: column;
+      gap: 10px;
+      margin-top: 14px;
+      padding-top: 14px;
+      border-top: 1px solid var(--border);
+    }
+    .edit-row.expanded .edit-form { display: flex; }
+    .field-row { display: flex; flex-direction: column; gap: 4px; }
+    .field-label {
+      font-size: 10px;
+      font-weight: 700;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+    }
+    .field-input {
+      background: var(--bg);
+      border: 1px solid var(--border);
+      border-radius: var(--radius-sm);
+      color: var(--text);
+      font-family: var(--font);
+      font-size: 12px;
+      padding: 7px 10px;
+      width: 100%;
+      outline: none;
+      transition: border-color 0.15s;
+    }
+    .field-input:focus { border-color: var(--accent-dim); }
+    .form-actions { display: flex; gap: 8px; margin-top: 4px; }
+    .btn {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.04em;
+      padding: 6px 14px;
+      border-radius: var(--radius-sm);
+      border: 1px solid transparent;
+      cursor: pointer;
+      font-family: var(--font-ui);
+      transition: opacity 0.15s;
+    }
+    .btn:hover { opacity: 0.85; }
+    .btn:disabled { opacity: 0.4; cursor: default; }
+    .btn-primary { background: var(--accent); color: var(--bg); border-color: var(--accent); }
+    .btn-danger { background: transparent; color: var(--danger); border-color: var(--danger); }
+    .btn-ghost { background: transparent; color: var(--text-dim); border-color: var(--border); }
+    .add-server-row { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }
+    .status-msg { font-size: 11px; font-family: var(--font); padding: 4px 0; }
+    .status-msg.ok { color: var(--accent); }
+    .status-msg.err { color: var(--danger); }
+    .model-tier-card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 20px 22px;
+      margin-bottom: 16px;
+    }
+    .model-tier-title {
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--text-muted);
+      margin-bottom: 14px;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+    /* ── Dispatch pipeline timeline ────────────────────────── */
+    .dispatch-pipeline {
+      display: flex;
+      align-items: center;
+      gap: 0;
+      flex-wrap: wrap;
+      gap: 4px;
+    }
+    .pipeline-phase {
+      font-family: var(--font);
+      font-size: 11px;
+      padding: 3px 10px;
+      border-radius: 20px;
+      border: 1px solid var(--border);
+      white-space: nowrap;
+    }
+    .pipeline-phase--todo     { color: var(--text-muted); background: transparent; }
+    .pipeline-phase--active   { color: var(--accent); background: var(--accent-glow); border-color: var(--accent-dim); }
+    .pipeline-phase--done     { color: var(--accent-dim); background: rgba(0,229,160,0.07); }
+    .pipeline-phase--blocked  { color: var(--danger); background: rgba(224,82,82,0.1); border-color: var(--danger); }
+    .pipeline-connector {
+      color: var(--border-hover);
+      font-size: 11px;
+      padding: 0 2px;
+    }
+    /* ── Scrollbars ─────────────────────────────────────────── */
+    ::-webkit-scrollbar { width: 6px; }
+    ::-webkit-scrollbar-track { background: transparent; }
+    ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
+    ::-webkit-scrollbar-thumb:hover { background: var(--border-hover); }
+  </style>
+</head>
+<body>
+  <header id="topbar">
+    <span class="brand">construct</span>
+    <span class="sep">/</span>
+    <span class="meta" id="version">v—</span>
+    <span class="sep">/</span>
+    <span class="meta" id="lastsync">synced —</span>
+    <span class="spacer"></span>
+    <span class="status-summary" id="system-status">status —</span>
+    <span class="health-dot" id="healthdot" title="Overall system health"></span>
+  </header>
+  <nav id="nav">
+    <a href="#" data-section="agents">
+      <span class="nav-icon">◈</span> Agents
+    </a>
+    <a href="#" data-section="commands">
+      <span class="nav-icon">⌘</span> Commands
+    </a>
+    <a href="#" data-section="hooks">
+      <span class="nav-icon">◎</span> Hooks
+    </a>
+    <a href="#" data-section="mcp">
+      <span class="nav-icon">⚙</span> MCP
+    </a>
+    <a href="#" data-section="models">
+      <span class="nav-icon">⊞</span> Models
+    </a>
+    <a href="#" class="active" data-section="resources">
+      <span class="nav-icon">⬡</span> Resources
+    </a>
+    <a href="#" data-section="skills">
+      <span class="nav-icon">◇</span> Skills
+    </a>
+    <a href="#" data-section="workflow">
+      <span class="nav-icon">▣</span> Workflow
+    </a>
+  </nav>
+  <main id="main">
+    <section id="section-resources" class="section active">
+      <div class="section-title">Resources</div>
+      <div class="cards" id="resources-cards">
+        <div class="loading">Loading...</div>
+      </div>
+    </section>
+    <section id="section-agents" class="section">
+      <div class="section-title">Agents</div>
+      <div id="agents-content">
+        <div class="loading">Loading...</div>
+      </div>
+    </section>
+    <section id="section-workflow" class="section">
+      <div class="section-title">Workflow</div>
+      <div id="workflow-content">
+        <div class="loading">Loading...</div>
+      </div>
+    </section>
+    <section id="section-skills" class="section">
+      <div class="section-title">Skills</div>
+      <div id="skills-content">
+        <div class="loading">Loading...</div>
+      </div>
+    </section>
+    <section id="section-commands" class="section">
+      <div class="section-title">Commands</div>
+      <div class="tabs" id="commands-tabs">
+        <button class="tab-btn active" data-tab="cli">CLI</button>
+        <button class="tab-btn" data-tab="slash">Slash</button>
+      </div>
+      <div id="commands-tab-cli" class="tab-panel active">
+        <div id="cli-commands-content"><div class="loading">Loading...</div></div>
+      </div>
+      <div id="commands-tab-slash" class="tab-panel">
+        <div id="commands-content"><div class="loading">Loading...</div></div>
+      </div>
+    </section>
+    <section id="section-hooks" class="section">
+      <div class="section-title">Hooks</div>
+      <div id="hooks-content">
+        <div class="loading">Loading...</div>
+      </div>
+    </section>
+    <section id="section-mcp" class="section">
+      <div class="section-title">MCP Servers</div>
+      <div id="mcp-content"><div class="loading">Loading...</div></div>
+    </section>
+    <section id="section-models" class="section">
+      <div class="section-title">Model Tiers</div>
+      <div id="models-content"><div class="loading">Loading...</div></div>
+    </section>
+  </main>
+  <script src="app.js"></script>
+</body>
+</html>