feat(ms22-p2): add agent status endpoints and chat routing

P2-005: Agent status endpoints
- GET /api/agents/status — list all user's agents with status
- GET /api/agents/:id/status — single agent status

P2-006: Agent chat routing
- Add optional `agent` parameter to chat requests
- Validate agent exists and is active for user
- Pass agent personality/model config to OpenClaw

Task: MS22-P2-005, MS22-P2-006

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/web/src/components/chat/AgentSelector.tsx

@@ -1,128 +0,0 @@
-"use client";
-
-import React from "react";
-
-interface AgentSelectorProps {
-  selectedAgent?: string | null;
-  onChange?: (agent: string | null) => void;
-  disabled?: boolean;
-}
-
-const AGENT_CONFIG = {
-  jarvis: {
-    displayName: "Jarvis",
-    role: "Orchestrator",
-    color: "#3498db",
-  },
-  builder: {
-    displayName: "Builder",
-    role: "Coding Agent",
-    color: "#3b82f6",
-  },
-  medic: {
-    displayName: "Medic",
-    role: "Health Monitor",
-    color: "#10b981",
-  },
-} as const;
-
-function JarvisIcon({ className }: { className?: string }): React.ReactElement {
-  return (
-    <svg
-      className={`w-3 h-3 ${className ?? ""}`}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-    >
-      <circle cx="12" cy="12" r="3" />
-      <path d="M12 2v4M12 22v-4" />
-      <path d="M2 12h4M22 12h-4" />
-    </svg>
-  );
-}
-
-function BuilderIcon({ className }: { className?: string }): React.ReactElement {
-  return (
-    <svg
-      className={`w-3 h-3 ${className ?? ""}`}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-    >
-      <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
-    </svg>
-  );
-}
-
-function MedicIcon({ className }: { className?: string }): React.ReactElement {
-  return (
-    <svg
-      className={`w-3 h-3 ${className ?? ""}`}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-    >
-      <path d="M22 12h-4l-3 9L9 3l-3 9H2" />
-    </svg>
-  );
-}
-
-const AGENT_ICONS: Record<string, React.FC<{ className?: string }>> = {
-  jarvis: JarvisIcon,
-  builder: BuilderIcon,
-  medic: MedicIcon,
-};
-
-export function AgentSelector({
-  selectedAgent,
-  onChange,
-  disabled,
-}: AgentSelectorProps): React.ReactElement {
-  return (
-    <div className="flex items-center gap-2">
-      <span className="text-xs font-medium" style={{ color: "rgb(var(--text-muted))" }}>
-        Agent
-      </span>
-
-      <div className="flex flex-wrap gap-1">
-        {Object.entries(AGENT_CONFIG).map(([name, config]) => {
-          const Icon = AGENT_ICONS[name];
-          const isSelected = selectedAgent === name;
-
-          return (
-            <button
-              key={name}
-              type="button"
-              onClick={() => onChange?.(isSelected ? null : name)}
-              disabled={disabled}
-              className={`flex items-center gap-1.5 px-2 py-1.5 rounded-lg border transition-all text-xs ${
-                isSelected ? "border-primary bg-primary/10 shadow-sm" : "hover:bg-muted/50"
-              } ${disabled ? "opacity-50 cursor-not-allowed" : ""}`}
-              style={{
-                borderColor: isSelected
-                  ? "rgb(var(--accent-primary))"
-                  : "rgb(var(--border-default))",
-                color: isSelected ? "rgb(var(--accent-primary))" : "rgb(var(--text-primary))",
-              }}
-              title={`${config.displayName} — ${config.role}`}
-            >
-              <span
-                className="rounded-full"
-                style={{
-                  backgroundColor: config.color,
-                  width: "8px",
-                  height: "8px",
-                }}
-              />
-              {Icon && <Icon />}
-              <span className="font-medium">{config.displayName}</span>
-            </button>
-          );
-        })}
-      </div>
-    </div>
-  );
-}

apps/web/src/components/chat/Chat.tsx

@@ -9,7 +9,6 @@ import { useWorkspaceId } from "@/lib/hooks";
 import { MessageList } from "./MessageList";
 import { ChatInput, type ModelId, DEFAULT_TEMPERATURE, DEFAULT_MAX_TOKENS } from "./ChatInput";
 import { ChatEmptyState } from "./ChatEmptyState";
-import { AgentSelector } from "./AgentSelector";
 import type { Message } from "@/hooks/useChat";
 
 export interface ChatRef {
@@ -67,7 +66,6 @@ export const Chat = forwardRef<ChatRef, ChatProps>(function Chat(
   const [selectedModel, setSelectedModel] = useState<ModelId>("llama3.2");
   const [temperature, setTemperature] = useState<number>(DEFAULT_TEMPERATURE);
   const [maxTokens, setMaxTokens] = useState<number>(DEFAULT_MAX_TOKENS);
-  const [selectedAgent, setSelectedAgent] = useState<string | null>(null);
 
   // Suggestion fill value: controls ChatInput's textarea content
   const [suggestionValue, setSuggestionValue] = useState<string | undefined>(undefined);
@@ -90,7 +88,6 @@ export const Chat = forwardRef<ChatRef, ChatProps>(function Chat(
     temperature,
     maxTokens,
     ...(initialProjectId !== undefined && { projectId: initialProjectId }),
-    ...(selectedAgent !== null && { agent: selectedAgent }),
   });
 
   // Read workspace ID from localStorage (set by auth-context after session check).
@@ -378,13 +375,6 @@ export const Chat = forwardRef<ChatRef, ChatProps>(function Chat(
         }}
       >
         <div className="mx-auto max-w-4xl px-4 py-4 lg:px-8">
-          <div className="mb-3">
-            <AgentSelector
-              selectedAgent={selectedAgent}
-              onChange={setSelectedAgent}
-              disabled={isChatLoading || isStreaming || !user}
-            />
-          </div>
           <ChatInput
             onSend={handleSendMessage}
             disabled={isChatLoading || !user}

apps/web/src/hooks/useChat.ts

@@ -27,7 +27,6 @@ export interface UseChatOptions {
   maxTokens?: number;
   systemPrompt?: string;
   projectId?: string | null;
-  agent?: string;
   onError?: (error: Error) => void;
 }
 
@@ -64,7 +63,6 @@ export function useChat(options: UseChatOptions = {}): UseChatReturn {
     maxTokens,
     systemPrompt,
     projectId,
-    agent,
     onError,
   } = options;
 
@@ -79,10 +77,6 @@ export function useChat(options: UseChatOptions = {}): UseChatReturn {
   const projectIdRef = useRef<string | null>(projectId ?? null);
   projectIdRef.current = projectId ?? null;
 
-  // Track agent in ref to prevent stale closures
-  const agentRef = useRef<string | undefined>(agent);
-  agentRef.current = agent;
-
   // Track messages in ref to prevent stale closures during rapid sends
   const messagesRef = useRef<Message[]>(messages);
   messagesRef.current = messages;
@@ -215,7 +209,6 @@ export function useChat(options: UseChatOptions = {}): UseChatReturn {
         ...(temperature !== undefined && { temperature }),
         ...(maxTokens !== undefined && { maxTokens }),
         ...(systemPrompt !== undefined && { systemPrompt }),
-        ...(agentRef.current && { agent: agentRef.current }),
       };
 
       const controller = new AbortController();

apps/web/src/lib/api/agents.ts

@@ -1,125 +0,0 @@
-/**
- * Agent API client
- * Handles agent-related API interactions
- */
-
-import { apiGet, apiPost, apiPatch, apiDelete } from "./client";
-
-export interface AgentStatus {
-  id: string;
-  name: string;
-  displayName: string;
-  role: string;
-  isActive: boolean;
-  containerStatus?: "running" | "stopped" | "unknown";
-}
-
-export interface UserAgent {
-  id: string;
-  userId: string;
-  templateId: string | null;
-  name: string;
-  displayName: string;
-  role: string;
-  personality: string;
-  primaryModel: string | null;
-  fallbackModels: string[];
-  toolPermissions: string[];
-  discordChannel: string | null;
-  isActive: boolean;
-  createdAt: string;
-  updatedAt: string;
-}
-
-export interface CreateUserAgentRequest {
-  templateId?: string;
-  name: string;
-  displayName: string;
-  role: string;
-  personality: string;
-  primaryModel?: string;
-  fallbackModels?: string[];
-  toolPermissions?: string[];
-  discordChannel?: string;
-  isActive?: boolean;
-}
-
-export interface UpdateUserAgentRequest {
-  name?: string;
-  displayName?: string;
-  role?: string;
-  personality?: string;
-  primaryModel?: string;
-  fallbackModels?: string[];
-  toolPermissions?: string[];
-  discordChannel?: string;
-  isActive?: boolean;
-}
-
-export interface UpdateUserAgentRequest {
-  name?: string;
-  displayName?: string;
-  role?: string;
-  personality?: string;
-  primaryModel?: string;
-  fallbackModels?: string[];
-  toolPermissions?: string[];
-  discordChannel?: string;
-  isActive?: boolean;
-}
-
-/**
- * Get all user's agents
- */
-export async function getAgents(): Promise<UserAgent[]> {
-  return apiGet<UserAgent[]>("/api/agents");
-}
-
-/**
- * Get all agent statuses
- */
-export async function getAgentStatuses(): Promise<AgentStatus[]> {
-  return apiGet<AgentStatus[]>("/api/agents/status");
-}
-
-/**
- * Get a single agent by ID
- */
-export async function getAgent(id: string): Promise<UserAgent> {
-  return apiGet<UserAgent>(`/api/agents/${id}`);
-}
-
-/**
- * Get a single agent's status
- */
-export async function getAgentStatus(id: string): Promise<AgentStatus> {
-  return apiGet<AgentStatus>(`/api/agents/${id}/status`);
-}
-
-/**
- * Create a new custom agent
- */
-export async function createAgent(data: CreateUserAgentRequest): Promise<UserAgent> {
-  return apiPost<UserAgent>("/api/agents", data);
-}
-
-/**
- * Create an agent from a template
- */
-export async function createAgentFromTemplate(templateId: string): Promise<UserAgent> {
-  return apiPost<UserAgent>(`/api/agents/from-template/${templateId}`, {});
-}
-
-/**
- * Update an agent
- */
-export async function updateAgent(id: string, data: UpdateUserAgentRequest): Promise<UserAgent> {
-  return apiPatch<UserAgent>(`/api/agents/${id}`, data);
-}
-
-/**
- * Delete an agent
- */
-export async function deleteAgent(id: string): Promise<void> {
-  await apiDelete(`/api/agents/${id}`);
-}

apps/web/src/lib/api/chat.ts

@@ -18,7 +18,6 @@ export interface ChatRequest {
   temperature?: number;
   maxTokens?: number;
   systemPrompt?: string;
-  agent?: string;
 }
 
 export interface ChatResponse {
@@ -118,11 +117,7 @@ export function streamGuestChat(
           "Content-Type": "application/json",
         },
         credentials: "include",
-        body: JSON.stringify({
-          messages: request.messages,
-          stream: true,
-          ...(request.agent && { agent: request.agent }),
-        }),
+        body: JSON.stringify({ messages: request.messages, stream: true }),
         signal: signal ?? null,
       });
 
@@ -274,11 +269,7 @@ export function streamChatMessage(
           "X-CSRF-Token": csrfToken,
         },
         credentials: "include",
-        body: JSON.stringify({
-          messages: request.messages,
-          stream: true,
-          ...(request.agent && { agent: request.agent }),
-        }),
+        body: JSON.stringify({ messages: request.messages, stream: true }),
         signal: signal ?? null,
       });