fix(web): resolve ai onboarding typecheck regressions (#4862)

Author: DIYgod

apps/desktop/layer/renderer/src/modules/ai-chat/hooks/useAutoTimelineSummaryShortcut.ts

@@ -100,7 +100,7 @@ export const useAutoTimelineSummaryShortcut = () => {
   })
   const previousContextKeyRef = useRef<string | null>(null)
 
-  const isAllTimeline = isTimelineSummaryAutoContext({ view, entryId })
+  const isAllTimeline = isTimelineSummaryAutoContext({ entryId })
 
   const defaultShortcut = useMemo(() => {
     const shortcuts = aiSettings.shortcuts ?? []

apps/desktop/layer/renderer/src/modules/entry-column/layouts/EntryListHeader.tsx

@@ -20,6 +20,7 @@ import { previewBackPath } from "~/atoms/preview"
 import { useGeneralSettingKey } from "~/atoms/settings/general"
 import { useSubscriptionColumnShow } from "~/atoms/sidebar"
 import { ROUTE_ENTRY_PENDING } from "~/constants"
+import { useFeature } from "~/hooks/biz/useFeature"
 import { useFollow } from "~/hooks/biz/useFollow"
 import { getRouteParams, useRouteParams } from "~/hooks/biz/useRouteParams"
 import { useLoginModal } from "~/hooks/common"

apps/desktop/layer/renderer/src/modules/new-user-guide/ai-chat-pane.tsx

@@ -21,7 +21,6 @@ import { useEventCallback } from "usehooks-ts"
 
 import { useI18n } from "~/hooks/common"
 import { ChatInput } from "~/modules/ai-chat/components/layouts/ChatInput"
-import { Messages } from "~/modules/ai-chat/components/layouts/ChatInterface"
 import { useAttachScrollBeyond } from "~/modules/ai-chat/hooks/useAttachScrollBeyond"
 import { useAutoScroll } from "~/modules/ai-chat/hooks/useAutoScroll"
 import {
@@ -35,11 +34,12 @@ import {
 } from "~/modules/ai-chat/store/hooks"
 import type { AIChatContextBlock, BizUIMessage } from "~/modules/ai-chat/store/types"
 
+import { Messages } from "../ai-chat/components/layouts/Messages"
 import { RateLimitNotice } from "../ai-chat/components/layouts/RateLimitNotice"
 import { AIChatWaitingIndicator } from "../ai-chat/components/message/AIChatMessage"
 import { AIShortcutButton } from "../ai-chat/components/ui/AIShortcutButton"
 import { LexicalAIEditorNodes } from "../ai-chat/editor"
-import { isRateLimitError } from "../ai-chat/utils/error"
+import { computeRateLimitMessage } from "../ai-chat/utils/rate-limit"
 import { stepAtom } from "./store"
 
 const SUGGESTION_KEYS = [
@@ -447,11 +447,10 @@ function AIChatInterface({ inputRef }: AIChatInterfaceProps) {
 
   const shouldShowScrollToBottom = hasMessages && !isAtBottom
 
-  // Check if error is a rate limit error
-  const hasRateLimitError = useMemo(() => isRateLimitError(error), [error])
+  const rateLimitMessage = useMemo(() => computeRateLimitMessage(error, null), [error])
 
   // Additional height for rate limit notice (~40px)
-  const rateLimitExtraHeight = hasRateLimitError ? 40 : 0
+  const rateLimitExtraHeight = rateLimitMessage ? 40 : 0
 
   const messages = useMessages()
   const setStep = useSetAtom(stepAtom)
@@ -521,7 +520,7 @@ function AIChatInterface({ inputRef }: AIChatInterfaceProps) {
       )}
 
       <div ref={bottomPanelRef} className={"px-6"}>
-        {hasRateLimitError && error && <RateLimitNotice error={error} />}
+        {rateLimitMessage && <RateLimitNotice message={rateLimitMessage} />}
         <ChatInput
           ref={inputRef}
           onSend={handleSendMessage}

apps/desktop/layer/renderer/src/modules/new-user-guide/feeds-selection-list.tsx

@@ -7,6 +7,7 @@ import {
 import { ScrollArea } from "@follow/components/ui/scroll-area/ScrollArea.js"
 import { Tooltip, TooltipContent, TooltipTrigger } from "@follow/components/ui/tooltip/index.js"
 import { cn } from "@follow/utils/utils"
+import { decode } from "@toon-format/toon"
 import type { PrimitiveAtom } from "jotai"
 import { useAtom, useAtomValue, useSetAtom, useStore } from "jotai"
 import { AnimatePresence, m } from "motion/react"
@@ -23,6 +24,22 @@ import { feedSelectionAtomsAtom, selectedFeedSelectionAtomsAtom } from "./store"
 
 type FeedToSelect = Omit<FeedSelection, "selected">
 
+const extractFeedsToSelect = (output: unknown): FeedToSelect[] => {
+  if (!output) {
+    return []
+  }
+
+  if (typeof output === "string") {
+    return decode(output) as unknown as FeedToSelect[]
+  }
+
+  if (Array.isArray(output)) {
+    return output as unknown as FeedToSelect[]
+  }
+
+  return []
+}
+
 export function FeedsSelectionList() {
   const chatMessages = useMessages()
 
@@ -42,14 +59,14 @@ export function FeedsSelectionList() {
 function FeedSelectionOperationScreen() {
   const chatMessages = useMessages()
 
-  const feedsToSelect: FeedToSelect[] = useMemo(
-    () =>
-      // find the last message that has the tool
-      chatMessages
-        .findLast((m) => m.parts?.some((p) => p.type === "tool-onboardingGetTrendingFeeds"))
-        ?.parts?.findLast((p) => p.type === "tool-onboardingGetTrendingFeeds")?.output ?? [],
-    [chatMessages],
-  )
+  const feedsToSelect: FeedToSelect[] = useMemo(() => {
+    // find the last message that has the tool
+    const output = chatMessages
+      .findLast((m) => m.parts?.some((p) => p.type === "tool-onboardingGetTrendingFeeds"))
+      ?.parts?.findLast((p) => p.type === "tool-onboardingGetTrendingFeeds")?.output
+
+    return extractFeedsToSelect(output)
+  }, [chatMessages])
 
   const store = useStore()
   const atomList = useAtomValue(feedSelectionAtomsAtom)