@lobehub/lobehub 2.0.0-next.266 → 2.0.0-next.268

package/src/features/GroupChatSettings/AgentTeamSettings.tsx

@@ -1,54 +0,0 @@
-import { Skeleton } from '@lobehub/ui';
-import { type ReactNode, Suspense, memo } from 'react';
-
-import { GroupSettingsTabs } from '@/store/global/initialState';
-import { useServerConfigStore } from '@/store/serverConfig';
-
-import AgentTeamChatSettings from './AgentTeamChatSettings';
-import AgentTeamMembersSettings from './AgentTeamMembersSettings';
-import AgentTeamMetaSettings from './AgentTeamMetaSettings';
-import { GroupChatSettingsProvider } from './GroupChatSettingsProvider';
-import { type StoreUpdaterProps } from './StoreUpdater';
-
-export interface AgentTeamSettingsProps extends StoreUpdaterProps {
-  tab?: GroupSettingsTabs;
-}
-
-export interface AgentTeamSettingsContentProps {
-  loadingSkeleton?: ReactNode;
-  tab: GroupSettingsTabs;
-}
-
-const AgentTeamSettingsContent = memo<AgentTeamSettingsContentProps>(({ tab }) => {
-  return (
-    <>
-      {tab === GroupSettingsTabs.Settings && <AgentTeamMetaSettings />}
-      {tab === GroupSettingsTabs.Members && <AgentTeamMembersSettings />}
-      {tab === GroupSettingsTabs.Chat && <AgentTeamChatSettings />}
-    </>
-  );
-});
-
-const AgentTeamSettings = memo<AgentTeamSettingsProps>(
-  ({ tab = GroupSettingsTabs.Settings, ...rest }) => {
-    const isMobile = useServerConfigStore((s) => s.isMobile);
-    const loadingSkeleton = (
-      <Skeleton
-        active
-        paragraph={{ rows: 6 }}
-        style={{ padding: isMobile ? 16 : 0 }}
-        title={false}
-      />
-    );
-
-    return (
-      <GroupChatSettingsProvider {...rest}>
-        <Suspense fallback={loadingSkeleton}>
-          <AgentTeamSettingsContent tab={tab} />
-        </Suspense>
-      </GroupChatSettingsProvider>
-    );
-  },
-);
-
-export default AgentTeamSettings;

package/src/features/GroupChatSettings/GroupCategory/index.tsx

@@ -1,30 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-
-import Menu from '@/components/Menu';
-import { type GroupSettingsTabs } from '@/store/global/initialState';
-
-import { useChatGroupSettingsCategory } from './useGroupCategory';
-
-interface GroupCategoryProps {
-  setTab: (tab: GroupSettingsTabs) => void;
-  tab: string;
-}
-
-const GroupCategory = memo<GroupCategoryProps>(({ setTab, tab }) => {
-  const cateItems = useChatGroupSettingsCategory();
-  return (
-    <Menu
-      compact
-      items={cateItems}
-      onClick={({ key }) => {
-        setTab(key as GroupSettingsTabs);
-      }}
-      selectable
-      selectedKeys={[tab as any]}
-    />
-  );
-});
-
-export default GroupCategory;

package/src/features/GroupChatSettings/GroupCategory/useGroupCategory.tsx

@@ -1,42 +0,0 @@
-import { Icon } from '@lobehub/ui';
-import { MessagesSquare, Settings, Users } from 'lucide-react';
-import { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import type { MenuProps } from '@/components/Menu';
-import { GroupSettingsTabs } from '@/store/global/initialState';
-
-interface UseChatGroupSettingsCategoryOptions {
-  mobile?: boolean;
-}
-
-export const useChatGroupSettingsCategory = ({
-  mobile,
-}: UseChatGroupSettingsCategoryOptions = {}) => {
-  const { t } = useTranslation('setting');
-  const iconSize = mobile ? 20 : undefined;
-
-  const cateItems: MenuProps['items'] = useMemo(
-    () =>
-      [
-        {
-          icon: <Icon icon={Settings} size={iconSize} />,
-          key: GroupSettingsTabs.Settings,
-          label: t('groupTab.meta'),
-        },
-        {
-          icon: <Icon icon={MessagesSquare} size={iconSize} />,
-          key: GroupSettingsTabs.Chat,
-          label: t('groupTab.chat'),
-        },
-        {
-          icon: <Icon icon={Users} size={iconSize} />,
-          key: GroupSettingsTabs.Members,
-          label: t('groupTab.members'),
-        },
-      ].filter(Boolean) as MenuProps['items'],
-    [t, iconSize],
-  );
-
-  return cateItems;
-};

package/src/features/GroupChatSettings/GroupChatSettingsProvider.tsx

@@ -1,19 +0,0 @@
-import { type ReactNode, memo } from 'react';
-
-import StoreUpdater, { type StoreUpdaterProps } from './StoreUpdater';
-import { Provider, createStore } from './store';
-
-interface GroupChatSettingsProviderProps extends StoreUpdaterProps {
-  children: ReactNode;
-}
-
-export const GroupChatSettingsProvider = memo<GroupChatSettingsProviderProps>(
-  ({ children, ...props }) => {
-    return (
-      <Provider createStore={createStore}>
-        <StoreUpdater {...props} />
-        {children}
-      </Provider>
-    );
-  },
-);

package/src/features/GroupChatSettings/HostMemberCard.tsx

@@ -1,113 +0,0 @@
-'use client';
-
-import { Avatar, Flexbox, Icon, Text, Tooltip } from '@lobehub/ui';
-import { Switch } from 'antd';
-import { createStaticStyles, cssVar, cx } from 'antd-style';
-import { Bot, Loader2 } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { DEFAULT_SUPERVISOR_AVATAR } from '@/const/meta';
-import { useIsDark } from '@/hooks/useIsDark';
-
-const styles = createStaticStyles(({ css }) => ({
-  container: css`
-    position: relative;
-
-    overflow: hidden;
-
-    height: 100%;
-    border-radius: 12px;
-
-    background: ${cssVar.colorBgContainer};
-
-    transition: border-color 0.2s ${cssVar.motionEaseInOut};
-
-    &:hover {
-      border-color: ${cssVar.colorPrimary};
-    }
-  `,
-  containerDark: css`
-    border: 1px solid ${cssVar.colorBorder};
-  `,
-  containerLight: css`
-    border: 1px solid ${cssVar.colorBorderSecondary};
-  `,
-  desc: css`
-    overflow: hidden;
-
-    height: 3em;
-    margin-block-end: 0 !important;
-
-    line-height: 1.5;
-    color: ${cssVar.colorTextDescription};
-  `,
-  title: css`
-    line-height: 1.3;
-  `,
-}));
-
-interface HostMemberCardProps {
-  checked: boolean;
-  loading: boolean;
-  onToggle: (checked: boolean) => void;
-}
-
-const HostMemberCard = memo<HostMemberCardProps>(({ checked, loading, onToggle }) => {
-  const isDarkMode = useIsDark();
-  const { t } = useTranslation('setting');
-
-  const title = t('settingGroupMembers.host.title');
-  const description = t('settingGroupMembers.host.description');
-  const tooltip = checked
-    ? t('settingGroupMembers.disableHost')
-    : t('settingGroupMembers.enableHost');
-
-  return (
-    <Flexbox
-      className={cx(styles.container, isDarkMode ? styles.containerDark : styles.containerLight)}
-      gap={24}
-    >
-      <Flexbox gap={12} padding={16} width={'100%'}>
-        <Flexbox gap={12} width={'100%'}>
-          <Flexbox align={'center'} horizontal justify={'space-between'}>
-            <Flexbox align={'center'} flex={1} gap={8} horizontal style={{ minWidth: 0 }}>
-              <Avatar
-                avatar={DEFAULT_SUPERVISOR_AVATAR}
-                shape={'square'}
-                size={24}
-                style={{ flexShrink: 0 }}
-              />
-              <Text
-                className={styles.title}
-                ellipsis
-                style={{ fontSize: 16, fontWeight: 'bold', minWidth: 0 }}
-              >
-                {title}
-              </Text>
-              <Tooltip title={t('settingGroupMembers.groupHost')}>
-                <Icon icon={Bot} size="small" style={{ color: '#1890ff' }} />
-              </Tooltip>
-            </Flexbox>
-          </Flexbox>
-          <Text
-            className={styles.desc}
-            ellipsis={{
-              rows: 2,
-            }}
-          >
-            {description}
-          </Text>
-        </Flexbox>
-        <Flexbox align="center" horizontal justify={'space-between'} width={'100%'}>
-          <Icon icon={Loader2} size="small" spin style={{ opacity: loading ? 1 : 0 }} />
-          <Tooltip title={tooltip}>
-            <Switch checked={checked} disabled={loading} onChange={onToggle} size="small" />
-          </Tooltip>
-        </Flexbox>
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default HostMemberCard;

package/src/features/GroupChatSettings/StoreUpdater.tsx

@@ -1,34 +0,0 @@
-'use client';
-
-import { type ForwardedRef, memo, useImperativeHandle } from 'react';
-import { createStoreUpdater } from 'zustand-utils';
-
-import { type GroupChatSettingsInstance, useGroupChatSettings } from './hooks/useGroupChatSettings';
-import { type State, useStoreApi } from './store';
-
-export interface StoreUpdaterProps extends Partial<
-  Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id' | 'loading'>
-> {
-  instanceRef?: ForwardedRef<GroupChatSettingsInstance> | null;
-}
-
-const StoreUpdater = memo<StoreUpdaterProps>(
-  ({ onConfigChange, instanceRef, id, onMetaChange, meta, config, loading }) => {
-    const storeApi = useStoreApi();
-    const useStoreUpdater = createStoreUpdater(storeApi);
-
-    useStoreUpdater('meta', meta);
-    useStoreUpdater('config', config);
-    useStoreUpdater('onConfigChange', onConfigChange);
-    useStoreUpdater('onMetaChange', onMetaChange);
-    useStoreUpdater('loading', loading);
-    useStoreUpdater('id', id);
-
-    const instance = useGroupChatSettings();
-    useImperativeHandle(instanceRef, () => instance);
-
-    return null;
-  },
-);
-
-export default StoreUpdater;

package/src/features/GroupChatSettings/hooks/useGroupChatSettings.ts

@@ -1,25 +0,0 @@
-'use client';
-
-import { useMemo } from 'react';
-
-import { useStoreApi } from '../store';
-import { type PublicAction } from '../store/action';
-
-export type GroupChatSettingsInstance = PublicAction;
-
-export const useGroupChatSettings = (): GroupChatSettingsInstance => {
-  const storeApi = useStoreApi();
-
-  const { updateGroupConfig, updateGroupMeta, resetGroupConfig, resetGroupMeta } =
-    storeApi.getState();
-
-  return useMemo(
-    () => ({
-      resetGroupConfig,
-      resetGroupMeta,
-      updateGroupConfig,
-      updateGroupMeta,
-    }),
-    [],
-  );
-};

package/src/features/GroupChatSettings/index.ts

@@ -1,16 +0,0 @@
-export { default as AgentTeamChatSettings } from './AgentTeamChatSettings';
-export { default as GroupMembersConfig } from './AgentTeamMembersSettings';
-export { default as ChatGroupMeta } from './AgentTeamMetaSettings';
-export { default as AgentTeamSettings } from './AgentTeamSettings';
-export { default as GroupCategory } from './GroupCategory';
-export { GroupChatSettingsProvider } from './GroupChatSettingsProvider';
-
-// Hooks
-export type { GroupChatSettingsInstance } from './hooks/useGroupChatSettings';
-export { useGroupChatSettings } from './hooks/useGroupChatSettings';
-
-// Store
-export {
-  selectors as groupChatSettingsSelectors,
-  useStore as useGroupChatSettingsStore,
-} from './store';

package/src/features/GroupChatSettings/store/action.ts

@@ -1,105 +0,0 @@
-import type { PartialDeep } from 'type-fest';
-import { type StateCreator } from 'zustand/vanilla';
-
-import { DEFAULT_CHAT_GROUP_CHAT_CONFIG, DEFAULT_CHAT_GROUP_META_CONFIG } from '@/const/settings';
-import { type LobeChatGroupConfig, type LobeChatGroupMetaConfig } from '@/types/agentGroup';
-import { setNamespace } from '@/utils/storeDebug';
-
-import { type LoadingState, type State, initialState } from './initialState';
-
-export interface PublicAction {
-  /**
-   * Reset group configuration to default
-   */
-  resetGroupConfig: () => Promise<void>;
-  /**
-   * Reset group metadata to default
-   */
-  resetGroupMeta: () => Promise<void>;
-  /**
-   * Update group configuration
-   */
-  updateGroupConfig: (config: Partial<LobeChatGroupConfig>) => Promise<void>;
-  /**
-   * Update group metadata
-   */
-  updateGroupMeta: (meta: Partial<LobeChatGroupMetaConfig>) => Promise<void>;
-}
-
-export interface Action extends PublicAction {
-  setGroupConfig: (config: PartialDeep<LobeChatGroupConfig>) => Promise<void>;
-  setGroupMeta: (meta: Partial<LobeChatGroupMetaConfig>) => Promise<void>;
-
-  /**
-   * Update loading state
-   * @param key - LoadingState key
-   * @param value - Loading state value
-   */
-  updateLoadingState: (key: keyof LoadingState, value: boolean) => void;
-}
-
-export type Store = Action & State;
-
-const t = setNamespace('GroupChatSettings');
-
-export const store: StateCreator<Store, [['zustand/devtools', never]]> = (set, get) => ({
-  ...initialState,
-
-  resetGroupConfig: async () => {
-    const { onConfigChange } = get();
-
-    const defaultConfig = DEFAULT_CHAT_GROUP_CHAT_CONFIG;
-
-    await onConfigChange?.(defaultConfig);
-    set({ config: defaultConfig }, false, t('resetGroupConfig'));
-  },
-
-  resetGroupMeta: async () => {
-    const { onMetaChange } = get();
-
-    const defaultMeta = DEFAULT_CHAT_GROUP_META_CONFIG;
-
-    await onMetaChange?.(defaultMeta);
-    set({ meta: defaultMeta }, false, t('resetGroupMeta'));
-  },
-
-  setGroupConfig: async (config) => {
-    const { onConfigChange } = get();
-    const currentConfig = get().config || DEFAULT_CHAT_GROUP_CHAT_CONFIG;
-    const newConfig = { ...currentConfig, ...config };
-
-    await onConfigChange?.(newConfig);
-    set({ config: newConfig }, false, t('setGroupConfig'));
-  },
-
-  setGroupMeta: async (meta) => {
-    const { onMetaChange } = get();
-    const currentMeta = get().meta || DEFAULT_CHAT_GROUP_META_CONFIG;
-    const newMeta = { ...currentMeta, ...meta };
-
-    await onMetaChange?.(newMeta);
-    set({ meta: newMeta }, false, t('setGroupMeta'));
-  },
-
-  updateGroupConfig: async (config) => {
-    await get().setGroupConfig(config);
-  },
-
-  updateGroupMeta: async (meta) => {
-    await get().setGroupMeta(meta);
-  },
-
-  updateLoadingState: (key, value) => {
-    const { loadingState } = get();
-    set(
-      {
-        loadingState: {
-          ...loadingState,
-          [key]: value,
-        },
-      },
-      false,
-      t('updateLoadingState', { [key]: value }),
-    );
-  },
-});

package/src/features/GroupChatSettings/store/index.ts

@@ -1,18 +0,0 @@
-'use client';
-
-import { createContext } from 'zustand-utils';
-import { subscribeWithSelector } from 'zustand/middleware';
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-
-import { type StoreApiWithSelector } from '@/types/zustand';
-
-import { type Store, store } from './action';
-
-export type { State } from './initialState';
-
-export const createStore = () => createWithEqualityFn(subscribeWithSelector(store), shallow);
-
-export const { useStore, useStoreApi, Provider } = createContext<StoreApiWithSelector<Store>>();
-
-export { selectors } from './selectors';

package/src/features/GroupChatSettings/store/initialState.ts

@@ -1,23 +0,0 @@
-import { DEFAULT_CHAT_GROUP_CHAT_CONFIG, DEFAULT_CHAT_GROUP_META_CONFIG } from '@/const/settings';
-import { type LobeChatGroupConfig, type LobeChatGroupMetaConfig } from '@/types/agentGroup';
-
-export type LoadingState = Record<string, boolean>;
-
-export interface State {
-  config?: LobeChatGroupConfig;
-  id?: string;
-  loading?: boolean;
-  loadingState?: LoadingState;
-  meta?: LobeChatGroupMetaConfig;
-  onConfigChange?: (config: LobeChatGroupConfig) => void;
-  onMetaChange?: (meta: LobeChatGroupMetaConfig) => void;
-}
-
-export const initialState: State = {
-  config: DEFAULT_CHAT_GROUP_CHAT_CONFIG,
-  loading: true,
-  loadingState: {
-    meta: false,
-  },
-  meta: DEFAULT_CHAT_GROUP_META_CONFIG,
-};

package/src/features/GroupChatSettings/store/selectors.ts

@@ -1,13 +0,0 @@
-import { DEFAULT_CHAT_GROUP_CHAT_CONFIG, DEFAULT_CHAT_GROUP_META_CONFIG } from '@/const/settings';
-import { merge } from '@/utils/merge';
-
-import { type State } from './initialState';
-
-const currentChatConfig = (s: State) => merge(DEFAULT_CHAT_GROUP_CHAT_CONFIG, s.config);
-
-const currentMetaConfig = (s: State) => merge(DEFAULT_CHAT_GROUP_META_CONFIG, s.meta);
-
-export const selectors = {
-  currentChatConfig,
-  currentMetaConfig,
-};