# Viewer Demo
_by supertrove-marketing_

Demo list showcasing JSON viewer, Mermaid diagrams, and SmartItemViewer

**6 items**

## 10c2a7a6-67d7-4374-9d91-b9996d3d4524
- **filename:** theme-config.json
- **content:** {
  "name": "supertrove-theme",
  "version": "1.0.0",
  "colors": {
    "primary": "#f59e0b",
    "background": "#ffffff",
    "foreground": "#0a0a0a",
    "muted": "#f4f4f5",
    "border": "#e4e4e7"
  },
  "dark": {
    "background": "#0a0a0a",
    "foreground": "#fafafa",
    "muted": "#27272a",
    "border": "#3f3f46"
  },
  "fonts": {
    "sans": "Inter, system-ui, sans-serif",
    "mono": "JetBrains Mono, monospace"
  },
  "radius": "0.5rem",
  "sidebar": {
    "width": "240px",
    "collapsedWidth": "48px"
  }
}

## 273846e8-ab10-46a6-adce-7d21ec37c6de
- **filename:** product-schema.json
- **content:** {
  "id": "prod_9k2xm",
  "name": "Hydrating Face Serum",
  "sku": "HFS-50ML-01",
  "status": "active",
  "price": {
    "amount": 4900,
    "currency": "AUD",
    "compare_at": 6500
  },
  "inventory": {
    "tracked": true,
    "quantity": 143,
    "low_stock_threshold": 20
  },
  "tags": ["skincare", "serum", "hydration", "bestseller"],
  "metafields": {
    "ingredients": "Hyaluronic Acid, Niacinamide, Centella Asiatica",
    "skin_type": ["dry", "combination", "sensitive"],
    "certifications": ["cruelty-free", "vegan"]
  },
  "seo": {
    "title": "Hydrating Face Serum – 50ml | YourBrand",
    "description": "Deeply hydrating serum with Hyaluronic Acid and Niacinamide.",
    "keywords": ["face serum", "hydrating serum", "hyaluronic acid serum"]
  }
}

## Content Brief: Hydrating Serum
- **type:** content_brief
- **filename:** brief-hfs-50ml.json
- **summary:** Full content brief for the Hydrating Face Serum launch campaign.
- **tags:** skincare, launch, Q3
- **content:** {
  "product": "Hydrating Face Serum",
  "sku": "HFS-50ML-01",
  "target_audience": "Women 25–45 with dry or sensitive skin",
  "tone": "warm, scientific-lite, trustworthy",
  "key_claims": [
    "72h hydration",
    "Clinically tested",
    "No parabens or sulfates"
  ],
  "channels": ["PDP", "email", "instagram"],
  "word_count": { "pdp": 300, "email": 120, "instagram": 60 },
  "deadline": "2026-06-01"
}

## Agent Workflow: Product Enrichment
- **type:** workflow
- **summary:** How the enrichment agent processes raw Shopify products into fully documented items.
- **why:** Raw Shopify exports lack structured metadata needed for SEO and personalisation. This workflow fills the gap without manual effort.
- **details:** ## Steps

1. **Ingest** — pull product from Shopify Admin API
2. **Classify** — tag skin type, ingredient category, price tier
3. **Enrich** — generate summary, SEO title, and description
4. **Validate** — check word counts and required fields
5. **Push** — write back to Shopify metafields

```mermaid
flowchart LR
    subgraph Input
        A[Shopify Product]
    end
    subgraph Processing
        B[Classify] --> C[Enrich]
        C --> D[Validate]
    end
    subgraph Output
        E[Updated Metafields]
    end
    A --> B
    D --> E
```

> **Note:** Validation failures are queued for human review — the agent never silently drops items.
- **tags:** agent, enrichment, shopify

## Release Notes: v0.4.0
- **type:** release_note
- **filename:** release-v040.md
- **content:** # Release v0.4.0

## What's new

- **JSON Viewer** — syntax-highlighted JSON with a copy button
- **Mermaid diagrams** — flowcharts and sequence diagrams render inline in markdown
- **SmartItemViewer** — structured Pretty/Raw toggle for any item type
- **Guest role** — invite people to specific lists only
- **Connect CTA** — always visible in the sidebar footer
- **Workspace switcher** — moved to the top of the sidebar

## Bug fixes

- Invite form no longer errors when inviting an existing member (updates role instead)
- Frontend deploys no longer leak `localhost` URLs from `.env.local`

## Upgrade notes

No migrations required. All changes are additive.

```mermaid
gitGraph
   commit id: "feat: JSON viewer"
   commit id: "feat: mermaid support"
   commit id: "feat: SmartItemViewer"
   commit id: "feat: guest role"
   commit id: "v0.4.0" tag: "v0.4.0"
```

## 63d579ec-76a8-410c-86c0-1fb64e972e5f
- **filename:** pipeline.md
- **content:** # Content Pipeline

This document describes the content production flow.

## Architecture Overview

```mermaid
flowchart TD
    A([START\nProduct Name / SKU]) --> B[Research Agent]
    B --> C{Has enough\ncontext?}
    C -- No --> D[Web Search]
    D --> B
    C -- Yes --> E[Copywriter Agent]
    E --> F[SEO Review]
    F --> G{Passes\nquality check?}
    G -- No --> H[Revision Agent]
    H --> F
    G -- Yes --> I[Publish]
    I --> J([END])
```

## Sequence: Agent Handoff

```mermaid
sequenceDiagram
    participant U as User
    participant O as Orchestrator
    participant R as Research
    participant W as Writer
    U->>O: Submit SKU
    O->>R: Fetch product data
    R-->>O: Product context
    O->>W: Draft copy
    W-->>O: Draft v1
    O-->>U: Ready for review
```

## Status Key

| Status | Meaning |
|---|---|
| 🟡 In Progress | Agent is working |
| 🟢 Done | Ready to publish |
| 🔴 Blocked | Needs human input |

---
_Shared via [SuperTrove](https://supertrove.ai)_