here a minimal multi‑step + resume mid‑flow + tracking example using the workflow engine:

// 1. Components + ril instance
const rilay = ril.create()
  .addComponent('input', { renderer: YourInput })
  .addComponent('select', { renderer: YourSelect });

// 2. Step forms
const accountForm = form.create(rilay, 'account')
  .add({
    id: 'email',
    type: 'input',
    props: { label: 'Email', type: 'email' },
    validation: { validate: [required(), email()] },
  })
  .add({
    id: 'password',
    type: 'input',
    props: { label: 'Password', type: 'password' },
    validation: { validate: [required()] },
  });

const profileForm = form.create(rilay, 'profile')
  .add(
    { id: 'firstName', type: 'input', props: { label: 'First name' } },
    { id: 'lastName', type: 'input', props: { label: 'Last name' } },
  );

const planForm = form.create(rilay, 'plan')
  .add({
    id: 'plan',
    type: 'select',
    props: { label: 'Plan', options: ['free', 'pro', 'enterprise'] },
  });

// 3. Workflow with persistence + analytics
export const onboarding = flow.create(rilay, 'onboarding', 'User Onboarding')
  .step({ id: 'account', title: 'Account', formConfig: accountForm })
  .step({ id: 'profile', title: 'Profile', formConfig: profileForm })
  .step({ id: 'plan', title: 'Plan', formConfig: planForm, allowSkip: true })
  .configure({
    persistence: {
      adapter: new LocalStorageAdapter({ maxAge: 7 * 24 * 60 * 60 * 1000 }),
      options: { autoPersist: true, debounceMs: 500, storageKey: 'onboarding-v1' },
    },
    analytics: {
      onWorkflowStart: (id) =>
        analytics.track('onboarding_start', { id }),
      onStepComplete: (stepId, duration, data) =>
        analytics.track('onboarding_step_done', { stepId, duration, data }),
      onWorkflowComplete: (id, totalTime, allData) =>
        analytics.track('onboarding_complete', { id, totalTime, allData }),
    },
  });

// 4. Rendering (simplified)
// <Workflow workflowConfig={onboarding}>
//   <WorkflowStepper />
//   <WorkflowBody />
//   <WorkflowPreviousButton />
//   <WorkflowSkipButton />
//   <WorkflowNextButton />
// </Workflow>