Wire Publish rule from create flow

lib/create/api.ts

@@ -83,6 +83,21 @@ export async function fetchDraftFromServer(): Promise<CreateFlowState | null> {
 const DRAFT_SAVE_NETWORK_ERROR =
   "Something went wrong. Check your connection and try again.";
 
+const PUBLISH_FAILED_FALLBACK =
+  "Something went wrong. Check your connection or try again.";
+
+/** Parse JSON body; empty or invalid bodies return `null` (avoids `response.json()` throws). */
+async function safeParseJsonResponse(res: Response): Promise<unknown> {
+  const text = await res.text();
+  const trimmed = text.trim();
+  if (!trimmed) return null;
+  try {
+    return JSON.parse(trimmed) as unknown;
+  } catch {
+    return null;
+  }
+}
+
 export type SaveDraftResult =
   | { ok: true }
   | { ok: false; message: string; status?: number };
@@ -131,23 +146,44 @@ export async function publishRule(input: {
   title: string;
   summary?: string;
   document: Record<string, unknown>;
-}): Promise<{ ok: true; id: string; title: string } | { error: string }> {
-  const res = await fetch("/api/rules", {
-    method: "POST",
-    credentials: "include",
-    headers: jsonHeaders,
-    body: JSON.stringify({
-      title: input.title,
-      summary: input.summary,
-      document: input.document,
-    }),
-  });
-  const data = await parseJson<{
-    error?: string;
-    rule?: { id: string; title: string };
-  }>(res);
-  if (!res.ok || !data.rule) {
-    return { error: readApiErrorMessage(data) };
+}): Promise<
+  | { ok: true; id: string; title: string }
+  | { ok: false; error: string; status?: number }
+> {
+  try {
+    const res = await fetch("/api/rules", {
+      method: "POST",
+      credentials: "include",
+      headers: jsonHeaders,
+      body: JSON.stringify({
+        title: input.title,
+        summary: input.summary,
+        document: input.document,
+      }),
+    });
+    const data = (await safeParseJsonResponse(res)) as {
+      error?: string | { message?: string };
+      rule?: { id: string; title: string };
+    } | null;
+    const rule = data && typeof data === "object" ? data.rule : undefined;
+    if (!res.ok || !rule) {
+      const fromBody =
+        data && typeof data === "object" ? readApiErrorMessage(data) : null;
+      const msg =
+        fromBody && fromBody !== "Request failed"
+          ? fromBody
+          : res.statusText?.trim() || PUBLISH_FAILED_FALLBACK;
+      return {
+        ok: false as const,
+        error: msg,
+        status: res.status,
+      };
+    }
+    return { ok: true, id: rule.id, title: rule.title };
+  } catch {
+    return {
+      ok: false as const,
+      error: DRAFT_SAVE_NETWORK_ERROR,
+    };
   }
-  return { ok: true, id: data.rule.id, title: data.rule.title };
 }