🔧fix(mongodb): 修复MongoDB查询仅返回一条数据的问题

- queryWithContext 中 find/count 命令改用原生 Collection.Find()和 CountDocuments() API，替代RunCommand 的 firstBatch 模式
- 新增 convertBsonValue 将 ObjectID/bson.M/bson.D/bson.A 转为JSON 友好类型，_id 列自动置首
- DBQuery 增加 MongoDB JSON 命令识别，避免 find 命令误走 Exec 分支

⚡️perf(macos): 动态控制 NSVisualEffectView 降低 MacOS GPU 持续消耗，Windows不受影响

- NSVisualEffectView 启动默认 alpha 由 0.72 改为 0，窗口默认 opaque
- 新增 gonaviSetEffectViewAlpha ObjC 函数支持运行时动态切换
- 新增 SetWindowTranslucency Wails 绑定方法供前端调用
- 启动重试次数由 24 次缩减至 8 次
- opacity=1.0 且 blur=0 时窗口标记 opaque，GPU 不再持续计算模糊合成
- App.tsx 仅保留最外层 Layout 的 backdropFilter，移除 TitleBar/MenuBar/Content/DataGrid/LogPanel 冗余嵌套
- App.css 移除暗色模式全局 text-shadow 减少 compositing 开销

frontend/src/components/ConnectionModal.tsx

@@ -1056,17 +1056,6 @@ const ConnectionModal: React.FC<{ open: boolean; onClose: () => void; initialVal
             <Form.Item name="mongoAuthSource" label="认证库 (authSource)">
                 <Input placeholder="默认使用 database 或 admin" />
             </Form.Item>
-            <Form.Item name="mongoAuthMechanism" label="验证方式 (authMechanism)">
-                <Select
-                    allowClear
-                    placeholder="默认由 MongoDB 驱动协商"
-                    options={[
-                        { value: 'SCRAM-SHA-1', label: 'SCRAM-SHA-1' },
-                        { value: 'SCRAM-SHA-256', label: 'SCRAM-SHA-256' },
-                        { value: 'MONGODB-AWS', label: 'MONGODB-AWS' },
-                    ]}
-                />
-            </Form.Item>
             <Form.Item name="mongoReadPreference" label="读偏好 (readPreference)">
                 <Select
                     options={[
@@ -1109,6 +1098,19 @@ const ConnectionModal: React.FC<{ open: boolean; onClose: () => void; initialVal
             <Form.Item name="password" label="密码" style={{ flex: 1 }}>
               <Input.Password />
             </Form.Item>
+            {dbType === 'mongodb' && (
+            <Form.Item name="mongoAuthMechanism" label="验证方式" style={{ width: 160 }}>
+                <Select
+                    allowClear
+                    placeholder="自动协商"
+                    options={[
+                        { value: 'SCRAM-SHA-1', label: 'SCRAM-SHA-1' },
+                        { value: 'SCRAM-SHA-256', label: 'SCRAM-SHA-256' },
+                        { value: 'MONGODB-AWS', label: 'MONGODB-AWS' },
+                    ]}
+                />
+            </Form.Item>
+            )}
         </div>
         )}
 

frontend/src/components/DataGrid.tsx

@@ -9,7 +9,7 @@ import { useStore } from '../store';
 import { v4 as uuidv4 } from 'uuid';
 import 'react-resizable/css/styles.css';
 import { buildWhereSQL, escapeLiteral, quoteIdentPart, quoteQualifiedIdent, type FilterCondition } from '../utils/sql';
-import { blurToFilter, normalizeBlurForPlatform, normalizeOpacityForPlatform } from '../utils/appearance';
+import { normalizeOpacityForPlatform } from '../utils/appearance';
 
 // --- Error Boundary ---
 interface DataGridErrorBoundaryState {
@@ -135,7 +135,10 @@ const INLINE_EDIT_MAX_CHARS = 2000;
 const shouldOpenModalEditor = (val: any): boolean => {
     if (val === null || val === undefined) return false;
     if (typeof val === 'string') {
-        return val.length > INLINE_EDIT_MAX_CHARS || val.includes('\n');
+        if (val.length > INLINE_EDIT_MAX_CHARS || val.includes('\n')) return true;
+        const trimmed = val.trimStart();
+        if (trimmed.startsWith('{') || trimmed.startsWith('[')) return true;
+        return false;
     }
     if (typeof val === 'object') {
         return true;
@@ -451,8 +454,6 @@ const DataGrid: React.FC<DataGridProps> = ({
   const appearance = useStore(state => state.appearance);
   const darkMode = theme === 'dark';
   const opacity = normalizeOpacityForPlatform(appearance.opacity);
-  const blur = normalizeBlurForPlatform(appearance.blur);
-  const blurFilter = blurToFilter(blur);
   const selectionColumnWidth = 46;
 
   // Background Helper
@@ -1732,7 +1733,7 @@ const DataGrid: React.FC<DataGridProps> = ({
   const enableVirtual = mergedDisplayData.length >= 200;
 
   return (
-    <div className={`${gridId}${cellEditMode ? ' cell-edit-mode' : ''}`} ref={containerRef} style={{ flex: '1 1 auto', height: '100%', overflow: 'hidden', padding: 0, display: 'flex', flexDirection: 'column', minHeight: 0, background: bgContent, backdropFilter: blurFilter, WebkitBackdropFilter: blurFilter }}>
+    <div className={`${gridId}${cellEditMode ? ' cell-edit-mode' : ''}`} ref={containerRef} style={{ flex: '1 1 auto', height: '100%', overflow: 'hidden', padding: 0, display: 'flex', flexDirection: 'column', minHeight: 0, background: bgContent }}>
 	       {/* Toolbar */}
 	        <div style={{ padding: '8px', borderBottom: '1px solid #eee', display: 'flex', gap: 8, alignItems: 'center' }}>
 	            {onReload && <Button icon={<ReloadOutlined />} disabled={loading} onClick={() => {
@@ -1960,7 +1961,6 @@ const DataGrid: React.FC<DataGridProps> = ({
 	            open={cellEditorOpen}
 	            onCancel={closeCellEditor}
             width={960}
-            destroyOnHidden
             maskClosable={false}
             footer={[
                 <Button key="format" onClick={handleFormatJsonInEditor} disabled={!cellEditorIsJson}>
@@ -1973,23 +1973,21 @@ const DataGrid: React.FC<DataGridProps> = ({
             <div style={{ marginBottom: 8, color: '#888', fontSize: 12 }}>
                 {cellEditorMeta ? `${tableName || ''}${tableName ? '.' : ''}${cellEditorMeta.dataIndex}` : ''}
             </div>
-            {cellEditorOpen && (
-                <Editor
-                    height="56vh"
-                    language={cellEditorIsJson ? "json" : "plaintext"}
-                    theme={darkMode ? "vs-dark" : "light"}
-                    value={cellEditorValue}
-                    onChange={(val) => setCellEditorValue(val || '')}
-                    options={{
-                        minimap: { enabled: false },
-                        scrollBeyondLastLine: false,
-                        wordWrap: "on",
-                        fontSize: 14,
-                        tabSize: 2,
-                        automaticLayout: true,
-                    }}
-                />
-            )}
+            <Editor
+                height="56vh"
+                language={cellEditorIsJson ? "json" : "plaintext"}
+                theme={darkMode ? "transparent-dark" : "transparent-light"}
+                value={cellEditorValue}
+                onChange={(val) => setCellEditorValue(val || '')}
+                options={{
+                    minimap: { enabled: false },
+                    scrollBeyondLastLine: false,
+                    wordWrap: "on",
+                    fontSize: 14,
+                    tabSize: 2,
+                    automaticLayout: true,
+                }}
+            />
         </Modal>
 
         {/* 批量编辑弹窗 */}
@@ -2063,8 +2061,6 @@ const DataGrid: React.FC<DataGridProps> = ({
                     top: cellContextMenu.y,
                     zIndex: 10000,
                     background: bgContextMenu,
-                    backdropFilter: blurFilter,
-                    WebkitBackdropFilter: blurFilter,
                     border: darkMode ? '1px solid #303030' : '1px solid #d9d9d9',
                     borderRadius: 4,
                     boxShadow: '0 2px 8px rgba(0,0,0,0.15)',

frontend/src/components/DefinitionViewer.tsx

@@ -0,0 +1,282 @@
+import React, { useState, useEffect } from 'react';
+import Editor from '@monaco-editor/react';
+import { Spin, Alert } from 'antd';
+import { TabData } from '../types';
+import { useStore } from '../store';
+import { DBQuery } from '../../wailsjs/go/app/App';
+
+interface DefinitionViewerProps {
+    tab: TabData;
+}
+
+const DefinitionViewer: React.FC<DefinitionViewerProps> = ({ tab }) => {
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+    const [definition, setDefinition] = useState<string>('');
+
+    const connections = useStore(state => state.connections);
+    const theme = useStore(state => state.theme);
+    const darkMode = theme === 'dark';
+
+    const escapeSQLLiteral = (raw: string): string => String(raw || '').replace(/'/g, "''");
+
+    const getMetadataDialect = (conn: any): string => {
+        const type = String(conn?.config?.type || '').trim().toLowerCase();
+        if (type === 'custom') {
+            return String(conn?.config?.driver || '').trim().toLowerCase();
+        }
+        if (type === 'mariadb') return 'mysql';
+        if (type === 'dameng') return 'dm';
+        return type;
+    };
+
+    const parseSchemaAndName = (fullName: string): { schema: string; name: string } => {
+        const raw = String(fullName || '').trim();
+        const idx = raw.lastIndexOf('.');
+        if (idx > 0 && idx < raw.length - 1) {
+            return { schema: raw.substring(0, idx), name: raw.substring(idx + 1) };
+        }
+        return { schema: '', name: raw };
+    };
+
+    const buildShowViewQuery = (dialect: string, viewName: string, dbName: string): string => {
+        const { schema, name } = parseSchemaAndName(viewName);
+        const safeName = escapeSQLLiteral(name);
+        const safeDbName = escapeSQLLiteral(dbName);
+
+        switch (dialect) {
+            case 'mysql':
+                return `SHOW CREATE VIEW \`${name.replace(/`/g, '``')}\``;
+            case 'postgres':
+            case 'kingbase':
+            case 'highgo':
+            case 'vastbase': {
+                const schemaRef = schema || 'public';
+                return `SELECT pg_get_viewdef('${escapeSQLLiteral(schemaRef)}.${safeName}'::regclass, true) AS view_definition`;
+            }
+            case 'sqlserver':
+                return `SELECT OBJECT_DEFINITION(OBJECT_ID('${escapeSQLLiteral(viewName)}')) AS view_definition`;
+            case 'oracle':
+            case 'dm':
+                if (schema) {
+                    return `SELECT TEXT AS view_definition FROM ALL_VIEWS WHERE OWNER = '${escapeSQLLiteral(schema).toUpperCase()}' AND VIEW_NAME = '${safeName.toUpperCase()}'`;
+                }
+                if (safeDbName) {
+                    return `SELECT TEXT AS view_definition FROM ALL_VIEWS WHERE OWNER = '${safeDbName.toUpperCase()}' AND VIEW_NAME = '${safeName.toUpperCase()}'`;
+                }
+                return `SELECT TEXT AS view_definition FROM USER_VIEWS WHERE VIEW_NAME = '${safeName.toUpperCase()}'`;
+            case 'sqlite':
+                return `SELECT sql AS view_definition FROM sqlite_master WHERE type='view' AND name='${safeName}'`;
+            default:
+                return `-- 暂不支持该数据库类型的视图定义查看`;
+        }
+    };
+
+    const buildShowRoutineQuery = (dialect: string, routineName: string, routineType: string, dbName: string): string => {
+        const { schema, name } = parseSchemaAndName(routineName);
+        const safeName = escapeSQLLiteral(name);
+        const safeDbName = escapeSQLLiteral(dbName);
+        const upperType = (routineType || 'FUNCTION').toUpperCase();
+
+        switch (dialect) {
+            case 'mysql':
+                return `SHOW CREATE ${upperType} \`${name.replace(/`/g, '``')}\``;
+            case 'postgres':
+            case 'kingbase':
+            case 'highgo':
+            case 'vastbase': {
+                const schemaRef = schema || 'public';
+                return `SELECT pg_get_functiondef(p.oid) AS routine_definition FROM pg_proc p JOIN pg_namespace n ON p.pronamespace = n.oid WHERE n.nspname = '${escapeSQLLiteral(schemaRef)}' AND p.proname = '${safeName}' LIMIT 1`;
+            }
+            case 'sqlserver':
+                return `SELECT OBJECT_DEFINITION(OBJECT_ID('${escapeSQLLiteral(routineName)}')) AS routine_definition`;
+            case 'oracle':
+            case 'dm': {
+                const owner = schema ? escapeSQLLiteral(schema).toUpperCase() : (safeDbName ? safeDbName.toUpperCase() : '');
+                if (owner) {
+                    return `SELECT TEXT FROM ALL_SOURCE WHERE OWNER = '${owner}' AND NAME = '${safeName.toUpperCase()}' AND TYPE = '${upperType}' ORDER BY LINE`;
+                }
+                return `SELECT TEXT FROM USER_SOURCE WHERE NAME = '${safeName.toUpperCase()}' AND TYPE = '${upperType}' ORDER BY LINE`;
+            }
+            case 'sqlite':
+                return `-- SQLite 不支持存储函数/存储过程`;
+            default:
+                return `-- 暂不支持该数据库类型的函数/存储过程定义查看`;
+        }
+    };
+
+    const extractViewDefinition = (dialect: string, data: any[]): string => {
+        if (!data || data.length === 0) return '-- 未找到视图定义';
+        const row = data[0];
+
+        switch (dialect) {
+            case 'mysql': {
+                const keys = Object.keys(row);
+                const sqlKey = keys.find(k => k.toLowerCase().includes('create view') || k.toLowerCase() === 'create view');
+                if (sqlKey) return row[sqlKey];
+                for (const key of keys) {
+                    const val = String(row[key] || '');
+                    if (val.toUpperCase().includes('CREATE') && val.toUpperCase().includes('VIEW')) {
+                        return val;
+                    }
+                }
+                return JSON.stringify(row, null, 2);
+            }
+            case 'oracle':
+            case 'dm':
+                return row.view_definition || row.VIEW_DEFINITION || row.text || row.TEXT || Object.values(row)[0] || '';
+            default:
+                return row.view_definition || row.VIEW_DEFINITION || row.sql || row.SQL || Object.values(row)[0] || '';
+        }
+    };
+
+    const extractRoutineDefinition = (dialect: string, data: any[]): string => {
+        if (!data || data.length === 0) return '-- 未找到函数/存储过程定义';
+
+        switch (dialect) {
+            case 'mysql': {
+                const row = data[0];
+                const keys = Object.keys(row);
+                const sqlKey = keys.find(k => k.toLowerCase().includes('create function') || k.toLowerCase().includes('create procedure'));
+                if (sqlKey) return row[sqlKey];
+                for (const key of keys) {
+                    const val = String(row[key] || '');
+                    if (val.toUpperCase().includes('CREATE') && (val.toUpperCase().includes('FUNCTION') || val.toUpperCase().includes('PROCEDURE'))) {
+                        return val;
+                    }
+                }
+                return JSON.stringify(row, null, 2);
+            }
+            case 'oracle':
+            case 'dm': {
+                // Oracle/DM ALL_SOURCE returns multiple rows, one per line
+                return data.map(row => row.text || row.TEXT || Object.values(row)[0] || '').join('');
+            }
+            default: {
+                const row = data[0];
+                return row.routine_definition || row.ROUTINE_DEFINITION || Object.values(row)[0] || '';
+            }
+        }
+    };
+
+    useEffect(() => {
+        const loadDefinition = async () => {
+            setLoading(true);
+            setError(null);
+
+            const conn = connections.find(c => c.id === tab.connectionId);
+            if (!conn) {
+                setError('未找到数据库连接');
+                setLoading(false);
+                return;
+            }
+
+            const dbName = tab.dbName || '';
+            const dialect = getMetadataDialect(conn);
+
+            let query: string;
+            let extractFn: (dialect: string, data: any[]) => string;
+
+            if (tab.type === 'view-def') {
+                const viewName = tab.viewName || '';
+                if (!viewName) {
+                    setError('视图名称为空');
+                    setLoading(false);
+                    return;
+                }
+                query = buildShowViewQuery(dialect, viewName, dbName);
+                extractFn = extractViewDefinition;
+            } else {
+                const routineName = tab.routineName || '';
+                const routineType = tab.routineType || 'FUNCTION';
+                if (!routineName) {
+                    setError('函数/存储过程名称为空');
+                    setLoading(false);
+                    return;
+                }
+                query = buildShowRoutineQuery(dialect, routineName, routineType, dbName);
+                extractFn = extractRoutineDefinition;
+            }
+
+            if (query.startsWith('--')) {
+                setDefinition(query);
+                setLoading(false);
+                return;
+            }
+
+            try {
+                const config = {
+                    ...conn.config,
+                    port: Number(conn.config.port),
+                    password: conn.config.password || '',
+                    database: conn.config.database || '',
+                    useSSH: conn.config.useSSH || false,
+                    ssh: conn.config.ssh || { host: '', port: 22, user: '', password: '', keyPath: '' }
+                };
+
+                const result = await DBQuery(config as any, dbName, query);
+
+                if (result.success && Array.isArray(result.data)) {
+                    const def = extractFn(dialect, result.data);
+                    setDefinition(def);
+                } else {
+                    setError(result.message || '查询定义失败');
+                }
+            } catch (e: any) {
+                setError('查询定义失败: ' + (e?.message || String(e)));
+            } finally {
+                setLoading(false);
+            }
+        };
+
+        loadDefinition();
+    }, [tab.connectionId, tab.dbName, tab.viewName, tab.routineName, tab.routineType, tab.type, connections]);
+
+    const objectLabel = tab.type === 'view-def' ? '视图' : '函数/存储过程';
+    const objectName = tab.type === 'view-def' ? tab.viewName : tab.routineName;
+
+    if (loading) {
+        return (
+            <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }}>
+                <Spin tip={`加载${objectLabel}定义...`} />
+            </div>
+        );
+    }
+
+    if (error) {
+        return (
+            <div style={{ padding: 16 }}>
+                <Alert type="error" message="加载失败" description={error} showIcon />
+            </div>
+        );
+    }
+
+    return (
+        <div style={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
+            <div style={{ padding: '8px 16px', borderBottom: darkMode ? '1px solid #303030' : '1px solid #f0f0f0' }}>
+                <strong>{objectLabel}: </strong>{objectName}
+                {tab.dbName && <span style={{ marginLeft: 16, color: '#888' }}>数据库: {tab.dbName}</span>}
+                {tab.routineType && <span style={{ marginLeft: 16, color: '#888' }}>类型: {tab.routineType}</span>}
+            </div>
+            <div style={{ flex: 1, minHeight: 0 }}>
+                <Editor
+                    height="100%"
+                    language="sql"
+                    theme={darkMode ? 'transparent-dark' : 'transparent-light'}
+                    value={definition}
+                    options={{
+                        readOnly: true,
+                        minimap: { enabled: false },
+                        fontSize: 14,
+                        lineNumbers: 'on',
+                        scrollBeyondLastLine: false,
+                        wordWrap: 'on',
+                        automaticLayout: true,
+                    }}
+                />
+            </div>
+        </div>
+    );
+};
+
+export default DefinitionViewer;

frontend/src/components/LogPanel.tsx

@@ -2,7 +2,7 @@ import React, { useRef, useEffect } from 'react';
 import { Table, Tag, Button, Tooltip } from 'antd';
 import { ClearOutlined, CloseOutlined, CaretRightOutlined, BugOutlined } from '@ant-design/icons';
 import { useStore } from '../store';
-import { blurToFilter, normalizeBlurForPlatform, normalizeOpacityForPlatform } from '../utils/appearance';
+import { normalizeOpacityForPlatform } from '../utils/appearance';
 
 interface LogPanelProps {
     height: number;
@@ -17,7 +17,6 @@ const LogPanel: React.FC<LogPanelProps> = ({ height, onClose, onResizeStart }) =
     const appearance = useStore(state => state.appearance);
     const darkMode = theme === 'dark';
     const opacity = normalizeOpacityForPlatform(appearance.opacity);
-    const blur = normalizeBlurForPlatform(appearance.blur);
 
     // Background Helper
     const getBg = (darkHex: string) => {
@@ -30,7 +29,6 @@ const LogPanel: React.FC<LogPanelProps> = ({ height, onClose, onResizeStart }) =
     };
     const bgMain = getBg('#1f1f1f');
     const bgToolbar = getBg('#2a2a2a');
-    const blurFilter = blurToFilter(blur);
 
     const columns = [
         {
@@ -73,8 +71,6 @@ const LogPanel: React.FC<LogPanelProps> = ({ height, onClose, onResizeStart }) =
             height, 
             borderTop: 'none', 
             background: bgMain,
-            backdropFilter: blurFilter,
-            WebkitBackdropFilter: blurFilter,
             display: 'flex',
             flexDirection: 'column',
             position: 'relative',

frontend/src/components/QueryEditor.tsx

@@ -196,6 +196,9 @@ const QueryEditor: React.FC<{ tab: TabData }> = ({ tab }) => {
       editorRef.current = editor;
       monacoRef.current = monaco;
 
+      // 应用透明主题（主题已在 main.tsx 全局注册）
+      monaco.editor.setTheme(darkMode ? 'transparent-dark' : 'transparent-light');
+
       monaco.languages.registerCompletionItemProvider('sql', {
           triggerCharacters: ['.'],
           provideCompletionItems: async (model: any, position: any) => {
@@ -1211,7 +1214,7 @@ const QueryEditor: React.FC<{ tab: TabData }> = ({ tab }) => {
           transition: none !important;
         }
       `}</style>
-      <div style={{ padding: '8px', borderBottom: '1px solid #eee', display: 'flex', gap: '8px', flexShrink: 0, alignItems: 'center' }}>
+      <div style={{ padding: '8px', display: 'flex', gap: '8px', flexShrink: 0, alignItems: 'center' }}>
         <Select 
             style={{ width: 150 }} 
             placeholder="选择连接"
@@ -1265,11 +1268,11 @@ const QueryEditor: React.FC<{ tab: TabData }> = ({ tab }) => {
         </Button.Group>
       </div>
       
-      <div style={{ height: editorHeight, minHeight: '100px', borderBottom: '1px solid #eee' }}>
+      <div style={{ height: editorHeight, minHeight: '100px' }}>
         <Editor 
           height="100%" 
           defaultLanguage="sql" 
-          theme={darkMode ? "vs-dark" : "light"}
+          theme={darkMode ? "transparent-dark" : "transparent-light"}
           value={query} 
           onChange={(val) => setQuery(val || '')}
           onMount={handleEditorDidMount}
@@ -1287,7 +1290,7 @@ const QueryEditor: React.FC<{ tab: TabData }> = ({ tab }) => {
         style={{ 
             height: '5px', 
             cursor: 'row-resize', 
-            background: darkMode ? '#333' : '#f0f0f0',
+            background: darkMode ? 'rgba(255,255,255,0.08)' : 'rgba(0,0,0,0.04)',
             flexShrink: 0,
             zIndex: 10 
         }} 

frontend/src/components/Sidebar.tsx

@@ -25,11 +25,12 @@ import { Tree, message, Dropdown, MenuProps, Input, Button, Modal, Form, Badge,
   DeleteOutlined,
   DisconnectOutlined,
   CloudOutlined,
-  CheckSquareOutlined
+  CheckSquareOutlined,
+  CodeOutlined
 	} from '@ant-design/icons';
 	import { useStore } from '../store';
 	import { SavedConnection } from '../types';
-	import { DBGetDatabases, DBGetTables, DBQuery, DBShowCreateTable, ExportTable, OpenSQLFile, CreateDatabase, RenameDatabase, DropDatabase, RenameTable, DropTable } from '../../wailsjs/go/app/App';
+	import { DBGetDatabases, DBGetTables, DBQuery, DBShowCreateTable, ExportTable, OpenSQLFile, CreateDatabase, RenameDatabase, DropDatabase, RenameTable, DropTable, DropView, DropFunction, RenameView } from '../../wailsjs/go/app/App';
   import { normalizeOpacityForPlatform } from '../utils/appearance';
 
 const { Search } = Input;
@@ -41,7 +42,7 @@ interface TreeNode {
   children?: TreeNode[];
   icon?: React.ReactNode;
   dataRef?: any;
-  type?: 'connection' | 'database' | 'table' | 'view' | 'db-trigger' | 'object-group' | 'queries-folder' | 'saved-query' | 'folder-columns' | 'folder-indexes' | 'folder-fks' | 'folder-triggers' | 'redis-db';
+  type?: 'connection' | 'database' | 'table' | 'view' | 'db-trigger' | 'routine' | 'object-group' | 'queries-folder' | 'saved-query' | 'folder-columns' | 'folder-indexes' | 'folder-fks' | 'folder-triggers' | 'redis-db';
 }
 
 type BatchTableExportMode = 'schema' | 'backup' | 'dataOnly';
@@ -109,6 +110,9 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
   const [isRenameTableModalOpen, setIsRenameTableModalOpen] = useState(false);
   const [renameTableForm] = Form.useForm();
   const [renameTableTarget, setRenameTableTarget] = useState<any>(null);
+  const [isRenameViewModalOpen, setIsRenameViewModalOpen] = useState(false);
+  const [renameViewForm] = Form.useForm();
+  const [renameViewTarget, setRenameViewTarget] = useState<any>(null);
 
   // Batch Operations Modal
   const [isBatchModalOpen, setIsBatchModalOpen] = useState(false);
@@ -374,6 +378,54 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
       return triggers;
   };
 
+  const buildFunctionsMetadataQuery = (dialect: string, dbName: string): string => {
+      const safeDbName = escapeSQLLiteral(dbName);
+      switch (dialect) {
+          case 'mysql':
+              if (!safeDbName) return '';
+              return `SELECT ROUTINE_NAME AS routine_name, ROUTINE_TYPE AS routine_type FROM information_schema.routines WHERE routine_schema = '${safeDbName}' ORDER BY ROUTINE_TYPE, ROUTINE_NAME`;
+          case 'postgres':
+          case 'kingbase':
+          case 'highgo':
+          case 'vastbase':
+              return `SELECT n.nspname AS schema_name, p.proname AS routine_name, CASE WHEN p.prokind = 'p' THEN 'PROCEDURE' ELSE 'FUNCTION' END AS routine_type FROM pg_proc p JOIN pg_namespace n ON p.pronamespace = n.oid WHERE n.nspname NOT IN ('pg_catalog', 'information_schema') AND n.nspname NOT LIKE 'pg_%' ORDER BY n.nspname, routine_type, p.proname`;
+          case 'sqlserver': {
+              const safeDb = quoteSqlServerIdentifier(dbName || 'master');
+              return `SELECT s.name AS schema_name, o.name AS routine_name, CASE o.type WHEN 'P' THEN 'PROCEDURE' WHEN 'FN' THEN 'FUNCTION' WHEN 'IF' THEN 'FUNCTION' WHEN 'TF' THEN 'FUNCTION' END AS routine_type FROM ${safeDb}.sys.objects o JOIN ${safeDb}.sys.schemas s ON o.schema_id = s.schema_id WHERE o.type IN ('P','FN','IF','TF') ORDER BY o.type, s.name, o.name`;
+          }
+          case 'oracle':
+          case 'dm': {
+              if (!safeDbName) {
+                  return `SELECT OBJECT_NAME AS routine_name, OBJECT_TYPE AS routine_type FROM USER_OBJECTS WHERE OBJECT_TYPE IN ('FUNCTION','PROCEDURE') ORDER BY OBJECT_TYPE, OBJECT_NAME`;
+              }
+              return `SELECT OWNER AS schema_name, OBJECT_NAME AS routine_name, OBJECT_TYPE AS routine_type FROM ALL_OBJECTS WHERE OWNER = '${safeDbName.toUpperCase()}' AND OBJECT_TYPE IN ('FUNCTION','PROCEDURE') ORDER BY OBJECT_TYPE, OBJECT_NAME`;
+          }
+          default:
+              return '';
+      }
+  };
+
+  const loadFunctions = async (conn: any, dbName: string): Promise<Array<{ displayName: string; routineName: string; routineType: string }>> => {
+      const dialect = getMetadataDialect(conn as SavedConnection);
+      const query = buildFunctionsMetadataQuery(dialect, dbName);
+      const rows = await queryMetadataRows(conn, dbName, query);
+      const seen = new Set<string>();
+      const routines: Array<{ displayName: string; routineName: string; routineType: string }> = [];
+
+      rows.forEach((row) => {
+          const routineName = getCaseInsensitiveValue(row, ['routine_name', 'object_name', 'proname', 'name']);
+          if (!routineName) return;
+          const schemaName = getCaseInsensitiveValue(row, ['schema_name', 'nspname', 'owner']);
+          const routineType = getCaseInsensitiveValue(row, ['routine_type', 'object_type']) || 'FUNCTION';
+          const fullName = buildQualifiedName(schemaName, routineName);
+          if (!fullName || seen.has(fullName)) return;
+          seen.add(fullName);
+          const typeLabel = routineType.toUpperCase() === 'PROCEDURE' ? 'P' : 'F';
+          routines.push({ displayName: `${fullName} [${typeLabel}]`, routineName: fullName, routineType: routineType.toUpperCase() });
+      });
+      return routines;
+  };
+
 	  const loadDatabases = async (node: any) => {
 	      const conn = node.dataRef as SavedConnection;
 	      const loadKey = `dbs-${conn.id}`;
@@ -500,9 +552,10 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
                 };
             });
 
-            const [views, triggers] = await Promise.all([
+            const [views, triggers, routines] = await Promise.all([
                 loadViews(conn, conn.dbName),
                 loadDatabaseTriggers(conn, conn.dbName),
+                loadFunctions(conn, conn.dbName),
             ]);
 
             // 获取当前数据库的排序偏好
@@ -534,6 +587,9 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
             // Sort triggers by display name (case-insensitive)
             triggers.sort((a, b) => a.displayName.toLowerCase().localeCompare(b.displayName.toLowerCase()));
 
+            // Sort routines by display name (case-insensitive)
+            routines.sort((a, b) => a.displayName.toLowerCase().localeCompare(b.displayName.toLowerCase()));
+
             const viewNodes: TreeNode[] = views.map((viewName) => ({
                 title: getSidebarTableDisplayName(conn, viewName),
                 key: `${conn.id}-${conn.dbName}-view-${viewName}`,
@@ -552,6 +608,15 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
                 isLeaf: true,
             }));
 
+            const routineNodes: TreeNode[] = routines.map((r) => ({
+                title: r.displayName,
+                key: `${conn.id}-${conn.dbName}-routine-${r.routineName}`,
+                icon: <CodeOutlined />,
+                type: 'routine',
+                dataRef: { ...conn, routineName: r.routineName, routineType: r.routineType },
+                isLeaf: true,
+            }));
+
             const buildObjectGroup = (groupKey: string, groupTitle: string, groupIcon: React.ReactNode, children: TreeNode[]): TreeNode => ({
                 title: `${groupTitle} (${children.length})`,
                 key: `${key}-${groupKey}`,
@@ -565,6 +630,7 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
             const groupedNodes: TreeNode[] = [
                 buildObjectGroup('tables', '表', <TableOutlined />, tables),
                 buildObjectGroup('views', '视图', <EyeOutlined />, viewNodes),
+                buildObjectGroup('routines', '函数', <CodeOutlined />, routineNodes),
                 buildObjectGroup('triggers', '触发器', <FunctionOutlined />, triggerNodes),
             ];
 
@@ -675,7 +741,7 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
           setActiveContext({ connectionId: dataRef.id, dbName: title });
       } else if (type === 'table') {
           setActiveContext({ connectionId: dataRef.id, dbName: dataRef.dbName });
-      } else if (type === 'view' || type === 'db-trigger') {
+      } else if (type === 'view' || type === 'db-trigger' || type === 'routine') {
           setActiveContext({ connectionId: dataRef.id, dbName: dataRef.dbName });
       } else if (type === 'saved-query') {
           setActiveContext({ connectionId: dataRef.connectionId, dbName: dataRef.dbName });
@@ -751,6 +817,19 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
               triggerName
           });
           return;
+      } else if (node.type === 'routine') {
+          const { routineName, routineType, dbName, id } = node.dataRef;
+          const typeLabel = routineType === 'PROCEDURE' ? '存储过程' : '函数';
+          addTab({
+              id: `routine-def-${node.key}`,
+              title: `${typeLabel}: ${routineName}`,
+              type: 'routine-def',
+              connectionId: id,
+              dbName,
+              routineName,
+              routineType
+          });
+          return;
       }
 
       const key = node.key;
@@ -1326,6 +1405,298 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
       });
   };
 
+  // --- 视图操作 ---
+  const openViewDefinition = (node: any) => {
+      const { viewName, dbName, id } = node.dataRef;
+      addTab({
+          id: `view-def-${id}-${dbName}-${viewName}`,
+          title: `视图: ${viewName}`,
+          type: 'view-def',
+          connectionId: id,
+          dbName,
+          viewName,
+      });
+  };
+
+  const openEditView = async (node: any) => {
+      const conn = node.dataRef;
+      const { viewName, dbName, id } = conn;
+      // 获取视图定义后打开查询编辑器
+      const dialect = getMetadataDialect(conn as SavedConnection);
+      let template = `-- 编辑视图 ${viewName}\n-- 请修改后执行\nCREATE OR REPLACE VIEW ${viewName} AS\nSELECT * FROM your_table;`;
+
+      try {
+          const config = buildRuntimeConfig(conn, dbName);
+          let query = '';
+          switch (dialect) {
+              case 'mysql':
+                  query = `SHOW CREATE VIEW \`${viewName.replace(/`/g, '``')}\``;
+                  break;
+              case 'postgres': case 'kingbase': case 'highgo': case 'vastbase': {
+                  const parts = viewName.split('.');
+                  const schema = parts.length > 1 ? parts[0] : 'public';
+                  const name = parts.length > 1 ? parts[1] : viewName;
+                  query = `SELECT pg_get_viewdef('${escapeSQLLiteral(schema)}.${escapeSQLLiteral(name)}'::regclass, true) AS view_definition`;
+                  break;
+              }
+              case 'sqlserver':
+                  query = `SELECT OBJECT_DEFINITION(OBJECT_ID('${escapeSQLLiteral(viewName)}')) AS view_definition`;
+                  break;
+              case 'sqlite':
+                  query = `SELECT sql AS view_definition FROM sqlite_master WHERE type='view' AND name='${escapeSQLLiteral(viewName)}'`;
+                  break;
+          }
+          if (query) {
+              const result = await DBQuery(config as any, dbName, query);
+              if (result.success && Array.isArray(result.data) && result.data.length > 0) {
+                  const row = result.data[0] as Record<string, any>;
+                  const def = row.view_definition || row.VIEW_DEFINITION || Object.values(row).find(v => typeof v === 'string' && String(v).length > 10) || '';
+                  if (def) {
+                      template = `-- 编辑视图 ${viewName}\nCREATE OR REPLACE VIEW ${viewName} AS\n${def}`;
+                  }
+              }
+          }
+      } catch { /* 降级使用模板 */ }
+
+      addTab({
+          id: `query-edit-view-${Date.now()}`,
+          title: `编辑视图: ${viewName}`,
+          type: 'query',
+          connectionId: id,
+          dbName,
+          query: template
+      });
+  };
+
+  const openCreateView = (node: any) => {
+      const conn = node.dataRef;
+      const { dbName, id } = conn;
+      const dialect = getMetadataDialect(conn as SavedConnection);
+      let template: string;
+      switch (dialect) {
+          case 'mysql':
+              template = `CREATE VIEW \`view_name\` AS\nSELECT column1, column2\nFROM table_name\nWHERE condition;`;
+              break;
+          case 'postgres': case 'kingbase': case 'highgo': case 'vastbase':
+              template = `CREATE OR REPLACE VIEW view_name AS\nSELECT column1, column2\nFROM table_name\nWHERE condition;`;
+              break;
+          case 'sqlserver':
+              template = `CREATE VIEW dbo.view_name AS\nSELECT column1, column2\nFROM table_name\nWHERE condition;`;
+              break;
+          case 'oracle': case 'dm':
+              template = `CREATE OR REPLACE VIEW view_name AS\nSELECT column1, column2\nFROM table_name\nWHERE condition;`;
+              break;
+          case 'sqlite':
+              template = `CREATE VIEW view_name AS\nSELECT column1, column2\nFROM table_name\nWHERE condition;`;
+              break;
+          default:
+              template = `CREATE VIEW view_name AS\nSELECT column1, column2\nFROM table_name\nWHERE condition;`;
+      }
+      addTab({
+          id: `query-create-view-${Date.now()}`,
+          title: `新建视图`,
+          type: 'query',
+          connectionId: id,
+          dbName,
+          query: template
+      });
+  };
+
+  const handleDropView = (node: any) => {
+      const conn = node.dataRef;
+      const viewName = String(conn.viewName || '').trim();
+      if (!viewName) return;
+      Modal.confirm({
+          title: '确认删除视图',
+          content: `确定删除视图 "${viewName}" 吗？该操作不可恢复。`,
+          okButtonProps: { danger: true },
+          onOk: async () => {
+              const config = buildRuntimeConfig(conn, conn.dbName);
+              const res = await DropView(config as any, conn.dbName, viewName);
+              if (res.success) {
+                  message.success("视图删除成功");
+                  await loadTables(getDatabaseNodeRef(conn, conn.dbName));
+              } else {
+                  message.error("删除失败: " + res.message);
+              }
+          }
+      });
+  };
+
+  const handleRenameView = async () => {
+      if (!renameViewTarget) return;
+      try {
+          const values = await renameViewForm.validateFields();
+          const conn = renameViewTarget.dataRef;
+          const oldViewName = String(conn.viewName || '').trim();
+          const newViewName = String(values.newName || '').trim();
+          if (!oldViewName || !newViewName) {
+              message.error("视图名称不能为空");
+              return;
+          }
+          if (extractObjectName(oldViewName) === newViewName || oldViewName === newViewName) {
+              message.warning("新旧视图名相同，无需修改");
+              return;
+          }
+          const config = buildRuntimeConfig(conn, conn.dbName);
+          const res = await RenameView(config as any, conn.dbName, oldViewName, newViewName);
+          if (res.success) {
+              message.success("视图重命名成功");
+              await loadTables(getDatabaseNodeRef(conn, conn.dbName));
+              setIsRenameViewModalOpen(false);
+              setRenameViewTarget(null);
+              renameViewForm.resetFields();
+          } else {
+              message.error("重命名失败: " + res.message);
+          }
+      } catch (e) {
+          // Validate failed
+      }
+  };
+
+  // --- 函数/存储过程操作 ---
+  const openRoutineDefinition = (node: any) => {
+      const { routineName, routineType, dbName, id } = node.dataRef;
+      const typeLabel = routineType === 'PROCEDURE' ? '存储过程' : '函数';
+      addTab({
+          id: `routine-def-${id}-${dbName}-${routineName}`,
+          title: `${typeLabel}: ${routineName}`,
+          type: 'routine-def',
+          connectionId: id,
+          dbName,
+          routineName,
+          routineType
+      });
+  };
+
+  const openEditRoutine = async (node: any) => {
+      const conn = node.dataRef;
+      const { routineName, routineType, dbName, id } = conn;
+      const dialect = getMetadataDialect(conn as SavedConnection);
+      const typeLabel = routineType === 'PROCEDURE' ? '存储过程' : '函数';
+      let template = `-- 编辑${typeLabel} ${routineName}`;
+
+      try {
+          const config = buildRuntimeConfig(conn, dbName);
+          let query = '';
+          const parts = routineName.split('.');
+          const name = parts.length > 1 ? parts[1] : routineName;
+          const schema = parts.length > 1 ? parts[0] : '';
+
+          switch (dialect) {
+              case 'mysql':
+                  query = `SHOW CREATE ${routineType} \`${name.replace(/`/g, '``')}\``;
+                  break;
+              case 'postgres': case 'kingbase': case 'highgo': case 'vastbase': {
+                  const schemaRef = schema || 'public';
+                  query = `SELECT pg_get_functiondef(p.oid) AS routine_definition FROM pg_proc p JOIN pg_namespace n ON p.pronamespace = n.oid WHERE n.nspname = '${escapeSQLLiteral(schemaRef)}' AND p.proname = '${escapeSQLLiteral(name)}' LIMIT 1`;
+                  break;
+              }
+              case 'sqlserver':
+                  query = `SELECT OBJECT_DEFINITION(OBJECT_ID('${escapeSQLLiteral(routineName)}')) AS routine_definition`;
+                  break;
+              case 'oracle': case 'dm': {
+                  const owner = schema ? escapeSQLLiteral(schema).toUpperCase() : '';
+                  if (owner) {
+                      query = `SELECT TEXT FROM ALL_SOURCE WHERE OWNER = '${owner}' AND NAME = '${escapeSQLLiteral(name).toUpperCase()}' AND TYPE = '${routineType}' ORDER BY LINE`;
+                  } else {
+                      query = `SELECT TEXT FROM USER_SOURCE WHERE NAME = '${escapeSQLLiteral(name).toUpperCase()}' AND TYPE = '${routineType}' ORDER BY LINE`;
+                  }
+                  break;
+              }
+          }
+          if (query) {
+              const result = await DBQuery(config as any, dbName, query);
+              if (result.success && Array.isArray(result.data) && result.data.length > 0) {
+                  if (dialect === 'oracle' || dialect === 'dm') {
+                      const lines = result.data.map((row: any) => row.text || row.TEXT || Object.values(row)[0] || '').join('');
+                      if (lines) template = `-- 编辑${typeLabel} ${routineName}\nCREATE OR REPLACE ${lines}`;
+                  } else {
+                      const row = result.data[0] as Record<string, any>;
+                      const def = row.routine_definition || row.ROUTINE_DEFINITION || Object.values(row).find(v => typeof v === 'string' && String(v).length > 10) || '';
+                      if (def) template = `-- 编辑${typeLabel} ${routineName}\n${def}`;
+                  }
+              }
+          }
+      } catch { /* 降级使用模板 */ }
+
+      addTab({
+          id: `query-edit-routine-${Date.now()}`,
+          title: `编辑${typeLabel}: ${routineName}`,
+          type: 'query',
+          connectionId: id,
+          dbName,
+          query: template
+      });
+  };
+
+  const openCreateRoutine = (node: any, type: 'FUNCTION' | 'PROCEDURE') => {
+      const conn = node.dataRef;
+      const { dbName, id } = conn;
+      const dialect = getMetadataDialect(conn as SavedConnection);
+      const isProc = type === 'PROCEDURE';
+      let template: string;
+
+      switch (dialect) {
+          case 'mysql':
+              template = isProc
+                  ? `DELIMITER $$\nCREATE PROCEDURE proc_name(IN param1 INT)\nBEGIN\n    SELECT * FROM table_name WHERE id = param1;\nEND$$\nDELIMITER ;`
+                  : `DELIMITER $$\nCREATE FUNCTION func_name(param1 INT)\nRETURNS INT\nDETERMINISTIC\nBEGIN\n    RETURN param1 * 2;\nEND$$\nDELIMITER ;`;
+              break;
+          case 'postgres': case 'kingbase': case 'highgo': case 'vastbase':
+              template = isProc
+                  ? `CREATE OR REPLACE PROCEDURE proc_name(param1 integer)\nLANGUAGE plpgsql\nAS $$\nBEGIN\n    -- procedure body\nEND;\n$$;`
+                  : `CREATE OR REPLACE FUNCTION func_name(param1 integer)\nRETURNS integer\nLANGUAGE plpgsql\nAS $$\nBEGIN\n    RETURN param1 * 2;\nEND;\n$$;`;
+              break;
+          case 'sqlserver':
+              template = isProc
+                  ? `CREATE PROCEDURE dbo.proc_name\n    @param1 INT\nAS\nBEGIN\n    SELECT * FROM table_name WHERE id = @param1;\nEND;`
+                  : `CREATE FUNCTION dbo.func_name(@param1 INT)\nRETURNS INT\nAS\nBEGIN\n    RETURN @param1 * 2;\nEND;`;
+              break;
+          case 'oracle': case 'dm':
+              template = isProc
+                  ? `CREATE OR REPLACE PROCEDURE proc_name(param1 IN NUMBER)\nIS\nBEGIN\n    -- procedure body\n    NULL;\nEND;`
+                  : `CREATE OR REPLACE FUNCTION func_name(param1 IN NUMBER)\nRETURN NUMBER\nIS\nBEGIN\n    RETURN param1 * 2;\nEND;`;
+              break;
+          default:
+              template = isProc
+                  ? `CREATE PROCEDURE proc_name()\nBEGIN\n    -- procedure body\nEND;`
+                  : `CREATE FUNCTION func_name()\nRETURNS INTEGER\nBEGIN\n    RETURN 0;\nEND;`;
+      }
+
+      addTab({
+          id: `query-create-routine-${Date.now()}`,
+          title: isProc ? '新建存储过程' : '新建函数',
+          type: 'query',
+          connectionId: id,
+          dbName,
+          query: template
+      });
+  };
+
+  const handleDropRoutine = (node: any) => {
+      const conn = node.dataRef;
+      const routineName = String(conn.routineName || '').trim();
+      const routineType = String(conn.routineType || 'FUNCTION').trim();
+      if (!routineName) return;
+      const typeLabel = routineType === 'PROCEDURE' ? '存储过程' : '函数';
+      Modal.confirm({
+          title: `确认删除${typeLabel}`,
+          content: `确定删除${typeLabel} "${routineName}" 吗？该操作不可恢复。`,
+          okButtonProps: { danger: true },
+          onOk: async () => {
+              const config = buildRuntimeConfig(conn, conn.dbName);
+              const res = await DropFunction(config as any, conn.dbName, routineName, routineType);
+              if (res.success) {
+                  message.success(`${typeLabel}删除成功`);
+                  await loadTables(getDatabaseNodeRef(conn, conn.dbName));
+              } else {
+                  message.error("删除失败: " + res.message);
+              }
+          }
+      });
+  };
+
   const onSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
     const { value } = e.target;
     setSearchValue(value);
@@ -1394,6 +1765,36 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
         ];
     }
 
+    // 视图分组节点的右键菜单
+    if (node.type === 'object-group' && node.dataRef?.groupKey === 'views') {
+        return [
+            {
+                key: 'create-view',
+                label: '新建视图',
+                icon: <PlusOutlined />,
+                onClick: () => openCreateView(node)
+            },
+        ];
+    }
+
+    // 函数分组节点的右键菜单
+    if (node.type === 'object-group' && node.dataRef?.groupKey === 'routines') {
+        return [
+            {
+                key: 'create-function',
+                label: '新建函数',
+                icon: <PlusOutlined />,
+                onClick: () => openCreateRoutine(node, 'FUNCTION')
+            },
+            {
+                key: 'create-procedure',
+                label: '新建存储过程',
+                icon: <PlusOutlined />,
+                onClick: () => openCreateRoutine(node, 'PROCEDURE')
+            },
+        ];
+    }
+
     if (node.type === 'connection') {
         // Redis connection menu
         if (isRedis) {
@@ -1666,6 +2067,19 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
                 icon: <EyeOutlined />,
                 onClick: () => onDoubleClick(null, node)
             },
+            {
+                key: 'view-definition',
+                label: '查看视图定义',
+                icon: <CodeOutlined />,
+                onClick: () => openViewDefinition(node)
+            },
+            { type: 'divider' },
+            {
+                key: 'edit-view',
+                label: '编辑视图',
+                icon: <EditOutlined />,
+                onClick: () => openEditView(node)
+            },
             {
                 key: 'new-query',
                 label: '新建查询',
@@ -1680,7 +2094,50 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
                         query: ''
                     });
                 }
-            }
+            },
+            { type: 'divider' },
+            {
+                key: 'rename-view',
+                label: '重命名视图',
+                icon: <EditOutlined />,
+                onClick: () => {
+                    setRenameViewTarget(node);
+                    renameViewForm.setFieldsValue({ newName: extractObjectName(node.dataRef?.viewName || node.title) });
+                    setIsRenameViewModalOpen(true);
+                }
+            },
+            {
+                key: 'drop-view',
+                label: '删除视图',
+                icon: <DeleteOutlined />,
+                danger: true,
+                onClick: () => handleDropView(node)
+            },
+        ];
+    } else if (node.type === 'routine') {
+        const routineType = node.dataRef?.routineType || 'FUNCTION';
+        const typeLabel = routineType === 'PROCEDURE' ? '存储过程' : '函数';
+        return [
+            {
+                key: 'view-routine-def',
+                label: '查看定义',
+                icon: <CodeOutlined />,
+                onClick: () => openRoutineDefinition(node)
+            },
+            {
+                key: 'edit-routine',
+                label: '编辑定义',
+                icon: <EditOutlined />,
+                onClick: () => openEditRoutine(node)
+            },
+            { type: 'divider' },
+            {
+                key: 'drop-routine',
+                label: `删除${typeLabel}`,
+                icon: <DeleteOutlined />,
+                danger: true,
+                onClick: () => handleDropRoutine(node)
+            },
         ];
     } else if (node.type === 'table') {
         return [
@@ -1897,6 +2354,23 @@ const Sidebar: React.FC<{ onEditConnection?: (conn: SavedConnection) => void }>
             </Form>
         </Modal>
 
+        <Modal
+            title={`重命名视图${renameViewTarget?.dataRef?.viewName ? ` (${renameViewTarget.dataRef.viewName})` : ''}`}
+            open={isRenameViewModalOpen}
+            onOk={handleRenameView}
+            onCancel={() => {
+                setIsRenameViewModalOpen(false);
+                setRenameViewTarget(null);
+                renameViewForm.resetFields();
+            }}
+        >
+            <Form form={renameViewForm} layout="vertical">
+                <Form.Item name="newName" label="新视图名" rules={[{ required: true, message: '请输入新视图名' }]}>
+                    <Input />
+                </Form.Item>
+            </Form>
+        </Modal>
+
         <Modal
             title="批量操作表"
             open={isBatchModalOpen}

frontend/src/components/TabManager.tsx

@@ -8,6 +8,7 @@ import TableDesigner from './TableDesigner';
 import RedisViewer from './RedisViewer';
 import RedisCommandEditor from './RedisCommandEditor';
 import TriggerViewer from './TriggerViewer';
+import DefinitionViewer from './DefinitionViewer';
 import type { TabData } from '../types';
 
 const detectConnectionEnvLabel = (connectionName: string): string | null => {
@@ -65,6 +66,8 @@ const TabManager: React.FC = () => {
       content = <RedisCommandEditor connectionId={tab.connectionId} redisDB={tab.redisDB ?? 0} />;
     } else if (tab.type === 'trigger') {
       content = <TriggerViewer tab={tab} />;
+    } else if (tab.type === 'view-def' || tab.type === 'routine-def') {
+      content = <DefinitionViewer tab={tab} />;
     }
 
     const menuItems: MenuProps['items'] = [