@lobehub/lobehub 2.0.0-next.216 → 2.0.0-next.217

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+## [Version 2.0.0-next.217](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.216...v2.0.0-next.217)
+
+<sup>Released on **2026-01-05**</sup>
+
+#### ♻ Code Refactoring
+
+- **utils**: Remove unused geo server utilities.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **utils**: Remove unused geo server utilities, closes [#11243](https://github.com/lobehub/lobe-chat/issues/11243) ([ee474cc](https://github.com/lobehub/lobe-chat/commit/ee474cc))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.216](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.215...v2.0.0-next.216)
 
 <sup>Released on **2026-01-05**</sup>

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2026-01-05",
+    "version": "2.0.0-next.217"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.216",
+  "version": "2.0.0-next.217",
   "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/packages/utils/src/server/index.ts

@@ -1,6 +1,5 @@
 export * from './auth';
 export * from './correctOIDCUrl';
-export * from './geo';
 export * from './response';
 export * from './responsive';
 export * from './sse';

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

@@ -5,11 +5,13 @@ import { Button, Flexbox, TextArea } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
 import { Sparkles } from 'lucide-react';
 import type { KeyboardEvent } from 'react';
+import { useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { loginRequired } from '@/components/Error/loginRequiredNotification';
 import { useGeminiChineseWarning } from '@/hooks/useGeminiChineseWarning';
 import { useIsDark } from '@/hooks/useIsDark';
+import { useQueryState } from '@/hooks/useQueryParam';
 import { useImageStore } from '@/store/image';
 import { createImageSelectors } from '@/store/image/selectors';
 import { useGenerationConfigParam } from '@/store/image/slices/generationConfig/hooks';
@@ -49,6 +51,10 @@ const PromptInput = ({ showTitle = false }: PromptInputProps) => {
   const isLogin = useUserStore(authSelectors.isLogin);
   const checkGeminiChineseWarning = useGeminiChineseWarning();
 
+  // Read prompt from query parameter
+  const [promptParam, setPromptParam] = useQueryState('prompt');
+  const hasProcessedPrompt = useRef(false);
+
   const handleGenerate = async () => {
     if (!isLogin) {
       loginRequired.redirect({ timeout: 2000 });
@@ -66,6 +72,44 @@ const PromptInput = ({ showTitle = false }: PromptInputProps) => {
     await createImage();
   };
 
+  // Auto-fill and auto-send when prompt query parameter is present
+  useEffect(() => {
+    if (promptParam && !hasProcessedPrompt.current && isLogin) {
+      // Decode the prompt parameter
+      const decodedPrompt = decodeURIComponent(promptParam);
+
+      // Set the prompt value in the store
+      setValue(decodedPrompt);
+
+      // Mark as processed to avoid running this effect again
+      hasProcessedPrompt.current = true;
+
+      // Clear the query parameter
+      setPromptParam(null);
+
+      // Auto-trigger generation after a short delay to ensure state is updated
+      setTimeout(async () => {
+        const shouldContinue = await checkGeminiChineseWarning({
+          model: currentModel,
+          prompt: decodedPrompt,
+          scenario: 'image',
+        });
+
+        if (shouldContinue) {
+          await createImage();
+        }
+      }, 100);
+    }
+  }, [
+    promptParam,
+    isLogin,
+    setValue,
+    setPromptParam,
+    checkGeminiChineseWarning,
+    currentModel,
+    createImage,
+  ]);
+
   const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {
     if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
       e.preventDefault();

package/src/features/CommandMenu/AskAIMenu.tsx

@@ -1,7 +1,8 @@
 import { DEFAULT_AVATAR, DEFAULT_INBOX_AVATAR } from '@lobechat/const';
 import { Avatar } from '@lobehub/ui';
+import { GroupBotSquareIcon } from '@lobehub/ui/icons';
 import { Command } from 'cmdk';
-import { Image } from 'lucide-react';
+import { Bot, Image } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
@@ -10,11 +11,12 @@ import { useHomeStore } from '@/store/home';
 import { homeAgentListSelectors } from '@/store/home/selectors';
 
 import { useCommandMenuContext } from './CommandMenuContext';
+import { CommandItem } from './components';
 import { styles } from './styles';
 import { useCommandMenu } from './useCommandMenu';
 
 const AskAIMenu = memo(() => {
-  const { t } = useTranslation('common');
+  const { t } = useTranslation(['common', 'chat', 'home']);
   const navigate = useNavigate();
   const { handleAskLobeAI, handleAIPainting, closeCommandMenu } = useCommandMenu();
   const { search } = useCommandMenuContext();
@@ -27,6 +29,24 @@ const AskAIMenu = memo(() => {
     ? t('cmdk.askAIHeading', { query: `"${search.trim()}"` })
     : t('cmdk.askAIHeadingEmpty');
 
+  const handleAgentBuilder = () => {
+    const trimmedSearch = search.trim();
+    closeCommandMenu(); // Close immediately
+    if (trimmedSearch) {
+      // Use sendAsAgent to create a blank agent and open agent builder
+      useHomeStore.getState().sendAsAgent(trimmedSearch);
+    }
+  };
+
+  const handleGroupBuilder = () => {
+    const trimmedSearch = search.trim();
+    closeCommandMenu(); // Close immediately
+    if (trimmedSearch) {
+      // Use sendAsGroup to create a blank group and open group builder
+      useHomeStore.getState().sendAsGroup(trimmedSearch);
+    }
+  };
+
   const handleAgentSelect = (agentId: string) => {
     if (search.trim()) {
       const message = encodeURIComponent(search.trim());
@@ -45,6 +65,18 @@ const AskAIMenu = memo(() => {
           <div className={styles.itemLabel}>Lobe AI</div>
         </div>
       </Command.Item>
+      <Command.Item onSelect={handleAgentBuilder} value="agent-builder">
+        <Bot className={styles.icon} />
+        <div className={styles.itemContent}>
+          <div className={styles.itemLabel}>{t('agentBuilder.title', { ns: 'chat' })}</div>
+        </div>
+      </Command.Item>
+      <Command.Item onSelect={handleGroupBuilder} value="group-builder">
+        <GroupBotSquareIcon className={styles.icon} />
+        <div className={styles.itemContent}>
+          <div className={styles.itemLabel}>{t('starter.createGroup', { ns: 'home' })}</div>
+        </div>
+      </Command.Item>
       <Command.Item onSelect={handleAIPainting} value="ai-painting">
         <Image className={styles.icon} />
         <div className={styles.itemContent}>
@@ -53,21 +85,22 @@ const AskAIMenu = memo(() => {
       </Command.Item>
 
       {agents.map((agent) => (
-        <Command.Item
+        <CommandItem
+          icon={
+            <Avatar
+              avatar={typeof agent.avatar === 'string' ? agent.avatar : DEFAULT_AVATAR}
+              emojiScaleWithBackground
+              shape="square"
+              size={18}
+            />
+          }
           key={agent.id}
           onSelect={() => handleAgentSelect(agent.id)}
+          title={agent.title || t('defaultAgent')}
+          trailingLabel={t('cmdk.search.agent')}
           value={`agent-${agent.id}`}
-        >
-          <Avatar
-            avatar={typeof agent.avatar === 'string' ? agent.avatar : DEFAULT_AVATAR}
-            emojiScaleWithBackground
-            shape="square"
-            size={18}
-          />
-          <div className={styles.itemContent}>
-            <div className={styles.itemLabel}>{agent.title || t('defaultAgent')}</div>
-          </div>
-        </Command.Item>
+          variant="detailed"
+        />
       ))}
     </Command.Group>
   );

package/src/features/ModelSwitchPanel/index.tsx

@@ -165,7 +165,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 
     display: flex;
     align-items: center;
-    justify-content: flex-end;
+    justify-content: space-between;
 
     padding-block: 6px;
     padding-inline: 8px;
@@ -173,6 +173,14 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
 
     background: ${cssVar.colorBgElevated};
   `,
+  toolbarModelName: css`
+    overflow: hidden;
+
+    font-size: 12px;
+    color: ${cssVar.colorTextSecondary};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
 }));
 
 const menuKey = (provider: string, model: string) => `${provider}-${model}`;
@@ -381,6 +389,17 @@ const ModelSwitchPanel = memo<ModelSwitchPanelProps>(
 
     const activeKey = menuKey(provider, model);
 
+    // Find current model's display name
+    const currentModelName = useMemo(() => {
+      for (const providerItem of enabledList) {
+        const modelItem = providerItem.children.find((m) => m.id === model);
+        if (modelItem) {
+          return modelItem.displayName || modelItem.id;
+        }
+      }
+      return model;
+    }, [enabledList, model]);
+
     const renderVirtualItem = useCallback(
       (item: VirtualItem) => {
         switch (item.type) {
@@ -661,6 +680,7 @@ const ModelSwitchPanel = memo<ModelSwitchPanelProps>(
               style={{ position: 'relative' }}
             >
               <div className={styles.toolbar}>
+                <div className={styles.toolbarModelName}>{currentModelName}</div>
                 <Segmented
                   onChange={(value) => {
                     const mode = value as GroupMode;

package/packages/utils/src/server/__tests__/geo.test.ts

@@ -1,116 +0,0 @@
-import { geolocation } from '@vercel/functions';
-import { getCountry } from 'countries-and-timezones';
-import { NextRequest } from 'next/server';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-
-import { parseDefaultThemeFromCountry } from '../geo';
-
-vi.mock('@vercel/functions', () => ({
-  geolocation: vi.fn(),
-}));
-
-vi.mock('countries-and-timezones', () => ({
-  getCountry: vi.fn(),
-}));
-
-describe('parseDefaultThemeFromCountry', () => {
-  const mockRequest = (headers: Record<string, string> = {}) => {
-    return {
-      headers: {
-        get: (key: string) => headers[key],
-      },
-    } as NextRequest;
-  };
-
-  it('should return light theme when no country code is found', () => {
-    vi.mocked(geolocation).mockReturnValue({});
-    const request = mockRequest();
-    expect(parseDefaultThemeFromCountry(request)).toBe('light');
-  });
-
-  it('should return light theme when country has no timezone', () => {
-    vi.mocked(geolocation).mockReturnValue({ country: 'US' });
-    vi.mocked(getCountry).mockReturnValue({
-      id: 'US',
-      name: 'United States',
-      timezones: [],
-    });
-    const request = mockRequest();
-    expect(parseDefaultThemeFromCountry(request)).toBe('light');
-  });
-
-  it('should return light theme when country has invalid timezone', () => {
-    vi.mocked(geolocation).mockReturnValue({ country: 'US' });
-    vi.mocked(getCountry).mockReturnValue({
-      id: 'US',
-      name: 'United States',
-      // @ts-ignore
-      timezones: ['America/Invalid'],
-    });
-
-    const mockDate = new Date('2025-04-01T12:00:00');
-    vi.setSystemTime(mockDate);
-
-    const request = mockRequest();
-    expect(parseDefaultThemeFromCountry(request)).toBe('light');
-  });
-
-  it('should return light theme during daytime hours', () => {
-    vi.mocked(geolocation).mockReturnValue({ country: 'US' });
-    vi.mocked(getCountry).mockReturnValue({
-      id: 'US',
-      name: 'United States',
-      timezones: ['America/New_York'],
-    });
-
-    // 设置UTC时间16:00，这样在纽约时区（EDT，UTC-4）就是12:00
-    const mockDate = new Date('2025-04-01T16:00:00.000Z');
-    vi.setSystemTime(mockDate);
-
-    const request = mockRequest();
-    const result = parseDefaultThemeFromCountry(request);
-    expect(result).toBe('light');
-  });
-
-  it('should return dark theme during night hours', () => {
-    vi.mocked(geolocation).mockReturnValue({ country: 'US' });
-    vi.mocked(getCountry).mockReturnValue({
-      id: 'US',
-      name: 'United States',
-      timezones: ['America/New_York'],
-    });
-
-    // 设置UTC时间02:00，这样在纽约时区（EDT，UTC-4）就是22:00
-    const mockDate = new Date('2025-04-01T02:00:00.000Z');
-    vi.setSystemTime(mockDate);
-
-    const request = mockRequest();
-    expect(parseDefaultThemeFromCountry(request)).toBe('dark');
-  });
-
-  it('should try different header sources for country code', () => {
-    vi.mocked(geolocation).mockReturnValue({});
-    vi.mocked(getCountry).mockReturnValue({
-      id: 'US',
-      name: 'United States',
-      timezones: ['America/New_York'],
-    });
-
-    const headers = {
-      'x-vercel-ip-country': 'US',
-      'cf-ipcountry': 'CA',
-      'x-zeabur-ip-country': 'UK',
-      'x-country-code': 'FR',
-    };
-
-    const request = mockRequest(headers);
-    parseDefaultThemeFromCountry(request);
-
-    expect(getCountry).toHaveBeenCalledWith('US');
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.clearAllMocks();
-  });
-});

package/packages/utils/src/server/geo.ts

@@ -1,60 +0,0 @@
-import { geolocation } from '@vercel/functions';
-import { getCountry } from 'countries-and-timezones';
-import { NextRequest } from 'next/server';
-
-const getLocalTime = (timeZone: string) => {
-  return new Date().toLocaleString('en-US', {
-    hour: 'numeric',
-    hour12: false,
-    timeZone,
-  });
-};
-
-const isValidTimeZone = (timeZone: string) => {
-  try {
-    getLocalTime(timeZone);
-    return true; // If no exception is thrown, the timezone is valid
-  } catch (e) {
-    // If a RangeError is caught, the timezone is invalid
-    if (e instanceof RangeError) {
-      return false;
-    }
-    // If it's another error, better to re-throw it
-    throw e;
-  }
-};
-
-export const parseDefaultThemeFromCountry = (request: NextRequest) => {
-  // 1. Get country code from request headers
-  const geo = geolocation(request);
-
-  const countryCode =
-    geo?.country ||
-    request.headers.get('x-vercel-ip-country') || // Vercel
-    request.headers.get('cf-ipcountry') || // Cloudflare
-    request.headers.get('x-zeabur-ip-country') || // Zeabur
-    request.headers.get('x-country-code'); // Netlify
-
-  // If no country code is obtained, return light theme directly
-  if (!countryCode) return 'light';
-
-  // 2. Get timezone information for the country
-  const country = getCountry(countryCode);
-
-  // If country information is not found or the country has no timezone information, return light theme
-  if (!country?.timezones?.length) return 'light';
-
-  const timeZone = country.timezones.find((tz) => isValidTimeZone(tz));
-  if (!timeZone) return 'light';
-
-  // 3. Get the current time in the country's first timezone
-  const localTime = getLocalTime(timeZone);
-
-  // 4. Parse the hour and determine the theme
-  const localHour = parseInt(localTime);
-  // console.log(
-  //   `[theme] Country: ${countryCode}, Timezone: ${country.timezones[0]}, LocalHour: ${localHour}`,
-  // );
-
-  return localHour >= 6 && localHour < 18 ? 'light' : 'dark';
-};