@jiggai/kitchen 0.1.12 → 0.2.0

package/src/app/api/tickets/assign/route.ts

@@ -0,0 +1,94 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { NextResponse } from "next/server";
+import { getTeamWorkspaceDir, getTicketByIdOrNumber, listTickets, stageDir, type TicketStage } from "@/lib/tickets";
+
+type TicketFlowConfig = {
+  laneByOwner?: Record<string, TicketStage>;
+  defaultLane?: TicketStage;
+};
+
+async function loadTicketFlowConfig(teamDir: string): Promise<TicketFlowConfig | null> {
+  const p = path.join(teamDir, "shared-context", "ticket-flow.json");
+  try {
+    const raw = await fs.readFile(p, "utf8");
+    const parsed = JSON.parse(raw) as TicketFlowConfig;
+    if (!parsed || typeof parsed !== "object") return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+
+async function desiredStageForAssignee(opts: {
+  teamDir: string;
+  assignee: string | null;
+  currentStage: TicketStage;
+}): Promise<TicketStage> {
+  const config = await loadTicketFlowConfig(opts.teamDir);
+  if (!config) return opts.currentStage;
+
+  const key = (opts.assignee ?? "").trim();
+  if (key && config.laneByOwner && typeof config.laneByOwner[key] === "string") {
+    return config.laneByOwner[key] as TicketStage;
+  }
+
+  if (config.defaultLane) return config.defaultLane;
+  return opts.currentStage;
+}
+
+function upsertField(md: string, field: string, value: string) {
+  const re = new RegExp(`^${field}:\\s*.*$`, "mi");
+  if (re.test(md)) return md.replace(re, `${field}: ${value}`);
+
+  // Insert after the first header line, or at top if no header.
+  const lines = md.split("\n");
+  const headerIdx = lines.findIndex((l) => l.startsWith("# "));
+  const insertAt = headerIdx >= 0 ? headerIdx + 1 : 0;
+  lines.splice(insertAt, 0, `${field}: ${value}`);
+  return lines.join("\n");
+}
+
+async function ensureDir(p: string) {
+  await fs.mkdir(p, { recursive: true });
+}
+
+export async function POST(req: Request) {
+  const body = (await req.json().catch(() => null)) as null | {
+    ticket: string;
+    assignee: string;
+  };
+
+  if (!body?.ticket || !body?.assignee) {
+    return NextResponse.json({ error: "Missing ticket or assignee" }, { status: 400 });
+  }
+
+  const ticket = await getTicketByIdOrNumber(body.ticket);
+  if (!ticket) {
+    return NextResponse.json({ error: "Ticket not found" }, { status: 404 });
+  }
+
+  const assignee = body.assignee.trim();
+  const nextStage = await desiredStageForAssignee({ teamDir: getTeamWorkspaceDir(), assignee, currentStage: ticket.stage });
+
+  const currentMd = await fs.readFile(ticket.file, "utf8");
+  let updatedMd = upsertField(currentMd, "Owner", assignee);
+  // Keep Status in sync with lane.
+  updatedMd = upsertField(updatedMd, "Status", nextStage);
+
+  const filename = path.basename(ticket.file);
+  const nextPath = path.join(stageDir(nextStage), filename);
+
+  await ensureDir(stageDir(nextStage));
+
+  if (ticket.file !== nextPath) {
+    await fs.rename(ticket.file, nextPath);
+  }
+
+  await fs.writeFile(nextPath, updatedMd, "utf8");
+
+  // Assignment stubs are deprecated; do not create/update work/assignments/*.md.
+
+  const refreshed = (await listTickets()).find((t) => t.number === ticket.number);
+  return NextResponse.json({ ok: true, ticket: refreshed ?? null });
+}

package/src/app/api/tickets/assignees/route.ts

@@ -0,0 +1,24 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import { NextResponse } from "next/server";
+
+import { getTeamWorkspaceDir } from "@/lib/tickets";
+
+export async function GET() {
+  // MVP: in development-team, treat role directories as available agentIds.
+  // Future: should come from OpenClaw team config (bindings/agents) and be team-scoped.
+  const rolesDir = path.join(getTeamWorkspaceDir(), "roles");
+
+  let entries: string[] = [];
+  try {
+    entries = await fs.readdir(rolesDir);
+  } catch {
+    entries = [];
+  }
+
+  const assignees = entries
+    .filter((e) => !e.startsWith("."))
+    .sort();
+
+  return NextResponse.json({ assignees });
+}

package/src/app/api/tickets/move/route.ts

@@ -1,6 +1,33 @@
+import fs from "node:fs/promises";
+
 import { NextResponse } from "next/server";
 
 import { runOpenClaw } from "@/lib/openclaw";
+import { getTicketMarkdown } from "@/lib/tickets";
+
+function todayUtc() {
+  return new Date().toISOString().slice(0, 10);
+}
+
+async function appendDoneAuditComment(ticketIdOrNumber: string) {
+  const hit = await getTicketMarkdown("development-team", ticketIdOrNumber);
+  if (!hit) return;
+
+  const line = `- ${todayUtc()} (ClawKitchen UI): Marked done from ClawKitchen UI.`;
+  if (hit.markdown.includes(line)) return;
+
+  const hasComments = /\n## Comments\n/i.test(hit.markdown) || /^## Comments\n/im.test(hit.markdown);
+
+  let next = hit.markdown;
+  if (!hasComments) {
+    next = next.replace(/\s*$/, "\n\n## Comments\n");
+  }
+
+  // Append at end; this keeps the operation simple and avoids brittle section parsing.
+  next = next.replace(/\s*$/, "\n" + line + "\n");
+
+  await fs.writeFile(hit.file, next, "utf8");
+}
 
 export async function POST(req: Request) {
   try {
@@ -30,6 +57,10 @@ export async function POST(req: Request) {
     const res = await runOpenClaw(args);
     if (!res.ok) throw new Error(res.stderr || `openclaw exit ${res.exitCode}`);
 
+    if (to === "done") {
+      await appendDoneAuditComment(ticket);
+    }
+
     return NextResponse.json({ ok: true });
   } catch (err: unknown) {
     const message = err instanceof Error ? err.message : String(err);

package/src/app/channels/channels-client.tsx

@@ -1,6 +1,9 @@
 "use client";
 
-import { useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { errorMessage } from "@/lib/errors";
+import { fetchJson } from "@/lib/fetch-json";
+import { isRecord } from "@/lib/type-guards";
 
 type ChannelConfig = Record<string, unknown>;
 
@@ -10,10 +13,6 @@ type ChannelsResponse = {
   error?: string;
 };
 
-function isRecord(v: unknown): v is Record<string, unknown> {
-  return Boolean(v) && typeof v === "object" && !Array.isArray(v);
-}
-
 function Button({
   children,
   onClick,
@@ -25,13 +24,12 @@ function Button({
   kind?: "primary" | "danger";
   disabled?: boolean;
 }) {
-  const base =
-    "rounded-[var(--ck-radius-sm)] px-3 py-2 text-sm font-medium transition disabled:opacity-50 " +
-    (kind === "primary"
-      ? "bg-[var(--ck-accent-red)] text-white"
-      : kind === "danger"
-        ? "border border-red-400/40 text-red-200 hover:bg-red-500/10"
-        : "border border-[color:var(--ck-border-subtle)] hover:bg-[color:var(--ck-bg-glass)]");
+  let base = "rounded-[var(--ck-radius-sm)] px-3 py-2 text-sm font-medium transition disabled:opacity-50 ";
+  if (kind === "primary") base += "bg-[var(--ck-accent-red)] text-white";
+  else if (kind === "danger")
+    base +=
+      "border border-[color:rgba(255,59,48,0.45)] bg-[color:rgba(255,59,48,0.08)] text-[color:var(--ck-accent-red)] hover:bg-[color:rgba(255,59,48,0.12)]";
+  else base += "border border-[color:var(--ck-border-subtle)] hover:bg-[color:var(--ck-bg-glass)]";
   return (
     <button className={base} onClick={onClick} disabled={disabled}>
       {children}
@@ -49,16 +47,16 @@ export default function ChannelsClient() {
   const [saving, setSaving] = useState(false);
 
   async function fetchBindings(): Promise<{ ok: true; channels: Record<string, unknown> } | { ok: false; error: string }> {
-    const res = await fetch("/api/channels/bindings", { cache: "no-store" });
-    const data = (await res.json()) as ChannelsResponse;
-    if (!res.ok || !data?.ok) {
-      return { ok: false, error: String(data?.error ?? `Failed to load channels (${res.status})`) };
+    try {
+      const data = await fetchJson<ChannelsResponse>("/api/channels/bindings", { cache: "no-store" });
+      const ch = isRecord(data.channels) ? data.channels : {};
+      return { ok: true, channels: ch };
+    } catch (e: unknown) {
+      return { ok: false, error: errorMessage(e) };
     }
-    const ch = isRecord(data.channels) ? data.channels : {};
-    return { ok: true, channels: ch };
   }
 
-  async function refresh() {
+  const refresh = useCallback(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -72,12 +70,12 @@ export default function ChannelsClient() {
       setChannels(result.channels);
       setLoading(false);
     } catch (e: unknown) {
-      const msg = e instanceof Error ? e.message : String(e);
+      const msg = errorMessage(e);
       setError(msg);
       setChannels({});
       setLoading(false);
     }
-  }
+  }, []);
 
   useEffect(() => {
     let cancelled = false;
@@ -88,8 +86,7 @@ export default function ChannelsClient() {
     return () => {
       cancelled = true;
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [refresh]);
 
   const providers = useMemo(() => {
     const keys = Object.keys(channels);
@@ -103,6 +100,23 @@ export default function ChannelsClient() {
     setConfigJson(JSON.stringify(cfg ?? {}, null, 2) + "\n");
   }
 
+  async function mutate(
+    method: "PUT" | "DELETE",
+    body: { provider: string; config?: Record<string, unknown> }
+  ): Promise<{ ok: true } | { ok: false; error: string }> {
+    try {
+      const data = await fetchJson<ChannelsResponse>("/api/channels/bindings", {
+        method,
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body),
+      });
+      if (!data?.ok) return { ok: false, error: String(data?.error ?? `Failed to ${method === "PUT" ? "save" : "delete"}`) };
+      return { ok: true };
+    } catch (e: unknown) {
+      return { ok: false, error: errorMessage(e) };
+    }
+  }
+
   async function upsert() {
     setSaving(true);
     setError(null);
@@ -121,41 +135,28 @@ export default function ChannelsClient() {
       return;
     }
 
-    const res = await fetch("/api/channels/bindings", {
-      method: "PUT",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ provider: provider.trim(), config: parsed }),
-    });
-    const data = (await res.json()) as ChannelsResponse;
-    if (!res.ok || !data?.ok) {
-      setError(String(data?.error ?? "Failed to save"));
+    const result = await mutate("PUT", { provider: provider.trim(), config: parsed });
+    if (!result.ok) {
+      setError(result.error);
       setSaving(false);
       return;
     }
-
     await refresh();
     setSaving(false);
   }
 
   async function remove(p: string) {
-    const ok = window.confirm(`Delete channel binding "${p}"?`);
-    if (!ok) return;
+    if (!window.confirm(`Delete channel binding "${p}"?`)) return;
 
     setSaving(true);
     setError(null);
 
-    const res = await fetch("/api/channels/bindings", {
-      method: "DELETE",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ provider: p }),
-    });
-    const data = (await res.json()) as ChannelsResponse;
-    if (!res.ok || !data?.ok) {
-      setError(String(data?.error ?? "Failed to delete"));
+    const result = await mutate("DELETE", { provider: p });
+    if (!result.ok) {
+      setError(result.error);
       setSaving(false);
       return;
     }
-
     await refresh();
     setSaving(false);
   }
@@ -198,11 +199,11 @@ export default function ChannelsClient() {
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-3">
         <div className="ck-glass p-4">
           <div className="text-sm font-medium">Bindings</div>
-          {loading ? (
-            <div className="mt-3 text-sm text-[color:var(--ck-text-secondary)]">Loading…</div>
-          ) : providers.length === 0 ? (
+          {loading && <div className="mt-3 text-sm text-[color:var(--ck-text-secondary)]">Loading…</div>}
+          {!loading && providers.length === 0 && (
             <div className="mt-3 text-sm text-[color:var(--ck-text-secondary)]">No bindings configured.</div>
-          ) : (
+          )}
+          {!loading && providers.length > 0 && (
             <div className="mt-3 space-y-2">
               {providers.map((p) => (
                 <button

package/src/app/cron-jobs/cron-jobs-client.tsx

@@ -2,7 +2,9 @@
 
 import { useEffect, useMemo, useState } from "react";
 import { useToast } from "@/components/ToastProvider";
-import { DeleteCronJobModal } from "./DeleteCronJobModal";
+import { DeleteCronJobModal } from "@/components/delete-modals";
+import { errorMessage } from "@/lib/errors";
+import { fetchJson } from "@/lib/fetch-json";
 
 type CronJob = {
   id: string;
@@ -57,15 +59,13 @@ export default function CronJobsClient() {
     setLoading(true);
     setMsg("");
     try {
-      const res = await fetch("/api/cron/jobs", { cache: "no-store" });
-      const json = (await res.json()) as { ok: boolean; jobs?: CronJob[]; error?: string };
-      if (!res.ok) throw new Error(json.error || "Failed to load");
+      const json = await fetchJson<{ jobs?: CronJob[] }>("/api/cron/jobs", { cache: "no-store" });
       setJobs(json.jobs ?? []);
       if ((json.jobs ?? []).length === 0) {
         setMsg("No cron jobs found.");
       }
     } catch (e: unknown) {
-      setMsg(e instanceof Error ? e.message : String(e));
+      setMsg(errorMessage(e));
       setJobs([]);
     } finally {
       setLoading(false);
@@ -80,17 +80,15 @@ export default function CronJobsClient() {
     setLoading(true);
     setMsg("");
     try {
-      const res = await fetch("/api/cron/job", {
+      await fetchJson("/api/cron/job", {
         method: "POST",
         headers: { "content-type": "application/json" },
         body: JSON.stringify({ id, action }),
       });
-      const json = (await res.json()) as { ok: boolean; error?: string };
-      if (!res.ok) throw new Error(json.error || "Action failed");
       setMsg(action === "run" ? "Triggered run." : "Updated.");
       await refresh();
     } catch (e: unknown) {
-      setMsg(e instanceof Error ? e.message : String(e));
+      setMsg(errorMessage(e));
     } finally {
       setLoading(false);
     }
@@ -107,18 +105,17 @@ export default function CronJobsClient() {
     setDeleteBusy(true);
     setDeleteError(null);
     try {
-      const res = await fetch("/api/cron/delete", {
+      const json = await fetchJson<{ ok?: boolean; error?: string }>("/api/cron/delete", {
         method: "POST",
         headers: { "content-type": "application/json" },
         body: JSON.stringify({ id: deleteId }),
       });
-      const json = (await res.json()) as { ok: boolean; error?: string };
-      if (!res.ok || !json.ok) throw new Error(json.error || "Delete failed");
+      if (!json.ok) throw new Error(json.error || "Delete failed");
       toast.push({ kind: "success", message: `Removed cron job: ${deleteLabel}` });
       setDeleteOpen(false);
       await refresh();
     } catch (e: unknown) {
-      const msg = e instanceof Error ? e.message : String(e);
+      const msg = errorMessage(e);
       setDeleteError(msg);
       toast.push({ kind: "error", message: msg });
     } finally {
@@ -215,7 +212,7 @@ export default function CronJobsClient() {
                     title={isEnabled(j) ? "Disable this job before deleting." : "Delete cron job"}
                     onClick={() => openDelete(j)}
                     disabled={loading || isEnabled(j)}
-                    className="rounded-[var(--ck-radius-sm)] border border-red-400/40 bg-red-500/10 px-3 py-2 text-sm font-medium text-red-100 transition-colors hover:bg-red-500/15 disabled:opacity-40"
+                    className="rounded-[var(--ck-radius-sm)] border border-[color:rgba(255,59,48,0.45)] bg-[color:rgba(255,59,48,0.08)] px-3 py-2 text-sm font-medium text-[color:var(--ck-accent-red)] transition-colors hover:bg-[color:rgba(255,59,48,0.12)] disabled:opacity-40"
                   >
                     Delete
                   </button>

package/src/app/cron-jobs/page.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 
 export default function CronJobsPage() {
   return (
-    <div className="ck-glass mx-auto max-w-5xl p-6 sm:p-8">
+    <div className="ck-glass w-full p-6 sm:p-8">
       <div className="flex items-baseline justify-between gap-4">
         <h1 className="text-2xl font-semibold tracking-tight">Cron Jobs (recipe-installed)</h1>
         <div className="flex gap-3">

package/src/app/global-error.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { useEffect } from "react";
+
+// NOTE: Next.js renders this when the root layout (or anything above the segment
+// error boundary) throws. Keep it dependency-light: no AppShell / no router hooks.
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => {
+    console.error("Global error:", error);
+  }, [error]);
+
+  return (
+    <html lang="en">
+      <body className="min-h-screen bg-[color:var(--ck-bg)] text-[color:var(--ck-text-primary)]">
+        <div className="mx-auto max-w-2xl px-6 py-16">
+          <h1 className="text-xl font-semibold">Something went wrong</h1>
+          <p className="mt-2 text-sm text-[color:var(--ck-text-secondary)]">
+            An unexpected error occurred.
+          </p>
+
+          <pre className="mt-6 overflow-auto rounded-md border border-[color:var(--ck-border-subtle)] bg-[color:var(--ck-bg-glass)] p-4 text-xs text-[color:var(--ck-text-secondary)]">
+            {String(error?.stack || error)}
+          </pre>
+
+          {error?.digest ? (
+            <p className="mt-3 text-xs text-[color:var(--ck-text-secondary)]">
+              Digest: {error.digest}
+            </p>
+          ) : null}
+
+          <div className="mt-6 flex gap-3">
+            <button
+              type="button"
+              onClick={() => reset()}
+              className="rounded-[var(--ck-radius-sm)] bg-[var(--ck-accent-red)] px-4 py-2 text-sm font-medium text-white"
+            >
+              Try again
+            </button>
+          </div>
+        </div>
+      </body>
+    </html>
+  );
+}