@svgrid/enterprise 2.5.2 → 2.6.0

package/src/studio/samples/invoicing.ts

@@ -1,162 +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 clients: EntitySchema = {
-  name: 'clients',
-  label: 'Client',
-  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, input: { help: 'Billing contact email' } },
-    { field: 'phone', type: 'text', input: { editorType: 'phone', help: 'Primary contact number' } },
-    { field: 'company', type: 'text', label: 'Company' },
-    { field: 'country', type: 'text', label: 'Country', input: { editorType: 'country', help: 'Billing country' } },
-    { field: 'website', type: 'text', format: 'url', input: { placeholder: 'https://…' } },
-    { field: 'taxId', type: 'text', label: 'Tax ID', input: { editorType: 'mask', mask: '##-#######', help: 'EIN / VAT number' } },
-    { field: 'satisfaction', type: 'number', label: 'Satisfaction', min: 1, max: 5, defaultValue: 3, input: { editorType: 'rating', help: '1-5 relationship score' } },
-    { field: 'segments', type: 'text', label: 'Segments', input: { editorType: 'chips', help: 'Account tags / segments' } },
-    { field: 'onboardedAt', type: 'datetime', label: 'Onboarded', input: { editorType: 'datetime', help: 'When the client signed on' } },
-    { field: 'active', type: 'boolean', label: 'Active', defaultValue: true },
-  ],
-}
-
-const invoices: EntitySchema = {
-  name: 'invoices',
-  label: 'Invoice',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'number', type: 'text', label: 'Number', required: true, input: { editorType: 'mask', mask: 'INV-####-###', help: 'Invoice reference' } },
-    { field: 'clientId', type: 'relation', label: 'Client', relation: { entity: 'clients', foreignKey: 'clientId', labelField: 'name' } },
-    { field: 'status', type: 'enum', required: true, options: [
-      { value: 'draft', label: 'Draft', color: '#94a3b8' },
-      { value: 'sent', label: 'Sent', color: '#0ea5e9' },
-      { value: 'paid', label: 'Paid', color: '#10b981' },
-      { value: 'overdue', label: 'Overdue', color: '#ef4444' },
-    ] },
-    { field: 'subtotal', type: 'number', label: 'Subtotal ($)', required: true, min: 0, input: { help: 'Amount before tax' } },
-    { field: 'taxRate', type: 'number', label: 'Tax rate (%)', min: 0, max: 30, defaultValue: 10, input: { editorType: 'slider', help: 'Applied sales tax' } },
-    // Derived: subtotal grossed up by the tax rate (display-only, never stored).
-    { field: 'total', type: 'number', label: 'Total ($)', readonly: true, formula: 'subtotal + subtotal * taxRate / 100' },
-    { field: 'color', type: 'text', label: 'Label color', input: { editorType: 'color', help: 'Swatch used in reports' } },
-    { field: 'issueDate', type: 'date', label: 'Issue date' },
-    { field: 'dueDate', type: 'date', label: 'Due date' },
-    { field: 'notes', type: 'text', label: 'Notes', input: { span: 2, help: 'Internal remarks' } },
-  ],
-}
-
-// Invoice grid formatting: status pills, plus numeric thresholds - big-ticket
-// invoices bold green, tiny invoices muted red - so the grid reads as a
-// data-driven ledger, not just colored statuses.
-const invoiceFormats: FormatRule[] = [
-  ...statusPills(invoices, 'status'),
-  { field: 'subtotal', op: 'gte', value: 10000, color: '#16a34a', bold: true },
-  { field: 'subtotal', op: 'lt', value: 1000, color: '#dc2626' },
-]
-
-// Client grid formatting: satisfaction thresholds (at-risk red, delighted green).
-const clientFormats: FormatRule[] = [
-  { field: 'satisfaction', op: 'lte', value: 2, color: '#dc2626', bold: true },
-  { field: 'satisfaction', op: 'gte', value: 5, color: '#16a34a', bold: true },
-]
-
-const seed = {
-  clients: [
-    { id: 'cl1', name: 'Ada Lovelace', email: 'ada@globex.com', phone: '+1 (415) 555-0101', company: 'Globex', country: 'United States', website: 'https://globex.com', taxId: '12-3456789', satisfaction: 5, segments: ['Enterprise', 'Retainer'], onboardedAt: '2025-09-12T09:30:00.000Z', active: true },
-    { id: 'cl2', name: 'Alan Turing', email: 'alan@initech.co', phone: '+44 20 7946 0102', company: 'Initech', country: 'United Kingdom', website: 'https://initech.co', taxId: '98-7654321', satisfaction: 4, segments: ['SMB'], onboardedAt: '2025-11-03T14:15:00.000Z', active: true },
-    { id: 'cl3', name: 'Grace Hopper', email: 'grace@umbrella.de', phone: '+49 30 5550103', company: 'Umbrella', country: 'Germany', website: 'https://umbrella.de', taxId: '44-2019876', satisfaction: 5, segments: ['Enterprise', 'Priority'], onboardedAt: '2025-06-21T08:00:00.000Z', active: true },
-    { id: 'cl4', name: 'Linus Torvalds', email: 'linus@hooli.com', phone: '+1 (650) 555-0104', company: 'Hooli', country: 'United States', website: 'https://hooli.com', taxId: '31-5558822', satisfaction: 2, segments: ['At risk'], onboardedAt: '2025-03-17T16:45:00.000Z', active: false },
-    { id: 'cl5', name: 'Barbara Liskov', email: 'barbara@soylent.ca', phone: '+1 (416) 555-0105', company: 'Soylent', country: 'Canada', website: 'https://soylent.ca', taxId: '77-1002003', satisfaction: 3, segments: ['SMB', 'Trial'], onboardedAt: '2026-01-08T11:20:00.000Z', active: true },
-    { id: 'cl6', name: 'Katherine Johnson', email: 'kj@stark.com', phone: '+1 (212) 555-0106', company: 'Stark Industries', country: 'United States', website: 'https://stark.com', taxId: '20-4455667', satisfaction: 5, segments: ['Enterprise'], onboardedAt: '2025-08-29T13:10:00.000Z', active: true },
-  ],
-  invoices: [
-    { id: 'in1', number: 'INV-2026-001', clientId: 'cl1', status: 'paid', subtotal: 4800, taxRate: 8, color: '#10b981', issueDate: '2026-01-12', dueDate: '2026-02-11', notes: 'Q1 platform license' },
-    { id: 'in2', number: 'INV-2026-002', clientId: 'cl2', status: 'sent', subtotal: 2600, taxRate: 20, color: '#0ea5e9', issueDate: '2026-02-03', dueDate: '2026-03-05', notes: 'Data pipeline setup' },
-    { id: 'in3', number: 'INV-2026-003', clientId: 'cl3', status: 'overdue', subtotal: 9100, taxRate: 19, color: '#ef4444', issueDate: '2026-01-20', dueDate: '2026-02-19', notes: 'Compliance suite - reminder sent' },
-    { id: 'in4', number: 'INV-2026-004', clientId: 'cl4', status: 'draft', subtotal: 1500, taxRate: 0, color: '#94a3b8', issueDate: '2026-03-01', dueDate: '2026-03-31', notes: 'Pending scope sign-off' },
-    { id: 'in5', number: 'INV-2026-005', clientId: 'cl5', status: 'paid', subtotal: 800, taxRate: 13, color: '#10b981', issueDate: '2026-02-14', dueDate: '2026-03-16', notes: 'Onboarding fee' },
-    { id: 'in6', number: 'INV-2026-006', clientId: 'cl6', status: 'sent', subtotal: 13200, taxRate: 8, color: '#0ea5e9', issueDate: '2026-03-08', dueDate: '2026-04-07', notes: 'Annual analytics contract' },
-    { id: 'in7', number: 'INV-2026-007', clientId: 'cl1', status: 'overdue', subtotal: 3400, taxRate: 8, color: '#ef4444', issueDate: '2026-01-05', dueDate: '2026-02-04', notes: 'Add-on seats - past due' },
-  ],
-}
-
-export const invoicing: SampleApp = {
-  id: 'invoicing',
-  name: 'Invoicing',
-  description: 'Clients and invoices - billing + collections + client dashboards (revenue KPI sparkline over issue dates + a target, a revenue gauge, area trend, status pivot, tabbed breakdown), status-pill invoice grids with overdue / big-ticket conditional formatting, drill-through, row actions, master/detail, and rich edit forms.',
-  emoji: '\u{1F9FE}',
-  accent: '#0ea5e9',
-  build: () => {
-    const clientRows = pad(clients, seed.clients, 12)
-    const pool = ids(clientRows)
-    const invoiceRows = pad(invoices, seed.invoices, 30, { clientId: pool })
-    return project({
-      title: 'Acme Invoicing',
-      brand: 'Acme Invoicing',
-      accent: '#0ea5e9',
-      preset: 'antd',
-      footer: '© Acme',
-      entities: [clients, invoices],
-      seed: { clients: clientRows, invoices: invoiceRows },
-      screens: [
-        // Billing dashboard: KPI cards (a billed-revenue card with a sparkline over
-        // issue dates + a $60k target), a revenue gauge, a status revenue bar, a
-        // status pie, a revenue-over-time area trend, a tabbed breakdown, and a
-        // status-pill invoice grid with big-ticket / tiny-invoice thresholds.
-        dashScreen(invoices, { id: 'overview', title: 'Billing', order: 0 }, [
-          { kpi: 'Billed revenue', measure: 'subtotal', reduce: 'sum', format: 'currency', trendField: 'issueDate', trendReduce: 'sum', target: 60000, span: 1 },
-          { kpi: 'Invoices', reduce: 'count', span: 1 },
-          { kpi: 'Avg invoice', measure: 'subtotal', reduce: 'avg', format: 'currency', span: 1 },
-          { gauge: 'Revenue vs $80k target', measure: 'subtotal', reduce: 'sum', min: 0, max: 80000, unit: '$', span: 1 },
-          { chart: 'status', measure: 'subtotal', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'status', reduce: 'count', type: 'pie', span: 1 },
-          { chart: 'issueDate', measure: 'subtotal', reduce: 'sum', type: 'area', span: 3 },
-          { tabs: [
-            { label: 'Revenue by status', tiles: [{ chart: 'status', measure: 'subtotal', reduce: 'sum', type: 'bar' }] },
-            { label: 'Invoices by status', tiles: [{ chart: 'status', reduce: 'count', type: 'bar' }] },
-          ], span: 3 },
-          { grid: true, format: invoiceFormats, summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        // Collections: outstanding + tax KPIs, a tax-rate gauge, a revenue-over-time
-        // area trend, a pivot of revenue by status (rows) x client (columns), and a
-        // status-pill grid with inline edit actions.
-        // Invoice board: invoices as cards in status columns (draft/sent/paid/overdue).
-        boardScreen(invoices, { id: 'board', title: 'Board', order: 1 }, { groupBy: 'status', titleField: 'number', badgeField: 'subtotal', filter: ['status', 'clientId'] }),
-        // Client 360: account header + satisfaction tile with a timeline of the
-        // client's invoices (by issue date, colored by payment status).
-        detailScreen(clients, { id: 'client-360', title: 'Client 360', order: 2 }, {
-          titleField: 'name', subtitleField: 'company', metricFields: ['satisfaction'],
-          related: [{ entity: 'invoices', foreignKey: 'clientId', label: 'Invoices', titleField: 'number', subtitleField: 'subtotal', dateField: 'issueDate', statusField: 'status' }],
-        }),
-        dashScreen(invoices, { id: 'collections', title: 'Collections', order: 3 }, [
-          { kpi: 'Outstanding', measure: 'subtotal', reduce: 'sum', format: 'currency', span: 1 },
-          { kpi: 'Largest invoice', measure: 'subtotal', reduce: 'max', format: 'currency', span: 1 },
-          { kpi: 'Avg tax rate', measure: 'taxRate', reduce: 'avg', format: 'percent', span: 1 },
-          { gauge: 'Avg tax rate', measure: 'taxRate', reduce: 'avg', min: 0, max: 30, unit: '%', span: 1 },
-          { chart: 'issueDate', measure: 'subtotal', reduce: 'sum', type: 'area', span: 3 },
-          { pivot: { rows: ['status'], cols: ['clientId'], measure: 'subtotal', aggregate: 'sum' }, span: 3 },
-          { grid: true, format: statusPills(invoices, 'status'), summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        // Clients dashboard: portfolio KPIs, a satisfaction gauge, country + segment
-        // breakdowns, a country x active pivot, a faceted filter, and a client grid
-        // (satisfaction thresholds) that drills into that client's invoices.
-        dashScreen(clients, { id: 'clientsDash', title: 'Clients', order: 4 }, [
-          { kpi: 'Clients', reduce: 'count', span: 1 },
-          { kpi: 'Avg satisfaction', measure: 'satisfaction', reduce: 'avg', span: 1 },
-          { kpi: 'Top satisfaction', measure: 'satisfaction', reduce: 'max', span: 1 },
-          { gauge: 'Avg satisfaction', measure: 'satisfaction', reduce: 'avg', min: 0, max: 5, span: 1 },
-          { chart: 'country', measure: 'satisfaction', reduce: 'avg', type: 'bar', span: 2 },
-          { chart: 'active', reduce: 'count', type: 'pie', span: 1 },
-          { pivot: { rows: ['country'], cols: ['active'], measure: 'satisfaction', aggregate: 'avg' }, span: 3 },
-          { filter: ['country', 'company', 'active'], span: 3 },
-          { grid: true, format: clientFormats, summaries: true, rowLink: { screen: 'invoices', sourceField: 'id', targetField: 'clientId' }, span: 3 },
-        ]),
-        screen(clients, 'master-detail', { id: 'clients', title: 'Clients book', order: 5, child: invoices, foreignKey: 'clientId', linkScreen: 'client-360' }),
-        formScreen(invoices, { id: 'invoices', title: 'Invoices', order: 6 }, undefined, { format: invoiceFormats, summaries: true, rowActions: [{ kind: 'edit' }] }, ['status', 'clientId', 'issueDate']),
-        formScreen(clients, { id: 'clientsForm', title: 'Client details', order: 7 }, undefined, { format: clientFormats }, ['country', 'segments', 'active']),
-      ],
-    })
-  },
-}

package/src/studio/samples/library.ts

@@ -1,180 +0,0 @@
-import type { EntitySchema } from '../../schema.js'
-import type { FormatRule } from '../project.js'
-import { screen, formScreen, project, dashScreen, statusPills, detailScreen, pad, ids, type SampleApp } from './shared.js'
-
-const books: EntitySchema = {
-  name: 'books',
-  label: 'Book',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'title', type: 'text', required: true, minLength: 2 },
-    { field: 'author', type: 'text', label: 'Author', required: true, minLength: 2 },
-    { field: 'isbn', type: 'text', label: 'ISBN', input: { editorType: 'mask', mask: '###-#-#####-###-#', help: 'ISBN-13, digits only' } },
-    { field: 'genre', type: 'enum', required: true, defaultValue: 'fiction', options: [
-      { value: 'fiction', label: 'Fiction', color: '#6366f1' },
-      { value: 'science', label: 'Science', color: '#0ea5e9' },
-      { value: 'history', label: 'History', color: '#f59e0b' },
-      { value: 'kids', label: 'Kids', color: '#ec4899' },
-    ] },
-    { field: 'rating', type: 'number', label: 'Rating', min: 0, max: 5, defaultValue: 3, input: { editorType: 'rating', help: 'Reader score 0-5' } },
-    { field: 'tags', type: 'text', label: 'Tags', input: { editorType: 'chips', help: 'Themes / keywords' } },
-    { field: 'spineColor', type: 'text', label: 'Spine color', defaultValue: '#6366f1', input: { editorType: 'color', help: 'Shelf label color' } },
-    { field: 'copies', type: 'number', label: 'Copies', min: 0, defaultValue: 1, input: { help: 'Total copies owned' } },
-    { field: 'year', type: 'number', label: 'Year', min: 0 },
-    { field: 'coverUrl', type: 'text', label: 'Cover', format: 'url', input: { placeholder: 'https://…' } },
-  ],
-}
-
-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, input: { help: 'Used for hold notices' } },
-    { field: 'phone', type: 'text', label: 'Phone', input: { editorType: 'phone' } },
-    { field: 'country', type: 'text', label: 'Country', input: { editorType: 'country', help: 'Residence country' } },
-    { field: 'tier', type: 'enum', required: true, defaultValue: 'standard', options: [
-      { value: 'standard', label: 'Standard', color: '#6366f1' },
-      { value: 'student', label: 'Student', color: '#10b981' },
-      { value: 'senior', label: 'Senior', color: '#f59e0b' },
-    ] },
-    { field: 'pin', type: 'text', label: 'Card PIN', minLength: 4, hidden: { grid: true }, input: { editorType: 'password', help: 'Self-checkout PIN' } },
-    { field: 'joinDate', type: 'date', label: 'Joined' },
-    { field: 'active', type: 'boolean', label: 'Active', defaultValue: true },
-  ],
-}
-
-const loans: EntitySchema = {
-  name: 'loans',
-  label: 'Loan',
-  idField: 'id',
-  fields: [
-    { field: 'id', type: 'text', primaryKey: true, readonly: true },
-    { field: 'bookId', type: 'relation', label: 'Book', relation: { entity: 'books', foreignKey: 'bookId', labelField: 'title' } },
-    { field: 'memberId', type: 'relation', label: 'Member', relation: { entity: 'members', foreignKey: 'memberId', labelField: 'name' } },
-    { field: 'status', type: 'enum', required: true, defaultValue: 'borrowed', options: [
-      { value: 'borrowed', label: 'Borrowed', color: '#0ea5e9' },
-      { value: 'returned', label: 'Returned', color: '#10b981' },
-      { value: 'overdue', label: 'Overdue', color: '#ef4444' },
-    ] },
-    { field: 'borrowedAt', type: 'date', label: 'Borrowed' },
-    { field: 'dueDate', type: 'date', label: 'Due date' },
-    { field: 'returnedAt', type: 'text', label: 'Returned at', input: { editorType: 'datetime', help: 'Exact check-in time' } },
-    { field: 'daysOverdue', type: 'number', label: 'Days overdue', min: 0, defaultValue: 0, input: { help: 'Days past the due date' } },
-    { field: 'dailyRate', type: 'number', label: 'Daily rate ($)', min: 0, defaultValue: 0.25, input: { help: 'Fine charged per overdue day' } },
-    // Derived: total fine owed = overdue days times the daily rate (display-only).
-    { field: 'fineAmount', type: 'number', label: 'Fine ($)', readonly: true, formula: 'daysOverdue * dailyRate' },
-  ],
-}
-
-const seed = {
-  books: [
-    { id: 'bk1', title: 'The Silent Sea', author: 'Marina Cole', isbn: '978-0-14028-329-5', genre: 'fiction', rating: 4, tags: ['Mystery', 'Ocean'], spineColor: '#6366f1', copies: 4, year: 2019, coverUrl: 'https://covers.example.com/silent-sea.jpg' },
-    { id: 'bk2', title: 'Quantum Frontiers', author: 'Devan Rao', isbn: '978-1-40889-641-3', genre: 'science', rating: 5, tags: ['Physics', 'Space'], spineColor: '#0ea5e9', copies: 3, year: 2021, coverUrl: 'https://covers.example.com/quantum.jpg' },
-    { id: 'bk3', title: 'Empires of Old', author: 'Sofia Marek', isbn: '978-0-33450-403-8', genre: 'history', rating: 3, tags: ['Rome', 'War'], spineColor: '#f59e0b', copies: 2, year: 2015, coverUrl: 'https://covers.example.com/empires.jpg' },
-    { id: 'bk4', title: 'The Curious Fox', author: 'Penny Hart', isbn: '978-1-59327-599-0', genre: 'kids', rating: 5, tags: ['Animals', 'Adventure'], spineColor: '#ec4899', copies: 6, year: 2022, coverUrl: 'https://covers.example.com/fox.jpg' },
-    { id: 'bk5', title: 'Midnight Harbor', author: 'Louis Brenn', isbn: '978-0-74322-620-9', genre: 'fiction', rating: 4, tags: ['Noir', 'Thriller'], spineColor: '#8b5cf6', copies: 5, year: 2018, coverUrl: 'https://covers.example.com/harbor.jpg' },
-    { id: 'bk6', title: 'Atoms and Stars', author: 'Iris Chen', isbn: '978-0-30788-743-6', genre: 'science', rating: 4, tags: ['Astronomy', 'Chemistry'], spineColor: '#14b8a6', copies: 3, year: 2020, coverUrl: 'https://covers.example.com/atoms.jpg' },
-  ],
-  members: [
-    { id: 'mb1', name: 'Eleanor Price', email: 'eleanor.price@example.com', phone: '+1 (415) 555-0111', country: 'United States', tier: 'standard', pin: '4821', joinDate: '2023-02-14', active: true },
-    { id: 'mb2', name: 'Ravi Menon', email: 'ravi.menon@example.com', phone: '+44 20 7946 0112', country: 'United Kingdom', tier: 'student', pin: '9037', joinDate: '2024-09-01', active: true },
-    { id: 'mb3', name: 'Greta Olsen', email: 'greta.olsen@example.com', phone: '+49 30 5550113', country: 'Germany', tier: 'senior', pin: '2264', joinDate: '2021-06-30', active: true },
-    { id: 'mb4', name: 'Tomas Vega', email: 'tomas.vega@example.com', phone: '+34 91 555 0114', country: 'Spain', tier: 'standard', pin: '7715', joinDate: '2022-11-19', active: true },
-    { id: 'mb5', name: 'Aisha Bello', email: 'aisha.bello@example.com', phone: '+234 1 555 0115', country: 'Nigeria', tier: 'student', pin: '3390', joinDate: '2025-01-08', active: true },
-    { id: 'mb6', name: 'Harold Finch', email: 'harold.finch@example.com', phone: '+1 (212) 555-0116', country: 'United States', tier: 'senior', pin: '5582', joinDate: '2020-03-27', active: false },
-  ],
-  loans: [
-    { id: 'ln1', bookId: 'bk1', memberId: 'mb1', status: 'borrowed', borrowedAt: '2026-07-14', dueDate: '2026-07-28', returnedAt: '', daysOverdue: 0, dailyRate: 0.25 },
-    { id: 'ln2', bookId: 'bk2', memberId: 'mb2', status: 'overdue', borrowedAt: '2026-06-21', dueDate: '2026-07-05', returnedAt: '', daysOverdue: 18, dailyRate: 0.25 },
-    { id: 'ln3', bookId: 'bk3', memberId: 'mb3', status: 'returned', borrowedAt: '2026-06-06', dueDate: '2026-06-20', returnedAt: '2026-06-19T15:42:00.000Z', daysOverdue: 0, dailyRate: 0.25 },
-    { id: 'ln4', bookId: 'bk4', memberId: 'mb4', status: 'borrowed', borrowedAt: '2026-07-19', dueDate: '2026-08-02', returnedAt: '', daysOverdue: 0, dailyRate: 0.10 },
-    { id: 'ln5', bookId: 'bk5', memberId: 'mb5', status: 'overdue', borrowedAt: '2026-06-16', dueDate: '2026-06-30', returnedAt: '', daysOverdue: 29, dailyRate: 0.25 },
-    { id: 'ln6', bookId: 'bk1', memberId: 'mb6', status: 'returned', borrowedAt: '2026-06-01', dueDate: '2026-06-15', returnedAt: '2026-06-18T09:05:00.000Z', daysOverdue: 3, dailyRate: 0.25 },
-    { id: 'ln7', bookId: 'bk6', memberId: 'mb2', status: 'borrowed', borrowedAt: '2026-07-27', dueDate: '2026-08-10', returnedAt: '', daysOverdue: 0, dailyRate: 0.25 },
-    { id: 'ln8', bookId: 'bk2', memberId: 'mb3', status: 'overdue', borrowedAt: '2026-06-17', dueDate: '2026-07-01', returnedAt: '', daysOverdue: 24, dailyRate: 0.50 },
-  ],
-}
-
-// Loan grid formatting: status pills, plus numeric thresholds so overdue loans
-// jump out (any overdue day red + bold, a badly overdue loan gets a red wash) -
-// data-driven color, not just status pills.
-const loanFormats: FormatRule[] = [
-  ...statusPills(loans, 'status'),
-  { field: 'daysOverdue', op: 'gt', value: 0, color: '#dc2626', bold: true },
-  { field: 'daysOverdue', op: 'gte', value: 21, background: 'color-mix(in srgb, #ef4444 18%, transparent)' },
-]
-
-// Book grid formatting: genre pills plus rating thresholds (top-rated green +
-// bold, weak titles red).
-const bookFormats: FormatRule[] = [
-  ...statusPills(books, 'genre'),
-  { field: 'rating', op: 'gte', value: 4, color: '#16a34a', bold: true },
-  { field: 'rating', op: 'lt', value: 3, color: '#dc2626' },
-]
-
-export const library: SampleApp = {
-  id: 'library',
-  name: 'Library',
-  description: 'Books, members and loans - circulation + catalog dashboards (an overdue-days KPI sparkline over borrow dates, a rating gauge, status and genre breakdowns, a status x borrow-date pivot, tabbed views), conditional-format status-pill grids with overdue-red rows and row actions, master/detail, and rich edit forms (ISBN mask, star rating, tag chips, phone, country, and a computed fine).',
-  emoji: '📚',
-  accent: '#a855f7',
-  build: () => {
-    const bookRows = pad(books, seed.books, 60)
-    const memberRows = pad(members, seed.members, 40)
-    const loanRows = pad(loans, seed.loans, 90, { bookId: ids(bookRows), memberId: ids(memberRows) })
-    return project({
-      title: 'BookNook',
-      brand: 'BookNook',
-      accent: '#a855f7',
-      preset: 'shadcn',
-      footer: '© BookNook Library',
-      entities: [books, members, loans],
-      seed: { books: bookRows, members: memberRows, loans: loanRows },
-      screens: [
-        // Circulation dashboard: loan KPIs (overdue-days card trends over borrow
-        // dates as a sparkline), an average-overdue gauge, status breakdowns, a
-        // status x borrow-date pivot, a tabbed view, and a status-pill loan grid
-        // where overdue rows go red.
-        dashScreen(loans, { id: 'overview', title: 'Circulation', order: 0 }, [
-          { kpi: 'Active loans', reduce: 'count', span: 1 },
-          { kpi: 'Days overdue', measure: 'daysOverdue', reduce: 'sum', trendField: 'borrowedAt', trendReduce: 'sum', span: 1 },
-          { kpi: 'Avg daily rate', measure: 'dailyRate', reduce: 'avg', format: 'currency', span: 1 },
-          { gauge: 'Avg days overdue', measure: 'daysOverdue', reduce: 'avg', min: 0, max: 30, unit: 'd', span: 1 },
-          { chart: 'status', measure: 'daysOverdue', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'status', reduce: 'count', type: 'pie', span: 1 },
-          { pivot: { rows: ['status'], cols: ['borrowedAt'], measure: 'daysOverdue', aggregate: 'sum' }, span: 3 },
-          { tabs: [
-            { label: 'Overdue by status', tiles: [{ chart: 'status', measure: 'daysOverdue', reduce: 'sum', type: 'bar' }] },
-            { label: 'Loans by status', tiles: [{ chart: 'status', reduce: 'count', type: 'bar' }] },
-          ], span: 3 },
-          { grid: true, format: loanFormats, summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        // Catalog dashboard: book KPIs (avg rating targets 4 stars), a rating gauge
-        // 0-5, copies + count by genre, a copies-by-year area trend, a genre filter,
-        // and a genre-pill book grid with rating thresholds.
-        dashScreen(books, { id: 'catalog', title: 'Catalog', order: 1 }, [
-          { kpi: 'Titles', reduce: 'count', span: 1 },
-          { kpi: 'Copies on shelf', measure: 'copies', reduce: 'sum', format: 'compact', span: 1 },
-          { kpi: 'Avg rating', measure: 'rating', reduce: 'avg', target: 4, span: 1 },
-          { gauge: 'Avg rating', measure: 'rating', reduce: 'avg', min: 0, max: 5, span: 1 },
-          { chart: 'genre', measure: 'copies', reduce: 'sum', type: 'bar', span: 2 },
-          { chart: 'genre', reduce: 'count', type: 'pie', span: 1 },
-          { chart: 'year', measure: 'copies', reduce: 'sum', type: 'area', span: 3 },
-          { filter: ['genre'], span: 3 },
-          { grid: true, format: bookFormats, summaries: true, rowActions: [{ kind: 'edit' }], span: 3 },
-        ]),
-        detailScreen(members, { id: 'member-360', title: 'Member 360', order: 2 }, {
-          titleField: 'name', subtitleField: 'email', statusField: 'tier',
-          related: [{ entity: 'loans', foreignKey: 'memberId', label: 'Loans', titleField: 'bookId', dateField: 'borrowedAt', statusField: 'status' }],
-        }),
-        screen(books, 'master-detail', { id: 'books', title: 'Books', order: 3, child: loans, foreignKey: 'bookId' }),
-        formScreen(loans, { id: 'loans', title: 'Loans', order: 4 }, undefined, { format: loanFormats, summaries: true, rowActions: [{ kind: 'edit' }] }, ['status', 'bookId', 'memberId']),
-        formScreen(members, { id: 'members', title: 'Members', order: 5 }, undefined, { rowLink: { screen: 'member-360', sourceField: 'id', targetField: 'id' } }, ['tier', 'country', 'active']),
-      ],
-    })
-  },
-}

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

@@ -1,99 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { compile } from 'svelte/compiler'
-import { liveDataSamples, getLiveDataSample } from './live-data.js'
-import { validateProject, parseProject, serializeProject, type EntityDataSource } from '../project.js'
-import { emitStudioProject } from '../emit-project.js'
-
-describe('live-data starters', () => {
-  it('ships a gallery with unique ids and card metadata', () => {
-    expect(liveDataSamples.length).toBeGreaterThanOrEqual(3)
-    const ids = liveDataSamples.map((s) => s.id)
-    expect(new Set(ids).size).toBe(ids.length)
-    for (const s of liveDataSamples) {
-      expect(s.name).toBeTruthy()
-      expect(s.description).toBeTruthy()
-      expect(s.emoji).toBeTruthy()
-      expect(s.accent).toMatch(/^#[0-9a-f]{6}$/i)
-    }
-  })
-
-  it('getLiveDataSample resolves by id', () => {
-    expect(getLiveDataSample('live-northwind-pglite')?.name).toBe('Northwind · Local Postgres')
-    expect(getLiveDataSample('nope')).toBeUndefined()
-  })
-
-  for (const sample of liveDataSamples) {
-    describe(sample.id, () => {
-      const project = sample.build()
-
-      it('is a valid project (no errors)', () => {
-        const errors = validateProject(project).filter((i) => i.level === 'error')
-        expect(errors, JSON.stringify(errors)).toHaveLength(0)
-      })
-
-      it('binds every entity to a REAL source (never memory)', () => {
-        expect(project.entities.length).toBeGreaterThanOrEqual(1)
-        for (const e of project.entities) {
-          const src = project.dataSources?.[e.name] as EntityDataSource | undefined
-          expect(src, `${e.name}: no source`).toBeTruthy()
-          expect(src!.kind).not.toBe('memory')
-        }
-      })
-
-      it('round-trips through parse/serialize', () => {
-        const again = parseProject(serializeProject(project))
-        expect(again.entities.map((e) => e.name)).toEqual(project.entities.map((e) => e.name))
-        expect(again.dataSources).toEqual(project.dataSources)
-      })
-
-      it('generates compiling Svelte pages', () => {
-        const files = emitStudioProject(project)
-        for (const f of files.filter((f) => f.path.endsWith('.svelte'))) {
-          expect(() => compile(f.contents, { filename: f.path, generate: 'client' }), f.path).not.toThrow()
-        }
-      })
-    })
-  }
-
-  it('every starter is a real app: a dashboard, a detail page, and drill-through', () => {
-    for (const s of liveDataSamples) {
-      const blocks = s.build().screens.flatMap((sc) => sc.blocks)
-      expect(blocks.some((b) => b.config.kind === 'kpi'), `${s.id}: no dashboard KPIs`).toBe(true)
-      const all = emitStudioProject(s.build()).map((f) => f.contents).join('\n')
-      expect(all.includes('SvRecordDetail'), `${s.id}: no detail page`).toBe(true)
-      expect(all.includes('import { goto }'), `${s.id}: no drill-through`).toBe(true)
-      expect(all.includes("selectedId={page.url.searchParams.get('id')"), `${s.id}: detail not URL-addressable`).toBe(true)
-    }
-  })
-
-  it('the Northwind (Supabase) detail timelines match the denormalized view by name/company', () => {
-    const all = emitStudioProject(getLiveDataSample('live-northwind-supabase')!.build()).map((f) => f.contents).join('\n')
-    expect(all).toContain('parentField: "name"')    // product -> order_lines by product name
-    expect(all).toContain('parentField: "company"') // customer -> order_lines by company
-  })
-
-  it('PGlite starter generates embedded Postgres bootstrap + seeded rows', () => {
-    const data = emitStudioProject(getLiveDataSample('live-northwind-pglite')!.build()).find((f) => f.path.endsWith('src/lib/data.ts'))!.contents
-    expect(data).toContain("import { PGlite } from '@electric-sql/pglite'")
-    expect(data).toContain('createSqlDataSource')
-    expect(data).toContain('Chai') // a curated seed row is baked in
-  })
-
-  it('Supabase starter generates a client bound to the hosted sample', () => {
-    const files = emitStudioProject(getLiveDataSample('live-northwind-supabase')!.build())
-    const conn = files.find((f) => f.path.endsWith('src/lib/connections.ts'))!.contents
-    expect(conn).toContain('rbnnlzgtfzsylllniozo.supabase.co')
-    expect(conn).toContain('createClient')
-    const data = files.find((f) => f.path.endsWith('src/lib/data.ts'))!.contents
-    expect(data).toContain('createSupabaseDataSource')
-    expect(data).toContain("table: 'order_lines'")
-  })
-
-  it('REST starter generates createRestDataSource against DummyJSON', () => {
-    const data = emitStudioProject(getLiveDataSample('live-dummyjson-rest')!.build()).find((f) => f.path.endsWith('src/lib/data.ts'))!.contents
-    expect(data).toContain('createRestDataSource')
-    expect(data).toContain('dummyjson.com/products')
-    expect(data).toContain('dummyJsonAdapter') // real server paging via the adapter (skip/limit/sortBy)
-    expect(data).not.toContain('body?.products') // adapter unwraps { products, total }, no manual parse
-  })
-})