cx-chat 0.0.2 → 0.0.3

package/src/views/chat/index.tsx

@@ -1,127 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,376 +0,0 @@
-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