@lobehub/lobehub 2.0.0-next.273 → 2.0.0-next.275

package/src/app/[variants]/(main)/group/profile/features/store/action.ts

@@ -1,163 +0,0 @@
-import { EDITOR_DEBOUNCE_TIME, EDITOR_MAX_WAIT } from '@lobechat/const';
-import { debounce } from 'es-toolkit/compat';
-import { type StateCreator } from 'zustand';
-
-import { type State, initialState } from './initialState';
-
-type SaveConfigPayload = {
-  editorData: Record<string, any>;
-  systemRole: string;
-};
-
-export interface Action {
-  /**
-   * Append content to streaming buffer (called during streaming)
-   */
-  appendStreamingContent: (chunk: string) => void;
-  /**
-   * Finalize streaming and save to config
-   */
-  finishStreaming: (updateConfig: (payload: SaveConfigPayload) => Promise<void>) => Promise<void>;
-  flushSave: () => void;
-  handleContentChange: (updateConfig: (payload: SaveConfigPayload) => Promise<void>) => void;
-  setChatPanelExpanded: (expanded: boolean | ((prev: boolean) => boolean)) => void;
-  /**
-   * Start streaming mode - clears editor and prepares for streaming content
-   */
-  startStreaming: () => void;
-}
-
-export type Store = State & Action;
-
-// Create debounced save function outside of store for reuse
-const createDebouncedSave = (
-  get: () => Store,
-  updateConfig: (payload: SaveConfigPayload) => Promise<void>,
-) =>
-  debounce(
-    async (payload: SaveConfigPayload) => {
-      try {
-        await updateConfig(payload);
-      } catch (error) {
-        console.error('[ProfileEditor] Failed to save:', error);
-      }
-    },
-    EDITOR_DEBOUNCE_TIME,
-    { leading: false, maxWait: EDITOR_MAX_WAIT, trailing: true },
-  );
-
-export const store: (initState?: Partial<State>) => StateCreator<Store> =
-  (initState) => (set, get) => {
-    let debouncedSave: ReturnType<typeof createDebouncedSave> | null = null;
-
-    return {
-      ...initialState,
-      ...initState,
-
-      appendStreamingContent: (chunk) => {
-        const currentContent = get().streamingContent || '';
-        const newContent = currentContent + chunk;
-        set({ streamingContent: newContent });
-
-        // Update editor with streaming content
-        const { editor } = get();
-        if (editor) {
-          try {
-            editor.setDocument('markdown', newContent);
-          } catch {
-            // Ignore errors during streaming updates
-          }
-        }
-      },
-
-      finishStreaming: async (updateConfig) => {
-        const { editor, streamingContent } = get();
-        if (!streamingContent) {
-          set({ streamingInProgress: false });
-          return;
-        }
-
-        // Get the final content from editor
-        let finalContent = streamingContent;
-        let editorData = {};
-
-        if (editor) {
-          try {
-            finalContent =
-              (editor.getDocument('markdown') as unknown as string) || streamingContent;
-            editorData = editor.getDocument('json') as unknown as Record<string, any>;
-          } catch {
-            // Use streaming content if editor read fails
-          }
-        }
-
-        // Save to config
-        try {
-          await updateConfig({
-            editorData: structuredClone(editorData || {}),
-            systemRole: finalContent,
-          });
-        } catch (error) {
-          console.error('[ProfileEditor] Failed to save streaming content:', error);
-        }
-
-        // Reset streaming state
-        set({
-          streamingContent: undefined,
-          streamingInProgress: false,
-        });
-      },
-
-      flushSave: () => {
-        debouncedSave?.flush();
-      },
-
-      handleContentChange: (updateConfig) => {
-        const { editor } = get();
-        if (!editor) return;
-
-        // Create debounced save on first use
-        if (!debouncedSave) {
-          debouncedSave = createDebouncedSave(get, updateConfig);
-        }
-
-        try {
-          const markdownContent = (editor.getDocument('markdown') as unknown as string) || '';
-          const jsonContent = editor.getDocument('json') as unknown as Record<string, any>;
-
-          debouncedSave({
-            editorData: structuredClone(jsonContent || {}),
-            systemRole: markdownContent || '',
-          });
-        } catch (error) {
-          console.error('[ProfileEditor] Failed to read editor content:', error);
-        }
-      },
-
-      setChatPanelExpanded: (expanded) => {
-        if (typeof expanded === 'function') {
-          set((state) => ({ chatPanelExpanded: expanded(state.chatPanelExpanded) }));
-        } else {
-          set({ chatPanelExpanded: expanded });
-        }
-      },
-
-      startStreaming: () => {
-        const { editor } = get();
-
-        // Clear editor content and prepare for streaming
-        if (editor) {
-          try {
-            editor.setDocument('markdown', '');
-          } catch {
-            // Ignore errors
-          }
-        }
-
-        set({
-          streamingContent: '',
-          streamingInProgress: true,
-        });
-      },
-    };
-  };

package/src/app/[variants]/(main)/group/profile/features/store/index.ts

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

package/src/app/[variants]/(main)/group/profile/features/store/selectors.ts

@@ -1,7 +0,0 @@
-import { type Store } from './action';
-
-export const selectors = {
-  chatPanelExpanded: (s: Store) => s.chatPanelExpanded,
-  editor: (s: Store) => s.editor,
-  editorState: (s: Store) => s.editorState,
-};

package/src/features/EditorModal/EditorCanvas.tsx

@@ -1,84 +0,0 @@
-import {
-  IEditor,
-  ReactCodePlugin,
-  ReactCodemirrorPlugin,
-  ReactHRPlugin,
-  ReactLinkPlugin,
-  ReactListPlugin,
-  ReactMathPlugin,
-  ReactTablePlugin,
-} from '@lobehub/editor';
-import { Editor } from '@lobehub/editor/react';
-import { Flexbox } from '@lobehub/ui';
-import { FC, useMemo } from 'react';
-
-import { useUserStore } from '@/store/user';
-import { labPreferSelectors } from '@/store/user/selectors';
-
-import TypoBar from './Typobar';
-
-interface EditorCanvasProps {
-  defaultValue?: string;
-  editor?: IEditor;
-}
-
-const EditorCanvas: FC<EditorCanvasProps> = ({ defaultValue, editor }) => {
-  const enableRichRender = useUserStore(labPreferSelectors.enableInputMarkdown);
-
-  const richRenderProps = useMemo(
-    () =>
-      !enableRichRender
-        ? {
-            enablePasteMarkdown: false,
-            markdownOption: false,
-          }
-        : {
-            plugins: [
-              ReactListPlugin,
-              ReactCodePlugin,
-              ReactCodemirrorPlugin,
-              ReactHRPlugin,
-              ReactLinkPlugin,
-              ReactTablePlugin,
-              ReactMathPlugin,
-            ],
-          },
-    [enableRichRender],
-  );
-
-  return (
-    <>
-      {enableRichRender && <TypoBar editor={editor} />}
-      <Flexbox
-        padding={16}
-        style={{ cursor: 'text', maxHeight: '80vh', minHeight: '50vh', overflowY: 'auto' }}
-      >
-        <Editor
-          autoFocus
-          content={''}
-          editor={editor}
-          onInit={(editor) => {
-            if (!editor || !defaultValue) return;
-            try {
-              if (enableRichRender) {
-                editor?.setDocument('markdown', defaultValue);
-              } else {
-                editor?.setDocument('text', defaultValue);
-              }
-            } catch (e) {
-              console.error('setDocument error:', e);
-            }
-          }}
-          style={{
-            paddingBottom: 120,
-          }}
-          type={'text'}
-          variant={'chat'}
-          {...richRenderProps}
-        />
-      </Flexbox>
-    </>
-  );
-};
-
-export default EditorCanvas;

package/src/features/EditorModal/Typobar.tsx

@@ -1,139 +0,0 @@
-import { HotkeyEnum, type IEditor, getHotkeyById } from '@lobehub/editor';
-import { useEditorState } from '@lobehub/editor/react';
-import {
-  ChatInputActionBar,
-  ChatInputActions,
-  type ChatInputActionsProps,
-} from '@lobehub/editor/react';
-import { cssVar } from 'antd-style';
-import {
-  BoldIcon,
-  CodeXmlIcon,
-  ItalicIcon,
-  ListIcon,
-  ListOrderedIcon,
-  ListTodoIcon,
-  MessageSquareQuote,
-  SigmaIcon,
-  SquareDashedBottomCodeIcon,
-  StrikethroughIcon,
-  UnderlineIcon,
-} from 'lucide-react';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-const TypoBar = memo<{ editor?: IEditor }>(({ editor }) => {
-  const { t } = useTranslation('editor');
-  const editorState = useEditorState(editor);
-
-  const items: ChatInputActionsProps['items'] = useMemo(
-    () =>
-      [
-        {
-          active: editorState.isBold,
-          icon: BoldIcon,
-          key: 'bold',
-          label: t('typobar.bold'),
-          onClick: editorState.bold,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.Bold).keys },
-        },
-        {
-          active: editorState.isItalic,
-          icon: ItalicIcon,
-          key: 'italic',
-          label: t('typobar.italic'),
-          onClick: editorState.italic,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.Italic).keys },
-        },
-        {
-          active: editorState.isUnderline,
-          icon: UnderlineIcon,
-          key: 'underline',
-          label: t('typobar.underline'),
-          onClick: editorState.underline,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.Underline).keys },
-        },
-        {
-          active: editorState.isStrikethrough,
-          icon: StrikethroughIcon,
-          key: 'strikethrough',
-          label: t('typobar.strikethrough'),
-          onClick: editorState.strikethrough,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.Strikethrough).keys },
-        },
-        {
-          type: 'divider',
-        },
-
-        {
-          icon: ListIcon,
-          key: 'bulletList',
-          label: t('typobar.bulletList'),
-          onClick: editorState.bulletList,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.BulletList).keys },
-        },
-        {
-          icon: ListOrderedIcon,
-          key: 'numberlist',
-          label: t('typobar.numberList'),
-          onClick: editorState.numberList,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.NumberList).keys },
-        },
-        {
-          icon: ListTodoIcon,
-          key: 'tasklist',
-          label: t('typobar.taskList'),
-          onClick: editorState.checkList,
-        },
-        {
-          type: 'divider',
-        },
-        {
-          active: editorState.isBlockquote,
-          icon: MessageSquareQuote,
-          key: 'blockquote',
-          label: t('typobar.blockquote'),
-          onClick: editorState.blockquote,
-        },
-        {
-          type: 'divider',
-        },
-        {
-          icon: SigmaIcon,
-          key: 'math',
-          label: t('typobar.tex'),
-          onClick: editorState.insertMath,
-        },
-        {
-          active: editorState.isCode,
-          icon: CodeXmlIcon,
-          key: 'code',
-          label: t('typobar.code'),
-          onClick: editorState.code,
-          tooltipProps: { hotkey: getHotkeyById(HotkeyEnum.CodeInline).keys },
-        },
-        {
-          icon: SquareDashedBottomCodeIcon,
-          key: 'codeblock',
-          label: t('typobar.codeblock'),
-          onClick: editorState.codeblock,
-        },
-      ].filter(Boolean) as ChatInputActionsProps['items'],
-    [editorState],
-  );
-
-  return (
-    <ChatInputActionBar
-      left={<ChatInputActions items={items} />}
-      style={{
-        background: cssVar.colorFillQuaternary,
-        borderTopLeftRadius: 8,
-        borderTopRightRadius: 8,
-      }}
-    />
-  );
-});
-
-TypoBar.displayName = 'TypoBar';
-
-export default TypoBar;

package/src/store/chat/slices/builtinTool/actions/agentBuilder.ts

@@ -1,192 +0,0 @@
-import type {
-  GetAvailableModelsParams,
-  InstallPluginParams,
-  SearchMarketToolsParams,
-  UpdateAgentConfigParams,
-  UpdatePromptParams,
-} from '@lobechat/builtin-tool-agent-builder';
-import { AgentBuilderExecutionRuntime } from '@lobechat/builtin-tool-agent-builder/executionRuntime';
-import debug from 'debug';
-import { type StateCreator } from 'zustand/vanilla';
-
-import { getAgentStoreState } from '@/store/agent';
-import { type ChatStore } from '@/store/chat/store';
-
-const log = debug('lobe-store:builtin-tool:agent-builder');
-
-export interface AgentBuilderAction {
-  getAvailableModels: (id: string, params: GetAvailableModelsParams) => Promise<boolean>;
-  installPlugin: (id: string, params: InstallPluginParams) => Promise<boolean>;
-  internal_triggerAgentBuilderToolCalling: (
-    id: string,
-    apiName: string,
-    params: any,
-  ) => Promise<boolean>;
-  searchMarketTools: (id: string, params: SearchMarketToolsParams) => Promise<boolean>;
-  updateConfig: (id: string, params: UpdateAgentConfigParams) => Promise<boolean>;
-  updatePrompt: (id: string, params: UpdatePromptParams) => Promise<boolean>;
-}
-
-const runtime = new AgentBuilderExecutionRuntime();
-
-export const agentBuilderSlice: StateCreator<
-  ChatStore,
-  [['zustand/devtools', never]],
-  [],
-  AgentBuilderAction
-> = (set, get) => ({
-  // ==================== Read Operations ====================
-
-  getAvailableModels: async (id, params) => {
-    return get().internal_triggerAgentBuilderToolCalling(id, 'getAvailableModels', params);
-  },
-
-  installPlugin: async (id, params) => {
-    return get().internal_triggerAgentBuilderToolCalling(id, 'installPlugin', params);
-  },
-
-  // ==================== Internal Helper ====================
-  /**
-   * Internal helper to execute agent builder tool calling operations
-   * Handles operation tracking, error handling, and state updates
-   */
-  internal_triggerAgentBuilderToolCalling: async (id, apiName, params) => {
-    // Get parent operationId from messageOperationMap (should be executeToolCall)
-    const parentOperationId = get().messageOperationMap[id];
-
-    // Create child operation for agent builder execution
-    // Auto-associates message with this operation via messageId in context
-    const { operationId, abortController } = get().startOperation({
-      context: {
-        messageId: id,
-      },
-      metadata: {
-        apiName,
-        params,
-        startTime: Date.now(),
-      },
-      parentOperationId,
-      type: 'builtinToolAgentBuilder',
-    });
-
-    log(
-      '[%s] messageId=%s, parentOpId=%s, opId=%s, aborted=%s',
-      apiName,
-      id,
-      parentOperationId,
-      operationId,
-      abortController.signal.aborted,
-    );
-
-    const context = { operationId };
-
-    try {
-      // Get target agent ID from AgentStore, not ChatStore
-      // ChatStore's activeAgentId is for message scoping (might be AgentBuilder's own ID)
-      // AgentStore's activeAgentId is the actual target agent being configured
-      const agentId = getAgentStoreState().activeAgentId;
-
-      if (!agentId) {
-        throw new Error('No active agent found');
-      }
-
-      // Execute the runtime method
-      let result;
-      switch (apiName) {
-        case 'updateAgentConfig':
-        case 'updateConfig': {
-          result = await runtime.updateAgentConfig(agentId, params as UpdateAgentConfigParams);
-          break;
-        }
-        case 'getAvailableModels': {
-          result = await runtime.getAvailableModels(params as GetAvailableModelsParams);
-          break;
-        }
-        case 'searchMarketTools': {
-          result = await runtime.searchMarketTools(params as SearchMarketToolsParams);
-          break;
-        }
-        case 'installPlugin': {
-          result = await runtime.installPlugin(agentId, params as InstallPluginParams);
-          break;
-        }
-        case 'updatePrompt': {
-          result = await runtime.updatePrompt(agentId, {
-            streaming: true,
-            ...params,
-          } as UpdatePromptParams);
-          break;
-        }
-        default: {
-          throw new Error(`Unknown API name: ${apiName}`);
-        }
-      }
-
-      const { content, success, error, state } = result;
-
-      // Complete operation
-      get().completeOperation(operationId);
-
-      // Update message content
-      await get().optimisticUpdateMessageContent(id, content, undefined, context);
-
-      if (success) {
-        // Update plugin state with the result
-        await get().optimisticUpdatePluginState(id, state, context);
-      } else {
-        // Update plugin error
-        await get().optimisticUpdatePluginError(id, error, context);
-      }
-
-      return true;
-    } catch (error) {
-      const err = error as Error;
-
-      log('[%s] Error: messageId=%s, error=%s', apiName, id, err.message);
-
-      // Check if it's an abort error
-      if (err.message.includes('The user aborted a request.') || err.name === 'AbortError') {
-        log('[%s] Request aborted: messageId=%s', apiName, id);
-        // Fail operation for abort
-        get().failOperation(operationId, {
-          message: 'User cancelled the request',
-          type: 'UserAborted',
-        });
-        // Don't update error message for user aborts
-        return true;
-      }
-
-      // Fail operation for other errors
-      get().failOperation(operationId, {
-        message: err.message,
-        type: 'PluginServerError',
-      });
-
-      // For other errors, update message
-      await get().optimisticUpdateMessagePluginError(
-        id,
-        {
-          body: error,
-          message: err.message,
-          type: 'PluginServerError',
-        },
-        context,
-      );
-
-      return true;
-    }
-  },
-
-  searchMarketTools: async (id, params) => {
-    return get().internal_triggerAgentBuilderToolCalling(id, 'searchMarketTools', params);
-  },
-
-  // ==================== Write Operations ====================
-  updateConfig: async (id, params) => {
-    return get().internal_triggerAgentBuilderToolCalling(id, 'updateConfig', params);
-  },
-
-  updatePrompt: async (id, params) => {
-    return get().internal_triggerAgentBuilderToolCalling(id, 'updatePrompt', params);
-  },
-});