✨ feat(ui): 完成新版 UI 全量改造

- 整体布局：按新版 UI 重构左侧导航、对象树、连接分组和右键菜单体系

- 数据视图：优化 DDL 侧栏、横向滚动、筛选输入、编辑入口和虚拟表格体验

- AI 面板：重构新版入口、输入区、模型选择、快捷键和悬浮布局

- 标签与快捷键：补齐 Tab 悬浮信息、复制交互和 Mac/Windows 快捷键配置

- 工程质量：新增 v2 主题样式、菜单组件、外观工具和回归测试覆盖

frontend/src/utils/aiEntryLayout.ts

@@ -2,23 +2,20 @@ import type { CSSProperties } from 'react';
 
 export const SIDEBAR_UTILITY_ITEM_KEYS = ['tools', 'settings'] as const;
 
-export type AIEntryPlacement = 'content-edge';
-export type AIEdgeHandleAttachment = 'content-shell' | 'panel-shell';
+export type LegacyAIEdgeHandleAttachment = 'content-shell' | 'panel-shell';
 
-export interface ResolveAIEdgeHandleStyleInput {
+export interface ResolveLegacyAIEdgeHandleStyleInput {
   darkMode: boolean;
   aiPanelVisible: boolean;
   effectiveUiScale: number;
 }
 
-export const resolveAIEntryPlacement = (): AIEntryPlacement => 'content-edge';
-
-export const resolveAIEdgeHandleAttachment = (
+export const resolveLegacyAIEdgeHandleAttachment = (
   aiPanelVisible: boolean,
-): AIEdgeHandleAttachment => (aiPanelVisible ? 'panel-shell' : 'content-shell');
+): LegacyAIEdgeHandleAttachment => (aiPanelVisible ? 'panel-shell' : 'content-shell');
 
-export const resolveAIEdgeHandleDockStyle = (
-  attachment: AIEdgeHandleAttachment,
+export const resolveLegacyAIEdgeHandleDockStyle = (
+  attachment: LegacyAIEdgeHandleAttachment,
 ): CSSProperties => ({
   position: 'absolute',
   top: 16,
@@ -26,11 +23,11 @@ export const resolveAIEdgeHandleDockStyle = (
   zIndex: 12,
 });
 
-export const resolveAIEdgeHandleStyle = ({
+export const resolveLegacyAIEdgeHandleStyle = ({
   darkMode,
   aiPanelVisible,
   effectiveUiScale,
-}: ResolveAIEdgeHandleStyleInput): CSSProperties => {
+}: ResolveLegacyAIEdgeHandleStyleInput): CSSProperties => {
   const inactiveColor = darkMode ? 'rgba(255,255,255,0.86)' : 'rgba(22,32,51,0.82)';
   const inactiveBackground = darkMode ? 'rgba(255,255,255,0.04)' : 'rgba(15,23,42,0.04)';
   const inactiveBorder = darkMode ? 'rgba(255,255,255,0.08)' : 'rgba(15,23,42,0.08)';