feat: add create workflow run error server action catch, redirect workflow parse error, add key revoked col

web/src/components/LiveStatus.tsx

@@ -4,6 +4,8 @@ import { useStore } from "@/components/MachinesWS";
 import { StatusBadge } from "@/components/StatusBadge";
 import { TableCell } from "@/components/ui/table";
 import { type findAllRuns } from "@/server/findAllRuns";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
 
 export function LiveStatus({
   run,
@@ -14,7 +16,7 @@ export function LiveStatus({
     (state) =>
       state.data
         .filter((x) => x.id === run.id)
-        .sort((a, b) => b.timestamp - a.timestamp)?.[0]
+        .sort((a, b) => b.timestamp - a.timestamp)?.[0],
   );
 
   let status = run.status;
@@ -26,6 +28,14 @@ export function LiveStatus({
     status = "running";
   }
 
+  const router = useRouter();
+
+  useEffect(() => {
+    if (data?.json.event === "outputs_uploaded") {
+      router.refresh()
+    }
+  }, [data?.json.event]);
+
   return (
     <>
       <TableCell>

web/src/components/MachinesWS.tsx

@@ -55,7 +55,8 @@ function MachineWS({
   const { lastMessage, readyState } = useWebSocket(
     `${wsEndpoint}/comfyui-deploy/ws`,
     {
-      reconnectAttempts: 10,
+      shouldReconnect: ()=> true,
+      reconnectAttempts: 20,
       reconnectInterval: 1000,
     }
   );

web/src/components/RunsTable.tsx

@@ -38,7 +38,7 @@ export async function RunsTable(props: { workflow_id: string }) {
 export async function DeploymentsTable(props: { workflow_id: string }) {
   const allRuns = await findAllDeployments(props.workflow_id);
   return (
-    <div className="overflow-auto h-[400px] w-full">
+    <div className="overflow-auto h-fit lg:h-[400px] w-full">
       <Table className="">
         <TableCaption>A list of your deployments</TableCaption>
         <TableHeader className="bg-background top-0 sticky">

web/src/components/callServerPromise.tsx

@@ -7,6 +7,8 @@ export async function callServerPromise<T>(result: Promise<T>) {
     .then((x) => {
       if ((x as { message: string })?.message !== undefined) {
         toast.success((x as { message: string }).message);
+      } else if ((x as { error: string })?.error !== undefined) {
+        toast.error((x as { error: string }).error);
       }
       return x;
     })