@mndrk/agx 2.0.25 → 2.0.32

package/cloud-runtime/standalone/app/projects/[slug]/page.tsx

@@ -2,10 +2,9 @@
 
 import { useMemo, useState, useCallback, useEffect, use } from "react";
 import { useRouter } from "next/navigation";
-import { BrainCircuit, BookOpen, Plus, Search, Trash2 } from "lucide-react";
+import { Search } from "lucide-react";
 import { useTasks } from "@/hooks/useTasks";
 import { useProjects } from "@/hooks/useProjects";
-import { useProjectMemory, useProjectSkills } from "@/hooks/useProjectResources";
 import { DEFAULT_WORKFLOW_ID, useWorkflows } from "@/hooks/useWorkflows";
 import KanbanBoard from "@/components/KanbanBoard";
 import { Task } from "@/components/TaskCard";
@@ -48,129 +47,7 @@ export default function ProjectBoardPage({ params }: { params: Promise<{ slug: s
     // State
     const [searchQuery, setSearchQuery] = useState("");
     const [showQuickAdd, setShowQuickAdd] = useState(false);
-    const [isMigratingToV2, setIsMigratingToV2] = useState(false);
-    const [migrationNotice, setMigrationNotice] = useState<string | null>(null);
-    const [showKnowledgePanel, setShowKnowledgePanel] = useState(false);
-    const [showRepoPanel, setShowRepoPanel] = useState(false);
-    const [newKnowledgeFile, setNewKnowledgeFile] = useState("");
-    const [newKnowledgeCondition, setNewKnowledgeCondition] = useState("");
-    const [newKnowledgeNote, setNewKnowledgeNote] = useState("");
-    const [repoDrafts, setRepoDrafts] = useState<Record<string, string>>({});
-    const [projectKnowledgeCandidates, setProjectKnowledgeCandidates] = useState<Array<{ id: string; content: string; created_at: string; source?: string }>>([]);
-    const [repoKnowledgeCandidates, setRepoKnowledgeCandidates] = useState<Record<string, Array<{ id: string; content: string; created_at: string }>>>({});
-
     const currentProject = projects.find((p) => p.slug === slug);
-    const projectId = currentProject?.id ?? null;
-    const { skills: projectSkills, addSkill, removeSkill } = useProjectSkills(projectId);
-    const { memory: projectMemory, addMemory, deleteMemory } = useProjectMemory(projectId);
-
-    useEffect(() => {
-        if (!currentProject?.repos) return;
-        setRepoDrafts((prev) => {
-            const next: Record<string, string> = {};
-            for (const repo of currentProject.repos) {
-                next[repo.id] = prev[repo.id] ?? repo.notes ?? "";
-            }
-            return next;
-        });
-    }, [currentProject?.repos]);
-
-    useEffect(() => {
-        let cancelled = false;
-
-        async function loadHumanRepoKnowledge() {
-            const repos = currentProject?.repos ?? [];
-            if (repos.length === 0) return;
-
-            try {
-                const entries = await Promise.all(repos.map(async (repo) => {
-                    const res = await fetch(`/api/repos/${repo.id}/knowledge?producer=human`);
-                    const data = res.ok ? await res.json() : { knowledge: [] };
-                    const text = (data.knowledge ?? [])
-                        .map((entry: { content?: string }) => String(entry.content ?? "").trim())
-                        .filter(Boolean)
-                        .join("\n\n");
-                    return [repo.id, text] as const;
-                }));
-
-                if (!cancelled) {
-                    setRepoDrafts((prev) => {
-                        const next = { ...prev };
-                        for (const [repoId, text] of entries) {
-                            if (text) {
-                                next[repoId] = text;
-                            }
-                        }
-                        return next;
-                    });
-                }
-            } catch {
-                // Keep legacy notes fallback already loaded from the project payload.
-            }
-        }
-
-        void loadHumanRepoKnowledge();
-        return () => {
-            cancelled = true;
-        };
-    }, [currentProject?.repos]);
-
-    useEffect(() => {
-        let cancelled = false;
-
-        async function loadProjectKnowledgeCandidates() {
-            if (!projectId) {
-                setProjectKnowledgeCandidates([]);
-                return;
-            }
-            try {
-                const res = await fetch(`/api/projects/${projectId}/memory?producer=system`);
-                if (!res.ok) return;
-                const data = await res.json();
-                if (!cancelled) {
-                    setProjectKnowledgeCandidates(data.memory ?? []);
-                }
-            } catch {
-                if (!cancelled) setProjectKnowledgeCandidates([]);
-            }
-        }
-
-        void loadProjectKnowledgeCandidates();
-        return () => {
-            cancelled = true;
-        };
-    }, [projectId]);
-
-    useEffect(() => {
-        let cancelled = false;
-
-        async function loadRepoKnowledgeCandidates() {
-            const repos = currentProject?.repos ?? [];
-            if (repos.length === 0) {
-                setRepoKnowledgeCandidates({});
-                return;
-            }
-
-            try {
-                const entries = await Promise.all(repos.map(async (repo) => {
-                    const res = await fetch(`/api/repos/${repo.id}/knowledge?producer=system`);
-                    const data = res.ok ? await res.json() : { knowledge: [] };
-                    return [repo.id, data.knowledge ?? []] as const;
-                }));
-
-                if (!cancelled) {
-                    setRepoKnowledgeCandidates(Object.fromEntries(entries));
-                }
-            } catch {
-                if (!cancelled) setRepoKnowledgeCandidates({});
-            }
-        }
-
-        void loadRepoKnowledgeCandidates();
-        return () => {
-            cancelled = true;
-        };
-    }, [currentProject?.repos]);
 
     // Poll active agent processes for this project
     const { processes: activeProcesses } = useProcessPolling(
@@ -250,41 +127,6 @@ export default function ProjectBoardPage({ params }: { params: Promise<{ slug: s
         setShowQuickAdd(false);
     };
 
-    const handleMigrateProjectToV2 = useCallback(async () => {
-        if (!currentProject?.id) {
-            setMigrationNotice("Project is not loaded yet.");
-            return;
-        }
-
-        setIsMigratingToV2(true);
-        setMigrationNotice(null);
-        try {
-            const response = await fetch(`/api/projects/${currentProject.id}/migrate-v2`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ dryRun: false }),
-            });
-            const payload = await response.json().catch(() => ({}));
-            if (!response.ok) {
-                throw new Error(payload?.error || `Migration failed (${response.status})`);
-            }
-
-            const processed = Number(payload?.processed ?? 0);
-            const migrated = Number(payload?.migrated ?? 0);
-            const skipped = Number(payload?.skipped ?? 0);
-            const failed = Number(payload?.failed ?? 0);
-            const backedUp = Number(payload?.backup?.backedUp ?? 0);
-            setMigrationNotice(
-                `Migration finished: backed up ${backedUp}, processed ${processed}, migrated ${migrated}, skipped ${skipped}, failed ${failed}.`,
-            );
-            await refetch();
-        } catch (error) {
-            const message = error instanceof Error ? error.message : String(error);
-            setMigrationNotice(`Migration failed: ${message}`);
-        } finally {
-            setIsMigratingToV2(false);
-        }
-    }, [currentProject?.id, refetch]);
 
 
     // Loading State
@@ -321,305 +163,9 @@ export default function ProjectBoardPage({ params }: { params: Promise<{ slug: s
                             className="w-full bg-[var(--secondary)] border border-[var(--border)] rounded-full py-1.5 pl-9 pr-4 text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500 transition-all"
                         />
                     </div>
-                    <button
-                        type="button"
-                        onClick={() => setShowKnowledgePanel((value) => !value)}
-                        className={`hidden sm:inline-flex px-3 py-1.5 rounded-full text-xs font-medium border transition-colors whitespace-nowrap ${showKnowledgePanel
-                            ? "bg-indigo-50 border-indigo-200 text-indigo-700"
-                            : "bg-[var(--card-bg)] border-[var(--border)] hover:border-indigo-300 hover:text-indigo-600"
-                            }`}
-                        title="Inspect and edit project-scoped knowledge"
-                    >
-                        {showKnowledgePanel ? "Hide project knowledge" : "Project knowledge"}
-                    </button>
-                    <button
-                        type="button"
-                        onClick={() => setShowRepoPanel((value) => !value)}
-                        className={`hidden sm:inline-flex px-3 py-1.5 rounded-full text-xs font-medium border transition-colors whitespace-nowrap ${showRepoPanel
-                            ? "bg-emerald-50 border-emerald-200 text-emerald-700"
-                            : "bg-[var(--card-bg)] border-[var(--border)] hover:border-emerald-300 hover:text-emerald-600"
-                            }`}
-                        title="Inspect and edit repo-scoped knowledge"
-                    >
-                        {showRepoPanel ? "Hide repo knowledge" : "Repo knowledge"}
-                    </button>
-                    {!projectHasV2Graphs && (
-                        <button
-                            type="button"
-                            onClick={handleMigrateProjectToV2}
-                            disabled={isMigratingToV2 || !currentProject?.id}
-                            className={`hidden sm:inline-flex px-3 py-1.5 rounded-full text-xs font-medium border transition-colors whitespace-nowrap ${isMigratingToV2
-                                ? "bg-[var(--secondary)] border-[var(--border)] text-[var(--app-shell-soft-text)] cursor-wait"
-                                : "bg-[var(--card-bg)] border-[var(--border)] hover:border-indigo-300 hover:text-indigo-600"
-                                }`}
-                            title="Create v2 execution graphs for tasks in this project"
-                        >
-                            {isMigratingToV2 ? "Migrating..." : "Migrate to v2"}
-                        </button>
-                    )}
                 </div>
             </div>
 
-            {migrationNotice && (
-                <p className="text-xs text-[var(--app-shell-soft-text)] px-6 py-1">{migrationNotice}</p>
-            )}
-
-            {showKnowledgePanel && currentProject && (
-                <div className="px-3 sm:px-6 py-3">
-                    <div className="rounded-3xl border border-[var(--border)] bg-[var(--card-bg)] p-4 sm:p-6 shadow-sm">
-                        <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3 mb-5">
-                            <div>
-                                <h2 className="text-xs font-black text-[var(--app-shell-soft-text)] uppercase tracking-[0.2em] flex items-center gap-2">
-                                    <BrainCircuit className="w-4 h-4" /> Project Knowledge
-                                </h2>
-                                <p className="mt-2 text-sm text-[var(--muted-foreground)] max-w-2xl">
-                                    Edit project-scoped knowledge here. This is situational context for this project, not portable agent knowledge and not durable repo truth.
-                                </p>
-                            </div>
-                            <div className="text-xs text-[var(--app-shell-soft-text)]">
-                                {projectSkills.length} references, {projectMemory.length} notes
-                            </div>
-                        </div>
-
-                        <div className="grid grid-cols-1 xl:grid-cols-2 gap-6">
-                            <section className="space-y-4">
-                                <div className="flex items-center gap-2">
-                                    <BrainCircuit className="w-4 h-4 text-[var(--app-shell-soft-text)]" />
-                                    <h3 className="text-sm font-semibold text-[var(--foreground)]">Human-Authored References</h3>
-                                </div>
-                                <p className="text-xs text-[var(--muted-foreground)]">
-                                    File-backed project knowledge for project-specific instructions and references.
-                                </p>
-                                <div className="grid grid-cols-1 gap-2">
-                                    <input
-                                        type="text"
-                                        value={newKnowledgeFile}
-                                        onChange={(e) => setNewKnowledgeFile(e.target.value)}
-                                        placeholder="path/to/project-knowledge.md"
-                                        className="w-full rounded-xl border border-[var(--border)] bg-[var(--secondary)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500"
-                                    />
-                                    <input
-                                        type="text"
-                                        value={newKnowledgeCondition}
-                                        onChange={(e) => setNewKnowledgeCondition(e.target.value)}
-                                        placeholder="Optional condition"
-                                        className="w-full rounded-xl border border-[var(--border)] bg-[var(--secondary)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500"
-                                    />
-                                    <button
-                                        type="button"
-                                        onClick={async () => {
-                                            const file = newKnowledgeFile.trim();
-                                            if (!file) return;
-                                            await addSkill(file, newKnowledgeCondition.trim() || undefined);
-                                            setNewKnowledgeFile("");
-                                            setNewKnowledgeCondition("");
-                                        }}
-                                        className="inline-flex items-center justify-center gap-2 rounded-xl bg-[var(--foreground)] px-3 py-2 text-sm font-medium text-[var(--card-bg)] hover:opacity-90 transition-colors"
-                                    >
-                                        <Plus className="w-4 h-4" />
-                                        Add reference
-                                    </button>
-                                </div>
-                                <div className="space-y-2">
-                                    {projectSkills.length === 0 ? (
-                                        <div className="rounded-2xl border border-dashed border-[var(--border)] px-4 py-6 text-sm text-[var(--app-shell-soft-text)]">
-                                            No project knowledge references yet.
-                                        </div>
-                                    ) : (
-                                        projectSkills.map((skill) => (
-                                            <div key={skill.id} className="flex items-start justify-between gap-3 rounded-2xl border border-[var(--border)] bg-[var(--secondary)] p-3">
-                                                <div className="min-w-0">
-                                                    <div className="font-mono text-xs text-[var(--secondary-foreground)] break-all">{skill.file}</div>
-                                                    {skill.condition ? (
-                                                        <div className="mt-1 text-xs text-[var(--muted-foreground)]">Use when: {skill.condition}</div>
-                                                    ) : null}
-                                                </div>
-                                                <button
-                                                    type="button"
-                                                    onClick={() => void removeSkill(skill.id)}
-                                                    className="rounded-lg p-2 text-[var(--app-shell-soft-text)] hover:bg-[var(--card-bg)] hover:text-red-600 transition-colors"
-                                                    aria-label="Remove knowledge reference"
-                                                >
-                                                    <Trash2 className="w-4 h-4" />
-                                                </button>
-                                            </div>
-                                        ))
-                                    )}
-                                </div>
-                            </section>
-
-                            <section className="space-y-4">
-                                <div className="flex items-center gap-2">
-                                    <BookOpen className="w-4 h-4 text-[var(--app-shell-soft-text)]" />
-                                    <h3 className="text-sm font-semibold text-[var(--foreground)]">Human-Authored Notes</h3>
-                                </div>
-                                <p className="text-xs text-[var(--muted-foreground)]">
-                                    Inline project notes for current decisions, assumptions, and temporary coordination context.
-                                </p>
-                                <div className="grid grid-cols-1 gap-2">
-                                    <textarea
-                                        value={newKnowledgeNote}
-                                        onChange={(e) => setNewKnowledgeNote(e.target.value)}
-                                        rows={4}
-                                        placeholder="Current decision, assumption, or project-specific context..."
-                                        className="w-full rounded-xl border border-[var(--border)] bg-[var(--secondary)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500/20 focus:border-indigo-500"
-                                    />
-                                    <button
-                                        type="button"
-                                        onClick={async () => {
-                                            const content = newKnowledgeNote.trim();
-                                            if (!content) return;
-                                            await addMemory(content, "human-authored");
-                                            setNewKnowledgeNote("");
-                                        }}
-                                        className="inline-flex items-center justify-center gap-2 rounded-xl bg-[var(--foreground)] px-3 py-2 text-sm font-medium text-[var(--card-bg)] hover:opacity-90 transition-colors"
-                                    >
-                                        <Plus className="w-4 h-4" />
-                                        Add note
-                                    </button>
-                                </div>
-                                <div className="space-y-2">
-                                    {projectMemory.length === 0 ? (
-                                        <div className="rounded-2xl border border-dashed border-[var(--border)] px-4 py-6 text-sm text-[var(--app-shell-soft-text)]">
-                                            No project knowledge notes yet.
-                                        </div>
-                                    ) : (
-                                        projectMemory.map((memory) => (
-                                            <div key={memory.id} className="flex items-start justify-between gap-3 rounded-2xl border border-[var(--border)] bg-[var(--secondary)] p-3">
-                                                <div className="min-w-0">
-                                                    <div className="text-sm text-[var(--secondary-foreground)] leading-relaxed">{memory.content}</div>
-                                                    <div className="mt-1 text-[11px] text-[var(--app-shell-soft-text)]">
-                                                        {memory.source || "project"} • {new Date(memory.created_at).toLocaleString()}
-                                                    </div>
-                                                </div>
-                                                <button
-                                                    type="button"
-                                                    onClick={() => void deleteMemory(memory.id)}
-                                                    className="rounded-lg p-2 text-[var(--app-shell-soft-text)] hover:bg-[var(--card-bg)] hover:text-red-600 transition-colors"
-                                                    aria-label="Remove knowledge note"
-                                                >
-                                                    <Trash2 className="w-4 h-4" />
-                                                </button>
-                                            </div>
-                                        ))
-                                    )}
-                                </div>
-                            </section>
-                        </div>
-
-                        <div className="mt-6 rounded-2xl border border-[var(--border)] bg-[var(--secondary)] px-4 py-4">
-                            <div className="text-xs font-black uppercase tracking-[0.18em] text-[var(--app-shell-soft-text)]">System-Generated Project Knowledge</div>
-                            {projectKnowledgeCandidates.length > 0 ? (
-                                <div className="mt-3 space-y-2">
-                                    {projectKnowledgeCandidates.map((candidate) => (
-                                        <div key={candidate.id} className="rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-3 py-3">
-                                            <div className="text-sm text-[var(--secondary-foreground)] leading-relaxed">{candidate.content}</div>
-                                            <div className="mt-2 text-[11px] text-[var(--app-shell-soft-text)]">
-                                                {candidate.source ? `${candidate.source} • ` : ""}{new Date(candidate.created_at).toLocaleString()}
-                                            </div>
-                                        </div>
-                                    ))}
-                                </div>
-                            ) : (
-                                <p className="mt-2 text-sm text-[var(--muted-foreground)]">
-                                    No project-scoped system-generated knowledge candidates are surfaced yet.
-                                </p>
-                            )}
-                        </div>
-                    </div>
-                </div>
-            )}
-
-            {showRepoPanel && currentProject && (
-                <div className="px-3 sm:px-6 py-3">
-                    <div className="rounded-3xl border border-[var(--border)] bg-[var(--card-bg)] p-4 sm:p-6 shadow-sm">
-                        <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3 mb-5">
-                            <div>
-                                <h2 className="text-xs font-black text-[var(--app-shell-soft-text)] uppercase tracking-[0.2em] flex items-center gap-2">
-                                    <BookOpen className="w-4 h-4" /> Repo Knowledge
-                                </h2>
-                                <p className="mt-2 text-sm text-[var(--muted-foreground)] max-w-2xl">
-                                    Edit repo-scoped knowledge here. Use this for durable codebase facts, conventions, and workflows that belong to a specific repository.
-                                </p>
-                            </div>
-                            <div className="text-xs text-[var(--app-shell-soft-text)]">
-                                {currentProject.repos.length} repos
-                            </div>
-                        </div>
-
-                        {currentProject.repos.length === 0 ? (
-                            <div className="rounded-2xl border border-dashed border-[var(--border)] px-4 py-6 text-sm text-[var(--app-shell-soft-text)]">
-                                This project has no repos attached yet.
-                            </div>
-                        ) : (
-                            <div className="space-y-4">
-                                {currentProject.repos.map((repo) => (
-                                    <section key={repo.id} className="rounded-2xl border border-[var(--border)] bg-[var(--secondary)] p-4">
-                                        <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3">
-                                            <div className="min-w-0">
-                                                <h3 className="text-sm font-semibold text-[var(--foreground)]">{repo.name}</h3>
-                                                <div className="mt-1 text-xs text-[var(--muted-foreground)]">
-                                                    {repo.path || "No path set"}
-                                                </div>
-                                                <div className="mt-2 text-[10px] font-black uppercase tracking-[0.16em] text-[var(--app-shell-soft-text)]">
-                                                    Human-authored repo knowledge
-                                                </div>
-                                            </div>
-                                            <button
-                                                type="button"
-                                                onClick={async () => {
-                                                    await fetch(`/api/repos/${repo.id}/knowledge`, {
-                                                        method: "PUT",
-                                                        headers: { "Content-Type": "application/json" },
-                                                        body: JSON.stringify({
-                                                            producer: "human",
-                                                            content: repoDrafts[repo.id] ?? "",
-                                                        }),
-                                                    }).then(async (res) => {
-                                                        if (!res.ok) {
-                                                            const body = await res.json().catch(() => ({}));
-                                                            throw new Error(body.error || "Failed to save repo knowledge");
-                                                        }
-                                                    });
-                                                }}
-                                                className="inline-flex items-center justify-center rounded-xl bg-[var(--foreground)] px-3 py-2 text-xs font-medium text-[var(--card-bg)] hover:opacity-90 transition-colors"
-                                            >
-                                                Save repo knowledge
-                                            </button>
-                                        </div>
-                                        <textarea
-                                            value={repoDrafts[repo.id] ?? ""}
-                                            onChange={(e) => setRepoDrafts((prev) => ({ ...prev, [repo.id]: e.target.value }))}
-                                            rows={4}
-                                            placeholder="Architecture facts, repo conventions, commands, or stable gotchas..."
-                                            className="mt-3 w-full rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500/20 focus:border-emerald-500"
-                                        />
-                                        <div className="mt-4 rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-3 py-3">
-                                            <div className="text-[10px] font-black uppercase tracking-[0.16em] text-[var(--app-shell-soft-text)]">System-Generated Repo Knowledge</div>
-                                            {(repoKnowledgeCandidates[repo.id] ?? []).length > 0 ? (
-                                                <div className="mt-3 space-y-2">
-                                                    {(repoKnowledgeCandidates[repo.id] ?? []).map((candidate) => (
-                                                        <div key={candidate.id} className="rounded-lg border border-[var(--border)] bg-[var(--secondary)] px-3 py-2">
-                                                            <div className="text-sm text-[var(--secondary-foreground)] leading-relaxed">{candidate.content}</div>
-                                                            <div className="mt-1 text-[11px] text-[var(--app-shell-soft-text)]">
-                                                                {new Date(candidate.created_at).toLocaleString()}
-                                                            </div>
-                                                        </div>
-                                                    ))}
-                                                </div>
-                                            ) : (
-                                                <p className="mt-2 text-sm text-[var(--muted-foreground)]">
-                                                    No repo-scoped system-generated knowledge candidates yet.
-                                                </p>
-                                            )}
-                                        </div>
-                                    </section>
-                                ))}
-                            </div>
-                        )}
-                    </div>
-                </div>
-            )}
 
             {/* Daemon Status */}
             <div className="flex-shrink-0 px-3 sm:px-6">

package/cloud-runtime/standalone/app/projects/[slug]/thread/[threadId]/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { use } from "react";
+import { ChatContainer } from "@/components/chat-ui/ChatContainer";
+
+export default function ProjectThreadPage({
+  params,
+}: {
+  params: Promise<{ slug: string; threadId: string }>;
+}) {
+  const { slug, threadId } = use(params);
+
+  return <ChatContainer projectSlug={slug} initialThreadId={threadId} showSidebar={false} />;
+}