clawport-ui 0.4.1 → 0.4.3

package/app/api/chat/[id]/route.ts

@@ -129,10 +129,16 @@ export async function POST(
         Connection: 'keep-alive',
       },
     })
-  } catch (err) {
+  } catch (err: unknown) {
     console.error('Chat API error:', err)
+
+    let userMessage = 'Chat failed. Make sure OpenClaw gateway is running.'
+    if (err instanceof Error && 'status' in err && (err as { status: number }).status === 405) {
+      userMessage = 'Gateway returned 405. Enable the HTTP endpoint: set gateway.http.endpoints.chatCompletions.enabled = true in ~/.openclaw/openclaw.json, then restart the gateway.'
+    }
+
     return new Response(
-      JSON.stringify({ error: 'Chat failed. Make sure OpenClaw gateway is running.' }),
+      JSON.stringify({ error: userMessage }),
       { status: 500, headers: { 'Content-Type': 'application/json' } }
     )
   }

package/app/api/crons/route.ts

@@ -1,11 +1,13 @@
 import { getCrons } from '@/lib/crons'
+import { loadPipelines } from '@/lib/cron-pipelines'
 import { apiErrorResponse } from '@/lib/api-error'
 import { NextResponse } from 'next/server'
 
 export async function GET() {
   try {
     const crons = await getCrons()
-    return NextResponse.json(crons)
+    const pipelines = loadPipelines()
+    return NextResponse.json({ crons, pipelines })
   } catch (err) {
     return apiErrorResponse(err, 'Failed to load cron jobs')
   }

package/app/api/memory/route.ts

@@ -1,11 +1,14 @@
-import { getMemoryFiles } from '@/lib/memory'
+import { getMemoryFiles, getMemoryConfig, getMemoryStatus, computeMemoryStats } from '@/lib/memory'
 import { apiErrorResponse } from '@/lib/api-error'
 import { NextResponse } from 'next/server'
 
 export async function GET() {
   try {
     const files = await getMemoryFiles()
-    return NextResponse.json(files)
+    const config = getMemoryConfig()
+    const status = getMemoryStatus()
+    const stats = computeMemoryStats(files)
+    return NextResponse.json({ files, config, status, stats })
   } catch (err) {
     return apiErrorResponse(err, 'Failed to load memory files')
   }

package/app/crons/page.tsx

@@ -3,6 +3,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import Link from "next/link";
 import type { Agent, CronJob, CronRun } from "@/lib/types";
+import type { Pipeline } from "@/lib/cron-pipelines";
 import { formatDuration } from "@/lib/cron-utils";
 import { Skeleton } from "@/components/ui/skeleton";
 import { RefreshCw, BarChart3, Calendar, GitBranch, Copy, Check } from "lucide-react";
@@ -428,6 +429,7 @@ function RecentRuns({ jobId }: { jobId: string }) {
 export default function CronsPage() {
   const [crons, setCrons] = useState<CronJob[]>([]);
   const [agents, setAgents] = useState<Agent[]>([]);
+  const [pipelines, setPipelines] = useState<Pipeline[]>([]);
   const [filter, setFilter] = useState<Filter>("all");
   const [tab, setTab] = useState<Tab>("overview");
   const [expanded, setExpanded] = useState<string | null>(null);
@@ -453,8 +455,15 @@ export default function CronsPage() {
         return r.json();
       }),
     ])
-      .then(([c, a]) => {
-        setCrons(c);
+      .then(([cronData, a]) => {
+        // Backward compat: if response is a plain array, treat as crons-only
+        if (Array.isArray(cronData)) {
+          setCrons(cronData);
+          setPipelines([]);
+        } else {
+          setCrons(cronData.crons);
+          setPipelines(cronData.pipelines || []);
+        }
         setAgents(a);
         setLastRefresh(new Date());
         setLoading(false);
@@ -853,7 +862,7 @@ export default function CronsPage() {
             {tab === "schedule" && <WeeklySchedule crons={crons} />}
 
             {/* ─── PIPELINES TAB ─────────────────────────────── */}
-            {tab === "pipelines" && <PipelineGraph crons={crons} />}
+            {tab === "pipelines" && <PipelineGraph crons={crons} agents={agents} pipelines={pipelines} />}
           </>
         )}
       </div>