Learn Dweav Trace by tracing this page.

dweav({ cartId: 'demo-1042', items: 2, total: 49.98 }, 'Cart review');

Expected: one “Cart review” card with the three values above.

dweav({ userId: 'demo-user', result: 'allowed' }, {
  label: 'Permission decision',
  streamId: 'auth-demo',
  operation: 'decision'
});

Expected: a “Permission decision” card in the auth-demo stream.

const checkout = dweav.stream('checkout-demo');
checkout.emit({ step: 1, status: 'review', coupon: null }, 'Before payment');
checkout.emit({ step: 2, status: 'paid', receipt: 'demo-only' }, 'After payment');

Expected: changed step and status, removed coupon, added receipt.

const state = dweav.watch({ count: 0, queue: [] }, {
  label: 'Job state',
  streamId: 'watch-demo'
});
state.count += 1;
state.queue.push('demo-job');

Expected: an initial checkpoint followed by a mutation showing count 1 and the new queue item.

const cache = dweav.stream('collection-demo')
  .watch(new Map(), 'Cache');
cache.set('demo:42', { ready: true });

Expected: a map.set mutation containing the demo key and value.

dweav({
  username: 'demo-user',
  password: 'FAKE-PASSWORD-DO-NOT-USE',
  apiKey: 'FAKE-API-KEY-DO-NOT-USE',
  authorization: 'Bearer FAKE-TOKEN'
}, 'Redaction safety test');

Expected: the username remains visible; all three fake secret values are replaced with redaction markers.

dweav({
  operation: 'demo-save',
  error: { name: 'DemoError', message: 'Demonstration failure' },
  retryable: true
}, 'Save failed');

Expected: “Save failed” with the error name/message and retry context, without breaking the page.

1. Click Pause in the panel, then run the test. It should not create a card.
2. Click Start/Resume, run it again, and confirm the card appears.
3. Use Clear only after reviewing the confirmation.

dweav({ at: new Date().toISOString() }, 'Capture control test');

dweav({
  application: 'demo-storefront',
  route: '/checkout/review',
  build: 'training-1',
  viewportClass: 'desktop'
}, 'Application context');

Expected: one fixed synthetic context card. The lab does not inspect the DOM, page title, live route, cookies, forms, or network traffic.

1. Filter the panel to the relevant stream and reproduce the problem.
2. Click Share, then inspect the downloaded JSON before sending it.
3. Include page/build version, steps, expected result, and actual result.
4. Your Pro teammate clicks Import and confirms replacement of their current trace history.

Page/build:
Reproduction steps:
Expected:
Actual:
Relevant stream:
Export reviewed for confidential data: Yes / No

Important: redaction is a safeguard, not permission to share private or regulated information.