@multisystemsuite/studio-workflow

Approval and workflow engine — multi-step processes with statuses and actions.

What is it?

studio-workflow adds workflow UI and logic for approval chains, status transitions, and process steps — useful for purchase requests, leave approval, onboarding pipelines, etc.

When to use it

• Purchase / travel / expense approval flows
• HR onboarding checklists
• Any schema with workflow component types

Install

pnpm add @multisystemsuite/studio-workflow @multisystemsuite/studio-core @multisystemsuite/studio-renderer
# Peer deps: react, @mui/material

Quick example

import { WorkflowEngine, createApprovalWorkflow } from '@multisystemsuite/studio-workflow';

const definition = createApprovalWorkflow('Purchase Request');
const engine = new WorkflowEngine(definition);

let instance = engine.start({ amount: 5000 });
instance = engine.advance(instance, 'approve', '[email protected]', 'Looks good');

React UI:

import { WorkflowViewer } from '@multisystemsuite/studio-workflow';

<WorkflowViewer definition={definition} instance={instance} />

Generate with AI:

import { generateFromPrompt } from '@multisystemsuite/studio-ai';

const schema = generateFromPrompt({
  prompt: 'Purchase approval workflow',
  type: 'workflow',
});

Related packages

• studio-forms — forms within workflow steps
• studio-core — events and logic between steps
• studio-ai — workflow schema generation

License

MIT