@mndrk/agx 2.0.0-next.8 → 2.0.0

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/chat-ui/ChatPreview.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { useState, useEffect, useRef } from "react";
+import { DEMO_MESSAGES, DEMO_PARTICIPANTS } from "@/lib/demo-threads";
+import { agentAvatarUrl } from "./ParticipantBar";
+import { Markdown } from "./Markdown";
+import { User } from "lucide-react";
+
+const STAGGER_MS = 400;
+
+export function ChatPreview() {
+  const [visibleCount, setVisibleCount] = useState(0);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (visibleCount >= DEMO_MESSAGES.length) return;
+    const timer = setTimeout(() => {
+      setVisibleCount((c) => c + 1);
+    }, visibleCount === 0 ? 300 : STAGGER_MS);
+    return () => clearTimeout(timer);
+  }, [visibleCount]);
+
+  useEffect(() => {
+    containerRef.current?.scrollTo({
+      top: containerRef.current.scrollHeight,
+      behavior: "smooth",
+    });
+  }, [visibleCount]);
+
+  const participantMap = Object.fromEntries(
+    DEMO_PARTICIPANTS.map((p) => [p.id, p])
+  );
+
+  return (
+    <div
+      ref={containerRef}
+      className="flex-1 overflow-y-auto px-4 py-6"
+    >
+      <div className="max-w-2xl mx-auto space-y-4">
+        {DEMO_MESSAGES.slice(0, visibleCount).map((msg, i) => {
+          const isUser = msg.role === "user";
+          const p = msg.participantId ? participantMap[msg.participantId] : null;
+
+          return (
+            <div
+              key={msg.id}
+              className="flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300"
+              style={{ animationDelay: `${i * 50}ms` }}
+            >
+              <div className="w-8 h-8 rounded-full overflow-hidden border border-slate-100 shadow-sm shrink-0 mt-0.5 flex items-center justify-center bg-slate-100">
+                {isUser ? (
+                  <User className="w-4 h-4 text-slate-400" />
+                ) : p ? (
+                  <img
+                    src={agentAvatarUrl(p.id, 32, p.color)}
+                    alt={p.name}
+                    className="w-full h-full object-cover"
+                  />
+                ) : null}
+              </div>
+              <div className="flex-1 min-w-0">
+                <div className="flex items-baseline gap-2">
+                  <span
+                    className="text-[12px] font-bold tracking-wide uppercase"
+                    style={{ color: isUser ? "#334155" : (p?.color || "#64748b") }}
+                  >
+                    {isUser ? "You" : (p?.name || "Agent")}
+                  </span>
+                  {!isUser && p?.model && (
+                    <span className="text-[10px] text-slate-400 font-medium">
+                      {p.model}
+                    </span>
+                  )}
+                </div>
+                <div className="text-[14px] text-slate-700 leading-relaxed mt-0.5">
+                  <Markdown content={msg.content} isUser={isUser} />
+                </div>
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/chat-ui/MessageBubble.tsx

@@ -11,6 +11,7 @@ interface Props {
   message: GroupMessage;
   participantName?: string;
   participantColor?: string;
+  participantModel?: string | null;
   participantId?: string;
   onReply?: (messageId: string) => void;
   onOpenThread?: (rootMessageId: string) => void;
@@ -25,6 +26,7 @@ export function MessageBubble({
   message,
   participantName,
   participantColor,
+  participantModel,
   participantId,
   onReply,
   onOpenThread,
@@ -69,6 +71,7 @@ export function MessageBubble({
               {isUser ? "You" : (participantName || "Unknown")}
             </span>
           )}
+
           <span className="text-xs text-slate-400 font-medium">
             {formatTimestamp(message.timestamp)}
           </span>

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/chat-ui/MessageList.tsx

@@ -218,10 +218,11 @@ export function MessageList({
                       )}
                       <div className="flex-1 min-w-0 pt-0.5">
                         {msg.role !== 'user' && (
-                          <div className="flex items-center gap-2 mb-0.5">
+                          <div className="flex items-baseline gap-2 mb-0.5">
                             <span className="font-bold text-sm text-slate-900">
                               {p?.name || msg.participantId || "Assistant"}
                             </span>
+
                           </div>
                         )}
                         <div
@@ -387,6 +388,7 @@ export function MessageList({
                                 message={reply}
                                 participantName={rp?.name || reply.participantId || "Assistant"}
                                 participantColor={rp?.color}
+                                participantModel={rp?.model}
                                 participantId={rp?.id || reply.participantId || undefined}
                                 onOpenThread={onOpenThread}
                                 highlighted={reply.id === highlightedMessageId}
@@ -421,21 +423,6 @@ export function MessageList({
           );
         })}
 
-        {Object.entries(streaming)
-          .filter(([, entry]) => !entry.rootMessageId)
-          .map(([pid, entry]) => {
-            const p = participantMap[pid];
-            return (
-              <div key={`streaming-${pid}`} className="max-w-2xl mx-auto mb-8 px-4">
-                <TypingIndicator
-                  participantId={pid}
-                  participantName={p?.name || pid}
-                  participantColor={p?.color || "#888"}
-                  content={entry.content}
-                />
-              </div>
-            );
-          })}
         <div ref={bottomRef} />
       </div>
     </div>

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/chat-ui/ParticipantBar.tsx

@@ -30,7 +30,7 @@ import {
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import type { Participant, ChatProvider } from "@/lib/types";
+import type { Participant, ChatProvider, Skill } from "@/lib/types";
 
 const COLORS = ["#D97706", "#2563EB", "#059669", "#DC2626", "#7C3AED", "#DB2777", "#0891B2"];
 
@@ -152,7 +152,7 @@ interface AgentFormData {
   model: string;
   identity: string;
   identityFile: string;
-  skills: string[];
+  skills: Skill[];
 }
 
 function AgentForm({
@@ -192,17 +192,11 @@ function AgentForm({
     initial.identityFile ? inferRefLabel(initial.identityFile) : ""
   );
   const [identityMode, setIdentityMode] = useState<"text" | "file">(initial.identityFile ? "file" : "text");
-  const [skills, setSkills] = useState<string[]>(initial.skills.length > 0 ? initial.skills : []);
-  const [skillLabels, setSkillLabels] = useState<Record<string, string>>(
-    Object.fromEntries(initial.skills.map((skillRef) => [skillRef, inferRefLabel(skillRef)]))
-  );
+  const [skills, setSkills] = useState<Skill[]>(initial.skills.length > 0 ? initial.skills : []);
   const [isIdentityUploading, setIsIdentityUploading] = useState(false);
   const [identityUploadProgress, setIdentityUploadProgress] = useState(0);
-  const [isSkillsUploading, setIsSkillsUploading] = useState(false);
-  const [skillsUploadProgress, setSkillsUploadProgress] = useState(0);
 
   const identityFileInputRef = useRef<HTMLInputElement>(null);
-  const skillsFileInputRef = useRef<HTMLInputElement>(null);
   const ref = useRef<HTMLDivElement>(null);
 
   useClickOutside(ref, onCancel);
@@ -266,41 +260,6 @@ function AgentForm({
     }
   };
 
-  const handleSkillsUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const fileList = e.target.files;
-    if (!fileList || fileList.length === 0) return;
-
-    setIsSkillsUploading(true);
-    setSkillsUploadProgress(0);
-    try {
-      const uploaded = await uploadFiles(Array.from(fileList), setSkillsUploadProgress);
-      if (uploaded.length === 0) return;
-
-      const refs = uploaded.map((file) => toAttachmentRef(file.id));
-      setSkills((prev) => {
-        const seen = new Set(prev);
-        const next = [...prev];
-        for (const refValue of refs) {
-          if (!seen.has(refValue)) {
-            next.push(refValue);
-            seen.add(refValue);
-          }
-        }
-        return next;
-      });
-      setSkillLabels((prev) => ({
-        ...prev,
-        ...Object.fromEntries(uploaded.map((file) => [toAttachmentRef(file.id), file.filename])),
-      }));
-    } catch (error) {
-      console.error("Skills upload failed", error);
-    } finally {
-      setIsSkillsUploading(false);
-      if (skillsFileInputRef.current) {
-        skillsFileInputRef.current.value = "";
-      }
-    }
-  };
 
   const handleSubmit = () => {
     if (!name.trim() || !model.trim()) return;
@@ -310,7 +269,7 @@ function AgentForm({
       model: model.trim(),
       identity: identityMode === "text" ? identity.trim() : "",
       identityFile: identityMode === "file" ? identityFile.trim() : "",
-      skills: skills.map((s: string) => s.trim()).filter(Boolean),
+      skills: skills.filter((s) => s.file.trim()),
     });
   };
 
@@ -451,57 +410,53 @@ function AgentForm({
               <label className="flex items-center gap-2 text-sm font-medium text-slate-500">
                 <Wrench size={16} /> Skills
               </label>
-              <input
-                type="file"
-                ref={skillsFileInputRef}
-                onChange={handleSkillsUpload}
-                className="hidden"
-                multiple
-                accept=".txt,.md,.json,.yaml,.yml,.toml"
-              />
               <button
                 type="button"
-                onClick={() => skillsFileInputRef.current?.click()}
+                onClick={() => setSkills((prev) => [...prev, { file: "", condition: "" }])}
                 className="flex items-center gap-1 text-[11px] font-bold text-indigo-600 hover:text-indigo-700 uppercase tracking-wider"
               >
-                <Plus size={14} /> Upload
+                <Plus size={14} /> Add
               </button>
             </div>
 
-            {isSkillsUploading ? (
-              <div className="flex items-center gap-2 text-xs text-slate-500 bg-slate-50 border border-slate-200 rounded-lg px-3 py-2">
-                <div className="w-3 h-3 border-2 border-indigo-600 border-t-transparent rounded-full animate-spin" />
-                Uploading {skillsUploadProgress}%
-              </div>
-            ) : null}
-
-            <div className="space-y-2">
-              {skills.map((skillRef: string, index: number) => (
-                <div key={`${skillRef}-${index}`} className="flex items-center gap-2 p-2 bg-indigo-50/50 border border-indigo-100 rounded-lg group animate-in slide-in-from-left-2 duration-200">
-                  <div className="p-1.5 bg-indigo-100 rounded-md text-indigo-600">
-                    <Code2 size={14} />
+            <div className="space-y-3">
+              {skills.map((skill, index) => (
+                <div key={index} className="p-2.5 bg-indigo-50/50 border border-indigo-100 rounded-lg space-y-2 animate-in slide-in-from-left-2 duration-200">
+                  <div className="flex items-center gap-2">
+                    <input
+                      type="text"
+                      placeholder="/path/to/skill.md"
+                      value={skill.file}
+                      onChange={(e) =>
+                        setSkills((prev) =>
+                          prev.map((s, i) => i === index ? { ...s, file: e.target.value } : s)
+                        )
+                      }
+                      className="flex-1 bg-white border border-indigo-100 rounded-md px-2.5 py-1.5 text-xs font-mono text-slate-700 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-indigo-300"
+                    />
+                    <button
+                      type="button"
+                      onClick={() => setSkills((prev) => prev.filter((_, i) => i !== index))}
+                      className="p-1 text-indigo-300 hover:text-indigo-600 transition-colors"
+                    >
+                      <X size={14} />
+                    </button>
                   </div>
-                  <span className="bg-transparent text-xs font-mono text-indigo-700 flex-1 truncate">
-                    {skillLabels[skillRef] ?? inferRefLabel(skillRef)}
-                  </span>
-                  <button
-                    type="button"
-                    onClick={() => {
-                      setSkills((prev) => prev.filter((_, i) => i !== index));
-                      setSkillLabels((prev) => {
-                        const next = { ...prev };
-                        delete next[skillRef];
-                        return next;
-                      });
-                    }}
-                    className="p-1 text-indigo-300 hover:text-indigo-600 transition-colors"
-                  >
-                    <X size={14} />
-                  </button>
+                  <input
+                    type="text"
+                    placeholder="When to use this skill..."
+                    value={skill.condition}
+                    onChange={(e) =>
+                      setSkills((prev) =>
+                        prev.map((s, i) => i === index ? { ...s, condition: e.target.value } : s)
+                      )
+                    }
+                    className="w-full bg-white border border-indigo-100 rounded-md px-2.5 py-1.5 text-xs text-slate-700 placeholder:text-slate-400 focus:outline-none focus:ring-1 focus:ring-indigo-300"
+                  />
                 </div>
               ))}
               {skills.length === 0 ? (
-                <div className="text-xs text-slate-400 px-1">No skill files uploaded.</div>
+                <div className="text-xs text-slate-400 px-1">No skills added.</div>
               ) : null}
             </div>
           </div>
@@ -516,7 +471,7 @@ function AgentForm({
             </button>
             <button
               onClick={handleSubmit}
-              disabled={isIdentityUploading || isSkillsUploading || !name.trim() || !model.trim()}
+              disabled={isIdentityUploading || !name.trim() || !model.trim()}
               className="px-8 py-2.5 bg-indigo-600 text-white text-sm font-semibold rounded-xl shadow-[0_4px_12px_rgba(79,70,229,0.3)] hover:bg-indigo-700 active:scale-95 disabled:opacity-50 transition-all font-bold"
             >
               {submitLabel}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/chat-ui/ThreadView.tsx

@@ -5,7 +5,7 @@ import type { GroupMessage, Participant } from "@/lib/types";
 import type { StreamingEntry } from "@/hooks/useGroupChat";
 import type { TaskDraftMessage } from "@/types/tasks";
 import { Markdown } from "./Markdown";
-import { Copy, Maximize2, Trash2, ChevronLeft, User, Link } from "lucide-react";
+import { Copy, Trash2, ChevronLeft, User, Link } from "lucide-react";
 import { MessageAttachments } from "./MessageAttachments";
 import { agentAvatarUrl } from "./ParticipantBar";
 import { MessageReactionsBar } from "./MessageReactionsBar";
@@ -160,9 +160,10 @@ export function ThreadView({
                                         )}
                                         <button
                                             className="p-1.5 text-slate-400 hover:text-slate-600 hover:bg-slate-50 rounded"
-                                            title="Maximize"
+                                            title="Copy as Markdown"
+                                            onClick={() => navigator.clipboard.writeText(msg.content)}
                                         >
-                                            <Maximize2 size={14} />
+                                            <Copy size={14} />
                                         </button>
                                         {msg.id === rootMessageId && onDeleteThreadRoot && (
                                             <button

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/thread/ThreadItem.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import { Hash } from "lucide-react";
-import type { Thread } from "@/lib/storage";
+import type { Workspace } from "@/lib/storage";
 
-interface ThreadItemProps {
-  thread: Thread;
+interface WorkspaceItemProps {
+  workspace: Workspace;
   isActive: boolean;
   onSelect: () => void;
 }
@@ -17,8 +17,8 @@ const formatTimestamp = (value: number) =>
     minute: "2-digit",
   }).format(value);
 
-const getPreview = (thread: Thread) => {
-  const latest = thread.messages.at(-1)?.content?.trim();
+const getPreview = (workspace: Workspace) => {
+  const latest = workspace.messages.at(-1)?.content?.trim();
   if (!latest) {
     return "No messages yet";
   }
@@ -26,9 +26,9 @@ const getPreview = (thread: Thread) => {
   return normalized.length > 80 ? `${normalized.slice(0, 80).trim()}…` : normalized;
 };
 
-export function ThreadItem({ thread, isActive, onSelect }: ThreadItemProps) {
-  const title = thread.title?.trim() || "Untitled workspace";
-  const preview = getPreview(thread);
+export function WorkspaceItem({ workspace, isActive, onSelect }: WorkspaceItemProps) {
+  const title = workspace.title?.trim() || "Untitled workspace";
+  const preview = getPreview(workspace);
   return (
     <li className="thread-sidebar__list-item">
       <button
@@ -42,7 +42,7 @@ export function ThreadItem({ thread, isActive, onSelect }: ThreadItemProps) {
             <Hash size={12} className="thread-item__hash" aria-hidden="true" />
             <span className="thread-item__title">{title}</span>
           </div>
-          <span className="thread-item__timestamp">{formatTimestamp(thread.updatedAt)}</span>
+          <span className="thread-item__timestamp">{formatTimestamp(workspace.updatedAt)}</span>
         </div>
         <span className="thread-item__meta">{preview}</span>
       </button>

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/thread/ThreadList.tsx

@@ -1,29 +1,29 @@
 "use client";
 
-import type { Thread } from "@/lib/storage";
-import { ThreadItem } from "./ThreadItem";
+import type { Workspace } from "@/lib/storage";
+import { WorkspaceItem } from "./ThreadItem";
 
-interface ThreadListProps {
-  threads: Thread[];
-  activeThreadId: string | null;
-  onSelectThread: (threadId: string) => void;
+interface WorkspaceListProps {
+  workspaces: Workspace[];
+  activeWorkspaceId: string | null;
+  onSelectWorkspace: (workspaceId: string) => void;
 }
 
-export function ThreadList({ threads, activeThreadId, onSelectThread }: ThreadListProps) {
-  if (threads.length === 0) {
+export function WorkspaceList({ workspaces, activeWorkspaceId, onSelectWorkspace }: WorkspaceListProps) {
+  if (workspaces.length === 0) {
     return null;
   }
 
-  const sortedThreads = [...threads].sort((a, b) => b.updatedAt - a.updatedAt);
+  const sortedWorkspaces = [...workspaces].sort((a, b) => b.updatedAt - a.updatedAt);
 
   return (
     <ul className="thread-sidebar__list" role="list">
-      {sortedThreads.map((thread) => (
-        <ThreadItem
-          key={thread.id}
-          thread={thread}
-          isActive={thread.id === activeThreadId}
-          onSelect={() => onSelectThread(thread.id)}
+      {sortedWorkspaces.map((workspace) => (
+        <WorkspaceItem
+          key={workspace.id}
+          workspace={workspace}
+          isActive={workspace.id === activeWorkspaceId}
+          onSelect={() => onSelectWorkspace(workspace.id)}
         />
       ))}
     </ul>

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/thread/ThreadSidebar.tsx

@@ -11,24 +11,24 @@ import {
   Trash2,
 } from "lucide-react";
 import Link from "next/link";
-import type { Thread } from "@/lib/storage";
+import type { Workspace } from "@/lib/storage";
 import type { Participant } from "@/lib/types";
 import { useFocusManagement } from "@/hooks/useFocusManagement";
 import { useProjects } from "@/hooks/useProjects";
 import { ParticipantBar } from "@/components/chat-ui/ParticipantBar";
 
-interface ThreadSidebarProps {
-  threads: Thread[];
+interface WorkspaceSidebarProps {
+  workspaces: Workspace[];
   participants?: Participant[];
-  activeThreadId: string | null;
+  activeWorkspaceId: string | null;
   isLoading: boolean;
   isCreating: boolean;
-  onSelectThread: (threadId: string) => void;
-  onCreateThread: (input?: { title?: string }) => Promise<unknown> | void;
-  onRenameThread: (threadId: string, title: string) => Promise<unknown> | void;
-  onDeleteThread: (threadId: string) => void;
-  deletingThreadId?: string | null;
-  renamingThreadId?: string | null;
+  onSelectWorkspace: (workspaceId: string) => void;
+  onCreateWorkspace: (input?: { title?: string }) => Promise<unknown> | void;
+  onRenameWorkspace: (workspaceId: string, title: string) => Promise<unknown> | void;
+  onDeleteWorkspace: (workspaceId: string) => void;
+  deletingWorkspaceId?: string | null;
+  renamingWorkspaceId?: string | null;
   onAddParticipant?: (participant: Participant) => void;
   onUpdateParticipant?: (participant: Participant) => void;
   onRemoveParticipant?: (participantId: string) => void;
@@ -36,23 +36,23 @@ interface ThreadSidebarProps {
   onToggleParticipantActive?: (participantId: string, active: boolean) => void;
   onReorderParticipants?: (orderedIds: string[]) => void;
   visible?: boolean;
-  isRestoringActiveThread?: boolean;
+  isRestoringActiveWorkspace?: boolean;
   onToggle?: () => void;
   onSearch?: () => void;
 }
 
-export function ThreadSidebar({
-  threads,
+export function WorkspaceSidebar({
+  workspaces,
   participants = [],
-  activeThreadId,
+  activeWorkspaceId,
   isLoading,
   isCreating,
-  onSelectThread,
-  onCreateThread,
-  onRenameThread,
-  onDeleteThread,
-  deletingThreadId = null,
-  renamingThreadId = null,
+  onSelectWorkspace,
+  onCreateWorkspace,
+  onRenameWorkspace,
+  onDeleteWorkspace,
+  deletingWorkspaceId = null,
+  renamingWorkspaceId = null,
   onAddParticipant,
   onUpdateParticipant,
   onRemoveParticipant,
@@ -60,21 +60,21 @@ export function ThreadSidebar({
   onToggleParticipantActive,
   onReorderParticipants,
   visible = false,
-  isRestoringActiveThread = false,
+  isRestoringActiveWorkspace = false,
   onToggle,
   onSearch,
-}: ThreadSidebarProps) {
+}: WorkspaceSidebarProps) {
   const emptyCtaRef = useRef<HTMLButtonElement | null>(null);
   const [openAddAgentNonce, setOpenAddAgentNonce] = useState<number | null>(null);
   const { projects } = useProjects();
 
-  const hasThreads = threads.length > 0;
-  const showRestoringState = isRestoringActiveThread && hasThreads;
-  const showLoadingState = (isLoading && !hasThreads) || showRestoringState;
-  const showEmptyState = !showLoadingState && !hasThreads;
+  const hasWorkspaces = workspaces.length > 0;
+  const showRestoringState = isRestoringActiveWorkspace && hasWorkspaces;
+  const showLoadingState = (isLoading && !hasWorkspaces) || showRestoringState;
+  const showEmptyState = !showLoadingState && !hasWorkspaces;
   const isVisible = Boolean(visible);
   const canManageParticipants = Boolean(onAddParticipant && onUpdateParticipant && onRemoveParticipant);
-  const sortedWorkspaces = [...threads].sort((a, b) => b.updatedAt - a.updatedAt);
+  const sortedWorkspaces = [...workspaces].sort((a, b) => (a.title || "").localeCompare(b.title || ""));
 
   useFocusManagement({
     focusTarget: emptyCtaRef,
@@ -91,11 +91,11 @@ export function ThreadSidebar({
       return;
     }
 
-    void onCreateThread({ title });
+    void onCreateWorkspace({ title });
   };
 
   const handleDeleteClick = (workspaceId: string) => {
-    void onDeleteThread(workspaceId);
+    void onDeleteWorkspace(workspaceId);
   };
 
   const handleRenameClick = (workspaceId: string, currentTitle: string) => {
@@ -108,7 +108,7 @@ export function ThreadSidebar({
       return;
     }
 
-    void onRenameThread(workspaceId, title);
+    void onRenameWorkspace(workspaceId, title);
   };
 
   if (!isVisible) {
@@ -189,9 +189,9 @@ export function ThreadSidebar({
             </div>
           </div>
           {sortedWorkspaces.map((workspace) => {
-            const isActive = workspace.id === activeThreadId;
-            const isDeletingWorkspace = deletingThreadId === workspace.id;
-            const isRenamingWorkspace = renamingThreadId === workspace.id;
+            const isActive = workspace.id === activeWorkspaceId;
+            const isDeletingWorkspace = deletingWorkspaceId === workspace.id;
+            const isRenamingWorkspace = renamingWorkspaceId === workspace.id;
             const title = workspace.title?.trim() || "Untitled workspace";
 
             return (
@@ -199,7 +199,7 @@ export function ThreadSidebar({
                 <button
                   type="button"
                   className={`thread-sidebar__nav-item thread-sidebar__workspace-nav-item ${isActive ? "thread-sidebar__nav-item--active thread-sidebar__workspace-nav-item--active" : ""}`}
-                  onClick={() => onSelectThread(workspace.id)}
+                  onClick={() => onSelectWorkspace(workspace.id)}
                   aria-current={isActive ? "page" : undefined}
                 >
                   <Hash size={18} />

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/db/sqlite/001_agx_board_schema.sql

@@ -494,3 +494,55 @@ CREATE TABLE IF NOT EXISTS agent_memory (
 );
 CREATE INDEX IF NOT EXISTS idx_agent_memory_agent_id ON agent_memory(agent_id);
 CREATE INDEX IF NOT EXISTS idx_agent_memory_task_id  ON agent_memory(task_id);
+
+-- ---------------------------------------------------------------------------
+-- Notifications read-model (projector output)
+-- ---------------------------------------------------------------------------
+
+CREATE TABLE IF NOT EXISTS notifications (
+    id          TEXT NOT NULL PRIMARY KEY DEFAULT (lower(hex(randomblob(4)) || '-' || hex(randomblob(2)) || '-4' || substr(hex(randomblob(2)),2) || '-' || substr('89ab',abs(random()) % 4 + 1, 1) || substr(hex(randomblob(2)),2) || '-' || hex(randomblob(6)))),
+    user_id     TEXT NOT NULL,
+    task_id     TEXT NOT NULL,
+    event_id    TEXT NOT NULL,
+    type        TEXT NOT NULL,   -- e.g. 'task.blocked', 'task.done', 'task.failed'
+    tier        TEXT NOT NULL DEFAULT 'info' CHECK(tier IN ('info', 'warning', 'error', 'success')),
+    title       TEXT NOT NULL,
+    body        TEXT,
+    created_at  TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
+    read_at     TEXT,            -- NULL = unread
+    -- Dedup: one notification per (event, user, type)
+    UNIQUE (event_id, user_id, type)
+);
+
+-- Fast unread queries: WHERE user_id = ? AND read_at IS NULL
+CREATE INDEX IF NOT EXISTS idx_notifications_user_unread ON notifications(user_id, read_at);
+-- Fast task-scoped lookups
+CREATE INDEX IF NOT EXISTS idx_notifications_task ON notifications(task_id);
+
+-- ---------------------------------------------------------------------------
+-- Notification outbox (transactional relay buffer)
+-- Projector writes notification + outbox row in one transaction so no
+-- notification can be written but never pushed.
+-- ---------------------------------------------------------------------------
+
+CREATE TABLE IF NOT EXISTS notification_outbox (
+    id              TEXT NOT NULL PRIMARY KEY DEFAULT (lower(hex(randomblob(4)) || '-' || hex(randomblob(2)) || '-4' || substr(hex(randomblob(2)),2) || '-' || substr('89ab',abs(random()) % 4 + 1, 1) || substr(hex(randomblob(2)),2) || '-' || hex(randomblob(6)))),
+    notification_id TEXT NOT NULL REFERENCES notifications(id) ON DELETE CASCADE,
+    payload         JSON NOT NULL CHECK(json_valid(payload)),
+    created_at      TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now')),
+    delivered_at    TEXT          -- NULL = pending delivery
+);
+
+-- Relay consumer polls: WHERE delivered_at IS NULL ORDER BY created_at
+CREATE INDEX IF NOT EXISTS idx_notification_outbox_pending ON notification_outbox(delivered_at, created_at);
+
+-- ---------------------------------------------------------------------------
+-- Projector checkpoint cursors (consumer isolation)
+-- Each consumer (consumer_id) tracks its own position in the event stream.
+-- ---------------------------------------------------------------------------
+
+CREATE TABLE IF NOT EXISTS projector_cursors (
+    consumer_id     TEXT NOT NULL PRIMARY KEY,   -- e.g. 'notification-projector'
+    last_event_id   TEXT NOT NULL,               -- last processed event id
+    updated_at      TEXT NOT NULL DEFAULT (strftime('%Y-%m-%dT%H:%M:%fZ','now'))
+);