From 0d3cdfbe0c7e3cef7d88e16cfcc0895ca73b7059 Mon Sep 17 00:00:00 2001
From: chyoo <chyoo@futuredrive.net>
Date: Tue, 29 Sep 2026 16:41:51 +0900
Subject: [PATCH] fix(platforms): widen platform column and prioritize
 unregistered agents

---
 src/pages/platforms/PlatformsPage.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/pages/platforms/PlatformsPage.tsx b/src/pages/platforms/PlatformsPage.tsx
index 72219ed..585f306 100644
--- a/src/pages/platforms/PlatformsPage.tsx
+++ b/src/pages/platforms/PlatformsPage.tsx
@@ -121,6 +121,9 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
     });
     return keys;
   }, [platforms]);
+  const sortedAgents = useMemo(() => [...agents].sort((a, b) =>
+    Number(isRegisteredAgent(a, registeredAgentKeys)) - Number(isRegisteredAgent(b, registeredAgentKeys)),
+  ), [agents, registeredAgentKeys]);
   const pagedPlatforms = useMemo(() => filteredPlatforms.slice((page - 1) * pageSize, page * pageSize), [filteredPlatforms, page, pageSize]);
   const summaryItems = [
     { label: '전체 플랫폼', value: `${summary.totalPlatforms}대`, icon: Car, tone: 'bg-[#eff6ff] text-[#2563eb]' },
@@ -449,7 +452,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
 
         <div className="overflow-x-auto">
           <div className="xl:min-w-[1020px]">
-            <div className="hidden select-none gap-4 grid-cols-[44px_200px_110px_92px_110px_150px_184px] items-center border-b border-[#cbd5e1] bg-[#f8fafc] px-4 py-3 text-center text-[11px] font-bold text-[#64748b] xl:grid">
+            <div className="hidden select-none gap-4 grid-cols-[44px_minmax(200px,1fr)_110px_92px_110px_150px_184px] items-center border-b border-[#cbd5e1] bg-[#f8fafc] px-4 py-3 text-center text-[11px] font-bold text-[#64748b] xl:grid">
               <span>No.</span>
               <span>플랫폼</span>
               <span>연결</span>
@@ -471,7 +474,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
                 </div>
               ) : pagedPlatforms.length > 0 ? (
                 pagedPlatforms.map((platform, index) => (
-                  <article className="grid select-none gap-4 px-4 py-4 xl:grid-cols-[44px_200px_110px_92px_110px_150px_184px] xl:items-center" key={platform.id}>
+                  <article className="grid select-none gap-4 px-4 py-4 xl:grid-cols-[44px_minmax(200px,1fr)_110px_92px_110px_150px_184px] xl:items-center" key={platform.id}>
                     <div className="text-center">
                       <p className="mb-2 text-[11px] font-bold text-[#94a3b8] xl:hidden">번호</p>
                       <span className="text-[13px] font-bold text-[#64748b]">{filteredPlatforms.length - ((page - 1) * pageSize + index)}</span>
@@ -483,7 +486,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
                       </span>
                       <div className="min-w-0">
                         <h3 className="truncate text-[14px] font-black text-[#111827]">{platform.name}</h3>
-                        <p className="mt-1 text-[12px] font-bold text-[#64748b]">{platform.type}</p>
+                        <p className="mt-1 break-words text-[12px] font-bold text-[#64748b]">{platform.type}</p>
                       </div>
                     </div>
 
@@ -606,7 +609,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
             <div className="p-5">
               <div>
                 <div className="flex items-center justify-between">
-                  <span className="text-[12px] font-black text-[#475569]">등록된 에이전트</span>
+                  <span className="text-[12px] font-black text-[#475569]">검색된 에이전트</span>
                   <span className="text-[11px] font-bold text-[#94a3b8]">
                     {agentsLoading ? '조회 중' : `${agents.filter((agent) => agent.connected && !agent.expired).length}/${agents.length} 연결`}
                   </span>
@@ -619,7 +622,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
                     </div>
                   ) : agentsError ? (
                     <div className="rounded-md border border-dashed border-[#fecdd3] bg-[#fff1f2] px-3 py-8 text-center text-[12px] font-bold text-[#e11d48]">{agentsError}</div>
-                  ) : agents.length ? agents.map((agent) => {
+                  ) : sortedAgents.length ? sortedAgents.map((agent) => {
                     const selected = selectedAgentId === agent.id;
                     const available = agent.connected && !agent.expired;
                     const registered = isRegisteredAgent(agent, registeredAgentKeys);