@svgrid/enterprise 2.5.2 → 2.6.0

package/src/studio/samples/datasets.ts

@@ -1,340 +0,0 @@
-/**
- * Starter datasets for the guided "new app" flow.
- *
- * Where `sampleApps` are finished, hand-laid-out showcases, these are just DATA:
- * a small pair of related entities plus realistic seed rows. The guided wizard
- * (and `svgrid-studio init`) feeds them through `crudAppFromSchemas`, so the
- * user sees the same generated app shape they would get from their own database
- * - only without having to connect one first.
- *
- * Each dataset carries a parent and a child linked by a relation, plus at least
- * one colored enum, so the generated app has status pills, a chart dimension and
- * a related-records tab out of the box.
- *
- * Pure + node-safe: `build()` returns fresh data on every call.
- */
-import type { EntitySchema } from '../../schema.js'
-import { pad, ids } from './shared.js'
-
-type Row = Record<string, unknown>
-
-/** A ready-made pair of entities + seed rows, offered as a starting point. */
-export type StarterDataset = {
-  /** Stable id (also the wizard / CLI selection value). */
-  id: string
-  /** Display name, e.g. "Customers & orders". */
-  name: string
-  /** One-line description for the picker card. */
-  description: string
-  /** A single emoji used as the card icon. */
-  emoji: string
-  /** Build the schemas + seed (fresh each call). */
-  build: () => { entities: EntitySchema[]; seed: Record<string, Row[]> }
-}
-
-// --- 1. Customers & orders ---------------------------------------------------
-
-function customersOrders(): { entities: EntitySchema[]; seed: Record<string, Row[]> } {
-  const customers: EntitySchema = {
-    name: 'customers',
-    label: 'Customer',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'name', type: 'text', label: 'Customer', required: true, minLength: 2 },
-      { field: 'email', type: 'text', label: 'Email', format: 'email' },
-      { field: 'city', type: 'text', label: 'City' },
-      { field: 'tier', type: 'enum', label: 'Tier', options: [
-        { value: 'free', label: 'Free', color: '#64748b' },
-        { value: 'pro', label: 'Pro', color: '#2563eb' },
-        { value: 'enterprise', label: 'Enterprise', color: '#7c3aed' },
-      ] },
-      { field: 'since', type: 'dateString', label: 'Customer since' },
-    ],
-  }
-  const orders: EntitySchema = {
-    name: 'orders',
-    label: 'Order',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'reference', type: 'text', label: 'Reference', required: true },
-      { field: 'customer_id', type: 'relation', label: 'Customer', relation: { entity: 'customers', labelField: 'name' } },
-      { field: 'total', type: 'number', label: 'Total ($)', min: 0 },
-      { field: 'status', type: 'enum', label: 'Status', options: [
-        { value: 'pending', label: 'Pending', color: '#f59e0b' },
-        { value: 'paid', label: 'Paid', color: '#16a34a' },
-        { value: 'shipped', label: 'Shipped', color: '#2563eb' },
-        { value: 'refunded', label: 'Refunded', color: '#dc2626' },
-      ] },
-      { field: 'placed', type: 'dateString', label: 'Placed' },
-    ],
-  }
-  const customerRows: Row[] = [
-    { id: 'cu1', name: 'Northwind Traders', email: 'ops@northwind.test', city: 'Seattle', tier: 'enterprise', since: '2023-02-14' },
-    { id: 'cu2', name: 'Blue Harbour Foods', email: 'hello@blueharbour.test', city: 'Bristol', tier: 'pro', since: '2024-06-02' },
-    { id: 'cu3', name: 'Cedar & Co', email: 'accounts@cedar.test', city: 'Toronto', tier: 'pro', since: '2024-11-19' },
-    { id: 'cu4', name: 'Meridian Labs', email: 'buy@meridian.test', city: 'Berlin', tier: 'free', since: '2025-03-08' },
-    { id: 'cu5', name: 'Fairlight Studio', email: 'studio@fairlight.test', city: 'Melbourne', tier: 'pro', since: '2025-05-21' },
-    { id: 'cu6', name: 'Alpine Outfitters', email: 'orders@alpine.test', city: 'Zurich', tier: 'enterprise', since: '2022-09-30' },
-  ]
-  const orderRows: Row[] = [
-    { id: 'or1', reference: 'INV-1041', customer_id: 'cu1', total: 4820, status: 'paid', placed: '2026-01-12' },
-    { id: 'or2', reference: 'INV-1042', customer_id: 'cu2', total: 615, status: 'shipped', placed: '2026-01-15' },
-    { id: 'or3', reference: 'INV-1043', customer_id: 'cu1', total: 1290, status: 'pending', placed: '2026-01-19' },
-    { id: 'or4', reference: 'INV-1044', customer_id: 'cu3', total: 340, status: 'refunded', placed: '2026-01-23' },
-    { id: 'or5', reference: 'INV-1045', customer_id: 'cu6', total: 7150, status: 'paid', placed: '2026-02-02' },
-  ]
-  return {
-    entities: [customers, orders],
-    seed: {
-      customers: pad(customers, customerRows, 24),
-      orders: pad(orders, orderRows, 40, { customer_id: ids(customerRows) }),
-    },
-  }
-}
-
-// --- 2. Products & categories ------------------------------------------------
-
-function productsCategories(): { entities: EntitySchema[]; seed: Record<string, Row[]> } {
-  const categories: EntitySchema = {
-    name: 'categories',
-    label: 'Category',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'name', type: 'text', label: 'Category', required: true },
-      { field: 'description', type: 'text', label: 'Description' },
-    ],
-  }
-  const products: EntitySchema = {
-    name: 'products',
-    label: 'Product',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'name', type: 'text', label: 'Product', required: true, minLength: 2 },
-      { field: 'category_id', type: 'relation', label: 'Category', relation: { entity: 'categories', labelField: 'name' } },
-      { field: 'price', type: 'number', label: 'Price ($)', min: 0 },
-      { field: 'stock', type: 'number', label: 'In stock', min: 0 },
-      { field: 'status', type: 'enum', label: 'Status', options: [
-        { value: 'active', label: 'Active', color: '#16a34a' },
-        { value: 'low', label: 'Low stock', color: '#f59e0b' },
-        { value: 'discontinued', label: 'Discontinued', color: '#64748b' },
-      ] },
-    ],
-  }
-  const categoryRows: Row[] = [
-    { id: 'ca1', name: 'Beverages', description: 'Coffee, tea, soft drinks' },
-    { id: 'ca2', name: 'Condiments', description: 'Sauces, spreads, seasonings' },
-    { id: 'ca3', name: 'Produce', description: 'Fresh fruit and vegetables' },
-    { id: 'ca4', name: 'Bakery', description: 'Bread, pastries, cakes' },
-    { id: 'ca5', name: 'Household', description: 'Cleaning and kitchen supplies' },
-  ]
-  const productRows: Row[] = [
-    { id: 'pr1', name: 'Single-origin coffee', category_id: 'ca1', price: 14.5, stock: 92, status: 'active' },
-    { id: 'pr2', name: 'Green tea sampler', category_id: 'ca1', price: 9.75, stock: 12, status: 'low' },
-    { id: 'pr3', name: 'Smoked chilli sauce', category_id: 'ca2', price: 6.2, stock: 240, status: 'active' },
-    { id: 'pr4', name: 'Sourdough loaf', category_id: 'ca4', price: 5, stock: 30, status: 'active' },
-    { id: 'pr5', name: 'Bamboo dish brush', category_id: 'ca5', price: 4.4, stock: 0, status: 'discontinued' },
-  ]
-  return {
-    entities: [categories, products],
-    seed: {
-      categories: pad(categories, categoryRows, 12),
-      products: pad(products, productRows, 36, { category_id: ids(categoryRows) }),
-    },
-  }
-}
-
-// --- 3. Projects & tasks -----------------------------------------------------
-
-function projectsTasks(): { entities: EntitySchema[]; seed: Record<string, Row[]> } {
-  const projects: EntitySchema = {
-    name: 'projects',
-    label: 'Project',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'name', type: 'text', label: 'Project', required: true, minLength: 2 },
-      { field: 'owner', type: 'text', label: 'Owner' },
-      { field: 'status', type: 'enum', label: 'Status', options: [
-        { value: 'planning', label: 'Planning', color: '#64748b' },
-        { value: 'active', label: 'Active', color: '#2563eb' },
-        { value: 'blocked', label: 'Blocked', color: '#dc2626' },
-        { value: 'done', label: 'Done', color: '#16a34a' },
-      ] },
-      { field: 'budget', type: 'number', label: 'Budget ($)', min: 0 },
-      { field: 'due', type: 'dateString', label: 'Due' },
-    ],
-  }
-  const tasks: EntitySchema = {
-    name: 'tasks',
-    label: 'Task',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'title', type: 'text', label: 'Task', required: true, minLength: 2 },
-      { field: 'project_id', type: 'relation', label: 'Project', relation: { entity: 'projects', labelField: 'name' } },
-      { field: 'assignee', type: 'text', label: 'Assignee' },
-      { field: 'priority', type: 'enum', label: 'Priority', options: [
-        { value: 'low', label: 'Low', color: '#64748b' },
-        { value: 'medium', label: 'Medium', color: '#f59e0b' },
-        { value: 'high', label: 'High', color: '#dc2626' },
-      ] },
-      { field: 'estimate', type: 'number', label: 'Estimate (h)', min: 0 },
-      { field: 'done', type: 'boolean', label: 'Done' },
-      { field: 'due', type: 'dateString', label: 'Due' },
-    ],
-  }
-  const projectRows: Row[] = [
-    { id: 'pj1', name: 'Website redesign', owner: 'Dana Iqbal', status: 'active', budget: 48000, due: '2026-04-30' },
-    { id: 'pj2', name: 'Mobile checkout', owner: 'Sam Oyelaran', status: 'blocked', budget: 96000, due: '2026-06-15' },
-    { id: 'pj3', name: 'Warehouse migration', owner: 'Riya Kapoor', status: 'planning', budget: 130000, due: '2026-09-01' },
-    { id: 'pj4', name: 'Support portal', owner: 'Theo Marchand', status: 'done', budget: 25000, due: '2025-12-12' },
-  ]
-  const taskRows: Row[] = [
-    { id: 'ts1', title: 'Audit current pages', project_id: 'pj1', assignee: 'Dana Iqbal', priority: 'medium', estimate: 12, done: true, due: '2026-02-10' },
-    { id: 'ts2', title: 'New component library', project_id: 'pj1', assignee: 'Nils Berg', priority: 'high', estimate: 40, done: false, due: '2026-03-20' },
-    { id: 'ts3', title: 'Payment provider spike', project_id: 'pj2', assignee: 'Sam Oyelaran', priority: 'high', estimate: 16, done: false, due: '2026-02-28' },
-    { id: 'ts4', title: 'Inventory data mapping', project_id: 'pj3', assignee: 'Riya Kapoor', priority: 'low', estimate: 24, done: false, due: '2026-05-05' },
-  ]
-  return {
-    entities: [projects, tasks],
-    seed: {
-      projects: pad(projects, projectRows, 16),
-      tasks: pad(tasks, taskRows, 48, { project_id: ids(projectRows) }),
-    },
-  }
-}
-
-// --- 4. Employees & departments ---------------------------------------------
-
-function employeesDepartments(): { entities: EntitySchema[]; seed: Record<string, Row[]> } {
-  const departments: EntitySchema = {
-    name: 'departments',
-    label: 'Department',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'name', type: 'text', label: 'Department', required: true },
-      { field: 'location', type: 'text', label: 'Location' },
-      { field: 'headcount', type: 'number', label: 'Headcount', min: 0 },
-    ],
-  }
-  const employees: EntitySchema = {
-    name: 'employees',
-    label: 'Employee',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'name', type: 'text', label: 'Name', required: true, minLength: 2 },
-      { field: 'email', type: 'text', label: 'Email', format: 'email' },
-      { field: 'department_id', type: 'relation', label: 'Department', relation: { entity: 'departments', labelField: 'name' } },
-      { field: 'role', type: 'text', label: 'Role' },
-      { field: 'salary', type: 'number', label: 'Salary ($)', min: 0 },
-      { field: 'status', type: 'enum', label: 'Status', options: [
-        { value: 'active', label: 'Active', color: '#16a34a' },
-        { value: 'onboarding', label: 'Onboarding', color: '#2563eb' },
-        { value: 'leave', label: 'On leave', color: '#f59e0b' },
-        { value: 'alumni', label: 'Alumni', color: '#64748b' },
-      ] },
-      { field: 'started', type: 'dateString', label: 'Start date' },
-    ],
-  }
-  const departmentRows: Row[] = [
-    { id: 'de1', name: 'Engineering', location: 'Lisbon', headcount: 42 },
-    { id: 'de2', name: 'Sales', location: 'Chicago', headcount: 18 },
-    { id: 'de3', name: 'Support', location: 'Manila', headcount: 25 },
-    { id: 'de4', name: 'Finance', location: 'London', headcount: 9 },
-  ]
-  const employeeRows: Row[] = [
-    { id: 'em1', name: 'Aisha Rahman', email: 'aisha@example.test', department_id: 'de1', role: 'Staff engineer', salary: 142000, status: 'active', started: '2021-08-16' },
-    { id: 'em2', name: 'Marcus Webb', email: 'marcus@example.test', department_id: 'de2', role: 'Account executive', salary: 88000, status: 'active', started: '2023-01-09' },
-    { id: 'em3', name: 'Lena Fischer', email: 'lena@example.test', department_id: 'de3', role: 'Support lead', salary: 76000, status: 'leave', started: '2022-04-25' },
-    { id: 'em4', name: 'Diego Santos', email: 'diego@example.test', department_id: 'de4', role: 'Financial analyst', salary: 81000, status: 'onboarding', started: '2026-01-05' },
-  ]
-  return {
-    entities: [departments, employees],
-    seed: {
-      departments: pad(departments, departmentRows, 10),
-      employees: pad(employees, employeeRows, 40, { department_id: ids(departmentRows) }),
-    },
-  }
-}
-
-// --- 5. Support tickets ------------------------------------------------------
-
-function ticketsAccounts(): { entities: EntitySchema[]; seed: Record<string, Row[]> } {
-  const accounts: EntitySchema = {
-    name: 'accounts',
-    label: 'Account',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'company', type: 'text', label: 'Company', required: true, minLength: 2 },
-      { field: 'contact', type: 'text', label: 'Primary contact' },
-      { field: 'plan', type: 'enum', label: 'Plan', options: [
-        { value: 'starter', label: 'Starter', color: '#64748b' },
-        { value: 'growth', label: 'Growth', color: '#2563eb' },
-        { value: 'scale', label: 'Scale', color: '#7c3aed' },
-      ] },
-      { field: 'seats', type: 'number', label: 'Seats', min: 1 },
-    ],
-  }
-  const tickets: EntitySchema = {
-    name: 'tickets',
-    label: 'Ticket',
-    idField: 'id',
-    fields: [
-      { field: 'id', type: 'text', primaryKey: true, readonly: true },
-      { field: 'subject', type: 'text', label: 'Subject', required: true, minLength: 3 },
-      { field: 'account_id', type: 'relation', label: 'Account', relation: { entity: 'accounts', labelField: 'company' } },
-      { field: 'priority', type: 'enum', label: 'Priority', options: [
-        { value: 'low', label: 'Low', color: '#64748b' },
-        { value: 'normal', label: 'Normal', color: '#2563eb' },
-        { value: 'urgent', label: 'Urgent', color: '#dc2626' },
-      ] },
-      { field: 'status', type: 'enum', label: 'Status', options: [
-        { value: 'open', label: 'Open', color: '#f59e0b' },
-        { value: 'pending', label: 'Pending', color: '#2563eb' },
-        { value: 'solved', label: 'Solved', color: '#16a34a' },
-      ] },
-      { field: 'hours', type: 'number', label: 'Hours logged', min: 0 },
-      { field: 'opened', type: 'dateString', label: 'Opened' },
-    ],
-  }
-  const accountRows: Row[] = [
-    { id: 'ac1', company: 'Halcyon Retail', contact: 'Priya Nair', plan: 'scale', seats: 220 },
-    { id: 'ac2', company: 'Redwood Clinic', contact: 'Tom Alvarez', plan: 'growth', seats: 45 },
-    { id: 'ac3', company: 'Vector Freight', contact: 'Ingrid Holm', plan: 'starter', seats: 8 },
-    { id: 'ac4', company: 'Pinehill Academy', contact: 'Joy Adeyemi', plan: 'growth', seats: 60 },
-  ]
-  const ticketRows: Row[] = [
-    { id: 'tk1', subject: 'Export fails on large report', account_id: 'ac1', priority: 'urgent', status: 'open', hours: 3.5, opened: '2026-02-03' },
-    { id: 'tk2', subject: 'Add a second admin seat', account_id: 'ac2', priority: 'low', status: 'solved', hours: 0.5, opened: '2026-01-28' },
-    { id: 'tk3', subject: 'Webhook retries stop after an hour', account_id: 'ac3', priority: 'normal', status: 'pending', hours: 2, opened: '2026-02-06' },
-    { id: 'tk4', subject: 'SSO metadata refresh', account_id: 'ac4', priority: 'normal', status: 'open', hours: 1.25, opened: '2026-02-11' },
-  ]
-  return {
-    entities: [accounts, tickets],
-    seed: {
-      accounts: pad(accounts, accountRows, 12),
-      tickets: pad(tickets, ticketRows, 44, { account_id: ids(accountRows) }),
-    },
-  }
-}
-
-/** Every starter dataset, in picker order. */
-export const starterDatasets: StarterDataset[] = [
-  { id: 'customers-orders', name: 'Customers & orders', description: 'Accounts with their order history - the classic back-office pair.', emoji: '🧾', build: customersOrders },
-  { id: 'products-categories', name: 'Products & categories', description: 'A product catalog with stock levels and categories.', emoji: '📦', build: productsCategories },
-  { id: 'projects-tasks', name: 'Projects & tasks', description: 'Project tracker with assignees, priorities and due dates.', emoji: '🗂️', build: projectsTasks },
-  { id: 'employees-departments', name: 'Employees & departments', description: 'A staff directory with departments, roles and salaries.', emoji: '👥', build: employeesDepartments },
-  { id: 'tickets-accounts', name: 'Support tickets', description: 'Customer accounts with a support queue by priority and status.', emoji: '🎧', build: ticketsAccounts },
-]
-
-/** Look up a starter dataset by id. */
-export function getStarterDataset(id: string): StarterDataset | undefined {
-  return starterDatasets.find((d) => d.id === id)
-}

package/src/studio/samples/ecommerce.ts

@@ -1,187 +0,0 @@
-import type { EntitySchema } from '../../schema.js'
-import type { FormatRule } from '../project.js'
-import { screen, formScreen, boardScreen, detailScreen, project, dashScreen, statusPills, pad, ids, type SampleApp } from './shared.js'
-
-const products: EntitySchema = {
-  name: 'products',
-  label: 'Product',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'name', type: 'text', required: true, minLength: 2 },
-    { field: 'sku', type: 'text', label: 'SKU', input: { editorType: 'mask', mask: 'AAA-#####', help: 'Warehouse stock code' } },
-    { field: 'category', type: 'enum', required: true, options: [
-      { value: 'electronics', label: 'Electronics', color: '#6366f1' },
-      { value: 'home', label: 'Home', color: '#10b981' },
-      { value: 'apparel', label: 'Apparel', color: '#f59e0b' },
-      { value: 'office', label: 'Office', color: '#0ea5e9' },
-    ] },
-    { field: 'price', type: 'number', label: 'Price ($)', required: true, min: 0, defaultValue: 0, input: { prefix: '$', help: 'Retail price' } },
-    { field: 'stock', type: 'number', label: 'In stock', min: 0, defaultValue: 0 },
-    // Derived: inventory value on hand (display-only, never stored).
-    { field: 'stockValue', type: 'number', label: 'Stock value ($)', readonly: true, formula: 'price * stock' },
-    { field: 'rating', type: 'number', label: 'Rating', min: 1, max: 5, defaultValue: 3, input: { editorType: 'rating', help: '1-5 customer rating' } },
-    { field: 'tags', type: 'text', label: 'Tags', input: { editorType: 'chips', help: 'Merchandising tags' } },
-    { field: 'color', type: 'text', label: 'Swatch', input: { editorType: 'color', help: 'Primary colorway' } },
-    { field: 'imageUrl', type: 'text', label: 'Image', format: 'url', input: { placeholder: 'https://…' } },
-    { field: 'active', type: 'boolean', label: 'Active', defaultValue: true },
-  ],
-}
-
-const customers: EntitySchema = {
-  name: 'customers',
-  label: 'Customer',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'name', type: 'text', required: true, minLength: 2 },
-    { field: 'email', type: 'text', format: 'email', required: true },
-    { field: 'phone', type: 'text', input: { editorType: 'phone', help: 'Primary contact number' } },
-    { field: 'country', type: 'text', label: 'Country', input: { editorType: 'country', help: 'Billing country' } },
-    { field: 'tier', type: 'enum', required: true, options: [
-      { value: 'free', label: 'Free', color: '#94a3b8' },
-      { value: 'plus', label: 'Plus', color: '#6366f1' },
-      { value: 'vip', label: 'VIP', color: '#f59e0b' },
-    ] },
-    { field: 'joinedAt', type: 'datetime', label: 'Joined', input: { help: 'Signup date and time' } },
-    { field: 'active', type: 'boolean', defaultValue: true },
-  ],
-}
-
-const orders: EntitySchema = {
-  name: 'orders',
-  label: 'Order',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'ref', type: 'text', label: 'Reference' },
-    { field: 'customerId', type: 'relation', label: 'Customer', relation: { entity: 'customers', foreignKey: 'customerId', labelField: 'name' } },
-    { field: 'status', type: 'enum', required: true, options: [
-      { value: 'pending', label: 'Pending', color: '#f59e0b' },
-      { value: 'paid', label: 'Paid', color: '#6366f1' },
-      { value: 'shipped', label: 'Shipped', color: '#10b981' },
-      { value: 'refunded', label: 'Refunded', color: '#ef4444' },
-    ] },
-    { field: 'total', type: 'number', label: 'Total ($)', required: true, min: 0, input: { prefix: '$' } },
-    { field: 'discount', type: 'number', label: 'Discount (%)', min: 0, max: 100, defaultValue: 0, input: { editorType: 'slider', help: 'Order-level discount' } },
-    // Derived: revenue after the discount is applied (display-only).
-    { field: 'net', type: 'number', label: 'Net ($)', readonly: true, formula: 'total - total * discount / 100' },
-    { field: 'placedAt', type: 'datetime', label: 'Placed' },
-  ],
-}
-
-// Order grid formatting: status pills plus numeric thresholds - big-ticket orders
-// green + bold, tiny orders muted, and steep discounts flagged red so margin risk
-// pops without reading a number.
-const orderFormats: FormatRule[] = [
-  ...statusPills(orders, 'status'),
-  { field: 'total', op: 'gte', value: 500, color: '#16a34a', bold: true },
-  { field: 'total', op: 'lt', value: 100, color: '#94a3b8' },
-  { field: 'discount', op: 'gte', value: 20, color: '#dc2626', bold: true },
-]
-
-// Product grid formatting: category pills plus stock thresholds - out-of-stock /
-// low stock red + bold, healthy stock green, and premium prices bold.
-const productFormats: FormatRule[] = [
-  ...statusPills(products, 'category'),
-  { field: 'stock', op: 'lt', value: 10, color: '#dc2626', bold: true },
-  { field: 'stock', op: 'gte', value: 200, color: '#16a34a' },
-  { field: 'price', op: 'gte', value: 300, bold: true },
-]
-
-const seed = {
-  products: [
-    { id: 'p1', name: 'Mechanical Keyboard', sku: 'ELE-01001', category: 'electronics', price: 120, stock: 42, rating: 5, tags: ['Bestseller', 'New'], color: '#111827', imageUrl: 'https://cdn.shopadmin.io/p/keyboard.png', active: true },
-    { id: 'p2', name: 'Standing Desk', sku: 'HOM-02002', category: 'home', price: 480, stock: 12, rating: 4, tags: ['Ergonomic'], color: '#a16207', imageUrl: 'https://cdn.shopadmin.io/p/desk.png', active: true },
-    { id: 'p3', name: 'Noise-Cancelling Headphones', sku: 'ELE-01003', category: 'electronics', price: 260, stock: 0, rating: 4, tags: ['Premium', 'Audio'], color: '#1e3a8a', imageUrl: 'https://cdn.shopadmin.io/p/headphones.png', active: false },
-    { id: 'p4', name: 'Ergonomic Mouse', sku: 'ELE-01004', category: 'electronics', price: 60, stock: 130, rating: 5, tags: ['Ergonomic', 'Wireless'], color: '#374151', imageUrl: 'https://cdn.shopadmin.io/p/mouse.png', active: true },
-    { id: 'p5', name: 'Desk Lamp', sku: 'HOM-02005', category: 'home', price: 45, stock: 88, rating: 3, tags: ['Home'], color: '#f59e0b', imageUrl: 'https://cdn.shopadmin.io/p/lamp.png', active: true },
-    { id: 'p6', name: 'Cotton Hoodie', sku: 'APP-03006', category: 'apparel', price: 55, stock: 210, rating: 4, tags: ['Cotton', 'Casual'], color: '#6366f1', imageUrl: 'https://cdn.shopadmin.io/p/hoodie.png', active: true },
-    { id: 'p7', name: 'Notebook Pack', sku: 'OFF-04007', category: 'office', price: 18, stock: 500, rating: 5, tags: ['Bulk'], color: '#10b981', imageUrl: 'https://cdn.shopadmin.io/p/notebook.png', active: true },
-  ],
-  customers: [
-    { id: 'c1', name: 'Ada Lovelace', email: 'ada@analytic.io', phone: '+1 (415) 555-0110', country: 'United States', tier: 'vip', joinedAt: '2025-01-15T09:20:00Z', active: true },
-    { id: 'c2', name: 'Alan Turing', email: 'alan@bletchley.uk', phone: '+44 20 7946 0111', country: 'United Kingdom', tier: 'plus', joinedAt: '2025-03-02T14:05:00Z', active: true },
-    { id: 'c3', name: 'Grace Hopper', email: 'grace@navy.mil', phone: '+1 (202) 555-0112', country: 'United States', tier: 'vip', joinedAt: '2024-11-08T11:45:00Z', active: true },
-    { id: 'c4', name: 'Linus Torvalds', email: 'linus@kernel.org', phone: '+358 9 5550113', country: 'Finland', tier: 'plus', joinedAt: '2025-05-21T08:30:00Z', active: true },
-    { id: 'c5', name: 'Barbara Liskov', email: 'barbara@sub.dev', phone: '+1 (650) 555-0114', country: 'United States', tier: 'free', joinedAt: '2025-02-17T16:10:00Z', active: false },
-    { id: 'c6', name: 'Guido van Rossum', email: 'guido@py.org', phone: '+31 20 5550115', country: 'Netherlands', tier: 'plus', joinedAt: '2025-04-09T10:00:00Z', active: true },
-  ],
-  orders: [
-    { id: 'o1', ref: 'ORD-1001', customerId: 'c1', status: 'shipped', total: 640, discount: 10, placedAt: '2026-06-12T14:30:00Z' },
-    { id: 'o2', ref: 'ORD-1002', customerId: 'c2', status: 'paid', total: 120, discount: 0, placedAt: '2026-06-18T09:15:00Z' },
-    { id: 'o3', ref: 'ORD-1003', customerId: 'c3', status: 'pending', total: 305, discount: 15, placedAt: '2026-07-01T18:40:00Z' },
-    { id: 'o4', ref: 'ORD-1004', customerId: 'c1', status: 'refunded', total: 260, discount: 0, placedAt: '2026-05-22T12:05:00Z' },
-    { id: 'o5', ref: 'ORD-1005', customerId: 'c4', status: 'shipped', total: 78, discount: 5, placedAt: '2026-07-03T07:50:00Z' },
-    { id: 'o6', ref: 'ORD-1006', customerId: 'c6', status: 'paid', total: 540, discount: 20, placedAt: '2026-07-08T20:25:00Z' },
-    { id: 'o7', ref: 'ORD-1007', customerId: 'c3', status: 'pending', total: 45, discount: 0, placedAt: '2026-07-10T13:00:00Z' },
-    { id: 'o8', ref: 'ORD-1008', customerId: 'c2', status: 'shipped', total: 198, discount: 25, placedAt: '2026-06-28T15:35:00Z' },
-  ],
-}
-
-export const ecommerce: SampleApp = {
-  id: 'ecommerce',
-  name: 'E-commerce admin',
-  description: 'Products, customers and orders - enterprise revenue + catalog dashboards (KPI revenue sparkline + target, gauges, area sales trend, category x stock pivot, tabbed breakdowns), filtered status-pill grids with low-stock red formatting and row actions, per-customer order-history master/detail, and rich edit forms (SKU mask, star rating, tags, color swatch, phone, country, discount slider).',
-  emoji: '\u{1F6D2}',
-  accent: '#10b981',
-  build: () => {
-    const productRows = pad(products, seed.products, 18)
-    const customerRows = pad(customers, seed.customers, 16)
-    const orderRows = pad(orders, seed.orders, 34, { customerId: ids(customerRows) })
-    return project({
-      title: 'Shop Admin',
-      brand: 'Shop Admin',
-      accent: '#10b981',
-      preset: 'vercel',
-      navStyle: 'top-nav',
-      footer: '© Shop Inc.',
-      entities: [products, customers, orders],
-      seed: { products: productRows, customers: customerRows, orders: orderRows },
-      screens: [
-        // Revenue dashboard: KPI cards (a revenue card with a sparkline over placed
-        // dates + a $12k target), a target gauge, a status breakdown + pie, a
-        // sales-over-time area trend, a tabbed breakdown, and a status-pill order grid.
-        dashScreen(orders, { id: 'overview', title: 'Overview', order: 0 }, [
-          { kpi: 'Revenue', measure: 'total', reduce: 'sum', format: 'currency', trendField: 'placedAt', trendReduce: 'sum', target: 12000, span: 1 },
-          { kpi: 'Orders', reduce: 'count', span: 1 },
-          { kpi: 'Avg order', measure: 'total', reduce: 'avg', format: 'currency', span: 1 },
-          { gauge: 'Revenue vs $15k target', measure: 'total', reduce: 'sum', min: 0, max: 15000, unit: '$', span: 1 },
-          { chart: 'status', measure: 'total', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'status', reduce: 'count', type: 'pie', span: 1 },
-          { chart: 'placedAt', measure: 'total', reduce: 'sum', type: 'area', span: 3 },
-          { tabs: [
-            { label: 'Revenue by status', tiles: [{ chart: 'status', measure: 'total', reduce: 'sum', type: 'bar' }] },
-            { label: 'Orders by status', tiles: [{ chart: 'status', reduce: 'count', type: 'bar' }] },
-          ], span: 3 },
-          { grid: true, format: orderFormats, summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        // Catalog dashboard: stock + price KPIs (units compact-formatted), a rating
-        // gauge, category breakdowns, a category x active pivot of stock, a faceted
-        // filter, and a product grid with low-stock red formatting + inline edit.
-        // Fulfillment board: orders as cards in status columns (pending/paid/shipped/refunded).
-        boardScreen(orders, { id: 'board', title: 'Fulfillment', order: 1 }, { groupBy: 'status', titleField: 'ref', badgeField: 'total', filter: ['status', 'customerId'] }),
-        // Customer 360: shopper header (tier pill) with an order-history timeline
-        // (by placed date, colored by fulfillment status, $ order totals).
-        detailScreen(customers, { id: 'customer-360', title: 'Customer 360', order: 2 }, {
-          titleField: 'name', subtitleField: 'country', statusField: 'tier',
-          related: [{ entity: 'orders', foreignKey: 'customerId', label: 'Orders', titleField: 'ref', subtitleField: 'total', dateField: 'placedAt', statusField: 'status' }],
-        }),
-        dashScreen(products, { id: 'catalog', title: 'Catalog', order: 3 }, [
-          { kpi: 'Products', reduce: 'count', span: 1 },
-          { kpi: 'Units in stock', measure: 'stock', reduce: 'sum', format: 'compact', span: 1 },
-          { kpi: 'Avg price', measure: 'price', reduce: 'avg', format: 'currency', span: 1 },
-          { gauge: 'Avg rating', measure: 'rating', reduce: 'avg', min: 0, max: 5, span: 1 },
-          { chart: 'category', measure: 'stock', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'category', reduce: 'count', type: 'pie', span: 1 },
-          { pivot: { rows: ['category'], cols: ['active'], measure: 'stock', aggregate: 'sum' }, span: 3 },
-          { filter: ['category', 'active'], span: 3 },
-          { grid: true, format: productFormats, summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        screen(customers, 'master-detail', { id: 'customers', title: 'Customers', order: 4, child: orders, foreignKey: 'customerId', linkScreen: 'customer-360' }),
-        formScreen(products, { id: 'products', title: 'Products', order: 5 }, undefined, { format: productFormats, summaries: true, rowActions: [{ kind: 'edit' }] }, ['category', 'tags', 'active']),
-        formScreen(orders, { id: 'orders', title: 'Orders', order: 6 }, undefined, { format: orderFormats, summaries: true, rowActions: [{ kind: 'edit' }] }, ['status', 'customerId']),
-      ],
-    })
-  },
-}