feat: async task pipeline for media and llm workflows

client/src/hooks/useBackgroundTask.ts

@@ -0,0 +1,15 @@
+import { trpc } from "@/lib/trpc";
+
+export function useBackgroundTask(taskId: string | null | undefined) {
+  return trpc.task.get.useQuery(
+    { taskId: taskId || "" },
+    {
+      enabled: Boolean(taskId),
+      refetchInterval: (query) => {
+        const task = query.state.data;
+        if (!task) return 3_000;
+        return task.status === "queued" || task.status === "running" ? 3_000 : false;
+      },
+    }
+  );
+}