From 1b603efa0c8c347269309ef1940300d95d425f35 Mon Sep 17 00:00:00 2001
From: liuyonghe0111 <1763195287@qq.com>
Date: Thu, 13 Nov 2025 16:38:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96=E4=BB=93?=
=?UTF-8?q?=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.cursor/rules/project.mdc | 106 +
.cursor/rules/tailwind.mdc | 161 +
.gitignore | 41 +
AGENTS.md | 31 +
README.md | 207 +
components.json | 21 +
docs/AiReplySuggestions.md | 92 +
docs/AvatarSetting.md | 103 +
docs/CrushLevelAvatar.md | 170 +
docs/DesignTokens.md | 404 +
docs/EnvironmentVariables.md | 173 +
docs/GoogleOAuth-GIS.md | 391 +
docs/GoogleOAuth-QuickStart.md | 136 +
docs/GoogleOAuth.md | 289 +
docs/MessageLikeFeature.md | 244 +
docs/URLTextParameter.md | 111 +
docs/VoiceTTSIntegration.md | 169 +
docs/copy-audit.xlsx | Bin 0 -> 1277338 bytes
docs/i18n-scan-report.json | 77 +
docs/i18n-scan-report.xlsx | Bin 0 -> 1087925 bytes
docs/project-overview.md | 66 +
eslint.config.mjs | 16 +
i18next-scanner.config.js | 70 +
next.config.ts | 34 +
package-lock.json | 12302 ++++++++++++++++
package.json | 99 +
postcss.config.mjs | 5 +
public/common-bg.png | Bin 0 -> 453703 bytes
public/file.svg | 1 +
public/font/demo.css | 539 +
public/font/demo_index.html | 4880 ++++++
public/font/iconfont.css | 831 ++
public/font/iconfont.js | 1 +
public/font/iconfont.json | 1437 ++
public/font/iconfont.ttf | Bin 0 -> 48964 bytes
public/font/iconfont.woff | Bin 0 -> 28916 bytes
public/font/iconfont.woff2 | Bin 0 -> 24496 bytes
public/globe.svg | 1 +
public/icons/buy-times.png | Bin 0 -> 76966 bytes
public/icons/contact-heart.svg | 9 +
public/icons/contact.svg | 14 +
public/icons/contact_selected.svg | 34 +
public/icons/copyright-rule.svg | 33 +
public/icons/create.svg | 11 +
public/icons/create_selected.svg | 19 +
public/icons/crushlevel_heart.svg | 32 +
public/icons/diamond.svg | 9 +
public/icons/empty.svg | 28 +
public/icons/expand.svg | 3 +
public/icons/explore.svg | 13 +
public/icons/explore_selected.svg | 24 +
public/icons/female.svg | 14 +
public/icons/fold.svg | 3 +
public/icons/foryou.svg | 12 +
public/icons/foryou_selected.svg | 24 +
public/icons/gender-neutral.svg | 4 +
public/icons/generate-logo.svg | 11 +
public/icons/heart-single.svg | 3 +
public/icons/heart.svg | 9 +
public/icons/icon-crush.svg | 9 +
public/icons/image-generate-loading.png | Bin 0 -> 291071 bytes
public/icons/image-generate-loading.svg | 62 +
public/icons/like-gradient.svg | 9 +
public/icons/login-logo.svg | 19 +
public/icons/male.svg | 14 +
public/icons/notice.svg | 6 +
public/icons/question-border.svg | 3 +
public/icons/radio-checked.svg | 21 +
public/icons/square-logo.svg | 10 +
public/icons/status-error.svg | 9 +
public/icons/status-successful.svg | 9 +
public/icons/vip-black.svg | 3 +
public/icons/vip-square.svg | 10 +
public/icons/vip.svg | 10 +
public/images/about/banner.png | Bin 0 -> 213060 bytes
public/images/bubble-nine-patch.png | Bin 0 -> 16223 bytes
public/images/chat-bubble/1.png | Bin 0 -> 10087 bytes
public/images/chat-bubble/2.png | Bin 0 -> 9566 bytes
public/images/chat-bubble/20250903-163830.png | Bin 0 -> 15240 bytes
public/images/chat-bubble/chat_bubble_1.png | Bin 0 -> 10087 bytes
.../chat-bubble/飞书20250828-102316.mp4 | Bin 0 -> 7411972 bytes
public/images/creator/icon-gift.png | Bin 0 -> 142746 bytes
public/images/creator/icon-image.png | Bin 0 -> 148986 bytes
public/images/creator/icon-more.png | Bin 0 -> 192978 bytes
public/images/creator/icon-star.png | Bin 0 -> 85177 bytes
public/images/crushcoin/banner.png | Bin 0 -> 572386 bytes
public/images/crushcoin/checked-diamond.svg | 29 +
public/images/crushcoin/divider.png | Bin 0 -> 43863 bytes
public/images/crushcoin/icon-star.svg | 4 +
public/images/crushlevel/bg-bottom.png | Bin 0 -> 708907 bytes
public/images/crushlevel/bg-top.png | Bin 0 -> 868739 bytes
public/images/crushlevel/heart.png | Bin 0 -> 396325 bytes
public/images/home/banner-create-icon.png | Bin 0 -> 997544 bytes
public/images/home/banner-create.png | Bin 0 -> 257186 bytes
public/images/home/banner-o.png | Bin 0 -> 470094 bytes
public/images/home/banner.png | Bin 0 -> 685448 bytes
public/images/home/banner_o.png | Bin 0 -> 486129 bytes
public/images/home/bg-1st.svg | 9 +
public/images/home/bg-2nd.svg | 9 +
public/images/home/bg-3rd.svg | 10 +
public/images/home/bg-star.png | Bin 0 -> 42889 bytes
public/images/home/icon-anime.png | Bin 0 -> 22810 bytes
public/images/home/icon-arrow-bottom.svg | 3 +
public/images/home/icon-arrow-down-fill.svg | 3 +
public/images/home/icon-crush-free.png | Bin 0 -> 45566 bytes
public/images/home/icon-film.png | Bin 0 -> 17363 bytes
public/images/home/icon-game.png | Bin 0 -> 25687 bytes
public/images/home/icon-original.png | Bin 0 -> 25942 bytes
public/images/home/left-star.png | Bin 0 -> 1230 bytes
public/images/home/right-star.png | Bin 0 -> 1039 bytes
public/images/home/shining.svg | 9 +
public/images/leaderboard/1-st.svg | 9 +
public/images/leaderboard/2-st.svg | 9 +
public/images/leaderboard/3-st.svg | 10 +
public/images/leaderboard/bg.png | Bin 0 -> 44067 bytes
public/images/login/asset-1.png | Bin 0 -> 330923 bytes
public/images/login/asset-2.png | Bin 0 -> 368485 bytes
public/images/login/asset-3.png | Bin 0 -> 301503 bytes
public/images/login/asset-4.png | Bin 0 -> 251744 bytes
public/images/login/asset-5.png | Bin 0 -> 273953 bytes
public/images/login/asset-6.png | Bin 0 -> 330836 bytes
public/images/login/asset-7.png | Bin 0 -> 480175 bytes
public/images/login/asset-8.png | Bin 0 -> 217872 bytes
public/images/login/asset-9.png | Bin 0 -> 315812 bytes
public/images/login/logo.svg | 15 +
public/images/login/v1/1.png | Bin 0 -> 183878 bytes
public/images/login/v1/10.png | Bin 0 -> 180618 bytes
public/images/login/v1/2.png | Bin 0 -> 148364 bytes
public/images/login/v1/3.png | Bin 0 -> 182812 bytes
public/images/login/v1/4.png | Bin 0 -> 205778 bytes
public/images/login/v1/5.png | Bin 0 -> 162623 bytes
public/images/login/v1/6.png | Bin 0 -> 164446 bytes
public/images/login/v1/7.png | Bin 0 -> 126775 bytes
public/images/login/v1/8.png | Bin 0 -> 134186 bytes
public/images/login/v1/9.png | Bin 0 -> 113415 bytes
public/images/login/v1/bg.png | Bin 0 -> 1539382 bytes
public/images/login/v1/icon-star-right.svg | 4 +
public/images/profile/creator.svg | 9 +
public/images/profile/membership.svg | 9 +
public/images/profile/wallet.svg | 9 +
public/images/share/ep.png | Bin 0 -> 4897 bytes
public/images/share/logo.svg | 11 +
public/images/vip/drawer-bg.png | Bin 0 -> 798387 bytes
public/images/vip/icon-vip.svg | 9 +
public/images/wallet/dashboard-bg.svg | 39 +
public/images/wallet/icon-error.png | Bin 0 -> 86500 bytes
public/images/wallet/icon-image.png | Bin 0 -> 146165 bytes
public/images/wallet/icon-pending.png | Bin 0 -> 77434 bytes
public/images/wallet/icon-success.png | Bin 0 -> 71476 bytes
public/locales/en/translation.json | 851 ++
public/login-image.png | Bin 0 -> 278407 bytes
public/login-logo.svg | 19 +
public/logo.svg | 5 +
public/mockServiceWorker.js | 344 +
public/next.svg | 1 +
public/vercel.svg | 1 +
public/voice/connecting.mp3 | Bin 0 -> 111429 bytes
public/window.svg | 1 +
scripts/TRANSLATION_SUMMARY.md | 70 +
scripts/apply-translations.cjs | 382 +
scripts/convert-to-i18n.js | 105 +
scripts/extract-copy.cjs | 284 +
scripts/extract-copy.ts | 367 +
scripts/i18n-scan.ts | 430 +
scripts/reset-and-apply-translations.cjs | 367 +
scripts/translates.xlsx | Bin 0 -> 160879 bytes
scripts/translation-conflicts.xlsx | Bin 0 -> 39825 bytes
scripts/translation-report.json | 5043 +++++++
src/app/(auth)/about/page.tsx | 45 +
src/app/(auth)/layout.tsx | 13 +
.../(auth)/login/components/DiscordButton.tsx | 118 +
.../(auth)/login/components/GoogleButton.tsx | 128 +
.../(auth)/login/components/ImageCarousel.tsx | 79 +
src/app/(auth)/login/components/LeftPanel.tsx | 98 +
.../login/components/ScrollingBackground.tsx | 70 +
.../(auth)/login/components/SocialButton.tsx | 26 +
.../(auth)/login/components/login-form.tsx | 50 +
src/app/(auth)/login/fields/fields-page.tsx | 248 +
src/app/(auth)/login/fields/page.tsx | 10 +
src/app/(auth)/login/login-page.tsx | 74 +
src/app/(auth)/login/page.tsx | 10 +
src/app/(auth)/policy/page.tsx | 8 +
src/app/(auth)/policy/privacy/page.tsx | 232 +
src/app/(auth)/policy/privacy/privacy.md | 95 +
.../Crushlevel Recharge Service Agreement.md | 75 +
src/app/(auth)/policy/recharge/page.tsx | 377 +
src/app/(auth)/policy/tos/page.tsx | 288 +
src/app/(auth)/policy/tos/tos.md | 126 +
src/app/(auth)/share/[userId]/not-found.tsx | 19 +
src/app/(auth)/share/[userId]/page.tsx | 41 +
src/app/(auth)/share/[userId]/share-page.tsx | 138 +
src/app/(auth)/share/[userId]/test.tsx | 264 +
src/app/(main)/chat/[aiId]/chat-page.tsx | 70 +
.../chat/[aiId]/components/ChatBackground.tsx | 31 +
.../components/ChatCall/ChatCallContainer.tsx | 867 ++
.../components/ChatCall/ChatCallStatus.tsx | 142 +
.../components/ChatCall/ChatEndButton.tsx | 108 +
.../components/ChatCall/RtcComponent.tsx | 35 +
.../ChatCall/hooks/useCallInterrupt.ts | 1 +
.../chat/[aiId]/components/ChatCall/index.tsx | 15 +
.../[aiId]/components/ChatCall/rtc-client.js | 164 +
.../[aiId]/components/ChatCall/rtc-types.ts | 78 +
.../ChatDrawers/ChatBackgroundDrawer.tsx | 269 +
.../ChatDrawers/ChatButtleDrawer.tsx | 169 +
.../ChatDrawers/ChatModelDrawer.tsx | 98 +
.../ChatProfileDrawer/ChatProfileAction.tsx | 57 +
.../ChatProfileLikeAction.tsx | 14 +
.../ChatProfileDrawer/ChatProfileLikeIcon.tsx | 50 +
.../ChatProfileDrawer/ChatProfilePersona.tsx | 54 +
.../ChatProfileShareIcon.tsx | 44 +
.../ChatProfileDrawer/DeleteMessageDialog.tsx | 61 +
.../ChatDrawers/ChatProfileDrawer/index.tsx | 255 +
.../ChatDrawers/ChatProfileEditDrawer.tsx | 379 +
.../CrushLevelAvatarGroup.tsx | 31 +
.../CrushLevelDrawer/HeartList.tsx | 37 +
.../ChatDrawers/CrushLevelDrawer/index.tsx | 289 +
.../ChatDrawers/CrushLevelRetrieveDrawer.tsx | 208 +
.../components/ChatDrawers/InlineDrawer.tsx | 174 +
.../ChatDrawers/SendGiftsDrawer.tsx | 343 +
.../[aiId]/components/ChatDrawers/index.tsx | 31 +
.../components/ChatFirstGuideDialog/index.tsx | 42 +
.../ChatMessageAction/AiReplySuggestions.tsx | 156 +
.../ChatMessageAction/ChatActionPlus.tsx | 135 +
.../ChatMessageAction/ChatImagePreview.tsx | 60 +
.../ChatMessageAction/ChatInput.tsx | 719 +
.../components/ChatMessageAction/index.tsx | 33 +
.../ChatMessageItems/ChatAudioTag.tsx | 93 +
.../ChatMessageItems/ChatBubble.tsx | 44 +
.../ChatCustomItem/CallCancelItem.tsx | 25 +
.../ChatCustomItem/CallEnditem.tsx | 43 +
.../ChatImageContainer.tsx | 103 +
.../ChatCustomImageItem/index.tsx | 55 +
.../ChatUnlockImageItem/index.tsx | 214 +
.../ChatCustomItem/SendGiftItem.tsx | 41 +
.../ChatMessageItems/ChatCustomItem/index.tsx | 43 +
.../ChatMessageItems/ChatLoadMoreSkeleton.tsx | 78 +
.../ChatMessageItems/ChatLoadingContainer.tsx | 19 +
.../ChatMessageItems/ChatMessageSkeleton.tsx | 175 +
.../ChatOtherTextContainer.tsx | 240 +
.../ChatMessageItems/ChatTextItem.tsx | 25 +
.../ChatUserTextContainer.tsx | 76 +
.../components/ChatMessageItems/index.tsx | 33 +
.../[aiId]/components/ChatMessageList.tsx | 190 +
.../components/ChatMessageListRefactored.tsx | 1 +
.../components/ChatMessageUserHeader.tsx | 95 +
.../[aiId]/components/ChatPrologueMessage.tsx | 67 +
.../[aiId]/components/CrushLevelAction.md | 77 +
.../[aiId]/components/CrushLevelAction.tsx | 267 +
.../components/CrushLevelAvatar/index.tsx | 369 +
.../(main)/chat/[aiId]/components/backup.tsx | 550 +
.../chat/[aiId]/context/chatConfig/index.tsx | 148 +
.../chat/[aiId]/context/chatConfig/types.ts | 3 +
.../context/chatConfig/useChatConfig.ts | 10 +
.../chat/[aiId]/hooks/useCrushLevelAction.ts | 54 +
.../chat/[aiId]/hooks/useMessageLoading.ts | 221 +
.../chat/[aiId]/hooks/useMessageScrolling.ts | 143 +
.../chat/[aiId]/hooks/useMessageState.ts | 57 +
.../chat/[aiId]/hooks/usePrologueMessage.ts | 115 +
src/app/(main)/chat/[aiId]/not-found.tsx | 10 +
src/app/(main)/chat/[aiId]/page.tsx | 30 +
src/app/(main)/chat/page.tsx | 10 +
.../components/RenderContactStatusText.tsx | 68 +
src/app/(main)/contact/contact-page.tsx | 193 +
src/app/(main)/contact/page.tsx | 9 +
src/app/(main)/create/character/page.tsx | 5 +
.../create/components/CharacterForm.tsx | 335 +
.../create/components/CloseIconButton.tsx | 93 +
.../create/components/CopyrightRuleModal.tsx | 41 +
.../(main)/create/components/DialogueForm.tsx | 504 +
.../(main)/create/components/ImageForm.tsx | 435 +
.../create/components/ImageGeneration.tsx | 156 +
.../(main)/create/components/ImagePreview.tsx | 135 +
.../create/components/ImageSelector.tsx | 63 +
.../(main)/create/components/ImageUpload.tsx | 187 +
.../create/components/ProgessIndicator.tsx | 58 +
src/app/(main)/create/components/TypeForm.tsx | 287 +
.../create/components/Voice/VoiceCard.tsx | 75 +
.../create/components/Voice/VoiceSelector.tsx | 169 +
.../components/Voice/VoiceToneSlider.tsx | 120 +
src/app/(main)/create/dialogue/page.tsx | 5 +
src/app/(main)/create/image/page.tsx | 9 +
src/app/(main)/create/page.tsx | 5 +
src/app/(main)/create/type/page.tsx | 5 +
src/app/(main)/creator/creator-page.tsx | 71 +
src/app/(main)/creator/page.tsx | 10 +
.../crushcoin/components/CheckInCard.tsx | 89 +
.../crushcoin/components/CheckInGrid.tsx | 138 +
.../components/CrushcoinBackground.tsx | 21 +
src/app/(main)/crushcoin/crushcoin-page.tsx | 40 +
src/app/(main)/crushcoin/page.tsx | 11 +
.../edit/[aiId]/character/character-page.tsx | 336 +
src/app/(main)/edit/[aiId]/character/page.tsx | 9 +
.../[aiId]/components/CloseIconButton.tsx | 102 +
.../edit/[aiId]/dialogue/dialogue-page.tsx | 499 +
src/app/(main)/edit/[aiId]/dialogue/page.tsx | 9 +
.../(main)/edit/[aiId]/image/image-page.tsx | 396 +
src/app/(main)/edit/[aiId]/image/page.tsx | 9 +
src/app/(main)/edit/[aiId]/page.tsx | 13 +
src/app/(main)/edit/[aiId]/type/page.tsx | 10 +
src/app/(main)/edit/[aiId]/type/type-page.tsx | 294 +
src/app/(main)/explore/page.tsx | 16 +
.../generate/components/GenaralImageCard.tsx | 85 +
.../GeneralBuyTimesDialog.example.tsx | 1 +
.../components/GeneralBuyTimesDialog.tsx | 255 +
.../components/GeneralImageCardMultiple.tsx | 153 +
.../components/GeneralImageCardNormal.tsx | 121 +
.../generate/components/GeneralImageList.tsx | 153 +
.../components/GeneralImageListMultiple.tsx | 153 +
.../GeneralImageWithCountButton.tsx | 147 +
.../generate/components/GeneralNormalList.tsx | 134 +
.../components/MultipleViewerAction.tsx | 104 +
.../generate/components/ReferenceUpload.tsx | 157 +
.../generate/components/StyleSelector.tsx | 52 +
.../image-2-background/image-page.tsx | 329 +
.../generate/image-2-background/page.tsx | 10 +
.../generate/image-2-image/image-page.tsx | 322 +
.../(main)/generate/image-2-image/page.tsx | 9 +
.../generate/image-edit/image-edit-page.tsx | 282 +
src/app/(main)/generate/image-edit/page.tsx | 9 +
.../generate/image/generate-image-page.tsx | 255 +
src/app/(main)/generate/image/page.tsx | 7 +
.../(main)/home/components/CreateCrush.tsx | 39 +
src/app/(main)/home/components/Header.tsx | 46 +
.../(main)/home/components/HeaderSlide.tsx | 175 +
.../home/components/HeaderSlideItem.tsx | 180 +
src/app/(main)/home/components/HomePage.tsx | 35 +
.../(main)/home/components/HomePageFooter.tsx | 151 +
.../home/components/MoreType/FilterDrawer.tsx | 248 +
.../home/components/MoreType/MeetHeader.tsx | 223 +
.../home/components/MoreType/MeetList.tsx | 119 +
.../(main)/home/components/MoreType/index.tsx | 171 +
.../home/components/MostChat/MostChatItem.tsx | 59 +
.../components/MostChat/MostChatSkeleton.tsx | 48 +
.../(main)/home/components/MostChat/index.tsx | 141 +
.../components/MostCrush/MostCrushItem.tsx | 59 +
.../MostCrush/MostCrushSkeleton.tsx | 56 +
.../home/components/MostCrush/index.tsx | 142 +
.../components/MostGifted/MostGiftedItem.tsx | 59 +
.../MostGifted/MostGiftedSkeleton.tsx | 48 +
.../home/components/MostGifted/index.tsx | 142 +
.../home/components/Recommend/index.tsx | 113 +
.../components/StartChat/StartChatItem.tsx | 113 +
.../StartChat/StartChatSkeleton.tsx | 44 +
.../home/components/StartChat/index.tsx | 138 +
.../home/context/AudioPlayerContext.tsx | 88 +
.../(main)/home/context/HomeDataContext.tsx | 46 +
src/app/(main)/home/context/README.md | 85 +
src/app/(main)/home/index.tsx | 7 +
src/app/(main)/layout.tsx | 23 +
.../leaderboard/components/LargeRankCard.tsx | 73 +
.../leaderboard/components/RankingList.tsx | 126 +
.../leaderboard/components/SmallRankCard.tsx | 80 +
.../leaderboard/components/TopHeader.tsx | 72 +
.../(main)/leaderboard/leaderboard-page.tsx | 157 +
src/app/(main)/leaderboard/page.tsx | 12 +
src/app/(main)/mainPage.tsx | 9 +
.../(main)/profile/account/account-page.tsx | 116 +
src/app/(main)/profile/account/page.tsx | 9 +
.../profile/components/AvatarSetting.tsx | 160 +
.../profile/components/CharacterCard.tsx | 99 +
.../profile/components/CharacterCardAdd.tsx | 52 +
.../components/CharacterCardVipAdd.tsx | 15 +
.../profile/components/CharacterList.tsx | 91 +
.../profile/components/ProfileDropdown.tsx | 149 +
.../profile/components/ProfileFeatureList.tsx | 51 +
src/app/(main)/profile/edit/edit-page.tsx | 331 +
src/app/(main)/profile/edit/page.tsx | 9 +
src/app/(main)/profile/page.tsx | 9 +
src/app/(main)/profile/profile-page.tsx | 82 +
src/app/(main)/test-voice-wave/page.tsx | 157 +
.../user/[userId]/components/AboutSection.tsx | 18 +
.../components/AlbumImageViewerAction.tsx | 250 +
.../user/[userId]/components/AlbumItem.tsx | 138 +
.../[userId]/components/AlbumItemAction.tsx | 41 +
.../user/[userId]/components/AlbumList.tsx | 219 +
.../user/[userId]/components/GiftGrid.tsx | 47 +
.../[userId]/components/TabNavigation.tsx | 65 +
.../components/UserActionDropdown.tsx | 75 +
.../[userId]/components/UserBackground.tsx | 123 +
.../user/[userId]/components/UserCard.tsx | 235 +
.../[userId]/components/UserLikeButton.tsx | 49 +
.../[userId]/components/UserProfileTabs.tsx | 45 +
.../user/[userId]/components/UserShare.tsx | 44 +
.../user/[userId]/context/aiUser/index.tsx | 46 +
.../user/[userId]/context/aiUser/useAIUser.ts | 10 +
src/app/(main)/user/[userId]/not-found.tsx | 10 +
src/app/(main)/user/[userId]/page.tsx | 95 +
src/app/(main)/user/[userId]/types.ts | 4 +
src/app/(main)/user/[userId]/user-page.tsx | 73 +
.../vip/components/SubscribeText/index.tsx | 28 +
.../SubscribeVipDrawer/CarouselBanner.tsx | 130 +
.../SubscribeVipDrawer/SubscribeProducs.tsx | 30 +
.../SubscribeProductItem.tsx | 47 +
.../SubscribeProductsSkeleton.tsx | 34 +
.../components/SubscribeVipDrawer/index.tsx | 174 +
src/app/(main)/vip/page.tsx | 9 +
src/app/(main)/vip/vip-page.tsx | 115 +
src/app/(main)/wallet/charge/page.tsx | 8 +
src/app/(main)/wallet/charge/result/page.tsx | 9 +
.../wallet/charge/result/result-page.tsx | 101 +
.../components/Dashboard/IncomeCard.tsx | 92 +
.../components/Dashboard/RechargeCard.tsx | 27 +
.../wallet/components/Dashboard/index.tsx | 20 +
.../(main)/wallet/components/IncomeList.tsx | 223 +
.../(main)/wallet/components/RechargeList.tsx | 130 +
.../components/RechargeListSkeleton.tsx | 28 +
src/app/(main)/wallet/page.tsx | 9 +
.../components/TransactionItem.tsx | 104 +
.../components/TransactionSkeleton.tsx | 32 +
src/app/(main)/wallet/transactions/page.tsx | 9 +
.../wallet/transactions/transactions-page.tsx | 87 +
src/app/(main)/wallet/wallet-page.tsx | 82 +
src/app/DIN-Alternate-Bold.ttf | Bin 0 -> 152012 bytes
src/app/api/auth/discord/callback/route.ts | 36 +
src/app/api/mock/auth/login/route.ts | 33 +
src/app/api/startVoice/route.ts | 92 +
src/app/debug-mock/page.tsx | 146 +
src/app/demo/page.tsx | 292 +
src/app/favicon.ico | Bin 0 -> 15406 bytes
src/app/fonteditor.ttf | Bin 0 -> 4452 bytes
src/app/globals.css | 536 +
src/app/layout.tsx | 72 +
src/app/not-found.tsx | 10 +
src/app/page.tsx | 11 +
src/app/server-device-test/page.tsx | 136 +
src/app/test-avatar-crop/page.tsx | 222 +
src/app/test-avatar-setting/page.tsx | 66 +
src/app/test-discord/page.tsx | 264 +
src/app/test-image-crop/page.tsx | 227 +
src/app/test-lamejs/page.tsx | 70 +
src/app/test-middleware/page.tsx | 91 +
src/app/test-mp3-conversion/page.tsx | 172 +
src/app/test-s3-upload/page.tsx | 42 +
src/atoms/chat.ts | 67 +
src/atoms/global.ts | 6 +
src/atoms/im.ts | 128 +
src/components/device-id-provider.tsx | 21 +
src/components/features/AIRelationTag.tsx | 99 +
src/components/features/S3UploadDemo.tsx | 167 +
.../features/abandon-creation-dialog.tsx | 56 +
.../features/ai-generate-button.tsx | 87 +
src/components/features/ai-standard-card.tsx | 183 +
.../features/album-delete-alert.tsx | 65 +
.../features/album-price-setting.tsx | 260 +
src/components/features/charge-drawer.tsx | 185 +
.../features/coin-insufficient-dialog.tsx | 151 +
.../features/create-reached-limit-dialog.tsx | 25 +
src/components/features/device-info.tsx | 94 +
src/components/features/genderInput.tsx | 61 +
.../features/im-reconnect-status.tsx | 99 +
src/components/layout/ConditionalLayout.tsx | 78 +
src/components/layout/Sidebar.tsx | 156 +
src/components/layout/TopBarWithoutLogin.tsx | 43 +
src/components/layout/Topbar.tsx | 77 +
.../ChatConversationsDeleteDialog.tsx | 43 +
.../layout/components/ChatSearchResults.tsx | 310 +
.../layout/components/ChatSidebar.tsx | 178 +
.../layout/components/ChatSidebarAction.tsx | 65 +
.../layout/components/ChatSidebarItem.tsx | 133 +
src/components/layout/components/Notice.tsx | 77 +
.../layout/components/NoticeDrawer.tsx | 193 +
src/components/mock-provider.tsx | 68 +
src/components/test-heartbeat-loader.tsx | 22 +
src/components/ui/alert-dialog.tsx | 228 +
src/components/ui/aspect-ratio.tsx | 11 +
src/components/ui/avatar-crop-modal.md | 235 +
src/components/ui/avatar-crop-modal.tsx | 284 +
src/components/ui/avatar.tsx | 53 +
src/components/ui/badge.tsx | 182 +
src/components/ui/button.tsx | 170 +
src/components/ui/card.tsx | 92 +
src/components/ui/checkbox.tsx | 104 +
src/components/ui/chip.tsx | 63 +
src/components/ui/drawer.tsx | 135 +
src/components/ui/dropdown-menu.tsx | 250 +
src/components/ui/empty.tsx | 16 +
src/components/ui/form.tsx | 189 +
src/components/ui/gradient-divider.tsx | 36 +
src/components/ui/image-crop-modal.tsx | 157 +
src/components/ui/image-crop.md | 194 +
src/components/ui/image-crop.tsx | 400 +
src/components/ui/image-viewer.tsx | 441 +
src/components/ui/infinite-scroll-list.tsx | 245 +
src/components/ui/input.tsx | 69 +
src/components/ui/label.tsx | 24 +
src/components/ui/radio-group.tsx | 135 +
src/components/ui/select.tsx | 225 +
src/components/ui/separator.tsx | 28 +
src/components/ui/skeleton.tsx | 15 +
src/components/ui/sonner.tsx | 25 +
src/components/ui/switch.tsx | 79 +
src/components/ui/tabs.tsx | 66 +
src/components/ui/tag.tsx | 84 +
src/components/ui/textarea.tsx | 54 +
src/components/ui/tooltip.tsx | 61 +
src/components/ui/voice-wave-animation.tsx | 77 +
src/components/ui/wave-animation.tsx | 15 +
src/context/NimChat/ConversationContext.tsx | 335 +
src/context/NimChat/NimLoginContext.tsx | 158 +
src/context/NimChat/NimMsgContext.tsx | 568 +
src/context/NimChat/NimUserContext.tsx | 64 +
src/context/NimChat/index.tsx | 95 +
src/context/NimChat/useNimChat.ts | 44 +
src/context/mainLayout/index.tsx | 61 +
src/context/mainLayout/useMainLayout.ts | 10 +
src/context/progress.tsx | 27 +
src/css/iconfont.css | 831 ++
src/css/tailwindcss.css | 876 ++
src/hooks/aiUser.ts | 353 +
src/hooks/auth.ts | 196 +
src/hooks/create.ts | 507 +
src/hooks/useAiReplySuggestions.ts | 311 +
src/hooks/useAudioActivityDetection.ts | 167 +
src/hooks/useAudioPlayer.ts | 78 +
src/hooks/useAutoChatTimer.ts | 79 +
src/hooks/useCommon.ts | 18 +
src/hooks/useContainerWidth.ts | 57 +
src/hooks/useCreate.ts | 11 +
src/hooks/useCreatorNavigation.ts | 44 +
src/hooks/useGenerationProgress.ts | 76 +
src/hooks/useHeartLevel.ts | 20 +
src/hooks/useHome.ts | 104 +
src/hooks/useIm.ts | 274 +
src/hooks/useImageGenerationGuard.ts | 91 +
src/hooks/useImageViewer.ts | 95 +
src/hooks/useInfiniteScroll.ts | 102 +
src/hooks/useMessageLike.ts | 56 +
src/hooks/useNavigationGuard.ts | 98 +
src/hooks/usePaymentPolling.ts | 149 +
src/hooks/useRedDot.md | 226 +
src/hooks/useRedDot.ts | 259 +
src/hooks/useS3TokenCache.ts | 272 +
src/hooks/useS3Upload.ts | 435 +
src/hooks/useShare.ts | 42 +
src/hooks/useSticky.example.md | 70 +
src/hooks/useSticky.ts | 118 +
src/hooks/useTypingEffect.ts | 76 +
src/hooks/useUpwardInfiniteScroll.ts | 231 +
src/hooks/useUser.ts | 16 +
src/hooks/useVoiceTTS.ts | 173 +
src/hooks/useVoiceTTSWebsocket.ts | 308 +
src/hooks/useWallet.example.ts | 1 +
src/hooks/useWallet.ts | 339 +
src/lib/audio/audio-chunk-player.ts | 321 +
src/lib/audio/audio-converter.ts | 181 +
src/lib/auth/server-device.ts | 22 +
src/lib/auth/token.ts | 147 +
src/lib/encryption/README.md | 94 +
src/lib/encryption/encryption.ts | 84 +
src/lib/http/byteplus-signature.ts | 120 +
src/lib/http/create-http-client.ts | 175 +
src/lib/http/instances.ts | 122 +
src/lib/http/server.ts | 48 +
src/lib/oauth/discord.ts | 40 +
src/lib/oauth/google.ts | 200 +
src/lib/providers.tsx | 132 +
src/lib/query-keys.ts | 111 +
src/lib/queue.ts | 112 +
src/lib/server-mock.ts | 40 +
src/lib/utils.ts | 128 +
src/lib/websocket/tts-websocket.ts | 212 +
src/middleware.ts | 127 +
src/mocks/browser.ts | 5 +
src/mocks/handlers.ts | 596 +
src/mocks/index.ts | 28 +
src/mocks/server.ts | 5 +
src/services/auth/auth.service.ts | 44 +
src/services/auth/index.ts | 2 +
src/services/auth/types.ts | 149 +
src/services/common/common.service.ts | 63 +
src/services/common/index.ts | 2 +
src/services/common/types.ts | 84 +
src/services/create/create.service.ts | 48 +
src/services/create/index.ts | 2 +
src/services/create/types.ts | 629 +
src/services/home/home.service.ts | 49 +
src/services/home/index.ts | 2 +
src/services/home/types.ts | 822 ++
src/services/im/im.service.ts | 139 +
src/services/im/index.ts | 2 +
src/services/im/types.ts | 572 +
src/services/user/index.ts | 2 +
src/services/user/types.ts | 354 +
src/services/user/user.service.ts | 97 +
src/services/wallet/index.ts | 2 +
src/services/wallet/types.ts | 647 +
src/services/wallet/wallet.service.ts | 50 +
src/types/api.ts | 65 +
src/types/global.ts | 14 +
src/types/im.ts | 11 +
src/types/image.ts | 10 +
src/types/lamejs.d.ts | 15 +
src/types/user.ts | 17 +
src/utils/README-ImageDisplay.md | 132 +
src/utils/device.ts | 53 +
src/utils/imageDisplayLogic.ts | 176 +
src/utils/imageTestData.ts | 154 +
src/utils/number.ts | 24 +
src/utils/testHeartbeatLevel.md | 147 +
src/utils/testHeartbeatLevel.ts | 183 +
src/utils/textParser.test.ts | 50 +
src/utils/textParser.ts | 142 +
tsconfig.json | 27 +
603 files changed, 86014 insertions(+)
create mode 100644 .cursor/rules/project.mdc
create mode 100644 .cursor/rules/tailwind.mdc
create mode 100644 .gitignore
create mode 100644 AGENTS.md
create mode 100644 README.md
create mode 100644 components.json
create mode 100644 docs/AiReplySuggestions.md
create mode 100644 docs/AvatarSetting.md
create mode 100644 docs/CrushLevelAvatar.md
create mode 100644 docs/DesignTokens.md
create mode 100644 docs/EnvironmentVariables.md
create mode 100644 docs/GoogleOAuth-GIS.md
create mode 100644 docs/GoogleOAuth-QuickStart.md
create mode 100644 docs/GoogleOAuth.md
create mode 100644 docs/MessageLikeFeature.md
create mode 100644 docs/URLTextParameter.md
create mode 100644 docs/VoiceTTSIntegration.md
create mode 100644 docs/copy-audit.xlsx
create mode 100644 docs/i18n-scan-report.json
create mode 100644 docs/i18n-scan-report.xlsx
create mode 100644 docs/project-overview.md
create mode 100644 eslint.config.mjs
create mode 100644 i18next-scanner.config.js
create mode 100644 next.config.ts
create mode 100644 package-lock.json
create mode 100644 package.json
create mode 100644 postcss.config.mjs
create mode 100644 public/common-bg.png
create mode 100644 public/file.svg
create mode 100644 public/font/demo.css
create mode 100644 public/font/demo_index.html
create mode 100644 public/font/iconfont.css
create mode 100644 public/font/iconfont.js
create mode 100644 public/font/iconfont.json
create mode 100644 public/font/iconfont.ttf
create mode 100644 public/font/iconfont.woff
create mode 100644 public/font/iconfont.woff2
create mode 100644 public/globe.svg
create mode 100644 public/icons/buy-times.png
create mode 100644 public/icons/contact-heart.svg
create mode 100644 public/icons/contact.svg
create mode 100644 public/icons/contact_selected.svg
create mode 100644 public/icons/copyright-rule.svg
create mode 100644 public/icons/create.svg
create mode 100644 public/icons/create_selected.svg
create mode 100644 public/icons/crushlevel_heart.svg
create mode 100644 public/icons/diamond.svg
create mode 100644 public/icons/empty.svg
create mode 100644 public/icons/expand.svg
create mode 100644 public/icons/explore.svg
create mode 100644 public/icons/explore_selected.svg
create mode 100644 public/icons/female.svg
create mode 100644 public/icons/fold.svg
create mode 100644 public/icons/foryou.svg
create mode 100644 public/icons/foryou_selected.svg
create mode 100644 public/icons/gender-neutral.svg
create mode 100644 public/icons/generate-logo.svg
create mode 100644 public/icons/heart-single.svg
create mode 100644 public/icons/heart.svg
create mode 100644 public/icons/icon-crush.svg
create mode 100644 public/icons/image-generate-loading.png
create mode 100644 public/icons/image-generate-loading.svg
create mode 100644 public/icons/like-gradient.svg
create mode 100644 public/icons/login-logo.svg
create mode 100644 public/icons/male.svg
create mode 100644 public/icons/notice.svg
create mode 100644 public/icons/question-border.svg
create mode 100644 public/icons/radio-checked.svg
create mode 100644 public/icons/square-logo.svg
create mode 100644 public/icons/status-error.svg
create mode 100644 public/icons/status-successful.svg
create mode 100644 public/icons/vip-black.svg
create mode 100644 public/icons/vip-square.svg
create mode 100644 public/icons/vip.svg
create mode 100644 public/images/about/banner.png
create mode 100644 public/images/bubble-nine-patch.png
create mode 100644 public/images/chat-bubble/1.png
create mode 100644 public/images/chat-bubble/2.png
create mode 100644 public/images/chat-bubble/20250903-163830.png
create mode 100644 public/images/chat-bubble/chat_bubble_1.png
create mode 100644 public/images/chat-bubble/飞书20250828-102316.mp4
create mode 100644 public/images/creator/icon-gift.png
create mode 100644 public/images/creator/icon-image.png
create mode 100644 public/images/creator/icon-more.png
create mode 100644 public/images/creator/icon-star.png
create mode 100644 public/images/crushcoin/banner.png
create mode 100644 public/images/crushcoin/checked-diamond.svg
create mode 100644 public/images/crushcoin/divider.png
create mode 100644 public/images/crushcoin/icon-star.svg
create mode 100644 public/images/crushlevel/bg-bottom.png
create mode 100644 public/images/crushlevel/bg-top.png
create mode 100644 public/images/crushlevel/heart.png
create mode 100644 public/images/home/banner-create-icon.png
create mode 100644 public/images/home/banner-create.png
create mode 100644 public/images/home/banner-o.png
create mode 100644 public/images/home/banner.png
create mode 100644 public/images/home/banner_o.png
create mode 100644 public/images/home/bg-1st.svg
create mode 100644 public/images/home/bg-2nd.svg
create mode 100644 public/images/home/bg-3rd.svg
create mode 100644 public/images/home/bg-star.png
create mode 100644 public/images/home/icon-anime.png
create mode 100644 public/images/home/icon-arrow-bottom.svg
create mode 100644 public/images/home/icon-arrow-down-fill.svg
create mode 100644 public/images/home/icon-crush-free.png
create mode 100644 public/images/home/icon-film.png
create mode 100644 public/images/home/icon-game.png
create mode 100644 public/images/home/icon-original.png
create mode 100644 public/images/home/left-star.png
create mode 100644 public/images/home/right-star.png
create mode 100644 public/images/home/shining.svg
create mode 100644 public/images/leaderboard/1-st.svg
create mode 100644 public/images/leaderboard/2-st.svg
create mode 100644 public/images/leaderboard/3-st.svg
create mode 100644 public/images/leaderboard/bg.png
create mode 100644 public/images/login/asset-1.png
create mode 100644 public/images/login/asset-2.png
create mode 100644 public/images/login/asset-3.png
create mode 100644 public/images/login/asset-4.png
create mode 100644 public/images/login/asset-5.png
create mode 100644 public/images/login/asset-6.png
create mode 100644 public/images/login/asset-7.png
create mode 100644 public/images/login/asset-8.png
create mode 100644 public/images/login/asset-9.png
create mode 100644 public/images/login/logo.svg
create mode 100644 public/images/login/v1/1.png
create mode 100644 public/images/login/v1/10.png
create mode 100644 public/images/login/v1/2.png
create mode 100644 public/images/login/v1/3.png
create mode 100644 public/images/login/v1/4.png
create mode 100644 public/images/login/v1/5.png
create mode 100644 public/images/login/v1/6.png
create mode 100644 public/images/login/v1/7.png
create mode 100644 public/images/login/v1/8.png
create mode 100644 public/images/login/v1/9.png
create mode 100644 public/images/login/v1/bg.png
create mode 100644 public/images/login/v1/icon-star-right.svg
create mode 100644 public/images/profile/creator.svg
create mode 100644 public/images/profile/membership.svg
create mode 100644 public/images/profile/wallet.svg
create mode 100644 public/images/share/ep.png
create mode 100644 public/images/share/logo.svg
create mode 100644 public/images/vip/drawer-bg.png
create mode 100644 public/images/vip/icon-vip.svg
create mode 100644 public/images/wallet/dashboard-bg.svg
create mode 100644 public/images/wallet/icon-error.png
create mode 100644 public/images/wallet/icon-image.png
create mode 100644 public/images/wallet/icon-pending.png
create mode 100644 public/images/wallet/icon-success.png
create mode 100644 public/locales/en/translation.json
create mode 100644 public/login-image.png
create mode 100644 public/login-logo.svg
create mode 100644 public/logo.svg
create mode 100644 public/mockServiceWorker.js
create mode 100644 public/next.svg
create mode 100644 public/vercel.svg
create mode 100644 public/voice/connecting.mp3
create mode 100644 public/window.svg
create mode 100644 scripts/TRANSLATION_SUMMARY.md
create mode 100644 scripts/apply-translations.cjs
create mode 100644 scripts/convert-to-i18n.js
create mode 100644 scripts/extract-copy.cjs
create mode 100644 scripts/extract-copy.ts
create mode 100644 scripts/i18n-scan.ts
create mode 100644 scripts/reset-and-apply-translations.cjs
create mode 100644 scripts/translates.xlsx
create mode 100644 scripts/translation-conflicts.xlsx
create mode 100644 scripts/translation-report.json
create mode 100644 src/app/(auth)/about/page.tsx
create mode 100644 src/app/(auth)/layout.tsx
create mode 100644 src/app/(auth)/login/components/DiscordButton.tsx
create mode 100644 src/app/(auth)/login/components/GoogleButton.tsx
create mode 100644 src/app/(auth)/login/components/ImageCarousel.tsx
create mode 100644 src/app/(auth)/login/components/LeftPanel.tsx
create mode 100644 src/app/(auth)/login/components/ScrollingBackground.tsx
create mode 100644 src/app/(auth)/login/components/SocialButton.tsx
create mode 100644 src/app/(auth)/login/components/login-form.tsx
create mode 100644 src/app/(auth)/login/fields/fields-page.tsx
create mode 100644 src/app/(auth)/login/fields/page.tsx
create mode 100644 src/app/(auth)/login/login-page.tsx
create mode 100644 src/app/(auth)/login/page.tsx
create mode 100644 src/app/(auth)/policy/page.tsx
create mode 100644 src/app/(auth)/policy/privacy/page.tsx
create mode 100644 src/app/(auth)/policy/privacy/privacy.md
create mode 100644 src/app/(auth)/policy/recharge/Crushlevel Recharge Service Agreement.md
create mode 100644 src/app/(auth)/policy/recharge/page.tsx
create mode 100644 src/app/(auth)/policy/tos/page.tsx
create mode 100644 src/app/(auth)/policy/tos/tos.md
create mode 100644 src/app/(auth)/share/[userId]/not-found.tsx
create mode 100644 src/app/(auth)/share/[userId]/page.tsx
create mode 100644 src/app/(auth)/share/[userId]/share-page.tsx
create mode 100644 src/app/(auth)/share/[userId]/test.tsx
create mode 100644 src/app/(main)/chat/[aiId]/chat-page.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatBackground.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/ChatCallContainer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/ChatCallStatus.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/ChatEndButton.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/RtcComponent.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/hooks/useCallInterrupt.ts
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/rtc-client.js
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatCall/rtc-types.ts
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatBackgroundDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatButtleDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatModelDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/ChatProfileAction.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/ChatProfileLikeAction.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/ChatProfileLikeIcon.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/ChatProfilePersona.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/ChatProfileShareIcon.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/DeleteMessageDialog.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileDrawer/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/ChatProfileEditDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/CrushLevelDrawer/CrushLevelAvatarGroup.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/CrushLevelDrawer/HeartList.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/CrushLevelDrawer/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/CrushLevelRetrieveDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/InlineDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/SendGiftsDrawer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatDrawers/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatFirstGuideDialog/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageAction/AiReplySuggestions.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageAction/ChatActionPlus.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageAction/ChatImagePreview.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageAction/ChatInput.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageAction/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatAudioTag.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatBubble.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/CallCancelItem.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/CallEnditem.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/ChatCustomImageItem/ChatImageContainer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/ChatCustomImageItem/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/ChatUnlockImageItem/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/SendGiftItem.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatCustomItem/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatLoadMoreSkeleton.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatLoadingContainer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatMessageSkeleton.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatOtherTextContainer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatTextItem.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatUserTextContainer.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageItems/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageList.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageListRefactored.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatMessageUserHeader.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/ChatPrologueMessage.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/CrushLevelAction.md
create mode 100644 src/app/(main)/chat/[aiId]/components/CrushLevelAction.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/CrushLevelAvatar/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/components/backup.tsx
create mode 100644 src/app/(main)/chat/[aiId]/context/chatConfig/index.tsx
create mode 100644 src/app/(main)/chat/[aiId]/context/chatConfig/types.ts
create mode 100644 src/app/(main)/chat/[aiId]/context/chatConfig/useChatConfig.ts
create mode 100644 src/app/(main)/chat/[aiId]/hooks/useCrushLevelAction.ts
create mode 100644 src/app/(main)/chat/[aiId]/hooks/useMessageLoading.ts
create mode 100644 src/app/(main)/chat/[aiId]/hooks/useMessageScrolling.ts
create mode 100644 src/app/(main)/chat/[aiId]/hooks/useMessageState.ts
create mode 100644 src/app/(main)/chat/[aiId]/hooks/usePrologueMessage.ts
create mode 100644 src/app/(main)/chat/[aiId]/not-found.tsx
create mode 100644 src/app/(main)/chat/[aiId]/page.tsx
create mode 100644 src/app/(main)/chat/page.tsx
create mode 100644 src/app/(main)/contact/components/RenderContactStatusText.tsx
create mode 100644 src/app/(main)/contact/contact-page.tsx
create mode 100644 src/app/(main)/contact/page.tsx
create mode 100644 src/app/(main)/create/character/page.tsx
create mode 100644 src/app/(main)/create/components/CharacterForm.tsx
create mode 100644 src/app/(main)/create/components/CloseIconButton.tsx
create mode 100644 src/app/(main)/create/components/CopyrightRuleModal.tsx
create mode 100644 src/app/(main)/create/components/DialogueForm.tsx
create mode 100644 src/app/(main)/create/components/ImageForm.tsx
create mode 100644 src/app/(main)/create/components/ImageGeneration.tsx
create mode 100644 src/app/(main)/create/components/ImagePreview.tsx
create mode 100644 src/app/(main)/create/components/ImageSelector.tsx
create mode 100644 src/app/(main)/create/components/ImageUpload.tsx
create mode 100644 src/app/(main)/create/components/ProgessIndicator.tsx
create mode 100644 src/app/(main)/create/components/TypeForm.tsx
create mode 100644 src/app/(main)/create/components/Voice/VoiceCard.tsx
create mode 100644 src/app/(main)/create/components/Voice/VoiceSelector.tsx
create mode 100644 src/app/(main)/create/components/Voice/VoiceToneSlider.tsx
create mode 100644 src/app/(main)/create/dialogue/page.tsx
create mode 100644 src/app/(main)/create/image/page.tsx
create mode 100644 src/app/(main)/create/page.tsx
create mode 100644 src/app/(main)/create/type/page.tsx
create mode 100644 src/app/(main)/creator/creator-page.tsx
create mode 100644 src/app/(main)/creator/page.tsx
create mode 100644 src/app/(main)/crushcoin/components/CheckInCard.tsx
create mode 100644 src/app/(main)/crushcoin/components/CheckInGrid.tsx
create mode 100644 src/app/(main)/crushcoin/components/CrushcoinBackground.tsx
create mode 100644 src/app/(main)/crushcoin/crushcoin-page.tsx
create mode 100644 src/app/(main)/crushcoin/page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/character/character-page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/character/page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/components/CloseIconButton.tsx
create mode 100644 src/app/(main)/edit/[aiId]/dialogue/dialogue-page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/dialogue/page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/image/image-page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/image/page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/type/page.tsx
create mode 100644 src/app/(main)/edit/[aiId]/type/type-page.tsx
create mode 100644 src/app/(main)/explore/page.tsx
create mode 100644 src/app/(main)/generate/components/GenaralImageCard.tsx
create mode 100644 src/app/(main)/generate/components/GeneralBuyTimesDialog.example.tsx
create mode 100644 src/app/(main)/generate/components/GeneralBuyTimesDialog.tsx
create mode 100644 src/app/(main)/generate/components/GeneralImageCardMultiple.tsx
create mode 100644 src/app/(main)/generate/components/GeneralImageCardNormal.tsx
create mode 100644 src/app/(main)/generate/components/GeneralImageList.tsx
create mode 100644 src/app/(main)/generate/components/GeneralImageListMultiple.tsx
create mode 100644 src/app/(main)/generate/components/GeneralImageWithCountButton.tsx
create mode 100644 src/app/(main)/generate/components/GeneralNormalList.tsx
create mode 100644 src/app/(main)/generate/components/MultipleViewerAction.tsx
create mode 100644 src/app/(main)/generate/components/ReferenceUpload.tsx
create mode 100644 src/app/(main)/generate/components/StyleSelector.tsx
create mode 100644 src/app/(main)/generate/image-2-background/image-page.tsx
create mode 100644 src/app/(main)/generate/image-2-background/page.tsx
create mode 100644 src/app/(main)/generate/image-2-image/image-page.tsx
create mode 100644 src/app/(main)/generate/image-2-image/page.tsx
create mode 100644 src/app/(main)/generate/image-edit/image-edit-page.tsx
create mode 100644 src/app/(main)/generate/image-edit/page.tsx
create mode 100644 src/app/(main)/generate/image/generate-image-page.tsx
create mode 100644 src/app/(main)/generate/image/page.tsx
create mode 100644 src/app/(main)/home/components/CreateCrush.tsx
create mode 100644 src/app/(main)/home/components/Header.tsx
create mode 100644 src/app/(main)/home/components/HeaderSlide.tsx
create mode 100644 src/app/(main)/home/components/HeaderSlideItem.tsx
create mode 100644 src/app/(main)/home/components/HomePage.tsx
create mode 100644 src/app/(main)/home/components/HomePageFooter.tsx
create mode 100644 src/app/(main)/home/components/MoreType/FilterDrawer.tsx
create mode 100644 src/app/(main)/home/components/MoreType/MeetHeader.tsx
create mode 100644 src/app/(main)/home/components/MoreType/MeetList.tsx
create mode 100644 src/app/(main)/home/components/MoreType/index.tsx
create mode 100644 src/app/(main)/home/components/MostChat/MostChatItem.tsx
create mode 100644 src/app/(main)/home/components/MostChat/MostChatSkeleton.tsx
create mode 100644 src/app/(main)/home/components/MostChat/index.tsx
create mode 100644 src/app/(main)/home/components/MostCrush/MostCrushItem.tsx
create mode 100644 src/app/(main)/home/components/MostCrush/MostCrushSkeleton.tsx
create mode 100644 src/app/(main)/home/components/MostCrush/index.tsx
create mode 100644 src/app/(main)/home/components/MostGifted/MostGiftedItem.tsx
create mode 100644 src/app/(main)/home/components/MostGifted/MostGiftedSkeleton.tsx
create mode 100644 src/app/(main)/home/components/MostGifted/index.tsx
create mode 100644 src/app/(main)/home/components/Recommend/index.tsx
create mode 100644 src/app/(main)/home/components/StartChat/StartChatItem.tsx
create mode 100644 src/app/(main)/home/components/StartChat/StartChatSkeleton.tsx
create mode 100644 src/app/(main)/home/components/StartChat/index.tsx
create mode 100644 src/app/(main)/home/context/AudioPlayerContext.tsx
create mode 100644 src/app/(main)/home/context/HomeDataContext.tsx
create mode 100644 src/app/(main)/home/context/README.md
create mode 100644 src/app/(main)/home/index.tsx
create mode 100644 src/app/(main)/layout.tsx
create mode 100644 src/app/(main)/leaderboard/components/LargeRankCard.tsx
create mode 100644 src/app/(main)/leaderboard/components/RankingList.tsx
create mode 100644 src/app/(main)/leaderboard/components/SmallRankCard.tsx
create mode 100644 src/app/(main)/leaderboard/components/TopHeader.tsx
create mode 100644 src/app/(main)/leaderboard/leaderboard-page.tsx
create mode 100644 src/app/(main)/leaderboard/page.tsx
create mode 100644 src/app/(main)/mainPage.tsx
create mode 100644 src/app/(main)/profile/account/account-page.tsx
create mode 100644 src/app/(main)/profile/account/page.tsx
create mode 100644 src/app/(main)/profile/components/AvatarSetting.tsx
create mode 100644 src/app/(main)/profile/components/CharacterCard.tsx
create mode 100644 src/app/(main)/profile/components/CharacterCardAdd.tsx
create mode 100644 src/app/(main)/profile/components/CharacterCardVipAdd.tsx
create mode 100644 src/app/(main)/profile/components/CharacterList.tsx
create mode 100644 src/app/(main)/profile/components/ProfileDropdown.tsx
create mode 100644 src/app/(main)/profile/components/ProfileFeatureList.tsx
create mode 100644 src/app/(main)/profile/edit/edit-page.tsx
create mode 100644 src/app/(main)/profile/edit/page.tsx
create mode 100644 src/app/(main)/profile/page.tsx
create mode 100644 src/app/(main)/profile/profile-page.tsx
create mode 100644 src/app/(main)/test-voice-wave/page.tsx
create mode 100644 src/app/(main)/user/[userId]/components/AboutSection.tsx
create mode 100644 src/app/(main)/user/[userId]/components/AlbumImageViewerAction.tsx
create mode 100644 src/app/(main)/user/[userId]/components/AlbumItem.tsx
create mode 100644 src/app/(main)/user/[userId]/components/AlbumItemAction.tsx
create mode 100644 src/app/(main)/user/[userId]/components/AlbumList.tsx
create mode 100644 src/app/(main)/user/[userId]/components/GiftGrid.tsx
create mode 100644 src/app/(main)/user/[userId]/components/TabNavigation.tsx
create mode 100644 src/app/(main)/user/[userId]/components/UserActionDropdown.tsx
create mode 100644 src/app/(main)/user/[userId]/components/UserBackground.tsx
create mode 100644 src/app/(main)/user/[userId]/components/UserCard.tsx
create mode 100644 src/app/(main)/user/[userId]/components/UserLikeButton.tsx
create mode 100644 src/app/(main)/user/[userId]/components/UserProfileTabs.tsx
create mode 100644 src/app/(main)/user/[userId]/components/UserShare.tsx
create mode 100644 src/app/(main)/user/[userId]/context/aiUser/index.tsx
create mode 100644 src/app/(main)/user/[userId]/context/aiUser/useAIUser.ts
create mode 100644 src/app/(main)/user/[userId]/not-found.tsx
create mode 100644 src/app/(main)/user/[userId]/page.tsx
create mode 100644 src/app/(main)/user/[userId]/types.ts
create mode 100644 src/app/(main)/user/[userId]/user-page.tsx
create mode 100644 src/app/(main)/vip/components/SubscribeText/index.tsx
create mode 100644 src/app/(main)/vip/components/SubscribeVipDrawer/CarouselBanner.tsx
create mode 100644 src/app/(main)/vip/components/SubscribeVipDrawer/SubscribeProducs.tsx
create mode 100644 src/app/(main)/vip/components/SubscribeVipDrawer/SubscribeProductItem.tsx
create mode 100644 src/app/(main)/vip/components/SubscribeVipDrawer/SubscribeProductsSkeleton.tsx
create mode 100644 src/app/(main)/vip/components/SubscribeVipDrawer/index.tsx
create mode 100644 src/app/(main)/vip/page.tsx
create mode 100644 src/app/(main)/vip/vip-page.tsx
create mode 100644 src/app/(main)/wallet/charge/page.tsx
create mode 100644 src/app/(main)/wallet/charge/result/page.tsx
create mode 100644 src/app/(main)/wallet/charge/result/result-page.tsx
create mode 100644 src/app/(main)/wallet/components/Dashboard/IncomeCard.tsx
create mode 100644 src/app/(main)/wallet/components/Dashboard/RechargeCard.tsx
create mode 100644 src/app/(main)/wallet/components/Dashboard/index.tsx
create mode 100644 src/app/(main)/wallet/components/IncomeList.tsx
create mode 100644 src/app/(main)/wallet/components/RechargeList.tsx
create mode 100644 src/app/(main)/wallet/components/RechargeListSkeleton.tsx
create mode 100644 src/app/(main)/wallet/page.tsx
create mode 100644 src/app/(main)/wallet/transactions/components/TransactionItem.tsx
create mode 100644 src/app/(main)/wallet/transactions/components/TransactionSkeleton.tsx
create mode 100644 src/app/(main)/wallet/transactions/page.tsx
create mode 100644 src/app/(main)/wallet/transactions/transactions-page.tsx
create mode 100644 src/app/(main)/wallet/wallet-page.tsx
create mode 100644 src/app/DIN-Alternate-Bold.ttf
create mode 100644 src/app/api/auth/discord/callback/route.ts
create mode 100644 src/app/api/mock/auth/login/route.ts
create mode 100644 src/app/api/startVoice/route.ts
create mode 100644 src/app/debug-mock/page.tsx
create mode 100644 src/app/demo/page.tsx
create mode 100644 src/app/favicon.ico
create mode 100644 src/app/fonteditor.ttf
create mode 100644 src/app/globals.css
create mode 100644 src/app/layout.tsx
create mode 100644 src/app/not-found.tsx
create mode 100644 src/app/page.tsx
create mode 100644 src/app/server-device-test/page.tsx
create mode 100644 src/app/test-avatar-crop/page.tsx
create mode 100644 src/app/test-avatar-setting/page.tsx
create mode 100644 src/app/test-discord/page.tsx
create mode 100644 src/app/test-image-crop/page.tsx
create mode 100644 src/app/test-lamejs/page.tsx
create mode 100644 src/app/test-middleware/page.tsx
create mode 100644 src/app/test-mp3-conversion/page.tsx
create mode 100644 src/app/test-s3-upload/page.tsx
create mode 100644 src/atoms/chat.ts
create mode 100644 src/atoms/global.ts
create mode 100644 src/atoms/im.ts
create mode 100644 src/components/device-id-provider.tsx
create mode 100644 src/components/features/AIRelationTag.tsx
create mode 100644 src/components/features/S3UploadDemo.tsx
create mode 100644 src/components/features/abandon-creation-dialog.tsx
create mode 100644 src/components/features/ai-generate-button.tsx
create mode 100644 src/components/features/ai-standard-card.tsx
create mode 100644 src/components/features/album-delete-alert.tsx
create mode 100644 src/components/features/album-price-setting.tsx
create mode 100644 src/components/features/charge-drawer.tsx
create mode 100644 src/components/features/coin-insufficient-dialog.tsx
create mode 100644 src/components/features/create-reached-limit-dialog.tsx
create mode 100644 src/components/features/device-info.tsx
create mode 100644 src/components/features/genderInput.tsx
create mode 100644 src/components/features/im-reconnect-status.tsx
create mode 100644 src/components/layout/ConditionalLayout.tsx
create mode 100644 src/components/layout/Sidebar.tsx
create mode 100644 src/components/layout/TopBarWithoutLogin.tsx
create mode 100644 src/components/layout/Topbar.tsx
create mode 100644 src/components/layout/components/ChatConversationsDeleteDialog.tsx
create mode 100644 src/components/layout/components/ChatSearchResults.tsx
create mode 100644 src/components/layout/components/ChatSidebar.tsx
create mode 100644 src/components/layout/components/ChatSidebarAction.tsx
create mode 100644 src/components/layout/components/ChatSidebarItem.tsx
create mode 100644 src/components/layout/components/Notice.tsx
create mode 100644 src/components/layout/components/NoticeDrawer.tsx
create mode 100644 src/components/mock-provider.tsx
create mode 100644 src/components/test-heartbeat-loader.tsx
create mode 100644 src/components/ui/alert-dialog.tsx
create mode 100644 src/components/ui/aspect-ratio.tsx
create mode 100644 src/components/ui/avatar-crop-modal.md
create mode 100644 src/components/ui/avatar-crop-modal.tsx
create mode 100644 src/components/ui/avatar.tsx
create mode 100644 src/components/ui/badge.tsx
create mode 100644 src/components/ui/button.tsx
create mode 100644 src/components/ui/card.tsx
create mode 100644 src/components/ui/checkbox.tsx
create mode 100644 src/components/ui/chip.tsx
create mode 100644 src/components/ui/drawer.tsx
create mode 100644 src/components/ui/dropdown-menu.tsx
create mode 100644 src/components/ui/empty.tsx
create mode 100644 src/components/ui/form.tsx
create mode 100644 src/components/ui/gradient-divider.tsx
create mode 100644 src/components/ui/image-crop-modal.tsx
create mode 100644 src/components/ui/image-crop.md
create mode 100644 src/components/ui/image-crop.tsx
create mode 100644 src/components/ui/image-viewer.tsx
create mode 100644 src/components/ui/infinite-scroll-list.tsx
create mode 100644 src/components/ui/input.tsx
create mode 100644 src/components/ui/label.tsx
create mode 100644 src/components/ui/radio-group.tsx
create mode 100644 src/components/ui/select.tsx
create mode 100644 src/components/ui/separator.tsx
create mode 100644 src/components/ui/skeleton.tsx
create mode 100644 src/components/ui/sonner.tsx
create mode 100644 src/components/ui/switch.tsx
create mode 100644 src/components/ui/tabs.tsx
create mode 100644 src/components/ui/tag.tsx
create mode 100644 src/components/ui/textarea.tsx
create mode 100644 src/components/ui/tooltip.tsx
create mode 100644 src/components/ui/voice-wave-animation.tsx
create mode 100644 src/components/ui/wave-animation.tsx
create mode 100644 src/context/NimChat/ConversationContext.tsx
create mode 100644 src/context/NimChat/NimLoginContext.tsx
create mode 100644 src/context/NimChat/NimMsgContext.tsx
create mode 100644 src/context/NimChat/NimUserContext.tsx
create mode 100644 src/context/NimChat/index.tsx
create mode 100644 src/context/NimChat/useNimChat.ts
create mode 100644 src/context/mainLayout/index.tsx
create mode 100644 src/context/mainLayout/useMainLayout.ts
create mode 100644 src/context/progress.tsx
create mode 100644 src/css/iconfont.css
create mode 100644 src/css/tailwindcss.css
create mode 100644 src/hooks/aiUser.ts
create mode 100644 src/hooks/auth.ts
create mode 100644 src/hooks/create.ts
create mode 100644 src/hooks/useAiReplySuggestions.ts
create mode 100644 src/hooks/useAudioActivityDetection.ts
create mode 100644 src/hooks/useAudioPlayer.ts
create mode 100644 src/hooks/useAutoChatTimer.ts
create mode 100644 src/hooks/useCommon.ts
create mode 100644 src/hooks/useContainerWidth.ts
create mode 100644 src/hooks/useCreate.ts
create mode 100644 src/hooks/useCreatorNavigation.ts
create mode 100644 src/hooks/useGenerationProgress.ts
create mode 100644 src/hooks/useHeartLevel.ts
create mode 100644 src/hooks/useHome.ts
create mode 100644 src/hooks/useIm.ts
create mode 100644 src/hooks/useImageGenerationGuard.ts
create mode 100644 src/hooks/useImageViewer.ts
create mode 100644 src/hooks/useInfiniteScroll.ts
create mode 100644 src/hooks/useMessageLike.ts
create mode 100644 src/hooks/useNavigationGuard.ts
create mode 100644 src/hooks/usePaymentPolling.ts
create mode 100644 src/hooks/useRedDot.md
create mode 100644 src/hooks/useRedDot.ts
create mode 100644 src/hooks/useS3TokenCache.ts
create mode 100644 src/hooks/useS3Upload.ts
create mode 100644 src/hooks/useShare.ts
create mode 100644 src/hooks/useSticky.example.md
create mode 100644 src/hooks/useSticky.ts
create mode 100644 src/hooks/useTypingEffect.ts
create mode 100644 src/hooks/useUpwardInfiniteScroll.ts
create mode 100644 src/hooks/useUser.ts
create mode 100644 src/hooks/useVoiceTTS.ts
create mode 100644 src/hooks/useVoiceTTSWebsocket.ts
create mode 100644 src/hooks/useWallet.example.ts
create mode 100644 src/hooks/useWallet.ts
create mode 100644 src/lib/audio/audio-chunk-player.ts
create mode 100644 src/lib/audio/audio-converter.ts
create mode 100644 src/lib/auth/server-device.ts
create mode 100644 src/lib/auth/token.ts
create mode 100644 src/lib/encryption/README.md
create mode 100644 src/lib/encryption/encryption.ts
create mode 100644 src/lib/http/byteplus-signature.ts
create mode 100644 src/lib/http/create-http-client.ts
create mode 100644 src/lib/http/instances.ts
create mode 100644 src/lib/http/server.ts
create mode 100644 src/lib/oauth/discord.ts
create mode 100644 src/lib/oauth/google.ts
create mode 100644 src/lib/providers.tsx
create mode 100644 src/lib/query-keys.ts
create mode 100644 src/lib/queue.ts
create mode 100644 src/lib/server-mock.ts
create mode 100644 src/lib/utils.ts
create mode 100644 src/lib/websocket/tts-websocket.ts
create mode 100644 src/middleware.ts
create mode 100644 src/mocks/browser.ts
create mode 100644 src/mocks/handlers.ts
create mode 100644 src/mocks/index.ts
create mode 100644 src/mocks/server.ts
create mode 100644 src/services/auth/auth.service.ts
create mode 100644 src/services/auth/index.ts
create mode 100644 src/services/auth/types.ts
create mode 100644 src/services/common/common.service.ts
create mode 100644 src/services/common/index.ts
create mode 100644 src/services/common/types.ts
create mode 100644 src/services/create/create.service.ts
create mode 100644 src/services/create/index.ts
create mode 100644 src/services/create/types.ts
create mode 100644 src/services/home/home.service.ts
create mode 100644 src/services/home/index.ts
create mode 100644 src/services/home/types.ts
create mode 100644 src/services/im/im.service.ts
create mode 100644 src/services/im/index.ts
create mode 100644 src/services/im/types.ts
create mode 100644 src/services/user/index.ts
create mode 100644 src/services/user/types.ts
create mode 100644 src/services/user/user.service.ts
create mode 100644 src/services/wallet/index.ts
create mode 100644 src/services/wallet/types.ts
create mode 100644 src/services/wallet/wallet.service.ts
create mode 100644 src/types/api.ts
create mode 100644 src/types/global.ts
create mode 100644 src/types/im.ts
create mode 100644 src/types/image.ts
create mode 100644 src/types/lamejs.d.ts
create mode 100644 src/types/user.ts
create mode 100644 src/utils/README-ImageDisplay.md
create mode 100644 src/utils/device.ts
create mode 100644 src/utils/imageDisplayLogic.ts
create mode 100644 src/utils/imageTestData.ts
create mode 100644 src/utils/number.ts
create mode 100644 src/utils/testHeartbeatLevel.md
create mode 100644 src/utils/testHeartbeatLevel.ts
create mode 100644 src/utils/textParser.test.ts
create mode 100644 src/utils/textParser.ts
create mode 100644 tsconfig.json
diff --git a/.cursor/rules/project.mdc b/.cursor/rules/project.mdc
new file mode 100644
index 0000000..1c607df
--- /dev/null
+++ b/.cursor/rules/project.mdc
@@ -0,0 +1,106 @@
+---
+alwaysApply: false
+---
+You are an expert in Typescript, React, Node.js, Next.js App Router, Shadcn UI, Radix UI, Tailwind.
+
+ Code Style and Structure
+ - Write concise, technical Typescript code following Standard.js rules.
+ - Use functional and declarative programming patterns; avoid classes.
+ - Prefer iteration and modularization over code duplication.
+ - Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
+ - Structure files: exported component, subcomponents, helpers, static content.
+
+ Standard.js Rules
+ - Use 2 space indentation.
+ - Use double quotes for strings except to avoid escaping.
+ - No semicolons (unless required to disambiguate statements).
+ - No unused variables.
+ - Add a space after keywords.
+ - Add a space before a function declaration's parentheses.
+ - Always use === instead of ==.
+ - Infix operators must be spaced.
+ - Commas should have a space after them.
+ - Keep else statements on the same line as their curly braces.
+ - For multi-line if statements, use curly braces.
+ - Always handle the err function parameter.
+ - Use camelcase for variables and functions.
+ - Use PascalCase for constructors and React components.
+
+ Component Architecture
+ - Use class-variance-authority (cva) for variant management
+ - Implement compound components when appropriate
+ - Export individual subcomponents for flexibility
+ - Use React.forwardRef for ref forwarding
+ - Implement proper TypeScript interfaces
+ - Document props and examples
+
+ React Best Practices
+ - Use functional components with prop-types for type checking.
+ - Use the "function" keyword for component definitions.
+ - Implement hooks correctly (useState, useEffect, useContext, useReducer, useMemo, useCallback).
+ - Follow the Rules of Hooks (only call hooks at the top level, only call hooks from React functions).
+ - Create custom hooks to extract reusable component logic.
+ - Use React.memo() for component memoization when appropriate.
+ - Implement useCallback for memoizing functions passed as props.
+ - Use useMemo for expensive computations.
+ - Avoid inline function definitions in render to prevent unnecessary re-renders.
+ - Prefer composition over inheritance.
+ - Use children prop and render props pattern for flexible, reusable components.
+ - Implement React.lazy() and Suspense for code splitting.
+ - Use refs sparingly and mainly for DOM access.
+ - Prefer controlled components over uncontrolled components.
+ - Implement error boundaries to catch and handle errors gracefully.
+ - Use cleanup functions in useEffect to prevent memory leaks.
+ - Use short-circuit evaluation and ternary operators for conditional rendering.
+
+ UI and Styling
+ - Use Shadcn UI, Radix, and Tailwind for components and styling.
+ - The new version of tailwindcss no longer supports tailwind.config.ts, but defines the token directly in the css.
+ - Using design tokens from css/tailwindcss.css.
+ - Using tokens the right way with tailwind.
+ - Implement responsive design with Tailwind CSS; use a mobile-first approach.
+
+ Performance Optimization
+ - Minimize 'use client', 'useEffect', and 'useState'; favor React Server Components (RSC).
+ - Wrap client components in Suspense with fallback.
+ - Use dynamic loading for non-critical components.
+ - Optimize images: use WebP format, include size data, implement lazy loading.
+ - Implement route-based code splitting in Next.js.
+ - Minimize the use of global styles; prefer modular, scoped styles.
+ - Use PurgeCSS with Tailwind to remove unused styles in production.
+
+ Forms and Validation
+ - Use controlled components for form inputs.
+ - Implement form validation (client-side and server-side).
+ - Consider using libraries like react-hook-form for complex forms.
+ - Use Zod or Joi for schema validation.
+
+ Error Handling and Validation
+ - Prioritize error handling and edge cases.
+ - Handle errors and edge cases at the beginning of functions.
+ - Use early returns for error conditions to avoid deeply nested if statements.
+ - Place the happy path last in the function for improved readability.
+ - Avoid unnecessary else statements; use if-return pattern instead.
+ - Use guard clauses to handle preconditions and invalid states early.
+ - Implement proper error logging and user-friendly error messages.
+ - Model expected errors as return values in Server Actions.
+
+ Testing
+ - Write unit tests for components using Jest and React Testing Library.
+ - Implement integration tests for critical user flows.
+ - Use snapshot testing judiciously.
+
+ Security
+ - Sanitize user inputs to prevent XSS attacks.
+ - Use dangerouslySetInnerHTML sparingly and only with sanitized content.
+
+ Key Conventions
+ - Use 'nuqs' for URL search parameter state management.
+ - Optimize Web Vitals (LCP, CLS, FID).
+ - Limit 'use client':
+ - Favor server components and Next.js SSR.
+ - Use only for Web API access in small components.
+ - Avoid for data fetching or state management.
+
+ Follow Next.js docs for Data Fetching, Rendering, and Routing.
+ - Avoid for data fetching or state management.
\ No newline at end of file
diff --git a/.cursor/rules/tailwind.mdc b/.cursor/rules/tailwind.mdc
new file mode 100644
index 0000000..2f76f4a
--- /dev/null
+++ b/.cursor/rules/tailwind.mdc
@@ -0,0 +1,161 @@
+---
+alwaysApply: false
+---
+## Tailwind CSS 规则
+这个文件定义了项目中使用的 Tailwind CSS 变量和工具类规则。
+
+相关文件:
+- 主样式文件:`src/css/tailwindcss.css` - 包含所有 Tailwind 变量和工具类定义
+
+### 渐变色工具类
+
+以下是可用的渐变色工具类:
+
+- `bg-primary-gradient-normal`: 主色渐变(正常状态)
+ - 从 magenta-30 到 purple-40 的左到右渐变
+- `bg-primary-gradient-hover`: 主色渐变(悬停状态)
+ - 从 magenta-20 到 purple-30 的左到右渐变
+- `bg-primary-gradient-press`: 主色渐变(按下状态)
+ - 从 magenta-40 到 purple-50 的左到右渐变
+- `bg-primary-gradient-disabled`: 主色渐变(禁用状态)
+
+- `bg-context-subscribe-normal`: 订阅按钮渐变(正常状态)
+ - 从 purple-50 到 violet-50 的左到右渐变
+- `bg-context-subscribe-hover`: 订阅按钮渐变(悬停状态)
+ - 从 purple-30 到 violet-30 的左到右渐变
+- `bg-context-subscribe-press`: 订阅按钮渐变(按下状态)
+ - 从 purple-70 到 violet-70 的左到右渐变
+
+- `bg-context-vip-normal`: VIP 渐变
+ - 从 sky-20(0%) 到 violet-40(60%) 到 purple-30(100%) 的左到右渐变
+
+- `bg-context-recharge-normal`: 充值按钮渐变
+ - 从 yellow-0 到 yellow-70 的左到右渐变
+
+### 字体工具类
+
+Display 字体系列:
+- `txt-display-l`:
+ - 字体:Oleo Script Swash Caps
+ - 大小:64px
+ - 行高:80px
+ - 字重:Regular (400)
+
+- `txt-display-m`:
+ - 字体:Oleo Script Swash Caps
+ - 大小:48px
+ - 行高:56px
+ - 字重:Regular (400)
+
+- `txt-display-s`:
+ - 字体:Oleo Script Swash Caps
+ - 大小:24px
+ - 行高:28px
+ - 字重:Regular (400)
+
+标题字体系列:
+- `txt-headline-l`:
+ - 字体:Poppins
+ - 大小:48px
+ - 行高:56px
+ - 字重:Bold (700)
+
+- `txt-headline-m`:
+ - 字体:Poppins
+ - 大小:36px
+ - 行高:48px
+ - 字重:Bold (700)
+
+正文字体系列:
+- `txt-body-l`:
+ - 字体:Poppins
+ - 大小:16px
+ - 行高:24px
+ - 字重:Regular (400)
+
+- `txt-body-m`:
+ - 字体:Poppins
+ - 大小:14px
+ - 行高:20px
+ - 字重:Regular (400)
+
+- `txt-body-s`:
+ - 字体:Poppins
+ - 大小:12px
+ - 行高:20px
+ - 字重:Regular (400)
+
+标签字体系列:
+- `txt-label-l`:
+ - 字体:Poppins
+ - 大小:16px
+ - 行高:24px
+ - 字重:Medium (500)
+
+- `txt-label-m`:
+ - 字体:Poppins
+ - 大小:14px
+ - 行高:20px
+ - 字重:Medium (500)
+
+- `txt-label-s`:
+ - 字体:Poppins
+ - 大小:12px
+ - 行高:20px
+ - 字重:Medium (500)
+
+数字显示字体系列:
+- `txt-numDisplay-xl`:
+ - 字体:Display Number Font
+ - 大小:64px
+ - 行高:80px
+ - 字重:Bold (700)
+
+- `txt-numDisplay-l`:
+ - 字体:Display Number Font
+ - 大小:48px
+ - 行高:56px
+ - 字重:Bold (700)
+
+等宽数字字体系列:
+- `txt-numMonotype-xl`:
+ - 字体:Poppins
+ - 大小:24px
+ - 行高:28px
+ - 字重:Bold (700)
+
+- `txt-numMonotype-l`:
+ - 字体:Poppins
+ - 大小:20px
+ - 行高:24px
+ - 字重:Bold (700)
+
+### 使用说明
+
+1. 渐变色使用:
+```tsx
+
+ // 内容
+
+```
+
+2. 字体使用:
+```tsx
+大标题
+正文内容
+12345
+```
+
+3. 响应式设计:
+所有工具类都支持响应式前缀:
+- sm: ≥768px
+- md: ≥1024px
+- lg: ≥1280px
+- xl: ≥1536px
+
+例如:
+```tsx
+
+ 响应式标题
+
+```
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5ef6a52
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..bcdf512
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,31 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+- `src/app` hosts the App Router; use `(auth)` and `(main)` route groups and keep route-only components inside their segment folders.
+- `src/components` holds shared UI; keep primitives in `components/ui` and group feature widgets under clear folder names.
+- `src/lib`, `src/services`, and `src/utils` house shared logic, API clients, and helpers; extend an existing module before adding a new directory.
+- Mock handlers live in `src/mocks`, MSW’s worker sits in `public/mockServiceWorker.js`, localization bundles under `public/locales`, and generated docs go to `docs/`.
+
+## Build, Test, and Development Commands
+- `npm run dev` starts the Turbopack dev server with MSW auto-registration when `NEXT_PUBLIC_ENABLE_MOCK=true`.
+- `npm run build` compiles the production bundle; run after routing or configuration changes.
+- `npm run start` serves the built app and mirrors production runtime.
+- `npm run lint` applies the Next.js ESLint preset; resolve warnings before review.
+- `npm run i18n:scan`, `npm run i18n:scan-custom`, and `npm run i18n:convert` refresh translation keys and write `docs/copy-audit.xlsx`.
+
+## Coding Style & Naming Conventions
+- TypeScript is required; keep strict types at module boundaries and define payload interfaces explicitly.
+- Follow the house formatting: two-space indentation, double quotes, no semicolons, and Tailwind classes composed with `cn`.
+- Use PascalCase for React components, camelCase for utilities, `use` prefix for hooks, and kebab-case file names in routes.
+- Reuse theme tokens and shared icons through design-system helpers; avoid ad-hoc color values or inline SVG copies.
+
+## Testing Guidelines
+- There is no global Jest/Vitest runner; smoke tests such as `src/utils/textParser.test.ts` execute with `npx tsx `—mirror that pattern for quick unit checks.
+- Keep exploratory scripts or `.test.ts` files beside the code they exercise and strip console noise before shipping.
+- Prioritize integration checks through the dev server plus MSW, and document manual test steps in the PR when automation is absent.
+
+## Commit & Pull Request Guidelines
+- Commit subjects are present-tense, sentence-style summaries (see `git log`); add rationale in the body when touching multiple areas.
+- Scope each branch to a vertical slice (`feature/`, `fix/`, or `chore/`) and rebase on `main` before review.
+- PRs need a concise summary, screenshots for UI updates, environment-variable callouts, and links to related issues or docs.
+- Flag data, security, or localization assumptions so reviewers can validate configuration changes quickly.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2a3ed0c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,207 @@
+# Crushlevel Next.js Application
+
+这是一个基于 Next.js 的现代化Web应用,支持多种社交登录方式。
+
+## 功能特性
+
+- 🎮 **多平台社交登录**: 支持Discord、Google、Apple登录
+- 🔐 **完整认证流程**: OAuth2.0认证,JWT token管理
+- 📱 **设备管理**: 自动设备ID生成和管理
+- 🎭 **开发环境Mock**: 使用MSW进行API模拟
+- 🛡️ **中间件保护**: 路由级别的认证保护
+
+## 快速开始
+
+### 1. 安装依赖
+
+```bash
+npm install
+```
+
+### 2. 环境变量配置
+
+复制 `.env.local.example` 文件为 `.env.local` 并配置相应的环境变量:
+
+```bash
+cp .env.local.example .env.local
+```
+
+#### Discord OAuth 配置
+
+要启用Discord登录,你需要在Discord开发者平台创建应用:
+
+1. 访问 [Discord Developer Portal](https://discord.com/developers/applications)
+2. 点击 "New Application" 创建新应用
+3. 在应用设置页面:
+ - 复制 **Application ID** 作为 `NEXT_PUBLIC_DISCORD_CLIENT_ID`
+ - 在 "OAuth2" 标签页生成 **Client Secret** 作为 `DISCORD_CLIENT_SECRET`
+ - 添加回调URL: `http://localhost:3000/api/auth/discord/callback` (开发环境)
+ - 选择 scopes: `identify`, `email`
+
+```env
+# Discord OAuth 配置
+NEXT_PUBLIC_DISCORD_CLIENT_ID=your_discord_client_id_here
+DISCORD_CLIENT_SECRET=your_discord_client_secret_here
+
+# 应用URL(生产环境需要修改)
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+
+# 开发环境Mock配置
+NEXT_PUBLIC_ENABLE_MOCK=true
+```
+
+#### 其他OAuth配置(可选)
+
+```env
+# Google OAuth(未来支持)
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=your_google_client_id_here
+GOOGLE_CLIENT_SECRET=your_google_client_secret_here
+
+# Apple OAuth(未来支持)
+NEXT_PUBLIC_APPLE_CLIENT_ID=your_apple_client_id_here
+APPLE_CLIENT_SECRET=your_apple_client_secret_here
+```
+
+### 3. 启动开发服务器
+
+```bash
+npm run dev
+```
+
+应用将在 http://localhost:3000 启动。
+
+## Discord登录流程
+
+### 1. 用户点击Discord登录按钮
+- 系统生成随机state参数用于安全验证
+- 跳转到Discord授权页面
+
+### 2. Discord授权
+用户在Discord页面授权后,Discord重定向到回调URL并携带授权码
+
+### 3. 回调处理
+- API路由 `/api/auth/discord/callback` 接收授权码
+- 将授权码作为URL参数重定向到前端登录页面
+
+### 4. 前端登录处理
+- 前端登录页面检测到URL中的`discord_code`参数
+- 使用授权码调用后端API: `POST /web/third/login`
+- 后端验证授权码并返回认证token
+
+### 5. 登录完成
+- 前端保存token并重定向到首页
+- 完成整个登录流程
+
+## 开发环境Mock
+
+项目使用MSW进行API模拟,在开发环境中:
+
+- 设置 `NEXT_PUBLIC_ENABLE_MOCK=true` 启用Mock
+- 所有认证API请求都会被MSW拦截并返回模拟数据
+- 支持Discord、Google、Apple等第三方登录的模拟
+
+### Mock功能特性
+
+- ✅ 设备ID验证
+- ✅ 第三方登录模拟
+- ✅ Token管理
+- ✅ 用户信息管理
+- ✅ 错误场景模拟
+
+## 项目结构
+
+```
+src/
+├── app/ # Next.js App Router
+│ ├── (auth)/ # 认证相关页面
+│ ├── (main)/ # 主应用页面
+│ └── api/ # API路由
+├── components/ # 可复用组件
+├── lib/ # 工具库
+│ ├── auth/ # 认证管理
+│ ├── http/ # HTTP客户端
+│ └── oauth/ # OAuth服务
+├── services/ # 业务服务
+├── mocks/ # MSW Mock配置
+└── types/ # TypeScript类型定义
+```
+
+## API文档
+
+### 认证相关API
+
+#### 第三方登录
+```
+POST /web/third/login
+Content-Type: application/json
+
+{
+ "appClient": "WEB",
+ "deviceCode": "设备唯一码",
+ "thirdToken": "第三方授权码",
+ "thirdType": "DISCORD" | "GOOGLE" | "APPLE"
+}
+```
+
+#### 获取用户信息
+```
+GET /web/user/base-info
+Headers:
+ AUTH_TK: "认证token"
+ AUTH_DID: "设备ID"
+```
+
+#### 登出
+```
+POST /web/user/logout
+Headers:
+ AUTH_TK: "认证token"
+ AUTH_DID: "设备ID"
+```
+
+## 贡献指南
+
+1. Fork本项目
+2. 创建功能分支 (`git checkout -b feature/AmazingFeature`)
+3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
+4. 推送分支 (`git push origin feature/AmazingFeature`)
+5. 创建Pull Request
+
+## 许可证
+
+本项目采用 MIT 许可证。详见 [LICENSE](LICENSE) 文件。
+
+## 文案清单导出(一次性盘点)
+
+为便于产品/运营统一校对当前所有展示文案,项目提供静态扫描脚本,自动抽取源码中的用户可见与可感知文案并导出为 Excel。
+
+### 覆盖范围
+- JSX 文本节点与按钮/链接文案
+- 属性文案:`placeholder` / `title` / `alt` / `aria-*` / `label`
+- 交互文案:`toast.*` / `message.*` / `alert` / `confirm` / `Dialog`/`Tooltip` 等常见调用
+- 表单校验与错误提示:`form.setError(..., { message })`、校验链条中的 `{ message: '...' }`
+
+### 运行
+```bash
+# 生成 docs/copy-audit.xlsx
+npx ts-node scripts/extract-copy.ts # 若 ESM 运行报错,请改用下行
+node scripts/extract-copy.cjs
+```
+
+输出文件:`docs/copy-audit.xlsx`
+
+### Excel 字段说明(Sheet: copy)
+- `route`: Next.js App Router 路由(如 `(main)/home`)或 `shared`
+- `file`: 文案所在文件(相对仓库根路径)
+- `componentOrFn`: 组件或函数名(无法解析时为文件名)
+- `kind`: 文案类型(`text` | `placeholder` | `title` | `alt` | `aria` | `label` | `toast` | `dialog` | `error` | `validation`)
+- `keyOrLocator`: 定位信息(如 `Button.placeholder`、`toast.success`)
+- `text`: 实际文案内容
+- `line`: 文案起始行号(近似定位)
+- `count`: 在同一路由下相同文案出现次数(已聚合)
+- `notes`: 预留备注
+
+### 说明与边界
+- 仅提取可静态分析到的硬编码字符串;运行时拼接(仅变量)无法还原将被忽略
+- 会过滤明显的“代码样”字符串(如过长的标识符)
+- 扫描目录为 `src/`,忽略 `node_modules/.next/__tests__/mocks` 等
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..ffe928f
--- /dev/null
+++ b/components.json
@@ -0,0 +1,21 @@
+{
+ "$schema": "https://ui.shadcn.com/schema.json",
+ "style": "new-york",
+ "rsc": true,
+ "tsx": true,
+ "tailwind": {
+ "config": "",
+ "css": "src/app/globals.css",
+ "baseColor": "neutral",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "utils": "@/lib/utils",
+ "ui": "@/components/ui",
+ "lib": "@/lib",
+ "hooks": "@/hooks"
+ },
+ "iconLibrary": "lucide"
+}
\ No newline at end of file
diff --git a/docs/AiReplySuggestions.md b/docs/AiReplySuggestions.md
new file mode 100644
index 0000000..3bf5f27
--- /dev/null
+++ b/docs/AiReplySuggestions.md
@@ -0,0 +1,92 @@
+# AI建议回复功能实现
+
+## 功能概述
+
+根据Figma设计稿实现了AI建议回复功能,用户可以在聊天界面中获取AI生成的回复建议,提高聊天效率。
+
+## 实现组件
+
+### 1. AiReplySuggestions.tsx
+主要的AI建议回复组件,包含以下功能:
+- 显示多个AI建议选项
+- 支持编辑建议内容
+- VIP解锁更多功能入口
+- 分页导航控制
+
+### 2. useAiReplySuggestions.ts
+状态管理Hook,处理:
+- AI建议的获取和管理
+- 分页逻辑
+- 面板显示/隐藏控制
+- **自动刷新机制**:当面板打开时收到新AI消息会自动刷新建议
+
+### 3. ChatInput.tsx(更新)
+集成AI建议功能到聊天输入组件:
+- 添加提示词按钮来触发建议面板
+- 处理建议选择和应用
+- 管理面板状态
+
+## 设计细节
+
+### 视觉设计
+- 遵循Figma设计稿的视觉样式
+- 使用毛玻璃效果和圆角设计
+- 渐变色彩搭配
+- 响应式布局
+
+### 交互设计
+- 点击提示词按钮显示/隐藏建议面板
+- **点击建议卡片:直接发送该建议作为消息**
+- **点击编辑图标:将建议文案放入输入框进行编辑**
+- 分页控制支持浏览更多建议
+- VIP入口引导用户升级
+
+## 使用方法
+
+1. 在聊天界面点击输入框右侧的提示词按钮
+2. 查看AI生成的回复建议
+3. **直接点击建议卡片可立即发送该消息**
+4. **点击编辑图标将建议放入输入框进行修改**
+5. 使用分页控制查看更多建议选项
+
+## 技术特点
+
+- TypeScript类型安全
+- React Hooks状态管理
+- 响应式设计
+- 模块化组件结构
+- 可扩展的API接口设计
+
+## 核心逻辑
+
+### 建议获取时机
+- 只有当最后一条消息来自AI(对方)时,才会在打开面板时获取新建议
+- 如果最后一条消息来自用户,则显示之前缓存的建议或骨架屏
+- 每次检测到新的AI消息后,第一次打开面板会重新获取建议
+
+### 骨架屏显示
+- **骨架屏已集成到建议弹窗内部**,不再是独立组件
+- 在API调用期间显示骨架屏,提升用户体验
+- 骨架屏固定显示2条建议的布局结构
+
+### 分页机制
+- **API一次性返回所有建议数据**,不是分页请求
+- 每页显示2条建议
+- 根据API返回的总数自动计算页数
+- **点击左右切换只是前端切换显示,不会重新请求接口**
+
+### 缓存策略
+- 建议会被缓存,避免重复API调用
+- 只有检测到新的AI消息时才会清空缓存重新获取
+- **自动刷新**:当面板已打开且收到新AI消息时,自动刷新建议
+
+## API集成
+
+已集成真实的AI建议API(`genSupContentV2`),替换了之前的模拟数据。
+
+## 后续扩展
+
+- 添加建议个性化定制
+- 支持更多建议类型
+- 添加使用统计和优化
+- 优化缓存策略和错误处理
diff --git a/docs/AvatarSetting.md b/docs/AvatarSetting.md
new file mode 100644
index 0000000..b92fa0a
--- /dev/null
+++ b/docs/AvatarSetting.md
@@ -0,0 +1,103 @@
+# AvatarSetting 组件
+
+这是一个根据Figma设计稿实现的头像设置模态框组件,支持头像预览、编辑、上传和删除功能。
+
+## 功能特性
+
+- 🖼️ 大尺寸圆形头像预览
+- ✂️ 头像裁剪功能
+- 📤 文件上传支持
+- 🗑️ 头像删除功能
+- 📱 响应式设计
+- 🎨 符合设计规范的UI
+- 🔄 模态框形式,覆盖在页面上
+
+## 使用方法
+
+```tsx
+import AvatarSetting from "@/app/(main)/profile/components/AvatarSetting"
+
+function ProfilePage() {
+ const [isAvatarSettingOpen, setIsAvatarSettingOpen] = useState(false)
+ const [currentAvatar, setCurrentAvatar] = useState("")
+
+ const handleAvatarChange = (avatarUrl: string) => {
+ setCurrentAvatar(avatarUrl)
+ // 这里可以调用API保存头像
+ }
+
+ const handleAvatarDelete = () => {
+ setCurrentAvatar("")
+ // 这里可以调用API删除头像
+ }
+
+ const openAvatarSetting = () => {
+ setIsAvatarSettingOpen(true)
+ }
+
+ const closeAvatarSetting = () => {
+ setIsAvatarSettingOpen(false)
+ }
+
+ return (
+
+ {/* 触发按钮 */}
+
+
+ {/* 头像设置模态框 */}
+
+
+ )
+}
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `isOpen` | `boolean` | `false` | 控制模态框显示/隐藏 |
+| `onClose` | `() => void` | `undefined` | 关闭模态框的回调 |
+| `currentAvatar` | `string \| undefined` | `undefined` | 当前头像URL |
+| `onAvatarChange` | `(avatarUrl: string) => void` | `undefined` | 头像变更回调 |
+| `onAvatarDelete` | `() => void` | `undefined` | 头像删除回调 |
+| `className` | `string` | `undefined` | 自定义CSS类名 |
+
+## 层级关系
+
+- 头像设置模态框:`z-40`
+- 头像裁剪弹窗:`z-50`(更高层级)
+
+## 文件格式支持
+
+- 支持的格式:JPG、JPEG、PNG
+- 文件大小限制:5MB
+- VIP用户支持GIF格式
+
+## 设计规范
+
+- 背景色:`#211a2b`
+- 头像尺寸:512x512px
+- 按钮渐变:从 `#f264a4` 到 `#c241e6`
+- 圆角:999px(完全圆形)
+- 模态框尺寸:800x800px
+
+## 测试页面
+
+访问 `/test-avatar-setting` 可以查看组件的演示效果。
+
+## 注意事项
+
+1. 组件现在是模态框形式,会覆盖在页面上
+2. 使用现有的 `AvatarCropModal` 组件进行头像裁剪
+3. 文件上传使用原生的 `input[type="file"]` 实现
+4. 组件会自动验证文件类型和大小
+5. 裁剪后的图片会自动转换为圆形
+6. 裁剪弹窗的层级比头像设置模态框更高
\ No newline at end of file
diff --git a/docs/CrushLevelAvatar.md b/docs/CrushLevelAvatar.md
new file mode 100644
index 0000000..a153c2e
--- /dev/null
+++ b/docs/CrushLevelAvatar.md
@@ -0,0 +1,170 @@
+# 心动等级头像组件 (CrushLevelAvatar)
+
+## 概述
+
+`CrushLevelAvatar` 是一个展示用户与AI角色心动等级的头像组件,根据设计稿实现了双头像重叠布局、心动等级徽章显示以及动画效果。
+
+## 功能特性
+
+### 1. 状态处理
+- **无等级状态**:只显示AI头像和昵称
+- **有等级状态**:显示AI和用户双头像,包含心动等级信息
+
+### 2. 视觉设计
+- **双头像布局**:AI头像和用户头像并排显示,带有白色边框和阴影
+- **多层背景装饰**:三层渐变圆形背景,从外到内颜色递进
+- **心动等级徽章**:居中显示的心形徽章,包含等级数字
+- **角色信息展示**:角色名称和心动温度标签
+
+### 3. 动画效果
+- **等级变化动画**:心形背景从大到小消失,数字等级渐变切换
+- **分层延迟**:三层心形背景依次消失(0ms, 100ms, 200ms延迟)
+- **数字切换**:背景完全消失后,等级数字淡出淡入切换到新等级
+
+## 组件属性
+
+```typescript
+interface CrushLevelAvatarProps {
+ size?: "large" | "small"; // 头像尺寸
+ showAnimation?: boolean; // 是否显示等级变化动画
+}
+```
+
+## 使用示例
+
+```tsx
+import CrushLevelAvatar from './components/CrushLevelAvatar';
+
+// 基础使用
+
+
+// 大尺寸带动画
+
+```
+
+## 依赖要求
+
+组件需要在以下上下文中使用:
+
+1. **ChatConfigContext** - 提供AI信息和ID
+2. **用户认证** - 获取当前用户信息
+3. **IM服务** - 获取心动等级数据
+
+## 数据来源
+
+- `useChatConfig()` - AI信息和聊天配置
+- `useCurrentUser()` - 当前用户信息
+- `useGetHeartbeatLevel()` - 心动等级数据
+- `useHeartLevelTextFromLevel()` - 等级文本转换
+
+## 样式系统
+
+### CSS 动画类
+- `.animate-scale-down` - 缩放动画
+- `.animate-delay-100/200/300` - 动画延迟
+
+### 颜色设计
+- 外层背景:`from-purple-500/20`
+- 中层背景:`from-pink-500/30`
+- 内层背景:`from-magenta-500/40`
+- 心形徽章:`from-pink-400 to-red-500`
+
+## 实现细节
+
+### 背景装饰层
+```tsx
+{/* 心形背景层 - 使用SVG图标 */}
+
+
+
+```
+
+### 心动等级徽章
+```tsx
+{/* 心形背景 + 等级数字 */}
+
+
+
+ {displayLevel?.replace('LEVEL_', '') || '1'}
+
+
+```
+
+### 动画触发机制
+```tsx
+// 监听等级变化触发动画
+useEffect(() => {
+ if (showAnimation && heartbeatLevel && heartbeatLevel !== displayLevel) {
+ setIsLevelChanging(true);
+ setAnimationKey(prev => prev + 1);
+
+ // 背景消失后更新等级数字
+ setTimeout(() => {
+ setDisplayLevel(heartbeatLevel);
+ setIsLevelChanging(false);
+ }, 600); // 背景消失动画时长
+ }
+}, [heartbeatLevel, showAnimation, displayLevel]);
+```
+
+### CSS 动画定义
+```css
+/* 心形背景消失动画 */
+@keyframes scale-fade-out {
+ 0% { transform: scale(1); opacity: 1; }
+ 100% { transform: scale(0.3); opacity: 0; }
+}
+
+/* 等级数字变化动画 */
+@keyframes level-change {
+ 0% { opacity: 1; transform: scale(1); }
+ 50% { opacity: 0; transform: scale(0.8); }
+ 100% { opacity: 1; transform: scale(1); }
+}
+```
+
+## 注意事项
+
+1. **上下文依赖**:组件必须在正确的 Context 环境中使用
+2. **性能考虑**:动画效果会增加渲染开销
+3. **响应式设计**:组件在不同屏幕尺寸下的表现
+4. **数据安全**:处理用户头像加载失败的情况
+5. **图标依赖**:需要确保 `/icons/crushlevel_heart.svg` 文件存在
+
+## 测试
+
+可以通过访问 `/test-crush-level-avatar` 页面查看组件的不同状态和配置效果。
+
+### 调试功能
+在浏览器控制台中可以调用以下函数来手动触发动画:
+```javascript
+window.triggerLevelAnimation(); // 触发等级变化动画
+```
+
+## 更新历史
+
+- 2024-01-XX:初始实现,包含基础功能
+- 2024-01-XX:添加动画效果和背景装饰
+- 2024-01-XX:优化性能和用户体验
diff --git a/docs/DesignTokens.md b/docs/DesignTokens.md
new file mode 100644
index 0000000..7409ef7
--- /dev/null
+++ b/docs/DesignTokens.md
@@ -0,0 +1,404 @@
+# Design Tokens for Website
+
+This document outlines the design tokens defined in the `Tokens.xlsx` file, including global tokens (base values) and web system tokens (specific to Tailwind CSS integration). The tokens are organized into two sections corresponding to the Excel sheets: `Global tokens` and `Web sys tokens`.
+
+## Global Tokens
+
+The `Global tokens` sheet defines foundational design tokens, including colors, transparency, angles, typography, ratios, radii, borders, spacing, and breakpoints. These serve as the base values referenced by other tokens.
+
+| Type | Token | Value | 移动端约定值 | 有调整会标黄 | 新增会标蓝 | 可不录入的文字会变红 |
+|-------------|--------------------------------|----------------------------------------|--------------|--------------|------------|----------------------|
+| color | glo.color.orange.0 | #FFECDE | | | | |
+| | glo.color.orange.10 | #FFD7B8 | | | | |
+| | glo.color.orange.20 | #FFBF8F | | | | |
+| | glo.color.orange.30 | #FFA264 | | | | |
+| | glo.color.orange.40 | #FD8239 | | | | |
+| | glo.color.orange.50 | #F25E0F | | | | |
+| | glo.color.orange.60 | #D04500 | | | | |
+| | glo.color.orange.70 | #A83400 | | | | |
+| | glo.color.orange.80 | #7B2300 | | | | |
+| | glo.color.orange.90 | #4D1400 | | | | |
+| | glo.color.yellow.0 | #FFF8DE | | | | |
+| | glo.color.yellow.10 | #FFEFB3 | | | | |
+| | glo.color.yellow.20 | #FFE386 | | | | |
+| | glo.color.yellow.30 | #FCD258 | | | | |
+| | glo.color.yellow.40 | #F3BC2A | | | | |
+| | glo.color.yellow.50 | #E6A100 | | | | |
+| | glo.color.yellow.60 | #C78800 | | | | |
+| | glo.color.yellow.70 | #A26B00 | | | | |
+| | glo.color.yellow.80 | #784D00 | | | | |
+| | glo.color.yellow.90 | #4D2F00 | | | | |
+| | glo.color.grass.0 | #F8FFDE | | | | |
+| | glo.color.grass.10 | #EDFCB8 | | | | |
+| | glo.color.grass.20 | #E0F68F | | | | |
+| | glo.color.grass.30 | #CFED67 | | | | |
+| | glo.color.grass.40 | #BAE041 | | | | |
+| | glo.color.grass.50 | #A0CD1E | | | | |
+| | glo.color.grass.60 | #82B500 | | | | |
+| | glo.color.grass.70 | #689600 | | | | |
+| | glo.color.grass.80 | #4B7200 | | | | |
+| | glo.color.grass.90 | #304D00 | | | | |
+| | glo.color.green.0 | #DEFFE7 | | | | |
+| | glo.color.green.10 | #B9FCCD | | | | |
+| | glo.color.green.20 | #94F7B1 | | | | |
+| | glo.color.green.30 | #6FEE96 | | | | |
+| | glo.color.green.40 | #4AE27B | | | | |
+| | glo.color.green.50 | #28D061 | | | | |
+| | glo.color.green.60 | #0BB84A | | | | |
+| | glo.color.green.70 | #00983C | | | | |
+| | glo.color.green.80 | #007331 | | | | |
+| | glo.color.green.90 | #004D22 | | | | |
+| | glo.color.mint.0 | #DEFFF8 | | | | |
+| | glo.color.mint.10 | #B6FBED | | | | |
+| | glo.color.mint.20 | #8DF3E2 | | | | |
+| | glo.color.mint.30 | #65E9D5 | | | | |
+| | glo.color.mint.40 | #3FDAC4 | | | | |
+| | glo.color.mint.50 | #1DC7B0 | | | | |
+| | glo.color.mint.60 | #00AD96 | | | | |
+| | glo.color.mint.70 | #009182 | | | | |
+| | glo.color.mint.80 | #006F67 | | | | |
+| | glo.color.mint.90 | #004D49 | | | | |
+| | glo.color.sky.0 | #DEECFF | | | | |
+| | glo.color.sky.10 | #B5D2FD | | | | |
+| | glo.color.sky.20 | #8CB5F9 | | | | |
+| | glo.color.sky.30 | #6296F2 | | | | |
+| | glo.color.sky.40 | #3A76E6 | | | | |
+| | glo.color.sky.50 | #1E58D2 | | | | |
+| | glo.color.sky.60 | #063BB8 | | | | |
+| | glo.color.sky.70 | #002A98 | | | | |
+| | glo.color.sky.80 | #001E73 | | | | |
+| | glo.color.sky.90 | #00134D | | | | |
+| | glo.color.blue.0 | #DEE0FF | | | | |
+| | glo.color.blue.10 | #BCBEFF | | | | |
+| | glo.color.blue.20 | #9797FF | | | | |
+| | glo.color.blue.30 | #7370FF | | | | |
+| | glo.color.blue.40 | #4E48FF | | | | |
+| | glo.color.blue.50 | #3126E6 | | | | |
+| | glo.color.blue.60 | #180AC7 | | | | |
+| | glo.color.blue.70 | #0F00A2 | | | | |
+| | glo.color.blue.80 | #0D0078 | | | | |
+| | glo.color.blue.90 | #09004D | | | | |
+| | glo.color.violet.0 | #E4DEFF | | | | |
+| | glo.color.violet.10 | #C7B7FD | | | | |
+| | glo.color.violet.20 | #AA90F9 | | | | |
+| | glo.color.violet.30 | #8D68F2 | | | | |
+| | glo.color.violet.40 | #7B47FF | | | | |
+| | glo.color.violet.50 | #5923D2 | | | | |
+| | glo.color.violet.60 | #4309B8 | | | | |
+| | glo.color.violet.70 | #340098 | | | | |
+| | glo.color.violet.80 | #290073 | | | | |
+| | glo.color.violet.90 | #1C004D | | | | |
+| | glo.color.purple.0 | #FBDEFF | | | | |
+| | glo.color.purple.10 | #F2B7FD | | | | |
+| | glo.color.purple.20 | #E690F9 | | | | |
+| | glo.color.purple.30 | #D668F2 | | | | |
+| | glo.color.purple.40 | #C241E6 | | | | |
+| | glo.color.purple.50 | #A823D2 | | | | |
+| | glo.color.purple.60 | #8A09B8 | | | | |
+| | glo.color.purple.70 | #6E0098 | | | | |
+| | glo.color.purple.80 | #520073 | | | | |
+| | glo.color.purple.90 | #36004D | | | | |
+| | glo.color.magenta.0 | #FBDEFF | | | | |
+| | glo.color.magenta.10 | #FDB6D3 | | | | |
+| | glo.color.magenta.20 | #F98DBC | | | | |
+| | glo.color.magenta.30 | #F264A4 | | | | |
+| | glo.color.magenta.40 | #E63C8B | | | | |
+| | glo.color.magenta.50 | #D21F77 | | | | |
+| | glo.color.magenta.60 | #B80761 | | | | |
+| | glo.color.magenta.70 | #980050 | | | | |
+| | glo.color.magenta.80 | #73003E | | | | |
+| | glo.color.magenta.90 | #4D002A | | | | |
+| | glo.color.red.0 | #FFDEDE | | | | |
+| | glo.color.red.10 | #FFBCBC | | | | |
+| | glo.color.red.20 | #FF9696 | | | | |
+| | glo.color.red.30 | #F97372 | | | | |
+| | glo.color.red.40 | #EF4E4D | | | | |
+| | glo.color.red.50 | #E12A2A | | | | |
+| | glo.color.red.60 | #C2110E | | | | |
+| | glo.color.red.70 | #A00700 | | | | |
+| | glo.color.red.80 | #770800 | | | | |
+| | glo.color.red.90 | #4D0600 | | | | |
+| | glo.color.grey.0 | #E8E4EB | | | | |
+| | glo.color.grey.10 | #D4D0D8 | | | | |
+| | glo.color.grey.20 | #AAA3B1 | | | | |
+| | glo.color.grey.30 | #958E9E | | | | |
+| | glo.color.grey.40 | #847D8B | | | | |
+| | glo.color.grey.50 | #706A78 | | | | |
+| | glo.color.grey.60 | #5C5565 | | | | |
+| | glo.color.grey.70 | #484151 | | | | |
+| | glo.color.grey.80 | #352E3E | | | | |
+| | glo.color.grey.90 | #282233 | | | | |
+| | glo.color.grey.100 | #211A2B | | | | |
+| | glo.color.white | #FFFFFF | | | | |
+| | glo.color.black | #000000 | | | | |
+| Transparent | glo.transparent.t0 | 0 | | | | |
+| | glo.transparent.t2 | 0.02 | | | | |
+| | glo.transparent.t4 | 0.04 | | | | |
+| | glo.transparent.t6 | 0.06 | | | | |
+| | glo.transparent.t8 | 0.08 | | | | |
+| | glo.transparent.t12 | 0.12 | | | | |
+| | glo.transparent.t15 | 0.15 | | | | |
+| | glo.transparent.t20 | 0.2 | | | | |
+| | glo.transparent.t25 | 0.25 | | | | |
+| | glo.transparent.t30 | 0.3 | | | | |
+| | glo.transparent.t45 | 0.45 | | | | |
+| | glo.transparent.t65 | 0.65 | | | | |
+| | glo.transparent.t85 | 0.85 | | | | |
+| Degree | glo.deg.ltr | to Right | | | | |
+| | glo.deg.ttb | to Bottom | | | | |
+| | glo.deg.lttrb | to Bottom Right | | | | |
+| Typeface | glo.font.family.sys | Poppins | | | | |
+| | glo.font.family.numDisplay | DIN Alternate | | | | |
+| | glo.font.family.num | Poppins | | | | |
+| | glo.font.family.display | Oleo Script Swash Caps | | | | |
+| | glo.font.style.italic | Italic | | | | |
+| | glo.font.size.64 | 64 | | | | |
+| | glo.font.size.48 | 48 | | | | |
+| | glo.font.size.36 | 36 | | | | |
+| | glo.font.size.24 | 24 | | | | |
+| | glo.font.size.20 | 20 | | | | |
+| | glo.font.size.18 | 18 | | | | |
+| | glo.font.size.16 | 16 | | | | |
+| | glo.font.size.14 | 14 | | | | |
+| | glo.font.size.12 | 12 | | | | |
+| | glo.font.weight.regular | 400 | | | | |
+| | glo.font.weight.medium | 500 | | | | |
+| | glo.font.weight.semibold | 600 | | | | |
+| | glo.font.weight.bold | 700 | | | | |
+| | glo.font.lineheight.size64 | 80px | | | | |
+| | glo.font.lineheight.size48 | 56px | | | | |
+| | glo.font.lineheight.size36 | 48px | | | | |
+| | glo.font.lineheight.size24 | 28px | | | | |
+| | glo.font.lineheight.size20 | 24px | | | | |
+| | glo.font.lineheight.size18 | 24px | | | | |
+| | glo.font.lineheight.size16 | 24px | | | | |
+| | glo.font.lineheight.size14 | 20px | | | | |
+| | glo.font.lineheight.size12 | 20px | | | | |
+| | glo.font.lineheight.size0 | 1 | | | | |
+| radio | glo.radio.1.1 | 1:1 | | | | |
+| | glo.radio.4.3 | 4:3 | | | | |
+| | glo.radio.3.2 | 3:2 | | | | |
+| | glo.radio.2.1 | 2:1 | | | | |
+| | glo.radio.16.9 | 16:9 | | | | |
+| radius | glo.radius.4 | 4 | | | | |
+| | glo.radius.8 | 8 | | | | |
+| | glo.radius.12 | 12 | | | | |
+| | glo.radius.16 | 16 | | | | |
+| | glo.radius.24 | 24 | | | | |
+| | glo.radius.round | 0.5 | | | | |
+| border | glo.border.1 | 1px | | | | |
+| | glo.border.2 | 2px | | | | |
+| | glo.border.4 | 4px | | | | |
+| space | glo.spacing.4 | 4px | | | | |
+| | glo.spacing.8 | 8px | | | | |
+| | glo.spacing.12 | 12px | | | | |
+| | glo.spacing.16 | 16px | | | | |
+| | glo.spacing.24 | 24px | | | | |
+| | glo.spacing.32 | 32px | | | | |
+| | glo.spacing.48 | 48px | | | | |
+| | glo.spacing.64 | 64px | | | | |
+| | glo.spacing.80 | 80px | | | | |
+| | glo.spacing.128 | 128px | | | | |
+| breackpoint | breackpoint.xs | <768px | | | | |
+| | breackpoint.s | ≥768px | | | | |
+| | breackpoint.m | ≥1024px | | | | |
+| | breackpoint.l | ≥1280px | | | | |
+| | breackpoint.xl | ≥1536 | | | | |
+
+## Web System Tokens
+
+The `Web sys tokens` sheet defines tokens specifically for web use, including colors, typography, shadows, radii, and borders. These are intended for integration with Tailwind CSS, particularly for color definitions in dark and light themes.
+
+| Type | | Token | Value@Dark Theme(Default) | Value on White |
+|-----------------|---------------|------------------------------------------|-------------------------------------------------------------------------------------------|---------------------------------------------|
+| color | primary | color.primary.normal | $glo.color.magenta.50 | |
+| | | color.primary.hover | $glo.color.magenta.40 | |
+| | | color.primary.press | $glo.color.magenta.60 | |
+| | | color.primary.disabled | $color.surface.nest.disabled | |
+| | | color.primary.variant.normal | $glo.color.magenta.40 | |
+| | | color.primary.variant.hover | $glo.color.magenta.30 | |
+| | | color.primary.variant.press | $glo.color.magenta.50 | |
+| | | color.primary.variant.disabled | $color.surface.nest.disabled | |
+| | | color.primary.gradient.normal | linear-gradient($glo.deg.ltr,$glo.color.magenta.30,$glo.color.purple.40) | |
+| | | color.primary.gradient.hover | linear-gradient($glo.deg.ltr,$glo.color.magenta.20,$glo.color.purple.30) | |
+| | | color.primary.gradient.press | linear-gradient($glo.deg.ltr,$glo.color.magenta.40,$glo.color.purple.50) | |
+| | | color.primary.gradient.disabled | $color.surface.nest.disabled | |
+| | | color.primary.onpic.normal | $glo.color.violet.40 | $glo.transparent.t85 |
+| | | color.primary.onpic.hover | $glo.color.violet.30 | $glo.transparent.t85 |
+| | | color.primary.onpic.press | $glo.color.violet.50 | $glo.transparent.t85 |
+| | Important | color.important.normal | $glo.color.red.50 | |
+| | | color.important.hover | $glo.color.red.40 | |
+| | | color.important.press | $glo.color.red.60 | |
+| | | color.important.disabled | $color.surface.nest.disabled | |
+| | | color.important.variant.normal | $glo.color.red.40 | |
+| | | color.important.variant.hover | $glo.color.red.30 | |
+| | | color.important.variant.press | $glo.color.red.50 | |
+| | | color.important.variant.disabled | $glo.color.blue.10 | $glo.transparent.t25 |
+| | | color.important.gradient.normal | sha | |
+| | | color.important.gradient.hover | linear-gradient($glo.deg.ltr,$glo.color.orange.40,$glo.color.red.40) | |
+| | | color.important.gradient.press | linear-gradient($glo.deg.ltr,$glo.color.orange.60,$glo.color.red.60) | |
+| | | color.important.gradient.disabled | $color.surface.nest.disabled | |
+| | | color.important.onpic.normal | $glo.color.red.50 | $glo.transparent.t85 |
+| | positive | color.positive.normal | $glo.color.mint.60 | |
+| | | color.positive.hover | $glo.color.mint.50 | |
+| | | color.positive.press | $glo.color.mint.70 | |
+| | | color.positive.disabled | $color.surface.nest.disabled | |
+| | | color.positive.variant.normal | $glo.color.mint.40 | |
+| | | color.positive.variant.hover | $glo.color.mint.30 | |
+| | | color.positive.variant.press | $glo.color.mint.50 | |
+| | | color.positive.variant.disabled | $glo.color.blue.10 | $glo.transparent.t25 |
+| | | color.positive.gradient.normal | linear-gradient($glo.deg.ltr,$glo.color.green.40,$glo.color.mint.60) | |
+| | | color.positive.gradient.hover | linear-gradient($glo.deg.ltr,$glo.color.green.40,$glo.color.mint.50) | |
+| | | color.positive.gradient.press | | |
+| | | color.positive.gradient.disabled | $color.surface.nest.disabled | |
+| | | color.positive.onpic.normal | $glo.color.mint.60 | $glo.transparent.t85 |
+| | warning | color.warning.normal | $glo.color.orange.50 | |
+| | | color.warning.hover | $glo.color.orange.40 | |
+| | | color.warning.press | $glo.color.orange.60 | |
+| | | color.warning.disabled | $color.surface.nest.disabled | |
+| | | color.warning.variant.normal | $glo.color.orange.40 | |
+| | | color.warning.variant.hover | $glo.color.orange.30 | |
+| | | color.warning.variant.press | $glo.color.orange.50 | |
+| | | color.warning.variant.disabled | $glo.color.blue.10 | $glo.transparent.t25 |
+| | | color.warning.gradient.normal | linear-gradient($glo.deg.ltr,$glo.color.yellow.40,$glo.color.orange.50) | |
+| | | color.warning.gradient.hover | linear-gradient($glo.deg.ltr,$glo.color.yellow.30,$glo.color.orange40) | |
+| | | color.warning.gradient.press | linear-gradient($glo.deg.ltr,$glo.color.yellow.50,$glo.color.orange.60) | |
+| | | color.warning.gradient.disabled | $color.surface.nest.disabled | |
+| | | color.warning.onpic.normal | $glo.color.orange.50 | $glo.transparent.t85 |
+| | emphasis | color.emphasis.normal | $glo.color.blue.40 | |
+| | | color.emphasis.hover | $glo.color.blue.30 | |
+| | | color.emphasis.press | $glo.color.blue.50 | |
+| | | color.emphasis.disabled | $color.surface.nest.disabled | |
+| | | color.emphasis.variant.normal | $glo.color.blue.30 | |
+| | | color.emphasis.variant.hover | $glo.color.blue.20 | |
+| | | color.emphasis.variant.press | $glo.color.blue.40 | |
+| | | color.emphasis.variant.disabled | $glo.color.blue.10 | $glo.transparent.t25 |
+| | | color.emphasis.gradient.normal | linear-gradient($glo.deg.ltr,$glo.color.sky.30,$glo.color.blue.40) | |
+| | | color.emphasis.gradient.hover | linear-gradient($glo.deg.ltr,$glo.color.sky.20,$glo.color.blue.30) | |
+| | | color.emphasis.gradient.press | linear-gradient($glo.deg.ltr,$glo.color.sky.40,$glo.color.blue.50) | |
+| | | color.emphasis.gradient.disabled | $color.surface.nest.disabled | |
+| | | color.emphasis.onpic.normal | $glo.color.blue.40 | $glo.transparent.t85 |
+| | Background | color.background.default | $glo.color.grey.100 | |
+| | | color.background.specialmap | $glo.color.grey.100 | |
+| | | color.background.district | $glo.color.black | $glo.transparent.t30 |
+| | Surface | color.surface.base.normal | $glo.color.grey.80 | |
+| | | color.surface.base.hover | $glo.color.grey.70 | |
+| | | color.surface.base.press | $glo.color.grey.90 | |
+| | | color.surface.base.disabled | $glo.color.grey.90 | |
+| | | color.surface.base.specialmap.normal | $glo.color.grey.80 | |
+| | | color.surface.base.specialmap.hover | $glo.color.grey.70 | |
+| | | color.surface.base.specialmap.press | $glo.color.grey.90 | $glo.transparent.t30 |
+| | | color.surface.base.specialmap.disabled | $glo.color.white | $glo.transparent.t8 |
+| | | color.surface.float.normal | $glo.color.grey.70 | |
+| | | color.surface.float.hover | $glo.color.grey.60 | |
+| | | color.surface.float.press | $glo.color.grey.80 | |
+| | | color.surface.float.disabled | $glo.color.grey.80 | |
+| | | color.surface.top.normal | $glo.color.black | $glo.transparent.t65 |
+| | | color.surface.top.hover | $glo.color.black | $glo.transparent.t45 |
+| | | color.surface.top.press | $glo.color.black | $glo.transparent.t85 |
+| | | color.surface.top.disabled | $glo.color.black | $glo.transparent.t30 |
+| | | color.surface.district.normal | $glo.color.purple.0 | $glo.transparent.t4 |
+| | | color.surface.district.hover | $glo.color.purple.0 | $glo.transparent.t12 |
+| | | color.surface.district.press | $glo.color.black | $glo.transparent.t25 |
+| | | color.surface.district.disabled | $glo.color.black | $glo.transparent.t25 |
+| | | color.surface.nest.normal | $glo.color.purple.0 | $glo.transparent.t8 |
+| | | color.surface.nest.hover | $glo.color.purple.0 | $glo.transparent.t12 |
+| | | color.surface.nest.press | $glo.color.purple.0 | $glo.transparent.t4 |
+| | | color.surface.nest.disabled | $glo.color.purple.0 | $glo.transparent.t4 |
+| | | color.surface.element.normal | $color.surface.nest.normal | |
+| | | color.surface.element.hover | $color.surface.nest.hover | |
+| | | color.surface.element.press | $color.surface.nest.press | |
+| | | color.surface.element.disabled | $color.surface.nest.disabled | |
+| | | color.surface.element.dark.normal | $glo.color.black | $glo.transparent.t65 |
+| | | color.surface.element.dark.hover | $glo.color.black | $glo.transparent.t45 |
+| | | color.surface.element.dark.press | $glo.color.black | $glo.transparent.t85 |
+| | | color.surface.element.dark.disabled | $glo.color.black | $glo.transparent.t45 |
+| | | color.surface.element.light.normal | $glo.color.white | $glo.transparent.t15 |
+| | | color.surface.element.light.hover | $glo.color.white | $glo.transparent.t25 |
+| | | color.surface.element.light.press | $glo.color.white | $glo.transparent.t8 |
+| | | color.surface.element.light.disabled | $glo.color.white | $glo.transparent.t8 |
+| | | color.surface.white.normal | $glo.color.white | |
+| | | color.surface.white.hover | $glo.color.white | $glo.transparent.t85 |
+| | | color.surface.white.press | $glo.color.white | $glo.transparent.t65 |
+| | | color.surface.white.disabled | $glo.color.white | $glo.transparent.t45 |
+| | | color.surface.black.normal | $glo.color.black | |
+| | Outline | color.outline.normal | $glo.color.purple.0 | $glo.transparent.t20 |
+| | | color.outline.hover | $glo.color.purple.0 | $glo.transparent.t30 |
+| | | color.outline.press | $glo.color.purple.0 | $glo.transparent.t8 |
+| | | color.outline.disabled | $color.surface.element.disabled | |
+| | Overlay | color.overlay.primary | $glo.color.violet.30 | $glo.transparent.t30 |
+| | | color.overlay.gradient | linear-gradient($glo.deg.ttb,$glo.color.black $glo.transparent.t0,$glo.color.black $glo.transparent.t100) | |
+| | | color.overlay.dark | $glo.color.black | $glo.transparent.t65 |
+| | | color.overlay.background | linear-gradient($glo.deg.ttb,$color.background.default $glo.transparent.t0,$color.background.default $glo.transparent.t100) | |
+| | | color.overlay.base | linear-gradient($glo.deg.ttb,$color.surface.base.normal $glo.transparent.t100,$color.surface.base.normal $glo.transparent.t0) | |
+| | Context | color.context.subscribe.normal | linear-gradient($glo.deg.ltr,$glo.color.purple.50,$glo.color.violet.50) | |
+| | | color.context.subscribe.hover | linear-gradient($glo.deg.ltr,$glo.color.purple.30,$glo.color.violet.30) | |
+| | | color.context.subscribe.press | linear-gradient($glo.deg.ltr,$glo.color.purple.70,$glo.color.violet.70) | |
+| | | color.context.subscribe.disabled | $color.surface.nest.disabled | |
+| | | color.context.legends.normal | linear-gradient($glo.deg.ltr,$glo.color.yellow.20,$glo.color.yellow.60) | |
+| | | color.context.legends.hover | linear-gradient($glo.deg.ltr,$glo.color.yellow.10,$glo.color.yellow.40) | |
+| | | color.context.legends.press | linear-gradient($glo.deg.ltr,$glo.color.yellow.60,$glo.color.yellow.90) | |
+| | | color.context.legends.disabled | $color.surface.nest.disabled | |
+| | | color.context.legends.variant.normal | $glo.color.yellow.20 | |
+| | | color.context.legends.variant.hover | $glo.color.yellow.10 | |
+| | | color.context.legends.variant.press | $glo.color.yellow.40 | |
+| | | color.context.legends.variant.disabled | $color.surface.nest.disabled | |
+| | | color.context.vip.normal | linear-gradient($glo.deg.ltr,$glo.color.sky.20 0%,$glo.color.violet.40 60%,$glo.color.purple.30 100%) | |
+| | | color.context.recharge.normal | linear-gradient($glo.deg.ltr, $glo.color.yellow.0, $glo.color.yellow.70) | |
+| | Text&icon | color.txt.primary.normal | $glo.color.white | |
+| | | color.txt.primary.hover | $glo.color.magenta.30 | |
+| | | color.txt.primary.press | $glo.color.magenta.40 | |
+| | | color.txt.primary.disabled | $color.txt.disabled | |
+| | | color.txt.primary.specialmap.normal | $glo.color.white | |
+| | | color.txt.primary.specialmap.hover | $glo.color.white | $glo.transparent.t85 |
+| | | color.txt.primary.specialmap.press | $glo.color.white | $glo.transparent.t65 |
+| | | color.txt.primary.specialmap.disable | $glo.color.white | $glo.transparent.t45 |
+| | | color.txt.secondary.normal | $glo.color.grey.30 | |
+| | | color.txt.secondary.hover | $glo.color.magenta.30 | |
+| | | color.txt.secondary.press | $glo.color.magenta.40 | |
+| | | color.txt.secondary.disabled | $color.txt.disabled | |
+| | | color.txt.tertiary.normal | $glo.color.grey.40 | |
+| | | color.txt.tertiary.hover | $glo.color.grey.30 | |
+| | | color.txt.tertiary | $glo.color.grey.50 | |
+| | | color.txt.tertiary.disabled | $color.txt.disabled | |
+| | | color.txt.grass | $glo.color.grass.40 | |
+| | | color.txt.disabled | $glo.color.grey.50 | |
+| Typography | display | txt.display.l | $glo.font.family.display,$glo.font.size.64,$glo.font.weight.regular,$glo.font.lineheight.size64 | |
+| | | txt.display.m | $glo.font.family.display,$glo.font.size.48,$glo.font.weight.regular,$glo.font.lineheight.size48 | |
+| | | txt.display.s | $glo.font.family.display,$glo.font.size.24,$glo.font.weight.regular,$glo.font.lineheight.size24 | |
+| | headline | txt.headline.l | $glo.font.family.sys,$glo.font.size.48,$glo.font.weight.bold,$glo.font.lineheight.size48 | |
+| | | txt.headline.m | $glo.font.family.sys,$glo.font.size.36,$glo.font.weight.bold,$glo.font.lineheight.size36 | |
+| | title | txt.title.l | $glo.font.family.sys,$glo.font.size.24,$glo.font.weight.semibold,$glo.font.lineheight.size24 | |
+| | | txt.title.m | $glo.font.family.sys,$glo.font.size.20,$glo.font.weight.semibold,$glo.font.lineheight.size20 | |
+| | | txt.title.s | $glo.font.family.sys,$glo.font.size.16,$glo.font.weight.semibold,$glo.font.lineheight.size16 | |
+| | body | txt.bodySemibold.l | $glo.font.family.sys,$glo.font.size.16,$glo.font.weight.semibold,$glo.font.lineheight.size16 | |
+| | | txt.bodySemibold.m | $glo.font.family.sys,$glo.font.size.14,$glo.font.weight.semibold,$glo.font.lineheight.size14 | |
+| | | txt.bodySemibold.s | $glo.font.family.sys,$glo.font.size.12,$glo.font.weight.semibold,$glo.font.lineheight.size12 | |
+| | | txt.body.l | $glo.font.family.sys,$glo.font.size.16,$glo.font.weight.regular,$glo.font.lineheight.size16 | |
+| | | txt.body.m | $glo.font.family.sys,$glo.font.size.14,$glo.font.weight.regular,$glo.font.lineheight.size14 | |
+| | | txt.body.s | $glo.font.family.sys,$glo.font.size.12,$glo.font.weight.regular,$glo.font.lineheight.size12 | |
+| | | txt.bodyItalic.l | $glo.font.family.sys,$glo.font.size.16,$glo.font.weight.regular,$glo.font.lineheight.size16,$glo.font.style.italic | |
+| | label | txt.label.l | $glo.font.family.sys,$glo.font.size.16,$glo.font.weight.medium,$glo.font.lineheight.size16 | |
+| | | txt.label.m | $glo.font.family.sys,$glo.font.size.14,$glo.font.weight.medium,$glo.font.lineheight.size14 | |
+| | | txt.label.s | $glo.font.family.sys,$glo.font.size.12,$glo.font.weight.medium,$glo.font.lineheight.size12 | |
+| | number | txt.numDisplay.xl | $glo.font.family.numDisplay,$glo.font.size.64,$glo.font.weight.bold,$glo.font.lineheight.size64 | |
+| | | txt.numDisplay.l | $glo.font.family.numDisplay,$glo.font.size.48,$glo.font.weight.bold,$glo.font.lineheight.size48 | |
+| | | txt.numMonotype.xl | $glo.font.family.sys,$glo.font.size.24,$glo.font.weight.bold,$glo.font.lineheight.size24 | |
+| | | txt.numMonotype.l | $glo.font.family.sys,$glo.font.size.20,$glo.font.weight.bold,$glo.font.lineheight.size20 | |
+| | | txt.numMonotype.m | $glo.font.family.sys,$glo.font.size.16,$glo.font.weight.bold,$glo.font.lineheight.size16 | |
+| | | txt.numMonotype.s | $glo.font.family.sys,$glo.font.size.14,$glo.font.weight.medium,$glo.font.lineheight.size14 | |
+| | | txt.numMonotype.xs | $glo.font.family.sys,$glo.font.size.12,$glo.font.weight.regular,$glo.font.lineheight.size12 | |
+| visual style | shadow | shadow.s | @SHA:$glo.color.black,$$glo.transparent.t45,0&0,4,渐变色,ShadowOpacity,便宜,半径 | |
+| | | shadow.m | @SHA:$glo.color.black,$$glo.transparent.t45,0&0,8 | |
+| | | shadow.l | @SHA:$glo.color.black,$$glo.transparent.t45,0&0,16 | |
+| | radius | radius.xs | $glo.radius.4 | |
+| | | radius.s | $glo.radius.8 | |
+| | | radius.m | $glo.radius.12 | |
+| | | radius.l | $glo.radius.16 | |
+| | | radius.xl | $glo.radius.24 | |
+| | | radius.round | $glo.radius.round | |
+| | | radius.pill | $glo.radius.round | |
+| | border | border.divider | $glo.border.1 | |
+| | | border.s | $glo.border.1 | |
+| | | border.m | $glo.border.2 | |
+| | | border.l | $glo.border.4 | |
diff --git a/docs/EnvironmentVariables.md b/docs/EnvironmentVariables.md
new file mode 100644
index 0000000..6574ff3
--- /dev/null
+++ b/docs/EnvironmentVariables.md
@@ -0,0 +1,173 @@
+# 环境变量配置说明
+
+## 概述
+
+本文档说明项目所需的环境变量配置。请在项目根目录创建 `.env.local` 文件并添加以下配置。
+
+## 必需的环境变量
+
+### 应用配置
+
+```bash
+# 应用的基础 URL
+# 开发环境: http://localhost:3000
+# 生产环境: https://test.crushlevel.ai 或您的域名
+NEXT_PUBLIC_APP_URL=https://test.crushlevel.ai
+```
+
+### Discord OAuth 配置
+
+```bash
+# Discord OAuth 客户端 ID
+# 从 Discord Developer Portal 获取
+# https://discord.com/developers/applications
+NEXT_PUBLIC_DISCORD_CLIENT_ID=your_discord_client_id_here
+```
+
+**获取步骤**:
+1. 访问 [Discord Developer Portal](https://discord.com/developers/applications)
+2. 创建或选择应用
+3. 在 OAuth2 设置中配置回调 URL:
+ - `https://test.crushlevel.ai/api/auth/discord/callback`
+ - `http://localhost:3000/api/auth/discord/callback` (开发环境)
+4. 复制 Client ID
+
+### Google OAuth 配置
+
+```bash
+# Google OAuth 客户端 ID
+# 从 Google Cloud Console 获取
+# https://console.cloud.google.com/
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=your_google_client_id_here
+```
+
+**获取步骤**:
+1. 访问 [Google Cloud Console](https://console.cloud.google.com/)
+2. 创建或选择项目
+3. 启用 Google+ API
+4. 创建 OAuth 2.0 客户端 ID
+5. 配置授权重定向 URI:
+ - `https://test.crushlevel.ai/api/auth/google/callback`
+ - `http://localhost:3000/api/auth/google/callback` (开发环境)
+6. 复制客户端 ID
+
+## 环境变量文件示例
+
+创建 `.env.local` 文件:
+
+```bash
+# .env.local
+
+# App Configuration
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+
+# Discord OAuth
+NEXT_PUBLIC_DISCORD_CLIENT_ID=1234567890123456789
+
+# Google OAuth
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=1234567890-abcdefghijklmnopqrstuvwxyz.apps.googleusercontent.com
+```
+
+## 不同环境的配置
+
+### 开发环境 (`.env.local`)
+
+```bash
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_DISCORD_CLIENT_ID=dev_discord_client_id
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=dev_google_client_id
+```
+
+### 生产环境 (`.env.production`)
+
+```bash
+NEXT_PUBLIC_APP_URL=https://test.crushlevel.ai
+NEXT_PUBLIC_DISCORD_CLIENT_ID=prod_discord_client_id
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=prod_google_client_id
+```
+
+## 安全注意事项
+
+### ⚠️ 重要提醒
+
+1. **不要提交敏感信息到 Git**
+ - `.env.local` 已在 `.gitignore` 中
+ - 不要将真实的密钥提交到代码库
+
+2. **使用不同的凭据**
+ - 开发环境和生产环境使用不同的 OAuth 凭据
+ - 定期轮换生产环境的密钥
+
+3. **限制回调 URL**
+ - 只添加必要的回调 URL
+ - 不要使用通配符
+
+4. **环境变量前缀**
+ - `NEXT_PUBLIC_` 前缀的变量会暴露到浏览器
+ - 敏感的服务端密钥不要使用此前缀
+
+## 验证配置
+
+### 检查环境变量是否正确加载
+
+在组件中添加调试代码(仅开发环境):
+
+```typescript
+console.log('App URL:', process.env.NEXT_PUBLIC_APP_URL)
+console.log('Discord Client ID:', process.env.NEXT_PUBLIC_DISCORD_CLIENT_ID)
+console.log('Google Client ID:', process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID)
+```
+
+### 常见问题
+
+**问题 1**: 环境变量未生效
+
+**解决方案**:
+- 重启开发服务器 (`npm run dev`)
+- 确保文件名正确 (`.env.local`)
+- 检查变量名拼写
+
+**问题 2**: OAuth 回调失败
+
+**解决方案**:
+- 检查 `NEXT_PUBLIC_APP_URL` 是否正确
+- 确保回调 URL 在 OAuth 提供商处正确配置
+- 开发环境使用 `http://localhost:3000`,生产环境使用实际域名
+
+**问题 3**: 客户端 ID 无效
+
+**解决方案**:
+- 确认复制的是 Client ID 而不是 Client Secret
+- 检查是否有多余的空格或换行符
+- 确认 OAuth 应用状态为已发布/激活
+
+## 添加新的环境变量
+
+当添加新的环境变量时:
+
+1. 在 `.env.local` 中添加变量
+2. 更新本文档
+3. 通知团队成员更新他们的本地配置
+4. 在部署平台(Vercel/Netlify 等)配置生产环境变量
+
+## 部署平台配置
+
+### Vercel
+
+1. 进入项目设置
+2. 选择 "Environment Variables"
+3. 添加所有 `NEXT_PUBLIC_*` 变量
+4. 为不同环境(Production/Preview/Development)设置不同的值
+
+### Netlify
+
+1. 进入 Site settings
+2. 选择 "Build & deploy" > "Environment"
+3. 添加环境变量
+
+## 相关文档
+
+- [Next.js 环境变量文档](https://nextjs.org/docs/app/building-your-application/configuring/environment-variables)
+- [Discord OAuth 文档](https://discord.com/developers/docs/topics/oauth2)
+- [Google OAuth 文档](https://developers.google.com/identity/protocols/oauth2)
+
diff --git a/docs/GoogleOAuth-GIS.md b/docs/GoogleOAuth-GIS.md
new file mode 100644
index 0000000..073e36d
--- /dev/null
+++ b/docs/GoogleOAuth-GIS.md
@@ -0,0 +1,391 @@
+# Google Identity Services (GIS) 登录集成文档
+
+## 概述
+
+使用最新的 **Google Identity Services (GIS)** SDK 实现 Google 登录,无需页面跳转,通过弹窗方式完成授权,用户体验更好。
+
+## 新旧方式对比
+
+### 旧方式(OAuth 2.0 重定向流程)
+```
+用户点击按钮 → 跳转到 Google 授权页面 → 授权后重定向回应用
+```
+❌ 需要页面跳转
+❌ 需要配置回调路由
+❌ 用户体验不连贯
+
+### 新方式(Google Identity Services)
+```
+用户点击按钮 → 弹出 Google 授权窗口 → 授权后直接回调
+```
+✅ 无需页面跳转
+✅ 无需回调路由
+✅ 用户体验流畅
+✅ 更安全(弹窗隔离)
+
+## 实现架构
+
+### 工作流程
+
+```
+用户点击 "Continue with Google"
+ ↓
+加载 Google Identity Services SDK
+ ↓
+初始化 Code Client
+ ↓
+弹出 Google 授权窗口
+ ↓
+用户授权
+ ↓
+回调函数接收授权码
+ ↓
+调用后端登录接口
+ ↓
+登录成功,跳转到首页
+```
+
+## 核心文件
+
+### 1. Google OAuth 配置 (`src/lib/oauth/google.ts`)
+
+**主要功能**:
+- 定义 Google Identity Services 的 TypeScript 类型
+- 提供 SDK 加载方法
+- 提供 Code Client 初始化方法
+
+**关键代码**:
+```typescript
+export const googleOAuth = {
+ // 加载 Google Identity Services SDK
+ loadScript: (): Promise => {
+ return new Promise((resolve, reject) => {
+ if (window.google?.accounts) {
+ resolve()
+ return
+ }
+
+ const script = document.createElement('script')
+ script.src = 'https://accounts.google.com/gsi/client'
+ script.async = true
+ script.defer = true
+ script.onload = () => resolve()
+ script.onerror = () => reject(new Error('Failed to load SDK'))
+
+ document.head.appendChild(script)
+ })
+ },
+
+ // 初始化 Code Client(获取授权码)
+ initCodeClient: (callback, errorCallback) => {
+ return window.google.accounts.oauth2.initCodeClient({
+ client_id: GOOGLE_CLIENT_ID,
+ scope: GOOGLE_SCOPES,
+ ux_mode: 'popup',
+ callback,
+ error_callback: errorCallback
+ })
+ }
+}
+```
+
+### 2. GoogleButton 组件 (`src/app/(auth)/login/components/GoogleButton.tsx`)
+
+**主要功能**:
+- 加载 Google Identity Services SDK
+- 初始化 Code Client
+- 处理授权码回调
+- 调用后端登录接口
+
+**关键实现**:
+
+#### SDK 加载
+```typescript
+useEffect(() => {
+ const loadGoogleSDK = async () => {
+ try {
+ await googleOAuth.loadScript()
+ console.log('Google Identity Services SDK loaded')
+ } catch (error) {
+ console.error('Failed to load Google SDK:', error)
+ toast.error("Failed to load Google login")
+ }
+ }
+
+ loadGoogleSDK()
+}, [])
+```
+
+#### 授权码处理
+```typescript
+const handleGoogleResponse = async (response: GoogleCodeResponse) => {
+ const deviceId = tokenManager.getDeviceId()
+ const loginData = {
+ appClient: AppClient.Web,
+ deviceCode: deviceId,
+ thirdToken: response.code, // Google 授权码
+ thirdType: ThirdType.Google
+ }
+
+ login.mutate(loginData, {
+ onSuccess: () => {
+ toast.success("Login successful")
+ router.push('/')
+ },
+ onError: (error) => {
+ toast.error("Login failed")
+ }
+ })
+}
+```
+
+#### 登录按钮点击
+```typescript
+const handleGoogleLogin = async () => {
+ // 确保 SDK 已加载
+ if (!window.google?.accounts?.oauth2) {
+ await googleOAuth.loadScript()
+ }
+
+ // 初始化 Code Client
+ if (!codeClientRef.current) {
+ codeClientRef.current = googleOAuth.initCodeClient(
+ handleGoogleResponse,
+ handleGoogleError
+ )
+ }
+
+ // 请求授权码(弹出授权窗口)
+ codeClientRef.current.requestCode()
+}
+```
+
+## 环境变量配置
+
+只需要配置客户端 ID,不需要配置回调 URL:
+
+```bash
+# .env.local
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=你的Google客户端ID
+```
+
+### 获取 Google OAuth 凭据
+
+1. 访问 [Google Cloud Console](https://console.cloud.google.com/)
+2. 创建或选择项目
+3. 启用 Google+ API
+4. 创建 OAuth 2.0 客户端 ID
+5. 应用类型选择 "Web 应用"
+6. **授权的 JavaScript 来源**添加:
+ ```
+ http://localhost:3000
+ https://test.crushlevel.ai
+ ```
+7. **授权的重定向 URI** 可以留空(GIS 不需要)
+8. 复制客户端 ID
+
+## 后端接口要求
+
+与之前相同,后端接收授权码并完成登录:
+
+```typescript
+POST /api/auth/login
+
+{
+ "appClient": "WEB",
+ "deviceCode": "设备ID",
+ "thirdToken": "Google授权码",
+ "thirdType": "GOOGLE"
+}
+```
+
+后端需要:
+1. 使用授权码向 Google 交换 access_token
+2. 使用 access_token 获取用户信息
+3. 创建或更新用户
+4. 返回应用的登录 token
+
+## 优势
+
+### 1. 更好的用户体验
+- ✅ 无需离开当前页面
+- ✅ 弹窗授权,快速完成
+- ✅ 不打断用户操作流程
+
+### 2. 更简单的实现
+- ✅ 不需要回调路由
+- ✅ 不需要处理 URL 参数
+- ✅ 不需要 state 验证
+- ✅ 代码更简洁
+
+### 3. 更安全
+- ✅ 弹窗隔离,防止钓鱼
+- ✅ SDK 自动处理安全验证
+- ✅ 支持 CORS 和 CSP
+
+### 4. 更现代
+- ✅ Google 官方推荐方式
+- ✅ 持续维护和更新
+- ✅ 更好的浏览器兼容性
+
+## 与旧实现的对比
+
+| 特性 | 旧方式(重定向) | 新方式(GIS) |
+|------|----------------|--------------|
+| 页面跳转 | ✅ 需要 | ❌ 不需要 |
+| 回调路由 | ✅ 需要 | ❌ 不需要 |
+| State 验证 | ✅ 需要手动实现 | ❌ SDK 自动处理 |
+| URL 参数处理 | ✅ 需要 | ❌ 不需要 |
+| 用户体验 | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
+| 代码复杂度 | 高 | 低 |
+| 维护成本 | 高 | 低 |
+
+## 常见问题
+
+### Q: SDK 加载失败怎么办?
+A:
+- 检查网络连接
+- 确认没有被广告拦截器阻止
+- 检查浏览器控制台错误信息
+
+### Q: 弹窗被浏览器拦截?
+A:
+- 确保在用户点击事件中调用 `requestCode()`
+- 不要在异步操作后调用
+- 检查浏览器弹窗设置
+
+### Q: 授权后没有回调?
+A:
+- 检查回调函数是否正确绑定
+- 查看浏览器控制台是否有错误
+- 确认 Client ID 配置正确
+
+### Q: 用户取消授权如何处理?
+A:
+```typescript
+const handleGoogleError = (error: any) => {
+ // 用户取消授权不显示错误提示
+ if (error.type === 'popup_closed') {
+ return
+ }
+
+ toast.error("Google login failed")
+}
+```
+
+## 测试清单
+
+### 本地测试
+- [ ] SDK 正常加载
+- [ ] 点击按钮弹出授权窗口
+- [ ] 授权后正确回调
+- [ ] 授权码正确传递给后端
+- [ ] 登录成功后正确跳转
+- [ ] 用户取消授权的处理
+- [ ] 错误情况的处理
+
+### 生产环境测试
+- [ ] 配置正确的 JavaScript 来源
+- [ ] HTTPS 证书有效
+- [ ] 环境变量配置正确
+- [ ] 后端接口正常工作
+- [ ] 不同浏览器测试
+
+## 浏览器兼容性
+
+Google Identity Services 支持:
+- ✅ Chrome 90+
+- ✅ Firefox 88+
+- ✅ Safari 14+
+- ✅ Edge 90+
+
+## 安全注意事项
+
+### 1. 客户端 ID 保护
+虽然客户端 ID 是公开的,但仍需注意:
+- 限制授权的 JavaScript 来源
+- 定期检查使用情况
+- 发现异常及时更换
+
+### 2. 授权码处理
+- 授权码只能使用一次
+- 及时传递给后端
+- 不要在客户端存储
+
+### 3. HTTPS 要求
+- 生产环境必须使用 HTTPS
+- 本地开发可以使用 HTTP
+
+## 迁移指南
+
+如果你之前使用的是旧的重定向方式,迁移步骤:
+
+1. **更新配置文件**
+ - 使用新的 `src/lib/oauth/google.ts`
+
+2. **更新组件**
+ - 使用新的 `GoogleButton.tsx`
+
+3. **删除回调路由**
+ - 删除 `src/app/api/auth/google/callback/route.ts`
+
+4. **更新 Google Cloud Console**
+ - 添加授权的 JavaScript 来源
+ - 可以移除重定向 URI(可选)
+
+5. **测试**
+ - 完整测试登录流程
+ - 确认所有功能正常
+
+## 扩展功能
+
+### 1. One Tap 登录
+可以添加 Google One Tap 功能,自动显示登录提示:
+
+```typescript
+window.google.accounts.id.initialize({
+ client_id: GOOGLE_CLIENT_ID,
+ callback: handleCredentialResponse
+})
+
+window.google.accounts.id.prompt()
+```
+
+### 2. 自动登录
+可以实现自动登录功能:
+
+```typescript
+window.google.accounts.id.initialize({
+ client_id: GOOGLE_CLIENT_ID,
+ callback: handleCredentialResponse,
+ auto_select: true
+})
+```
+
+### 3. 自定义按钮样式
+可以使用 Google 提供的标准按钮:
+
+```typescript
+window.google.accounts.id.renderButton(
+ document.getElementById('buttonDiv'),
+ { theme: 'outline', size: 'large' }
+)
+```
+
+## 相关文档
+
+- [Google Identity Services 官方文档](https://developers.google.com/identity/gsi/web)
+- [Code Model 文档](https://developers.google.com/identity/oauth2/web/guides/use-code-model)
+- [迁移指南](https://developers.google.com/identity/gsi/web/guides/migration)
+
+## 总结
+
+使用 Google Identity Services 是 Google 官方推荐的最新方式,相比传统的 OAuth 重定向流程:
+
+✅ **用户体验更好** - 无需页面跳转
+✅ **实现更简单** - 代码量更少
+✅ **维护更容易** - 无需处理复杂的回调
+✅ **更加安全** - SDK 自动处理安全验证
+
+强烈建议新项目直接使用这种方式!
+
diff --git a/docs/GoogleOAuth-QuickStart.md b/docs/GoogleOAuth-QuickStart.md
new file mode 100644
index 0000000..68bea00
--- /dev/null
+++ b/docs/GoogleOAuth-QuickStart.md
@@ -0,0 +1,136 @@
+# Google OAuth 快速开始指南
+
+## 5 分钟快速集成
+
+### 步骤 1: 获取 Google OAuth 凭据
+
+1. 访问 [Google Cloud Console](https://console.cloud.google.com/)
+2. 创建新项目或选择现有项目
+3. 在左侧菜单选择 "API 和服务" > "凭据"
+4. 点击 "创建凭据" > "OAuth 客户端 ID"
+5. 选择应用类型为 "Web 应用"
+6. 配置授权重定向 URI:
+ ```
+ http://localhost:3000/api/auth/google/callback
+ ```
+7. 点击"创建"并复制客户端 ID
+
+### 步骤 2: 配置环境变量
+
+在项目根目录创建 `.env.local` 文件:
+
+```bash
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=你的客户端ID
+```
+
+### 步骤 3: 重启开发服务器
+
+```bash
+npm run dev
+```
+
+### 步骤 4: 测试登录
+
+1. 访问 http://localhost:3000/login
+2. 点击 "Continue with Google" 按钮
+3. 选择 Google 账号并授权
+4. 应该会重定向回应用并完成登录
+
+## 文件清单
+
+已创建的文件:
+- ✅ `src/lib/oauth/google.ts` - Google OAuth 配置
+- ✅ `src/app/(auth)/login/components/GoogleButton.tsx` - Google 登录按钮组件
+- ✅ `src/app/api/auth/google/callback/route.ts` - OAuth 回调路由
+- ✅ `src/app/(auth)/login/components/login-form.tsx` - 已更新使用 GoogleButton
+
+## 工作流程
+
+```
+用户点击按钮
+ ↓
+GoogleButton.handleGoogleLogin()
+ ↓
+跳转到 Google 授权页面
+ ↓
+用户授权
+ ↓
+Google 重定向到 /api/auth/google/callback
+ ↓
+API 路由提取 code 并重定向到 /login?google_code=xxx
+ ↓
+GoogleButton.useEffect() 检测到 google_code
+ ↓
+调用后端登录接口 (thirdType: Google)
+ ↓
+登录成功,跳转到首页
+```
+
+## 后端接口要求
+
+后端需要处理以下登录请求:
+
+```typescript
+POST /api/auth/login
+
+{
+ "appClient": "WEB",
+ "deviceCode": "设备ID",
+ "thirdToken": "Google授权码",
+ "thirdType": "GOOGLE"
+}
+```
+
+后端需要:
+1. 使用授权码向 Google 交换 access_token
+2. 使用 access_token 获取用户信息
+3. 创建或更新用户
+4. 返回应用的登录 token
+
+## 常见问题
+
+### Q: 点击按钮后没有跳转?
+A: 检查浏览器控制台是否有错误,确认环境变量已正确配置。
+
+### Q: 回调后显示错误?
+A: 检查 Google Cloud Console 中的回调 URL 配置是否正确。
+
+### Q: 登录接口调用失败?
+A: 确认后端接口已实现并支持 Google 登录。
+
+## 生产环境部署
+
+### 1. 更新 Google OAuth 配置
+
+在 Google Cloud Console 添加生产环境回调 URL:
+```
+https://your-domain.com/api/auth/google/callback
+```
+
+### 2. 更新环境变量
+
+```bash
+NEXT_PUBLIC_APP_URL=https://your-domain.com
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=生产环境客户端ID
+```
+
+### 3. 部署
+
+确保在部署平台(Vercel/Netlify)配置了正确的环境变量。
+
+## 下一步
+
+- [ ] 测试完整的登录流程
+- [ ] 添加错误处理和用户反馈
+- [ ] 实现登出功能
+- [ ] 添加用户信息展示
+- [ ] 考虑添加 Apple 登录
+
+## 技术支持
+
+如有问题,请参考:
+- [完整文档](./GoogleOAuth.md)
+- [环境变量配置](./EnvironmentVariables.md)
+- [Google OAuth 官方文档](https://developers.google.com/identity/protocols/oauth2)
+
diff --git a/docs/GoogleOAuth.md b/docs/GoogleOAuth.md
new file mode 100644
index 0000000..b3e97fd
--- /dev/null
+++ b/docs/GoogleOAuth.md
@@ -0,0 +1,289 @@
+# Google OAuth 登录集成文档
+
+## 功能概述
+
+实现了 Google OAuth 2.0 登录功能,参考 Discord 登录的实现模式,用户可以通过 Google 账号快速登录应用。
+
+## 实现架构
+
+### 1. OAuth 流程
+
+```
+用户点击 "Continue with Google"
+ ↓
+跳转到 Google 授权页面
+ ↓
+用户授权后,Google 重定向到回调 URL
+ ↓
+API 路由接收授权码并重定向回登录页
+ ↓
+前端获取授权码并调用后端登录接口
+ ↓
+登录成功,跳转到首页或指定页面
+```
+
+## 文件结构
+
+```
+src/
+├── lib/
+│ └── oauth/
+│ ├── discord.ts # Discord OAuth 配置
+│ └── google.ts # Google OAuth 配置 (新增)
+├── app/
+│ ├── (auth)/
+│ │ └── login/
+│ │ └── components/
+│ │ ├── DiscordButton.tsx # Discord 登录按钮
+│ │ ├── GoogleButton.tsx # Google 登录按钮 (新增)
+│ │ └── login-form.tsx # 登录表单 (已更新)
+│ └── api/
+│ └── auth/
+│ ├── discord/
+│ │ └── callback/
+│ │ └── route.ts # Discord 回调路由
+│ └── google/
+│ └── callback/
+│ └── route.ts # Google 回调路由 (新增)
+```
+
+## 核心文件说明
+
+### 1. Google OAuth 配置 (`src/lib/oauth/google.ts`)
+
+```typescript
+export const googleOAuth = {
+ getAuthUrl: (state?: string): string => {
+ // 构建 Google OAuth 授权 URL
+ // 包含 client_id, redirect_uri, scope 等参数
+ }
+}
+```
+
+**配置参数**:
+- `client_id`: Google OAuth 客户端 ID
+- `redirect_uri`: 授权后的回调 URL
+- `scope`: 请求的权限范围(email, profile)
+- `access_type`: offline(获取 refresh_token)
+- `prompt`: consent(每次都显示授权页面)
+
+### 2. GoogleButton 组件 (`src/app/(auth)/login/components/GoogleButton.tsx`)
+
+**功能**:
+- 处理 Google 登录按钮点击事件
+- 生成随机 state 用于安全验证
+- 跳转到 Google 授权页面
+- 处理 OAuth 回调(授权码)
+- 调用后端登录接口
+- 处理登录成功/失败的重定向
+
+**关键方法**:
+```typescript
+const handleGoogleLogin = () => {
+ // 1. 生成 state
+ const state = Math.random().toString(36).substring(2, 15)
+
+ // 2. 获取授权 URL
+ const authUrl = googleOAuth.getAuthUrl(state)
+
+ // 3. 保存 state 到 sessionStorage
+ sessionStorage.setItem('google_oauth_state', state)
+
+ // 4. 跳转到 Google 授权页面
+ window.location.href = authUrl
+}
+```
+
+**OAuth 回调处理**:
+```typescript
+useEffect(() => {
+ const googleCode = searchParams.get('google_code')
+ const googleState = searchParams.get('google_state')
+
+ if (googleCode) {
+ // 验证 state
+ // 调用后端登录接口
+ // 处理登录结果
+ }
+}, [])
+```
+
+### 3. Google 回调路由 (`src/app/api/auth/google/callback/route.ts`)
+
+**功能**:
+- 接收 Google OAuth 回调
+- 提取授权码 (code) 和 state
+- 重定向回登录页面,并将参数传递给前端
+
+```typescript
+export async function GET(request: NextRequest) {
+ const code = searchParams.get('code')
+ const state = searchParams.get('state')
+
+ // 重定向到登录页,携带 google_code 和 google_state
+ redirectUrl.searchParams.set('google_code', code)
+ redirectUrl.searchParams.set('google_state', state)
+
+ return NextResponse.redirect(redirectUrl)
+}
+```
+
+## 环境变量配置
+
+需要在 `.env.local` 中添加以下环境变量:
+
+```bash
+# Google OAuth 配置
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=your_google_client_id_here
+NEXT_PUBLIC_APP_URL=https://test.crushlevel.ai
+```
+
+### 获取 Google OAuth 凭据
+
+1. 访问 [Google Cloud Console](https://console.cloud.google.com/)
+2. 创建或选择一个项目
+3. 启用 Google+ API
+4. 创建 OAuth 2.0 客户端 ID
+5. 配置授权重定向 URI:
+ ```
+ https://test.crushlevel.ai/api/auth/google/callback
+ http://localhost:3000/api/auth/google/callback (开发环境)
+ ```
+6. 复制客户端 ID 到环境变量
+
+## 后端接口要求
+
+后端需要实现登录接口,接收以下参数:
+
+```typescript
+interface LoginRequest {
+ appClient: AppClient.Web
+ deviceCode: string // 设备唯一标识
+ thirdToken: string // Google 授权码
+ thirdType: ThirdType.Google // 第三方类型
+}
+```
+
+后端需要:
+1. 使用授权码向 Google 交换 access_token
+2. 使用 access_token 获取用户信息
+3. 创建或更新用户账号
+4. 返回应用的登录 token
+
+## 安全特性
+
+### 1. State 参数验证
+- 前端生成随机 state 并保存到 sessionStorage
+- 回调时验证 state 是否匹配
+- 防止 CSRF 攻击
+
+### 2. 授权码模式
+- 使用 OAuth 2.0 授权码流程
+- 授权码只能使用一次
+- Token 交换在后端进行,更安全
+
+### 3. URL 参数清理
+- 登录成功后清理 URL 中的敏感参数
+- 防止参数泄露
+
+## 用户体验优化
+
+### 1. 重定向保持
+```typescript
+// 保存登录前的页面
+sessionStorage.setItem('login_redirect_url', redirect || '')
+
+// 登录成功后跳转回原页面
+const loginRedirectUrl = sessionStorage.getItem('login_redirect_url')
+if (loginRedirectUrl) {
+ router.push(loginRedirectUrl)
+}
+```
+
+### 2. 错误处理
+- 授权失败时显示友好的错误提示
+- 自动清理 URL 参数
+- 不影响用户继续尝试登录
+
+### 3. 加载状态
+- 使用 `useLogin` Hook 的 loading 状态
+- 可以添加 loading 动画提升体验
+
+## 测试清单
+
+### 本地测试
+- [ ] 点击 Google 登录按钮跳转到 Google 授权页面
+- [ ] 授权后正确回调到应用
+- [ ] 授权码正确传递给后端
+- [ ] 登录成功后跳转到首页
+- [ ] State 参数验证正常工作
+- [ ] 错误情况处理正确
+
+### 生产环境测试
+- [ ] 配置正确的回调 URL
+- [ ] HTTPS 证书有效
+- [ ] 环境变量配置正确
+- [ ] 后端接口正常工作
+
+## 常见问题
+
+### 1. 回调 URL 不匹配
+**错误**: `redirect_uri_mismatch`
+
+**解决方案**:
+- 检查 Google Cloud Console 中配置的回调 URL
+- 确保 `NEXT_PUBLIC_APP_URL` 环境变量正确
+- 开发环境和生产环境需要分别配置
+
+### 2. State 验证失败
+**错误**: "Google login failed"
+
+**解决方案**:
+- 检查 sessionStorage 是否正常工作
+- 确保没有跨域问题
+- 检查浏览器是否禁用了 cookie/storage
+
+### 3. 授权码已使用
+**错误**: 后端返回授权码无效
+
+**解决方案**:
+- 授权码只能使用一次
+- 避免重复调用登录接口
+- 清理 URL 参数防止页面刷新时重复使用
+
+## 与 Discord 登录的对比
+
+| 特性 | Discord | Google |
+|------|---------|--------|
+| OAuth Provider | Discord | Google |
+| Scopes | identify, email | userinfo.email, userinfo.profile |
+| 授权 URL | discord.com/api/oauth2/authorize | accounts.google.com/o/oauth2/v2/auth |
+| 回调路由 | /api/auth/discord/callback | /api/auth/google/callback |
+| URL 参数 | discord_code, discord_state | google_code, google_state |
+| ThirdType | Discord | Google |
+
+## 扩展建议
+
+### 1. 添加 Apple 登录
+参考 Google 登录的实现,创建:
+- `src/lib/oauth/apple.ts`
+- `src/app/(auth)/login/components/AppleButton.tsx`
+- `src/app/api/auth/apple/callback/route.ts`
+
+### 2. 统一 OAuth 处理
+可以创建通用的 OAuth Hook:
+```typescript
+const useOAuthLogin = (provider: 'google' | 'discord' | 'apple') => {
+ // 通用的 OAuth 登录逻辑
+}
+```
+
+### 3. 添加登录统计
+记录不同登录方式的使用情况,优化用户体验。
+
+## 相关文档
+
+- [Google OAuth 2.0 文档](https://developers.google.com/identity/protocols/oauth2)
+- [Next.js API Routes](https://nextjs.org/docs/app/building-your-application/routing/route-handlers)
+- Discord OAuth 实现参考
+
diff --git a/docs/MessageLikeFeature.md b/docs/MessageLikeFeature.md
new file mode 100644
index 0000000..b0555d2
--- /dev/null
+++ b/docs/MessageLikeFeature.md
@@ -0,0 +1,244 @@
+# 消息点赞功能实现
+
+## 概述
+
+本功能基于网易云信 NIM Web SDK V2 实现了聊天消息的点赞和踩功能,通过更新消息的 `serverExtension` 字段来持久化存储用户的点赞状态,使用 NIM SDK 的 `modifyMessage` API 实现服务端同步。
+
+## 功能特性
+
+- ✅ 支持对AI回复消息进行点赞/踩
+- ✅ 简洁的状态标记:只记录用户的点赞/踩状态,不统计数量
+- ✅ 视觉反馈:点赞后按钮高亮显示
+- ✅ 防重复点赞:再次点击取消点赞
+- ✅ 状态持久化:通过 NIM SDK 的 `serverExtension` 字段保存到云端
+- ✅ 多用户支持:支持多个用户对同一消息进行独立的点赞
+- ✅ 自动同步:点赞状态自动同步到所有客户端
+- ✅ 轻量级:简化数据结构,减少存储空间
+
+## 技术实现
+
+### 1. 数据结构
+
+#### MessageLikeStatus 枚举
+```typescript
+export enum MessageLikeStatus {
+ None = 'none', // 未点赞/踩
+ Liked = 'liked', // 已点赞
+ Disliked = 'disliked' // 已踩
+}
+```
+
+#### MessageServerExtension 接口(简化版)
+```typescript
+export interface MessageServerExtension {
+ [userId: string]: MessageLikeStatus; // 用户ID -> 点赞状态的直接映射
+}
+```
+
+#### 工具函数
+```typescript
+// 解析消息的serverExtension字段
+export const parseMessageServerExtension = (serverExtension?: string): MessageServerExtension
+
+// 序列化MessageServerExtension对象
+export const stringifyMessageServerExtension = (extension: MessageServerExtension): string
+
+// 获取用户对消息的点赞状态
+export const getUserLikeStatus = (message: ExtendedMessage, userId: string): MessageLikeStatus
+```
+
+### 2. 核心功能
+
+#### NimMsgContext 扩展
+在 `NimMsgContext` 中添加了 `updateMessageLikeStatus` 方法,使用 NIM SDK 的 `modifyMessage` API:
+
+```typescript
+const updateMessageLikeStatus = useCallback(async (
+ conversationId: string,
+ messageClientId: string,
+ likeStatus: MessageLikeStatus
+) => {
+ // 1. 获取当前登录用户ID
+ const currentUserId = nim.V2NIMLoginService.getLoginUser();
+
+ // 2. 解析当前消息的serverExtension
+ const currentServerExt = parseMessageServerExtension(targetMessage.serverExtension);
+
+ // 3. 更新用户的点赞状态(简化版)
+ const newServerExt = { ...currentServerExt };
+ if (likeStatus === MessageLikeStatus.None) {
+ delete newServerExt[currentUserId]; // 移除点赞状态
+ } else {
+ newServerExt[currentUserId] = likeStatus; // 设置新状态
+ }
+
+ // 4. 调用NIM SDK更新消息
+ const modifyResult = await nim.V2NIMMessageService.modifyMessage(targetMessage, {
+ serverExtension: stringifyMessageServerExtension(newServerExt)
+ });
+
+ // 5. 更新本地状态
+ addMsg(conversationId, [modifyResult.message], false);
+}, [addMsg]);
+```
+
+#### useMessageLike Hook
+提供便捷的点赞操作方法:
+
+```typescript
+const {
+ likeMessage, // 点赞消息
+ dislikeMessage, // 踩消息
+ cancelLikeMessage, // 取消点赞/踩
+ toggleLike, // 切换点赞状态
+ toggleDislike, // 切换踩状态
+} = useMessageLike();
+```
+
+### 3. UI组件
+
+#### ChatOtherTextContainer
+AI消息容器组件已集成点赞功能:
+
+- 鼠标悬停显示操作按钮
+- 点赞后按钮高亮(红色)
+- 踩后按钮高亮(灰色)
+- 显示点赞/踩数量
+
+## 使用方法
+
+### 基本用法
+
+```typescript
+import { useMessageLike } from '@/hooks/useMessageLike';
+import { getUserLikeStatus, MessageLikeStatus } from '@/atoms/im';
+import { useNimChat } from '@/context/NimChat/useNimChat';
+
+const MyComponent = ({ message }: { message: ExtendedMessage }) => {
+ const { toggleLike, toggleDislike } = useMessageLike();
+ const { nim } = useNimChat();
+
+ // 获取当前用户的点赞状态
+ const currentUserId = nim.V2NIMLoginService.getLoginUser();
+ const currentStatus = getUserLikeStatus(message, currentUserId || '');
+
+ const handleLike = async () => {
+ await toggleLike(message.conversationId, message.messageClientId, currentStatus);
+ };
+
+ const handleDislike = async () => {
+ await toggleDislike(message.conversationId, message.messageClientId, currentStatus);
+ };
+
+ return (
+
+
+
+
+ );
+};
+```
+
+### 高级用法
+
+```typescript
+// 直接设置点赞状态
+await likeMessage(conversationId, messageClientId);
+
+// 直接设置踩状态
+await dislikeMessage(conversationId, messageClientId);
+
+// 取消所有状态
+await cancelLikeMessage(conversationId, messageClientId);
+```
+
+## 状态管理
+
+点赞状态通过以下方式管理:
+
+1. **服务端状态**: 存储在 `message.serverExtension` 字段中,通过 NIM SDK 同步到云端
+2. **多用户支持**: 每个用户的点赞状态独立存储,使用用户ID作为键
+3. **简化存储**: 仅存储用户的点赞状态,不计算总数,节省存储空间
+4. **状态同步**: 通过 `msgListAtom` 全局状态管理,并通过 NIM SDK 自动同步到所有客户端
+5. **持久化**: 点赞状态持久化存储在 NIM 服务器,不会丢失
+
+## 扩展建议
+
+### 1. 消息更新监听
+由于使用了 NIM SDK 的 `modifyMessage` API,建议监听消息更新事件:
+
+```typescript
+// 监听消息修改事件
+nim.V2NIMMessageService.on('onMessageUpdated', (messages: V2NIMMessage[]) => {
+ messages.forEach(message => {
+ // 处理点赞状态更新
+ const serverExt = parseMessageServerExtension(message.serverExtension);
+ if (serverExt.likes) {
+ console.log('消息点赞状态已更新:', message.messageClientId, serverExt);
+ }
+ });
+});
+```
+
+### 2. 错误处理
+为点赞操作添加错误处理和重试机制:
+
+```typescript
+const updateMessageLikeStatusWithRetry = async (
+ conversationId: string,
+ messageClientId: string,
+ likeStatus: MessageLikeStatus,
+ retryCount = 3
+) => {
+ try {
+ await updateMessageLikeStatus(conversationId, messageClientId, likeStatus);
+ } catch (error) {
+ if (retryCount > 0) {
+ console.log(`点赞失败,剩余重试次数: ${retryCount}`, error);
+ await new Promise(resolve => setTimeout(resolve, 1000)); // 等待1秒
+ return updateMessageLikeStatusWithRetry(conversationId, messageClientId, likeStatus, retryCount - 1);
+ } else {
+ throw error;
+ }
+ }
+};
+```
+
+### 3. 批量操作
+对于大量消息的点赞状态批量更新:
+
+```typescript
+const batchUpdateLikes = (updates: Array<{
+ conversationId: string;
+ messageClientId: string;
+ likeStatus: MessageLikeStatus;
+}>) => {
+ // 批量更新逻辑
+};
+```
+
+## 注意事项
+
+1. **性能考虑**: 点赞状态更新会触发组件重渲染,建议使用 React.memo 优化
+2. **网络请求**: 每次点赞都会调用 NIM SDK 的 `modifyMessage` API,请考虑网络状况
+3. **并发控制**: 快速连续点击可能导致并发请求,建议添加防抖或节流
+4. **权限验证**: NIM SDK 会自动验证用户权限,无需额外处理
+5. **消息类型限制**: `modifyMessage` API 仅支持特定类型的消息,请参考 NIM 文档
+6. **扩展字段大小**: `serverExtension` 字段有大小限制,请合理设计数据结构
+
+## 相关文件
+
+- `src/atoms/im.ts` - 数据类型定义
+- `src/context/NimChat/NimMsgContext.tsx` - 核心逻辑
+- `src/hooks/useMessageLike.ts` - 便捷Hook
+- `src/app/(main)/chat/[aiId]/components/ChatMessageItems/ChatOtherTextContainer.tsx` - UI实现
diff --git a/docs/URLTextParameter.md b/docs/URLTextParameter.md
new file mode 100644
index 0000000..d078e7c
--- /dev/null
+++ b/docs/URLTextParameter.md
@@ -0,0 +1,111 @@
+# URL Text 参数功能说明
+
+## 功能概述
+
+实现了从 URL 参数中获取 `text` 并自动填充到聊天输入框的功能。用户点击对话建议时,会跳转到聊天页面并自动填充对应的文本。
+
+## 实现细节
+
+### 1. StartChatItem 组件
+
+**文件位置**: `src/app/(main)/home/components/StartChat/StartChatItem.tsx`
+
+**功能**:
+- 对话建议列表中的每一项都是一个链接
+- 点击时跳转到聊天页面,并将建议文本作为 URL 参数传递
+- 使用 `encodeURIComponent()` 对文本进行编码,确保特殊字符正确传递
+
+**示例**:
+```tsx
+
+ {suggestion}
+
+```
+
+### 2. ChatInput 组件
+
+**文件位置**: `src/app/(main)/chat/[aiId]/components/ChatMessageAction/ChatInput.tsx`
+
+**功能**:
+- 使用 `useSearchParams()` Hook 获取 URL 参数
+- 在组件挂载时检查是否有 `text` 参数
+- 如果有,自动填充到输入框并聚焦
+
+**实现代码**:
+```tsx
+const searchParams = useSearchParams();
+
+useEffect(() => {
+ const textFromUrl = searchParams.get('text');
+ if (textFromUrl) {
+ setMessage(textFromUrl);
+ // 聚焦到输入框
+ if (textareaRef.current) {
+ textareaRef.current.focus();
+ }
+ }
+}, [searchParams]);
+```
+
+## 使用场景
+
+### 场景 1: 对话建议快捷回复
+用户在首页看到 AI 角色的对话建议,点击后:
+1. 跳转到聊天页面
+2. 建议文本自动填充到输入框
+3. 用户可以直接发送或修改后发送
+
+### 场景 2: 外部链接跳转
+可以通过外部链接直接跳转到聊天页面并预填充文本:
+```
+https://your-domain.com/chat/123?text=Hello%20there!
+```
+
+## URL 参数格式
+
+- **参数名**: `text`
+- **编码方式**: URL 编码 (使用 `encodeURIComponent`)
+- **示例**:
+ - 原始文本: `How is your day ?`
+ - 编码后: `How%20is%20your%20day%20%3F`
+ - 完整 URL: `/chat/123?text=How%20is%20your%20day%20%3F`
+
+## 注意事项
+
+1. **URL 编码**: 必须使用 `encodeURIComponent()` 对文本进行编码,避免特殊字符导致 URL 解析错误
+2. **自动聚焦**: 填充文本后会自动聚焦到输入框,提升用户体验
+3. **单次触发**: URL 参数只在组件挂载或 `searchParams` 变化时读取一次
+4. **不影响现有功能**: 如果 URL 中没有 `text` 参数,输入框保持原有行为
+
+## 扩展建议
+
+### 可能的增强功能:
+
+1. **清除 URL 参数**: 填充文本后清除 URL 中的 `text` 参数,避免刷新页面时重复填充
+ ```tsx
+ const router = useRouter();
+ // 填充后清除参数
+ router.replace(`/chat/${aiId}`, { scroll: false });
+ ```
+
+2. **支持多个参数**: 可以扩展支持其他参数,如 `image`、`voice` 等
+ ```
+ /chat/123?text=Hello&image=https://...
+ ```
+
+3. **参数验证**: 添加文本长度限制和内容验证
+ ```tsx
+ if (textFromUrl && textFromUrl.length <= 1000) {
+ setMessage(textFromUrl);
+ }
+ ```
+
+## 相关文件
+
+- `src/app/(main)/home/components/StartChat/StartChatItem.tsx` - 发起跳转的组件
+- `src/app/(main)/chat/[aiId]/components/ChatMessageAction/ChatInput.tsx` - 接收参数的组件
+- `src/app/(main)/home/context/AudioPlayerContext.tsx` - 音频播放上下文(相关功能)
+
diff --git a/docs/VoiceTTSIntegration.md b/docs/VoiceTTSIntegration.md
new file mode 100644
index 0000000..3916542
--- /dev/null
+++ b/docs/VoiceTTSIntegration.md
@@ -0,0 +1,169 @@
+# 语音合成功能集成文档
+
+## 概述
+
+在 VoiceSelector 组件中集成了基于 `useFetchVoiceTtsV2` 接口的语音合成功能,实现了智能缓存、自动播放和错误回退机制。
+
+## 核心功能
+
+### 1. 智能缓存
+- 基于配置参数生成唯一哈希值作为缓存键
+- 相同配置的语音只生成一次,存储在内存中
+- 支持手动清除缓存
+
+### 2. 参数映射
+- `tone` (音调) → `loudnessRate` (音量)
+- `speed` (语速) → `speechRate` (语速)
+- 参数范围:[-50, 100]
+
+### 3. 播放逻辑
+1. **优先级**:TTS 生成的语音 > 预设语音文件
+2. **错误回退**:TTS 失败时自动使用预设语音
+3. **状态管理**:生成中、播放中、已缓存等状态
+
+## 文件结构
+
+```
+src/
+├── hooks/
+│ ├── useVoiceTTS.ts # 语音合成核心 Hook
+│ └── useCommon.ts # TTS 接口 Hook
+├── components/
+│ └── features/
+│ └── VoiceTTSPlayer.tsx # 独立的语音播放器组件
+├── app/
+│ ├── (main)/create/components/Voice/
+│ │ └── VoiceSelector.tsx # 集成了 TTS 的语音选择器
+│ ├── test-voice-tts/
+│ │ └── page.tsx # TTS 功能测试页面
+│ └── test-voice-selector/
+│ └── page.tsx # VoiceSelector 测试页面
+└── docs/
+ └── VoiceTTSIntegration.md # 本文档
+```
+
+## 使用方法
+
+### 基础用法
+
+```tsx
+import { useVoiceTTS } from '@/hooks/useVoiceTTS'
+
+function MyComponent() {
+ const { generateAndPlay, isPlaying, isGenerating } = useVoiceTTS()
+
+ const config = {
+ text: '你好,这是测试语音',
+ voiceType: 'S_zh_xiaoxiao_emotion',
+ speechRate: 0,
+ loudnessRate: 0
+ }
+
+ return (
+
+ )
+}
+```
+
+### VoiceSelector 集成
+
+```tsx
+import VoiceSelector from '@/app/(main)/create/components/Voice/VoiceSelector'
+
+function CreateForm() {
+ const [voiceConfig, setVoiceConfig] = useState({
+ tone: 0, // 音调 [-50, 100]
+ speed: 0, // 语速 [-50, 100]
+ content: 'voice_id' // 语音类型ID
+ })
+
+ return (
+
+ )
+}
+```
+
+## 接口说明
+
+### useFetchVoiceTtsV2 参数
+
+```typescript
+interface FetchVoiceTtsV2Request {
+ text?: string // 文本内容
+ voiceType?: string // 语音类型 (以 S_ 开头)
+ speechRate?: number // 语速 [-50, 100]
+ loudnessRate?: number // 音量 [-50, 100]
+}
+```
+
+### useVoiceTTS 选项
+
+```typescript
+interface UseVoiceTTSOptions {
+ autoPlay?: boolean // 生成完成后自动播放,默认 true
+ cacheEnabled?: boolean // 启用缓存,默认 true
+ onPlayStart?: (configHash: string) => void
+ onPlayEnd?: (configHash: string) => void
+ onGenerateStart?: (config: FetchVoiceTtsV2Request) => void
+ onGenerateEnd?: (config: FetchVoiceTtsV2Request, url: string) => void
+ onError?: (error: string) => void
+}
+```
+
+## 状态说明
+
+### VoiceSelector 状态
+
+- **未选择**:显示提示选择语音
+- **已选择 + 未生成**:显示播放按钮
+- **生成中**:显示动画和 "Generating..."
+- **播放中**:显示播放动画
+- **已缓存**:显示 "Cached" 标识
+- **错误**:显示错误信息
+
+### 播放优先级
+
+1. TTS 生成的语音(如果有有效的 voiceType 和 voiceText)
+2. 预设语音文件(回退机制)
+3. 错误处理和用户提示
+
+## 缓存机制
+
+- **缓存键**:基于 `text + voiceType + speechRate + loudnessRate` 生成哈希
+- **存储方式**:内存中存储(页面刷新后清除)
+- **清除策略**:手动清除或组件卸载时清除
+
+## 错误处理
+
+1. **TTS 接口错误**:自动回退到预设语音
+2. **播放错误**:显示错误信息给用户
+3. **网络错误**:重试机制(在 useVoiceTTS 中实现)
+
+## 测试页面
+
+- `/test-voice-tts` - 独立的 TTS 功能测试
+- `/test-voice-selector` - VoiceSelector 组件测试
+
+## 性能优化
+
+1. **缓存机制**:避免重复生成相同配置的语音
+2. **懒加载**:只在用户点击播放时才生成语音
+3. **错误回退**:TTS 失败时使用预设语音,不影响用户体验
+4. **状态管理**:精确的状态控制,避免不必要的重渲染
+
+## 扩展功能
+
+- 支持自定义缓存策略
+- 支持批量预生成常用语音
+- 支持语音质量选择
+- 支持播放进度控制
diff --git a/docs/copy-audit.xlsx b/docs/copy-audit.xlsx
new file mode 100644
index 0000000000000000000000000000000000000000..323b1af17b39c4f0f9ec5989fc4b0174fd27bc94
GIT binary patch
literal 1277338
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
z
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