@lobehub/lobehub 2.1.7 → 2.1.8

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 2.1.8](https://github.com/lobehub/lobe-chat/compare/v2.1.7...v2.1.8)
+
+<sup>Released on **2026-02-01**</sup>
+
+#### 💄 Styles
+
+- **misc**: Improve tasks display.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Improve tasks display, closes [#12032](https://github.com/lobehub/lobe-chat/issues/12032) ([3423ad1](https://github.com/lobehub/lobe-chat/commit/3423ad1))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 2.1.7](https://github.com/lobehub/lobe-chat/compare/v2.1.6...v2.1.7)
 
 <sup>Released on **2026-02-01**</sup>

package/changelog/v2.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Improve tasks display."
+      ]
+    },
+    "date": "2026-02-01",
+    "version": "2.1.8"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.1.7",
+  "version": "2.1.8",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/features/Conversation/Messages/AssistantGroup/Tool/Inspector/ToolTitle.tsx

@@ -20,10 +20,12 @@ export const styles = createStaticStyles(({ css, cssVar }) => ({
   `,
   paramKey: css`
     font-family: ${cssVar.fontFamilyCode};
+    font-size: 12px;
     color: ${cssVar.colorTextTertiary};
   `,
   paramValue: css`
     font-family: ${cssVar.fontFamilyCode};
+    font-size: 12px;
     color: ${cssVar.colorTextSecondary};
   `,
   root: css`

package/src/features/Conversation/Messages/Tasks/shared/TaskMessages.tsx

@@ -327,11 +327,37 @@ const TaskMessages = memo<TaskMessagesProps>(
       const assistantGroupMessage = messages.find((item) => item.role === 'assistantGroup');
       const userMessage = messages.find((item) => item.role === 'user');
 
-      return {
-        assistantId: assistantGroupMessage?.id ?? '',
-        blocks: assistantGroupMessage?.children ?? [],
-        instruction: userMessage?.content,
-      };
+      // If assistantGroup exists, use its children as blocks
+      if (assistantGroupMessage) {
+        return {
+          assistantId: assistantGroupMessage.id ?? '',
+          blocks: assistantGroupMessage.children ?? [],
+          instruction: userMessage?.content,
+        };
+      }
+
+      // Fallback: support plain assistant message (without tools)
+      // This handles cases where SubAgent returns a simple text response
+      const assistantMessage = messages.find((item) => item.role === 'assistant');
+      if (assistantMessage) {
+        // Convert plain assistant message to block format
+        const block: AssistantContentBlock = {
+          content: assistantMessage.content || '',
+          id: assistantMessage.id,
+        };
+
+        // Copy optional fields if they exist
+        if (assistantMessage.error) block.error = assistantMessage.error;
+        if (assistantMessage.reasoning) block.reasoning = assistantMessage.reasoning;
+
+        return {
+          assistantId: assistantMessage.id ?? '',
+          blocks: [block],
+          instruction: userMessage?.content,
+        };
+      }
+
+      return { assistantId: '', blocks: [], instruction: undefined };
     }, [messages]);
 
     // Calculate total tool calls

package/src/hooks/useFetchAgentList.ts

@@ -12,7 +12,7 @@ export const useFetchAgentList = () => {
 
   const { isValidating, data } = useFetchAgentListHook(isLogin);
 
-  // isRevalidating: 有缓存数据，后台正在更新
+  // isRevalidating: has cached data, updating in background
   return {
     isRevalidating: isValidating && !!data,
   };

package/src/hooks/useHotkeys/chatScope.ts

@@ -49,7 +49,7 @@ export const useClearCurrentMessagesHotkey = () => {
   });
 };
 
-// 注册聚合
+// Register aggregate
 
 export const useRegisterChatHotkeys = () => {
   const { enableScope, disableScope } = useHotkeysContext();

package/src/hooks/useHotkeys/globalScope.ts

@@ -7,7 +7,7 @@ import { useGlobalStore } from '@/store/global';
 
 import { useHotkeyById } from './useHotkeyById';
 
-// 切换到会话标签(并聚焦到Lobe AI)
+// Switch to chat tab (and focus on Lobe AI)
 export const useNavigateToChatHotkey = () => {
   const navigateToAgent = useNavigateToAgent();
   const [, { unpinAgent }] = usePinnedAgentState();
@@ -58,7 +58,7 @@ export const useCommandPaletteHotkey = () => {
 };
 
 export const useRegisterGlobalHotkeys = () => {
-  // 全局自动注册不需要 enableScope
+  // Global auto-registration doesn't need enableScope
   useToggleLeftPanelHotkey();
   useToggleRightPanelHotkey();
   useNavigateToChatHotkey();

package/src/hooks/useHotkeys/imageScope.ts

@@ -19,7 +19,7 @@ export const useToggleImageRightPanelHotkey = () => {
   );
 };
 
-// 注册聚合
+// Register aggregate
 
 export const useRegisterImageHotkeys = () => {
   const { enableScope, disableScope } = useHotkeysContext();

package/src/hooks/usePWAInstall.ts

@@ -19,7 +19,7 @@ export const usePWAInstall = () => {
   }, []);
 
   const installCheck = () => {
-    // 当在 PWA 或不支持 PWA 的环境中时，不显示安装按钮
+    // Don't show install button when in PWA or environment that doesn't support PWA
     if (isPWA || !isSupportInstallPWA) return false;
     const pwa: any = document.querySelector(`#${PWA_INSTALL_ID}`);
     if (!pwa) return false;