fix(task): prevent artifact publication overwrite

chat2db-community-client/scripts/i18n-source-hashes.json

@@ -6,9 +6,9 @@
       "ai.ts": "e7a2fcbfb3ed647bd14f63aca4b6c35c8fb402c49a6a1f36bb04f76f4e8415af",
       "chat.ts": "f6c6ab9cbc5c1c828c35c75d83c4adca347ade590b5177e10d64fdd18cc8aef5",
       "common.ts": "24aa2228702754bc019f1e21dd7be9f6d1c6ff02ed9bd9227ab319f331248b11",
-      "connection.ts": "d70578a3444978b60ea41c670e8b180849eaab297e33325db56c891e1058e899",
+      "connection.ts": "24f987f3e4188c0076c1c17591b9fd5792b29c2c176b2069f50a3bdf5d661af9",
       "dashboard.ts": "b99f5e6b81271573a8db1a585ac879724441b7163050899c3abaf9498217bd21",
-      "editTable.ts": "0f7a808f50053cd52b183d156bb4fd46bb125b8058f8774deb61c7f02894a350",
+      "editTable.ts": "6d1233d574dbd2e038ed112bc8677b12f61a0fc831f56f77d5ce024a96a319f6",
       "editTableData.ts": "b6f40d2e1f612b716c0dbc2ade925069a039585a28ada997e004c33ce2fd0901",
       "feedback.ts": "080fbb0b2e6578d10499d47e0f23b7161feffb769c8a574048c5a737c9624eea",
       "login.ts": "df4c7c4b2020ef3e9a70277f364d078fc6a10ad81be31d3b648933f14c423f43",
@@ -17,19 +17,19 @@
       "notification.ts": "500751da2f02391622f074448eb46611fd41da2e5530d6c7d65f17a1382bd236",
       "plugin.ts": "01f15b6342cc5b29899ee4144d67b04bb4bc02c6bb10779806be322dc5e9a2bc",
       "redis.ts": "cacf9cf685bf3bf6d019f18eead0f63713d4727be741a87d8dc1d22807ebd9ad",
-      "setting.ts": "14aea4aebdbe5cff2ae9ba4bf955aa42a95ac23d1950ea69291b22c29330d7cf",
+      "setting.ts": "cdc0698420cb89407b2e91ad31e45ddd7f8eb63ca3dd58196da5d6f8739a65b8",
       "spaceSetting.ts": "defdf3138e5e1782f0282760bcef4ce1b8550cc80b03052fea468d97165cb980",
       "sqlEditor.ts": "5c41e5f24d5ba78909795bcc681cabb8460cca075233b665dc4940afe82ce0c9",
-      "stream.ts": "8418dd25b0fd54b2ef2b15a2573edf0a4876efb4e69936ff82a157ea5cf42be4",
-      "workspace.ts": "ff3ba00ee05c5e04c6ccaef4083a83e4f01b5307eff17b9afc6480525a9ef141"
+      "stream.ts": "2e2fca0b1ba1ecd5a1501b767be8857cf0b72d800d69a4acf9cd62a61d5ceaf5",
+      "workspace.ts": "e23d0f03ed0c87023f92de7a3e01a40815c5135924902304a8b8e5c809afc609"
     },
     "ko-KR": {
       "ai.ts": "e7a2fcbfb3ed647bd14f63aca4b6c35c8fb402c49a6a1f36bb04f76f4e8415af",
       "chat.ts": "f6c6ab9cbc5c1c828c35c75d83c4adca347ade590b5177e10d64fdd18cc8aef5",
       "common.ts": "24aa2228702754bc019f1e21dd7be9f6d1c6ff02ed9bd9227ab319f331248b11",
-      "connection.ts": "d70578a3444978b60ea41c670e8b180849eaab297e33325db56c891e1058e899",
+      "connection.ts": "24f987f3e4188c0076c1c17591b9fd5792b29c2c176b2069f50a3bdf5d661af9",
       "dashboard.ts": "b99f5e6b81271573a8db1a585ac879724441b7163050899c3abaf9498217bd21",
-      "editTable.ts": "0f7a808f50053cd52b183d156bb4fd46bb125b8058f8774deb61c7f02894a350",
+      "editTable.ts": "6d1233d574dbd2e038ed112bc8677b12f61a0fc831f56f77d5ce024a96a319f6",
       "editTableData.ts": "b6f40d2e1f612b716c0dbc2ade925069a039585a28ada997e004c33ce2fd0901",
       "feedback.ts": "080fbb0b2e6578d10499d47e0f23b7161feffb769c8a574048c5a737c9624eea",
       "login.ts": "df4c7c4b2020ef3e9a70277f364d078fc6a10ad81be31d3b648933f14c423f43",
@@ -38,11 +38,11 @@
       "notification.ts": "500751da2f02391622f074448eb46611fd41da2e5530d6c7d65f17a1382bd236",
       "plugin.ts": "01f15b6342cc5b29899ee4144d67b04bb4bc02c6bb10779806be322dc5e9a2bc",
       "redis.ts": "cacf9cf685bf3bf6d019f18eead0f63713d4727be741a87d8dc1d22807ebd9ad",
-      "setting.ts": "14aea4aebdbe5cff2ae9ba4bf955aa42a95ac23d1950ea69291b22c29330d7cf",
+      "setting.ts": "cdc0698420cb89407b2e91ad31e45ddd7f8eb63ca3dd58196da5d6f8739a65b8",
       "spaceSetting.ts": "defdf3138e5e1782f0282760bcef4ce1b8550cc80b03052fea468d97165cb980",
       "sqlEditor.ts": "5c41e5f24d5ba78909795bcc681cabb8460cca075233b665dc4940afe82ce0c9",
-      "stream.ts": "8418dd25b0fd54b2ef2b15a2573edf0a4876efb4e69936ff82a157ea5cf42be4",
-      "workspace.ts": "ff3ba00ee05c5e04c6ccaef4083a83e4f01b5307eff17b9afc6480525a9ef141"
+      "stream.ts": "2e2fca0b1ba1ecd5a1501b767be8857cf0b72d800d69a4acf9cd62a61d5ceaf5",
+      "workspace.ts": "e23d0f03ed0c87023f92de7a3e01a40815c5135924902304a8b8e5c809afc609"
     }
   }
 }

chat2db-community-client/src/blocks/AI/components/AIAtMetion/index.tsx

@@ -1,11 +1,10 @@
 import React, { useMemo, useState } from 'react';
 import { SuggestionItem } from './interface';
 import { useEvent, useMergedState } from 'rc-util';
-import { Cascader, CascaderProps, Spin } from 'antd';
+import { Cascader, CascaderProps } from 'antd';
 import useActive from './useActive';
 import { useStyles } from './style';
 import { IconfontSvg } from '@chat2db/ui';
-import { BookOpenText } from 'lucide-react';
 
 export interface RenderChildrenProps<T> {
   /**
@@ -26,9 +25,6 @@ export interface AIAtMetionProps<T> {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
   onSelect?: (item: SuggestionItem) => void;
-  hasMore?: boolean;
-  loadingMore?: boolean;
-  onLoadMore?: () => void;
   children?: (props: RenderChildrenProps<T>) => React.ReactElement;
   /**
    * list of suggestions
@@ -45,9 +41,6 @@ function AIAtMetion<T>(props: AIAtMetionProps<T>) {
     open,
     onOpenChange,
     onSelect,
-    hasMore,
-    loadingMore,
-    onLoadMore,
     items,
     children,
   } = props;
@@ -95,42 +88,21 @@ function AIAtMetion<T>(props: AIAtMetionProps<T>) {
   };
 
   // =========================== Accessibility ===========================
-  const [activePath, onKeyDown, previewItem, setPreviewValue] = useActive(
-    itemList,
-    mergedOpen,
-    onInternalChange,
-    onClose,
-  );
-
-  const knowledgeTypeClassName = (item: SuggestionItem) => {
-    switch (item.knowledge?.type) {
-      case 'BUSINESS_LOGIC':
-        return styles.businessLogic;
-      case 'SQL_TEMPLATE':
-        return styles.sqlTemplate;
-      default:
-        return styles.knowledgeTerm;
-    }
-  };
+  const [activePath, onKeyDown] = useActive(itemList, mergedOpen, onInternalChange, onClose);
 
   const optionRender: CascaderProps<SuggestionItem>['optionRender'] = (node) => {
     return (
-      <div
-        className={styles.optionRow}
-        onMouseEnter={() => setPreviewValue(node.kind === 'knowledge' ? node.value : undefined)}
-      >
+      <div className={styles.optionRow}>
         <div className={styles.optionTitle}>
-          {node.kind === 'knowledge' ? (
-            <BookOpenText size={15} className={knowledgeTypeClassName(node)} />
-          ) : (
-            <IconfontSvg
-              size="md"
-              existDark={true}
-              appearance={appearance}
-              code={node.tableType === 'TABLE' ? 'icon-colourful-table' : 'icon-colourful-table-view'}
-            />
-          )}
-          <span className={styles.optionLabel}>{node.label}</span>
+          <IconfontSvg
+            size="md"
+            existDark={true}
+            appearance={appearance}
+            code={node.tableType === 'TABLE' ? 'icon-colourful-table' : 'icon-colourful-table-view'}
+          />
+          <span className={styles.optionLabel} title={node.label}>
+            {node.label}
+          </span>
         </div>
         <div className={styles.optionExtra}>{node.extra}</div>
       </div>
@@ -154,50 +126,6 @@ function AIAtMetion<T>(props: AIAtMetionProps<T>) {
       value={activePath}
       optionRender={optionRender}
       onChange={onInternalChange}
-      dropdownRender={(menus) =>
-        mergedOpen ? (
-          <div className={styles.dropdownLayout}>
-            <div
-              className={styles.menuPane}
-              onScrollCapture={(event) => {
-                const target = event.target as HTMLElement;
-                if (!target.classList.contains('ant-cascader-menu')) return;
-                if (
-                  hasMore &&
-                  !loadingMore &&
-                  target.scrollHeight - target.scrollTop - target.clientHeight <= 24
-                ) {
-                  onLoadMore?.();
-                }
-              }}
-            >
-              {menus}
-              {loadingMore ? (
-                <div className={styles.loadingMore} aria-live="polite">
-                  <Spin size="small" />
-                </div>
-              ) : null}
-            </div>
-            {previewItem?.knowledge && (
-              <div className={styles.previewPane}>
-                <div className={styles.previewHeader}>
-                  <span className={`${styles.previewType} ${knowledgeTypeClassName(previewItem)}`}>
-                    {previewItem.extra}
-                  </span>
-                  <strong className={styles.previewTitle}>{previewItem.knowledge.key}</strong>
-                </div>
-                <div
-                  className={`${styles.previewContent} ${
-                    previewItem.knowledge.type === 'SQL_TEMPLATE' ? styles.previewSql : ''
-                  }`}
-                >
-                  {previewItem.knowledge.value || '暂无说明'}
-                </div>
-              </div>
-            )}
-          </div>
-        ) : null
-      }
       onDropdownVisibleChange={(nextOpen) => {
         if (!nextOpen) {
           onClose();

chat2db-community-client/src/blocks/AI/components/AIAtMetion/interface.ts

@@ -3,17 +3,9 @@ import React from 'react';
 export interface SuggestionItem {
   label: string;
   value: string;
-  kind: 'table' | 'knowledge';
+  kind: 'table';
   tableType?: string;
   tableName?: string;
-  knowledge?: {
-    id: number;
-    type: 'KNOWLEDGE_TERM' | 'BUSINESS_LOGIC' | 'SQL_TEMPLATE';
-    key: string;
-    value: string;
-  };
-
-  icon?: React.ReactNode;
   children?: SuggestionItem[];
   extra?: React.ReactNode;
 }

chat2db-community-client/src/blocks/AI/components/AIAtMetion/style.ts

@@ -14,6 +14,8 @@ export const useStyles = createStyles(({ css, token }) => {
 
       .ant-cascader-menu {
         min-width: 280px !important;
+        width: min(340px, calc(100vw - 32px)) !important;
+        max-width: min(340px, calc(100vw - 32px)) !important;
         height: auto !important;
         max-height: 280px !important;
         overflow-y: auto;
@@ -25,35 +27,13 @@ export const useStyles = createStyles(({ css, token }) => {
         padding: 6px 10px !important;
         font-size: 13px;
       }
+
+      .ant-cascader-menu-item-content {
+        width: 100%;
+        min-width: 0;
+      }
     `,
     content: css``,
-    dropdownLayout: css`
-      display: flex;
-      align-items: stretch;
-      max-width: min(680px, calc(100vw - 32px));
-      overflow: hidden;
-    `,
-    menuPane: css`
-      position: relative;
-      min-width: 280px;
-      max-width: 340px;
-      overflow: hidden;
-    `,
-    loadingMore: css`
-      position: absolute;
-      bottom: 8px;
-      left: 50%;
-      z-index: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 28px;
-      height: 28px;
-      border: 1px solid ${token.colorBorderSecondary};
-      border-radius: 4px;
-      background: ${token.colorBgElevated};
-      transform: translateX(-50%);
-    `,
     optionRow: css`
       display: flex;
       align-items: center;
@@ -65,8 +45,10 @@ export const useStyles = createStyles(({ css, token }) => {
     optionTitle: css`
       display: flex;
       align-items: center;
+      flex: 1;
       min-width: 0;
       gap: 6px;
+      overflow: hidden;
       color: ${token.colorText};
       font-weight: 500;
     `,
@@ -77,64 +59,9 @@ export const useStyles = createStyles(({ css, token }) => {
     `,
     optionExtra: css`
       flex-shrink: 0;
+      width: 36px;
       color: ${token.colorTextDescription};
       font-size: 11px;
     `,
-    previewPane: css`
-      width: 320px;
-      min-width: 260px;
-      max-height: 280px;
-      padding: 14px 16px;
-      overflow: auto;
-      border-inline-start: 1px solid ${token.colorBorderSecondary};
-      background: ${token.colorBgElevated};
-    `,
-    previewHeader: css`
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 8px;
-      margin-bottom: 10px;
-    `,
-    previewType: css`
-      display: inline-flex;
-      align-items: center;
-      min-height: 22px;
-      padding: 2px 7px;
-      border-radius: 4px;
-      font-size: 11px;
-      line-height: 18px;
-      background: ${token.colorFillTertiary};
-    `,
-    previewTitle: css`
-      color: ${token.colorText};
-      font-size: 14px;
-      line-height: 20px;
-      word-break: break-word;
-    `,
-    previewContent: css`
-      color: ${token.colorTextSecondary};
-      font-size: 13px;
-      line-height: 22px;
-      white-space: pre-wrap;
-      word-break: break-word;
-    `,
-    previewSql: css`
-      padding: 10px;
-      border-radius: 4px;
-      background: ${token.colorFillQuaternary};
-      color: ${token.colorText};
-      font-family: ${token.fontFamilyCode};
-      line-height: 20px;
-    `,
-    knowledgeTerm: css`
-      color: ${token.colorInfo};
-    `,
-    businessLogic: css`
-      color: ${token.colorSuccess};
-    `,
-    sqlTemplate: css`
-      color: ${token.colorWarning};
-    `,
   };
 });

chat2db-community-client/src/blocks/AI/components/AIAtMetion/useActive.ts

@@ -10,20 +10,14 @@ export default function useActive(
   onCancel: () => void,
 ) {
   const [activePaths, setActivePaths] = useState<string[]>([]);
-  const [previewValue, setPreviewValue] = useState<string>();
 
   const activeValue = activePaths[0];
-  const activeItem = items.find((item) => item.value === activeValue);
-  const previewItem = items.find((item) => item.value === previewValue);
 
   const offsetRow = (offset: number) => {
     if (!items.length) return;
     const currentRowIndex = items.findIndex((item) => item.value === activeValue);
     const nextItem = items[(currentRowIndex + offset + items.length) % items.length];
     setActivePaths([nextItem.value]);
-    if (previewValue) {
-      setPreviewValue(nextItem.kind === 'knowledge' ? nextItem.value : undefined);
-    }
 
     // Add a delay to wait for the DOM to update before scrolling
     setTimeout(() => {
@@ -55,23 +49,6 @@ export default function useActive(
         e.preventDefault();
         break;
       }
-
-      case 'ArrowRight': {
-        if (activeItem?.kind === 'knowledge') {
-          setPreviewValue(activeItem.value);
-          e.preventDefault();
-        }
-        break;
-      }
-
-      case 'ArrowLeft': {
-        if (previewValue) {
-          setPreviewValue(undefined);
-          e.preventDefault();
-        }
-        break;
-      }
-
       case 'Enter': {
         if (activeValue) {
           onSelect([activeValue]);
@@ -96,9 +73,8 @@ export default function useActive(
       setActivePaths((previous) => (items.some((item) => item.value === previous[0]) ? previous : [items[0].value]));
     } else if (!open) {
       setActivePaths([]);
-      setPreviewValue(undefined);
     }
   }, [open, items]);
 
-  return [activePaths, onKeyDown, previewItem, setPreviewValue] as const;
+  return [activePaths, onKeyDown] as const;
 }