cx-chat 0.0.1

package/src/views/chat/index.tsx

@@ -0,0 +1,127 @@
+import './chat.less'
+
+import React, { useCallback, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNavigate, useOutletContext, useSearchParams } from 'react-router-dom'
+
+import { getChatSessionIdAPI } from '@/api/chat'
+import { useSystemConfig } from '@/config/system'
+import { SystemLogoMark } from '@/components/common/system-logo-mark'
+import { useChatContext } from '@/contexts/ChatContext'
+import { useToast } from '@/contexts/ToastContext'
+import type { MainLayoutContext } from '@/hooks/useStickyHeader'
+import { parseNewSessionId } from '@/utils/chatUtils'
+import {
+  getChatEnableDataAnalysis,
+  getChatEnableKnowledgeBase,
+  getChatEnableNetwork,
+} from '@/utils/storage'
+import { resolveAvatarUrl } from '@/utils/url'
+
+import ChatInput from './components/chat-input'
+import { useChatCommon } from './hooks/use-chat-common'
+
+const ChatNewPage: React.FC = () => {
+  const [searchParams] = useSearchParams()
+  const navigate = useNavigate()
+  const { showToast } = useToast()
+  const { t } = useTranslation()
+  const { setHeaderTitle } = useOutletContext<MainLayoutContext>()
+  const { isStreaming, sendMessage } = useChatContext()
+  const { canCreate, handleStop } = useChatCommon()
+  const { agentAvatar, systemName } = useSystemConfig()
+
+  /** 旧链接 ?thread= 重定向到 /chat/:sessionId */
+  useEffect(() => {
+    const legacy = searchParams.get('thread')
+    if (legacy) {
+      navigate(`/chat/${encodeURIComponent(legacy)}`, { replace: true })
+    }
+  }, [searchParams, navigate])
+
+  useEffect(() => {
+    setHeaderTitle(t('common.chat'))
+    return () => setHeaderTitle(null)
+  }, [setHeaderTitle, t])
+
+  const handleSend = useCallback(
+    async (
+      message: string,
+      opts?: {
+        enableNetwork?: boolean
+        enableKnowledgeBase?: boolean
+        enableDataAnalysis?: boolean
+      },
+    ) => {
+      let threadId: string
+      try {
+        const raw = await getChatSessionIdAPI()
+        threadId = parseNewSessionId(raw)
+      } catch (err) {
+        console.error('[chat-new] getChatSessionIdAPI failed:', err)
+        showToast(t('common.error'), 'error')
+        return
+      }
+
+      const enableNetwork = opts?.enableNetwork ?? getChatEnableNetwork()
+      const enableKnowledgeBase =
+        opts?.enableKnowledgeBase ?? getChatEnableKnowledgeBase()
+      const enableDataAnalysis =
+        opts?.enableDataAnalysis ?? getChatEnableDataAnalysis()
+      const nav = navigate(`/chat/${encodeURIComponent(threadId)}`)
+      await (nav ?? Promise.resolve())
+      await sendMessage(message, threadId, {
+        enableNetwork,
+        enableKnowledgeBase,
+        enableDataAnalysis,
+      })
+    },
+    [navigate, sendMessage, showToast, t],
+  )
+
+  return (
+    <div className="flex h-full bg-white dark:bg-[#131314]">
+      <div className="flex-1 flex flex-col h-full relative">
+        <div className="flex-1 flex flex-col items-center justify-center p-8 text-center">
+          <div className="mb-8">
+            {agentAvatar ? (
+              <img
+                src={resolveAvatarUrl(agentAvatar) ?? agentAvatar}
+                alt=""
+                className="w-16 h-16 mx-auto mb-4 rounded-full object-cover"
+                onError={(e) => {
+                  e.currentTarget.style.display = 'none'
+                }}
+              />
+            ) : (
+              <SystemLogoMark className="w-16 h-16 mx-auto mb-4" fallbackShape="circle" />
+            )}
+            <h2 className="text-4xl font-medium mb-2 bg-gradient-to-r from-blue-500 to-purple-600 bg-clip-text text-transparent leading-tight">
+              {t('chat.welcome_title', { appName: systemName })}
+            </h2>
+            <p className="text-xl text-gray-500 dark:text-gray-400">
+              {t('chat.welcome_subtitle')}
+            </p>
+          </div>
+          <div className="w-full max-w-7xl">
+            {canCreate ? (
+              <ChatInput
+                onSend={handleSend}
+                onStop={handleStop}
+                isLoading={false}
+                disableSend={isStreaming}
+              />
+            ) : (
+              <div className="p-4 text-center text-gray-500 italic text-sm">
+                {t('chat.no_create_permission') ||
+                  'You do not have permission to start a new chat.'}
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default ChatNewPage

package/src/views/page-error/401.tsx

@@ -0,0 +1,56 @@
+import React from 'react'
+import { useNavigate } from 'react-router-dom'
+import { Home, ChevronLeft, ShieldAlert } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+
+const IndexView: React.FC = () => {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+
+  return (
+    <div className="min-h-screen bg-white dark:bg-[#131314] flex items-center justify-center p-6">
+      <div className="max-w-md w-full text-center space-y-8 animate-in fade-in zoom-in duration-500">
+        <div className="relative">
+          <div className="absolute inset-0 bg-amber-500/20 blur-3xl rounded-full" />
+          <div className="relative flex flex-col items-center">
+            <div className="w-24 h-24 bg-gradient-to-br from-amber-500 to-orange-600 rounded-3xl flex items-center justify-center shadow-2xl mb-6 transform rotate-12 hover:rotate-0 transition-transform duration-300">
+              <ShieldAlert size={48} className="text-white" />
+            </div>
+            <h1 className="text-8xl font-black text-transparent bg-clip-text bg-gradient-to-b from-gray-900 to-gray-600 dark:from-white dark:to-gray-400">
+              401
+            </h1>
+          </div>
+        </div>
+
+        <div className="space-y-3">
+          <h2 className="text-2xl font-bold text-gray-900 dark:text-white">
+            {t('common.page_error.401.title')}
+          </h2>
+          <p className="text-gray-500 dark:text-gray-400 leading-relaxed">
+            {t('common.page_error.401.message')}
+          </p>
+        </div>
+
+        <div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
+          <button
+            onClick={() => navigate(-1)}
+            className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 rounded-xl font-semibold hover:bg-gray-200 dark:hover:bg-gray-700 transition-all active:scale-95"
+          >
+            <ChevronLeft size={20} />
+            {t('common.cancel')}
+          </button>
+          <button
+            onClick={() => navigate('/chat')}
+            className="w-full sm:w-auto flex items-center justify-center gap-2 px-8 py-3 bg-blue-600 text-white rounded-xl font-semibold shadow-lg shadow-blue-500/25 hover:bg-blue-700 hover:shadow-blue-500/40 transition-all active:scale-95"
+          >
+            <Home size={20} />
+            {t('common.page_error.back_home')}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default IndexView
+

package/src/views/page-error/404.tsx

@@ -0,0 +1,56 @@
+import React from 'react'
+import { useNavigate } from 'react-router-dom'
+import { Home, ChevronLeft, AlertCircle } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
+
+const IndexView: React.FC = () => {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+
+  return (
+    <div className="min-h-screen bg-white dark:bg-[#131314] flex items-center justify-center p-6">
+      <div className="max-w-md w-full text-center space-y-8 animate-in fade-in zoom-in duration-500">
+        <div className="relative">
+          <div className="absolute inset-0 bg-blue-500/20 blur-3xl rounded-full" />
+          <div className="relative flex flex-col items-center">
+            <div className="w-24 h-24 bg-gradient-to-br from-blue-500 to-purple-600 rounded-3xl flex items-center justify-center shadow-2xl mb-6 transform rotate-12 hover:rotate-0 transition-transform duration-300">
+              <AlertCircle size={48} className="text-white" />
+            </div>
+            <h1 className="text-8xl font-black text-transparent bg-clip-text bg-gradient-to-b from-gray-900 to-gray-600 dark:from-white dark:to-gray-400">
+              404
+            </h1>
+          </div>
+        </div>
+
+        <div className="space-y-3">
+          <h2 className="text-2xl font-bold text-gray-900 dark:text-white">
+            {t('common.page_error.404.title')}
+          </h2>
+          <p className="text-gray-500 dark:text-gray-400 leading-relaxed">
+            {t('common.page_error.404.message')}
+          </p>
+        </div>
+
+        <div className="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">
+          <button
+            onClick={() => navigate(-1)}
+            className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 rounded-xl font-semibold hover:bg-gray-200 dark:hover:bg-gray-700 transition-all active:scale-95"
+          >
+            <ChevronLeft size={20} />
+            {t('common.cancel')}
+          </button>
+          <button
+            onClick={() => navigate('/chat')}
+            className="w-full sm:w-auto flex items-center justify-center gap-2 px-8 py-3 bg-blue-600 text-white rounded-xl font-semibold shadow-lg shadow-blue-500/25 hover:bg-blue-700 hover:shadow-blue-500/40 transition-all active:scale-95"
+          >
+            <Home size={20} />
+            {t('common.page_error.back_home')}
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default IndexView
+

package/src/views/page-menus/business-rules/index.tsx

@@ -0,0 +1,376 @@
+import { useCallback, useMemo, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import {
+  approveBusinessRuleAPI,
+  deleteBusinessRulesTermAPI,
+  disableBusinessRulesTermAPI,
+  enableBusinessRulesTermAPI,
+  getBusinessRulesTermPageAPI,
+  rejectBusinessRuleAPI,
+} from '@/api/menus/business-rules'
+import { DetailLink } from '@/components/common/detail-link'
+import ConfirmDialog from '@/components/common/modal/confirm-dialog'
+import ListPageView, { createListPageConfig } from '@/components/table-view'
+import { useAuth } from '@/contexts/AuthContext'
+import { useToast } from '@/contexts/ToastContext'
+import { ALIGN, ENUM_DATA } from '@/meta'
+import { CxButton, CxTag } from '@cx-ui'
+import { SlidersHorizontal } from 'lucide-react'
+
+import DetailModal from './modal/detail-modal.tsx'
+import ScopeModal from './modal/scope-modal.tsx'
+import SubmitModal from './modal/submit-modal'
+
+const AUDIT_STATUS = {
+  DRAFT: 10,
+  PENDING: 20,
+  APPROVED: 30,
+  REJECTED: 40,
+} as const
+
+function ruleAuditStatus(record: any): number | undefined {
+  const v = record?.auditStatus ?? record?.reviewStatus
+  if (v === undefined || v === null) return undefined
+  const n = Number(v)
+  return Number.isNaN(n) ? undefined : n
+}
+
+function ruleAuditStatusOrDraft(record: any): number {
+  return ruleAuditStatus(record) ?? AUDIT_STATUS.DRAFT
+}
+
+function ruleStatusEnabled(record: any): boolean {
+  return Number(record?.status) === 1
+}
+
+function canRuleEdit(record: any): boolean {
+  const aud = ruleAuditStatusOrDraft(record)
+  if (aud === AUDIT_STATUS.PENDING) return false
+  if (aud === AUDIT_STATUS.APPROVED) return false
+  return true
+}
+
+function canRuleDelete(record: any): boolean {
+  const aud = ruleAuditStatusOrDraft(record)
+  const on = ruleStatusEnabled(record)
+  if (aud === AUDIT_STATUS.PENDING) return false
+  if (aud === AUDIT_STATUS.APPROVED && on) return false
+  return true
+}
+
+function canRuleEnable(record: any): boolean {
+  const aud = ruleAuditStatusOrDraft(record)
+  const on = ruleStatusEnabled(record)
+  return aud === AUDIT_STATUS.APPROVED && !on
+}
+
+function canRuleDisable(record: any): boolean {
+  const aud = ruleAuditStatusOrDraft(record)
+  const on = ruleStatusEnabled(record)
+  return aud === AUDIT_STATUS.APPROVED && on
+}
+
+function canRuleApprove(record: any): boolean {
+  return ruleAuditStatusOrDraft(record) === AUDIT_STATUS.PENDING
+}
+
+function canRuleReject(record: any): boolean {
+  return ruleAuditStatusOrDraft(record) === AUDIT_STATUS.PENDING
+}
+
+function canRuleSetScope(record: any): boolean {
+  return ruleAuditStatusOrDraft(record) === AUDIT_STATUS.APPROVED
+}
+
+function ruleDisplayName(data: any) {
+  return String(data?.term ?? '').trim() || '-'
+}
+
+const useListPageConfig = createListPageConfig({
+  tableAPI: getBusinessRulesTermPageAPI,
+  deleteAPI: deleteBusinessRulesTermAPI,
+  updateStatusAPI: ({ id, status }) =>
+    Number(status) === 1 ? enableBusinessRulesTermAPI(id) : disableBusinessRulesTermAPI(id),
+  pageInfo: {
+    title: 'menus.business_rules.page_title',
+    subTitle: 'menus.business_rules.page_subtitle',
+  },
+  searchFields: [
+    {
+      prop: 'keyword',
+      label: 'menus.business_rules.fields.term',
+      placeholder: 'menus.business_rules.search_placeholder',
+    },
+    {
+      prop: 'status',
+      label: 'common.status',
+      type: 'select',
+      placeholder: 'common.status',
+      options: ENUM_DATA.commonStatus.option,
+      width: '120px',
+    },
+    {
+      prop: 'auditStatus',
+      label: 'menus.business_rules.col_audit_status',
+      type: 'select',
+      placeholder: 'menus.business_rules.col_audit_status',
+      // 不显示草稿状态
+      options: ENUM_DATA.auditStatus.option.filter((item: any) => item.value !== AUDIT_STATUS.DRAFT),
+      width: '140px',
+    },
+  ],
+  statusToggle: {
+    dangerOnDisable: true,
+    disableConfirm: {
+      cancelText: 'common.cancel',
+      content: 'menus.business_rules.disable_confirm_content',
+      okText: 'common.confirm',
+      title: 'menus.business_rules.disable_confirm_title',
+    },
+    enableConfirm: {
+      cancelText: 'common.cancel',
+      content: 'menus.business_rules.enable_confirm_content',
+      okText: 'common.confirm',
+      title: 'menus.business_rules.enable_confirm_title',
+    },
+  },
+  submitAction: {
+    permission: 'business-rules:add',
+    submitType: 'modal',
+    labelKey: 'menus.business_rules.add',
+  },
+  detailAction: {
+    detailType: 'modal',
+    labelKey: 'common.view',
+  },
+  table: {
+    scrollX: false,
+  },
+  deleteConfirm: {
+    title: 'menus.business_rules.delete_confirm_title',
+    content: 'menus.business_rules.delete_confirm_content',
+    okText: 'common.delete',
+    cancelText: 'common.cancel',
+  },
+})
+
+function IndexView() {
+  const { t, i18n } = useTranslation()
+  const { hasPermission } = useAuth()
+  const { showToast } = useToast()
+  const pageConfig = useListPageConfig()
+  const auditStatusTagWidth = i18n.language?.startsWith('en') ? 90 : 80
+
+  const scopeModalRef = useRef<{ open: (p?: any) => void; close: () => void } | null>(null)
+
+  const [auditDialog, setAuditDialog] = useState<null | { kind: 'approve' | 'reject'; record: any }>(
+    null,
+  )
+
+  const runAuditConfirm = useCallback(async () => {
+    if (!auditDialog) return
+    const { kind, record } = auditDialog
+    const id = record?.id ?? record?._id
+    if (id === undefined || id === null) {
+      setAuditDialog(null)
+      return
+    }
+    try {
+      if (kind === 'approve') {
+        await approveBusinessRuleAPI(id)
+        showToast(t('menus.business_rules.approve_success'), 'success')
+      } else {
+        await rejectBusinessRuleAPI(id)
+        showToast(t('menus.business_rules.reject_success'), 'success')
+      }
+      await pageConfig.fetchTableData?.()
+    } catch (e: any) {
+      console.log(e?.message)
+    } finally {
+      setAuditDialog(null)
+    }
+  }, [auditDialog, pageConfig, showToast, t])
+
+  const columns = useMemo(
+    () => [
+      {
+        title: 'menus.business_rules.fields.term',
+        key: 'term',
+        align: ALIGN.LEFT,
+        minWidth: 160,
+        render: (value: unknown, data: any) => (
+          <DetailLink
+            text={String(value ?? data?.term ?? '-')}
+            onClick={() =>
+              pageConfig.onDetail?.({
+                type: 'detail',
+                data,
+                config: pageConfig.detailAction,
+              })
+            }
+          />
+        ),
+      },
+      {
+        title: 'menus.business_rules.fields.definition',
+        key: 'definition',
+        align: ALIGN.LEFT,
+        minWidth: 220,
+        ellipsis: true,
+        render: (value: unknown) => value ?? '-',
+      },
+      {
+        title: 'menus.business_rules.col_audit_status',
+        key: 'auditStatus',
+        align: ALIGN.CENTER,
+        minWidth: 110,
+        render: (_: unknown, record: any) => {
+          const a = ruleAuditStatus(record)
+          if (a === undefined) return <span className="text-gray-400">-</span>
+          return (
+            <div style={{ width: auditStatusTagWidth, display: 'inline-block' }} className="text-center">
+              <CxTag.Enum value={a} enumKey="auditStatus" />
+            </div>
+          )
+        },
+      },
+      {
+        title: 'common.status',
+        key: 'status',
+        align: ALIGN.CENTER,
+        minWidth: 100,
+        render: (value: unknown) => <CxTag.Enabled value={value} />,
+      },
+      {
+        title: 'menus.business_rules.fields.create_time',
+        key: 'createTime',
+        align: ALIGN.CENTER,
+        minWidth: 180,
+        render: (v: unknown) => (v != null && String(v) !== '' ? String(v) : '-'),
+      },
+      {
+        title: 'common.actions',
+        key: 'action',
+        align: ALIGN.LEFT,
+        width: 200,
+        render: (_: unknown, data: any) => {
+          const showEnable = hasPermission('business-rules:enable') && canRuleEnable(data)
+          const showDisable = hasPermission('business-rules:disable') && canRuleDisable(data)
+          const showEdit = hasPermission('business-rules:edit') && canRuleEdit(data)
+          const showApprove = hasPermission('business-rules:approve') && canRuleApprove(data)
+          const showReject = hasPermission('business-rules:reject') && canRuleReject(data)
+          const showDelete = hasPermission('business-rules:delete') && canRuleDelete(data)
+          const showScope = hasPermission('business-rules:scope-set') && canRuleSetScope(data)
+
+          return (
+            <div className="flex flex-wrap gap-2">
+              <CxButton.IconView
+                onClick={() =>
+                  pageConfig.onDetail?.({
+                    type: 'detail',
+                    data,
+                    config: pageConfig.detailAction,
+                  })
+                }
+              />
+              {showEdit && (
+                <CxButton.IconEdit
+                  onClick={() =>
+                    pageConfig.onEdit?.({
+                      type: 'edit',
+                      data,
+                      config: pageConfig.submitAction,
+                    })
+                  }
+                />
+              )}
+              {showScope && (
+                <CxButton.Icon
+                  title={t('menus.business_rules.actions.scope')}
+                  icon={<SlidersHorizontal size={16} />}
+                  onClick={() => scopeModalRef.current?.open({ opeType: 'edit', data })}
+                />
+              )}
+              {showEnable && (
+                <CxButton.IconEnable
+                  onClick={() =>
+                    pageConfig.onStatusToggle?.({
+                      nextStatus: 1,
+                      data,
+                    })
+                  }
+                />
+              )}
+              {showDisable && (
+                <CxButton.IconDisable
+                  onClick={() =>
+                    pageConfig.onStatusToggle?.({
+                      nextStatus: 0,
+                      data,
+                    })
+                  }
+                />
+              )}
+              {showApprove && (
+                <CxButton.IconAccept
+                  title={t('menus.business_rules.action_approve')}
+                  onClick={() => setAuditDialog({ kind: 'approve', record: data })}
+                />
+              )}
+              {showReject && (
+                <CxButton.IconReject
+                  title={t('menus.business_rules.action_reject')}
+                  onClick={() => setAuditDialog({ kind: 'reject', record: data })}
+                />
+              )}
+              {showDelete && <CxButton.IconDelete onClick={() => pageConfig.onDelete?.(data)} />}
+            </div>
+          )
+        },
+      },
+    ],
+    [hasPermission, pageConfig, t, auditStatusTagWidth],
+  )
+
+  const auditDialogTitle =
+    auditDialog == null
+      ? ''
+      : auditDialog.kind === 'approve'
+        ? t('menus.business_rules.approve_confirm_title')
+        : t('menus.business_rules.reject_confirm_title')
+  const auditDialogMessage =
+    auditDialog == null
+      ? ''
+      : auditDialog.kind === 'approve'
+        ? t('menus.business_rules.approve_confirm_content', { name: ruleDisplayName(auditDialog.record) })
+        : t('menus.business_rules.reject_confirm_content', { name: ruleDisplayName(auditDialog.record) })
+
+  return (
+    <>
+      <ListPageView
+        columns={columns}
+        pageConfig={pageConfig}
+        submitModalComponent={SubmitModal as any}
+        detailModalComponent={DetailModal as any}
+      />
+      <ScopeModal
+        ref={scopeModalRef}
+        onOk={async () => {
+          await pageConfig.fetchTableData?.()
+        }}
+      />
+      <ConfirmDialog
+        overlayClassName="z-[2000]"
+        isOpen={auditDialog != null}
+        title={auditDialogTitle}
+        message={auditDialogMessage}
+        danger={auditDialog?.kind === 'reject'}
+        onClose={() => setAuditDialog(null)}
+        onConfirm={() => void runAuditConfirm()}
+      />
+    </>
+  )
+}
+
+export default IndexView