@mmapp/react-compiler 0.1.0-alpha.1 → 0.1.0-alpha.5

package/dist/vite/index.mjs

@@ -1,8 +1,8 @@
 import {
   mindmatrixReact
-} from "../chunk-46YKSHQR.mjs";
-import "../chunk-HLRGCCIL.mjs";
-import "../chunk-Y6FXYEAI.mjs";
+} from "../chunk-EO6SYNCG.mjs";
+import "../chunk-OPJKP747.mjs";
+import "../chunk-CIESM3BP.mjs";
 export {
   mindmatrixReact
 };

package/examples/uber-app/app/admin/fleet.tsx

@@ -40,19 +40,19 @@ export default function FleetManagement() {
 
   return (
     <Show when={isAdmin} fallback={<Text>Access denied. Admin role required.</Text>}>
-      <Stack gap=lg>
-        <Row justify=between align=center>
+      <Stack gap="lg">
+        <Row justify="between" align="center">
           <Heading level={2}>Fleet Management</Heading>
           <Button onClick={() => setShowAddForm(true)}>Add Vehicle</Button>
         </Row>
 
-        <Row gap=md>
-          <Badge color=green>Active: {statusCounts.active}</Badge>
-          <Badge color=yellow>Maintenance: {statusCounts.maintenance}</Badge>
-          <Badge color=gray>Retired: {statusCounts.retired}</Badge>
+        <Row gap="md">
+          <Badge color="green">Active: {statusCounts.active}</Badge>
+          <Badge color="yellow">Maintenance: {statusCounts.maintenance}</Badge>
+          <Badge color="gray">Retired: {statusCounts.retired}</Badge>
         </Row>
 
-        <Row gap=sm>
+        <Row gap="sm">
           {(['all', 'sedan', 'suv', 'van', 'luxury'] as const).map((t) => (
             <Button key={t} variant={filterType === t ? 'primary' : 'ghost'} onClick={() => setFilterType(t)}>
               {t.charAt(0).toUpperCase() + t.slice(1)}
@@ -62,16 +62,16 @@ export default function FleetManagement() {
 
         <Show when={showAddForm}>
           <Card>
-            <Stack gap=sm>
-              <Input label=License Plate value={newPlate} onChange={setNewPlate} />
-              <Row gap=sm>
+            <Stack gap="sm">
+              <Input label="License Plate" value={newPlate} onChange={setNewPlate} />
+              <Row gap="sm">
                 {(['sedan', 'suv', 'van', 'luxury'] as const).map((t) => (
                   <Button key={t} variant={newType === t ? 'primary' : 'ghost'} onClick={() => setNewType(t)}>{t}</Button>
                 ))}
               </Row>
-              <Row gap=sm>
+              <Row gap="sm">
                 <Button onClick={handleAddVehicle}>Save</Button>
-                <Button variant=ghost onClick={() => setShowAddForm(false)}>Cancel</Button>
+                <Button variant="ghost" onClick={() => setShowAddForm(false)}>Cancel</Button>
               </Row>
             </Stack>
           </Card>
@@ -80,15 +80,15 @@ export default function FleetManagement() {
         <Each items={filteredVehicles}>
           {(vehicle: Vehicle) => (
             <Card key={vehicle.id}>
-              <Row justify=between align=center>
-                <Stack gap=xs>
-                  <Text weight=bold>{vehicle.plate} — {vehicle.type}</Text>
-                  <Text size=sm color=muted>{vehicle.assignedDriver?.name ?? 'Unassigned'}</Text>
+              <Row justify="between" align="center">
+                <Stack gap="xs">
+                  <Text weight="bold">{vehicle.plate} — {vehicle.type}</Text>
+                  <Text size="sm" color="muted">{vehicle.assignedDriver?.name ?? 'Unassigned'}</Text>
                 </Stack>
-                <Row gap=sm align=center>
+                <Row gap="sm" align="center">
                   <Badge color={statusColor(vehicle.status)}>{vehicle.status}</Badge>
-                  <Button size=sm onClick={() => assignDriver({ vehicleId: vehicle.id })}>Assign</Button>
-                  <Button size=sm variant=ghost onClick={() => updateStatus({ vehicleId: vehicle.id, status: 'maintenance' })}>
+                  <Button size="sm" onClick={() => assignDriver({ vehicleId: vehicle.id })}>Assign</Button>
+                  <Button size="sm" variant="ghost" onClick={() => updateStatus({ vehicleId: vehicle.id, status: 'maintenance' })}>
                     Service
                   </Button>
                 </Row>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmapp/react-compiler",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.5",
   "description": "Babel plugin + Vite integration for compiling React workflows to Pure Form IR",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -55,7 +55,8 @@
     "seed:chat:compile": "node seed-blueprint-chat.mjs --compile-only",
     "seed:chat:seed": "node seed-blueprint-chat.mjs --seed-only",
     "test": "vitest run",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "publish:alpha": "cd ../.. && ./scripts/publish-npm.sh"
   },
   "dependencies": {
     "@babel/core": "^7.24.0",
@@ -65,13 +66,22 @@
     "@babel/plugin-syntax-typescript": "^7.24.0",
     "@babel/traverse": "^7.24.0",
     "@babel/types": "^7.24.0",
-    "glob": "^10.3.10",
-    "@mmapp/player-core": "^0.1.0-alpha.1"
+    "@mindmatrix/player-core": "workspace:*",
+    "glob": "^10.3.10"
   },
   "peerDependencies": {
     "vite": ">=5.0.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__generator": "^7.27.0",
+    "@types/babel__traverse": "^7.20.5",
+    "@types/node": "^20.0.0",
+    "@types/pg": "^8.18.0",
+    "pg": "^8.20.0",
+    "prettier": "^3.8.1",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^2.0.0"
   }
 }

package/compile-blueprint-chat.mjs

@@ -1,99 +0,0 @@
-/**
- * Compiles blueprint-chat app/ views through the same Babel plugin
- * that handles .workflow.tsx files.
- *
- * Each app/ file has @workflow JSDoc + default export function →
- * compiled to { canonical, ir } with view tree.
- *
- * Run from repo root: node packages/react-compiler/compile-blueprint-chat.mjs
- */
-import { transformSync } from '@babel/core';
-import { readFileSync, readdirSync, writeFileSync, mkdirSync, statSync } from 'fs';
-import { join, dirname, relative } from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const plugin = await import('./dist/babel/index.mjs');
-const babelPlugin = plugin.default;
-
-const blueprintDir = join(__dirname, '../blueprint-chat/app');
-const outDir = join(__dirname, '../frontend/src/workflows/compiled/blueprint-chat');
-
-mkdirSync(outDir, { recursive: true });
-
-// Recursively find all .tsx files in app/
-function findTsxFiles(dir, base = '') {
-  const entries = readdirSync(dir, { withFileTypes: true });
-  const files = [];
-  for (const entry of entries) {
-    const relPath = base ? `${base}/${entry.name}` : entry.name;
-    if (entry.isDirectory()) {
-      files.push(...findTsxFiles(join(dir, entry.name), relPath));
-    } else if (entry.name.endsWith('.tsx')) {
-      files.push({ fullPath: join(dir, entry.name), relPath });
-    }
-  }
-  return files;
-}
-
-const files = findTsxFiles(blueprintDir);
-console.log(`Found ${files.length} .tsx files in blueprint-chat/app/\n`);
-
-let compiled = 0;
-let failed = 0;
-const results = [];
-
-for (const { fullPath, relPath } of files) {
-  const code = readFileSync(fullPath, 'utf-8');
-
-  try {
-    const result = transformSync(code, {
-      filename: fullPath,
-      plugins: [[babelPlugin, { mode: 'infer' }]],
-      parserOpts: { plugins: ['jsx', 'typescript'] },
-    });
-
-    const def = result?.metadata?.mindmatrixDefinition;
-    const canonical = result?.metadata?.mindmatrixCanonical;
-    const ir = result?.metadata?.mindmatrixIR;
-
-    if (def) {
-      const combinedOutput = {
-        canonical: canonical || null,
-        ir: def,
-      };
-
-      // Use the slug from the workflow annotation
-      const outFile = join(outDir, `${def.slug}.json`);
-      writeFileSync(outFile, JSON.stringify(combinedOutput, null, 2), 'utf-8');
-      console.log(`  ✓ ${relPath} → ${def.slug}.json`);
-
-      // Check if view tree was extracted
-      const viewTree = def.views?.default || def.metadata?.experience;
-      if (viewTree) {
-        console.log(`    view tree: ${viewTree.children?.length || 0} top-level children`);
-      } else {
-        console.log(`    ⚠ no view tree extracted`);
-      }
-
-      results.push({ slug: def.slug, relPath, hasView: !!viewTree });
-      compiled++;
-    } else {
-      console.log(`  ⚠ ${relPath}: no @workflow annotation or no definition generated`);
-      failed++;
-    }
-  } catch (err) {
-    console.error(`  ✗ ${relPath}: ${err.message}`);
-    failed++;
-  }
-}
-
-console.log(`\nCompiled: ${compiled}, Failed/Skipped: ${failed}`);
-
-// Summary of view trees
-console.log('\n--- View tree summary ---');
-for (const r of results) {
-  console.log(`  ${r.slug}: view=${r.hasView ? '✓' : '✗'} (${r.relPath})`);
-}

package/compile-blueprint-glass-console.mjs

@@ -1,98 +0,0 @@
-/**
- * Compiles blueprint-glass-console app/ views through the same Babel plugin
- * that handles .workflow.tsx files.
- *
- * Each app/ file has @workflow JSDoc + default export function →
- * compiled to { canonical, ir } with view tree.
- *
- * Run from repo root: node packages/react-compiler/compile-blueprint-glass-console.mjs
- */
-import { transformSync } from '@babel/core';
-import { readFileSync, readdirSync, writeFileSync, mkdirSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const plugin = await import('./dist/babel/index.mjs');
-const babelPlugin = plugin.default;
-
-const blueprintDir = join(__dirname, '../blueprint-glass-console/app');
-const outDir = join(__dirname, '../frontend/src/workflows/compiled/blueprint-glass-console');
-
-mkdirSync(outDir, { recursive: true });
-
-// Recursively find all .tsx files in app/
-function findTsxFiles(dir, base = '') {
-  const entries = readdirSync(dir, { withFileTypes: true });
-  const files = [];
-  for (const entry of entries) {
-    const relPath = base ? `${base}/${entry.name}` : entry.name;
-    if (entry.isDirectory()) {
-      files.push(...findTsxFiles(join(dir, entry.name), relPath));
-    } else if (entry.name.endsWith('.tsx')) {
-      files.push({ fullPath: join(dir, entry.name), relPath });
-    }
-  }
-  return files;
-}
-
-const files = findTsxFiles(blueprintDir);
-console.log(`Found ${files.length} .tsx files in blueprint-glass-console/app/\n`);
-
-let compiled = 0;
-let failed = 0;
-const results = [];
-
-for (const { fullPath, relPath } of files) {
-  const code = readFileSync(fullPath, 'utf-8');
-
-  try {
-    const result = transformSync(code, {
-      filename: fullPath,
-      plugins: [[babelPlugin, { mode: 'infer' }]],
-      parserOpts: { plugins: ['jsx', 'typescript'] },
-    });
-
-    const def = result?.metadata?.mindmatrixDefinition;
-    const canonical = result?.metadata?.mindmatrixCanonical;
-
-    if (def) {
-      const combinedOutput = {
-        canonical: canonical || null,
-        ir: def,
-      };
-
-      // Use the slug from the workflow annotation
-      const outFile = join(outDir, `${def.slug}.json`);
-      writeFileSync(outFile, JSON.stringify(combinedOutput, null, 2), 'utf-8');
-      console.log(`  ✓ ${relPath} → ${def.slug}.json`);
-
-      // Check if view tree was extracted
-      const viewTree = def.views?.default || def.metadata?.experience;
-      if (viewTree) {
-        console.log(`    view tree: ${viewTree.children?.length || 0} top-level children`);
-      } else {
-        console.log(`    ⚠ no view tree extracted`);
-      }
-
-      results.push({ slug: def.slug, relPath, hasView: !!viewTree });
-      compiled++;
-    } else {
-      console.log(`  ⚠ ${relPath}: no @workflow annotation or no definition generated`);
-      failed++;
-    }
-  } catch (err) {
-    console.error(`  ✗ ${relPath}: ${err.message}`);
-    failed++;
-  }
-}
-
-console.log(`\nCompiled: ${compiled}, Failed/Skipped: ${failed}`);
-
-// Summary of view trees
-console.log('\n--- View tree summary ---');
-for (const r of results) {
-  console.log(`  ${r.slug}: view=${r.hasView ? '✓' : '✗'} (${r.relPath})`);
-}

package/compile-chat-defs.mjs

@@ -1,92 +0,0 @@
-/**
- * Compiles all .workflow.tsx files into engine-compatible JSON definitions.
- * Outputs to packages/frontend/src/workflows/compiled/
- *
- * Each compiled output contains both:
- *   - canonical: Pure form tree per 041 protocol (THE TRUTH)
- *   - ir: Lowered IR with normalized view tree (derivable cache)
- *
- * Run from repo root: node packages/react-compiler/compile-chat-defs.mjs
- */
-import { transformSync } from '@babel/core';
-import { readFileSync, readdirSync, writeFileSync, mkdirSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const plugin = await import('./dist/babel/index.mjs');
-const babelPlugin = plugin.default;
-
-const workflowDir = join(__dirname, '../frontend/src/workflows');
-const outDir = join(__dirname, '../frontend/src/workflows/compiled');
-
-const files = readdirSync(workflowDir).filter(f => f.endsWith('.workflow.tsx'));
-
-mkdirSync(outDir, { recursive: true });
-
-let compiled = 0;
-const slugs = [];
-
-for (const file of files) {
-  const filePath = join(workflowDir, file);
-  const code = readFileSync(filePath, 'utf-8');
-
-  try {
-    const result = transformSync(code, {
-      filename: filePath,
-      plugins: [[babelPlugin, { mode: 'infer' }]],
-      parserOpts: { plugins: ['jsx', 'typescript'] },
-    });
-
-    const def = result?.metadata?.mindmatrixDefinition;
-    const canonical = result?.metadata?.mindmatrixCanonical;
-
-    if (def) {
-      // Output combined format: { canonical, ir }
-      const combinedOutput = {
-        canonical: canonical || null,
-        ir: def,
-      };
-
-      const outFile = join(outDir, `${def.slug}.json`);
-      writeFileSync(outFile, JSON.stringify(combinedOutput, null, 2), 'utf-8');
-      console.log(`  ✓ ${file} → ${def.slug}.json (canonical + ir)`);
-      slugs.push(def.slug);
-      compiled++;
-    } else {
-      console.error(`  ✗ ${file}: no definition generated`);
-    }
-  } catch (err) {
-    console.error(`  ✗ ${file}: ${err.message}`);
-  }
-}
-
-// Generate index.ts that re-exports all definitions
-const indexContent = [
-  '// Auto-generated by compile-chat-defs.mjs — do not edit manually',
-  `// Compiled from ${files.length} .workflow.tsx files`,
-  '',
-  ...slugs.map(slug => {
-    const varName = slug.replace(/-/g, '_').replace(/^mm_/, 'mm');
-    return `import ${varName}Def from './${slug}.json';`;
-  }),
-  '',
-  'export const compiledDefinitions: Record<string, unknown> = {',
-  ...slugs.map(slug => {
-    const varName = slug.replace(/-/g, '_').replace(/^mm_/, 'mm');
-    return `  '${slug}': ${varName}Def,`;
-  }),
-  '};',
-  '',
-  ...slugs.map(slug => {
-    const varName = slug.replace(/-/g, '_').replace(/^mm_/, 'mm');
-    return `export { default as ${varName}Def } from './${slug}.json';`;
-  }),
-  '',
-].join('\n');
-
-writeFileSync(join(outDir, 'index.ts'), indexContent);
-console.log(`\n  ✓ index.ts generated (${slugs.length} definitions)`);
-console.log(`\nCompiled ${compiled} workflow definitions`);

package/examples/uber-app/tests/payment.test.tsx

@@ -1,129 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { renderWorkflow, act, waitFor } from '@mindmatrix/react/testing';
-import { PaymentProcessingWorkflow } from '../components/PaymentProcessingWorkflow';
-
-describe('Payment Processing', () => {
-  let workflow: ReturnType<typeof renderWorkflow>;
-
-  beforeEach(() => {
-    workflow = renderWorkflow(PaymentProcessingWorkflow, {
-      initialFields: {
-        rideId: 'ride-100',
-        riderId: 'rider-001',
-        driverId: 'driver-042',
-        amount: 25.00,
-        paymentMethod: 'card_visa_4242',
-        currency: 'USD',
-      },
-    });
-  });
-
-  it('starts in pending state', () => {
-    expect(workflow.currentState()).toBe('pending');
-  });
-
-  it('authorizes payment and captures on ride completion', async () => {
-    // Authorize hold
-    await act(() => workflow.transition('authorize', { holdId: 'hold-abc' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('authorized'));
-    expect(workflow.field('holdId')).toBe('hold-abc');
-
-    // Capture on completion (final amount may differ from hold)
-    await act(() => workflow.transition('capture', {
-      finalAmount: 27.50,
-      tip: 5.00,
-      surgeMultiplier: 1.0,
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('captured'));
-    expect(workflow.field('finalAmount')).toBe(27.50);
-    expect(workflow.field('tip')).toBe(5.00);
-  });
-
-  it('processes full refund on cancellation before ride start', async () => {
-    await act(() => workflow.transition('authorize', { holdId: 'hold-abc' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('authorized'));
-
-    await act(() => workflow.transition('refund', {
-      refundAmount: 25.00,
-      refundType: 'full',
-      reason: 'ride_cancelled_before_pickup',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('refunded'));
-    expect(workflow.field('refundAmount')).toBe(25.00);
-    expect(workflow.field('refundType')).toBe('full');
-  });
-
-  it('processes partial refund for poor service', async () => {
-    await act(() => workflow.transition('authorize', { holdId: 'hold-abc' }));
-    await act(() => workflow.transition('capture', { finalAmount: 25.00, tip: 0, surgeMultiplier: 1.0 }));
-    await waitFor(() => expect(workflow.currentState()).toBe('captured'));
-
-    await act(() => workflow.transition('refund', {
-      refundAmount: 10.00,
-      refundType: 'partial',
-      reason: 'driver_took_wrong_route',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('partially_refunded'));
-    expect(workflow.field('refundAmount')).toBe(10.00);
-    expect(workflow.field('refundType')).toBe('partial');
-  });
-
-  it('voids authorization when ride is cancelled before capture', async () => {
-    await act(() => workflow.transition('authorize', { holdId: 'hold-abc' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('authorized'));
-
-    await act(() => workflow.transition('void_authorization', { reason: 'no_driver_found' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('voided'));
-    expect(workflow.field('holdId')).toBeDefined();
-  });
-
-  it('handles dispute flow: captured → disputed → resolved', async () => {
-    await act(() => workflow.transition('authorize', { holdId: 'hold-abc' }));
-    await act(() => workflow.transition('capture', { finalAmount: 25.00, tip: 0, surgeMultiplier: 1.5 }));
-    await waitFor(() => expect(workflow.currentState()).toBe('captured'));
-
-    // Rider opens dispute
-    await act(() => workflow.transition('open_dispute', {
-      disputeReason: 'incorrect_fare',
-      description: 'Surge pricing was applied incorrectly',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('disputed'));
-    expect(workflow.field('disputeReason')).toBe('incorrect_fare');
-
-    // Admin resolves dispute with partial refund
-    await act(() => workflow.transition('resolve_dispute', {
-      resolution: 'partial_refund',
-      adjustedAmount: 18.00,
-      refundAmount: 7.00,
-      adminNote: 'Surge was incorrectly applied to this zone',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('dispute_resolved'));
-    expect(workflow.field('adjustedAmount')).toBe(18.00);
-    expect(workflow.field('refundAmount')).toBe(7.00);
-  });
-
-  it('handles dispute resolved with no action', async () => {
-    await act(() => workflow.transition('authorize', { holdId: 'hold-abc' }));
-    await act(() => workflow.transition('capture', { finalAmount: 25.00, tip: 0, surgeMultiplier: 1.0 }));
-    await act(() => workflow.transition('open_dispute', {
-      disputeReason: 'overcharged',
-      description: 'I think the fare was too high',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('disputed'));
-
-    await act(() => workflow.transition('resolve_dispute', {
-      resolution: 'no_action',
-      adjustedAmount: 25.00,
-      refundAmount: 0,
-      adminNote: 'Fare calculation verified as correct',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('dispute_resolved'));
-    expect(workflow.field('refundAmount')).toBe(0);
-  });
-
-  it('rejects capture without prior authorization', async () => {
-    await expect(
-      act(() => workflow.transition('capture', { finalAmount: 25.00, tip: 0, surgeMultiplier: 1.0 }))
-    ).rejects.toThrow(/invalid transition/i);
-  });
-});

package/examples/uber-app/tests/ride-flow.test.tsx

@@ -1,123 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { renderWorkflow, act, waitFor } from '@mindmatrix/react/testing';
-import { RideRequestWorkflow } from '../components/RideRequestWorkflow';
-
-describe('Ride Flow — Full Lifecycle', () => {
-  let workflow: ReturnType<typeof renderWorkflow>;
-
-  beforeEach(() => {
-    workflow = renderWorkflow(RideRequestWorkflow, {
-      initialFields: {
-        pickup: { lat: 40.7128, lng: -74.006, address: '350 5th Ave, New York' },
-        dropoff: { lat: 40.758, lng: -73.9855, address: 'Times Square, New York' },
-        rideType: 'standard',
-        riderId: 'rider-001',
-      },
-    });
-  });
-
-  it('starts in the requesting state', () => {
-    expect(workflow.currentState()).toBe('requesting');
-  });
-
-  it('completes full ride lifecycle: request → match → en_route → arrived → in_progress → completed → rated', async () => {
-    // Request ride
-    await act(() => workflow.transition('request_ride'));
-    await waitFor(() => expect(workflow.currentState()).toBe('matching'));
-
-    // Match driver
-    await act(() => workflow.transition('match_driver', {
-      driverId: 'driver-042',
-      vehiclePlate: 'ABC-1234',
-      estimatedArrival: 5,
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('driver_en_route'));
-    expect(workflow.field('driverId')).toBe('driver-042');
-
-    // Driver arrives at pickup
-    await act(() => workflow.transition('driver_arrived'));
-    await waitFor(() => expect(workflow.currentState()).toBe('driver_arrived'));
-
-    // Start ride
-    await act(() => workflow.transition('start_ride'));
-    await waitFor(() => expect(workflow.currentState()).toBe('in_progress'));
-    expect(workflow.field('rideStartedAt')).toBeDefined();
-
-    // Complete ride
-    await act(() => workflow.transition('complete_ride', {
-      distanceMiles: 3.2,
-      durationMinutes: 14,
-      fare: 18.50,
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('completed'));
-    expect(workflow.field('fare')).toBe(18.50);
-
-    // Rate the ride
-    await act(() => workflow.transition('submit_rating', {
-      rating: 5,
-      comment: 'Great ride!',
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('rated'));
-    expect(workflow.field('rating')).toBe(5);
-  });
-
-  it('handles rider cancellation before driver match', async () => {
-    await act(() => workflow.transition('request_ride'));
-    await waitFor(() => expect(workflow.currentState()).toBe('matching'));
-
-    await act(() => workflow.transition('cancel_ride', { reason: 'changed_mind' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('cancelled'));
-    expect(workflow.field('cancellationReason')).toBe('changed_mind');
-    expect(workflow.field('cancellationFee')).toBe(0);
-  });
-
-  it('handles rider cancellation after driver match with fee', async () => {
-    await act(() => workflow.transition('request_ride'));
-    await waitFor(() => expect(workflow.currentState()).toBe('matching'));
-
-    await act(() => workflow.transition('match_driver', {
-      driverId: 'driver-042',
-      vehiclePlate: 'ABC-1234',
-      estimatedArrival: 5,
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('driver_en_route'));
-
-    await act(() => workflow.transition('cancel_ride', { reason: 'too_long' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('cancelled'));
-    expect(workflow.field('cancellationFee')).toBeGreaterThan(0);
-  });
-
-  it('handles driver cancellation and re-matching', async () => {
-    await act(() => workflow.transition('request_ride'));
-    await waitFor(() => expect(workflow.currentState()).toBe('matching'));
-
-    await act(() => workflow.transition('match_driver', {
-      driverId: 'driver-042',
-      vehiclePlate: 'ABC-1234',
-      estimatedArrival: 5,
-    }));
-    await waitFor(() => expect(workflow.currentState()).toBe('driver_en_route'));
-
-    // Driver cancels — goes back to matching
-    await act(() => workflow.transition('driver_cancel', { reason: 'emergency' }));
-    await waitFor(() => expect(workflow.currentState()).toBe('matching'));
-    expect(workflow.field('driverId')).toBeNull();
-  });
-
-  it('rejects invalid transitions', async () => {
-    // Cannot start ride from requesting state
-    await expect(
-      act(() => workflow.transition('start_ride'))
-    ).rejects.toThrow(/invalid transition/i);
-  });
-
-  it('tracks ride duration when in progress', async () => {
-    await act(() => workflow.transition('request_ride'));
-    await act(() => workflow.transition('match_driver', { driverId: 'd1', vehiclePlate: 'X', estimatedArrival: 3 }));
-    await act(() => workflow.transition('driver_arrived'));
-    await act(() => workflow.transition('start_ride'));
-
-    await waitFor(() => expect(workflow.currentState()).toBe('in_progress'));
-    expect(workflow.field('rideStartedAt')).toBeDefined();
-  });
-});