@svgrid/enterprise 2.5.3 → 2.6.0

package/src/studio/samples/live-data.ts

@@ -1,306 +0,0 @@
-/**
- * "Start from live data" gallery: starter `StudioProject`s wired to a REAL data
- * source instead of an in-memory seed - so one click gives you an app that talks
- * to actual Postgres or a live API, then generates a runnable project bound to
- * the same source.
- *
- * These are deliberately separate from `sampleApps` (which are polished,
- * memory-backed, enterprise-layout showcases). A live-data starter's value is
- * the *binding*: embedded Postgres (PGlite), a hosted Supabase project, or a
- * public REST API.
- *
- * Pure + node-safe: plain data built from the same ops the designer uses, so
- * each round-trips through parse/serialize and generates like any project.
- */
-import type { EntitySchema } from '../../schema.js'
-import { listScreen, dashScreen, detailScreen, type SampleApp } from './shared.js'
-import { sanitizeProject, type EntityDataSource, type Screen, type StudioProject, type ShellStyle } from '../project.js'
-
-type Row = Record<string, unknown>
-
-// ---- Northwind schemas (shared by the PGlite + Supabase starters) ----------
-
-const products: EntitySchema = {
-  name: 'products',
-  label: 'Product',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'number', primaryKey: true, readonly: true },
-    { field: 'name', type: 'text', label: 'Product', required: true, minLength: 2 },
-    { field: 'category_id', type: 'number', label: 'Category #', min: 1, max: 8 },
-    { field: 'unit_price', type: 'number', label: 'Unit Price ($)', min: 0 },
-    { field: 'units_in_stock', type: 'number', label: 'In Stock', min: 0 },
-    { field: 'discontinued', type: 'boolean' },
-  ],
-}
-
-const customers: EntitySchema = {
-  name: 'customers',
-  label: 'Customer',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'number', primaryKey: true, readonly: true },
-    { field: 'company', type: 'text', label: 'Company', required: true, minLength: 2 },
-    { field: 'contact', type: 'text', label: 'Contact' },
-    { field: 'city', type: 'text', label: 'City' },
-    { field: 'country', type: 'text', label: 'Country' },
-  ],
-}
-
-/** The `order_lines` join view (Supabase) - read-only. */
-const orderLines: EntitySchema = {
-  name: 'order_lines',
-  label: 'Order line',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'number', primaryKey: true, readonly: true },
-    { field: 'order_id', type: 'number', label: 'Order #', readonly: true },
-    { field: 'order_date', type: 'dateString', label: 'Date', readonly: true },
-    { field: 'customer', type: 'text', label: 'Customer', readonly: true },
-    { field: 'product', type: 'text', label: 'Product', readonly: true },
-    { field: 'category', type: 'text', label: 'Category', readonly: true },
-    { field: 'quantity', type: 'number', label: 'Qty', readonly: true },
-    { field: 'unit_price', type: 'number', label: 'Unit Price ($)', readonly: true },
-    { field: 'line_total', type: 'number', label: 'Line Total ($)', readonly: true },
-    { field: 'ship_country', type: 'text', label: 'Ship To', readonly: true },
-  ],
-}
-
-// ---- Curated Northwind seed (for the PGlite starter) ------------------------
-
-const PRODUCTS: Row[] = [
-  { id: 1, name: 'Chai', category_id: 1, unit_price: 18, units_in_stock: 39, discontinued: false },
-  { id: 2, name: 'Chang', category_id: 1, unit_price: 19, units_in_stock: 17, discontinued: false },
-  { id: 3, name: 'Aniseed Syrup', category_id: 2, unit_price: 10, units_in_stock: 13, discontinued: false },
-  { id: 4, name: "Chef Anton's Cajun Seasoning", category_id: 2, unit_price: 22, units_in_stock: 53, discontinued: false },
-  { id: 5, name: "Grandma's Boysenberry Spread", category_id: 2, unit_price: 25, units_in_stock: 120, discontinued: false },
-  { id: 6, name: "Uncle Bob's Organic Dried Pears", category_id: 7, unit_price: 30, units_in_stock: 15, discontinued: false },
-  { id: 7, name: 'Northwoods Cranberry Sauce', category_id: 2, unit_price: 40, units_in_stock: 6, discontinued: false },
-  { id: 8, name: 'Mishi Kobe Niku', category_id: 6, unit_price: 97, units_in_stock: 29, discontinued: true },
-  { id: 9, name: 'Ikura', category_id: 8, unit_price: 31, units_in_stock: 31, discontinued: false },
-  { id: 10, name: 'Queso Cabrales', category_id: 4, unit_price: 21, units_in_stock: 22, discontinued: false },
-  { id: 11, name: 'Konbu', category_id: 8, unit_price: 6, units_in_stock: 24, discontinued: false },
-  { id: 12, name: 'Tofu', category_id: 7, unit_price: 23.25, units_in_stock: 35, discontinued: false },
-  { id: 13, name: 'Genen Shouyu', category_id: 2, unit_price: 15.5, units_in_stock: 39, discontinued: false },
-  { id: 14, name: 'Pavlova', category_id: 3, unit_price: 17.45, units_in_stock: 29, discontinued: false },
-  { id: 15, name: 'Alice Mutton', category_id: 6, unit_price: 39, units_in_stock: 0, discontinued: true },
-  { id: 16, name: 'Carnarvon Tigers', category_id: 8, unit_price: 62.5, units_in_stock: 42, discontinued: false },
-]
-
-const CUSTOMERS: Row[] = [
-  { id: 1, company: 'Alfreds Futterkiste', contact: 'Maria Anders', city: 'Berlin', country: 'Germany' },
-  { id: 2, company: 'Ana Trujillo Emparedados', contact: 'Ana Trujillo', city: 'México D.F.', country: 'Mexico' },
-  { id: 3, company: 'Antonio Moreno Taquería', contact: 'Antonio Moreno', city: 'México D.F.', country: 'Mexico' },
-  { id: 4, company: 'Around the Horn', contact: 'Thomas Hardy', city: 'London', country: 'UK' },
-  { id: 5, company: 'Berglunds snabbköp', contact: 'Christina Berglund', city: 'Luleå', country: 'Sweden' },
-  { id: 6, company: 'Blauer See Delikatessen', contact: 'Hanna Moos', city: 'Mannheim', country: 'Germany' },
-  { id: 7, company: 'Bólido Comidas preparadas', contact: 'Martín Sommer', city: 'Madrid', country: 'Spain' },
-  { id: 8, company: "Bon app'", contact: 'Laurence Lebihan', city: 'Marseille', country: 'France' },
-  { id: 9, company: 'Bottom-Dollar Markets', contact: 'Elizabeth Lincoln', city: 'Tsawassen', country: 'Canada' },
-  { id: 10, company: "B's Beverages", contact: 'Victoria Ashworth', city: 'London', country: 'UK' },
-]
-
-// ---- Hosted Supabase sample (see docs/enterprise/studio/supabase-sample.md) --
-// Read-only anon RLS, so the publishable key is safe to embed.
-const SUPABASE_URL = 'https://rbnnlzgtfzsylllniozo.supabase.co'
-const SUPABASE_KEY = 'sb_publishable_SiT7CxGl4Z_Du1opTYbxVA_VQWumPUN'
-
-/** Assemble a starter project from entities + screens + explicit per-entity sources. */
-function assemble(opts: {
-  title: string
-  brand: string
-  accent: string
-  mode?: 'light' | 'dark'
-  preset?: string
-  navStyle?: ShellStyle
-  entities: EntitySchema[]
-  screens: Screen[]
-  sources: Record<string, EntityDataSource>
-  dataSource: StudioProject['dataSource']
-}): StudioProject {
-  return sanitizeProject({
-    title: opts.title,
-    entities: opts.entities,
-    screens: opts.screens,
-    dataSource: opts.dataSource,
-    dataSources: opts.sources,
-    theme: {
-      accent: opts.accent,
-      ...(opts.mode ? { mode: opts.mode } : {}),
-      ...(opts.preset ? { preset: opts.preset } : {}),
-      shell: { style: opts.navStyle ?? 'sidebar', brand: opts.brand, footer: '', navPosition: 'left' },
-    },
-  })
-}
-
-// ---- Starters ---------------------------------------------------------------
-
-/** Northwind on embedded Postgres (PGlite) - real SQL + CRUD, zero backend. */
-const northwindPglite: SampleApp = {
-  id: 'live-northwind-pglite',
-  name: 'Northwind · Local Postgres',
-  description: 'The Northwind sample on a real in-browser Postgres (PGlite). Full CRUD, no server, no keys.',
-  emoji: '🐘',
-  accent: '#2f6f4f',
-  build: () =>
-    assemble({
-      title: 'Northwind (Local Postgres)',
-      brand: 'Northwind',
-      accent: '#2f6f4f',
-      preset: 'material',
-      dataSource: 'pglite',
-      entities: [products, customers],
-      screens: [
-        dashScreen(products, { id: 'overview', title: 'Overview', order: 0 }, [
-          { kpi: 'Products', reduce: 'count', span: 1 },
-          { kpi: 'Avg price', measure: 'unit_price', reduce: 'avg', format: 'currency', span: 1 },
-          { kpi: 'In stock', measure: 'units_in_stock', reduce: 'sum', span: 1 },
-          { kpi: 'Priciest', measure: 'unit_price', reduce: 'max', format: 'currency', span: 1 },
-          { chart: 'category_id', measure: 'unit_price', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'discontinued', reduce: 'count', type: 'pie', span: 1 },
-          { grid: true, rowLink: { screen: 'product-detail', sourceField: 'id', targetField: 'id' }, span: 3 },
-        ]),
-        detailScreen(products, { id: 'product-detail', title: 'Product', order: 1 }, {
-          titleField: 'name', metricFields: ['unit_price', 'units_in_stock'],
-          sections: [{ label: 'Catalog', fields: ['category_id', 'discontinued'] }],
-        }),
-        listScreen(customers, { id: 'customers', title: 'Customers', order: 2 }, { grid: { rowLink: { screen: 'customer-detail', sourceField: 'id', targetField: 'id' } } }),
-        detailScreen(customers, { id: 'customer-detail', title: 'Customer', order: 3 }, {
-          titleField: 'company', subtitleField: 'contact',
-          sections: [{ label: 'Location', fields: ['city', 'country'] }],
-        }),
-      ],
-      sources: {
-        products: { kind: 'pglite', table: 'products', seed: PRODUCTS },
-        customers: { kind: 'pglite', table: 'customers', seed: CUSTOMERS },
-      },
-    }),
-}
-
-/** Northwind on a hosted Supabase project - live PostgREST, incl. the join view. */
-const northwindSupabase: SampleApp = {
-  id: 'live-northwind-supabase',
-  name: 'Northwind · Supabase',
-  description: 'A hosted, read-only Northwind on Supabase. Browse the five-table order_lines join view live over PostgREST.',
-  emoji: '⚡',
-  accent: '#3ecf8e',
-  build: () =>
-    assemble({
-      title: 'Northwind (Supabase)',
-      brand: 'Northwind',
-      accent: '#3ecf8e',
-      mode: 'dark',
-      preset: 'vercel',
-      dataSource: 'supabase',
-      entities: [orderLines, products, customers],
-      screens: [
-        // Sales dashboard over the join view: revenue KPIs + breakdowns by category /
-        // country / product, a faceted filter, and the raw order-lines grid.
-        dashScreen(orderLines, { id: 'sales', title: 'Sales', order: 0 }, [
-          { kpi: 'Line items', reduce: 'count', span: 1 },
-          { kpi: 'Revenue', measure: 'line_total', reduce: 'sum', format: 'currency', span: 1 },
-          { kpi: 'Avg line', measure: 'line_total', reduce: 'avg', format: 'currency', span: 1 },
-          { kpi: 'Units sold', measure: 'quantity', reduce: 'sum', span: 1 },
-          { chart: 'category', measure: 'line_total', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'ship_country', measure: 'line_total', reduce: 'sum', type: 'pie', span: 1 },
-          { chart: 'product', measure: 'line_total', reduce: 'sum', type: 'bar', span: 3 },
-          { filter: ['category', 'ship_country'], span: 3 },
-          { grid: true, span: 3 },
-        ]),
-        listScreen(products, { id: 'products', title: 'Products', order: 1 }, { grid: { rowLink: { screen: 'product-360', sourceField: 'id', targetField: 'id' } } }),
-        // Product 360: unit price / stock tiles + a timeline of the order lines for
-        // this product. The view has no FK ids, so the timeline matches by name.
-        detailScreen(products, { id: 'product-360', title: 'Product', order: 2 }, {
-          titleField: 'name', metricFields: ['unit_price', 'units_in_stock'],
-          sections: [{ label: 'Catalog', fields: ['category_id', 'discontinued'] }],
-          related: [{ entity: 'order_lines', foreignKey: 'product', parentField: 'name', label: 'Orders', titleField: 'customer', subtitleField: 'line_total', dateField: 'order_date' }],
-        }),
-        listScreen(customers, { id: 'customers', title: 'Customers', order: 3 }, { grid: { rowLink: { screen: 'customer-360', sourceField: 'id', targetField: 'id' } } }),
-        // Customer 360: an order-history timeline matched by company name.
-        detailScreen(customers, { id: 'customer-360', title: 'Customer', order: 4 }, {
-          titleField: 'company', subtitleField: 'contact',
-          sections: [{ label: 'Location', fields: ['city', 'country'] }],
-          related: [{ entity: 'order_lines', foreignKey: 'customer', parentField: 'company', label: 'Orders', titleField: 'product', subtitleField: 'line_total', dateField: 'order_date' }],
-        }),
-      ],
-      sources: {
-        order_lines: { kind: 'supabase', table: 'order_lines', url: SUPABASE_URL, key: SUPABASE_KEY },
-        products: { kind: 'supabase', table: 'products', url: SUPABASE_URL, key: SUPABASE_KEY },
-        customers: { kind: 'supabase', table: 'customers', url: SUPABASE_URL, key: SUPABASE_KEY },
-      },
-    }),
-}
-
-/** A live public REST feed (DummyJSON products) - no backend, no keys. */
-const dummyjsonRest: SampleApp = {
-  id: 'live-dummyjson-rest',
-  name: 'Products · Live REST',
-  description: 'A live product feed from the public DummyJSON API over createRestDataSource. No backend, no keys.',
-  emoji: '🛰️',
-  accent: '#6d5efc',
-  build: () => {
-    const restProduct: EntitySchema = {
-      name: 'products',
-      label: 'Product',
-      idField: 'id',
-      fields: [
-        { field: 'id', type: 'number', primaryKey: true, readonly: true },
-        { field: 'title', type: 'text', label: 'Product' },
-        { field: 'brand', type: 'text', label: 'Brand' },
-        { field: 'category', type: 'text', label: 'Category' },
-        { field: 'price', type: 'number', label: 'Price ($)' },
-        { field: 'rating', type: 'number', label: 'Rating' },
-        { field: 'stock', type: 'number', label: 'Stock' },
-      ],
-    }
-    return assemble({
-      title: 'Live Products (REST)',
-      brand: 'Live Feed',
-      accent: '#6d5efc',
-      preset: 'shadcn',
-      dataSource: 'rest',
-      entities: [restProduct],
-      // The DummyJSON REST adapter gives the grid REAL server-side paging + sort
-      // (skip/limit/sortBy), and the dashboard aggregates fetch the catalogue in one
-      // large page. No pageSize hack, no manual row/total mapping.
-      screens: [
-        // Catalog dashboard: price / rating / stock KPIs + category & brand breakdowns
-        // over the live feed, with the grid drilling into a product page.
-        dashScreen(restProduct, { id: 'catalog', title: 'Catalog', order: 0 }, [
-          { kpi: 'Products', reduce: 'count', span: 1 },
-          { kpi: 'Avg price', measure: 'price', reduce: 'avg', format: 'currency', span: 1 },
-          { kpi: 'Avg rating', measure: 'rating', reduce: 'avg', span: 1 },
-          { kpi: 'In stock', measure: 'stock', reduce: 'sum', span: 1 },
-          { chart: 'category', reduce: 'count', type: 'bar', span: 2 },
-          { chart: 'brand', measure: 'price', reduce: 'avg', type: 'bar', span: 1 },
-          { filter: ['category', 'brand'], span: 3 },
-          { grid: true, rowLink: { screen: 'product-detail', sourceField: 'id', targetField: 'id' }, span: 3 },
-        ]),
-        detailScreen(restProduct, { id: 'product-detail', title: 'Product', order: 1 }, {
-          titleField: 'title', subtitleField: 'brand', metricFields: ['price', 'rating', 'stock'],
-          sections: [{ label: 'Details', fields: ['category', 'brand'] }],
-        }),
-      ],
-      sources: {
-        // The dummyjson adapter maps skip/limit/sortBy + unwraps the { products, total }
-        // envelope, so the grid pages + sorts against the live feed for real.
-        products: {
-          kind: 'rest',
-          baseUrl: 'https://dummyjson.com',
-          path: 'products',
-          method: 'GET',
-          params: [],
-          adapter: { kind: 'dummyjson', rowsKey: 'products' },
-        },
-      },
-    })
-  },
-}
-
-/** Starters wired to a real data source, in gallery order. */
-export const liveDataSamples: SampleApp[] = [northwindPglite, northwindSupabase, dummyjsonRest]
-
-/** Look up a live-data starter by id. */
-export function getLiveDataSample(id: string): SampleApp | undefined {
-  return liveDataSamples.find((s) => s.id === id)
-}

package/src/studio/samples/projects.ts

@@ -1,212 +0,0 @@
-import type { EntitySchema } from '../../schema.js'
-import type { FormatRule } from '../project.js'
-import { screen, formScreen, boardScreen, schedulerScreen, detailScreen, project, dashScreen, statusPills, pad, ids, type SampleApp } from './shared.js'
-
-// Jira-style chrome: a dark navy issue-tracker sidebar with muted labels and a
-// blue active row (accent bar + tinted fill), the board front and centre.
-const JIRA_CSS = `.sv-app.theme-jira .sv-app__side { background: #1d2125; border-right: 1px solid #2c333a; }
-.sv-app.theme-jira .sv-app__brandtext { color: #fff; font-weight: 700; }
-.sv-app.theme-jira .sv-app__link { color: #c7d1db; border-radius: 4px; padding: 7px 12px; }
-.sv-app.theme-jira .sv-app__link:hover { background: rgba(255, 255, 255, 0.08); color: #fff; }
-.sv-app.theme-jira .sv-app__link.is-active { background: color-mix(in srgb, #0c66e4 30%, #1d2125); color: #fff; box-shadow: inset 3px 0 0 #4c9aff; }
-.sv-app.theme-jira .sv-app__collapse, .sv-app.theme-jira .sv-app__foot { color: #8c9bab; }`
-
-const projectsEntity: EntitySchema = {
-  name: 'projects',
-  label: 'Project',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'name', type: 'text', required: true, minLength: 2 },
-    { field: 'status', type: 'enum', required: true, defaultValue: 'planning', options: [
-      { value: 'planning', label: 'Planning', color: '#94a3b8' },
-      { value: 'active', label: 'Active', color: '#6366f1' },
-      { value: 'on_hold', label: 'On hold', color: '#f59e0b' },
-      { value: 'done', label: 'Done', color: '#10b981' },
-    ] },
-    { field: 'owner', type: 'text', label: 'Owner' },
-    { field: 'budget', type: 'number', label: 'Budget ($)', min: 0, input: { prefix: '$', help: 'Approved budget' } },
-    { field: 'progress', type: 'number', label: 'Progress (%)', min: 0, max: 100, defaultValue: 0, input: { editorType: 'slider', help: 'Overall completion' } },
-    { field: 'color', type: 'text', label: 'Label color', defaultValue: '#6366f1', input: { editorType: 'color', help: 'Board / calendar color' } },
-    { field: 'tags', type: 'text', label: 'Tags', input: { editorType: 'chips', help: 'Themes / labels' } },
-    { field: 'dueDate', type: 'date', label: 'Due date', required: true },
-  ],
-}
-
-const members: EntitySchema = {
-  name: 'members',
-  label: 'Member',
-  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', label: 'Phone', input: { editorType: 'phone', help: 'Direct line' } },
-    { field: 'role', type: 'enum', required: true, defaultValue: 'dev', options: [
-      { value: 'dev', label: 'Engineer', color: '#6366f1' },
-      { value: 'design', label: 'Designer', color: '#ec4899' },
-      { value: 'pm', label: 'PM', color: '#f59e0b' },
-      { value: 'qa', label: 'QA', color: '#10b981' },
-    ] },
-    { field: 'skills', type: 'text', label: 'Skills', input: { editorType: 'chips', help: 'Tech / expertise' } },
-    { field: 'rating', type: 'number', label: 'Performance', min: 1, max: 5, defaultValue: 3, input: { editorType: 'rating', help: '1-5 review score' } },
-  ],
-}
-
-const tasks: EntitySchema = {
-  name: 'tasks',
-  label: 'Task',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'title', type: 'text', required: true, minLength: 2 },
-    { field: 'projectId', type: 'relation', label: 'Project', relation: { entity: 'projects', foreignKey: 'projectId', labelField: 'name' } },
-    { field: 'assigneeId', type: 'relation', label: 'Assignee', relation: { entity: 'members', foreignKey: 'assigneeId', labelField: 'name' } },
-    { field: 'priority', type: 'enum', required: true, defaultValue: 'medium', options: [
-      { value: 'low', label: 'Low', color: '#94a3b8' },
-      { value: 'medium', label: 'Medium', color: '#6366f1' },
-      { value: 'high', label: 'High', color: '#f59e0b' },
-      { value: 'urgent', label: 'Urgent', color: '#ef4444' },
-    ] },
-    { field: 'status', type: 'enum', required: true, defaultValue: 'todo', options: [
-      { value: 'todo', label: 'To do', color: '#94a3b8' },
-      { value: 'doing', label: 'In progress', color: '#6366f1' },
-      { value: 'review', label: 'In review', color: '#f59e0b' },
-      { value: 'done', label: 'Done', color: '#10b981' },
-    ] },
-    { field: 'estimate', type: 'number', label: 'Estimate (h)', min: 0, defaultValue: 0, input: { suffix: 'h', help: 'Estimated hours' } },
-    { field: 'spent', type: 'number', label: 'Spent (h)', min: 0, defaultValue: 0, input: { suffix: 'h', help: 'Hours logged so far' } },
-    // Derived: hours left on the task (display-only, never stored).
-    { field: 'remaining', type: 'number', label: 'Remaining (h)', readonly: true, formula: 'estimate - spent' },
-    { field: 'progress', type: 'number', label: 'Progress (%)', min: 0, max: 100, defaultValue: 0, input: { editorType: 'slider', help: 'Task completion' } },
-    { field: 'startedAt', type: 'datetime', label: 'Started', input: { editorType: 'datetime', help: 'When work began' } },
-    { field: 'dueDate', type: 'date', label: 'Due' },
-  ],
-}
-
-// Task grid formatting: status + priority pills, plus numeric thresholds -
-// over-budget tasks (spent past estimate) red + bold, nearly-done tasks green,
-// barely-started tasks red - data-driven color, not just status pills.
-const taskFormats: FormatRule[] = [
-  ...statusPills(tasks, 'status'),
-  ...statusPills(tasks, 'priority'),
-  { field: 'spent', op: 'gt', value: 16, color: '#dc2626', bold: true },
-  { field: 'progress', op: 'gte', value: 80, color: '#16a34a', bold: true },
-  { field: 'progress', op: 'lt', value: 25, color: '#dc2626' },
-]
-
-const seed = {
-  projects: [
-    { id: 'pr1', name: 'Website redesign', status: 'active', owner: 'Sam Rivera', budget: 48000, progress: 65, color: '#6366f1', tags: ['Marketing', 'Design'], dueDate: '2026-09-01' },
-    { id: 'pr2', name: 'Mobile app v2', status: 'planning', owner: 'Jamie Chen', budget: 120000, progress: 15, color: '#10b981', tags: ['Mobile', 'Growth'], dueDate: '2026-11-15' },
-    { id: 'pr3', name: 'Billing migration', status: 'on_hold', owner: 'Priya Patel', budget: 32000, progress: 40, color: '#f59e0b', tags: ['Infra', 'Finance'], dueDate: '2026-08-20' },
-    { id: 'pr4', name: 'Onboarding revamp', status: 'done', owner: 'Sam Rivera', budget: 18000, progress: 100, color: '#ef4444', tags: ['Product'], dueDate: '2026-06-10' },
-  ],
-  members: [
-    { id: 'm1', name: 'Ada Lovelace', email: 'ada@team.dev', phone: '+1 (415) 555-0101', role: 'dev', skills: ['TypeScript', 'Svelte'], rating: 5 },
-    { id: 'm2', name: 'Grace Hopper', email: 'grace@team.dev', phone: '+1 (415) 555-0102', role: 'dev', skills: ['Go', 'SQL', 'Docker'], rating: 4 },
-    { id: 'm3', name: 'Margaret Hamilton', email: 'mh@team.dev', phone: '+1 (415) 555-0103', role: 'pm', skills: ['Product', 'Leadership'], rating: 5 },
-    { id: 'm4', name: 'Radia Perlman', email: 'radia@team.dev', phone: '+1 (415) 555-0104', role: 'design', skills: ['Figma', 'UX'], rating: 4 },
-    { id: 'm5', name: 'Katherine Johnson', email: 'kj@team.dev', phone: '+1 (415) 555-0105', role: 'qa', skills: ['Python', 'GraphQL'], rating: 3 },
-  ],
-  tasks: [
-    { id: 't1', title: 'Design new homepage', projectId: 'pr1', assigneeId: 'm4', priority: 'high', status: 'doing', estimate: 16, spent: 6, progress: 40, startedAt: '2026-07-02T09:15:00Z', dueDate: '2026-07-20' },
-    { id: 't2', title: 'Set up CI pipeline', projectId: 'pr1', assigneeId: 'm1', priority: 'medium', status: 'done', estimate: 8, spent: 8, progress: 100, startedAt: '2026-06-24T10:00:00Z', dueDate: '2026-07-05' },
-    { id: 't3', title: 'API rate limiting', projectId: 'pr2', assigneeId: 'm2', priority: 'urgent', status: 'todo', estimate: 12, spent: 0, progress: 0, startedAt: '2026-07-18T08:30:00Z', dueDate: '2026-07-25' },
-    { id: 't4', title: 'Migrate invoices', projectId: 'pr3', assigneeId: 'm1', priority: 'high', status: 'review', estimate: 24, spent: 18, progress: 80, startedAt: '2026-07-06T13:45:00Z', dueDate: '2026-08-01' },
-    { id: 't5', title: 'QA onboarding flow', projectId: 'pr4', assigneeId: 'm5', priority: 'medium', status: 'done', estimate: 6, spent: 6, progress: 100, startedAt: '2026-06-02T11:20:00Z', dueDate: '2026-06-08' },
-    { id: 't6', title: 'Push notifications', projectId: 'pr2', assigneeId: 'm2', priority: 'low', status: 'todo', estimate: 10, spent: 0, progress: 0, startedAt: '2026-07-15T09:00:00Z', dueDate: '2026-08-15' },
-    { id: 't7', title: 'Accessibility audit', projectId: 'pr1', assigneeId: 'm5', priority: 'high', status: 'doing', estimate: 14, spent: 5, progress: 35, startedAt: '2026-07-10T14:00:00Z', dueDate: '2026-07-30' },
-    { id: 't8', title: 'Pricing page copy', projectId: 'pr1', assigneeId: 'm3', priority: 'low', status: 'review', estimate: 4, spent: 3, progress: 75, startedAt: '2026-07-11T15:30:00Z', dueDate: '2026-07-18' },
-  ],
-}
-
-export const projectTracker: SampleApp = {
-  id: 'projects',
-  name: 'Project tracker',
-  description: 'Projects, tasks and a team roster - a Jira-style issue tracker behind a sign-in, with portfolio + task-board dashboards (budget KPI sparkline + target, progress gauge, status/priority breakdowns with pie + area trend, status x priority pivot, tabbed views), filtered status-pill grids with row actions, master/detail, and rich edit forms (progress slider, color labels, tag chips, phone, rating, datetime).',
-  emoji: '\u{1F4CB}',
-  accent: '#0c66e4',
-  build: () => {
-    const projectRows = pad(projectsEntity, seed.projects, 10)
-    const projectPool = ids(projectRows)
-    const memberRows = pad(members, seed.members, 12)
-    const memberPool = ids(memberRows)
-    const taskRows = pad(tasks, seed.tasks, 60, { projectId: projectPool, assigneeId: memberPool })
-    return project({
-      title: 'Project Tracker',
-      brand: 'Tracker',
-      accent: '#0c66e4',
-      preset: 'linear',
-      footer: '',
-      // Jira-style issue tracker: dark navy rail, board-forward.
-      appClass: 'theme-jira',
-      customCss: JIRA_CSS,
-      // Sign-in with two roles: developers move issues but cannot delete them.
-      auth: { enabled: true, protect: true },
-      access: {
-        enabled: true,
-        defaultRole: 'developer',
-        roles: [
-          { role: 'admin', screens: '*', actions: '*' },
-          { role: 'developer', screens: '*', actions: ['create', 'update'] },
-        ],
-      },
-      entities: [projectsEntity, members, tasks],
-      seed: { projects: projectRows, members: memberRows, tasks: taskRows },
-      screens: [
-        // Portfolio dashboard: budget KPIs (a total-budget card with a sparkline over
-        // due dates + a $400k target), an average-progress gauge (0-100), status
-        // breakdowns (bar + pie), a budget-by-owner x status pivot, a tabbed view, and
-        // a status-pill project grid with inline edit actions.
-        dashScreen(projectsEntity, { id: 'portfolio', title: 'Portfolio', order: 0 }, [
-          { kpi: 'Total budget', measure: 'budget', reduce: 'sum', format: 'currency', trendField: 'dueDate', trendReduce: 'sum', target: 400000, span: 1 },
-          { kpi: 'Projects', reduce: 'count', span: 1 },
-          { kpi: 'Largest budget', measure: 'budget', reduce: 'max', format: 'currency', span: 1 },
-          { gauge: 'Avg progress', measure: 'progress', reduce: 'avg', min: 0, max: 100, unit: '%', span: 1 },
-          { chart: 'status', measure: 'budget', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'status', reduce: 'count', type: 'pie', span: 1 },
-          { pivot: { rows: ['owner'], cols: ['status'], measure: 'budget', aggregate: 'sum' }, span: 3 },
-          { tabs: [
-            { label: 'Budget by status', tiles: [{ chart: 'status', measure: 'budget', reduce: 'sum', type: 'bar' }] },
-            { label: 'Projects by status', tiles: [{ chart: 'status', reduce: 'count', type: 'pie' }] },
-          ], span: 3 },
-          { grid: true, format: [...statusPills(projectsEntity, 'status'), { field: 'progress', op: 'gte', value: 100, color: '#16a34a', bold: true }], summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        // Task board: task KPIs (an estimate card trending over due dates), a completion
-        // gauge, status + priority breakdowns (bar + pie), a spent-over-time area trend,
-        // an estimate pivot by status (rows) x priority (columns), a tabbed view, a
-        // filter, and a task grid with status + priority pills and inline edit actions.
-        // Kanban board: tasks as cards in status columns (drag to change status).
-        boardScreen(tasks, { id: 'board', title: 'Kanban', order: 1 }, { groupBy: 'status', titleField: 'title', badgeField: 'estimate', subtitleField: 'priority', filter: ['priority', 'assigneeId'] }),
-        // Project detail: header (status pill) + budget / progress tiles with a
-        // timeline of the project's tasks (by due date, colored by status).
-        detailScreen(projectsEntity, { id: 'project-detail', title: 'Project detail', order: 2 }, {
-          titleField: 'name', subtitleField: 'owner', statusField: 'status', metricFields: ['budget', 'progress'],
-          related: [{ entity: 'tasks', foreignKey: 'projectId', label: 'Tasks', titleField: 'title', subtitleField: 'priority', dateField: 'dueDate', statusField: 'status' }],
-        }),
-        dashScreen(tasks, { id: 'tasks-board', title: 'Task board', order: 3 }, [
-          { kpi: 'Tasks', reduce: 'count', span: 1 },
-          { kpi: 'Logged hours', measure: 'spent', reduce: 'sum', format: 'compact', span: 1 },
-          { kpi: 'Estimated hours', measure: 'estimate', reduce: 'sum', format: 'compact', trendField: 'dueDate', trendReduce: 'sum', span: 1 },
-          { gauge: 'Avg completion', measure: 'progress', reduce: 'avg', min: 0, max: 100, unit: '%', span: 1 },
-          { chart: 'status', reduce: 'count', type: 'bar', span: 2 },
-          { chart: 'priority', reduce: 'count', type: 'pie', span: 1 },
-          { chart: 'dueDate', measure: 'spent', reduce: 'sum', type: 'area', span: 3 },
-          { pivot: { rows: ['status'], cols: ['priority'], measure: 'estimate', aggregate: 'sum' }, span: 3 },
-          { tabs: [
-            { label: 'Hours by status', tiles: [{ chart: 'status', measure: 'spent', reduce: 'sum', type: 'bar' }] },
-            { label: 'Tasks by priority', tiles: [{ chart: 'priority', reduce: 'count', type: 'bar' }] },
-          ], span: 3 },
-          { filter: ['status', 'priority', 'assigneeId'], span: 3 },
-          { grid: true, format: taskFormats, summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        screen(projectsEntity, 'master-detail', { id: 'projects', title: 'Projects', order: 4, child: tasks, foreignKey: 'projectId', linkScreen: 'project-detail' }),
-        formScreen(tasks, { id: 'tasks', title: 'Tasks', order: 5 }, undefined, { format: taskFormats, summaries: true, rowActions: [{ kind: 'edit' }] }, ['status', 'priority', 'assigneeId']),
-        formScreen(members, { id: 'members', title: 'Members', order: 6 }, undefined, { format: statusPills(members, 'role'), summaries: true }, ['role']),
-        // Schedule: tasks placed on a month calendar by due date.
-        schedulerScreen(tasks, { id: 'calendar', title: 'Schedule', order: 7 }, { startField: 'startedAt', endField: 'dueDate', titleField: 'title', colorField: 'priority', resourceField: 'assigneeId', initialView: 'timelineWeek' }),
-      ],
-    })
-  },
-}