@lobehub/lobehub 2.0.0-next.339 → 2.0.0-next.340

package/scripts/clerk-to-betterauth/verify.ts

@@ -0,0 +1,275 @@
+/* eslint-disable unicorn/prefer-top-level-await */
+import { getMigrationMode, resolveDataPaths } from './_internal/config';
+import { db, pool, schema } from './_internal/db';
+import { loadCSVData, loadClerkUsersFromFile } from './_internal/load-data-from-files';
+import { ClerkExternalAccount, ClerkUser } from './_internal/types';
+
+type ExpectedAccount = {
+  accountId?: string;
+  providerId: string;
+  scope?: string;
+  userId: string;
+};
+
+type ActualAccount = {
+  accountId: string | null;
+  providerId: string;
+  scope: string | null;
+  userId: string;
+};
+
+const MAX_SAMPLES = 5;
+
+const formatDuration = (ms: number) => `${(ms / 1000).toFixed(1)}s`;
+
+function providerIdFromExternal(external: ClerkExternalAccount): string {
+  return external.provider === 'credential'
+    ? 'credential'
+    : external.provider.replace('oauth_', '');
+}
+
+function buildExpectedAccounts(
+  csvUsers: Awaited<ReturnType<typeof loadCSVData>>,
+  clerkUsers: ClerkUser[],
+) {
+  const clerkMap = new Map(clerkUsers.map((u) => [u.id, u]));
+
+  const expectedAccounts: ExpectedAccount[] = [];
+  const expectedTwoFactorUsers = new Set<string>();
+  let passwordEnabledWithoutDigest = 0;
+  const passwordEnabledWithoutDigestSamples: string[] = [];
+
+  for (const user of csvUsers) {
+    const clerkUser = clerkMap.get(user.id);
+    const externalAccounts = clerkUser?.external_accounts as ClerkExternalAccount[] | undefined;
+
+    if (externalAccounts) {
+      for (const external of externalAccounts) {
+        expectedAccounts.push({
+          accountId: external.provider_user_id,
+          providerId: providerIdFromExternal(external),
+          scope: external.approved_scopes?.replace(/\s+/g, ','),
+          userId: user.id,
+        });
+      }
+    }
+
+    const passwordEnabled = Boolean(clerkUser?.password_enabled);
+    if (passwordEnabled && user.password_digest) {
+      expectedAccounts.push({
+        accountId: user.id,
+        providerId: 'credential',
+        scope: undefined,
+        userId: user.id,
+      });
+    } else if (passwordEnabled && !user.password_digest) {
+      passwordEnabledWithoutDigest += 1;
+      if (passwordEnabledWithoutDigestSamples.length < MAX_SAMPLES) {
+        passwordEnabledWithoutDigestSamples.push(user.id);
+      }
+    }
+
+    if (user.totp_secret) {
+      expectedTwoFactorUsers.add(user.id);
+    }
+  }
+
+  return {
+    expectedAccounts,
+    expectedTwoFactorUsers,
+    passwordEnabledWithoutDigest,
+    passwordEnabledWithoutDigestSamples,
+  };
+}
+
+function buildAccountKey(account: {
+  accountId?: string | null;
+  providerId: string;
+  userId: string;
+}) {
+  return `${account.userId}__${account.providerId}__${account.accountId ?? ''}`;
+}
+
+async function loadActualAccounts() {
+  const rows = await db
+    .select({
+      accountId: schema.account.accountId,
+      providerId: schema.account.providerId,
+      scope: schema.account.scope,
+      userId: schema.account.userId,
+    })
+    .from(schema.account);
+
+  return rows as ActualAccount[];
+}
+
+async function loadActualTwoFactorUserIds() {
+  const rows = await db.select({ userId: schema.twoFactor.userId }).from(schema.twoFactor);
+  return new Set(rows.map((row) => row.userId));
+}
+
+async function loadActualUserIds() {
+  const rows = await db.select({ id: schema.users.id }).from(schema.users);
+  return new Set(rows.map((row) => row.id));
+}
+
+async function main() {
+  const startedAt = Date.now();
+  const mode = getMigrationMode();
+  const { clerkCsvPath, clerkUsersPath } = resolveDataPaths(mode);
+
+  console.log('');
+  console.log('╔════════════════════════════════════════════════════════════╗');
+  console.log('║           Migration Verification Script                    ║');
+  console.log('╠════════════════════════════════════════════════════════════╣');
+  console.log(`║  Mode:     ${mode.padEnd(48)}║`);
+  console.log(`║  CSV:      ${clerkCsvPath.padEnd(48)}║`);
+  console.log(`║  JSON:     ${clerkUsersPath.padEnd(48)}║`);
+  console.log('╚════════════════════════════════════════════════════════════╝');
+  console.log('');
+
+  const [csvUsers, clerkUsers] = await Promise.all([
+    loadCSVData(clerkCsvPath),
+    loadClerkUsersFromFile(clerkUsersPath),
+  ]);
+
+  console.log(
+    `📦 [verify] Loaded csvUsers=${csvUsers.length}, clerkUsers=${clerkUsers.length} (unique ids=${
+      new Set(clerkUsers.map((u) => u.id)).size
+    })`,
+  );
+
+  const {
+    expectedAccounts,
+    expectedTwoFactorUsers,
+    passwordEnabledWithoutDigest,
+    passwordEnabledWithoutDigestSamples,
+  } = buildExpectedAccounts(csvUsers, clerkUsers);
+
+  console.log(
+    `🧮 [verify] Expected accounts=${expectedAccounts.length}, expected 2FA users=${expectedTwoFactorUsers.size}, passwordEnabledWithoutDigest=${passwordEnabledWithoutDigest} sample=${
+      passwordEnabledWithoutDigestSamples.join(', ') || 'n/a'
+    }`,
+  );
+
+  const [actualAccounts, actualTwoFactorUserIds, actualUserIds] = await Promise.all([
+    loadActualAccounts(),
+    loadActualTwoFactorUserIds(),
+    loadActualUserIds(),
+  ]);
+
+  console.log(
+    `🗄️ [verify] DB snapshot: users=${actualUserIds.size}, accounts=${actualAccounts.length}, twoFactor=${actualTwoFactorUserIds.size}`,
+  );
+
+  let missingUsers = 0;
+  const missingUserSamples: string[] = [];
+  for (const user of csvUsers) {
+    if (!actualUserIds.has(user.id)) {
+      missingUsers += 1;
+      if (missingUserSamples.length < MAX_SAMPLES) missingUserSamples.push(user.id);
+    }
+  }
+
+  const expectedAccountSet = new Set(expectedAccounts.map(buildAccountKey));
+  const actualAccountSet = new Set(actualAccounts.map(buildAccountKey));
+
+  let missingAccounts = 0;
+  const missingAccountSamples: string[] = [];
+  for (const account of expectedAccounts) {
+    const key = buildAccountKey(account);
+    if (!actualAccountSet.has(key)) {
+      missingAccounts += 1;
+      if (missingAccountSamples.length < MAX_SAMPLES) missingAccountSamples.push(account.userId);
+    }
+  }
+
+  let unexpectedAccounts = 0;
+  const unexpectedAccountSamples: string[] = [];
+  for (const account of actualAccounts) {
+    const key = buildAccountKey(account);
+    if (!expectedAccountSet.has(key)) {
+      unexpectedAccounts += 1;
+      if (unexpectedAccountSamples.length < MAX_SAMPLES)
+        unexpectedAccountSamples.push(account.userId);
+    }
+  }
+
+  let missingTwoFactor = 0;
+  const missingTwoFactorSamples: string[] = [];
+  for (const userId of expectedTwoFactorUsers) {
+    if (!actualTwoFactorUserIds.has(userId)) {
+      missingTwoFactor += 1;
+      if (missingTwoFactorSamples.length < MAX_SAMPLES) missingTwoFactorSamples.push(userId);
+    }
+  }
+
+  let missingScopeNonCredential = 0;
+  let missingAccountIdNonCredential = 0;
+  const sampleMissingScope: string[] = [];
+  const sampleMissingAccountId: string[] = [];
+
+  for (const account of actualAccounts) {
+    if (account.providerId !== 'credential') {
+      if (!account.scope) {
+        missingScopeNonCredential += 1;
+        if (sampleMissingScope.length < MAX_SAMPLES) sampleMissingScope.push(account.userId);
+      }
+      if (!account.accountId) {
+        missingAccountIdNonCredential += 1;
+        if (sampleMissingAccountId.length < MAX_SAMPLES)
+          sampleMissingAccountId.push(account.userId);
+      }
+    }
+  }
+
+  const expectedProviderCounts: Record<string, number> = {};
+  const actualProviderCounts: Record<string, number> = {};
+
+  for (const account of expectedAccounts) {
+    expectedProviderCounts[account.providerId] =
+      (expectedProviderCounts[account.providerId] ?? 0) + 1;
+  }
+
+  for (const account of actualAccounts) {
+    actualProviderCounts[account.providerId] = (actualProviderCounts[account.providerId] ?? 0) + 1;
+  }
+
+  const formatCounts = (counts: Record<string, number>) =>
+    Object.entries(counts)
+      .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]))
+      .map(([providerId, count]) => `${providerId}=${count}`)
+      .join(', ');
+
+  console.log(
+    `📊 [verify] Expected provider counts: ${formatCounts(expectedProviderCounts) || 'n/a'}`,
+  );
+  console.log(
+    `📊 [verify] Actual provider counts:   ${formatCounts(actualProviderCounts) || 'n/a'}`,
+  );
+
+  console.log(
+    `✅ [verify] Missing users=${missingUsers} sample=${missingUserSamples.join(', ') || 'n/a'}, missing accounts=${missingAccounts} sample=${missingAccountSamples.join(', ') || 'n/a'}, unexpected accounts=${unexpectedAccounts} sample=${unexpectedAccountSamples.join(', ') || 'n/a'}`,
+  );
+
+  console.log(
+    `🔐 [verify] Two-factor missing=${missingTwoFactor} sample=${missingTwoFactorSamples.join(', ') || 'n/a'}`,
+  );
+
+  console.log(
+    `⚠️ [verify] Non-credential missing scope=${missingScopeNonCredential} sample=${sampleMissingScope.join(', ') || 'n/a'}, missing account_id=${missingAccountIdNonCredential} sample=${sampleMissingAccountId.join(', ') || 'n/a'}`,
+  );
+
+  console.log('');
+  console.log(`✅ Verification success! (${formatDuration(Date.now() - startedAt)})`);
+}
+
+void main()
+  .catch((error) => {
+    console.log('');
+    console.error('❌ Verification failed:', error);
+    process.exitCode = 1;
+  })
+  .finally(async () => {
+    await pool.end();
+  });

package/src/app/[variants]/(auth)/signin/SignInEmailStep.tsx

@@ -1,7 +1,8 @@
 import { BRANDING_NAME } from '@lobechat/business-const';
-import { Button, Flexbox, Icon, Input, Skeleton, Text } from '@lobehub/ui';
+import { Alert, Button, Flexbox, Icon, Input, Skeleton, Text } from '@lobehub/ui';
 import { Divider, Form } from 'antd';
 import type { FormInstance, InputRef } from 'antd';
+import { createStaticStyles } from 'antd-style';
 import { ChevronRight, Mail } from 'lucide-react';
 import { useEffect, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -11,14 +12,24 @@ import { PRIVACY_URL, TERMS_URL } from '@/const/url';
 
 import AuthCard from '../../../../features/AuthCard';
 
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  setPasswordLink: css`
+    cursor: pointer;
+    color: ${cssVar.colorPrimary};
+    text-decoration: underline;
+  `,
+}));
+
 export const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 export const USERNAME_REGEX = /^\w+$/;
 
 export interface SignInEmailStepProps {
   form: FormInstance<{ email: string }>;
+  isSocialOnly: boolean;
   loading: boolean;
   oAuthSSOProviders: string[];
   onCheckUser: (values: { email: string }) => Promise<void>;
+  onSetPassword: () => void;
   onSocialSignIn: (provider: string) => void;
   serverConfigInit: boolean;
   socialLoading: string | null;
@@ -26,11 +37,13 @@ export interface SignInEmailStepProps {
 
 export const SignInEmailStep = ({
   form,
+  isSocialOnly,
   loading,
   oAuthSSOProviders,
   serverConfigInit,
   socialLoading,
   onCheckUser,
+  onSetPassword,
   onSocialSignIn,
 }: SignInEmailStepProps) => {
   const { t } = useTranslation('auth');
@@ -88,7 +101,7 @@ export const SignInEmailStep = ({
     <AuthCard
       footer={footer}
       subtitle={t('signin.subtitle', { appName: BRANDING_NAME })}
-      title={t('signin.title')}
+      title={'Agent teams that grow with you'}
     >
       {!serverConfigInit && (
         <Flexbox gap={12}>
@@ -172,6 +185,21 @@ export const SignInEmailStep = ({
           />
         </Form.Item>
       </Form>
+      {isSocialOnly && (
+        <Alert
+          description={
+            <>
+              {t('betterAuth.signin.socialOnlyHint')}{' '}
+              <a className={styles.setPasswordLink} onClick={onSetPassword}>
+                {t('betterAuth.signin.setPassword')}
+              </a>
+            </>
+          }
+          showIcon
+          style={{ marginTop: 12 }}
+          type="info"
+        />
+      )}
     </AuthCard>
   );
 };

package/src/app/[variants]/(auth)/signin/SignInPasswordStep.tsx

@@ -55,7 +55,7 @@ export const SignInPasswordStep = ({
         </>
       }
       subtitle={t('betterAuth.signin.passwordStep.subtitle')}
-      title={t('signin.title')}
+      title={'Agent teams that grow with you'}
     >
       <Text fontSize={20}>{email}</Text>
       <Form

package/src/app/[variants]/(auth)/signin/page.tsx

@@ -17,6 +17,7 @@ const SignInPage = () => {
     handleForgotPassword,
     handleSignIn,
     handleSocialSignIn,
+    isSocialOnly,
     loading,
     oAuthSSOProviders,
     serverConfigInit,
@@ -29,9 +30,11 @@ const SignInPage = () => {
       {step === 'email' ? (
         <SignInEmailStep
           form={form as any}
+          isSocialOnly={isSocialOnly}
           loading={loading}
           oAuthSSOProviders={oAuthSSOProviders}
           onCheckUser={handleCheckUser}
+          onSetPassword={handleForgotPassword}
           onSocialSignIn={handleSocialSignIn}
           serverConfigInit={serverConfigInit}
           socialLoading={socialLoading}

package/src/app/[variants]/(auth)/signin/useSignIn.ts

@@ -1,6 +1,5 @@
 import { ENABLE_BUSINESS_FEATURES } from '@lobechat/business-const';
 import { Form } from 'antd';
-import { useRouter, useSearchParams } from '@/libs/next/navigation';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -10,6 +9,7 @@ import { useBusinessSignin } from '@/business/client/hooks/useBusinessSignin';
 import { message } from '@/components/AntdStaticMethods';
 import { requestPasswordReset, signIn } from '@/libs/better-auth/auth-client';
 import { isBuiltinProvider, normalizeProviderId } from '@/libs/better-auth/utils/client';
+import { useRouter, useSearchParams } from '@/libs/next/navigation';
 import { useServerConfigStore } from '@/store/serverConfig';
 import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
@@ -37,6 +37,7 @@ export const useSignIn = () => {
   const [socialLoading, setSocialLoading] = useState<string | null>(null);
   const [step, setStep] = useState<Step>('email');
   const [email, setEmail] = useState('');
+  const [isSocialOnly, setIsSocialOnly] = useState(false);
   const serverConfigInit = useServerConfigStore((s) => s.serverConfigInit);
   const oAuthSSOProviders = useServerConfigStore((s) => s.serverConfig.oAuthSSOProviders) || [];
   const { ssoProviders, preSocialSigninCheck, getAdditionalData } = useBusinessSignin();
@@ -142,7 +143,8 @@ export const useSignIn = () => {
         return;
       }
 
-      message.info(t('betterAuth.signin.socialOnlyHint'));
+      // User has no password and magic link is disabled, they can only sign in via social
+      setIsSocialOnly(true);
     } catch (error) {
       console.error('Error checking user:', error);
       message.error(t('betterAuth.signin.error'));
@@ -215,6 +217,7 @@ export const useSignIn = () => {
   const handleBackToEmail = () => {
     setStep('email');
     setEmail('');
+    setIsSocialOnly(false);
   };
 
   const handleGoToSignup = () => {
@@ -247,6 +250,7 @@ export const useSignIn = () => {
     handleGoToSignup,
     handleSignIn,
     handleSocialSignIn,
+    isSocialOnly,
     loading,
     oAuthSSOProviders: ENABLE_BUSINESS_FEATURES ? ssoProviders : oAuthSSOProviders,
     serverConfigInit: ENABLE_BUSINESS_FEATURES ? true : serverConfigInit,

package/src/app/[variants]/(main)/home/features/RecentResource/Item.tsx

@@ -40,7 +40,7 @@ const RecentResourceItem = memo<RecentResourceItemProps>(({ file }) => {
     >
       <Center
         flex={'none'}
-        height={126}
+        height={148}
         style={{ background: cssVar.colorFillTertiary, overflow: 'hidden' }}
       >
         {isImage && file.url ? (
@@ -63,7 +63,7 @@ const RecentResourceItem = memo<RecentResourceItemProps>(({ file }) => {
 
       {/* File Info */}
       <Flexbox flex={1} gap={6} justify={'space-between'} padding={12}>
-        <Text ellipsis={{ rows: 2 }} fontSize={13} style={{ lineHeight: 1.4 }} weight={500}>
+        <Text ellipsis fontSize={13} style={{ lineHeight: 1.4 }} weight={500}>
           {file.name}
         </Text>
         <Flexbox align={'center'} gap={8} horizontal>

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

@@ -8,7 +8,6 @@ import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/slices/auth/selectors';
 
 import CommunityAgents from './CommunityAgents';
-import FeaturedPlugins from './FeaturedPlugins';
 import InputArea from './InputArea';
 import RecentPage from './RecentPage';
 import RecentResource from './RecentResource';
@@ -32,7 +31,7 @@ const Home = memo(() => {
         </>
       )}
       <CommunityAgents />
-      <FeaturedPlugins />
+      {/*<FeaturedPlugins />*/}
       {isLogin && <RecentResource />}
     </Flexbox>
   );

package/src/app/[variants]/(main)/settings/provider/features/ProviderConfig/index.tsx

@@ -62,8 +62,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
   form: css`
     .${prefixCls}-form-item-control:has(.${prefixCls}-input,.${prefixCls}-select) {
       flex: none;
-      width: min(70%, 800px);
-      min-width: min(70%, 800px) !important;
     }
     ${responsive.sm} {
       width: 100%;

package/src/app/[variants]/(main)/settings/skill/features/Actions.tsx

@@ -1,12 +1,11 @@
-import { ActionIcon, Button, DropdownMenu, Flexbox, Icon } from '@lobehub/ui';
-import { App } from 'antd';
-import { MoreVerticalIcon, Trash2 } from 'lucide-react';
+import { Button, DropdownMenu, Flexbox, Icon } from '@lobehub/ui';
+import { App, Space } from 'antd';
+import { MoreHorizontalIcon, Trash2 } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import McpSettingsModal from '@/features/MCP/MCPSettings/McpSettingsModal';
 import PluginDetailModal from '@/features/PluginDetailModal';
-import EditCustomPlugin from './EditCustomPlugin';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 import { useServerConfigStore } from '@/store/serverConfig';
@@ -14,6 +13,8 @@ import { pluginHelpers, useToolStore } from '@/store/tool';
 import { pluginSelectors, pluginStoreSelectors } from '@/store/tool/selectors';
 import { type LobeToolType } from '@/types/tool/tool';
 
+import EditCustomPlugin from './EditCustomPlugin';
+
 interface ActionsProps {
   identifier: string;
   isMCP?: boolean;
@@ -73,7 +74,7 @@ const Actions = memo<ActionsProps>(({ identifier, type, isMCP }) => {
     <>
       <Flexbox align={'center'} gap={8} horizontal onClick={(e) => e.stopPropagation()}>
         {installed ? (
-          <>
+          <Space.Compact>
             {showConfigureButton &&
               (isCustomPlugin ? (
                 <EditCustomPlugin identifier={identifier} onOpenChange={setModal} open={showModal}>
@@ -108,9 +109,9 @@ const Actions = memo<ActionsProps>(({ identifier, type, isMCP }) => {
               ]}
               placement="bottomRight"
             >
-              <ActionIcon icon={MoreVerticalIcon} loading={installing} />
+              <Button icon={MoreHorizontalIcon} loading={installing} />
             </DropdownMenu>
-          </>
+          </Space.Compact>
         ) : (
           <Button
             loading={installing}

package/src/app/[variants]/(main)/settings/skill/features/McpSkillItem.tsx

@@ -1,19 +1,20 @@
 'use client';
 
-import { Flexbox, Modal } from '@lobehub/ui';
+import { Block, Flexbox, Modal } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import PluginAvatar from '@/components/Plugins/PluginAvatar';
 import PluginTag from '@/components/Plugins/PluginTag';
-import PluginDetailModal from '@/features/PluginDetailModal';
-import Actions from './Actions';
 import McpDetail from '@/features/MCP/MCPDetail';
+import PluginDetailModal from '@/features/PluginDetailModal';
 import { useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/selectors';
 import { type LobeToolType } from '@/types/tool/tool';
 
+import Actions from './Actions';
+
 const useStyles = createStyles(({ css, token }) => ({
   container: css`
     padding-block: 12px;
@@ -25,11 +26,8 @@ const useStyles = createStyles(({ css, token }) => ({
     align-items: center;
     justify-content: center;
 
-    width: 48px;
-    height: 48px;
-    border-radius: 12px;
-
-    background: ${token.colorFillTertiary};
+    width: 40px;
+    height: 40px;
   `,
   title: css`
     cursor: pointer;
@@ -72,10 +70,10 @@ const McpSkillItem = memo<McpSkillItemProps>(
           horizontal
           justify="space-between"
         >
-          <Flexbox align="center" gap={16} horizontal style={{ flex: 1, overflow: 'hidden' }}>
-            <div className={styles.icon}>
+          <Flexbox align="center" gap={12} horizontal style={{ flex: 1, overflow: 'hidden' }}>
+            <Block className={styles.icon} variant={'outlined'}>
               <PluginAvatar avatar={avatar} size={32} />
-            </div>
+            </Block>
             <Flexbox align="center" gap={8} horizontal style={{ overflow: 'hidden' }}>
               <span className={styles.title} onClick={() => setDetailOpen(true)}>
                 {title}

package/src/app/manifest.ts

@@ -5,7 +5,7 @@ const manifest = async (): Promise<MetadataRoute.Manifest> => {
   if (process.env.NODE_ENV === 'development') {
     return {
       background_color: '#000000',
-      description: 'LobeChat Development',
+      description: 'LobeHub Development',
       display: 'standalone',
       icons: [
         {
@@ -14,8 +14,8 @@ const manifest = async (): Promise<MetadataRoute.Manifest> => {
           type: 'image/png',
         },
       ],
-      name: 'LobeChat',
-      short_name: 'LobeChat',
+      name: 'LobeHub',
+      short_name: 'LobeHub',
       start_url: '/',
       theme_color: '#000000',
     };
@@ -30,7 +30,7 @@ const manifest = async (): Promise<MetadataRoute.Manifest> => {
 
   // @ts-expect-error - manifestModule.generate returns extended manifest with custom properties
   return manifestModule.generate({
-    description: `${BRANDING_NAME} brings you the best UI experience for ChatGPT, Claude, Gemini, and OLLaMA.`,
+    description: `${BRANDING_NAME} is a work-and-lifestyle space to find, build, and collaborate with agent teams that grow with you.`,
     icons: [
       {
         purpose: 'any',

package/src/features/AuthCard/index.tsx

@@ -11,7 +11,7 @@ export interface AuthCardProps extends Omit<FlexboxProps, 'title'> {
 
 export const AuthCard = memo<AuthCardProps>(({ children, title, subtitle, footer, ...rest }) => {
   return (
-    <Flexbox width={'min(100%,400px)'} {...rest}>
+    <Flexbox width={'min(100%,440px)'} {...rest}>
       <Flexbox gap={16}>
         {title && (
           <Text fontSize={28} style={{ lineHeight: 1.4 }} weight={'bold'}>

package/src/features/SkillStore/CommunityList/Item.tsx

@@ -8,8 +8,8 @@ import React, { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import PluginAvatar from '@/components/Plugins/PluginAvatar';
-import MCPInstallProgress from '@/features/MCP/MCPInstallProgress';
 import McpDetail from '@/features/MCP/MCPDetail';
+import MCPInstallProgress from '@/features/MCP/MCPInstallProgress';
 import { useMarketAuth } from '@/layout/AuthProvider/MarketAuth';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
@@ -117,13 +117,14 @@ const Item = memo<DiscoverMcpItem>(({ name, description, icon, identifier }) =>
       <Flexbox className={styles.container} gap={0}>
         <Block
           align={'center'}
+          clickable
           gap={12}
           horizontal
           onClick={() => setDetailOpen(true)}
           paddingBlock={12}
           paddingInline={12}
           style={{ cursor: 'pointer' }}
-          variant={'filled'}
+          variant={'outlined'}
         >
           <PluginAvatar avatar={icon} size={40} />
           <Flexbox flex={1} gap={4} style={{ minWidth: 0, overflow: 'hidden' }}>

package/src/features/SkillStore/Search/index.tsx

@@ -33,7 +33,6 @@ export const Search = memo<SearchProps>(({ activeTab, onLobeHubSearch }) => {
             }
           }}
           placeholder={t('skillStore.search')}
-          variant={'borderless'}
         />
       </Flexbox>
     </Flexbox>

package/src/locales/default/auth.ts

@@ -97,10 +97,11 @@ export default {
   'betterAuth.signin.orContinueWith': 'OR',
   'betterAuth.signin.passwordPlaceholder': 'Enter your password',
   'betterAuth.signin.passwordStep.subtitle': 'Enter your password to continue',
+  'betterAuth.signin.setPassword': 'set a password',
   'betterAuth.signin.signupLink': 'Sign up now',
   'betterAuth.signin.socialError': 'Social sign in failed, please try again',
   'betterAuth.signin.socialOnlyHint':
-    'This email was registered using a social account. Please sign in using the corresponding social provider.',
+    'This email was registered via a third-party social account. Sign in with that provider, or',
   'betterAuth.signin.submit': 'Sign In',
   'betterAuth.signup.confirmPasswordPlaceholder': 'Confirm your password',
   'betterAuth.signup.emailPlaceholder': 'Enter your email address',
@@ -200,7 +201,7 @@ export default {
   'profile.usernameRule': 'Username can only contain letters, numbers, or underscores',
   'profile.usernameUpdateFailed': 'Failed to update username, please try again later',
   'signin.subtitle': 'Sign up or log in to your {{appName}} account',
-  'signin.title': 'Where Agents Collaborate',
+  'signin.title': 'Agent teams that grow with you',
   'signout': 'Log Out',
   'signup': 'Sign Up',
   'stats.aiheatmaps': 'Activity Index',