hanh.tonguyen/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish UI components and rework AgentConfigForm

Browse Source 
Major AgentConfigForm rework with improved adapter configuration
fields and layout. Refine sidebar, breadcrumbs, and card/tab
components for visual consistency. Clean up page layouts across
Activity, Agents, Approvals, Costs, Dashboard, Goals, Inbox,
Issues, Org, and Projects pages. Minor heartbeat-run CLI fix.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Forgotten
2026-02-18 10:43:25 -06:00
parent 769d74d896
commit 0d436911cd
29 changed files with 434 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/pages/AgentDetail.tsx
View File

@@ -367,7 +367,7 @@ export function AgentDetail() {
{assignedIssues.length === 0 ? (
<p className="text-sm text-muted-foreground">No assigned issues.</p>
) : (
<div className="border border-border rounded-md">
<div className="border border-border">
{assignedIssues.map((issue) => (
<EntityRow
key={issue.id}
@@ -429,6 +429,7 @@ function ConfigurationTab({ agent }: { agent: Agent }) {
mode="edit"
agent={agent}
onSave={(patch) => updateAgent.mutate(patch)}
isSaving={updateAgent.isPending}
adapterModels={adapterModels}
/>
</div>
@@ -450,7 +451,7 @@ function RunsTab({ runs, companyId }: { runs: HeartbeatRun[]; companyId: string
);
return (
<div className="border border-border rounded-md">
<div className="border border-border">
{sorted.map((run) => {
const statusInfo = runStatusIcons[run.status] ?? { icon: Clock, color: "text-neutral-400" };
const StatusIcon = statusInfo.icon;
@@ -975,7 +976,7 @@ function KeysTab({ agentId }: { agentId: string }) {
<h3 className="text-xs font-semibold text-muted-foreground uppercase tracking-wide mb-2">
Active Keys
</h3>
<div className="border border-border rounded-md divide-y divide-border">
<div className="border border-border divide-y divide-border">
{activeKeys.map((key: AgentKey) => (
<div key={key.id} className="flex items-center justify-between px-4 py-2.5">
<div>
@@ -1005,7 +1006,7 @@ function KeysTab({ agentId }: { agentId: string }) {
<h3 className="text-xs font-semibold text-muted-foreground uppercase tracking-wide mb-2">
Revoked Keys
</h3>
<div className="border border-border rounded-md divide-y divide-border opacity-50">
<div className="border border-border divide-y divide-border opacity-50">
{revokedKeys.map((key: AgentKey) => (
<div key={key.id} className="flex items-center justify-between px-4 py-2.5">
<div>