chore: assign todos (#7297)

packages/backend/server/src/app.ts

@@ -27,7 +27,7 @@ export async function createApp() {
 
   app.use(
     graphqlUploadExpress({
-      // TODO: dynamic limit by quota
+      // TODO(@darksky): dynamic limit by quota maybe?
       maxFileSize: 100 * 1024 * 1024,
       maxFiles: 5,
     })

packages/backend/server/src/core/auth/controller.ts

@@ -202,7 +202,7 @@ export class AuthController {
   @Public()
   @Get('/challenge')
   async challenge() {
-    // TODO: impl in following PR
+    // TODO(@darksky): impl in following PR
     return {
       challenge: randomUUID(),
       resource: randomUUID(),

packages/backend/server/src/core/quota/storage.ts

@@ -41,7 +41,6 @@ export class QuotaManagementService {
     };
   }
 
-  // TODO: lazy calc, need to be optimized with cache
   async getUserUsage(userId: string) {
     const workspaces = await this.permissions.getOwnedWorkspaces(userId);
 

packages/backend/server/src/core/user/resolver.ts

@@ -55,7 +55,7 @@ export class UserResolver {
   ): Promise<typeof UserOrLimitedUser | null> {
     validators.assertValidEmail(email);
 
-    // TODO: need to limit a user can only get another user witch is in the same workspace
+    // TODO(@forehalo): need to limit a user can only get another user witch is in the same workspace
     const user = await this.users.findUserWithHashedPasswordByEmail(email);
 
     // return empty response when user not exists

packages/backend/server/src/data/migrations/1698652531198-user-features-init.ts

@@ -20,6 +20,6 @@ export class UserFeaturesInit1698652531198 {
 
   // revert the migration
   static async down(_db: PrismaClient) {
-    // TODO: revert the migration
+    // noop
   }
 }

packages/backend/server/src/fundamentals/mailer/mail.service.ts

@@ -44,7 +44,6 @@ export class MailService {
       };
     }
   ) {
-    // TODO: use callback url when need support desktop app
     const buttonUrl = this.url.link(`/invite/${inviteId}`);
     const workspaceAvatar = invitationInfo.workspace.avatar;
 

packages/backend/server/src/plugins/copilot/workflow/index.ts

@@ -47,7 +47,7 @@ export class CopilotWorkflowService {
     return workflow;
   }
 
-  // todo: get workflow from database
+  // TODO(@darksky): get workflow from database
   private async getWorkflow(graphName: string): Promise<WorkflowGraph> {
     const graph = WorkflowGraphs.find(g => g.name === graphName);
     if (!graph) {

packages/backend/server/src/plugins/copilot/workflow/node.ts

@@ -74,7 +74,7 @@ export class WorkflowNode {
   private async evaluateCondition(
     _condition?: string
   ): Promise<string | undefined> {
-    // todo: evaluate condition to impl decision block
+    // TODO(@darksky): evaluate condition to impl decision block
     return this.edges[0]?.id;
   }
 

packages/backend/server/src/plugins/storage/providers/s3.ts

@@ -62,7 +62,7 @@ export class S3StorageProvider implements StorageProvider {
           // metadata
           ContentType: metadata.contentType,
           ContentLength: metadata.contentLength,
-          // TODO: Cloudflare doesn't support CRC32, use md5 instead later.
+          // TODO(@forehalo): Cloudflare doesn't support CRC32, use md5 instead later.
           // ChecksumCRC32: metadata.checksumCRC32,
         })
       );

packages/common/infra/src/app-config-storage.ts

@@ -68,7 +68,7 @@ class Storage<T extends object> {
       }
     } else {
       const fullConfig = this.get();
-      // TODO: handle key not found, set default value
+      // TODO(@catsjuice): handle key not found, set default value
       // if (!(key in fullConfig)) {}
       return fullConfig[key];
     }

packages/common/infra/src/atom/settings.ts

@@ -90,7 +90,7 @@ export function setupEditorFlags(docCollection: DocCollection) {
       });
 
       // override this flag in app settings
-      // TODO: need a better way to manage block suite flags
+      // TODO(@eyhn): need a better way to manage block suite flags
       docCollection.awarenessStore.setFlag('enable_synced_doc_block', true);
     } catch (err) {
       logger.error('syncEditorFlags', err);

packages/common/infra/src/blocksuite/migration/workspace.ts

@@ -53,7 +53,6 @@ export function checkWorkspaceCompatibility(
     return MigrationPoint.BlockVersion;
   }
 
-  // TODO: Catch compatibility error from blocksuite to show upgrade page.
   // Temporarily follow the check logic of blocksuite.
   if ((docCollection.meta.docs?.length ?? 0) <= 1) {
     try {

packages/frontend/component/src/components/member-components/invite-modal.tsx

@@ -65,7 +65,6 @@ export const InviteModal = ({
       }}
       onConfirm={handleConfirm}
     >
-      {/*TODO: check email & add placeholder*/}
       <AuthInput
         disabled={isMutating}
         placeholder="email@example.com"

packages/frontend/component/src/index.ts

@@ -1,4 +1,4 @@
-// TODO: Check `input` , `loading`, not migrated from `design`
+// TODO(@catsjuice): Check `input` , `loading`, not migrated from `design`
 export * from './lit-react';
 export * from './styles';
 export * from './ui/avatar';

packages/frontend/component/src/lit-react/lit-portal/lite-portal.tsx

@@ -14,7 +14,7 @@ const listeners: Set<PortalListener> = new Set();
 
 export function createLitPortalAnchor(callback: (event: PortalEvent) => void) {
   const id = nanoid();
-  // todo: clean up listeners?
+  // todo(@Peng): clean up listeners?
   listeners.add(event => {
     if (event.target.portalId !== id) {
       return;

packages/frontend/component/src/ui/date-picker/index.css.ts

@@ -48,7 +48,7 @@ export const inputStyle = style({
 });
 export const popperStyle = style({
   boxShadow: cssVar('shadow2'),
-  // TODO: for menu offset, need to be optimized
+  // TODO(@catsjuice): for menu offset, need to be optimized
   marginTop: '16px',
   background: cssVar('backgroundOverlayPanelColor'),
   borderRadius: '12px',

packages/frontend/component/src/ui/date-picker/week-date-picker.tsx

@@ -29,7 +29,7 @@ export interface WeekDatePickerProps
   handleRef?: ForwardedRef<WeekDatePickerHandle>;
 }
 
-// TODO: i18n
+// TODO(catsjuice): i18n
 const weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 // const weekDays = ['日', '一', '二', '三', '四', '五', '六'];
 const format = 'YYYY-MM-DD';

packages/frontend/component/src/ui/layout/wrapper.tsx

@@ -113,15 +113,4 @@ export const FlexWrapper = styled(Wrapper, {
   };
 });
 
-// TODO: Complete me
-export const GridWrapper = styled(Wrapper, {
-  shouldForwardProp: prop => {
-    return ![''].includes(prop as string);
-  },
-})<WrapperProps>(() => {
-  return {
-    display: 'grid',
-  };
-});
-
 export default Wrapper;

packages/frontend/component/src/ui/menu/styles.css.ts

@@ -132,7 +132,7 @@ export const menuTrigger = style({
       color: cssVar('textDisableColor'),
       pointerEvents: 'none',
     },
-    // TODO: wait for design
+    // TODO(@catsjuice): wait for design
     '&.error': {
       // borderColor: 'var(--affine-error-color)',
     },

packages/frontend/component/src/ui/modal/confirm-modal.tsx

@@ -142,7 +142,7 @@ export const ConfirmModalProvider = ({ children }: PropsWithChildren) => {
       value={{ openConfirmModal, closeConfirmModal, modalProps }}
     >
       {children}
-      {/* TODO: multi-instance support(unnecessary for now) */}
+      {/* TODO(@catsjuice): multi-instance support(unnecessary for now) */}
       <ConfirmModal {...modalProps} onOpenChange={onOpenChange} />
     </ConfirmModalContext.Provider>
   );

packages/frontend/core/src/blocksuite/presets/ai/actions/doc-handler.ts

@@ -108,7 +108,7 @@ export function actionToStream<T extends keyof BlockSuitePresets.AIActions>(
           docId: host.doc.id,
           workspaceId: host.doc.collection.id,
         } as Parameters<typeof action>[0];
-        // @ts-expect-error todo: maybe fix this
+        // @ts-expect-error TODO(@Peng): maybe fix this
         stream = action(options);
         if (!stream) return;
         yield* stream;

packages/frontend/core/src/blocksuite/presets/ai/actions/edgeless-handler.ts

@@ -223,7 +223,7 @@ function actionToStream<T extends keyof BlockSuitePresets.AIActions>(
             Object.assign(options, data);
           }
 
-          // @ts-expect-error todo: maybe fix this
+          // @ts-expect-error TODO(@Peng): maybe fix this
           stream = action(options);
           if (!stream) return;
           yield* stream;
@@ -253,7 +253,7 @@ function actionToStream<T extends keyof BlockSuitePresets.AIActions>(
           workspaceId: host.doc.collection.id,
         } as Parameters<typeof action>[0];
 
-        // @ts-expect-error todo: maybe fix this
+        // @ts-expect-error TODO(@Peng): maybe fix this
         stream = action(options);
         if (!stream) return;
         yield* stream;

packages/frontend/core/src/blocksuite/presets/ai/actions/types.ts

@@ -215,7 +215,7 @@ declare global {
       ): AIActionTextResponse<T>;
     }
 
-    // todo: should be refactored to get rid of implement details (like messages, action, role, etc.)
+    // TODO(@Peng): should be refactored to get rid of implement details (like messages, action, role, etc.)
     interface AIHistory {
       sessionId: string;
       tokens: number;

packages/frontend/core/src/blocksuite/presets/ai/provider.ts

@@ -32,7 +32,7 @@ export type ActionEventType =
  * To use it, downstream (affine) has to provide AI actions implementation,
  * user info etc
  *
- * todo: breakdown into different parts?
+ * TODO: breakdown into different parts?
  */
 export class AIProvider {
   static get slots() {
@@ -124,7 +124,7 @@ export class AIProvider {
       console.warn(`AI action ${id} is already provided`);
     }
 
-    // @ts-expect-error todo: maybe fix this
+    // @ts-expect-error TODO: maybe fix this
     this.actions[id] = (
       ...args: Parameters<BlockSuitePresets.AIActions[T]>
     ) => {

packages/frontend/core/src/commands/affine-updates.tsx

@@ -24,7 +24,7 @@ export function registerAffineUpdatesCommands({
       preconditionStrategy: () => !!store.get(updateReadyAtom),
       run() {
         apis?.updater.quitAndInstall().catch(err => {
-          // TODO: add error toast here
+          // TODO(@JimmFly): add error toast here
           console.error(err);
         });
       },

packages/frontend/core/src/commands/registry/command.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 
-// TODO: need better way for composing different precondition strategies
+// TODO(@Peng): need better way for composing different precondition strategies
 export enum PreconditionStrategy {
   Always,
   InPaperOrEdgeless,
@@ -52,11 +52,11 @@ export interface AffineCommandOptions {
         title: string;
         subTitle?: string;
       });
-  icon: ReactNode; // todo: need a mapping from string -> React element/SVG
+  icon: ReactNode; // TODO(@JimmFly): need a mapping from string -> React element/SVG
   category?: CommandCategory;
   // we use https://github.com/jamiebuilds/tinykeys so that we can use the same keybinding definition
   // for both mac and windows
-  // todo: render keybinding in command palette
+  // TODO(@Peng): render keybinding in command palette
   keyBinding?: KeybindingOptions | string;
   run: () => void | Promise<void>;
 }

packages/frontend/core/src/components/admin-panel/utils.tsx

@@ -19,7 +19,7 @@ export const renderInput = (
           <Input type="number" value={value} onChange={onChange} />
         </div>
       );
-    //TODO: add more types
+    // TODO(@JimmFly): add more types
     default:
       return null;
   }

packages/frontend/core/src/components/affine/affine-error-boundary/error-basic/error-detail.tsx

@@ -30,21 +30,21 @@ const imageMap = new Map([
   [
     ErrorStatus.NotFound,
     {
-      light: imageUrlFor404, // TODO: Ask designer for dark/light mode image.
+      light: imageUrlFor404, // TODO(@catsjuice): Ask designer for dark/light mode image.
       dark: imageUrlFor404,
     },
   ],
   [
     ErrorStatus.Unexpected,
     {
-      light: imageUrlForLight500, // TODO: Split assets lib and use image hook to handle light and dark.
+      light: imageUrlForLight500, // TODO(@catsjuice): Split assets lib and use image hook to handle light and dark.
       dark: imageUrlForDark500,
     },
   ],
 ]);
 
 /**
- * TODO: Unify with NotFoundPage.
+ * TODO(@eyhn): Unify with NotFoundPage.
  */
 export const ErrorDetail: FC<ErrorDetailProps> = props => {
   const {

packages/frontend/core/src/components/affine/affine-error-boundary/error-fallbacks/any-error-fallback.tsx

@@ -6,7 +6,7 @@ import { ErrorDetail } from '../error-basic/error-detail';
 import type { FallbackProps } from '../error-basic/fallback-creator';
 
 /**
- * TODO: Support reload and retry two reset actions in page error and area error.
+ * TODO(@eyhn): Support reload and retry two reset actions in page error and area error.
  */
 export const AnyErrorFallback: FC<FallbackProps> = props => {
   const { error } = props;

packages/frontend/core/src/components/affine/affine-error-boundary/index.tsx

@@ -11,7 +11,7 @@ export interface AffineErrorBoundaryProps extends PropsWithChildren {
 }
 
 /**
- * TODO: Unify with SWRErrorBoundary
+ * TODO(@eyhn): Unify with SWRErrorBoundary
  */
 export const AffineErrorBoundary: FC<AffineErrorBoundaryProps> = props => {
   const fallbackRender: FallbackRender = useCallback(

packages/frontend/core/src/components/affine/ai-onboarding/slider.tsx

@@ -18,7 +18,7 @@ export interface SliderProps<T> extends HTMLAttributes<HTMLDivElement> {
 }
 
 /**
- * TODO: extract to @affine/ui
+ * TODO(@catsjuice): extract to @affine/ui
  * @returns
  */
 export const Slider = <T,>({

packages/frontend/core/src/components/affine/auth/oauth.tsx

@@ -25,7 +25,7 @@ const OAuthProviderMap: Record<
   },
 
   [OAuthProviderType.OIDC]: {
-    // TODO: Add OIDC icon
+    // TODO(@catsjuice): Add OIDC icon
     icon: <GoogleDuotoneIcon />,
   },
 };

packages/frontend/core/src/components/affine/auth/send-email.tsx

@@ -114,7 +114,7 @@ const useSendEmail = (emailType: AuthPanelProps['emailType']) => {
             callbackUrl = 'verify-email';
             break;
         }
-        // TODO: add error handler
+        // TODO(@eyhn): add error handler
         return trigger({
           email,
           callbackUrl: `/auth/${callbackUrl}?isClient=${
@@ -152,7 +152,7 @@ export const SendEmail = ({
   const { loading, sendEmail } = useSendEmail(emailType);
 
   const onSendEmail = useAsyncCallback(async () => {
-    // TODO: add error handler
+    // TODO(@eyhn): add error handler
     await sendEmail(email);
 
     notify.success({ title: hint });
@@ -164,7 +164,7 @@ export const SendEmail = ({
   }, [setAuthState]);
 
   if (!passwordLimits) {
-    // TODO: loading & error UI
+    // TODO(@eyhn): loading & error UI
     return null;
   }
 

packages/frontend/core/src/components/affine/auth/sign-in-with-password.tsx

@@ -62,7 +62,7 @@ export const SignInWithPassword: FC<AuthPanelProps> = ({
       notify.error({
         title: 'Failed to send email, please try again.',
       });
-      // TODO: handle error better
+      // TODO(@eyhn): handle error better
     }
     setSendingEmail(false);
   }, [sendingEmail, verifyToken, authService, email, challenge, setAuthState]);

packages/frontend/core/src/components/affine/auth/sign-in.tsx

@@ -98,7 +98,7 @@ export const SignIn: FC<AuthPanelProps> = ({
     } catch (err) {
       console.error(err);
 
-      // TODO: better error handling
+      // TODO(@eyhn): better error handling
       notify.error({
         title: 'Failed to send email. Please try again.',
       });

packages/frontend/core/src/components/affine/awareness/index.tsx

@@ -14,7 +14,7 @@ const SyncAwarenessInnerLoggedIn = () => {
         'user',
         {
           name: account.label,
-          // todo: add avatar?
+          // TODO(@eyhn): add avatar?
         }
       );
 
@@ -42,7 +42,7 @@ const SyncAwarenessInner = () => {
   return null;
 };
 
-// todo: we could do something more interesting here, e.g., show where the current user is
+// TODO(@eyhn): we could do something more interesting here, e.g., show where the current user is
 export const SyncAwareness = () => {
   return (
     <Suspense>

packages/frontend/core/src/components/affine/create-workspace-modal/index.tsx

@@ -101,7 +101,7 @@ const NameWorkspaceContent = ({
     },
     [handleCreateWorkspace, workspaceName]
   );
-  // TODO: Support uploading avatars.
+
   // Currently, when we create a new workspace and upload an avatar at the same time,
   // an error occurs after the creation is successful: get blob 404 not found
   return (
@@ -186,7 +186,7 @@ export const CreateWorkspaceModal = ({
   const workspacesService = useService(WorkspacesService);
   const [loading, setLoading] = useState(false);
 
-  // todo: maybe refactor using xstate?
+  // TODO(@Peng): maybe refactor using xstate?
   useLayoutEffect(() => {
     let canceled = false;
     // if mode changed, reset step

packages/frontend/core/src/components/affine/onboarding/articles/blocks.css.ts

@@ -21,7 +21,7 @@ globalStyle(`${block} p`, {
   lineHeight: '23px',
 });
 globalStyle(`${block} b`, {
-  // TODO: 500's effect not matching the design, use 600 for now
+  // TODO(@catsjuice): 500's effect not matching the design, use 600 for now
   fontWeight: '600',
 });
 globalStyle(`${block} ol`, {

packages/frontend/core/src/components/affine/onboarding/articles/index.tsx

@@ -1,6 +1,6 @@
 import { article, articleWrapper, text, title } from '../curve-paper/paper.css';
 import type { ArticleId, ArticleOption, EdgelessSwitchState } from '../types';
-// TODO: lazy load
+// TODO(@catsjuice): lazy load
 import { article0 } from './article-0';
 import { article1 } from './article-1';
 import { article2 } from './article-2';

packages/frontend/core/src/components/affine/onboarding/steps/edgeless-switch.tsx

@@ -113,7 +113,7 @@ export const EdgelessSwitch = ({
       turnOffScalingRef.current?.();
     };
 
-    // TODO: mobile support
+    // TODO(@catsjuice): mobile support
     const onMouseDown = (e: MouseEvent) => {
       const target = e.target as HTMLElement;
       if (target.closest('[data-no-drag]')) return;

packages/frontend/core/src/components/affine/page-history-modal/data.ts

@@ -94,7 +94,7 @@ const snapshotFetcher = async (
 
 // attach the Page shown in the modal to a temporary workspace
 // so that we do not need to worry about providers etc
-// todo: fix references to the page (the referenced page will shown as deleted)
+// TODO(@Peng): fix references to the page (the referenced page will shown as deleted)
 // if we simply clone the current workspace, it maybe time consuming right?
 const docCollectionMap = new Map<string, DocCollection>();
 

packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx

@@ -247,7 +247,7 @@ const PlanPrompt = () => {
               : t[
                   'com.affine.history.confirm-restore-modal.plan-prompt.title'
                 ]()
-            : '' /* TODO: loading UI */
+            : '' /* TODO(@catsjuice): loading UI */
         }
 
         <IconButton

packages/frontend/core/src/components/affine/page-properties/page-properties-manager.ts

@@ -35,7 +35,7 @@ export const newPropertyTypes: PagePropertyType[] = [
   PagePropertyType.Number,
   PagePropertyType.Checkbox,
   PagePropertyType.Date,
-  // todo: add more
+  // TODO(@Peng): add more
 ];
 
 export class PagePropertiesMetaManager {

packages/frontend/core/src/components/affine/page-properties/property-row-value-renderer.tsx

@@ -188,7 +188,7 @@ export const propertyValueRenderers: Record<
   checkbox: CheckboxValue,
   text: TextValue,
   number: NumberValue,
-  // todo: fix following
+  // TODO(@Peng): fix following
   tags: TagsValue,
   progress: TextValue,
 };

packages/frontend/core/src/components/affine/page-properties/table.tsx

@@ -682,7 +682,7 @@ export const PagePropertiesTableHeader = ({
 
   return (
     <div className={clsx(styles.tableHeader, className)} style={style}>
-      {/* todo: add click handler to backlinks */}
+      {/* TODO(@Peng): add click handler to backlinks */}
       <div className={styles.tableHeaderInfoRow}>
         {backlinks.length > 0 ? (
           <PageBacklinksPopup backlinks={backlinks}>

packages/frontend/core/src/components/affine/setting-modal/account-setting/ai-usage-panel.tsx

@@ -63,7 +63,7 @@ export const AIUsagePanel = () => {
           desc={''}
           spreadCol={false}
         >
-          {/* TODO: i18n */}
+          {/* TODO(@catsjuice): i18n */}
           <ErrorMessage>Load error</ErrorMessage>
         </SettingRow>
       );

packages/frontend/core/src/components/affine/setting-modal/account-setting/index.tsx

@@ -44,7 +44,7 @@ export const UserAvatar = () => {
         await session.uploadAvatar(file);
         notify.success({ title: 'Update user avatar success' });
       } catch (e) {
-        // TODO: i18n
+        // TODO(@catsjuice): i18n
         notify.error({
           title: 'Update user avatar failed',
           message: String(e),

packages/frontend/core/src/components/affine/setting-modal/account-setting/storage-progress.tsx

@@ -63,10 +63,9 @@ export const StorageProgress = ({ onUpgrade }: StorageProgressProgress) => {
 
   if (loading) {
     if (loadError) {
-      // TODO: i18n
+      // TODO(@catsjuice): i18n
       return <ErrorMessage>Load error</ErrorMessage>;
     }
-    // TODO: loading UI
     return <Skeleton height={42} />;
   }
 

packages/frontend/core/src/components/affine/setting-modal/general-setting/billing/index.tsx

@@ -349,7 +349,6 @@ const PlanAction = ({
 };
 
 const PaymentMethodUpdater = () => {
-  // TODO: open stripe customer portal
   const { isMutating, trigger } = useMutation({
     mutation: createCustomerPortalMutation,
   });
@@ -475,7 +474,6 @@ const InvoiceLine = ({
     <SettingRow
       key={invoice.id}
       name={new Date(invoice.createdAt).toLocaleDateString()}
-      // TODO: currency to format: usd => $, cny => ¥
       desc={`${
         invoice.status === InvoiceStatus.Paid
           ? t['com.affine.payment.billing-setting.paid']()

packages/frontend/core/src/components/affine/setting-modal/general-setting/experimental-features/index.tsx

@@ -181,7 +181,7 @@ const ExperimentalFeaturesMain = () => {
   );
 };
 
-// todo: save to workspace meta instead?
+// TODO(@Peng): save to workspace meta instead?
 const experimentalFeaturesDisclaimerAtom = atomWithStorage(
   'affine:experimental-features-disclaimer',
   false

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/subscribe.tsx

@@ -63,7 +63,7 @@ export const AISubscribe = ({ ...btnProps }: AISubscribeProps) => {
   }, [idempotencyKey, subscriptionService]);
 
   if (!price || !price.yearlyAmount) {
-    // TODO: loading UI
+    // TODO(@catsjuice): loading UI
     return null;
   }
 

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/benefits.tsx

@@ -41,7 +41,7 @@ const benefitsGetter = (t: ReturnType<typeof useI18n>) => [
 export const AIBenefits = () => {
   const t = useI18n();
   const benefits = useMemo(() => benefitsGetter(t), [t]);
-  // TODO: responsive
+  // TODO(@catsjuice): responsive
   return (
     <div className={styles.benefits}>
       {benefits.map(({ name, icon, items }) => {

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/cloud-plans.tsx

@@ -1,5 +1,3 @@
-// TODO: we don't handle i18n for now
-// it's better to manage all equity at server side
 import { SubscriptionPlan, SubscriptionRecurring } from '@affine/graphql';
 import type { useI18n } from '@affine/i18n';
 import { AfFiNeIcon } from '@blocksuite/icons/rc';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/layout.tsx

@@ -105,7 +105,7 @@ export const PlanLayout = ({ cloud, ai, aiTip }: PlanLayoutProps) => {
     }
   }, [aiTip, settingModalScrollContainer]);
 
-  // TODO: Need a better solution to handle this situation
+  // TODO(@catsjuice): Need a better solution to handle this situation
   useLayoutEffect(() => {
     if (!scrollAnchor) return;
     setTimeout(() => {
@@ -135,7 +135,7 @@ export const PlanLayout = ({ cloud, ai, aiTip }: PlanLayoutProps) => {
 
   return (
     <div className={styles.plansLayoutRoot}>
-      {/* TODO: SettingHeader component shouldn't have margin itself  */}
+      {/* TODO(@catsjuice): SettingHeader component shouldn't have margin itself  */}
       <SettingHeader
         style={{ marginBottom: '0px' }}
         title={t['com.affine.payment.title']()}

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/skeleton.tsx

@@ -18,7 +18,7 @@ const RoundedSkeleton = ({
 );
 
 const TabsSkeleton = () => (
-  // TODO: height should be `32px` by design
+  // TODO(@catsjuice): height should be `32px` by design
   // but the RadioGroup component is not matching with the design currently
   // set to `24px` for now to avoid blinking
   <Skeleton variant="rounded" width="256px" height="24px" />

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/style.css.ts

@@ -84,7 +84,7 @@ export const planCardBorderMock = style({
     bottom: 0,
     borderRadius: 'inherit',
     border: `2px solid transparent`,
-    // TODO: brandColor with opacity, dark mode compatibility needed
+    // TODO(@catsjuice): brandColor with opacity, dark mode compatibility needed
     background: `linear-gradient(180deg, ${cssVar('brandColor')}, #1E96EB33) border-box`,
     ['WebkitMask']: `linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)`,
     [`WebkitMaskComposite`]: `destination-out`,

packages/frontend/core/src/components/affine/setting-modal/setting-sidebar/index.tsx

@@ -38,7 +38,7 @@ export type UserInfoProps = {
 export const UserInfo = ({ onAccountSettingClick, active }: UserInfoProps) => {
   const account = useLiveData(useService(AuthService).session.account$);
   if (!account) {
-    // TODO: loading ui
+    // TODO(@eyhn): loading ui
     return;
   }
   return (

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/delete-leave-workspace/index.tsx

@@ -70,7 +70,7 @@ export const DeleteLeaveWorkspace = () => {
       const backWorkspace = workspaceList.find(
         ws => ws.id !== currentWorkspaceId
       );
-      // TODO: if there is no workspace, jump to a new page(wait for design)
+      // TODO(@eyhn): if there is no workspace, jump to a new page(wait for design)
       if (backWorkspace) {
         jumpToSubPath(
           backWorkspace?.id || '',

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/labels.tsx

@@ -81,7 +81,7 @@ export const LabelsPanel = () => {
       condition: workspace.flavour === 'affine-cloud',
       label: 'syncCloud',
     },
-    //TODO: add these labels
+    //TODO(@JimmFly): add these labels
     // { status==="synced", label: 'availableOffline' }
     // { workspace.flavour === 'affine-Docker', label: 'syncDocker' }
     // { workspace.flavour === 'self-hosted', label: 'selfHosted' }

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/members.tsx

@@ -197,7 +197,7 @@ export const CloudWorkspaceMembersPanel = () => {
   }, [handleUpgradeConfirm, hasPaymentFeature, t, workspaceQuota]);
 
   if (workspaceQuota === null) {
-    // TODO: loading ui
+    // TODO(@eyhn): loading ui
     return null;
   }
 

packages/frontend/core/src/components/affine/share-page-modal/share-menu/index.css.ts

@@ -29,7 +29,7 @@ export const descriptionStyle = style({
 });
 export const buttonStyle = style({
   marginTop: '18px',
-  // todo: new color scheme should be used
+  // todo(@JimmFly): new color scheme should be used
 });
 export const actionsStyle = style({
   display: 'flex',

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-page.tsx

@@ -211,7 +211,7 @@ export const AffineSharePage = (props: ShareMenuProps) => {
   );
 
   if (isLoading) {
-    // TODO: loading and error UI
+    // TODO(@eyhn): loading and error UI
     return (
       <>
         <Skeleton height={100} />
@@ -341,7 +341,7 @@ export const SharePage = (props: ShareMenuProps) => {
     props.workspaceMetadata.flavour === WorkspaceFlavour.AFFINE_CLOUD
   ) {
     return (
-      // TODO: refactor this part
+      // TODO(@eyhn): refactor this part
       <ErrorBoundary fallback={null}>
         <Suspense>
           <AffineSharePage {...props} />

packages/frontend/core/src/components/app-sidebar/app-download-button/index.tsx

@@ -19,7 +19,7 @@ export function AppDownloadButton({
     setShow(false);
   }, []);
 
-  // TODO: unify this type of literal value.
+  // TODO(@JimmFly): unify this type of literal value.
   const handleClick = useCallback(() => {
     mixpanel.track('Button', {
       resolve: 'GoToDownloadAppPage',

packages/frontend/core/src/components/blocksuite/block-suite-editor/ai/event-source.ts

@@ -16,7 +16,7 @@ type toTextStreamOptions = {
   signal?: AbortSignal;
 };
 
-// todo: may need to extend the error type
+// todo(@Peng): may need to extend the error type
 const safeParseError = (data: string): { status: number } => {
   try {
     return JSON.parse(data);

packages/frontend/core/src/components/blocksuite/block-suite-editor/ai/prompt.ts

@@ -1,5 +1,5 @@
 // manually synced with packages/backend/server/src/data/migrations/utils/prompts.ts
-// todo: automate this
+// TODO(@Peng): automate this
 export const promptKeys = [
   'debug:chat:gpt4',
   'debug:action:gpt4',

packages/frontend/core/src/components/blocksuite/block-suite-editor/journal-doc-title.tsx

@@ -9,7 +9,7 @@ export const BlocksuiteEditorJournalDocTitle = ({ page }: { page: Doc }) => {
     useJournalInfoHelper(page.collection, page.id);
   const t = useI18n();
 
-  // TODO: i18n
+  // TODO(catsjuice): i18n
   const day = journalDate?.format('dddd') ?? null;
 
   return (

packages/frontend/core/src/components/blocksuite/block-suite-editor/no-page-error.ts

@@ -2,7 +2,7 @@ import type { Doc } from '@blocksuite/store';
 import type { Map as YMap } from 'yjs';
 
 /**
- * TODO: Define error to unexpected state together in the future.
+ * TODO(@eyhn): Define error to unexpected state together in the future.
  */
 export class NoPageRootError extends Error {
   constructor(public page: Doc) {

packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx

@@ -223,7 +223,7 @@ export const PageHeaderMenuButton = ({
           ? t['com.affine.favoritePageOperation.remove']()
           : t['com.affine.favoritePageOperation.add']()}
       </MenuItem>
-      {/* {TODO: add tag function support} */}
+      {/* {TODO(@Peng): add tag function support} */}
       {/* <MenuItem
         icon={<TagsIcon />}
         data-testid="editor-option-menu-add-tag"

packages/frontend/core/src/components/blocksuite/block-suite-header/present/use-present.ts

@@ -12,7 +12,7 @@ export const usePresent = () => {
       const editorHost = editor?.host;
       if (!editorHost) return;
 
-      // TODO: use surfaceService subAtom
+      // TODO(@catsjuice): use surfaceService subAtom
       const enterOrLeavePresentationMode = () => {
         const edgelessRootService = editorHost.spec.getService(
           'affine:page'

packages/frontend/core/src/components/cloud/share-header-right-item/index.tsx

@@ -18,7 +18,7 @@ const ShareHeaderRightItem = ({ ...props }: ShareHeaderRightItemProps) => {
   const { publishMode } = props;
   const [isMember, setIsMember] = useState(false);
 
-  // TODO: Add TOC
+  // TODO(@JimmFly): Add TOC
   return (
     <div className={styles.rightItemContainer}>
       {loginStatus === 'authenticated' ? (

packages/frontend/core/src/components/cloud/share-header-right-item/user-avatar.tsx

@@ -24,7 +24,7 @@ const UserInfo = () => {
   const plan = useLiveData(subscription.pro$)?.plan;
 
   if (!user) {
-    // TODO: loading UI
+    // TODO(@eyhn): loading UI
     return null;
   }
   return (

packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts

@@ -66,7 +66,7 @@ globalStyle(`[data-draggable=true][data-dragging=true] ${dndCell}:before`, {
   opacity: 1,
 });
 
-// todo: remove global style
+// TODO(@JimmFly): remove global style
 globalStyle(`${root} > :first-child`, {
   paddingLeft: '16px',
 });

packages/frontend/core/src/components/page-list/collections/collection-list-item.tsx

@@ -109,7 +109,7 @@ export const CollectionListItem = (props: CollectionListItemProps) => {
     props.title,
   ]);
 
-  // TODO: use getDropItemId
+  // TODO(@JimmFly): use getDropItemId
   const { setNodeRef, attributes, listeners, isDragging } = useDraggable({
     id: getDNDId('collection-list', 'collection', props.collectionId),
     data: {

packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts

@@ -66,7 +66,7 @@ globalStyle(`[data-draggable=true][data-dragging=true] ${dndCell}:before`, {
   opacity: 1,
 });
 
-// todo: remove global style
+// TODO(@JimmFly): remove global style
 globalStyle(`${root} > :first-child`, {
   paddingLeft: '16px',
 });

packages/frontend/core/src/components/page-list/docs/page-list-item.tsx

@@ -167,7 +167,7 @@ export const PageListItem = (props: PageListItemProps) => {
     props.title,
   ]);
 
-  // TODO: use getDropItemId
+  // TODO(@JimmFly): use getDropItemId
   const { setNodeRef, attributes, listeners, isDragging } = useDraggable({
     id: getDNDId('doc-list', 'doc', props.pageId),
     data: {

packages/frontend/core/src/components/page-list/group-definitions.tsx

@@ -35,7 +35,7 @@ const GroupLabel = ({
   </div>
 );
 
-// todo: optimize date matchers
+// TODO(@JimmFly): optimize date matchers
 export const useDateGroupDefinitions = <T extends ListItem>(
   key: DateKey
 ): ItemGroupDefinition<T>[] => {
@@ -223,7 +223,7 @@ export const usePageItemGroupDefinitions = () => {
       none: undefined,
 
       // add more here later
-      // todo: some page group definitions maybe dynamic
+      // todo(@JimmFly): some page group definitions maybe dynamic
     };
     return itemGroupDefinitions[workspaceProperties.groupBy];
   }, [

packages/frontend/core/src/components/page-list/list.tsx

@@ -43,7 +43,7 @@ export const List = forwardRef<ItemListHandle, ListProps<ListItem>>(
 );
 
 // when pressing ESC or double clicking outside of the page list, close the selection mode
-// todo: use jotai-effect instead but it seems it does not work with jotai-scope?
+// TODO(@Peng): use jotai-effect instead but it seems it does not work with jotai-scope?
 const useItemSelectionStateEffect = () => {
   const [selectionState, setSelectionActive] = useAtom(selectionStateAtom);
   useEffect(() => {

packages/frontend/core/src/components/page-list/page-group.tsx

@@ -194,7 +194,7 @@ export const ItemGroup = <T extends ListItem>({
   );
 };
 
-// todo: optimize how to render page meta list item
+// TODO(@Peng): optimize how to render page meta list item
 const requiredPropNames = [
   'docCollection',
   'rowAsLink',

packages/frontend/core/src/components/page-list/tags/tag-list-item.css.ts

@@ -65,7 +65,7 @@ globalStyle(`[data-draggable=true][data-dragging=true] ${dndCell}:before`, {
   opacity: 1,
 });
 
-// todo: remove global style
+// TODO(@JimmFly): remove global style
 globalStyle(`${root} > :first-child`, {
   paddingLeft: '16px',
 });

packages/frontend/core/src/components/page-list/tags/tag-list-item.tsx

@@ -98,7 +98,7 @@ export const TagListItem = (props: TagListItemProps) => {
     );
   }, [props.color, props.onSelectedChange, props.selectable, props.selected]);
 
-  // TODO: use getDropItemId
+  // TODO(@JimmFly): use getDropItemId
   const { setNodeRef, attributes, listeners, isDragging } = useDraggable({
     id: getDNDId('tag-list', 'tag', props.tagId),
     data: {

packages/frontend/core/src/components/page-list/types.ts

@@ -19,7 +19,7 @@ export type TagMeta = {
   createDate?: Date | number;
   updatedDate?: Date | number;
 };
-// TODO: consider reducing the number of props here
+// TODO(@JimmFly): consider reducing the number of props here
 // using type instead of interface to make it Record compatible
 export type PageListItemProps = {
   pageId: string;
@@ -73,10 +73,10 @@ export type TagListItemProps = {
 
 export interface ItemListHeaderProps {}
 
-// todo: a temporary solution. may need to be refactored later
+// TODO(@JimmFly): a temporary solution. may need to be refactored later
-export type ItemGroupByType = 'createDate' | 'updatedDate'; // todo: can add more later
+export type ItemGroupByType = 'createDate' | 'updatedDate'; // TODO(@JimmFly): can add more later
 
-// todo: a temporary solution. may need to be refactored later
+// TODO(@JimmFly): a temporary solution. may need to be refactored later
 export interface SortBy {
   key: 'createDate' | 'updatedDate';
   order: 'asc' | 'desc';

packages/frontend/core/src/components/page-list/use-filtered-page-metas.tsx

@@ -32,7 +32,7 @@ export const useFilteredPageMetas = (
   );
 
   useEffect(() => {
-    // TODO: loading & error UI
+    // TODO(@eyhn): loading & error UI
     shareDocsService.shareDocs?.revalidate();
   }, [shareDocsService]);
 

packages/frontend/core/src/components/page-list/virtualized-list.tsx

@@ -206,7 +206,7 @@ const ListInner = ({
       totalCount={virtuosoItems.length}
       itemContent={itemContentRenderer}
       className={clsx(props.className, styles.root)}
-      // todo: set a reasonable overscan value to avoid blank space?
+      // TODO(@Peng): set a reasonable overscan value to avoid blank space?
       // overscan={100}
     />
   );

packages/frontend/core/src/components/pure/workspace-slider-bar/workspace-card/index.tsx

@@ -135,7 +135,7 @@ const useSyncEngineSyncProgress = () => {
   }, [currentWorkspace, isOwner, jumpToPricePlan, t]);
 
   const content = useMemo(() => {
-    // TODO: add i18n
+    // TODO(@eyhn): add i18n
     if (currentWorkspace.flavour === WorkspaceFlavour.LOCAL) {
       if (!environment.isDesktop) {
         return 'This is a local demo workspace.';

packages/frontend/core/src/components/root-app-sidebar/index.css.ts

@@ -22,7 +22,7 @@ export const userInfoWrapper = style({
   padding: '4px 0',
 });
 
-// TODO:
+// TODO(@catsjuice):
 globalStyle(`button.${userInfoWrapper} > span`, {
   lineHeight: 0,
 });

packages/frontend/core/src/components/workspace-upgrade/upgrade-icon.tsx

@@ -1,7 +1,7 @@
 import type React from 'react';
 
 /**
- * TODO: Define a place to manage all icons and svg images.
+ * TODO(@eyhn): move to icons package
  */
 export const ArrowCircleIcon = (props: React.SVGProps<SVGSVGElement>) => {
   return (

packages/frontend/core/src/components/workspace-upgrade/upgrade.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@affine/component/ui/button';
-import { AffineShapeIcon } from '@affine/core/components/page-list'; // TODO: import from page-list temporarily, need to defined common svg icon/images management.
+import { AffineShapeIcon } from '@affine/core/components/page-list'; // TODO(@eyhn): import from page-list temporarily, need to defined common svg icon/images management.
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
 import { WorkspaceSubPath } from '@affine/core/shared';
@@ -12,7 +12,7 @@ import * as styles from './upgrade.css';
 import { ArrowCircleIcon, HeartBreakIcon } from './upgrade-icon';
 
 /**
- * TODO: Help info is not implemented yet.
+ * TODO(@eyhn): Help info is not implemented yet.
  */
 export const WorkspaceUpgrade = function WorkspaceUpgrade() {
   const [error, setError] = useState<string | null>(null);

packages/frontend/core/src/components/workspace/index.css.ts

@@ -22,7 +22,7 @@ export const appStyle = style({
       opacity: `var(--affine-noise-opacity, 0)`,
       backgroundRepeat: 'repeat',
       backgroundSize: '50px',
-      // todo: figure out how to use vanilla-extract webpack plugin to inject img url
+      // TODO(@Peng): figure out how to use vanilla-extract webpack plugin to inject img url
       backgroundImage: `var(--noise-background)`,
     },
   },
@@ -57,8 +57,8 @@ export const mainContainerStyle = style({
       borderRadius: 6,
       margin: '8px',
       overflow: 'hidden',
-      // todo: is this performance intensive?
+      // TODO(@Peng): is this performance intensive?
-      // TODO: not match with design's shadow, theme missing
+      // TODO(@catsjuice): not match with design's shadow, theme missing
       filter: 'drop-shadow(0px 0px 4px rgba(66,65,73,.14))',
       '@media': {
         print: {

packages/frontend/core/src/hooks/affine/use-all-page-list-config.tsx

@@ -18,7 +18,7 @@ export const useAllPageListConfig = () => {
   const shareDocs = useLiveData(shareDocService.shareDocs?.list$);
 
   useEffect(() => {
-    // TODO: loading & error UI
+    // TODO(@eyhn): loading & error UI
     shareDocService.shareDocs?.revalidate();
   }, [shareDocService]);
 

packages/frontend/core/src/hooks/affine/use-mutate-cloud.ts

@@ -4,7 +4,7 @@ import { useSWRConfig } from 'swr';
 export function useMutateCloud() {
   const { mutate } = useSWRConfig();
   return useCallback(async () => {
-    // todo: should not mutate all graphql cache
+    // TODO(@eyhn): should not mutate all graphql cache
     return mutate(key => {
       if (Array.isArray(key)) {
         return key[0] === 'cloud';

packages/frontend/core/src/hooks/affine/use-register-blocksuite-editor-commands.tsx

@@ -69,7 +69,7 @@ export function useRegisterBlocksuiteEditorCommands() {
     const preconditionStrategy = () =>
       PreconditionStrategy.InPaperOrEdgeless && !trash;
 
-    // TODO: add back when edgeless presentation is ready
+    // TODO(@Peng): add back when edgeless presentation is ready
 
     // this is pretty hack and easy to break. need a better way to communicate with blocksuite editor
     // unsubs.push(
@@ -134,7 +134,7 @@ export function useRegisterBlocksuiteEditorCommands() {
       })
     );
 
-    // todo: should not show duplicate for journal
+    // TODO(@Peng): should not show duplicate for journal
     unsubs.push(
       registerAffineCommand({
         id: `editor:${mode}-duplicate`,

packages/frontend/core/src/hooks/use-affine-adapter.ts

@@ -12,7 +12,7 @@ const useReactiveAdapter = (adapter: WorkspacePropertiesAdapter) => {
   // hack: delay proxy creation to avoid unnecessary re-render + render in another component issue
   const [proxy, setProxy] = useDebouncedState(adapter, 0);
   useEffect(() => {
-    // todo: track which properties are used and then filter by property path change
+    // TODO(@Peng): track which properties are used and then filter by property path change
     // using Y.YEvent.path
     function observe() {
       setProxy(getProxy(adapter));

packages/frontend/core/src/hooks/use-app-updater.ts

@@ -127,7 +127,7 @@ export const useAppUpdater = () => {
     if (updateReady) {
       setAppQuitting(true);
       apis?.updater.quitAndInstall().catch(err => {
-        // TODO: add error toast here
+        // TODO(@Peng): add error toast here
         console.error(err);
       });
     }

packages/frontend/core/src/hooks/use-navigate-helper.ts

@@ -18,7 +18,7 @@ function defaultNavigate(to: To, option?: { replace?: boolean }) {
   }, 100);
 }
 
-// todo: add a name -> path helper in the results
+// TODO(@eyhn): add a name -> path helper in the results
 export function useNavigateHelper() {
   const navigate = useContext(NavigateContext) ?? defaultNavigate;
 

packages/frontend/core/src/hooks/use-query.ts

@@ -111,7 +111,7 @@ export function useQueryInfinite<Query extends GraphQLQuery>(
 
   const loadingMore = size > 0 && data && !data[size - 1];
 
-  // todo: find a generic way to know whether or not there are more items to load
+  // TODO(@Peng): find a generic way to know whether or not there are more items to load
   const loadMore = useCallback(() => {
     if (loadingMore) {
       return;

packages/frontend/core/src/modules/cmdk/entities/quick-search.ts

@@ -20,7 +20,7 @@ export type SearchCallbackResult =
       action: 'insert';
     };
 
-// todo: move command registry to entity as well
+// TODO(@Peng): move command registry to entity as well
 export class QuickSearch extends Entity {
   constructor(
     private readonly docsService: DocsService,

packages/frontend/core/src/modules/cmdk/views/data-hooks.tsx

@@ -320,7 +320,7 @@ export const usePageCommands = () => {
   ]);
 };
 
-// todo: refactor to reduce duplication with usePageCommands
+// TODO(@Peng): refactor to reduce duplication with usePageCommands
 export const useSearchCallbackCommands = () => {
   const quickSearch = useService(QuickSearchService).quickSearch;
   const workspace = useService(WorkspaceService).workspace;
@@ -415,7 +415,7 @@ export const collectionToCommand = (
 };
 
 export const useCollectionsCommands = () => {
-  // todo: considering collections for searching pages
+  // TODO(@eyhn): considering collections for searching pages
   const collectionService = useService(CollectionService);
   const collections = useLiveData(collectionService.collections$);
   const quickSearch = useService(QuickSearchService).quickSearch;

packages/frontend/core/src/modules/cmdk/views/main.tsx

@@ -200,7 +200,7 @@ export const CMDKContainer = ({
       onValueChange={setValue}
       loop
     >
-      {/* todo: add page context here */}
+      {/* TODO(@Peng): add page context here */}
       {inputLabel ? (
         <div className={styles.pageTitleWrapper}>
           <span className={styles.pageTitle}>{inputLabel}</span>

packages/frontend/core/src/modules/find-in-page/entities/find-in-page.ts

@@ -71,7 +71,7 @@ export class FindInPage extends Entity {
 
   constructor() {
     super();
-    // todo: hide on navigation
+    // TODO(@Peng): hide on navigation
   }
 
   findInPage(searchText: string) {

packages/frontend/core/src/modules/multi-tab-sidebar/multi-tabs/tabs/journal.css.ts

@@ -152,7 +152,7 @@ export const pageItemLabel = style({
   textAlign: 'left',
   selectors: {
     '[aria-selected="true"] &': {
-      // TODO: wait for design
+      // TODO(@catsjuice): wait for design
       color: cssVar('primaryColor'),
     },
   },