fix(frontend): prevent proxy exit IP overflow

Fixes #351

Co-authored-by: Codex <noreply@openai.com>

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' },

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 }">