@jiggai/kitchen 0.3.1 → 0.3.3

package/src/app/teams/[teamId]/PublishChangesModal.tsx

@@ -1,43 +0,0 @@
-"use client";
-
-import { ConfirmationModal } from "@/components/ConfirmationModal";
-
-export function PublishChangesModal({
-  open,
-  teamId,
-  recipeId,
-  onClose,
-  onConfirm,
-  busy,
-}: {
-  open: boolean;
-  teamId: string;
-  recipeId: string;
-  busy?: boolean;
-  onClose: () => void;
-  onConfirm: () => void;
-}) {
-  return (
-    <ConfirmationModal
-      open={open}
-      onClose={onClose}
-      title="Publish changes"
-      confirmLabel="Publish changes"
-      confirmBusyLabel="Publishing…"
-      busy={busy}
-      onConfirm={onConfirm}
-      confirmButtonClassName="rounded-[var(--ck-radius-sm)] bg-emerald-600 px-3 py-2 text-sm font-medium text-white shadow-[var(--ck-shadow-1)] hover:bg-emerald-500 disabled:opacity-50"
-    >
-      <p className="mt-2 text-sm text-[color:var(--ck-text-secondary)]">
-        This will re-scaffold team <code className="font-mono">{teamId}</code> from recipe <code className="font-mono">{recipeId}</code>.
-      </p>
-      <div className="mt-4 rounded-[var(--ck-radius-sm)] border border-amber-400/30 bg-amber-500/10 p-3 text-sm text-amber-100">
-        <div className="font-medium">Complete overwrite</div>
-        <div className="mt-1">
-          All existing team workspace files managed by the recipe will be overwritten (for example: <code className="font-mono">AGENTS.md</code>,{" "}
-          <code className="font-mono">SOUL.md</code>, role templates, and other scaffolded files). Any manual edits in those files will be lost.
-        </div>
-      </div>
-    </ConfirmationModal>
-  );
-}

package/src/app/teams/[teamId]/page.tsx

@@ -1,49 +0,0 @@
-import Link from "next/link";
-import { unstable_noStore as noStore } from "next/cache";
-
-import { getTeamDisplayName } from "@/lib/recipes";
-import TeamEditor from "./team-editor";
-
-export const dynamic = "force-dynamic";
-export const revalidate = 0;
-
-export default async function TeamPage({
-  params,
-  searchParams,
-}: {
-  params: Promise<{ teamId: string }>;
-  searchParams?: Promise<Record<string, string | string[] | undefined>>;
-}) {
-  // Team pages depend on live OpenClaw state; never serve cached HTML.
-  noStore();
-
-  const { teamId } = await params;
-  const sp = (await searchParams) ?? {};
-  const tabRaw = sp.tab;
-  const tab = Array.isArray(tabRaw) ? tabRaw[0] : tabRaw;
-  const name = await getTeamDisplayName(teamId);
-
-  return (
-    <div className="flex flex-col gap-4 p-6">
-      <div className="flex flex-wrap items-start justify-between gap-4">
-        <div>
-          <div className="text-xl font-semibold tracking-tight text-[color:var(--ck-text-primary)]">
-            {name || teamId}
-          </div>
-          <div className="text-xs text-[color:var(--ck-text-tertiary)]">{teamId}</div>
-        </div>
-
-        <div className="flex items-center gap-3">
-          <Link
-            href={`/goals?team=${encodeURIComponent(teamId)}`}
-            className="text-sm font-medium text-[color:var(--ck-text-secondary)] hover:underline"
-          >
-            View goals →
-          </Link>
-        </div>
-      </div>
-
-      <TeamEditor teamId={teamId} initialTab={typeof tab === "string" ? tab : undefined} />
-    </div>
-  );
-}

package/src/app/teams/[teamId]/team-editor/TeamAgentsTab.tsx

@@ -1,145 +0,0 @@
-"use client";
-
-import type { TeamAgentEntry } from "./types";
-
-type RecipeAgent = { role: string; name?: string };
-
-type TeamAgentsTabProps = {
-  teamId: string;
-  toId: string;
-  recipeAgents: RecipeAgent[];
-  newRole: string;
-  setNewRole: (v: string) => void;
-  customRole: string;
-  setCustomRole: (v: string) => void;
-  newRoleName: string;
-  setNewRoleName: (v: string) => void;
-  derivedRole: string;
-  saving: boolean;
-  teamAgents: TeamAgentEntry[];
-  teamAgentsLoading: boolean;
-  onAddAgent: () => Promise<void>;
-};
-
-export function TeamAgentsTab(props: TeamAgentsTabProps) {
-  const {
-    teamId,
-    toId,
-    recipeAgents,
-    newRole,
-    setNewRole,
-    customRole,
-    setCustomRole,
-    newRoleName,
-    setNewRoleName,
-    derivedRole,
-    saving,
-    teamAgents,
-    teamAgentsLoading,
-    onAddAgent,
-  } = props;
-
-  return (
-    <div className="mt-6 ck-glass-strong p-4">
-      <div className="text-sm font-medium text-[color:var(--ck-text-primary)]">Agents in this team</div>
-      <p className="mt-2 text-sm text-[color:var(--ck-text-secondary)]">
-        Add/remove agents by updating the <code>agents:</code> list in your custom team recipe (<code>{toId}</code>).
-      </p>
-
-      <div className="mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3">
-        <div>
-          <label className="block text-xs font-medium text-[color:var(--ck-text-secondary)]">Role</label>
-          <select
-            value={newRole}
-            onChange={(e) => {
-              const v = e.target.value;
-              setNewRole(v);
-              if (v === "__custom__") {
-                setCustomRole("");
-                setNewRoleName("");
-                return;
-              }
-              setCustomRole("");
-              const match = recipeAgents.find((a) => a.role === v);
-              setNewRoleName(match?.name || "");
-            }}
-            className="mt-1 w-full rounded-[var(--ck-radius-sm)] border border-white/10 bg-black/25 px-3 py-2 text-sm text-[color:var(--ck-text-primary)]"
-          >
-            <option value="">Select…</option>
-            {recipeAgents.map((a) => (
-              <option key={a.role} value={a.role}>
-                {a.name || a.role}
-              </option>
-            ))}
-            <option value="__custom__">Other…</option>
-          </select>
-
-          {newRole === "__custom__" ? (
-            <input
-              value={customRole}
-              onChange={(e) => setCustomRole(e.target.value)}
-              placeholder="role (e.g. researcher)"
-              className="mt-2 w-full rounded-[var(--ck-radius-sm)] border border-white/10 bg-black/25 px-3 py-2 text-sm text-[color:var(--ck-text-primary)]"
-            />
-          ) : null}
-
-          <div className="mt-1 text-xs text-[color:var(--ck-text-tertiary)]">
-            This writes to the recipe&apos;s <code>agents:</code> list.
-          </div>
-        </div>
-
-        <div className="sm:col-span-2">
-          <div>
-            <label className="block text-xs font-medium text-[color:var(--ck-text-secondary)]">Name (optional)</label>
-            <input
-              value={newRoleName}
-              onChange={(e) => setNewRoleName(e.target.value)}
-              placeholder="Onchain Researcher"
-              className="mt-1 w-full rounded-[var(--ck-radius-sm)] border border-white/10 bg-black/25 px-3 py-2 text-sm text-[color:var(--ck-text-primary)]"
-            />
-          </div>
-        </div>
-      </div>
-
-      <div className="mt-3 flex flex-wrap gap-2">
-        <button
-          disabled={saving || !derivedRole}
-          onClick={onAddAgent}
-          className="rounded-[var(--ck-radius-sm)] bg-[var(--ck-accent-red)] px-3 py-2 text-sm font-medium text-white shadow-[var(--ck-shadow-1)] disabled:opacity-50"
-        >
-          Add agent
-        </button>
-      </div>
-
-      <div className="mt-6">
-        <div className="text-xs font-medium text-[color:var(--ck-text-secondary)]">Detected installed team agents (read-only)</div>
-        <ul className="mt-2 space-y-2">
-          {teamAgents.length ? (
-            teamAgents.map((a) => (
-              <li key={a.id} className="flex items-center justify-between gap-3">
-                <div className="min-w-0">
-                  <div className="truncate text-sm font-medium text-[color:var(--ck-text-primary)]">
-                    {a.identityName || a.id}
-                  </div>
-                  <div className="text-xs text-[color:var(--ck-text-secondary)]">{a.id}</div>
-                </div>
-                <a
-                  className="text-sm font-medium text-[var(--ck-accent-red)] hover:text-[color:var(--ck-accent-red-hover)]"
-                  href={"/agents/" + encodeURIComponent(a.id) + "?returnTo=" + encodeURIComponent("/teams/" + teamId + "?tab=agents")}
-                >
-                  Edit
-                </a>
-              </li>
-            ))
-          ) : null}
-          {teamAgents.length === 0 && !teamAgentsLoading && (
-            <li className="text-sm text-[color:var(--ck-text-secondary)]">No team agents detected.</li>
-          )}
-          {teamAgents.length === 0 && teamAgentsLoading && (
-            <li className="text-sm text-[color:var(--ck-text-secondary)]">Loading…</li>
-          )}
-        </ul>
-      </div>
-    </div>
-  );
-}

package/src/app/teams/[teamId]/team-editor/TeamCronTab.tsx

@@ -1,72 +0,0 @@
-"use client";
-
-type CronJob = {
-  id?: unknown;
-  jobId?: unknown;
-  name?: unknown;
-  enabled?: unknown;
-  state?: { enabled?: unknown };
-};
-
-type TeamCronTabProps = {
-  cronJobs: unknown[];
-  cronLoading: boolean;
-  saving: boolean;
-  onCronAction: (id: string, label: string, action: "enable" | "disable" | "run") => Promise<void>;
-};
-
-export function TeamCronTab(props: TeamCronTabProps) {
-  const { cronJobs, cronLoading, saving, onCronAction } = props;
-  return (
-    <div className="mt-6 ck-glass-strong p-4">
-      <div className="text-sm font-medium text-[color:var(--ck-text-primary)]">Cron jobs (filtered by team name)</div>
-      <ul className="mt-3 space-y-3">
-        {cronJobs.length ? (
-          cronJobs.map((j) => {
-            const job = j as CronJob;
-            const id = String(job.id ?? job.jobId ?? "").trim();
-            const key = id || String(job.name ?? "job");
-            const label = String(job.name ?? job.id ?? job.jobId ?? "(unnamed)");
-            const enabled = job.enabled ?? job.state?.enabled;
-            return (
-              <li key={key} className="rounded-[var(--ck-radius-sm)] border border-white/10 bg-black/20 p-3">
-                <div className="font-medium text-[color:var(--ck-text-primary)]">{label}</div>
-                <div className="mt-1 text-xs text-[color:var(--ck-text-secondary)]">Enabled: {String(enabled ?? "?")}</div>
-                <div className="mt-2 flex flex-wrap gap-2">
-                  <button
-                    disabled={saving || !id}
-                    onClick={() => onCronAction(id, label, "run")}
-                    className="rounded-[var(--ck-radius-sm)] border border-white/10 bg-white/5 px-2.5 py-1.5 text-xs font-medium text-[color:var(--ck-text-primary)] hover:bg-white/10 disabled:opacity-50"
-                  >
-                    Run
-                  </button>
-                  <button
-                    disabled={saving || !id}
-                    onClick={() => onCronAction(id, label, "enable")}
-                    className="rounded-[var(--ck-radius-sm)] border border-white/10 bg-white/5 px-2.5 py-1.5 text-xs font-medium text-[color:var(--ck-text-primary)] hover:bg-white/10 disabled:opacity-50"
-                  >
-                    Enable
-                  </button>
-                  <button
-                    disabled={saving || !id}
-                    onClick={() => onCronAction(id, label, "disable")}
-                    className="rounded-[var(--ck-radius-sm)] border border-white/10 bg-white/5 px-2.5 py-1.5 text-xs font-medium text-[color:var(--ck-text-primary)] hover:bg-white/10 disabled:opacity-50"
-                  >
-                    Disable
-                  </button>
-                  {!id ? <div className="text-xs text-[color:var(--ck-text-tertiary)]">(missing id)</div> : null}
-                </div>
-              </li>
-            );
-          })
-        ) : null}
-        {cronJobs.length === 0 && cronLoading && (
-          <li className="text-sm text-[color:var(--ck-text-secondary)]">Loading</li>
-        )}
-        {cronJobs.length === 0 && !cronLoading && (
-          <li className="text-sm text-[color:var(--ck-text-secondary)]">No cron jobs detected for this team.</li>
-        )}
-      </ul>
-    </div>
-  );
-}

package/src/app/teams/[teamId]/team-editor/TeamFilesTab.tsx

@@ -1,74 +0,0 @@
-"use client";
-
-import { FileListWithOptionalToggle } from "@/components/FileListWithOptionalToggle";
-import type { TeamFileEntry } from "./types";
-
-type TeamFilesTabProps = {
-  teamFiles: TeamFileEntry[];
-  teamFilesLoading: boolean;
-  showOptionalFiles: boolean;
-  setShowOptionalFiles: (v: boolean) => void;
-  fileName: string;
-  fileContent: string;
-  setFileContent: (v: string) => void;
-  teamFileError: string;
-  saving: boolean;
-  onLoadTeamFile: (name: string) => void;
-  onSaveTeamFile: () => void;
-};
-
-export function TeamFilesTab(props: TeamFilesTabProps) {
-  const {
-    teamFiles,
-    teamFilesLoading,
-    showOptionalFiles,
-    setShowOptionalFiles,
-    fileName,
-    fileContent,
-    setFileContent,
-    teamFileError,
-    saving,
-    onLoadTeamFile,
-    onSaveTeamFile,
-  } = props;
-
-  return (
-    <div className="mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3">
-      <FileListWithOptionalToggle
-        title="Team files"
-        files={teamFiles}
-        loading={teamFilesLoading}
-        showOptionalFiles={showOptionalFiles}
-        onShowOptionalChange={setShowOptionalFiles}
-        selectedFileName={fileName}
-        onSelectFile={onLoadTeamFile}
-      />
-
-      <div className="ck-glass-strong p-4 lg:col-span-2">
-        <div className="flex items-center justify-between gap-3">
-          <div className="text-sm font-medium text-[color:var(--ck-text-primary)]">Edit: {fileName}</div>
-          <button
-            disabled={saving}
-            onClick={onSaveTeamFile}
-            className="rounded-[var(--ck-radius-sm)] bg-[var(--ck-accent-red)] px-3 py-2 text-sm font-medium text-white shadow-[var(--ck-shadow-1)] disabled:opacity-50"
-          >
-            {saving ? "Saving…" : "Save file"}
-          </button>
-        </div>
-
-        {teamFileError ? (
-          <div className="mt-3 rounded-[var(--ck-radius-sm)] border border-red-400/30 bg-red-500/10 p-3 text-sm text-red-100">
-            {teamFileError}
-          </div>
-        ) : null}
-
-        <textarea
-          value={fileContent}
-          onChange={(e) => setFileContent(e.target.value)}
-          className="mt-3 h-[55vh] w-full resize-none rounded-[var(--ck-radius-sm)] border border-white/10 bg-black/25 p-3 font-mono text-xs text-[color:var(--ck-text-primary)]"
-          spellCheck={false}
-        />
-      </div>
-    </div>
-  );
-}