From 55062228e4fec66a92c8bac625f18ae02a580f73 Mon Sep 17 00:00:00 2001
From: Zyy <zyycn@users.noreply.github.com>
Date: Mon, 5 Oct 2026 13:36:28 +0800
Subject: [PATCH] fix(frontend): prevent proxy exit IP overflow

Fixes #351

Co-authored-by: Codex <noreply@openai.com>
---
 frontend/src/views/proxies/constants.ts | 2 +-
 frontend/src/views/proxies/index.vue    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/proxies/constants.ts b/frontend/src/views/proxies/constants.ts
index bc9595f91..004dc40b5 100644
--- a/frontend/src/views/proxies/constants.ts
+++ b/frontend/src/views/proxies/constants.ts
@@ -4,7 +4,7 @@ import { defineTableColumns } from '@codex-proxy/ui'
 export const proxyColumns = defineTableColumns<OutboundProxyRecord>([
   { key: 'name', label: '代理名称', kind: 'identity', size: 'lg' },
   { key: 'address', label: '代理地址', kind: 'identity', size: 'xl' },
-  { key: 'exitIp', label: '出口 IP', kind: 'custom' },
+  { key: 'exitIp', label: '出口 IP', kind: 'custom', size: 'xl' },
   { key: 'latency', label: '耗时', kind: 'custom', size: 'sm' },
   { key: 'accounts', label: '关联账号', kind: 'custom', size: 'sm' },
   { key: 'testedAt', label: '测试时间', kind: 'datetime' },
diff --git a/frontend/src/views/proxies/index.vue b/frontend/src/views/proxies/index.vue
index 98b724a64..314b62616 100644
--- a/frontend/src/views/proxies/index.vue
+++ b/frontend/src/views/proxies/index.vue
@@ -93,13 +93,13 @@ const inspected = shallowRef<OutboundProxyRecord | null>(null)
                   {{ row.lastTest.exitIpv6 }}
                 </span>
               </div>
-              <div v-else-if="row.lastTest?.exitIpv4" class="font-mono text-cp-xs" :title="`IPv4: ${row.lastTest.exitIpv4}`">
+              <div v-else-if="row.lastTest?.exitIpv4" class="truncate font-mono text-cp-xs" :title="`IPv4: ${row.lastTest.exitIpv4}`">
                 {{ row.lastTest.exitIpv4 }}
               </div>
-              <div v-else-if="row.lastTest?.exitIpv6" class="font-mono text-cp-xs" :title="`IPv6: ${row.lastTest.exitIpv6}`">
+              <div v-else-if="row.lastTest?.exitIpv6" class="truncate font-mono text-cp-xs" :title="`IPv6: ${row.lastTest.exitIpv6}`">
                 {{ row.lastTest.exitIpv6 }}
               </div>
-              <span v-else-if="row.lastTest?.exitIp" class="break-all font-mono text-cp-xs">{{ row.lastTest.exitIp }}</span>
+              <span v-else-if="row.lastTest?.exitIp" class="block truncate font-mono text-cp-xs" :title="row.lastTest.exitIp">{{ row.lastTest.exitIp }}</span>
               <span v-else class="text-cp-text-quaternary">-</span>
             </template>
             <template #latency="{ row }">