diff --git a/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx b/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx index 02e074617..5267dca92 100644 --- a/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx +++ b/apps/webapp/app/routes/__app/orgs/$organizationSlug/workflows/$workflowSlug/runs/$runId.tsx @@ -5,9 +5,15 @@ import { ArrowPathRoundedSquareIcon, BeakerIcon, CheckCircleIcon, - ChatBubbleLeftEllipsisIcon, ExclamationTriangleIcon, } from "@heroicons/react/24/solid"; +import { + ArrowRightIcon, + BarsArrowDownIcon, + BoltIcon, + CalendarDaysIcon, + ChatBubbleLeftEllipsisIcon, +} from "@heroicons/react/24/outline"; import { Panel } from "~/components/layout/Panel"; import { PrimaryButton } from "~/components/primitives/Buttons"; import { Spinner } from "~/components/primitives/Spinner"; @@ -20,7 +26,7 @@ import { } from "~/components/primitives/text/Headers"; import CodeBlock from "~/components/code/CodeBlock"; import type { ReactNode } from "react"; -import { formatDateTime } from "~/utils"; +import { dateDifference, formatDateTime } from "~/utils"; import type { LoaderArgs } from "@remix-run/server-runtime"; import { typedjson, useTypedLoaderData } from "remix-typedjson"; import { requireUserId } from "~/services/session.server"; @@ -29,7 +35,7 @@ import { WorkflowRunPresenter } from "~/models/workflowRunPresenter.server"; import type { WorkflowRunStatus } from "~/models/workflowRun.server"; import humanizeDuration from "humanize-duration"; import classNames from "classnames"; -import { BarsArrowDownIcon } from "@heroicons/react/24/outline"; + export const loader = async ({ request, params }: LoaderArgs) => { await requireUserId(request); const { runId } = params; @@ -49,7 +55,6 @@ export const loader = async ({ request, params }: LoaderArgs) => { type Run = Awaited>; type Trigger = Run["trigger"]; type Step = Run["steps"][number]; -type StepOrTriggerType = Step["type"] | Trigger["type"]; type TriggerType = T extends { type: K } ? T : never; @@ -250,22 +255,24 @@ function StepHeader({