feat(core): make event track great again (#7695)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/5c0ymolP9B7QStCsS1RP/6a3941d9-4409-4eda-987b-88ae41bd72d4.png)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/5c0ymolP9B7QStCsS1RP/3e9cedec-5457-4e7a-9125-63aab7247cd2.png)

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

@@ -1,7 +1,6 @@
 import { getDowngradeQuestionnaireLink } from '@affine/core/hooks/affine/use-subscription-notify';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { mixpanel } from '@affine/core/mixpanel';
-import type { MixpanelEvents } from '@affine/core/mixpanel/events';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useLiveData, useService } from '@toeverything/infra';
 import { nanoid } from 'nanoid';
@@ -25,7 +24,7 @@ export const CancelAction = ({
 }: {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  module: MixpanelEvents['PlanChangeStarted']['module'];
+  module: string;
 } & PropsWithChildren) => {
   const [idempotencyKey, setIdempotencyKey] = useState(nanoid());
   const [isMutating, setIsMutating] = useState(false);

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

@@ -3,7 +3,6 @@ import { useDowngradeNotify } from '@affine/core/components/affine/subscription-
 import { getDowngradeQuestionnaireLink } from '@affine/core/hooks/affine/use-subscription-notify';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { mixpanel } from '@affine/core/mixpanel';
-import type { MixpanelEvents } from '@affine/core/mixpanel/events';
 import { AuthService, SubscriptionService } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
@@ -12,7 +11,7 @@ import { nanoid } from 'nanoid';
 import { useState } from 'react';
 
 export interface AICancelProps extends ButtonProps {
-  module: MixpanelEvents['PlanChangeStarted']['module'];
+  module: string;
 }
 export const AICancel = ({ module, ...btnProps }: AICancelProps) => {
   const t = useI18n();

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

@@ -6,7 +6,6 @@ import {
 } from '@affine/component';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { mixpanel } from '@affine/core/mixpanel';
-import type { MixpanelEvents } from '@affine/core/mixpanel/events';
 import { SubscriptionService } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useI18n } from '@affine/i18n';
@@ -17,7 +16,7 @@ import { nanoid } from 'nanoid';
 import { useState } from 'react';
 
 export interface AIResumeProps extends ButtonProps {
-  module: MixpanelEvents['PlanChangeStarted']['module'];
+  module: string;
 }
 
 export const AIResume = ({ module, ...btnProps }: AIResumeProps) => {

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

@@ -81,10 +81,6 @@ export const RootAppSidebar = (): ReactElement => {
   const cmdkQuickSearchService = useService(CMDKQuickSearchService);
   const onOpenQuickSearchModal = useCallback(() => {
     cmdkQuickSearchService.toggle();
-    mixpanel.track('QuickSearchOpened', {
-      segment: 'navigation panel',
-      control: 'search button',
-    });
   }, [cmdkQuickSearchService]);
 
   const allPageActive = currentPath === '/all';
@@ -157,6 +153,7 @@ export const RootAppSidebar = (): ReactElement => {
           <QuickSearchInput
             className={quickSearch}
             data-testid="slider-bar-quick-search-button"
+            data-event-props="$.navigationPanel.generalFunction.quickSearch"
             onClick={onOpenQuickSearchModal}
           />
           <AddPageButton onClick={onClickNewPage} />