@mndrk/agx 2.0.32 → 2.0.34

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

@@ -9,7 +9,9 @@ import {
   MessageSquare,
   Plus,
   Search,
+  SquarePen,
   Trash2,
+  X,
 } from "lucide-react";
 import { useProjects } from "@/hooks/useProjects";
 import { useProjectMemory, useProjectSkills } from "@/hooks/useProjectResources";
@@ -24,6 +26,23 @@ type SystemNote = {
   source?: string;
 };
 
+function mapKnowledgeNoteToSystemNote(note: {
+  id: string;
+  content: string;
+  createdAt?: string;
+  updatedAt?: string;
+  sourceType?: string;
+} | null | undefined): SystemNote | null {
+  if (!note) return null;
+  return {
+    id: note.id,
+    content: note.content,
+    created_at: note.createdAt,
+    updated_at: note.updatedAt,
+    source: note.sourceType,
+  };
+}
+
 export default function ProjectKnowledgePage({ params }: { params: Promise<{ slug: string }> }) {
   const { slug } = use(params);
 
@@ -99,10 +118,10 @@ export default function ProjectKnowledgePage({ params }: { params: Promise<{ slu
         return;
       }
       try {
-        const res = await fetch(`/api/projects/${projectId}/memory?producer=system`);
-        const data = res.ok ? await res.json() : { memory: [] };
+        const res = await fetch(`/api/knowledge-notes?scope=project&subjectId=${encodeURIComponent(projectId)}`);
+        const data = res.ok ? await res.json() : { note: null };
         if (!cancelled) {
-          setProjectSystemNote((data.memory ?? [])[0] ?? null);
+          setProjectSystemNote(mapKnowledgeNoteToSystemNote(data.note));
         }
       } catch {
         if (!cancelled) setProjectSystemNote(null);
@@ -125,9 +144,9 @@ export default function ProjectKnowledgePage({ params }: { params: Promise<{ slu
       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 ?? [])[0] ?? null] as const;
+            const res = await fetch(`/api/knowledge-notes?scope=repo&subjectId=${encodeURIComponent(repo.id)}`);
+            const data = res.ok ? await res.json() : { note: null };
+            return [repo.id, mapKnowledgeNoteToSystemNote(data.note)] as const;
           })
         );
         if (!cancelled) {
@@ -244,10 +263,17 @@ export default function ProjectKnowledgePage({ params }: { params: Promise<{ slu
                   </p>
                 </div>
                 <SystemNoteCard
-                  content={projectNoteMatches ? projectSystemNote?.content ?? "" : ""}
+                  note={
+                    projectNoteMatches
+                      ? projectSystemNote
+                      : projectSystemNote?.content
+                        ? { ...projectSystemNote, content: "" }
+                        : null
+                  }
                   emptyLabel={searchQuery ? "No matching project note content." : "No project note yet."}
-                  updatedAt={projectSystemNote?.updated_at ?? projectSystemNote?.created_at}
-                  summary={projectSystemNote?.source}
+                  scope="project"
+                  subjectId={projectId ?? ""}
+                  onSaved={setProjectSystemNote}
                 />
               </section>
 
@@ -419,6 +445,7 @@ export default function ProjectKnowledgePage({ params }: { params: Promise<{ slu
                     repo={repo}
                     draft={repoDrafts[repo.id] ?? ""}
                     systemNote={repoSystemNotes[repo.id] ?? null}
+                    systemNoteMatches={!searchQuery || (repoSystemNotes[repo.id]?.content ?? "").toLowerCase().includes(searchQuery.toLowerCase())}
                     onDraftChange={(value) => setRepoDrafts((prev) => ({ ...prev, [repo.id]: value }))}
                     onSave={async () => {
                       await fetch(`/api/repos/${repo.id}/knowledge`, {
@@ -435,6 +462,7 @@ export default function ProjectKnowledgePage({ params }: { params: Promise<{ slu
                         }
                       });
                     }}
+                    onSystemNoteSaved={(note) => setRepoSystemNotes((prev) => ({ ...prev, [repo.id]: note }))}
                   />
                 ))}
               </div>
@@ -485,33 +513,178 @@ function StatCard({ label, value, sub }: { label: string; value: number; sub: st
 }
 
 function SystemNoteCard({
-  content,
+  note,
   emptyLabel,
-  updatedAt,
-  summary,
+  scope,
+  subjectId,
+  onSaved,
 }: {
-  content: string;
+  note: SystemNote | null;
   emptyLabel: string;
-  updatedAt?: string;
-  summary?: string;
+  scope: "project" | "repo";
+  subjectId: string;
+  onSaved: (note: SystemNote | null) => void;
 }) {
-  if (!content.trim()) {
+  const [isEditing, setIsEditing] = useState(false);
+  const [draft, setDraft] = useState(note?.content ?? "");
+  const [isSaving, setIsSaving] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    setDraft(note?.content ?? "");
+  }, [note?.id, note?.content]);
+
+  const hasContent = Boolean(note?.content.trim());
+  const updatedAt = note?.updated_at ?? note?.created_at;
+  const summary = note?.source;
+
+  async function handleSave() {
+    if (!subjectId) return;
+    setIsSaving(true);
+    setError(null);
+    try {
+      const res = await fetch("/api/knowledge-notes", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          scope,
+          subjectId,
+          content: draft,
+        }),
+      });
+      const data = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        throw new Error(data.error || "Failed to save knowledge note");
+      }
+      const nextNote = mapKnowledgeNoteToSystemNote(data.note);
+      onSaved(nextNote);
+      setDraft(nextNote?.content ?? "");
+      setIsEditing(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save knowledge note");
+    } finally {
+      setIsSaving(false);
+    }
+  }
+
+  if (!hasContent) {
     return (
       <div className="rounded-xl border border-dashed border-[var(--border)] px-4 py-6 text-sm text-[var(--muted-foreground)]">
-        {emptyLabel}
+        <div className="flex items-center justify-between gap-3">
+          <span>{emptyLabel}</span>
+          <button
+            type="button"
+            onClick={() => {
+              setDraft(note?.content ?? "");
+              setError(null);
+              setIsEditing(true);
+            }}
+            className="inline-flex items-center gap-1.5 rounded-lg border border-[var(--border)] bg-[var(--secondary)] px-3 py-1.5 text-xs font-medium text-[var(--foreground)]"
+          >
+            <SquarePen className="h-3.5 w-3.5" />
+            Edit
+          </button>
+        </div>
+        {isEditing ? (
+          <div className="mt-4 space-y-3">
+            <textarea
+              value={draft}
+              onChange={(event) => setDraft(event.target.value)}
+              rows={10}
+              className="w-full resize-y rounded-xl border border-[var(--border)] bg-[var(--secondary)] px-4 py-3 text-sm text-[var(--foreground)] focus:border-[var(--primary)] focus:outline-none focus:ring-2 focus:ring-[var(--ring)]"
+              placeholder="Write the living knowledge note in markdown..."
+            />
+            {error ? <p className="text-xs text-red-500">{error}</p> : null}
+            <div className="flex items-center justify-end gap-2">
+              <button
+                type="button"
+                onClick={() => {
+                  setDraft(note?.content ?? "");
+                  setError(null);
+                  setIsEditing(false);
+                }}
+                className="inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-medium text-[var(--muted-foreground)]"
+                disabled={isSaving}
+              >
+                <X className="h-3.5 w-3.5" />
+                Cancel
+              </button>
+              <button
+                type="button"
+                onClick={() => void handleSave()}
+                disabled={isSaving}
+                className="inline-flex items-center gap-1.5 rounded-lg bg-[var(--primary)] px-3 py-1.5 text-xs font-medium text-[var(--primary-foreground)] disabled:opacity-60"
+              >
+                {isSaving ? "Saving..." : "Save"}
+              </button>
+            </div>
+          </div>
+        ) : null}
       </div>
     );
   }
 
   return (
     <div className="rounded-xl border border-[var(--border)] bg-[var(--secondary)] p-4">
-      <div className="mb-3 flex flex-wrap items-center gap-2 text-[11px] text-[var(--app-shell-soft-text)]">
-        {updatedAt ? <span>Updated {new Date(updatedAt).toLocaleString()}</span> : null}
-        {summary ? <span>{summary}</span> : null}
-      </div>
-      <div className="text-sm leading-relaxed text-[var(--secondary-foreground)]">
-        <Markdown content={content} />
+      <div className="mb-3 flex items-start justify-between gap-3">
+        <div className="flex flex-wrap items-center gap-2 text-[11px] text-[var(--app-shell-soft-text)]">
+          {updatedAt ? <span>Updated {new Date(updatedAt).toLocaleString()}</span> : null}
+          {summary ? <span>{summary}</span> : null}
+        </div>
+        {!isEditing ? (
+          <button
+            type="button"
+            onClick={() => {
+              setDraft(note?.content ?? "");
+              setError(null);
+              setIsEditing(true);
+            }}
+            className="inline-flex items-center gap-1.5 rounded-lg border border-[var(--border)] bg-[var(--card-bg)] px-3 py-1.5 text-xs font-medium text-[var(--foreground)]"
+          >
+            <SquarePen className="h-3.5 w-3.5" />
+            Edit
+          </button>
+        ) : null}
       </div>
+      {isEditing ? (
+        <div className="space-y-3">
+          <textarea
+            value={draft}
+            onChange={(event) => setDraft(event.target.value)}
+            rows={12}
+            className="w-full resize-y rounded-xl border border-[var(--border)] bg-[var(--card-bg)] px-4 py-3 text-sm text-[var(--foreground)] focus:border-[var(--primary)] focus:outline-none focus:ring-2 focus:ring-[var(--ring)]"
+            placeholder="Write the living knowledge note in markdown..."
+          />
+          {error ? <p className="text-xs text-red-500">{error}</p> : null}
+          <div className="flex items-center justify-end gap-2">
+            <button
+              type="button"
+              onClick={() => {
+                setDraft(note?.content ?? "");
+                setError(null);
+                setIsEditing(false);
+              }}
+              className="inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-medium text-[var(--muted-foreground)]"
+              disabled={isSaving}
+            >
+              <X className="h-3.5 w-3.5" />
+              Cancel
+            </button>
+            <button
+              type="button"
+              onClick={() => void handleSave()}
+              disabled={isSaving}
+              className="inline-flex items-center gap-1.5 rounded-lg bg-[var(--primary)] px-3 py-1.5 text-xs font-medium text-[var(--primary-foreground)] disabled:opacity-60"
+            >
+              {isSaving ? "Saving..." : "Save"}
+            </button>
+          </div>
+        </div>
+      ) : (
+        <div className="text-sm leading-relaxed text-[var(--secondary-foreground)]">
+          <Markdown content={note?.content ?? ""} />
+        </div>
+      )}
     </div>
   );
 }
@@ -551,14 +724,18 @@ function RepoCard({
   repo,
   draft,
   systemNote,
+  systemNoteMatches,
   onDraftChange,
   onSave,
+  onSystemNoteSaved,
 }: {
   repo: { id: string; name: string; path?: string; notes?: string };
   draft: string;
   systemNote: SystemNote | null;
+  systemNoteMatches: boolean;
   onDraftChange: (value: string) => void;
   onSave: () => Promise<void>;
+  onSystemNoteSaved: (note: SystemNote | null) => void;
 }) {
   return (
     <div className="group flex flex-col rounded-2xl border border-[var(--border)] bg-[var(--card-bg)] p-5 shadow-[var(--shadow-sm)] transition-colors hover:border-[var(--card-hover-border)]">
@@ -586,10 +763,17 @@ function RepoCard({
           Living Repo Note
         </p>
         <SystemNoteCard
-          content={systemNote?.content ?? ""}
+          note={
+            systemNoteMatches
+              ? systemNote
+              : systemNote?.content
+                ? { ...systemNote, content: "" }
+                : null
+          }
           emptyLabel="No repo note yet."
-          updatedAt={systemNote?.updated_at ?? systemNote?.created_at}
-          summary={systemNote?.source}
+          scope="repo"
+          subjectId={repo.id}
+          onSaved={onSystemNoteSaved}
         />
       </div>
 

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

@@ -65,8 +65,9 @@ function ProjectLayoutContent({
     const match = pathname.match(/\/projects\/[^/]+\/thread\/([^/]+)/);
     return match?.[1] ? decodeURIComponent(match[1]) : currentProject?.thread_ids[0] ?? null;
   }, [currentProject?.thread_ids, pathname]);
-  const activeProjectView = useMemo<"board" | "thread" | "knowledge">(
+  const activeProjectView = useMemo<"board" | "thread" | "knowledge" | "automations">(
     () => {
+      if (pathname.includes("/automations")) return "automations";
       if (pathname.includes("/thread/")) return "thread";
       if (pathname.includes("/knowledge")) return "knowledge";
       return "board";
@@ -106,7 +107,7 @@ function ProjectLayoutContent({
   }
 
   return (
-    <div className="flex h-full min-h-0 overflow-hidden bg-[var(--background)]">
+    <div className="flex h-dvh min-h-0 overflow-hidden bg-[var(--background)]">
       <WorkspaceSidebar
         threads={threads}
         participants={participants}