@gadmin2n/schematics 0.0.139 → 0.0.140

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/AddPageModal.tsx

@@ -40,6 +40,36 @@ export default function AddPageModal({
   );
   const [selectedRoles, setSelectedRoles] = useState<string[]>([]);
   const [loadError, setLoadError] = useState(false);
+  // ── 页面参考图（可选，仅一张）──
+  const [imgFile, setImgFile] = useState<File | null>(null);
+  const [imgPreviewUrl, setImgPreviewUrl] = useState<string | null>(null);
+  const [uploadedImgPath, setUploadedImgPath] = useState<string | null>(null);
+  const [imgUploading, setImgUploading] = useState(false);
+  const [imgUploadError, setImgUploadError] = useState<string | null>(null);
+
+  async function handleImgUpload() {
+    if (!imgFile || imgUploading) return;
+    setImgUploading(true);
+    setImgUploadError(null);
+    try {
+      const resp = await fetch(
+        `/dev-shell/upload-reference?filename=${encodeURIComponent(
+          imgFile.name,
+        )}`,
+        { method: 'POST', body: imgFile },
+      );
+      const data = await resp.json().catch(() => ({}));
+      if (!resp.ok || !data?.path) {
+        throw new Error(data?.error || `上传失败（${resp.status}）`);
+      }
+      setUploadedImgPath(data.path);
+    } catch (err: any) {
+      setUploadedImgPath(null);
+      setImgUploadError(err?.message || '上传失败，请重试');
+    } finally {
+      setImgUploading(false);
+    }
+  }
 
   const pageTreeData = useMemo(() => {
     const tree = buildPageTree(
@@ -82,6 +112,10 @@ export default function AddPageModal({
       alert('请描述页面功能');
       return;
     }
+    if (imgFile && !uploadedImgPath) {
+      alert('请先点击"上传"，待参考图上传成功后再开始生成');
+      return;
+    }
     if (!selectedParent) {
       alert('请选择挂载目录');
       return;
@@ -101,6 +135,12 @@ export default function AddPageModal({
       '请帮我使用 page-create-new skill 添加一个新页面。\n\n以下是页面需求：\n',
       desc,
     ];
+    if (uploadedImgPath) {
+      lines.push(
+        '我提供了一张页面参考图，请用 Read 工具读取它，作为页面布局、样式和设计的参考：\n' +
+          uploadedImgPath,
+      );
+    }
     if (parentText) lines.push('挂载目录：' + parentText);
     lines.push('可查看角色：' + selectedRoles.join('、'));
     onConfirm(lines.join('\n\n'));
@@ -250,6 +290,67 @@ export default function AddPageModal({
                     onChange={(e) => setDesc(e.target.value)}
                   />
                 </div>
+                <div className="guided-question">
+                  <label className="guided-question-label">
+                    🖼️ 页面参考图
+                    <span className="guided-optional-tag">（可选）</span>
+                  </label>
+                  <div className="add-data-upload-row">
+                    <input
+                      type="file"
+                      accept=".png,.jpg,.jpeg,.webp,.gif"
+                      className="add-data-file-input"
+                      onChange={(e) => {
+                        const f = e.target.files?.[0] ?? null;
+                        setImgFile(f);
+                        setUploadedImgPath(null);
+                        setImgUploadError(null);
+                        if (imgPreviewUrl) URL.revokeObjectURL(imgPreviewUrl);
+                        setImgPreviewUrl(f ? URL.createObjectURL(f) : null);
+                      }}
+                    />
+                    <button
+                      className="add-data-btn-upload"
+                      disabled={!imgFile || imgUploading || !!uploadedImgPath}
+                      onClick={handleImgUpload}
+                    >
+                      {imgUploading
+                        ? '上传中…'
+                        : uploadedImgPath
+                          ? '已上传'
+                          : '上传'}
+                    </button>
+                  </div>
+                  {uploadedImgPath && (
+                    <p className="add-data-upload-status ok">
+                      ✓ 已上传：{imgFile?.name}
+                    </p>
+                  )}
+                  {imgUploadError && (
+                    <p className="add-data-upload-status error">
+                      {imgUploadError}
+                    </p>
+                  )}
+                  {imgPreviewUrl && (
+                    <img
+                      src={imgPreviewUrl}
+                      alt="页面参考图预览"
+                      style={{
+                        marginTop: 8,
+                        maxWidth: '100%',
+                        maxHeight: 160,
+                        borderRadius: 6,
+                        border: '1px solid var(--ant-color-border-secondary)',
+                        objectFit: 'contain',
+                        display: 'block',
+                      }}
+                    />
+                  )}
+                  <span className="guided-hint-text">
+                    仅支持一张图片（png/jpg/webp/gif），不超过 5MB，AI
+                    会读取它作为页面设计参考
+                  </span>
+                </div>
                 <div className="guided-question">
                   <label className="guided-question-label">
                     📁 挂载到哪个目录？

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/DevShell.tsx

@@ -513,6 +513,10 @@ function DevShellInner() {
         <AddDataModal
           onConfirm={(prompt) => {
             setModal(null);
+            // 「新建数据表」与当前页面无关，摘掉页面上下文，prompt 不带「更多的辅助信息」
+            sdkRef.current
+              ?.removeAdditionContext(PAGE_CONTEXT_KEY)
+              .catch(() => {});
             sendPromptToAgent(prompt);
           }}
           onCancel={() => setModal(null)}
@@ -523,6 +527,10 @@ function DevShellInner() {
           getIframe={() => iframeRef.current}
           onConfirm={(prompt) => {
             setModal(null);
+            // 「新建页面」与当前页面无关，摘掉页面上下文，prompt 不带「更多的辅助信息」
+            sdkRef.current
+              ?.removeAdditionContext(PAGE_CONTEXT_KEY)
+              .catch(() => {});
             sendPromptToAgent(prompt);
           }}
           onCancel={() => setModal(null)}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/dev-shell/style.css

@@ -391,6 +391,57 @@ div.chat-header {
   border-color: #1677ff;
 }
 
+.add-data-upload-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.add-data-file-input {
+  flex: 1;
+  font-size: 12px;
+  color: #595959;
+}
+
+.add-data-btn-upload {
+  padding: 7px 18px;
+  font-size: 13px;
+  border: none;
+  border-radius: 6px;
+  background: #1677ff;
+  color: #fff;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: background 0.15s;
+}
+
+.add-data-btn-upload:hover:not(:disabled) {
+  background: #4096ff;
+}
+
+.add-data-btn-upload:disabled {
+  background: #bfbfbf;
+  cursor: not-allowed;
+}
+
+.add-data-upload-status {
+  font-size: 12px;
+  margin: 0 0 10px;
+}
+
+.add-data-upload-status.ok {
+  color: #52c41a;
+}
+
+.add-data-upload-status.error {
+  color: #ff4d4f;
+}
+
+.add-data-extra-textarea {
+  height: 120px;
+}
+
 .guided-question {
   margin-bottom: 14px;
 }

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/form.tsx

@@ -36,7 +36,7 @@ function DynamicAutoComplete({
   fieldName: string;
   disabled?: boolean;
 }) {
-  const { data } = useList({
+  const { result: data } = useList({
     resource: resourceName,
     pagination: { pageSize: 1000 },
     meta: { select: { [fieldName]: true } },

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/list.tsx

@@ -85,7 +85,7 @@ export function interpolateActionUrl(
 
 export function getTableParams(filters: Record<string, string> = {}) {
   return stringifyTableParams({
-    pagination: { pageSize: 10, current: 1 },
+    pagination: { pageSize: 10, currentPage: 1 },
     sorters: [],
     filters: Object.entries(filters).map(([field, value]) => ({
       field,

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/login.ts

@@ -21,12 +21,51 @@ type LoginCookie = {
 
 // ─── 认证 / 会话 ──────────────────────────────────────────────────────────────
 
+// 后端可达性探测（仅 dev 使用）：本地 nest 未启动/正在 watch 重启时，
+// 直接跳转会死在浏览器 ERR_CONNECTION_REFUSED 错误页（顶层导航失败无自动恢复）。
+// 改为每 3s 探活 /api/health/live（无鉴权），可达后才执行跳转。
+// 上限 2 分钟：超时放弃等待直接跳转，避免后端一直未起时页面无限静默重试。
+const PROBE_INTERVAL_MS = 3000;
+const PROBE_MAX_ATTEMPTS = 40; // 40 * 3s = 2min
+
+async function waitBackendThenNavigate(url: string) {
+  const apiUrl = getApiUrl();
+  for (let attempt = 1; attempt <= PROBE_MAX_ATTEMPTS; attempt++) {
+    try {
+      // no-cors：只需确认 TCP/HTTP 可达， opaque 响应即可，避免 CORS 头缺失造成误判
+      await fetch(`${apiUrl}/health/live`, {
+        mode: 'no-cors',
+        cache: 'no-store',
+      });
+      break;
+    } catch {
+      if (attempt === PROBE_MAX_ATTEMPTS) {
+        console.warn(
+          '[gadmin] backend unreachable after 2min, navigate anyway (is nest running?)',
+        );
+        break;
+      }
+      console.warn(
+        '[gadmin] backend unreachable, retry login redirect in 3s...',
+      );
+      await new Promise((r) => setTimeout(r, PROBE_INTERVAL_MS));
+    }
+  }
+  window.location.href = url;
+}
+
 export function login() {
   clearLoginCookie();
   const apiUrl = getApiUrl();
-  window.location.href = `${apiUrl}/login?redirect_url=${encodeURIComponent(
+  const url = `${apiUrl}/login?redirect_url=${encodeURIComponent(
     window.location.href,
   )}`;
+  // 仅 dev 探活：本地 nest watch 重启窗口内保护跳转；prod 保持原有立即跳转行为
+  if (import.meta.env.DEV) {
+    void waitBackendThenNavigate(url);
+  } else {
+    window.location.href = url;
+  }
 }
 
 export function logout() {

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/helpers/show.tsx

@@ -213,7 +213,7 @@ export function getShowField(
       key={fieldName}
       style={{
         display: 'flex',
-        borderBottom: '1px solid #f0f0f0',
+        borderBottom: '1px solid var(--ant-color-border-secondary)',
         minHeight: 48,
       }}
       {...agentAttrs({
@@ -228,11 +228,11 @@ export function getShowField(
           width: 180,
           minWidth: 180,
           padding: '10px 16px',
-          background: '#fafafa',
-          borderRight: '1px solid #f0f0f0',
+          background: 'var(--ant-color-fill-quaternary)',
+          borderRight: '1px solid var(--ant-color-border-secondary)',
           fontWeight: 500,
           fontSize: 13,
-          color: '#595959',
+          color: 'var(--ant-color-text-secondary)',
           display: 'flex',
           alignItems: 'center',
           flexShrink: 0,
@@ -254,7 +254,7 @@ export function getShowField(
           flex: 1,
           padding: '10px 16px',
           fontSize: 13,
-          color: '#1a1a1a',
+          color: 'var(--ant-color-text)',
           display: 'flex',
           alignItems: 'center',
           wordBreak: 'break-word',

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useDynamicResources.tsx

@@ -1,6 +1,15 @@
 import { useMemo, useRef } from 'react';
 import type { IResourceItem, ResourceProps } from '@refinedev/core';
-import { DashboardOutlined, SettingOutlined } from '@ant-design/icons';
+import {
+  DashboardOutlined,
+  SettingOutlined,
+  DatabaseOutlined,
+  BgColorsOutlined,
+  ScheduleOutlined,
+  ApartmentOutlined,
+  SafetyOutlined,
+  FileSearchOutlined,
+} from '@ant-design/icons';
 import { getRoutePath } from 'config/routeRegistry';
 import { useUserPageAccess } from './useUserPageAccess';
 
@@ -35,6 +44,12 @@ function snakeToCamel(str: string): string {
 export const iconMapping: Record<string, React.ReactNode> = {
   dashboard: <DashboardOutlined />,
   administration: <SettingOutlined />,
+  dataMngt: <DatabaseOutlined />,
+  canvas: <BgColorsOutlined />,
+  agenda: <ScheduleOutlined />,
+  workflow: <ApartmentOutlined />,
+  permission: <SafetyOutlined />,
+  audits: <FileSearchOutlined />,
 };
 
 // Pages whose children are tabs (not separate menu items)

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/hooks/useListPageState.ts

@@ -95,10 +95,10 @@ export function useListPageState<T extends BaseRecord = any>({
     tableProps,
     sorters: sorter,
     filters,
-    setCurrent,
+    setCurrentPage,
     setFilters,
     searchFormProps,
-    tableQueryResult,
+    tableQuery,
   } = useTable<T, HttpError, T & { q: string }>({
     meta: {
       transformQFn: getSearchFilters,
@@ -171,7 +171,7 @@ export function useListPageState<T extends BaseRecord = any>({
         });
       }
 
-      setCurrent(1);
+      setCurrentPage(1);
       setFilters((prevFilters) =>
         unionFilters(
           [],
@@ -182,7 +182,7 @@ export function useListPageState<T extends BaseRecord = any>({
         ),
       );
     },
-    [keywordField, dateRangeField, setCurrent, setFilters],
+    [keywordField, dateRangeField, setCurrentPage, setFilters],
   );
 
   // Batch operations
@@ -190,7 +190,7 @@ export function useListPageState<T extends BaseRecord = any>({
     resourceName,
     apiUrl,
     requestHeaders,
-    onSuccess: () => tableQueryResult.refetch(),
+    onSuccess: () => tableQuery.refetch(),
     t,
   });
 
@@ -218,7 +218,10 @@ export function useListPageState<T extends BaseRecord = any>({
   });
 
   // Row update
-  const { mutate: updateRow, isLoading: isUpdateRowLoading } = useUpdate();
+  const {
+    mutate: updateRow,
+    mutation: { isPending: isUpdateRowLoading },
+  } = useUpdate();
   const updateRowData = useCallback(
     (id: number, values: any) => {
       updateRow({
@@ -298,6 +301,6 @@ export function useListPageState<T extends BaseRecord = any>({
     context,
 
     // Refetch
-    refetch: tableQueryResult.refetch,
+    refetch: tableQuery.refetch,
   };
 }

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/i18n.ts

@@ -5,6 +5,8 @@ import { initReactI18next } from 'react-i18next';
 import detector from 'i18next-browser-languagedetector';
 import en from './locales/en/common.json';
 import zh_CN from './locales/zh_CN/common.json';
+import workflowEn from './locales/en/workflow.json';
+import workflowZhCN from './locales/zh_CN/workflow.json';
 
 i18n
   .use(detector)
@@ -12,8 +14,8 @@ i18n
   .init({
     supportedLngs: [...SUPPORTED_LANGUAGES],
     resources: {
-      en: { common: en },
-      zh_CN: { common: zh_CN },
+      en: { common: en, workflow: workflowEn },
+      zh_CN: { common: zh_CN, workflow: workflowZhCN },
     },
     defaultNS: 'common',
     fallbackLng: 'zh_CN',

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/locales/en/common.json

@@ -3,7 +3,27 @@
     "name": "AI+ Ops Admin"
   },
   "header": {
-    "changeLanguage": "Change language"
+    "changeLanguage": "Change language",
+    "settings": "Appearance",
+    "themeColor": "Theme color",
+    "themeMode": "Appearance mode",
+    "modeLight": "Light",
+    "modeDark": "Dark",
+    "themeStyle": "UI style",
+    "siderTheme": "Sidebar color",
+    "siderAuto": "Follow theme",
+    "siderDark": "Dark",
+    "siderLight": "Light",
+    "menuOrg": "Menu organization",
+    "menuTree": "Collapsible tree",
+    "menuGrouped": "Flat groups",
+    "menuSelect": "Selection style",
+    "selectFill": "Fill",
+    "selectPill": "Pill",
+    "selectIndicator": "Indicator",
+    "menuExpand": "Expansion",
+    "expandAccordion": "Accordion",
+    "expandMultiple": "Multiple open"
   },
   "pages": {
     "login": {
@@ -118,7 +138,7 @@
   },
   "resources": {
     "log": {
-      "fields":{
+      "fields": {
         "timestamp": "OperateTime"
       }
     },
@@ -169,6 +189,7 @@
     "customAction": "Customize...",
     "customPlaceholder": "Describe what you want to do with this component",
     "components": {
+      "Whiteboard": "Whiteboard",
       "NumCard": "Metric Card",
       "BarChart": "Bar Chart",
       "LineChart": "Line Chart",
@@ -240,6 +261,9 @@
       "editChartTitle": "Edit Chart Title",
       "addChartTitle": "Add Chart Title",
       "titlePlaceholder": "Enter title (leave empty to remove)",
+      "renameWhiteboard": "Rename Whiteboard",
+      "renameWhiteboardTitle": "Rename Whiteboard",
+      "whiteboardNamePlaceholder": "Enter whiteboard name",
       "removeComparisons": "Remove Comparisons",
       "addComparisons": "Add Comparisons",
       "removeChart": "Remove Chart",