From a95a34137016f2d8f4763fd6a5b29fcbdb570961 Mon Sep 17 00:00:00 2001
From: logan <admin@attacker.club>
Date: Thu, 28 May 2026 21:43:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DTicketCreatePage?=
 =?UTF-8?q?=E6=B5=8F=E8=A7=88=E6=8C=89=E9=92=AE=E7=BC=BA=E5=B0=91<button>?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE+=E8=A1=A5Sparkles=20import?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/TicketCreatePage.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/TicketCreatePage.tsx b/frontend/src/pages/TicketCreatePage.tsx
index f3cbb54..c050cb7 100644
--- a/frontend/src/pages/TicketCreatePage.tsx
+++ b/frontend/src/pages/TicketCreatePage.tsx
@@ -2,7 +2,7 @@ import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import {
   ChevronRight, Check, AlertTriangle, Shield, Database,
-  Loader2, Clock,
+  Loader2, Clock, Sparkles,
 } from 'lucide-react';
 import { ticketApi } from '@/api/ticket';
 import { instanceApi } from '@/api/instance';
@@ -320,8 +320,10 @@ export default function TicketCreatePage() {
           <div className="flex-1" />
 
           {/* 浏览面板 */}
-          {instanceId && database && (
+          {instanceId && (
+            <button onClick={() => setShowBrowser(!showBrowser)}
               className={`flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border transition-all ${
+                showBrowser ? 'bg-blue-500/15 text-blue-400 border-blue-500/30' : 'text-[var(--dg-text-secondary)] bg-[var(--dg-bg-tertiary)] border-[var(--dg-border)] hover:bg-[var(--dg-bg-hover)]'
               }`}>
               <Database className="w-3.5 h-3.5" />
               {showBrowser ? '隐藏浏览' : '库表浏览'}