From 90d6353871321d7468311eb38fcb5f26044febff Mon Sep 17 00:00:00 2001
From: logan <logan@users.noreply.gitee.com>
Date: Fri, 18 Sep 2026 00:23:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=87=E7=AD=BE=E9=A1=B5=E6=A0=8F?=
 =?UTF-8?q?=E5=8D=8F=E8=AE=AE=E5=9B=BE=E6=A0=87=E6=8D=A2=E4=B8=BA=20lucide?=
 =?UTF-8?q?=20SVG=EF=BC=88=E6=B8=85=E7=90=86=E6=9C=80=E5=90=8E=E4=B8=80?=
 =?UTF-8?q?=E6=89=B9=20emoji=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/src/components/TabBar.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/TabBar.tsx b/packages/ui/src/components/TabBar.tsx
index e357960..6618f1b 100644
--- a/packages/ui/src/components/TabBar.tsx
+++ b/packages/ui/src/components/TabBar.tsx
@@ -5,14 +5,14 @@ import { KIND_LABELS, findNode } from "@opsxapi/core";
 import { useState } from "react";
 import { useWorkspace } from "../workspaceStore";
 import { ContextMenu, cx, type MenuItem } from "./common";
+import { Icon, type IconName } from "./icons";
 
-const KIND_TAB_ICON: Record<string, string> = {
-  http: "",
-  graphql: "◈",
-  websocket: "⚡",
-  sse: "📡",
-  socketio: "🔌",
-  mqtt: "📮",
+const KIND_TAB_ICON: Record<string, IconName> = {
+  graphql: "hexagon",
+  websocket: "zap",
+  sse: "radio",
+  socketio: "plug-zap",
+  mqtt: "mailbox",
 };
 
 export function TabBar() {
@@ -77,7 +77,7 @@ export function TabBar() {
             {node.type === "request" && node.kind === "http" ? (
               <span className={`ops-method-${node.data.method} font-bold`}>{node.data.method}</span>
             ) : node.type === "request" ? (
-              <span title={KIND_LABELS[node.kind]}>{KIND_TAB_ICON[node.kind]}</span>
+              <Icon name={KIND_TAB_ICON[node.kind]} size={13} className="ops-dim shrink-0" title={KIND_LABELS[node.kind]} />
             ) : null}
             <span className="max-w-48 truncate">{node.name}</span>
             {busy && <span className="ops-dot ops-dot-connecting" />}