@gadmin2n/schematics 0.0.68 → 0.0.70

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/canvas/metric-info-tooltip/index.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Tooltip } from 'antd';
+import { InfoCircleFilled } from '@ant-design/icons';
+
+export const MetricInfoTooltip: React.FC<{
+  metricId: string;
+  children: React.ReactNode;
+}> = ({ children }) => {
+  return (
+    <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}>
+      {children}
+      <Tooltip title="[Metric info stub in canvas]">
+        <InfoCircleFilled style={{ color: '#d8dae4', fontSize: 12 }} />
+      </Tooltip>
+    </span>
+  );
+};
+
+export default MetricInfoTooltip;

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/contexts/business/index.tsx

@@ -1,6 +1,6 @@
-import { PropsWithChildren, createContext, useEffect, useState } from "react";
-import { findMany } from "helpers";
-import { Game } from "generated/types/prisma.types";
+import { PropsWithChildren, createContext, useEffect, useState } from 'react';
+import { findMany } from 'helpers';
+import { Game } from 'generated/types/prisma.types';
 
 export type BusinessInfo = {
   gameId: string;
@@ -13,39 +13,39 @@ export type BusinessContextType = {
 };
 
 export const BusinessContext = createContext<BusinessContextType>(
-  {} as BusinessContextType
+  {} as BusinessContextType,
 );
 
 export const BusinessContextProvider: React.FC<PropsWithChildren> = ({
   children,
 }) => {
   const BusinessFromLocalStorage = JSON.parse(
-    localStorage.getItem("Business") ||
+    localStorage.getItem('Business') ||
       JSON.stringify({
-        gameId: "u10000000066",
-        gameName: "HOK",
-      })
+        gameId: 'u10000000066',
+        gameName: 'HOK',
+      }),
   );
 
   const [business, setBusiness] = useState<BusinessInfo>(
-    BusinessFromLocalStorage
+    BusinessFromLocalStorage,
   );
   const [businessList, setBusinessList] = useState<BusinessInfo[]>([
     BusinessFromLocalStorage,
   ]);
 
   useEffect(() => {
-    window.localStorage.setItem("Business", JSON.stringify(business));
+    window.localStorage.setItem('Business', JSON.stringify(business));
   }, [business]);
 
   useEffect(() => {
     const fetchGameList = async () => {
-      const gameList = await findMany<Game>("game", { take: 1000 });
+      const gameList = await findMany<Game>('game', { take: 1000 });
       setBusinessList(
         gameList.map((game) => ({
           gameId: game.unified_editionid,
           gameName: game.name,
-        }))
+        })),
       );
     };
     fetchGameList();

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/contexts/color-mode/index.tsx

@@ -1,45 +1,45 @@
-import { RefineThemes } from "@refinedev/antd";
-import { ConfigProvider } from "antd";
-import type { ThemeConfig } from "antd";
-import { PropsWithChildren } from "react";
+import { RefineThemes } from '@refinedev/antd';
+import { ConfigProvider } from 'antd';
+import type { ThemeConfig } from 'antd';
+import { PropsWithChildren } from 'react';
 
 const themeConfig: ThemeConfig = {
   ...RefineThemes.Blue,
   token: {
     ...RefineThemes.Blue.token,
-    colorPrimary: "#1677FF",
-    colorError: "#fa541c",
-    colorPrimaryText: "rgba(0, 0, 0, 0.85)",
-    colorTextSecondary: "rgba(0, 0, 0, 0.65)",
-    colorTextTertiary: "rgba(0, 0, 0, 0.45)",
-    colorBgContainer: "#F7F8F9",
-    colorBgLayout: "#F0F2F5",
-    colorBorderBg: "#E8E9EA",
+    colorPrimary: '#1677FF',
+    colorError: '#fa541c',
+    colorPrimaryText: 'rgba(0, 0, 0, 0.85)',
+    colorTextSecondary: 'rgba(0, 0, 0, 0.65)',
+    colorTextTertiary: 'rgba(0, 0, 0, 0.45)',
+    colorBgContainer: '#F7F8F9',
+    colorBgLayout: '#F0F2F5',
+    colorBorderBg: '#E8E9EA',
     borderRadius: 6,
     fontFamily:
       "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
   },
   components: {
     Typography: {
-      colorText: "rgba(0, 0, 0, 0.85)",
-      colorTextDescription: "rgba(0, 0, 0, 0.65)",
-      colorTextDisabled: "rgba(0, 0, 0, 0.45)",
+      colorText: 'rgba(0, 0, 0, 0.85)',
+      colorTextDescription: 'rgba(0, 0, 0, 0.65)',
+      colorTextDisabled: 'rgba(0, 0, 0, 0.45)',
     },
     Card: {
-      colorBgContainer: "#FFFFFF",
-      headerBg: "#FAFAFA",
+      colorBgContainer: '#FFFFFF',
+      headerBg: '#FAFAFA',
     },
     Table: {
-      colorBgContainer: "#fff",
+      colorBgContainer: '#fff',
     },
     Input: {
-      colorBgContainer: "#fff",
+      colorBgContainer: '#fff',
     },
     InputNumber: {
-      colorBgContainer: "#fff",
+      colorBgContainer: '#fff',
     },
     Select: {
-      colorBgContainer: "#fff",
+      colorBgContainer: '#fff',
     },
     Form: {
       labelFontSize: 14,
@@ -50,9 +50,5 @@ const themeConfig: ThemeConfig = {
 export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({
   children,
 }) => {
-  return (
-    <ConfigProvider theme={themeConfig}>
-      {children}
-    </ConfigProvider>
-  );
+  return <ConfigProvider theme={themeConfig}>{children}</ConfigProvider>;
 };

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

@@ -1,26 +1,30 @@
-import React, { memo } from "react";
+import React, { memo } from 'react';
 
-import type { AvatarProps } from "antd";
-import { Avatar as AntdAvatar } from "antd";
+import type { AvatarProps } from 'antd';
+import { Avatar as AntdAvatar } from 'antd';
 
-import { getNameInitials, getRandomColorFromString } from "helpers";
+import { getNameInitials, getRandomColorFromString } from 'helpers';
 
 type Props = AvatarProps & {
   name?: string;
 };
 
-const CustomAvatarComponent: React.FC<Props> = ({ name = "", style, ...rest }) => {
+const CustomAvatarComponent: React.FC<Props> = ({
+  name = '',
+  style,
+  ...rest
+}) => {
   return (
     <AntdAvatar
       alt={name}
       size="small"
       style={{
         backgroundColor: rest?.src
-          ? "transparent"
+          ? 'transparent'
           : getRandomColorFromString(name),
-        display: "flex",
-        alignItems: "center",
-        border: "none",
+        display: 'flex',
+        alignItems: 'center',
+        border: 'none',
         ...style,
       }}
       {...rest}

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

@@ -2,7 +2,7 @@ export * from './SearchBar';
 export * from './BulkActions';
 export * from './RowActions';
 export * from './ListPageHeader';
-export * from "./custom-avatar";
-export * from "./pagination-total";
-export * from "./tags";
-export * from "./text";
+export * from './custom-avatar';
+export * from './pagination-total';
+export * from './tags';
+export * from './text';

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

@@ -1,4 +1,4 @@
-import { useGetLocale, useSetLocale, useGetIdentity } from "@refinedev/core";
+import { useGetLocale, useSetLocale, useGetIdentity } from '@refinedev/core';
 import {
   Layout,
   Space,
@@ -8,14 +8,13 @@ import {
   Typography,
   theme,
   Select,
-  Tooltip,
-} from "antd";
-import { DownOutlined, RobotOutlined } from "@ant-design/icons";
-import { useTranslation } from "react-i18next";
-import { useContext } from "react";
-import { BusinessContext } from "components/contexts/business";
-import { useAgent } from "components/agentPanel";
-import type { MenuProps } from "antd";
+} from 'antd';
+import { DownOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
+import { useContext } from 'react';
+import { BusinessContext } from 'components/contexts/business';
+import type { MenuProps } from 'antd';
+import { agentAttrs } from 'components/agentPanel/agentAttributes';
 
 type IUser = {
   id: number;
@@ -26,8 +25,6 @@ type IUser = {
 const { Text } = Typography;
 const { useToken } = theme;
 
-const isDev = import.meta.env.DEV;
-
 export const Header: React.FC = () => {
   const { i18n } = useTranslation();
   const locale = useGetLocale();
@@ -35,8 +32,6 @@ export const Header: React.FC = () => {
   const { token } = useToken();
   const { data: user } = useGetIdentity<IUser>();
   const { business, setBusiness, businessList } = useContext(BusinessContext);
-  const agent = useAgent();
-  const openAgentPanel = agent?.open;
 
   const currentLocale = locale();
 
@@ -49,35 +44,25 @@ export const Header: React.FC = () => {
           <Avatar size={16} src={`/images/flags/${lang}.svg`} />
         </span>
       ),
-      label: lang === "en" ? "English" : "中文",
+      label: lang === 'en' ? 'English' : '中文',
     })),
     onClick: ({ key: lang }) => changeLanguage(lang),
   };
 
   const headerStyles: React.CSSProperties = {
     backgroundColor: token.colorBgElevated,
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    padding: "0px 24px",
-    height: "64px",
-    position: "sticky",
+    display: 'flex',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    padding: '0px 24px',
+    height: '64px',
+    position: 'sticky',
     top: 0,
     zIndex: 999,
   };
 
   return (
-    <Layout.Header style={headerStyles}>
-      {isDev && (
-        <Tooltip title="AI Agent (Dev Only)">
-          <Button
-            type="text"
-            icon={<RobotOutlined style={{ fontSize: 18 }} />}
-            onClick={openAgentPanel}
-            style={{ marginRight: 8 }}
-          />
-        </Tooltip>
-      )}
+    <Layout.Header style={headerStyles} {...agentAttrs({ type: 'app-header' })}>
       <Select
         showSearch
         defaultValue={business.gameId}
@@ -89,15 +74,15 @@ export const Header: React.FC = () => {
             value: item.gameId,
           })),
           {
-            label: "管理员专用",
-            options: [{ value: "-1", label: "All games" }],
+            label: '管理员专用',
+            options: [{ value: '-1', label: 'All games' }],
           },
         ]}
         optionFilterProp="label"
         onChange={(gameId) => {
           const gameInfo =
-            gameId === "-1"
-              ? { gameId: "-1", gameName: "All games" }
+            gameId === '-1'
+              ? { gameId: '-1', gameName: 'All games' }
               : businessList.find((item) => item.gameId === gameId)!;
           setBusiness(gameInfo);
           window.location.reload();
@@ -107,12 +92,12 @@ export const Header: React.FC = () => {
         <Button type="link">
           <Space>
             <Avatar size={16} src={`/images/flags/${currentLocale}.svg`} />
-            {currentLocale === "en" ? "English" : "中文"}
+            {currentLocale === 'en' ? 'English' : '中文'}
             <DownOutlined />
           </Space>
         </Button>
       </Dropdown>
-      <Space style={{ marginLeft: "8px" }} size="middle">
+      <Space style={{ marginLeft: '8px' }} size="middle">
         {user?.name && <Text strong>{user.name}</Text>}
         {user?.avatar && <Avatar src={user?.avatar} alt={user?.name} />}
       </Space>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/components/layout/index.ts

@@ -1,4 +1,4 @@
-export { Header } from "./header";
-export { Sider } from "./sider";
-export { Layout } from "./layout";
-export { Title } from "./title";
+export { Header } from './header';
+export { Sider } from './sider';
+export { Layout } from './layout';
+export { Title } from './title';

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

@@ -1,25 +1,25 @@
-import React from "react";
-import { ThemedLayoutContextProvider } from "@refinedev/antd";
-import { Grid, Layout as AntdLayout } from "antd";
-import { Header } from "./header";
-import { Sider } from "./sider";
-import { OffLayoutArea } from "components/offLayoutArea";
+import React from 'react';
+import { ThemedLayoutContextProvider } from '@refinedev/antd';
+import { Grid, Layout as AntdLayout } from 'antd';
+import { Header } from './header';
+import { Sider } from './sider';
+import { OffLayoutArea } from 'components/offLayoutArea';
 
 export const Layout: React.FC<React.PropsWithChildren> = ({ children }) => {
   const breakpoint = Grid.useBreakpoint();
-  const isSmall = typeof breakpoint.sm === "undefined" ? true : breakpoint.sm;
+  const isSmall = typeof breakpoint.sm === 'undefined' ? true : breakpoint.sm;
 
   return (
     <ThemedLayoutContextProvider>
-      <AntdLayout hasSider style={{ minHeight: "100vh" }}>
+      <AntdLayout hasSider style={{ minHeight: '100vh' }}>
         <Sider />
         <AntdLayout>
           <Header />
           <AntdLayout.Content
             style={{
               padding: isSmall ? 32 : 16,
-              height: "calc(100vh - 64px)",
-              overflowY: "auto",
+              height: 'calc(100vh - 64px)',
+              overflowY: 'auto',
             }}
           >
             {children}

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export const Logo = (props: React.SVGProps<SVGSVGElement>) => (
   <svg