ake/paperclip
1
0
Fork 0
mirror of https://github.com/alkimake/paperclip.git synced 2026-06-14 01:50:39 +09:00
Code Issues Projects Releases Packages Wiki Activity

Build out agent management UI: detail page, create dialog, list view

Browse source 
Add NewAgentDialog for creating agents with adapter config. Expand
AgentDetail page with tabbed view (overview, runs, config, logs),
run history timeline, and live status. Enhance Agents list page with
richer cards and filtering. Update AgentProperties panel, API client,
query keys, and utility helpers.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Forgotten 2026-02-17 12:33:04 -06:00
parent b12bf6e7dd
commit 8f17b6fb52
10 changed files with 1798 additions and 117 deletions
Download patch file Download diff file Expand all files Collapse all files

24
ui/src/components/AgentProperties.tsx
View file

@ -1,12 +1,20 @@
import type { Agent } from "@paperclip/shared";
import type { Agent, AgentRuntimeState } from "@paperclip/shared";
import { StatusBadge } from "./StatusBadge";
import { formatCents, formatDate } from "../lib/utils";
import { Separator } from "@/components/ui/separator";
interface AgentPropertiesProps {
agent: Agent;
runtimeState?: AgentRuntimeState;
}
const adapterLabels: Record<string, string> = {
claude_local: "Claude (local)",
codex_local: "Codex (local)",
process: "Process",
http: "HTTP",
};
function PropertyRow({ label, children }: { label: string; children: React.ReactNode }) {
return (
<div className="flex items-center justify-between py-1.5">
@ -16,7 +24,7 @@ function PropertyRow({ label, children }: { label: string; children: React.React
);
}
export function AgentProperties({ agent }: AgentPropertiesProps) {
export function AgentProperties({ agent, runtimeState }: AgentPropertiesProps) {
return (
<div className="space-y-4">
<div className="space-y-1">
@ -32,7 +40,7 @@ export function AgentProperties({ agent }: AgentPropertiesProps) {
</PropertyRow>
)}
<PropertyRow label="Adapter">
<span className="text-sm font-mono">{agent.adapterType}</span>
<span className="text-sm font-mono">{adapterLabels[agent.adapterType] ?? agent.adapterType}</span>
</PropertyRow>
<PropertyRow label="Context">
<span className="text-sm">{agent.contextMode}</span>
@ -60,6 +68,16 @@ export function AgentProperties({ agent }: AgentPropertiesProps) {
<Separator />
<div className="space-y-1">
{runtimeState?.sessionId && (
<PropertyRow label="Session">
<span className="text-xs font-mono">{runtimeState.sessionId.slice(0, 12)}...</span>
</PropertyRow>
)}
{runtimeState?.lastError && (
<PropertyRow label="Last error">
<span className="text-xs text-red-400 truncate max-w-[160px]">{runtimeState.lastError}</span>
</PropertyRow>
)}
{agent.lastHeartbeatAt && (
<PropertyRow label="Last Heartbeat">
<span className="text-sm">{formatDate(agent.lastHeartbeatAt)}</span>