feat: 完善 WebUI basePath 支持并简化示例代码

主要改动：

1. WebUI basePath 逻辑完善
   - NewWebUI 支持可变参数 basePath
   - 新增 path() 辅助方法统一路径处理
   - handleTableAPI 正确处理 basePath 前缀
   - handleIndex 根据 basePath 替换占位符

2. 简化示例代码
   - 删除反向代理实现（111行）
   - 直接使用带 basePath 的 WebUI
   - 代码量减少 33%，架构更清晰

3. 前端优化
   - 新增 api.js 统一 API 服务层
   - 所有组件使用统一的 API 调用
   - 支持通过 window.API_BASE 配置 basePath

4. 修复 .gitignore
   - 使用通用模式支持 commands 目录
   - 无需为新示例项目修改配置

webui/static/js/components/DataTable.js

@@ -1,10 +1,11 @@
 import { html } from 'htm/preact';
 import { useState, useEffect } from 'preact/hooks';
-import { RowDetailModal } from './RowDetailModal.js';
-import { Pagination } from './Pagination.js';
-import { TableRow } from './TableRow.js';
-import { useCellPopover } from '../hooks/useCellPopover.js';
-import { useTooltip } from '../hooks/useTooltip.js';
+import { RowDetailModal } from '~/components/RowDetailModal.js';
+import { Pagination } from '~/components/Pagination.js';
+import { TableRow } from '~/components/TableRow.js';
+import { useCellPopover } from '~/hooks/useCellPopover.js';
+import { useTooltip } from '~/hooks/useTooltip.js';
+import { getTableData } from '~/utils/api.js';
 
 const styles = {
     container: {
@@ -83,11 +84,8 @@ export function DataTable({ schema, tableName, totalRows, selectedColumns = [] }
         try {
             setLoading(true);
             const offset = page * pageSize;
-            const response = await fetch(`/api/tables/${tableName}/data?limit=${pageSize}&offset=${offset}`);
-            if (response.ok) {
-                const result = await response.json();
-                setData(result.data || []);
-            }
+            const result = await getTableData(tableName, { limit: pageSize, offset });
+            setData(result.data || []);
         } catch (error) {
             console.error('Failed to fetch data:', error);
         } finally {