@lobehub/lobehub 2.0.0-next.251 → 2.0.0-next.253

package/src/app/[variants]/(desktop)/desktop-onboarding/index.tsx

@@ -2,27 +2,37 @@
 
 import { Flexbox, Skeleton } from '@lobehub/ui';
 import { Suspense, memo, useCallback, useEffect, useState } from 'react';
-import { useNavigate, useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router-dom';
 
 import Loading from '@/components/Loading/BrandTextLoading';
 import { electronSystemService } from '@/services/electron/system';
-import { isDev } from '@/utils/env';
 
 import OnboardingContainer from './_layout';
 import DataModeStep from './features/DataModeStep';
 import LoginStep from './features/LoginStep';
 import PermissionsStep from './features/PermissionsStep';
 import WelcomeStep from './features/WelcomeStep';
-import { getDesktopOnboardingCompleted, setDesktopOnboardingCompleted } from './storage';
+import {
+  clearDesktopOnboardingStep,
+  getDesktopOnboardingStep,
+  setDesktopOnboardingCompleted,
+  setDesktopOnboardingStep,
+} from './storage';
 
 const DesktopOnboardingPage = memo(() => {
-  const navigate = useNavigate();
   const [searchParams, setSearchParams] = useSearchParams();
   const [isMac, setIsMac] = useState(true);
   const [isLoading, setIsLoading] = useState(true);
 
-  // 从 URL query 参数获取初始步骤，默认为 1
+  // 从 localStorage 或 URL query 参数获取初始步骤
+  // 优先使用 localStorage 以支持重启后恢复
   const getInitialStep = useCallback(() => {
+    // First try localStorage (for app restart scenario)
+    const savedStep = getDesktopOnboardingStep();
+    if (savedStep !== null) {
+      return savedStep;
+    }
+    // Then try URL params
     const stepParam = searchParams.get('step');
     if (stepParam) {
       const step = parseInt(stepParam, 10);
@@ -33,11 +43,10 @@ const DesktopOnboardingPage = memo(() => {
 
   const [currentStep, setCurrentStep] = useState(getInitialStep);
 
-  // 检查是否已完成 onboarding
+  // 持久化当前步骤到 localStorage
   useEffect(() => {
-    if (isDev) return;
-    if (getDesktopOnboardingCompleted()) navigate('/', { replace: true });
-  }, [navigate]);
+    setDesktopOnboardingStep(currentStep);
+  }, [currentStep]);
 
   // 设置窗口大小和可调整性
   useEffect(() => {
@@ -117,6 +126,7 @@ const DesktopOnboardingPage = memo(() => {
         case 4: {
           // 如果是第4步（LoginStep），完成 onboarding
           setDesktopOnboardingCompleted();
+          clearDesktopOnboardingStep(); // Clear persisted step since onboarding is complete
           // Restore window resizable before hard reload (cleanup won't run due to hard navigation)
           electronSystemService
             .setWindowResizable({ resizable: true })

package/src/app/[variants]/(desktop)/desktop-onboarding/storage.ts

@@ -1,4 +1,5 @@
 export const DESKTOP_ONBOARDING_STORAGE_KEY = 'lobechat:desktop:onboarding:completed:v1';
+export const DESKTOP_ONBOARDING_STEP_KEY = 'lobechat:desktop:onboarding:step:v1';
 
 export const getDesktopOnboardingCompleted = () => {
   if (typeof window === 'undefined') return true;
@@ -32,3 +33,51 @@ export const clearDesktopOnboardingCompleted = () => {
     return false;
   }
 };
+
+/**
+ * Get the persisted onboarding step (for restoring after app restart)
+ */
+export const getDesktopOnboardingStep = (): number | null => {
+  if (typeof window === 'undefined') return null;
+
+  try {
+    const step = window.localStorage.getItem(DESKTOP_ONBOARDING_STEP_KEY);
+    if (step) {
+      const parsedStep = Number.parseInt(step, 10);
+      if (parsedStep >= 1 && parsedStep <= 4) {
+        return parsedStep;
+      }
+    }
+    return null;
+  } catch {
+    return null;
+  }
+};
+
+/**
+ * Persist the current onboarding step
+ */
+export const setDesktopOnboardingStep = (step: number) => {
+  if (typeof window === 'undefined') return false;
+
+  try {
+    window.localStorage.setItem(DESKTOP_ONBOARDING_STEP_KEY, step.toString());
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+/**
+ * Clear the persisted onboarding step (called when onboarding completes)
+ */
+export const clearDesktopOnboardingStep = () => {
+  if (typeof window === 'undefined') return false;
+
+  try {
+    window.localStorage.removeItem(DESKTOP_ONBOARDING_STEP_KEY);
+    return true;
+  } catch {
+    return false;
+  }
+};

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Body.tsx

@@ -2,15 +2,18 @@ import { Accordion, Flexbox } from '@lobehub/ui';
 import React, { memo } from 'react';
 
 import Topic from './Topic';
+import CronTopicList from './Topic/CronTopicList';
 
 export enum ChatSidebarKey {
-  Topic = 'topic',
+  CronTopics = 'cronTopics',
+  Topic = 'topic'
 }
 
 const Body = memo(() => {
   return (
     <Flexbox paddingInline={4}>
       <Accordion defaultExpandedKeys={[ChatSidebarKey.Topic]} gap={8}>
+        <CronTopicList itemKey={ChatSidebarKey.CronTopics} />
         <Topic itemKey={ChatSidebarKey.Topic} />
       </Accordion>
     </Flexbox>

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Topic/CronTopicList/CronTopicGroup.tsx

@@ -0,0 +1,74 @@
+'use client';
+
+import { Flexbox, Icon, Text } from '@lobehub/ui';
+import { cssVar } from 'antd-style';
+import { Clock } from 'lucide-react';
+import { type MouseEvent, memo, useCallback } from 'react';
+import { useParams } from 'react-router-dom';
+
+import { useRouter } from '@/app/[variants]/(main)/hooks/useRouter';
+import type { AgentCronJob } from '@/database/schemas/agentCronJob';
+
+import CronTopicItem from './CronTopicItem';
+
+interface CronTopicGroupProps {
+  cronJob: AgentCronJob | null;
+  cronJobId: string;
+  topics: Array<{
+    createdAt: Date | string;
+    favorite?: boolean | null;
+    historySummary?: string | null;
+    id: string;
+    metadata?: any;
+    title?: string | null;
+    trigger?: string | null;
+    updatedAt: Date | string;
+  }>;
+}
+
+const CronTopicGroup = memo<CronTopicGroupProps>(({ cronJob, cronJobId, topics }) => {
+  const { aid } = useParams<{ aid?: string }>();
+  const router = useRouter();
+  const handleOpenCronJob = useCallback(
+    (event: MouseEvent) => {
+      event.stopPropagation();
+      if (!aid) return;
+      router.push(`/agent/${aid}/cron/${cronJobId}`);
+    },
+    [aid, cronJobId, router],
+  );
+
+  const cronJobName = cronJob?.name || `Cron Job ${cronJobId.slice(-8)}`;
+  const isEnabled = cronJob?.enabled ?? false;
+
+  return (
+    <Flexbox gap={1}>
+      <Flexbox
+        align="center"
+        gap={6}
+        height={24}
+        horizontal
+        onClick={handleOpenCronJob}
+        paddingInline={8}
+        style={{ cursor: 'pointer', opacity: isEnabled ? 1 : 0.6, overflow: 'hidden' }}
+      >
+        <Icon icon={Clock} style={{ color: cssVar.colorTextDescription, opacity: 0.7 }} />
+        <Text ellipsis fontSize={12} style={{ flex: 1 }} type={'secondary'} weight={500}>
+          {cronJobName}
+        </Text>
+        {topics.length > 0 && (
+          <Text style={{ color: cssVar.colorTextDescription, fontSize: 11 }}>{topics.length}</Text>
+        )}
+      </Flexbox>
+      {topics.length > 0 && (
+        <Flexbox gap={1} paddingBlock={1}>
+          {topics.map((topic) => (
+            <CronTopicItem key={topic.id} topic={topic} />
+          ))}
+        </Flexbox>
+      )}
+    </Flexbox>
+  );
+});
+
+export default CronTopicGroup;

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Topic/CronTopicList/CronTopicItem.tsx

@@ -0,0 +1,40 @@
+'use client';
+
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useChatStore } from '@/store/chat';
+
+import TopicItem from '../List/Item';
+
+interface CronTopicItemProps {
+  topic: {
+    createdAt: Date | string;
+    favorite?: boolean | null;
+    historySummary?: string | null;
+    id: string;
+    metadata?: any;
+    title?: string | null;
+    trigger?: string | null;
+    updatedAt: Date | string;
+  };
+}
+
+const CronTopicItem = memo<CronTopicItemProps>(({ topic }) => {
+  const { t } = useTranslation('topic');
+  const [activeTopicId, activeThreadId] = useChatStore((s) => [s.activeTopicId, s.activeThreadId]);
+
+  const displayTitle = topic.title || topic.historySummary || t('defaultTitle');
+
+  return (
+    <TopicItem
+      active={activeTopicId === topic.id}
+      fav={!!topic.favorite}
+      id={topic.id}
+      threadId={activeThreadId}
+      title={displayTitle}
+    />
+  );
+});
+
+export default CronTopicItem;

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Topic/CronTopicList/index.tsx

@@ -0,0 +1,140 @@
+'use client';
+
+import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
+import { AccordionItem, ActionIcon, Flexbox, Icon, Text } from '@lobehub/ui';
+import { message } from 'antd';
+import { Calendar, Plus } from 'lucide-react';
+import { memo, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import urlJoin from 'url-join';
+
+import NeuralNetworkLoading from '@/components/NeuralNetworkLoading';
+import EmptyNavItem from '@/features/NavPanel/components/EmptyNavItem';
+import SkeletonList from '@/features/NavPanel/components/SkeletonList';
+import { useFetchCronTopicsWithJobInfo } from '@/hooks/useFetchCronTopicsWithJobInfo';
+import { useQueryRoute } from '@/hooks/useQueryRoute';
+import { agentCronJobService } from '@/services/agentCronJob';
+import { useAgentStore } from '@/store/agent';
+
+import CronTopicGroup from './CronTopicGroup';
+
+interface CronTopicListProps {
+  itemKey: string;
+}
+
+const CronTopicList = memo<CronTopicListProps>(({ itemKey }) => {
+  const { t } = useTranslation('setting');
+  const router = useQueryRoute();
+  const agentId = useAgentStore((s) => s.activeAgentId);
+  const { cronTopicsGroupsWithJobInfo, isLoading, mutate } = useFetchCronTopicsWithJobInfo();
+  const totalTopics = cronTopicsGroupsWithJobInfo.reduce(
+    (acc, group) => acc + group.topics.length,
+    0,
+  );
+
+  const handleCreateCronJob = useCallback(async () => {
+    if (!agentId) return;
+    try {
+      const result = await agentCronJobService.create({
+        agentId,
+        content: t('agentCronJobs.form.content.placeholder') || 'This is a cron job',
+        cronPattern: '0 */30 * * *',
+        enabled: true,
+        name: t('agentCronJobs.addJob') || 'Cron Job Task',
+      });
+
+      if (result.success) {
+        await mutate();
+        router.push(urlJoin('/agent', agentId, 'cron', result.data.id));
+      }
+    } catch (error) {
+      console.error('Failed to create cron job:', error);
+      message.error('Failed to create scheduled task');
+    }
+  }, [agentId, mutate, router, t]);
+
+  if (!ENABLE_BUSINESS_FEATURES) return null;
+
+  const addAction = (
+    <ActionIcon
+      disabled={!agentId}
+      icon={Plus}
+      onClick={handleCreateCronJob}
+      size={'small'}
+      title={t('agentCronJobs.addJob')}
+    />
+  );
+
+  if (isLoading) {
+    return (
+      <AccordionItem
+        action={addAction}
+        itemKey={itemKey}
+        paddingBlock={4}
+        paddingInline={'8px 4px'}
+        title={
+          <Flexbox align="center" gap={4} horizontal>
+            <Icon icon={Calendar} size={12} />
+            <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
+              {t('agentCronJobs.title')}
+            </Text>
+            <NeuralNetworkLoading size={14} />
+          </Flexbox>
+        }
+      >
+        <SkeletonList />
+      </AccordionItem>
+    );
+  }
+
+  if (cronTopicsGroupsWithJobInfo.length === 0) {
+    return (
+      <AccordionItem
+        action={addAction}
+        itemKey={itemKey}
+        paddingBlock={4}
+        paddingInline={'8px 4px'}
+        title={
+          <Flexbox align="center" gap={4} horizontal>
+            <Icon icon={Calendar} size={12} />
+            <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
+              {t('agentCronJobs.title')}
+            </Text>
+          </Flexbox>
+        }
+      >
+        <EmptyNavItem onClick={handleCreateCronJob} title={t('agentCronJobs.addJob')} />
+      </AccordionItem>
+    );
+  }
+
+  return (
+    <AccordionItem
+      action={addAction}
+      itemKey={itemKey}
+      paddingBlock={4}
+      paddingInline={'8px 4px'}
+      title={
+        <Flexbox align="center" gap={4} horizontal>
+          <Icon icon={Calendar} size={12} />
+          <Text ellipsis fontSize={12} type={'secondary'} weight={500}>
+            {`${t('agentCronJobs.title')} ${totalTopics > 0 ? totalTopics : ''}`}
+          </Text>
+        </Flexbox>
+      }
+    >
+      <Flexbox gap={2} paddingBlock={2}>
+        {cronTopicsGroupsWithJobInfo.map((group) => (
+          <CronTopicGroup
+            cronJob={group.cronJob}
+            cronJobId={group.cronJobId}
+            key={group.cronJobId}
+            topics={group.topics}
+          />
+        ))}
+      </Flexbox>
+    </AccordionItem>
+  );
+});
+
+export default CronTopicList;

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Topic/List/index.tsx

@@ -32,7 +32,7 @@ const TopicList = memo(() => {
 
   const [topicDisplayMode] = useUserStore((s) => [preferenceSelectors.topicDisplayMode(s)]);
 
-  useFetchTopics();
+  useFetchTopics({ excludeTriggers: ['cron'] });
 
   // Show skeleton when current session's topic data is not yet loaded
   if (isUndefinedTopics) return <SkeletonList />;

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Topic/TopicListContent/index.tsx

@@ -30,7 +30,7 @@ const TopicListContent = memo(() => {
 
   const [topicDisplayMode] = useUserStore((s) => [preferenceSelectors.topicDisplayMode(s)]);
 
-  useFetchTopics();
+  useFetchTopics({ excludeTriggers: ['cron'] });
 
   if (isInSearchMode) return <SearchResult />;
 

package/src/app/[variants]/(main)/chat/_layout/Sidebar/Topic/index.tsx

@@ -22,7 +22,7 @@ const Topic = memo<TopicProps>(({ itemKey }) => {
   const { t } = useTranslation(['topic', 'common']);
   const [topicCount] = useChatStore((s) => [topicSelectors.currentTopicCount(s)]);
   const dropdownMenu = useTopicActionsDropdownMenu();
-  const { isRevalidating } = useFetchTopics();
+  const { isRevalidating } = useFetchTopics({ excludeTriggers: ['cron'] });
 
   return (
     <AccordionItem