@jiggai/kitchen 0.3.1 → 0.3.3

package/src/app/tickets/TicketDetailClient.tsx

@@ -1,147 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { useState, useTransition } from "react";
-
-import { useToast } from "@/components/ToastProvider";
-import { errorMessage } from "@/lib/errors";
-import { fetchJson } from "@/lib/fetch-json";
-import { TicketAssignControl } from "@/app/tickets/[ticket]/TicketAssignControl";
-
-export function TicketDetailClient(props: {
-  teamId: string;
-  ticketId: string;
-  file: string;
-  markdown: string;
-  backHref?: string;
-  currentOwner?: string | null;
-}) {
-  const router = useRouter();
-  const toast = useToast();
-  const [isPending, startTransition] = useTransition();
-  const [error, setError] = useState<string | null>(null);
-  const [confirm, setConfirm] = useState<null | { kind: "goals" | "delete" }>(null);
-
-  async function moveToGoals() {
-    setError(null);
-    await fetchJson(`/api/teams/${encodeURIComponent(props.teamId)}/tickets/move-to-goals`, {
-      method: "POST",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ ticket: props.ticketId }),
-    });
-  }
-
-  async function deleteTicket() {
-    setError(null);
-    await fetchJson(`/api/teams/${encodeURIComponent(props.teamId)}/tickets/delete`, {
-      method: "POST",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ ticket: props.ticketId }),
-    });
-  }
-
-  return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between gap-3">
-        <Link href={props.backHref ?? "/tickets"} className="text-sm font-medium hover:underline">
-          ← Back
-        </Link>
-        <span className="text-xs text-[color:var(--ck-text-tertiary)]">{props.file}</span>
-      </div>
-
-      {error ? (
-        <div className="ck-glass border border-[color:var(--ck-border-strong)] p-3 text-sm text-[color:var(--ck-text-primary)]">
-          {error}
-        </div>
-      ) : null}
-
-      {props.currentOwner !== undefined ? (
-        <TicketAssignControl teamId={props.teamId} ticket={props.ticketId} currentOwner={props.currentOwner ?? null} />
-      ) : null}
-
-      <div className="ck-glass p-4">
-        <div className="flex flex-wrap items-center justify-end gap-2">
-          <button
-            className="rounded border border-[color:var(--ck-border-subtle)] px-3 py-1.5 text-xs font-medium text-[color:var(--ck-text-secondary)] hover:border-[color:var(--ck-border-strong)]"
-            onClick={() => setConfirm({ kind: "goals" })}
-            disabled={isPending}
-          >
-            Move to Goals
-          </button>
-          <button
-            className="rounded border border-[color:var(--ck-accent-red)] bg-[color:var(--ck-accent-red-soft)] px-3 py-1.5 text-xs font-medium text-[color:var(--ck-accent-red)] hover:bg-[color:var(--ck-accent-red-soft-strong)]"
-            onClick={() => setConfirm({ kind: "delete" })}
-            disabled={isPending}
-          >
-            Delete Ticket
-          </button>
-        </div>
-      </div>
-
-      <div className="ck-glass p-6">
-        <pre className="whitespace-pre-wrap break-words text-sm leading-6 text-[color:var(--ck-text-primary)]">
-          {props.markdown}
-        </pre>
-      </div>
-
-      {confirm ? (
-        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4">
-          <div className="ck-glass w-full max-w-lg rounded-[var(--ck-radius-md)] border border-[color:var(--ck-border-strong)] p-4">
-            <div className="text-sm font-semibold text-[color:var(--ck-text-primary)]">
-              {confirm.kind === "goals" ? "Move to Goals" : "Delete ticket"}
-            </div>
-
-            <div className="mt-2 text-sm text-[color:var(--ck-text-secondary)]">
-              {confirm.kind === "goals" ? (
-                <>This will move the ticket out of the work lanes into <code>work/goals/</code> so it won’t be picked up by automation.</>
-              ) : (
-                <>This will permanently remove the ticket markdown file. Assignment stubs (if any) will be archived.</>
-              )}
-            </div>
-
-            <div className="mt-4 flex items-center justify-end gap-2">
-              <button
-                className="rounded border border-[color:var(--ck-border-subtle)] px-3 py-1.5 text-xs text-[color:var(--ck-text-secondary)]"
-                onClick={() => setConfirm(null)}
-                disabled={isPending}
-              >
-                Cancel
-              </button>
-              <button
-                className={
-                  confirm.kind === "delete"
-                    ? "rounded bg-[color:var(--ck-accent-red)] px-3 py-1.5 text-xs font-medium text-white"
-                    : "rounded bg-[color:var(--ck-accent)] px-3 py-1.5 text-xs font-medium text-black"
-                }
-                onClick={() => {
-                  const kind = confirm.kind;
-                  setConfirm(null);
-                  startTransition(() => {
-                    const op = kind === "goals" ? moveToGoals() : deleteTicket();
-                    op
-                      .then(() => {
-                        toast.push({
-                          kind: "success",
-                          message: kind === "delete" ? "Ticket deleted." : "Moved to Goals.",
-                        });
-                        if (kind === "delete") {
-                          router.push(props.backHref ?? "/tickets");
-                        } else {
-                          router.refresh();
-                        }
-                      })
-                      .catch((e: unknown) => setError(errorMessage(e)));
-                  });
-                }}
-                disabled={isPending}
-              >
-                Confirm
-              </button>
-            </div>
-          </div>
-        </div>
-      ) : null}
-    </div>
-  );
-}

package/src/app/tickets/TicketsBoardClient.tsx

@@ -1,200 +0,0 @@
-"use client";
-
-import { useMemo, useState } from "react";
-import type { TicketStage, TicketSummary } from "@/lib/tickets";
-
-const STAGES: { key: TicketStage; label: string }[] = [
-  { key: "backlog", label: "Backlog" },
-  { key: "in-progress", label: "In progress" },
-  { key: "testing", label: "Testing" },
-  { key: "done", label: "Done" },
-];
-
-type DateFilter = "all" | "today" | "yesterday" | "7d" | "30d" | "custom";
-const DATE_FILTERS: { key: DateFilter; label: string }[] = [
-  { key: "all", label: "All" },
-  { key: "today", label: "Today" },
-  { key: "yesterday", label: "Yesterday" },
-  { key: "7d", label: "Last 7 days" },
-  { key: "30d", label: "Last 30 days" },
-  { key: "custom", label: "Custom range" },
-];
-
-function startOfLocalDay(d: Date) {
-  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0);
-}
-
-function parseDateInput(value: string): Date | null {
-  if (!value) return null;
-  const m = value.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-  if (!m) return null;
-  const y = Number(m[1]);
-  const mo = Number(m[2]) - 1;
-  const day = Number(m[3]);
-  const d = new Date(y, mo, day, 0, 0, 0, 0);
-  return Number.isFinite(d.getTime()) ? d : null;
-}
-
-function formatAge(hours: number) {
-  if (hours < 1) return `${Math.max(1, Math.round(hours * 60))}m`;
-  if (hours < 48) return `${Math.round(hours)}h`;
-  return `${Math.round(hours / 24)}d`;
-}
-
-export function TicketsBoardClient({
-  tickets,
-  basePath,
-}: {
-  tickets: TicketSummary[];
-  basePath: string;
-}) {
-  const [dateFilter, setDateFilter] = useState<DateFilter>("30d");
-  const [customFrom, setCustomFrom] = useState<string>("");
-  const [customTo, setCustomTo] = useState<string>("");
-
-  const filteredTickets = useMemo(() => {
-    if (dateFilter === "all") return tickets;
-
-    const now = new Date();
-    const todayStart = startOfLocalDay(now);
-    const yesterdayStart = new Date(todayStart);
-    yesterdayStart.setDate(yesterdayStart.getDate() - 1);
-
-    let from: Date | null = null;
-    let toExclusive: Date | null = null;
-
-    if (dateFilter === "today") {
-      from = todayStart;
-      toExclusive = new Date(todayStart);
-      toExclusive.setDate(toExclusive.getDate() + 1);
-    } else if (dateFilter === "yesterday") {
-      from = yesterdayStart;
-      toExclusive = todayStart;
-    } else if (dateFilter === "7d") {
-      from = new Date(todayStart);
-      from.setDate(from.getDate() - 6); // include today
-    } else if (dateFilter === "30d") {
-      from = new Date(todayStart);
-      from.setDate(from.getDate() - 29); // include today
-    } else if (dateFilter === "custom") {
-      from = parseDateInput(customFrom);
-      const to = parseDateInput(customTo);
-      if (to) {
-        toExclusive = new Date(to);
-        toExclusive.setDate(toExclusive.getDate() + 1);
-      }
-    }
-
-    return tickets.filter((t) => {
-      const updated = new Date(t.updatedAt);
-      if (!Number.isFinite(updated.getTime())) return false;
-      if (from && updated < from) return false;
-      if (toExclusive && updated >= toExclusive) return false;
-      return true;
-    });
-  }, [tickets, dateFilter, customFrom, customTo]);
-
-  const byStage = useMemo(() => {
-    const map: Record<TicketStage, TicketSummary[]> = {
-      backlog: [],
-      "in-progress": [],
-      testing: [],
-      done: [],
-    };
-    for (const t of filteredTickets) map[t.stage].push(t);
-    for (const s of Object.keys(map) as TicketStage[]) {
-      map[s].sort((a, b) => a.number - b.number);
-    }
-    return map;
-  }, [filteredTickets]);
-
-  return (
-    <div className="space-y-4">
-      <div className="flex flex-wrap items-center justify-between gap-3">
-        <h1 className="text-2xl font-semibold tracking-tight">Tickets</h1>
-
-        <div className="flex flex-wrap items-center gap-3">
-          <label className="text-xs text-[color:var(--ck-text-secondary)]">
-            Time
-            <select
-              className="ml-2 rounded border border-[color:var(--ck-border-subtle)] bg-transparent px-2 py-1 text-xs"
-              value={dateFilter}
-              onChange={(e) => setDateFilter(e.target.value as DateFilter)}
-            >
-              {DATE_FILTERS.map((f) => (
-                <option key={f.key} value={f.key}>
-                  {f.label}
-                </option>
-              ))}
-            </select>
-          </label>
-
-          {dateFilter === "custom" ? (
-            <div className="flex flex-wrap items-center gap-2">
-              <label className="text-xs text-[color:var(--ck-text-secondary)]">
-                From
-                <input
-                  type="date"
-                  value={customFrom}
-                  onChange={(e) => setCustomFrom(e.target.value)}
-                  className="ml-2 rounded border border-[color:var(--ck-border-subtle)] bg-transparent px-2 py-1 text-xs"
-                />
-              </label>
-              <label className="text-xs text-[color:var(--ck-text-secondary)]">
-                To
-                <input
-                  type="date"
-                  value={customTo}
-                  onChange={(e) => setCustomTo(e.target.value)}
-                  className="ml-2 rounded border border-[color:var(--ck-border-subtle)] bg-transparent px-2 py-1 text-xs"
-                />
-              </label>
-            </div>
-          ) : null}
-        </div>
-      </div>
-
-      <div className="grid gap-4 lg:grid-cols-4">
-        {STAGES.map(({ key, label }) => (
-          <section key={key} className="ck-glass p-3">
-            <div className="mb-3 flex items-center justify-between">
-              <h2 className="text-sm font-semibold tracking-tight">{label}</h2>
-              <span className="text-xs text-[color:var(--ck-text-tertiary)]">{byStage[key].length}</span>
-            </div>
-
-            <div className="space-y-2">
-              {byStage[key].length === 0 ? (
-                <div className="rounded-[var(--ck-radius-sm)] border border-dashed border-[color:var(--ck-border-subtle)] p-3 text-xs text-[color:var(--ck-text-tertiary)]">
-                  Empty
-                </div>
-              ) : null}
-
-              {byStage[key].map((t) => (
-                <div
-                  key={t.id}
-                  className="rounded-[var(--ck-radius-sm)] border border-[color:var(--ck-border-subtle)] bg-[color:var(--ck-bg-glass-strong)] p-3"
-                >
-                  <a
-                    href={`${basePath}/${encodeURIComponent(t.id)}`}
-                    className="block text-sm font-medium text-[color:var(--ck-text-primary)] hover:underline"
-                  >
-                    {String(t.number).padStart(4, "0")} — {t.title}
-                  </a>
-                  <div className="mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-[color:var(--ck-text-secondary)]">
-                    <span>{t.owner ? `Owner: ${t.owner}` : "Owner: —"}</span>
-                    <span>·</span>
-                    <span>Age: {formatAge(t.ageHours)}</span>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </section>
-        ))}
-      </div>
-
-      <p className="text-xs text-[color:var(--ck-text-tertiary)]">
-        Source of truth: ticket markdown files in the team workspace.
-      </p>
-    </div>
-  );
-}

package/src/app/tickets/[ticket]/TicketAssignControl.tsx

@@ -1,112 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import { useRouter } from "next/navigation";
-
-export function TicketAssignControl({
-  teamId,
-  ticket,
-  currentOwner,
-}: {
-  teamId?: string | null;
-  ticket: string;
-  currentOwner: string | null;
-}) {
-  const router = useRouter();
-  const [assignees, setAssignees] = useState<string[]>([]);
-  const [selected, setSelected] = useState<string>(currentOwner ?? "");
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    let cancelled = false;
-    (async () => {
-      try {
-        const url = teamId
-          ? `/api/teams/${encodeURIComponent(teamId)}/tickets/assignees`
-          : "/api/tickets/assignees";
-        const res = await fetch(url, { cache: "no-store" });
-        const json = (await res.json()) as { assignees?: string[] };
-        if (cancelled) return;
-        setAssignees(Array.isArray(json.assignees) ? json.assignees : []);
-      } catch {
-        if (cancelled) return;
-        setAssignees([]);
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-
-  const options = useMemo(() => {
-    const base = new Set(assignees);
-    if (currentOwner) base.add(currentOwner);
-    return Array.from(base).sort();
-  }, [assignees, currentOwner]);
-
-  async function onAssign() {
-    setLoading(true);
-    setError(null);
-    try {
-      const url = teamId
-        ? `/api/teams/${encodeURIComponent(teamId)}/tickets/assign`
-        : "/api/tickets/assign";
-
-      const res = await fetch(url, {
-        method: "POST",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ ticket, assignee: selected }),
-      });
-
-      const json = (await res.json()) as { error?: string };
-      if (!res.ok) {
-        setError(json.error || "Assign failed");
-        return;
-      }
-
-      router.refresh();
-    } catch {
-      setError("Assign failed");
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  return (
-    <div className="ck-glass p-4">
-      <div className="flex flex-wrap items-center gap-3">
-        <div className="text-xs font-medium text-[color:var(--ck-text-tertiary)]">Assignee</div>
-        <select
-          className="rounded-md border border-white/10 bg-black/20 px-3 py-2 text-sm text-[color:var(--ck-text-primary)]"
-          value={selected}
-          onChange={(e) => setSelected(e.target.value)}
-        >
-          <option value="" disabled>
-            Select…
-          </option>
-          {options.map((a) => (
-            <option key={a} value={a}>
-              {a}
-            </option>
-          ))}
-        </select>
-
-        <button
-          type="button"
-          onClick={onAssign}
-          disabled={loading || !selected || selected === (currentOwner ?? "")}
-          className="rounded-md bg-emerald-600 px-3 py-2 text-sm font-semibold text-white hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-50"
-        >
-          {loading ? "Assigning…" : "Assign"}
-        </button>
-
-        {currentOwner ? (
-          <div className="text-xs text-[color:var(--ck-text-tertiary)]">Currently: {currentOwner}</div>
-        ) : null}
-      </div>
-
-      {error ? <div className="mt-2 text-xs text-red-300">{error}</div> : null}
-    </div>
-  );
-}

package/src/app/tickets/[ticket]/page.tsx

@@ -1,36 +0,0 @@
-import { getTicketMarkdown } from "@/lib/tickets";
-import { TicketDetailClient } from "@/app/tickets/TicketDetailClient";
-
-// Ticket detail should always reflect current stage/file; do not cache.
-export const dynamic = "force-dynamic";
-
-export default async function TicketDetailPage({
-  params,
-}: {
-  params: Promise<{ ticket: string }>;
-}) {
-  const { ticket } = await params;
-  const teamId = "development-team";
-  const data = await getTicketMarkdown(teamId, ticket);
-
-  if (!data) {
-    return (
-      <div className="ck-glass p-6">
-        <h1 className="text-xl font-semibold tracking-tight">Ticket not found</h1>
-        <p className="mt-3 text-sm text-[color:var(--ck-text-secondary)]">
-          Couldn’t locate “{ticket}” in backlog/in-progress/testing/done.
-        </p>
-      </div>
-    );
-  }
-
-  return (
-    <TicketDetailClient
-      teamId={teamId}
-      ticketId={data.id}
-      file={data.file}
-      markdown={data.markdown}
-      currentOwner={data.owner}
-    />
-  );
-}

package/src/app/tickets/page.tsx

@@ -1,10 +0,0 @@
-import { listTickets } from "@/lib/tickets";
-import { TicketsBoardClient } from "@/app/tickets/TicketsBoardClient";
-
-// Tickets reflect live filesystem state; do not cache.
-export const dynamic = "force-dynamic";
-
-export default async function TicketsPage() {
-  const tickets = await listTickets("development-team");
-  return <TicketsBoardClient tickets={tickets} basePath="/tickets" />;
-}