feature: dataMask logs dialog

fix: get service remote option

frontend/packages/common/src/contexts/GlobalStateContext.tsx

@@ -45,13 +45,13 @@ export type GlobalAction =
         {
           "name": "工作空间",
           "key": "workspace",
-          "path": "/guide/page",
+          "path": "/guide",
           "icon": "ic:baseline-space-dashboard",
           "children": [
             {
               "name": "首页",
               "key": "guide",
-              "path": "/guide/page",
+              "path": "/guide",
               "icon": "ic:baseline-home",
               "access": "all"
             },
@@ -179,7 +179,7 @@ export type GlobalAction =
                   "name": "全局策略",
                   "key": "globalpolicy",
                   "path": "/globalpolicy",
-                  "icon": "uil:comment-shield",
+                  "icon": "icon-park-solid:exchange-three",
                   "access": "system.settings.data_source.view"
                 },
                 {

frontend/packages/common/src/hooks/copy.ts

@@ -1,6 +1,7 @@
 
 import { RESPONSE_TIPS } from '@common/const/const';
 import { message } from 'antd';
+import { $t } from "@common/locales"
 import { useEffect, useState } from 'react';
 
 const useCopyToClipboard = () => {

frontend/packages/core/src/pages/policy/dataMasking/DataMasking.tsx

@@ -66,7 +66,7 @@ const DataMasking = (props: any) => {
       }
       return {
         ...x,
-        title: <span title={$t(x.title as string)}>{$t(x.title as string)}</span>
+        title: (<span title={$t(x.title as string)}>{$t(x.title as string)}</span>)
       }
     })
     return res

frontend/packages/core/src/pages/policy/dataMasking/DataMaskingColumn.tsx

@@ -15,7 +15,7 @@ export const DATA_MASKING_TABLE_COLUMNS: PageProColumns<any>[] = [
   {
     title: ('优先级'),
     dataIndex: 'priority',
-    width: 140,
+    width: 90,
     ellipsis: true,
     sorter: (a: any, b: any) => {
       return (a.priority as number) - (b.priority as number)
@@ -26,6 +26,7 @@ export const DATA_MASKING_TABLE_COLUMNS: PageProColumns<any>[] = [
     dataIndex: 'publishStatus',
     filters: true,
     onFilter: false ,
+    ellipsis: true,
     width: 140,
     valueEnum: new Map(
       Object.keys(StrategyStatusEnum).map(key=>
@@ -38,6 +39,7 @@ export const DATA_MASKING_TABLE_COLUMNS: PageProColumns<any>[] = [
     dataIndex: 'isStop',
     filters: true,
     onFilter: false ,
+    ellipsis: true,
     valueEnum: {
       false: { text: <span className="text-status_success">{$t('启用')}</span> },
       true: { text: <span className="text-status_fail">{$t('禁用')}</span> }

frontend/packages/market/src/pages/serviceHub/ServiceHubDetail.tsx

@@ -137,7 +137,7 @@ const ServiceHubDetail = () => {
       key: 'api-integrate',
       label: $t('集成'),
       children: <div className={`p-btnbase  ${serviceBasicInfo?.serviceKind?.toLocaleLowerCase() === 'ai' ? 'ai-service-api-preview' : ''}`}><Integrate service={service!} /></div>,
-      icon: <BgColorsOutlined />
+      icon: <Icon icon="icon-park-solid:whole-site-accelerator" width="15" height="15" />,
     }
   ]
 

frontend/packages/market/src/pages/serviceHub/integrate.tsx

@@ -5,6 +5,7 @@ import { BasicResponse, RESPONSE_TIPS, STATUS_CODE } from '@common/const/const'
 import { useParams } from "react-router-dom"
 import { useState, useEffect } from "react"
 import { RouterParams } from "@common/const/type"
+import useCopyToClipboard from "@common/hooks/copy.ts";
 import { useFetch } from "@common/hooks/http"
 
 const Integrate = ({ service }: { service: ServiceDetailType }) => {
@@ -12,6 +13,7 @@ const Integrate = ({ service }: { service: ServiceDetailType }) => {
   const [url, setUrl] = useState('');
   const { serviceId} = useParams<RouterParams>()
   const {fetchData} = useFetch()
+  const { copyToClipboard } = useCopyToClipboard();
   
   useEffect(()=>{
     setUrl(`${service?.basic?.sitePrefix || window.location?.origin}/api/v1/service/swagger/${serviceId}` )
@@ -28,8 +30,7 @@ const Integrate = ({ service }: { service: ServiceDetailType }) => {
    * 复制代码
    */
   const copyURL = async (): Promise<void> => {
-    await navigator.clipboard.writeText(url)
-    message.success($t(RESPONSE_TIPS.copySuccess))
+    copyToClipboard(url)
   }
   /**
    * 下载文件
@@ -55,8 +56,8 @@ const Integrate = ({ service }: { service: ServiceDetailType }) => {
       <p className={stepClass}>{$t('步骤二：导入 API 文档数据')}</p>
       <div className='my-[10px]'>{$t('可通过以下 URL 或 下载 Json 文件，导入 API 文档数据到 Agent 平台中。')}</div>
       <div className="flex w-full items-center gap-[30px]">
-        <Space.Compact className=" flex-1 ">
-          <Input disabled value={url} />
+        <Space.Compact className="w-[700px]">
+          <Input className="truncate" disabled title={url} value={url} />
           <Button type="primary" onClick={copyURL}>{$t('复制 URL')}</Button>
         </Space.Compact>
         <span className="text-[14px] font-bold">OR</span>