@mndrk/agx 2.0.32 → 2.0.33

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/components/chat-ui/ChatContainer.tsx

@@ -240,9 +240,20 @@ export function ChatContainer({
     activeThreadId ? { workspaceId: activeThreadId } : null,
     { messages, setMessages }
   );
-  const activeChatRuns = (chatRuns.length > 0 ? chatRuns : polledChatRuns).filter(
-    (run) => run.status === "queued" || run.status === "running"
-  );
+  const activeChatRuns = useMemo(() => {
+    const now = Date.now();
+    const byId = new Map(polledChatRuns.map((run) => [run.chatRunId, run]));
+
+    for (const run of chatRuns) {
+      if (!run.optimistic || byId.has(run.chatRunId)) continue;
+      if (now - (run.enqueuedAt ?? 0) > 5000) continue;
+      byId.set(run.chatRunId, run);
+    }
+
+    return Array.from(byId.values()).filter(
+      (run) => run.status === "queued" || run.status === "running"
+    );
+  }, [chatRuns, polledChatRuns]);
   const composerActivityStatus =
     polledActiveAgents.size > 0 || activeChatRuns.some((run) => run.status === "running")
       ? "working"
@@ -252,18 +263,26 @@ export function ChatContainer({
   const loading = composerActivityStatus !== "ready";
 
   useEffect(() => {
-    if (polledChatRuns.length === 0) return;
     setChatRuns((prev) => {
+      const now = Date.now();
       const byId = new Map(
         prev
           .filter((run) => typeof run.chatRunId === "string" && run.chatRunId.length > 0)
           .map((run) => [run.chatRunId, run])
       );
+
       for (const run of polledChatRuns) {
         if (!run?.chatRunId) continue;
         byId.set(run.chatRunId, run);
       }
-      return Array.from(byId.values()).sort((a, b) =>
+
+      const next = Array.from(byId.values()).filter((run) => {
+        if (!run.optimistic) return true;
+        if (polledChatRuns.some((polledRun) => polledRun.chatRunId === run.chatRunId)) return true;
+        return now - (run.enqueuedAt ?? 0) <= 5000;
+      });
+
+      return next.sort((a, b) =>
         String(a.chatRunId || "").localeCompare(String(b.chatRunId || ""))
       );
     });
@@ -546,7 +565,7 @@ export function ChatContainer({
   const activeThreadTitle = useMemo(() => {
     if (!openThreadId) return "";
     const rootMsg = messages.find((m) => m.id === openThreadId);
-    if (!rootMsg) return "Thread";
+    if (!rootMsg) return "Discussion";
     const text = rootMsg.content.trim();
     return text.length > 60 ? text.slice(0, 60) + "..." : text;
   }, [openThreadId, messages]);
@@ -1580,7 +1599,9 @@ export function ChatContainer({
   );
 
   const mainToolbar = (
-    <div className="border-b border-[var(--app-shell-border)] bg-[var(--app-shell-surface)] px-4 py-2.5 backdrop-blur-xl md:px-6">
+    <div
+      className="border-b border-[var(--app-shell-border)] bg-[var(--app-shell-surface)] px-4 py-2.5 backdrop-blur-xl md:px-6"
+    >
       <div className="mx-auto flex max-w-5xl items-center gap-3">
         <div className="flex min-w-0 items-center flex-shrink-0">
           {showSidebar && !workspaceSidebarVisible && (
@@ -1657,36 +1678,36 @@ export function ChatContainer({
 
   return (
     <div className="flex h-screen bg-[var(--app-shell-bg)] text-[var(--foreground)]">
-      {showSidebar ? (
-        <WorkspaceSidebar
-          threads={threads}
-          participants={participants}
-          activeThreadId={activeThreadId}
-          isLoading={threadsLoading}
-          isRestoringActiveThread={isRestoringActiveThread}
-          isCreating={isCreating}
-          deletingThreadId={deletingThreadId}
-          renamingThreadId={renamingThreadId}
-          onSelectThread={selectThread}
-          onCreateThread={createThread}
-          onRenameThread={renameThread}
-          onDeleteThread={handleDeleteThread}
-          activeParticipantIds={activeParticipantIds}
-          onToggleParticipantActive={handleToggleParticipantActive}
-          visible={workspaceSidebarVisible}
-          onToggle={toggleWorkspaceSidebar}
-          projects={projects}
-          onCreateProject={createProject}
-          onUpdateProject={updateProject}
-          onDeleteProject={deleteProject}
-          onAddAgentToProject={addAgentToProject}
-          onRemoveAgentFromProject={removeAgentFromProject}
-          onReorderProjectAgents={reorderProjectAgents}
-          onUpdateParticipant={handleUpdate}
-          onSelectProject={handleSelectProject}
-        />
-      ) : null}
-      <div className="flex flex-col flex-1 min-w-0 relative">
+        {showSidebar ? (
+          <WorkspaceSidebar
+            threads={threads}
+            participants={participants}
+            activeThreadId={activeThreadId}
+            isLoading={threadsLoading}
+            isRestoringActiveThread={isRestoringActiveThread}
+            isCreating={isCreating}
+            deletingThreadId={deletingThreadId}
+            renamingThreadId={renamingThreadId}
+            onSelectThread={selectThread}
+            onCreateThread={createThread}
+            onRenameThread={renameThread}
+            onDeleteThread={handleDeleteThread}
+            activeParticipantIds={activeParticipantIds}
+            onToggleParticipantActive={handleToggleParticipantActive}
+            visible={workspaceSidebarVisible}
+            onToggle={toggleWorkspaceSidebar}
+            projects={projects}
+            onCreateProject={createProject}
+            onUpdateProject={updateProject}
+            onDeleteProject={deleteProject}
+            onAddAgentToProject={addAgentToProject}
+            onRemoveAgentFromProject={removeAgentFromProject}
+            onReorderProjectAgents={reorderProjectAgents}
+            onUpdateParticipant={handleUpdate}
+            onSelectProject={handleSelectProject}
+          />
+        ) : null}
+        <div className="flex flex-col flex-1 min-w-0 relative">
         {
           isRestoringActiveThread ? (
             <div className="flex-1 flex items-center justify-center px-4 text-sm text-[var(--muted-foreground)]">
@@ -1862,16 +1883,16 @@ export function ChatContainer({
             </div>
           )
         }
-      </div >
+      </div>
       {initialRootMessageId && (
         <LogPanel logs={logs} participants={participants} onClear={() => void clearLogs(activeThreadId)} open={logsOpen} onToggle={() => setLogsOpen(false)} />
       )}
       <ConfirmDialog
         isOpen={pendingDelete !== null}
-        title={pendingDelete?.type === "thread" ? "Delete Thread" : "Delete Message"}
+        title={pendingDelete?.type === "thread" ? "Delete Discussion" : "Delete Message"}
         message={
           pendingDelete?.type === "thread"
-            ? "This will permanently delete this thread and all of its replies. This action cannot be undone."
+            ? "This will permanently delete this discussion and all of its replies. This action cannot be undone."
             : "This will permanently delete this message. This action cannot be undone."
         }
         preview={pendingDelete?.preview}
@@ -1881,6 +1902,6 @@ export function ChatContainer({
         onConfirm={handleConfirmDelete}
         onCancel={handleCancelDelete}
       />
-    </div >
+    </div>
   );
 }

package/cloud-runtime/standalone/components/chat-ui/Markdown.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import React from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import type { Components } from "react-markdown";
@@ -9,6 +10,18 @@ interface Props {
   isUser?: boolean;
 }
 
+function isBlockCode(className?: string, children?: React.ReactNode) {
+  if (className?.includes("language-")) return true;
+  const text = React.Children.toArray(children).join("");
+  return text.includes("\n");
+}
+
+function codeBlockClasses(isUser?: boolean) {
+  return isUser
+    ? "bg-[var(--card-bg)]/[0.12] rounded-lg p-3 my-3 overflow-x-auto border border-white/[0.08]"
+    : "bg-black/[0.06] rounded-lg p-3 my-3 overflow-x-auto border border-black/[0.06]";
+}
+
 const components: Components = {
   p: ({ children }) => <p className="mb-3 last:mb-0 leading-relaxed">{children}</p>,
   strong: ({ children }) => <strong className="font-semibold">{children}</strong>,
@@ -30,12 +43,10 @@ const components: Components = {
     <h3 className="text-sm font-semibold mb-1.5 mt-2.5 first:mt-0">{children}</h3>
   ),
   code: ({ children, className }) => {
-    const isBlock = className?.includes("language-");
+    const isBlock = isBlockCode(className, children);
     if (isBlock) {
       return (
-        <pre className="bg-black/[0.06] rounded-lg p-3 my-3 overflow-x-auto border border-black/[0.06]">
-          <code className="text-[13px] leading-relaxed font-mono">{children}</code>
-        </pre>
+        <code className={`text-[13px] leading-relaxed font-mono whitespace-pre ${className ?? ""}`.trim()}>{children}</code>
       );
     }
     return (
@@ -44,7 +55,7 @@ const components: Components = {
       </code>
     );
   },
-  pre: ({ children }) => <>{children}</>,
+  pre: ({ children }) => <pre className={codeBlockClasses(false)}>{children}</pre>,
   blockquote: ({ children }) => (
     <blockquote className="border-l-[3px] border-[var(--border)] pl-3 my-3 text-[var(--muted-foreground)]">
       {children}
@@ -80,12 +91,10 @@ const userComponents: Components = {
     <ol className="list-decimal pl-5 mb-3 last:mb-0 space-y-1.5 marker:text-white/60">{children}</ol>
   ),
   code: ({ children, className }) => {
-    const isBlock = className?.includes("language-");
+    const isBlock = isBlockCode(className, children);
     if (isBlock) {
       return (
-        <pre className="bg-[var(--card-bg)]/[0.12] rounded-lg p-3 my-3 overflow-x-auto border border-white/[0.08]">
-          <code className="text-[13px] leading-relaxed font-mono">{children}</code>
-        </pre>
+        <code className={`text-[13px] leading-relaxed font-mono whitespace-pre ${className ?? ""}`.trim()}>{children}</code>
       );
     }
     return (
@@ -94,6 +103,7 @@ const userComponents: Components = {
       </code>
     );
   },
+  pre: ({ children }) => <pre className={codeBlockClasses(true)}>{children}</pre>,
   blockquote: ({ children }) => (
     <blockquote className="border-l-[3px] border-white/30 pl-3 my-3 text-white/80">
       {children}