From be2b073e4caa77f6ba4d46634a2fb1746322675d Mon Sep 17 00:00:00 2001
From: Markov <markov@uix.su>
Date: Sun, 15 Mar 2026 13:03:53 +0100
Subject: [PATCH] fix: show bridge in agents list in project settings

---
 src/components/ProjectSettings.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/ProjectSettings.tsx b/src/components/ProjectSettings.tsx
index 468a4a4..a4b89bf 100644
--- a/src/components/ProjectSettings.tsx
+++ b/src/components/ProjectSettings.tsx
@@ -205,7 +205,7 @@ export default function ProjectSettings({ project, onUpdated }: Props) {
           <div className="space-y-3">
             {/* Humans (non-removable except by dropdown) */}
             <div className="space-y-2">
-              {members.filter(m => m.type !== "agent").map((member) => (
+              {members.filter(m => m.type === "human").map((member) => (
                 <div key={member.slug} className="flex items-center justify-between p-2 bg-[var(--bg)] border border-[var(--border)] rounded-lg">
                   <div className="flex items-center gap-3">
                     <div className="w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium bg-green-500/20 text-green-400">
@@ -223,13 +223,15 @@ export default function ProjectSettings({ project, onUpdated }: Props) {
             {/* Agents with toggle switches */}
             <div className="text-xs text-[var(--muted)] mt-4 mb-2">Агенты</div>
             <div className="space-y-2">
-              {allMembers.filter(m => m.type === "agent").map((agent) => {
+              {allMembers.filter(m => m.type === "agent" || m.type === "bridge").map((agent) => {
                 const isActive = members.some(pm => pm.id === agent.id);
                 return (
                   <div key={agent.id} className="flex items-center justify-between p-2 bg-[var(--bg)] border border-[var(--border)] rounded-lg">
                     <div className="flex items-center gap-3">
-                      <div className="w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium bg-blue-500/20 text-blue-400">
-                        A
+                      <div className={`w-6 h-6 rounded-full flex items-center justify-center text-xs font-medium ${
+                        agent.type === "bridge" ? "bg-purple-500/20 text-purple-400" : "bg-blue-500/20 text-blue-400"
+                      }`}>
+                        {agent.type === "bridge" ? "B" : "A"}
                       </div>
                       <div>
                         <div className="text-sm font-medium">{agent.name}</div>
@@ -264,7 +266,7 @@ export default function ProjectSettings({ project, onUpdated }: Props) {
             </div>
 
             {/* Add human member */}
-            {availableMembers.filter(m => m.type !== "agent").length > 0 && (
+            {availableMembers.filter(m => m.type === "human").length > 0 && (
               <div className="flex gap-2 mt-3">
                 <select
                   value={selectedMember}
@@ -272,7 +274,7 @@ export default function ProjectSettings({ project, onUpdated }: Props) {
                   className="flex-1 px-3 py-2 bg-[var(--bg)] border border-[var(--border)] rounded-lg outline-none focus:border-[var(--accent)] text-sm"
                 >
                   <option value="">Добавить участника...</option>
-                  {availableMembers.filter(m => m.type !== "agent").map((member) => (
+                  {availableMembers.filter(m => m.type === "human").map((member) => (
                     <option key={member.id} value={member.id}>
                       {member.name} ({member.slug}) - {member.type}
                     </option>