Merge pull request #1268 from refly-ai/feat/support-pin-ask-ai

feat: tweak code artifact preview and login modal

Author: mrcfps

packages/ai-workspace-common/src/components/canvas/node-preview/code-artifact.tsx

@@ -39,7 +39,7 @@ const CodeArtifactNodePreviewComponent = ({ nodeId }: CodeArtifactNodePreviewPro
     title,
     status,
     shareId,
-    activeTab = 'code',
+    activeTab = 'preview',
     type = 'text/html',
     language = 'html',
   } = data?.metadata || {};

packages/ai-workspace-common/src/hooks/use-create-code-artifact.ts

@@ -46,13 +46,13 @@ export const useCreateCodeArtifact = () => {
               status: 'finish',
               language: language ?? 'typescript',
               type: type ?? 'text/html',
-              activeTab: activeTab ?? 'code',
+              activeTab: activeTab ?? 'preview',
             },
           },
           position: position,
         },
         connectTo: connectTo,
-        shouldPreview: true,
+        shouldPreview: false,
         needSetCenter: true,
       });
     },

packages/web-core/src/components/login-modal/index.tsx

@@ -202,7 +202,7 @@ const LoginModal = (props: { visible?: boolean; from?: string }) => {
 
           {(isGithubEnabled || isGoogleEnabled) && isEmailEnabled && (
             <Divider className="!mb-3 !mt-8 !h-4">
-              <span className="text-refly-text-0 text-xs font-normal leading-none">
+              <span className="text-refly-text-2 text-xs font-normal leading-none">
                 {t('landingPage.loginModal.or')}
               </span>
             </Divider>
@@ -241,12 +241,11 @@ const LoginModal = (props: { visible?: boolean; from?: string }) => {
                 <Form.Item
                   className="mb-3"
                   name="password"
-                  label={
-                    <div className="flex w-96 flex-row items-center justify-between">
-                      <span className="font-medium">
-                        {t('landingPage.loginModal.passwordLabel')}
-                      </span>
-                      {!authStore.isSignUpMode && (
+                  label={t('landingPage.loginModal.passwordLabel')}
+                  labelCol={{ style: { fontWeight: 500 } }}
+                  extra={
+                    !authStore.isSignUpMode && (
+                      <div className="flex justify-start mt-1 mb-1">
                         <Button
                           type="link"
                           className="p-0 !text-refly-text-2"
@@ -256,8 +255,8 @@ const LoginModal = (props: { visible?: boolean; from?: string }) => {
                             {t('landingPage.loginModal.passwordForget')}
                           </span>
                         </Button>
-                      )}
-                    </div>
+                      </div>
+                    )
                   }
                   validateTrigger={['onBlur']}
                   hasFeedback
@@ -288,7 +287,7 @@ const LoginModal = (props: { visible?: boolean; from?: string }) => {
                     type="primary"
                     onClick={handleEmailAuth}
                     loading={authStore.loginInProgress && authStore.loginProvider === 'email'}
-                    className="h-10 w-full text-base"
+                    className="h-10 w-full text-base shadow-md"
                     data-cy="continue-button"
                   >
                     {t('landingPage.loginModal.continue')}

packages/web-core/src/components/login-modal/oauth-button.tsx

@@ -39,7 +39,7 @@ const OAuthButton: React.FC<OAuthButtonProps> = ({
       onClick={onClick}
       type="default"
       variant="filled"
-      className="h-[52px] w-full font-semibold text-refly-text-0 border-refly-Card-Border shadow-sm"
+      className="h-[52px] w-full font-semibold text-refly-text-0 border-refly-Card-Border !shadow-md !bg-white"
       data-cy={getDataCy()}
       loading={loading}
       disabled={disabled}