@lobehub/lobehub 2.0.0-next.239 → 2.0.0-next.240

package/src/app/[variants]/(main)/image/index.tsx

@@ -1,14 +1,13 @@
 'use client';
 
 import { Flexbox } from '@lobehub/ui';
-import { Suspense, memo } from 'react';
+import { memo } from 'react';
 
 import NavHeader from '@/features/NavHeader';
 import WideScreenContainer from '@/features/WideScreenContainer';
 import WideScreenButton from '@/features/WideScreenContainer/WideScreenButton';
 
 import ImageWorkspace from './features/ImageWorkspace';
-import SkeletonList from './features/ImageWorkspace/SkeletonList';
 
 const DesktopImagePage = memo(() => {
   return (
@@ -16,9 +15,7 @@ const DesktopImagePage = memo(() => {
       <NavHeader right={<WideScreenButton />} />
       <Flexbox height={'100%'} style={{ overflowY: 'auto', position: 'relative' }} width={'100%'}>
         <WideScreenContainer height={'100%'} wrapperStyle={{ height: '100%' }}>
-          <Suspense fallback={<SkeletonList />}>
-            <ImageWorkspace />
-          </Suspense>
+          <ImageWorkspace />
         </WideScreenContainer>
       </Flexbox>
     </>

package/src/components/Loading/BrandTextLoading/index.module.css

@@ -65,7 +65,6 @@
   align-items: center;
 
   padding: 2px 8px;
-  border: 1px solid var(--brand-border-color);
   border-radius: 6px;
 
   background: var(--brand-tag-bg);

package/src/components/StreamingMarkdown/index.tsx

@@ -0,0 +1,88 @@
+'use client';
+
+import { Markdown, ScrollShadow } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
+
+const styles = createStaticStyles(({ css }) => ({
+  container: css`
+    padding-block: 12px;
+    padding-inline: 16px;
+    border-radius: 8px;
+    font-size: 14px;
+  `,
+}));
+
+interface StreamingMarkdownProps {
+  children?: string;
+  maxHeight?: number;
+}
+
+const StreamingMarkdown = memo<StreamingMarkdownProps>(({ children, maxHeight = 400 }) => {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const [userHasScrolled, setUserHasScrolled] = useState(false);
+  const isAutoScrollingRef = useRef(false);
+
+  // Handle user scroll detection
+  const handleScroll = useCallback(() => {
+    // Ignore scroll events triggered by auto-scroll
+    if (isAutoScrollingRef.current) return;
+
+    const container = containerRef.current;
+    if (!container) return;
+
+    // Check if user scrolled away from bottom
+    const distanceToBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
+    const isAtBottom = distanceToBottom < 20;
+
+    // If user scrolled up, stop auto-scrolling
+    if (!isAtBottom) {
+      setUserHasScrolled(true);
+    }
+  }, []);
+
+  // Auto scroll to bottom when content changes (unless user has scrolled)
+  useEffect(() => {
+    if (userHasScrolled) return;
+
+    const container = containerRef.current;
+    if (!container) return;
+
+    isAutoScrollingRef.current = true;
+    requestAnimationFrame(() => {
+      container.scrollTop = container.scrollHeight;
+      // Reset the flag after scroll completes
+      requestAnimationFrame(() => {
+        isAutoScrollingRef.current = false;
+      });
+    });
+  }, [children, userHasScrolled]);
+
+  // Reset userHasScrolled when content is cleared (new stream starts)
+  useEffect(() => {
+    if (!children) {
+      setUserHasScrolled(false);
+    }
+  }, [children]);
+
+  if (!children) return null;
+
+  return (
+    <ScrollShadow
+      className={styles.container}
+      offset={12}
+      onScroll={handleScroll}
+      ref={containerRef}
+      size={12}
+      style={{ maxHeight }}
+    >
+      <Markdown animated style={{ overflow: 'unset' }} variant={'chat'}>
+        {children}
+      </Markdown>
+    </ScrollShadow>
+  );
+});
+
+StreamingMarkdown.displayName = 'StreamingMarkdown';
+
+export default StreamingMarkdown;

package/src/features/Conversation/Messages/AssistantGroup/Tool/Render/index.tsx

@@ -1,4 +1,3 @@
-import { LOADING_FLAT } from '@lobechat/const';
 import { type ChatToolResult, type ToolIntervention } from '@lobechat/types';
 import { safeParsePartialJSON } from '@lobechat/utils';
 import { Flexbox } from '@lobehub/ui';
@@ -20,6 +19,7 @@ interface RenderProps {
   identifier: string;
   intervention?: ToolIntervention;
   isArgumentsStreaming?: boolean;
+  isToolCalling?: boolean;
   /**
    * ContentBlock ID (not the group message ID)
    */
@@ -52,6 +52,7 @@ const Render = memo<RenderProps>(
     intervention,
     toolMessageId,
     isArgumentsStreaming,
+    isToolCalling,
   }) => {
     if (toolMessageId && intervention?.status === 'pending') {
       return (
@@ -125,10 +126,7 @@ const Render = memo<RenderProps>(
       />
     );
 
-    // Standalone plugins always have LOADING_FLAT as content
-    const inPlaceholder = result.content === LOADING_FLAT && type !== 'standalone';
-
-    if (inPlaceholder) return placeholder;
+    if (isToolCalling) return placeholder;
 
     return (
       <Suspense fallback={placeholder}>

package/src/features/Conversation/Messages/AssistantGroup/Tool/index.tsx

@@ -1,9 +1,12 @@
+import { LOADING_FLAT } from '@lobechat/const';
 import { type ChatToolResult, type ToolIntervention } from '@lobechat/types';
 import { AccordionItem, Flexbox, Skeleton } from '@lobehub/ui';
 import { Divider } from 'antd';
 import dynamic from 'next/dynamic';
 import { memo, useEffect, useState } from 'react';
 
+import { useChatStore } from '@/store/chat';
+import { operationSelectors } from '@/store/chat/slices/operation/selectors';
 import { useToolStore } from '@/store/tool';
 import { toolSelectors } from '@/store/tool/selectors';
 import { getBuiltinRender } from '@/tools/renders';
@@ -71,6 +74,16 @@ const Tool = memo<GroupToolProps>(
     const hasStreamingRenderer = !!getBuiltinStreaming(identifier, apiName);
     const forceShowStreamingRender = isArgumentsStreaming && hasStreamingRenderer;
 
+    // Get precise tool calling state from operation
+    const isToolCallingFromOperation = useChatStore(
+      operationSelectors.isMessageInToolCalling(assistantMessageId),
+    );
+
+    // Fallback: arguments completed but no final result yet
+    const isToolCallingFallback =
+      !isArgumentsStreaming && (!result || result.content === LOADING_FLAT || !result.content);
+    const isToolCalling = isToolCallingFromOperation || isToolCallingFallback;
+
     const hasCustomRender = !!getBuiltinRender(identifier, apiName);
 
     // Handle expand state changes with showPluginRender
@@ -138,6 +151,7 @@ const Tool = memo<GroupToolProps>(
             identifier={identifier}
             intervention={intervention}
             isArgumentsStreaming={isArgumentsStreaming}
+            isToolCalling={isToolCalling}
             messageId={assistantMessageId}
             result={result}
             setShowPluginRender={setShowPluginRender}

package/src/features/PluginDevModal/PluginPreview/EmptyState.tsx

@@ -64,7 +64,7 @@ export default function PluginEmptyState() {
         {t('dev.preview.empty.title')}
       </Text>
       <Text className={styles.description}>{t('dev.preview.empty.desc')}</Text>
-      <Space align="center" direction="vertical">
+      <Space align="center" orientation="vertical">
         <div className={styles.line} style={{ width: 128 }} />
         <div className={styles.line} style={{ width: 96 }} />
         <div className={styles.line} style={{ width: 48 }} />

package/src/locales/default/plugin.ts

@@ -93,6 +93,15 @@ export default {
   'builtins.lobe-local-system.inspector.rename.result':
     '<old>{{oldName}}</old> → <new>{{newName}}</new>',
   'builtins.lobe-local-system.title': 'Local System',
+  'builtins.lobe-notebook.actions.copy': 'Copy',
+  'builtins.lobe-notebook.actions.creating': 'Creating document...',
+  'builtins.lobe-notebook.actions.edit': 'Edit',
+  'builtins.lobe-notebook.actions.expand': 'Expand',
+  'builtins.lobe-notebook.apiName.createDocument': 'Create document',
+  'builtins.lobe-notebook.apiName.deleteDocument': 'Delete document',
+  'builtins.lobe-notebook.apiName.getDocument': 'Get document',
+  'builtins.lobe-notebook.apiName.updateDocument': 'Update document',
+  'builtins.lobe-notebook.title': 'Notebook',
   'builtins.lobe-page-agent.apiName.batchUpdate': 'Batch update nodes',
   'builtins.lobe-page-agent.apiName.compareSnapshots': 'Compare snapshots',
   'builtins.lobe-page-agent.apiName.convertToList': 'Convert to list',

package/src/server/routers/async/image.ts

@@ -185,7 +185,7 @@ const categorizeError = (
   }
 
   return {
-    errorMessage: error.message || AsyncTaskErrorType.ServerError,
+    errorMessage: error.message || error.error?.message || AsyncTaskErrorType.ServerError,
     errorType: AsyncTaskErrorType.ServerError,
   };
 };