BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/lemma/lemma-workflow-runner

Lemma Workflow Runner

lemma/lemma-workflow-runner
FreeBlock

A visual workflow run viewer backed by native Lemma workflow run APIs, with step timeline, status badges, progress indicators, and manual start support.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/lemma-work/lemma-platform/main/lemma-typescript/public/r/lemma-workflow-runner.json

Source

registry/default/lemma-workflow-runner/components/lemma-workflow-runner.tsxraw.githubusercontent.com/lemma-work/lemma-platform/main/lemma-typescript/public/r/lemma-workflow-runner.json · first 6 KB
1"use client"
2
3import * as React from "react"
4import {
5 Zap,
6 CheckCircle2,
7 XCircle,
8 Clock,
9 Play,
10 RefreshCw,
11 ChevronRight,
12} from "lucide-react"
13import { Button } from "@/components/lemma/ui/button"
14import { Skeleton } from "@/components/lemma/ui/skeleton"
15import { useWorkflowRuns, useWorkflowRunWaitAssignments } from "lemma-sdk/react"
16import type { FlowRun, LemmaClient, WorkflowRunWait } from "lemma-sdk"
17import { cn } from "@/components/lemma/lib/utils"
18import {
19 runStatusClasses,
20 stepStatusClasses,
21 toRunStatus,
22 toStepStatus,
23 type EnumColorMap,
24 type WorkflowRunStatus,
25 type WorkflowStepStatus,
26} from "./workflow-enum-utils"
27import {
28 workflowRadiusClassName,
29 type LemmaWorkflowAppearance,
30 type LemmaWorkflowDensity,
31 type LemmaWorkflowRadius,
32} from "./workflow-style-utils"
33
34export type {
35 LemmaWorkflowAppearance,
36 LemmaWorkflowDensity,
37 LemmaWorkflowRadius,
38} from "./workflow-style-utils"
39export type {
40 EnumColorMap,
41 WorkflowRunStatus,
42 WorkflowStepStatus,
43} from "./workflow-enum-utils"
44
45export interface WorkflowStep {
46 name: string
47 status: WorkflowStepStatus
48 started_at?: string
49 completed_at?: string
50 node_id?: string
51 error?: string | null
52 [key: string]: unknown
53}
54
55export interface LemmaWorkflowRunnerProps {
56 client: LemmaClient
57 podId?: string
58 enabled?: boolean
59 workflowName?: string
60 runId?: string
61 enumColorMap?: EnumColorMap
62
63 appearance?: LemmaWorkflowAppearance
64 density?: LemmaWorkflowDensity
65 radius?: LemmaWorkflowRadius
66
67 onRunClick?: (run: FlowRun) => void
68 onManualStart?: () => void
69 showAssignedToMe?: boolean
70 title?: React.ReactNode
71 headerActions?: React.ReactNode
72 className?: string
73
74 tableName?: string
75 stepsTable?: string
76 stepsForeignKey?: string
77 stepsField?: string
78}
79
80export function LemmaWorkflowRunner({
81 client,
82 podId,
83 enabled = true,
84 workflowName,
85 runId: initialRunId,
86 enumColorMap,
87 appearance = "default",
88 density = "comfortable",
89 radius = "lg",
90 onRunClick,
91 onManualStart,
92 showAssignedToMe = true,
93 title,
94 headerActions,
95 className,
96}: LemmaWorkflowRunnerProps) {
97 const [selectedRunId, setSelectedRunId] = React.useState<string | null>(
98 initialRunId ?? null,
99 )
100 const [standaloneRun, setStandaloneRun] = React.useState<FlowRun | null>(null)
101 const [isStandaloneLoading, setIsStandaloneLoading] = React.useState(false)
102 const [standaloneError, setStandaloneError] = React.useState<Error | null>(null)
103
104// … truncated

What it pulls in

npm packages

  • lemma-sdk
  • lucide-react
  • clsx
  • tailwind-merge

Other registry items

  • lemma-ui

Files it writes

  • registry/default/lemma-workflow-runner/components/workflow-enum-utils.ts
  • registry/default/lemma-workflow-runner/components/workflow-style-utils.ts
  • registry/default/lemma-workflow-runner/components/lemma-workflow-runner.tsx

Facts

Registry
lemma
Type
registry:block
Access
Free
Files written
3
Licence
AGPL-3.0
First indexed
2026-08-03
Last confirmed
yesterday

Go to the source

lemma.work lemma-work/lemma-platform on GitHub Raw registry item This item as JSON

More from lemma

All 20 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
Lemma Action Surfacelemma-action-surfacelemmaBlocksFree4 deps
Lemma Activity Feedlemma-activity-feedlemmaBlocksFree4 deps · 3 files
Lemma Agent Conversation Experiencelemma-assistant-experiencelemmaBlocksFree7 deps · 3 files
Lemma Breadcrumbslemma-breadcrumbslemmaBlocksFree3 deps
Lemma Commentslemma-commentslemmaBlocksFree4 deps · 3 files
Lemma Detail Panellemma-detail-panellemmaBlocksFree4 deps · 7 files
Lemma Document Workspacelemma-document-workspacelemmaBlocksFree6 deps
Lemma File Browserlemma-file-browserlemmaBlocksFree4 deps
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex