@lobehub/lobehub 2.0.0-next.270 → 2.0.0-next.271

package/.eslintrc.js

@@ -22,6 +22,7 @@ config.rules['unicorn/prefer-query-selector'] = 0;
 config.rules['unicorn/no-array-callback-reference'] = 0;
 // FIXME: Linting error in src/app/[variants]/(main)/chat/features/Migration/DBReader.ts, the fundamental solution should be upgrading typescript-eslint
 config.rules['@typescript-eslint/no-useless-constructor'] = 0;
+config.rules['@next/next/no-img-element'] = 0;
 
 config.overrides = [
   {

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.271](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.270...v2.0.0-next.271)
+
+<sup>Released on **2026-01-12**</sup>
+
+#### ✨ Features
+
+- **misc**: Improve baseline alignment for tool items.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Improve baseline alignment for tool items, closes [#11447](https://github.com/lobehub/lobe-chat/issues/11447) ([be8dddd](https://github.com/lobehub/lobe-chat/commit/be8dddd))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.270](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.269...v2.0.0-next.270)
 
 <sup>Released on **2026-01-12**</sup>

package/changelog/v1.json

@@ -1,4 +1,13 @@
 [
+  {
+    "children": {
+      "features": [
+        "Improve baseline alignment for tool items."
+      ]
+    },
+    "date": "2026-01-12",
+    "version": "2.0.0-next.271"
+  },
   {
     "children": {},
     "date": "2026-01-12",

package/e2e/src/steps/community/interactions.steps.ts

@@ -55,12 +55,13 @@ When('I click on a category in the category menu', async function (this: CustomW
   // Wait for categories to be visible
   await categoryItems.first().waitFor({ state: 'visible', timeout: 30_000 });
 
-  // Click the second category (skip "All" which is usually first)
-  const secondCategory = categoryItems.nth(1);
-  await secondCategory.click();
+  // Click the third category (skip "Discover" at index 0 and "All" at index 1)
+  // This should select the first actual category filter like "Academic"
+  const targetCategory = categoryItems.nth(2);
+  await targetCategory.click();
 
   // Store the category for later verification
-  const categoryText = await secondCategory.textContent();
+  const categoryText = await targetCategory.textContent();
   this.testContext.selectedCategory = categoryText?.trim();
 });
 
@@ -94,12 +95,13 @@ When('I click on a category in the category filter', async function (this: Custo
   // Wait for categories to be visible
   await categoryItems.first().waitFor({ state: 'visible', timeout: 30_000 });
 
-  // Click the second category (skip "All" which is usually first)
-  const secondCategory = categoryItems.nth(1);
-  await secondCategory.click();
+  // Click the third category (skip "Discover" at index 0 and "All" at index 1)
+  // This should select the first actual category filter
+  const targetCategory = categoryItems.nth(2);
+  await targetCategory.click();
 
   // Store the category for later verification
-  const categoryText = await secondCategory.textContent();
+  const categoryText = await targetCategory.textContent();
   this.testContext.selectedCategory = categoryText?.trim();
 });
 
@@ -285,10 +287,15 @@ When(
 
     // Try to find "more" link near MCP-related content
     const mcpSection = this.page.locator('section:has-text("MCP"), div:has-text("MCP Tools")');
-    const mcpSectionVisible = await mcpSection.first().isVisible().catch(() => false);
+    const mcpSectionVisible = await mcpSection
+      .first()
+      .isVisible()
+      .catch(() => false);
 
     if (mcpSectionVisible) {
-      const moreLinkInSection = mcpSection.locator(`a:has-text("${linkText}"), button:has-text("${linkText}")`);
+      const moreLinkInSection = mcpSection.locator(
+        `a:has-text("${linkText}"), button:has-text("${linkText}")`,
+      );
       if ((await moreLinkInSection.count()) > 0) {
         await moreLinkInSection.first().click();
         return;
@@ -297,7 +304,9 @@ When(
 
     // Fallback: click on MCP in the sidebar navigation
     console.log('   📍 Fallback: clicking MCP in sidebar');
-    const mcpNavItem = this.page.locator('nav a:has-text("MCP"), [class*="nav"] a:has-text("MCP")').first();
+    const mcpNavItem = this.page
+      .locator('nav a:has-text("MCP"), [class*="nav"] a:has-text("MCP")')
+      .first();
     if (await mcpNavItem.isVisible().catch(() => false)) {
       await mcpNavItem.click();
       return;
@@ -363,9 +372,19 @@ Then(
 
 Then('the URL should contain the category parameter', async function (this: CustomWorld) {
   const currentUrl = this.page.url();
+  console.log(`   📍 Current URL: ${currentUrl}`);
+  console.log(`   📍 Selected category: ${this.testContext.selectedCategory}`);
+
   // Check if URL contains a category-related parameter
+  // The URL format is: /community/assistant?category=xxx
+  const hasCategory =
+    currentUrl.includes('category=') ||
+    currentUrl.includes('tag=') ||
+    // For path-based routing like /community/assistant/category-name
+    /\/community\/assistant\/[^/?]+/.test(currentUrl);
+
   expect(
-    currentUrl.includes('category=') || currentUrl.includes('tag='),
+    hasCategory,
     `Expected URL to contain category parameter, but got: ${currentUrl}`,
   ).toBeTruthy();
 });
@@ -383,7 +402,9 @@ Then('I should see different assistant cards', async function (this: CustomWorld
 
   // If we used infinite scroll, check that we have cards (might be same or more)
   if (this.testContext.usedInfiniteScroll) {
-    console.log(`   📍 Used infinite scroll, initial count was: ${this.testContext.initialCardCount}`);
+    console.log(
+      `   📍 Used infinite scroll, initial count was: ${this.testContext.initialCardCount}`,
+    );
     expect(currentCount).toBeGreaterThan(0);
   } else {
     expect(currentCount).toBeGreaterThan(0);
@@ -463,7 +484,9 @@ Then('I should see the model detail content', async function (this: CustomWorld)
 
   // Model detail page should have tabs like "Overview", "Model Parameters"
   // Wait for these specific elements to appear
-  const modelTabs = this.page.locator('text=/Overview|Model Parameters|Related Recommendations|Configuration Guide/');
+  const modelTabs = this.page.locator(
+    'text=/Overview|Model Parameters|Related Recommendations|Configuration Guide/',
+  );
 
   console.log('   📍 Waiting for model detail content to load...');
   await expect(modelTabs.first()).toBeVisible({ timeout: 30_000 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.270",
+  "version": "2.0.0-next.271",
   "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/app/[variants]/(main)/agent/features/Conversation/Header/HeaderActions/useMenu.tsx

@@ -1,14 +1,13 @@
 'use client';
 
-import { Flexbox } from '@lobehub/ui';
-import { Switch } from 'antd';
+import { type DropdownMenuCheckboxItem } from '@lobehub/ui';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';
 
-export const useMenu = (): { menuItems: any[] } => {
+export const useMenu = (): { menuItems: DropdownMenuCheckboxItem[] } => {
   const { t } = useTranslation('chat');
 
   const [wideScreen, toggleWideScreen] = useGlobalStore((s) => [
@@ -16,23 +15,14 @@ export const useMenu = (): { menuItems: any[] } => {
     s.toggleWideScreen,
   ]);
 
-  const menuItems = useMemo(
+  const menuItems = useMemo<DropdownMenuCheckboxItem[]>(
     () => [
       {
+        checked: wideScreen,
         key: 'full-width',
-        label: (
-          <Flexbox align="center" horizontal justify="space-between">
-            <span>{t('viewMode.fullWidth')}</span>
-            <Switch
-              checked={wideScreen}
-              onChange={toggleWideScreen}
-              onClick={(checked, event) => {
-                event.stopPropagation();
-              }}
-              size="small"
-            />
-          </Flexbox>
-        ),
+        label: t('viewMode.fullWidth'),
+        onCheckedChange: toggleWideScreen,
+        type: 'checkbox',
       },
     ],
     [t, wideScreen, toggleWideScreen],