@acmekit/dashboard 2.13.35 → 2.13.36

package/src/routes/workflow-executions/workflow-execution-rerun/workflow-execution-rerun.tsx

@@ -1,159 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Button, Heading, Textarea, toast } from "@acmekit/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import { useParams } from "react-router-dom"
-import * as zod from "zod"
-
-import { Form } from "../../../components/common/form"
-import { RouteDrawer, useRouteModal } from "../../../components/modals"
-import { KeyboundForm } from "../../../components/utilities/keybound-form"
-import {
-  useRunWorkflow,
-  useWorkflowExecution,
-} from "../../../hooks/api/workflow-executions"
-
-const RerunSchema = zod.object({
-  input: zod.string().refine(
-    (val) => {
-      try {
-        JSON.parse(val)
-        return true
-      } catch {
-        return false
-      }
-    },
-    { message: "Must be valid JSON" }
-  ),
-})
-
-export const WorkflowExecutionRerun = () => {
-  const { t } = useTranslation()
-  const { id } = useParams()
-  const { handleSuccess } = useRouteModal()
-
-  const {
-    workflow_execution,
-    isPending: isLoading,
-    isError,
-    error,
-  } = useWorkflowExecution(id!)
-
-  if (isError) {
-    throw error
-  }
-
-  if (isLoading || !workflow_execution) {
-    return (
-      <RouteDrawer>
-        <RouteDrawer.Header>
-          <Heading>{t("workflowExecutions.rerun.title")}</Heading>
-        </RouteDrawer.Header>
-      </RouteDrawer>
-    )
-  }
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <Heading>{t("workflowExecutions.rerun.title")}</Heading>
-      </RouteDrawer.Header>
-      <RerunForm
-        workflowId={workflow_execution.workflow_id}
-        defaultInput={
-          (workflow_execution as any)?.context?.data?.payload || {}
-        }
-        onSuccess={handleSuccess}
-      />
-    </RouteDrawer>
-  )
-}
-
-const RerunForm = ({
-  workflowId,
-  defaultInput,
-  onSuccess,
-}: {
-  workflowId: string
-  defaultInput: unknown
-  onSuccess: () => void
-}) => {
-  const { t } = useTranslation()
-
-  const form = useForm<zod.infer<typeof RerunSchema>>({
-    defaultValues: {
-      input: JSON.stringify(defaultInput, null, 2),
-    },
-    resolver: zodResolver(RerunSchema),
-  })
-
-  const { mutateAsync, isPending } = useRunWorkflow(workflowId)
-
-  const handleSubmit = form.handleSubmit(async (values) => {
-    const parsed = JSON.parse(values.input)
-    await mutateAsync(
-      { input: parsed },
-      {
-        onSuccess: () => {
-          toast.success(t("workflowExecutions.rerun.success"))
-          onSuccess()
-        },
-        onError: (err) => {
-          toast.error(err.message)
-        },
-      }
-    )
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex flex-1 flex-col overflow-hidden"
-      >
-        <RouteDrawer.Body className="flex max-w-full flex-1 flex-col gap-y-4 overflow-y-auto">
-          <div className="bg-ui-bg-field border-ui-border-base rounded-lg border px-3 py-2">
-            <span className="txt-compact-small text-ui-fg-muted">
-              {workflowId}
-            </span>
-          </div>
-          <Form.Field
-            control={form.control}
-            name="input"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("workflowExecutions.rerun.inputLabel")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Textarea
-                      {...field}
-                      className="font-mono text-xs"
-                      rows={16}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-        </RouteDrawer.Body>
-        <RouteDrawer.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteDrawer.Close asChild>
-              <Button size="small" variant="secondary">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button size="small" type="submit" isLoading={isPending}>
-              {t("workflowExecutions.rerun.submit")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}
-
-export const Component = WorkflowExecutionRerun

package/src/routes/workflow-executions/workflow-execution-run/workflow-execution-run.tsx

@@ -1,139 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Button, Heading, Input, Textarea, toast } from "@acmekit/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import * as zod from "zod"
-
-import { Form } from "../../../components/common/form"
-import { RouteDrawer, useRouteModal } from "../../../components/modals"
-import { KeyboundForm } from "../../../components/utilities/keybound-form"
-import { useRunWorkflow } from "../../../hooks/api/workflow-executions"
-
-const RunWorkflowSchema = zod.object({
-  workflow_id: zod.string().min(1, "Workflow ID is required"),
-  input: zod.string().refine(
-    (val) => {
-      if (!val.trim()) return true
-      try {
-        JSON.parse(val)
-        return true
-      } catch {
-        return false
-      }
-    },
-    { message: "Must be valid JSON" }
-  ),
-})
-
-export const WorkflowExecutionRun = () => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <Heading>{t("workflowExecutions.actions.runWorkflow")}</Heading>
-      </RouteDrawer.Header>
-      <RunWorkflowForm onSuccess={handleSuccess} />
-    </RouteDrawer>
-  )
-}
-
-const RunWorkflowForm = ({ onSuccess }: { onSuccess: () => void }) => {
-  const { t } = useTranslation()
-
-  const form = useForm<zod.infer<typeof RunWorkflowSchema>>({
-    defaultValues: {
-      workflow_id: "",
-      input: "{}",
-    },
-    resolver: zodResolver(RunWorkflowSchema),
-  })
-
-  const workflowId = form.watch("workflow_id")
-
-  const { mutateAsync, isPending } = useRunWorkflow(workflowId || "_placeholder")
-
-  const handleSubmit = form.handleSubmit(async (values) => {
-    const parsed = values.input.trim() ? JSON.parse(values.input) : {}
-    await mutateAsync(
-      { input: parsed },
-      {
-        onSuccess: () => {
-          toast.success(t("workflowExecutions.rerun.success"))
-          onSuccess()
-        },
-        onError: (err) => {
-          toast.error(err.message)
-        },
-      }
-    )
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex flex-1 flex-col overflow-hidden"
-      >
-        <RouteDrawer.Body className="flex max-w-full flex-1 flex-col gap-y-4 overflow-y-auto">
-          <Form.Field
-            control={form.control}
-            name="workflow_id"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("workflowExecutions.workflowIdLabel")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Input
-                      {...field}
-                      placeholder="my-workflow-id"
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-          <Form.Field
-            control={form.control}
-            name="input"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("workflowExecutions.rerun.inputLabel")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Textarea
-                      {...field}
-                      className="font-mono text-xs"
-                      rows={12}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-        </RouteDrawer.Body>
-        <RouteDrawer.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteDrawer.Close asChild>
-              <Button size="small" variant="secondary">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button size="small" type="submit" isLoading={isPending}>
-              {t("workflowExecutions.rerun.submit")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}
-
-export const Component = WorkflowExecutionRun

package/src/routes/workflow-scheduled/workflow-scheduled-list.tsx

@@ -1,269 +0,0 @@
-import { Badge, Button, Container, Heading, Text, toast } from "@acmekit/ui"
-import { keepPreviousData } from "@tanstack/react-query"
-import { formatDistanceToNow } from "date-fns"
-import { useTranslation } from "react-i18next"
-import { SingleColumnPage } from "../../components/layout/pages"
-import {
-  useWorkflowDefinitions,
-} from "../../hooks/api/workflow-definitions"
-import { useRunWorkflow } from "../../hooks/api/workflow-executions"
-
-/**
- * Very small cron → human-readable description utility.
- * Handles the most common patterns without an external library.
- */
-function describeCron(cron: string): string {
-  const parts = cron.trim().split(/\s+/)
-  if (parts.length < 5) return cron
-
-  const [minute, hour, dom, month, dow] = parts
-
-  if (
-    minute === "*" &&
-    hour === "*" &&
-    dom === "*" &&
-    month === "*" &&
-    dow === "*"
-  ) {
-    return "Every minute"
-  }
-
-  if (
-    minute !== "*" &&
-    hour === "*" &&
-    dom === "*" &&
-    month === "*" &&
-    dow === "*"
-  ) {
-    return `Every hour at minute ${minute}`
-  }
-
-  if (
-    minute !== "*" &&
-    hour !== "*" &&
-    dom === "*" &&
-    month === "*" &&
-    dow === "*"
-  ) {
-    const h = parseInt(hour, 10)
-    const m = parseInt(minute, 10)
-    const ampm = h >= 12 ? "PM" : "AM"
-    const h12 = h % 12 || 12
-    return `Daily at ${h12}:${String(m).padStart(2, "0")} ${ampm}`
-  }
-
-  if (
-    minute !== "*" &&
-    hour !== "*" &&
-    dom === "*" &&
-    month === "*" &&
-    dow !== "*"
-  ) {
-    const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
-    const dayNames = dow
-      .split(",")
-      .map((d) => days[parseInt(d, 10)] ?? d)
-      .join(", ")
-    const h = parseInt(hour, 10)
-    const m = parseInt(minute, 10)
-    const ampm = h >= 12 ? "PM" : "AM"
-    const h12 = h % 12 || 12
-    return `${dayNames} at ${h12}:${String(m).padStart(2, "0")} ${ampm}`
-  }
-
-  if (
-    minute !== "*" &&
-    hour !== "*" &&
-    dom !== "*" &&
-    month === "*" &&
-    dow === "*"
-  ) {
-    return `Monthly on day ${dom} at ${hour}:${String(parseInt(minute, 10)).padStart(2, "0")}`
-  }
-
-  return cron
-}
-
-/**
- * Rough next-run estimate using date-fns (not exact; just indicative).
- */
-function getNextRunLabel(cron: string): string {
-  try {
-    const parts = cron.trim().split(/\s+/)
-    if (parts.length < 5) return "Unknown"
-
-    const [minuteStr, hourStr] = parts
-    const now = new Date()
-    const next = new Date(now)
-
-    if (minuteStr === "*") {
-      // every minute
-      next.setSeconds(0, 0)
-      next.setMinutes(now.getMinutes() + 1)
-    } else if (hourStr === "*") {
-      // every hour at :MM
-      const m = parseInt(minuteStr, 10)
-      next.setMinutes(m, 0, 0)
-      if (next <= now) next.setHours(now.getHours() + 1)
-    } else {
-      // daily at HH:MM (simplified)
-      const h = parseInt(hourStr, 10)
-      const m = parseInt(minuteStr, 10)
-      next.setHours(h, m, 0, 0)
-      if (next <= now) next.setDate(now.getDate() + 1)
-    }
-
-    return formatDistanceToNow(next, { addSuffix: true })
-  } catch {
-    return "Unknown"
-  }
-}
-
-type WorkflowDef = {
-  id: string
-  handler_count: number
-  steps: Array<{ action: string; depth: number; noCompensation: boolean }>
-  options: Record<string, unknown>
-}
-
-const ScheduledRow = ({ def }: { def: WorkflowDef }) => {
-  const { t } = useTranslation()
-
-  const schedule = def.options?.schedule as
-    | { cron?: string; interval?: string }
-    | string
-    | undefined
-
-  const cronStr =
-    typeof schedule === "string"
-      ? schedule
-      : typeof schedule === "object"
-        ? schedule?.cron ?? String(schedule?.interval ?? "")
-        : ""
-
-  const humanSchedule = cronStr ? describeCron(cronStr) : "—"
-  const nextRun = cronStr ? getNextRunLabel(cronStr) : "—"
-
-  const { mutateAsync: runWorkflow, isPending } = useRunWorkflow(def.id)
-
-  const handleRunNow = async () => {
-    await runWorkflow(
-      { input: {} },
-      {
-        onSuccess: () => {
-          toast.success(t("workflowExecutions.actions.retrySuccess"))
-        },
-      }
-    )
-  }
-
-  return (
-    <div className="grid grid-cols-[1fr_1fr_1fr_auto] items-center gap-x-4 px-6 py-3">
-      <div className="flex flex-col gap-y-0.5">
-        <Text size="small" weight="plus" leading="compact">
-          {def.id}
-        </Text>
-        <Text size="xsmall" className="text-ui-fg-muted">
-          {def.handler_count}{" "}
-          {t("workflowExecutions.definitions.handlers")}
-        </Text>
-      </div>
-      <div>
-        <Badge size="2xsmall" className="font-mono">
-          {cronStr || "—"}
-        </Badge>
-        <Text size="xsmall" className="text-ui-fg-subtle mt-0.5">
-          {humanSchedule}
-        </Text>
-      </div>
-      <Text size="small" className="text-ui-fg-subtle">
-        {nextRun}
-      </Text>
-      <Button
-        size="small"
-        variant="secondary"
-        isLoading={isPending}
-        onClick={handleRunNow}
-      >
-        {t("workflowExecutions.scheduled.runNow")}
-      </Button>
-    </div>
-  )
-}
-
-export const WorkflowScheduledList = () => {
-  const { t } = useTranslation()
-
-  const { workflow_definitions, isPending } = useWorkflowDefinitions(
-    undefined,
-    { placeholderData: keepPreviousData }
-  )
-
-  const scheduled = (workflow_definitions ?? []).filter((def) => {
-    const opts = def.options
-    return opts && (opts.schedule || opts.cron)
-  })
-
-  return (
-    <SingleColumnPage widgets={{ before: [], after: [] }}>
-      <Container className="divide-y p-0">
-        <div className="flex items-center justify-between px-6 py-4">
-          <div>
-            <Heading>{t("workflowExecutions.scheduled.domain")}</Heading>
-            <Text className="text-ui-fg-subtle" size="small">
-              {t("workflowExecutions.scheduled.subtitle")}
-            </Text>
-          </div>
-        </div>
-
-        {/* Table header */}
-        <div className="grid grid-cols-[1fr_1fr_1fr_auto] gap-x-4 border-b border-ui-border-base px-6 py-2">
-          <Text
-            size="xsmall"
-            weight="plus"
-            className="text-ui-fg-subtle uppercase"
-          >
-            Workflow
-          </Text>
-          <Text
-            size="xsmall"
-            weight="plus"
-            className="text-ui-fg-subtle uppercase"
-          >
-            {t("workflowExecutions.scheduled.schedule")}
-          </Text>
-          <Text
-            size="xsmall"
-            weight="plus"
-            className="text-ui-fg-subtle uppercase"
-          >
-            {t("workflowExecutions.scheduled.nextRun")}
-          </Text>
-          <div />
-        </div>
-
-        {isPending && (
-          <div className="px-6 py-4">
-            <Text size="small" className="text-ui-fg-muted">
-              Loading...
-            </Text>
-          </div>
-        )}
-
-        {!isPending && scheduled.length === 0 && (
-          <div className="px-6 py-8 text-center">
-            <Text size="small" className="text-ui-fg-muted">
-              {t("workflowExecutions.scheduled.noRecordsMessage")}
-            </Text>
-          </div>
-        )}
-
-        {scheduled.map((def) => (
-          <ScheduledRow key={def.id} def={def} />
-        ))}
-      </Container>
-    </SingleColumnPage>
-  )
-}
-
-export const Component = WorkflowScheduledList