@mndrk/agx 2.0.0-next.9 → 2.0.1

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/README.md

@@ -128,6 +128,10 @@ No Docker or PostgreSQL required.
 
 ---
 
+## Community
+
+Join the conversation on [Discord](https://discord.gg/y77e9Euz) — share feedback, get help, and follow development.
+
 ## Contributing
 
 We love contributions! Please see our [Contributing Guide](CONTRIBUTING.md) (coming soon) or check out the [Issues](https://github.com/mndrk/agx/issues).

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/api/chat/route.ts

@@ -18,7 +18,7 @@ interface ChatRequestBody {
   activeParticipantIds?: unknown;
 }
 
-const MAX_HISTORY_CHARS = 200_000;
+const MAX_HISTORY_CHARS = 10_000;
 const SUMMARY_MARKER = "<!-- thread-summary -->";
 const CHAT_MENTION_PATTERN = /@([A-Za-z0-9_-]+)/g;
 
@@ -35,20 +35,18 @@ function getSpeakerLabel(message: GroupMessage, participantMap: ParticipantNameM
 }
 
 function buildHistoryContext(history: GroupMessage[], participantMap: ParticipantNameMap): string {
-  // Budget recent messages first (most important for coherence), then reconstruct chronologically.
-  const kept: string[] = [];
+  const lines: string[] = [];
   let totalChars = 0;
 
-  for (let i = history.length - 1; i >= 0; i--) {
-    const line = `${getSpeakerLabel(history[i], participantMap)}: ${history[i].content}`;
+  for (const message of history) {
+    const line = `${getSpeakerLabel(message, participantMap)}: ${message.content}`;
     if (totalChars + line.length > MAX_HISTORY_CHARS) break;
-    kept.push(line);
+    lines.push(line);
     totalChars += line.length;
   }
 
-  if (kept.length === 0) return "";
-  kept.reverse(); // restore chronological order
-  return `Previous conversation (for background context only — do NOT re-discuss or repeat these topics unless the user brings them up again):\n${kept.join("\n")}`;
+  if (lines.length === 0) return "";
+  return `Previous conversation (for background context only — do NOT re-discuss or repeat these topics unless the user brings them up again):\n${lines.join("\n")}`;
 }
 
 function extractThreadSummary(content: string): string | null {

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/api/participants/route.ts

@@ -6,7 +6,7 @@ import {
   removeParticipant,
   reorderParticipants,
 } from "@/lib/participants-store";
-import type { ChatProvider, Participant } from "@/lib/types";
+import type { ChatProvider, Participant, Skill } from "@/lib/types";
 
 export const runtime = "nodejs";
 export const dynamic = "force-dynamic";
@@ -51,12 +51,18 @@ function toOptionalString(value: unknown): string | undefined {
   return typeof value === "string" && value.trim() ? value.trim() : undefined;
 }
 
-function toSkills(value: unknown): string[] | undefined {
+function toSkills(value: unknown): Skill[] | undefined {
   if (!Array.isArray(value)) return undefined;
-  const skills = value
-    .filter((item): item is string => typeof item === "string")
-    .map((item) => item.trim())
-    .filter(Boolean);
+  const skills: Skill[] = value
+    .map((item: unknown) => {
+      if (typeof item === "string") return { file: item.trim(), condition: "" };
+      if (item && typeof item === "object" && "file" in item) {
+        const obj = item as Record<string, unknown>;
+        return { file: String(obj.file ?? "").trim(), condition: String(obj.condition ?? "").trim() };
+      }
+      return null;
+    })
+    .filter((s): s is Skill => s !== null && s.file.length > 0);
   return skills.length > 0 ? skills : undefined;
 }
 

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/api/system/db-status/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from "next/server";
-import Database from "@/lib/sqlite";
+import Database from "better-sqlite3";
 import fs from "fs";
 import os from "os";
 
@@ -23,34 +23,26 @@ const SYNC_MAP: Record<number, string> = {
 };
 
 function detectFilesystemType(dbPath: string): { fsType: string; status: StatusLevel } {
-  const platform = os.platform();
-  if (platform !== "linux") {
-    return { fsType: `local (${platform})`, status: "pass" };
+  if (os.platform() !== "linux") {
+    return { fsType: `local (${os.platform()})`, status: "pass" };
   }
-  // Linux: check /proc/mounts for network filesystems
-  let mounts: string;
   try {
-    mounts = fs.readFileSync("/proc/mounts", "utf-8");
+    const mounts = fs.readFileSync("/proc/mounts", "utf-8");
+    const resolvedPath = fs.realpathSync(dbPath);
+    const networkFsTypes = ["nfs", "nfs4", "cifs", "smb", "efs", "fuse.sshfs"];
+    for (const line of mounts.split("\n")) {
+      const parts = line.split(" ");
+      if (parts.length < 3) continue;
+      const mountPoint = parts[1];
+      const fsType = parts[2];
+      if (resolvedPath.startsWith(mountPoint) && networkFsTypes.includes(fsType)) {
+        return { fsType: `${fsType} (network)`, status: "fail" };
+      }
+    }
+    return { fsType: "local", status: "pass" };
   } catch {
     return { fsType: "unknown", status: "warn" };
   }
-  let resolvedPath: string;
-  try {
-    resolvedPath = fs.realpathSync(dbPath);
-  } catch {
-    resolvedPath = dbPath;
-  }
-  const networkFsTypes = ["nfs", "nfs4", "cifs", "smb", "efs", "fuse.sshfs"];
-  for (const line of mounts.split("\n")) {
-    const parts = line.split(" ");
-    if (parts.length < 3) continue;
-    const mountPoint = parts[1];
-    const fsType = parts[2];
-    if (resolvedPath.startsWith(mountPoint) && networkFsTypes.includes(fsType)) {
-      return { fsType: `${fsType} (network)`, status: "fail" };
-    }
-  }
-  return { fsType: "local", status: "pass" };
 }
 
 function getBackupStatus(dbPath: string): { lastBackup: string | null; walSizeBytes: number | null } {

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

@@ -4,7 +4,8 @@ import { useProjects } from "@/hooks/useProjects";
 import { usePathname, useRouter } from "next/navigation";
 import Link from "next/link";
 import { Suspense, use, useMemo, useState } from "react";
-import { PanelLeftClose, MessageCircle, Minus, Plus } from "lucide-react";
+import { PanelLeftClose, Hash, Minus, Plus } from "lucide-react";
+import { useThreadState } from "@/hooks/useThreadState";
 import ProjectModal, { useProjectFormState, createProjectPayload } from "@/components/ProjectModal";
 import "@/styles/threadSidebar.css";
 
@@ -16,6 +17,8 @@ function ProjectLayoutContent({
     params: { slug: string };
 }) {
     const { projects, isLoading, createProject } = useProjects();
+    const { threads } = useThreadState();
+    const sortedWorkspaces = [...threads].sort((a, b) => (a.title ?? "").localeCompare(b.title ?? ""));
     const router = useRouter();
     const pathname = usePathname();
     const currentPath = pathname || "";
@@ -89,10 +92,24 @@ function ProjectLayoutContent({
     const sidebarContent = (
         <>
             <div className="thread-sidebar__brand">
-                <div className="thread-sidebar__brand-icon" aria-hidden="true">
-                    A
+                <div className="flex items-center justify-center mr-2" aria-hidden="true">
+                    <svg
+                        width="64"
+                        height="38"
+                        viewBox="0 0 64 38"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <rect width="64" height="38" rx="8" fill="black" />
+                        <g stroke="white" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                            <path d="M 14 27 C 17 16 19 10 20 8 C 21 12 23 20 25 27" />
+                            <path d="M 16 20 C 19 19 21 21 23 20" />
+                            <path d="M 40 13 C 35 10 30 13 30 19 C 30 25 34 28 38 27 C 40 26 40 22 40 20 L 36 20" />
+                            <path d="M 46 11 C 48 16 51 22 54 27" />
+                            <path d="M 54 11 C 52 16 49 22 46 27" />
+                        </g>
+                    </svg>
                 </div>
-                <h1 className="thread-sidebar__brand-title">AGX</h1>
                 <button
                     type="button"
                     onClick={() => setSidebarVisible(false)}
@@ -105,14 +122,30 @@ function ProjectLayoutContent({
             </div>
             <div className="thread-sidebar__content">
                 <nav className="thread-sidebar__section">
-                    <Link
-                        href="/"
-                        className="thread-sidebar__nav-item"
-                        onClick={() => setSidebarOpen(false)}
-                    >
-                        <MessageCircle size={18} />
-                        <span className="thread-sidebar__workspace-title">Group Chat</span>
-                    </Link>
+                    <div className="thread-sidebar__section-header">
+                        <Link
+                            href="/"
+                            className="thread-sidebar__section-label hover:text-slate-700 transition-colors cursor-pointer"
+                            onClick={() => setSidebarOpen(false)}
+                        >
+                            Workspace
+                        </Link>
+                    </div>
+                    {sortedWorkspaces.map((workspace) => {
+                        const title = workspace.title?.trim() || "Untitled workspace";
+                        return (
+                            <div key={workspace.id} className="thread-sidebar__workspace-item group">
+                                <Link
+                                    href="/"
+                                    onClick={() => setSidebarOpen(false)}
+                                    className="thread-sidebar__nav-item thread-sidebar__workspace-nav-item"
+                                >
+                                    <Hash size={18} />
+                                    <span className="thread-sidebar__workspace-title">{title}</span>
+                                </Link>
+                            </div>
+                        );
+                    })}
                 </nav>
                 <nav className="thread-sidebar__section mt-4">
                     <div className="thread-sidebar__section-header">
@@ -154,11 +187,28 @@ function ProjectLayoutContent({
                     </div>
                 </nav>
             </div>
+            {/* Discord CTA */}
+            <div className="mt-auto p-3">
+                <a
+                    href="https://discord.gg/y77e9Euz"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center justify-center gap-2 w-full px-3 py-2 rounded-lg text-white text-sm font-medium transition-colors"
+                    style={{ backgroundColor: '#5865F2' }}
+                    onMouseEnter={(e) => (e.currentTarget.style.backgroundColor = '#4752C4')}
+                    onMouseLeave={(e) => (e.currentTarget.style.backgroundColor = '#5865F2')}
+                >
+                    <svg width="16" height="16" viewBox="0 0 71 55" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M60.1 4.9A58.5 58.5 0 0045.4.2a.2.2 0 00-.2.1 40.8 40.8 0 00-1.8 3.7 54 54 0 00-16.2 0A37.4 37.4 0 0025.4.3a.2.2 0 00-.2-.1A58.4 58.4 0 0010.5 4.9a.2.2 0 00-.1.1C1.5 18.7-.9 32.2.3 45.5v.1a58.8 58.8 0 0017.7 9a.2.2 0 00.3-.1 42 42 0 003.6-5.9.2.2 0 00-.1-.3 38.8 38.8 0 01-5.5-2.6.2.2 0 01 0-.4l1.1-.9a.2.2 0 01.2 0 42 42 0 0035.6 0 .2.2 0 01.2 0l1.1.9a.2.2 0 010 .4 36.4 36.4 0 01-5.5 2.6.2.2 0 00-.1.3 47.2 47.2 0 003.6 5.9.2.2 0 00.3.1 58.6 58.6 0 0017.7-9v-.1c1.4-15.2-2.4-28.4-10-40.1a.2.2 0 00-.1-.1zM23.7 37.3c-3.5 0-6.3-3.2-6.3-7s2.8-7 6.3-7 6.4 3.2 6.3 7-2.8 7-6.3 7zm23.3 0c-3.5 0-6.3-3.2-6.3-7s2.8-7 6.3-7 6.4 3.2 6.3 7-2.8 7-6.3 7z"/>
+                    </svg>
+                    Join Discord
+                </a>
+            </div>
         </>
     );
 
     return (
-        <div className="flex h-full bg-[var(--background)]">
+        <div className="flex h-full min-h-0 overflow-hidden bg-[var(--background)]">
             {/* Mobile Header Bar */}
             <div className="fixed top-0 left-0 right-0 z-40 h-12 bg-white border-b border-slate-200 flex items-center px-3 gap-3 md:hidden">
                 <button
@@ -170,9 +220,22 @@ function ProjectLayoutContent({
                         <line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="18" x2="21" y2="18" />
                     </svg>
                 </button>
-                <div className="w-6 h-6 bg-indigo-600 rounded-md flex items-center justify-center text-white">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="none">
-                        <path d="M13 10V3L4 14h7v7l9-11h-7z" />
+                <div className="flex items-center justify-center" aria-hidden="true">
+                    <svg
+                        width="40"
+                        height="24"
+                        viewBox="0 0 64 38"
+                        fill="none"
+                        xmlns="http://www.w3.org/2000/svg"
+                    >
+                        <rect width="64" height="38" rx="8" fill="black" />
+                        <g stroke="white" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                            <path d="M 14 27 C 17 16 19 10 20 8 C 21 12 23 20 25 27" />
+                            <path d="M 16 20 C 19 19 21 21 23 20" />
+                            <path d="M 40 13 C 35 10 30 13 30 19 C 30 25 34 28 38 27 C 40 26 40 22 40 20 L 36 20" />
+                            <path d="M 46 11 C 48 16 51 22 54 27" />
+                            <path d="M 54 11 C 52 16 49 22 46 27" />
+                        </g>
                     </svg>
                 </div>
                 <span className="font-bold text-sm tracking-tight italic text-slate-900">{project?.name || "AGX"}</span>
@@ -202,18 +265,49 @@ function ProjectLayoutContent({
                         <button
                             type="button"
                             onClick={() => setSidebarVisible(true)}
-                            className="thread-sidebar__brand-icon"
+                            className="p-0 bg-transparent hover:bg-transparent border-none outline-none transition-transform hover:scale-105"
                             aria-label="Show sidebar"
                             title="Show sidebar"
                         >
-                            A
+                            <svg
+                                width="64"
+                                height="38"
+                                viewBox="0 0 64 38"
+                                fill="none"
+                                xmlns="http://www.w3.org/2000/svg"
+                            >
+                                <rect width="64" height="38" rx="8" fill="black" />
+                                <g stroke="white" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                                    <path d="M 14 27 C 17 16 19 10 20 8 C 21 12 23 20 25 27" />
+                                    <path d="M 16 20 C 19 19 21 21 23 20" />
+                                    <path d="M 40 13 C 35 10 30 13 30 19 C 30 25 34 28 38 27 C 40 26 40 22 40 20 L 36 20" />
+                                    <path d="M 46 11 C 48 16 51 22 54 27" />
+                                    <path d="M 54 11 C 52 16 49 22 46 27" />
+                                </g>
+                            </svg>
                         </button>
                     </div>
+                    <div className="mt-auto p-3 flex justify-center">
+                        <a
+                            href="https://discord.gg/y77e9Euz"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="flex items-center justify-center w-8 h-8 rounded-lg text-white transition-colors"
+                            style={{ backgroundColor: '#5865F2' }}
+                            onMouseEnter={(e) => (e.currentTarget.style.backgroundColor = '#4752C4')}
+                            onMouseLeave={(e) => (e.currentTarget.style.backgroundColor = '#5865F2')}
+                            title="Join Discord"
+                        >
+                            <svg width="16" height="16" viewBox="0 0 71 55" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M60.1 4.9A58.5 58.5 0 0045.4.2a.2.2 0 00-.2.1 40.8 40.8 0 00-1.8 3.7 54 54 0 00-16.2 0A37.4 37.4 0 0025.4.3a.2.2 0 00-.2-.1A58.4 58.4 0 0010.5 4.9a.2.2 0 00-.1.1C1.5 18.7-.9 32.2.3 45.5v.1a58.8 58.8 0 0017.7 9a.2.2 0 00.3-.1 42 42 0 003.6-5.9.2.2 0 00-.1-.3 38.8 38.8 0 01-5.5-2.6.2.2 0 01 0-.4l1.1-.9a.2.2 0 01.2 0 42 42 0 0035.6 0 .2.2 0 01.2 0l1.1.9a.2.2 0 010 .4 36.4 36.4 0 01-5.5 2.6.2.2 0 00-.1.3 47.2 47.2 0 003.6 5.9.2.2 0 00.3.1 58.6 58.6 0 0017.7-9v-.1c1.4-15.2-2.4-28.4-10-40.1a.2.2 0 00-.1-.1zM23.7 37.3c-3.5 0-6.3-3.2-6.3-7s2.8-7 6.3-7 6.4 3.2 6.3 7-2.8 7-6.3 7zm23.3 0c-3.5 0-6.3-3.2-6.3-7s2.8-7 6.3-7 6.4 3.2 6.3 7-2.8 7-6.3 7z"/>
+                            </svg>
+                        </a>
+                    </div>
                 </aside>
             )}
 
             {/* Main Content */}
-            <div className="flex-1 flex flex-col min-w-0 h-full pt-12 md:pt-0">
+            <div className="flex-1 min-h-0 flex flex-col min-w-0 h-full pt-12 md:pt-0 overflow-hidden">
                 {children}
             </div>
 

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

@@ -236,7 +236,8 @@ export default function ProjectBoardPage({ params }: { params: Promise<{ slug: s
             </div>
 
             {/* Kanban Board - fill remaining height */}
-            <div className="flex-1 min-h-0 overflow-hidden">
+            <div className="flex-1 min-h-0 relative">
+                <div className="absolute inset-0 overflow-hidden">
                 <KanbanBoard
                     tasks={filteredTasks}
                     onSelectTask={handleSelectTask}
@@ -248,6 +249,7 @@ export default function ProjectBoardPage({ params }: { params: Promise<{ slug: s
                     isValidTransition={projectHasV2Graphs ? undefined : isValidTransition}
                     graphColumnFn={projectHasV2Graphs ? graphColumnFn : undefined}
                 />
+                </div>
             </div>
         </div>
     );

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

@@ -0,0 +1,20 @@
+"use client";
+
+export function DiscordButton() {
+  return (
+    <a
+      href="https://discord.gg/y77e9Euz"
+      target="_blank"
+      rel="noopener noreferrer"
+      className="fixed bottom-4 left-4 z-50 flex items-center gap-2 px-3 py-2 rounded-lg text-white text-sm font-medium transition-colors shadow-lg"
+      style={{ backgroundColor: '#5865F2' }}
+      onMouseEnter={(e) => (e.currentTarget.style.backgroundColor = '#4752C4')}
+      onMouseLeave={(e) => (e.currentTarget.style.backgroundColor = '#5865F2')}
+    >
+      <svg width="16" height="16" viewBox="0 0 71 55" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+        <path d="M60.1 4.9A58.5 58.5 0 0045.4.2a.2.2 0 00-.2.1 40.8 40.8 0 00-1.8 3.7 54 54 0 00-16.2 0A37.4 37.4 0 0025.4.3a.2.2 0 00-.2-.1A58.4 58.4 0 0010.5 4.9a.2.2 0 00-.1.1C1.5 18.7-.9 32.2.3 45.5v.1a58.8 58.8 0 0017.7 9a.2.2 0 00.3-.1 42 42 0 003.6-5.9.2.2 0 00-.1-.3 38.8 38.8 0 01-5.5-2.6.2.2 0 01 0-.4l1.1-.9a.2.2 0 01.2 0 42 42 0 0035.6 0 .2.2 0 01.2 0l1.1.9a.2.2 0 010 .4 36.4 36.4 0 01-5.5 2.6.2.2 0 00-.1.3 47.2 47.2 0 003.6 5.9.2.2 0 00.3.1 58.6 58.6 0 0017.7-9v-.1c1.4-15.2-2.4-28.4-10-40.1a.2.2 0 00-.1-.1zM23.7 37.3c-3.5 0-6.3-3.2-6.3-7s2.8-7 6.3-7 6.4 3.2 6.3 7-2.8 7-6.3 7zm23.3 0c-3.5 0-6.3-3.2-6.3-7s2.8-7 6.3-7 6.4 3.2 6.3 7-2.8 7-6.3 7z"/>
+      </svg>
+      Join Discord
+    </a>
+  );
+}

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

@@ -396,12 +396,12 @@ export default function KanbanBoard({
       onDragEnd={handleDragEnd}
     >
       <div
-        className="flex-1 overflow-auto relative scroll-smooth bg-[var(--background)] scrollbar-thin"
+        className="h-full overflow-hidden relative bg-[var(--background)]"
         ref={scrollContainerRef}
         onScroll={calculateConnections}
         onClick={() => setSelectedTaskId(null)}
       >
-        <div className="relative min-w-full flex flex-col" ref={boardRef} style={{ minHeight: '100%' }}>
+        <div className="relative min-w-full h-full flex flex-col" ref={boardRef}>
           {/* SVG Connections Overlay - hidden on mobile */}
           <svg className="absolute inset-0 w-full h-full pointer-events-none z-10 hidden xl:block" style={{ overflow: 'visible' }}>
             <style>
@@ -436,7 +436,7 @@ export default function KanbanBoard({
           </svg>
 
           {/* Columns */}
-          <div className="flex flex-col xl:flex-row gap-4 xl:gap-6 pb-4 px-3 xl:px-6 flex-1 items-stretch justify-center pt-2">
+          <div className="flex flex-col xl:flex-row gap-4 xl:gap-6 pb-4 px-3 xl:px-6 flex-1 min-h-0 items-stretch justify-center pt-2">
             {stages.map((stage, index) => (
               <StageColumn
                 key={stage}
@@ -502,7 +502,7 @@ function StageColumn({
       id={stage}
       data-testid={stage}
       className={`
-        w-full xl:flex-shrink-0 xl:w-80 flex flex-col xl:min-h-[70vh]
+        w-full xl:flex-shrink-0 xl:w-80 flex flex-col min-h-0
         bg-slate-100/40 rounded-2xl border border-slate-200/50 shadow-inner overflow-hidden
         transition-all duration-200
         ${isOver ? 'ring-2 ring-[var(--primary)] ring-opacity-30 bg-[var(--primary-muted)]/10' : ''}

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

@@ -25,14 +25,23 @@ function LayoutContent({
                 href="/"
                 className="flex items-center gap-3 group"
               >
-                <div className="w-8 h-8 rounded-lg bg-[var(--primary)]
-                  flex items-center justify-center text-white font-bold text-sm
-                  transition-colors">
-                  A
-                </div>
-                <span className="text-lg font-bold tracking-tight text-[var(--foreground)] hidden sm:block">
-                  AGX Board
-                </span>
+                <svg
+                  width="52"
+                  height="31"
+                  viewBox="0 0 64 38"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                  className="transition-transform group-hover:scale-105"
+                >
+                  <rect width="64" height="38" rx="8" fill="black" />
+                  <g stroke="white" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                    <path d="M 14 27 C 17 16 19 10 20 8 C 21 12 23 20 25 27" />
+                    <path d="M 16 20 C 19 19 21 21 23 20" />
+                    <path d="M 40 13 C 35 10 30 13 30 19 C 30 25 34 28 38 27 C 40 26 40 22 40 20 L 36 20" />
+                    <path d="M 46 11 C 48 16 51 22 54 27" />
+                    <path d="M 54 11 C 52 16 49 22 46 27" />
+                  </g>
+                </svg>
               </Link>
             </div>
 

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

@@ -1101,6 +1101,8 @@ export function ChatContainer() {
           </button>
         </div>
 
+
+
         {openThreadId && (
           <header className="border-b border-slate-200 px-6 py-4 flex items-center h-16 pr-14">
             <div className="flex items-center gap-3 min-w-0">

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

@@ -6,6 +6,7 @@ import { agentAvatarUrl } from "./ParticipantBar";
 import { MessageReactionsBar } from "./MessageReactionsBar";
 import { MessageAttachments } from "./MessageAttachments";
 import { MessageSquare, User, FileText, Loader2 } from "lucide-react";
+import { stripMarkers } from "@/lib/chat-utils";
 
 interface Props {
   message: GroupMessage;
@@ -35,6 +36,10 @@ export function MessageBubble({
   hideUserAvatarAndName = false,
 }: Props) {
   const isUser = message.role === "user";
+  const cleanContent = stripMarkers(message.content);
+
+  // Hide messages that only contained agx markers
+  if (!cleanContent && !message.attachments?.length) return null;
 
   const formatTimestamp = (ts: number) => {
     return new Intl.DateTimeFormat("en-US", {
@@ -82,7 +87,7 @@ export function MessageBubble({
             }
           }}
         >
-          <Markdown content={message.content} isUser={isUser} />
+          <Markdown content={cleanContent} isUser={isUser} />
           {message.attachments && message.attachments.length > 0 && (
             <MessageAttachments attachments={message.attachments} />
           )}

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

@@ -12,6 +12,7 @@ import { TaskDraftCard } from "./TaskDraftCard";
 import { TaskStatusCard } from "./TaskStatusCard";
 import { MessageSquare, Copy, Loader2, Trash2, User, Clock, Zap, ListTodo, CheckCircle2, Circle, Link } from "lucide-react";
 import { agentAvatarUrl } from "./ParticipantBar";
+import { stripMarkers } from "@/lib/chat-utils";
 
 const INLINE_PREVIEW_COUNT = 2;
 
@@ -229,7 +230,7 @@ export function MessageList({
                           onClick={() => onOpenThread?.(msg.id)}
                         >
                           <h3 className="text-lg font-bold text-slate-900 leading-tight group-hover/msg-title:text-indigo-600 transition-colors line-clamp-1">
-                            {msg.content.split('\n')[0].replace(/\[reaction\s+[^\]]*\]/gi, "").trim()}
+                            {stripMarkers(msg.content.split('\n')[0])}
                           </h3>
                           <div className="mt-1">
                             <span className="text-[11px] font-medium text-slate-400">
@@ -238,7 +239,7 @@ export function MessageList({
                           </div>
                           {(msg.content.length > 80 || msg.content.includes('\n')) && (
                             <div className="mt-2 text-[15px] text-slate-600 leading-relaxed">
-                              <Markdown content={msg.content} isUser={msg.role === 'user'} />
+                              <Markdown content={stripMarkers(msg.content)} isUser={msg.role === 'user'} />
                             </div>
                           )}
                         </div>