refactor: remove 10 trpc imports from features package by moving 16 tRPC-driven components to apps/web/modules (#27336)

* refactor: move Segment, BookerLayoutSelector, CreateLicenseKeyForm from packages/features to apps/web/modules Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix: update relative imports to absolute paths in moved files Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: move useBookingLocation and blocklist components from packages/features to apps/web/modules Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * refactor: move EmbedTabs and embed hooks from packages/features to apps/web/modules Co-Authored-By: benny@cal.com <sldisek783@gmail.com> * fix * migrate useBookerUrl * migrate embed tabs * fix * fix * fix * mv ThemeLabel * mv settings headers to webn * update imports * clean up --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-01-30 04:55:50 -03:00
parent ea0d9cbbeb
commit b3430c8efc
107 changed files with 186 additions and 137 deletions
@@ -2,7 +2,7 @@ import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

 import AdminAppsList from "~/apps/components/AdminAppsList";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async ({ params }: { params: Promise<{ category: string }> }) =>
  await _generateMetadata(
@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import AdminBillingView from "~/settings/admin/billing-view";

@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SystemBlocklistView from "@calcom/features/ee/admin/pages/settings/blocklist";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SystemBlocklistView from "@calcom/web/modules/ee/admin/pages/settings/blocklist";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async () =>
  await _generateMetadata(
@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

 import { FlagListingView } from "@calcom/web/modules/feature-flags/views/flag-listing-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async () =>
  await _generateMetadata(
@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import ImpersonationView from "~/settings/admin/impersonation-view";

@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import LockedSMSView from "~/settings/admin/locked-sms-view";

@@ -5,7 +5,7 @@ import { z } from "zod";
 import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { OrgForm } from "~/ee/organizations/admin/AdminOrgEditPage";
 import { getOrganizationRepository } from "@calcom/features/ee/organizations/di/OrganizationRepository.container";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 const orgIdSchema = z.object({ id: z.coerce.number() });

@@ -3,7 +3,7 @@ import { getTranslate } from "app/_utils";

 import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import AdminOrgTable from "~/ee/organizations/admin/AdminOrgPage";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async () =>
  await _generateMetadata(
@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";
 import Link from "next/link";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { Icon } from "@calcom/ui/components/icon";

 const LINKS = [
@@ -4,7 +4,7 @@ import { z } from "zod";

 import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { UsersEditView } from "~/ee/users/views/users-edit-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { UserRepository } from "@calcom/features/users/repositories/UserRepository";
 import { prisma } from "@calcom/prisma";

@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

 import UsersAddView from "~/ee/users/views/users-add-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async () =>
  await _generateMetadata(
@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

 import UsersListingView from "~/ee/users/views/users-listing-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { Button } from "@calcom/ui/components/button";

 export const generateMetadata = async () =>
@@ -2,7 +2,7 @@ import { _generateMetadata, getTranslate } from "app/_utils";

 import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import WorkspacePlatformsPage from "~/ee/organizations/admin/WorkspacePlatformPage";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async () =>
  await _generateMetadata(
@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import BillingView from "~/settings/billing/billing-view";

@@ -3,7 +3,7 @@ import { redirect } from "next/navigation";

 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import OrgSettingsAttributesPage from "~/ee/organizations/attributes/attributes-list-view";
@@ -2,7 +2,7 @@ import { _generateMetadata, getTranslate } from "app/_utils";

 import { getIntegrationAttributeSyncService } from "@calcom/features/ee/integration-attribute-sync/di/IntegrationAttributeSyncService.container";
 import { TeamRepository } from "@calcom/features/ee/teams/repositories/TeamRepository";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { PrismaAttributeRepository } from "@calcom/features/attributes/repositories/PrismaAttributeRepository";
 import { prisma } from "@calcom/prisma";
 import IntegrationAttributeSyncView from "@calcom/web/modules/integration-attribute-sync/components/IntegrationAttributeSyncView";
@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import BillingView from "~/settings/billing/billing-view";
@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

 import DelegationCredentialList from "~/ee/organizations/delegationCredential";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import { validateUserHasOrgPerms } from "../../actions/validateUserHasOrgPerms";
@@ -3,7 +3,7 @@ import { _generateMetadata, getTranslate } from "app/_utils";
 import DirectorySyncTeamView from "~/ee/dsync/views/team-dsync-view";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import { validateUserHasOrg } from "../../actions/validateUserHasOrg";
@@ -4,7 +4,7 @@ import { redirect } from "next/navigation";
 import GuestNotificationsView from "~/ee/organizations/guest-notifications";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import { validateUserHasOrg } from "../../actions/validateUserHasOrg";
@@ -4,7 +4,7 @@ import { redirect } from "next/navigation";
 import PrivacyView from "~/ee/organizations/privacy";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import { validateUserHasOrg } from "../../actions/validateUserHasOrg";
@@ -4,7 +4,7 @@ import { redirect } from "next/navigation";
 import OrgSSOView from "~/ee/sso/views/orgs-sso-view";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import { validateUserHasOrg } from "../../actions/validateUserHasOrg";
@@ -1,6 +1,6 @@
 import { getTranslate, _generateMetadata } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import { AdminAPIView } from "~/ee/organizations/admin-api";

@@ -3,7 +3,7 @@ import { _generateMetadata, getTranslate } from "app/_utils";
 import LegacyPage from "~/ee/organizations/general";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { MembershipRole } from "@calcom/prisma/enums";

 import { validateUserHasOrg } from "../actions/validateUserHasOrg";
@@ -4,7 +4,7 @@ import { redirect } from "next/navigation";
 import LegacyPage from "~/ee/organizations/profile";
 import { Resource } from "@calcom/features/pbac/domain/types/permission-registry";
 import { getResourcePermissions } from "@calcom/features/pbac/lib/resource-permissions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import type { Membership } from "@calcom/prisma/client";
 import { MembershipRole } from "@calcom/prisma/enums";

@@ -2,7 +2,7 @@

 import { useState } from "react";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 import { PbacOptInModal } from "./PbacOptInModal";
@@ -9,7 +9,7 @@ import { PermissionMapper } from "@calcom/features/pbac/domain/mappers/Permissio
 import { Resource, CrudAction } from "@calcom/features/pbac/domain/types/permission-registry";
 import { PermissionCheckService } from "@calcom/features/pbac/services/permission-check.service";
 import { RoleService } from "@calcom/features/pbac/services/role.service";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { prisma } from "@calcom/prisma";

 import { validateUserHasOrg } from "../actions/validateUserHasOrg";
@@ -3,7 +3,7 @@ import { redirect } from "next/navigation";

 import { OtherTeamsListing } from "~/ee/organizations/components/OtherTeamsListing";
 import { getOrganizationRepository } from "@calcom/features/ee/organizations/di/OrganizationRepository.container";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import { validateUserHasOrg } from "../../../actions/validateUserHasOrg";

@@ -1,6 +1,6 @@
 "use client";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 import SkeletonLoaderTeamList from "~/ee/teams/components/SkeletonloaderTeamList";
@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import LegacyPage from "~/ee/teams/views/team-appearance-view";

@@ -3,7 +3,7 @@ import { _generateMetadata, getTranslate } from "app/_utils";
 import LegacyPage, {
  TeamMembersCTA,
 } from "~/ee/organizations/other-team-members-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import { validateUserHasOrg } from "../../../../actions/validateUserHasOrg";

@@ -1,7 +1,7 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

 import LegacyPage from "~/ee/organizations/other-team-profile-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import { validateUserHasOrg } from "../../../../actions/validateUserHasOrg";

@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import ComplianceView from "~/settings/security/compliance-view";

@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import ProfileImpersonationViewWrapper from "~/settings/security/impersonation-view";

@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import PasswordViewWrapper from "~/settings/security/password-view";

@@ -2,7 +2,7 @@ import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

 import SAMLSSO from "~/ee/sso/views/user-sso-view";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export const generateMetadata = async () =>
  await _generateMetadata(
@@ -1,7 +1,7 @@
 import { _generateMetadata } from "app/_utils";
 import { getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import TwoFactorAuthView from "~/settings/security/two-factor-auth-view";

@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import LegacyPage from "~/ee/teams/views/team-appearance-view";

@@ -8,7 +8,7 @@ import { PrismaAttributeRepository } from "@calcom/features/attributes/repositor
 import { getServerSession } from "@calcom/features/auth/lib/getServerSession";
 import { getTeamMemberPermissions } from "@calcom/features/pbac/lib/team-member-permissions";
 import { RoleManagementFactory } from "@calcom/features/pbac/services/role-management.factory";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { prisma } from "@calcom/prisma";
 import { viewerTeamsRouter } from "@calcom/trpc/server/routers/viewer/teams/_router";
 import { TeamMembersView } from "@calcom/web/modules/ee/teams/views/team-members-view";
@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import LegacyPage from "@calcom/web/modules/ee/teams/views/team-profile-view";

 export const generateMetadata = async ({ params }: { params: Promise<{ id: string }> }) =>
@@ -11,7 +11,7 @@ import { PermissionMapper } from "@calcom/features/pbac/domain/mappers/Permissio
 import { Resource, CrudAction, Scope } from "@calcom/features/pbac/domain/types/permission-registry";
 import { PermissionCheckService } from "@calcom/features/pbac/services/permission-check.service";
 import { RoleService } from "@calcom/features/pbac/services/role.service";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { prisma } from "@calcom/prisma";

 import { buildLegacyRequest } from "@lib/buildLegacyCtx";
@@ -1,6 +1,6 @@
 import { _generateMetadata, getTranslate } from "app/_utils";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import TeamSettingsView from "@calcom/web/modules/ee/teams/views/team-settings-view";

 export const generateMetadata = async ({ params }: { params: Promise<{ id: string }> }) =>
@@ -2,7 +2,7 @@ import SettingsLayoutAppDirClient from "app/(use-page-wrapper)/settings/(setting
 import { getTranslate } from "app/_utils";

 import { CTA_CONTAINER_CLASS_NAME } from "@calcom/features/data-table/lib/utils";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 export default async function Layout({ children }: { children: React.ReactNode }) {
  const t = await getTranslate();
@@ -1,7 +1,7 @@
 "use client";

 import { InstallAppButton } from "@calcom/app-store/InstallAppButton";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { RouterOutputs } from "@calcom/trpc/react";
 import { trpc } from "@calcom/trpc/react";
@@ -15,7 +15,7 @@ import { substituteVariables } from "@calcom/app-store/routing-forms/lib/substit
 import type { FormResponse, LocalRoute } from "@calcom/app-store/routing-forms/types/types";
 import { RouteActionType } from "@calcom/app-store/routing-forms/zod";
 import dayjs from "@calcom/dayjs";
-import { useBookerUrl } from "@calcom/features/bookings/hooks/useBookerUrl";
+import { useBookerUrl } from "../../modules/bookings/hooks/useBookerUrl";
 import { createBooking } from "@calcom/features/bookings/lib/create-booking";
 import { Dialog } from "@calcom/features/components/controlled-dialog";
 import { getUrlSearchParamsToForwardForReroute } from "@calcom/features/routing-forms/lib/getUrlSearchParamsToForward";
@@ -2,7 +2,7 @@

 import { useReducer } from "react";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import type { RouterOutputs } from "@calcom/trpc/react";
@@ -14,14 +14,14 @@ import { showToast } from "@calcom/ui/components/toast";
 import { AppList } from "./AppList";
 import DisconnectIntegrationModal from "./DisconnectIntegrationModal";

-export type UpdateUsersDefaultConferencingAppParams = {
+type UpdateUsersDefaultConferencingAppParams = {
  appSlug: string;
  appLink?: string;
  onSuccessCallback: () => void;
  onErrorCallback: () => void;
 };

-export type BulkUpdatParams = { eventTypeIds: number[]; callback: () => void };
+type BulkUpdatParams = { eventTypeIds: number[]; callback: () => void };
 type RemoveAppParams = { credentialId: number; teamId?: number; callback: () => void };

 export const SkeletonLoader = () => {
@@ -5,7 +5,7 @@ import { useMemo } from "react";
 import { z } from "zod";

 import dayjs from "@calcom/dayjs";
-import { useBookingLocation } from "@calcom/features/bookings/hooks";
+import { useBookingLocation } from "@calcom/web/modules/bookings/hooks/useBookingLocation";
 import { shouldShowFieldInCustomResponses } from "@calcom/lib/bookings/SystemField";
 import { formatPrice } from "@calcom/lib/currencyConversions";
 import { getPlaceholderAvatar } from "@calcom/lib/defaultAvatarImage";
@@ -1,7 +1,7 @@
 import type { TFunction } from "i18next";
 import { useMemo } from "react";

-import { useBookingLocation } from "@calcom/features/bookings/hooks";
+import { useBookingLocation } from "@calcom/web/modules/bookings/hooks/useBookingLocation";
 import type { BookingStatus } from "@calcom/prisma/enums";
 import { bookingMetadataSchema } from "@calcom/prisma/zod-utils";

@@ -9,4 +9,4 @@ export const useBookerUrl = () => {
 export const useEmbedBookerUrl = () => {
  const orgBranding = useOrgBranding();
  return orgBranding?.fullDomain ?? WEBAPP_URL;
-};
+};
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { Controller, useFormContext } from "react-hook-form";

-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { DEFAULT_LIGHT_BRAND_COLOR, DEFAULT_DARK_BRAND_COLOR } from "@calcom/lib/constants";
 import { checkWCAGContrastColor } from "@calcom/lib/getBrandColours";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -1,4 +1,4 @@
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { SkeletonButton, SkeletonContainer, SkeletonText } from "@calcom/ui/components/skeleton";

 export const AppearanceSkeletonLoader = () => {
@@ -13,7 +13,7 @@ import { Button } from "@calcom/ui/components/button";
 import { Label, TextField, ToggleGroup, Form } from "@calcom/ui/components/form";
 import { showToast } from "@calcom/ui/components/toast";

-import { UserPermissionRole } from "../../../../prisma/enums";
+import { UserPermissionRole } from "@calcom/prisma/enums";

 export const CreateANewLicenseKeyForm = () => {
  const session = useSession();
@@ -8,8 +8,8 @@ import { useForm } from "react-hook-form";
 import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
 import BrandColorsForm from "~/ee/common/components/BrandColorsForm";
 import { AppearanceSkeletonLoader } from "~/ee/common/components/CommonSkeletonLoaders";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
-import ThemeLabel from "@calcom/features/settings/ThemeLabel";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
+import ThemeLabel from "@calcom/web/modules/settings/components/ThemeLabel";
 import { DEFAULT_LIGHT_BRAND_COLOR, DEFAULT_DARK_BRAND_COLOR } from "@calcom/lib/constants";
 import { APP_NAME } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -1,7 +1,7 @@
 "use client";

 import { FeaturesSettings } from "@calcom/features/feature-opt-in/components/FeaturesSettings";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { ReactElement } from "react";

@@ -11,7 +11,7 @@ import { DisableAutofillOnBookingPageSwitch } from "~/ee/organizations/component
 import { DisablePhoneOnlySMSNotificationsSwitch } from "~/ee/organizations/components/DisablePhoneOnlySMSNotificationsSwitch";
 import { LockEventTypeSwitch } from "~/ee/organizations/components/LockEventTypeSwitch";
 import { NoSlotsNotificationSwitch } from "~/ee/organizations/components/NoSlotsNotificationSwitch";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { nameOfDay } from "@calcom/lib/weekday";
 import type { RouterOutputs } from "@calcom/trpc/react";
@@ -9,7 +9,7 @@ import { z } from "zod";
 import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { useOrgBranding } from "@calcom/features/ee/organizations/context/provider";
 import { subdomainSuffix } from "@calcom/features/ee/organizations/lib/orgDomains";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { getPlaceholderAvatar } from "@calcom/lib/defaultAvatarImage";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { md } from "@calcom/lib/markdownIt";
@@ -5,7 +5,7 @@ import { useMemo } from "react";
 import { useForm, useFieldArray, Controller } from "react-hook-form";

 import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import type { RouterOutputs } from "@calcom/trpc/react";
@@ -3,7 +3,7 @@
 import { useForm } from "react-hook-form";

 import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { RRResetInterval, RRTimestampBasis } from "@calcom/prisma/enums";
 import type { RouterOutputs } from "@calcom/trpc/react";
@@ -7,8 +7,8 @@ import { useForm } from "react-hook-form";
 import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
 import BrandColorsForm from "~/ee/common/components/BrandColorsForm";
 import { AppearanceSkeletonLoader } from "~/ee/common/components/CommonSkeletonLoaders";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
-import ThemeLabel from "@calcom/features/settings/ThemeLabel";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
+import ThemeLabel from "@calcom/web/modules/settings/components/ThemeLabel";
 import { APP_NAME } from "@calcom/lib/constants";
 import { DEFAULT_LIGHT_BRAND_COLOR, DEFAULT_DARK_BRAND_COLOR } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -12,7 +12,7 @@ import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
 import { Dialog } from "@calcom/features/components/controlled-dialog";
 import { getTeamUrlSync } from "@calcom/features/ee/organizations/lib/getTeamUrlSync";
 import { trackFormbricksAction } from "@calcom/web/modules/formbricks/lib/trackFormbricksAction";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { IS_TEAM_BILLING_ENABLED, WEBAPP_URL } from "@calcom/lib/constants";
 import { getPlaceholderAvatar } from "@calcom/lib/defaultAvatarImage";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -7,7 +7,7 @@ import { useForm, Controller } from "react-hook-form";

 import { checkAdminOrOwner } from "@calcom/features/auth/lib/checkAdminOrOwner";
 import { AppearanceSkeletonLoader } from "~/ee/common/components/CommonSkeletonLoaders";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { useParamsWithFallback } from "@calcom/lib/hooks/useParamsWithFallback";
 import type { IntervalLimit } from "@calcom/lib/intervalLimits/intervalLimitSchema";
@@ -54,19 +54,21 @@ import { HorizontalTabs } from "@calcom/ui/components/navigation";
 import { showToast } from "@calcom/ui/components/toast";

 import { useBookerTime } from "@calcom/features/bookings/Booker/components/hooks/useBookerTime";
-import { EmbedTabName } from "@calcom/features/embed/lib/EmbedTabs";
+import { EmbedTabName, type tabs } from "./EmbedTabs";
 import { buildCssVarsPerTheme } from "@calcom/features/embed/lib/buildCssVarsPerTheme";
 import { EmbedTheme } from "@calcom/features/embed/lib/constants";
 import { getDimension } from "@calcom/features/embed/lib/getDimension";
 import { useEmbedDialogCtx } from "@calcom/features/embed/lib/hooks/useEmbedDialogCtx";
 import { useEmbedParams } from "@calcom/features/embed/lib/hooks/useEmbedParams";
 import type {
-  EmbedTabs,
  EmbedType,
-  EmbedTypes,
  PreviewState,
  EmbedConfig,
 } from "@calcom/features/embed/types";
+import { useEmbedTypes } from "../hooks/useEmbedTypes";
+
+type EmbedTypes = ReturnType<typeof useEmbedTypes>;
+type EmbedTabs = typeof tabs;

 type EventType =
  | RouterOutputs["viewer"]["eventTypes"]["get"]["eventType"]
@@ -2,18 +2,18 @@ import type { MutableRefObject } from "react";
 import { forwardRef } from "react";

 import type { BookerLayout } from "@calcom/features/bookings/Booker/types";
-import { useEmbedBookerUrl } from "@calcom/features/bookings/hooks/useBookerUrl";
+import { useEmbedBookerUrl } from "../../bookings/hooks/useBookerUrl";
 import { APP_NAME } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { TextArea } from "@calcom/ui/components/form";

-import type { EmbedFramework, EmbedType, PreviewState } from "../types";
-import { Codes } from "./EmbedCodes";
-import { buildCssVarsPerTheme } from "./buildCssVarsPerTheme";
-import { embedLibUrl, EMBED_PREVIEW_HTML_URL } from "./constants";
-import { getApiNameForReactSnippet, getApiNameForVanillaJsSnippet } from "./getApiName";
-import { getDimension } from "./getDimension";
-import { useEmbedCalOrigin } from "./hooks";
+import type { EmbedFramework, EmbedType, PreviewState } from "@calcom/features/embed/types";
+import { Codes } from "@calcom/features/embed/lib/EmbedCodes";
+import { buildCssVarsPerTheme } from "@calcom/features/embed/lib/buildCssVarsPerTheme";
+import { embedLibUrl, EMBED_PREVIEW_HTML_URL } from "@calcom/features/embed/lib/constants";
+import { getApiNameForReactSnippet, getApiNameForVanillaJsSnippet } from "@calcom/features/embed/lib/getApiName";
+import { getDimension } from "@calcom/features/embed/lib/getDimension";
+import { useEmbedCalOrigin } from "../hooks/useEmbedCalOrigin";

 export const enum EmbedTabName {
  HTML = "embed-code",
@@ -3,8 +3,8 @@ import type { ComponentProps } from "react";
 import { trpc } from "@calcom/trpc/react";

 import { EmbedButton, EmbedDialog } from "./Embed";
-import { tabs } from "@calcom/features/embed/lib/EmbedTabs";
-import { useEmbedTypes } from "@calcom/features/embed/lib/hooks";
+import { tabs } from "./EmbedTabs";
+import { useEmbedTypes } from "../hooks/useEmbedTypes";

 export const EventTypeEmbedDialog = () => {
  const types = useEmbedTypes();
@@ -5,8 +5,8 @@ import { IS_CALCOM } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";

-import { tabs } from "@calcom/features/embed/lib/EmbedTabs";
-import { useEmbedTypes } from "@calcom/features/embed/lib/hooks";
+import { tabs } from "./EmbedTabs";
+import { useEmbedTypes } from "../hooks/useEmbedTypes";

 export const RoutingFormEmbedDialog = () => {
  const types = useEmbedTypes();
@@ -0,0 +1,7 @@
+import { useEmbedBookerUrl } from "~/bookings/hooks/useBookerUrl";
+
+export const useEmbedCalOrigin = () => {
+    const bookerUrl = useEmbedBookerUrl();
+    return bookerUrl;
+};
+  
@@ -1,4 +1,3 @@
-import { useEmbedBookerUrl } from "@calcom/features/bookings/hooks/useBookerUrl";
 import { useLocale } from "@calcom/lib/hooks/useLocale";

 export const useEmbedTypes = () => {
@@ -317,8 +316,3 @@ export const useEmbedTypes = () => {
    },
  ];
 };
-
-export const useEmbedCalOrigin = () => {
-  const bookerUrl = useEmbedBookerUrl();
-  return bookerUrl;
-};
@@ -6,7 +6,7 @@ import type {
  SettingsToggleClassNames,
  TeamMember,
 } from "@calcom/features/eventtypes/lib/types";
-import { Segment } from "@calcom/features/Segment";
+import { Segment } from "@calcom/web/modules/event-types/components/Segment";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { AttributesQueryValue } from "@calcom/lib/raqb/types";
 import { Label, SettingsToggle } from "@calcom/ui/components/form";
@@ -3,7 +3,7 @@ import React from "react";
 import { describe, expect, it, vi, beforeEach } from "vitest";
 import type { Mock } from "vitest";

-import { Segment } from "@calcom/features/Segment";
+import { Segment } from "@calcom/web/modules/event-types/components/Segment";
 import type { AttributesQueryValue } from "@calcom/lib/raqb/types";
 import { AttributeType } from "@calcom/prisma/enums";
 import { trpc, type RouterOutputs } from "@calcom/trpc/react";
@@ -14,7 +14,7 @@ vi.mock("@formkit/auto-animate/react", () => ({
 }));

 // Mock Segment component
-vi.mock("@calcom/features/Segment", () => ({
+vi.mock("@calcom/web/modules/event-types/components/Segment", () => ({
  Segment: vi.fn().mockImplementation(({ onQueryValueChange }) => (
    <div data-testid="mock-segment">
      <button onClick={() => onQueryValueChange({ queryValue: { id: "test" } })}>Update Query</button>
@@ -34,7 +34,7 @@ import type {
  SettingsToggleClassNames,
 } from "@calcom/features/eventtypes/lib/types";
 import { FormBuilder } from "./FormBuilder";
-import { BookerLayoutSelector } from "@calcom/features/settings/BookerLayoutSelector";
+import { BookerLayoutSelector } from "@calcom/web/modules/settings/components/BookerLayoutSelector";
 import {
  DEFAULT_LIGHT_BRAND_COLOR,
  DEFAULT_DARK_BRAND_COLOR,
@@ -7,7 +7,7 @@ import { trpc } from "@calcom/trpc/react";

 import { OAuthClientsAdminSkeleton } from "./oauth-clients-admin-skeleton";
 import { showToast } from "@calcom/ui/components/toast";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import type { OAuthClientCreateFormValues } from "../oauth/create/OAuthClientCreateModal";
 import { OAuthClientCreateDialog } from "../oauth/create/OAuthClientCreateModal";
@@ -13,7 +13,7 @@ import { Button } from "@calcom/ui/components/button";
 import { Label } from "@calcom/ui/components/form";
 import { CheckboxField } from "@calcom/ui/components/form";

-import SectionBottomActions from "./SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";

 type BookerLayoutSelectorProps = {
  title?: string;
@@ -1,6 +1,6 @@
 "use client";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { APP_NAME } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { SkeletonText, SkeletonContainer } from "@calcom/ui/components/skeleton";
@@ -7,7 +7,7 @@ import LicenseRequired from "~/ee/common/components/LicenseRequired";
 import { Dialog } from "@calcom/features/components/controlled-dialog";
 import ApiKeyDialogForm from "~/ee/api-keys/components/ApiKeyDialogForm";
 import ApiKeyListItem from "~/ee/api-keys/components/ApiKeyListItem";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { APP_NAME } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { RouterOutputs } from "@calcom/trpc/react";
@@ -5,7 +5,7 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
 import { EmptyScreen } from "@calcom/ui/components/empty-screen";
 import { showToast } from "@calcom/ui/components/toast";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";

 import type { OAuthClientCreateFormValues } from "../oauth/create/OAuthClientCreateModal";
 import { OAuthClientCreateDialog } from "../oauth/create/OAuthClientCreateModal";
@@ -1,6 +1,6 @@
 "use client";

-import { CreateANewLicenseKeyForm } from "@calcom/features/ee/deployment/licensekey/CreateLicenseKeyForm";
+import { CreateANewLicenseKeyForm } from "@calcom/web/modules/ee/deployment/licensekey/CreateLicenseKeyForm";
 import { WizardLayout } from "@calcom/ui/components/layout";

 export const LayoutWrapper = ({ children }: { children: React.ReactNode }) => {
@@ -1,7 +1,7 @@
 "use client";

-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { SkeletonButton, SkeletonContainer, SkeletonText } from "@calcom/ui/components/skeleton";

@@ -7,10 +7,10 @@ import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import type { z } from "zod";

-import { BookerLayoutSelector } from "@calcom/features/settings/BookerLayoutSelector";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
-import ThemeLabel from "@calcom/features/settings/ThemeLabel";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import { BookerLayoutSelector } from "@calcom/web/modules/settings/components/BookerLayoutSelector";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
+import ThemeLabel from "@calcom/web/modules/settings/components/ThemeLabel";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { APP_NAME } from "@calcom/lib/constants";
 import { DEFAULT_LIGHT_BRAND_COLOR, DEFAULT_DARK_BRAND_COLOR } from "@calcom/lib/constants";
 import { checkWCAGContrastColor } from "@calcom/lib/getBrandColours";
@@ -1,7 +1,7 @@
 "use client";

 import { FeaturesSettings } from "@calcom/features/feature-opt-in/components/FeaturesSettings";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { ReactElement } from "react";

@@ -1,6 +1,6 @@
 "use client";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Skeleton } from "@coss/ui/components/skeleton";

@@ -6,8 +6,8 @@ import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";

 import { TimezoneSelect } from "@calcom/web/modules/timezone/components/TimezoneSelect";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { formatLocalizedDateTime } from "@calcom/lib/dayjs";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { localeOptions } from "@calcom/lib/i18n";
@@ -3,7 +3,7 @@
 import { memo, useMemo, useCallback } from "react";

 import dayjs from "@calcom/dayjs";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { getHolidayEmoji } from "@calcom/lib/holidays/getHolidayEmoji";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { RouterOutputs } from "@calcom/trpc/react";
@@ -1,6 +1,6 @@
 "use client";

-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { APP_NAME } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import {
@@ -13,8 +13,8 @@ import { z } from "zod";
 import { ErrorCode } from "@calcom/features/auth/lib/ErrorCode";
 import { Dialog } from "@calcom/features/components/controlled-dialog";
 import { isCompanyEmail } from "@calcom/features/ee/organizations/lib/utils";
-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { APP_NAME, FULL_NAME_LENGTH_MAX_LIMIT } from "@calcom/lib/constants";
 import { emailSchema } from "@calcom/lib/emailSchema";
 import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl";
@@ -1,7 +1,7 @@
 "use client";

 import { useWebPush } from "@calcom/web/modules/notifications/hooks/useWebPush";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { Button } from "@calcom/ui/components/button";

@@ -20,7 +20,7 @@ import {
 } from "@calcom/features/data-table";
 import { DataTableWrapper, DataTableToolbar, DataTableFilters, DataTableSegment } from "~/data-table/components";
 import { useSegments } from "@calcom/features/data-table/hooks/useSegments";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import ServerTrans from "@calcom/lib/components/ServerTrans";
 import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl";
 import { useCompatSearchParams } from "@calcom/lib/hooks/useCompatSearchParams";
@@ -4,7 +4,7 @@ import { signOut, useSession } from "next-auth/react";
 import { useState } from "react";
 import { useForm } from "react-hook-form";

-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { IdentityProvider } from "@calcom/prisma/enums";
 import { userMetadata as userMetadataSchema } from "@calcom/prisma/zod-utils";
@@ -1,7 +1,7 @@
 "use client";

 import { FeaturesSettings } from "@calcom/features/feature-opt-in/components/FeaturesSettings";
-import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
+import SettingsHeader from "@calcom/web/modules/settings/components/SettingsHeader";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { ReactElement } from "react";

@@ -3,7 +3,7 @@
 import { useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";

-import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
+import SectionBottomActions from "@calcom/web/modules/settings/components/SectionBottomActions";
 import customTemplate, { hasTemplateIntegration } from "@calcom/features/webhooks/lib/integrationTemplate";
 import { WebhookVersion } from "@calcom/features/webhooks/lib/interface/IWebhookRepository";
 import { WEBAPP_URL } from "@calcom/lib/constants";
@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { useRouter } from "next/navigation";

-import SettingsHeaderWithBackButton from "@calcom/features/settings/appDir/SettingsHeaderWithBackButton";
+import SettingsHeaderWithBackButton from "@calcom/web/modules/settings/components/SettingsHeaderWithBackButton";
 import {
  WEBHOOK_VERSION_OPTIONS,
  getWebhookVersionLabel,
--- a/Show More
+++ b/Show More