@gadmin2n/schematics 0.0.105 → 0.0.106

package/dist/lib/application/files/gadmin2-game-angle-demo/readme.md

@@ -215,6 +215,8 @@ $ ./sync-to-template.sh
 
 ## 登录流程
 
+### 非 woa.com 域名（本地开发 / 外部部署）
+
 ```
 ┌─────────────────────────────────────────────────────────────────┐
 │                        用户访问页面                              │
@@ -273,13 +275,61 @@ $ ./sync-to-template.sh
                               跳转后端 /login 重新认证
 ```
 
+### woa.com 域名（SmartGate 拦截）
+
+woa.com 域名下，SmartGate 会在每个请求到达前注入 `staffid`/`staffname` 等认证 header，保证进入页面时用户已有登录态，无需跳转 Taihu 登录页。
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│                  用户访问 *.woa.com 页面                         │
+│              SmartGate 已注入 staffid/staffname                  │
+└──────────────────────────────┬──────────────────────────────────┘
+                               │
+                               ▼
+                    authProvider.check()
+                       checkLogin()
+                               │
+               ┌───────────────┼─────────────────────┐
+               ▼               ▼                     ▼
+          URL 有            Cookie 有           woa.com 域名
+       gadmin-token       gadmin-token         (isWoaDomain())
+               │               │                     │
+               ▼               │                     ▼
+      写入 Cookie             │              直接返回 true
+      返回 true              │              (SmartGate 保证登录态)
+               │               │                     │
+               └───────────────┴─────────────────────┘
+                               │
+                               ▼ authenticated: true
+                    ┌──────────────────────┐
+                    │      进入页面         │
+                    └──────────┬───────────┘
+                               │
+                               ▼
+                     发起 API 请求
+                  后端 AuthGuard 优先走 WOA 认证
+                  (staffid/staffname header)
+                               │
+                    ┌──────────┴──────────┐
+                    ▼                     ▼
+                 200 OK               401 响应
+                    │                 (SmartGate 签名验证失败等异常情况)
+                    ▼                     │
+                正常使用                  ▼
+                              login() 函数
+                         跳转后端 /login → Taihu 重新认证
+                         (避免死循环，通过拿 JWT token 解决)
+```
+
 **关键节点说明：**
 
 | 位置 | 文件 | 作用 |
 |------|------|------|
-| `checkLogin()` | `web/src/helpers/login.ts` | 检查 URL 参数 / Cookie，将 URL token 存入 Cookie |
+| `isWoaDomain()` | `web/src/helpers/login.ts` | 判断当前是否在 woa.com 域名下 |
+| `checkLogin()` | `web/src/helpers/login.ts` | 检查 URL 参数 / Cookie / woa.com 域名，将 URL token 存入 Cookie |
 | `authProvider.check()` | `web/src/authProvider.ts` | Refine 框架调用，决定是否已认证 |
-| `login()` | `web/src/helpers/login.ts` | 跳转后端登录页，携带 `redirect_url` |
+| `login()` | `web/src/helpers/login.ts` | 跳转后端登录页，携带 `redirect_url`（woa.com 下也走此流程） |
 | 后端 `/login` | NestJS | 走 WOA 或 Taihu OAuth，认证后带 token 跳回前端 |
+| 后端 `AuthGuard` | `server/src/lib/auth.guard.ts` | 优先 WOA 认证，其次 Taihu JWT |
 | axios 拦截器 | `web/src/helpers/http.ts` | 捕获 API 401，触发重新登录 |
 | `requestHeaders()` | `web/src/helpers/login.ts` | 每次请求自动从 Cookie 读取 token 加入 header |

package/dist/lib/application/files/gadmin2-game-angle-demo/server/src/lib/auth.guard.ts

@@ -43,7 +43,7 @@ async function getIdentity(headers, cookies): Promise<UserType> {
       logger.info(
         `woa_auth_success - 用户ID: ${staffid}, 用户名: ${staffname}`,
       );
-      return { userid: staffid, username: staffname };
+      return { userid: staffname, username: staffname };
     }
   } catch (e) {
     logger.warn(`woa_auth_failed - WOA认证失败: ${e.message}`);

package/dist/lib/application/files/gadmin2-game-angle-demo/server/src/modules/workflow/workflow-dsl-validate.ts

@@ -68,8 +68,7 @@ export function validateDslHandles(
     if (!(src.type in outputsMap)) continue; // unknown node type — out of scope
 
     const declared = outputsMap[src.type];
-    const handles =
-      declared === null ? deriveDynamicOutputs(src) : declared;
+    const handles = declared === null ? deriveDynamicOutputs(src) : declared;
 
     // Empty named-handle list AND declared-non-null => no sourceHandle allowed
     if (declared !== null && handles.length === 0) {
@@ -94,7 +93,9 @@ export function validateDslHandles(
         source: edge.source,
         target: edge.target,
         code: 'MISSING_HANDLE',
-        reason: `Node "${src.type}" requires a sourceHandle; choose one of: ${handles.join(', ')}.`,
+        reason: `Node "${
+          src.type
+        }" requires a sourceHandle; choose one of: ${handles.join(', ')}.`,
       });
       continue;
     }
@@ -105,7 +106,9 @@ export function validateDslHandles(
         source: edge.source,
         target: edge.target,
         code: 'UNKNOWN_HANDLE',
-        reason: `Node "${src.type}" sourceHandle "${edge.sourceHandle}" is not in declared outputs: ${handles.join(', ')}.`,
+        reason: `Node "${src.type}" sourceHandle "${
+          edge.sourceHandle
+        }" is not in declared outputs: ${handles.join(', ')}.`,
       });
     }
   }

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

@@ -24,14 +24,13 @@ import { auditLogProvider } from 'auditLogProvider';
 import { gadminCrudProvider as dataProvider } from './helpers/http';
 import { useDynamicResources } from 'hooks/useDynamicResources';
 import { renderRoutes } from 'config/routeRegistry';
+import { isAgentEnabled } from 'config/env';
 
-const isDev = import.meta.env.DEV;
-
-// Wrapper component that only renders AgentProvider in development
+// Wrapper component that only renders AgentProvider when agent is enabled
 const DevAgentWrapper: React.FC<{ children: React.ReactNode }> = ({
   children,
 }) => {
-  if (!isDev) return <>{children}</>;
+  if (!isAgentEnabled) return <>{children}</>;
   return (
     <AgentProvider>
       {children}
@@ -58,7 +57,7 @@ function App() {
   const resources = useDynamicResources();
 
   return (
-    <BrowserRouter basename={isDev ? '/app' : '/'}>
+    <BrowserRouter basename={isAgentEnabled ? '/app' : '/'}>
       <RefineKbarProvider>
         <BusinessContextProvider>
           <ColorModeContextProvider>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/agentPanel/AgentContext.tsx

@@ -31,7 +31,10 @@ export interface PageInfo {
  * In that case, open/close/sendPrompt are forwarded to the parent shell
  * via postMessage instead of managing local state.
  */
-const isInsideDevShell = window.parent !== window && import.meta.env.DEV;
+const isInsideDevShell =
+  window.parent !== window &&
+  import.meta.env.DEV &&
+  import.meta.env.VITE_ENABLE_AGENT !== 'false';
 
 interface AgentContextValue {
   /** Whether the agent panel is visible */

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

@@ -0,0 +1,4 @@
+// Agent panel is enabled in dev mode unless explicitly disabled via VITE_ENABLE_AGENT=false.
+// To disable: set VITE_ENABLE_AGENT=false in web/.env.local or pass it at startup.
+export const isAgentEnabled =
+  import.meta.env.DEV && import.meta.env.VITE_ENABLE_AGENT !== 'false';

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

@@ -12,6 +12,7 @@ import DeleteDataConfirm from './DeleteDataConfirm';
 import EditDataModal from './EditDataModal';
 import { resolvePagePaths } from '../components/agentPanel/pagePathUtils';
 import SkillMenu from './SkillMenu';
+import { isAgentEnabled } from '../config/env';
 import './style.css';
 import UndoConfirm from './UndoConfirm';
 
@@ -60,13 +61,16 @@ export type ModalType =
   | null;
 
 export default function DevShell() {
+  if (!isAgentEnabled) return null;
+  return <DevShellInner />;
+}
+
+function DevShellInner() {
   const iframeRef = useRef<HTMLIFrameElement>(null);
   const agentPanelRef = useRef<HTMLDivElement>(null);
   const sdkRef = useRef<any>(null);
 
-  const [agentVisible, setAgentVisible] = useState(
-    () => sessionStorage.getItem('gadmin-agent-visible') === 'true',
-  );
+  const [agentVisible, setAgentVisible] = useState(true);
   const [isInspecting, setIsInspecting] = useState(false);
   const [skillMenuOpen, setSkillMenuOpen] = useState(false);
   const [modal, setModal] = useState<ModalType>(null);
@@ -128,11 +132,6 @@ export default function DevShell() {
     [startNewConversationAndSend],
   );
 
-  // ── persist agent visibility ─────────────────────────────────────────────
-  useEffect(() => {
-    sessionStorage.setItem('gadmin-agent-visible', String(agentVisible));
-  }, [agentVisible]);
-
   // ── SDK bootstrap ────────────────────────────────────────────────────────
   useEffect(() => {
     function tryInit(remaining: number) {

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

@@ -37,6 +37,11 @@ export function logout() {
   )}`;
 }
 
+export function isWoaDomain(): boolean {
+  const hostname = window.location.hostname;
+  return hostname === 'woa.com' || hostname.endsWith('.woa.com');
+}
+
 /**
  * 通过cookie检测是否登录及参数转cookie(for dev)
  */
@@ -53,6 +58,11 @@ export function checkLogin(): boolean {
     return true;
   }
 
+  // woa.com 域名下 SmartGate 保证进入页面时已有登录态，无需跳转 Taihu
+  if (isWoaDomain()) {
+    return true;
+  }
+
   return false;
 }
 

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

@@ -49,10 +49,14 @@ export function devShellPlugin(): Plugin {
           return;
         }
 
-        // "/" → dev-shell-entry.html（Agent 外壳）
+        // "/" → dev-shell-entry.html（Agent 外壳），除非 agent 被禁用
         if (url === '/') {
+          const agentDisabled = process.env.VITE_ENABLE_AGENT === 'false';
+          const entryFile = agentDisabled
+            ? 'index.html'
+            : 'dev-shell-entry.html';
           const rawHtml = fs.readFileSync(
-            path.resolve(__dirname, '..', '..', 'dev-shell-entry.html'),
+            path.resolve(__dirname, '..', '..', entryFile),
             'utf-8',
           );
           const html = await server.transformIndexHtml(url, rawHtml);
@@ -62,10 +66,14 @@ export function devShellPlugin(): Plugin {
         }
 
         // 其他 HTML 导航请求 → index.html（SPA fallback）
+        // /api/* 必须放行给后续中间件（vite proxy），否则浏览器的 Accept: text/html 会让登录跳转被 SPA fallback 吞掉
         const lastSegment = url.split('/').pop() ?? '';
         const isAsset = lastSegment.includes('.');
+        const isApi = url === '/api' || url.startsWith('/api/');
         const isHtmlNav =
-          !isAsset && (req.headers.accept ?? '').includes('text/html');
+          !isAsset &&
+          !isApi &&
+          (req.headers.accept ?? '').includes('text/html');
         if (isHtmlNav) {
           const rawHtml = fs.readFileSync(
             path.resolve(__dirname, '..', '..', 'index.html'),

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/agenda/index.tsx

@@ -1,4 +1,5 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { isAgentEnabled } from 'config/env';
 import {
   Alert,
   Badge,
@@ -482,17 +483,19 @@ export default function AgendaJobsPage() {
                 任务原始表
               </Button>
             </Tooltip>
-            <Button
-              type="primary"
-              icon={<PlusOutlined />}
-              onClick={() => {
-                setAiModalOpen(true);
-                setAiSent(false);
-                setAiPrompt('');
-              }}
-            >
-              AI创建任务
-            </Button>
+            {isAgentEnabled && (
+              <Button
+                type="primary"
+                icon={<PlusOutlined />}
+                onClick={() => {
+                  setAiModalOpen(true);
+                  setAiSent(false);
+                  setAiPrompt('');
+                }}
+              >
+                AI创建任务
+              </Button>
+            )}
             <Button icon={<ReloadOutlined />} onClick={fetchJobs}></Button>
           </Space>
         </div>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/CanvasCell.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import IsolatedLivePreview from './IsolatedLivePreview';
+import { isAgentEnabled } from 'config/env';
 
 interface CanvasCellProps extends React.HTMLAttributes<HTMLDivElement> {
   code: string;
@@ -53,12 +54,12 @@ const CanvasCell = React.forwardRef<HTMLDivElement, CanvasCellProps>(
           onClick(e);
         }}
         onDoubleClick={(e) => {
-          if (isPreview) return;
+          if (isPreview || !isAgentEnabled) return;
           e.stopPropagation();
           onDoubleClick(e);
         }}
         onContextMenu={(e) => {
-          if (isPreview) return;
+          if (isPreview || !isAgentEnabled) return;
           e.preventDefault();
           e.stopPropagation();
           onContextMenu(e);

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/CanvasListPage.tsx

@@ -24,6 +24,7 @@ import IsolatedLivePreview from './IsolatedLivePreview';
 import { useTranslation } from 'react-i18next';
 import { useUserPageAccess } from 'hooks/useUserPageAccess';
 import { customRequest } from 'helpers/http';
+import { isAgentEnabled } from 'config/env';
 
 const COLS = 48;
 const ROW_HEIGHT = 10;
@@ -231,9 +232,15 @@ const CanvasListPage: React.FC = () => {
           <Typography.Title level={4} style={{ margin: 0 }}>
             {t('canvas.list.title')}
           </Typography.Title>
-          <Button type="primary" icon={<PlusOutlined />} onClick={handleCreate}>
-            {t('canvas.list.create')}
-          </Button>
+          {isAgentEnabled && (
+            <Button
+              type="primary"
+              icon={<PlusOutlined />}
+              onClick={handleCreate}
+            >
+              {t('canvas.list.create')}
+            </Button>
+          )}
         </div>
       </Card>
 
@@ -352,31 +359,35 @@ const CanvasListPage: React.FC = () => {
                       {new Date(canvas.updatedAt).toLocaleString('zh-CN')}
                     </span>
                     <div style={{ display: 'flex', gap: 4 }}>
-                      <Button
-                        type="text"
-                        size="small"
-                        icon={<EditOutlined />}
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          openRename(canvas);
-                        }}
-                        style={{ fontSize: 12, color: '#666' }}
-                      >
-                        {t('canvas.list.rename')}
-                      </Button>
-                      <Button
-                        type="text"
-                        size="small"
-                        danger
-                        icon={<DeleteOutlined />}
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          setDeleteConfirm(canvas);
-                        }}
-                        style={{ fontSize: 12 }}
-                      >
-                        {t('canvas.list.deleteBtn')}
-                      </Button>
+                      {isAgentEnabled && (
+                        <>
+                          <Button
+                            type="text"
+                            size="small"
+                            icon={<EditOutlined />}
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              openRename(canvas);
+                            }}
+                            style={{ fontSize: 12, color: '#666' }}
+                          >
+                            {t('canvas.list.rename')}
+                          </Button>
+                          <Button
+                            type="text"
+                            size="small"
+                            danger
+                            icon={<DeleteOutlined />}
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              setDeleteConfirm(canvas);
+                            }}
+                            style={{ fontSize: 12 }}
+                          >
+                            {t('canvas.list.deleteBtn')}
+                          </Button>
+                        </>
+                      )}
                     </div>
                   </div>
                 </div>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/CanvasPage.tsx

@@ -29,6 +29,7 @@ import { generatePrompt } from '@/components/agentPanel/promptGenerator';
 import { CANVAS_CONTEXT_MENU_REGISTRY } from './canvasContextMenuRegistry';
 import type { MenuActionContext } from './canvasContextMenuRegistry';
 import type { CanvasConfigModalProps } from './canvasConfigRegistry';
+import { isAgentEnabled } from 'config/env';
 import NumCardDataSourceModal from './components/NumCardDataSourceModal';
 import TableDataSourceModal from './components/TableDataSourceModal';
 import BarChartDataSourceModal from './components/BarChartDataSourceModal';
@@ -778,14 +779,14 @@ const CanvasPage: React.FC<CanvasPageProps> = ({
                 margin: [MARGIN_Y, MARGIN_Y] as const,
               }}
               dragConfig={{
-                enabled: !isPreview,
+                enabled: !isPreview && isAgentEnabled,
                 handle: '.canvas-item-drag',
               }}
               resizeConfig={{
-                enabled: !isPreview,
+                enabled: !isPreview && isAgentEnabled,
               }}
-              dropConfig={isPreview ? undefined : dropConfig}
-              onDrop={isPreview ? undefined : handleDrop}
+              dropConfig={isPreview || !isAgentEnabled ? undefined : dropConfig}
+              onDrop={isPreview || !isAgentEnabled ? undefined : handleDrop}
               compactor={sectionCompactor}
               onResizeStop={handleResizeStop}
               onDragStart={() => setIsDragging(true)}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/canvas/CanvasToolbar.tsx

@@ -1,5 +1,6 @@
 import React, { useCallback } from 'react';
 import { Button, Tooltip, Popover } from 'antd';
+import { isAgentEnabled } from 'config/env';
 import {
   SaveOutlined,
   ArrowLeftOutlined,
@@ -137,29 +138,31 @@ const CanvasToolbar: React.FC<CanvasToolbarProps> = ({
             gap: 10,
           }}
         >
-          <Button
-            size="small"
-            icon={<SaveOutlined />}
-            onClick={onSave}
-            style={{
-              borderRadius: 8,
-              border: 'none',
-              fontWeight: 500,
-              ...(isDirty
-                ? {
-                    background: '#4361ee',
-                    color: '#fff',
-                    boxShadow: '0 2px 8px rgba(67,97,238,0.3)',
-                  }
-                : {
-                    background: '#f0f1f5',
-                    color: '#999',
-                  }),
-              transition: 'all 200ms ease',
-            }}
-          >
-            {isDirty ? t('canvas.saveDirty') : t('canvas.save')}
-          </Button>
+          {isAgentEnabled && (
+            <Button
+              size="small"
+              icon={<SaveOutlined />}
+              onClick={onSave}
+              style={{
+                borderRadius: 8,
+                border: 'none',
+                fontWeight: 500,
+                ...(isDirty
+                  ? {
+                      background: '#4361ee',
+                      color: '#fff',
+                      boxShadow: '0 2px 8px rgba(67,97,238,0.3)',
+                    }
+                  : {
+                      background: '#f0f1f5',
+                      color: '#999',
+                    }),
+                transition: 'all 200ms ease',
+              }}
+            >
+              {isDirty ? t('canvas.saveDirty') : t('canvas.save')}
+            </Button>
+          )}
           <Button
             size="small"
             icon={<EyeOutlined />}
@@ -183,234 +186,240 @@ const CanvasToolbar: React.FC<CanvasToolbarProps> = ({
           >
             {t('canvas.preview')}
           </Button>
-          <Button
-            size="small"
-            icon={<RocketOutlined />}
-            onClick={isPublished ? onUnpublish : onPublish}
-            danger={isPublished}
-            style={{
-              borderRadius: 8,
-              border: isPublished ? '1px solid #ff4d4f' : '1px solid #e0e0e0',
-              background: isPublished ? '#fff2f0' : 'transparent',
-              color: isPublished ? '#ff4d4f' : '#555',
-              fontWeight: 500,
-              transition: 'all 200ms ease',
-            }}
-          >
-            {isPublished ? t('canvas.unpublish') : t('canvas.publish')}
-          </Button>
+          {isAgentEnabled && (
+            <Button
+              size="small"
+              icon={<RocketOutlined />}
+              onClick={isPublished ? onUnpublish : onPublish}
+              danger={isPublished}
+              style={{
+                borderRadius: 8,
+                border: isPublished ? '1px solid #ff4d4f' : '1px solid #e0e0e0',
+                background: isPublished ? '#fff2f0' : 'transparent',
+                color: isPublished ? '#ff4d4f' : '#555',
+                fontWeight: 500,
+                transition: 'all 200ms ease',
+              }}
+            >
+              {isPublished ? t('canvas.unpublish') : t('canvas.publish')}
+            </Button>
+          )}
         </div>
       </div>
 
-      {/* ── Thumbnail row (always visible) ── */}
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: 24,
-          padding: '16px 24px 20px',
-          overflowX: 'auto',
-          overflowY: 'hidden',
-          borderTop: '1px solid #f0f0f0',
-        }}
-      >
-        {CANVAS_COMPONENTS.map((type) => {
-          const def = CANVAS_DEFAULTS[type];
-          const variants = def?.variants ?? [];
-
-          // ── 单 variant：thumbnail 直接可拖拽，跳过 Popover ──
-          if (variants.length === 1) {
-            return (
-              <div
-                key={type}
-                draggable
-                onDragStart={(e) =>
-                  handleVariantDragStart(e, type, variants[0].code)
-                }
-                style={{
-                  display: 'flex',
-                  flexDirection: 'column',
-                  alignItems: 'center',
-                  gap: 8,
-                  cursor: 'grab',
-                  userSelect: 'none',
-                  flexShrink: 0,
-                  width: 140,
-                }}
-              >
-                <div
-                  style={{
-                    border: '1px solid #eaeaea',
-                    borderRadius: 10,
-                    overflow: 'hidden',
-                    background: '#fff',
-                    transition: 'all 200ms cubic-bezier(0.4, 0, 0.2, 1)',
-                  }}
-                  onMouseEnter={(e) => {
-                    const el = e.currentTarget;
-                    el.style.borderColor = '#4361ee';
-                    el.style.boxShadow = '0 4px 16px rgba(67,97,238,0.12)';
-                    el.style.transform = 'translateY(-3px) scale(1.03)';
-                  }}
-                  onMouseLeave={(e) => {
-                    const el = e.currentTarget;
-                    el.style.borderColor = '#eaeaea';
-                    el.style.boxShadow = 'none';
-                    el.style.transform = 'translateY(0) scale(1)';
-                  }}
-                >
-                  <ComponentThumbnail componentType={type} width={140} />
-                </div>
-                <span
-                  style={{
-                    fontSize: 11,
-                    color: '#888',
-                    fontWeight: 500,
-                    letterSpacing: '0.3px',
-                    textAlign: 'center',
-                    pointerEvents: 'none',
-                  }}
-                >
-                  {getComponentLabel(type, t)}
-                </span>
-              </div>
-            );
-          }
+      {/* ── Thumbnail row (only in dev) ── */}
+      {isAgentEnabled && (
+        <div
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            gap: 24,
+            padding: '16px 24px 20px',
+            overflowX: 'auto',
+            overflowY: 'hidden',
+            borderTop: '1px solid #f0f0f0',
+          }}
+        >
+          {CANVAS_COMPONENTS.map((type) => {
+            const def = CANVAS_DEFAULTS[type];
+            const variants = def?.variants ?? [];
 
-          // ── 多 variant：保持 Popover hover 展开 ──
-          const popoverContent = (
-            <div
-              style={{
-                display: 'flex',
-                alignItems: 'center',
-                gap: 16,
-                padding: 4,
-              }}
-            >
-              {variants.map((v) => (
+            // ── 单 variant：thumbnail 直接可拖拽，跳过 Popover ──
+            if (variants.length === 1) {
+              return (
                 <div
-                  key={v.name}
+                  key={type}
                   draggable
-                  onDragStart={(e) => handleVariantDragStart(e, type, v.code)}
+                  onDragStart={(e) =>
+                    handleVariantDragStart(e, type, variants[0].code)
+                  }
                   style={{
                     display: 'flex',
                     flexDirection: 'column',
                     alignItems: 'center',
-                    gap: 6,
+                    gap: 8,
                     cursor: 'grab',
                     userSelect: 'none',
                     flexShrink: 0,
+                    width: 140,
                   }}
                 >
                   <div
                     style={{
-                      border: '1px solid #e8e8e8',
-                      borderRadius: 8,
+                      border: '1px solid #eaeaea',
+                      borderRadius: 10,
                       overflow: 'hidden',
                       background: '#fff',
-                      transition: 'all 180ms ease',
+                      transition: 'all 200ms cubic-bezier(0.4, 0, 0.2, 1)',
                     }}
                     onMouseEnter={(e) => {
                       const el = e.currentTarget;
                       el.style.borderColor = '#4361ee';
-                      el.style.boxShadow = '0 4px 12px rgba(67,97,238,0.15)';
-                      el.style.transform = 'translateY(-3px) scale(1.02)';
+                      el.style.boxShadow = '0 4px 16px rgba(67,97,238,0.12)';
+                      el.style.transform = 'translateY(-3px) scale(1.03)';
                     }}
                     onMouseLeave={(e) => {
                       const el = e.currentTarget;
-                      el.style.borderColor = '#e8e8e8';
+                      el.style.borderColor = '#eaeaea';
                       el.style.boxShadow = 'none';
                       el.style.transform = 'translateY(0) scale(1)';
                     }}
                   >
-                    <ComponentThumbnail
-                      componentType={type}
-                      code={v.code}
-                      width={124}
-                    />
+                    <ComponentThumbnail componentType={type} width={140} />
                   </div>
                   <span
                     style={{
-                      fontSize: 10,
-                      color: '#666',
+                      fontSize: 11,
+                      color: '#888',
                       fontWeight: 500,
+                      letterSpacing: '0.3px',
                       textAlign: 'center',
                       pointerEvents: 'none',
                     }}
                   >
-                    {getVariantLabel(v.label, t)}
+                    {getComponentLabel(type, t)}
                   </span>
                 </div>
-              ))}
-            </div>
-          );
+              );
+            }
 
-          return (
-            <Popover
-              key={type}
-              content={popoverContent}
-              title={
-                <span style={{ fontSize: 12, fontWeight: 600, color: '#333' }}>
-                  {getComponentLabel(type, t)}
-                </span>
-              }
-              trigger="hover"
-              placement="bottomLeft"
-              mouseEnterDelay={0.2}
-              mouseLeaveDelay={0.3}
-            >
+            // ── 多 variant：保持 Popover hover 展开 ──
+            const popoverContent = (
               <div
                 style={{
                   display: 'flex',
-                  flexDirection: 'column',
                   alignItems: 'center',
-                  gap: 8,
-                  cursor: 'grab',
-                  userSelect: 'none',
-                  flexShrink: 0,
-                  width: 140,
+                  gap: 16,
+                  padding: 4,
                 }}
+              >
+                {variants.map((v) => (
+                  <div
+                    key={v.name}
+                    draggable
+                    onDragStart={(e) => handleVariantDragStart(e, type, v.code)}
+                    style={{
+                      display: 'flex',
+                      flexDirection: 'column',
+                      alignItems: 'center',
+                      gap: 6,
+                      cursor: 'grab',
+                      userSelect: 'none',
+                      flexShrink: 0,
+                    }}
+                  >
+                    <div
+                      style={{
+                        border: '1px solid #e8e8e8',
+                        borderRadius: 8,
+                        overflow: 'hidden',
+                        background: '#fff',
+                        transition: 'all 180ms ease',
+                      }}
+                      onMouseEnter={(e) => {
+                        const el = e.currentTarget;
+                        el.style.borderColor = '#4361ee';
+                        el.style.boxShadow = '0 4px 12px rgba(67,97,238,0.15)';
+                        el.style.transform = 'translateY(-3px) scale(1.02)';
+                      }}
+                      onMouseLeave={(e) => {
+                        const el = e.currentTarget;
+                        el.style.borderColor = '#e8e8e8';
+                        el.style.boxShadow = 'none';
+                        el.style.transform = 'translateY(0) scale(1)';
+                      }}
+                    >
+                      <ComponentThumbnail
+                        componentType={type}
+                        code={v.code}
+                        width={124}
+                      />
+                    </div>
+                    <span
+                      style={{
+                        fontSize: 10,
+                        color: '#666',
+                        fontWeight: 500,
+                        textAlign: 'center',
+                        pointerEvents: 'none',
+                      }}
+                    >
+                      {getVariantLabel(v.label, t)}
+                    </span>
+                  </div>
+                ))}
+              </div>
+            );
+
+            return (
+              <Popover
+                key={type}
+                content={popoverContent}
+                title={
+                  <span
+                    style={{ fontSize: 12, fontWeight: 600, color: '#333' }}
+                  >
+                    {getComponentLabel(type, t)}
+                  </span>
+                }
+                trigger="hover"
+                placement="bottomLeft"
+                mouseEnterDelay={0.2}
+                mouseLeaveDelay={0.3}
               >
                 <div
                   style={{
-                    border: '1px solid #eaeaea',
-                    borderRadius: 10,
-                    overflow: 'hidden',
-                    background: '#fff',
-                    transition: 'all 200ms cubic-bezier(0.4, 0, 0.2, 1)',
-                  }}
-                  onMouseEnter={(e) => {
-                    const el = e.currentTarget;
-                    el.style.borderColor = '#4361ee';
-                    el.style.boxShadow = '0 4px 16px rgba(67,97,238,0.12)';
-                    el.style.transform = 'translateY(-3px) scale(1.03)';
-                  }}
-                  onMouseLeave={(e) => {
-                    const el = e.currentTarget;
-                    el.style.borderColor = '#eaeaea';
-                    el.style.boxShadow = 'none';
-                    el.style.transform = 'translateY(0) scale(1)';
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    gap: 8,
+                    cursor: 'grab',
+                    userSelect: 'none',
+                    flexShrink: 0,
+                    width: 140,
                   }}
                 >
-                  <ComponentThumbnail componentType={type} width={140} />
+                  <div
+                    style={{
+                      border: '1px solid #eaeaea',
+                      borderRadius: 10,
+                      overflow: 'hidden',
+                      background: '#fff',
+                      transition: 'all 200ms cubic-bezier(0.4, 0, 0.2, 1)',
+                    }}
+                    onMouseEnter={(e) => {
+                      const el = e.currentTarget;
+                      el.style.borderColor = '#4361ee';
+                      el.style.boxShadow = '0 4px 16px rgba(67,97,238,0.12)';
+                      el.style.transform = 'translateY(-3px) scale(1.03)';
+                    }}
+                    onMouseLeave={(e) => {
+                      const el = e.currentTarget;
+                      el.style.borderColor = '#eaeaea';
+                      el.style.boxShadow = 'none';
+                      el.style.transform = 'translateY(0) scale(1)';
+                    }}
+                  >
+                    <ComponentThumbnail componentType={type} width={140} />
+                  </div>
+                  <span
+                    style={{
+                      fontSize: 11,
+                      color: '#888',
+                      fontWeight: 500,
+                      letterSpacing: '0.3px',
+                      textAlign: 'center',
+                      pointerEvents: 'none',
+                    }}
+                  >
+                    {getComponentLabel(type, t)}
+                  </span>
                 </div>
-                <span
-                  style={{
-                    fontSize: 11,
-                    color: '#888',
-                    fontWeight: 500,
-                    letterSpacing: '0.3px',
-                    textAlign: 'center',
-                    pointerEvents: 'none',
-                  }}
-                >
-                  {getComponentLabel(type, t)}
-                </span>
-              </div>
-            </Popover>
-          );
-        })}
-      </div>
+              </Popover>
+            );
+          })}
+        </div>
+      )}
     </div>
   );
 };

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/editor.tsx

@@ -31,6 +31,7 @@ import { FlowRenderer } from './components/FlowRenderer';
 import { NodePropertyPanel } from './components/NodePropertyPanel';
 import { DslView, type DslViewHandle } from './components/DslView';
 import { useWorkflowAgent } from './hooks/useWorkflowAgent';
+import { isAgentEnabled as isDev } from 'config/env';
 import type {
   Workflow,
   WorkflowDSL,
@@ -44,7 +45,6 @@ const { TextArea } = Input;
 
 const NEW_DRAFT_KEY = 'workflow_new_draft';
 const EDIT_DRAFT_KEY = (id: string) => `workflow_draft_${id}`;
-const isDev = import.meta.env.DEV;
 
 export default function WorkflowEditorPage() {
   const { id } = useParams<{ id: string }>();

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/components/NodeInstanceForm.tsx

@@ -19,7 +19,7 @@ import {
 import type { WorkflowNodeType } from '../../types';
 
 const { Title } = Typography;
-const isDev = import.meta.env.DEV;
+import { isAgentEnabled as isDev } from 'config/env';
 
 interface NodeInstanceFormProps {
   form: FormInstance;

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

@@ -48,7 +48,7 @@ const STATUS_COLOR: Record<string, string> = {
   PUBLISHED: 'success',
 };
 
-const isDev = import.meta.env.DEV;
+import { isAgentEnabled as isDev } from 'config/env';
 
 export default function WorkflowShowPage() {
   const { id } = useParams<{ id: string }>();

package/dist/lib/application/files/gadmin2-game-angle-demo/web/vite.config.ts

@@ -34,6 +34,7 @@ export default defineConfig(({ mode }) => {
     },
     server: {
       host: true,
+      allowedHosts: true,
       proxy: proxyConfig,
     },
     build: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gadmin2n/schematics",
-  "version": "0.0.105",
+  "version": "0.0.106",
   "description": "Gadmin - modern, fast, powerful node.js web framework (@schematics)",
   "main": "dist/index.js",
   "files": [

package/dist/lib/application/files/gadmin2-game-angle-demo/gitignore

@@ -1,52 +0,0 @@
-# compiled output
-bin/
-dist/
-node_modules/
-generated/
-build/
-server/prisma/dbml
-server/prisma/schema.prisma
-upload/
-# Logs
-logs/
-*.log
-npm-debug.log*
-pnpm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-.env.local
-
-# OS
-.DS_Store
-
-# Tests
-coverage
-.nyc_output
-
-# IDEs and editors
-.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-.yalc/
-
-nginx-external-page/
-settings.local.json
-
-.agent/
-.claude-internal/
-.claude
-docs/
-.frontend-slides/