+
diff --git a/ui/web/src/components/layout/topbar.tsx b/ui/web/src/components/layout/topbar.tsx
index 0caa9e5d..b8f83b45 100644
--- a/ui/web/src/components/layout/topbar.tsx
+++ b/ui/web/src/components/layout/topbar.tsx
@@ -17,7 +17,7 @@ export function Topbar() {
)}
+ {/* Expertise summary */}
+ {agent.frontmatter && (
+
+ {agent.frontmatter}
+
+ )}
+
{/* Bottom badges */}
{agent.agent_type}
diff --git a/ui/web/src/pages/agents/agent-detail/agent-detail-page.tsx b/ui/web/src/pages/agents/agent-detail/agent-detail-page.tsx
index c1cab74c..03ac5268 100644
--- a/ui/web/src/pages/agents/agent-detail/agent-detail-page.tsx
+++ b/ui/web/src/pages/agents/agent-detail/agent-detail-page.tsx
@@ -8,6 +8,7 @@ import { AgentGeneralTab } from "./agent-general-tab";
import { AgentConfigTab } from "./agent-config-tab";
import { AgentFilesTab } from "./agent-files-tab";
import { AgentSharesTab } from "./agent-shares-tab";
+import { AgentLinksTab } from "./agent-links-tab";
import { SummoningModal } from "../summoning-modal";
import { DeferredSpinner } from "@/components/shared/loading-skeleton";
@@ -102,6 +103,7 @@ export function AgentDetailPage({ agentId, onBack }: AgentDetailPageProps) {
Config
Files
Shares
+
Links
@@ -125,6 +127,10 @@ export function AgentDetailPage({ agentId, onBack }: AgentDetailPageProps) {
+
+
+
+
diff --git a/ui/web/src/pages/agents/agent-detail/agent-files-tab.tsx b/ui/web/src/pages/agents/agent-detail/agent-files-tab.tsx
index bcf036e2..9602ea12 100644
--- a/ui/web/src/pages/agents/agent-detail/agent-files-tab.tsx
+++ b/ui/web/src/pages/agents/agent-detail/agent-files-tab.tsx
@@ -1,17 +1,14 @@
import { useState, useEffect } from "react";
-import { FileText, Save, Info, Lock, Sparkles } from "lucide-react";
+import { Lock, Sparkles } from "lucide-react";
import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Textarea } from "@/components/ui/textarea";
-import {
- Dialog,
- DialogContent,
- DialogHeader,
- DialogTitle,
- DialogFooter,
-} from "@/components/ui/dialog";
import { useAuthStore } from "@/stores/use-auth-store";
import type { AgentData, BootstrapFile } from "@/types/agent";
+import {
+ FileSidebar,
+ FileEditor,
+ RegenerateDialog,
+ OpenAgentEmptyState,
+} from "./file-sections";
interface AgentFilesTabProps {
agent: AgentData;
@@ -21,18 +18,13 @@ interface AgentFilesTabProps {
onRegenerate?: (prompt: string) => Promise;
}
-const FILE_DESCRIPTIONS: Record = {
- "AGENTS.md": "Operating instructions and agent behavior rules",
- "SOUL.md": "Persona, tone, and behavioral boundaries",
- "TOOLS.md": "Notes about available tools and their usage",
- "IDENTITY.md": "Agent name, emoji, avatar, and description",
- "USER.md": "User profile (per-user customizable)",
- "HEARTBEAT.md": "Periodic tasks configuration",
- "BOOTSTRAP.md": "First-run ritual (auto-deleted after completion)",
- "MEMORY.json": "Long-term memory data",
-};
-
-export function AgentFilesTab({ agent, files, onGetFile, onSetFile, onRegenerate }: AgentFilesTabProps) {
+export function AgentFilesTab({
+ agent,
+ files,
+ onGetFile,
+ onSetFile,
+ onRegenerate,
+}: AgentFilesTabProps) {
const userId = useAuthStore((s) => s.userId);
const [selectedFile, setSelectedFile] = useState(null);
const [content, setContent] = useState("");
@@ -40,23 +32,23 @@ export function AgentFilesTab({ agent, files, onGetFile, onSetFile, onRegenerate
const [saving, setSaving] = useState(false);
const [dirty, setDirty] = useState(false);
const [regenerateOpen, setRegenerateOpen] = useState(false);
- const [regeneratePrompt, setRegeneratePrompt] = useState("");
- const [regenerating, setRegenerating] = useState(false);
const isOpen = agent.agent_type === "open";
const isPredefined = agent.agent_type === "predefined";
const isOwner = agent.owner_id === userId;
const canEdit = !isPredefined || isOwner;
- // Hide MEMORY.json — memory is managed by the memory system, not context files
- // Hide BOOTSTRAP.md for predefined agents — it's a per-user onboarding file, not agent-level
- const displayFiles = files.filter((f) =>
- f.name !== "MEMORY.json" && !(isPredefined && f.name === "BOOTSTRAP.md"),
+ // Hide MEMORY.json and BOOTSTRAP.md for predefined agents
+ const displayFiles = files.filter(
+ (f) =>
+ f.name !== "MEMORY.json" &&
+ !(isPredefined && f.name === "BOOTSTRAP.md"),
);
- const allMissing = displayFiles.length > 0 && displayFiles.every((f) => f.missing);
+ const allMissing =
+ displayFiles.length > 0 && displayFiles.every((f) => f.missing);
- // USER.md is per-user at runtime — not editable from the agent admin UI for predefined agents
- const isUserScoped = (fileName: string) => isPredefined && fileName === "USER.md";
+ const isUserScoped = (fileName: string) =>
+ isPredefined && fileName === "USER.md";
useEffect(() => {
if (!selectedFile) return;
@@ -80,45 +72,13 @@ export function AgentFilesTab({ agent, files, onGetFile, onSetFile, onRegenerate
}
};
- // For open agents with no agent-level files, show explanation
- if (isOpen && allMissing) {
- return (
-
-
-
-
-
Open Agent - Per-User Context Files
-
- This is an open agent. Context files (AGENTS.md, SOUL.md, TOOLS.md, etc.)
- are personalized for each user. They are automatically created from templates when a user
- first chats with this agent.
-
-
- Agent-level files shown here are empty because open agents store all context per-user
- in the user_context_files table.
-
-
-
+ const handleContentChange = (val: string) => {
+ setContent(val);
+ setDirty(true);
+ };
-
-
Context Files
-
- {displayFiles.map((file) => (
-
-
-
-
{file.name}
-
- {FILE_DESCRIPTIONS[file.name] || "Context file"}
-
-
-
per-user
-
- ))}
-
-
-
- {/* File list */}
-
- {displayFiles.map((file) => {
- const userScoped = isUserScoped(file.name);
- return (
-
- );
- })}
-
-
- {/* Editor */}
-
- {selectedFile ? (
- <>
-
-
- {selectedFile}
- {FILE_DESCRIPTIONS[selectedFile] && (
-
- - {FILE_DESCRIPTIONS[selectedFile]}
-
- )}
-
- {canEdit && (
-
- )}
-
- {loading && !content ? (
-
- Loading...
-
- ) : (
-