From ef1a035701afd0a7b284f0b6f74a56767aea62d8 Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Thu, 18 Sep 2025 18:08:59 +0800
Subject: [PATCH] feat: add AgentsTab component for managing agents

---
 .../src/pages/home/Tabs/AgentsTab.tsx         | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/renderer/src/pages/home/Tabs/AgentsTab.tsx

diff --git a/src/renderer/src/pages/home/Tabs/AgentsTab.tsx b/src/renderer/src/pages/home/Tabs/AgentsTab.tsx
new file mode 100644
index 0000000000..9f6e7f9ffc
--- /dev/null
+++ b/src/renderer/src/pages/home/Tabs/AgentsTab.tsx
@@ -0,0 +1,38 @@
+import { Button } from '@heroui/react'
+import { AgentModal } from '@renderer/components/Popups/AgentModal'
+import { useAgents } from '@renderer/hooks/agents/useAgents'
+import { useRemoveAgent } from '@renderer/hooks/agents/useRemoveAgent'
+import { Plus } from 'lucide-react'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import AgentItem from './components/AgentItem'
+
+interface AssistantsTabProps {}
+
+export const AgentsTab: FC<AssistantsTabProps> = () => {
+  const { agents } = useAgents()
+  const { removeAgent } = useRemoveAgent()
+  const { t } = useTranslation()
+
+  return (
+    <div className="agents-tab h-full w-full">
+      <span className="mb-2 text-foreground-400 text-xs">{t('common.agent_other')}</span>
+      {agents.map((agent) => (
+        <AgentItem key={agent.id} agent={agent} isActive={false} onDelete={removeAgent} />
+      ))}
+      <AgentModal
+        trigger={{
+          content: (
+            <Button
+              onPress={(e) => e.continuePropagation()}
+              className="w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
+              <Plus size={16} className="mr-1 shrink-0" />
+              {t('agent.add.title')}
+            </Button>
+          )
+        }}
+      />
+    </div>
+  )
+}