@mndrk/agx 2.0.0-next.8 → 2.0.0

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/api/notification-outbox/[id]/route.ts

@@ -0,0 +1,42 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getSQLiteDb } from "@/lib/sqlite-query-adapter";
+import { LOCAL_USER } from "@/lib/auth-mode";
+
+// DELETE /api/notification-outbox/:id
+// Removes an outbox entry after delivery has been confirmed.
+// Verifies that the associated notification belongs to the current user.
+export async function DELETE(
+  _request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const userId = LOCAL_USER.id;
+    const { id } = await params;
+
+    if (!id) {
+      return NextResponse.json({ error: "Outbox entry ID is required" }, { status: 400 });
+    }
+
+    const db = getSQLiteDb();
+
+    // Verify ownership via join to notifications
+    const existing = db
+      .prepare(
+        `SELECT o.id FROM notification_outbox o
+         JOIN notifications n ON n.id = o.notification_id
+         WHERE o.id = ? AND n.user_id = ?`
+      )
+      .get(id, userId);
+
+    if (!existing) {
+      return NextResponse.json({ error: "Outbox entry not found" }, { status: 404 });
+    }
+
+    db.prepare(`DELETE FROM notification_outbox WHERE id = ?`).run(id);
+
+    return NextResponse.json({ success: true }, { status: 200 });
+  } catch (error) {
+    console.error("[notifications] DELETE /api/notification-outbox/:id error:", error);
+    return NextResponse.json({ error: "Failed to delete outbox entry" }, { status: 500 });
+  }
+}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/api/notifications/[id]/read/route.ts

@@ -0,0 +1,43 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getSQLiteDb } from "@/lib/sqlite-query-adapter";
+import { LOCAL_USER } from "@/lib/auth-mode";
+
+// PATCH /api/notifications/:id/read
+// Marks a notification as read by setting read_at to the current timestamp.
+export async function PATCH(
+  _request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const userId = LOCAL_USER.id;
+    const { id } = await params;
+
+    if (!id) {
+      return NextResponse.json({ error: "Notification ID is required" }, { status: 400 });
+    }
+
+    const db = getSQLiteDb();
+
+    const existing = db
+      .prepare(`SELECT id FROM notifications WHERE id = ? AND user_id = ?`)
+      .get(id, userId);
+
+    if (!existing) {
+      return NextResponse.json({ error: "Notification not found" }, { status: 404 });
+    }
+
+    const now = new Date().toISOString();
+    db.prepare(
+      `UPDATE notifications SET read_at = ? WHERE id = ? AND user_id = ?`
+    ).run(now, id, userId);
+
+    const updated = db
+      .prepare(`SELECT * FROM notifications WHERE id = ?`)
+      .get(id) as any;
+
+    return NextResponse.json({ notification: updated });
+  } catch (error) {
+    console.error("[notifications] PATCH /api/notifications/:id/read error:", error);
+    return NextResponse.json({ error: "Failed to mark notification as read" }, { status: 500 });
+  }
+}

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

@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getSQLiteDb } from "@/lib/sqlite-query-adapter";
+import { LOCAL_USER } from "@/lib/auth-mode";
+
+// GET /api/notifications?cursor=<created_at_iso>&limit=<n>
+// Returns paginated notifications for the current user, unread first.
+export async function GET(request: NextRequest) {
+  try {
+    const userId = LOCAL_USER.id;
+    const { searchParams } = new URL(request.url);
+    const cursor = searchParams.get("cursor") || null;
+    const limitParam = searchParams.get("limit");
+    const limit = Math.min(Math.max(parseInt(limitParam ?? "20", 10) || 20, 1), 100);
+
+    const db = getSQLiteDb();
+    let rows: any[];
+
+    if (cursor) {
+      rows = db
+        .prepare(
+          `SELECT * FROM notifications
+           WHERE user_id = ?
+             AND created_at < ?
+           ORDER BY (read_at IS NULL) DESC, created_at DESC
+           LIMIT ?`
+        )
+        .all(userId, cursor, limit);
+    } else {
+      rows = db
+        .prepare(
+          `SELECT * FROM notifications
+           WHERE user_id = ?
+           ORDER BY (read_at IS NULL) DESC, created_at DESC
+           LIMIT ?`
+        )
+        .all(userId, limit);
+    }
+
+    const nextCursor = rows.length === limit ? rows[rows.length - 1].created_at : null;
+
+    return NextResponse.json({ notifications: rows, next_cursor: nextCursor });
+  } catch (error) {
+    console.error("[notifications] GET /api/notifications error:", error);
+    return NextResponse.json({ error: "Failed to fetch notifications" }, { status: 500 });
+  }
+}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/api/notifications/unread-count/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+import { getSQLiteDb } from "@/lib/sqlite-query-adapter";
+import { LOCAL_USER } from "@/lib/auth-mode";
+
+// GET /api/notifications/unread-count
+// Returns the count of unread notifications for the current user.
+export async function GET(_request: NextRequest) {
+  try {
+    const userId = LOCAL_USER.id;
+    const db = getSQLiteDb();
+
+    const row = db
+      .prepare(
+        `SELECT COUNT(*) as count FROM notifications
+         WHERE user_id = ? AND read_at IS NULL`
+      )
+      .get(userId) as { count: number };
+
+    return NextResponse.json({ count: row?.count ?? 0 });
+  } catch (error) {
+    console.error("[notifications] GET /api/notifications/unread-count error:", error);
+    return NextResponse.json({ error: "Failed to fetch unread count" }, { status: 500 });
+  }
+}

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,19 @@ 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) => {
+      // Support legacy string format
+      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

@@ -23,26 +23,34 @@ const SYNC_MAP: Record<number, string> = {
 };
 
 function detectFilesystemType(dbPath: string): { fsType: string; status: StatusLevel } {
-  if (os.platform() !== "linux") {
-    return { fsType: `local (${os.platform()})`, status: "pass" };
+  const platform = os.platform();
+  if (platform !== "linux") {
+    return { fsType: `local (${platform})`, status: "pass" };
   }
+  // Linux: check /proc/mounts for network filesystems
+  let mounts: string;
   try {
-    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" };
+    mounts = fs.readFileSync("/proc/mounts", "utf-8");
   } 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

@@ -3,8 +3,10 @@
 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 { Suspense, use, useEffect, useMemo, useState } from "react";
+import { PanelLeftClose, Hash, Minus, Plus } from "lucide-react";
+import { workspaceService } from "@/services/threadService";
+import type { Workspace } from "@/lib/storage";
 import ProjectModal, { useProjectFormState, createProjectPayload } from "@/components/ProjectModal";
 import "@/styles/threadSidebar.css";
 
@@ -22,8 +24,15 @@ function ProjectLayoutContent({
     const [sidebarOpen, setSidebarOpen] = useState(false);
     const [sidebarVisible, setSidebarVisible] = useState(true);
     const [showNewProject, setShowNewProject] = useState(false);
+    const [workspaces, setWorkspaces] = useState<Workspace[]>([]);
     const modalFormState = useProjectFormState();
 
+    useEffect(() => {
+        void workspaceService.listWorkspaces().then((w) =>
+            setWorkspaces([...w].sort((a, b) => (a.title || "").localeCompare(b.title || "")))
+        );
+    }, []);
+
     const handleOpenNewProject = () => {
         modalFormState.resetForm();
         setShowNewProject(true);
@@ -105,14 +114,23 @@ 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">
+                        <span className="thread-sidebar__section-label">Workspaces</span>
+                    </div>
+                    <div className="thread-sidebar__workspace-list">
+                        {workspaces.map((w) => (
+                            <div key={w.id} className="thread-sidebar__workspace-item group">
+                                <Link
+                                    href={`/w/${w.id}`}
+                                    onClick={() => setSidebarOpen(false)}
+                                    className="thread-sidebar__nav-item thread-sidebar__workspace-nav-item flex items-center gap-3"
+                                >
+                                    <Hash size={16} className="flex-shrink-0 text-slate-400" />
+                                    <span className="thread-sidebar__workspace-title">{w.title?.trim() || "Untitled workspace"}</span>
+                                </Link>
+                            </div>
+                        ))}
+                    </div>
                 </nav>
                 <nav className="thread-sidebar__section mt-4">
                     <div className="thread-sidebar__section-header">

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/w/[workspaceId]/[threadId]/page.tsx

@@ -0,0 +1,4 @@
+// Thread view — ChatContainer is rendered by the layout and reads params via useParams()
+export default function ThreadPage() {
+  return null;
+}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/w/[workspaceId]/layout.tsx

@@ -0,0 +1,7 @@
+import { ChatContainer } from "@/components/chat-ui/ChatContainer";
+
+export default function WorkspaceLayout({ children }: { children: React.ReactNode }) {
+  // ChatContainer reads workspaceId and threadId from useParams() directly,
+  // so it persists across /w/<id> <-> /w/<id>/<threadId> navigation without remounting.
+  return <ChatContainer />;
+}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/w/[workspaceId]/page.tsx

@@ -0,0 +1,4 @@
+// Workspace view — ChatContainer is rendered by the layout and reads params via useParams()
+export default function WorkspacePage() {
+  return null;
+}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/app/welcome/page.tsx

@@ -0,0 +1,117 @@
+"use client";
+
+import { useEffect, useState, useCallback } from "react";
+import { useRouter } from "next/navigation";
+import { ChatPreview } from "@/components/chat-ui/ChatPreview";
+
+type ReadyState = "checking" | "ready" | "needs-setup" | "error";
+
+export default function WelcomePage() {
+  const router = useRouter();
+  const [readyState, setReadyState] = useState<ReadyState>("checking");
+
+  // Silent daemon auto-start
+  useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        // Check providers
+        const statusRes = await fetch("/api/status");
+        if (cancelled) return;
+        if (!statusRes.ok) {
+          setReadyState("error");
+          return;
+        }
+        const statusData = await statusRes.json();
+        const cliServices = (statusData.services || []).filter(
+          (s: { name: string; status: string }) => s.name.startsWith("cli:")
+        );
+        const hasProvider = cliServices.some(
+          (s: { status: string }) => s.status === "ok"
+        );
+
+        if (!hasProvider) {
+          setReadyState("needs-setup");
+          return;
+        }
+
+        // Auto-start daemon
+        const daemonRes = await fetch("/api/daemon");
+        if (cancelled) return;
+        const daemonData = await daemonRes.json();
+        if (daemonData.running) {
+          setReadyState("ready");
+          return;
+        }
+
+        await fetch("/api/daemon", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ workers: 1 }),
+        });
+        if (!cancelled) setReadyState("ready");
+      } catch {
+        if (!cancelled) setReadyState("error");
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  const handleJoin = useCallback(() => {
+    router.push("/");
+  }, [router]);
+
+  return (
+    <div className="h-screen w-full flex flex-col bg-[#FAFAFA]">
+      {/* Identity line */}
+      <div className="text-center pt-10 pb-2 px-4">
+        <h1 className="text-[15px] font-medium text-slate-400 tracking-wide">
+          Chat with a team of AI agents
+        </h1>
+      </div>
+
+      {/* Chat preview */}
+      <ChatPreview />
+
+      {/* CTA + status */}
+      <div className="pb-10 pt-4 flex flex-col items-center gap-3 px-4">
+        <button
+          type="button"
+          onClick={handleJoin}
+          disabled={readyState === "needs-setup"}
+          className="inline-flex items-center gap-2 px-8 py-3.5 bg-slate-900 text-white text-[15px] font-semibold rounded-xl hover:bg-slate-800 transition-all duration-200 shadow-lg shadow-slate-900/10 hover:-translate-y-0.5 disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:translate-y-0"
+        >
+          Join the conversation
+        </button>
+
+        {/* Status line */}
+        <div className="text-[13px] font-medium">
+          {readyState === "checking" && (
+            <span className="text-slate-400">Checking system...</span>
+          )}
+          {readyState === "ready" && (
+            <span className="text-emerald-600 flex items-center gap-1.5">
+              <span className="w-1.5 h-1.5 rounded-full bg-emerald-500" />
+              Ready
+            </span>
+          )}
+          {readyState === "needs-setup" && (
+            <a
+              href="https://github.com/anthropics/claude-code"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-amber-600 hover:text-amber-700 transition-colors"
+            >
+              ⚠ Setup needed (2 min) →
+            </a>
+          )}
+          {readyState === "error" && (
+            <span className="text-slate-400">Could not check system status</span>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}

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

@@ -3,6 +3,8 @@
 import Link from "next/link";
 import { Suspense } from "react";
 import DbStatus from "./db-status";
+import { WorkspaceNav } from "./WorkspaceNav";
+import { NotificationBell } from "./Notifications";
 
 function LayoutContent({
   children,
@@ -38,12 +40,8 @@ function LayoutContent({
 
             {/* Top-right actions (always visible) */}
             <div className="flex items-center gap-3">
-              <Link
-                href="/"
-                className="text-sm font-medium text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
-              >
-                Open Chat
-              </Link>
+              <WorkspaceNav />
+              <NotificationBell />
               <Link
                 href="/settings"
                 className="text-sm font-medium text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"

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

@@ -0,0 +1,62 @@
+"use client";
+
+import { useState } from "react";
+import { Bell } from "lucide-react";
+import { useNotifications } from "@/hooks/useNotifications";
+import { NotificationsPanel } from "./NotificationsPanel";
+
+export function NotificationBell() {
+  const [open, setOpen] = useState(false);
+  const { notifications, unreadCount, loading, error, hasMore, markAsRead, loadMore, refresh } =
+    useNotifications({ pollInterval: 15000, limit: 20 });
+
+  const togglePanel = () => {
+    if (!open) void refresh();
+    setOpen((v) => !v);
+  };
+
+  return (
+    <div className="relative">
+      <button
+        type="button"
+        aria-label={`Notifications${unreadCount > 0 ? `, ${unreadCount} unread` : ""}`}
+        aria-haspopup="dialog"
+        aria-expanded={open}
+        onClick={togglePanel}
+        className={[
+          "relative p-2 rounded-lg transition-colors outline-none",
+          "hover:bg-[var(--item-hover-bg)]",
+          "focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+          open ? "bg-[var(--item-hover-bg)]" : "",
+        ].join(" ")}
+      >
+        <Bell className="w-5 h-5 text-[var(--muted-foreground)]" aria-hidden="true" />
+        {unreadCount > 0 && (
+          <span
+            aria-hidden="true"
+            className={[
+              "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1",
+              "flex items-center justify-center",
+              "bg-[var(--primary)] text-white text-[10px] font-bold rounded-full",
+              "leading-none",
+            ].join(" ")}
+          >
+            {unreadCount > 99 ? "99+" : unreadCount}
+          </span>
+        )}
+      </button>
+
+      {open && (
+        <NotificationsPanel
+          notifications={notifications}
+          loading={loading}
+          error={error}
+          hasMore={hasMore}
+          onMarkRead={markAsRead}
+          onLoadMore={loadMore}
+          onClose={() => setOpen(false)}
+        />
+      )}
+    </div>
+  );
+}

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

@@ -0,0 +1,96 @@
+"use client";
+
+import { AlertCircle, CheckCircle2, Clock, Info, Zap } from "lucide-react";
+import type { Notification } from "@/hooks/useNotifications";
+
+function formatRelativeTime(iso: string): string {
+  const diff = Date.now() - new Date(iso).getTime();
+  const minutes = Math.floor(diff / 60000);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+
+const TYPE_ICON: Record<string, React.ReactNode> = {
+  task_completed: <CheckCircle2 className="w-4 h-4 text-[var(--success)]" aria-hidden="true" />,
+  task_failed: <AlertCircle className="w-4 h-4 text-[var(--destructive)]" aria-hidden="true" />,
+  task_blocked: <AlertCircle className="w-4 h-4 text-[var(--warning)]" aria-hidden="true" />,
+  task_created: <Zap className="w-4 h-4 text-[var(--primary)]" aria-hidden="true" />,
+  task_stage_complete: <Clock className="w-4 h-4 text-[var(--primary)]" aria-hidden="true" />,
+};
+
+function getIcon(type: string) {
+  return TYPE_ICON[type] ?? <Info className="w-4 h-4 text-[var(--muted-foreground)]" aria-hidden="true" />;
+}
+
+interface NotificationItemProps {
+  notification: Notification;
+  onMarkRead: (id: string) => void;
+}
+
+export function NotificationItem({ notification, onMarkRead }: NotificationItemProps) {
+  const isUnread = notification.read_at === null;
+
+  const handleClick = () => {
+    if (isUnread) onMarkRead(notification.id);
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleClick();
+    }
+  };
+
+  return (
+    <li
+      role="listitem"
+      tabIndex={0}
+      onClick={handleClick}
+      onKeyDown={handleKeyDown}
+      aria-label={`${isUnread ? "Unread: " : ""}${notification.title}`}
+      className={[
+        "flex gap-3 px-4 py-3 cursor-pointer outline-none",
+        "focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-inset",
+        isUnread
+          ? "bg-[var(--primary-muted)] hover:bg-blue-50"
+          : "hover:bg-[var(--item-hover-bg)]",
+        "transition-colors",
+      ].join(" ")}
+    >
+      {/* Type icon */}
+      <div className="flex-shrink-0 mt-0.5">{getIcon(notification.type)}</div>
+
+      {/* Content */}
+      <div className="flex-1 min-w-0">
+        <p
+          className={[
+            "text-sm leading-snug truncate",
+            isUnread ? "font-semibold text-[var(--foreground)]" : "font-normal text-[var(--foreground)]",
+          ].join(" ")}
+        >
+          {notification.title}
+        </p>
+        {notification.body && (
+          <p className="text-xs text-[var(--muted-foreground)] mt-0.5 line-clamp-2">
+            {notification.body}
+          </p>
+        )}
+        <p className="text-xs text-[var(--muted-foreground)] mt-1">
+          {formatRelativeTime(notification.created_at)}
+        </p>
+      </div>
+
+      {/* Unread dot */}
+      {isUnread && (
+        <div
+          className="flex-shrink-0 w-2 h-2 mt-1.5 rounded-full bg-[var(--primary)]"
+          aria-hidden="true"
+        />
+      )}
+    </li>
+  );
+}