Lemma Workflow Runner
lemma/lemma-workflow-runnerFreeBlock
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.jsonSource
1"use client"23import * 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"3334export 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"4445export interface WorkflowStep {46 name: string47 status: WorkflowStepStatus48 started_at?: string49 completed_at?: string50 node_id?: string51 error?: string | null52 [key: string]: unknown53}5455export interface LemmaWorkflowRunnerProps {56 client: LemmaClient57 podId?: string58 enabled?: boolean59 workflowName?: string60 runId?: string61 enumColorMap?: EnumColorMap6263 appearance?: LemmaWorkflowAppearance64 density?: LemmaWorkflowDensity65 radius?: LemmaWorkflowRadius6667 onRunClick?: (run: FlowRun) => void68 onManualStart?: () => void69 showAssignedToMe?: boolean70 title?: React.ReactNode71 headerActions?: React.ReactNode72 className?: string7374 tableName?: string75 stepsTable?: string76 stepsForeignKey?: string77 stepsField?: string78}7980export 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)103104// … truncated
What it pulls in
npm packages
Other registry items
Files it writes
More from lemma
All 20 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Lemma Action Surfacelemma-action-surface | lemma | Blocks | Free | 4 deps | |
| Lemma Activity Feedlemma-activity-feed | lemma | Blocks | Free | 4 deps · 3 files | |
| Lemma Agent Conversation Experiencelemma-assistant-experience | lemma | Blocks | Free | 7 deps · 3 files | |
| Lemma Breadcrumbslemma-breadcrumbs | lemma | Blocks | Free | 3 deps | |
| Lemma Commentslemma-comments | lemma | Blocks | Free | 4 deps · 3 files | |
| Lemma Detail Panellemma-detail-panel | lemma | Blocks | Free | 4 deps · 7 files | |
| Lemma Document Workspacelemma-document-workspace | lemma | Blocks | Free | 6 deps | |
| Lemma File Browserlemma-file-browser | lemma | Blocks | Free | 4 deps |
