@wopr-network/platform-ui-core 1.19.3 → 1.19.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wopr-network/platform-ui-core",
-  "version": "1.19.3",
+  "version": "1.19.5",
   "description": "Brand-agnostic AI agent platform UI — deploy as any brand via env vars",
   "repository": {
     "type": "git",

package/src/app/instances/new/create-instance-client.tsx

@@ -3,6 +3,7 @@
 import { motion } from "framer-motion";
 import { Check } from "lucide-react";
 import Link from "next/link";
+import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@@ -87,6 +88,8 @@ export function CreateInstanceClient() {
     setSelectedPlugins((prev) => (prev.includes(p) ? prev.filter((x) => x !== p) : [...prev, p]));
   }
 
+  const router = useRouter();
+
   async function handleSubmit() {
     if (!name.trim()) return;
     const validationError = validateName(name);
@@ -96,21 +99,25 @@ export function CreateInstanceClient() {
     }
     setSubmitting(true);
     setSubmitError(null);
-    try {
-      const preset = presets.find((p) => p.id === selectedPreset);
-      await createInstance({
-        name: name.trim(),
-        template: preset?.name ?? "Custom",
-        provider,
-        channels: selectedChannels,
-        plugins: selectedPlugins,
-      });
-      setCreated(true);
-    } catch (err) {
-      setSubmitError(toUserMessage(err, "Failed to create instance"));
-    } finally {
-      setSubmitting(false);
-    }
+
+    const preset = presets.find((p) => p.id === selectedPreset);
+    const payload = {
+      name: name.trim(),
+      template: preset?.name ?? "Custom",
+      provider,
+      channels: selectedChannels,
+      plugins: selectedPlugins,
+    };
+
+    // Fire-and-forget: redirect immediately, let backend provision in background.
+    // The instances page polls for status updates.
+    createInstance(payload).catch(() => {
+      // Silently handled — instance list will show provisioning/error state
+    });
+
+    setCreated(true);
+    // Short delay for the success animation, then redirect to instances
+    setTimeout(() => router.push("/instances"), 1500);
   }
 
   if (created) {

package/src/lib/trpc.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { createTRPCClient, httpBatchLink } from "@trpc/client";
+import { createTRPCClient, httpBatchStreamLink } from "@trpc/client";
 import { createTRPCReact } from "@trpc/react-query";
 import { useState } from "react";
 import { PLATFORM_BASE_URL } from "./api-config";
@@ -25,7 +25,7 @@ async function trpcFetchWithAuth(url: RequestInfo | URL, options?: RequestInit)
  */
 export const trpcVanilla = createTRPCClient<AppRouter>({
   links: [
-    httpBatchLink({
+    httpBatchStreamLink({
       url: `${PLATFORM_BASE_URL}/trpc`,
       fetch: trpcFetchWithAuth,
       headers() {
@@ -76,7 +76,7 @@ export function TRPCProvider({
   const [trpcClient] = useState(() =>
     trpc.createClient({
       links: [
-        httpBatchLink({
+        httpBatchStreamLink({
           url: `${PLATFORM_BASE_URL}/trpc`,
           fetch: trpcFetchWithAuth,
           headers() {