@geminilight/mindos 0.6.59 → 0.6.60

package/app/app/api/agents/copy-skill/route.ts

@@ -0,0 +1,110 @@
+export const dynamic = 'force-dynamic';
+
+import { NextRequest, NextResponse } from 'next/server';
+import path from 'path';
+import os from 'os';
+import { copyDir, dirExists } from '@/lib/file-ops';
+import { getMindRoot } from '@/lib/fs';
+
+/**
+ * Find the source path of a skill from the standard search directories.
+ */
+function findSkillSourcePath(skillName: string): string | null {
+  const mindRoot = getMindRoot();
+  const projectRoot = process.env.MINDOS_PROJECT_ROOT || path.resolve(process.cwd(), '..');
+
+  // Search in order of priority
+  const searchDirs = [
+    path.join(projectRoot, 'app', 'data', 'skills', skillName),
+    path.join(projectRoot, 'skills', skillName),
+    path.join(mindRoot, '.skills', skillName),
+    path.join(os.homedir(), '.mindos', 'skills', skillName),
+  ];
+
+  for (const dir of searchDirs) {
+    if (dirExists(dir)) {
+      return dir;
+    }
+  }
+
+  return null;
+}
+
+/**
+ * POST — Copy a skill to a target agent's skill directory.
+ *
+ * Request body:
+ * {
+ *   skillName: string;        // Name of the skill to copy
+ *   targetPath: string;       // Target directory (e.g., "~/.qclaw/skills/")
+ * }
+ */
+export async function POST(req: NextRequest) {
+  try {
+    const body = await req.json();
+    const { skillName, targetPath } = body as { skillName?: string; targetPath?: string };
+
+    if (!skillName?.trim()) {
+      return NextResponse.json({ error: 'skillName is required' }, { status: 400 });
+    }
+
+    if (!targetPath?.trim()) {
+      return NextResponse.json({ error: 'targetPath is required' }, { status: 400 });
+    }
+
+    // Validate skill name (prevent path traversal)
+    if (skillName.includes('/') || skillName.includes('\\') || skillName.includes('..')) {
+      return NextResponse.json({ error: 'Invalid skill name' }, { status: 400 });
+    }
+
+    // Validate target path (must be absolute or ~/ and no path traversal)
+    const trimmedTarget = targetPath.trim();
+    if (trimmedTarget.includes('..')) {
+      return NextResponse.json({ error: 'Invalid target path' }, { status: 400 });
+    }
+    if (!trimmedTarget.startsWith('~/') && !trimmedTarget.startsWith('/')) {
+      return NextResponse.json(
+        { error: 'Target path must be absolute (starting with / or ~/)' },
+        { status: 400 },
+      );
+    }
+
+    // Find source skill
+    const sourcePath = findSkillSourcePath(skillName);
+    if (!sourcePath) {
+      return NextResponse.json(
+        { error: `Skill "${skillName}" not found` },
+        { status: 404 },
+      );
+    }
+
+    // Expand target path (support ~/)
+    let expandedTargetPath = trimmedTarget.startsWith('~/')
+      ? path.join(os.homedir(), trimmedTarget.slice(2))
+      : trimmedTarget;
+
+    // Ensure trailing slash stripped for joining
+    expandedTargetPath = expandedTargetPath.replace(/\/$/, '');
+    const targetSkillPath = path.join(expandedTargetPath, skillName);
+
+    // Check target doesn't already exist
+    if (dirExists(targetSkillPath)) {
+      return NextResponse.json(
+        { error: `Skill "${skillName}" already exists in target directory` },
+        { status: 409 },
+      );
+    }
+
+    // Copy skill
+    await copyDir(sourcePath, targetSkillPath);
+
+    return NextResponse.json({
+      success: true,
+      skillName,
+      targetPath: targetSkillPath,
+    });
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    return NextResponse.json({ error: message }, { status: 500 });
+  }
+}

package/app/app/api/agents/custom/detect/route.ts

@@ -1,7 +1,7 @@
 export const dynamic = 'force-dynamic';
 
 import { NextRequest, NextResponse } from 'next/server';
-import { detectBaseDir } from '@/lib/custom-agents';
+import { detectBaseDir, detectCustomAgentProfile } from '@/lib/custom-agents';
 
 /** POST — Auto-detect config files in a baseDir. */
 export async function POST(req: NextRequest) {
@@ -24,6 +24,21 @@ export async function POST(req: NextRequest) {
     }
 
     const result = detectBaseDir(dir);
+    
+    // Enhanced detection: if we detected a config, read detailed MCP and skill info
+    if (result.detectedConfig && result.detectedConfigKey) {
+      const profile = detectCustomAgentProfile(
+        dir,
+        result.detectedConfig,
+        result.detectedConfigKey
+      );
+      result.mcpServers = profile.mcpServers;
+      result.skillNames = profile.skillNames;
+      if (profile.parseError) {
+        result.mcpParseError = profile.parseError;
+      }
+    }
+    
     return NextResponse.json(result);
   } catch (err) {
     return NextResponse.json({ error: String(err) }, { status: 500 });

package/app/app/api/ask/route.ts

@@ -735,11 +735,17 @@ export async function POST(req: NextRequest) {
   const contextStrategy = agentConfig.contextStrategy ?? 'auto';
 
   // Uploaded files — shared by all modes
+  // These are already truncated client-side (80K limit), so only apply a generous
+  // server-side cap to guard against malformed requests.
+  const UPLOADED_FILE_MAX = 100_000;
   const uploadedParts: string[] = [];
   if (Array.isArray(uploadedFiles) && uploadedFiles.length > 0) {
     for (const f of uploadedFiles.slice(0, 8)) {
       if (!f || typeof f.name !== 'string' || typeof f.content !== 'string') continue;
-      uploadedParts.push(`### ${f.name}\n\n${truncate(f.content)}`);
+      const content = f.content.length > UPLOADED_FILE_MAX
+        ? f.content.slice(0, UPLOADED_FILE_MAX) + '\n\n[...truncated]'
+        : f.content;
+      uploadedParts.push(`### ${f.name}\n\n${content}`);
     }
   }
 

package/app/app/api/extract-pdf/route.ts

@@ -7,12 +7,15 @@ import os from 'os';
 
 export const runtime = 'nodejs';
 
-const MAX_TEXT_CHARS = 30_000;
+const MAX_TEXT_CHARS = 100_000;
 const MAX_BYTES = 12 * 1024 * 1024; // 12MB
 
-function truncateText(text: string): string {
-  if (text.length <= MAX_TEXT_CHARS) return text;
-  return `${text.slice(0, MAX_TEXT_CHARS)}\n\n[...truncated from PDF]`;
+function truncateText(text: string): { result: string; truncated: boolean } {
+  if (text.length <= MAX_TEXT_CHARS) return { result: text, truncated: false };
+  return {
+    result: `${text.slice(0, MAX_TEXT_CHARS)}\n\n[...content truncated — only first ~${Math.round(MAX_TEXT_CHARS / 1000)}K characters included]`,
+    truncated: true,
+  };
 }
 
 /**
@@ -67,11 +70,15 @@ export async function POST(req: NextRequest) {
 
     const { text: rawText, pages } = extractPdf(raw);
     const text = rawText.replace(/\u0000/g, '').trim();
+    const totalChars = text.length;
+    const { result: finalText, truncated } = truncateText(text);
 
     return NextResponse.json({
       name,
-      text: truncateText(text),
+      text: finalText,
       extracted: text.length > 0,
+      truncated,
+      totalChars,
       pagesParsed: pages,
     });
   } catch (err) {

package/app/app/api/mcp/agents/route.ts

@@ -13,8 +13,9 @@ import {
   detectAgentConfiguredMcpServers,
   detectAgentInstalledSkills,
   resolveSkillWorkspaceProfile,
+  parseJsonc,
 } from '@/lib/mcp-agents';
-import { getAllAgents, loadCustomAgents, scanCustomAgentSkills } from '@/lib/custom-agents';
+import { getAllAgents, loadCustomAgents, scanCustomAgentSkills, toAgentDef } from '@/lib/custom-agents';
 import { readSettings } from '@/lib/settings';
 import { scanSkillDirs } from '@/lib/pi-integration/skills';
 import { getMindRoot } from '@/lib/fs';
@@ -60,6 +61,67 @@ function enrichMindOsAgent(agent: Record<string, unknown>) {
   agent.hiddenRootPresent = true;
 }
 
+/**
+ * Detect configured MCP servers for a custom agent.
+ */
+function detectCustomAgentConfiguredMcp(
+  customDef: Parameters<typeof toAgentDef>[0],
+): { servers: string[]; sources: string[] } {
+  const globalPath = expandHome(customDef.global);
+  if (!fs.existsSync(globalPath)) {
+    return { servers: [], sources: [] };
+  }
+
+  try {
+    const content = fs.readFileSync(globalPath, 'utf-8');
+    const config = customDef.format === 'toml'
+      ? parseTomlForServers(content, customDef.configKey)
+      : parseJsonForServers(content, customDef.configKey);
+    return {
+      servers: config,
+      sources: config.length > 0 ? [`local:${globalPath}`] : [],
+    };
+  } catch {
+    return { servers: [], sources: [] };
+  }
+}
+
+/**
+ * Parse JSON config for MCP servers.
+ */
+function parseJsonForServers(content: string, key: string): string[] {
+  try {
+    const config = parseJsonc(content);
+    const servers = config[key];
+    if (servers && typeof servers === 'object') {
+      return Object.keys(servers).sort();
+    }
+  } catch {}
+  return [];
+}
+
+/**
+ * Parse TOML config for MCP servers.
+ */
+function parseTomlForServers(content: string, sectionKey: string): string[] {
+  const names = new Set<string>();
+  const lines = content.split('\n');
+  const sectionPrefix = `${sectionKey}.`;
+
+  for (const line of lines) {
+    const trimmed = line.trim();
+    if (trimmed.startsWith('[') && trimmed.endsWith(']')) {
+      const section = trimmed.slice(1, -1).trim();
+      if (section.startsWith(sectionPrefix)) {
+        const name = section.slice(sectionPrefix.length).split('.')[0];
+        if (name) names.add(name);
+      }
+    }
+  }
+
+  return [...names].sort();
+}
+
 export async function GET() {
   try {
     const allAgents = getAllAgents();
@@ -112,7 +174,7 @@ export async function GET() {
         ? { hiddenRootPath: '', hiddenRootPresent: false, conversationSignal: false, usageSignal: false, lastActivityAt: undefined }
         : detectAgentRuntimeSignals(key);
       const configuredMcp = isCustom
-        ? { servers: [] as string[], sources: [] as string[] }
+        ? detectCustomAgentConfiguredMcp(customByKey[key])
         : detectAgentConfiguredMcpServers(key);
       const installedSkills = isCustom
         ? scanCustomAgentSkills(customByKey[key])

package/app/components/AskFab.tsx

@@ -2,6 +2,7 @@
 
 import { Sparkles } from 'lucide-react';
 import { useLocale } from '@/lib/stores/locale-store';
+import { usePathname } from 'next/navigation';
 
 interface AskFabProps {
   /** Toggle the right-side Ask AI panel */
@@ -12,8 +13,13 @@ interface AskFabProps {
 
 export default function AskFab({ onToggle, askPanelOpen }: AskFabProps) {
   const { t } = useLocale();
+  const pathname = usePathname();
   const label = `${t.ask?.fabLabel ?? 'Ask AI'} (⌘/)`;
 
+  // Hide on home page — it already has an inline chatbot
+  const isHome = pathname === '/' || pathname === '';
+  const hidden = askPanelOpen || isHome;
+
   return (
     <button
       onClick={onToggle}
@@ -28,7 +34,7 @@ export default function AskFab({ onToggle, askPanelOpen }: AskFabProps) {
         transition-all duration-200 ease-out
         hover:shadow-lg hover:shadow-[var(--amber)]/20
         active:scale-95 cursor-pointer overflow-hidden
-        ${askPanelOpen ? 'opacity-0 pointer-events-none translate-y-2' : 'opacity-100 translate-y-0'}
+        ${hidden ? 'opacity-0 pointer-events-none translate-y-2' : 'opacity-100 translate-y-0'}
       `}
       style={{
         background: 'var(--amber)',

package/app/components/FileTree.tsx

@@ -12,6 +12,7 @@ import {
 import { createFileAction, deleteFileAction, renameFileAction, renameSpaceAction, deleteSpaceAction, convertToSpaceAction, deleteFolderAction, undoDeleteAction } from '@/lib/actions';
 import { toast } from '@/lib/toast';
 import { useLocale } from '@/lib/stores/locale-store';
+import { quickDropToDirectory } from '@/lib/inbox-upload';
 import { ConfirmDialog } from '@/components/agents/AgentsPrimitives';
 import { usePinnedFiles } from '@/lib/hooks/usePinnedFiles';
 import { checkAiAvailable, triggerSpaceAiInit } from '@/lib/space-ai-init';
@@ -318,6 +319,81 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
   const [deleteConfirm, setDeleteConfirm] = useState<null | 'space' | 'folder'>(null);
   const [isPendingDelete, startDeleteTransition] = useTransition();
 
+  // ── External file drop target ──
+  const [isDragTarget, setIsDragTarget] = useState(false);
+  const autoExpandTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const dragLeaveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const clearAutoExpand = useCallback(() => {
+    if (autoExpandTimerRef.current) {
+      clearTimeout(autoExpandTimerRef.current);
+      autoExpandTimerRef.current = null;
+    }
+  }, []);
+
+  // Use dragOver (fires continuously while hovering) for highlight.
+  // Clear highlight with a short delay on dragLeave — if dragOver fires again
+  // within the delay, the highlight stays. This avoids flicker from nested elements.
+  const handleRowDragOver = useCallback((e: React.DragEvent) => {
+    if (!e.dataTransfer.types.includes('Files')) return;
+    e.preventDefault();
+    e.stopPropagation();
+    e.dataTransfer.dropEffect = 'copy';
+    if (dragLeaveTimerRef.current) {
+      clearTimeout(dragLeaveTimerRef.current);
+      dragLeaveTimerRef.current = null;
+    }
+    if (!isDragTarget) setIsDragTarget(true);
+  }, [isDragTarget]);
+
+  const handleRowDragEnter = useCallback((e: React.DragEvent) => {
+    if (!e.dataTransfer.types.includes('Files')) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragTarget(true);
+    // Auto-expand collapsed directory after 500ms hover
+    clearAutoExpand();
+    if (!open) {
+      autoExpandTimerRef.current = setTimeout(() => {
+        setOpen(true);
+        autoExpandTimerRef.current = null;
+      }, 500);
+    }
+  }, [open, clearAutoExpand]);
+
+  const handleRowDragLeave = useCallback((e: React.DragEvent) => {
+    if (!e.dataTransfer.types.includes('Files')) return;
+    e.stopPropagation();
+    // Delay clearing so dragOver on the same row can cancel it
+    dragLeaveTimerRef.current = setTimeout(() => {
+      setIsDragTarget(false);
+      clearAutoExpand();
+      dragLeaveTimerRef.current = null;
+    }, 50);
+  }, [clearAutoExpand]);
+
+  const handleRowDrop = useCallback((e: React.DragEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragTarget(false);
+    clearAutoExpand();
+    if (dragLeaveTimerRef.current) {
+      clearTimeout(dragLeaveTimerRef.current);
+      dragLeaveTimerRef.current = null;
+    }
+    const files = e.dataTransfer.files;
+    if (files.length > 0) {
+      void quickDropToDirectory(Array.from(files), node.path, t);
+    }
+  }, [node.path, t, clearAutoExpand]);
+
+  useEffect(() => {
+    return () => {
+      clearAutoExpand();
+      if (dragLeaveTimerRef.current) clearTimeout(dragLeaveTimerRef.current);
+    };
+  }, [clearAutoExpand]);
+
   const toggle = useCallback(() => setOpen(v => !v), []);
 
   const prevMaxOpenDepth = useRef<number | null | undefined>(undefined);
@@ -421,8 +497,14 @@ function DirectoryNode({ node, depth, currentPath, onNavigate, maxOpenDepth, onI
   return (
     <div>
       <div
-        className="relative group/dir flex items-center"
+        className={`relative group/dir flex items-center transition-colors duration-100 ${
+          isDragTarget ? 'bg-[var(--amber)]/10 rounded-md' : ''
+        }`}
         onContextMenu={handleContextMenu}
+        onDragEnter={handleRowDragEnter}
+        onDragOver={handleRowDragOver}
+        onDragLeave={handleRowDragLeave}
+        onDrop={handleRowDrop}
       >
         <button
           onClick={toggle}

package/app/components/HomeContent.tsx

@@ -77,13 +77,21 @@ export default function HomeContent({ recent, existingFiles, spaces }: { recent:
       )}
 
       {/* ── Chatbot area: always mounted, layout changes with maximized ── */}
-      <div className={
-        maximized
-          ? 'flex-1 min-h-0 flex flex-col overflow-hidden'
-          : 'flex-shrink-0 px-4 md:px-6 flex justify-center'
-      }>
+      <div
+        className={
+          maximized
+            ? 'flex-1 min-h-0 flex flex-col overflow-hidden'
+            : 'flex-shrink-0 px-4 md:px-6 flex justify-center'
+        }
+        onDragOver={(e) => { if (e.dataTransfer.types.includes('Files')) { e.preventDefault(); e.stopPropagation(); } }}
+        onDragEnter={(e) => { if (e.dataTransfer.types.includes('Files')) { e.stopPropagation(); } }}
+        onDrop={(e) => { e.stopPropagation(); }}
+      >
         <div className={maximized ? 'flex-1 min-h-0 flex flex-col overflow-hidden' : 'w-full max-w-4xl'}>
-          <div className={maximized ? 'flex-1 min-h-0 flex flex-col overflow-hidden' : 'rounded-xl border border-border/50 shadow-sm overflow-hidden flex flex-col max-h-[50vh]'}>
+          <div
+            data-walkthrough="ask-button"
+            className={maximized ? 'flex-1 min-h-0 flex flex-col overflow-hidden' : 'rounded-xl border border-border/70 shadow-sm overflow-hidden flex flex-col max-h-[50vh]'}
+          >
             <AskContent
               visible={true}
               variant="home"

package/app/components/Panel.tsx

@@ -316,7 +316,12 @@ export default function Panel({
             </div>
           </div>
         </PanelHeader>
-        <div className="flex-1 overflow-y-auto min-h-0 px-2 py-2">
+        <div
+          className="flex-1 overflow-y-auto min-h-0 px-2 py-2"
+          onDragEnter={(e) => { if (e.dataTransfer.types.includes('Files')) e.stopPropagation(); }}
+          onDragOver={(e) => { if (e.dataTransfer.types.includes('Files')) { e.preventDefault(); e.stopPropagation(); } }}
+          onDrop={(e) => { if (e.dataTransfer.types.includes('Files')) { e.preventDefault(); e.stopPropagation(); } }}
+        >
           <FileTree nodes={fileTree} onNavigate={onNavigate} maxOpenDepth={maxOpenDepth} onImport={onImport} />
         </div>
         <SyncStatusBar collapsed={false} onOpenSyncSettings={onOpenSyncSettings} />

package/app/components/agents/AgentDetailContent.tsx

@@ -4,7 +4,7 @@ import Link from 'next/link';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   ArrowLeft, Activity, Globe, Key, Loader2, MoreHorizontal, Pencil, Server, Search,
-  Shield, ShieldCheck, Trash2, Wifi, WifiOff, Zap,
+  Shield, ShieldCheck, Trash2, Wifi, WifiOff, Zap, Copy, AlertTriangle,
   FileEdit, FilePlus, Clock, Terminal, CheckCircle2, AlertCircle, ChevronDown, BookOpen,
 } from 'lucide-react';
 import { useLocale } from '@/lib/stores/locale-store';
@@ -196,6 +196,35 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
     }
   }, [a.detail.skillDeleteSuccess, a.detail.skillDeleteFailed, mcp]);
 
+  const handleCopySkillToAgent = useCallback(async (skillName: string) => {
+    if (!agent?.skillWorkspacePath) return;
+    setSkillBusy(skillName);
+    setEditError(null);
+    try {
+      const res = await apiFetch<{ success: boolean; targetPath?: string }>(
+        '/api/agents/copy-skill',
+        {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            skillName,
+            targetPath: agent.skillWorkspacePath,
+          }),
+        }
+      );
+      if (res.success) {
+        toast.success(`Skill "${skillName}" copied to ${agent.name}`);
+        await mcp.refresh();
+      }
+    } catch (err: unknown) {
+      const msg = err instanceof Error ? err.message : 'Failed to copy skill';
+      setEditError(msg);
+      toast.error(msg);
+    } finally {
+      setSkillBusy(null);
+    }
+  }, [agent, mcp]);
+
   const handleCopySnippet = useCallback(async () => {
     const ok = await copyToClipboard(snippet.snippet);
     if (ok) toast.copy();
@@ -460,6 +489,22 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
           </div>
         )}
 
+        {/* Unsupported Skill Installation Notice (for agents like QClaw, WorkBuddy) */}
+        {agent?.skillMode === 'unsupported' && (
+          <div className="rounded-lg border border-[var(--amber)]/20 bg-[var(--amber-dim)] p-3 mb-2">
+            <p className="text-sm font-medium text-foreground mb-2 flex items-center gap-1.5">
+              <AlertTriangle size={14} className="text-[var(--amber)] shrink-0" aria-hidden="true" />
+              Manual Skill Installation
+            </p>
+            <p className="text-xs text-muted-foreground mb-3">
+              This agent doesn&apos;t support <code className="bg-background px-1 py-0.5 rounded text-xs font-mono">npx skills</code>. Copy skills manually:
+            </p>
+            <div className="bg-background rounded-md px-3 py-2 font-mono text-xs overflow-x-auto border border-border/50 select-all">
+              cp -r ~/.mindos/skills/&lt;skill-name&gt; {agent.skillWorkspacePath || '~/.agent/skills/'}
+            </div>
+          </div>
+        )}
+
         {/* MindOS Skills */}
         {filteredSkills.length > 0 && (
           <div>
@@ -510,6 +555,18 @@ export default function AgentDetailContent({ agentKey }: { agentKey: string }) {
                             </button>
                           </>
                         )}
+                        {agent?.skillMode === 'unsupported' && (
+                          <button
+                            type="button"
+                            onClick={() => void handleCopySkillToAgent(skill.name)}
+                            disabled={skillBusy === skill.name}
+                            className="inline-flex items-center justify-center min-h-[28px] px-1.5 rounded-md text-muted-foreground hover:text-[var(--amber)] cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-150"
+                            title={`Copy ${skill.name} to ${agent.name}`}
+                            aria-label={`Copy ${skill.name} to ${agent.name}`}
+                          >
+                            <Copy size={13} />
+                          </button>
+                        )}
                       </div>
                     </div>
 

package/app/components/agents/AgentsOverviewSection.tsx

@@ -223,17 +223,7 @@ export default function AgentsOverviewSection({
             </span>
           </div>
           <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3">
-            {sortedAgents.map((agent, i) => (
-              <AgentCard
-                key={agent.key}
-                agent={agent}
-                copy={copy}
-                index={i}
-                mcpEnabled={mcpEnabled}
-                onEdit={agent.isCustom ? onEditCustomAgent : undefined}
-                onRemove={agent.isCustom ? onRemoveCustomAgent : undefined}
-              />
-            ))}
+            {/* Add Custom Agent Button — Always First */}
             {onAddCustomAgent && (
               <button
                 type="button"
@@ -254,6 +244,18 @@ export default function AgentsOverviewSection({
                 </span>
               </button>
             )}
+            {/* Agent Cards */}
+            {sortedAgents.map((agent, i) => (
+              <AgentCard
+                key={agent.key}
+                agent={agent}
+                copy={copy}
+                index={i}
+                mcpEnabled={mcpEnabled}
+                onEdit={agent.isCustom ? onEditCustomAgent : undefined}
+                onRemove={agent.isCustom ? onRemoveCustomAgent : undefined}
+              />
+            ))}
           </div>
         </section>
       ) : (