@polderlabs/bizar 10.7.2 → 10.10.0

package/bizar-dash/.od-skills/web-prototype-e1429c1737/open-design.json

@@ -1,172 +0,0 @@
-{
-  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
-  "specVersion": "1.0.0",
-  "name": "example-web-prototype",
-  "title": "Web Prototype",
-  "title_i18n": {
-    "zh-CN": "网页原型",
-    "zh-TW": "網頁原型",
-    "ja": "Webプロトタイプ",
-    "ko": "웹 프로토타입",
-    "de": "Web-Prototyp",
-    "fr": "Prototype Web",
-    "ru": "Веб-прототип",
-    "es": "Prototipo Web",
-    "pt-BR": "Protótipo Web",
-    "it": "Prototipo Web",
-    "vi": "Nguyên mẫu Web",
-    "pl": "Prototyp Web",
-    "id": "Prototipe Web",
-    "nl": "Webprototype",
-    "ar": "نموذج ويب أولي",
-    "tr": "Web Prototipi",
-    "uk": "Веб-прототип",
-    "en": "Web Prototype"
-  },
-  "version": "0.1.1",
-  "description": "General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.",
-  "description_i18n": {
-    "zh-CN": "通用桌面网页原型。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的布局生成单个独立 HTML 文件。适用于落地页、营销页、文档或 SaaS 页面的默认选项。",
-    "zh-TW": "通用桌面網頁原型。透過複製種子檔案 `assets/template.html` 並貼上 `references/layouts.md` 中的版面配置生成單一獨立 HTML 檔案。適用於著陸頁、行銷頁、文件或 SaaS 頁面的預設選項。",
-    "ja": "汎用デスクトップWebプロトタイプ。`assets/template.html` をコピーし、`references/layouts.md` のレイアウトを貼り付けて単一の自己完結型 HTML ファイルを生成。ランディングページ、マーケティング、ドキュメント、SaaS ページのデフォルトオプション。",
-    "ko": "범용 데스크톱 웹 프로토타입. `assets/template.html`을 복사하고 `references/layouts.md`의 레이아웃을 붙여넣어 단일 독립형 HTML 파일 생성. 랜딩/마케팅/문서/SaaS 페이지의 기본 옵션.",
-    "de": "Allzweck-Desktop-Web-Prototyp. Einzelne eigenständige HTML-Datei durch Kopieren von `assets/template.html` und Einfügen von Layouts aus `references/layouts.md` erstellt. Standard für Landing-, Marketing-, Dokumentations- oder SaaS-Seiten.",
-    "fr": "Prototype web de bureau polyvalent. Fichier HTML autonome créé en copiant `assets/template.html` et en collant les mises en page de `references/layouts.md`. Option par défaut pour les pages de destination, marketing, documentation ou SaaS.",
-    "ru": "Универсальный веб-прототип для десктопа. Автономный HTML-файл создаётся копированием `assets/template.html` и вставкой макетов из `references/layouts.md`. По умолчанию для лендингов, маркетинга, документации и SaaS-страниц.",
-    "es": "Prototipo web de escritorio de propósito general. Archivo HTML autocontenido creado copiando `assets/template.html` y pegando diseños de `references/layouts.md`. Opción predeterminada para páginas de destino, marketing, documentación o SaaS.",
-    "pt-BR": "Protótipo web desktop de uso geral. Arquivo HTML autocontido criado copiando `assets/template.html` e colando layouts de `references/layouts.md`. Padrão para landing pages, marketing, documentação ou páginas SaaS.",
-    "it": "Prototipo web desktop generico. File HTML autonomo creato copiando `assets/template.html` e incollando layout da `references/layouts.md`. Opzione predefinita per landing page, marketing, documentazione o pagine SaaS.",
-    "vi": "Nguyên mẫu web desktop đa năng. Tệp HTML độc lập được tạo bằng cách sao chép `assets/template.html` và dán bố cục từ `references/layouts.md`. Mặc định cho trang đích, marketing, tài liệu hoặc SaaS.",
-    "pl": "Uniwersalny prototyp internetowy na desktop. Samodzielny plik HTML tworzony przez skopiowanie `assets/template.html` i wklejenie layoutów z `references/layouts.md`. Domyślny dla stron docelowych, marketingowych, dokumentacji lub SaaS.",
-    "id": "Prototipe web desktop serbaguna. File HTML mandiri yang dibuat dengan menyalin `assets/template.html` dan menempelkan layout dari `references/layouts.md`. Default untuk halaman landing, marketing, dokumentasi, atau SaaS.",
-    "nl": "Algemeen desktop webprototype. Zelfstandig HTML-bestand gemaakt door `assets/template.html` te kopiëren en lay-outs uit `references/layouts.md` te plakken. Standaard voor landingspagina's, marketing, documentatie of SaaS-pagina's.",
-    "ar": "نموذج أولي لموقع ويب سطح المكتب متعدد الأغراض. ملف HTML مستقل يتم إنشاؤه بنسخ `assets/template.html` ولصق التخطيطات من `references/layouts.md`. الخيار الافتراضي للصفحات المقصودة والتسويقية والتوثيقية أو SaaS.",
-    "tr": "Genel amaçlı masaüstü web prototipi. `assets/template.html` kopyalanıp `references/layouts.md` içindeki düzenler yapıştırılarak oluşturulan bağımsız HTML dosyası. Açılış, pazarlama, dokümantasyon veya SaaS sayfaları için varsayılan.",
-    "uk": "Універсальний веб-прототип для десктопа. Автономний HTML-файл створюється копіюванням `assets/template.html` та вставкою макетів з `references/layouts.md`. За замовчуванням для посадкових, маркетингових, документаційних або SaaS-сторінок.",
-    "en": "General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches."
-  },
-  "license": "MIT",
-  "author": {
-    "name": "Open Design",
-    "url": "https://github.com/nexu-io"
-  },
-  "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/web-prototype",
-  "tags": [
-    "example",
-    "first-party",
-    "prototype",
-    "design",
-    "web",
-    "desktop",
-    "mockup",
-    "landing",
-    "single-page",
-    "marketing-page",
-    "homepage"
-  ],
-  "compat": {
-    "agentSkills": [
-      {
-        "path": "./SKILL.md"
-      }
-    ]
-  },
-  "od": {
-    "kind": "scenario",
-    "taskKind": "new-generation",
-    "mode": "prototype",
-    "platform": "desktop",
-    "scenario": "design",
-    "surface": "web",
-    "preview": {
-      "type": "html",
-      "entry": "./example.html"
-    },
-    "useCase": {
-      "query": {
-        "en": "Create a premium product-studio {{fidelity}} {{artifactKind}} for {{audience}}: sharp information architecture, elegant visual hierarchy, polished interaction states, and a refined design-system-driven interface that feels shipped by a top-tier product team. Use {{designSystem}} as the design-system direction and start from {{template}}. Build one self-contained HTML file by copying the seed `assets/template.html` and pasting layouts from `references/layouts.md`.",
-        "zh-CN": "用高端产品工作室的完成度，为 {{audience}} 打磨一个 {{fidelity}} 的 {{artifactKind}}：信息架构清晰、视觉层级优雅、交互状态完整，整体像顶级产品团队交付的可演示原型。设计系统方向使用 {{designSystem}}，从 {{template}} 开始。使用 `assets/template.html` 种子并从 `references/layouts.md` 粘贴版面，输出单文件 HTML。"
-      },
-      "exampleOutputs": [
-        {
-          "path": "./example.html",
-          "title": "Web Prototype"
-        }
-      ]
-    },
-    "inputs": [
-      {
-        "name": "artifactKind",
-        "label": "Artifact kind",
-        "type": "string",
-        "required": true,
-        "placeholder": "SaaS landing page",
-        "default": "web prototype"
-      },
-      {
-        "name": "fidelity",
-        "label": "Fidelity",
-        "type": "select",
-        "required": true,
-        "options": [
-          "wireframe",
-          "high-fidelity"
-        ],
-        "default": "high-fidelity"
-      },
-      {
-        "name": "audience",
-        "label": "Audience",
-        "type": "string",
-        "required": true,
-        "placeholder": "startup founders evaluating an AI CRM",
-        "default": "product evaluators"
-      },
-      {
-        "name": "designSystem",
-        "label": "Design system",
-        "type": "string",
-        "placeholder": "OpenAI, Linear, shadcn, or custom brand notes",
-        "default": "the active project design system"
-      },
-      {
-        "name": "template",
-        "label": "Template",
-        "type": "string",
-        "placeholder": "marketing homepage, dashboard, docs page",
-        "default": "the bundled web prototype seed"
-      }
-    ],
-    "context": {
-      "skills": [
-        {
-          "path": "./SKILL.md"
-        }
-      ],
-      "designSystem": {
-        "primary": true
-      },
-      "assets": [
-        "./example.html",
-        "./assets/template.html",
-        "./references/checklist.md",
-        "./references/layouts.md"
-      ]
-    },
-    "pipeline": {
-      "stages": [
-        {
-          "id": "generate",
-          "atoms": [
-            "file-write",
-            "live-artifact"
-          ]
-        }
-      ]
-    },
-    "capabilities": [
-      "prompt:inject",
-      "fs:write"
-    ]
-  }
-}

package/bizar-dash/.od-skills/web-prototype-e1429c1737/references/checklist.md

@@ -1,44 +0,0 @@
-# Web prototype checklist
-
-Run this before emitting `<artifact>`. P0 = must pass; P1 = should pass; P2 = nice to have.
-
-## P0 — must pass
-
-- [ ] **No raw hex outside `:root` token block.** Every color is `var(--bg)` / `var(--fg)` / `var(--muted)` / `var(--border)` / `var(--accent)` / `var(--surface)` (or a `color-mix()` of those). Grep `#[0-9a-fA-F]{3,8}` outside `:root{}` should return nothing.
-- [ ] **All headings use `var(--font-display)`.** No sans-serif `<h1>` / `<h2>`. Inter / Roboto / system-sans never serve as a display face.
-- [ ] **Accent appears at most twice per screen.** Count: eyebrow color, primary CTA fill, anything else? If three or more, demote one to `var(--fg)` or `var(--muted)`.
-- [ ] **No purple/violet gradient backgrounds.** No `linear-gradient(... #a855f7 / #8b5cf6 / purple ...)`. The seed template has no gradients on backgrounds — keep it that way.
-- [ ] **No emoji used as feature icons.** Use the inline SVG monoline marks shipped in Layout 3, or a tasteful single-character glyph in `--font-mono`. ✨ 🚀 🎯 are out.
-- [ ] **No invented metrics.** Every number on the page came from the user, the brief, or is clearly labelled as a placeholder (e.g. `[REPLACE] · 38×`). "10× faster", "99.9% uptime" without source = remove.
-- [ ] **No filler copy.** Zero "Feature One / Feature Two", lorem ipsum, "Lorem ipsum dolor". If a section feels empty, delete it; do not pad.
-- [ ] **`data-od-id` on every top-level `<section>`.** Used by comment mode to target sections.
-- [ ] **Mobile reflow works.** All `grid-2`, `grid-3`, `grid-4`, `grid-2-1`, `grid-1-2` collapse to one column at ≤920px (the default media query in `template.html` does this). Verify by mentally narrowing — no horizontal scroll.
-- [ ] **No `scrollIntoView()` calls.** Breaks the OD preview iframe. Use `scrollTo({...})` if you need scroll behaviour.
-
-## P1 — should pass
-
-- [ ] **One decisive flourish.** A pull quote, a striking stat, a real-feeling photograph, one micro-animation on the hero. *One.* Not three.
-- [ ] **Section rhythm alternates.** No two stat rows in a row. No two feature triplets in a row. No two quote blocks in a row.
-- [ ] **Headlines under 14 words.** If longer, the writing is doing the design's job.
-- [ ] **Lead text under 56 ch / two sentences.** `max-width: 60ch` on `.lead` enforces this; don't override.
-- [ ] **CTA buttons say what happens.** "Start free" beats "Get Started". "Read the story" beats "Learn More".
-- [ ] **Hover states present** for all `<a>` and `.btn`. Seed template covers this.
-- [ ] **Numerics use `.num` (mono, tabular).** Prices, stats, version numbers, dates.
-- [ ] **One image style per page.** Don't mix square portrait headshots with widescreen product hero with vertical phone mock — pick a lane.
-
-## P2 — nice to have
-
-- [ ] **`text-wrap: pretty` / `balance`** on long paragraphs / headings (already on `<p>` and `h*` in seed).
-- [ ] **`color-mix()` for derived tones.** No additional `--accent-50` / `--accent-300` Bootstrap-style tokens — derive on the spot.
-- [ ] **Sticky topnav has frosted glass** (already in seed via `backdrop-filter: blur()`).
-- [ ] **Loaded fonts are system-first.** Iowan Old Style / Charter for serif, system stack for sans. Only pull a Google Font if DESIGN.md specifies one.
-
-## Anti-slop spot-check
-
-Look at the page for two seconds. If your gut says any of:
-
-- "looks like every Cursor / Linear / Vercel ripoff I've seen this month"
-- "this could be any AI startup's homepage"
-- "the feature row has an icon, a heading, and three lines of vague benefit copy"
-
-…go back, replace one feature cell with something more specific to *this* product (a screenshot, a concrete example, a sample of the actual output), and remove one accent.

package/bizar-dash/.od-skills/web-prototype-e1429c1737/references/layouts.md

@@ -1,247 +0,0 @@
-# Web prototype layouts
-
-**8 paste-ready section skeletons.** Drop into `<main id="content">` of `assets/template.html`. Don't write sections from scratch — pick the closest layout, paste, swap copy.
-
-## Pre-flight (do this once before pasting anything)
-
-1. **Read `assets/template.html`** through the end of the `<style>` block. Every class used below must exist there. If one is missing, add it to `<style>` rather than inlining it on each section.
-2. **Pick a section list before writing copy.** Default rhythms:
-   - **Landing**: 1 hero → 2 features → 3 stat-row OR quote → 4 split → 6 cta-strip → footer
-   - **Marketing / editorial**: 1 hero-center → 7 log-list → 4 split → 6 cta-strip
-   - **Pricing / docs**: 1 hero-center → table-driven → 6 cta-strip
-3. **One accent per screen, used at most twice.** The hero eyebrow and the primary button already use it; budget any third usage carefully.
-
-## Class inventory (must exist in `template.html`)
-
-> `section` `container` `hero` `hero-center` `hero-split` `hero-cta` `eyebrow` `lead` `h1` `h2` `h3` `meta` `num` `btn` `btn-primary` `btn-secondary` `btn-ghost` `btn-arrow` `card` `card-flat` `card-rule` `feature` `feature-mark` `stat` `stat-num` `stat-label` `stat-unit` `quote` `quote-mark` `quote-author` `pill` `tag` `field` `input` `textarea` `ds-table` `num-col` `ph-img` `square` `portrait` `wide` `rule` `rule-strong` `grid-2` `grid-3` `grid-4` `grid-2-1` `grid-1-2` `row` `row-between` `stack` `log-row` `pull` `topnav` `pagefoot`
-
-If you reach for a class not on this list, define it in `<style>` first or use `style="…"` inline. Never invent a global class on a `<section>` that isn't backed by CSS.
-
----
-
-## Layout 1 — Hero, centered
-
-Use when the page leads with a thesis sentence (most landings, most marketing pages). One eyebrow, one h1 (≤14 words), one lead sentence, two CTAs.
-
-```html
-<section class="section hero" data-od-id="hero">
-  <div class="container hero-center">
-    <p class="eyebrow">EYEBROW · CONTEXT</p>
-    <h1>One sharp sentence about what this is.</h1>
-    <p class="lead">One concrete-value subhead — what changes for the reader.</p>
-    <div class="hero-cta">
-      <button class="btn btn-primary">Primary action</button>
-      <button class="btn btn-secondary">Secondary</button>
-    </div>
-  </div>
-</section>
-```
-
-## Layout 2 — Hero, split (text + visual)
-
-Use when there is a real product visual (product UI, screenshot, photograph). Left half copy, right half a `ph-img` placeholder the user replaces.
-
-```html
-<section class="section" data-od-id="hero-split">
-  <div class="container hero-split">
-    <div>
-      <p class="eyebrow">EYEBROW · ROLE</p>
-      <h1>Headline that names the change.</h1>
-      <p class="lead" style="margin-top: 20px;">A short subhead — concrete, not corporate. Two sentences max.</p>
-      <div class="hero-cta" style="margin-top: 28px;">
-        <button class="btn btn-primary">Primary action</button>
-        <button class="btn btn-ghost btn-arrow">Read the story</button>
-      </div>
-    </div>
-    <div class="ph-img wide" aria-label="Hero visual placeholder">[ Hero visual · 16:9 ]</div>
-  </div>
-</section>
-```
-
-## Layout 3 — Feature triplet
-
-Three feature cells. Lead with a small `<h2>` framing the row. Don't put an icon on every heading — one tasteful mark per cell, monoline.
-
-```html
-<section class="section" data-od-id="features">
-  <div class="container stack" style="gap: 56px;">
-    <div style="max-width: 36ch;">
-      <p class="eyebrow">WHAT'S DIFFERENT</p>
-      <h2>Three things you'll notice in the first ten minutes.</h2>
-    </div>
-    <div class="grid-3">
-      <div class="feature card-flat">
-        <div class="feature-mark">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 3v18M3 12h18"/></svg>
-        </div>
-        <h3>Specific feature one</h3>
-        <p>Two-sentence description that names the user value, not the technology.</p>
-      </div>
-      <div class="feature card-flat">
-        <div class="feature-mark">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><circle cx="12" cy="12" r="8"/><path d="M12 8v4l3 2"/></svg>
-        </div>
-        <h3>Specific feature two</h3>
-        <p>Two-sentence description that names the user value, not the technology.</p>
-      </div>
-      <div class="feature card-flat">
-        <div class="feature-mark">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M4 7h16M4 12h10M4 17h16"/></svg>
-        </div>
-        <h3>Specific feature three</h3>
-        <p>Two-sentence description that names the user value, not the technology.</p>
-      </div>
-    </div>
-  </div>
-</section>
-```
-
-## Layout 4 — Stat row (data billboard)
-
-Use when there are real numbers. Three stats max — four feels like a brochure. **Don't invent metrics.** If you don't have a number, use a different layout.
-
-```html
-<section class="section" data-od-id="stats">
-  <div class="container">
-    <p class="eyebrow" style="margin-bottom: 40px;">BY THE NUMBERS · 2026</p>
-    <div class="grid-3">
-      <div class="stat">
-        <div class="stat-num num">38<span class="stat-unit">×</span></div>
-        <p class="stat-label">less data moved over the wire vs. naive sync, on real customer workloads.</p>
-      </div>
-      <div class="stat">
-        <div class="stat-num num">3,184</div>
-        <p class="stat-label">paying teams, including 14 of the YC W26 batch.</p>
-      </div>
-      <div class="stat">
-        <div class="stat-num num">$0.04<span class="stat-unit">/GB</span></div>
-        <p class="stat-label">average egress saved — typical $1,800/mo bill drops to $200.</p>
-      </div>
-    </div>
-  </div>
-</section>
-```
-
-## Layout 5 — Pull quote (testimonial)
-
-A single decisive quote with attribution. Use sparingly — one per page, never two in a row.
-
-```html
-<section class="section" data-od-id="quote">
-  <div class="container" style="max-width: 800px;">
-    <div class="quote-mark">"</div>
-    <blockquote class="quote">Filebase pays for itself in the first month. We were going to hire a dedicated DevOps person to babysit our sync — instead we just switched.</blockquote>
-    <p class="quote-author">— Mira Hassan, CTO at Northwind Studios</p>
-  </div>
-</section>
-```
-
-## Layout 6 — CTA strip (closing)
-
-End the page on one decisive ask. Centered, generous whitespace, one primary button. No secondary unless the page has zero other buttons.
-
-```html
-<section class="section" data-od-id="cta-strip" style="text-align: center;">
-  <div class="container" style="max-width: 600px;">
-    <h2>Stop measuring meetings. Start measuring focus.</h2>
-    <p class="lead" style="margin: 16px auto 32px;">Free for solo. $4/mo per teammate after that.</p>
-    <button class="btn btn-primary">Start free</button>
-  </div>
-</section>
-```
-
-## Layout 7 — Log list (changelog / blog index / posts)
-
-Editorial layout for a list of dated entries. Date in mono on the left, title + dek in the middle, optional pull stat on the right. Borders on top, never around — boxes feel like a brochure.
-
-```html
-<section class="section" data-od-id="log">
-  <div class="container">
-    <div class="row-between" style="margin-bottom: 32px;">
-      <h2>Recent changes</h2>
-      <a class="btn btn-ghost btn-arrow" href="#">View all</a>
-    </div>
-    <div>
-      <article class="log-row">
-        <span class="meta">Apr 27, 2026</span>
-        <div>
-          <h3>Sync engine v3 — half the wire bytes</h3>
-          <p style="margin: 4px 0 0; color: var(--muted); font-size: 14px;">A new content-defined chunker that produces 38× fewer post-edit changes on Final Cut projects.</p>
-        </div>
-        <span class="pull meta">Engineering</span>
-      </article>
-      <article class="log-row">
-        <span class="meta">Apr 19, 2026</span>
-        <div>
-          <h3>Per-folder bandwidth budgets</h3>
-          <p style="margin: 4px 0 0; color: var(--muted); font-size: 14px;">Cap how much a single project can pull each month — useful for archive folders.</p>
-        </div>
-        <span class="pull meta">Product</span>
-      </article>
-      <article class="log-row">
-        <span class="meta">Apr 04, 2026</span>
-        <div>
-          <h3>S3 + R2 dual-region replication</h3>
-          <p style="margin: 4px 0 0; color: var(--muted); font-size: 14px;">Two providers, automatic failover. Enterprise tier only for now.</p>
-        </div>
-        <span class="pull meta">Infra</span>
-      </article>
-    </div>
-  </div>
-</section>
-```
-
-## Layout 8 — Comparison table (pricing, plan matrix, before/after)
-
-Hairline borders, mono numerics, one column highlighted via an accent border. Don't put the whole row in surface-color — that screams "table".
-
-```html
-<section class="section" data-od-id="pricing">
-  <div class="container">
-    <div style="text-align: center; max-width: 36ch; margin: 0 auto 56px;">
-      <p class="eyebrow">PRICING</p>
-      <h2>One row of features. Three lines of pricing.</h2>
-    </div>
-    <table class="ds-table">
-      <thead>
-        <tr>
-          <th>Feature</th>
-          <th class="num-col">Solo</th>
-          <th class="num-col">Team</th>
-          <th class="num-col">Enterprise</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr><td>Sync engine v3</td><td class="num-col">✓</td><td class="num-col">✓</td><td class="num-col">✓</td></tr>
-        <tr><td>Per-folder budgets</td><td class="num-col">—</td><td class="num-col">✓</td><td class="num-col">✓</td></tr>
-        <tr><td>SAML / SCIM</td><td class="num-col">—</td><td class="num-col">—</td><td class="num-col">✓</td></tr>
-        <tr><td>Dedicated infra</td><td class="num-col">—</td><td class="num-col">—</td><td class="num-col">✓</td></tr>
-        <tr style="border-top: 1px solid var(--fg);">
-          <td><strong>Monthly</strong></td>
-          <td class="num-col"><strong>$0</strong></td>
-          <td class="num-col"><strong>$4 / seat</strong></td>
-          <td class="num-col"><strong>Talk to us</strong></td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</section>
-```
-
----
-
-## Section rhythm — when in doubt
-
-For a 5-section landing:
-1. Hero (Layout 1 or 2)
-2. Features (Layout 3)
-3. Stats *or* quote (Layout 4 or 5)
-4. Split detail (custom, using `grid-2-1` / `grid-1-2`)
-5. CTA + footer (Layout 6)
-
-For a 4-section docs/marketing index:
-1. Hero center (Layout 1)
-2. Log list (Layout 7)
-3. CTA + footer (Layout 6)
-
-Two stat rows in a row, two quote blocks in a row, two feature triplets in a row — all visual fatigue. Alternate.

package/bizar-dash/ARCHITECTURE.md

@@ -1,197 +0,0 @@
-# bizar-dash/ — Architecture
-
-> The dashboard server + React UI. This module is Layer 1 (UI) and
-> communicates with the plugin via HTTP/WS. It also embeds ClineCore
-> in-process for background-agent spawning. See
-> [docs/architecture.md](../docs/architecture.md) for the layer
-> model.
-
-## Top-level layout
-
-```
-bizar-dash/
-├── src/
-│   ├── server/
-│   │   ├── index.mjs              # Express server entry
-│   │   ├── bg-spawner.mjs         # Background agent spawner (ClineCore in-process)
-│   │   ├── cline-sdk.mjs          # SDK wrapper (legacy compat)
-│   │   ├── serve-info.mjs         # Serve-info file IO
-│   │   ├── tasks-store.mjs        # Per-project task storage
-│   │   ├── memory-store.mjs       # Obsidian markdown vault
-│   │   ├── memory-schema.mjs      # Memory note schema validation
-│   │   ├── memory-secrets.mjs     # Secret scanner
-│   │   ├── memory-git.mjs         # Memory vault git ops
-│   │   ├── memory-lightrag.mjs    # Semantic search (optional)
-│   │   ├── memory-config.mjs      # Memory config
-│   │   ├── memory-obsidian.mjs    # Obsidian-style read API
-│   │   ├── memory-sync.mjs        # Memory sync
-│   │   ├── memory-conflicts.mjs   # Memory conflict resolution
-│   │   ├── memory-path-safety.mjs # Memory path safety
-│   │   ├── memory-cli.mjs         # Memory CLI commands
-│   │   ├── memory-protocol-drift.mjs # Memory protocol drift detection
-│   │   ├── activity-log.mjs       # Activity log
-│   │   ├── auth.mjs               # Auth
-│   │   ├── otel.mjs               # OpenTelemetry
-│   │   ├── metrics.mjs            # Metrics
-│   │   ├── diagnostics-store.mjs  # Diagnostics
-│   │   ├── obsidian-store.mjs     # Obsidian store
-│   │   ├── settings-store.mjs     # Settings store
-│   │   ├── background-store.mjs   # Background state
-│   │   ├── agents-store.mjs       # Agents store
-│   │   ├── backup-store.mjs       # Backups
-│   │   ├── dialog-store.mjs       # Dialog state
-│   │   ├── dialog-poller.mjs      # Dialog polling
-│   │   ├── search-store.mjs       # Search index
-│   │   ├── providers-store.mjs    # Provider catalog
-│   │   ├── plan-delegator.mjs     # Task → agent delegator
-│   │   ├── task-delegator.mjs     # Task delegator
-│   │   ├── cline-runner.mjs       # Cline runner
-│   │   ├── cline-sdk.mjs          # Cline SDK wrapper
-│   │   ├── v2-auth-file.mjs       # v2 auth file
-│   │   ├── v2-event-bus.mjs       # v2 event bus
-│   │   └── routes/                # REST API routes
-│   │       ├── memory.mjs
-│   │       ├── tasks.mjs
-│   │       ├── background.mjs
-│   │       ├── overview.mjs
-│   │       ├── projects.mjs
-│   │       ├── history.mjs
-│   │       ├── settings.mjs
-│   │       ├── providers.mjs
-│   │       ├── env-vars.mjs
-│   │       ├── usage.mjs
-│   │       ├── update.mjs
-│   │       ├── lightrag.mjs
-│   │       ├── opencode-sessions.mjs
-│   │       ├── opencode-session-detail.mjs
-│   │       ├── doctor.mjs
-│   │       ├── dialogs.mjs
-│   │       ├── artifacts.mjs
-│   │       ├── agents.mjs
-│   │       ├── memory.mjs
-│   │       ├── agents.mjs
-│   │       ├── chat.mjs
-│   │       ├── cline-sessions.mjs
-│   │       ├── cline-session-detail.mjs
-│   │       ├── config.mjs
-│   │       ├── artifacts.mjs
-│   │       ├── chat.mjs
-│   │       └── misc.mjs
-│   └── web/
-│       ├── App.tsx                # Root shell + WS routing (v6.0.0)
-│       ├── MobileApp.tsx          # Mobile root shell
-│       ├── views/                 # Page-level views (17)
-│       │   ├── Overview.tsx
-│       │   ├── Chat.tsx
-│       │   ├── Agents.tsx
-│       │   ├── Artifacts.tsx       # Glyphs
-│       │   ├── Tasks.tsx           # 5-column kanban + team badge
-│       │   ├── Activity.tsx
-│       │   ├── BackgroundAgents.tsx # Live BG agent viewer
-│       │   ├── Skills.tsx
-│       │   ├── Memory.tsx
-│       │   ├── Mods.tsx
-│       │   ├── Marketplace.tsx
-│       │   ├── Schedules.tsx
-│       │   ├── History.tsx
-│       │   ├── MiniMaxUsage.tsx
-│       │   ├── Eval.tsx
-│       │   ├── Doctor.tsx
-│       │   ├── Harness.tsx         # v6.0.0 — 73/73 audit
-│       │   └── Settings.tsx
-│       ├── components/             # Reusable components (~50)
-│       │   ├── Topbar.tsx          # 17-tab nav + Cline runtime badge (v6.0.0)
-│       │   ├── Sidebar.tsx
-│       │   ├── Modal.tsx
-│       │   ├── Toast.tsx
-│       │   ├── SearchModal.tsx
-│       │   ├── Notifications.tsx
-│       │   ├── CommandDialog.tsx
-│       │   ├── Card.tsx
-│       │   ├── Button.tsx
-│       │   ├── Tag.tsx
-│       │   ├── Spinner.tsx
-│       │   ├── SettingsNav.tsx
-│       │   ├── StatusBadge.tsx
-│       │   └── ... (~40 more)
-│       ├── hooks/                 # React hooks
-│       ├── lib/                    # API client + types
-│       └── styles/                # CSS (~10 files)
-├── scripts/                       # smoke-bg-retry.mjs
-├── styles/                        # CSS (legacy)
-└── tests/                         # bun:test + vitest (~150 files)
-```
-
-## Public contract
-
-The dashboard listens on `BIZAR_DASHBOARD_PORT` (default 4321).
-It exposes:
-
-- `GET  /api/snapshot` — full state for the UI
-- `GET  /api/agents` — registered agents
-- `POST /api/background` — spawn a background agent
-- `POST /api/background/:id/steer` — mid-flight steer
-- `POST /api/background/:id/pause` / `resume`
-- `DELETE /api/background/:id` — kill
-- `GET  /api/tasks` — list tasks (kanban)
-- `POST /api/tasks` — create task
-- `PATCH /api/tasks/:id/status` — move task between columns
-- `WS   /ws` — server-sent events for live updates
-- `GET  /api/doctor/health` — health endpoint (Harness view consumes)
-
-## Tabs (17, v6.0.0)
-
-| Tab | Description |
-| --- | --- |
-| `overview` | Status cards, recent activity, project selector |
-| `chat` | 3-column chat (rail / thread / info) |
-| `agents` | Agent roster, dispatch visualization |
-| `glyphs` | Glyph artifact viewer |
-| `tasks` | 5-column kanban + team badge |
-| `activity` | Activity feed |
-| `active` | Live BG agent viewer (5s poll + WS) |
-| `skills` | Skills browser (bizar-dash/skills/*) |
-| `memory` | Memory subsystem (4 sources + config) |
-| `mods` | Mod manager |
-| `schedules` | Cron schedules |
-| `history` | Session history |
-| `usage` | MiniMax Usage (hand-rolled SVG chart) |
-| `eval` | Eval framework |
-| `doctor` | System health + diagnostics |
-| `harness` | **NEW v6.0.0** — 73/73 audit + make targets |
-| `settings` | Settings (theme, network, agent, etc.) |
-
-## Key invariants
-
-- Dashboard must NOT re-implement ClineCore features (use
-  `@cline/core`).
-- Background spawner uses ClineCore in-process (not `cline serve`).
-- Kanban board consumes `tasks:change` + `tasks:delete` WS
-  events.
-- Memory store is on disk at `~/.bizar_memory/` (shared with
-  the plugin).
-- Express order matters: `/tasks/bulk` and `/tasks/submit`
-  MUST be declared before `/tasks/:id` so the literal segment
-  isn't captured as an `:id` parameter.
-
-## Verification
-
-- `make check` — TS compile + tests
-- `make e2e` — exercises the dashboard's kanban board via the
-  `Tasks.tsx` view against the `/api/tasks` REST endpoints
-- `make clean-check` — 5-dimension clean-state check
-
-## v6.0.0 highlights
-
-- **Cline runtime badge in topbar** (pulsing purple)
-- **Harness tab** — 73/73 audit, subsystem status, make targets
-- **Tasks kanban team badge** — tasks tagged with `team:*`
-  show a "team" badge with sparkle icon
-- **Brand version pill** — gradient style for "v6.0.0"
-- **No Plugins tab** — removed in v5.6.0-beta.3 (Mods only)
-
-## See also
-
-- [docs/architecture.md](../docs/architecture.md) — layer model
-- [docs/safety.md](../docs/safety.md) — DANGEROUS_PATTERNS reference
-- [docs/decisions/DEC-006-kanban-board.md](../docs/decisions/DEC-006-kanban-board.md)