@agentforge-ai/cli 0.3.2 → 0.4.1

package/templates/default/convex/schema.ts

@@ -1,19 +1,53 @@
 import { defineSchema, defineTable } from "convex/server";
 import { v } from "convex/values";
 
+/**
+ * AgentForge Database Schema
+ *
+ * This schema defines all the tables needed for your AgentForge project.
+ * Customize it to fit your needs — add new tables, fields, or indexes.
+ *
+ * IMPORTANT: Index names cannot be "by_id" or "by_creation_time" (reserved by Convex).
+ * Use camelCase names like "byAgentId", "byUserId", etc.
+ */
 export default defineSchema({
+  // ─── Agent Definitions ───────────────────────────────────────────────
   agents: defineTable({
     id: v.string(),
     name: v.string(),
+    description: v.optional(v.string()),
     instructions: v.string(),
     model: v.string(),
+    provider: v.string(),
     tools: v.optional(v.any()),
-  }).index("by_id", ["id"]),
+    temperature: v.optional(v.number()),
+    maxTokens: v.optional(v.number()),
+    topP: v.optional(v.number()),
+    isActive: v.boolean(),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+    userId: v.optional(v.string()),
+  })
+    .index("byAgentId", ["id"])
+    .index("byUserId", ["userId"])
+    .index("byIsActive", ["isActive"]),
 
+  // ─── Conversation Threads ────────────────────────────────────────────
   threads: defineTable({
     name: v.optional(v.string()),
-  }),
+    agentId: v.string(),
+    userId: v.optional(v.string()),
+    projectId: v.optional(v.string()),
+    status: v.string(),
+    metadata: v.optional(v.any()),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+  })
+    .index("byAgentId", ["agentId"])
+    .index("byUserId", ["userId"])
+    .index("byStatus", ["status"]),
 
+  // ─── Messages ────────────────────────────────────────────────────────
   messages: defineTable({
     threadId: v.id("threads"),
     role: v.union(
@@ -23,6 +57,216 @@ export default defineSchema({
       v.literal("tool")
     ),
     content: v.string(),
-    tool_calls: v.optional(v.any()),
-  }).index("by_thread", ["threadId"]),
+    toolCalls: v.optional(v.any()),
+    toolResults: v.optional(v.any()),
+    tokenUsage: v.optional(v.any()),
+    model: v.optional(v.string()),
+    provider: v.optional(v.string()),
+    timestamp: v.number(),
+  })
+    .index("byThreadId", ["threadId"])
+    .index("byTimestamp", ["timestamp"]),
+
+  // ─── Sessions ────────────────────────────────────────────────────────
+  sessions: defineTable({
+    name: v.string(),
+    agentId: v.string(),
+    threadId: v.optional(v.id("threads")),
+    status: v.string(),
+    userId: v.optional(v.string()),
+    startedAt: v.number(),
+    lastActivityAt: v.number(),
+    metadata: v.optional(v.any()),
+  })
+    .index("byAgentId", ["agentId"])
+    .index("byUserId", ["userId"])
+    .index("byStatus", ["status"]),
+
+  // ─── Files ───────────────────────────────────────────────────────────
+  files: defineTable({
+    name: v.string(),
+    folderId: v.optional(v.string()),
+    mimeType: v.string(),
+    size: v.number(),
+    storageId: v.optional(v.string()),
+    url: v.optional(v.string()),
+    userId: v.optional(v.string()),
+    projectId: v.optional(v.string()),
+    createdAt: v.number(),
+  })
+    .index("byFolderId", ["folderId"])
+    .index("byUserId", ["userId"])
+    .index("byProjectId", ["projectId"]),
+
+  // ─── Folders ─────────────────────────────────────────────────────────
+  folders: defineTable({
+    name: v.string(),
+    parentId: v.optional(v.string()),
+    userId: v.optional(v.string()),
+    projectId: v.optional(v.string()),
+    createdAt: v.number(),
+  })
+    .index("byParentId", ["parentId"])
+    .index("byUserId", ["userId"]),
+
+  // ─── Projects / Workspaces ───────────────────────────────────────────
+  projects: defineTable({
+    name: v.string(),
+    description: v.optional(v.string()),
+    status: v.string(),
+    userId: v.optional(v.string()),
+    settings: v.optional(v.any()),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+  })
+    .index("byUserId", ["userId"])
+    .index("byStatus", ["status"]),
+
+  // ─── Skills ──────────────────────────────────────────────────────────
+  skills: defineTable({
+    name: v.string(),
+    description: v.optional(v.string()),
+    category: v.string(),
+    version: v.string(),
+    isInstalled: v.boolean(),
+    configuration: v.optional(v.any()),
+    agentId: v.optional(v.string()),
+    userId: v.optional(v.string()),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+  })
+    .index("byAgentId", ["agentId"])
+    .index("byCategory", ["category"])
+    .index("byIsInstalled", ["isInstalled"]),
+
+  // ─── Cron Jobs ───────────────────────────────────────────────────────
+  cronJobs: defineTable({
+    name: v.string(),
+    schedule: v.string(),
+    agentId: v.string(),
+    action: v.string(),
+    isEnabled: v.boolean(),
+    lastRunAt: v.optional(v.number()),
+    nextRunAt: v.optional(v.number()),
+    userId: v.optional(v.string()),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+  })
+    .index("byAgentId", ["agentId"])
+    .index("byIsEnabled", ["isEnabled"])
+    .index("byUserId", ["userId"]),
+
+  // ─── MCP Connections ─────────────────────────────────────────────────
+  mcpConnections: defineTable({
+    name: v.string(),
+    type: v.string(),
+    endpoint: v.string(),
+    isConnected: v.boolean(),
+    isEnabled: v.boolean(),
+    credentials: v.optional(v.any()),
+    capabilities: v.optional(v.any()),
+    userId: v.optional(v.string()),
+    lastConnectedAt: v.optional(v.number()),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+  })
+    .index("byUserId", ["userId"])
+    .index("byIsEnabled", ["isEnabled"]),
+
+  // ─── API Keys ────────────────────────────────────────────────────────
+  apiKeys: defineTable({
+    provider: v.string(),
+    keyName: v.string(),
+    encryptedKey: v.string(),
+    isActive: v.boolean(),
+    userId: v.optional(v.string()),
+    createdAt: v.number(),
+    lastUsedAt: v.optional(v.number()),
+  })
+    .index("byProvider", ["provider"])
+    .index("byUserId", ["userId"])
+    .index("byIsActive", ["isActive"]),
+
+  // ─── Usage Tracking ──────────────────────────────────────────────────
+  usage: defineTable({
+    agentId: v.string(),
+    sessionId: v.optional(v.string()),
+    provider: v.string(),
+    model: v.string(),
+    promptTokens: v.number(),
+    completionTokens: v.number(),
+    totalTokens: v.number(),
+    cost: v.optional(v.number()),
+    userId: v.optional(v.string()),
+    timestamp: v.number(),
+  })
+    .index("byAgentId", ["agentId"])
+    .index("byUserId", ["userId"])
+    .index("byTimestamp", ["timestamp"])
+    .index("byProvider", ["provider"]),
+
+  // ─── Settings ────────────────────────────────────────────────────────
+  settings: defineTable({
+    userId: v.string(),
+    key: v.string(),
+    value: v.any(),
+    updatedAt: v.number(),
+  })
+    .index("byUserId", ["userId"])
+    .index("byUserIdAndKey", ["userId", "key"]),
+
+  // ─── System Logs ─────────────────────────────────────────────────────
+  logs: defineTable({
+    level: v.union(
+      v.literal("debug"),
+      v.literal("info"),
+      v.literal("warn"),
+      v.literal("error")
+    ),
+    source: v.string(),
+    message: v.string(),
+    metadata: v.optional(v.any()),
+    userId: v.optional(v.string()),
+    timestamp: v.number(),
+  })
+    .index("byLevel", ["level"])
+    .index("bySource", ["source"])
+    .index("byTimestamp", ["timestamp"]),
+
+  // ─── Heartbeat (Task Continuation) ───────────────────────────────────
+  heartbeats: defineTable({
+    agentId: v.string(),
+    threadId: v.optional(v.id("threads")),
+    status: v.string(),
+    currentTask: v.optional(v.string()),
+    pendingTasks: v.array(v.string()),
+    context: v.string(),
+    lastCheck: v.number(),
+    nextCheck: v.number(),
+    metadata: v.optional(v.any()),
+  })
+    .index("byAgentId", ["agentId"])
+    .index("byStatus", ["status"])
+    .index("byNextCheck", ["nextCheck"]),
+
+  // ─── Secure Vault ────────────────────────────────────────────────────
+  vault: defineTable({
+    name: v.string(),
+    category: v.string(),
+    provider: v.optional(v.string()),
+    encryptedValue: v.string(),
+    iv: v.string(),
+    maskedValue: v.string(),
+    isActive: v.boolean(),
+    expiresAt: v.optional(v.number()),
+    lastAccessedAt: v.optional(v.number()),
+    accessCount: v.number(),
+    userId: v.optional(v.string()),
+    createdAt: v.number(),
+    updatedAt: v.number(),
+  })
+    .index("byUserId", ["userId"])
+    .index("byCategory", ["category"])
+    .index("byProvider", ["provider"])
+    .index("byIsActive", ["isActive"]),
 });

package/templates/default/dashboard/app/components/DashboardLayout.tsx

@@ -0,0 +1,245 @@
+import React, { useState, useEffect } from "react";
+import { Link, useRouterState } from "@tanstack/react-router";
+import {
+  MessageSquare, LayoutDashboard, Radio, Server, Activity, Clock,
+  Bot, Sparkles, Network, Settings, Bug, FileText, Menu, X,
+  ChevronLeft, ChevronRight, User, Heart, FolderKanban, Folder,
+} from "lucide-react";
+
+const navItems = [
+  {
+    section: "Chat",
+    items: [
+      { href: "/chat", label: "Chat", icon: MessageSquare },
+    ],
+  },
+  {
+    section: "Control",
+    items: [
+      { href: "/", label: "Overview", icon: LayoutDashboard },
+      { href: "/sessions", label: "Sessions", icon: Activity },
+      { href: "/usage", label: "Usage", icon: Clock },
+      { href: "/cron", label: "Cron Jobs", icon: Clock },
+    ],
+  },
+  {
+    section: "Agent",
+    items: [
+      { href: "/agents", label: "Agents", icon: Bot },
+      { href: "/skills", label: "Skills", icon: Sparkles },
+      { href: "/connections", label: "Connections", icon: Network },
+    ],
+  },
+  {
+    section: "Workspace",
+    items: [
+      { href: "/projects", label: "Projects", icon: FolderKanban },
+      { href: "/files", label: "Files", icon: Folder },
+    ],
+  },
+  {
+    section: "Settings",
+    items: [
+      { href: "/settings", label: "Config", icon: Settings },
+    ],
+  },
+];
+
+const HealthStatus = () => {
+  const [isOnline, setIsOnline] = useState(true);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      // In production, poll the Convex backend heartbeat
+    }, 30000);
+    return () => clearInterval(interval);
+  }, []);
+
+  return (
+    <div className="flex items-center gap-2 text-sm text-muted-foreground">
+      <span className="relative flex h-2 w-2">
+        <span
+          className={`animate-ping absolute inline-flex h-full w-full rounded-full ${
+            isOnline ? "bg-green-400" : "bg-red-400"
+          } opacity-75`}
+        ></span>
+        <span
+          className={`relative inline-flex rounded-full h-2 w-2 ${
+            isOnline ? "bg-green-500" : "bg-red-500"
+          }`}
+        ></span>
+      </span>
+      {isOnline ? "Online" : "Offline"}
+    </div>
+  );
+};
+
+const Breadcrumb = () => {
+  const { location } = useRouterState();
+  const pathnames = location.pathname.split("/").filter((x) => x);
+
+  if (pathnames.length === 0) {
+    return <span className="text-sm font-medium">Overview</span>;
+  }
+
+  return (
+    <nav className="flex" aria-label="Breadcrumb">
+      <ol className="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
+        <li className="inline-flex items-center">
+          <Link
+            to="/"
+            className="inline-flex items-center text-sm font-medium text-muted-foreground hover:text-foreground"
+          >
+            <LayoutDashboard className="w-4 h-4 me-2.5" />
+            Home
+          </Link>
+        </li>
+        {pathnames.map((value, index) => {
+          const to = `/${pathnames.slice(0, index + 1).join("/")}`;
+          const isLast = index === pathnames.length - 1;
+          return (
+            <li key={to}>
+              <div className="flex items-center">
+                <ChevronRight className="w-4 h-4 text-muted-foreground" />
+                <Link
+                  to={to}
+                  className={`ms-1 text-sm font-medium ${
+                    isLast
+                      ? "text-foreground"
+                      : "text-muted-foreground hover:text-foreground"
+                  } md:ms-2`}
+                >
+                  {value.charAt(0).toUpperCase() + value.slice(1)}
+                </Link>
+              </div>
+            </li>
+          );
+        })}
+      </ol>
+    </nav>
+  );
+};
+
+export function DashboardLayout({ children }: { children: React.ReactNode }) {
+  const [isSidebarOpen, setIsSidebarOpen] = useState(true);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const { location } = useRouterState();
+
+  const NavLink = ({ item }: { item: any }) => {
+    const isActive = location.pathname === item.href;
+    return (
+      <Link
+        to={item.href}
+        className={`flex items-center px-3 py-2 text-sm font-medium rounded-md transition-colors ${
+          isActive
+            ? "bg-primary text-primary-foreground"
+            : "text-muted-foreground hover:bg-muted hover:text-foreground"
+        }`}
+        onClick={() => setIsMobileMenuOpen(false)}
+      >
+        <item.icon className="w-5 h-5 mr-3" />
+        <span>{item.label}</span>
+      </Link>
+    );
+  };
+
+  const sidebarContent = (
+    <div className="flex flex-col h-full">
+      <div className="flex items-center justify-between h-16 px-4 border-b border-border">
+        <Link to="/" className="flex items-center gap-2 text-lg font-bold">
+          <Bot className="w-7 h-7 text-primary" />
+          <span>AgentForge</span>
+        </Link>
+      </div>
+      <nav className="flex-1 px-2 py-4 space-y-4 overflow-y-auto">
+        {navItems.map((section) => (
+          <div key={section.section}>
+            <h3 className="px-3 mb-2 text-xs font-semibold tracking-wider text-muted-foreground/80 uppercase">
+              {section.section}
+            </h3>
+            <div className="space-y-1">
+              {section.items.map((item) => (
+                <NavLink key={item.href} item={item} />
+              ))}
+            </div>
+          </div>
+        ))}
+      </nav>
+      <div className="p-4 border-t border-border">
+        <HealthStatus />
+      </div>
+    </div>
+  );
+
+  return (
+    <div className="flex h-screen bg-background text-foreground">
+      {/* Desktop Sidebar */}
+      <aside
+        className={`hidden md:block bg-card border-r border-border transition-all duration-300 ease-in-out ${
+          isSidebarOpen ? "w-64" : "w-0 overflow-hidden"
+        }`}
+      >
+        {sidebarContent}
+      </aside>
+
+      {/* Mobile Sidebar Overlay */}
+      {isMobileMenuOpen && (
+        <div
+          className="fixed inset-0 z-40 flex md:hidden"
+          role="dialog"
+          aria-modal="true"
+        >
+          <div
+            className="fixed inset-0 bg-black/60"
+            aria-hidden="true"
+            onClick={() => setIsMobileMenuOpen(false)}
+          ></div>
+          <div className="relative flex flex-col flex-1 w-full max-w-xs bg-card">
+            <div className="absolute top-0 right-0 pt-2 -mr-12">
+              <button
+                type="button"
+                className="flex items-center justify-center w-10 h-10 ml-1 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
+                onClick={() => setIsMobileMenuOpen(false)}
+              >
+                <span className="sr-only">Close sidebar</span>
+                <X className="w-6 h-6 text-white" />
+              </button>
+            </div>
+            {sidebarContent}
+          </div>
+        </div>
+      )}
+
+      <div className="flex flex-col flex-1 min-w-0">
+        <header className="flex items-center justify-between h-16 px-4 bg-card border-b border-border md:px-6">
+          <div className="flex items-center gap-4">
+            <button
+              onClick={() => setIsSidebarOpen(!isSidebarOpen)}
+              className="hidden p-2 rounded-md md:block hover:bg-muted"
+            >
+              {isSidebarOpen ? (
+                <ChevronLeft className="w-5 h-5" />
+              ) : (
+                <ChevronRight className="w-5 h-5" />
+              )}
+            </button>
+            <button
+              onClick={() => setIsMobileMenuOpen(true)}
+              className="p-2 rounded-md md:hidden hover:bg-muted"
+            >
+              <Menu className="w-5 h-5" />
+            </button>
+            <Breadcrumb />
+          </div>
+          <div className="flex items-center gap-4">
+            <HealthStatus />
+            <div className="p-2 rounded-full bg-muted">
+              <User className="w-5 h-5 text-muted-foreground" />
+            </div>
+          </div>
+        </header>
+        <main className="flex-1 p-4 overflow-y-auto md:p-6">{children}</main>
+      </div>
+    </div>
+  );
+}

package/templates/default/dashboard/app/components/ui/badge.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+  variant?: "default" | "secondary" | "destructive" | "outline";
+}
+
+const variants: Record<string, string> = {
+  default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+  secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+  destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+  outline: "text-foreground",
+};
+
+export function Badge({ className, variant = "default", ...props }: BadgeProps) {
+  return (
+    <div
+      className={cn(
+        "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        variants[variant],
+        className
+      )}
+      {...props}
+    />
+  );
+}

package/templates/default/dashboard/app/components/ui/button.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  size?: "default" | "sm" | "lg" | "icon";
+}
+
+const variants: Record<string, string> = {
+  default: "bg-primary text-primary-foreground hover:bg-primary/90",
+  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+  outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+  ghost: "hover:bg-accent hover:text-accent-foreground",
+  link: "text-primary underline-offset-4 hover:underline",
+};
+
+const sizes: Record<string, string> = {
+  default: "h-10 px-4 py-2",
+  sm: "h-9 rounded-md px-3",
+  lg: "h-11 rounded-md px-8",
+  icon: "h-10 w-10",
+};
+
+export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant = "default", size = "default", ...props }, ref) => {
+    return (
+      <button
+        className={cn(
+          "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          variants[variant],
+          sizes[size],
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  }
+);
+Button.displayName = "Button";

package/templates/default/dashboard/app/components/ui/card.tsx

@@ -0,0 +1,44 @@
+import React from "react";
+import { cn } from "../../lib/utils";
+
+export const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...props} />
+  )
+);
+Card.displayName = "Card";
+
+export const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
+  )
+);
+CardHeader.displayName = "CardHeader";
+
+export const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
+  ({ className, ...props }, ref) => (
+    <h3 ref={ref} className={cn("text-2xl font-semibold leading-none tracking-tight", className)} {...props} />
+  )
+);
+CardTitle.displayName = "CardTitle";
+
+export const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+  ({ className, ...props }, ref) => (
+    <p ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
+  )
+);
+CardDescription.displayName = "CardDescription";
+
+export const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+  )
+);
+CardContent.displayName = "CardContent";
+
+export const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
+  )
+);
+CardFooter.displayName = "CardFooter";