@mndrk/agx 2.0.0 → 2.0.2

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

@@ -1,46 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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/w/[workspaceId]/[threadId]/page.tsx

@@ -1,4 +0,0 @@
-// 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

@@ -1,7 +0,0 @@
-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

@@ -1,4 +0,0 @@
-// 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

@@ -1,117 +0,0 @@
-"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/Notifications/NotificationBell.tsx

@@ -1,62 +0,0 @@
-"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

@@ -1,96 +0,0 @@
-"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>
-  );
-}

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

@@ -1,127 +0,0 @@
-"use client";
-
-import { useEffect, useRef } from "react";
-import { BellOff, Loader2 } from "lucide-react";
-import type { Notification } from "@/hooks/useNotifications";
-import { NotificationItem } from "./NotificationItem";
-
-interface NotificationsPanelProps {
-  notifications: Notification[];
-  loading: boolean;
-  error: string | null;
-  hasMore: boolean;
-  onMarkRead: (id: string) => void;
-  onLoadMore: () => void;
-  onClose: () => void;
-}
-
-export function NotificationsPanel({
-  notifications,
-  loading,
-  error,
-  hasMore,
-  onMarkRead,
-  onLoadMore,
-  onClose,
-}: NotificationsPanelProps) {
-  const panelRef = useRef<HTMLDivElement>(null);
-
-  // Close on outside click
-  useEffect(() => {
-    const handler = (e: MouseEvent) => {
-      if (panelRef.current && !panelRef.current.contains(e.target as Node)) {
-        onClose();
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [onClose]);
-
-  // Close on Escape
-  useEffect(() => {
-    const handler = (e: KeyboardEvent) => {
-      if (e.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [onClose]);
-
-  // Focus first item on open
-  useEffect(() => {
-    const firstItem = panelRef.current?.querySelector<HTMLElement>("[role=listitem]");
-    firstItem?.focus();
-  }, []);
-
-  return (
-    <div
-      ref={panelRef}
-      role="dialog"
-      aria-label="Notifications"
-      aria-modal="false"
-      className={[
-        "absolute right-0 top-full mt-2 w-80 sm:w-96",
-        "bg-[var(--card-bg)] border border-[var(--card-border)] rounded-xl shadow-lg z-50",
-        "flex flex-col overflow-hidden",
-        "max-h-[480px]",
-      ].join(" ")}
-    >
-      {/* Header */}
-      <div className="flex items-center justify-between px-4 py-3 border-b border-[var(--card-border)]">
-        <h2 className="text-sm font-semibold text-[var(--foreground)]">Notifications</h2>
-      </div>
-
-      {/* Body */}
-      <div className="flex-1 overflow-y-auto">
-        {loading && notifications.length === 0 ? (
-          // Loading skeleton
-          <div className="p-4 space-y-3" aria-label="Loading notifications">
-            {[1, 2, 3].map((i) => (
-              <div key={i} className="flex gap-3 animate-pulse">
-                <div className="w-4 h-4 rounded-full bg-[var(--muted)] mt-0.5 flex-shrink-0" />
-                <div className="flex-1 space-y-1.5">
-                  <div className="h-3 bg-[var(--muted)] rounded w-3/4" />
-                  <div className="h-3 bg-[var(--muted)] rounded w-1/2" />
-                </div>
-              </div>
-            ))}
-          </div>
-        ) : error ? (
-          <div className="flex flex-col items-center justify-center py-10 text-center px-4">
-            <p className="text-sm text-[var(--destructive)]">{error}</p>
-          </div>
-        ) : notifications.length === 0 ? (
-          // Empty state
-          <div
-            className="flex flex-col items-center justify-center py-12 text-center px-4"
-            aria-label="No notifications"
-          >
-            <BellOff className="w-8 h-8 text-[var(--muted-foreground)] mb-3" aria-hidden="true" />
-            <p className="text-sm font-medium text-[var(--foreground)]">All caught up</p>
-            <p className="text-xs text-[var(--muted-foreground)] mt-1">No notifications yet.</p>
-          </div>
-        ) : (
-          <ul role="list" aria-label="Notification list" className="divide-y divide-[var(--card-border)]">
-            {notifications.map((n) => (
-              <NotificationItem key={n.id} notification={n} onMarkRead={onMarkRead} />
-            ))}
-          </ul>
-        )}
-
-        {/* Load more */}
-        {hasMore && !loading && (
-          <button
-            onClick={onLoadMore}
-            className="w-full py-2 text-xs text-[var(--primary)] hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
-          >
-            Load more
-          </button>
-        )}
-        {loading && notifications.length > 0 && (
-          <div className="flex justify-center py-3">
-            <Loader2 className="w-4 h-4 animate-spin text-[var(--muted-foreground)]" />
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

package/cloud-runtime/standalone/Projects/Agents/agx-cloud/components/Notifications/index.ts

@@ -1,3 +0,0 @@
-export { NotificationBell } from "./NotificationBell";
-export { NotificationsPanel } from "./NotificationsPanel";
-export { NotificationItem } from "./NotificationItem";

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

@@ -1,67 +0,0 @@
-"use client";
-
-import { useEffect, useRef, useState } from "react";
-import Link from "next/link";
-import { workspaceService } from "@/services/threadService";
-import type { Workspace } from "@/lib/storage";
-import { ChevronDown, Hash } from "lucide-react";
-
-export function WorkspaceNav() {
-  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);
-  const [open, setOpen] = useState(false);
-  const ref = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    void workspaceService.listWorkspaces().then((w) =>
-      setWorkspaces([...w].sort((a, b) => (a.title || "").localeCompare(b.title || "")))
-    );
-  }, []);
-
-  useEffect(() => {
-    if (!open) return;
-    const onClick = (e: MouseEvent) => {
-      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);
-    };
-    document.addEventListener("mousedown", onClick);
-    return () => document.removeEventListener("mousedown", onClick);
-  }, [open]);
-
-  if (workspaces.length === 0) {
-    return (
-      <Link
-        href="/"
-        className="text-sm font-medium text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
-      >
-        Workspaces
-      </Link>
-    );
-  }
-
-  return (
-    <div ref={ref} className="relative">
-      <button
-        type="button"
-        onClick={() => setOpen(!open)}
-        className="inline-flex items-center gap-1 text-sm font-medium text-[var(--muted-foreground)] hover:text-[var(--foreground)] transition-colors"
-      >
-        Workspaces
-        <ChevronDown size={14} className={`transition-transform ${open ? "rotate-180" : ""}`} />
-      </button>
-      {open && (
-        <div className="absolute right-0 top-full mt-2 w-56 rounded-xl border border-[var(--card-border)] bg-[var(--card-bg)] shadow-xl z-50 py-1 animate-in fade-in slide-in-from-top-1 duration-150">
-          {workspaces.map((w) => (
-            <Link
-              key={w.id}
-              href={`/w/${w.id}`}
-              onClick={() => setOpen(false)}
-              className="flex items-center gap-2 px-3 py-2 text-sm text-[var(--foreground)] hover:bg-[var(--muted)]/50 transition-colors"
-            >
-              <Hash size={14} className="text-[var(--muted-foreground)] shrink-0" />
-              <span className="truncate">{w.title?.trim() || "Untitled workspace"}</span>
-            </Link>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}

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

@@ -1,85 +0,0 @@
-"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>
-  );
-}