diff --git a/dashboard_backup/.browserslistrc b/dashboard_backup/.browserslistrc
deleted file mode 100644
index 81d8c1b..0000000
--- a/dashboard_backup/.browserslistrc
+++ /dev/null
@@ -1,2 +0,0 @@
-defaults
-not IE 11
diff --git a/dashboard_backup/.eslintrc.js b/dashboard_backup/.eslintrc.js
deleted file mode 100644
index cbe52e2..0000000
--- a/dashboard_backup/.eslintrc.js
+++ /dev/null
@@ -1,14 +0,0 @@
-module.exports = {
-	root: true,
-	env: {
-		node: true
-	},
-	extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
-	parserOptions: {
-		parser: 'babel-eslint'
-	},
-	rules: {
-		'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-		'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-	}
-};
diff --git a/dashboard_backup/.gitignore b/dashboard_backup/.gitignore
deleted file mode 100644
index 0ffe3b1..0000000
--- a/dashboard_backup/.gitignore
+++ /dev/null
@@ -1,22 +0,0 @@
-.DS_Store
-node_modules
-/dist
-/coverage
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
diff --git a/dashboard_backup/.prettierrc.json b/dashboard_backup/.prettierrc.json
deleted file mode 100644
index b7695f8..0000000
--- a/dashboard_backup/.prettierrc.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-	"singleQuote": true,
-	"useTabs": true
-}
diff --git a/dashboard_backup/README.md b/dashboard_backup/README.md
deleted file mode 100644
index 8713190..0000000
--- a/dashboard_backup/README.md
+++ /dev/null
@@ -1,64 +0,0 @@
-# Dashboard
-
-Dashboard is a VueJS application that is the face of 今果 Jingrow. This is what the end users (tenants) see and manage their FC stuff in. The tenants does not have access to the desk, so, this is their dashboard for managing sites, apps, updates etc.
-
-Technologies at the heart of dashboard:
-
-1. [VueJS 3](https://vuejs.org/): The JavaScript framework of our choice.
-
-2. [TailwindCSS 3](https://tailwindcss.com/): We love it.
-
-3. [ViteJS](https://vitejs.dev/guide/): Build tooling for dev server and build command.
-
-4. [Feather Icons](https://feathericons.com/): Those Shiny & Crisp Open Source icons.
-
-## Development
-
-We use the vite's development server, gives us super-fast hot reload and more.
-
-### Running the development server
-
-Run:
-
-```bash
-yarn run dev
-```
-
-> Note: If you are getting `CSRFTokenError` in your local development machine, please add the following key value pair in your site_cofig.json
->
-> ```json
-> "ignore_csrf": 1
-> ```
-
-### Proxy
-
-While running the vite dev server, the requests to paths like `/app`, `/files` and `/api` are redirected to the actual site inside the bench. This makes sure these paths and other backend API keep working properly. You can check the [proxyOptions.js](./proxyOptions.js) files to check how the proxying happens. These options are then loaded and used in the [vite config](./vite.config.js) file.
-
-## Testing
-
-There is a separate setup for testing the frontend.
-
-### The Stack
-
-1. [MSW](https://mswjs.io/)
-
-2. [Vitest](https://vitest.dev/)
-
-### Running the tests
-
-```bash
-yarn run test
-```
-
-The tests run in CI too.
-
-## Learning More
-
-You can start by taking a look at the [main.js](./src/main.js) file. This is where the VueJS app is initialzed and the below things are attached (registered) to the instance:
-
-1. Vue Router
-2. Plugins
-3. Controllers
-4. Global Components
-
-The logic to register each of the above is in its own separate file, you can take a look at the imports as required. Till we have a more docs, you have to dig into some `js` and `vue` files. If you find something that you can add here, feel free to raise a PR!
diff --git a/dashboard_backup/babel.config.js b/dashboard_backup/babel.config.js
deleted file mode 100644
index 7d5adcf..0000000
--- a/dashboard_backup/babel.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-	presets: ['@babel/preset-env']
-};
diff --git a/dashboard_backup/components.d.ts b/dashboard_backup/components.d.ts
deleted file mode 100644
index 4f46de2..0000000
--- a/dashboard_backup/components.d.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    Alert: typeof import('./src/components/global/Alert.vue')['default']
-    AlertBenchUpdate: typeof import('./src/components/AlertBenchUpdate.vue')['default']
-    AlertBillingInformation: typeof import('./src/components/AlertBillingInformation.vue')['default']
-    AlertSiteActivation: typeof import('./src/components/AlertSiteActivation.vue')['default']
-    AlertSiteUpdate: typeof import('./src/components/AlertSiteUpdate.vue')['default']
-    AlertUpdate: typeof import('./src/components/AlertUpdate.vue')['default']
-    AlignCenter: typeof import('jingrow-ui/src/components/TextEditor/icons/align-center.vue')['default']
-    AlignJustify: typeof import('jingrow-ui/src/components/TextEditor/icons/align-justify.vue')['default']
-    AlignLeft: typeof import('jingrow-ui/src/components/TextEditor/icons/align-left.vue')['default']
-    AlignRight: typeof import('jingrow-ui/src/components/TextEditor/icons/align-right.vue')['default']
-    Amex: typeof import('./src/components/icons/cards/Amex.vue')['default']
-    AppPlanCard: typeof import('./src/components/AppPlanCard.vue')['default']
-    AppsIcon: typeof import('./src/components/icons/AppsIcon.vue')['default']
-    AppSourceSelector: typeof import('./src/components/AppSourceSelector.vue')['default']
-    AppSubscriptionSummary: typeof import('./src/components/AppSubscriptionSummary.vue')['default']
-    AppUpdateCard: typeof import('./src/components/AppUpdateCard.vue')['default']
-    ArrowGoBackLine: typeof import('jingrow-ui/src/components/TextEditor/icons/arrow-go-back-line.vue')['default']
-    ArrowGoForwardLine: typeof import('jingrow-ui/src/components/TextEditor/icons/arrow-go-forward-line.vue')['default']
-    Autocomplete: typeof import('jingrow-ui/src/components/Autocomplete.vue')['default']
-    'Autocomplete.story': typeof import('jingrow-ui/src/components/Autocomplete.story.vue')['default']
-    Avatar: typeof import('jingrow-ui/src/components/Avatar.vue')['default']
-    'Avatar.story': typeof import('jingrow-ui/src/components/Avatar.story.vue')['default']
-    AvatarUploader: typeof import('./src/components/AvatarUploader.vue')['default']
-    BackupFilesUploader: typeof import('./src/components/BackupFilesUploader.vue')['default']
-    Badge: typeof import('./src/components/global/Badge.vue')['default']
-    'Badge.story': typeof import('jingrow-ui/src/components/Badge.story.vue')['default']
-    BarChart: typeof import('./src/components/charts/BarChart.vue')['default']
-    BenchAppUpdates: typeof import('./src/components/BenchAppUpdates.vue')['default']
-    BenchIcon: typeof import('./src/components/icons/BenchIcon.vue')['default']
-    BenchSiteUpdates: typeof import('./src/components/BenchSiteUpdates.vue')['default']
-    BillingIcon: typeof import('./src/components/icons/BillingIcon.vue')['default']
-    BillingInformationDialog: typeof import('./src/components/BillingInformationDialog.vue')['default']
-    Bold: typeof import('jingrow-ui/src/components/TextEditor/icons/bold.vue')['default']
-    Breadcrumbs: typeof import('./src/components/global/Breadcrumbs.vue')['default']
-    'Breadcrumbs.story': typeof import('jingrow-ui/src/components/Breadcrumbs.story.vue')['default']
-    Button: typeof import('jingrow-ui/src/components/Button/Button.vue')['default']
-    'Button.story': typeof import('jingrow-ui/src/components/Button/Button.story.vue')['default']
-    BuyPrepaidCredits: typeof import('./src/components/BuyPrepaidCredits.vue')['default']
-    Calendar: typeof import('jingrow-ui/src/components/Calendar/Calendar.vue')['default']
-    'Calendar.story': typeof import('jingrow-ui/src/components/Calendar.story.vue')['default']
-    CalendarDaily: typeof import('jingrow-ui/src/components/Calendar/CalendarDaily.vue')['default']
-    CalendarEvent: typeof import('jingrow-ui/src/components/Calendar/CalendarEvent.vue')['default']
-    CalendarMonthly: typeof import('jingrow-ui/src/components/Calendar/CalendarMonthly.vue')['default']
-    CalendarTimeMarker: typeof import('jingrow-ui/src/components/Calendar/CalendarTimeMarker.vue')['default']
-    CalendarWeekly: typeof import('jingrow-ui/src/components/Calendar/CalendarWeekly.vue')['default']
-    Card: typeof import('./src/components/global/Card.vue')['default']
-    CardDetails: typeof import('./src/components/CardDetails.vue')['default']
-    CardWithDetails: typeof import('./src/components/CardWithDetails.vue')['default']
-    ChangeAppBranchDialog: typeof import('./src/components/ChangeAppBranchDialog.vue')['default']
-    ChangeAppPlanSelector: typeof import('./src/components/ChangeAppPlanSelector.vue')['default']
-    ChangePaymentModeDialog: typeof import('./src/components/ChangePaymentModeDialog.vue')['default']
-    Checkbox: typeof import('jingrow-ui/src/components/Checkbox.vue')['default']
-    'Checkbox.story': typeof import('jingrow-ui/src/components/Checkbox.story.vue')['default']
-    CheckCircleIcon: typeof import('./src/components/icons/CheckCircleIcon.vue')['default']
-    CircularCheckIcon: typeof import('./src/components/global/CircularCheckIcon.vue')['default']
-    CircularProgressBar: typeof import('jingrow-ui/src/components/CircularProgressBar.vue')['default']
-    'CircularProgressBar.story': typeof import('jingrow-ui/src/components/CircularProgressBar.story.vue')['default']
-    ClickToCopyField: typeof import('./src/components/ClickToCopyField.vue')['default']
-    CodeView: typeof import('jingrow-ui/src/components/TextEditor/icons/code-view.vue')['default']
-    CommandPalette: typeof import('./src/components/CommandPalette.vue')['default']
-    CommandPaletteItem: typeof import('jingrow-ui/src/components/CommandPalette/CommandPaletteItem.vue')['default']
-    CommitChooser: typeof import('./src/components/utils/CommitChooser.vue')['default']
-    CommitTag: typeof import('./src/components/utils/CommitTag.vue')['default']
-    ConfigEditor: typeof import('./src/components/ConfigEditor.vue')['default']
-    ConfirmDialog: typeof import('jingrow-ui/src/components/ConfirmDialog.vue')['default']
-    ConfirmDialogs: typeof import('./src/components/ConfirmDialogs.vue')['default']
-    CreateAppVersionDialog: typeof import('./src/components/marketplace/CreateAppVersionDialog.vue')['default']
-    DatePicker: typeof import('jingrow-ui/src/components/DatePicker/DatePicker.vue')['default']
-    'DatePicker.story': typeof import('jingrow-ui/src/components/DatePicker/DatePicker.story.vue')['default']
-    DateRangePicker: typeof import('jingrow-ui/src/components/DatePicker/DateRangePicker.vue')['default']
-    DateTimePicker: typeof import('jingrow-ui/src/components/DatePicker/DateTimePicker.vue')['default']
-    DescriptionList: typeof import('./src/components/DescriptionList.vue')['default']
-    Dialog: typeof import('jingrow-ui/src/components/Dialog.vue')['default']
-    'Dialog.story': typeof import('jingrow-ui/src/components/Dialog.story.vue')['default']
-    Dialogs: typeof import('jingrow-ui/src/components/Dialogs.vue')['default']
-    Divider: typeof import('jingrow-ui/src/components/Divider.vue')['default']
-    DoubleQuotesR: typeof import('jingrow-ui/src/components/TextEditor/icons/double-quotes-r.vue')['default']
-    Dropdown: typeof import('jingrow-ui/src/components/Dropdown.vue')['default']
-    'Dropdown.story': typeof import('jingrow-ui/src/components/Dropdown.story.vue')['default']
-    ErrorMessage: typeof import('jingrow-ui/src/components/ErrorMessage.vue')['default']
-    'ErrorMessage.story': typeof import('jingrow-ui/src/components/ErrorMessage.story.vue')['default']
-    EventModalContent: typeof import('jingrow-ui/src/components/Calendar/EventModalContent.vue')['default']
-    FeatherIcon: typeof import('jingrow-ui/src/components/FeatherIcon.vue')['default']
-    FeatureList: typeof import('./src/components/FeatureList.vue')['default']
-    FileUploader: typeof import('./src/components/FileUploader.vue')['default']
-    'FileUploader.story': typeof import('jingrow-ui/src/components/FileUploader.story.vue')['default']
-    FilterIcon: typeof import('jingrow-ui/src/components/ListFilter/FilterIcon.vue')['default']
-    FloatingPopover: typeof import('jingrow-ui/src/components/Calendar/FloatingPopover.vue')['default']
-    FontColor: typeof import('jingrow-ui/src/components/TextEditor/FontColor.vue')['default']
-    Form: typeof import('./src/components/Form.vue')['default']
-    FormatClear: typeof import('jingrow-ui/src/components/TextEditor/icons/format-clear.vue')['default']
-    FormatDate: typeof import('./src/components/global/FormatDate.vue')['default']
-    FormControl: typeof import('jingrow-ui/src/components/FormControl.vue')['default']
-    'FormControl.story': typeof import('jingrow-ui/src/components/FormControl.story.vue')['default']
-    FrappeCloudLogo: typeof import('./src/components/FrappeCloudLogo.vue')['default']
-    Generic: typeof import('./src/components/icons/cards/Generic.vue')['default']
-    GoogleIcon: typeof import('./src/components/icons/GoogleIcon.vue')['default']
-    GoogleIconSolid: typeof import('./src/components/icons/GoogleIconSolid.vue')['default']
-    GrayCheckIcon: typeof import('./src/components/global/GrayCheckIcon.vue')['default']
-    GreenCheckIcon: typeof import('jingrow-ui/src/components/GreenCheckIcon.vue')['default']
-    H1: typeof import('jingrow-ui/src/components/TextEditor/icons/h-1.vue')['default']
-    H2: typeof import('jingrow-ui/src/components/TextEditor/icons/h-2.vue')['default']
-    H3: typeof import('jingrow-ui/src/components/TextEditor/icons/h-3.vue')['default']
-    H4: typeof import('jingrow-ui/src/components/TextEditor/icons/h-4.vue')['default']
-    H5: typeof import('jingrow-ui/src/components/TextEditor/icons/h-5.vue')['default']
-    H6: typeof import('jingrow-ui/src/components/TextEditor/icons/h-6.vue')['default']
-    ILucideAlertCircle: typeof import('~icons/lucide/alert-circle')['default']
-    ILucideAlertTriangle: typeof import('~icons/lucide/alert-triangle')['default']
-    ILucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
-    ILucideBadgeCheck: typeof import('~icons/lucide/badge-check')['default']
-    ILucideCheck: typeof import('~icons/lucide/check')['default']
-    ILucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
-    ILucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
-    ILucideClock: typeof import('~icons/lucide/clock')['default']
-    ILucideCopy: typeof import('~icons/lucide/copy')['default']
-    ILucideExternalLink: typeof import('~icons/lucide/external-link')['default']
-    ILucideFileText: typeof import('~icons/lucide/file-text')['default']
-    ILucideFilter: typeof import('~icons/lucide/filter')['default']
-    ILucideFlaskConical: typeof import('~icons/lucide/flask-conical')['default']
-    ILucideGithub: typeof import('~icons/lucide/github')['default']
-    ILucideGlobe: typeof import('~icons/lucide/globe')['default']
-    ILucideHelpCircle: typeof import('~icons/lucide/help-circle')['default']
-    ILucideInfo: typeof import('~icons/lucide/info')['default']
-    ILucideMenu: typeof import('~icons/lucide/menu')['default']
-    ILucideMoreHorizontal: typeof import('~icons/lucide/more-horizontal')['default']
-    ILucidePlus: typeof import('~icons/lucide/plus')['default']
-    ILucideRefreshCcw: typeof import('~icons/lucide/refresh-ccw')['default']
-    ILucideSearch: typeof import('~icons/lucide/search')['default']
-    ILucideSparkle: typeof import('~icons/lucide/sparkle')['default']
-    ILucideX: typeof import('~icons/lucide/x')['default']
-    ImageAddLine: typeof import('jingrow-ui/src/components/TextEditor/icons/image-add-line.vue')['default']
-    ImpersonateTeam: typeof import('./src/components/ImpersonateTeam.vue')['default']
-    Input: typeof import('jingrow-ui/src/components/Input.vue')['default']
-    InsertImage: typeof import('jingrow-ui/src/components/TextEditor/InsertImage.vue')['default']
-    InsertLink: typeof import('jingrow-ui/src/components/TextEditor/InsertLink.vue')['default']
-    InsertVideo: typeof import('jingrow-ui/src/components/TextEditor/InsertVideo.vue')['default']
-    InvoiceUsageCard: typeof import('./src/components/InvoiceUsageCard.vue')['default']
-    InvoiceUsageTable: typeof import('./src/components/InvoiceUsageTable.vue')['default']
-    Italic: typeof import('jingrow-ui/src/components/TextEditor/icons/italic.vue')['default']
-    JCB: typeof import('./src/components/icons/cards/JCB.vue')['default']
-    JcloudLogo: typeof import('./src/components/icons/JcloudLogo.vue')['default']
-    JingrowLogo: typeof import('./src/components/icons/JingrowLogo.vue')['default']
-    JLogo: typeof import('./src/components/icons/JLogo.vue')['default']
-    LightningIcon: typeof import('jingrow-ui/src/components/Billing/LightningIcon.vue')['default']
-    LineChart: typeof import('./src/components/charts/LineChart.vue')['default']
-    Link: typeof import('./src/components/Link.vue')['default']
-    ListEmptyState: typeof import('jingrow-ui/src/components/ListView/ListEmptyState.vue')['default']
-    ListFilter: typeof import('jingrow-ui/src/components/ListFilter/ListFilter.vue')['default']
-    ListFooter: typeof import('jingrow-ui/src/components/ListView/ListFooter.vue')['default']
-    ListGroupHeader: typeof import('jingrow-ui/src/components/ListView/ListGroupHeader.vue')['default']
-    ListGroupRows: typeof import('jingrow-ui/src/components/ListView/ListGroupRows.vue')['default']
-    ListGroups: typeof import('jingrow-ui/src/components/ListView/ListGroups.vue')['default']
-    ListHeader: typeof import('jingrow-ui/src/components/ListView/ListHeader.vue')['default']
-    ListHeaderItem: typeof import('jingrow-ui/src/components/ListView/ListHeaderItem.vue')['default']
-    ListItem: typeof import('./src/components/global/ListItem.vue')['default']
-    ListOrdered: typeof import('jingrow-ui/src/components/TextEditor/icons/list-ordered.vue')['default']
-    ListRow: typeof import('jingrow-ui/src/components/ListView/ListRow.vue')['default']
-    ListRowItem: typeof import('jingrow-ui/src/components/ListView/ListRowItem.vue')['default']
-    ListRows: typeof import('jingrow-ui/src/components/ListView/ListRows.vue')['default']
-    ListSelectBanner: typeof import('jingrow-ui/src/components/ListView/ListSelectBanner.vue')['default']
-    ListUnordered: typeof import('jingrow-ui/src/components/TextEditor/icons/list-unordered.vue')['default']
-    ListView: typeof import('jingrow-ui/src/components/ListView/ListView.vue')['default']
-    'ListView.story': typeof import('jingrow-ui/src/components/ListView/ListView.story.vue')['default']
-    LoadingIndicator: typeof import('jingrow-ui/src/components/LoadingIndicator.vue')['default']
-    LoadingText: typeof import('jingrow-ui/src/components/LoadingText.vue')['default']
-    MarketplaceAppCard: typeof import('./src/components/MarketplaceAppCard.vue')['default']
-    MarketplaceAppDescriptions: typeof import('./src/components/MarketplaceAppDescriptions.vue')['default']
-    MarketplaceAppLinks: typeof import('./src/components/MarketplaceAppLinks.vue')['default']
-    MarketplaceAppProfile: typeof import('./src/components/MarketplaceAppProfile.vue')['default']
-    MarketplaceAppReleaseList: typeof import('./src/components/MarketplaceAppReleaseList.vue')['default']
-    MarketplaceAppReviewStages: typeof import('./src/components/marketplace/MarketplaceAppReviewStages.vue')['default']
-    MarketplaceAppScreenshots: typeof import('./src/components/MarketplaceAppScreenshots.vue')['default']
-    MasterCard: typeof import('./src/components/icons/cards/MasterCard.vue')['default']
-    MentionList: typeof import('jingrow-ui/src/components/TextEditor/MentionList.vue')['default']
-    Menu: typeof import('jingrow-ui/src/components/TextEditor/Menu.vue')['default']
-    Modal: typeof import('./src/components/Modal.vue')['default']
-    Navbar: typeof import('./src/components/Navbar.vue')['default']
-    NestedPopover: typeof import('jingrow-ui/src/components/ListFilter/NestedPopover.vue')['default']
-    NewAppRepositories: typeof import('./src/components/NewAppRepositories.vue')['default']
-    NewEventModal: typeof import('jingrow-ui/src/components/Calendar/NewEventModal.vue')['default']
-    Notification: typeof import('./src/components/Notification.vue')['default']
-    NotificationToasts: typeof import('./src/components/NotificationToasts.vue')['default']
-    OldDropdown: typeof import('./src/components/global/OldDropdown.vue')['default']
-    PageHeader: typeof import('./src/components/PageHeader.vue')['default']
-    PlanIcon: typeof import('./src/components/PlanIcon.vue')['default']
-    Popover: typeof import('./src/components/Popover.vue')['default']
-    'Popover.story': typeof import('jingrow-ui/src/components/Popover.story.vue')['default']
-    PrepaidCreditsDialog: typeof import('./src/components/PrepaidCreditsDialog.vue')['default']
-    PrinterIcon: typeof import('./src/components/PrinterIcon.vue')['default']
-    Progress: typeof import('jingrow-ui/src/components/Progress.vue')['default']
-    'Progress.story': typeof import('jingrow-ui/src/components/Progress.story.vue')['default']
-    ProgressArc: typeof import('./src/components/ProgressArc.vue')['default']
-    PublisherPayoutInfoCard: typeof import('./src/components/marketplace/PublisherPayoutInfoCard.vue')['default']
-    PublisherProfileCard: typeof import('./src/components/marketplace/PublisherProfileCard.vue')['default']
-    Rating: typeof import('jingrow-ui/src/components/Rating/Rating.vue')['default']
-    'Rating.story': typeof import('jingrow-ui/src/components/Rating/Rating.story.vue')['default']
-    Report: typeof import('./src/components/Report.vue')['default']
-    Resource: typeof import('jingrow-ui/src/components/Resource.vue')['default']
-    RichSelect: typeof import('./src/components/RichSelect.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SearchComplete: typeof import('jingrow-ui/src/components/ListFilter/SearchComplete.vue')['default']
-    Section: typeof import('./src/components/global/Section.vue')['default']
-    SectionCard: typeof import('./src/components/global/SectionCard.vue')['default']
-    SectionHeader: typeof import('./src/components/global/SectionHeader.vue')['default']
-    SecurityIcon: typeof import('./src/components/icons/SecurityIcon.vue')['default']
-    Select: typeof import('./src/components/global/Select.vue')['default']
-    'Select.story': typeof import('jingrow-ui/src/components/Select.story.vue')['default']
-    SelectableCard: typeof import('./src/components/SelectableCard.vue')['default']
-    SelectAppFromGithub: typeof import('./src/components/SelectAppFromGithub.vue')['default']
-    Separator: typeof import('jingrow-ui/src/components/TextEditor/icons/separator.vue')['default']
-    ServerIcon: typeof import('./src/components/icons/ServerIcon.vue')['default']
-    ServerPlansTable: typeof import('./src/components/ServerPlansTable.vue')['default']
-    SettingsIcon: typeof import('./src/components/icons/SettingsIcon.vue')['default']
-    ShowMoreCalendarEvent: typeof import('jingrow-ui/src/components/Calendar/ShowMoreCalendarEvent.vue')['default']
-    Sidebar: typeof import('./src/components/Sidebar.vue')['default']
-    SiteAppUpdateCard: typeof import('./src/components/SiteAppUpdateCard.vue')['default']
-    SiteAppUpdates: typeof import('./src/components/SiteAppUpdates.vue')['default']
-    SiteIcon: typeof import('./src/components/icons/SiteIcon.vue')['default']
-    SitePlansTable: typeof import('./src/components/SitePlansTable.vue')['default']
-    SiteRestoreSelector: typeof import('./src/components/SiteRestoreSelector.vue')['default']
-    SiteUpdateCard: typeof import('./src/components/SiteUpdateCard.vue')['default']
-    SpacesIcon: typeof import('./src/components/icons/SpacesIcon.vue')['default']
-    Spinner: typeof import('./src/components/global/Spinner.vue')['default']
-    'Spinner.story': typeof import('jingrow-ui/src/components/Spinner.story.vue')['default']
-    StarRatingInput: typeof import('./src/components/StarRatingInput.vue')['default']
-    Steps: typeof import('./src/components/Steps.vue')['default']
-    Strikethrough: typeof import('jingrow-ui/src/components/TextEditor/icons/strikethrough.vue')['default']
-    StripeCard: typeof import('./src/components/StripeCard.vue')['default']
-    StripeLogo: typeof import('./src/components/StripeLogo.vue')['default']
-    SuccessCard: typeof import('./src/components/global/SuccessCard.vue')['default']
-    Switch: typeof import('jingrow-ui/src/components/Switch.vue')['default']
-    'Switch.story': typeof import('jingrow-ui/src/components/Switch.story.vue')['default']
-    SwitchTeamDialog: typeof import('./src/components/SwitchTeamDialog.vue')['default']
-    TabButtons: typeof import('jingrow-ui/src/components/TabButtons.vue')['default']
-    'TabButtons.story': typeof import('jingrow-ui/src/components/TabButtons.story.vue')['default']
-    Table: typeof import('./src/components/Table/Table.vue')['default']
-    Table2: typeof import('jingrow-ui/src/components/TextEditor/icons/table-2.vue')['default']
-    TableCell: typeof import('./src/components/Table/TableCell.vue')['default']
-    TableHeader: typeof import('./src/components/Table/TableHeader.vue')['default']
-    TableRow: typeof import('./src/components/Table/TableRow.vue')['default']
-    TabList: typeof import('jingrow-ui/src/components/Tabs/TabList.vue')['default']
-    TabPanel: typeof import('jingrow-ui/src/components/Tabs/TabPanel.vue')['default']
-    Tabs: typeof import('./src/components/Tabs.vue')['default']
-    'Tabs.story': typeof import('jingrow-ui/src/components/Tabs/Tabs.story.vue')['default']
-    Tags: typeof import('./src/components/Tags.vue')['default']
-    Text: typeof import('jingrow-ui/src/components/TextEditor/icons/text.vue')['default']
-    Textarea: typeof import('jingrow-ui/src/components/Textarea.vue')['default']
-    'Textarea.story': typeof import('jingrow-ui/src/components/Textarea.story.vue')['default']
-    TextEditor: typeof import('jingrow-ui/src/components/TextEditor/TextEditor.vue')['default']
-    'TextEditor.story': typeof import('jingrow-ui/src/components/TextEditor/TextEditor.story.vue')['default']
-    TextEditorBubbleMenu: typeof import('jingrow-ui/src/components/TextEditor/TextEditorBubbleMenu.vue')['default']
-    TextEditorFixedMenu: typeof import('jingrow-ui/src/components/TextEditor/TextEditorFixedMenu.vue')['default']
-    TextEditorFloatingMenu: typeof import('jingrow-ui/src/components/TextEditor/TextEditorFloatingMenu.vue')['default']
-    TextInput: typeof import('jingrow-ui/src/components/TextInput.vue')['default']
-    'TextInput.story': typeof import('jingrow-ui/src/components/TextInput.story.vue')['default']
-    Toast: typeof import('jingrow-ui/src/components/Toast.vue')['default']
-    Tooltip: typeof import('jingrow-ui/src/components/Tooltip/Tooltip.vue')['default']
-    'Tooltip.story': typeof import('jingrow-ui/src/components/Tooltip/Tooltip.story.vue')['default']
-    Tree: typeof import('jingrow-ui/src/components/Tree/Tree.vue')['default']
-    'Tree.story': typeof import('jingrow-ui/src/components/Tree/Tree.story.vue')['default']
-    TrialBanner: typeof import('jingrow-ui/src/components/Billing/TrialBanner.vue')['default']
-    Underline: typeof import('jingrow-ui/src/components/TextEditor/icons/underline.vue')['default']
-    UnionPay: typeof import('./src/components/icons/cards/UnionPay.vue')['default']
-    VideoAddLine: typeof import('jingrow-ui/src/components/TextEditor/icons/video-add-line.vue')['default']
-    Visa: typeof import('./src/components/icons/cards/Visa.vue')['default']
-    WizardCard: typeof import('./src/components/WizardCard.vue')['default']
-  }
-}
diff --git a/dashboard_backup/generateThemeConfig.cjs b/dashboard_backup/generateThemeConfig.cjs
deleted file mode 100644
index 279b853..0000000
--- a/dashboard_backup/generateThemeConfig.cjs
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * This node script resolves the tailwind config and dumps it as a json in
- * tailwind.theme.json which is later imported into the app.
- */
-let fs = require('fs');
-let resolveConfig = require('tailwindcss/resolveConfig');
-let config = require('./tailwind.config.cjs');
-let { theme } = resolveConfig(config);
-
-fs.writeFileSync('./tailwind.theme.json', JSON.stringify(theme, null, 2));
diff --git a/dashboard_backup/index.html b/dashboard_backup/index.html
deleted file mode 100644
index a95bde5..0000000
--- a/dashboard_backup/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html class="h-full overflow-hidden" lang="zh">
-	<head>
-		<meta charset="utf-8" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
-		<title>今果 Jingrow</title>
-		<link rel="icon" href="/favicon.png" type="image/x-icon" />
-	</head>
-
-	<body class="h-full">
-		<noscript>
-			<strong>
-				今果 Jingrow Dashboard doesn't work properly without JavaScript enabled.
-				Please enable it to continue.
-			</strong>
-		</noscript>
-
-		<!-- Main Vue App -->
-		<div id="app" class="h-full"></div>
-
-		<!-- For Teleports -->
-		<div id="modals"></div>
-		<div id="popovers"></div>
-
-		<script>
-			{% for key in boot %}
-			window["{{ key }}"] = {{ boot[key] | tojson }};
-			{% endfor %}
-		</script>
-		<!-- <script type="module" src="/src/main.js"></script> -->
-		<script type="module" src="/src2/main.js"></script>
-	</body>
-</html>
diff --git a/dashboard_backup/jsconfig.json b/dashboard_backup/jsconfig.json
deleted file mode 100644
index 8ab59b4..0000000
--- a/dashboard_backup/jsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-	"include": ["./src/**/*", "src2/components/AddressableErrorDialog.vue"],
-	"compilerOptions": {
-		"baseUrl": ".",
-		"paths": {
-			"@/*": ["src/*"]
-		}
-	}
-}
diff --git a/dashboard_backup/package.json b/dashboard_backup/package.json
deleted file mode 100644
index 58a8359..0000000
--- a/dashboard_backup/package.json
+++ /dev/null
@@ -1,95 +0,0 @@
-{
-	"name": "dashboard",
-	"version": "0.1.0",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"dev": "yarn generate-theme-config && vite",
-		"build": "yarn generate-theme-config && vite build --base=/assets/jcloud/dashboard/ && yarn copy-html-entry",
-		"copy-html-entry": "cp ../jcloud/public/dashboard/index.html ../jcloud/www/dashboard.html",
-		"generate-theme-config": "node ./generateThemeConfig.cjs",
-		"test": "vitest",
-		"coverage": "vitest run --coverage",
-		"lint": "eslint src"
-	},
-	"dependencies": {
-		"@codemirror/autocomplete": "^6.18.1",
-		"@codemirror/lang-sql": "^6.8.0",
-		"@headlessui/vue": "^1.7.14",
-		"@popperjs/core": "^2.11.2",
-		"@sentry/vite-plugin": "^2.19.0",
-		"@sentry/vue": "^8.10.0",
-		"@stripe/stripe-js": "^1.3.0",
-		"@tailwindcss/container-queries": "^0.1.1",
-		"@tanstack/vue-table": "^8.20.5",
-		"@vueuse/components": "^10.7.0",
-		"@vueuse/core": "^10.3.0",
-		"codemirror": "^6.0.1",
-		"core-js": "^3.6.4",
-		"dayjs": "^1.10.7",
-		"echarts": "^5.4.3",
-		"feather-icons": "^4.26.0",
-		"jingrow-charts": "http://npm.jingrow.com:105/jingrow-charts-2.0.0-rc22.tgz",
-		"jingrow-ui": "http://npm.jingrow.com:105/jingrow-ui-1.0.1.tgz",
-		"fuse.js": "6.6.2",
-		"libarchive.js": "^1.3.0",
-		"lodash": "^4.17.19",
-		"luxon": "^1.22.0",
-		"markdown-it": "^12.3.2",
-		"papaparse": "^5.4.1",
-		"qrcode": "^1.5.4",
-		"register-service-worker": "^1.6.2",
-		"socket.io-client": "^4.5.1",
-		"sql-formatter": "^15.4.10",
-		"unplugin-icons": "^0.17.0",
-		"unplugin-vue-components": "^0.25.2",
-		"vue": "^3.4.12",
-		"vue-codemirror": "^6.1.1",
-		"vue-echarts": "^6.6.1",
-		"vue-qrcode": "^2.2.2",
-		"vue-router": "^4.0.5",
-		"vue-sonner": "^1.2.5"
-	},
-	"devDependencies": {
-		"@iconify/json": "^2.2.123",
-		"@tailwindcss/forms": "^0.4.0",
-		"@tailwindcss/postcss7-compat": "^2.0.2",
-		"@tailwindcss/typography": "^0.5.1",
-		"@vitejs/plugin-legacy": "^4.1.1",
-		"@vitejs/plugin-vue": "^5.0.3",
-		"@vitejs/plugin-vue-jsx": "^3.1.0",
-		"@vue/compiler-sfc": "^3.1.0",
-		"@vue/eslint-config-prettier": "^6.0.0",
-		"@vue/test-utils": "^2.0.0-rc.19",
-		"autoprefixer": "^10.4.2",
-		"babel-eslint": "^10.0.3",
-		"c8": "^7.11.0",
-		"eslint": "^6.7.2",
-		"eslint-plugin-prettier": "^3.1.1",
-		"eslint-plugin-vue": "^6.2.2",
-		"jsdom": "^19.0.0",
-		"lint-staged": "^9.5.0",
-		"msw": "^0.36.8",
-		"node-fetch": "^3.2.10",
-		"postcss": "^8.4.6",
-		"postcss-easy-import": "^4.0.0",
-		"prettier": "^2.5.1",
-		"prettier-plugin-tailwindcss": "^0.1.8",
-		"tailwindcss": "^3.2",
-		"typescript": "^5.4.3",
-		"vite": "5.0.13",
-		"vite-plugin-rewrite-all": "^1.0.1",
-		"vitest": "^0.9.3",
-		"vue-tsc": "^2.0.7",
-		"yorkie": "^2.0.0"
-	},
-	"gitHooks": {
-		"pre-commit": "lint-staged"
-	},
-	"lint-staged": {
-		"*.{js,jsx,vue}": [
-			"yarn lint",
-			"git add"
-		]
-	}
-}
diff --git a/dashboard_backup/postcss.config.cjs b/dashboard_backup/postcss.config.cjs
deleted file mode 100644
index 23f3595..0000000
--- a/dashboard_backup/postcss.config.cjs
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-	plugins: {
-		tailwindcss: {},
-		autoprefixer: {}
-	}
-};
diff --git a/dashboard_backup/public/favicon.png b/dashboard_backup/public/favicon.png
deleted file mode 100644
index b0b9c6b..0000000
Binary files a/dashboard_backup/public/favicon.png and /dev/null differ
diff --git a/dashboard_backup/public/robots.txt b/dashboard_backup/public/robots.txt
deleted file mode 100644
index a82d96e..0000000
--- a/dashboard_backup/public/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:
diff --git a/dashboard_backup/shims-global.d.ts b/dashboard_backup/shims-global.d.ts
deleted file mode 100644
index 75c1835..0000000
--- a/dashboard_backup/shims-global.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare global {
-	interface Window {
-		is_system_user?: boolean;
-	}
-}
-
-export {};
diff --git a/dashboard_backup/shims.d.ts b/dashboard_backup/shims.d.ts
deleted file mode 100644
index 52da0b7..0000000
--- a/dashboard_backup/shims.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-declare module '~icons/*' {
-	import { FunctionalComponent, SVGAttributes } from 'vue';
-	const component: FunctionalComponent<SVGAttributes>;
-	export default component;
-}
diff --git a/dashboard_backup/src/App.vue b/dashboard_backup/src/App.vue
deleted file mode 100644
index 9b01c49..0000000
--- a/dashboard_backup/src/App.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<div class="text-gray-900 antialiased">
-		<div class="flex h-screen overflow-hidden">
-			<div
-				class="flex flex-1 overflow-y-auto"
-				:class="{
-					'sm:bg-gray-50':
-						$route.meta.isLoginPage && $route.fullPath.indexOf('/checkout') < 0
-				}"
-			>
-				<div class="flex-1">
-					<Navbar class="sm:hidden" v-if="!$route.meta.isLoginPage" />
-					<div class="mx-auto flex flex-row justify-start">
-						<Sidebar
-							class="sticky top-0 hidden w-64 flex-shrink-0 sm:flex"
-							v-if="$auth.isLoggedIn && !$route.meta.hideSidebar"
-						/>
-						<router-view v-slot="{ Component }" class="w-full sm:mr-0">
-							<keep-alive
-								:include="[
-									'Sites',
-									'Benches',
-									'Servers',
-									'Site',
-									'Bench',
-									'Server',
-									'Marketplace',
-									'Account',
-									'MarketplaceApp'
-								]"
-							>
-								<component :is="Component" />
-							</keep-alive>
-						</router-view>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<NotificationToasts />
-		<UserPrompts v-if="$auth.isLoggedIn" />
-		<ConfirmDialogs />
-	</div>
-</template>
-<script>
-import Sidebar from '@/components/Sidebar.vue';
-import Navbar from '@/components/Navbar.vue';
-import UserPrompts from '@/views/onboarding/UserPrompts.vue';
-import ConfirmDialogs from '@/components/ConfirmDialogs.vue';
-import NotificationToasts from '@/components/NotificationToasts.vue';
-
-export default {
-	name: 'App',
-	components: {
-		Sidebar,
-		Navbar,
-		UserPrompts,
-		ConfirmDialogs,
-		NotificationToasts
-	},
-	data() {
-		return {
-			viewportWidth: 0
-		};
-	},
-	provide: {
-		viewportWidth: Math.max(
-			document.documentElement.clientWidth || 0,
-			window.innerWidth || 0
-		)
-	}
-};
-</script>
-<style src="./assets/style.css"></style>
diff --git a/dashboard_backup/src/assets/404.png b/dashboard_backup/src/assets/404.png
deleted file mode 100644
index 1cbf7ee..0000000
Binary files a/dashboard_backup/src/assets/404.png and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Black.woff b/dashboard_backup/src/assets/Inter/Inter-Black.woff
deleted file mode 100644
index c7737ed..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Black.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Black.woff2 b/dashboard_backup/src/assets/Inter/Inter-Black.woff2
deleted file mode 100644
index b16b995..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Black.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-BlackItalic.woff b/dashboard_backup/src/assets/Inter/Inter-BlackItalic.woff
deleted file mode 100644
index b5f1447..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-BlackItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-BlackItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-BlackItalic.woff2
deleted file mode 100644
index a3f1b70..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-BlackItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Bold.woff b/dashboard_backup/src/assets/Inter/Inter-Bold.woff
deleted file mode 100644
index e384555..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Bold.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Bold.woff2 b/dashboard_backup/src/assets/Inter/Inter-Bold.woff2
deleted file mode 100644
index 835dd49..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Bold.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-BoldItalic.woff b/dashboard_backup/src/assets/Inter/Inter-BoldItalic.woff
deleted file mode 100644
index ffac3f5..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-BoldItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-BoldItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-BoldItalic.woff2
deleted file mode 100644
index 1a41a14..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-BoldItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraBold.woff b/dashboard_backup/src/assets/Inter/Inter-ExtraBold.woff
deleted file mode 100644
index 885ac94..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraBold.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraBold.woff2 b/dashboard_backup/src/assets/Inter/Inter-ExtraBold.woff2
deleted file mode 100644
index ae956b1..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraBold.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraBoldItalic.woff b/dashboard_backup/src/assets/Inter/Inter-ExtraBoldItalic.woff
deleted file mode 100644
index d6cf862..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraBoldItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraBoldItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-ExtraBoldItalic.woff2
deleted file mode 100644
index 8657899..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraBoldItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraLight.woff b/dashboard_backup/src/assets/Inter/Inter-ExtraLight.woff
deleted file mode 100644
index ff76919..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraLight.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraLight.woff2 b/dashboard_backup/src/assets/Inter/Inter-ExtraLight.woff2
deleted file mode 100644
index 694b2df..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraLight.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraLightItalic.woff b/dashboard_backup/src/assets/Inter/Inter-ExtraLightItalic.woff
deleted file mode 100644
index c6ed13a..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraLightItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ExtraLightItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-ExtraLightItalic.woff2
deleted file mode 100644
index 9a7bd11..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ExtraLightItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Italic.woff b/dashboard_backup/src/assets/Inter/Inter-Italic.woff
deleted file mode 100644
index 4fdb59d..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Italic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Italic.woff2 b/dashboard_backup/src/assets/Inter/Inter-Italic.woff2
deleted file mode 100644
index deca637..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Italic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Light.woff b/dashboard_backup/src/assets/Inter/Inter-Light.woff
deleted file mode 100644
index 42850ac..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Light.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Light.woff2 b/dashboard_backup/src/assets/Inter/Inter-Light.woff2
deleted file mode 100644
index 65a7dad..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Light.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-LightItalic.woff b/dashboard_backup/src/assets/Inter/Inter-LightItalic.woff
deleted file mode 100644
index c4ed9a9..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-LightItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-LightItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-LightItalic.woff2
deleted file mode 100644
index 555fc55..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-LightItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Medium.woff b/dashboard_backup/src/assets/Inter/Inter-Medium.woff
deleted file mode 100644
index 495faef..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Medium.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Medium.woff2 b/dashboard_backup/src/assets/Inter/Inter-Medium.woff2
deleted file mode 100644
index 871ce4c..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Medium.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-MediumItalic.woff b/dashboard_backup/src/assets/Inter/Inter-MediumItalic.woff
deleted file mode 100644
index 389c7a2..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-MediumItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-MediumItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-MediumItalic.woff2
deleted file mode 100644
index aa80579..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-MediumItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Regular.woff b/dashboard_backup/src/assets/Inter/Inter-Regular.woff
deleted file mode 100644
index fa7715d..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Regular.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Regular.woff2 b/dashboard_backup/src/assets/Inter/Inter-Regular.woff2
deleted file mode 100644
index b52dd0a..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Regular.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-SemiBold.woff b/dashboard_backup/src/assets/Inter/Inter-SemiBold.woff
deleted file mode 100644
index 18d7749..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-SemiBold.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-SemiBold.woff2 b/dashboard_backup/src/assets/Inter/Inter-SemiBold.woff2
deleted file mode 100644
index ece5204..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-SemiBold.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-SemiBoldItalic.woff b/dashboard_backup/src/assets/Inter/Inter-SemiBoldItalic.woff
deleted file mode 100644
index 8ee6439..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-SemiBoldItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-SemiBoldItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-SemiBoldItalic.woff2
deleted file mode 100644
index b32c0ba..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-SemiBoldItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Thin.woff b/dashboard_backup/src/assets/Inter/Inter-Thin.woff
deleted file mode 100644
index 1a22286..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Thin.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-Thin.woff2 b/dashboard_backup/src/assets/Inter/Inter-Thin.woff2
deleted file mode 100644
index c56bc7c..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-Thin.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ThinItalic.woff b/dashboard_backup/src/assets/Inter/Inter-ThinItalic.woff
deleted file mode 100644
index d8ec837..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ThinItalic.woff and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-ThinItalic.woff2 b/dashboard_backup/src/assets/Inter/Inter-ThinItalic.woff2
deleted file mode 100644
index eca5608..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-ThinItalic.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-italic.var.woff2 b/dashboard_backup/src/assets/Inter/Inter-italic.var.woff2
deleted file mode 100644
index 1f5d926..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-italic.var.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter-roman.var.woff2 b/dashboard_backup/src/assets/Inter/Inter-roman.var.woff2
deleted file mode 100644
index 05621d8..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter-roman.var.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/Inter.var.woff2 b/dashboard_backup/src/assets/Inter/Inter.var.woff2
deleted file mode 100644
index 46bb515..0000000
Binary files a/dashboard_backup/src/assets/Inter/Inter.var.woff2 and /dev/null differ
diff --git a/dashboard_backup/src/assets/Inter/inter.css b/dashboard_backup/src/assets/Inter/inter.css
deleted file mode 100644
index e21671c..0000000
--- a/dashboard_backup/src/assets/Inter/inter.css
+++ /dev/null
@@ -1,152 +0,0 @@
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 100;
-	font-display: swap;
-	src: url('Inter-Thin.woff2?v=3.12') format('woff2'),
-		url('Inter-Thin.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 100;
-	font-display: swap;
-	src: url('Inter-ThinItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-ThinItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 200;
-	font-display: swap;
-	src: url('Inter-ExtraLight.woff2?v=3.12') format('woff2'),
-		url('Inter-ExtraLight.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 200;
-	font-display: swap;
-	src: url('Inter-ExtraLightItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-ExtraLightItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 300;
-	font-display: swap;
-	src: url('Inter-Light.woff2?v=3.12') format('woff2'),
-		url('Inter-Light.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 300;
-	font-display: swap;
-	src: url('Inter-LightItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-LightItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: url('Inter-Regular.woff2?v=3.12') format('woff2'),
-		url('Inter-Regular.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 400;
-	font-display: swap;
-	src: url('Inter-Italic.woff2?v=3.12') format('woff2'),
-		url('Inter-Italic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 500;
-	font-display: swap;
-	src: url('Inter-Medium.woff2?v=3.12') format('woff2'),
-		url('Inter-Medium.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 500;
-	font-display: swap;
-	src: url('Inter-MediumItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-MediumItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 600;
-	font-display: swap;
-	src: url('Inter-SemiBold.woff2?v=3.12') format('woff2'),
-		url('Inter-SemiBold.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 600;
-	font-display: swap;
-	src: url('Inter-SemiBoldItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-SemiBoldItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 700;
-	font-display: swap;
-	src: url('Inter-Bold.woff2?v=3.12') format('woff2'),
-		url('Inter-Bold.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 700;
-	font-display: swap;
-	src: url('Inter-BoldItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-BoldItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 800;
-	font-display: swap;
-	src: url('Inter-ExtraBold.woff2?v=3.12') format('woff2'),
-		url('Inter-ExtraBold.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 800;
-	font-display: swap;
-	src: url('Inter-ExtraBoldItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-ExtraBoldItalic.woff?v=3.12') format('woff');
-}
-
-@font-face {
-	font-family: 'Inter';
-	font-style: normal;
-	font-weight: 900;
-	font-display: swap;
-	src: url('Inter-Black.woff2?v=3.12') format('woff2'),
-		url('Inter-Black.woff?v=3.12') format('woff');
-}
-@font-face {
-	font-family: 'Inter';
-	font-style: italic;
-	font-weight: 900;
-	font-display: swap;
-	src: url('Inter-BlackItalic.woff2?v=3.12') format('woff2'),
-		url('Inter-BlackItalic.woff?v=3.12') format('woff');
-}
diff --git a/dashboard_backup/src/assets/jerp-logo.svg b/dashboard_backup/src/assets/jerp-logo.svg
deleted file mode 100644
index 8ca7b42..0000000
--- a/dashboard_backup/src/assets/jerp-logo.svg
+++ /dev/null
@@ -1,162 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 128.00 128.00">
-<g stroke-width="2.00" fill="none" stroke-linecap="butt">
-<path stroke="#8fe3b1" vector-effect="non-scaling-stroke" d="
-  M 64.04 34.07
-  Q 64.93 34.07 65.55 34.69
-  Q 74.55 43.60 82.91 51.96
-  C 87.46 56.52 91.92 55.95 98.45 55.81
-  A 2.52 2.52 0.0 0 0 100.92 53.29
-  L 100.92 49.89
-  A 2.56 2.55 -1.5 0 0 98.23 47.34
-  C 95.84 47.46 91.15 47.62 89.22 45.67
-  Q 81.61 37.99 68.36 24.99
-  Q 66.43 23.09 64.04 23.09
-  Q 61.66 23.09 59.72 24.99
-  Q 46.47 37.98 38.85 45.66
-  C 36.92 47.61 32.23 47.45 29.84 47.32
-  A 2.56 2.55 1.5 0 0 27.15 49.87
-  L 27.15 53.27
-  A 2.52 2.52 0.0 0 0 29.62 55.79
-  C 36.15 55.94 40.61 56.51 45.16 51.95
-  Q 53.53 43.60 62.53 34.69
-  Q 63.15 34.07 64.04 34.07"
-/>
-<path stroke="#8fe3b1" vector-effect="non-scaling-stroke" d="
-  M 64.04 101.46
-  C 66.42 101.46 68.47 101.10 68.47 98.24
-  Q 68.49 75.28 68.49 72.56
-  A 0.61 0.61 0.0 0 1 69.10 71.95
-  L 89.64 71.95
-  A 2.50 2.50 0.0 0 0 92.14 69.45
-  L 92.14 65.73
-  A 2.28 2.28 0.0 0 0 89.86 63.45
-  L 69.10 63.45
-  A 0.61 0.61 0.0 0 1 68.49 62.84
-  L 68.49 50.37
-  A 3.05 3.03 2.1 0 0 65.67 47.34
-  Q 65.14 47.31 64.03 47.31
-  Q 62.93 47.31 62.40 47.34
-  A 3.05 3.03 -2.1 0 0 59.58 50.37
-  L 59.58 62.84
-  A 0.61 0.61 0.0 0 1 58.97 63.45
-  L 38.21 63.45
-  A 2.28 2.28 0.0 0 0 35.93 65.73
-  L 35.93 69.45
-  A 2.50 2.50 0.0 0 0 38.43 71.95
-  L 58.97 71.95
-  A 0.61 0.61 0.0 0 1 59.58 72.56
-  Q 59.58 75.28 59.60 98.24
-  C 59.60 101.10 61.65 101.46 64.04 101.46"
-/>
-</g>
-<path fill="#1fc76f" d="
-  M 115.34 95.08
-  A 19.82 19.82 0.0 0 1 95.52 114.90
-  L 32.48 114.90
-  A 19.82 19.82 0.0 0 1 12.66 95.08
-  L 12.66 32.88
-  A 19.82 19.82 0.0 0 1 32.48 13.06
-  L 95.52 13.06
-  A 19.82 19.82 0.0 0 1 115.34 32.88
-  L 115.34 95.08
-  Z
-  M 64.04 34.07
-  Q 64.93 34.07 65.55 34.69
-  Q 74.55 43.60 82.91 51.96
-  C 87.46 56.52 91.92 55.95 98.45 55.81
-  A 2.52 2.52 0.0 0 0 100.92 53.29
-  L 100.92 49.89
-  A 2.56 2.55 -1.5 0 0 98.23 47.34
-  C 95.84 47.46 91.15 47.62 89.22 45.67
-  Q 81.61 37.99 68.36 24.99
-  Q 66.43 23.09 64.04 23.09
-  Q 61.66 23.09 59.72 24.99
-  Q 46.47 37.98 38.85 45.66
-  C 36.92 47.61 32.23 47.45 29.84 47.32
-  A 2.56 2.55 1.5 0 0 27.15 49.87
-  L 27.15 53.27
-  A 2.52 2.52 0.0 0 0 29.62 55.79
-  C 36.15 55.94 40.61 56.51 45.16 51.95
-  Q 53.53 43.60 62.53 34.69
-  Q 63.15 34.07 64.04 34.07
-  Z
-  M 64.04 101.46
-  C 66.42 101.46 68.47 101.10 68.47 98.24
-  Q 68.49 75.28 68.49 72.56
-  A 0.61 0.61 0.0 0 1 69.10 71.95
-  L 89.64 71.95
-  A 2.50 2.50 0.0 0 0 92.14 69.45
-  L 92.14 65.73
-  A 2.28 2.28 0.0 0 0 89.86 63.45
-  L 69.10 63.45
-  A 0.61 0.61 0.0 0 1 68.49 62.84
-  L 68.49 50.37
-  A 3.05 3.03 2.1 0 0 65.67 47.34
-  Q 65.14 47.31 64.03 47.31
-  Q 62.93 47.31 62.40 47.34
-  A 3.05 3.03 -2.1 0 0 59.58 50.37
-  L 59.58 62.84
-  A 0.61 0.61 0.0 0 1 58.97 63.45
-  L 38.21 63.45
-  A 2.28 2.28 0.0 0 0 35.93 65.73
-  L 35.93 69.45
-  A 2.50 2.50 0.0 0 0 38.43 71.95
-  L 58.97 71.95
-  A 0.61 0.61 0.0 0 1 59.58 72.56
-  Q 59.58 75.28 59.60 98.24
-  C 59.60 101.10 61.65 101.46 64.04 101.46
-  Z"
-/>
-<path fill="#fffef2" d="
-  M 64.04 23.09
-  Q 66.43 23.09 68.36 24.99
-  Q 81.61 37.99 89.22 45.67
-  C 91.15 47.62 95.84 47.46 98.23 47.34
-  A 2.56 2.55 -1.5 0 1 100.92 49.89
-  L 100.92 53.29
-  A 2.52 2.52 0.0 0 1 98.45 55.81
-  C 91.92 55.95 87.46 56.52 82.91 51.96
-  Q 74.55 43.60 65.55 34.69
-  Q 64.93 34.07 64.04 34.07
-  Q 63.15 34.07 62.53 34.69
-  Q 53.53 43.60 45.16 51.95
-  C 40.61 56.51 36.15 55.94 29.62 55.79
-  A 2.52 2.52 0.0 0 1 27.15 53.27
-  L 27.15 49.87
-  A 2.56 2.55 1.5 0 1 29.84 47.32
-  C 32.23 47.45 36.92 47.61 38.85 45.66
-  Q 46.47 37.98 59.72 24.99
-  Q 61.66 23.09 64.04 23.09
-  Z"
-/>
-<path fill="#fffef2" d="
-  M 64.03 47.31
-  Q 65.14 47.31 65.67 47.34
-  A 3.05 3.03 2.1 0 1 68.49 50.37
-  L 68.49 62.84
-  A 0.61 0.61 0.0 0 0 69.10 63.45
-  L 89.86 63.45
-  A 2.28 2.28 0.0 0 1 92.14 65.73
-  L 92.14 69.45
-  A 2.50 2.50 0.0 0 1 89.64 71.95
-  L 69.10 71.95
-  A 0.61 0.61 0.0 0 0 68.49 72.56
-  Q 68.49 75.28 68.47 98.24
-  C 68.47 101.10 66.42 101.46 64.04 101.46
-  C 61.65 101.46 59.60 101.10 59.60 98.24
-  Q 59.58 75.28 59.58 72.56
-  A 0.61 0.61 0.0 0 0 58.97 71.95
-  L 38.43 71.95
-  A 2.50 2.50 0.0 0 1 35.93 69.45
-  L 35.93 65.73
-  A 2.28 2.28 0.0 0 1 38.21 63.45
-  L 58.97 63.45
-  A 0.61 0.61 0.0 0 0 59.58 62.84
-  L 59.58 50.37
-  A 3.05 3.03 -2.1 0 1 62.40 47.34
-  Q 62.93 47.31 64.03 47.31
-  Z"
-/>
-</svg>
diff --git a/dashboard_backup/src/assets/jingrow-cloud.svg b/dashboard_backup/src/assets/jingrow-cloud.svg
deleted file mode 100644
index 8ca7b42..0000000
--- a/dashboard_backup/src/assets/jingrow-cloud.svg
+++ /dev/null
@@ -1,162 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 128.00 128.00">
-<g stroke-width="2.00" fill="none" stroke-linecap="butt">
-<path stroke="#8fe3b1" vector-effect="non-scaling-stroke" d="
-  M 64.04 34.07
-  Q 64.93 34.07 65.55 34.69
-  Q 74.55 43.60 82.91 51.96
-  C 87.46 56.52 91.92 55.95 98.45 55.81
-  A 2.52 2.52 0.0 0 0 100.92 53.29
-  L 100.92 49.89
-  A 2.56 2.55 -1.5 0 0 98.23 47.34
-  C 95.84 47.46 91.15 47.62 89.22 45.67
-  Q 81.61 37.99 68.36 24.99
-  Q 66.43 23.09 64.04 23.09
-  Q 61.66 23.09 59.72 24.99
-  Q 46.47 37.98 38.85 45.66
-  C 36.92 47.61 32.23 47.45 29.84 47.32
-  A 2.56 2.55 1.5 0 0 27.15 49.87
-  L 27.15 53.27
-  A 2.52 2.52 0.0 0 0 29.62 55.79
-  C 36.15 55.94 40.61 56.51 45.16 51.95
-  Q 53.53 43.60 62.53 34.69
-  Q 63.15 34.07 64.04 34.07"
-/>
-<path stroke="#8fe3b1" vector-effect="non-scaling-stroke" d="
-  M 64.04 101.46
-  C 66.42 101.46 68.47 101.10 68.47 98.24
-  Q 68.49 75.28 68.49 72.56
-  A 0.61 0.61 0.0 0 1 69.10 71.95
-  L 89.64 71.95
-  A 2.50 2.50 0.0 0 0 92.14 69.45
-  L 92.14 65.73
-  A 2.28 2.28 0.0 0 0 89.86 63.45
-  L 69.10 63.45
-  A 0.61 0.61 0.0 0 1 68.49 62.84
-  L 68.49 50.37
-  A 3.05 3.03 2.1 0 0 65.67 47.34
-  Q 65.14 47.31 64.03 47.31
-  Q 62.93 47.31 62.40 47.34
-  A 3.05 3.03 -2.1 0 0 59.58 50.37
-  L 59.58 62.84
-  A 0.61 0.61 0.0 0 1 58.97 63.45
-  L 38.21 63.45
-  A 2.28 2.28 0.0 0 0 35.93 65.73
-  L 35.93 69.45
-  A 2.50 2.50 0.0 0 0 38.43 71.95
-  L 58.97 71.95
-  A 0.61 0.61 0.0 0 1 59.58 72.56
-  Q 59.58 75.28 59.60 98.24
-  C 59.60 101.10 61.65 101.46 64.04 101.46"
-/>
-</g>
-<path fill="#1fc76f" d="
-  M 115.34 95.08
-  A 19.82 19.82 0.0 0 1 95.52 114.90
-  L 32.48 114.90
-  A 19.82 19.82 0.0 0 1 12.66 95.08
-  L 12.66 32.88
-  A 19.82 19.82 0.0 0 1 32.48 13.06
-  L 95.52 13.06
-  A 19.82 19.82 0.0 0 1 115.34 32.88
-  L 115.34 95.08
-  Z
-  M 64.04 34.07
-  Q 64.93 34.07 65.55 34.69
-  Q 74.55 43.60 82.91 51.96
-  C 87.46 56.52 91.92 55.95 98.45 55.81
-  A 2.52 2.52 0.0 0 0 100.92 53.29
-  L 100.92 49.89
-  A 2.56 2.55 -1.5 0 0 98.23 47.34
-  C 95.84 47.46 91.15 47.62 89.22 45.67
-  Q 81.61 37.99 68.36 24.99
-  Q 66.43 23.09 64.04 23.09
-  Q 61.66 23.09 59.72 24.99
-  Q 46.47 37.98 38.85 45.66
-  C 36.92 47.61 32.23 47.45 29.84 47.32
-  A 2.56 2.55 1.5 0 0 27.15 49.87
-  L 27.15 53.27
-  A 2.52 2.52 0.0 0 0 29.62 55.79
-  C 36.15 55.94 40.61 56.51 45.16 51.95
-  Q 53.53 43.60 62.53 34.69
-  Q 63.15 34.07 64.04 34.07
-  Z
-  M 64.04 101.46
-  C 66.42 101.46 68.47 101.10 68.47 98.24
-  Q 68.49 75.28 68.49 72.56
-  A 0.61 0.61 0.0 0 1 69.10 71.95
-  L 89.64 71.95
-  A 2.50 2.50 0.0 0 0 92.14 69.45
-  L 92.14 65.73
-  A 2.28 2.28 0.0 0 0 89.86 63.45
-  L 69.10 63.45
-  A 0.61 0.61 0.0 0 1 68.49 62.84
-  L 68.49 50.37
-  A 3.05 3.03 2.1 0 0 65.67 47.34
-  Q 65.14 47.31 64.03 47.31
-  Q 62.93 47.31 62.40 47.34
-  A 3.05 3.03 -2.1 0 0 59.58 50.37
-  L 59.58 62.84
-  A 0.61 0.61 0.0 0 1 58.97 63.45
-  L 38.21 63.45
-  A 2.28 2.28 0.0 0 0 35.93 65.73
-  L 35.93 69.45
-  A 2.50 2.50 0.0 0 0 38.43 71.95
-  L 58.97 71.95
-  A 0.61 0.61 0.0 0 1 59.58 72.56
-  Q 59.58 75.28 59.60 98.24
-  C 59.60 101.10 61.65 101.46 64.04 101.46
-  Z"
-/>
-<path fill="#fffef2" d="
-  M 64.04 23.09
-  Q 66.43 23.09 68.36 24.99
-  Q 81.61 37.99 89.22 45.67
-  C 91.15 47.62 95.84 47.46 98.23 47.34
-  A 2.56 2.55 -1.5 0 1 100.92 49.89
-  L 100.92 53.29
-  A 2.52 2.52 0.0 0 1 98.45 55.81
-  C 91.92 55.95 87.46 56.52 82.91 51.96
-  Q 74.55 43.60 65.55 34.69
-  Q 64.93 34.07 64.04 34.07
-  Q 63.15 34.07 62.53 34.69
-  Q 53.53 43.60 45.16 51.95
-  C 40.61 56.51 36.15 55.94 29.62 55.79
-  A 2.52 2.52 0.0 0 1 27.15 53.27
-  L 27.15 49.87
-  A 2.56 2.55 1.5 0 1 29.84 47.32
-  C 32.23 47.45 36.92 47.61 38.85 45.66
-  Q 46.47 37.98 59.72 24.99
-  Q 61.66 23.09 64.04 23.09
-  Z"
-/>
-<path fill="#fffef2" d="
-  M 64.03 47.31
-  Q 65.14 47.31 65.67 47.34
-  A 3.05 3.03 2.1 0 1 68.49 50.37
-  L 68.49 62.84
-  A 0.61 0.61 0.0 0 0 69.10 63.45
-  L 89.86 63.45
-  A 2.28 2.28 0.0 0 1 92.14 65.73
-  L 92.14 69.45
-  A 2.50 2.50 0.0 0 1 89.64 71.95
-  L 69.10 71.95
-  A 0.61 0.61 0.0 0 0 68.49 72.56
-  Q 68.49 75.28 68.47 98.24
-  C 68.47 101.10 66.42 101.46 64.04 101.46
-  C 61.65 101.46 59.60 101.10 59.60 98.24
-  Q 59.58 75.28 59.58 72.56
-  A 0.61 0.61 0.0 0 0 58.97 71.95
-  L 38.43 71.95
-  A 2.50 2.50 0.0 0 1 35.93 69.45
-  L 35.93 65.73
-  A 2.28 2.28 0.0 0 1 38.21 63.45
-  L 58.97 63.45
-  A 0.61 0.61 0.0 0 0 59.58 62.84
-  L 59.58 50.37
-  A 3.05 3.03 -2.1 0 1 62.40 47.34
-  Q 62.93 47.31 64.03 47.31
-  Z"
-/>
-</svg>
diff --git a/dashboard_backup/src/assets/jingrow-framework-logo.png b/dashboard_backup/src/assets/jingrow-framework-logo.png
deleted file mode 100644
index 74e327b..0000000
Binary files a/dashboard_backup/src/assets/jingrow-framework-logo.png and /dev/null differ
diff --git a/dashboard_backup/src/assets/razorpay.svg b/dashboard_backup/src/assets/razorpay.svg
deleted file mode 100644
index db7102d..0000000
--- a/dashboard_backup/src/assets/razorpay.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="847" height="180" viewBox="0 0 847 180" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M223.833 67.1063C226.646 56.5688 225.484 48.5063 220.345 42.9188C215.207 37.3313 206.224 34.5188 193.398 34.4813H144.247L114.617 145.65H138.414L150.397 100.65H166.112C168.987 100.506 171.852 101.093 174.438 102.356C175.488 103.013 176.363 103.913 176.99 104.981C177.617 106.048 177.977 107.251 178.039 108.488L182.333 145.65H207.837L203.674 111.131C202.849 103.425 199.305 98.8876 193.154 97.5189C200.596 95.4659 207.387 91.5412 212.882 86.1189C218.191 80.893 221.977 74.3204 223.833 67.1063ZM201.049 67.5001C200.023 72.0579 197.231 76.0227 193.285 78.5251C189.534 80.8876 184.059 82.0501 177.101 82.0501H155.011L162.774 53.0063H184.884C191.822 53.0063 196.586 54.1876 199.211 56.5313C201.836 58.8751 202.399 62.5876 201.049 67.5001Z" fill="#0C2651"/>
-<path d="M292.544 66.1875L289.524 77.4375C288.266 73.4169 285.604 69.9828 282.023 67.7625C277.847 65.2563 273.032 64.0185 268.165 64.2C261.337 64.2018 254.627 65.9856 248.7 69.375C242.248 73.0744 236.676 78.1279 232.366 84.1875C227.616 90.7391 224.137 98.1228 222.108 105.956C219.98 112.928 219.53 120.303 220.795 127.481C221.761 133.151 224.795 138.261 229.309 141.825C234.216 145.333 240.161 147.09 246.187 146.813C251.568 146.825 256.888 145.673 261.782 143.437C266.676 141.2 271.028 137.932 274.541 133.856L271.428 145.594H294.625L315.778 66.1875H292.544ZM282.005 105.563C280.57 112.028 277.377 117.972 272.778 122.738C270.798 124.676 268.451 126.201 265.876 127.225C263.3 128.248 260.547 128.75 257.776 128.7C251.869 128.7 247.893 126.825 245.755 122.831C243.618 118.838 243.561 113.269 245.512 105.956C246.995 99.433 250.238 93.441 254.888 88.6313C256.875 86.6345 259.24 85.0539 261.845 83.9819C264.45 82.9098 267.242 82.3678 270.059 82.3875C275.835 82.3875 279.773 84.3938 281.798 88.3875C283.824 92.3813 284.03 98.025 282.042 105.544L282.005 105.563Z" fill="#0C2651"/>
-<path d="M398.534 66.2437H331.718L326.786 84.7687H365.679L314.54 129.375L310.171 145.744H379.181L384.113 127.219H342.388L394.371 81.9749L398.534 66.2437Z" fill="#0C2651"/>
-<path d="M471.614 69.1501C465.409 65.605 458.332 63.8766 451.192 64.1626C443.138 64.0929 435.167 65.7956 427.845 69.1501C420.723 72.4705 414.465 77.3925 409.561 83.5314C404.438 89.9708 400.738 97.4217 398.703 105.394C396.514 112.484 396.243 120.027 397.915 127.256C399.45 133.257 403.264 138.423 408.548 141.656C413.924 144.969 420.8 146.625 429.176 146.625C437.144 146.695 445.028 144.998 452.261 141.656C459.361 138.335 465.589 133.405 470.451 127.256C475.584 120.821 479.291 113.369 481.328 105.394C483.521 98.3039 483.786 90.7579 482.097 83.5314C480.62 77.5504 476.856 72.387 471.614 69.1501ZM458.074 105.356C455.993 113.156 452.936 119.006 448.81 122.869C444.829 126.661 439.512 128.73 434.014 128.625C421.888 128.625 417.893 120.869 422.031 105.356C424.069 97.6564 427.195 91.8501 431.408 87.9376C435.44 84.0812 440.831 81.9721 446.41 82.0689C452.186 82.0689 456.124 83.9439 458.149 87.9376C460.175 91.9314 460.118 97.6501 458.074 105.356Z" fill="#0C2651"/>
-<path d="M724.213 66.1875L721.194 77.4375C719.936 73.4169 717.274 69.9828 713.693 67.7625C709.524 65.2336 704.708 63.9759 699.835 64.1438C692.995 64.1586 686.278 65.962 680.351 69.375C673.894 73.0736 668.315 78.1271 663.998 84.1875C659.256 90.7434 655.777 98.1257 653.74 105.956C651.631 112.931 651.181 120.302 652.428 127.481C653.394 133.151 656.427 138.261 660.942 141.825C665.913 145.362 671.932 147.119 678.025 146.813C683.286 146.793 688.483 145.655 693.271 143.475C698.212 141.258 702.599 137.973 706.117 133.856L703.004 145.594H726.201L747.373 66.1875H724.213ZM713.618 105.563C712.19 112.026 709.004 117.97 704.41 122.738C702.426 124.67 700.079 126.191 697.504 127.215C694.93 128.238 692.178 128.743 689.408 128.7C683.482 128.7 679.507 126.825 677.369 122.831C675.231 118.838 675.194 113.269 677.125 105.956C678.616 99.4361 681.858 93.4461 686.502 88.6313C688.493 86.6357 690.862 85.056 693.469 83.9841C696.077 82.9122 698.872 82.3695 701.691 82.3875C707.467 82.3875 711.38 84.3875 713.431 88.3875C715.606 92.2688 715.662 98.025 713.618 105.544V105.563Z" fill="#0C2651"/>
-<path d="M554.182 87.5628L560.108 65.9441C557.609 64.8129 554.88 64.28 552.138 64.3878C546.778 64.3939 541.509 65.7755 536.836 68.4003C532.574 70.7348 528.875 73.973 525.997 77.8878L529.053 66.2441H505.875L484.534 145.65H508.05L519.096 104.194C520.39 98.6623 523.419 93.6891 527.741 90.0003C532.185 86.5295 537.707 84.7309 543.343 84.9191C547.118 84.9033 550.839 85.8109 554.182 87.5628Z" fill="#0C2651"/>
-<path d="M636.132 69.5437C631.334 65.8774 625.4 64.0126 619.367 64.275C613.497 64.2816 607.712 65.6825 602.49 68.3625C597.257 70.9353 592.746 74.7691 589.363 79.5187L589.457 78.975L593.413 66.2437H570.348L564.459 88.3125C564.459 88.5562 564.328 88.8187 564.272 89.0625L540.081 180H563.709L575.917 134.175C577.084 138.218 579.773 141.652 583.418 143.756C587.649 146.186 592.476 147.382 597.352 147.206C604.201 147.225 610.946 145.523 616.967 142.256C623.375 138.725 628.906 133.797 633.151 127.837C637.82 121.319 641.235 113.987 643.221 106.219C645.364 99.143 645.852 91.6692 644.646 84.375C643.659 78.5774 640.641 73.3201 636.132 69.5437ZM619.424 105.844C617.982 112.207 614.809 118.047 610.253 122.719C606.222 126.574 600.829 128.677 595.251 128.569C589.438 128.569 585.5 126.562 583.418 122.606C581.337 118.65 581.224 112.95 583.268 105.431C584.729 98.9159 587.976 92.9362 592.645 88.1625C594.628 86.2258 596.974 84.699 599.548 83.6695C602.123 82.64 604.875 82.1279 607.647 82.1625C613.273 82.1625 617.192 84.2625 619.236 88.4062C621.28 92.55 621.411 98.4187 619.424 105.844Z" fill="#0C2651"/>
-<path d="M846.013 63.5999H821.634L817.884 71.4374C817.584 71.8311 817.302 72.2249 816.965 72.7124L816.571 73.3499L786.566 115.312L780.341 66.2436H755.737L768.245 141.506L740.585 180H764.269L771.114 170.231C771.321 169.931 771.527 169.687 771.714 169.369L779.722 157.95L779.984 157.65L815.746 106.631L846.013 63.5999Z" fill="#0C2651"/>
-<path d="M54.3828 47.1751L47.2567 73.1251L87.4627 47.0438L61.2088 145.65H87.8565L126.656 6.10352e-05L54.3828 47.1751Z" fill="#3395FF"/>
-<path d="M11.0641 104.175L0 145.65H54.6643L77.0364 61.2748L11.0641 104.175Z" fill="#0C2651"/>
-</svg>
diff --git a/dashboard_backup/src/assets/stripe.svg b/dashboard_backup/src/assets/stripe.svg
deleted file mode 100644
index a7aed39..0000000
--- a/dashboard_backup/src/assets/stripe.svg
+++ /dev/null
@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 468 222.5" style="enable-background:new 0 0 468 222.5;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#635BFF;}
-</style>
-<g>
-	<path class="st0" d="M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3
-		c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z
-		 M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z"/>
-	<path class="st0" d="M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3
-		c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1
-		c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z"/>
-	<polygon class="st0" points="223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 	"/>
-	<rect x="223.8" y="69.3" class="st0" width="25.1" height="87.5"/>
-	<path class="st0" d="M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z"/>
-	<path class="st0" d="M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135
-		c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z"/>
-	<path class="st0" d="M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6
-		C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7
-		c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z"/>
-</g>
-</svg>
diff --git a/dashboard_backup/src/assets/style.css b/dashboard_backup/src/assets/style.css
deleted file mode 100644
index f102acf..0000000
--- a/dashboard_backup/src/assets/style.css
+++ /dev/null
@@ -1,34 +0,0 @@
-@import 'jingrow-ui/src/style.css';
-
-@layer components {
-	/* Works on Firefox */
-	* {
-		scrollbar-width: thin;
-		scrollbar-color: #c0c6cc #ebeef0;
-	}
-
-	html {
-		scrollbar-width: auto;
-	}
-
-	/* Works on Chrome, Edge, and Safari */
-	*::-webkit-scrollbar-thumb {
-		background: #c0c6cc;
-		border-radius: 6px;
-	}
-
-	*::-webkit-scrollbar-track,
-	*::-webkit-scrollbar-corner {
-		background: #ebeef0;
-	}
-
-	*::-webkit-scrollbar {
-		width: 6px;
-		height: 6px;
-	}
-
-	body::-webkit-scrollbar {
-		width: 12px;
-		height: 12px;
-	}
-}
diff --git a/dashboard_backup/src/components/AlertBenchUpdate.vue b/dashboard_backup/src/components/AlertBenchUpdate.vue
deleted file mode 100644
index d561b87..0000000
--- a/dashboard_backup/src/components/AlertBenchUpdate.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<template>
-	<Alert :title="alertTitle" v-if="show">
-		<span v-if="deployInformation.deploy_in_progress"
-			>A deploy for this bench is in progress</span
-		>
-		<span v-else-if="bench.status == 'Active'">
-			A new update is available for your bench. Would you like to deploy the
-			update now?
-		</span>
-		<span v-else>
-			Your bench is not deployed yet. You can add more apps to your bench before
-			deploying. If you want to deploy now, click on Deploy.
-		</span>
-		<template #actions>
-			<Button
-				v-if="deployInformation.deploy_in_progress"
-				variant="solid"
-				:route="`/groups/${bench.name}/deploys/${deployInformation.last_deploy.name}`"
-				>View Progress</Button
-			>
-			<Tooltip
-				v-else
-				:text="
-					!permissions.update
-						? `You don't have enough permissions to perform this action`
-						: ''
-				"
-			>
-				<Button
-					variant="solid"
-					:disabled="!permissions.update"
-					@click="showDeployDialog = true"
-				>
-					Show updates
-				</Button>
-			</Tooltip>
-		</template>
-
-		<Dialog
-			:options="{ title: 'Select the apps you want to update' }"
-			v-model="showDeployDialog"
-		>
-			<template v-slot:body-content>
-				<BenchAppUpdates
-					:apps="deployInformation.apps"
-					v-model:selectedApps="selectedApps"
-					:removedApps="deployInformation.removed_apps"
-				/>
-				<ErrorMessage class="mt-2" :message="errorMessage" />
-			</template>
-			<template v-slot:actions>
-				<Button
-					class="w-full"
-					variant="solid"
-					@click="$resources.deploy.submit()"
-					:loading="$resources.deploy.loading"
-					v-if="this.bench.team === $account.team.name"
-				>
-					Deploy
-				</Button>
-				<Button
-					class="w-full"
-					variant="solid"
-					@click="showTeamSwitcher = true"
-					v-else
-				>
-					Switch Team
-				</Button>
-				<SwitchTeamDialog v-model="showTeamSwitcher" />
-			</template>
-		</Dialog>
-	</Alert>
-</template>
-<script>
-import BenchAppUpdates from './BenchAppUpdates.vue';
-import SwitchTeamDialog from './SwitchTeamDialog.vue';
-export default {
-	name: 'AlertBenchUpdate',
-	props: ['bench'],
-	components: {
-		BenchAppUpdates,
-		SwitchTeamDialog
-	},
-	data() {
-		return {
-			showDeployDialog: false,
-			showTeamSwitcher: false,
-			selectedApps: []
-		};
-	},
-	resources: {
-		deployInformation() {
-			return {
-				url: 'jcloud.api.bench.deploy_information',
-				params: {
-					name: this.bench?.name
-				},
-				auto: true
-			};
-		},
-		deploy() {
-			return {
-				url: 'jcloud.api.bench.deploy',
-				params: {
-					name: this.bench?.name,
-					apps: this.selectedApps
-				},
-				validate() {
-					if (
-						this.selectedApps.length === 0 &&
-						this.deployInformation.removed_apps.length === 0
-					) {
-						return 'You must select atleast 1 app to proceed with update.';
-					}
-				},
-				onSuccess(candidate) {
-					this.$router.push(`/groups/${this.bench.name}/deploys/${candidate}`);
-					this.showDeployDialog = false;
-				}
-			};
-		}
-	},
-	computed: {
-		permissions() {
-			return {
-				update: this.$account.hasPermission(
-					this.bench.name,
-					'jcloud.api.bench.deploy_and_update'
-				)
-			};
-		},
-		show() {
-			if (this.deployInformation) {
-				return (
-					this.deployInformation.update_available &&
-					['Awaiting Deploy', 'Active'].includes(this.bench.status)
-				);
-			}
-		},
-		errorMessage() {
-			return (
-				this.$resources.deploy.error ||
-				(this.bench.team !== $account.team.name
-					? "Current Team doesn't have enough permissions"
-					: '')
-			);
-		},
-		deployInformation() {
-			return this.$resources.deployInformation.data;
-		},
-		alertTitle() {
-			if (this.deployInformation && this.deployInformation.deploy_in_progress) {
-				return 'Deploy in Progress';
-			}
-			return this.bench.status == 'Active' ? 'Update Available' : 'Deploy';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AlertBillingInformation.vue b/dashboard_backup/src/components/AlertBillingInformation.vue
deleted file mode 100644
index e4003a1..0000000
--- a/dashboard_backup/src/components/AlertBillingInformation.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-	<Alert title="Account Setup" v-if="!$account.hasBillingInfo">
-		{{ message }}
-		<template #actions>
-			<Button
-				variant="solid"
-				@click="
-					isDefaultPaymentModeCard
-						? (showPrepaidCreditsDialog = true)
-						: (showCardDialog = true)
-				"
-				class="whitespace-nowrap"
-			>
-				{{
-					isDefaultPaymentModeCard ? 'Add Balance' : 'Add Billing Information'
-				}}
-			</Button>
-		</template>
-		<BillingInformationDialog v-model="showCardDialog" v-if="showCardDialog" />
-		<PrepaidCreditsDialog
-			v-if="showPrepaidCreditsDialog"
-			v-model:show="showPrepaidCreditsDialog"
-			:minimum-amount="$account.team.currency === 'CNY' ? 0.01 : 0.01"
-			@success="handleAddPrepaidCreditsSuccess"
-		/>
-	</Alert>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'AlertBillingInformation',
-	components: {
-		BillingInformationDialog: defineAsyncComponent(() =>
-			import('./BillingInformationDialog.vue')
-		),
-		PrepaidCreditsDialog: defineAsyncComponent(() =>
-			import('./PrepaidCreditsDialog.vue')
-		)
-	},
-	data() {
-		return {
-			showCardDialog: false,
-			showPrepaidCreditsDialog: false
-		};
-	},
-	methods: {
-		handleAddPrepaidCreditsSuccess() {
-			this.showPrepaidCreditsDialog = false;
-		}
-	},
-	computed: {
-		isDefaultPaymentModeCard() {
-			return this.$account.team.payment_mode == 'Card';
-		},
-		message() {
-			if (this.isDefaultPaymentModeCard) {
-				return "We couldn't verify your card with micro charge. Please add some balance to your account to start creating sites.";
-			} else {
-				return "You haven't added your billing information yet. Add it to start creating sites.";
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AlertSiteActivation.vue b/dashboard_backup/src/components/AlertSiteActivation.vue
deleted file mode 100644
index 4f7427c..0000000
--- a/dashboard_backup/src/components/AlertSiteActivation.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<Alert
-		title="Site Activation"
-		v-if="site.status == 'Active' && !site.setup_wizard_complete"
-	>
-		<span>
-			Please login and complete the setup wizard on your site. Analytics will be
-			collected only after setup is complete.
-		</span>
-		<template #actions>
-			<Button
-				variant="solid"
-				@click="$resources.loginAsAdmin.submit()"
-				:loading="$resources.loginAsAdmin.loading"
-			>
-				Login
-			</Button>
-		</template>
-	</Alert>
-</template>
-<script>
-import { loginAsAdmin } from '@/controllers/loginAsAdmin';
-export default {
-	name: 'AlertSiteActivation',
-	props: ['site'],
-	resources: {
-		loginAsAdmin() {
-			return loginAsAdmin(this.site?.name);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AlertSiteUpdate.vue b/dashboard_backup/src/components/AlertSiteUpdate.vue
deleted file mode 100644
index 81747c5..0000000
--- a/dashboard_backup/src/components/AlertSiteUpdate.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-	<Alert title="Update Available" v-if="show">
-		<span>
-			A new update is available for your site. Would you like to update your
-			site now?
-		</span>
-		<template #actions>
-			<Tooltip
-				:text="
-					!permissions.update
-						? `You don't have enough permissions to perform this action`
-						: ''
-				"
-			>
-				<Button
-					:disabled="!permissions.update"
-					variant="solid"
-					@click="showUpdatesDialog = true"
-				>
-					Show updates
-				</Button>
-			</Tooltip>
-		</template>
-		<Dialog
-			:options="{
-				title: 'Updates available',
-				actions: [
-					{
-						label: 'Update Now',
-						variant: 'solid',
-						onClick: () => $resources.scheduleUpdate.fetch()
-					}
-				]
-			}"
-			v-model="showUpdatesDialog"
-		>
-			<template v-slot:body-content>
-				<SiteAppUpdates :apps="updateAvailableApps" />
-				<div class="mt-4" v-if="updateAvailableApps.length">
-					<!-- Skip Failing Checkbox -->
-					<input
-						id="skip-failing"
-						type="checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-						v-model="wantToSkipFailingPatches"
-					/>
-					<label for="skip-failing" class="ml-1 text-sm text-gray-900">
-						Skip failing patches if any?
-					</label>
-				</div>
-
-				<div class="mt-2" v-if="skip_backups">
-					<!-- Skip Site Backup -->
-					<input
-						id="skip-backup"
-						type="checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-						v-model="wantToSkipBackups"
-					/>
-					<label for="skip-backup" class="ml-1 text-sm text-gray-900">
-						Update without site backup?
-					</label>
-					<div class="mt-1 text-sm text-red-600" v-if="wantToSkipBackups">
-						In case of failure, you won't be able to restore the site.
-					</div>
-				</div>
-				<ErrorMessage class="mt-1" :message="$resources.scheduleUpdate.error" />
-			</template>
-		</Dialog>
-	</Alert>
-</template>
-<script>
-import SiteAppUpdates from './SiteAppUpdates.vue';
-import { notify } from '@/utils/toast';
-export default {
-	name: 'AlertSiteUpdate',
-	props: ['site'],
-	components: {
-		SiteAppUpdates
-	},
-	data() {
-		return {
-			showUpdatesDialog: false,
-			wantToSkipFailingPatches: false,
-			wantToSkipBackups: false
-		};
-	},
-	resources: {
-		updateInformation() {
-			return {
-				url: 'jcloud.api.site.check_for_updates',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		},
-		lastMigrateFailed() {
-			return {
-				url: 'jcloud.api.site.last_migrate_failed',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		},
-		scheduleUpdate() {
-			return {
-				url: 'jcloud.api.site.update',
-				params: {
-					name: this.site?.name,
-					skip_failing_patches: this.wantToSkipFailingPatches,
-					skip_backups: this.wantToSkipBackups
-				},
-				onSuccess() {
-					this.showUpdatesDialog = false;
-					notify({
-						title: 'Site update scheduled successfully',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		permissions() {
-			return {
-				update: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.update'
-				)
-			};
-		},
-		show() {
-			if (this.updateInformation) {
-				return (
-					this.site.setup_wizard_complete &&
-					this.updateInformation.update_available &&
-					['Active', 'Inactive', 'Suspended', 'Broken'].includes(
-						this.site.status
-					)
-				);
-			}
-		},
-		updateInformation() {
-			return this.$resources.updateInformation.data;
-		},
-		updateAvailableApps() {
-			const installedApps = this.updateInformation.installed_apps;
-			const updateAvailableApps = this.updateInformation.apps;
-
-			return updateAvailableApps.filter(app =>
-				installedApps.find(installedApp => installedApp.app === app.app)
-			);
-		},
-		lastMigrateFailed() {
-			return this.$resources.lastMigrateFailed.data;
-		},
-		skip_backups() {
-			return this.$account.team?.skip_backups;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AlertUpdate.vue b/dashboard_backup/src/components/AlertUpdate.vue
deleted file mode 100644
index 81a305a..0000000
--- a/dashboard_backup/src/components/AlertUpdate.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-	<Alert :title="alertTitle" v-if="show">
-		<span v-if="deployInformation.deploy_in_progress"
-			>A deploy for this bench is in progress</span
-		>
-		<span v-else-if="bench.status == 'Active'">
-			A new update is available for your bench. Would you like to deploy the
-			update now?
-		</span>
-		<span v-else>
-			Your bench is not deployed yet. You can add more apps to your bench before
-			deploying. If you want to deploy now, click on the Show Updates button.
-		</span>
-		<template #actions>
-			<Button
-				v-if="deployInformation.deploy_in_progress"
-				variant="solid"
-				:route="`/groups/${bench.name}/deploys/${deployInformation.last_deploy.name}`"
-				>View Progress</Button
-			>
-			<Button
-				v-else
-				variant="solid"
-				@click="
-					() => {
-						showDeployDialog = true;
-						step = 'Apps';
-					}
-				"
-			>
-				Show Updates
-			</Button>
-		</template>
-
-		<Dialog
-			:options="{
-				title:
-					step == 'Apps'
-						? 'Select the apps you want to update'
-						: 'Select the sites you want to update'
-			}"
-			v-model="showDeployDialog"
-		>
-			<template v-slot:body-content>
-				<BenchAppUpdates
-					v-if="step == 'Apps'"
-					:apps="deployInformation.apps"
-					v-model:selectedApps="selectedApps"
-					:removedApps="deployInformation.removed_apps"
-				/>
-				<BenchSiteUpdates
-					class="p-1"
-					v-if="step == 'Sites'"
-					:sites="deployInformation.sites"
-					v-model:selectedSites="selectedSites"
-				/>
-				<ErrorMessage class="mt-2" :message="errorMessage" />
-			</template>
-			<template v-slot:actions>
-				<Button v-if="step == 'Sites'" class="w-full" @click="step = 'Apps'">
-					Back
-				</Button>
-				<Button
-					v-if="step == 'Sites'"
-					variant="solid"
-					class="mt-2 w-full"
-					@click="$resources.deploy.submit()"
-					:loading="$resources.deploy.loading"
-				>
-					{{ selectedSites.length > 0 ? 'Update' : 'Skip and Deploy' }}
-				</Button>
-				<Button v-else variant="solid" class="w-full" @click="step = 'Sites'">
-					Next
-				</Button>
-			</template>
-		</Dialog>
-	</Alert>
-</template>
-<script>
-import BenchAppUpdates from './BenchAppUpdates.vue';
-import BenchSiteUpdates from './BenchSiteUpdates.vue';
-import SwitchTeamDialog from './SwitchTeamDialog.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AlertBenchUpdate',
-	props: ['bench'],
-	components: {
-		BenchAppUpdates,
-		BenchSiteUpdates,
-		SwitchTeamDialog
-	},
-	data() {
-		return {
-			showDeployDialog: false,
-			showTeamSwitcher: false,
-			selectedApps: [],
-			selectedSites: [],
-			step: 'Apps'
-		};
-	},
-	resources: {
-		deployInformation() {
-			return {
-				url: 'jcloud.api.bench.deploy_information',
-				params: {
-					name: this.bench?.name
-				},
-				auto: true
-			};
-		},
-		deploy() {
-			return {
-				url: 'jcloud.api.bench.deploy_and_update',
-				params: {
-					name: this.bench?.name,
-					apps: this.selectedApps,
-					sites: this.selectedSites
-				},
-				validate() {
-					if (
-						this.selectedApps.length === 0 &&
-						this.deployInformation.removed_apps.length === 0
-					) {
-						return 'You must select atleast 1 app to proceed with update.';
-					}
-				},
-				onSuccess(new_candidate_name) {
-					this.showDeployDialog = false;
-					this.$resources.deployInformation.setData({
-						...this.$resources.deployInformation.data,
-						deploy_in_progress: true,
-						last_deploy: { name: new_candidate_name, status: 'Running' }
-					});
-					notify({
-						title: 'Updates scheduled successfully',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		show() {
-			if (this.deployInformation) {
-				return (
-					this.deployInformation.update_available &&
-					['Awaiting Deploy', 'Active'].includes(this.bench.status)
-				);
-			}
-		},
-		errorMessage() {
-			return (
-				this.$resources.deploy.error ||
-				(this.bench.team !== $account.team.name
-					? "Current Team doesn't have enough permissions"
-					: '')
-			);
-		},
-		deployInformation() {
-			return this.$resources.deployInformation.data;
-		},
-		alertTitle() {
-			if (this.deployInformation && this.deployInformation.deploy_in_progress) {
-				return 'Deploy in Progress';
-			}
-			return this.bench.status == 'Active' ? 'Update Available' : 'Deploy';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AppPlanCard.vue b/dashboard_backup/src/components/AppPlanCard.vue
deleted file mode 100644
index 5fd6d01..0000000
--- a/dashboard_backup/src/components/AppPlanCard.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-	<div
-		v-if="plan"
-		class="flex flex-col justify-between rounded-2xl border border-gray-100 p-5 shadow"
-		:class="[
-			popular ? 'relative bg-blue-100' : '',
-			selected ? 'relative ring-2 ring-inset ring-blue-500' : '',
-			clickable ? 'cursor-pointer hover:border-gray-300' : ''
-		]"
-	>
-		<div>
-			<div
-				v-if="popular"
-				class="absolute -top-3 left-1/4 rounded-md bg-blue-500 py-1 px-2 text-center text-xs"
-			>
-				<h5 class="font-medium uppercase text-white">Most Popular</h5>
-			</div>
-
-			<input
-				v-if="selected"
-				type="checkbox"
-				class="absolute top-3 right-3 h-4 w-4 rounded border-gray-300 text-blue-500"
-				checked
-				disabled
-			/>
-
-			<h4 class="flex justify-between text-xl font-semibold text-gray-900">
-				<div>
-					<span v-if="plan.price_usd <= 0"> Free </span>
-
-					<span v-else>
-						{{ $planTitle(plan) }}
-						<span class="text-base font-normal text-gray-600">
-							{{ plan.block_monthly === 1 ? '/year' : '/mo' }}
-						</span>
-					</span>
-				</div>
-				<div v-if="editable">
-					<Button icon-left="edit" @click="e => $emit('beginEdit', e)"
-						>Edit</Button
-					>
-				</div>
-			</h4>
-			<!--<h4
-				v-if="plan.discounted"
-				class="mt-1 text-base text-gray-600 line-through"
-			>
-				{{
-					$planTitle({
-						price_usd: plan.price_usd_before_discount,
-						price_cny: plan.price_cny_before_discount
-					})
-				}}
-			</h4>-->
-
-			<FeatureList class="mt-5" :features="plan.features" />
-		</div>
-
-		<Badge
-			v-if="editable"
-			:label="plan.enabled ? 'Enabled' : 'Disabled'"
-			class="mt-4 self-start"
-		></Badge>
-	</div>
-</template>
-
-<script>
-import FeatureList from '@/components/FeatureList.vue';
-
-export default {
-	name: 'AppPlanCard',
-	emits: ['beginEdit'],
-	props: {
-		plan: {
-			type: Object
-		},
-		popular: {
-			type: Boolean,
-			default: false
-		},
-		selected: {
-			type: Boolean,
-			default: false
-		},
-		clickable: {
-			type: Boolean,
-			default: true
-		},
-		editable: {
-			type: Boolean,
-			default: false
-		}
-	},
-	components: {
-		FeatureList
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AppSourceSelector.vue b/dashboard_backup/src/components/AppSourceSelector.vue
deleted file mode 100644
index 1bb0f89..0000000
--- a/dashboard_backup/src/components/AppSourceSelector.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-	<div class="space-y-3 max-h-96 overflow-auto px-4">
-		<button
-			class="block w-full cursor-pointer rounded-md border px-4 py-3 text-left shadow ring-inset focus:outline-none"
-			:class="
-				isAppSelected(app)
-					? 'bg-gray-50 ring-2 ring-gray-600'
-					: 'cursor-pointer hover:border-gray-300'
-			"
-			v-for="app in apps"
-			:key="app.name"
-			@click="toggleApp(app.name)"
-		>
-			<div class="ml-1 flex items-center justify-between text-left text-base">
-				<div>
-					<div class="font-semibold">
-						{{ app.title }}
-					</div>
-					<div class="text-gray-700">
-						{{ app.source.repository_owner }}/{{ app.source.repository }}
-					</div>
-				</div>
-				<Dropdown :options="dropdownItems(app)" right>
-					<template v-slot="{ open }">
-						<Button type="white" icon-right="chevron-down">
-							<span>{{ app.source.branch }}</span>
-						</Button>
-					</template>
-				</Dropdown>
-			</div>
-		</button>
-	</div>
-</template>
-<script>
-export default {
-	name: 'AppSourceSelector',
-	props: ['apps', 'modelValue', 'multiple'],
-	emits: ['update:modelValue'],
-	methods: {
-		toggleApp(appName) {
-			let mapApp = app => ({ app: app.name, source: app.source });
-
-			if (!this.multiple) {
-				let selectedApp = this.apps.find(app => app.name === appName);
-				this.$emit('update:modelValue', mapApp(selectedApp));
-				return;
-			}
-
-			// multiple
-			let selectedAppsMap = Object.assign({}, this.selectedAppsMap);
-			if (selectedAppsMap[appName]) {
-				// exists already, remove
-				selectedAppsMap[appName] = false;
-			} else {
-				// add
-				selectedAppsMap[appName] = true;
-			}
-			let selectedApps = this.apps
-				.filter(app => selectedAppsMap[app.name])
-				.map(mapApp);
-
-			this.$emit('update:modelValue', selectedApps);
-		},
-		isAppSelected(app) {
-			if (this.multiple) {
-				return this.selectedAppsMap[app.name];
-			}
-			return this.modelValue && this.modelValue.app === app.name;
-		},
-		dropdownItems(app) {
-			return app.sources.map(source => ({
-				label: `${source.repository_owner}/${source.repository}:${source.branch}`,
-				onClick: () => this.selectSource(app, source)
-			}));
-		},
-		selectSource(app, source) {
-			app.source = source;
-			if (this.multiple) {
-				let selectedApps = this.modelValue.map(_app => {
-					if (app.name === _app.app) {
-						return {
-							app: app.name,
-							source
-						};
-					}
-					return _app;
-				});
-				this.$emit('update:modelValue', selectedApps);
-			} else {
-				this.$emit('update:modelValue', {
-					app: app.name,
-					source
-				});
-			}
-		}
-	},
-	computed: {
-		selectedAppsMap() {
-			if (!this.multiple) return {};
-
-			let out = {};
-			let selectedAppNames = this.modelValue.map(app => app.app);
-			for (let app of this.apps) {
-				out[app.name] = selectedAppNames.includes(app.name);
-			}
-			return out;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AppSubscriptionSummary.vue b/dashboard_backup/src/components/AppSubscriptionSummary.vue
deleted file mode 100644
index bfc4ce4..0000000
--- a/dashboard_backup/src/components/AppSubscriptionSummary.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<div>
-		<h3>All apps (3)</h3>
-
-		<ul class="mt-5 divide-y divide-gray-300">
-			<li class="flex flex-row items-start justify-between pb-3">
-				<div class="flex flex-row self-end">
-					<!-- Replace with app icon -->
-					<div class="mr-3 h-10 w-10 self-center rounded-lg bg-red-400"></div>
-					<div class="flex flex-col">
-						<h4 class="text-lg font-medium text-gray-900">Jingrow Mail</h4>
-						<p class="mt-1 text-base text-gray-600">Best open source ERP.</p>
-					</div>
-				</div>
-				<div class="flex flex-col">
-					<div
-						class="rounded-md bg-blue-100 py-1 px-2 text-xs uppercase text-blue-500"
-					>
-						Most popular
-					</div>
-					<p
-						class="mt-1 self-end text-right text-xl font-semibold text-gray-900"
-					>
-						$10<span class="text-base font-normal text-gray-600">/ Month</span>
-					</p>
-				</div>
-			</li>
-			<li class="flex flex-row items-center justify-between py-3">
-				<div class="flex flex-row self-end">
-					<!-- Replace with app icon -->
-					<div class="mr-3 h-10 w-10 self-center rounded-lg bg-green-400"></div>
-					<div class="flex flex-col">
-						<h4 class="text-lg font-medium text-gray-900">Darkify</h4>
-						<p class="mt-1 text-base text-gray-600">Best open source ERP.</p>
-					</div>
-				</div>
-				<div class="flex flex-col">
-					<p
-						class="mt-1 self-center text-right text-xl font-semibold text-gray-900"
-					>
-						$49<span class="text-base font-normal text-gray-600">/ Month</span>
-					</p>
-				</div>
-			</li>
-			<li class="flex flex-row items-center justify-between py-3">
-				<div class="flex flex-row self-end">
-					<!-- Replace with app icon -->
-					<div
-						class="mr-3 h-10 w-10 self-center rounded-lg bg-indigo-400"
-					></div>
-					<div class="flex flex-col">
-						<h4 class="text-lg font-medium text-gray-900">Jingrow Healthcare</h4>
-						<p class="mt-1 text-base text-gray-600">Best open source ERP.</p>
-					</div>
-				</div>
-				<div class="flex flex-col">
-					<p
-						class="mt-1 self-end text-right text-xl font-semibold text-gray-900"
-					>
-						$129<span class="text-base font-normal text-gray-600">/ Month</span>
-					</p>
-				</div>
-			</li>
-		</ul>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'AppSubscriptionSummary',
-	data() {
-		return {};
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/AppUpdateCard.vue b/dashboard_backup/src/components/AppUpdateCard.vue
deleted file mode 100644
index 7fa3761..0000000
--- a/dashboard_backup/src/components/AppUpdateCard.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-	<button
-		class="flex w-full flex-row items-center justify-between rounded-lg border border-gray-100 px-4 py-2 shadow focus:outline-none"
-		:class="[
-			selected || uninstall ? 'ring-2 ring-inset ring-gray-600' : '',
-			selectable ? 'hover:border-gray-300' : 'cursor-default'
-		]"
-		ref="card"
-	>
-		<div class="flex flex-row items-center gap-2">
-			<input
-				v-if="selectable"
-				@click.self="$refs['card'].click()"
-				:checked="selected"
-				type="checkbox"
-				class="h-4 w-4 cursor-pointer rounded border-gray-300 text-gray-600 focus:ring-transparent"
-			/>
-			<h3 class="text-left text-lg font-medium text-gray-900">
-				{{ app.title }}
-			</h3>
-		</div>
-		<Badge
-			v-if="uninstall"
-			class="my-1"
-			theme="red"
-			label="Will Be Uninstalled "
-		/>
-		<div v-else class="ml-2 flex flex-row items-center space-x-2">
-			<CommitTag
-				v-if="deployFrom"
-				:tag="deployFrom"
-				:link="`${app.repository_url}/commit/${app.current_hash}`"
-			/>
-			<a
-				v-if="deployFrom"
-				class="flex cursor-pointer flex-col justify-center"
-				:href="`${app.repository_url}/compare/${app.current_hash}...${getHash(
-					deployTo.value
-				)}`"
-				target="_blank"
-			>
-				<FeatherIcon name="arrow-right" class="w-4" />
-			</a>
-			<Badge
-				v-else
-				label="First Deploy"
-				theme="green"
-				class="whitespace-nowrap"
-			/>
-			<CommitChooser :options="autocompleteOptions" v-model="deployTo" />
-		</div>
-	</button>
-</template>
-
-<script>
-import CommitChooser from './utils/CommitChooser.vue';
-import CommitTag from './utils/CommitTag.vue';
-export default {
-	name: 'AppUpdateCard',
-	props: ['app', 'selectable', 'selected', 'uninstall'],
-	data() {
-		return {
-			deployTo: {
-				label: this.initialDeployTo(),
-				value: this.app.next_release
-			}
-		};
-	},
-	watch: {
-		deployTo(newVal) {
-			this.app.next_release = newVal.value;
-			this.$emit('update:app', this.app);
-		}
-	},
-	computed: {
-		deployFrom() {
-			if (this.app.will_branch_change) {
-				return this.app.current_branch;
-			}
-			return this.app.current_hash
-				? this.app.current_tag || this.app.current_hash.slice(0, 7)
-				: null;
-		},
-		autocompleteOptions() {
-			return this.app.releases.map(release => {
-				const messageMaxLength = 75;
-				let message = release.message.split('\n')[0];
-				message =
-					message.length > messageMaxLength
-						? message.slice(0, messageMaxLength) + '...'
-						: message;
-
-				return {
-					label: release.tag
-						? release.tag
-						: `${message} (${release.hash.slice(0, 7)})`,
-					value: release.name
-				};
-			});
-		}
-	},
-	methods: {
-		initialDeployTo() {
-			if (this.uninstall) return '';
-
-			let next_release = this.app.releases.filter(
-				release => release.name === this.app.next_release
-			)[0];
-			if (this.app.will_branch_change) {
-				return this.app.branch;
-			} else {
-				return next_release.tag || next_release.hash.slice(0, 7);
-			}
-		},
-		getHash(tag) {
-			return this.app.releases.find(release => release.name === tag).hash;
-		}
-	},
-	components: { CommitTag, CommitChooser }
-};
-</script>
diff --git a/dashboard_backup/src/components/AvatarUploader.vue b/dashboard_backup/src/components/AvatarUploader.vue
deleted file mode 100644
index bd7cf61..0000000
--- a/dashboard_backup/src/components/AvatarUploader.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<div class="mb-4 flex items-center">
-		<Avatar size="lg" :label="label" :image="image" />
-		<FileUploader @success="onChange" fileTypes="image/*">
-			<template v-slot="{ openFileSelector, uploading, progress, error }">
-				<div class="ml-4">
-					<Button :loading="uploading" @click="openFileSelector()">
-						<span v-if="uploading">Uploading {{ progress }}%</span>
-						<span v-else>{{ label }}</span>
-					</Button>
-					<ErrorMessage class="mt-1" :message="error" />
-				</div>
-			</template>
-		</FileUploader>
-	</div>
-</template>
-<script>
-import FileUploader from '@/components/FileUploader.vue';
-
-export default {
-	name: 'AvatarUploader',
-	components: {
-		FileUploader
-	},
-	props: ['image', 'label'],
-	methods: {
-		onChange(file) {
-			this.$emit('update:image', file.file_url);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/BackupFilesUploader.vue b/dashboard_backup/src/components/BackupFilesUploader.vue
deleted file mode 100644
index c403b58..0000000
--- a/dashboard_backup/src/components/BackupFilesUploader.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-	<div>
-		<div class="mt-2 space-y-2">
-			<FileUploader
-				v-for="file in files"
-				:fileTypes="file.ext"
-				:key="file.type"
-				:type="file.type"
-				@success="onFileUpload(file, $event)"
-				:fileValidator="f => databaseBackupChecker(f, file.type)"
-				:s3="true"
-			>
-				<template
-					v-slot="{
-						file: fileObj,
-						uploading,
-						progress,
-						error,
-						success,
-						openFileSelector
-					}"
-				>
-					<ListItem
-						class="border-b"
-						:title="fileObj ? fileObj.name : file.title"
-					>
-						<template #subtitle>
-							<span
-								class="text-base"
-								:class="error ? 'text-red-500' : 'text-gray-600'"
-							>
-								{{
-									uploading
-										? `上传中 ${progress}%`
-										: success
-										? formatBytes(fileObj.size)
-										: error
-										? error
-										: file.description
-								}}
-							</span>
-						</template>
-						<template #actions>
-							<Button
-								:loading="uploading"
-								loadingText="上传中..."
-								@click="openFileSelector()"
-								v-if="!success"
-							>
-								上传
-							</Button>
-							<GreenCheckIcon class="w-5" v-if="success" />
-						</template>
-					</ListItem>
-				</template>
-			</FileUploader>
-		</div>
-	</div>
-</template>
-<script>
-import FileUploader from './FileUploader.vue';
-
-export default {
-	name: 'BackupFilesUploader',
-	components: { FileUploader },
-	emits: ['update:backupFiles'],
-	props: ['backupFiles'],
-	data() {
-		return {
-			files: [
-				{
-					icon: '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.33325 9.33333V22.6667C5.33325 25.6133 10.1093 28 15.9999 28C21.8906 28 26.6666 25.6133 26.6666 22.6667V9.33333M5.33325 9.33333C5.33325 12.28 10.1093 14.6667 15.9999 14.6667C21.8906 14.6667 26.6666 12.28 26.6666 9.33333M5.33325 9.33333C5.33325 6.38667 10.1093 4 15.9999 4C21.8906 4 26.6666 6.38667 26.6666 9.33333M26.6666 16C26.6666 18.9467 21.8906 21.3333 15.9999 21.3333C10.1093 21.3333 5.33325 18.9467 5.33325 16" stroke="#1F272E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-					type: 'database',
-					ext: 'application/x-gzip,application/sql,.sql',
-					title: '数据库备份',
-					description:
-						'上传数据库备份文件。通常文件名以 .sql.gz 或 .sql 结尾',
-					file: null
-				},
-				{
-					icon: '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.39111 6.3913H26.3476V22.2174C26.3476 25.9478 23.2955 29 19.565 29H9.39111V6.3913Z" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/><path d="M13.9131 13.1739H21.8261" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/><path d="M13.9131 17.6957H21.8261" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/><path d="M13.9131 22.2173H19.8479" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/><path d="M22.9565 6.3913V3H6V25.6087H9.3913" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/></svg>',
-					type: 'public',
-					ext: 'application/x-tar',
-					title: '公共文件',
-					description:
-						'上传公共文件备份。通常文件名以 -files.tar 结尾',
-					file: null
-				},
-				{
-					icon: '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.39111 6.3913H25.3476V22.2174C25.3476 25.9478 22.2955 29 18.565 29H8.39111V6.3913Z" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/><path d="M21.9565 6.3913V3H5V25.6087H8.3913" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/></svg>',
-					type: 'private',
-					ext: 'application/x-tar',
-					title: '私有文件',
-					description:
-						'上传私有文件备份。通常文件名以 -private-files.tar 结尾',
-					file: null
-				},
-				{
-					icon: '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.39111 6.3913H25.3476V22.2174C25.3476 25.9478 22.2955 29 18.565 29H8.39111V6.3913Z" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/><path d="M21.9565 6.3913V3H5V25.6087H8.3913" stroke="#1F272E" stroke-width="1.5" stroke-miterlimit="10"/></svg>',
-					type: 'config',
-					ext: 'application/json',
-					title: '站点配置（如备份已加密则必需）',
-					description:
-						'上传站点配置文件。通常文件名以 -site_config_backup.json 结尾',
-					file: null
-				}
-			]
-		};
-	},
-	methods: {
-		onFileUpload(file, data) {
-			let backupFiles = Object.assign({}, this.backupFiles);
-			backupFiles[file.type] = data;
-			this.$emit('update:backupFiles', backupFiles);
-		},
-		async databaseBackupChecker(file, type) {
-			if (type === 'database') {
-				// valid strings are "database.sql.gz", "database.sql", "database.sql (1).gz", "database.sql (2).gz"
-				if (!/\.sql( \(\d\))?\.gz$|\.sql$/.test(file.name)) {
-					throw new Error(
-						'数据库备份文件应以"database.sql.gz"或"database.sql"结尾'
-					);
-				}
-				if (
-					![
-						'application/x-gzip',
-						'application/gzip',
-						'application/sql'
-					].includes(file.type)
-				) {
-					throw new Error('无效的数据库备份文件');
-				}
-			}
-			if (['public', 'private'].includes(type)) {
-				if (file.type != 'application/x-tar') {
-					throw new Error(`无效的${type === 'public' ? '公共' : '私有'}文件备份文件`);
-				}
-			}
-			if (type === 'config') {
-				if (file.type != 'application/json') {
-					throw new Error(`无效的站点配置文件`);
-				}
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/BenchAppUpdates.vue b/dashboard_backup/src/components/BenchAppUpdates.vue
deleted file mode 100644
index 91dc401..0000000
--- a/dashboard_backup/src/components/BenchAppUpdates.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-	<div class="mt-2 space-y-2 divide-y">
-		<AppUpdateCard
-			v-for="(app, index) in appsWithUpdates"
-			:key="app.app"
-			@click.native.self="toggleApp(app)"
-			v-model:app="appsWithUpdates[index]"
-			:selected="selectedApps.map(a => a.app).includes(app.app)"
-			:uninstall="false"
-			:selectable="true"
-		/>
-		<AppUpdateCard
-			v-for="(app, index) in removedApps"
-			:key="app.name"
-			@click.native.self="toggleApp(app)"
-			v-model:app="removedApps[index]"
-			:selected="selectedApps.map(a => a.app).includes(app.app)"
-			:uninstall="true"
-		/>
-	</div>
-</template>
-<script>
-import AppUpdateCard from './AppUpdateCard.vue';
-
-export default {
-	name: 'BenchAppUpdates',
-	props: ['apps', 'removedApps'],
-	components: {
-		AppUpdateCard
-	},
-	data() {
-		return {
-			selectedApps: []
-		};
-	},
-	mounted() {
-		// Select all apps by default
-		this.selectedApps = this.appsWithUpdates.map(a => {
-			return { app: a.app, release: a.next_release };
-		});
-		this.$emit('update:selectedApps', this.selectedApps);
-	},
-	methods: {
-		toggleApp(app) {
-			if (!this.selectedApps.map(a => a.app).includes(app.app)) {
-				this.selectedApps.push({ app: app.app, release: app.next_release });
-				this.$emit('update:selectedApps', this.selectedApps);
-			} else {
-				this.selectedApps = this.selectedApps.filter(a => a.app !== app.app);
-				this.$emit('update:selectedApps', this.selectedApps);
-			}
-		}
-	},
-	computed: {
-		appsWithUpdates() {
-			return this.apps.filter(app => app.update_available);
-		}
-	},
-	watch: {
-		appsWithUpdates: {
-			handler(apps) {
-				apps.map(app => {
-					this.selectedApps
-						.filter(a => a.app == app.app)
-						.map(a => (a.release = app.next_release));
-				});
-			},
-			deep: true,
-			immediate: true
-		},
-		removedApps: {
-			handler(apps) {
-				apps.map(app => {
-					this.selectedApps
-						.filter(a => a.app == app.app)
-						.map(a => (a.release = app.next_release));
-				});
-			},
-			deep: true,
-			immediate: true
-		},
-		selectedApps: {
-			handler(apps) {
-				// Hardcoded for now, need a better way
-				// to manage such dependencies (#TODO)
-				// If updating JERP, must update Jingrow with it
-
-				let jingrowApp = this.apps.filter(a => a.app == 'jingrow');
-				let jingrowUpdateAvailable =
-					jingrowApp.length == 1 && jingrowApp[0].update_available;
-
-				if (
-					apps.map(a => a.app).includes('jerp') &&
-					!apps.map(a => a.app).includes('jingrow') &&
-					jingrowUpdateAvailable
-				) {
-					apps.push({ app: 'jingrow', release: jingrowApp[0].next_release });
-				}
-			},
-			deep: true,
-			immediate: true
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/BenchSiteUpdates.vue b/dashboard_backup/src/components/BenchSiteUpdates.vue
deleted file mode 100644
index 35fa9c4..0000000
--- a/dashboard_backup/src/components/BenchSiteUpdates.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-	<div class="mt-2 space-y-2 divide-y max-h-96 overflow-auto">
-		<SiteUpdateCard
-			v-for="site in sites"
-			:key="site.name"
-			@click.native.self="toggleSite(site)"
-			:site="site.name"
-			:selected="selectedSites.map(s => s.name).includes(site.name)"
-			:selectable="true"
-			v-model:selectedSites="selectedSites"
-		/>
-	</div>
-</template>
-<script>
-import SiteUpdateCard from './SiteUpdateCard.vue';
-
-export default {
-	name: 'BenchSiteUpdates',
-	props: ['sites'],
-	components: {
-		SiteUpdateCard
-	},
-	data() {
-		return {
-			selectedSites: []
-		};
-	},
-	mounted() {
-		// Select all sites by default
-		this.$emit('update:selectedSites', []);
-	},
-	methods: {
-		toggleSite(site) {
-			if (!this.selectedSites.includes(site)) {
-				this.selectedSites.push(site);
-				this.$emit('update:selectedSites', this.selectedSites);
-			} else {
-				this.selectedSites = this.selectedSites.filter(a => a !== site);
-				this.$emit('update:selectedSites', this.selectedSites);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/BillingInformationDialog.vue b/dashboard_backup/src/components/BillingInformationDialog.vue
deleted file mode 100644
index b40d28a..0000000
--- a/dashboard_backup/src/components/BillingInformationDialog.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-	<Dialog :options="{ title: 'Add card to create sites' }" v-model="showDialog">
-		<template v-slot:body-content>
-			<StripeCard
-				class="mb-1"
-				@complete="
-					showDialog = false;
-					$emit('success');
-				"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script>
-import StripeCard from '@/components/StripeCard.vue';
-
-export default {
-	name: 'BillingInformationDialog',
-	props: ['modelValue'],
-	emits: ['update:modelValue', 'success'],
-	components: {
-		StripeCard
-	},
-	computed: {
-		showDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/BuyPrepaidCredits.vue b/dashboard_backup/src/components/BuyPrepaidCredits.vue
deleted file mode 100644
index 27af80b..0000000
--- a/dashboard_backup/src/components/BuyPrepaidCredits.vue
+++ /dev/null
@@ -1,201 +0,0 @@
-<template>
-	<div>
-		<FormControl
-			v-if="step == 'Get Amount'"
-			class="mb-2"
-			label="Credits"
-			v-model.number="creditsToBuy"
-			name="amount"
-			autocomplete="off"
-			type="number"
-			:min="minimumAmount"
-		/>
-		<label
-			class="block"
-			:class="{
-				'h-0.5 opacity-0': step != 'Add Card Details',
-				'mt-4': step == 'Add Card Details'
-			}"
-		>
-			<span class="text-sm leading-4 text-gray-700">
-				Credit or Debit Card
-			</span>
-			<div
-				class="form-input mt-2 block w-full py-2 pl-3"
-				ref="card-element"
-			></div>
-			<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-		</label>
-
-		<FormControl
-			v-if="step == 'Get Amount'"
-			label="Total Amount"
-			disabled
-			v-model="total"
-			name="total"
-			autocomplete="off"
-			type="number"
-		/>
-
-		<div v-if="step == 'Setting up Stripe'" class="mt-8 flex justify-center">
-			<Spinner class="h-4 w-4 text-gray-600" />
-		</div>
-		<ErrorMessage
-			class="mt-2"
-			:message="$resources.createPaymentIntent.error || errorMessage"
-		/>
-		<div class="mt-4 flex w-full justify-between">
-			<StripeLogo />
-			<div v-if="step == 'Get Amount'">
-				<Button
-					variant="solid"
-					@click="$resources.createPaymentIntent.submit()"
-					:loading="$resources.createPaymentIntent.loading"
-				>
-					Next
-				</Button>
-			</div>
-			<div v-if="step == 'Add Card Details'">
-				<Button @click="$emit('cancel')"> Cancel </Button>
-				<Button
-					class="ml-2"
-					variant="solid"
-					@click="onBuyClick"
-					:loading="paymentInProgress"
-				>
-					Buy Credits
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import StripeLogo from '@/components/StripeLogo.vue';
-import { loadStripe } from '@stripe/stripe-js';
-
-export default {
-	name: 'BuyPrepaidCredits',
-	components: {
-		StripeLogo
-	},
-	props: {
-		minimumAmount: {
-			default: 0
-		}
-	},
-	mounted() {
-		this.updateTotal();
-	},
-	watch: {
-		creditsToBuy() {
-			this.updateTotal();
-		}
-	},
-	data() {
-		return {
-			step: 'Get Amount', // Get Amount / Add Card Details
-			clientSecret: null,
-			creditsToBuy: this.minimumAmount || null,
-			total: this.minimumAmount,
-			cardErrorMessage: null,
-			errorMessage: null,
-			paymentInProgress: false
-		};
-	},
-	resources: {
-		createPaymentIntent() {
-			return {
-				url: 'jcloud.api.billing.create_payment_intent_for_buying_credits',
-				params: {
-					amount: this.creditsToBuy
-				},
-				validate() {
-					if (
-						this.creditsToBuy < this.minimumAmount &&
-						!this.$account.team.jerp_partner
-					) {
-						return `Amount must be greater than ${this.minimumAmount}`;
-					}
-				},
-				async onSuccess(data) {
-					this.step = 'Setting up Stripe';
-					let { publishable_key, client_secret } = data;
-					this.clientSecret = client_secret;
-					this.stripe = await loadStripe(publishable_key);
-					this.elements = this.stripe.elements();
-					let theme = this.$theme;
-					let style = {
-						base: {
-							color: theme.colors.black,
-							fontFamily: theme.fontFamily.sans.join(', '),
-							fontSmoothing: 'antialiased',
-							fontSize: '13px',
-							'::placeholder': {
-								color: theme.colors.gray['400']
-							}
-						},
-						invalid: {
-							color: theme.colors.red['600'],
-							iconColor: theme.colors.red['600']
-						}
-					};
-					this.card = this.elements.create('card', {
-						hidePostalCode: true,
-						style: style,
-						classes: {
-							complete: '',
-							focus: 'bg-gray-100'
-						}
-					});
-
-					this.step = 'Add Card Details';
-					this.$nextTick(() => {
-						this.card.mount(this.$refs['card-element']);
-					});
-
-					this.card.addEventListener('change', event => {
-						this.cardErrorMessage = event.error?.message || null;
-					});
-					this.card.addEventListener('ready', () => {
-						this.ready = true;
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		updateTotal() {
-			if (this.$account.team.currency === 'CNY') {
-				this.total = Number(
-					(
-						this.creditsToBuy +
-						this.creditsToBuy * this.$account.billing_info.gst_percentage
-					).toFixed(2)
-				);
-			} else {
-				this.total = this.creditsToBuy;
-			}
-		},
-		setupStripe() {
-			this.$resources.createPaymentIntent.submit();
-		},
-		async onBuyClick() {
-			this.paymentInProgress = true;
-			let payload = await this.stripe.confirmCardPayment(this.clientSecret, {
-				payment_method: {
-					card: this.card
-				}
-			});
-
-			this.paymentInProgress = false;
-			if (payload.error) {
-				this.errorMessage = payload.error.message;
-			} else {
-				this.$emit('success');
-				this.errorMessage = null;
-				this.creditsToBuy = null;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/CardDetails.vue b/dashboard_backup/src/components/CardDetails.vue
deleted file mode 100644
index 315ff81..0000000
--- a/dashboard_backup/src/components/CardDetails.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-	<div
-		class="min-h-full w-full flex-col md:w-2/3 md:border-l"
-		:class="showDetails ? 'flex' : 'hidden md:flex'"
-		:style="{ height: 'calc(100vh - 12rem)' }"
-	>
-		<slot></slot>
-	</div>
-</template>
-<script>
-export default {
-	name: 'CardDetails',
-	props: ['showDetails']
-};
-</script>
diff --git a/dashboard_backup/src/components/CardWithDetails.vue b/dashboard_backup/src/components/CardWithDetails.vue
deleted file mode 100644
index cceb955..0000000
--- a/dashboard_backup/src/components/CardWithDetails.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<div class="flex flex-col rounded-lg border md:flex-row">
-		<Card
-			:title="title"
-			:subtitle="subtitle"
-			class="w-full border-none shadow-none md:w-1/3"
-			:class="{ 'hidden md:flex': showDetails }"
-			:style="{ height: viewportWidth > 768 ? 'calc(100vh - 12rem)' : null }"
-		>
-			<slot></slot>
-			<template #actions>
-				<slot name="actions"></slot>
-			</template>
-		</Card>
-		<slot name="details"></slot>
-	</div>
-</template>
-<script>
-export default {
-	name: 'CardWithDetails',
-	props: ['title', 'subtitle', 'showDetails'],
-	inject: ['viewportWidth']
-};
-</script>
diff --git a/dashboard_backup/src/components/ChangeAppBranchDialog.vue b/dashboard_backup/src/components/ChangeAppBranchDialog.vue
deleted file mode 100644
index 9415c0b..0000000
--- a/dashboard_backup/src/components/ChangeAppBranchDialog.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-	<Dialog
-		v-if="app"
-		v-model="show"
-		:options="{ title: `Change branch for ${app.title}` }"
-	>
-		<template v-slot:body-content>
-			<div class="flex flex-col items-center">
-				<Button
-					class="w-min"
-					v-if="$resources.branches.loading"
-					:loading="true"
-					loadingText="Loading..."
-				/>
-				<FormControl
-					v-else
-					class="w-full"
-					label="Select Branch"
-					type="select"
-					:options="branchList()"
-					v-model="selectedBranch"
-				/>
-				<ErrorMessage
-					class="mt-2 w-full"
-					:message="$resources.changeBranch.error"
-				/>
-			</div>
-		</template>
-		<template #actions>
-			<Button
-				v-if="!$resources.branches.loading"
-				class="w-full"
-				variant="solid"
-				label="Change Branch"
-				:loading="$resources.changeBranch.loading"
-				@click="changeBranch()"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'ChangeAppBranchDialog',
-	emits: ['update:app'],
-	props: ['bench', 'app'],
-	data() {
-		return {
-			selectedBranch: null
-		};
-	},
-	resources: {
-		branches() {
-			return {
-				url: 'jcloud.api.bench.branch_list'
-			};
-		},
-		changeBranch() {
-			return {
-				url: 'jcloud.api.bench.change_branch',
-				onSuccess() {
-					window.location.reload();
-				},
-				validate() {
-					if (this.selectedBranch == this.app.branch) {
-						return 'Please select a different branch';
-					}
-				}
-			};
-		}
-	},
-	watch: {
-		app(value) {
-			if (value) {
-				this.selectedBranch = value.branch;
-				this.$resources.branches.submit({
-					name: this.bench,
-					app: value.name
-				});
-			}
-		}
-	},
-	methods: {
-		branchList() {
-			if (this.$resources.branches.loading || !this.$resources.branches.data) {
-				return [];
-			}
-
-			return this.$resources.branches.data.map(d => d.name);
-		},
-		changeBranch() {
-			this.$resources.changeBranch.submit({
-				name: this.bench,
-				app: this.app.name,
-				to_branch: this.selectedBranch
-			});
-		},
-		dialogClosed() {
-			this.$emit('update:app', null);
-			this.$resources.changeBranch.reset();
-		}
-	},
-	computed: {
-		show: {
-			get() {
-				return Boolean(this.app && this.bench);
-			},
-			set(value) {
-				if (!value) {
-					this.dialogClosed();
-				}
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/ChangeAppPlanSelector.vue b/dashboard_backup/src/components/ChangeAppPlanSelector.vue
deleted file mode 100644
index 74e91fe..0000000
--- a/dashboard_backup/src/components/ChangeAppPlanSelector.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-	<div>
-		<ErrorMessage :message="$resources.getAppPlans.error" />
-
-		<Button
-			v-if="
-				$resources.getAppPlans.loading ||
-				$resources.getMarketplaceAppInfo.loading
-			"
-			:loading="true"
-			loadingText="Loading Plans..."
-		></Button>
-
-		<div v-if="plans && appInfo" class="mb-6 flex flex-row items-center">
-			<Avatar
-				class="mr-2"
-				size="lg"
-				shape="square"
-				:image="appInfo.image"
-				:label="appInfo.title"
-			/>
-
-			<div class="flex flex-col">
-				<h4 class="text-xl font-semibold text-gray-900">{{ appInfo.title }}</h4>
-				<p class="text-base text-gray-600">Choose your plans</p>
-			</div>
-		</div>
-
-		<div v-if="plans" class="mx-auto grid grid-cols-1 gap-2 md:grid-cols-3">
-			<AppPlanCard
-				v-for="plan in plans"
-				:editable="editable"
-				:plan="plan"
-				:key="plan.name"
-				:selected="selectedPlan == plan"
-				@click.native="handleCardClick(plan)"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import AppPlanCard from '@/components/AppPlanCard.vue';
-
-export default {
-	name: 'ChangeAppPlanSelector',
-	components: {
-		AppPlanCard
-	},
-	props: ['app', 'group', 'jingrowVersion', 'currentPlan', 'editable'],
-	emits: ['change'],
-	data() {
-		return {
-			selectedPlan: null
-		};
-	},
-	resources: {
-		getAppPlans() {
-			return {
-				url: 'jcloud.api.marketplace.get_app_plans',
-				params: {
-					app: this.app,
-					include_disabled: false,
-					release_group: this.group,
-					jingrow_version: this.jingrowVersion
-				},
-				onSuccess(plans) {
-					if (this.currentPlan) {
-						for (let plan of plans) {
-							if (plan.name === this.currentPlan) {
-								this.selectedPlan = plan;
-								break;
-							}
-						}
-					}
-				},
-				auto: true
-			};
-		},
-		getMarketplaceAppInfo() {
-			return {
-				url: 'jcloud.api.marketplace.get_app_info',
-				params: {
-					app: this.app
-				},
-				auto: true
-			};
-		}
-	},
-	methods: {
-		handleCardClick(plan) {
-			this.selectedPlan = plan;
-			this.$emit('change', plan);
-		}
-	},
-	computed: {
-		plans() {
-			if (
-				this.$resources.getAppPlans.data &&
-				!this.$resources.getAppPlans.loading
-			) {
-				return this.$resources.getAppPlans.data;
-			}
-		},
-		appInfo() {
-			if (
-				!this.$resources.getMarketplaceAppInfo.loading &&
-				this.$resources.getMarketplaceAppInfo.data
-			) {
-				return this.$resources.getMarketplaceAppInfo.data;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/ChangePaymentModeDialog.vue b/dashboard_backup/src/components/ChangePaymentModeDialog.vue
deleted file mode 100644
index d3f15d9..0000000
--- a/dashboard_backup/src/components/ChangePaymentModeDialog.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Change Payment Mode',
-			actions: [
-				{
-					label: 'Change',
-					variant: 'solid',
-					loading: $resources.changePaymentMode.loading,
-					onClick: () => $resources.changePaymentMode.submit()
-				}
-			]
-		}"
-		:modelValue="modelValue"
-		@update:modelValue="$emit('update:modelValue', $event)"
-	>
-		<template v-slot:body-content>
-			<FormControl
-				label="Select Payment Mode"
-				type="select"
-				:options="paymentModeOptions"
-				v-model="paymentMode"
-			/>
-			<p class="mt-2 text-base text-gray-600 mb-5">
-				{{ paymentModeDescription }}
-			</p>
-			<ErrorMessage
-				class="mt-2"
-				:message="$resources.changePaymentMode.error"
-			/>
-		</template>
-	</Dialog>
-	<BillingInformationDialog
-		v-model="showBillingInformationDialog"
-		v-if="showBillingInformationDialog"
-	/>
-	<PrepaidCreditsDialog
-		v-if="showPrepaidCreditsDialog"
-		v-model:show="showPrepaidCreditsDialog"
-		:minimumAmount="$account.team.currency == 'CNY' ? 0.01 : 0.01"
-		@success="
-			() => {
-				$resources.upcomingInvoice.reload();
-				showPrepaidCreditsDialog = false;
-			}
-		"
-	/>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'ChangePaymentModeDialog',
-	props: ['modelValue'],
-	emits: ['update:modelValue'],
-	components: {
-		BillingInformationDialog: defineAsyncComponent(() =>
-			import('./BillingInformationDialog.vue')
-		),
-		PrepaidCreditsDialog: defineAsyncComponent(() =>
-			import('@/components/PrepaidCreditsDialog.vue')
-		)
-	},
-	data() {
-		return {
-			showBillingInformationDialog: false,
-			showPrepaidCreditsDialog: false,
-			paymentMode: this.$account.team.payment_mode
-		};
-	},
-	watch: {
-		show(value) {
-			if (!value) {
-				this.paymentMode = this.$account.team.payment_mode;
-			}
-		}
-	},
-	resources: {
-		changePaymentMode() {
-			return {
-				url: 'jcloud.api.billing.change_payment_mode',
-				params: {
-					mode: this.paymentMode
-				},
-				onSuccess() {
-					this.$emit('update:modelValue', false);
-					this.$resources.changePaymentMode.reset();
-				},
-				validate() {
-					if (
-						this.paymentMode == 'Card' &&
-						!this.$account.team.default_payment_method
-					) {
-						this.$emit('update:modelValue', false);
-						this.showBillingInformationDialog = true;
-					}
-
-					if (
-						this.paymentMode == 'Prepaid Credits' &&
-						this.$account.balance === 0
-					) {
-						this.$emit('update:modelValue', false);
-						this.showPrepaidCreditsDialog = true;
-					}
-
-					if (
-						this.paymentMode == 'Paid By Partner' &&
-						!this.$account.team.partner_email
-					) {
-						return 'Please add a partner first from Partner section';
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		paymentModeDescription() {
-			return {
-				Card: `Your card will be charged for monthly subscription`,
-				'Prepaid Credits': `You will be charged from your account balance for monthly subscription`,
-				'Paid By Partner': `Your partner will be charged for monthly subscription`
-			}[this.paymentMode];
-		},
-		paymentModeOptions() {
-			if (
-				this.$account.team.jerp_partner ||
-				!this.$account.team.partner_email
-			) {
-				return ['Card', 'Prepaid Credits'];
-			}
-			return ['Card', 'Prepaid Credits', 'Paid By Partner'];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/ClickToCopyField.vue b/dashboard_backup/src/components/ClickToCopyField.vue
deleted file mode 100644
index 2ea8eb9..0000000
--- a/dashboard_backup/src/components/ClickToCopyField.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-	<div class="relative rounded-lg border-2 border-gray-200 bg-gray-100 p-3">
-		<div class="select-all break-all text-xs text-gray-800">
-			<pre
-				:class="{
-					'whitespace-pre-wrap': breakLines,
-					'overflow-x-auto': !breakLines
-				}"
-				:style="
-					!breakLines
-						? 'scrollbar-width: none; -ms-overflow-style: none; -webkit-scrollbar: none;'
-						: ''
-				"
-				>{{ textContent }}</pre
-			>
-		</div>
-		<button
-			class="absolute right-2 top-2 rounded-sm border border-gray-200 bg-white p-1 text-xs text-gray-600"
-			variant="outline"
-			@click="copyTextContentToClipboard"
-		>
-			{{ copied ? 'copied' : 'copy' }}
-		</button>
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	props: {
-		textContent: {
-			type: String,
-			required: true
-		},
-		breakLines: {
-			type: Boolean,
-			default: true
-		}
-	},
-	data() {
-		return {
-			copied: false
-		};
-	},
-	methods: {
-		copyTextContentToClipboard() {
-			const clipboard = window.navigator.clipboard;
-			clipboard.writeText(this.textContent).then(() => {
-				this.copied = true;
-				setTimeout(() => {
-					this.copied = false;
-				}, 4000);
-				toast.success('Copied to clipboard!');
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/CommandPalette.vue b/dashboard_backup/src/components/CommandPalette.vue
deleted file mode 100644
index 0f65956..0000000
--- a/dashboard_backup/src/components/CommandPalette.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-	<Dialog
-		:modelValue="show"
-		:options="{ size: 'xl', position: 'top' }"
-		@after-leave="
-			() => {
-				$emit('close', true);
-				filteredOptions = [];
-			}
-		"
-	>
-		<template #body>
-			<Combobox @update:model-value="onSelection">
-				<ComboboxInput
-					@keyup.enter="show = false"
-					placeholder="Search for sites, bench, groups and servers"
-					class="w-full border-none bg-transparent px-4 text-base text-gray-800 placeholder-gray-500 focus:ring-0"
-					@input="onInput"
-					autocomplete="off"
-				/>
-				<ComboboxOptions
-					@mousedown="show = false"
-					class="max-h-96 overflow-auto border-t border-gray-100"
-					static
-				>
-					<ComboboxOption
-						v-for="option in filteredOptions"
-						:key="`${option.name}`"
-						v-slot="{ active }"
-						:value="option"
-					>
-						<div
-							class="flex w-full items-center px-4 py-2 text-base text-gray-900"
-							:class="{ 'bg-gray-200': active }"
-						>
-							<span> {{ option.title }}&nbsp; </span>
-							<span class="ml-auto text-gray-600">
-								{{ option.pagetype }}
-							</span>
-						</div>
-					</ComboboxOption>
-				</ComboboxOptions>
-			</Combobox>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import {
-	Combobox,
-	ComboboxInput,
-	ComboboxOptions,
-	ComboboxOption
-} from '@headlessui/vue';
-import Fuse from 'fuse.js/dist/fuse.basic.esm';
-import { debounce } from 'lodash';
-
-export default {
-	name: 'CommandPalette',
-	props: {
-		show: false
-	},
-	data() {
-		return {
-			filteredOptions: []
-		};
-	},
-	components: {
-		Combobox,
-		ComboboxInput,
-		ComboboxOptions,
-		ComboboxOption
-	},
-	mounted() {
-		this.makeFuse();
-	},
-	methods: {
-		onInput: debounce(function (e) {
-			let query = e.target.value;
-			if (query) {
-				this.filteredOptions = this.fuse
-					.search(query)
-					.map(result => result.item);
-			}
-		}, 200),
-		onSelection(value) {
-			if (value) {
-				this.$router.push(value.route);
-			}
-		},
-		async makeFuse() {
-			let list = await this.$call('jcloud.api.account.fuse_list');
-			let fuse_list = list;
-			for (let item of fuse_list) {
-				item.route =
-					`/${
-						item.pagetype.toLowerCase() + (item.pagetype === 'Bench' ? 'es' : 's')
-					}/` +
-					item.route +
-					(item.pagetype === 'Bench' ? '/sites' : '/overview');
-			}
-
-			const options = {
-				limit: 20,
-				includeScore: true,
-				shouldSort: true,
-				minMatchCharLength: 3,
-				keys: ['title']
-			};
-			this.fuse = new Fuse(fuse_list, options);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/ConfigEditor.vue b/dashboard_backup/src/components/ConfigEditor.vue
deleted file mode 100644
index 3b2c91e..0000000
--- a/dashboard_backup/src/components/ConfigEditor.vue
+++ /dev/null
@@ -1,341 +0,0 @@
-<template>
-	<Card :title="title || 'Site Config'">
-		<template #actions>
-			<Button
-				class="mr-2"
-				:loading="$resources.configData.loading"
-				v-if="isDirty"
-				@click="
-					() => {
-						$resources.configData.reload().then(() => {
-							isDirty = false;
-						});
-					}
-				"
-			>
-				Discard changes
-			</Button>
-			<Button
-				variant="solid"
-				v-if="isDirty"
-				@click="updateConfig"
-				:loading="$resources.updateConfig.loading"
-			>
-				Save changes
-			</Button>
-		</template>
-		<div class="flex space-x-4">
-			<div class="w-full shrink-0 space-y-4 md:w-1/2">
-				<div class="ml-2">
-					<ErrorMessage :message="$resources.updateConfig.error" />
-					<div
-						v-if="$resources.configData?.data?.length"
-						v-for="config in $resources.configData.data"
-						:key="config.key"
-						class="mt-2 flex"
-					>
-						<FormControl
-							:label="getStandardConfigTitle(config.key)"
-							v-model="config.value"
-							@click="
-								config.type === 'Password' ? (config.value = '') : null;
-								config.type === 'Password' ? (isDirty = true) : null;
-							"
-							@input="isDirty = true"
-							class="flex-1"
-						/>
-						<Button
-							class="ml-2 mt-5"
-							icon="x"
-							variant="ghost"
-							@click="removeConfig(config)"
-						/>
-					</div>
-					<p v-else class="my-2 text-base text-gray-600">
-						No keys added. Click on Add Key to add one.
-					</p>
-					<Button class="mt-4" @click="showAddConfigKeyDialog = true"
-						>Add Key</Button
-					>
-				</div>
-			</div>
-			<div
-				class="hidden h-fit max-w-full flex-1 overflow-x-scroll whitespace-pre-line rounded bg-gray-100 p-4 font-mono text-base md:block"
-			>
-				<div v-if="configName" class="mb-4">{{ configName }}</div>
-				<div v-html="configPreview"></div>
-			</div>
-			<Dialog
-				:options="{
-					title: 'Add Config Key',
-					actions: [
-						{
-							label: 'Add Key',
-							variant: 'solid',
-							onClick: addConfig
-						}
-					]
-				}"
-				v-model="showAddConfigKeyDialog"
-			>
-				<template v-slot:body-content>
-					<div class="space-y-4">
-						<div>
-							<span class="mb-1 block text-xs text-gray-600">Key</span>
-							<Autocomplete
-								placeholder="Key"
-								:options="getStandardConfigKeys"
-								v-model="chosenStandardConfig"
-								@update:modelValue="handleAutocompleteSelection"
-							/>
-						</div>
-						<FormControl
-							v-if="showCustomKeyInput"
-							v-model="newConfig.key"
-							label="Custom Key"
-							class="w-full"
-							@change="isDirty = true"
-						/>
-						<FormControl
-							label="Type"
-							v-model="newConfig.type"
-							type="select"
-							:disabled="chosenStandardConfig && !showCustomKeyInput"
-							:options="[
-								'String',
-								'Number',
-								'JSON',
-								'Boolean',
-								chosenStandardConfig?.value !== 'custom_key' ? 'Password' : null
-							]"
-							@change="isDirty = true"
-						/>
-						<FormControl
-							v-bind="configInputProps()"
-							v-model="newConfig.value"
-							label="Value"
-							class="w-full"
-							@change="isDirty = true"
-						/>
-					</div>
-				</template>
-			</Dialog>
-		</div>
-	</Card>
-</template>
-
-<script>
-import { Autocomplete } from 'jingrow-ui';
-
-export default {
-	name: 'ConfigEditor',
-	components: {
-		Autocomplete
-	},
-	props: [
-		'title',
-		'subtitle',
-		'configName',
-		'configData',
-		'updateConfigMethod'
-	],
-	data() {
-		return {
-			isDirty: false,
-			showCustomKeyInput: false,
-			showAddConfigKeyDialog: false,
-			chosenStandardConfig: {
-				title: '',
-				key: ''
-			},
-			newConfig: {
-				key: '',
-				value: '',
-				type: 'String'
-			}
-		};
-	},
-	resources: {
-		configData() {
-			return this.configData();
-		},
-		updateConfig() {
-			function isValidJSON(str) {
-				try {
-					JSON.parse(str);
-					return true;
-				} catch (e) {
-					return false;
-				}
-			}
-			const updatedConfig = this.$resources.configData.data.map(d => {
-				const value = d.value;
-				if (!isNaN(value)) d.type = 'Number';
-				else if (isValidJSON(value)) d.type = 'JSON';
-				else if (d.type === 'Password') d.type = 'Password';
-				else d.type = 'String';
-
-				return {
-					key: d.key,
-					value,
-					type: d.type
-				};
-			});
-
-			return {
-				...this.updateConfigMethod(updatedConfig),
-				async validate() {
-					let keys = updatedConfig.map(d => d.key);
-					if (keys.length !== [...new Set(keys)].length) {
-						return 'Duplicate key';
-					}
-					this.$resources.validateKeys.submit({
-						keys: JSON.stringify(keys)
-					});
-					let invalidKeys = this.$resources.validateKeys.data;
-					if (invalidKeys?.length > 0) {
-						return `Invalid key: ${invalidKeys.join(', ')}`;
-					}
-					for (let config of updatedConfig) {
-						if (config.type === 'JSON') {
-							try {
-								JSON.parse(JSON.stringify(config.value));
-							} catch (error) {
-								return `Invalid JSON -- ${error}`;
-							}
-						} else if (config.type === 'Number') {
-							try {
-								Number(config.value);
-							} catch (error) {
-								return 'Invalid Number';
-							}
-						}
-					}
-				},
-				onSuccess() {
-					this.isDirty = false;
-					this.$resources.configData.reload();
-				}
-			};
-		},
-		standardConfigKeys: {
-			url: 'jcloud.api.config.standard_keys',
-			cache: 'standardConfigKeys',
-			auto: true
-		},
-		validateKeys: {
-			url: 'jcloud.api.config.is_valid'
-		}
-	},
-	computed: {
-		configPreview() {
-			let obj = {};
-
-			for (let d of this.$resources.configData.data) {
-				let value = d.value;
-				if (['Boolean', 'Number'].includes(d.type)) {
-					value = Number(d.value);
-				} else if (d.type === 'JSON') {
-					try {
-						value = JSON.parse(d.value);
-					} catch (error) {
-						value = {};
-					}
-				}
-				obj[d.key] = value;
-			}
-			return JSON.stringify(obj, null, '&nbsp; ');
-		},
-		getStandardConfigKeys() {
-			return [
-				{
-					group: 'Custom',
-					items: [{ label: 'Create a custom key', value: 'custom_key' }]
-				},
-				{
-					group: 'Standard',
-					items: this.$resources.standardConfigKeys.data.map(d => ({
-						label: d.title,
-						value: d.key
-					}))
-				}
-			];
-		}
-	},
-	methods: {
-		configInputProps() {
-			let type = {
-				String: 'text',
-				Password: 'text',
-				Number: 'number',
-				JSON: 'textarea',
-				Boolean: 'select'
-			}[this.newConfig.type];
-
-			return {
-				type,
-				options: this.newConfig.type === 'Boolean' ? ['1', '0'] : null
-			};
-		},
-		addConfig() {
-			this.$resources.configData.data.push({
-				key: this.getStandardConfigKey(this.newConfig.key),
-				value: this.newConfig.value,
-				type: this.newConfig.type
-			});
-			this.isDirty = true;
-			this.showAddConfigKeyDialog = false;
-		},
-		handleAutocompleteSelection() {
-			if (this.chosenStandardConfig?.value === 'custom_key') {
-				this.showCustomKeyInput = true;
-			} else {
-				this.showCustomKeyInput = false;
-				this.newConfig.type = this.getStandardConfigType(
-					this.chosenStandardConfig?.value
-				);
-			}
-
-			if (this.newConfig.type === 'Boolean') {
-				this.newConfig.value = 0;
-			} else if (this.newConfig.type === 'JSON') {
-				this.newConfig.value = '{}';
-			} else {
-				this.newConfig.value = '';
-			}
-
-			this.newConfig.key = this.chosenStandardConfig?.value || '';
-		},
-		getStandardConfigType(key) {
-			return (
-				this.$resources.standardConfigKeys.data.find(d => d.key === key)
-					?.type || 'String'
-			);
-		},
-		getStandardConfigKey(key) {
-			return (
-				this.$resources.standardConfigKeys.data.find(d => d.title === key)
-					?.key || key
-			);
-		},
-		getStandardConfigTitle(key) {
-			return (
-				this.$resources.standardConfigKeys.data.find(d => d.key === key)
-					?.title || key
-			);
-		},
-		removeConfig(config) {
-			const index = this.$resources.configData.data.indexOf(config);
-			if (index > -1) this.$resources.configData.data.splice(index, 1);
-			this.isDirty = true;
-		},
-		updateConfig() {
-			if (this.isDirty) {
-				this.$resources.updateConfig.submit();
-			} else {
-				this.isDirty = false;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/ConfirmDialogs.vue b/dashboard_backup/src/components/ConfirmDialogs.vue
deleted file mode 100644
index 1f300b9..0000000
--- a/dashboard_backup/src/components/ConfirmDialogs.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<script setup>
-import { getCurrentInstance, ref } from 'vue';
-
-const app = getCurrentInstance();
-const confirmDialogs = ref([]);
-
-function confirm(dialog) {
-	dialog.id = confirmDialogs.value.length;
-	dialog.show = true;
-	confirmDialogs.value.push(dialog);
-}
-
-function removeConfirmDialog(dialog) {
-	confirmDialogs.value = confirmDialogs.value.filter(
-		_dialog => dialog !== _dialog
-	);
-}
-
-function onDialogAction(dialog) {
-	let closeDialog = () => removeConfirmDialog(dialog);
-	dialog.action(closeDialog);
-}
-
-app.appContext.config.globalProperties.$confirm = confirm;
-</script>
-
-<template>
-	<div>
-		<Dialog
-			v-for="dialog in confirmDialogs"
-			v-model="dialog.show"
-			@close="removeConfirmDialog(dialog)"
-			:key="dialog.id"
-			:options="{
-				title: dialog.title,
-				actions: [
-					{
-						label: dialog.actionLabel || 'Submit',
-						theme: dialog.actionColor,
-						variant: dialog.actionVariant || 'solid',
-						onClick: () => onDialogAction(dialog),
-						loading: dialog.resource?.loading
-					},
-					{
-						label: 'Cancel',
-						onClick: () => removeConfirmDialog(dialog)
-					}
-				]
-			}"
-		>
-			<template v-slot:body-content>
-				<div class="prose">
-					<p class="text-base" v-html="dialog.message"></p>
-				</div>
-				<ErrorMessage
-					class="mt-2"
-					v-if="dialog.resource"
-					:message="dialog.resource.error"
-				/>
-			</template>
-		</Dialog>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/DescriptionList.vue b/dashboard_backup/src/components/DescriptionList.vue
deleted file mode 100644
index d583cfc..0000000
--- a/dashboard_backup/src/components/DescriptionList.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-	<div class="space-y-4">
-		<div v-for="item in items" :key="item.label">
-			<div class="text-sm text-gray-700">{{ item.label }}</div>
-			<div class="mt-1 rounded bg-gray-100 px-3 py-1 text-base text-gray-900">
-				{{ item.value }}
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'DescriptionList',
-	props: ['items']
-};
-</script>
diff --git a/dashboard_backup/src/components/FeatureList.vue b/dashboard_backup/src/components/FeatureList.vue
deleted file mode 100644
index bee0e38..0000000
--- a/dashboard_backup/src/components/FeatureList.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<ul class="space-y-2 text-sm text-gray-700">
-		<li
-			class="flex flex-row justify-items-center"
-			v-for="feature in features"
-			:key="feature"
-		>
-			<CircularCheckIcon class="mr-2" />
-			{{ feature }}
-		</li>
-	</ul>
-</template>
-
-<script>
-export default {
-	name: 'FeatureList',
-	props: ['features']
-};
-</script>
diff --git a/dashboard_backup/src/components/FileUploader.vue b/dashboard_backup/src/components/FileUploader.vue
deleted file mode 100644
index 4498e67..0000000
--- a/dashboard_backup/src/components/FileUploader.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-	<div>
-		<input
-			ref="input"
-			type="file"
-			:accept="fileTypes"
-			class="hidden"
-			@change="onFileAdd"
-		/>
-		<slot
-			v-bind="{
-				file,
-				uploading,
-				progress,
-				uploaded,
-				message,
-				error,
-				total,
-				success,
-				openFileSelector
-			}"
-		/>
-	</div>
-</template>
-
-<script>
-import FileUploader from '@/controllers/fileUploader';
-import S3FileUploader from '@/controllers/s3FileUploader';
-import { trypromise } from '@/utils';
-
-export default {
-	name: 'FileUploader',
-	props: ['fileTypes', 'uploadArgs', 's3', 'type', 'fileValidator'],
-	data() {
-		return {
-			uploader: null,
-			uploading: false,
-			uploaded: 0,
-			error: null,
-			message: '',
-			total: 0,
-			file: null,
-			finishedUploading: false
-		};
-	},
-	computed: {
-		progress() {
-			let value = Math.floor((this.uploaded / this.total) * 100);
-			return isNaN(value) ? 0 : value;
-		},
-		success() {
-			return this.finishedUploading && !this.error;
-		}
-	},
-	methods: {
-		openFileSelector() {
-			this.$refs['input'].click();
-		},
-		async onFileAdd(e) {
-			this.error = null;
-			this.file = e.target.files[0];
-
-			if (this.file && this.fileValidator) {
-				let [error, _] = await trypromise(this.fileValidator(this.file));
-				if (error) {
-					this.error = error;
-				}
-			}
-
-			if (!this.error) {
-				this.uploadFile(this.file);
-			}
-		},
-		async uploadFile(file) {
-			this.error = null;
-			this.uploaded = 0;
-			this.total = 0;
-
-			this.uploader = this.s3 ? new S3FileUploader() : new FileUploader();
-			this.uploader.on('start', () => {
-				this.uploading = true;
-			});
-			this.uploader.on('progress', data => {
-				this.uploaded = data.uploaded;
-				this.total = data.total;
-			});
-			this.uploader.on('error', () => {
-				this.uploading = false;
-				this.error = 'Error Uploading File';
-			});
-			this.uploader.on('finish', () => {
-				this.uploading = false;
-				this.finishedUploading = true;
-			});
-			this.uploader
-				.upload(file, this.uploadArgs || {})
-				.then(data => {
-					this.$emit('success', data);
-				})
-				.catch(error => {
-					this.uploading = false;
-					let errorMessage = 'Error Uploading File';
-					if (error._server_messages) {
-						errorMessage = JSON.parse(
-							JSON.parse(error._server_messages)[0]
-						).message;
-					} else if (error.exc) {
-						errorMessage = JSON.parse(error.exc)[0]
-							.split('\n')
-							.slice(-2, -1)[0];
-					}
-					this.error = errorMessage;
-					this.$emit('failure', errorMessage);
-				});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Form.vue b/dashboard_backup/src/components/Form.vue
deleted file mode 100644
index 05cd0de..0000000
--- a/dashboard_backup/src/components/Form.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-	<div class="space-y-4">
-		<div
-			v-for="field in fields"
-			:key="field.fieldname"
-			v-show="field.condition ? field.condition() : true"
-		>
-			<div class="flex space-x-4" v-if="Array.isArray(field)">
-				<FormControl
-					v-bind="getBindProps(subfield)"
-					:key="subfield.fieldname"
-					class="w-full"
-					v-for="subfield in field"
-				/>
-			</div>
-			<FormControl v-else v-bind="getBindProps(field)" />
-			<ErrorMessage
-				class="mt-1"
-				v-if="requiredFieldNotSet.includes(field)"
-				error="This field is required"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-// https://github.com/eggert/tz/blob/main/backward add more if required.
-const TZ_BACKWARD_COMPATBILITY_MAP = {
-	'Asia/Calcutta': 'Asia/Kolkata'
-};
-
-export default {
-	name: 'Form',
-	props: ['fields', 'modelValue'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			requiredFieldNotSet: [],
-			guessedTimezone: ''
-		};
-	},
-	mounted() {
-		this.guessedTimezone = this.guessTimezone();
-	},
-	watch: {
-		fields: {
-			handler(new_fields) {
-				let timezoneFields = new_fields.filter(
-					f => f.fieldtype === 'Select' && f.fieldname.endsWith('_tz')
-				);
-				for (let field of timezoneFields) {
-					if (!field.options) {
-						field.options = [];
-					}
-					if (
-						this.guessedTimezone &&
-						field.options.includes(this.guessedTimezone)
-					) {
-						this.onChange(this.guessedTimezone, field);
-					}
-				}
-			},
-			deep: true
-		}
-	},
-	methods: {
-		onChange(value, field) {
-			this.checkRequired(field, value);
-			this.updateValue(field.fieldname, value);
-		},
-		updateValue(fieldname, value) {
-			let values = Object.assign({}, this.modelValue, {
-				[fieldname]: value
-			});
-			this.$emit('update:modelValue', values);
-		},
-		checkRequired(field, value) {
-			if (field.required) {
-				if (!value) {
-					this.requiredFieldNotSet.push(field);
-					return false;
-				} else {
-					this.requiredFieldNotSet = this.requiredFieldNotSet.filter(
-						f => f !== field
-					);
-				}
-			}
-			return true;
-		},
-		getBindProps(field) {
-			return {
-				label: field.label || field.fieldname,
-				type: this.getInputType(field),
-				options: field.options,
-				name: field.fieldname,
-				modelValue: this.modelValue[field.fieldname],
-				disabled: field.disabled,
-				required: field.required || false,
-				rows: field.rows,
-				placeholder: field.placeholder,
-				'onUpdate:modelValue': value => this.onChange(value, field),
-				onBlur: e => this.checkRequired(field, e)
-			};
-		},
-		getInputType(field) {
-			return {
-				Data: 'text',
-				Int: 'number',
-				Select: 'select',
-				Check: 'checkbox',
-				Password: 'password',
-				Text: 'textarea',
-				Date: 'date'
-			}[field.fieldtype || 'Data'];
-		},
-		guessTimezone() {
-			try {
-				let tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-				if (TZ_BACKWARD_COMPATBILITY_MAP[tz]) {
-					return TZ_BACKWARD_COMPATBILITY_MAP[tz];
-				}
-				return tz;
-			} catch (e) {
-				console.error("Couldn't guess timezone", e);
-				return null;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/FrappeCloudLogo.vue b/dashboard_backup/src/components/FrappeCloudLogo.vue
deleted file mode 100644
index 07285f9..0000000
--- a/dashboard_backup/src/components/FrappeCloudLogo.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-	<svg
-		width="48"
-		height="48"
-		viewBox="0 0 48 48"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<g filter="url(#filter0_ddd_28_966)">
-			<rect x="4" y="3" width="40" height="40" rx="10" fill="#590EFA" />
-		</g>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M25.415 13.5C27.411 13.5 29.2176 14.3109 30.5234 15.6212C29.7284 15.7907 28.9722 16.0399 28.2642 16.4062C26.1108 17.5202 24.5787 19.6053 23.494 23.173C23.44 23.3504 23.3876 23.5261 23.3365 23.7L12.0706 23.7C12.6494 20.3849 15.4531 17.8345 18.8863 17.6441C20.039 15.1952 22.529 13.5 25.415 13.5ZM12.0005 25.7375C12.3752 29.3476 15.3672 32.1803 19.046 32.3051V32.3104H19.0698L19.0998 32.2983C19.9271 31.9628 20.5108 31.43 20.9884 30.6753C21.4839 29.8923 21.8606 28.8779 22.2438 27.5888C22.4117 27.024 22.5758 26.4246 22.752 25.7811L22.7521 25.7808L22.7521 25.7807L22.764 25.7375L12.0005 25.7375ZM29.2004 18.2158C29.9705 17.8175 30.8419 17.5899 31.8545 17.4615C32.2821 18.3068 32.548 19.2477 32.6118 20.2437C34.6288 21.3236 36.0007 23.451 36.0007 25.8988C36.0007 29.383 33.2211 32.218 29.7583 32.3071V32.3104H22.329C22.4637 32.1358 22.5905 31.9538 22.7101 31.7648C23.3634 30.7323 23.8038 29.4915 24.1968 28.1692C24.3715 27.5817 24.5419 26.9594 24.7172 26.3189L24.7173 26.3187L24.7173 26.3186L24.7877 26.0615C24.9895 25.3258 25.2014 24.5613 25.4433 23.7656C26.4384 20.4927 27.7142 18.9847 29.2004 18.2158Z"
-			fill="white"
-		/>
-		<defs>
-			<filter
-				id="filter0_ddd_28_966"
-				x="0.233733"
-				y="0.04079"
-				width="47.5325"
-				height="47.5325"
-				filterUnits="userSpaceOnUse"
-				color-interpolation-filters="sRGB"
-			>
-				<feFlood flood-opacity="0" result="BackgroundImageFix" />
-				<feColorMatrix
-					in="SourceAlpha"
-					type="matrix"
-					values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-					result="hardAlpha"
-				/>
-				<feMorphology
-					radius="0.269019"
-					operator="dilate"
-					in="SourceAlpha"
-					result="effect1_dropShadow_28_966"
-				/>
-				<feOffset dy="0.807057" />
-				<feGaussianBlur stdDeviation="1.74862" />
-				<feColorMatrix
-					type="matrix"
-					values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
-				/>
-				<feBlend
-					mode="normal"
-					in2="BackgroundImageFix"
-					result="effect1_dropShadow_28_966"
-				/>
-				<feColorMatrix
-					in="SourceAlpha"
-					type="matrix"
-					values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-					result="hardAlpha"
-				/>
-				<feOffset dy="0.13451" />
-				<feGaussianBlur stdDeviation="0.13451" />
-				<feColorMatrix
-					type="matrix"
-					values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0"
-				/>
-				<feBlend
-					mode="normal"
-					in2="effect1_dropShadow_28_966"
-					result="effect2_dropShadow_28_966"
-				/>
-				<feColorMatrix
-					in="SourceAlpha"
-					type="matrix"
-					values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-					result="hardAlpha"
-				/>
-				<feOffset />
-				<feGaussianBlur stdDeviation="0.0672548" />
-				<feColorMatrix
-					type="matrix"
-					values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.19 0"
-				/>
-				<feBlend
-					mode="normal"
-					in2="effect2_dropShadow_28_966"
-					result="effect3_dropShadow_28_966"
-				/>
-				<feBlend
-					mode="normal"
-					in="SourceGraphic"
-					in2="effect3_dropShadow_28_966"
-					result="shape"
-				/>
-			</filter>
-		</defs>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/ImpersonateTeam.vue b/dashboard_backup/src/components/ImpersonateTeam.vue
deleted file mode 100644
index cac4cb5..0000000
--- a/dashboard_backup/src/components/ImpersonateTeam.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<div v-if="$account.user">
-		<Button
-			v-if="$account.user.user_type == 'System User'"
-			@click="dialogOpen = true"
-		>
-			Impersonate Team
-		</Button>
-		<Dialog v-model="dialogOpen" :options="{ title: 'Impersonate Team' }">
-			<template v-slot:body-content>
-				<Input label="Team" v-model="team" />
-			</template>
-			<template v-slot:actions>
-				<Button appearance="primary" @click="$account.switchToTeam(team)">
-					Impersonate
-				</Button>
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'ImpersonateTeam',
-	data() {
-		return {
-			dialogOpen: false,
-			team: null
-		};
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/InvoiceUsageCard.vue b/dashboard_backup/src/components/InvoiceUsageCard.vue
deleted file mode 100644
index 2f58c47..0000000
--- a/dashboard_backup/src/components/InvoiceUsageCard.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-	<Card v-if="invoice" :title="title">
-		<template #actions-left>
-			<Button route="/billing/invoices"> ← Back </Button>
-		</template>
-		<InvoiceUsageTable :invoice="invoice" @pg="pg = $event" />
-	</Card>
-</template>
-<script>
-import InvoiceUsageTable from './InvoiceUsageTable.vue';
-export default {
-	name: 'InvoiceUsageCard',
-	props: ['invoice'],
-	components: {
-		InvoiceUsageTable
-	},
-	data() {
-		return {
-			pg: null
-		};
-	},
-	computed: {
-		title() {
-			let pg = this.pg;
-			if (!pg) {
-				return '';
-			}
-			if (!pg.period_start || !pg.period_end) {
-				return `Invoice Details for ${this.invoice}`;
-			}
-			let periodStart = this.$date(pg.period_start);
-			let periodEnd = this.$date(pg.period_end);
-			let start = periodStart.toLocaleString({ month: 'long', day: 'numeric' });
-			let end = periodEnd.toLocaleString({ month: 'short', day: 'numeric' });
-			return `Invoice for ${start} - ${end} ${periodEnd.year}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/InvoiceUsageTable.vue b/dashboard_backup/src/components/InvoiceUsageTable.vue
deleted file mode 100644
index 5347459..0000000
--- a/dashboard_backup/src/components/InvoiceUsageTable.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-<template>
-	<div>
-		<div v-if="pg" class="overflow-x-auto">
-			<table class="text w-full text-sm">
-				<thead>
-					<tr class="text-gray-600">
-						<th class="border-b py-3 pr-2 text-left font-normal">
-							Description
-						</th>
-						<th class="border-b py-3 pr-2 text-left font-normal">Site</th>
-						<th
-							class="whitespace-nowrap border-b py-3 pr-2 text-right font-normal"
-						>
-							Rate
-						</th>
-						<th class="border-b py-3 pr-2 text-right font-normal">Amount</th>
-					</tr>
-				</thead>
-				<tbody>
-					<tr v-for="(row, i) in pg.items" :key="row.idx">
-						<td class="border-b py-3 pr-2">
-							{{ row.description || row.document_name }}
-						</td>
-						<td class="border-b py-3 pr-2">
-							{{ row.site || '-' }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							{{ row.rate }} x {{ row.quantity }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right font-semibold">
-							{{ pg.formatted.items[i].amount }}
-						</td>
-					</tr>
-				</tbody>
-				<tfoot>
-					<tr v-if="pg.total_discount_amount > 0">
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-semibold">
-							Total Without Discount
-						</td>
-						<td
-							class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-semibold"
-						>
-							{{ pg.formatted.total_before_discount }}
-						</td>
-					</tr>
-					<tr v-if="pg.total_discount_amount > 0">
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-semibold">
-							Total Discount Amount
-						</td>
-						<td
-							class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-semibold"
-						>
-							{{
-								pg.partner_email && pg.partner_email != $account.team.user
-									? 0
-									: pg.formatted.total_discount_amount
-							}}
-						</td>
-					</tr>
-					<tr v-if="pg.gst > 0">
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-semibold">
-							Total (Without Tax)
-						</td>
-						<td
-							class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-semibold"
-						>
-							{{ pg.formatted.total_before_tax }}
-						</td>
-					</tr>
-					<tr v-if="pg.gst > 0">
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-semibold">
-							IGST @ {{ Number($account.billing_info.gst_percentage * 100) }}%
-						</td>
-						<td
-							class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-semibold"
-						>
-							{{ pg.formatted.gst }}
-						</td>
-					</tr>
-					<tr>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-semibold">Grand Total</td>
-						<td
-							class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-semibold"
-						>
-							{{
-								pg.partner_email && pg.partner_email != $account.team.user
-									? pg.formatted.total_before_discount
-									: pg.formatted.total
-							}}
-						</td>
-					</tr>
-					<template v-if="pg.total !== pg.amount_due && pg.pagestatus == 1">
-						<tr>
-							<td></td>
-							<td class="pr-2 text-right">Applied Balance:</td>
-							<td class="whitespace-nowrap py-3 pr-2 text-right font-semibold">
-								- {{ pg.formatted.applied_credits }}
-							</td>
-						</tr>
-						<tr>
-							<td></td>
-							<td class="pr-2 text-right">Amount Due:</td>
-							<td class="whitespace-nowrap py-3 pr-2 text-right font-semibold">
-								{{ pg.formatted.amount_due }}
-							</td>
-						</tr>
-					</template>
-				</tfoot>
-			</table>
-		</div>
-		<div class="py-20 text-center" v-if="$resources.pg.loading">
-			<Button :loading="true">Loading</Button>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'InvoiceUsageTable',
-	props: ['invoice', 'invoiceDoc'],
-	resources: {
-		pg() {
-			return {
-				url: 'jcloud.api.billing.get_invoice_usage',
-				params: { invoice: this.invoice },
-				auto: this.invoice,
-				onSuccess(pg) {
-					this.$emit('pg', pg);
-				}
-			};
-		}
-	},
-	watch: {
-		invoice(value) {
-			if (value) {
-				this.$resources.pg.fetch();
-			}
-		}
-	},
-	computed: {
-		pg() {
-			return this.invoiceDoc || this.$resources.pg.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Link.vue b/dashboard_backup/src/components/Link.vue
deleted file mode 100644
index 61733a0..0000000
--- a/dashboard_backup/src/components/Link.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-	<component
-		:is="to ? 'router-link' : 'a'"
-		v-bind="to ? { to } : { href }"
-		class="border-b border-gray-800 text-gray-900 outline-gray-400 hover:border-gray-600 hover:text-gray-700"
-	>
-		<slot
-	/></component>
-</template>
-<script>
-export default {
-	name: 'Link',
-	props: ['href', 'to']
-};
-</script>
diff --git a/dashboard_backup/src/components/MarketplaceAppCard.vue b/dashboard_backup/src/components/MarketplaceAppCard.vue
deleted file mode 100644
index f24d32d..0000000
--- a/dashboard_backup/src/components/MarketplaceAppCard.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-	<button
-		class="flex self-stretch rounded-lg border bg-white p-3 shadow hover:border-gray-300 focus:outline-none"
-	>
-		<Avatar
-			class="shrink-0"
-			size="2xl"
-			shape="square"
-			:image="app.image"
-			:label="app.title"
-		/>
-		<div class="ml-3 w-full">
-			<div class="flex items-center justify-between">
-				<h2 class="text-left text-xl font-bold">
-					{{ app.title }}
-				</h2>
-				<Badge :label="app.status" />
-			</div>
-			<p class="pt-1 text-left text-base text-gray-600">
-				{{ app.description }}
-			</p>
-		</div>
-	</button>
-</template>
-
-<script>
-export default {
-	props: ['app']
-};
-</script>
diff --git a/dashboard_backup/src/components/MarketplaceAppDescriptions.vue b/dashboard_backup/src/components/MarketplaceAppDescriptions.vue
deleted file mode 100644
index 3a64de0..0000000
--- a/dashboard_backup/src/components/MarketplaceAppDescriptions.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<template>
-	<Card
-		class="md:col-span-2"
-		title="App Descriptions"
-		subtitle="Details about your app"
-	>
-		<div class="divide-y" v-if="app">
-			<ListItem title="Summary" :description="$sanitize(app.description)">
-				<template #actions>
-					<Button icon-left="edit" @click="showEditSummaryDialog = true">
-						Edit
-					</Button>
-				</template>
-			</ListItem>
-			<Dialog
-				:options="{
-					title: 'Update App Summary',
-					actions: [
-						{
-							label: 'Save Changes',
-							variant: 'solid',
-							loading: $resources.updateAppSummary.loading,
-							onClick: () => $resources.updateAppSummary.submit()
-						}
-					]
-				}"
-				v-model="showEditSummaryDialog"
-			>
-				<template v-slot:body-content>
-					<FormControl
-						label="Summary of the app"
-						type="textarea"
-						v-model="app.description"
-					/>
-					<ErrorMessage
-						class="mt-4"
-						:message="$resources.updateAppSummary.error"
-					/>
-				</template>
-			</Dialog>
-			<div class="py-3">
-				<ListItem title="Long Description">
-					<template #actions>
-						<Button icon-left="edit" @click="showEditDescriptionDialog = true">
-							Edit
-						</Button>
-					</template>
-				</ListItem>
-				<div
-					class="prose mt-1 text-gray-600"
-					v-if="app.description"
-					v-html="descriptionHTML"
-				></div>
-				<Dialog
-					:options="{
-						title: 'Update App Description',
-						size: '5xl',
-						actions: [
-							{
-								label: 'Save Changes',
-								variant: 'solid',
-								loading: $resources.updateAppDescription.loading,
-								onClick: () => $resources.updateAppDescription.submit()
-							}
-						]
-					}"
-					:dismissable="true"
-					v-model="showEditDescriptionDialog"
-					width="full"
-				>
-					<template v-slot:body-content>
-						<div class="grid grid-cols-1 gap-5 md:grid-cols-2">
-							<FormControl
-								:rows="30"
-								type="textarea"
-								v-model="app.long_description"
-							/>
-							<div class="prose" v-html="descriptionHTML"></div>
-						</div>
-
-						<ErrorMessage
-							class="mt-4"
-							:message="$resources.updateAppDescription.error"
-						/>
-					</template>
-				</Dialog>
-			</div>
-		</div>
-		<template #actions>
-			<Button
-				:loading="$resources.fetchReadme.loading"
-				@click="$resources.fetchReadme.submit()"
-			>
-				Fetch Readme
-			</Button>
-		</template>
-	</Card>
-</template>
-
-<script>
-import MarkdownIt from 'markdown-it';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'MarketplaceAppDescriptions',
-	props: {
-		app: Object
-	},
-	data() {
-		return {
-			showEditSummaryDialog: false,
-			showEditDescriptionDialog: false
-		};
-	},
-	resources: {
-		updateAppSummary() {
-			let { name, description } = this.app;
-			return {
-				url: 'jcloud.api.marketplace.update_app_summary',
-				params: {
-					name,
-					summary: description
-				},
-				onSuccess() {
-					this.notifySuccess('App Summary Updated!');
-					this.showEditSummaryDialog = false;
-				}
-			};
-		},
-		updateAppDescription() {
-			let { name, long_description } = this.app;
-			return {
-				url: 'jcloud.api.marketplace.update_app_description',
-				params: {
-					name,
-					description: long_description
-				},
-				onSuccess() {
-					this.notifySuccess('App Description Updated!');
-					this.showEditDescriptionDialog = false;
-				}
-			};
-		},
-		fetchReadme() {
-			return {
-				url: 'jcloud.api.marketplace.fetch_readme',
-				params: { name: this.app.name },
-				onSuccess() {
-					notify({
-						title: 'Successfully fetched latest readme',
-						message: 'Long description updated!',
-						icon: 'check',
-						color: 'green'
-					});
-				},
-				onError(e) {
-					notify({
-						title: e,
-						color: 'red',
-						icon: 'x'
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		descriptionHTML() {
-			if (this.app && this.app.long_description) {
-				return MarkdownIt().render(this.app.long_description);
-			}
-			return '';
-		}
-	},
-	methods: {
-		notifySuccess(message) {
-			notify({
-				title: message,
-				icon: 'check',
-				color: 'green'
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/MarketplaceAppLinks.vue b/dashboard_backup/src/components/MarketplaceAppLinks.vue
deleted file mode 100644
index a6f3d82..0000000
--- a/dashboard_backup/src/components/MarketplaceAppLinks.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<template>
-	<Card title="Links" subtitle="Will be shown in marketplace">
-		<template #actions>
-			<Button icon-left="edit" @click="showEditLinksDialog = true">Edit</Button>
-		</template>
-		<Dialog
-			:options="{
-				title: 'Update Links',
-				actions: [
-					{
-						variant: 'solid',
-						label: 'Save Changes',
-						loading: $resources.updateAppLinks.loading,
-						onClick: () => $resources.updateAppLinks.submit()
-					}
-				]
-			}"
-			v-model="showEditLinksDialog"
-		>
-			<template v-slot:body-content>
-				<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-					<FormControl label="Website" v-model="app.website" />
-					<FormControl label="Support" v-model="app.support" />
-					<FormControl label="Documentation" v-model="app.documentation" />
-					<FormControl label="Privacy Policy" v-model="app.privacy_policy" />
-					<FormControl
-						label="Terms of Service"
-						v-model="app.terms_of_service"
-					/>
-				</div>
-
-				<ErrorMessage class="mt-4" :message="$resources.updateAppLinks.error" />
-			</template>
-		</Dialog>
-		<div class="divide-y" v-if="app">
-			<ListItem
-				title="Website"
-				:description="$sanitize(app.website || 'N/A')"
-			/>
-			<ListItem
-				title="Support"
-				:description="$sanitize(app.support || 'N/A')"
-			/>
-			<ListItem
-				title="Documentation"
-				:description="$sanitize(app.documentation || 'N/A')"
-			/>
-			<ListItem
-				title="Privacy Policy"
-				:description="$sanitize(app.privacy_policy || 'N/A')"
-			/>
-			<ListItem
-				title="Terms of Service"
-				:description="$sanitize(app.terms_of_service || 'N/A')"
-			/>
-		</div>
-	</Card>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'MarketplaceAppLinks',
-	props: {
-		app: Object
-	},
-	data() {
-		return {
-			showEditLinksDialog: false
-		};
-	},
-	resources: {
-		updateAppLinks() {
-			return {
-				url: 'jcloud.api.marketplace.update_app_links',
-				params: {
-					name: this.app.name,
-					links: {
-						website: this.app.website,
-						support: this.app.support,
-						documentation: this.app.documentation,
-						privacy_policy: this.app.privacy_policy,
-						terms_of_service: this.app.terms_of_service
-					}
-				},
-				onSuccess() {
-					this.showEditLinksDialog = false;
-					notify({
-						title: 'Links Updated!',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/MarketplaceAppProfile.vue b/dashboard_backup/src/components/MarketplaceAppProfile.vue
deleted file mode 100644
index 4fc23aa..0000000
--- a/dashboard_backup/src/components/MarketplaceAppProfile.vue
+++ /dev/null
@@ -1,246 +0,0 @@
-<template>
-	<Card title="App Profile" subtitle="Your app's primary profile">
-		<div class="flex items-center border-b pb-6">
-			<div class="group relative">
-				<Avatar
-					size="lg"
-					shape="square"
-					:label="app.title"
-					:image="profileImageUrl"
-				/>
-				<FileUploader
-					@success="onAppImageChange"
-					@failure="onAppImageUploadError"
-					fileTypes="image/*"
-					:upload-args="{
-						pagetype: 'Marketplace App',
-						docname: app.name,
-						method: 'jcloud.api.marketplace.update_app_image'
-					}"
-				>
-					<template v-slot="{ openFileSelector, uploading, progress, error }">
-						<div class="ml-4">
-							<button
-								@click="openFileSelector()"
-								class="absolute inset-0 grid w-full place-items-center rounded-lg bg-black text-xs font-semibold text-white opacity-0 focus:opacity-50 focus:outline-none group-hover:opacity-50"
-								:class="{ 'opacity-50': uploading }"
-							>
-								<span v-if="uploading">{{ progress }}%</span>
-								<span v-else>Edit</span>
-							</button>
-							<button
-								class="absolute bottom-0 left-0 grid w-full place-items-center rounded-md bg-gray-900 text-xs font-semibold text-white text-opacity-70 opacity-80 group-hover:opacity-0"
-							>
-								<span>Edit</span>
-							</button>
-						</div>
-					</template>
-				</FileUploader>
-			</div>
-
-			<div class="ml-4">
-				<h3 class="text-lg font-semibold">
-					{{ app.title }}
-				</h3>
-			</div>
-			<div class="ml-auto">
-				<Button icon-left="edit" @click="showAppProfileEditDialog = true">
-					Edit
-				</Button>
-			</div>
-		</div>
-		<div class="mt-8 flex justify-between">
-			<p class="text-lg font-semibold">Published Versions</p>
-			<Button
-				icon-left="plus"
-				@click="
-					() => {
-						showCreateNewVersionDialog = true;
-					}
-				"
-			>
-				Add
-			</Button>
-		</div>
-		<div class="divide-y" v-if="app">
-			<ListItem
-				v-for="source in app.sources"
-				:key="source.version"
-				:title="source.version"
-				:description="branchUri(source.source_information)"
-			>
-				<template #actions>
-					<div class="flex items-center">
-						<Dropdown :options="dropdownItems(source)">
-							<template v-slot="{ open }">
-								<Button icon="more-horizontal" />
-							</template>
-						</Dropdown>
-					</div>
-				</template>
-			</ListItem>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Update App Title',
-				actions: [
-					{
-						label: 'Save Changes',
-						variant: 'solid',
-						loading: $resources.updateAppTitle.loading,
-						onClick: () => $resources.updateAppTitle.submit()
-					}
-				]
-			}"
-			v-model="showAppProfileEditDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl label="App Title" v-model="app.title" />
-
-				<ErrorMessage class="mt-4" :message="$resources.updateAppTitle.error" />
-			</template>
-		</Dialog>
-
-		<ChangeMarketplaceAppBranchDialog
-			v-if="showBranchChangeDialog"
-			:show="showBranchChangeDialog"
-			:app="app"
-			:source="selectedSource"
-			:version="selectedVersion"
-			:activeBranch="activeBranch"
-			@close="showBranchChangeDialog = false"
-		/>
-
-		<CreateAppVersionDialog
-			:show="showCreateNewVersionDialog"
-			:app="app"
-			@close="showCreateNewVersionDialog = false"
-		/>
-	</Card>
-</template>
-
-<script>
-import CreateAppVersionDialog from '@/components/marketplace/CreateAppVersionDialog.vue';
-import ChangeMarketplaceAppBranchDialog from '@/components/marketplace/ChangeAppBranchDialog.vue';
-import FileUploader from '@/components/FileUploader.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'MarketplaceAppProfile',
-	props: {
-		app: Object
-	},
-	components: {
-		FileUploader,
-		CreateAppVersionDialog,
-		ChangeMarketplaceAppBranchDialog
-	},
-	data() {
-		return {
-			showAppProfileEditDialog: false,
-			showAppVersionEditDialog: false,
-			showBranchChangeDialog: false,
-			showCreateNewVersionDialog: false,
-			selectedSource: null,
-			selectedVersion: null,
-			activeBranch: null
-		};
-	},
-	resources: {
-		updateAppTitle() {
-			let { name, title } = this.app;
-
-			return {
-				url: 'jcloud.api.marketplace.update_app_title',
-				params: {
-					name,
-					title
-				},
-				onSuccess() {
-					this.showAppProfileEditDialog = false;
-					this.$resources.updateAppTitle.reset();
-					this.notifySuccess();
-				}
-			};
-		},
-		profileImageUrl() {
-			return {
-				url: 'jcloud.api.marketplace.profile_image_url',
-				params: {
-					app: this.app.name
-				}
-			};
-		},
-		removeVersion() {
-			return {
-				url: 'jcloud.api.marketplace.remove_version',
-				onSuccess() {
-					window.location.reload();
-				},
-				onError(e) {
-					notify({
-						title: e.messages.join('\n'),
-						color: 'red',
-						icon: 'x'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		onAppImageChange() {
-			this.$resources.profileImageUrl.submit();
-			this.notifySuccess();
-		},
-		onAppImageUploadError(errorMessage) {
-			notify({
-				title: errorMessage,
-				color: 'red',
-				icon: 'x'
-			});
-		},
-		branchUri(source) {
-			return `${source.repository_owner}/${source.repository}:${source.branch}`;
-		},
-		dropdownItems(source) {
-			return [
-				{
-					label: 'Change Branch',
-					onClick: () => {
-						this.selectedSource = source.source;
-						this.selectedVersion = source.version;
-						this.activeBranch = source.source_information.branch;
-						this.showBranchChangeDialog = true;
-					}
-				},
-				{
-					label: 'Remove',
-					onClick: () => {
-						this.$resources.removeVersion.submit({
-							name: this.app.name,
-							version: source.version
-						});
-					}
-				}
-			];
-		},
-		notifySuccess() {
-			notify({
-				title: 'App Profile Updated!',
-				icon: 'check',
-				color: 'green'
-			});
-		}
-	},
-	computed: {
-		profileImageUrl() {
-			if (!this.$resources.profileImageUrl.data) {
-				return this.app.image;
-			}
-
-			return this.$resources.profileImageUrl.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/MarketplaceAppReleaseList.vue b/dashboard_backup/src/components/MarketplaceAppReleaseList.vue
deleted file mode 100644
index 95c71c2..0000000
--- a/dashboard_backup/src/components/MarketplaceAppReleaseList.vue
+++ /dev/null
@@ -1,313 +0,0 @@
-<template>
-	<Card title="App Releases">
-		<div v-if="sources.length">
-			<div class="flex flex-row items-baseline">
-				<FormControl
-					type="select"
-					v-if="sources.length > 1"
-					v-model="selectedSource"
-					:options="
-						sources.map(s => ({
-							label: `${s.source_information.repository}:${s.source_information.branch}`,
-							value: s.source
-						}))
-					"
-				/>
-			</div>
-		</div>
-		<div v-if="!sources.length">
-			<p class="mt-3 text-center text-lg text-gray-600">
-				No published source exist for this app. Please contact support to
-				publish a version of this app.
-			</p>
-		</div>
-		<div
-			v-else-if="releasesList.length === 0 && !$resources.releases.list.loading"
-		>
-			<p class="mt-3 text-center text-lg text-gray-600">
-				No app releases have been created for this version.
-			</p>
-		</div>
-
-		<div v-else>
-			<div class="divide-y">
-				<div
-					class="grid grid-cols-3 items-center gap-x-8 py-4 text-base text-gray-600 md:grid-cols-6"
-				>
-					<span class="md:col-span-2">Commit Message</span>
-					<span class="hidden md:inline">Tag</span>
-					<span class="hidden md:inline">Author</span>
-					<span>Status</span>
-					<span></span>
-				</div>
-
-				<div
-					v-for="release in releasesList"
-					:key="release.name"
-					class="grid grid-cols-3 items-center gap-x-8 py-4 text-base text-gray-900 md:grid-cols-6"
-				>
-					<p
-						class="max-w-md truncate text-base font-medium text-gray-700 md:col-span-2"
-					>
-						{{ release.message }}
-					</p>
-					<CommitTag
-						class="hidden md:flex"
-						:tag="release.tag || release.hash.slice(0, 6)"
-						:link="getCommitUrl(release.hash)"
-					/>
-					<span class="hidden text-gray-600 md:inline">
-						{{ release.author }}
-					</span>
-					<span>
-						<Badge v-if="release.status != 'Draft'" :label="release.status" />
-					</span>
-					<span class="text-right">
-						<Button
-							v-if="isPublishable(release)"
-							:loading="
-								$resources.createApprovalRequest.loading ||
-								$resources.latestApproved.loading
-							"
-							@click="confirmApprovalRequest(release.name)"
-						>
-							Publish
-						</Button>
-
-						<Button
-							v-else-if="release.status == 'Awaiting Approval'"
-							@click="confirmCancelRequest(release.name)"
-							>Cancel</Button
-						>
-
-						<Button
-							v-else-if="release.status == 'Rejected'"
-							@click="showFeedback(release)"
-							>View Feedback</Button
-						>
-					</span>
-				</div>
-				<Dialog
-					:options="{ title: 'Reason for Rejection' }"
-					v-model="showRejectionFeedbackDialog"
-				>
-					<template v-slot:body-content>
-						<div class="prose text-lg" v-html="rejectionFeedback"></div>
-					</template>
-				</Dialog>
-
-				<div class="py-3">
-					<Button
-						@click="$resources.releases.next()"
-						v-if="$resources.releases.hasNextPage"
-						:loading="$resources.releases.list.loading"
-						loadingText="Loading..."
-						>Load More</Button
-					>
-				</div>
-			</div>
-		</div>
-	</Card>
-</template>
-
-<script>
-import CommitTag from './utils/CommitTag.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	props: {
-		app: {
-			type: Object
-		}
-	},
-	data() {
-		return {
-			showRejectionFeedbackDialog: false,
-			rejectionFeedback: '',
-			selectedSource: null
-		};
-	},
-	mounted() {
-		this.$socket.emit('pagetype_subscribe', 'App Release');
-		this.$socket.on('list_update', this.releaseStateUpdate);
-		if (this.sources.length > 0) {
-			this.selectedSource = this.sources[0].source;
-		}
-	},
-	beforeMount() {
-		this.$socket.emit('pagetype_unsubscribe', 'App Release');
-		this.$socket.off('list_update', this.releaseStateUpdate);
-	},
-	resources: {
-		releases() {
-			return {
-				type: 'list',
-				pagetype: 'App Release',
-				url: 'jcloud.api.marketplace.releases',
-				filters: {
-					app: this.app.app,
-					source: this.selectedSource
-				},
-				start: 0,
-				pageLength: 15,
-				auto: true
-			};
-		},
-		appSource() {
-			return {
-				url: 'jcloud.api.marketplace.get_app_source',
-				params: {
-					name: this.selectedSource
-				}
-			};
-		},
-		latestApproved() {
-			return {
-				url: 'jcloud.api.marketplace.latest_approved_release',
-				params: {
-					source: this.selectedSource
-				},
-				auto: true
-			};
-		},
-		createApprovalRequest() {
-			return {
-				url: 'jcloud.api.marketplace.create_approval_request',
-				onSuccess() {
-					this.resetReleaseListState();
-				},
-				onError(err) {
-					const requestAlreadyExists = err.messages.some(msg =>
-						msg.includes('already awaiting approval')
-					);
-
-					if (requestAlreadyExists)
-						notify({
-							title: 'Request already exists',
-							message: err.messages.join('\n'),
-							color: 'red',
-							icon: 'x'
-						});
-					else
-						notify({
-							title: 'Error',
-							message: err.messages.join('\n'),
-							color: 'red',
-							icon: 'x'
-						});
-				}
-			};
-		},
-		cancelApprovalRequest() {
-			return {
-				url: 'jcloud.api.marketplace.cancel_approval_request',
-				onSuccess() {
-					this.resetReleaseListState();
-				}
-			};
-		}
-	},
-	methods: {
-		isPublishable(release) {
-			return (
-				release.status == 'Draft' &&
-				(!this.latestApprovedOn ||
-					this.$date(release.creation) > this.latestApprovedOn)
-			);
-		},
-		createApprovalRequest(appRelease) {
-			let { app } = this.app;
-			this.$resources.createApprovalRequest.submit({
-				name: app,
-				app_release: appRelease
-			});
-		},
-		cancelApprovalRequest(appRelease) {
-			let { app } = this.app;
-			this.$resources.cancelApprovalRequest.submit({
-				marketplace_app: app,
-				app_release: appRelease
-			});
-		},
-		resetReleaseListState() {
-			this.$resources.releases.reload();
-			this.$resources.latestApproved.reload();
-		},
-		showFeedback(appRelease) {
-			this.showRejectionFeedbackDialog = true;
-			this.rejectionFeedback = appRelease.reason_for_rejection;
-		},
-		confirmApprovalRequest(appRelease) {
-			this.$confirm({
-				title: 'Publish Release',
-				message:
-					'Are you sure you want to publish this release to marketplace? Upon confirmation, the release will be sent for approval by the review team.',
-				actionLabel: 'Publish',
-				action: closeDialog => {
-					closeDialog();
-					this.createApprovalRequest(appRelease);
-				}
-			});
-		},
-		confirmCancelRequest(appRelease) {
-			this.$confirm({
-				title: 'Cancel Release Approval Request',
-				message:
-					'Are you sure you want to <strong>cancel</strong> the publish request for this release?',
-				actionLabel: 'Proceed',
-				actionColor: 'red',
-				action: closeDialog => {
-					closeDialog();
-					this.cancelApprovalRequest(appRelease);
-				}
-			});
-		},
-		getCommitUrl(releaseHash) {
-			return this.repoUrl ? `${this.repoUrl}/commit/${releaseHash}` : '';
-		},
-		releaseStateUpdate(data) {
-			if (this.selectedSource && data.source == this.selectedSource) {
-				this.resetReleaseListState();
-			}
-		}
-	},
-	computed: {
-		releasesList() {
-			if (!this.$resources.releases.data) {
-				return [];
-			}
-			return this.$resources.releases.data;
-		},
-		latestApprovedOn() {
-			if (
-				this.$resources.latestApproved.data &&
-				!this.$resources.latestApproved.loading
-			) {
-				return this.$date(this.$resources.latestApproved.data.creation);
-			}
-		},
-		sources() {
-			// Return only the unique sources
-			let tempArray = [];
-			for (let source of this.app.sources) {
-				if (!tempArray.find(x => x.source === source.source)) {
-					tempArray.push(source);
-				}
-			}
-			return tempArray;
-		},
-		repoUrl() {
-			return this.$resources.appSource?.data?.repository_url;
-		}
-	},
-	watch: {
-		selectedSource(value) {
-			if (value) {
-				this.resetReleaseListState();
-				this.$resources.appSource.submit({ name: value });
-			}
-		}
-	},
-	components: { CommitTag }
-};
-</script>
diff --git a/dashboard_backup/src/components/MarketplaceAppScreenshots.vue b/dashboard_backup/src/components/MarketplaceAppScreenshots.vue
deleted file mode 100644
index 5d7e0bd..0000000
--- a/dashboard_backup/src/components/MarketplaceAppScreenshots.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<Card
-		class="md:col-span-2"
-		title="Screenshots"
-		subtitle="Add screenshots to show on the marketplace website"
-	>
-		<div>
-			<div class="flex flex-row">
-				<Avatar
-					size="lg"
-					class="mx-1 cursor-pointer hover:bg-red-100 hover:opacity-20"
-					shape="square"
-					:image="image.image"
-					v-for="(image, index) in app.screenshots"
-					@click="removeScreenshot(image.image, index)"
-				>
-				</Avatar>
-				<FileUploader
-					@success="onAppImageAdd"
-					@failure="onAppImageUploadError"
-					fileTypes="image/*"
-					:upload-args="{
-						pagetype: 'Marketplace App',
-						docname: app.name,
-						method: 'jcloud.api.marketplace.add_app_screenshot'
-					}"
-				>
-					<template v-slot="{ openFileSelector, uploading, progress, error }">
-						<Button
-							class="ml-1 h-12 w-12"
-							@click="openFileSelector()"
-							icon="plus"
-						>
-						</Button>
-					</template>
-				</FileUploader>
-			</div>
-		</div>
-	</Card>
-</template>
-
-<script>
-import FileUploader from '@/components/FileUploader.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'MarketplaceAppScreenshots',
-	props: {
-		app: Object
-	},
-	components: {
-		FileUploader
-	},
-	methods: {
-		onAppImageAdd(file) {
-			this.app.screenshots.push({ image: file });
-			notify({
-				title: 'Screenshot was added successfully!',
-				icon: 'check',
-				color: 'green'
-			});
-		},
-		removeScreenshot(file, index) {
-			this.$resources.removeScreenshot.submit({
-				name: this.app.name,
-				file: file
-			});
-			this.app.screenshots.splice(index, 1);
-		},
-		onAppImageUploadError(errorMessage) {
-			notify({
-				title: errorMessage,
-				color: 'red',
-				icon: 'x'
-			});
-		}
-	},
-	resources: {
-		removeScreenshot(file) {
-			return {
-				url: 'jcloud.api.marketplace.remove_app_screenshot'
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Modal.vue b/dashboard_backup/src/components/Modal.vue
deleted file mode 100644
index 85225a8..0000000
--- a/dashboard_backup/src/components/Modal.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-	<teleport to="#modals">
-		<div
-			v-show="show"
-			class="fixed inset-0 flex items-center justify-center px-4 py-4"
-		>
-			<div
-				v-show="show"
-				class="fixed inset-0 transition-opacity"
-				@click="onBackdropClick"
-			>
-				<div class="absolute inset-0 bg-gray-900 opacity-75"></div>
-			</div>
-
-			<div
-				v-show="show"
-				class="w-full transform overflow-auto rounded-lg bg-white shadow-xl transition-all"
-				:class="widthClasses"
-				style="max-height: 95vh"
-			>
-				<slot></slot>
-			</div>
-		</div>
-	</teleport>
-</template>
-
-<script>
-export default {
-	name: 'Modal',
-	emits: ['update:show'],
-	props: {
-		show: {
-			type: Boolean,
-			default: false
-		},
-		dismissable: {
-			type: Boolean,
-			default: true
-		},
-		width: {
-			default: 'auto'
-		}
-	},
-	created() {
-		if (!this.dismissable) return;
-		this.escapeListener = e => {
-			if (e.key === 'Escape') {
-				this.hide();
-			}
-		};
-		document.addEventListener('keydown', this.escapeListener);
-	},
-	unmounted() {
-		document.removeEventListener('keydown', this.escapeListener);
-	},
-	methods: {
-		onBackdropClick() {
-			if (!this.dismissable) return;
-			this.hide();
-		},
-		hide() {
-			this.$emit('update:show', false);
-		}
-	},
-	computed: {
-		widthClasses() {
-			if (this.width === 'auto') {
-				return ['sm:max-w-lg'];
-			} else if (this.width === 'half') {
-				return ['sm:max-w-2xl'];
-			} else if (this.width === 'w-2/6') {
-				return ['w-2/6'];
-			} else {
-				return [];
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Navbar.vue b/dashboard_backup/src/components/Navbar.vue
deleted file mode 100644
index 71ab073..0000000
--- a/dashboard_backup/src/components/Navbar.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-	<nav class="border-b bg-gray-50 px-4">
-		<div class="z-10 mx-auto md:container">
-			<div class="flex h-16 items-center justify-between">
-				<div class="flex items-center">
-					<div class="shrink-0">
-						<router-link to="/">
-							<JingrowCloudLogo class="h-6" />
-						</router-link>
-					</div>
-				</div>
-				<div class="-mr-2 flex md:hidden">
-					<button
-						class="focus:shadow-outline-gray inline-flex items-center justify-center rounded-md p-2 text-gray-700 focus:outline-none"
-						@click="mobileMenuOpen = !mobileMenuOpen"
-					>
-						<FeatherIcon v-if="!mobileMenuOpen" name="menu" class="h-6 w-6" />
-						<FeatherIcon v-else name="x" class="h-6 w-6" />
-					</button>
-				</div>
-			</div>
-		</div>
-		<div class="md:hidden" :class="mobileMenuOpen ? 'block' : 'hidden'">
-			<div class="px-4 pb-2">
-				<router-link
-					v-for="item in items"
-					:key="item.label"
-					:to="item.route"
-					v-slot="{ href, route, navigate, isActive, isExactActive }"
-				>
-					<a
-						:class="[
-							(item.route == '/' ? isExactActive : isActive)
-								? 'bg-gray-200'
-								: 'text-gray-900 hover:bg-gray-50'
-						]"
-						:href="href"
-						@click="navigate"
-						class="block rounded-md px-3 py-2 text-sm font-medium focus:outline-none"
-					>
-						{{ item.label }}
-					</a>
-				</router-link>
-			</div>
-			<div class="border-t pb-3 pt-4">
-				<div class="flex items-center px-4">
-					<div class="shrink-0">
-						<Avatar
-							v-if="$account.user"
-							:label="$account.user.first_name"
-							:image="$account.user.user_image"
-						/>
-					</div>
-					<div class="ml-3" v-if="$account.user">
-						<div class="text-base font-medium leading-none">
-							{{ $account.user.first_name }} {{ $account.user.last_name }}
-						</div>
-						<div class="mt-1 text-sm font-medium leading-none text-gray-400">
-							{{ $account.user.email }}
-						</div>
-					</div>
-				</div>
-				<div class="mt-3 space-y-3 px-2">
-					<a
-						href="/support/tickets"
-						target="_blank"
-						class="block rounded-md px-3 pt-4 text-base font-medium focus:outline-none"
-					>
-						Support
-					</a>
-					<a
-						href="/docs"
-						target="_blank"
-						class="block rounded-md px-3 text-base font-medium focus:outline-none"
-					>
-						Docs
-					</a>
-					<a
-						href="#"
-						class="block rounded-md px-3 text-base font-medium focus:outline-none"
-						@click.prevent="$auth.logout"
-					>
-						Logout
-					</a>
-				</div>
-			</div>
-		</div>
-	</nav>
-</template>
-
-<script>
-import JingrowCloudLogo from '@/components/icons/JingrowCloudLogo.vue';
-
-export default {
-	components: {
-		JingrowCloudLogo
-	},
-	data() {
-		return {
-			mobileMenuOpen: false
-		};
-	},
-	computed: {
-		items() {
-			return [
-				{
-					label: 'Sites',
-					route: '/sites',
-					highlight: () => {
-						return this.$route.fullPath.endsWith('/sites');
-					}
-				},
-				{
-					label: 'Benches',
-					route: '/groups',
-					highlight: () => {
-						return this.$route.fullPath.endsWith('/sites');
-					}
-				},
-				{
-					label: 'Apps',
-					route: '/marketplace',
-					highlight: () => {
-						return this.$route.fullPath.includes('/marketplace');
-					},
-					condition: () => this.$account.team?.is_developer
-				},
-				{
-					label: 'Billing',
-					route: '/billing',
-					highlight: () => {
-						return this.$route.fullPath.endsWith('/sites');
-					}
-				},
-				{
-					label: 'Settings',
-					route: '/settings/profile'
-				}
-			].filter(d => (d.condition ? d.condition() : true));
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/NewAppRepositories.vue b/dashboard_backup/src/components/NewAppRepositories.vue
deleted file mode 100644
index 72f5789..0000000
--- a/dashboard_backup/src/components/NewAppRepositories.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<div>
-		<div v-for="installation in options.installations" :key="installation.id">
-			<details class="cursor-pointer">
-				<summary
-					class="flex w-full select-none items-center space-x-2 rounded px-2 py-3 text-base hover:bg-gray-50"
-				>
-					<img
-						class="h-6 w-6 rounded bg-blue-100 object-cover"
-						:src="installation.image"
-						:alt="`${installation.login} image`"
-					/>
-					<span>
-						{{ installation.login }}
-					</span>
-				</summary>
-				<div class="mb-4 ml-4">
-					<button
-						class="w-full rounded-md border-2 px-3 py-2 text-base text-gray-900 focus:outline-none"
-						:class="
-							selectedRepo === repo
-								? 'border-blue-500 bg-blue-50'
-								: 'border-transparent hover:bg-gray-50'
-						"
-						v-for="repo in installation.repos"
-						:key="repo.id"
-						@click="selectRepo(repo, installation)"
-					>
-						<div class="flex w-full items-center">
-							<FeatherIcon
-								:name="repo.private ? 'lock' : 'book'"
-								class="mr-2 h-4 w-4"
-							/>
-							<span class="text-lg font-medium">
-								{{ repo.name }}
-							</span>
-							<button
-								class="ml-auto"
-								v-if="selectedRepo === repo"
-								@click.stop="selectRepo(null, null)"
-							>
-								<FeatherIcon name="x" class="h-4 w-4" />
-							</button>
-						</div>
-						<div v-show="selectedRepo === repo">
-							<Dropdown class="ml-6 mt-2 text-left" :options="branchOptions">
-								<template v-slot="{ open }">
-									<Button
-										type="white"
-										:loading="repositoryResource.loading"
-										loadingText="Loading branches..."
-										icon-right="chevron-down"
-									>
-										{{ selectedBranch || 'Select branch' }}
-									</Button>
-								</template>
-							</Dropdown>
-						</div>
-					</button>
-					<p class="mt-4 text-sm text-gray-700">
-						Don't see your repository here?
-						<Link :href="installation.url" class="font-medium">
-							Add from GitHub
-						</Link>
-					</p>
-				</div>
-			</details>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'NewAppRepositories',
-	emits: [
-		'update:selectRepo',
-		'update:selectedBranch',
-		'update:selectedInstallation'
-	],
-	props: [
-		'options',
-		'repositoryResource',
-		'selectedRepo',
-		'selectedInstallation',
-		'selectedBranch'
-	],
-	methods: {
-		selectRepo(repo, installation) {
-			if (repo === this.selectedRepo) return;
-			this.$emit('update:selectedRepo', repo);
-			this.$emit('update:selectedInstallation', installation);
-			this.$emit('update:selectedBranch', null);
-		}
-	},
-	computed: {
-		branchOptions() {
-			if (this.repositoryResource.loading || !this.repositoryResource.data) {
-				return [];
-			}
-			return (this.repositoryResource.data.branches || []).map(d => {
-				return {
-					label: d.name,
-					onClick: () => this.$emit('update:selectedBranch', d.name)
-				};
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Notification.vue b/dashboard_backup/src/components/Notification.vue
deleted file mode 100644
index 6e1a82d..0000000
--- a/dashboard_backup/src/components/Notification.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-	<div
-		class="pointer-events-auto w-full max-w-sm rounded-lg bg-white shadow-lg"
-	>
-		<div class="shadow-xs overflow-hidden rounded-lg">
-			<div class="p-4">
-				<div class="flex items-start">
-					<div class="mr-3 shrink-0" v-if="icon">
-						<div class="h-6 w-6 rounded-full p-1" :class="iconContainerClass">
-							<FeatherIcon :name="icon" :class="iconClass" class="h-4 w-4" />
-						</div>
-					</div>
-					<div class="flex-1">
-						<p class="text-sm font-medium leading-6 text-gray-900">
-							{{ title }}
-						</p>
-						<p
-							v-if="message"
-							v-html="message"
-							class="mt-1 text-sm leading-5 text-gray-700"
-						/>
-					</div>
-					<div class="ml-3 flex h-6 shrink-0 items-center">
-						<button @click="$emit('dismiss', id)" class="focus:outline-none">
-							<FeatherIcon name="x" class="h-5 w-5 text-gray-800" />
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Notification',
-	props: ['id', 'title', 'message', 'color', 'icon'],
-	computed: {
-		iconClass() {
-			return {
-				red: 'text-red-500',
-				green: 'text-green-500',
-				yellow: 'text-yellow-500',
-				blue: 'text-blue-500',
-				gray: 'text-gray-500'
-			}[this.color || 'gray'];
-		},
-		iconContainerClass() {
-			return {
-				red: 'bg-red-100',
-				green: 'bg-green-100',
-				yellow: 'bg-yellow-100',
-				blue: 'bg-blue-100',
-				gray: 'bg-gray-100'
-			}[this.color || 'gray'];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/NotificationToasts.vue b/dashboard_backup/src/components/NotificationToasts.vue
deleted file mode 100644
index 5b75b22..0000000
--- a/dashboard_backup/src/components/NotificationToasts.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<script setup>
-import Notification from './Notification.vue';
-import { hideNotification, notifications } from '@/utils/toast';
-</script>
-
-<template>
-	<div
-		class="pointer-events-none fixed inset-0 flex items-start justify-end px-4 py-6 sm:p-6"
-	>
-		<div class="fixed top-15">
-			<Notification
-				v-bind="props"
-				class="mb-4"
-				:key="i"
-				v-for="(props, i) in notifications"
-				@dismiss="hideNotification"
-			/>
-		</div>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/PageHeader.vue b/dashboard_backup/src/components/PageHeader.vue
deleted file mode 100644
index 42ad9fe..0000000
--- a/dashboard_backup/src/components/PageHeader.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<script setup>
-const props = defineProps(['title', 'subtitle']);
-</script>
-
-<template>
-	<div>
-		<div class="flex flex-row items-start justify-between pb-2">
-			<div>
-				<h1 class="text-2xl font-bold">{{ props.title }}</h1>
-				<div class="mt-1 text-base text-gray-600" v-html="props.subtitle"></div>
-			</div>
-			<div>
-				<slot name="actions"> </slot>
-			</div>
-		</div>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/PlanIcon.vue b/dashboard_backup/src/components/PlanIcon.vue
deleted file mode 100644
index 1babbc2..0000000
--- a/dashboard_backup/src/components/PlanIcon.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-	<div
-		class="m-1 flex h-12 w-12 items-center justify-center rounded-full bg-white shadow"
-	>
-		<svg
-			width="21"
-			height="25"
-			viewBox="0 0 21 25"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				class="text-blue-500"
-				d="M0 8.9V15.5C0 16.6324 1.20672 17.3564 2.20588 16.8235L14.2059 10.4235C14.6947 10.1628 15 9.65397 15 9.1V2.5C15 1.36762 13.7933 0.643586 12.7941 1.17647L0.794118 7.57647C0.305322 7.83716 0 8.34603 0 8.9Z"
-				fill="currentColor"
-			/>
-			<path
-				class="text-blue-400"
-				opacity="0.3"
-				d="M6 15.7V22.3C6 23.4324 7.20672 24.1564 8.20588 23.6235L20.2059 17.2235C20.6947 16.9628 21 16.454 21 15.9V9.29999C21 8.16761 19.7933 7.44357 18.7941 7.97646L6.79412 14.3765C6.30532 14.6371 6 15.146 6 15.7Z"
-				fill="currentColor"
-			/>
-		</svg>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/Popover.vue b/dashboard_backup/src/components/Popover.vue
deleted file mode 100644
index 4866c8d..0000000
--- a/dashboard_backup/src/components/Popover.vue
+++ /dev/null
@@ -1,194 +0,0 @@
-<template>
-	<div ref="reference">
-		<div class="h-full">
-			<slot name="target" :togglePopover="togglePopover"></slot>
-		</div>
-		<teleport to="#popovers">
-			<div
-				ref="popover"
-				:class="popoverClass"
-				class="popover-container relative z-50 rounded-md border bg-white shadow-md"
-				v-show="isOpen"
-			>
-				<div v-if="!hideArrow" class="popover-arrow" ref="popover-arrow"></div>
-				<slot name="content" :togglePopover="togglePopover"></slot>
-			</div>
-		</teleport>
-	</div>
-</template>
-
-<script>
-import { createPopper } from '@popperjs/core';
-
-export default {
-	name: 'Popover',
-	props: {
-		hideArrow: {
-			type: Boolean,
-			default: false
-		},
-		showPopup: {
-			default: null
-		},
-		right: Boolean,
-		placement: {
-			type: String,
-			default: 'bottom-start'
-		},
-		popoverClass: [String, Object, Array]
-	},
-	emits: ['init', 'open', 'close'],
-	watch: {
-		showPopup(value) {
-			if (value === true) {
-				this.open();
-			}
-			if (value === false) {
-				this.close();
-			}
-		}
-	},
-	data() {
-		return {
-			isOpen: false,
-			listener: null
-		};
-	},
-	activated() {
-		this.setupListener();
-	},
-	mounted() {
-		this.setupListener();
-	},
-	deactivated() {
-		this.close();
-	},
-	unmounted() {
-		this.destroyPopperAndRemoveListener();
-	},
-	methods: {
-		setupListener() {
-			if (this.listener) {
-				return;
-			}
-
-			let listener = e => {
-				let $els = [this.$refs.reference, this.$refs.popover];
-				let insideClick = $els.some(
-					$el => $el && (e.target === $el || $el.contains(e.target))
-				);
-				if (insideClick) {
-					return;
-				}
-				this.close();
-			};
-
-			if (this.show == null) {
-				document.addEventListener('click', listener);
-			}
-
-			this.listener = listener;
-		},
-		destroyPopperAndRemoveListener() {
-			if (this.isOpen) {
-				this.close();
-			}
-
-			this.popper && this.popper.destroy();
-
-			if (this.listener) {
-				document.removeEventListener('click', this.listener);
-				this.listener = null;
-			}
-		},
-		setupPopper() {
-			if (!this.popper) {
-				this.popper = createPopper(this.$refs.reference, this.$refs.popover, {
-					placement: this.placement,
-					modifiers: !this.hideArrow
-						? [
-								{
-									name: 'arrow',
-									options: {
-										element: this.$refs['popover-arrow']
-									}
-								},
-								{
-									name: 'offset',
-									options: {
-										offset: [0, 10]
-									}
-								}
-						  ]
-						: []
-				});
-			} else {
-				this.popper.update();
-			}
-			this.$emit('init');
-		},
-		togglePopover(flag) {
-			if (flag == null) {
-				flag = !this.isOpen;
-			}
-			flag = Boolean(flag);
-			if (flag) {
-				this.open();
-			} else {
-				this.close();
-			}
-		},
-		open() {
-			if (this.isOpen) {
-				return;
-			}
-			this.isOpen = true;
-			this.$nextTick(() => {
-				this.setupPopper();
-			});
-			this.$emit('open');
-		},
-		close() {
-			if (!this.isOpen) {
-				return;
-			}
-			this.isOpen = false;
-			this.$emit('close');
-		}
-	}
-};
-</script>
-<style scoped>
-.popover-arrow,
-.popover-arrow::after {
-	position: absolute;
-	width: theme('spacing.4');
-	height: theme('spacing.4');
-	z-index: -1;
-}
-
-.popover-arrow::after {
-	content: '';
-	background: white;
-	transform: rotate(45deg);
-	border-top: 1px solid theme('borderColor.gray.400');
-	border-left: 1px solid theme('borderColor.gray.400');
-	border-top-left-radius: 6px;
-}
-
-.popover-container[data-popper-placement^='top'] > .popover-arrow {
-	bottom: calc(theme('spacing.2') * -1);
-}
-
-.popover-container[data-popper-placement^='bottom'] > .popover-arrow {
-	top: calc(theme('spacing.2') * -1);
-}
-
-.popover-container[data-popper-placement^='left'] > .popover-arrow {
-	right: calc(theme('spacing.2') * -1);
-}
-
-.popover-container[data-popper-placement^='right'] > .popover-arrow {
-	left: calc(theme('spacing.2') * -1);
-}
-</style>
diff --git a/dashboard_backup/src/components/PrepaidCreditsDialog.vue b/dashboard_backup/src/components/PrepaidCreditsDialog.vue
deleted file mode 100644
index 8e9f225..0000000
--- a/dashboard_backup/src/components/PrepaidCreditsDialog.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<template>
-	<Dialog
-		:modelValue="modelValue"
-		@update:modelValue="$emit('update:show', $event)"
-	>
-		<template #body-title>
-			<h3 class="text-2xl font-semibold leading-6 text-gray-900">
-				Add money to your account
-			</h3>
-			<p class="mt-1 text-base text-gray-600">
-				{{ paymentGateway ? '' : 'Choose your payment gateway' }}
-			</p>
-		</template>
-		<template v-slot:body-content>
-			<BuyPrepaidCredits
-				v-if="paymentGateway === 'stripe'"
-				:minimumAmount="minimumAmount"
-				@success="$emit('success')"
-				@cancel="$emit('update:show', false)"
-			/>
-
-			<div v-if="paymentGateway === 'razorpay'">
-				<FormControl
-					:label="`Amount (Minimum Amount: ${minimumAmount})`"
-					class="mb-2"
-					v-model.number="creditsToBuy"
-					name="amount"
-					autocomplete="off"
-					type="number"
-					:min="minimumAmount"
-				/>
-
-				<FormControl
-					label="Total Amount"
-					disabled
-					v-model="total"
-					name="total"
-					autocomplete="off"
-					type="number"
-				/>
-
-				<p class="mt-3 text-xs">
-					<span class="font-semibold">Note</span>: If you are using Net Banking,
-					it may take upto 5 days for balance to reflect.
-				</p>
-
-				<ErrorMessage
-					class="mt-3"
-					:message="$resources.createRazorpayOrder.error"
-				/>
-
-				<div class="mt-4 flex w-full justify-between">
-					<Button @click="paymentGateway = null">Go Back</Button>
-					<div>
-						<Button
-							variant="solid"
-							:loading="$resources.createRazorpayOrder.loading"
-							@click="buyCreditsWithRazorpay"
-						>
-							Buy
-						</Button>
-					</div>
-				</div>
-			</div>
-
-			<div>
-				<div
-					v-if="!paymentGateway"
-					class="grid grid-cols-1 gap-2 sm:grid-cols-2"
-				>
-					<Button
-						v-if="
-							$account.team.currency === 'CNY' || $account.team.razorpay_enabled
-						"
-						@click="paymentGateway = 'razorpay'"
-						class="py-2"
-					>
-						<img
-							class="w-24"
-							src="../assets/razorpay.svg"
-							alt="Razorpay Logo"
-						/>
-					</Button>
-					<Button @click="paymentGateway = 'stripe'">
-						<img
-							class="h-7 w-24"
-							src="../assets/stripe.svg"
-							alt="Stripe Logo"
-						/>
-					</Button>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import BuyPrepaidCredits from './BuyPrepaidCredits.vue';
-
-export default {
-	name: 'PrepaidCreditsDialog',
-	components: {
-		BuyPrepaidCredits
-	},
-	data() {
-		return {
-			paymentGateway: null,
-			creditsToBuy: this.minimumAmount,
-			total: this.minimumAmount
-		};
-	},
-	mounted() {
-		const razorpayCheckoutJS = document.createElement('script');
-		razorpayCheckoutJS.setAttribute(
-			'src',
-			'https://checkout.razorpay.com/v1/checkout.js'
-		);
-		razorpayCheckoutJS.async = true;
-		document.head.appendChild(razorpayCheckoutJS);
-
-		if (
-			this.$account.team.currency === 'USD' &&
-			!this.$account.team.razorpay_enabled
-		) {
-			this.paymentGateway = 'stripe';
-		}
-
-		this.updateTotal();
-	},
-	watch: {
-		creditsToBuy() {
-			this.updateTotal();
-		}
-	},
-	props: {
-		modelValue: {
-			default: true
-		},
-		minimumAmount: {
-			type: Number,
-			default: 0
-		}
-	},
-	emits: ['update:show', 'success'],
-	resources: {
-		createRazorpayOrder() {
-			return {
-				url: 'jcloud.api.billing.create_razorpay_order',
-				params: {
-					amount: this.creditsToBuy
-				},
-				onSuccess(data) {
-					this.processOrder(data);
-				},
-				validate() {
-					if (this.creditsToBuy < this.minimumAmount) {
-						return 'Amount less than minimum amount required';
-					}
-				}
-			};
-		},
-		handlePaymentSuccess() {
-			return {
-				url: 'jcloud.api.billing.handle_razorpay_payment_success',
-				onSuccess() {
-					this.$emit('success');
-				}
-			};
-		},
-		handlePaymentFailed() {
-			return {
-				url: 'jcloud.api.billing.handle_razorpay_payment_failed',
-				onSuccess() {
-					console.log('Payment Failed.');
-				}
-			};
-		}
-	},
-	methods: {
-		updateTotal() {
-			if (this.$account.team.currency === 'CNY') {
-				this.total = Number(
-					(
-						this.creditsToBuy +
-						this.creditsToBuy * this.$account.billing_info.gst_percentage
-					).toFixed(2)
-				);
-			} else {
-				this.total = this.creditsToBuy;
-			}
-		},
-		buyCreditsWithRazorpay() {
-			this.$resources.createRazorpayOrder.submit();
-		},
-		processOrder(data) {
-			const options = {
-				key: data.key_id,
-				order_id: data.order_id,
-				name: '今果 Jingrow',
-				image: '/assets/jcloud/images/jingrow-cloud-logo.png',
-				prefill: {
-					email: this.$account.team.user
-				},
-				theme: { color: '#2490EF' },
-				handler: this.handlePaymentSuccess
-			};
-
-			const rzp = new Razorpay(options);
-
-			// Opens the payment checkout frame
-			rzp.open();
-
-			// Attach failure handler
-			rzp.on('payment.failed', this.handlePaymentFailed);
-		},
-
-		handlePaymentSuccess(response) {
-			this.$emit('success');
-		},
-
-		handlePaymentFailed(response) {
-			this.$resources.handlePaymentFailed.submit({ response });
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/PrinterIcon.vue b/dashboard_backup/src/components/PrinterIcon.vue
deleted file mode 100644
index 6fd562a..0000000
--- a/dashboard_backup/src/components/PrinterIcon.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-	<svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<rect
-			x="16"
-			y="5"
-			width="48"
-			height="38"
-			rx="4"
-			fill="white"
-			stroke="#98A1A9"
-			stroke-width="2"
-		/>
-		<rect
-			x="8"
-			y="13"
-			width="64"
-			height="38"
-			rx="4"
-			fill="white"
-			stroke="#98A1A9"
-			stroke-width="2"
-		/>
-		<rect
-			x="2"
-			y="21"
-			width="76"
-			height="54"
-			rx="4"
-			fill="white"
-			stroke="#98A1A9"
-			stroke-width="2"
-		/>
-		<path
-			d="M40 63C48.2843 63 55 56.2843 55 48C55 39.7157 48.2843 33 40 33C31.7157 33 25 39.7157 25 48C25 56.2843 31.7157 63 40 63Z"
-			stroke="#98A1A9"
-			stroke-width="2"
-			stroke-miterlimit="10"
-			stroke-linecap="square"
-		/>
-		<path
-			d="M45.3466 44.0057H43.3295C43.2301 43.3807 43.0099 42.8196 42.6761 42.3366L44.8423 42.3438L45.3608 40.4545H35.9716L35.4176 42.6491H38.0881C39.4588 42.6491 40.2614 43.1605 40.5881 44.0057H35.929L35.4176 45.8665H40.6591C40.3608 46.8466 39.4872 47.4432 38.0881 47.4432H35.6307L35.6378 49.0199L40.6094 55H43.571V54.8722L39.0824 49.3679L39.1676 49.3395C41.7528 48.9986 43.017 47.7273 43.3224 45.8665H44.8423L45.3466 44.0057Z"
-			fill="#98A1A9"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/ProgressArc.vue b/dashboard_backup/src/components/ProgressArc.vue
deleted file mode 100644
index 7c5103f..0000000
--- a/dashboard_backup/src/components/ProgressArc.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<svg
-		viewBox="0 0 48 24"
-		preserveAspectRatio="xMidYMin slice"
-		class="h-12 w-12"
-	>
-		<circle cx="24" cy="24" r="9" fill="#fff"></circle>
-		<circle
-			class="stroke-current text-gray-200"
-			cx="24"
-			cy="24"
-			r="9"
-			fill="transparent"
-			stroke-width="4"
-		></circle>
-		<circle
-			class="stroke-current"
-			:class="colorClass"
-			cx="24"
-			cy="24"
-			r="9"
-			fill="transparent"
-			stroke-width="4"
-			:stroke-dasharray="circumference"
-			:stroke-dashoffset="dashOffset"
-		></circle>
-	</svg>
-</template>
-<script>
-export default {
-	name: 'ProgressArc',
-	props: ['percentage'],
-	computed: {
-		circumference() {
-			return 2 * Math.PI * 9;
-		},
-		dashOffset() {
-			let halfCircumference = this.circumference / 2;
-			if (isNaN(this.percentage)) {
-				return halfCircumference;
-			}
-			let percentage = this.percentage;
-			if (percentage > 100) {
-				percentage = 100;
-			}
-			return halfCircumference - (percentage / 100) * halfCircumference;
-		},
-		colorClass() {
-			if (this.percentage < 60) {
-				return 'text-green-500';
-			}
-			if (this.percentage < 80) {
-				return 'text-yellow-500';
-			}
-			if (this.percentage >= 80) {
-				return 'text-red-500';
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Report.vue b/dashboard_backup/src/components/Report.vue
deleted file mode 100644
index c429995..0000000
--- a/dashboard_backup/src/components/Report.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<div>
-		<div class="flex flex-row justify-between pb-3">
-			<h1 class="text-2xl font-bold">{{ title }}</h1>
-			<!-- generic report filters -->
-			<div class="flex gap-2 px-2">
-				<div v-for="filter in filters" :key="filter.name">
-					<p class="text-sm text-gray-600">{{ filter.label }}</p>
-					<FormControl
-						:type="filter.type"
-						:options="filter.options"
-						v-model="filter.value"
-					/>
-				</div>
-				<slot name="actions"> </slot>
-			</div>
-		</div>
-		<div class="divide-y">
-			<div class="flex items-center gap-2 py-2 text-base text-gray-600">
-				<!-- generic report columns -->
-				<div v-for="column in columns" :key="column.name" :class="column.class">
-					{{ column.label }}
-				</div>
-			</div>
-			<div
-				class="flex items-center gap-2 py-2 text-base"
-				v-for="(row, i) in data"
-				:key="i"
-			>
-				<!-- loop through data -->
-				<div v-for="column in row" :key="column.name" :class="column['class']">
-					{{ column['value'] }}
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'Report',
-	props: {
-		filters: {
-			type: Array,
-			default: () => []
-		},
-		columns: {
-			type: Array,
-			required: true
-		},
-		data: {
-			type: Array,
-			default: () => []
-		},
-		title: {
-			type: String,
-			required: true
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/RichSelect.vue b/dashboard_backup/src/components/RichSelect.vue
deleted file mode 100644
index 3bfb922..0000000
--- a/dashboard_backup/src/components/RichSelect.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<OldDropdown :items="dropdownOptions" :dropdown-width-full="true">
-		<template v-slot="{ toggleDropdown }">
-			<button
-				class="select relative flex w-full items-center justify-between rounded-md bg-gray-100 py-1 pl-3 pr-2 text-left text-base leading-5 focus:bg-gray-200 focus:outline-none"
-				@click="toggleDropdown()"
-			>
-				<div class="flex items-center">
-					<img
-						class="mr-2 h-4"
-						v-if="selectedOption && selectedOption.image"
-						:src="selectedOption.image"
-						:alt="selectedOption.label"
-					/>
-					<span v-if="value">{{ selectedOption.label }}</span>
-					<span v-else-if="placeholder" class="text-gray-700">
-						{{ placeholder }}
-					</span>
-				</div>
-
-				<svg
-					class="right-0 h-5 w-5"
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 20 20"
-				>
-					<path
-						stroke="#98A1A9"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						stroke-width="1.5"
-						d="M6 8l4 4 4-4"
-					/>
-				</svg>
-			</button>
-		</template>
-	</OldDropdown>
-</template>
-<script>
-import { h } from 'vue';
-import Badge from '@/components/global/Badge.vue';
-
-export default {
-	name: 'RichSelect',
-	props: ['options', 'value', 'placeholder'],
-	computed: {
-		selectedOption() {
-			if (!this.value) return null;
-			return this.options.find(d => d.value === this.value);
-		},
-		dropdownOptions() {
-			return this.options.map(d => {
-				return {
-					...d,
-					action: () => this.$emit('change', d.value),
-					component: this.getDropdownItemComponent(d)
-				};
-			});
-		}
-	},
-	methods: {
-		getDropdownItemComponent(option) {
-			return {
-				render: () => {
-					return h(
-						'div',
-						{
-							class: 'flex items-center'
-						},
-						[
-							option.image
-								? h('img', {
-										class: ['h-4 mr-2', this.$attrs.class],
-										src: option.image
-								  })
-								: null,
-							h('span', option.label),
-							option.beta
-								? h(Badge, { theme: 'subtle', class: 'ml-auto', label: 'Beta' })
-								: null
-						]
-					);
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/SelectAppFromGithub.vue b/dashboard_backup/src/components/SelectAppFromGithub.vue
deleted file mode 100644
index 1e67618..0000000
--- a/dashboard_backup/src/components/SelectAppFromGithub.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-	<div>
-		<div class="flex justify-center">
-			<LoadingText v-if="$resources.options.loading" />
-
-			<div class="flex flex-col items-center gap-2">
-				<ErrorMessage
-					:message="
-						$resources.options?.error?.messages &&
-						$resources.options.error.messages.includes('Bad credentials')
-							? 'Access token expired, reauthorization required'
-							: $resources.options.error
-					"
-				/>
-
-				<Button
-					v-if="requiresReAuth"
-					variant="solid"
-					icon-left="github"
-					@click="$resources.clearAccessToken.submit()"
-					:loading="$resources.clearAccessToken.loading"
-				>
-					Reauthorize GitHub</Button
-				>
-
-				<ErrorMessage :message="$resources.clearAccessToken.error" />
-			</div>
-
-			<div v-if="needsAuthorization">
-				<Button
-					variant="solid"
-					icon-left="github"
-					:link="options.installation_url + '?state=' + state"
-				>
-					Connect To GitHub
-				</Button>
-			</div>
-		</div>
-		<div v-if="options">
-			<div v-if="options.authorized && options.installations.length > 0">
-				<div class="flex items-baseline justify-between border-b pb-1">
-					<label class="text-lg font-semibold"> Select a repository </label>
-					<span class="text-sm text-gray-600">
-						Don't see your organization?
-						<Link
-							:href="options.installation_url + '?state=' + state"
-							class="font-medium"
-						>
-							Add from GitHub
-						</Link>
-					</span>
-				</div>
-				<div class="mt-2">
-					<NewAppRepositories
-						:options="options"
-						:repositoryResource="$resources.repository"
-						v-model:selectedRepo="selectedRepo"
-						v-model:selectedInstallation="selectedInstallation"
-						v-model:selectedBranch="selectedBranch"
-					/>
-					<div
-						v-if="$resources.validateApp.data"
-						class="text-medium mt-4 text-base"
-					>
-						<div v-if="validatedApp" class="flex">
-							<GreenCheckIcon class="mr-2 w-4" />
-							Found {{ validatedApp.title }} ({{ validatedApp.name }})
-						</div>
-					</div>
-				</div>
-				<div>
-					<ErrorMessage class="mb-2" :message="$resources.validateApp.error" />
-					<Button
-						class="mt-2"
-						variant="solid"
-						v-if="selectedRepo && selectedBranch && !validatedApp"
-						@click="$resources.validateApp.submit()"
-						:loading="$resources.validateApp.loading"
-					>
-						Validate App
-					</Button>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import NewAppRepositories from './NewAppRepositories.vue';
-
-export default {
-	name: 'SelectAppFromGithub',
-	components: {
-		NewAppRepositories
-	},
-	data() {
-		return {
-			selectedRepo: null,
-			selectedInstallation: null,
-			selectedBranch: null,
-			requiresReAuth: false
-		};
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.github.options',
-				auto: true,
-				onError(error) {
-					if (error.messages.includes('Bad credentials')) {
-						this.requiresReAuth = true;
-					}
-				}
-			};
-		},
-		repository() {
-			let auto = this.selectedInstallation && this.selectedRepo;
-			let params = {
-				installation: this.selectedInstallation?.id,
-				owner: this.selectedInstallation?.login,
-				name: this.selectedRepo?.name
-			};
-
-			return {
-				url: 'jcloud.api.github.repository',
-				params,
-				auto,
-				onSuccess(repository) {
-					this.selectedBranch = repository.default_branch;
-				}
-			};
-		},
-		validateApp() {
-			let params = {
-				installation: this.selectedInstallation?.id,
-				owner: this.selectedInstallation?.login,
-				repository: this.selectedRepo?.name,
-				branch: this.selectedBranch
-			};
-			return {
-				url: 'jcloud.api.github.app',
-				params,
-				onSuccess(data) {
-					if (data) {
-						const app = {
-							name: data.name,
-							title: data.title,
-							repository_url: this.selectedRepo?.url,
-							branch: this.selectedBranch,
-							github_installation_id: this.selectedInstallation?.id
-						};
-						this.$emit('onSelect', app);
-					}
-				},
-				onError() {
-					// Invalid Jingrow App
-					if (this.$emit) this.$emit('onSelect', null);
-				}
-			};
-		},
-		clearAccessToken() {
-			return {
-				url: 'jcloud.api.github.clear_token_and_get_installation_url',
-				onSuccess(installation_url) {
-					window.location.href = installation_url + '?state=' + this.state;
-				}
-			};
-		}
-	},
-	computed: {
-		options() {
-			return this.$resources.options.data;
-		},
-		needsAuthorization() {
-			if (this.$resources.options.loading) return false;
-			return (
-				this.$resources.options.data &&
-				(!this.$resources.options.data.authorized ||
-					this.$resources.options.data.installations.length === 0)
-			);
-		},
-		state() {
-			let location = window.location.href;
-			let state = { team: this.$account.team.name, url: location };
-			return btoa(JSON.stringify(state));
-		},
-		validatedApp() {
-			if (
-				this.$resources.validateApp.loading ||
-				!this.$resources.validateApp.data
-			) {
-				this.$emit('onSelect', null);
-				return null;
-			}
-			if (
-				this.$resources.validateApp.data &&
-				this.$resources.validateApp.data.name
-			) {
-				return this.$resources.validateApp.data;
-			}
-
-			this.$emit('onSelect', null);
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/SelectableCard.vue b/dashboard_backup/src/components/SelectableCard.vue
deleted file mode 100644
index 92719fe..0000000
--- a/dashboard_backup/src/components/SelectableCard.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<button
-		class="cursor-pointer rounded-lg border border-gray-100 px-4 py-2 text-left shadow focus:outline-none"
-		:class="
-			selected
-				? 'bg-gray-50 ring-2 ring-inset ring-gray-600'
-				: 'hover:border-gray-400'
-		"
-	>
-		<div class="flex items-center">
-			<img
-				v-if="image"
-				:src="image"
-				:alt="title"
-				class="mr-4 h-10 w-10"
-				:class="[fullCircleImage ? 'rounded-full' : 'rounded-lg']"
-			/>
-			<div class="my-1">
-				<h3 class="text-lg font-bold text-gray-900">
-					{{ title }}
-				</h3>
-				<slot name="secondary-content"></slot>
-			</div>
-		</div>
-	</button>
-</template>
-<script>
-export default {
-	name: 'SelectableCard',
-	props: ['selected', 'title', 'image', 'fullCircleImage']
-};
-</script>
diff --git a/dashboard_backup/src/components/ServerPlansTable.vue b/dashboard_backup/src/components/ServerPlansTable.vue
deleted file mode 100644
index dda2020..0000000
--- a/dashboard_backup/src/components/ServerPlansTable.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-	<div v-if="plans.length">
-		<div class="my-3 w-full space-y-2">
-			<div class="grid grid-cols-2 gap-3">
-				<button
-					v-for="c in [
-						{
-							name: 'Standard',
-							description: 'Includes standard support and SLAs'
-						},
-						{
-							name: 'Premium',
-							description: 'Includes enterprise support and SLAs'
-						}
-					]"
-					:key="c.name"
-					@click="planType = c.name"
-					:class="[
-						planType === c.name
-							? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-							: 'border-gray-400 bg-white text-gray-900 ring-gray-200 hover:bg-gray-50',
-						'flex w-full items-center rounded border p-3 text-left text-base text-gray-900'
-					]"
-				>
-					<div class="flex w-full items-center justify-between space-x-2">
-						<span class="text-sm font-medium">
-							{{ c.name }}
-						</span>
-						<Tooltip :text="c.description">
-							<i-lucide-info class="h-4 w-4 text-gray-500" />
-						</Tooltip>
-					</div>
-				</button>
-			</div>
-		</div>
-		<div
-			class="bg-gray-0 flex rounded-t-md border border-b-0 px-4 py-3 text-base text-gray-800"
-		>
-			<div class="w-10"></div>
-			<div class="w-1/4">Plan</div>
-			<div class="w-1/4">vCPU</div>
-			<div class="w-1/4">Memory</div>
-			<div class="w-1/4">Instance Type</div>
-			<div class="w-1/4">Disk</div>
-		</div>
-		<div
-			class="focus-within:shadow-outline flex cursor-pointer border px-4 py-3 text-left text-base"
-			:class="[
-				selectedPlan === plan ? 'bg-blue-50' : 'hover:bg-blue-50',
-				{
-					'rounded-b-md border-b': i === plans.length - 1,
-					'border-b-0': i !== plans.length - 1,
-					'pointer-events-none': plan.disabled
-				}
-			]"
-			v-for="(plan, i) in planList"
-			:key="plan.name"
-			@click="$emit('update:selectedPlan', plan)"
-		>
-			<div class="flex w-10 items-center">
-				<input
-					type="radio"
-					class="form-radio"
-					:checked="selectedPlan === plan"
-					@change="e => (selectedPlan = e.target.checked ? plan : null)"
-				/>
-			</div>
-			<div class="w-1/4 text-gray-900" :class="{ 'opacity-25': plan.disabled }">
-				<span class="font-semibold">
-					{{ $planTitle(plan) }}
-				</span>
-				<span v-if="plan.price_usd > 0"> /mo</span>
-			</div>
-			<div class="w-1/4 text-gray-900" :class="{ 'opacity-25': plan.disabled }">
-				{{ plan.vcpu }}
-				{{ plan.vcpu > 0 ? $plural(plan.vcpu, 'vCPU', 'vCPUs') : '' }}
-			</div>
-			<div class="w-1/4 text-gray-900" :class="{ 'opacity-25': plan.disabled }">
-				{{ plan.memory > 0 ? formatBytes(plan.memory, 0, 2) : 'Any' }}
-			</div>
-			<div class="w-1/4 text-gray-900" :class="{ 'opacity-25': plan.disabled }">
-				{{ plan.instance_type }}
-			</div>
-			<div class="w-1/4 text-gray-900" :class="{ 'opacity-25': plan.disabled }">
-				{{ plan.disk > 0 ? formatBytes(plan.disk, 0, 3) : 'Any' }}
-			</div>
-		</div>
-	</div>
-	<div class="text-center" v-else>
-		<Button :loading="true">Loading</Button>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'ServerPlansTable',
-	props: ['plans', 'selectedPlan'],
-	emits: ['update:selectedPlan'],
-	data() {
-		return {
-			planType: 'Standard'
-		};
-	},
-	computed: {
-		planList() {
-			return this.plans.filter(p => {
-				if (this.planType === 'Standard') {
-					return p.premium == 0;
-				} else {
-					return p.premium == 1;
-				}
-				return False;
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Sidebar.vue b/dashboard_backup/src/components/Sidebar.vue
deleted file mode 100644
index b8bcce4..0000000
--- a/dashboard_backup/src/components/Sidebar.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<template>
-	<div class="flex h-screen flex-col justify-between bg-gray-50 p-2">
-		<div>
-			<Dropdown :options="dropdownItems">
-				<template v-slot="{ open }">
-					<button
-						class="flex w-[15rem] items-center rounded-md px-2 py-2 text-left"
-						:class="open ? 'bg-white shadow-sm' : 'hover:bg-gray-200'"
-					>
-						<JLogo class="h-8 w-8 rounded" />
-						<div class="ml-2 flex flex-col">
-							<div class="text-base font-medium leading-none text-gray-900">
-								今果 Jingrow
-							</div>
-							<div
-								v-if="$account.user"
-								class="mt-1 hidden text-sm leading-none text-gray-700 sm:inline"
-							>
-								{{ $account.user.full_name }}
-							</div>
-						</div>
-						<FeatherIcon
-							name="chevron-down"
-							class="ml-auto h-5 w-5 text-gray-700"
-						/>
-					</button>
-				</template>
-			</Dropdown>
-			<div class="mt-2 flex flex-col space-y-0.5">
-				<div class="mb-2 flex flex-col space-y-0.5">
-					<button
-						v-if="$account.number_of_sites > 3"
-						class="rounded text-gray-900 hover:bg-gray-100"
-						@click="show = true"
-					>
-						<div class="flex w-full items-center px-2 py-1">
-							<span class="mr-1.5">
-								<FeatherIcon name="search" class="h-5 w-5 text-gray-700" />
-							</span>
-							<span class="text-sm">Search</span>
-							<span class="ml-auto text-sm text-gray-500">
-								<template v-if="$platform === 'mac'">⌘K</template>
-								<template v-else>Ctrl+K</template>
-							</span>
-						</div>
-					</button>
-					<button
-						class="rounded text-gray-900 hover:bg-gray-100"
-						@click="this.$router.push({ name: 'Notifications' })"
-					>
-						<div
-							class="flex w-full items-center rounded-md px-2 py-1"
-							:class="{
-								'bg-white shadow-sm':
-									this.$route.fullPath.startsWith('/notifications')
-							}"
-						>
-							<span class="mr-1.5">
-								<FeatherIcon name="inbox" class="h-4.5 w-4.5 text-gray-700" />
-							</span>
-							<span class="text-sm">Notifications </span>
-							<span
-								v-if="unreadNotificationsCount > 0"
-								class="ml-auto rounded bg-gray-400 px-1.5 py-0.5 text-xs text-white"
-							>
-								{{
-									unreadNotificationsCount > 99
-										? '99+'
-										: unreadNotificationsCount
-								}}
-							</span>
-						</div>
-					</button>
-				</div>
-				<CommandPalette
-					:show="showCommandPalette"
-					@close="showCommandPalette = false"
-				/>
-				<router-link
-					v-for="item in items"
-					:key="item.label"
-					:to="item.route"
-					v-slot="{ href, route, navigate }"
-				>
-					<a
-						:class="[
-							(
-								Boolean(item.highlight)
-									? item.highlight(route)
-									: item.route == '/'
-							)
-								? 'bg-white shadow-sm'
-								: 'text-gray-900 hover:bg-gray-100'
-						]"
-						:href="href"
-						@click="navigate"
-						class="flex items-center rounded-md px-2 py-1 pr-10 text-start text-sm focus:outline-none"
-					>
-						<Component class="mr-1.5 text-gray-700" :is="item.icon" />
-						{{ item.label }}
-					</a>
-				</router-link>
-			</div>
-		</div>
-
-		<SwitchTeamDialog v-model="showTeamSwitcher" />
-	</div>
-</template>
-
-<script>
-import { FCIcons } from '@/components/icons';
-import SwitchTeamDialog from './SwitchTeamDialog.vue';
-import JLogo from '@/components/icons/JLogo.vue';
-import CommandPalette from '@/components/CommandPalette.vue';
-import { unreadNotificationsCount } from '@/data/notifications';
-
-export default {
-	name: 'Sidebar',
-	components: {
-		JLogo,
-		SwitchTeamDialog,
-		CommandPalette
-	},
-	data() {
-		return {
-			showCommandPalette: false,
-			showTeamSwitcher: false,
-			dropdownItems: [
-				{
-					label: 'Switch Team',
-					icon: 'command',
-					onClick: () => (this.showTeamSwitcher = true)
-				},
-				{
-					label: 'Support & Docs',
-					icon: 'help-circle',
-					onClick: () => (window.location.href = '/support')
-				},
-				{
-					label: 'Logout',
-					icon: 'log-out',
-					onClick: () => this.$auth.logout()
-				}
-			]
-		};
-	},
-	mounted() {
-		window.addEventListener('keydown', e => {
-			if (e.key === 'k' && (e.ctrlKey || e.metaKey)) {
-				this.showCommandPalette = !this.showCommandPalette;
-				e.preventDefault();
-			}
-			if (e.key === 'Escape') {
-				this.showCommandPalette = false;
-			}
-		});
-
-		this.$socket.emit('pagetype_subscribe', 'Jcloud Notification');
-		this.$socket.on('jcloud_notification', data => {
-			if (data.team === this.$account.team.name) {
-				unreadNotificationsCount.setData(data => data + 1);
-			}
-		});
-
-		unreadNotificationsCount.fetch();
-	},
-	beforeUnmount() {
-		this.$socket.emit('pagetype_unsubscribe', 'Jcloud Notification');
-		this.$socket.off('jcloud_notification');
-	},
-	computed: {
-		unreadNotificationsCount() {
-			return unreadNotificationsCount.data;
-		},
-		items() {
-			return [
-				{
-					label: 'Sites',
-					route: '/sites',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/sites');
-					},
-					icon: FCIcons.SiteIcon
-				},
-				{
-					label: 'Bench Groups',
-					route: '/groups',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/groups');
-					},
-					icon: FCIcons.BenchIcon
-					//condition: () => this.$account.team?.benches_enabled
-				},
-				{
-					label: 'Servers',
-					route: '/servers',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/servers');
-					},
-					icon: FCIcons.ServerIcon,
-					condition: () => this.$account.team?.servers_enabled
-				},
-				{
-					label: 'Spaces',
-					route: '/spaces',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/spaces');
-					},
-					icon: FCIcons.SpacesIcon,
-					condition: () => this.$account.team?.code_servers_enabled
-				},
-				{
-					label: 'Apps',
-					route: '/marketplace/apps',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/marketplace');
-					},
-					icon: FCIcons.AppsIcon,
-					condition: () => this.$account.team?.is_developer
-				},
-				{
-					label: 'Security',
-					route: '/security',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/security');
-					},
-					icon: FCIcons.SecurityIcon,
-					condition: () => this.$account.team?.security_portal_enabled
-				},
-				{
-					label: 'Billing',
-					route: '/billing',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/billing');
-					},
-					icon: FCIcons.BillingIcon,
-					condition: () =>
-						$account.user?.name === $account.team?.user ||
-						$account.user?.user_type === 'System User'
-				},
-				{
-					label: 'Settings',
-					route: '/settings',
-					highlight: () => {
-						return this.$route.fullPath.startsWith('/settings');
-					},
-					icon: FCIcons.SettingsIcon
-				}
-			].filter(d => (d.condition ? d.condition() : true));
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/SiteAppUpdateCard.vue b/dashboard_backup/src/components/SiteAppUpdateCard.vue
deleted file mode 100644
index 3d18b93..0000000
--- a/dashboard_backup/src/components/SiteAppUpdateCard.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<button
-		class="flex w-full flex-row items-center justify-between rounded-lg border border-gray-100 px-4 py-2 shadow focus:outline-none"
-		:class="[
-			selected || uninstall ? 'ring-2 ring-inset ring-gray-600' : '',
-			selectable ? 'hover:border-gray-300' : 'cursor-default'
-		]"
-		ref="card"
-	>
-		<div class="flex flex-row items-center gap-2">
-			<input
-				v-if="selectable"
-				@click.self="$refs['card'].click()"
-				:checked="selected"
-				type="checkbox"
-				class="h-4 w-4 cursor-pointer rounded border-gray-300 text-gray-600 focus:ring-transparent"
-			/>
-			<h3 class="text-left text-lg font-medium text-gray-900">
-				{{ app.title }}
-			</h3>
-		</div>
-		<Badge v-if="uninstall" theme="red" label="Will Be Uninstalled " />
-		<div v-else class="ml-2 flex flex-row space-x-2">
-			<CommitTag
-				v-if="deployFrom(app)"
-				:tag="deployFrom(app)"
-				:link="`${app.repository_url}/commit/${app.current_hash}`"
-			/>
-			<a
-				v-if="deployFrom(app)"
-				class="flex cursor-pointer flex-col justify-center"
-				:href="`${app.repository_url}/compare/${app.current_hash}...${app.next_hash}`"
-				target="_blank"
-			>
-				<FeatherIcon name="arrow-right" class="w-4" />
-			</a>
-			<Badge
-				v-else
-				label="First Deploy"
-				theme="green"
-				class="whitespace-nowrap"
-			/>
-			<CommitTag
-				:tag="deployTo(app)"
-				:link="`${app.repository_url}/commit/${app.next_hash}`"
-			/>
-		</div>
-	</button>
-</template>
-
-<script>
-import CommitTag from './utils/CommitTag.vue';
-export default {
-	name: 'SiteAppUpdateCard',
-	props: ['app', 'selectable', 'selected', 'uninstall'],
-	methods: {
-		deployFrom(app) {
-			if (app.will_branch_change) {
-				return app.current_branch;
-			}
-			return app.current_hash
-				? app.current_tag || app.current_hash.slice(0, 7)
-				: null;
-		},
-		deployTo(app) {
-			if (app.will_branch_change) {
-				return app.branch;
-			}
-			return app.next_tag || app.next_hash.slice(0, 7);
-		}
-	},
-	components: { CommitTag }
-};
-</script>
diff --git a/dashboard_backup/src/components/SiteAppUpdates.vue b/dashboard_backup/src/components/SiteAppUpdates.vue
deleted file mode 100644
index 7eff1cb..0000000
--- a/dashboard_backup/src/components/SiteAppUpdates.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<div class="space-y-2 divide-y">
-		<SiteAppUpdateCard
-			v-for="app in appsWithUpdates"
-			:key="app.app"
-			:app="app"
-		/>
-		<div
-			v-if="!appsWithUpdates.length"
-			class="text-center text-base text-gray-500"
-		>
-			Installed apps doesn't have any updates available. But the site can be
-			updated to a newer bench.
-		</div>
-	</div>
-</template>
-<script>
-import SiteAppUpdateCard from './SiteAppUpdateCard.vue';
-
-export default {
-	name: 'SiteAppUpdates',
-	props: ['apps'],
-	components: {
-		SiteAppUpdateCard
-	},
-	computed: {
-		appsWithUpdates() {
-			return this.apps.filter(app => app.update_available);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/SitePlansTable.vue b/dashboard_backup/src/components/SitePlansTable.vue
deleted file mode 100644
index 941acee..0000000
--- a/dashboard_backup/src/components/SitePlansTable.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<div v-if="plans.length">
-		<div
-			class="bg-gray-0 flex rounded-t-md border border-b-0 px-4 py-3 text-base text-gray-800"
-		>
-			<div class="w-10"></div>
-			<div class="w-1/4">Plan</div>
-			<div class="w-1/4">Compute</div>
-			<div class="w-1/4">Database</div>
-			<div class="w-1/4">Disk</div>
-			<div class="w-1/4">Support</div>
-		</div>
-		<div
-			class="focus-within:shadow-outline flex cursor-pointer border px-4 py-3 text-left text-base"
-			:class="[
-				selectedPlan === plan ? 'bg-gray-100' : 'hover:bg-gray-50',
-				{
-					'border-b-0': i !== plans.length - 1,
-					'rounded-b-md border-b': i === plans.length - 1,
-					'pointer-events-none': plan.disabled
-				}
-			]"
-			v-for="(plan, i) in plans"
-			:key="plan.name"
-			@click="$emit('update:selectedPlan', plan)"
-		>
-			<div class="flex w-10 items-center">
-				<input
-					type="radio"
-					class="form-radio text-gray-900"
-					:checked="selectedPlan === plan"
-					@change="e => (selectedPlan = e.target.checked ? plan : null)"
-				/>
-			</div>
-			<div class="w-1/4 text-gray-900" :class="{ 'opacity-25': plan.disabled }">
-				<span class="font-semibold">
-					{{ $planTitle(plan) }}
-				</span>
-				<span v-if="plan.price_usd > 0"> /mo</span>
-			</div>
-			<div class="w-1/4 text-gray-700" :class="{ 'opacity-25': plan.disabled }">
-				{{ plan.cpu_time_per_day }}
-				{{ $plural(plan.cpu_time_per_day, 'hour', 'hours') }} / day
-			</div>
-			<div class="w-1/4 text-gray-700" :class="{ 'opacity-25': plan.disabled }">
-				{{ formatBytes(plan.max_database_usage, 0, 2) }}
-			</div>
-			<div class="w-1/4 text-gray-700" :class="{ 'opacity-25': plan.disabled }">
-				{{ formatBytes(plan.max_storage_usage, 0, 2) }}
-			</div>
-			<a
-				v-if="plan.support_included"
-				href="https://support.jingrow.com"
-				target="_blank"
-				class="w-1/4"
-			>
-				<Tooltip text="JERP/HR product warranty and support" placement="top">
-					<Badge class="hover:cursor-pointer" color="blue" label="Included" />
-				</Tooltip>
-			</a>
-			<div v-else class="w-1/4"></div>
-		</div>
-	</div>
-	<div class="text-center" v-else>
-		<Button :loading="true">Loading</Button>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SitePlansTable',
-	props: ['plans', 'selectedPlan'],
-	emits: ['update:selectedPlan']
-};
-</script>
diff --git a/dashboard_backup/src/components/SiteRestoreSelector.vue b/dashboard_backup/src/components/SiteRestoreSelector.vue
deleted file mode 100644
index 53b3ff3..0000000
--- a/dashboard_backup/src/components/SiteRestoreSelector.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<div class="max-h-96 overflow-auto my-2">
-		<div
-			v-for="(site, index) in sites"
-			:key="site.name"
-			@click="$emit('update:selectedSite', site)"
-			class="focus-within:shadow-outline flex cursor-pointer border px-4 py-3 text-left text-base"
-			:class="[
-				selectedSite === site ? 'bg-blue-50' : 'hover:bg-blue-50',
-				{
-					'border-b-0':
-						sites.length > 1 && ![sites.length - 1, 0].includes(index),
-					'rounded-b-md': sites.length > 1 && index === sites.length - 1,
-					'rounded-t-md border-b-0': sites.length > 1 && index === 0,
-					'rounded-md border': sites.length == 1
-				}
-			]"
-		>
-			<div class="flex flex-row items-center gap-2">
-				<input type="radio" :checked="selectedSite === site" />
-				<div class="text-lg font-medium text-gray-900 group-select">
-					{{ site.name }}
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'SiteRestoreSelector',
-	props: ['sites', 'selectedSite'],
-	emits: ['update:selectedSite']
-};
-</script>
diff --git a/dashboard_backup/src/components/SiteUpdateCard.vue b/dashboard_backup/src/components/SiteUpdateCard.vue
deleted file mode 100644
index a6b9618..0000000
--- a/dashboard_backup/src/components/SiteUpdateCard.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<button
-		class="flex w-full flex-row items-center justify-between rounded-lg border border-gray-100 px-4 py-2 shadow focus:outline-none"
-		:class="[
-			selected ? 'ring-2 ring-inset ring-gray-600' : '',
-			selectable ? 'hover:border-gray-300' : 'cursor-default'
-		]"
-		ref="card"
-	>
-		<div class="flex flex-col">
-			<div
-				@click.self="$refs['card'].click()"
-				class="flex flex-row items-center gap-2"
-			>
-				<input
-					@click.self="$refs['card'].click()"
-					v-if="selectable"
-					:checked="selected"
-					type="checkbox"
-					class="h-4 w-4 rounded border-gray-300 text-gray-600 focus:ring-transparent"
-				/>
-				<h3 class="group-select text-lg font-medium text-gray-900">
-					{{ site }}
-				</h3>
-			</div>
-			<div v-if="selected" class="mt-2 flex flex-row">
-				<FormControl
-					@change="toggleProperty($event, 'skip_failing_patches', site)"
-					type="checkbox"
-					label="Skip failing patches"
-					class="h-4 rounded border-gray-300 text-gray-600 focus:ring-transparent"
-				/>
-				<FormControl
-					v-if="$account.team?.skip_backups"
-					@change="toggleProperty($event, 'skip_backups', site)"
-					type="checkbox"
-					label="Skip backup"
-					class="ml-2 h-4 rounded border-gray-300 text-gray-600 focus:ring-transparent"
-				/>
-			</div>
-		</div>
-	</button>
-</template>
-
-<script>
-export default {
-	name: 'SiteUpdateCard',
-	props: ['site', 'selectable', 'selected', 'selectedSites'],
-	methods: {
-		toggleProperty(value, prop, site) {
-			this.selectedSites.map(selectedSite => {
-				if (site == selectedSite.name) {
-					selectedSite[prop] = value.target.checked;
-				}
-			});
-			this.$emit('update:selectedSites', this.selectedSites);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/StarRatingInput.vue b/dashboard_backup/src/components/StarRatingInput.vue
deleted file mode 100644
index 9837c64..0000000
--- a/dashboard_backup/src/components/StarRatingInput.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-
-// For v-model binding
-const props = defineProps({
-	modelValue: {
-		type: Number,
-		default: 5
-	}
-});
-const emit = defineEmits(['update:modelValue']);
-
-const tempValue = ref(null);
-const value = ref(props.modelValue);
-const ratings = [1, 2, 3, 4, 5];
-
-const starOver = index => {
-	tempValue.value = value.value;
-	return (value.value = index);
-};
-
-const starOut = () => {
-	return (value.value = tempValue.value);
-};
-
-const set = newValue => {
-	tempValue.value = value.value;
-	emit('update:modelValue', value.value);
-	return (value.value = newValue);
-};
-</script>
-
-<template>
-	<div class="star-rating">
-		<label
-			class="star-rating__star"
-			v-for="rating in ratings"
-			v-on:click="set(rating)"
-			v-on:mouseover="starOver(rating)"
-			v-on:mouseout="starOut"
-		>
-			<input
-				class="star-rating star-rating__checkbox"
-				type="radio"
-				:value="rating"
-				v-model="value" />
-			<svg
-				class="h-4 w-4"
-				xmlns="http://www.w3.org/2000/svg"
-				viewBox="0 0 14 14"
-				fill="none"
-			>
-				<path
-					d="M6.56866 0.735724C6.76184 0.406233 7.23816 0.406233 7.43134 0.735725L9.16063 3.68535C9.23112 3.80559 9.34861 3.89095 9.48475 3.92084L12.8244 4.65401C13.1974 4.73591 13.3446 5.18892 13.091 5.47446L10.8201 8.03059C10.7275 8.1348 10.6826 8.27291 10.6963 8.41162L11.031 11.8144C11.0684 12.1945 10.683 12.4745 10.3331 12.3214L7.20032 10.9516C7.07261 10.8958 6.92739 10.8958 6.79968 10.9516L3.66691 12.3214C3.31696 12.4745 2.9316 12.1945 2.96899 11.8144L3.30371 8.41162C3.31736 8.27291 3.27248 8.1348 3.17991 8.03059L0.90903 5.47446C0.655358 5.18892 0.802551 4.73591 1.17561 4.65401L4.51525 3.92084C4.65139 3.89095 4.76888 3.80559 4.83937 3.68535L6.56866 0.735724Z"
-					:fill="value >= rating && value != null ? '#ECAC4B' : '#C0C6CC'"
-				/></svg
-		></label>
-	</div>
-</template>
-
-<style>
-.star-rating__checkbox {
-	position: absolute;
-	overflow: hidden;
-	clip: rect(0 0 0 0);
-	height: 1px;
-	width: 1px;
-	margin: -1px;
-	padding: 0;
-	border: 0;
-}
-
-.star-rating__star {
-	display: inline-block;
-}
-
-.star-rating__star:hover {
-	cursor: pointer;
-}
-</style>
diff --git a/dashboard_backup/src/components/Steps.vue b/dashboard_backup/src/components/Steps.vue
deleted file mode 100644
index ce1b51d..0000000
--- a/dashboard_backup/src/components/Steps.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<div>
-		<div class="flex items-center justify-center">
-			<div class="flex space-x-8">
-				<div class="relative" v-for="(step, index) in steps" :key="step.name">
-					<div
-						class="z-10 flex h-5 w-5 items-center justify-center rounded-full border border-gray-400 bg-white"
-						:class="{
-							'bg-gray-700 text-white': isStepCompleted(step),
-							'border-gray-500': isStepCurrent(step) || isStepCompleted(step)
-						}"
-					>
-						<FeatherIcon
-							v-if="isStepCompleted(step)"
-							name="check"
-							class="h-3 w-3"
-							:stroke-width="3"
-						/>
-						<div
-							class="h-1.5 w-1.5 rounded-full bg-gray-700"
-							v-if="isStepCurrent(step)"
-						></div>
-					</div>
-					<div
-						class="absolute top-1/2 w-8 -translate-x-8 -translate-y-1/2 transform border-t border-gray-400"
-						:class="{
-							'border-gray-500': isStepCompleted(step) || isStepCurrent(step)
-						}"
-						v-show="index !== 0"
-					></div>
-				</div>
-			</div>
-		</div>
-		<template v-if="active">
-			<slot v-bind="{ active, next, previous, hasNext, hasPrevious }"></slot>
-		</template>
-	</div>
-</template>
-<script>
-export default {
-	name: 'Steps',
-	props: ['steps'],
-	data() {
-		return {
-			active: null
-		};
-	},
-	mounted() {
-		this.active = this.steps[0];
-	},
-	methods: {
-		next() {
-			if (this.active.validate && !this.active.validate()) {
-				return;
-			}
-			let currentIndex = this.steps.indexOf(this.active);
-			let nextIndex = currentIndex + 1;
-			if (nextIndex == this.steps.length) {
-				nextIndex = this.steps.length - 1;
-			}
-			let nextStep = this.steps[nextIndex];
-			this.active = nextStep;
-		},
-		previous() {
-			let currentIndex = this.steps.indexOf(this.active);
-			let prevIndex = currentIndex - 1;
-			if (prevIndex == -1) {
-				prevIndex = 0;
-			}
-			this.active = this.steps[prevIndex];
-		},
-		isStepCompleted(step) {
-			let currentIndex = this.steps.indexOf(this.active);
-			let stepIndex = this.steps.indexOf(step);
-			return stepIndex < currentIndex;
-		},
-		isStepCurrent(step) {
-			return this.active === step;
-		}
-	},
-	computed: {
-		hasNext() {
-			return this.steps.indexOf(this.active) < this.steps.length - 1;
-		},
-		hasPrevious() {
-			return this.steps.indexOf(this.active) > 0;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/StripeCard.vue b/dashboard_backup/src/components/StripeCard.vue
deleted file mode 100644
index 3854340..0000000
--- a/dashboard_backup/src/components/StripeCard.vue
+++ /dev/null
@@ -1,281 +0,0 @@
-<template>
-	<div class="relative">
-		<div
-			v-if="!ready"
-			class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-8 transform"
-		>
-			<Spinner class="h-5 w-5 text-gray-600" />
-		</div>
-		<div :class="{ 'opacity-0': !ready }">
-			<div v-show="!tryingMicroCharge">
-				<label class="block">
-					<span class="block text-xs text-gray-600">
-						Credit or Debit Card
-					</span>
-					<div
-						class="form-input mt-2 block h-[unset] w-full py-2 pl-3"
-						ref="card-element"
-					></div>
-					<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-				</label>
-				<FormControl
-					class="mt-4"
-					label="Name on Card"
-					type="text"
-					v-model="billingInformation.cardHolderName"
-				/>
-				<AddressForm
-					v-if="!withoutAddress"
-					class="mt-4"
-					v-model:address="billingInformation"
-					ref="address-form"
-				/>
-			</div>
-
-			<div class="mt-3" v-show="tryingMicroCharge">
-				<p class="text-lg text-gray-800">
-					We are attempting to charge your card with
-					<strong>{{ formattedMicroChargeAmount }}</strong> to make sure the
-					card works. This amount will be <strong>refunded</strong> back to your
-					account.
-				</p>
-
-				<Button class="mt-2" :loading="true">Attempting Test Charge</Button>
-			</div>
-
-			<ErrorMessage class="mt-2" :message="errorMessage" />
-
-			<div class="mt-6 flex items-center justify-between">
-				<StripeLogo />
-				<Button variant="solid" @click="submit" :loading="addingCard">
-					Save Card
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import AddressForm from '../../src2/components/AddressForm.vue';
-import StripeLogo from '@/components/StripeLogo.vue';
-import { loadStripe } from '@stripe/stripe-js';
-
-export default {
-	name: 'StripeCard',
-	props: ['withoutAddress'],
-	emits: ['complete'],
-	components: {
-		AddressForm,
-		StripeLogo
-	},
-	data() {
-		return {
-			errorMessage: null,
-			cardErrorMessage: null,
-			ready: false,
-			setupIntent: null,
-			billingInformation: {
-				cardHolderName: '',
-				country: '',
-				gstin: ''
-			},
-			gstNotApplicable: false,
-			addingCard: false,
-			tryingMicroCharge: false
-		};
-	},
-	async mounted() {
-		this.setupCard();
-
-		let { first_name, last_name = '' } = this.$account.user;
-		let fullname = first_name + ' ' + last_name;
-		this.billingInformation.cardHolderName = fullname.trimEnd();
-	},
-	resources: {
-		countryList: 'jcloud.api.account.country_list',
-		billingAddress() {
-			return {
-				url: 'jcloud.api.account.get_billing_information',
-				params: {
-					timezone: this.browserTimezone
-				},
-				auto: true,
-				onSuccess(data) {
-					this.billingInformation.country = data?.country;
-					this.billingInformation.address = data?.address_line1;
-					this.billingInformation.city = data?.city;
-					this.billingInformation.state = data?.state;
-					this.billingInformation.postal_code = data?.pincode;
-				}
-			};
-		}
-	},
-	methods: {
-		async setupCard() {
-			let result = await this.$call(
-				'jcloud.api.billing.get_publishable_key_and_setup_intent'
-			);
-			//window.posthog.capture('init_client_add_card', 'fc_signup');
-			let { publishable_key, setup_intent } = result;
-			this.setupIntent = setup_intent;
-			this.stripe = await loadStripe(publishable_key);
-			this.elements = this.stripe.elements();
-			let theme = this.$theme;
-			let style = {
-				base: {
-					color: theme.colors.black,
-					fontFamily: theme.fontFamily.sans.join(', '),
-					fontSmoothing: 'antialiased',
-					fontSize: '13px',
-					'::placeholder': {
-						color: theme.colors.gray['400']
-					}
-				},
-				invalid: {
-					color: theme.colors.red['600'],
-					iconColor: theme.colors.red['600']
-				}
-			};
-			this.card = this.elements.create('card', {
-				hidePostalCode: true,
-				style: style,
-				classes: {
-					complete: '',
-					focus: 'bg-gray-100'
-				}
-			});
-			this.card.mount(this.$refs['card-element']);
-
-			this.card.addEventListener('change', event => {
-				this.cardErrorMessage = event.error?.message || null;
-			});
-			this.card.addEventListener('ready', () => {
-				this.ready = true;
-			});
-		},
-		async submit() {
-			this.addingCard = true;
-
-			let message;
-			if (!this.withoutAddress) {
-				message = await this.$refs['address-form'].validateValues();
-			}
-			if (message) {
-				this.errorMessage = message;
-				this.addingCard = false;
-				return;
-			} else {
-				this.errorMessage = null;
-			}
-
-			const { setupIntent, error } = await this.stripe.confirmCardSetup(
-				this.setupIntent.client_secret,
-				{
-					payment_method: {
-						card: this.card,
-						billing_details: {
-							name: this.billingInformation.cardHolderName,
-							address: {
-								line1: this.billingInformation.address,
-								city: this.billingInformation.city,
-								state: this.billingInformation.state,
-								postal_code: this.billingInformation.postal_code,
-								country: this.getCountryCode(this.billingInformation.country)
-							}
-						}
-					}
-				}
-			);
-
-			if (error) {
-				this.addingCard = false;
-				let errorMessage = error.message;
-				// fix for duplicate error message
-				if (errorMessage != 'Your card number is incomplete.') {
-					this.errorMessage = errorMessage;
-				}
-			} else {
-				if (setupIntent.status === 'succeeded') {
-					try {
-						const { payment_method_name } = await this.$call(
-							'jcloud.api.billing.setup_intent_success',
-							{
-								setup_intent: setupIntent,
-								address: this.withoutAddress ? null : this.billingInformation
-							}
-						);
-						//window.posthog.capture('completed_client_add_card', 'fc_signup');
-
-						await this.verifyWithMicroChargeIfApplicable(payment_method_name);
-
-						this.addingCard = false;
-					} catch (error) {
-						console.error(error);
-						this.addingCard = false;
-						this.errorMessage = error.messages.join('\n');
-					}
-				}
-			}
-		},
-		async verifyWithMicroChargeIfApplicable(paymentMethodName) {
-			const teamCurrency = this.$account.team.currency;
-			const verifyCardsWithMicroCharge =
-				this.$account.feature_flags.verify_cards_with_micro_charge;
-
-			const isMicroChargeApplicable =
-				verifyCardsWithMicroCharge === 'Both CNY and USD' ||
-				(verifyCardsWithMicroCharge == 'Only CNY' && teamCurrency === 'CNY') ||
-				(verifyCardsWithMicroCharge === 'Only USD' && teamCurrency === 'USD');
-
-			if (isMicroChargeApplicable) {
-				await this._verifyWithMicroCharge(paymentMethodName);
-			} else {
-				this.$emit('complete');
-			}
-		},
-
-		async _verifyWithMicroCharge(paymentMethodName) {
-			this.tryingMicroCharge = true;
-
-			const paymentIntent = await this.$call(
-				'jcloud.api.billing.create_payment_intent_for_micro_debit',
-				{
-					payment_method_name: paymentMethodName
-				}
-			);
-
-			let { client_secret: clientSecret } = paymentIntent;
-
-			let payload = await this.stripe.confirmCardPayment(clientSecret, {
-				payment_method: {
-					card: this.card
-				}
-			});
-
-			if (payload.paymentIntent.status === 'succeeded') {
-				this.$emit('complete');
-			}
-
-			this.tryingMicroCharge = false;
-		},
-		getCountryCode(country) {
-			let code = this.$resources.countryList.data.find(
-				d => d.name === country
-			).code;
-			return code.toUpperCase();
-		}
-	},
-	computed: {
-		formattedMicroChargeAmount() {
-			const isCNY = this.$account.team.currency === 'CNY';
-			return isCNY ? '¥100' : '$1';
-		},
-		browserTimezone() {
-			if (!window.Intl) {
-				return null;
-			}
-			return Intl.DateTimeFormat().resolvedOptions().timeZone;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/StripeLogo.vue b/dashboard_backup/src/components/StripeLogo.vue
deleted file mode 100644
index 377ddfc..0000000
--- a/dashboard_backup/src/components/StripeLogo.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		xmlns:xlink="http://www.w3.org/1999/xlink"
-		width="119px"
-		height="26px"
-	>
-		<path
-			fill-rule="evenodd"
-			opacity="0.349"
-			fill="rgb(66, 71, 112)"
-			d="M113.000,26.000 L6.000,26.000 C2.686,26.000 -0.000,23.314 -0.000,20.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 L113.000,-0.000 C116.314,-0.000 119.000,2.686 119.000,6.000 L119.000,20.000 C119.000,23.314 116.314,26.000 113.000,26.000 ZM118.000,6.000 C118.000,3.239 115.761,1.000 113.000,1.000 L6.000,1.000 C3.239,1.000 1.000,3.239 1.000,6.000 L1.000,20.000 C1.000,22.761 3.239,25.000 6.000,25.000 L113.000,25.000 C115.761,25.000 118.000,22.761 118.000,20.000 L118.000,6.000 Z"
-		/>
-		<path
-			fill-rule="evenodd"
-			opacity="0.502"
-			fill="rgb(66, 71, 112)"
-			d="M60.700,18.437 L59.395,18.437 L60.405,15.943 L58.395,10.871 L59.774,10.871 L61.037,14.323 L62.310,10.871 L63.689,10.871 L60.700,18.437 ZM55.690,16.259 C55.238,16.259 54.774,16.091 54.354,15.764 L54.354,16.133 L53.007,16.133 L53.007,8.566 L54.354,8.566 L54.354,11.229 C54.774,10.913 55.238,10.745 55.690,10.745 C57.100,10.745 58.068,11.881 58.068,13.502 C58.068,15.122 57.100,16.259 55.690,16.259 ZM55.406,11.902 C55.038,11.902 54.669,12.060 54.354,12.376 L54.354,14.628 C54.669,14.943 55.038,15.101 55.406,15.101 C56.164,15.101 56.690,14.449 56.690,13.502 C56.690,12.555 56.164,11.902 55.406,11.902 ZM47.554,15.764 C47.144,16.091 46.681,16.259 46.218,16.259 C44.818,16.259 43.840,15.122 43.840,13.502 C43.840,11.881 44.818,10.745 46.218,10.745 C46.681,10.745 47.144,10.913 47.554,11.229 L47.554,8.566 L48.912,8.566 L48.912,16.133 L47.554,16.133 L47.554,15.764 ZM47.554,12.376 C47.249,12.060 46.881,11.902 46.513,11.902 C45.744,11.902 45.218,12.555 45.218,13.502 C45.218,14.449 45.744,15.101 46.513,15.101 C46.881,15.101 47.249,14.943 47.554,14.628 L47.554,12.376 ZM39.535,13.870 C39.619,14.670 40.251,15.217 41.134,15.217 C41.619,15.217 42.155,15.038 42.702,14.722 L42.702,15.849 C42.103,16.122 41.503,16.259 40.913,16.259 C39.324,16.259 38.209,15.101 38.209,13.460 C38.209,11.871 39.303,10.745 40.808,10.745 C42.187,10.745 43.123,11.829 43.123,13.375 C43.123,13.523 43.123,13.691 43.102,13.870 L39.535,13.870 ZM40.756,11.786 C40.103,11.786 39.598,12.271 39.535,12.997 L41.829,12.997 C41.787,12.281 41.356,11.786 40.756,11.786 ZM35.988,12.618 L35.988,16.133 L34.641,16.133 L34.641,10.871 L35.988,10.871 L35.988,11.397 C36.367,10.976 36.830,10.745 37.282,10.745 C37.430,10.745 37.577,10.755 37.724,10.797 L37.724,11.997 C37.577,11.955 37.409,11.934 37.251,11.934 C36.809,11.934 36.335,12.176 35.988,12.618 ZM29.979,13.870 C30.063,14.670 30.694,15.217 31.578,15.217 C32.062,15.217 32.599,15.038 33.146,14.722 L33.146,15.849 C32.546,16.122 31.946,16.259 31.357,16.259 C29.768,16.259 28.653,15.101 28.653,13.460 C28.653,11.871 29.747,10.745 31.252,10.745 C32.630,10.745 33.567,11.829 33.567,13.375 C33.567,13.523 33.567,13.691 33.546,13.870 L29.979,13.870 ZM31.199,11.786 C30.547,11.786 30.042,12.271 29.979,12.997 L32.273,12.997 C32.231,12.281 31.799,11.786 31.199,11.786 ZM25.274,16.133 L24.200,12.555 L23.137,16.133 L21.927,16.133 L20.117,10.871 L21.464,10.871 L22.527,14.449 L23.590,10.871 L24.810,10.871 L25.873,14.449 L26.936,10.871 L28.283,10.871 L26.484,16.133 L25.274,16.133 ZM17.043,16.259 C15.454,16.259 14.328,15.112 14.328,13.502 C14.328,11.881 15.454,10.745 17.043,10.745 C18.632,10.745 19.748,11.881 19.748,13.502 C19.748,15.112 18.632,16.259 17.043,16.259 ZM17.043,11.871 C16.254,11.871 15.707,12.534 15.707,13.502 C15.707,14.470 16.254,15.133 17.043,15.133 C17.822,15.133 18.369,14.470 18.369,13.502 C18.369,12.534 17.822,11.871 17.043,11.871 ZM11.128,13.533 L9.918,13.533 L9.918,16.133 L8.571,16.133 L8.571,8.892 L11.128,8.892 C12.602,8.892 13.654,9.850 13.654,11.218 C13.654,12.586 12.602,13.533 11.128,13.533 ZM10.939,9.987 L9.918,9.987 L9.918,12.439 L10.939,12.439 C11.718,12.439 12.265,11.944 12.265,11.218 C12.265,10.482 11.718,9.987 10.939,9.987 Z"
-		/>
-		<path
-			fill-rule="evenodd"
-			opacity="0.502"
-			fill="rgb(66, 71, 112)"
-			d="M111.116,14.051 L105.557,14.051 C105.684,15.382 106.659,15.774 107.766,15.774 C108.893,15.774 109.781,15.536 110.555,15.146 L110.555,17.433 C109.784,17.861 108.765,18.169 107.408,18.169 C104.642,18.169 102.704,16.437 102.704,13.013 C102.704,10.121 104.348,7.825 107.049,7.825 C109.746,7.825 111.154,10.120 111.154,13.028 C111.154,13.303 111.129,13.898 111.116,14.051 ZM107.031,10.140 C106.321,10.140 105.532,10.676 105.532,11.955 L108.468,11.955 C108.468,10.677 107.728,10.140 107.031,10.140 ZM98.108,18.169 C97.114,18.169 96.507,17.750 96.099,17.451 L96.093,20.664 L93.254,21.268 L93.253,8.014 L95.753,8.014 L95.901,8.715 C96.293,8.349 97.012,7.825 98.125,7.825 C100.119,7.825 101.997,9.621 101.997,12.927 C101.997,16.535 100.139,18.169 98.108,18.169 ZM97.446,10.340 C96.795,10.340 96.386,10.578 96.090,10.903 L96.107,15.122 C96.383,15.421 96.780,15.661 97.446,15.661 C98.496,15.661 99.200,14.518 99.200,12.989 C99.200,11.504 98.485,10.340 97.446,10.340 ZM89.149,8.014 L91.999,8.014 L91.999,17.966 L89.149,17.966 L89.149,8.014 ZM89.149,4.836 L91.999,4.230 L91.999,6.543 L89.149,7.149 L89.149,4.836 ZM86.110,11.219 L86.110,17.966 L83.272,17.966 L83.272,8.014 L85.727,8.014 L85.905,8.853 C86.570,7.631 87.897,7.879 88.275,8.015 L88.275,10.625 C87.914,10.508 86.781,10.338 86.110,11.219 ZM80.024,14.475 C80.024,16.148 81.816,15.627 82.179,15.482 L82.179,17.793 C81.801,18.001 81.115,18.169 80.187,18.169 C78.502,18.169 77.237,16.928 77.237,15.247 L77.250,6.138 L80.022,5.548 L80.024,8.014 L82.180,8.014 L82.180,10.435 L80.024,10.435 L80.024,14.475 ZM76.485,14.959 C76.485,17.003 74.858,18.169 72.497,18.169 C71.518,18.169 70.448,17.979 69.392,17.525 L69.392,14.814 C70.345,15.332 71.559,15.721 72.500,15.721 C73.133,15.721 73.589,15.551 73.589,15.026 C73.589,13.671 69.273,14.181 69.273,11.038 C69.273,9.028 70.808,7.825 73.111,7.825 C74.052,7.825 74.992,7.969 75.933,8.344 L75.933,11.019 C75.069,10.552 73.972,10.288 73.109,10.288 C72.514,10.288 72.144,10.460 72.144,10.903 C72.144,12.181 76.485,11.573 76.485,14.959 Z"
-		/>
-	</svg>
-</template>
-<script>
-export default {
-	name: 'StripeLogo'
-};
-</script>
diff --git a/dashboard_backup/src/components/SwitchTeamDialog.vue b/dashboard_backup/src/components/SwitchTeamDialog.vue
deleted file mode 100644
index 2473b10..0000000
--- a/dashboard_backup/src/components/SwitchTeamDialog.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<Dialog :options="{ title: 'Switch Team' }">
-		<template v-slot:body-content>
-			<span class="text-xs text-gray-600"
-				>Current Team: {{ $account.team.name }}</span
-			>
-			<div class="border-t my-2">
-				<ListItem
-					v-for="team in $account.teams"
-					:title="`${team.team_title}`"
-					:description="team.user"
-					:key="team"
-				>
-					<template #actions>
-						<div v-if="$account.team.name === team.name">
-							<Badge label="Active" theme="blue" />
-						</div>
-						<div v-else class="flex flex-row justify-end">
-							<Button @click="$account.switchToTeam(team.name)">
-								Switch
-							</Button>
-						</div>
-					</template>
-				</ListItem>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'SwitchTeamDialog'
-};
-</script>
diff --git a/dashboard_backup/src/components/Table/Table.vue b/dashboard_backup/src/components/Table/Table.vue
deleted file mode 100644
index cbd638c..0000000
--- a/dashboard_backup/src/components/Table/Table.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-	<div class="min-w-full">
-		<slot :rows="rows" :columns="columns" />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Table',
-	props: {
-		columns: Array,
-		rows: Array
-	},
-	provide() {
-		return {
-			columns: this._columns,
-			rows: this.rows
-		};
-	},
-	computed: {
-		_columns() {
-			return this.columns.map(column => {
-				return {
-					...column,
-					width: column.width || 1,
-					name: column.name
-				};
-			});
-		},
-		$rows() {
-			return this.rows;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Table/TableCell.vue b/dashboard_backup/src/components/Table/TableCell.vue
deleted file mode 100644
index d55668d..0000000
--- a/dashboard_backup/src/components/Table/TableCell.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-	<div class="flex items-center whitespace-nowrap p-2 text-base text-gray-800">
-		<slot />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'TableCell',
-	inject: ['columns']
-};
-</script>
diff --git a/dashboard_backup/src/components/Table/TableHeader.vue b/dashboard_backup/src/components/Table/TableHeader.vue
deleted file mode 100644
index 64e3567..0000000
--- a/dashboard_backup/src/components/Table/TableHeader.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-	<div
-		class="grid border-b"
-		:style="{
-			gridTemplateColumns: columns.map(col => col.width + 'fr').join(' ')
-		}"
-	>
-		<div
-			class="px-2 py-3.5 text-left text-base font-semibold text-gray-900"
-			v-for="column in columns"
-			:key="column.name"
-		>
-			{{ column.label }}
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'TableHeader',
-	inject: ['columns']
-};
-</script>
diff --git a/dashboard_backup/src/components/Table/TableRow.vue b/dashboard_backup/src/components/Table/TableRow.vue
deleted file mode 100644
index 9182b4f..0000000
--- a/dashboard_backup/src/components/Table/TableRow.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-	<component
-		:is="row.route ? 'router-link' : 'div'"
-		:to="row.route ? row.route : null"
-		class="grid"
-		:class="{ 'hover:bg-gray-100': row.route }"
-		:style="{
-			gridTemplateColumns: columns.map(col => col.width + 'fr').join(' ')
-		}"
-	>
-		<slot />
-	</component>
-</template>
-
-<script>
-export default {
-	name: 'TableRow',
-	props: ['row'],
-	inject: ['columns']
-};
-</script>
diff --git a/dashboard_backup/src/components/Tabs.vue b/dashboard_backup/src/components/Tabs.vue
deleted file mode 100644
index 7ac0619..0000000
--- a/dashboard_backup/src/components/Tabs.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-	<div>
-		<div>
-			<ul class="hidden border-b text-base sm:flex">
-				<router-link
-					v-for="tab in tabs"
-					:key="tab.label"
-					:to="tab.route"
-					v-slot="{ href, navigate, isActive }"
-				>
-					<li>
-						<a
-							class="font-base relative mr-4 block truncate border-b py-2 leading-none focus:outline-none"
-							:class="[
-								isTabSelected(tab)
-									? 'border-brand border-gray-900 text-gray-900'
-									: 'border-transparent text-gray-600 hover:text-gray-900'
-							]"
-							:href="href"
-							@click="navigate"
-						>
-							<span>
-								{{ tab.label }}
-							</span>
-							<div
-								class="absolute right-0 top-1 h-1.5 w-1.5 rounded-full bg-red-500"
-								v-if="tab.showRedDot && !isActive"
-							></div>
-						</a>
-					</li>
-				</router-link>
-			</ul>
-			<select
-				class="form-select block w-full sm:hidden"
-				@change="e => changeTab(e.target.value)"
-			>
-				<option
-					v-for="tab in tabs"
-					:selected="isTabSelected(tab)"
-					:value="tab.route"
-					:key="tab.label"
-				>
-					{{ tab.label }}
-				</option>
-			</select>
-		</div>
-		<div class="w-full pt-5" v-if="$slots.default">
-			<slot></slot>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Tabs',
-	props: ['tabs'],
-	methods: {
-		changeTab(route) {
-			this.$router.replace(route);
-		},
-		isTabSelected(tab) {
-			return this.$route.path.startsWith(tab.route);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/Tags.vue b/dashboard_backup/src/components/Tags.vue
deleted file mode 100644
index 72480d7..0000000
--- a/dashboard_backup/src/components/Tags.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<template>
-	<Card title="Tags">
-		<template #actions>
-			<Button label="添加标签 Tag" @click="showAddDialog = true" />
-		</template>
-		<div class="divide-y" v-if="addedTags?.length">
-			<ListItem v-for="tag in addedTags" :key="tag.name" :title="tag.tag">
-				<template #actions>
-					<Button icon="x" @click="removeTag(tag.name)" />
-				</template>
-			</ListItem>
-		</div>
-		<div v-else class="m-4 text-center">
-			<p class="text-base text-gray-500">No tags added yet</p>
-		</div>
-		<ErrorMessage
-			:message="
-				$resources.addTag.error ||
-				$resources.createTag.error ||
-				$resources.removeTag.error
-			"
-		/>
-	</Card>
-	<Dialog
-		:options="{ title: `Add a New Tag for ${pagetype}` }"
-		v-model="showAddDialog"
-	>
-		<template #body-content>
-			<Autocomplete
-				placeholder="Tags"
-				:options="getAutocompleteOptions"
-				v-model="chosenTag"
-				@update:modelValue="handleAutocompleteSelection"
-			/>
-			<FormControl
-				v-if="showNewTagInput"
-				v-model="newTag"
-				class="mt-4"
-				placeholder="Enter New Tag's name"
-			/>
-		</template>
-		<template #actions>
-			<Button variant="solid" class="w-full" @click="addTag()">{{
-				showNewTagInput ? '创建一个新标签' : '添加标签'
-			}}</Button>
-		</template>
-	</Dialog>
-</template>
-<script>
-export default {
-	name: 'Tags',
-	props: ['name', 'pagetype', 'resourceTags', 'tags'],
-	data() {
-		return {
-			showAddDialog: false,
-			showNewTagInput: false,
-			chosenTag: '',
-			newTag: '',
-			addedTags: [],
-			createErrorMessage: ''
-		};
-	},
-	resources: {
-		addTag() {
-			return {
-				url: 'jcloud.api.dashboard.add_tag',
-				params: {
-					name: this.name,
-					pagetype: this.pagetype,
-					tag: this.newTag
-				},
-				validate() {
-					if (this.addedTags.find(t => t.name == this.newTag)) {
-						return 'Tag already added';
-					}
-				},
-				onSuccess(d) {
-					this.addedTags.push(this.tags.find(t => t.name == d));
-					this.showAddDialog = false;
-					this.newTag = '';
-					this.chosenTag = '';
-				}
-			};
-		},
-		removeTag() {
-			return {
-				url: 'jcloud.api.dashboard.remove_tag',
-				onSuccess(d) {
-					this.addedTags = this.addedTags.filter(t => t.name != d);
-				}
-			};
-		},
-		createTag() {
-			return {
-				url: 'jcloud.api.dashboard.create_new_tag',
-				params: {
-					name: this.name,
-					pagetype: this.pagetype,
-					tag: this.newTag
-				},
-				validate() {
-					if (this.tags.find(t => t.tag === this.newTag)) {
-						return 'Tag already exists';
-					}
-				},
-				onSuccess(d) {
-					this.addedTags.push({ name: d.name, tag: d.tag });
-					this.showNewTagInput = false;
-					this.newTag = '';
-					this.chosenTag = '';
-				}
-			};
-		}
-	},
-	methods: {
-		addTag() {
-			if (this.showNewTagInput) {
-				this.$resources.createTag.submit();
-			} else {
-				this.$resources.addTag.submit();
-			}
-			this.showAddDialog = false;
-		},
-		removeTag(tagName) {
-			this.$resources.removeTag.submit({
-				name: this.name,
-				pagetype: this.pagetype,
-				tag: tagName
-			});
-		},
-		handleAutocompleteSelection() {
-			if (this.chosenTag.value === 'new_tag') {
-				this.showNewTagInput = true;
-			} else {
-				this.newTag = this.chosenTag.value;
-				this.showNewTagInput = false;
-			}
-		}
-	},
-	mounted() {
-		this.addedTags = this.resourceTags;
-	},
-	computed: {
-		getAutocompleteOptions() {
-			return [
-				{
-					group: 'New Tag',
-					items: [{ label: 'Create a New Tag', value: 'new_tag' }]
-				},
-				{
-					group: 'Existing Tags',
-					items: this.tags.map(t => ({ label: t.tag, value: t.name }))
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/WizardCard.vue b/dashboard_backup/src/components/WizardCard.vue
deleted file mode 100644
index 4f7e3d6..0000000
--- a/dashboard_backup/src/components/WizardCard.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<div class="pb-10 sm:mt-5">
-		<div class="sm:px-8">
-			<div
-				class="mx-auto mb-20 w-auto space-y-4 rounded-xl p-4 sm:w-wizard sm:border sm:p-8 sm:shadow-xl"
-			>
-				<slot />
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'WizardCard'
-};
-</script>
diff --git a/dashboard_backup/src/components/charts/BarChart.vue b/dashboard_backup/src/components/charts/BarChart.vue
deleted file mode 100644
index 78598ef..0000000
--- a/dashboard_backup/src/components/charts/BarChart.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<template>
-	<component
-		:is="showCard ? Card : 'div'"
-		:title="title"
-		:class="showCard ? 'h-80' : ''"
-		:loading="loading"
-		:stopOverflow="true"
-	>
-		<template #actions>
-			<slot name="actions"></slot>
-		</template>
-		<div
-			v-if="loading && !showCard"
-			class="flex h-full items-center justify-center"
-		>
-			<LoadingText />
-		</div>
-		<div
-			v-else-if="error || !data.datasets.length"
-			class="flex h-full items-center justify-center"
-		>
-			<ErrorMessage v-if="error" :message="error" />
-			<span v-else class="text-base text-gray-700">No data</span>
-		</div>
-		<VChart
-			v-else
-			autoresize
-			class="chart"
-			:option="options"
-			:init-options="initOptions"
-		/>
-	</component>
-</template>
-
-<script setup>
-import { ref, toRefs } from 'vue';
-import { DateTime } from 'luxon';
-import { use, graphic } from 'echarts/core';
-import { SVGRenderer } from 'echarts/renderers';
-import { BarChart } from 'echarts/charts';
-import {
-	GridComponent,
-	LegendComponent,
-	TooltipComponent,
-	MarkLineComponent
-} from 'echarts/components';
-import VChart from 'vue-echarts';
-import Card from '../global/Card.vue';
-import theme from '../../../tailwind.theme.json';
-import { formatBytes, getUnit } from './utils';
-
-const props = defineProps({
-	showCard: {
-		type: Boolean,
-		required: false,
-		default: () => true
-	},
-	title: {
-		type: String,
-		required: false
-	},
-	unit: {
-		type: String,
-		required: false,
-		default: () => ''
-	},
-	data: {
-		type: Object,
-		required: true,
-		default: () => ({ labels: [], datasets: [] })
-	},
-	type: {
-		type: String,
-		required: false,
-		default: () => 'category'
-	},
-	chartTheme: {
-		type: Array,
-		required: false,
-		default: () => [
-			theme.colors.red[500],
-			theme.colors.blue[500],
-			theme.colors.green[500],
-			theme.colors.purple[500],
-			theme.colors.yellow[500],
-			theme.colors.teal[500],
-			theme.colors.pink[500],
-			theme.colors.cyan[500]
-		]
-	},
-	loading: {
-		type: Boolean,
-		required: false,
-		default: () => false
-	},
-	error: {
-		type: String,
-		required: false,
-		default: () => ''
-	}
-});
-
-const { title, unit, data, type, chartTheme } = toRefs(props);
-
-use([
-	BarChart,
-	SVGRenderer,
-	GridComponent,
-	LegendComponent,
-	TooltipComponent,
-	MarkLineComponent
-]);
-
-const initOptions = {
-	renderer: 'svg'
-};
-
-const options = ref({
-	grid: {
-		top: 20,
-		left: 60,
-		right: 40,
-		bottom: 50
-	},
-	tooltip: {
-		trigger: 'axis',
-		confine: true,
-		extraCssText: 'width: 60%; white-space: normal; word-wrap: break-word;',
-		formatter: params => {
-			// for the dot to follow the same color as the line 🗿
-			let tooltip = `<p>${DateTime.fromSQL(
-				params[0].axisValueLabel
-			).toLocaleString(DateTime.DATETIME_MED)}</p>`;
-
-			params.forEach(({ value, seriesName }, i) => {
-				let colorSpan = color =>
-					'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:' +
-					color +
-					'"></span>';
-
-				tooltip += `<p>${colorSpan(chartTheme.value[i])}  ${getUnit(
-					value,
-					unit.value
-				)} ${unit.value !== seriesName ? `- ${seriesName}` : ''}</p>`;
-			});
-			return tooltip;
-		}
-	},
-	xAxis: {
-		type: type,
-		boundaryGap: false,
-		data: data.value.labels,
-		axisLine: {
-			show: false
-		},
-		axisTick: {
-			show: false
-		}
-	},
-	yAxis: {
-		type: 'value',
-		max: data.value.yMax,
-		axisLabel: {
-			formatter: value => {
-				if (unit.value === 'bytes') {
-					return formatBytes(value, 0);
-				} else {
-					if (value >= 1000000000) return `${value / 1000000000}B`;
-					else if (value >= 1000000) return `${value / 1000000}M`;
-					else if (value >= 1000) return `${value / 1000}K`;
-					return value;
-				}
-			},
-			padding: 5
-		}
-	},
-	labelLine: {
-		smooth: 0.2,
-		length: 10,
-		length2: 20
-	},
-	legend: {
-		type: 'scroll',
-		top: 'bottom',
-		icon: 'circle',
-		show: data.value.datasets.length > 1
-	},
-	series: data.value.datasets.map((dataset, i) => {
-		return {
-			name: dataset.path.replace(/\n|\t/g, '') || unit,
-			type: 'bar',
-			stack: dataset.stack,
-			showSymbol: false,
-			data: dataset.values || dataset,
-			markLine: data.value.markLine,
-			emphasis: {
-				itemStyle: {
-					shadowBlur: 10,
-					shadowOffsetX: 0,
-					shadowColor: 'rgba(0, 0, 0, 0.5)'
-				}
-			},
-			lineStyle: {
-				color: chartTheme.value[i]
-			},
-			itemStyle: {
-				color: chartTheme.value[i]
-			},
-			areaStyle: {
-				color: new graphic.LinearGradient(0, 0, 0, 1, [
-					{
-						offset: 0,
-						color: chartTheme.value[i]
-					},
-					{
-						offset: 1,
-						color: '#fff'
-					}
-				]),
-				opacity: 0.3
-			}
-		};
-	})
-});
-</script>
diff --git a/dashboard_backup/src/components/charts/LineChart.vue b/dashboard_backup/src/components/charts/LineChart.vue
deleted file mode 100644
index e5dfc35..0000000
--- a/dashboard_backup/src/components/charts/LineChart.vue
+++ /dev/null
@@ -1,224 +0,0 @@
-<template>
-	<component
-		:is="showCard ? Card : 'div'"
-		:title="title"
-		:class="showCard ? 'h-80' : ''"
-		:loading="loading"
-		:stopOverflow="true"
-	>
-		<template #actions>
-			<slot name="actions"></slot>
-		</template>
-		<div
-			v-if="loading && !showCard"
-			class="flex h-full items-center justify-center"
-		>
-			<LoadingText />
-		</div>
-		<div
-			v-else-if="
-				error ||
-				!data.datasets.length ||
-				(data.datasets[0].length !== undefined && !data.datasets[0].length)
-			"
-			class="flex h-full items-center justify-center"
-		>
-			<ErrorMessage v-if="error" :message="error" />
-			<span v-else class="text-base text-gray-700">No data</span>
-		</div>
-		<VChart
-			v-else
-			autoresize
-			class="chart"
-			:option="options"
-			:init-options="initOptions"
-		/>
-	</component>
-</template>
-
-<script setup>
-import Card from '../global/Card.vue';
-import { ref, toRefs } from 'vue';
-import { DateTime } from 'luxon';
-import { use, graphic } from 'echarts/core';
-import { SVGRenderer } from 'echarts/renderers';
-import { LineChart } from 'echarts/charts';
-import {
-	GridComponent,
-	LegendComponent,
-	TooltipComponent,
-	MarkLineComponent
-} from 'echarts/components';
-import VChart from 'vue-echarts';
-import theme from '../../../tailwind.theme.json';
-import { formatBytes, getUnit } from './utils';
-
-const props = defineProps({
-	showCard: {
-		type: Boolean,
-		required: false,
-		default: () => true
-	},
-	title: {
-		type: String,
-		required: false
-	},
-	unit: {
-		type: String,
-		required: false,
-		default: () => ''
-	},
-	data: {
-		type: Object,
-		required: true,
-		default: () => ({ labels: [], datasets: [] })
-	},
-	type: {
-		type: String,
-		required: false,
-		default: () => 'category'
-	},
-	chartTheme: {
-		type: Array,
-		required: false,
-		default: () => [
-			theme.colors.red[500],
-			theme.colors.blue[500],
-			theme.colors.green[500],
-			theme.colors.purple[500],
-			theme.colors.yellow[500],
-			theme.colors.teal[500],
-			theme.colors.pink[500],
-			theme.colors.cyan[500]
-		]
-	},
-	loading: {
-		type: Boolean,
-		required: false,
-		default: () => false
-	},
-	error: {
-		type: Error,
-		required: false
-	}
-});
-
-const { title, unit, data, type, chartTheme } = toRefs(props);
-
-use([
-	SVGRenderer,
-	GridComponent,
-	LegendComponent,
-	LineChart,
-	TooltipComponent,
-	MarkLineComponent
-]);
-
-const initOptions = {
-	renderer: 'svg'
-};
-
-const options = ref({
-	grid: {
-		top: 20,
-		left: 50,
-		right: 20,
-		bottom: data.value.datasets.length > 1 ? 60 : 30 // if there's legend show more space for it
-	},
-	tooltip: {
-		trigger: 'axis',
-		formatter: params => {
-			// for the dot to follow the same color as the line 🗿
-			let tooltip = `<p>${DateTime.fromSQL(
-				params[0].axisValueLabel
-			).toLocaleString(DateTime.DATETIME_MED)}</p>`;
-
-			params.forEach(({ value, seriesName }, i) => {
-				let colorSpan = color =>
-					'<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:' +
-					color +
-					'"></span>';
-
-				tooltip += `<p>${colorSpan(chartTheme.value[i])}  ${getUnit(
-					value[1],
-					unit.value
-				)} ${unit.value !== seriesName ? `- ${seriesName}` : ''}</p>`;
-			});
-			return tooltip;
-		}
-	},
-	xAxis: {
-		type: type,
-		boundaryGap: false,
-		data: data.value.labels,
-		axisLine: {
-			show: false
-		},
-		axisTick: {
-			show: false
-		}
-	},
-	yAxis: {
-		type: 'value',
-		max: data.value.yMax,
-		axisLabel: {
-			formatter: value => {
-				if (unit.value === 'bytes') {
-					return formatBytes(value, 0);
-				} else {
-					if (value >= 1000000000) return `${value / 1000000000}B`;
-					else if (value >= 1000000) return `${value / 1000000}M`;
-					else if (value >= 1000) return `${value / 1000}K`;
-					return value;
-				}
-			}
-		}
-	},
-	labelLine: {
-		smooth: 0.2,
-		length: 10,
-		length2: 20
-	},
-	legend: {
-		top: 'bottom',
-		icon: 'circle',
-		show: data.value.datasets.length > 1
-	},
-	series: data.value.datasets.map((dataset, i) => {
-		return {
-			name: dataset.name || unit,
-			type: 'line',
-			stack: dataset.stack,
-			showSymbol: false,
-			data: dataset.dataset || dataset,
-			markLine: data.value.markLine,
-			emphasis: {
-				itemStyle: {
-					shadowBlur: 10,
-					shadowOffsetX: 0,
-					shadowColor: 'rgba(0, 0, 0, 0.5)'
-				}
-			},
-			lineStyle: {
-				color: chartTheme.value[i]
-			},
-			itemStyle: {
-				color: chartTheme.value[i]
-			},
-			areaStyle: {
-				color: new graphic.LinearGradient(0, 0, 0, 1, [
-					{
-						offset: 0,
-						color: chartTheme.value[i]
-					},
-					{
-						offset: 1,
-						color: '#fff'
-					}
-				]),
-				opacity: 0.3
-			}
-		};
-	})
-});
-</script>
diff --git a/dashboard_backup/src/components/charts/utils.js b/dashboard_backup/src/components/charts/utils.js
deleted file mode 100644
index 1046442..0000000
--- a/dashboard_backup/src/components/charts/utils.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function formatBytes(bytes, decimals = 2, current = 0) {
-	if (bytes === 0) return '0 Bytes';
-
-	const k = 1024;
-	const dm = decimals < 0 ? 0 : decimals;
-	const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-	const i = Math.floor(Math.log(Math.abs(bytes)) / Math.log(k));
-
-	return (
-		parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i + current]
-	);
-}
-
-function getUnit(value, seriesName) {
-	if (seriesName === 'bytes') return formatBytes(value);
-	else return `${+value.toFixed(2)} ${seriesName}`;
-}
-
-export { formatBytes, getUnit };
diff --git a/dashboard_backup/src/components/global/Alert.vue b/dashboard_backup/src/components/global/Alert.vue
deleted file mode 100644
index 08d4c72..0000000
--- a/dashboard_backup/src/components/global/Alert.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-	<div class="block w-full">
-		<div class="flex items-center rounded-md p-3 text-base" :class="classes">
-			<FeatherIcon
-				v-if="type === 'warning'"
-				name="alert-circle"
-				class="h-5 w-5 text-gray-900"
-			/>
-			<div class="ml-2 w-full">
-				<div class="flex flex-col md:flex-row md:items-baseline">
-					<h3 class="text-lg font-medium text-gray-900" v-if="title">
-						{{ title }}
-					</h3>
-					<div class="mt-1 md:ml-2 md:mt-0">
-						<slot></slot>
-					</div>
-					<div class="mt-3 md:ml-auto md:mt-0">
-						<slot name="actions"></slot>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Alert',
-	props: {
-		title: String,
-		type: {
-			type: String,
-			default: 'warning'
-		}
-	},
-	computed: {
-		classes() {
-			return {
-				warning: 'text-gray-700 bg-gray-50'
-			}[this.type];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/global/Badge.vue b/dashboard_backup/src/components/global/Badge.vue
deleted file mode 100644
index cb48411..0000000
--- a/dashboard_backup/src/components/global/Badge.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<JingrowUIBadge :size="size" :theme="_color">
-		{{ label }}
-		<template #prefix>
-			<slot name="prefix"></slot>
-		</template>
-		<template #suffix>
-			<slot name="suffix"></slot>
-		</template>
-	</JingrowUIBadge>
-</template>
-
-<script>
-import { Badge as JingrowUIBadge } from 'jingrow-ui';
-
-export default {
-	name: 'Badge',
-	props: ['label', 'theme', 'size'],
-	components: {
-		JingrowUIBadge,
-	},
-	computed: {
-		_color() {
-			if (this.theme) return this.theme;
-			
-			// 状态配置数组 - 每个配置包含英文、中文、颜色三个属性
-			const statusConfigs = [
-				// 域名状态
-				{ en: 'ok', zh: '正常', color: 'green' },
-				{ en: 'clienthold', zh: '锁定', color: 'red' },
-				{ en: 'clientupdateprohibited', zh: '更新锁定', color: 'red' },
-				{ en: 'clienttransferprohibited', zh: '转移锁定', color: 'red' },
-				{ en: 'clientdeleteprohibited', zh: '删除锁定', color: 'red' },
-				{ en: 'clientrenewprohibited', zh: '续费锁定', color: 'red' },
-				
-				// 服务器状态
-				{ en: 'Pending', zh: '待处理', color: 'orange' },
-				{ en: 'Starting', zh: '启动中', color: 'orange' },
-				{ en: 'Running', zh: '运行中', color: 'green' },
-				{ en: 'Stopping', zh: '停止中', color: 'orange' },
-				{ en: 'Stopped', zh: '已停止', color: 'red' },
-				{ en: 'Resetting', zh: '重置中', color: 'blue' },
-				{ en: 'Upgrading', zh: '升级中', color: 'purple' },
-				{ en: 'Disabled', zh: '已禁用', color: 'gray' },
-				
-				// 其他状态
-				{ en: 'Approved', zh: '已批准', color: 'green' },
-				{ en: 'Recovering', zh: '恢复中', color: 'orange' },
-				{ en: 'Recovered', zh: '已恢复', color: 'blue' },
-				{ en: 'Broken', zh: '损坏', color: 'red' },
-				{ en: 'Installing', zh: '安装中', color: 'orange' },
-				{ en: 'Failure', zh: '失败', color: 'red' },
-				{ en: 'Fatal', zh: '致命错误', color: 'red' },
-				{ en: 'Failed', zh: '失败', color: 'red' },
-				{ en: 'Success', zh: '成功', color: 'green' },
-				{ en: 'Completed', zh: '已完成', color: 'green' },
-				{ en: 'Deployed', zh: '已部署', color: 'green' },
-				{ en: 'Expired', zh: '已过期', color: 'red' },
-				{ en: 'Paid', zh: '已支付', color: 'green' },
-				{ en: 'Unpaid', zh: '未支付', color: 'orange' },
-				{ en: 'Rejected', zh: '已拒绝', color: 'red' },
-				{ en: 'Active', zh: '激活', color: 'green' },
-				{ en: 'Trial', zh: '试用', color: 'orange' },
-				{ en: 'Published', zh: '已发布', color: 'green' },
-				{ en: 'Owner', zh: '所有者', color: 'blue' },
-				{ en: 'Primary', zh: '主要', color: 'green' },
-			];
-			
-			// 查找匹配的配置
-			const config = statusConfigs.find(item => item.en === this.label || item.zh === this.label);
-			return config ? config.color : 'gray';
-		},
-	},
-};
-</script>
diff --git a/dashboard_backup/src/components/global/Breadcrumbs.vue b/dashboard_backup/src/components/global/Breadcrumbs.vue
deleted file mode 100644
index 3967774..0000000
--- a/dashboard_backup/src/components/global/Breadcrumbs.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<div class="flex min-w-0 items-center">
-		<div
-			class="flex min-w-0 items-center overflow-hidden text-ellipsis whitespace-nowrap"
-		>
-			<template v-for="(item, i) in linkItems" :key="item.label">
-				<router-link
-					class="flex items-center rounded px-0.5 py-1 text-lg font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-400"
-					:class="[
-						i == linkItems.length - 1
-							? 'text-gray-900'
-							: 'text-gray-600 hover:text-gray-700'
-					]"
-					:to="item.route"
-				>
-					<slot name="prefix" :item="item" />
-					<span>
-						{{ item.label }}
-					</span>
-				</router-link>
-				<span
-					v-if="i != linkItems.length - 1"
-					class="mx-0.5 text-base text-gray-500"
-				>
-					/
-				</span>
-			</template>
-		</div>
-	</div>
-	<slot name="actions" />
-</template>
-<script setup>
-import { computed } from 'vue';
-
-const props = defineProps({
-	items: {
-		type: Array,
-		required: true
-	}
-});
-
-const items = computed(() => {
-	return (props.items || []).filter(Boolean);
-});
-
-const linkItems = computed(() => {
-	let lastTwo = items.value.slice(-2);
-	return lastTwo;
-});
-</script>
diff --git a/dashboard_backup/src/components/global/Card.vue b/dashboard_backup/src/components/global/Card.vue
deleted file mode 100644
index dd1f60b..0000000
--- a/dashboard_backup/src/components/global/Card.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-	<div class="flex flex-col rounded-lg border bg-white px-6 py-5">
-		<div class="flex items-baseline justify-between">
-			<div class="flex items-baseline space-x-2">
-				<div class="flex items-center space-x-2" v-if="$slots['actions-left']">
-					<slot name="actions-left"></slot>
-				</div>
-				<div>
-					<h2 class="text-xl font-semibold">{{ title }}</h2>
-					<p class="mt-1.5 text-base text-gray-600" v-if="subtitle">
-						{{ subtitle }}
-					</p>
-				</div>
-			</div>
-			<div class="flex items-center space-x-2" v-if="$slots['actions']">
-				<slot name="actions"></slot>
-			</div>
-		</div>
-		<div
-			v-if="loading"
-			class="mt-4 flex flex-auto flex-col items-center justify-center rounded-md"
-		>
-			<LoadingText />
-		</div>
-		<div
-			class="mt-4 flex-auto"
-			:class="{ 'overflow-auto': !stopOverflow }"
-			v-else-if="$slots['default']"
-		>
-			<slot></slot>
-		</div>
-	</div>
-</template>
-<script>
-import { LoadingText } from 'jingrow-ui';
-export default {
-	name: 'Card',
-	props: ['title', 'subtitle', 'loading', 'stopOverflow'],
-	components: {
-		LoadingText
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/global/CircularCheckIcon.vue b/dashboard_backup/src/components/global/CircularCheckIcon.vue
deleted file mode 100644
index a997e99..0000000
--- a/dashboard_backup/src/components/global/CircularCheckIcon.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-	<div
-		class="grid h-4 w-4 shrink-0 place-items-center rounded-full border border-green-500 bg-green-50"
-	>
-		<svg
-			width="10"
-			height="8"
-			viewBox="0 0 10 8"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1.26562 3.86686L3.93229 6.53353L9.26562 1.2002"
-				stroke="#38A160"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/global/FormatDate.vue b/dashboard_backup/src/components/global/FormatDate.vue
deleted file mode 100644
index 52482a7..0000000
--- a/dashboard_backup/src/components/global/FormatDate.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script>
-import { DateTime } from 'luxon';
-import { h } from 'vue';
-
-export default {
-	name: 'FormatDate',
-	props: {
-		type: {
-			type: String,
-			default: 'full'
-		}
-	},
-	render() {
-		let node = this.$slots.default()[0];
-		let value = node.children;
-		value = value.trim();
-
-		let formattedDate = this.formatDate(value, this.type);
-		return h(
-			'span',
-			{
-				title: this.$date(value).toLocaleString(DateTime.DATETIME_FULL)
-			},
-			formattedDate
-		);
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/global/GrayCheckIcon.vue b/dashboard_backup/src/components/global/GrayCheckIcon.vue
deleted file mode 100644
index 19f107e..0000000
--- a/dashboard_backup/src/components/global/GrayCheckIcon.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-	<div
-		class="grid h-4 w-4 shrink-0 place-items-center rounded-full border border-gray-500 bg-gray-500"
-	>
-		<svg
-			width="10"
-			height="8"
-			viewBox="0 0 10 8"
-			fill="none"
-			xmlns="http://www.w3.org/2000/svg"
-		>
-			<path
-				d="M1.26562 3.86686L3.93229 6.53353L9.26562 1.2002"
-				stroke="#FBFBF8"
-				stroke-miterlimit="10"
-				stroke-linecap="round"
-				stroke-linejoin="round"
-			/>
-		</svg>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/global/ListItem.vue b/dashboard_backup/src/components/global/ListItem.vue
deleted file mode 100644
index 9315d45..0000000
--- a/dashboard_backup/src/components/global/ListItem.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-	<div class="flex items-center justify-between py-3">
-		<div>
-			<div class="flex justify-start">
-				<img class="mr-2 h-4" v-if="image" :src="image" :alt="title" />
-				<h3 class="text-base font-medium text-gray-900">
-					{{ title }}
-				</h3>
-			</div>
-			<div class="mt-1" v-if="secondaryText || $slots.subtitle">
-				<template v-if="secondaryText">
-					<span class="text-base text-gray-600" v-html="secondaryText" />
-				</template>
-				<slot v-if="$slots.subtitle" name="subtitle" />
-			</div>
-		</div>
-		<slot name="actions"></slot>
-	</div>
-</template>
-<script>
-export default {
-	name: 'ListItem',
-	props: ['image', 'title', 'subtitle', 'description'],
-	computed: {
-		secondaryText() {
-			let text = this.subtitle || this.description || '';
-			return text.replace('\n', '<br>');
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/global/OldDropdown.vue b/dashboard_backup/src/components/global/OldDropdown.vue
deleted file mode 100644
index 430f1e1..0000000
--- a/dashboard_backup/src/components/global/OldDropdown.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<template>
-	<Popover
-		:show-popup="isShown"
-		:hide-arrow="true"
-		:placement="right ? 'bottom-end' : 'bottom-start'"
-		@init="updateTargetWidth"
-	>
-		<template v-slot:target>
-			<div
-				class="h-full"
-				ref="target"
-				v-on-outside-click="() => (isShown = false)"
-			>
-				<slot
-					:toggleDropdown="toggleDropdown"
-					:highlightItemUp="highlightItemUp"
-					:highlightItemDown="highlightItemDown"
-					:selectHighlightedItem="selectHighlightedItem"
-				></slot>
-			</div>
-		</template>
-
-		<template v-slot:content>
-			<div
-				slot="content"
-				class="z-10 w-full min-w-40 rounded-md bg-white"
-				:style="{ width: dropdownWidthFull ? targetWidth + 'px' : undefined }"
-			>
-				<div class="max-h-64 overflow-auto p-1 text-sm">
-					<div v-if="isLoading" class="p-2 text-gray-600">
-						{{ _('Loading...') }}
-					</div>
-					<template v-else>
-						<div v-for="d in dropdownItems" :key="d.label">
-							<div
-								v-if="d.isGroup"
-								class="px-2 pt-2 pb-1 text-xs font-semibold uppercase tracking-wider text-gray-500"
-							>
-								{{ d.label }}
-							</div>
-							<a
-								v-else
-								ref="items"
-								class="block cursor-pointer truncate rounded-md p-2 first:mt-0"
-								:class="d.index === highlightedIndex ? 'bg-gray-100' : ''"
-								@mouseenter="highlightedIndex = d.index"
-								@mouseleave="highlightedIndex = -1"
-								@click="selectItem(d)"
-							>
-								<component :is="d.component" v-if="d.component" />
-								<template v-else>{{ d.label }}</template>
-							</a>
-						</div>
-					</template>
-				</div>
-			</div>
-		</template>
-	</Popover>
-</template>
-
-<script>
-import Popover from '../Popover.vue';
-import uniq from 'lodash/uniq';
-
-export default {
-	name: 'Dropdown',
-	props: {
-		items: {
-			type: Array,
-			default: () => []
-		},
-		groups: {
-			type: Array,
-			default: null
-		},
-		right: {
-			type: Boolean,
-			default: false
-		},
-		isLoading: {
-			type: Boolean,
-			default: false
-		},
-		dropdownWidthFull: {
-			type: Boolean,
-			default: false
-		}
-	},
-	components: {
-		Popover
-	},
-	data() {
-		return {
-			targetWidth: undefined,
-			isShown: false,
-			highlightedIndex: -1
-		};
-	},
-	computed: {
-		sortedGroups() {
-			if (Array.isArray(this.groups)) {
-				return this.groups;
-			}
-			let groupNames = uniq(
-				this.items
-					.map(d => d.group)
-					.filter(Boolean)
-					.sort()
-			);
-			if (groupNames.length > 0) {
-				return groupNames;
-			}
-			return null;
-		},
-		dropdownItems() {
-			let items = this.items
-				.filter(Boolean)
-				.filter(d => (d.condition ? d.condition() : true));
-
-			if (this.sortedGroups) {
-				let itemsByGroup = {};
-
-				for (let item of items) {
-					let group = item.group || '';
-					itemsByGroup[group] = itemsByGroup[group] || [];
-					itemsByGroup[group].push(item);
-				}
-
-				let items = [];
-				let i = 0;
-				for (let group of this.sortedGroups) {
-					let groupItems = itemsByGroup[group];
-					groupItems = groupItems.map(d => {
-						d.index = i;
-						i++;
-						return d;
-					});
-					items = items.concat(
-						{
-							label: group,
-							isGroup: true
-						},
-						groupItems
-					);
-				}
-
-				return items;
-			}
-
-			return items.filter(Boolean).map((d, i) => {
-				d.index = i;
-				return d;
-			});
-		}
-	},
-	methods: {
-		selectItem(d) {
-			if (d.action) {
-				d.action();
-			}
-		},
-		toggleDropdown(flag) {
-			if (flag == null) {
-				this.isShown = !this.isShown;
-			} else {
-				this.isShown = Boolean(flag);
-			}
-		},
-		selectHighlightedItem() {
-			if (![-1, this.items.length].includes(this.highlightedIndex)) {
-				// valid selection
-				let item = this.items[this.highlightedIndex];
-				this.selectItem(item);
-			}
-		},
-		highlightItemUp() {
-			this.highlightedIndex -= 1;
-			if (this.highlightedIndex < 0) {
-				this.highlightedIndex = 0;
-			}
-			this.$nextTick(() => {
-				let index = this.highlightedIndex;
-				if (index !== 0) {
-					index -= 1;
-				}
-				this.scrollToHighlighted();
-			});
-		},
-		highlightItemDown() {
-			this.highlightedIndex += 1;
-			if (this.highlightedIndex > this.items.length) {
-				this.highlightedIndex = this.items.length;
-			}
-
-			this.$nextTick(() => {
-				this.scrollToHighlighted();
-			});
-		},
-		scrollToHighlighted() {
-			let highlightedElement = this.$refs.items[this.highlightedIndex];
-			highlightedElement &&
-				highlightedElement.scrollIntoView({ block: 'nearest' });
-		},
-		updateTargetWidth() {
-			this.$nextTick(() => {
-				this.targetWidth = this.$refs.target.clientWidth;
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/global/Section.vue b/dashboard_backup/src/components/global/Section.vue
deleted file mode 100644
index 4f46c72..0000000
--- a/dashboard_backup/src/components/global/Section.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-	<section>
-		<h2 class="text-xl font-medium text-gray-900">{{ title }}</h2>
-		<p class="text-base text-gray-500" v-if="description">
-			{{ description }}
-		</p>
-		<div class="mt-6">
-			<slot />
-		</div>
-	</section>
-</template>
-
-<script>
-export default {
-	name: 'Section',
-	props: ['title', 'description']
-};
-</script>
diff --git a/dashboard_backup/src/components/global/SectionCard.vue b/dashboard_backup/src/components/global/SectionCard.vue
deleted file mode 100644
index e41ae4d..0000000
--- a/dashboard_backup/src/components/global/SectionCard.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-	<div class="w-full rounded border py-2 shadow sm:w-2/3 md:w-1/2">
-		<slot />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SectionCard'
-};
-</script>
diff --git a/dashboard_backup/src/components/global/SectionHeader.vue b/dashboard_backup/src/components/global/SectionHeader.vue
deleted file mode 100644
index 907dca7..0000000
--- a/dashboard_backup/src/components/global/SectionHeader.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script setup>
-const props = defineProps(['heading']);
-</script>
-
-<template>
-	<div class="flex flex-row items-center justify-between">
-		<h2 class="text-xl font-semibold text-gray-800">{{ heading }}</h2>
-		<slot name="actions"> </slot>
-	</div>
-</template>
diff --git a/dashboard_backup/src/components/global/Select.vue b/dashboard_backup/src/components/global/Select.vue
deleted file mode 100644
index 4dbddb6..0000000
--- a/dashboard_backup/src/components/global/Select.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<label class="block">
-		<span
-			v-if="label"
-			class="mb-2 inline-block text-sm leading-4 text-gray-700"
-		>
-			{{ label }}
-		</span>
-		<input
-			v-if="type !== 'select'"
-			v-bind="$attrs"
-			class="form-input block w-full"
-			:class="inputClass"
-			:type="type || 'text'"
-			v-model="inputVal"
-		/>
-		<select class="form-select block w-full" v-model="inputVal" v-else>
-			<option v-for="option in options" :key="option">
-				{{ option }}
-			</option>
-		</select>
-	</label>
-</template>
-
-<script>
-export default {
-	name: 'Input',
-	props: ['label', 'type', 'value', 'inputClass', 'options'],
-	computed: {
-		inputVal: {
-			get() {
-				return this.value;
-			},
-			set(val) {
-				this.$emit('input', val);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/global/Spinner.vue b/dashboard_backup/src/components/global/Spinner.vue
deleted file mode 100644
index f81c4a6..0000000
--- a/dashboard_backup/src/components/global/Spinner.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-	<svg
-		class="animate-spin"
-		xmlns="http://www.w3.org/2000/svg"
-		fill="none"
-		viewBox="0 0 24 24"
-	>
-		<circle
-			class="opacity-25"
-			cx="12"
-			cy="12"
-			r="10"
-			stroke="currentColor"
-			stroke-width="4"
-		></circle>
-		<path
-			class="opacity-75"
-			fill="currentColor"
-			d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-		></path>
-	</svg>
-</template>
-<script>
-export default {
-	name: 'Spinner'
-};
-</script>
diff --git a/dashboard_backup/src/components/global/SuccessCard.vue b/dashboard_backup/src/components/global/SuccessCard.vue
deleted file mode 100644
index 184279b..0000000
--- a/dashboard_backup/src/components/global/SuccessCard.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-	<div class="flex flex-col rounded-md border bg-white p-10 shadow-sm">
-		<div class="flex items-center">
-			<GreenCheckIcon class="mr-2 h-5 w-5" />
-			<h2 class="text-lg font-medium text-gray-900">
-				{{ title }}
-			</h2>
-		</div>
-		<p class="mt-3 text-p-base text-gray-700">
-			<slot></slot>
-		</p>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SuccessCard',
-	props: ['title', 'message']
-};
-</script>
diff --git a/dashboard_backup/src/components/global/outsideClickDirective.js b/dashboard_backup/src/components/global/outsideClickDirective.js
deleted file mode 100644
index ea3f6dc..0000000
--- a/dashboard_backup/src/components/global/outsideClickDirective.js
+++ /dev/null
@@ -1,26 +0,0 @@
-let instances = [];
-
-function onDocumentClick(e, el, fn) {
-	let target = e.target;
-	if (el !== target && !el.contains(target)) {
-		fn(e);
-	}
-}
-
-export default {
-	created(el, binding) {
-		el.dataset.outsideClickIndex = instances.length;
-		const fn = binding.value;
-		const click = function (e) {
-			onDocumentClick(e, el, fn);
-		};
-		document.addEventListener('click', click);
-		instances.push(click);
-	},
-	unmounted(el) {
-		const index = el.dataset.outsideClickIndex;
-		const handler = instances[index];
-		document.addEventListener('click', handler);
-		instances.splice(index, 1);
-	}
-};
diff --git a/dashboard_backup/src/components/global/register.js b/dashboard_backup/src/components/global/register.js
deleted file mode 100644
index dcd62dd..0000000
--- a/dashboard_backup/src/components/global/register.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import {
-	Button,
-	FeatherIcon,
-	Tooltip,
-	LoadingIndicator,
-	LoadingText,
-	Dialog,
-	Link,
-	Input,
-	Avatar,
-	GreenCheckIcon,
-	Dropdown,
-	FormControl,
-	ErrorMessage,
-	Autocomplete
-} from 'jingrow-ui';
-import outsideClickDirective from './outsideClickDirective';
-
-let components = import.meta.glob('./*.vue', { eager: true }); // To get each component inside this folder
-
-let globalJingrowUIComponents = {
-	Button,
-	Avatar,
-	FeatherIcon,
-	Tooltip,
-	LoadingIndicator,
-	LoadingText,
-	Link,
-	Dialog,
-	Input,
-	GreenCheckIcon,
-	Dropdown,
-	FormControl,
-	ErrorMessage,
-	Autocomplete
-};
-
-export default function registerGlobalComponents(app) {
-	app.directive('on-outside-click', outsideClickDirective);
-
-	for (let path in components) {
-		let component = components[path];
-		let name = path.replace('./', '').replace('.vue', '');
-		app.component(name, component.default || component);
-	}
-
-	for (let key in globalJingrowUIComponents) {
-		app.component(key, globalJingrowUIComponents[key]);
-	}
-}
-
-export { components };
diff --git a/dashboard_backup/src/components/icons/AppsIcon.vue b/dashboard_backup/src/components/icons/AppsIcon.vue
deleted file mode 100644
index 4bd8a13..0000000
--- a/dashboard_backup/src/components/icons/AppsIcon.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-	>
-		<path
-			d="M3.02032 8.5625C3.2611 5.61306 5.61306 3.2611 8.5625 3.02032V8.0625C8.5625 8.33864 8.33864 8.5625 8.0625 8.5625H3.02032Z"
-			stroke="currentColor"
-		/>
-		<path
-			d="M8.5625 16.9797C5.61306 16.7389 3.2611 14.3869 3.02032 11.4375H8.0625C8.33864 11.4375 8.5625 11.6614 8.5625 11.9375V16.9797Z"
-			stroke="currentColor"
-		/>
-		<path
-			d="M11.4375 3.02032C14.3869 3.2611 16.7389 5.61306 16.9797 8.5625H11.9375C11.6614 8.5625 11.4375 8.33864 11.4375 8.0625V3.02032Z"
-			stroke="currentColor"
-		/>
-		<path
-			d="M11.4375 11.9375C11.4375 11.6614 11.6614 11.4375 11.9375 11.4375H16.9797C16.7389 14.3869 14.3869 16.7389 11.4375 16.9797V11.9375Z"
-			stroke="currentColor"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/BenchIcon.vue b/dashboard_backup/src/components/icons/BenchIcon.vue
deleted file mode 100644
index f3c76e6..0000000
--- a/dashboard_backup/src/components/icons/BenchIcon.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-	>
-		<path
-			d="M14.5 2.5H5.5C4.39543 2.5 3.5 3.39543 3.5 4.5V15.5C3.5 16.6046 4.39543 17.5 5.5 17.5H14.5C15.6046 17.5 16.5 16.6046 16.5 15.5V4.5C16.5 3.39543 15.6046 2.5 14.5 2.5Z"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M10 2.5V17.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M5.5 5.5H7.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M5.5 8.5H7.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M5.5 11.5H7.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M12.5 5.5H14.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M12.5 8.5H14.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M12.5 11.5H14.5"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/BillingIcon.vue b/dashboard_backup/src/components/icons/BillingIcon.vue
deleted file mode 100644
index c3c230c..0000000
--- a/dashboard_backup/src/components/icons/BillingIcon.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-	>
-		<path
-			d="M3.33301 4.5C3.33301 3.39543 4.22844 2.5 5.33301 2.5H14.6663C15.7709 2.5 16.6663 3.39543 16.6663 4.5V17.5L14.583 15.8333L12.4997 17.5L9.99967 15.8333L7.49967 17.5L5.41634 15.8333L3.33301 17.5V4.5Z"
-			stroke="currentColor"
-			stroke-miterlimit="10"
-			stroke-linecap="square"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M6.66602 5.83398H13.3327"
-			stroke="currentColor"
-			stroke-miterlimit="10"
-			stroke-linecap="round"
-		/>
-		<path
-			d="M6.66602 8.33398H13.3327"
-			stroke="currentColor"
-			stroke-miterlimit="10"
-			stroke-linecap="round"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/CheckCircleIcon.vue b/dashboard_backup/src/components/icons/CheckCircleIcon.vue
deleted file mode 100644
index f3c27b1..0000000
--- a/dashboard_backup/src/components/icons/CheckCircleIcon.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 20 20"
-		fill="currentColor"
-		aria-hidden="true"
-	>
-		<path
-			fill-rule="evenodd"
-			d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
-			clip-rule="evenodd"
-		></path>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/GoogleIcon.vue b/dashboard_backup/src/components/icons/GoogleIcon.vue
deleted file mode 100644
index 6c59ad8..0000000
--- a/dashboard_backup/src/components/icons/GoogleIcon.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 48 48"
-		width="20px"
-		height="20px"
-	>
-		<path
-			fill="#FFC107"
-			d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
-		/>
-		<path
-			fill="#FF3D00"
-			d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
-		/>
-		<path
-			fill="#4CAF50"
-			d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
-		/>
-		<path
-			fill="#1976D2"
-			d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/GoogleIconSolid.vue b/dashboard_backup/src/components/icons/GoogleIconSolid.vue
deleted file mode 100644
index 533fe7b..0000000
--- a/dashboard_backup/src/components/icons/GoogleIconSolid.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-	>
-		<path
-			fill="currentColor"
-			fill-rule="evenodd"
-			d="M17.6 8.5h-7.5v3h4.4c-.4 2.1-2.3 3.5-4.4 3.4c-2.6-.1-4.6-2.1-4.7-4.7c-.1-2.7 2-5 4.7-5.1c1.1 0 2.2.4 3.1 1.2l2.3-2.2C14.1 2.7 12.1 2 10.2 2c-4.4 0-8 3.6-8 8s3.6 8 8 8c4.6 0 7.7-3.2 7.7-7.8c-.1-.6-.1-1.1-.3-1.7z"
-			clip-rule="evenodd"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/JLogo.vue b/dashboard_backup/src/components/icons/JLogo.vue
deleted file mode 100644
index 32997d5..0000000
--- a/dashboard_backup/src/components/icons/JLogo.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0.00 0.00 128.00 128.00">
-<g stroke-width="2.00" fill="none" stroke-linecap="butt">
-<path stroke="#8fe3b1" vector-effect="non-scaling-stroke" d="
-  M 64.04 34.07
-  Q 64.93 34.07 65.55 34.69
-  Q 74.55 43.60 82.91 51.96
-  C 87.46 56.52 91.92 55.95 98.45 55.81
-  A 2.52 2.52 0.0 0 0 100.92 53.29
-  L 100.92 49.89
-  A 2.56 2.55 -1.5 0 0 98.23 47.34
-  C 95.84 47.46 91.15 47.62 89.22 45.67
-  Q 81.61 37.99 68.36 24.99
-  Q 66.43 23.09 64.04 23.09
-  Q 61.66 23.09 59.72 24.99
-  Q 46.47 37.98 38.85 45.66
-  C 36.92 47.61 32.23 47.45 29.84 47.32
-  A 2.56 2.55 1.5 0 0 27.15 49.87
-  L 27.15 53.27
-  A 2.52 2.52 0.0 0 0 29.62 55.79
-  C 36.15 55.94 40.61 56.51 45.16 51.95
-  Q 53.53 43.60 62.53 34.69
-  Q 63.15 34.07 64.04 34.07"
-/>
-<path stroke="#8fe3b1" vector-effect="non-scaling-stroke" d="
-  M 64.04 101.46
-  C 66.42 101.46 68.47 101.10 68.47 98.24
-  Q 68.49 75.28 68.49 72.56
-  A 0.61 0.61 0.0 0 1 69.10 71.95
-  L 89.64 71.95
-  A 2.50 2.50 0.0 0 0 92.14 69.45
-  L 92.14 65.73
-  A 2.28 2.28 0.0 0 0 89.86 63.45
-  L 69.10 63.45
-  A 0.61 0.61 0.0 0 1 68.49 62.84
-  L 68.49 50.37
-  A 3.05 3.03 2.1 0 0 65.67 47.34
-  Q 65.14 47.31 64.03 47.31
-  Q 62.93 47.31 62.40 47.34
-  A 3.05 3.03 -2.1 0 0 59.58 50.37
-  L 59.58 62.84
-  A 0.61 0.61 0.0 0 1 58.97 63.45
-  L 38.21 63.45
-  A 2.28 2.28 0.0 0 0 35.93 65.73
-  L 35.93 69.45
-  A 2.50 2.50 0.0 0 0 38.43 71.95
-  L 58.97 71.95
-  A 0.61 0.61 0.0 0 1 59.58 72.56
-  Q 59.58 75.28 59.60 98.24
-  C 59.60 101.10 61.65 101.46 64.04 101.46"
-/>
-</g>
-<path fill="#1fc76f" d="
-  M 115.34 95.08
-  A 19.82 19.82 0.0 0 1 95.52 114.90
-  L 32.48 114.90
-  A 19.82 19.82 0.0 0 1 12.66 95.08
-  L 12.66 32.88
-  A 19.82 19.82 0.0 0 1 32.48 13.06
-  L 95.52 13.06
-  A 19.82 19.82 0.0 0 1 115.34 32.88
-  L 115.34 95.08
-  Z
-  M 64.04 34.07
-  Q 64.93 34.07 65.55 34.69
-  Q 74.55 43.60 82.91 51.96
-  C 87.46 56.52 91.92 55.95 98.45 55.81
-  A 2.52 2.52 0.0 0 0 100.92 53.29
-  L 100.92 49.89
-  A 2.56 2.55 -1.5 0 0 98.23 47.34
-  C 95.84 47.46 91.15 47.62 89.22 45.67
-  Q 81.61 37.99 68.36 24.99
-  Q 66.43 23.09 64.04 23.09
-  Q 61.66 23.09 59.72 24.99
-  Q 46.47 37.98 38.85 45.66
-  C 36.92 47.61 32.23 47.45 29.84 47.32
-  A 2.56 2.55 1.5 0 0 27.15 49.87
-  L 27.15 53.27
-  A 2.52 2.52 0.0 0 0 29.62 55.79
-  C 36.15 55.94 40.61 56.51 45.16 51.95
-  Q 53.53 43.60 62.53 34.69
-  Q 63.15 34.07 64.04 34.07
-  Z
-  M 64.04 101.46
-  C 66.42 101.46 68.47 101.10 68.47 98.24
-  Q 68.49 75.28 68.49 72.56
-  A 0.61 0.61 0.0 0 1 69.10 71.95
-  L 89.64 71.95
-  A 2.50 2.50 0.0 0 0 92.14 69.45
-  L 92.14 65.73
-  A 2.28 2.28 0.0 0 0 89.86 63.45
-  L 69.10 63.45
-  A 0.61 0.61 0.0 0 1 68.49 62.84
-  L 68.49 50.37
-  A 3.05 3.03 2.1 0 0 65.67 47.34
-  Q 65.14 47.31 64.03 47.31
-  Q 62.93 47.31 62.40 47.34
-  A 3.05 3.03 -2.1 0 0 59.58 50.37
-  L 59.58 62.84
-  A 0.61 0.61 0.0 0 1 58.97 63.45
-  L 38.21 63.45
-  A 2.28 2.28 0.0 0 0 35.93 65.73
-  L 35.93 69.45
-  A 2.50 2.50 0.0 0 0 38.43 71.95
-  L 58.97 71.95
-  A 0.61 0.61 0.0 0 1 59.58 72.56
-  Q 59.58 75.28 59.60 98.24
-  C 59.60 101.10 61.65 101.46 64.04 101.46
-  Z"
-/>
-<path fill="#fffef2" d="
-  M 64.04 23.09
-  Q 66.43 23.09 68.36 24.99
-  Q 81.61 37.99 89.22 45.67
-  C 91.15 47.62 95.84 47.46 98.23 47.34
-  A 2.56 2.55 -1.5 0 1 100.92 49.89
-  L 100.92 53.29
-  A 2.52 2.52 0.0 0 1 98.45 55.81
-  C 91.92 55.95 87.46 56.52 82.91 51.96
-  Q 74.55 43.60 65.55 34.69
-  Q 64.93 34.07 64.04 34.07
-  Q 63.15 34.07 62.53 34.69
-  Q 53.53 43.60 45.16 51.95
-  C 40.61 56.51 36.15 55.94 29.62 55.79
-  A 2.52 2.52 0.0 0 1 27.15 53.27
-  L 27.15 49.87
-  A 2.56 2.55 1.5 0 1 29.84 47.32
-  C 32.23 47.45 36.92 47.61 38.85 45.66
-  Q 46.47 37.98 59.72 24.99
-  Q 61.66 23.09 64.04 23.09
-  Z"
-/>
-<path fill="#fffef2" d="
-  M 64.03 47.31
-  Q 65.14 47.31 65.67 47.34
-  A 3.05 3.03 2.1 0 1 68.49 50.37
-  L 68.49 62.84
-  A 0.61 0.61 0.0 0 0 69.10 63.45
-  L 89.86 63.45
-  A 2.28 2.28 0.0 0 1 92.14 65.73
-  L 92.14 69.45
-  A 2.50 2.50 0.0 0 1 89.64 71.95
-  L 69.10 71.95
-  A 0.61 0.61 0.0 0 0 68.49 72.56
-  Q 68.49 75.28 68.47 98.24
-  C 68.47 101.10 66.42 101.46 64.04 101.46
-  C 61.65 101.46 59.60 101.10 59.60 98.24
-  Q 59.58 75.28 59.58 72.56
-  A 0.61 0.61 0.0 0 0 58.97 71.95
-  L 38.43 71.95
-  A 2.50 2.50 0.0 0 1 35.93 69.45
-  L 35.93 65.73
-  A 2.28 2.28 0.0 0 1 38.21 63.45
-  L 58.97 63.45
-  A 0.61 0.61 0.0 0 0 59.58 62.84
-  L 59.58 50.37
-  A 3.05 3.03 -2.1 0 1 62.40 47.34
-  Q 62.93 47.31 64.03 47.31
-  Z"
-/>
-</svg>
-
-  </template>
-  
\ No newline at end of file
diff --git a/dashboard_backup/src/components/icons/JcloudLogo.vue b/dashboard_backup/src/components/icons/JcloudLogo.vue
deleted file mode 100644
index 3b34086..0000000
--- a/dashboard_backup/src/components/icons/JcloudLogo.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 341 65">
-		<path
-			fill="currentColor"
-			d="M30.206 20.876h8.304v5.377h.326c1.12-3.813 3.965-5.822 7.413-5.822.867 0 1.928.12 2.7.3v7.579c-.808-.265-2.435-.457-3.616-.457-3.785 0-6.557 2.61-6.557 6.4v17.43h-8.57V20.875ZM49.912 43.093c0-6.88 5.485-8.925 11.596-9.49 5.363-.518 7.473-.782 7.473-2.767v-.12c0-2.527-1.664-3.994-4.58-3.994-3.074 0-4.906 1.503-5.485 3.548l-7.919-.637c1.181-5.618 6.05-9.154 13.452-9.154 6.87 0 13.102 3.091 13.102 10.429v20.786h-8.124v-4.27h-.242c-1.506 2.875-4.46 4.86-9.027 4.86-5.882-.013-10.246-3.092-10.246-9.19Zm19.129-2.418v-3.271c-1.025.685-4.086 1.118-5.954 1.383-3.014.42-5.003 1.6-5.003 4.018 0 2.345 1.893 3.572 4.52 3.572 3.773 0 6.437-2.466 6.437-5.702ZM82.083 20.924h8.438v5.172h.385c1.145-2.502 3.616-5.581 8.787-5.581 6.774 0 12.499 5.257 12.499 15.854 0 10.309-5.484 15.866-12.523 15.866-4.99 0-7.581-2.875-8.763-5.437h-.265V63.29h-8.558V20.924Zm14.874 24.515c4.207 0 6.497-3.729 6.497-9.106 0-5.34-2.254-9.01-6.497-9.01-4.158 0-6.497 3.513-6.497 9.01s2.375 9.106 6.497 9.106ZM115.301 20.924h8.45v5.172h.385c1.145-2.502 3.616-5.581 8.787-5.581 6.774 0 12.499 5.257 12.499 15.854 0 10.309-5.484 15.866-12.523 15.866-4.99 0-7.581-2.875-8.763-5.437h-.265V63.29h-8.57V20.924Zm14.874 24.515c4.207 0 6.497-3.729 6.497-9.106 0-5.34-2.254-9.01-6.497-9.01-4.158 0-6.497 3.513-6.497 9.01s2.387 9.106 6.497 9.106ZM148.292 36.477c0-9.515 5.894-15.95 14.982-15.95 8.16 0 14.512 5.172 14.512 15.65v2.345h-21.033v.024c0 4.595 2.712 7.422 6.991 7.422 2.857 0 5.062-1.227 5.93-3.572l7.919.517c-1.205 5.714-6.352 9.43-13.994 9.43-9.498 0-15.307-6.098-15.307-15.866Zm21.43-3.247c-.024-3.67-2.591-6.316-6.316-6.316-3.796 0-6.472 2.815-6.653 6.316h12.969ZM0 11v7.157H27.265V11H0ZM0 29.26v22.434h8.702V36.43h16.754V29.26H0ZM226.065 26.477h-8.4c-.153-1.087-.466-2.052-.939-2.896a7.357 7.357 0 0 0-1.822-2.186 8.014 8.014 0 0 0-2.569-1.38c-.959-.32-2.001-.48-3.126-.48-2.033 0-3.803.505-5.312 1.515-1.509.997-2.678 2.454-3.509 4.372-.831 1.905-1.247 4.219-1.247 6.942 0 2.8.416 5.152 1.247 7.056.844 1.905 2.02 3.343 3.528 4.315 1.509.972 3.254 1.458 5.235 1.458 1.112 0 2.142-.148 3.088-.442a8.115 8.115 0 0 0 2.55-1.284 7.4 7.4 0 0 0 1.841-2.09c.499-.819.844-1.752 1.035-2.8l8.4.038a15.217 15.217 0 0 1-1.63 5.216c-.857 1.662-2.014 3.151-3.471 4.468-1.445 1.304-3.171 2.34-5.178 3.107-1.994.754-4.25 1.13-6.769 1.13-3.503 0-6.635-.792-9.396-2.377-2.749-1.585-4.922-3.88-6.52-6.884-1.585-3.004-2.378-6.642-2.378-10.911 0-4.283.805-7.926 2.416-10.93 1.611-3.005 3.797-5.293 6.558-6.866 2.762-1.585 5.868-2.378 9.32-2.378 2.276 0 4.385.32 6.328.96 1.956.638 3.688 1.572 5.197 2.799a14.41 14.41 0 0 1 3.682 4.468c.959 1.764 1.572 3.784 1.841 6.06Zm12.889-13.75V52h-8.169V12.727h8.169Zm18.773 39.848c-2.979 0-5.555-.633-7.728-1.898-2.161-1.279-3.829-3.056-5.005-5.331-1.177-2.288-1.765-4.941-1.765-7.958 0-3.043.588-5.702 1.765-7.977 1.176-2.289 2.844-4.066 5.005-5.332 2.173-1.278 4.749-1.917 7.728-1.917 2.978 0 5.548.64 7.708 1.918 2.174 1.265 3.848 3.042 5.024 5.33 1.177 2.276 1.765 4.935 1.765 7.978 0 3.017-.588 5.67-1.765 7.958-1.176 2.275-2.85 4.052-5.024 5.33-2.16 1.267-4.73 1.9-7.708 1.9Zm.038-6.328c1.355 0 2.486-.383 3.394-1.15.908-.78 1.592-1.841 2.052-3.184.473-1.342.709-2.87.709-4.583s-.236-3.24-.709-4.583c-.46-1.342-1.144-2.403-2.052-3.183-.908-.78-2.039-1.17-3.394-1.17-1.368 0-2.519.39-3.452 1.17-.92.78-1.617 1.84-2.09 3.183-.46 1.343-.69 2.87-.69 4.583s.23 3.241.69 4.583c.473 1.343 1.17 2.404 2.09 3.184.933.767 2.084 1.15 3.452 1.15Zm37.579-6.788V22.545h8.169V52h-7.843v-5.35h-.307c-.665 1.726-1.77 3.113-3.317 4.161-1.534 1.048-3.407 1.572-5.619 1.572-1.969 0-3.701-.447-5.197-1.342-1.495-.895-2.665-2.167-3.509-3.816-.831-1.649-1.253-3.624-1.266-5.925V22.546h8.17v17.296c.012 1.739.479 3.113 1.399 4.123.921 1.01 2.155 1.515 3.701 1.515.985 0 1.905-.224 2.762-.671.856-.46 1.547-1.138 2.071-2.033.537-.895.799-2 .786-3.317Zm24.477 13.02c-2.237 0-4.264-.575-6.079-1.725-1.802-1.164-3.234-2.87-4.295-5.12-1.049-2.263-1.573-5.037-1.573-8.323 0-3.375.544-6.181 1.63-8.418 1.087-2.25 2.531-3.931 4.334-5.044 1.815-1.125 3.803-1.687 5.964-1.687 1.649 0 3.023.281 4.123.844 1.112.55 2.007 1.24 2.684 2.07.691.819 1.215 1.624 1.573 2.417h.249V12.727h8.15V52h-8.054v-4.717h-.345c-.384.818-.927 1.63-1.63 2.435-.691.793-1.592 1.451-2.704 1.975-1.099.524-2.442.786-4.027.786Zm2.589-6.5c1.317 0 2.429-.358 3.336-1.074.921-.729 1.624-1.745 2.11-3.05.498-1.303.748-2.83.748-4.582 0-1.752-.243-3.273-.729-4.564s-1.189-2.289-2.109-2.992c-.921-.703-2.039-1.054-3.356-1.054-1.343 0-2.474.364-3.394 1.093-.921.728-1.618 1.738-2.091 3.03-.473 1.29-.709 2.786-.709 4.487 0 1.713.236 3.228.709 4.544.486 1.304 1.183 2.327 2.091 3.069.92.728 2.051 1.093 3.394 1.093Z"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/JingrowLogo.vue b/dashboard_backup/src/components/icons/JingrowLogo.vue
deleted file mode 100644
index 95720d4..0000000
--- a/dashboard_backup/src/components/icons/JingrowLogo.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<template>
-	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 200 100">
-		<text x="10" y="50" fill="currentColor" font-size="40px" font-family="Arial">Jingrow</text>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/SecurityIcon.vue b/dashboard_backup/src/components/icons/SecurityIcon.vue
deleted file mode 100644
index 45acc5d..0000000
--- a/dashboard_backup/src/components/icons/SecurityIcon.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 24 24"
-		fill="none"
-	>
-		<path
-			d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/ServerIcon.vue b/dashboard_backup/src/components/icons/ServerIcon.vue
deleted file mode 100644
index 137d197..0000000
--- a/dashboard_backup/src/components/icons/ServerIcon.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-	>
-		<path
-			d="M4 3.5H16C16.8284 3.5 17.5 4.17157 17.5 5V7C17.5 7.82843 16.8284 8.5 16 8.5H4C3.17157 8.5 2.5 7.82843 2.5 7V5C2.5 4.17157 3.17157 3.5 4 3.5Z"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M5 6H8"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<mask id="path-3-inside-1_26615_106286" fill="white">
-			<path
-				d="M15.25 6.5C15.6642 6.5 16 6.16421 16 5.75C16 5.33579 15.6642 5 15.25 5C14.8358 5 14.5 5.33579 14.5 5.75C14.5 6.16421 14.8358 6.5 15.25 6.5Z"
-			/>
-		</mask>
-		<path
-			d="M15.25 6.5C15.6642 6.5 16 6.16421 16 5.75C16 5.33579 15.6642 5 15.25 5C14.8358 5 14.5 5.33579 14.5 5.75C14.5 6.16421 14.8358 6.5 15.25 6.5Z"
-			fill="currentColor"
-		/>
-		<path
-			d="M14.5 5.75C14.5 5.33579 14.8358 5 15.25 5V8C16.4926 8 17.5 6.99264 17.5 5.75H14.5ZM15.25 5C15.6642 5 16 5.33579 16 5.75H13C13 6.99264 14.0074 8 15.25 8V5ZM16 5.75C16 6.16421 15.6642 6.5 15.25 6.5V3.5C14.0074 3.5 13 4.50736 13 5.75H16ZM15.25 6.5C14.8358 6.5 14.5 6.16421 14.5 5.75H17.5C17.5 4.50736 16.4926 3.5 15.25 3.5V6.5Z"
-			fill="currentColor"
-			mask="url(#path-3-inside-1_26615_106286)"
-		/>
-		<path
-			d="M4 11.5H16C16.8284 11.5 17.5 12.1716 17.5 13V15C17.5 15.8284 16.8284 16.5 16 16.5H4C3.17157 16.5 2.5 15.8284 2.5 15V13C2.5 12.1716 3.17157 11.5 4 11.5Z"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M5 14H8"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<mask id="path-7-inside-2_26615_106286" fill="white">
-			<path
-				d="M15.25 14.5C15.6642 14.5 16 14.1642 16 13.75C16 13.3358 15.6642 13 15.25 13C14.8358 13 14.5 13.3358 14.5 13.75C14.5 14.1642 14.8358 14.5 15.25 14.5Z"
-			/>
-		</mask>
-		<path
-			d="M15.25 14.5C15.6642 14.5 16 14.1642 16 13.75C16 13.3358 15.6642 13 15.25 13C14.8358 13 14.5 13.3358 14.5 13.75C14.5 14.1642 14.8358 14.5 15.25 14.5Z"
-			fill="currentColor"
-		/>
-		<path
-			d="M14.5 13.75C14.5 13.3358 14.8358 13 15.25 13V16C16.4926 16 17.5 14.9926 17.5 13.75H14.5ZM15.25 13C15.6642 13 16 13.3358 16 13.75H13C13 14.9926 14.0074 16 15.25 16V13ZM16 13.75C16 14.1642 15.6642 14.5 15.25 14.5V11.5C14.0074 11.5 13 12.5074 13 13.75H16ZM15.25 14.5C14.8358 14.5 14.5 14.1642 14.5 13.75H17.5C17.5 12.5074 16.4926 11.5 15.25 11.5V14.5Z"
-			fill="currentColor"
-			mask="url(#path-7-inside-2_26615_106286)"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/SettingsIcon.vue b/dashboard_backup/src/components/icons/SettingsIcon.vue
deleted file mode 100644
index 56256f5..0000000
--- a/dashboard_backup/src/components/icons/SettingsIcon.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-	>
-		<path
-			d="M9.99956 12.046C11.1292 12.046 12.045 11.1302 12.045 10.0005C12.045 8.87086 11.1292 7.95508 9.99956 7.95508C8.86988 7.95508 7.9541 8.87086 7.9541 10.0005C7.9541 11.1302 8.86988 12.046 9.99956 12.046Z"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-		<path
-			d="M15.0455 12.0455C14.9547 12.2511 14.9276 12.4792 14.9677 12.7004C15.0078 12.9216 15.1133 13.1257 15.2705 13.2864L15.3114 13.3273C15.4382 13.4539 15.5387 13.6043 15.6074 13.7699C15.676 13.9354 15.7113 14.1128 15.7113 14.292C15.7113 14.4712 15.676 14.6487 15.6074 14.8142C15.5387 14.9798 15.4382 15.1302 15.3114 15.2568C15.1847 15.3836 15.0343 15.4842 14.8688 15.5528C14.7032 15.6214 14.5258 15.6568 14.3466 15.6568C14.1674 15.6568 13.9899 15.6214 13.8244 15.5528C13.6589 15.4842 13.5085 15.3836 13.3818 15.2568L13.3409 15.2159C13.1802 15.0587 12.9761 14.9533 12.7549 14.9132C12.5338 14.8731 12.3056 14.9001 12.1 14.9909C11.8983 15.0773 11.7264 15.2208 11.6052 15.4038C11.4841 15.5867 11.4191 15.8011 11.4182 16.0205V16.1364C11.4182 16.498 11.2745 16.8449 11.0188 17.1006C10.7631 17.3563 10.4162 17.5 10.0545 17.5C9.69289 17.5 9.34604 17.3563 9.09031 17.1006C8.83458 16.8449 8.69091 16.498 8.69091 16.1364V16.075C8.68563 15.8493 8.61258 15.6305 8.48126 15.4468C8.34993 15.2632 8.16641 15.1234 7.95455 15.0455C7.7489 14.9547 7.52078 14.9276 7.2996 14.9677C7.07842 15.0078 6.87433 15.1133 6.71364 15.2705L6.67273 15.3114C6.54608 15.4382 6.39569 15.5387 6.23015 15.6074C6.0646 15.676 5.88716 15.7113 5.70795 15.7113C5.52875 15.7113 5.35131 15.676 5.18576 15.6074C5.02022 15.5387 4.86983 15.4382 4.74318 15.3114C4.6164 15.1847 4.51582 15.0343 4.44719 14.8688C4.37857 14.7032 4.34325 14.5258 4.34325 14.3466C4.34325 14.1674 4.37857 13.9899 4.44719 13.8244C4.51582 13.6589 4.6164 13.5085 4.74318 13.3818L4.78409 13.3409C4.94128 13.1802 5.04672 12.9761 5.08682 12.7549C5.12693 12.5338 5.09985 12.3056 5.00909 12.1C4.92266 11.8983 4.77915 11.7264 4.59623 11.6052C4.4133 11.4841 4.19895 11.4191 3.97955 11.4182H3.86364C3.50198 11.4182 3.15513 11.2745 2.8994 11.0188C2.64367 10.7631 2.5 10.4162 2.5 10.0545C2.5 9.69289 2.64367 9.34604 2.8994 9.09031C3.15513 8.83458 3.50198 8.69091 3.86364 8.69091H3.925C4.15068 8.68563 4.36955 8.61258 4.55316 8.48126C4.73677 8.34993 4.87662 8.16641 4.95455 7.95455C5.04531 7.7489 5.07238 7.52078 5.03228 7.2996C4.99217 7.07842 4.88673 6.87433 4.72955 6.71364L4.68864 6.67273C4.56185 6.54608 4.46127 6.39569 4.39265 6.23015C4.32402 6.0646 4.2887 5.88716 4.2887 5.70795C4.2887 5.52875 4.32402 5.35131 4.39265 5.18576C4.46127 5.02022 4.56185 4.86983 4.68864 4.74318C4.81528 4.6164 4.96567 4.51582 5.13122 4.44719C5.29676 4.37857 5.47421 4.34325 5.65341 4.34325C5.83261 4.34325 6.01006 4.37857 6.1756 4.44719C6.34114 4.51582 6.49154 4.6164 6.61818 4.74318L6.65909 4.78409C6.81978 4.94128 7.02387 5.04672 7.24505 5.08682C7.46623 5.12693 7.69435 5.09985 7.9 5.00909H7.95455C8.15621 4.92266 8.32819 4.77915 8.44934 4.59623C8.57048 4.4133 8.63549 4.19895 8.63636 3.97955V3.86364C8.63636 3.50198 8.78003 3.15513 9.03576 2.8994C9.2915 2.64367 9.63834 2.5 10 2.5C10.3617 2.5 10.7085 2.64367 10.9642 2.8994C11.22 3.15513 11.3636 3.50198 11.3636 3.86364V3.925C11.3645 4.1444 11.4295 4.35876 11.5507 4.54168C11.6718 4.72461 11.8438 4.86812 12.0455 4.95455C12.2511 5.04531 12.4792 5.07238 12.7004 5.03228C12.9216 4.99217 13.1257 4.88673 13.2864 4.72955L13.3273 4.68864C13.4539 4.56185 13.6043 4.46127 13.7699 4.39265C13.9354 4.32402 14.1128 4.2887 14.292 4.2887C14.4712 4.2887 14.6487 4.32402 14.8142 4.39265C14.9798 4.46127 15.1302 4.56185 15.2568 4.68864C15.3836 4.81528 15.4842 4.96567 15.5528 5.13122C15.6214 5.29676 15.6568 5.47421 15.6568 5.65341C15.6568 5.83261 15.6214 6.01006 15.5528 6.1756C15.4842 6.34114 15.3836 6.49154 15.2568 6.61818L15.2159 6.65909C15.0587 6.81978 14.9533 7.02387 14.9132 7.24505C14.8731 7.46623 14.9001 7.69435 14.9909 7.9V7.95455C15.0773 8.15621 15.2208 8.32819 15.4038 8.44934C15.5867 8.57048 15.8011 8.63549 16.0205 8.63636H16.1364C16.498 8.63636 16.8449 8.78003 17.1006 9.03576C17.3563 9.2915 17.5 9.63834 17.5 10C17.5 10.3617 17.3563 10.7085 17.1006 10.9642C16.8449 11.22 16.498 11.3636 16.1364 11.3636H16.075C15.8556 11.3645 15.6412 11.4295 15.4583 11.5507C15.2754 11.6718 15.1319 11.8438 15.0455 12.0455V12.0455Z"
-			stroke="currentColor"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/SiteIcon.vue b/dashboard_backup/src/components/icons/SiteIcon.vue
deleted file mode 100644
index f31c20d..0000000
--- a/dashboard_backup/src/components/icons/SiteIcon.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 20 20"
-		fill="none"
-	>
-		<path d="M2.5 7.5H17.5" stroke="currentColor" stroke-miterlimit="10" />
-		<rect
-			x="2.5"
-			y="2.91602"
-			width="15"
-			height="14.1667"
-			rx="2"
-			stroke="currentColor"
-		/>
-		<circle
-			cx="4.79199"
-			cy="5.20703"
-			r="0.5"
-			fill="currentColor"
-			stroke="currentColor"
-			stroke-width="0.25"
-		/>
-		<circle
-			cx="6.875"
-			cy="5.20703"
-			r="0.5"
-			fill="currentColor"
-			stroke="currentColor"
-			stroke-width="0.25"
-		/>
-		<circle
-			cx="8.95801"
-			cy="5.20703"
-			r="0.5"
-			fill="currentColor"
-			stroke="currentColor"
-			stroke-width="0.25"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/SpacesIcon.vue b/dashboard_backup/src/components/icons/SpacesIcon.vue
deleted file mode 100644
index 152aca9..0000000
--- a/dashboard_backup/src/components/icons/SpacesIcon.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		width="20"
-		height="20"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="1.3"
-		stroke-linecap="round"
-		stroke-linejoin="round"
-		class="feather feather-code"
-	>
-		<polyline points="16 18 22 12 16 6"></polyline>
-		<polyline points="8 6 2 12 8 18"></polyline>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/cards/Amex.vue b/dashboard_backup/src/components/icons/cards/Amex.vue
deleted file mode 100644
index b0a6ad4..0000000
--- a/dashboard_backup/src/components/icons/cards/Amex.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-	<svg
-		width="780"
-		height="500"
-		enable-background="new 0 0 780 500"
-		version="1.1"
-		viewBox="0 0 780 500"
-		xml:space="preserve"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="m40 1e-3h700c22.092 0 40 17.909 40 40v420c0 22.092-17.908 40-40 40h-700c-22.091 0-40-17.908-40-40v-420c0-22.091 17.909-40 40-40z"
-			fill="#2557D6"
-		/>
-		<path
-			d="m0.253 235.69h37.441l8.442-19.51h18.9l8.42 19.51h73.668v-14.915l6.576 14.98h38.243l6.576-15.202v15.138h183.08l-0.085-32.026h3.542c2.479 0.083 3.204 0.302 3.204 4.226v27.8h94.689v-7.455c7.639 3.92 19.518 7.455 35.148 7.455h39.836l8.525-19.51h18.9l8.337 19.51h76.765v-18.532l11.626 18.532h61.515v-122.51h-60.88v14.468l-8.522-14.468h-62.471v14.468l-7.828-14.468h-84.38c-14.123 0-26.539 1.889-36.569 7.153v-7.153h-58.229v7.153c-6.383-5.426-15.079-7.153-24.75-7.153h-212.74l-14.274 31.641-14.659-31.641h-67.005v14.468l-7.362-14.468h-57.145l-26.539 58.246v64.261h3e-3zm236.34-17.67h-22.464l-0.083-68.794-31.775 68.793h-19.24l-31.858-68.854v68.854h-44.57l-8.42-19.592h-45.627l-8.505 19.592h-23.801l39.241-87.837h32.559l37.269 83.164v-83.164h35.766l28.678 59.587 26.344-59.587h36.485l1e-3 87.838zm-165.9-37.823l-14.998-35.017-14.915 35.017h29.913zm255.3 37.821h-73.203v-87.837h73.203v18.291h-51.289v15.833h50.06v18.005h-50.061v17.542h51.289l1e-3 18.166zm103.16-64.18c0 14.004-9.755 21.24-15.439 23.412 4.794 1.748 8.891 4.838 10.84 7.397 3.094 4.369 3.628 8.271 3.628 16.116v17.255h-22.104l-0.083-11.077c0-5.285 0.528-12.886-3.458-17.112-3.202-3.09-8.083-3.76-15.973-3.76h-23.523v31.95h-21.914v-87.838h50.401c11.199 0 19.451 0.283 26.535 4.207 6.933 3.924 11.09 9.652 11.09 19.45zm-27.699 13.042c-3.013 1.752-6.573 1.81-10.841 1.81h-26.62v-19.51h26.982c3.818 0 7.804 0.164 10.393 1.584 2.842 1.28 4.601 4.003 4.601 7.765 0 3.84-1.674 6.929-4.515 8.351zm62.844 51.138h-22.358v-87.837h22.358v87.837zm259.56 0h-31.053l-41.535-65.927v65.927h-44.628l-8.527-19.592h-45.521l-8.271 19.592h-25.648c-10.649 0-24.138-2.257-31.773-9.715-7.701-7.458-11.708-17.56-11.708-33.533 0-13.027 2.395-24.936 11.812-34.347 7.085-7.01 18.18-10.242 33.28-10.242h21.215v18.821h-20.771c-7.997 0-12.514 1.14-16.862 5.203-3.735 3.699-6.298 10.69-6.298 19.897 0 9.41 1.951 16.196 6.023 20.628 3.373 3.476 9.506 4.53 15.272 4.53h9.842l30.884-69.076h32.835l37.102 83.081v-83.08h33.366l38.519 61.174v-61.174h22.445v87.833zm-133.2-37.82l-15.165-35.017-15.081 35.017h30.246zm189.04 178.08c-5.322 7.457-15.694 11.238-29.736 11.238h-42.319v-18.84h42.147c4.181 0 7.106-0.527 8.868-2.175 1.665-1.474 2.605-3.554 2.591-5.729 0-2.561-1.064-4.593-2.677-5.811-1.59-1.342-3.904-1.95-7.722-1.95-20.574-0.67-46.244 0.608-46.244-27.194 0-12.742 8.443-26.156 31.439-26.156h43.649v-17.479h-40.557c-12.237 0-21.129 2.81-27.425 7.174v-7.175h-59.985c-9.595 0-20.854 2.279-26.179 7.175v-7.175h-107.12v7.175c-8.524-5.892-22.908-7.175-29.549-7.175h-70.656v7.175c-6.745-6.258-21.742-7.175-30.886-7.175h-79.077l-18.094 18.764-16.949-18.764h-118.13v122.59h115.9l18.646-19.062 17.565 19.062 71.442 0.061v-28.838h7.021c9.479 0.14 20.66-0.228 30.523-4.312v33.085h58.928v-31.952h2.842c3.628 0 3.985 0.144 3.985 3.615v28.333h179.01c11.364 0 23.244-2.786 29.824-7.845v7.845h56.78c11.815 0 23.354-1.587 32.134-5.649l2e-3 -22.84zm-354.94-47.155c0 24.406-19.005 29.445-38.159 29.445h-27.343v29.469h-42.591l-26.984-29.086-28.042 29.086h-86.802v-87.859h88.135l26.961 28.799 27.875-28.799h70.021c17.389 0 36.929 4.613 36.929 28.945zm-174.22 40.434h-53.878v-17.48h48.11v-17.926h-48.11v-15.974h54.939l23.969 25.604-25.03 25.776zm86.81 10.06l-33.644-35.789 33.644-34.65v70.439zm49.757-39.066h-28.318v-22.374h28.572c7.912 0 13.404 3.09 13.404 10.772 0 7.599-5.238 11.602-13.658 11.602zm148.36-40.373h73.138v18.17h-51.315v15.973h50.062v17.926h-50.062v17.48l51.314 0.08v18.23h-73.139l2e-3 -87.859zm-28.119 47.029c4.878 1.725 8.865 4.816 10.734 7.375 3.095 4.291 3.542 8.294 3.631 16.037v17.418h-22.002v-10.992c0-5.286 0.531-13.112-3.542-17.198-3.201-3.147-8.083-3.899-16.076-3.899h-23.42v32.09h-22.02v-87.859h50.594c11.093 0 19.173 0.47 26.366 4.146 6.915 4.004 11.266 9.487 11.266 19.511-1e-3 14.022-9.764 21.178-15.531 23.371zm-12.385-11.107c-2.932 1.667-6.556 1.811-10.818 1.811h-26.622v-19.732h26.982c3.902 0 7.807 0.08 10.458 1.587 2.84 1.423 4.538 4.146 4.538 7.903 0 3.758-1.699 6.786-4.538 8.431zm197.82 5.597c4.27 4.229 6.554 9.571 6.554 18.613 0 18.9-12.322 27.723-34.425 27.723h-42.68v-18.84h42.51c4.157 0 7.104-0.525 8.95-2.175 1.508-1.358 2.589-3.333 2.589-5.729 0-2.561-1.17-4.592-2.675-5.811-1.675-1.34-3.986-1.949-7.803-1.949-20.493-0.67-46.157 0.609-46.157-27.192 0-12.744 8.355-26.158 31.33-26.158h43.932v18.7h-40.198c-3.984 0-6.575 0.145-8.779 1.587-2.4 1.422-3.29 3.534-3.29 6.319 0 3.314 2.037 5.57 4.795 6.546 2.311 0.77 4.795 0.995 8.526 0.995l11.797 0.306c11.895 0.276 20.061 2.248 25.024 7.065zm86.955-23.52h-39.938c-3.986 0-6.638 0.144-8.867 1.587-2.312 1.423-3.202 3.534-3.202 6.322 0 3.314 1.951 5.568 4.791 6.544 2.312 0.771 4.795 0.996 8.444 0.996l11.878 0.304c11.983 0.284 19.982 2.258 24.86 7.072 0.891 0.67 1.422 1.422 2.033 2.175v-25h1e-3z"
-			fill="#fff"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/cards/Generic.vue b/dashboard_backup/src/components/icons/cards/Generic.vue
deleted file mode 100644
index 8d685b9..0000000
--- a/dashboard_backup/src/components/icons/cards/Generic.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<svg
-		width="120"
-		height="80"
-		viewBox="0 0 120 80"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<rect width="120" height="80" rx="4" fill="url(#paint0_linear_823_831)" />
-		<path
-			d="M97.0264 65H83.0264"
-			stroke="white"
-			stroke-width="4"
-			stroke-linecap="round"
-		/>
-		<path
-			d="M75.853 65H61.853"
-			stroke="white"
-			stroke-width="4"
-			stroke-linecap="round"
-		/>
-		<path
-			d="M54.6797 65H40.6797"
-			stroke="white"
-			stroke-width="4"
-			stroke-linecap="round"
-		/>
-		<path
-			d="M33.5063 65H19.5063"
-			stroke="white"
-			stroke-width="4"
-			stroke-linecap="round"
-		/>
-		<path
-			d="M32.173 23.9866H18.8396C15.8941 23.9866 13.5063 26.3744 13.5063 29.3199V38.6533C13.5063 41.5988 15.8941 43.9866 18.8396 43.9866H32.173C35.1185 43.9866 37.5063 41.5988 37.5063 38.6533V29.3199C37.5063 26.3744 35.1185 23.9866 32.173 23.9866Z"
-			fill="#EDEDED"
-		/>
-		<path
-			d="M22.5198 24.9999V42.9999M22.5198 36.9999H14.5198M36.5198 36.9999H28.5198M22.5198 30.9999H14.5198M36.4931 30.9999H28.2531V43.0533M18.8398 24.6533H32.1731C34.7504 24.6533 36.8398 26.7426 36.8398 29.3199V38.6533C36.8398 41.2306 34.7504 43.3199 32.1731 43.3199H18.8398C16.2624 43.3199 14.1731 41.2306 14.1731 38.6533V29.3199C14.1731 26.7426 16.2624 24.6533 18.8398 24.6533Z"
-			stroke="#666666"
-			stroke-width="1.333"
-		/>
-		<path
-			d="M106.493 15H92.4932"
-			stroke="#EDEDED"
-			stroke-width="4"
-			stroke-linecap="round"
-		/>
-		<defs>
-			<linearGradient
-				id="paint0_linear_823_831"
-				x1="34.9333"
-				y1="15.4667"
-				x2="54.9376"
-				y2="59.9923"
-				gradientUnits="userSpaceOnUse"
-			>
-				<stop stop-color="#353535" />
-				<stop offset="1" stop-color="#0E0E0E" />
-			</linearGradient>
-		</defs>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/cards/JCB.vue b/dashboard_backup/src/components/icons/cards/JCB.vue
deleted file mode 100644
index 55956c9..0000000
--- a/dashboard_backup/src/components/icons/cards/JCB.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-	<svg
-		width="780"
-		height="500"
-		enable-background="new 0 0 780 500"
-		version="1.1"
-		viewBox="0 0 780 500"
-		xml:space="preserve"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
-			fill="#0E4C96"
-		/>
-		<path
-			d="m632.24 361.27c0 41.615-33.729 75.36-75.36 75.36h-409.13v-297.88c0-41.626 33.733-75.37 75.365-75.37l409.12-1e-3 1e-3 297.89z"
-			fill="#fff"
-		/>
-		<linearGradient
-			id="c"
-			x1="83.977"
-			x2="84.977"
-			y1="645.5"
-			y2="645.5"
-			gradientTransform="matrix(132.87 0 0 -323.02 -10686 2.0876e5)"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop stop-color="#007B40" offset="0" />
-			<stop stop-color="#55B330" offset="1" />
-		</linearGradient>
-		<path
-			d="m498.86 256.54c11.684 0.253 23.437-0.516 35.076 0.4 11.787 2.199 14.629 20.043 4.156 25.888-7.141 3.851-15.633 1.433-23.379 2.113h-15.852l-1e-3 -28.401zm41.833-32.145c2.596 9.164-6.238 17.392-15.066 16.13h-26.767c0.185-8.642-0.368-18.021 0.271-26.208 10.725 0.301 21.549-0.616 32.21 0.479 4.581 1.151 8.414 4.917 9.352 9.599zm64.428-135.9c0.498 17.501 0.071 35.927 0.214 53.783-0.035 72.596 0.072 145.19-0.055 217.79-0.47 27.207-24.582 50.844-51.601 51.387-27.046 0.111-54.095 0.016-81.142 0.047v-109.75c29.47-0.154 58.959 0.307 88.417-0.232 13.667-0.859 28.632-9.875 29.27-24.914 1.61-15.103-12.632-25.551-26.152-27.201-5.198-0.135-5.044-1.516 0-2.117 12.892-2.787 23.02-16.133 19.226-29.499-3.236-14.058-18.772-19.499-31.697-19.472-26.351-0.18-52.709-0.026-79.062-0.077 0.172-20.489-0.354-41 0.286-61.474 2.087-26.716 26.806-48.747 53.447-48.27h78.849v-1e-3z"
-			fill="url(#c)"
-		/>
-		<linearGradient
-			id="b"
-			x1="83.984"
-			x2="84.979"
-			y1="645.5"
-			y2="645.5"
-			gradientTransform="matrix(133.43 0 0 -323.02 -11031 2.0876e5)"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop stop-color="#1D2970" offset="0" />
-			<stop stop-color="#006DBA" offset="1" />
-		</linearGradient>
-		<path
-			d="m174.74 139.54c0.674-27.163 24.889-50.611 51.875-51.007 26.944-0.083 53.891-0.012 80.837-0.036-0.074 90.885 0.148 181.78-0.112 272.66-1.038 26.835-24.99 49.835-51.679 50.308-26.996 0.099-53.995 0.014-80.992 0.042v-113.45c26.223 6.194 53.722 8.832 80.473 4.721 15.993-2.574 33.488-10.424 38.902-27.014 3.986-14.191 1.742-29.126 2.334-43.691v-33.824h-46.297c-0.208 22.369 0.426 44.779-0.335 67.125-1.248 13.734-14.846 22.46-27.8 21.994-16.066 0.17-47.898-11.639-47.898-11.639-0.08-41.918 0.466-94.409 0.692-136.18z"
-			fill="url(#b)"
-		/>
-		<linearGradient
-			id="a"
-			x1="83.978"
-			x2="84.977"
-			y1="645.5"
-			y2="645.5"
-			gradientTransform="matrix(132.96 0 0 -323.03 -10842 2.0877e5)"
-			gradientUnits="userSpaceOnUse"
-		>
-			<stop stop-color="#6E2B2F" offset="0" />
-			<stop stop-color="#E30138" offset="1" />
-		</linearGradient>
-		<path
-			d="m324.72 211.89c-2.434 0.517-0.489-8.301-1.113-11.646 0.165-21.15-0.347-42.323 0.283-63.458 2.083-26.829 26.991-48.916 53.739-48.288h78.766c-0.073 90.884 0.147 181.78-0.111 272.66-1.039 26.834-24.992 49.833-51.681 50.308-26.997 0.1-53.997 0.015-80.997 0.043v-124.3c18.44 15.128 43.5 17.483 66.473 17.524 17.316-6e-3 34.534-2.674 51.35-6.67v-22.772c-18.953 9.446-41.232 15.446-62.243 10.019-14.655-3.65-25.294-17.812-25.056-32.937-1.699-15.728 7.524-32.335 22.981-37.011 19.189-6.008 40.107-1.413 58.096 6.397 3.854 2.019 7.765 4.521 6.222-1.921v-17.9c-30.084-7.156-62.101-9.792-92.329-2.004-8.749 2.469-17.271 6.212-24.38 11.958z"
-			fill="url(#a)"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/cards/MasterCard.vue b/dashboard_backup/src/components/icons/cards/MasterCard.vue
deleted file mode 100644
index aafa70d..0000000
--- a/dashboard_backup/src/components/icons/cards/MasterCard.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-	<svg
-		width="780"
-		height="500"
-		enable-background="new 0 0 780 500"
-		version="1.1"
-		viewBox="0 0 780 500"
-		xml:space="preserve"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
-			fill="#16366F"
-		/>
-		<path
-			d="m449.01 250c0 99.143-80.37 179.5-179.51 179.5s-179.5-80.361-179.5-179.5c0-99.133 80.362-179.5 179.5-179.5 99.137 0 179.51 80.37 179.51 179.5"
-			fill="#D9222A"
-		/>
-		<path
-			d="m510.49 70.496c-46.38 0-88.643 17.596-120.5 46.466-6.49 5.889-12.548 12.237-18.125 18.996h36.266c4.966 6.037 9.536 12.388 13.685 19.013h-63.635c-3.827 6.121-7.28 12.469-10.341 19.008h84.312c2.893 6.185 5.431 12.53 7.6 19.004h-99.512c-2.091 6.235-3.832 12.581-5.217 19.009h109.94c2.689 12.49 4.044 25.231 4.041 38.008 0 19.934-3.254 39.113-9.254 57.02h-99.512c2.164 6.479 4.7 12.825 7.595 19.01h84.317c-3.064 6.54-6.52 12.889-10.347 19.013h-63.625c4.154 6.629 8.73 12.979 13.685 18.996h36.258c-5.57 6.772-11.63 13.126-18.13 19.012 31.86 28.867 74.118 46.454 120.5 46.454 99.138-1e-3 179.51-80.362 179.51-179.5 0-99.13-80.37-179.5-179.51-179.5"
-			fill="#EE9F2D"
-		/>
-		<path
-			d="m666.08 350.06c0-3.201 2.592-5.801 5.796-5.801s5.796 2.6 5.796 5.801c0 3.199-2.592 5.799-5.796 5.799-3.202-1e-3 -5.797-2.598-5.796-5.799zm5.796 4.408c2.435-1e-3 4.407-1.975 4.408-4.408 0-2.433-1.972-4.404-4.404-4.404h-4e-3c-2.429-4e-3 -4.4 1.963-4.404 4.392v0.013c-3e-3 2.432 1.967 4.406 4.399 4.408 1e-3 -1e-3 3e-3 -1e-3 5e-3 -1e-3zm-0.783-1.86h-1.188v-5.094h2.149c0.45 0 0.908 0 1.305 0.254 0.413 0.278 0.646 0.77 0.646 1.278 0 0.57-0.337 1.104-0.883 1.312l0.937 2.25h-1.315l-0.78-2.016h-0.87v2.016h-1e-3zm0-2.89h0.658c0.246 0 0.504 0.02 0.725-0.1 0.196-0.125 0.296-0.359 0.296-0.584 0-0.195-0.12-0.42-0.288-0.516-0.207-0.131-0.536-0.101-0.758-0.101h-0.633v1.301zm-443.5-80.063c-2.045-0.237-2.945-0.301-4.35-0.301-11.045 0-16.637 3.789-16.637 11.268 0 4.611 2.73 7.546 6.987 7.546 7.938 0 13.659-7.56 14-18.513zm14.171 32.996h-16.146l0.371-7.676c-4.925 6.067-11.496 8.95-20.425 8.95-10.562 0-17.804-8.25-17.804-20.229 0-18.024 12.596-28.54 34.217-28.54 2.208 0 5.041 0.2 7.941 0.569 0.605-2.441 0.763-3.486 0.763-4.8 0-4.908-3.396-6.738-12.5-6.738-9.533-0.108-17.396 2.271-20.625 3.334 0.204-1.23 2.7-16.658 2.7-16.658 9.712-2.846 16.117-3.917 23.325-3.917 16.733 0 25.596 7.512 25.58 21.712 0.032 3.805-0.597 8.5-1.58 14.671-1.692 10.731-5.32 33.718-5.817 39.322zm-62.158 0h-19.488l11.163-69.997-24.925 69.997h-13.28l-1.64-69.597-11.734 69.597h-18.242l15.238-91.054h28.02l1.7 50.966 17.092-50.966h31.167l-15.071 91.054m354.98-32.996c-2.037-0.237-2.942-0.301-4.342-0.301-11.041 0-16.634 3.789-16.634 11.268 0 4.611 2.726 7.546 6.983 7.546 7.939 0 13.664-7.56 13.993-18.513zm14.183 32.996h-16.145l0.365-7.676c-4.925 6.067-11.5 8.95-20.42 8.95-10.566 0-17.8-8.25-17.8-20.229 0-18.024 12.587-28.54 34.212-28.54 2.208 0 5.037 0.2 7.934 0.569 0.604-2.441 0.763-3.486 0.763-4.8 0-4.908-3.392-6.738-12.496-6.738-9.533-0.108-17.388 2.271-20.63 3.334 0.205-1.23 2.709-16.658 2.709-16.658 9.713-2.846 16.113-3.917 23.312-3.917 16.741 0 25.604 7.512 25.588 21.712 0.032 3.805-0.597 8.5-1.58 14.671-1.682 10.731-5.32 33.718-5.812 39.322zm-220.39-1.125c-5.334 1.68-9.492 2.399-14 2.399-9.963 0-15.4-5.725-15.4-16.267-0.142-3.27 1.433-11.879 2.67-19.737 1.125-6.917 8.45-50.53 8.45-50.53h19.371l-2.262 11.209h11.7l-2.643 17.796h-11.742c-2.25 14.083-5.454 31.625-5.491 33.95 0 3.817 2.037 5.483 6.67 5.483 2.221 0 3.941-0.226 5.255-0.7l-2.578 16.397m59.391-0.6c-6.654 2.033-13.075 3.017-19.879 3-21.683-0.021-32.987-11.346-32.987-33.032 0-25.313 14.38-43.947 33.9-43.947 15.97 0 26.17 10.433 26.17 26.796 0 5.429-0.7 10.729-2.387 18.212h-38.575c-1.304 10.742 5.57 15.217 16.837 15.217 6.935 0 13.188-1.43 20.142-4.663l-3.221 18.417zm-10.887-43.9c0.107-1.543 2.054-13.217-9.013-13.217-6.171 0-10.583 4.704-12.38 13.217h21.393zm-123.42-5.017c0 9.367 4.541 15.825 14.841 20.676 7.892 3.709 9.113 4.809 9.113 8.17 0 4.617-3.48 6.7-11.192 6.7-5.812 0-11.22-0.907-17.458-2.92 0 0-2.563 16.32-2.68 17.101 4.43 0.966 8.38 1.861 20.28 2.19 20.562 0 30.058-7.829 30.058-24.75 0-10.175-3.975-16.146-13.737-20.633-8.171-3.75-9.109-4.588-9.109-8.046 0-4.004 3.238-6.046 9.538-6.046 3.825 0 9.05 0.408 14 1.113l2.775-17.175c-5.046-0.8-12.696-1.442-17.15-1.442-21.8 0-29.346 11.387-29.279 25.062m229.09-23.116c5.413 0 10.459 1.42 17.413 4.92l3.187-19.762c-2.854-1.12-12.904-7.7-21.416-7.7-13.042 0-24.066 6.47-31.82 17.15-11.31-3.746-15.959 3.825-21.659 11.367l-5.062 1.179c0.383-2.483 0.73-4.95 0.613-7.446h-17.896c-2.445 22.917-6.779 46.13-10.171 69.075l-0.884 4.976h19.496c3.254-21.143 5.038-34.681 6.121-43.842l7.342-4.084c1.096-4.08 4.529-5.458 11.416-5.292-0.926 5.008-1.389 10.09-1.383 15.184 0 24.225 13.071 39.308 34.05 39.308 5.404 0 10.042-0.712 17.221-2.657l3.431-20.76c-6.46 3.18-11.761 4.676-16.561 4.676-11.328 0-18.183-8.362-18.183-22.184-1e-3 -20.05 10.195-34.108 24.745-34.108"
-		/>
-		<path
-			d="m185.21 297.24h-19.491l11.17-69.988-24.925 69.988h-13.282l-1.642-69.588-11.733 69.588h-18.243l15.238-91.042h28.02l0.788 56.362 18.904-56.362h30.267l-15.071 91.042"
-			fill="#fff"
-		/>
-		<path
-			d="m647.52 211.6l-4.319 26.308c-5.33-7.012-11.054-12.087-18.612-12.087-9.834 0-18.784 7.454-24.642 18.425-8.158-1.692-16.597-4.563-16.597-4.563l-4e-3 0.067c0.658-6.133 0.92-9.875 0.862-11.146h-17.9c-2.437 22.917-6.77 46.13-10.157 69.075l-0.893 4.976h19.492c2.633-17.097 4.65-31.293 6.133-42.551 6.659-6.017 9.992-11.267 16.721-10.917-2.979 7.206-4.725 15.504-4.725 24.017 0 18.513 9.367 30.725 23.534 30.725 7.141 0 12.62-2.462 17.966-8.17l-0.912 6.884h18.433l14.842-91.043h-19.222zm-24.37 73.942c-6.634 0-9.983-4.909-9.983-14.597 0-14.553 6.271-24.875 15.112-24.875 6.695 0 10.32 5.104 10.32 14.508 1e-3 14.681-6.369 24.964-15.449 24.964z"
-		/>
-		<path
-			d="m233.19 264.26c-2.042-0.236-2.946-0.3-4.346-0.3-11.046 0-16.634 3.788-16.634 11.267 0 4.604 2.73 7.547 6.98 7.547 7.945-1e-3 13.666-7.559 14-18.514zm14.179 32.984h-16.146l0.367-7.663c-4.921 6.054-11.5 8.95-20.421 8.95-10.567 0-17.804-8.25-17.804-20.229 0-18.032 12.591-28.542 34.216-28.542 2.209 0 5.042 0.2 7.938 0.571 0.604-2.442 0.762-3.487 0.762-4.808 0-4.908-3.391-6.73-12.496-6.73-9.537-0.108-17.395 2.272-20.629 3.322 0.204-1.226 2.7-16.638 2.7-16.638 9.709-2.858 16.121-3.93 23.321-3.93 16.738 0 25.604 7.518 25.588 21.705 0.029 3.82-0.605 8.512-1.584 14.675-1.687 10.725-5.32 33.725-5.812 39.317zm261.38-88.592l-3.192 19.767c-6.95-3.496-12-4.921-17.407-4.921-14.551 0-24.75 14.058-24.75 34.107 0 13.821 6.857 22.181 18.183 22.181 4.8 0 10.096-1.492 16.554-4.677l-3.42 20.75c-7.184 1.959-11.816 2.672-17.226 2.672-20.976 0-34.05-15.084-34.05-39.309 0-32.55 18.059-55.3 43.888-55.3 8.507 1e-3 18.562 3.609 21.42 4.73m31.442 55.608c-2.041-0.236-2.941-0.3-4.346-0.3-11.042 0-16.634 3.788-16.634 11.267 0 4.604 2.729 7.547 6.984 7.547 7.937-1e-3 13.662-7.559 13.996-18.514zm14.179 32.984h-16.15l0.37-7.663c-4.924 6.054-11.5 8.95-20.42 8.95-10.563 0-17.804-8.25-17.804-20.229 0-18.032 12.595-28.542 34.212-28.542 2.213 0 5.042 0.2 7.941 0.571 0.601-2.442 0.763-3.487 0.763-4.808 0-4.908-3.392-6.73-12.496-6.73-9.533-0.108-17.396 2.272-20.629 3.322 0.204-1.226 2.704-16.638 2.704-16.638 9.709-2.858 16.116-3.93 23.316-3.93 16.742 0 25.604 7.518 25.583 21.705 0.034 3.82-0.595 8.512-1.579 14.675-1.682 10.725-5.324 33.725-5.811 39.317zm-220.39-1.122c-5.338 1.68-9.496 2.409-14 2.409-9.963 0-15.4-5.726-15.4-16.266-0.138-3.281 1.437-11.881 2.675-19.738 1.12-6.926 8.446-50.533 8.446-50.533h19.367l-2.259 11.212h9.942l-2.646 17.788h-9.975c-2.25 14.091-5.463 31.619-5.496 33.949 0 3.83 2.042 5.483 6.671 5.483 2.22 0 3.938-0.217 5.254-0.692l-2.579 16.388m59.392-0.591c-6.65 2.033-13.08 3.013-19.88 3-21.684-0.021-32.987-11.346-32.987-33.033 0-25.321 14.38-43.95 33.9-43.95 15.97 0 26.17 10.429 26.17 26.8 0 5.433-0.7 10.733-2.382 18.212h-38.575c-1.306 10.741 5.569 15.221 16.837 15.221 6.93 0 13.188-1.434 20.137-4.676l-3.22 18.426zm-10.892-43.912c0.117-1.538 2.059-13.217-9.013-13.217-6.166 0-10.579 4.717-12.375 13.217h21.388zm-123.42-5.004c0 9.365 4.542 15.816 14.842 20.675 7.891 3.708 9.112 4.812 9.112 8.17 0 4.617-3.483 6.7-11.187 6.7-5.817 0-11.225-0.908-17.467-2.92 0 0-2.554 16.32-2.67 17.1 4.42 0.967 8.374 1.85 20.274 2.191 20.567 0 30.059-7.829 30.059-24.746 0-10.18-3.971-16.15-13.738-20.637-8.167-3.758-9.112-4.583-9.112-8.046 0-4 3.245-6.058 9.541-6.058 3.821 0 9.046 0.42 14.004 1.125l2.771-17.18c-5.041-0.8-12.691-1.441-17.146-1.441-21.804 0-29.345 11.379-29.283 25.067m398.45 50.629h-18.437l0.917-6.893c-5.347 5.717-10.825 8.18-17.967 8.18-14.168 0-23.53-12.213-23.53-30.725 0-24.63 14.521-45.393 31.709-45.393 7.558 0 13.28 3.088 18.604 10.096l4.325-26.308h19.221l-14.842 91.043zm-28.745-17.109c9.075 0 15.45-10.283 15.45-24.953 0-9.405-3.63-14.509-10.325-14.509-8.838 0-15.116 10.317-15.116 24.875-1e-3 9.686 3.357 14.587 9.991 14.587zm-56.843-56.929c-2.439 22.917-6.773 46.13-10.162 69.063l-0.891 4.975h19.491c6.971-45.275 8.658-54.117 19.588-53.009 1.742-9.266 4.982-17.383 7.399-21.479-8.163-1.7-12.721 2.913-18.688 11.675 0.471-3.787 1.334-7.466 1.163-11.225h-17.9m-160.42 0c-2.446 22.917-6.78 46.13-10.167 69.063l-0.887 4.975h19.5c6.962-45.275 8.646-54.117 19.569-53.009 1.75-9.266 4.992-17.383 7.4-21.479-8.154-1.7-12.716 2.913-18.678 11.675 0.47-3.787 1.325-7.466 1.162-11.225h-17.899m254.57 68.242c0-3.214 2.596-5.8 5.796-5.8 3.197-3e-3 5.792 2.587 5.795 5.785v0.015c-1e-3 3.2-2.595 5.794-5.795 5.796-3.2-2e-3 -5.794-2.596-5.796-5.796zm5.796 4.404c2.432 1e-3 4.403-1.97 4.403-4.401v-2e-3c3e-3 -2.433-1.968-4.406-4.399-4.408h-4e-3c-2.435 1e-3 -4.408 1.974-4.409 4.408 3e-3 2.432 1.976 4.403 4.409 4.403zm-0.784-1.87h-1.188v-5.084h2.154c0.446 0 0.908 8e-3 1.296 0.254 0.416 0.283 0.654 0.767 0.654 1.274 0 0.575-0.338 1.113-0.888 1.317l0.941 2.236h-1.319l-0.78-2.008h-0.87v2.008 3e-3zm0-2.88h0.654c0.245 0 0.513 0.018 0.729-0.1 0.195-0.125 0.295-0.361 0.295-0.587-9e-3 -0.21-0.115-0.404-0.287-0.524-0.204-0.117-0.542-0.085-0.763-0.085h-0.629v1.296h1e-3z"
-			fill="#fff"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/cards/UnionPay.vue b/dashboard_backup/src/components/icons/cards/UnionPay.vue
deleted file mode 100644
index b9113aa..0000000
--- a/dashboard_backup/src/components/icons/cards/UnionPay.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-	<svg
-		width="120"
-		height="80"
-		viewBox="0 0 120 80"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<rect width="120" height="80" rx="4" fill="white" />
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M76.5282 14.1788C73.7421 14.2654 70.3351 16.4596 69.7146 19.1653L60.2981 60.8371C59.6776 63.568 61.3656 65.7903 64.0813 65.8312H84.9996C87.6739 65.6989 90.2725 63.5298 90.8824 60.8549L100.299 19.1828C100.93 16.424 99.201 14.1839 96.4402 14.1839L76.5282 14.1788Z"
-			fill="#01798A"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M60.2982 60.8371L69.7148 19.1653C70.3353 16.4596 73.7422 14.2654 76.4776 14.1815L68.5607 14.1764L54.2967 14.1737C51.5536 14.2298 48.1023 16.4394 47.482 19.1653L38.0627 60.8371C37.4399 63.568 39.1304 65.7903 41.8443 65.8312H64.0814C61.3657 65.7903 59.6777 63.568 60.2982 60.8371Z"
-			fill="#024381"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M38.0627 60.8371L47.482 19.1653C48.1023 16.4394 51.5536 14.2298 54.2967 14.1737L36.0237 14.1689C33.2653 14.1689 29.7287 16.4039 29.0983 19.1653L19.6789 60.8371C19.6216 61.0914 19.5898 61.3406 19.5708 61.5845V62.3576C19.7552 64.3483 21.2754 65.798 23.4605 65.8312H41.8443C39.1304 65.7903 37.4399 63.568 38.0627 60.8371Z"
-			fill="#DD0228"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M54.6818 44.5384H55.0276C55.3454 44.5384 55.5592 44.4318 55.6594 44.2206L56.558 42.8756H58.9644L58.4626 43.7603H61.3479L60.9819 45.1157H57.5486C57.1532 45.7107 56.6665 45.9904 56.0812 45.9572H54.2929L54.6818 44.5384ZM54.2867 46.4811H60.608L60.2051 47.9535H57.6629L57.275 49.3747H59.7488L59.3458 50.8469H56.872L56.2974 52.947C56.1551 53.298 56.3422 53.4559 56.8556 53.4201H58.8717L58.4982 54.7882H54.6274C53.8937 54.7882 53.642 54.3685 53.8722 53.527L54.6069 50.8469H53.0256L53.4273 49.3747H55.0088L55.3964 47.9535H53.8848L54.2867 46.4811ZM64.3762 42.8656L64.2766 43.7275C64.2766 43.7275 65.4691 42.8322 66.552 42.8322H70.5538L69.0234 48.3727C68.8965 49.0061 68.3523 49.3211 67.3911 49.3211H62.8554L61.7929 53.2116C61.7317 53.4201 61.8182 53.527 62.0471 53.527H62.9395L62.6115 54.7346H60.3426C59.4717 54.7346 59.1095 54.4727 59.2531 53.9466L62.2554 42.8656H64.3762ZM67.765 44.4318H64.1932L63.7659 45.9268C63.7659 45.9268 64.3608 45.4973 65.3548 45.4819C66.3461 45.4664 67.4776 45.4819 67.4776 45.4819L67.765 44.4318ZM66.471 47.8999C66.735 47.9357 66.8828 47.8312 66.9006 47.5845L67.1192 46.7964H63.5419L63.2419 47.8999H66.471ZM64.0581 49.6899H66.12L66.0817 50.5823H66.6307C66.9081 50.5823 67.0456 50.4935 67.0456 50.3181L67.2081 49.7408H68.9218L68.693 50.5823C68.4994 51.2842 67.9863 51.6503 67.1523 51.6861H66.054L66.0488 53.2116C66.0287 53.4559 66.2496 53.5804 66.7046 53.5804H67.7369L67.4037 54.7882H64.9276C64.2335 54.8212 63.8932 54.4905 63.9004 53.7889L64.0581 49.6899Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M72.8218 44.5995L73.3 42.9164H75.7177L75.6133 43.534C75.6133 43.534 76.8488 42.9164 77.7385 42.9164H80.7282L80.253 44.5995H79.7827L77.5275 52.5378H77.9978L77.5504 54.1143H77.0801L76.8844 54.7983H74.543L74.7383 54.1143H70.1191L70.5693 52.5378H71.0321L73.2894 44.5995H72.8218ZM75.4303 44.5995L74.815 46.7479C74.815 46.7479 75.8678 46.3439 76.7753 46.2295C76.9758 45.4792 77.2378 44.5995 77.2378 44.5995H75.4303ZM74.53 47.755L73.9126 50.0053C73.9126 50.0053 75.0794 49.4307 75.8801 49.3823C76.1114 48.5126 76.3429 47.755 76.3429 47.755H74.53ZM74.9826 52.5378L75.4454 50.9055H73.6407L73.1755 52.5378H74.9826ZM80.8301 42.8122H83.1031L83.1995 43.651C83.1845 43.8645 83.3114 43.9665 83.5809 43.9665H83.9825L83.5762 45.3877H81.9055C81.2676 45.4207 80.9395 45.1768 80.9091 44.6503L80.8301 42.8122ZM87.5266 45.8608L87.0946 47.3865H84.7504L84.3485 48.805H86.6903L86.2555 50.3282H83.6473L83.0572 51.2209H84.3338L84.6287 53.0082C84.6639 53.1862 84.8216 53.2727 85.0911 53.2727H85.4876L85.071 54.7447H83.6675C82.9403 54.7805 82.5643 54.5363 82.5336 54.0101L82.1953 52.3777L81.0336 54.1143C80.7589 54.605 80.3368 54.834 79.7677 54.7983H77.6243L78.0413 53.3259H78.71C78.9847 53.3259 79.2132 53.2039 79.4191 52.9573L81.2371 50.3282H78.893L79.3274 48.805H81.87L82.2743 47.3865H79.7293L80.1641 45.8608H87.5266Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M89.8554 40.9179C89.0926 42.5399 88.3657 43.4857 87.9388 43.9256C87.5113 44.3606 86.665 45.3726 84.626 45.2962L84.8015 44.058C86.5172 43.5291 87.4452 41.1464 87.9741 40.0913L87.3437 32.3209L88.6708 32.3031H89.7843L89.904 37.1775L91.9909 32.3031H94.1038L89.8554 40.9179Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M83.9472 32.8904L83.1078 33.4677C82.2308 32.7813 81.43 32.3566 79.8846 33.0735C77.7792 34.0499 76.02 41.5382 81.8165 39.0717L82.147 39.4633L84.4275 39.5218L85.925 32.7175L83.9472 32.8904ZM82.6505 36.6104C82.2841 37.6911 81.4659 38.4055 80.8252 38.2022C80.1846 38.0038 79.9557 36.9612 80.3269 35.8781C80.6929 34.7949 81.5165 34.083 82.1521 34.2864C82.7928 34.4847 83.024 35.5272 82.6505 36.6104Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M70.7625 27.8254H75.9591C76.9583 27.8254 77.731 28.0519 78.2622 28.4966C78.7911 28.9468 79.0558 29.5927 79.0558 30.4343V30.4596C79.0558 30.6197 79.0452 30.8003 79.0302 30.996C79.0045 31.1893 78.9713 31.385 78.9286 31.5885C78.6997 32.7023 78.1682 33.5973 77.3472 34.2762C76.5232 34.9525 75.5473 35.2933 74.4236 35.2933H71.6369L70.7752 39.5218H68.3623L70.7625 27.8254ZM72.0613 33.2592H74.3727C74.975 33.2592 75.4529 33.1192 75.8014 32.8422C76.1473 32.5625 76.3761 32.1354 76.503 31.5557C76.5232 31.4486 76.5358 31.3521 76.5512 31.2632C76.5591 31.1794 76.569 31.0952 76.569 31.0141C76.569 30.5995 76.4219 30.2995 76.1267 30.1113C75.8319 29.9204 75.3694 29.8291 74.7284 29.8291H72.7657L72.0613 33.2592Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M61.9146 32.3006H63.7046L63.5015 33.3431L63.7553 33.0456C64.3354 32.4253 65.0421 32.1175 65.8709 32.1175C66.6235 32.1175 67.1673 32.3363 67.5053 32.776C67.8388 33.216 67.9353 33.8237 67.7724 34.6043L66.7911 39.5218H64.9504L65.8405 35.0646C65.9318 34.6043 65.9065 34.261 65.7666 34.0397C65.6216 33.8185 65.3595 33.7093 64.9761 33.7093C64.503 33.7093 64.1066 33.8566 63.7785 34.1492C63.4529 34.4441 63.237 34.8535 63.1355 35.3747L62.3118 39.5218H60.4722L61.9146 32.3006Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M53.4452 38.97C52.9265 38.4742 52.6646 37.8055 52.6621 36.9563C52.6621 36.8112 52.6709 36.6461 52.6902 36.4654C52.7093 36.2823 52.7335 36.1043 52.7677 35.9392C53.0028 34.767 53.5038 33.8364 54.2753 33.1498C55.0456 32.4608 55.975 32.1149 57.0631 32.1149C57.9541 32.1149 58.6608 32.3642 59.1784 32.8625C59.6956 33.3635 59.9548 34.0397 59.9548 34.8994C59.9548 35.0466 59.9436 35.217 59.9244 35.4001C59.9015 35.5857 59.8738 35.7637 59.8416 35.9392C59.6118 37.0935 59.1124 38.014 58.3407 38.6879C57.569 39.3668 56.6423 39.7047 55.5618 39.7047C54.6669 39.7047 53.9626 39.4607 53.4452 38.97ZM57.2245 37.541C57.5741 37.1622 57.8245 36.5874 57.9771 35.8222C58 35.7028 58.0202 35.5781 58.0328 35.4535C58.0455 35.3314 58.0506 35.217 58.0506 35.1128C58.0506 34.6678 57.9374 34.3221 57.7099 34.0779C57.4838 33.8312 57.1623 33.7093 56.7467 33.7093C56.1973 33.7093 55.7499 33.9023 55.3993 34.2889C55.0456 34.6755 54.7952 35.2603 54.6375 36.0383C54.616 36.1578 54.5982 36.2774 54.5818 36.3943C54.5691 36.5138 54.5653 36.6257 54.5677 36.7273C54.5677 37.1698 54.681 37.5106 54.9084 37.752C55.1345 37.9937 55.4547 38.1131 55.8758 38.1131C56.4275 38.1131 56.8749 37.9224 57.2245 37.541Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M49.7065 32.3031H51.6897L50.1362 39.5193H48.157L49.7065 32.3031ZM50.3308 29.6741H52.3316L51.9579 31.4257H49.9572L50.3308 29.6741Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M41.4044 32.3006H43.1929L42.9884 33.3431L43.245 33.0456C43.8248 32.4253 44.529 32.1175 45.3603 32.1175C46.1129 32.1175 46.6556 32.3363 46.9964 32.776C47.3318 33.216 47.4234 33.8237 47.2647 34.6043L46.2794 39.5218H44.4413L45.3311 35.0646C45.4227 34.6043 45.3974 34.261 45.256 34.0397C45.1164 33.8185 44.8492 33.7093 44.4641 33.7093C43.9913 33.7093 43.5934 33.8566 43.2692 34.1492C42.9437 34.4441 42.729 34.8535 42.6235 35.3747L41.8036 39.5218H39.9617L41.4044 32.3006Z"
-			fill="white"
-		/>
-		<path
-			fill-rule="evenodd"
-			clip-rule="evenodd"
-			d="M39.0721 35.484C38.7924 36.8546 38.1441 37.9072 37.1385 38.6548C36.142 39.3896 34.8567 39.7582 33.2831 39.7582C31.8022 39.7582 30.7165 39.3819 30.0237 38.6267C29.5432 38.0902 29.3042 37.4087 29.3042 36.5849C29.3042 36.2443 29.345 35.8781 29.4263 35.484L31.103 27.3984H33.6352L31.9814 35.3925C31.9305 35.6138 31.9102 35.8197 31.9128 36.0053C31.9102 36.4148 32.0118 36.7503 32.2177 37.0121C32.5177 37.4013 33.0046 37.5944 33.6822 37.5944C34.4613 37.5944 35.1033 37.4038 35.6016 37.0197C36.1 36.6384 36.4254 36.0969 36.5715 35.3925L38.2305 27.3984H40.7499L39.0721 35.484Z"
-			fill="white"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/cards/Visa.vue b/dashboard_backup/src/components/icons/cards/Visa.vue
deleted file mode 100644
index 3b521d5..0000000
--- a/dashboard_backup/src/components/icons/cards/Visa.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<svg
-		width="780"
-		height="500"
-		enable-background="new 0 0 780 500"
-		version="1.1"
-		viewBox="0 0 780 500"
-		xml:space="preserve"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M40,0h700c22.092,0,40,17.909,40,40v420c0,22.092-17.908,40-40,40H40c-22.091,0-40-17.908-40-40V40   C0,17.909,17.909,0,40,0z"
-			fill="#0E4595"
-		/>
-		<path
-			d="m293.2 348.73l33.361-195.76h53.36l-33.385 195.76h-53.336zm246.11-191.54c-10.57-3.966-27.137-8.222-47.822-8.222-52.725 0-89.865 26.55-90.18 64.603-0.299 28.13 26.514 43.822 46.752 53.186 20.771 9.595 27.752 15.714 27.654 24.283-0.131 13.121-16.586 19.116-31.922 19.116-21.357 0-32.703-2.967-50.227-10.276l-6.876-3.11-7.489 43.823c12.463 5.464 35.51 10.198 59.438 10.443 56.09 0 92.5-26.246 92.916-66.882 0.199-22.269-14.016-39.216-44.801-53.188-18.65-9.055-30.072-15.099-29.951-24.268 0-8.137 9.668-16.839 30.557-16.839 17.449-0.27 30.09 3.535 39.938 7.5l4.781 2.26 7.232-42.429m137.31-4.223h-41.232c-12.773 0-22.332 3.487-27.941 16.234l-79.244 179.4h56.031s9.16-24.123 11.232-29.418c6.125 0 60.555 0.084 68.338 0.084 1.596 6.853 6.49 29.334 6.49 29.334h49.514l-43.188-195.64zm-65.418 126.41c4.412-11.279 21.26-54.723 21.26-54.723-0.316 0.522 4.379-11.334 7.074-18.684l3.605 16.879s10.219 46.729 12.354 56.528h-44.293zm-363.3-126.41l-52.24 133.5-5.567-27.13c-9.725-31.273-40.025-65.155-73.898-82.118l47.766 171.2 56.456-0.064 84.004-195.39h-56.521"
-			fill="#fff"
-		/>
-		<path
-			d="m146.92 152.96h-86.041l-0.681 4.073c66.938 16.204 111.23 55.363 129.62 102.41l-18.71-89.96c-3.23-12.395-12.597-16.094-24.186-16.527"
-			fill="#F2AE14"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src/components/icons/index.js b/dashboard_backup/src/components/icons/index.js
deleted file mode 100644
index f9431ac..0000000
--- a/dashboard_backup/src/components/icons/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import AppsIcon from './AppsIcon.vue';
-import SiteIcon from './SiteIcon.vue';
-import BenchIcon from './BenchIcon.vue';
-import ServerIcon from './ServerIcon.vue';
-import BillingIcon from './BillingIcon.vue';
-import SettingsIcon from './SettingsIcon.vue';
-import SpacesIcon from './SpacesIcon.vue';
-import SecurityIcon from './SecurityIcon.vue';
-
-export const FCIcons = {
-	SiteIcon,
-	BenchIcon,
-	ServerIcon,
-	AppsIcon,
-	BillingIcon,
-	SettingsIcon,
-	SpacesIcon,
-	SecurityIcon
-};
diff --git a/dashboard_backup/src/components/marketplace/ChangeAppBranchDialog.vue b/dashboard_backup/src/components/marketplace/ChangeAppBranchDialog.vue
deleted file mode 100644
index 556a1ab..0000000
--- a/dashboard_backup/src/components/marketplace/ChangeAppBranchDialog.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-	<Dialog
-		v-if="source"
-		:options="{
-			title: 'Add New App Release',
-			actions: [
-				{
-					label: 'Change Branch',
-					variant: 'solid',
-					loading: $resources.changeBranch.loading,
-					onClick: () => $resources.changeBranch.submit()
-				}
-			]
-		}"
-		:modelValue="show"
-	>
-		<template v-slot:body-content>
-			<select class="form-select block w-full" v-model="selectedBranch">
-				<option v-for="branch in branchList()" :key="branch">
-					{{ branch }}
-				</option>
-			</select>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'ChangeAppBranchDialog',
-	data() {
-		return {
-			selectedBranch: null
-		};
-	},
-	props: ['show', 'app', 'source', 'version', 'activeBranch'],
-	resources: {
-		branches() {
-			return {
-				url: 'jcloud.api.marketplace.branches',
-				params: {
-					name: this.source
-				},
-				auto: true
-			};
-		},
-		changeBranch() {
-			return {
-				url: 'jcloud.api.marketplace.change_branch',
-				params: {
-					name: this.app,
-					source: this.source,
-					version: this.version,
-					to_branch: this.selectedBranch
-				},
-				onSuccess() {
-					window.location.reload();
-				},
-				validate() {
-					if (this.selectedBranch == this.app.branch) {
-						return 'Please select a different branch';
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		branchList() {
-			if (this.$resources.branches.loading || !this.$resources.branches.data) {
-				return [];
-			}
-			return this.$resources.branches.data.map(d => d.name);
-		}
-	},
-	mounted() {
-		this.selectedBranch = this.activeBranch;
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/marketplace/CreateAppVersionDialog.vue b/dashboard_backup/src/components/marketplace/CreateAppVersionDialog.vue
deleted file mode 100644
index 23fa63f..0000000
--- a/dashboard_backup/src/components/marketplace/CreateAppVersionDialog.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<Dialog
-		:modelValue="show"
-		:options="{
-			title: 'Add a New App Version',
-			actions: [
-				{
-					label: 'Add New Version',
-					variant: 'solid',
-					loading: $resources.addVersion.loading,
-					onClick: () => $resources.addVersion.submit()
-				}
-			]
-		}"
-		@close="
-			() => {
-				$emit('close', true);
-			}
-		"
-	>
-		<template v-slot:body-content>
-			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-				<div>
-					<span class="mb-2 block text-sm leading-4 text-gray-700">
-						Version
-					</span>
-					<select class="form-select block w-full" v-model="selectedVersion">
-						<option v-for="version in versions" :key="version">
-							{{ version }}
-						</option>
-					</select>
-				</div>
-				<div>
-					<span class="mb-2 block text-sm leading-4 text-gray-700">
-						Branch
-					</span>
-					<select class="form-select block w-full" v-model="selectedBranch">
-						<option v-for="branch in branchList()" :key="branch">
-							{{ branch }}
-						</option>
-					</select>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'CreateMarketplaceAppVersion.vue',
-	data() {
-		return {
-			versions: [],
-			branches: [],
-			selectedBranch: null,
-			selectedVersion: null
-		};
-	},
-	props: ['app', 'show'],
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.marketplace.options_for_version',
-				auto: true,
-				params: {
-					name: this.app.name,
-					source: this.app.sources[0]?.source
-				},
-				onSuccess(d) {
-					this.versions = d.versions;
-					this.branches = d.branches;
-				}
-			};
-		},
-		addVersion() {
-			return {
-				url: 'jcloud.api.marketplace.add_version',
-				params: {
-					name: this.app.name,
-					branch: this.selectedBranch,
-					version: this.selectedVersion
-				},
-				onSuccess() {
-					window.location.reload();
-				},
-				onError(e) {
-					notify({
-						title: e,
-						color: 'red',
-						icon: 'x'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		branchList() {
-			return this.branches.map(d => d.name);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/marketplace/MarketplaceAppReviewStages.vue b/dashboard_backup/src/components/marketplace/MarketplaceAppReviewStages.vue
deleted file mode 100644
index 59832ba..0000000
--- a/dashboard_backup/src/components/marketplace/MarketplaceAppReviewStages.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<template>
-	<CardWithDetails
-		v-if="reviewStages"
-		title="Review Steps"
-		:subtitle="
-			app.review_stage === 'Not Started'
-				? 'Complete all the steps before submitting for a review'
-				: 'App is sent for review'
-		"
-	>
-		<ListItem v-for="step in reviewStages" :key="step.step" :title="step.step">
-			<template #actions>
-				<GreenCheckIcon v-if="step.completed" class="h-5 w-5" />
-				<GrayCheckIcon v-else class="h-5 w-5" />
-			</template>
-		</ListItem>
-		<template #actions>
-			<Button
-				v-if="app.status === 'Draft' && app.review_stage === 'Not Started'"
-				:disabled="reviewStages.some(step => !step.completed)"
-				:loading="$resources.startReview.isLoading"
-				@click="$resources.startReview.submit()"
-				class="py-5"
-			>
-				Submit for Review
-			</Button>
-		</template>
-		<template #details>
-			<CardDetails>
-				<div class="h-full px-6 py-5">
-					<div class="flex justify-between">
-						<div>
-							<h2 class="text-xl font-semibold">Review Communication</h2>
-							<p class="mt-1.5 text-base text-gray-600">
-								Chat with the developer assigned for review
-							</p>
-						</div>
-
-						<div>
-							<Button @click="showReplyDialog = true"> Reply </Button>
-						</div>
-					</div>
-					<div class="mt-4 h-full overflow-auto py-5">
-						<div
-							v-for="message in communication"
-							class="mb-4 overflow-auto rounded-lg bg-gray-50 p-4"
-						>
-							<div class="flex justify-between">
-								<div class="flex pb-4">
-									<Avatar
-										class="mr-2"
-										:label="message.sender"
-										:image="message.user_image"
-									/>
-									<span class="self-center text-lg font-semibold">{{
-										message.sender
-									}}</span>
-								</div>
-								<span class="text-base text-gray-600">{{
-									getFormattedDateTime(message.communication_date)
-								}}</span>
-							</div>
-							<div class="text-base" v-html="message.content"></div>
-						</div>
-					</div>
-				</div>
-			</CardDetails>
-		</template>
-	</CardWithDetails>
-	<Dialog
-		v-model="showReplyDialog"
-		:options="{
-			title: 'Reply',
-			actions: [
-				{
-					label: 'Send',
-					variant: 'solid',
-					onClick: () => $resources.addReply.submit()
-				}
-			]
-		}"
-	>
-		<template v-slot:body-content>
-			<FormControl label="Message" v-model="message" type="textarea" required />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import CardDetails from '@/components/CardDetails.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'MarketplaceAppReviewStages',
-	components: { CardWithDetails, CardDetails },
-	props: ['appName', 'app', 'reviewStages'],
-	data() {
-		return {
-			showReplyDialog: false,
-			message: null
-		};
-	},
-	methods: {
-		getFormattedDateTime(time) {
-			const date = new Date(time);
-			return date.toLocaleString(undefined, {
-				dateStyle: 'medium',
-				timeStyle: 'short'
-			});
-		}
-	},
-	resources: {
-		startReview() {
-			return {
-				url: 'jcloud.api.marketplace.mark_app_ready_for_review',
-				params: {
-					name: this.appName
-				},
-				onSuccess() {
-					window.location.reload();
-				}
-			};
-		},
-		communication() {
-			return {
-				url: 'jcloud.api.marketplace.communication',
-				params: {
-					name: this.appName
-				}
-			};
-		},
-		addReply() {
-			return {
-				url: 'jcloud.api.marketplace.add_reply',
-				params: {
-					name: this.appName,
-					message: this.message
-				},
-				onSuccess() {
-					this.showReplyDialog = false;
-					notify({
-						title: 'Reply Queued',
-						message: 'Message reply is queued for sending',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	},
-	mounted() {
-		this.$resources.communication.submit();
-	},
-	computed: {
-		communication() {
-			return this.$resources.communication.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/marketplace/PublisherPayoutInfoCard.vue b/dashboard_backup/src/components/marketplace/PublisherPayoutInfoCard.vue
deleted file mode 100644
index 20d3d78..0000000
--- a/dashboard_backup/src/components/marketplace/PublisherPayoutInfoCard.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-	<div>
-		<Card
-			v-if="profileData && profileData.profile_created"
-			title="Payout Preferences"
-			subtitle="Used for payouts for your premium apps"
-		>
-			<div class="divide-y-2">
-				<ListItem
-					title="Payout Method"
-					:description="payoutMethod || 'Not Set'"
-				/>
-
-				<ListItem
-					v-if="payoutMethod == 'PayPal'"
-					title="PayPal ID"
-					:description="payPalId || 'Not Set'"
-				/>
-
-				<ListItem
-					v-if="payoutMethod == 'Bank Transfer'"
-					title="Account Holder Name"
-					:description="acName || 'Not Set'"
-				/>
-
-				<ListItem
-					v-if="payoutMethod == 'Bank Transfer'"
-					title="Account Number"
-					:description="acNumber || 'Not Set'"
-				/>
-			</div>
-
-			<template #actions>
-				<Button icon-left="edit" @click="showEditProfileDialog = true"
-					>Edit</Button
-				>
-			</template>
-		</Card>
-
-		<Dialog
-			:options="{
-				title: 'Edit Publisher Profile',
-				actions: [
-					{
-						variant: 'solid',
-						label: 'Save Changes',
-						loading: $resources.updatePublisherProfile.loading,
-						onClick: () => $resources.updatePublisherProfile.submit()
-					}
-				]
-			}"
-			v-model="showEditProfileDialog"
-		>
-			<template v-slot:body-content>
-				<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-					<FormControl
-						label="Preferred Payment Method"
-						type="select"
-						:options="['今果 Jingrow Credits', 'Bank Transfer', 'PayPal']"
-						v-model="payoutMethod"
-					/>
-
-					<FormControl
-						v-if="payoutMethod == 'PayPal'"
-						label="PayPal ID"
-						v-model="payPalId"
-					/>
-
-					<FormControl
-						label="GSTIN (if applicable)"
-						v-if="payoutMethod != '今果 Jingrow Credits'"
-						v-model="gstin"
-					/>
-
-					<FormControl
-						v-if="payoutMethod == 'Bank Transfer'"
-						label="Account Number"
-						v-model="acNumber"
-					/>
-
-					<FormControl
-						v-if="payoutMethod == 'Bank Transfer'"
-						label="Account Holder Name"
-						v-model="acName"
-					/>
-
-					<FormControl
-						label="Bank Name, Branch, IFS Code"
-						v-if="payoutMethod == 'Bank Transfer'"
-						type="textarea"
-						v-model="otherDetails"
-					/>
-				</div>
-
-				<ErrorMessage
-					class="mt-4"
-					:message="$resources.updatePublisherProfile.error"
-				/>
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-export default {
-	props: ['profileData'],
-	emits: ['profileUpdated'],
-	data() {
-		return {
-			showEditProfileDialog: false,
-			payoutMethod: '',
-			payPalId: '',
-			acNumber: '',
-			acName: '',
-			gstin: '',
-			otherDetails: ''
-		};
-	},
-	mounted() {},
-	resources: {
-		updatePublisherProfile() {
-			return {
-				url: 'jcloud.api.marketplace.update_publisher_profile',
-				params: {
-					profile_data: {
-						preferred_payout_method: this.payoutMethod,
-						paypal_id: this.payPalId,
-						bank_account_number: this.acNumber,
-						bank_account_holder_name: this.acName,
-						gstin: this.gstin,
-						other_bank_details: this.otherDetails
-					}
-				},
-				onSuccess() {
-					this.showEditProfileDialog = false;
-					this.$emit('profileUpdated');
-				}
-			};
-		}
-	},
-	watch: {
-		profileData(data) {
-			if (data && data.profile_created) {
-				this.payoutMethod = data.profile_info.preferred_payout_method;
-				this.payPalId = data.profile_info.paypal_id;
-				this.acNumber = data.profile_info.bank_account_number;
-				this.acName = data.profile_info.bank_account_holder_name;
-				this.gstin = data.profile_info.gstin;
-				this.otherDetails = data.profile_info.other_bank_details;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/marketplace/PublisherProfileCard.vue b/dashboard_backup/src/components/marketplace/PublisherProfileCard.vue
deleted file mode 100644
index 50e295b..0000000
--- a/dashboard_backup/src/components/marketplace/PublisherProfileCard.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-	<div>
-		<Card
-			v-if="profileData && profileData.profile_created"
-			title="Publisher Profile"
-			subtitle="Visible on the marketplace website"
-		>
-			<div class="divide-y-2">
-				<ListItem
-					title="Display Name"
-					:description="$sanitize(displayName || 'Not Set')"
-				/>
-				<ListItem
-					title="Contact Email"
-					:description="$sanitize(contactEmail || 'Not Set')"
-				/>
-				<ListItem
-					title="Website"
-					:description="$sanitize(website || 'Not Set')"
-				/>
-			</div>
-
-			<template #actions>
-				<Button icon-left="edit" @click="showEditProfileDialog = true"
-					>Edit</Button
-				>
-			</template>
-		</Card>
-
-		<Dialog
-			:options="{
-				title: 'Edit Publisher Profile',
-				actions: [
-					{
-						variant: 'solid',
-						label: 'Save Changes',
-						loading: $resources.updatePublisherProfile.loading,
-						onClick: () => $resources.updatePublisherProfile.submit()
-					}
-				]
-			}"
-			v-model="showEditProfileDialog"
-		>
-			<template v-slot:body-content>
-				<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-					<FormControl label="Display Name" v-model="displayName" />
-					<FormControl
-						label="Contact Email"
-						type="email"
-						v-model="contactEmail"
-					/>
-					<FormControl label="Website" v-model="website" />
-				</div>
-
-				<ErrorMessage
-					class="mt-4"
-					:message="$resources.updatePublisherProfile.error"
-				/>
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-export default {
-	props: ['profileData', 'showEditDialog'],
-	emits: ['profileUpdated'],
-	data() {
-		return {
-			showEditProfileDialog: false,
-			displayName: '',
-			contactEmail: '',
-			website: ''
-		};
-	},
-	resources: {
-		updatePublisherProfile() {
-			return {
-				url: 'jcloud.api.marketplace.update_publisher_profile',
-				params: {
-					profile_data: {
-						display_name: this.displayName,
-						contact_email: this.contactEmail,
-						website: this.website
-					}
-				},
-				validate() {
-					if (!this.displayName) {
-						return 'Display Name is required.';
-					}
-				},
-				onSuccess() {
-					this.showEditProfileDialog = false;
-					this.$emit('profileUpdated');
-				}
-			};
-		}
-	},
-	watch: {
-		profileData(data) {
-			if (data && data.profile_created) {
-				this.displayName = data.profile_info.display_name;
-				this.contactEmail = data.profile_info.contact_email;
-				this.website = data.profile_info.website;
-			}
-		},
-		showEditDialog(value) {
-			if (value) {
-				this.showEditProfileDialog = true;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/utils/CommitChooser.vue b/dashboard_backup/src/components/utils/CommitChooser.vue
deleted file mode 100644
index df7620c..0000000
--- a/dashboard_backup/src/components/utils/CommitChooser.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-	<Autocomplete :options="options" v-model="chosenCommit">
-		<template v-slot:target="{ togglePopover }">
-			<Button
-				class="font-mono text-xs"
-				:label="modelValue.label"
-				icon-right="chevron-down"
-				@click="() => togglePopover()"
-			/>
-		</template>
-	</Autocomplete>
-</template>
-
-<script>
-export default {
-	name: 'CommitChooser',
-	props: ['options', 'modelValue'],
-	emits: ['update:modelValue'],
-	computed: {
-		chosenCommit: {
-			get() {
-				this.modelValue;
-			},
-			set(value) {
-				if (!value) return;
-
-				this.$emit('update:modelValue', {
-					label: this.isVersion(value.label)
-						? value.label
-						: value.label.match(/\((\w+)\)$/)[1],
-					value: value.value
-				});
-			}
-		}
-	},
-	methods: {
-		isVersion(tag) {
-			return tag.match(/^v\d+\.\d+\.\d+$/);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/components/utils/CommitTag.vue b/dashboard_backup/src/components/utils/CommitTag.vue
deleted file mode 100644
index 9a85f29..0000000
--- a/dashboard_backup/src/components/utils/CommitTag.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-	<Button class="font-mono text-xs" :link="link">
-		{{ tag }}
-	</Button>
-</template>
-
-<script>
-export default {
-	name: 'CommitTag',
-	props: ['tag', 'link']
-};
-</script>
diff --git a/dashboard_backup/src/composables/resource.js b/dashboard_backup/src/composables/resource.js
deleted file mode 100644
index eae7f46..0000000
--- a/dashboard_backup/src/composables/resource.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { unref, reactive, getCurrentInstance } from 'vue';
-import { Resource } from '@/resourceManager/ResourceManager';
-
-export default function useResource(options) {
-	const resourceOptions = unref(options);
-	const _vm = getCurrentInstance();
-	const resource = reactive(new Resource(_vm, resourceOptions));
-
-	if (options.auto) {
-		resource.reload();
-	}
-
-	return resource;
-}
diff --git a/dashboard_backup/src/controllers/account.js b/dashboard_backup/src/controllers/account.js
deleted file mode 100644
index beac4f3..0000000
--- a/dashboard_backup/src/controllers/account.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import call from './call';
-
-export default class Account {
-	constructor() {
-		this.user = null;
-		this.team = null;
-		this.ssh_key = null;
-		this.teams = [];
-		this.team_members = [];
-		this.onboarding = null;
-		this.balance = 0;
-		this.feature_flags = {};
-		this._fetchAccountPromise = null;
-	}
-
-	async fetchIfRequired() {
-		if (!this.user) {
-			if (this._fetchAccountPromise) {
-				await this._fetchAccountPromise;
-			} else {
-				await this.fetchAccount();
-			}
-		}
-	}
-
-	async fetchAccount() {
-		if (document.cookie.includes('user_id=Guest')) {
-			return;
-		}
-		try {
-			this._fetchAccountPromise = call('jcloud.api.account.get');
-			let result = await this._fetchAccountPromise;
-			this.user = result.user;
-			this.ssh_key = result.ssh_key;
-			this.team = result.team;
-			this.teams = result.teams;
-			this.team_members = result.team_members;
-			this.child_team_members = result.child_team_members;
-			this.onboarding = result.onboarding;
-			this.balance = result.balance;
-			this.feature_flags = result.feature_flags;
-			this.parent_team = result.parent_team;
-			this.partner_email = result.partner_email;
-			this.partner_billing_name = result.partner_billing_name;
-			this.saas_site_request = result.saas_site_request;
-			this.permissions = result.permissions;
-			this.number_of_sites = result.number_of_sites;
-			this.billing_info = result.billing_info;
-		} catch (e) {
-			localStorage.removeItem('current_team');
-		} finally {
-			this._fetchAccountPromise = null;
-		}
-	}
-
-	hasRole(role) {
-		let roles = this.user.roles.map(d => d.role);
-		return roles.includes(role);
-	}
-
-	async switchTeam(team) {
-		if (team === this.team.name) {
-			return;
-		}
-		let result = await call('jcloud.api.account.switch_team', { team });
-		this.team = result.team;
-		this.team_members = result.team_members;
-		localStorage.setItem('current_team', team);
-	}
-
-	async switchToTeam(team) {
-		await this.switchTeam(team);
-		window.location.reload();
-	}
-
-	get needsCard() {
-		return !this.hasBillingInfo;
-	}
-
-	get hasBillingInfo() {
-		if (!this.team) {
-			return true;
-		}
-		if (this.team.free_account || this.team.parent_team) {
-			return true;
-		}
-		if (this.team.payment_mode === 'Paid By Partner') {
-			// partner credits shall be deprecated in few months
-			return true;
-		}
-		if (['Card', 'Prepaid Credits'].includes(this.team.payment_mode)) {
-			// card is chargeable and not spam
-			return (
-				this.billing_info.verified_micro_charge ||
-				this.billing_info.has_paid_before ||
-				this.balance > 0
-			);
-		}
-
-		return false;
-	}
-
-	hasPermission(docname, action = '', list = false) {
-		// logged in user is site owner or
-		// has no granular permissions set, so has all permissions
-		if (
-			this.team.user === this.user.name ||
-			Object.keys(this.permissions).length === 0
-		) {
-			return true;
-		}
-		// if any permission is set for resource, show list view
-		if (Object.keys(this.permissions).includes(docname) && list) {
-			return true;
-		}
-		// check for granular restricted access
-		if (Object.keys(this.permissions).includes(docname)) {
-			if (this.permissions[docname].includes(action)) {
-				return true;
-			}
-		}
-		return false;
-	}
-}
diff --git a/dashboard_backup/src/controllers/auth.js b/dashboard_backup/src/controllers/auth.js
deleted file mode 100644
index a0122ae..0000000
--- a/dashboard_backup/src/controllers/auth.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import call from './call';
-
-export default class Auth {
-	constructor() {
-		this.isLoggedIn = false;
-		this.user = null;
-		this.user_image = null;
-		this.cookie = null;
-
-		this.cookie = Object.fromEntries(
-			document.cookie
-				.split('; ')
-				.map(part => part.split('='))
-				.map(d => [d[0], decodeURIComponent(d[1])])
-		);
-
-		this.isLoggedIn = this.cookie.user_id && this.cookie.user_id !== 'Guest';
-	}
-
-	async login(email, password) {
-		localStorage.removeItem('current_team');
-		let res = await call('login', {
-			usr: email,
-			pwd: password
-		});
-		if (res) {
-			await window.$account.fetchAccount();
-			let last_used_team = window.$account.team.last_used_team;
-			let team = window.$account.team.name;
-
-			if (last_used_team && last_used_team != team) {
-				team = last_used_team;
-				window.$account.switchTeam(last_used_team);
-			}
-			localStorage.setItem('current_team', team);
-			this.isLoggedIn = true;
-			window.location.reload();
-			return res;
-		}
-		return false;
-	}
-	async logout() {
-		localStorage.removeItem('current_team');
-		await call('logout');
-		window.location.reload();
-	}
-	async resetPassword(email) {
-		return await call('jcloud.api.account.send_reset_password_email', {
-			email
-		});
-	}
-}
diff --git a/dashboard_backup/src/controllers/call.js b/dashboard_backup/src/controllers/call.js
deleted file mode 100644
index 81d0677..0000000
--- a/dashboard_backup/src/controllers/call.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import router from '@/router';
-
-export default async function call(method, args) {
-	if (!args) {
-		args = {};
-	}
-
-	let headers = {
-		Accept: 'application/json',
-		'Content-Type': 'application/json; charset=utf-8',
-		'X-Jingrow-Site-Name': window.location.hostname
-	};
-
-	let team = localStorage.getItem('current_team') || null;
-	if (team) {
-		headers['X-Jcloud-Team'] = team;
-	}
-
-	if (window.csrf_token && window.csrf_token !== '{{ csrf_token }}') {
-		headers['X-Jingrow-CSRF-Token'] = window.csrf_token;
-	}
-
-	updateState(this, 'RequestStarted', null);
-
-	const res = await fetch(`/api/action/${method}`, {
-		method: 'POST',
-		headers,
-		body: JSON.stringify(args)
-	});
-
-	if (res.ok) {
-		updateState(this, null, null);
-		const data = await res.json();
-		if (data.docs || method === 'login') {
-			return data;
-		}
-		return data.message;
-	} else {
-		let response = await res.text();
-		let error, exception;
-		try {
-			error = JSON.parse(response);
-			// eslint-disable-next-line no-empty
-		} catch (e) {}
-		let errorParts = [
-			[method, error.exc_type, error._error_message].filter(Boolean).join(' ')
-		];
-		if (error.exc) {
-			exception = error.exc;
-			try {
-				exception = JSON.parse(exception)[0];
-				console.log(exception);
-				// eslint-disable-next-line no-empty
-			} catch (e) {}
-		}
-		let e = new Error(errorParts.join('\n'));
-		e.exc_type = error.exc_type;
-		e.exc = exception;
-		e.messages = error._server_messages
-			? JSON.parse(error._server_messages)
-			: [];
-		e.messages = e.messages.concat(error.message);
-		e.messages = e.messages.map(m => {
-			try {
-				return JSON.parse(m).message;
-			} catch (error) {
-				return m;
-			}
-		});
-		e.messages = e.messages.filter(Boolean);
-		if (!e.messages.length) {
-			e.messages = error._error_message
-				? [error._error_message]
-				: ['Internal Server Error'];
-		}
-		updateState(this, null, e.messages.join('\n'));
-
-		if (
-			[401, 403].includes(res.status) &&
-			router.currentRoute.name !== 'Login'
-		) {
-			router.push('/login');
-		}
-		throw e;
-	}
-
-	function updateState(vm, state, errorMessage) {
-		if (vm?.state !== undefined) {
-			vm.state = state;
-		}
-		if (vm?.errorMessage !== undefined) {
-			vm.errorMessage = errorMessage;
-		}
-	}
-}
diff --git a/dashboard_backup/src/controllers/fileUploader.js b/dashboard_backup/src/controllers/fileUploader.js
deleted file mode 100644
index 3994b10..0000000
--- a/dashboard_backup/src/controllers/fileUploader.js
+++ /dev/null
@@ -1,100 +0,0 @@
-export default class FileUploader {
-	constructor() {
-		this.listeners = {};
-	}
-
-	on(event, handler) {
-		this.listeners[event] = this.listeners[event] || [];
-		this.listeners[event].push(handler);
-	}
-
-	trigger(event, data) {
-		let handlers = this.listeners[event] || [];
-		handlers.forEach(handler => {
-			handler.call(this, data);
-		});
-	}
-
-	upload(file, options) {
-		return new Promise((resolve, reject) => {
-			let xhr = new XMLHttpRequest();
-			xhr.upload.addEventListener('loadstart', () => {
-				this.trigger('start');
-			});
-			xhr.upload.addEventListener('progress', e => {
-				if (e.lengthComputable) {
-					this.trigger('progress', {
-						uploaded: e.loaded,
-						total: e.total
-					});
-				}
-			});
-			xhr.upload.addEventListener('load', () => {
-				this.trigger('finish');
-			});
-			xhr.addEventListener('error', () => {
-				this.trigger('error');
-				reject();
-			});
-			xhr.onreadystatechange = () => {
-				if (xhr.readyState == XMLHttpRequest.DONE) {
-					let error;
-					if (xhr.status === 200) {
-						let r = null;
-						try {
-							r = JSON.parse(xhr.responseText);
-						} catch (e) {
-							r = xhr.responseText;
-						}
-						let out = r.message || r;
-						resolve(out);
-					} else if (xhr.status === 403) {
-						error = JSON.parse(xhr.responseText);
-					} else {
-						this.failed = true;
-						try {
-							error = JSON.parse(xhr.responseText);
-						} catch (e) {
-							// pass
-						}
-					}
-					if (error && error.exc) {
-						console.error(JSON.parse(error.exc)[0]);
-					}
-					reject(error);
-				}
-			};
-			xhr.open('POST', '/api/action/upload_file', true);
-			xhr.setRequestHeader('Accept', 'application/json');
-			if (window.csrf_token && window.csrf_token !== '{{ csrf_token }}') {
-				xhr.setRequestHeader('X-Jingrow-CSRF-Token', window.csrf_token);
-			}
-
-			let form_data = new FormData();
-			if (file) {
-				form_data.append('file', file, file.name);
-			}
-			form_data.append('is_private', +(options.private || 0));
-			form_data.append('folder', options.folder || 'Home');
-
-			if (options.file_url) {
-				form_data.append('file_url', options.file_url);
-			}
-
-			if (options.pagetype && options.docname) {
-				form_data.append('pagetype', options.pagetype);
-				form_data.append('docname', options.docname);
-			}
-
-			if (options.method) {
-				form_data.append('method', options.method);
-			}
-
-			if (options.type) {
-				form_data.append('type', options.type);
-			}
-
-			xhr.send(form_data);
-		});
-	}
-}
diff --git a/dashboard_backup/src/controllers/loginAsAdmin.js b/dashboard_backup/src/controllers/loginAsAdmin.js
deleted file mode 100644
index 7913cac..0000000
--- a/dashboard_backup/src/controllers/loginAsAdmin.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { notify } from '@/utils/toast';
-
-export function loginAsAdmin(siteName) {
-	return {
-		url: 'jcloud.api.site.login',
-		params: { name: siteName },
-		onSuccess(data) {
-			if (data?.sid && data?.site) {
-				window.open(`https://${data.site}/desk?sid=${data.sid}`, '_blank');
-			}
-		},
-		validate() {
-			// hack to display the toast
-			notify({
-				title: 'Attempting to login as Administrator',
-				message: `Please wait...`,
-				icon: 'alert-circle',
-				color: 'yellow'
-			});
-		},
-		onError(err) {
-			notify({
-				title: 'Could not login as Administrator',
-				message: err.messages.join('\n'),
-				color: 'red',
-				icon: 'x'
-			});
-		}
-	};
-}
diff --git a/dashboard_backup/src/controllers/register.js b/dashboard_backup/src/controllers/register.js
deleted file mode 100644
index e01be17..0000000
--- a/dashboard_backup/src/controllers/register.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import call from './call';
-import Auth from './auth';
-import socket from './socket';
-import Account from './account';
-
-import { reactive } from 'vue';
-
-const auth = reactive(new Auth());
-const account = reactive(new Account());
-
-export default function registerControllers(app) {
-	// Hack to get $auth working, should be refactored later
-	app.config.globalProperties.$call = call;
-	app.config.globalProperties.$socket = socket;
-	app.config.globalProperties.$auth = auth;
-	app.config.globalProperties.$account = account;
-
-	// Actually, provide-inject is recommended to be used
-	app.provide('$auth', auth);
-	app.provide('$account', account);
-	app.provide('$call', call);
-	app.provide('$socket', socket);
-
-	// global accessor to expose switchToTeam method
-	window.$account = account;
-
-	return {
-		auth,
-		account,
-		call,
-		socket
-	};
-}
diff --git a/dashboard_backup/src/controllers/s3FileUploader.js b/dashboard_backup/src/controllers/s3FileUploader.js
deleted file mode 100644
index 9284ad7..0000000
--- a/dashboard_backup/src/controllers/s3FileUploader.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import call from './call';
-
-export default class S3FileUploader {
-	constructor() {
-		this.listeners = {};
-	}
-
-	on(event, handler) {
-		this.listeners[event] = this.listeners[event] || [];
-		this.listeners[event].push(handler);
-	}
-
-	trigger(event, data) {
-		let handlers = this.listeners[event] || [];
-		handlers.forEach(handler => {
-			handler.call(this, data);
-		});
-	}
-
-	upload(file, options) {
-		return new Promise(async (resolve, reject) => {
-			async function getUploadLink() {
-				try {
-					let response = await fetch(
-						`/api/action/jcloud.api.site.get_upload_link?file=${file.name}`
-					);
-					let data = await response.json();
-					return data.message;
-				} catch (e) {
-					reject(e);
-				}
-			}
-			const upload_link = await getUploadLink();
-			const file_path = upload_link?.fields?.key;
-
-			if (!file_path) {
-				return;
-			}
-
-			let xhr = new XMLHttpRequest();
-			xhr.upload.addEventListener('loadstart', () => {
-				this.trigger('start');
-			});
-			xhr.upload.addEventListener('progress', e => {
-				if (e.lengthComputable) {
-					this.trigger('progress', {
-						uploaded: e.loaded,
-						total: e.total
-					});
-				}
-			});
-			xhr.upload.addEventListener('load', () => {
-				this.trigger('finish');
-			});
-			xhr.addEventListener('error', () => {
-				this.trigger('error');
-				reject();
-			});
-			xhr.onreadystatechange = () => {
-				if (xhr.readyState == XMLHttpRequest.DONE) {
-					let error;
-					if (xhr.status === 200 || xhr.status === 204) {
-						let r = null;
-						try {
-							r = JSON.parse(xhr.responseText);
-						} catch (e) {
-							r = xhr.responseText;
-						}
-						let out =
-							r.message ||
-							call('jcloud.api.site.uploaded_backup_info', {
-								file: file.name,
-								path: file_path,
-								type: file.type,
-								size: file.size
-							});
-						resolve(out || upload_link.fields.key);
-					} else {
-						// response from aws is in xml
-						let xmlDoc = new DOMParser().parseFromString(
-							xhr.responseText,
-							'text/xml'
-						);
-						let code =
-							xmlDoc.getElementsByTagName('Code')[0].childNodes[0].nodeValue;
-						let message =
-							xmlDoc.getElementsByTagName('Message')[0].childNodes[0].nodeValue;
-						console.error(`${code}: ${message}`);
-						error = xhr.responseText;
-					}
-					if (error && error.exc) {
-						console.error(JSON.parse(error.exc)[0]);
-					}
-					reject(error);
-				}
-			};
-
-			xhr.open('POST', upload_link.url, true);
-			xhr.setRequestHeader('Accept', 'application/json');
-
-			let form_data = new FormData();
-			for (let key in upload_link.fields) {
-				if (upload_link.fields.hasOwnProperty(key)) {
-					form_data.append(key, upload_link.fields[key]);
-				}
-			}
-			if (file) {
-				form_data.append('file', file, file.name);
-			}
-
-			xhr.send(form_data);
-		});
-	}
-}
diff --git a/dashboard_backup/src/controllers/socket.js b/dashboard_backup/src/controllers/socket.js
deleted file mode 100644
index a4d9a6a..0000000
--- a/dashboard_backup/src/controllers/socket.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { io } from 'socket.io-client';
-import config from '../../../../../sites/common_site_config.json';
-
-let host = window.location.hostname;
-let port = window.location.port ? `:${config.socketio_port}` : '';
-let protocol = port ? 'http' : 'https';
-let siteName = window.site_name || host;
-let url = `${protocol}://${host}${port}/${siteName}`;
-let socket = io(url, {
-	withCredentials: true
-});
-
-export default socket;
diff --git a/dashboard_backup/src/data/notifications.js b/dashboard_backup/src/data/notifications.js
deleted file mode 100644
index beb0ff0..0000000
--- a/dashboard_backup/src/data/notifications.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createResource } from 'jingrow-ui';
-
-export const unreadNotificationsCount = createResource({
-	cache: 'Unread Notifications Count',
-	url: 'jcloud.api.notifications.get_unread_count',
-	initialData: 0
-});
diff --git a/dashboard_backup/src/main.js b/dashboard_backup/src/main.js
deleted file mode 100644
index 0e98d9d..0000000
--- a/dashboard_backup/src/main.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import App from './App.vue';
-import { createApp } from 'vue';
-import registerPlugins from './plugins';
-import registerRouter from './router/register';
-import registerControllers from './controllers/register';
-import registerGlobalComponents from './components/global/register';
-import * as Sentry from '@sentry/vue';
-import posthog from 'posthog-js';
-import { BrowserTracing } from '@sentry/tracing';
-import router from './router/index';
-import dayjs from 'dayjs';
-import { notify } from '@/utils/toast';
-import {
-	setConfig,
-	jingrowRequest,
-	pageMetaPlugin,
-	resourcesPlugin
-} from 'jingrow-ui';
-
-const app = createApp(App);
-let request = options => {
-	let _options = options || {};
-	_options.headers = options.headers || {};
-	let currentTeam = localStorage.getItem('current_team');
-	if (currentTeam) {
-		_options.headers['X-Jcloud-Team'] = currentTeam;
-	}
-	return jingrowRequest(_options);
-};
-setConfig('resourceFetcher', request);
-app.use(resourcesPlugin);
-app.use(pageMetaPlugin);
-
-registerPlugins(app);
-registerGlobalComponents(app);
-const { auth, account } = registerControllers(app);
-registerRouter(app, auth, account);
-
-// sentry
-if (window.jcloud_frontend_sentry_dsn?.includes('https://')) {
-	Sentry.init({
-		app,
-		dsn: window.jcloud_frontend_sentry_dsn,
-		integrations: [
-			new BrowserTracing({
-				routingInstrumentation: Sentry.vueRouterInstrumentation(router),
-				tracingOrigins: ['localhost', /^\//]
-			})
-		],
-		beforeSend(event, hint) {
-			const ignoreErrors = [
-				/dynamically imported module/,
-				/NetworkError when attempting to fetch resource/
-			];
-			const error = hint.originalException;
-
-			if (error?.message && ignoreErrors.some(re => re.test(error.message)))
-				return null;
-
-			return event;
-		},
-		logErrors: true
-	});
-}
-
-// posthog
-if (window.jcloud_frontend_posthog_host?.includes('https://')) {
-	try {
-		posthog.init(window.jcloud_frontend_posthog_project_id, {
-			api_host: window.jcloud_frontend_posthog_host,
-			autocapture: false,
-			capture_pageview: false,
-			capture_pageleave: false,
-			advanced_disable_decide: true
-		});
-		window.posthog = posthog;
-	} catch (e) {
-		console.trace('Failed to initialize telemetry', e);
-	}
-}
-
-if (import.meta.env.DEV) {
-	request({
-		url: '/api/action/jcloud.www.dashboard.get_context_for_dev'
-	}).then(values => {
-		for (let key in values) {
-			window[key] = values[key];
-		}
-		app.mount('#app');
-	});
-} else {
-	app.mount('#app');
-}
-
-app.config.globalProperties.$dayjs = dayjs;
-app.config.errorHandler = (error, instance) => {
-	if (instance) {
-		let errorMessage = error.message;
-		if (error.messages) errorMessage = error.messages.join('\n');
-		notify({
-			icon: 'x',
-			title: 'An error occurred',
-			message: errorMessage,
-			color: 'red'
-		});
-	}
-	console.error(error);
-};
diff --git a/dashboard_backup/src/plugins.js b/dashboard_backup/src/plugins.js
deleted file mode 100644
index 7ffde53..0000000
--- a/dashboard_backup/src/plugins.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import utils from './utils';
-
-export default function registerPlugins(app) {
-	app.use(utils);
-}
diff --git a/dashboard_backup/src/registerServiceWorker.js b/dashboard_backup/src/registerServiceWorker.js
deleted file mode 100644
index b243793..0000000
--- a/dashboard_backup/src/registerServiceWorker.js
+++ /dev/null
@@ -1,34 +0,0 @@
-/* eslint-disable no-console */
-
-import { register } from 'register-service-worker';
-
-if (import.meta.env.PROD) {
-	register(`${import.meta.env.BASE_URL}service-worker.js`, {
-		ready() {
-			console.log(
-				'App is being served from cache by a service worker.\n' +
-					'For more details, visit https://goo.gl/AFskqB'
-			);
-		},
-		registered() {
-			console.log('Service worker has been registered.');
-		},
-		cached() {
-			console.log('Content has been cached for offline use.');
-		},
-		updatefound() {
-			console.log('New content is downloading.');
-		},
-		updated() {
-			console.log('New content is available; please refresh.');
-		},
-		offline() {
-			console.log(
-				'No internet connection found. App is running in offline mode.'
-			);
-		},
-		error(error) {
-			console.error('Error during service worker registration:', error);
-		}
-	});
-}
diff --git a/dashboard_backup/src/router/index.js b/dashboard_backup/src/router/index.js
deleted file mode 100644
index 27a2fa0..0000000
--- a/dashboard_backup/src/router/index.js
+++ /dev/null
@@ -1,566 +0,0 @@
-import Home from '../views/general/Home.vue';
-import { createRouter, createWebHistory } from 'vue-router';
-
-const routes = [
-	{
-		path: '/',
-		name: 'Home',
-		component: Home
-	},
-	{
-		path: '/checkout/:secretKey',
-		name: 'Checkout',
-		component: () => import('../views/checkout/Checkout.vue'),
-		props: true,
-		meta: {
-			isLoginPage: true
-		}
-	},
-	{
-		path: '/login',
-		name: 'Login',
-		component: () => import('../views/auth/Auth.vue'),
-		meta: {
-			isLoginPage: true
-		}
-	},
-	{
-		path: '/signup',
-		name: 'Signup',
-		component: () => import('../views/auth/Auth.vue'),
-		meta: {
-			isLoginPage: true
-		}
-	},
-	{
-		path: '/setup-account/:requestKey/:joinRequest?',
-		name: 'Setup Account',
-		component: () => import('../views/auth/SetupAccount.vue'),
-		props: true,
-		meta: {
-			isLoginPage: true
-		}
-	},
-	{
-		path: '/reset-password/:requestKey',
-		name: 'Reset Password',
-		component: () => import('../views/auth/ResetPassword.vue'),
-		props: true,
-		meta: {
-			isLoginPage: true
-		}
-	},
-	{
-		path: '/impersonate/:team',
-		name: 'Impersonate Team',
-		component: () => import('../views/auth/ImpersonateTeam.vue'),
-		props: true
-	},
-	{
-		path: '/notifications',
-		name: 'Notifications',
-		component: () => import('../views/notifications/Notifications.vue')
-	},
-	{
-		path: '/groups',
-		name: 'BenchesScreen',
-		component: () => import('../views/bench/Benches.vue')
-	},
-	{
-		path: '/groups/new/:saas_app?',
-		name: 'NewBench',
-		meta: {
-			isSaasPage: true
-		},
-		component: () => import('../views/bench/NewBench.vue'),
-		props: true
-	},
-	{
-		path: '/servers/:server/bench/new',
-		name: 'NewServerBench',
-		component: () => import('../views/bench/NewBench.vue'),
-		props: true
-	},
-	{
-		path: '/groups/:benchName',
-		name: 'Bench',
-		component: () => import('../views/bench/Bench.vue'),
-		props: true,
-		meta: {
-			isSaasPage: true
-		},
-		redirect: { name: 'BenchSiteList' },
-		children: [
-			{
-				name: 'BenchSiteList',
-				path: 'sites',
-				component: () => import('../views/bench/BenchSites.vue'),
-				props: true
-			},
-			{
-				path: 'apps',
-				component: () => import('../views/bench/BenchApps.vue'),
-				props: true
-			},
-			{
-				path: 'bench-config',
-				component: () => import('../views/bench/BenchConfig.vue'),
-				props: true
-			},
-			{
-				name: 'BenchDeploys',
-				path: 'deploys/:candidateName?',
-				component: () => import('../views/bench/BenchDeploys.vue'),
-				props: true
-			},
-			{
-				path: 'logs/:instanceName/:logName?',
-				component: () => import('../views/bench/BenchLogs.vue'),
-				props: true
-			},
-			{
-				name: 'BenchJobs',
-				path: 'jobs/:jobName?',
-				component: () => import('../views/bench/BenchJobs.vue'),
-				props: true
-			},
-			{
-				path: 'settings',
-				component: () => import('../views/bench/BenchSettings.vue'),
-				props: true
-			}
-		]
-	},
-	{
-		path: '/groups/:benchName/apps/new',
-		name: 'NewBenchApp',
-		component: () => import('../views/bench/NewBenchApp.vue'),
-		props: true
-	},
-	{
-		path: '/sites',
-		name: 'Sites',
-		component: () => import('../views/site/Sites.vue')
-	},
-	{
-		path: '/:bench/sites',
-		name: 'BenchSites',
-		component: () => import('../views/site/Sites.vue'),
-		props: true
-	},
-	{
-		path: '/sites/new',
-		name: 'NewSite',
-		component: () => import('../views/site/NewSite.vue'),
-		props: true
-	},
-	{
-		path: '/:bench/new',
-		name: 'NewBenchSite',
-		component: () => import('../views/site/NewSite.vue'),
-		props: true
-	},
-	{
-		path: '/sites/:siteName',
-		name: 'Site',
-		component: () => import('../views/site/Site.vue'),
-		props: true,
-		children: [
-			{
-				name: 'SiteOverview',
-				path: 'overview',
-				component: () => import('../views/site/SiteOverview.vue')
-			},
-			{
-				name: 'SiteAppsAndSubscriptions',
-				path: 'apps',
-				component: () => import('../views/site/SiteAppsAndSubscriptions.vue'),
-				props: true
-			},
-			{
-				path: 'installing',
-				component: () => import('../views/site/SiteInstalling.vue')
-			},
-			{
-				path: 'analytics',
-				component: () => import('../views/site/SiteCharts.vue'),
-				props: true
-			},
-			{
-				path: 'database',
-				component: () => import('../views/site/SiteDatabase.vue')
-			},
-			{
-				path: 'site-config',
-				component: () => import('../views/site/SiteConfig.vue')
-			},
-			{
-				path: 'settings',
-				component: () => import('../views/site/SiteSettings.vue')
-			},
-			{
-				path: 'console',
-				component: () => import('../views/site/SiteConsole.vue')
-			},
-			{
-				name: 'SiteJobs',
-				path: 'jobs/:jobName?',
-				component: () => import('../views/site/SiteJobs.vue'),
-				props: true
-			},
-			{
-				path: 'logs/:logName?',
-				component: () => import('../views/site/SiteLogs.vue'),
-				props: true
-			},
-			{
-				path: 'auto-update',
-				component: () => import('../views/site/SiteAutoUpdate.vue'),
-				props: true
-			},
-			{
-				path: 'monitor',
-				component: () => import('../views/site/SiteMonitorsList.vue'),
-				props: true,
-				children: [
-					{
-						name: 'SiteRequestLogs',
-						path: 'request-logs',
-						component: () => import('../views/site/SiteRequestLogs.vue'),
-						props: true
-					},
-					{
-						name: 'SiteBinaryLogs',
-						path: 'binary-logs',
-						component: () => import('../views/site/SiteBinaryLogs.vue'),
-						props: true
-					},
-					{
-						name: 'MariaDBProcessList',
-						path: 'mariadb-process-list',
-						component: () => import('../views/site/SiteMariaDBProcessList.vue'),
-						props: true
-					},
-					{
-						name: 'SiteMariaDBSlowQueries',
-						path: 'mariadb-slow-queries',
-						component: () => import('../views/site/SiteMariaDBSlowQueries.vue'),
-						props: true
-					},
-					{
-						name: 'SiteDeadlockReport',
-						path: 'deadlock-report',
-						component: () => import('../views/site/SiteDeadlockReport.vue'),
-						props: true
-					}
-				]
-			}
-		]
-	},
-	{
-		path: '/servers',
-		name: 'Servers',
-		component: () => import('../views/server/Servers.vue')
-	},
-	{
-		path: '/servers/new',
-		name: 'NewServer',
-		component: () => import('../views/server/NewServer.vue'),
-		props: true
-	},
-	{
-		path: '/servers/:serverName',
-		name: 'Server',
-		component: () => import('../views/server/Server.vue'),
-		props: true,
-		children: [
-			{
-				name: 'ServerOverview',
-				path: 'overview',
-				component: () => import('../views/server/ServerOverview.vue'),
-				props: true
-			},
-			{
-				name: 'ServerAnalytics',
-				path: 'analytics',
-				component: () => import('../views/server/ServerAnalytics.vue'),
-				props: true
-			},
-			{
-				name: 'ServerBenches',
-				path: 'groups',
-				component: () => import('../views/server/ServerBenches.vue'),
-				props: true
-			},
-			{
-				name: 'ServerJobs',
-				path: 'jobs/:jobName?',
-				component: () => import('../views/server/ServerJobs.vue'),
-				props: true
-			},
-			{
-				name: 'ServerPlays',
-				path: 'plays/:playName?',
-				component: () => import('../views/server/ServerPlays.vue'),
-				props: true
-			},
-			{
-				name: 'ServerInstall',
-				path: 'install',
-				component: () => import('../views/server/ServerInstall.vue'),
-				props: true
-			},
-			{
-				name: 'ServerSettings',
-				path: 'settings',
-				component: () => import('../views/server/ServerSettings.vue'),
-				props: true
-			}
-		]
-	},
-	{
-		name: 'New SelfHosted Server',
-		path: '/selfhosted/new',
-		component: () => import('../views/server/NewSelfHostedServer.vue'),
-		props: true
-	},
-	{
-		path: '/install-app/:marketplaceApp',
-		name: 'InstallMarketplaceApp',
-		component: () => import('@/views/marketplace/InstallMarketplaceApp.vue'),
-		props: true
-	},
-	{
-		path: '/marketplace',
-		name: 'Marketplace',
-		component: () => import('../views/marketplace/Marketplace.vue'),
-		children: [
-			{
-				path: 'publisher-profile',
-				component: () =>
-					import('../views/marketplace/MarketplacePublisherProfile.vue')
-			},
-			{
-				path: 'apps',
-				component: () => import('../views/marketplace/MarketplaceApps.vue')
-			},
-			{
-				path: 'payouts/:payoutOrderName?',
-				component: () => import('../views/marketplace/MarketplacePayouts.vue'),
-				props: true
-			}
-		]
-	},
-	{
-		path: '/marketplace/apps/new',
-		name: 'NewMarketplaceApp',
-		component: () => import('../views/marketplace/NewMarketplaceApp.vue'),
-		props: true
-	},
-	{
-		path: '/marketplace/apps/:appName',
-		name: 'MarketplaceApp',
-		component: () => import('../views/marketplace/MarketplaceApp.vue'),
-		props: true,
-		children: [
-			{
-				name: 'MarketplaceAppOverview',
-				path: 'overview',
-				component: () =>
-					import('../views/marketplace/MarketplaceAppOverview.vue')
-			},
-			{
-				name: 'MarketplaceAppReview',
-				path: 'review',
-				component: () =>
-					import('../views/marketplace/MarketplaceAppReview.vue'),
-				props: true
-			},
-			{
-				name: 'MarketplaceAppAnalytics',
-				path: 'analytics',
-				component: () =>
-					import('../views/marketplace/MarketplaceAppAnalytics.vue')
-			},
-			{
-				name: 'MarketplaceAppDeployment',
-				path: 'releases',
-				component: () =>
-					import('../views/marketplace/MarketplaceAppDeployment.vue')
-			},
-			{
-				name: 'MarketplaceAppSubscriptions',
-				path: 'subscriptions',
-				component: () =>
-					import('../views/marketplace/MarketplaceAppSubscriptions.vue'),
-				props: true
-			},
-			{
-				name: 'MarketplaceAppPricing',
-				path: 'pricing',
-				component: () =>
-					import('../views/marketplace/MarketplaceAppPricing.vue')
-			}
-		]
-	},
-	{
-		path: '/spaces',
-		name: 'Spaces',
-		component: () => import('../views/spaces/Spaces.vue')
-	},
-	{
-		path: '/codeservers/new',
-		name: 'NewCodeServer',
-		component: () => import('../views/spaces/NewCodeServer.vue')
-	},
-	{
-		path: '/codeservers/:serverName',
-		name: 'CodeServer',
-		component: () => import('../views/spaces/CodeServer.vue'),
-		props: true,
-		children: [
-			{
-				name: 'CodeServerOverview',
-				path: 'overview',
-				component: () => import('../views/spaces/CodeServerOverview.vue')
-			},
-			{
-				path: 'jobs/:jobName?',
-				component: () => import('../views/spaces/CodeServerJobs.vue'),
-				props: true
-			}
-		]
-	},
-	{
-		path: '/setup-site/:product',
-		name: 'App Site Setup',
-		component: () => import('../views/site/AppSiteSetup.vue'),
-		props: true,
-		meta: {
-			hideSidebar: true
-		}
-	},
-	{
-		path: '/subscription/:site?',
-		name: 'Subscription',
-		component: () => import('../views/checkout/Subscription.vue'),
-		props: true,
-		meta: {
-			hideSidebar: true
-		}
-	},
-	{
-		path: '/billing/:invoiceName?',
-		name: 'BillingScreen',
-		props: true,
-		redirect: { name: 'BillingOverview' },
-		component: () => import('../views/billing/AccountBilling.vue'),
-		children: [
-			{
-				name: 'BillingOverview',
-				path: 'overview',
-				component: () => import('../views/billing/BillingOverview.vue')
-			},
-			{
-				name: 'Payment Methods',
-				path: 'payment',
-				component: () => import('../views/billing/PaymentMethods.vue')
-			},
-			{
-				name: 'Invoices',
-				path: 'invoices',
-				props: true,
-				component: () => import('../views/billing/AccountBillingPayments.vue')
-			},
-			{
-				name: 'Credit Balance',
-				path: 'credit-balance',
-				component: () =>
-					import('../views/billing/AccountBillingCreditBalance.vue')
-			}
-		]
-	},
-	{
-		path: '/settings',
-		name: 'SettingsScreen',
-		redirect: { name: 'ProfileSettings' },
-		component: () => import('../views/settings/AccountSettings.vue'),
-		children: [
-			{
-				name: 'ProfileSettings',
-				path: 'profile',
-				component: () => import('../views/settings/ProfileSettings.vue')
-			},
-			{
-				name: 'TeamSettings',
-				path: 'team',
-				component: () => import('../views/settings/TeamSettings.vue')
-			},
-			{
-				name: 'DeveloperSettings',
-				path: 'developer',
-				component: () => import('../views/settings/DeveloperSettings.vue')
-			},
-			{
-				name: 'PartnerSettings',
-				path: 'partner',
-				component: () => import('../views/settings/PartnerSettings.vue')
-			}
-		]
-	},
-	{
-		path: '/security',
-		name: 'Security',
-		component: () => import('../views/security/Servers.vue')
-	},
-	{
-		path: '/security/:serverName',
-		name: 'ServerSecurity',
-		component: () => import('../views/security/Security.vue'),
-		props: true,
-		children: [
-			{
-				name: 'SecurityOverview',
-				path: 'overview',
-				component: () => import('../views/security/SecurityOverview.vue'),
-				props: true
-			},
-			{
-				name: 'SecurityUpdates',
-				path: 'security_update/:updateId?',
-				component: () => import('../views/security/SecurityUpdates.vue'),
-				props: true
-			},
-			{
-				name: 'Firewall',
-				path: 'firewall/',
-				// component: () => import('../views/security/SecurityUpdateInfo.vue'),
-				props: true
-			},
-			{
-				name: 'SSH Session Logs',
-				path: 'ssh_session_logs/:logId?',
-				component: () => import('../views/security/SSHSession.vue'),
-				props: true
-			},
-			{
-				name: 'Nginx Overview',
-				path: 'nginx_overview/',
-				// component: () => import('../views/security/SecurityUpdateInfo.vue'),
-				props: true
-			}
-		]
-	},
-	{
-		name: 'NotFound',
-		path: '/:pathMatch(.*)*',
-		component: () => import('../views/general/404.vue')
-	}
-];
-
-const router = createRouter({
-	history: createWebHistory('/dashboard-old/'),
-	routes
-});
-
-export default router;
diff --git a/dashboard_backup/src/router/register.js b/dashboard_backup/src/router/register.js
deleted file mode 100644
index 951b368..0000000
--- a/dashboard_backup/src/router/register.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import router from './index';
-
-export default function registerRouter(app, auth, account) {
-	app.use(router);
-
-	router.beforeEach(async (to, from, next) => {
-		// TODO: Remove once the new signup flow is live,
-		// currently this is being called for every guest request which breaks the current signup flow
-		// await account.fetchIfRequired();
-
-		if (to.name == 'Home') {
-			next({ name: 'Sites' });
-			return;
-		}
-
-		if (to.matched.some(record => !record.meta.isLoginPage)) {
-			// this route requires auth, check if logged in
-			// if not, redirect to login page.
-			if (!auth.isLoggedIn) {
-				next({ name: 'Login', query: { route: to.path } });
-			} else {
-				if (!account.user) {
-					await account.fetchAccount();
-				}
-				next();
-			}
-		} else {
-			// if already logged in, route to /sites
-			if (auth.isLoggedIn) {
-				if (!account.user) {
-					await account.fetchAccount();
-				}
-				if (to?.query?.route) {
-					next({ path: to.query.route });
-				} else {
-					next({ name: 'Sites' });
-				}
-			} else {
-				next();
-			}
-		}
-	});
-}
diff --git a/dashboard_backup/src/tests/core/ClickToCopy.test.js b/dashboard_backup/src/tests/core/ClickToCopy.test.js
deleted file mode 100644
index c672cf8..0000000
--- a/dashboard_backup/src/tests/core/ClickToCopy.test.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import { nextTick } from 'vue';
-import { mount } from '@vue/test-utils';
-import { describe, expect, test, vi } from 'vitest';
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-
-// Mocking clipboard API
-let clipboardData = '';
-Object.assign(window.navigator, {
-	clipboard: {
-		writeText: vi.fn(data => {
-			clipboardData = data;
-			return Promise.resolve();
-		}),
-		readText: vi.fn(() => clipboardData)
-	}
-});
-
-describe('ClickToCopyField Component', () => {
-	test('displays the passed text content', () => {
-		expect(ClickToCopyField).toBeTruthy();
-
-		const wrapper = mount(ClickToCopyField, {
-			props: {
-				textContent: 'Test'
-			}
-		});
-
-		expect(wrapper.html()).contains('Test');
-	});
-
-	test("let's us copy with a button click", async () => {
-		const $notify = vi.fn();
-		expect(ClickToCopyField).toBeTruthy();
-
-		const wrapper = mount(ClickToCopyField, {
-			props: {
-				textContent: 'Test'
-			},
-			global: {
-				mocks: {
-					$notify
-				}
-			}
-		});
-
-		wrapper.find('button').isVisible();
-		wrapper.find('button').trigger('click');
-
-		await nextTick();
-
-		expect(navigator.clipboard.readText()).toBe('Test');
-	});
-});
diff --git a/dashboard_backup/src/tests/core/FeatureList.test.js b/dashboard_backup/src/tests/core/FeatureList.test.js
deleted file mode 100644
index b1dd180..0000000
--- a/dashboard_backup/src/tests/core/FeatureList.test.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { describe, expect, test } from 'vitest';
-import FeatureList from '@/components/FeatureList.vue';
-
-describe('FeatureList Component', () => {
-	test('feature list renders with 2 features in correct order', async () => {
-		expect(FeatureList).toBeTruthy();
-
-		const wrapper = mount(FeatureList, {
-			props: {
-				features: ['Feature 1', 'Feature 2']
-			}
-		});
-
-		expect(wrapper.findAll('li').length).toBe(2);
-		expect(wrapper.findAll('li')[0].text()).toBe('Feature 1');
-		expect(wrapper.findAll('li')[1].text()).toBe('Feature 2');
-	});
-});
diff --git a/dashboard_backup/src/tests/core/RichSelect.test.js b/dashboard_backup/src/tests/core/RichSelect.test.js
deleted file mode 100644
index 9bbdf37..0000000
--- a/dashboard_backup/src/tests/core/RichSelect.test.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import { mount, config } from '@vue/test-utils';
-import { test, describe, expect } from 'vitest';
-import RichSelect from '@/components/RichSelect.vue';
-import { setupGlobalConfig } from '../setup/msw';
-import { nextTick } from 'vue';
-
-setupGlobalConfig(config); // Setup vue app global config
-
-// Ref: Testing teleports
-// https://test-utils.vuejs.org/guide/advanced/teleport.html#interacting-with-the-teleported-component
-
-let wrapper;
-
-beforeEach(() => {
-	// create teleport target
-	const el = document.createElement('div');
-	el.id = 'popovers';
-	document.body.appendChild(el);
-
-	wrapper = mount(RichSelect, {
-		props: {
-			value: 'opt-1',
-			options: [
-				{
-					label: 'Option 1',
-					value: 'opt-1',
-					image: 'https://via.placeholder.com/100x100'
-				},
-				{
-					label: 'Option 2',
-					value: 'opt-2',
-					image: 'https://via.placeholder.com/200x200'
-				}
-			]
-		}
-	});
-});
-
-afterEach(() => {
-	// clean up
-	document.body.outerHTML = '';
-});
-
-describe('Rich Select Component', () => {
-	test('should display a dropdown menu', () => {
-		expect(RichSelect).toBeTruthy();
-
-		expect(wrapper.find('button').exists()).toBe(true);
-
-		// Image should be displayed along with the label
-		expect(wrapper.find('img').exists()).toBe(true);
-		expect(wrapper.find('img').attributes('src')).toBe(
-			'https://via.placeholder.com/100x100'
-		);
-
-		expect(wrapper.text()).toContain('Option 1');
-	});
-
-	test('should display a popup with desired options', () => {
-		expect(wrapper.find('button').exists()).toBe(true);
-		wrapper.find('button').trigger('click');
-
-		// Test images are displayed
-		const images = document.getElementsByTagName('img');
-		expect(images.length).toBe(2);
-		expect(images[0].src).toBe('https://via.placeholder.com/100x100');
-		expect(images[1].src).toBe('https://via.placeholder.com/200x200');
-
-		// Test labels are displayed
-		expect(images[0].parentNode.children[1].innerHTML).toBe('Option 1');
-		expect(images[1].parentNode.children[1].innerHTML).toBe('Option 2');
-	});
-
-	test('should emit on clicking of other option', () => {
-		wrapper.find('button').trigger('click');
-		expect(wrapper.text()).toContain('Option 1');
-		const images = document.getElementsByTagName('img');
-
-		images[1].parentNode.click();
-		expect(wrapper.emitted('change')[0]).toEqual(['opt-2']);
-	});
-});
diff --git a/dashboard_backup/src/tests/core/StarRatingComponent.test.js b/dashboard_backup/src/tests/core/StarRatingComponent.test.js
deleted file mode 100644
index d629505..0000000
--- a/dashboard_backup/src/tests/core/StarRatingComponent.test.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { test, describe, expect } from 'vitest';
-import StarRatingInput from '@/components/StarRatingInput.vue';
-
-describe('Star Rating Component', () => {
-	test('should display 5 star icons', () => {
-		expect(StarRatingInput).toBeTruthy();
-
-		const wrapper = mount(StarRatingInput);
-		expect(wrapper.findAll('svg').length).toBe(5);
-	});
-
-	test('should emit on star click', () => {
-		const wrapper = mount(StarRatingInput);
-
-		// Click on the second star
-		wrapper.findAll('svg')[1].trigger('click');
-
-		// An modelValue update event should be emitted
-		expect(wrapper.emitted()).toHaveProperty('update:modelValue');
-
-		// The modelValue should be 1
-		const updateEvent = wrapper.emitted('update:modelValue');
-
-		// Should emit "2" as the emit payload
-		expect(updateEvent[1][0]).toBe(2);
-	});
-});
diff --git a/dashboard_backup/src/tests/setup/msw.js b/dashboard_backup/src/tests/setup/msw.js
deleted file mode 100644
index a07fe06..0000000
--- a/dashboard_backup/src/tests/setup/msw.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import { rest } from 'msw';
-import router from '@/router';
-import fetch from 'node-fetch';
-import { setupServer } from 'msw/node';
-import { config } from '@vue/test-utils';
-import resourceManager from '@/resourceManager';
-import { components } from '@/components/global/register';
-import { afterAll, afterEach, beforeAll, vi } from 'vitest';
-import outsideClickDirective from '@/components/global/outsideClickDirective';
-
-const FAKE_BASE_URL = 'http://fc.tests';
-
-const restHandlers = [
-	rest.post(
-		FAKE_BASE_URL + '/api/action/jcloud.api.site.features',
-		(req, res, ctx) => {
-			return res(ctx.status(200), ctx.json({ message: apps }));
-		}
-	)
-];
-
-const server = setupServer(...restHandlers);
-
-beforeAll(() => {
-	setupGlobalConfig(config); // Plugins, global components etc.
-
-	// Have to mock fetch, since tests run in node environment
-	vi.stubGlobal('fetch', (url, options) => fetch(FAKE_BASE_URL + url, options));
-
-	// Starts the msw server
-	server.listen({ onUnhandledRequest: 'error' });
-});
-
-// Close server after all tests
-afterAll(() => server.close());
-
-afterEach(() => server.resetHandlers());
-
-export function setupGlobalConfig(config) {
-	const globalComponents = {};
-	for (let path in components) {
-		let component = components[path];
-		let name = path.replace('./', '').replace('.vue', '');
-		globalComponents[name] = component.default || component;
-	}
-
-	config.global.components = globalComponents;
-	config.global.plugins = [resourceManager, router];
-	config.global.directives = {
-		'on-outside-click': outsideClickDirective
-	};
-}
diff --git a/dashboard_backup/src/utils.js b/dashboard_backup/src/utils.js
deleted file mode 100644
index e6d3473..0000000
--- a/dashboard_backup/src/utils.js
+++ /dev/null
@@ -1,210 +0,0 @@
-import { DateTime, Duration } from 'luxon';
-import theme from '../tailwind.theme.json';
-
-let utils = {
-	methods: {
-		$plural(number, singular, plural) {
-			if (number === 1) {
-				return singular;
-			}
-			return plural;
-		},
-		$date(date, serverDatesTimezone = 'Asia/Kolkata') {
-			// assuming all dates on the server are stored in our timezone
-
-			let localZone = DateTime.local().zoneName;
-			return DateTime.fromSQL(date, { zone: serverDatesTimezone }).setZone(
-				localZone
-			);
-		},
-		round(number, precision) {
-			let multiplier = Math.pow(10, precision || 0);
-			return Math.round(number * multiplier) / multiplier;
-		},
-		formatDate(value, type = 'DATETIME_FULL', isUTC = false) {
-			let datetime = isUTC ? this.$date(value, 'UTC') : this.$date(value);
-			let format = value;
-			if (type === 'relative') {
-				format = datetime.toRelative();
-			} else {
-				let formatOptions = DateTime[type];
-				format = datetime.toLocaleString(formatOptions);
-			}
-			return format;
-		},
-		$formatDuration(value) {
-			// Remove decimal seconds
-			value = value.split('.')[0];
-
-			// Add leading zero
-			// 0:0:2 -> 00:00:02
-			const formattedDuration = value
-				.split(':')
-				.map(x => x.padStart(2, '0'))
-				.join(':');
-
-			const dateTime = Duration.fromISOTime(formattedDuration).toObject();
-			const hourString = dateTime.hours ? `${dateTime.hours}h` : '';
-			const minuteString = dateTime.minutes ? `${dateTime.minutes}m` : '';
-			const secondString = `${dateTime.seconds}s`;
-
-			return `${hourString} ${minuteString} ${secondString}`;
-		},
-		formatBytes(bytes, decimals = 2, current = 0) {
-			if (bytes === 0) return '0 Bytes';
-
-			const k = 1024;
-			const dm = decimals < 0 ? 0 : decimals;
-			const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-			const i = Math.floor(Math.log(Math.abs(bytes)) / Math.log(k));
-
-			return (
-				parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) +
-				' ' +
-				sizes[i + current]
-			);
-		},
-		$formatCPUTime(duration) {
-			return duration / 1000000;
-		},
-		$planTitle(plan) {
-			let china = this.$account.team.country == 'china';
-			let currency = china ? '¥' : '$';
-			let price_field = china ? 'price_cny' : 'price_usd';
-			let price =
-				plan.block_monthly == 1 ? plan[price_field] * 12 : plan[price_field];
-			return price > 0 ? `${currency}${price}` : plan.plan_title;
-		},
-		trialEndsInDaysText(date) {
-			let diff = this.$date(date).diff(DateTime.local(), ['days']).toObject();
-
-			let days = diff.days;
-			if (days > 1) {
-				return `in ${Math.floor(days)} days`;
-			}
-			return 'in a day';
-		},
-		$routeTo404PageIfNotFound(errorMessage) {
-			if (errorMessage.indexOf('not found') >= 0) {
-				this.$router.push({
-					name: 'NotFound',
-					// preserve current path and remove the first char to avoid the target URL starting with `//`
-					params: { pathMatch: this.$route.path.substring(1).split('/') },
-					// preserve existing query and hash if any
-					query: this.$route.query,
-					hash: this.$route.hash
-				});
-			}
-		},
-		$siteStatus(site) {
-			let status = site.status;
-			if (site.update_available && site.status == 'Active') {
-				status = 'Update Available';
-			}
-
-			let usage = Math.max(
-				site.current_cpu_usage,
-				site.current_database_usage,
-				site.current_disk_usage
-			);
-			if (usage && usage >= 80 && status == 'Active') {
-				status = 'Attention Required';
-			}
-			if (site.trial_end_date) {
-				status = 'Trial';
-			}
-			return status;
-		},
-		$sanitize(text) {
-			if (!text) return text;
-			const map = {
-				'&': '&amp;',
-				'<': '&lt;',
-				'>': '&gt;',
-				'"': '&quot;',
-				"'": '&#x27;',
-				'/': '&#x2F;'
-			};
-			const reg = /[&<>"'/]/gi;
-			return text.replace(reg, match => map[match]);
-		}
-	},
-	computed: {
-		$theme() {
-			return theme;
-		},
-		$platform() {
-			const ua = navigator.userAgent.toLowerCase();
-
-			if (ua.indexOf('win') > -1) {
-				return 'win';
-			} else if (ua.indexOf('mac') > -1) {
-				return 'mac';
-			} else if (ua.indexOf('x11') > -1 || ua.indexOf('linux') > -1) {
-				return 'linux';
-			}
-		}
-	}
-};
-
-export function validateGST(gst) {
-	// https://github.com/raysk4ever/raysk-vali/blob/master/validate.js#L51
-	const gstReg = new RegExp(
-		/\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}/
-	);
-	return gstReg.test(gst);
-}
-
-export default function install(Vue) {
-	Vue.mixin(utils);
-}
-
-export function isWasmSupported() {
-	// Check if browser supports WASM
-	// ref: https://stackoverflow.com/a/47880734/10309266
-	return (() => {
-		try {
-			if (
-				typeof WebAssembly === 'object' &&
-				typeof WebAssembly.instantiate === 'function'
-			) {
-				const module = new WebAssembly.Module(
-					Uint8Array.of(0x0, 0x61, 0x73, 0x6d, 0x01, 0x00, 0x00, 0x00)
-				);
-				if (module instanceof WebAssembly.Module)
-					return (
-						new WebAssembly.Instance(module) instanceof WebAssembly.Instance
-					);
-			}
-		} catch (e) {} // eslint-disable-line no-empty
-		return false;
-	})();
-}
-
-export async function trypromise(promise) {
-	try {
-		let data = await promise;
-		return [null, data];
-	} catch (error) {
-		return [error, null];
-	}
-}
-
-export function validateSubdomain(subdomain) {
-	if (!subdomain) {
-		return 'Subdomain cannot be empty';
-	}
-	if (subdomain.length < 5) {
-		return 'Subdomain too short. Use 5 or more characters';
-	}
-	if (subdomain.length > 32) {
-		return 'Subdomain too long. Use 32 or less characters';
-	}
-	if (!subdomain.match(/^[a-z0-9][a-z0-9-]*[a-z0-9]$/)) {
-		return 'Subdomain contains invalid characters. Use lowercase characters, numbers and hyphens';
-	}
-	return null;
-}
-
-export { utils };
-export { default as dayjs } from './utils/dayjs';
diff --git a/dashboard_backup/src/utils/billing.js b/dashboard_backup/src/utils/billing.js
deleted file mode 100644
index a3baf05..0000000
--- a/dashboard_backup/src/utils/billing.js
+++ /dev/null
@@ -1,287 +0,0 @@
-export const chinaStates = [
-	'安徽省',
-	'北京市',
-	'重庆市',
-	'福建省',
-	'甘肃省',
-	'广东省',
-	'广西壮族自治区',
-	'贵州省',
-	'海南省',
-	'河北省',
-	'河南省',
-	'黑龙江省',
-	'湖北省',
-	'湖南省',
-	'吉林省',
-	'江苏省',
-	'江西省',
-	'辽宁省',
-	'内蒙古自治区',
-	'宁夏回族自治区',
-	'青海省',
-	'山东省',
-	'山西省',
-	'陕西省',
-	'上海市',
-	'四川省',
-	'天津市',
-	'西藏自治区',
-	'新疆维吾尔自治区',
-	'云南省',
-	'浙江省',
-	'香港特别行政区',
-	'澳门特别行政区',
-	'台湾省'
-];
-
-// 国家代码(小写)到中文名称的映射
-export const countryNameMap = {
-	'af': '阿富汗',
-	'ax': '奥兰群岛',
-	'al': '阿尔巴尼亚',
-	'dz': '阿尔及利亚',
-	'as': '美属萨摩亚',
-	'ad': '安道尔',
-	'ao': '安哥拉',
-	'ai': '安圭拉',
-	'aq': '南极洲',
-	'ag': '安提瓜和巴布达',
-	'ar': '阿根廷',
-	'am': '亚美尼亚',
-	'aw': '阿鲁巴',
-	'au': '澳大利亚',
-	'at': '奥地利',
-	'az': '阿塞拜疆',
-	'bs': '巴哈马',
-	'bh': '巴林',
-	'bd': '孟加拉国',
-	'bb': '巴巴多斯',
-	'by': '白俄罗斯',
-	'be': '比利时',
-	'bz': '伯利兹',
-	'bj': '贝宁',
-	'bm': '百慕大',
-	'bt': '不丹',
-	'bo': '玻利维亚',
-	'ba': '波斯尼亚和黑塞哥维那',
-	'bw': '博茨瓦纳',
-	'bv': '布韦岛',
-	'br': '巴西',
-	'io': '英属印度洋领地',
-	'bn': '文莱',
-	'bg': '保加利亚',
-	'bf': '布基纳法索',
-	'bi': '布隆迪',
-	'kh': '柬埔寨',
-	'cm': '喀麦隆',
-	'ca': '加拿大',
-	'cv': '佛得角',
-	'ky': '开曼群岛',
-	'cf': '中非共和国',
-	'td': '乍得',
-	'cl': '智利',
-	'cn': '中国',
-	'cx': '圣诞岛',
-	'cc': '科科斯（基林）群岛',
-	'co': '哥伦比亚',
-	'km': '科摩罗',
-	'cg': '刚果共和国',
-	'cd': '刚果民主共和国',
-	'ck': '库克群岛',
-	'cr': '哥斯达黎加',
-	'ci': '科特迪瓦',
-	'hr': '克罗地亚',
-	'cu': '古巴',
-	'cy': '塞浦路斯',
-	'cz': '捷克共和国',
-	'dk': '丹麦',
-	'dj': '吉布提',
-	'dm': '多米尼克',
-	'do': '多米尼加共和国',
-	'ec': '厄瓜多尔',
-	'eg': '埃及',
-	'sv': '萨尔瓦多',
-	'gq': '赤道几内亚',
-	'er': '厄立特里亚',
-	'ee': '爱沙尼亚',
-	'et': '埃塞俄比亚',
-	'fk': '福克兰群岛',
-	'fo': '法罗群岛',
-	'fj': '斐济',
-	'fi': '芬兰',
-	'fr': '法国',
-	'gf': '法属圭亚那',
-	'pf': '法属波利尼西亚',
-	'tf': '法属南部领地',
-	'ga': '加蓬',
-	'gm': '冈比亚',
-	'ge': '格鲁吉亚',
-	'de': '德国',
-	'gh': '加纳',
-	'gi': '直布罗陀',
-	'gr': '希腊',
-	'gl': '格陵兰',
-	'gd': '格林纳达',
-	'gp': '瓜德罗普',
-	'gu': '关岛',
-	'gt': '危地马拉',
-	'gg': '根西岛',
-	'gn': '几内亚',
-	'gw': '几内亚比绍',
-	'gy': '圭亚那',
-	'ht': '海地',
-	'hm': '赫德岛和麦克唐纳群岛',
-	'va': '梵蒂冈',
-	'hn': '洪都拉斯',
-	'hk': '香港',
-	'hu': '匈牙利',
-	'is': '冰岛',
-	'in': '印度',
-	'id': '印度尼西亚',
-	'ir': '伊朗',
-	'iq': '伊拉克',
-	'ie': '爱尔兰',
-	'im': '马恩岛',
-	'il': '以色列',
-	'it': '意大利',
-	'jm': '牙买加',
-	'jp': '日本',
-	'je': '泽西岛',
-	'jo': '约旦',
-	'kz': '哈萨克斯坦',
-	'ke': '肯尼亚',
-	'ki': '基里巴斯',
-	'kp': '朝鲜',
-	'kr': '韩国',
-	'kw': '科威特',
-	'kg': '吉尔吉斯斯坦',
-	'la': '老挝',
-	'lv': '拉脱维亚',
-	'lb': '黎巴嫩',
-	'ls': '莱索托',
-	'lr': '利比里亚',
-	'ly': '利比亚',
-	'li': '列支敦士登',
-	'lt': '立陶宛',
-	'lu': '卢森堡',
-	'mo': '澳门',
-	'mk': '北马其顿',
-	'mg': '马达加斯加',
-	'mw': '马拉维',
-	'my': '马来西亚',
-	'mv': '马尔代夫',
-	'ml': '马里',
-	'mt': '马耳他',
-	'mh': '马绍尔群岛',
-	'mq': '马提尼克',
-	'mr': '毛里塔尼亚',
-	'mu': '毛里求斯',
-	'yt': '马约特',
-	'mx': '墨西哥',
-	'fm': '密克罗尼西亚',
-	'md': '摩尔多瓦',
-	'mc': '摩纳哥',
-	'mn': '蒙古',
-	'me': '黑山',
-	'ms': '蒙特塞拉特',
-	'ma': '摩洛哥',
-	'mz': '莫桑比克',
-	'mm': '缅甸',
-	'na': '纳米比亚',
-	'nr': '瑙鲁',
-	'np': '尼泊尔',
-	'nl': '荷兰',
-	'nc': '新喀里多尼亚',
-	'nz': '新西兰',
-	'ni': '尼加拉瓜',
-	'ne': '尼日尔',
-	'ng': '尼日利亚',
-	'nu': '纽埃',
-	'nf': '诺福克岛',
-	'mp': '北马里亚纳群岛',
-	'no': '挪威',
-	'om': '阿曼',
-	'pk': '巴基斯坦',
-	'pw': '帕劳',
-	'ps': '巴勒斯坦',
-	'pa': '巴拿马',
-	'pg': '巴布亚新几内亚',
-	'py': '巴拉圭',
-	'pe': '秘鲁',
-	'ph': '菲律宾',
-	'pn': '皮特凯恩群岛',
-	'pl': '波兰',
-	'pt': '葡萄牙',
-	'pr': '波多黎各',
-	'qa': '卡塔尔',
-	're': '留尼汪',
-	'ro': '罗马尼亚',
-	'ru': '俄罗斯',
-	'rw': '卢旺达',
-	'bl': '圣巴泰勒米',
-	'sh': '圣赫勒拿',
-	'kn': '圣基茨和尼维斯',
-	'lc': '圣卢西亚',
-	'mf': '法属圣马丁',
-	'pm': '圣皮埃尔和密克隆',
-	'vc': '圣文森特和格林纳丁斯',
-	'ws': '萨摩亚',
-	'sm': '圣马力诺',
-	'st': '圣多美和普林西比',
-	'sa': '沙特阿拉伯',
-	'sn': '塞内加尔',
-	'rs': '塞尔维亚',
-	'sc': '塞舌尔',
-	'sl': '塞拉利昂',
-	'sg': '新加坡',
-	'sx': '荷属圣马丁',
-	'sk': '斯洛伐克',
-	'si': '斯洛文尼亚',
-	'sb': '所罗门群岛',
-	'so': '索马里',
-	'za': '南非',
-	'gs': '南乔治亚和南桑威奇群岛',
-	'ss': '南苏丹',
-	'es': '西班牙',
-	'lk': '斯里兰卡',
-	'sd': '苏丹',
-	'sr': '苏里南',
-	'sj': '斯瓦尔巴和扬马延',
-	'sz': '斯威士兰',
-	'se': '瑞典',
-	'ch': '瑞士',
-	'sy': '叙利亚',
-	'tw': '台湾',
-	'tj': '塔吉克斯坦',
-	'tz': '坦桑尼亚',
-	'th': '泰国',
-	'tl': '东帝汶',
-	'tg': '多哥',
-	'tk': '托克劳',
-	'to': '汤加',
-	'tt': '特立尼达和多巴哥',
-	'tn': '突尼斯',
-	'tr': '土耳其',
-	'tm': '土库曼斯坦',
-	'tc': '特克斯和凯科斯群岛',
-	'tv': '图瓦卢',
-	'ug': '乌干达',
-	'ua': '乌克兰',
-	'ae': '阿拉伯联合酋长国',
-	'gb': '英国',
-	'us': '美国',
-	'um': '美国本土外小岛屿',
-	'uy': '乌拉圭',
-	'uz': '乌兹别克斯坦',
-	'vu': '瓦努阿图',
-	've': '委内瑞拉',
-	'vn': '越南',
-	'vg': '英属维尔京群岛',
-	'vi': '美属维尔京群岛',
-	'wf': '瓦利斯和富图纳',
-	'eh': '西撒哈拉',
-	'ye': '也门',
-	'zm': '赞比亚',
-	'zw': '津巴布韦'
-};
diff --git a/dashboard_backup/src/utils/dayjs.js b/dashboard_backup/src/utils/dayjs.js
deleted file mode 100644
index 8b2ab04..0000000
--- a/dashboard_backup/src/utils/dayjs.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import dayjs from 'dayjs';
-import relativeTime from 'dayjs/esm/plugin/relativeTime';
-import localizedFormat from 'dayjs/plugin/localizedFormat';
-import updateLocale from 'dayjs/plugin/updateLocale';
-import isToday from 'dayjs/plugin/isToday';
-import utc from 'dayjs/plugin/utc';
-import timezone from 'dayjs/plugin/timezone';
-
-dayjs.extend(updateLocale);
-dayjs.extend(relativeTime);
-dayjs.extend(localizedFormat);
-dayjs.extend(isToday);
-dayjs.extend(utc);
-dayjs.extend(timezone);
-
-dayjs.shortFormating = (s, ago = false) => {
-	if (s === 'now' || s === 'now ago') {
-		return 'now';
-	}
-
-	const prefix = s.split(' ')[0];
-	const posfix = s.split(' ')[1];
-	const isPast = s.includes('ago');
-	let newPostfix = '';
-	switch (posfix) {
-		case 'minute':
-			newPostfix = 'm';
-			break;
-		case 'minutes':
-			newPostfix = 'm';
-			break;
-		case 'hour':
-			newPostfix = 'h';
-			break;
-		case 'hours':
-			newPostfix = 'h';
-			break;
-		case 'day':
-			newPostfix = 'd';
-			break;
-		case 'days':
-			newPostfix = 'd';
-			break;
-		case 'month':
-			newPostfix = 'M';
-			break;
-		case 'months':
-			newPostfix = 'M';
-			break;
-		case 'year':
-			newPostfix = 'Y';
-			break;
-		case 'years':
-			newPostfix = 'Y';
-			break;
-	}
-	return `${['a', 'an'].includes(prefix) ? '1' : prefix} ${newPostfix}${
-		isPast ? (ago ? ' ago' : '') : ''
-	}`;
-};
-
-export default dayjs;
diff --git a/dashboard_backup/src/utils/toast.js b/dashboard_backup/src/utils/toast.js
deleted file mode 100644
index a2a4871..0000000
--- a/dashboard_backup/src/utils/toast.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { ref } from 'vue';
-
-export const notifications = ref([]);
-
-export const hideNotification = id => {
-	notifications.value = notifications.value.filter(props => props.id !== id);
-};
-
-export const notify = props => {
-	// TODO: remove the line below once the jingrow-ui bug (onError triggers twice) is fixed
-	if (notifications.value.some(n => n.message === props.message)) return;
-	props.id = Math.floor(Math.random() * 1000 + Date.now());
-	notifications.value.push(props);
-	setTimeout(() => hideNotification(props.id), props.timeout || 5000);
-};
diff --git a/dashboard_backup/src/views/auth/Auth.vue b/dashboard_backup/src/views/auth/Auth.vue
deleted file mode 100644
index 830ce52..0000000
--- a/dashboard_backup/src/views/auth/Auth.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-	<div class="h-screen bg-gray-50">
-		<LoginBox :class="{ 'pointer-events-none': $resources.signup.loading }">
-			<div v-if="!(signupEmailSent || resetPasswordEmailSent)">
-				<div
-					v-if="hasForgotPassword || saasProduct"
-					class="mb-8 text-center text-p-base text-gray-900"
-				>
-					<div v-if="hasForgotPassword">Reset password</div>
-					<div v-else-if="saasProduct">
-						Sign in to 今果 Jingrow to start using
-						<span class="font-semibold">{{ saasProduct.title }}</span>
-					</div>
-				</div>
-				<form class="flex flex-col" @submit.prevent="submitForm">
-					<template v-if="hasForgotPassword">
-						<FormControl
-							label="Email"
-							type="email"
-							placeholder="email@example.com"
-							autocomplete="email"
-							v-model="email"
-							required
-						/>
-						<router-link
-							class="mt-2 text-sm"
-							v-if="hasForgotPassword"
-							:to="{
-								name: 'Login',
-								query: { ...$route.query, forgot: undefined }
-							}"
-						>
-							I remember my password
-						</router-link>
-						<Button
-							class="mt-4"
-							:loading="$resources.resetPassword.loading"
-							variant="solid"
-						>
-							Reset Password
-						</Button>
-					</template>
-					<template v-else-if="isLogin">
-						<FormControl
-							label="Email"
-							placeholder="email@example.com"
-							autocomplete="email"
-							v-model="email"
-							required
-						/>
-						<FormControl
-							class="mt-4"
-							label="Password"
-							type="password"
-							placeholder="•••••"
-							v-model="password"
-							name="password"
-							autocomplete="current-password"
-							required
-						/>
-						<div class="mt-2" v-if="isLogin">
-							<router-link
-								class="text-sm"
-								:to="{
-									name: 'Login',
-									query: { ...$route.query, forgot: 1 }
-								}"
-							>
-								Forgot Password?
-							</router-link>
-						</div>
-						<Button class="mt-4" variant="solid"> Log in with email </Button>
-						<ErrorMessage class="mt-2" :message="loginError" />
-					</template>
-					<template v-else>
-						<FormControl
-							label="Email"
-							type="email"
-							placeholder="email@example.com"
-							autocomplete="email"
-							v-model="email"
-							required
-						/>
-						<Button
-							class="mt-2"
-							:loading="$resources.signup.loading"
-							variant="solid"
-						>
-							Sign up with email
-						</Button>
-					</template>
-					<ErrorMessage class="mt-2" :message="$resources.signup.error" />
-				</form>
-				<div class="flex flex-col" v-if="!hasForgotPassword">
-					<div class="-mb-2 mt-6 border-t text-center">
-						<div class="-translate-y-1/2 transform">
-							<span
-								class="relative bg-white px-2 text-sm font-medium leading-8 text-gray-800"
-							>
-								Or continue with
-							</span>
-						</div>
-					</div>
-					<Button
-						variant="solid"
-						v-if="$resources.signupSettings.data?.enable_google_oauth === 1"
-						:loading="$resources.googleLogin.loading"
-						@click="$resources.googleLogin.submit()"
-					>
-						<div class="flex items-center">
-							<GoogleIconSolid class="w-4" />
-							<span class="ml-2">Google</span>
-						</div>
-					</Button>
-				</div>
-				<div
-					class="mt-6 text-center"
-					v-if="!(signupEmailSent || resetPasswordEmailSent)"
-				>
-					<router-link
-						class="text-center text-base font-medium"
-						:to="{
-							name: $route.name == 'Login' ? 'Signup' : 'Login',
-							query: { ...$route.query, forgot: undefined }
-						}"
-					>
-						{{
-							$route.name == 'Login'
-								? 'New member? Create a new account.'
-								: 'Already have an account? Log in.'
-						}}
-					</router-link>
-				</div>
-			</div>
-			<div class="text-p-base text-gray-700" v-else>
-				<p v-if="signupEmailSent">
-					We have sent an email to
-					<span class="font-semibold">{{ email }}</span
-					>. Please click on the link received to verify your email and set up
-					your account.
-				</p>
-				<p v-if="resetPasswordEmailSent">
-					We have sent an email to <span class="font-semibold">{{ email }}</span
-					>. Please click on the link received to reset your password.
-				</p>
-			</div>
-		</LoginBox>
-	</div>
-</template>
-
-<script>
-import LoginBox from '@/views/partials/LoginBox.vue';
-import GoogleIconSolid from '@/components/icons/GoogleIconSolid.vue';
-
-export default {
-	name: 'Signup',
-	components: {
-		LoginBox,
-		GoogleIconSolid
-	},
-	data() {
-		return {
-			email: null,
-			password: null,
-			signupEmailSent: false,
-			resetPasswordEmailSent: false,
-			loginError: null
-		};
-	},
-	resources: {
-		signup() {
-			return {
-				url: 'jcloud.api.account.signup',
-				params: {
-					email: this.email,
-					referrer: this.getReferrerIfAny(),
-					product: this.$route.query.product
-				},
-				onSuccess() {
-					this.signupEmailSent = true;
-				}
-			};
-		},
-		googleLogin() {
-			return {
-				url: 'jcloud.api.oauth.google_login',
-				onSuccess(r) {
-					window.location = r;
-				}
-			};
-		},
-		resetPassword() {
-			return {
-				url: 'jcloud.api.account.send_reset_password_email',
-				params: {
-					email: this.email
-				},
-				onSuccess() {
-					this.resetPasswordEmailSent = true;
-				}
-			};
-		},
-		signupSettings() {
-			return {
-				url: 'jcloud.api.account.signup_settings',
-				params: {
-					product: this.$route.query.product
-				},
-				auto: true
-			};
-		}
-	},
-	methods: {
-		async submitForm() {
-			if (this.isLogin) {
-				if (this.email && this.password) {
-					try {
-						await this.$auth.login(this.email, this.password);
-					} catch (error) {
-						console.log(error);
-						this.loginError = error.messages.join('\n');
-					}
-				}
-			} else if (this.hasForgotPassword) {
-				this.$resources.resetPassword.submit();
-			} else {
-				this.$resources.signup.submit();
-			}
-		},
-		getReferrerIfAny() {
-			const params = location.search;
-			const searchParams = new URLSearchParams(params);
-			return searchParams.get('referrer');
-		}
-	},
-	computed: {
-		saasProduct() {
-			return this.$resources.signupSettings.data?.product_trial;
-		},
-		isLogin() {
-			return this.$route.name == 'Login' && !this.$route.query.forgot;
-		},
-		hasForgotPassword() {
-			return this.$route.name == 'Login' && this.$route.query.forgot;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/auth/ImpersonateTeam.vue b/dashboard_backup/src/views/auth/ImpersonateTeam.vue
deleted file mode 100644
index c6dc035..0000000
--- a/dashboard_backup/src/views/auth/ImpersonateTeam.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-	<div class="px-4 py-4 text-base sm:px-8">Impersonating {{ team }}</div>
-</template>
-<script>
-export default {
-	name: 'ImpersonateTeam',
-	props: ['team'],
-	async mounted() {
-		if (this.team) {
-			try {
-				await this.$account.switchTeam(this.team);
-				if (window.history.length === 1) {
-					this.$router.replace('/');
-				} else {
-					this.$router.back();
-				}
-			} catch (error) {
-				this.$router.replace('/');
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/auth/Login.vue b/dashboard_backup/src/views/auth/Login.vue
deleted file mode 100644
index 719c988..0000000
--- a/dashboard_backup/src/views/auth/Login.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<template>
-	<LoginBox
-		v-if="!successMessage"
-		:title="!forgot ? 'Log in to your account' : 'Reset your password'"
-	>
-		<form class="flex flex-col" @submit.prevent="login">
-			<FormControl
-				label="Email"
-				placeholder="email@example.com"
-				v-model="email"
-				name="email"
-				autocomplete="email"
-				:type="email !== 'Administrator' ? 'email' : 'text'"
-				required
-			/>
-			<FormControl
-				class="mt-4"
-				v-if="!forgot"
-				label="Password"
-				type="password"
-				placeholder="•••••"
-				v-model="password"
-				name="password"
-				autocomplete="current-password"
-				required
-			/>
-			<div class="mt-2 text-sm">
-				<router-link v-if="forgot" to="/login">
-					I remember my password
-				</router-link>
-				<router-link v-else to="/login/forgot"> Forgot Password? </router-link>
-			</div>
-			<ErrorMessage :message="errorMessage" class="mt-4" />
-			<Button
-				class="mt-4"
-				:disabled="state === 'RequestStarted'"
-				@click="loginOrResetPassword"
-				variant="solid"
-			>
-				{{ !forgot ? 'Log in with email' : 'Reset Password' }}
-			</Button>
-			<template v-if="!forgot">
-				<div class="-mb-2 mt-6 border-t text-center">
-					<div class="-translate-y-1/2 transform">
-						<span
-							class="bg-white px-2 text-xs uppercase leading-8 tracking-wider text-gray-800"
-						>
-							Or
-						</span>
-					</div>
-				</div>
-			</template>
-		</form>
-
-		<div class="flex flex-col">
-			<Button
-				v-if="$resources.guestFeatureFlags.data?.enable_google_oauth === 1"
-				@click="$resources.oauthLogin.submit()"
-				:loading="$resources.oauthLogin.loading"
-			>
-				<div class="flex">
-					<GoogleIcon />
-					<span class="ml-2">Log in with Google</span>
-				</div>
-			</Button>
-			<router-link class="mt-10 text-center text-base" to="/signup">
-				Sign up for a new account
-			</router-link>
-		</div>
-	</LoginBox>
-	<div class="mx-auto mt-20 w-96 sm:ml-auto sm:mr-auto" v-else>
-		<SuccessCard title="Password Reset Link Sent.">
-			We have sent an email to <span class="font-semibold">{{ email }}</span
-			>. Please click on the link received to reset your password.
-		</SuccessCard>
-	</div>
-</template>
-<script>
-import LoginBox from '@/views/partials/LoginBox.vue';
-import GoogleIcon from '@/components/icons/GoogleIcon.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'Login',
-	props: {
-		forgot: {
-			default: false
-		}
-	},
-	components: {
-		LoginBox,
-		GoogleIcon
-	},
-	data() {
-		return {
-			state: null, // Idle, Logging In, Login Error
-			email: null,
-			password: null,
-			errorMessage: null,
-			successMessage: null
-		};
-	},
-	watch: {
-		forgot() {
-			this.errorMessage = null;
-			this.state = null;
-			this.password = null;
-			this.successMessage = null;
-		}
-	},
-	resources: {
-		login() {
-			return {
-				url: 'login',
-				params: {
-					usr: this.email,
-					pwd: this.password
-				},
-				onSuccess(res) {
-					if (res) {
-						this.$account.fetchAccount();
-						this.$auth.isLoggedIn = true;
-						return res;
-					}
-				}
-			};
-		},
-		oauthLogin() {
-			return {
-				url: 'jcloud.api.oauth.google_login',
-				onSuccess(r) {
-					window.location = r;
-				},
-				onError(e) {
-					this.state = null;
-					notify({
-						title: e,
-						color: 'red',
-						icon: 'x'
-					});
-				}
-			};
-		},
-		guestFeatureFlags() {
-			return {
-				url: 'jcloud.api.account.guest_feature_flags',
-				auto: true
-			};
-		}
-	},
-	methods: {
-		async loginOrResetPassword() {
-			try {
-				this.errorMessage = null;
-				this.state = 'RequestStarted';
-				if (!this.forgot) {
-					await this.login();
-				} else {
-					await this.resetPassword();
-				}
-			} catch (error) {
-				console.error(error);
-				this.errorMessage = error.messages.join('\n');
-			} finally {
-				this.state = null;
-			}
-		},
-		async login() {
-			if (this.email && this.password) {
-				await this.$auth.login(this.email, this.password);
-			}
-		},
-		async resetPassword() {
-			await this.$auth.resetPassword(this.email);
-			this.successMessage = true;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/auth/ResetPassword.vue b/dashboard_backup/src/views/auth/ResetPassword.vue
deleted file mode 100644
index aac240f..0000000
--- a/dashboard_backup/src/views/auth/ResetPassword.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<LoginBox
-		v-if="!$resources.validateResetKey.loading && email"
-		title="Set a new password for your account"
-	>
-		<form
-			class="flex flex-col"
-			@submit.prevent="$resources.resetPassword.submit()"
-		>
-			<div class="space-y-4">
-				<FormControl
-					label="Email"
-					class="pointer-events-none"
-					:modelValue="email"
-					name="email"
-					autocomplete="off"
-					disabled
-				/>
-				<FormControl
-					label="Password"
-					type="password"
-					v-model="password"
-					name="password"
-					autocomplete="new-password"
-					required
-				/>
-			</div>
-			<ErrorMessage class="mt-6" :message="$resources.resetPassword.error" />
-			<Button
-				class="mt-6"
-				variant="solid"
-				:disabled="!password"
-				:loading="$resources.resetPassword.loading"
-			>
-				Submit
-			</Button>
-		</form>
-	</LoginBox>
-	<div
-		class="mt-20 px-6 text-center"
-		v-else-if="!$resources.validateResetKey.loading && !email"
-	>
-		Account Key <strong>{{ requestKey }}</strong> is invalid or expired. Go back
-		to <router-link class="underline" to="/login">login</router-link>.
-	</div>
-</template>
-
-<script>
-import LoginBox from '@/views/partials/LoginBox.vue';
-
-export default {
-	name: 'ResetPassword',
-	components: {
-		LoginBox
-	},
-	props: ['requestKey'],
-	data() {
-		return {
-			email: null,
-			password: null
-		};
-	},
-	resources: {
-		validateResetKey() {
-			return {
-				url: 'jcloud.api.account.get_user_for_reset_password_key',
-				params: {
-					key: this.requestKey
-				},
-				onSuccess(email) {
-					this.email = email || null;
-				},
-				auto: true
-			};
-		},
-		resetPassword() {
-			return {
-				url: 'jcloud.api.account.reset_password',
-				params: {
-					key: this.requestKey,
-					password: this.password
-				},
-				onSuccess() {
-					window.location.reload();
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/auth/SetupAccount.vue b/dashboard_backup/src/views/auth/SetupAccount.vue
deleted file mode 100644
index be6736c..0000000
--- a/dashboard_backup/src/views/auth/SetupAccount.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<template>
-	<LoginBox
-		v-if="!$resources.validateRequestKey.loading && email"
-		:title="
-			!isInvitation
-				? 'Set up your account'
-				: `Invitation to join team: ${invitationToTeam}`
-		"
-	>
-		<form
-			class="flex flex-col"
-			@submit.prevent="$resources.setupAccount.submit()"
-		>
-			<div class="space-y-4">
-				<FormControl
-					v-if="oauthSignup == 0"
-					label="Email"
-					type="text"
-					:modelValue="email"
-					disabled
-				/>
-				<template v-if="oauthSignup == 0">
-					<FormControl
-						label="First Name"
-						type="text"
-						v-model="firstName"
-						name="fname"
-						autocomplete="given-name"
-						required
-					/>
-					<FormControl
-						label="Last Name"
-						type="text"
-						v-model="lastName"
-						name="lname"
-						autocomplete="family-name"
-						required
-					/>
-					<FormControl
-						label="Password"
-						type="password"
-						v-model="password"
-						name="password"
-						autocomplete="new-password"
-						required
-					/>
-				</template>
-				<FormControl
-					type="select"
-					:options="countries"
-					v-if="!isInvitation"
-					label="Country"
-					v-model="country"
-					required
-				/>
-				<Form
-					v-if="signupFields.length > 0"
-					:fields="signupFields"
-					v-model="signupValues"
-				/>
-				<div class="mt-4 flex items-start">
-					<label class="text-base text-gray-900">
-						<FormControl type="checkbox" v-model="termsAccepted" />
-						By clicking on
-						<span>{{ isInvitation ? 'Accept' : 'Create account' }}</span
-						>, you accept our
-						<Link href="https://jingrow.com/terms" target="_blank"
-							>Terms of Service </Link
-						>,
-						<Link href="https://jingrow.com/privacy" target="_blank">
-							Privacy Policy
-						</Link>
-						&#38;
-						<Link href="https://jingrow.com/cookie-policy" target="_blank">
-							Cookie Policy
-						</Link>
-					</label>
-				</div>
-			</div>
-			<ErrorMessage class="mt-4" :message="$resources.setupAccount.error" />
-			<Button
-				class="mt-4"
-				variant="solid"
-				:loading="$resources.setupAccount.loading"
-			>
-				{{ isInvitation ? 'Accept' : 'Create account' }}
-			</Button>
-		</form>
-	</LoginBox>
-	<div
-		class="mt-20 px-6 text-center"
-		v-else-if="!$resources.validateRequestKey.loading && !email"
-	>
-		Verification link is invalid or expired.
-		<Link to="/signup">Sign up</Link>
-		for a new account.
-	</div>
-	<div v-else></div>
-</template>
-
-<script>
-import LoginBox from '@/views/partials/LoginBox.vue';
-import Link from '@/components/Link.vue';
-import Form from '@/components/Form.vue';
-
-export default {
-	name: 'SetupAccount',
-	components: {
-		LoginBox,
-		Link,
-		Form
-	},
-	props: ['requestKey', 'joinRequest'],
-	data() {
-		return {
-			email: null,
-			firstName: null,
-			lastName: null,
-			password: null,
-			errorMessage: null,
-			userExists: null,
-			invitationToTeam: null,
-			isInvitation: null,
-			oauthSignup: 0,
-			country: null,
-			termsAccepted: false,
-			invitedByParentTeam: false,
-			countries: [],
-			saasProduct: null,
-			signupValues: {}
-		};
-	},
-	resources: {
-		validateRequestKey() {
-			return {
-				url: 'jcloud.api.account.validate_request_key',
-				params: {
-					key: this.requestKey,
-					timezone: window.Intl
-						? Intl.DateTimeFormat().resolvedOptions().timeZone
-						: null
-				},
-				auto: true,
-				onSuccess(res) {
-					if (res && res.email) {
-						this.email = res.email;
-						this.firstName = res.first_name;
-						this.lastName = res.last_name;
-						this.country = res.country;
-						this.userExists = res.user_exists;
-						this.invitationToTeam = res.team;
-						this.isInvitation = res.is_invitation;
-						this.invitedByParentTeam = res.invited_by_parent_team;
-						this.oauthSignup = res.oauth_signup;
-						this.countries = res.countries;
-						this.saasProduct = res.product_trial;
-					}
-				}
-			};
-		},
-		setupAccount() {
-			return {
-				url: 'jcloud.api.account.setup_account',
-				params: {
-					key: this.requestKey,
-					password: this.password,
-					first_name: this.firstName,
-					last_name: this.lastName,
-					country: this.country,
-					is_invitation: this.isInvitation,
-					user_exists: this.userExists,
-					invited_by_parent_team: this.invitedByParentTeam,
-					accepted_user_terms: this.termsAccepted,
-					oauth_signup: this.oauthSignup,
-					signup_values: this.signupValues
-				},
-				onSuccess(res) {
-					if (res) {
-						this.$router.push(res.dashboard_route || '/');
-					}
-					window.location.reload();
-				}
-			};
-		}
-	},
-	methods: {
-		showFormFields() {
-			let show = true;
-			show = !this.userExists;
-			show = this.oauthSignup == 0;
-			return show;
-		}
-	},
-	computed: {
-		signupFields() {
-			let fields = this.saasProduct?.signup_fields || [];
-			return fields.map(df => {
-				if (df.fieldtype == 'Select') {
-					df.options = df.options
-						.split('\n')
-						.map(o => o.trim())
-						.filter(Boolean);
-				}
-				df.required = true;
-				return df;
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/Bench.vue b/dashboard_backup/src/views/bench/Bench.vue
deleted file mode 100644
index a987fb1..0000000
--- a/dashboard_backup/src/views/bench/Bench.vue
+++ /dev/null
@@ -1,252 +0,0 @@
-<template>
-	<div v-if="bench">
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs
-				:items="[
-					{ label: 'Benches', route: { name: 'BenchesScreen' } },
-					{
-						label: bench?.title,
-						route: {
-							name: 'BenchSiteList',
-							params: { benchName: bench?.name }
-						}
-					}
-				]"
-			>
-				<template #actions>
-					<div class="space-x-2">
-						<Button
-							v-if="bench?.status === 'Active'"
-							icon-left="plus"
-							label="New Site"
-							@click="validateCreateSite"
-						/>
-						<Dropdown :options="benchActions">
-							<template v-slot="{ open }">
-								<Button variant="ghost" icon="more-horizontal" />
-							</template>
-						</Dropdown>
-					</div>
-				</template>
-			</Breadcrumbs>
-		</header>
-
-		<EditBenchTitleDialog v-model="showEditTitleDialog" :bench="bench" />
-		<BenchDropDialog v-model="showDropBenchDialog" :bench="bench" />
-
-		<div class="p-5">
-			<div
-				class="flex flex-col space-y-3 md:flex-row md:items-baseline md:justify-between md:space-y-0"
-			>
-				<div class="flex items-center">
-					<h1 class="text-2xl font-bold">{{ bench.title }}</h1>
-					<Badge class="ml-4" :label="bench.status" />
-				</div>
-			</div>
-			<div class="mb-2 mt-4">
-				<AlertBenchUpdate v-if="bench?.no_sites <= 0" :bench="bench" />
-				<AlertUpdate v-else :bench="bench" />
-			</div>
-			<Tabs :tabs="tabs">
-				<router-view v-slot="{ Component }">
-					<component v-if="bench" :is="Component" :bench="bench"></component>
-				</router-view>
-			</Tabs>
-		</div>
-	</div>
-</template>
-
-<script>
-import BenchDropDialog from './BenchDropDialog.vue';
-import Tabs from '@/components/Tabs.vue';
-import AlertUpdate from '@/components/AlertUpdate.vue';
-import AlertBenchUpdate from '@/components/AlertBenchUpdate.vue';
-import EditBenchTitleDialog from './EditBenchTitleDialog.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'Bench',
-	pageMeta() {
-		return {
-			title: `Bench - ${this.bench?.title || 'Private'} - 今果 Jingrow`
-		};
-	},
-	props: ['benchName'],
-	components: {
-		Tabs,
-		BenchDropDialog,
-		AlertUpdate,
-		AlertBenchUpdate,
-		EditBenchTitleDialog
-	},
-	data() {
-		return {
-			showDropBenchDialog: false,
-			showEditTitleDialog: false
-		};
-	},
-	resources: {
-		bench() {
-			return {
-				url: 'jcloud.api.bench.get',
-				params: {
-					name: this.benchName
-				},
-				auto: true,
-				onError: this.$routeTo404PageIfNotFound
-			};
-		},
-		updateAllSites() {
-			return {
-				url: 'jcloud.api.bench.update_all_sites',
-				params: {
-					name: this.benchName
-				},
-				onSuccess() {
-					notify({
-						title: 'Switched Team',
-						message: `Switched to ${this.bench.team}`,
-						icon: 'check',
-						color: 'green'
-					});
-				},
-				onError(e) {
-					notify({
-						title: e,
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		}
-	},
-	activated() {
-		this.$socket.on('list_update', this.onSocketUpdate);
-	},
-	deactivated() {
-		this.$socket.off('list_update', this.onSocketUpdate);
-	},
-	methods: {
-		validateCreateSite() {
-			if (
-				this.$account.billing_info.has_unpaid_invoices &&
-				!this.$account.team.free_account
-			) {
-				notify({
-					title:
-						'Please settle your unpaid invoices from the billing tab in order to create new sites',
-					icon: 'info',
-					color: 'yellow'
-				});
-			} else {
-				this.$router.push(`/${this.bench.name}/new`);
-			}
-		},
-		onSocketUpdate({ pagetype, name }) {
-			if (pagetype == 'Release Group' && name == this.bench.name) {
-				this.reloadBench();
-			}
-		},
-		reloadBench() {
-			// reload if not loaded in last 1 second
-			let seconds = 1;
-			if (new Date() - this.$resources.bench.lastLoaded > 1000 * seconds) {
-				this.$resources.bench.reload();
-			}
-		},
-		isSaasLogin(app) {
-			if (localStorage.getItem('saas_login')) {
-				return `/saas/manage/${app}/groups`;
-			}
-
-			return '/sites';
-		}
-	},
-	computed: {
-		bench() {
-			if (this.$resources.bench?.data && !this.$resources.bench.loading) {
-				return this.$resources.bench.data;
-			}
-		},
-		tabs() {
-			let tabRoute = subRoute => `/groups/${this.benchName}/${subRoute}`;
-			let tabs = [
-				{
-					label: 'Sites',
-					route: 'sites'
-				},
-				{ label: 'Apps', route: 'apps' },
-				{ label: 'Deploys', route: 'deploys' },
-				{
-					label: 'Config',
-					route: 'bench-config',
-					condition: () => !this.bench?.public
-				},
-				{ label: 'Jobs', route: 'jobs' },
-				{ label: 'Settings', route: 'settings' }
-			].filter(tab => (tab.condition ? tab.condition() : true));
-
-			if (this.bench) {
-				return tabs.map(tab => {
-					return {
-						...tab,
-						route: tabRoute(tab.route)
-					};
-				});
-			}
-			return [];
-		},
-		benchActions() {
-			return [
-				{
-					label: 'Edit Title',
-					icon: 'edit',
-					onClick: () => (this.showEditTitleDialog = true)
-				},
-				{
-					label: 'View in Desk',
-					icon: 'external-link',
-					condition: () => this.$account.user.user_type == 'System User',
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/release-group/${this.bench.name}`,
-							'_blank'
-						);
-					}
-				},
-				{
-					label: 'Impersonate Team',
-					icon: 'tool',
-					condition: () => this.$account.user.user_type == 'System User',
-					onClick: async () => {
-						await this.$account.switchTeam(this.bench.team);
-					}
-				},
-				{
-					label: 'Update All Sites',
-					icon: 'arrow-up-circle',
-					condition: () => this.bench.status == 'Active' && !this.bench.public,
-					onClick: async () => {
-						await this.$resources.updateAllSites.submit();
-						notify({
-							title: 'Site update scheduled successfully',
-							message:
-								'All sites in this bench will be updated to the latest version',
-							icon: 'check',
-							color: 'green'
-						});
-					}
-				},
-				{
-					label: 'Drop Bench',
-					icon: 'trash',
-					condition: () => !this.bench.public,
-					onClick: () => (this.showDropBenchDialog = true)
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchApps.vue b/dashboard_backup/src/views/bench/BenchApps.vue
deleted file mode 100644
index e1fa099..0000000
--- a/dashboard_backup/src/views/bench/BenchApps.vue
+++ /dev/null
@@ -1,284 +0,0 @@
-<template>
-	<div class="space-y-5">
-		<Card
-			title="Apps"
-			subtitle="Apps available on your bench"
-			:loading="$resources.apps.loading"
-		>
-			<template #actions>
-				<Button
-					@click="
-						!$resources.installableApps.data
-							? $resources.installableApps.fetch()
-							: null;
-						showAddAppDialog = true;
-					"
-				>
-					Add App
-				</Button>
-			</template>
-			<div class="max-h-96 divide-y">
-				<ListItem
-					v-for="app in $resources.apps.data"
-					:key="app.name"
-					:title="app.title"
-				>
-					<template #subtitle>
-						<div class="mt-1 flex items-center space-x-2 text-gray-600">
-							<FeatherIcon name="git-branch" class="h-4 w-4" />
-							<div class="truncate text-base hover:text-clip">
-								{{ app.repository_owner }}/{{ app.repository }}:{{ app.branch }}
-							</div>
-						</div>
-					</template>
-					<template #actions>
-						<div class="ml-auto flex items-center space-x-2">
-							<span
-								class="flex flex-row items-center"
-								v-if="app.last_github_poll_failed"
-							>
-								<Tooltip
-									class="mr-2 flex cursor-pointer items-center rounded-full bg-gray-100 p-1"
-									text="What's this?"
-									placement="top"
-								>
-									<a
-										href="https://jingrow.com/docs/faq/app-installation-issue"
-										target="_blank"
-									>
-										<FeatherIcon
-											class="h-[18px] w-[18px] text-gray-800"
-											name="help-circle"
-										/>
-									</a>
-								</Tooltip>
-
-								<Badge label="Attention Required" theme="red" />
-							</span>
-							<Badge
-								v-if="!app.last_github_poll_failed && !app.deployed"
-								label="Not Deployed"
-								theme="orange"
-							/>
-							<Badge
-								v-if="
-									!app.last_github_poll_failed &&
-									app.update_available &&
-									app.deployed
-								"
-								label="Update Available"
-								theme="blue"
-							/>
-							<Dropdown :options="dropdownItems(app)" right>
-								<template v-slot="{ open }">
-									<Button icon="more-horizontal" />
-								</template>
-							</Dropdown>
-						</div>
-					</template>
-				</ListItem>
-			</div>
-
-			<ErrorMessage :message="$resources.fetchLatestAppUpdate.error" />
-
-			<Dialog
-				:options="{ title: 'Add apps to your bench', position: 'top' }"
-				v-model="showAddAppDialog"
-			>
-				<template v-slot:body-content>
-					<FormControl
-						class="mb-2"
-						placeholder="Search for Apps"
-						v-on:input="e => updateSearchTerm(e.target.value)"
-					/>
-					<LoadingText class="py-2" v-if="$resources.installableApps.loading" />
-					<AppSourceSelector
-						v-else
-						class="max-h-96 overflow-auto p-1"
-						:class="filteredOptions.length > 5 ? 'pr-2' : ''"
-						:apps="filteredOptions"
-						v-model="selectedApps"
-						:multiple="true"
-					/>
-					<p class="mt-4 text-base" @click="showAddAppDialog = false">
-						Don't find your app here?
-						<Link :to="`/groups/${benchName}/apps/new`"> Add from GitHub </Link>
-					</p>
-				</template>
-				<template v-slot:actions>
-					<Button
-						variant="solid"
-						class="w-full"
-						v-if="selectedApps.length > 0"
-						:loading="$resources.addApps.loading"
-						@click="
-							$resources.addApps.submit({
-								name: benchName,
-								apps: selectedApps.map(app => ({
-									app: app.app,
-									source: app.source.name
-								}))
-							})
-						"
-					>
-						Add App{{ selectedApps.length > 1 ? 's' : '' }}
-					</Button>
-				</template>
-			</Dialog>
-			<ChangeAppBranchDialog
-				:bench="benchName"
-				v-model:app="appToChangeBranchOf"
-			/>
-		</Card>
-	</div>
-</template>
-<script>
-import AppSourceSelector from '@/components/AppSourceSelector.vue';
-import ChangeAppBranchDialog from '@/components/ChangeAppBranchDialog.vue';
-import Fuse from 'fuse.js/dist/fuse.basic.esm';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'BenchApps',
-	components: {
-		AppSourceSelector,
-		ChangeAppBranchDialog
-	},
-	props: ['benchName', 'bench'],
-	data() {
-		return {
-			selectedApps: [],
-			showAddAppDialog: false,
-			appToPatch: null,
-			appToChangeBranchOf: null,
-			searchTerm: '',
-			filteredOptions: []
-		};
-	},
-	resources: {
-		apps() {
-			return {
-				url: 'jcloud.api.bench.apps',
-				params: {
-					name: this.benchName
-				},
-				auto: true
-			};
-		},
-		installableApps() {
-			return {
-				url: 'jcloud.api.bench.installable_apps',
-				params: {
-					name: this.benchName
-				},
-				onSuccess(data) {
-					this.fuse = new Fuse(data, {
-						limit: 20,
-						keys: ['title']
-					});
-					this.filteredOptions = data;
-				}
-			};
-		},
-		fetchLatestAppUpdate() {
-			return {
-				url: 'jcloud.api.bench.fetch_latest_app_update',
-				onSuccess() {
-					window.location.reload();
-				}
-			};
-		},
-		addApps() {
-			return {
-				url: 'jcloud.api.bench.add_apps',
-				onSuccess() {
-					window.location.reload();
-				}
-			};
-		},
-		removeApp() {
-			return {
-				url: 'jcloud.api.bench.remove_app',
-				onSuccess(app_name) {
-					this.$resources.apps.setData(data =>
-						data.filter(app => app.name !== app_name)
-					);
-				},
-				onError(e) {
-					notify({
-						title: 'Error',
-						message: e,
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		updateSearchTerm(value) {
-			if (value) {
-				this.filteredOptions = this.fuse
-					.search(value)
-					.map(result => result.item);
-			} else {
-				this.filteredOptions = this.$resources.installableApps.data;
-			}
-		},
-		dropdownItems(app) {
-			return [
-				{
-					label: 'View in Desk',
-					onClick: () =>
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/app/${app.name}`,
-							'_blank'
-						),
-					condition: () => this.$account.user.user_type == 'System User'
-				},
-				{
-					label: 'Fetch Latest Update',
-					onClick: () => this.fetchLatestUpdate(app)
-				},
-				{
-					label: 'Remove App',
-					onClick: () => this.confirmRemoveApp(app),
-					condition: () => app.name != 'jingrow'
-				},
-				{
-					label: 'Change Branch',
-					onClick: () => {
-						this.appToChangeBranchOf = app;
-					}
-				},
-				{
-					label: 'Visit Repo',
-					onClick: () =>
-						window.open(`${app.repository_url}/tree/${app.branch}`, '_blank')
-				}
-			].filter(Boolean);
-		},
-		fetchLatestUpdate(app) {
-			this.$resources.fetchLatestAppUpdate.submit({
-				name: this.benchName,
-				app: app.name
-			});
-		},
-		confirmRemoveApp(app) {
-			this.$confirm({
-				title: 'Remove App',
-				message: `Are you sure you want to remove app ${app.name} from this bench?`,
-				actionLabel: 'Remove App',
-				actionColor: 'red',
-				action: closeDialog => {
-					this.$resources.removeApp.submit({
-						name: this.benchName,
-						app: app.name
-					});
-					closeDialog();
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchConfig.vue b/dashboard_backup/src/views/bench/BenchConfig.vue
deleted file mode 100644
index c6cbda1..0000000
--- a/dashboard_backup/src/views/bench/BenchConfig.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<ConfigEditor
-		v-if="bench && !bench?.public"
-		title="Common Site Config"
-		subtitle="Add and update key value pairs to your bench's common_site_config.json and bench_config.json"
-		:configData="benchConfig"
-		:updateConfigMethod="updateBenchConfigMethod"
-	/>
-</template>
-
-<script>
-import ConfigEditor from '@/components/ConfigEditor.vue';
-
-export default {
-	name: 'BenchConfig',
-	components: {
-		ConfigEditor
-	},
-	props: ['bench'],
-	data() {
-		return {
-			editMode: false,
-			isCommonSiteConfigFormDirty: false,
-			isBenchConfigFormDirty: false
-		};
-	},
-	methods: {
-		benchConfig() {
-			return {
-				url: 'jcloud.api.bench.bench_config',
-				params: {
-					name: this.bench?.name
-				},
-				auto: true,
-				initialData: []
-			};
-		},
-		updateBenchConfigMethod(updatedConfig) {
-			return {
-				url: 'jcloud.api.bench.update_config',
-				params: {
-					name: this.bench?.name,
-					config: JSON.stringify(updatedConfig)
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchDependencies.vue b/dashboard_backup/src/views/bench/BenchDependencies.vue
deleted file mode 100644
index 9b4b176..0000000
--- a/dashboard_backup/src/views/bench/BenchDependencies.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-	<Card
-		title="Dependencies"
-		subtitle="Update dependencies for your bench"
-		:loading="$resources.dependencies.loading"
-	>
-		<template #actions>
-			<Button
-				v-if="isDirty"
-				label="Update"
-				@click="$resources.updateDependencies.submit()"
-				:loading="$resources.updateDependencies.loading"
-			/>
-		</template>
-		<FormControl
-			v-for="dependency in activeDependencies"
-			:key="dependency.key"
-			type="select"
-			v-model="dependency.value"
-			:options="dependencySelectOptions(dependency.key)"
-			:value="dependency.value"
-			:label="dependencies.dependency_title[dependency.key]"
-			class="mx-0.5 my-2"
-			@input="isDirty = true"
-		/>
-		<p
-			v-if="dependencies.update_available"
-			class="ml-0.5 mt-2.5 text-base text-red-600"
-		>
-			The changes will take effect in your next bench deploy.
-		</p>
-	</Card>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'BenchDependencies',
-	props: ['benchName'],
-	data() {
-		return {
-			isDirty: false
-		};
-	},
-	resources: {
-		dependencies() {
-			return {
-				url: 'jcloud.api.bench.dependencies',
-				params: {
-					name: this.benchName
-				},
-				auto: true,
-				initialData: []
-			};
-		},
-		updateDependencies() {
-			return {
-				url: 'jcloud.api.bench.update_dependencies',
-				params: {
-					name: this.benchName,
-					dependencies: JSON.stringify(this.dependencies.active_dependencies)
-				},
-				validate() {
-					if (!this.isDirty) return 'No changes made';
-				},
-				onSuccess() {
-					this.isDirty = false;
-				},
-				onError(err) {
-					notify({
-						title: 'Error',
-						message: (err.messages || err.message.split('_')).join(', '),
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		dependencies() {
-			return this.$resources.dependencies.data;
-		},
-		activeDependencies() {
-			return this.dependencies.active_dependencies.filter(
-				dependency =>
-					!this.dependencies.internal_dependencies.includes(dependency.key)
-			);
-		}
-	},
-	methods: {
-		dependencySelectOptions(dependency) {
-			let versions_for_specific_package =
-				this.dependencies.supported_dependencies.filter(
-					dep => dep.key === dependency
-				);
-			return versions_for_specific_package.map(dep => ({
-				label: dep.value,
-				value: dep.value
-			}));
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchDeploys.vue b/dashboard_backup/src/views/bench/BenchDeploys.vue
deleted file mode 100644
index b55aadf..0000000
--- a/dashboard_backup/src/views/bench/BenchDeploys.vue
+++ /dev/null
@@ -1,216 +0,0 @@
-<template>
-	<div>
-		<CardWithDetails
-			title="Deploys"
-			:subtitle="
-				candidates.length ? 'Deploys on your bench' : 'No deploys on your bench'
-			"
-			:show-details="selectedCandidate"
-		>
-			<div>
-				<router-link
-					v-for="candidate in candidates"
-					class="block cursor-pointer rounded-md px-2.5"
-					:class="
-						selectedCandidate && selectedCandidate.name === candidate.name
-							? 'bg-gray-100'
-							: 'hover:bg-gray-50'
-					"
-					:key="candidate.name"
-					:to="`/groups/${benchName}/deploys/${candidate.name}`"
-				>
-					<ListItem
-						:title="`Deploy on ${formatDate(
-							candidate.creation,
-							'DATETIME_SHORT'
-						)}`"
-						:subtitle="itemSubtitle(candidate)"
-					>
-						<template #actions>
-							<Badge
-								v-if="candidate.status != 'Success'"
-								:label="candidate.status"
-							>
-							</Badge>
-						</template>
-					</ListItem>
-					<div class="border-b"></div>
-				</router-link>
-				<div class="py-3" v-if="$resources.candidates.hasNextPage">
-					<Button
-						:loading="$resources.candidates.list.loading"
-						loadingText="Loading..."
-						@click="$resources.candidates.next()"
-					>
-						Load more
-					</Button>
-				</div>
-			</div>
-			<template #details>
-				<StepsDetail
-					:showDetails="selectedCandidate"
-					:loading="$resources.selectedCandidate.loading"
-					:steps="getSteps(selectedCandidate)"
-					title="Build Log"
-					:subtitle="subtitle"
-				/>
-			</template>
-		</CardWithDetails>
-	</div>
-</template>
-
-<script>
-import { h } from 'vue';
-import StepsDetail from '@/views/general/StepsDetail.vue';
-import CardWithDetails from '@/components/CardWithDetails.vue';
-
-export default {
-	name: 'BenchDeploys',
-	props: ['bench', 'benchName', 'candidateName'],
-	components: {
-		CardWithDetails,
-		StepsDetail
-	},
-	resources: {
-		candidates() {
-			return {
-				type: 'list',
-				pagetype: 'Deploy Candidate',
-				url: 'jcloud.api.bench.candidates',
-				filters: {
-					group: this.benchName
-				},
-				start: 0,
-				auto: true,
-				pageLength: 10
-			};
-		},
-		selectedCandidate() {
-			return {
-				url: 'jcloud.api.bench.candidate',
-				params: {
-					name: this.candidateName
-				},
-				auto: true
-			};
-		}
-	},
-	mounted() {
-		if (this.candidateName && this.selectedCandidate?.status != 'Success') {
-			this.$socket.on(`bench_deploy:${this.candidateName}:steps`, this.onSteps);
-			this.$socket.on(
-				`bench_deploy:${this.candidateName}:finished`,
-				this.onStopped
-			);
-		}
-	},
-	unmounted() {
-		this.$socket.off(`bench_deploy:${this.candidateName}:steps`, this.onSteps);
-		this.$socket.off(
-			`bench_deploy:${this.candidateName}:finished`,
-			this.onStopped
-		);
-	},
-	methods: {
-		onSteps(data) {
-			if (this.$resources.selectedCandidate?.data.name === data.name) {
-				this.$resources.selectedCandidate.data.build_steps = data.steps;
-			}
-		},
-		onStopped() {
-			this.$resources.candidates.reload();
-			this.$resources.selectedCandidate.reload();
-		},
-		getSteps(candidate) {
-			if (!candidate) return [];
-			let steps = candidate.build_steps.map(step => {
-				let name = step.stage + ' - ' + step.step;
-				let output =
-					step.command || step.output
-						? `${step.command || ''}\n${step.output || ''}`.trim()
-						: '';
-				let duration = ['Success', 'Failure'].includes(step.status)
-					? step.cached
-						? 'Cached'
-						: `${step.duration} s`
-					: null;
-				return {
-					name,
-					output,
-					status: step.status,
-					duration,
-					completed: step.status == 'Success',
-					running: step.status == 'Running'
-				};
-			});
-
-			let bench = this.bench;
-			let jobs = candidate.jobs.map(job => {
-				return {
-					name: `Deploy ${job.bench}`,
-					output:
-						job.status == 'Success'
-							? `Deploy completed in ${job.duration.split('.')[0]}`
-							: null,
-					status: job.status,
-					completed: job.status == 'Success',
-					running: ['Pending', 'Running'].includes(job.status),
-					action: {
-						render() {
-							return h(
-								'Link',
-								{
-									props: { to: `/groups/${bench?.name}/jobs/${job.name}` },
-									class: 'text-sm'
-								},
-								'Job Log →'
-							);
-						}
-					}
-				};
-			});
-			return [...steps, ...jobs];
-		},
-		itemSubtitle(candidate) {
-			return ['jingrow', ...candidate.apps.filter(d => d !== 'jingrow')].join(
-				', '
-			);
-		}
-	},
-	computed: {
-		selectedCandidate() {
-			return this.$resources.selectedCandidate.data;
-		},
-		subtitle() {
-			if (
-				this.selectedCandidate &&
-				this.selectedCandidate.status == 'Success'
-			) {
-				let when = this.formatDate(
-					this.selectedCandidate.build_end,
-					'relative'
-				);
-				let duration = this.$formatDuration(
-					this.selectedCandidate.build_duration
-				);
-				return `Completed ${when} in ${duration}`;
-			} else if (this.selectedCandidate?.status === 'Running') {
-				const when = this.formatDate(
-					this.selectedCandidate.build_start,
-					'relative'
-				);
-				return `Started ${when}`;
-			} else if (this.selectedCandidate?.status === 'Failure') {
-				const when = this.formatDate(
-					this.selectedCandidate.build_end,
-					'relative'
-				);
-				return `Failed ${when}`;
-			}
-		},
-		candidates() {
-			return this.$resources.candidates.data || [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchDropDialog.vue b/dashboard_backup/src/views/bench/BenchDropDialog.vue
deleted file mode 100644
index e6097b4..0000000
--- a/dashboard_backup/src/views/bench/BenchDropDialog.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Drop Bench',
-			actions: [
-				{
-					label: 'Drop Bench',
-					variant: 'solid',
-					theme: 'red',
-					loading: $resources.dropBench.loading,
-					onClick: () => $resources.dropBench.submit()
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template v-slot:body-content>
-			<p class="text-base">
-				Are you sure you want to drop this bench? All the sites on this bench
-				should be dropped manually before dropping the bench. This action cannot
-				be undone.
-			</p>
-			<p class="mt-4 text-base">
-				Please type
-				<span class="font-semibold">{{ bench.title }}</span> to confirm.
-			</p>
-			<FormControl class="mt-4 w-full" v-model="confirmBenchName" />
-			<ErrorMessage class="mt-2" :message="$resources.dropBench.error" />
-		</template>
-	</Dialog>
-</template>
-<script>
-export default {
-	name: 'EditBenchTitleDialog',
-	props: ['modelValue', 'bench'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			confirmBenchName: ''
-		};
-	},
-	resources: {
-		dropBench() {
-			return {
-				url: 'jcloud.api.bench.archive',
-				params: {
-					name: this.bench?.name
-				},
-				onSuccess() {
-					this.show = false;
-					this.$router.push('/sites');
-				},
-				validate() {
-					if (this.bench?.title !== this.confirmBenchName) {
-						return 'Please type the bench name correctly to confirm';
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchJobs.vue b/dashboard_backup/src/views/bench/BenchJobs.vue
deleted file mode 100644
index 507970a..0000000
--- a/dashboard_backup/src/views/bench/BenchJobs.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-	<AgentJobs
-		title="Jobs"
-		subtitle="History of jobs that ran on your bench"
-		:resource="jobResource"
-		:jobName="jobName"
-		:jobRoute="jobRoute"
-	/>
-</template>
-
-<script>
-import AgentJobs from '@/views/general/AgentJobs.vue';
-
-export default {
-	name: 'BenchJobs',
-	props: ['benchName', 'jobName'],
-	components: {
-		AgentJobs
-	},
-	methods: {
-		jobResource() {
-			return {
-				type: 'list',
-				pagetype: 'Agent Job',
-				url: 'jcloud.api.bench.jobs',
-				filters: { name: this.benchName },
-				auto: true,
-				orderBy: 'creation desc',
-				start: 0,
-				pageLength: 10
-			};
-		},
-		jobRoute(job) {
-			return `/groups/${this.benchName}/jobs/${job.name}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchLogs.vue b/dashboard_backup/src/views/bench/BenchLogs.vue
deleted file mode 100644
index b7a3b8d..0000000
--- a/dashboard_backup/src/views/bench/BenchLogs.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<CardWithDetails
-		title="Logs"
-		:subtitle="`Available logs for ${instanceName}`"
-		:showDetails="logName"
-	>
-		<div v-if="$resources.logs.data && $resources.logs.data.length">
-			<router-link
-				class="block cursor-pointer rounded-md px-2.5"
-				:class="logName === log.name ? 'bg-gray-100' : 'hover:bg-gray-50'"
-				v-for="log in $resources.logs.data"
-				:key="log.name"
-				:to="`/groups/${bench.name}/logs/${instanceName}/${log.name}`"
-			>
-				<ListItem
-					:title="log.name"
-					:description="`${formatDate(log.modified) + '\n' + log.size} kB`"
-				/>
-				<div class="border-b"></div>
-			</router-link>
-		</div>
-		<div v-else>
-			<Button
-				v-if="$resources.logs.loading"
-				:loading="true"
-				loading-text="Loading..."
-			/>
-			<span v-else class="text-base text-gray-600">No logs</span>
-		</div>
-		<template #details>
-			<BenchLogsDetail
-				:bench="bench"
-				:instanceName="instanceName"
-				:logName="logName"
-			/>
-		</template>
-	</CardWithDetails>
-</template>
-
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import BenchLogsDetail from './BenchLogsDetail.vue';
-export default {
-	name: 'BenchLogs',
-	props: ['bench', 'instanceName', 'logName'],
-	components: { CardWithDetails, BenchLogsDetail },
-	resources: {
-		logs() {
-			return {
-				url: 'jcloud.api.bench.logs',
-				params: { name: this.bench?.name, bench: this.instanceName },
-				auto: true
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchLogsDetail.vue b/dashboard_backup/src/views/bench/BenchLogsDetail.vue
deleted file mode 100644
index 94d5a83..0000000
--- a/dashboard_backup/src/views/bench/BenchLogsDetail.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-	<CardDetails :showDetails="log">
-		<div class="px-6 py-5">
-			<template v-if="log != null">
-				<div class="flex items-center">
-					<Button
-						class="mr-3 md:hidden"
-						@click="$router.back()"
-						icon="chevron-left"
-					/>
-					<h4 class="text-lg font-medium">
-						{{ logName }}
-						<span class="">({{ logLines.length }} lines)</span>
-					</h4>
-				</div>
-			</template>
-			<div v-else>
-				<Button
-					:loading="true"
-					loading-text="Loading..."
-					v-if="$resources.log.loading"
-				/>
-				<span v-else class="text-base text-gray-600">
-					{{ logName ? 'Invalid Log' : 'No log selected' }}
-				</span>
-			</div>
-		</div>
-		<div class="flex-auto overflow-auto px-6 font-mono text-xs" v-if="log">
-			<div
-				class="mb-6 rounded-md bg-gray-100 px-2 py-2.5"
-				:style="{ width: viewportWidth < 768 ? 'calc(100vw - 6rem)' : '' }"
-			>
-				<div class="overflow-x-auto">
-					<pre v-for="(line, id) in logLines" :key="id">{{ line }}</pre>
-				</div>
-			</div>
-		</div>
-	</CardDetails>
-</template>
-<script>
-import CardDetails from '@/components/CardDetails.vue';
-export default {
-	name: 'BenchLogsDetail',
-	props: ['bench', 'instanceName', 'logName'],
-	components: { CardDetails },
-	inject: ['viewportWidth'],
-	resources: {
-		log() {
-			return {
-				url: 'jcloud.api.bench.log',
-				params: {
-					name: this.bench?.name,
-					bench: this.instanceName,
-					log: this.logName
-				},
-				auto: Boolean(this.logName)
-			};
-		}
-	},
-	computed: {
-		log() {
-			return this.$resources.log.data && this.$resources.log.data[this.logName];
-		},
-		logLines() {
-			if (this.log && this.logName) return this.log.split('\n').slice(-4096);
-			return [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchRegions.vue b/dashboard_backup/src/views/bench/BenchRegions.vue
deleted file mode 100644
index 6edcca6..0000000
--- a/dashboard_backup/src/views/bench/BenchRegions.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<template>
-	<Card
-		title="Regions"
-		subtitle="Regions available for your bench"
-		:loading="$resources.regions.loading"
-	>
-		<template #actions>
-			<Button
-				v-if="showAddRegionButton"
-				@click="
-					!$resources.availableRegions.data
-						? $resources.availableRegions.fetch()
-						: null;
-					showAddRegionDialog = true;
-				"
-			>
-				Add Region
-			</Button>
-		</template>
-
-		<div class="divide-y">
-			<ListItem
-				v-for="region in $resources.regions.data"
-				:key="region.name"
-				:title="region.title"
-				:image="region.image"
-			>
-			</ListItem>
-		</div>
-
-		<Dialog
-			:options="{ title: 'Select secondary region for your bench' }"
-			v-model="showAddRegionDialog"
-		>
-			<template v-slot:body-content>
-				<LoadingText class="py-2" v-if="$resources.availableRegions.loading" />
-
-				<RichSelect
-					:value="selectedRegion"
-					@change="selectedRegion = $event"
-					:options="regionOptions"
-				/>
-			</template>
-
-			<template #actions>
-				<Button
-					variant="solid"
-					class="w-full"
-					v-if="selectedRegion"
-					:loading="$resources.addRegion.loading"
-					@click="
-						$resources.addRegion.submit({
-							name: benchName,
-							region: selectedRegion
-						})
-					"
-				>
-					Add
-				</Button>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-
-<script>
-import RichSelect from '@/components/RichSelect.vue';
-
-export default {
-	name: 'BenchRegions',
-	props: ['benchName'],
-	components: { RichSelect },
-	data() {
-		return {
-			selectedRegion: null,
-			showAddRegionDialog: false
-		};
-	},
-	resources: {
-		regions() {
-			return {
-				url: 'jcloud.api.bench.regions',
-				params: {
-					name: this.benchName
-				},
-				auto: true
-			};
-		},
-		availableRegions() {
-			return {
-				url: 'jcloud.api.bench.available_regions',
-				params: {
-					name: this.benchName
-				},
-				auto: true,
-				onSuccess(availableRegions) {
-					if (availableRegions.length)
-						this.selectedRegion = availableRegions[0].name;
-				}
-			};
-		},
-		addRegion() {
-			return {
-				url: 'jcloud.api.bench.add_region',
-				onSuccess() {
-					window.location.reload();
-				}
-			};
-		}
-	},
-	computed: {
-		regionOptions() {
-			let availableRegions = this.$resources.availableRegions.data;
-			return availableRegions
-				? availableRegions.map(d => ({
-						label: d.title,
-						value: d.name,
-						image: d.image,
-						beta: d.beta
-				  }))
-				: [];
-		},
-		showAddRegionButton() {
-			let regions = this.$resources.regions.data;
-			return regions && regions.length < 2;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchSettings.vue b/dashboard_backup/src/views/bench/BenchSettings.vue
deleted file mode 100644
index 20233ee..0000000
--- a/dashboard_backup/src/views/bench/BenchSettings.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-	<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-		<Tags
-			v-if="bench"
-			:name="benchName"
-			pagetype="Release Group"
-			:resourceTags="bench.bench_tags"
-			:tags="bench.tags"
-		/>
-		<BenchRegions :benchName="benchName" />
-		<BenchDependencies :benchName="benchName" />
-	</div>
-</template>
-
-<script>
-import Tags from '@/components/Tags.vue';
-import BenchRegions from './BenchRegions.vue';
-import BenchDependencies from './BenchDependencies.vue';
-
-export default {
-	name: 'BenchSettings',
-	props: ['bench', 'benchName'],
-	components: {
-		Tags,
-		BenchDependencies,
-		BenchRegions
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/BenchSites.vue b/dashboard_backup/src/views/bench/BenchSites.vue
deleted file mode 100644
index 293b4dc..0000000
--- a/dashboard_backup/src/views/bench/BenchSites.vue
+++ /dev/null
@@ -1,557 +0,0 @@
-<template>
-	<div class="space-y-8">
-		<Table
-			:columns="[
-				{ label: 'Site Name', name: 'name', width: 2 },
-				{ label: 'Status', name: 'status' },
-				{ label: 'Region', name: 'region' },
-				{ label: 'Tags', name: 'tags' },
-				{ label: 'Plan', name: 'plan' },
-				{ label: '', name: 'actions', width: 0.5 }
-			]"
-			:rows="versions"
-			v-slot="{ rows, columns }"
-		>
-			<TableHeader v-if="rows.length !== 0" class="mb-4 hidden sm:grid" />
-			<div class="flex items-center justify-center">
-				<LoadingText class="mt-8" v-if="$resources.versions.loading" />
-				<div v-else-if="rows.length === 0" class="mt-8">
-					<div class="text-base text-gray-700">No Sites</div>
-				</div>
-			</div>
-			<div
-				v-for="(group, i) in rows"
-				:key="group.name"
-				class="mb-4 rounded border"
-			>
-				<div
-					class="flex w-full items-center justify-between rounded-t bg-gray-50 px-3 py-2 text-base"
-				>
-					<span
-						class="cursor-default font-semibold text-gray-900"
-						:title="
-							group.deployed_on
-								? 'Deployed on ' +
-								  formatDate(group.deployed_on, 'DATETIME_SHORT', true)
-								: ''
-						"
-					>
-						{{ group.name }}
-						<Badge :label="group.status" class="ml-2" />
-					</span>
-					<div class="flex items-center space-x-2">
-						<Button
-							variant="ghost"
-							label="Show Apps"
-							@click="
-								$resources.versionApps.submit({ name: group.name });
-								showAppsDialog = true;
-							"
-						/>
-						<Dropdown :options="benchDropdownItems(i)">
-							<template v-slot="{ open }">
-								<Button variant="ghost">
-									<template #icon>
-										<FeatherIcon name="more-horizontal" class="h-4 w-4" />
-									</template>
-								</Button>
-							</template>
-						</Dropdown>
-					</div>
-				</div>
-				<div
-					v-if="!group.sites?.length"
-					class="flex items-center justify-center border-b py-4.5"
-				>
-					<div class="text-base text-gray-600">No Sites</div>
-				</div>
-				<TableRow
-					v-for="(row, index) in group.sites"
-					:key="row.name"
-					:row="row"
-					:class="index === 0 ? 'rounded-b' : 'rounded'"
-				>
-					<TableCell v-for="column in columns">
-						<Badge v-if="column.name === 'status'" :label="$siteStatus(row)" />
-						<div
-							v-else-if="column.name === 'tags' && row.tags"
-							class="hidden space-x-1 sm:flex"
-						>
-							<Badge
-								v-for="tag in row.tags.slice(0, 1)"
-								theme="blue"
-								:label="tag"
-							/>
-							<Tooltip
-								v-if="row.tags.length > 1"
-								:text="row.tags.slice(1).join(', ')"
-							>
-								<Badge
-									v-if="row.tags.length > 1"
-									:label="`+${row.tags.length - 1}`"
-								/>
-							</Tooltip>
-						</div>
-						<span v-else-if="column.name === 'plan'" class="hidden sm:block">
-							{{
-								row.plan
-									? `${$planTitle(row.plan)}${
-											row.plan.price_usd > 0 ? '/mo' : ''
-									  }`
-									: ''
-							}}
-						</span>
-						<div v-else-if="column.name === 'region'" class="hidden sm:block">
-							<img
-								v-if="row.server_region_info?.image"
-								class="h-4"
-								:src="row.server_region_info.image"
-								:alt="`Flag of ${row.server_region_info.title}`"
-								:title="row.server_region_info.title"
-							/>
-							<span class="text-base text-gray-700" v-else>
-								{{ row.server_region_info?.title }}
-							</span>
-						</div>
-						<div class="w-full text-right" v-else-if="column.name == 'actions'">
-							<Dropdown @click.prevent :options="dropdownItems(row)">
-								<template v-slot="{ open }">
-									<Button
-										:variant="open ? 'subtle' : 'ghost'"
-										icon="more-horizontal"
-									/>
-								</template>
-							</Dropdown>
-						</div>
-						<span v-else>{{ row[column.name] || '' }}</span>
-					</TableCell>
-				</TableRow>
-			</div>
-		</Table>
-	</div>
-
-	<Dialog :options="{ title: 'Apps', size: 'xl' }" v-model="showAppsDialog">
-		<template #body-content>
-			<ListItem
-				class="mb-3 flex items-center rounded-md border px-4 py-3 shadow ring-1 ring-gray-300"
-				v-for="app in $resources.versionApps.data"
-				:key="app.app"
-				:title="app.app"
-			>
-				<template #subtitle>
-					<div class="mt-1 flex items-center space-x-2 text-gray-600">
-						<FeatherIcon name="git-branch" class="h-4 w-4" />
-						<div class="truncate text-base hover:text-clip">
-							{{ app.repository_owner }}/{{ app.repository }}:{{ app.branch }}
-						</div>
-					</div>
-				</template>
-				<template #actions>
-					<CommitTag
-						:tag="app.tag || app.hash.substr(0, 7)"
-						class="ml-2"
-						:link="`${app.repository_url}/commit/${app.hash}`"
-					/>
-				</template>
-			</ListItem>
-			<LoadingText
-				class="justify-center"
-				v-if="$resources.versionApps.loading"
-			/>
-		</template>
-	</Dialog>
-
-	<Dialog
-		:options="{
-			title: 'Login As Administrator',
-			actions: [
-				{
-					label: 'Proceed',
-					variant: 'solid',
-					onClick: proceedWithLoginAsAdmin
-				}
-			]
-		}"
-		v-model="showReasonForAdminLoginDialog"
-	>
-		<template #body-content>
-			<FormControl
-				label="Reason for logging in as Administrator"
-				type="textarea"
-				v-model="reasonForAdminLogin"
-				required
-			/>
-			<ErrorMessage class="mt-3" :message="errorMessage" />
-		</template>
-	</Dialog>
-
-	<Dialog :options="{ title: 'SSH Access' }" v-model="showSSHDialog">
-		<template v-slot:body-content>
-			<div v-if="certificate" class="space-y-4" style="max-width: 29rem">
-				<div class="space-y-2">
-					<h4 class="text-base font-semibold text-gray-700">Step 1</h4>
-					<div class="space-y-1">
-						<p class="text-base">
-							Execute the following shell command to store the SSH certificate
-							locally.
-						</p>
-						<ClickToCopyField :textContent="certificateCommand" />
-					</div>
-				</div>
-
-				<div class="space-y-2">
-					<h4 class="text-base font-semibold text-gray-700">Step 2</h4>
-					<div class="space-y-1">
-						<p class="text-base">
-							Execute the following shell command to SSH into your bench
-						</p>
-						<ClickToCopyField :textContent="sshCommand" />
-					</div>
-				</div>
-			</div>
-			<div v-if="!certificate">
-				<p class="mb-4 text-base">
-					You will need an SSH certificate to get SSH access to your bench. This
-					certificate will work only with your public-private key pair and will
-					be valid for 6 hours.
-				</p>
-				<p class="text-base">
-					Please refer to the
-					<a href="/docs/benches/ssh" class="underline"
-						>SSH Access documentation</a
-					>
-					for more details.
-				</p>
-			</div>
-		</template>
-		<template #actions v-if="!certificate">
-			<Button
-				:loading="$resources.generateCertificate.loading"
-				@click="$resources.generateCertificate.fetch()"
-				variant="solid"
-				class="w-full"
-				>Generate SSH Certificate</Button
-			>
-		</template>
-		<ErrorMessage
-			class="mt-3"
-			:message="$resources.generateCertificate.error"
-		/>
-	</Dialog>
-	<CodeServer
-		:show="showCodeServerDialog"
-		@close="showCodeServerDialog = false"
-		:version="versions[selectedVersionIndex]?.name"
-	/>
-</template>
-<script>
-import { loginAsAdmin } from '@/controllers/loginAsAdmin';
-import Table from '@/components/Table/Table.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import CommitTag from '@/components/utils/CommitTag.vue';
-import CodeServer from '@/views/spaces/CreateCodeServerDialog.vue';
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'BenchSites',
-	props: ['bench', 'benchName'],
-	components: {
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell,
-		ClickToCopyField,
-		CommitTag,
-		CodeServer
-	},
-	data() {
-		return {
-			reasonForAdminLogin: '',
-			errorMessage: null,
-			selectedVersionIndex: 0,
-			showSSHDialog: false,
-			showCodeServerDialog: false,
-			showAppsDialog: false,
-			showReasonForAdminLoginDialog: false,
-			siteForLogin: null
-		};
-	},
-	resources: {
-		versions() {
-			return {
-				url: 'jcloud.api.bench.versions',
-				params: {
-					name: this.benchName
-				},
-				auto: true
-			};
-		},
-		versionApps() {
-			return {
-				url: 'jcloud.api.bench.get_installed_apps_in_version'
-			};
-		},
-		loginAsAdmin() {
-			return loginAsAdmin('placeholderSite'); // So that RM does not yell at first load
-		},
-		getCertificate() {
-			return {
-				url: 'jcloud.api.bench.certificate',
-				params: { name: this.benchName },
-				auto: true
-			};
-		},
-		generateCertificate() {
-			return {
-				url: 'jcloud.api.bench.generate_certificate',
-				params: { name: this.bench?.name },
-				onSuccess() {
-					this.$resources.getCertificate.reload();
-				}
-			};
-		},
-		restartBench() {
-			return {
-				url: 'jcloud.api.bench.restart',
-				params: {
-					name: this.versions[this.selectedVersionIndex]?.name
-				}
-			};
-		},
-		rebuildBench() {
-			return {
-				url: 'jcloud.api.bench.rebuild',
-				params: {
-					name: this.versions[this.selectedVersionIndex]?.name
-				}
-			};
-		},
-		updateAllSites() {
-			return {
-				url: 'jcloud.api.bench.update',
-				onSuccess() {
-					notify({
-						title: 'Site update scheduled successfully',
-						message: `All sites in ${
-							this.versions[this.selectedVersionIndex]?.name
-						} will be updated to the latest version`,
-						icon: 'check',
-						color: 'green'
-					});
-				},
-				onError(e) {
-					notify({
-						title: 'Error',
-						message: e.messages.join(', '),
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		dropdownItems(site) {
-			return [
-				{
-					label: 'Visit Site',
-					onClick: () => {
-						window.open(`https://${site.name}`, '_blank');
-					}
-				},
-				{
-					label: 'Login As Admin',
-					onClick: () => {
-						if (this.$account.team.name === site.team) {
-							return this.$resources.loginAsAdmin.submit({
-								name: site.name
-							});
-						}
-
-						this.siteForLogin = site.name;
-						this.showReasonForAdminLoginDialog = true;
-					}
-				}
-			];
-		},
-		benchDropdownItems(i) {
-			return [
-				{
-					label: 'View in Desk',
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/bench/${this.versions[i].name}`,
-							'_blank'
-						);
-					},
-					condition: () => this.$account.user.user_type === 'System User'
-				},
-				{
-					label: 'SSH Access',
-					onClick: () => {
-						this.selectedVersionIndex = i;
-						this.showSSHDialog = true;
-					},
-					condition: () =>
-						this.versions[i].status === 'Active' &&
-						this.$account.ssh_key &&
-						this.versions[i].is_ssh_proxy_setup &&
-						this.permissions.sshAccess
-				},
-				{
-					label: 'View Logs',
-					onClick: () => {
-						this.$router.push(
-							`/groups/${this.bench.name}/logs/${this.versions[i].name}/`
-						);
-					},
-					condition: () => this.versions[i].status === 'Active'
-				},
-				{
-					label: 'Update All Sites',
-					onClick: () => {
-						this.$resources.updateAllSites.submit({
-							name: this.versions[i]?.name
-						});
-					},
-					condition: () =>
-						this.versions[i].status === 'Active' &&
-						i > 0 &&
-						this.versions[i].sites.length > 0
-				},
-				{
-					label: 'Restart Bench',
-					onClick: () => {
-						this.selectedVersionIndex = i;
-						this.confirmRestart();
-					},
-					condition: () =>
-						this.versions[i].status === 'Active' &&
-						this.permissions.restartBench
-				},
-				{
-					label: 'Build Assets',
-					onClick: () => {
-						this.selectedVersionIndex = i;
-						this.confirmRebuild();
-					},
-					condition: () =>
-						this.versions[i].status === 'Active' &&
-						(Number(this.versions[i].version.split(' ')[1] > 13) ||
-							this.versions[i].version === 'v0.1') &&
-						this.permissions.rebuildBench
-				},
-				{
-					label: 'Create Code Server',
-					onClick: () => {
-						this.selectedVersionIndex = i;
-						this.showCodeServerDialog = true;
-					},
-					condition: () => this.$account.team.code_servers_enabled
-				}
-			].filter(d => (d.condition ? d.condition() : true));
-		},
-		proceedWithLoginAsAdmin() {
-			this.errorMessage = '';
-
-			if (!this.reasonForAdminLogin.trim()) {
-				this.errorMessage = 'Reason is required';
-				return;
-			}
-
-			this.$resources.loginAsAdmin.submit({
-				name: this.siteForLogin,
-				reason: this.reasonForAdminLogin
-			});
-
-			this.showReasonForAdminLoginDialog = false;
-		},
-		confirmRestart() {
-			this.$confirm({
-				title: 'Restart Bench',
-				message: `
-					<b>bench restart</b> command will be executed on your bench. This will temporarily stop all web and backgound workers. Are you sure
-					you want to run this command?
-				`,
-				actionLabel: 'Restart Bench',
-				actionColor: 'red',
-				action: closeDialog => {
-					this.$resources.restartBench.submit();
-					closeDialog();
-				}
-			});
-		},
-		confirmRebuild() {
-			this.$confirm({
-				title: 'Build Assets',
-				message: `
-					<b>bench build</b> command will be executed on your bench. This will regenerate all static assets. Are you sure
-					you want to run this command?
-				`,
-				actionLabel: 'Build Assets',
-				actionColor: 'red',
-				action: closeDialog => {
-					this.$resources.rebuildBench.submit();
-					closeDialog();
-				}
-			});
-		}
-	},
-	computed: {
-		permissions() {
-			return {
-				restartBench: this.$account.hasPermission(
-					this.benchName,
-					'jcloud.api.bench.restart'
-				),
-				rebuildBench: this.$account.hasPermission(
-					this.benchName,
-					'jcloud.api.bench.rebuild'
-				),
-				sshAccess: this.$account.hasPermission(
-					this.benchName,
-					'jcloud.api.bench.generate_certificate'
-				)
-			};
-		},
-		versions() {
-			if (!this.$resources.versions.data) return [];
-
-			for (let version of this.$resources.versions.data) {
-				for (let site of version.sites) {
-					site.route = {
-						name: 'SiteOverview',
-						params: {
-							siteName: site.name
-						}
-					};
-				}
-			}
-
-			return this.$resources.versions.data;
-		},
-		certificate() {
-			return this.$resources.getCertificate.data;
-		},
-		sshCommand() {
-			if (this.versions[this.selectedVersionIndex]) {
-				return `ssh ${this.versions[this.selectedVersionIndex]?.name}@${
-					this.versions[this.selectedVersionIndex]?.proxy_server
-				} -p 2222`;
-			}
-			return null;
-		},
-		certificateCommand() {
-			if (this.certificate) {
-				return `echo '${this.certificate.ssh_certificate?.trim()}' > ~/.ssh/id_${
-					this.certificate.key_type
-				}-cert.pub`;
-			}
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/Benches.vue b/dashboard_backup/src/views/bench/Benches.vue
deleted file mode 100644
index 2402d84..0000000
--- a/dashboard_backup/src/views/bench/Benches.vue
+++ /dev/null
@@ -1,308 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs
-				:items="[{ label: 'Benches', route: { name: 'BenchesScreen' } }]"
-			>
-				<template v-slot:actions>
-					<Button
-						variant="solid"
-						icon-left="plus"
-						label="Create"
-						class="ml-2"
-						@click="showBillingDialog"
-					/>
-				</template>
-			</Breadcrumbs>
-		</header>
-
-		<div class="mx-5 mt-5">
-			<div class="flex">
-				<div class="flex w-full space-x-2 pb-4">
-					<FormControl label="Search Benches" v-model="searchTerm">
-						<template #prefix>
-							<FeatherIcon name="search" class="w-4 text-gray-600" />
-						</template>
-					</FormControl>
-					<FormControl
-						label="Status"
-						class="mr-8"
-						type="select"
-						:options="benchStatusFilterOptions"
-						v-model="bench_status"
-					/>
-					<FormControl
-						v-if="$resources.benchTags.data.length > 0"
-						label="Tag"
-						class="mr-8"
-						type="select"
-						:options="benchTagFilterOptions"
-						v-model="bench_tag"
-					/>
-				</div>
-				<div class="w-10"></div>
-			</div>
-			<Table
-				:columns="[
-					{ label: 'Bench Name', name: 'name', width: 2 },
-					{ label: 'Status', name: 'status' },
-					{ label: 'Version', name: 'version' },
-					{ label: 'Tags', name: 'tags' },
-					{ label: 'Stats', name: 'stats' },
-					{ label: '', name: 'actions', width: 0.5 }
-				]"
-				:rows="benches"
-				v-slot="{ rows, columns }"
-			>
-				<TableHeader class="hidden lg:grid" />
-				<TableRow
-					v-for="row in rows"
-					:key="row.name"
-					:row="row"
-					class="rounded"
-				>
-					<TableCell v-for="column in columns">
-						<Badge v-if="column.name === 'status'" :label="row.status" />
-						<div
-							v-else-if="column.name === 'tags'"
-							class="hidden space-x-1 lg:flex"
-						>
-							<Badge
-								v-for="(tag, i) in row.tags.slice(0, 1)"
-								theme="blue"
-								:label="tag"
-							/>
-							<Tooltip
-								v-if="row.tags.length > 1"
-								:text="row.tags.slice(1).join(', ')"
-							>
-								<Badge
-									v-if="row.tags.length > 1"
-									:label="`+${row.tags.length - 1}`"
-								/>
-							</Tooltip>
-							<span v-if="row.tags.length == 0">-</span>
-						</div>
-						<div
-							v-else-if="column.name === 'stats'"
-							class="hidden text-sm text-gray-600 md:block"
-						>
-							{{
-								`${row.stats.number_of_sites} ${$plural(
-									row.stats.number_of_sites,
-									'Site',
-									'Sites'
-								)}`
-							}}
-							&middot;
-							{{
-								`${row.stats.number_of_apps} ${$plural(
-									row.stats.number_of_apps,
-									'App',
-									'Apps'
-								)}`
-							}}
-						</div>
-						<div v-else-if="column.name == 'actions'" class="w-full text-right">
-							<Dropdown @click.prevent :options="dropdownItems(row)">
-								<template v-slot="{ open }">
-									<Button
-										:variant="open ? 'subtle' : 'ghost'"
-										class="mr-2"
-										icon="more-horizontal"
-									/>
-								</template>
-							</Dropdown>
-						</div>
-						<span
-							v-else
-							:class="{ 'hidden md:block': column.name === 'version' }"
-							>{{ row[column.name] || '' }}
-						</span>
-					</TableCell>
-				</TableRow>
-				<div class="mt-8 flex items-center justify-center">
-					<LoadingText
-						v-if="$resources.allBenches.loading && !$resources.allBenches.data"
-					/>
-					<div
-						v-else-if="$resources.allBenches.fetched && rows.length === 0"
-						class="text-base text-gray-700"
-					>
-						No Benches
-					</div>
-				</div>
-			</Table>
-		</div>
-
-		<Dialog
-			:options="{ title: 'Add card to create new benches' }"
-			v-model="showAddCardDialog"
-		>
-			<template v-slot:body-content>
-				<StripeCard
-					class="mb-1"
-					v-if="showAddCardDialog"
-					@complete="
-						showAddCardDialog = false;
-						$resources.paymentMethods.reload();
-					"
-				/>
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-import Table from '@/components/Table/Table.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'BenchesScreen',
-	data() {
-		return {
-			showAddCardDialog: false,
-			searchTerm: '',
-			bench_status: 'All',
-			bench_tag: ''
-		};
-	},
-	pageMeta() {
-		return {
-			title: 'Benches - 今果 Jingrow'
-		};
-	},
-	components: {
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell,
-		StripeCard: defineAsyncComponent(() =>
-			import('@/components/StripeCard.vue')
-		)
-	},
-	resources: {
-		paymentMethods: {
-			url: 'jcloud.api.billing.get_payment_methods',
-			auto: true
-		},
-		allBenches() {
-			return {
-				url: 'jcloud.api.bench.all',
-				params: {
-					bench_filter: { status: this.bench_status, tag: this.bench_tag }
-				},
-				auto: true,
-				cache: [
-					'BenchList',
-					this.bench_status,
-					this.bench_tag,
-					this.$account.team.name
-				]
-			};
-		},
-		benchTags: {
-			url: 'jcloud.api.bench.bench_tags',
-			auto: true,
-			initialData: []
-		}
-	},
-	computed: {
-		benches() {
-			if (!this.$resources.allBenches.data) {
-				return [];
-			}
-			let benches = this.$resources.allBenches.data.filter(bench =>
-				this.$account.hasPermission(bench.name, '', true)
-			);
-			if (this.searchTerm)
-				benches = benches.filter(bench =>
-					bench.title.toLowerCase().includes(this.searchTerm.toLowerCase())
-				);
-
-			return benches.map(bench => ({
-				name: bench.title,
-				status: bench.status,
-				version: bench.version,
-				stats: {
-					number_of_sites: bench.number_of_sites,
-					number_of_apps: bench.number_of_apps
-				},
-				tags: bench.tags,
-				route: { name: 'BenchSiteList', params: { benchName: bench.name } }
-			}));
-		},
-		benchStatusFilterOptions() {
-			return [
-				{
-					label: 'All',
-					value: 'All'
-				},
-				{
-					label: 'Active',
-					value: 'Active'
-				},
-				{
-					label: 'Awaiting Deploy',
-					value: 'Awaiting Deploy'
-				}
-			];
-		},
-		benchTagFilterOptions() {
-			const defaultOptions = [
-				{
-					label: '',
-					value: ''
-				}
-			];
-
-			if (!this.$resources.benchTags.data) return defaultOptions;
-
-			return [
-				...defaultOptions,
-				...this.$resources.benchTags.data.map(tag => ({
-					label: tag,
-					value: tag
-				}))
-			];
-		}
-	},
-	methods: {
-		showBillingDialog() {
-			if (!this.$account.hasBillingInfo) {
-				this.showAddCardDialog = true;
-			} else {
-				this.$router.replace('/groups/new');
-			}
-		},
-		dropdownItems(bench) {
-			return [
-				{
-					label: 'New Site',
-					onClick: () => {
-						this.$router.push({
-							name: 'NewBenchSite',
-							params: { bench: bench.route.params.benchName }
-						});
-					},
-					condition: () => bench.status === 'Active'
-				},
-				{
-					label: 'View Sites',
-					onClick: () => {
-						this.$router.push({
-							name: 'BenchSiteList',
-							params: { benchName: bench.route.params.benchName }
-						});
-					}
-				}
-			].filter(item => (item.condition ? item.condition() : true));
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/EditBenchTitleDialog.vue b/dashboard_backup/src/views/bench/EditBenchTitleDialog.vue
deleted file mode 100644
index 07e2c14..0000000
--- a/dashboard_backup/src/views/bench/EditBenchTitleDialog.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Edit Title',
-			actions: [
-				{
-					label: 'Update',
-					variant: 'solid',
-					loading: $resources.editTitle.loading,
-					onClick: () => $resources.editTitle.submit()
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template v-slot:body-content>
-			<FormControl label="Title" type="text" v-model="benchTitle" />
-			<ErrorMessage class="mt-4" :message="$resources.editTitle.error" />
-		</template>
-	</Dialog>
-</template>
-<script>
-export default {
-	name: 'EditBenchTitleDialog',
-	props: ['modelValue', 'bench'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			benchTitle: this.bench.title
-		};
-	},
-	resources: {
-		editTitle() {
-			return {
-				url: 'jcloud.api.bench.rename',
-				params: {
-					name: this.bench?.name,
-					title: this.benchTitle
-				},
-				validate() {
-					if (this.benchTitle === this.bench?.title) {
-						return 'No changes in bench title';
-					}
-				},
-				onSuccess() {
-					this.show = false;
-					this.bench.title = this.benchTitle;
-				}
-			};
-		}
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/NewBench.vue b/dashboard_backup/src/views/bench/NewBench.vue
deleted file mode 100644
index 25fa35b..0000000
--- a/dashboard_backup/src/views/bench/NewBench.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-	<WizardCard>
-		<div>
-			<div class="mb-6 text-center">
-				<h1 class="text-2xl font-bold sm:text-center">New Bench</h1>
-				<p v-if="serverTitle" class="text-base text-gray-700">
-					Bench will be created on server
-					<span class="font-medium">{{ serverTitle.slice(0, -14) }}</span>
-				</p>
-			</div>
-			<div v-if="$resources.options.loading" class="flex justify-center">
-				<LoadingText />
-			</div>
-			<div class="space-y-8 sm:space-y-6" v-else>
-				<div>
-					<label class="text-lg font-semibold">
-						Choose a name for your bench
-					</label>
-					<p class="text-base text-gray-700">
-						Name your bench based on its purpose. For e.g., Personal Websites,
-						Staging Bench, etc.
-					</p>
-					<FormControl class="mt-2" v-model="benchTitle" />
-				</div>
-				<div v-if="regionOptions.length > 0">
-					<h2 class="text-lg font-semibold">Select Region</h2>
-					<p class="text-base text-gray-700">
-						Select the datacenter region where your bench should be created
-					</p>
-					<div class="mt-2">
-						<RichSelect
-							:value="selectedRegion"
-							@change="selectedRegion = $event"
-							:options="regionOptions"
-						/>
-					</div>
-				</div>
-				<div>
-					<label class="text-lg font-semibold"> Select a Jingrow version </label>
-					<p class="text-base text-gray-700">
-						Select a Jingrow version for your bench.
-					</p>
-					<FormControl
-						class="mt-2"
-						type="select"
-						v-model="selectedVersionName"
-						:options="versionOptions"
-					/>
-				</div>
-
-				<div v-if="selectedVersionName">
-					<label class="text-lg font-semibold"> Select apps to install </label>
-					<p class="text-base text-gray-700">
-						These apps will be available for sites on your bench. You can also
-						add apps to your bench later.
-					</p>
-					<div class="mt-4">
-						<AppSourceSelector
-							:apps="[
-								...selectedVersion.apps.filter(app => app.name === 'jingrow'),
-								...selectedVersion.apps.filter(app => app.name !== 'jingrow')
-							]"
-							v-model="selectedApps"
-							:multiple="true"
-						/>
-					</div>
-				</div>
-				<!-- Region consent checkbox -->
-				<div class="my-6">
-					<input
-						id="region-consent"
-						type="checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-						v-model="agreedToRegionConsent"
-					/>
-					<label
-						for="region-consent"
-						class="ml-1 text-sm font-semibold text-gray-900"
-					>
-						I agree that the laws of the region selected by me shall stand
-						applicable to me and Jingrow.
-					</label>
-				</div>
-
-				<div class="flex justify-between">
-					<ErrorMessage class="mb-2" :message="$resources.createBench.error" />
-					<Button
-						variant="solid"
-						class="ml-auto"
-						:loading="$resources.createBench.loading"
-						@click="$resources.createBench.submit()"
-					>
-						Create Bench
-					</Button>
-				</div>
-			</div>
-		</div>
-	</WizardCard>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import AppSourceSelector from '@/components/AppSourceSelector.vue';
-import RichSelect from '@/components/RichSelect.vue';
-export default {
-	name: 'NewBench',
-	props: ['saas_app', 'server'],
-	components: {
-		WizardCard,
-		AppSourceSelector,
-		RichSelect
-	},
-	data() {
-		return {
-			benchTitle: null,
-			selectedVersionName: null,
-			selectedApps: [],
-			selectedRegion: null,
-			serverTitle: null,
-			agreedToRegionConsent: false
-		};
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.bench.options',
-				initialData: {
-					versions: [],
-					clusters: []
-				},
-				auto: true,
-				onSuccess(options) {
-					if (!this.selectedVersionName) {
-						this.selectedVersionName = this.options.versions.filter(
-							v => v.default == 1
-						)[0].name;
-					}
-					if (!this.selectedRegion) {
-						this.selectedRegion = this.options.clusters[0].name;
-					}
-				}
-			};
-		},
-		createBench() {
-			return {
-				url: 'jcloud.api.bench.new',
-				params: {
-					bench: {
-						title: this.benchTitle,
-						version: this.selectedVersionName,
-						cluster: this.selectedRegion,
-						saas_app: this.saas_app || null,
-						apps: this.selectedApps.map(app => ({
-							name: app.app,
-							source: app.source.name
-						})),
-						server: this.server || null
-					}
-				},
-				validate() {
-					if (!this.benchTitle) {
-						return 'Bench Title cannot be blank';
-					}
-					if (!this.selectedVersionName) {
-						return 'Select a version to create bench';
-					}
-					if (this.selectedApps.length < 1) {
-						return 'Select atleast one app to create bench';
-					}
-
-					if (!this.agreedToRegionConsent) {
-						document.getElementById('region-consent').focus();
-						return 'Please agree to the above consent to create bench';
-					}
-				},
-				onSuccess(benchName) {
-					this.$router.push(`/groups/${benchName}`);
-				}
-			};
-		}
-	},
-	async mounted() {
-		if (this.server) {
-			let { title, cluster } = await this.$call(
-				'jcloud.api.server.get_title_and_cluster',
-				{
-					name: this.server
-				}
-			);
-			this.serverTitle = title;
-			this.selectedRegion = cluster;
-		}
-	},
-	watch: {
-		selectedVersionName() {
-			this.$nextTick(() => {
-				let jingrowApp = this.getJingrowApp(this.selectedVersion.apps);
-				this.selectedApps = [{ app: jingrowApp.name, source: jingrowApp.source }];
-			});
-		},
-		selectedApps: {
-			handler(newVal, oldVal) {
-				// dont remove jingrow app
-				let hasJingrow = newVal.find(app => app.app === 'jingrow');
-				if (!hasJingrow && oldVal) {
-					this.selectedApps = oldVal;
-				}
-			},
-			deep: true
-		}
-	},
-	methods: {
-		getJingrowApp(apps) {
-			return apps.find(app => app.name === 'jingrow');
-		}
-	},
-	computed: {
-		options() {
-			return this.$resources.options.data;
-		},
-		selectedVersion() {
-			return this.options.versions.find(
-				v => v.name === this.selectedVersionName
-			);
-		},
-		versionOptions() {
-			return this.options.versions.map(v => ({
-				label: `${v.name} (${v.status})`,
-				value: v.name
-			}));
-		},
-		regionOptions() {
-			let clusters = this.options.clusters;
-			if (this.server && this.selectedRegion) {
-				clusters = clusters.filter(
-					cluster => cluster.name === this.selectedRegion
-				);
-			}
-			return clusters.map(d => ({
-				label: d.title,
-				value: d.name,
-				image: d.image,
-				beta: d.beta
-			}));
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/bench/NewBenchApp.vue b/dashboard_backup/src/views/bench/NewBenchApp.vue
deleted file mode 100644
index da96394..0000000
--- a/dashboard_backup/src/views/bench/NewBenchApp.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-	<WizardCard>
-		<div class="mb-6 text-center">
-			<h1 class="text-2xl font-bold">Add a New App</h1>
-			<p class="text-base text-gray-700">Add an app to your bench</p>
-		</div>
-
-		<SelectAppFromGithub @onSelect="d => (app = d)" />
-
-		<ErrorMessage :message="$resources.addApp.error" />
-
-		<Button
-			v-if="app"
-			:loading="$resources.addApp.loading"
-			@click="$resources.addApp.submit()"
-			>Add to bench</Button
-		>
-	</WizardCard>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import SelectAppFromGithub from '@/components/SelectAppFromGithub.vue';
-
-export default {
-	name: 'NewBenchApp',
-	components: {
-		WizardCard,
-		SelectAppFromGithub
-	},
-	props: ['benchName'],
-	data() {
-		return {
-			app: null
-		};
-	},
-	resources: {
-		addApp() {
-			return {
-				url: 'jcloud.api.app.new',
-				params: {
-					app: {
-						name: this.app?.name,
-						title: this.app?.title,
-						repository_url: this.app?.repository_url,
-						branch: this.app?.branch,
-						github_installation_id: this.app?.github_installation_id,
-						group: this.benchName
-					}
-				},
-				onSuccess() {
-					this.$router.push(`/groups/${this.benchName}`);
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/AccountBilling.vue b/dashboard_backup/src/views/billing/AccountBilling.vue
deleted file mode 100644
index 6972da0..0000000
--- a/dashboard_backup/src/views/billing/AccountBilling.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<div>
-		<header class="sticky top-0 z-10 border-b bg-white px-5 pt-2.5">
-			<Breadcrumbs
-				:items="[{ label: 'Billing', route: { name: 'BillingScreen' } }]"
-			/>
-			<Tabs :tabs="tabs" class="-mb-px pl-0.5" />
-		</header>
-		<div class="mx-auto max-w-5xl py-5">
-			<router-view
-				v-if="
-					$account.user?.name === $account.team?.user ||
-					$account.user?.user_type === 'System User'
-				"
-			/>
-			<div v-else class="mx-auto my-auto h-full w-full text-red-600">
-				Team members are not allowed to access this page. Please contact your
-				team owner or support for more information.
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-
-export default {
-	name: 'BillingScreen',
-	pageMeta() {
-		return {
-			title: 'Billing - 今果 Jingrow'
-		};
-	},
-	props: ['invoiceName'],
-	components: {
-		Tabs
-	},
-	computed: {
-		tabs() {
-			let tabRoute = subRoute => `/billing/${subRoute}`;
-			let tabs = [
-				{ label: 'Overview', route: 'overview' },
-				{ label: 'Invoices', route: 'invoices' },
-				{ label: 'Payment Methods', route: 'payment' },
-				{ label: 'Credit Balance', route: 'credit-balance' }
-			];
-
-			return tabs.map(tab => {
-				return {
-					...tab,
-					route: tabRoute(tab.route)
-				};
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/AccountBillingCards.vue b/dashboard_backup/src/views/billing/AccountBillingCards.vue
deleted file mode 100644
index ae798ce..0000000
--- a/dashboard_backup/src/views/billing/AccountBillingCards.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<template>
-	<Card title="Payment methods" :subtitle="subtitle">
-		<template #actions>
-			<Button @click="showAddCardDialog = true"> Add Card </Button>
-			<Dialog :options="{ title: 'Add new card' }" v-model="showAddCardDialog">
-				<template v-slot:body-content>
-					<StripeCard
-						class="mb-1"
-						v-if="showAddCardDialog"
-						@complete="
-							showAddCardDialog = false;
-							$resources.paymentMethods.reload();
-						"
-					/>
-				</template>
-			</Dialog>
-		</template>
-		<div class="space-y-3">
-			<div
-				class="flex items-center justify-between rounded-lg border p-5"
-				v-for="card in $resources.paymentMethods.data"
-				:key="card.name"
-			>
-				<div class="flex">
-					<component
-						class="mr-6 w-12 h-12"
-						:is="cardBrand[card.brand]"
-						v-if="card.brand"
-					/>
-					<component class="mr-6 w-12 h-12" :is="cardBrand['generic']" v-else />
-					<div class="my-auto">
-						<div class="text-lg font-medium text-gray-900">
-							{{ card.name_on_card }} <span class="text-gray-500">••••</span>
-							{{ card.last_4 }}
-							<Badge v-if="card.is_default" label="Default" />
-						</div>
-						<div class="mt-1 text-sm text-gray-600">
-							<span>
-								Valid till {{ card.expiry_month }}/{{ card.expiry_year }}
-							</span>
-							·
-							<span>Added on {{ $date(card.creation).toLocaleString() }}</span>
-						</div>
-					</div>
-				</div>
-				<Dropdown :options="dropdownItems(card)" right>
-					<template v-slot="{ open }">
-						<Button icon="more-horizontal" />
-					</template>
-				</Dropdown>
-			</div>
-		</div>
-	</Card>
-	<FinalizeInvoicesDialog v-model="showFinalizeDialog" />
-	<Dialog
-		:options="{
-			title: 'Remove Payment Method',
-			actions: [
-				{
-					label: 'Remove',
-					variant: 'solid',
-					theme: 'red',
-					onClick: () => {
-						$resources.remove.submit({ name: cardToRemove.name }).then(() => {
-							$resources.paymentMethods.reload();
-							this.showRemoveCardDialog = false;
-						});
-					}
-				},
-				{
-					label: 'Cancel',
-					onClick: () => (this.showRemoveCardDialog = false)
-				}
-			]
-		}"
-		v-model="showRemoveCardDialog"
-	>
-		<template v-slot:body-content>
-			<span>Are you sure you want to remove this payment method?</span>
-			<br /><br />
-			<span v-if="$resources.paymentMethods.data.length === 1">
-				If you intend to close your account please check the docs for
-				<Link
-					target="_blank"
-					href="https://jingrow.com/docs/billing/disable-account"
-					>cancelling subscription.</Link
-				>
-				今果 Jingrow is not responsible for any refund if the account is not
-				closed properly.
-			</span>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { defineAsyncComponent } from 'vue';
-import Link from '@/components/Link.vue';
-import FinalizeInvoicesDialog from './FinalizeInvoicesDialog.vue';
-
-export default {
-	name: 'AccountBillingCards',
-	data() {
-		return {
-			showAddCardDialog: false,
-			showRemoveCardDialog: false,
-			showFinalizeDialog: false,
-			cardToRemove: null
-		};
-	},
-	resources: {
-		paymentMethods: {
-			url: 'jcloud.api.billing.get_payment_methods',
-			auto: true
-		},
-		setAsDefault: {
-			url: 'jcloud.api.billing.set_as_default'
-		},
-		remove() {
-			return {
-				url: 'jcloud.api.billing.remove_payment_method',
-				onSuccess: data => {
-					if (data === 'Unpaid Invoices') {
-						this.showFinalizeDialog = true;
-					}
-				}
-			};
-		}
-	},
-	components: {
-		StripeCard: defineAsyncComponent(() =>
-			import('@/components/StripeCard.vue')
-		),
-		FinalizeInvoicesDialog
-	},
-	computed: {
-		subtitle() {
-			if (
-				this.$resources.paymentMethods.loading ||
-				this.$resources.paymentMethods.data?.length > 0
-			) {
-				return 'Cards you have added for automatic billing';
-			}
-			return "You haven't added any cards yet";
-		},
-		cardBrand() {
-			return {
-				mastercard: defineAsyncComponent(() =>
-					import('@/components/icons/cards/MasterCard.vue')
-				),
-				visa: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Visa.vue')
-				),
-				amex: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Amex.vue')
-				),
-				jcb: defineAsyncComponent(() =>
-					import('@/components/icons/cards/JCB.vue')
-				),
-				generic: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Generic.vue')
-				),
-				'union-pay': defineAsyncComponent(() =>
-					import('@/components/icons/cards/UnionPay.vue')
-				)
-			};
-		}
-	},
-	methods: {
-		dropdownItems(card) {
-			return [
-				!card.is_default && {
-					label: 'Set as default',
-					onClick: () => this.confirmSetAsDefault(card)
-				},
-				{
-					label: 'Remove',
-					onClick: () => {
-						this.cardToRemove = card;
-						this.showRemoveCardDialog = true;
-					}
-				}
-			];
-		},
-		confirmSetAsDefault(card) {
-			this.$confirm({
-				title: 'Set as default',
-				message: 'Set this card as the default payment method?',
-				actionLabel: 'Set as default',
-				resource: this.$resources.setAsDefault,
-				action: closeDialog => {
-					this.$resources.setAsDefault.submit({ name: card.name }).then(() => {
-						this.$resources.paymentMethods.reload();
-						closeDialog();
-					});
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/AccountBillingCreditBalance.vue b/dashboard_backup/src/views/billing/AccountBillingCreditBalance.vue
deleted file mode 100644
index bcdc2c9..0000000
--- a/dashboard_backup/src/views/billing/AccountBillingCreditBalance.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<Card title="Credit Balance" subtitle="History of your credit balance">
-		<div class="max-h-96 divide-y">
-			<div
-				class="grid grid-cols-4 items-center gap-x-8 py-4 text-base text-gray-600 md:grid-cols-4"
-			>
-				<span class="hidden md:inline">Date</span>
-				<span class="col-span-2 md:col-span-1">Description</span>
-				<span>Amount</span>
-				<span>Balance</span>
-			</div>
-			<div
-				class="grid grid-cols-4 items-center gap-x-8 py-4 text-base text-gray-900 md:grid-cols-4"
-				v-for="d in $resources.balances.data"
-				:key="d.name"
-			>
-				<div class="hidden md:block">
-					{{ formatDate(d) }}
-				</div>
-				<div class="col-span-2 whitespace-nowrap text-gray-700 md:col-span-1">
-					<div>
-						{{ getDescription(d) }}
-					</div>
-					<div class="md:hidden">{{ formatDate(d) }}</div>
-				</div>
-				<div class="whitespace-nowrap text-gray-700">
-					{{ d.formatted.amount }}
-				</div>
-				<div class="whitespace-nowrap">{{ d.formatted.ending_balance }}</div>
-			</div>
-		</div>
-	</Card>
-</template>
-<script>
-export default {
-	name: 'AccountBillingCreditBalance',
-	resources: {
-		balances: 'jcloud.api.billing.balances'
-	},
-	methods: {
-		formatDate(d) {
-			return this.$date(d.creation).toLocaleString({
-				month: 'long',
-				day: 'numeric',
-				year: 'numeric'
-			});
-		},
-		getDescription(d) {
-			if (d.type === 'Applied To Invoice' && d.formatted.invoice_for) {
-				return `Invoice For ${d.formatted.invoice_for}`;
-			}
-
-			return d.amount < 0 ? d.type : d.source;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/AccountBillingDetails.vue b/dashboard_backup/src/views/billing/AccountBillingDetails.vue
deleted file mode 100644
index 219ae4b..0000000
--- a/dashboard_backup/src/views/billing/AccountBillingDetails.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<Card
-		title="Billing details"
-		subtitle="Your billing details are shown in the monthly invoice"
-	>
-		<template #actions>
-			<Button @click="editBillingDetails = true">Update</Button>
-		</template>
-		<UpdateBillingDetails
-			v-model="editBillingDetails"
-			@updated="
-				editBillingDetails = false;
-				$resources.billingDetails.reload();
-			"
-		/>
-		<div class="divide-y" v-if="$resources.billingDetails.data">
-			<ListItem
-				title="Billing Name"
-				:description="$resources.billingDetails.data.billing_name"
-			/>
-			<ListItem
-				title="Billing Address"
-				:description="
-					$resources.billingDetails.data.billing_address || 'Not set'
-				"
-			/>
-			<ListItem
-				v-if="$account.team.country == 'china'"
-				title="Tax ID"
-				:description="$resources.billingDetails.data.gstin || 'Not set'"
-			/>
-		</div>
-	</Card>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'AccountBillingDetails',
-	emits: ['updated'],
-	components: {
-		UpdateBillingDetails: defineAsyncComponent(() =>
-			import('../../../src2/components/UpdateBillingDetails.vue')
-		)
-	},
-	resources: {
-		billingDetails: 'jcloud.api.billing.details'
-	},
-	data() {
-		return {
-			editBillingDetails: false
-		};
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/AccountBillingPayments.vue b/dashboard_backup/src/views/billing/AccountBillingPayments.vue
deleted file mode 100644
index 7b7b38e..0000000
--- a/dashboard_backup/src/views/billing/AccountBillingPayments.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-<template>
-	<Card title="Past Invoices" :subtitle="subtitle" v-if="!invoiceName">
-		<template #actions>
-			<FormControl
-				v-if="$resources.pastInvoices.data?.length"
-				type="select"
-				:options="selectItems"
-				v-model="invoiceStatus"
-			/>
-		</template>
-		<div class="max-h-96 divide-y" v-if="filteredInvoices?.length">
-			<div
-				class="grid grid-cols-3 items-center gap-x-8 py-4 text-base text-gray-600 md:grid-cols-7"
-			>
-				<span>Date</span>
-				<span class="hidden md:inline">Description</span>
-				<span class="hidden md:inline">Amount</span>
-				<span class="hidden md:inline">Amount Due</span>
-				<span>Status</span>
-				<span class="hidden md:inline">Payment Date</span>
-				<span>Download</span>
-			</div>
-			<div
-				:key="invoice.name"
-				v-for="invoice in filteredInvoices"
-				class="grid grid-cols-3 items-center gap-x-8 py-4 text-base text-gray-900 md:grid-cols-7"
-			>
-				<div>
-					<div>
-						{{
-							$date(invoice.date).toLocaleString({
-								month: 'long',
-								day: 'numeric',
-								year: 'numeric'
-							})
-						}}
-					</div>
-					<div class="mt-2 md:hidden">
-						{{ invoice.formatted_total }}
-					</div>
-				</div>
-				<span class="hidden md:inline">
-					<Link
-						v-if="invoice.type == 'Subscription'"
-						:to="'/billing/' + invoice.name + '/invoices'"
-					>
-						Invoice for
-						{{
-							$date(invoice.period_end).toLocaleString({
-								month: 'long',
-								year: 'numeric'
-							})
-						}}
-					</Link>
-					<span v-if="invoice.type === 'Prepaid Credits'">
-						Prepaid Credits
-					</span>
-					<span v-if="invoice.type === 'Transferred Credits'">
-						Transferred Credits
-					</span>
-				</span>
-				<span class="hidden md:inline">{{ invoice.formatted_total }}</span>
-				<span v-if="invoice.formatted_amount_due" class="hidden md:inline">{{
-					invoice.formatted_amount_due
-				}}</span>
-				<span v-else>-</span>
-				<span>
-					<Badge :label="invoice.status" />
-				</span>
-				<span class="hidden md:inline">
-					<span
-						v-if="
-							invoice.status == 'Paid' &&
-							invoice.type !== 'Prepaid Credits' &&
-							invoice.payment_date
-						"
-					>
-						{{
-							$date(invoice.payment_date).toLocaleString({
-								month: 'long',
-								day: 'numeric',
-								year: 'numeric'
-							})
-						}}
-					</span>
-					<span v-else>-</span>
-				</span>
-				<div class="flex items-center justify-end space-x-2">
-					<Button
-						v-if="invoice.invoice_pdf"
-						icon-left="download"
-						class="shrink-0"
-						:link="invoice.invoice_pdf"
-					>
-						<span class="text-sm">Download Invoice</span>
-					</Button>
-					<Button
-						v-if="invoice.status != 'Paid' && invoice.stripe_invoice_url"
-						icon-left="external-link"
-						class="shrink-0"
-						@click="payNow(invoice)"
-					>
-						<span class="text-sm">Pay Now</span>
-					</Button>
-				</div>
-			</div>
-		</div>
-	</Card>
-	<InvoiceUsageCard :invoice="invoiceName" v-else />
-</template>
-<script>
-import InvoiceUsageCard from '@/components/InvoiceUsageCard.vue';
-
-export default {
-	name: 'AccountBillingPayments',
-	props: ['invoiceName'],
-	components: {
-		InvoiceUsageCard
-	},
-	data() {
-		return {
-			invoiceStatus: '',
-			selectItems: [
-				{
-					label: 'All Invoices',
-					value: ''
-				},
-				{
-					label: 'Unpaid Invoices',
-					value: 'Unpaid'
-				},
-				{
-					label: 'Paid Invoices',
-					value: 'Paid'
-				}
-			]
-		};
-	},
-	created() {
-		if (this.$route.query.invoiceStatus)
-			this.invoiceStatus = this.$route.query.invoiceStatus;
-	},
-	resources: {
-		pastInvoices: 'jcloud.api.billing.invoices_and_payments'
-	},
-	computed: {
-		filteredInvoices() {
-			if (this.invoiceStatus === '') {
-				return this.$resources.pastInvoices.data;
-			} else {
-				return this.$resources.pastInvoices.data.filter(
-					invoice => invoice.status === this.invoiceStatus
-				);
-			}
-		},
-		subtitle() {
-			if (
-				this.$resources.pastInvoices.loading ||
-				this.filteredInvoices.length > 0
-			) {
-				return `History of your ${this.invoiceStatus} invoice payments`;
-			}
-			return `No ${this.invoiceStatus} invoices have been generated yet`;
-		}
-	},
-	methods: {
-		async refreshLink(invoiceName) {
-			let refreshed_link = await this.$call(
-				'jcloud.api.billing.refresh_invoice_link',
-				{
-					invoice: invoiceName
-				}
-			);
-			if (refreshed_link) {
-				window.open(refreshed_link, '_blank');
-			}
-		},
-		payNow(invoice) {
-			if (invoice.stripe_link_expired) {
-				this.refreshLink(invoice.name);
-			} else {
-				window.open(invoice.stripe_invoice_url, '_blank');
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/BillingOverview.vue b/dashboard_backup/src/views/billing/BillingOverview.vue
deleted file mode 100644
index e31c551..0000000
--- a/dashboard_backup/src/views/billing/BillingOverview.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-	<div class="space-y-5">
-		<AlertBillingInformation />
-		<BillingSummary />
-	</div>
-</template>
-
-<script>
-import BillingSummary from './BillingSummary.vue';
-import AlertBillingInformation from '@/components/AlertBillingInformation.vue';
-
-export default {
-	name: 'BillingOverview',
-	pageMeta() {
-		return {
-			title: 'Billing - 今果 Jingrow'
-		};
-	},
-	props: ['invoiceName'],
-	components: {
-		BillingSummary,
-		AlertBillingInformation
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/BillingSummary.vue b/dashboard_backup/src/views/billing/BillingSummary.vue
deleted file mode 100644
index ab28884..0000000
--- a/dashboard_backup/src/views/billing/BillingSummary.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<template>
-	<div class="space-y-5">
-		<Card title="Billing Summary">
-			<div v-if="!$resources.upcomingInvoice.loading">
-				<div class="grid grid-cols-2 gap-4 mb-4">
-					<div class="border rounded-md p-4">
-						<div class="text-base mb-2">Current Billing Amount</div>
-						<div class="text-2xl font-medium">
-							{{ upcomingInvoice ? upcomingInvoice.formatted.total : '0.00' }}
-						</div>
-					</div>
-					<div class="border rounded-md p-4">
-						<div class="flex justify-between text-base">
-							<div>Total Unpaid Amount</div>
-							<Button
-								@click="
-									$account.team.billing_address
-										? (showPrepaidCreditsDialog = true)
-										: (showAddressDialog = true)
-								"
-								theme="gray"
-								iconLeft="credit-card"
-								>Pay</Button
-							>
-						</div>
-						<div class="text-2xl font-medium">
-							{{
-								($account.team.currency == 'CNY' ? '¥' : '$') +
-								' ' +
-								Math.ceil($resources.unpaidAmountDue.data)
-							}}
-						</div>
-					</div>
-					<div class="border rounded-md p-4">
-						<div class="flex justify-between text-base">
-							<div>Account Balance</div>
-							<Button
-								@click="
-									$account.team.billing_address
-										? (showPrepaidCreditsDialog = true)
-										: (showAddressDialog = true)
-								"
-								theme="gray"
-								iconLeft="plus"
-								>Add</Button
-							>
-						</div>
-						<div class="text-2xl font-medium">
-							{{ availableCredits }}
-						</div>
-					</div>
-
-					<div class="border rounded-md p-4">
-						<div class="flex justify-between text-base">
-							<div>Payment Mode</div>
-							<Button @click="showChangeModeDialog = true" theme="gray"
-								>Change</Button
-							>
-						</div>
-						<div class="text-2xl font-medium">
-							{{ $account.team.payment_mode || 'Not set' }}
-						</div>
-					</div>
-				</div>
-
-				<a
-					href="https://jingrow.com/payment-options"
-					target="_blank"
-					class="text-sm text-gray-700 underline"
-				>
-					Alternative Payment Options
-				</a>
-				<ErrorMessage
-					:message="$resources.upcomingInvoice.error"
-					class="mt-3"
-				/>
-			</div>
-
-			<div class="py-20 text-center" v-if="loading">
-				<Button :loading="true" loadingText="Loading" />
-			</div>
-
-			<ChangePaymentModeDialog v-model="showChangeModeDialog" />
-
-			<UpdateBillingDetails
-				v-if="showAddressDialog"
-				v-model="showAddressDialog"
-				@updated="
-					showAddressDialog = false;
-					showPrepaidCreditsDialog = true;
-					$resources.billingDetails.reload();
-				"
-			/>
-
-			<PrepaidCreditsDialog
-				v-if="showPrepaidCreditsDialog"
-				v-model:show="showPrepaidCreditsDialog"
-				:minimumAmount="Math.ceil(minimumAmount)"
-				@success="
-					() => {
-						$resources.upcomingInvoice.reload();
-						showPrepaidCreditsDialog = false;
-					}
-				"
-			/>
-		</Card>
-		<UpcomingInvoiceSummary
-			:invoice-pg="upcomingInvoice"
-			v-if="upcomingInvoice?.items.length"
-		/>
-	</div>
-</template>
-<script>
-import PlanIcon from '@/components/PlanIcon.vue';
-import UpcomingInvoiceSummary from './UpcomingInvoiceSummary.vue';
-import { defineAsyncComponent } from 'vue';
-import InvoiceUsageTable from '@/components/InvoiceUsageTable.vue';
-
-export default {
-	name: 'BillingSummary',
-	components: {
-		InvoiceUsageTable,
-		PlanIcon,
-		UpcomingInvoiceSummary,
-		PrepaidCreditsDialog: defineAsyncComponent(() =>
-			import('@/components/PrepaidCreditsDialog.vue')
-		),
-		ChangePaymentModeDialog: defineAsyncComponent(() =>
-			import('@/components/ChangePaymentModeDialog.vue')
-		),
-		UpdateBillingDetails: defineAsyncComponent(() =>
-			import('../../../src2/components/UpdateBillingDetails.vue')
-		)
-	},
-	resources: {
-		upcomingInvoice: { url: 'jcloud.api.billing.upcoming_invoice', auto: true },
-		unpaidAmountDue() {
-			return {
-				url: 'jcloud.api.billing.total_unpaid_amount',
-				auto: true
-			};
-		},
-		billingDetails: 'jcloud.api.billing.details'
-	},
-	data() {
-		return {
-			showPrepaidCreditsDialog: false,
-			showChangeModeDialog: false,
-			showAddressDialog: false
-		};
-	},
-	mounted() {
-		this.$socket.on('balance_updated', () =>
-			this.$resources.upcomingInvoice.reload()
-		);
-	},
-	unmounted() {
-		this.$socket.off('balance_updated');
-	},
-	computed: {
-		cardBrand() {
-			return {
-				'master-card': defineAsyncComponent(() =>
-					import('@/components/icons/cards/MasterCard.vue')
-				),
-				visa: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Visa.vue')
-				),
-				amex: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Amex.vue')
-				),
-				jcb: defineAsyncComponent(() =>
-					import('@/components/icons/cards/JCB.vue')
-				),
-				generic: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Generic.vue')
-				),
-				'union-pay': defineAsyncComponent(() =>
-					import('@/components/icons/cards/UnionPay.vue')
-				)
-			};
-		},
-		minimumAmount() {
-			const unpaidAmount = this.$resources.unpaidAmountDue.data;
-			const minimumDefault = $account.team.currency == 'CNY' ? 0.01 : 0.01;
-
-			return unpaidAmount && unpaidAmount > minimumDefault
-				? unpaidAmount
-				: minimumDefault;
-		},
-		upcomingInvoice() {
-			return this.$resources.upcomingInvoice.data?.upcoming_invoice;
-		},
-		availableCredits() {
-			return this.$resources.upcomingInvoice.data?.available_credits;
-		},
-		paymentDate() {
-			if (!this.upcomingInvoice) {
-				return '';
-			}
-			let endDate = this.$date(this.upcomingInvoice.period_end);
-			return endDate.toLocaleString({
-				month: 'short',
-				day: 'numeric',
-				year: 'numeric'
-			});
-		},
-		paymentModeDescription() {
-			let payment_mode = this.$account.team.payment_mode;
-			let balance = this.$account.balance;
-			if (payment_mode === 'Card') {
-				if (!this.upcomingInvoice || balance <= 0) {
-					return `Your card will be charged on ${this.paymentDate}.`;
-				} else if (balance >= this.upcomingInvoice.total) {
-					return `Your account balance will be charged on ${this.paymentDate}.`;
-				} else if (balance > 0) {
-					return `Your account balance will be charged and then the remaining balance will be charged from your card on ${this.paymentDate}.`;
-				} else {
-					return `Your card will be charged on ${this.paymentDate}.`;
-				}
-			}
-			if (payment_mode === 'Prepaid Credits') {
-				return `You will be charged from your account balance on ${this.paymentDate}.`;
-			}
-
-			return '';
-		},
-		loading() {
-			return this.$resources.upcomingInvoice.loading;
-		}
-	},
-	methods: {
-		dateShort(date) {
-			return this.$date(date).toLocaleString({
-				month: 'short',
-				day: 'numeric',
-				year: 'numeric'
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/FinalizeInvoicesDialog.vue b/dashboard_backup/src/views/billing/FinalizeInvoicesDialog.vue
deleted file mode 100644
index c865fef..0000000
--- a/dashboard_backup/src/views/billing/FinalizeInvoicesDialog.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<Dialog :options="{ title: `Finalize Unsettled Invoices` }" modelValue="show">
-		<template #body-content>
-			<div class="prose text-base">
-				You have unpaid invoices on your account for the following periods:
-				<ul class="pt-2">
-					<li
-						class="font-semibold"
-						v-for="invoice in $resources.unpaidInvoices.data"
-					>
-						{{
-							$date(invoice.period_end).toLocaleString({
-								month: 'long',
-								year: 'numeric'
-							})
-						}}
-						-
-						{{
-							(invoice.currency === 'CNY' ? '¥ ' : '$ ') + invoice.amount_due
-						}}
-					</li>
-				</ul>
-				Please finalize and settle them before removing all payment methods or
-				disabling the account. You can check the details of invoices and make
-				the payment from
-				<Link to="/billing/invoices/">here</Link>. It might take up to 2 hours
-				for the payment to reflect against your invoices.
-			</div>
-		</template>
-		<template #actions>
-			<Button
-				variant="solid"
-				class="w-full"
-				:loading="$resources.finalizeInvoices.loading"
-				@click="$resources.finalizeInvoices.submit()"
-			>
-				Finalize Invoices
-			</Button>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'FinalizeInvoicesDialog',
-	props: {
-		show: Boolean,
-		msg: String
-	},
-	resources: {
-		finalizeInvoices: {
-			url: 'jcloud.api.billing.finalize_invoices'
-		},
-		unpaidInvoices: {
-			url: 'jcloud.api.billing.unpaid_invoices',
-			auto: true
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/PaymentMethods.vue b/dashboard_backup/src/views/billing/PaymentMethods.vue
deleted file mode 100644
index e9830f6..0000000
--- a/dashboard_backup/src/views/billing/PaymentMethods.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-	<div class="space-y-5">
-		<AccountBillingDetails />
-		<AccountBillingCards />
-	</div>
-</template>
-
-<script>
-import AccountBillingDetails from './AccountBillingDetails.vue';
-import AccountBillingCards from './AccountBillingCards.vue';
-
-export default {
-	name: 'BillingScreen',
-	pageMeta() {
-		return {
-			title: 'Billing - 今果 Jingrow'
-		};
-	},
-	props: ['invoiceName'],
-	components: {
-		AccountBillingDetails,
-		AccountBillingCards
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/billing/UpcomingInvoiceSummary.vue b/dashboard_backup/src/views/billing/UpcomingInvoiceSummary.vue
deleted file mode 100644
index f2a17ce..0000000
--- a/dashboard_backup/src/views/billing/UpcomingInvoiceSummary.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-	<Card title="Invoice Summary" :subtitle="subtitle">
-		<InvoiceUsageTable :invoiceDoc="invoiceDoc" />
-	</Card>
-</template>
-<script>
-import InvoiceUsageTable from '@/components/InvoiceUsageTable.vue';
-export default {
-	name: 'UpcomingInvoiceSummary',
-	props: ['invoiceDoc'],
-	components: {
-		InvoiceUsageTable
-	},
-	computed: {
-		subtitle() {
-			if (!this.invoiceDoc) {
-				return 'No upcoming invoice';
-			}
-			let start = this.$date(this.invoiceDoc.period_start);
-			let end = this.$date(this.invoiceDoc.period_end);
-
-			return `Current month's total forecast (${start.toFormat(
-				'd MMM'
-			)} - ${end.toFormat('d MMM yyyy')})`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/Checkout.vue b/dashboard_backup/src/views/checkout/Checkout.vue
deleted file mode 100644
index 9060cd3..0000000
--- a/dashboard_backup/src/views/checkout/Checkout.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<div class="p-0" v-if="$resources.subscription.data">
-		<ErrorMessage :message="errorMessage" />
-		<Plans
-			v-if="step === 1"
-			:secretKey="secretKey"
-			:subscription="$resources.subscription.data"
-			:team="$resources.subscription.data.team"
-			v-model:step="step"
-			v-model:selectedPlan="selectedPlan"
-		/>
-		<Address
-			v-if="step === 2"
-			:secretKey="secretKey"
-			:currency="$resources.subscription.data.currency"
-			:countries="$resources.subscription.data.countries"
-			v-model:step="step"
-			v-model:newAddress="newAddress"
-		/>
-		<Payment
-			v-if="step === 3"
-			:selectedPlan="selectedPlan"
-			:currency="$resources.subscription.data.currency"
-			:withoutAddress="true"
-			:address="
-				Object.keys($resources.subscription.data.address).length > 0
-					? $resources.subscription.data.address
-					: newAddress
-			"
-			:secretKey="secretKey"
-			v-model:step="step"
-		/>
-		<PlanChangeSuccessful
-			v-if="step === 4"
-			:selectedPlan="selectedPlan.name"
-			:currentPlan="$resources.subscription.data.current_plan"
-			v-model:step="step"
-		/>
-	</div>
-</template>
-
-<script>
-import Apps from './CheckoutApps.vue';
-import Plans from './CheckoutPlans.vue';
-import Address from './CheckoutAddress.vue';
-import Payment from './CheckoutPayment.vue';
-import PlanChangeSuccessful from './PlanChangeSuccessful.vue';
-
-export default {
-	name: 'Checkout',
-	components: {
-		Apps,
-		Plans,
-		Address,
-		Payment,
-		PlanChangeSuccessful
-	},
-	props: ['secretKey'],
-	data() {
-		return {
-			selectedSubscription: '',
-			selectedPlan: '',
-			step: 1,
-			newAddress: {},
-			errorMessage: null
-		};
-	},
-	resources: {
-		subscription() {
-			return {
-				url: 'jcloud.api.developer.marketplace.get_subscription',
-				params: {
-					secret_key: this.secretKey
-				},
-				auto: true,
-				onSuccess(r) {
-					this.errorMessage = null;
-				},
-				onError(e) {
-					this.errorMessage = e;
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/CheckoutAddress.vue b/dashboard_backup/src/views/checkout/CheckoutAddress.vue
deleted file mode 100644
index 2c34569..0000000
--- a/dashboard_backup/src/views/checkout/CheckoutAddress.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-	<div
-		class="mb-4 w-fit cursor-pointer text-sm"
-		v-on:click="$emit('update:step', 1)"
-	>
-		← Back to Plans
-	</div>
-
-	<ErrorMessage
-		class="my-3 ml-6"
-		:message="$resources.updateBillingDetails.error"
-	/>
-	<div class="flex flex-col justify-between px-6">
-		<div>
-			<FormControl
-				class="mb-2"
-				label="Billing Name"
-				v-model="billingName"
-				required
-			/>
-			<FormControl class="mb-2" label="Address" v-model="address" />
-			<FormControl
-				class="mb-2"
-				label="Country"
-				type="select"
-				v-model="country"
-				:options="countries"
-				required
-			/>
-			<div class="flex flex-col justify-between sm:flex-row">
-				<FormControl
-					v-if="country === 'china'"
-					class="mb-2 w-1/3"
-					label="State/Province/Region"
-					type="select"
-					v-model="state"
-					:options="chinaStates"
-					required
-				/>
-				<FormControl
-					v-else
-					class="mb-2"
-					label="State/Province/Region"
-					v-model="state"
-					required
-				/>
-				<FormControl class="mb-2" label="City" type="text" v-model="city" />
-				<FormControl
-					class="mb-2"
-					label="Postal Code"
-					v-model="postalCode"
-					required
-				/>
-			</div>
-
-			<div v-show="currency === 'CNY'">
-				<span class="mb-2 block text-sm leading-4 text-gray-700">
-					GSTIN(only for Indian customers)
-				</span>
-				<FormControl
-					v-if="gstApplicable"
-					v-model="gstin"
-					:disabled="!gstApplicable"
-				/>
-				<Button
-					v-if="gstApplicable"
-					class="mt-2"
-					@click="
-						gstApplicable = false;
-						gstin = 'Not Applicable';
-					"
-				>
-					I don't have a GSTIN
-				</Button>
-				<Button
-					v-else
-					class="mt-2"
-					@click="
-						gstApplicable = true;
-						gstin = '';
-					"
-				>
-					Add a GSTIN
-				</Button>
-			</div>
-		</div>
-		<Button
-			variant="solid"
-			class="mt-8 self-end"
-			:loading="$resources.updateBillingDetails.loading"
-			@click="$resources.updateBillingDetails.submit()"
-		>
-			Update Billing Details
-		</Button>
-	</div>
-</template>
-
-<script>
-import { chinaStates } from '@/utils/billing';
-
-export default {
-	name: 'CheckoutAddress',
-	props: ['currency', 'countries', 'secretKey', 'step'],
-	data() {
-		return {
-			billingName: '',
-			address: '',
-			country: '',
-			state: '',
-			city: '',
-			postalCode: null,
-			gstin: 'Not Applicable',
-			gstApplicable: false,
-			chinaStates: chinaStates
-		};
-	},
-	resources: {
-		updateBillingDetails() {
-			return {
-				url: 'jcloud.api.developer.marketplace.update_billing_info',
-				params: {
-					secret_key: this.secretKey,
-					data: {
-						billing_name: this.billingName,
-						address: this.address,
-						country: this.country,
-						city: this.city,
-						state: this.state,
-						postal_code: this.postalCode,
-						gstin: this.gstin
-					}
-				},
-				onSuccess(r) {
-					this.$emit('update:newAddress', {
-						address_line1: this.address,
-						country: this.country,
-						city: this.city,
-						state: this.state,
-						pincode: this.postalCode
-					});
-					this.$emit('update:step', 3);
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/CheckoutApps.vue b/dashboard_backup/src/views/checkout/CheckoutApps.vue
deleted file mode 100644
index 956f7ac..0000000
--- a/dashboard_backup/src/views/checkout/CheckoutApps.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<div class="flex flex-row flex-wrap w-full h-fit">
-		<div
-			v-for="sub in data.subscriptions"
-			class="flex flex-col items-center m-2 p-4 w-2/7 rounded cursor-pointer transition-all"
-			v-on:click="selectSubscription(sub)"
-		>
-			<img
-				:src="sub.image"
-				alt="Logo"
-				class="rounded h-[68px] hover:scale-105 transition-all"
-			/>
-			<span class="text-sm mt-3 font-semibold">{{ sub.title }}</span>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Apps',
-	emits: ['update:selectedSubscription', 'update:step'],
-	props: {
-		data: {
-			default: []
-		},
-		step: {
-			default: 1
-		},
-		selectedSubscription: {
-			default: ''
-		}
-	},
-	methods: {
-		selectSubscription(sub) {
-			this.$emit('update:selectedSubscription', sub);
-			this.$emit('update:step', 2);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/CheckoutPayment.vue b/dashboard_backup/src/views/checkout/CheckoutPayment.vue
deleted file mode 100644
index 9f14c34..0000000
--- a/dashboard_backup/src/views/checkout/CheckoutPayment.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<template>
-	<div class="relative">
-		<div
-			v-if="!ready"
-			class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-8 transform"
-		>
-			<Spinner class="h-5 w-5 text-gray-600" />
-		</div>
-		<div :class="{ 'opacity-0': !ready }">
-			<div>
-				<label class="block">
-					<span class="block text-xs text-gray-600">
-						Credit or Debit Card
-					</span>
-					<div
-						class="form-input mt-2 block h-[unset] w-full py-2 pl-3"
-						ref="card-element"
-					></div>
-					<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-				</label>
-				<FormControl
-					class="mt-4"
-					label="Name on Card"
-					type="text"
-					v-model="cardHolderName"
-				/>
-			</div>
-			<ErrorMessage class="mt-2" :message="errorMessage" />
-			<div class="mt-6 flex items-center justify-between">
-				<StripeLogo />
-				<Button variant="solid" @click="submit" :loading="addingCard">
-					Save Card
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import AddressForm from '../../../src2/components/AddressForm.vue';
-import StripeLogo from '@/components/StripeLogo.vue';
-import { loadStripe } from '@stripe/stripe-js';
-import { jingrowRequest } from 'jingrow-ui';
-
-export default {
-	name: 'StripeCard',
-	props: ['secretKey', 'address', 'currency', 'selectedPlan'],
-	emits: ['complete'],
-	components: {
-		AddressForm,
-		StripeLogo
-	},
-	data() {
-		return {
-			errorMessage: null,
-			cardErrorMessage: null,
-			ready: false,
-			setupIntent: null,
-			cardHolderName: '',
-			gstNotApplicable: false,
-			addingCard: false
-		};
-	},
-	async mounted() {
-		this.setupCard();
-	},
-	resources: {
-		countryList() {
-			return {
-				url: 'jcloud.api.account.country_list',
-				auto: true
-			};
-		}
-	},
-	methods: {
-		async setupCard() {
-			let result = await jingrowRequest({
-				url: 'jcloud.api.developer.marketplace.get_publishable_key_and_setup_intent',
-				params: { secret_key: this.secretKey }
-			});
-			//window.posthog.capture('init_client_add_card', 'fc_signup');
-			let { publishable_key, setup_intent } = result;
-			this.setupIntent = setup_intent;
-			this.stripe = await loadStripe(publishable_key);
-			this.elements = this.stripe.elements();
-			let theme = this.$theme;
-			let style = {
-				base: {
-					color: theme.colors.black,
-					fontFamily: theme.fontFamily.sans.join(', '),
-					fontSmoothing: 'antialiased',
-					fontSize: '13px',
-					'::placeholder': {
-						color: theme.colors.gray['400']
-					}
-				},
-				invalid: {
-					color: theme.colors.red['600'],
-					iconColor: theme.colors.red['600']
-				}
-			};
-			this.card = this.elements.create('card', {
-				hidePostalCode: true,
-				style: style,
-				classes: {
-					complete: '',
-					focus: 'bg-gray-100'
-				}
-			});
-			this.card.mount(this.$refs['card-element']);
-
-			this.card.addEventListener('change', event => {
-				this.cardErrorMessage = event.error?.message || null;
-			});
-			this.card.addEventListener('ready', () => {
-				this.ready = true;
-			});
-		},
-		async submit() {
-			this.addingCard = true;
-
-			let message;
-			if (!this.address) {
-				message = await this.$refs['address-form'].validateValues();
-			}
-			if (message) {
-				this.errorMessage = message;
-				this.addingCard = false;
-				return;
-			} else {
-				this.errorMessage = null;
-			}
-
-			const { setupIntent, error } = await this.stripe.confirmCardSetup(
-				this.setupIntent.client_secret,
-				{
-					payment_method: {
-						card: this.card,
-						billing_details: {
-							name: this.cardHolderName,
-							address: {
-								line1: this.address.address_line1,
-								city: this.address.city,
-								state: this.address.state,
-								postal_code: this.address.postal_code,
-								country: this.getCountryCode(this.address.country)
-							}
-						}
-					}
-				}
-			);
-
-			if (error) {
-				this.addingCard = false;
-				let errorMessage = error.message;
-				// fix for duplicate error message
-				if (errorMessage != 'Your card number is incomplete.') {
-					this.errorMessage = errorMessage;
-				}
-			} else {
-				if (setupIntent.status === 'succeeded') {
-					try {
-						const { payment_method_name } = await jingrowRequest({
-							url: 'jcloud.api.developer.marketplace.setup_intent_success',
-							params: {
-								secret_key: this.secretKey,
-								setup_intent: setupIntent
-							}
-						});
-
-						this.addingCard = false;
-
-						await jingrowRequest({
-							url: 'jcloud.api.developer.marketplace.change_site_plan',
-							params: {
-								secret_key: this.secretKey,
-								plan: this.selectedPlan.name
-							}
-						});
-						this.$emit('update:step', 4);
-					} catch (error) {
-						console.error(error);
-						this.addingCard = false;
-						this.errorMessage = error.messages.join('\n');
-					}
-				}
-			}
-		},
-		getCountryCode(country) {
-			country = 'China';
-			let code = this.$resources.countryList.data.find(
-				d => d.name === country
-			).code;
-			return code.toUpperCase();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/CheckoutPlans.vue b/dashboard_backup/src/views/checkout/CheckoutPlans.vue
deleted file mode 100644
index 2b56622..0000000
--- a/dashboard_backup/src/views/checkout/CheckoutPlans.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<div class="grid grid-cols-2 gap-2 sm:grid-cols-3">
-		<div
-			v-for="plan in subscription.plans"
-			class="m-2 flex flex-col justify-between rounded-2xl border border-gray-100 p-4 shadow"
-		>
-			<div>
-				<h4 class="flex justify-between text-xl font-semibold text-gray-900">
-					<div>
-						<span>
-							{{
-								subscription.currency === 'CNY'
-									? '¥' + plan.price_cny
-									: '$' + plan.price_usd
-							}}
-							<span class="text-base font-normal text-gray-600">
-								{{ plan.block_monthly === 1 ? '/year' : '/mo' }}
-							</span>
-						</span>
-					</div>
-				</h4>
-
-				<FeatureList class="my-5" :features="getPlanFeatures(plan)" />
-			</div>
-			<Button
-				variant="subtle"
-				:disabled="subscription.current_plan === plan.name"
-				:class="{
-					'hover:bg-gray-900 hover:text-white':
-						subscription.current_plan != plan.name
-				}"
-				@click="selectPlan(plan)"
-				:loading="$resources.changeSitePlan.loading"
-			>
-				{{
-					subscription.current_plan === plan.name ? 'Current Plan' : 'Buy Now'
-				}}
-			</Button>
-		</div>
-	</div>
-</template>
-
-<script>
-import FeatureList from '@/components/FeatureList.vue';
-
-export default {
-	name: 'Apps',
-	components: {
-		FeatureList
-	},
-	emits: ['update:selectedPlan', 'update:step'],
-	props: [
-		'selectedPlan',
-		'currency',
-		'step',
-		'secretKey',
-		'subscription',
-		'team'
-	],
-	resources: {
-		changeSitePlan() {
-			return {
-				url: 'jcloud.api.developer.marketplace.change_site_plan'
-			};
-		}
-	},
-	methods: {
-		selectPlan(plan) {
-			this.$emit('update:selectedPlan', plan);
-			this.capturePosthogEvent();
-
-			if (Object.keys(this.subscription.address).length > 0) {
-				if (this.subscription.has_billing_info) {
-					this.$resources.changeSitePlan.submit({
-						secret_key: this.secretKey,
-						plan: plan.name
-					});
-					this.$emit('update:step', 4);
-				} else {
-					this.$emit('update:step', 3);
-				}
-			} else {
-				this.$emit('update:step', 2);
-			}
-		},
-		getPlanFeatures(plan) {
-			let features = [
-				`${plan.cpu_time_per_day} ` +
-					this.$plural(plan.cpu_time_per_day, 'hour', 'hours') +
-					' CPU per day',
-				this.formatBytes(plan.max_database_usage, 0, 2) + ' Database',
-				this.formatBytes(plan.max_storage_usage, 0, 2) + ' Storge'
-			];
-			if (plan.support_included) {
-				features.push('Product warranty + Support');
-			}
-			return features;
-		},
-		capturePosthogEvent() {
-			if (window.posthog) {
-				window.posthog.capture('fc_subscribe_plan_selected', {
-					distinct_id: this.team
-				});
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/PlanChangeSuccessful.vue b/dashboard_backup/src/views/checkout/PlanChangeSuccessful.vue
deleted file mode 100644
index cc474bf..0000000
--- a/dashboard_backup/src/views/checkout/PlanChangeSuccessful.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<div class="text-center text-center flex flex-col">
-		<GreenCheckIcon class="mx-auto h-10 w-10 mb-4" />
-		<span class="text-2xl font-semibold mb-2"> Plan Changed Successfully </span>
-		<span class="text-base">
-			Your site plan has been changed from
-			<span class="font-semibold">{{ currentPlan }}</span> to
-			<span class="font-semibold">{{ selectedPlan }}</span>
-		</span>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'PlanChangeSuccessful',
-	props: ['currentPlan', 'selectedPlan', 'step'],
-	emits: ['update:step']
-};
-</script>
diff --git a/dashboard_backup/src/views/checkout/Subscription.vue b/dashboard_backup/src/views/checkout/Subscription.vue
deleted file mode 100644
index 0144da4..0000000
--- a/dashboard_backup/src/views/checkout/Subscription.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-<template>
-	<div class="min-h-screen bg-gray-50">
-		<LoginBox>
-			<h1 class="text-base text-gray-600">Manage Subscription</h1>
-			<div class="mt-4">
-				<div class="text-xl font-medium text-gray-900">
-					{{ site }}
-				</div>
-				<div
-					class="mt-1 text-base text-gray-700"
-					v-if="$resources.subscription.data?.trial_end_date"
-				>
-					Trial ends
-					{{
-						trialEndsInDaysText($resources.subscription.data?.trial_end_date)
-					}}
-				</div>
-			</div>
-			{{ success ? 'You have subscribed to the plan' : '' }}
-			<ErrorMessage class="mt-2" :message="$resources.subscription.error" />
-			<div class="mt-8" v-if="$resources.subscription.data">
-				<div>
-					<button
-						class="flex w-full items-center justify-between rounded-sm bg-gray-100 p-2 hover:bg-gray-200"
-						@click="currentStep = 1"
-					>
-						<span class="text-sm font-medium text-gray-700">
-							{{
-								$resources.subscription.data.current_plan
-									? 'Change plan'
-									: 'Step 1: Select plan'
-							}}
-						</span>
-						<span
-							class="text-sm font-bold text-gray-900"
-							v-if="currentStep === 2"
-						>
-							{{ selectedPlan.plan_title }}<span class="font-normal">/mo</span>
-						</span>
-					</button>
-					<div class="mt-2 space-y-2" v-if="currentStep == 1">
-						<button
-							class="block w-full rounded border px-4 py-2.5 text-left"
-							:class="[
-								plan === selectedPlan
-									? 'border-gray- outline outline-gray-900'
-									: ''
-							]"
-							v-for="plan in $resources.subscription.data.plans"
-							:key="plan.name"
-							@click="selectedPlan = plan"
-						>
-							<div class="flex items-center justify-between">
-								<div>
-									<span class="text-base font-medium text-gray-900">
-										{{ plan.plan_title }}
-									</span>
-									<span class="text-base text-gray-600">/mo</span>
-								</div>
-								<Badge
-									v-if="$resources.subscription.data.current_plan == plan.name"
-								>
-									Current Plan
-								</Badge>
-								<CheckCircleIcon
-									v-else-if="selectedPlan == plan"
-									class="h-5 w-5"
-								/>
-							</div>
-							<div class="mt-1 text-sm text-gray-600">
-								<span>
-									CPU {{ plan.cpu_time_per_day }}
-									{{ plan.cpu_time_per_day == 1 ? 'hour' : 'hours' }}/day
-								</span>
-								<span class="mx-1"> &middot; </span>
-								<span>
-									{{ formatBytes(plan.max_storage_usage, 0, 2) }} Database
-								</span>
-							</div>
-						</button>
-						<div class="flex justify-end">
-							<Button
-								v-if="!$resources.subscription.data.current_plan"
-								variant="solid"
-								@click="currentStep = 2"
-							>
-								Next
-							</Button>
-							<Button
-								v-else-if="
-									selectedPlan?.name !==
-									$resources.subscription.data.current_plan
-								"
-								variant="solid"
-								:loading="$resources.setSubscriptionPlan.loading"
-								@click="$resources.setSubscriptionPlan.submit()"
-							>
-								Change plan
-							</Button>
-						</div>
-					</div>
-				</div>
-				<div class="mt-2" v-if="currentStep == 2">
-					<div
-						class="rounded-sm bg-gray-100 p-2 text-sm font-medium text-gray-700"
-					>
-						Step 2: Setup billing
-					</div>
-					<StripeCard
-						class="mt-4"
-						@complete="$resources.setSubscriptionPlan.submit()"
-					/>
-				</div>
-			</div>
-		</LoginBox>
-	</div>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-import { Badge, ErrorMessage, TextInput } from 'jingrow-ui';
-import LoginBox from '../partials/LoginBox.vue';
-import CheckCircleIcon from '@/components/icons/CheckCircleIcon.vue';
-
-export default {
-	name: 'Subscription',
-	props: ['site'],
-	components: {
-		LoginBox,
-		Badge,
-		TextInput,
-		CheckCircleIcon,
-		StripeCard: defineAsyncComponent(() =>
-			import('@/components/StripeCard.vue')
-		),
-		ErrorMessage
-	},
-	data() {
-		return {
-			currentStep: 1,
-			selectedPlan: null,
-			success: false
-		};
-	},
-	resources: {
-		subscription() {
-			return {
-				url: 'jcloud.api.saas.subscription',
-				params: {
-					site: this.site
-				},
-				auto: true,
-				onSuccess(data) {
-					if (data?.current_plan && data?.plans) {
-						this.selectedPlan = data.plans.find(
-							plan => plan.name === data.current_plan
-						);
-					}
-				}
-			};
-		},
-		setSubscriptionPlan() {
-			return {
-				url: 'jcloud.api.saas.set_subscription_plan',
-				params: {
-					site: this.site,
-					plan: this.selectedPlan?.name
-				},
-				onSuccess() {
-					this.currentStep = 1;
-					this.selectedPlan = null;
-					this.$resources.subscription.reload();
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/404.vue b/dashboard_backup/src/views/general/404.vue
deleted file mode 100644
index b4cfc14..0000000
--- a/dashboard_backup/src/views/general/404.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-	<div class="flex h-screen flex-col items-center justify-center p-5">
-		<div class="text-[4rem] text-gray-900">404</div>
-		<div class="text-base text-gray-600">Page not found</div>
-		<Button class="mt-4" route="/sites" variant="outline">
-			Go to Site list
-		</Button>
-	</div>
-</template>
-
-<script>
-export default {
-	name: '404NotFound',
-	data() {
-		return {
-			surprise: false
-		};
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/AgentJobs.vue b/dashboard_backup/src/views/general/AgentJobs.vue
deleted file mode 100644
index 85d440c..0000000
--- a/dashboard_backup/src/views/general/AgentJobs.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-	<CardWithDetails :title="title" :subtitle="subtitle" :showDetails="jobName">
-		<div>
-			<router-link
-				v-for="job in $resources.jobs.data"
-				class="block cursor-pointer rounded-md px-2.5"
-				:class="jobName === job.name ? 'bg-gray-100' : 'hover:bg-gray-50'"
-				:key="job.name"
-				:to="jobRoute(job)"
-			>
-				<ListItem :title="job.job_type" :description="formatDate(job.creation)">
-					<template v-slot:actions>
-						<Badge
-							class="whitespace-nowrap"
-							v-if="
-								runningJob &&
-								runningJob.id == job.name &&
-								runningJob.status !== 'Success'
-							"
-							:label="runningJob.status"
-						/>
-						<Badge
-							class="whitespace-nowrap"
-							v-else-if="job.status != 'Success'"
-							:label="job.status"
-						/>
-					</template>
-				</ListItem>
-				<div class="border-b"></div>
-			</router-link>
-			<div class="py-3" v-if="$resources.jobs.hasNextPage">
-				<Button
-					:loading="$resources.jobs.list.loading"
-					loadingText="Loading..."
-					@click="$resources.jobs.next()"
-				>
-					Load more
-				</Button>
-			</div>
-		</div>
-		<template #details>
-			<JobsDetail :jobName="jobName" />
-		</template>
-	</CardWithDetails>
-</template>
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import JobsDetail from './JobsDetail.vue';
-export default {
-	name: 'AgentJobs',
-	props: ['title', 'subtitle', 'resource', 'jobName', 'jobRoute'],
-	components: { JobsDetail, CardWithDetails },
-	data() {
-		return {
-			runningJob: null
-		};
-	},
-	resources: {
-		jobs() {
-			return this.resource();
-		}
-	},
-	mounted() {
-		this.$socket.on('agent_job_update', this.onAgentJobUpdate);
-	},
-	unmounted() {
-		this.$socket.off('agent_job_update', this.onAgentJobUpdate);
-	},
-	methods: {
-		onAgentJobUpdate(data) {
-			if (data.id === this.jobName) {
-				this.runningJob = data;
-				if (this.runningJob.status === 'Success') {
-					setTimeout(() => {
-						// calling reload immediately does not fetch the latest status
-						// so adding 1 sec delay
-						this.$resources.jobs.reset();
-						this.$resources.jobs.reload();
-					}, 1000);
-				}
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/AnsiblePlays.vue b/dashboard_backup/src/views/general/AnsiblePlays.vue
deleted file mode 100644
index b1a94ea..0000000
--- a/dashboard_backup/src/views/general/AnsiblePlays.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-	<CardWithDetails :title="title" :subtitle="subtitle" :showDetails="playName">
-		<div>
-			<router-link
-				v-for="play in $resources.plays.data"
-				class="block cursor-pointer rounded-md px-2.5"
-				:class="playName === play.name ? 'bg-gray-100' : 'hover:bg-gray-50'"
-				:key="play.name"
-				:to="playRoute(play)"
-			>
-				<ListItem :title="play.play" :description="formatDate(play.creation)">
-					<template v-slot:actions>
-						<Badge
-							v-if="
-								runningPlay &&
-								runningPlay.id == play.name &&
-								runningPlay.status !== 'Success'
-							"
-							:label="runningPlay.status"
-						/>
-						<Badge v-else-if="play.status != 'Success'" :label="play.status" />
-					</template>
-				</ListItem>
-				<div class="border-b"></div>
-			</router-link>
-			<div class="py-3" v-if="$resources.plays.hasNextPage">
-				<Button
-					:loading="$resources.plays.list.loading"
-					loadingText="Loading..."
-					@click="$resources.plays.next()"
-				>
-					Load more
-				</Button>
-			</div>
-		</div>
-		<template #details>
-			<PlaysDetail :playName="playName" />
-		</template>
-	</CardWithDetails>
-</template>
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import PlaysDetail from './PlaysDetail.vue';
-export default {
-	name: 'AnsiblePlays',
-	props: ['title', 'subtitle', 'resource', 'playName', 'playRoute'],
-	components: { PlaysDetail, CardWithDetails },
-	data() {
-		return {
-			runningPlay: null
-		};
-	},
-	resources: {
-		plays() {
-			return this.resource();
-		}
-	},
-	mounted() {
-		this.$socket.emit('pagetype_subscribe', 'Ansible Play');
-		this.$socket.on('list_update', this.onAnsiblePlayUpdate);
-	},
-	unmounted() {
-		this.$socket.emit('pagetype_unsubscribe', 'Ansible Play');
-		this.$socket.off('list_update', this.onAnsiblePlayUpdate);
-	},
-	methods: {
-		onAnsiblePlayUpdate(data) {
-			if (data.id === this.playName) {
-				this.runningPlay = data;
-				if (this.runningPlay.status === 'Success') {
-					setTimeout(() => {
-						// calling reload immediately does not fetch the latest status
-						// so adding 1 sec delay
-						this.$resources.plays.reset();
-						this.$resources.plays.reload();
-					}, 1000);
-				}
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/Home.vue b/dashboard_backup/src/views/general/Home.vue
deleted file mode 100644
index e07b8f0..0000000
--- a/dashboard_backup/src/views/general/Home.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<div class="home">
-		<div class="px-4 sm:px-8">
-			<div class="flex">
-				<div class="w-1/2 p-8" v-if="sites">
-					<div class="font-medium">Sites</div>
-					<div
-						v-for="site in sites"
-						:key="site.status"
-						class="mt-5 flex items-center justify-between text-sm"
-					>
-						<div>{{ site.status }}</div>
-						<div>{{ site.count }}</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Home',
-	data() {
-		return {
-			sites: null,
-			plans: null
-		};
-	},
-	mounted() {
-		// TODO: Remove this line when ready
-		this.redirectToSites();
-		this.fetchAll();
-	},
-	methods: {
-		async redirectToSites() {
-			this.$router.push('/sites');
-		},
-		async fetchAll() {
-			let result = await this.$call('jcloud.api.dashboard.all');
-			this.sites = result.sites;
-			this.plans = result.plans;
-			if (this.sites.length === 0) {
-				this.redirectToSites();
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/JobsDetail.vue b/dashboard_backup/src/views/general/JobsDetail.vue
deleted file mode 100644
index 9d3d69f..0000000
--- a/dashboard_backup/src/views/general/JobsDetail.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-	<StepsDetail
-		:showDetails="job"
-		:loading="$resources.job.loading"
-		:title="job ? job.job_type : ''"
-		:subtitle="subtitle"
-		:steps="steps"
-	/>
-</template>
-<script>
-import StepsDetail from './StepsDetail.vue';
-export default {
-	name: 'JobsDetail',
-	props: ['jobName'],
-	components: {
-		StepsDetail
-	},
-	inject: ['viewportWidth'],
-	resources: {
-		job() {
-			return {
-				url: 'jcloud.api.site.job',
-				params: {
-					job: this.jobName
-				},
-				auto: Boolean(this.jobName)
-			};
-		}
-	},
-	data() {
-		return {
-			runningJob: null
-		};
-	},
-	computed: {
-		job() {
-			return this.$resources.job.data;
-		},
-		subtitle() {
-			if (!this.job) return;
-			if (this.job.status == 'Success') {
-				let when = this.formatDate(this.job.creation, 'relative');
-				return `Completed ${when} in ${this.$formatDuration(
-					this.job.duration,
-					'hh:mm:ss'
-				)}`;
-			}
-			if (this.job.status == 'Undelivered') {
-				return 'Job failed to start';
-			}
-		},
-		steps() {
-			if (!this.job) return;
-			return this.job.steps.map((step, index) => {
-				return {
-					name: step.step_name,
-					status: step.status,
-					output: step.output,
-					running: this.isStepRunning(step),
-					completed: this.isStepCompleted(step, index)
-				};
-			});
-		}
-	},
-	mounted() {
-		this.$socket.emit('pg_subscribe', 'Agent Job', this.jobName);
-		this.$socket.on('agent_job_update', this.onAgentJobUpdate);
-	},
-	unmounted() {
-		this.$socket.emit('pg_unsubscribe', 'Agent Job', this.jobName);
-		this.$socket.off('agent_job_update', this.onAgentJobUpdate);
-		this.runningJob = null;
-	},
-	methods: {
-		onAgentJobUpdate(data) {
-			if (data.id === this.jobName) {
-				this.runningJob = data;
-			}
-		},
-		isStepRunning(step) {
-			if (!this.runningJob) return false;
-			let runningStep = this.runningJob.steps.find(
-				s => s.name == step.step_name
-			);
-			return runningStep?.status === 'Running';
-		},
-		isStepCompleted(step, index) {
-			if (this.runningJob) {
-				return this.runningJob.current.index > index;
-			}
-			return step.status === 'Success';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/PlaysDetail.vue b/dashboard_backup/src/views/general/PlaysDetail.vue
deleted file mode 100644
index b213b24..0000000
--- a/dashboard_backup/src/views/general/PlaysDetail.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-	<StepsDetail
-		:showDetails="play"
-		:loading="$resources.play.loading"
-		:title="play ? play.play : ''"
-		:subtitle="subtitle"
-		:steps="steps"
-	/>
-</template>
-<script>
-import StepsDetail from './StepsDetail.vue';
-export default {
-	name: 'PlaysDetail',
-	props: ['playName'],
-	components: {
-		StepsDetail
-	},
-	inject: ['viewportWidth'],
-	resources: {
-		play() {
-			return {
-				url: 'jcloud.api.server.play',
-				params: {
-					play: this.playName
-				},
-				auto: Boolean(this.playName)
-			};
-		}
-	},
-	data() {
-		return {
-			runningPlay: null
-		};
-	},
-	computed: {
-		play() {
-			return this.$resources.play.data;
-		},
-		subtitle() {
-			if (!this.play) return;
-			if (this.play.status == 'Success') {
-				let when = this.formatDate(this.play.creation, 'relative');
-				return `Completed ${when} in ${this.$formatDuration(
-					this.play.duration,
-					'hh:mm:ss'
-				)}`;
-			}
-			if (this.play.status == 'Undelivered') {
-				return 'play failed to start';
-			}
-			return null;
-		},
-		steps() {
-			if (!this.play) return;
-			return this.play.steps.map((step, index) => {
-				return {
-					name: step.task,
-					status: step.status,
-					output: step.output,
-					running: this.isStepRunning(step),
-					completed: this.isStepCompleted(step, index)
-				};
-			});
-		}
-	},
-	mounted() {
-		this.$socket.emit('pg_subscribe', 'Ansible Play', this.playName);
-		this.$socket.on('ansible_play_update', this.onAnsiblePlayUpdate);
-	},
-	unmounted() {
-		this.$socket.emit('pg_unsubscribe', 'Ansible Play', this.playName);
-		this.$socket.off('ansible_play_update', this.onAnsiblePlayUpdate);
-		this.runningPlay = null;
-	},
-	methods: {
-		onAnsiblePlayUpdate(data) {
-			if (data.id === this.playName) {
-				this.runningPlay = data;
-			}
-		},
-		isStepRunning(step) {
-			if (!this.runningPlay) return false;
-			let runningStep = this.runningPlay.steps.find(
-				s => s.name == step.step_name
-			);
-			return runningStep?.status === 'Running';
-		},
-		isStepCompleted(step, index) {
-			if (this.runningPlay) {
-				return this.runningPlay.current.index > index;
-			}
-			return step.status === 'Success';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/general/StepsDetail.vue b/dashboard_backup/src/views/general/StepsDetail.vue
deleted file mode 100644
index 99bd0c8..0000000
--- a/dashboard_backup/src/views/general/StepsDetail.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-	<CardDetails :showDetails="showDetails">
-		<div class="px-6 py-5">
-			<template v-if="showDetails">
-				<div class="flex items-center">
-					<Button
-						class="mr-3 md:hidden"
-						@click="$router.back()"
-						icon="chevron-left"
-					/>
-					<div>
-						<h4 class="text-lg font-medium">
-							{{ title }}
-						</h4>
-						<p class="mt-1 text-sm text-gray-600" v-if="subtitle">
-							{{ subtitle }}
-						</p>
-					</div>
-				</div>
-			</template>
-			<div v-else>
-				<LoadingText v-if="loading" />
-				<span v-else class="text-base text-gray-600"> No item selected </span>
-			</div>
-		</div>
-		<div class="flex-auto overflow-auto" v-if="showDetails">
-			<details
-				:open="['Failure', 'Running'].includes(step.status)"
-				class="cursor-pointer px-6"
-				v-for="(step, index) in steps"
-				:key="step.name"
-			>
-				<summary
-					:ref="
-						['Failure', 'Running'].includes(step.status) ? 'openedSummary' : ''
-					"
-					class="inline-flex w-full items-center py-2 focus:outline-none"
-				>
-					<span class="ml-1">
-						<div
-							v-if="step.running"
-							class="grid h-4 w-4 place-items-center rounded-full bg-gray-50"
-						>
-							<Spinner class="h-3 w-3 text-gray-500" />
-						</div>
-						<div
-							v-else-if="step.status"
-							class="grid h-4 w-4 place-items-center rounded-full border"
-							:class="{
-								'border-green-500 bg-green-50': step.completed,
-								'border-red-500 bg-red-50': step.status === 'Failure',
-								'border-gray-500 bg-gray-50': step.status === 'Skipped'
-							}"
-						>
-							<FeatherIcon
-								:name="
-									// prettier-ignore
-									step.completed
-										? 'check'
-										: step.status === 'Failure'
-											? 'x'
-											: step.status === 'Skipped'
-												? 'minus'
-												: 'clock'
-								"
-								:class="{
-									'text-green-500': step.completed,
-									'text-red-500': step.status === 'Failure',
-									'text-gray-500': step.status === 'Skipped'
-								}"
-								:stroke-width="3"
-								class="h-3 w-3"
-							/>
-						</div>
-					</span>
-					<span class="ml-2 select-none text-sm font-medium text-gray-900">
-						{{ step.name }}
-					</span>
-					<div class="ml-auto">
-						<span class="text-sm text-gray-600" v-if="step.duration">
-							{{ step.duration }}
-						</span>
-						<component :is="step.action" v-if="step.action" />
-					</div>
-				</summary>
-				<div :class="index == steps.length - 1 ? 'pb-4' : 'pb-2'">
-					<div
-						class="ml-4 overflow-auto rounded-md bg-gray-100 px-2 py-2.5 font-mono text-xs text-gray-900"
-						:style="{ width: viewportWidth < 768 ? 'calc(100vw - 6rem)' : '' }"
-					>
-						<div class="max-w-md">
-							<pre>{{ step.output || 'No output' }}</pre>
-						</div>
-					</div>
-				</div>
-			</details>
-		</div>
-	</CardDetails>
-</template>
-<script>
-import CardDetails from '@/components/CardDetails.vue';
-export default {
-	name: 'StepsDetail',
-	props: ['showDetails', 'title', 'subtitle', 'loading', 'steps'],
-	components: {
-		CardDetails
-	},
-	inject: ['viewportWidth'],
-	mounted() {
-		this.scrollToElement();
-	},
-	methods: {
-		scrollToElement() {
-			setTimeout(() => {
-				const el = this.$refs.openedSummary;
-				if (el) el[0].scrollIntoView({ behavior: 'smooth' });
-			}, 1000);
-		}
-	}
-};
-</script>
-
-<style scoped>
-details > summary {
-	list-style-type: none;
-}
-
-details > summary::-webkit-details-marker {
-	display: none;
-}
-
-details > summary::before {
-	content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 9.5L7.75 6L4.25 2.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-}
-
-details[open] > summary::before {
-	content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-}
-</style>
diff --git a/dashboard_backup/src/views/marketplace/InstallMarketplaceApp.vue b/dashboard_backup/src/views/marketplace/InstallMarketplaceApp.vue
deleted file mode 100644
index 4240a02..0000000
--- a/dashboard_backup/src/views/marketplace/InstallMarketplaceApp.vue
+++ /dev/null
@@ -1,206 +0,0 @@
-<template>
-	<div class="px-4 py-4 text-base sm:px-8">
-		<Button v-if="$resources.opionsForQuickInstall" :loading="true"
-			>Loading</Button
-		>
-		<div v-else>
-			<h1 class="mb-4 text-xl font-semibold">
-				Install App: {{ options ? options.title : '' }}
-			</h1>
-
-			<ErrorMessage :message="$resources.optionsForQuickInstall.error" />
-
-			<div v-if="options" class="mt-2 grid grid-cols-1 gap-2 md:grid-cols-2">
-				<Card
-					v-if="options.approved"
-					title="Sites"
-					subtitle="Select a site to install"
-				>
-					<ul v-if="options.sites?.length">
-						<li
-							v-for="site in options.sites"
-							class="flex w-full flex-row justify-between rounded-md px-1 py-2 text-left text-base hover:bg-gray-50"
-						>
-							<p>
-								{{ site }}
-							</p>
-							<Button
-								@click="installAppOnSite(site)"
-								:loading="$resources.installAppOnSite.loading"
-								>Install</Button
-							>
-						</li>
-					</ul>
-
-					<div v-else>
-						<p class="text-sm text-gray-700">No site available for install</p>
-					</div>
-
-					<template v-slot:actions>
-						<Button variant="solid" route="/sites/new">New Site</Button>
-					</template>
-				</Card>
-
-				<Card title="Private Benches" subtitle="Select a bench to install">
-					<ul v-if="options.release_groups?.length" class="space-y-3">
-						<li
-							v-for="bench in options.release_groups"
-							class="flex w-full flex-row justify-between rounded-md px-1 py-2 text-left text-base hover:bg-gray-50"
-						>
-							<p>
-								{{ bench.title }}
-							</p>
-							<Button
-								@click="addAppToBench(bench)"
-								:loading="$resources.addAppToBench.loading"
-								>Add</Button
-							>
-						</li>
-					</ul>
-
-					<div v-else>
-						<p class="text-sm text-gray-700">
-							No benches available for install
-						</p>
-					</div>
-					<template v-slot:actions>
-						<Button variant="solid" route="/groups/new">New Bench</Button>
-					</template>
-				</Card>
-			</div>
-		</div>
-
-		<Dialog
-			v-model="showPlanSelectionDialog"
-			:options="{
-				title: 'Select app plan',
-				size: 'xl'
-			}"
-		>
-			<template v-slot:body-content>
-				<ChangeAppPlanSelector
-					v-if="marketplaceApp"
-					:app="marketplaceApp"
-					class="mb-9"
-					@change="plan => (selectedPlan = plan.name)"
-				/>
-				<ErrorMessage :message="$resources.installAppOnSite.error" />
-			</template>
-			<template v-slot:actions>
-				<Button
-					variant="solid"
-					:loading="$resources.installAppOnSite.loading"
-					@click="installAppOnSite(selectedSite)"
-					>Proceed</Button
-				>
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-import ChangeAppPlanSelector from '@/components/ChangeAppPlanSelector.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'InstallMarketplaceApp',
-	props: ['marketplaceApp'],
-	data() {
-		return {
-			showPlanSelectionDialog: false,
-			selectedSite: null,
-			selectedBench: null,
-			selectedPlan: null
-		};
-	},
-	components: {
-		ChangeAppPlanSelector
-	},
-	resources: {
-		optionsForQuickInstall() {
-			return {
-				url: 'jcloud.api.marketplace.options_for_quick_install',
-				params: {
-					marketplace_app: this.marketplaceApp
-				},
-				auto: true
-			};
-		},
-		addAppToBench() {
-			return {
-				url: 'jcloud.api.bench.add_app',
-				onSuccess() {
-					notify({
-						title: 'App added successfully!',
-						icon: 'check',
-						color: 'green'
-					});
-
-					this.$router.push(`/groups/${this.selectedBench}/apps`);
-				}
-			};
-		},
-		installAppOnSite() {
-			return {
-				url: 'jcloud.api.site.install_app',
-				validate() {
-					if (this.showPlanSelectionDialog && !this.selectedPlan) {
-						return 'Please select a plan to continue';
-					}
-				},
-				onSuccess() {
-					notify({
-						title: 'App installed successfully!',
-						icon: 'check',
-						color: 'green'
-					});
-
-					this.selectedPlan = null;
-					this.selectedSite = null;
-					this.showPlanSelectionDialog = false;
-					this.$resources.optionsForQuickInstall.fetch();
-				}
-			};
-		}
-	},
-	methods: {
-		addAppToBench(group) {
-			this.selectedBench = group.name;
-
-			this.$resources.addAppToBench.submit({
-				name: group.name,
-				source: group.source,
-				app: this.options.app_name
-			});
-		},
-
-		installAppOnSite(site) {
-			this.selectedSite = site;
-
-			// If paid app, show plan selection dialog
-			if (this.options.has_plans_available && !this.showPlanSelectionDialog) {
-				this.showPlanSelectionDialog = true;
-				return;
-			}
-
-			this.$resources.installAppOnSite.submit({
-				name: site,
-				app: this.options.app_name,
-				plan: this.selectedPlan
-			});
-		}
-	},
-	computed: {
-		options() {
-			if (
-				this.$resources.optionsForQuickInstall.data &&
-				!this.$resources.optionsForQuickInstall.loading
-			) {
-				return this.$resources.optionsForQuickInstall.data;
-			}
-
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/Marketplace.vue b/dashboard_backup/src/views/marketplace/Marketplace.vue
deleted file mode 100644
index b1c19f3..0000000
--- a/dashboard_backup/src/views/marketplace/Marketplace.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs :items="[{ label: 'Apps', route: '/marketplace' }]">
-				<template #actions>
-					<Button
-						variant="solid"
-						icon-left="plus"
-						label="New"
-						class="ml-2"
-						@click="
-							!$resources.appOptions.data
-								? $resources.appOptions.fetch()
-								: null;
-							showAddAppDialog = true;
-						"
-					/>
-				</template>
-			</Breadcrumbs>
-		</header>
-		<SectionHeader class="mx-5 mt-6" heading="Apps" />
-
-		<Dialog
-			:options="{
-				title: 'Add App to Marketplace',
-				size: 'xl'
-			}"
-			v-model="showAddAppDialog"
-		>
-			<template v-slot:body-content>
-				<LoadingText class="py-2" v-if="$resources.appOptions.loading" />
-				<AppSourceSelector
-					v-else-if="
-						$resources.appOptions.data && $resources.appOptions.data.length > 0
-					"
-					class="mt-1"
-					:apps="availableApps"
-					v-model="selectedApp"
-					:multiple="false"
-				/>
-				<p v-else class="text-base">No app sources available.</p>
-
-				<ErrorMessage
-					class="mt-2"
-					:message="$resources.addMarketplaceApp.error"
-				/>
-
-				<p class="mt-4 text-base" @click="showAddAppDialog = false">
-					Don't find your app here?
-					<Link :to="`/marketplace/apps/new`"> Add from GitHub </Link>
-				</p>
-			</template>
-			<template #actions>
-				<Button
-					variant="solid"
-					class="ml-2 w-full"
-					v-if="selectedApp"
-					:loading="$resources.addMarketplaceApp.loading"
-					@click="
-						$resources.addMarketplaceApp.submit({
-							source: selectedApp.source.name,
-							app: selectedApp.app
-						})
-					"
-				>
-					Add {{ selectedApp.app }}
-				</Button>
-			</template>
-		</Dialog>
-
-		<Tabs class="mx-5 mt-3 pb-32" :tabs="tabs">
-			<router-view v-if="$account.team"></router-view>
-		</Tabs>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-import AppSourceSelector from '@/components/AppSourceSelector.vue';
-
-export default {
-	name: 'Marketplace',
-	pageMeta() {
-		return {
-			title: 'Developer - 今果 Jingrow'
-		};
-	},
-	components: {
-		Tabs,
-		AppSourceSelector
-	},
-	data: () => ({
-		tabs: [
-			{ label: 'My Apps', route: '/marketplace/apps' },
-			{ label: 'Publisher Profile', route: '/marketplace/publisher-profile' },
-			{ label: 'Payouts', route: '/marketplace/payouts' }
-		],
-		showAddAppDialog: false,
-		selectedApp: null
-	}),
-	resources: {
-		appOptions() {
-			return {
-				url: 'jcloud.api.marketplace.options_for_marketplace_app'
-			};
-		},
-		addMarketplaceApp() {
-			return {
-				url: 'jcloud.api.marketplace.add_app',
-				onSuccess() {
-					this.showAddAppDialog = false;
-					window.location.reload();
-				}
-			};
-		}
-	},
-	computed: {
-		availableApps() {
-			return this.$resources.appOptions.data;
-		}
-	},
-	activated() {
-		if (this.$route.matched.length === 1) {
-			let path = this.$route.fullPath;
-			this.$router.replace(`${path}/apps`);
-		}
-	},
-	beforeRouteUpdate(to, from, next) {
-		if (to.path == '/marketplace') {
-			next('/marketplace/apps');
-		} else {
-			next();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceApp.vue b/dashboard_backup/src/views/marketplace/MarketplaceApp.vue
deleted file mode 100644
index 0131e7e..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceApp.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-	<div v-if="app">
-		<div>
-			<header
-				class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-			>
-				<Breadcrumbs
-					:items="[
-						{
-							label: 'Apps',
-							route: {
-								name: 'Marketplace',
-								params: { appName: app.name }
-							}
-						},
-						{
-							label: app.title,
-							route: {
-								name: 'MarketplaceAppOverview',
-								params: { appName: app.name }
-							}
-						}
-					]"
-				>
-					<template v-slot:actions>
-						<Button
-							v-if="app.status === 'Published'"
-							variant="solid"
-							icon-left="external-link"
-							label="View in Marketplace"
-							class="ml-2"
-							:link="`/marketplace/apps/${app.name}`"
-						/>
-					</template>
-				</Breadcrumbs>
-			</header>
-		</div>
-		<div>
-			<div class="px-5 pt-5">
-				<div
-					class="flex flex-col space-y-3 md:flex-row md:items-baseline md:justify-between md:space-y-0"
-				>
-					<div class="mb-3 flex items-center">
-						<h1 class="text-2xl font-bold">{{ app.title }}</h1>
-						<Badge class="ml-4" :label="app.status" />
-					</div>
-				</div>
-			</div>
-			<div class="p-5 pt-1">
-				<Tabs :tabs="tabs">
-					<router-view v-bind="{ app }"></router-view>
-				</Tabs>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-
-export default {
-	name: 'MarketplaceApp',
-	props: ['appName'],
-	components: {
-		Tabs
-	},
-	resources: {
-		app() {
-			return {
-				url: 'jcloud.api.marketplace.get_app',
-				params: {
-					name: this.appName
-				},
-				auto: true,
-				onError: this.$routeTo404PageIfNotFound,
-				onSuccess() {
-					this.routeToGeneral();
-				}
-			};
-		}
-	},
-	methods: {
-		routeToGeneral() {
-			if (this.$route.matched.length === 1) {
-				let path = this.$route.fullPath;
-				this.$router.replace(`${path}/overview`);
-			}
-		}
-	},
-	computed: {
-		app() {
-			if (this.$resources.app.data && !this.$resources.app.loading) {
-				return this.$resources.app.data;
-			}
-			return this.$resources.app.data;
-		},
-		tabs() {
-			let tabsByStatus = {
-				Draft: ['Overview', 'Releases', 'Review'],
-				'In Review': ['Overview', 'Releases', 'Review'],
-				Rejected: ['Overview', 'Releases', 'Review'],
-				Published: [
-					'Overview',
-					'Releases',
-					'Analytics',
-					'Subscriptions',
-					'Pricing'
-				],
-				'Attention Required': [
-					'Overview',
-					'Releases',
-					'Review',
-					'Analytics',
-					'Subscriptions',
-					'Pricing'
-				]
-			};
-			let tabRoute = subRoute =>
-				`/marketplace/apps/${this.appName}/${subRoute}`;
-			let tabs = [
-				{ label: 'Overview', route: 'overview' },
-				{ label: 'Releases', route: 'releases' },
-				{ label: 'Review', route: 'review' },
-				{ label: 'Analytics', route: 'analytics' },
-				{ label: 'Subscriptions', route: 'subscriptions' },
-				{ label: 'Pricing', route: 'pricing' }
-			];
-
-			if (this.app) {
-				let tabsToShow = tabsByStatus[this.app.status];
-
-				if (tabsToShow?.length) {
-					tabs = tabs.filter(tab => tabsToShow.includes(tab.label));
-				}
-				return tabs.map(tab => {
-					return {
-						...tab,
-						route: tabRoute(tab.route)
-					};
-				});
-			}
-			return [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceAppAnalytics.vue b/dashboard_backup/src/views/marketplace/MarketplaceAppAnalytics.vue
deleted file mode 100644
index 9c4943e..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceAppAnalytics.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<template>
-	<div
-		v-if="$resources.analytics.data"
-		class="grid grid-cols-1 gap-5 sm:grid-cols-2"
-	>
-		<Card title="Earnings">
-			<template #actions>
-				<a
-					class="text-base text-gray-700 hover:text-gray-800"
-					href="/support/tickets"
-					target="_blank"
-				>
-					Contact Support →
-				</a>
-			</template>
-			<ListItem
-				title="Total Earnings"
-				:subtitle="`Total earnings for ${app.title}`"
-			>
-				<template #actions>
-					<span class="text-base font-semibold text-green-500">{{
-						'$' +
-						paymentAnalytics.total_payout.usd +
-						' + ' +
-						'¥' +
-						paymentAnalytics.total_payout.cny
-					}}</span>
-				</template>
-			</ListItem>
-			<ListItem
-				title="Pending Payout"
-				subtitle="Payout you are yet to receive from 今果 Jingrow"
-			>
-				<template #actions>
-					<span class="text-base font-semibold">{{
-						'$' +
-						paymentAnalytics.pending_payout.usd +
-						' + ' +
-						'¥' +
-						paymentAnalytics.pending_payout.cny
-					}}</span>
-				</template>
-			</ListItem>
-			<ListItem
-				title="Commission"
-				subtitle="Payouts start once you have passed $500 threshold"
-			>
-				<template #actions>
-					<span class="text-base font-semibold">{{
-						'$' +
-						paymentAnalytics.commission.usd +
-						' + ' +
-						'¥' +
-						paymentAnalytics.commission.cny
-					}}</span>
-				</template>
-			</ListItem>
-		</Card>
-		<Card title="Installs">
-			<div class="divide-y" v-if="analytics">
-				<ListItem
-					v-for="stat in analytics"
-					:key="stat.title"
-					:title="stat.title"
-					:description="stat.value"
-				>
-				</ListItem>
-			</div>
-
-			<div class="py-10 text-center" v-if="$resources.analytics.loading">
-				<Button :loading="true">Loading</Button>
-			</div>
-		</Card>
-		<LineChart
-			title="Pageviews"
-			type="time"
-			:key="pageViewsData"
-			:data="pageViewsData"
-			unit="views"
-			:chartTheme="[$theme.colors.purple[500]]"
-			:loading="$resources.plausible_analytics.loading"
-			:error="$resources.plausible_analytics.error"
-		>
-			<template #actions>
-				<a
-					v-if="app"
-					class="text-base text-gray-700 hover:text-gray-800"
-					:href="`/marketplace/apps/${app.app}`"
-					target="_blank"
-				>
-					View Marketplace Page →
-				</a>
-			</template>
-		</LineChart>
-		<LineChart
-			title="Unique Visitors"
-			type="time"
-			:key="visitorsData"
-			:data="visitorsData"
-			unit="visitors"
-			:chartTheme="[$theme.colors.green[500]]"
-			:loading="$resources.plausible_analytics.loading"
-			:error="$resources.plausible_analytics.error"
-		/>
-	</div>
-</template>
-
-<script>
-import { DateTime } from 'luxon';
-import LineChart from '@/components/charts/LineChart.vue';
-
-export default {
-	name: 'MarketplaceAppAnalytics',
-	props: {
-		app: Object
-	},
-	components: {
-		LineChart
-	},
-	methods: {
-		formatDate(data) {
-			return data.map(d => d.date);
-		},
-		getChartOptions(yFormatter) {
-			return {
-				axisOptions: {
-					xIsSeries: true,
-					shortenYAxisNumbers: 1
-				},
-				lineOptions: {
-					hideDots: true,
-					regionFill: true
-				},
-				tooltipOptions: {
-					formatTooltipX: d => {
-						return DateTime.fromISO(d).toLocaleString(DateTime.DATE_MED);
-					},
-					formatTooltipY: yFormatter
-				}
-			};
-		}
-	},
-	resources: {
-		analytics() {
-			return {
-				url: 'jcloud.api.marketplace.analytics',
-				auto: true,
-				params: {
-					name: this.app?.app
-				}
-			};
-		},
-		plausible_analytics() {
-			return {
-				url: 'jcloud.api.analytics.plausible_analytics',
-				auto: true,
-				params: {
-					name: this.app?.app
-				}
-			};
-		}
-	},
-	computed: {
-		analytics() {
-			if (
-				!this.$resources.analytics.loading &&
-				this.$resources.analytics.data
-			) {
-				const analyticsData = this.$resources.analytics.data;
-				const {
-					total_installs,
-					num_installs_active_sites,
-					num_installs_active_benches
-				} = analyticsData;
-
-				return [
-					{
-						title: 'Total Installs',
-						value:
-							total_installs.toString() +
-							' ' +
-							(total_installs == 1 ? 'Site' : 'Sites')
-					},
-					{
-						title: 'Active Sites with this App',
-						value:
-							num_installs_active_sites.toString() +
-							' ' +
-							(num_installs_active_sites == 1 ? 'Site' : 'Sites')
-					},
-					{
-						title: 'Active Benches with this App',
-						value:
-							num_installs_active_benches.toString() +
-							' ' +
-							(num_installs_active_benches == 1 ? 'Bench' : 'Benches')
-					}
-				];
-			}
-		},
-		pageViewsData() {
-			let pageViews = this.$resources.plausible_analytics.data?.pageviews;
-			if (!pageViews) return;
-
-			return {
-				datasets: [pageViews.map(d => [+new Date(d.date), d.value])]
-			};
-		},
-		visitorsData() {
-			let visitorsData = this.$resources.plausible_analytics.data?.visitors;
-			if (!visitorsData) return;
-
-			return {
-				datasets: [visitorsData.map(d => [+new Date(d.date), d.value])]
-			};
-		},
-		paymentAnalytics() {
-			if (
-				!this.$resources.analytics.loading &&
-				this.$resources.analytics.data
-			) {
-				let data = this.$resources.analytics.data;
-				return {
-					total_payout: {
-						usd: data.total_payout.usd_amount
-							? data.total_payout.usd_amount.toFixed(2)
-							: 0.0,
-						cny: data.total_payout.cny_amount
-							? data.total_payout.cny_amount.toFixed(2)
-							: 0.0
-					},
-					pending_payout: {
-						usd: data.pending_payout.usd_amount
-							? data.pending_payout.usd_amount.toFixed(2)
-							: 0.0,
-						cny: data.pending_payout.cny_amount
-							? data.pending_payout.cny_amount.toFixed(2)
-							: 0.0
-					},
-					commission: {
-						usd: data.commission.usd_amount
-							? data.commission.usd_amount.toFixed(2)
-							: 0.0,
-						cny: data.commission.cny_amount
-							? data.commission.cny_amount.toFixed(2)
-							: 0.0
-					}
-				};
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceAppDeployment.vue b/dashboard_backup/src/views/marketplace/MarketplaceAppDeployment.vue
deleted file mode 100644
index 19e83d0..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceAppDeployment.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<div v-if="app">
-		<MarketplaceAppReleaseList :app="app" />
-	</div>
-</template>
-
-<script>
-import MarketplaceAppReleaseList from '@/components/MarketplaceAppReleaseList.vue';
-
-export default {
-	name: 'MarketplaceAppDeployment',
-	props: {
-		app: Object
-	},
-	components: {
-		MarketplaceAppReleaseList
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceAppOverview.vue b/dashboard_backup/src/views/marketplace/MarketplaceAppOverview.vue
deleted file mode 100644
index d13eebc..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceAppOverview.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-	<div class="grid grid-cols-1 gap-5 md:grid-cols-2" v-if="app">
-		<MarketplaceAppProfile :app="app" />
-		<MarketplaceAppLinks :app="app" />
-		<MarketplaceAppScreenshots :app="app" />
-		<MarketplaceAppDescriptions :app="app" />
-	</div>
-</template>
-
-<script>
-import MarketplaceAppProfile from '@/components/MarketplaceAppProfile.vue';
-import MarketplaceAppLinks from '@/components/MarketplaceAppLinks.vue';
-import MarketplaceAppDescriptions from '@/components/MarketplaceAppDescriptions.vue';
-import MarketplaceAppScreenshots from '@/components/MarketplaceAppScreenshots.vue';
-
-export default {
-	name: 'MarketplaceAppOverview',
-	props: {
-		app: Object
-	},
-	components: {
-		MarketplaceAppProfile,
-		MarketplaceAppLinks,
-		MarketplaceAppDescriptions,
-		MarketplaceAppScreenshots
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceAppPricing.vue b/dashboard_backup/src/views/marketplace/MarketplaceAppPricing.vue
deleted file mode 100644
index c8d599e..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceAppPricing.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<script setup>
-import { ref, reactive } from 'vue';
-import { createResource } from 'jingrow-ui';
-import AppPlanCard from '@/components/AppPlanCard.vue';
-import PrinterIcon from '@/components/PrinterIcon.vue';
-
-const showEditPlanDialog = ref(false);
-const currentEditingPlan = reactive({
-	price_cny: 0,
-	price_usd: 0,
-	features: [''],
-	plan_title: '',
-	enabled: true
-});
-
-const props = defineProps({
-	app: Object
-});
-
-const appPlans = createResource({
-	url: 'jcloud.api.marketplace.get_app_plans',
-	params: {
-		app: props.app?.name,
-		include_disabled: true
-	},
-	auto: true
-});
-
-const updateAppPlan = createResource({
-	url: 'jcloud.api.marketplace.update_app_plan',
-	onSuccess() {
-		refreshState();
-	}
-});
-
-const createAppPlan = createResource({
-	url: 'jcloud.api.marketplace.create_app_plan',
-	validate() {
-		if (!currentEditingPlan.plan_title) {
-			return 'Plan name is required';
-		}
-	},
-	onSuccess() {
-		refreshState();
-	}
-});
-
-function editPlan(plan) {
-	if (plan) {
-		Object.assign(currentEditingPlan, plan);
-		currentEditingPlan.enabled = Boolean(plan.enabled);
-		currentEditingPlan.features = Array.from(plan.features); // Non-reference copy
-	}
-	showEditPlanDialog.value = true;
-}
-
-function addFeatureInput() {
-	currentEditingPlan.features.push('');
-}
-
-function deleteFeatureInput(idx) {
-	currentEditingPlan.features.splice(idx, 1);
-}
-
-function savePlan() {
-	if (currentEditingPlan.name) {
-		updateAppPlan.submit({
-			app_plan_name: currentEditingPlan.name,
-			updated_plan_data: currentEditingPlan
-		});
-	} else {
-		createAppPlan.submit({
-			plan_data: currentEditingPlan,
-			marketplace_app: props.app?.name
-		});
-	}
-}
-
-function refreshState() {
-	appPlans.fetch();
-	showEditPlanDialog.value = false;
-	resetCurrentEditingPlan();
-}
-
-function resetCurrentEditingPlan() {
-	Object.assign(currentEditingPlan, {
-		price_cny: 0,
-		price_usd: 0,
-		features: [''],
-		plan_title: '',
-		enabled: true
-	});
-
-	updateAppPlan.error = null;
-	createAppPlan.error = null;
-}
-</script>
-
-<template>
-	<div>
-		<Card title="Pricing Plans" subtitle="Set up pricing plans for this app">
-			<div class="m-4">
-				<div class="flex justify-center" v-if="appPlans.loading">
-					<Button :loading="true">Loading</Button>
-				</div>
-
-				<div v-else-if="appPlans.data">
-					<div
-						v-if="appPlans.data.length > 0"
-						class="mx-auto grid grid-cols-1 gap-2 md:grid-cols-3"
-					>
-						<AppPlanCard
-							v-for="plan in appPlans.data"
-							:plan="plan"
-							:key="plan.name"
-							:clickable="false"
-							:editable="true"
-							@beginEdit="editPlan(plan)"
-						/>
-					</div>
-					<div v-else>
-						<div class="mt-7 flex flex-col items-center justify-center">
-							<PrinterIcon class="mb-5 h-20 w-20" />
-							<p class="mb-1 text-2xl font-semibold text-gray-900">
-								Create a plan
-							</p>
-							<p class="mb-3.5 text-base text-gray-700">
-								Looks like you haven't created any plans yet
-							</p>
-							<Button variant="solid" @click="editPlan()">Create plan</Button>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<template v-if="appPlans.data && 0 < appPlans.data.length" #actions>
-				<Button @click="editPlan()">New Plan</Button>
-			</template>
-		</Card>
-
-		<Dialog :options="{ title: 'Edit Plan' }" v-model="showEditPlanDialog">
-			<template v-slot:body-content>
-				<div>
-					<div class="mb-4">
-						<input
-							type="checkbox"
-							id="enabled-checkbox"
-							class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-							v-model="currentEditingPlan.enabled"
-						/>
-						<label for="enabled-checkbox" class="ml-1 text-sm text-gray-900">
-							Enabled
-						</label>
-					</div>
-					<div class="mb-4">
-						<FormControl
-							placeholder="My Pro Plan"
-							label="Name"
-							v-model="currentEditingPlan.plan_title"
-						></FormControl>
-					</div>
-					<div class="mb-8">
-						<h3 class="mb-4 text-lg font-semibold">Subscription Price</h3>
-						<div class="grid grid-cols-2 gap-2">
-							<FormControl
-								label="Price CNY"
-								v-model="currentEditingPlan.price_cny"
-							></FormControl>
-							<FormControl
-								label="Price USD"
-								v-model="currentEditingPlan.price_usd"
-							></FormControl>
-						</div>
-					</div>
-					<div>
-						<h3 class="mb-4 text-lg font-semibold">Features</h3>
-						<div>
-							<div
-								v-for="(feature, idx) in currentEditingPlan.features"
-								class="mb-3.5 flex w-full items-stretch"
-							>
-								<div
-									class="mr-3 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-xs"
-								>
-									{{ idx + 1 }}
-								</div>
-
-								<div class="w-full">
-									<FormControl
-										class="w-full"
-										v-model="currentEditingPlan.features[idx]"
-									></FormControl>
-								</div>
-
-								<Button
-									v-if="idx > 0"
-									class="ml-3 rounded-full"
-									icon="x"
-									@click="deleteFeatureInput(idx)"
-								></Button>
-							</div>
-						</div>
-						<div>
-							<Button icon-left="plus" @click="addFeatureInput">Add</Button>
-						</div>
-
-						<div>
-							<ErrorMessage class="mt-3" :message="updateAppPlan.error" />
-							<ErrorMessage class="mt-3" :message="createAppPlan.error" />
-						</div>
-					</div>
-				</div>
-			</template>
-
-			<template #actions>
-				<Button
-					class="w-full"
-					variant="solid"
-					:loading="updateAppPlan.loading || createAppPlan.loading"
-					@click="savePlan"
-					@close="resetCurrentEditingPlan"
-					>Save</Button
-				>
-			</template>
-		</Dialog>
-	</div>
-</template>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceAppReview.vue b/dashboard_backup/src/views/marketplace/MarketplaceAppReview.vue
deleted file mode 100644
index d23f366..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceAppReview.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-	<MarketplaceAppReviewStages
-		v-if="$resources.reviewStages"
-		:appName="appName"
-		:app="app"
-		:reviewStages="$resources.reviewStages.data"
-	/>
-</template>
-
-<script>
-import MarketplaceAppReviewStages from '@/components/marketplace/MarketplaceAppReviewStages.vue';
-
-export default {
-	name: 'MarketpalceAppReview',
-	props: ['appName', 'app'],
-	components: {
-		MarketplaceAppReviewStages
-	},
-	resources: {
-		reviewStages() {
-			return {
-				url: 'jcloud.api.marketplace.review_steps',
-				params: {
-					name: this.appName
-				},
-				auto: true
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceAppSubscriptions.vue b/dashboard_backup/src/views/marketplace/MarketplaceAppSubscriptions.vue
deleted file mode 100644
index 0c25769..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceAppSubscriptions.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script setup>
-import { createResource } from 'jingrow-ui';
-
-const props = defineProps({
-	appName: String
-});
-
-const appSubscriptions = createResource({
-	url: 'jcloud.api.marketplace.get_subscriptions_list',
-	params: {
-		marketplace_app: props.appName
-	},
-	auto: true
-});
-</script>
-
-<template>
-	<Card title="Subscriptions">
-		<div v-if="appSubscriptions.data">
-			<div v-if="appSubscriptions.data.length === 0">
-				<p class="my-3 text-center text-base text-gray-600">
-					Your app has no active subscribers.
-				</p>
-			</div>
-			<div v-else class="divide-y">
-				<div
-					class="grid grid-cols-3 items-center gap-x-8 py-4 text-base text-gray-600 md:grid-cols-5"
-				>
-					<span class="col-span-2 md:col-span-1">Site</span>
-					<span>Status</span>
-					<span class="hidden md:inline">Price</span>
-					<span class="hidden md:inline">Active For</span>
-					<span class="hidden md:inline">Contact</span>
-				</div>
-
-				<div
-					v-for="subscription in appSubscriptions.data"
-					:key="subscription.site"
-					class="grid grid-cols-3 items-center gap-x-8 py-4 text-base text-gray-900 md:grid-cols-5"
-				>
-					<p
-						class="col-span-2 max-w-md truncate text-base font-medium text-gray-800 md:col-span-1"
-					>
-						{{ subscription.site }}
-					</p>
-
-					<p>
-						<Badge :label="subscription.enabled == 1 ? 'Active' : 'Disabled'" />
-					</p>
-
-					<p class="hidden md:inline">
-						{{ $planTitle(subscription) || 'Free' }} /mo
-					</p>
-
-					<p class="hidden text-gray-700 md:inline">
-						{{ subscription.active_days }}
-						{{ subscription.active_days == 1 ? 'day' : 'days' }}
-					</p>
-
-					<a
-						class="hidden underline md:inline"
-						:href="`mailto:${subscription.user_contact}`"
-					>
-						{{ subscription.user_contact }}
-					</a>
-				</div>
-			</div>
-		</div>
-
-		<div v-else-if="appSubscriptions.loading">
-			<Button :loading="true">Loading</Button>
-		</div>
-
-		<ErrorMessage :message="appSubscriptions.error" />
-	</Card>
-</template>
diff --git a/dashboard_backup/src/views/marketplace/MarketplaceApps.vue b/dashboard_backup/src/views/marketplace/MarketplaceApps.vue
deleted file mode 100644
index 8b5b8dd..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplaceApps.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<div>
-		<Button
-			v-if="$resources.apps.loading && !$resources.apps.data"
-			:loading="true"
-			loadingText="Loading..."
-		></Button>
-		<ErrorMessage
-			v-else-if="!$resources.apps.data"
-			:message="$resources.apps.error"
-		/>
-		<div v-else-if="$resources.apps.data.length < 1">
-			<p class="text-lg text-gray-600">
-				You have not published any app on our Marketplace.
-			</p>
-		</div>
-		<div v-else>
-			<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-				<MarketplaceAppCard
-					@click.native="routeToAppPage(app.name, app.status)"
-					v-for="app in apps"
-					:key="app.name"
-					:app="app"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import MarketplaceAppCard from '@/components/MarketplaceAppCard.vue';
-
-export default {
-	name: 'MarketplaceApps',
-	components: {
-		MarketplaceAppCard
-	},
-	activated() {
-		this.$resources.apps.fetch();
-	},
-	resources: {
-		apps() {
-			return {
-				url: 'jcloud.api.marketplace.get_apps',
-				cache: ['MarketplaceAppList', this.$account.team.name],
-				auto: true
-			};
-		}
-	},
-	methods: {
-		routeToAppPage(appName, status) {
-			if (status === 'Draft') {
-				this.$router.push(`/marketplace/apps/${appName}/review`);
-			} else {
-				this.$router.push(`/marketplace/apps/${appName}`);
-			}
-		}
-	},
-	computed: {
-		apps() {
-			if (!this.$resources.apps.data) return [];
-
-			let apps = this.$resources.apps.data.filter(app =>
-				this.$account.hasPermission(app.name, '', true)
-			);
-
-			return apps;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/MarketplacePayoutDetails.vue b/dashboard_backup/src/views/marketplace/MarketplacePayoutDetails.vue
deleted file mode 100644
index 676c1dd..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplacePayoutDetails.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<script setup>
-import { createResource } from 'jingrow-ui';
-
-const props = defineProps({
-	payoutOrderName: {
-		type: String,
-		required: true
-	}
-});
-
-const payout = createResource({
-	url: 'jcloud.api.marketplace.get_payout_details',
-	auto: true,
-	params: {
-		name: props.payoutOrderName
-	}
-});
-</script>
-<template>
-	<div>
-		<Button v-if="payout.loading" :loading="true">Loading</Button>
-
-		<div v-if="payout.data">
-			<table class="text w-full text-sm">
-				<thead>
-					<tr class="text-gray-600">
-						<th class="border-b py-3 pr-2 text-left font-normal">
-							Description
-						</th>
-						<th
-							class="whitespace-nowrap border-b py-3 pr-2 text-right font-normal"
-						>
-							Rate
-						</th>
-						<th
-							class="whitespace-nowrap border-b py-3 pr-2 text-right font-normal"
-						>
-							Total Amount
-						</th>
-						<th
-							class="whitespace-nowrap border-b py-3 pr-2 text-right font-normal"
-						>
-							Fee
-						</th>
-						<th
-							class="whitespace-nowrap border-b py-3 pr-2 text-right font-normal"
-						>
-							Commission
-						</th>
-						<th class="border-b py-3 pr-2 text-right font-normal">
-							Net Amount
-						</th>
-					</tr>
-				</thead>
-
-				<tbody>
-					<tr v-for="(row, i) in payout.data.usd_items" :key="row.idx">
-						<td class="border-b py-3 pr-2">
-							{{ row.description || row.document_name }} -
-							<strong class="font-semibold">{{ row.site }}</strong>
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							${{ row.rate }} x {{ row.quantity }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							${{ row.total_amount }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							${{ round(row.gateway_fee, 2) }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							${{ round(row.commission, 2) }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							${{ round(row.net_amount, 2) }}
-						</td>
-					</tr>
-				</tbody>
-
-				<tfoot>
-					<tr>
-						<td></td>
-						<td></td>
-						<td></td>
-						<td class="pt-4 pb-2 pr-2 text-right font-semibold">Grand Total</td>
-						<td
-							class="whitespace-nowrap pt-4 pb-2 pr-2 text-right font-semibold"
-						>
-							${{ round(payout.data.net_total_usd, 2) }} + ¥{{
-								round(payout.data.net_total_cny, 2)
-							}}
-						</td>
-					</tr>
-				</tfoot>
-
-				<tbody>
-					<tr v-for="(row, i) in payout.data.cny_items" :key="row.idx">
-						<td class="border-b py-3 pr-2">
-							{{ row.description || row.document_name }} -
-							<strong class="font-semibold">{{ row.site }}</strong>
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							¥{{ row.rate }} x {{ row.quantity }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							¥{{ round(row.total_amount, 2) }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							¥{{ round(row.gateway_fee, 2) }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							¥{{ round(row.commission, 2) }}
-						</td>
-						<td class="border-b py-3 pr-2 text-right">
-							¥{{ round(row.net_amount, 2) }}
-						</td>
-					</tr>
-				</tbody>
-			</table>
-		</div>
-
-		<ErrorMessage :message="payout.error" />
-	</div>
-</template>
diff --git a/dashboard_backup/src/views/marketplace/MarketplacePayouts.vue b/dashboard_backup/src/views/marketplace/MarketplacePayouts.vue
deleted file mode 100644
index 9aa9fef..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplacePayouts.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<script setup>
-import { createResource } from 'jingrow-ui';
-import MarketplacePayoutDetails from './MarketplacePayoutDetails.vue';
-
-const props = defineProps({
-	payoutOrderName: {
-		type: String
-	}
-});
-
-const payouts = createResource({
-	url: 'jcloud.api.marketplace.get_payouts_list',
-	auto: true
-});
-</script>
-
-<template>
-	<Card
-		v-if="!props.payoutOrderName"
-		title="Payouts"
-		subtitle="Look what you have earned"
-	>
-		<Button v-if="payouts.loading" :loading="true">Loading</Button>
-
-		<div v-else-if="payouts.data && payouts.data.length > 0">
-			<div class="divide-y">
-				<div
-					class="grid grid-cols-4 items-center gap-x-8 py-4 text-base text-gray-600 md:grid-cols-6"
-				>
-					<span>Date</span>
-					<span class="hidden md:inline">Payment Mode</span>
-					<span class="hidden md:inline">Status</span>
-					<span>Net CNY</span>
-					<span>Net USD</span>
-					<span></span>
-				</div>
-
-				<div
-					v-for="payout in payouts.data"
-					:key="payout.name"
-					class="grid grid-cols-4 items-center gap-x-8 py-4 text-base text-gray-900 md:grid-cols-6"
-				>
-					<div v-if="payout.period_end">
-						{{
-							$date(payout.period_end).toLocaleString({
-								month: 'long',
-								day: 'numeric',
-								year: 'numeric'
-							})
-						}}
-					</div>
-					<div v-else>Not Set</div>
-
-					<div class="hidden md:inline">
-						{{ payout.mode_of_payment }}
-					</div>
-
-					<div class="hidden md:inline">
-						<Badge :label="payout.status" />
-					</div>
-
-					<div>¥{{ round(payout.net_total_cny, 2) }}</div>
-
-					<div>${{ round(payout.net_total_usd, 2) }}</div>
-
-					<div>
-						<Button :route="`/marketplace/payouts/${payout.name}`"
-							>View Details</Button
-						>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<div v-if="payouts.data && payouts.data.length == 0">
-			<p class="my-3 text-center text-base text-gray-600">
-				You have no payouts yet.
-			</p>
-		</div>
-		<ErrorMessage :message="payouts.error" />
-	</Card>
-	<Card v-else title="Payout Details">
-		<template #actions-left>
-			<Button route="/marketplace/payouts"> ← Back </Button>
-		</template>
-		<MarketplacePayoutDetails :payoutOrderName="payoutOrderName" />
-	</Card>
-</template>
diff --git a/dashboard_backup/src/views/marketplace/MarketplacePublisherProfile.vue b/dashboard_backup/src/views/marketplace/MarketplacePublisherProfile.vue
deleted file mode 100644
index ce38279..0000000
--- a/dashboard_backup/src/views/marketplace/MarketplacePublisherProfile.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<div>
-		<div v-if="publisherProfileInfo && !publisherProfileInfo.profile_created">
-			<Alert title="You have not created your profile yet.">
-				<template #actions>
-					<Button variant="solid" @click="showEditDialog = true">
-						Create
-					</Button>
-				</template>
-			</Alert>
-		</div>
-
-		<Button
-			v-if="$resources.getPublisherProfileInfo.loading"
-			:loading="true"
-			loadingText="Loading..."
-		></Button>
-
-		<div class="grid grid-cols-1 gap-5 md:grid-cols-2">
-			<PublisherProfileCard
-				:showEditDialog="showEditDialog"
-				:profileData="publisherProfileInfo"
-				@profile-updated="$resources.getPublisherProfileInfo.fetch()"
-			/>
-			<PublisherPayoutInfoCard :profileData="publisherProfileInfo" />
-		</div>
-	</div>
-</template>
-
-<script>
-import PublisherProfileCard from '@/components/marketplace/PublisherProfileCard.vue';
-import PublisherPayoutInfoCard from '@/components/marketplace/PublisherPayoutInfoCard.vue';
-
-export default {
-	data() {
-		return {
-			showEditDialog: false
-		};
-	},
-	resources: {
-		getPublisherProfileInfo() {
-			return {
-				url: 'jcloud.api.marketplace.get_publisher_profile_info',
-				auto: true
-			};
-		}
-	},
-	computed: {
-		publisherProfileInfo() {
-			if (
-				this.$resources.getPublisherProfileInfo.loading ||
-				!this.$resources.getPublisherProfileInfo.data
-			) {
-				return;
-			}
-			return this.$resources.getPublisherProfileInfo.data;
-		}
-	},
-	components: { PublisherProfileCard, PublisherPayoutInfoCard }
-};
-</script>
diff --git a/dashboard_backup/src/views/marketplace/NewMarketplaceApp.vue b/dashboard_backup/src/views/marketplace/NewMarketplaceApp.vue
deleted file mode 100644
index cd7773a..0000000
--- a/dashboard_backup/src/views/marketplace/NewMarketplaceApp.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-	<WizardCard>
-		<div class="mb-6 text-center">
-			<h1 class="text-2xl font-bold">Add a New App</h1>
-			<p class="text-base text-gray-700">Add an app to marketplace</p>
-		</div>
-
-		<SelectAppFromGithub @onSelect="d => (app = d)" />
-
-		<div v-if="app">
-			<label class="mb-3 text-base" for="version-select"
-				>Compatible Jingrow Version</label
-			>
-			<select
-				id="version-select"
-				class="form-select mb-4 block"
-				v-model="version"
-			>
-				<option v-for="version in versionList" :key="version">
-					{{ version }}
-				</option>
-			</select>
-
-			<ErrorMessage class="mb-3" :message="$resources.addApp.error" />
-
-			<Button
-				:loading="$resources.addApp.loading"
-				@click="$resources.addApp.submit()"
-				variant="solid"
-				class="w-full"
-				>Add to marketplace</Button
-			>
-		</div>
-	</WizardCard>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import SelectAppFromGithub from '@/components/SelectAppFromGithub.vue';
-
-export default {
-	name: 'NewMarketplaceApp',
-	components: {
-		WizardCard,
-		SelectAppFromGithub
-	},
-	data() {
-		return {
-			app: null,
-			version: null
-		};
-	},
-	resources: {
-		jingrowVersions() {
-			return {
-				url: 'jcloud.api.marketplace.jingrow_versions',
-				auto: true,
-				onSuccess(data) {
-					if (data) {
-						this.version = data[0];
-					}
-				}
-			};
-		},
-		addApp() {
-			return {
-				url: 'jcloud.api.marketplace.new_app',
-				params: {
-					app: {
-						name: this.app?.name,
-						title: this.app?.title,
-						repository_url: this.app?.repository_url,
-						branch: this.app?.branch,
-						github_installation_id: this.app?.github_installation_id,
-						version: this.version
-					}
-				},
-				onSuccess() {
-					this.$router.push(`/marketplace/apps/${this.app.name}`);
-				}
-			};
-		}
-	},
-	computed: {
-		versionList() {
-			if (
-				!this.$resources.jingrowVersions.data ||
-				this.$resources.jingrowVersions.loading
-			) {
-				return [];
-			}
-			return this.$resources.jingrowVersions.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/notifications/Notifications.vue b/dashboard_backup/src/views/notifications/Notifications.vue
deleted file mode 100644
index e16770c..0000000
--- a/dashboard_backup/src/views/notifications/Notifications.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs
-				:items="[{ label: 'Notifications', route: { name: 'Notifications' } }]"
-			>
-				<template #actions>
-					<TabButtons
-						:buttons="[{ label: 'Unread', active: true }, { label: 'Read' }]"
-						v-model="activeTab"
-					/>
-				</template>
-			</Breadcrumbs>
-		</header>
-
-		<div class="mx-20 mt-5">
-			<div class="flex flex-col divide-y">
-				<ListItem
-					v-for="notification in notifications"
-					:title="notification.type"
-					:description="`${notification.message} • ${formatDate(
-						notification.creation,
-						'relative'
-					)}`"
-				>
-					<template #actions>
-						<Button
-							v-if="notification.route"
-							variant="ghost"
-							label="View"
-							@click="openNotification(notification)"
-						/>
-					</template>
-				</ListItem>
-				<div v-if="!notifications?.length" class="text-base text-gray-600">
-					No Notifications
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { TabButtons } from 'jingrow-ui';
-import { unreadNotificationsCount } from '@/data/notifications';
-
-export default {
-	name: 'Notifications',
-	pageMeta() {
-		return {
-			title: 'Notifications'
-		};
-	},
-	components: {
-		TabButtons
-	},
-	data() {
-		return {
-			activeTab: 'Unread'
-		};
-	},
-	resources: {
-		unreadNotifications() {
-			if (this.activeTab !== 'Unread') return;
-			return {
-				url: 'jcloud.api.notifications.get_notifications',
-				params: {
-					filters: { team: this.$account.team.name, read: false }
-				},
-				cache: ['unreadNotifications', this.$account?.team],
-				auto: true
-			};
-		},
-		readNotifications() {
-			if (this.activeTab !== 'Read') return;
-			return {
-				url: 'jcloud.api.notifications.get_notifications',
-				params: {
-					filters: {
-						team: this.$account.team.name,
-						read: true
-					}
-				},
-				cache: ['readNotifications', this.$account?.team],
-				auto: true
-			};
-		},
-		markNotificationAsRead: {
-			url: 'jcloud.api.notifications.mark_notification_as_read'
-		}
-	},
-	methods: {
-		openNotification(notification) {
-			if (!notification.read) {
-				this.$resources.markNotificationAsRead.submit({
-					name: notification.name
-				});
-
-				unreadNotificationsCount.setData(data => data - 1);
-			}
-			this.$router.push(notification.route);
-		}
-	},
-	computed: {
-		notifications() {
-			return this.activeTab === 'Unread'
-				? this.$resources.unreadNotifications.data
-				: this.$resources.readNotifications.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/ComingSoon.vue b/dashboard_backup/src/views/onboarding/ComingSoon.vue
deleted file mode 100644
index 91b8e82..0000000
--- a/dashboard_backup/src/views/onboarding/ComingSoon.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-	<div class="text-lg font-semibold">Coming Soon</div>
-</template>
diff --git a/dashboard_backup/src/views/onboarding/OnboardingStepCreateAccount.vue b/dashboard_backup/src/views/onboarding/OnboardingStepCreateAccount.vue
deleted file mode 100644
index aa5e17d..0000000
--- a/dashboard_backup/src/views/onboarding/OnboardingStepCreateAccount.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-	<div>
-		<div class="flex">
-			<GreenCheckIcon class="h-5 w-5" />
-			<div class="ml-2 text-lg font-medium">Create account</div>
-		</div>
-		<div class="relative mt-1 pb-6 pl-7 text-sm text-gray-600">
-			<p>
-				Your account
-				<span class="font-semibold">{{ $account.team.name }}</span> has been
-				created.
-			</p>
-
-			<div
-				style="width: 1px; height: 95%"
-				class="absolute top-0 left-2.5 border-r border-gray-300"
-			></div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'OnboardingStepCreateAccount'
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/OnboardingStepCreateSite.vue b/dashboard_backup/src/views/onboarding/OnboardingStepCreateSite.vue
deleted file mode 100644
index da35fbc..0000000
--- a/dashboard_backup/src/views/onboarding/OnboardingStepCreateSite.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-	<div>
-		<div class="flex">
-			<GreenCheckIcon class="h-5 w-5" v-if="done" />
-			<div v-else class="rounded-full bg-white">
-				<FeatherIcon
-					name="plus-circle"
-					class="h-5 w-5 text-current text-gray-700"
-				/>
-			</div>
-			<div class="ml-2 text-lg font-medium">Create site</div>
-		</div>
-		<div class="pl-7">
-			<div class="mt-1 text-sm text-gray-600">
-				Creating a new site is as easy as choosing a subdomain and a plan.
-			</div>
-			<Button v-if="active && !done" class="mt-2" route="/sites/new"
-				>Create</Button
-			>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'OnboardingStepCreateAccount',
-	props: ['active', 'done']
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/OnboardingStepSelectSitePlan.vue b/dashboard_backup/src/views/onboarding/OnboardingStepSelectSitePlan.vue
deleted file mode 100644
index c1fbd72..0000000
--- a/dashboard_backup/src/views/onboarding/OnboardingStepSelectSitePlan.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-	<div>
-		<div class="flex">
-			<GreenCheckIcon class="h-5 w-5" v-if="done" />
-			<div v-else class="rounded-full bg-white">
-				<FeatherIcon
-					name="plus-circle"
-					class="h-5 w-5 text-current text-gray-700"
-				/>
-			</div>
-			<div class="ml-2 text-lg font-medium">Select a plan for your site</div>
-		</div>
-		<div class="pl-7">
-			<div class="mt-1 text-sm text-gray-600">
-				Select a plan for your site and it will be applied after your trial
-				ends.
-			</div>
-			<Button
-				v-if="active && !done && $account.onboarding.jerp_site"
-				class="mt-2"
-				:route="`/sites/${$account.onboarding.jerp_site.name}`"
-			>
-				Select a plan
-			</Button>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'OnboardingStepSelectSitePlan',
-	props: ['active', 'done']
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/OnboardingStepSetupPayment.vue b/dashboard_backup/src/views/onboarding/OnboardingStepSetupPayment.vue
deleted file mode 100644
index 4da11dd..0000000
--- a/dashboard_backup/src/views/onboarding/OnboardingStepSetupPayment.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-	<div>
-		<div class="flex">
-			<GreenCheckIcon class="h-5 w-5" v-if="done" />
-			<div v-else class="rounded-full bg-white">
-				<FeatherIcon
-					name="credit-card"
-					class="h-5 w-5 text-current text-gray-700"
-				/>
-			</div>
-			<div class="ml-2 text-lg font-medium">Add billing information</div>
-		</div>
-		<div class="relative pb-6 pl-7">
-			<div class="mt-1 text-sm text-gray-600">
-				{{ description }}
-			</div>
-			<Button v-if="active && !done" class="mt-2" @click="showDialog = true">
-				Add billing information
-			</Button>
-			<div
-				style="width: 1px; height: 95%"
-				class="absolute left-2.5 top-0 border-r border-gray-300"
-			></div>
-		</div>
-
-		<Dialog
-			:options="{ title: 'Add billing information' }"
-			v-model="showDialog"
-		>
-			<template v-slot:body-content>
-				<div v-if="!$account.team.billing_address">
-					<div class="text-base font-medium">Address Details</div>
-					<AddressForm ref="address-form" v-model:address="address" />
-					<ErrorMessage
-						class="mt-2"
-						:message="$resources.updateBillingInformation.error"
-					/>
-				</div>
-
-				<div class="space-y-4" v-if="$account.team.billing_address">
-					<div>
-						<FormControl
-							label="Select payment mode"
-							type="select"
-							:options="paymentModeOptions"
-							v-model="paymentMode"
-						/>
-						<p class="mt-2 text-base text-gray-600">
-							{{ paymentModeDescription }}
-						</p>
-					</div>
-					<BuyPrepaidCredits
-						v-if="
-							paymentMode == 'Prepaid Credits' &&
-							buyCreditsFrom == 'Card Payment' &&
-							!$resources.prepaidCredits.loading
-						"
-						:minimumAmount="minCreditsToBuy"
-						@success="onPrepaidCredits"
-						@cancel="paymentMode = null"
-					/>
-					<StripeCard
-						:withoutAddress="true"
-						v-if="paymentMode === 'Card'"
-						@complete="onSuccess"
-					/>
-					<LoadingText
-						text="Updating account balance..."
-						v-if="$resources.prepaidCredits.loading"
-					/>
-					<LoadingText
-						text="Updating payment information..."
-						v-if="$resources.changePaymentMode.loading"
-					/>
-				</div>
-			</template>
-			<template v-slot:actions v-if="!$account.team.billing_address">
-				<Button
-					v-if="!$account.team.billing_address"
-					class="w-full"
-					variant="solid"
-					@click="updateAddress"
-					:loading="$resources.updateBillingInformation.loading"
-				>
-					Submit
-				</Button>
-			</template>
-		</Dialog>
-	</div>
-</template>
-<script>
-import AddressForm from '../../../src2/components/AddressForm.vue';
-import StripeCard from '@/components/StripeCard.vue';
-import BuyPrepaidCredits from '@/components/BuyPrepaidCredits.vue';
-
-export default {
-	name: 'OnboardingStepSetupPayment',
-	props: ['active', 'done'],
-	components: {
-		AddressForm,
-		StripeCard,
-		BuyPrepaidCredits
-	},
-	data() {
-		return {
-			showDialog: false,
-			paymentMode: null,
-			buyCreditsFrom: 'Card Payment',
-			minCreditsToBuy: this.$account.team.currency == 'CNY' ? 0.01 : 0.01,
-			address: {}
-		};
-	},
-	resources: {
-		updateBillingInformation() {
-			return {
-				url: 'jcloud.api.account.update_billing_information',
-				params: {
-					billing_details: this.address
-				},
-				onSuccess() {
-					this.$account.fetchAccount();
-				}
-			};
-		},
-		changePaymentMode() {
-			return {
-				url: 'jcloud.api.billing.change_payment_mode',
-				params: {
-					mode: this.paymentMode
-				},
-				onSuccess() {
-					this.$account.fetchAccount();
-				}
-			};
-		},
-		prepaidCredits() {
-			return {
-				url: 'jcloud.api.billing.prepaid_credits_via_onboarding',
-				onSuccess() {
-					this.showDialog = false;
-					this.$account.fetchAccount();
-				}
-			};
-		}
-	},
-	methods: {
-		onSuccess() {
-			this.showDialog = false;
-			this.$resources.changePaymentMode.submit();
-		},
-		onPrepaidCredits() {
-			this.$resources.prepaidCredits.submit();
-		},
-		async updateAddress() {
-			let errorMessage = await this.$refs['address-form'].validateValues();
-			if (errorMessage) {
-				this.$resources.updateBillingInformation.setError(errorMessage);
-			} else {
-				this.$resources.updateBillingInformation.submit();
-			}
-		}
-	},
-	computed: {
-		description() {
-			if (this.$account.team.via_jerp) {
-				return 'Setup your payment method for monthly billing. After that, select a plan for your JERP site and you are good to go.';
-			}
-			return 'Setup your payment method for your monthly billing. Get $10 free credits for creating sites if you add your card.';
-		},
-		paymentModeDescription() {
-			if (this.paymentMode == 'Card') {
-				return 'Your card will be charged at the end of every month';
-			}
-			if (this.paymentMode == 'Prepaid Credits') {
-				return 'You will be charged from your account balance at the end of every month';
-			}
-		},
-		paymentModeOptions() {
-			return ['', 'Card', 'Prepaid Credits'];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/Support.vue b/dashboard_backup/src/views/onboarding/Support.vue
deleted file mode 100644
index 93d352c..0000000
--- a/dashboard_backup/src/views/onboarding/Support.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<div>
-		<div class="p-24 text-center">
-			<div class="text-xl text-gray-800">
-				Send us an email at
-				<span>support@jingrow.com</span>
-			</div>
-			<Button class="mt-6" appearance="primary">
-				<a href="mailto:support@jingrow.com"> Send Email </a>
-			</Button>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'Support'
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/UserPrompts.vue b/dashboard_backup/src/views/onboarding/UserPrompts.vue
deleted file mode 100644
index 3772efd..0000000
--- a/dashboard_backup/src/views/onboarding/UserPrompts.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<component :is="promptComponent" :message="promptMessage" v-model="show" />
-</template>
-
-<script>
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'UserPrompts',
-	components: {
-		UpdateBillingDetails: defineAsyncComponent(() =>
-			import('../../../src2/components/UpdateBillingDetails.vue')
-		)
-	},
-	resources: {
-		prompts() {
-			return {
-				url: 'jcloud.api.account.user_prompts',
-				auto: true,
-				validate() {
-					if (document.cookie.includes('user_id=Guest')) {
-						return 'Not logged in';
-					}
-				}
-			};
-		}
-	},
-	data() {
-		return {
-			show: true
-		};
-	},
-	computed: {
-		promptComponent() {
-			let data = this.$resources.prompts.data;
-			if (data) {
-				return data[0];
-			}
-			return null;
-		},
-		promptMessage() {
-			let data = this.$resources.prompts.data;
-			if (data) {
-				return data[1];
-			}
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/onboarding/Welcome.vue b/dashboard_backup/src/views/onboarding/Welcome.vue
deleted file mode 100644
index fe4acc3..0000000
--- a/dashboard_backup/src/views/onboarding/Welcome.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<div
-		class="flex-1 p-8"
-		v-if="$account.onboarding && !$account.onboarding.complete"
-	>
-		<div class="mx-auto mb-10 lg:w-1/2">
-			<Card
-				title="Welcome to 今果 Jingrow"
-				subtitle="To start using 今果 Jingrow, complete the following steps to get your account up and running."
-			>
-				<div class="relative mt-2">
-					<OnboardingStepCreateAccount />
-					<OnboardingStepSetupPayment
-						:active="!$account.onboarding.billing_setup"
-						:done="$account.onboarding.billing_setup"
-					/>
-					<OnboardingStepSelectSitePlan
-						v-if="$account.team.via_jerp"
-						:active="$account.onboarding.billing_setup"
-						:done="$account.onboarding.jerp_site_plan_set"
-					/>
-					<OnboardingStepCreateSite
-						v-else
-						:active="$account.onboarding.billing_setup"
-						:done="$account.onboarding.site_created"
-					/>
-				</div>
-			</Card>
-		</div>
-	</div>
-</template>
-
-<script>
-import OnboardingStepCreateAccount from './OnboardingStepCreateAccount.vue';
-import OnboardingStepCreateSite from './OnboardingStepCreateSite.vue';
-import OnboardingStepSelectSitePlan from './OnboardingStepSelectSitePlan.vue';
-import OnboardingStepSetupPayment from './OnboardingStepSetupPayment.vue';
-export default {
-	name: 'Welcome',
-	components: {
-		OnboardingStepCreateAccount,
-		OnboardingStepSetupPayment,
-		OnboardingStepCreateSite,
-		OnboardingStepSelectSitePlan
-	},
-	watch: {
-		'$account.onboarding.complete': {
-			handler(value) {
-				if (value) {
-					this.$router.replace('/sites');
-				}
-			},
-			immediate: true
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/partials/LoginBox.vue b/dashboard_backup/src/views/partials/LoginBox.vue
deleted file mode 100644
index 8a52080..0000000
--- a/dashboard_backup/src/views/partials/LoginBox.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-	<div class="relative h-full">
-		<div class="relative z-10 mx-auto py-8 sm:w-max sm:py-32">
-			<div class="flex" @dblclick="redirectForJingrowioAuth">
-				<slot name="logo">
-					<div class="mx-auto flex items-center space-x-2">
-						<JLogo class="inline-block h-7 w-7" />
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							今果 Jingrow
-						</span>
-					</div>
-				</slot>
-			</div>
-			<div
-				class="mx-auto w-full bg-white px-4 py-8 sm:mt-6 sm:w-96 sm:rounded-lg sm:px-8 sm:shadow-xl"
-			>
-				<div class="mb-6 text-center" v-if="title">
-					<span
-						class="text-center text-lg font-medium leading-5 tracking-tight text-gray-900"
-					>
-						{{ title }}
-					</span>
-				</div>
-				<slot></slot>
-			</div>
-		</div>
-		<div class="absolute bottom-4 z-[1] flex w-full justify-center">
-			<JingrowLogo class="h-10" />
-		</div>
-	</div>
-</template>
-
-<script>
-import JLogo from '@/components/icons/JLogo.vue';
-import JingrowLogo from '@/components/icons/JingrowLogo.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'LoginBox',
-	props: ['title', 'logo'],
-	components: {
-		JLogo,
-		JingrowLogo
-	},
-	mounted() {
-		const params = new URLSearchParams(window.location.search);
-
-		if (params.get('showRemoteLoginError')) {
-			notify({
-				title: 'Token Invalid or Expired',
-				color: 'red',
-				icon: 'x'
-			});
-		}
-	},
-	methods: {
-		redirectForJingrowioAuth() {
-			window.location = '/f-login';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/FirewallOverview.vue b/dashboard_backup/src/views/security/FirewallOverview.vue
deleted file mode 100644
index 7445317..0000000
--- a/dashboard_backup/src/views/security/FirewallOverview.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<template>
-	<Card class="min-h-full h-full max-h-96" title="Firewall">
-		<div class="divide-y"></div>
-	</Card>
-</template>
-
-<script>
-export default {
-	name: 'FirewallOverview',
-	props: ['server']
-};
-</script>
diff --git a/dashboard_backup/src/views/security/InfoSection.vue b/dashboard_backup/src/views/security/InfoSection.vue
deleted file mode 100644
index 7e8f643..0000000
--- a/dashboard_backup/src/views/security/InfoSection.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-	<div class="mt-4">
-		<details class="cursor-pointer px-6" :key="sectionName" :open="defaultOpen">
-			<summary class="inline-flex w-full items-center py-2 focus:outline-none">
-				<span class="ml-1">
-					<div
-						class="grid h-4 w-4 place-items-center rounded-full border"
-						:class="{
-							'border-green-500 bg-green-50': sectionData,
-							'border-gray-500 bg-gray-50': 'Skipped'
-						}"
-					>
-						<FeatherIcon
-							:name="
-								// prettier-ignore
-								sectionData
-									? 'check'
-									: 'minus'
-							"
-							:class="{
-								'text-green-500': sectionData,
-								'text-gray-500': 'Skipped'
-							}"
-							:stroke-width="3"
-							class="h-3 w-3"
-						/>
-					</div>
-				</span>
-				<span class="ml-2 select-none text-sm font-medium text-gray-900">
-					{{ sectionName }}
-				</span>
-			</summary>
-
-			<div
-				class="rounded-md bg-gray-100 px-2 py-2.5 font-mono text-xs text-gray-900 overflow-auto mt-3"
-				:style="{
-					width: viewportWidth < 768 ? 'calc(100vw - 6rem)' : ''
-				}"
-			>
-				<div class="max-w-md">
-					<pre>{{ sectionData }}</pre>
-				</div>
-			</div>
-		</details>
-	</div>
-</template>
-<script>
-export default {
-	name: 'InfoSection',
-	props: ['sectionName', 'sectionData', 'defaultOpen']
-};
-</script>
-
-<style scoped>
-details > summary {
-	list-style-type: none;
-}
-
-details > summary::-webkit-details-marker {
-	display: none;
-}
-
-details > summary::before {
-	content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 9.5L7.75 6L4.25 2.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-}
-
-details[open] > summary::before {
-	content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.25L6 7.75L9.5 4.25' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-}
-</style>
diff --git a/dashboard_backup/src/views/security/SSHSession.vue b/dashboard_backup/src/views/security/SSHSession.vue
deleted file mode 100644
index 6d1cb73..0000000
--- a/dashboard_backup/src/views/security/SSHSession.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<CardWithDetails
-		title="Server SSH Session Logs"
-		subtitle="Log of commands executed in session"
-	>
-		<div>
-			<router-link
-				v-for="log in $resources.sshLogs.data"
-				class="block cursor-pointer rounded-md px-2.5"
-				:class="logId === log.name ? 'bg-gray-100' : 'hover:bg-gray-50'"
-				:key="log.name"
-				:to="updateRoute(log.name)"
-			>
-				<ListItem :title="getTitle(log)" :description="getDescription(log)">
-					<template v-slot:actions>
-						<Badge :label="getLabel(log.user)" :theme="getColor(log.user)" />
-					</template>
-				</ListItem>
-				<div class="border-b"></div>
-			</router-link>
-		</div>
-		<template #details>
-			<SSHSessionActivity
-				:showDetails="logId"
-				:logId="logId"
-				:server="server"
-			/>
-		</template>
-	</CardWithDetails>
-</template>
-
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import SSHSessionActivity from './SSHSessionActivity.vue';
-
-export default {
-	name: 'SSHSession',
-	props: ['server', 'logId'],
-	components: { CardWithDetails, SSHSessionActivity },
-	resources: {
-		sshLogs() {
-			return {
-				url: 'jcloud.api.security.fetch_ssh_session_logs',
-				params: {
-					server: this.server?.name
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		sshLogs() {
-			return this.$resources.sshLogs.data;
-		}
-	},
-	methods: {
-		getTitle(log) {
-			return `SSH Session: ${log.session_id}`;
-		},
-		getDescription(log) {
-			return `Created On: ${log.created_at} <br> Size: ${log.size} Kb`;
-		},
-		updateRoute(name) {
-			return `/security/${this.server.name}/ssh_session_logs/${name}`;
-		},
-		getLabel(user) {
-			return `User: ${user}`;
-		},
-		getColor(user) {
-			return user === 'root' ? 'red' : 'green';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/SSHSessionActivity.vue b/dashboard_backup/src/views/security/SSHSessionActivity.vue
deleted file mode 100644
index 865313a..0000000
--- a/dashboard_backup/src/views/security/SSHSessionActivity.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<CardDetails :showDetails="showDetails">
-		<div class="px-6 py-5">
-			<template v-if="showDetails">
-				<div class="flex items-center justify-between">
-					<div>
-						<h4 class="text-lg font-medium">
-							Session: {{ SSHActivity.session_id }}
-						</h4>
-					</div>
-					<div class="justify-end">
-						<Badge
-							class="pointer-events-none"
-							variant="subtle"
-							size="lg"
-							:label="getLabel(SSHActivity.session_user)"
-							:theme="getColor(SSHActivity.session_user)"
-						/>
-					</div>
-				</div>
-			</template>
-			<div v-else>
-				<LoadingText v-if="loading" />
-				<span v-else class="text-center text-base text-gray-600">
-					No item selected
-				</span>
-			</div>
-		</div>
-		<div class="flex-auto overflow-auto px-6" v-if="showDetails">
-			<InfoSection
-				sectionName="Activity"
-				:sectionData="SSHActivity.content"
-				:defaultOpen="true"
-			/>
-		</div>
-	</CardDetails>
-</template>
-
-<script>
-import CardDetails from '@/components/CardDetails.vue';
-import InfoSection from './InfoSection.vue';
-
-export default {
-	name: 'SSHSessionActivity',
-	props: ['showDetails', 'logId', 'server'],
-	components: { CardDetails, InfoSection },
-	inject: ['viewportWidth'],
-	resources: {
-		SSHActivity() {
-			return {
-				url: 'jcloud.api.security.fetch_ssh_session_activity',
-				params: {
-					server: this.server?.name,
-					filename: this.logId
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		SSHActivity() {
-			return this.$resources.SSHActivity.data;
-		}
-	},
-	methods: {
-		getLabel(user) {
-			return `User: ${user}`;
-		},
-		getColor(user) {
-			return user === 'root' ? 'red' : 'green';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/SSHSessionOverview.vue b/dashboard_backup/src/views/security/SSHSessionOverview.vue
deleted file mode 100644
index 1b3311c..0000000
--- a/dashboard_backup/src/views/security/SSHSessionOverview.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<Card class="h-full max-h-96 min-h-full" title="SSH Activity Log">
-		<div class="divide-y">
-			<router-link
-				v-for="log in $resources.sshLogs.data"
-				class="block cursor-pointer rounded-md px-2.5"
-				:key="log.name"
-				:to="updateRoute(log.name)"
-			>
-				<ListItem :title="getTitle(log)" :description="getDescription(log)">
-					<template v-slot:actions>
-						<Badge :label="getLabel(log.user)" :theme="getColor(log.user)" />
-					</template>
-				</ListItem>
-			</router-link>
-		</div>
-		<template #actions>
-			<router-link
-				class="text-base text-gray-700 hover:text-gray-800"
-				:to="`/security/${server.name}/ssh_session_logs`"
-			>
-				View details →
-			</router-link>
-		</template>
-	</Card>
-</template>
-
-<script>
-import { Card } from 'jingrow-ui';
-
-export default {
-	name: 'SSHSessionsOverview',
-	props: ['server'],
-	components: { Card },
-	resources: {
-		sshLogs() {
-			return {
-				url: 'jcloud.api.security.fetch_ssh_session_logs',
-				params: {
-					server: this.server?.name
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		sshLogs() {
-			return this.$resources.sshLogs.data;
-		}
-	},
-	methods: {
-		getTitle(log) {
-			return `SSH Session Id: ${log.session_id}`;
-		},
-		getDescription(log) {
-			return `Created On: ${this.formatDate(log.created)} <br> Size: ${
-				log.size
-			} Kb`;
-		},
-		updateRoute(name) {
-			return `/security/${this.server.name}/ssh_session_logs/${name}`;
-		},
-		getLabel(user) {
-			return `User: ${user}`;
-		},
-		getColor(user) {
-			return user === 'root' ? 'red' : 'green';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/Security.vue b/dashboard_backup/src/views/security/Security.vue
deleted file mode 100644
index 727ec28..0000000
--- a/dashboard_backup/src/views/security/Security.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-	<div>
-		<div v-if="server">
-			<div>
-				<header
-					class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-				>
-					<Breadcrumbs
-						:items="[
-							{ label: 'Security', route: { name: 'Security' } },
-							{
-								label: server?.title,
-								route: {
-									name: 'SecurityOverview',
-									params: { serverName: server?.name }
-								}
-							}
-						]"
-					>
-					</Breadcrumbs>
-				</header>
-				<div
-					class="flex flex-col space-y-3 px-5 py-3 md:flex-row md:items-baseline md:justify-between md:space-y-0"
-				>
-					<div class="mt-2 flex items-center">
-						<h1 class="text-2xl font-bold">{{ server.title }}</h1>
-						<Badge class="ml-4" :label="server.status" />
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="p-5 pt-1">
-			<Tabs :tabs="tabs">
-				<router-view v-slot="{ Component, route }">
-					<component v-if="server" :is="Component" :server="server"></component>
-				</router-view>
-			</Tabs>
-		</div>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-
-export default {
-	name: 'Security',
-	pageMeta() {
-		return {
-			title: `Security - ${this.serverName} - 今果 Jingrow`
-		};
-	},
-	props: ['serverName'],
-	components: {
-		Tabs
-	},
-	resources: {
-		server() {
-			return {
-				url: 'jcloud.api.server.get',
-				params: {
-					name: this.serverName
-				},
-				auto: true,
-				onSuccess() {
-					this.routeToGeneral();
-				},
-				onError: this.$routeTo404PageIfNotFound
-			};
-		}
-	},
-	methods: {
-		routeToGeneral() {
-			if (this.$route.matched.length === 1) {
-				let path = this.$route.fullPath;
-				this.$router.replace(`${path}/overview`);
-			}
-		}
-	},
-	computed: {
-		server() {
-			return this.$resources.server.data;
-		},
-
-		tabs() {
-			let tabRoute = subRoute => `/security/${this.serverName}/${subRoute}`;
-			let tabs = [
-				{ label: 'Overview', route: 'overview' },
-				{ label: 'Security Updates', route: 'security_update' },
-				{ label: 'Firewall Configuration', route: 'firewall' },
-				{ label: 'SSH Session Log', route: 'ssh_session_logs' },
-				{ label: 'Nginx Overview', route: 'nginx_overview' }
-			];
-
-			let tabsByStatus = {
-				Active: [
-					'Overview',
-					'Security Updates',
-					'Firewall Configuration',
-					'SSH Session Log',
-					'Nginx Overview'
-				]
-			};
-			if (this.server) {
-				let tabsToShow = tabsByStatus[this.server.status];
-				if (tabsToShow?.length) {
-					tabs = tabs.filter(tab => tabsToShow.includes(tab.label));
-				}
-				return tabs.map(tab => {
-					return {
-						...tab,
-						route: tabRoute(tab.route)
-					};
-				});
-			}
-			return [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/SecurityOverview.vue b/dashboard_backup/src/views/security/SecurityOverview.vue
deleted file mode 100644
index f5feb6b..0000000
--- a/dashboard_backup/src/views/security/SecurityOverview.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-	<div class="space-y-5" v-if="server">
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2" v-if="server">
-			<SecurityUpdatesOverview :server="server" />
-			<SSHSessionOverview :server="server" />
-			<FirewallOverview :server="server" />
-		</div>
-	</div>
-</template>
-
-<script setup>
-import SecurityUpdatesOverview from './SecurityUpdatesOverview.vue';
-import FirewallOverview from './FirewallOverview.vue';
-import SSHSessionOverview from './SSHSessionOverview.vue';
-
-const props = defineProps({ server: Object });
-</script>
diff --git a/dashboard_backup/src/views/security/SecurityUpdateInfo.vue b/dashboard_backup/src/views/security/SecurityUpdateInfo.vue
deleted file mode 100644
index e2f15cb..0000000
--- a/dashboard_backup/src/views/security/SecurityUpdateInfo.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-	<CardDetails :showDetails="showDetails">
-		<div class="px-6 py-5">
-			<template v-if="showDetails">
-				<div class="flex items-center justify-between">
-					<div>
-						<h4 class="text-lg font-medium">
-							Package: {{ secUpdateInfo.package }}
-						</h4>
-						<p class="mt-1 text-sm text-gray-600">
-							Version: {{ secUpdateInfo.version }}
-						</p>
-					</div>
-					<div class="justify-end">
-						<button
-							class="mr-4"
-							@click="redirectToUbuntuPage(secUpdateInfo.package)"
-						>
-							<span class="text-base text-blue-600">More Info</span>
-						</button>
-
-						<Badge
-							class="pointer-events-none"
-							variant="subtle"
-							size="lg"
-							:label="secUpdateInfo.priority"
-							:theme="getColor(secUpdateInfo.priority)"
-						/>
-					</div>
-				</div>
-			</template>
-			<div v-else>
-				<LoadingText v-if="loading" />
-				<span v-else class="text-center text-base text-gray-600">
-					No item selected
-				</span>
-			</div>
-		</div>
-		<div class="flex-auto overflow-auto px-6" v-if="showDetails">
-			<InfoSection
-				sectionName="Package Meta"
-				:sectionData="secUpdateInfo.package_meta"
-				:defaultOpen="true"
-			/>
-			<InfoSection
-				sectionName="Change Log"
-				:sectionData="secUpdateInfo.change_log"
-			/>
-		</div>
-	</CardDetails>
-</template>
-<script>
-import CardDetails from '@/components/CardDetails.vue';
-import InfoSection from './InfoSection.vue';
-
-export default {
-	name: 'SecurityUpdateInfo',
-	props: ['updateId', 'showDetails'],
-	inject: ['viewportWidth'],
-	components: {
-		CardDetails,
-		InfoSection
-	},
-	resources: {
-		secUpdateInfo() {
-			return {
-				url: 'jcloud.api.security.get_security_update_details',
-				params: { update_id: this.updateId },
-				auto: true
-			};
-		}
-	},
-	computed: {
-		secUpdateInfo() {
-			return this.$resources.secUpdateInfo.data;
-		}
-	},
-	methods: {
-		getColor(priority) {
-			switch (priority) {
-				case 'High':
-					return 'red';
-				case 'Medium':
-					return 'orange';
-				case 'Low':
-					return 'green';
-				default:
-					return 'gray';
-			}
-		},
-		redirectToUbuntuPage(packageName) {
-			window.open(`https://launchpad.net/ubuntu/+source/${packageName}`);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/SecurityUpdates.vue b/dashboard_backup/src/views/security/SecurityUpdates.vue
deleted file mode 100644
index c751ce5..0000000
--- a/dashboard_backup/src/views/security/SecurityUpdates.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-	<CardWithDetails title="Security Updates" subtitle="Pending security updates">
-		<div>
-			<router-link
-				v-for="sec_update in $resources.updates.data"
-				class="block cursor-pointer rounded-md px-2.5"
-				:class="
-					updateId === sec_update.name ? 'bg-gray-100' : 'hover:bg-gray-50'
-				"
-				:key="sec_update.name"
-				:to="updateRoute(sec_update.name)"
-			>
-				<ListItem
-					:title="sec_update.package"
-					:description="formatDate(sec_update.datetime)"
-				>
-					<template v-slot:actions>
-						<Badge
-							:label="sec_update.priority"
-							:theme="getColor(sec_update.priority)"
-						/>
-					</template>
-				</ListItem>
-				<div class="border-b"></div>
-			</router-link>
-			<div class="py-3" v-if="$resources.updates.hasNextPage">
-				<Button
-					:loading="$resources.updates.list.loading"
-					loadingText="Loading..."
-					@click="$resources.updates.next()"
-				>
-					Load more
-				</Button>
-			</div>
-		</div>
-		<template #details>
-			<SecurityUpdateInfo :showDetails="updateId" :updateId="updateId" />
-		</template>
-	</CardWithDetails>
-</template>
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import SecurityUpdateInfo from './SecurityUpdateInfo.vue';
-import { formatDate } from '@vueuse/core';
-
-export default {
-	name: 'SecurityUpdates',
-	props: ['server', 'updateId'],
-	inject: ['viewportWidth'],
-	components: {
-		CardWithDetails,
-		SecurityUpdateInfo
-	},
-	resources: {
-		updates() {
-			return {
-				type: 'list',
-				pagetype: 'Security Update',
-				url: 'jcloud.api.security.fetch_security_updates',
-				filters: { server: this.server?.name },
-				orderBy: 'priority_level asc',
-				pageLength: 10,
-				start: 0,
-				auto: true
-			};
-		}
-	},
-	methods: {
-		updateRoute(sec_update) {
-			return `/security/${this.server.name}/security_update/${sec_update}`;
-		},
-		getColor(priority) {
-			switch (priority) {
-				case 'High':
-					return 'red';
-				case 'Medium':
-					return 'orange';
-				case 'Low':
-					return 'green';
-				default:
-					return 'gray';
-			}
-		},
-		getDescription(priority) {
-			switch (priority) {
-				case 'High':
-					return 'Critical';
-				case 'Medium':
-					return 'Important';
-				case 'Low':
-					return 'Minor';
-				default:
-					return 'Unknown';
-			}
-		}
-	},
-	computed: {
-		updates() {
-			return this.$resources.updates.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/SecurityUpdatesOverview.vue b/dashboard_backup/src/views/security/SecurityUpdatesOverview.vue
deleted file mode 100644
index cb30e1b..0000000
--- a/dashboard_backup/src/views/security/SecurityUpdatesOverview.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-	<Card
-		class="h-full max-h-96 min-h-full"
-		title="Security Updates"
-		subtitle="Pedning security updates"
-	>
-		<div class="divide-y">
-			<router-link
-				v-for="sec_update in securityUpdates.data"
-				class="block cursor-pointer rounded-md px-2.5"
-				:key="sec_update.name"
-				:to="updateRoute(sec_update.name)"
-			>
-				<ListItem
-					:title="`Package: ${sec_update.package}`"
-					:description="getDescription(sec_update)"
-				>
-					<template v-slot:actions>
-						<Badge
-							:label="sec_update.priority"
-							:theme="getColor(sec_update.priority)"
-						/>
-					</template>
-				</ListItem>
-			</router-link>
-		</div>
-
-		<template #actions>
-			<router-link
-				class="text-base text-gray-700 hover:text-gray-800"
-				:to="`/security/${server.name}/security_update`"
-			>
-				View details →
-			</router-link>
-		</template>
-	</Card>
-</template>
-<script>
-export default {
-	name: 'SecurityUpdatesOverview',
-	props: ['server'],
-	inject: ['viewportWidth'],
-	resources: {
-		securityUpdates() {
-			return {
-				type: 'list',
-				pagetype: 'Security Update',
-				url: 'jcloud.api.security.fetch_security_updates',
-				filters: { server: this.server?.name },
-				orderBy: 'priority_level asc',
-				pageLength: 3,
-				start: 0,
-				auto: true
-			};
-		}
-	},
-	computed: {
-		securityUpdates() {
-			return this.$resources.securityUpdates;
-		}
-	},
-	methods: {
-		getDescription(a) {
-			return `Version: ${a.version} | ${this.formatDate(a.datetime)}`;
-		},
-		getColor(priority) {
-			switch (priority) {
-				case 'High':
-					return 'red';
-				case 'Medium':
-					return 'orange';
-				case 'Low':
-					return 'green';
-				default:
-					return 'gray';
-			}
-		},
-		updateRoute(sec_update) {
-			return `/security/${this.server.name}/security_update/${sec_update}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/security/Servers.vue b/dashboard_backup/src/views/security/Servers.vue
deleted file mode 100644
index 4021d94..0000000
--- a/dashboard_backup/src/views/security/Servers.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs :items="[{ label: 'Security', route: '/security' }]">
-			</Breadcrumbs>
-		</header>
-		<div>
-			<div class="mx-5 mt-5">
-				<div class="flex">
-					<div class="flex w-full space-x-2 pb-4">
-						<FormControl label="Search Servers" v-model="searchTerm">
-							<template #prefix>
-								<FeatherIcon name="search" class="w-4 text-gray-600" />
-							</template>
-						</FormControl>
-						<FormControl
-							label="Server Type"
-							class="mr-8"
-							type="select"
-							:options="serverTypeFilterOptions()"
-							v-model="server_type"
-						/>
-					</div>
-				</div>
-				<Table
-					:columns="[
-						{ label: 'Server Name', name: 'name' },
-						{ label: 'Security Updates', name: 'security_updates_status' },
-						{ label: '', name: 'actions', width: 0.5 }
-					]"
-					:rows="servers"
-					v-slot="{ rows, columns }"
-				>
-					<TableHeader class="hidden sm:grid" />
-					<TableRow v-for="row in rows" :key="row.name" :row="row">
-						<TableCell v-for="column in columns">
-							<Badge
-								v-if="column.name === 'security_updates_status'"
-								:label="row[column.name]"
-								:theme="row[column.name] === 'Up to date' ? 'green' : 'red'"
-							/>
-							<div
-								v-else-if="column.name == 'actions'"
-								class="w-full text-right"
-							>
-								<Dropdown @click.prevent :options="dropdownItems(row)">
-									<template v-slot="{ open }">
-										<Button
-											:variant="open ? 'subtle' : 'ghost'"
-											class="mr-2"
-											icon="more-horizontal"
-										/>
-									</template>
-								</Dropdown>
-							</div>
-							<span v-else>
-								{{ row[column.name] || '' }}
-							</span>
-						</TableCell>
-					</TableRow>
-					<div class="mt-8 flex items-center justify-center">
-						<LoadingText
-							v-if="
-								$resources.allServers.loading && !$resources.allServers.data
-							"
-						/>
-						<div
-							v-else-if="$resources.allServers.fetched && rows.length === 0"
-							class="text-base text-gray-700"
-						>
-							No Servers
-						</div>
-					</div>
-				</Table>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Table from '@/components/Table/Table.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-
-export default {
-	name: 'Servers',
-	components: {
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell
-	},
-	pageMeta() {
-		return {
-			title: 'Security - 今果 Jingrow'
-		};
-	},
-	data() {
-		return {
-			searchTerm: '',
-			server_type: 'All Servers'
-		};
-	},
-	resources: {
-		allServers() {
-			return {
-				url: 'jcloud.api.security.get_servers',
-				params: {
-					server_filter: { server_type: this.server_type, tag: '' }
-				},
-				auto: true,
-				cache: ['SecurityServerList', this.server_type, this.$account.team.name]
-			};
-		}
-	},
-	computed: {
-		servers() {
-			if (!this.$resources.allServers.data) {
-				return [];
-			}
-
-			let servers = this.$resources.allServers.data.filter(server =>
-				this.$account.hasPermission(server.name, '', true)
-			);
-
-			if (this.searchTerm)
-				servers = servers.filter(server =>
-					server.name.toLowerCase().includes(this.searchTerm.toLowerCase())
-				);
-
-			return servers.map(server => ({
-				...server,
-				name: server.title || server.name,
-				route: { name: 'SecurityOverview', params: { serverName: server.name } }
-			}));
-		}
-	},
-	methods: {
-		getServerFilterHeading() {
-			return this.serverFilter;
-		},
-		serverFilterOptions() {
-			const options = [
-				{
-					group: 'Types',
-					items: [
-						{
-							label: 'All Servers',
-							onClick: () => (this.serverFilter = 'All Servers')
-						},
-						{
-							label: 'App Servers',
-							onClick: () => (this.serverFilter = 'App Servers')
-						},
-						{
-							label: 'Database Servers',
-							onClick: () => (this.serverFilter = 'Database Servers')
-						}
-					]
-				}
-			];
-
-			return options;
-		},
-		serverTypeFilterOptions() {
-			return [
-				{
-					label: 'All Servers',
-					value: 'All Servers'
-				},
-				{
-					label: 'App Servers',
-					value: 'App Servers'
-				},
-				{
-					label: 'Database Servers',
-					value: 'Database Servers'
-				}
-			];
-		},
-		dropdownItems(server) {
-			return [
-				{
-					label: 'View Security Updates',
-					onClick: () => {
-						this.$router.push(
-							`/security/${server.route.params.serverName}/security_update`
-						);
-					}
-				},
-				{
-					label: 'Manage Firewall',
-					onClick: () => {
-						this.$router.push(`/security/${server.app_server}/firewall`);
-					}
-				},
-				{
-					label: 'SSH Sessions',
-					onClick: () => {
-						this.$router.push(`/security/${server.app_server}/ssh_session_log`);
-					}
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/EditServerTitleDialog.vue b/dashboard_backup/src/views/server/EditServerTitleDialog.vue
deleted file mode 100644
index 2fa628e..0000000
--- a/dashboard_backup/src/views/server/EditServerTitleDialog.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Edit Title',
-			actions: [
-				{
-					label: 'Update',
-					variant: 'solid',
-					loading: $resources.editTitle.loading,
-					onClick: () => $resources.editTitle.submit()
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template v-slot:body-content>
-			<FormControl label="Title" type="text" v-model="serverTitle" />
-			<ErrorMessage class="mt-4" :message="$resources.editTitle.error" />
-		</template>
-	</Dialog>
-</template>
-<script>
-export default {
-	name: 'EditServerTitleDialog',
-	props: ['modelValue', 'server'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			serverTitle: this.server.title
-		};
-	},
-	resources: {
-		editTitle() {
-			return {
-				url: 'jcloud.api.server.rename',
-				params: {
-					name: this.server?.name,
-					title: this.serverTitle
-				},
-				validate() {
-					if (this.serverTitle === this.server?.title) {
-						return 'No changes in server title';
-					}
-				},
-				onSuccess() {
-					this.show = false;
-					this.server.title = this.serverTitle;
-				}
-			};
-		}
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewAppServerPlans.vue b/dashboard_backup/src/views/server/NewAppServerPlans.vue
deleted file mode 100644
index 83d0b9e..0000000
--- a/dashboard_backup/src/views/server/NewAppServerPlans.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold">
-			Choose your application server plan
-		</label>
-		<p class="text-base text-gray-700">
-			Select a plan based on the type of usage you are expecting on your
-			application server.
-		</p>
-		<AlertBillingInformation class="mt-4" />
-		<div class="mt-4">
-			<ServerPlansTable
-				:plans="appPlanOptions"
-				:selectedPlan="selectedAppPlan"
-				@update:selectedPlan="plan => $emit('update:selectedAppPlan', plan)"
-			/>
-		</div>
-	</div>
-</template>
-<script>
-import ServerPlansTable from '@/components/ServerPlansTable.vue';
-import AlertBillingInformation from '@/components/AlertBillingInformation.vue';
-
-export default {
-	name: 'AppServerPlans',
-	emits: ['update:selectedAppPlan'],
-	props: ['options', 'selectedAppPlan', 'selectedRegion'],
-	components: {
-		ServerPlansTable,
-		AlertBillingInformation
-	},
-	computed: {
-		appPlanOptions() {
-			return this.options.app_plans.filter(
-				plan => plan.cluster == this.selectedRegion
-			);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewDBServerPlans.vue b/dashboard_backup/src/views/server/NewDBServerPlans.vue
deleted file mode 100644
index d7e6f4b..0000000
--- a/dashboard_backup/src/views/server/NewDBServerPlans.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold">
-			Choose your database server plan
-		</label>
-		<p class="text-base text-gray-700">
-			Select a plan based on the type of usage you are expecting on your
-			database server.
-		</p>
-		<AlertBillingInformation class="mt-4" />
-		<div class="mt-4">
-			<ServerPlansTable
-				:plans="dbPlanOptions"
-				:selectedPlan="selectedDBPlan"
-				@update:selectedPlan="plan => $emit('update:selectedDBPlan', plan)"
-			/>
-		</div>
-	</div>
-</template>
-<script>
-import ServerPlansTable from '@/components/ServerPlansTable.vue';
-import AlertBillingInformation from '@/components/AlertBillingInformation.vue';
-
-export default {
-	name: 'DBServerPlans',
-	emits: ['update:selectedDBPlan'],
-	props: ['options', 'selectedDBPlan', 'selectedRegion'],
-	components: {
-		ServerPlansTable,
-		AlertBillingInformation
-	},
-	computed: {
-		dbPlanOptions() {
-			return this.options.db_plans.filter(
-				plan => plan.cluster == this.selectedRegion
-			);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewSelfHostedServer.vue b/dashboard_backup/src/views/server/NewSelfHostedServer.vue
deleted file mode 100644
index cd62982..0000000
--- a/dashboard_backup/src/views/server/NewSelfHostedServer.vue
+++ /dev/null
@@ -1,235 +0,0 @@
-<template>
-	<WizardCard v-if="options">
-		<div class="mb-6 text-center">
-			<h1 class="text-2xl font-bold">Create a new Self Hosted Server</h1>
-		</div>
-		<Steps :steps="steps">
-			<template
-				v-slot="{ active: activeStep, next, previous, hasPrevious, hasNext }"
-			>
-				<div class="mt-8"></div>
-				<SelfHostedHostname
-					v-show="activeStep.name === 'SelfHostedHostname'"
-					v-model:title="title"
-				/>
-				<div class="mt-4">
-					<SelfHostedServerPlan
-						v-model:selectedPlan="selectedPlan"
-						:options="options"
-						v-show="activeStep.name === 'SelfHostedServerPlan'"
-					/>
-				</div>
-				<div>
-					<SelfHostedServerForm
-						v-show="activeStep.name === 'ServerDetails'"
-						v-model:appPublicIP="appPublicIP"
-						v-model:appPrivateIP="appPrivateIP"
-						v-model:dbPublicIP="dbPublicIP"
-						v-model:dbPrivateIP="dbPrivateIP"
-						v-model:error="ipInvalid"
-					/>
-				</div>
-
-				<div class="mt-4" v-if="activeStep.name === 'VerifyServer'">
-					<SelfHostedServerVerify v-model:ssh_key="ssh_key" />
-
-					<Button
-						v-if="$resources.verify.data === null"
-						@click="$resources.verify.submit()"
-						:loading="$resources.verify.loading"
-						variant="solid"
-					>
-						Verify Server
-					</Button>
-					<Button
-						v-else
-						:icon-left="playOutput ? 'check' : 'x'"
-						variant="solid"
-						:theme="playOutput ? 'gray' : 'red'"
-						:appearance="playOutput ? 'success' : 'warning'"
-						@click="$resources.verify.submit()"
-					>
-						{{ playOutput ? 'Server Verified' : 'Server Unreachable' }}
-					</Button>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.verify.error" />
-				<div class="mt-4">
-					<!-- Region consent checkbox -->
-					<div class="my-6" v-if="!hasNext">
-						<FormControl
-							id="region-consent"
-							type="checkbox"
-							label="I agree that the laws of the region selected by me shall stand
-							applicable to me and Jingrow."
-							class="rounded border-gray-300 focus:ring-blue-500"
-							v-model="agreedToRegionConsent"
-						/>
-					</div>
-					<ErrorMessage class="mb-4" :message="$resources.newServer.error" />
-
-					<div class="flex justify-between">
-						<Button v-if="hasPrevious" @click="previous"> Back </Button>
-
-						<Button
-							v-if="hasNext"
-							class="ml-auto"
-							variant="solid"
-							@click="nextStep(activeStep, next)"
-							:class="{ 'mt-2': hasPrevious }"
-						>
-							Next
-						</Button>
-						<Button
-							v-show="!hasNext"
-							class="ml-auto"
-							variant="solid"
-							:disabled="!playOutput || !this.agreedToRegionConsent"
-							@click="setupServers"
-							:loading="$resources.setupServer.loading"
-						>
-							Setup Server
-						</Button>
-					</div>
-				</div>
-			</template>
-		</Steps>
-	</WizardCard>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import Steps from '@/components/Steps.vue';
-import SelfHostedHostname from './NewSelfHostedServerHostname.vue';
-import SelfHostedServerForm from './NewSelfHostedServerForm.vue';
-import SelfHostedServerVerify from './SelfHostedServerVerify.vue';
-import SelfHostedServerPlan from './SelfHostedServerPlan.vue';
-export default {
-	name: 'NewSelfHostedServer',
-	components: {
-		WizardCard,
-		Steps,
-		SelfHostedHostname,
-		SelfHostedServerPlan,
-		SelfHostedServerForm,
-		SelfHostedServerVerify
-	},
-	data() {
-		return {
-			title: null,
-			options: null,
-			appPublicIP: null,
-			appPrivateIP: null,
-			dbPublicIP: null,
-			dbPrivateIP: null,
-			validationMessage: null,
-			serverDoc: null,
-			ssh_key: null,
-			selectedPlan: null,
-			dnsErrorMessage: null,
-			ipInvalid: false,
-			unreachable: false,
-			playOutput: false,
-			agreedToRegionConsent: false,
-			steps: [
-				{
-					name: 'SelfHostedHostname',
-					validate: () => {
-						return this.title;
-					}
-				},
-				{
-					name: 'SelfHostedServerPlan',
-					validate: () => {
-						return this.selectedPlan;
-					}
-				},
-				{
-					name: 'ServerDetails',
-					validate: () => {
-						return this.appPublicIP;
-					}
-				},
-				{
-					name: 'VerifyServer',
-					validate: () => {
-						return this.playOutput;
-					}
-				}
-			]
-		};
-	},
-	async mounted() {
-		const plans = await this.$call('jcloud.api.selfhosted.get_plans');
-		this.options = plans.map(plan => {
-			plan.disabled = !this.$account.hasBillingInfo;
-			plan.vcpu = 'Any';
-			return plan;
-		});
-		this.ssh_key = await this.$call('jcloud.api.selfhosted.sshkey');
-	},
-	resources: {
-		newServer() {
-			return {
-				url: 'jcloud.api.selfhosted.new',
-				params: {
-					server: {
-						title: this.title,
-						app_public_ip: this.appPublicIP,
-						app_private_ip: this.appPrivateIP,
-						db_public_ip: this.dbPublicIP,
-						db_private_ip: this.dbPrivateIP,
-						plan: this.selectedPlan
-					}
-				},
-				onSuccess(data) {
-					this.serverDoc = data;
-				}
-			};
-		},
-		verify() {
-			return {
-				url: 'jcloud.api.selfhosted.verify',
-				params: {
-					server: this.serverDoc
-				},
-				onSuccess(data) {
-					this.playOutput = data;
-				}
-			};
-		},
-		setupServer() {
-			return {
-				url: 'jcloud.api.selfhosted.setup',
-				params: {
-					server: this.serverDoc
-				},
-				validate() {
-					let canCreate = this.title;
-
-					if (!this.agreedToRegionConsent) {
-						return 'Please agree to the above consent to create server';
-					}
-					if (!canCreate) {
-						return 'Cannot create server';
-					}
-				}
-			};
-		}
-	},
-	computed: {},
-	methods: {
-		async nextStep(activeStep, next) {
-			if (activeStep.name === 'ServerDetails' && !this.ipInvalid) {
-				this.$resources.newServer.submit();
-			}
-			next();
-		},
-		async setupServers() {
-			await this.$resources.setupServer.submit();
-			if (this.agreedToRegionConsent) {
-				this.$router.replace(`/servers/`);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewSelfHostedServerForm.vue b/dashboard_backup/src/views/server/NewSelfHostedServerForm.vue
deleted file mode 100644
index 6321a18..0000000
--- a/dashboard_backup/src/views/server/NewSelfHostedServerForm.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<div>
-		<div class="mb-3">
-			<div>
-				<h2 class="space-y-1 mt-6 text-lg font-semibold">
-					Enter the Application Server Details
-				</h2>
-				<div class="mt-6 flex flex-col gap-4">
-					<p class="text-black-900 text-base">Public IP of the Server</p>
-					<FormControl
-						class="z-10 w-full rounded-r-none"
-						:value="appPublicIP"
-						@change="$emit('update:appPublicIP', $event.target.value)"
-					/>
-					<ErrorMessage class="text-sm" :message="publicIpErrorMessage" />
-
-					<p class="text-black-900 text-base">Private IP of the Server</p>
-					<FormControl
-						class="z-10 w-full rounded-r-none"
-						:value="appPrivateIP"
-						@change="$emit('update:appPrivateIP', $event.target.value)"
-					/>
-					<ErrorMessage class="text-sm" :message="privateIpErrorMessage" />
-				</div>
-
-				<h2 class="space-y-1 mt-8 text-lg font-semibold">
-					Enter the DB Server Details
-				</h2>
-				<div class="mt-6 flex flex-col gap-4">
-					<p class="text-black-900 text-base">Public IP of the DB Server</p>
-					<FormControl
-						class="z-10 w-full rounded-r-none"
-						:value="dbPublicIP"
-						@change="$emit('update:dbPublicIP', $event.target.value)"
-					/>
-					<ErrorMessage class="text-sm" :message="dbPublicIpErrorMessage" />
-
-					<p class="text-black-900 text-base">Private IP of the DB Server</p>
-					<FormControl
-						class="z-10 w-full rounded-r-none"
-						:value="dbPrivateIP"
-						@change="$emit('update:dbPrivateIP', $event.target.value)"
-					/>
-					<ErrorMessage class="text-sm" :message="dbPrivateIpErrorMessage" />
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'SelfHostedServerForm',
-	props: ['appPublicIP', 'appPrivateIP', 'dbPublicIP', 'dbPrivateIP', 'error'],
-	emits: [
-		'update:appPublicIP',
-		'update:appPrivateIP',
-		'update:dbPublicIP',
-		'update:dbPrivateIP',
-		'update:error'
-	],
-	watch: {
-		hasError() {
-			this.$emit('update:error', this.hasError);
-		}
-	},
-	mounted() {
-		this.$emit('update:error', this.hasError);
-	},
-	computed: {
-		publicIpErrorMessage() {
-			return this.validateIP(this.appPublicIP, 'Public');
-		},
-		dbPublicIpErrorMessage() {
-			return this.validateIP(this.dbPublicIP, 'DB Public');
-		},
-		privateIpErrorMessage() {
-			return this.validateIP(this.appPrivateIP, 'Private');
-		},
-		dbPrivateIpErrorMessage() {
-			return this.validateIP(this.dbPrivateIP, 'DB Private');
-		},
-		hasError() {
-			return (
-				this.publicIpErrorMessage !== null ||
-				this.privateIpErrorMessage !== null ||
-				this.dbPublicIpErrorMessage !== null ||
-				this.dbPrivateIpErrorMessage !== null
-			);
-		}
-	},
-	methods: {
-		validateIP(ip, type) {
-			try {
-				const stripped_ip = ip.replace(/\s+/g, '');
-				const ipAddressRegex = /^([0-9]{1,3}\.){3}[0-9]{1,3}$/;
-				const ver = ipAddressRegex.test(stripped_ip);
-				return ver ? null : `${type} IP is invalid`;
-			} catch {
-				return `${type} IP cannot be blank`;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewSelfHostedServerHostname.vue b/dashboard_backup/src/views/server/NewSelfHostedServerHostname.vue
deleted file mode 100644
index c5dea36..0000000
--- a/dashboard_backup/src/views/server/NewSelfHostedServerHostname.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold">
-			Choose a name for your Self Hosted server
-		</label>
-		<p class="my-3 text-base text-gray-700">
-			Name your server based on its purpose
-		</p>
-		<div class="space-y-2">
-			<FormControl
-				class="z-10 w-full rounded-r-none"
-				:value="title"
-				@change="titleChange"
-				placeholder="AcmeCorp Production Server"
-			/>
-		</div>
-		<ErrorMessage class="mt-4" :message="errorMessage" />
-	</div>
-</template>
-<script>
-export default {
-	name: 'SelfHostedHostname',
-	props: ['title'],
-	emits: ['update:title', 'error'],
-	data() {
-		return {
-			errorMessage: null
-		};
-	},
-	methods: {
-		async titleChange(e) {
-			let title = e.target.value;
-			this.$emit('update:title', title);
-			let error = this.validateTitle(title);
-			this.errorMessage = error;
-			this.$emit('error', error);
-		},
-		validateTitle(title) {
-			if (!title) {
-				return 'Server name cannot be left blank';
-			}
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewServer.vue b/dashboard_backup/src/views/server/NewServer.vue
deleted file mode 100644
index e13d066..0000000
--- a/dashboard_backup/src/views/server/NewServer.vue
+++ /dev/null
@@ -1,201 +0,0 @@
-<template>
-	<WizardCard v-if="options">
-		<div class="mb-6 text-center">
-			<h1 class="text-2xl font-bold">Create a new server</h1>
-		</div>
-		<Steps :steps="steps">
-			<template
-				v-slot="{ active: activeStep, next, previous, hasPrevious, hasNext }"
-			>
-				<div class="mt-8"></div>
-				<Hostname
-					:options="options"
-					v-show="activeStep.name === 'Hostname'"
-					v-model:title="title"
-					v-model:selectedRegion="selectedRegion"
-				/>
-				<AppServerPlans
-					v-model:selectedAppPlan="selectedAppPlan"
-					:options="options"
-					:selectedRegion="selectedRegion"
-					v-show="activeStep.name === 'AppServerPlan'"
-				/>
-				<DBServerPlans
-					v-model:selectedDBPlan="selectedDBPlan"
-					:options="options"
-					:selectedRegion="selectedRegion"
-					v-show="activeStep.name === 'DBServerPlan'"
-				/>
-				<VerifyServer
-					:options="options"
-					:selectedAppPlan="selectedAppPlan"
-					:selectedDBPlan="selectedDBPlan"
-					v-show="activeStep.name === 'VerifyServer'"
-				/>
-				<ErrorMessage :message="validationMessage" />
-				<div class="mt-4">
-					<!-- Region consent checkbox -->
-					<div class="my-6" v-if="!hasNext">
-						<input
-							id="region-consent"
-							type="checkbox"
-							class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-							v-model="agreedToRegionConsent"
-						/>
-						<label
-							for="region-consent"
-							class="ml-1 text-sm font-semibold text-gray-900"
-						>
-							I agree that the laws of the region selected by me shall stand
-							applicable to me and Jingrow.
-						</label>
-					</div>
-
-					<ErrorMessage class="mb-4" :message="$resources.newServer.error" />
-
-					<div class="flex justify-between">
-						<Button v-if="hasPrevious" @click="previous"> Back </Button>
-						<Button
-							v-if="hasNext"
-							class="ml-auto"
-							variant="solid"
-							@click="nextStep(activeStep, next)"
-							:class="{ 'mt-2': hasPrevious }"
-						>
-							Next
-						</Button>
-						<Button
-							v-show="!hasNext"
-							variant="solid"
-							class="ml-auto"
-							@click="$resources.newServer.submit()"
-							:loading="$resources.newServer.loading"
-						>
-							Create Servers
-						</Button>
-					</div>
-				</div>
-			</template>
-		</Steps>
-	</WizardCard>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import Steps from '@/components/Steps.vue';
-import Hostname from './NewServerHostname.vue';
-import AppServerPlans from './NewAppServerPlans.vue';
-import DBServerPlans from './NewDBServerPlans.vue';
-import VerifyServer from './NewVerifyServer.vue';
-
-export default {
-	name: 'NewServer',
-	components: {
-		WizardCard,
-		Steps,
-		Hostname,
-		AppServerPlans,
-		DBServerPlans,
-		VerifyServer
-	},
-	data() {
-		return {
-			title: null,
-			options: null,
-			selectedRegion: null,
-			selectedAppPlan: null,
-			selectedDBPlan: null,
-			validationMessage: null,
-			steps: [
-				{
-					name: 'Hostname',
-					validate: () => {
-						return this.title && this.selectedRegion;
-					}
-				},
-				{
-					name: 'AppServerPlan',
-					validate: () => {
-						return this.selectedAppPlan;
-					}
-				},
-				{
-					name: 'DBServerPlan',
-					validate: () => {
-						return this.selectedDBPlan;
-					}
-				},
-				{
-					name: 'VerifyServer'
-				}
-			],
-			agreedToRegionConsent: false
-		};
-	},
-	async mounted() {
-		this.options = await this.$call('jcloud.api.server.options');
-		this.options.app_plans = this.options.app_plans.map(plan => {
-			plan.disabled = !this.$account.hasBillingInfo;
-			return plan;
-		});
-		this.options.db_plans = this.options.db_plans.map(plan => {
-			plan.disabled = !this.$account.hasBillingInfo;
-			return plan;
-		});
-	},
-	resources: {
-		newServer() {
-			return {
-				url: 'jcloud.api.server.new',
-				params: {
-					server: {
-						title: this.title,
-						cluster: this.selectedRegion,
-						app_plan: this.selectedAppPlan?.name,
-						db_plan: this.selectedDBPlan?.name
-					}
-				},
-				onSuccess(data) {
-					let { server } = data;
-					this.$router.push(`/servers/${server}/install`);
-				},
-				validate() {
-					let canCreate =
-						this.title &&
-						this.selectedAppPlan &&
-						this.selectedDBPlan &&
-						this.selectedRegion;
-
-					if (!this.selectedAppPlan) {
-						return 'Please select a plan for application server';
-					}
-
-					if (!this.selectedDBPlan) {
-						return 'Please select a plan for database server';
-					}
-
-					if (!this.selectedRegion) {
-						return 'Please select the region';
-					}
-
-					if (!this.agreedToRegionConsent) {
-						document.getElementById('region-consent').focus();
-
-						return 'Please agree to the above consent to create server';
-					}
-
-					if (!canCreate) {
-						return 'Cannot create server';
-					}
-				}
-			};
-		}
-	},
-	computed: {},
-	methods: {
-		async nextStep(activeStep, next) {
-			next();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewServerHostname.vue b/dashboard_backup/src/views/server/NewServerHostname.vue
deleted file mode 100644
index 65bc11b..0000000
--- a/dashboard_backup/src/views/server/NewServerHostname.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold"> Choose a name for your server </label>
-		<p class="text-base text-gray-700">
-			Name your server based on its purpose. For e.g., Personal Websites,
-			Staging Server, etc.
-		</p>
-		<div class="mt-4 flex">
-			<FormControl
-				class="w-full"
-				:value="title"
-				@change="titleChange"
-				placeholder="Server"
-			/>
-		</div>
-		<div class="mt-6 space-y-1">
-			<h2 class="text-lg font-semibold">Select Region</h2>
-			<p class="text-base text-gray-700">
-				Select the datacenter region where your server should be created
-			</p>
-			<div class="mt-1">
-				<RichSelect
-					:value="selectedRegion"
-					@change="$emit('update:selectedRegion', $event)"
-					:options="regionOptions"
-				/>
-			</div>
-		</div>
-		<div class="mt-4">
-			<ErrorMessage :message="errorMessage" />
-		</div>
-	</div>
-</template>
-<script>
-import RichSelect from '@/components/RichSelect.vue';
-
-export default {
-	name: 'Hostname',
-	props: ['options', 'title', 'selectedRegion'],
-	emits: ['update:title', 'error', 'update:selectedRegion'],
-	data() {
-		return {
-			errorMessage: null
-		};
-	},
-	components: {
-		RichSelect
-	},
-	computed: {
-		regionOptions() {
-			return this.options.regions.map(d => ({
-				label: d.title,
-				value: d.name,
-				image: d.image,
-				beta: d.beta
-			}));
-		}
-	},
-	async mounted() {
-		if (this.regionOptions.length == 1) {
-			this.$emit('update:selectedRegion', this.regionOptions[0].value);
-		}
-	},
-	methods: {
-		async titleChange(e) {
-			let title = e.target.value;
-			this.$emit('update:title', title);
-			let error = this.validateTitle(title);
-			this.errorMessage = error;
-			this.$emit('error', error);
-		},
-		validateTitle(title) {
-			if (!title) {
-				return 'Server name cannot be left blank';
-			}
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/NewVerifyServer.vue b/dashboard_backup/src/views/server/NewVerifyServer.vue
deleted file mode 100644
index 6f4d0ea..0000000
--- a/dashboard_backup/src/views/server/NewVerifyServer.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<div>
-		<div class="mb-2">
-			<p class="text-base text-gray-700">
-				You have selected following server plans
-			</p>
-		</div>
-		<div clas="mt-4" v-if="selectedAppPlan">
-			<label class="text-base font-semibold">Application Server</label>
-			<div
-				class="focus-within:shadow-outline mt-2 flex rounded-md border px-4 py-3 text-left text-base"
-			>
-				<div class="w-1/4 text-gray-900">
-					<span class="font-semibold">
-						{{ $planTitle(selectedAppPlan) }}
-					</span>
-					<span v-if="selectedAppPlan.price_usd > 0"> /mo</span>
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ selectedAppPlan.vcpu }}
-					{{ $plural(selectedAppPlan.vcpu, 'vCPU', 'vCPUs') }}
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ formatBytes(selectedAppPlan.memory, 0, 2) }}
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ selectedAppPlan.instance_type }}
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ formatBytes(selectedAppPlan.disk, 0, 3) }}
-				</div>
-			</div>
-		</div>
-		<div class="mt-4" v-if="selectedDBPlan">
-			<label class="text-base font-semibold">Database Server</label>
-			<div
-				class="focus-within:shadow-outline mt-2 flex rounded-md border px-4 py-3 text-left text-base"
-			>
-				<div class="w-1/4 text-gray-900">
-					<span class="font-semibold">
-						{{ $planTitle(selectedDBPlan) }}
-					</span>
-					<span v-if="selectedDBPlan.price_usd > 0"> /mo</span>
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ selectedDBPlan.vcpu }}
-					{{ $plural(selectedDBPlan.vcpu, 'vCPU', 'vCPUs') }}
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ formatBytes(selectedDBPlan.memory, 0, 2) }}
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ selectedDBPlan.instance_type }}
-				</div>
-				<div class="w-1/4 text-gray-900">
-					{{ formatBytes(selectedDBPlan.disk, 0, 3) }}
-				</div>
-			</div>
-		</div>
-		<div class="mt-4" v-if="this.selectedAppPlan && this.selectedDBPlan">
-			<p class="text-base text-gray-700">
-				Your monthly bill will be
-				<span class="font-semibold">{{ $planTitle(totalPlan) }}</span>
-			</p>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'VerifyServer',
-	props: ['options', 'selectedAppPlan', 'selectedDBPlan'],
-	components: {},
-	computed: {
-		totalPlan() {
-			return {
-				plan_title:
-					this.selectedAppPlan.plan_title + this.selectedDBPlan.plan_title,
-				price_cny:
-					this.selectedAppPlan.price_cny + this.selectedDBPlan.price_cny,
-				price_usd:
-					this.selectedAppPlan.price_usd + this.selectedDBPlan.price_usd
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/SelfHostedServerPlan.vue b/dashboard_backup/src/views/server/SelfHostedServerPlan.vue
deleted file mode 100644
index 52721e9..0000000
--- a/dashboard_backup/src/views/server/SelfHostedServerPlan.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold">
-			Select plan for application and database self-hosted server
-			<br /><span class="text-sm text-gray-500">
-				For server management and support
-			</span>
-		</label>
-		<AlertBillingInformation class="mt-4" />
-		<div class="mt-4">
-			<ServerPlansTable
-				:plans="planOptions"
-				:selectedPlan="selectedPlan"
-				@update:selectedPlan="plan => $emit('update:selectedPlan', plan)"
-			/>
-		</div>
-	</div>
-</template>
-<script>
-import ServerPlansTable from '@/components/ServerPlansTable.vue';
-import AlertBillingInformation from '@/components/AlertBillingInformation.vue';
-
-export default {
-	name: 'SelfHostedServerPlan',
-	emits: ['update:selectedPlan'],
-	props: ['options', 'selectedPlan'],
-	components: {
-		ServerPlansTable,
-		AlertBillingInformation
-	},
-	computed: {
-		planOptions() {
-			return this.options;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/SelfHostedServerVerify.vue b/dashboard_backup/src/views/server/SelfHostedServerVerify.vue
deleted file mode 100644
index 554b362..0000000
--- a/dashboard_backup/src/views/server/SelfHostedServerVerify.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-	<div>
-		<div class="my-2">
-			<span class="text-base">
-				Add this SSH Key to
-				<span class="font-mono text-blue-500">~/.ssh/authorized_keys</span> file
-				of the Server you are adding</span
-			>
-		</div>
-		<ClickToCopyField :textContent="ssh_key" />
-		<div class="my-2 grid place-items-center"></div>
-	</div>
-</template>
-<script>
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-export default {
-	name: 'SelfHostedServerVerify',
-	props: ['ssh_key'],
-	components: {
-		ClickToCopyField
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/Server.vue b/dashboard_backup/src/views/server/Server.vue
deleted file mode 100644
index 79b3a96..0000000
--- a/dashboard_backup/src/views/server/Server.vue
+++ /dev/null
@@ -1,282 +0,0 @@
-<template>
-	<div>
-		<div v-if="server">
-			<div>
-				<header
-					class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-				>
-					<Breadcrumbs
-						:items="[
-							{ label: 'Servers', route: { name: 'Servers' } },
-							{
-								label: server?.title,
-								route: {
-									name: 'ServerOverview',
-									params: { serverName: server?.name }
-								}
-							}
-						]"
-					>
-						<template #actions>
-							<div>
-								<Button
-									v-if="server?.status === 'Active'"
-									icon-left="plus"
-									label="New Bench"
-									@click="
-										$router.push({
-											name: 'NewServerBench',
-											params: { server: server?.name }
-										})
-									"
-								/>
-								<Dropdown :options="serverActions">
-									<template v-slot="{ open }">
-										<Button
-											variant="ghost"
-											class="mr-2"
-											icon="more-horizontal"
-										/>
-									</template>
-								</Dropdown>
-							</div>
-						</template>
-					</Breadcrumbs>
-				</header>
-
-				<EditServerTitleDialog v-model="showEditTitleDialog" :server="server" />
-
-				<div
-					class="flex flex-col space-y-3 px-5 py-3 md:flex-row md:items-baseline md:justify-between md:space-y-0"
-				>
-					<div class="mt-2 flex items-center">
-						<h1 class="text-2xl font-bold">{{ server.title }}</h1>
-						<Badge class="ml-4" :label="server.status" />
-
-						<div
-							v-if="regionInfo"
-							class="ml-2 hidden cursor-default flex-row items-center self-end rounded-md bg-yellow-50 px-3 py-1 text-xs font-medium text-yellow-700 md:flex"
-						>
-							<img
-								v-if="regionInfo.image"
-								class="mr-2 h-4"
-								:src="regionInfo.image"
-								:alt="`Flag of ${regionInfo.title}`"
-								:title="regionInfo.image"
-							/>
-							<p>{{ regionInfo.title }}</p>
-						</div>
-					</div>
-					<div class="mb-10 flex flex-row justify-between md:hidden">
-						<div class="flex flex-row">
-							<div
-								v-if="regionInfo"
-								class="flex cursor-default flex-row items-center rounded-md bg-yellow-50 px-3 py-1 text-xs font-medium text-yellow-700"
-							>
-								<img
-									v-if="regionInfo.image"
-									class="mr-2 h-4"
-									:src="regionInfo.image"
-									:alt="`Flag of ${regionInfo.title}`"
-									:title="regionInfo.image"
-								/>
-								<p>{{ regionInfo.title }}</p>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		<div class="p-5 pt-1">
-			<Tabs :tabs="tabs">
-				<router-view v-slot="{ Component, route }">
-					<component v-if="server" :is="Component" :server="server"></component>
-				</router-view>
-			</Tabs>
-		</div>
-	</div>
-</template>
-
-<script>
-import EditServerTitleDialog from './EditServerTitleDialog.vue';
-import Tabs from '@/components/Tabs.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'Server',
-	pageMeta() {
-		return {
-			title: `Server - ${this.serverName} - 今果 Jingrow`
-		};
-	},
-	props: ['serverName'],
-	components: {
-		EditServerTitleDialog,
-		Tabs
-	},
-	data() {
-		return {
-			runningJob: false,
-			runningPlay: false,
-			showEditTitleDialog: false,
-			errorMessage: ''
-		};
-	},
-	resources: {
-		server() {
-			return {
-				url: 'jcloud.api.server.get',
-				params: {
-					name: this.serverName
-				},
-				auto: true,
-				onSuccess() {
-					this.routeToGeneral();
-				},
-				onError: this.$routeTo404PageIfNotFound
-			};
-		},
-		reboot() {
-			return {
-				url: 'jcloud.api.server.reboot',
-				params: {
-					name: this.serverName
-				},
-				onSuccess(data) {
-					notify({
-						title: 'Server Reboot Scheduled Successfully',
-						color: 'green',
-						icon: 'check'
-					});
-					this.$resources.server.reload();
-				},
-				onError() {
-					notify({
-						title: 'An error occurred',
-						color: 'red',
-						icon: 'x'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		routeToGeneral() {
-			if (this.$route.matched.length === 1) {
-				let path = this.$route.fullPath;
-				this.$router.replace(`${path}/overview`);
-			}
-		}
-	},
-	computed: {
-		server() {
-			return this.$resources.server.data;
-		},
-
-		regionInfo() {
-			if (!this.$resources.server.loading && this.$resources.server.data) {
-				return this.$resources.server.data.region_info;
-			}
-			return null;
-		},
-
-		serverActions() {
-			return [
-				{
-					label: 'Edit Title',
-					icon: 'edit',
-					onClick: () => (this.showEditTitleDialog = true)
-				},
-				{
-					label: 'Visit Server',
-					icon: 'external-link',
-					condition: () =>
-						['Active', 'Updating'].includes(this.server.status) &&
-						this.$account.user.user_type === 'System User',
-					onClick: () => {
-						window.open(`https://${this.server.name}`, '_blank');
-					}
-				},
-				{
-					label: 'View in Desk',
-					icon: 'external-link',
-					condition: () => this.$account.user.user_type == 'System User',
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/${this.server.type}/${this.server.name}`,
-							'_blank'
-						);
-					}
-				},
-				{
-					label: 'Reboot',
-					icon: 'tool',
-					condition: () =>
-						this.server.status === 'Active' &&
-						this.$account.hasPermission(
-							this.server.name,
-							'jcloud.api.server.reboot'
-						),
-					loading: this.$resources.reboot.loading,
-					onClick: () => {
-						return this.$resources.reboot.submit();
-					}
-				},
-				{
-					label: 'Impersonate Team',
-					icon: 'tool',
-					condition: () => this.$account.user.user_type == 'System User',
-					onClick: async () => {
-						await this.$account.switchTeam(this.server.team);
-						notify({
-							title: 'Switched Team',
-							message: `Switched to ${this.server.team}`,
-							icon: 'check',
-							color: 'green'
-						});
-					}
-				}
-			];
-		},
-
-		tabs() {
-			let tabRoute = subRoute => `/servers/${this.serverName}/${subRoute}`;
-			let tabs = [
-				{ label: 'Installing', route: 'install' },
-				{ label: 'Overview', route: 'overview' },
-				{ label: 'Analytics', route: 'analytics' },
-				{ label: 'Benches', route: 'benches' },
-				{ label: 'Jobs', route: 'jobs', showRedDot: this.runningJob },
-				{ label: 'Plays', route: 'plays', showRedDot: this.runningPlay },
-				{ label: 'Settings', route: 'settings' }
-			];
-
-			let tabsByStatus = {
-				Active: [
-					'Overview',
-					'Analytics',
-					'Benches',
-					'Jobs',
-					'Plays',
-					'Settings'
-				],
-				Pending: ['Installing'],
-				Installing: ['Installing', 'Plays']
-			};
-			if (this.server) {
-				let tabsToShow = tabsByStatus[this.server.status];
-				if (tabsToShow?.length) {
-					tabs = tabs.filter(tab => tabsToShow.includes(tab.label));
-				}
-				return tabs.map(tab => {
-					return {
-						...tab,
-						route: tabRoute(tab.route)
-					};
-				});
-			}
-			return [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerAnalytics.vue b/dashboard_backup/src/views/server/ServerAnalytics.vue
deleted file mode 100644
index bf148cc..0000000
--- a/dashboard_backup/src/views/server/ServerAnalytics.vue
+++ /dev/null
@@ -1,317 +0,0 @@
-<template>
-	<div class="space-y-4">
-		<div class="flex space-x-2">
-			<FormControl
-				class="w-40"
-				label="Server"
-				type="select"
-				:options="serverOptions"
-				v-model="chosenServer"
-			/>
-			<FormControl
-				class="w-32"
-				label="Duration"
-				type="select"
-				:options="
-					durationOptions.map(option => ({ label: option, value: option }))
-				"
-				v-model="duration"
-			/>
-		</div>
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-			<LineChart
-				type="time"
-				title="CPU"
-				:key="cpuData"
-				:data="cpuData"
-				unit="%"
-				:chartTheme="[
-					$theme.colors.green[500], // idle
-					$theme.colors.red[500], // iowait
-					$theme.colors.yellow[500], // irq
-					$theme.colors.pink[500], // nice
-					$theme.colors.purple[500], // softirq
-					$theme.colors.blue[500], // steal
-					$theme.colors.teal[500], // system
-					$theme.colors.cyan[500] // user
-				]"
-				:loading="$resources.cpu.loading"
-				:error="$resources.cpu.error"
-			/>
-
-			<LineChart
-				type="time"
-				title="Load Average"
-				:key="loadAverageData"
-				:data="loadAverageData"
-				:chartTheme="[
-					$theme.colors.green[500],
-					$theme.colors.yellow[400],
-					$theme.colors.red[500]
-				]"
-				:loading="$resources.loadavg.loading"
-				:error="$resources.loadavg.error"
-			/>
-
-			<LineChart
-				type="time"
-				title="Memory"
-				:key="memoryData"
-				:data="memoryData"
-				unit="bytes"
-				:chartTheme="[$theme.colors.yellow[500]]"
-				:loading="$resources.memory.loading"
-				:error="$resources.memory.error"
-			/>
-
-			<LineChart
-				type="time"
-				title="Disk Space"
-				:key="spaceData"
-				:data="spaceData"
-				unit="%"
-				:chartTheme="[$theme.colors.red[500]]"
-				:loading="$resources.space.loading"
-				:error="$resources.space.error"
-			/>
-
-			<LineChart
-				type="time"
-				title="Network"
-				:key="networkData"
-				:data="networkData"
-				unit="bytes"
-				:chartTheme="[$theme.colors.blue[500]]"
-				:loading="$resources.network.loading"
-				:error="$resources.network.error"
-			/>
-			<LineChart
-				type="time"
-				title="Disk I/O"
-				:key="iopsData"
-				:data="iopsData"
-				unit="I0ps"
-				:chartTheme="[$theme.colors.purple[500]]"
-				:loading="$resources.iops.loading"
-				:error="$resources.iops.error"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import { DateTime } from 'luxon';
-import { getCachedDocumentResource } from 'jingrow-ui';
-import LineChart from '@/components/charts/LineChart.vue';
-
-export default {
-	name: 'ServerAnalytics',
-	props: ['serverName'],
-	components: {
-		LineChart
-	},
-	data() {
-		return {
-			duration: '1 Hour',
-			chosenServer: this.$route.query.server ?? this.serverName,
-			durationOptions: ['1 Hour', '6 Hour', '24 Hour', '7 Days', '15 Days']
-		};
-	},
-	watch: {
-		chosenServer() {
-			this.$router.push({
-				query: {
-					server: this.chosenServer
-				}
-			});
-		}
-	},
-	resources: {
-		loadavg() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: localTimezone,
-					query: 'loadavg',
-					duration: this.duration
-				},
-				auto: true
-			};
-		},
-		cpu() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: localTimezone,
-					query: 'cpu',
-					duration: this.duration
-				},
-				auto: true
-			};
-		},
-		memory() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: localTimezone,
-					query: 'memory',
-					duration: this.duration
-				},
-				auto: true
-			};
-		},
-		network() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: localTimezone,
-					query: 'network',
-					duration: this.duration
-				},
-				auto: true
-			};
-		},
-		iops() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: localTimezone,
-					query: 'iops',
-					duration: this.duration
-				},
-				auto: true
-			};
-		},
-		space() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: localTimezone,
-					query: 'space',
-					duration: this.duration
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		$server() {
-			return getCachedDocumentResource('Server', this.serverName);
-		},
-		serverOptions() {
-			return [
-				{
-					label: 'Application Server',
-					value: this.$server.pg.name
-				},
-				{
-					label: 'Database Server',
-					value: this.$server.pg.database_server
-				},
-				{
-					label: 'Replication Server',
-					value: this.$server.pg.replication_server
-				}
-			].filter(v => v.value);
-		},
-		loadAverageData() {
-			let loadavg = this.$resources.loadavg.data;
-			if (!loadavg) return;
-
-			loadavg.datasets.sort(
-				(a, b) => Number(a.name.split(' ')[2]) - Number(b.name.split(' ')[2])
-			);
-
-			return this.transformMultiLineChartData(loadavg);
-		},
-		cpuData() {
-			let cpu = this.$resources.cpu.data;
-			if (!cpu) return;
-
-			return this.transformMultiLineChartData(cpu, 'cpu', true);
-		},
-		memoryData() {
-			let memory = this.$resources.memory.data;
-			if (!memory) return;
-
-			return this.transformSingleLineChartData(memory);
-		},
-		iopsData() {
-			let iops = this.$resources.iops.data;
-			if (!iops) return;
-
-			return this.transformSingleLineChartData(iops);
-		},
-		spaceData() {
-			let space = this.$resources.space.data;
-			if (!space) return;
-
-			return this.transformSingleLineChartData(space, true);
-		},
-		networkData() {
-			let network = this.$resources.network.data;
-			if (!network) return;
-
-			return this.transformSingleLineChartData(network);
-		}
-	},
-	methods: {
-		transformSingleLineChartData(data, percentage = false) {
-			if (!data.datasets?.length) return;
-
-			let dataset = [];
-			const name = data.datasets ? data.datasets[0]?.name : null;
-			for (let index = 0; index < data.datasets[0].values.length; index++) {
-				dataset.push([
-					+new Date(data.labels[index]),
-					data.datasets[0].values[index]
-				]);
-			}
-
-			return {
-				datasets: [{ dataset: dataset, name }],
-				yMax: percentage ? 100 : null
-			};
-		},
-		transformMultiLineChartData(data, stack = null, percentage = false) {
-			if (!data.datasets?.length) return;
-
-			let total = [];
-			if (percentage) {
-				// the sum of each cpu values tends to differ by few values
-				// so we need to calculate the total for each timestamp
-				for (let i = 0; i < data.datasets[0].values.length; i++) {
-					for (let j = 0; j < data.datasets.length; j++) {
-						if (!total[i]) total[i] = 0;
-						total[i] += data.datasets[j].values[i];
-					}
-				}
-			}
-			const datasets = data.datasets.map(({ name, values }) => {
-				let dataset = [];
-				for (let i = 0; i < values.length; i++) {
-					dataset.push([
-						+new Date(data.labels[i]),
-						percentage ? (values[i] / total[i]) * 100 : values[i]
-					]);
-				}
-				return { name, dataset, stack };
-			});
-
-			return { datasets, yMax: percentage ? 100 : null };
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerBenches.vue b/dashboard_backup/src/views/server/ServerBenches.vue
deleted file mode 100644
index 92966e2..0000000
--- a/dashboard_backup/src/views/server/ServerBenches.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-	<Table
-		:columns="[
-			{ label: 'Bench Name', name: 'title', width: 2 },
-			{ label: 'Status', name: 'status' },
-			{ label: 'Version', name: 'version' },
-			{ label: 'Tags', name: 'tags' },
-			{ label: 'Stats', name: 'stats' },
-			{ label: '', name: 'actions', width: 0.5 }
-		]"
-		:rows="benches"
-		v-slot="{ rows, columns }"
-	>
-		<TableHeader class="hidden sm:grid" />
-		<div class="flex items-center justify-center">
-			<LoadingText class="mt-8" v-if="$resources.benches.loading" />
-			<div v-else-if="rows.length === 0" class="mt-8">
-				<div class="text-base text-gray-700">No Items</div>
-			</div>
-		</div>
-		<TableRow v-for="row in rows" :key="row.name" :row="row">
-			<TableCell v-for="column in columns">
-				<Badge
-					class="ring-1 ring-white"
-					v-if="column.name === 'status'"
-					:label="row.status"
-				/>
-				<div v-else-if="column.name === 'tags'" class="hidden sm:flex">
-					<Badge
-						v-for="(tag, i) in row.tags.slice(0, 1)"
-						theme="blue"
-						:label="tag"
-					/>
-					<Tooltip
-						v-if="row.tags.length > 1"
-						:text="row.tags.slice(1).join(', ')"
-					>
-						<Badge
-							v-if="row.tags.length > 1"
-							:label="`+${row.tags.length - 1}`"
-						/>
-					</Tooltip>
-				</div>
-				<div
-					v-else-if="column.name === 'stats'"
-					class="hidden text-sm text-gray-600 sm:block"
-				>
-					{{
-						`${row.stats.number_of_sites} ${$plural(
-							row.stats.number_of_sites,
-							'Site',
-							'Sites'
-						)}`
-					}}
-					&middot;
-					{{
-						`${row.stats.number_of_apps} ${$plural(
-							row.stats.number_of_apps,
-							'App',
-							'Apps'
-						)}`
-					}}
-				</div>
-				<div v-else-if="column.name == 'actions'" class="w-full text-right">
-					<Dropdown @click.prevent :options="dropdownItems(row)">
-						<template v-slot="{ open }">
-							<Button
-								:variant="open ? 'subtle' : 'ghost'"
-								class="mr-2"
-								icon="more-horizontal"
-							/>
-						</template>
-					</Dropdown>
-				</div>
-				<span v-else :class="{ 'hidden sm:block': column.name === 'version' }"
-					>{{ row[column.name] || '' }}
-				</span>
-			</TableCell>
-		</TableRow>
-	</Table>
-</template>
-<script>
-import Table from '@/components/Table/Table.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-
-export default {
-	name: 'ServerBenches',
-	components: {
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell
-	},
-	props: ['server', 'serverName'],
-	resources: {
-		benches() {
-			return {
-				url: 'jcloud.api.server.groups',
-				params: {
-					name: this.serverName
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		benches() {
-			if (!this.$resources.benches.data) {
-				return [];
-			}
-
-			return this.$resources.benches.data.map(bench => ({
-				name: bench.name,
-				title: bench.title,
-				status: bench.status,
-				version: bench.version,
-				stats: {
-					number_of_sites: bench.number_of_sites,
-					number_of_apps: bench.number_of_apps
-				},
-				tags: bench.tags,
-				route: { name: 'BenchSiteList', params: { benchName: bench.name } }
-			}));
-		}
-	},
-	methods: {
-		dropdownItems(bench) {
-			return [
-				{
-					label: 'New Site',
-					onClick: () => {
-						this.$router.push(`/${bench.name}/new`);
-					}
-				},
-				{
-					label: 'View Versions',
-					onClick: () => {
-						this.$router.push(`/groups/${bench.name}/versions`);
-					}
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerDrop.vue b/dashboard_backup/src/views/server/ServerDrop.vue
deleted file mode 100644
index 0493158..0000000
--- a/dashboard_backup/src/views/server/ServerDrop.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<div class="shrink-0">
-		<slot v-bind="{ showDialog }"></slot>
-		<Dialog
-			:options="{
-				title: 'Drop Server',
-				actions: [
-					{
-						label: 'Drop Server',
-						variant: 'solid',
-						theme: 'red',
-						loading: $resources.dropServer.loading,
-						onClick: () => $resources.dropServer.submit()
-					}
-				]
-			}"
-			v-model="dialogOpen"
-		>
-			<template v-slot:body-content>
-				<p class="text-base">
-					Are you sure you want to drop your server? The server will be archived
-					and all of the benches and sites on it will be deleted. This action
-					cannot be undone.
-				</p>
-				<p class="mt-4 text-base">
-					Please type
-					<span class="font-semibold">{{ server.name }}</span> to confirm.
-				</p>
-				<FormControl class="mt-4 w-full" v-model="confirmServerName" />
-				<ErrorMessage class="mt-2" :message="$resources.dropServer.error" />
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'ServerDrop',
-	props: ['server'],
-	data() {
-		return {
-			dialogOpen: false,
-			confirmServerName: null
-		};
-	},
-	resources: {
-		dropServer() {
-			return {
-				url: 'jcloud.api.server.archive',
-				params: {
-					name: this.server?.name
-				},
-				onSuccess() {
-					this.dialogOpen = false;
-					this.$router.push('/servers');
-				},
-				validate() {
-					if (this.server?.name !== this.confirmServerName) {
-						return 'Please type the server name to confirm';
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		showDialog() {
-			this.dialogOpen = true;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerInstall.vue b/dashboard_backup/src/views/server/ServerInstall.vue
deleted file mode 100644
index 1bb0c71..0000000
--- a/dashboard_backup/src/views/server/ServerInstall.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-	<Section
-		v-if="creationJob"
-		title="Your server is being setup ..."
-		description="Please wait while we set up your server for use"
-	>
-		<SectionCard>
-			<div
-				v-for="step in creationJob.steps"
-				class="flex items-center px-6 py-2 text-base"
-				:key="step.name"
-			>
-				<div class="h-4 w-4 text-gray-800">
-					<Spinner
-						class="h-3 w-3 text-gray-500"
-						v-if="step.status === 'Running'"
-					/>
-					<FeatherIcon
-						v-else
-						class="h-4 w-4"
-						:class="{ spin: step.status === 'Running' }"
-						:name="iconMap[step.status]"
-					/>
-				</div>
-				<span class="ml-2">{{ step.step_name }}</span>
-			</div>
-		</SectionCard>
-	</Section>
-</template>
-
-<script>
-export default {
-	name: 'ServerInstall',
-	props: ['server'],
-	data() {
-		return {
-			iconMap: {
-				Running: 'loader',
-				Success: 'check',
-				Pending: 'minus'
-			},
-			creationJob: null
-		};
-	},
-	mounted() {
-		this.$socket.on('jcloud_job_update', this.onJcloudJobUpdate);
-		this.fetchJob();
-	},
-	unmounted() {
-		this.$socket.emit('pg_unsubscribe', 'Jcloud Job', this.creationJob.name);
-		this.$socket.off('jcloud_job_update', this.onJcloudJobUpdate);
-	},
-	methods: {
-		onJcloudJobUpdate(data) {
-			if (
-				data.server === this.server.name &&
-				data.job_type === 'Create Server'
-			) {
-				this.creationJob = data;
-				if (
-					data.status === 'Success' &&
-					this.$route.path.startsWith(`/servers/${this.server.name}`)
-				) {
-					this.creationJob = null;
-					this.$router.replace(`/servers/${this.server.name}/overview`);
-				}
-			}
-		},
-		async fetchJob() {
-			let jobs = await this.$call('jcloud.api.server.jcloud_jobs', {
-				name: this.server.name
-			});
-			jobs.forEach(job => {
-				if (job.job_type === 'Create Server') {
-					this.creationJob = job;
-					this.$socket.emit('pg_subscribe', 'Jcloud Job', job.name);
-				}
-			});
-			if (this.creationJob?.status === 'Success') {
-				this.$router.replace(`/servers/${this.server.name}/overview`);
-			}
-		}
-	}
-};
-</script>
-
-<style>
-.spin {
-	animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-	100% {
-		transform: rotate(360deg);
-	}
-}
-</style>
diff --git a/dashboard_backup/src/views/server/ServerJobs.vue b/dashboard_backup/src/views/server/ServerJobs.vue
deleted file mode 100644
index 0b5f601..0000000
--- a/dashboard_backup/src/views/server/ServerJobs.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-	<AgentJobs
-		title="Jobs"
-		subtitle="History of jobs that ran on your server"
-		:resource="jobResource"
-		:jobName="jobName"
-		:jobRoute="jobRoute"
-	/>
-</template>
-<script>
-import AgentJobs from '@/views/general/AgentJobs.vue';
-export default {
-	name: 'ServerJobs',
-	props: ['serverName', 'jobName'],
-	components: {
-		AgentJobs
-	},
-	methods: {
-		jobResource() {
-			return {
-				type: 'list',
-				pagetype: 'Agent Job',
-				url: 'jcloud.api.server.jobs',
-				filters: { server: this.serverName },
-				orderBy: 'creation desc',
-				start: 0,
-				pageLength: 10,
-				auto: true
-			};
-		},
-		jobRoute(job) {
-			return `/servers/${this.serverName}/jobs/${job.name}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerOverview.vue b/dashboard_backup/src/views/server/ServerOverview.vue
deleted file mode 100644
index b4eebe5..0000000
--- a/dashboard_backup/src/views/server/ServerOverview.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup>
-import { createResource } from 'jingrow-ui';
-import ServerOverviewPlan from './ServerOverviewPlan.vue';
-import ServerOverviewInfo from './ServerOverviewInfo.vue';
-
-const props = defineProps({ server: Object, serverName: String });
-
-const overview = createResource({
-	url: 'jcloud.api.server.overview',
-	params: { name: props.serverName },
-	auto: true
-});
-</script>
-
-<template>
-	<div class="space-y-5" v-if="server">
-		<div
-			class="grid grid-cols-1 gap-5 sm:grid-cols-2"
-			v-if="server && overview.data"
-		>
-			<ServerOverviewPlan
-				v-if="overview.data.plan"
-				:server="server"
-				:plan="overview.data.plan"
-				@plan-change="overview.reload()"
-			/>
-			<ServerOverviewInfo :server="server" :info="overview.data.info" />
-		</div>
-	</div>
-</template>
diff --git a/dashboard_backup/src/views/server/ServerOverviewInfo.vue b/dashboard_backup/src/views/server/ServerOverviewInfo.vue
deleted file mode 100644
index 6cfbb08..0000000
--- a/dashboard_backup/src/views/server/ServerOverviewInfo.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-	<Card title="Server Info" subtitle="General information about your server">
-		<div class="divide-y">
-			<div class="flex items-center py-3">
-				<Avatar
-					v-if="info.owner"
-					:image="info.owner.user_image"
-					:label="info.owner.first_name"
-				/>
-				<div class="ml-3 flex flex-1 items-center justify-between">
-					<div>
-						<div class="text-base text-gray-600">Owned By</div>
-						<div class="text-base font-medium text-gray-900">
-							{{ info.owner.first_name }}
-							{{ info.owner.last_name }}
-						</div>
-					</div>
-					<div class="text-right">
-						<div class="text-base text-gray-600">Created On</div>
-						<div class="text-base font-medium text-gray-900">
-							{{ formatDate(info.created_on, 'DATE_FULL') }}
-						</div>
-					</div>
-					<div v-if="info.last_deployed" class="text-right">
-						<div class="text-base text-gray-600">Last Deployed</div>
-
-						<div class="text-base font-medium text-gray-900">
-							{{
-								$date(info.last_deployed).toLocaleString({
-									month: 'long',
-									day: 'numeric'
-								})
-							}}
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<ListItem
-				v-if="server.status !== 'Pending'"
-				title="Drop Server"
-				description="Once you drop server your server, there is no going back"
-			>
-				<template v-slot:actions>
-					<ServerDrop :server="server" v-slot="{ showDialog }">
-						<Tooltip
-							:text="
-								!permissions.drop
-									? `You don't have enough permissions to perform this action`
-									: 'Drop Site'
-							"
-						>
-							<Button
-								theme="red"
-								@click="showDialog"
-								:disabled="!permissions.drop"
-							>
-								<span class="text-red-600">Drop Server</span>
-							</Button>
-						</Tooltip>
-					</ServerDrop>
-				</template>
-			</ListItem>
-		</div>
-	</Card>
-</template>
-<script>
-import ServerDrop from './ServerDrop.vue';
-export default {
-	name: 'ServerOverviewInfo',
-	props: ['server', 'info'],
-	components: { ServerDrop },
-	data() {
-		return {
-			loading: false
-		};
-	},
-	computed: {
-		permissions() {
-			return {
-				drop: this.$account.hasPermission(
-					this.server.name,
-					'jcloud.api.server.archive'
-				)
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerOverviewPlan.vue b/dashboard_backup/src/views/server/ServerOverviewPlan.vue
deleted file mode 100644
index 1068071..0000000
--- a/dashboard_backup/src/views/server/ServerOverviewPlan.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<template>
-	<Card
-		title="Plan"
-		:subtitle="'Upgrade or downgrade your plan based on your usage'"
-	>
-		<template #actions>
-			<Button
-				@click="
-					() => {
-						showChangePlanDialog = true;
-						!plans.length && $resources.plans.fetch();
-					}
-				"
-			>
-				Change
-			</Button>
-		</template>
-
-		<div v-if="plan" class="flex items-center rounded-lg bg-gray-50 p-5">
-			<PlanIcon />
-			<div class="ml-4">
-				<h4 class="text-4xl font-semibold text-gray-900">
-					{{ $planTitle(plan) }}
-					<span v-if="plan.price_usd > 0" class="text-lg"> /mo </span>
-				</h4>
-				<p class="text-base text-gray-700">
-					{{ plan.vcpu }} {{ $plural(plan.vcpu, 'vCPU', 'vCPUs') }} +
-					{{ formatBytes(plan.memory, 0, 2) }} Memory +
-					{{ formatBytes(plan.disk, 0, 3) }} Storage
-				</p>
-			</div>
-		</div>
-		<div v-if="plan && used?.memory" class="mt-4 grid grid-cols-3 gap-12">
-			<div v-for="d in usage" :key="d.label">
-				<ProgressArc :percentage="d.percentage" />
-				<div class="mt-2 text-base font-medium text-gray-900">
-					{{ d.label }}
-					{{
-						isNaN(d.percentage) ? '' : `(${Number(d.percentage).toFixed(1)}%)`
-					}}
-				</div>
-				<div class="mt-1 text-xs text-gray-600">{{ d.value }}</div>
-			</div>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Change Plan',
-				actions: [
-					{
-						label: 'Submit',
-						variant: 'solid',
-						loading: $resources.changePlan.loading,
-						onClick: () => $resources.changePlan.submit()
-					}
-				]
-			}"
-			v-model="showChangePlanDialog"
-		>
-			<template v-slot:body-content>
-				<ServerPlansTable
-					class="mt-6"
-					:plans="plans"
-					v-model:selectedPlan="selectedPlan"
-				/>
-				<ErrorMessage class="mt-4" :message="$resources.changePlan.error" />
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import ServerPlansTable from '@/components/ServerPlansTable.vue';
-import ProgressArc from '@/components/ProgressArc.vue';
-import PlanIcon from '@/components/PlanIcon.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'ServerOverviewPlan',
-	props: ['server', 'plan'],
-	components: {
-		ServerPlansTable,
-		ProgressArc,
-		PlanIcon
-	},
-	data() {
-		return {
-			showChangePlanDialog: false,
-			selectedPlan: null
-		};
-	},
-	resources: {
-		usageResource() {
-			return {
-				url: 'jcloud.api.server.usage',
-				params: {
-					name: this.server?.name
-				},
-				initialData: {},
-				auto: true
-			};
-		},
-		plans() {
-			return {
-				url: 'jcloud.api.server.plans',
-				params: {
-					name: 'Server',
-					cluster: this.server.region_info.name
-				},
-				initialData: []
-			};
-		},
-		changePlan() {
-			return {
-				url: 'jcloud.api.server.change_plan',
-				params: {
-					name: this.server?.name,
-					plan: this.selectedPlan?.name
-				},
-				onSuccess() {
-					notify({
-						title: `Plan changed to ${this.selectedPlan.plan_title}`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.showChangePlanDialog = false;
-					this.selectedPlan = null;
-					this.$emit('plan-change');
-					this.$resources.plans.reset();
-				},
-				onError(error) {
-					this.showChangePlanDialog = false;
-					notify({
-						title: error,
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		plan_title(plan) {
-			let china = this.$account.team.country == 'china';
-			let currency = china ? '¥' : '$';
-			let price_field = china ? 'price_cny' : 'price_usd';
-			let price = plan[price_field];
-			return price > 0 ? `${currency}${price}` : plan.plan_title;
-		}
-	},
-	computed: {
-		plans() {
-			let processedPlans = this.$resources.plans.data.map(plan => {
-				if (this.plan.name === plan.name) {
-					plan.disabled = true;
-				}
-
-				return plan;
-			});
-
-			return processedPlans;
-		},
-		used() {
-			return this.$resources.usageResource.data;
-		},
-		usage() {
-			return [
-				{
-					label: 'CPU',
-					value: `${this.used.vcpu} / ${this.plan.vcpu} ${this.$plural(
-						this.plan.vcpu,
-						'vCPU',
-						'vCPUs'
-					)}`,
-					percentage: (this.used.vcpu / this.plan.vcpu) * 100
-				},
-				{
-					label: 'Memory',
-					value: `${this.formatBytes(
-						this.used.memory,
-						0,
-						2
-					)} / ${this.formatBytes(this.plan.memory, 0, 2)}`,
-					percentage: (this.used.memory / this.plan.memory) * 100
-				},
-				{
-					label: 'Storage',
-					value: `${this.formatBytes(
-						this.used.disk,
-						0,
-						3
-					)} / ${this.formatBytes(this.plan.disk, 0, 3)}`,
-					percentage: (this.used.disk / this.plan.disk) * 100
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerPlays.vue b/dashboard_backup/src/views/server/ServerPlays.vue
deleted file mode 100644
index 231756d..0000000
--- a/dashboard_backup/src/views/server/ServerPlays.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-	<AnsiblePlays
-		title="Plays"
-		subtitle="History of ansible plays that ran on your server"
-		:resource="plaResource"
-		:playName="playName"
-		:playRoute="playRoute"
-	/>
-</template>
-<script>
-import AnsiblePlays from '@/views/general/AnsiblePlays.vue';
-export default {
-	name: 'ServerPlays',
-	props: ['serverName', 'playName'],
-	components: {
-		AnsiblePlays
-	},
-	methods: {
-		plaResource() {
-			return {
-				type: 'list',
-				pagetype: 'Ansible Play',
-				url: 'jcloud.api.server.plays',
-				filters: { server: this.serverName },
-				pageLength: 10,
-				start: 0,
-				auto: true
-			};
-		},
-		playRoute(play) {
-			return `/servers/${this.serverName}/plays/${play.name}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/ServerSettings.vue b/dashboard_backup/src/views/server/ServerSettings.vue
deleted file mode 100644
index 2371190..0000000
--- a/dashboard_backup/src/views/server/ServerSettings.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-	<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-		<Tags
-			v-if="server"
-			:name="server.name"
-			pagetype="Server"
-			:resourceTags="server.server_tags"
-			:tags="server.tags"
-		/>
-	</div>
-</template>
-
-<script>
-import Tags from '@/components/Tags.vue';
-
-export default {
-	name: 'ServerSettings',
-	props: ['server'],
-	components: {
-		Tags
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/server/Servers.vue b/dashboard_backup/src/views/server/Servers.vue
deleted file mode 100644
index 9d4de14..0000000
--- a/dashboard_backup/src/views/server/Servers.vue
+++ /dev/null
@@ -1,332 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs :items="[{ label: 'Servers', route: { name: 'Servers' } }]">
-				<template v-if="this.$account.team.enabled" #actions>
-					<Dropdown
-						v-if="
-							$account.team.self_hosted_servers_enabled === 1 &&
-							!showAddCardDialog
-						"
-						:options="dropDownOptions"
-					>
-						<Button
-							variant="solid"
-							iconLeft="plus"
-							label="Create"
-							class="ml-2 hidden sm:inline-flex"
-						/>
-					</Dropdown>
-					<Button
-						v-else
-						variant="solid"
-						iconLeft="plus"
-						label="Create"
-						class="ml-2 hidden sm:inline-flex"
-						@click="showBillingDialog"
-					/>
-				</template>
-			</Breadcrumbs>
-		</header>
-
-		<div>
-			<div class="mx-5 mt-5">
-				<div class="flex">
-					<div class="flex w-full space-x-2 pb-4">
-						<FormControl label="Search Servers" v-model="searchTerm">
-							<template #prefix>
-								<FeatherIcon name="search" class="w-4 text-gray-600" />
-							</template>
-						</FormControl>
-						<FormControl
-							label="Server Type"
-							class="mr-8"
-							type="select"
-							:options="serverStatusFilterOptions"
-							v-model="server_type"
-						/>
-						<FormControl
-							v-if="$resources.serverTags.data.length > 0"
-							label="Tag"
-							class="mr-8"
-							type="select"
-							:options="serverTagFilterOptions"
-							v-model="server_tag"
-						/>
-					</div>
-				</div>
-				<Table
-					:columns="[
-						{ label: 'Server Name', name: 'name', width: 2 },
-						{ label: 'Status', name: 'status' },
-						{ label: 'Region', name: 'region' },
-						{ label: 'Tags', name: 'tags' },
-						{ label: 'Plan', name: 'plan' },
-						{ label: '', name: 'actions', width: 0.5 }
-					]"
-					:rows="servers"
-					v-slot="{ rows, columns }"
-				>
-					<TableHeader class="hidden lg:grid" />
-					<TableRow
-						v-for="row in rows"
-						:key="row.name"
-						:row="row"
-						class="rounded"
-					>
-						<TableCell v-for="column in columns">
-							<Badge v-if="column.name === 'status'" :label="row.status" />
-							<div
-								v-else-if="column.name === 'tags'"
-								class="hidden space-x-1 lg:flex"
-							>
-								<Badge
-									v-for="(tag, i) in row.tags.slice(0, 1)"
-									theme="blue"
-									:label="tag"
-								/>
-								<Tooltip
-									v-if="row.tags.length > 1"
-									:text="row.tags.slice(1).join(', ')"
-								>
-									<Badge
-										v-if="row.tags.length > 1"
-										:label="`+${row.tags.length - 1}`"
-									/>
-								</Tooltip>
-								<span v-if="row.tags.length === 0">-</span>
-							</div>
-							<span v-else-if="column.name === 'plan'" class="hidden md:block">
-								{{
-									row.plan
-										? `${$planTitle(row.plan)}${
-												row.plan.price_usd > 0 ? '/mo' : ''
-										  }`
-										: ''
-								}}
-							</span>
-							<div v-else-if="column.name === 'region'" class="hidden md:block">
-								<img
-									v-if="row.server_region_info.image"
-									class="h-4"
-									:src="row.server_region_info.image"
-									:alt="`Flag of ${row.server_region_info.title}`"
-									:title="row.server_region_info.title"
-								/>
-								<span class="text-base text-gray-700" v-else>
-									{{ row.server_region_info.title }}
-								</span>
-							</div>
-							<div
-								v-else-if="column.name == 'actions'"
-								class="w-full text-right"
-							>
-								<Dropdown @click.prevent :options="dropdownItems(row)">
-									<template v-slot="{ open }">
-										<Button
-											:variant="open ? 'subtle' : 'ghost'"
-											class="mr-2"
-											icon="more-horizontal"
-										/>
-									</template>
-								</Dropdown>
-							</div>
-							<span v-else>{{ row[column.name] || '' }}</span>
-						</TableCell>
-					</TableRow>
-					<div class="mt-8 flex items-center justify-center">
-						<LoadingText v-if="$resources.allServers.loading" />
-						<div
-							v-else-if="$resources.allServers.data && rows.length === 0"
-							class="text-base text-gray-700"
-						>
-							No Servers
-						</div>
-					</div>
-				</Table>
-			</div>
-		</div>
-		<Dialog
-			:options="{ title: 'Add card to create new servers' }"
-			v-model="showAddCardDialog"
-		>
-			<template v-slot:body-content>
-				<StripeCard
-					class="mb-1"
-					v-if="showAddCardDialog"
-					@complete="
-						showAddCardDialog = false;
-						$resources.paymentMethods.reload();
-					"
-				/>
-			</template>
-		</Dialog>
-	</div>
-</template>
-<script>
-import Table from '@/components/Table/Table.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'Servers',
-	components: {
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell,
-		StripeCard: defineAsyncComponent(() =>
-			import('@/components/StripeCard.vue')
-		)
-	},
-	pageMeta() {
-		return {
-			title: 'Servers - 今果 Jingrow'
-		};
-	},
-	data() {
-		return {
-			showAddCardDialog: false,
-			searchTerm: '',
-			server_type: 'All Servers',
-			server_tag: '',
-			dropDownOptions: [
-				{
-					label: '今果 Jingrow Server',
-					onClick: () => this.$router.replace('/servers/new')
-				},
-				{
-					label: 'Self Hosted Server',
-					onClick: () => this.$router.replace('/selfhosted/new')
-				}
-			]
-		};
-	},
-	resources: {
-		allServers() {
-			return {
-				url: 'jcloud.api.server.all',
-				params: {
-					server_filter: { server_type: this.server_type, tag: this.server_tag }
-				},
-				auto: true,
-				cache: [
-					'ServerList',
-					this.server_type,
-					this.server_tag,
-					this.$account.team.name
-				]
-			};
-		},
-		serverTags: {
-			url: 'jcloud.api.server.server_tags',
-			auto: true,
-			initialData: []
-		}
-	},
-	methods: {
-		dropdownItems(server) {
-			return [
-				{
-					label: 'Visit Server',
-					condition: () => this.$account.user.user_type === 'System User',
-					onClick: () => {
-						window.open(`https://${server.route.params.serverName}`, '_blank');
-					}
-				},
-				{
-					label: 'New Bench',
-					onClick: () => {
-						this.$router.push(`/servers/${server.app_server}/bench/new`);
-					}
-				}
-			];
-		},
-		reload() {
-			// refresh if currently not loading and have not reloaded in the last 5 seconds
-			if (
-				!this.$resources.allServers.loading &&
-				new Date() - this.$resources.allServers.lastLoaded > 5000
-			) {
-				this.$resources.allServers.reload();
-			}
-		},
-		showBillingDialog() {
-			if (!this.$account.hasBillingInfo) {
-				this.showAddCardDialog = true;
-			} else {
-				if (this.$account.team.self_hosted_servers_enabled !== 1) {
-					this.$router.replace('/servers/new');
-				}
-				this.showAddCardDialog = false;
-			}
-		}
-	},
-	computed: {
-		servers() {
-			if (!this.$resources.allServers.data) {
-				return [];
-			}
-
-			let servers = this.$resources.allServers.data.filter(server =>
-				this.$account.hasPermission(server.name, '', true)
-			);
-
-			if (this.searchTerm)
-				servers = servers.filter(
-					server =>
-						server.name.toLowerCase().includes(this.searchTerm.toLowerCase()) ||
-						server.title.toLowerCase().includes(this.searchTerm.toLowerCase())
-				);
-
-			return servers.map(server => ({
-				name: server.title || server.name,
-				status: server.status,
-				server_region_info: server.region_info,
-				plan: server.plan,
-				tags: server.tags,
-				app_server: server.app_server,
-				route: { name: 'ServerOverview', params: { serverName: server.name } }
-			}));
-		},
-		serverStatusFilterOptions() {
-			return [
-				{
-					label: 'All Servers',
-					value: 'All Servers'
-				},
-				{
-					label: 'App Servers',
-					value: 'App Servers'
-				},
-				{
-					label: 'Database Servers',
-					value: 'Database Servers'
-				}
-			];
-		},
-		serverTagFilterOptions() {
-			const defaultOptions = [
-				{
-					label: '',
-					value: ''
-				}
-			];
-
-			if (!this.$resources.serverTags.data) return defaultOptions;
-
-			return [
-				...defaultOptions,
-				...this.$resources.serverTags.data.map(tag => ({
-					label: tag,
-					value: tag
-				}))
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountAPI.vue b/dashboard_backup/src/views/settings/AccountAPI.vue
deleted file mode 100644
index f2774c9..0000000
--- a/dashboard_backup/src/views/settings/AccountAPI.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-	<Card title="API Access" subtitle="API key associated with your account">
-		<div v-if="$account.user.api_key">
-			<p class="font-mono text-sm text-gray-800">
-				<ClickToCopyField :textContent="$account.user.api_key" />
-			</p>
-		</div>
-		<template #actions>
-			<Button
-				v-if="!$account.user.api_key"
-				@click="showCreateSecretDialog = true"
-			>
-				Create New API Key
-			</Button>
-			<Button
-				v-if="$account.user.api_key"
-				@click="showCreateSecretDialog = true"
-			>
-				Regenerate API Secret
-			</Button>
-		</template>
-		<Dialog
-			:options="{ title: 'API Access' }"
-			v-model="showCreateSecretDialog"
-			v-on:close="createSecretdialogClosed"
-		>
-			<template v-slot:body-content>
-				<div v-if="!$resources.createSecret.data">
-					<p class="text-base">
-						API key and API secret pairs can be used to access the
-						<a href="/docs/api" class="underline">今果 Jingrow API</a>.
-					</p>
-				</div>
-				<div v-if="$resources.createSecret.data">
-					<p class="text-base">
-						Please copy the API secret now. You won’t be able to see it again!
-					</p>
-					<label class="block pt-2">
-						<span class="mb-2 block text-sm leading-4 text-gray-700"
-							>API Key</span
-						>
-						<ClickToCopyField
-							:textContent="$resources.createSecret.data.api_key"
-						/>
-					</label>
-					<label class="block pt-2">
-						<span class="mb-2 block text-sm leading-4 text-gray-700"
-							>API Secret</span
-						>
-						<ClickToCopyField
-							:textContent="$resources.createSecret.data.api_secret"
-						/>
-					</label>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.createSecret.error" />
-			</template>
-
-			<template #actions>
-				<Button
-					class="w-full"
-					variant="solid"
-					@click="$resources.createSecret.submit()"
-					v-if="!$account.user.api_key && !$resources.createSecret.data"
-					:loading="$resources.createSecret.loading"
-				>
-					Create New API Key
-				</Button>
-				<Button
-					class="w-full"
-					variant="solid"
-					@click="$resources.createSecret.submit()"
-					v-if="$account.user.api_key && !$resources.createSecret.data"
-					:loading="$resources.createSecret.loading"
-				>
-					Regenerate API Secret
-				</Button>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountAPI',
-	components: {
-		ClickToCopyField
-	},
-	data() {
-		return {
-			showCreateSecretDialog: false
-		};
-	},
-
-	resources: {
-		createSecret() {
-			return {
-				url: 'jcloud.api.account.create_api_secret',
-				onSuccess() {
-					notify({
-						title: 'Created new API Secret',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		createSecretdialogClosed() {
-			this.$account.fetchAccount();
-			this.$resources.createSecret.reset();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountEmails.vue b/dashboard_backup/src/views/settings/AccountEmails.vue
deleted file mode 100644
index eb08c35..0000000
--- a/dashboard_backup/src/views/settings/AccountEmails.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-	<Card title="Email Notifications">
-		<template #actions>
-			<Button icon-left="edit" @click="showEmailsEditDialog = true">
-				Edit
-			</Button>
-		</template>
-		<ListItem
-			v-if="emailData"
-			v-for="email in emailData"
-			:title="fieldLabelMap[email.type] || email.type"
-			:description="email.value"
-			:key="email.type"
-		>
-		</ListItem>
-		<Dialog
-			:options="{
-				title: 'Edit Emails',
-				actions: [
-					{
-						label: 'Save Changes',
-						variant: 'solid',
-						onClick: () => $resources.changeEmail.submit()
-					}
-				]
-			}"
-			v-model="showEmailsEditDialog"
-		>
-			<template v-slot:body-content>
-				<div class="mt-3" v-for="email in emailData" :key="email.type">
-					<FormControl
-						:label="fieldLabelMap[email.type] || email.type"
-						v-model="email.value"
-					/>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.changeEmail.error" />
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-export default {
-	name: 'AccountEmails',
-	resources: {
-		getEmails() {
-			return {
-				url: 'jcloud.api.account.get_emails',
-				auto: true,
-				onSuccess(res) {
-					this.emailData = res;
-				}
-			};
-		},
-		changeEmail() {
-			return {
-				url: 'jcloud.api.account.update_emails',
-				params: {
-					data: JSON.stringify(this.emailData)
-				},
-				onSuccess(res) {
-					this.showEmailsEditDialog = false;
-				}
-			};
-		}
-	},
-	data() {
-		return {
-			showEmailsEditDialog: false,
-			emailData: []
-		};
-	},
-	computed: {
-		fieldLabelMap() {
-			return {
-				invoices: 'Send invoices to',
-				marketplace_notifications: 'Send marketplace emails to'
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountGroups.vue b/dashboard_backup/src/views/settings/AccountGroups.vue
deleted file mode 100644
index ff5d05a..0000000
--- a/dashboard_backup/src/views/settings/AccountGroups.vue
+++ /dev/null
@@ -1,193 +0,0 @@
-<template>
-	<Card
-		title="Group Permissions"
-		subtitle="Create a group or permission and assign it to your team members"
-	>
-		<template #actions>
-			<Button v-if="showManageTeamButton" @click="showAddGroupDialog = true">
-				Add New Group
-			</Button>
-		</template>
-		<div class="max-h-96 divide-y">
-			<ListItem
-				v-for="group in groups"
-				:title="group.title"
-				:description="group.name"
-				:key="group.name"
-			>
-				<template #actions>
-					<Dropdown :options="dropdownItems(group)" right>
-						<template v-slot="{ open }">
-							<Button icon="more-horizontal" />
-						</template>
-					</Dropdown>
-				</template>
-			</ListItem>
-		</div>
-	</Card>
-
-	<EditPermissions
-		:type="'group'"
-		:show="showEditMemberDialog"
-		:name="group.name"
-		@close="showEditMemberDialog = false"
-	/>
-
-	<ManageGroupMembers
-		v-model:group="group"
-		:show="showGroupMemberDialog"
-		@close="showGroupMemberDialog = false"
-	/>
-
-	<Dialog
-		:options="{
-			title: 'Add New Group',
-			actions: [
-				{
-					label: 'Create Group',
-					variant: 'solid',
-					loading: $resources.addGroup.loading,
-					onClick: () => $resources.addGroup.submit({ title: groupName })
-				}
-			]
-		}"
-		v-model="showAddGroupDialog"
-	>
-		<template v-slot:body-content>
-			<Input :label="'Title'" type="text" v-model="groupName" required />
-		</template>
-	</Dialog>
-</template>
-<script>
-import EditPermissions from './EditPermissions.vue';
-import ManageGroupMembers from './ManageGroupMembers.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountGroups',
-	components: {
-		EditPermissions,
-		ManageGroupMembers
-	},
-	data() {
-		return {
-			groupName: '',
-			memberEmail: '',
-			showAddGroupDialog: false,
-			showGroupMemberDialog: false,
-			showManageMemberDialog: false,
-			showEditMemberDialog: false,
-			group: { name: '', title: '' },
-			showAddMemberForm: false
-		};
-	},
-	resources: {
-		groups: {
-			url: 'jcloud.api.account.groups',
-			auto: true
-		},
-		addMember: {
-			url: 'jcloud.api.account.add_team_member',
-			onSuccess() {
-				this.showManageMemberDialog = false;
-				this.memberEmail = null;
-				notify({
-					title: 'Invite Sent!',
-					message: 'They will receive an email shortly to join your team.',
-					color: 'green',
-					icon: 'check'
-				});
-			}
-		},
-		addGroup: {
-			url: 'jcloud.api.account.add_permission_group',
-			validate() {
-				if (this.groupName.length == 0) {
-					return 'Group name is required.';
-				}
-			},
-			onSuccess(r) {
-				this.$resources.groups.fetch();
-				notify({
-					title: 'Group Created!',
-					message: 'You can now assign this group to your team members',
-					color: 'green',
-					icon: 'check'
-				});
-				this.group = r;
-				this.showAddGroupDialog = false;
-				this.showGroupMemberDialog = true;
-			}
-		},
-		removeGroup: {
-			url: 'jcloud.api.account.remove_permission_group',
-			onSuccess() {
-				this.$resources.groups.fetch();
-				notify({
-					title: 'Group Removed!',
-					message: 'Permissions have been removed from all team members',
-					color: 'green',
-					icon: 'check'
-				});
-			}
-		}
-	},
-	methods: {
-		removeGroup(group) {
-			this.$confirm({
-				title: 'Remove Group',
-				message: `Are you sure you want to remove ${group.title} ?`,
-				actionLabel: 'Remove',
-				actionColor: 'red',
-				action: closeDialog => {
-					this.$resources.removeGroup.submit({ name: group.name });
-					closeDialog();
-				}
-			});
-		},
-		dropdownItems(group) {
-			return [
-				{
-					label: 'Manage Members',
-					icon: 'users',
-					onClick: () => {
-						this.group = group;
-						this.showGroupMemberDialog = true;
-					}
-				},
-				{
-					label: 'Edit Permissions',
-					icon: 'edit',
-					onClick: () => {
-						this.group = group;
-						this.showEditMemberDialog = true;
-					}
-				},
-				{
-					label: 'Remove',
-					icon: 'trash-2',
-					onClick: () => this.removeGroup(group)
-				}
-			];
-		}
-	},
-	computed: {
-		showManageTeamButton() {
-			const team = this.$account.team;
-			let show = this.$account.hasRole('Jcloud Admin');
-			return (
-				show &&
-				(team.default_payment_method ||
-					team.payment_mode == 'Prepaid Credits' ||
-					team.free_account ||
-					team.jerp_partner ||
-					team.parent_team)
-			);
-		},
-		groups() {
-			if (!this.$resources.groups.data) return [];
-			return this.$resources.groups.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountMembers.vue b/dashboard_backup/src/views/settings/AccountMembers.vue
deleted file mode 100644
index 536e8f4..0000000
--- a/dashboard_backup/src/views/settings/AccountMembers.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<template>
-	<Card
-		title="Team Members and Permissions"
-		subtitle="Team members can access your account on your behalf."
-	>
-		<template #actions>
-			<Button
-				v-if="showManageTeamButton"
-				@click="showManageMemberDialog = true"
-			>
-				Add New Member
-			</Button>
-		</template>
-		<div class="max-h-96 divide-y">
-			<ListItem
-				v-for="member in $account.team_members"
-				:title="`${member.first_name} ${member.last_name}`"
-				:description="member.name"
-				:key="member.name"
-			>
-				<template #actions>
-					<Badge
-						label="Owner"
-						color="blue"
-						class="ml-2"
-						v-if="member.name == $account.team.user"
-					/>
-					<Dropdown v-else :options="dropdownItems(member)" right>
-						<template v-slot="{ open }">
-							<Button icon="more-horizontal" />
-						</template>
-					</Dropdown>
-				</template>
-			</ListItem>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Add New Member',
-				actions: [
-					{
-						label: 'Send Invitation',
-						variant: 'solid',
-						loading: $resources.addMember.loading,
-						onClick: () => $resources.addMember.submit({ email: memberEmail })
-					}
-				]
-			}"
-			v-model="showManageMemberDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl
-					label="Enter the email address of your teammate to invite them."
-					class="mt-2"
-					v-model="memberEmail"
-					required
-				/>
-				<ErrorMessage :message="$resources.addMember.error" />
-			</template>
-		</Dialog>
-		<EditPermissions
-			:type="'user'"
-			:show="showEditMemberDialog"
-			:name="memberName"
-			@close="showEditMemberDialog = false"
-		/>
-	</Card>
-</template>
-<script>
-import EditPermissions from './EditPermissions.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountMembers',
-	components: {
-		EditPermissions
-	},
-	data() {
-		return {
-			showManageMemberDialog: false,
-			showEditMemberDialog: false,
-			memberName: '',
-			showAddMemberForm: false,
-			memberEmail: null
-		};
-	},
-	resources: {
-		addMember: {
-			url: 'jcloud.api.account.add_team_member',
-			onSuccess() {
-				this.showManageMemberDialog = false;
-				this.memberEmail = null;
-				notify({
-					title: 'Invite Sent!',
-					message: 'They will receive an email shortly to join your team.',
-					color: 'green',
-					icon: 'check'
-				});
-			}
-		},
-		removeMember: {
-			url: 'jcloud.api.account.remove_team_member',
-			onSuccess() {
-				this.showManageMemberDialog = false;
-				this.$account.fetchAccount();
-				notify({
-					title: 'Team member removed.',
-					icon: 'check',
-					color: 'green'
-				});
-			}
-		}
-	},
-	methods: {
-		getRoleBadgeProps(member) {
-			let role = 'Member';
-			if (this.$account.team.name == member.name) {
-				role = 'Owner';
-			}
-
-			return {
-				status: role,
-				color: {
-					Owner: 'blue',
-					Member: 'gray'
-				}[role]
-			};
-		},
-		removeMember(member) {
-			this.$confirm({
-				title: 'Remove Member',
-				message: `Are you sure you want to remove ${member.first_name} ?`,
-				actionLabel: 'Remove',
-				actionColor: 'red',
-				action: closeDialog => {
-					this.$resources.removeMember.submit({ user_email: member.name });
-					closeDialog();
-				}
-			});
-		},
-		dropdownItems(member) {
-			return [
-				{
-					label: 'Edit Permissions',
-					icon: 'edit',
-					onClick: () => {
-						this.memberName = member.name;
-						this.showEditMemberDialog = true;
-					}
-				},
-				{
-					label: 'Remove',
-					icon: 'trash-2',
-					onClick: () => this.removeMember(member)
-				}
-			];
-		}
-	},
-	computed: {
-		showManageTeamButton() {
-			const team = this.$account.team;
-			let show = this.$account.hasRole('Jcloud Admin');
-			return (
-				show &&
-				(team.default_payment_method ||
-					team.payment_mode == 'Prepaid Credits' ||
-					team.free_account ||
-					team.jerp_partner ||
-					team.parent_team)
-			);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountPartner.vue b/dashboard_backup/src/views/settings/AccountPartner.vue
deleted file mode 100644
index 5a96aea..0000000
--- a/dashboard_backup/src/views/settings/AccountPartner.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-	<Card
-		title="Jingrow Partner"
-		subtitle="Jingrow Partner associated with your account"
-		v-if="!$account.team.jerp_partner"
-	>
-		<div>
-			<ListItem
-				:title="$account.partner_billing_name"
-				:subtitle="$account.partner_email"
-				v-if="$account.partner_email"
-			>
-			</ListItem>
-
-			<div class="py-4">
-				<h3 class="text-base text-gray-700" v-if="$account.parent_team">
-					Only parent team can link with Jingrow Partner.
-				</h3>
-				<h3
-					class="text-base text-gray-700"
-					v-if="!$account.partner_email && !$account.parent_team"
-				>
-					Have a Jingrow Partner Referral Code? Click on
-					<strong>Add Partner Code</strong> to link with your Partner team.
-				</h3>
-			</div>
-		</div>
-		<template #actions>
-			<Button
-				@click="showPartnerReferralDialog = true"
-				v-if="!$account.partner_email"
-			>
-				Add Partner Code
-			</Button>
-		</template>
-		<Dialog
-			:options="{ title: 'Partner Referral Code' }"
-			v-model="showPartnerReferralDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl
-					label="Enter Partner Referral Code"
-					type="input"
-					v-model="referralCode"
-					placeholder="e.g. rGjw3hJ81b"
-					@input="referralCodeChange"
-				/>
-				<ErrorMessage class="mt-2" :message="$resources.addPartner.error" />
-				<div class="mt-1">
-					<div v-if="partnerExists" class="text-sm text-green-600" role="alert">
-						Referral Code {{ referralCode }} belongs to {{ partner }}
-					</div>
-					<ErrorMessage :message="errorMessage" />
-				</div>
-			</template>
-			<template #actions>
-				<Button
-					variant="solid"
-					:loading="$resources.addPartner.loading"
-					loadingText="Saving..."
-					@click="$resources.addPartner.submit()"
-				>
-					Add partner
-				</Button>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountPartner',
-	data() {
-		return {
-			showPartnerReferralDialog: false,
-			referralCode: null,
-			partnerExists: false,
-			errorMessage: null,
-			partner: null
-		};
-	},
-	resources: {
-		addPartner() {
-			return {
-				url: 'jcloud.api.partner.add_partner',
-				params: {
-					referral_code: this.referralCode
-				},
-				onSuccess(res) {
-					this.showPartnerReferralDialog = false;
-					notify({
-						title: 'Email sent to Partner',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		async referralCodeChange(e) {
-			let code = e.target.value;
-			this.partnerExists = false;
-
-			let result = await this.$call('jcloud.api.partner.validate_partner_code', {
-				code: code
-			});
-
-			let [isValidCode, partnerName] = result;
-
-			if (isValidCode) {
-				this.partnerExists = true;
-				this.referralCode = code;
-				this.partner = partnerName;
-				this.partnerExists = true;
-			} else {
-				this.errorMessage = `${code} is Invalid Referral Code`;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountProfile.vue b/dashboard_backup/src/views/settings/AccountProfile.vue
deleted file mode 100644
index 968602a..0000000
--- a/dashboard_backup/src/views/settings/AccountProfile.vue
+++ /dev/null
@@ -1,275 +0,0 @@
-<template>
-	<Card title="Profile">
-		<div class="flex items-center border-b pb-3">
-			<div class="relative">
-				<Avatar
-					size="2xl"
-					:label="$account.user.first_name"
-					:image="$account.user.user_image"
-				/>
-				<FileUploader
-					@success="onProfilePhotoChange"
-					fileTypes="image/*"
-					:upload-args="{
-						pagetype: 'User',
-						docname: $account.user.name,
-						method: 'jcloud.api.account.update_profile_picture'
-					}"
-				>
-					<template v-slot="{ openFileSelector, uploading, progress, error }">
-						<div class="ml-4">
-							<button
-								@click="openFileSelector()"
-								class="absolute inset-0 grid w-full place-items-center rounded-full bg-black text-xs font-medium text-white opacity-0 transition hover:opacity-50 focus:opacity-50 focus:outline-none"
-								:class="{ 'opacity-50': uploading }"
-							>
-								<span v-if="uploading">{{ progress }}%</span>
-								<span v-else>Edit</span>
-							</button>
-						</div>
-					</template>
-				</FileUploader>
-			</div>
-			<div class="ml-4">
-				<h3 class="text-base font-semibold">
-					{{ $account.user.first_name }} {{ $account.user.last_name }}
-				</h3>
-				<p class="mt-1 text-base text-gray-600">{{ $account.user.email }}</p>
-			</div>
-			<div class="ml-auto">
-				<Button icon-left="edit" @click="showProfileEditDialog = true">
-					Edit
-				</Button>
-			</div>
-		</div>
-		<div>
-			<ListItem
-				title="Become Marketplace Developer"
-				subtitle="Become a marketplace app publisher"
-				v-if="showBecomePublisherButton"
-			>
-				<template #actions>
-					<Button @click="confirmPublisherAccount()">
-						<span>Become a Publisher</span>
-					</Button>
-				</template>
-			</ListItem>
-			<ListItem
-				:title="teamEnabled ? 'Disable Account' : 'Enable Account'"
-				:subtitle="
-					teamEnabled
-						? 'Disable your account and stop billing'
-						: 'Enable your account and resume billing'
-				"
-			>
-				<template #actions>
-					<Button
-						@click="
-							() => {
-								if (teamEnabled) {
-									showDisableAccountDialog = true;
-								} else {
-									showEnableAccountDialog = true;
-								}
-							}
-						"
-					>
-						<span :class="{ 'text-red-600': teamEnabled }">{{
-							teamEnabled ? 'Disable' : 'Enable'
-						}}</span>
-					</Button>
-				</template>
-			</ListItem>
-		</div>
-		<Dialog
-			:options="{
-				title: 'Update Profile Information',
-				actions: [
-					{
-						variant: 'solid',
-						label: 'Save Changes',
-						onClick: () => $resources.updateProfile.submit()
-					}
-				]
-			}"
-			v-model="showProfileEditDialog"
-		>
-			<template v-slot:body-content>
-				<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-					<FormControl label="First Name" v-model="$account.user.first_name" />
-					<FormControl label="Last Name" v-model="$account.user.last_name" />
-				</div>
-				<ErrorMessage class="mt-4" :message="$resources.updateProfile.error" />
-			</template>
-		</Dialog>
-
-		<Dialog
-			:options="{
-				title: 'Disable Account',
-				actions: [
-					{
-						label: 'Disable Account',
-						variant: 'solid',
-						theme: 'red',
-						loading: $resources.disableAccount.loading,
-						onClick: () => $resources.disableAccount.submit()
-					}
-				]
-			}"
-			v-model="showDisableAccountDialog"
-		>
-			<template v-slot:body-content>
-				<div class="prose text-base">
-					By confirming this action:
-					<ul>
-						<li>Your account will be disabled</li>
-						<li>
-							Your active sites will be suspended immediately and will be
-							deleted after a week.
-						</li>
-						<li>Your account billing will be stopped</li>
-					</ul>
-					You can enable your account later anytime. Do you want to continue?
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.disableAccount.error" />
-			</template>
-		</Dialog>
-
-		<Dialog
-			:options="{
-				title: 'Enable Account',
-				actions: [
-					{
-						label: 'Enable Account',
-						variant: 'solid',
-						loading: $resources.enableAccount.loading,
-						onClick: () => $resources.enableAccount.submit()
-					}
-				]
-			}"
-			v-model="showEnableAccountDialog"
-		>
-			<template v-slot:body-content>
-				<div class="prose text-base">
-					By confirming this action:
-					<ul>
-						<li>Your account will be enabled</li>
-						<li>Your suspended sites will become active</li>
-						<li>Your account billing will be resumed</li>
-					</ul>
-					Do you want to continue?
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.enableAccount.error" />
-			</template>
-		</Dialog>
-	</Card>
-	<FinalizeInvoicesDialog v-model="showFinalizeInvoicesDialog" />
-</template>
-<script>
-import FileUploader from '@/components/FileUploader.vue';
-import FinalizeInvoicesDialog from '../billing/FinalizeInvoicesDialog.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountProfile',
-	components: {
-		FileUploader,
-		FinalizeInvoicesDialog
-	},
-	data() {
-		return {
-			showProfileEditDialog: false,
-			showEnableAccountDialog: false,
-			showDisableAccountDialog: false,
-			showBecomePublisherButton: false,
-			showFinalizeInvoicesDialog: false
-		};
-	},
-	computed: {
-		teamEnabled() {
-			return $account.team.enabled;
-		}
-	},
-	resources: {
-		updateProfile() {
-			let { first_name, last_name, email } = this.$account.user;
-			return {
-				url: 'jcloud.api.account.update_profile',
-				params: {
-					first_name,
-					last_name,
-					email
-				},
-				onSuccess() {
-					this.showProfileEditDialog = false;
-					this.notifySuccess();
-				}
-			};
-		},
-		disableAccount: {
-			url: 'jcloud.api.account.disable_account',
-			onSuccess(data) {
-				this.showDisableAccountDialog = false;
-
-				if (data === 'Unpaid Invoices') {
-					this.showFinalizeInvoicesDialog = true;
-				} else {
-					notify({
-						title: 'Account disabled',
-						message: 'Your account was disabled successfully',
-						icon: 'check',
-						color: 'green'
-					});
-					this.$account.fetchAccount();
-				}
-			}
-		},
-		enableAccount: {
-			url: 'jcloud.api.account.enable_account',
-			onSuccess() {
-				notify({
-					title: 'Account enabled',
-					message: 'Your account was enabled successfully',
-					icon: 'check',
-					color: 'green'
-				});
-				this.$account.fetchAccount();
-				this.showEnableAccountDialog = false;
-			}
-		},
-		becomePublisher() {
-			return {
-				url: 'jcloud.api.marketplace.become_publisher',
-				onSuccess() {
-					this.$router.push('/marketplace');
-				}
-			};
-		}
-	},
-	methods: {
-		onProfilePhotoChange() {
-			this.$account.fetchAccount();
-			this.notifySuccess();
-		},
-		notifySuccess() {
-			notify({
-				title: 'Updated profile information',
-				icon: 'check',
-				color: 'green'
-			});
-		},
-		confirmPublisherAccount() {
-			this.$confirm({
-				title: 'Become a marketplace app developer?',
-				message:
-					'You will be able to publish apps to our Marketplace upon confirmation.',
-				actionLabel: 'Yes',
-				action: closeDialog => {
-					this.$resources.becomePublisher.submit();
-					closeDialog();
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountReferral.vue b/dashboard_backup/src/views/settings/AccountReferral.vue
deleted file mode 100644
index 759cd14..0000000
--- a/dashboard_backup/src/views/settings/AccountReferral.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-	<Card
-		v-if="referralLink"
-		title="Refer & Earn"
-		subtitle="Your unique referral link"
-	>
-		<div class="space-y-4">
-			<ClickToCopyField :textContent="referralLink" />
-			<h3 class="text-base text-gray-700">
-				When someone sign's up using the above link and spends at least
-				{{ minimumSpentAmount }} on 今果 Jingrow, you
-				<strong
-					>get {{ creditAmountInTeamCurrency }} in 今果 Jingrow Credits</strong
-				>!
-			</h3>
-		</div>
-	</Card>
-</template>
-<script>
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-
-export default {
-	name: 'AccountRefferal',
-	components: {
-		ClickToCopyField
-	},
-	computed: {
-		referralLink() {
-			if (this.$account.team.referrer_id) {
-				return `${location.origin}/dashboard/signup?referrer=${this.$account.team.referrer_id}`;
-			}
-			return '';
-		},
-		minimumSpentAmount() {
-			return this.$account.team.country == 'china' ? '¥1800' : '$25';
-		},
-		creditAmountInTeamCurrency() {
-			return this.$account.team.country == 'china' ? '¥750' : '$10';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountSSHKey.vue b/dashboard_backup/src/views/settings/AccountSSHKey.vue
deleted file mode 100644
index 4600cd0..0000000
--- a/dashboard_backup/src/views/settings/AccountSSHKey.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<Card
-		title="SSH Key"
-		subtitle="SSH public key associated with your account"
-		v-if="$account.team.ssh_access_enabled"
-	>
-		<div v-if="$account.ssh_key">
-			<p class="font-mono text-sm text-gray-800">
-				SHA256:{{ $account.ssh_key.ssh_fingerprint }}
-			</p>
-			<div class="mt-2 text-base text-gray-700">
-				Added on
-				{{
-					$date($account.ssh_key.creation).toLocaleString({
-						month: 'short',
-						day: 'numeric',
-						year: 'numeric'
-					})
-				}}
-			</div>
-		</div>
-		<template #actions>
-			<Button v-if="!$account.ssh_key" @click="showAddNewKeyDialog = true">
-				New SSH Key
-			</Button>
-			<Button v-else @click="showAddNewKeyDialog = true">
-				Change SSH Key
-			</Button>
-		</template>
-		<Dialog
-			:options="{
-				title: 'New SSH Key',
-				actions: [
-					{
-						label: 'Add Key',
-						variant: 'solid',
-						onClick: () => $resources.saveKey.submit()
-					}
-				]
-			}"
-			v-model="showAddNewKeyDialog"
-		>
-			<template v-slot:body-content>
-				<div class="mt-3">
-					<FormControl
-						:label="'SSH Key'"
-						type="textarea"
-						placeholder="Begins with 'ssh-rsa', 'ecdsa-sha2-nistp256', 'ecdsa-sha2-nistp384', 'ecdsa-sha2-nistp521', 'ssh-ed25519', 'sk-ecdsa-sha2-nistp256@openssh.com', or 'sk-ssh-ed25519@openssh.com'"
-						required
-						v-model="newKey"
-					/>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.saveKey.error" />
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountSSHKey',
-	data() {
-		return {
-			showAddNewKeyDialog: false,
-			newKey: null
-		};
-	},
-
-	resources: {
-		saveKey() {
-			return {
-				url: 'jcloud.api.account.add_key',
-				params: {
-					key: this.newKey
-				},
-				onSuccess() {
-					this.$account.fetchAccount();
-					this.showAddNewKeyDialog = false;
-					notify({
-						title: 'New SSH Key Added',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountSettings.vue b/dashboard_backup/src/views/settings/AccountSettings.vue
deleted file mode 100644
index 1c71724..0000000
--- a/dashboard_backup/src/views/settings/AccountSettings.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-	<div>
-		<header class="sticky top-0 z-10 border-b bg-white px-5 pt-2.5">
-			<Breadcrumbs
-				:items="[{ label: 'Settings', route: { name: 'SettingsScreen' } }]"
-			/>
-			<Tabs :tabs="tabs" class="-mb-px pl-0.5" />
-		</header>
-		<div class="mx-auto max-w-4xl py-5">
-			<router-view />
-		</div>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-
-export default {
-	name: 'AccountSettings',
-	pageMeta() {
-		return {
-			title: 'Settings - Profile'
-		};
-	},
-	components: {
-		Tabs
-	},
-	computed: {
-		tabs() {
-			let tabRoute = subRoute => `/settings/${subRoute}`;
-			let tabs = [
-				{ label: 'Profile', route: 'profile' },
-				{
-					label: 'Team',
-					route: 'team',
-					condition: () =>
-						$account.user.name === $account.team.user ||
-						$account.user.user_type === 'System User'
-				},
-				{ label: 'Developer', route: 'developer' },
-				{ label: 'Partner', route: 'partner' }
-			].filter(tab => (tab.condition ? tab.condition() : true));
-
-			return tabs.map(tab => {
-				return {
-					...tab,
-					route: tabRoute(tab.route)
-				};
-			});
-		},
-		pageSubtitle() {
-			const { user, team } = this.$account;
-			let subtitle = '';
-
-			if (!user || !team) {
-				return subtitle;
-			}
-
-			if (team.name !== user.name) {
-				if (team.team_title) subtitle += `Team: ${team.team_title}`;
-				else subtitle += `Team: ${team.name}`;
-				subtitle += ` &middot; Member: ${user.name} `;
-			} else {
-				subtitle += `<span>${team.name}</span> `;
-			}
-
-			if (team.jerp_partner) {
-				subtitle += `&middot; <span>JERP Partner</span>`;
-			}
-
-			let userTeamMember = team.team_members.filter(
-				member => member.user === user.name
-			);
-
-			if (userTeamMember.length > 0) {
-				userTeamMember = userTeamMember[0];
-				const memberSince = this.$date(userTeamMember.creation).toLocaleString({
-					month: 'short',
-					day: 'numeric',
-					year: 'numeric'
-				});
-				subtitle += `&middot; <span>Member since ${memberSince}</span>`;
-			}
-
-			return subtitle;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/AccountTeam.vue b/dashboard_backup/src/views/settings/AccountTeam.vue
deleted file mode 100644
index 211a827..0000000
--- a/dashboard_backup/src/views/settings/AccountTeam.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-<template>
-	<Card
-		title="Team"
-		subtitle="Teams you are part of and the current active team"
-	>
-		<template #actions>
-			<Button v-if="showManageTeamButton" @click="showManageTeamDialog = true">
-				Manage
-			</Button>
-		</template>
-		<ListItem
-			v-for="team in teams"
-			:title="`${team.team_title}`"
-			:description="team.user"
-			:key="team"
-		>
-			<template #actions>
-				<div v-if="$account.team.name === team.name">
-					<Badge label="Active" theme="blue" />
-				</div>
-				<div v-else class="flex flex-row justify-end">
-					<Dropdown class="ml-2" :options="dropdownItems(team.name)" right>
-						<template v-slot="{ open }">
-							<Button icon="more-horizontal" />
-						</template>
-					</Dropdown>
-				</div>
-			</template>
-		</ListItem>
-
-		<Dialog :options="{ title: 'Manage Team' }" v-model="showManageTeamDialog">
-			<template v-slot:body-content>
-				<ListItem
-					v-for="member in $account.child_team_members"
-					:title="`${member.team_title}`"
-					:key="member.name"
-				>
-					<template #actions>
-						<ErrorMessage :message="$resources.removeMember.error" />
-						<Button
-							class="ml-2 p-4"
-							@click="
-								$resources.removeMember.submit({ child_team: member.name })
-							"
-							:loading="$resources.removeMember.loading"
-						>
-							Remove
-						</Button>
-					</template>
-				</ListItem>
-				<div v-if="showManageTeamForm">
-					<h5 class="mt-5 text-sm font-semibold">Create child team</h5>
-					<FormControl
-						label="Enter name to create a new child team for shared access."
-						class="mt-2"
-						placeholder="e.g Accounts Team"
-						v-model="childTeamTitle"
-						required
-					/>
-					<ErrorMessage :message="$resources.addChildTeam.error" />
-
-					<div class="mt-5">
-						<Button class="w-full" @click="showManageTeamForm = false">
-							Cancel
-						</Button>
-						<Button
-							class="mt-2 w-full"
-							variant="solid"
-							:loading="$resources.addChildTeam.loading"
-							@click="$resources.addChildTeam.submit({ title: childTeamTitle })"
-						>
-							Add Child Team
-						</Button>
-					</div>
-				</div>
-				<div v-else class="mt-5">
-					<Button
-						class="w-full"
-						variant="solid"
-						@click="showManageTeamForm = true"
-					>
-						Add Child team
-					</Button>
-				</div>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'AccountTeam',
-	data() {
-		return {
-			showManageTeamDialog: false,
-			showManageTeamForm: false,
-			childTeamTitle: null,
-			newChildTeamMessage: 'A new team is created',
-			newChildTeamTitle: 'Team Created!'
-		};
-	},
-	computed: {
-		teams() {
-			return this.$account.teams;
-		},
-		showManageTeamButton() {
-			const team = this.$account.team;
-			let show = this.$account.hasRole('Jcloud Admin');
-			return show && !this.$account.parent_team;
-		}
-	},
-	resources: {
-		leaveTeam() {
-			return {
-				url: 'jcloud.api.account.leave_team',
-				onSuccess() {
-					this.$account.fetchAccount();
-					notify({
-						title: 'Successfully Left Team',
-						icon: 'check',
-						color: 'green'
-					});
-				},
-				onError() {
-					notify({
-						title: 'Cannot leave this Team.',
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		},
-		addChildTeam() {
-			return {
-				url: 'jcloud.api.account.create_child_team',
-				onSuccess(data) {
-					this.showManageTeamDialog = false;
-					this.childTeamTitle = null;
-					this.$account.fetchAccount();
-					notify({
-						title: this.newChildTeamTitle,
-						message: this.newChildTeamMessage,
-						color: 'green',
-						icon: 'check'
-					});
-				}
-			};
-		},
-		removeMember() {
-			return {
-				url: 'jcloud.api.account.remove_child_team',
-				onSuccess() {
-					this.$account.fetchAccount();
-				}
-			};
-		}
-	},
-	methods: {
-		dropdownItems(team_name) {
-			return [
-				{
-					label: 'Switch to Team',
-					onClick: () => this.$account.switchToTeam(team_name)
-				},
-				{
-					label: 'Leave Team',
-					onClick: () => this.confirmLeaveTeam(team_name)
-				}
-			];
-		},
-		confirmLeaveTeam(team_name) {
-			this.$confirm({
-				title: 'Leave Team',
-				message: `Are you sure you want to leave team <strong>${team_name}</strong>?`,
-				actionLabel: 'Leave Team',
-				actionColor: 'red',
-				action: closeDialog => {
-					closeDialog();
-					this.$resources.leaveTeam.submit({ team: team_name });
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/DeveloperSettings.vue b/dashboard_backup/src/views/settings/DeveloperSettings.vue
deleted file mode 100644
index ec89814..0000000
--- a/dashboard_backup/src/views/settings/DeveloperSettings.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-	<div class="space-y-5">
-		<AccountAPI />
-		<AccountSSHKey />
-		<FeatureFlags />
-	</div>
-</template>
-
-<script>
-import AccountAPI from './AccountAPI.vue';
-import AccountSSHKey from './AccountSSHKey.vue';
-import FeatureFlags from './FeatureFlags.vue';
-
-export default {
-	name: 'DeveloperSettings',
-	pageMeta() {
-		return {
-			title: 'Settings - Developer'
-		};
-	},
-	components: {
-		AccountAPI,
-		AccountSSHKey,
-		FeatureFlags
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/EditPermissions.vue b/dashboard_backup/src/views/settings/EditPermissions.vue
deleted file mode 100644
index 9665805..0000000
--- a/dashboard_backup/src/views/settings/EditPermissions.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: `Editing permissions for ${
-				type === 'group' ? 'group' : 'member'
-			} ${name}`,
-			size: '3xl'
-		}"
-		:modelValue="show"
-		@after-leave="
-			() => {
-				$emit('close', true);
-			}
-		"
-	>
-		<template v-slot:body-content>
-			<Input
-				class="mb-2"
-				placeholder="Search"
-				v-on:input="e => updateSearchTerm(e)"
-			/>
-			<LoadingText v-if="$resources.options.loading" />
-			<div v-else class="flex flex-col max-h-96 overflow-auto">
-				<div v-if="options.length === 0" class="mt-4 text-center">
-					<span class="text-gray-500">
-						No options available to add permissions, let's create somes sites!
-						<router-link :to="'/sites/new'" class="text-gray-900">
-							Click here
-						</router-link>
-					</span>
-				</div>
-				<div
-					v-else
-					v-for="(option, index) in filteredList"
-					class="border-b pt-2"
-				>
-					<span class="mr-2 mt-4 w-full pb-2 text-lg text-gray-600">
-						{{ option.pagetype }}
-					</span>
-					<span class="inline-block align-middle text-base font-bold">
-						{{ option.title ? option.title : option.name }}
-					</span>
-					<Input
-						class="pt-4"
-						type="checkbox"
-						label="Select All"
-						@change="val => toggleSelectAll(option, index, val)"
-					/>
-					<div class="grid grid-cols-4 gap-4 py-4">
-						<Input
-							v-for="[label, action] in Object.entries(actions[option.pagetype])"
-							type="checkbox"
-							:checked="isSelected(option, action)"
-							:label="label"
-							@change="() => updateAction(option, index, action)"
-						>
-						</Input>
-					</div>
-				</div>
-			</div>
-		</template>
-		<template v-slot:actions>
-			<Button
-				variant="solid"
-				class="w-full"
-				@click="$resources.updatePermissions.submit()"
-				:disabled="options.length === 0"
-			>
-				Save
-			</Button>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import Fuse from 'fuse.js/dist/fuse.basic.esm';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'EditPermissions',
-	props: ['show', 'name', 'type'],
-	data() {
-		return {
-			updated: {},
-			filteredList: []
-		};
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.account.get_permission_options',
-				auto: true,
-				params: {
-					name: this.name,
-					ptype: this.type
-				},
-				onSuccess(r) {
-					this.fuse = new Fuse(r.options, {
-						keys: ['pagetype', 'name', 'title'],
-						threshold: 0.3
-					});
-					this.filteredList = r.options;
-				}
-			};
-		},
-		updatePermissions() {
-			return {
-				url: 'jcloud.api.account.update_permissions',
-				params: {
-					user: this.name,
-					ptype: this.type,
-					updated: this.updated
-				},
-				onSuccess() {
-					notify({
-						title: 'Permissions Updated',
-						color: 'green',
-						icon: 'check'
-					});
-					this.$emit('close', true);
-					this.$resources.options.fetch();
-				}
-			};
-		}
-	},
-	methods: {
-		isSelected(option, action) {
-			let alreadyAdded = false;
-			if (option.perms !== null) {
-				alreadyAdded = option.perms.includes(action);
-			}
-			return (
-				alreadyAdded ||
-				(this.updated?.[option.pagetype]?.[option.name] || []).includes(action)
-			);
-		},
-		updateSearchTerm(value) {
-			if (value) {
-				this.filteredList = this.fuse.search(value).map(result => result.item);
-			} else {
-				this.filteredList = this.options;
-			}
-		},
-		updateAction(option, index, action) {
-			// create updated object for pagetype if it doesn't exists
-			if (!this.updated[option.pagetype]) {
-				// if an entry for docname doesn't exists add it to update object with default permission
-				this.updated[option.pagetype] = {};
-			}
-			// create updated record for docname if it doesn't exists and set all existing perms
-			if (!this.updated[option.pagetype][option.name]) {
-				this.updated[option.pagetype][option.name] =
-					option.perms === null ? [] : option.perms.split(',');
-			}
-			if (this.updated[option.pagetype][option.name].includes(action)) {
-				// toggle off
-				this.updated[option.pagetype][option.name] = this.updated[
-					option.pagetype
-				][option.name].filter(item => item !== action);
-			} else {
-				// toggled on
-				this.updated[option.pagetype][option.name].push(action);
-			}
-		},
-		toggleSelectAll(option, index, selected) {
-			if (!this.updated[option.pagetype]) {
-				this.updated[option.pagetype] = {};
-			}
-			const allActions = Object.values(this.actions[option.pagetype]);
-			this.updated[option.pagetype][option.name] = selected
-				? Object.assign([], allActions)
-				: [];
-			this.filteredList[index].perms = selected ? allActions.join(',') : '';
-		}
-	},
-	computed: {
-		options() {
-			if (!this.$resources.options.data) return [];
-			return this.$resources.options.data.options;
-		},
-		actions() {
-			if (!this.$resources.options.data) return {};
-			return this.$resources.options.data.actions;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/FeatureFlags.vue b/dashboard_backup/src/views/settings/FeatureFlags.vue
deleted file mode 100644
index eaadb31..0000000
--- a/dashboard_backup/src/views/settings/FeatureFlags.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<Card title="Advanced features" v-if="$account.hasRole('Jcloud Admin')">
-		<div class="flex flex-col space-y-4">
-			<FormControl
-				v-for="field in fields"
-				type="checkbox"
-				:label="field.label"
-				v-model="values[field.fieldname]"
-			/>
-		</div>
-		<div class="mt-4">
-			<Button
-				variant="solid"
-				v-if="isDirty"
-				@click="$resources.updateFeatureFlags.submit()"
-				:loading="$resources.updateFeatureFlags.loading"
-			>
-				Save changes
-			</Button>
-		</div>
-	</Card>
-</template>
-<script>
-import { FormControl } from 'jingrow-ui';
-
-let fields = [
-	{ label: 'Enable private benches', fieldname: 'benches_enabled' },
-	//{ label: 'Enable servers', fieldname: 'servers_enabled' },
-	//{
-	//label: 'Enable self-hosted servers',
-	//fieldname: 'self_hosted_servers_enabled'
-	//},
-	{
-		label: 'Enable security portal',
-		fieldname: 'security_portal_enabled'
-	}
-];
-
-export default {
-	name: 'FeatureFlags',
-	components: { FormControl },
-	data() {
-		let values = {};
-
-		for (let field of fields) {
-			values[field.fieldname] = Boolean(this.$account.team[field.fieldname]);
-		}
-
-		return {
-			values,
-			fields
-		};
-	},
-	resources: {
-		updateFeatureFlags() {
-			return {
-				url: 'jcloud.api.account.update_feature_flags',
-				params: {
-					values: this.values
-				},
-				onSuccess() {
-					this.$account.fetchAccount();
-				}
-			};
-		}
-	},
-	computed: {
-		isDirty() {
-			return Object.keys(this.values).some(
-				key => Number(this.values[key]) !== Number(this.$account.team[key])
-			);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/ManageGroupMembers.vue b/dashboard_backup/src/views/settings/ManageGroupMembers.vue
deleted file mode 100644
index 89e0349..0000000
--- a/dashboard_backup/src/views/settings/ManageGroupMembers.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-	<Dialog
-		:options="{ title: `Manage Members for ${group.title}` }"
-		:modelValue="show"
-		@after-leave="
-			() => {
-				$emit('close', true);
-				this.memberEmail = '';
-			}
-		"
-	>
-		<template v-slot:body-content>
-			<LoadingText v-if="$resources.groupUsers.loading" />
-			<div v-else>
-				<span
-					v-if="$resources.groupUsers.data.length === 0"
-					class="text-gray-500 text-center"
-				>
-					No members added to this group.
-				</span>
-				<ListItem
-					v-else
-					v-for="user in $resources.groupUsers.data"
-					:title="user"
-					:key="user"
-				>
-					<template #actions>
-						<Button
-							icon="trash"
-							@click="
-								() =>
-									$resources.removeGroupUser.submit({
-										name: group.name,
-										user: user
-									})
-							"
-						/>
-					</template>
-				</ListItem>
-			</div>
-		</template>
-		<template v-slot:actions>
-			<Autocomplete
-				:options="autoCompleteList"
-				v-model="member"
-				placeholder="Select a member to add"
-			/>
-			<Button
-				variant="solid"
-				label="Add Member"
-				class="mt-2 w-full"
-				:loading="$resources.groupUsers.loading"
-				@click="
-					$resources.addGroupUser.submit({
-						name: group.name,
-						user: member.value
-					})
-				"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'ManageGroupMembers',
-	data() {
-		return {
-			member: {},
-			autoCompleteList: []
-		};
-	},
-	props: ['show', 'group'],
-	watch: {
-		group() {
-			this.$resources.groupUsers.submit();
-		}
-	},
-	resources: {
-		removeGroupUser: {
-			url: 'jcloud.api.account.remove_permission_group_user',
-			onSuccess() {
-				this.$resources.groupUsers.fetch();
-			}
-		},
-		addGroupUser: {
-			url: 'jcloud.api.account.add_permission_group_user',
-			onSuccess() {
-				this.$resources.groupUsers.fetch();
-				this.member = {};
-			}
-		},
-		groupUsers() {
-			return {
-				url: 'jcloud.api.account.permission_group_users',
-				params: {
-					name: this.group.name
-				},
-				onSuccess(r) {
-					this.autoCompleteList = this.$account.team_members
-						.filter(user => {
-							return (
-								!r.includes(user.name) && user.name != this.$account.team.user
-							);
-						})
-						.map(user => {
-							return {
-								label: user.name,
-								value: user.name
-							};
-						});
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/PartnerCustomers.vue b/dashboard_backup/src/views/settings/PartnerCustomers.vue
deleted file mode 100644
index 7113837..0000000
--- a/dashboard_backup/src/views/settings/PartnerCustomers.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-	<Card
-		title="Partner Customers"
-		subtitle="Customers associated with your account"
-		v-if="$account.team.jerp_partner"
-	>
-		<div class="max-h-96 divide-y">
-			<div
-				class="grid grid-cols-4 items-center gap-x-8 py-4 text-base text-gray-600"
-			>
-				<span>Name</span>
-				<span>Email</span>
-				<span>Currency</span>
-				<span>Payment Mode</span>
-			</div>
-			<div
-				:key="customer.team"
-				v-for="customer in partnerCustomers"
-				class="grid grid-cols-4 items-center gap-x-8 py-4 text-base text-gray-900"
-			>
-				<span>{{ customer.billing_name }}</span>
-				<span class="break-all">{{ customer.email }}</span>
-				<span>{{ customer.currency }}</span>
-				<span>
-					{{ customer.payment_mode }}
-				</span>
-			</div>
-		</div>
-	</Card>
-</template>
-<script>
-export default {
-	name: 'PartnerCustomers',
-	data() {
-		return {
-			partnerCustomers: []
-		};
-	},
-	resources: {
-		getPartnerCustomers: {
-			url: 'jcloud.api.partner.get_partner_customers',
-			onSuccess(data) {
-				this.partnerCustomers = data.map(d => {
-					return {
-						email: d.user,
-						billing_name: d.billing_name || '',
-						payment_mode: d.payment_mode || '',
-						currency: d.currency
-					};
-				});
-			},
-			auto: true
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/PartnerReferral.vue b/dashboard_backup/src/views/settings/PartnerReferral.vue
deleted file mode 100644
index 23fd75e..0000000
--- a/dashboard_backup/src/views/settings/PartnerReferral.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<Card
-		title="Partner Referral"
-		subtitle="Your unique partner referral code"
-		v-if="$account.team.jerp_partner"
-	>
-		<div class="space-y-4">
-			<ClickToCopyField :textContent="referralCode" />
-			<h3 class="text-base text-gray-700">
-				Partners can share this referral code with their customers to link their
-				account with the partner.
-			</h3>
-		</div>
-	</Card>
-</template>
-
-<script>
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-
-export default {
-	name: 'PartnerReferral',
-	components: {
-		ClickToCopyField
-	},
-	computed: {
-		referralCode() {
-			if (
-				this.$account.team.jerp_partner &&
-				this.$account.team.partner_referral_code
-			) {
-				return this.$account.team.partner_referral_code;
-			}
-			return '';
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/PartnerRequestStatus.vue b/dashboard_backup/src/views/settings/PartnerRequestStatus.vue
deleted file mode 100644
index 0a83862..0000000
--- a/dashboard_backup/src/views/settings/PartnerRequestStatus.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-	<Card title="Partner Request Status" v-if="!$account.team.jerp_partner">
-		<template #actions>
-			<Badge
-				:variant="'subtle'"
-				:theme="this.partnerRequestStatus === 'Pending' ? 'orange' : 'green'"
-				size="lg"
-				:label="this.partnerRequestStatus"
-				v-if="this.partnerRequestStatus"
-			/>
-		</template>
-		<div class="flex items-center">
-			<div v-if="$account.team.partnership_date">
-				<span class="text-base">
-					Customer Partnership Start Date:
-					<span class="font-semibold">{{
-						$date($account.team.partnership_date).toLocaleString({
-							month: 'long',
-							day: 'numeric',
-							year: 'numeric'
-						})
-					}}</span>
-				</span>
-			</div>
-			<div v-else>
-				<span class="text-base">
-					To set Customer Partnership Start Date, click on Edit button</span
-				>
-			</div>
-			<div class="ml-auto">
-				<Button icon-left="edit" @click="showDateEditDialog = true">
-					Edit
-				</Button>
-			</div>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Update Customer Partnership Start Date',
-				actions: [
-					{
-						variant: 'solid',
-						label: 'Save Changes',
-						onClick: () => $resources.updatePartnershipDate.submit()
-					}
-				]
-			}"
-			v-model="showDateEditDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl
-					label="Enter Partnership Start Date"
-					type="date"
-					v-model="partnerDate"
-					description="This date will be used to calculate your partner's target achievement."
-				/>
-				<ErrorMessage
-					class="mt-2"
-					:message="$resources.updatePartnershipDate.error"
-				/>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import { DateTime } from 'luxon';
-
-export default {
-	name: 'PartnerRequestStatus',
-	data() {
-		return {
-			partnerRequestStatus: null,
-			partnershipDate: null,
-			showDateEditDialog: false,
-			partnerDate: null
-		};
-	},
-	resources: {
-		getStatus: {
-			url: 'jcloud.api.partner.get_partner_request_status',
-			params: {
-				team: $account.team.name
-			},
-			onSuccess(data) {
-				this.partnerRequestStatus = data;
-			},
-			auto: true
-		},
-		updatePartnershipDate() {
-			return {
-				url: 'jcloud.api.partner.update_partnership_date',
-				params: {
-					team: $account.team.name,
-					partnership_date: this.partnerDate || this.today
-				},
-				onSuccess() {
-					this.showDateEditDialog = false;
-				},
-				validate() {
-					if (!$account.team.partner_email) {
-						return 'Please link your account with Partner Code first.';
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		today() {
-			return DateTime.local().toISODate();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/PartnerSettings.vue b/dashboard_backup/src/views/settings/PartnerSettings.vue
deleted file mode 100644
index 0cfe176..0000000
--- a/dashboard_backup/src/views/settings/PartnerSettings.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-	<div class="mx-auto max-w-4xl space-y-5">
-		<AccountPartner />
-		<PartnerReferral />
-		<PartnerCustomers class="col-span-1 md:col-span-2" />
-		<PartnerRequestStatus />
-	</div>
-</template>
-
-<script>
-import PartnerCustomers from './PartnerCustomers.vue';
-import AccountPartner from './AccountPartner.vue';
-import PartnerReferral from './PartnerReferral.vue';
-import PartnerRequestStatus from './PartnerRequestStatus.vue';
-
-export default {
-	name: 'PartnerSettings',
-	pageMeta() {
-		return {
-			title: 'Settings - Partner'
-		};
-	},
-	components: {
-		AccountPartner,
-		PartnerCustomers,
-		PartnerReferral,
-		PartnerRequestStatus
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/ProfileSettings.vue b/dashboard_backup/src/views/settings/ProfileSettings.vue
deleted file mode 100644
index 0245999..0000000
--- a/dashboard_backup/src/views/settings/ProfileSettings.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-	<div class="space-y-5">
-		<AccountProfile />
-		<AccountEmails />
-		<AccountReferral />
-	</div>
-</template>
-
-<script>
-import AccountProfile from './AccountProfile.vue';
-import AccountReferral from './AccountReferral.vue';
-import AccountEmails from './AccountEmails.vue';
-
-export default {
-	name: 'AccountSettings',
-	pageMeta() {
-		return {
-			title: 'Settings - Profile'
-		};
-	},
-	components: {
-		AccountProfile,
-		AccountReferral,
-		AccountEmails
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/settings/TeamSettings.vue b/dashboard_backup/src/views/settings/TeamSettings.vue
deleted file mode 100644
index 7b10e25..0000000
--- a/dashboard_backup/src/views/settings/TeamSettings.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-	<div
-		v-if="
-			$account.user.name === $account.team.user ||
-			$account.user.user_type === 'System User'
-		"
-		class="space-y-5"
-	>
-		<AccountMembers />
-		<AccountGroups />
-	</div>
-</template>
-
-<script>
-import AccountGroups from './AccountGroups.vue';
-import AccountMembers from './AccountMembers.vue';
-
-export default {
-	name: 'AccountSettings',
-	pageMeta() {
-		return {
-			title: 'Settings - Team'
-		};
-	},
-	components: {
-		AccountMembers,
-		AccountGroups
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/AppSiteSetup.vue b/dashboard_backup/src/views/site/AppSiteSetup.vue
deleted file mode 100644
index ee6afe8..0000000
--- a/dashboard_backup/src/views/site/AppSiteSetup.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-<template>
-	<div class="min-h-screen bg-gray-50" v-if="saasProduct.data">
-		<LoginBox :title="state == 'Pending' ? 'Create your site' : ''">
-			<template #logo>
-				<div class="mx-auto flex flex-col items-center">
-					<img
-						class="mb-1"
-						v-if="saasProduct.data.logo"
-						:src="saasProduct.data.logo"
-						:alt="saasProduct.data.title"
-					/>
-					<div class="text-4xl font-semibold text-gray-900" v-else>
-						{{ saasProduct.data.title }}
-					</div>
-					<div class="text-base text-gray-700">Powered by 今果 Jingrow</div>
-				</div>
-			</template>
-			<div class="space-y-3" v-if="state == 'Pending'">
-				<FormControl
-					label="Your Email"
-					:modelValue="$account.user.email"
-					:disabled="true"
-				/>
-				<FormControl
-					class="subdomain mt-2"
-					label="Site Name"
-					v-model="subdomain"
-					@keydown.enter="createSite.submit()"
-				>
-					<template #suffix>
-						<div
-							ref="domainSuffix"
-							class="flex items-center text-base text-gray-600"
-						>
-							.{{ saasProduct.data.domain || 'jingrow.cloud' }}
-						</div>
-					</template>
-				</FormControl>
-				<ErrorMessage :message="createSite.error" />
-				<Button
-					class="w-full"
-					variant="solid"
-					@click="createSite.submit()"
-					:loading="createSite.loading"
-				>
-					Create
-				</Button>
-			</div>
-			<div v-else-if="state == 'Wait for Site'">
-				<Progress
-					label="Creating site"
-					:value="siteProgress.data?.progress || 0"
-					size="md"
-				/>
-				<ErrorMessage
-					:message="siteProgress.data?.error ? 'An error occurred' : null"
-				/>
-			</div>
-			<div v-else-if="state == 'Site Created'">
-				<div class="text-center text-base text-gray-900">
-					Your site is ready. Logging in...
-				</div>
-			</div>
-		</LoginBox>
-	</div>
-</template>
-<script setup>
-import { ref, computed } from 'vue';
-import { ErrorMessage, Progress, createResource } from 'jingrow-ui';
-import LoginBox from '../partials/LoginBox.vue';
-import { useElementSize } from '@vueuse/core';
-import { validateSubdomain } from '@/utils';
-
-const props = defineProps(['product']);
-const state = ref('Pending'); // Pending, Wait for Site, Site Created
-
-const saasProduct = createResource({
-	url: 'jcloud.api.saas.get_saas_product_info',
-	params: {
-		product: props.product
-	},
-	auto: true,
-	onSuccess(data) {
-		if (data?.site_request) {
-			state.value = data.site_request.status;
-			if (state.value === 'Wait for Site') {
-				siteProgress.reload();
-			}
-		}
-	}
-});
-
-const subdomain = ref(null);
-const createSite = createResource({
-	url: 'jcloud.api.saas.create_site',
-	makeParams() {
-		return {
-			product: props.product,
-			subdomain: subdomain.value,
-			site_request: saasProduct.data.site_request
-		};
-	},
-	validate() {
-		return validateSubdomain(subdomain.value);
-	},
-	onSuccess() {
-		state.value = 'Wait for Site';
-		siteProgress.reload();
-	}
-});
-
-const siteProgress = createResource({
-	url: 'jcloud.api.saas.get_site_progress',
-	makeParams() {
-		return {
-			site_request: saasProduct.data.site_request.name
-		};
-	},
-	onSuccess(data) {
-		if (data.progress == 100) {
-			state.value = 'Site Created';
-			loginToSite.submit();
-		} else {
-			setTimeout(() => {
-				siteProgress.reload();
-			}, 2000);
-		}
-	}
-});
-
-const loginToSite = createResource({
-	url: 'jcloud.api.saas.login_to_site',
-	makeParams() {
-		return {
-			site_request: saasProduct.data.site_request.name
-		};
-	},
-	onSuccess(data) {
-		if (data?.sid && data?.site) {
-			window.location.href = `https://${data.site}/desk?sid=${data.sid}`;
-		}
-	}
-});
-
-const domainSuffix = ref(null);
-const { width } = useElementSize(domainSuffix);
-const inputPaddingRight = computed(() => {
-	return width.value + 10 + 'px';
-});
-</script>
-<style scoped>
-.subdomain :deep(input) {
-	padding-right: v-bind(inputPaddingRight);
-}
-</style>
diff --git a/dashboard_backup/src/views/site/DatabaseAccessDialog.vue b/dashboard_backup/src/views/site/DatabaseAccessDialog.vue
deleted file mode 100644
index 4f9ad98..0000000
--- a/dashboard_backup/src/views/site/DatabaseAccessDialog.vue
+++ /dev/null
@@ -1,322 +0,0 @@
-<template>
-	<Dialog
-		:options="{ title: 'Access Database' }"
-		v-if="site"
-		v-model="showDialog"
-		@close="dialogClosed"
-	>
-		<template v-slot:body-content>
-			<LoadingText v-if="$resources.fetchDatabaseAccessInfo.loading" />
-
-			<!-- Not available on current plan, upsell higher plans -->
-			<div v-else-if="!databaseAccessInfo?.is_available_on_current_plan">
-				<div>
-					<p class="text-base">
-						Database access is not available on your current plan. Please
-						upgrade your plan to access your site database.
-					</p>
-
-					<Button
-						class="mt-4 w-full"
-						variant="solid"
-						@click="showChangePlanDialog = true"
-						>Upgrade Site Plan</Button
-					>
-				</div>
-
-				<Dialog
-					:options="{
-						title: 'Upgrade Plan',
-						actions: [
-							{
-								label: 'Submit',
-								variant: 'solid',
-								loading: $resources.changePlan.loading,
-								onClick: () => $resources.changePlan.submit()
-							}
-						]
-					}"
-					v-model="showChangePlanDialog"
-				>
-					<template v-slot:body-content>
-						<SitePlansTable
-							class="mt-3"
-							:plans="plans"
-							v-model:selectedPlan="selectedPlan"
-						/>
-						<ErrorMessage class="mt-4" :message="$resources.changePlan.error" />
-					</template>
-				</Dialog>
-			</div>
-
-			<!-- Available on the current plan -->
-			<div v-else>
-				<div v-if="databaseAccessInfo">
-					<div v-if="databaseAccessInfo.is_database_access_enabled">
-						<div>
-							<p class="mb-2 text-base font-semibold text-gray-700">
-								Using an Analytics or Business Intelligence Tool
-							</p>
-							<p class="mb-2 text-base">
-								Use following credentials with your analytics or business
-								intelligence tool
-							</p>
-							<p class="ml-1 font-mono text-sm">
-								Host: {{ databaseAccessInfo.credentials.host }}
-							</p>
-							<p class="ml-1 font-mono text-sm">
-								Port: {{ databaseAccessInfo.credentials.port }}
-							</p>
-							<p class="ml-1 font-mono text-sm">
-								Database Name: {{ databaseAccessInfo.credentials.database }}
-							</p>
-							<p class="ml-1 font-mono text-sm">
-								Username: {{ databaseAccessInfo.credentials.username }}
-							</p>
-							<p class="ml-1 font-mono text-sm">
-								Password: {{ databaseAccessInfo.credentials.password }}
-							</p>
-						</div>
-						<div class="pb-2 pt-5">
-							<p class="mb-2 text-base font-semibold text-gray-700">
-								Using MariaDB Client
-							</p>
-							<p class="mb-2 text-base">
-								<span
-									>Run this command in your terminal to access MariaDB
-									console</span
-								>
-							</p>
-							<ClickToCopyField class="ml-1" :textContent="dbAccessCommand" />
-							<p class="mt-3 text-sm">
-								Note: You should have a
-								<span class="font-mono">mariadb</span> client installed on your
-								computer.
-							</p>
-						</div>
-					</div>
-					<div v-else>
-						<p class="mb-2 text-sm">
-							Database console access is disabled for this site.
-						</p>
-					</div>
-				</div>
-
-				<div class="mt-4">
-					<div
-						v-if="
-							databaseAccessInfo &&
-							!databaseAccessInfo.is_database_access_enabled
-						"
-						class="mb-2"
-					>
-						<!-- Enable Read-Write Access -->
-						<FormControl
-							type="checkbox"
-							label="Enable Read-Write Access"
-							v-model="enableReadWriteAccess"
-						/>
-						<ErrorMessage
-							class="mt-2"
-							:message="
-								error ||
-								(enableReadWriteAccess &&
-									'Your credentials can be used to modify or wipe your database')
-							"
-						/>
-					</div>
-					<Button
-						v-if="
-							databaseAccessInfo &&
-							!databaseAccessInfo.is_database_access_enabled
-						"
-						@click="$resources.enableDatabaseAccess.submit()"
-						:loading="
-							$resources.enableDatabaseAccess.loading || pollingAgentJob
-						"
-						variant="solid"
-						class="mt-2 w-full"
-						>Enable
-						{{ enableReadWriteAccess ? 'Read-Write' : 'Read-Only' }}
-						Access</Button
-					>
-
-					<Button
-						v-if="
-							databaseAccessInfo &&
-							databaseAccessInfo.is_database_access_enabled
-						"
-						@click="$resources.disableDatabaseAccess.submit()"
-						:loading="
-							$resources.disableDatabaseAccess.loading || pollingAgentJob
-						"
-						class="w-full"
-						>Disable Access</Button
-					>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import ClickToCopyField from '@/components/ClickToCopyField.vue';
-import SitePlansTable from '@/components/SitePlansTable.vue';
-import { notify } from '@/utils/toast';
-import { jingrowRequest } from 'jingrow-ui';
-
-export default {
-	props: ['site', 'modelValue'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			pollingAgentJob: false,
-			showChangePlanDialog: false,
-			selectedPlan: null,
-			enableReadWriteAccess: false,
-			error: null
-		};
-	},
-	components: {
-		ClickToCopyField,
-		SitePlansTable
-	},
-	resources: {
-		fetchDatabaseAccessInfo() {
-			return {
-				url: 'jcloud.api.site.get_database_access_info',
-				params: {
-					name: this.site
-				},
-				auto: true
-			};
-		},
-		enableDatabaseAccess() {
-			return {
-				url: 'jcloud.api.site.enable_database_access',
-				params: {
-					name: this.site,
-					mode: this.enableReadWriteAccess ? 'read_write' : 'read_only'
-				},
-				onSuccess(d) {
-					this.pollDatabaseAccessJob(d);
-				}
-			};
-		},
-		disableDatabaseAccess() {
-			return {
-				url: 'jcloud.api.site.disable_database_access',
-				params: {
-					name: this.site
-				},
-				onSuccess(d) {
-					this.pollDatabaseAccessJob(d);
-				}
-			};
-		},
-		plans() {
-			return {
-				url: 'jcloud.api.site.get_plans',
-				params: {
-					name: this.site
-				},
-				initialData: [],
-				auto: true
-			};
-		},
-		changePlan() {
-			return {
-				url: 'jcloud.api.site.change_plan',
-				params: {
-					name: this.site,
-					plan: this.selectedPlan?.name
-				},
-				onSuccess() {
-					notify({
-						title: `Plan changed to ${this.selectedPlan.plan_title}`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.showChangePlanDialog = false;
-					this.selectedPlan = null;
-					this.$resources.plans.reset();
-					this.$resources.fetchDatabaseAccessInfo.fetch();
-				},
-				onError(error) {
-					this.showChangePlanDialog = false;
-					notify({
-						title: error,
-						icon: 'x',
-						color: 'red'
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		databaseAccessInfo() {
-			if (
-				!this.$resources.fetchDatabaseAccessInfo.loading &&
-				this.$resources.fetchDatabaseAccessInfo.data
-			) {
-				return this.$resources.fetchDatabaseAccessInfo.data;
-			}
-			return null;
-		},
-		dbAccessCommand() {
-			if (this.databaseAccessInfo) {
-				const { credentials } = this.databaseAccessInfo;
-				return `mysql -u ${credentials.username} -p -h ${credentials.host} -P ${credentials.port} --ssl --ssl-verify-server-cert`;
-			}
-			return null;
-		},
-		plans() {
-			let processedPlans = this.$resources.plans.data.map(plan => {
-				if (!plan.database_access) {
-					plan.disabled = true;
-				}
-
-				return plan;
-			});
-
-			return processedPlans;
-		},
-		showDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	},
-	methods: {
-		dialogClosed() {
-			this.$emit('update:show', null);
-		},
-		pollDatabaseAccessJob(jobName) {
-			this.pollingAgentJob = true;
-
-			jingrowRequest({
-				url: 'jcloud.api.site.get_job_status',
-				params: {
-					job_name: jobName
-				}
-			}).then(message => {
-				console.log(message);
-				if (message.status === 'Success') {
-					this.pollingAgentJob = false;
-					this.$resources.fetchDatabaseAccessInfo.fetch();
-				} else if (message.status === 'Failure') {
-					this.pollingAgentJob = false;
-					this.error = 'Something went wrong. Please try again.';
-				} else {
-					setTimeout(() => {
-						this.pollDatabaseAccessJob(jobName);
-					}, 1000);
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/NewSite.vue b/dashboard_backup/src/views/site/NewSite.vue
deleted file mode 100644
index 0a26562..0000000
--- a/dashboard_backup/src/views/site/NewSite.vue
+++ /dev/null
@@ -1,334 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs
-				:items="[
-					{ label: 'Sites', route: { name: 'Sites' } },
-					{ label: 'New', route: { name: 'NewSite' } }
-				]"
-			/>
-		</header>
-		<WizardCard>
-			<div class="mb-2 text-center">
-				<h1 class="text-2xl font-bold">Create a new site</h1>
-				<p v-if="benchTitle" class="text-base text-gray-700">
-					Site will be created on bench
-					<span class="font-medium">{{ benchTitle }}</span>
-				</p>
-			</div>
-			<Steps :steps="steps">
-				<template
-					v-slot="{ active: activeStep, next, previous, hasPrevious, hasNext }"
-				>
-					<div class="mt-8"></div>
-					<Hostname
-						v-show="activeStep.name === 'Hostname'"
-						v-model="subdomain"
-						@error="error => (subdomainValid = !Boolean(error))"
-					/>
-					<Apps
-						v-show="activeStep.name === 'Apps'"
-						:privateBench="privateBench"
-						:bench="benchName"
-						v-model:selectedApps="selectedApps"
-						v-model:selectedGroup="selectedGroup"
-						v-model:selectedRegion="selectedRegion"
-						v-model:shareDetailsConsent="shareDetailsConsent"
-					/>
-
-					<div v-if="activeStep.name === 'Select App Plans'">
-						<ChangeAppPlanSelector
-							v-for="app in appsWithPlans"
-							:key="app.name"
-							:app="app.name"
-							:group="selectedGroup"
-							:editable="false"
-							class="mb-9"
-							@change="plan => (selectedAppPlans[app.name] = plan.name)"
-						/>
-					</div>
-
-					<Restore
-						v-model:selectedFiles="selectedFiles"
-						v-model:skipFailingPatches="skipFailingPatches"
-						v-show="activeStep.name == 'Restore'"
-					/>
-					<Plans
-						v-model:selectedPlan="selectedPlan"
-						:bench="bench"
-						:benchTeam="benchTeam"
-						v-show="activeStep.name === 'Plan'"
-					/>
-					<ErrorMessage :message="validationMessage" />
-					<div class="mt-4">
-						<!-- Region consent checkbox -->
-						<div class="my-6 w-full" v-if="!hasNext">
-							<FormControl
-								type="checkbox"
-								v-model="agreedToRegionConsent"
-								label="I agree that the laws of the region selected by me shall stand applicable to me and Jingrow."
-							/>
-						</div>
-
-						<ErrorMessage class="mb-4" :message="$resources.newSite.error" />
-
-						<div class="flex items-center justify-between">
-							<Button v-show="hasPrevious" @click="previous"> Back </Button>
-							<Button
-								v-show="
-									(activeStep.name !== 'Restore' || wantsToRestore) && hasNext
-								"
-								class="ml-auto"
-								variant="solid"
-								@click="nextStep(activeStep, next)"
-								:class="{ 'mt-2': hasPrevious }"
-								:loading="loadingPlans"
-								loadingText="Loading"
-							>
-								Next
-							</Button>
-							<Button
-								v-show="
-									!wantsToRestore && activeStep.name === 'Restore' && hasNext
-								"
-								class="ml-auto"
-								variant="solid"
-								@click="nextStep(activeStep, next)"
-							>
-								Skip
-							</Button>
-							<Button
-								v-show="!hasNext"
-								class="ml-auto"
-								variant="solid"
-								:class="{ 'mt-2': hasPrevious }"
-								@click="$resources.newSite.submit()"
-								:loading="$resources.newSite.loading"
-							>
-								Create Site
-							</Button>
-						</div>
-					</div>
-				</template>
-			</Steps>
-		</WizardCard>
-	</div>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import Steps from '@/components/Steps.vue';
-import Hostname from './NewSiteHostname.vue';
-import Apps from './NewSiteApps.vue';
-import Restore from './NewSiteRestore.vue';
-import Plans from './NewSitePlans.vue';
-import ChangeAppPlanSelector from '@/components/ChangeAppPlanSelector.vue';
-
-export default {
-	name: 'NewSite',
-	props: ['bench'],
-	components: {
-		WizardCard,
-		Steps,
-		Hostname,
-		Apps,
-		Restore,
-		Plans,
-		ChangeAppPlanSelector
-	},
-	data() {
-		return {
-			subdomain: null,
-			subdomainValid: false,
-			privateBench: false,
-			benchName: null,
-			benchTitle: null,
-			benchTeam: null,
-			selectedApps: [],
-			selectedGroup: null,
-			selectedRegion: null,
-			selectedFiles: {
-				database: null,
-				public: null,
-				private: null
-			},
-			skipFailingPatches: false,
-			selectedPlan: null,
-			shareDetailsConsent: false,
-			validationMessage: null,
-			steps: [
-				{
-					name: 'Hostname',
-					validate: () => {
-						return this.subdomainValid;
-					}
-				},
-				{
-					name: 'Apps',
-					validate: () => {
-						if (this.privateBench) return true;
-						if (!this.selectedRegion) {
-							this.validationMessage = 'Please select the region';
-							return false;
-						} else {
-							this.validationMessage = null;
-						}
-						return true;
-					}
-				},
-				{
-					name: 'Restore'
-				},
-				{
-					name: 'Plan'
-				}
-			],
-			agreedToRegionConsent: false,
-			selectedAppPlans: {},
-			loadingPlans: false
-		};
-	},
-	async mounted() {
-		if (this.$route.query.domain) {
-			let domain = this.$route.query.domain.split('.');
-			if (domain) {
-				this.subdomain = domain[0];
-			}
-			this.$router.replace({});
-		}
-		if (this.bench) {
-			this.privateBench = true;
-			this.selectedGroup = this.bench;
-			this.benchTitle = this.bench;
-			let { title, creation, team } = await this.$call(
-				'jcloud.api.bench.get_title_and_creation',
-				{
-					name: this.bench
-				}
-			);
-			this.benchName = this.bench;
-			this.benchTitle = title;
-			this.benchTeam = team;
-			if (team == this.$account.team.name) {
-				// Select a zero cost plan and remove the plan selection step
-				this.selectedPlan = { name: 'Unlimited' };
-				let plan_step_index = this.steps.findIndex(step => step.name == 'Plan');
-				this.steps.splice(plan_step_index, 1);
-			}
-		}
-	},
-	resources: {
-		newSite() {
-			return {
-				url: 'jcloud.api.site.new',
-				params: {
-					site: {
-						name: this.subdomain,
-						apps: this.selectedApps,
-						group: this.selectedGroup,
-						cluster: this.selectedRegion,
-						plan: this.selectedPlan ? this.selectedPlan.name : null,
-						files: this.selectedFiles,
-						share_details_consent: this.shareDetailsConsent,
-						skip_failing_patches: this.skipFailingPatches,
-						selected_app_plans: this.selectedAppPlans
-					}
-				},
-				onSuccess(data) {
-					let { site, job = '' } = data;
-					this.$router.push(`/sites/${site}/jobs/${job}`);
-				},
-				validate() {
-					let canCreate =
-						this.subdomainValid &&
-						this.selectedApps.length > 0 &&
-						this.selectedPlan &&
-						(!this.wantsToRestore || this.selectedFiles.database);
-
-					if (!this.agreedToRegionConsent) {
-						return 'Please agree to the above consent to create site';
-					}
-
-					if (!canCreate) {
-						return 'Cannot create site';
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		wantsToRestore() {
-			if (this.selectedFiles.database) {
-				return true;
-			}
-			return false;
-		}
-	},
-	methods: {
-		async nextStep(activeStep, next) {
-			if (activeStep.name == 'Apps') {
-				this.loadingPlans = true;
-
-				// Fetch apps that have plans
-				this.appsWithPlans = await this.$call(
-					'jcloud.api.marketplace.get_apps_with_plans',
-					{
-						apps: JSON.stringify(this.selectedApps),
-						release_group: this.selectedGroup
-					}
-				);
-
-				if (this.appsWithPlans && this.appsWithPlans.length > 0) {
-					this.addPlanSelectionStep();
-
-					this.selectedAppPlans = {};
-					for (let app of this.appsWithPlans) {
-						this.selectedAppPlans[app.name] = null;
-					}
-				} else {
-					this.validationMessage = null;
-					this.removePlanSelectionStepIfExists();
-				}
-
-				this.loadingPlans = false;
-			}
-
-			next();
-		},
-		addPlanSelectionStep() {
-			const appsStepIndex = this.steps.findIndex(step => step.name == 'Apps');
-
-			const selectAppPlansStepIndex = this.steps.findIndex(
-				step => step.name == 'Select App Plans'
-			);
-			if (selectAppPlansStepIndex < 0) {
-				this.steps.splice(appsStepIndex + 1, 0, {
-					name: 'Select App Plans',
-					validate: () => {
-						for (let app of Object.keys(this.selectedAppPlans)) {
-							if (!this.selectedAppPlans[app]) {
-								this.validationMessage = `Please select a plan for ${app}`;
-								return false;
-							} else {
-								this.validationMessage = null;
-							}
-						}
-
-						return true;
-					}
-				});
-			}
-		},
-		removePlanSelectionStepIfExists() {
-			const selectAppPlansStepIndex = this.steps.findIndex(
-				step => step.name == 'Select App Plans'
-			);
-			if (selectAppPlansStepIndex >= 0) {
-				this.steps.splice(selectAppPlansStepIndex, 1);
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/NewSiteApps.vue b/dashboard_backup/src/views/site/NewSiteApps.vue
deleted file mode 100644
index ce000e3..0000000
--- a/dashboard_backup/src/views/site/NewSiteApps.vue
+++ /dev/null
@@ -1,241 +0,0 @@
-<template>
-	<div>
-		<div v-if="$resources.versions.loading" class="flex justify-center">
-			<LoadingText />
-		</div>
-		<div class="space-y-6" v-if="$resources.versions.data">
-			<div v-if="!this.privateBench">
-				<h2 class="text-lg font-semibold">Select Jingrow version</h2>
-				<p class="text-base text-gray-700">
-					Select the Jingrow version for your site
-				</p>
-				<div class="mt-4">
-					<FormControl
-						type="select"
-						v-model="selectedVersion"
-						:options="versionOptions"
-					/>
-				</div>
-			</div>
-			<div v-if="regionOptions.length > 0">
-				<h2 class="text-lg font-semibold">Select Region</h2>
-				<p class="text-base text-gray-700">
-					Select the datacenter region where your site should be created
-				</p>
-				<div class="mt-4">
-					<RichSelect
-						:value="selectedRegion"
-						@change="$emit('update:selectedRegion', $event)"
-						:options="regionOptions"
-					/>
-				</div>
-			</div>
-			<div v-if="publicApps.length > 1 || privateApps.length">
-				<h2 class="text-lg font-semibold">Select apps to install</h2>
-				<p class="text-base text-gray-700">
-					Choose apps to install on your site. You can select apps published on
-					marketplace or your private apps.
-				</p>
-				<div class="mt-4 space-y-4">
-					<div v-if="publicApps.length">
-						<h3 class="sr-only">Marketplace Apps</h3>
-						<div
-							class="-mx-2 mt-4 grid max-h-56 grid-cols-2 gap-4 overflow-y-auto px-2 py-2"
-						>
-							<SelectableCard
-								v-for="publicApp in publicApps"
-								:key="publicApp.app"
-								@click.native="toggleApp(publicApp)"
-								:title="
-									publicApp.marketplace
-										? publicApp.marketplace.title
-										: publicApp.app_title
-								"
-								:image="
-									publicApp.marketplace ? publicApp.marketplace.image : null
-								"
-								:selected="selectedApps.includes(publicApp.app)"
-								v-show="!publicApp.jingrow"
-								fullCircleImage
-							>
-								<template #secondary-content>
-									<a
-										v-if="publicApp.marketplace"
-										class="inline-block text-sm leading-snug text-gray-600"
-										:href="'/' + publicApp.marketplace.route"
-										target="_blank"
-										@click.stop
-									>
-										Details
-									</a>
-									<span class="text-sm leading-snug text-gray-700" v-else>
-										{{ publicApp.repository_owner }}/{{ publicApp.repository }}
-									</span>
-								</template>
-							</SelectableCard>
-							<div class="h-1 py-4" v-if="publicApps.length > 4"></div>
-						</div>
-					</div>
-					<div v-if="privateApps.length > 0">
-						<h3 class="text-sm font-medium">Your Private Apps</h3>
-						<div
-							class="mt- -mx-2 grid max-h-56 grid-cols-2 gap-4 overflow-y-auto px-2 py-2"
-						>
-							<SelectableCard
-								v-for="app in privateApps"
-								:key="app.app"
-								@click.native="toggleApp(app)"
-								:selected="selectedApps.includes(app.app)"
-								:title="app.app_title"
-								fullCircleImage
-							>
-								<div slot="secondary-content" class="text-base text-gray-700">
-									{{ app.repository_owner }}:{{ app.branch }}
-								</div>
-							</SelectableCard>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div v-if="selectedApps.includes('jerp')">
-				<FormControl
-					type="checkbox"
-					label="I am okay if my details are shared with local partner"
-					@change="
-						val => $emit('update:shareDetailsConsent', val.target.checked)
-					"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import SelectableCard from '@/components/SelectableCard.vue';
-import RichSelect from '@/components/RichSelect.vue';
-
-export default {
-	components: {
-		SelectableCard,
-		RichSelect
-	},
-	name: 'Apps',
-	emits: [
-		'update:selectedApps',
-		'update:selectedGroup',
-		'update:selectedRegion',
-		'update:shareDetailsConsent'
-	],
-	props: [
-		'selectedApps',
-		'selectedGroup',
-		'privateBench',
-		'selectedRegion',
-		'shareDetailsConsent',
-		'bench'
-	],
-	data() {
-		return {
-			selectedVersion: null,
-			version: null
-		};
-	},
-	computed: {
-		publicApps() {
-			return this.apps
-				.filter(app => app.public)
-				.map(app => {
-					app.marketplace = this.marketplaceApps[app.app] || null;
-					return app;
-				});
-		},
-		privateApps() {
-			return this.apps.filter(app => !app.public);
-		},
-		apps() {
-			let group = this.getSelectedGroup();
-			return group ? group.apps : [];
-		},
-		versionOptions() {
-			return this.versions.map(version => version.name);
-		},
-		regionOptions() {
-			let group = this.getSelectedGroup();
-			return group
-				? group.clusters.map(d => ({
-						label: d.title,
-						value: d.name,
-						image: d.image,
-						beta: d.beta
-				  }))
-				: [];
-		}
-	},
-	watch: {
-		selectedVersion(value) {
-			if (!this.privateBench) {
-				let selectedVersion = this.versions.find(v => v.name == value);
-				this.$emit('update:selectedGroup', selectedVersion.group.name);
-			}
-		},
-		selectedGroup() {
-			this.$emit('update:selectedApps', ['jingrow']);
-			if (this.regionOptions.length > 0) {
-				this.$emit('update:selectedRegion', this.regionOptions[0].value);
-			}
-		}
-	},
-	methods: {
-		toggleApp(app) {
-			if (app.jingrow) return;
-			if (!this.selectedApps.includes(app.app)) {
-				this.$emit('update:selectedApps', this.selectedApps.concat(app.app));
-			} else {
-				this.$emit(
-					'update:selectedApps',
-					this.selectedApps.filter(a => a !== app.app)
-				);
-			}
-		},
-		getSelectedGroup() {
-			if (!this.versions || !this.selectedVersion || !this.selectedGroup) {
-				return null;
-			}
-			let selectedVersion = this.versions.find(
-				v => v.name == this.selectedVersion
-			);
-			return selectedVersion.group;
-		}
-	},
-	resources: {
-		versions() {
-			return {
-				url: 'jcloud.api.site.get_new_site_options',
-				auto: true,
-				params: {
-					group: this.privateBench ? this.bench : ''
-				},
-				onSuccess(r) {
-					this.versions = r.versions.filter(v => {
-						return v.group;
-					});
-					this.marketplaceApps = r.marketplace_apps;
-
-					// from mounted
-					if (this.privateBench) {
-						this.selectedVersion = this.versions.filter(
-							v => v.group.name === this.bench
-						)[0].name;
-						this.$emit('update:selectedApps', ['jingrow']);
-					} else {
-						this.selectedVersion = this.versions[0].name;
-					}
-
-					if (this.regionOptions.length == 1) {
-						this.$emit('update:selectedRegion', this.regionOptions[0].value);
-					}
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/NewSiteHostname.vue b/dashboard_backup/src/views/site/NewSiteHostname.vue
deleted file mode 100644
index 0198920..0000000
--- a/dashboard_backup/src/views/site/NewSiteHostname.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold"> Choose a hostname </label>
-		<p class="text-base text-gray-700">
-			Give your site a unique name. It can only contain alphanumeric characters
-			and dashes.
-		</p>
-		<div class="mt-4 flex">
-			<input
-				class="form-input z-10 w-full rounded-r-none"
-				type="text"
-				:value="modelValue"
-				placeholder="subdomain"
-				@change="subdomainChange"
-			/>
-			<div class="flex items-center rounded-r bg-gray-100 px-4 text-base">
-				.{{ domain }}
-			</div>
-		</div>
-		<div class="mt-1">
-			<div
-				v-if="subdomainAvailable"
-				class="text-sm text-green-600"
-				role="alert"
-			>
-				{{ modelValue }}.{{ domain }} is available
-			</div>
-			<ErrorMessage :message="errorMessage" />
-		</div>
-	</div>
-</template>
-<script>
-import { validateSubdomain } from '@/utils';
-
-export default {
-	name: 'Hostname',
-	props: ['modelValue'],
-	emits: ['update:modelValue', 'error'],
-	data() {
-		return {
-			subdomainAvailable: false,
-			errorMessage: null
-		};
-	},
-	resources: {
-		domain() {
-			return {
-				url: 'jcloud.api.site.get_domain',
-				auto: true
-			};
-		}
-	},
-	computed: {
-		domain() {
-			return this.$resources.domain.data;
-		}
-	},
-	methods: {
-		async subdomainChange(e) {
-			let subdomain = e.target.value;
-			this.$emit('update:modelValue', subdomain);
-			this.subdomainAvailable = false;
-
-			let error = this.validateSubdomain(subdomain);
-			if (!error) {
-				let subdomainTaken = await this.$call('jcloud.api.site.exists', {
-					subdomain,
-					domain: this.domain
-				});
-				if (subdomainTaken) {
-					error = `${subdomain}.${this.domain} already exists.`;
-				} else {
-					this.subdomainAvailable = true;
-				}
-			}
-			this.errorMessage = error;
-			this.$emit('error', error);
-		},
-		validateSubdomain(subdomain) {
-			return validateSubdomain(subdomain);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/NewSitePlans.vue b/dashboard_backup/src/views/site/NewSitePlans.vue
deleted file mode 100644
index 9098353..0000000
--- a/dashboard_backup/src/views/site/NewSitePlans.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold"> Choose your plan </label>
-		<p class="text-base text-gray-700">
-			Select a plan based on the type of usage you are expecting on your site.
-		</p>
-		<div class="mt-4">
-			<div v-if="$resources.plans.loading" class="flex justify-center">
-				<LoadingText />
-			</div>
-			<SitePlansTable
-				v-if="plans"
-				:plans="plans"
-				:selectedPlan="selectedPlan"
-				@update:selectedPlan="plan => $emit('update:selectedPlan', plan)"
-			/>
-		</div>
-	</div>
-</template>
-<script>
-import SitePlansTable from '@/components/SitePlansTable.vue';
-
-export default {
-	name: 'Plans',
-	emits: ['update:selectedPlan'],
-	props: ['bench', 'selectedPlan', 'benchTeam'],
-	components: {
-		SitePlansTable
-	},
-	data() {
-		return {
-			plans: null
-		};
-	},
-	resources: {
-		plans() {
-			return {
-				url: 'jcloud.api.site.get_plans',
-				params: {
-					rg: this.bench
-				},
-				auto: true,
-				onSuccess(r) {
-					this.plans = r.map(plan => {
-						plan.disabled = !this.$account.hasBillingInfo;
-						return plan;
-					});
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/NewSiteRestore.vue b/dashboard_backup/src/views/site/NewSiteRestore.vue
deleted file mode 100644
index edb98fb..0000000
--- a/dashboard_backup/src/views/site/NewSiteRestore.vue
+++ /dev/null
@@ -1,267 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold"> Restore an existing site </label>
-		<p class="text-base text-gray-700">
-			Restore an existing site from backup files or directly from site url.
-		</p>
-		<div class="mt-4 grid grid-cols-2 gap-6">
-			<Button
-				v-for="tab in [
-					{ name: 'Upload Backups', key: 'backup' },
-					{ name: 'Migrate from Site URL', key: 'siteUrl' }
-				]"
-				:key="tab.key"
-				:type="restoreFrom === tab.key ? 'primary' : 'secondary'"
-				@click="restoreFrom = tab.key"
-			>
-				{{ tab.name }}
-			</Button>
-		</div>
-		<div v-if="restoreFrom === 'backup'">
-			<div
-				class="mt-6 rounded-md border border-gray-300 px-4 py-3 text-sm text-gray-700"
-			>
-				<ol class="list-decimal pl-4">
-					<li>Login to your site.</li>
-					<li>From the Download Backups page, download the latest backup.</li>
-					<li>
-						To get files backup, click on Download Files Backup. This will
-						generate a new files backup and you will get an email.
-					</li>
-					<li>
-						Download the files backup from the links in the email and upload the
-						files here.
-					</li>
-				</ol>
-			</div>
-			<Alert class="mt-5 w-full" v-if="manualMigration">
-				Seems like your site is huge. Open a support ticket mentioning that you
-				want to restore a backup and it's size and we'll take it from there.
-			</Alert>
-			<BackupFilesUploader
-				class="mt-6"
-				:backupFiles="selectedFiles"
-				@update:backupFiles="files => $emit('update:selectedFiles', files)"
-			/>
-		</div>
-		<div v-if="restoreFrom === 'siteUrl'">
-			<div class="mt-6">
-				<div
-					class="rounded-md border border-gray-300 px-4 py-3 text-sm text-gray-700"
-				>
-					<ol class="list-decimal pl-4">
-						<li>Login to your site.</li>
-						<li>
-							From the Download Backups page, click on Download Files Backup.
-						</li>
-						<li>
-							This will generate a new files backup and you will get an email.
-						</li>
-						<li>After that, come back here and click on Get Backups.</li>
-					</ol>
-				</div>
-				<Alert
-					class="mt-5 w-full"
-					v-if="
-						errorContains('Your site exceeds the limits for this operation')
-					"
-				>
-					Seems like your site is huge. Open a support ticket mentioning that
-					you want to restore a backup and it's size and we'll take it from
-					there.
-				</Alert>
-				<Form
-					class="mt-6"
-					:fields="[
-						{
-							label: 'Site URL',
-							fieldtype: 'Data',
-							fieldname: 'url'
-						},
-						{
-							label: 'Email',
-							fieldtype: 'Data',
-							fieldname: 'email'
-						},
-						{
-							label: 'Password',
-							fieldtype: 'Password',
-							fieldname: 'password'
-						}
-					]"
-					v-model="jingrowSite"
-				/>
-				<div class="mt-2">
-					<ErrorMessage
-						:message="$resources.getBackupLinks.error"
-						v-if="!$resources.getBackupLinks.data"
-					/>
-					<div
-						class="text-base font-semibold text-green-500"
-						v-if="$resources.getBackupLinks.data"
-					>
-						Found latest backups at {{ fetchedBackupFiles[0].timestamp }}
-					</div>
-					<div class="mt-2 space-y-1" v-if="$resources.getBackupLinks.data">
-						<div v-for="file in fetchedBackupFiles" :key="file.remote_file">
-							<div class="text-base font-medium text-gray-700">
-								{{ file.file_name }}
-							</div>
-						</div>
-					</div>
-				</div>
-				<Button
-					v-if="!$resources.getBackupLinks.data"
-					class="mt-2"
-					@click="$resources.getBackupLinks.submit()"
-					:loading="$resources.getBackupLinks.loading"
-				>
-					Get Backups
-				</Button>
-			</div>
-		</div>
-
-		<div class="mt-3" v-if="['backup', 'siteUrl'].includes(restoreFrom)">
-			<!-- Skip Failing Checkbox -->
-			<input
-				id="skip-failing"
-				type="checkbox"
-				class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-				v-model="wantToSkipFailingPatches"
-			/>
-			<label for="skip-failing" class="ml-2 text-sm text-gray-900">
-				Skip failing patches (if any patch fails)
-			</label>
-		</div>
-	</div>
-</template>
-<script>
-import FileUploader from '@/components/FileUploader.vue';
-import Form from '@/components/Form.vue';
-import BackupFilesUploader from '@/components/BackupFilesUploader.vue';
-import { DateTime } from 'luxon';
-
-export default {
-	name: 'Restore',
-	emits: ['update:selectedFiles', 'update:skipFailingPatches'],
-	props: ['selectedFiles', 'manualMigration', 'skipFailingPatches'],
-	components: {
-		FileUploader,
-		Form,
-		BackupFilesUploader
-	},
-	data() {
-		return {
-			restoreFrom: null,
-			files: [
-				{
-					icon: 'database',
-					type: 'database',
-					ext: 'application/x-gzip',
-					title: 'Database Backup',
-					file: null
-				},
-				{
-					icon: 'file',
-					type: 'public',
-					ext: 'application/x-tar',
-					title: 'Public Files',
-					file: null
-				},
-				{
-					icon: 'file-minus',
-					type: 'private',
-					ext: 'application/x-tar',
-					title: 'Private Files',
-					file: null
-				},
-				{
-					icon: 'file-minus',
-					type: 'config',
-					ext: 'application/json',
-					title: 'Config Files',
-					file: null
-				}
-			],
-			uploadedFiles: {
-				database: null,
-				public: null,
-				private: null
-			},
-			jingrowSite: {
-				url: '',
-				email: '',
-				password: ''
-			},
-			errorMessage: null,
-			wantToSkipFailingPatches: false
-		};
-	},
-	resources: {
-		getBackupLinks() {
-			let { url, email, password } = this.jingrowSite;
-			return {
-				url: 'jcloud.api.site.get_backup_links',
-				params: {
-					url,
-					email,
-					password
-				},
-				validate() {
-					let { url, email, password } = this.jingrowSite;
-					if (!(url && email && password)) {
-						return 'Please enter URL, Username and Password';
-					}
-				},
-				onSuccess(remoteFiles) {
-					let selectedFiles = {};
-					for (let file of remoteFiles) {
-						selectedFiles[file.type] = file.remote_file;
-					}
-					this.$emit('update:selectedFiles', selectedFiles);
-				}
-			};
-		}
-	},
-	methods: {
-		showAlert() {
-			this.manualMigration = true;
-		},
-		errorContains(word) {
-			return (
-				this.$resources.getBackupLinks.error &&
-				this.$resources.getBackupLinks.error.search(word) !== -1
-			);
-		}
-	},
-	computed: {
-		fetchedBackupFiles() {
-			if (!this.$resources.getBackupLinks.data) {
-				return [];
-			}
-			return this.$resources.getBackupLinks.data.map(file => {
-				// Convert "20200820_124804-jerpcom-private-files.tar" to "20200820T124804"
-				// so DateTime can parse it
-				let timestamp_string = file.file_name
-					.split('-')[0]
-					.split('_')
-					.join('T');
-
-				let formatted = DateTime.fromISO(timestamp_string).toLocaleString(
-					DateTime.DATETIME_FULL
-				);
-
-				return {
-					...file,
-					timestamp: formatted
-				};
-			});
-		}
-	},
-	watch: {
-		wantToSkipFailingPatches(value) {
-			this.$emit('update:skipFailingPatches', value);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/Site.vue b/dashboard_backup/src/views/site/Site.vue
deleted file mode 100644
index b4c41e0..0000000
--- a/dashboard_backup/src/views/site/Site.vue
+++ /dev/null
@@ -1,503 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs
-				:items="[
-					{ label: 'Sites', route: { name: 'Sites' } },
-					{
-						label: site?.host_name || site?.name,
-						route: { name: 'SiteOverview', params: { siteName: site?.name } }
-					}
-				]"
-			>
-				<template #actions>
-					<div class="space-x-2">
-						<Button
-							v-if="site?.status === 'Active'"
-							icon-left="external-link"
-							label="Visit Site"
-							:link="`https://${site?.name}`"
-						/>
-						<Dropdown :options="siteActions">
-							<template v-slot="{ open }">
-								<Button variant="ghost" icon="more-horizontal" />
-							</template>
-						</Dropdown>
-					</div>
-				</template>
-			</Breadcrumbs>
-		</header>
-		<div class="p-5" v-if="site">
-			<div
-				class="flex flex-col space-y-3 md:flex-row md:items-baseline md:justify-between md:space-y-0"
-			>
-				<div class="flex items-center">
-					<h1 class="text-2xl font-bold">
-						{{ site.host_name || site.name }}
-					</h1>
-					<Badge class="ml-4" :label="site.status" />
-					<div
-						v-if="regionInfo"
-						class="ml-2 hidden cursor-default flex-row items-center self-end rounded-md bg-yellow-50 px-3 py-1 text-xs font-medium text-yellow-700 md:flex"
-					>
-						<img
-							v-if="regionInfo.image"
-							class="mr-2 h-4"
-							:src="regionInfo.image"
-							:alt="`Flag of ${regionInfo.title}`"
-							:title="regionInfo.image"
-						/>
-						<p>{{ regionInfo.title }}</p>
-					</div>
-				</div>
-				<Button
-					@click="onActivateClick"
-					v-if="site.pending_for_long"
-					:variant="'solid'"
-					class="mr-1"
-				>
-					Activate
-				</Button>
-				<div class="mb-10 flex flex-row justify-between md:hidden">
-					<div class="flex flex-row">
-						<div
-							v-if="regionInfo"
-							class="flex cursor-default flex-row items-center rounded-md bg-yellow-50 px-3 py-1 text-xs font-medium text-yellow-700"
-						>
-							<img
-								v-if="regionInfo.image"
-								class="mr-2 h-4"
-								:src="regionInfo.image"
-								:alt="`Flag of ${regionInfo.title}`"
-								:title="regionInfo.image"
-							/>
-							<p>{{ regionInfo.title }}</p>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="mb-2 mt-4">
-				<SiteAlerts
-					v-if="site && $resources.plan?.data && !$resources.site.loading"
-					:site="site"
-					:plan="$resources.plan.data"
-					@plan-change="handlePlanChange"
-				/>
-			</div>
-			<Tabs :tabs="tabs">
-				<router-view v-slot="{ Component, route }">
-					<component
-						v-if="site"
-						:is="Component"
-						:site="site"
-						:plan="$resources.plan.data"
-						@plan-change="handlePlanChange"
-					/>
-				</router-view>
-			</Tabs>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Login As Administrator',
-				actions: [
-					{
-						label: 'Proceed',
-						variant: 'solid',
-						onClick: proceedWithLoginAsAdmin
-					}
-				]
-			}"
-			v-model="showReasonForAdminLoginDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl
-					label="Reason for logging in as Administrator"
-					type="textarea"
-					v-model="reasonForAdminLogin"
-					required
-				/>
-				<ErrorMessage class="mt-3" :message="errorMessage" />
-			</template>
-		</Dialog>
-
-		<SiteTransferDialog :site="site" v-model="showTransferSiteDialog" />
-
-		<SiteChangeGroupDialog
-			v-if="site"
-			:site="site"
-			v-model="showChangeGroupDialog"
-		/>
-		<SiteChangeRegionDialog
-			v-if="site"
-			:site="site"
-			v-model="showChangeRegionDialog"
-		/>
-		<SiteChangeServerDialog
-			v-if="site"
-			:site="site"
-			v-model="showChangeServerDialog"
-		/>
-		<SiteVersionUpgradeDialog
-			v-if="site"
-			:site="site"
-			v-model="showVersionUpgradeDialog"
-		/>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-import { loginAsAdmin } from '@/controllers/loginAsAdmin';
-import SiteAlerts from './SiteAlerts.vue';
-import { notify } from '@/utils/toast';
-import SiteTransferDialog from './SiteTransferDialog.vue';
-import SiteChangeGroupDialog from './SiteChangeGroupDialog.vue';
-import SiteChangeRegionDialog from './SiteChangeRegionDialog.vue';
-import SiteVersionUpgradeDialog from './SiteVersionUpgradeDialog.vue';
-import SiteChangeServerDialog from './SiteChangeServerDialog.vue';
-
-export default {
-	name: 'Site',
-	pageMeta() {
-		return {
-			title: `Site - ${this.siteName} - 今果 Jingrow`
-		};
-	},
-	props: ['siteName'],
-	components: {
-		SiteAlerts,
-		Tabs,
-		SiteTransferDialog,
-		SiteChangeGroupDialog,
-		SiteChangeRegionDialog,
-		SiteChangeServerDialog,
-		SiteVersionUpgradeDialog
-	},
-	data() {
-		return {
-			runningJob: false,
-			reasonForAdminLogin: '',
-			showReasonForAdminLoginDialog: false,
-			showTransferSiteDialog: false,
-			showChangeGroupDialog: false,
-			showChangeRegionDialog: false,
-			showChangeServerDialog: false,
-			showVersionUpgradeDialog: false,
-			errorMessage: ''
-		};
-	},
-	resources: {
-		site() {
-			return {
-				url: 'jcloud.api.site.get',
-				params: {
-					name: this.siteName
-				},
-				auto: true,
-				onSuccess() {
-					this.routeToGeneral();
-
-					if (this.siteName !== this.site.name) {
-						this.$router.replace({ params: { siteName: this.site.name } });
-					}
-					if (this.site.status !== 'Active' || this.site.setup_wizard_complete)
-						return;
-
-					this.$call('jcloud.api.site.setup_wizard_complete', {
-						name: this.siteName
-					})
-						.then(complete => {
-							this.site.setup_wizard_complete = Boolean(complete);
-						})
-						.catch(() => (this.site.setup_wizard_complete = false));
-				},
-				onError: this.$routeTo404PageIfNotFound
-			};
-		},
-		loginAsAdmin() {
-			return loginAsAdmin(this.siteName);
-		},
-		plan() {
-			return {
-				url: 'jcloud.api.site.current_plan',
-				params: {
-					name: this.siteName
-				},
-				auto: true
-			};
-		}
-	},
-	activated() {
-		this.setupAgentJobUpdate();
-
-		if (this.site?.status === 'Active') {
-			this.$socket.on('list_update', this.onSocketUpdate);
-		}
-	},
-	deactivated() {
-		this.$socket.off('list_update', this.onSocketUpdate);
-	},
-	methods: {
-		onSocketUpdate({ pagetype, name }) {
-			if (pagetype === 'Site' && name === this.siteName) {
-				this.$resources.site.reload();
-			}
-		},
-		setupAgentJobUpdate() {
-			if (this._agentJobUpdateSet) return;
-			this._agentJobUpdateSet = true;
-
-			this.$socket.on('agent_job_update', data => {
-				if (data.name === 'New Site' || data.name === 'New Site from Backup') {
-					if (data.status === 'Success' && data.site === this.siteName) {
-						setTimeout(() => {
-							// running reload immediately doesn't work for some reason
-							this.$router.push(`/sites/${this.siteName}/overview`);
-							this.$resources.site.reload();
-						}, 1000);
-					}
-				}
-				this.runningJob =
-					data.site === this.siteName && data.status !== 'Success';
-			});
-		},
-		routeToGeneral() {
-			if (this.$route.matched.length === 1) {
-				let tab = ['Pending', 'Installing'].includes(this.site?.status)
-					? 'jobs'
-					: 'overview';
-				this.$router.replace(`/sites/${this.site?.name}/${tab}`);
-			}
-		},
-		proceedWithLoginAsAdmin() {
-			this.errorMessage = '';
-
-			if (!this.reasonForAdminLogin.trim()) {
-				// The input is empty
-				this.errorMessage = 'Reason is required';
-				return;
-			}
-
-			this.$resources.loginAsAdmin.submit({
-				name: this.siteName,
-				reason: this.reasonForAdminLogin
-			});
-
-			this.showReasonForAdminLoginDialog = false;
-		},
-		handlePlanChange() {
-			this.$resources.site.reload();
-			this.$resources.plan.reload();
-		},
-		onActivateClick() {
-			this.$confirm({
-				title: 'Activate Site',
-				message: `Are you sure you want to activate this site?`,
-				actionLabel: 'Activate',
-				action: () => this.activate()
-			});
-		},
-		activate() {
-			this.$call('jcloud.api.site.activate', {
-				name: this.site.name
-			});
-			notify({
-				title: 'Site activated successfully!',
-				message: 'You can now access your site',
-				icon: 'check',
-				color: 'green'
-			});
-			setTimeout(() => window.location.reload(), 1000);
-		}
-	},
-	computed: {
-		site() {
-			return this.$resources.site.data;
-		},
-
-		regionInfo() {
-			if (!this.$resources.site.loading && this.$resources.site.data) {
-				return this.$resources.site.data.server_region_info;
-			}
-		},
-
-		siteActions() {
-			return [
-				{
-					label: 'View in Desk',
-					icon: 'external-link',
-					condition: () => this.$account.user.user_type === 'System User',
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/site/${this.site?.name}`,
-							'_blank'
-						);
-					}
-				},
-				{
-					label: 'Manage Bench',
-					icon: 'tool',
-					route: `/groups/${this.site?.group}`,
-					condition: () => this.site?.group,
-					onClick: () => {
-						this.$router.push(`/groups/${this.site?.group}`);
-					}
-				},
-				{
-					label: 'Login As Administrator',
-					icon: 'external-link',
-					loading: this.$resources.loginAsAdmin.loading,
-					condition: () => this.site?.status === 'Active',
-					onClick: () => {
-						if (this.$account.team.name == this.site?.notify_email) {
-							return this.$resources.loginAsAdmin.submit({
-								name: this.siteName
-							});
-						}
-
-						this.showReasonForAdminLoginDialog = true;
-					}
-				},
-				{
-					label: 'Impersonate Team',
-					icon: 'tool',
-					condition: () => this.$account.user.user_type === 'System User',
-					onClick: async () => {
-						await this.$account.switchTeam(this.site?.team);
-						notify({
-							title: 'Switched Team',
-							message: `Switched to ${this.site?.team}`,
-							icon: 'check',
-							color: 'green'
-						});
-					}
-				},
-				{
-					label: 'Transfer Site',
-					icon: 'tool',
-					condition: () =>
-						this.site?.status === 'Active' && !this.$account.parent_team,
-					onClick: () => {
-						this.showTransferSiteDialog = true;
-					}
-				},
-				{
-					label: 'Change Bench',
-					icon: 'package',
-					condition: () => this.site?.status === 'Active',
-					onClick: () => (this.showChangeGroupDialog = true)
-				},
-				{
-					label: 'Change Region',
-					icon: 'globe',
-					condition: () => this.site?.status === 'Active',
-					onClick: () => (this.showChangeRegionDialog = true)
-				},
-				{
-					label: 'Upgrade Version',
-					icon: 'arrow-up',
-					condition: () => this.site?.status === 'Active',
-					onClick: () => (this.showVersionUpgradeDialog = true)
-				},
-				{
-					label: 'Change Server',
-					icon: 'server',
-					condition: () =>
-						this.site?.status === 'Active' && !this.site?.is_public,
-					onClick: () => (this.showChangeServerDialog = true)
-				}
-			];
-		},
-
-		hasMonitorAccess() {
-			return this.$resources.plan.data?.monitor_access;
-		},
-
-		tabs() {
-			let siteConfig = '';
-			let siteMonitorTab = '';
-			let tabRoute = subRoute => `/sites/${this.siteName}/${subRoute}`;
-			let tabs = [
-				{ label: 'Overview', route: 'overview' },
-				{ label: 'Apps', route: 'apps' },
-				{ label: 'Analytics', route: 'analytics' },
-				{ label: 'Monitor', route: 'monitor' },
-				{ label: 'Database', route: 'database' },
-				{ label: 'Config', route: 'site-config' },
-				{ label: 'Jobs', route: 'jobs', showRedDot: this.runningJob },
-				{ label: 'Logs', route: 'logs' },
-				{ label: 'Settings', route: 'settings' }
-			];
-
-			if (this.site && this.site?.hide_config !== 1) {
-				siteConfig = 'Config';
-			}
-
-			if (this.site && this.hasMonitorAccess) {
-				siteMonitorTab = 'Monitor';
-			}
-
-			let tabsByStatus = {
-				Active: [
-					'Overview',
-					'Apps',
-					'Analytics',
-					'Database',
-					siteConfig,
-					'Jobs',
-					'Logs',
-					'Request Logs',
-					'Settings',
-					siteMonitorTab
-				],
-				Inactive: [
-					'Overview',
-					'Apps',
-					'Database',
-					siteConfig,
-					'Jobs',
-					'Logs',
-					'Settings'
-				],
-				Installing: ['Jobs'],
-				Pending: ['Jobs'],
-				Broken: [
-					'Overview',
-					'Apps',
-					siteConfig,
-					'Database',
-					'Jobs',
-					'Logs',
-					'Settings',
-					siteMonitorTab
-				],
-				Suspended: [
-					'Overview',
-					'Apps',
-					'Database',
-					'Jobs',
-					'Plan',
-					'Logs',
-					'Settings'
-				]
-			};
-			if (this.site) {
-				let tabsToShow = tabsByStatus[this.site?.status];
-				if (tabsToShow?.length) {
-					tabs = tabs.filter(tab => tabsToShow.includes(tab.label));
-				}
-				return tabs.map(tab => {
-					return {
-						...tab,
-						route: tabRoute(tab.route)
-					};
-				});
-			}
-			return [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteActivity.vue b/dashboard_backup/src/views/site/SiteActivity.vue
deleted file mode 100644
index 7911b7a..0000000
--- a/dashboard_backup/src/views/site/SiteActivity.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-	<Card
-		class="h-full max-h-96 min-h-full"
-		title="Site Activity"
-		subtitle="Log of activities performed on your site"
-	>
-		<div class="divide-y">
-			<ListItem
-				v-for="a in activities.data"
-				:key="a.creation"
-				:title="`${a.action} by ${a.owner}`"
-				:description="getDescription(a)"
-			/>
-		</div>
-		<div class="my-2" v-if="$resources.activities.hasNextPage">
-			<Button
-				:loading="$resources.activities.list.loading"
-				loadingText="Fetching..."
-				@click="$resources.activities.next()"
-			>
-				Load more
-			</Button>
-		</div>
-
-		<template v-slot:actions>
-			<Button @click="showChangeNotifyEmailDialog = true">
-				Change Notify Email
-			</Button>
-		</template>
-		<Dialog
-			:options="{
-				title: 'Change Notify Email',
-				actions: [
-					{
-						label: 'Save Changes',
-						variant: 'solid',
-						loading: $resources.changeNotifyEmail.loading,
-						onClick: () => $resources.changeNotifyEmail.submit()
-					}
-				]
-			}"
-			v-model="showChangeNotifyEmailDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl v-model="site.notify_email" />
-			</template>
-		</Dialog>
-	</Card>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteActivity',
-	props: ['site'],
-	resources: {
-		activities() {
-			return {
-				type: 'list',
-				pagetype: 'Site Activity',
-				url: 'jcloud.api.site.activities',
-				filters: {
-					site: this.site?.name
-				},
-				start: 0,
-				auto: true,
-				pageLength: 20
-			};
-		},
-		changeNotifyEmail() {
-			return {
-				url: 'jcloud.api.site.change_notify_email',
-				params: {
-					name: this.site?.name,
-					email: this.site?.notify_email
-				},
-				onSuccess() {
-					this.showChangeNotifyEmailDialog = false;
-					notify({
-						title: 'Notify Email Changed!',
-						icon: 'check',
-						color: 'green'
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		activities() {
-			return this.$resources.activities;
-		}
-	},
-	data() {
-		return {
-			showChangeNotifyEmailDialog: false
-		};
-	},
-	methods: {
-		getDescription(activity) {
-			let description = '';
-			if (activity.reason) {
-				description += `Reason: ${activity.reason}\n`;
-			}
-			description += this.formatDate(activity.creation);
-			return description;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteAlerts.vue b/dashboard_backup/src/views/site/SiteAlerts.vue
deleted file mode 100644
index 9b5d348..0000000
--- a/dashboard_backup/src/views/site/SiteAlerts.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<script setup>
-import { computed, ref, defineAsyncComponent } from 'vue';
-import { utils } from '@/utils';
-import { createResource } from 'jingrow-ui';
-import AlertSiteUpdate from '@/components/AlertSiteUpdate.vue';
-import AlertSiteActivation from '@/components/AlertSiteActivation.vue';
-
-const SitePlansDialog = defineAsyncComponent(() =>
-	import('./SitePlansDialog.vue')
-);
-const BillingInformationDialog = defineAsyncComponent(() =>
-	import('@/components/BillingInformationDialog.vue')
-);
-
-const props = defineProps({ site: Object, plan: Object });
-const showPromotionalDialog = ref(false);
-const clickedPromotion = ref(null);
-const showBillingDialog = ref(false);
-const showChangePlanDialog = ref(false);
-
-const closeToLimits = computed(() => {
-	if (!(props.site && props.plan)) return false;
-	let usage = props.plan.usage_in_percent;
-	return [usage.cpu, usage.database, usage.disk].some(x => 100 >= x && x > 80);
-});
-
-const limitExceeded = computed(() => {
-	if (!(props.site && props.plan)) return false;
-	let usage = props.plan.usage_in_percent;
-	return [usage.cpu, usage.database, usage.disk].some(x => x > 100);
-});
-
-const isInTrial = computed(() => {
-	return props.site?.trial_end_date;
-});
-
-const trialEndsText = computed(() => {
-	if (!props.site?.trial_end_date) {
-		return 0;
-	}
-	return utils.methods.trialEndsInDaysText(props.site.trial_end_date);
-});
-
-const siteMigrationText = computed(() => {
-	const status = props.site?.site_migration.status;
-
-	if (status === 'Running') {
-		return 'Your Site Migration is in progress';
-	} else if (status === 'Pending') {
-		return 'Your Site Migration will start shortly';
-	} else if (status === 'Scheduled') {
-		return `Your Site Migration is scheduled to happen ${utils.methods.formatDate(
-			props.site?.site_migration.scheduled_time,
-			'relative'
-		)}.`;
-	}
-});
-
-const siteVersionUpgradeText = computed(() => {
-	const status = props.site?.version_upgrade.status;
-
-	if (status === 'Running') {
-		return 'Your Site Version Upgrade is in progress';
-	} else if (status === 'Pending') {
-		return 'Your Site Version Upgrade will start shortly';
-	} else if (status === 'Scheduled') {
-		return `Your Site Version Upgrade is scheduled to happen ${utils.methods.formatDate(
-			props.site?.version_upgrade.scheduled_time,
-			'relative'
-		)}.`;
-	}
-});
-
-const marketplacePromotionalBanners = createResource({
-	url: 'jcloud.api.marketplace.get_promotional_banners',
-	auto: true
-});
-</script>
-
-<template>
-	<div class="space-y-2">
-		<AlertSiteActivation :site="site" />
-		<AlertSiteUpdate :site="site" />
-
-		<div
-			v-if="
-				marketplacePromotionalBanners.data &&
-				marketplacePromotionalBanners.data.length > 0
-			"
-		>
-			<Alert
-				v-for="banner in marketplacePromotionalBanners.data"
-				:title="banner.alert_title"
-				:key="banner.name"
-			>
-				{{ banner.alert_message }}
-
-				<template #actions>
-					<Button
-						class="whitespace-nowrap"
-						variant="solid"
-						@click="
-							() => {
-								showPromotionalDialog = true;
-								clickedPromotion = banner;
-							}
-						"
-					>
-						Learn More
-					</Button>
-				</template>
-			</Alert>
-		</div>
-		<Alert title="Trial" v-if="isInTrial && $account.hasBillingInfo">
-			Your trial ends {{ trialEndsText }} after which your site will get
-			suspended. Add your billing information to avoid suspension.
-
-			<template #actions>
-				<Button
-					class="whitespace-nowrap"
-					@click="showBillingDialog = true"
-					variant="solid"
-				>
-					Add Billing Information
-				</Button>
-			</template>
-		</Alert>
-		<Alert title="Trial" v-if="isInTrial && $account.hasBillingInfo">
-			Your trial ends {{ trialEndsText }} after which your site will get
-			suspended. Select a plan to avoid suspension.
-
-			<template #actions>
-				<Button
-					class="whitespace-nowrap"
-					@click="showChangePlanDialog = true"
-					variant="solid"
-				>
-					Select Plan
-				</Button>
-			</template>
-		</Alert>
-		<Alert title="Attention Required" v-if="limitExceeded">
-			Your site has exceeded the allowed usage for your plan. Upgrade your plan
-			now.
-		</Alert>
-		<Alert title="Attention Required" v-else-if="closeToLimits">
-			Your site has exceeded 80% of the allowed usage for your plan. Upgrade
-			your plan now.
-		</Alert>
-
-		<Alert title="Site Migration" v-if="site?.site_migration">
-			{{ siteMigrationText }}
-			<template #actions>
-				<Button
-					v-if="
-						site.site_migration.status === 'Running' &&
-						site.site_migration.job_id
-					"
-					class="whitespace-nowrap"
-					variant="solid"
-					:route="{
-						name: 'SiteJobs',
-						params: { jobName: site.site_migration.job_id }
-					}"
-				>
-					View Job
-				</Button>
-			</template>
-		</Alert>
-
-		<Alert title="Version Upgrade" v-if="site?.version_upgrade">
-			{{ siteVersionUpgradeText }}
-			<template #actions>
-				<Button
-					v-if="
-						site.version_upgrade.status === 'Running' &&
-						site.version_upgrade.job_id
-					"
-					class="whitespace-nowrap"
-					variant="solid"
-					:route="{
-						name: 'SiteJobs',
-						params: { jobName: site.version_upgrade.job_id }
-					}"
-				>
-					View Job
-				</Button>
-			</template>
-		</Alert>
-
-		<Dialog
-			v-model="showPromotionalDialog"
-			@close="e => (clickedPromotion = null)"
-			:options="{
-				title: '今果 Jingrow Marketplace',
-				actions: [
-					{
-						variant: 'solid',
-						route: `/install-app/${clickedPromotion?.app}`,
-						label: 'Install App'
-					}
-				]
-			}"
-		>
-			<template #body-content>
-				<div v-if="clickedPromotion" class="flex flex-row items-center">
-					<Avatar
-						class="mr-2"
-						size="lg"
-						shape="square"
-						:image="clickedPromotion.image"
-						:label="clickedPromotion.title"
-					/>
-
-					<div class="flex flex-col">
-						<h4 class="text-xl font-semibold text-gray-900">
-							{{ clickedPromotion.title }}
-						</h4>
-						<p class="text-base text-gray-600">
-							{{ clickedPromotion.description }}
-						</p>
-					</div>
-				</div>
-			</template>
-		</Dialog>
-
-		<BillingInformationDialog
-			v-model="showBillingDialog"
-			v-if="showBillingDialog"
-		/>
-
-		<SitePlansDialog
-			v-model="showChangePlanDialog"
-			:site="site"
-			:plan="plan"
-			@plan-change="() => $emit('plan-change')"
-		/>
-	</div>
-</template>
diff --git a/dashboard_backup/src/views/site/SiteAnalyticsUptime.vue b/dashboard_backup/src/views/site/SiteAnalyticsUptime.vue
deleted file mode 100644
index 018155c..0000000
--- a/dashboard_backup/src/views/site/SiteAnalyticsUptime.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-	<Card title="Uptime" :subtitle="subtitle" :loading="loading">
-		<div
-			v-if="!data || data[0].date === undefined"
-			class="flex h-full items-center justify-center"
-		>
-			<div class="text-base text-gray-600">No data</div>
-		</div>
-		<div v-else class="mt-8" v-for="type in uptimeTypes" :key="type.key">
-			<div class="flex h-10 justify-between">
-				<div
-					v-for="d in data"
-					:key="d.date"
-					class="w-1.5 rounded"
-					:class="[
-						d[type.key] === undefined
-							? 'bg-white'
-							: d[type.key] === 1
-							? 'bg-green-500'
-							: d[type.key] === 0
-							? 'bg-red-500'
-							: 'bg-yellow-500'
-					]"
-					:title="
-						d[type.key]
-							? `${formatDate(d.date)} | Uptime: ${(d.value * 100).toFixed(2)}%`
-							: ''
-					"
-				></div>
-			</div>
-		</div>
-	</Card>
-</template>
-<script>
-import { DateTime } from 'luxon';
-export default {
-	name: 'SiteAnalyticsUptime',
-	props: ['data', 'loading'],
-	computed: {
-		uptimeTypes() {
-			return [{ key: 'value', label: 'Web' }];
-		},
-		subtitle() {
-			if (!this.data) return '';
-
-			let total = 0;
-			let i = 0;
-			for (; i < this.data.length; i++) {
-				// there could be empty objects at the end of the array
-				// so we don't have to count them
-				if (typeof this.data[i].value !== 'number') break;
-
-				total += this.data[i].value;
-			}
-			const average = ((total / i) * 100).toFixed(2);
-
-			return !isNaN(average) ? `Average: ${average}%` : '';
-		}
-	},
-	methods: {
-		formatDate(date) {
-			return DateTime.fromSQL(date).toLocaleString(DateTime.DATETIME_FULL);
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteAppsAndSubscriptions.vue b/dashboard_backup/src/views/site/SiteAppsAndSubscriptions.vue
deleted file mode 100644
index 4f0c398..0000000
--- a/dashboard_backup/src/views/site/SiteAppsAndSubscriptions.vue
+++ /dev/null
@@ -1,448 +0,0 @@
-<template>
-	<Card title="Apps" subtitle="Apps installed on your site">
-		<template #actions>
-			<Button
-				@click="
-					() => {
-						showInstallAppsDialog = true;
-						$resources.availableApps.fetch();
-					}
-				"
-				:disabled="site?.status === 'Suspended'"
-			>
-				Add App
-			</Button>
-		</template>
-
-		<div class="flex text-base text-gray-600">
-			<span class="w-2/6">App</span>
-			<span class="hidden w-1/6 md:inline">Plan</span>
-			<span class="w-1/6">Status</span>
-			<span class="hidden w-1/6 md:inline">Price</span>
-			<span></span>
-		</div>
-
-		<LoadingText class="m-2 mt-4" v-if="$resources.installedApps.loading" />
-
-		<div v-else class="divide-y">
-			<div
-				class="flex items-center py-4 text-base text-gray-600"
-				v-for="app in $resources.installedApps.data"
-				:key="app.name"
-			>
-				<div class="w-2/6">
-					<div class="flex flex-row items-center">
-						<div class="font-medium text-gray-900">
-							{{ app.title }}
-						</div>
-						<Tooltip :text="app.commit_message">
-							<CommitTag
-								class="ml-2"
-								:tag="app.tag || app.hash.substr(0, 7)"
-								:link="`${app.repository_url}/commit/${app.hash}`"
-							/>
-						</Tooltip>
-					</div>
-
-					<div class="mt-1 flex items-center space-x-2">
-						<FeatherIcon name="git-branch" class="h-4 w-4" />
-						<div class="truncate text-base text-gray-600 hover:text-clip">
-							{{ app.repository_owner }}/{{ app.repository }}:{{ app.branch }}
-						</div>
-					</div>
-				</div>
-
-				<div class="w-1/6">
-					<span v-if="app.subscription.plan">
-						{{ app.plan_info.plan }}
-					</span>
-					<span v-else>-</span>
-				</div>
-
-				<div class="w-1/6">
-					<span v-if="app.subscription.enabled"
-						><Badge label="Enabled" />
-					</span>
-					<span v-else>-</span>
-				</div>
-
-				<div class="w-1/6">
-					<span v-if="app.plan_info">
-						{{ app.is_free ? 'Free' : $planTitle(app.plan_info) }}
-					</span>
-					<span v-else>-</span>
-				</div>
-
-				<div class="ml-auto flex items-center space-x-2">
-					<Button v-if="app.plan_info" @click="changeAppPlan(app)"
-						>Change Plan</Button
-					>
-					<Button
-						v-if="!app.plan_info && app.subscription_available"
-						@click="
-							() => {
-								showPlanSelectionDialog = true;
-								appToInstall = app;
-							}
-						"
-						>Subscribe</Button
-					>
-					<Dropdown :options="dropdownItems(app)" right>
-						<template v-slot="{ open }">
-							<Button icon="more-horizontal" />
-						</template>
-					</Dropdown>
-				</div>
-			</div>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Install an app on your site',
-				position: 'top',
-				size: 'lg'
-			}"
-			v-model="showInstallAppsDialog"
-		>
-			<template v-slot:body-content>
-				<FormControl
-					class="mb-2"
-					placeholder="Search for Apps"
-					v-on:input="e => updateSearchTerm(e.target.value)"
-				/>
-				<div
-					v-if="availableApps.data && availableApps.data.length"
-					class="max-h-96 space-y-3 divide-y overflow-auto p-1"
-					:class="filteredOptions.length > 7 ? 'pr-2' : ''"
-				>
-					<div
-						class="flex items-center rounded-md border px-4 py-3 shadow ring-1 ring-gray-300"
-						v-for="app in filteredOptions"
-						:key="app.name"
-					>
-						<div class="flex flex-col">
-							<div class="w-2/4 text-base font-semibold">
-								{{ app.title }}
-							</div>
-							<div class="w-1/4 text-base text-gray-700">
-								{{ app.repository_owner }}:{{ app.branch }}
-							</div>
-						</div>
-						<Button
-							class="ml-auto"
-							@click="installApp(app)"
-							:loading="
-								$resources.installApp.loading && appToInstall.name == app.name
-							"
-						>
-							Install
-						</Button>
-					</div>
-				</div>
-				<div class="text-base text-gray-600" v-else>
-					No apps available to install
-				</div>
-
-				<div v-if="site?.group">
-					<p class="mt-4 text-sm text-gray-700">
-						<Link :to="`/groups/${site.group}/apps`" class="font-medium">
-							Add more apps to your bench
-						</Link>
-					</p>
-				</div>
-			</template>
-		</Dialog>
-
-		<!-- New App Install -->
-		<Dialog
-			v-model="showPlanSelectionDialog"
-			:options="{
-				title: 'Select app plan',
-				size: '2xl',
-				actions: [
-					{
-						label: 'Proceed',
-						variant: 'solid',
-						onClick: $resources.installApp.submit
-					}
-				]
-			}"
-		>
-			<template v-slot:body-content>
-				<ChangeAppPlanSelector
-					v-if="appToInstall?.app"
-					:app="appToInstall.app"
-					:jingrowVersion="site?.jingrow_version"
-					class="mb-9"
-					@change="
-						plan => {
-							selectedPlan = plan.name;
-							selectedPlanIsFree = plan.price_usd === 0;
-						}
-					"
-				/>
-
-				<ErrorMessage :message="$resources.installApp.error" />
-			</template>
-		</Dialog>
-
-		<!-- Plan Change Dialog -->
-		<Dialog
-			:options="{
-				title: 'Select Plan',
-				size: '2xl',
-				actions: [
-					{
-						label: 'Change Plan',
-						variant: 'solid',
-						onClick: switchToNewPlan,
-						loading: $resources.changePlan.loading
-					}
-				]
-			}"
-			v-model="showAppPlanChangeDialog"
-		>
-			<template v-slot:body-content>
-				<ChangeAppPlanSelector
-					@change="
-						plan => {
-							newAppPlan = plan.name;
-							newAppPlanIsFree = plan.is_free;
-						}
-					"
-					v-if="appToChangePlan"
-					:app="appToChangePlan.name"
-					:currentPlan="appToChangePlan.plan"
-					:jingrowVersion="site.jingrow_version"
-				/>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import CommitTag from '@/components/utils/CommitTag.vue';
-import ChangeAppPlanSelector from '@/components/ChangeAppPlanSelector.vue';
-import Fuse from 'fuse.js/dist/fuse.basic.esm';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteAppsAndSubscriptions',
-	props: ['site', 'siteName'],
-	data() {
-		return {
-			showInstallAppsDialog: false,
-			showPlanSelectionDialog: false,
-			showAppPlanChangeDialog: false,
-			appToChangePlan: null,
-			newAppPlan: '',
-			appToInstall: null,
-			selectedPlan: null,
-			selectedPlanIsFree: null,
-			searchTerm: '',
-			filteredOptions: []
-		};
-	},
-	components: {
-		ChangeAppPlanSelector,
-		CommitTag
-	},
-	resources: {
-		marketplaceSubscriptions() {
-			return {
-				url: 'jcloud.api.marketplace.get_marketplace_subscriptions_for_site',
-				params: {
-					site: this.siteName
-				},
-				auto: true
-			};
-		},
-
-		changePlan() {
-			return {
-				url: 'jcloud.api.marketplace.change_app_plan',
-				onSuccess() {
-					this.showAppPlanChangeDialog = false;
-					this.$resources.marketplaceSubscriptions.fetch();
-				},
-				onError(e) {
-					this.showAppPlanChangeDialog = false;
-					notify({
-						title: e,
-						color: 'red',
-						icon: 'x'
-					});
-				}
-			};
-		},
-
-		installedApps() {
-			return {
-				url: 'jcloud.api.site.installed_apps',
-				params: { name: this.siteName },
-				auto: true
-			};
-		},
-
-		availableApps() {
-			return {
-				url: 'jcloud.api.site.available_apps',
-				params: { name: this.siteName }
-			};
-		},
-
-		installApp() {
-			return {
-				url: 'jcloud.api.site.install_app',
-				makeParams() {
-					return {
-						name: this.siteName,
-						app: this.appToInstall?.app,
-						plan: this.selectedPlan
-					};
-				},
-				validate() {
-					if (this.showPlanSelectionDialog && !this.selectedPlan) {
-						return 'Please aaa select a plan to continue';
-					}
-				},
-				onSuccess() {
-					this.showPlanSelectionDialog = false;
-					this.showInstallAppsDialog = false;
-					this.$emit('app-installed');
-				}
-			};
-		},
-
-		uninstallApp: {
-			url: 'jcloud.api.site.uninstall_app',
-			onSuccess() {
-				this.$emit('app-uninstalled');
-			}
-		}
-	},
-	computed: {
-		availableApps() {
-			if (this.$resources.availableApps.data) {
-				this.fuse = new Fuse(this.$resources.availableApps.data, {
-					limit: 20,
-					keys: ['title']
-				});
-				this.filteredOptions = this.$resources.availableApps.data;
-			}
-			return this.$resources.availableApps;
-		},
-		marketplaceSubscriptions() {
-			if (
-				this.$resources.marketplaceSubscriptions.data &&
-				!this.$resources.marketplaceSubscriptions.loading
-			) {
-				return this.$resources.marketplaceSubscriptions.data;
-			}
-
-			return [];
-		}
-	},
-	methods: {
-		updateSearchTerm(value) {
-			if (value) {
-				this.filteredOptions = this.fuse
-					.search(value)
-					.map(result => result.item);
-			} else {
-				this.filteredOptions = this.$resources.availableApps.data;
-			}
-		},
-		subscribe(app) {
-			this.showPlanSelectionDialog = true;
-		},
-
-		changeAppPlan(app) {
-			this.currentSubscription = app.subscription.name;
-			this.currentAppPlan = app.subscription.marketplace_app_plan;
-			this.newAppPlan = this.currentAppPlan;
-
-			this.appToChangePlan = {
-				name: app.subscription.document_name,
-				title: app.app_title,
-				image: app.app_image,
-				plan: app.subscription.plan,
-				subscription: app.subscription.name,
-				billing_type: app.billing_type
-			};
-			this.showAppPlanChangeDialog = true;
-		},
-
-		switchToNewPlan() {
-			if (!this.$account.hasBillingInfo) {
-				window.location = '/dashboard-old/billing';
-			}
-			if (this.currentAppPlan !== this.newAppPlan) {
-				this.$resources.changePlan.submit({
-					subscription: this.appToChangePlan.subscription,
-					new_plan: this.newAppPlan
-				});
-			} else {
-				this.showAppPlanChangeDialog = false;
-			}
-		},
-		installApp(app) {
-			this.appToInstall = app;
-
-			// If paid app, show plan selection dialog
-			if (app.has_plans_available) {
-				this.showInstallAppsDialog = false;
-				this.showPlanSelectionDialog = true;
-				return;
-			}
-
-			this.$resources.installApp.submit({
-				name: this.siteName,
-				app: this.appToInstall?.app,
-				plan: this.selectedPlan
-			});
-		},
-		handlePlanSelection() {
-			this.$resources.installApp.submit();
-		},
-		dropdownItems(app) {
-			return [
-				{
-					label: 'View in Desk',
-					onClick: () =>
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/app/${app.name}`,
-							'_blank'
-						),
-					condition: () => this.$account.user.user_type == 'System User'
-				},
-				{
-					label: 'Remove App',
-					onClick: () => this.confirmRemoveApp(app),
-					condition: () => app.app != 'jingrow'
-				},
-				{
-					label: 'Visit Repo',
-					onClick: () =>
-						window.open(`${app.repository_url}/tree/${app.branch}`, '_blank')
-				}
-			].filter(Boolean);
-		},
-		confirmRemoveApp(app) {
-			this.$confirm({
-				title: 'Remove App',
-				message: `Are you sure you want to uninstall app ${app.title} from <b>site</b>?<br><br>
-				<b>All pagetypes and modules pertaining to this app will be removed.</b>`,
-				actionLabel: 'Remove App',
-				actionColor: 'red',
-				action: closeDialog => {
-					closeDialog();
-					this.$resources.uninstallApp.submit({
-						name: this.site.name,
-						app: app.app
-					});
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteAutoUpdate.vue b/dashboard_backup/src/views/site/SiteAutoUpdate.vue
deleted file mode 100644
index e86bb37..0000000
--- a/dashboard_backup/src/views/site/SiteAutoUpdate.vue
+++ /dev/null
@@ -1,329 +0,0 @@
-<template>
-	<div>
-		<div v-if="!$resources.getSiteAutoUpdateInfo.loading && !autoUpdateEnabled">
-			<Alert title="Auto updates are disabled for this site.">
-				<template #actions>
-					<Button
-						variant="solid"
-						@click="enableAutoUpdate"
-						:loading="$resources.enableAutoUpdate.loading"
-						loadingText="Enabling"
-						>Enable</Button
-					>
-				</template>
-			</Alert>
-		</div>
-		<div v-else class="md:grid md:grid-cols-2">
-			<Card title="Auto Update">
-				<template
-					#actions
-					v-if="!$resources.getSiteAutoUpdateInfo.loading && autoUpdateEnabled"
-				>
-					<!-- Disable Button -->
-					<Button
-						@click="disableAutoUpdate"
-						:loading="$resources.disableAutoUpdate.loading"
-						loadingText="Disabling"
-						>Disable Auto Updates</Button
-					>
-					<Button icon-left="edit" @click="showEditDialog = true">Edit</Button>
-				</template>
-
-				<div
-					class="divide-y-2"
-					v-if="!$resources.getSiteAutoUpdateInfo.loading && autoUpdateEnabled"
-				>
-					<ListItem
-						title="Update cycle"
-						:description="
-							siteAutoUpdateInfo.update_trigger_frequency || 'Not Set'
-						"
-					/>
-
-					<!-- For weekly updates only -->
-					<ListItem
-						v-if="siteAutoUpdateInfo.update_trigger_frequency === 'Weekly'"
-						title="On day of the week"
-						:description="siteAutoUpdateInfo.update_on_weekday"
-					/>
-
-					<ListItem
-						title="Update time"
-						:description="
-							getFormattedTime(siteAutoUpdateInfo.update_trigger_time) ||
-							'Not Set'
-						"
-					/>
-
-					<!-- Day of month description -->
-					<div v-if="siteAutoUpdateInfo.update_trigger_frequency === 'Monthly'">
-						<ListItem
-							v-if="!siteAutoUpdateInfo.update_end_of_month"
-							title="On day of the month"
-							:description="
-								siteAutoUpdateInfo.update_on_day_of_month.toString()
-							"
-						/>
-						<ListItem
-							v-else
-							title="On day of the month"
-							description="End of the month"
-						/>
-					</div>
-
-					<!-- Last triggered At -->
-					<ListItem
-						v-if="siteAutoUpdateInfo.auto_update_last_triggered_on"
-						title="Last updated on"
-						:description="siteAutoUpdateInfo.auto_update_last_triggered_on"
-					/>
-					<ListItem
-						v-else
-						title="Last updated on"
-						description="Never triggered"
-					/>
-				</div>
-
-				<!-- If updates are not enabled, show button -->
-				<div
-					class="py-10 text-center"
-					v-if="!$resources.getSiteAutoUpdateInfo.loading && !autoUpdateEnabled"
-				>
-					<h3 class="text-sm text-gray-800">
-						Auto updates are disabled for this site.
-					</h3>
-					<Button
-						class="mt-3"
-						variant="solid"
-						@click="enableAutoUpdate"
-						:loading="this.$resources.enableAutoUpdate.loading"
-						loadingText="Enabling"
-						>Enable Auto Updates</Button
-					>
-				</div>
-
-				<!-- Loading Spinner button -->
-				<div
-					v-if="$resources.getSiteAutoUpdateInfo.loading"
-					class="py-10 text-center"
-				>
-					<Button :loading="true">Loading</Button>
-				</div>
-
-				<Dialog
-					:options="{
-						title: 'Schedule Auto Updates',
-						actions: [
-							{
-								label: 'Save Changes',
-								variant: 'solid',
-								loading: $resources.updateAutoUpdateInfo.loading,
-								onClick: () => $resources.updateAutoUpdateInfo.submit()
-							}
-						]
-					}"
-					v-model="showEditDialog"
-				>
-					<!-- Edit From -->
-					<template v-slot:body-content>
-						<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-							<FormControl
-								type="select"
-								label="Update Frequency"
-								:options="frequencyOptions"
-								v-model="updateFrequency"
-							/>
-
-							<FormControl
-								type="select"
-								:options="timeOptions"
-								label="Update time"
-								v-model="updateTime"
-							/>
-
-							<FormControl
-								v-if="updateFrequency === 'Weekly'"
-								type="select"
-								label="Day of the week"
-								:options="weekDayOptions"
-								v-model="weekDay"
-							/>
-
-							<FormControl
-								v-if="updateFrequency === 'Monthly'"
-								type="select"
-								:options="monthDayOptions"
-								label="Day of the month"
-								v-model.number="monthDay"
-							/>
-							<FormControl
-								v-if="updateFrequency === 'Monthly'"
-								type="checkbox"
-								label="Update end of month"
-								:checked="endOfMonth"
-								v-model="endOfMonth"
-							/>
-						</div>
-						<ErrorMessage
-							class="mt-4"
-							:message="$resources.disableAutoUpdate.error"
-						/>
-
-						<ErrorMessage
-							class="mt-4"
-							:message="$resources.updateAutoUpdateInfo.error"
-						/>
-					</template>
-				</Dialog>
-
-				<h4 class="mt-2 text-base text-gray-600">
-					<strong>Note:</strong> All times are in IST (UTC + 5:30 hours).
-				</h4>
-
-				<ErrorMessage
-					class="mt-4"
-					:message="$resources.enableAutoUpdate.error"
-				/>
-			</Card>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SiteAutoUpdate',
-	props: ['site'],
-	data() {
-		return {
-			autoUpdateEnabled: null,
-			lastTriggeredAt: null,
-			updateFrequency: '',
-			weekDay: '',
-			monthDay: '',
-			endOfMonth: false,
-			updateTime: '',
-			showEditDialog: false
-		};
-	},
-	resources: {
-		getSiteAutoUpdateInfo() {
-			return {
-				url: 'jcloud.api.site.get_auto_update_info',
-				params: {
-					name: this.site?.name
-				},
-				auto: true,
-				onSuccess(data) {
-					this.autoUpdateEnabled = data.auto_updates_scheduled;
-					this.updateFrequency = data.update_trigger_frequency;
-					this.weekDay = data.update_on_weekday;
-					this.endOfMonth = data.update_end_of_month;
-					this.monthDay = data.update_on_day_of_month;
-					this.lastTriggeredAt = data.auto_update_last_triggered_on;
-					this.updateTime = this.getFormattedTime(data.update_trigger_time);
-				}
-			};
-		},
-		enableAutoUpdate() {
-			return {
-				url: 'jcloud.api.site.enable_auto_update',
-				params: {
-					name: this.site?.name
-				},
-				onSuccess() {
-					this.$resources.getSiteAutoUpdateInfo.fetch();
-				}
-			};
-		},
-		disableAutoUpdate() {
-			return {
-				url: 'jcloud.api.site.disable_auto_update',
-				params: {
-					name: this.site?.name
-				},
-				onSuccess() {
-					this.showEditDialog = false;
-					this.$resources.getSiteAutoUpdateInfo.fetch();
-				}
-			};
-		},
-		updateAutoUpdateInfo() {
-			return {
-				url: 'jcloud.api.site.update_auto_update_info',
-				params: {
-					name: this.site?.name,
-					info: {
-						auto_updates_scheduled: this.autoUpdateEnabled,
-						update_trigger_frequency: this.updateFrequency,
-						update_on_weekday: this.weekDay,
-						update_end_of_month: this.endOfMonth,
-						update_on_day_of_month: this.monthDay,
-						auto_update_last_triggered_on: this.lastTriggeredAt,
-						update_trigger_time: this.updateTime
-					}
-				},
-				onSuccess() {
-					this.showEditDialog = false;
-					this.$resources.getSiteAutoUpdateInfo.fetch();
-				}
-			};
-		}
-	},
-	methods: {
-		enableAutoUpdate() {
-			this.$resources.enableAutoUpdate.submit();
-		},
-		disableAutoUpdate() {
-			this.$resources.disableAutoUpdate.submit();
-		},
-		getFormattedTime(timeStringFromServer) {
-			if (!timeStringFromServer) {
-				return;
-			}
-			// E.g. "8:19:00" --> "08:19"
-			let timeParts = timeStringFromServer.split(':').slice(0, 2);
-			return timeParts[0].padStart(2, '0') + ':' + timeParts[1];
-		}
-	},
-	computed: {
-		siteAutoUpdateInfo() {
-			if (
-				!this.$resources.getSiteAutoUpdateInfo.loading &&
-				this.$resources.getSiteAutoUpdateInfo.data
-			) {
-				return this.$resources.getSiteAutoUpdateInfo.data;
-			}
-		},
-		frequencyOptions() {
-			return ['Daily', 'Weekly', 'Monthly'];
-		},
-		weekDayOptions() {
-			return [
-				'Sunday',
-				'Monday',
-				'Tuesday',
-				'Wednesday',
-				'Thursday',
-				'Friday',
-				'Saturday'
-			];
-		},
-		monthDayOptions() {
-			let ops = [];
-			for (let i = 1; i < 31; ++i) {
-				ops.push(i.toString());
-			}
-			return ops;
-		},
-		timeOptions() {
-			let ops = [];
-			for (let i = 0; i < 24; i++) {
-				const currentHour = String(i).padStart(2, '0');
-				ops.push(`${currentHour}:00`);
-				ops.push(`${currentHour}:30`);
-			}
-			return ops;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteBinaryLogs.vue b/dashboard_backup/src/views/site/SiteBinaryLogs.vue
deleted file mode 100644
index e9331dc..0000000
--- a/dashboard_backup/src/views/site/SiteBinaryLogs.vue
+++ /dev/null
@@ -1,152 +0,0 @@
-<template>
-	<div
-		class="flex items-center justify-center"
-		v-if="$resources.getPlan?.loading"
-	>
-		<LoadingText />
-	</div>
-	<div v-else-if="$resources.getPlan?.data?.monitor_access">
-		<Card>
-			<Report
-				:filters="filters"
-				:columns="[
-					{ label: 'Timestamp', name: 'timestamp', class: 'w-3/12' },
-					{ label: 'Query', name: 'query', class: 'w-9/12' }
-				]"
-				:data="formatData"
-				title="MariaDB Binary Log Report"
-			/>
-			<div
-				class="px-2 py-2 text-base text-gray-600"
-				v-if="$resources.binaryLogs.loading"
-			>
-				<LoadingText />
-			</div>
-			<div
-				class="py-2 text-base text-gray-600"
-				v-else-if="$resources.binaryLogs.data.length == 0"
-			>
-				No data
-			</div>
-			<Button
-				v-if="$resources.binaryLogs.data && $resources.binaryLogs.data.length"
-				:loading="$resources.binaryLogs.loading"
-				loadingText="Loading..."
-				@click="max_lines += 10"
-			>
-				Load more
-			</Button>
-		</Card>
-	</div>
-	<div class="flex justify-center" v-else>
-		<span class="mt-16 text-base text-gray-700">
-			Your plan doesn't support this feature. Please upgrade your plan.
-		</span>
-	</div>
-</template>
-
-<script>
-import Report from '@/components/Report.vue';
-
-export default {
-	name: 'SiteBinaryLogs',
-	props: ['site'],
-	components: { Report },
-	data() {
-		return {
-			filters: [
-				{
-					name: 'pattern',
-					label: 'Search:',
-					type: 'text',
-					value: this.pattern
-				},
-				{
-					name: 'start_datetime',
-					label: 'From:',
-					type: 'datetime-local',
-					value: ''
-				},
-				{
-					name: 'end_datetime',
-					label: 'To:',
-					type: 'datetime-local',
-					value: ''
-				}
-			],
-			today: new Date().toISOString().slice(0, 10),
-			max_lines: 100
-		};
-	},
-	watch: {
-		patternFilter() {
-			this.reset();
-		},
-		startTime() {
-			this.reset();
-		},
-		endTime() {
-			this.reset();
-		}
-	},
-	resources: {
-		binaryLogs() {
-			return {
-				url: 'jcloud.api.analytics.binary_logs',
-				params: {
-					name: this.site?.name,
-					start_time: this.startTime || this.today,
-					end_time: this.endTime || this.today,
-					pattern: this.patternFilter,
-					max_lines: this.max_lines
-				},
-				auto: true,
-				pageLength: 10,
-				keepData: true,
-				initialData: []
-			};
-		},
-		getPlan() {
-			return {
-				url: 'jcloud.api.site.current_plan',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		}
-	},
-	methods: {
-		reset() {
-			this.$resources.binaryLogs.reset();
-		}
-	},
-	computed: {
-		startTime() {
-			return this.filters[1].value;
-		},
-		endTime() {
-			return this.filters[2].value;
-		},
-		patternFilter() {
-			return this.filters[0].value;
-		},
-		formatData() {
-			let binaryData = this.$resources.binaryLogs.data;
-			let data = [];
-			binaryData.forEach(row => {
-				let timestamp = this.formatDate(
-					row.timestamp,
-					'TIME_24_WITH_SHORT_OFFSET'
-				);
-				let out = [
-					{ name: 'Timestamp', value: timestamp, class: 'w-3/12' },
-					{ name: 'Query', value: row.query, class: 'w-9/12' }
-				];
-				data.push(out);
-			});
-			return data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteChangeGroupDialog.vue b/dashboard_backup/src/views/site/SiteChangeGroupDialog.vue
deleted file mode 100644
index aad9a7d..0000000
--- a/dashboard_backup/src/views/site/SiteChangeGroupDialog.vue
+++ /dev/null
@@ -1,177 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Move Site to another Bench Group',
-			actions: [
-				{
-					label: 'Change Bench Group',
-					loading: $resources.changeGroup.loading,
-					disabled: !$resources.changeGroupOptions?.data?.length,
-					variant: 'solid',
-					onClick: () =>
-						$resources.changeGroup.submit({
-							skip_failing_patches: skipFailingPatches,
-							group: targetGroup,
-							name: site?.name
-						})
-				},
-				{
-					label: 'Clone current Bench Group',
-					onClick: () => {
-						$emit('update:modelValue', false);
-						showCloneBenchDialog = true;
-					}
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<LoadingIndicator
-				class="mx-auto h-4 w-4"
-				v-if="$resources.changeGroupOptions.loading"
-			/>
-			<div
-				v-else-if="$resources.changeGroupOptions.data.length > 0"
-				class="space-y-4"
-			>
-				<FormControl
-					variant="outline"
-					label="Select Bench Group"
-					type="select"
-					:options="
-						$resources.changeGroupOptions.data.map(group => ({
-							label: group.title,
-							value: group.name
-						}))
-					"
-					v-model="targetGroup"
-				/>
-				<FormControl
-					label="Skip failing patches if any"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-			</div>
-			<p v-else-if="!errorMessage" class="text-md text-base text-gray-800">
-				There are no other bench groups that you own for this site to move to.
-				You can clone this bench group to move the site.
-			</p>
-			<ErrorMessage class="mt-3" :message="errorMessage" />
-		</template>
-	</Dialog>
-	<Dialog
-		:options="{
-			title: 'Clone Bench Group',
-			actions: [
-				{
-					label: 'Clone Bench Group',
-					variant: 'solid',
-					loading: $resources.cloneGroup.loading,
-					onClick: () =>
-						$resources.cloneGroup.submit({
-							name: site?.name,
-							new_group_title: newGroupTitle
-						})
-				}
-			]
-		}"
-		v-model="showCloneBenchDialog"
-	>
-		<template #body-content>
-			<FormControl label="New Bench Group Name" v-model="newGroupTitle" />
-			<ErrorMessage :message="$resources.cloneGroup.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteChangeGroupDialog',
-	props: ['site', 'modelValue'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			targetGroup: null,
-			newGroupTitle: '',
-			skipFailingPatches: false,
-			showCloneBenchDialog: false
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		errorMessage() {
-			return (
-				this.$resources.changeGroupOptions.error ||
-				this.$resources.changeGroup.error ||
-				this.$resources.cloneGroup.error
-			);
-		}
-	},
-	resources: {
-		changeGroup() {
-			return {
-				url: 'jcloud.api.site.change_group',
-				onSuccess() {
-					const destinationGroupTitle =
-						this.$resources.changeGroupOptions.data.find(
-							group => group.name === this.targetGroup
-						).title;
-
-					notify({
-						title: 'Scheduled Bench Group Change',
-						message: `Site scheduled to be moved to <b>${destinationGroupTitle}</b>`,
-						color: 'green',
-						icon: 'check'
-					});
-					this.targetGroup = null;
-					this.$emit('update:modelValue', false);
-				}
-			};
-		},
-		changeGroupOptions() {
-			return {
-				url: 'jcloud.api.site.change_group_options',
-				params: {
-					name: this.site?.name
-				},
-				initialData: [],
-				onSuccess(data) {
-					if (data.length > 0) this.targetGroup = data[0].name;
-				},
-				auto: true
-			};
-		},
-		cloneGroup() {
-			return {
-				url: 'jcloud.api.site.clone_group',
-				onSuccess(data) {
-					notify({
-						title: 'Cloned Bench Group',
-						message: `The current bench group has been cloned successfully. Redirecting to the new bench group...`,
-						color: 'green',
-						icon: 'check'
-					});
-					this.showCloneBenchDialog = false;
-					this.$router.push({
-						name: 'BenchDeploys',
-						params: {
-							benchName: data.bench_name,
-							candidateName: data.candidate_name
-						}
-					});
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteChangeRegionDialog.vue b/dashboard_backup/src/views/site/SiteChangeRegionDialog.vue
deleted file mode 100644
index 13703b7..0000000
--- a/dashboard_backup/src/views/site/SiteChangeRegionDialog.vue
+++ /dev/null
@@ -1,154 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Change Region',
-			actions: [
-				{
-					label: 'Change Region',
-					loading: $resources.changeRegion.loading,
-					variant: 'solid',
-					disabled: !selectedRegion,
-					onClick: () =>
-						$resources.changeRegion.submit({
-							name: site?.name,
-							cluster: selectedRegion?.value,
-							scheduled_datetime: datetimeInIST,
-							skip_failing_patches: skipFailingPatches
-						})
-				}
-			]
-		}"
-		v-model="show"
-		@close="resetValues"
-	>
-		<template #body-content>
-			<LoadingIndicator
-				class="mx-auto h-4 w-4"
-				v-if="$resources.changeRegionOptions.loading"
-			/>
-			<div v-else class="space-y-4">
-				<FormControl
-					variant="outline"
-					type="autocomplete"
-					label="Choose Region"
-					v-model="selectedRegion"
-					:options="
-						$resources.changeRegionOptions.data.regions.map(r => ({
-							label: r.title || r.name,
-							value: r.name,
-							image: r.image
-						}))
-					"
-				>
-					<template #prefix>
-						<img :src="selectedRegion?.image" class="mr-2 h-4" />
-					</template>
-					<template #item-prefix="{ active, selected, option }">
-						<img v-if="option?.image" :src="option.image" class="mr-2 h-4" />
-					</template>
-				</FormControl>
-				<div
-					class="space-y-4"
-					v-if="
-						$resources.changeRegionOptions.data?.regions?.length > 0 &&
-						selectedRegion
-					"
-				>
-					<DateTimeControl v-model="targetDateTime" label="Schedule Time" />
-					<FormControl
-						label="Skip failing patches if any"
-						type="checkbox"
-						v-model="skipFailingPatches"
-					/>
-				</div>
-				<p v-else class="mt-4 text-sm text-gray-600">
-					If the region you're looking for isn't available, please add from the
-					Bench dashboard.
-				</p>
-			</div>
-			<ErrorMessage class="mt-3" :message="$resources.changeRegion.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-import DateTimeControl from '../../../src2/components/DateTimeControl.vue';
-
-export default {
-	name: 'SiteChangeRegionDialog',
-	props: ['site', 'modelValue'],
-	emits: ['update:modelValue'],
-	components: {
-		DateTimeControl
-	},
-	data() {
-		return {
-			targetDateTime: null,
-			selectedRegion: null,
-			skipFailingPatches: false
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		datetimeInIST() {
-			if (!this.targetDateTime) return null;
-			const datetimeInIST = this.$dayjs(this.targetDateTime)
-				.tz('Asia/Kolkata')
-				.format('YYYY-MM-DDTHH:mm');
-
-			return datetimeInIST;
-		}
-	},
-	resources: {
-		changeRegionOptions() {
-			return {
-				url: 'jcloud.api.site.change_region_options',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		},
-		changeRegion() {
-			return {
-				url: 'jcloud.api.site.change_region',
-				validate() {
-					if (
-						this.$resources.changeRegionOptions.data.current_region ===
-						this.selectedRegion
-					)
-						return 'Site is already in this region';
-				},
-				onSuccess() {
-					const regionName =
-						this.$resources.changeRegionOptions.data.regions.find(
-							region => region.name === this.selectedRegion
-						)?.title || this.selectedRegion;
-
-					notify({
-						title: 'Scheduled Region Change',
-						message: `Site <b>${this.site?.host_name}</b> scheduled to be moved to <b>${regionName}</b>`,
-						color: 'green',
-						icon: 'check'
-					});
-					this.$emit('update:modelValue', false);
-				}
-			};
-		}
-	},
-	methods: {
-		resetValues() {
-			this.selectedRegion = null;
-			this.targetDateTime = null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteChangeServerDialog.vue b/dashboard_backup/src/views/site/SiteChangeServerDialog.vue
deleted file mode 100644
index f6ad894..0000000
--- a/dashboard_backup/src/views/site/SiteChangeServerDialog.vue
+++ /dev/null
@@ -1,200 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		@close="resetValues"
-		:options="{
-			title: 'Move Site to another Server',
-			actions: [
-				{
-					label: 'Add Server to Bench',
-					loading: $resources.addServerToReleaseGroup.loading,
-					disabled: $resources.isServerAddedInGroup.data || !targetServer,
-					onClick: () => $resources.addServerToReleaseGroup.submit()
-				},
-				{
-					label: 'Change Server',
-					loading: $resources.changeServer.loading,
-					variant: 'solid',
-					disabled:
-						!$resources.changeServerOptions?.data?.length ||
-						!targetServer ||
-						!$resources.isServerAddedInGroup.data,
-					onClick: () => {
-						$resources.changeServer.submit({
-							name: site?.name,
-							server: targetServer,
-							scheduled_datetime: datetimeInIST,
-							skip_failing_patches: skipFailingPatches
-						});
-					}
-				}
-			]
-		}"
-	>
-		<template #body-content>
-			<LoadingIndicator
-				class="mx-auto h-4 w-4"
-				v-if="$resources.changeServerOptions.loading"
-			/>
-			<FormControl
-				v-else-if="$resources.changeServerOptions.data.length > 0"
-				label="Select Server"
-				variant="outline"
-				type="select"
-				:options="$resources.changeServerOptions.data"
-				v-model="targetServer"
-				@change="
-					e =>
-						$resources.isServerAddedInGroup.fetch({
-							name: site?.name,
-							server: e.target.value
-						})
-				"
-			/>
-			<div v-if="$resources.isServerAddedInGroup.data" class="mt-4 space-y-4">
-				<DateTimeControl v-model="targetDateTime" label="Schedule Time" />
-				<FormControl
-					label="Skip failing patches if any"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-			</div>
-			<p v-if="message && !errorMessage" class="mt-4 text-sm text-gray-700">
-				{{ message }}
-			</p>
-			<ErrorMessage class="mt-4" :message="errorMessage" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-import DateTimeControl from '../../../src2/components/DateTimeControl.vue';
-
-export default {
-	name: 'SiteChangeServerDialog',
-	props: ['site', 'modelValue'],
-	emits: ['update:modelValue'],
-	components: { DateTimeControl },
-	data() {
-		return {
-			targetServer: '',
-			targetDateTime: null,
-			skipFailingPatches: false
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		message() {
-			if (this.$resources.changeServerOptions.data.length === 0) {
-				return 'No servers available for your team to move the site to. Please create a server first.';
-			} else if (
-				this.targetServer &&
-				!this.$resources.isServerAddedInGroup.data
-			) {
-				return "The chosen server isn't added to the bench yet. Please add the server to the bench first.";
-			} else if (
-				this.targetServer &&
-				this.$resources.isServerAddedInGroup.data
-			) {
-				return 'The chosen server is already added to the bench. You can now migrate the site to the server.';
-			} else return '';
-		},
-		errorMessage() {
-			return (
-				this.$resources.addServerToReleaseGroup.error ||
-				this.$resources.isServerAddedInGroup.error ||
-				this.$resources.changeServerOptions.error ||
-				this.$resources.changeServer.error
-			);
-		},
-		datetimeInIST() {
-			if (!this.targetDateTime) return null;
-			const datetimeInIST = this.$dayjs(this.targetDateTime)
-				.tz('Asia/Kolkata')
-				.format('YYYY-MM-DDTHH:mm');
-
-			return datetimeInIST;
-		}
-	},
-	resources: {
-		changeServerOptions() {
-			return {
-				url: 'jcloud.api.site.change_server_options',
-				params: {
-					name: this.site?.name
-				},
-				initialData: [],
-				auto: true,
-				transform(d) {
-					return d.map(s => ({
-						label: s.title || s.name,
-						value: s.name
-					}));
-				}
-			};
-		},
-		isServerAddedInGroup() {
-			return {
-				url: 'jcloud.api.site.is_server_added_in_group',
-				initialData: false
-			};
-		},
-		changeServer() {
-			return {
-				url: 'jcloud.api.site.change_server',
-				onSuccess() {
-					notify({
-						title: 'Site Change Server',
-						message: `Site <b>${this.site?.name}</b> has been scheduled to move to <b>${this.targetServer}</b>`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.$emit('update:modelValue', false);
-				}
-			};
-		},
-		addServerToReleaseGroup() {
-			return {
-				url: 'jcloud.api.site.add_server_to_release_group',
-				params: {
-					name: this.site?.name,
-					group_name: this.site?.group,
-					server: this.targetServer
-				},
-				onSuccess(data) {
-					notify({
-						title: 'Server Added to the Bench',
-						message: `Added <b>${this.targetServer}</b> to current bench. Please wait for the deploy to be completed.`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.$router.push({
-						name: 'BenchJobs',
-						params: {
-							benchName: this.site?.group,
-							jobName: data
-						}
-					});
-					this.resetValues();
-					this.$emit('update:modelValue', false);
-				}
-			};
-		}
-	},
-	methods: {
-		resetValues() {
-			this.targetServer = '';
-			this.targetDateTime = null;
-			this.$resources.isServerAddedInGroup.reset();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteCharts.vue b/dashboard_backup/src/views/site/SiteCharts.vue
deleted file mode 100644
index c58c2ed..0000000
--- a/dashboard_backup/src/views/site/SiteCharts.vue
+++ /dev/null
@@ -1,318 +0,0 @@
-<template>
-	<div class="space-y-4 p-5">
-		<ErrorMessage :message="$resources.analytics.error" />
-		<FormControl
-			class="w-32"
-			label="Duration"
-			type="select"
-			:options="durationOptions"
-			v-model="duration"
-		/>
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-			<LineChart
-				type="time"
-				title="Usage Counter"
-				:key="usageCounterData"
-				:data="usageCounterData"
-				unit="seconds"
-				:chartTheme="[$theme.colors.purple[500]]"
-				:loading="$resources.analytics.loading"
-			/>
-
-			<SiteAnalyticsUptime
-				:data="$resources.analytics?.data?.uptime"
-				:loading="$resources.analytics.loading"
-			/>
-
-			<LineChart
-				type="time"
-				title="Requests"
-				:key="requestCountData"
-				:data="requestCountData"
-				unit="requests"
-				:chartTheme="[$theme.colors.green[500]]"
-				:loading="$resources.analytics.loading"
-			/>
-			<LineChart
-				type="time"
-				title="Requests CPU Usage"
-				:key="requestTimeData"
-				:data="requestTimeData"
-				unit="seconds"
-				:chartTheme="[$theme.colors.yellow[500]]"
-				:loading="$resources.analytics.loading"
-			/>
-			<LineChart
-				type="time"
-				title="Background Jobs"
-				:key="jobCountData"
-				:data="jobCountData"
-				unit="jobs"
-				:chartTheme="[$theme.colors.red[500]]"
-				:loading="$resources.analytics.loading"
-			/>
-			<LineChart
-				type="time"
-				title="Background Jobs CPU Usage"
-				:key="jobTimeData"
-				:data="jobTimeData"
-				unit="seconds"
-				:chartTheme="[$theme.colors.blue[500]]"
-				:loading="$resources.analytics.loading"
-			/>
-
-			<BarChart
-				class="sm:col-span-2"
-				title="Request Count by Path"
-				:key="requestCountByPathData"
-				:data="requestCountByPathData"
-				unit="requests"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-			<BarChart
-				class="sm:col-span-2"
-				title="Request Duration by Path"
-				:key="requestDurationByPathData"
-				:data="requestDurationByPathData"
-				unit="seconds"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-			<BarChart
-				class="sm:col-span-2"
-				title="Average Request Duration by Path"
-				:key="averageRequestDurationByPathData"
-				:data="averageRequestDurationByPathData"
-				unit="seconds"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-
-			<BarChart
-				class="sm:col-span-2"
-				title="Background Job Count by Method"
-				:key="backgroundJobCountByMethodData"
-				:data="backgroundJobCountByMethodData"
-				unit="jobs"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-			<BarChart
-				class="sm:col-span-2"
-				title="Background Job Duration by Method"
-				:key="backgroundJobDurationByMethodData"
-				:data="backgroundJobDurationByMethodData"
-				unit="seconds"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-			<BarChart
-				class="sm:col-span-2"
-				title="Average Background Job Duration by Method"
-				:key="averageBackgroundJobDurationByMethodData"
-				:data="averageBackgroundJobDurationByMethodData"
-				unit="seconds"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-
-			<BarChart
-				class="sm:col-span-2"
-				title="Slow Logs by Count"
-				:key="slowLogsByCountData"
-				:data="slowLogsByCountData"
-				unit="queries"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-			<BarChart
-				class="sm:col-span-2"
-				title="Slow Logs by Duration"
-				:key="slowLogsByDurationData"
-				:data="slowLogsByDurationData"
-				unit="seconds"
-				:chartTheme="requestChartColors"
-				:loading="$resources.analytics.loading"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import { DateTime } from 'luxon';
-import LineChart from '@/components/charts/LineChart.vue';
-import BarChart from '@/components/charts/BarChart.vue';
-import SiteAnalyticsUptime from './SiteAnalyticsUptime.vue';
-import AlertBanner from '../../../src2/components/AlertBanner.vue';
-
-export default {
-	name: 'SiteAnalytics',
-	props: ['siteName'],
-	components: {
-		BarChart,
-		LineChart,
-		SiteAnalyticsUptime,
-		AlertBanner
-	},
-	data() {
-		return {
-			duration: '24h',
-			durationOptions: [
-				{ label: '1 hour', value: '1h' },
-				{ label: '6 hours', value: '6h' },
-				{ label: '24 hours', value: '24h' },
-				{ label: '7 days', value: '7d' },
-				{ label: '15 days', value: '15d' }
-			]
-		};
-	},
-	resources: {
-		analytics() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.analytics.get',
-				params: {
-					name: this.siteName,
-					timezone: localTimezone,
-					duration: this.duration
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		requestChartColors() {
-			return [
-				this.$theme.colors.green[500],
-				this.$theme.colors.red[500],
-				this.$theme.colors.yellow[500],
-				this.$theme.colors.pink[500],
-				this.$theme.colors.purple[500],
-				this.$theme.colors.blue[500],
-				this.$theme.colors.teal[500],
-				this.$theme.colors.cyan[500],
-				this.$theme.colors.gray[500],
-				this.$theme.colors.orange[500]
-			];
-		},
-		usageCounterData() {
-			let data = this.$resources.analytics.data?.usage_counter;
-			if (!data) return;
-
-			let plan_limit = this.$resources.analytics.data?.plan_limit;
-
-			return {
-				datasets: [data.map(d => [+new Date(d.date), d.value / 1000000])],
-				// daily limit marker
-				markLine: {
-					data: [
-						{
-							name: 'Daily Compute Limit',
-							yAxis: plan_limit,
-							label: {
-								formatter: '{b}: {c} seconds',
-								position: 'middle'
-							},
-							lineStyle: {
-								color: '#f5222d'
-							}
-						}
-					],
-					symbol: ['none', 'none']
-				}
-			};
-		},
-		requestCountData() {
-			let requestCount = this.$resources.analytics.data?.request_count;
-			if (!requestCount) return;
-
-			return {
-				datasets: [requestCount.map(d => [+new Date(d.date), d.value])]
-			};
-		},
-		requestCountByPathData() {
-			let requestCountByPath =
-				this.$resources.analytics.data?.request_count_by_path;
-			if (!requestCountByPath) return;
-
-			return requestCountByPath;
-		},
-		requestDurationByPathData() {
-			let requestDurationByPath =
-				this.$resources.analytics.data?.request_duration_by_path;
-			if (!requestDurationByPath) return;
-
-			return requestDurationByPath;
-		},
-		averageRequestDurationByPathData() {
-			let averageRequestDurationByPath =
-				this.$resources.analytics.data?.average_request_duration_by_path;
-			if (!averageRequestDurationByPath) return;
-
-			return averageRequestDurationByPath;
-		},
-		backgroundJobCountByMethodData() {
-			let backgroundJobCountByMethod =
-				this.$resources.analytics.data?.background_job_count_by_method;
-			if (!backgroundJobCountByMethod) return;
-
-			return backgroundJobCountByMethod;
-		},
-		backgroundJobDurationByMethodData() {
-			let backgroundJobDurationByMethod =
-				this.$resources.analytics.data?.background_job_duration_by_method;
-			if (!backgroundJobDurationByMethod) return;
-
-			return backgroundJobDurationByMethod;
-		},
-		averageBackgroundJobDurationByMethodData() {
-			let averageBackgroundJobDurationByMethod =
-				this.$resources.analytics.data
-					?.average_background_job_duration_by_method;
-			if (!averageBackgroundJobDurationByMethod) return;
-
-			return averageBackgroundJobDurationByMethod;
-		},
-		slowLogsByCountData() {
-			let slowLogsByCount = this.$resources.analytics.data?.slow_logs_by_count;
-			if (!slowLogsByCount) return;
-
-			return slowLogsByCount;
-		},
-		slowLogsByDurationData() {
-			let slowLogsByDuration =
-				this.$resources.analytics.data?.slow_logs_by_duration;
-			if (!slowLogsByDuration) return;
-
-			return slowLogsByDuration;
-		},
-		requestTimeData() {
-			let requestCpuTime = this.$resources.analytics.data?.request_cpu_time;
-			if (!requestCpuTime) return;
-
-			return {
-				datasets: [
-					requestCpuTime.map(d => [+new Date(d.date), d.value / 1000000])
-				]
-			};
-		},
-		jobCountData() {
-			let jobCount = this.$resources.analytics.data?.job_count;
-			if (!jobCount) return;
-
-			return {
-				datasets: [jobCount.map(d => [+new Date(d.date), d.value])]
-			};
-		},
-		jobTimeData() {
-			let jobCpuTime = this.$resources.analytics.data?.job_cpu_time;
-			if (!jobCpuTime) return;
-
-			return {
-				datasets: [jobCpuTime.map(d => [+new Date(d.date), d.value / 1000000])]
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteConfig.vue b/dashboard_backup/src/views/site/SiteConfig.vue
deleted file mode 100644
index 660723e..0000000
--- a/dashboard_backup/src/views/site/SiteConfig.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-	<ConfigEditor
-		v-if="site"
-		title="Site Config"
-		subtitle="Add and update key value pairs to your site's site_config.json"
-		configName="site_config.json"
-		:configData="siteConfig"
-		:updateConfigMethod="updateSiteConfig"
-	/>
-</template>
-
-<script>
-import ConfigEditor from '@/components/ConfigEditor.vue';
-
-export default {
-	name: 'SiteConfig',
-	components: {
-		ConfigEditor
-	},
-	props: ['site'],
-	data() {
-		return {
-			editMode: false,
-			isDirty: false
-		};
-	},
-	methods: {
-		siteConfig() {
-			return {
-				url: 'jcloud.api.site.site_config',
-				params: { name: this.site?.name },
-				auto: true,
-				initialData: []
-			};
-		},
-		updateSiteConfig(updatedConfig) {
-			return {
-				url: 'jcloud.api.site.update_config',
-				params: {
-					name: this.site?.name,
-					config: JSON.stringify(updatedConfig)
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteConsole.vue b/dashboard_backup/src/views/site/SiteConsole.vue
deleted file mode 100644
index 92ebc2d..0000000
--- a/dashboard_backup/src/views/site/SiteConsole.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-	<div>
-		<section>
-			<h2 class="text-lg font-medium">Access Console</h2>
-			<p class="text-gray-600">
-				Access your site's Python and Database Console
-			</p>
-			<div class="flex">
-				<Button class="mt-6"> Launch Python Console </Button>
-				<Button class="mt-6 ml-4"> Launch Database Console </Button>
-			</div>
-		</section>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SiteConsole',
-	props: ['site']
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteDatabase.vue b/dashboard_backup/src/views/site/SiteDatabase.vue
deleted file mode 100644
index 50f0a15..0000000
--- a/dashboard_backup/src/views/site/SiteDatabase.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-	<div v-if="site" class="grid grid-cols-1 gap-5 md:grid-cols-2">
-		<SiteDatabaseBackups :site="site" />
-		<SiteDatabaseRestore :site="site" />
-	</div>
-</template>
-
-<script>
-import SiteDatabaseBackups from './SiteDatabaseBackups.vue';
-import SiteDatabaseRestore from './SiteDatabaseRestore.vue';
-
-export default {
-	name: 'SiteDatabase',
-	props: ['site'],
-	components: { SiteDatabaseBackups, SiteDatabaseRestore }
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteDatabaseBackups.vue b/dashboard_backup/src/views/site/SiteDatabaseBackups.vue
deleted file mode 100644
index 7547fd2..0000000
--- a/dashboard_backup/src/views/site/SiteDatabaseBackups.vue
+++ /dev/null
@@ -1,331 +0,0 @@
-<template>
-	<Card
-		v-if="site"
-		title="Backups"
-		subtitle="Backups are enabled and are scheduled to run every day."
-	>
-		<template #actions>
-			<Button
-				v-if="site?.status === 'Active' || site?.status === 'Suspended'"
-				@click="$resources.scheduleBackup.fetch()"
-				:loading="$resources.scheduleBackup.loading"
-				class="py-5"
-			>
-				Create Backup
-			</Button>
-			<Dialog
-				:options="{ title: 'Restore Backup on Another Site' }"
-				v-model="showRestoreOnAnotherSiteDialog"
-			>
-				<template v-slot:body-content>
-					<p class="text-base">
-						Select the site where you want to restore the backup
-					</p>
-					<SiteRestoreSelector
-						:sites="
-							$resources.sites.data.filter(site => site.name !== this.site.name)
-						"
-						:selectedSite="selectedSite"
-						@update:selectedSite="value => (selectedSite = value)"
-					/>
-					<div v-if="selectedSite" class="mt-4">
-						<p class="text-base">
-							Are you sure you want to restore the backup from
-							<b>{{ site?.name }}</b> taken on
-							<b>{{ formatDate(backupToRestore.creation) }}</b> to your site
-							<b>{{ selectedSite.name }}</b
-							>?
-						</p>
-					</div>
-					<ErrorMessage
-						class="mt-2"
-						:message="restoreOnAnotherSiteErrorMessage"
-					/>
-				</template>
-				<template #actions>
-					<Button
-						variant="solid"
-						class="w-full"
-						v-if="selectedSite"
-						@click="restoreOffsiteBackupOnAnotherSite(backupToRestore)"
-					>
-						Restore
-					</Button>
-				</template>
-			</Dialog>
-		</template>
-		<div class="divide-y" v-if="backups.data.length">
-			<div
-				class="flex items-center justify-between py-2"
-				v-for="backup in backups.data"
-				:key="backup.database_url"
-			>
-				<div class="text-base">
-					<span
-						v-if="backup.status === 'Success'"
-						class="flex items-center justify-between"
-					>
-						<span>
-							Backup on <FormatDate>{{ backup.creation }}</FormatDate>
-						</span>
-					</span>
-					<span v-else> Performing Backup... </span>
-				</div>
-				<div class="flex items-center space-x-2">
-					<Badge v-if="backup.offsite" label="Offsite" theme="green" />
-					<Dropdown :options="dropdownItems(backup)">
-						<template v-slot="{ open }">
-							<Tooltip
-								:text="
-									!permissions.backups
-										? `You don't have enough permissions to perform this action`
-										: 'Download Backups'
-								"
-							>
-								<Button
-									icon="more-horizontal"
-									:disabled="!permissions.backups"
-								/>
-							</Tooltip>
-						</template>
-					</Dropdown>
-				</div>
-			</div>
-		</div>
-		<div class="mt-2 text-base text-gray-600" v-else>
-			<Button
-				v-if="$resources.backups.loading"
-				:loading="true"
-				loading-text="Loading"
-			/>
-			<span v-else> No backups found </span>
-		</div>
-	</Card>
-</template>
-<script>
-import SiteRestoreSelector from '@/components/SiteRestoreSelector.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteDatabaseBackups',
-	props: ['site'],
-	components: {
-		SiteRestoreSelector
-	},
-	data() {
-		return {
-			isRestorePending: false,
-			backupToRestore: null,
-			showRestoreOnAnotherSiteDialog: false,
-			restoreOnAnotherSiteErrorMessage: null,
-			selectedSite: null
-		};
-	},
-	resources: {
-		sites() {
-			return {
-				url: 'jcloud.api.site.all',
-				initialData: [],
-				auto: true
-			};
-		},
-		backups() {
-			return {
-				url: 'jcloud.api.site.backups',
-				params: {
-					name: this.site?.name
-				},
-				initialData: [],
-				auto: true
-			};
-		},
-		scheduleBackup() {
-			return {
-				url: 'jcloud.api.site.backup',
-				params: {
-					name: this.site?.name,
-					with_files: true
-				},
-				onSuccess: () => {
-					this.$resources.backups.reload();
-				},
-				onError: err => {
-					notify({
-						title: "Couldn't create backup",
-						message: err.messages.join('\n'),
-						color: 'red',
-						icon: err.messages[0].includes('suspension')
-							? 'info'
-							: 'alert-triangle'
-					});
-				}
-			};
-		}
-	},
-	mounted() {
-		this.$socket.on('agent_job_update', data => {
-			if (data.site === this.site.name && data.name === 'Backup Site') {
-				if (data.status === 'Success') {
-					this.$resources.backups.reload();
-				}
-			}
-		});
-	},
-	computed: {
-		backups() {
-			return this.$resources.backups;
-		},
-		permissions() {
-			return {
-				backups: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.get_backup_link'
-				)
-			};
-		}
-	},
-	methods: {
-		dropdownItems(backup) {
-			return [
-				{
-					group: 'Download',
-					items: [
-						{
-							label: `Database (${this.formatBytes(
-								backup.database_size || 0
-							)})`,
-							onClick: () => {
-								this.downloadBackup(
-									backup.name,
-									'database',
-									backup.database_url,
-									backup.offsite
-								);
-							}
-						},
-						{
-							label: `Public Files (${this.formatBytes(
-								backup.public_size || 0
-							)})`,
-							condition: () => backup.public_file,
-							onClick: () => {
-								this.downloadBackup(
-									backup.name,
-									'public',
-									backup.public_url,
-									backup.offsite
-								);
-							}
-						},
-						{
-							label: `Private Files (${this.formatBytes(
-								backup.private_size || 0
-							)})`,
-							condition: () => backup.private_file,
-							onClick: () => {
-								this.downloadBackup(
-									backup.name,
-									'private',
-									backup.private_url,
-									backup.offsite
-								);
-							}
-						},
-						{
-							label: `Site Config (${this.formatBytes(
-								backup.config_file_size || 0
-							)})`,
-							condition: () => backup.config_file_size,
-							onClick: () => {
-								this.downloadBackup(
-									backup.name,
-									'config',
-									backup.config_file_url,
-									backup.offsite
-								);
-							}
-						}
-					]
-				},
-				{
-					group: 'Restore',
-					condition: () => backup.offsite,
-					items: [
-						{
-							label: 'Restore Backup',
-							onClick: () => {
-								this.$confirm({
-									title: 'Restore Backup',
-									// prettier-ignore
-									message: `Are you sure you want to restore your site to <b>${this.formatDate(backup.creation)}</b>?`,
-									actionLabel: 'Restore',
-									action: closeDialog => {
-										closeDialog();
-										this.restoreOffsiteBackup(backup);
-									}
-								});
-							}
-						},
-						{
-							label: 'Restore Backup on Another Site',
-							onClick: () => {
-								this.showRestoreOnAnotherSiteDialog = true;
-								this.backupToRestore = backup;
-							}
-						}
-					]
-				}
-			].filter(d => (d.condition ? d.condition() : true));
-		},
-		async downloadBackup(name, file, database_url, offsite) {
-			let link = offsite
-				? await this.$call('jcloud.api.site.get_backup_link', {
-						name: this.site.name,
-						backup: name,
-						file: file
-				  })
-				: database_url;
-			window.open(link);
-		},
-		async restoreOffsiteBackup(backup) {
-			this.isRestorePending = true;
-			this.$call('jcloud.api.site.restore', {
-				name: this.site.name,
-				files: {
-					database: backup.remote_database_file,
-					public: backup.remote_public_file,
-					private: backup.remote_private_file
-				}
-			}).then(() => {
-				this.isRestorePending = false;
-				this.$router.push(`/sites/${this.site.name}/jobs`);
-				setTimeout(() => {
-					window.location.reload();
-				}, 1000);
-			});
-		},
-		async restoreOffsiteBackupOnAnotherSite(backup) {
-			this.isRestorePending = true;
-			this.$call('jcloud.api.site.restore', {
-				name: this.selectedSite.name,
-				files: {
-					database: backup.remote_database_file,
-					public: backup.remote_public_file,
-					private: backup.remote_private_file
-				}
-			})
-				.then(() => {
-					this.isRestorePending = false;
-					this.showRestoreOnAnotherSiteDialog = false;
-					this.$router.push(`/sites/${this.selectedSite.name}/jobs`);
-					setTimeout(() => {
-						window.location.reload();
-					}, 1000);
-				})
-				.catch(error => {
-					this.restoreOnAnotherSiteErrorMessage = error;
-				});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteDatabaseRestore.vue b/dashboard_backup/src/views/site/SiteDatabaseRestore.vue
deleted file mode 100644
index b039d63..0000000
--- a/dashboard_backup/src/views/site/SiteDatabaseRestore.vue
+++ /dev/null
@@ -1,411 +0,0 @@
-<template>
-	<Card
-		v-if="site"
-		title="Restore, Migrate & Reset"
-		:subtitle="
-			site.status === 'Suspended'
-				? 'Activate the site to enable these actions'
-				: ''
-		"
-	>
-		<div class="divide-y">
-			<div class="flex items-center justify-between py-3">
-				<div>
-					<h3 class="text-lg">Restore</h3>
-					<p class="mt-1 text-base text-gray-600">
-						Restore your database using a previous backup
-					</p>
-				</div>
-				<Tooltip
-					:text="
-						!permissions.restore
-							? `You don't have enough permissions to perform this action`
-							: 'Restore Database'
-					"
-				>
-					<Button
-						theme="red"
-						:disabled="site.status === 'Suspended' || !permissions.restore"
-						@click="showRestoreDialog = true"
-					>
-						Restore
-					</Button>
-				</Tooltip>
-			</div>
-			<div class="flex items-center justify-between py-3">
-				<div>
-					<h3 class="text-lg">Migrate</h3>
-					<p class="mt-1 text-base text-gray-600">
-						Run bench migrate command on your database
-					</p>
-				</div>
-				<Tooltip
-					:text="
-						!permissions.migrate
-							? `You don't have enough permissions to perform this action`
-							: 'Migrate Database'
-					"
-				>
-					<Button
-						theme="red"
-						:disabled="site.status === 'Suspended' || !permissions.migrate"
-						@click="showMigrateDialog = true"
-					>
-						Migrate
-					</Button>
-				</Tooltip>
-			</div>
-			<div class="flex items-center justify-between py-3">
-				<div>
-					<h3 class="text-lg">Reset</h3>
-					<p class="mt-1 text-base text-gray-600">
-						Reset your database to a clean state
-					</p>
-				</div>
-				<Tooltip
-					:text="
-						!permissions.reset
-							? `You don't have enough permissions to perform this action`
-							: 'Reset Database'
-					"
-				>
-					<Button
-						theme="red"
-						:disabled="site.status === 'Suspended' || !permissions.reset"
-						@click="showResetDialog = true"
-					>
-						Reset
-					</Button>
-				</Tooltip>
-			</div>
-			<div class="flex items-center justify-between py-3">
-				<div>
-					<h3 class="text-lg">Clear Cache</h3>
-					<p class="mt-1 text-base text-gray-600">Clear your site's cache</p>
-				</div>
-				<Button
-					:disabled="site.status === 'Suspended'"
-					@click="confirmClearCache"
-				>
-					Clear
-				</Button>
-			</div>
-			<div
-				class="flex items-center justify-between py-3"
-				v-if="$account.team.database_access_enabled"
-			>
-				<div>
-					<h3 class="text-lg">Access</h3>
-					<p class="mt-1 text-base text-gray-600">Connect to your database</p>
-				</div>
-				<Tooltip
-					:text="
-						!permissions.access
-							? `You don't have enough permissions to perform this action`
-							: 'Access Database'
-					"
-				>
-					<Button
-						:disabled="!permissions.access"
-						icon-left="database"
-						@click="showDatabaseAccessDialog = true"
-					>
-						Access</Button
-					>
-				</Tooltip>
-			</div>
-		</div>
-
-		<Dialog
-			:options="{
-				title: 'Migrate Database',
-				actions: [
-					{
-						label: 'Migrate',
-						variant: 'solid',
-						theme: 'red',
-						loading: $resources.migrateDatabase.loading,
-						onClick: migrateDatabase
-					}
-				]
-			}"
-			v-model="showMigrateDialog"
-			@close="
-				() => {
-					$resources.migrateDatabase.reset();
-					wantToSkipFailingPatches = false;
-				}
-			"
-		>
-			<template v-slot:body-content>
-				<p class="text-base">
-					<b>bench migrate</b> command will be executed on your database. Are
-					you sure you want to run this command? We recommend that you download
-					a database backup before continuing.
-				</p>
-				<p class="mt-4 text-base">
-					Please type
-					<span class="font-semibold">{{ site.name }}</span> to confirm.
-				</p>
-				<FormControl class="mt-4 w-full" v-model="confirmSiteName" />
-				<ErrorMessage
-					class="mt-2"
-					:message="$resources.migrateDatabase.error"
-				/>
-				<div class="mt-2">
-					<!-- Skip Failing Checkbox -->
-					<input
-						id="skip-failing"
-						type="checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-						v-model="wantToSkipFailingPatches"
-					/>
-					<label for="skip-failing" class="ml-2 text-sm text-gray-900">
-						Skip failing patches (if any patch fails)
-					</label>
-				</div>
-			</template>
-		</Dialog>
-
-		<Dialog
-			:options="{
-				title: 'Restore',
-				actions: [
-					{
-						label: 'Restore',
-						variant: 'solid',
-						loading: $resources.restoreBackup.loading,
-						onClick: () => $resources.restoreBackup.submit()
-					}
-				]
-			}"
-			v-model="showRestoreDialog"
-		>
-			<template v-slot:body-content>
-				<div class="space-y-4">
-					<p class="text-base">
-						Restore your database using a previous backup.
-					</p>
-					<BackupFilesUploader v-model:backupFiles="selectedFiles" />
-				</div>
-				<p class="mt-4 text-base">
-					Please type
-					<span class="font-semibold">{{ site.name }}</span> to confirm.
-				</p>
-				<FormControl class="mt-4 w-full" v-model="confirmSiteName" />
-				<div class="mt-3">
-					<!-- Skip Failing Checkbox -->
-					<input
-						id="skip-failing"
-						type="checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-						v-model="wantToSkipFailingPatches"
-					/>
-					<label for="skip-failing" class="ml-2 text-sm text-gray-900">
-						Skip failing patches (if any patch fails)
-					</label>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.restoreBackup.error" />
-			</template>
-		</Dialog>
-
-		<DatabaseAccessDialog
-			v-if="showDatabaseAccessDialog"
-			:site="site.name"
-			v-model="showDatabaseAccessDialog"
-		/>
-
-		<Dialog
-			:options="{
-				title: 'Reset Database',
-				actions: [
-					{
-						label: 'Reset',
-						variant: 'solid',
-						theme: 'red',
-						loading: $resources.resetDatabase.loading,
-						onClick: () => $resources.resetDatabase.submit()
-					}
-				]
-			}"
-			v-model="showResetDialog"
-		>
-			<template v-slot:body-content>
-				<p class="text-base">
-					All the data from your site will be lost. Are you sure you want to
-					reset your database?
-				</p>
-				<p class="mt-4 text-base">
-					Please type
-					<span class="font-semibold">{{ site.name }}</span> to confirm.
-				</p>
-				<FormControl class="mt-4 w-full" v-model="confirmSiteName" />
-				<ErrorMessage class="mt-2" :message="$resources.resetDatabase.error" />
-			</template>
-		</Dialog>
-	</Card>
-</template>
-
-<script>
-import FileUploader from '@/components/FileUploader.vue';
-import BackupFilesUploader from '@/components/BackupFilesUploader.vue';
-import DatabaseAccessDialog from './DatabaseAccessDialog.vue';
-
-export default {
-	name: 'SiteDatabase',
-	components: {
-		FileUploader,
-		BackupFilesUploader,
-		DatabaseAccessDialog
-	},
-	props: ['site'],
-	data() {
-		return {
-			confirmSiteName: '',
-			showResetDialog: false,
-			showMigrateDialog: false,
-			showRestoreDialog: false,
-			showDatabaseAccessDialog: false,
-			selectedFiles: {
-				database: null,
-				public: null,
-				private: null
-			},
-			wantToSkipFailingPatches: false
-		};
-	},
-	resources: {
-		restoreBackup() {
-			return {
-				url: 'jcloud.api.site.restore',
-				params: {
-					name: this.site?.name,
-					files: this.selectedFiles,
-					skip_failing_patches: this.wantToSkipFailingPatches
-				},
-				validate() {
-					if (this.confirmSiteName !== this.site?.name) {
-						return 'Please type the site name to confirm.';
-					}
-					if (!this.filesUploaded) {
-						return 'Please upload database, public and private files to restore.';
-					}
-				},
-				onSuccess(jobName) {
-					this.selectedFiles = {};
-					this.$router.push({ name: 'SiteJobs', params: { jobName } });
-					setTimeout(() => {
-						window.location.reload();
-					}, 1000);
-				}
-			};
-		},
-		resetDatabase() {
-			return {
-				url: 'jcloud.api.site.reinstall',
-				params: {
-					name: this.site?.name
-				},
-				validate() {
-					if (this.confirmSiteName !== this.site?.name) {
-						return 'Please type the site name to confirm.';
-					}
-				},
-				onSuccess(jobName) {
-					this.$router.push({ name: 'SiteJobs', params: { jobName } });
-					setTimeout(() => {
-						window.location.reload();
-					}, 1000);
-				}
-			};
-		},
-		migrateDatabase() {
-			return {
-				url: 'jcloud.api.site.migrate',
-				params: {
-					name: this.site?.name
-				},
-				validate() {
-					if (this.confirmSiteName !== this.site?.name) {
-						return 'Please type the site name to confirm.';
-					}
-				},
-				onSuccess() {
-					this.$router.push({
-						name: 'SiteOverview',
-						params: { site: this.site?.name }
-					});
-					setTimeout(() => {
-						window.location.reload();
-					}, 1000);
-				}
-			};
-		},
-		clearCache() {
-			return {
-				url: 'jcloud.api.site.clear_cache',
-				params: {
-					name: this.site?.name
-				},
-				onSuccess() {
-					this.$router.push({
-						name: 'SiteOverview',
-						params: { site: this.site?.name }
-					});
-					setTimeout(() => {
-						window.location.reload();
-					}, 1000);
-				}
-			};
-		}
-	},
-	methods: {
-		migrateDatabase() {
-			this.$resources.migrateDatabase.submit({
-				name: this.site.name,
-				skip_failing_patches: this.wantToSkipFailingPatches
-			});
-		},
-		confirmClearCache() {
-			this.$confirm({
-				title: 'Clear Cache',
-				message: `
-					<b>bench clear-cache</b> and <b>bench clear-website-cache</b> commands will be executed on your site. Are you sure
-					you want to run these command?
-				`,
-				actionLabel: 'Clear Cache',
-				actionColor: 'red',
-				action: closeDialog => {
-					this.$resources.clearCache.submit();
-					closeDialog();
-				}
-			});
-		}
-	},
-	computed: {
-		permissions() {
-			return {
-				migrate: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.migrate'
-				),
-				restore: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.restore'
-				),
-				reset: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.reset'
-				),
-				access: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.enable_database_access'
-				)
-			};
-		},
-		filesUploaded() {
-			return this.selectedFiles.database;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteDeadlockReport.vue b/dashboard_backup/src/views/site/SiteDeadlockReport.vue
deleted file mode 100644
index 6988a15..0000000
--- a/dashboard_backup/src/views/site/SiteDeadlockReport.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-	<div
-		class="flex items-center justify-center"
-		v-if="$resources.getPlan?.loading"
-	>
-		<LoadingText />
-	</div>
-	<div v-else-if="$resources.getPlan?.data?.monitor_access">
-		<Card>
-			<Report
-				:filters="filters"
-				:columns="[
-					{ label: 'Timestamp', name: 'timestamp', class: 'w-2/12' },
-					{ label: 'Query', name: 'query', class: 'w-10/12' }
-				]"
-				:data="formatDeadlockData"
-				title="MariaDB Deadlock Report"
-			/>
-			<div
-				class="px-2 py-2 text-base text-gray-600"
-				v-if="
-					$resources.deadlockReport.loading &&
-					$resources.deadlockReport.data.length == 0
-				"
-			>
-				<LoadingText />
-			</div>
-			<div
-				class="content-center py-2 text-base"
-				v-if="
-					!$resources.deadlockReport.loading &&
-					$resources.deadlockReport.data.length == 0
-				"
-			>
-				No data
-			</div>
-			<Button
-				v-if="
-					$resources.deadlockReport.data &&
-					$resources.deadlockReport.data.length
-				"
-				:loading="$resources.deadlockReport.loading"
-				loadingText="Loading..."
-				@click="max_lines += 10"
-			>
-				Load more
-			</Button>
-		</Card>
-	</div>
-	<div class="flex justify-center" v-else>
-		<span class="mt-16 text-base text-gray-700">
-			Your plan doesn't support this feature. Please upgrade your plan.
-		</span>
-	</div>
-</template>
-<script>
-import Report from '@/components/Report.vue';
-import { DateTime } from 'luxon';
-
-export default {
-	name: 'SiteDeadlockReport',
-	props: ['site'],
-	components: {
-		Report
-	},
-	data() {
-		return {
-			filters: [
-				{
-					name: 'start_datetime',
-					label: 'From:',
-					type: 'date',
-					value: this.today
-				},
-				{ name: 'end_datetime', label: 'To:', type: 'date', value: this.today }
-			],
-			max_lines: 20
-		};
-	},
-	watch: {
-		startTime() {
-			this.reset();
-		},
-		endTime() {
-			this.reset();
-		}
-	},
-	resources: {
-		deadlockReport() {
-			return {
-				url: 'jcloud.api.analytics.deadlock_report',
-				params: {
-					site: this.site?.name,
-					start: this.startTime || this.today,
-					end: this.endTime || this.today,
-					max_lines: this.max_lines
-				},
-				auto: true,
-				pageLength: 10,
-				keepData: true,
-				initialData: []
-			};
-		},
-		getPlan() {
-			return {
-				url: 'jcloud.api.site.current_plan',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		}
-	},
-	methods: {
-		reset() {
-			this.$resources.deadlockReport.reset();
-		}
-	},
-	computed: {
-		today() {
-			return DateTime.local().toISODate();
-		},
-		startTime() {
-			return this.filters[0].value;
-		},
-		endTime() {
-			return this.filters[1].value;
-		},
-		formatDeadlockData() {
-			let data = [];
-			this.$resources.deadlockReport.data.forEach(row => {
-				let timestamp = this.formatDate(
-					row.timestamp,
-					'TIME_24_WITH_SHORT_OFFSET'
-				);
-				let out = [
-					{ name: 'Timestamp', value: timestamp, class: 'w-2/12' },
-					{ name: 'Query', value: row.query, class: 'w-10/12' }
-				];
-				data.push(out);
-			});
-
-			return data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteDrop.vue b/dashboard_backup/src/views/site/SiteDrop.vue
deleted file mode 100644
index c5fe3ba..0000000
--- a/dashboard_backup/src/views/site/SiteDrop.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-	<div class="shrink-0">
-		<slot v-bind="{ showDialog }"></slot>
-		<Dialog
-			:options="{
-				title: 'Drop Site',
-				actions: [
-					{
-						label: site.archive_failed ? 'Force Drop Site' : 'Drop Site',
-						variant: 'solid',
-						theme: 'red',
-						loading: $resources.dropSite.loading,
-						onClick: () => $resources.dropSite.submit()
-					}
-				]
-			}"
-			v-model="dialogOpen"
-		>
-			<template v-slot:body-content>
-				<p class="text-base">
-					Are you sure you want to drop your site? The site will be archived and
-					all of its files and Offsite Backups will be deleted. This action
-					cannot be undone.
-				</p>
-				<p class="mt-4 text-base">
-					Please type
-					<span class="font-semibold">{{ site.name }}</span> to confirm.
-				</p>
-				<FormControl class="mt-4 w-full" v-model="confirmSiteName" />
-				<div class="mt-4">
-					<FormControl
-						v-show="!site.archive_failed"
-						id="auto-update-checkbox"
-						v-model="forceDrop"
-						type="checkbox"
-						label="Force"
-					/>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.dropSite.error" />
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SiteDrop',
-	props: ['site'],
-	data() {
-		return {
-			dialogOpen: false,
-			confirmSiteName: null,
-			forceDrop: false
-		};
-	},
-	resources: {
-		dropSite() {
-			return {
-				url: 'jcloud.api.site.archive',
-				params: {
-					name: this.site?.name,
-					force: this.site.archive_failed == true ? true : this.forceDrop
-				},
-				onSuccess() {
-					this.dialogOpen = false;
-					this.$router.push('/sites');
-				},
-				validate() {
-					if (this.site?.name !== this.confirmSiteName) {
-						return 'Please type the site name to confirm';
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		showDialog() {
-			this.dialogOpen = true;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteInstalling.vue b/dashboard_backup/src/views/site/SiteInstalling.vue
deleted file mode 100644
index 9820698..0000000
--- a/dashboard_backup/src/views/site/SiteInstalling.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<Section
-		v-if="installingJob"
-		title="Your site is being installed..."
-		description="Please wait while we set up your site for use"
-	>
-		<SectionCard>
-			<div
-				v-for="step in installingJob.steps"
-				class="flex items-center px-6 py-2 text-base"
-				:key="step.name"
-			>
-				<div class="h-4 w-4 text-gray-800">
-					<FeatherIcon
-						class="h-4 w-4"
-						:class="{ spin: step.status === 'Running' }"
-						:name="iconMap[step.status]"
-					/>
-				</div>
-				<span class="ml-2">{{ step.name }}</span>
-			</div>
-		</SectionCard>
-	</Section>
-</template>
-
-<script>
-export default {
-	name: 'SiteActivity',
-	props: ['site'],
-	data() {
-		return {
-			iconMap: {
-				Running: 'loader',
-				Success: 'check',
-				Pending: 'minus'
-			},
-			installingJob: null
-		};
-	},
-	mounted() {
-		this.setupSiteInstall();
-		this.fetchPendingJobs();
-	},
-	methods: {
-		setupSiteInstall() {
-			this.$socket.on('agent_job_update', data => {
-				if (
-					data.site === this.site.name &&
-					(data.name === 'New Site' || data.name === 'New Site from Backup')
-				) {
-					this.installingJob = data;
-
-					if (
-						data.status === 'Success' &&
-						this.$route.path.startsWith(`/sites/${this.site.name}`)
-					) {
-						this.installingJob = null;
-						this.$router.replace(`/sites/${this.site.name}`);
-						window.location.reload();
-					}
-				}
-			});
-		},
-		async fetchPendingJobs() {
-			let jobs = await this.$call('jcloud.api.site.running_jobs', {
-				name: this.site.name
-			});
-			jobs.forEach(job => {
-				if (job.name === 'New Site' || job.name === 'New Site from Backup') {
-					this.installingJob = job;
-				}
-			});
-		}
-	}
-};
-</script>
-
-<style>
-.spin {
-	animation: spin 4s linear infinite;
-}
-
-@keyframes spin {
-	100% {
-		transform: rotate(360deg);
-	}
-}
-</style>
diff --git a/dashboard_backup/src/views/site/SiteJobs.vue b/dashboard_backup/src/views/site/SiteJobs.vue
deleted file mode 100644
index bf7bbdc..0000000
--- a/dashboard_backup/src/views/site/SiteJobs.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-	<AgentJobs
-		title="Jobs"
-		subtitle="History of jobs that ran on your site"
-		:resource="jobResource"
-		:jobName="jobName"
-		:jobRoute="jobRoute"
-	/>
-</template>
-<script>
-import AgentJobs from '@/views/general/AgentJobs.vue';
-export default {
-	name: 'SiteJobs',
-	props: ['siteName', 'jobName'],
-	components: {
-		AgentJobs
-	},
-	methods: {
-		jobResource() {
-			return {
-				type: 'list',
-				pagetype: 'Agent Job',
-				url: 'jcloud.api.site.jobs',
-				filters: { site: this.siteName },
-				orderBy: 'creation desc',
-				start: 0,
-				pageLength: 10,
-				auto: true
-			};
-		},
-		jobRoute(job) {
-			return `/sites/${this.siteName}/jobs/${job.name}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteList.vue b/dashboard_backup/src/views/site/SiteList.vue
deleted file mode 100644
index 15944f5..0000000
--- a/dashboard_backup/src/views/site/SiteList.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<div class="flex items-center rounded hover:bg-gray-100">
-		<router-link
-			:to="{ name: 'SiteOverview', params: { siteName: site.name } }"
-			class="w-full px-3 py-4"
-		>
-			<div class="flex items-center">
-				<div class="w-4/12 truncate text-base font-medium" :title="site.name">
-					{{ site.name }}
-				</div>
-				<div class="w-2/12">
-					<Badge
-						class="pointer-events-none"
-						variant="subtle"
-						:label="siteBadge(site)"
-					/>
-				</div>
-				<div class="w-2/12">
-					<img
-						v-if="site.server_region_info.image"
-						class="h-4"
-						:src="site.server_region_info.image"
-						:alt="`Flag of ${site.server_region_info.title}`"
-						:title="site.server_region_info.image"
-					/>
-					<span class="text-base text-gray-700" v-else>
-						{{ site.server_region_info.title }}
-					</span>
-				</div>
-				<div class="w-1/12">
-					<div class="text-base text-gray-700">
-						{{ site.plan ? `${$planTitle(site.plan)}/mo` : 'No Plan Set' }}
-					</div>
-				</div>
-			</div>
-		</router-link>
-		<Dropdown :options="dropdownItems(site)">
-			<template v-slot="{ open }">
-				<Button variant="ghost" class="mr-2" icon="more-horizontal" />
-			</template>
-		</Dropdown>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SiteList',
-	props: {
-		site: {
-			type: Object,
-			required: true
-		},
-		dropdownItems: {
-			type: Function,
-			required: true
-		}
-	},
-	methods: {}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteLogs.vue b/dashboard_backup/src/views/site/SiteLogs.vue
deleted file mode 100644
index 32b91be..0000000
--- a/dashboard_backup/src/views/site/SiteLogs.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<CardWithDetails
-		title="Logs"
-		subtitle="Available logs for your site"
-		:showDetails="logName"
-	>
-		<div v-if="$resources.logs.data && $resources.logs.data.length">
-			<router-link
-				class="block cursor-pointer rounded-md px-2.5"
-				:class="logName === log.name ? 'bg-gray-100' : 'hover:bg-gray-50'"
-				v-for="log in $resources.logs.data"
-				:key="log.name"
-				:to="`/sites/${siteName}/logs/${log.name}`"
-			>
-				<ListItem
-					:title="log.name"
-					:description="`${
-						formatDate(log.modified, (isUTC = true)) + '\n' + log.size
-					} kB`"
-				/>
-				<div class="border-b"></div>
-			</router-link>
-		</div>
-		<div v-else>
-			<Button
-				v-if="$resources.logs.loading"
-				:loading="true"
-				loading-text="Loading..."
-			/>
-			<span v-else class="text-base text-gray-600">No logs</span>
-		</div>
-		<template #details>
-			<SiteLogsDetail :siteName="siteName" :logName="logName" />
-		</template>
-	</CardWithDetails>
-</template>
-
-<script>
-import CardWithDetails from '@/components/CardWithDetails.vue';
-import SiteLogsDetail from './SiteLogsDetail.vue';
-export default {
-	name: 'SiteLogs',
-	props: ['siteName', 'logName'],
-	components: { CardWithDetails, SiteLogsDetail },
-	resources: {
-		logs() {
-			return {
-				url: 'jcloud.api.site.logs',
-				params: { name: this.siteName },
-				auto: true
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteLogsDetail.vue b/dashboard_backup/src/views/site/SiteLogsDetail.vue
deleted file mode 100644
index dfbffdc..0000000
--- a/dashboard_backup/src/views/site/SiteLogsDetail.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<CardDetails :showDetails="log">
-		<div class="px-6 py-5">
-			<template v-if="log != null">
-				<div class="flex items-center">
-					<Button
-						class="mr-3 md:hidden"
-						@click="$router.back()"
-						icon="chevron-left"
-					/>
-					<h4 class="text-lg font-medium">
-						{{ logName }}
-						<span class="">({{ logLines.length }} lines)</span>
-					</h4>
-				</div>
-			</template>
-			<div v-else>
-				<Button
-					:loading="true"
-					loading-text="Loading..."
-					v-if="$resources.log.loading"
-				/>
-				<span v-else class="text-base text-gray-600">
-					{{ logName ? 'Invalid Log' : 'No log selected' }}
-				</span>
-			</div>
-		</div>
-		<div class="flex-auto overflow-auto px-6 font-mono text-xs" v-if="log">
-			<div
-				class="mb-6 whitespace-pre-line rounded-md bg-gray-100 px-2 py-2.5"
-				:style="{ width: viewportWidth < 768 ? 'calc(100vw - 6rem)' : '' }"
-			>
-				<div class="overflow-x-auto">
-					<div v-for="(line, id) in logLines" :key="id">
-						{{ line }}
-					</div>
-				</div>
-			</div>
-		</div>
-	</CardDetails>
-</template>
-<script>
-import CardDetails from '@/components/CardDetails.vue';
-export default {
-	name: 'SiteLogsDetail',
-	props: ['siteName', 'logName'],
-	components: { CardDetails },
-	inject: ['viewportWidth'],
-	resources: {
-		log() {
-			return {
-				url: 'jcloud.api.site.log',
-				params: {
-					name: this.siteName,
-					log: this.logName
-				},
-				auto: Boolean(this.logName)
-			};
-		}
-	},
-	computed: {
-		log() {
-			return this.$resources.log.data && this.$resources.log.data[this.logName];
-		},
-		logLines() {
-			if (this.log && this.logName) return this.log.split('\n');
-			return [];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteMariaDBProcessList.vue b/dashboard_backup/src/views/site/SiteMariaDBProcessList.vue
deleted file mode 100644
index 2bf1055..0000000
--- a/dashboard_backup/src/views/site/SiteMariaDBProcessList.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-	<div
-		class="flex items-center justify-center"
-		v-if="$resources.getPlan?.loading"
-	>
-		<LoadingText />
-	</div>
-	<div v-else-if="$resources.getPlan?.data?.monitor_access">
-		<Card>
-			<Report
-				:title="`MariaDB Process List`"
-				:columns="[
-					{ label: 'ID', name: 'id', class: 'w-1/12' },
-					{ label: 'User', name: 'user', class: 'w-2/12' },
-					{ label: 'Time', name: 'time', class: 'w-1/12' },
-					{ label: 'Command', name: 'command', class: 'w-1/12' },
-					{ label: 'State', name: 'state', class: 'w-2/12' },
-					{ label: 'Query', name: 'query', class: 'w-5/12' }
-				]"
-				:data="processData"
-			>
-				<template #actions>
-					<Button
-						@click="$resources.processList.reload()"
-						:loading="$resources.processList.loading"
-						>Refresh</Button
-					>
-				</template>
-			</Report>
-			<div
-				class="px-2 py-2 text-base text-gray-600"
-				v-if="
-					$resources.processList.loading &&
-					$resources.processList.data.length == 0
-				"
-			>
-				<LoadingText />
-			</div>
-			<div
-				class="py-2 text-base text-gray-600"
-				v-if="
-					!$resources.processList.loading &&
-					$resources.processList.data.length == 0
-				"
-			>
-				No data
-			</div>
-		</Card>
-	</div>
-	<div class="flex justify-center" v-else>
-		<span class="mt-16 text-base text-gray-700">
-			Your plan doesn't support this feature. Please upgrade your plan.
-		</span>
-	</div>
-</template>
-<script>
-import Report from '@/components/Report.vue';
-export default {
-	name: 'SiteMariaDBProcessList',
-	props: ['site'],
-	components: {
-		Report
-	},
-	data() {
-		return {
-			max_lines: 20
-		};
-	},
-	resources: {
-		processList() {
-			return {
-				url: 'jcloud.api.analytics.mariadb_processlist',
-				params: {
-					site: this.site?.name
-				},
-				auto: true,
-				pageLength: this.max_lines,
-				keepData: true,
-				initialData: []
-			};
-		},
-		getPlan() {
-			return {
-				url: 'jcloud.api.site.current_plan',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		processData() {
-			let data = [];
-			this.$resources.processList.data.forEach(row => {
-				let out = [
-					{ name: 'ID', value: row.Id, class: 'w-1/12' },
-					{ name: 'User', value: row.User, class: 'w-2/12' },
-					{ name: 'Time', value: row.Time, class: 'w-1/12' },
-					{ name: 'Command', value: row.Command, class: 'w-1/12' },
-					{ name: 'State', value: row.State, class: 'w-2/12' },
-					{ name: 'Query', value: row.Info, class: 'w-5/12' }
-				];
-				data.push(out);
-			});
-			return data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteMariaDBSlowQueries.vue b/dashboard_backup/src/views/site/SiteMariaDBSlowQueries.vue
deleted file mode 100644
index 5b7fa79..0000000
--- a/dashboard_backup/src/views/site/SiteMariaDBSlowQueries.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-<template>
-	<div
-		class="flex items-center justify-center"
-		v-if="$resources.getPlan?.loading"
-	>
-		<LoadingText />
-	</div>
-	<div v-else-if="$resources.getPlan?.data?.monitor_access">
-		<Card>
-			<Report
-				:filters="filters"
-				:columns="[
-					{ label: 'Timestamp', name: 'timestamp', class: 'w-2/12' },
-					{ label: 'Query', name: 'query', class: 'w-7/12' },
-					{ label: 'Duration', name: 'duration', class: 'w-1/12' },
-					{ label: 'Rows Examined', name: 'examined', class: 'w-1/12' },
-					{ label: 'Rows Sent', name: 'sent', class: 'w-1/12' }
-				]"
-				:data="formatSlowQueries"
-				title="MariaDB Slow Queries Report"
-			/>
-			<div
-				class="px-2 py-2 text-base text-gray-600"
-				v-if="
-					$resources.slowQueries.loading &&
-					$resources.slowQueries.data.length == 0
-				"
-			>
-				<LoadingText />
-			</div>
-			<div
-				class="py-2 text-base text-gray-600"
-				v-if="
-					!$resources.slowQueries.loading &&
-					$resources.slowQueries.data.length == 0
-				"
-			>
-				No data
-			</div>
-			<Button
-				v-if="$resources.slowQueries.data && $resources.slowQueries.data.length"
-				:loading="$resources.slowQueries.loading"
-				loadingText="Loading..."
-				@click="max_lines += 20"
-			>
-				Load more
-			</Button>
-		</Card>
-	</div>
-	<div class="flex justify-center" v-else>
-		<span class="mt-16 text-base text-gray-700">
-			Your plan doesn't support this feature. Please upgrade your plan.
-		</span>
-	</div>
-</template>
-<script>
-import Report from '@/components/Report.vue';
-
-export default {
-	name: 'SiteMariaDBSlowQueries',
-	props: ['site'],
-	components: {
-		Report
-	},
-	data() {
-		return {
-			filters: [
-				{
-					name: 'pattern',
-					label: 'Search:',
-					type: 'text',
-					value: this.pattern
-				},
-				{ name: 'start', label: 'From:', type: 'datetime-local', value: '' },
-				{ name: 'end', label: 'To:', type: 'datetime-local', value: '' }
-			],
-			max_lines: 20
-		};
-	},
-	watch: {
-		pattern() {
-			this.reset();
-		},
-		startTime() {
-			this.reset();
-		},
-		endTime() {
-			this.reset();
-		}
-	},
-	resources: {
-		slowQueries() {
-			return {
-				url: 'jcloud.api.analytics.mariadb_slow_queries',
-				params: {
-					site: this.site?.name,
-					start: this.startTime || this.today,
-					end: this.endTime || this.today,
-					pattern: this.pattern,
-					max_lines: this.max_lines
-				},
-				auto: true,
-				pageLength: 10,
-				keepData: true,
-				initialData: []
-			};
-		},
-		getPlan() {
-			return {
-				url: 'jcloud.api.site.current_plan',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		}
-	},
-	methods: {
-		reset() {
-			this.$resources.slowQueries.reset();
-		}
-	},
-	computed: {
-		startTime() {
-			return this.filters[1].value;
-		},
-		endTime() {
-			return this.filters[2].value;
-		},
-		pattern() {
-			return this.filters[0].value;
-		},
-		formatSlowQueries() {
-			let data = [];
-			this.$resources.slowQueries.data.forEach(row => {
-				let time = this.formatDate(row.timestamp, 'TIME_24_WITH_SHORT_OFFSET');
-				let out = [
-					{ name: 'Timestamp', value: time, class: 'w-2/12' },
-					{ name: 'Query', value: row.query, class: 'w-7/12' },
-					{ name: 'Duration', value: row.duration, class: 'w-1/12' },
-					{ name: 'Examined', value: row.rows_examined, class: 'w-1/12' },
-					{ name: 'Sent', value: row.sent, class: 'w-1/12' }
-				];
-				data.push(out);
-			});
-			return data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteMonitorsList.vue b/dashboard_backup/src/views/site/SiteMonitorsList.vue
deleted file mode 100644
index 4c92498..0000000
--- a/dashboard_backup/src/views/site/SiteMonitorsList.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<!-- <div class="grid grid-cols-1 gap-5 sm:grid-cols-3"> -->
-	<div v-if="$route.fullPath.endsWith('/monitor')" class="flex flex-col gap-3">
-		<div
-			class="hover:bg-gray-100 sm:rounded-md sm:border sm:border-gray-100 sm:px-2 sm:py-1 sm:shadow"
-		>
-			<router-link :to="{ name: 'SiteRequestLogs', params: { siteName } }">
-				<div class="py-2 text-gray-900 sm:px-2">Request Logs</div>
-			</router-link>
-		</div>
-		<div
-			class="hover:bg-gray-100 sm:rounded-md sm:border sm:border-gray-100 sm:px-2 sm:py-1 sm:shadow"
-		>
-			<router-link :to="{ name: 'SiteBinaryLogs', params: { siteName } }">
-				<div class="py-2 text-gray-900 sm:px-2">Mariadb Binary Log Report</div>
-			</router-link>
-		</div>
-		<div
-			class="hover:bg-gray-100 sm:rounded-md sm:border sm:border-gray-100 sm:px-2 sm:py-1 sm:shadow"
-		>
-			<router-link :to="{ name: 'MariaDBProcessList', params: { siteName } }">
-				<div class="py-2 text-gray-900 sm:px-2">Mariadb Process List</div>
-			</router-link>
-		</div>
-		<div
-			class="hover:bg-gray-100 sm:rounded-md sm:border sm:border-gray-100 sm:px-2 sm:py-1 sm:shadow"
-		>
-			<router-link
-				:to="{
-					name: 'SiteMariaDBSlowQueries',
-					params: { siteName }
-				}"
-			>
-				<div class="py-2 text-gray-900 sm:px-2">
-					Mariadb Slow Queries Report
-				</div>
-			</router-link>
-		</div>
-		<div
-			class="hover:bg-gray-100 sm:rounded-md sm:border sm:border-gray-100 sm:px-2 sm:py-1 sm:shadow"
-		>
-			<router-link :to="{ name: 'SiteDeadlockReport', params: { siteName } }">
-				<div class="py-2 text-gray-900 sm:px-2">Deadlock Report</div>
-			</router-link>
-		</div>
-	</div>
-	<router-view v-slot="{ Component }">
-		<component v-if="site" :is="Component" :site="site"></component>
-	</router-view>
-</template>
-<script>
-import Report from '@/components/Report.vue';
-
-export default {
-	name: 'SiteMonitorsList',
-	props: ['site', 'siteName'],
-	components: {
-		Report
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteOverview.vue b/dashboard_backup/src/views/site/SiteOverview.vue
deleted file mode 100644
index fe2ae46..0000000
--- a/dashboard_backup/src/views/site/SiteOverview.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<script setup>
-import SiteOverviewPlan from './SiteOverviewPlan.vue';
-import SiteOverviewInfo from './SiteOverviewInfo.vue';
-import SiteOverviewDomains from './SiteOverviewDomains.vue';
-import SiteOverviewCPUUsage from './SiteOverviewCPUUsage.vue';
-import SiteActivity from './SiteActivity.vue';
-
-const props = defineProps({ site: Object, plan: Object });
-</script>
-
-<template>
-	<div class="space-y-5" v-if="site">
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2" v-if="site">
-			<SiteOverviewCPUUsage :site="site" />
-			<SiteOverviewPlan
-				:site="site"
-				:plan="plan"
-				@plan-change="$emit('plan-change')"
-			/>
-			<SiteOverviewInfo :site="site" :info="site.info" />
-			<SiteOverviewDomains :site="site" />
-			<SiteActivity :site="site" />
-		</div>
-	</div>
-</template>
diff --git a/dashboard_backup/src/views/site/SiteOverviewCPUUsage.vue b/dashboard_backup/src/views/site/SiteOverviewCPUUsage.vue
deleted file mode 100644
index c012647..0000000
--- a/dashboard_backup/src/views/site/SiteOverviewCPUUsage.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<LineChart
-		type="time"
-		title="Daily Usage"
-		:key="dailyUsageData"
-		:data="dailyUsageData"
-		unit="seconds"
-		:chartTheme="[$theme.colors.purple[500]]"
-		:loading="$resources.requestCounter.loading"
-		:error="$resources.requestCounter.error"
-	>
-		<template #actions>
-			<router-link
-				class="text-base text-gray-600 hover:text-gray-700"
-				:to="`/sites/${site.name}/analytics`"
-			>
-				All analytics →
-			</router-link>
-		</template>
-	</LineChart>
-</template>
-<script>
-import { DateTime } from 'luxon';
-import LineChart from '@/components/charts/LineChart.vue';
-
-export default {
-	name: 'CPUUsage',
-	props: ['site'],
-	components: { LineChart },
-	resources: {
-		requestCounter() {
-			let localTimezone = DateTime.local().zoneName;
-			return {
-				url: 'jcloud.api.analytics.daily_usage',
-				params: { name: this.site?.name, timezone: localTimezone },
-				auto: true
-			};
-		}
-	},
-	computed: {
-		dailyUsageData() {
-			let dailyUsageData = this.$resources.requestCounter.data?.data;
-			if (!dailyUsageData) return;
-			let plan_limit = this.$resources.requestCounter.data.plan_limit;
-
-			return {
-				datasets: [
-					dailyUsageData.map(d => [+new Date(d.date), d.value / 1000000])
-				],
-				// daily limit marker
-				markLine: {
-					data: [
-						{
-							name: 'Daily Compute Limit',
-							yAxis: plan_limit,
-							label: {
-								formatter: '{b}: {c} seconds',
-								position: 'middle'
-							},
-							lineStyle: {
-								color: '#f5222d'
-							}
-						}
-					],
-					symbol: ['none', 'none']
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteOverviewDomains.vue b/dashboard_backup/src/views/site/SiteOverviewDomains.vue
deleted file mode 100644
index aaee96a..0000000
--- a/dashboard_backup/src/views/site/SiteOverviewDomains.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-<template>
-	<Card
-		title="Domains"
-		:subtitle="
-			domains.data && domains.data.length
-				? 'Domains pointing to your site'
-				: 'No domains pointing to your site'
-		"
-	>
-		<template #actions>
-			<Button
-				@click="showDialog = true"
-				:disabled="site.status === 'Suspended'"
-			>
-				Add Domain
-			</Button>
-		</template>
-		<div class="divide-y" v-if="domains.data">
-			<div v-for="d in domains.data" :key="d.name">
-				<div class="py-2">
-					<div class="flex items-center">
-						<div class="flex w-2/3 text-base font-medium">
-							<a
-								class="text-blue-500"
-								:href="'https://' + d.domain"
-								target="_blank"
-								v-if="d.status === 'Active'"
-							>
-								{{ d.domain }}
-							</a>
-							<span v-else>{{ d.domain }}</span>
-							<div
-								class="flex"
-								v-if="d.redirect_to_primary == 1 && d.status == 'Active'"
-							>
-								<FeatherIcon name="arrow-right" class="mx-1 w-4" />
-								<a
-									class="text-blue-500"
-									:href="'https://' + d.domain"
-									target="_blank"
-									v-if="d.status === 'Active'"
-								>
-									{{ site.host_name }}
-								</a>
-							</div>
-						</div>
-						<div class="ml-auto flex items-center space-x-2">
-							<Badge
-								v-if="d.status == 'Active' && d.primary"
-								:label="'Primary'"
-							/>
-							<Badge v-else-if="d.status != 'Active'" :label="d.status" />
-							<Button
-								v-if="d.status == 'Broken' && d.retry_count <= 5"
-								:loading="$resources.retryAddDomain.loading"
-								@click="
-									$resources.retryAddDomain.submit({
-										name: site.name,
-										domain: d.domain
-									})
-								"
-							>
-								Retry
-							</Button>
-							<Button v-if="$resources.removeDomain.loading" :loading="true">
-								Removing domain
-							</Button>
-							<Dropdown v-else :options="actionItems(d)">
-								<template v-slot="{ open }">
-									<Button icon="more-horizontal" />
-								</template>
-							</Dropdown>
-						</div>
-					</div>
-					<ErrorMessage
-						v-if="d.status == 'Broken'"
-						error="We encountered an error while adding the domain."
-					/>
-					<ErrorMessage :message="$resources.removeDomain.error" />
-					<ErrorMessage :message="$resources.setHostName.error" />
-				</div>
-			</div>
-		</div>
-		<Dialog v-model="showDialog" :options="{ title: 'Add Domain' }">
-			<template v-slot:body-content>
-				<div class="space-y-4">
-					<p class="text-base">
-						To add a custom domain, you must already own it. If you don't have
-						one, buy it and come back here.
-					</p>
-					<FormControl
-						placeholder="www.example.com"
-						v-model="newDomain"
-						:readonly="dnsVerified"
-					/>
-
-					<div v-if="newDomain && !dnsVerified" class="space-y-2 text-base">
-						<p>Create one of the following DNS records</p>
-						<p class="px-2">
-							<span class="font-semibold text-gray-700">CNAME</span> record from
-							<span class="font-semibold text-gray-700">{{ newDomain }}</span>
-							to
-							<span class="font-semibold text-gray-700">{{ site.name }}</span>
-						</p>
-						<p class="px-2">
-							<span class="font-semibold text-gray-700">A</span> record from
-							<span class="font-semibold text-gray-700">{{ newDomain }}</span>
-							to
-							<span class="font-semibold text-gray-700">{{ site.ip }}</span>
-						</p>
-					</div>
-					<div v-if="dnsResult && !dnsResult.matched" class="space-y-2">
-						<p class="text-base">
-							Received following DNS query responses for
-							<span class="font-semibold text-gray-700">{{ newDomain }}</span
-							>.
-						</p>
-						<div
-							v-if="newDomain && dnsResult.CNAME && !dnsResult.CNAME.matched"
-							class="space-y-2"
-						>
-							<p class="text-base">
-								<span class="font-semibold text-gray-700">CNAME</span>
-							</p>
-							<div
-								class="flex flex-row items-center justify-between rounded-lg border-2 p-2"
-							>
-								<p
-									class="select-all overflow-hidden font-mono text-sm text-gray-800"
-								>
-									{{ dnsResult.CNAME.answer }}
-								</p>
-							</div>
-						</div>
-						<div
-							v-if="newDomain && dnsResult.A && !dnsResult.A.matched"
-							class="space-y-2"
-						>
-							<p class="text-base">
-								<span class="font-semibold text-gray-700">A</span>
-							</p>
-							<div
-								class="flex flex-row items-center justify-between rounded-lg border-2 p-2"
-							>
-								<p
-									class="select-all overflow-hidden font-mono text-sm text-gray-800"
-								>
-									{{ dnsResult.A.answer }}
-								</p>
-							</div>
-						</div>
-					</div>
-					<p class="flex text-base" v-if="dnsVerified === false">
-						<FeatherIcon
-							name="x"
-							class="mr-2 h-5 w-5 rounded-full bg-red-100 p-1 text-red-500"
-						/>
-						DNS Verification Failed
-					</p>
-					<p class="flex text-base" v-if="dnsVerified === true">
-						<FeatherIcon
-							name="check"
-							class="mr-2 h-5 w-5 rounded-full bg-green-100 p-1 text-green-500"
-						/>
-						DNS records successfully verified. Click on Add Domain.
-					</p>
-					<ErrorMessage :message="$resources.checkDNS.error" />
-					<ErrorMessage :message="$resources.addDomain.error" />
-					<ErrorMessage :message="$resources.retryAddDomain.error" />
-				</div>
-			</template>
-
-			<template #actions>
-				<Button
-					v-if="!dnsVerified"
-					class="mt-2 w-full"
-					variant="solid"
-					:loading="$resources.checkDNS.loading"
-					@click="
-						$resources.checkDNS.submit({
-							name: site.name,
-							domain: newDomain
-						})
-					"
-				>
-					Verify DNS
-				</Button>
-				<Button
-					v-if="dnsVerified"
-					class="mt-2 w-full"
-					variant="solid"
-					:loading="$resources.addDomain.loading"
-					@click="
-						$resources.addDomain.submit({
-							name: site.name,
-							domain: newDomain
-						})
-					"
-				>
-					Add Domain
-				</Button>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteOverviewDomains',
-	props: ['site'],
-	data() {
-		return {
-			showDialog: false,
-			newDomain: null
-		};
-	},
-	resources: {
-		domains() {
-			return {
-				url: 'jcloud.api.site.domains',
-				params: { name: this.site?.name },
-				auto: true
-			};
-		},
-		checkDNS: {
-			url: 'jcloud.api.site.check_dns',
-			validate() {
-				if (!this.newDomain) return 'Domain cannot be empty';
-			}
-		},
-		addDomain: {
-			url: 'jcloud.api.site.add_domain',
-			onSuccess() {
-				this.$resources.checkDNS.reset();
-				this.$resources.domains.reload();
-				this.showDialog = false;
-			}
-		},
-		removeDomain: {
-			url: 'jcloud.api.site.remove_domain',
-			onSuccess() {
-				this.$resources.domains.reload();
-			}
-		},
-		retryAddDomain: {
-			url: 'jcloud.api.site.retry_add_domain',
-			onSuccess() {
-				this.$resources.domains.fetch();
-			}
-		},
-		setHostName: {
-			url: 'jcloud.api.site.set_host_name',
-			onSuccess() {
-				this.$resources.domains.reload();
-			}
-		},
-		setupRedirect: {
-			url: 'jcloud.api.site.set_redirect',
-			onSuccess() {
-				this.$resources.domains.reload();
-			}
-		},
-		removeRedirect: {
-			url: 'jcloud.api.site.unset_redirect',
-			onSuccess() {
-				this.$resources.domains.reload();
-			}
-		}
-	},
-	computed: {
-		domains() {
-			return this.$resources.domains;
-		},
-		dnsVerified() {
-			return this.dnsResult?.matched;
-		},
-		dnsResult() {
-			return this.$resources.checkDNS.data;
-		},
-		primaryDomain() {
-			return this.$resources.domains.data.filter(d => d.primary)[0].domain;
-		}
-	},
-	watch: {
-		newDomain() {
-			this.$resources.checkDNS.reset();
-		}
-	},
-	methods: {
-		actionItems(domain) {
-			return [
-				{
-					label: 'Remove',
-					onClick: () => this.confirmRemoveDomain(domain.domain)
-				},
-				{
-					label: 'Set Primary',
-					condition: () => domain.status == 'Active' && !domain.primary,
-					onClick: () => this.confirmSetPrimary(domain.domain)
-				},
-				{
-					label: 'Redirect to Primary',
-					condition: () =>
-						domain.status == 'Active' &&
-						!domain.primary &&
-						!domain.redirect_to_primary,
-					onClick: () => this.confirmSetupRedirect(domain.domain)
-				},
-				{
-					label: 'Remove Redirect',
-					condition: () =>
-						domain.status == 'Active' &&
-						!domain.primary &&
-						domain.redirect_to_primary,
-					onClick: () => this.confirmRemoveRedirect(domain.domain)
-				}
-			].filter(d => (d.condition ? d.condition() : true));
-		},
-		confirmRemoveDomain(domain) {
-			this.$confirm({
-				title: 'Remove Domain',
-				message: `Are you sure you want to remove the domain <b>${domain}</b>?`,
-				actionLabel: 'Remove',
-				actionColor: 'red',
-				action: closeDialog => {
-					closeDialog();
-					this.$resources.removeDomain.submit({
-						name: this.site.name,
-						domain: domain
-					});
-				}
-			});
-		},
-		confirmSetPrimary(domain) {
-			let workingRedirects = false;
-			this.$resources.domains.data.forEach(d => {
-				if (d.redirect_to_primary) {
-					workingRedirects = true;
-				}
-			});
-
-			if (workingRedirects) {
-				notify({
-					title: 'Please Remove all Active Redirects',
-					color: 'red',
-					icon: 'x'
-				});
-			} else {
-				this.$confirm({
-					title: 'Set as Primary Domain',
-					message: `Setting as primary will make <b>${domain}</b> the primary URL for your site. Do you want to continue?`,
-					actionLabel: 'Set Primary',
-					action: closeDialog => {
-						closeDialog();
-						this.$resources.setHostName.submit({
-							name: this.site.name,
-							domain: domain
-						});
-					}
-				});
-			}
-		},
-		confirmSetupRedirect(domain) {
-			this.$confirm({
-				title: 'Redirect to Primary Domain',
-				message: `Redirect to Primary will redirect <b>${domain}</b> to <b>${this.primaryDomain}</b>. Do you want to continue?`,
-				actionLabel: 'Redirect to Primary',
-				action: closeDialog => {
-					closeDialog();
-					this.$resources.setupRedirect.submit({
-						name: this.site.name,
-						domain: domain
-					});
-				}
-			});
-		},
-		confirmRemoveRedirect(domain) {
-			this.$confirm({
-				title: 'Remove Redirect',
-				message: `Remove Redirect will remove previously set up redirect from <b>${domain}</b> to <b>${this.primaryDomain}</b>. Do you want to continue?`,
-				actionLabel: 'Remove Redirect',
-				action: closeDialog => {
-					closeDialog();
-					this.$resources.removeRedirect.submit({
-						name: this.site.name,
-						domain: domain
-					});
-				}
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteOverviewInfo.vue b/dashboard_backup/src/views/site/SiteOverviewInfo.vue
deleted file mode 100644
index 92c211a..0000000
--- a/dashboard_backup/src/views/site/SiteOverviewInfo.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-	<Card title="Site Info" subtitle="General information about your site">
-		<div class="divide-y">
-			<div class="flex items-center py-3">
-				<Avatar
-					v-if="info.owner"
-					:image="info.owner.user_image"
-					:label="info.owner.first_name"
-				/>
-				<div class="ml-3 flex flex-1 items-center justify-between">
-					<div>
-						<div class="text-base text-gray-600">Owned By</div>
-						<div class="text-base font-medium text-gray-900">
-							{{ info.owner.first_name }}
-							{{ info.owner.last_name }}
-						</div>
-					</div>
-					<div class="text-right">
-						<div class="text-base text-gray-600">Created On</div>
-						<div class="text-base font-medium text-gray-900">
-							{{ formatDate(info.created_on, 'DATE_FULL') }}
-						</div>
-					</div>
-					<div v-if="info.last_deployed" class="text-right">
-						<div class="text-base text-gray-600">Last Deployed</div>
-
-						<div class="text-base font-medium text-gray-900">
-							{{
-								$date(info.last_deployed).toLocaleString({
-									month: 'long',
-									day: 'numeric'
-								})
-							}}
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<ListItem
-				v-if="site.group && site.status !== 'Pending'"
-				title="Auto Update Site"
-				class="overflow-x-hidden"
-				description="Automatically schedule site updates whenever available"
-			>
-				<template v-slot:actions>
-					<LoadingIndicator class="h-4 w-4" v-if="loading" />
-					<input
-						v-show="!loading"
-						id="auto-update-checkbox"
-						@input="changeAutoUpdateSettings"
-						type="checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-					/>
-				</template>
-			</ListItem>
-			<ListItem
-				v-if="site.status == 'Active'"
-				title="Deactivate Site"
-				description="The site will go inactive and won't be publicly accessible"
-			>
-				<template v-slot:actions>
-					<Tooltip
-						:text="
-							!permissions.deactivate
-								? `You don't have enough permissions to perform this action`
-								: 'Deactivate Site'
-						"
-					>
-						<Button
-							@click="onDeactivateClick"
-							class="shrink-0"
-							:disabled="!permissions.deactivate"
-						>
-							Deactivate Site
-						</Button>
-					</Tooltip>
-				</template>
-			</ListItem>
-
-			<ListItem
-				v-if="['Inactive', 'Broken'].includes(site.status)"
-				title="Activate Site"
-				description="The site will become active and will be accessible"
-			>
-				<template v-slot:actions>
-					<Button
-						@click="onActivateClick"
-						class="shrink-0"
-						:variant="site.status === 'Broken' ? 'solid' : 'subtle'"
-					>
-						Activate Site
-					</Button>
-				</template>
-			</ListItem>
-
-			<ListItem
-				v-if="site.status !== 'Pending'"
-				title="Drop Site"
-				description="Once you drop site your site, there is no going back"
-			>
-				<template v-slot:actions>
-					<SiteDrop :site="site" v-slot="{ showDialog }">
-						<Tooltip
-							:text="
-								!permissions.drop
-									? `You don't have enough permissions to perform this action`
-									: 'Drop Site'
-							"
-						>
-							<Button
-								theme="red"
-								:disabled="!permissions.drop"
-								@click="showDialog"
-							>
-								Drop Site
-							</Button>
-						</Tooltip>
-					</SiteDrop>
-				</template>
-			</ListItem>
-		</div>
-	</Card>
-</template>
-<script>
-import SiteDrop from './SiteDrop.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteOverviewInfo',
-	props: ['site', 'info'],
-	components: { SiteDrop },
-	data() {
-		return {
-			loading: false
-		};
-	},
-	mounted() {
-		const autoUpdateCheckbox = document.getElementById('auto-update-checkbox');
-
-		if (autoUpdateCheckbox) {
-			autoUpdateCheckbox.checked = this.info.auto_updates_enabled;
-		}
-	},
-	methods: {
-		changeAutoUpdateSettings(event) {
-			event.preventDefault();
-			this.loading = true;
-
-			return this.$call('jcloud.api.site.change_auto_update', {
-				name: this.site.name,
-				auto_update_enabled: event.target.checked
-			}).then(() => {
-				setTimeout(() => window.location.reload(), 1000);
-			});
-		},
-		onDeactivateClick() {
-			this.$confirm({
-				title: 'Deactivate Site',
-				message: `
-					Are you sure you want to deactivate this site? The site will go in an inactive state.
-					It won't be accessible and background jobs won't run. You will <strong>still be charged</strong> for it.
-				`,
-				actionLabel: 'Deactivate',
-				actionColor: 'red',
-				action: () => this.deactivate()
-			});
-		},
-		onActivateClick() {
-			this.$confirm({
-				title: 'Activate Site',
-				message: `Are you sure you want to activate this site?
-				<br><br><strong>Note: Use this as last resort if site is broken and inaccessible</strong>`,
-				actionLabel: 'Activate',
-				action: () => this.activate()
-			});
-		},
-		deactivate() {
-			return this.$call('jcloud.api.site.deactivate', {
-				name: this.site.name
-			}).then(() => {
-				setTimeout(() => window.location.reload(), 1000);
-			});
-		},
-		activate() {
-			this.$call('jcloud.api.site.activate', {
-				name: this.site.name
-			});
-			notify({
-				title: 'Site activated successfully!',
-				message: 'You can now access your site',
-				icon: 'check',
-				color: 'green'
-			});
-			setTimeout(() => window.location.reload(), 1000);
-		}
-	},
-	computed: {
-		permissions() {
-			return {
-				drop: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.archive'
-				),
-				deactivate: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.deactivate'
-				)
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteOverviewPlan.vue b/dashboard_backup/src/views/site/SiteOverviewPlan.vue
deleted file mode 100644
index 3986132..0000000
--- a/dashboard_backup/src/views/site/SiteOverviewPlan.vue
+++ /dev/null
@@ -1,284 +0,0 @@
-<template>
-	<Card
-		title="Plan"
-		:subtitle="
-			site.status == 'Suspended'
-				? 'Set a plan to activate your suspended site'
-				: 'Upgrade or downgrade your plan based on your usage'
-		"
-		v-if="site.status != 'Inactive'"
-	>
-		<template #actions>
-			<Tooltip
-				:text="
-					!permissions.changePlan
-						? `You don't have enough permissions to perform this action`
-						: 'Change Plan'
-				"
-			>
-				<Button
-					:disabled="!permissions.changePlan"
-					v-if="['Active', 'Suspended'].includes(site.status) && canChangePlan"
-					@click="
-						() => {
-							showChangePlanDialog = true;
-							!plans.length && $resources.plans.fetch();
-						}
-					"
-				>
-					{{ site.status == 'Suspended' ? 'Set Plan' : 'Change Plan' }}
-				</Button>
-			</Tooltip>
-		</template>
-
-		<div v-if="!plan" class="flex items-center justify-center py-20">
-			<Button :loading="true" loading-text="Loading" />
-		</div>
-		<div v-else>
-			<div
-				v-if="plan.current_plan"
-				class="flex items-center rounded-lg bg-gray-50 p-5"
-			>
-				<PlanIcon />
-				<div class="ml-4">
-					<h4 class="text-4xl font-semibold text-gray-900">
-						{{ $planTitle(plan.current_plan) }}
-						<span v-if="plan.current_plan.price_usd > 0" class="text-lg">
-							/mo
-						</span>
-					</h4>
-					<p
-						class="text-base text-gray-700"
-						v-if="plan.current_plan.dedicated_server_plan"
-					>
-						{{ plan.current_plan.cpu_time_per_day }}
-						{{ $plural(plan.current_plan.cpu_time_per_day, 'hour', 'hours') }}
-						of CPU / day
-					</p>
-				</div>
-			</div>
-			<div v-else class="flex rounded-lg bg-gray-50 p-5">
-				<div>
-					<h4 class="font-semibold text-gray-600">No Plan Set</h4>
-				</div>
-			</div>
-
-			<div v-if="plan.current_plan" class="mt-4 grid grid-cols-3 gap-12">
-				<div v-for="d in usage" :key="d.label">
-					<ProgressArc
-						:percentage="
-							plan.current_plan.dedicated_server_plan ? 33 : d.percentage
-						"
-					/>
-					<div class="mt-2 text-base font-medium text-gray-900">
-						{{ d.label }}
-						{{
-							isNaN(d.percentage) || plan.current_plan.dedicated_server_plan
-								? ''
-								: `(${Number(d.percentage).toFixed(1)}%)`
-						}}
-					</div>
-					<div class="mt-1 text-xs text-gray-600">{{ d.value }}</div>
-				</div>
-			</div>
-			<div v-else class="ml-2 mt-4 grid grid-cols-3 gap-12">
-				<div v-for="d in usage" :key="d.label">
-					<div class="text-base font-medium text-gray-900">
-						{{ d.label }}
-					</div>
-					<div class="mt-1 text-xs text-gray-600">{{ d.value }}</div>
-				</div>
-			</div>
-
-			<SitePlansDialog
-				:site="site"
-				:plan="plan"
-				v-model="showChangePlanDialog"
-				@plan-change="() => $emit('plan-change')"
-			/>
-		</div>
-	</Card>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-import SitePlansTable from '@/components/SitePlansTable.vue';
-import ProgressArc from '@/components/ProgressArc.vue';
-import PlanIcon from '@/components/PlanIcon.vue';
-
-export default {
-	name: 'SiteOverviewPlan',
-	props: ['site', 'plan'],
-	components: {
-		SitePlansTable,
-		ProgressArc,
-		SitePlansDialog: defineAsyncComponent(() =>
-			import('./SitePlansDialog.vue')
-		),
-		PlanIcon
-	},
-	data() {
-		return {
-			showChangePlanDialog: false,
-			selectedPlan: null,
-			validationMessage: null
-		};
-	},
-	watch: {
-		async selectedPlan(value) {
-			if (!value) return;
-
-			try {
-				// custom plan validation for jingrow support
-				let result = await this.$call('validate_plan_change', {
-					current_plan: this.plan.current_plan,
-					new_plan: value,
-					currency: this.$account.team.currency
-				});
-				this.validationMessage = result;
-			} catch (e) {
-				this.validationMessage = null;
-			}
-		}
-	},
-	resources: {
-		plans() {
-			return {
-				url: 'jcloud.api.site.get_plans',
-				params: {
-					name: this.site?.name
-				},
-				initialData: []
-			};
-		}
-	},
-	methods: {
-		plan_title(plan) {
-			let china = this.$account.team.country == 'china';
-			let currency = china ? '¥' : '$';
-			let price_field = china ? 'price_cny' : 'price_usd';
-			let price = plan.current_plan[price_field];
-			return price > 0 ? `${currency}${price}` : plan.current_plan.plan_title;
-		},
-
-		belowCurrentUsage(plan) {
-			return (
-				this.plan.total_storage_usage > plan.max_storage_usage ||
-				this.plan.total_database_usage > plan.max_database_usage
-			);
-		},
-
-		getCurrentFormattedUsage() {
-			let f = value => {
-				return this.formatBytes(value, 0, 2);
-			};
-
-			return [
-				{
-					label: 'CPU',
-					value: `${this.plan.total_cpu_usage_hours} hours`
-				},
-				{
-					label: 'Database',
-					value: f(this.plan.total_database_usage)
-				},
-				{
-					label: 'Storage',
-					value: f(this.plan.total_storage_usage)
-				}
-			];
-		}
-	},
-	computed: {
-		permissions() {
-			return {
-				changePlan: this.$account.hasPermission(
-					this.site.name,
-					'jcloud.api.site.change_plan'
-				)
-			};
-		},
-		canChangePlan() {
-			return this.site.can_change_plan;
-		},
-		plans() {
-			let processedPlans = this.$resources.plans.data.map(plan => {
-				if (this.belowCurrentUsage(plan)) {
-					plan.disabled = true;
-				}
-
-				if (this.site.status === 'Suspended') {
-					return plan;
-				}
-
-				// If this `plan` is currently in use
-				if (this.plan.current_plan.name === plan.name) {
-					plan.disabled = true;
-				}
-
-				return plan;
-			});
-
-			if (this.site.status === 'Suspended') {
-				processedPlans = processedPlans.filter(p => !p.disabled);
-			}
-
-			return processedPlans;
-		},
-		usage() {
-			let f = value => {
-				return this.formatBytes(value, 2, 2);
-			};
-
-			if (!this.plan.current_plan || this.site.status === 'Suspended') {
-				return this.getCurrentFormattedUsage();
-			}
-			return [
-				{
-					label: 'CPU',
-					value: this.plan.current_plan.dedicated_server_plan
-						? `${this.plan.total_cpu_usage_hours} ${this.$plural(
-								this.plan.current_plan.cpu_time_per_day,
-								'hour',
-								'hours'
-						  )}`
-						: `${this.plan.total_cpu_usage_hours} / ${
-								this.plan.current_plan.cpu_time_per_day
-						  } ${this.$plural(
-								this.plan.current_plan.cpu_time_per_day,
-								'hour',
-								'hours'
-						  )}`,
-					percentage:
-						(this.plan.total_cpu_usage_hours /
-							this.plan.current_plan.cpu_time_per_day) *
-						100
-				},
-				{
-					label: 'Database',
-					value: this.plan.current_plan.dedicated_server_plan
-						? f(this.plan.total_database_usage)
-						: `${f(this.plan.total_database_usage)} / ${f(
-								this.plan.current_plan.max_database_usage
-						  )}`,
-					percentage:
-						(this.plan.total_database_usage /
-							this.plan.current_plan.max_database_usage) *
-						100
-				},
-				{
-					label: 'Storage',
-					value: this.plan.current_plan.dedicated_server_plan
-						? f(this.plan.total_storage_usage)
-						: `${f(this.plan.total_storage_usage)} / ${f(
-								this.plan.current_plan.max_storage_usage
-						  )}`,
-					percentage:
-						(this.plan.total_storage_usage /
-							this.plan.current_plan.max_storage_usage) *
-						100
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SitePlansDialog.vue b/dashboard_backup/src/views/site/SitePlansDialog.vue
deleted file mode 100644
index f96e115..0000000
--- a/dashboard_backup/src/views/site/SitePlansDialog.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Change Plan',
-			size: '3xl',
-			actions: [
-				{
-					label: 'Submit',
-					variant: 'solid',
-					loading: $resources.changePlan.loading,
-					onClick: () => $resources.changePlan.submit()
-				}
-			]
-		}"
-	>
-		<template v-slot:body-content>
-			<Alert v-if="validationMessage" class="mt-4" type="warning" icon="info">
-				{{ validationMessage }}
-			</Alert>
-			<SitePlansTable
-				v-if="plans"
-				class="mt-6"
-				:plans="plans"
-				v-model:selectedPlan="selectedPlan"
-			/>
-			<ErrorMessage class="mt-4" :message="$resources.changePlan.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import SitePlansTable from '@/components/SitePlansTable.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SitePlansDialog',
-	props: ['site', 'plan'],
-	components: {
-		SitePlansTable
-	},
-	data() {
-		return {
-			selectedPlan: null,
-			validationMessage: null
-		};
-	},
-	watch: {
-		async selectedPlan(value) {
-			if (!value) return;
-
-			try {
-				// custom plan validation for jingrow support
-				let result = await this.$call('validate_plan_change', {
-					current_plan: this.plan.current_plan,
-					new_plan: value,
-					currency: this.$account.team.currency
-				});
-				this.validationMessage = result;
-			} catch (e) {
-				this.validationMessage = null;
-			}
-		}
-	},
-	resources: {
-		plans() {
-			return {
-				url: 'jcloud.api.site.get_plans',
-				params: {
-					name: this.site?.name
-				},
-				initialData: [],
-				auto: true
-			};
-		},
-		changePlan() {
-			return {
-				url: 'jcloud.api.site.change_plan',
-				params: {
-					name: this.site?.name,
-					plan: this.selectedPlan?.name
-				},
-				onSuccess() {
-					notify({
-						title: `Plan changed to ${this.selectedPlan.plan_title}`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.showChangePlanDialog = false;
-					this.plan.current_plan = this.selectedPlan;
-					this.selectedPlan = null;
-					this.$resources.plans.reload();
-					this.$emit('plan-change');
-				}
-			};
-		}
-	},
-	methods: {
-		belowCurrentUsage(plan) {
-			return (
-				this.plan.total_storage_usage > plan.max_storage_usage ||
-				this.plan.total_database_usage > plan.max_database_usage
-			);
-		}
-	},
-	computed: {
-		showChangePlanDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		plans() {
-			let processedPlans = this.$resources.plans.data.map(plan => {
-				if (!plan.dedicated_server_plan && this.belowCurrentUsage(plan)) {
-					plan.disabled = true;
-				}
-
-				if (this.site.status === 'Suspended') {
-					return plan;
-				}
-
-				// If this `plan` is currently in use
-				if (this.plan.current_plan.name === plan.name) {
-					plan.disabled = true;
-				}
-
-				return plan;
-			});
-
-			if (this.site.status === 'Suspended') {
-				processedPlans = processedPlans.filter(p => !p.disabled);
-			}
-
-			return processedPlans;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteRequestLogs.vue b/dashboard_backup/src/views/site/SiteRequestLogs.vue
deleted file mode 100644
index 5ca9d4f..0000000
--- a/dashboard_backup/src/views/site/SiteRequestLogs.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-<template>
-	<div
-		class="flex items-center justify-center"
-		v-if="$resources.getPlan?.loading"
-	>
-		<LoadingText />
-	</div>
-	<div v-else-if="$resources.getPlan?.data?.monitor_access">
-		<Card>
-			<Report
-				title="Request Logs"
-				:columns="[
-					{ label: 'Time', name: 'time', class: 'w-2/12' },
-					{ label: 'Method', name: 'method', class: 'w-1/12' },
-					{ label: 'Path', name: 'path', class: 'w-5/12' },
-					{ label: 'Status Code', name: 'status', class: 'w-2/12' },
-					{ label: 'CPU Time (seconds)', name: 'cpu_time', class: 'w-2/12' }
-				]"
-				:data="formatData"
-				:filters="[sortFilter, dateFilter]"
-			/>
-
-			<div
-				class="px-2 py-2 text-base text-gray-600"
-				v-if="
-					$resources.requestLogs.loading &&
-					$resources.requestLogs.data.length == 0
-				"
-			>
-				<LoadingText />
-			</div>
-			<div
-				class="py-2 text-base text-gray-600"
-				v-if="
-					!$resources.requestLogs.loading &&
-					$resources.requestLogs.data.length == 0
-				"
-			>
-				No data
-			</div>
-			<Button
-				v-if="$resources.requestLogs.data && $resources.requestLogs.data.length"
-				:loading="$resources.requestLogs.loading"
-				loadingText="Loading..."
-				@click="start += 10"
-			>
-				Load more
-			</Button>
-		</Card>
-	</div>
-	<div class="flex justify-center" v-else>
-		<span class="mt-16 text-base text-gray-700">
-			Your plan doesn't support this feature. Please upgrade your plan.
-		</span>
-	</div>
-</template>
-
-<script>
-import { DateTime } from 'luxon';
-import Report from '@/components/Report.vue';
-
-export default {
-	name: 'SiteRequestLogs',
-	props: ['site'],
-	components: {
-		Report
-	},
-	data() {
-		return {
-			date: null,
-			sort: 'CPU Time (Descending)',
-			start: 0,
-			sortFilter: {
-				name: 'sort',
-				options: [
-					'Time (Ascending)',
-					'Time (Descending)',
-					'CPU Time (Descending)'
-				],
-				type: 'select',
-				value: 'CPU Time (Descending)'
-			},
-			dateFilter: {
-				name: 'date',
-				type: 'date',
-				value: null
-			}
-		};
-	},
-	watch: {
-		sort(value) {
-			this.reset();
-		}
-	},
-	resources: {
-		requestLogs() {
-			return {
-				url: 'jcloud.api.analytics.request_logs',
-				params: {
-					name: this.site?.name,
-					timezone: DateTime.local().zoneName,
-					sort: this.sortFilter.value,
-					date: this.dateFilter.value || this.today,
-					start: this.start
-				},
-				auto: Boolean(this.today),
-				pageLength: 10,
-				keepData: true,
-				initialData: []
-			};
-		},
-		getPlan() {
-			return {
-				url: 'jcloud.api.site.current_plan',
-				params: {
-					name: this.site?.name
-				},
-				auto: true
-			};
-		}
-	},
-	methods: {
-		reset() {
-			this.$resources.requestLogs.reset();
-			this.start = 0;
-		}
-	},
-	computed: {
-		today() {
-			return DateTime.local().toISODate();
-		},
-		formatData() {
-			let requestData = this.$resources.requestLogs.data;
-			let data = [];
-			requestData.forEach(log => {
-				log.time = this.formatDate(log.timestamp, 'TIME_24_WITH_SHORT_OFFSET');
-				log.method = log.request.method;
-				log.path = log.request.path;
-				log.status = log.request.status_code;
-				log.cpu_time = this.$formatCPUTime(log.duration);
-
-				let row = [
-					{ name: 'Time', value: log.time, class: 'w-2/12' },
-					{ name: 'Method', value: log.method, class: 'w-1/12' },
-					{ name: 'Path', value: log.path, class: 'w-5/12 break-all pr-2' },
-					{ name: 'Status', value: log.status, class: 'w-2/12' },
-					{ name: 'CPU Time', value: log.cpu_time, class: 'w-2/12' }
-				];
-				data.push(row);
-			});
-			return data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteSettings.vue b/dashboard_backup/src/views/site/SiteSettings.vue
deleted file mode 100644
index 5a71826..0000000
--- a/dashboard_backup/src/views/site/SiteSettings.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-	<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-		<Tags
-			v-if="site"
-			:name="site.name"
-			pagetype="Site"
-			:resourceTags="site.site_tags"
-			:tags="site.tags"
-		/>
-	</div>
-</template>
-
-<script>
-import Tags from '@/components/Tags.vue';
-
-export default {
-	name: 'SiteSetting',
-	props: ['site'],
-	components: {
-		Tags
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteTransferDialog.vue b/dashboard_backup/src/views/site/SiteTransferDialog.vue
deleted file mode 100644
index e61e2c1..0000000
--- a/dashboard_backup/src/views/site/SiteTransferDialog.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Transfer Site to Team',
-			actions: [
-				{
-					label: 'Submit',
-					variant: 'solid',
-					onClick: () =>
-						$resources.transferSite.submit({
-							team_mail_id: emailOfTransferTeam,
-							name: site?.name,
-							reason
-						})
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<FormControl
-					label="Enter email of the team for transfer of site ownership"
-					v-model="emailOfTransferTeam"
-				/>
-				<FormControl
-					label="Reason for transfer"
-					v-model="reason"
-					type="textarea"
-				/>
-				<ErrorMessage :message="$resources.transferSite.error" />
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SiteTransferDialog',
-	props: ['site', 'modelValue'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			reason: '',
-			emailOfTransferTeam: ''
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	},
-	resources: {
-		transferSite() {
-			return {
-				url: 'jcloud.api.site.send_change_team_request',
-				validate() {
-					if (!this.emailOfTransferTeam) {
-						return 'Please enter email of the team for transfer of site ownership';
-					} else if (!this.reason) {
-						return 'Please enter reason for transfer';
-					}
-				},
-				onSuccess() {
-					this.reason = '';
-					this.emailOfTransferTeam = '';
-					this.$emit('update:modelValue', false);
-					notify({
-						title: 'Site transfer request sent',
-						message: `The team ${this.emailOfTransferTeam} will receive a request to accept the site transfer.`,
-						color: 'green',
-						icon: 'check'
-					});
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/SiteVersionUpgradeDialog.vue b/dashboard_backup/src/views/site/SiteVersionUpgradeDialog.vue
deleted file mode 100644
index d300a92..0000000
--- a/dashboard_backup/src/views/site/SiteVersionUpgradeDialog.vue
+++ /dev/null
@@ -1,237 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		@close="resetValues"
-		:options="{ title: 'Upgrade Site Version' }"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<p v-if="site?.group_public && nextVersion" class="text-base">
-					The site <b>{{ site.host_name }}</b> will be upgraded to
-					<b>{{ nextVersion }}</b>
-				</p>
-				<FormControl
-					v-else-if="privateReleaseGroups.length > 0 && nextVersion"
-					variant="outline"
-					:label="`Please select a ${nextVersion} bench to upgrade your site from ${site.jingrow_version}`"
-					class="w-full"
-					type="select"
-					:options="privateReleaseGroups"
-					v-model="privateReleaseGroup"
-					@change="
-						value =>
-							$resources.validateGroupforUpgrade.submit({
-								name: site.name,
-								group_name: value.target.value
-							})
-					"
-				/>
-				<DateTimeControl
-					v-if="(site.group_public && nextVersion) || benchHasCommonServer"
-					v-model="targetDateTime"
-					label="Schedule Time"
-				/>
-				<FormControl
-					v-if="(site.group_public && nextVersion) || benchHasCommonServer"
-					label="Skip failing patches if any"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-				<p v-if="message && !errorMessage" class="text-sm text-gray-700">
-					{{ message }}
-				</p>
-				<ErrorMessage :message="errorMessage" />
-			</div>
-		</template>
-		<template v-if="site?.group_public || privateReleaseGroups.length" #actions>
-			<Button
-				v-if="!site.group_public"
-				class="mb-2 w-full"
-				:disabled="benchHasCommonServer || !privateReleaseGroup || !nextVersion"
-				label="Add Server to Bench"
-				@click="$resources.addServerToReleaseGroup.submit()"
-				:loading="
-					$resources.addServerToReleaseGroup.loading ||
-					$resources.validateGroupforUpgrade.loading
-				"
-			/>
-			<Button
-				class="w-full"
-				variant="solid"
-				label="Upgrade"
-				:disabled="
-					((!benchHasCommonServer || !privateReleaseGroup) &&
-						!site.group_public) ||
-					!nextVersion
-				"
-				:loading="
-					$resources.versionUpgrade.loading ||
-					$resources.validateGroupforUpgrade.loading
-				"
-				@click="$resources.versionUpgrade.submit()"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-import DateTimeControl from '../../../src2/components/DateTimeControl.vue';
-
-export default {
-	name: 'SiteVersionUpgradeDialog',
-	props: ['site', 'modelValue'],
-	emits: ['update:modelValue'],
-	components: { DateTimeControl },
-	data() {
-		return {
-			targetDateTime: null,
-			privateReleaseGroup: '',
-			skipFailingPatches: false,
-			benchHasCommonServer: false
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		nextVersion() {
-			const nextNumber = Number(this.site?.jingrow_version.split(' ')[1]);
-			if (
-				isNaN(nextNumber) ||
-				this.site?.jingrow_version === this.site?.latest_jingrow_version
-			)
-				return null;
-
-			return `Version ${nextNumber + 1}`;
-		},
-		privateReleaseGroups() {
-			return this.$resources.getPrivateGroups.data;
-		},
-		message() {
-			if (this.site.jingrow_version === this.site.latest_jingrow_version) {
-				return 'This site is already on the latest version.';
-			} else if (this.site.jingrow_version === 'v0.1') {
-				return "This site is on a nightly version and doesn't need to be upgraded.";
-			} else if (
-				!this.site.group_public &&
-				this.privateReleaseGroups.length === 0
-			)
-				return `Your team doesn't own any private benches available to upgrade this site to ${this.nextVersion}.`;
-			else if (!this.privateReleaseGroup) {
-				return '';
-			} else if (!this.site.group_public && !this.benchHasCommonServer)
-				return `The selected bench and your site doesn't have a common server. Please add site's server to the bench.`;
-			else if (!this.site.group_public && this.benchHasCommonServer)
-				return `The selected bench and your site have a common server. You can proceed with the upgrade to ${this.nextVersion}.`;
-			else return '';
-		},
-		datetimeInIST() {
-			if (!this.targetDateTime) return null;
-			const datetimeInIST = this.$dayjs(this.targetDateTime)
-				.tz('Asia/Kolkata')
-				.format('YYYY-MM-DDTHH:mm');
-
-			return datetimeInIST;
-		},
-		errorMessage() {
-			return (
-				this.$resources.versionUpgrade.error ||
-				this.$resources.validateGroupforUpgrade.error ||
-				this.$resources.addServerToReleaseGroup.error ||
-				this.$resources.getPrivateGroups.error
-			);
-		}
-	},
-	resources: {
-		versionUpgrade() {
-			return {
-				url: 'jcloud.api.site.version_upgrade',
-				params: {
-					name: this.site?.name,
-					destination_group: this.privateReleaseGroup,
-					skip_failing_patches: this.skipFailingPatches,
-					scheduled_datetime: this.datetimeInIST
-				},
-				onSuccess() {
-					notify({
-						title: 'Site Version Upgrade',
-						message: `Scheduled site upgrade for <b>${this.site?.host_name}</b> to <b>${this.nextVersion}</b>`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.$emit('update:modelValue', false);
-				}
-			};
-		},
-		getPrivateGroups() {
-			return {
-				url: 'jcloud.api.site.get_private_groups_for_upgrade',
-				params: {
-					name: this.site?.name,
-					version: this.site?.jingrow_version
-				},
-				auto:
-					this.site?.jingrow_version &&
-					this.site?.name &&
-					!this.site?.group_public &&
-					this.site?.jingrow_version !== 'v0.1',
-				transform(data) {
-					return data.map(group => ({
-						label: group.title || group.name,
-						value: group.name
-					}));
-				},
-				initialData: []
-			};
-		},
-		addServerToReleaseGroup() {
-			return {
-				url: 'jcloud.api.site.add_server_to_release_group',
-				params: {
-					name: this.site?.name,
-					group_name: this.privateReleaseGroup
-				},
-				onSuccess(data) {
-					notify({
-						title: 'Server Added to the Bench',
-						message: `Added a server to <b>${this.privateReleaseGroup}</b> bench. Please wait for the bench to complete the deploy.`,
-						icon: 'check',
-						color: 'green'
-					});
-					this.$router.push({
-						name: 'BenchJobs',
-						params: {
-							benchName: this.privateReleaseGroup,
-							jobName: data
-						}
-					});
-					this.resetValues();
-					this.$emit('update:modelValue', false);
-				}
-			};
-		},
-		validateGroupforUpgrade() {
-			return {
-				url: 'jcloud.api.site.validate_group_for_upgrade',
-				onSuccess(data) {
-					this.benchHasCommonServer = data;
-				}
-			};
-		}
-	},
-	methods: {
-		resetValues() {
-			this.targetDateTime = null;
-			this.privateReleaseGroup = '';
-			this.benchHasCommonServer = false;
-			this.$resources.getPrivateGroups.reset();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/site/Sites.vue b/dashboard_backup/src/views/site/Sites.vue
deleted file mode 100644
index 34ff82d..0000000
--- a/dashboard_backup/src/views/site/Sites.vue
+++ /dev/null
@@ -1,572 +0,0 @@
-<template>
-	<div>
-		<div>
-			<header
-				class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-			>
-				<Breadcrumbs :items="[{ label: 'Sites', route: { name: 'Sites' } }]">
-					<template v-if="this.$account?.team.enabled" #actions>
-						<Button
-							variant="solid"
-							icon-left="plus"
-							class="ml-2"
-							label="Create"
-							@click="validateCreateSite"
-						>
-						</Button>
-					</template>
-				</Breadcrumbs>
-			</header>
-
-			<div class="my-5 space-y-2 px-5">
-				<div v-if="!$account.team.enabled">
-					<Alert title="Your account is disabled">
-						Enable your account to start creating sites
-						<template #actions>
-							<Button variant="solid" route="/settings/profile">
-								Enable Account
-							</Button>
-						</template>
-					</Alert>
-				</div>
-				<AlertBillingInformation />
-				<template v-if="showUnpaidInvoiceAlert">
-					<Alert
-						v-if="latestUnpaidInvoice.payment_mode === 'Prepaid Credits'"
-						title="Your last invoice payment has failed."
-					>
-						Please add
-						<strong>
-							{{ latestUnpaidInvoice.currency }}
-							{{ latestUnpaidInvoice.amount_due }}
-						</strong>
-						more in credits.
-						<template #actions>
-							<Button
-								@click="
-									$account.team.billing_address
-										? (showPrepaidCreditsDialog = true)
-										: (showAddressDialog = true)
-								"
-								variant="solid"
-							>
-								Add Credits
-							</Button>
-						</template>
-					</Alert>
-
-					<Alert v-else title="Your last invoice payment has failed.">
-						Pay now for uninterrupted services.
-						<template v-if="this.$resources.latestUnpaidInvoice.data" #actions>
-							<router-link
-								:to="{ path: '/billing', query: { invoiceStatus: 'Unpaid' } }"
-							>
-								<Button variant="solid"> Go to Billing </Button>
-							</router-link>
-						</template>
-					</Alert>
-
-					<UpdateBillingDetails
-						v-if="showAddressDialog"
-						v-model="showAddressDialog"
-						@updated="
-							showAddressDialog = false;
-							showPrepaidCreditsDialog = true;
-							$resources.billingDetails.reload();
-						"
-					/>
-
-					<PrepaidCreditsDialog
-						v-if="showPrepaidCreditsDialog"
-						v-model:show="showPrepaidCreditsDialog"
-						:minimum-amount="Math.ceil(latestUnpaidInvoice.amount_due)"
-						@success="handleAddPrepaidCreditsSuccess"
-					/>
-				</template>
-			</div>
-			<div class="mx-5">
-				<div class="pb-20">
-					<div class="flex">
-						<div class="flex w-full space-x-2 pb-4">
-							<FormControl label="Search Sites" v-model="searchTerm">
-								<template #prefix>
-									<FeatherIcon name="search" class="w-4 text-gray-600" />
-								</template>
-							</FormControl>
-							<FormControl
-								label="Status"
-								class="mr-8"
-								type="select"
-								:options="siteStatusFilterOptions"
-								v-model="site_status"
-							/>
-							<FormControl
-								v-if="$resources.siteTags.data.length > 0"
-								label="Tag"
-								class="mr-8"
-								type="select"
-								:options="siteTagFilterOptions"
-								v-model="site_tag"
-							/>
-						</div>
-					</div>
-					<Table
-						:columns="[
-							{ label: 'Site Name', name: 'name', width: 2 },
-							{ label: 'Status', name: 'status', width: 1 },
-							{ label: 'Region', name: 'region', width: 0.5 },
-							{ label: 'Tags', name: 'tags', width: 1 },
-							{ label: 'Plan', name: 'plan', width: 1.5 },
-							{ label: '', name: 'actions', width: 0.5 }
-						]"
-						:rows="sites"
-						v-slot="{ rows, columns }"
-					>
-						<TableHeader class="mb-4 hidden lg:grid" />
-						<div
-							v-for="group in groups"
-							:key="group.group"
-							class="mb-4 rounded border"
-						>
-							<div
-								class="flex w-full items-center rounded-t bg-gray-50 px-3 py-2 text-base"
-							>
-								<span class="font-semibold text-gray-900">
-									{{ group.title }}
-								</span>
-								<span v-if="!group.public" class="ml-2 text-gray-600">{{
-									group.version
-								}}</span>
-								<Button
-									v-if="!group.public"
-									variant="ghost"
-									class="ml-auto"
-									:route="{ name: 'Bench', params: { benchName: group.group } }"
-								>
-									View Bench
-								</Button>
-								<div v-else class="h-7" />
-							</div>
-
-							<TableRow
-								v-for="(row, index) in sitesByGroup[group.group]"
-								:key="row.name"
-								:row="row"
-								:class="index === 0 ? 'rounded-b' : 'rounded'"
-							>
-								<TableCell v-for="column in columns">
-									<Badge
-										v-if="column.name === 'status'"
-										:label="$siteStatus(row)"
-									/>
-									<div
-										v-else-if="column.name === 'tags'"
-										class="hidden space-x-1 lg:flex"
-									>
-										<Badge
-											v-for="(tag, i) in row.tags.slice(0, 1)"
-											theme="blue"
-											:label="tag"
-										/>
-										<Tooltip
-											v-if="row.tags.length > 1"
-											:text="row.tags.slice(1).join(', ')"
-										>
-											<Badge
-												v-if="row.tags.length > 1"
-												:label="`+${row.tags.length - 1}`"
-											/>
-										</Tooltip>
-										<span v-if="row.tags.length == 0">-</span>
-									</div>
-									<span
-										v-else-if="column.name === 'plan'"
-										class="hidden md:block"
-									>
-										{{
-											row.plan
-												? `${$planTitle(row.plan)}${
-														row.plan.price_usd > 0 ? '/mo' : ''
-												  }`
-												: ''
-										}}
-									</span>
-									<div
-										v-else-if="column.name === 'region'"
-										class="hidden md:block"
-									>
-										<img
-											v-if="row.server_region_info.image"
-											class="h-4"
-											:src="row.server_region_info.image"
-											:alt="`Flag of ${row.server_region_info.title}`"
-											:title="row.server_region_info.title"
-										/>
-										<span class="text-base text-gray-700" v-else>
-											{{ row.server_region_info.title }}
-										</span>
-									</div>
-									<div
-										class="w-full text-right"
-										v-else-if="column.name == 'actions'"
-									>
-										<Dropdown
-											v-if="['Active', 'Updating'].includes(row.status)"
-											@click.prevent
-											:options="dropdownItems(row)"
-										>
-											<template v-slot="{ open }">
-												<Button
-													:variant="open ? 'subtle' : 'ghost'"
-													icon="more-horizontal"
-												/>
-											</template>
-										</Dropdown>
-									</div>
-									<span v-else>{{ row[column.name] || '' }}</span>
-								</TableCell>
-							</TableRow>
-						</div>
-						<div class="mt-8 flex items-center justify-center">
-							<LoadingText
-								v-if="$resources.allSites.loading && !$resources.allSites.data"
-							/>
-							<div
-								v-else-if="$resources.allSites.fetched && rows.length === 0"
-								class="text-base text-gray-700"
-							>
-								No Sites
-							</div>
-						</div>
-					</Table>
-
-					<Dialog
-						:options="{
-							title: 'Login As Administrator',
-							actions: [
-								{
-									label: 'Proceed',
-									variant: 'solid',
-									onClick: proceedWithLoginAsAdmin
-								}
-							]
-						}"
-						v-model="showReasonForAdminLoginDialog"
-					>
-						<template #body-content>
-							<FormControl
-								label="Reason for logging in as Administrator"
-								type="textarea"
-								v-model="reasonForAdminLogin"
-								required
-							/>
-							<ErrorMessage class="mt-3" :message="errorMessage" />
-						</template>
-					</Dialog>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-import Table from '@/components/Table/Table.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import { loginAsAdmin } from '@/controllers/loginAsAdmin';
-import AlertBillingInformation from '@/components/AlertBillingInformation.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'Sites',
-	pageMeta() {
-		return {
-			title: 'Sites - 今果 Jingrow'
-		};
-	},
-	props: ['bench'],
-	components: {
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell,
-		PrepaidCreditsDialog: defineAsyncComponent(() =>
-			import('@/components/PrepaidCreditsDialog.vue')
-		),
-		StripeCard: defineAsyncComponent(() =>
-			import('@/components/StripeCard.vue')
-		),
-		AlertBillingInformation,
-		UpdateBillingDetails: defineAsyncComponent(() =>
-			import('../../../src2/components/UpdateBillingDetails.vue')
-		)
-	},
-	data() {
-		return {
-			showPrepaidCreditsDialog: false,
-			showAddCardDialog: false,
-			searchTerm: '',
-			reasonForAdminLogin: '',
-			errorMessage: null,
-			showReasonForAdminLoginDialog: false,
-			siteForLogin: null,
-			site_status: 'All',
-			site_tag: '',
-			showAddressDialog: false
-		};
-	},
-	resources: {
-		allSites() {
-			return {
-				url: 'jcloud.api.site.all',
-				params: {
-					site_filter: { status: this.site_status, tag: this.site_tag }
-				},
-				auto: true,
-				cache: [
-					'SiteList',
-					this.site_status,
-					this.site_tag,
-					this.$account.team.name
-				]
-			};
-		},
-		siteTags: { url: 'jcloud.api.site.site_tags', auto: true, initialData: [] },
-		latestUnpaidInvoice: {
-			url: 'jcloud.api.billing.get_latest_unpaid_invoice',
-			auto: true
-		},
-		loginAsAdmin() {
-			return loginAsAdmin('placeholderSite'); // So that RM does not yell at first load
-		},
-		billingDetails: 'jcloud.api.billing.details'
-	},
-	mounted() {
-		this.$socket.on('agent_job_update', this.onAgentJobUpdate);
-		this.$socket.on('list_update', this.onSiteUpdate);
-	},
-	unmounted() {
-		this.$socket.off('agent_job_update', this.onAgentJobUpdate);
-		this.$socket.off('list_update', this.onSiteUpdate);
-	},
-	methods: {
-		validateCreateSite() {
-			if (!this.$account.hasBillingInfo) {
-				this.showAddCardDialog = true;
-			} else if (
-				this.$account.billing_info.has_unpaid_invoices &&
-				!this.$account.team.free_account
-			) {
-				notify({
-					title:
-						'Please settle your unpaid invoices from the billing tab in order to create new sites',
-					icon: 'info',
-					color: 'yellow'
-				});
-			} else {
-				this.$router.replace('/sites/new');
-			}
-		},
-		onAgentJobUpdate(data) {
-			if (!(data.name === 'New Site' || data.name === 'New Site from Backup'))
-				return;
-			if (data.status === 'Success' && data.user === this.$account.user.name) {
-				this.reload();
-				notify({
-					title: 'Site creation complete!',
-					message: 'Login to your site and complete the setup wizard',
-					icon: 'check',
-					color: 'green'
-				});
-			}
-		},
-		onSiteUpdate(event) {
-			// Refresh if the event affects any of the sites in the list view
-			// TODO: Listen to a more granular event than list_update
-			if (event.pagetype === 'Site') {
-				let sites = this.sites;
-				if (
-					event.user === this.$account.user.name ||
-					sites.includes(event.name)
-				) {
-					this.reload();
-				}
-			}
-		},
-		reload() {
-			// refresh if currently not loading and have not reloaded in the last 5 seconds
-			if (
-				!this.$resources.allSites.loading &&
-				new Date() - this.$resources.allSites.lastLoaded > 5000
-			) {
-				this.$resources.allSites.reload();
-			}
-		},
-		handleAddPrepaidCreditsSuccess() {
-			this.$resources.latestUnpaidInvoice.reload();
-			this.showPrepaidCreditsDialog = false;
-		},
-		dropdownItems(site) {
-			return [
-				{
-					label: 'Visit Site',
-					onClick: () => {
-						window.open(`https://${site.name}`, '_blank');
-					}
-				},
-				{
-					label: 'Login As Admin',
-					onClick: () => {
-						if (this.$account.team.name === site.team) {
-							return this.$resources.loginAsAdmin.submit({
-								name: site.name
-							});
-						}
-
-						this.siteForLogin = site.name;
-						this.showReasonForAdminLoginDialog = true;
-					}
-				}
-			];
-		},
-		proceedWithLoginAsAdmin() {
-			this.errorMessage = '';
-
-			if (!this.reasonForAdminLogin.trim()) {
-				this.errorMessage = 'Reason is required';
-				return;
-			}
-
-			this.$resources.loginAsAdmin.submit({
-				name: this.siteForLogin,
-				reason: this.reasonForAdminLogin
-			});
-
-			this.showReasonForAdminLoginDialog = false;
-		}
-	},
-	computed: {
-		sites() {
-			if (!this.$resources.allSites.data) {
-				return [];
-			}
-			let sites = this.$resources.allSites.data.filter(site =>
-				this.$account.hasPermission(site.name, '', true)
-			);
-			if (this.searchTerm) {
-				return sites.filter(site =>
-					site.name.toLowerCase().includes(this.searchTerm.toLowerCase())
-				);
-			}
-			return sites;
-		},
-		sitesByGroup() {
-			let sitesByGroup = {};
-
-			for (let site of this.sites) {
-				let group = site.group;
-				if (!sitesByGroup[group]) {
-					sitesByGroup[group] = [];
-				}
-				site.route = {
-					name: 'SiteOverview',
-					params: {
-						siteName: site.name
-					}
-				};
-				sitesByGroup[group].push(site);
-			}
-
-			return sitesByGroup;
-		},
-		groups() {
-			let seen = [];
-			let groups = [];
-			for (let site of this.sites) {
-				if (site.public) {
-					site.title = 'Shared';
-					site.group = 'Shared';
-				}
-				if (!seen.includes(site.group)) {
-					seen.push(site.group);
-					if (site.public)
-						groups.unshift({
-							title: site.title,
-							group: site.group,
-							public: site.public,
-							version: site.version
-						});
-					else
-						groups.push({
-							title: site.title,
-							group: site.group,
-							public: site.public,
-							version: site.version
-						});
-				}
-			}
-			return groups;
-		},
-		showUnpaidInvoiceAlert() {
-			if (!this.latestUnpaidInvoice) {
-				return;
-			}
-			return !(
-				this.$account.team.jerp_partner || this.$account.team.free_account
-			);
-		},
-		latestUnpaidInvoice() {
-			if (this.$resources.latestUnpaidInvoice.data) {
-				return this.$resources.latestUnpaidInvoice.data;
-			}
-		},
-		siteStatusFilterOptions() {
-			return [
-				{
-					label: 'All',
-					value: 'All'
-				},
-				{
-					label: 'Active',
-					value: 'Active'
-				},
-				{
-					label: 'Broken',
-					value: 'Broken'
-				},
-				{
-					label: 'Inactive',
-					value: 'Inactive'
-				},
-				{
-					label: 'Trial',
-					value: 'Trial'
-				},
-				{
-					label: 'Update Available',
-					value: 'Update Available'
-				}
-			];
-		},
-		siteTagFilterOptions() {
-			const defaultOptions = [
-				{
-					label: '',
-					value: ''
-				}
-			];
-
-			if (!this.$resources.siteTags.data) return defaultOptions;
-
-			return [
-				...defaultOptions,
-				...this.$resources.siteTags.data.map(tag => ({
-					label: tag,
-					value: tag
-				}))
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/CodeServer.vue b/dashboard_backup/src/views/spaces/CodeServer.vue
deleted file mode 100644
index 345a6bf..0000000
--- a/dashboard_backup/src/views/spaces/CodeServer.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs
-				:items="[
-					{ label: 'Spaces', route: { name: 'Spaces' } },
-					{
-						label: serverName,
-						route: {
-							name: 'CodeServerOverview',
-							params: { serverName: serverName }
-						}
-					}
-				]"
-			>
-				<template #actions>
-					<div>
-						<Dropdown :options="codeServerActions">
-							<template v-slot="{ open }">
-								<Button variant="ghost" class="mr-2" icon="more-horizontal" />
-							</template>
-						</Dropdown>
-					</div>
-				</template>
-			</Breadcrumbs>
-		</header>
-
-		<div v-if="codeServer" class="p-5">
-			<div class="pb-2">
-				<div
-					class="flex flex-col space-y-3 md:flex-row md:items-baseline md:justify-between md:space-y-0"
-				>
-					<div class="mt-2 flex items-center">
-						<h1 class="text-2xl font-bold">
-							{{ codeServer.name }}
-						</h1>
-						<Badge
-							class="ml-4"
-							:label="codeServer.status"
-							:colorMap="$badgeStatusColorMap"
-						/>
-					</div>
-				</div>
-			</div>
-
-			<Tabs :tabs="tabs">
-				<router-view v-slot="{ Component, route }">
-					<component
-						v-if="codeServer"
-						:is="Component"
-						:codeServer="codeServer"
-					></component>
-				</router-view>
-			</Tabs>
-		</div>
-	</div>
-</template>
-
-<script>
-import Tabs from '@/components/Tabs.vue';
-export default {
-	name: 'CodeServer',
-	components: {
-		Tabs
-	},
-	props: ['serverName'],
-	data() {
-		return {
-			runningJob: false
-		};
-	},
-	methods: {
-		open() {
-			window.open(`https://${this.serverName}`, '_blank');
-		},
-		onSocketUpdate({ pagetype, name }) {
-			if (pagetype === 'Code Server' && name === this.serverName) {
-				this.$resources.codeServer.reload();
-			}
-		},
-		setupAgentJobUpdate() {
-			if (this._agentJobUpdateSet) return;
-			this._agentJobUpdateSet = true;
-
-			this.$socket.on('agent_job_update', data => {
-				if (data.name === 'Setup Code Server') {
-					if (
-						data.status === 'Success' &&
-						data.code_server === this.serverName
-					) {
-						setTimeout(() => {
-							// running reload immediately doesn't work for some reason
-							this.$router.push(`/codeservers/${this.serverName}/overview`);
-							this.$resources.codeServer.reload();
-						}, 1000);
-					}
-				}
-				this.runningJob =
-					data.code_server === this.serverName && data.status !== 'Success';
-			});
-		},
-		routeToGeneral() {
-			if (this.$route.matched.length === 1) {
-				let tab = ['Pending'].includes(this.codeServer.status)
-					? 'jobs'
-					: 'overview';
-				this.$router.replace(`/codeservers/${this.serverName}/${tab}`);
-			}
-		}
-	},
-	resources: {
-		codeServer() {
-			return {
-				url: 'jcloud.api.spaces.code_server',
-				params: {
-					name: this.serverName
-				},
-				auto: true,
-				onSuccess: this.routeToGeneral,
-				onError: this.$routeTo404PageIfNotFound
-			};
-		}
-	},
-	activated() {
-		this.setupAgentJobUpdate();
-
-		if (this.codeServer?.status === 'Running') {
-			this.$socket.on('list_update', this.onSocketUpdate);
-		}
-	},
-	deactivated() {
-		this.$socket.off('list_update', this.onSocketUpdate);
-	},
-	computed: {
-		codeServer() {
-			return this.$resources.codeServer.data;
-		},
-		tabs() {
-			let tabRoute = subRoute => `/codeservers/${this.serverName}/${subRoute}`;
-			let tabs = [
-				{ label: 'Overview', route: 'overview' },
-				{ label: 'Jobs', route: 'jobs', showRedDot: this.runningJob }
-			];
-
-			let tabsByStatus = {
-				Active: ['Overview', 'Jobs'],
-				Pending: ['Jobs']
-			};
-			if (this.codeServer) {
-				let tabsToShow = tabsByStatus[this.codeServer.status];
-				if (tabsToShow?.length) {
-					tabs = tabs.filter(tab => tabsToShow.includes(tab.label));
-				}
-				return tabs.map(tab => {
-					return {
-						...tab,
-						route: tabRoute(tab.route)
-					};
-				});
-			}
-			return [];
-		},
-		codeServerActions() {
-			return [
-				{
-					label: 'Open',
-					icon: 'external-link',
-					onClick: () => {
-						window.open(`https://${this.serverName}`, '_blank');
-					}
-				}
-			];
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/CodeServerJobs.vue b/dashboard_backup/src/views/spaces/CodeServerJobs.vue
deleted file mode 100644
index 68bd95e..0000000
--- a/dashboard_backup/src/views/spaces/CodeServerJobs.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-	<AgentJobs
-		title="Jobs"
-		subtitle="History of jobs that ran on your site"
-		:resource="jobResource"
-		:jobName="jobName"
-		:jobRoute="jobRoute"
-	/>
-</template>
-<script>
-import AgentJobs from '@/views/general/AgentJobs.vue';
-export default {
-	name: 'SiteJobs',
-	props: ['serverName', 'jobName'],
-	components: {
-		AgentJobs
-	},
-	methods: {
-		jobResource() {
-			return {
-				type: 'list',
-				pagetype: 'Agent Job',
-				url: 'jcloud.api.spaces.code_server_jobs',
-				filters: { code_server: this.serverName },
-				orderBy: 'creation desc',
-				start: 0,
-				pageLength: 10,
-				auto: true
-			};
-		},
-		jobRoute(job) {
-			return `/codeservers/${this.serverName}/jobs/${job.name}`;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/CodeServerOverview.vue b/dashboard_backup/src/views/spaces/CodeServerOverview.vue
deleted file mode 100644
index cffef02..0000000
--- a/dashboard_backup/src/views/spaces/CodeServerOverview.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-	<div class="grid grid-cols-1 gap-5 sm:grid-cols-2" v-if="codeServer">
-		<CodeServerOverviewInfo :codeServer="codeServer" />
-	</div>
-</template>
-
-<script>
-import CodeServerOverviewInfo from './CodeServerOverviewInfo.vue';
-export default {
-	name: 'CodeServerOverview',
-	components: {
-		CodeServerOverviewInfo
-	},
-	props: {
-		codeServer: {
-			type: Object,
-			default: () => {}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/CodeServerOverviewInfo.vue b/dashboard_backup/src/views/spaces/CodeServerOverviewInfo.vue
deleted file mode 100644
index 5036a2b..0000000
--- a/dashboard_backup/src/views/spaces/CodeServerOverviewInfo.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<template>
-	<Card
-		title="Code Server Info"
-		subtitle="General information about your code server"
-	>
-		<div class="divide-y">
-			<ListItem
-				title="Bench Version"
-				description="Bench version for which this code server is created"
-			>
-				<template v-slot:actions>
-					<router-link
-						:to="`/groups/${codeServer.group}/versions/${codeServer.bench}`"
-						class="text-base text-gray-600 hover:text-gray-700"
-					>
-						{{ codeServer.bench }} →
-					</router-link>
-				</template>
-			</ListItem>
-			<ListItem
-				v-if="codeServer.status === 'Running'"
-				title="Copy Password"
-				description="Copy the password for your code server"
-			>
-				<template v-slot:actions>
-					<Button @click="$resources.showPassword.submit()" class="shrink-0">
-						Copy
-					</Button>
-				</template>
-			</ListItem>
-
-			<ListItem
-				v-if="codeServer.status === 'Running'"
-				title="Stop Code Server"
-				description="The code server will go inactive and won't be publicly accessible"
-			>
-				<template v-slot:actions>
-					<Button @click="$resources.stopCodeServer.submit()" class="shrink-0">
-						Stop
-					</Button>
-				</template>
-			</ListItem>
-
-			<ListItem
-				v-if="codeServer.status === 'Stopped'"
-				title="Start Code Server"
-				description="The code server will go active and will be publicly accessible"
-			>
-				<template v-slot:actions>
-					<Button @click="$resources.startCodeServer.submit()" class="shrink-0">
-						Start
-					</Button>
-				</template>
-			</ListItem>
-
-			<ListItem
-				v-if="codeServer.status !== 'Pending'"
-				title="Drop Code Server"
-				description="Once you drop your code server, there is no going back"
-			>
-				<template v-slot:actions>
-					<Button @click="showDialog = true">
-						<span class="text-red-600">Drop</span>
-					</Button>
-				</template>
-			</ListItem>
-
-			<Dialog
-				v-model="showDialog"
-				:options="{
-					title: 'Drop Code Server',
-					actions: [
-						{
-							label: 'Drop Code Server',
-							variant: 'solid',
-							theme: 'red',
-							onClick: () => $resources.dropCodeServer.submit()
-						}
-					]
-				}"
-			>
-				<template v-slot:body-content>
-					<p class="text-base">
-						Are you sure you want to drop your code-server? Once you drop your
-						code-server, there is no going back.
-					</p>
-					<ErrorMessage
-						class="mt-2"
-						:message="$resources.dropCodeServer.error"
-					/>
-				</template>
-			</Dialog>
-		</div>
-	</Card>
-</template>
-
-<script>
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'CodeServerOverviewInfo',
-	props: {
-		codeServer: {
-			type: Object,
-			default: () => {}
-		}
-	},
-	data() {
-		return {
-			showDialog: false
-		};
-	},
-	resources: {
-		stopCodeServer() {
-			return {
-				url: 'jcloud.api.spaces.stop_code_server',
-				params: {
-					name: this.codeServer.name
-				},
-				onSuccess(r) {
-					this.$router.push(`/codeservers/${this.codeServer.name}/jobs`);
-				}
-			};
-		},
-		startCodeServer() {
-			return {
-				url: 'jcloud.api.spaces.start_code_server',
-				params: {
-					name: this.codeServer.name
-				},
-				onSuccess(r) {
-					this.$router.push(`/codeservers/${this.codeServer.name}/jobs`);
-				}
-			};
-		},
-		showPassword() {
-			return {
-				url: 'jcloud.api.spaces.code_server_password',
-				params: {
-					name: this.codeServer.name
-				},
-				onSuccess(r) {
-					const clipboard = window.navigator.clipboard;
-					clipboard.writeText(r).then(() => {
-						notify({
-							title: 'Password copied to clipboard!',
-							icon: 'check',
-							color: 'green'
-						});
-					});
-				}
-			};
-		},
-		dropCodeServer() {
-			return {
-				url: 'jcloud.api.spaces.drop_code_server',
-				params: {
-					name: this.codeServer.name
-				},
-				onSuccess() {
-					this.$router.push('/spaces');
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/CodeServersList.vue b/dashboard_backup/src/views/spaces/CodeServersList.vue
deleted file mode 100644
index 9dd5ec7..0000000
--- a/dashboard_backup/src/views/spaces/CodeServersList.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-	<div
-		class="sm:rounded-md sm:border sm:border-gray-100 sm:py-1 sm:px-2 sm:shadow"
-	>
-		<div
-			class="py-2 text-base text-gray-600 sm:px-2"
-			v-if="servers && servers.length === 0"
-		>
-			No Code Servers
-		</div>
-		<div class="py-2" v-for="(server, index) in servers" :key="server.name">
-			<div class="flex items-center justify-between">
-				<router-link
-					:to="`/codeservers/${server.name}/overview`"
-					class="block w-full rounded-md py-2 hover:bg-gray-50 sm:px-2"
-				>
-					<div class="flex items-center justify-between">
-						<div
-							class="hover:text-ellipses truncate break-all text-base w-1/3 sm:w-4/12"
-						>
-							{{ server.name }}
-						</div>
-						<div class="text-base w-1/3 sm:w-4/12">
-							<Badge
-								class="ml-4 hidden md:inline-block"
-								:label="server.status"
-								:colorMap="$badgeStatusColorMap"
-							></Badge>
-						</div>
-						<div class="text-base w-1/3 sm:w-4/12 hidden sm:block">
-							<div class="hover:text-ellipses truncate break-all hover:w-full">
-								{{ server.title }}
-							</div>
-						</div>
-					</div>
-				</router-link>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'CodeServersList',
-	props: {
-		servers: {
-			type: Object,
-			default: () => {}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/CreateCodeServerDialog.vue b/dashboard_backup/src/views/spaces/CreateCodeServerDialog.vue
deleted file mode 100644
index 9138d42..0000000
--- a/dashboard_backup/src/views/spaces/CreateCodeServerDialog.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'Create Code Server',
-			actions: [
-				{
-					label: 'Create',
-					variant: 'solid',
-					loading: $resources.newCodeServer.loading,
-					onClick: () => $resources.newCodeServer.submit()
-				}
-			]
-		}"
-		:modelValue="show"
-		@after-leave="
-			() => {
-				$emit('close', true);
-			}
-		"
-	>
-		<template v-slot:body-content>
-			<p class="text-base text-gray-700">
-				Give your code server a unique name. It can only contain alphanumeric
-				characters and dashes.
-			</p>
-			<div class="mt-4 flex">
-				<input
-					class="form-input z-10 w-full rounded-r-none"
-					type="text"
-					v-model="modelValue"
-					placeholder="subdomain"
-					@change="subdomainChange"
-				/>
-				<div class="flex items-center rounded-r bg-gray-100 px-4 text-base">
-					.{{ domain }}
-				</div>
-			</div>
-			<div class="mt-1">
-				<div
-					v-if="subdomainAvailable"
-					class="text-sm text-green-600"
-					role="alert"
-				>
-					{{ modelValue }}.{{ domain }} is available
-				</div>
-				<ErrorMessage :message="errorMessage" />
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'CreateCodeServerDialog',
-	props: ['version', 'show'],
-	data() {
-		return {
-			dialogOpen: true,
-			modelValue: '',
-			errorMessage: null,
-			// TODO: Add global state and get domain from there
-			domain: 'jingrow.space',
-			subdomain: '',
-			subdomainAvailable: false
-		};
-	},
-	methods: {
-		async subdomainChange(e) {
-			this.subdomain = e.target.value;
-			this.subdomainAvailable = false;
-
-			let error = this.validateSubdomain(this.subdomain);
-			if (!error) {
-				let subdomainTaken = await this.$call('jcloud.api.spaces.exists', {
-					subdomain: this.subdomain,
-					domain: this.domain
-				});
-				if (subdomainTaken) {
-					error = `${this.subdomain}.${this.domain} already exists.`;
-				} else {
-					this.subdomainAvailable = true;
-				}
-			}
-			this.errorMessage = error;
-			this.$emit('error', error);
-		},
-		validateSubdomain(subdomain) {
-			if (!subdomain) {
-				return 'Subdomain cannot be empty';
-			}
-			if (subdomain.length < 5) {
-				return 'Subdomain too short. Use 5 or more characters';
-			}
-			if (subdomain.length > 32) {
-				return 'Subdomain too long. Use 32 or less characters';
-			}
-			if (!subdomain.match(/^[a-z0-9][a-z0-9-]*[a-z0-9]$/)) {
-				return 'Subdomain contains invalid characters. Use lowercase characters, numbers and hyphens';
-			}
-			return null;
-		}
-	},
-	resources: {
-		newCodeServer() {
-			return {
-				url: 'jcloud.api.spaces.create_code_server',
-				params: {
-					subdomain: this.subdomain,
-					bench: this.version,
-					domain: this.domain
-				},
-				onSuccess(r) {
-					this.$router.replace(`/codeservers/${r}/jobs`);
-				},
-				onError(e) {
-					this.errorMessage = e.message;
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/NewCodeServer.vue b/dashboard_backup/src/views/spaces/NewCodeServer.vue
deleted file mode 100644
index ae6fdc2..0000000
--- a/dashboard_backup/src/views/spaces/NewCodeServer.vue
+++ /dev/null
@@ -1,131 +0,0 @@
-<template>
-	<WizardCard v-if="domain">
-		<div class="mb-6 text-center">
-			<h1 class="text-2xl font-bold">Create a new codespace</h1>
-		</div>
-		<Steps :steps="steps">
-			<template
-				v-slot="{ active: activeStep, next, previous, hasPrevious, hasNext }"
-			>
-				<div class="mt-8"></div>
-				<Hostname
-					v-show="activeStep.name === 'Hostname'"
-					v-model="subdomain"
-					:domain="domain"
-					@error="error => (subdomainValid = !Boolean(error))"
-				/>
-				<Group v-show="activeStep.name === 'Group'" v-model="selectedGroup" />
-				<Bench
-					v-if="selectedGroup"
-					v-show="activeStep.name === 'Bench'"
-					v-model="selectedBench"
-					:selectedGroup="selectedGroup.name"
-				/>
-				<div class="mt-4">
-					<ErrorMessage
-						class="mb-4"
-						:message="$resources.newCodeServer.error"
-					/>
-					<div>
-						<Button v-if="hasPrevious" class="w-full" @click="previous">
-							Back
-						</Button>
-						<Button
-							v-if="hasNext"
-							class="w-full"
-							variant="solid"
-							@click="nextStep(activeStep, next)"
-							:class="{ 'mt-2': hasPrevious }"
-						>
-							Next
-						</Button>
-						<Button
-							v-show="!hasNext"
-							class="w-full mt-2"
-							variant="solid"
-							@click="$resources.newCodeServer.submit()"
-							:loading="$resources.newCodeServer.loading"
-							:disabled="selectedBench == null"
-						>
-							Create Codespace
-						</Button>
-					</div>
-				</div>
-			</template>
-		</Steps>
-	</WizardCard>
-</template>
-
-<script>
-import WizardCard from '@/components/WizardCard.vue';
-import Steps from '@/components/Steps.vue';
-import Hostname from './NewCodeServerHostname.vue';
-import Group from './NewCodeServerGroup.vue';
-import Bench from './NewCodeServerBench.vue';
-
-export default {
-	name: 'NewServer',
-	components: {
-		WizardCard,
-		Steps,
-		Hostname,
-		Group,
-		Bench
-	},
-	data() {
-		return {
-			title: null,
-			subdomain: null,
-			domain: null,
-			subdomainValid: false,
-			selectedGroup: null,
-			selectedBench: null,
-			steps: [
-				{
-					name: 'Hostname',
-					validate: () => {
-						return this.subdomainValid;
-					}
-				},
-				{
-					name: 'Group',
-					validate: () => {
-						return this.selectedGroup != null;
-					}
-				},
-				{
-					name: 'Bench'
-				}
-			]
-		};
-	},
-	async mounted() {
-		this.domain = await this.$call('jcloud.api.spaces.code_server_domain');
-	},
-	resources: {
-		newCodeServer() {
-			return {
-				url: 'jcloud.api.spaces.create_code_server',
-				params: {
-					subdomain: this.subdomain,
-					bench: this.selectedBench,
-					domain: this.domain
-				},
-				onSuccess(r) {
-					this.$router.replace(`/codeservers/${r}/jobs`);
-				},
-				validate() {
-					if (this.selectedBench === null) {
-						return 'Please select a bench version to deploy the code server on';
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		async nextStep(activeStep, next) {
-			next();
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/NewCodeServerBench.vue b/dashboard_backup/src/views/spaces/NewCodeServerBench.vue
deleted file mode 100644
index 66306ae..0000000
--- a/dashboard_backup/src/views/spaces/NewCodeServerBench.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<div>
-		<div>
-			<label class="text-lg font-semibold"> Choose a Bench </label>
-			<p class="text-base text-gray-700">
-				Choose a bench where you want to install the code server.
-			</p>
-		</div>
-		<LoadingText v-if="$resources.options.loading" />
-		<div v-else>
-			<ListItem
-				v-if="benches.length > 0"
-				v-for="(bench, index) in benches"
-				:key="bench"
-				:title="bench"
-				class="m-2 rounded-md border px-2 shadow-sm hover:cursor-pointer hover:shadow-md"
-				:class="[
-					modelValue && modelValue == bench
-						? 'relative ring-2 ring-inset ring-blue-500'
-						: ''
-				]"
-				v-on:click="selectBench(bench)"
-			>
-				<template #actions>
-					<Badge v-if="index === 0" label="Latest Deployed"></Badge>
-				</template>
-			</ListItem>
-			<div v-else class="ml-2 mt-4 text-sm">
-				No bench versions found with a code server. Click
-				<router-link
-					:to="`/groups/${selectedGroup}`"
-					class="text-blue-600 hover:underline"
-					>here</router-link
-				>
-				to deploy a new available version of your bench.
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'NewCodeServerBench',
-	props: ['modelValue', 'selectedGroup'],
-	emits: ['update:modelValue', 'error'],
-	methods: {
-		selectBench(bench) {
-			this.$emit('update:modelValue', bench);
-		}
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.spaces.code_server_bench_options',
-				params: {
-					group: this.selectedGroup
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		benches() {
-			if (!this.$resources.options.data) {
-				return [];
-			}
-			return this.$resources.options.data;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/NewCodeServerGroup.vue b/dashboard_backup/src/views/spaces/NewCodeServerGroup.vue
deleted file mode 100644
index aee1c59..0000000
--- a/dashboard_backup/src/views/spaces/NewCodeServerGroup.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-	<div>
-		<div>
-			<label class="text-lg font-semibold"> Choose a Bench </label>
-			<p class="text-base text-gray-700">
-				Choose a bench where you want to install the code server.
-			</p>
-		</div>
-		<FormControl
-			class="my-2"
-			placeholder="Search for Bench"
-			v-on:input="e => updateSearchTerm(e.target.value)"
-		/>
-		<div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
-			<div
-				v-for="group in filteredOptions"
-				v-on:click="selectGroup(group)"
-				class="m-2 rounded-md border px-6 py-5 text-lg shadow-sm hover:cursor-pointer hover:shadow-md"
-				:class="[
-					modelValue && modelValue.name == group.name
-						? 'relative ring-2 ring-inset ring-blue-500'
-						: ''
-				]"
-			>
-				{{ group.title }}
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Fuse from 'fuse.js/dist/fuse.basic.esm';
-
-export default {
-	name: 'NewCodeServerBench',
-	props: ['modelValue'],
-	emits: ['update:modelValue', 'error'],
-	data() {
-		return {
-			filteredOptions: []
-		};
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.spaces.code_server_group_options',
-				auto: true,
-				onSuccess(data) {
-					this.fuse = new Fuse(data, {
-						keys: ['title']
-					});
-					this.filteredOptions = data;
-				}
-			};
-		}
-	},
-	computed: {
-		groups() {
-			return this.$resources.options.data;
-		}
-	},
-	methods: {
-		selectGroup(group) {
-			this.$emit('update:modelValue', group);
-		},
-		updateSearchTerm(value) {
-			if (value) {
-				this.filteredOptions = this.fuse
-					.search(value)
-					.map(result => result.item);
-			} else {
-				this.filteredOptions = this.$resources.options.data;
-			}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/NewCodeServerHostname.vue b/dashboard_backup/src/views/spaces/NewCodeServerHostname.vue
deleted file mode 100644
index 21a1853..0000000
--- a/dashboard_backup/src/views/spaces/NewCodeServerHostname.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-	<div>
-		<label class="text-lg font-semibold"> Choose a Hostname </label>
-		<p class="text-base text-gray-700">
-			Give your code server a unique name. It can only contain alphanumeric
-			characters and dashes.
-		</p>
-		<div class="mt-4 flex">
-			<input
-				class="form-input z-10 w-full rounded-r-none"
-				type="text"
-				:value="modelValue"
-				placeholder="subdomain"
-				@change="subdomainChange"
-			/>
-			<div class="flex items-center rounded-r bg-gray-100 px-4 text-base">
-				.{{ domain }}
-			</div>
-		</div>
-		<div class="mt-1">
-			<div
-				v-if="subdomainAvailable"
-				class="text-sm text-green-600"
-				role="alert"
-			>
-				{{ modelValue }}.{{ domain }} is available
-			</div>
-			<ErrorMessage :message="errorMessage" />
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'Hostname',
-	props: ['modelValue', 'domain'],
-	emits: ['update:modelValue', 'error'],
-	data() {
-		return {
-			subdomainAvailable: false,
-			errorMessage: null
-		};
-	},
-	methods: {
-		async subdomainChange(e) {
-			let subdomain = e.target.value;
-			this.$emit('update:modelValue', subdomain);
-			this.subdomainAvailable = false;
-
-			let error = this.validateSubdomain(subdomain);
-			if (!error) {
-				let subdomainTaken = await this.$call('jcloud.api.spaces.exists', {
-					subdomain,
-					domain: this.domain
-				});
-				if (subdomainTaken) {
-					error = `${subdomain}.${this.domain} already exists.`;
-				} else {
-					this.subdomainAvailable = true;
-				}
-			}
-			this.errorMessage = error;
-			this.$emit('error', error);
-		},
-		validateSubdomain(subdomain) {
-			if (!subdomain) {
-				return 'Subdomain cannot be empty';
-			}
-			if (subdomain.length < 5) {
-				return 'Subdomain too short. Use 5 or more characters';
-			}
-			if (subdomain.length > 32) {
-				return 'Subdomain too long. Use 32 or less characters';
-			}
-			if (!subdomain.match(/^[a-z0-9][a-z0-9-]*[a-z0-9]$/)) {
-				return 'Subdomain contains invalid characters. Use lowercase characters, numbers and hyphens';
-			}
-			return null;
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/Spaces.vue b/dashboard_backup/src/views/spaces/Spaces.vue
deleted file mode 100644
index 6b9f5c8..0000000
--- a/dashboard_backup/src/views/spaces/Spaces.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-	<div>
-		<header
-			class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-5 py-2.5"
-		>
-			<Breadcrumbs :items="[{ label: 'Spaces', route: '/spaces' }]">
-				<template v-if="this.$account.team.enabled" v-slot:actions>
-					<Button
-						variant="solid"
-						iconLeft="plus"
-						label="Create"
-						class="ml-2"
-						@click="showBillingDialog"
-					/>
-				</template>
-			</Breadcrumbs>
-		</header>
-
-		<div class="mb-2" v-if="!$account.team.enabled">
-			<Alert title="Your account is disabled">
-				Enable your account to start creating spaces
-
-				<template #actions>
-					<Button variant="solid" route="/settings"> Enable Account </Button>
-				</template>
-			</Alert>
-		</div>
-		<div class="mx-5 mt-5">
-			<div class="pb-20">
-				<div class="flex">
-					<div class="flex w-full space-x-2 pb-4">
-						<FormControl label="Search Spaces" v-model="searchTerm">
-							<template #prefix>
-								<FeatherIcon name="search" class="w-4 text-gray-600" />
-							</template>
-						</FormControl>
-						<FormControl
-							label="Status"
-							class="mr-8"
-							type="select"
-							:options="spaceStatusFilterOptions()"
-							v-model="space_status"
-						/>
-					</div>
-				</div>
-				<Table
-					:columns="[
-						{ label: 'Space Name', name: 'name', width: 2 },
-						{ label: 'Status', name: 'status' },
-						{ label: '', name: 'actions', width: 0.5 }
-					]"
-					:rows="servers"
-					v-slot="{ rows, columns }"
-				>
-					<TableHeader class="hidden sm:grid" />
-					<TableRow v-for="row in rows" :key="row.name" :row="row">
-						<TableCell v-for="column in columns">
-							<Badge
-								v-if="column.name === 'status'"
-								:label="$siteStatus(row)"
-							/>
-							<span v-else-if="column.name === 'plan'" class="hidden sm:block">
-								{{
-									row.plan
-										? `${$planTitle(row.plan)}${
-												row.plan.price_usd > 0 ? '/mo' : ''
-										  }`
-										: ''
-								}}
-							</span>
-							<div v-else-if="column.name === 'region'" class="hidden sm:block">
-								<img
-									v-if="row.server_region_info.image"
-									class="h-4"
-									:src="row.server_region_info.image"
-									:alt="`Flag of ${row.server_region_info.title}`"
-									:title="row.server_region_info.title"
-								/>
-								<span class="text-base text-gray-700" v-else>
-									{{ row.server_region_info.title }}
-								</span>
-							</div>
-							<div
-								class="w-full text-right"
-								v-else-if="column.name == 'actions'"
-							>
-								<Dropdown @click.prevent :options="dropdownItems(row)">
-									<template v-slot="{ open }">
-										<Button
-											:variant="open ? 'subtle' : 'ghost'"
-											icon="more-horizontal"
-										/>
-									</template>
-								</Dropdown>
-							</div>
-							<span v-else>{{ row[column.name] || '' }}</span>
-						</TableCell>
-					</TableRow>
-					<div class="mt-8 flex items-center justify-center">
-						<LoadingText
-							v-if="$resources.spaces.loading && !$resources.spaces.data"
-						/>
-						<div
-							v-else-if="$resources.spaces.fetched && rows.length === 0"
-							class="text-base text-gray-700"
-						>
-							No Spaces
-						</div>
-					</div>
-				</Table>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Table from '@/components/Table/Table.vue';
-import TableCell from '@/components/Table/TableCell.vue';
-import TableHeader from '@/components/Table/TableHeader.vue';
-import TableRow from '@/components/Table/TableRow.vue';
-import SpacesList from './SpacesList.vue';
-import CodeServersList from './CodeServersList.vue';
-import Fuse from 'fuse.js/dist/fuse.basic.esm';
-
-export default {
-	name: 'Spaces',
-	components: {
-		SpacesList,
-		CodeServersList,
-		Table,
-		TableHeader,
-		TableRow,
-		TableCell
-	},
-	data() {
-		return {
-			searchTerm: '',
-			space_status: 'All'
-		};
-	},
-	resources: {
-		spaces() {
-			return {
-				url: 'jcloud.api.spaces.spaces',
-				auto: true,
-				params: { space_filter: { status: this.space_status } },
-				cache: ['SpaceList', this.space_status, this.$account.team.name],
-				onSuccess: data => {
-					this.fuse = new Fuse(data['servers'], {
-						keys: ['name']
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		showBillingDialog() {
-			if (!this.$account.hasBillingInfo) {
-				this.showAddCardDialog = true;
-			} else {
-				this.$router.replace('/codeservers/new');
-			}
-		},
-		spaceStatusFilterOptions() {
-			return [
-				{
-					label: 'All',
-					value: 'All'
-				},
-				{
-					label: 'Active',
-					value: 'Active'
-				},
-				{
-					label: 'Broken',
-					value: 'Broken'
-				}
-			];
-		},
-		dropdownItems(space) {
-			return [
-				{
-					label: 'Open',
-					onClick: () => {
-						window.open(`https://${space.name}`, '_blank');
-					}
-				}
-			];
-		}
-	},
-	computed: {
-		servers() {
-			if (!this.$resources.spaces.data) {
-				return [];
-			}
-			if (this.searchTerm) {
-				return this.fuse.search(this.searchTerm).map(result => result.item);
-			}
-
-			return this.$resources.spaces.data.servers.map(server => ({
-				name: server.name,
-				status: server.status,
-				route: `/codeservers/${server.name}/overview`
-			}));
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src/views/spaces/SpacesList.vue b/dashboard_backup/src/views/spaces/SpacesList.vue
deleted file mode 100644
index a86923e..0000000
--- a/dashboard_backup/src/views/spaces/SpacesList.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template></template>
-
-<script>
-export default {
-	name: 'SpacesList',
-	data() {
-		return {
-			recentlyCreatedSites: []
-		};
-	},
-	props: {
-		spaces: {
-			type: Object,
-			default: () => {}
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src2/App.vue b/dashboard_backup/src2/App.vue
deleted file mode 100644
index cf36025..0000000
--- a/dashboard_backup/src2/App.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-	<div class="relative flex h-full flex-col">
-		<div class="h-full flex-1">
-			<div class="flex h-full">
-				<div
-					v-if="!isSignupFlow && !$isMobile && !isHideSidebar"
-					class="relative block min-h-0 flex-shrink-0 overflow-hidden hover:overflow-auto"
-				>
-					<AppSidebar v-if="$session.user" />
-				</div>
-				<div class="w-full overflow-auto" id="scrollContainer">
-					<MobileNav
-						v-if="!isSignupFlow && $isMobile && !isHideSidebar && $session.user"
-					/>
-					<div
-						v-if="
-							!isSignupFlow &&
-							!isSiteLogin &&
-							!$session.user &&
-							!$route.meta.isLoginPage
-						"
-						class="border bg-red-200 px-5 py-3 text-base text-red-900"
-					>
-						You are not logged in.
-						<router-link to="/login" class="underline">Login</router-link> to
-						access dashboard.
-					</div>
-					<router-view />
-				</div>
-			</div>
-		</div>
-		<Toaster position="top-right" />
-		<component v-for="dialog in dialogs" :is="dialog" :key="dialog.id" />
-	</div>
-</template>
-
-<script setup>
-import { defineAsyncComponent, computed, watch, ref, provide } from 'vue';
-import { Toaster } from 'vue-sonner';
-import { dialogs } from './utils/components';
-import { useRoute } from 'vue-router';
-import { getTeam } from './data/team';
-import { session } from './data/session.js';
-
-const AppSidebar = defineAsyncComponent(
-	() => import('./components/AppSidebar.vue'),
-);
-const MobileNav = defineAsyncComponent(
-	() => import('./components/MobileNav.vue'),
-);
-
-const route = useRoute();
-const team = getTeam();
-
-const isHideSidebar = computed(() => {
-	const alwaysHideSidebarRoutes = [
-		'Site Login',
-		'SignupLoginToSite',
-		'SignupSetup',
-	];
-	const alwaysHideSidebarPaths = ['/dashboard/site-login'];
-
-	if (!session.user) return false;
-	if (
-		alwaysHideSidebarRoutes.includes(route.name) ||
-		alwaysHideSidebarPaths.includes(window.location.pathname)
-	)
-		return true;
-
-	return (
-		route.meta.hideSidebar && session.user && team?.pg?.hide_sidebar === true
-	);
-});
-
-const isSignupFlow = ref(
-	window.location.pathname.startsWith('/dashboard/create-site') ||
-		window.location.pathname.startsWith('/dashboard/setup-account') ||
-		window.location.pathname.startsWith('/dashboard/site-login') ||
-		window.location.pathname.startsWith('/dashboard/signup'),
-);
-const isSiteLogin = ref(window.location.pathname.endsWith('/site-login'));
-
-watch(
-	() => route.name,
-	() => {
-		isSignupFlow.value =
-			window.location.pathname.startsWith('/dashboard/create-site') ||
-			window.location.pathname.startsWith('/dashboard/setup-account') ||
-			window.location.pathname.startsWith('/dashboard/site-login') ||
-			window.location.pathname.startsWith('/dashboard/signup');
-	},
-);
-
-provide('team', team);
-provide('session', session);
-</script>
-
-<style src="../src/assets/style.css"></style>
diff --git a/dashboard_backup/src2/components/ActionButton.vue b/dashboard_backup/src2/components/ActionButton.vue
deleted file mode 100644
index b7321dd..0000000
--- a/dashboard_backup/src2/components/ActionButton.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<Button v-if="buttonProps" v-bind="buttonProps">
-		<template
-			v-for="(slot, slotName) in buttonProps.slots"
-			v-slot:[slotName]="slotProps"
-		>
-			<component :is="slot" v-bind="slotProps" />
-		</template>
-	</Button>
-	<Dropdown v-else-if="dropdownProps" v-bind="dropdownProps">
-		<ActionButton v-bind="dropdownProps.button" />
-	</Dropdown>
-</template>
-<script>
-import { Button, Dropdown } from 'jingrow-ui';
-import { icon } from '../utils/components';
-
-export default {
-	name: 'ActionButton',
-	components: {
-		Button,
-		Dropdown
-	},
-	computed: {
-		buttonProps() {
-			if (!this.$attrs.label || this.$attrs.options) return null;
-			return this.$attrs;
-		},
-
-		dropdownProps() {
-			if (!this.$attrs.options) return null;
-			if (this.$attrs.condition) {
-				if (!this.$attrs.condition(this.$attrs.context)) return null;
-			}
-			return {
-				button: {
-					label: '选项',
-					variant: 'ghost',
-					slots: {
-						icon: icon('more-horizontal')
-					}
-				},
-				...this.$attrs,
-				label: this.$attrs.label,
-				options: this.$attrs.options
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ActiveServersDialog.vue b/dashboard_backup/src2/components/ActiveServersDialog.vue
deleted file mode 100644
index c0776ab..0000000
--- a/dashboard_backup/src2/components/ActiveServersDialog.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-	<Dialog :options="{ title: '删除活动服务器' }" v-model="showDialog">
-		<template #body-content>
-			<div class="prose text-base">
-				在禁用账户之前，请删除以下活动服务器：
-				<ul class="pt-2">
-					<li
-						class="font-semibold"
-						v-for="server in $resources.activeServers.data"
-					>
-						{{ server.title }} - {{ server.name }}
-					</li>
-				</ul>
-			</div>
-		</template>
-		<template #actions>
-			<Button variant="solid" class="w-full" @click="redirectToServer"
-				>删除服务器</Button
-			>
-		</template>
-	</Dialog>
-</template>
-<script>
-export default {
-	name: 'ActiveServersDialog',
-	data() {
-		return {
-			showDialog: true
-		};
-	},
-	resources: {
-		activeServers: {
-			url: 'jcloud.api.account.active_servers',
-			auto: true
-		}
-	},
-	methods: {
-		redirectToServer() {
-			window.location = '/servers';
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AddDomainDialog.vue b/dashboard_backup/src2/components/AddDomainDialog.vue
deleted file mode 100644
index b714010..0000000
--- a/dashboard_backup/src2/components/AddDomainDialog.vue
+++ /dev/null
@@ -1,182 +0,0 @@
-<template>
-	<Dialog
-		v-model="showDialog"
-		:modelValue="true"
-		:options="{ title: '添加域名' }"
-	>
-		<template v-slot:body-content>
-			<div class="space-y-4">
-				<p class="text-p-base">
-					要添加自定义域名，您必须已经拥有该域名。如果您还没有域名，请先购买后再回到这里。
-				</p>
-				<FormControl
-					placeholder="www.example.com"
-					v-model="newDomain"
-					:readonly="dnsVerified"
-					autocomplete="off"
-				/>
-
-				<div
-					v-if="newDomain && !dnsVerified"
-					class="prose prose-sm space-y-2 prose-strong:text-gray-800"
-				>
-					<p>创建以下DNS记录之一：</p>
-					<ul>
-						<li>
-							<strong>CNAME</strong> 记录从
-							<strong>{{ newDomain }}</strong>
-							指向
-							<strong>{{ site.name }}</strong>
-						</li>
-						<li>
-							<strong>A</strong> 记录从
-							<strong>{{ newDomain }}</strong>
-							指向
-							<strong>{{ site.inbound_ip }}</strong>
-						</li>
-					</ul>
-				</div>
-				<div v-if="dnsResult && !dnsResult.matched" class="space-y-2">
-					<p class="text-base">
-						收到以下DNS查询响应：
-						<span class="font-semibold text-gray-700">{{ newDomain }}</span
-						>.
-					</p>
-					<div
-						v-if="newDomain && dnsResult.CNAME && !dnsResult.CNAME.matched"
-						class="space-y-2"
-					>
-						<p class="text-base">
-							<span class="font-semibold text-gray-700">CNAME</span>
-						</p>
-						<div
-							class="flex flex-row items-center justify-between rounded-lg border-2 p-2"
-						>
-							<p
-								class="select-all overflow-hidden font-mono text-sm text-gray-800"
-							>
-								{{ dnsResult.CNAME.answer }}
-							</p>
-						</div>
-					</div>
-					<div
-						v-if="newDomain && dnsResult.A && !dnsResult.A.matched"
-						class="space-y-2"
-					>
-						<p class="text-base">
-							<span class="font-semibold text-gray-700">A</span>
-						</p>
-						<div
-							class="flex flex-row items-center justify-between rounded-lg border-2 p-2"
-						>
-							<p
-								class="select-all overflow-hidden font-mono text-sm text-gray-800"
-							>
-								{{ dnsResult.A.answer }}
-							</p>
-						</div>
-					</div>
-				</div>
-				<p class="flex text-base" v-if="dnsVerified === false">
-					<FeatherIcon
-						name="x"
-						class="mr-2 h-5 w-5 rounded-full bg-red-100 p-1 text-red-500"
-					/>
-					DNS验证失败
-				</p>
-				<p class="flex text-base" v-if="dnsVerified === true">
-					<FeatherIcon
-						name="check"
-						class="mr-2 h-5 w-5 rounded-full bg-green-100 p-1 text-green-500"
-					/>
-					DNS记录验证成功。点击添加域名。
-				</p>
-				<ErrorMessage :message="$resources.checkDNS.error" />
-				<ErrorMessage :message="$resources.addDomain.error" />
-				<ErrorMessage :message="$resources.retryAddDomain.error" />
-			</div>
-		</template>
-
-		<template #actions>
-			<Button
-				v-if="!dnsVerified"
-				class="mt-2 w-full"
-				variant="solid"
-				:loading="$resources.checkDNS.loading"
-				@click="
-					$resources.checkDNS.submit({
-						name: site.name,
-						domain: newDomain
-					})
-				"
-			>
-				验证DNS
-			</Button>
-			<Button
-				v-if="dnsVerified"
-				class="mt-2 w-full"
-				variant="solid"
-				:loading="$resources.addDomain.loading"
-				@click="
-					$resources.addDomain.submit({
-						name: site.name,
-						domain: newDomain
-					})
-				"
-			>
-				添加域名
-			</Button>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'AddDomainDialog',
-	props: {
-		site: {
-			type: Object,
-			required: true
-		}
-	},
-emits: ['domainAdded'],
-	data() {
-		return {
-			showDialog: true,
-			newDomain: null
-		};
-	},
-	resources: {
-		checkDNS: {
-			url: 'jcloud.api.site.check_dns',
-			validate() {
-				if (!this.newDomain) throw new DashboardError('域名不能为空');
-			}
-		},
-		addDomain: {
-			url: 'jcloud.api.site.add_domain',
-			onSuccess() {
-				this.$resources.checkDNS.reset();
-				this.$emit('domainAdded');
-				this.showDialog = false;
-			}
-		},
-		retryAddDomain: {
-			url: 'jcloud.api.site.retry_add_domain',
-			onSuccess() {
-				this.$emit('domainAdded');
-				// this.$resources.domains.fetch();
-			}
-		}
-	},
-	computed: {
-		dnsVerified() {
-			return this.dnsResult?.matched;
-		},
-		dnsResult() {
-			return this.$resources.checkDNS.data;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AddTagDialog.vue b/dashboard_backup/src2/components/AddTagDialog.vue
deleted file mode 100644
index 804a65a..0000000
--- a/dashboard_backup/src2/components/AddTagDialog.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '添加标签',
-			actions: [
-				{
-					label: '添加',
-					variant: 'solid',
-					onClick: () =>
-						addNewTag(
-							selectedTag?.value === '__new__' ? newTag : selectedTag.value
-						)
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<FormControl
-				v-if="selectedTag?.value !== '__new__'"
-				label="选择标签"
-				type="autocomplete"
-				v-model="selectedTag"
-				:options="tagOptions"
-			/>
-			<FormControl
-				v-if="selectedTag?.value === '__new__'"
-				v-model="newTag"
-				label="输入新标签并按回车"
-				placeholder="生产, 测试, 预发布"
-				@keydown.enter="e => addNewTag(e.target.value)"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script>
-import {
-	Autocomplete,
-	Dialog,
-	FormControl,
-	getCachedDocumentResource
-} from 'jingrow-ui';
-
-export default {
-	name: 'AddTagDialog',
-	props: ['pagetype', 'docname'],
-	emits: ['added', 'removed'],
-	components: { Dialog, Autocomplete, FormControl },
-	data() {
-		return {
-			selectedTag: null,
-			newTag: '',
-			show: true
-		};
-	},
-	resources: {
-		existingTags() {
-			return {
-				type: 'list',
-				pagetype: 'Jcloud Tag',
-				filters: { pagetype_name: this.pagetype },
-				fields: ['tag'],
-				pageLength: 1000,
-				auto: true
-			};
-		}
-	},
-	methods: {
-		addNewTag(value) {
-			if (!value) return;
-			let $pg = getCachedDocumentResource(this.pagetype, this.docname);
-			if (!$pg) return;
-			return $pg.addTag.submit({ tag: value }).then(() => {
-				this.$emit('added', value);
-				this.show = false;
-			});
-		}
-	},
-	computed: {
-		tagOptions() {
-			return [
-				{ label: '创建新标签', value: '__new__' },
-				...(this.$resources.existingTags.data || []).map(d => ({
-					label: d.tag,
-					value: d.tag
-				}))
-			];
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AddressForm.vue b/dashboard_backup/src2/components/AddressForm.vue
deleted file mode 100644
index bbaeadd..0000000
--- a/dashboard_backup/src2/components/AddressForm.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-	<div>
-		<Form
-			class="mt-4"
-			:fields="fields"
-			:modelValue="address"
-			@update:modelValue="$emit('update:address', $event)"
-		/>
-		<div class="mt-4" v-show="address.country == 'china'">
-			<FormControl
-				label="我有GSTIN"
-				type="checkbox"
-				v-model="gstApplicable"
-			/>
-			<FormControl
-				class="mt-2"
-				label="GSTIN"
-				v-if="gstApplicable"
-				type="text"
-				v-model="address.gstin"
-				:disabled="!gstApplicable"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import Form from '@/components/Form.vue';
-import { chinaStates } from '@/utils/billing.js';
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'AddressForm',
-	props: ['address'],
-	emits: ['update:address'],
-	components: {
-		Form
-	},
-	data() {
-		return {
-			gstApplicable: false
-		};
-	},
-	mounted() {
-		if (this.address?.gstin && this.address.gstin !== 'Not Applicable') {
-			this.gstApplicable = true;
-		} else {
-			this.update('gstin', 'Not Applicable');
-		}
-	},
-	watch: {
-		'address.gstin'(gstin) {
-			this.update('gstin', gstin);
-		},
-		gstApplicable(gstApplicable) {
-			if (gstApplicable) {
-				this.update(
-					'gstin',
-					this.address.gstin === 'Not Applicable' ? '' : this.address.gstin
-				);
-			} else {
-				this.update('gstin', 'Not Applicable');
-			}
-		}
-	},
-	resources: {
-		countryList: {
-			url: 'jcloud.api.account.country_list',
-			auto: true,
-			onSuccess() {
-				let userCountry = this.$team?.pg.country;
-				if (userCountry) {
-					let country = this.countryList.find(d => d.label === userCountry);
-					if (country) {
-						this.update('country', country.value);
-					}
-				}
-			}
-		},
-		validateGST() {
-			return {
-				url: 'jcloud.api.billing.validate_gst',
-				makeParams() {
-					return {
-						address: this.address
-					};
-				}
-			};
-		}
-	},
-	methods: {
-		update(key, value) {
-			this.$emit('update:address', {
-				...this.address,
-				[key]: value
-			});
-		},
-		async validateGST() {
-			this.update(
-				'gstin',
-				this.gstApplicable ? this.address.gstin : 'Not Applicable'
-			);
-			await this.$resources.validateGST.submit();
-		},
-		async validateValues() {
-			let { country } = this.address;
-			let is_china = country == 'china';
-			let values = this.fields
-				.flat()
-				.filter(df => df.fieldname != 'gstin' || is_china)
-				.map(df => this.address[df.fieldname]);
-
-			if (!values.every(Boolean)) {
-				throw new DashboardError('请填写必填项');
-			}
-
-			try {
-				await this.validateGST();
-			} catch (error) {
-				throw new DashboardError(error.messages?.join('\n'));
-			}
-		}
-	},
-	computed: {
-		countryList() {
-			return (this.$resources.countryList.data || []).map(d => ({
-				label: d.name,
-				value: d.name
-			}));
-		},
-		chinaStates() {
-			return chinaStates.map(d => ({
-				label: d,
-				value: d
-			}));
-		},
-		fields() {
-			return [
-				{
-					fieldtype: 'Select',
-					label: '国家',
-					fieldname: 'country',
-					options: this.countryList,
-					required: 1
-				},
-				{
-					fieldtype: 'Data',
-					label: '地址',
-					fieldname: 'address',
-					required: 1
-				},
-				{
-					fieldtype: 'Data',
-					label: '城市',
-					fieldname: 'city',
-					required: 1
-				},
-				{
-					fieldtype: this.address.country === 'china' ? 'Select' : 'Data',
-					label: '州/省/地区',
-					fieldname: 'state',
-					required: 1,
-					options: this.address.country === 'china' ? this.chinaStates : null
-				},
-				{
-					fieldtype: 'Data',
-					label: '邮政编码',
-					fieldname: 'postal_code',
-					required: 1
-}
-			];
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AddressableErrorDialog.vue b/dashboard_backup/src2/components/AddressableErrorDialog.vue
deleted file mode 100644
index b682970..0000000
--- a/dashboard_backup/src2/components/AddressableErrorDialog.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-	<Dialog v-if="pg" v-model="show">
-		<!-- 标题 -->
-		<template v-slot:body-title>
-			<h1 class="font-semibold">
-				{{ pg.title }}
-			</h1>
-		</template>
-
-		<!-- 消息和堆栈跟踪 -->
-		<template v-slot:body-content>
-			<div
-				:if="pg.message"
-				v-html="pg.message"
-				class="flex flex-col gap-2 whitespace-pre-wrap text-p-base text-gray-700"
-			></div>
-
-			<div v-if="pg.traceback" class="relative mt-6">
-				<button
-					class="absolute right-2 top-2 rounded-sm border border-gray-200 bg-white p-1 text-xs text-gray-600"
-					variant="outline"
-					@click="copyTraceback"
-				>
-					{{ copied ? '已复制' : '复制' }}
-				</button>
-				<div
-					class="max-h-48 w-full overflow-scroll rounded-sm border border-gray-200 bg-gray-100 p-3 text-xs text-gray-600"
-				>
-					<pre>{{ pg.traceback }}</pre>
-				</div>
-			</div>
-
-			<ErrorMessage :message="error" class="mt-2"></ErrorMessage>
-		</template>
-
-		<!-- 帮助和完成 -->
-		<template v-slot:actions>
-			<div class="flex justify-end gap-5">
-				<Link v-if="pg.assistance_url" class="cursor-pointer" @click="help">
-					帮助
-				</Link>
-
-				<Button
-					v-if="!pg.is_addressed"
-					variant="solid"
-					class="w-40"
-					@click="done"
-				>
-					完成
-				</Button>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { Button, Dialog, FeatherIcon, ErrorMessage } from 'jingrow-ui';
-
-export default {
-	props: {
-		name: String
-	},
-	components: {
-		Dialog,
-		Button,
-		FeatherIcon
-	},
-	emits: ['done'],
-	data() {
-		return {
-			helpViewed: false,
-			show: true,
-			copied: false,
-			error: ''
-		};
-	},
-	resources: {
-		notification() {
-			return {
-				type: 'document',
-				pagetype: 'Jcloud Notification',
-				name: this.name,
-				whitelistedMethods: {
-					markAsAddressed: 'mark_as_addressed'
-				}
-			};
-		}
-	},
-	computed: {
-		pg() {
-			return this.$resources.notification.pg ?? null;
-		}
-	},
-	methods: {
-		async copyTraceback() {
-			await navigator.clipboard.writeText(this.pg.traceback);
-			this.copied = true;
-			setTimeout(() => (this.copied = false), 4000);
-		},
-		async done() {
-			if (this.pg.assistance_url && !this.helpViewed) {
-				this.error =
-					'请在点击完成之前按照<i>帮助</i>中的步骤操作';
-				return;
-			}
-
-			await this.$resources.notification.markAsAddressed.submit();
-			this.show = false;
-			this.$emit('done');
-		},
-		help() {
-			this.error = '';
-			this.helpViewed = true;
-			window.open(this.pg.assistance_url, '_blank');
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertAddPaymentMode.vue b/dashboard_backup/src2/components/AlertAddPaymentMode.vue
deleted file mode 100644
index e33e0a2..0000000
--- a/dashboard_backup/src2/components/AlertAddPaymentMode.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<AlertBanner
-		:title="
-			title ??
-			'添加支付方式以开始创建站点、工作台组等。'
-		"
-		:type="type ?? 'warning'"
-	>
-		<Button class="ml-auto" @click="addPaymentMode" variant="outline">
-			添加支付方式
-		</Button>
-	</AlertBanner>
-</template>
-<script>
-import AlertBanner from './AlertBanner.vue';
-
-export default {
-	name: 'AlertAddPaymentMode',
-	props: {
-		title: String,
-		type: String,
-	},
-	components: { AlertBanner },
-	methods: {
-		addPaymentMode() {
-			this.$team.reload();
-
-			this.$router.push({
-				name: 'Welcome',
-			});
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertAddressDetails.vue b/dashboard_backup/src2/components/AlertAddressDetails.vue
deleted file mode 100644
index ff039d9..0000000
--- a/dashboard_backup/src2/components/AlertAddressDetails.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<div>
-		<AlertBanner
-			title="请添加您的账单地址以完成您的 今果 Jingrow 个人资料。"
-			type="warning"
-		>
-			<Button
-				class="ml-auto"
-				@click="showBillingDetailsDialog = true"
-				variant="outline"
-			>
-				更新地址
-			</Button>
-		</AlertBanner>
-		<UpdateBillingDetails
-			v-model="showBillingDetailsDialog"
-			@updated="showBillingDetailsDialog = false"
-		/>
-	</div>
-</template>
-<script>
-import AlertBanner from './AlertBanner.vue';
-import UpdateBillingDetails from './UpdateBillingDetails.vue';
-
-export default {
-	name: 'AlertAddressDetails',
-	components: { AlertBanner, UpdateBillingDetails },
-	data() {
-		return {
-			showBillingDetailsDialog: false
-		};
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertAddressableError.vue b/dashboard_backup/src2/components/AlertAddressableError.vue
deleted file mode 100644
index 0090036..0000000
--- a/dashboard_backup/src2/components/AlertAddressableError.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<AlertBanner :title="title" type="error">
-		<Button class="ml-auto" variant="outline" @click="show"> 查看 </Button>
-	</AlertBanner>
-</template>
-<script>
-import AlertBanner from './AlertBanner.vue';
-import { addressableErrorDialog } from '../utils/components';
-
-export default {
-	name: 'AlertAddressableError',
-	components: { AlertBanner },
-	emits: ['done'],
-	props: {
-		name: String,
-		title: String
-	},
-	methods: {
-		show() {
-			addressableErrorDialog(this.name, () => this.$emit('done'));
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertBanner.vue b/dashboard_backup/src2/components/AlertBanner.vue
deleted file mode 100644
index 7db081c..0000000
--- a/dashboard_backup/src2/components/AlertBanner.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-	<div
-		:class="`flex items-center rounded-md border border-${color}-200 bg-${color}-100 px-3.5 py-2.5`"
-	>
-		<i-lucide-alert-triangle
-			v-if="showIcon"
-			:class="`h-4 w-8 text-${color}-600`"
-		/>
-		<div
-			:class="{ 'ml-3': showIcon }"
-			class="text-p-base font-medium text-gray-800"
-			v-html="title"
-		></div>
-
-		<!-- 按钮插槽 -->
-		<slot></slot>
-	</div>
-</template>
-<script>
-const colors = {
-	info: 'blue',
-	success: 'green',
-	error: 'red',
-	warning: 'amber'
-};
-
-export default {
-	name: 'AlertBanner',
-	props: {
-		title: String,
-		type: {
-			type: String,
-			default: 'info'
-		},
-		showIcon: {
-			type: Boolean,
-			default: true
-		}
-	},
-	computed: {
-		color() {
-			return colors[this.type] ?? 'gray';
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertCardExpired.vue b/dashboard_backup/src2/components/AlertCardExpired.vue
deleted file mode 100644
index e1b29bf..0000000
--- a/dashboard_backup/src2/components/AlertCardExpired.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-	<AlertBanner
-		title="您的卡片已过期。请更新您的支付信息。"
-		type="warning"
-	>
-		<Button class="ml-auto" route="/billing" variant="outline">
-			更新卡片
-		</Button>
-	</AlertBanner>
-</template>
-<script>
-import AlertBanner from './AlertBanner.vue';
-
-export default {
-	name: 'AlertCardExpired',
-	components: { AlertBanner }
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertMandateInfo.vue b/dashboard_backup/src2/components/AlertMandateInfo.vue
deleted file mode 100644
index 85bd0b4..0000000
--- a/dashboard_backup/src2/components/AlertMandateInfo.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<div>
-		<AlertBanner
-			title="根据印度储备银行的规定，我们需要生成授权以处理您的卡付款。"
-			type="warning"
-		>
-			<Button
-				class="ml-auto shrink-0"
-				@click="showAddCardDialog = true"
-				variant="outline"
-			>
-				更新卡片
-			</Button>
-		</AlertBanner>
-		<StripeCardDialog
-			v-model="showAddCardDialog"
-			message="根据印度储备银行的规定，我们需要从印度客户处生成授权/同意书以处理其卡片的自动扣款。请重新添加您的卡片详细信息。如需更多详情，请联系支持团队。"
-		/>
-	</div>
-</template>
-<script>
-import AlertBanner from './AlertBanner.vue';
-import StripeCardDialog from './StripeCardDialog.vue';
-
-export default {
-	name: 'AlertMandateInfo',
-	components: { AlertBanner, StripeCardDialog },
-	data() {
-		return {
-			showAddCardDialog: false
-		};
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AlertUnpaidInvoices.vue b/dashboard_backup/src2/components/AlertUnpaidInvoices.vue
deleted file mode 100644
index 3a4f883..0000000
--- a/dashboard_backup/src2/components/AlertUnpaidInvoices.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-	<AlertBanner :title="outstandingBalanceMessage" type="warning">
-		<Button class="ml-auto" route="/billing" variant="outline">
-			立即支付
-		</Button>
-	</AlertBanner>
-</template>
-<script>
-import AlertBanner from './AlertBanner.vue';
-
-export default {
-	name: 'AlertUnpaidInvoices',
-	components: { AlertBanner },
-	props: {
-		amount: {
-			type: Number,
-			required: true
-		},
-		currency: {
-			type: String
-		}
-	},
-	computed: {
-		outstandingBalanceMessage() {
-			return `您的账户当前有未结余额 ${this.$format.userCurrency(
-				this.amount
-			)}。请结清余额以避免网站被暂停。`;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AppSidebar.vue b/dashboard_backup/src2/components/AppSidebar.vue
deleted file mode 100644
index d0098d6..0000000
--- a/dashboard_backup/src2/components/AppSidebar.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-	<div
-		class="relative flex min-h-screen w-[220px] flex-col border-r bg-gray-50"
-	>
-		<div class="p-2">
-			<Dropdown
-				:options="[
-					{
-						label: '切换团队',
-						icon: 'command',
-						condition: () =>
-							$team?.pg?.valid_teams?.length > 1 || $team?.pg?.is_desk_user,
-						onClick: () => (showTeamSwitcher = true)
-					},
-					{
-						label: '退出登录',
-						icon: 'log-out',
-						onClick: $session.logout.submit
-					}
-				]"
-			>
-				<template v-slot="{ open }">
-					<button
-						class="flex w-[204px] items-center rounded-md px-2 py-2 text-left"
-						:class="open ? 'bg-white shadow-sm' : 'hover:bg-gray-200'"
-					>
-						<JLogo class="mb-1 h-8 w-8 shrink-0 rounded" />
-						<div class="ml-2 flex flex-1 flex-col overflow-hidden">
-							<div class="text-base font-medium leading-none text-gray-900">
-								今果 Jingrow
-							</div>
-							<Tooltip :text="$team?.pg?.user || null">
-								<div
-									class="mt-1 hidden overflow-hidden text-ellipsis whitespace-nowrap pb-1 text-sm leading-none text-gray-700 sm:inline"
-								>
-									{{ $team?.get.loading ? '加载中...' : $team?.pg?.user }}
-								</div>
-							</Tooltip>
-						</div>
-						<FeatherIcon
-							name="chevron-down"
-							class="ml-auto h-5 w-5 text-gray-700"
-						/>
-					</button>
-				</template>
-			</Dropdown>
-		</div>
-		<nav class="px-2">
-			<NavigationItems>
-				<template v-slot="{ navigation }">
-					<template v-for="(item, i) in navigation" :key="item.name">
-						<AppSidebarItemGroup v-if="item.children" :item="item" />
-						<AppSidebarItem class="mt-0.5" v-else :item="item" />
-					</template>
-				</template>
-			</NavigationItems>
-		</nav>
-		<!-- TODO: update component name after dashboard-beta merges -->
-		<SwitchTeamDialog2 v-model="showTeamSwitcher" />
-	</div>
-</template>
-
-<script>
-import { defineAsyncComponent } from 'vue';
-import AppSidebarItem from './AppSidebarItem.vue';
-import { Tooltip } from 'jingrow-ui';
-import NavigationItems from './NavigationItems.vue';
-import AppSidebarItemGroup from './AppSidebarItemGroup.vue';
-
-export default {
-	name: 'AppSidebar',
-	components: {
-		AppSidebarItem,
-		AppSidebarItemGroup,
-		SwitchTeamDialog2: defineAsyncComponent(() =>
-			import('./SwitchTeamDialog.vue')
-		),
-		Tooltip,
-		NavigationItems
-	},
-	data() {
-		return {
-			showTeamSwitcher: false
-		};
-	},
-	methods: {
-		support() {
-			window.open('https://jingrow.com/support', '_blank');
-		},
-		feedback() {
-			window.open(
-				'https://jingrow.com/feedback/new',
-				'_blank'
-			);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AppSidebarItem.vue b/dashboard_backup/src2/components/AppSidebarItem.vue
deleted file mode 100644
index 7a76e54..0000000
--- a/dashboard_backup/src2/components/AppSidebarItem.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-	<router-link custom v-slot="{ href, navigate }" :to="item.route">
-		<a
-			:href="href"
-			@click="navigate"
-			class="flex items-center rounded px-2 py-1 text-gray-800 transition"
-			:class="[
-				item.isActive ? 'bg-white shadow-sm' : 'hover:bg-gray-100',
-				item.disabled ? 'pointer-events-none opacity-50' : '',
-				$attrs.class
-			]"
-		>
-			<div class="flex w-full items-center space-x-2">
-				<span class="grid h-5 w-6 place-items-center">
-					<component :is="item.icon" class="h-4 w-4 text-gray-500" />
-				</span>
-				<span class="text-sm">{{ item.name }}</span>
-				<component :is="item.badge" />
-			</div>
-		</a>
-	</router-link>
-</template>
-
-<script setup>
-let props = defineProps({
-	item: {
-		type: Object,
-		required: true
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AppSidebarItemGroup.vue b/dashboard_backup/src2/components/AppSidebarItemGroup.vue
deleted file mode 100644
index bcb5357..0000000
--- a/dashboard_backup/src2/components/AppSidebarItemGroup.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<div
-		@click="toggle"
-		class="mt-0.5 flex cursor-pointer select-none items-center rounded px-2 py-1 text-gray-800 transition hover:bg-gray-100"
-		:class="[
-			item.disabled ? 'pointer-events-none opacity-50' : '',
-			$attrs.class
-		]"
-	>
-		<div class="flex w-full items-center space-x-2">
-			<span class="grid h-5 w-6 place-items-center">
-				<component :is="item.icon" class="h-4 w-4 text-gray-500" />
-			</span>
-			<span class="text-sm">{{ item.name }}</span>
-			<component :is="item.badge" />
-			<span class="!ml-auto">
-				<i-lucide-chevron-down v-if="isOpened" class="h-4 w-4 text-gray-500" />
-				<i-lucide-chevron-right v-else class="h-4 w-4 text-gray-500" />
-			</span>
-		</div>
-	</div>
-	<div class="ml-5 py-1" v-if="isOpened">
-		<AppSidebarItem
-			v-for="(subItem, i) in item.children"
-			:class="{ 'mt-0.5': i !== 0 }"
-			:key="subItem.name"
-			:item="subItem"
-		/>
-	</div>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue';
-import AppSidebarItem from './AppSidebarItem.vue';
-
-let props = defineProps({
-	item: {
-		type: Object,
-		required: true
-	}
-});
-
-const isOpened = ref(false);
-
-const toggle = () => {
-	isOpened.value = !isOpened.value;
-};
-
-watch(
-	() => props.item.isActive,
-	() => {
-		isOpened.value = props.item.isActive;
-	}
-);
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AppTrialSubscriptionDialog.vue b/dashboard_backup/src2/components/AppTrialSubscriptionDialog.vue
deleted file mode 100644
index 3d8cbe9..0000000
--- a/dashboard_backup/src2/components/AppTrialSubscriptionDialog.vue
+++ /dev/null
@@ -1,365 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '立即订阅',
-			size: '2xl'
-		}"
-		v-model="showDialog"
-	>
-		<template v-slot:body-content>
-			<div class="border-0">
-				<p class="text-base text-gray-800">
-					您距离创建第一个网站仅几步之遥。
-				</p>
-				<div class="mt-6 space-y-6">
-					<!-- 第一步：选择计划 -->
-					<div>
-						<div v-if="step == 1">
-							<div class="flex items-center space-x-2">
-								<TextInsideCircle>1</TextInsideCircle>
-								<span class="text-base font-medium"> 选择网站计划 </span>
-							</div>
-							<div class="pl-7">
-								<SitePlansCards
-									:hideRestrictedPlans="true"
-									v-model="selectedPlan"
-									class="mt-4"
-								/>
-								<p></p>
-								<div class="flex w-full justify-end">
-									<Button
-										class="mt-2 w-full sm:w-fit"
-										variant="solid"
-										@click="confirmPlan"
-									>
-										确认计划
-									</Button>
-								</div>
-							</div>
-						</div>
-						<div v-else>
-							<div class="flex items-center justify-between space-x-2">
-								<div class="flex items-center space-x-2">
-									<TextInsideCircle>1</TextInsideCircle>
-									<span class="text-base font-medium">
-										已选择网站计划 ({{ selectedPlan.name }})
-									</span>
-								</div>
-								<div
-									class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-								>
-									<i-lucide-check class="h-3 w-3 text-white" />
-								</div>
-							</div>
-						</div>
-					</div>
-					<!-- 第二步：更新账单信息 -->
-					<div
-						class="rounded-md"
-						:class="{ 'pointer-events-none opacity-50': step < 2 }"
-					>
-						<div v-if="step <= 2">
-							<div class="flex items-center space-x-2">
-								<TextInsideCircle>2</TextInsideCircle>
-								<span class="text-base font-medium">
-									更新账单信息
-								</span>
-							</div>
-							<div class="pl-7" v-if="step == 2">
-								<UpdateBillingDetailsForm
-									@updated="onBillingAddresUpdateSuccess"
-								/>
-							</div>
-						</div>
-						<div v-else>
-							<div class="flex items-center justify-between space-x-2">
-								<div class="flex items-center space-x-2">
-									<TextInsideCircle>2</TextInsideCircle>
-									<span class="text-base font-medium">
-										账单信息已更新
-									</span>
-								</div>
-								<div
-									class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-								>
-									<i-lucide-check class="h-3 w-3 text-white" />
-								</div>
-							</div>
-						</div>
-					</div>
-					<!-- 第三步：添加支付方式 -->
-					<div
-						class="rounded-md"
-						:class="{ 'pointer-events-none opacity-50': step < 3 }"
-					>
-						<div v-if="step <= 3">
-							<div class="flex items-center space-x-2">
-								<TextInsideCircle>3</TextInsideCircle>
-								<span class="text-base font-medium"> 添加支付方式 </span>
-							</div>
-
-							<div class="mt-4 pl-7" v-if="step == 3">
-								<!-- 支付方式选择器 -->
-								<div
-									class="flex w-full flex-row gap-2 rounded-md border p-1 text-p-base text-gray-800"
-								>
-									<div
-										class="w-1/2 cursor-pointer rounded-sm py-1.5 text-center transition-all"
-										:class="{
-											'bg-gray-100': isAutomatedBilling
-										}"
-										@click="isAutomatedBilling = true"
-									>
-										自动扣款
-									</div>
-									<div
-										class="w-1/2 cursor-pointer rounded-sm py-1.5 text-center transition-all"
-										:class="{
-											'bg-gray-100': !isAutomatedBilling
-										}"
-										@click="isAutomatedBilling = false"
-									>
-										充值
-									</div>
-								</div>
-<div class="mt-2 w-full">
-									<!-- 自动计费部分 -->
-									<div v-if="isAutomatedBilling">
-										<!-- Stripe 卡 -->
-										<StripeCard2
-											@complete="onAddCardSuccess"
-											:withoutAddress="true"
-										/>
-									</div>
-									<!-- 购买预付费信用 -->
-									<div v-else class="mt-3">
-										<BuyPrepaidCreditsForm
-											:isOnboarding="true"
-											:minimumAmount="minimumAmount"
-											@success="onBuyCreditsSuccess"
-										/>
-									</div>
-								</div>
-							</div>
-						</div>
-						<!-- 支付方式已添加 -->
-						<div v-else>
-							<div class="flex items-center justify-between space-x-2">
-								<div class="flex items-center space-x-2">
-									<TextInsideCircle>3</TextInsideCircle>
-									<span
-										class="text-base font-medium"
-										v-if="$team.pg.payment_mode === 'Card'"
-									>
-										自动计费设置已完成
-									</span>
-									<span
-										class="text-base font-medium"
-										v-if="$team.pg.payment_mode === 'Prepaid Credits'"
-									>
-										余额支付已开通
-									</span>
-								</div>
-								<div
-									class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-								>
-									<i-lucide-check class="h-3 w-3 text-white" />
-								</div>
-							</div>
-							<div
-								class="mt-1.5 pl-7 text-p-base text-gray-800"
-								v-if="$team.pg.payment_mode === 'Prepaid Credits'"
-							>
-								账户余额: {{ $format.userCurrency($team.pg.balance) }}
-							</div>
-						</div>
-					</div>
-					<!-- 第4步：确认 -->
-					<div>
-						<div
-							v-if="step < 4"
-							class="pointer-events-none rounded-md opacity-50"
-						>
-							<div class="flex items-center justify-between space-x-2">
-								<div class="flex items-center space-x-2">
-									<TextInsideCircle>4</TextInsideCircle>
-									<div class="text-base font-medium">
-										订阅确认
-									</div>
-								</div>
-							</div>
-						</div>
-						<div v-else-if="isChangingPlan">
-							<div class="flex items-center justify-between space-x-2">
-								<div class="flex items-center space-x-2">
-									<TextInsideCircle>4</TextInsideCircle>
-									<div class="text-base font-medium">正在更新站点计划</div>
-								</div>
-							</div>
-							<div class="mt-3 pl-7">
-								<Button :loading="true" loadingText="正在更新站点计划...">
-									站点计划已更新
-								</Button>
-							</div>
-						</div>
-						<div v-else>
-							<div class="flex items-center justify-between space-x-2">
-								<div class="flex items-center space-x-2">
-									<TextInsideCircle>4</TextInsideCircle>
-									<span class="text-base font-medium">
-										🎉 订阅已确认
-									</span>
-								</div>
-								<div
-									class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-								>
-									<i-lucide-check class="h-3 w-3 text-white" />
-								</div>
-							</div>
-							<div class="mt-1.5 pl-7">
-								<div class="flex items-center space-x-2">
-									<span class="text-p-base text-gray-800">
-										您的订阅已确认。<br />
-										如果您的任何站点已被禁用，它很快就会重新启用。
-									</span>
-								</div>
-								<div class="flex w-full justify-end">
-									<Button
-										class="mt-2 w-full sm:w-fit"
-										variant="solid"
-										iconRight="arrow-right"
-										@click="showDialog = false"
-									>
-										返回仪表板
-									</Button>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { createResource } from 'jingrow-ui';
-import { defineAsyncComponent } from 'vue';
-import TextInsideCircle from './TextInsideCircle.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'AppTrialSubscriptionDialog',
-	components: {
-SitePlansCards: defineAsyncComponent(() => import('./SitePlansCards.vue')),
-		StripeCard2: defineAsyncComponent(() =>
-			import('../components/StripeCard.vue')
-		),
-		UpdateBillingDetailsForm: defineAsyncComponent(() =>
-			import('./UpdateBillingDetailsForm.vue')
-		),
-		CardWithDetails: defineAsyncComponent(() =>
-			import('../../src/components/CardWithDetails.vue')
-		),
-		BuyPrepaidCreditsForm: defineAsyncComponent(() =>
-			import('./BuyPrepaidCreditsForm.vue')
-		),
-		AlertBanner: defineAsyncComponent(() => import('./AlertBanner.vue')),
-		TextInsideCircle
-	},
-	props: ['site', 'currentPlan', 'trialPlan'],
-	data() {
-		return {
-			step: 1,
-			selectedPlan: null,
-			billingInformation: {
-				cardHolderName: '',
-				country: '',
-				gstin: ''
-			},
-			isAutomatedBilling: true,
-			isChangingPlan: false
-		};
-	},
-	emits: ['update:modelValue', 'success'],
-	mounted() {
-		if (this.trialPlan && this.currentPlan !== this.trialPlan) {
-			this.selectedPlan = {
-				name: this.trialPlan
-			};
-		} else {
-			this.selectedPlan = null;
-		}
-	},
-	methods: {
-		confirmPlan() {
-			if (!this.selectedPlan) {
-				toast.error('请选择一个计划');
-				return;
-			}
-			this.step = 2;
-		},
-		onBillingAddresUpdateSuccess() {
-			this.$team.reload();
-			if (this.$team.pg.payment_mode) {
-				this.step = 4;
-				this.changePlan();
-			} else {
-				this.step = 3;
-			}
-		},
-		onBuyCreditsSuccess() {
-			this.$team.reload();
-			this.step = 4;
-			this.changePlan();
-		},
-		onAddCardSuccess() {
-			this.$team.reload();
-			this.step = 4;
-			this.changePlan();
-		},
-		changePlan() {
-			if (this.isChangingPlan) return;
-			this.isChangingPlan = true;
-			const plan_name = this.selectedPlan?.name;
-			let request = createResource({
-				url: '/api/action/jcloud.api.client.run_pg_method',
-				params: {
-					dt: 'Site',
-					dn: this.site,
-					method: 'set_plan',
-					args: {
-						plan: plan_name
-					}
-				},
-				onSuccess: res => {
-					this.isChangingPlan = false;
-					this.$team.reload();
-					this.$emit('success');
-				},
-				onError: () => {
-					this.isChangingPlan = false;
-					toast.error('更改计划失败，请稍后重试。');
-					this.showDialog = false;
-				}
-			});
-			request.submit();
-		}
-	},
-	computed: {
-		isBillingDetailsSet() {
-			return Boolean(this.$team.pg.billing_details?.name);
-		},
-		minimumAmount() {
-			return this.$team.pg.currency == 'CNY' ? 0.01 : 0.01;
-		},
-		showDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/Autocomplete.vue b/dashboard_backup/src2/components/Autocomplete.vue
deleted file mode 100644
index 93121a1..0000000
--- a/dashboard_backup/src2/components/Autocomplete.vue
+++ /dev/null
@@ -1,214 +0,0 @@
-<template>
-	<div class="relative space-y-1.5">
-		<label class="block text-xs text-gray-600" v-if="label">
-			{{ label }}
-		</label>
-		<Combobox
-			:modelValue="value"
-			@update:modelValue="
-				val => {
-					emit('update:modelValue', val?.value);
-				}
-			"
-			v-slot="{ open }"
-			:nullable="nullable"
-			:multiple="multiple"
-		>
-			<Popover class="w-full" ref="rootRef">
-				<template #target="{ togglePopover }">
-					<ComboboxButton v-show="false" ref="comboboxButton"></ComboboxButton>
-					<div
-						class="border-outline-gray-1 bg-surface-gray-1 text-text-icons-gray-8 hover:border-outline-gray-2 hover:bg-surface-gray-1 form-input flex h-7 w-full items-center justify-between gap-2 rounded p-0 text-sm transition-colors"
-					>
-						<ComboboxInput
-							autocomplete="off"
-							@focus="
-								() => {
-									togglePopover();
-									if (!open.value) {
-										$refs.comboboxButton?.$el.click();
-									}
-								}
-							"
-							@change="handleQueryChange"
-							:displayValue="getDisplayValue"
-							:placeholder="!modelValue ? placeholder : null"
-							class="focus:ring-outline-gray-3 h-full w-full rounded border border-gray-100 bg-gray-100 bg-transparent pl-2 pr-5 text-base text-gray-800 placeholder-gray-500 transition-colors focus:border-gray-500 focus:bg-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-gray-400"
-						/>
-					</div>
-				</template>
-				<template #body="{ isOpen, togglePopover }">
-					<div v-show="isOpen">
-						<ComboboxOptions
-							class="bg-surface-white absolute right-0 z-[999] max-h-[15rem] w-full overflow-y-auto rounded-lg p-0 shadow-2xl"
-							v-show="filteredOptions.length"
-						>
-							<div class="w-full list-none bg-white px-1.5 py-1.5">
-								<ComboboxOption
-									v-for="option in filteredOptions"
-									v-slot="{ active, selected }"
-									:key="option.value"
-									:value="option"
-									:disabled="String(option.value).startsWith('_separator')"
-									:title="option.label"
-									class="flex items-center"
-									@click="
-										() => {
-											if (!open.value) {
-												$refs.comboboxButton?.$el.click();
-											}
-										}
-									"
-								>
-									<span
-										v-if="String(option.value).startsWith('_separator')"
-										class="!text-text-icons-gray-5 flex w-full items-center gap-2 px-2.5 pb-2 pt-3 text-xs font-medium"
-									>
-										{{ option.label }}
-									</span>
-									<li
-										v-else
-										class="flex w-full cursor-pointer select-none items-center justify-between truncate rounded px-2.5 py-1.5 text-base"
-										:class="{
-											'bg-gray-100': active,
-											'bg-gray-300': selected
-										}"
-									>
-										{{ option.label }}
-									</li>
-								</ComboboxOption>
-							</div>
-							<div
-								class="border-outline-gray-2 bg-surface-gray-1 sticky bottom-0 rounded-b-sm border-t"
-								v-if="actionButton"
-							>
-								<component
-									:is="actionButton.component"
-									v-if="actionButton?.component"
-									@change="updateOptions"
-								></component>
-								<Button
-									v-else
-									:iconLeft="actionButton.icon"
-									class="text-text-icons-gray-8 w-full rounded-none text-xs"
-									@click="actionButton.handler"
-								>
-									{{ actionButton.label }}
-								</Button>
-							</div>
-						</ComboboxOptions>
-					</div>
-				</template>
-			</Popover>
-		</Combobox>
-		<div
-			class="text-text-icons-gray-4 hover:text-text-icons-gray-5 absolute right-[1px] top-[3px] cursor-pointer p-1"
-			@click="clearValue"
-			v-show="modelValue"
-		>
-			<FeatherIcon name="x" class="mt-3.5 h-4 w-4 stroke-gray-700" />
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import {
-	Combobox,
-	ComboboxButton,
-	ComboboxInput,
-ComboboxOption,
-	ComboboxOptions
-} from '@headlessui/vue';
-import { ComputedRef, PropType, computed, ref, watch } from 'vue';
-import { Popover } from 'jingrow-ui';
-
-type Option = {
-	label: string;
-	value: string;
-};
-
-const emit = defineEmits(['update:modelValue']);
-
-type Action = {
-	label: String;
-	handler: () => void;
-	icon: string;
-	component?: any;
-};
-
-const props = defineProps({
-	options: {
-		type: Array as PropType<Option[]>,
-		default: () => []
-	},
-	modelValue: {},
-	placeholder: {
-		type: String,
-		default: ''
-	},
-	label: {
-		type: String,
-		default: ''
-	},
-	// 允许用户输入不在选项中的值
-	allowInputAsOption: {
-		type: Boolean,
-		default: false
-	},
-	actionButton: {
-		type: Object as PropType<Action>,
-		default: null
-	}
-});
-
-const query = ref('');
-const multiple = computed(() => Array.isArray(props.modelValue));
-const nullable = computed(() => !multiple.value);
-const filteredOptions = ref(props.options);
-
-const getDisplayValue = (option: Option | Option[]) => {
-	if (Array.isArray(option)) {
-		return option.map(o => o.label).join(', ');
-	} else if (option) {
-		return option.label || option.value || '';
-	} else {
-		return '';
-	}
-};
-
-const value = computed(() => {
-	if (!props.modelValue) {
-		return null;
-	}
-	return (
-		filteredOptions.value.find(option => option.value === props.modelValue) || {
-			label: props.modelValue,
-			value: props.modelValue
-		}
-	);
-}) as ComputedRef<Option>;
-
-watch(() => query.value || props.options, updateOptions, { immediate: true });
-
-async function updateOptions() {
-	if (!query.value) {
-		filteredOptions.value = props.options;
-	} else {
-		filteredOptions.value = props.options.filter(option => {
-			const label = option.label.toLowerCase();
-			const value = option.label.toLowerCase();
-			const queryLower = query.value.toLowerCase();
-			return label.includes(queryLower) || value.includes(query.value);
-		});
-	}
-}
-
-function handleQueryChange(event: Event) {
-	query.value = (event.target as HTMLInputElement).value;
-	if (props.allowInputAsOption && !filteredOptions.value.length) {
-		emit('update:modelValue', query.value);
-	}
-}
-
-const clearValue = () => emit('update:modelValue', null);
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/AvatarGroup.vue b/dashboard_backup/src2/components/AvatarGroup.vue
deleted file mode 100644
index b7a48aa..0000000
--- a/dashboard_backup/src2/components/AvatarGroup.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-	<div class="flex" v-if="users?.length">
-		<Avatar
-			v-for="user in users"
-			:image="user.user_image"
-			:label="user.full_name"
-			class="-ml-1 ring-2 ring-white first:ml-0"
-			size="lg"
-		/>
-	</div>
-</template>
-
-<script setup>
-import { Avatar } from 'jingrow-ui';
-const props = defineProps({
-	users: { type: Array, required: true }
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/BuyPrepaidCreditsAlipay.vue b/dashboard_backup/src2/components/BuyPrepaidCreditsAlipay.vue
deleted file mode 100644
index 37ea8e0..0000000
--- a/dashboard_backup/src2/components/BuyPrepaidCreditsAlipay.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-	<div>
-		<ErrorMessage
-			class="mt-3"
-			:message="$resources.createAlipayOrder.error || error"
-		/>
-		<div class="mt-4 flex w-full justify-end">
-			<Button
-				variant="solid"
-				class="alipay-btn"
-				:loading="$resources.createAlipayOrder.loading || loading"
-				@click="processAlipayPayment"
-			>
-				使用支付宝支付
-			</Button>
-		</div>
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'BuyPrepaidCreditsAlipay',
-	props: {
-		amount: {
-			default: 0
-		},
-		minimumAmount: {
-			default: 0
-		},
-		isOnboarding: {
-			default: false
-		}
-	},
-	data() {
-		return {
-			loading: false,
-			error: null
-		};
-	},
-	resources: {
-		createAlipayOrder() {
-			return {
-				url: 'jcloud.api.billing.create_alipay_order_for_recharge',
-				params: {
-					amount: this.amount
-				},
-				validate() {
-					if (this.amount <= 0) {
-						throw new DashboardError('支付金额必须大于0');
-					}
-					if (this.amount < this.minimumAmount) {
-						throw new DashboardError('金额低于最低要求金额');
-					}
-				},
-				onSuccess(response) {
-					window.open(response.payment_url, '_blank');
-					
-					toast.success('支付页面已在新窗口打开');
-					
-					// 如果需要检查支付状态
-					// this.checkPaymentStatus(response.order_id);
-				}
-			};
-		}
-	},
-	methods: {
-		processAlipayPayment() {
-			this.$resources.createAlipayOrder.submit();
-		},
-		
-		// 可选：检查支付状态的方法
-		checkPaymentStatus(orderId) {
-			const checkInterval = setInterval(() => {
-				this.$call('jcloud.api.billing.check_payment_status', {
-					order_id: orderId,
-					payment_type: 'alipay'
-				}).then(result => {
-					if (result && result.status === 'Success') {
-						clearInterval(checkInterval);
-						toast.success('支付成功！账户已充值');
-						this.$emit('payment-success');
-					}
-				}).catch(err => {
-					console.error('检查支付状态出错:', err);
-				});
-			}, 3000);
-			
-			// 5分钟后停止检查
-			setTimeout(() => {
-				clearInterval(checkInterval);
-			}, 300000);
-		}
-	}
-};
-</script>
-
-<style scoped>
-.alipay-btn {
-	background-color: #1677FF !important;
-	border: none;
-	color: white;
-	border-radius: 4px;
-	font-size: 1rem;
-	padding: 0.625rem 1.25rem;
-	transition: all 0.2s ease;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.alipay-btn:hover {
-	background-color: #0e66e7 !important;
-	transform: translateY(-1px);
-	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/BuyPrepaidCreditsForm.vue b/dashboard_backup/src2/components/BuyPrepaidCreditsForm.vue
deleted file mode 100644
index 503aec6..0000000
--- a/dashboard_backup/src2/components/BuyPrepaidCreditsForm.vue
+++ /dev/null
@@ -1,243 +0,0 @@
-<template>
-	<div>
-		<FormControl
-			:label="`支付金额`"
-			class="mb-3"
-			v-model.number="creditsToBuy"
-			name="amount"
-			autocomplete="off"
-			type="number"
-			:min="minimumAmount"
-			:error="amountError"
-		>
-			<template #prefix>
-				<div class="grid w-4 place-items-center text-sm text-gray-700">
-					{{ $team.pg.currency === 'CNY' ? '¥' : '$' }}
-				</div>
-			</template>
-		</FormControl>
-	</div>
-
-	<div class="mt-4">
-		<div class="text-xs text-gray-600">支付方式</div>
-		<div class="mt-1.5 grid grid-cols-1 gap-2 sm:grid-cols-2">
-			<label
-				class="payment-option"
-				:class="{'payment-option-active': paymentGateway === 'Alipay'}"
-			>
-				<div class="payment-icon">
-					<AlipayLogo />
-				</div>
-				<input type="radio" v-model="paymentGateway" value="Alipay" class="hidden-radio">
-				<span class="checkmark-circle" v-if="paymentGateway === 'Alipay'">
-					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="checkmark-icon">
-						<path fill="currentColor" d="M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"/>
-					</svg>
-				</span>
-			</label>
-			
-			<label
-				class="payment-option"
-				:class="{'payment-option-active': paymentGateway === 'WeChatPay'}"
-			>
-				<div class="payment-icon">
-					<WeChatPayLogo />
-				</div>
-				<input type="radio" v-model="paymentGateway" value="WeChatPay" class="hidden-radio">
-				<span class="checkmark-circle" v-if="paymentGateway === 'WeChatPay'">
-					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="checkmark-icon">
-						<path fill="currentColor" d="M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"/>
-					</svg>
-				</span>
-			</label>
-		</div>
-	</div>
-
-	<div class="text-xs text-gray-500 mt-2 mb-4" v-if="$team.pg.currency === 'CNY'">
-		使用{{ paymentGateway === 'Alipay' ? '支付宝' : '微信' }}支付，快速便捷，余额将在支付成功后立即到账。
-	</div>
-
-	<BuyPrepaidCreditsAlipay
-		v-if="paymentGateway === 'Alipay'"
-		:amount="creditsToBuy"
-		:minimumAmount="minimumAmount"
-		:isOnboarding="isOnboarding"
-		@success="onSuccess"
-		@cancel="onCancel"
-	/>
-
-	<BuyPrepaidCreditsWeChatPay
-		v-if="paymentGateway === 'WeChatPay'"
-		:amount="creditsToBuy"
-		:minimumAmount="minimumAmount"
-		:isOnboarding="isOnboarding"
-		@success="onSuccess"
-		@cancel="onCancel"
-	/>
-</template>
-<script>
-import BuyPrepaidCreditsAlipay from './BuyPrepaidCreditsAlipay.vue';
-import BuyPrepaidCreditsWeChatPay from './BuyPrepaidCreditsWeChatPay.vue';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-	name: 'BuyPrepaidCreditsForm',
-	components: {
-		BuyPrepaidCreditsAlipay,
-		BuyPrepaidCreditsWeChatPay,
-		AlipayLogo,
-		WeChatPayLogo
-	},
-	data() {
-		return {
-			paymentGateway: 'Alipay', // 默认使用支付宝
-			creditsToBuy: this.minimumAmount || 0,
-			amountError: ''
-		};
-	},
-	props: {
-		modelValue: {
-			default: false
-		},
-		minimumAmount: {
-			type: Number,
-			default: 0
-		},
-		isOnboarding: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ['success', 'cancel'],
-	methods: {
-		onSuccess() {
-			this.$emit('success');
-		},
-		onCancel() {
-			this.$emit('cancel');
-		}
-	}
-};
-</script>
-<style scoped>
-.payment-option {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    flex: 1;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    padding: 12px;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.payment-option:hover {
-    border-color: #ccc;
-    background-color: #f9fafb;
-}
-
-.payment-option-active, 
-.payment-option-active:has(input[value="Alipay"]:checked) {
-    border-color: #1677ff;
-    border-width: 2px;
-    box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.1);
-}
-
-.payment-option-active:has(input[value="WeChatPay"]:checked) {
-    border-color: #22AC38;
-    box-shadow: 0 0 0 1px rgba(34, 172, 56, 0.1);
-}
-
-.payment-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: auto;
-    width: 90px;
-    max-width: 90px;
-    min-width: 60px;
-    flex-shrink: 0;
-}
-
-.alipay-svg, .wechat-svg {
-    width: 100%;
-    height: auto;
-    max-height: 30px;
-}
-
-.payment-label {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.ml-2 {
-    margin-left: 8px;
-}
-
-.hidden-radio {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.checkmark-circle {
-    position: absolute;
-    top: 12px;
-    right: 12px;
-    width: 18px;
-    height: 18px;
-    border-radius: 50%;
-    background-color: #1677ff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: white;
-}
-
-.checkmark-icon {
-    width: 14px;
-    height: 14px;
-}
-
-.payment-option-active:has(input[value="WeChatPay"]:checked) .checkmark-circle {
-    background-color: #22AC38;
-}
-
-/* 响应式设计 */
-@media (max-width: 640px) {
-    .payment-options {
-        flex-direction: column;
-    }
-    
-    .payment-option {
-        padding: 10px;
-    }
-    
-    .payment-icon {
-        width: 70px;
-        min-width: 50px;
-    }
-    
-    .alipay-svg, .wechat-svg {
-        max-height: 24px;
-    }
-    
-    .checkmark-circle {
-        top: 50%;
-        transform: translateY(-50%);
-        right: 10px;
-        width: 16px;
-        height: 16px;
-    }
-    
-    .checkmark-icon {
-        width: 12px;
-        height: 12px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/BuyPrepaidCreditsRazorpay.vue b/dashboard_backup/src2/components/BuyPrepaidCreditsRazorpay.vue
deleted file mode 100644
index b1b3f10..0000000
--- a/dashboard_backup/src2/components/BuyPrepaidCreditsRazorpay.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-	<div>
-		<p v-if="$team.pg.currency === 'CNY'" class="mt-3 text-p-sm">
-			如果您选择 Razorpay，您可以使用信用卡、借记卡、网上银行、UPI、钱包等方式支付。如果您使用网上银行，余额可能需要最多 5 天才能到账。
-		</p>
-		<ErrorMessage
-			class="mt-3"
-			:message="$resources.createRazorpayOrder.error"
-		/>
-		<div class="mt-4 flex w-full justify-between">
-			<div></div>
-			<Button
-				variant="solid"
-				:loading="$resources.createRazorpayOrder.loading"
-				v-if="!isPaymentComplete"
-				@click="buyCreditsWithRazorpay"
-			>
-				使用 Razorpay 继续支付
-			</Button>
-			<Button v-else variant="solid" :loading="isVerifyingPayment"
-				>正在确认支付</Button
-			>
-		</div>
-	</div>
-</template>
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'BuyPrepaidCreditsRazorpay',
-	props: {
-		amount: {
-			default: 0
-		},
-		minimumAmount: {
-			default: 0
-		},
-		isOnboarding: {
-			default: false
-		}
-	},
-	data() {
-		return {
-			isPaymentComplete: false,
-			isVerifyingPayment: false
-		};
-	},
-	mounted() {
-		this.razorpayCheckoutJS = document.createElement('script');
-		this.razorpayCheckoutJS.setAttribute(
-			'src',
-			'https://checkout.razorpay.com/v1/checkout.js'
-		);
-		this.razorpayCheckoutJS.async = true;
-		document.head.appendChild(this.razorpayCheckoutJS);
-	},
-	resources: {
-		createRazorpayOrder() {
-			return {
-				url: 'jcloud.api.billing.create_razorpay_order',
-				params: {
-					amount: this.amount
-				},
-				onSuccess(data) {
-					this.processOrder(data);
-				},
-				validate() {
-					if (this.amount < this.minimumAmount) {
-						throw new DashboardError(
-							'金额低于最低要求金额'
-						);
-					}
-				}
-			};
-		},
-		handlePaymentFailed() {
-			return {
-				url: 'jcloud.api.billing.handle_razorpay_payment_failed',
-				onSuccess() {
-					console.log('支付失败。');
-				}
-			};
-		}
-	},
-	methods: {
-		buyCreditsWithRazorpay() {
-			this.$resources.createRazorpayOrder.submit();
-		},
-		processOrder(data) {
-			const options = {
-				key: data.key_id,
-				order_id: data.order_id,
-				name: '今果 Jingrow',
-				image: '/assets/jcloud/images/jingrow-cloud-logo.png',
-				prefill: {
-					email: this.$team.pg.user
-				},
-				handler: this.handlePaymentSuccess,
-				theme: { color: '#171717' }
-			};
-
-			const rzp = new Razorpay(options);
-
-			// 打开支付结账窗口
-			rzp.open();
-
-			// 附加失败处理程序
-			rzp.on('payment.failed', this.handlePaymentFailed);
-			// rzp.on('payment.success', this.handlePaymentSuccess);
-		},
-		handlePaymentFailed(response) {
-			this.$resources.handlePaymentFailed.submit({ response });
-			toast.error('支付失败');
-		},
-		handlePaymentSuccess() {
-			this.isPaymentComplete = true;
-			if (this.isOnboarding) {
-				this.checkForOnboardingPaymentCompletion();
-			} else {
-				this.$emit('success');
-				toast.success('支付成功');
-			}
-		},
-		async checkForOnboardingPaymentCompletion() {
-			this.isVerifyingPayment = true;
-			await this.$team.reload();
-			if (!this.$team.pg.payment_mode) {
-				setTimeout(this.checkForOnboardingPaymentCompletion, 2000);
-			} else {
-				this.isVerifyingPayment = false;
-				this.$emit('success');
-			}
-		}
-	},
-	beforeUnmount() {
-		this.razorpayCheckoutJS?.remove();
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/BuyPrepaidCreditsStripe.vue b/dashboard_backup/src2/components/BuyPrepaidCreditsStripe.vue
deleted file mode 100644
index 5cdaaba..0000000
--- a/dashboard_backup/src2/components/BuyPrepaidCreditsStripe.vue
+++ /dev/null
@@ -1,182 +0,0 @@
-<template>
-	<div>
-		<label
-			class="block"
-			:class="{
-				'pointer-events-none h-0.5 opacity-0': step != 'Add Card Details',
-				'mt-4': step == 'Add Card Details'
-			}"
-		>
-			<span class="text-sm leading-4 text-gray-700">
-				信用卡或借记卡
-			</span>
-			<div class="form-input mt-2 block w-full pl-3" ref="card-element"></div>
-			<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-		</label>
-
-		<div v-if="step == 'Setting up Stripe'" class="mt-8 flex justify-center">
-			<Spinner class="h-4 w-4 text-gray-600" />
-		</div>
-		<ErrorMessage
-			class="mt-2"
-			:message="$resources.createPaymentIntent.error || errorMessage"
-		/>
-		<div class="mt-4 flex w-full justify-between">
-			<div></div>
-			<div v-if="step == 'Get Amount'">
-				<Button
-					variant="solid"
-					@click="$resources.createPaymentIntent.submit()"
-					:loading="$resources.createPaymentIntent.loading"
-				>
-					使用 Stripe 进行支付
-				</Button>
-			</div>
-			<div v-if="step == 'Add Card Details'">
-				<Button
-					class="ml-2"
-					variant="solid"
-					@click="onBuyClick"
-					:loading="paymentInProgress"
-				>
-					通过 Stripe 支付
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import StripeLogo from '@/components/StripeLogo.vue';
-import { loadStripe } from '@stripe/stripe-js';
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'BuyPrepaidCreditsStripe',
-	components: {
-		StripeLogo
-	},
-	props: {
-		amount: {
-			default: 0
-		},
-		minimumAmount: {
-			default: 0
-		}
-	},
-	data() {
-		return {
-			step: 'Get Amount', // Get Amount / Add Card Details
-			clientSecret: null,
-			cardErrorMessage: null,
-			errorMessage: null,
-			paymentInProgress: false
-		};
-	},
-	resources: {
-		createPaymentIntent() {
-			return {
-				url: 'jcloud.api.billing.create_payment_intent_for_buying_credits',
-				params: {
-					amount: this.amount
-				},
-				validate() {
-					if (
-						this.amount < this.minimumAmount &&
-						!this.$team.pg.jerp_partner
-					) {
-						throw new DashboardError(
-							`Amount must be greater than or equal to ${this.minimumAmount}`
-						);
-					}
-				},
-				async onSuccess(data) {
-					this.step = 'Setting up Stripe';
-					let { publishable_key, client_secret } = data;
-					this.clientSecret = client_secret;
-					this.stripe = await loadStripe(publishable_key);
-					this.elements = this.stripe.elements();
-					let theme = this.$theme;
-					let style = {
-						base: {
-							color: theme.colors.black,
-							fontFamily: theme.fontFamily.sans.join(', '),
-							fontSmoothing: 'antialiased',
-							fontSize: '13px',
-							'::placeholder': {
-								color: theme.colors.gray['400']
-							}
-						},
-						invalid: {
-							color: theme.colors.red['600'],
-							iconColor: theme.colors.red['600']
-						}
-					};
-					this.card = this.elements.create('card', {
-						hidePostalCode: true,
-						style: style,
-						classes: {
-							complete: '',
-							focus: 'bg-gray-100'
-						}
-					});
-
-					this.step = 'Add Card Details';
-					this.$nextTick(() => {
-						this.card.mount(this.$refs['card-element']);
-					});
-
-					this.card.addEventListener('change', event => {
-						this.cardErrorMessage = event.error?.message || null;
-					});
-					this.card.addEventListener('ready', () => {
-						this.ready = true;
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		setupStripe() {
-			this.$resources.createPaymentIntent.submit();
-		},
-		async onBuyClick() {
-			this.paymentInProgress = true;
-			let payload = await this.stripe.confirmCardPayment(this.clientSecret, {
-				payment_method: {
-					card: this.card
-				}
-			});
-
-			if (payload.error) {
-				this.errorMessage = payload.error.message;
-				this.paymentInProgress = false;
-			} else {
-				toast.success(
-'支付处理成功，我们将在收到Stripe确认后尽快更新您的账户'
-				);
-				this.paymentInProgress = false;
-				this.$emit('success');
-				this.errorMessage = null;
-			}
-		}
-	},
-	computed: {
-		totalAmount() {
-			let { currency, billing_info } = this.$account
-				? this.$account.team
-				: this.$team.pg;
-			if (currency === 'CNY') {
-				return Number(
-					(
-						this.amount +
-						this.amount * (billing_info.gst_percentage || 0)
-					).toFixed(2)
-				);
-			} else {
-				return this.amount;
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/BuyPrepaidCreditsWeChatPay.vue b/dashboard_backup/src2/components/BuyPrepaidCreditsWeChatPay.vue
deleted file mode 100644
index 517b442..0000000
--- a/dashboard_backup/src2/components/BuyPrepaidCreditsWeChatPay.vue
+++ /dev/null
@@ -1,267 +0,0 @@
-<template>
-	<div>
-		<ErrorMessage
-			class="mt-3"
-			:message="$resources.createWeChatPayOrder.error || error"
-		/>
-		<div class="mt-4 flex w-full justify-end">
-			<Button
-				variant="solid"
-				class="wechat-pay-btn"
-				:loading="$resources.createWeChatPayOrder.loading || loading"
-				@click="processWeChatPayment"
-			>
-				使用微信支付
-			</Button>
-		</div>
-		
-		<!-- 使用Teleport将弹窗移到body下 -->
-		<Teleport to="body">
-			<div v-if="showQRCode" class="wechat-qrcode-overlay">
-				<div class="wechat-qrcode-modal">
-					<div class="relative mb-4">
-						<div class="flex items-center justify-center">
-							<WeChatPayLogo />
-						</div>
-						<button @click="closeQRCode" class="close-button">
-							<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-							</svg>
-						</button>
-					</div>
-					
-					<div class="text-center mb-5">
-						<div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-						<div class="text-3xl font-bold text-[#FF0036]">{{ amount }} 元</div>
-					</div>
-					
-					<div class="flex justify-center">
-						<div v-if="qrCodeImage" class="qrcode-container">
-							<img :src="qrCodeImage" alt="微信支付二维码" class="qrcode-image" />
-						</div>
-						<div v-else class="qrcode-loading"></div>
-					</div>
-					
-					<div class="mt-5 text-center text-sm">
-						<div class="text-gray-600">请使用微信扫描二维码完成支付</div>
-						<div class="text-gray-500 mt-1">二维码有效期 15 分钟</div>
-					</div>
-				</div>
-			</div>
-		</Teleport>
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../utils/error';
-import { Teleport } from 'vue'; // 确保导入Teleport
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-	name: 'BuyPrepaidCreditsWeChatPay',
-	components: {
-		WeChatPayLogo
-	},
-	props: {
-		amount: {
-			default: 0
-		},
-		minimumAmount: {
-			default: 0
-		},
-		isOnboarding: {
-			default: false
-		}
-	},
-	data() {
-		return {
-			loading: false,
-			error: null,
-			showQRCode: false,
-			qrCodeUrl: null,
-			qrCodeImage: null,
-			orderId: null,
-			checkInterval: null
-		};
-	},
-	resources: {
-		createWeChatPayOrder() {
-			return {
-				url: 'jcloud.api.billing.create_wechatpay_order_for_recharge',
-				params: {
-					amount: this.amount
-				},
-				validate() {
-					if (this.amount <= 0) {
-						throw new DashboardError('支付金额必须大于0');
-					}
-					if (this.amount < this.minimumAmount) {
-						throw new DashboardError('金额低于最低要求金额');
-					}
-				},
-				onSuccess(response) {
-					console.log('微信支付响应:', response);
-					this.orderId = response.order_id;
-					this.qrCodeUrl = response.qr_code_url;
-					this.qrCodeImage = response.qr_code_image;
-					this.showQRCode = true;
-					this.startPaymentCheck();
-				}
-			};
-		},
-		checkPaymentStatus() {
-			return {
-				url: 'jcloud.api.billing.check_payment_status',
-				params: {
-					order_id: this.orderId,
-					payment_type: 'wechatpay'
-				},
-				onSuccess(data) {
-					if (data && (data.status === 'Success' || data.status === '已支付' || data.status === '交易成功')) {
-						this.stopPaymentCheck();
-						this.closeQRCode();
-						this.$emit('payment-success');
-						toast.success('支付成功');
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		processWeChatPayment() {
-			this.$resources.createWeChatPayOrder.submit();
-		},
-		
-		startPaymentCheck() {
-			this.checkInterval = setInterval(() => {
-				this.$resources.checkPaymentStatus.submit();
-			}, 3000);
-		},
-		
-		stopPaymentCheck() {
-			if (this.checkInterval) {
-				clearInterval(this.checkInterval);
-				this.checkInterval = null;
-			}
-		},
-		
-		checkPaymentStatus() {
-			this.$resources.checkPaymentStatus.submit();
-		},
-		
-		closeQRCode() {
-			this.stopPaymentCheck();
-			this.showQRCode = false;
-			this.qrCodeUrl = null;
-			this.qrCodeImage = null;
-		}
-	},
-	beforeUnmount() {
-		this.stopPaymentCheck();
-	}
-};
-</script>
-
-<style scoped>
-.wechat-pay-btn {
-	background-color: #07C160 !important;
-	border: none;
-	color: white;
-	border-radius: 4px;
-	font-size: 1rem;
-	padding: 0.625rem 1.25rem;
-	transition: all 0.2s ease;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-
-.wechat-pay-btn:hover {
-	background-color: #06ad56 !important;
-	transform: translateY(-1px);
-	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
-}
-
-/* 全新的弹窗样式 */
-.wechat-qrcode-overlay {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background-color: rgba(0, 0, 0, 0.6);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	z-index: 99999; /* 极高的z-index确保在最上层 */
-}
-
-.wechat-qrcode-modal {
-	background: white;
-	border-radius: 12px;
-	padding: 24px;
-	width: 90%;
-	max-width: 420px;
-	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-	position: relative;
-}
-
-.close-button {
-	position: absolute;
-	top: -12px;
-	right: -12px;
-	background: #f3f4f6;
-	border-radius: 50%;
-	width: 30px;
-	height: 30px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border: none;
-	cursor: pointer;
-	color: #6b7280;
-	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-	transition: all 0.2s;
-}
-
-.close-button:hover {
-	background: #e5e7eb;
-	color: #374151;
-	transform: scale(1.05);
-}
-
-.qrcode-container {
-	height: 250px;
-	width: 250px;
-	margin: 0 auto;
-	padding: 5px;
-	border: 1px solid #e5e7eb;
-	border-radius: 8px;
-}
-
-.qrcode-image {
-	height: 100%;
-	width: 100%;
-	object-fit: contain;
-}
-
-.qrcode-loading {
-	height: 250px;
-	width: 250px;
-	margin: 0 auto;
-	background-color: #f3f4f6;
-	border-radius: 8px;
-	animation: pulse 1.5s infinite;
-}
-
-@keyframes pulse {
-	0% {
-		opacity: 0.6;
-	}
-	50% {
-		opacity: 0.8;
-	}
-	100% {
-		opacity: 0.6;
-	}
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ChurnFeedbackDialog.vue b/dashboard_backup/src2/components/ChurnFeedbackDialog.vue
deleted file mode 100644
index 78fbecb..0000000
--- a/dashboard_backup/src2/components/ChurnFeedbackDialog.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '告诉我们您离开的原因',
-			actions: [
-				{
-					label: '提交',
-					variant: 'solid',
-					loading: $resources.submitFeedback.loading,
-					onClick: () => {
-						$resources.submitFeedback.submit({
-							feedback: this.feedback
-						});
-					}
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template v-slot:body-content>
-			<p class="mb-5 text-sm text-gray-800">
-				通过分享您的想法，帮助我们改善您的体验。
-			</p>
-			<div class="mt-3">
-				<span class="mb-2 block text-sm leading-4 text-gray-600">
-					请评价您的体验
-				</span>
-				<StarRatingInput v-model="rating" />
-			</div>
-			<FormControl
-				class="mt-4"
-				type="select"
-				:options="options"
-				size="md"
-				variant="outline"
-				placeholder="选择一个原因"
-				v-model="feedback"
-				required
-			/>
-			<FormControl
-				class="mt-4"
-				type="textarea"
-				variant="outline"
-				placeholder="我离开 今果 Jingrow 的原因是..."
-				size="md"
-				v-model="note"
-			/>
-			<ErrorMessage class="mt-2" :message="$resources.submitFeedback.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import FormControl from 'jingrow-ui/src/components/FormControl.vue';
-import StarRatingInput from '../../src/components/StarRatingInput.vue';
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'ChurnFeedbackDialog',
-	emits: ['updated'],
-	props: ['team'],
-	components: {
-		StarRatingInput
-	},
-	data() {
-		return {
-			feedback: '',
-			route: '',
-			note: '',
-			show: true,
-			rating: 0
-		};
-	},
-	resources: {
-		submitFeedback() {
-			return {
-				url: 'jcloud.api.account.feedback',
-				makeParams() {
-					return {
-						team: this.team,
-						message: this.feedback,
-						route: this.$route?.name,
-						note: this.note,
-						rating: this.rating
-					};
-				},
-				validate() {
-					if (!this.feedback) {
-						throw new DashboardError('请选择一个原因');
-					}
-
-					if (this.rating == 0) {
-						throw new DashboardError('请评价您的体验');
-					}
-
-					if (
-						[
-							'支付问题',
-							'缺少功能',
-							'我的原因不在此列表中'
-						].includes(this.feedback) &&
-						!this.note
-					) {
-						throw new DashboardError('请简要说明原因');
-					}
-				},
-				onSuccess() {
-					this.show = false;
-					this.$emit('updated');
-
-					setTimeout(() => {
-						window.location.href = '/dashboard';
-					}, 1000);
-				}
-			};
-		}
-	},
-	computed: {
-		options() {
-			return [
-				'我要迁移到其他产品',
-				'我只是在探索这个产品',
-				'我更喜欢自己托管实例',
-				'已将站点迁移到另一个Jingrow账户',
-				'我不喜欢Jingrow的体验',
-				'Jingrow对我来说太贵了',
-				'支付问题',
-				'缺少功能',
-				'我的原因不在此列表中'
-			];
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ClickToCopyField.vue b/dashboard_backup/src2/components/ClickToCopyField.vue
deleted file mode 100644
index cdd8809..0000000
--- a/dashboard_backup/src2/components/ClickToCopyField.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-	<div class="relative rounded-lg border-2 border-gray-200 bg-gray-100 p-3">
-		<div class="select-all break-all text-xs text-gray-800">
-			<pre
-				:class="{
-					'whitespace-pre-wrap': breakLines,
-					'overflow-x-auto': !breakLines
-				}"
-				:style="
-					!breakLines
-						? 'scrollbar-width: none; -ms-overflow-style: none; -webkit-scrollbar: none;'
-						: ''
-				"
-				>{{ textContent }}</pre
-			>
-		</div>
-		<button
-			class="absolute right-2 top-2 rounded-sm border border-gray-200 bg-white p-1 text-xs text-gray-600"
-			variant="outline"
-			@click="copyTextContentToClipboard"
-		>
-			{{ copied ? '已复制' : '复制' }}
-		</button>
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	props: {
-		textContent: {
-			type: String,
-			required: true
-		},
-		breakLines: {
-			type: Boolean,
-			default: true
-		}
-	},
-	data() {
-		return {
-			copied: false
-		};
-	},
-	methods: {
-		copyTextContentToClipboard() {
-			const clipboard = window.navigator.clipboard;
-			clipboard.writeText(this.textContent).then(() => {
-				this.copied = true;
-				setTimeout(() => {
-					this.copied = false;
-				}, 4000);
-				toast.success('已复制到剪贴板！');
-			});
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ConfigEditorDialog.vue b/dashboard_backup/src2/components/ConfigEditorDialog.vue
deleted file mode 100644
index 172e870..0000000
--- a/dashboard_backup/src2/components/ConfigEditorDialog.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: config ? '编辑配置' : '添加配置',
-			actions: [
-				{
-					label: config ? '编辑键' : '添加键',
-					variant: 'solid',
-					loading: docResource?.updateConfig?.loading,
-					onClick: addConfig
-				}
-			]
-		}"
-		v-model="showDialog"
-	>
-		<template v-slot:body-content>
-			<div class="space-y-4">
-				<div :class="{ 'pointer-events-none': config }">
-					<FormControl
-						type="autocomplete"
-						label="配置名称"
-						:options="keyOptions"
-						v-model="selectedConfig"
-					/>
-				</div>
-				<FormControl
-					type="text"
-					label="键"
-					:modelValue="
-						selectedConfig?.value === '__custom_key'
-							? key
-							: selectedConfig?.value
-					"
-					@update:modelValue="
-						selectedConfig?.value === '__custom_key' ? (key = $event) : null
-					"
-					:disabled="selectedConfig?.value !== '__custom_key'"
-					autocomplete="off"
-				/>
-				<FormControl
-					type="select"
-					label="类型"
-					:modelValue="selectedConfig?.type || type"
-					@update:modelValue="type = $event"
-					:options="[
-						'String',
-						'Number',
-						'JSON',
-						'Boolean',
-						selectedConfig?.value !== '__custom_key' ? 'Password' : null
-					]"
-					:disabled="selectedConfig?.value !== '__custom_key'"
-					autocomplete="off"
-				/>
-				<FormControl
-					v-bind="valueInputProps"
-					label="值"
-					v-model="value"
-					autocomplete="off"
-				/>
-				<ErrorMessage class="mt-2" :message="error" />
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import {
-	Autocomplete,
-	ErrorMessage,
-	FormControl,
-	getCachedDocumentResource
-} from 'jingrow-ui';
-
-export default {
-	name: 'ConfigEditorDialog',
-	props: ['site', 'group', 'config'],
-	components: {
-		Autocomplete,
-		FormControl,
-		ErrorMessage
-	},
-	data() {
-		return {
-			docResource: null,
-			showDialog: true,
-			selectedConfig: null,
-			key: null,
-			type: null,
-			value: null,
-			error: null
-		};
-	},
-	async mounted() {
-		if (this.config) {
-			await this.$resources.standardKeys.promise;
-			this.selectedConfig = this.keyOptions.find(
-				option => this.config.key === option.value
-			);
-			if (this.selectedConfig) {
-				this.key = this.selectedConfig?.value;
-				this.type = this.selectedConfig?.type;
-			} else {
-				this.selectedConfig = this.keyOptions.find(
-					option => '__custom_key' === option.value
-				);
-				this.key = this.config.key;
-				this.type = this.config.type;
-			}
-			this.value = this.config.type === 'Password' ? '' : this.config.value;
-		}
-	},
-	resources: {
-		standardKeys() {
-			return {
-				url: 'jcloud.api.site.get_site_config_standard_keys',
-				cache: 'Site Config Standard Keys',
-				initialData: [],
-				auto: true
-			};
-		}
-	},
-	methods: {
-		addConfig() {
-			if (this.site) {
-				this.docResource = getCachedDocumentResource('Site', this.site);
-			} else if (this.group) {
-				this.docResource = getCachedDocumentResource(
-					'Release Group',
-					this.group
-				);
-			}
-			if (!this.docResource) return;
-			let key =
-				this.selectedConfig?.value == '__custom_key'
-					? this.key
-					: this.selectedConfig?.value;
-			let type = this.selectedConfig?.type || this.type;
-			let value = this.value;
-			if (type === 'JSON') {
-				try {
-					value = JSON.parse(value);
-				} catch (e) {
-					this.error = '无效的JSON';
-					return;
-				}
-			} else if (type === 'Boolean') {
-				value = value === '1' ? true : false;
-			} else if (type === 'Number') {
-				value = Number(value);
-			}
-
-			let config = { [key]: value };
-
-			this.docResource.updateConfig.submit(
-				{ config },
-				{
-					onSuccess: () => {
-						this.$emit('success');
-						this.showDialog = false;
-					},
-					onError: error => {
-						this.error = error;
-					}
-				}
-			);
-		}
-	},
-	computed: {
-keyOptions() {
-			let customKeyOption = {
-				label: '自定义键',
-				value: '__custom_key'
-			};
-			let standardKeyOptions = this.$resources.standardKeys.data.map(key => ({
-				label: key.title,
-				value: key.key,
-				type: key.type
-			}));
-			return [customKeyOption, ...standardKeyOptions];
-		},
-		valueInputProps() {
-			let type = {
-				String: 'text',
-				Number: 'number',
-				JSON: 'textarea',
-				Boolean: 'select'
-			}[this.selectedConfig?.type || this.type];
-
-			return {
-				type,
-				options: type === 'select' ? ['1', '0'] : null
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ConfigPreviewDialog.vue b/dashboard_backup/src2/components/ConfigPreviewDialog.vue
deleted file mode 100644
index 71771e9..0000000
--- a/dashboard_backup/src2/components/ConfigPreviewDialog.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '配置预览'
-		}"
-		v-model="showDialog"
-	>
-		<template #body-content>
-			<pre
-				class="overflow-x-scroll rounded bg-gray-100 p-4 text-base"
-				v-html="configPreview"
-			></pre>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	props: ['configs'],
-	data() {
-		return {
-			showDialog: true
-		};
-	},
-	computed: {
-		configPreview() {
-			let obj = {};
-			for (let d of this.configs) {
-				let value = d.value;
-				if (['Boolean', 'Number'].includes(d.type)) {
-					value = Number(d.value);
-				} else if (d.type === 'JSON') {
-					try {
-						value = JSON.parse(d.value);
-					} catch (error) {
-						value = {};
-					}
-				}
-				obj[d.key] = value;
-			}
-			return JSON.stringify(obj, null, '&nbsp; ');
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/DateTimeControl.vue b/dashboard_backup/src2/components/DateTimeControl.vue
deleted file mode 100644
index 8831d55..0000000
--- a/dashboard_backup/src2/components/DateTimeControl.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-	<div class="flex items-center space-x-1">
-		<FormControl
-			class="w-52"
-			:label="label ? label : '日期'"
-			type="select"
-			variant="outline"
-			:options="dayOptions"
-			v-model="scheduledDate"
-		/>
-		<FormControl
-			class="w-24"
-			:class="label ? 'mt-5' : ''"
-			:label="label ? '' : '小时'"
-			type="select"
-			variant="outline"
-			:options="hourOptions"
-			v-model="scheduledHour"
-		/>
-		<FormControl
-			class="w-24"
-			:class="label ? 'mt-5' : ''"
-			:label="label ? '' : '分钟'"
-			type="select"
-			variant="outline"
-			:options="minuteOptions"
-			v-model="scheduledMinute"
-		/>
-	</div>
-</template>
-
-<script>
-import dayjs from '../utils/dayjs';
-
-export default {
-	props: ['modelValue', 'label'],
-	emits: ['update:modelValue'],
-	computed: {
-		scheduledDate: {
-			get() {
-				return this.modelValue ? this.modelValue.split('T')[0] : '';
-			},
-			set(value) {
-				this.$emit(
-					'update:modelValue',
-					`${value}T${this.scheduledHour}:${this.scheduledMinute}`
-				);
-			}
-		},
-		scheduledHour: {
-			get() {
-				return this.modelValue
-					? Number(this.modelValue.split('T')[1].split(':')[0])
-					: '';
-			},
-			set(value) {
-				this.$emit(
-					'update:modelValue',
-					`${this.scheduledDate}T${value.padStart(2, '0')}:${
-						this.scheduledMinute
-					}`
-				);
-			}
-		},
-		scheduledMinute: {
-			get() {
-				return this.modelValue
-					? Number(this.modelValue.split('T')[1].split(':')[1])
-					: '';
-			},
-			set(value) {
-				this.$emit(
-					'update:modelValue',
-					`${this.scheduledDate}T${this.scheduledHour}:${value.padStart(
-						2,
-						'0'
-					)}`
-				);
-			}
-		},
-		dayOptions() {
-			let days = [];
-			for (let i = 0; i < 7; i++) {
-				days.push({
-					label: dayjs().add(i, 'day').format('YYYY-MM-DD'),
-					value: dayjs().add(i, 'day').format('YYYY-MM-DD')
-				});
-			}
-			return days;
-		},
-		hourOptions() {
-			let options = [...Array(24).keys()].map(n => ({
-				label:
-					n < 12
-						? `${(n == 0 ? 12 : n).toString().padStart(2, '0')} 上午`
-						: `${(n != 12 ? n - 12 : n).toString().padStart(2, '0')} 下午`,
-				value: n
-			}));
-
-			if (this.scheduledDate === dayjs().format('YYYY-MM-DD')) {
-				options = options.filter(
-					option =>
-						option.value >=
-						(dayjs().minute() < 45 ? dayjs().hour() : dayjs().hour() + 1)
-				);
-			}
-
-			return options;
-		},
-		minuteOptions() {
-			let options = [0, 15, 30, 45].map(i => ({
-				label: i.toString().padStart(2, '0'),
-				value: i
-			}));
-
-			if (
-				this.scheduledDate === dayjs().format('YYYY-MM-DD') &&
-				this.scheduledHour === String(dayjs().hour())
-			) {
-				options = options.filter(option => option.value >= dayjs().minute());
-			}
-
-			return options;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/DialogWrapper.vue b/dashboard_backup/src2/components/DialogWrapper.vue
deleted file mode 100644
index e81aafe..0000000
--- a/dashboard_backup/src2/components/DialogWrapper.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-	<Dialog v-model="show" :options="options">
-		<template #body-content>
-			<slot />
-		</template>
-	</Dialog>
-</template>
-<script>
-export default {
-	name: 'DialogWrapper',
-	props: ['modelValue', 'options'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			_show: true
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue != null ? this.modelValue : this._show;
-			},
-			set(value) {
-				if (this.modelValue != null) {
-					this.$emit('update:modelValue', value);
-				} else {
-					this._show = value;
-				}
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/DismissableBanner.vue b/dashboard_backup/src2/components/DismissableBanner.vue
deleted file mode 100644
index 138b874..0000000
--- a/dashboard_backup/src2/components/DismissableBanner.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-	<AlertBanner v-if="show" :title="title" :type="type">
-		<slot></slot>
-		<Button class="ml-1" variant="ghost" @click="dismiss">
-			<template #icon>
-				<i-lucide-x class="h-4 w-4" />
-			</template>
-		</Button>
-	</AlertBanner>
-</template>
-
-<script>
-import AlertBanner from './AlertBanner.vue';
-
-export default {
-	props: {
-		title: String,
-		id: {
-			type: String,
-			required: true,
-		},
-		type: {
-			type: String,
-		},
-	},
-	data() {
-		return {
-			_show: true,
-		};
-	},
-	components: { AlertBanner },
-	computed: {
-		show: {
-			get() {
-				if (!this._show) return false;
-
-				const dismissedDate = parseInt(
-					localStorage.getItem(`dismissed-banner-${this.id}`),
-				);
-				if (!dismissedDate) return true;
-
-				const currentDate = Date.now();
-				const diff = currentDate - dismissedDate;
-
-				// 7 天
-				if (diff > 1000 * 60 * 60 * 24 * 7) return true;
-
-				return false;
-			},
-			set(value) {
-				this._show = value;
-			},
-		},
-	},
-	methods: {
-		dismiss() {
-			this.show = false;
-			localStorage.setItem(`dismissed-banner-${this.id}`, Date.now());
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/DomainOwner.vue b/dashboard_backup/src2/components/DomainOwner.vue
deleted file mode 100644
index 337ad53..0000000
--- a/dashboard_backup/src2/components/DomainOwner.vue
+++ /dev/null
@@ -1,935 +0,0 @@
-<template>
-	<div class="space-y-4">
-		<div>
-			<div class="flex flex-col sm:flex-row gap-4 items-center">
-				<div class="w-full sm:w-1/2">
-					<div class="flex gap-2">
-						<TextInput
-							v-model="searchQuery"
-							placeholder="搜索所有者姓名、单位名称..."
-							class="flex-1"
-						>
-							<template #prefix>
-								<SearchIcon class="h-4 w-4 text-gray-400" />
-							</template>
-						</TextInput>
-						<select 
-							v-model="selectedStatus"
-							class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
-						>
-							<option value="">全部状态</option>
-							<option value="1">已实名认证</option>
-							<option value="0">未实名认证</option>
-						</select>
-					</div>
-				</div>
-				<div class="w-full sm:w-1/2 flex justify-end">
-					<Button 
-						@click="createDomainOwner"
-						variant="solid"
-						iconLeft="plus"
-						label="新建所有者模板"
-					/>
-				</div>
-			</div>
-
-			<!-- 列表内容 -->
-			<div class="rounded-lg border border-gray-200 bg-white my-4">
-				<!-- 表头 -->
-				<div class="grid grid-cols-12 gap-4 border-b border-gray-200 bg-gray-50 px-6 py-3 text-sm font-medium text-gray-700">
-					<div class="col-span-4">所有者名称</div>
-					<div class="col-span-3">实名状态</div>
-					<div class="col-span-3">联系信息</div>
-					<div class="col-span-2">操作</div>
-				</div>
-
-				<!-- 加载状态 -->
-				<div v-if="isLoading" class="flex items-center justify-center py-12">
-					<Loader2Icon class="h-6 w-6 animate-spin text-gray-400" />
-					<span class="ml-2 text-gray-600">加载中...</span>
-				</div>
-
-				<!-- 错误状态 -->
-				<div v-else-if="error" class="flex items-center justify-center py-12">
-					<AlertCircleIcon class="h-6 w-6 text-red-500" />
-					<span class="ml-2 text-red-600">{{ error }}</span>
-				</div>
-
-				<!-- 空状态 -->
-				<div v-else-if="filteredOwners.length === 0" class="flex flex-col items-center justify-center py-12 text-gray-500">
-					<UsersIcon class="mb-4 h-12 w-12 text-gray-300" />
-					<p class="text-lg font-medium">暂无所有者模板</p>
-					<p class="text-sm">点击上方按钮创建第一个模板</p>
-				</div>
-
-				<!-- 数据列表 -->
-				<div v-else class="divide-y divide-gray-200">
-					<div 
-						v-for="owner in filteredOwners" 
-						:key="owner.name"
-						class="grid grid-cols-12 gap-4 px-6 py-4 hover:bg-gray-50 transition-colors cursor-pointer"
-						@click="viewOwner(owner)"
-					>
-						<!-- 名称列 -->
-						<div class="col-span-4 flex items-center">
-							<div class="text-sm text-gray-900">{{ getDisplayName(owner) }}</div>
-						</div>
-
-						<!-- 实名状态列 -->
-						<div class="col-span-3 flex items-center">
-							<span class="text-sm">{{ getRealNameStatusText(owner.r_status) }}</span>
-						</div>
-
-						<!-- 联系信息列 -->
-						<div class="col-span-3">
-							<div class="text-sm text-gray-900">{{ owner.c_ph || '-' }}</div>
-							<div class="text-sm text-gray-500">{{ owner.c_em || '-' }}</div>
-						</div>
-
-						<!-- 操作列 -->
-						<div class="col-span-2 flex items-center gap-2" @click.stop>
-							<Button 
-								@click="viewOwner(owner)"
-								variant="ghost"
-								size="sm"
-								class="text-blue-600 hover:text-blue-700"
-								title="查看详情"
-							>
-								<EyeIcon class="h-4 w-4" />
-							</Button>
-							<Button 
-								@click="editOwner(owner)"
-								variant="ghost"
-								size="sm"
-								class="text-gray-600 hover:text-gray-700"
-								title="编辑"
-							>
-								<EditIcon class="h-4 w-4" />
-							</Button>
-							<Button 
-								@click="deleteOwner(owner)"
-								variant="ghost"
-								size="sm"
-								:disabled="isTemplateUsed(owner)"
-								:class="[
-									isTemplateUsed(owner) 
-										? 'text-gray-400 cursor-not-allowed' 
-										: 'text-red-600 hover:text-red-700'
-								]"
-								:title="isTemplateUsed(owner) ? '该模板已关联域名，无法删除' : '删除'"
-							>
-								<Trash2Icon class="h-4 w-4" />
-							</Button>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<!-- 分页 -->
-			<div v-if="pagination.total > pagination.limit" class="flex flex-col items-center space-y-4">
-				<div class="text-sm text-gray-700">
-					显示第 {{ (pagination.pageno - 1) * pagination.limit + 1 }} - 
-					{{ Math.min(pagination.pageno * pagination.limit, pagination.total) }} 条，
-					共 {{ pagination.total }} 条记录
-				</div>
-				<div class="flex items-center space-x-2">
-					<Button 
-						@click="previousPage"
-						:disabled="pagination.pageno <= 1"
-						variant="outline"
-						size="sm"
-						class="px-3"
-					>
-						←
-					</Button>
-					<div class="flex items-center space-x-1">
-						<Button 
-							v-for="page in getVisiblePages()" 
-							:key="page"
-							@click="changePage(page)"
-							:class="[
-								'px-3 py-1 text-sm rounded',
-								page === pagination.pageno 
-									? '!bg-[#1fc76f] text-white' 
-									: 'bg-white text-gray-700 border border-gray-300 hover:bg-gray-50'
-							]"
-							:disabled="page === pagination.pageno"
-						>
-							{{ page }}
-						</Button>
-					</div>
-					<Button 
-						@click="nextPage"
-						:disabled="pagination.pageno >= pagination.pagecount"
-						variant="outline"
-						size="sm"
-						class="px-3"
-					>
-						→
-					</Button>
-				</div>
-			</div>
-		</div>
-
-		<!-- 创建域名所有者弹窗 -->
-		<DomainOwnerDialog
-			:visible="showCreateDialog"
-			:isLoading="createLoading"
-			@close="handleCloseDialog"
-			@submit="handleCreateSubmit"
-		/>
-
-		<!-- 详情查看弹窗 -->
-		<div v-if="showDetailDialog" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" @click="closeDetailDialog">
-			<div class="bg-white rounded-lg shadow-2xl max-w-2xl w-full mx-4 max-h-[90vh] flex flex-col overflow-hidden" @click.stop>
-				<!-- 标题栏 -->
-				<div class="p-4 border-b border-gray-200 bg-white rounded-t-lg flex-shrink-0">
-					<div class="flex items-center justify-between">
-						<h3 class="text-lg font-medium text-gray-900">所有者详细信息</h3>
-						<button 
-							@click="closeDetailDialog"
-							class="text-gray-400 hover:text-gray-600 transition-colors duration-200"
-						>
-							<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-							</svg>
-						</button>
-					</div>
-				</div>
-
-				<!-- 内容区域 -->
-				<div class="p-6 overflow-y-auto flex-1" v-if="selectedOwner">
-					<div class="space-y-6">
-						<!-- 基本信息 -->
-						<div>
-							<h4 class="text-base font-medium text-gray-900 mb-4">基本信息</h4>
-							<div class="grid grid-cols-2 gap-4">
-								<div>
-									<label class="block text-sm font-medium text-gray-700">所有者类型</label>
-									<p class="mt-1 text-sm text-gray-900">{{ getOwnerTypeText(selectedOwner.c_regtype) }}</p>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700">实名认证状态</label>
-									<p class="mt-1 text-sm text-gray-900">{{ getRealNameStatusText(selectedOwner.r_status) }}</p>
-								</div>
-								<div v-if="selectedOwner.c_regtype === 'E'">
-									<label class="block text-sm font-medium text-gray-700">单位名称</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_org_m || '-' }}</p>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700">姓名</label>
-									<p class="mt-1 text-sm text-gray-900">{{ getDisplayName(selectedOwner) }}</p>
-								</div>
-							</div>
-						</div>
-
-						<!-- 联系信息 -->
-						<div>
-							<h4 class="text-base font-medium text-gray-900 mb-4">联系信息</h4>
-							<div class="grid grid-cols-2 gap-4">
-								<div>
-									<label class="block text-sm font-medium text-gray-700">电子邮箱</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_em || '-' }}</p>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700">手机号码</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_ph || '-' }}</p>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700">省份</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_st_m || '-' }}</p>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700">城市</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_ct_m || '-' }}</p>
-								</div>
-								<div class="col-span-2">
-									<label class="block text-sm font-medium text-gray-700">通讯地址</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_adr_m || '-' }}</p>
-								</div>
-							</div>
-						</div>
-
-						<!-- 证件信息 -->
-						<div>
-							<h4 class="text-base font-medium text-gray-900 mb-4">证件信息</h4>
-							<div class="grid grid-cols-2 gap-4">
-								<div>
-									<label class="block text-sm font-medium text-gray-700">证件类型</label>
-									<p class="mt-1 text-sm text-gray-900">{{ getCertificateTypeName(selectedOwner.c_idtype_gswl) }}</p>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700">证件号码</label>
-									<p class="mt-1 text-sm text-gray-900">{{ selectedOwner.c_idnum_gswl || '-' }}</p>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<!-- 底部按钮 -->
-				<div class="p-4 border-t border-gray-200 bg-white rounded-b-lg flex-shrink-0">
-					<div class="flex justify-end gap-3">
-						<Button 
-							@click="closeDetailDialog"
-							variant="outline"
-						>
-							关闭
-						</Button>
-						<Button 
-							@click="editOwner(selectedOwner)"
-							variant="solid"
-						>
-							编辑
-						</Button>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 编辑域名所有者弹窗 -->
-		<div v-if="showEditDialog" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" @click="closeEditDialog">
-			<div class="bg-white rounded-lg shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] flex flex-col overflow-hidden" @click.stop>
-				<!-- 标题栏 -->
-				<div class="p-4 border-b border-gray-200 bg-white rounded-t-lg flex-shrink-0">
-					<div class="flex items-center justify-between">
-						<h3 class="text-lg font-medium text-gray-900">编辑域名所有者</h3>
-						<button 
-							@click="closeEditDialog"
-							class="text-gray-400 hover:text-gray-600 transition-colors duration-200"
-						>
-							<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-							</svg>
-						</button>
-					</div>
-				</div>
-
-				<!-- 内容区域 -->
-				<div class="p-6 overflow-y-auto flex-1" v-if="selectedOwner">
-					<form @submit.prevent="handleEditSubmit" class="space-y-6">
-						<!-- 所有者类型 -->
-						<div>
-							<label class="block text-sm font-medium text-gray-700 mb-2">所有者类型</label>
-							<div class="flex gap-4">
-								<label class="flex items-center">
-									<input 
-										type="radio" 
-										v-model="editFormData.c_regtype" 
-										value="I" 
-										class="mr-2"
-									>
-									<span class="text-sm">个人</span>
-								</label>
-								<label class="flex items-center">
-									<input 
-										type="radio" 
-										v-model="editFormData.c_regtype" 
-										value="E" 
-										class="mr-2"
-									>
-									<span class="text-sm">企业/组织</span>
-								</label>
-							</div>
-						</div>
-
-						<!-- 中文信息 -->
-						<div class="space-y-4">
-							<!-- 单位名称（企业时显示） -->
-							<div v-if="editFormData.c_regtype === 'E'" class="w-full">
-								<label class="block text-sm font-medium text-gray-700 mb-2">所有者单位名称</label>
-								<input 
-									v-model="editFormData.c_org_m" 
-									type="text" 
-									class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-									placeholder="请输入单位名称"
-								>
-							</div>
-
-							<!-- 姓名部分 -->
-							<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">姓</label>
-									<input 
-										v-model="editFormData.c_ln_m" 
-										type="text" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入姓"
-									>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">名</label>
-									<input 
-										v-model="editFormData.c_fn_m" 
-										type="text" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入名"
-									>
-								</div>
-							</div>
-
-							<!-- 联系信息 -->
-							<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">电子邮箱</label>
-									<input 
-										v-model="editFormData.c_em" 
-										type="email" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入电子邮箱"
-									>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">手机号码</label>
-									<input 
-										v-model="editFormData.c_ph" 
-										type="tel" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入手机号码"
-									>
-								</div>
-							</div>
-
-							<!-- 地址信息 -->
-							<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">省份</label>
-									<input 
-										v-model="editFormData.c_st_m" 
-										type="text" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入省份"
-									>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">城市</label>
-									<input 
-										v-model="editFormData.c_ct_m" 
-										type="text" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入城市"
-									>
-								</div>
-								<div>
-									<label class="block text-sm font-medium text-gray-700 mb-2">邮编</label>
-									<input 
-										v-model="editFormData.c_pc" 
-										type="text" 
-										class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="请输入邮编"
-									>
-								</div>
-							</div>
-
-							<div>
-								<label class="block text-sm font-medium text-gray-700 mb-2">通讯地址</label>
-								<input 
-									v-model="editFormData.c_adr_m" 
-									type="text" 
-									class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-									placeholder="请输入通讯地址"
-								>
-							</div>
-						</div>
-					</form>
-				</div>
-
-				<!-- 底部按钮 -->
-				<div class="p-4 border-t border-gray-200 bg-white rounded-b-lg flex-shrink-0">
-					<div class="flex justify-end gap-3">
-						<Button 
-							@click="closeEditDialog"
-							variant="outline"
-						>
-							取消
-						</Button>
-						<Button 
-							@click="handleEditSubmit"
-							:loading="editLoading"
-							variant="solid"
-						>
-							保存
-						</Button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { Badge, Button, TextInput, createResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-import { confirmDialog } from '../utils/components';
-import DomainOwnerDialog from './DomainOwnerDialog.vue';
-import SearchIcon from '~icons/lucide/search';
-import EyeIcon from '~icons/lucide/eye';
-import EditIcon from '~icons/lucide/edit';
-import Trash2Icon from '~icons/lucide/trash-2';
-import Loader2Icon from '~icons/lucide/loader-2';
-import AlertCircleIcon from '~icons/lucide/alert-circle';
-import UsersIcon from '~icons/lucide/users';
-
-export default {
-	name: 'DomainOwner',
-	components: {
-		Badge,
-		Button,
-		TextInput,
-		SearchIcon,
-		EyeIcon,
-		EditIcon,
-		Trash2Icon,
-		Loader2Icon,
-		AlertCircleIcon,
-		UsersIcon,
-		DomainOwnerDialog,
-	},
-	data() {
-		return {
-			owners: [],
-			isLoading: false,
-			error: null,
-			searchQuery: '',
-			selectedStatus: '',
-			pagination: {
-				pageno: 1,
-				limit: 10,
-				total: 0,
-				pagecount: 0
-			},
-			showCreateDialog: false,
-			createLoading: false,
-			showDetailDialog: false,
-			selectedOwner: null,
-			showEditDialog: false,
-			editLoading: false,
-			editFormData: { // 新增：编辑弹窗的数据
-				c_regtype: 'I', // 默认个人
-				c_org_m: '',
-				c_ln_m: '',
-				c_fn_m: '',
-				c_em: '',
-				c_ph: '',
-				c_st_m: '',
-				c_ct_m: '',
-				c_adr_m: '',
-				c_pc: ''
-			},
-			templateUsageMap: {} // 新增：存储模板使用状态
-		};
-	},
-	computed: {
-		filteredOwners() {
-			// 由于搜索和过滤现在在服务器端处理，直接返回当前页的数据
-			return this.owners;
-		}
-	},
-	watch: {
-		// 监听搜索条件变化
-		searchQuery() {
-			this.pagination.pageno = 1; // 重置到第一页
-			this.fetchOwners();
-		},
-		// 监听状态过滤变化
-		selectedStatus() {
-			this.pagination.pageno = 1; // 重置到第一页
-			this.fetchOwners();
-		}
-	},
-	methods: {
-		// 获取显示名称
-		getDisplayName(owner) {
-			if (owner.c_regtype === 'I') {
-				// 个人：优先显示 fullname，没有的话显示 姓+名
-				if (owner.fullname) {
-					return owner.fullname;
-				}
-				const lastName = owner.c_ln_m || '';
-				const firstName = owner.c_fn_m || '';
-				return `${lastName}${firstName}`.trim() || owner.title || owner.name;
-			} else if (owner.c_regtype === 'E') {
-				// 企业：优先显示 c_org_m，没有的话显示 title
-				return owner.c_org_m || owner.title || owner.name;
-			}
-			return owner.title || owner.name;
-		},
-
-		// 获取实名认证状态文本
-		getRealNameStatusText(status) {
-			if (!status || status === '') {
-				return '未实名认证';
-			}
-			// 根据r_status字段判断实名认证状态
-			// 0: 未实名, 1: 实名成功, 2: 实名中, 3: 实名失败, 4: 认证过期, 5: 待审核
-			const statusMap = {
-				'0': '未实名认证',
-				'1': '已实名认证',
-				'2': '实名认证中',
-				'3': '实名认证失败',
-				'4': '实名认证过期',
-				'5': '待审核'
-			};
-			return statusMap[status] || '未实名认证';
-		},
-
-		// 获取所有者类型文本
-		getOwnerTypeText(type) {
-			if (!type || type === '') return '未知';
-			const typeMap = {
-				'I': '个人',
-				'E': '企业/组织'
-			};
-			return typeMap[type] || '未知';
-		},
-
-		// 获取地址信息
-		getAddressInfo(owner) {
-			const addressParts = [];
-			if (owner.c_st_m) addressParts.push(owner.c_st_m);
-			if (owner.c_ct_m) addressParts.push(owner.c_ct_m);
-			if (owner.c_adr_m) addressParts.push(owner.c_adr_m);
-			return addressParts.join(' ');
-		},
-
-		// 获取证件类型名称
-		getCertificateTypeName(type) {
-			const typeMap = {
-				// 字符串格式映射
-				'SFZ': '身份证',
-				'HZ': '护照',
-				'GAJMTX': '港澳居民来往内地通行证',
-				'TWJMTX': '台湾居民来往大陆通行证',
-				'WJLSFZ': '外国人永久居留身份证',
-				'GAJZZ': '港澳台居民居住证',
-				'ORG': '组织机构代码证',
-				'YYZZ': '工商营业执照',
-				'TYDM': '统一社会信用代码',
-				// 数字格式映射
-				'1': '身份证',
-				'5': '护照',
-				'6': '港澳居民来往内地通行证',
-				'11': '台湾居民来往大陆通行证',
-				'12': '外国人永久居留身份证',
-				'30': '港澳台居民居住证',
-				'2': '组织机构代码证',
-				'3': '工商营业执照',
-				'4': '统一社会信用代码'
-			};
-			return typeMap[type] || type || '-';
-		},
-
-		// 检查模板是否被域名使用
-		isTemplateUsed(owner) {
-			// 从缓存中获取使用状态
-			return this.templateUsageMap[owner.name] || false;
-		},
-
-		// 检查所有模板的使用状态
-		async checkAllTemplateUsage() {
-			if (this.owners.length === 0) return;
-			
-			try {
-				for (const owner of this.owners) {
-					const checkRequest = createResource({
-						url: 'jcloud.api.domain_west.check_template_usage',
-						params: { template_name: owner.name },
-						onSuccess: (response) => {
-							if (response && response.status === 'Success') {
-								this.templateUsageMap[owner.name] = response.data.is_used;
-							} else {
-								this.templateUsageMap[owner.name] = false;
-							}
-						},
-						onError: (error) => {
-							this.templateUsageMap[owner.name] = false;
-						}
-					});
-					checkRequest.submit();
-				}
-			} catch (error) {
-				// 静默处理错误
-			}
-		},
-
-		// 获取域名所有者列表
-		async fetchOwners() {
-			this.isLoading = true;
-			this.error = null;
-			
-			try {
-				const ownersRequest = createResource({
-					url: 'jcloud.api.domain_west.get_domain_owners',
-					params: {
-						limit: this.pagination.limit,
-						pageno: this.pagination.pageno,
-						searchQuery: this.searchQuery,
-						selectedStatus: this.selectedStatus
-					},
-					onSuccess: (response) => {
-						if (response.status === 'Success') {
-							this.owners = response.data.items || [];
-							this.pagination = {
-								pageno: response.data.pageno || 1,
-								limit: response.data.limit || 20,
-								total: response.data.total || 0,
-								pagecount: response.data.pagecount || 0
-							};
-							this.checkAllTemplateUsage(); // 检查所有模板的使用状态
-						} else {
-							this.error = response.message || '获取域名所有者列表失败';
-						}
-						this.isLoading = false;
-					},
-					onError: (error) => {
-						this.error = getToastErrorMessage(error);
-						this.isLoading = false;
-					}
-				});
-				
-				ownersRequest.submit();
-			} catch (error) {
-				this.error = '获取域名所有者列表失败';
-				this.isLoading = false;
-			}
-		},
-
-		// 创建新的域名所有者
-		createDomainOwner() {
-			this.showCreateDialog = true;
-		},
-
-		// 处理弹窗关闭
-		handleCloseDialog() {
-			this.showCreateDialog = false;
-			this.createLoading = false;
-		},
-
-		// 处理创建提交
-		async handleCreateSubmit(data) {
-			this.createLoading = true;
-			
-			try {
-				const createRequest = createResource({
-					url: 'jcloud.api.domain_west.create_domain_owner',
-					params: data,
-					onSuccess: (response) => {
-						if (response.status === 'Success') {
-							toast.success('所有者模板创建成功！');
-							this.fetchOwners(); // 刷新列表
-							this.handleCloseDialog(); // 关闭弹窗
-						} else {
-							toast.error(response.message || '创建失败');
-							this.createLoading = false;
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-						this.createLoading = false;
-					}
-				});
-				
-				createRequest.submit();
-			} catch (error) {
-				toast.error('创建失败，请稍后重试');
-				this.createLoading = false;
-			}
-		},
-
-		// 查看所有者详细信息
-		viewOwner(owner) {
-			this.selectedOwner = owner;
-			this.showDetailDialog = true;
-		},
-
-		// 关闭详情弹窗
-		closeDetailDialog() {
-			this.showDetailDialog = false;
-			this.selectedOwner = null;
-		},
-
-		// 编辑域名所有者
-		editOwner(owner) {
-			this.selectedOwner = owner;
-			this.editFormData = { // 填充编辑表单数据
-				c_regtype: owner.c_regtype,
-				c_org_m: owner.c_org_m || '',
-				c_ln_m: owner.c_ln_m || '',
-				c_fn_m: owner.c_fn_m || '',
-				c_em: owner.c_em || '',
-				c_ph: owner.c_ph || '',
-				c_st_m: owner.c_st_m || '',
-				c_ct_m: owner.c_ct_m || '',
-				c_adr_m: owner.c_adr_m || '',
-				c_pc: owner.c_pc || ''
-			};
-			this.showDetailDialog = false; // 关闭详情弹窗
-			this.showEditDialog = true; // 打开编辑弹窗
-		},
-
-		// 关闭编辑弹窗
-		closeEditDialog() {
-			this.showEditDialog = false;
-			this.selectedOwner = null;
-			this.editFormData = { // 清空编辑表单数据
-				c_regtype: 'I',
-				c_org_m: '',
-				c_ln_m: '',
-				c_fn_m: '',
-				c_em: '',
-				c_ph: '',
-				c_st_m: '',
-				c_ct_m: '',
-				c_adr_m: '',
-				c_pc: ''
-			};
-		},
-
-		// 处理编辑提交
-		async handleEditSubmit() {
-			
-			this.editLoading = true;
-			
-			try {
-				// 构建请求参数
-				const requestParams = {
-					name: this.selectedOwner.name,
-					...this.editFormData
-				};
-				
-				const editRequest = createResource({
-					url: 'jcloud.api.domain_west.update_domain_owner',
-					params: requestParams,
-					onSuccess: (response) => {
-						
-						if (response.status === 'Success') {
-							toast.success('所有者模板更新成功！');
-							this.fetchOwners(); // 刷新列表
-							this.closeEditDialog(); // 关闭编辑弹窗
-						} else {
-							toast.error(response.message || '更新失败');
-						}
-						// 确保在所有情况下都重置 loading 状态
-						this.editLoading = false;
-					},
-					onError: (error) => {
-						const errorMessage = getToastErrorMessage(error);
-						toast.error(errorMessage);
-						this.editLoading = false;
-					}
-				});
-				
-				editRequest.submit();
-				
-			} catch (error) {
-				toast.error('更新失败，请稍后重试');
-				this.editLoading = false;
-			}
-		},
-
-		// 删除域名所有者
-		async deleteOwner(owner) {
-			confirmDialog({
-				title: '确认删除',
-				message: `确定要删除所有者模板 "<strong>${this.getDisplayName(owner)}</strong>" 吗？<br><br>此操作将不可逆。`,
-				primaryAction: {
-					label: '删除',
-					variant: 'solid',
-					onClick: async ({ hide }) => {
-						try {
-							const deleteRequest = createResource({
-								url: 'jcloud.api.domain_west.delete_domain_owner',
-								params: { name: owner.name },
-								onSuccess: (response) => {
-									if (response.status === 'Success') {
-										toast.success('所有者模板删除成功！');
-										this.fetchOwners(); // 刷新列表
-										hide();
-									} else {
-										throw new Error(response.message || '删除失败');
-									}
-								},
-								onError: (error) => {
-									// 正确处理错误信息
-									let errorMessage = '删除失败，请稍后重试';
-									if (error && typeof error === 'object') {
-										if (error.messages && Array.isArray(error.messages)) {
-											errorMessage = error.messages.join('\n');
-										} else if (error.message) {
-											errorMessage = error.message;
-										}
-									}
-									throw new Error(errorMessage);
-								}
-							});
-							
-							await deleteRequest.submit();
-						} catch (error) {
-							toast.error(error.message || '删除失败，请稍后重试');
-							throw error;
-						}
-					}
-				}
-			});
-		},
-
-		// 上一页
-		previousPage() {
-			if (this.pagination.pageno > 1) {
-				this.pagination.pageno--;
-				this.fetchOwners();
-			}
-		},
-
-		// 下一页
-		nextPage() {
-			if (this.pagination.pageno < this.pagination.pagecount) {
-				this.pagination.pageno++;
-				this.fetchOwners();
-			}
-		},
-
-		// 刷新列表
-		refresh() {
-			this.fetchOwners();
-		},
-
-		// 获取可见的页码
-		getVisiblePages() {
-			const current = this.pagination.pageno;
-			const total = this.pagination.pagecount;
-			const pages = [];
-			
-			// 如果总页数小于等于5，显示所有页码
-			if (total <= 5) {
-				for (let i = 1; i <= total; i++) {
-					pages.push(i);
-				}
-			} else {
-				// 显示当前页附近的页码
-				const start = Math.max(1, current - 2);
-				const end = Math.min(total, current + 2);
-				
-				for (let i = start; i <= end; i++) {
-					pages.push(i);
-				}
-			}
-			
-			return pages;
-		},
-
-		// 切换页码
-		changePage(page) {
-			if (page >= 1 && page <= this.pagination.pagecount) {
-				this.pagination.pageno = page;
-				this.fetchOwners();
-			}
-		}
-	},
-	mounted() {
-		// 组件挂载时获取数据
-		this.fetchOwners();
-	}
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/DomainOwnerDialog.vue b/dashboard_backup/src2/components/DomainOwnerDialog.vue
deleted file mode 100644
index 3df7d0b..0000000
--- a/dashboard_backup/src2/components/DomainOwnerDialog.vue
+++ /dev/null
@@ -1,617 +0,0 @@
-<template>
-  <div v-if="visible" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-    <div class="bg-white rounded-lg shadow-2xl max-w-4xl w-full mx-4 max-h-[90vh] flex flex-col overflow-hidden">
-      <!-- 固定标题栏 -->
-      <div class="p-4 border-b border-gray-200 bg-white rounded-t-lg flex-shrink-0">
-        <div class="flex items-center justify-between">
-          <h3 class="text-lg font-medium text-gray-900">新建域名所有者</h3>
-          <button 
-            @click="closeDialog"
-            class="text-gray-400 hover:text-gray-600 transition-colors duration-200"
-          >
-            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-            </svg>
-          </button>
-        </div>
-      </div>
-
-      <!-- 可滚动内容区域 -->
-      <div class="p-6 overflow-y-auto flex-1">
-        <!-- 重要提醒 -->
-        <div class="mb-6 p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
-          <div class="flex">
-            <svg class="w-5 h-5 text-yellow-400 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
-              <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
-            </svg>
-            <div class="ml-3">
-              <p class="text-sm text-yellow-800">
-                域名所有者名称代表域名的所有权，必须与证件及备案主体一致，实名认证后不可更改。所有信息须真实完整，手机号码必须归属本人，禁止代持，变更后90天内不可再改，虚假信息可能导致域名被注销。
-              </p>
-            </div>
-          </div>
-        </div>
-
-        <form @submit.prevent="handleSubmit" class="space-y-6">
-          <!-- 所有者类型 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">所有者类型 *</label>
-            <div class="flex gap-4">
-              <label class="flex items-center">
-                <input 
-                  type="radio" 
-                  v-model="formData.c_regtype" 
-                  value="I" 
-                  @change="onRegTypeChange"
-                  class="mr-2"
-                >
-                <span class="text-sm">个人</span>
-              </label>
-              <label class="flex items-center">
-                <input 
-                  type="radio" 
-                  v-model="formData.c_regtype" 
-                  value="E" 
-                  @change="onRegTypeChange"
-                  class="mr-2"
-                >
-                <span class="text-sm">企业/组织</span>
-              </label>
-            </div>
-          </div>
-
-          <!-- 中文信息 -->
-          <div class="space-y-4">
-            <!-- 单位名称（企业时显示）- 单独一行 -->
-            <div v-if="formData.c_regtype === 'E'" class="w-full">
-              <label class="block text-sm font-medium text-gray-700 mb-2">所有者单位名称 *</label>
-              <input 
-                v-model="formData.c_org_m" 
-                type="text" 
-                class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="请输入单位名称"
-              >
-            </div>
-
-            <!-- 姓名部分 -->
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">姓 *</label>
-                <input 
-                  v-model="formData.c_ln_m" 
-                  type="text" 
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="请输入姓"
-                >
-              </div>
-
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">名 *</label>
-                <input 
-                  v-model="formData.c_fn_m" 
-                  type="text" 
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="请输入名"
-                >
-              </div>
-            </div>
-
-            <!-- 区域选择 -->
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
-              <!-- 国家/地区选择 -->
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">国家/地区 *</label>
-                <select 
-                  v-model="selectedCountry" 
-                  @change="onCountryChange"
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  <option value="">请选择国家/地区</option>
-                  <option v-for="country in countryList" :key="country.code" :value="country.code">
-                    {{ country.name }}
-                  </option>
-                </select>
-              </div>
-
-              <!-- 所属区域 - 仅中国显示 -->
-              <div v-if="selectedCountry === 'CN'">
-                <label class="block text-sm font-medium text-gray-700 mb-2">所属省份 *</label>
-                <select 
-                  v-model="selectedProvince" 
-                  @change="onProvinceChange"
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  <option value="">请选择省份</option>
-                  <option v-for="province in chinaRegions" :key="province.code" :value="province.name">
-                    {{ province.name }}
-                  </option>
-                </select>
-              </div>
-
-              <div v-if="selectedCountry === 'CN'">
-                <label class="block text-sm font-medium text-gray-700 mb-2">所属城市 *</label>
-                <select 
-                  v-model="selectedCity" 
-                  @change="onCityChange"
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  :disabled="!selectedProvince"
-                >
-                  <option value="">请选择城市</option>
-                  <option v-for="city in getCurrentCities()" :key="city.code" :value="city.name">
-                    {{ city.name }}
-                  </option>
-                </select>
-              </div>
-
-              <div v-if="selectedCountry === 'CN'">
-                <label class="block text-sm font-medium text-gray-700 mb-2">所属区县</label>
-                <select 
-                  v-model="selectedDistrict" 
-                  @change="onDistrictChange"
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  :disabled="!selectedCity"
-                >
-                  <option value="">请选择区县</option>
-                  <option v-for="district in getCurrentDistricts()" :key="district.code" :value="district.name">
-                    {{ district.name }}
-                  </option>
-                </select>
-              </div>
-
-              <!-- 非中国地区的省份/州输入框 -->
-              <div v-if="selectedCountry && selectedCountry !== 'CN'">
-                <label class="block text-sm font-medium text-gray-700 mb-2">省份/州 *</label>
-                <input 
-                  v-model="formData.c_st_m" 
-                  type="text" 
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="请输入省份/州"
-                >
-              </div>
-
-              <!-- 非中国地区的城市输入框 -->
-              <div v-if="selectedCountry && selectedCountry !== 'CN'">
-                <label class="block text-sm font-medium text-gray-700 mb-2">城市 *</label>
-                <input 
-                  v-model="formData.c_ct_m" 
-                  type="text" 
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="请输入城市"
-                >
-              </div>
-            </div>
-
-            <!-- 通讯地址 -->
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-2">通讯地址 *</label>
-              <input 
-                v-model="formData.c_adr_m" 
-                type="text" 
-                class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="请输入详细地址"
-                @input="validateAddress"
-              >
-              <div v-if="addressError" class="text-red-500 text-xs mt-1">
-                {{ addressError }}
-              </div>
-            </div>
-
-            <!-- 联系信息 -->
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <!-- 邮编 -->
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">邮编 *</label>
-                <input 
-                  v-model="formData.c_pc" 
-                  type="text" 
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  placeholder="请输入邮编"
-                >
-              </div>
-
-              <!-- 手机号码 -->
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">手机号码 *</label>
-                <div class="flex">
-                  <span class="inline-flex items-center px-3 py-2 border border-r-0 border-gray-300 bg-gray-50 text-gray-500 text-sm rounded-l-lg">
-                    +86
-                  </span>
-                  <input 
-                    v-model="formData.c_ph" 
-                    type="text" 
-                    class="flex-1 border rounded-r-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                    placeholder="请输入手机号码"
-                  >
-                </div>
-              </div>
-            </div>
-
-            <!-- 电子邮箱 -->
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-2">电子邮箱 *</label>
-              <input 
-                v-model="formData.c_em" 
-                type="email" 
-                class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                placeholder="请输入邮箱地址"
-              >
-            </div>
-
-            <!-- 证件信息 -->
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-              <!-- 证件类型 -->
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">证件类型 *</label>
-                <select 
-                  v-model="formData.c_idtype_gswl" 
-                  @change="onCertificateTypeChange"
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                >
-                  <option value="">请选择证件类型</option>
-                  <option v-for="option in getCertificateTypeOptions()" :key="option.value" :value="option.value">
-                    {{ option.label }}
-                  </option>
-                </select>
-              </div>
-
-              <!-- 证件号码 -->
-              <div>
-                <label class="block text-sm font-medium text-gray-700 mb-2">证件号码 *</label>
-                <input 
-                  v-model="formData.c_idnum_gswl" 
-                  type="text" 
-                  class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-                  :placeholder="getCertificatePlaceholder()"
-                  @input="validateIdNumber"
-                >
-                <div v-if="idNumberError" class="text-red-500 text-xs mt-1">
-                  {{ idNumberError }}
-                </div>
-              </div>
-            </div>
-          </div>
-        </form>
-      </div>
-
-      <!-- 固定底部栏 -->
-      <div class="p-4 border-t border-gray-200 bg-white rounded-b-lg flex-shrink-0">
-        <div class="flex justify-end gap-3">
-          <button 
-            type="button"
-            @click="closeDialog"
-            class="px-4 py-2 text-sm border border-gray-300 bg-white text-gray-700 rounded-lg hover:bg-gray-50 transition-colors duration-200"
-          >
-            取消
-          </button>
-          <button 
-            type="submit"
-            :disabled="isLoading"
-            class="px-4 py-2 text-sm bg-gray-900 text-white rounded-lg hover:bg-gray-800 disabled:bg-gray-300 transition-colors duration-200"
-            @click="handleSubmit"
-          >
-            {{ isLoading ? '创建中...' : '保存' }}
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getCountryList, getChinaRegions, getCitiesByProvince, getDistrictsByCity } from '../utils/regions';
-
-export default {
-  name: 'DomainOwnerDialog',
-  props: {
-    visible: {
-      type: Boolean,
-      default: false
-    },
-    isLoading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['close', 'submit'],
-  data() {
-    return {
-      formData: {
-        c_regtype: 'I', // I: 个人, E: 企业
-        c_org_m: '', // 中文单位名称
-        c_ln_m: '', // 中文姓
-        c_fn_m: '', // 中文名
-        c_st_m: '', // 中文省份
-        c_ct_m: '', // 中文城市
-        c_dt_m: '', // 中文区县
-        c_adr_m: '', // 中文地址
-        c_pc: '', // 邮编
-        c_ph_type: '0', // 电话类型：0-手机（固定值）
-        c_ph: '', // 手机号码
-        c_em: '', // 邮箱
-        c_idtype_gswl: 'SFZ', // 证件类型，个人默认身份证
-        c_idnum_gswl: '' // 证件号码
-      },
-      selectedCountry: 'CN',
-      selectedProvince: '',
-      selectedCity: '',
-      selectedDistrict: '',
-      countryList: getCountryList(),
-      chinaRegions: getChinaRegions(),
-      idNumberError: '',
-      addressError: ''
-    };
-  },
-  methods: {
-    closeDialog() {
-      this.resetForm();
-      this.$emit('close');
-    },
-    async handleSubmit() {
-      // 验证表单
-      const errors = this.validateForm();
-      if (errors.length > 0) {
-        alert(errors[0]); // 可以改为更友好的提示方式
-        return;
-      }
-      
-      try {
-        // 准备提交数据，确保格式正确
-        const submitData = {
-          c_regtype: this.formData.c_regtype,
-          c_org_m: this.formData.c_org_m || '',
-          c_ln_m: this.formData.c_ln_m,
-          c_fn_m: this.formData.c_fn_m,
-          c_st_m: this.formData.c_st_m,
-          c_ct_m: this.formData.c_ct_m,
-          c_dt_m: this.formData.c_dt_m || '',
-          c_adr_m: this.formData.c_adr_m,
-          c_pc: this.formData.c_pc,
-          c_ph_type: '0',
-          c_ph: this.formData.c_ph,
-          c_em: this.formData.c_em,
-          c_idtype_gswl: this.formData.c_idtype_gswl,
-          c_idnum_gswl: this.formData.c_idnum_gswl,
-          c_co: this.selectedCountry,
-          cocode: this.selectedCountry === 'CN' ? '+86' : ''
-        };
-        
-        // 触发父组件的submit事件，传递数据
-        this.$emit('submit', submitData);
-        
-        // 不在这里关闭对话框，等待父组件处理成功后再关闭
-      } catch (error) {
-        alert('创建失败，请检查网络连接或联系管理员');
-      }
-    },
-    validateForm() {
-      const errors = [];
-      
-      if (!this.formData.c_regtype) {
-        errors.push('请选择所有者类型');
-      }
-      if (!this.formData.c_ln_m || !this.formData.c_fn_m) {
-        errors.push('请输入姓名');
-      }
-      if (!this.selectedCountry) {
-        errors.push('请选择国家/地区');
-      }
-      if (this.selectedCountry === 'CN' && (!this.formData.c_st_m || !this.formData.c_ct_m)) {
-        errors.push('请选择所属区域');
-      }
-      if (this.selectedCountry !== 'CN' && (!this.formData.c_st_m || !this.formData.c_ct_m)) {
-        errors.push('请输入省份/州和城市');
-      }
-      if (!this.formData.c_adr_m) {
-        errors.push('请输入通讯地址');
-      } else {
-        // 验证通讯地址长度
-        if (this.formData.c_adr_m.length < 4) {
-          errors.push('通讯地址长度至少需要4个字符');
-        } else if (this.formData.c_adr_m.length > 64) {
-          errors.push('通讯地址长度不能超过64个字符');
-        } else {
-          // 验证特殊字符
-          const specialChars = ['，', '、', '；', '：', '。', '！', '？', ' ', '\t', '\n'];
-          for (const char of specialChars) {
-            if (this.formData.c_adr_m.includes(char)) {
-              errors.push('通讯地址不能包含特殊字符');
-              break;
-            }
-          }
-        }
-      }
-      if (!this.formData.c_pc) {
-        errors.push('请输入邮编');
-      }
-      // 验证手机号码
-      if (!this.formData.c_ph) {
-        errors.push('请输入手机号码');
-      }
-      
-      // 企业类型验证
-      if (this.formData.c_regtype === 'E' && !this.formData.c_org_m) {
-        errors.push('企业类型必须填写单位名称');
-      }
-      if (!this.formData.c_em) {
-        errors.push('请输入电子邮箱');
-      }
-      if (!this.formData.c_idtype_gswl) {
-        errors.push('请选择证件类型');
-      }
-      if (!this.formData.c_idnum_gswl) {
-        errors.push('请输入证件号码');
-      } else if (this.formData.c_idtype_gswl === 'SFZ') {
-        const idNum = this.formData.c_idnum_gswl.trim();
-        if (idNum.length !== 18) {
-          errors.push('身份证号码必须是18位');
-        } else {
-          // 验证格式：前17位为数字，最后一位可能是数字或X
-          const first17 = idNum.slice(0, 17);
-          const lastChar = idNum[17].toUpperCase();
-          
-          if (!first17.match(/^\d+$/)) {
-            errors.push('身份证号码前17位必须是数字');
-          } else if (!(lastChar.match(/^\d$/) || lastChar === 'X')) {
-            errors.push('身份证号码最后一位必须是数字或X');
-          }
-        }
-      }
-      
-      return errors;
-    },
-    resetForm() {
-      this.formData = {
-        c_regtype: 'I',
-        c_org_m: '',
-        c_ln_m: '',
-        c_fn_m: '',
-        c_st_m: '',
-        c_ct_m: '',
-        c_dt_m: '',
-        c_adr_m: '',
-        c_pc: '',
-        c_ph_type: '0',
-        c_ph: '',
-        c_em: '',
-        c_idtype_gswl: 'SFZ', // 个人默认证件类型
-        c_idnum_gswl: ''
-      };
-      this.selectedCountry = 'CN';
-      this.selectedProvince = '';
-      this.selectedCity = '';
-      this.selectedDistrict = '';
-      this.idNumberError = '';
-      this.addressError = '';
-    },
-    onCountryChange() {
-      // 重置省市区选择
-      this.selectedProvince = '';
-      this.selectedCity = '';
-      this.selectedDistrict = '';
-      this.formData.c_st_m = '';
-      this.formData.c_ct_m = '';
-      this.formData.c_dt_m = '';
-    },
-    onProvinceChange() {
-      this.selectedCity = '';
-      this.selectedDistrict = '';
-      this.formData.c_st_m = this.selectedProvince;
-      this.formData.c_ct_m = '';
-      this.formData.c_dt_m = '';
-    },
-    onCityChange() {
-      this.selectedDistrict = '';
-      this.formData.c_ct_m = this.selectedCity;
-      this.formData.c_dt_m = '';
-    },
-    onDistrictChange() {
-      this.formData.c_dt_m = this.selectedDistrict;
-    },
-    onCertificateTypeChange() {
-      // 清空证件号码和错误信息
-      this.formData.c_idnum_gswl = '';
-      this.idNumberError = '';
-    },
-    onRegTypeChange() {
-      // 根据所有者类型设置默认证件类型
-      if (this.formData.c_regtype === 'I') {
-        this.formData.c_idtype_gswl = 'SFZ'; // 个人默认身份证
-      } else {
-        this.formData.c_idtype_gswl = 'YYZZ'; // 企业默认营业执照
-      }
-      // 清空证件号码和错误信息
-      this.formData.c_idnum_gswl = '';
-      this.idNumberError = '';
-    },
-    getCurrentCities() {
-      if (!this.selectedProvince) return [];
-      return getCitiesByProvince(this.selectedProvince);
-    },
-    getCurrentDistricts() {
-      if (!this.selectedCity || !this.selectedProvince) return [];
-      return getDistrictsByCity(this.selectedProvince, this.selectedCity);
-    },
-    getCertificateTypeOptions() {
-      return this.formData.c_regtype === 'I' 
-        ? [
-            { value: 'SFZ', label: '身份证' },
-            { value: 'HZ', label: '护照' }
-          ]
-        : [
-            { value: 'YYZZ', label: '营业执照' },
-            { value: 'ORG', label: '组织机构代码证' }
-          ];
-    },
-    getCertificatePlaceholder() {
-      if (this.formData.c_idtype_gswl === 'SFZ') {
-        return '请输入18位身份证号码';
-      } else if (this.formData.c_idtype_gswl === 'HZ') {
-        return '请输入护照号码';
-      } else if (this.formData.c_idtype_gswl === 'YYZZ') {
-        return '请输入营业执照号码';
-      } else if (this.formData.c_idtype_gswl === 'ORG') {
-        return '请输入组织机构代码证号码';
-      }
-      return '请输入证件号码';
-    },
-    validateIdNumber() {
-      this.idNumberError = '';
-      
-      if (!this.formData.c_idnum_gswl) {
-        return;
-      }
-      
-      if (this.formData.c_idtype_gswl === 'SFZ') {
-        const idNum = this.formData.c_idnum_gswl.trim();
-        if (idNum.length !== 18) {
-          this.idNumberError = `身份证号码必须是18位，当前为${idNum.length}位`;
-          return;
-        }
-        
-        // 验证格式：前17位为数字，最后一位可能是数字或X
-        const first17 = idNum.slice(0, 17);
-        const lastChar = idNum[17].toUpperCase();
-        
-        if (!first17.match(/^\d+$/)) {
-          this.idNumberError = '身份证号码前17位必须是数字';
-          return;
-        }
-        
-        if (!(lastChar.match(/^\d$/) || lastChar === 'X')) {
-          this.idNumberError = '身份证号码最后一位必须是数字或X';
-          return;
-        }
-      }
-    },
-    validateAddress() {
-      this.addressError = '';
-      const address = this.formData.c_adr_m;
-      
-      if (!address) {
-        return; // 空值时不显示错误，只在提交时验证
-      }
-      
-      // 检查长度
-      if (address.length < 4) {
-        this.addressError = '通讯地址长度至少需要4个字符';
-        return;
-      }
-      
-      if (address.length > 64) {
-        this.addressError = '通讯地址长度不能超过64个字符';
-        return;
-      }
-      
-      // 检查特殊字符
-      const specialChars = ['，', '、', '；', '：', '。', '！', '？', ' ', '\t', '\n'];
-      for (const char of specialChars) {
-        if (address.includes(char)) {
-          this.addressError = '通讯地址不能包含特殊字符';
-          return;
-        }
-      }
-    }
-
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/EnvironmentVariableEditorDialog.vue b/dashboard_backup/src2/components/EnvironmentVariableEditorDialog.vue
deleted file mode 100644
index 0ab3229..0000000
--- a/dashboard_backup/src2/components/EnvironmentVariableEditorDialog.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: environment_variable
-				? '编辑环境变量'
-				: '添加环境变量',
-			actions: [
-				{
-					label: environment_variable
-						? '编辑环境变量'
-						: '添加环境变量',
-					variant: 'solid',
-					loading: docResource?.updateEnvironmentVariable?.loading,
-					onClick: updateEnvironmentVariable
-				}
-			]
-		}"
-		v-model="showDialog"
-	>
-		<template v-slot:body-content>
-			<div class="space-y-4">
-				<FormControl type="text" label="键" v-model="key" autocomplete="off" />
-				<FormControl label="值" v-model="value" autocomplete="off" />
-				<ErrorMessage class="mt-2" :message="error" />
-				<div class="flex items-center">
-					<i-lucide-info class="mr-2 text-gray-500" />
-					<div class="text-sm text-gray-600">
-						环境变量的更改仅会在新的部署中生效。
-					</div>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import {
-	Autocomplete,
-	ErrorMessage,
-	FormControl,
-	getCachedDocumentResource
-} from 'jingrow-ui';
-
-export default {
-	name: 'EnvironmentVariableEditorDialog',
-	props: ['group', 'environment_variable'],
-	components: {
-		Autocomplete,
-		FormControl,
-		ErrorMessage
-	},
-	data() {
-		return {
-			docResource: null,
-			showDialog: true,
-			key: null,
-			value: null,
-			error: null
-		};
-	},
-	async mounted() {
-		if (this.environment_variable) {
-			this.key = this.environment_variable.key;
-			this.value = this.environment_variable.value;
-		}
-	},
-	methods: {
-		updateEnvironmentVariable() {
-			if (this.group) {
-				this.docResource = getCachedDocumentResource(
-					'Release Group',
-					this.group
-				);
-			}
-			if (!this.docResource) return;
-			let key = this.key;
-			let value = this.value;
-			let environment_variables = { [key]: value };
-			this.docResource.updateEnvironmentVariable.submit(
-				{ environment_variables },
-				{
-					onSuccess: () => {
-						this.$emit('success');
-						this.showDialog = false;
-					}
-				}
-			);
-			this.error = this.docResource.updateEnvironmentVariable.error;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/FilterControl.vue b/dashboard_backup/src2/components/FilterControl.vue
deleted file mode 100644
index 7a360a3..0000000
--- a/dashboard_backup/src2/components/FilterControl.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-	<LinkControl
-		v-if="$attrs.type === 'link'"
-		v-bind="$attrs"
-		class="min-w-[6rem]"
-	/>
-	<TabButtons
-		v-else-if="$attrs.type === 'tab'"
-		v-bind="{ ...$attrs, buttons: $attrs.options.map(o => ({ label: o })) }"
-	/>
-	<DatePicker
-		v-else-if="$attrs.type === 'date'"
-		v-bind="{ ...$attrs, type: undefined }"
-	/>
-	<DateTimePicker
-		v-else-if="$attrs.type === 'datetime'"
-		v-bind="{ ...$attrs, type: undefined }"
-	/>
-	<FormControl v-else v-bind="$attrs" />
-	<div v-if="$attrs.type === 'date' || $attrs.type === 'datetime'"></div>
-	<!-- 我不知道这是什么魔法，但如果我移除这个 div，日期时间组件就会停止工作 -->
-</template>
-<script setup>
-import { DatePicker, TabButtons, DateTimePicker } from 'jingrow-ui';
-import LinkControl from './LinkControl.vue';
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/FoldStep.vue b/dashboard_backup/src2/components/FoldStep.vue
deleted file mode 100644
index cb97cc5..0000000
--- a/dashboard_backup/src2/components/FoldStep.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<template>
-	<div>
-		<button
-			class="flex w-full items-center justify-between rounded bg-gray-50 px-2.5 py-2 text-left text-base"
-			@click="$emit('toggle')"
-			:class="open ? 'rounded-b-none' : ''"
-		>
-			<div class="flex items-center space-x-2">
-				<FeatherIcon
-					:name="open || status == 'Running' ? 'chevron-down' : 'chevron-right'"
-					class="h-3 w-3 text-gray-600"
-					:stroke-width="3"
-				/>
-				<Tooltip :text="status">
-					<div
-						class="grid h-4 w-4 place-items-center rounded-full"
-						:class="iconClass"
-					>
-						<LoadingIndicator
-							class="h-3.5 w-3.5 text-gray-900"
-							v-if="status === 'Running'"
-						/>
-						<FeatherIcon
-							v-else
-							:name="icon"
-							class="h-3 w-3 text-white"
-							:stroke-width="3"
-						/>
-					</div>
-				</Tooltip>
-				<span>
-					{{ title }}
-				</span>
-			</div>
-
-			<div class="text-gray-600" v-if="caption">
-				{{ caption }}
-			</div>
-		</button>
-		<div
-			class="overflow-auto rounded-b border border-gray-100 bg-gray-900 px-2.5 py-2 text-sm text-gray-200"
-			v-show="open || status == 'Running'"
-			ref="output"
-		>
-			<pre class="max-h-[50vh]">{{ body }}</pre>
-		</div>
-	</div>
-</template>
-<script lang="ts">
-import { LoadingIndicator } from 'jingrow-ui';
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-	name: 'FoldStep',
-	props: {
-		open: { type: Boolean, required: true },
-		title: { type: String, required: true },
-		body: { type: String, required: true },
-		status: { type: String, required: false },
-		caption: { type: String, required: false }
-	},
-	emits: ['toggle'],
-	watch: {
-		body(val, oldVal) {
-			if (val === oldVal) {
-				return;
-			}
-
-			this.$nextTick(() => {
-				this.$refs.output.scrollTop = this.$refs.output.scrollHeight;
-			});
-		}
-	},
-	computed: {
-		icon(): string {
-			switch (this.status) {
-				case 'Success':
-					return 'check';
-				case 'Failure':
-					return 'x';
-				case 'Delivery Failure':
-					return 'x';
-				case 'Pending':
-					return 'clock';
-				case 'Skipped':
-					return 'minus';
-				default:
-					return 'circle';
-			}
-		},
-		iconClass(): string {
-			switch (this.status) {
-				case 'Success':
-					return 'bg-green-500';
-				case 'Failure':
-					return 'bg-red-500';
-				case 'Delivery Failure':
-					return 'bg-red-500';
-				case 'Running':
-					return 'bg-transparent';
-				default:
-					return 'bg-gray-400';
-			}
-		}
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/GenericDialog.vue b/dashboard_backup/src2/components/GenericDialog.vue
deleted file mode 100644
index a655482..0000000
--- a/dashboard_backup/src2/components/GenericDialog.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-	<Dialog :options="options" v-model="show">
-		<template v-slot:body-content>
-			<slot>
-				<GenericDialogField
-					v-for="field in fields"
-					:key="field.fieldname"
-					:field="field"
-				/>
-			</slot>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { Dialog } from 'jingrow-ui';
-import GenericDialogField from './GenericDialogField.vue';
-
-export default {
-	name: 'GenericDialog',
-	props: ['options', 'fields'],
-	components: { Dialog, GenericDialogField },
-	data() {
-		return {
-			show: true
-		};
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/GenericDialogField.vue b/dashboard_backup/src2/components/GenericDialogField.vue
deleted file mode 100644
index 0cd655b..0000000
--- a/dashboard_backup/src2/components/GenericDialogField.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-	<Autocomplete
-		v-if="field.fieldtype == 'Autocomplete'"
-		:options="autocompleteOptions"
-		:placeholder="field.placeholder"
-	/>
-	<ListSelection
-		v-else-if="field.fieldtype == 'ListSelection'"
-		:options="field"
-	/>
-</template>
-<script>
-import { Autocomplete, FormControl } from 'jingrow-ui';
-import ListSelection from './ListSelection.vue';
-
-export default {
-	name: 'GenericDialogField',
-	props: ['field'],
-	components: { Autocomplete, FormControl, ListSelection },
-	computed: {
-		autocompleteOptions() {
-			let options = [];
-			if (this.field.fieldtype === 'Autocomplete') {
-				if (this.field.options instanceof Array) {
-					options = this.field.options;
-				} else {
-					options = this.field.options.data || [];
-				}
-			}
-			return options.map(option => {
-				if (typeof option === 'string') {
-					return {
-						label: option,
-						value: option
-					};
-				}
-				return option;
-			});
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/GenericList.vue b/dashboard_backup/src2/components/GenericList.vue
deleted file mode 100644
index ca2290f..0000000
--- a/dashboard_backup/src2/components/GenericList.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-	<ListView
-		:columns="columns"
-		:rows="rows"
-		:options="{
-			selectable: options.selectable || false,
-			onRowClick: row => (options.onRowClick ? options.onRowClick(row) : {}),
-			getRowRoute: options.route ? getRowRoute : null
-		}"
-		row-key="name"
-		@update:selections="e => this.$emit('update:selections', e)"
-	>
-		<ListHeader>
-			<template v-for="column in columns" :key="column.field">
-				<ListHeaderItem :item="column">
-					<template #prefix>
-						<FeatherIcon
-							v-if="column.icon"
-							:name="column.icon"
-							class="h-4 w-4"
-						/>
-					</template>
-				</ListHeaderItem>
-			</template>
-		</ListHeader>
-		<ListRows>
-			<div
-				v-if="rows.length === 0"
-				class="text-center text-sm leading-10 text-gray-500"
-			>
-				未找到结果
-			</div>
-			<ListRow v-for="(row, i) in rows" :row="row" :key="row.name">
-				<template v-slot="{ column, item }">
-					<ObjectListCell
-						:row="row"
-						:column="column"
-						:idx="i"
-						:context="context"
-					/>
-				</template>
-			</ListRow>
-		</ListRows>
-	</ListView>
-</template>
-
-<script>
-import {
-	ListHeader,
-	ListView,
-	ListHeaderItem,
-	ListRow,
-	ListSelectBanner
-} from 'jingrow-ui';
-import ObjectListCell from './ObjectListCell.vue';
-
-export default {
-	name: 'GenericList',
-	components: {
-		ListView,
-		ListHeader,
-		ListHeaderItem,
-		ListRow,
-		ListSelectBanner,
-		ObjectListCell
-	},
-	props: ['options'],
-	emits: ['update:selections'],
-	computed: {
-		columns() {
-			if (!this.options.columns && this.options.data.length > 0) {
-				return Object.keys(this.options.data[0]).map(fieldname => {
-					return {
-						fieldname,
-						key: fieldname,
-						label: fieldname
-					};
-				});
-			}
-			return this.options.columns
-				.filter(column => {
-					if (column.condition) {
-						return column.condition(this.context);
-					}
-					return true;
-				})
-				.map(column => {
-					if (!column.key) {
-						column.key = column.fieldname;
-					}
-					return column;
-				});
-		},
-		rows() {
-			return this.options.data;
-		},
-		context() {
-			return this.options.context;
-		}
-	},
-	methods: {
-		getRowRoute(row) {
-			if (this.options.route) {
-				let route = this.options.route(row);
-				return route || this.$route;
-			}
-			return null;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/GitHubAppSelector.vue b/dashboard_backup/src2/components/GitHubAppSelector.vue
deleted file mode 100644
index 2e87504..0000000
--- a/dashboard_backup/src2/components/GitHubAppSelector.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-	<div v-if="$resources.options.loading" class="mt-2 flex justify-center">
-		<LoadingText />
-	</div>
-	<div class="flex justify-center pt-2" v-else-if="!options?.authorized">
-		<Button
-			v-if="requiresReAuth"
-			variant="solid"
-			icon-left="github"
-			label="重新授权 GitHub"
-			@click="$resources.clearAccessToken.submit()"
-			:loading="$resources.clearAccessToken.loading"
-		/>
-		<Button
-			v-if="needsAuthorization"
-			variant="solid"
-			icon-left="github"
-			label="连接到 GitHub"
-			:link="options.installation_url + '?state=' + state"
-		/>
-	</div>
-	<div v-else class="space-y-4">
-		<FormControl
-			type="autocomplete"
-			label="选择 GitHub 用户/组织"
-			:options="
-				options.installations.map((i) => ({
-					label: i.login,
-					value: String(i.id), // type cast to string for search to work
-					image: i.image,
-				}))
-			"
-			v-model="selectedGithubUser"
-		>
-			<template #prefix>
-				<img
-					v-if="selectedGithubUserData"
-					:src="selectedGithubUserData?.image"
-					class="mr-2 h-4 w-4 rounded-full"
-				/>
-				<FeatherIcon v-else name="users" class="mr-2 h-4 w-4" />
-			</template>
-			<template #item-prefix="{ active, selected, option }">
-				<img
-					v-if="option?.image"
-					:src="option.image"
-					class="mr-2 h-4 w-4 rounded-full"
-				/>
-				<FeatherIcon v-else name="user" class="mr-2 h-4 w-4" />
-			</template>
-		</FormControl>
-		<span class="text-sm text-gray-600">
-			没有看到您的组织？
-			<Link
-				:href="options.installation_url + '?state=' + state"
-				class="font-medium"
-			>
-				从 GitHub 添加
-			</Link>
-		</span>
-		<FormControl
-			type="autocomplete"
-			v-if="selectedGithubUserData"
-			label="选择 GitHub 仓库"
-			:options="
-				(selectedGithubUserData.repos || []).map((r) => ({
-					label: r.name,
-					value: r.name,
-				}))
-			"
-			v-model="selectedGithubRepository"
-		>
-			<template #prefix>
-				<FeatherIcon name="book" class="mr-2 h-4 w-4" />
-			</template>
-			<template #item-prefix="{ active, selected, option }">
-				<FeatherIcon
-					:name="option.value.private ? 'lock' : 'book'"
-					class="mr-2 h-4 w-4"
-				/>
-			</template>
-		</FormControl>
-
-		<p v-if="selectedGithubUserData" class="!mt-2 text-sm text-gray-600">
-			没有看到您的仓库？
-			<Link :href="selectedGithubUserData.url" class="font-medium">
-				从 GitHub 添加
-			</Link>
-		</p>
-		<FormControl
-			v-if="selectedGithubRepository"
-			type="autocomplete"
-			label="选择分支"
-			:options="branchOptions"
-			v-model="selectedBranch"
-		>
-			<template #prefix>
-				<FeatherIcon name="git-branch" class="mr-2 h-4 w-4" />
-			</template>
-		</FormControl>
-	</div>
-</template>
-
-<script>
-export default {
-	emits: ['validateApp', 'fieldChange'],
-	data() {
-		return {
-			app: {},
-			selectedBranch: '',
-			selectedGithubUser: null,
-			selectedGithubRepository: null,
-		};
-	},
-	watch: {
-		selectedGithubUser() {
-			this.selectedBranch = '';
-			this.$emit('fieldChange');
-		},
-		selectedGithubRepository(val) {
-			if (!val) {
-				this.selectedBranch = '';
-				return;
-			}
-			this.$emit('fieldChange');
-			this.$resources.branches.submit({
-				owner: this.selectedGithubUser?.label,
-				name: val?.label,
-				installation: this.selectedGithubUser?.value,
-			});
-
-			if (this.selectedGithubUserData) {
-				let defaultBranch = this.selectedGithubUserData.repos.find(
-					(r) => r.name === val.label
-				).default_branch;
-				this.selectedBranch = { label: defaultBranch, value: defaultBranch };
-			} else this.selectedBranch = '';
-		},
-		selectedBranch(newSelectedBranch) {
-if (this.appOwner && this.appName && newSelectedBranch)
-				this.$emit('validateApp', {
-					owner: this.appOwner,
-					repository: this.appName,
-					branch: newSelectedBranch.value,
-					selectedGithubUser: this.selectedGithubUserData,
-				});
-		},
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.github.options',
-				auto: true,
-			};
-		},
-		branches() {
-			return {
-				url: 'jcloud.api.github.branches',
-			};
-		},
-		clearAccessToken() {
-			return {
-				url: 'jcloud.api.github.clear_token_and_get_installation_url',
-				onSuccess(installation_url) {
-					window.location.href = installation_url + '?state=' + this.state;
-				},
-			};
-		},
-	},
-	computed: {
-		options() {
-			return this.$resources.options.data;
-		},
-		appOwner() {
-			return this.selectedGithubUser?.label;
-		},
-		appName() {
-			return this.selectedGithubRepository?.label;
-		},
-		branchOptions() {
-			return (this.$resources.branches.data || []).map((branch) => ({
-				label: branch.name,
-				value: branch.name,
-			}));
-		},
-		selectedGithubUserData() {
-			if (!this.selectedGithubUser) return null;
-			return this.options.installations.find(
-				(i) => i.id === Number(this.selectedGithubUser.value)
-			);
-		},
-		needsAuthorization() {
-			if (this.$resources.options.loading) return false;
-			return (
-				this.$resources.options.data &&
-				(!this.$resources.options.data.authorized ||
-					this.$resources.options.data.installations.length === 0)
-			);
-		},
-		requiresReAuth() {
-			return this.$resources.options?.error?.messages.includes(
-				'Bad credentials'
-			);
-		},
-		state() {
-			let location = window.location.href;
-			let state = { team: this.$team.name, url: location };
-			return btoa(JSON.stringify(state));
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/Header.vue b/dashboard_backup/src2/components/Header.vue
deleted file mode 100644
index 7ef4457..0000000
--- a/dashboard_backup/src2/components/Header.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<header
-		class="border-b bg-white px-5 py-2.5 sm:px-5"
-		:class="{ 'sticky top-0 z-10': sticky }"
-	>
-		<div class="flex items-center justify-between sm:h-7">
-			<slot />
-		</div>
-	</header>
-</template>
-
-<script setup>
-defineProps({
-	sticky: {
-		type: Boolean,
-		default: false
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/HomeSummary.vue b/dashboard_backup/src2/components/HomeSummary.vue
deleted file mode 100644
index 496bc74..0000000
--- a/dashboard_backup/src2/components/HomeSummary.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<div class="grid grid-cols-2 gap-6">
-		<div class="min-h-[240px] rounded-lg border p-4">
-			<div class="flex items-center justify-between">
-				<div class="text-xl font-semibold">站点</div>
-				<Button variant="ghost" :route="{ name: 'Site List' }">
-					查看全部
-				</Button>
-			</div>
-			<div class="mt-4">
-				<router-link
-					class="flex items-center justify-between rounded border-b px-2 py-2 hover:bg-gray-50"
-					v-for="site in sites"
-					:key="site.name"
-					:to="{ name: 'Site Detail', params: { name: site.name } }"
-				>
-					<div class="text-base text-gray-900">
-						{{ site.host_name || site.name }}
-					</div>
-					<div>
-						<Badge :label="site.status" />
-					</div>
-				</router-link>
-			</div>
-		</div>
-		<div class="rounded-lg border p-4">
-			<div class="text-xl font-semibold">站点分组</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'HomeSummary',
-	resources: {
-		home() {
-			if (!this.$team.pg?.name) return;
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				cache: ['home_data', this.$team.pg.name],
-				makeParams() {
-					return {
-						dt: 'Team',
-						dn: this.$team.pg.name,
-						method: 'get_home_data'
-					};
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		sites() {
-			return this.$resources.home.data?.message.sites || [];
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/InvoiceTable.vue b/dashboard_backup/src2/components/InvoiceTable.vue
deleted file mode 100644
index 0dc41ab..0000000
--- a/dashboard_backup/src2/components/InvoiceTable.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-<template>
-	<div>
-		<div v-if="pg" class="overflow-x-auto">
-			<table
-				class="text w-full border-separate border-spacing-y-2 text-base font-normal text-gray-900"
-			>
-				<thead class="bg-gray-100">
-					<tr class="text-gray-600">
-						<th class="rounded-l p-2 text-left font-normal">描述</th>
-						<th class="whitespace-nowrap p-2 text-right font-normal">费率</th>
-						<th class="whitespace-nowrap p-2 text-right font-normal">
-							数量
-						</th>
-						<th class="rounded-r p-2 text-right font-normal">金额</th>
-					</tr>
-				</thead>
-				<tbody>
-					<template v-for="(items, type) in groupedLineItems" :key="type">
-						<tr class="mt-1 bg-gray-50">
-							<td colspan="100" class="rounded p-2 text-base font-medium">
-								{{ type }}
-							</td>
-						</tr>
-						<tr v-for="(row, i) in items" :key="row.idx">
-							<td class="py-1 pl-2 pr-2">
-								{{ row.document_name }}
-								<span v-if="row.plan" class="text-gray-700">
-									({{ formatPlan(row.plan) }}/月)
-								</span>
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ formatCurrency(row.rate) }}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ row.quantity }}
-								{{
-									[
-										'Site',
-										'Release Group',
-										'Server',
-										'Database Server'
-									].includes(row.document_type)
-										? $format.plural(row.quantity, '天', '天')
-										: ''
-								}}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right font-medium">
-								{{ formatCurrency(row.amount) }}
-							</td>
-						</tr>
-					</template>
-				</tbody>
-				<tfoot>
-					<tr v-if="pg.total_discount_amount > 0">
-						<td></td>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-medium">
-							总金额（不含折扣）
-						</td>
-						<td class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-medium">
-							{{ formatCurrency(pg.total_before_discount) }}
-						</td>
-					</tr>
-					<tr v-if="pg.total_discount_amount > 0">
-						<td></td>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-medium">
-							总折扣金额
-						</td>
-						<td class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-medium">
-							{{
-								$team.pg.jerp_partner
-									? formatCurrency(pg.total_discount_amount)
-									: formatCurrency(0)
-							}}
-						</td>
-					</tr>
-					<tr v-if="pg.gst > 0">
-						<td></td>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-medium">
-							总金额（不含税）
-						</td>
-						<td class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-medium">
-							{{ formatCurrency(pg.total) }}
-						</td>
-					</tr>
-					<tr v-if="pg.gst > 0">
-						<td></td>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-medium">
-							IGST @ {{ Number(gstPercentage * 100) }}%
-						</td>
-						<td class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-medium">
-							{{ pg.gst }}
-						</td>
-					</tr>
-					<tr>
-						<td></td>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-medium">总计</td>
-						<td class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-medium">
-							{{
-								formatCurrency(pg.total + pg.gst)
-							}}
-						</td>
-					</tr>
-					<template
-						v-if="
-							pg.total !== pg.amount_due &&
-['Paid', 'Unpaid'].includes(pg.status)
-						"
-					>
-						<tr>
-							<td></td>
-							<td></td>
-							<td class="pr-2 text-right font-medium">已应用余额</td>
-							<td class="whitespace-nowrap py-3 pr-2 text-right font-medium">
-								- {{ formatCurrency(pg.applied_credits) }}
-							</td>
-						</tr>
-						<tr>
-							<td></td>
-							<td></td>
-							<td class="pr-2 text-right font-medium">应付金额</td>
-							<td class="whitespace-nowrap py-3 pr-2 text-right font-medium">
-								{{ formatCurrency(pg.amount_due) }}
-							</td>
-						</tr>
-					</template>
-				</tfoot>
-			</table>
-		</div>
-		<div class="py-20 text-center" v-if="$resources.invoice.loading">
-			<Button :loading="true">加载中</Button>
-		</div>
-	</div>
-</template>
-<script>
-import { getPlans } from '../data/plans';
-
-export default {
-	name: 'InvoiceTable',
-	props: ['invoiceId'],
-	resources: {
-		invoice() {
-			return {
-				type: 'document',
-				pagetype: 'Invoice',
-				name: this.invoiceId
-			};
-		}
-	},
-	computed: {
-		groupedLineItems() {
-			if (!this.pg) return {};
-			const groupedLineItems = {};
-			for (let item of this.pg.items) {
-				groupedLineItems[item.document_type] =
-					groupedLineItems[item.document_type] || [];
-				groupedLineItems[item.document_type].push(item);
-			}
-			return groupedLineItems;
-		},
-		pg() {
-			return this.$resources.invoice.pg;
-		},
-		gstPercentage() {
-			return this.$team.pg.billing_info.gst_percentage;
-		}
-	},
-	methods: {
-		formatPlan(plan) {
-			let planDoc = getPlans().find(p => p.name === plan);
-			if (planDoc) {
-				let china = this.$team.pg.currency === 'CNY';
-				return this.$format.userCurrency(
-					china ? planDoc.price_cny : planDoc.price_usd
-				);
-			}
-			return plan;
-		},
-		formatCurrency(value) {
-			if (!this.pg) return;
-			let currency = this.pg.currency;
-			return this.$format.currency(value, currency);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JobStep.vue b/dashboard_backup/src2/components/JobStep.vue
deleted file mode 100644
index c5b4f61..0000000
--- a/dashboard_backup/src2/components/JobStep.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<FoldStep
-		:open="Boolean(step.isOpen)"
-		:caption="step.duration"
-		:title="step.title"
-		:body="step.output || '无输出'"
-		:status="step.status"
-		@toggle="step.isOpen = !step.isOpen"
-	/>
-</template>
-<script>
-import FoldStep from './FoldStep.vue';
-
-export default {
-	name: 'JobStep',
-	props: {
-		step: {
-			type: Object,
-			required: true
-		}
-	},
-	components: { FoldStep }
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainAddDNSRecordDialog.vue b/dashboard_backup/src2/components/JsiteDomainAddDNSRecordDialog.vue
deleted file mode 100644
index 070c5f7..0000000
--- a/dashboard_backup/src2/components/JsiteDomainAddDNSRecordDialog.vue
+++ /dev/null
@@ -1,246 +0,0 @@
-<template>
-	<Dialog>
-		<DialogContent class="sm:max-w-[500px]">
-			<DialogHeader>
-				<DialogTitle>添加DNS记录</DialogTitle>
-				<DialogDescription>
-					为域名 {{ domainDoc?.domain }} 添加新的DNS解析记录
-				</DialogDescription>
-			</DialogHeader>
-
-			<form @submit.prevent="submitForm" class="space-y-4">
-				<!-- 记录类型 -->
-				<div class="space-y-2">
-					<Label for="record-type">记录类型</Label>
-					<Select v-model="form.record_type" required>
-						<SelectTrigger>
-							<SelectValue placeholder="选择记录类型" />
-						</SelectTrigger>
-						<SelectContent>
-							<SelectItem value="A">A - IPv4地址</SelectItem>
-							<SelectItem value="AAAA">AAAA - IPv6地址</SelectItem>
-							<SelectItem value="CNAME">CNAME - 别名</SelectItem>
-							<SelectItem value="MX">MX - 邮件交换</SelectItem>
-							<SelectItem value="TXT">TXT - 文本记录</SelectItem>
-							<SelectItem value="NS">NS - 域名服务器</SelectItem>
-						</SelectContent>
-					</Select>
-				</div>
-
-				<!-- 主机记录 -->
-				<div class="space-y-2">
-					<Label for="host">主机记录</Label>
-					<Input 
-						id="host"
-						v-model="form.host"
-						placeholder="例如: www 或 @ (留空表示根域名)"
-						required
-					/>
-					<p class="text-xs text-gray-500">
-						@ 表示根域名，www 表示 www.yourdomain.com
-					</p>
-				</div>
-
-				<!-- 记录值 -->
-				<div class="space-y-2">
-					<Label for="value">记录值</Label>
-					<Input 
-						id="value"
-						v-model="form.value"
-						:placeholder="getValuePlaceholder()"
-						required
-					/>
-					<p class="text-xs text-gray-500">
-						{{ getValueDescription() }}
-					</p>
-				</div>
-
-				<!-- TTL -->
-				<div class="space-y-2">
-					<Label for="ttl">TTL (秒)</Label>
-					<Input 
-						id="ttl"
-						v-model.number="form.ttl"
-						type="number"
-						min="60"
-						max="86400"
-						placeholder="600"
-					/>
-					<p class="text-xs text-gray-500">
-						建议值：600秒 (10分钟) 到 86400秒 (24小时)
-					</p>
-				</div>
-
-				<!-- MX优先级 (仅MX记录显示) -->
-				<div v-if="form.record_type === 'MX'" class="space-y-2">
-					<Label for="mx-priority">MX优先级</Label>
-					<Input 
-						id="mx-priority"
-						v-model.number="form.mx_priority"
-						type="number"
-						min="0"
-						max="65535"
-						placeholder="10"
-					/>
-					<p class="text-xs text-gray-500">
-						数值越小优先级越高，建议值：10
-					</p>
-				</div>
-			</form>
-
-			<DialogFooter>
-				<Button @click="$emit('close')" variant="outline">
-					取消
-				</Button>
-				<Button @click="submitForm" :loading="loading" variant="solid">
-					添加记录
-				</Button>
-			</DialogFooter>
-		</DialogContent>
-	</Dialog>
-</template>
-
-<script>
-import { 
-	Dialog, 
-	DialogContent, 
-	DialogHeader, 
-	DialogTitle, 
-	DialogDescription, 
-	DialogFooter,
-	Button,
-	Input,
-	Label,
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-	createResource
-} from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-
-export default {
-	name: 'JsiteDomainAddDNSRecordDialog',
-	props: ['domain', 'domainDoc', 'onSuccess'],
-	emits: ['close'],
-	data() {
-		return {
-			loading: false,
-			form: {
-				record_type: 'A',
-				host: '',
-				value: '',
-				ttl: 600,
-				mx_priority: 10
-			}
-		};
-	},
-	methods: {
-		// 获取记录值占位符
-		getValuePlaceholder() {
-			const placeholders = {
-				'A': '例如: 192.168.1.1',
-				'AAAA': '例如: 2001:db8::1',
-				'CNAME': '例如: example.com',
-				'MX': '例如: mail.example.com',
-				'TXT': '例如: 验证字符串',
-				'NS': '例如: ns1.example.com'
-			};
-			return placeholders[this.form.record_type] || '';
-		},
-
-		// 获取记录值描述
-		getValueDescription() {
-			const descriptions = {
-				'A': '输入IPv4地址，如：192.168.1.1',
-				'AAAA': '输入IPv6地址，如：2001:db8::1',
-				'CNAME': '输入目标域名，如：example.com',
-				'MX': '输入邮件服务器域名，如：mail.example.com',
-				'TXT': '输入文本内容，常用于域名验证',
-				'NS': '输入域名服务器地址，如：ns1.example.com'
-			};
-			return descriptions[this.form.record_type] || '';
-		},
-
-		// 验证表单
-		validateForm() {
-			if (!this.form.record_type) {
-				toast.error('请选择记录类型');
-				return false;
-			}
-			if (!this.form.value) {
-				toast.error('请输入记录值');
-				return false;
-			}
-			if (this.form.ttl < 60 || this.form.ttl > 86400) {
-				toast.error('TTL值必须在60-86400秒之间');
-				return false;
-			}
-			if (this.form.record_type === 'MX' && (this.form.mx_priority < 0 || this.form.mx_priority > 65535)) {
-				toast.error('MX优先级必须在0-65535之间');
-				return false;
-			}
-			return true;
-		},
-
-		// 提交表单
-		async submitForm() {
-			if (!this.validateForm()) {
-				return;
-			}
-
-			this.loading = true;
-
-			try {
-				// 构建记录数据
-				const recordData = {
-					type: this.form.record_type,
-					host: this.form.host || '@',
-					value: this.form.value,
-					ttl: this.form.ttl
-				};
-
-				// 如果是MX记录，添加优先级
-				if (this.form.record_type === 'MX') {
-					recordData.level = this.form.mx_priority;
-				}
-
-				const request = createResource({
-					url: 'jcloud.api.domain_west.west_domain_add_dns_record',
-					params: {
-						domain: this.domainDoc.domain,
-						record_type: this.form.record_type,
-						host: this.form.host || '@',
-						value: this.form.value,
-						ttl: this.form.ttl,
-						level: this.form.mx_priority
-					},
-					onSuccess: (response) => {
-						this.loading = false;
-						if (response.status === 'success') {
-							toast.success('DNS记录添加成功');
-							this.$emit('close');
-							if (this.onSuccess) {
-								this.onSuccess();
-							}
-						} else {
-							toast.error(response.message || '添加DNS记录失败');
-						}
-					},
-					onError: (error) => {
-						this.loading = false;
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				this.loading = false;
-				toast.error('添加DNS记录失败');
-				console.error('添加DNS记录失败:', error);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainDNSRecords.vue b/dashboard_backup/src2/components/JsiteDomainDNSRecords.vue
deleted file mode 100644
index 0089b14..0000000
--- a/dashboard_backup/src2/components/JsiteDomainDNSRecords.vue
+++ /dev/null
@@ -1,828 +0,0 @@
-<template>
-	<div class="space-y-6">
-		<!-- 标题和操作按钮 -->
-		<div class="flex items-center justify-between">
-			<div>
-			</div>
-			<div class="flex gap-2">
-				<Button 
-					@click="refreshRecords"
-					:loading="$resources.dnsRecords.loading"
-					variant="outline"
-					size="sm"
-				>
-					<RefreshCwIcon class="h-4 w-4 mr-1" />
-					刷新
-				</Button>
-				<Button 
-					v-if="selectedRecords.length > 0"
-					@click="batchDeleteRecords"
-					variant="outline"
-					size="sm"
-					class="text-red-600 hover:text-red-700"
-				>
-					<Trash2Icon class="h-4 w-4 mr-1" />
-					删除选中 ({{ selectedRecords.length }})
-				</Button>
-				<Button 
-					@click="addNewRow"
-					variant="solid"
-					size="sm"
-				>
-					<PlusIcon class="h-4 w-4 mr-1" />
-					添加记录
-				</Button>
-			</div>
-		</div>
-
-		<!-- 加载状态 -->
-		<div v-if="$resources.dnsRecords.loading" class="flex items-center justify-center py-12">
-			<div class="flex items-center space-x-2">
-				<Loader2Icon class="h-5 w-5 animate-spin text-gray-500" />
-				<span class="text-gray-500">正在加载DNS记录...</span>
-			</div>
-		</div>
-
-		<!-- 错误状态 -->
-		<div v-else-if="$resources.dnsRecords.error" class="rounded-md border border-red-200 bg-red-50 p-4">
-			<div class="flex items-center">
-				<AlertCircleIcon class="h-5 w-5 text-red-400 mr-2" />
-				<div>
-					<h3 class="text-sm font-medium text-red-800">加载失败</h3>
-					<p class="text-sm text-red-700 mt-1">{{ $resources.dnsRecords.error }}</p>
-				</div>
-			</div>
-		</div>
-
-		<!-- DNS记录列表 -->
-		<div v-else-if="!$resources.dnsRecords.loading && !$resources.dnsRecords.error" class="space-y-4">
-			<div class="overflow-hidden rounded-md border border-gray-200">
-				<table class="min-w-full divide-y divide-gray-200">
-					<thead class="bg-gray-50">
-						<tr>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								<input 
-									type="checkbox" 
-									class="rounded border-gray-300" 
-									:checked="isAllSelected"
-									:indeterminate="isIndeterminate"
-									@change="toggleSelectAll"
-								/>
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								编号
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								主机名 *
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								类型 *
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								线路
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								对应值 *
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								TTL
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								优先级
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								状态
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								操作
-							</th>
-						</tr>
-					</thead>
-					<tbody class="bg-white divide-y divide-gray-200">
-						<!-- 现有记录 -->
-						<tr v-for="(record, index) in dnsRecords" :key="record.id || `temp-${index}`" class="hover:bg-gray-50">
-							<td class="px-4 py-4 whitespace-nowrap">
-								<input 
-									type="checkbox" 
-									class="rounded border-gray-300" 
-									:checked="selectedRecords.includes(String(record.id))"
-									@change="toggleRecordSelection(record.id)"
-									:disabled="record.isNew"
-								/>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
-								{{ record.isNew ? '-' : (dnsRecords.filter(r => !r.isNew).findIndex(r => r.id === record.id) + 1) }}
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 主机名编辑 -->
-								<div v-if="record.editing" class="flex items-center space-x-2">
-									<input 
-										v-model="record.host" 
-										type="text" 
-										class="w-24 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										:class="{ 'bg-gray-100 text-gray-500 cursor-not-allowed': !record.isNew }"
-										placeholder="主机名"
-										:disabled="!record.isNew"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-900">
-									{{ record.host || '-' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 类型编辑 -->
-								<div v-if="record.editing" class="flex items-center space-x-2">
-									<select 
-										v-model="record.type" 
-										@change="handleRecordTypeChange(record)"
-										class="w-20 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										:class="{ 'bg-gray-100 text-gray-500 cursor-not-allowed': !record.isNew }"
-										:disabled="!record.isNew"
-									>
-										<option value="A">A</option>
-										<option value="AAAA">AAAA</option>
-										<option value="CNAME">CNAME</option>
-										<option value="MX">MX</option>
-										<option value="NS">NS</option>
-										<option value="TXT">TXT</option>
-										<option value="SRV">SRV</option>
-									</select>
-								</div>
-								<div v-else>
-									<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" 
-										:class="{
-											'bg-green-100 text-green-800': record.type === 'A',
-											'bg-blue-100 text-blue-800': record.type === 'AAAA',
-											'bg-yellow-100 text-yellow-800': record.type === 'CNAME',
-											'bg-purple-100 text-purple-800': record.type === 'MX',
-											'bg-indigo-100 text-indigo-800': record.type === 'NS',
-											'bg-gray-100 text-gray-800': record.type === 'TXT',
-											'bg-orange-100 text-orange-800': record.type === 'SRV',
-											'bg-gray-100 text-gray-800': !record.type
-										}">
-										{{ record.type || '未知' }}
-									</span>
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 线路编辑 -->
-								<div v-if="record.editing" class="flex items-center space-x-2">
-									<select 
-										v-model="record.line" 
-										class="w-20 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-									>
-										<option value="">默认</option>
-										<option value="LTEL">电信</option>
-										<option value="LCNC">联通</option>
-										<option value="LMOB">移动</option>
-										<option value="LEDU">教育网</option>
-										<option value="LSEO">搜索引擎</option>
-									</select>
-								</div>
-								<div v-else class="text-sm text-gray-500">
-									{{ getLineDisplayName(record.line) }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 对应值编辑 -->
-								<div v-if="record.editing" class="flex items-center space-x-2">
-									<input 
-										v-model="record.value" 
-										type="text" 
-										class="w-32 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="记录值"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-900 max-w-xs truncate" :title="record.value">
-									{{ record.value || '-' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- TTL编辑 -->
-								<div v-if="record.editing" class="flex items-center space-x-2">
-									<input 
-										v-model="record.ttl" 
-										type="number" 
-										min="60" 
-										max="86400"
-										class="w-20 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-500">
-									{{ record.ttl || '600' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 优先级编辑 -->
-								<div v-if="record.editing && (record.type === 'MX' || record.type === 'SRV')" class="flex items-center space-x-2">
-									<input 
-										v-model="record.level" 
-										type="number" 
-										min="1" 
-										max="100"
-										class="w-16 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-500">
-									{{ (record.type === 'MX' || record.type === 'SRV') && record.level ? record.level : '-' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap text-sm">
-								<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
-									正常
-								</span>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap text-sm">
-								<div class="flex items-center space-x-1">
-									<Button 
-										v-if="!record.editing"
-										@click="editRecord(record)"
-										variant="ghost"
-										size="sm"
-										class="text-blue-600 hover:text-blue-700"
-									>
-										编辑
-									</Button>
-									<Button 
-										v-if="record.editing"
-										@click="saveRecord(record)"
-										variant="ghost"
-										size="sm"
-										class="text-green-600 hover:text-green-700"
-									>
-										保存
-									</Button>
-									<Button 
-										v-if="record.editing"
-										@click="cancelEdit(record)"
-										variant="ghost"
-										size="sm"
-										class="text-gray-600 hover:text-gray-700"
-									>
-										取消
-									</Button>
-									<Button 
-										v-if="!record.editing && !record.isNew"
-										@click="deleteRecord(record)"
-										variant="ghost"
-										size="sm"
-										class="text-red-600 hover:text-red-700"
-									>
-										删除
-									</Button>
-								</div>
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-
-			<!-- 分页 -->
-			<div v-if="pagination.total > pagination.limit" class="flex flex-col items-center space-y-4">
-				<div class="text-sm text-gray-700">
-					显示第 {{ (pagination.pageno - 1) * pagination.limit + 1 }} - 
-					{{ Math.min(pagination.pageno * pagination.limit, pagination.total) }} 条，
-					共 {{ pagination.total }} 条记录
-				</div>
-				<div class="flex items-center space-x-2">
-					<Button 
-						@click="changePage(pagination.pageno - 1)"
-						:disabled="pagination.pageno <= 1"
-						variant="outline"
-						size="sm"
-						class="px-3"
-					>
-						←
-					</Button>
-					<div class="flex items-center space-x-1">
-						<Button 
-							v-for="page in getVisiblePages()" 
-							:key="page"
-							@click="changePage(page)"
-							:class="[
-								'px-3 py-1 text-sm rounded',
-								page === pagination.pageno 
-									? '!bg-[#1fc76f] text-white' 
-									: 'bg-white text-gray-700 border border-gray-300 hover:bg-gray-50'
-							]"
-							:disabled="page === pagination.pageno"
-						>
-							{{ page }}
-						</Button>
-					</div>
-					<Button 
-						@click="changePage(pagination.pageno + 1)"
-						:disabled="pagination.pageno >= pagination.pagecount"
-						variant="outline"
-						size="sm"
-						class="px-3"
-					>
-						→
-					</Button>
-				</div>
-			</div>
-		</div>
-
-		<!-- 空状态 -->
-		<div v-else-if="!$resources.dnsRecords.loading && !$resources.dnsRecords.error && dnsRecords.length === 0" class="text-center py-12">
-			<GlobeIcon class="mx-auto h-12 w-12 text-gray-400" />
-			<h3 class="mt-2 text-sm font-medium text-gray-900">暂无DNS记录</h3>
-			<p class="mt-1 text-sm text-gray-500">开始添加您的第一个DNS解析记录</p>
-			<div class="mt-6">
-				<Button @click="addNewRow" variant="solid">
-					<PlusIcon class="h-4 w-4 mr-1" />
-					添加记录
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getCachedDocumentResource, Badge, Button, createResource } from 'jingrow-ui';
-import { h, defineAsyncComponent } from 'vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-import { renderDialog, confirmDialog } from '../utils/components';
-import RefreshCwIcon from '~icons/lucide/refresh-cw';
-import PlusIcon from '~icons/lucide/plus';
-import Loader2Icon from '~icons/lucide/loader-2';
-import AlertCircleIcon from '~icons/lucide/alert-circle';
-import EditIcon from '~icons/lucide/edit';
-import Trash2Icon from '~icons/lucide/trash-2';
-import GlobeIcon from '~icons/lucide/globe';
-import SettingsIcon from '~icons/lucide/settings';
-
-export default {
-	name: 'JsiteDomainDNSRecords',
-	props: ['domain'],
-	data() {
-		return {
-			dnsRecords: [],
-			pagination: {
-				pageno: 1,
-				limit: 10,
-				total: 0,
-				pagecount: 0
-			},
-			selectedRecords: [] // 用于存储选中的记录ID
-		};
-	},
-	resources: {
-		dnsRecords() {
-			return {
-				url: 'jcloud.api.domain_west.get_jingrow_domain_dns_records',
-				params: {
-					domain: this.$domain.pg?.domain,
-					limit: this.pagination.limit,
-					pageno: this.pagination.pageno
-				},
-				auto: true,
-				onSuccess: (response) => {
-					if (response.status === 'success' && response.data) {
-						// 为每个记录添加编辑状态
-						this.dnsRecords = (response.data.items || []).map(record => ({
-							...record,
-							editing: false,
-							isNew: false
-						}));
-						
-						this.pagination = {
-							pageno: response.data.pageno || 1,
-							limit: response.data.limit || 20,
-							total: response.data.total || 0,
-							pagecount: response.data.pagecount || 0
-						};
-					} else {
-						this.error = response.message || '获取DNS记录失败';
-					}
-				},
-				onError: (error) => {
-					this.error = getToastErrorMessage(error);
-				}
-			};
-		}
-	},
-	methods: {
-		// 刷新记录
-		refreshRecords() {
-			// 更新资源参数并立即重新加载
-			this.$resources.dnsRecords.update({
-				params: {
-					domain: this.$domain.pg?.domain,
-					limit: this.pagination.limit,
-					pageno: this.pagination.pageno
-				}
-			});
-			this.$resources.dnsRecords.reload();
-		},
-
-		// 切换页面
-		changePage(page) {
-			if (page >= 1 && page <= this.pagination.pagecount) {
-				this.pagination.pageno = page;
-				// 更新资源参数并立即重新加载
-				this.$resources.dnsRecords.update({
-					params: {
-						domain: this.$domain.pg?.domain,
-						limit: this.pagination.limit,
-						pageno: this.pagination.pageno
-					}
-				});
-				this.$resources.dnsRecords.reload();
-			}
-		},
-
-		// 获取记录类型样式
-		getRecordTypeVariant(type) {
-			const variantMap = {
-				'A': 'success',
-				'AAAA': 'info',
-				'CNAME': 'warning',
-				'MX': 'primary',
-				'NS': 'info',
-				'TXT': 'secondary',
-				'SRV': 'warning'
-			};
-			return variantMap[type] || 'default';
-		},
-
-		// 获取线路显示名称
-		getLineDisplayName(line) {
-			const lineMap = {
-				'LTEL': '电信',
-				'LCNC': '联通',
-				'LMOB': '移动',
-				'LEDU': '教育网',
-				'LSEO': '搜索引擎',
-				'': '默认'
-			};
-			return lineMap[line] || line;
-		},
-
-		// 添加新行
-		addNewRow() {
-			const newRecord = {
-				id: null, // 新增记录没有ID
-				host: '',
-				type: 'A',
-				line: '',
-				value: '',
-				ttl: 600,
-				level: null, // 默认不设置优先级
-				editing: true, // 新增记录直接进入编辑模式
-				isNew: true
-			};
-			
-			// 添加新记录到最前面
-			this.dnsRecords.unshift(newRecord);
-			
-			// 如果默认类型是MX或SRV，设置默认优先级
-			this.handleRecordTypeChange(newRecord);
-		},
-
-		// 处理记录类型变化时的优先级设置
-		handleRecordTypeChange(record) {
-			if (record.type === 'MX' || record.type === 'SRV') {
-				// 如果是MX或SRV类型且优先级为空，则设置为默认值10
-				if (!record.level) {
-					record.level = 10;
-				}
-			} else {
-				// 其他类型不设置优先级
-				record.level = null;
-			}
-		},
-
-		// 编辑记录
-		editRecord(record) {
-			// 保存原始值用于取消编辑
-			record._original = { ...record };
-			record.editing = true;
-			record.isNew = false; // 确保不是新增记录
-		},
-
-		// 保存记录
-		async saveRecord(record) {
-			if (!record.host || !record.type || !record.value) {
-				toast.error('主机名、类型和记录值不能为空');
-				return;
-			}
-
-			// 验证TTL值
-			if (record.ttl < 60 || record.ttl > 86400) {
-				toast.error('TTL值必须在60~86400秒之间');
-				return;
-			}
-
-			// 验证优先级 - 只在MX或SRV类型时验证
-			if ((record.type === 'MX' || record.type === 'SRV') && (record.level < 1 || record.level > 100)) {
-				toast.error('优先级必须在1~100之间');
-				return;
-			}
-
-			try {
-				let url, params;
-
-				if (record.isNew) {
-					// 新增记录
-					url = 'jcloud.api.domain_west.west_domain_add_dns_record';
-					params = {
-						domain: this.$domain.pg.domain,
-						record_type: record.type,
-						host: record.host,
-						value: record.value,
-						ttl: record.ttl,
-						line: record.line
-					};
-					// 只在MX或SRV类型时添加level参数
-					if (record.type === 'MX' || record.type === 'SRV') {
-						params.level = record.level;
-					}
-				} else {
-					// 修改记录 - 只传递可修改的字段
-					url = 'jcloud.api.domain_west.west_domain_modify_dns_record';
-					params = {
-						domain: this.$domain.pg.domain,
-						record_id: record.id,
-						value: record.value,
-						ttl: record.ttl,
-						line: record.line
-					};
-					// 只在MX或SRV类型时添加level参数
-					if (record.type === 'MX' || record.type === 'SRV') {
-						params.level = record.level;
-					}
-				}
-
-				const request = createResource({
-					url: url,
-					params: params,
-					onSuccess: (response) => {
-						if (response.status === 'success') {
-							toast.success('DNS记录保存成功');
-							record.editing = false;
-							record.isNew = false;
-							// 重新加载记录列表（等待异步操作完成）
-							setTimeout(() => {
-								this.$resources.dnsRecords.update({
-									params: {
-										domain: this.$domain.pg?.domain,
-										limit: this.pagination.limit,
-										pageno: this.pagination.pageno
-									}
-								});
-								this.$resources.dnsRecords.reload();
-							}, 1000);
-						} else {
-							toast.error(response.message || '保存DNS记录失败');
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				toast.error('保存DNS记录失败');
-				console.error('保存DNS记录失败:', error);
-			}
-		},
-
-		// 取消编辑
-		cancelEdit(record) {
-			if (record.isNew) {
-				// 如果是新增记录，直接删除
-				const index = this.dnsRecords.indexOf(record);
-				if (index > -1) {
-					this.dnsRecords.splice(index, 1);
-				}
-			} else {
-				// 如果是编辑中的记录，恢复其原始值
-				if (record._original) {
-					Object.assign(record, record._original);
-					delete record._original;
-				}
-				record.editing = false;
-			}
-		},
-
-		// 删除记录
-		deleteRecord(record) {
-			confirmDialog({
-				title: '删除DNS记录',
-				message: `确定要删除这条DNS记录吗？\n类型: ${record.type}\n主机记录: ${record.host}\n记录值: ${record.value}`,
-				primaryAction: {
-					label: '确定',
-					variant: 'solid',
-					class: 'bg-black text-white hover:bg-gray-800',
-					onClick: ({ hide }) => {
-						this.performDeleteRecord(record, hide);
-					}
-				}
-			});
-		},
-
-		// 执行删除记录
-		async performDeleteRecord(record, hide) {
-			try {
-				const request = createResource({
-					url: 'jcloud.api.domain_west.west_domain_delete_dns_record',
-					params: {
-						domain: this.$domain.pg.domain,
-						record_id: record.id
-					},
-					onSuccess: (response) => {
-						if (response.status === 'success') {
-							toast.success('DNS记录删除成功');
-							hide();
-							setTimeout(() => {
-								this.$resources.dnsRecords.update({
-									params: {
-										domain: this.$domain.pg?.domain,
-										limit: this.pagination.limit,
-										pageno: this.pagination.pageno
-									}
-								});
-								this.$resources.dnsRecords.reload();
-							}, 1000);
-						} else {
-							toast.error(response.message || '删除DNS记录失败');
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				toast.error('删除DNS记录失败');
-				console.error('删除DNS记录失败:', error);
-			}
-		},
-
-		// 批量删除记录
-		async batchDeleteRecords() {
-			if (this.selectedRecords.length === 0) {
-				toast.info('请选择要删除的记录');
-				return;
-			}
-
-			confirmDialog({
-				title: '批量删除DNS记录',
-				message: `确定要删除选中的 ${this.selectedRecords.length} 条DNS记录吗？`,
-				primaryAction: {
-					label: '确定',
-					variant: 'solid',
-					class: 'bg-black text-white hover:bg-gray-800',
-					onClick: ({ hide }) => {
-						this.performBatchDeleteRecords(this.selectedRecords, hide);
-					}
-				}
-			});
-		},
-
-		// 执行批量删除记录
-		async performBatchDeleteRecords(recordIds, hide) {
-			// 过滤出有效的记录ID
-			const validRecordIds = recordIds
-				.filter(id => id)
-				.map(id => String(id))
-				.filter(id => !id.startsWith('temp-'));
-			
-			if (validRecordIds.length === 0) {
-				toast.error('没有有效的记录可以删除');
-				return;
-			}
-			
-			try {
-				const request = createResource({
-					url: 'jcloud.api.domain_west.west_domain_delete_dns_records',
-					params: {
-						domain: this.$domain.pg.domain,
-						record_ids: validRecordIds
-					},
-					onSuccess: (response) => {
-						if (response.status === 'success') {
-							toast.success(response.message || `批量删除 ${validRecordIds.length} 条DNS记录成功`);
-							hide();
-							setTimeout(() => {
-								this.$resources.dnsRecords.update({
-									params: {
-										domain: this.$domain.pg?.domain,
-										limit: this.pagination.limit,
-										pageno: this.pagination.pageno
-									}
-								});
-								this.$resources.dnsRecords.reload();
-							}, 1000);
-							this.selectedRecords = []; // 清空选中
-						} else if (response.status === 'partial_success') {
-							toast.success(response.message || '批量删除部分成功');
-							hide();
-							setTimeout(() => {
-								this.$resources.dnsRecords.update({
-									params: {
-										domain: this.$domain.pg?.domain,
-										limit: this.pagination.limit,
-										pageno: this.pagination.pageno
-									}
-								});
-								this.$resources.dnsRecords.reload();
-							}, 1000);
-							this.selectedRecords = []; // 清空选中
-						} else {
-							toast.error(response.message || '批量删除DNS记录失败');
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				toast.error('批量删除DNS记录失败');
-				console.error('批量删除DNS记录失败:', error);
-			}
-		},
-
-		// 切换记录选中状态
-		toggleRecordSelection(recordId) {
-			// 只允许选择有效的记录ID（排除新增记录和空ID）
-			if (!recordId) {
-				return;
-			}
-			
-			// 确保recordId是字符串类型
-			const recordIdStr = String(recordId);
-			if (recordIdStr.startsWith('temp-')) {
-				return;
-			}
-			
-			const index = this.selectedRecords.indexOf(recordIdStr);
-			if (index > -1) {
-				this.selectedRecords.splice(index, 1);
-			} else {
-				this.selectedRecords.push(recordIdStr);
-			}
-		},
-
-		// 全选/取消全选
-		toggleSelectAll(event) {
-			const checkbox = event.target;
-			if (checkbox.checked) {
-				// 只选择有真实ID的记录（排除新增的记录）
-				this.selectedRecords = this.dnsRecords
-					.filter(record => record.id && !record.isNew)
-					.map(record => String(record.id));
-			} else {
-				this.selectedRecords = [];
-			}
-		},
-
-
-
-		// 获取可见的页码
-		getVisiblePages() {
-			const current = this.pagination.pageno;
-			const total = this.pagination.pagecount;
-			const pages = [];
-			
-			// 如果总页数小于等于5，显示所有页码
-			if (total <= 5) {
-				for (let i = 1; i <= total; i++) {
-					pages.push(i);
-				}
-			} else {
-				// 显示当前页附近的页码
-				const start = Math.max(1, current - 2);
-				const end = Math.min(total, current + 2);
-				
-				for (let i = start; i <= end; i++) {
-					pages.push(i);
-				}
-			}
-			
-			return pages;
-		}
-	},
-	computed: {
-		$domain() {
-			return getCachedDocumentResource('Jsite Domain', this.domain);
-		},
-		
-		// 判断是否全选
-		isAllSelected() {
-			return this.dnsRecords.length > 0 && this.selectedRecords.length === this.dnsRecords.length;
-		},
-
-		// 判断是否半选
-		isIndeterminate() {
-			return this.selectedRecords.length > 0 && this.selectedRecords.length < this.dnsRecords.length;
-		}
-	},
-	mounted() {
-		// 组件会自动加载DNS记录，因为resources设置了auto: true
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainEditDNSRecordDialog.vue b/dashboard_backup/src2/components/JsiteDomainEditDNSRecordDialog.vue
deleted file mode 100644
index 3d21515..0000000
--- a/dashboard_backup/src2/components/JsiteDomainEditDNSRecordDialog.vue
+++ /dev/null
@@ -1,259 +0,0 @@
-<template>
-	<Dialog>
-		<DialogContent class="sm:max-w-[500px]">
-			<DialogHeader>
-				<DialogTitle>编辑DNS记录</DialogTitle>
-				<DialogDescription>
-					编辑域名 {{ domainDoc?.domain }} 的DNS解析记录
-				</DialogDescription>
-			</DialogHeader>
-
-			<form @submit.prevent="submitForm" class="space-y-4">
-				<!-- 记录类型 -->
-				<div class="space-y-2">
-					<Label for="record-type">记录类型</Label>
-					<Select v-model="form.record_type" required>
-						<SelectTrigger>
-							<SelectValue placeholder="选择记录类型" />
-						</SelectTrigger>
-						<SelectContent>
-							<SelectItem value="A">A - IPv4地址</SelectItem>
-							<SelectItem value="AAAA">AAAA - IPv6地址</SelectItem>
-							<SelectItem value="CNAME">CNAME - 别名</SelectItem>
-							<SelectItem value="MX">MX - 邮件交换</SelectItem>
-							<SelectItem value="TXT">TXT - 文本记录</SelectItem>
-							<SelectItem value="NS">NS - 域名服务器</SelectItem>
-						</SelectContent>
-					</Select>
-				</div>
-
-				<!-- 主机记录 -->
-				<div class="space-y-2">
-					<Label for="host">主机记录</Label>
-					<Input 
-						id="host"
-						v-model="form.host"
-						placeholder="例如: www 或 @ (留空表示根域名)"
-						required
-					/>
-					<p class="text-xs text-gray-500">
-						@ 表示根域名，www 表示 www.yourdomain.com
-					</p>
-				</div>
-
-				<!-- 记录值 -->
-				<div class="space-y-2">
-					<Label for="value">记录值</Label>
-					<Input 
-						id="value"
-						v-model="form.value"
-						:placeholder="getValuePlaceholder()"
-						required
-					/>
-					<p class="text-xs text-gray-500">
-						{{ getValueDescription() }}
-					</p>
-				</div>
-
-				<!-- TTL -->
-				<div class="space-y-2">
-					<Label for="ttl">TTL (秒)</Label>
-					<Input 
-						id="ttl"
-						v-model.number="form.ttl"
-						type="number"
-						min="60"
-						max="86400"
-						placeholder="600"
-					/>
-					<p class="text-xs text-gray-500">
-						建议值：600秒 (10分钟) 到 86400秒 (24小时)
-					</p>
-				</div>
-
-				<!-- MX优先级 (仅MX记录显示) -->
-				<div v-if="form.record_type === 'MX'" class="space-y-2">
-					<Label for="mx-priority">MX优先级</Label>
-					<Input 
-						id="mx-priority"
-						v-model.number="form.mx_priority"
-						type="number"
-						min="0"
-						max="65535"
-						placeholder="10"
-					/>
-					<p class="text-xs text-gray-500">
-						数值越小优先级越高，建议值：10
-					</p>
-				</div>
-			</form>
-
-			<DialogFooter>
-				<Button @click="$emit('close')" variant="outline">
-					取消
-				</Button>
-				<Button @click="submitForm" :loading="loading" variant="solid">
-					保存修改
-				</Button>
-			</DialogFooter>
-		</DialogContent>
-	</Dialog>
-</template>
-
-<script>
-import { 
-	Dialog, 
-	DialogContent, 
-	DialogHeader, 
-	DialogTitle, 
-	DialogDescription, 
-	DialogFooter,
-	Button,
-	Input,
-	Label,
-	Select,
-	SelectContent,
-	SelectItem,
-	SelectTrigger,
-	SelectValue,
-	createResource
-} from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-
-export default {
-	name: 'JsiteDomainEditDNSRecordDialog',
-	props: ['domain', 'domainDoc', 'record', 'onSuccess'],
-	emits: ['close'],
-	data() {
-		return {
-			loading: false,
-			form: {
-				record_type: 'A',
-				host: '',
-				value: '',
-				ttl: 600,
-				mx_priority: 10
-			}
-		};
-	},
-	methods: {
-		// 初始化表单数据
-		initForm() {
-			if (this.record) {
-				this.form = {
-					record_type: this.record.type || 'A',
-					host: this.record.item || this.record.host || '',
-					value: this.record.value || '',
-					ttl: this.record.ttl || 600,
-					mx_priority: this.record.level || this.record.mx_priority || 10
-				};
-			}
-		},
-
-		// 获取记录值占位符
-		getValuePlaceholder() {
-			const placeholders = {
-				'A': '例如: 192.168.1.1',
-				'AAAA': '例如: 2001:db8::1',
-				'CNAME': '例如: example.com',
-				'MX': '例如: mail.example.com',
-				'TXT': '例如: 验证字符串',
-				'NS': '例如: ns1.example.com'
-			};
-			return placeholders[this.form.record_type] || '';
-		},
-
-		// 获取记录值描述
-		getValueDescription() {
-			const descriptions = {
-				'A': '输入IPv4地址，如：192.168.1.1',
-				'AAAA': '输入IPv6地址，如：2001:db8::1',
-				'CNAME': '输入目标域名，如：example.com',
-				'MX': '输入邮件服务器域名，如：mail.example.com',
-				'TXT': '输入文本内容，常用于域名验证',
-				'NS': '输入域名服务器地址，如：ns1.example.com'
-			};
-			return descriptions[this.form.record_type] || '';
-		},
-
-		// 验证表单
-		validateForm() {
-			if (!this.form.record_type) {
-				toast.error('请选择记录类型');
-				return false;
-			}
-			if (!this.form.value) {
-				toast.error('请输入记录值');
-				return false;
-			}
-			if (this.form.ttl < 60 || this.form.ttl > 86400) {
-				toast.error('TTL值必须在60-86400秒之间');
-				return false;
-			}
-			if (this.form.record_type === 'MX' && (this.form.mx_priority < 0 || this.form.mx_priority > 65535)) {
-				toast.error('MX优先级必须在0-65535之间');
-				return false;
-			}
-			return true;
-		},
-
-		// 提交表单
-		async submitForm() {
-			if (!this.validateForm()) {
-				return;
-			}
-
-			this.loading = true;
-
-			try {
-				// 构建记录数据
-				const recordData = {
-					id: this.record.id,
-					type: this.form.record_type,
-					host: this.form.host || '@',
-					value: this.form.value,
-					ttl: this.form.ttl
-				};
-
-				// 如果是MX记录，添加优先级
-				if (this.form.record_type === 'MX') {
-					recordData.level = this.form.mx_priority;
-				}
-
-				const request = createResource({
-					url: 'jcloud.api.domain_west.west_domain_modify_dns',
-					params: {
-						domain: this.domainDoc.domain,
-						records: [recordData]
-					},
-					onSuccess: (response) => {
-						this.loading = false;
-						if (response.status === 'success') {
-							toast.success('DNS记录更新成功');
-							this.$emit('close');
-							if (this.onSuccess) {
-								this.onSuccess();
-							}
-						} else {
-							toast.error(response.message || '更新DNS记录失败');
-						}
-					},
-					onError: (error) => {
-						this.loading = false;
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				this.loading = false;
-				toast.error('更新DNS记录失败');
-				console.error('更新DNS记录失败:', error);
-			}
-		}
-	},
-	mounted() {
-		this.initForm();
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainModifyDNSServerDialog.vue b/dashboard_backup/src2/components/JsiteDomainModifyDNSServerDialog.vue
deleted file mode 100644
index b5d75f8..0000000
--- a/dashboard_backup/src2/components/JsiteDomainModifyDNSServerDialog.vue
+++ /dev/null
@@ -1,299 +0,0 @@
-<template>
-  <Dialog :options="{ title: '修改DNS服务器', size: 'lg' }" v-model="show">
-    <template #body-content>
-      <div class="p-4 sm:p-6">
-        <div class="space-y-4">
-          <!-- DNS1 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-              DNS1（主DNS服务器）<span class="text-red-500">*</span>
-            </label>
-            <input
-              v-model="dnsServers.dns1"
-              type="text"
-              class="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              :class="{ 'border-red-300': errors.dns1 }"
-              @blur="validateDNSField('dns1', '主DNS服务器')"
-            />
-            <p v-if="errors.dns1" class="mt-1 text-sm text-red-600">{{ errors.dns1 }}</p>
-          </div>
-
-          <!-- DNS2 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-              DNS2（辅DNS服务器）<span class="text-red-500">*</span>
-            </label>
-            <input
-              v-model="dnsServers.dns2"
-              type="text"
-              class="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              :class="{ 'border-red-300': errors.dns2 }"
-              @blur="validateDNSField('dns2', '辅DNS服务器')"
-            />
-            <p v-if="errors.dns2" class="mt-1 text-sm text-red-600">{{ errors.dns2 }}</p>
-          </div>
-
-          <!-- DNS3 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-              DNS3（可选）
-            </label>
-            <input
-              v-model="dnsServers.dns3"
-              type="text"
-              class="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              :class="{ 'border-red-300': errors.dns3 }"
-              @blur="validateDNSField('dns3', '第三个DNS服务器')"
-            />
-            <p v-if="errors.dns3" class="mt-1 text-sm text-red-600">{{ errors.dns3 }}</p>
-          </div>
-
-          <!-- DNS4 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-              DNS4（可选）
-            </label>
-            <input
-              v-model="dnsServers.dns4"
-              type="text"
-              class="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              :class="{ 'border-red-300': errors.dns4 }"
-              @blur="validateDNSField('dns4', '第四个DNS服务器')"
-            />
-            <p v-if="errors.dns4" class="mt-1 text-sm text-red-600">{{ errors.dns4 }}</p>
-          </div>
-
-          <!-- DNS5 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-              DNS5（可选）
-            </label>
-            <input
-              v-model="dnsServers.dns5"
-              type="text"
-              class="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              :class="{ 'border-red-300': errors.dns5 }"
-              @blur="validateDNSField('dns5', '第五个DNS服务器')"
-            />
-            <p v-if="errors.dns5" class="mt-1 text-sm text-red-600">{{ errors.dns5 }}</p>
-          </div>
-
-          <!-- DNS6 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">
-              DNS6（可选）
-            </label>
-            <input
-              v-model="dnsServers.dns6"
-              type="text"
-              class="w-full px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-              :class="{ 'border-red-300': errors.dns6 }"
-              @blur="validateDNSField('dns6', '第六个DNS服务器')"
-            />
-            <p v-if="errors.dns6" class="mt-1 text-sm text-red-600">{{ errors.dns6 }}</p>
-          </div>
-        </div>
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <template #actions>
-      <div class="w-full flex justify-end space-x-3">
-        <button
-          type="button"
-          class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none"
-          @click="cancel"
-        >
-          取消
-        </button>
-        <button
-          type="button"
-          class="px-4 py-2 bg-black border border-transparent rounded-md text-sm font-medium text-white hover:bg-gray-800 focus:outline-none disabled:bg-gray-300 disabled:cursor-not-allowed"
-          @click="modifyDNSServer"
-          :disabled="isLoading || !isValid"
-        >
-          {{ isLoading ? '修改中...' : '确定' }}
-        </button>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { Dialog } from 'jingrow-ui';
-import { DashboardError } from '../utils/error';
-
-export default {
-  name: 'JsiteDomainModifyDNSServerDialog',
-  components: {
-    Dialog
-  },
-  props: {
-    domain: {
-      type: String,
-      required: true
-    },
-    domainDoc: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ['success'],
-  data() {
-    return {
-      show: true,
-      dnsServers: {
-        dns1: '',
-        dns2: '',
-        dns3: '',
-        dns4: '',
-        dns5: '',
-        dns6: ''
-      },
-      errors: {},
-      error: null
-    };
-  },
-  computed: {
-    isLoading() {
-      return this.$resources.modifyDNSServer.loading;
-    },
-    isValid() {
-      return this.dnsServers.dns1 && this.dnsServers.dns2 && !this.hasErrors;
-    },
-    hasErrors() {
-      return Object.keys(this.errors).length > 0;
-    }
-  },
-
-  resources: {
-    modifyDNSServer() {
-      return {
-        url: 'jcloud.api.domain_west.west_domain_modify_dns_server',
-        validate() {
-          // 实时验证已经完成，这里只需要检查是否有错误
-          if (this.hasErrors) {
-            throw new DashboardError('请检查DNS服务器格式');
-          }
-        },
-        onSuccess(data) {
-          if (data.status === 'success') {
-            this.$emit('success', {
-              domain: this.domainDoc?.domain,
-              dnsServers: this.dnsServers,
-              message: data.message
-            });
-            this.show = false;
-          } else {
-            this.error = data.message || '修改DNS服务器失败';
-          }
-        },
-        onError(error) {
-          this.error = error.message || '修改DNS服务器失败';
-        }
-      };
-    }
-  },
-  mounted() {
-  },
-  methods: {
-    cancel() {
-      this.show = false;
-    },
-    modifyDNSServer() {
-      this.error = null;
-      this.$resources.modifyDNSServer.submit({
-        domain: this.domainDoc?.domain,
-        dns1: this.dnsServers.dns1?.trim() || '',
-        dns2: this.dnsServers.dns2?.trim() || '',
-        dns3: this.dnsServers.dns3?.trim() || undefined,
-        dns4: this.dnsServers.dns4?.trim() || undefined,
-        dns5: this.dnsServers.dns5?.trim() || undefined,
-        dns6: this.dnsServers.dns6?.trim() || undefined
-      });
-    },
-    validateDNSField(fieldName, fieldLabel) {
-      const value = this.dnsServers[fieldName];
-      
-      // 清除该字段的错误
-      if (this.errors[fieldName]) {
-        delete this.errors[fieldName];
-      }
-      
-      // 如果是必填字段且为空，不显示错误（让用户继续输入）
-      if ((fieldName === 'dns1' || fieldName === 'dns2') && !value) {
-        return;
-      }
-      
-      // 检查是否有首尾空格
-      if (value && (value !== value.trim())) {
-        this.errors[fieldName] = `${fieldLabel}不能包含首尾空格`;
-        return;
-      }
-      
-      // 如果字段有值但格式不正确，显示错误
-      if (value && !this.isValidDNSFormat(value)) {
-        this.errors[fieldName] = `${fieldLabel}格式不正确`;
-      }
-    },
-    isValidDNSFormat(dns) {
-      if (!dns) return false;
-      
-      // 检查长度
-      if (dns.length < 3 || dns.length > 253) {
-        return false;
-      }
-      
-      // 检查是否包含至少一个点号（域名必须有点号分隔）
-      if (!dns.includes('.')) {
-        return false;
-      }
-      
-      // 检查是否以点号开头或结尾
-      if (dns.startsWith('.') || dns.endsWith('.')) {
-        return false;
-      }
-      
-      // 检查是否包含连续的点号
-      if (dns.includes('..')) {
-        return false;
-      }
-      
-      // 分割域名部分进行详细验证
-      const parts = dns.split('.');
-      
-      for (let part of parts) {
-        // 每个部分不能为空
-        if (!part) {
-          return false;
-        }
-        
-        // 每个部分长度不能超过63个字符
-        if (part.length > 63) {
-          return false;
-        }
-        
-        // 每个部分不能以连字符开头或结尾
-        if (part.startsWith('-') || part.endsWith('-')) {
-          return false;
-        }
-        
-        // 每个部分只能包含字母、数字和连字符
-        if (!/^[a-zA-Z0-9-]+$/.test(part)) {
-          return false;
-        }
-        
-        // 顶级域名（最后一部分）不能全是数字
-        if (parts.indexOf(part) === parts.length - 1 && /^\d+$/.test(part)) {
-          return false;
-        }
-      }
-      
-      return true;
-    }
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainOverview.vue b/dashboard_backup/src2/components/JsiteDomainOverview.vue
deleted file mode 100644
index 01f97f7..0000000
--- a/dashboard_backup/src2/components/JsiteDomainOverview.vue
+++ /dev/null
@@ -1,505 +0,0 @@
-<template>
-	<div
-		v-if="$domain?.pg"
-		class="grid grid-cols-1 items-start gap-5 lg:grid-cols-2"
-	>
-		<!-- 左侧区块：基本信息 -->
-		<div class="col-span-1 space-y-5">
-			<!-- 当前套餐卡片 -->
-			<div class="rounded-md border">
-				<div class="p-5">
-					<div class="flex h-full flex-col sm:flex-row sm:items-center sm:justify-between">
-						<div class="mb-4 sm:mb-0">
-													<!-- 实名认证状态 -->
-						<div class="mb-4 p-4">
-							<div class="flex items-center justify-between">
-								<div class="flex items-center space-x-3">
-									<div v-if="realNameStatus === 'verified'" class="flex items-center space-x-3">
-										<div class="inline-flex items-center rounded-full bg-gradient-to-r from-green-50 to-emerald-50 px-4 py-2 text-sm font-semibold text-green-800 border border-green-200 shadow-sm">
-											<svg class="mr-2 h-4 w-4 text-green-600" fill="currentColor" viewBox="0 0 20 20">
-												<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
-											</svg>
-											实名认证
-										</div>
-										<button 
-											@click="showRealNameInfo"
-											class="inline-flex items-center px-3 py-1.5 text-sm font-medium text-blue-700 bg-blue-100 hover:bg-blue-200 rounded-lg transition-colors duration-200 border border-blue-300"
-										>
-											<svg class="mr-1.5 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-												<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-											</svg>
-											查看认证信息
-										</button>
-									</div>
-									<div v-else class="flex items-center space-x-3">
-										<div class="inline-flex items-center rounded-full bg-gradient-to-r from-amber-50 to-orange-50 px-4 py-2 text-sm font-semibold text-amber-800 border border-amber-200 shadow-sm">
-											<svg class="mr-2 h-4 w-4 text-amber-600" fill="currentColor" viewBox="0 0 20 20">
-												<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
-											</svg>
-											待实名认证
-										</div>
-										<button 
-											@click="showUploadRealName"
-											class="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 rounded-lg transition-all duration-200 shadow-sm hover:shadow-md"
-										>
-											上传实名资料
-										</button>
-									</div>
-								</div>
-							</div>
-						</div>
-							
-							<div v-if="$domain.pg.end_date" class="mt-2 inline-flex items-center rounded-full bg-amber-50 px-4 py-2 text-sm font-medium text-amber-800">
-								<ClockIcon class="mr-1.5 h-4 w-4 text-amber-500" />
-								到期时间：{{ $format.date($domain.pg.end_date) }}
-							</div>
-						</div>
-						<div class="flex gap-2">
-							<Button 
-								@click="renewDomain"
-								:loading="$domain.renew?.loading"
-								class="px-5 !bg-[#1fc76f] !hover:bg-[#1bb85f] !text-white"
-							>
-								续费
-							</Button>
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<!-- 域名信息 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">域名信息</h2>
-				</div>
-				<div>
-					<div
-						v-for="info in domainInformation"
-						:key="info.label"
-						class="flex items-center px-5 py-3 last:pb-5 even:bg-gray-50/70"
-					>
-						<div class="w-1/3 text-base text-gray-600">{{ info.label }}</div>
-						<div
-							class="flex w-2/3 items-center space-x-2 text-base text-gray-900"
-						>
-							<div v-if="info.prefix">
-								<component :is="info.prefix" />
-							</div>
-							<!-- 状态字段使用Badge组件 -->
-							<div v-if="info.label === '状态'">
-								<Badge :label="info.value" />
-							</div>
-							<span v-else>
-								{{ info.value }}
-							</span>
-							<div v-if="info.suffix">
-								<component :is="info.suffix" />
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		
-		<!-- 右侧区块：DNS信息和操作 -->
-		<div class="col-span-1 space-y-5">
-			<!-- 操作 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">操作</h2>
-				</div>
-				<div class="p-5">
-					<div class="flex flex-wrap gap-2">
-						<Button 
-							@click="modifyDNSServer"
-							:loading="dnsLoading"
-							variant="outline"
-							class="bg-gray-100 text-gray-700 hover:bg-gray-200"
-						>
-							修改DNS服务器
-						</Button>
-						<!-- <Button 
-							@click="toggleAutoRenew"
-							:loading="autoRenewLoading"
-							variant="outline"
-							class="bg-gray-100 text-gray-700 hover:bg-gray-200"
-						>
-							{{ $domain.pg.auto_renew ? '关闭自动续费' : '开启自动续费' }}
-						</Button> -->
-					</div>
-				</div>
-			</div>
-						
-			<!-- DNS服务器信息 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">DNS服务器</h2>
-				</div>
-				<div class="p-5">
-					<div class="space-y-3">
-						<div class="flex justify-between">
-							<span class="text-gray-600">主DNS:</span>
-							<span class="font-mono text-gray-900">{{ $domain.pg.dns_host1 }}</span>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">辅DNS:</span>
-							<span class="font-mono text-gray-900">{{ $domain.pg.dns_host2 }}</span>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">DNS3:</span>
-							<span class="font-mono text-gray-900">{{ $domain.pg.dns_host3 }}</span>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">DNS4:</span>
-							<span class="font-mono text-gray-900">{{ $domain.pg.dns_host4 }}</span>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">DNS5:</span>
-							<span class="font-mono text-gray-900">{{ $domain.pg.dns_host5 }}</span>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">DNS6:</span>
-							<span class="font-mono text-gray-900">{{ $domain.pg.dns_host6 }}</span>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getCachedDocumentResource, Badge, Tooltip, Button, createResource } from 'jingrow-ui';
-import { h, defineAsyncComponent } from 'vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-import { renderDialog, confirmDialog } from '../utils/components';
-import ClockIcon from '~icons/lucide/clock';
-import InfoIcon from '~icons/lucide/info';
-
-export default {
-	name: 'JsiteDomainOverview',
-	props: ['domain'],
-	components: {
-		Badge,
-		Button,
-		ClockIcon,
-		InfoIcon,
-	},
-	data() {
-		return {
-			renewLoading: false,
-			dnsLoading: false,
-			autoRenewLoading: false,
-			whoisProtectionLoading: false,
-			domainOwner: null,
-			realNameStatus: 'unverified', // 实名认证状态：verified, unverified
-			realNameSyncing: false, // 是否正在异步同步实名状态
-			triedSyncRealName: false, // 是否已尝试过触发一次实名状态同步，避免重复
-
-		};
-	},
-	methods: {
-		getStatusText(status) {
-			const statusMap = {
-				'ok': '正常',
-				'clienthold': '锁定',
-				'clientupdateprohibited': '更新锁定',
-				'clienttransferprohibited': '转移锁定',
-				'clientdeleteprohibited': '删除锁定',
-				'clientrenewprohibited': '续费锁定'
-			};
-			return statusMap[status] || status;
-		},
-		getStatusVariant(status) {
-			const variantMap = {
-				'ok': 'success',
-				'clienthold': 'danger',
-				'clientupdateprohibited': 'danger',
-				'clienttransferprohibited': 'danger',
-				'clientdeleteprohibited': 'danger',
-				'clientrenewprohibited': 'danger'
-			};
-			return variantMap[status] || 'default';
-		},
-		// 获取域名所有者显示名称
-		getOwnerDisplayName() {
-			if (!this.domainOwner) {
-				return null;
-			}
-			
-			// 如果是个人，优先显示fullname，没有的话显示title
-			if (this.domainOwner.c_regtype === 'I') {
-				return this.domainOwner.fullname || this.domainOwner.title;
-			}
-			// 如果是公司，优先显示c_org_m，没有的话显示title
-			else if (this.domainOwner.c_regtype === 'E') {
-				return this.domainOwner.c_org_m || this.domainOwner.title;
-			}
-			// 默认显示title
-			return this.domainOwner.title;
-		},
-		// 获取域名所有者信息
-		async getDomainOwner() {
-			if (!this.$domain.pg?.domain_owner) {
-				this.domainOwner = null;
-				this.realNameStatus = 'unverified';
-				return;
-			}
-			
-			try {
-				const getOwnerRequest = createResource({
-					url: 'jcloud.api.domain_west.get_domain_owner',
-					params: {
-						name: this.$domain.pg.domain_owner
-					},
-					onSuccess: (response) => {
-						if (response && response.status === "Success" && response.data) {
-							this.domainOwner = response.data;
-							// 根据域名所有者记录的r_status字段设置实名认证状态
-							// r_status是check字段类型，1表示已认证，0表示未认证
-							const rStatus = response.data.r_status;
-							
-							// 对于check字段，将值转换为布尔值进行判断
-							const isVerified = Boolean(rStatus && (rStatus === 1 || rStatus === '1' || rStatus === true));
-							
-							if (isVerified) {
-								this.realNameStatus = 'verified';
-							} else {
-								this.realNameStatus = 'unverified';
-								// 未实名时，页面打开后触发一次异步同步，随后刷新一次所有者信息
-								if (!this.triedSyncRealName) {
-									this.syncOwnerRealNameStatus();
-								}
-							}
-						} else {
-							this.realNameStatus = 'unverified';
-						}
-					},
-					onError: (error) => {
-						console.error('获取域名所有者信息失败:', error);
-						this.domainOwner = null;
-						this.realNameStatus = 'unverified';
-					}
-				});
-				getOwnerRequest.submit();
-			} catch (error) {
-				console.error('获取域名所有者信息失败:', error);
-				this.domainOwner = null;
-				this.realNameStatus = 'unverified';
-			}
-		},
-		// 异步同步域名实名状态（仅触发一次）
-		async syncOwnerRealNameStatus() {
-			if (this.realNameSyncing || this.triedSyncRealName) return;
-			if (!this.$domain.pg?.domain) return;
-			this.triedSyncRealName = true;
-			this.realNameSyncing = true;
-			try {
-				const syncRequest = createResource({
-					url: 'jcloud.api.domain_west.sync_domain_info_from_west',
-					params: {
-						domain: this.$domain.pg.domain
-					},
-					onSuccess: () => {
-						this.realNameSyncing = false;
-						// 同步完成后刷新一次所有者信息
-						this.getDomainOwner();
-					},
-					onError: (error) => {
-						console.error('同步域名实名状态失败:', error);
-						this.realNameSyncing = false;
-					}
-				});
-				syncRequest.submit();
-			} catch (error) {
-				console.error('同步域名实名状态失败:', error);
-				this.realNameSyncing = false;
-			}
-		},
-		renewDomain() {
-			const JsiteDomainRenewalDialog = defineAsyncComponent(() => import('./JsiteDomainRenewalDialog.vue'));
-			
-			renderDialog(h(JsiteDomainRenewalDialog, {
-				domain: this.domain,
-				domainDoc: this.$domain.pg,
-				onSuccess: this.onRenewalSuccess
-			}));
-		},
-		async modifyDNSServer() {
-			if (!this.$domain.pg.domain) {
-				toast.error('域名信息不存在');
-				return;
-			}
-			
-			const JsiteDomainModifyDNSServerDialog = defineAsyncComponent(() => import('./JsiteDomainModifyDNSServerDialog.vue'));
-			
-			renderDialog(h(JsiteDomainModifyDNSServerDialog, {
-				domain: this.domain,
-				domainDoc: this.$domain.pg,
-				onSuccess: this.onModifyDNSSuccess
-			}));
-		},
-		async toggleAutoRenew() {
-			if (!this.$domain.pg.name) {
-				toast.error('域名记录不存在');
-				return;
-			}
-			
-			const newValue = !this.$domain.pg.auto_renew;
-			const actionText = newValue ? '开启' : '关闭';
-			
-			confirmDialog({
-				title: `${actionText}自动续费`,
-				message: `确定要${actionText}域名 "${this.$domain.pg.domain}" 的自动续费吗？`,
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						toast.success(`${actionText}自动续费已开通`);
-						hide();
-						
-						this.autoRenewLoading = true;
-						const toggleRequest = createResource({
-							url: 'jcloud.api.domain_west.toggle_domain_auto_renew',
-							params: {
-								pagetype: 'Jsite Domain',
-								name: this.$domain.pg.name,
-								auto_renew: newValue
-							},
-							onSuccess: () => {
-								this.autoRenewLoading = false;
-								this.$domain.reload();
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.autoRenewLoading = false;
-							}
-						});
-						toggleRequest.submit();
-					}
-				}
-			});
-		},
-		async toggleWhoisProtection() {
-			if (!this.$domain.pg.name) {
-				toast.error('域名记录不存在');
-				return;
-			}
-			
-			const newValue = !this.$domain.pg.whois_protection;
-			const actionText = newValue ? '开启' : '关闭';
-			
-			confirmDialog({
-				title: `${actionText}隐私保护`,
-				message: `确定要${actionText}域名 "${this.$domain.pg.domain}" 的隐私保护吗？`,
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						toast.success(`${actionText}隐私保护已开启`);
-						hide();
-						
-						this.whoisProtectionLoading = true;
-						const toggleRequest = createResource({
-							url: 'jcloud.api.domain_west.toggle_domain_whois_protection',
-							params: {
-								pagetype: 'Jsite Domain',
-								name: this.$domain.pg.name,
-								whois_protection: newValue
-							},
-							onSuccess: () => {
-								this.whoisProtectionLoading = false;
-								this.$domain.reload();
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.whoisProtectionLoading = false;
-							}
-						});
-						toggleRequest.submit();
-					}
-				}
-			});
-		},
-		onRenewalSuccess(data) {
-			toast.success('域名续费成功！');
-			this.$domain.reload();
-		},
-		onModifyDNSSuccess(data) {
-			toast.success('DNS服务器修改成功！');
-			this.$domain.reload();
-		},
-		// 显示实名认证信息
-		showRealNameInfo() {
-			const JsiteDomainRealNameInfoDialog = defineAsyncComponent(() => import('./JsiteDomainRealNameInfoDialog.vue'));
-			
-			renderDialog(h(JsiteDomainRealNameInfoDialog, {
-				domain: this.domain,
-				domainDoc: this.$domain.pg
-			}));
-		},
-		// 显示上传实名资料
-		showUploadRealName() {
-			const JsiteDomainUploadRealNameDialog = defineAsyncComponent(() => import('./JsiteDomainUploadRealNameDialog.vue'));
-			
-			renderDialog(h(JsiteDomainUploadRealNameDialog, {
-				domain: this.domain,
-				domainDoc: this.$domain.pg,
-				onSuccess: this.onUploadSuccess
-			}));
-		},
-		// 上传成功回调
-		onUploadSuccess() {
-			toast.success('实名资料上传成功！');
-			this.getDomainOwner(); // 重新获取域名所有者信息（包含实名认证状态）
-		},
-
-	},
-	watch: {
-		// 监听域名数据变化，重新获取所有者信息
-		'$domain.pg.domain_owner': {
-			handler(newVal) {
-				if (newVal) {
-					this.getDomainOwner();
-				} else {
-					this.domainOwner = null;
-					this.realNameStatus = 'unverified';
-				}
-			},
-			immediate: true
-		}
-	},
-	computed: {
-		domainInformation() {
-			return [
-				{
-					label: '状态',
-					value: this.getStatusText(this.$domain.pg?.status),
-				},				
-				{
-					label: '域名',
-					value: this.$domain.pg?.domain,
-				},
-				{
-					label: '注册时间',
-					value: this.$domain.pg?.registration_date,
-				},
-				{
-					label: '所有者',
-					value: this.getOwnerDisplayName(),
-				},
-			];
-		},
-		$domain() {
-			return getCachedDocumentResource('Jsite Domain', this.domain);
-		},
-	},
-	mounted() {
-		// 初始化时获取域名所有者信息
-		if (this.$domain.pg?.domain_owner) {
-			this.getDomainOwner();
-		} else {
-			this.realNameStatus = 'unverified';
-		}
-	},
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainRealNameInfoDialog.vue b/dashboard_backup/src2/components/JsiteDomainRealNameInfoDialog.vue
deleted file mode 100644
index 09e5396..0000000
--- a/dashboard_backup/src2/components/JsiteDomainRealNameInfoDialog.vue
+++ /dev/null
@@ -1,234 +0,0 @@
-<template>
-  <Dialog v-bind="$attrs" :options="{ title: 'jingrow.cn实名认证信息', size: '2xl' }" v-model="show">
-    <template #body>
-      <div v-if="loading" class="flex justify-center items-center py-12">
-        <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
-        <span class="ml-3 text-gray-600">加载中...</span>
-      </div>
-      
-      <div v-else-if="error" class="text-center py-12">
-        <div class="text-red-500 mb-4">
-          <AlertTriangleIcon class="h-12 w-12 mx-auto" />
-        </div>
-        <p class="text-gray-600">{{ error }}</p>
-      </div>
-      
-      <div v-else-if="realNameData" class="space-y-4">
-        <!-- 域名基本信息 -->
-        <div class="bg-white rounded-lg">
-          <div class="px-6 py-4 border-b border-gray-100">
-            <h3 class="text-base font-semibold text-gray-900">域名基本信息</h3>
-          </div>
-          <div class="p-6 space-y-4">
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">域名</span>
-              <span class="text-sm font-medium text-gray-900">{{ realNameData.domain }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">注册时间</span>
-              <span class="text-sm font-medium text-gray-900">{{ formatDateTime(realNameData.regdate) }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">到期时间</span>
-              <span class="text-sm font-medium text-gray-900">{{ formatDateTime(realNameData.rexpiredate) }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">域名状态</span>
-              <span class="text-sm font-medium text-green-600">{{ getDomainStatusText(realNameData.status) }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">实名状态</span>
-              <span class="text-sm font-medium text-green-600">{{ getRealNameStatusText(realNameData.real_name_status?.r_status) }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">域名所有者</span>
-              <span class="text-sm font-medium text-gray-900">{{ realNameData.owner?.dom_org_m || '未填写' }}</span>
-            </div>            
-          </div>
-        </div>
-
-        <!-- 实名证件信息 -->
-        <div class="bg-white rounded-lg">
-          <div class="px-6 py-4 border-b border-gray-100">
-            <h3 class="text-base font-semibold text-gray-900">实名证件信息</h3>
-          </div>
-          <div class="p-6 space-y-4">
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">实名证件类型</span>
-              <span class="text-sm font-medium text-gray-900">{{ getDocumentTypeText(realNameData.orgfile?.f_type) }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">实名证件号码</span>
-              <div class="flex items-center space-x-2">
-                <span class="text-sm font-medium text-gray-900">{{ realNameData.orgfile?.f_code || '未填写' }}</span>
-                <button class="text-blue-600 hover:text-blue-800">
-                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
-                  </svg>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 联系信息 -->
-        <div class="bg-white rounded-lg">
-          <div class="px-6 py-4 border-b border-gray-100">
-            <h3 class="text-base font-semibold text-gray-900">联系信息</h3>
-          </div>
-          <div class="p-6 space-y-4">
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">联系电话</span>
-              <span class="text-sm font-medium text-gray-900">{{ realNameData.owner?.dom_ph || '未填写' }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">所有者邮箱</span>
-              <span class="text-sm font-medium text-gray-900">{{ realNameData.owner?.dom_em || '未填写' }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">所属区域</span>
-              <span class="text-sm font-medium text-gray-900">{{ getFullAddress() }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">通讯地址</span>
-              <span class="text-sm font-medium text-gray-900">{{ realNameData.owner?.dom_adr_m || '未填写' }}</span>
-            </div>
-            <div class="flex justify-between items-center">
-              <span class="text-sm text-gray-600">邮编</span>
-              <span class="text-sm font-medium text-gray-900">{{ realNameData.owner?.dom_pc || '未填写' }}</span>
-            </div>            
-          </div>
-        </div>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { Dialog, createResource } from 'jingrow-ui';
-import AlertTriangleIcon from '~icons/lucide/alert-triangle';
-
-
-
-
-
-export default {
-  name: 'JsiteDomainRealNameInfoDialog',
-  components: {
-    Dialog,
-    AlertTriangleIcon
-  },
-  props: {
-    domain: String,
-    domainDoc: Object
-  },
-  data() {
-    return {
-      show: true,
-      loading: false,
-      error: null,
-      realNameData: null
-    };
-  },
-  methods: {
-    async loadRealNameInfo() {
-      if (!this.domainDoc?.domain) {
-        this.error = '域名信息不存在';
-        return;
-      }
-
-      this.loading = true;
-      this.error = null;
-
-      try {
-        const getRealNameRequest = createResource({
-          url: 'jcloud.api.domain_west.get_west_domain_real_info',
-          params: {
-            domain: this.domainDoc.domain
-          },
-          onSuccess: (response) => {
-            let data = null;
-            if (response && response.status === "success" && response.data) {
-              data = response.data;
-            } else if (response && response.message && response.message.status === "success" && response.message.data) {
-              data = response.message.data;
-            }
-            
-            if (data) {
-              this.realNameData = data;
-            } else {
-              this.error = '获取实名认证信息失败';
-            }
-            
-            this.loading = false;
-          },
-          onError: (error) => {
-            this.error = '获取实名认证信息失败';
-            this.loading = false;
-          }
-        });
-        getRealNameRequest.submit();
-      } catch (error) {
-        this.error = '获取实名认证信息失败';
-        this.loading = false;
-      }
-    },
-    formatDateTime(dateStr) {
-      if (!dateStr) return '未知';
-      try {
-        const date = new Date(dateStr);
-        return date.toLocaleString('zh-CN', {
-          year: 'numeric',
-          month: '2-digit',
-          day: '2-digit',
-          hour: '2-digit',
-          minute: '2-digit',
-          second: '2-digit'
-        });
-      } catch {
-        return dateStr;
-      }
-    },
-    getDomainStatusText(status) {
-      const statusMap = {
-        'ok': '正常',
-        'pending': '待处理',
-        'error': '错误'
-      };
-      return statusMap[status] || status || '未知';
-    },
-    getRealNameStatusText(status) {
-      const statusMap = {
-        1: '实名成功',
-        2: '实名中',
-        3: '实名失败',
-        0: '未实名'
-      };
-      return statusMap[status] || status || '未知';
-    },
-    getDocumentTypeText(type) {
-      const typeMap = {
-        1: '身份证',
-        2: '护照',
-        3: '营业执照(统一社会信用代码)',
-        4: '组织机构代码证',
-        5: '其他'
-      };
-      return typeMap[type] || type || '未知';
-    },
-    getFullAddress() {
-      if (!this.realNameData?.owner) return '未填写';
-      const province = this.realNameData.owner.dom_st_m || '';
-      const city = this.realNameData.owner.dom_ct_m || '';
-      const district = this.realNameData.owner.dom_district_m || '';
-      const parts = [province, city, district].filter(Boolean);
-      return parts.length > 0 ? parts.join('') : '未填写';
-    }
-
-  },
-  mounted() {
-    this.loadRealNameInfo();
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainRenewalDialog.vue b/dashboard_backup/src2/components/JsiteDomainRenewalDialog.vue
deleted file mode 100644
index c78bb45..0000000
--- a/dashboard_backup/src2/components/JsiteDomainRenewalDialog.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<template>
-  <Dialog :options="{ title: '域名续费', size: 'lg' }" v-model="show">
-    <!-- 第一步：选择续费周期和支付方式 -->
-    <template v-if="!showPaymentProcessing" #body-content>
-      <div class="p-4 sm:p-6">
-        <div class="mb-6">
-            <p class="mt-1 text-sm text-gray-600">
-              域名： <span class="font-medium">{{ domainDoc?.domain }}</span>
-            </p>
-        </div>
-
-        <div class="mb-6">
-          <label class="block text-sm font-medium text-gray-700 mb-2">
-            续费时长
-          </label>
-          <div class="flex flex-wrap gap-3">
-            <button
-              v-for="period in renewalPeriods"
-              :key="period.years"
-              @click="onRenewalPeriodChange(period.years)"
-              :class="[
-                'px-4 py-2 text-sm font-medium rounded-md border',
-                renewalPeriod === period.years
-                  ? 'bg-blue-50 border-blue-500 text-blue-700'
-                  : 'border-gray-300 text-gray-700 hover:bg-gray-50'
-              ]"
-            >
-              {{ period.name }}
-              <span v-if="period.discount" class="ml-1 text-green-600">-{{ period.discount }}%</span>
-            </button>
-          </div>
-        </div>
-
-        <div class="mb-6 border-t border-gray-200 pt-4">
-          <div v-if="renewPrice" class="flex justify-between items-center">
-            <div class="text-sm text-gray-600">续费时长</div>
-            <div class="font-medium">{{ renewalPeriod }} 年</div>
-          </div>
-          <div v-if="discountPercentage > 0" class="flex justify-between items-center mt-2">
-            <div class="text-sm text-green-600">折扣</div>
-            <div class="font-medium text-green-600">-{{ discountPercentage }}%</div>
-          </div>
-          <div v-if="renewPrice" class="flex justify-between items-center mt-2 text-lg font-bold">
-            <div>总计</div>
-            <div>¥ {{ totalAmount }}</div>
-          </div>
-          <div v-else class="flex justify-between items-center mt-2 text-lg font-bold">
-            <div>总计</div>
-            <div class="text-gray-400">获取价格中...</div>
-          </div>
-        </div>
-
-        <div class="mb-6 border-t border-gray-200 pt-4">
-          <label class="block text-sm font-medium text-gray-700 mb-3">
-            选择支付方式
-          </label>
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-            <button 
-              class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-              @click="selectedPaymentMethod = 'balance'"
-            >
-              <span class="text-gray-800 font-medium">余额支付</span>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-              @click="selectedPaymentMethod = 'alipay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <AlipayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-              @click="selectedPaymentMethod = 'wechatpay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <WeChatPayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <!-- 第二步：处理支付 -->
-    <template v-else #body-content>
-      <div class="p-4 sm:p-6">
-        <!-- 加载中状态 -->
-        <div v-if="isProcessingPayment" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <!-- 支付成功状态 -->
-        <div v-else-if="paymentSuccess" class="text-center py-8">
-          <div class="flex justify-center mb-6">
-            <div class="rounded-full bg-green-100 p-3">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-          </div>
-          <h3 class="text-xl font-medium text-gray-900 mb-2">续费成功！</h3>
-          <p class="text-gray-600 mb-2">
-            您的域名已成功续费 {{ renewalPeriod }} 年
-          </p>
-        </div>
-        
-        <!-- 微信支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'wechatpay' && paymentQrCode" class="text-center">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <!-- 支付宝支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动刷新页面
-            </p>
-          </div>
-        </div>
-        
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <template #actions>
-      <div class="w-full">
-        <button v-if="!showPaymentProcessing && !paymentSuccess"
-          type="button"
-          class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none disabled:bg-gray-300 disabled:cursor-not-allowed"
-          @click="createRenewalOrder"
-          :disabled="isLoading || isPriceLoading || !renewPrice || !selectedPaymentMethod"
-        >
-          {{ isLoading ? '处理中...' : (isPriceLoading ? '获取价格中...' : '确认续费') }}
-        </button>
-        
-        <div class="flex justify-between w-full" v-else>          
-          <button
-            type="button"
-            class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none ml-auto"
-            @click="cancel"
-            v-if="paymentSuccess"
-          >
-            关闭
-          </button>
-        </div>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { Dialog } from 'jingrow-ui';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-  name: 'JsiteDomainRenewalDialog',
-  components: {
-    Dialog,
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  props: {
-    domain: {
-      type: String,
-      required: true
-    },
-    domainDoc: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ['success'],
-  data() {
-    return {
-      show: true,
-      renewalPeriod: 1, // 续费周期，默认选择1年
-      selectedPaymentMethod: null, // 默认选择余额支付
-      order: null,
-      showPaymentProcessing: false,
-      paymentSuccess: false,
-      error: null,
-      isProcessingPayment: false,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      checkInterval: null,
-      domainPrice: null,
-      renewPrice: null, // 当前选择年限的总价
-      renewalPeriods: [
-        { years: 1, name: '1年', discount: 0 },
-        { years: 2, name: '2年', discount: 0 },
-        { years: 3, name: '3年', discount: 0 },
-        { years: 5, name: '5年', discount: 0 },
-        { years: 10, name: '10年', discount: 0 }
-      ]
-    };
-  },
-  computed: {
-    discountPercentage() {
-      const period = this.renewalPeriods.find(p => p.years === this.renewalPeriod);
-      return period ? period.discount : 0;
-    },
-    totalAmount() {
-      if (!this.renewPrice) return '0.00';
-      const discount = this.renewPrice * (this.discountPercentage / 100);
-      return (this.renewPrice - discount).toFixed(2);
-    },
-    isLoading() {
-      return this.$resources.createRenewalOrder.loading;
-    },
-    isPriceLoading() {
-      return this.$resources.getRenewPrice.loading;
-    }
-  },
-  resources: {
-    createRenewalOrder() {
-      return {
-        url: 'jcloud.api.domain_west.create_domain_renew_order',
-        validate() {
-          if (!this.domain) {
-            throw new DashboardError('缺少域名信息');
-          }
-        },
-        onSuccess(data) {
-          if (!data.success) {
-            this.error = data.message || '创建续费订单失败';
-            return;
-          }
-          
-          // 显示订单支付界面
-          this.order = data.order;
-          this.showPaymentProcessing = true;
-          
-          // 立即处理支付
-          this.processPayment();
-        },
-        onError(error) {
-          this.error = error.message || '创建续费订单失败';
-        }
-      };
-    },
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_domain_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          if (response.status === "Error" || response.success === false) {
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.error = response.message || '余额不足';
-            this.isProcessingPayment = false;
-            return;
-          }
-          
-          // 支付成功，等待支付完成回调处理续费
-          this.$emit('success', {
-            order: this.order,
-            renewal_period: this.renewalPeriod,
-            message: response.message || '支付成功'
-          });
-          
-          this.isProcessingPayment = false;
-          this.paymentSuccess = true;
-        },
-        onError(error) {
-          this.error = error.message || '余额支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentUrl = response.payment_url;          
-          window.open(response.payment_url, '_blank');
-          
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '支付宝支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image || null;
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '微信支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(data) {
-          if (data && data.status === '已支付') {
-            // 支付成功，停止轮询
-            this.stopPaymentCheck();
-            
-            // 支付成功，等待支付完成回调处理续费
-            this.$emit('success', {
-              order: this.order,
-              renewal_period: this.renewalPeriod,
-              message: '支付成功'
-            });
-            
-            this.paymentSuccess = true;
-          }
-        }
-      };
-    },
-    getRenewPrice() {
-      return {
-        url: 'jcloud.api.domain_west.get_west_domain_renew_price',
-        params: {
-          domain: this.domainDoc?.domain,
-          year: 1 
-        },
-        onSuccess(data) {
-          if (data.data?.price) {
-            this.renewPrice = data.data.price;
-          }
-        },
-        onError(error) {
-          console.warn('获取域名续费价格失败:', error.message);
-        }
-      };
-    }
-  },
-  async mounted() {
-    // 获取当前选择年限的续费价格
-    if (this.domainDoc?.domain) {
-      await this.$resources.getRenewPrice.submit({
-        domain: this.domainDoc.domain,
-        year: this.renewalPeriod
-      });
-    }
-  },
-  methods: {
-    async onRenewalPeriodChange(years) {
-      this.renewalPeriod = years;
-      // 立即获取对应年限的价格
-      if (this.domainDoc?.domain) {
-        await this.$resources.getRenewPrice.submit({
-          domain: this.domainDoc.domain,
-          year: years
-        });
-      }
-    },
-    cancel() {
-      this.stopPaymentCheck();
-      this.show = false;
-    },
-    createRenewalOrder() {
-      this.error = null;
-      this.$resources.createRenewalOrder.submit({
-        domain: this.domain,
-        renewal_years: this.renewalPeriod
-      });
-    },
-    processPayment() {
-      this.isProcessingPayment = true;
-      this.error = null;
-      
-      if (!this.order || !this.order.order_id) {
-        this.error = '订单信息不完整，请重试';
-        this.isProcessingPayment = false;
-        return;
-      }
-      
-      if (this.selectedPaymentMethod === 'balance') {
-        this.$resources.processBalancePayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'alipay') {
-        this.$resources.processAlipayPayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'wechatpay') {
-        this.$resources.processWechatPayment.submit({
-          order_id: this.order.order_id
-        });
-      }
-    },
-    startPaymentCheck() {
-      this.isProcessingPayment = false;
-      
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit({
-          order_id: this.order.order_id
-        });
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    }
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-  }
-};
-</script>
-
-<style scoped>
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainTransferDialog.vue b/dashboard_backup/src2/components/JsiteDomainTransferDialog.vue
deleted file mode 100644
index 6a519ce..0000000
--- a/dashboard_backup/src2/components/JsiteDomainTransferDialog.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<template>
-  <div class="p-6">
-    <div class="mb-6">
-      <h2 class="text-xl font-semibold text-gray-900 mb-2">域名转入</h2>
-      <p class="text-sm text-gray-600">
-        将域名转入到我们的平台进行管理
-      </p>
-    </div>
-
-    <div class="space-y-4">
-      <div>
-        <label class="block text-sm font-medium text-gray-700 mb-2">域名</label>
-        <input 
-          v-model="transferDomain" 
-          type="text" 
-          placeholder="请输入要转入的域名，如：example.com"
-          class="w-full border rounded px-3 py-2"
-        />
-      </div>
-
-      <div>
-        <label class="block text-sm font-medium text-gray-700 mb-2">转移授权码</label>
-        <input 
-          v-model="authCode" 
-          type="text" 
-          placeholder="请输入从原注册商获取的转移授权码"
-          class="w-full border rounded px-3 py-2"
-        />
-        <p class="text-xs text-gray-500 mt-1">
-          转移授权码需要从原域名注册商处获取
-        </p>
-      </div>
-
-      <div v-if="transferPrice" class="border-t border-gray-200 pt-4">
-        <div class="flex justify-between items-center">
-          <div class="text-sm text-gray-600">转入费用</div>
-          <div class="font-medium">
-            ¥ {{ transferPrice }} 
-            <span class="text-gray-500 text-sm">(年付)</span>
-          </div>
-        </div>
-        <div class="flex justify-between items-center mt-2">
-          <div class="text-sm text-gray-600">转入时长</div>
-          <div class="font-medium">1 年</div>
-        </div>
-        <div class="flex justify-between items-center mt-2 text-lg font-bold">
-          <div>总计</div>
-          <div>¥ {{ transferPrice }}</div>
-        </div>
-      </div>
-
-      <div class="border-t border-gray-200 pt-4">
-        <label class="block text-sm font-medium text-gray-700 mb-3">
-          选择支付方式
-        </label>
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-          <button 
-            class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-            :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-            @click="selectedPaymentMethod = 'balance'"
-          >
-            <span class="text-gray-800 font-medium">余额支付</span>
-          </button>
-          
-          <button 
-            class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-            :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-            @click="selectedPaymentMethod = 'alipay'"
-          >
-            <div class="flex flex-col items-center">
-              <div class="mb-2">
-                <AlipayLogo class="h-8" />
-              </div>
-            </div>
-          </button>
-          
-          <button 
-            class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-            :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-            @click="selectedPaymentMethod = 'wechatpay'"
-          >
-            <div class="flex flex-col items-center">
-              <div class="mb-2">
-                <WeChatPayLogo class="h-8" />
-              </div>
-            </div>
-          </button>
-        </div>
-      </div>
-
-      <div v-if="error" class="p-3 bg-red-50 text-red-700 rounded-md text-sm">
-        {{ error }}
-      </div>
-    </div>
-
-    <div class="flex justify-end gap-3 mt-6">
-      <button 
-        @click="$emit('close')"
-        class="px-4 py-2 text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 transition-colors"
-      >
-        取消
-      </button>
-      <button 
-        @click="processTransfer"
-        :disabled="!transferDomain || !authCode || !selectedPaymentMethod || isLoading"
-        class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 disabled:bg-gray-300 transition-colors"
-      >
-        {{ isLoading ? '处理中...' : '确认转入' }}
-      </button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-  name: 'JsiteDomainTransferDialog',
-  components: {
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  props: {
-    domain: {
-      type: String,
-      required: true
-    },
-    domainDoc: {
-      type: Object,
-      required: true
-    },
-    onSuccess: {
-      type: Function,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      transferDomain: '',
-      authCode: '',
-      selectedPaymentMethod: null,
-      transferPrice: 50, // 默认转入价格
-      isLoading: false,
-      error: null
-    };
-  },
-  methods: {
-    async processTransfer() {
-      if (!this.transferDomain) {
-        this.error = '请输入要转入的域名';
-        return;
-      }
-      
-      if (!this.authCode) {
-        this.error = '请输入转移授权码';
-        return;
-      }
-      
-      if (!this.selectedPaymentMethod) {
-        this.error = '请选择支付方式';
-        return;
-      }
-      
-      this.error = null;
-      this.isLoading = true;
-      
-      try {
-        const response = await this.$resources.transferDomain.submit({
-          domain: this.transferDomain,
-          auth_code: this.authCode,
-          payment_method: this.selectedPaymentMethod
-        });
-        
-        if (response.success) {
-          toast.success('域名转入请求已提交');
-          this.$emit('close');
-          this.onSuccess(response);
-        } else {
-          this.error = response.message || '转入失败';
-        }
-      } catch (error) {
-        this.error = error.message || '转入失败';
-      } finally {
-        this.isLoading = false;
-      }
-    }
-  },
-  resources: {
-    transferDomain() {
-      return {
-        url: 'jcloud.api.domain_west.west_domain_transfer',
-        onSuccess(response) {
-          return response;
-        },
-        onError(error) {
-          throw error;
-        }
-      };
-    }
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteDomainUploadRealNameDialog.vue b/dashboard_backup/src2/components/JsiteDomainUploadRealNameDialog.vue
deleted file mode 100644
index 2a78132..0000000
--- a/dashboard_backup/src2/components/JsiteDomainUploadRealNameDialog.vue
+++ /dev/null
@@ -1,397 +0,0 @@
-<template>
-  <Dialog v-bind="$attrs" :options="{ title: '实名资料上传', size: 'lg' }" v-model="show">
-    <template #body-content>
-      <div class="p-4 sm:p-6">
-        <div class="space-y-4">
-          <!-- 域名显示 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">域名：</label>
-            <div class="text-base text-black font-semibold">{{ domainDoc?.domain || domain }}</div>
-          </div>
-          <!-- 资料状态 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">资料状态</label>
-            <div class="flex space-x-2">
-              <span class="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                未传图片
-              </span>
-              <span class="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
-                未实名
-              </span>
-            </div>
-          </div>
-
-          <!-- 域名所有者 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">域名所有者</label>
-            <div class="text-sm text-gray-900">
-              {{ ownerType ? `(${ownerType === 'I' ? '个人' : '企业'})` : '' }} {{ domainDoc?.owner_name || '未知' }}
-            </div>
-          </div>
-
-          <!-- 所有者证件号码 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">所有者证件号码</label>
-            <div class="flex space-x-3">
-              <select 
-                v-model="formData.idType"
-                class="px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white text-sm"
-              >
-                <option 
-                  v-for="option in idTypeOptions" 
-                  :key="option.value" 
-                  :value="option.value"
-                >
-                  {{ option.label }}
-                </option>
-              </select>
-              <input
-                type="text"
-                v-model="formData.idNumber"
-                class="flex-1 px-3 py-1.5 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
-                placeholder="请输入证件号码"
-              />
-            </div>
-          </div>
-
-          <!-- 所有者证件材料 -->
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">所有者证件材料</label>
-            <div class="flex space-x-4">
-              <!-- 上传区域 -->
-              <div class="flex-1">
-                <div
-                  @click="triggerFileInput"
-                  @dragover.prevent
-                  @drop.prevent="handleDrop"
-                  class="border-2 border-dashed border-gray-300 rounded-md p-6 text-center cursor-pointer hover:border-blue-400 hover:bg-blue-50 transition-colors duration-200"
-                >
-                  <div class="text-green-500 mb-2">
-                    <svg class="w-8 h-8 mx-auto" fill="currentColor" viewBox="0 0 20 20">
-                      <path fill-rule="evenodd" d="M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM6.293 6.707a1 1 0 010-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L11 5.414V13a1 1 0 11-2 0V5.414L7.707 6.707a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-                    </svg>
-                  </div>
-                  <p class="text-sm text-gray-600 font-medium">点击上传</p>
-                </div>
-              </div>
-
-              <!-- 说明文字 -->
-              <div class="flex-1">
-                <div class="text-xs text-gray-600 leading-relaxed mb-3">
-                  请保证图片中证件四角完整、证件上文字信息完整清晰，请使用原件拍摄或彩色扫描件，不要用复印件，否则无法通过审核。
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- 已上传文件列表 -->
-          <div v-if="uploadedFiles.length > 0" class="space-y-2">
-            <div
-              v-for="(file, index) in uploadedFiles"
-              :key="index"
-              class="flex items-center justify-between bg-gray-50 rounded-md p-2"
-            >
-              <div class="flex items-center">
-                <svg class="w-4 h-4 text-blue-600 mr-2" fill="currentColor" viewBox="0 0 20 20">
-                  <path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd" />
-                </svg>
-                <div>
-                  <div class="text-xs font-medium text-gray-900">{{ file.name }}</div>
-                  <div class="text-xs text-gray-500">{{ formatFileSize(file.size) }}</div>
-                </div>
-              </div>
-              <button
-                @click="removeFile(index)"
-                class="text-gray-400 hover:text-red-500 transition-colors"
-              >
-                <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
-                  <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 隐藏的文件输入框 -->
-      <input
-        ref="fileInput"
-        type="file"
-        accept="image/*,.pdf"
-        multiple
-        class="hidden"
-        @change="handleFileSelect"
-      />
-    </template>
-
-    <template #actions>
-      <div class="w-full flex justify-end space-x-3">
-        <button
-          type="button"
-          class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none"
-          @click="show = false"
-        >
-          重置
-        </button>
-        <button
-          type="button"
-          class="px-4 py-2 bg-black border border-transparent rounded-md text-sm font-medium text-white hover:bg-gray-800 focus:outline-none disabled:bg-gray-300 disabled:cursor-not-allowed"
-          @click="submitUpload"
-          :disabled="loading || !isValid"
-        >
-          {{ loading ? '提交中...' : '提交' }}
-        </button>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { Dialog, createResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-
-export default {
-  name: 'JsiteDomainUploadRealNameDialog',
-  components: {
-    Dialog
-  },
-  props: {
-    domain: String,
-    domainDoc: Object,
-    onSuccess: Function
-  },
-  emits: ['success', 'close'],
-  data() {
-    return {
-      show: true,
-      loading: false,
-      ownerType: null, // 初始为空，等待从所有者信息获取
-      formData: {
-        idType: '',
-        idNumber: ''
-      },
-      uploadedFiles: []
-    };
-  },
-  computed: {
-    isValid() {
-      return this.formData.idNumber.trim() && this.formData.idType && this.uploadedFiles.length > 0;
-    },
-    idTypeOptions() {
-      if (!this.ownerType) {
-        // 如果还没有获取到所有者类型，返回空数组
-        return [];
-      }
-      
-      if (this.ownerType === 'I') {
-        // 个人证件类型
-        return [
-          { value: 'SFZ', label: '身份证' },
-          { value: 'HZ', label: '护照' },
-          { value: 'GAJMTX', label: '港澳居民来往内地通行证' },
-          { value: 'TWJMTX', label: '台湾居民来往大陆通行证' },
-          { value: 'WJLSFZ', label: '外国人永久居留身份证' },
-          { value: 'GAJZZ', label: '港澳台居民居住证' }
-        ];
-      } else {
-        // 企业证件类型
-        return [
-          { value: 'ORG', label: '组织机构代码证' },
-          { value: 'YYZZ', label: '工商营业执照' },
-          { value: 'TYDM', label: '统一社会信用代码证书' }
-        ];
-      }
-    }
-  },
-  resources: {
-    getOwnerInfo() {
-      return {
-        url: 'jcloud.api.domain_west.get_domain_owner',
-        params: {
-          name: this.domainDoc?.domain_owner
-        },
-        onSuccess: (response) => {
-          return response;
-        },
-        onError: (error) => {
-          console.error('获取所有者信息失败:', error);
-        }
-      };
-    }
-  },
-  mounted() {
-    this.loadOwnerInfo();
-  },
-  methods: {
-    triggerFileInput() {
-      this.$refs.fileInput.click();
-    },
-    handleFileSelect(event) {
-      const files = Array.from(event.target.files);
-      this.addFiles(files);
-    },
-    handleDrop(event) {
-      const files = Array.from(event.dataTransfer.files);
-      this.addFiles(files);
-    },
-    addFiles(newFiles) {
-      const validFiles = newFiles.filter(file => {
-        // 检查文件大小 (5MB限制)
-        if (file.size > 5 * 1024 * 1024) {
-          alert(`文件 ${file.name} 超过 5MB 限制`);
-          return false;
-        }
-        return true;
-      });
-      
-      this.uploadedFiles = [...this.uploadedFiles, ...validFiles];
-    },
-    removeFile(index) {
-      this.uploadedFiles.splice(index, 1);
-    },
-    formatFileSize(bytes) {
-      if (bytes === 0) return '0 Bytes';
-      const k = 1024;
-      const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-      const i = Math.floor(Math.log(bytes) / Math.log(k));
-      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
-    },
-    async submitUpload() {
-      if (!this.validateForm()) {
-        return;
-      }
-
-      this.loading = true;
-
-      try {
-        // 创建FormData对象
-        const formData = new FormData();
-        
-        // 获取域名
-        const domain = this.domainDoc?.domain || this.domain;
-        
-        // 验证域名是否有效
-        if (!domain || domain === '36h8on65rd') {
-          console.error('域名信息无效:', domain);
-          alert('域名信息无效，请重试');
-          return;
-        }
-        
-        // 确保域名格式正确
-        if (!domain.includes('.')) {
-          console.error('域名格式无效:', domain);
-          alert('域名格式无效，请重试');
-          return;
-        }
-        
-        formData.append('domain', domain);
-        formData.append('idType', this.formData.idType);
-        formData.append('idNumber', this.formData.idNumber);
-
-        // 添加文件
-        this.uploadedFiles.forEach((file, index) => {
-          formData.append(`files_${index}`, file);
-        });
-
-        // 调用后端上传API
-        const xhr = new XMLHttpRequest();
-        
-        xhr.onreadystatechange = () => {
-          if (xhr.readyState === XMLHttpRequest.DONE) {
-            this.loading = false;
-            
-            if (xhr.status === 200) {
-              try {
-                const response = JSON.parse(xhr.responseText);
-                
-                // Jingrow 响应格式：{message: {...}}
-                if (response && response.message && response.message.status === "success") {
-                  // 调用父组件的成功回调
-                  if (this.onSuccess) {
-                    this.onSuccess();
-                  }
-                  // 关闭弹窗
-                  this.show = false;
-                } else {
-                  const errorMessage = response?.message?.message || response?.message || '上传失败，请重试';
-                  console.error('上传失败:', errorMessage);
-                  alert(errorMessage);
-                }
-              } catch (error) {
-                console.error('解析响应失败:', error);
-                alert('上传失败，请重试');
-              }
-            } else {
-              console.error('上传失败:', xhr.status, xhr.statusText);
-              alert('上传失败，请重试');
-            }
-          }
-        };
-        
-        xhr.open('POST', '/api/action/jcloud.api.domain_west.upload_domain_real_name_files', true);
-        xhr.setRequestHeader('Accept', 'application/json');
-        
-        // 添加CSRF token
-        if (window.csrf_token && window.csrf_token !== '{{ csrf_token }}') {
-          xhr.setRequestHeader('X-Jingrow-CSRF-Token', window.csrf_token);
-        }
-        
-        xhr.send(formData);
-        
-      } catch (error) {
-        console.error('上传实名资料失败:', error);
-        alert('上传失败，请重试');
-      } finally {
-        this.loading = false;
-      }
-    },
-    validateForm() {
-      if (!this.formData.idNumber.trim()) {
-        alert('请填写证件号码');
-        return false;
-      }
-
-      if (!this.formData.idType) {
-        alert('请选择证件类型');
-        return false;
-      }
-
-      if (this.uploadedFiles.length === 0) {
-        alert('请上传证件材料');
-        return false;
-      }
-
-      return true;
-    },
-    async loadOwnerInfo() {
-      try {
-        if (this.domainDoc && this.domainDoc.domain_owner) {
-          // 获取域名所有者信息
-          const response = await this.$resources.getOwnerInfo.submit();
-          
-          if (response && response.status === 'Success' && response.data) {
-            const owner = response.data;
-            
-            // 优先从所有者信息获取类型
-            this.ownerType = owner.c_regtype;
-            
-            // 填充身份证号码
-            if (owner.c_idnum_gswl) {
-              this.formData.idNumber = owner.c_idnum_gswl;
-            }
-            // 填充证件类型
-            if (owner.c_idtype_gswl) {
-              this.formData.idType = owner.c_idtype_gswl;
-            } else if (this.ownerType) {
-              // 根据所有者类型设置默认证件类型
-              this.formData.idType = this.ownerType === 'I' ? 'SFZ' : 'ORG';
-            }
-          }
-        }
-      } catch (error) {
-        console.error('获取所有者信息失败:', error);
-      }
-    },
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteServerFirewallRules.vue b/dashboard_backup/src2/components/JsiteServerFirewallRules.vue
deleted file mode 100644
index f0f79a0..0000000
--- a/dashboard_backup/src2/components/JsiteServerFirewallRules.vue
+++ /dev/null
@@ -1,609 +0,0 @@
-<template>
-	<div class="space-y-6">
-		<!-- 标题和操作按钮 -->
-		<div class="flex items-center justify-between">
-			<div>
-			</div>
-			<div class="flex gap-2">
-				<Button 
-					@click="refreshRules"
-					:loading="$resources.firewallRules.loading"
-					variant="outline"
-					size="sm"
-				>
-					<RefreshCwIcon class="h-4 w-4 mr-1" />
-					刷新
-				</Button>
-				<Button 
-					v-if="selectedRules.length > 0"
-					@click="batchDeleteRules"
-					variant="outline"
-					size="sm"
-					class="text-red-600 hover:text-red-700"
-				>
-					<Trash2Icon class="h-4 w-4 mr-1" />
-					删除选中 ({{ selectedRules.length }})
-				</Button>
-				<Button 
-					@click="addNewRow"
-					variant="solid"
-					size="sm"
-				>
-					<PlusIcon class="h-4 w-4 mr-1" />
-					添加规则
-				</Button>
-			</div>
-		</div>
-
-		<!-- 加载状态 -->
-		<div v-if="$resources.firewallRules.loading" class="flex items-center justify-center py-12">
-			<div class="flex items-center space-x-2">
-				<Loader2Icon class="h-5 w-5 animate-spin text-gray-500" />
-				<span class="text-gray-500">正在加载防火墙规则...</span>
-			</div>
-		</div>
-
-		<!-- 错误状态 -->
-		<div v-else-if="$resources.firewallRules.error" class="rounded-md border border-red-200 bg-red-50 p-4">
-			<div class="flex items-center">
-				<AlertCircleIcon class="h-5 w-5 text-red-400 mr-2" />
-				<div>
-					<h3 class="text-sm font-medium text-red-800">加载失败</h3>
-					<p class="text-sm text-red-700 mt-1">{{ $resources.firewallRules.error }}</p>
-				</div>
-			</div>
-		</div>
-
-		<!-- 防火墙规则列表 -->
-		<div v-else-if="!$resources.firewallRules.loading && !$resources.firewallRules.error" class="space-y-4">
-			<div class="overflow-hidden rounded-md border border-gray-200">
-				<table class="min-w-full divide-y divide-gray-200">
-					<thead class="bg-gray-50">
-						<tr>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								<input 
-									type="checkbox" 
-									class="rounded border-gray-300" 
-									:checked="isAllSelected"
-									:indeterminate="isIndeterminate"
-									@change="toggleSelectAll"
-								/>
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								协议
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								端口范围
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								来源IP
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								备注
-							</th>
-							<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-								操作
-							</th>
-						</tr>
-					</thead>
-					<tbody class="bg-white divide-y divide-gray-200">
-						<!-- 现有规则 -->
-						<tr v-for="(rule, index) in firewallRules" :key="rule.rule_id || `temp-${index}`" class="hover:bg-gray-50">
-							<td class="px-4 py-4 whitespace-nowrap">
-								<input 
-									type="checkbox" 
-									class="rounded border-gray-300" 
-									:checked="selectedRules.includes(String(rule.rule_id))"
-									@change="toggleRuleSelection(rule.rule_id)"
-									:disabled="rule.isNew"
-								/>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 协议编辑 -->
-								<div v-if="rule.editing" class="flex items-center space-x-2">
-									<select 
-										v-model="rule.rule_protocol" 
-										class="w-20 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-									>
-										<option value="TCP">TCP</option>
-										<option value="UDP">UDP</option>
-										<option value="ICMP">ICMP</option>
-									</select>
-								</div>
-								<div v-else>
-									<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" 
-										:class="{
-											'bg-blue-100 text-blue-800': rule.rule_protocol === 'TCP',
-											'bg-green-100 text-green-800': rule.rule_protocol === 'UDP',
-											'bg-yellow-100 text-yellow-800': rule.rule_protocol === 'ICMP',
-											'bg-gray-100 text-gray-800': !rule.rule_protocol
-										}">
-										{{ rule.rule_protocol || '未知' }}
-									</span>
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 端口范围编辑 -->
-								<div v-if="rule.editing" class="flex items-center space-x-2">
-									<input 
-										v-model="rule.port" 
-										type="text" 
-										class="w-24 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="端口范围"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-900">
-									{{ rule.port || '-' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 来源IP编辑 -->
-								<div v-if="rule.editing" class="flex items-center space-x-2">
-									<input 
-										v-model="rule.source_cidr_ip" 
-										type="text" 
-										class="w-32 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="来源IP"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-900 max-w-xs truncate" :title="rule.source_cidr_ip">
-									{{ rule.source_cidr_ip || '0.0.0.0/0' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap">
-								<!-- 备注编辑 -->
-								<div v-if="rule.editing" class="flex items-center space-x-2">
-									<input 
-										v-model="rule.remark" 
-										type="text" 
-										class="w-32 px-2 py-1 text-sm border border-gray-300 rounded focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
-										placeholder="备注"
-									/>
-								</div>
-								<div v-else class="text-sm text-gray-500 max-w-xs truncate" :title="rule.remark">
-									{{ rule.remark || '-' }}
-								</div>
-							</td>
-							<td class="px-4 py-4 whitespace-nowrap text-sm">
-								<div class="flex items-center space-x-1">
-									<Button 
-										v-if="rule.editing"
-										@click="saveRule(rule)"
-										variant="ghost"
-										size="sm"
-										class="text-green-600 hover:text-green-700"
-									>
-										保存
-									</Button>
-									<Button 
-										v-if="rule.editing"
-										@click="cancelEdit(rule)"
-										variant="ghost"
-										size="sm"
-										class="text-gray-600 hover:text-gray-700"
-									>
-										取消
-									</Button>
-									<Button 
-										v-if="!rule.editing && !rule.isNew"
-										@click="deleteRule(rule)"
-										variant="ghost"
-										size="sm"
-										class="text-red-600 hover:text-red-700"
-									>
-										删除
-									</Button>
-								</div>
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-
-			<!-- 分页 -->
-			<div v-if="pagination.total > pagination.limit" class="flex flex-col items-center space-y-4">
-				<div class="text-sm text-gray-700">
-					显示第 {{ (pagination.pageno - 1) * pagination.limit + 1 }} - 
-					{{ Math.min(pagination.pageno * pagination.limit, pagination.total) }} 条，
-					共 {{ pagination.total }} 条记录
-				</div>
-				<div class="flex items-center space-x-2">
-					<Button 
-						@click="changePage(pagination.pageno - 1)"
-						:disabled="pagination.pageno <= 1"
-						variant="outline"
-						size="sm"
-						class="px-3"
-					>
-						←
-					</Button>
-					<div class="flex items-center space-x-1">
-						<Button 
-							v-for="page in getVisiblePages()" 
-							:key="page"
-							@click="changePage(page)"
-							:class="[
-								'px-3 py-1 text-sm rounded',
-								page === pagination.pageno 
-									? '!bg-[#1fc76f] text-white' 
-									: 'bg-white text-gray-700 border border-gray-300 hover:bg-gray-50'
-							]"
-							:disabled="page === pagination.pageno"
-						>
-							{{ page }}
-						</Button>
-					</div>
-					<Button 
-						@click="changePage(pagination.pageno + 1)"
-						:disabled="pagination.pageno >= pagination.pagecount"
-						variant="outline"
-						size="sm"
-						class="px-3"
-					>
-						→
-					</Button>
-				</div>
-			</div>
-		</div>
-
-		<!-- 空状态 -->
-		<div v-else-if="!$resources.firewallRules.loading && !$resources.firewallRules.error && firewallRules.length === 0" class="text-center py-12">
-			<ShieldIcon class="mx-auto h-12 w-12 text-gray-400" />
-			<h3 class="mt-2 text-sm font-medium text-gray-900">暂无防火墙规则</h3>
-			<p class="mt-1 text-sm text-gray-500">开始添加您的第一个防火墙规则</p>
-			<div class="mt-6">
-				<Button @click="addNewRow" variant="solid">
-					<PlusIcon class="h-4 w-4 mr-1" />
-					添加规则
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getCachedDocumentResource, Badge, Button, createResource } from 'jingrow-ui';
-import { h, defineAsyncComponent } from 'vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-import { renderDialog, confirmDialog } from '../utils/components';
-import RefreshCwIcon from '~icons/lucide/refresh-cw';
-import PlusIcon from '~icons/lucide/plus';
-import Loader2Icon from '~icons/lucide/loader-2';
-import AlertCircleIcon from '~icons/lucide/alert-circle';
-import EditIcon from '~icons/lucide/edit';
-import Trash2Icon from '~icons/lucide/trash-2';
-import ShieldIcon from '~icons/lucide/shield';
-import SettingsIcon from '~icons/lucide/settings';
-
-export default {
-	name: 'JsiteServerFirewallRules',
-	props: ['server'],
-	data() {
-		return {
-			firewallRules: [],
-			pagination: {
-				pageno: 1,
-				limit: 10,
-				total: 0,
-				pagecount: 0
-			},
-			selectedRules: [] // 用于存储选中的规则ID
-		};
-	},
-	resources: {
-		firewallRules() {
-			return {
-				url: 'jcloud.api.aliyun_server_light.get_jingrow_firewall_rules',
-				params: {
-					instance_id: this.$jsiteServer.pg?.instance_id,
-					limit: this.pagination.limit,
-					pageno: this.pagination.pageno
-				},
-				auto: true,
-				onSuccess: (response) => {
-					if (response.success && response.data) {
-						// 直接使用API返回的防火墙规则数据
-						const firewallRules = response.data.firewall_rules || [];
-						this.firewallRules = firewallRules.map(rule => ({
-							rule_id: rule.rule_id,
-							rule_protocol: rule.rule_protocol,
-							port: rule.port,
-							source_cidr_ip: rule.source_cidr_ip,
-							remark: rule.remark,
-							editing: false,
-							isNew: false
-						}));
-						
-						// 使用API返回的分页信息
-						this.pagination = {
-							pageno: response.data.pageno,
-							limit: response.data.limit,
-							total: response.data.total,
-							pagecount: response.data.pagecount
-						};
-					} else {
-						this.error = response.message || '获取防火墙规则失败';
-					}
-				},
-				onError: (error) => {
-					this.error = getToastErrorMessage(error);
-				}
-			};
-		}
-	},
-	methods: {
-		// 刷新规则
-		refreshRules() {
-			this.$resources.firewallRules.reload();
-		},
-
-		// 切换页面
-		changePage(page) {
-			if (page >= 1 && page <= this.pagination.pagecount) {
-				this.pagination.pageno = page;
-				// 更新资源参数并立即重新加载
-				this.$resources.firewallRules.update({
-					params: {
-						instance_id: this.$jsiteServer.pg?.instance_id,
-						limit: this.pagination.limit,
-						pageno: this.pagination.pageno
-					}
-				});
-				this.$resources.firewallRules.reload();
-			}
-		},
-
-		// 添加新行
-		addNewRow() {
-			const newRule = {
-				rule_id: null,
-				rule_protocol: 'TCP',
-				port: '',
-				source_cidr_ip: '0.0.0.0/0',
-				remark: '',
-				editing: true,
-				isNew: true
-			};
-			
-			// 添加新规则到最前面
-			this.firewallRules.unshift(newRule);
-		},
-
-		// 保存规则
-		async saveRule(rule) {
-			if (!rule.rule_protocol || !rule.port) {
-				toast.error('协议和端口不能为空');
-				return;
-			}
-
-			try {
-				const request = createResource({
-					url: 'jcloud.api.aliyun_server_light.create_aliyun_firewall_rule',
-					params: {
-						instance_id: this.$jsiteServer.pg.instance_id,
-						rule_protocol: rule.rule_protocol,
-						port: rule.port,
-						remark: rule.remark,
-						region_id: this.$jsiteServer.pg.region
-					},
-					onSuccess: (response) => {
-						if (response.success) {
-							toast.success('防火墙规则保存成功');
-							rule.editing = false;
-							rule.isNew = false;
-							// 重新加载规则列表
-							setTimeout(() => {
-								this.$resources.firewallRules.reload();
-							}, 1000);
-						} else {
-							toast.error(response.message || '保存防火墙规则失败');
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				toast.error('保存防火墙规则失败');
-				console.error('保存防火墙规则失败:', error);
-			}
-		},
-
-		// 取消编辑
-		cancelEdit(rule) {
-			if (rule.isNew) {
-				// 如果是新增规则，直接删除
-				const index = this.firewallRules.indexOf(rule);
-				if (index > -1) {
-					this.firewallRules.splice(index, 1);
-				}
-			} else {
-				// 如果是编辑中的规则，恢复其原始值
-				if (rule._original) {
-					Object.assign(rule, rule._original);
-					delete rule._original;
-				}
-				rule.editing = false;
-			}
-		},
-
-		// 删除规则
-		deleteRule(rule) {
-			confirmDialog({
-				title: '删除防火墙规则',
-				message: `确定要删除这条防火墙规则吗？\n协议: ${rule.rule_protocol}\n端口: ${rule.port}`,
-				primaryAction: {
-					label: '确定',
-					variant: 'solid',
-					class: 'bg-black text-white hover:bg-gray-800',
-					onClick: ({ hide }) => {
-						this.performDeleteRule(rule, hide);
-					}
-				}
-			});
-		},
-
-		// 执行删除规则
-		async performDeleteRule(rule, hide) {
-			try {
-				const request = createResource({
-					url: 'jcloud.api.aliyun_server_light.delete_aliyun_firewall_rules',
-					params: {
-						instance_id: this.$jsiteServer.pg.instance_id,
-						region_id: this.$jsiteServer.pg.region,
-						rule_ids: [rule.rule_id]
-					},
-					onSuccess: (response) => {
-						if (response.success) {
-							toast.success('防火墙规则删除成功');
-							hide();
-							setTimeout(() => {
-								this.$resources.firewallRules.reload();
-							}, 1000);
-						} else {
-							toast.error(response.message || '删除防火墙规则失败');
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				toast.error('删除防火墙规则失败');
-				console.error('删除防火墙规则失败:', error);
-			}
-		},
-
-		// 批量删除规则
-		async batchDeleteRules() {
-			if (this.selectedRules.length === 0) {
-				toast.info('请选择要删除的规则');
-				return;
-			}
-
-			confirmDialog({
-				title: '批量删除防火墙规则',
-				message: `确定要删除选中的 ${this.selectedRules.length} 条防火墙规则吗？`,
-				primaryAction: {
-					label: '确定',
-					variant: 'solid',
-					class: 'bg-black text-white hover:bg-gray-800',
-					onClick: ({ hide }) => {
-						this.performBatchDeleteRules(this.selectedRules, hide);
-					}
-				}
-			});
-		},
-
-		// 执行批量删除规则
-		async performBatchDeleteRules(ruleIds, hide) {
-			const validRuleIds = ruleIds.filter(id => id);
-			
-			if (validRuleIds.length === 0) {
-				toast.error('没有有效的规则可以删除');
-				return;
-			}
-			
-			try {
-				const request = createResource({
-					url: 'jcloud.api.aliyun_server_light.delete_aliyun_firewall_rules',
-					params: {
-						instance_id: this.$jsiteServer.pg.instance_id,
-						region_id: this.$jsiteServer.pg.region,
-						rule_ids: validRuleIds
-					},
-					onSuccess: (response) => {
-						if (response.success) {
-							toast.success(response.message || `批量删除 ${validRuleIds.length} 条防火墙规则成功`);
-							hide();
-							setTimeout(() => {
-								this.$resources.firewallRules.reload();
-							}, 1000);
-							this.selectedRules = []; // 清空选中
-						} else {
-							toast.error(response.message || '批量删除防火墙规则失败');
-						}
-					},
-					onError: (error) => {
-						toast.error(getToastErrorMessage(error));
-					}
-				});
-				request.submit();
-			} catch (error) {
-				toast.error('批量删除防火墙规则失败');
-				console.error('批量删除防火墙规则失败:', error);
-			}
-		},
-
-		// 切换规则选中状态
-		toggleRuleSelection(ruleId) {
-			if (!ruleId) return;
-			
-			const ruleIdStr = String(ruleId);
-			const index = this.selectedRules.indexOf(ruleIdStr);
-			if (index > -1) {
-				this.selectedRules.splice(index, 1);
-			} else {
-				this.selectedRules.push(ruleIdStr);
-			}
-		},
-
-		// 全选/取消全选
-		toggleSelectAll(event) {
-			const checkbox = event.target;
-			if (checkbox.checked) {
-				this.selectedRules = this.firewallRules
-					.filter(rule => rule.rule_id && !rule.isNew)
-					.map(rule => String(rule.rule_id));
-			} else {
-				this.selectedRules = [];
-			}
-		},
-
-		// 获取可见的页码
-		getVisiblePages() {
-			const current = this.pagination.pageno;
-			const total = this.pagination.pagecount;
-			const pages = [];
-			
-			if (total <= 5) {
-				for (let i = 1; i <= total; i++) {
-					pages.push(i);
-				}
-			} else {
-				const start = Math.max(1, current - 2);
-				const end = Math.min(total, current + 2);
-				
-				for (let i = start; i <= end; i++) {
-					pages.push(i);
-				}
-			}
-			
-			return pages;
-		}
-	},
-	computed: {
-		$jsiteServer() {
-			return getCachedDocumentResource('Jsite Server', this.server);
-		},
-		
-		// 判断是否全选
-		isAllSelected() {
-			const validRules = this.firewallRules.filter(rule => rule.rule_id && !rule.isNew);
-			return validRules.length > 0 && this.selectedRules.length === validRules.length;
-		},
-
-		// 判断是否半选
-		isIndeterminate() {
-			const validRules = this.firewallRules.filter(rule => rule.rule_id && !rule.isNew);
-			return this.selectedRules.length > 0 && this.selectedRules.length < validRules.length;
-		}
-	},
-	mounted() {
-		// 组件会自动加载防火墙规则，因为resources设置了auto: true
-	}
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteServerOverview.vue b/dashboard_backup/src2/components/JsiteServerOverview.vue
deleted file mode 100644
index 039a1a5..0000000
--- a/dashboard_backup/src2/components/JsiteServerOverview.vue
+++ /dev/null
@@ -1,772 +0,0 @@
-<template>
-	<div
-		v-if="$jsiteServer?.pg"
-		class="grid grid-cols-1 items-start gap-5 lg:grid-cols-2"
-	>
-		<!-- 左侧区块：基本信息 -->
-		<div class="col-span-1 space-y-5">
-			<!-- 当前套餐卡片 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">当前套餐</h2>
-				</div>
-				<div class="p-5">
-					<div class="flex h-full flex-col sm:flex-row sm:items-center sm:justify-between">
-						<div class="mb-4 sm:mb-0">
-							<div v-if="$jsiteServer.pg.plan_price" class="text-lg font-bold text-green-600">
-								¥{{ $jsiteServer.pg.plan_price }}/月
-							</div>
-							
-							<div v-if="$jsiteServer.pg.end_date" class="mt-2 inline-flex items-center rounded-full bg-amber-50 px-4 py-2 text-sm font-medium text-amber-800">
-								<ClockIcon class="mr-1.5 h-4 w-4 text-amber-500" />
-								到期时间：{{ $format.date($jsiteServer.pg.end_date) }}
-							</div>
-						</div>
-						<div class="flex gap-2">
-							<Button 
-								@click="renewServer"
-								:loading="$jsiteServer.renew?.loading"
-								class="px-5 !bg-[#1fc76f] !hover:bg-[#1bb85f] !text-white"
-							>
-								续费
-							</Button>
-							<Button 
-								@click="upgradeServer"
-								:loading="upgradeLoading"
-								class="px-5 !bg-[#3b82f6] !hover:bg-[#2563eb] !text-white"
-							>
-								升级
-							</Button>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<!-- 服务器配置 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">服务器配置</h2>
-				</div>
-				<div class="p-5">
-					<div class="space-y-3">
-						<div class="flex justify-between items-center">
-							<span class="text-gray-600">CPU:</span>
-							<span class="text-lg font-semibold text-blue-600">{{ $jsiteServer.pg.cpu || '未知' }}核</span>
-						</div>
-						<div class="flex justify-between items-center">
-							<span class="text-gray-600">内存:</span>
-							<span class="text-lg font-semibold text-green-600">{{ $jsiteServer.pg.memory || '未知' }}GB</span>
-						</div>
-						<div class="flex justify-between items-center">
-							<span class="text-gray-600">系统盘:</span>
-							<span class="text-lg font-semibold text-purple-600">{{ $jsiteServer.pg.disk_size || '未知' }}GB</span>
-						</div>
-						<div class="flex justify-between items-center">
-							<span class="text-gray-600">带宽:</span>
-							<span class="text-lg font-semibold text-orange-600">{{ $jsiteServer.pg.bandwidth || '未知' }}Mbps</span>
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<!-- 服务器信息 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">服务器信息</h2>
-				</div>
-				<div>
-					<div
-						v-for="info in serverInformation"
-						:key="info.label"
-						class="flex items-center px-5 py-3 last:pb-5 even:bg-gray-50/70"
-					>
-						<div class="w-1/3 text-base text-gray-600">{{ info.label }}</div>
-						<div
-							class="flex w-2/3 items-center space-x-2 text-base text-gray-900"
-						>
-							<div v-if="info.prefix">
-								<component :is="info.prefix" />
-							</div>
-							<!-- 状态字段使用Badge组件 -->
-							<div v-if="info.label === '状态'">
-								<Badge :label="info.value" />
-							</div>
-							<!-- 服务器名称特殊处理 - 支持内联编辑 -->
-							<div v-else-if="info.label === '服务器名称'" class="flex-1 min-w-0">
-								<div v-if="!editingServerName" 
-									@click="startEditServerName"
-									class="group flex items-center cursor-pointer rounded-md px-2 py-1 -mx-2 -my-1 hover:bg-gray-100 transition-colors duration-200"
-									:title="'点击编辑服务器名称'"
-								>
-									<span class="truncate">{{ info.value }}</span>
-									<svg class="ml-2 h-4 w-4 text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path>
-									</svg>
-								</div>
-								<div v-else class="flex items-center space-x-2">
-									<input 
-										ref="serverNameInput"
-										v-model="editServerNameValue"
-										@keyup.enter="saveServerName"
-										@keyup.escape="cancelEditServerName"
-										@blur="handleInputBlur"
-										class="flex-1 px-2 py-1 text-sm border border-blue-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm"
-										:disabled="saveServerNameLoading"
-										maxlength="100"
-										placeholder="请输入服务器名称"
-									/>
-									<button 
-										@click="saveServerName"
-										:disabled="saveServerNameLoading"
-										class="p-1 text-green-600 hover:text-green-700 disabled:opacity-50 transition-colors duration-200"
-										title="保存"
-									>
-										<svg v-if="!saveServerNameLoading" class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
-										</svg>
-										<svg v-else class="h-4 w-4 animate-spin" fill="none" viewBox="0 0 24 24">
-											<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-											<path class="opacity-75" fill="currentColor" d="m12 6a6 6 0 0 1 6 6h4a10 10 0 0 0-10-10v4z"></path>
-										</svg>
-									</button>
-									<button 
-										@click="cancelEditServerName"
-										:disabled="saveServerNameLoading"
-										class="p-1 text-gray-500 hover:text-gray-700 disabled:opacity-50 transition-colors duration-200"
-										title="取消"
-									>
-										<svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-											<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-										</svg>
-									</button>
-								</div>
-							</div>
-							<!-- 其他信息正常显示 -->
-							<span v-else>
-								{{ info.value }}
-							</span>
-							<div v-if="info.suffix">
-								<component :is="info.suffix" />
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-		
-		<!-- 右侧区块：配置信息和操作 -->
-		<div class="col-span-1 space-y-5">
-			<!-- 操作 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">操作</h2>
-				</div>
-				<div class="p-5">
-					<div class="flex flex-wrap gap-2">
-						<Button 
-							@click="restartServer"
-							:loading="restartLoading"
-							variant="outline"
-							class="bg-gray-100 text-gray-700 hover:bg-gray-200"
-						>
-							重启
-						</Button>
-						<Button 
-							@click="forceRestartServer"
-							:loading="forceRestartLoading"
-							variant="outline"
-							class="bg-orange-50 text-orange-700 hover:bg-orange-100 border-orange-200"
-						>
-							强制重启
-						</Button>
-						<Button 
-							@click="resetPassword"
-							:loading="resetPasswordLoading"
-							variant="outline"
-							class="bg-gray-100 text-gray-700 hover:bg-gray-200"
-						>
-							重置密码
-						</Button>
-						<Button 
-							@click="resetKeyPair"
-							:loading="resetKeyPairLoading"
-							variant="outline"
-							class="bg-gray-100 text-gray-700 hover:bg-gray-200"
-						>
-							重置密钥对
-						</Button>
-						<Button 
-							@click="deleteKeyPair"
-							:loading="deleteKeyPairLoading"
-							variant="outline"
-							class="bg-red-50 text-red-700 hover:bg-red-100 border-red-200"
-						>
-							删除密钥对
-						</Button>
-						<Button 
-							@click="resetSystem"
-							:loading="resetSystemLoading"
-							variant="outline"
-							class="bg-red-50 text-red-700 hover:bg-red-100 border-red-200"
-						>
-							重置系统
-						</Button>
-					</div>
-				</div>
-			</div>
-						
-			<!-- SSH连接信息 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">SSH连接</h2>
-				</div>
-				<div class="p-5">
-					<div class="space-y-3">
-						<div class="flex justify-between">
-							<span class="text-gray-600">SSH端口:</span>
-							<span class="font-mono text-gray-900">{{ $jsiteServer.pg.ssh_port || '22' }}</span>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">SSH用户:</span>
-							<span class="font-mono text-gray-900">{{ $jsiteServer.pg.ssh_user || 'root' }}</span>
-						</div>
-						<div class="flex justify-between items-center">
-							<span class="text-gray-600">服务器密码:</span>
-							<div class="flex items-center space-x-2">
-								<span class="font-mono text-gray-900">
-									{{ showPassword ? decryptedPassword : ($jsiteServer.pg.password || '未设置') }}
-								</span>
-								<button
-									v-if="$jsiteServer.pg.password"
-									@click="togglePassword"
-									class="text-gray-500 hover:text-gray-700 transition-colors"
-									:title="showPassword ? '隐藏密码' : '显示密码'"
-								>
-									<EyeIcon v-if="!showPassword" class="h-4 w-4" />
-									<EyeOffIcon v-else class="h-4 w-4" />
-								</button>
-							</div>
-						</div>
-						<div class="flex justify-between">
-							<span class="text-gray-600">密钥对名称:</span>
-							<span class="font-mono text-gray-900">{{ $jsiteServer.pg.key_pair_name || '未设置' }}</span>
-						</div>
-						<div class="flex flex-col">
-							<span class="text-gray-600 mb-2">私钥:</span>
-							<div v-if="$jsiteServer.pg.private_key" class="bg-gray-50 p-3 rounded border relative">
-								<button
-									@click="copyPrivateKey"
-									class="absolute top-2 right-2 p-1 text-gray-500 hover:text-gray-700 transition-colors rounded"
-									:title="copySuccess ? '已复制' : '复制私钥'"
-								>
-									<CopyIcon class="h-4 w-4" />
-								</button>
-								<pre class="font-mono text-xs text-gray-900 whitespace-pre-wrap break-all pr-8">{{ $jsiteServer.pg.private_key }}</pre>
-							</div>
-							<span v-else class="font-mono text-gray-900">未设置</span>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getCachedDocumentResource, Badge, Tooltip, Button, createResource } from 'jingrow-ui';
-import { h, defineAsyncComponent } from 'vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-import { renderDialog, confirmDialog } from '../utils/components';
-import EyeIcon from '~icons/lucide/eye';
-import EyeOffIcon from '~icons/lucide/eye-off';
-import ClockIcon from '~icons/lucide/clock';
-import InfoIcon from '~icons/lucide/info';
-import CopyIcon from '~icons/lucide/copy';
-
-export default {
-	name: 'JsiteServerOverview',
-	props: ['server'],
-	components: {
-		Badge,
-		Button,
-		EyeIcon,
-		EyeOffIcon,
-		ClockIcon,
-		InfoIcon,
-		CopyIcon,
-	},
-	data() {
-		return {
-			showPassword: false,
-			decryptedPassword: null,
-			restartLoading: false,
-			forceRestartLoading: false,
-			resetPasswordLoading: false,
-			resetKeyPairLoading: false,
-			deleteKeyPairLoading: false,
-			resetSystemLoading: false,
-			upgradeLoading: false,
-			copySuccess: false,
-			editingServerName: false,
-			editServerNameValue: '',
-			saveServerNameLoading: false,
-		};
-	},
-	methods: {
-		getStatusText(status) {
-			const statusMap = {
-				'Pending': '准备中',
-				'Starting': '启动中',
-				'Running': '运行中',
-				'Stopping': '停止中',
-				'Stopped': '已停止',
-				'Resetting': '重置中',
-				'Upgrading': '升级中',
-				'Disabled': '已禁用'
-			};
-			return statusMap[status] || status;
-		},
-		getStatusVariant(status) {
-			const variantMap = {
-				'Pending': 'warning',
-				'Starting': 'warning',
-				'Running': 'success',
-				'Stopping': 'warning',
-				'Stopped': 'danger',
-				'Resetting': 'warning',
-				'Upgrading': 'warning',
-				'Disabled': 'danger'
-			};
-			return variantMap[status] || 'default';
-		},
-		getRegionText(region) {
-			const regionMap = {
-				'cn-qingdao': '华北1（青岛）',
-				'cn-beijing': '华北2（北京）',
-				'cn-zhangjiakou': '华北3（张家口）',
-				'cn-huhehaote': '华北5（呼和浩特）',
-				'cn-hangzhou': '华东1（杭州）',
-				'cn-shanghai': '华东2（上海）',
-				'cn-shenzhen': '华南1（深圳）',
-				'cn-heyuan': '华南2（河源）',
-				'cn-chengdu': '西南1（成都）',
-				'cn-guangzhou': '华南3（广州）',
-				'cn-wulanchabu': '华北6（乌兰察布）',
-				'cn-nanjing': '华东5（南京）',
-				'cn-fuzhou': '华东6（福州）',
-				'cn-wuhan-lr': '华中1（武汉）',
-				'cn-hongkong': '中国香港',
-				'ap-southeast-1': '新加坡',
-				'ap-southeast-3': '马来西亚（吉隆坡）',
-				'ap-southeast-5': '印度尼西亚（雅加达）',
-				'ap-northeast-1': '日本（东京）',
-				'us-west-1': '美国（硅谷）',
-				'us-east-1': '美国（弗吉尼亚）',
-				'eu-central-1': '德国（法兰克福）',
-				'eu-west-1': '英国（伦敦）',
-				'ap-southeast-6': '菲律宾（马尼拉）',
-				'ap-southeast-7': '泰国（曼谷）',
-				'ap-northeast-2': '韩国（首尔）'
-			};
-			return regionMap[region] || region;
-		},
-		renewServer() {
-			const JsiteServerRenewalDialog = defineAsyncComponent(() => import('./JsiteServerRenewalDialog.vue'));
-			
-			renderDialog(h(JsiteServerRenewalDialog, {
-				server: this.server,
-				serverDoc: this.$jsiteServer.pg,
-				onSuccess: this.onRenewalSuccess
-			}));
-		},
-		upgradeServer() {
-			const JsiteServerUpgradeDialog = defineAsyncComponent(() => import('./JsiteServerUpgradeDialog.vue'));
-			
-			renderDialog(h(JsiteServerUpgradeDialog, {
-				server: this.server,
-				serverDoc: this.$jsiteServer.pg,
-				onSuccess: this.onUpgradeSuccess
-			}));
-		},
-		async restartServer() {
-			if (!this.$jsiteServer.pg.instance_id) {
-				toast.error('服务器实例ID不存在');
-				return;
-			}
-			
-			confirmDialog({
-				title: '重启',
-				message: '确定要重启服务器吗？重启过程中服务器将暂时不可用。',
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						// 立即显示成功提示并关闭弹窗
-						toast.success('重启请求已提交');
-						hide();
-						
-						// 异步提交请求
-						this.restartLoading = true;
-						const restartRequest = createResource({
-							url: '/api/action/jcloud.api.aliyun_server_light.reboot_aliyun_instance',
-							params: {
-								instance_id: this.$jsiteServer.pg.instance_id,
-								region_id: this.$jsiteServer.pg.region
-							},
-							onSuccess: () => {
-								this.restartLoading = false;
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.restartLoading = false;
-							}
-						});
-						restartRequest.submit();
-					}
-				}
-			});
-		},
-		async forceRestartServer() {
-			if (!this.$jsiteServer.pg.instance_id) {
-				toast.error('服务器实例ID不存在');
-				return;
-			}
-			
-			confirmDialog({
-				title: '强制重启',
-				message: '确定要强制重启服务器吗？该操作可能会导致未保存的数据丢失。',
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						toast.success('强制重启请求已提交');
-						hide();
-						this.forceRestartLoading = true;
-						const req = createResource({
-							url: '/api/action/jcloud.api.aliyun_server_light.force_reboot_aliyun_instance',
-							params: {
-								instance_id: this.$jsiteServer.pg.instance_id,
-								region_id: this.$jsiteServer.pg.region
-							},
-							onSuccess: () => {
-								this.forceRestartLoading = false;
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.forceRestartLoading = false;
-							}
-						});
-						req.submit();
-					}
-				}
-			});
-		},
-		async resetPassword() {
-			if (!this.$jsiteServer.pg.instance_id) {
-				toast.error('服务器实例ID不存在');
-				return;
-			}
-			
-			// 弹出密码输入对话框
-			const PasswordDialog = defineAsyncComponent(() => import('../dialogs/PasswordDialog.vue'));
-			
-			renderDialog(h(PasswordDialog, {
-				title: '重置服务器密码',
-				description: '长度为 8 至 30 个字符，必须同时包含大小写英文字母、数字和特殊符号。',
-				onConfirm: (password) => {
-					// 立即显示成功提示
-					toast.success('密码重置请求已提交');
-					
-					// 异步提交请求
-					this.resetPasswordLoading = true;
-					const resetPasswordRequest = createResource({
-						url: '/api/action/jcloud.api.aliyun_server_light.reset_aliyun_instance_password',
-						params: {
-							instance_id: this.$jsiteServer.pg.instance_id,
-							password: password,
-							region_id: this.$jsiteServer.pg.region
-						},
-						onSuccess: () => {
-							this.resetPasswordLoading = false;
-						},
-						onError: (error) => {
-							toast.error(getToastErrorMessage(error));
-							this.resetPasswordLoading = false;
-						}
-					});
-					resetPasswordRequest.submit();
-				}
-			}));
-		},
-		async resetKeyPair() {
-			if (!this.$jsiteServer.pg.instance_id) {
-				toast.error('服务器实例ID不存在');
-				return;
-			}
-			
-			confirmDialog({
-				title: '重置密钥对',
-				message: '确定要重置密钥对吗？这将删除旧的密钥对并创建新的密钥对。重置后需要使用新的私钥才能连接服务器。',
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						// 立即显示成功提示并关闭弹窗
-						toast.success('密钥对重置请求已提交');
-						hide();
-						
-						// 异步提交请求
-						this.resetKeyPairLoading = true;
-						const resetKeyPairRequest = createResource({
-							url: '/api/action/jcloud.api.aliyun_server_light.reset_server_key_pair',
-							params: {
-								instance_id: this.$jsiteServer.pg.instance_id
-							},
-							onSuccess: () => {
-								this.resetKeyPairLoading = false;
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.resetKeyPairLoading = false;
-							}
-						});
-						resetKeyPairRequest.submit();
-					}
-				}
-			});
-		},
-		async deleteKeyPair() {
-			if (!this.$jsiteServer.pg.instance_id) {
-				toast.error('服务器实例ID不存在');
-				return;
-			}
-			
-			confirmDialog({
-				title: '删除密钥对',
-				message: '确定要删除密钥对吗？删除后将无法使用私钥连接服务器，建议先设置服务器密码。',
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						// 立即显示成功提示并关闭弹窗
-						toast.success('密钥对删除请求已提交');
-						hide();
-						
-						// 异步提交请求
-						this.deleteKeyPairLoading = true;
-						const deleteKeyPairRequest = createResource({
-							url: '/api/action/jcloud.api.aliyun_server_light.delete_aliyun_instance_key_pair',
-							params: {
-								instance_id: this.$jsiteServer.pg.instance_id
-							},
-							onSuccess: () => {
-								this.deleteKeyPairLoading = false;
-								// 刷新服务器数据以更新界面
-								this.$jsiteServer.reload();
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.deleteKeyPairLoading = false;
-							}
-						});
-						deleteKeyPairRequest.submit();
-					}
-				}
-			});
-		},
-		async resetSystem() {
-			if (!this.$jsiteServer.pg.instance_id) {
-				toast.error('服务器实例ID不存在');
-				return;
-			}
-			
-			confirmDialog({
-				title: '重置系统',
-				message: '确定要重置系统吗？这将清除所有数据并重新安装系统，操作不可逆！',
-				primaryAction: {
-					label: '确定',
-					onClick: ({ hide }) => {
-						// 立即显示成功提示并关闭弹窗
-						toast.success('系统重置请求已提交');
-						hide();
-						
-						// 异步提交请求
-						this.resetSystemLoading = true;
-						const resetSystemRequest = createResource({
-							url: '/api/action/jcloud.api.aliyun_server_light.reset_aliyun_instance_system',
-							params: {
-								instance_id: this.$jsiteServer.pg.instance_id,
-								region_id: this.$jsiteServer.pg.region
-							},
-							onSuccess: () => {
-								this.resetSystemLoading = false;
-							},
-							onError: (error) => {
-								toast.error(getToastErrorMessage(error));
-								this.resetSystemLoading = false;
-							}
-						});
-						resetSystemRequest.submit();
-					}
-				}
-			});
-		},
-		togglePassword() {
-			if (this.showPassword) {
-				this.showPassword = false;
-				this.decryptedPassword = null;
-			} else {
-				const getPasswordRequest = createResource({
-					url: '/api/action/jcloud.api.aliyun_server_light.get_password',
-					params: {
-						pagetype: 'Jsite Server',
-						name: this.$jsiteServer.pg.name,
-						fieldname: 'password'
-					},
-					onSuccess: (response) => {
-						if (response && response !== '') {
-							this.decryptedPassword = response;
-							this.showPassword = true;
-						} else {
-							toast.warning('当前没有保存的密码');
-						}
-					},
-					onError: (error) => {
-						toast.error('获取密码失败');
-					}
-				});
-				getPasswordRequest.submit();
-			}
-		},
-		copyPrivateKey() {
-			if (this.$jsiteServer.pg.private_key) {
-				navigator.clipboard.writeText(this.$jsiteServer.pg.private_key).then(() => {
-					this.copySuccess = true;
-					toast.success('私钥已复制到剪贴板');
-					setTimeout(() => {
-						this.copySuccess = false;
-					}, 2000);
-				}).catch(() => {
-					toast.error('复制失败，请手动复制');
-				});
-			}
-		},
-		onRenewalSuccess(data) {
-			toast.success('服务器续费成功！');
-			// 刷新服务器数据
-			this.$jsiteServer.reload();
-		},
-		onUpgradeSuccess(data) {
-			toast.success('服务器升级成功！');
-			// 刷新服务器数据
-			this.$jsiteServer.reload();
-		},
-		startEditServerName() {
-			this.editServerNameValue = this.$jsiteServer.pg?.title || this.$jsiteServer.pg?.name || '';
-			this.editingServerName = true;
-			this.$nextTick(() => {
-				const input = this.$refs.serverNameInput;
-				if (input && typeof input.focus === 'function') {
-					input.focus();
-					if (typeof input.select === 'function') {
-						input.select();
-					}
-				}
-			});
-		},
-		cancelEditServerName() {
-			this.editingServerName = false;
-			this.editServerNameValue = '';
-		},
-		handleInputBlur() {
-			// 延迟处理，防止点击按钮时触发
-			setTimeout(() => {
-				if (this.editingServerName && !this.saveServerNameLoading) {
-					this.saveServerName();
-				}
-			}, 150);
-		},
-		async saveServerName() {
-			if (this.saveServerNameLoading) return;
-			
-			const newName = this.editServerNameValue.trim();
-			if (!newName) {
-				toast.error('服务器名称不能为空');
-				return;
-			}
-			
-			if (newName.length < 2) {
-				toast.error('服务器名称至少需要2个字符');
-				return;
-			}
-			
-			if (newName.length > 100) {
-				toast.error('服务器名称不能超过100个字符');
-				return;
-			}
-			
-			if (newName === (this.$jsiteServer.pg?.title || this.$jsiteServer.pg?.name)) {
-				this.cancelEditServerName();
-				return;
-			}
-			
-			this.saveServerNameLoading = true;
-			
-			try {
-				this.$jsiteServer.setValue.submit(
-					{ title: newName },
-					{
-						onSuccess: () => {
-							toast.success('服务器名称已更新');
-							this.editingServerName = false;
-							this.editServerNameValue = '';
-							this.saveServerNameLoading = false;
-						},
-						onError: (error) => {
-							toast.error(getToastErrorMessage(error));
-							this.saveServerNameLoading = false;
-						}
-					}
-				);
-			} catch (error) {
-				toast.error('更新失败，请重试');
-				this.saveServerNameLoading = false;
-			}
-		},
-	},
-	computed: {
-		serverInformation() {
-			return [
-				{
-					label: '状态',
-					value: this.getStatusText(this.$jsiteServer.pg?.status),
-				},				
-				{
-					label: '服务器名称',
-					value: this.$jsiteServer.pg?.title || this.$jsiteServer.pg?.name,
-				},
-				{
-					label: '实例ID',
-					value: this.$jsiteServer.pg?.instance_id || '',
-				},
-				{
-					label: '公网IP',
-					value: this.$jsiteServer.pg?.public_ip || '',
-				},
-				{
-					label: '内网IP',
-					value: this.$jsiteServer.pg?.private_ip || '',
-				},
-				{
-					label: '区域',
-					value: this.getRegionText(this.$jsiteServer.pg?.region),
-				},
-				{
-					label: '系统',
-					value: this.$jsiteServer.pg?.system || '',
-				},
-			];
-		},
-		$jsiteServer() {
-			return getCachedDocumentResource('Jsite Server', this.server);
-		},
-	},
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteServerRenewalDialog.vue b/dashboard_backup/src2/components/JsiteServerRenewalDialog.vue
deleted file mode 100644
index a61a876..0000000
--- a/dashboard_backup/src2/components/JsiteServerRenewalDialog.vue
+++ /dev/null
@@ -1,534 +0,0 @@
-<template>
-  <Dialog :options="{ title: '服务器续费', size: 'lg' }" v-model="show">
-    <!-- 第一步：选择续费周期和支付方式 -->
-    <template v-if="!showPaymentProcessing" #body-content>
-      <div class="p-4 sm:p-6">
-        <div class="mb-6">
-          <p class="mt-1 text-sm text-gray-600">
-            选择续费时长，确保您的服务器持续可用
-          </p>
-        </div>
-
-        <div class="mb-6">
-          <label class="block text-sm font-medium text-gray-700 mb-2">
-            续费周期
-          </label>
-          <div class="flex flex-wrap gap-3">
-            <button
-              v-for="period in renewalPeriods"
-              :key="period.months"
-              @click="selectedPeriod = period.months"
-              :class="[
-                'px-4 py-2 text-sm font-medium rounded-md border',
-                selectedPeriod === period.months
-                  ? 'bg-blue-50 border-blue-500 text-blue-700'
-                  : 'border-gray-300 text-gray-700 hover:bg-gray-50'
-              ]"
-            >
-              {{ period.name }}
-              <span v-if="period.discount" class="ml-1 text-green-600">-{{ period.discount }}%</span>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="serverInfo" class="mb-6 border-t border-gray-200 pt-4">
-          <div class="flex justify-between items-center">
-            <div class="text-sm text-gray-600">月度费用</div>
-            <div class="font-medium">
-              ¥ {{ serverInfo.plan_price }} 
-              <span class="text-gray-500 text-sm">(月付)</span>
-            </div>
-          </div>
-          <div class="flex justify-between items-center mt-2">
-            <div class="text-sm text-gray-600">续费时长</div>
-            <div class="font-medium">{{ selectedPeriod }} 个月</div>
-          </div>
-          <div v-if="discountPercentage > 0" class="flex justify-between items-center mt-2">
-            <div class="text-sm text-green-600">折扣</div>
-            <div class="font-medium text-green-600">-{{ discountPercentage }}%</div>
-          </div>
-          <div class="flex justify-between items-center mt-2 text-lg font-bold">
-            <div>总计</div>
-            <div>¥ {{ totalAmount }}</div>
-          </div>
-        </div>
-
-        <div class="mb-6 border-t border-gray-200 pt-4">
-          <label class="block text-sm font-medium text-gray-700 mb-3">
-            选择支付方式
-          </label>
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-            <button 
-              class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-              @click="selectedPaymentMethod = 'balance'"
-            >
-              <span class="text-gray-800 font-medium">余额支付</span>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-              @click="selectedPaymentMethod = 'alipay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <AlipayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-              @click="selectedPaymentMethod = 'wechatpay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <WeChatPayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <!-- 第二步：处理支付 -->
-    <template v-else #body-content>
-      <div class="p-4 sm:p-6">
-        <!-- 加载中状态 -->
-        <div v-if="isProcessingPayment" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <!-- 支付成功状态 -->
-        <div v-else-if="paymentSuccess" class="text-center py-8">
-          <div class="flex justify-center mb-6">
-            <div class="rounded-full bg-green-100 p-3">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-          </div>
-          <h3 class="text-xl font-medium text-gray-900 mb-2">续费成功！</h3>
-          <p class="text-gray-600 mb-2">
-            您的服务器已成功续费 {{ selectedPeriod }} 个月
-          </p>
-        </div>
-        
-        <!-- 微信支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'wechatpay' && paymentQrCode" class="text-center">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <!-- 支付宝支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动刷新页面
-            </p>
-          </div>
-        </div>
-        
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <template #actions>
-      <div class="w-full">
-        <button v-if="!showPaymentProcessing && !paymentSuccess"
-          type="button"
-          class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-          @click="createRenewalOrder"
-          :disabled="isLoading"
-        >
-          {{ isLoading ? '处理中...' : '确认续费' }}
-        </button>
-        
-        <div class="flex justify-between w-full" v-else>          
-          <button
-            type="button"
-            class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none ml-auto"
-            @click="cancel"
-            v-if="paymentSuccess"
-          >
-            关闭
-          </button>
-        </div>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { Dialog } from 'jingrow-ui';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-  name: 'JsiteServerRenewalDialog',
-  components: {
-    Dialog,
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  props: {
-    server: {
-      type: String,
-      required: true
-    },
-    serverDoc: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ['success'],
-  data() {
-    return {
-      show: true,
-      selectedPeriod: 12, // 续费周期，默认选择12个月
-      selectedPaymentMethod: null, // 默认选择余额支付
-      order: null,
-      showPaymentProcessing: false,
-      paymentSuccess: false,
-      error: null,
-      isProcessingPayment: false,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      checkInterval: null,
-      realPlanPrice: null, // 实时套餐价格
-      renewalPeriods: [
-        { months: 1, name: '1个月', discount: 0 },
-        { months: 3, name: '3个月', discount: 0 },
-        { months: 6, name: '6个月', discount: 0 },
-        { months: 12, name: '1年', discount: 0 },
-        { months: 24, name: '2年', discount: 0 },
-        { months: 36, name: '3年', discount: 0 }
-      ]
-    };
-  },
-  computed: {
-    serverInfo() {
-      if (!this.serverDoc) return null;
-      
-      return {
-        plan_price: this.realPlanPrice || 0,
-        instance_id: this.serverDoc.instance_id,
-        region: this.serverDoc.region
-      };
-    },
-    discountPercentage() {
-      const period = this.renewalPeriods.find(p => p.months === this.selectedPeriod);
-      return period ? period.discount : 0;
-    },
-    totalAmount() {
-      if (!this.serverInfo) return '0';
-      
-      const basePrice = this.serverInfo.plan_price * this.selectedPeriod;
-      const discount = basePrice * (this.discountPercentage / 100);
-      return (basePrice - discount).toFixed(2);
-    },
-    isLoading() {
-      return this.$resources.createRenewalOrder.loading;
-    }
-  },
-  resources: {
-    createRenewalOrder() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.create_server_renew_order',
-        validate() {
-          if (!this.server) {
-            throw new DashboardError('缺少服务器信息');
-          }
-        },
-        onSuccess(data) {
-          if (!data.success) {
-            this.error = data.message || '创建续费订单失败';
-            return;
-          }
-          
-          // 显示订单支付界面
-          this.order = data.order;
-          this.showPaymentProcessing = true;
-          
-          // 立即处理支付
-          this.processPayment();
-        },
-        onError(error) {
-          this.error = error.message || '创建续费订单失败';
-        }
-      };
-    },
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_server_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          if (response.status === "Error" || response.success === false) {
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.error = response.message || '余额不足';
-            this.isProcessingPayment = false;
-            return;
-          }
-          
-          // 支付成功，等待支付完成回调处理续费
-          this.$emit('success', {
-            order: this.order,
-            renewal_period: this.selectedPeriod,
-            message: response.message || '支付成功'
-          });
-          
-          this.isProcessingPayment = false;
-          this.paymentSuccess = true;
-        },
-        onError(error) {
-          this.error = error.message || '余额支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentUrl = response.payment_url;          
-          window.open(response.payment_url, '_blank');
-          
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '支付宝支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image || null;
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '微信支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(data) {
-          if (data && data.status === '已支付') {
-            // 支付成功，停止轮询
-            this.stopPaymentCheck();
-            
-            // 支付成功，等待支付完成回调处理续费
-            this.$emit('success', {
-              order: this.order,
-              renewal_period: this.selectedPeriod,
-              message: '支付成功'
-            });
-            
-            this.paymentSuccess = true;
-          }
-        }
-      };
-    },
-    getRealPlanPrice() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.get_server_plan_price',
-        params: {
-          instance_id: this.serverDoc?.instance_id
-        },
-        onSuccess(data) {
-          if (data.success) {
-            this.realPlanPrice = data.plan_price;
-          }
-        },
-        onError(error) {
-          console.warn('获取实时套餐价格失败:', error.message);
-        }
-      };
-    }
-  },
-  async mounted() {
-    // 获取实时套餐价格
-    if (this.serverDoc?.instance_id) {
-      await this.$resources.getRealPlanPrice.submit();
-    }
-  },
-  methods: {
-    cancel() {
-      this.stopPaymentCheck();
-      this.show = false;
-    },
-    createRenewalOrder() {
-      this.error = null;
-      this.$resources.createRenewalOrder.submit({
-        server: this.server,
-        renewal_months: this.selectedPeriod
-      });
-    },
-    processPayment() {
-      this.isProcessingPayment = true;
-      this.error = null;
-      
-      if (!this.order || !this.order.order_id) {
-        this.error = '订单信息不完整，请重试';
-        this.isProcessingPayment = false;
-        return;
-      }
-      
-      if (this.selectedPaymentMethod === 'balance') {
-        this.$resources.processBalancePayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'alipay') {
-        this.$resources.processAlipayPayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'wechatpay') {
-        this.$resources.processWechatPayment.submit({
-          order_id: this.order.order_id
-        });
-      }
-    },
-    startPaymentCheck() {
-      this.isProcessingPayment = false;
-      
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit({
-          order_id: this.order.order_id
-        });
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    }
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-  }
-};
-</script>
-
-<style scoped>
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/JsiteServerUpgradeDialog.vue b/dashboard_backup/src2/components/JsiteServerUpgradeDialog.vue
deleted file mode 100644
index e9d47f9..0000000
--- a/dashboard_backup/src2/components/JsiteServerUpgradeDialog.vue
+++ /dev/null
@@ -1,629 +0,0 @@
-<template>
-  <Dialog :options="{ title: '服务器升级', size: 'lg' }" v-model="show">
-    <!-- 第一步：选择升级套餐和支付方式 -->
-    <template v-if="!showPaymentProcessing" #body-content>
-      <div class="p-4 sm:p-6">
-        <div class="mb-6">
-          <p class="mt-1 text-sm text-gray-600">
-            选择新的套餐配置，升级您的服务器性能
-          </p>
-        </div>
-
-        <!-- 可升级套餐选择 -->
-        <div class="mb-6">
-          <label class="block text-sm font-medium text-gray-700 mb-2">选择升级套餐</label>
-          <div v-if="upgradePlansLoading" class="text-center py-8">
-            <div class="h-8 w-8 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-              <i class="fe fe-loader text-2xl"></i>
-            </div>
-            <p class="text-gray-700">正在加载可升级套餐...</p>
-          </div>
-          <div v-else-if="upgradePlans.length === 0" class="text-center py-8">
-            <p class="text-gray-500">暂无可升级套餐</p>
-          </div>
-          <div v-else>
-            <select v-model="selectedPlanId" class="w-full border rounded px-3 py-2" required :disabled="upgradePlansLoading">
-              <option value="">请选择升级套餐</option>
-              <option v-for="plan in upgradePlans" :key="plan.plan_id" :value="plan.plan_id">
-                {{ getPlanDisplayName(plan) }}
-              </option>
-            </select>
-          </div>
-        </div>
-
-        <!-- 升级费用计算 -->
-        <div v-if="selectedPlan && upgradePriceInfo" class="mb-6 border-t border-gray-200 pt-4">
-          <h3 class="text-lg font-medium text-gray-900 mb-4">费用明细</h3>
-          <div class="space-y-2">
-            <div class="flex justify-between">
-              <span class="text-gray-600">当前套餐月费</span>
-              <span>¥{{ upgradePriceInfo.current_plan_price }}</span>
-            </div>
-            <div class="flex justify-between">
-              <span class="text-gray-600">新套餐月费</span>
-              <span>¥{{ upgradePriceInfo.new_plan_price }}</span>
-            </div>
-            <div class="flex justify-between">
-              <span class="text-gray-600">剩余天数</span>
-              <span>{{ upgradePriceInfo.remaining_days }}天</span>
-            </div>
-            <div class="flex justify-between">
-              <span class="text-gray-600">每日差价</span>
-              <span>¥{{ upgradePriceInfo.daily_price_diff.toFixed(2) }}</span>
-            </div>
-            <div class="border-t pt-2">
-              <div class="flex justify-between text-lg font-bold">
-                <span>升级费用</span>
-                <span class="text-blue-600">¥{{ upgradePriceInfo.upgrade_amount.toFixed(2) }}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 支付方式选择 -->
-        <div class="mb-6 border-t border-gray-200 pt-4">
-          <label class="block text-sm font-medium text-gray-700 mb-3">
-            选择支付方式
-          </label>
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-            <button 
-              class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-              @click="selectedPaymentMethod = 'balance'"
-            >
-              <span class="text-gray-800 font-medium">余额支付</span>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-              @click="selectedPaymentMethod = 'alipay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <AlipayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-              @click="selectedPaymentMethod = 'wechatpay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <WeChatPayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <!-- 第二步：处理支付 -->
-    <template v-else #body-content>
-      <div class="p-4 sm:p-6">
-        <!-- 加载中状态 -->
-        <div v-if="isProcessingPayment" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <!-- 支付成功状态 -->
-        <div v-else-if="paymentSuccess" class="text-center py-8">
-          <div class="flex justify-center mb-6">
-            <div class="rounded-full bg-green-100 p-3">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-          </div>
-          <h3 class="text-xl font-medium text-gray-900 mb-2">支付成功！</h3>
-          <p class="text-gray-600 mb-2">
-            您的服务器升级已提交，请3至5分钟后刷新页面查看结果...
-          </p>
-        </div>
-        
-        <!-- 微信支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'wechatpay' && paymentQrCode" class="text-center">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-                @load="qrcodeLoaded = true"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <!-- 支付宝支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动刷新页面
-            </p>
-          </div>
-        </div>
-        
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <template #actions>
-      <div class="w-full">
-        <button v-if="!showPaymentProcessing && !paymentSuccess"
-          type="button"
-          class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-          @click="createUpgradeOrder"
-          :disabled="isLoading || !selectedPlanId || !selectedPaymentMethod"
-        >
-          {{ isLoading ? '处理中...' : '确认升级' }}
-        </button>
-        
-        <div class="flex justify-between w-full" v-else>          
-          <button
-            type="button"
-            class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none ml-auto"
-            @click="cancel"
-            v-if="paymentSuccess"
-          >
-            关闭
-          </button>
-        </div>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { Dialog } from 'jingrow-ui';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-  name: 'JsiteServerUpgradeDialog',
-  components: {
-    Dialog,
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  props: {
-    server: {
-      type: String,
-      required: true
-    },
-    serverDoc: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ['success'],
-  data() {
-    return {
-      show: true,
-      selectedPlanId: '',
-      selectedPaymentMethod: null,
-      order: null,
-      showPaymentProcessing: false,
-      paymentSuccess: false,
-      error: null,
-      isProcessingPayment: false,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      checkInterval: null,
-      upgradePlans: [],
-      upgradePlansLoading: false,
-      upgradeInfo: null
-    };
-  },
-  computed: {
-    serverInfo() {
-      if (!this.serverDoc) return null;
-      
-      return {
-        cpu: this.serverDoc.cpu,
-        memory: this.serverDoc.memory,
-        disk_size: this.serverDoc.disk_size,
-        bandwidth: this.serverDoc.bandwidth,
-        plan_price: this.serverDoc.plan_price || 0,
-        instance_id: this.serverDoc.instance_id,
-        region: this.serverDoc.region
-      };
-    },
-    selectedPlan() {
-      if (!this.selectedPlanId || !this.upgradePlans.length) return null;
-      return this.upgradePlans.find(plan => plan.plan_id === this.selectedPlanId);
-    },
-    upgradePriceInfo() {
-      if (!this.selectedPlan || !this.serverInfo) return null;
-      
-      const currentPrice = this.serverInfo.plan_price;
-      const newPrice = parseFloat(this.selectedPlan.origin_price);
-      const priceDiff = newPrice - currentPrice;
-      
-      // 假设剩余30天（这里应该从服务器信息获取实际剩余天数）
-      const remainingDays = 30;
-      const dailyPriceDiff = priceDiff / 30;
-      const upgradeAmount = dailyPriceDiff * remainingDays;
-      
-      return {
-        current_plan_price: currentPrice,
-        new_plan_price: newPrice,
-        remaining_days: remainingDays,
-        daily_price_diff: dailyPriceDiff,
-        upgrade_amount: upgradeAmount
-      };
-    },
-    isLoading() {
-      return this.$resources.createUpgradeOrder.loading;
-    }
-  },
-  async mounted() {
-    await this.loadUpgradePlans();
-  },
-  resources: {
-    loadUpgradePlans() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.get_aliyun_instance_upgrade_plans',
-        params: {
-          instance_id: this.serverInfo?.instance_id
-        },
-        onSuccess(data) {
-          if (data.success && data.data && data.data.plans) {
-            this.upgradePlans = data.data.plans;
-          } else {
-            this.error = data.message || '获取可升级套餐失败';
-          }
-        },
-        onError(error) {
-          this.error = error.message || '获取可升级套餐失败';
-        }
-      };
-    },
-    createUpgradeOrder() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.create_server_upgrade_order',
-        validate() {
-          if (!this.server) {
-            throw new DashboardError('缺少服务器信息');
-          }
-          if (!this.selectedPlanId) {
-            throw new DashboardError('请选择升级套餐');
-          }
-        },
-        onSuccess(data) {
-          if (!data.success) {
-            this.error = data.message || '创建升级订单失败';
-            return;
-          }
-          
-          // 保存升级信息
-          this.upgradeInfo = data.upgrade_info;
-          
-          // 显示订单支付界面
-          this.order = data.order;
-          this.showPaymentProcessing = true;
-          
-          // 立即处理支付
-          this.processPayment();
-        },
-        onError(error) {
-          this.error = error.message || '创建升级订单失败';
-        }
-      };
-    },
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_server_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          if (response.status === "Error" || response.success === false) {
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.error = response.message || '余额不足';
-            this.isProcessingPayment = false;
-            return;
-          }
-          
-          // 支付成功，等待支付完成回调处理升级
-          this.$emit('success', {
-            order: this.order,
-            selected_plan: this.selectedPlan,
-            message: response.message || '支付成功'
-          });
-          
-          this.isProcessingPayment = false;
-          this.paymentSuccess = true;
-        },
-        onError(error) {
-          this.error = error.message || '余额支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentUrl = response.payment_url;          
-          window.open(response.payment_url, '_blank');
-          
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '支付宝支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image;
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '微信支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(data) {
-          if (data && data.status === '已支付') {
-            // 支付成功，停止轮询
-            this.stopPaymentCheck();
-            
-            // 支付成功，等待支付完成回调处理升级
-            this.$emit('success', {
-              order: this.order,
-              selected_plan: this.selectedPlan,
-              message: '支付成功'
-            });
-            
-            this.paymentSuccess = true;
-          }
-        },
-        onError(error) {
-          console.error('检查支付状态失败:', error);
-        }
-      };
-    }
-  },
-  methods: {
-    async loadUpgradePlans() {
-      this.upgradePlansLoading = true;
-      this.error = null;
-      
-      try {
-        await this.$resources.loadUpgradePlans.submit();
-      } catch (error) {
-        this.error = error.message || '获取可升级套餐失败';
-      } finally {
-        this.upgradePlansLoading = false;
-      }
-    },
-
-    cancel() {
-      this.stopPaymentCheck();
-      this.show = false;
-    },
-    createUpgradeOrder() {
-      if (!this.selectedPaymentMethod) {
-        this.error = '请选择支付方式';
-        return;
-      }
-      
-      this.error = null;
-      this.$resources.createUpgradeOrder.submit({
-        server: this.server,
-        new_plan_id: this.selectedPlanId
-      });
-    },
-    processPayment() {
-      this.isProcessingPayment = true;
-      this.error = null;
-      
-      if (!this.order || !this.order.order_id) {
-        this.error = '订单信息不完整，请重试';
-        this.isProcessingPayment = false;
-        return;
-      }
-      
-      if (this.selectedPaymentMethod === 'balance') {
-        this.$resources.processBalancePayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'alipay') {
-        this.$resources.processAlipayPayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'wechatpay') {
-        this.$resources.processWechatPayment.submit({
-          order_id: this.order.order_id
-        });
-      }
-    },
-    startPaymentCheck() {
-      this.isProcessingPayment = false;
-      
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit({
-          order_id: this.order.order_id
-        });
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    },
-         getPlanDisplayName(plan) {
-       // 根据阿里云API返回的数据结构显示套餐信息
-       const cpu = plan.core || plan.cpu || '未知';
-       const memory = plan.memory || '未知';
-       const disk = plan.disk_size || plan.system_disk_size || '未知';
-       const bandwidth = plan.bandwidth || '未知';
-       const price = plan.origin_price || '未知';
-       const planType = plan.plan_type || '';
-       const publicIpNum = plan.public_ip_num || 0;
-       
-       // 处理内存显示（如果是小数，转换为MB）
-       let memoryDisplay = memory;
-       if (typeof memory === 'number' && memory < 1) {
-         memoryDisplay = Math.round(memory * 1024) + 'MB';
-       } else if (typeof memory === 'number') {
-         memoryDisplay = memory + 'GB';
-       }
-       
-       // 处理带宽显示
-       let bandwidthDisplay = bandwidth;
-       if (typeof bandwidth === 'number') {
-         bandwidthDisplay = bandwidth + 'Mbps';
-       }
-       
-       // 根据plan_type添加类型前缀
-       let typePrefix = '';
-       switch (planType) {
-         case 'NORMAL':
-           typePrefix = '通用型 - ';
-           break;
-         case 'MULTI_IP':
-           typePrefix = '多公网IP型 - ';
-           break;
-         case 'INTERNATIONAL':
-           typePrefix = '国际型 - ';
-           break;
-         case 'CAPACITY':
-           typePrefix = '容量型 - ';
-           break;
-         default:
-           typePrefix = '';
-       }
-       
-       return `${typePrefix}${cpu}核/${memoryDisplay}/${disk}GB/${bandwidthDisplay}/${publicIpNum}个公网IP - ¥${price}/月`;
-     }
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-  }
-};
-</script>
-
-<style scoped>
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.qrcode-container {
-  animation: fadeIn 0.3s ease-out;
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/LinkControl.vue b/dashboard_backup/src2/components/LinkControl.vue
deleted file mode 100644
index 00272d7..0000000
--- a/dashboard_backup/src2/components/LinkControl.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-	<FormControl
-		v-bind="$attrs"
-		type="autocomplete"
-		:label="label"
-		:options="autocompleteOptions"
-		:modelValue="modelValue"
-		:placeholder="placeholder"
-		@update:query="onQuery"
-		@update:model-value="
-			option => {
-				if (option?.value) {
-					$emit('update:modelValue', option.value);
-				} else {
-					$emit('update:modelValue', undefined);
-				}
-			}
-		"
-	/>
-</template>
-<script>
-import { FormControl, debounce } from 'jingrow-ui';
-
-export default {
-	name: 'LinkControl',
-	props: ['label', 'options', 'modelValue', 'placeholder'],
-	emits: ['update:modelValue'],
-	inheritAttrs: false,
-	components: {
-		FormControl
-	},
-	data() {
-		return {
-			query: '',
-			currentValidValueInOptions: null
-		};
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.client.search_link',
-				params: {
-					pagetype: this.options.pagetype,
-					order_by: this.options.orderBy,
-					page_length: this.options.pageLength || 10,
-					filters: this.options.filters,
-					query: this.query
-				},
-				auto: true,
-				initialData: this.options.initialData || [],
-				transform: data => {
-					return data.map(option => ({
-						label: option.label || option.value,
-						description: option.label ? option.value : undefined,
-						value: option.value
-					}));
-				}
-			};
-		}
-	},
-	methods: {
-		onQuery: debounce(function (query) {
-			this.query = query.trim();
-		}, 500)
-	},
-	computed: {
-		autocompleteOptions() {
-			let options = this.$resources.options.data || [];
-			const currentValueInOptions = options.find(
-				o => o.value === this.modelValue
-			);
-
-			if (currentValueInOptions) {
-				this.currentValidValueInOptions = currentValueInOptions;
-			}
-
-			if (
-				this.modelValue &&
-				!currentValueInOptions &&
-				this.currentValidValueInOptions
-			) {
-				options = [this.currentValidValueInOptions, ...options];
-			}
-
-			return options;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ListSelection.vue b/dashboard_backup/src2/components/ListSelection.vue
deleted file mode 100644
index 3eab40e..0000000
--- a/dashboard_backup/src2/components/ListSelection.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-	<ObjectList :options="options" />
-</template>
-<script>
-export default {
-	name: 'ListSelection',
-	props: ['options']
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/LoadingIndicator.vue b/dashboard_backup/src2/components/LoadingIndicator.vue
deleted file mode 100644
index 0f5bb72..0000000
--- a/dashboard_backup/src2/components/LoadingIndicator.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <div class="flex justify-center">
-    <svg 
-      class="h-8 w-8 animate-spin text-gray-500" 
-      xmlns="http://www.w3.org/2000/svg" 
-      fill="none" 
-      viewBox="0 0 24 24"
-    >
-      <circle 
-        class="opacity-25" 
-        cx="12" 
-        cy="12" 
-        r="10" 
-        stroke="currentColor" 
-        stroke-width="4"
-      ></circle>
-      <path 
-        class="opacity-75" 
-        fill="currentColor" 
-        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-      ></path>
-    </svg>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'LoadingIndicator'
-}
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ManageSitePlansDialog.vue b/dashboard_backup/src2/components/ManageSitePlansDialog.vue
deleted file mode 100644
index db72a4e..0000000
--- a/dashboard_backup/src2/components/ManageSitePlansDialog.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: showSetupSubscription ? '设置订阅' : '更改计划',
-			size: step === 'site-plans' ? '3xl' : '3xl',
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<!-- 步骤适用于未添加支付方式的用户，
-		 否则用户只需通过初始步骤来更改计划 -->
-
-			<div v-if="step === 'site-plans'">
-				<!-- 由于某种原因，进度条在移动到新步骤时不会重新渲染，所以做了这个奇怪的事情 -->
-				<!-- TODO: 在jingrow-ui中修复它 -->
-				<Progress
-					v-if="showSetupSubscription"
-					class="my-8"
-					size="md"
-					:label="progressLabel"
-					:interval-count="3"
-					:intervals="true"
-					:value="32"
-				/>
-				<SitePlansCards
-					v-model="plan"
-					:isPrivateBenchSite="!$site.pg.group_public"
-					:isDedicatedServerSite="$site.pg.is_dedicated_server"
-				/>
-				<div class="mt-4 text-xs text-gray-700">
-					<div
-						class="flex items-center rounded bg-gray-50 p-2 text-p-base font-medium text-gray-800"
-					>
-						<i-lucide-badge-check class="mr-2 h-5 w-12 text-gray-600" />
-						<span>
-							安装使用 Jingrow 系统遇到任何问题请提交支持工单或联系在线客服。
-						</span>
-					</div>
-				</div>
-				<ErrorMessage class="mt-2" :message="$site.setPlan.error" />
-			</div>
-
-			<div v-else-if="step === 'billing-details'">
-				<Progress
-					class="my-8"
-					size="md"
-					:label="progressLabel"
-					:interval-count="3"
-					:intervals="true"
-					:value="65"
-				/>
-				<div class="mb-5 inline-flex gap-1.5 text-base text-gray-700">
-					<FeatherIcon class="h-4" name="info" />
-					<span> 在继续之前，请将账单信息添加到您的账户。</span>
-				</div>
-				<BillingDetails ref="billingRef" @success="step = 'add-payment-mode'" />
-			</div>
-
-			<div v-else-if="step === 'add-payment-mode'">
-				<Progress
-					class="my-8"
-					:label="progressLabel"
-					size="md"
-					:interval-count="3"
-					:intervals="true"
-					:value="99"
-				/>
-				<div
-					class="mb-5 flex w-full flex-row gap-2 rounded-md border p-1 text-p-base text-gray-800"
-				>
-					<div
-						class="w-1/2 cursor-pointer rounded-[7px] py-1.5 text-center transition-all"
-						:class="{
-							'bg-gray-100': isAutomatedBilling,
-						}"
-						@click="isAutomatedBilling = true"
-					>
-						添加卡片
-					</div>
-					<div
-						class="w-1/2 cursor-pointer rounded-sm py-1.5 text-center transition-all"
-						:class="{
-							'bg-gray-100': !isAutomatedBilling,
-						}"
-						@click="isAutomatedBilling = false"
-					>
-						添加预付款
-					</div>
-				</div>
-
-				<div>
-					<div
-						v-if="isAutomatedBilling"
-						class="mb-5 flex items-center gap-2 text-sm text-gray-700"
-					>
-						<FeatherIcon class="h-4" name="info" />
-						<span>
-							添加卡片将为您的账户启用自动计费。您将在计费周期结束时自动扣款。
-						</span>
-					</div>
-					<div
-						v-else
-						class="mb-5 flex items-center gap-2 text-sm text-gray-700"
-					>
-						<FeatherIcon class="h-4" name="info" />
-						<span>
-							添加预付款将允许您手动充值账户余额。您可以使用此余额支付您的计划费用。
-						</span>
-					</div>
-				</div>
-
-				<CardForm
-					v-if="isAutomatedBilling"
-					@success="paymentModeAdded"
-					:showAddressForm="false"
-				/>
-				<BuyPrepaidCreditsForm
-					v-else
-					:minimumAmount="
-						$team.pg?.currency === 'CNY' ? plan.price_cny : plan.price_usd
-					"
-					@success="paymentModeAdded"
-				/>
-			</div>
-		</template>
-		<template #actions v-if="step === 'site-plans'">
-			<Button
-				variant="solid"
-				:disabled="!plan || ($site?.pg && plan === $site.pg.plan)"
-				@click="handleNext()"
-				class="w-full"
-			>
-				{{
-					!$team.pg.payment_mode ||
-					!$team.pg.billing_details ||
-					!Object.keys(this.$team.pg.billing_details).length
-						? '下一步'
-						: $site.pg?.current_plan?.is_trial_plan
-							? '升级计划'
-							: '更改计划'
-				}}
-			</Button>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { getCachedDocumentResource, Progress } from 'jingrow-ui';
-import SitePlansCards from './SitePlansCards.vue';
-import { getPlans, getPlan } from '../data/plans';
-import CardForm from './billing/CardForm.vue';
-import BillingDetails from './billing/BillingDetails.vue';
-import BuyPrepaidCreditsForm from './BuyPrepaidCreditsForm.vue';
-
-export default {
-	name: 'ManageSitePlansDialog',
-	components: {
-		CardForm,
-		Progress,
-		SitePlansCards,
-		BillingDetails,
-		BuyPrepaidCreditsForm,
-	},
-	props: {
-		site: {
-			type: String,
-			required: true,
-		},
-	},
-	data() {
-		return {
-			show: true,
-			plan: null,
-			step: 'site-plans',
-			isAutomatedBilling: true,
-			showAddPaymentModeDialog: false,
-			showBillingDetailsDialog: false,
-		};
-	},
-	watch: {
-		site: {
-			immediate: true,
-			handler(siteName) {
-				if (siteName) {
-					if (this.$site?.pg?.plan) {
-						this.plan = getPlan(this.$site.pg.plan);
-					}
-				}
-			},
-		},
-	},
-	methods: {
-		handleNext() {
-			if (
-				!this.$team.pg.billing_details ||
-				!Object.keys(this.$team.pg.billing_details).length
-			) {
-				this.step = 'billing-details';
-				this.$team.reload();
-			} else if (!this.$team.pg.payment_mode) {
-				this.step = 'add-payment-mode';
-			} else {
-				this.changePlan();
-			}
-		},
-		changePlan() {
-			return this.$site.setPlan.submit(
-				{ plan: this.plan.name },
-				{
-					onSuccess: () => {
-						this.show = false;
-						let plan = getPlans().find(
-							(plan) => plan.name === this.$site.pg.plan,
-						);
-						let formattedPlan = plan
-							? `${this.$format.planTitle(plan)}/月`
-							: this.$site.pg.plan;
-						this.$toast.success(`计划已更改为 ${formattedPlan}`);
-					},
-				},
-			);
-		},
-		paymentModeAdded() {
-			this.$team.reload();
-			this.show = false;
-			this.$toast.success(
-				'支付方式已添加，计划已成功更改',
-			);
-			this.changePlan();
-		},
-	},
-	computed: {
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-		showSetupSubscription() {
-			return (
-				!this.$team.pg.payment_mode ||
-				!this.$team.pg.billing_details ||
-				!Object.keys(this.$team.pg.billing_details).length
-			);
-		},
-		progressLabel() {
-			if (this.step === 'site-plans') {
-				return '选择计划';
-			} else if (this.step === 'billing-details') {
-				return '添加账单详情';
-			} else if (this.step === 'add-payment-mode') {
-				return '添加支付方式';
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/MarketplaceAppListing.vue b/dashboard_backup/src2/components/MarketplaceAppListing.vue
deleted file mode 100644
index 2fdf699..0000000
--- a/dashboard_backup/src2/components/MarketplaceAppListing.vue
+++ /dev/null
@@ -1,326 +0,0 @@
-<template>
-	<div class="space-y-12 rounded-md border px-5 py-4">
-		<div>
-			<div class="flex justify-between border-b pb-4">
-				<div>
-					<h2 class="text-lg font-medium text-gray-900">应用资料</h2>
-					<p class="mt-1 text-sm leading-6 text-gray-600">
-						这些信息将公开显示在市场上。请确保输入正确的信息，没有损坏的链接和图片。
-					</p>
-				</div>
-				<Button :variant="editing ? 'solid' : 'subtle'" @click="updateListing"
-					>保存</Button
-				>
-			</div>
-			<div class="grid grid-cols-1 gap-x-5 border-b py-6 md:grid-cols-2">
-				<div class="border-r pr-6">
-					<span class="text-base font-medium">资料</span>
-					<div class="group relative my-4 flex">
-						<div class="flex flex-col">
-							<Avatar
-								size="3xl"
-								shape="square"
-								:label="app.pg.title"
-								:image="profileImageUrl"
-							/>
-						</div>
-						<FileUploader
-							@success="() => imageAddSuccess('资料照片已更新')"
-							@failure="imageAddFailure"
-							fileTypes="image/*"
-							:upload-args="{
-								pagetype: 'Marketplace App',
-								docname: app.pg.name,
-								method: 'jcloud.api.marketplace.update_app_image',
-							}"
-						>
-							<template
-								v-slot="{ openFileSelector, uploading, progress, error }"
-							>
-								<div class="ml-4">
-									<button
-										@click="openFileSelector()"
-										class="absolute inset-0 grid w-11.5 place-items-center rounded-lg bg-black text-xs font-medium text-white opacity-0 transition hover:opacity-50 focus:opacity-50 focus:outline-none"
-										:class="{ 'opacity-50': uploading }"
-									>
-										<span v-if="uploading">{{ progress }}%</span>
-										<span v-else>编辑</span>
-									</button>
-								</div>
-							</template>
-						</FileUploader>
-					</div>
-					<div class="pb-8 sm:col-span-4">
-						<FormControl
-							class="mt-4"
-							label="标题"
-							type="text"
-							@input="editing = true"
-							v-model="marketplaceApp.title"
-						/>
-					</div>
-					<div class="sm:col-span-4">
-						<span class="text-base font-medium">链接</span>
-						<div>
-							<FormControl
-								class="mt-4"
-								label="文档"
-								type="text"
-								@blur="validateLink('documentation')"
-								@input="editing = true"
-								v-model="marketplaceApp.documentation"
-							/>
-							<FormControl
-								class="mt-4"
-								label="网站"
-								type="text"
-								@blur="validateLink('website')"
-								@input="editing = true"
-								v-model="marketplaceApp.website"
-							/>
-							<FormControl
-								class="mt-4"
-								label="支持"
-								type="text"
-								@blur="validateLink('support')"
-								@input="editing = true"
-								v-model="marketplaceApp.support"
-							/>
-							<FormControl
-								class="mt-4"
-								label="服务条款"
-								type="text"
-								@blur="validateLink('terms_of_service')"
-								@input="editing = true"
-								v-model="marketplaceApp.terms_of_service"
-							/>
-							<FormControl
-								class="mt-4"
-								label="隐私政策"
-								type="text"
-								@blur="validateLink('privacy_policy')"
-								@input="editing = true"
-								v-model="marketplaceApp.privacy_policy"
-							/>
-						</div>
-					</div>
-				</div>
-				<div class="hidden md:block">
-					<div class="flex w-full">
-						<span class="text-base font-medium">截图和视频</span>
-						<FileUploader
-							class="ml-auto"
-							@success="() => imageAddSuccess('已添加截图')"
-							@failure="imageAddFailure"
-							fileTypes="image/*"
-							:upload-args="{
-								pagetype: 'Marketplace App',
-								docname: app.name,
-								method: 'jcloud.api.marketplace.add_app_screenshot',
-							}"
-						>
-							<template
-								v-slot="{ openFileSelector, uploading, progress, error }"
-							>
-								<Button
-:loading="uploading"
-									@click="openFileSelector()"
-									icon-left="plus"
-									label="添加"
-								>
-								</Button>
-							</template>
-						</FileUploader>
-					</div>
-					<div
-						class="grid grid-cols-2 gap-x-4 gap-y-4 pt-4 lg:grid-cols-3 xl:grid-cols-4"
-					>
-						<Dropdown
-							class="w-fit"
-							v-for="(image, index) in marketplaceApp.screenshots"
-							:options="dropdownOptions(image)"
-							right
-						>
-							<template v-slot="{ open }">
-								<img
-									class="mx-1 h-24 w-36 cursor-pointer overflow-x-auto rounded-md object-cover"
-									:src="image"
-								/>
-							</template>
-						</Dropdown>
-					</div>
-				</div>
-			</div>
-			<div class="mt-6">
-				<span class="text-base font-medium">描述</span>
-				<FormControl
-					class="mt-4"
-					label="摘要"
-					type="textarea"
-					@input="editing = true"
-					v-model="marketplaceApp.description"
-				/>
-				<div class="mt-4">
-					<span class="text-xs text-gray-600">描述</span>
-					<TextEditor
-						class="mt-1 block w-full rounded border border-gray-100 bg-gray-100 px-2 py-1.5 text-base text-gray-800 placeholder-gray-500 transition-colors hover:border-gray-200 hover:bg-gray-200 focus:border-gray-500 focus:bg-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-gray-400"
-						ref="textEditor"
-						editor-class="rounded-b-lg max-w-[unset] prose-sm pb-[10vh]"
-						:content="marketplaceApp.long_description"
-						@change="marketplaceApp.long_description = $event"
-						:editable="editable"
-						:bubbleMenu="true"
-					>
-					</TextEditor>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { TextEditor } from 'jingrow-ui';
-import FileUploader from '@/components/FileUploader.vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-
-export default {
-	name: 'MarketplaceAppOverview',
-	props: ['app'],
-	components: {
-		FileUploader,
-		TextEditor,
-	},
-	data() {
-		return {
-			editing: false,
-			editable: true,
-			marketplaceApp: {
-				title: this.app.pg.title,
-				website: '',
-				support: '',
-				documentation: '',
-				terms_of_service: '',
-				privacy_policy: '',
-				description: '',
-				long_description: '',
-			},
-		};
-	},
-	resources: {
-		updateListing() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams() {
-					return {
-						dt: 'Marketplace App',
-						dn: this.app.pg.name,
-						method: 'update_listing',
-						args: this.marketplaceApp,
-					};
-				},
-			};
-		},
-		listingData() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams() {
-					return {
-						dt: 'Marketplace App',
-						dn: this.app.pg.name,
-						method: 'listing_details',
-					};
-				},
-				auto: true,
-				onSuccess(response) {
-					this.marketplaceApp = { ...this.marketplaceApp, ...response.message };
-				},
-				onError(e) {
-					toast.error(getToastErrorMessage(e, 'Failed to fetch listing data'));
-				},
-			};
-		},
-		removeScreenshot() {
-			return {
-				url: 'jcloud.api.marketplace.remove_app_screenshot',
-			};
-		},
-	},
-	methods: {
-		imageAddSuccess(message) {
-			this.$resources.listingData.reload();
-			toast.success(message);
-		},
-		imageAddFailure(e) {
-			toast.error(e);
-		},
-		updateListing() {
-			toast.promise(this.$resources.updateListing.submit(), {
-				success: () => {
-					this.editing = false;
-					return '更新成功';
-				},
-				loading: '正在更新列表...',
-				error: (err) => {
-					return err.messages?.length
-						? err.messages.join('\n')
-						: err.message || '更新列表失败';
-				},
-			});
-		},
-		dropdownOptions(image) {
-			return [
-				{ label: '查看', onClick: () => window.open(image) },
-				{
-					label: '删除',
-onClick: () => {
-						toast.promise(
-							this.$resources.removeScreenshot.submit({
-								name: this.app.pg.name,
-								file: image,
-							}),
-							{
-								loading: '正在删除截图...',
-								success: () => {
-									this.$resources.listingData.reload();
-									return '截图删除成功';
-								},
-								error: (err) => {
-									return err.messages?.length
-										? err.messages.join('\n')
-										: err.message || '删除截图失败';
-								},
-							},
-						);
-					},
-				},
-			];
-		},
-		validateLink(link) {
-			const value = this.marketplaceApp[link] ?? '';
-
-			// 用于验证URL格式的正则表达式
-			const urlPattern =
-				/^(https?:\/\/)?([\w\-]+\.)+[\w\-]{2,}(\/[\w\-._~:\/?#[\]@!$&'()*+,;=]*)?$/;
-
-			// 检查链接是否为空
-			if (!value.trim()) {
-				this.$toast.error(`${link.replace('_', ' ')} 链接为空`);
-				return false;
-			}
-
-			// 检查链接是否包含有效的URL
-			if (!urlPattern.test(value.trim())) {
-				this.$toast.error(`${link.replace('_', ' ')} 包含无效的URL`);
-				return false;
-			}
-			return true;
-		},
-	},
-	computed: {
-		profileImageUrl() {
-			return this.app.pg.image;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/MobileNav.vue b/dashboard_backup/src2/components/MobileNav.vue
deleted file mode 100644
index 7f1e52b..0000000
--- a/dashboard_backup/src2/components/MobileNav.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-	<Disclosure as="div" v-slot="{ open }">
-		<div class="flex h-12 items-center border-b px-5">
-			<span class="font-semibold">
-				<router-link :to="{ name: '站点列表' }">
-					<img
-						:src="`/assets/jcloud/images/logo.png`"
-						class="h-7 w-7 shrink-0"
-						alt="今果 Jingrow 徽标"
-					/>
-				</router-link>
-			</span>
-			<Dropdown
-				class="ml-auto"
-				:options="[
-					{
-						label: '切换团队',
-						icon: 'command',
-						onClick: () => (showTeamSwitcher = true)
-					},
-					{
-						label: '注销',
-						icon: 'log-out',
-						onClick: $session.logout.submit
-					}
-				]"
-			>
-				<template v-slot="{ open }">
-					<Button class="ml-auto">
-						<template #suffix>
-							<i-lucide-chevron-down class="h-3.5 w-3.5 text-gray-700" />
-						</template>
-						{{ $team?.get.loading ? '加载中...' : $team?.pg?.user }}
-					</Button>
-				</template>
-			</Dropdown>
-
-			<DisclosureButton as="template">
-				<Button class="ml-2">
-					<template #icon>
-						<i-lucide-x v-if="open" class="h-4 w-4 text-gray-700" />
-						<i-lucide-menu v-else class="h-4 w-4 text-gray-700" />
-					</template>
-				</Button>
-			</DisclosureButton>
-		</div>
-		<DisclosurePanel class="border-b bg-gray-100 px-5 py-2">
-			<NavigationItems>
-				<template v-slot="{ navigation }">
-					<template v-for="(item, i) in navigation">
-						<MobileNavItemGroup
-							:key="item.name"
-							:item="item"
-							v-if="item.children"
-						/>
-						<MobileNavItem :key="item.name" :item="item" v-else />
-					</template>
-				</template>
-			</NavigationItems>
-		</DisclosurePanel>
-		<!-- TODO: 在 dashboard-beta 合并后更新组件名称 -->
-		<SwitchTeamDialog2 v-model="showTeamSwitcher" />
-	</Disclosure>
-</template>
-<script setup>
-import { defineAsyncComponent, ref } from 'vue';
-import { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';
-import NavigationItems from './NavigationItems.vue';
-import MobileNavItem from './MobileNavItem.vue';
-import MobileNavItemGroup from './MobileNavItemGroup.vue';
-
-const SwitchTeamDialog2 = defineAsyncComponent(() =>
-	import('./SwitchTeamDialog.vue')
-);
-const showTeamSwitcher = ref(false);
-
-function support() {
-	window.open('https://jingrow.com/support', '_blank');
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/MobileNavItem.vue b/dashboard_backup/src2/components/MobileNavItem.vue
deleted file mode 100644
index 7c73b95..0000000
--- a/dashboard_backup/src2/components/MobileNavItem.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-	<router-link custom v-slot="{ href, navigate }" :to="item.route">
-		<a
-			:href="href"
-			@click="navigate"
-			class="flex items-center rounded px-2 py-1.5 text-gray-800 transition"
-			:class="[
-				item.isActive ? 'bg-white shadow-sm' : 'hover:bg-gray-100',
-				item.disabled ? 'pointer-events-none opacity-50' : '',
-				$attrs.class
-			]"
-		>
-			<div class="flex w-full items-center space-x-2">
-				<span class="grid h-5 w-5 place-items-center">
-					<component :is="item.icon" class="h-4 w-4 text-gray-500" />
-				</span>
-				<span class="text-base">{{ item.name }}</span>
-			</div>
-		</a>
-	</router-link>
-</template>
-<script setup>
-let props = defineProps({
-	item: {
-		type: Object,
-		required: true
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/MobileNavItemGroup.vue b/dashboard_backup/src2/components/MobileNavItemGroup.vue
deleted file mode 100644
index 776764c..0000000
--- a/dashboard_backup/src2/components/MobileNavItemGroup.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<div
-		@click="toggle"
-		class="flex cursor-pointer select-none items-center rounded px-2 py-1.5 text-gray-800 transition hover:bg-gray-100"
-		:class="[
-			item.disabled ? 'pointer-events-none opacity-50' : '',
-			$attrs.class
-		]"
-	>
-		<div class="flex w-full items-center space-x-2">
-			<span class="grid h-5 w-5 place-items-center">
-				<component :is="item.icon" class="h-4 w-4 text-gray-500" />
-			</span>
-			<span class="text-base">{{ item.name }}</span>
-			<span class="!ml-auto">
-				<i-lucide-chevron-down v-if="isOpened" class="h-4 w-4 text-gray-500" />
-				<i-lucide-chevron-right v-else class="h-4 w-4 text-gray-500" />
-			</span>
-		</div>
-	</div>
-	<div class="ml-5 py-1" v-if="isOpened">
-		<MobileNavItem
-			v-for="subItem in item.children"
-			:key="subItem.name"
-			:item="subItem"
-		/>
-	</div>
-</template>
-<script setup>
-import { onMounted, ref, watch } from 'vue';
-import MobileNavItem from './MobileNavItem.vue';
-
-let props = defineProps({
-	item: {
-		type: Object,
-		required: true
-	}
-});
-
-const isOpened = ref(false);
-
-const toggle = () => {
-	isOpened.value = !isOpened.value;
-};
-
-onMounted(() => {
-	isOpened.value = props.item.isActive;
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/NavigationItems.vue b/dashboard_backup/src2/components/NavigationItems.vue
deleted file mode 100644
index 5fe6b57..0000000
--- a/dashboard_backup/src2/components/NavigationItems.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<template>
-	<div>
-		<slot :navigation="navigation" />
-	</div>
-</template>
-<script>
-import { h } from 'vue';
-import DoorOpen from '~icons/lucide/door-open';
-import PanelTopInactive from '~icons/lucide/panel-top-inactive';
-import Package from '~icons/lucide/package';
-import Boxes from '~icons/lucide/boxes';
-import Server from '~icons/lucide/server';
-import WalletCards from '~icons/lucide/wallet-cards';
-import Settings from '~icons/lucide/settings';
-import App from '~icons/lucide/layout-grid';
-import DatabaseZap from '~icons/lucide/database-zap';
-import Activity from '~icons/lucide/activity';
-import Logs from '~icons/lucide/scroll-text';
-import Globe from '~icons/lucide/globe';
-import Notification from '~icons/lucide/inbox';
-import Code from '~icons/lucide/code';
-import CreditCard from '~icons/lucide/credit-card';
-import { unreadNotificationsCount } from '../data/notifications';
-
-export default {
-	name: 'NavigationItems',
-	computed: {
-		navigation() {
-			if (!this.$team?.pg) return [];
-
-			const routeName = this.$route?.name || '';
-			const onboardingComplete = this.$team.pg.onboarding.complete;
-			const isSaasUser = this.$team.pg.is_saas_user;
-			const enforce2FA = Boolean(
-				!this.$team.pg.is_desk_user &&
-					this.$team.pg.enforce_2fa &&
-					!this.$team.pg.user_info?.is_2fa_enabled,
-			);
-
-			return [
-				{
-					name: '欢迎',
-					icon: () => h(DoorOpen),
-					route: '/welcome',
-					isActive: routeName === 'Welcome',
-					condition: !onboardingComplete,
-				},
-				{
-					name: '通知',
-					icon: () => h(Notification),
-					route: '/notifications',
-					isActive: routeName === 'Jcloud Notification List',
-					condition: onboardingComplete && !isSaasUser,
-					badge: () => {
-						if (unreadNotificationsCount.data > 0) {
-							return h(
-								'span',
-								{
-									class: '!ml-auto px-1.5 py-0.5 text-xs text-gray-600',
-								},
-								unreadNotificationsCount.data > 99
-									? '99+'
-									: unreadNotificationsCount.data,
-							);
-						}
-					},
-					disabled: enforce2FA,
-				},
-				{
-					name: '站点',
-					icon: () => h(PanelTopInactive),
-					route: '/sites',
-					isActive:
-						['Site List', 'Site Detail', 'New Site'].includes(routeName) ||
-						routeName.startsWith('Site Detail'),
-					disabled: enforce2FA,
-				},
-				{
-					name: '工作台',
-					icon: () => h(Package),
-					route: '/benches',
-					isActive: routeName.startsWith('Bench'),
-					condition: this.$team.pg?.is_desk_user,
-					disabled: !onboardingComplete || enforce2FA,
-				},
-				{
-					name: '站点分组',
-					icon: () => h(Boxes),
-					route: '/groups',
-					isActive:
-						[
-							'Release Group List',
-							'Release Group Detail',
-							'New Release Group',
-							'Release Group New Site',
-							'Deploy Candidate',
-						].includes(routeName) ||
-						routeName.startsWith('Release Group Detail'),
-					condition: onboardingComplete && !isSaasUser && this.$team.pg.is_pro,
-					disabled: enforce2FA,
-				},
-				{
-					name: 'Jingrow服务器',
-					icon: () => h(Server),
-					route: '/servers',
-					isActive:
-						['New Server'].includes(routeName) ||
-						routeName.startsWith('Server'),
-					condition: onboardingComplete && !isSaasUser && this.$team.pg.is_pro,
-					disabled: enforce2FA,
-				},
-				{
-					name: '域名',
-					icon: () => h(Globe),
-					route: '/domains',
-					isActive:
-						['Jsite Domain List', 'New Jsite Domain'].includes(routeName) ||
-						routeName.startsWith('Jsite Domain'),
-					disabled: enforce2FA,
-				},
-				{
-					name: '服务器',
-					icon: () => h(Server),
-					route: '/jsite-servers',
-					isActive:
-						['Jsite Servers', 'New Jsite Server'].includes(routeName) ||
-						routeName.startsWith('Jsite Server'),
-					disabled: enforce2FA,
-				},
-				{
-					name: '应用市场',
-					icon: () => h(App),
-					route: '/apps',
-					isActive: routeName.startsWith('Marketplace'),
-					condition:
-						this.$team.pg?.is_desk_user ||
-						(!!this.$team.pg.is_developer && this.$team.pg.is_pro && this.$session.hasAppsAccess),
-					disabled: enforce2FA,
-				},
-				{
-					name: '开发工具',
-					icon: () => h(Code),
-					route: '/devtools',
-					condition: onboardingComplete && !isSaasUser && this.$team.pg.is_developer && this.$team.pg.is_pro,
-					disabled: enforce2FA,
-					children: [
-						{
-							name: 'SQL 实验室',
-							icon: () => h(DatabaseZap),
-							route: '/sql-playground',
-							isActive: routeName === 'SQL Playground',
-						},
-						{
-							name: '日志浏览器',
-							icon: () => h(Logs),
-							route: '/log-browser',
-							isActive: routeName === 'Log Browser',
-						},
-						{
-							name: '数据库分析器',
-							icon: () => h(Activity),
-							route: '/database-analyzer',
-							isActive: routeName === 'DB Analyzer',
-						},
-					].filter((item) => item.condition ?? true),
-					isActive: ['SQL Playground', 'DB Analyzer', 'Log Browser'].includes(
-						routeName,
-					),
-					disabled: enforce2FA,
-				},
-				{
-					name: '充值',
-					icon: () => h(CreditCard),
-					route: '/recharge',
-					isActive: routeName.startsWith('RechargeCredits'),
-					condition:
-						this.$team.pg?.is_desk_user || this.$session.hasBillingAccess,
-					disabled: enforce2FA,
-				},				
-				{
-					name: '账单',
-					icon: () => h(WalletCards),
-					route: '/billing',
-					isActive: routeName.startsWith('Billing'),
-					condition:
-						this.$team.pg?.is_desk_user || this.$session.hasBillingAccess,
-					disabled: enforce2FA,
-				},
-				{
-					name: '合作伙伴门户',
-					icon: () => h(Globe),
-					route: '/partners',
-					isActive: routeName.startsWith('Partner'),
-					condition: Boolean(this.$team.pg.jerp_partner),
-					disabled: enforce2FA,
-				},
-				{
-					name: '设置',
-					icon: () => h(Settings),
-					route: '/settings',
-					isActive: routeName.startsWith('Settings'),
-					disabled: enforce2FA,
-				},
-			].filter((item) => item.condition ?? true);
-		},
-	},
-	mounted() {
-		this.$socket.emit('pagetype_subscribe', 'Jcloud Notification');
-		this.$socket.on('jcloud_notification', (data) => {
-			if (data.team === this.$team.pg.name) {
-				unreadNotificationsCount.setData((data) => data + 1);
-			}
-		});
-	},
-	unmounted() {
-		this.$socket.off('jcloud_notification');
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/NewAppDialog.vue b/dashboard_backup/src2/components/NewAppDialog.vue
deleted file mode 100644
index fca84c8..0000000
--- a/dashboard_backup/src2/components/NewAppDialog.vue
+++ /dev/null
@@ -1,283 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '从 GitHub 添加应用',
-			size: 'xl',
-			actions: [
-				{
-					label: isAppOnBench ? '更新应用' : '添加应用',
-					variant: 'solid',
-					disabled: !app || !appValidated,
-					onClick: addAppHandler,
-				},
-			],
-		}"
-		v-model="show"
-		@update:modelValue="
-			() => {
-				show = false;
-			}
-		"
-	>
-		<template #body-content>
-			<FTabs :tabs="tabs" v-model="tabIndex">
-				<TabList v-slot="{ tab, selected }" class="pl-0">
-					<div
-						class="flex cursor-pointer items-center gap-1.5 border-b border-transparent py-3 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900 focus:outline-none focus:transition-none [&>div]:pl-0"
-						:class="{ 'text-gray-900': selected }"
-					>
-						<span>{{ tab.label }}</span>
-					</div>
-				</TabList>
-				<TabPanel v-slot="{ tab }">
-					<div class="-ml-0.5 p-1">
-						<div v-if="tab.value === 'public-github-app'" class="space-y-4">
-							<div class="mt-4 flex items-end space-x-2">
-								<FormControl
-									class="mb-0.5 grow"
-									label="GitHub URL"
-									v-model="githubAppLink"
-									autocomplete="off"
-								/>
-								<Button
-									v-if="!selectedBranch"
-									label="获取分支"
-									:loading="$resources.branches.loading"
-									@click="
-										$resources.branches.submit({
-											owner: appOwner,
-											name: appName,
-										})
-									"
-								/>
-								<Autocomplete
-									v-else
-									:options="branchOptions"
-									v-model="selectedBranch"
-								>
-									<template v-slot:target="{ togglePopover }">
-										<Button
-											:label="selectedBranch?.value || selectedBranch"
-											icon-right="chevron-down"
-											@click="() => togglePopover()"
-										/>
-									</template>
-								</Autocomplete>
-							</div>
-						</div>
-						<div v-else-if="tab.value === 'your-github-app'" class="pt-4">
-							<GitHubAppSelector
-								@validateApp="validateApp"
-								@fieldChange="appValidated = false"
-							/>
-						</div>
-						<div class="mt-4 space-y-2">
-							<div
-								v-if="$resources.validateApp.loading && !appValidated"
-								class="flex text-base text-gray-700"
-							>
-								<LoadingIndicator class="mr-2 w-4" />
-								正在验证应用...
-							</div>
-							<div
-								v-if="appValidated && app"
-								class="flex text-base text-gray-700"
-							>
-								<GreenCheckIcon class="mr-2 w-4" />
-								找到 {{ app.title }} ({{ app.name }})
-							</div>
-						</div>
-					</div>
-				</TabPanel>
-			</FTabs>
-			<AlertBanner
-				v-if="isAppOnBench"
-				class="mt-4"
-				:show-icon="false"
-				:title="
-					`应用 <strong>${app.name}</strong> 已存在于当前工作台。` +
-					`点击更新应用将更改应用源为所选源。`
-				"
-				type="warning"
-			/>
-
-			<ErrorMessage
-				:message="$resources.validateApp.error || $resources.branches.error"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { FormControl, Tabs, TabList, TabPanel } from 'jingrow-ui';
-import { DashboardError } from '../utils/error';
-import GitHubAppSelector from './GitHubAppSelector.vue';
-import AlertBanner from './AlertBanner.vue';
-
-export default {
-	name: 'NewAppDialog',
-	components: {
-		GitHubAppSelector,
-		FTabs: Tabs,
-		FormControl,
-		AlertBanner,
-		TabPanel,
-		TabList,
-	},
-	props: {
-		group: {
-			type: Object,
-			required: true,
-		},
-	},
-	emits: ['app-added'],
-	data() {
-		return {
-			show: true,
-			app: {},
-			tabIndex: 0,
-			githubAppLink: '',
-			selectedBranch: '',
-			appValidated: false,
-			selectedGithubUser: null,
-selectedGithubRepository: null,
-			tabs: [
-				{
-					label: '公共 GitHub 应用',
-					value: 'public-github-app',
-				},
-				{
-					label: '您的 GitHub 应用',
-					value: 'your-github-app',
-				},
-			],
-		};
-	},
-	watch: {
-		tabIndex() {
-			this.app = null;
-			this.appValidated = false;
-			this.selectedBranch = '';
-			this.githubAppLink = '';
-			this.selectedGithubUser = null;
-			this.selectedGithubRepository = null;
-			this.$resources.branches.reset();
-		},
-		githubAppLink() {
-			this.selectedBranch = '';
-			this.appValidated = false;
-		},
-		selectedBranch(newSelectedBranch) {
-			if (this.appOwner && this.appName && newSelectedBranch)
-				this.$resources.validateApp.submit({
-					owner: this.appOwner,
-					repository: this.appName,
-					branch: newSelectedBranch.value,
-					installation: this.selectedGithubUser?.id,
-				});
-		},
-	},
-	resources: {
-		validateApp() {
-			return {
-				url: 'jcloud.api.github.app',
-				onSuccess(data) {
-					this.appValidated = true;
-					if (!data) {
-						return;
-					}
-
-					let repository_url = this.githubAppLink;
-					if (!repository_url) {
-						const repo_owner = this.selectedGithubUser?.login;
-						const repo = this.selectedGithubRepository || data.name;
-						repository_url = `https://github.com/${repo_owner}/${repo}`;
-					}
-
-					this.app = {
-						name: data.name,
-						title: data.title,
-						repository_url,
-						github_installation_id: this.selectedGithubUser?.id,
-						branch: this.selectedBranch.value,
-					};
-				},
-			};
-		},
-		branches() {
-			return {
-				url: 'jcloud.api.github.branches',
-				validate() {
-					const githubUrlRegex =
-						/^(https?:\/\/)?(www\.)?github\.com\/([a-zA-Z0-9_.\-]+)\/([a-zA-Z0-9_.\-]+)(\/)?$/;
-					const isValidUrl = githubUrlRegex.test(this.githubAppLink);
-
-					if (!isValidUrl) {
-						throw new DashboardError('请输入有效的 GitHub 链接');
-					}
-				},
-				onSuccess(data) {
-					if (this.tabIndex === 0)
-						this.selectedBranch = {
-							label: data[0].name,
-							value: data[0].name,
-						};
-				},
-			};
-		},
-	},
-	computed: {
-		appOwner() {
-			if (this.tabIndex === 0) {
-				const urlParts = this.githubAppLink.split('/');
-				if (urlParts.length < 4) return;
-
-				return urlParts[3];
-			}
-		},
-		appName() {
-			if (this.tabIndex === 0) {
-				const urlParts = this.githubAppLink.split('/');
-				if (urlParts.length < 5) return;
-
-				return urlParts[4].replace('.git', '');
-			}
-		},
-		branchOptions() {
-			return (this.$resources.branches.data || []).map((branch) => ({
-				label: branch.name,
-				value: branch.name,
-			}));
-		},
-		isAppOnBench() {
-			if (!this.app) {
-				return false;
-			}
-
-			for (const app of this.group.apps) {
-				if (app.app == this.app.name) return true;
-			}
-
-			return false;
-		},
-	},
-	methods: {
-		validateApp(data) {
-			this.selectedBranch = {
-				label: data.branch,
-				value: data.branch,
-			};
-			this.selectedGithubRepository = data.repository;
-			this.selectedGithubUser = data.selectedGithubUser;
-			this.$resources.validateApp.submit({
-				...data,
-				installation: data.selectedGithubUser.id,
-			});
-		},
-		addAppHandler() {
-			this.$emit('app-added', this.app, this.isAppOnBench);
-			this.show = false;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ObjectList.vue b/dashboard_backup/src2/components/ObjectList.vue
deleted file mode 100644
index 8273b33..0000000
--- a/dashboard_backup/src2/components/ObjectList.vue
+++ /dev/null
@@ -1,490 +0,0 @@
-<template>
-	<div>
-		<!-- 横幅 -->
-		<component
-			:is="banner.dismissable ? 'DismissableBanner' : 'AlertBanner'"
-			v-if="banner"
-			v-bind="banner"
-			class="mb-4"
-		>
-			<Button v-if="banner.button" v-bind="banner.button" class="ml-auto" />
-		</component>
-
-		<div class="flex items-center justify-between">
-			<slot name="header-left" v-bind="context">
-				<div v-if="showControls" class="flex items-center space-x-2">
-					<TextInput
-						placeholder="搜索"
-						class="max-w-[20rem]"
-						:debounce="500"
-						v-model="searchQuery"
-					>
-						<template #prefix>
-							<i-lucide-search class="h-4 w-4 text-gray-500" />
-						</template>
-						<template #suffix>
-							<span class="text-sm text-gray-500" v-if="searchQuery">
-								{{ searchQuerySummary }}
-							</span>
-						</template>
-					</TextInput>
-					<ObjectListFilters
-						v-if="filterControls.length"
-						:filterControls="filterControls"
-						@update:filter="onFilterControlChange"
-					/>
-				</div>
-				<div v-else></div>
-			</slot>
-			<div class="ml-2 flex shrink-0 items-center space-x-2">
-				<slot name="header-right" v-bind="context" />
-				<Tooltip
-					v-if="options.experimental"
-					text="这是一个实验性功能"
-				>
-					<div class="rounded-md bg-purple-100 p-1.5">
-						<i-lucide-flask-conical class="h-4 w-4 text-purple-500" />
-					</div>
-				</Tooltip>
-				<Tooltip v-if="options.documentation" text="查看文档">
-					<div class="rounded-md bg-gray-100 p-1.5">
-						<a :href="options.documentation" target="_blank">
-							<i-lucide-help-circle class="h-4 w-4" />
-						</a>
-					</div>
-				</Tooltip>
-				<Button
-					label="刷新"
-					v-if="$list"
-					@click="$list.reload()"
-					:loading="isLoading"
-				>
-					<template #icon>
-						<Tooltip text="刷新">
-							<i-lucide-refresh-ccw class="h-4 w-4" />
-						</Tooltip>
-					</template>
-				</Button>
-
-				<Dropdown v-if="moreActions.length" :options="moreActions">
-					<Button>
-						<FeatherIcon name="more-horizontal" class="h-4 w-4" />
-					</Button>
-				</Dropdown>
-
-				<ActionButton
-					v-for="button in actions"
-					v-bind="button"
-					:key="button.label"
-					:context="context"
-				/>
-				<ActionButton v-bind="secondaryAction" :context="context" />
-				<ActionButton v-bind="primaryAction" :context="context" />
-			</div>
-		</div>
-		<div class="mt-3 min-h-0 flex-1 overflow-y-auto">
-			<ListView
-				:columns="columns"
-				:rows="filteredRows"
-				:options="{
-					selectable: this.options.selectable || false,
-					onRowClick: this.options.onRowClick
-						? (row) => this.options.onRowClick(row, context)
-						: null,
-					getRowRoute: this.options.route
-						? (row) => this.options.route(row)
-						: null,
-					rowHeight: this.options.rowHeight,
-					emptyState: {},
-				}"
-				row-key="name"
-				@update:selections="(e) => this.$emit('update:selections', e)"
-			>
-				<template v-if="options.groupHeader" #group-header="{ group }">
-					<component :is="options.groupHeader({ ...context, group })" />
-				</template>
-				<template #cell="{ item, row, column }">
-					<ObjectListCell
-						:class="[
-							column == columns[0] ? ' text-gray-900' : ' text-gray-700',
-						]"
-						:row="row"
-						:column="column"
-						:context="context"
-					/>
-				</template>
-			</ListView>
-			<div class="px-5" v-if="filteredRows.length === 0">
-				<div
-					class="text-center text-sm leading-10 text-gray-500"
-					v-if="isLoading"
-				>
-					加载中...
-</div>
-				<div v-else-if="$list?.list?.error" class="py-4 text-center">
-					<ErrorMessage :message="$list.list.error" />
-				</div>
-				<div v-else class="text-center text-sm leading-10 text-gray-500">
-					{{ emptyStateMessage }}
-				</div>
-			</div>
-			<div class="px-2 py-2 text-right" v-if="$list">
-				<Button
-					v-if="$list.next && $list.hasNextPage"
-					@click="$list.next()"
-					:loading="isLoading"
-				>
-					加载更多
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { reactive } from 'vue';
-import { throttle } from '../utils/throttle';
-import DismissableBanner from './DismissableBanner.vue';
-import AlertBanner from './AlertBanner.vue';
-import ActionButton from './ActionButton.vue';
-import ObjectListCell from './ObjectListCell.vue';
-import ObjectListFilters from './ObjectListFilters.vue';
-import {
-	ListView,
-	ListHeader,
-	ListRow,
-	TextInput,
-	Tooltip,
-	ErrorMessage,
-} from 'jingrow-ui';
-
-let subscribed = {};
-
-export default {
-	name: 'ObjectList',
-	props: ['options'],
-	emits: ['update:selections'],
-	components: {
-		AlertBanner,
-		DismissableBanner,
-		ActionButton,
-		ObjectListCell,
-		ObjectListFilters,
-		ListView,
-		ListHeader,
-		ListRow,
-		TextInput,
-		Tooltip,
-		ErrorMessage,
-	},
-	data() {
-		return {
-			searchQuery: '',
-		};
-	},
-	watch: {
-		searchQuery(value) {
-			if (this.options.searchField && this.$list?.list) {
-				if (value) {
-					this.$list.update({
-						filters: {
-							...this.$list.filters,
-							[this.options.searchField]: ['like', `%${value.toLowerCase()}%`],
-						},
-						start: 0,
-						pageLength: this.options.pageLength || 20,
-					});
-				} else {
-					this.$list.update({
-						filters: {
-							...this.$list.filters,
-							[this.options.searchField]: undefined,
-						},
-						start: 0,
-						pageLength: this.options.pageLength || 20,
-					});
-				}
-				this.$list.reload();
-			}
-		},
-	},
-	resources: {
-		list() {
-			if (this.options.data) return;
-			if (this.options.list) return;
-			if (this.options.resource) {
-				return this.options.resource(this.context);
-			}
-			return {
-				type: 'list',
-				cache: [
-					'ObjectList',
-					this.options.pagetype || this.options.url,
-					this.options.filters,
-				],
-				url: this.options.url || null,
-				pagetype: this.options.pagetype,
-				pageLength: this.options.pageLength || 20,
-				fields: [
-					'name',
-					...(this.options.fields || []),
-					...this.options.columns.map((column) => column.fieldname),
-				],
-				filters: this.options.filters || {},
-				orderBy: this.options.orderBy,
-				auto: true,
-				onError: (e) => {
-					if (this.$list.data) {
-						this.$list.data = [];
-					}
-				},
-			};
-		},
-	},
-	beforeUpdate() {
-		if (this.$list?.list) {
-			const filters = this.$list.list?.params?.filters || {};
-			for (let control of this.filterControls) {
-				if (control.value !== filters[control.fieldname]) {
-					control.value = filters[control.fieldname];
-				}
-			}
-		}
-	},
-	mounted() {
-		if (this.options.data) return;
-		if (this.options.list) {
-			const resource = this.$list.list || this.$list;
-			if (!resource.fetched && !resource.loading && this.$list.auto != false) {
-				resource.fetch();
-			}
-		}
-		if (this.options.pagetype) {
-			const pagetype = this.options.pagetype;
-			if (subscribed[pagetype]) return;
-			this.$socket.emit('pagetype_subscribe', pagetype);
-			subscribed[pagetype] = true;
-
-			const throttledReload = throttle(this.$list.reload, 5000);
-			this.$socket.on('list_update', (data) => {
-				const names = (this.$list.data || []).map((d) => d.name);
-				if (data.pagetype === pagetype && names.includes(data.name)) {
-					throttledReload();
-				}
-			});
-		}
-	},
-	beforeUnmount() {
-		if (this.options.pagetype) {
-			const pagetype = this.options.pagetype;
-this.$socket.emit('pagetype_unsubscribe', pagetype);
-			subscribed[pagetype] = false;
-		}
-	},
-	computed: {
-		$list() {
-			if (this.$resources.list) return this.$resources.list;
-
-			if (this.options.list) {
-				if (typeof this.options.list === 'function') {
-					return this.options.list(this.options.context);
-				}
-				return this.options.list;
-			}
-		},
-		columns() {
-			let columns = [];
-			for (let column of this.options.columns || []) {
-				if (column.condition && !column.condition(this.context)) continue;
-				columns.push({
-					...column,
-					label: column.label,
-					key: column.fieldname,
-					align: column.align || 'left',
-				});
-			}
-			if (this.options.rowActions) {
-				columns.push({
-					label: '',
-					key: '__actions',
-					type: 'Actions',
-					width: '100px',
-					align: 'right',
-					actions: (row) => this.options.rowActions({ ...this.context, row }),
-				});
-			}
-			return columns;
-		},
-		rows() {
-			if (this.options.data) {
-				return this.options.data(this.context);
-			}
-			return this.$list.data || [];
-		},
-		filteredRows() {
-			if (this.options.searchField || !this.searchQuery) return this.rows;
-			let query = this.searchQuery.toLowerCase();
-
-			return this.rows
-				.map((row) => {
-					if (row.rows && row.group) {
-						// 分组
-						let filteredRows = row.rows.filter((row) =>
-							this.filterRow(query, row),
-						);
-
-						if (filteredRows.length) {
-							return {
-								...row,
-								rows: row.rows.filter((row) => this.filterRow(query, row)),
-							};
-						}
-					}
-					if (this.filterRow(query, row)) {
-						return row;
-					}
-					return false;
-				})
-				.filter(Boolean);
-		},
-		searchQuerySummary() {
-			if (this.options.searchField) return;
-
-			let summary;
-			if (this.filteredRows.length === 0) {
-				summary = '无结果';
-			} else if (this.filteredRows[0].rows) {
-				let total = this.rows.reduce(
-					(acc, group) => acc + group.rows.length,
-					0,
-				);
-				let filtered = this.filteredRows.reduce(
-					(acc, group) => acc + group.rows.length,
-					0,
-				);
-				summary = `${filtered} / ${total}`;
-			} else {
-				summary = `${this.filteredRows.length} / ${this.rows.length}`;
-			}
-			return summary;
-		},
-		filterControls() {
-			if (!this.options.filterControls) return [];
-			let controls = this.options.filterControls(this.context);
-			return controls
-				.filter((control) => control.fieldname)
-				.map((control) => {
-					return reactive({ ...control, value: control.default || undefined });
-				});
-		},
-		actions() {
-			if (!this.options.actions) return [];
-			let actions = this.options.actions(this.context);
-			return actions.filter((action) => {
-				if (action.condition) {
-					return action.condition(this.context);
-				}
-				return true;
-			});
-		},
-		moreActions() {
-			if (!this.options.moreActions) return [];
-			const actions = this.options.moreActions(this.context);
-			return actions.filter((action) => {
-				if (action.condition) {
-					return action.condition(this.context);
-				}
-				return true;
-			});
-		},
-		primaryAction() {
-			if (!this.options.primaryAction) return null;
-			let props = this.options.primaryAction(this.context);
-			if (!props) return null;
-			return props;
-		},
-		secondaryAction() {
-			if (!this.options.secondaryAction) return null;
-			let props = this.options.secondaryAction(this.context);
-			if (!props) return null;
-			return props;
-		},
-		context() {
-			return {
-				...this.options.context,
-				listResource: this.$list,
-			};
-		},
-		isLoading() {
-			if (this.options.data) return false;
-			return this.$list.list?.loading || this.$list.loading;
-		},
-		showControls() {
-			return (
-				(this.searchQuery ||
-					this.rows.length > 5 ||
-					this.filterControls.length) &&
-				!this.options.hideControls
-			);
-		},
-		emptyStateMessage() {
-			return this.options.emptyStateMessage || '未找到结果';
-		},
-		banner() {
-			if (this.options.banner) {
-				return this.options.banner(this.context);
-			}
-		},
-	},
-	methods: {
-filterRow(query, row) {
-			let values = this.options.columns.map((column) => {
-				let value = row[column.fieldname];
-				if (column.deploys) {
-					value = column.format(value, row);
-				}
-				return value;
-			});
-			for (let value of values) {
-				if (value && value.toLowerCase?.().includes(query)) {
-					return true;
-				}
-			}
-			return false;
-		},
-		onFilterControlChange(control) {
-			// 如果提供了资源，则直接更新参数
-			// 否则更新列表资源中的过滤器
-			//
-			// 注意：这需要在列表资源中实现 makeParams 方法才能工作
-			// 在 makeParams 中，如果存在参数则返回，这样旧参数不会覆盖我们正在设置的参数
-			//
-			// 如果向 options 提供了 `updateFilters` 函数，它将被调用并传入更新后的过滤器
-			// 当我们不使用任何标准资源但仍想更新过滤器时，这很有用
-
-			if (this.options.resource && !this.$list.filters) {
-				const params = {
-					...this.$list.params,
-					[control.fieldname]: control.value,
-				};
-				this.$list.update({ params });
-				this.$list.reload();
-			} else if (this.options.updateFilters) {
-				this.options.updateFilters({
-					[control.fieldname]: control.value,
-				});
-			} else {
-				let filters = { ...this.$list.filters };
-				for (let c of this.filterControls) {
-					filters[c.fieldname] = c.value;
-				}
-				this.$list.update({
-					filters,
-					start: 0,
-					pageLength: this.options.pageLength || 20,
-				});
-				this.$list.reload();
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ObjectListCell.vue b/dashboard_backup/src2/components/ObjectListCell.vue
deleted file mode 100644
index 7eb1915..0000000
--- a/dashboard_backup/src2/components/ObjectListCell.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-	<component
-		:is="column.link ? 'a' : 'div'"
-		:href="column.link ? column.link(value, row) : undefined"
-		:target="column.link ? '_blank' : undefined"
-		class="flex items-center"
-		:class="{
-			'text-gray-900 outline-gray-400 hover:text-gray-700': column.link,
-			'justify-end': column.align === 'right',
-			'justify-center': column.align === 'center'
-		}"
-	>
-		<div v-if="column.prefix" class="mr-2">
-			<component :is="column.prefix(row)" />
-		</div>
-		<component
-			v-if="column.type === 'Component'"
-			:is="column.component(contextWithRow)"
-		/>
-		<template v-else-if="column.type === 'Badge'">
-			<Badge :label="formattedValue" :theme="theme" v-if="formattedValue" />
-		</template>
-		<template v-else-if="column.type === 'Icon'">
-			<FeatherIcon v-if="icon" class="h-4 w-4" :name="icon" />
-		</template>
-		<template v-else-if="column.type === 'Button'">
-			<ActionButton v-if="button" v-bind="button" />
-		</template>
-		<div v-else-if="column.type == 'Image'">
-			<img :src="value" :alt="formattedValue" class="h-6 w-6 rounded" />
-		</div>
-		<div v-else-if="column.type == 'Select'">
-			<Dropdown :options="formattedValue" right>
-				<template v-slot="{ open }">
-					<Button variant="outline" icon-right="chevron-down">
-						{{ row.selectedOption || value[0] }}
-					</Button>
-				</template>
-			</Dropdown>
-		</div>
-		<div class="text-base text-gray-600" v-else-if="column.type == 'Timestamp'">
-			<div class="flex">
-				<Tooltip :text="$format.date(value)">
-					{{ value ? (column.format ? formattedValue : $dayjs(value).fromNow()) : '' }}
-				</Tooltip>
-			</div>
-		</div>
-		<div class="text-base" v-else-if="column.type == 'Date'">
-			{{ formattedDate }}
-		</div>
-		<div v-else-if="column.type == 'Actions'">
-			<Dropdown v-if="showDropdown" :options="actions" @click.stop>
-				<button
-					class="flex items-center rounded bg-gray-100 px-1 py-0.5 hover:bg-gray-200"
-				>
-					<FeatherIcon name="more-horizontal" class="h-4 w-4" />
-				</button>
-			</Dropdown>
-		</div>
-		<div v-else class="truncate text-base" :class="cellClass">
-			{{ formattedValue }}
-		</div>
-		<div v-if="column.suffix" class="ml-2">
-			<component :is="column.suffix(row)" />
-		</div>
-	</component>
-</template>
-<script>
-import { Tooltip } from 'jingrow-ui';
-import ActionButton from './ActionButton.vue';
-
-export default {
-	name: 'ObjectListCell',
-	props: {
-		row: Object,
-		column: Object,
-		idx: Number,
-		context: Object
-	},
-	computed: {
-		value() {
-			return this.row[this.column.key];
-		},
-		theme() {
-			const theme = this.column.theme;
-			if (typeof theme === 'function') {
-				return theme(this.value, this.row);
-			}
-
-			return theme;
-		},
-		formattedValue() {
-			let formattedValue = this.column.format
-				? this.column.format(this.value, this.row)
-				: this.value;
-			if (formattedValue == null) {
-				formattedValue = '';
-			}
-			return typeof formattedValue === 'object'
-				? formattedValue
-				: String(formattedValue);
-		},
-		formattedDate() {
-			if (!this.value) return '';
-			if (this.value.includes(' ')) {
-				return this.$format.date(this.value, 'lll');
-			}
-			return this.$format.date(this.value, 'll');
-		},
-		icon() {
-			return this.column.type === 'Icon' && this.column.Icon(this.value);
-		},
-		actions() {
-			if (!this.column.type === 'Actions') return;
-			let actions = this.column.actions(this.row);
-			return actions;
-		},
-		button() {
-			if (!this.column.type === 'Button') return;
-return this.column.Button(this.contextWithRow);
-		},
-		cellClass() {
-			if (!this.column.class) return;
-			if (typeof this.column.class == 'string') return this.column.class;
-			return this.column.class(this.contextWithRow);
-		},
-		contextWithRow() {
-			return {
-				...this.context,
-				row: this.row
-			};
-		},
-		showDropdown() {
-			let filteredOptions = (this.actions || [])
-				.filter(Boolean)
-				.filter(option => (option.condition ? option.condition() : true));
-
-			return filteredOptions.length > 0;
-		}
-	},
-	components: { Tooltip, ActionButton }
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ObjectListFilters.vue b/dashboard_backup/src2/components/ObjectListFilters.vue
deleted file mode 100644
index 7ae0c75..0000000
--- a/dashboard_backup/src2/components/ObjectListFilters.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<Button v-if="$isMobile" @click="showDialog = true">
-		<template #icon>
-			<i-lucide-filter class="h-4 w-4 text-gray-600" />
-		</template>
-	</Button>
-	<component :is="$isMobile ? 'DialogWrapper' : 'div'" v-bind="wrapperProps">
-		<div
-			:class="['flex', $isMobile ? 'flex-col gap-y-4' : 'items-center gap-x-2']"
-		>
-			<template v-for="control in filterControls" :key="control.fieldname">
-				<component
-					:is="$isMobile || control.type == 'checkbox' ? 'div' : 'Tooltip'"
-				>
-					<template v-if="!$isMobile" v-slot:body>
-						<div
-							v-show="control.label && control.value"
-							class="mb-1 w-min rounded bg-gray-900 px-2 py-1 text-center text-xs text-white shadow-xl"
-						>
-							<div class="py-px">
-								{{ control.label }}
-							</div>
-						</div>
-					</template>
-					<FilterControl
-						:label="
-							$isMobile || control.type == 'checkbox' ? control.label : null
-						"
-						:class="control.class"
-						:type="control.type"
-						:options="control.options"
-						:placeholder="
-							!$isMobile ? control.placeholder || control.label : null
-						"
-						:modelValue="control.value"
-						@update:modelValue="value => onFilterControlChange(control, value)"
-					/>
-				</component>
-			</template>
-		</div>
-	</component>
-</template>
-<script>
-import { Tooltip, Dialog } from 'jingrow-ui';
-import DialogWrapper from './DialogWrapper.vue';
-import FilterControl from './FilterControl.vue';
-
-export default {
-	name: 'ObjectListFilters',
-	props: ['filterControls'],
-	emits: ['update:filter'],
-	components: {
-		Dialog,
-		Tooltip,
-		DialogWrapper,
-		FilterControl
-	},
-	data() {
-		return {
-			showDialog: false
-		};
-	},
-	methods: {
-		onFilterControlChange(control, value) {
-			if (value == '' || value == null) {
-				control.value = undefined;
-			} else {
-				control.value = value;
-			}
-			this.$emit('update:filter', control);
-		}
-	},
-	computed: {
-		wrapperProps() {
-			if (!this.$isMobile) {
-				return {};
-			}
-			return {
-				modelValue: this.showDialog,
-				'onUpdate:modelValue': value => {
-					this.showDialog = value;
-				},
-				options: {
-					title: '筛选器'
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/Onboarding.vue b/dashboard_backup/src2/components/Onboarding.vue
deleted file mode 100644
index b26e601..0000000
--- a/dashboard_backup/src2/components/Onboarding.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<div class="mx-auto max-w-2xl rounded-lg border-0 px-2 sm:border sm:p-8">
-		<div class="prose prose-sm max-w-none">
-			<h1 class="text-2xl font-semibold">欢迎来到 今果 Jingrow</h1>
-			<p>
-				Jingrow是一站式通用数字化平台，以"一切皆页面"的革新理念，帮助您快速构建从个人工作到团队协作的一站式数字化解决方案。通过AI Agent智能体、可视化工作流编排、零代码可视化数据建模、自动化任务、团队协作、角色与权限管理、文件库、知识库、笔记，会议，待办事项，通知、智能报表等模块，引领数字化协作新趋势。
-			</p>
-		</div>
-		<p class="mt-6 text-base text-gray-800">
-			从这里开始，让一切数字化、系统化、智能化、自动化。
-		</p>
-		<div class="mt-6 space-y-6">
-			<!-- 步骤 1 - 账户已创建 -->
-			<div class="rounded-md">
-				<div>
-					<div class="flex items-center justify-between space-x-2">
-						<div class="flex items-center space-x-2">
-							<TextInsideCircle>1</TextInsideCircle>
-							<span class="text-base font-medium"> 账户已创建 </span>
-						</div>
-						<div
-							class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-						>
-							<i-lucide-check class="h-3 w-3 text-white" />
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<!-- 步骤 2 - 添加支付方式 -->
-			<div class="rounded-md">
-				<div v-if="!$team.pg.payment_mode">
-					<div class="flex items-center space-x-2">
-						<TextInsideCircle>2</TextInsideCircle>
-						<span class="text-base font-medium"> 余额充值 </span>
-					</div>
-
-					<div class="mt-4 pl-7">
-						<div class="mt-2 w-full">
-							<div class="mt-10">
-								<BuyPrepaidCreditsForm
-									:isOnboarding="true"
-									@success="onBuyCreditsSuccess"
-								/>
-							</div>
-						</div>
-					</div>
-				</div>
-				<!-- 支付方式已添加 -->
-				<div v-else>
-					<div class="flex items-center justify-between space-x-2">
-						<div class="flex items-center space-x-2">
-							<TextInsideCircle>2</TextInsideCircle>
-							<span
-								class="text-base font-medium"
-								v-if="$team.pg.payment_mode === 'Card'"
-							>
-								自动扣费设置已完成
-							</span>
-							<span
-								class="text-base font-medium"
-								v-if="$team.pg.payment_mode === 'Prepaid Credits'"
-							>
-								余额支付已开通
-							</span>
-						</div>
-						<div
-							class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-						>
-							<i-lucide-check class="h-3 w-3 text-white" />
-						</div>
-					</div>
-					<div
-						class="mt-1.5 pl-7 text-p-base text-gray-800"
-						v-if="$team.pg.payment_mode === 'Prepaid Credits'"
-					>
-						账户余额: {{ $format.userCurrency($team.pg.balance) }}
-					</div>
-				</div>
-			</div>
-			
-			<!-- 步骤 3 - 创建站点 -->
-			<div v-if="pendingSiteRequest" class="rounded-md">
-				<div class="flex items-center justify-between space-x-2">
-					<div class="flex items-center space-x-2">
-						<TextInsideCircle>3</TextInsideCircle>
-						<span
-							class="text-base font-medium"
-							v-if="pendingSiteRequest.status == 'Error'"
-						>
-							创建您的 {{ pendingSiteRequest.title }} 试用站点时出错
-						</span>
-						<span class="text-base font-medium" v-else>
-							创建您的 {{ pendingSiteRequest.title }} 试用站点
-						</span>
-					</div>
-				</div>
-				<div class="mt-2 pl-7" v-if="pendingSiteRequest.status == 'Error'">
-					<p class="mt-2 text-p-base text-gray-800">
-						请点击下方按钮联系 今果 Jingrow支持团队。
-					</p>
-					<Button class="mt-2" link="/support"> 联系支持 </Button>
-				</div>
-				<div class="mt-2 pl-7" v-else>
-					<p class="mt-2 text-p-base text-gray-800">
-						您可以点击下方按钮免费试用 {{ pendingSiteRequest.title }} 应用程序。
-					</p>
-					<Button
-						class="mt-2"
-						:route="{
-							name: 'SignupSetup',
-							params: { productId: pendingSiteRequest.product_trial },
-							query: {
-								account_request: pendingSiteRequest.account_request,
-							},
-						}"
-					>
-						继续
-					</Button>
-				</div>
-			</div>
-			<div v-else-if="trialSite" class="rounded-md">
-				<div class="flex items-center justify-between space-x-2">
-					<div class="flex items-center space-x-2">
-						<TextInsideCircle>3</TextInsideCircle>
-						<span class="text-base font-medium">
-							您的试用站点已准备就绪
-						</span>
-					</div>
-					<div
-						class="grid h-4 w-4 place-items-center rounded-full bg-green-500/90"
-					>
-						<i-lucide-check class="h-3 w-3 text-white" />
-					</div>
-				</div>
-				<div class="pl-7">
-					<div class="mt-2">
-						<a
-							class="flex items-center text-base font-medium underline"
-							:href="`https://${trialSite.host_name || trialSite.name}`"
-							target="_blank"
-						>
-							https://{{ trialSite.host_name || trialSite.name }}
-							<i-lucide-external-link class="ml-1 h-3.5 w-3.5 text-gray-800" />
-						</a>
-					</div>
-					<p class="mt-2 text-p-base text-gray-800">
-						您的试用将于
-						<span class="font-medium">
-							{{ $format.date(trialSite.trial_end_date, 'LL') }} </span
-						> 到期。立即设置账单以确保您的站点访问不受影响。
-					</p>
-				</div>
-			</div>
-			<div v-else class="rounded-md">
-				<div class="flex items-center space-x-2">
-					<TextInsideCircle>3</TextInsideCircle>
-					<div class="text-base font-medium">创建您的第一个数字化平台</div>
-				</div>
-
-				<Button class="ml-7 mt-4" :route="'/sites/new'">
-					创建
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-import TextInsideCircle from './TextInsideCircle.vue';
-
-export default {
-	name: 'Onboarding',
-	emits: ['payment-mode-added'],
-	components: {
-		BuyPrepaidCreditsForm: defineAsyncComponent(
-			() => import('./BuyPrepaidCreditsForm.vue'),
-		),
-		TextInsideCircle,
-	},
-	methods: {
-		onBuyCreditsSuccess() {
-			this.$team.reload();
-			this.$emit('payment-mode-added');
-		},
-	},
-	computed: {
-		pendingSiteRequest() {
-			return this.$team.pg.pending_site_request;
-		},
-		trialSite() {
-			return this.$team.pg.trial_sites?.[0];
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/OnboardingAppSelector.vue b/dashboard_backup/src2/components/OnboardingAppSelector.vue
deleted file mode 100644
index e2207a8..0000000
--- a/dashboard_backup/src2/components/OnboardingAppSelector.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<div v-if="apps" class="mt-4 grid grid-cols-2 gap-2 sm:grid-cols-3">
-		<div
-			v-for="app in apps"
-			class="flex cursor-pointer flex-col gap-2.5 rounded-md border border-gray-300 p-4 transition duration-300 hover:border-gray-400"
-			@click.capture="() => openInstallAppPage(app)"
-		>
-			<img :src="app.image" class="h-6 w-6" />
-			<div class="flex flex-col gap-1">
-				<p class="text-lg font-medium leading-snug text-gray-900">
-					{{ app.title }}
-				</p>
-				<p
-					class="line-clamp-2 text-sm leading-5 tracking-[0.26px] text-gray-700"
-				>
-					{{ app.description }}
-				</p>
-			</div>
-			<Button size="sm" variant="outline" theme="gray" class="mt-1">
-				立即安装
-			</Button>
-		</div>
-	</div>
-</template>
-<script>
-import DownloadIcon from '~icons/lucide/download';
-
-export default {
-	name: 'OnboardingAppSelector',
-	props: ['apps'],
-	components: {
-		DownloadIcon,
-	},
-	resources: {
-		getAccountRequestForProductSignup() {
-			return {
-				url: 'jcloud.api.product_trial.get_account_request_for_product_signup',
-			};
-		},
-	},
-	methods: {
-		openInstallAppPage(app) {
-			this.$resources.getAccountRequestForProductSignup
-				.submit()
-				.then((account_request) =>
-					this.$router.push({
-						name: 'SignupSetup',
-						params: { productId: app.name },
-						query: {
-							account_request: account_request,
-						},
-					}),
-				);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/OnboardingWithoutPayment.vue b/dashboard_backup/src2/components/OnboardingWithoutPayment.vue
deleted file mode 100644
index 6c5d045..0000000
--- a/dashboard_backup/src2/components/OnboardingWithoutPayment.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-	<div class="relative h-full">
-		<div class="relative z-10 mx-auto pt-8 sm:pt-16">
-			<!-- logo -->
-			<div
-				class="flex flex-col items-center"
-				@dblclick="redirectForJingrowioAuth"
-			>
-				<JLogo class="inline-block h-12 w-12" />
-			</div>
-			<!-- card -->
-			<div
-				class="mx-auto w-full bg-white px-4 py-8 sm:mt-6 sm:w-3/6 sm:rounded-2xl sm:px-6 sm:py-6 sm:shadow-2xl"
-			>
-				<!-- title -->
-				<div class="mb-7.5 text-center">
-					<p
-						class="text-center text-lg font-medium leading-5 tracking-tight text-gray-900"
-					>
-						选择以下应用程序创建您的第一个站点。
-					</p>
-				</div>
-				<div
-					v-if="$resources.availableApps.loading"
-					class="flex justify-center"
-				>
-					<LoadingText />
-				</div>
-				<OnboardingAppSelector v-else :apps="$resources.availableApps.data" />
-			</div>
-		</div>
-		<div class="flex w-full">
-			<Button
-				class="mx-auto mt-4"
-				label="跳转到仪表盘"
-				variant="ghost"
-				icon-right="arrow-right"
-				:route="{ name: 'Site List' }"
-			/>
-		</div>
-	</div>
-</template>
-<script>
-import OnboardingAppSelector from './OnboardingAppSelector.vue';
-
-export default {
-	name: 'Onboarding',
-	components: {
-		OnboardingAppSelector,
-	},
-	resources: {
-		availableApps() {
-			return {
-				url: 'jcloud.api.marketplace.get_marketplace_apps_for_onboarding',
-				auto: true,
-			};
-		},
-	},
-	methods: {
-		redirectForJingrowioAuth() {
-			window.location = '/f-login';
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/OrderCheckout.vue b/dashboard_backup/src2/components/OrderCheckout.vue
deleted file mode 100644
index 4ddeef6..0000000
--- a/dashboard_backup/src2/components/OrderCheckout.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<template>
-  <div v-if="show" class="fixed inset-0 bg-black bg-opacity-60 z-[9999] flex items-center justify-center overflow-auto p-4">
-    <div class="bg-white rounded-xl shadow-2xl w-full max-w-xl mx-auto relative animate-fadeIn">     
-      <button @click="onClose" class="absolute top-4 right-4 p-2 rounded-full hover:bg-gray-100 transition-colors z-10">
-        <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-        </svg>
-      </button>
-      
-      <div class="px-8 py-10">        
-        <div v-if="$resources.processBalancePayment.loading || $resources.processAlipayPayment.loading || $resources.processWechatPayment.loading" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <div v-else-if="paymentMethod === 'wechatpay' && paymentQrCode" class="text-center py-6">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <div v-else-if="paymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动继续创建站点
-            </p>
-            <button 
-              class="w-full mt-4 px-6 py-3 bg-gray-100 rounded-lg hover:bg-gray-200 text-gray-700 transition-colors"
-              @click="paymentMethod = null"
-            >
-              返回选择其他支付方式
-            </button>
-          </div>
-        </div>
-        
-        <div v-else class="space-y-6">
-          <div class="bg-gray-50 p-4 rounded-lg mb-6">
-            <p class="text-gray-700 mb-2 font-medium">
-              站点URL：{{ order?.title }}
-            </p>
-            <p class="text-xl font-bold text-gray-900">
-              订单金额: {{ $format.userCurrency(order?.total_amount) }}
-            </p>
-          </div>
-          
-          <ErrorMessage
-            class="mt-3"
-            :message="$resources.processBalancePayment.error || $resources.processAlipayPayment.error || $resources.processWechatPayment.error"
-          />
-          
-          <p class="text-gray-700 font-medium">
-            选择支付方式：
-          </p>
-          
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-4">
-            <button 
-              class="p-6 border border-gray-200 rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 hover:border-gray-300 transition-all transform hover:-translate-y-1"
-              @click="processPayment('balance')"
-              :disabled="$resources.processBalancePayment.loading || $resources.processAlipayPayment.loading || $resources.processWechatPayment.loading"
-            >
-              <span class="text-gray-800 font-medium">余额支付</span>
-            </button>
-            
-            <button 
-              @click="processPayment('alipay')"
-              :disabled="$resources.processBalancePayment.loading || $resources.processAlipayPayment.loading || $resources.processWechatPayment.loading"
-              class="p-6 border border-gray-200 rounded-lg hover:bg-gray-50 hover:border-gray-300 transition-all transform hover:-translate-y-1"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-3">
-                  <AlipayLogo class="h-10" />
-                </div>
-              </div>
-            </button>
-            
-            <button 
-              @click="processPayment('wechatpay')"
-              :disabled="$resources.processBalancePayment.loading || $resources.processAlipayPayment.loading || $resources.processWechatPayment.loading"
-              class="p-6 border border-gray-200 rounded-lg hover:bg-gray-50 hover:border-gray-300 transition-all transform hover:-translate-y-1"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-3">
-                  <WeChatPayLogo class="h-10" />
-                </div>
-              </div>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { Teleport } from 'vue';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-  name: 'OrderCheckout',
-  props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    order: {
-      type: Object,
-      required: true
-    },
-    orderType: {
-      type: String,
-      default: '订单'
-    }
-  },
-  components: {
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  data() {
-    return {
-      paymentMethod: null,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      orderId: null,
-      checkInterval: null,
-      localShow: false
-    };
-  },
-  computed: {
-    show: {
-      get() {
-        return this.value || this.localShow;
-      },
-      set(val) {
-        this.$emit('input', val);
-        this.localShow = val;
-      }
-    }
-  },
-  resources: {
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_order',
-        params: {
-          order_id: this.order.order_id || this.order.name
-        },
-        validate() {
-          if (!this.order) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          // 检查响应中的success字段
-          if (response.status === "Error" || response.success === false) {
-            // 显示错误消息
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.$emit('payment-error', { message: response.message || '余额不足' });
-            return;
-          }
-          
-          // 支付成功，通知父组件
-          toast.success('支付成功！');
-          // 确保传递完整的订单信息，并更新订单状态为已支付
-          const orderData = { 
-            ...this.order, 
-            ...(response.order || {}),
-            status: '已支付'  // 明确设置订单状态为已支付
-          };
-          this.$emit('payment-success', orderData);
-          this.onClose();
-        }
-      };
-    },
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        params: {
-          order_id: this.order.order_id || this.order.name,
-        },
-        validate() {
-          if (!this.order) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          // 保存订单ID用于后续状态检查
-          this.orderId = this.order.order_id || this.order.name;
-          this.paymentUrl = response.payment_url;          
-          // 支付宝则打开新窗口
-          window.open(response.payment_url, '_blank');
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询订单状态
-          this.startPaymentCheck();
-        }
-      };
-    },
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        params: {
-          order_id: this.order.order_id || this.order.name,
-        },
-        validate() {
-          if (!this.order) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          
-          // 保存订单ID用于后续状态检查
-          this.orderId = this.order.order_id || this.order.name;
-          
-          // 确保设置正确的数据
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image || null;
-          
-          // 开始轮询订单状态
-          this.startPaymentCheck();
-        }
-      };
-    },
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {
-          order_id: this.order.order_id || this.order.name
-        },
-        onSuccess(data) {
-          if (data && data.status === '已支付') {
-            // 支付成功，停止轮询并通知父组件
-            this.stopPaymentCheck();
-            toast.success('支付成功！');
-            // 确保传递完整的订单信息，包括原始订单和服务器返回的数据
-            const orderData = { ...this.order, ...(data.order || {}) };
-            this.$emit('payment-success', orderData);
-            this.onClose();
-          }
-        }
-      };
-    }
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(newVal) {
-        this.localShow = newVal;
-      }
-    }
-  },
-  methods: {
-    onClose() {
-      this.stopPaymentCheck();
-      this.paymentMethod = null;
-      this.paymentUrl = null;
-      this.paymentQrCode = null;
-      this.paymentQrCodeImage = null;
-      this.show = false;
-      
-      // 向父组件发出关闭信号，确保父组件也知道弹窗已关闭
-      this.$emit('close');
-    },
-    
-    processPayment(method) {
-      this.paymentMethod = method;
-      
-      if (method === 'balance') {
-        // 处理余额支付
-        this.$resources.processBalancePayment.submit();
-      } else if (method === 'alipay') {
-        // 处理支付宝支付
-        this.$resources.processAlipayPayment.submit();
-      } else if (method === 'wechatpay') {
-        // 处理微信支付
-        this.$resources.processWechatPayment.submit();
-      }
-    },
-    
-    startPaymentCheck() {
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit();
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    }
-  },
-  mounted() {    
-    this.localShow = true;
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-  }
-};
-</script>
-
-<style scoped>
-.payment-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: auto;
-  width: 100px;
-  max-width: 100px;
-  min-width: 70px;
-  flex-shrink: 0;
-}
-
-.alipay-svg, .wechat-svg {
-  width: 100%;
-  height: auto;
-  max-height: 36px;
-}
-
-@media (max-width: 640px) {
-  .payment-icon {
-    width: 80px;
-    min-width: 60px;
-  }
-  
-  .alipay-svg, .wechat-svg {
-    max-height: 30px;
-  }
-}
-
-/* 添加微信支付二维码相关样式 */
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-.close-button {
-  position: absolute;
-  top: -12px;
-  right: -12px;
-  background: #f3f4f6;
-  border-radius: 50%;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  cursor: pointer;
-  color: #6b7280;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  transition: all 0.2s;
-}
-
-.close-button:hover {
-  background: #e5e7eb;
-  color: #374151;
-  transform: scale(1.05);
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-.animate-fadeIn {
-  animation: fadeIn 0.3s ease-out;
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/PayoutTable.vue b/dashboard_backup/src2/components/PayoutTable.vue
deleted file mode 100644
index a8273c0..0000000
--- a/dashboard_backup/src2/components/PayoutTable.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<div>
-		<div v-if="pg" class="overflow-x-auto">
-			<table
-				class="text w-full border-separate border-spacing-y-2 text-base font-normal text-gray-900"
-			>
-				<thead class="bg-gray-100">
-					<tr class="text-gray-600">
-						<th class="rounded-l p-2 text-left font-normal">应用</th>
-						<th class="rounded-l p-2 text-left font-normal">站点</th>
-						<th class="whitespace-nowrap p-2 text-right font-normal">费率</th>
-						<th class="whitespace-nowrap p-2 text-right font-normal">总计</th>
-						<th class="rounded-r p-2 text-right font-normal">费用</th>
-						<th class="rounded-r p-2 text-right font-normal">佣金</th>
-						<th class="rounded-r p-2 text-right font-normal">净额</th>
-					</tr>
-				</thead>
-				<tbody>
-					<template v-for="(row, i) in pg.items" :key="row.idx">
-						<tr>
-							<td class="py-1 pl-2 pr-2">
-								{{ row.document_name }}
-							</td>
-							<td class="py-1 pl-2 pr-2">
-								{{ row.site }}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ formatCurrency(row.rate, row.currency) }} X
-								{{ row.quantity }}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ formatCurrency(row.total_amount, row.currency) }}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ formatCurrency(row.gateway_fee, row.currency) }}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ formatCurrency(row.commission, row.currency) }}
-							</td>
-							<td class="py-1 pl-2 pr-2 text-right">
-								{{ formatCurrency(row.net_amount, row.currency) }}
-							</td>
-						</tr>
-					</template>
-				</tbody>
-				<tfoot>
-					<tr>
-						<td></td>
-						<td></td>
-						<td></td>
-						<td></td>
-						<td></td>
-						<td class="pb-2 pr-2 pt-4 text-right font-medium">总支出</td>
-						<td class="whitespace-nowrap pb-2 pr-2 pt-4 text-right font-medium">
-							{{ formatCurrency(pg.net_total_usd, 'USD') }} +
-							{{ formatCurrency(pg.net_total_cny, 'CNY') }}
-						</td>
-					</tr>
-				</tfoot>
-			</table>
-		</div>
-		<div class="py-20 text-center" v-if="$resources.invoice.loading">
-			<Button :loading="true">加载中</Button>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'PayoutTable',
-	props: ['payoutId'],
-	resources: {
-		invoice() {
-			return {
-				type: 'document',
-				pagetype: 'Payout Order',
-				name: this.payoutId
-			};
-		}
-	},
-	computed: {
-		pg() {
-			return this.$resources.invoice.pg;
-		}
-	},
-	methods: {
-		formatCurrency(value, currency) {
-			return this.$format.currency(value, currency);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/PlansCards.vue b/dashboard_backup/src2/components/PlansCards.vue
deleted file mode 100644
index 0c22dbe..0000000
--- a/dashboard_backup/src2/components/PlansCards.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-	<div class="@container" v-if="plans.length">
-		<div class="grid grid-cols-2 gap-3 @xl:grid-cols-3">
-			<button
-				v-for="(plan, i) in plans"
-				:key="plan.name"
-				class="flex flex-col overflow-hidden rounded border text-left hover:bg-gray-50"
-				:class="[
-					modelValue?.name === plan?.name
-						? 'border-gray-900 ring-1 ring-gray-900'
-						: 'border-gray-300',
-					{
-						'pointer-events-none opacity-50': plan.disabled,
-					},
-				]"
-				@click="$emit('update:modelValue', plan)"
-			>
-				<div
-					class="h-16 w-full border-b p-3"
-					:class="[
-						modelValue === plan ? 'border-gray-900 ring-1 ring-gray-900' : '',
-					]"
-				>
-					<div class="flex items-center justify-between">
-						<div class="flex w-full items-center text-lg">
-							<span class="truncate font-medium text-gray-900">
-								{{ plan.plan_title}}
-							</span>
-							<Tooltip text="包含支持">
-								<i-lucide-badge-check
-									class="ml-1 h-4 w-6 text-gray-600"
-									v-if="plan.support_included"
-								/>
-							</Tooltip>
-						</div>
-					</div>
-					<div class="mt-1 text-sm text-gray-600">
-						<template v-if="plan.sublabel">
-							{{ plan.sublabel }}
-						</template>
-						<template v-else-if="plan.price_cny || plan.price_usd">
-							({{
-								$format.userCurrency(
-									$format.pricePerDay(
-										$team.pg.currency === 'CNY'
-											? plan.price_cny
-											: plan.price_usd,
-										plan.interval
-									),
-								)
-							}}/天)
-						</template>
-					</div>
-				</div>
-				<div class="p-3 text-p-sm text-gray-800">
-					<div v-for="feature in plan.features">
-						<div v-if="feature.value" class="flex space-x-2">
-							<component
-								v-if="feature.icon"
-								:is="_icon(feature.icon, 'mt-1 h-3 w-4 shrink-0 text-gray-900')"
-							/>
-							<span>{{ feature.value }} </span>
-							<span class="ml-1 text-gray-600">
-								{{ feature.label }}
-							</span>
-						</div>
-					</div>
-				</div>
-			</button>
-		</div>
-	</div>
-	<div v-else class="flex h-6 items-center">
-		<div class="text-base text-gray-600">无可用计划</div>
-	</div>
-</template>
-
-<script>
-import { icon } from '../utils/components';
-
-export default {
-	props: ['plans', 'modelValue'],
-	methods: {
-		_icon(iconName, classes) {
-			return icon(iconName, classes);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SaaSSignupFields.vue b/dashboard_backup/src2/components/SaaSSignupFields.vue
deleted file mode 100644
index df9f802..0000000
--- a/dashboard_backup/src2/components/SaaSSignupFields.vue
+++ /dev/null
@@ -1,147 +0,0 @@
-<template>
-	<div class="flex flex-col gap-5">
-		<div
-			v-for="field in fields"
-			:key="field.fieldname"
-			v-show="field.condition ? field.condition() : true"
-		>
-			<FormControl v-bind="getBindProps(field)" variant="outline">
-				<template #suffix v-if="field.fieldtype === 'Password'">
-					<FeatherIcon
-						@click="togglePasswordVisibility(field)"
-						class="w-4 cursor-pointer"
-						:name="
-							passwordFieldsAsText.includes(field.fieldname) ? 'eye-off' : 'eye'
-						"
-					/>
-				</template>
-			</FormControl>
-
-			<ErrorMessage
-				class="mt-1"
-				v-if="requiredFieldNotSet.includes(field)"
-				error="此字段为必填项"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import { FeatherIcon } from 'jingrow-ui';
-
-// https://github.com/eggert/tz/blob/main/backward add more if required.
-const TZ_BACKWARD_COMPATBILITY_MAP = {
-	'Asia/Calcutta': 'Asia/Kolkata'
-};
-
-export default {
-	name: 'Form',
-	props: ['fields', 'modelValue'],
-	emits: ['update:modelValue'],
-	data() {
-		return {
-			requiredFieldNotSet: [],
-			passwordFieldsAsText: [],
-			guessedTimezone: ''
-		};
-	},
-	mounted() {
-		this.guessedTimezone = this.guessTimezone();
-	},
-	watch: {
-		fields: {
-			handler(new_fields) {
-				let timezoneFields = new_fields.filter(
-					f => f.fieldtype === 'Select' && f.fieldname.endsWith('_tz')
-				);
-				for (let field of timezoneFields) {
-					if (!field.options) {
-						field.options = [];
-					}
-					if (
-						this.guessedTimezone &&
-						field.options.includes(this.guessedTimezone)
-					) {
-						this.onChange(this.guessedTimezone, field);
-					}
-				}
-			},
-			deep: true
-		}
-	},
-	methods: {
-		onChange(value, field) {
-			this.checkRequired(field, value);
-			this.updateValue(field.fieldname, value);
-		},
-		updateValue(fieldname, value) {
-			let values = Object.assign({}, this.modelValue, {
-				[fieldname]: value
-			});
-			this.$emit('update:modelValue', values);
-		},
-		checkRequired(field, value) {
-			if (field.required) {
-				if (!value) {
-					this.requiredFieldNotSet.push(field);
-					return false;
-				} else {
-					this.requiredFieldNotSet = this.requiredFieldNotSet.filter(
-						f => f !== field
-					);
-				}
-			}
-			return true;
-		},
-		togglePasswordVisibility(field) {
-			if (this.passwordFieldsAsText.includes(field.fieldname)) {
-				this.passwordFieldsAsText = this.passwordFieldsAsText.filter(
-					f => f !== field.fieldname
-				);
-			} else {
-				this.passwordFieldsAsText.push(field.fieldname);
-			}
-		},
-		getBindProps(field) {
-			return {
-				label: field.label || field.fieldname,
-				type: this.passwordFieldsAsText.includes(field.fieldname)
-					? 'text'
-					: this.getInputType(field),
-				options: field.options,
-				name: field.fieldname,
-				modelValue: this.modelValue[field.fieldname],
-				disabled: field.disabled,
-				required: field.required || false,
-				rows: field.rows,
-				placeholder: field.placeholder,
-				'onUpdate:modelValue': value => this.onChange(value, field),
-				onBlur: e => this.checkRequired(field, e)
-			};
-		},
-		getInputType(field) {
-			return {
-				Data: 'text',
-				Int: 'number',
-				Select: 'select',
-				Check: 'checkbox',
-				Password: 'password',
-				Text: 'textarea',
-				Date: 'date'
-			}[field.fieldtype || 'Data'];
-		},
-		guessTimezone() {
-			try {
-				let tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-				if (TZ_BACKWARD_COMPATBILITY_MAP[tz]) {
-					return TZ_BACKWARD_COMPATBILITY_MAP[tz];
-				}
-				return tz;
-			} catch (e) {
-				console.error("无法猜测时区", e);
-				return null;
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteActionCell.vue b/dashboard_backup/src2/components/SiteActionCell.vue
deleted file mode 100644
index 68a835f..0000000
--- a/dashboard_backup/src2/components/SiteActionCell.vue
+++ /dev/null
@@ -1,308 +0,0 @@
-<template>
-	<div class="flex items-center justify-between gap-1">
-		<div>
-			<h3 class="text-base font-medium">{{ props.actionLabel }}</h3>
-			<p class="mt-1 text-p-base text-gray-600">{{ props.description }}</p>
-		</div>
-		<Button
-			v-if="site?.pg"
-			class="whitespace-nowrap"
-			@click="getSiteActionHandler(props.actionLabel)"
-		>
-			<p
-				:class="
-					group === 'Dangerous Actions' ? 'text-red-600' : 'text-gray-800'
-				"
-			>
-				{{ props.buttonLabel }}
-			</p>
-		</Button>
-	</div>
-</template>
-
-<script setup>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import { defineAsyncComponent, h } from 'vue';
-import { toast } from 'vue-sonner';
-import { confirmDialog, renderDialog } from '../utils/components';
-import { getToastErrorMessage } from '../utils/toast';
-import router from '../router';
-import { isLastSite } from '../data/team';
-
-const props = defineProps({
-	siteName: { type: String, required: true },
-	actionLabel: { type: String, required: true },
-	method: { type: String, required: true },
-	description: { type: String, required: true },
-	buttonLabel: { type: String, required: true },
-	group: { type: String, required: false }
-});
-
-const site = getCachedDocumentResource('Site', props.siteName);
-
-function getSiteActionHandler(action) {
-	const actionDialogs = {
-		'使用文件恢复': defineAsyncComponent(() =>
-			import('./SiteDatabaseRestoreDialog.vue')
-		),
-		'从指定站点恢复': defineAsyncComponent(() =>
-			import('./site/SiteDatabaseRestoreFromURLDialog.vue')
-		),
-		'管理数据库用户': defineAsyncComponent(() =>
-			import('./SiteDatabaseAccessDialog.vue')
-		),
-		'版本升级': defineAsyncComponent(() =>
-			import('./site/SiteVersionUpgradeDialog.vue')
-		),
-		'更改工作台组': defineAsyncComponent(() =>
-			import('./site/SiteChangeGroupDialog.vue')
-		),
-		'更改区域': defineAsyncComponent(() =>
-			import('./site/SiteChangeRegionDialog.vue')
-		),
-		'更改服务器': defineAsyncComponent(() =>
-			import('./site/SiteChangeServerDialog.vue')
-		)
-	};
-	if (actionDialogs[action]) {
-		const dialog = h(actionDialogs[action], { site: site.pg.name });
-		renderDialog(dialog);
-		return;
-	}
-
-	const actionHandlers = {
-		'激活站点': onActivateSite,
-		'停用站点': onDeactivateSite,
-		'删除站点': onDropSite,
-		'更新数据库': onMigrateSite,
-		'计划备份': onScheduleBackup,
-		'转移站点': onTransferSite,
-		'重置站点': onSiteReset,
-		'清除缓存': onClearCache
-	};
-	if (actionHandlers[action]) {
-		actionHandlers[action].call(this);
-	}
-}
-
-function onDeactivateSite() {
-	return confirmDialog({
-		title: '停用站点',
-		message: `
-			您确定要停用此站点吗？<br><br>
-			<div class="text-bg-base bg-gray-100 p-2 rounded-md">
-			站点将进入<strong>停用</strong>状态。它将无法访问，后台作业也不会运行。
-			<br><br>
-			<div class="text-red-600">您仍将为此付费。</div>
-			</div>
-		`,
-		primaryAction: {
-			label: '停用',
-			variant: 'solid',
-			theme: 'red',
-			onClick({ hide }) {
-				toast.success('停用请求已提交');
-				hide();
-				site.deactivate.submit();
-			}
-		}
-	});
-}
-
-function onActivateSite() {
-	return confirmDialog({
-		title: '激活站点',
-		message: `
-			您确定要激活此站点吗？
-			<br><br>
-			<strong>注意：仅在站点损坏且无法访问时作为最后手段使用</strong>
-		`,
-		primaryAction: {
-			label: '激活',
-			variant: 'solid',
-			onClick({ hide }) {
-				toast.success('激活请求已提交');
-				hide();
-				site.activate.submit();
-			}
-		}
-	});
-}
-
-function onDropSite() {
-	return confirmDialog({
-		title: '删除站点',
-		message: `
-            您确定要删除您的站点吗？站点将被归档，
-            其所有文件和异地备份将被删除。此操作无法撤销。
-        `,
-		fields: [
-			{
-				label: '请输入站点名称以确认。',
-				fieldname: 'confirmSiteName'
-			},
-			{
-				label: '强制删除站点',
-				fieldname: 'force',
-				type: 'checkbox'
-			}
-		],
-		primaryAction: {
-			label: '删除站点',
-			variant: 'solid',
-			theme: 'red',
-			onClick: async ({ hide, values }) => {
-				if (
-					![site.pg.name, site.pg.host_name].includes(values.confirmSiteName)
-				) {
-					throw new Error('站点名称不匹配。');
-				}
-
-				const val = await isLastSite(site.pg.team);
-				const FeedbackDialog = defineAsyncComponent(() =>
-					import('./ChurnFeedbackDialog.vue')
-				);
-
-				toast.success('删除请求已提交');
-				hide();
-				site.archive.submit({ force: values.force });
-				setTimeout(() => {
-					if (val) {
-						renderDialog(
-							h(FeedbackDialog, {
-								team: site.pg.team,
-								onUpdated() {
-									router.replace({ name: 'Site List' });
-								}
-							})
-						);
-					} else {
-						router.replace({ name: 'Site List' });
-					}
-				}, 1000);
-			}
-		}
-	});
-}
-
-function onMigrateSite() {
-	return confirmDialog({
-		title: '更新数据库',
-		message: `将在您的站点上执行更新数据库命令。您确定要运行此命令吗？我们建议您在继续之前进行数据库备份。
-        `,
-		fields: [
-			{
-				label: '如果更新期间补丁失败则跳过（不推荐）',
-				fieldname: 'skipFailingPatches',
-				type: 'checkbox'
-			},
-			{
-				label: '请输入站点名称以确认。',
-				fieldname: 'confirmSiteName'
-			}
-		],
-		primaryAction: {
-			label: '更新',
-			variant: 'solid',
-			theme: 'red',
-			onClick: ({ hide, values }) => {
-				if (values.confirmSiteName !== site.pg.name) {
-					throw new Error('站点名称不匹配');
-				}
-				toast.success('更新请求已提交');
-				hide();
-				site.migrate.submit({ skip_failing_patches: values.skipFailingPatches });
-			}
-		}
-	});
-}
-
-function onSiteReset() {
-	return confirmDialog({
-		title: '重置站点',
-		message: `
-            您的站点中的所有数据都将丢失。您确定要重置数据库吗？
-        `,
-		fields: [
-			{
-				label: '请输入站点名称以确认。',
-				fieldname: 'confirmSiteName'
-			}
-		],
-		primaryAction: {
-			label: '重置',
-			variant: 'solid',
-			theme: 'red',
-			onClick: ({ hide, values }) => {
-				if (values.confirmSiteName !== site.pg.name) {
-					throw new Error('站点名称不匹配。');
-				}
-				toast.success('重置请求已提交');
-				hide();
-				site.reinstall.submit();
-			}
-		}
-	});
-}
-
-function onScheduleBackup() {
-	return confirmDialog({
-		title: '计划备份',
-		message:
-			'您确定要计划备份吗？这将创建一个现场备份。',
-		onSuccess({ hide }) {
-			toast.success('备份请求已提交');
-			hide();
-			site.backup.submit({ with_files: true });
-			setTimeout(() => {
-				router.push({
-					name: 'Site Jobs',
-					params: { name: site.name }
-				});
-			}, 1000);
-		}
-	});
-}
-
-function onTransferSite() {
-	return confirmDialog({
-		title: '转移站点所有权',
-		fields: [
-			{
-				label: '输入要转移站点所有权的团队的电子邮件地址',
-				fieldname: 'email'
-			},
-			{
-				label: '转移原因',
-				fieldname: 'reason',
-				type: 'textarea'
-			}
-		],
-		primaryAction: {
-			label: '转移',
-			variant: 'solid',
-			onClick: ({ hide, values }) => {
-				toast.success(`转移请求已提交至 ${values.email}`);
-				hide();
-				site.sendTransferRequest.submit({ team_mail_id: values.email, reason: values.reason || '' });
-			}
-		}
-	});
-}
-
-function onClearCache() {
-	return confirmDialog({
-		title: '清除缓存',
-		message: `将在您的站点上执行清除缓存的命令。您确定要执行吗？`,
-		primaryAction: {
-			label: '清除缓存',
-			variant: 'solid',
-			onClick: ({ hide }) => {
-				toast.success('清除缓存请求已提交');
-				hide();
-				site.clearSiteCache.submit();
-			}
-		}
-	});
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteActions.vue b/dashboard_backup/src2/components/SiteActions.vue
deleted file mode 100644
index a888e76..0000000
--- a/dashboard_backup/src2/components/SiteActions.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<div class="mx-auto max-w-3xl space-y-4" v-if="$site?.pg?.actions">
-		<div
-			v-for="group in actions"
-			:key="group.group"
-			class="divide-y rounded border border-gray-200 p-5"
-		>
-			<div class="pb-3 text-lg font-semibold">{{ group.group }}</div>
-			<div
-				class="py-3 first:pt-0 last:pb-0"
-				v-for="row in group.actions"
-				:key="row.action"
-			>
-				<SiteActionCell
-					:siteName="site"
-					:group="group.group"
-					:actionLabel="row.action"
-					:method="row.pg_method"
-					:description="row.description"
-					:buttonLabel="row.button_label"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import SiteActionCell from './SiteActionCell.vue';
-
-export default {
-	name: 'SiteActions',
-	props: ['site'],
-	components: { SiteActionCell },
-	computed: {
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-		actions() {
-			const groupedActions = this.$site.pg.actions.reduce((acc, action) => {
-				const group = action.group || '常规操作';
-				if (!acc[group]) {
-					acc[group] = [];
-				}
-				acc[group].push(action);
-				return acc;
-			}, {});
-
-			return Object.keys(groupedActions).map(group => ({
-				group,
-				actions: groupedActions[group]
-			}));
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteDailyUsage.vue b/dashboard_backup/src2/components/SiteDailyUsage.vue
deleted file mode 100644
index ac01a5f..0000000
--- a/dashboard_backup/src2/components/SiteDailyUsage.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<div class="rounded-md border">
-		<div class="flex h-12 items-center justify-between border-b px-5">
-			<h2 class="text-lg font-medium text-gray-900">每日使用量</h2>
-			<router-link
-				class="text-base text-gray-600 hover:text-gray-700"
-				:to="{ name: 'Site Analytics' }"
-			>
-				所有分析 →
-			</router-link>
-		</div>
-		<LineChart
-			title="每日使用量"
-			type="time"
-			:key="dailyUsageData"
-			:data="dailyUsageData"
-			unit="秒"
-			:chartTheme="[$theme.colors.purple[500]]"
-			:loading="$resources.requestCounter.loading"
-			:error="$resources.requestCounter.error"
-			:showCard="false"
-			class="h-[15.55rem] p-2 pb-3"
-		/>
-	</div>
-</template>
-<script>
-import dayjs from '../utils/dayjs';
-import LineChart from '@/components/charts/LineChart.vue';
-
-export default {
-	name: 'CPUUsage',
-	props: ['site'],
-	components: { LineChart },
-	resources: {
-		requestCounter() {
-			let localTimezone = dayjs.tz.guess();
-			return {
-				url: 'jcloud.api.analytics.daily_usage',
-				params: { name: this.site, timezone: localTimezone },
-				auto: true
-			};
-		}
-	},
-	computed: {
-		dailyUsageData() {
-			let dailyUsageData = this.$resources.requestCounter.data?.data;
-			if (!dailyUsageData) return;
-			let plan_limit = this.$resources.requestCounter.data.plan_limit;
-
-			return {
-				datasets: [
-					dailyUsageData.map(d => [+new Date(d.date), d.value / 1000000])
-				],
-				// daily limit marker
-				markLine: {
-					data: [
-						{
-							name: '每日计算限制',
-							yAxis: plan_limit,
-							label: {
-								formatter: '{b}: {c} 秒',
-								position: 'middle'
-							},
-							lineStyle: {
-								color: '#f5222d'
-							}
-						}
-					],
-					symbol: ['none', 'none']
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteDatabaseAccessDialog.vue b/dashboard_backup/src2/components/SiteDatabaseAccessDialog.vue
deleted file mode 100644
index 2ce1a92..0000000
--- a/dashboard_backup/src2/components/SiteDatabaseAccessDialog.vue
+++ /dev/null
@@ -1,263 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '管理数据库用户',
-			size: planSupportsDatabaseAccess ? '3xl' : 'xl',
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<!-- 当前计划不可用，推荐升级计划 -->
-			<div v-if="!planSupportsDatabaseAccess">
-				<div>
-					<p class="text-base">
-						数据库访问在当前计划中不可用。<br />请升级到更高计划以使用此功能。
-					</p>
-
-					<Button
-						class="mt-4 w-full"
-						variant="solid"
-						@click="showChangePlanDialog = true"
-					>
-						升级站点计划
-					</Button>
-					<ManageSitePlansDialog
-						:site="site"
-						v-model="showChangePlanDialog"
-						v-if="showChangePlanDialog"
-					/>
-				</div>
-			</div>
-
-			<!-- 当前计划可用 -->
-			<div v-else>
-				<ObjectList :options="listOptions" />
-			</div>
-		</template>
-	</Dialog>
-
-	<SiteDatabaseUserCredentialDialog
-		:name="selectedUser"
-		v-model="showDatabaseUserCredentialDialog"
-		v-if="showDatabaseUserCredentialDialog"
-	/>
-
-	<SiteDatabaseAddEditUserDialog
-		:site="site"
-		:key="selectedUser ? selectedUser : 'new'"
-		:db_user_name="selectedUser"
-		v-model="showDatabaseAddEditUserDialog"
-		v-if="showDatabaseAddEditUserDialog"
-		@success="this.hideSiteDatabaseAddEditUserDialog"
-	/>
-</template>
-<script>
-import { defineAsyncComponent } from 'vue';
-import { getCachedDocumentResource } from 'jingrow-ui';
-import ClickToCopyField from './ClickToCopyField.vue';
-import ObjectList from './ObjectList.vue';
-import { date } from '../utils/format';
-import { confirmDialog, icon } from '../utils/components';
-import SiteDatabaseUserCredentialDialog from './site_database_user/SiteDatabaseUserCredentialDialog.vue';
-import SiteDatabaseAddEditUserDialog from './site_database_user/SiteDatabaseAddEditUserDialog.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'SiteDatabaseAccessDialog',
-	props: ['site'],
-	components: {
-		ManageSitePlansDialog: defineAsyncComponent(
-			() => import('./ManageSitePlansDialog.vue'),
-		),
-		ClickToCopyField,
-		ObjectList,
-		SiteDatabaseUserCredentialDialog,
-		SiteDatabaseAddEditUserDialog,
-	},
-	data() {
-		return {
-			mode: 'read_only',
-			show: true,
-			showChangePlanDialog: false,
-			selectedUser: '',
-			showDatabaseUserCredentialDialog: false,
-			showDatabaseAddEditUserDialog: false,
-		};
-	},
-	watch: {
-		showDatabaseUserCredentialDialog(val) {
-			if (!val) {
-				this.show = true;
-			}
-		},
-		showDatabaseAddEditUserDialog(val) {
-			if (!val) {
-				this.show = true;
-			}
-		},
-	},
-	resources: {
-		deleteSiteDatabaseUser() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				onSuccess() {
-					toast.success('数据库用户即将被删除');
-				},
-				onError(err) {
-					toast.error(
-						err.messages.length
-							? err.messages.join('\n')
-							: '无法启动数据库用户删除',
-					);
-				},
-			};
-		},
-	},
-	computed: {
-		listOptions() {
-			return {
-				pagetype: 'Site Database User',
-				filters: {
-					site: this.site,
-					status: ['!=', 'Archived'],
-				},
-				searchField: 'label',
-				filterControls() {
-					return [
-						{
-							type: 'select',
-							label: '状态',
-							fieldname: 'status',
-							options: ['', 'Pending', 'Active', 'Failed'],
-						},
-					];
-				},
-				columns: [
-					{
-						label: '标签',
-						fieldname: 'label',
-						width: '150px',
-					},
-					{
-						label: '状态',
-						fieldname: 'status',
-						width: 0.5,
-						align: 'center',
-						type: 'Badge',
-					},
-					{
-						label: '数据库连接',
-						fieldname: 'max_connections',
-						width: 0.5,
-						align: 'center',
-						format: (value) => `${value} 连接` + (value > 1 ? 's' : ''),
-					},
-					{
-						label: '模式',
-						fieldname: 'mode',
-width: 0.5,
-						align: 'center',
-						format: (value, row) => {
-							return {
-								read_only: '只读',
-								read_write: '读写',
-								granular: '细粒度',
-							}[value];
-						},
-					},
-					{
-						label: '创建时间',
-						fieldname: 'creation',
-						width: 0.5,
-						align: 'center',
-						format: (value) => date(value, 'll'),
-					},
-				],
-				rowActions: ({ row, listResource, documentResource }) => {
-					if (row.status === 'Archived' || row.status === 'Pending') {
-						return [];
-					}
-					return [
-						{
-							label: '查看凭证',
-							onClick: () => {
-								this.show = false;
-								this.selectedUser = row.name;
-								this.showDatabaseUserCredentialDialog = true;
-							},
-						},
-						{
-							label: '配置用户',
-							onClick: () => {
-								this.selectedUser = row.name;
-								this.show = false;
-								this.showDatabaseAddEditUserDialog = true;
-							},
-						},
-						{
-							label: '删除用户',
-							onClick: () => {
-								this.show = false;
-								confirmDialog({
-									title: '删除数据库用户',
-									message: `确定要删除该数据库用户吗？<br>`,
-									primaryAction: {
-										label: '删除',
-										variant: 'solid',
-										theme: 'red',
-										onClick: ({ hide }) => {
-											this.$resources.deleteSiteDatabaseUser.submit({
-												dt: 'Site Database User',
-												dn: row.name,
-												method: 'archive',
-											});
-											this.$resources.deleteSiteDatabaseUser.promise.then(
-												() => {
-													hide();
-													this.show = true;
-												},
-											);
-											return this.$resources.deleteSiteDatabaseUser.promise;
-										},
-									},
-									onSuccess: () => {
-										listResource.refresh();
-									},
-								});
-							},
-						},
-					];
-				},
-				primaryAction: () => {
-					return {
-						label: '添加用户',
-						variant: 'solid',
-						slots: {
-							prefix: icon('plus'),
-						},
-						onClick: () => {
-							this.show = false;
-							this.selectedUser = null;
-							this.showDatabaseAddEditUserDialog = true;
-						},
-					};
-				},
-			};
-		},
-		sitePlan() {
-			return this.$site.pg.current_plan;
-		},
-		planSupportsDatabaseAccess() {
-			return this.sitePlan?.database_access;
-		},
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-	},
-	methods: {
-		hideSiteDatabaseAddEditUserDialog() {
-			this.showDatabaseAddEditUserDialog = false;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteDatabaseRestoreDialog.vue b/dashboard_backup/src2/components/SiteDatabaseRestoreDialog.vue
deleted file mode 100644
index 11a8772..0000000
--- a/dashboard_backup/src2/components/SiteDatabaseRestoreDialog.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '恢复',
-			actions: [
-				{
-					label: '恢复',
-					variant: 'solid',
-					theme: 'red',
-					loading: $resources.restoreBackup.loading,
-					onClick: () => {
-						$resources.restoreBackup.submit();
-						showRestoreDialog = false;
-					}
-				}
-			]
-		}"
-		v-model="showRestoreDialog"
-	>
-		<template v-slot:body-content>
-			<div class="space-y-4">
-				<p class="text-base">使用之前的备份恢复您的数据库。</p>
-				<div
-					class="flex items-center rounded border border-gray-200 bg-gray-100 p-4 text-sm text-gray-600"
-				>
-					<i-lucide-alert-triangle class="mr-4 inline-block h-6 w-6" />
-					<div>
-						此操作将用备份中的<b>数据</b>和<b>应用</b>替换您站点中的所有内容
-					</div>
-				</div>
-				<BackupFilesUploader v-model:backupFiles="selectedFiles" />
-			</div>
-			<div class="mt-3">
-				<!-- 跳过失败复选框 -->
-				<input
-					id="skip-failing"
-					type="checkbox"
-					class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-					v-model="skipFailingPatches"
-				/>
-				<label for="skip-failing" class="ml-2 text-sm text-gray-900">
-					跳过失败的补丁（如果有任何补丁失败）
-				</label>
-			</div>
-			<ErrorMessage class="mt-2" :message="$resources.restoreBackup.error" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import { DashboardError } from '../utils/error';
-
-export default {
-	name: 'SiteDatabaseRestoreDialog',
-	props: {
-		site: {
-			type: String,
-			required: true
-		}
-	},
-	data() {
-		return {
-			showRestoreDialog: true,
-			selectedFiles: {
-				database: null,
-				public: null,
-				private: null,
-				config: null
-			},
-			skipFailingPatches: false
-		};
-	},
-	resources: {
-		restoreBackup() {
-			return {
-				url: 'jcloud.api.site.restore',
-				params: {
-					name: this.site,
-					files: this.selectedFiles,
-					skip_failing_patches: this.skipFailingPatches
-				},
-				validate() {
-					if (!this.filesUploaded) {
-						throw new DashboardError(
-							'请上传数据库、公共和私有文件以进行恢复。'
-						);
-					}
-				},
-				onSuccess() {
-					this.selectedFiles = {};
-					this.$router.push({
-						name: 'Site Jobs',
-						params: { name: this.site }
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		filesUploaded() {
-			return this.selectedFiles.database;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteOverview.vue b/dashboard_backup/src2/components/SiteOverview.vue
deleted file mode 100644
index f2031a8..0000000
--- a/dashboard_backup/src2/components/SiteOverview.vue
+++ /dev/null
@@ -1,389 +0,0 @@
-<template>
-	<div
-		v-if="$site?.pg"
-		class="grid grid-cols-1 items-start gap-5 lg:grid-cols-2"
-	>
-		<AlertBanner
-			v-if="!isSetupWizardComplete"
-			class="col-span-1 lg:col-span-2"
-			title="请登录并完成您网站上的设置向导。只有在设置完成后才会收集分析数据。"
-		>
-			<Button
-				class="ml-auto"
-				variant="outline"
-				@click="loginAsTeam"
-				:loading="$site.loginAsAdmin.loading"
-			>
-				登录
-			</Button>
-		</AlertBanner>
-
-		<AlertBanner
-			v-if="$site.pg.current_plan?.is_trial_plan"
-			class="col-span-1 lg:col-span-2"
-			title="升级到付费计划以在试用期结束后继续使用您的网站。"
-		>
-			<Button class="ml-auto" variant="outline" @click="showPlanChangeDialog">
-				升级
-			</Button>
-		</AlertBanner>
-		
-		<!-- 左侧区块：当前计划 -->
-		<div class="col-span-1 space-y-5">
-			<!-- 当前计划卡片 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">当前计划</h2>
-				</div>
-				<div class="p-5">
-					<div class="flex h-full flex-col sm:flex-row sm:items-center sm:justify-between">
-						<div class="mb-4 sm:mb-0">
-							<div class="flex items-center">
-								<span class="text-base font-medium text-gray-900">
-									<template v-if="$site.pg.trial_end_date">
-										{{ trialDays($site.pg.trial_end_date) }}
-									</template>
-									<template v-else-if="currentPlan">
-										{{ currentPlan.plan_title}}
-									</template>
-									<template v-else> 未设置计划 </template>
-								</span>
-								<div
-									class="ml-2 text-sm leading-3 text-gray-600"
-									v-if="currentPlan && currentPlan.support_included"
-								>
-									<Tooltip text="包含支持">
-										<i-lucide-badge-check class="h-4 w-4" />
-									</Tooltip>
-								</div>
-							</div>
-							
-							<div v-if="$site.pg.site_end_date" class="mt-2 inline-flex items-center rounded-full bg-amber-50 px-4 py-2 text-sm font-medium text-amber-800">
-								<i-lucide-clock class="mr-1.5 h-4 w-4 text-amber-500" />
-								到期时间：{{ $format.date($site.pg.site_end_date) }}
-							</div>
-						</div>
-						<div class="flex gap-2">
-							<Button 
-								@click="openRenewalDialog" 
-								v-if="$site.pg.site_end_date && !$site.pg.current_plan?.is_trial_plan"
-								class="px-5 !bg-[#1fc76f] !hover:bg-[#19b862] !active:bg-[#169e54] !text-white"
-							>
-								续费
-							</Button>
-							<Button @click="showPlanChangeDialog" class="bg-gray-100 text-gray-700 hover:bg-gray-200">
-								{{ currentPlan?.is_trial_plan ? '升级' : '更改' }}
-							</Button>
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<!-- 站点信息 -->
-			<div class="rounded-md border">
-				<div class="h-12 border-b px-5 py-4">
-					<h2 class="text-lg font-medium text-gray-900">站点信息</h2>
-				</div>
-				<div>
-					<div
-						v-for="d in siteInformation"
-						:key="d.label"
-						class="flex items-center px-5 py-3 last:pb-5 even:bg-gray-50/70"
-					>
-						<div class="w-1/3 text-base text-gray-600">{{ d.label }}</div>
-						<div
-							class="flex w-2/3 items-center space-x-2 text-base text-gray-900"
-						>
-							<div v-if="d.prefix">
-								<component :is="d.prefix" />
-							</div>
-							<span>
-								{{ d.value }}
-							</span>
-							<div v-if="d.suffix">
-								<component :is="d.suffix" />
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<!-- 标签 -->
-			<div class="flex items-center space-x-2 flex-wrap">
-				<Badge
-					v-for="tag in $site.pg.tags"
-					:key="tag.tag"
-					:label="tag.tag_name"
-					size="lg"
-					class="group"
-				>
-					<template #suffix>
-						<button
-							@click="removeTag(tag)"
-							class="ml-1 hidden transition group-hover:block"
-						>
-							<i-lucide-x class="mt-0.5 h-3 w-3" />
-						</button>
-					</template>
-				</Badge>
-				<Badge
-					variant="outline"
-					size="lg"
-					label="添加标签"
-					class="cursor-pointer"
-					@click="showAddTagDialog"
-				>
-					<template #suffix>
-						<i-lucide-plus class="h-3 w-3" />
-					</template>
-				</Badge>
-			</div>
-		</div>
-		
-		<!-- 右侧区块：计算、存储、数据库 -->
-		<div class="col-span-1 space-y-5">			
-			<!-- 存储 -->
-			<div class="rounded-md border p-5">
-				<div
-					class="flex items-center justify-between text-base text-gray-700"
-				>
-					<span>存储</span>
-					<div class="h-7"></div>
-				</div>
-				<div class="mt-2">
-					<Progress
-						size="md"
-						:value="
-							currentPlan
-								? (currentUsage.storage / currentPlan.max_storage_usage) * 100
-								: 0
-						"
-					/>
-					<div>
-						<div class="mt-2 flex justify-between">
-							<div class="text-sm text-gray-600">
-								{{ formatBytes(currentUsage.storage) }}
-								<template
-									v-if="currentPlan && !$site.pg.is_dedicated_server"
-								>
-									共 {{ formatBytes(currentPlan.max_storage_usage) }}
-								</template>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			
-			<!-- 数据库 -->
-			<div class="rounded-md border p-5">
-				<div
-					class="flex min-h-[1.75rem] items-center justify-between text-base text-gray-700"
-				>
-					<span>数据库</span>
-					<Button
-						v-if="
-							(currentPlan
-								? (currentUsage.database / currentPlan.max_database_usage) *
-									100
-								: 0) >= 80
-						"
-						variant="ghost"
-						link="https://jingrow.com/docs/faq/site#what-is-using-up-all-my-database-size"
-						icon="help-circle"
-					/>
-				</div>
-				<div class="mt-2">
-					<Progress
-						size="md"
-						:value="
-							currentPlan
-								? (currentUsage.database / currentPlan.max_database_usage) *
-									100
-								: 0
-						"
-					/>
-					<div>
-						<div class="mt-2 flex justify-between">
-							<div class="text-sm text-gray-600">
-								{{ formatBytes(currentUsage.database) }}
-								<template
-									v-if="currentPlan && !$site.pg.is_dedicated_server"
-								>
-									共
-									{{ formatBytes(currentPlan.max_database_usage) }}
-								</template>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { getCachedDocumentResource, Progress, Tooltip } from 'jingrow-ui';
-import { h, defineAsyncComponent } from 'vue';
-import { toast } from 'vue-sonner';
-import InfoIcon from '~icons/lucide/info';
-import DismissableBanner from './DismissableBanner.vue';
-import { getToastErrorMessage } from '../utils/toast';
-import { renderDialog } from '../utils/components';
-import SiteDailyUsage from './SiteDailyUsage.vue';
-import AlertBanner from './AlertBanner.vue';
-import { trialDays } from '../utils/site';
-
-export default {
-	name: 'SiteOverview',
-	props: ['site'],
-	components: {
-		SiteDailyUsage,
-		Progress,
-		AlertBanner,
-		DismissableBanner,
-	},
-	data() {
-		return {
-			isSetupWizardComplete: true,
-		};
-	},
-	mounted() {
-		if (this.$site?.pg?.status === 'Active') {
-			this.$site.isSetupWizardComplete.submit().then((res) => {
-				this.isSetupWizardComplete = res;
-			});
-		}
-	},
-	methods: {
-		showPlanChangeDialog() {
-			let SitePlansDialog = defineAsyncComponent(
-				() => import('../components/ManageSitePlansDialog.vue'),
-			);
-			renderDialog(h(SitePlansDialog, { site: this.site }));
-		},
-		formatBytes(v) {
-			return this.$format.bytes(v, 2, 2);
-		},
-		loginAsAdmin() {
-			this.$site.loginAsAdmin
-				.submit({ reason: '' })
-				.then((url) => window.open(url, '_blank'));
-		},
-		loginAsTeam() {
-			if (this.$site.pg?.additional_system_user_created) {
-				this.$site.loginAsTeam
-					.submit({ reason: '' })
-					.then((url) => window.open(url, '_blank'));
-			} else {
-				this.loginAsAdmin();
-			}
-		},
-		removeTag(tag) {
-			toast.promise(
-				this.$site.removeTag.submit({
-					tag: tag.tag_name,
-				}),
-				{
-					loading: '正在移除标签...',
-					success: `标签 ${tag.tag_name} 已移除`,
-					error: (e) => getToastErrorMessage(e),
-				},
-			);
-		},
-		showAddTagDialog() {
-			const TagsDialog = defineAsyncComponent(
-				() => import('../dialogs/TagsDialog.vue'),
-			);
-			renderDialog(h(TagsDialog, { pagetype: 'Site', docname: this.site }));
-		},
-		trialDays,
-		openRenewalDialog() {
-			const SiteRenewalDialog = defineAsyncComponent(
-				() => import('../components/SiteRenewalDialog.vue'),
-			);
-			renderDialog(h(SiteRenewalDialog, { 
-				site: this.site,
-				onSuccess: this.onRenewalSuccess 
-			}));
-		},
-		onRenewalSuccess(data) {
-			toast.success('站点续费成功！');
-			// 刷新站点数据
-			this.$site.reload();
-		},
-	},
-	computed: {
-		siteInformation() {
-			return [
-				{
-					label: '所有者',
-					value: this.$site.pg?.owner_email,
-				},
-				{
-					label: '创建者',
-					value: this.$site.pg?.owner,
-				},
-				{
-					label: '创建时间',
-					value: this.$format.date(
-						this.$site.pg?.signup_time || this.$site.pg?.creation,
-					),
-				},
-				{
-					label: '区域',
-					value: this.$site.pg?.cluster.title,
-					prefix: h('img', {
-						src: this.$site.pg?.cluster.image,
-						alt: this.$site.pg?.cluster.title,
-						class: 'h-4 w-4',
-					}),
-				},
-				{
-					label: '入站 IP',
-					value: this.$site.pg?.inbound_ip,
-					suffix: h(
-						Tooltip,
-						{
-							text: '用于为您的站点添加 A 记录',
-						},
-						() => h(InfoIcon, { class: 'h-4 w-4 text-gray-500' }),
-					),
-				},
-				{
-					label: '出站 IP',
-					value: this.$site.pg?.outbound_ip,
-					suffix: h(
-						Tooltip,
-						{
-							text: '用于在第三方服务上白名单我们的服务器',
-						},
-						() => h(InfoIcon, { class: 'h-4 w-4 text-gray-500' }),
-					),
-				},
-			];
-		},
-		currentPlan() {
-			if (!this.$site?.pg?.current_plan || !this.$team?.pg) return null;
-
-			const currency = this.$team.pg.currency;
-			return {
-				price:
-					currency === 'CNY'
-						? this.$site.pg.current_plan.price_cny
-						: this.$site.pg.current_plan.price_usd,
-				price_per_day:
-					currency === 'CNY'
-						? this.$site.pg.current_plan.price_per_day_cny
-						: this.$site.pg.current_plan.price_per_day_usd,
-				currency: currency === 'CNY' ? '¥' : '$',
-				...this.$site.pg.current_plan,
-			};
-		},
-		currentUsage() {
-			return this.$site.pg?.current_usage;
-		},
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SitePlansCards.vue b/dashboard_backup/src2/components/SitePlansCards.vue
deleted file mode 100644
index 4713b12..0000000
--- a/dashboard_backup/src2/components/SitePlansCards.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-	<PlansCards v-model="currentPlan" :plans="plans" />
-</template>
-
-<script>
-import PlansCards from './PlansCards.vue';
-import { getPlans } from '../data/plans';
-
-export default {
-	name: 'SitePlansCards',
-	props: [
-		'modelValue',
-		'isPrivateBenchSite',
-		'isDedicatedServerSite',
-		'selectedCluster',
-		'selectedApps',
-		'selectedVersion',
-		'hideRestrictedPlans',
-	],
-	emits: ['update:modelValue'],
-	components: {
-		PlansCards,
-	},
-	computed: {
-		currentPlan: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			},
-		},
-		plans() {
-			let plans = getPlans();
-
-			if (this.isPrivateBenchSite) {
-				plans = plans.filter((plan) => plan.private_benches);
-			}
-			if (this.isPrivateBenchSite && this.isDedicatedServerSite) {
-				plans = plans.filter((plan) => plan.dedicated_server_plan);
-			} else {
-				plans = plans.filter((plan) => !plan.dedicated_server_plan);
-			}
-			if (this.selectedCluster) {
-				plans = plans.map((plan) => {
-					return {
-						...plan,
-						disabled:
-							plan.disabled ||
-							(plan.clusters.length == 0
-								? false
-								: !plan.clusters.includes(this.selectedCluster)),
-					};
-				});
-			}
-			if (this.selectedApps) {
-				plans = plans.map((plan) => {
-					return {
-						...plan,
-						disabled:
-							plan.disabled ||
-							(plan.allowed_apps.length == 0
-								? false
-								: !this.selectedApps.every((app) =>
-										plan.allowed_apps.includes(app.app),
-									)),
-					};
-				});
-			}
-			if (this.selectedVersion) {
-				plans = plans.map((plan) => {
-					return {
-						...plan,
-						disabled:
-							plan.disabled ||
-							(plan.bench_versions.length == 0
-								? false
-								: !plan.bench_versions.includes(this.selectedVersion)),
-					};
-				});
-			}
-			if (this.hideRestrictedPlans) {
-				plans = plans.filter((plan) => !plan.restricted_plan);
-			}
-
-			return plans.map((plan) => {
-				return {
-					...plan,
-					features: [
-						{
-							label: '数据库',
-							condition: !plan.name.includes('Unlimited'),
-							value: this.$format.bytes(plan.max_database_usage, 0, 2),
-						},
-						{
-							label: '硬盘',
-							condition: !plan.name.includes('Unlimited'),
-							value: this.$format.bytes(plan.max_storage_usage, 1, 2),
-						},
-						{
-							value: plan.name.includes('Unlimited - Low')
-								? '在此分配较少的资源（为其他工作台分配更多资源）'
-								: '',
-						},
-						{
-							value: plan.database_access ? '数据库访问' : '',
-						},
-						{
-							value: plan.offsite_backups ? '异地备份' : '',
-						},
-						{
-							value: plan.monitor_access ? '高级监控' : '',
-						},
-						{
-							value: plan.support_included ? '售后支持' : '',
-						},
-					].filter((feature) => feature.condition ?? true),
-				};
-			});
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteRenewalDialog.vue b/dashboard_backup/src2/components/SiteRenewalDialog.vue
deleted file mode 100644
index 480e8e0..0000000
--- a/dashboard_backup/src2/components/SiteRenewalDialog.vue
+++ /dev/null
@@ -1,562 +0,0 @@
-<template>
-  <Dialog :options="{ title: '网站续费', size: 'lg' }" v-model="show">
-    <!-- 第一步：选择续费周期和支付方式 -->
-    <template v-if="!showPaymentProcessing" #body-content>
-      <div class="p-4 sm:p-6">
-        <div class="mb-6">
-          <p class="mt-1 text-sm text-gray-600">
-            选择续费时长，确保您的网站持续可用
-          </p>
-        </div>
-
-        <div class="mb-6">
-          <label class="block text-sm font-medium text-gray-700 mb-2">
-            续费周期
-          </label>
-          <div class="flex flex-wrap gap-3">
-            <button
-              v-for="period in renewalPeriods"
-              :key="period.months"
-              @click="selectedPeriod = period.months"
-              :class="[
-                'px-4 py-2 text-sm font-medium rounded-md border',
-                selectedPeriod === period.months
-                  ? 'bg-blue-50 border-blue-500 text-blue-700'
-                  : 'border-gray-300 text-gray-700 hover:bg-gray-50'
-              ]"
-            >
-              {{ period.name }}
-              <span v-if="period.discount" class="ml-1 text-green-600">-{{ period.discount }}%</span>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="planInfo" class="mb-6 border-t border-gray-200 pt-4">
-          <div class="flex justify-between items-center">
-            <div class="text-sm text-gray-600">{{ planInfo.interval === 'Annually' ? '年度费用' : '月度费用' }}</div>
-            <div class="font-medium">
-              {{ planInfo.currency }} {{ planInfo.price }} 
-              <span class="text-gray-500 text-sm">({{ planInfo.interval === 'Annually' ? '年付' : '月付' }})</span>
-            </div>
-          </div>
-          <div class="flex justify-between items-center mt-2">
-            <div class="text-sm text-gray-600">续费时长</div>
-            <div class="font-medium">{{ selectedPeriod }} 个月</div>
-          </div>
-          <div v-if="discountPercentage > 0" class="flex justify-between items-center mt-2">
-            <div class="text-sm text-green-600">折扣</div>
-            <div class="font-medium text-green-600">-{{ discountPercentage }}%</div>
-          </div>
-          <div class="flex justify-between items-center mt-2 text-lg font-bold">
-            <div>总计</div>
-            <div>{{ planInfo.currency }} {{ totalAmount }}</div>
-          </div>
-        </div>
-
-        <div class="mb-6 border-t border-gray-200 pt-4">
-          <label class="block text-sm font-medium text-gray-700 mb-3">
-            选择支付方式
-          </label>
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-            <button 
-              class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-              @click="selectedPaymentMethod = 'balance'"
-            >
-              <span class="text-gray-800 font-medium">余额支付</span>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-              @click="selectedPaymentMethod = 'alipay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <AlipayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-            
-            <button 
-              class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-              :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-              @click="selectedPaymentMethod = 'wechatpay'"
-            >
-              <div class="flex flex-col items-center">
-                <div class="mb-2">
-                  <WeChatPayLogo class="h-8" />
-                </div>
-              </div>
-            </button>
-          </div>
-        </div>
-
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <!-- 第二步：处理支付 -->
-    <template v-else #body-content>
-      <div class="p-4 sm:p-6">
-        <!-- 加载中状态 -->
-        <div v-if="isProcessingPayment" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <!-- 支付成功状态 -->
-        <div v-else-if="paymentSuccess" class="text-center py-8">
-          <div class="flex justify-center mb-6">
-            <div class="rounded-full bg-green-100 p-3">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-          </div>
-          <h3 class="text-xl font-medium text-gray-900 mb-2">续费成功！</h3>
-          <p class="text-gray-600 mb-2">
-            您的网站已成功续费 {{ selectedPeriod }} 个月
-          </p>
-        </div>
-        
-        <!-- 微信支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'wechatpay' && paymentQrCode" class="text-center">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <!-- 支付宝支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动刷新页面
-            </p>
-          </div>
-        </div>
-        
-        <div v-if="error" class="mt-4 p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </template>
-
-    <template #actions>
-      <div class="w-full">
-        <button v-if="!showPaymentProcessing && !paymentSuccess"
-          type="button"
-          class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-          @click="createRenewalOrder"
-          :disabled="isLoading"
-        >
-          {{ isLoading ? '处理中...' : '确认续费' }}
-        </button>
-        
-        <div class="flex justify-between w-full" v-else>          
-          <button
-            type="button"
-            class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none ml-auto"
-            @click="cancel"
-            v-if="paymentSuccess"
-          >
-            关闭
-          </button>
-        </div>
-      </div>
-    </template>
-  </Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { getCachedDocumentResource, Dialog } from 'jingrow-ui';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-
-export default {
-  name: 'SiteRenewalDialog',
-  components: {
-    Dialog,
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  props: {
-    site: {
-      type: String,
-      required: true
-    },
-    siteDoc: {
-      type: Object,
-      default: null
-    }
-  },
-  emits: ['success'],
-  data() {
-    return {
-      show: true,
-      selectedPeriod: 12, // 续费周期，默认选择12个月
-      selectedPaymentMethod: null, // 默认选择余额支付
-      order: null,
-      showPaymentProcessing: false,
-      paymentSuccess: false,
-      updatedExpiryDate: null,
-      error: null,
-      isProcessingPayment: false,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      checkInterval: null,
-      renewalPeriods: [
-        { months: 1, name: '1个月', discount: 0 },
-        { months: 12, name: '1年', discount: 10 },
-        { months: 36, name: '3年', discount: 15 },
-        { months: 60, name: '5年', discount: 20 }
-      ]
-    };
-  },
-  computed: {
-    planInfo() {
-      if (!this.$site?.pg?.current_plan) return null;
-      
-      const currency = this.$team.pg.currency;
-      return {
-        price: currency === 'CNY' 
-          ? this.$site.pg.current_plan.price_cny 
-          : this.$site.pg.current_plan.price_usd,
-        currency: currency === 'CNY' ? '¥' : '$',
-        interval: this.$site.pg.current_plan.interval || 'Monthly'
-      };
-    },
-    discountPercentage() {
-      const period = this.renewalPeriods.find(p => p.months === this.selectedPeriod);
-      return period ? period.discount : 0;
-    },
-    totalAmount() {
-      if (!this.planInfo) return '0';
-      
-      let basePrice;
-      if (this.planInfo.interval === 'Annually') {
-        const monthlyPrice = this.planInfo.price / 12;
-        basePrice = monthlyPrice * this.selectedPeriod;
-      } else {
-        basePrice = this.planInfo.price * this.selectedPeriod;
-      }
-      
-      const discount = basePrice * (this.discountPercentage / 100);
-      return (basePrice - discount).toFixed(2);
-    },
-    $site() {
-      return getCachedDocumentResource('Site', this.site);
-    },
-    $team() {
-      return this.$site?.pg?.team 
-        ? getCachedDocumentResource('Team', this.$site.pg.team)
-        : null;
-    },
-    isLoading() {
-      return this.$resources.createRenewalOrder.loading;
-    }
-  },
-  resources: {
-    createRenewalOrder() {
-      return {
-        url: 'jcloud.api.billing.create_renewal_order',
-        params: {
-          // 移除这里的固定参数定义，改为通过submit时传入
-        },
-        validate() {
-          if (!this.site) {
-            throw new DashboardError('缺少站点信息');
-          }
-        },
-        onSuccess(data) {
-          if (!data.success) {
-            this.error = data.message || '创建续费订单失败';
-            return;
-          }
-          
-          // 显示订单支付界面
-          this.order = data.order;
-          this.showPaymentProcessing = true;
-          
-          // 立即处理支付
-          this.processPayment();
-        },
-        onError(error) {
-          console.error('创建续费订单失败:', error);
-          this.error = error.message || '创建续费订单失败';
-        }
-      };
-    },
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_renew_order',
-        params: {},
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          // 检查响应中的success字段
-          if (response.status === "Error" || response.success === false) {
-            // 显示错误消息
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.error = response.message || '余额不足';
-            this.isProcessingPayment = false;
-            return;
-          }
-          
-          // 确保传递完整的订单信息，并更新订单状态为已支付
-          const orderData = { 
-            ...this.order, 
-            ...(response.order || {}),
-            status: '已支付'
-          };
-          this.$emit('success', orderData);
-          
-          // 更新UI状态，显示成功信息（不再显示toast）
-          this.isProcessingPayment = false;
-          this.paymentSuccess = true;
-        },
-        onError(error) {
-          this.error = error.message || '余额支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        params: {
-          order_id: this.order?.order_id 
-        },
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentUrl = response.payment_url;          
-          // 支付宝则打开新窗口
-          window.open(response.payment_url, '_blank');
-          
-          // 只在这里保留一个toast提示
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询订单状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '支付宝支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        params: {
-          order_id: this.order?.order_id
-        },
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          // 确保设置正确的数据
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image || null;
-          
-          // 开始轮询订单状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '微信支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {
-          order_id: this.order?.order_id
-        },
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(data) {
-          // 检查支付状态
-          if (data && data.status === '交易成功') {
-            // 支付成功，停止轮询并通知父组件
-            this.stopPaymentCheck();
-            
-            // 移除这里的toast提示，避免重复
-            // toast.success('支付成功！');
-            
-            // 确保传递完整的订单信息，包括原始订单和服务器返回的数据
-            const orderData = { ...this.order, ...(data.order || {}) };
-            this.$emit('success', orderData);
-            
-            // 不再关闭弹窗，而是显示成功信息
-            this.paymentSuccess = true;
-          }
-        }
-      };
-    }
-  },
-  methods: {
-    cancel() {
-      this.stopPaymentCheck();
-      this.show = false;
-    },
-    createRenewalOrder() {
-      if (!this.selectedPaymentMethod) {
-        this.error = '请选择支付方式';
-        return;
-      }
-      
-      this.error = null;
-      this.$resources.createRenewalOrder.submit({
-        site: this.site,
-        renewal_months: this.selectedPeriod
-      });
-    },
-    processPayment() {
-      this.isProcessingPayment = true;
-      this.error = null;
-      
-      if (!this.order || !this.order.order_id) {
-        console.error('缺少订单ID，无法继续支付');
-        this.error = '订单信息不完整，请重试';
-        this.isProcessingPayment = false;
-        return;
-      }
-      
-      if (this.selectedPaymentMethod === 'balance') {
-        // 处理余额支付
-        this.$resources.processBalancePayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'alipay') {
-        // 处理支付宝支付
-        this.$resources.processAlipayPayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'wechatpay') {
-        // 处理微信支付
-        this.$resources.processWechatPayment.submit({
-          order_id: this.order.order_id
-        });
-      }
-    },
-    startPaymentCheck() {
-      this.isProcessingPayment = false;
-      
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit();
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    },
-    backToSelection() {
-      this.stopPaymentCheck();
-      this.showPaymentProcessing = false;
-      this.paymentUrl = null;
-      this.paymentQrCode = null;
-      this.paymentQrCodeImage = null;
-      this.error = null;
-    }
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-  }
-};
-</script>
-
-<style scoped>
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SiteUpdateDialog.vue b/dashboard_backup/src2/components/SiteUpdateDialog.vue
deleted file mode 100644
index 18bd878..0000000
--- a/dashboard_backup/src2/components/SiteUpdateDialog.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		:options="{
-			title: dialogTitle,
-			size: '2xl',
-		}"
-	>
-		<template #body-content>
-			<template v-if="updatableApps.length > 0">
-				<GenericList :options="listOptions" />
-				<div class="mt-4 flex flex-col space-y-4">
-					<DateTimeControl v-model="scheduledTime" label="计划时间" />
-					<div class="flex flex-col space-y-2">
-						<FormControl
-							label="跳过失败的补丁（如果有）"
-							type="checkbox"
-							v-model="skipFailingPatches"
-						/>
-						<FormControl
-							label="跳过本次更新的备份（如果更新失败，将无法回滚）"
-							type="checkbox"
-							v-model="skipBackups"
-						/>
-					</div>
-				</div>
-			</template>
-			<div v-else class="text-center text-base text-gray-600">
-				没有可更新的应用
-			</div>
-			<ErrorMessage class="mt-4" :message="$site.scheduleUpdate.error" />
-		</template>
-		<template #actions>
-			<Button
-				v-if="existingUpdate"
-				class="w-full"
-				variant="solid"
-				label="编辑更新"
-				@click="editUpdate"
-			/>
-			<Button
-				v-else
-				class="w-full"
-				variant="solid"
-				:loading="$site.scheduleUpdate.loading"
-				:label="`${scheduledTime ? `在 ${scheduledTimeInLocal}` : '立即'} 更新`"
-				@click="scheduleUpdate"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import DateTimeControl from './DateTimeControl.vue';
-import GenericList from './GenericList.vue';
-import dayjs, { dayjsIST } from '../utils/dayjs';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'SiteUpdateDialog',
-	props: {
-		site: {
-			type: String,
-			required: true,
-		},
-		existingUpdate: String,
-	},
-	components: {
-		GenericList,
-		DateTimeControl,
-	},
-	data() {
-		return {
-			show: true,
-			skipFailingPatches: false,
-			scheduledTime: '',
-			skipBackups: false,
-		};
-	},
-	resources: {
-		siteUpdate() {
-			return {
-				// for some reason, type: document won't work after the first time
-				// TODO: investigate why
-				url: 'jcloud.api.client.get',
-				params: {
-					pagetype: 'Site Update',
-					name: this.existingUpdate,
-				},
-				auto: !!this.existingUpdate,
-				onSuccess: (pg) => {
-					this.initializeValues(pg);
-				},
-			};
-		},
-	},
-	computed: {
-		scheduledTimeInIST() {
-			if (!this.scheduledTime) return;
-			return dayjsIST(this.scheduledTime).format('YYYY-MM-DDTHH:mm');
-		},
-		scheduledTimeInLocal() {
-			return dayjs(this.scheduledTime).format('YYYY-MM-DD HH:mm');
-		},
-		listOptions() {
-			return {
-				data: this.updatableApps.filter(
-					(app) => app.current_hash !== app.next_hash,
-				),
-				columns: [
-					{
-						label: '应用',
-						fieldname: 'app',
-						format(value, row) {
-							return row.title || value;
-						},
-					},
-					{
-						label: '当前版本',
-						type: 'Badge',
-						format(value, row) {
-							return row.will_branch_change
-								? row.current_branch
-								: row.current_tag || row.current_hash.slice(0, 7);
-						}
-					},
-					{
-						label: '下一个版本',
-						type: 'Badge',
-						format(value, row) {
-							return row.will_branch_change
-								? row.branch
-								: row.next_tag || row.next_hash.slice(0, 7);
-						}
-					},
-				],
-			};
-		},
-		updatableApps() {
-			if (!this.$site.pg.update_information.update_available) return [];
-			let installedApps = this.$site.pg.update_information.installed_apps.map(
-				(d) => d.app,
-			);
-			return this.$site.pg.update_information.apps.filter((app) =>
-				installedApps.includes(app.app),
-			);
-		},
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-		siteUpdate() {
-			return this.$resources.siteUpdate;
-		},
-		dialogTitle() {
-			if (this.existingUpdate) return '编辑计划更新';
-			else return '有可用更新';
-		},
-	},
-	methods: {
-		scheduleUpdate() {
-			this.$site.scheduleUpdate.submit(
-				{
-					skip_failing_patches: this.skipFailingPatches,
-					skip_backups: this.skipBackups,
-					scheduled_time: this.scheduledTimeInIST,
-				},
-				{
-					onSuccess: () => {
-						this.$site.reload();
-						this.show = false;
-						this.$router.push({ name: 'Site Detail Updates' });
-					},
-				},
-			);
-		},
-		editUpdate() {
-			toast.promise(
-				this.$site.editScheduledUpdate.submit({
-					name: this.existingUpdate,
-					skip_failing_patches: this.skipFailingPatches,
-					skip_backups: this.skipBackups,
-					scheduled_time: this.scheduledTimeInIST,
-				}),
-				{
-					loading: '正在编辑计划更新...',
-					success: () => {
-						this.show = false;
-						this.$site.reload();
-						this.siteUpdate.reload();
-						return '计划更新编辑成功';
-					},
-					error: (err) => {
-						return err.messages.length
-							? err.messages[0]
-							: err.message || '编辑计划更新失败';
-					},
-				},
-			);
-		},
-		initializeValues(pg) {
-			this.skipFailingPatches = pg.skipped_failing_patches;
-			this.skipBackups = pg.skipped_backups;
-			this.scheduledTime = dayjs(pg.scheduled_time).format('YYYY-MM-DDTHH:mm');
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/StatusIndicator.vue b/dashboard_backup/src2/components/StatusIndicator.vue
deleted file mode 100644
index 7491c00..0000000
--- a/dashboard_backup/src2/components/StatusIndicator.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <div class="flex items-center">
-    <div 
-      class="mr-2 h-2.5 w-2.5 rounded-full" 
-      :class="{
-        'bg-green-500': status.color === 'green',
-        'bg-red-500': status.color === 'red',
-        'bg-orange-500': status.color === 'orange',
-        'bg-blue-500': status.color === 'blue',
-        'bg-gray-500': status.color === 'gray'
-      }"
-    ></div>
-    <span 
-      class="text-sm"
-      :class="{
-        'text-green-700': status.color === 'green',
-        'text-red-700': status.color === 'red',
-        'text-orange-700': status.color === 'orange',
-        'text-blue-700': status.color === 'blue',
-        'text-gray-700': status.color === 'gray'
-      }"
-    >{{ status.label }}</span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'StatusIndicator',
-  props: {
-    status: {
-      type: Object,
-      required: true,
-      default: () => ({
-        label: '未知',
-        color: 'gray'
-      })
-    }
-  }
-}
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/StripeCard.vue b/dashboard_backup/src2/components/StripeCard.vue
deleted file mode 100644
index 9bf38e9..0000000
--- a/dashboard_backup/src2/components/StripeCard.vue
+++ /dev/null
@@ -1,346 +0,0 @@
-<template>
-	<div class="relative">
-		<div
-			v-if="!ready"
-			class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-8 transform"
-		>
-			<Spinner class="h-5 w-5 text-gray-600" />
-		</div>
-		<div :class="{ 'opacity-0': !ready }">
-			<div v-show="!tryingMicroCharge">
-				<label class="block">
-					<span class="block text-xs text-gray-600">
-						信用卡或借记卡
-					</span>
-					<div
-						class="form-input mt-2 block h-[unset] w-full py-2 pl-3"
-						ref="card-element"
-					></div>
-					<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-				</label>
-				<FormControl
-					class="mt-4"
-					label="持卡人姓名"
-					type="text"
-					v-model="billingInformation.cardHolderName"
-				/>
-				<AddressForm
-					v-if="!withoutAddress"
-					class="mt-4"
-					v-model:address="billingInformation"
-					ref="address-form"
-				/>
-			</div>
-
-			<div class="mt-3 space-y-4" v-show="tryingMicroCharge">
-				<p class="text-base text-gray-700">
-					我们正在尝试向您的卡收取
-					<strong>{{ formattedMicroChargeAmount }}</strong> 以确保该卡有效。此金额将<strong>退还</strong>到您的账户。
-				</p>
-
-				<Button
-					:loading="!microChargeCompleted"
-					:loadingText="'正在验证卡片'"
-				>
-					卡片已验证
-					<template #prefix>
-						<GreenCheckIcon class="h-4 w-4" />
-					</template>
-				</Button>
-			</div>
-
-			<ErrorMessage class="mt-2" :message="errorMessage" />
-
-			<div class="mt-6 flex items-center justify-between">
-				<StripeLogo />
-				<Button
-					@click="clearForm"
-					v-if="showAddAnotherCardButton"
-					iconLeft="plus"
-				>
-					添加另一张卡
-				</Button>
-				<Button
-					v-else-if="!tryingMicroCharge"
-					variant="solid"
-					@click="submit"
-					:loading="addingCard"
-				>
-					验证并保存卡片
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import AddressForm from './AddressForm.vue';
-import StripeLogo from '@/components/StripeLogo.vue';
-import { loadStripe } from '@stripe/stripe-js';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'StripeCard',
-	props: ['withoutAddress'],
-	emits: ['complete'],
-	components: {
-		AddressForm,
-		StripeLogo
-	},
-	data() {
-		return {
-			errorMessage: null,
-			cardErrorMessage: null,
-			ready: false,
-			setupIntent: null,
-			billingInformation: {
-				cardHolderName: '',
-				country: '',
-				gstin: ''
-			},
-			gstNotApplicable: false,
-			addingCard: false,
-			tryingMicroCharge: false,
-			showAddAnotherCardButton: false,
-			microChargeCompleted: false
-		};
-	},
-	async mounted() {
-		await this.setupStripeIntent();
-	},
-	resources: {
-		setupIntent() {
-			return {
-				url: 'jcloud.api.billing.get_publishable_key_and_setup_intent',
-				async onSuccess(data) {
-					//window.posthog.capture('init_client_add_card', 'fc_signup');
-					let { publishable_key, setup_intent } = data;
-					this.setupIntent = setup_intent;
-					this.stripe = await loadStripe(publishable_key);
-					this.elements = this.stripe.elements();
-					let theme = this.$theme;
-					let style = {
-						base: {
-							color: theme.colors.black,
-							fontFamily: theme.fontFamily.sans.join(', '),
-							fontSmoothing: 'antialiased',
-							fontSize: '13px',
-							'::placeholder': {
-								color: theme.colors.gray['400']
-							}
-						},
-						invalid: {
-							color: theme.colors.red['600'],
-							iconColor: theme.colors.red['600']
-						}
-					};
-					this.card = this.elements.create('card', {
-						hidePostalCode: true,
-						style: style,
-						classes: {
-							complete: '',
-							focus: 'bg-gray-100'
-						}
-					});
-					this.card.mount(this.$refs['card-element']);
-
-					this.card.addEventListener('change', event => {
-this.cardErrorMessage = event.error?.message || null;
-					});
-					this.card.addEventListener('ready', () => {
-						this.ready = true;
-					});
-				}
-			};
-		},
-		countryList: 'jcloud.api.account.country_list',
-		billingAddress() {
-			return {
-				url: 'jcloud.api.account.get_billing_information',
-				params: {
-					timezone: this.browserTimezone
-				},
-				auto: true,
-				onSuccess(data) {
-					this.billingInformation.country = data?.country;
-					this.billingInformation.address = data?.address_line1;
-					this.billingInformation.city = data?.city;
-					this.billingInformation.state = data?.state;
-					this.billingInformation.postal_code = data?.pincode;
-				}
-			};
-		},
-		setupIntentSuccess() {
-			return {
-				url: 'jcloud.api.billing.setup_intent_success',
-				makeParams({ setupIntent }) {
-					return {
-						setup_intent: setupIntent,
-						address: this.withoutAddress ? null : this.billingInformation
-					};
-				}
-			};
-		},
-		verifyCardWithMicroCharge() {
-			return {
-				url: 'jcloud.api.billing.create_payment_intent_for_micro_debit',
-				makeParams({ paymentMethodName }) {
-					return {
-						payment_method_name: paymentMethodName
-					};
-				}
-			};
-		}
-	},
-	methods: {
-		async setupStripeIntent() {
-			await this.$resources.setupIntent.submit();
-
-			let { first_name, last_name = '' } = this.$team.pg.user_info;
-			let fullname = first_name + ' ' + last_name;
-			this.billingInformation.cardHolderName = fullname.trimEnd();
-		},
-		async submit() {
-			this.addingCard = true;
-
-			let message;
-			if (!this.withoutAddress) {
-				message = await this.$refs['address-form'].validateValues();
-			}
-			if (message) {
-				this.errorMessage = message;
-				this.addingCard = false;
-				return;
-			} else {
-				this.errorMessage = null;
-			}
-
-			const { setupIntent, error } = await this.stripe.confirmCardSetup(
-				this.setupIntent.client_secret,
-				{
-					payment_method: {
-						card: this.card,
-						billing_details: {
-							name: this.billingInformation.cardHolderName,
-							address: {
-								line1: this.billingInformation.address,
-								city: this.billingInformation.city,
-								state: this.billingInformation.state,
-								postal_code: this.billingInformation.postal_code,
-								country: this.getCountryCode(this.billingInformation.country)
-							}
-						}
-					}
-				}
-			);
-
-			if (error) {
-				this.addingCard = false;
-				let declineCode = error.decline_code;
-				let errorMessage = error.message;
-
-				if (declineCode === 'do_not_honor') {
-					this.errorMessage =
-						"您的卡被拒绝了。可能是由于余额不足或您可能已超过每日限额。请尝试使用另一张卡或联系您的银行。";
-					this.showAddAnotherCardButton = true;
-				} else if (declineCode === 'transaction_not_allowed') {
-					this.errorMessage =
-						'您的卡被拒绝了。可能是由于您的卡的限制，如国际交易或在线支付。请尝试使用另一张卡或联系您的银行。';
-					this.showAddAnotherCardButton = true;
-				}
-				// 修复重复错误消息
-				else if (errorMessage != '您的卡号不完整。') {
-					this.errorMessage = errorMessage;
-				}
-			} else {
-				if (setupIntent?.status === 'succeeded') {
-					this.$resources.setupIntentSuccess.submit(
-						{
-							setupIntent
-						},
-						{
-							onSuccess: async ({ payment_method_name }) => {
-								await this.verifyWithMicroChargeIfApplicable(
-									payment_method_name
-								);
-								this.addingCard = false;
-								toast.success('卡片添加成功');
-							},
-							onError: error => {
-								console.error(error);
-								this.addingCard = false;
-								this.errorMessage = error.messages.join('\n');
-								toast.error(this.errorMessage);
-							}
-						}
-					);
-				}
-			}
-		},
-		async verifyWithMicroChargeIfApplicable(paymentMethodName) {
-			const teamCurrency = this.$team.pg.currency;
-			const verifyCardsWithMicroCharge = window.verify_cards_with_micro_charge;
-
-			const isMicroChargeApplicable =
-				verifyCardsWithMicroCharge === 'Both CNY and USD' ||
-				(verifyCardsWithMicroCharge == 'Only CNY' && teamCurrency === 'CNY') ||
-				(verifyCardsWithMicroCharge === 'Only USD' && teamCurrency === 'USD');
-if (isMicroChargeApplicable) {
-				await this._verifyWithMicroCharge(paymentMethodName);
-			} else {
-				this.$emit('complete');
-			}
-		},
-
-		_verifyWithMicroCharge(paymentMethodName) {
-			this.tryingMicroCharge = true;
-			return this.$resources.verifyCardWithMicroCharge.submit(
-				{ paymentMethodName },
-				{
-					onSuccess: async paymentIntent => {
-						let { client_secret } = paymentIntent;
-						let payload = await this.stripe.confirmCardPayment(client_secret, {
-							payment_method: { card: this.card }
-						});
-						if (payload.paymentIntent?.status === 'succeeded') {
-							this.microChargeCompleted = true;
-							this.$emit('complete');
-						}
-					},
-					onError: error => {
-						console.error(error);
-						this.tryingMicroCharge = false;
-						this.errorMessage = error.messages.join('\n');
-					}
-				}
-			);
-		},
-		getCountryCode(country) {
-			let code = this.$resources.countryList.data.find(
-				d => d.name === country
-			).code;
-			return code.toUpperCase();
-		},
-		async clearForm() {
-			this.ready = false;
-			this.errorMessage = null;
-			this.showAddAnotherCardButton = false;
-			this.card = null;
-			this.setupStripeIntent();
-		}
-	},
-	computed: {
-		formattedMicroChargeAmount() {
-			return this.$format.userCurrency(
-				this.$team.pg.billing_info.micro_debit_charge_amount
-			);
-		},
-		browserTimezone() {
-			if (!window.Intl) {
-				return null;
-			}
-			return Intl.DateTimeFormat().resolvedOptions().timeZone;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/StripeCardDialog.vue b/dashboard_backup/src2/components/StripeCardDialog.vue
deleted file mode 100644
index 54cf406..0000000
--- a/dashboard_backup/src2/components/StripeCardDialog.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<Dialog v-model="show" :options="{ title: '添加新卡片' }">
-		<template #body-content>
-			<p class="text-sm mb-5 text-gray-700" v-if="message">
-				{{ message }}
-			</p>
-			<StripeCard2 @complete="show = false" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import StripeCard from './StripeCard.vue';
-export default {
-	name: 'StripeCardDialog',
-	props: ['modelValue', 'message'],
-	emits: ['update:modelValue'],
-	components: {
-		StripeCard2: StripeCard
-	},
-	data() {
-		return {
-			_show: true
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue == null ? this._show : this.modelValue;
-			},
-			set(value) {
-				if (this.modelValue == null) {
-					this._show = value;
-					return;
-				}
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/Summary.vue b/dashboard_backup/src2/components/Summary.vue
deleted file mode 100644
index c555e76..0000000
--- a/dashboard_backup/src2/components/Summary.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-	<div class="w-full">
-		<h2 class="text-base font-medium leading-6 text-gray-900">摘要</h2>
-		<div
-			class="mt-2 grid gap-x-4 gap-y-2 rounded-md border bg-gray-50 p-4 text-p-base"
-			style="grid-template-columns: 4fr 4fr"
-		>
-			<template v-for="option in options" :key="option.label">
-				<div
-					v-if="option.condition ? option.condition() : true"
-					class="text-gray-600"
-				>
-					{{ option.label }}:
-				</div>
-				<div
-					v-if="option.condition ? option.condition() : true"
-					class="text-gray-900"
-					v-html="option.value"
-				/>
-			</template>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	props: ['options']
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/SwitchTeamDialog.vue b/dashboard_backup/src2/components/SwitchTeamDialog.vue
deleted file mode 100644
index 986f05b..0000000
--- a/dashboard_backup/src2/components/SwitchTeamDialog.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-	<Dialog :options="{ title: '切换团队' }" v-model="show">
-		<template #body-content v-if="$team?.pg">
-			<div class="rounded bg-gray-100 px-3 py-2.5">
-				<div class="text-base text-gray-900">
-					您当前登录的用户是
-					<span class="font-medium">{{ $session.user }}</span>
-				</div>
-				<div class="mt-2 text-base text-gray-900">
-					您正在查看的团队仪表板是
-					<component
-						:is="$team.pg.is_desk_user ? 'a' : 'span'"
-						class="font-medium"
-						:class="{ underline: $team.pg.is_desk_user }"
-						:href="$team.pg.is_desk_user ? `/app/team/${$team.name}` : null"
-						target="_blank"
-					>
-						{{ $team.pg.user }}
-					</component>
-				</div>
-			</div>
-			<div class="-mb-3 mt-3 divide-y">
-				<div
-					class="flex items-center justify-between py-3"
-					v-for="team in $team.pg.valid_teams"
-					:key="team.name"
-				>
-					<div class="flex items-center space-x-2">
-						<span class="text-base text-gray-800">
-							{{ team.user }}
-						</span>
-						<Button
-							v-if="$team.pg.is_desk_user"
-							icon="external-link"
-							:link="`/app/team/${team.name}`"
-							variant="ghost"
-						/>
-					</div>
-					<Badge
-						class="whitespace-nowrap"
-						v-if="$team.name === team.name"
-						label="当前激活"
-						theme="green"
-					/>
-					<Button v-else @click="switchToTeam(team.name)">切换</Button>
-				</div>
-			</div>
-			<div class="mt-6 flex items-end gap-2" v-if="$session.isSystemUser">
-				<LinkControl
-					class="w-full"
-					label="选择团队"
-					:options="{ pagetype: 'Team', filters: { enabled: 1 } }"
-					v-model="selectedTeam"
-					description="此功能仅对系统用户可用"
-				/>
-				<div class="pb-5">
-					<Button :disabled="!selectedTeam" @click="switchToTeam(selectedTeam)">
-						切换
-					</Button>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { switchToTeam } from '../data/team';
-import LinkControl from './LinkControl.vue';
-
-export default {
-	name: 'SwitchTeamDialog',
-	props: ['modelValue'],
-	emits: ['update:modelValue'],
-	components: { LinkControl },
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	},
-	data() {
-		return {
-			selectedTeam: null
-		};
-	},
-	methods: {
-		switchToTeam
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/TabsWithRouter.vue b/dashboard_backup/src2/components/TabsWithRouter.vue
deleted file mode 100644
index 9fce3d9..0000000
--- a/dashboard_backup/src2/components/TabsWithRouter.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-	<FTabs v-if="visibleTabs?.length" v-model="currentTab" :tabs="visibleTabs">
-		<template #tab-panel="{ tab }">
-			<slot name="tab-content" :tab="tab">
-				<router-view :tab="tab" />
-			</slot>
-		</template>
-	</FTabs>
-</template>
-<script>
-import { Tabs } from 'jingrow-ui';
-
-export default {
-	name: 'TabsWithRouter',
-	props: ['tabs', 'document'],
-	components: {
-		FTabs: Tabs,
-	},
-	computed: {
-		visibleTabs() {
-			return this.tabs.filter((tab) =>
-				tab.condition ? tab.condition({ pg: this.document }) : true,
-			);
-		},
-		currentTab: {
-			get() {
-				for (let tab of this.visibleTabs) {
-					let tabRouteName = tab.routeName || tab.route.name;
-					if (
-						this.$route.name === tabRouteName ||
-						tab.childrenRoutes?.includes(this.$route.name)
-					) {
-						return this.visibleTabs.indexOf(tab);
-					}
-				}
-				return 0;
-			},
-			set(val) {
-				let tab = this.visibleTabs[val];
-				let tabRouteName = tab.routeName || tab.route.name;
-				this.$router.push({ name: tabRouteName });
-			},
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/TextInsideCircle.vue b/dashboard_backup/src2/components/TextInsideCircle.vue
deleted file mode 100644
index 83613e9..0000000
--- a/dashboard_backup/src2/components/TextInsideCircle.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-	<div
-		class="grid h-5 w-5 place-content-center rounded-full border bg-gray-100 text-xs text-gray-900"
-	>
-		<slot />
-	</div>
-</template>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/ToggleContent.vue b/dashboard_backup/src2/components/ToggleContent.vue
deleted file mode 100644
index 58113a3..0000000
--- a/dashboard_backup/src2/components/ToggleContent.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-	<div class="rounded border text-base">
-		<div
-			class="flex cursor-pointer select-none flex-row items-center justify-between gap-2 p-4"
-			@click="toggleVisibility"
-			:class="{
-				'!pb-2': isVisible
-			}"
-		>
-			<div>
-				<p class="font-medium text-gray-800">
-					{{ label }}
-				</p>
-				<p class="mt-2 text-sm text-gray-700" v-if="subLabel">
-					{{ subLabel }}
-				</p>
-			</div>
-			<slot name="actions" v-if="isVisible"></slot>
-		</div>
-
-		<div v-if="isVisible" class="text-sm leading-normal">
-			<slot></slot>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'ToggleContent',
-	props: {
-		label: {
-			type: String,
-			required: true
-		},
-		subLabel: {
-			type: String,
-			default: ''
-		}
-	},
-	data() {
-		return {
-			isVisible: false
-		};
-	},
-	methods: {
-		toggleVisibility() {
-			this.isVisible = !this.isVisible;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/UpdateBillingDetails.vue b/dashboard_backup/src2/components/UpdateBillingDetails.vue
deleted file mode 100644
index 05579f4..0000000
--- a/dashboard_backup/src2/components/UpdateBillingDetails.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '更新账单详情',
-			actions: [
-				{
-					label: '提交',
-					variant: 'solid',
-					loading: $resources.updateBillingInformation.loading,
-					onClick: () => $resources.updateBillingInformation.submit()
-				}
-			]
-		}"
-		:modelValue="show"
-		@update:modelValue="$emit('update:show', $event)"
-	>
-		<template v-slot:body-content>
-			<p class="mb-5 text-sm text-gray-700" v-if="message">
-				{{ message }}
-			</p>
-			<FormControl
-				class="mt-4"
-				v-model="billingInformation.billing_name"
-				label="账单名称"
-			/>
-			<AddressForm
-				ref="address-form"
-				class="mt-4"
-				v-model:address="billingInformation"
-			/>
-			<ErrorMessage
-				class="mt-2"
-				:message="$resources.updateBillingInformation.error"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { DashboardError } from '../utils/error';
-import AddressForm from './AddressForm.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'UpdateBillingDetails',
-	props: ['message', 'show'],
-	emits: ['update:show', 'updated'],
-	components: {
-		AddressForm
-	},
-	data() {
-		return {
-			billingInformation: {
-				address: '',
-				city: '',
-				state: '',
-				postal_code: '',
-				country: '',
-				gstin: '',
-				billing_name: ''
-			}
-		};
-	},
-	resources: {
-		currentBillingInformation() {
-			return {
-				url: 'jcloud.api.account.get_billing_information',
-				auto: true,
-				onSuccess(billingInformation) {
-					if ('country' in (billingInformation || {})) {
-						Object.assign(this.billingInformation, {
-							address: billingInformation.address_line1,
-							city: billingInformation.city,
-							state: billingInformation.state,
-							postal_code: billingInformation.pincode,
-							country: billingInformation.country,
-							gstin:
-								billingInformation.gstin == 'Not Applicable'
-									? ''
-									: billingInformation.gstin,
-							billing_name: billingInformation.billing_name
-						});
-					}
-				}
-			};
-		},
-		updateBillingInformation() {
-			return {
-				url: 'jcloud.api.account.update_billing_information',
-				makeParams() {
-					return {
-						billing_details: this.billingInformation
-					};
-				},
-				onSuccess() {
-					this.$emit('update:show', false);
-					toast.success('地址更新成功！');
-					this.$emit('updated');
-				},
-				validate() {
-					var billing_name = this.billingInformation.billing_name.trim();
-					var billingNameRegex = /^[a-zA-Z0-9\-\'\,\.\s]+$/;
-					var billingNameValid = billingNameRegex.test(billing_name);
-					if (!billingNameValid) {
-						throw new DashboardError(
-							'账单名称包含无效字符'
-						);
-					}
-					this.billingInformation.billing_name = billing_name;
-					return this.$refs['address-form'].validateValues();
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/UpdateBillingDetailsForm.vue b/dashboard_backup/src2/components/UpdateBillingDetailsForm.vue
deleted file mode 100644
index 87aa06d..0000000
--- a/dashboard_backup/src2/components/UpdateBillingDetailsForm.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<FormControl class="mt-4" v-model="billing_name" label="账单名称" />
-	<AddressForm
-		ref="address-form"
-		class="mt-4"
-		v-model:address="billingInformation"
-	/>
-	<ErrorMessage
-		class="mt-2"
-		:message="$resources.updateBillingInformation.error"
-	/>
-	<div class="flex w-full justify-end">
-		<Button
-			class="mt-2 w-full sm:w-fit"
-			variant="solid"
-			:loading="$resources.updateBillingInformation.loading"
-			@click="$resources.updateBillingInformation.submit"
-		>
-			更新账单信息
-		</Button>
-	</div>
-</template>
-
-<script>
-import { DashboardError } from '../utils/error';
-import AddressForm from './AddressForm.vue';
-import { notify } from '@/utils/toast.js';
-
-export default {
-	name: 'UpdateBillingDetailsForm',
-	emits: ['updated'],
-	components: {
-		AddressForm
-	},
-	data() {
-		return {
-			billing_name: '',
-			billingInformation: {
-				address: '',
-				city: '',
-				state: '',
-				postal_code: '',
-				country: '',
-				gstin: ''
-			}
-		};
-	},
-	resources: {
-		currentBillingInformation() {
-			return {
-				url: 'jcloud.api.account.get_billing_information',
-				auto: true,
-				onSuccess(billingInformation) {
-					if ('country' in (billingInformation || {})) {
-						Object.assign(this.billingInformation, {
-							address: billingInformation.address_line1,
-							city: billingInformation.city,
-							state: billingInformation.state,
-							postal_code: billingInformation.pincode,
-							country: billingInformation.country,
-							gstin:
-								billingInformation.gstin == 'Not Applicable'
-									? ''
-									: billingInformation.gstin
-						});
-						this.billing_name = billingInformation.billing_name;
-					}
-				}
-			};
-		},
-		updateBillingInformation() {
-			return {
-				url: 'jcloud.api.account.update_billing_information',
-				makeParams() {
-					return {
-						billing_details: {
-							...this.billingInformation,
-							billing_name: this.billingInformation.billing_name
-						}
-					};
-				},
-				onSuccess() {
-					notify({
-						title: '地址更新成功！'
-					});
-					this.$emit('updated');
-				},
-				validate() {
-					var billing_name = this.billing_name.trim();
-					var billingNameRegex = /^[a-zA-Z0-9\-\'\,\.\s]+$/;
-					var billingNameValid = billingNameRegex.test(billing_name);
-					if (!billingNameValid) {
-						throw new DashboardError(
-							'账单名称包含无效字符'
-						);
-					}
-					this.billing_name = billing_name;
-					return this.$refs['address-form'].validateValues();
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/UserWithAvatarCell.vue b/dashboard_backup/src2/components/UserWithAvatarCell.vue
deleted file mode 100644
index 663838b..0000000
--- a/dashboard_backup/src2/components/UserWithAvatarCell.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-	<div class="flex items-center">
-		<div class="mr-2 flex items-center">
-			<Avatar :image="avatarImage" :label="fullName" size="lg" />
-		</div>
-		<div>
-			<div class="text-sm font-medium text-gray-900">
-				{{ fullName }}
-			</div>
-			<div class="mt-0.5 text-sm text-gray-600">
-				{{ email }}
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup>
-import { Avatar } from 'jingrow-ui';
-const props = defineProps({
-	avatarImage: String,
-	fullName: String,
-	email: String
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/auth/Configure2FA.vue b/dashboard_backup/src2/components/auth/Configure2FA.vue
deleted file mode 100644
index 31c0d18..0000000
--- a/dashboard_backup/src2/components/auth/Configure2FA.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-	<div>
-		<div
-			class="mt-6 flex items-center justify-center"
-			v-if="$resources.qrUrl.loading"
-		>
-			<LoadingText />
-		</div>
-		<div
-			v-else-if="is2FAEnabled && $route.name !== 'Enable2FA'"
-			class="space-y-4"
-		>
-			<AlertBanner
-				title="如果禁用双重认证，您的账户将变得不安全"
-				type="error"
-			/>
-
-			<!-- 用户需要遵循的步骤 -->
-			<div class="rounded border border-gray-200 bg-gray-50 p-4">
-				<h3 class="text-lg font-semibold">禁用双重认证的步骤</h3>
-				<ol class="mt-2 list-disc pl-2 text-sm">
-					<li>打开认证器应用</li>
-					<li>在下方输入应用中的代码</li>
-				</ol>
-			</div>
-
-			<FormControl
-				label="验证应用中的代码以禁用双重认证"
-				v-model="totpCode"
-			/>
-		</div>
-
-		<div v-else class="space-y-4">
-			<div class="w-full">
-				<VueQrcode
-					v-if="qrUrl"
-					class="mx-auto"
-					:value="qrUrl"
-					type="image/png"
-					:color="{ dark: '#000000ff', light: '#ffffffff' }"
-				/>
-			</div>
-
-			<!-- 用户需要遵循的步骤 -->
-			<div class="rounded border border-gray-200 bg-gray-50 p-4">
-				<h3 class="text-lg font-semibold">启用双重认证的步骤</h3>
-				<ol class="ml-1 mt-2 list-disc pl-2 text-sm text-gray-700">
-					<li>在手机上下载认证器应用，例如阿里云APP等。</li>
-					<li>扫描二维码</li>
-					<li>在下方输入认证器应用中的代码</li>
-				</ol>
-				<p class="mt-4 text-sm text-gray-700">
-					<strong>注意：</strong> 如果您无法访问认证器应用，您的账户将被锁定。请确保备份您的保险库/密钥。
-				</p>
-			</div>
-
-			<div
-				v-if="showSetupKey"
-				class="rounded border border-gray-200 bg-gray-50 p-4"
-			>
-				<h3 class="text-lg font-semibold">设置密钥</h3>
-				<p class="mt-2 text-sm">
-					{{ setupKey }}
-				</p>
-			</div>
-
-			<FormControl
-				label="验证应用中的代码以启用双重认证"
-				v-model="totpCode"
-			/>
-		</div>
-
-		<div class="!mt-8 flex justify-center">
-			<Button
-				v-if="!is2FAEnabled"
-				class="w-full"
-				variant="solid"
-				label="启用双重认证"
-				:disabled="!totpCode"
-				:loading="$resources.enable2FA.loading"
-				@click="enable2FA"
-			/>
-			<Button
-				v-else
-				class="w-full"
-				variant="solid"
-				label="禁用双重认证"
-				:disabled="!totpCode"
-				:loading="$resources.disable2FA.loading"
-				@click="disable2FA"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import VueQrcode from 'vue-qrcode';
-import { toast } from 'vue-sonner';
-import AlertBanner from '../AlertBanner.vue';
-
-export default {
-	emits: ['enabled', 'disabled'],
-	data() {
-		return {
-qrUrl: '', // not storing as computed property to avoid re-fetching on dialog close
-			totpCode: '',
-			showSetupKey: false
-		};
-	},
-	components: {
-		AlertBanner,
-		VueQrcode
-	},
-	methods: {
-		enable2FA() {
-			toast.promise(
-				this.$resources.enable2FA.submit({
-					totp_code: this.totpCode
-				}),
-				{
-					loading: '正在启用双因素认证...',
-					success: () => {
-						this.totpCode = '';
-
-						// avoid flickering of 2FA dialog
-						setTimeout(() => {
-							this.$team.reload();
-						}, 500);
-						this.$emit('enabled');
-
-						return '双因素认证已成功启用';
-					},
-					error(err) {
-						if (err.messages) {
-							if (err.messages.includes('Invalid TOTP code')) {
-								return '无效的TOTP验证码，请重试';
-							} else {
-								return err.messages.join('.');
-							}
-						} else {
-							return '启用双因素认证失败';
-						}
-					}
-				}
-			);
-		},
-		disable2FA() {
-			toast.promise(
-				this.$resources.disable2FA.submit({
-					totp_code: this.totpCode
-				}),
-				{
-					loading: '正在禁用双因素认证...',
-					success: () => {
-						this.totpCode = '';
-
-						// avoid flickering of 2FA dialog
-						setTimeout(() => {
-							this.$team.reload();
-						}, 500);
-
-						this.$emit('disabled');
-
-						return '双因素认证已成功禁用';
-					},
-					error(err) {
-						if (err.messages) {
-							if (err.messages.includes('Invalid TOTP code')) {
-								return '无效的TOTP验证码，请重试';
-							} else {
-								return err.messages.join('.');
-							}
-						} else {
-							return '禁用双因素认证失败';
-						}
-					}
-				}
-			);
-		}
-	},
-	resources: {
-		qrUrl() {
-			return {
-				url: 'jcloud.api.account.get_2fa_qr_code_url',
-				auto: true,
-				onSuccess(qr_code_url) {
-					this.qrUrl = qr_code_url;
-				}
-			};
-		},
-		enable2FA() {
-			return {
-				url: 'jcloud.api.account.enable_2fa'
-			};
-		},
-		disable2FA() {
-			return {
-				url: 'jcloud.api.account.disable_2fa'
-			};
-		}
-	},
-	computed: {
-		setupKey() {
-			if (!this.qrUrl) return null;
-			return this.qrUrl.match(/secret=(.*?)&issuer/)[1];
-		},
-		is2FAEnabled() {
-			return this.$team.pg?.user_info?.is_2fa_enabled;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/auth/LoginBox.vue b/dashboard_backup/src2/components/auth/LoginBox.vue
deleted file mode 100644
index 584ab28..0000000
--- a/dashboard_backup/src2/components/auth/LoginBox.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-	<div class="relative h-full">
-		<div class="relative z-10 mx-auto py-8 sm:w-max sm:py-32">
-			<div
-				class="flex flex-col items-center"
-				@dblclick="redirectForJingrowioAuth"
-			>
-				<slot name="logo">
-					<div class="mx-auto flex items-center space-x-2">
-						<JLogo class="inline-block h-7 w-7" />
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							今果 Jingrow
-						</span>
-					</div>
-				</slot>
-			</div>
-			<div
-				class="mx-auto w-full bg-white px-4 py-8 sm:mt-6 sm:w-96 sm:rounded-lg sm:px-8 sm:shadow-xl"
-			>
-				<div class="mb-6 text-center" v-if="title">
-					<span
-						class="text-center text-lg font-medium leading-5 tracking-tight text-gray-900"
-					>
-						{{ title }}
-					</span>
-				</div>
-				<p
-					class="mb-6 break-words text-center text-base font-normal leading-[21px] text-gray-700"
-					v-if="subtitle"
-				>
-					{{ subtitle }}
-				</p>
-				<slot></slot>
-			</div>
-			<slot name="footer"></slot>
-		</div>
-		<div class="absolute bottom-4 z-[1] flex w-full justify-center">
-			<JingrowLogo class="h-10" />
-		</div>
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import JLogo from '@/components/icons/JLogo.vue';
-import JingrowLogo from '@/components/icons/JingrowLogo.vue';
-
-export default {
-	name: 'LoginBox',
-	props: ['title', 'logo', 'subtitle'],
-	components: {
-		JLogo,
-		JingrowLogo,
-	},
-	mounted() {
-		const params = new URLSearchParams(window.location.search);
-
-		if (params.get('showRemoteLoginError')) {
-			toast.error('令牌无效或已过期');
-		}
-	},
-	methods: {
-		redirectForJingrowioAuth() {
-			window.location = '/f-login';
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/auth/SaaSLoginBox.vue b/dashboard_backup/src2/components/auth/SaaSLoginBox.vue
deleted file mode 100644
index c465969..0000000
--- a/dashboard_backup/src2/components/auth/SaaSLoginBox.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-	<div class="relative h-full">
-		<div class="relative z-10 mx-auto pt-8 sm:w-max sm:pt-32">
-			<!-- logo -->
-			<div
-				class="flex flex-col items-center"
-				@dblclick="redirectForJingrowioAuth"
-			>
-				<img
-					v-if="logo"
-					class="inline-block h-12 w-12 rounded-md"
-					:src="logo"
-				/>
-				<JLogo v-else class="inline-block h-12 w-12" />
-			</div>
-			<!-- 卡片 -->
-			<div
-				class="mx-auto w-full bg-white px-4 py-8 sm:mt-6 sm:w-112 sm:rounded-2xl sm:px-6 sm:py-6 sm:shadow-2xl"
-			>
-				<!-- 标题 -->
-				<div class="mb-7.5 text-center">
-					<p class="mb-2 text-2xl font-semibold leading-6 text-gray-900">
-						{{ title }}
-					</p>
-					<p
-						class="break-words text-base font-normal leading-[21px] text-gray-700"
-						v-if="subtitle"
-					>
-						<template
-							v-if="typeof subtitle === 'object'"
-							v-for="line in subtitle"
-						>
-							{{ line }}<br />
-						</template>
-						<template v-else>{{ subtitle }}</template>
-					</p>
-				</div>
-				<slot></slot>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import JLogo from '@/components/icons/JLogo.vue';
-import { notify } from '@/utils/toast';
-
-export default {
-	name: 'SaaSLoginBox',
-	props: ['title', 'subtitle', 'logo'],
-	components: {
-		JLogo
-	},
-	mounted() {
-		const params = new URLSearchParams(window.location.search);
-
-		if (params.get('showRemoteLoginError')) {
-			notify({
-				title: '令牌无效或已过期',
-				color: 'red',
-				icon: 'x'
-			});
-		}
-	},
-	methods: {
-		redirectForJingrowioAuth() {
-			window.location = '/f-login';
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/AddCardDialog.vue b/dashboard_backup/src2/components/billing/AddCardDialog.vue
deleted file mode 100644
index 87fec14..0000000
--- a/dashboard_backup/src2/components/billing/AddCardDialog.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<template>
-	<Dialog v-model="show" :options="{ title: '添加新卡片' }">
-		<template #body-content>
-			<div
-				v-if="showMessage"
-				class="mb-5 inline-flex gap-1.5 text-base text-gray-700"
-			>
-				<FeatherIcon class="h-4" name="info" />
-				<span> 在更改支付方式之前，请至少添加一张卡片。 </span>
-			</div>
-			<CardForm
-				@success="
-					() => {
-						show = false;
-						emit('success');
-					}
-				"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script setup>
-import CardForm from './CardForm.vue';
-import { Dialog, FeatherIcon } from 'jingrow-ui';
-
-const props = defineProps({
-	showMessage: {
-		type: Boolean,
-		default: false
-	}
-});
-
-const emit = defineEmits(['success']);
-const show = defineModel();
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/AddExchangeRate.vue b/dashboard_backup/src2/components/billing/AddExchangeRate.vue
deleted file mode 100644
index 9af2bd3..0000000
--- a/dashboard_backup/src2/components/billing/AddExchangeRate.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-	<Dialog :options="{ title: '添加货币汇率', size: 'lg' }">
-		<template #body-content>
-			<div class="grid grid-cols-2 gap-4">
-				<FormControl
-					label="源货币"
-					v-model="fromCurrency"
-					variant="subtle"
-					:options="['USD']"
-					name="from_currency"
-					type="select"
-					class="mb-5"
-				/>
-
-				<FormControl
-					label="目标货币"
-					v-model="toCurrency"
-					name="to_currency"
-					variant="subtle"
-					:options="['KES']"
-					type="select"
-					class="mb-5"
-				/>
-
-				<FormControl
-					label="汇率"
-					v-model="exchangeRate"
-					name="exchange_rate"
-					class="mb-5"
-					type="number"
-					required
-				/>
-			</div>
-
-			<div class="mt-4 flex w-full items-center justify-center">
-				<Button
-					@click="saveExchangeRate"
-					class="justify-center w-full"
-					variant="solid"
-					type="primary"
-					>添加货币汇率</Button
-				>
-			</div>
-		</template>
-		<ErrorMessage class="mt-2" :message="ErrorMessage" />
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import FormControl from 'jingrow-ui/src/components/FormControl.vue';
-import ErrorMessage from 'jingrow-ui/src/components/ErrorMessage.vue';
-
-export default {
-	name: 'AddExchangeRate',
-	data() {
-		return {
-			fromCurrency: 'KES',
-			toCurrency: 'USD',
-			exchangeRate: '',
-		};
-	},
-
-	resources: {
-		addCurrencyExchange() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.create_exchange_rate',
-				params: {
-					from_currency: this.fromCurrency,
-					to_currency: this.toCurrency,
-					exchange_rate: this.exchangeRate,
-				},
-				validate() {
-					if (!this.fromCurrency || !this.toCurrency || !this.exchangeRate) {
-						toast.error('所有字段都是必填项');
-						return false;
-					}
-				},
-				async onSuccess() {
-					if (data) {
-						toast.success('货币汇率添加成功');
-						this.$emit('close');
-					} else {
-						toast.error('添加货币汇率失败');
-					}
-				},
-			};
-		},
-	},
-
-	methods: {
-		async saveExchangeRate() {
-			try {
-				const response = await this.$resources.addCurrencyExchange.submit();
-				if (response) {
-					this.$toast.success('货币汇率添加成功');
-					this.fromCurrency = '';
-					this.toCurrency = '';
-					this.exchangeRate = '';
-				}
-				this.$emit('closeDialog');
-			} catch (error) {
-				console.log(error);
-				this.$toast.error(`添加货币汇率时出错: ${error.message}`);
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/AddPrepaidCreditsDialog.vue b/dashboard_backup/src2/components/billing/AddPrepaidCreditsDialog.vue
deleted file mode 100644
index 67ee979..0000000
--- a/dashboard_backup/src2/components/billing/AddPrepaidCreditsDialog.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<Dialog v-model="show" :options="{ title: '余额充值' }">
-		<template #body-content>
-			<div
-				v-if="showMessage"
-				class="mb-5 inline-flex gap-1.5 text-base text-gray-700"
-			>
-				<FeatherIcon class="h-4" name="info" />
-				<span>
-					在更改支付方式之前，请先为您的账户充值余额。
-				</span>
-			</div>
-			<PrepaidCreditsForm
-				@success="
-					() => {
-						show = false;
-						emit('success');
-					}
-				"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script setup>
-import PrepaidCreditsForm from '../BuyPrepaidCreditsForm.vue';
-import { Dialog, FeatherIcon } from 'jingrow-ui';
-
-const props = defineProps({
-	showMessage: {
-		type: Boolean,
-		default: false
-	}
-});
-
-const emit = defineEmits(['success']);
-const show = defineModel();
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/BillingDetails.vue b/dashboard_backup/src2/components/billing/BillingDetails.vue
deleted file mode 100644
index a042257..0000000
--- a/dashboard_backup/src2/components/billing/BillingDetails.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-	<div class="flex flex-col gap-5">
-		<FormControl
-			v-model="billingInformation.billing_name"
-			type="text"
-			name="billing_name"
-			label="账单名称"
-			:required="true"
-		/>
-		<NewAddressForm
-			ref="addressFormRef"
-			v-model="billingInformation"
-			@success="() => emit('success')"
-		/>
-		<ErrorMessage class="mt-2" :message="errorMessage" />
-	</div>
-	<div v-if="addressFormRef" class="mt-6">
-		<Button
-			class="w-full"
-			variant="solid"
-			label="更新账单信息"
-			:loading="addressFormRef.updateBillingInformation.loading"
-			@click="updateBillingInformation"
-		/>
-	</div>
-</template>
-<script setup>
-import NewAddressForm from './NewAddressForm.vue';
-import { FormControl, ErrorMessage, Button, createResource } from 'jingrow-ui';
-import { reactive, ref, inject } from 'vue';
-
-const emit = defineEmits(['success']);
-
-const team = inject('team');
-
-const addressFormRef = ref(null);
-
-const fullName = `${team.pg.user_info.first_name || ''} ${
-	team.pg.user_info.last_name || ''
-}`.trim();
-
-const billingInformation = reactive({
-	billing_name: fullName || '',
-	address: '',
-	city: '',
-	state: '',
-	postal_code: '',
-	country: '',
-	gstin: '',
-});
-
-createResource({
-	url: 'jcloud.api.account.get_billing_information',
-	auto: true,
-	onSuccess: (data) => {
-		if (!Object.keys(data).length) return;
-
-		Object.assign(billingInformation, {
-			address: data.address_line1,
-			city: data.city,
-			state: data.state,
-			postal_code: data.pincode,
-			country: data.country,
-			gstin: data.gstin == 'Not Applicable' ? '' : data.gstin,
-			billing_name: data.billing_name,
-		});
-	},
-});
-
-const errorMessage = ref('');
-
-function updateBillingInformation() {
-	if (!billingInformation.billing_name) {
-		errorMessage.value = '账单名称为必填项';
-		return;
-	}
-	const billing_name = billingInformation.billing_name.trim();
-	const billingNameRegex = /^[a-zA-Z0-9\-\'\,\.\s]+$/;
-	const billingNameValid = billingNameRegex.test(billing_name);
-	if (!billingNameValid) {
-		errorMessage.value = '账单名称包含无效字符';
-		return;
-	}
-	billingInformation.billing_name = billing_name;
-	addressFormRef.value.updateBillingInformation.submit();
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/BillingDetailsDialog.vue b/dashboard_backup/src2/components/billing/BillingDetailsDialog.vue
deleted file mode 100644
index d0bf9ba..0000000
--- a/dashboard_backup/src2/components/billing/BillingDetailsDialog.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<Dialog v-model="show" :options="{ title: '账单详情' }">
-		<template #body-content>
-			<div
-				v-if="showMessage"
-				class="mb-5 inline-flex gap-1.5 text-base text-gray-700"
-			>
-				<FeatherIcon class="h-4" name="info" />
-				<span> 在继续之前，请为您的账户添加账单详情。</span>
-			</div>
-			<BillingDetails
-				ref="billingRef"
-				@success="
-					() => {
-						show = false;
-						emit('success');
-					}
-				"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script setup>
-import BillingDetails from './BillingDetails.vue';
-import { FeatherIcon, Dialog } from 'jingrow-ui';
-import { ref } from 'vue';
-
-const props = defineProps({
-	showMessage: {
-		type: Boolean,
-		default: false
-	}
-});
-const emit = defineEmits(['success']);
-const show = defineModel();
-const billingRef = ref(null);
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/BillingSummary.vue b/dashboard_backup/src2/components/billing/BillingSummary.vue
deleted file mode 100644
index c1b7a4a..0000000
--- a/dashboard_backup/src2/components/billing/BillingSummary.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-	<div class="flex flex-col gap-4">
-		<div class="flex flex-col rounded-lg text-base text-gray-900 shadow">
-			<div class="flex flex-col gap-2.5 px-4 py-3">
-				<div class="flex items-center justify-between">
-					<div class="flex flex-col gap-1.5">
-						<div class="text-lg font-semibold">账单费用</div>
-						<div class="text-gray-700">
-							<span>下次扣款日期 — </span>
-							<span>{{ currentMonthEnd() }}</span>
-						</div>
-					</div>
-				</div>
-				<div class="flex items-center justify-between">
-					<div class="flex gap-2 text-gray-700">
-						<i-lucide-credit-card class="h-4 w-4" />
-						<div>
-							<span>当前账单金额为 </span>
-							<span class="font-medium text-gray-900">
-								{{ currency }} {{ currentBillingAmount?.toFixed(2) || '0.00' }}
-							</span>
-						</div>
-					</div>
-					<div>
-						<Button label="查看账单明细" @click="showInvoiceDialog = true" />
-					</div>
-				</div>
-			</div>
-			<div
-				v-if="unpaidAmount.data"
-				class="m-1.5 flex items-center justify-between rounded-lg bg-gray-50 px-2.5 py-2"
-			>
-				<div class="flex h-7 items-center gap-2 text-gray-800">
-					<i-lucide-receipt class="h-4 w-4" />
-					<div>
-						<span>未支付金额为 </span>
-						<span>{{ currency }} {{ unpaidAmount.data?.toFixed(2) }}</span>
-					</div>
-				</div>
-				<div>
-					<Button variant="solid" label="立即支付" @click="payNow" />
-				</div>
-			</div>
-		</div>
-		<AddPrepaidCreditsDialog
-			v-if="showAddPrepaidCreditsDialog"
-			v-model="showAddPrepaidCreditsDialog"
-			@success="upcomingInvoice.reload()"
-		/>
-		<UpcomingInvoiceDialog v-model="showInvoiceDialog" />
-	</div>
-</template>
-<script setup>
-import AddPrepaidCreditsDialog from './AddPrepaidCreditsDialog.vue';
-import UpcomingInvoiceDialog from './UpcomingInvoiceDialog.vue';
-import { Button, createResource } from 'jingrow-ui';
-import { ref, computed, inject } from 'vue';
-import { confirmDialog } from '../../utils/components';
-import router from '../../router';
-
-const team = inject('team');
-const { currentBillingAmount, upcomingInvoice, unpaidInvoices } =
-	inject('billing');
-
-const showAddPrepaidCreditsDialog = ref(false);
-const showInvoiceDialog = ref(false);
-
-const currency = computed(() => (team.pg.currency == 'CNY' ? '¥' : '$'));
-
-const unpaidAmount = createResource({
-	url: 'jcloud.api.billing.total_unpaid_amount',
-	cache: 'unpaidAmount',
-	auto: true
-});
-
-const currentMonthEnd = () => {
-	const date = new Date();
-	const lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);
-	return lastDay.toLocaleDateString('zh-CN', {
-		year: 'numeric',
-		month: 'long',
-		day: 'numeric'
-	});
-};
-
-function payNow() {
-	team.pg.payment_mode == 'Prepaid Credits'
-		? (showAddPrepaidCreditsDialog.value = true)
-		: payUnpaidInvoices();
-}
-
-function payUnpaidInvoices() {
-	let _unpaidInvoices = unpaidInvoices.data;
-	if (_unpaidInvoices.length > 1) {
-		if (team.pg.payment_mode === 'Prepaid Credits') {
-			showAddPrepaidCreditsDialog.value = true;
-		} else {
-			confirmDialog({
-				title: '多张未支付发票',
-				message:
-					'您有多张未支付发票。请从发票页面支付它们',
-				primaryAction: {
-					label: '前往发票',
-					variant: 'solid',
-					onClick: ({ hide }) => {
-						router.push({ name: 'BillingInvoices' });
-						hide();
-					}
-				}
-			});
-		}
-	} else {
-		let invoice = _unpaidInvoices;
-		if (invoice.stripe_invoice_url && team.pg.payment_mode === 'Card') {
-			window.open(
-				`/api/action/jcloud.api.client.run_pg_method?dt=Invoice&dn=${invoice.name}&method=stripe_payment_url`
-			);
-		} else {
-			showAddPrepaidCreditsDialog.value = true;
-		}
-	}
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/BuyCreditsRazorpay.vue b/dashboard_backup/src2/components/billing/BuyCreditsRazorpay.vue
deleted file mode 100644
index cb24897..0000000
--- a/dashboard_backup/src2/components/billing/BuyCreditsRazorpay.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-	<div>
-		<span
-			v-if="team.pg.currency === 'CNY'"
-			class="mt-2.5 inline-flex gap-2 text-base text-gray-700"
-		>
-			<FeatherIcon name="info" class="my-1 h-4" />
-			<span class="leading-5">
-				如果您选择 Razorpay，您可以使用信用卡、借记卡、网上银行、UPI、钱包等方式支付。如果您使用网上银行，余额可能需要最多 5 天才能反映。
-			</span>
-		</span>
-		<ErrorMessage class="mt-3" :message="createRazorpayOrder.error" />
-		<div class="mt-8">
-			<Button
-				v-if="!isPaymentComplete"
-				class="w-full"
-				size="md"
-				variant="solid"
-				label="继续使用 Razorpay 支付"
-				:loading="createRazorpayOrder.loading"
-				@click="createRazorpayOrder.submit()"
-			/>
-			<Button
-				v-else
-				class="w-full"
-				size="md"
-				label="确认支付中"
-				variant="solid"
-				:loading="isVerifyingPayment"
-			/>
-		</div>
-	</div>
-</template>
-<script setup>
-import { Button, ErrorMessage, FeatherIcon, createResource } from 'jingrow-ui';
-import { ref, onMounted, onBeforeUnmount, inject } from 'vue';
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../utils/error';
-
-const props = defineProps({
-	amount: {
-		type: Number,
-		default: 0
-	},
-	minimumAmount: {
-		type: Number,
-		default: 0
-	}
-});
-
-const emit = defineEmits(['success']);
-const team = inject('team');
-
-const isPaymentComplete = ref(false);
-const isVerifyingPayment = ref(false);
-
-const razorpayCheckoutJS = ref(null);
-
-onMounted(() => {
-	razorpayCheckoutJS.value = document.createElement('script');
-	razorpayCheckoutJS.value.setAttribute(
-		'src',
-		'https://checkout.razorpay.com/v1/checkout.js'
-	);
-	razorpayCheckoutJS.value.async = true;
-	document.head.appendChild(razorpayCheckoutJS.value);
-});
-
-onBeforeUnmount(() => {
-	razorpayCheckoutJS.value?.remove();
-});
-
-const createRazorpayOrder = createResource({
-	url: 'jcloud.api.billing.create_razorpay_order',
-	params: {
-		amount: props.amount
-	},
-	onSuccess: data => processOrder(data),
-	validate: () => {
-		if (props.amount < props.minimumAmount) {
-			throw new DashboardError('Amount less than minimum amount required');
-		}
-	}
-});
-
-const handlePaymentFailed = createResource({
-	url: 'jcloud.api.billing.handle_razorpay_payment_failed',
-	onSuccess: () => {
-		console.log('Payment Failed.');
-	}
-});
-
-function processOrder(data) {
-	const options = {
-		key: data.key_id,
-		order_id: data.order_id,
-		name: '今果 Jingrow',
-		image: 'https://jingrow.com/files/cloud.png',
-		prefill: { email: team.pg?.user },
-		handler: handlePaymentSuccess,
-		theme: { color: '#171717' }
-	};
-
-	const rzp = new Razorpay(options);
-
-	// Opens the payment checkout frame
-	rzp.open();
-
-	// Attach failure handler
-	rzp.on('payment.failed', handlePaymentFailure);
-	// rzp.on('payment.success', this.handlePaymentSuccess);
-}
-
-function handlePaymentFailure(response) {
-	handlePaymentFailed.submit({ response });
-	toast.error('支付失败');
-}
-
-function handlePaymentSuccess() {
-	isPaymentComplete.value = true;
-	emit('success');
-	toast.success('支付成功');
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/BuyCreditsStripe.vue b/dashboard_backup/src2/components/billing/BuyCreditsStripe.vue
deleted file mode 100644
index 5c8f286..0000000
--- a/dashboard_backup/src2/components/billing/BuyCreditsStripe.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-	<div>
-		<label
-			class="block"
-			:class="{
-				'pointer-events-none h-0.5 opacity-0': step != 'Add Card Details',
-				'mt-4': step == 'Add Card Details'
-			}"
-		>
-			<span class="text-sm leading-4 text-gray-700">
-				信用卡或借记卡
-			</span>
-			<div class="form-input mt-2 block w-full pl-3" ref="cardElementRef"></div>
-			<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-		</label>
-
-		<div v-if="step == 'Setting up Stripe'" class="mt-8 flex justify-center">
-			<Spinner class="h-4 w-4 text-gray-700" />
-		</div>
-		<ErrorMessage
-			class="mt-2"
-			:message="createPaymentIntent.error || errorMessage"
-		/>
-		<div class="mt-8">
-			<Button
-				v-if="step == 'Get Amount'"
-				class="w-full"
-				size="md"
-				variant="solid"
-				label="继续使用Stripe支付"
-				:loading="createPaymentIntent.loading"
-				@click="createPaymentIntent.submit()"
-			/>
-			<Button
-				v-else-if="step == 'Add Card Details'"
-				class="w-full"
-				size="md"
-				variant="solid"
-				label="通过Stripe支付"
-				:loading="paymentInProgress"
-				@click="onBuyClick"
-			/>
-		</div>
-	</div>
-</template>
-<script setup>
-import { Button, ErrorMessage, Spinner, createResource } from 'jingrow-ui';
-import { loadStripe } from '@stripe/stripe-js';
-import { ref, nextTick, inject } from 'vue';
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../utils/error';
-
-const props = defineProps({
-	amount: {
-		type: Number,
-		default: 0
-	},
-	minimumAmount: {
-		type: Number,
-		default: 0
-	}
-});
-
-const emit = defineEmits(['success']);
-
-const team = inject('team');
-
-const step = ref('Get Amount');
-const clientSecret = ref(null);
-const cardErrorMessage = ref(null);
-const errorMessage = ref(null);
-const paymentInProgress = ref(false);
-
-const stripe = ref(null);
-const card = ref(null);
-const elements = ref(null);
-const ready = ref(false);
-
-const cardElementRef = ref(null);
-
-const createPaymentIntent = createResource({
-	url: 'jcloud.api.billing.create_payment_intent_for_buying_credits',
-	params: { amount: props.amount },
-	validate() {
-		if (props.amount < props.minimumAmount && !team.pg.jerp_partner) {
-			throw new DashboardError(
-				`金额必须大于或等于 ${props.minimumAmount}`
-			);
-		}
-	},
-	async onSuccess(data) {
-		step.value = 'Setting up Stripe';
-		let { publishable_key, client_secret } = data;
-		clientSecret.value = client_secret;
-		stripe.value = await loadStripe(publishable_key);
-		elements.value = stripe.value.elements();
-		const style = {
-			base: {
-				color: '#171717',
-				fontFamily: [
-					'ui-sans-serif',
-					'system-ui',
-					'-apple-system',
-					'BlinkMacSystemFont',
-					'"Segoe UI"',
-					'Roboto',
-					'"Helvetica Neue"',
-					'Arial',
-					'"Noto Sans"',
-					'sans-serif',
-					'"Apple Color Emoji"',
-					'"Segoe UI Emoji"',
-					'"Segoe UI Symbol"',
-					'"Noto Color Emoji"'
-				].join(', '),
-				fontSmoothing: 'antialiased',
-				fontSize: '13px',
-				'::placeholder': {
-					color: '#C7C7C7'
-				}
-			},
-			invalid: {
-				color: '#7C7C7C',
-				iconColor: '#7C7C7C'
-			}
-		};
-		card.value = elements.value.create('card', {
-			hidePostalCode: true,
-			style: style,
-			classes: {
-				complete: '',
-				focus: 'bg-gray-100'
-			}
-		});
-
-		step.value = 'Add Card Details';
-		nextTick(() => {
-			card.value.mount(cardElementRef.value);
-		});
-
-		card.value.addEventListener('change', event => {
-			cardErrorMessage.value = event.error?.message || null;
-		});
-		card.value.addEventListener('ready', () => {
-			ready.value = true;
-		});
-	}
-});
-
-async function onBuyClick() {
-	paymentInProgress.value = true;
-let payload = await stripe.value.confirmCardPayment(clientSecret.value, {
-		payment_method: { card: card.value }
-	});
-
-	if (payload.error) {
-		errorMessage.value = payload.error.message;
-		paymentInProgress.value = false;
-	} else {
-		toast.success(
-			'支付处理成功，我们将在收到Stripe确认后尽快更新您的账户'
-		);
-		paymentInProgress.value = false;
-		emit('success');
-		errorMessage.value = null;
-	}
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/CardForm.vue b/dashboard_backup/src2/components/billing/CardForm.vue
deleted file mode 100644
index 4857d98..0000000
--- a/dashboard_backup/src2/components/billing/CardForm.vue
+++ /dev/null
@@ -1,355 +0,0 @@
-<template>
-	<div class="relative">
-		<div
-			v-if="!ready"
-			class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-8 transform"
-		>
-			<Spinner class="h-5 w-5 text-gray-700" />
-		</div>
-		<div :class="{ 'opacity-0': !ready }">
-			<div v-show="!tryingMicroCharge">
-				<label class="block">
-					<span class="block text-xs text-gray-600">
-						信用卡或借记卡
-					</span>
-					<div
-						class="form-input mt-2 block h-[unset] w-full py-2 pl-3"
-						ref="cardElementRef"
-					></div>
-					<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-				</label>
-				<FormControl
-					class="mt-4"
-					label="持卡人姓名"
-					type="text"
-					v-model="billingInformation.cardHolderName"
-				/>
-				<NewAddressForm
-					ref="addressFormRef"
-					class="mt-5"
-					v-model="billingInformation"
-					:disable-form="props.disableAddressForm"
-					@success="console.log('地址表单已提交')"
-				/>
-			</div>
-
-			<div class="mt-3 space-y-4" v-show="tryingMicroCharge">
-				<p class="text-base text-gray-700">
-					我们正在尝试向您的卡收取
-					<strong>{{ formattedMicroChargeAmount }}</strong> 以确保该卡有效。此金额将<strong>退还</strong>到您的账户。
-				</p>
-			</div>
-
-			<ErrorMessage class="mt-2" :message="errorMessage" />
-
-			<div class="mt-6 flex items-center justify-between">
-				<PoweredByStripeLogo />
-				<Button
-					v-if="showAddAnotherCardButton"
-					label="添加另一张卡"
-					@click="clearForm"
-				>
-					<template #prefix>
-						<FeatherIcon class="h-4" name="plus" />
-					</template>
-				</Button>
-				<Button
-					v-else-if="!tryingMicroCharge"
-					variant="solid"
-					label="验证并保存卡"
-					:loading="addingCard"
-					@click="submit"
-				/>
-
-				<Button
-					v-else-if="tryingMicroCharge"
-					:loading="!microChargeCompleted"
-					:loadingText="'正在验证卡'"
-				>
-					卡已验证
-					<template #prefix>
-						<GreenCheckIcon class="h-4 w-4" />
-					</template>
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-<script setup>
-import NewAddressForm from './NewAddressForm.vue';
-import PoweredByStripeLogo from '../../logo/PoweredByStripeLogo.vue';
-import {
-	FeatherIcon,
-	Button,
-	FormControl,
-	Spinner,
-	ErrorMessage,
-	createResource,
-} from 'jingrow-ui';
-import { currency } from '../../utils/format';
-import { loadStripe } from '@stripe/stripe-js';
-import { ref, reactive, computed, inject, onMounted } from 'vue';
-import { toast } from 'vue-sonner';
-
-const emit = defineEmits(['success']);
-const props = defineProps({
-	disableAddressForm: { type: Boolean, default: true },
-});
-
-const team = inject('team');
-
-const stripe = ref(null);
-const elements = ref(null);
-const card = ref(null);
-const ready = ref(false);
-const _setupIntent = ref(null);
-const errorMessage = ref(null);
-const cardErrorMessage = ref(null);
-const addingCard = ref(false);
-const tryingMicroCharge = ref(false);
-const showAddAnotherCardButton = ref(false);
-const microChargeCompleted = ref(false);
-
-onMounted(() => setupStripeIntent());
-
-const cardElementRef = ref(null);
-
-const getPublishedKeyAndSetupIntent = createResource({
-	url: 'jcloud.api.billing.get_publishable_key_and_setup_intent',
-	onSuccess: async (data) => {
-		const { publishable_key, setup_intent } = data;
-		_setupIntent.value = setup_intent;
-		stripe.value = await loadStripe(publishable_key);
-		elements.value = stripe.value.elements();
-		const style = {
-			base: {
-				color: '#171717',
-				fontFamily: [
-					'ui-sans-serif',
-					'system-ui',
-					'-apple-system',
-					'BlinkMacSystemFont',
-					'"Segoe UI"',
-					'Roboto',
-					'"Helvetica Neue"',
-					'Arial',
-					'"Noto Sans"',
-					'sans-serif',
-					'"Apple Color Emoji"',
-					'"Segoe UI Emoji"',
-'"Segoe UI Symbol"',
-					'"Noto Color Emoji"',
-				].join(', '),
-				fontSmoothing: 'antialiased',
-				fontSize: '13px',
-				'::placeholder': {
-					color: '#C7C7C7',
-				},
-			},
-			invalid: {
-				color: '#C7C7C7',
-				iconColor: '#C7C7C7',
-			},
-		};
-		card.value = elements.value.create('card', {
-			hidePostalCode: true,
-			style: style,
-			classes: {
-				complete: '',
-				focus: 'bg-gray-100',
-			},
-		});
-		card.value.mount(cardElementRef.value);
-		card.value.addEventListener('change', (event) => {
-			cardErrorMessage.value = event.error?.message || null;
-		});
-		card.value.addEventListener('ready', () => {
-			ready.value = true;
-		});
-	},
-});
-
-const countryList = createResource({
-	url: 'jcloud.api.account.country_list',
-	cache: 'countryList',
-	auto: true,
-});
-
-const browserTimezone = computed(() => {
-	if (!window.Intl) {
-		return null;
-	}
-	return Intl.DateTimeFormat().resolvedOptions().timeZone;
-});
-
-const billingInformation = reactive({
-	cardHolderName: '',
-	country: '',
-	gstin: '',
-});
-
-createResource({
-	url: 'jcloud.api.account.get_billing_information',
-	params: { timezone: browserTimezone.value },
-	auto: true,
-	onSuccess: (data) => {
-		billingInformation.country = data?.country;
-		billingInformation.address = data?.address_line1;
-		billingInformation.city = data?.city;
-		billingInformation.state = data?.state;
-		billingInformation.postal_code = data?.pincode;
-		billingInformation.gstin =
-			data?.gstin == 'Not Applicable' ? '' : data?.gstin;
-	},
-});
-
-const setupIntentSuccess = createResource({
-	url: 'jcloud.api.billing.setup_intent_success',
-	makeParams: ({ setupIntent }) => {
-		return {
-			setup_intent: setupIntent,
-			address: billingInformation,
-		};
-	},
-	onSuccess: async ({ payment_method_name }) => {
-		await verifyWithMicroChargeIfApplicable(payment_method_name);
-		addingCard.value = false;
-		toast.success('卡片添加成功');
-	},
-	onError: (error) => {
-		console.error(error);
-		addingCard.value = false;
-		errorMessage.value = error.messages.join('\n');
-		toast.error(errorMessage.value);
-	},
-});
-
-const verifyCardWithMicroCharge = createResource({
-	url: 'jcloud.api.billing.create_payment_intent_for_micro_debit',
-	makeParams: ({ paymentMethodName }) => {
-		return { payment_method_name: paymentMethodName };
-	},
-	onSuccess: async (paymentIntent) => {
-		let { client_secret } = paymentIntent;
-
-		let payload = await stripe.value.confirmCardPayment(client_secret, {
-			payment_method: { card: card.value },
-		});
-
-		if (payload.paymentIntent?.status === 'succeeded') {
-			microChargeCompleted.value = true;
-			emit('success');
-		}
-	},
-	onError: (error) => {
-		console.error(error);
-		tryingMicroCharge.value = false;
-		errorMessage.value = error.messages.join('\n');
-	},
-});
-
-async function setupStripeIntent() {
-	await getPublishedKeyAndSetupIntent.submit();
-	const { first_name, last_name = '' } = team.pg?.user_info;
-	const fullname = `${first_name} ${last_name ?? ''}`;
-	billingInformation.cardHolderName = fullname.trimEnd();
-}
-
-const addressFormRef = ref(null);
-
-async function submit() {
-	addingCard.value = true;
-	let message = await addressFormRef.value.validate();
-
-	if (message) {
-		errorMessage.value = message;
-		addingCard.value = false;
-		return;
-	} else {
-		errorMessage.value = null;
-	}
-
-	const { setupIntent, error } = await stripe.value.confirmCardSetup(
-		_setupIntent.value.client_secret,
-		{
-			payment_method: {
-				card: card.value,
-				billing_details: {
-					name: billingInformation.cardHolderName,
-					address: {
-						line1: billingInformation.address,
-						city: billingInformation.city,
-						state: billingInformation.state,
-						postal_code: billingInformation.postal_code,
-						country: getCountryCode(team.pg?.country),
-					},
-				},
-			},
-		},
-	);
-	if (error) {
-		addingCard.value = false;
-		let declineCode = error.decline_code;
-		let _errorMessage = error.message;
-		if (declineCode === 'do_not_honor') {
-			errorMessage.value =
-"您的卡被拒绝了。可能是由于余额不足或您可能已超过每日限额。请尝试使用另一张卡或联系您的银行。";
-			showAddAnotherCardButton.value = true;
-		} else if (declineCode === 'transaction_not_allowed') {
-			errorMessage.value =
-				'您的卡被拒绝了。可能是由于您的卡存在限制，如国际交易或在线支付。请尝试使用另一张卡或联系您的银行。';
-			showAddAnotherCardButton.value = true;
-		} else if (_errorMessage != 'Your card number is incomplete.') {
-			errorMessage.value = _errorMessage;
-		}
-	} else {
-		if (setupIntent?.status === 'succeeded') {
-			setupIntentSuccess.submit({ setupIntent });
-		}
-	}
-}
-
-async function verifyWithMicroChargeIfApplicable(paymentMethodName) {
-	const teamCurrency = team.pg?.currency;
-	const verifyCardsWithMicroCharge = window.verify_cards_with_micro_charge;
-	const isMicroChargeApplicable =
-		verifyCardsWithMicroCharge === 'Both CNY and USD' ||
-		(verifyCardsWithMicroCharge == 'Only CNY' && teamCurrency === 'CNY') ||
-		(verifyCardsWithMicroCharge === 'Only USD' && teamCurrency === 'USD');
-	if (isMicroChargeApplicable) {
-		await _verifyWithMicroCharge(paymentMethodName);
-	} else {
-		emit('success');
-	}
-}
-
-async function _verifyWithMicroCharge(paymentMethodName) {
-	tryingMicroCharge.value = true;
-	return verifyCardWithMicroCharge.submit({
-		paymentMethodName,
-	});
-}
-
-function getCountryCode(country) {
-	let code = countryList.data.find((d) => d.name === country).code;
-	return code.toUpperCase();
-}
-
-async function clearForm() {
-	ready.value = false;
-	errorMessage.value = null;
-	showAddAnotherCardButton.value = false;
-	card.value = null;
-	setupStripeIntent();
-}
-
-const formattedMicroChargeAmount = computed(() => {
-	if (!team.pg?.currency) {
-		return 0;
-	}
-	return currency(
-		team.pg?.billing_info?.micro_debit_charge_amount,
-		team.pg?.currency,
-	);
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/ChangeCardDialog.vue b/dashboard_backup/src2/components/billing/ChangeCardDialog.vue
deleted file mode 100644
index 779a433..0000000
--- a/dashboard_backup/src2/components/billing/ChangeCardDialog.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-<template>
-	<div>
-		<Dialog
-			v-model="show"
-			:options="{ title: '选择活动卡片' }"
-			:disableOutsideClickToClose="confirmDialogOpened"
-		>
-			<template #body-content>
-				<div v-if="cards.data?.length" class="flex flex-col gap-2.5">
-					<div
-						v-for="card in cards.data"
-						:key="card.name"
-						class="flex justify-between gap-2 rounded p-2.5 text-base text-gray-900 hover:bg-gray-100"
-					>
-						<div class="flex gap-2">
-							<component :is="cardBrandIcon(card.brand)" class="my-auto" />
-							<div>
-								<div class="flex h-7 items-center gap-1 font-medium">
-									<div>{{ card.name_on_card }}</div>
-									<div>&middot;</div>
-									<div class="flex gap-1 text-gray-700">
-										<div>卡号以 •••• 结尾</div>
-										<div>{{ card.last_4 }}</div>
-									</div>
-									<Badge
-										v-if="card.is_default"
-										class="ml-1.5"
-										label="默认"
-										variant="outline"
-										theme="green"
-									/>
-								</div>
-								<div class="text-gray-600">
-									有效期
-									{{
-										card.expiry_month < 10
-											? `0${card.expiry_month}`
-											: card.expiry_month
-									}}/{{ card.expiry_year }}
-								</div>
-							</div>
-						</div>
-						<div v-if="cards.data.length > 1 && !card.is_default">
-							<Dropdown
-								:options="[
-									{
-										label: '设为默认',
-										onClick: () => setAsDefault(card.name),
-										condition: () => !card.is_default
-									},
-									{ label: '移除', onClick: () => removeCard(card.name) }
-								]"
-							>
-								<Button icon="more-horizontal" variant="ghost" />
-							</Dropdown>
-						</div>
-					</div>
-				</div>
-			</template>
-			<template #actions>
-				<Button
-					label="添加新卡片"
-					class="w-full"
-					variant="solid"
-					@click="emit('addCard')"
-				>
-					<template #prefix>
-						<FeatherIcon name="plus" class="h-4" />
-					</template>
-				</Button>
-			</template>
-		</Dialog>
-	</div>
-</template>
-<script setup>
-// import { createDialog } from '../dialogs.js';
-import {
-	Dropdown,
-	Badge,
-	Dialog,
-	Button,
-	FeatherIcon,
-	createResource
-} from 'jingrow-ui';
-import { cardBrandIcon, confirmDialog } from '../../utils/components';
-import { ref } from 'vue';
-
-const emit = defineEmits(['success', 'addCard']);
-
-const show = defineModel();
-
-const cards = createResource({
-	url: 'jcloud.api.billing.get_payment_methods',
-	cache: 'cards',
-	auto: true
-});
-
-const setAsDefault = card => {
-	createResource({
-		url: 'jcloud.api.billing.set_as_default',
-		params: { name: card },
-		auto: true,
-		onSuccess: () => {
-			cards.reload();
-			emit('success');
-		}
-	});
-};
-
-const confirmDialogOpened = ref(false);
-const removeCard = card => {
-	confirmDialogOpened.value = true;
-	confirmDialog({
-		title: '移除卡片',
-		message: '确定要移除这张卡片吗？',
-		primaryAction: {
-			label: '移除',
-			variant: 'solid',
-			theme: 'red',
-			onClick: ({ hide }) => {
-				createResource({
-					url: 'jcloud.api.billing.remove_payment_method',
-					params: { name: card },
-					auto: true,
-					onSuccess: () => {
-						cards.reload();
-						confirmDialogOpened.value = false;
-						hide();
-					}
-				});
-			}
-		},
-		onSuccess: () => {
-			confirmDialogOpened.value = false;
-		}
-	});
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/DropdownItem.vue b/dashboard_backup/src2/components/billing/DropdownItem.vue
deleted file mode 100644
index c51f5fa..0000000
--- a/dashboard_backup/src2/components/billing/DropdownItem.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-	<div>
-		<Button
-			class="flex w-full justify-between rounded text-base"
-			variant="ghost"
-			:label="label"
-			@click="onClick"
-		>
-			<template v-if="active" #suffix>
-				<FeatherIcon class="h-4" name="check" />
-			</template>
-			<slot />
-		</Button>
-	</div>
-</template>
-<script setup>
-import { Button, FeatherIcon } from 'jingrow-ui';
-const props = defineProps({
-	label: String,
-	active: Boolean,
-	onClick: Array
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/FinalizeInvoicesDialog.vue b/dashboard_backup/src2/components/billing/FinalizeInvoicesDialog.vue
deleted file mode 100644
index 8fb8a29..0000000
--- a/dashboard_backup/src2/components/billing/FinalizeInvoicesDialog.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-	<Dialog
-		:options="{ title: `结算未结清发票` }"
-		v-model="showDialog"
-	>
-		<template #body-content>
-			<div class="prose text-base">
-				您的账户有以下期间的未支付发票：
-				<ul class="pt-2">
-					<li
-						class="font-semibold"
-						v-for="invoice in $resources.unpaidInvoices.data"
-					>
-						{{
-							date(invoice.period_end).toLocaleString({
-								month: 'long',
-								year: 'numeric'
-							})
-						}}
-						-
-						{{
-							(invoice.currency === 'CNY' ? '¥ ' : '$ ') + invoice.amount_due
-						}}
-					</li>
-				</ul>
-				请在移除所有支付方式、切换到合作伙伴支付方式或停用账户之前，结算并支付这些发票。您可以<Link to="/billing/invoices/">在此</Link>查看发票详情并进行支付。支付可能需要最多2小时才能反映在您的发票上。
-			</div>
-		</template>
-		<template #actions>
-			<Button
-				variant="solid"
-				class="w-full"
-				@click="$resources.finalizeInvoices.submit()"
-			>
-				结算发票
-			</Button>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { date } from '../../utils/format';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'FinalizeInvoicesDialog',
-	props: {
-		msg: String
-	},
-	data() {
-		return {
-			showDialog: true
-		};
-	},
-	resources: {
-		finalizeInvoices: {
-			url: 'jcloud.api.billing.finalize_invoices',
-			onSuccess() {
-				this.showDialog = false;
-				toast.success('发票结算成功');
-			}
-		},
-		unpaidInvoices: {
-			url: 'jcloud.api.billing.unpaid_invoices',
-			auto: true
-		}
-	},
-	methods: {
-		date
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/NewAddressForm.vue b/dashboard_backup/src2/components/billing/NewAddressForm.vue
deleted file mode 100644
index f405012..0000000
--- a/dashboard_backup/src2/components/billing/NewAddressForm.vue
+++ /dev/null
@@ -1,214 +0,0 @@
-<template>
-	<div>
-		<div class="flex flex-col gap-5">
-			<div
-				v-for="section in sections"
-				:key="section.name"
-				class="grid gap-4"
-				:class="'grid-cols-' + section.columns"
-			>
-				<div v-for="field in section.fields" :key="field.name">
-					<FormControl
-						v-model="billingInformation[field.fieldname]"
-						:label="field.label || field.fieldname"
-						:type="getInputType(field)"
-						:name="field.fieldname"
-						:options="field.options"
-						:disabled="props.disableForm"
-						:required="field.required"
-					/>
-				</div>
-			</div>
-		</div>
-		<ErrorMessage class="mt-2" :message="updateBillingInformation.error" />
-	</div>
-</template>
-<script setup>
-import { FormControl, ErrorMessage, createResource } from 'jingrow-ui';
-import { ref, computed, inject, watch, onMounted } from 'vue';
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../utils/error';
-import { countryNameMap, chinaStates } from '@/utils/billing';
-
-const emit = defineEmits(['success']);
-const team = inject('team');
-
-const billingInformation = defineModel();
-const props = defineProps({
-	disableForm: { type: Boolean, default: false },
-});
-
-// 获取团队当前国家信息
-const getBillingInformation = createResource({
-	url: 'jcloud.api.account.get_billing_information',
-	onSuccess(data) {
-		console.log("获取到的账单信息:", data);
-		if (data.country) {
-			// 设置当前国家，确保使用后端的准确值
-			billingInformation.value.country = data.country;
-		} else {
-			// 只有没有国家信息时才设置默认值
-			billingInformation.value.country = 'China';
-		}
-	}
-});
-
-const updateBillingInformation = createResource({
-	url: 'jcloud.api.account.update_billing_information',
-	makeParams: () => {
-		const billingData = { ...billingInformation.value };
-		
-		// 确保国家名称正确，如果用户选择了'cn'代码，需要转换为'China'
-		if (billingData.country === 'cn') {
-			billingData.country = 'China';
-		}
-		
-		return { billing_details: billingData };
-	},
-	validate: async () => {
-		let error = await validate();
-		if (error) throw new DashboardError(error);
-	},
-	onSuccess: () => {
-		toast.success('账单信息已更新');
-		emit('success');
-	},
-});
-
-// 组件挂载时获取当前账单信息
-onMounted(() => {
-	// 获取当前账单信息，包括国家
-	getBillingInformation.submit();
-});
-
-// 反向映射：从代码到名称
-const codeToNameMap = computed(() => {
-	const map = {};
-	Object.entries(countryNameMap).forEach(([code, name]) => {
-		map[code] = name;
-	});
-	return map;
-});
-
-// 国家选择列表 - 包含英文代码映射到中文显示
-const countryList = computed(() => {
-	// 由于后端限制，目前只提供中国选项
-	return [{ label: '中国', value: 'China' }];
-	
-	// 如果未来允许其他国家，可以恢复这个：
-	// return Object.entries({
-	//   'China': '中国',
-	//   'United States': '美国',
-	//   // 其他国家...
-	// }).map(([code, name]) => ({
-	//   label: name,
-	//   value: code
-	// }));
-});
-
-const stateOptions = computed(() => {
-	return chinaStates.map((state) => ({
-		label: state,
-		value: state,
-	}));
-});
-
-const sections = computed(() => {
-	return [
-		{
-			name: '国家和城市',
-			columns: 2,
-			fields: [
-				{
-					fieldtype: 'Select',
-					label: '国家',
-					fieldname: 'country',
-					options: countryList.value,
-					required: true,
-					disabled: true, // 禁用国家选择
-				},
-				{
-					fieldtype: 'Data',
-					label: '城市',
-					fieldname: 'city',
-					required: true,
-				},
-			],
-		},
-		{
-			name: '地址',
-			columns: 1,
-			fields: [
-				{
-					fieldtype: 'Data',
-					label: '地址',
-					fieldname: 'address',
-					required: true,
-				},
-			],
-		},
-		{
-			name: '州和邮政编码',
-			columns: 2,
-			fields: [
-				{
-					fieldtype:
-						billingInformation.value.country === 'China' ? 'Select' : 'Data',
-					label: '州/省/地区',
-					fieldname: 'state',
-					required: true,
-					options:
-						billingInformation.value.country === 'China'
-							? stateOptions.value
-							: null,
-				},
-				{
-					fieldtype: 'Data',
-					label: '邮政编码',
-					fieldname: 'postal_code',
-					required: true,
-				},
-			],
-		},
-	];
-});
-
-function getInputType(field) {
-	return {
-		Data: 'text',
-		Int: 'number',
-		Select: 'select',
-		Check: 'checkbox',
-		Password: 'password',
-		Text: 'textarea',
-		Date: 'date',
-	}[field.fieldtype || 'Data'];
-}
-
-async function validate() {
-	// 验证必填字段
-	for (let field of sections.value.flatMap((s) => s.fields)) {
-		if (field.required && !billingInformation.value[field.fieldname]) {
-			return `${field.label} 是必填项`;
-		}
-	}
-	return null; // 返回null表示没有错误
-}
-
-// 组件加载时设置默认国家
-watch(() => team.pg?.country, (country) => {
-	if (country) {
-		const countryOption = countryList.value.find(
-			(c) => c.label === country || c.value === country
-		);
-		if (countryOption) {
-			billingInformation.value.country = countryOption.value;
-		}
-	} else {
-		// 如果team.pg中没有country，默认设置为中国
-		billingInformation.value.country = 'China';
-	}
-}, { immediate: true });
-
-defineExpose({ updateBillingInformation, validate });
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/PaymentDetails.vue b/dashboard_backup/src2/components/billing/PaymentDetails.vue
deleted file mode 100644
index 045561b..0000000
--- a/dashboard_backup/src2/components/billing/PaymentDetails.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<template>
-	<div class="flex flex-col gap-4 py-10">
-		<div class="flex flex-col">
-			<div class="flex items-center justify-between text-base text-gray-900">
-				<div class="flex flex-col gap-1.5">
-					<div class="text-lg font-semibold text-gray-900">账户余额</div>
-					<div class="text-2xl font-bold text-blue-600 py-6">
-						{{ availableCredits || currency + ' 0.00' }}
-					</div>
-				</div>
-				<div class="shrink-0">
-					<Button
-						:label="'充值'"
-						@click="
-							() => {
-								showMessage = false;
-								showAddPrepaidCreditsDialog = true;
-							}
-						"
-					>
-						<template #prefix>
-							<FeatherIcon class="h-4" name="plus" />
-						</template>
-					</Button>
-				</div>
-			</div>
-			<div class="my-3 h-px bg-gray-100" />
-			<div class="flex items-center justify-between text-base text-gray-900">
-				<div class="flex flex-col gap-1.5">
-					<div class="font-medium">账单地址</div>
-					<div v-if="billingDetailsSummary" class="leading-5 text-gray-700">
-						{{ billingDetailsSummary }}
-					</div>
-					<div v-else class="text-gray-700">无地址</div>
-				</div>
-				<div class="shrink-0">
-					<Button
-						:label="billingDetailsSummary ? '编辑' : '添加账单地址'"
-						@click="
-							() => {
-								showMessage = false;
-								showBillingDetailsDialog = true;
-							}
-						"
-					>
-						<template v-if="!billingDetailsSummary" #prefix>
-							<FeatherIcon class="h-4" name="plus" />
-						</template>
-					</Button>
-				</div>
-			</div>
-		</div>
-	</div>
-	<BillingDetailsDialog
-		v-if="showBillingDetailsDialog"
-		v-model="showBillingDetailsDialog"
-		:showMessage="showMessage"
-		@success="billingDetails.reload()"
-	/>
-	<AddPrepaidCreditsDialog
-		v-if="showAddPrepaidCreditsDialog"
-		v-model="showAddPrepaidCreditsDialog"
-		:showMessage="showMessage"
-		@success="upcomingInvoice.reload()"
-	/>
-</template>
-<script setup>
-import DropdownItem from './DropdownItem.vue';
-import BillingDetailsDialog from './BillingDetailsDialog.vue';
-import AddPrepaidCreditsDialog from './AddPrepaidCreditsDialog.vue';
-import { Dropdown, Button, FeatherIcon, createResource } from 'jingrow-ui';
-import {
-	confirmDialog,
-	renderDialog,
-} from '../../utils/components';
-import { computed, ref, inject, h, defineAsyncComponent, onMounted, nextTick } from 'vue';
-import router from '../../router';
-
-// 英文国家名到中文的映射
-const countryToZh = {
-	'China': '中国',
-	'United States': '美国',
-	// 可以根据需要添加更多国家
-};
-
-const team = inject('team');
-const {
-	availableCredits,
-	upcomingInvoice,
-	currentBillingAmount,
-	unpaidInvoices,
-} = inject('billing');
-
-const showBillingDetailsDialog = ref(false);
-const showAddPrepaidCreditsDialog = ref(false);
-
-const currency = computed(() => (team.pg.currency == 'CNY' ? '¥' : '$'));
-
-const billingDetails = createResource({
-	url: 'jcloud.api.account.get_billing_information',
-	cache: 'billingDetails',
-	auto: true,
-});
-
-const changePaymentMode = createResource({
-	url: 'jcloud.api.billing.change_payment_mode',
-	onSuccess: () => setTimeout(() => team.reload(), 1000),
-});
-
-const billingDetailsSummary = computed(() => {
-	let _billingDetails = billingDetails.data;
-	if (!_billingDetails) return '';
-
-	const { address_line1, city, state, country, pincode } =
-		_billingDetails || {};
-		
-	// 转换国家名称为中文
-	const displayCountry = countryToZh[country] || country;
-	
-	// 调整为中国用户习惯的地址格式
-	// 中国地址格式：[国家] [省/自治区/直辖市] [市] [区/详细地址] [邮编]
-	if (country === 'China') {
-		// 中国地址使用中文格式
-		return [
-			displayCountry,
-			state, // 省/自治区/直辖市
-			city, // 市
-			address_line1, // 详细地址
-			pincode ? `邮编: ${pincode}` : '' // 邮编
-		]
-			.filter(Boolean)
-			.join(' ');
-	} else {
-		// 国外地址保持原来的格式
-		return [
-			address_line1,
-			city,
-			state,
-			displayCountry,
-			pincode
-		]
-			.filter(Boolean)
-			.join(', ');
-	}
-});
-
-const paymentModeOptions = [
-	{
-		label: '余额支付',
-		value: 'Prepaid Credits',
-		description: '您的每月账单费用将从账户余额中扣除',
-		component: () =>
-			h(DropdownItem, {
-				label: '余额支付',
-				active: team.pg.payment_mode === 'Prepaid Credits',
-				onClick: () => updatePaymentMode('Prepaid Credits'),
-			}),
-	},
-	{
-		label: '由合作伙伴支付',
-		value: 'Paid By Partner',
-		condition: () => team.pg.partner_email,
-		description: '您的合作伙伴将为您支付每月订阅费用',
-		component: () =>
-			h(DropdownItem, {
-				label: '由合作伙伴支付',
-				active: team.pg.payment_mode === 'Paid by Partner',
-				onClick: () =>
-					confirmDialog({
-						title: '确认支付方式',
-						message: `通过将支付方式更改为<strong>由合作伙伴支付</strong>，以下详细信息将与您的合作伙伴共享：<br><br><li>站点/服务器名称</li> <li>计划名称</li><li>站点/服务器激活天数</li><br>您确定要继续吗？`,
-						primaryAction: {
-							label: '更改支付方式',
-							variant: 'solid',
-							onClick: ({ hide }) => {
-								updatePaymentMode('Paid By Partner');
-								hide();
-							},
-						},
-					}),
-			}),
-	},
-];
-
-const paymentMode = computed(() => {
-	return paymentModeOptions.find((o) => o.value === team.pg.payment_mode);
-});
-
-// 修改onMounted钩子，添加自动设置支付方式为余额支付的逻辑
-onMounted(() => {
-	// 如果当前没有设置支付方式，自动设置为余额支付
-	nextTick(() => {
-		if (!team.pg.payment_mode) {
-			updatePaymentMode('Prepaid Credits');
-		}
-	});
-});
-
-function payUnpaidInvoices() {
-	let _unpaidInvoices = unpaidInvoices.data;
-	if (_unpaidInvoices.length > 1) {
-		showAddPrepaidCreditsDialog.value = true;
-	} else {
-		let invoice = _unpaidInvoices[0];
-		showAddPrepaidCreditsDialog.value = true;
-	}
-}
-
-const showMessage = ref(false);
-function updatePaymentMode(mode) {
-	showMessage.value = false;
-	if (mode === 'Paid By Partner' && Boolean(unpaidInvoices.data.length > 0)) {
-		if (unpaidInvoices.data) {
-			payUnpaidInvoices();
-			return;
-		}
-		if (currentBillingAmount.value) {
-			const finalizeInvoicesDialog = defineAsyncComponent(
-				() => import('./FinalizeInvoicesDialog.vue'),
-			);
-			renderDialog(h(finalizeInvoicesDialog));
-			return;
-		}
-	}
-	if (!changePaymentMode.loading) changePaymentMode.submit({ mode });
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/PrepaidCreditsForm.vue b/dashboard_backup/src2/components/billing/PrepaidCreditsForm.vue
deleted file mode 100644
index 1ba4082..0000000
--- a/dashboard_backup/src2/components/billing/PrepaidCreditsForm.vue
+++ /dev/null
@@ -1,250 +0,0 @@
-<template>
-	<div>
-		<FormControl
-			:label="`支付金额`"
-			class="mb-3"
-			v-model.number="creditsToBuy"
-			name="amount"
-			autocomplete="off"
-			type="number"
-			:min="minimumAmount"
-		>
-			<template #prefix>
-				<div class="grid w-4 place-items-center text-sm text-gray-700">
-					{{ $team.pg.currency === 'CNY' ? '¥' : '$' }}
-				</div>
-			</template>
-		</FormControl>
-	</div>
-
-	<div class="mt-4">
-		<div class="text-xs text-gray-600">支付方式</div>
-		<div class="mt-1.5 grid grid-cols-1 gap-2 sm:grid-cols-2">
-			<label
-				class="payment-option"
-				:class="{'payment-option-active': paymentGateway === 'Alipay'}"
-			>
-				<div class="payment-icon">
-					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1157.3333 400" class="alipay-svg"><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="M0 300h868V0H0Z"></path></clipPath></defs><g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 400)"><path d="M0 0h87.488v-17.318h31.243V3.2c-.002.05-.009.07-.009.124 0 4.61-3.613 8.345-8.092 8.422H60.063V27.89H27.362V11.746h-58.601v-29.064H0Z" transform="translate(745.123 252.854)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="m0 0-32.034-75.76h24.576v-90.155h26.874v119.582H9.682L29.92 0Z" transform="translate(555.846 279.253)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="m0 0-9.931 33.562c-.654 2.113-2.57 3.648-4.843 3.651h-26.017l7.54-25.468h-30.584v49.328h60.063v11.745h-60.063v23.218h60.063v11.744h-149.904V96.036h60.063V72.818h-60.063V61.073h60.063V11.745h-60.063V0Z" transform="translate(867.56 117.067)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0h-23.264l18.118-57.072h27.53L5.524-3.538C4.509-1.454 2.421-.02 0 0" transform="translate(619.044 220.684)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0h-27.926v-29.179h-68.831v-11.744h68.831v-104.913c-.242-2.397-2.136-4.267-4.504-4.398h-14.195v-12.16h36.197c5.725.245 10.302 4.99 10.428 10.892V-40.923h11.346v11.744H0z" transform="translate(683.458 277.875)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0c-25.503 9.287-45.697 19.493-61.562 29.341 22.978 17.025 43.114 40.133 51.189 71.044h-53.654v19.223h62.211v11.974h-62.211v24.364h-27.727l-.005-.006c-3.035 0-5.495-2.543-5.495-5.686v-18.672h-61.766v-11.974h61.766v-19.223h-52.13V88.417h103.842s-5.76-22.464-34.241-46.609c-25.512 19.317-34.046 34.705-34.046 34.705h-27.856c11.261-19.523 27.271-35.161 44.502-47.568-15.844-10.298-36.344-20.233-62.922-28.176v-14.342s40.979 7.734 80.589 31.07C-39.846-5.656 0-13.573 0-13.573Z" transform="translate(519.574 124.327)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="m0 0 9.62-28.837H-9.966Zm12.578-37.604 4.637-14.002h13.002L4.607 17.923h-9.938l-25.517-69.529h13.013l4.84 14.002z" transform="translate(408.575 70.862)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0v-69.529h42.105v9.465H12.513V0z" transform="translate(479.82 88.785)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M567.8 19.256h12.512v69.529H567.8Z" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0h-13.813v23.789H0c6.942 0 11.091-6.069 11.091-11.942C11.091 6.104 7.204 0 0 0m.703 33.246h-27.027v-69.529h12.511v26.726H.703c13.485 0 22.902 8.803 22.902 21.404 0 12.6-9.417 21.399-22.902 21.399" transform="translate(657.331 55.54)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="m0 0 9.621-28.837H-9.966Zm12.58-37.604 4.638-14.002h13.001L4.607 17.923h-9.936l-25.517-69.529h13.013l4.84 14.002z" transform="translate(741.809 70.862)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="m0 0-13.64-29.625L-27.489 0h-13.517l21.054-40.968v-28.561h12.413v28.561l.08.158L13.518 0Z" transform="translate(841.691 88.785)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0c-7.518-.745-21.627-4.064-29.345-10.861-23.132-20.111-9.292-56.874 37.513-56.874 27.204 0 54.395 17.345 75.748 45.115C53.539-7.836 27.805 2.739 0 0" transform="translate(73.568 137.035)" style="fill: rgb(22, 119, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path><path d="M0 0h-204.487c-26.629 0-48.194-21.511-48.194-48.063v-203.884c0-26.534 21.565-48.053 48.194-48.053H0c26.623 0 48.178 21.519 48.178 48.053v2.004h-.001v-.036s-78.253 32.528-117.773 51.474c-26.501-32.515-60.692-52.249-96.183-52.249-60.03 0-80.415 52.378-51.99 86.863 6.196 7.516 16.739 14.692 33.103 18.716 25.59 6.266 66.329-3.914 104.504-16.474 6.863 12.615 12.642 26.503 16.949 41.291h-117.656v11.889h60.664v21.299h-73.474v11.888h73.474v30.388s0 5.119 5.202 5.119h29.65v-35.507h72.647V-87.17h-72.647v-21.299h59.301c-5.673-23.18-14.298-44.512-25.108-63.245 17.994-6.49 34.15-12.639 46.186-16.656 43.323-14.47 53.151-15.249 53.151-15.249v-.004h.001v155.56C48.178-21.511 26.623 0 0 0" transform="translate(253.122 300)" style="fill: rgb(22, 119, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path></g></svg>
-				</div>
-				<input type="radio" v-model="paymentGateway" value="Alipay" class="hidden-radio">
-				<span class="checkmark-circle" v-if="paymentGateway === 'Alipay'">
-					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="checkmark-icon">
-						<path fill="currentColor" d="M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"/>
-					</svg>
-				</span>
-			</label>
-			
-			<label
-				class="payment-option"
-				:class="{'payment-option-active': paymentGateway === 'WeChatPay'}"
-			>
-				<div class="payment-icon">
-					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 150 34" class="wechat-svg"><g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="导航/头部菜单_内容" transform="translate(0.000000, -70.000000)"><g id="logo" transform="translate(0.000000, 70.000000)"><g id="微信支付logo"><path d="M13.9879326,21.4155844 C13.8125353,21.5038961 13.637138,21.5480519 13.4178914,21.5480519 C12.9355489,21.5480519 12.5409051,21.2831169 12.3216585,20.8857143 L12.2339598,20.7090909 L8.76986368,13.1142857 C8.72601436,13.025974 8.72601436,12.9376623 8.72601436,12.8493506 C8.72601436,12.4961039 8.98911027,12.2311688 9.33990482,12.2311688 C9.47145277,12.2311688 9.60300073,12.2753247 9.73454868,12.3636364 L13.8125353,15.2779221 C14.1194805,15.4545455 14.4702751,15.587013 14.8649189,15.587013 C15.0841655,15.587013 15.3034121,15.5428571 15.5226587,15.4545455 L34.6409615,6.88831169 C31.2207147,2.82597403 25.5641526,0.176623377 19.1621521,0.176623377 C8.72601436,0.176623377 0.219246592,7.28571429 0.219246592,16.0727273 C0.219246592,20.8415584 2.76250706,25.1688312 6.75279503,28.0831169 C7.05974026,28.3038961 7.27898685,28.7012987 7.27898685,29.0987013 C7.27898685,29.2311688 7.23513753,29.3636364 7.19128821,29.4961039 C6.88434299,30.6883117 6.35815117,32.6311688 6.35815117,32.7194805 C6.31430185,32.8519481 6.27045253,33.0285714 6.27045253,33.2051948 C6.27045253,33.5584416 6.53354844,33.8233766 6.88434299,33.8233766 C7.01589094,33.8233766 7.1474389,33.7792208 7.23513753,33.6909091 L11.3569735,31.2623377 C11.6639187,31.0857143 12.0147132,30.9532468 12.3655078,30.9532468 C12.5409051,30.9532468 12.7601516,30.9974026 12.9355489,31.0415584 C14.8649189,31.6155844 16.9696862,31.9246753 19.1183028,31.9246753 C29.5544406,31.9246753 38.0612084,24.8155844 38.0612084,16.0285714 C38.0612084,13.3792208 37.2719206,10.8623377 35.9125918,8.65454545 L14.1194805,21.3272727 L13.9879326,21.4155844 Z" id="XMLID_81_" fill="#22AC38"></path><rect id="XMLID_80_" fill="#494949" x="83.6206502" y="11.4363636" width="14.2071792" height="1.28051948"></rect><rect id="XMLID_79_" fill="#494949" x="83.6206502" y="15.4103896" width="14.2071792" height="1.36883117"></rect><path d="M97.4331854,27.2883117 L97.4331854,19.5168831 L83.9714447,19.5168831 L83.9714447,27.2441558 L97.4331854,27.2441558 L97.4331854,27.2883117 Z M85.3307736,20.7974026 L96.0738566,20.7974026 L96.0738566,25.9636364 L85.3307736,25.9636364 L85.3307736,20.7974026 Z" id="XMLID_76_" fill="#494949" fill-rule="nonzero"></path><path d="M79.7180608,28.0831169 L79.7180608,10.2883117 C80.5073486,8.52207792 81.252787,6.66753247 81.8228281,4.76883117 L80.5511979,4.01818182 C79.2795676,8.47792208 77.4817456,12.4961039 75.1577317,15.8961039 L75.9031701,17.2207792 C76.6924579,16.0285714 77.5255949,14.6155844 78.358732,13.1584416 L78.358732,28.1272727 L79.7180608,28.1272727 L79.7180608,28.0831169 Z" id="XMLID_75_" fill="#494949"></path><path d="M131.284859,28.0831169 L131.284859,10.2883117 C132.074147,8.52207792 132.819585,6.66753247 133.389627,4.76883117 L132.117996,4.01818182 C130.846366,8.47792208 129.048544,12.4961039 126.72453,15.8961039 L127.469969,17.2207792 C128.259256,16.0285714 129.092393,14.6155844 129.92553,13.1584416 L129.92553,28.1272727 L131.284859,28.1272727 L131.284859,28.0831169 Z" id="XMLID_74_" fill="#494949"></path><path d="M99.3187061,7.32987013 L90.9873356,7.32987013 L91.864322,6.8 L91.9081713,6.8 L91.9081713,6.75584416 C91.8204727,6.53506494 91.5573768,5.96103896 91.2504316,5.34285714 C90.9873356,4.76883117 90.7242397,4.23896104 90.5926918,3.92987013 L90.5926918,3.88571429 L89.3210615,4.63636364 L89.3210615,4.68051948 C89.7595547,5.51948052 90.1541986,6.31428571 90.5049931,7.06493506 C90.5488425,7.15324675 90.5926918,7.24155844 90.5926918,7.28571429 L82.2613213,7.28571429 L82.2613213,8.65454545 L99.3187061,8.65454545 L99.3187061,7.32987013 Z" id="XMLID_73_" fill="#494949"></path><polygon id="XMLID_72_" fill="#494949" points="62.660676 6.27012987 61.3890457 6.27012987 61.3890457 10.774026 58.9773332 10.774026 58.9773332 4.37142857 57.705703 4.37142857 57.705703 10.774026 55.2062918 10.774026 55.2062918 6.27012987 53.9346616 6.27012987 53.9346616 12.0545455 62.660676 12.0545455"></polygon><rect id="XMLID_71_" fill="#494949" x="54.3293055" y="14.5714286" width="7.71748004" height="1.28051948"></rect><path d="M55.9955796,20.8415584 L55.9955796,19.6935065 L59.8981689,19.6935065 L59.8981689,22.5194805 C59.8543196,23.5350649 59.8104703,23.8441558 59.4596757,24.2857143 L60.2489635,25.6545455 L60.2928128,25.6103896 C60.9944019,25.0363636 62.1344841,24.0649351 63.7569089,22.6077922 L63.8007582,22.6077922 L63.1868678,21.5480519 L63.1430185,21.5038961 L61.1697991,23.1818182 L61.1697991,18.3688312 L54.6362507,18.3688312 L54.6362507,20.3116883 C54.811648,22.961039 54.1539082,24.8597403 52.6630314,25.9636364 L52.6191821,25.9636364 L53.3207712,27.2 L53.3646205,27.2441558 L53.4084698,27.2 C55.2501412,25.7428571 56.1271275,23.5792208 55.9955796,20.8415584 Z" id="XMLID_70_" fill="#494949"></path><path d="M47.6642091,10.4207792 L48.4534968,11.7454545 C50.4267161,9.75844156 52.1368396,7.37402597 53.3646205,4.76883117 L52.1806889,4.06233766 C50.9090586,6.62337662 49.3743325,8.78701299 47.6642091,10.4207792 Z" id="XMLID_69_" fill="#494949"></path><path d="M47.3134145,18.5012987 L48.0150036,19.7376623 L48.0588529,19.7818182 L48.1027023,19.7376623 C48.8481407,18.8545455 49.5935791,17.9272727 50.2951682,16.9558442 L50.2951682,28.0831169 L51.5667984,28.0831169 L51.5667984,14.8363636 C52.1368396,13.8207792 52.7068807,12.6727273 53.2330725,11.3922078 L53.2330725,11.3480519 L52.0052916,10.6415584 L52.0052916,10.6857143 C50.7775107,13.6441558 49.2427845,16.2935065 47.3134145,18.5012987 Z" id="XMLID_68_" fill="#494949"></path><path d="M72.0005808,10.0675325 L72.0005808,8.78701299 L66.3440187,8.78701299 C66.8263612,7.28571429 67.3964024,5.56363636 67.5717996,4.10649351 L66.2563201,4.10649351 C65.423183,7.99220779 64.1515528,11.3922078 62.529128,14.0415584 L63.3184157,15.4545455 L63.8884569,14.2623377 C64.1077035,13.8649351 64.2831008,13.5558442 64.4146487,13.2909091 C64.8092926,16.7350649 65.5108817,19.5168831 66.4755667,21.5480519 C65.554731,23.1818182 64.1077035,24.8597403 62.1783335,26.5818182 L62.1344841,26.5818182 L62.8799226,27.8623377 L62.9237719,27.9064935 L62.9676212,27.8623377 C64.9846898,25.9636364 66.387868,24.2857143 67.1333064,22.9168831 C67.9664435,24.4181818 69.413471,26.2285714 71.0358958,27.9506494 L71.0797451,27.9948052 L71.8251835,26.6701299 L71.8251835,26.625974 L71.7813342,26.625974 C70.0273615,24.9038961 68.6241833,23.1376623 67.8348955,21.6363636 C69.281923,18.987013 70.1589094,15.1012987 70.509704,10.0675325 L72.0005808,10.0675325 Z M67.3087037,20.0025974 C66.4755667,17.838961 65.8616762,14.8805195 65.4670323,11.2155844 C65.5985803,10.8181818 65.7739776,10.4207792 65.9493748,10.0675325 L69.3696217,10.0675325 C69.0626765,14.2181818 68.4049367,17.574026 67.3087037,20.0025974 Z" id="XMLID_65_" fill="#494949" fill-rule="nonzero"></path><path d="M125.102105,8.6987013 L125.102105,7.32987013 L114.271324,7.32987013 L114.271324,3.84155844 L112.868146,3.84155844 L112.868146,7.32987013 L102.125063,7.32987013 L102.125063,8.6987013 L112.868146,8.6987013 L112.868146,13.2467532 L112.648899,13.2467532 L105.896104,13.2467532 L105.896104,14.4831169 C105.896104,14.4831169 106.948488,16.9116883 109.140953,19.561039 C110.01794,20.6207792 111.026474,21.7246753 112.341954,22.8285714 C109.886392,24.3298701 106.860789,25.787013 102.607405,26.625974 L103.396693,28.038961 C103.396693,28.038961 108.439364,26.9792208 113.438187,23.7116883 C114.095926,24.1532468 117.209228,26.625974 122.997338,28.038961 C122.997338,28.038961 122.997338,28.038961 122.997338,28.038961 L123.041187,28.038961 L123.611229,26.9792208 C123.611229,26.9792208 122.120352,26.5818182 119.840187,25.6987013 C118.261612,25.0805195 116.288392,24.1532468 114.402872,22.8727273 C117.209228,20.7974026 119.708639,17.7948052 121.199516,13.9532468 L120.059434,13.2909091 L114.227474,13.2909091 L114.227474,8.6987013 L125.102105,8.6987013 Z M119.620941,14.438961 C119.620941,14.438961 118.217762,18.4571429 113.438187,21.9012987 C111.158022,20.1350649 108.790159,17.574026 107.299282,14.438961 L119.620941,14.438961 Z" id="XMLID_35_" fill="#494949" fill-rule="nonzero"></path><path d="M142.554134,26.3168831 C142.291038,26.3168831 142.027942,26.3168831 141.764846,26.3168831 L141.764846,27.6857143 C142.291038,27.6857143 142.685682,27.6857143 142.948778,27.6857143 C144.308107,27.6857143 145.009696,27.3766234 145.623586,26.8025974 C146.193627,26.2285714 146.456723,25.3896104 146.412874,24.2415584 L146.412874,11.3922078 L150.096217,11.3922078 L150.096217,10.0233766 L146.412874,10.0233766 L146.412874,4.10649351 L145.053545,4.10649351 L145.053545,10.0233766 L133.740421,10.0233766 L133.740421,11.3922078 L145.053545,11.3922078 L145.053545,24.2415584 C145.009696,25.6545455 144.13271,26.3168831 142.554134,26.3168831 Z" id="XMLID_34_" fill="#494949"></path><path d="M139.484682,21.7246753 L140.844011,20.9298701 C140.098572,19.4285714 139.133887,17.4415584 137.949956,15.012987 L136.722175,15.7636364 C137.511462,17.3974026 138.432298,19.3844156 139.484682,21.7246753 Z" id="XMLID_33_" fill="#494949"></path></g></g></g></g></svg>
-				</div>
-				<input type="radio" v-model="paymentGateway" value="WeChatPay" class="hidden-radio">
-				<span class="checkmark-circle" v-if="paymentGateway === 'WeChatPay'">
-					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="checkmark-icon">
-						<path fill="currentColor" d="M9.55 18l-5.7-5.7 1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"/>
-					</svg>
-				</span>
-			</label>
-		</div>
-	</div>
-
-	<div class="text-xs text-gray-500 mt-2 mb-4" v-if="$team.pg.currency === 'CNY'">
-		使用{{ paymentGateway === 'Alipay' ? '支付宝' : '微信' }}支付，快速便捷，余额将在支付成功后立即到账。
-	</div>
-
-	<BuyPrepaidCreditsAlipay
-		v-if="paymentGateway === 'Alipay'"
-		:amount="creditsToBuy"
-		:minimumAmount="minimumAmount"
-		:isOnboarding="isOnboarding"
-		@success="onSuccess"
-		@cancel="onCancel"
-	/>
-
-	<BuyPrepaidCreditsWeChatPay
-		v-if="paymentGateway === 'WeChatPay'"
-		:amount="creditsToBuy"
-		:minimumAmount="minimumAmount"
-		:isOnboarding="isOnboarding"
-		@success="onSuccess"
-		@cancel="onCancel"
-	/>
-</template>
-<script>
-import BuyPrepaidCreditsAlipay from '../BuyPrepaidCreditsAlipay.vue';
-import BuyPrepaidCreditsWeChatPay from '../BuyPrepaidCreditsWeChatPay.vue';
-
-export default {
-	name: 'BuyPrepaidCreditsForm',
-	components: {
-		BuyPrepaidCreditsAlipay,
-		BuyPrepaidCreditsWeChatPay
-	},
-	data() {
-		return {
-			paymentGateway: 'Alipay', // 默认使用支付宝
-			creditsToBuy: this.minimumAmount
-		};
-	},
-	props: {
-		modelValue: {
-			default: false
-		},
-		minimumAmount: {
-			type: Number,
-			default: 0
-		},
-		isOnboarding: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ['success', 'cancel'],
-	methods: {
-		onSuccess() {
-			this.$emit('success');
-		},
-		onCancel() {
-			this.$emit('cancel');
-		}
-	},
-	computed: {
-		totalAmount() {
-			let creditsToBuy = this.creditsToBuy || 0;
-			if (this.$team.pg.currency === 'CNY') {
-				return (
-					creditsToBuy +
-					creditsToBuy * (this.$team.pg.billing_info.gst_percentage || 0)
-				).toFixed(2);
-			} else {
-				return creditsToBuy;
-			}
-		}
-	}
-};
-</script>
-<style scoped>
-.payment-option {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    flex: 1;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    padding: 12px;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-
-.payment-option:hover {
-    border-color: #ccc;
-    background-color: #f9fafb;
-}
-
-.payment-option-active, 
-.payment-option-active:has(input[value="Alipay"]:checked) {
-    border-color: #1677ff;
-    border-width: 2px;
-    box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.1);
-}
-
-.payment-option-active:has(input[value="WeChatPay"]:checked) {
-    border-color: #22AC38;
-    box-shadow: 0 0 0 1px rgba(34, 172, 56, 0.1);
-}
-
-.payment-icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: auto;
-    width: 90px;
-    max-width: 90px;
-    min-width: 60px;
-    flex-shrink: 0;
-}
-
-.alipay-svg, .wechat-svg {
-    width: 100%;
-    height: auto;
-    max-height: 30px;
-}
-
-.payment-label {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.ml-2 {
-    margin-left: 8px;
-}
-
-.hidden-radio {
-    position: absolute;
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.checkmark-circle {
-    position: absolute;
-    top: 12px;
-    right: 12px;
-    width: 18px;
-    height: 18px;
-    border-radius: 50%;
-    background-color: #1677ff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: white;
-}
-
-.checkmark-icon {
-    width: 14px;
-    height: 14px;
-}
-
-.payment-option-active:has(input[value="WeChatPay"]:checked) .checkmark-circle {
-    background-color: #22AC38;
-}
-
-/* 响应式设计 */
-@media (max-width: 640px) {
-    .payment-options {
-        flex-direction: column;
-    }
-    
-    .payment-option {
-        padding: 10px;
-    }
-    
-    .payment-icon {
-        width: 70px;
-        min-width: 50px;
-    }
-    
-    .alipay-svg, .wechat-svg {
-        max-height: 24px;
-    }
-    
-    .checkmark-circle {
-        top: 50%;
-        transform: translateY(-50%);
-        right: 10px;
-        width: 16px;
-        height: 16px;
-    }
-    
-    .checkmark-icon {
-        width: 12px;
-        height: 12px;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/UpcomingInvoiceDialog.vue b/dashboard_backup/src2/components/billing/UpcomingInvoiceDialog.vue
deleted file mode 100644
index 0a3e4ca..0000000
--- a/dashboard_backup/src2/components/billing/UpcomingInvoiceDialog.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<Dialog
-		v-model="props.showInvoiceDialog"
-		:options="{
-			size: '3xl',
-			title: '本月总使用量'
-		}"
-	>
-		<template #body-content>
-			<template v-if="upcomingInvoice.data.upcoming_invoice">
-				<div
-					v-if="upcomingInvoice.data.upcoming_invoice.status === 'Empty'"
-					class="text-base text-gray-600"
-				>
-					暂无内容
-				</div>
-				<InvoiceTable
-					v-else
-					:invoiceId="upcomingInvoice.data.upcoming_invoice.name"
-				/>
-			</template>
-			<template v-else>
-				<div class="text-base text-gray-600">暂无内容</div>
-			</template>
-		</template>
-	</Dialog>
-</template>
-
-<script setup>
-import { inject, ref } from 'vue';
-import InvoiceTable from '../InvoiceTable.vue';
-
-const { upcomingInvoice } = inject('billing');
-const props = defineProps({
-	showInvoiceDialog: Boolean
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/mpesa/AddMpesaCredentials.vue b/dashboard_backup/src2/components/billing/mpesa/AddMpesaCredentials.vue
deleted file mode 100644
index d70a0b6..0000000
--- a/dashboard_backup/src2/components/billing/mpesa/AddMpesaCredentials.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<template>
-	<Dialog :options="{ title: '添加 M-Pesa 凭证', size: 'xl' }">
-		<template #body-content>
-			<div class="grid grid-cols-2 gap-5">
-				<FormControl
-					label="Mpesa 设置 ID"
-					v-model="mpesaSetupDetails.mpesa_setup_id"
-					name="mpesa_setup_id"
-					class="mb-3"
-					type="text"
-					placeholder="测试 Mpesa"
-				/>
-
-				<FormControl
-					label="消费者密钥"
-					v-model="mpesaSetupDetails.consumer_key"
-					name="consumer_key"
-					class="mb-3"
-					type="text"
-					placeholder="输入消费者密钥"
-				/>
-
-				<FormControl
-					label="消费者密钥"
-					v-model="mpesaSetupDetails.consumer_secret"
-					name="consumer_secret"
-					class="mb-3"
-					type="text"
-					placeholder="输入消费者密钥"
-				/>
-
-				<FormControl
-					label="通行密钥"
-					v-model="mpesaSetupDetails.pass_key"
-					name="pass_key"
-					class="mb-3"
-					type="text"
-					placeholder="输入通行密钥"
-				/>
-
-				<FormControl
-					label="业务短码"
-					v-model="mpesaSetupDetails.short_code"
-					name="short_code"
-					class="mb-3"
-					type="text"
-					placeholder="输入短码"
-				/>
-
-				<FormControl
-					label="发起人名称"
-					v-model="mpesaSetupDetails.initiator_name"
-					name="initiator_name"
-					class="mb-3"
-					type="text"
-					placeholder="例如 张三"
-				/>
-
-				<FormControl
-					label="安全凭证"
-					v-model="mpesaSetupDetails.security_credential"
-					name="security_credential"
-					class="mb-3"
-					type="text"
-					placeholder="输入安全凭证"
-				/>
-
-				<FormControl
-					label="收银台号码"
-					v-model="mpesaSetupDetails.till_number"
-					name="till_number"
-					class="mb-3"
-					type="text"
-					placeholder="1234567"
-				/>
-
-				<!-- <div class="flex items-center">
-					<input v-model="sandBox" type="checkbox" class="mr-2" />
-					<label class="text-sm font-medium text-gray-700">沙盒模式</label>
-				</div> -->
-				<ErrorMessage class="mt-2" :message="errorMessage" />
-			</div>
-
-			<div class="mt-4 flex w-full bg-red-300 items-center justify-center">
-				<Button
-					@click="saveMpesaCredentials"
-					variant="solid"
-					class="justify-center w-full"
-				>
-					保存
-				</Button>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../../utils/error';
-import { ErrorMessage } from 'jingrow-ui';
-export default {
-	name: 'AddMpesaCredentials',
-	data() {
-		return {
-			mpesaSetupDetails: {
-				consumer_key: '',
-				mpesa_setup_id: '',
-				consumer_secret: '',
-				pass_key: '',
-				short_code: '',
-				initiator_name: '',
-				security_credential: '',
-				till_number: '',
-				// sandBox: false,
-			},
-			errorMessage: '',
-		};
-	},
-	resources: {
-		createMpesaSetup() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.update_mpesa_setup',
-				makeParams() {
-					return {
-						mpesa_details: this.mpesaSetupDetails,
-					};
-				},
-				validate() {
-					let fields = Object.values(this.mpesaSetupDetails);
-					if (fields.includes('')) {
-						this.errorMessage = '请填写必填项';
-						return '请填写必填项';
-						// throw new DashboardError('请填写必填项');
-					}
-				},
-				onSuccess(data) {
-					if (data) {
-						toast.success('M-Pesa 凭证已保存', data);
-					} else {
-						toast.error('保存 M-Pesa 凭证时出错');
-					}
-					this.$emit('closeDialog');
-				},
-			};
-		},
-		fetchMpesaSetup() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.fetch_mpesa_setup',
-				onSuccess(data) {
-					Object.assign(this.mpesaSetupDetails, {
-						mpesa_setup_id: data.mpesa_setup_id,
-						consumer_key: data.consumer_key,
-						consumer_secret: data.consumer_secret,
-						security_credential: data.security_credential,
-						pass_key: data.pass_key,
-						short_code: data.business_shortcode,
-till_number: data.till_number,
-						initiator_name: data.initiator_name,
-					});
-				},
-				auto: true,
-			};
-		},
-	},
-	methods: {
-		saveMpesaCredentials() {
-			this.$resources.createMpesaSetup.submit();
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/mpesa/AddPaymentGateway.vue b/dashboard_backup/src2/components/billing/mpesa/AddPaymentGateway.vue
deleted file mode 100644
index 10ba36e..0000000
--- a/dashboard_backup/src2/components/billing/mpesa/AddPaymentGateway.vue
+++ /dev/null
@@ -1,172 +0,0 @@
-<template>
-	<Dialog :options="{ title: '添加支付网关', size: 'lg' }">
-		<template #body-content>
-			<div class="flex flex-col gap-4">
-				<FormControl
-					label="网关名称"
-					v-model="paymentGatewayDetails.gateway_name"
-					name="gateway_name"
-					type="text"
-					placeholder="输入网关名称"
-				/>
-				<FormControl
-					label="端点URL"
-					v-model="paymentGatewayDetails.url"
-					name="url"
-					type="text"
-					placeholder="https://xyz.com/api/action/<endpoint>"
-				/>
-				<div class="flex gap-4">
-					<FormControl
-						label="API密钥"
-						v-model="paymentGatewayDetails.api_key"
-						name="api_key"
-						type="text"
-						placeholder="输入API密钥"
-					/>
-
-					<FormControl
-						label="API密钥"
-						v-model="paymentGatewayDetails.api_secret"
-						name="api_secret"
-						type="text"
-						placeholder="输入API密钥"
-					/>
-				</div>
-
-				<div class="flex gap-4">
-					<FormControl
-						label="货币"
-						v-model="paymentGatewayDetails.currency"
-						name="currency"
-						type="text"
-						placeholder="例如 KES"
-					/>
-					<FormControl
-						label="税费(%)"
-						v-model="paymentGatewayDetails.taxes_and_charges"
-						name="taxes_and_charges"
-						type="text"
-						placeholder="输入税费"
-					/>
-				</div>
-				<FormControl
-					label="打印格式"
-					v-model="paymentGatewayDetails.print_format"
-					name="print_format"
-					type="text"
-					placeholder="默认"
-				/>
-			</div>
-
-			<div class="mt-4 flex w-full bg-red-300 items-center justify-center">
-				<Button
-					@click="savePaymentGateway"
-					variant="solid"
-					class="justify-center w-full font-bold"
-					>保存</Button
-				>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-export default {
-	name: 'AddPaymentGateway',
-	data() {
-		return {
-			paymentGatewayDetails: {
-				currency: 'KES',
-				gateway_name: '',
-				gateway_setting: 'Mpesa Setup',
-				gateway_controller: '',
-				url: '',
-				api_key: '',
-				api_secret: '',
-				taxes_and_charges: '',
-				print_format: '',
-			},
-			integrationLogo: null,
-		};
-	},
-	resources: {
-		getPaymentGatewayDetails() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.get_payment_gateway_details',
-				onSuccess(data) {
-					Object.assign(this.paymentGatewayDetails, {
-						currency: data.currency,
-						gateway_name: data.gateway_name,
-						url: data.url,
-						api_key: data.api_key,
-						api_secret: data.api_secret,
-						taxes_and_charges: data.taxes_and_charges,
-						print_format: data.print_format,
-					});
-				},
-				auto: true,
-			};
-		},
-		createPaymentGatewaySettings() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.update_payment_gateway_settings',
-				makeParams() {
-					return {
-						gateway_details: this.paymentGatewayDetails,
-					};
-				},
-				validate() {
-					let fields = Object.values(this.paymentGatewayDetails);
-					if (fields.includes('')) {
-						this.errorMessage = '请填写必填项';
-						return '请填写必填项';
-						// throw new DashboardError('请填写必填项');
-					}
-				},
-				async onSuccess(data) {
-					if (data) {
-						toast.success('支付网关设置已保存', data);
-					} else {
-						toast.error('保存支付网关设置时出错');
-					}
-				},
-			};
-		},
-		fetchGatewayController() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.get_gateway_controller',
-				method: 'GET',
-				auto: true,
-				onSuccess: (res) => {
-					Object.assign(this.paymentGatewayDetails, {
-						gateway_controller: res,
-					});
-				},
-			};
-		},
-	},
-	methods: {
-		handleFileUpload(event) {
-			this.integrationLogo = event.target.files[0];
-		},
-
-		async savePaymentGateway() {
-			try {
-				await this.$resources.createPaymentGatewaySettings.submit();
-				this.$emit('closeDialog');
-			} catch (error) {
-				this.$toast.error(
-					`保存支付网关设置时出错: ${error.message}`,
-				);
-			}
-		},
-	},
-	watch: {
-		integrationLogo: function () {
-this.handleFileUpload();
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/mpesa/BuyPrepaidCreditsMpesa.vue b/dashboard_backup/src2/components/billing/mpesa/BuyPrepaidCreditsMpesa.vue
deleted file mode 100644
index a490dff..0000000
--- a/dashboard_backup/src2/components/billing/mpesa/BuyPrepaidCreditsMpesa.vue
+++ /dev/null
@@ -1,238 +0,0 @@
-<template>
-	<div>
-		<label class="block mt-4">
-			<span class="text-sm leading-4 text-gray-700"> </span>
-			<ErrorMessage class="mt-1" :message="paymentErrorMessage" />
-		</label>
-
-		<ErrorMessage class="mt-2" :message="errorMessage" />
-
-		<FormControl
-			type="autocomplete"
-			:options="teams"
-			size="sm"
-			variant="subtle"
-			placeholder="支付合作伙伴"
-			:disabled="false"
-			label="选择支付合作伙伴"
-			v-model="partnerInput"
-			class="mb-5"
-		/>
-
-		<div class="flex gap-5 col-2">
-			<FormControl
-				label="M-Pesa 手机号码"
-				v-model="this.phoneNumberInput"
-				name="phone_number"
-				autocomplete="off"
-				class="mb-5"
-				type="number"
-				placeholder="例如 123456789"
-			/>
-
-			<FormControl
-				label="税号"
-				v-model="this.taxIdInput"
-				name="tax_id"
-				autocomplete="off"
-				class="mb-5"
-				type="string"
-				placeholder="例如 78346"
-			/>
-		</div>
-		<!-- 显示税后金额 -->
-		<div v-if="showTaxInfo" class="flex col-2 gap-5">
-			<FormControl
-				label="税率(%)"
-				disabled
-				:modelValue="taxPercentage"
-				type="number"
-			/>
-
-			<FormControl
-				label="含税总金额"
-				disabled
-				:modelValue="amountWithTax.toFixed(2)"
-				type="number"
-			/>
-		</div>
-
-		<div class="mt-4 flex w-full justify-end">
-			<Button variant="solid" @click="onPayClick" :loading="paymentInProgress">
-				通过 M-Pesa 支付
-			</Button>
-		</div>
-
-		<ErrorMessage v-if="errorMessage" :message="errorMessage" />
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../../utils/error';
-import { jingrowRequest, ErrorMessage } from 'jingrow-ui';
-export default {
-	name: 'BuyPrepaidCreditsMpesa',
-	props: {
-		amount: {
-			type: Number,
-			required: true,
-		},
-		amountKES: {
-			type: Number,
-			required: true,
-			default: 1,
-		},
-		minimumAmount: {
-			type: Number,
-			required: true,
-			default: 10,
-		},
-		exchangeRate: {
-			type: Number,
-			required: true,
-			default: 129,
-		},
-	},
-	data() {
-		return {
-			paymentErrorMessage: null,
-			errorMessage: null,
-			paymentInProgress: false,
-			partnerInput: '',
-			phoneNumberInput: this.$team.pg.mpesa_phone_number || '',
-			taxIdInput: this.$team.pg.mpesa_tax_id || '',
-			teams: [],
-			taxPercentage: 1,
-			amountWithTax: 0,
-			showTaxInfo: false,
-			maximumAmount: 150000,
-		};
-	},
-	resources: {
-		requestForPayment() {
-			return {
-				url: 'jcloud.api.billing.request_for_payment',
-				params: {
-					request_amount: this.amountKES,
-					sender: this.phoneNumberInput,
-					partner: this.partnerInput.value,
-					tax_id: this.taxIdInput,
-					amount_with_tax: this.amountWithTax,
-					phone_number: this.phoneNumberInput,
-					amount_usd: this.amount,
-					exchange_rate: this.exchangeRate,
-				},
-				validate() {
-					if (this.amount < this.minimumAmount) {
-						throw new DashboardError(
-							`金额低于允许的最小值: ${this.minimumAmount}`,
-						);
-					}
-					if (this.amount > this.maximumAmount) {
-						throw new DashboardError(
-							`金额超过允许的最大值: ${this.maximumAmount}`,
-						);
-					}
-					if (!this.partnerInput.value || !this.phoneNumberInput) {
-						throw new DashboardError(
-							'支付需要同时提供合作伙伴和手机号码。',
-						);
-					}
-					if (!this.taxIdInput) {
-						throw new DashboardError(
-							'支付需要提供税号。',
-						);
-					}
-				},
-				async onSuccess(data) {
-					if (data?.ResponseCode === '0') {
-						toast.success(
-							data.ResponseDescription ||
-								'请按照手机上的指示操作',
-						);
-					} else {
-						toast.error(
-							data.ResponseDescription ||
-'出了点问题。请重试。',
-						);
-					}
-				},
-			};
-		},
-	},
-	methods: {
-		async onPayClick() {
-			this.paymentInProgress = true;
-			try {
-				const response = await this.$resources.requestForPayment.submit();
-				if (response.ResponseCode === '0') {
-					toast.success(
-						response.Success ||
-							'支付已成功发起，请查看手机上的指示',
-					);
-					this.$emit('success');
-				} else {
-					throw new Error(response.ResponseDescription || '支付失败');
-				}
-			} catch (error) {
-				this.paymentErrorMessage =
-					error.message || '支付失败。请重试。';
-				toast.error(this.paymentErrorMessage);
-			} finally {
-				this.paymentInProgress = false;
-			}
-		},
-		async fetchTeams() {
-			try {
-				const response = await jingrowRequest({
-					url: '/api/action/jcloud.api.regional_payments.mpesa.utils.display_mpesa_payment_partners',
-					method: 'GET',
-				});
-				if (Array.isArray(response)) {
-					this.teams = response;
-				} else {
-					console.log('无数据');
-				}
-			} catch (error) {
-				this.errorMessage = `获取团队失败 ${error.message}`;
-			}
-		},
-		totalAmountWithTax() {
-			const amountWithTax =
-				this.amountKES + (this.amountKES * this.taxPercentage) / 100;
-			this.amountWithTax = Math.round(amountWithTax);
-		},
-		async fetchTaxPercentage() {
-			try {
-				const taxPercentage = await jingrowRequest({
-					url: '/api/action/jcloud.api.regional_payments.mpesa.utils.get_tax_percentage',
-					method: 'GET',
-					params: {
-						payment_partner: this.partnerInput.value,
-					},
-				});
-				this.taxPercentage = taxPercentage;
-			} catch (error) {
-				this.errorMessage = `获取税率失败 ${error.message}`;
-			}
-		},
-	},
-	watch: {
-		partnerInput() {
-			this.fetchTaxPercentage();
-			this.totalAmountWithTax();
-			this.showTaxInfo = true;
-		},
-		amountKES() {
-			this.totalAmountWithTax();
-		},
-		taxPercentage() {
-			this.totalAmountWithTax();
-		},
-	},
-	mounted() {
-		this.fetchTeams();
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/billing/mpesa/PartnerPaymentPayout.vue b/dashboard_backup/src2/components/billing/mpesa/PartnerPaymentPayout.vue
deleted file mode 100644
index 48c4576..0000000
--- a/dashboard_backup/src2/components/billing/mpesa/PartnerPaymentPayout.vue
+++ /dev/null
@@ -1,221 +0,0 @@
-<template>
-	<Dialog :options="{ title: '合作伙伴付款支付', size: 'lg' }">
-		<template #body-content>
-			<div class="grid grid-cols-2 gap-4">
-				<!-- 过滤器 -->
-				<FormControl
-					label="支付网关"
-					v-model="paymentGateway"
-					name="payment_gateway"
-					type="autocomplete"
-					:options="paymentGatewayList"
-					size="sm"
-					variant="subtle"
-					class="mb-5"
-					placeholder="输入支付网关"
-				/>
-
-				<FormControl
-					label="合作伙伴"
-					v-model="partner"
-					:options="partnerList"
-					size="sm"
-					variant="subtle"
-					type="autocomplete"
-					class="mb-5"
-					placeholder="输入合作伙伴"
-				/>
-
-				<FormControl
-					label="开始日期"
-					v-model="fromDate"
-					name="from_date"
-					autocomplete="off"
-					class="mb-5"
-					type="date"
-					placeholder="选择开始日期"
-				/>
-
-				<FormControl
-					label="结束日期"
-					v-model="toDate"
-					name="to_date"
-					autocomplete="off"
-					class="mb-5"
-					type="date"
-					placeholder="选择结束日期"
-				/>
-
-				<Button
-					@click="fetchPayments"
-					variant="solid"
-					class="justify-center col-span-2"
-				>
-					获取付款
-				</Button>
-			</div>
-
-			<!-- 结果表格 -->
-			<div v-if="payments.length > 0" class="mt-5">
-				<table class="w-full border-collapse border border-gray-300">
-					<thead>
-						<tr>
-							<th class="border border-gray-300 p-2">交易ID</th>
-							<th class="border border-gray-300 p-2">金额</th>
-							<th class="border border-gray-300 p-2">过账日期</th>
-						</tr>
-					</thead>
-					<tbody>
-						<tr v-for="payment in payments" :key="payment.name">
-							<td class="border border-gray-300 p-2">{{ payment.name }}</td>
-							<td class="border border-gray-300 p-2">{{ payment.amount }}</td>
-							<td class="border border-gray-300 p-2">
-								{{ payment.posting_date }}
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-
-			<div
-				v-if="payments.length === 0 && fetchAttempted"
-				class="text-center mt-4 text-gray-500"
-			>
-				未找到付款记录。
-			</div>
-			<div v-if="payments.length != 0" class="mt-4 flex w-full justify-end">
-				<Button
-					variant="outline"
-					@click="createAndSubmitPayout"
-					:loading="paymentInProgress"
-				>
-					提交付款
-				</Button>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { jingrowRequest } from 'jingrow-ui';
-
-export default {
-	name: 'PartnerPaymentPayout',
-	data() {
-		return {
-			paymentGateway: '',
-			partner: '',
-			fromDate: '',
-			toDate: '',
-			partnerList: [],
-			payments: [],
-			fetchAttempted: false,
-			paymentGatewayList: [],
-		};
-	},
-	resources: {
-		createPaymentPartnerPayout() {
-			return {
-				url: 'jcloud.api.regional_payments.mpesa.utils.create_payment_partner_payout',
-				method: 'POST',
-				params: {
-					payment_gateway: this.paymentGateway.value,
-					payment_partner: this.partner.value,
-					from_date: this.fromDate,
-					to_date: this.toDate,
-					payments: this.payments,
-				},
-				onSuccess: () => {
-					toast.success('付款提交成功');
-					this.$emit('close');
-				},
-				onError: (error) => {
-					toast.error(`提交付款时出错: ${error.message}`);
-				},
-			};
-		},
-	},
-	methods: {
-		async createAndSubmitPayout() {
-			try {
-				this.paymentInProgress = true;
-				await this.$resources.createPaymentPartnerPayout.submit();
-			} catch (error) {
-				toast.error(`提交付款时出错: ${error.message}`);
-			} finally {
-				this.paymentInProgress = false;
-			}
-		},
-		async fetchPayments() {
-			try {
-				this.fetchAttempted = true;
-				const response = await jingrowRequest({
-					url: 'jcloud.api.regional_payments.mpesa.utils.fetch_payments',
-method: 'GET',
-					params: {
-						payment_gateway: this.paymentGateway.value,
-						partner: this.partner.value,
-						from_date: this.fromDate,
-						to_date: this.toDate,
-					},
-				});
-				if (Array.isArray(response)) {
-					this.payments = response;
-				} else {
-					console.log('无数据');
-				}
-			} catch (error) {
-				toast.error(`获取支付信息时出错: ${error.message}`);
-			}
-		},
-		async fetchPartners() {
-			try {
-				const response = await jingrowRequest({
-					url: '/api/action/jcloud.api.regional_payments.mpesa.utils.display_payment_partners',
-					method: 'GET',
-				});
-				if (Array.isArray(response)) {
-					this.partnerList = response;
-				} else {
-					console.log('无数据');
-				}
-			} catch (error) {
-				this.errorMessage = `获取团队失败 ${error.message}`;
-			}
-		},
-
-		async fetchPaymentGateway() {
-			try {
-				const response = await jingrowRequest({
-					url: '/api/action/jcloud.api.regional_payments.mpesa.utils.display_payment_gateway',
-					method: 'GET',
-				});
-				if (Array.isArray(response)) {
-					this.paymentGatewayList = response;
-				} else {
-					console.log('无数据');
-				}
-			} catch (error) {
-				this.errorMessage = `获取支付网关失败 ${error.message}`;
-			}
-		},
-	},
-	mounted() {
-		this.fetchPartners();
-		this.fetchPaymentGateway();
-	},
-};
-</script>
-
-<style scoped>
-table {
-	width: 100%;
-	text-align: left;
-	margin-top: 1rem;
-}
-th,
-td {
-	padding: 8px 12px;
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabaseAddIndexButton.vue b/dashboard_backup/src2/components/devtools/database/DatabaseAddIndexButton.vue
deleted file mode 100644
index df68f8f..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabaseAddIndexButton.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-	<Button v-if="isJobRunning" @click="viewJob" variant="ghost" class="w-full"
-		>查看任务</Button
-	>
-	<Button
-		v-else
-		@click="addIndex"
-		:loading="this.$resources.addIndex.loading"
-		loadingText="正在添加索引"
-		iconLeft="plus"
-		variant="ghost"
-		class="w-full"
-		>添加数据库索引</Button
-	>
-</template>
-<script>
-import { toast } from 'vue-sonner';
-export default {
-	props: {
-		row: { type: Object, required: true },
-		site: { type: String, required: true }
-	},
-	data() {
-		return {
-			isJobRunning: false,
-			jobName: null
-		};
-	},
-	resources: {
-		addIndex() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				makeParams: () => {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'add_database_index',
-						args: {
-							table: this.row['Table'],
-							column: this.row['Column']
-						}
-					};
-				},
-				onSuccess: data => {
-					if (data?.message) {
-						if (data?.message?.success) {
-							toast.success(data?.message?.message);
-							this.isJobRunning = true;
-							this.jobName = data?.message?.job_name;
-						} else {
-							toast.error(data?.message?.message);
-						}
-					}
-				},
-				auto: false
-			};
-		}
-	},
-	methods: {
-		addIndex() {
-			this.$resources.addIndex.submit();
-		},
-		viewJob() {
-			if (this.jobName) {
-				window.open(
-					this.$router.resolve(
-						`/sites/${this.site}/insights/jobs/${this.jobName}`
-					).href,
-					'_blank'
-				);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabasePerformanceSchemaDisabledNotice.vue b/dashboard_backup/src2/components/devtools/database/DatabasePerformanceSchemaDisabledNotice.vue
deleted file mode 100644
index 4900af1..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabasePerformanceSchemaDisabledNotice.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-	<div class="flex h-60 flex-col items-center justify-center gap-1">
-		<p class="text-base text-gray-700">
-			数据库服务器上未启用性能模式
-		</p>
-		<p class="text-base text-gray-700">
-			请联系
-			<a href="https://support.jingrow.com/" target="_blank" class="underline"
-				>支持</a
-			>
-			以启用它
-		</p>
-	</div>
-</template>
-<script>
-export default {
-	name: 'DatabasePerformanceSchemaDisabledNotice'
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabaseProcessKillButton.vue b/dashboard_backup/src2/components/devtools/database/DatabaseProcessKillButton.vue
deleted file mode 100644
index 073959a..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabaseProcessKillButton.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-	<p v-if="isKilled">进程已终止</p>
-	<Button
-		v-else
-		@click="killProcess"
-		:loading="this.$resources.killProcess.loading"
-		loadingText="正在终止"
-		iconLeft="x"
-		variant="ghost"
-		class="w-full"
-		>终止</Button
-	>
-</template>
-<script>
-import { toast } from 'vue-sonner';
-export default {
-	props: {
-		row: { type: Object, required: true },
-		site: { type: String, required: true },
-	},
-	data() {
-		return {
-			isKilled: false,
-		};
-	},
-	resources: {
-		killProcess() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				makeParams: () => {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'kill_database_process',
-						args: {
-							id: this.row.ID,
-						},
-					};
-				},
-				onSuccess: (data) => {
-					this.isKilled = true;
-					toast.success('数据库进程已终止');
-				},
-				auto: false,
-			};
-		},
-	},
-	methods: {
-		killProcess() {
-			this.$resources.killProcess.submit();
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabaseSQLPlaygroundLog.vue b/dashboard_backup/src2/components/devtools/database/DatabaseSQLPlaygroundLog.vue
deleted file mode 100644
index a2600ae..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabaseSQLPlaygroundLog.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '查询日志',
-			size: '2xl'
-		}"
-	>
-		<template #body-content>
-			<ObjectList :options="listOptions" v-if="!selectedRow" />
-			<div v-else>
-				<div class="flex flex-row items-center justify-between">
-					<Button icon="arrow-left" @click="selectedRow = null">返回</Button>
-					<Button variant="outline" iconLeft="play" @click="rerunQuery"
-						>重新运行查询</Button
-					>
-				</div>
-				<div class="mt-4">
-					<p class="text-sm text-gray-600">查询</p>
-					<pre
-						class="mt-1.5 max-h-52 overflow-y-auto whitespace-pre-wrap rounded bg-gray-50 px-2 py-1.5 text-sm text-gray-600"
-						>{{ selectedRow.query }}</pre
-					>
-				</div>
-				<div class="mt-3">
-					<p class="text-sm text-gray-600">时间戳</p>
-					<p class="mt-1.5 text-sm text-gray-700">
-						{{ new Date(selectedRow.creation).toLocaleString() }}
-					</p>
-				</div>
-				<div class="mt-3">
-					<p class="text-sm text-gray-600">已提交到数据库</p>
-					<p class="mt-1.5 text-sm text-gray-700">
-						{{ selectedRow.committed ? '是' : '否' }}
-					</p>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import ObjectList from '../../ObjectList.vue';
-export default {
-	name: 'DatabaseSQLPlaygroundLog',
-	props: ['site'],
-	emits: ['rerunQuery'],
-	components: {
-		ObjectList
-	},
-	data() {
-		return {
-			selectedRow: null
-		};
-	},
-	computed: {
-		listOptions() {
-			return {
-				url: 'jcloud.api.client.get_list',
-				pagetype: 'SQL Playground Log',
-				filters: {
-					site: this.site
-				},
-				fields: ['query', 'committed', 'creation'],
-				pageLength: 10,
-				orderBy: 'creation desc',
-				emptyStateMessage: '未找到日志。',
-				columns: [
-					{
-						label: '查询',
-						width: 2,
-						fieldname: 'query',
-						format(value) {
-							if (value.length > 40) {
-								return value.substring(0, 40) + '...';
-							}
-							return value;
-						}
-					},
-					{
-						label: '时间戳',
-						width: 1,
-						align: 'center',
-						fieldname: 'creation',
-						format(value) {
-							return new Date(value).toLocaleString();
-						}
-					},
-					{
-						label: '已提交',
-						fieldname: 'committed',
-						align: 'center',
-						width: 0.5,
-						type: 'Icon',
-						Icon(value) {
-							return value ? 'check' : 'x';
-						}
-					}
-				],
-				onRowClick: row => {
-					this.selectedRow = row;
-				}
-			};
-		}
-	},
-	methods: {
-		rerunQuery() {
-			const query = this.selectedRow.query;
-			this.selectedRow = null;
-			this.$emit('rerunQuery', query);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaDialog.vue b/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaDialog.vue
deleted file mode 100644
index 122ce55..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaDialog.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '浏览表结构',
-			size: '2xl'
-		}"
-	>
-		<template #body-content>
-			<p class="mb-2 text-sm text-gray-700">选择表</p>
-			<div class="flex flex-row gap-2">
-				<FormControl
-					class="w-full"
-					type="autocomplete"
-					:options="autocompleteOptions"
-					v-model="selectedSchema"
-				/>
-				<Button
-					icon="copy"
-					@click="copyTableNameToClipboard"
-					v-if="selectedSchema"
-				/>
-			</div>
-			<div
-				class="mt-3 flex flex-row gap-2"
-				v-if="selectedSchema && showSQLActions"
-			>
-				<Button
-					iconLeft="play"
-					class="grow"
-					variant="outline"
-					@click="viewTop100Rows"
-					>查看前100行</Button
-				>
-				<Button
-					iconLeft="play"
-					class="grow"
-					variant="outline"
-					@click="viewLast100Rows"
-					>查看最后100行</Button
-				>
-				<Button
-					iconLeft="play"
-					class="grow"
-					variant="outline"
-					@click="viewAllRows"
-					>查看所有行</Button
-				>
-			</div>
-			<ObjectList :options="listOptions" v-if="selectedSchema" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import { h } from 'vue';
-import { FormControl } from 'jingrow-ui';
-import ObjectList from '../../ObjectList.vue';
-import { icon } from '../../../utils/components';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'DatabaseTableSchemaDialog',
-	props: {
-		site: {
-			type: String,
-			required: true
-		},
-		tableSchemas: {
-			type: Object,
-			required: true
-		},
-		showSQLActions: {
-			type: Boolean,
-			default: false
-		},
-		preSelectedSchema: {
-			type: String,
-			default: null
-		}
-	},
-	emits: ['runSQLQuery'],
-	components: {
-		FormControl,
-		ObjectList
-	},
-	data() {
-		return {
-			selectedSchema: null
-		};
-	},
-	mounted() {
-		this.preSelectSchema();
-	},
-	watch: {
-		preSelectedSchema() {
-			this.preSelectSchema();
-		}
-	},
-	computed: {
-		autocompleteOptions() {
-			return Object.keys(this.tableSchemas).map(x => ({
-				label:
-					this.tableSchemas[x].size.total_size > 0.01
-						? `${x} (${this.bytesToMB(this.tableSchemas[x].size.total_size)}MB)`
-						: x,
-				value: x
-			}));
-		},
-		listOptions() {
-			if (!this.selectedSchema || !this.selectedSchema.value) return {};
-			return {
-				data: () => {
-					return this.tableSchemas?.[this.selectedSchema.value]?.columns ?? [];
-				},
-				hideControls: true,
-				columns: [
-					{
-						label: '列名',
-						fieldname: 'column',
-						width: 0.5,
-						type: 'Component',
-						component({ row }) {
-							return h(
-								'div',
-								{
-									class: 'truncate text-base cursor-copy',
-									onClick() {
-										if ('clipboard' in navigator) {
-											navigator.clipboard.writeText(row.column);
-											toast.success('已复制到剪贴板');
-										}
-									}
-								},
-								[row.column]
-							);
-						}
-					},
-					{
-						label: '数据类型',
-						fieldname: 'data_type',
-						width: 0.2,
-						align: 'center'
-					},
-					{
-						label: '默认值',
-						fieldname: 'default',
-						width: 0.3,
-						align: 'center'
-					},
-					{
-						label: '可为空',
-						fieldname: 'is_nullable',
-						width: 0.15,
-						type: 'Icon',
-						Icon(value) {
-							return value ? 'check' : 'x';
-						},
-						align: 'center'
-					},
-					{
-						label: '已索引',
-						width: 0.15,
-						align: 'center',
-						type: 'Component',
-						component({ row }) {
-							return row.index_info.is_indexed
-								? icon('check', 'w-4 w-4')
-								: icon('x', 'w-4 w-4');
-						}
-					}
-				]
-			};
-		}
-	},
-	methods: {
-		copyTableNameToClipboard() {
-			if ('clipboard' in navigator) {
-navigator.clipboard.writeText(this.selectedSchema.value);
-				toast.success('已复制到剪贴板');
-			}
-		},
-		viewTop100Rows() {
-			this.$emit(
-				'runSQLQuery',
-				`SELECT * FROM \`${this.selectedSchema.value}\` LIMIT 100;`
-			);
-		},
-		viewLast100Rows() {
-			this.$emit(
-				'runSQLQuery',
-				`SELECT * FROM \`${this.selectedSchema.value}\` ORDER BY name DESC LIMIT 100;`
-			);
-		},
-		viewAllRows() {
-			this.$emit(
-				'runSQLQuery',
-				`SELECT * FROM \`${this.selectedSchema.value}\`;`
-			);
-		},
-		bytesToMB(bytes) {
-			return (bytes / (1024 * 1024)).toFixed(2);
-		},
-		preSelectSchema() {
-			if (!this.preSelectedSchema) return;
-			if (!this.tableSchemas) return;
-			if (this.autocompleteOptions.length == 0) return;
-			this.selectedSchema = {
-				label: this.preSelectedSchema,
-				value: this.preSelectedSchema
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaInfoDialog.vue b/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaInfoDialog.vue
deleted file mode 100644
index 270c570..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaInfoDialog.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: this.tableName,
-			size: '2xl'
-		}"
-	>
-		<template #body-content>
-			<ObjectList :options="listOptions" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import { Badge } from 'jingrow-ui';
-import ObjectList from '../../ObjectList.vue';
-import { h } from 'vue';
-
-export default {
-	name: 'DatabaseTableSchemaInfoDialog',
-	props: ['tableName', 'columns'],
-	components: {
-		ObjectList
-	},
-	computed: {
-		listOptions() {
-			return {
-				data: () => this.columns || [],
-				columns: [
-					{
-						label: '列',
-						fieldname: 'column',
-						width: 0.5
-					},
-					{
-						label: '数据类型',
-						fieldname: 'data_type',
-						width: 0.2,
-						align: 'center'
-					},
-					{
-						label: '可为空',
-						fieldname: 'is_nullable',
-						width: 0.2,
-						format(value) {
-							return value ? '是' : '否';
-						},
-						align: 'center'
-					},
-					{
-						label: '默认值',
-						fieldname: 'default',
-						width: 0.3,
-						align: 'center'
-					}
-				]
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaSizeDetailsDialog.vue b/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaSizeDetailsDialog.vue
deleted file mode 100644
index 1c3da14..0000000
--- a/dashboard_backup/src2/components/devtools/database/DatabaseTableSchemaSizeDetailsDialog.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '表大小',
-			size: '3xl'
-		}"
-	>
-		<template #body-content>
-			<ObjectList :options="listOptions" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import { h } from 'vue';
-import ObjectList from '../../ObjectList.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'DatabaseTableSchemaSizeDetails',
-	props: {
-		site: {
-			type: String,
-			required: true
-		},
-		tableSchemas: {
-			type: Object,
-			required: true
-		},
-		viewSchemaDetails: {
-			type: Function,
-			required: true
-		}
-	},
-	components: {
-		ObjectList
-	},
-	computed: {
-		listOptions() {
-			if (!this.tableSchemas) return {};
-			let data = [];
-			for (const tableName in this.tableSchemas) {
-				const table = this.tableSchemas[tableName];
-				data.push({
-					table_name: tableName,
-					index_size: this.bytesToMB(table.size.index_length),
-					data_size: this.bytesToMB(table.size.data_length),
-					total_size: this.bytesToMB(table.size.total_size)
-				});
-			}
-			// sort in the order of total_size
-			data.sort((a, b) => b.total_size - a.total_size);
-			return {
-				data: () => data,
-				hideControls: true,
-				columns: [
-					{
-						label: '表名',
-						fieldname: 'table_name',
-						width: '180px',
-						align: 'left',
-						type: 'Component',
-						component({ row }) {
-							return h(
-								'div',
-								{
-									class: 'truncate text-base cursor-copy',
-									onClick() {
-										if ('clipboard' in navigator) {
-											navigator.clipboard.writeText(row.table_name);
-											toast.success('已复制到剪贴板');
-										}
-									}
-								},
-								[row.table_name]
-							);
-						}
-					},
-					{
-						label: '总大小 (MB)',
-						fieldname: 'total_size',
-						align: 'center'
-					},
-					{
-						label: '数据大小 (MB)',
-						fieldname: 'data_size',
-						align: 'center'
-					},
-					{
-						label: '索引大小 (MB)',
-						fieldname: 'index_size',
-						align: 'center'
-					},
-					{
-						label: '查看表结构',
-						fieldname: 'table_name',
-						type: 'Component',
-						align: 'center',
-						component: ({ row }) => {
-							return h(
-								'button',
-								{
-									class:
-										'inline-flex items-center justify-center gap-2 transition-colors focus:outline-none text-gray-800 bg-gray-100 hover:bg-gray-200 active:bg-gray-300 focus-visible:ring focus-visible:ring-gray-400 h-7 text-base px-2 rounded',
-									onClick: () => {
-										this.viewSchemaDetails(row.table_name);
-									}
-								},
-								['查看表结构']
-							);
-						}
-					}
-				]
-			};
-		}
-	},
-	methods: {
-		bytesToMB(bytes) {
-			return (bytes / (1024 * 1024)).toFixed(2);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/ResultTable.vue b/dashboard_backup/src2/components/devtools/database/ResultTable.vue
deleted file mode 100644
index 6b4a68c..0000000
--- a/dashboard_backup/src2/components/devtools/database/ResultTable.vue
+++ /dev/null
@@ -1,314 +0,0 @@
-<script setup>
-import {
-	FlexRender,
-	getCoreRowModel,
-	getPaginationRowModel,
-	useVueTable,
-} from '@tanstack/vue-table';
-import { computed, ref, watch } from 'vue';
-import { unparse } from 'papaparse';
-import MaximizedIcon from '~icons/lucide/maximize-2';
-
-const props = defineProps({
-	columns: { type: Array, required: true },
-	data: { type: Array, required: true },
-	alignColumns: { type: Object, default: {} },
-	cellFormatters: { type: Object, default: {} }, // 用于单元格级别的格式化
-	fullViewFormatters: { type: Object, default: {} }, // 用于完整视图的格式化
-	borderLess: { type: Boolean, default: false },
-	enableCSVExport: { type: Boolean, default: true },
-	actionHeaderLabel: { type: String },
-	actionComponent: { type: Object },
-	actionComponentProps: { type: Object, default: {} },
-	isTruncateText: { type: Boolean, default: false },
-	truncateLength: { type: Number, default: 70 },
-});
-
-const generateData = computed(() => {
-	let data = [];
-	for (let i = 0; i < props.data.length; i++) {
-		let row = {};
-		for (let j = 0; j < props.data[i].length; j++) {
-			row[props.columns[j]] = props.data[i][j];
-		}
-		data.push(row);
-	}
-	return data;
-});
-
-const table = useVueTable({
-	data: generateData,
-	get columns() {
-		if (!props.columns?.length) return [];
-		const indexColumn = {
-			id: '__index',
-			header: '#',
-			accessorKey: '__index',
-			cell: (props) => props.row.index + 1,
-		};
-		const cols = props.columns.map((column) => {
-			return {
-				id: column,
-				cell: (cellProps) => {
-					const value = cellProps.getValue();
-					if (props.isTruncateText) {
-						if (
-							value &&
-							typeof value === 'string' &&
-							value.length > props.truncateLength
-						) {
-							return `${value.substring(0, props.truncateLength)}`;
-						}
-					}
-					if (props.cellFormatters[cellProps.column.columnDef.id]) {
-						return props.cellFormatters[cellProps.column.columnDef.id](value);
-					}
-					return value;
-				},
-				header: column,
-				accessorKey: column,
-				enableSorting: false,
-				isNumber: false,
-				meta: {
-					align: props.alignColumns[column] || 'left',
-				},
-			};
-		});
-		return [indexColumn, ...cols];
-	},
-	initialState: {
-		pagination: {
-			pageSize: 10,
-			pageIndex: 0,
-		},
-	},
-	filterFns: {},
-	getCoreRowModel: getCoreRowModel(),
-	getPaginationRowModel: getPaginationRowModel(),
-});
-
-const isTextTruncated = (cell) => {
-	const value = cell.getValue();
-	return (
-		props.isTruncateText &&
-		value &&
-		typeof value === 'string' &&
-		value.length > props.truncateLength
-	);
-};
-
-const fullViewDialogHeader = ref(null);
-const fullViewDialogBody = ref(null);
-const showFullViewDialog = ref(false);
-const handleViewFull = (cell) => {
-	const fullText = cell.getValue();
-	fullViewDialogHeader.value = cell.column.columnDef.header;
-	fullViewDialogBody.value = fullText;
-	if (props.fullViewFormatters[cell.column.columnDef.id]) {
-		fullViewDialogBody.value =
-			props.fullViewFormatters[cell.column.columnDef.id](fullText);
-	}
-	showFullViewDialog.value = true;
-};
-
-const pageLength = computed(() => table.getState().pagination.pageSize);
-const currPage = computed(() => table.getState().pagination.pageIndex + 1);
-
-const pageStart = computed(() => (currPage.value - 1) * pageLength.value + 1);
-const pageEnd = computed(() => {
-	const end = currPage.value * pageLength.value;
-	return end > props.data.length ? props.data.length : end;
-});
-const totalRows = computed(() => props.data.length);
-const showPagination = computed(
-	() => props.data?.length && totalRows.value > pageLength.value,
-);
-
-const pageSize = ref(10);
-watch(pageSize, () => {
-	currPage.value = 1;
-	table.setPageSize(pageSize.value);
-});
-
-const downloadCSV = async () => {
-	let csv = unparse({
-		fields: props.columns,
-		data: props.data,
-	});
-	csv = '\uFEFF' + csv; // 用于utf-8
-	// 创建一个blob并触发下载
-	const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
-const randomId = Math.random().toString(36).substring(2, 10);
-	const filename = `${randomId}.csv`;
-	const link = document.createElement('a');
-	link.href = URL.createObjectURL(blob);
-	link.download = filename;
-	link.click();
-	URL.revokeObjectURL(link.href);
-};
-</script>
-
-<template>
-	<!-- 完整值 -->
-	<Dialog
-		:options="{
-			title: fullViewDialogHeader,
-			size: '3xl',
-		}"
-		v-model="showFullViewDialog"
-	>
-		<template #body-content>
-			<pre
-				class="mt-2 whitespace-pre-wrap rounded-lg border-2 border-gray-200 bg-gray-100 p-3 text-sm text-gray-700"
-				>{{ fullViewDialogBody }}</pre
-			>
-		</template>
-	</Dialog>
-	<!-- 表格 -->
-	<div
-		class="flex h-full w-full flex-col overflow-hidden"
-		:class="{
-			'rounded border': !borderLess,
-		}"
-	>
-		<div class="relative flex flex-1 flex-col overflow-auto text-base">
-			<table
-				v-if="props?.columns?.length || props.data?.length"
-				class="border-separate border-spacing-0"
-			>
-				<thead class="sticky top-0 bg-gray-50">
-					<tr
-						v-for="headerGroup in table.getHeaderGroups()"
-						:key="headerGroup.id"
-					>
-						<td
-							v-for="header in headerGroup.headers"
-							:key="header.id"
-							:colSpan="header.colSpan"
-							class="border-b border-r text-gray-800"
-							:width="
-								header.column.columnDef.id === '__index' ? '6rem' : 'auto'
-							"
-						>
-							<div class="flex items-center gap-2 truncate px-3 py-2">
-								<FlexRender
-									v-if="!header.isPlaceholder"
-									:render="header.column.columnDef.header"
-									:props="header.getContext()"
-								/>
-							</div>
-						</td>
-						<td
-							class="w-[10rem] border-b border-r text-center text-gray-800"
-							v-if="actionHeaderLabel"
-						>
-							{{ actionHeaderLabel }}
-						</td>
-					</tr>
-				</thead>
-				<tbody>
-					<tr v-for="(row, index) in table.getRowModel().rows" :key="row.id">
-						<td
-							v-for="cell in row.getVisibleCells()"
-							:key="cell.id"
-							:align="cell.column.columnDef.meta?.align"
-							class="truncate border-r px-3 py-2"
-							:class="{
-								'border-b': !(
-									index === table.getRowModel().rows.length - 1 && borderLess
-								),
-								'min-w-[6rem] ': cell.column.columnDef.id !== 'index',
-							}"
-						>
-							<FlexRender
-								:render="cell.column.columnDef.cell"
-								:props="cell.getContext()"
-							/>
-							<MaximizedIcon
-								v-if="isTextTruncated(cell)"
-								@click="handleViewFull(cell)"
-								class="!my-0 ml-2 inline-block !h-4 !w-4 cursor-pointer text-gray-700"
-							/>
-						</td>
-						<td
-							class="w-[6rem] border-b border-r text-center text-gray-800"
-							v-if="actionComponent"
-						>
-							<component
-								:is="actionComponent"
-								:row="row.original"
-								v-bind="actionComponentProps"
-							/>
-						</td>
-					</tr>
-					<tr height="99%" class="border-b"></tr>
-				</tbody>
-			</table>
-			<div
-				v-if="props.data?.length == 0"
-				class="flex min-h-[20vh] items-center justify-center"
-			>
-				<div>无结果显示</div>
-			</div>
-		</div>
-
-		<div
-			class="flex justify-between p-1"
-			v-if="props.data?.length != 0 && (enableCSVExport || showPagination)"
-		>
-			<Button
-				@click="downloadCSV"
-				iconLeft="download"
-				variant="ghost"
-				v-if="enableCSVExport"
-				>下载为CSV</Button
-			>
-			<div v-else></div>
-			<!-- 添加空白div以防止布局错乱 -->
-			<div
-				v-if="showPagination"
-				class="flex flex-shrink-0 items-center justify-end gap-3"
-			>
-				<div class="flex flex-shrink-0 items-center justify-end gap-3">
-<div class="flex flex-shrink-0 items-center gap-2 border-r-2 pr-3">
-						<p class="text-sm text-gray-600">每页</p>
-						<select
-							class="form-select block !py-0.5 text-sm"
-							v-model="pageSize"
-						>
-							<option value="10">10&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
-							<option value="50">50&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
-							<option value="100">
-								100&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-							</option>
-							<option value="200">
-								200&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-							</option>
-						</select>
-					</div>
-					<p class="tnum text-sm text-gray-600">
-						{{ pageStart }} - {{ pageEnd }} 共 {{ totalRows }} 行
-					</p>
-					<div class="flex gap-2">
-						<Button
-							variant="ghost"
-							@click="table.previousPage()"
-							:disabled="!table.getCanPreviousPage()"
-							iconLeft="arrow-left"
-						>
-							上一页
-						</Button>
-						<Button
-							variant="ghost"
-							@click="table.nextPage()"
-							:disabled="!table.getCanNextPage()"
-							iconRight="arrow-right"
-						>
-							下一页
-						</Button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/SQLCodeEditor.vue b/dashboard_backup/src2/components/devtools/database/SQLCodeEditor.vue
deleted file mode 100644
index 2c01951..0000000
--- a/dashboard_backup/src2/components/devtools/database/SQLCodeEditor.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<Codemirror
-		v-model="query"
-		placeholder="在此输入代码..."
-		:style="{ height: '280px' }"
-		:autofocus="true"
-		:indent-with-tab="true"
-		:tab-size="2"
-		:extensions="extensions"
-		@ready="handleReady"
-	/>
-</template>
-<script>
-import { MySQL, sql } from '@codemirror/lang-sql';
-import { autocompletion } from '@codemirror/autocomplete';
-import { Codemirror } from 'vue-codemirror';
-import { shallowRef } from 'vue';
-
-export default {
-	name: 'SQLCodeEditor',
-	components: {
-		Codemirror
-	},
-	props: ['schema'],
-	emits: ['update:query', 'codeSelected', 'codeUnselected'],
-	computed: {
-		query: {
-			get() {
-				return this.$props.query;
-			},
-			set(value) {
-				this.$emit('update:query', value);
-			}
-		},
-		extensions() {
-			if (!this.schema) {
-				return [
-					sql({
-						dialect: MySQL,
-						upperCaseKeywords: true
-					}),
-					autocompletion({
-						activateOnTyping: true,
-						closeOnBlur: false,
-						maxRenderedOptions: 10,
-						icons: false
-					})
-				];
-			}
-			return [
-				sql({
-					dialect: MySQL,
-					upperCaseKeywords: true,
-					schema: this.schema
-				}),
-				autocompletion({
-					activateOnTyping: true,
-					closeOnBlur: false,
-					maxRenderedOptions: 10,
-					icons: false
-				})
-			];
-		}
-	},
-	setup(props, { emit }) {
-		// Codemirror EditorView instance ref
-		const view = shallowRef();
-		const handleReady = payload => {
-			view.value = payload.view;
-			view.value.dom.addEventListener('mouseup', handleSelectionChange);
-		};
-
-		const handleSelectionChange = () => {
-			if (!view.value) return;
-
-			const { state } = view.value;
-			const selection = state.selection.main;
-
-			// Get the selected text
-			if (!selection.empty) {
-				const selectedText = state.pg.sliceString(
-					selection.from,
-					selection.to
-				);
-				if ((selectedText ?? '').trim() === '') {
-					emit('codeUnselected');
-					return;
-				}
-				emit('codeSelected', selectedText);
-			} else {
-				emit('codeUnselected');
-			}
-		};
-		return {
-			handleReady
-		};
-	}
-};
-</script>
-<style>
-.cm-focused {
-	outline: none !important;
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/devtools/database/SQLResult.vue b/dashboard_backup/src2/components/devtools/database/SQLResult.vue
deleted file mode 100644
index 0ec2d83..0000000
--- a/dashboard_backup/src2/components/devtools/database/SQLResult.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-	<div v-if="typeof result.output === 'object' && result.output">
-		<SQLResultTable
-			:columns="result.output?.columns ?? []"
-			:data="result.output?.data ?? []"
-		/>
-		<div class="output-container mt-2 !p-2">
-			<div class="flex flex-row items-center gap-1">
-				<Button
-					:icon="isSQLQueryVisible ? 'chevron-down' : 'chevron-right'"
-					variant="ghost"
-					@click="toggleSQLQuerySection"
-				></Button>
-				<p class="cursor-pointer" @click="toggleSQLQuerySection">
-					查看SQL查询
-				</p>
-			</div>
-			<pre class="m-3 text-sm leading-normal" v-if="isSQLQueryVisible">{{
-				result.query
-			}}</pre>
-		</div>
-	</div>
-
-	<div v-else class="output-container">
-		<pre class="mb-4 text-sm leading-normal">{{ result.query }}</pre>
-		<p class="mb-2">{{ result.row_count }} 行受影响</p>
-		<p>查询执行成功</p>
-	</div>
-</template>
-<style scoped>
-.output-container {
-	@apply rounded border p-4 text-base text-gray-700;
-}
-</style>
-<script>
-import SQLResultTable from './ResultTable.vue';
-export default {
-	name: 'SQLResult',
-	props: ['result'],
-	components: {
-		SQLResultTable
-	},
-	data() {
-		return {
-			isSQLQueryVisible: false
-		};
-	},
-	methods: {
-		toggleSQLQuerySection() {
-			this.isSQLQueryVisible = !this.isSQLQueryVisible;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/AddAppDialog.vue b/dashboard_backup/src2/components/group/AddAppDialog.vue
deleted file mode 100644
index dcf7b79..0000000
--- a/dashboard_backup/src2/components/group/AddAppDialog.vue
+++ /dev/null
@@ -1,377 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '添加市场应用',
-			size: '6xl'
-		}"
-		v-model="showDialog"
-	>
-		<template #body-content>
-			<div class="flex">
-				<div>
-					<TextInput
-						placeholder="搜索"
-						class="w-[20rem]"
-						:debounce="500"
-						v-model="searchQuery"
-					>
-						<template #prefix>
-							<i-lucide-search class="h-4 w-4 text-gray-500" />
-						</template>
-						<template #suffix>
-							<span class="text-sm text-gray-500" v-if="searchQuery">
-								{{
-									filteredRows.length === 0
-										? '无结果'
-										: `${filteredRows.length} of ${rows.length}`
-								}}
-							</span>
-						</template>
-					</TextInput>
-				</div>
-				<div class="ml-auto flex items-center space-x-2">
-					<Button
-						@click="$resources.installableApps.reload()"
-						:loading="isLoading"
-					>
-						<template #icon>
-							<i-lucide-refresh-ccw class="h-4 w-4" />
-						</template>
-					</Button>
-					<Button
-						@click="
-							showDialog = false;
-							showNewAppDialog = true;
-						"
-					>
-						<template #prefix>
-							<i-lucide-github class="h-4 w-4" />
-							从 GitHub 添加
-						</template>
-					</Button>
-				</div>
-			</div>
-			<div class="mt-3 min-h-0 flex-1 overflow-y-auto">
-				<ListView
-					:columns="columns"
-					:rows="filteredRows"
-					:options="{
-						selectable: false,
-						onRowClick: () => {},
-						getRowRoute: null
-					}"
-					row-key="name"
-				>
-					<ListHeader>
-						<ListHeaderItem
-							v-for="column in columns"
-							:key="column.key"
-							:item="column"
-						/>
-					</ListHeader>
-					<ListRows>
-						<ListRow
-							v-for="(row, i) in filteredRows"
-							:row="row"
-							:key="row.name"
-						>
-							<template v-slot="{ column, item }">
-								<div class="flex items-center">
-									<div v-if="column.prefix" class="mr-2">
-										<component :is="column.prefix(row)" />
-									</div>
-									<Dropdown
-										:options="dropdownItems(row)"
-										right
-										v-if="column.type === 'select'"
-									>
-										<template v-slot="{ open }">
-											<Button
-												v-if="row.source.branch"
-												type="white"
-												icon-right="chevron-down"
-											>
-												<span>{{ row.source.branch }}</span>
-											</Button>
-										</template>
-									</Dropdown>
-									<component
-										v-else-if="column.type === 'Component'"
-										:is="column.component(row)"
-									/>
-									<Badge
-										v-else-if="column.type === 'Badge'"
-										v-bind="formattedValue(column, item, row)"
-									/>
-									<div v-else class="truncate text-base" :class="column.class">
-										{{ formattedValue(column, item, row) }}
-									</div>
-								</div>
-							</template>
-						</ListRow>
-					</ListRows>
-				</ListView>
-				<div class="px-5" v-if="filteredRows.length === 0">
-					<div
-						class="text-center text-sm leading-10 text-gray-500"
-						v-if="isLoading"
-					>
-						加载中...
-					</div>
-					<div v-else class="text-center text-sm leading-10 text-gray-500">
-						没有可添加的应用
-					</div>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-	<NewAppDialog
-		v-if="showNewAppDialog"
-		@app-added="addAppFromGithub"
-		:group="group"
-	/>
-</template>
-
-<script>
-import {
-	ListView,
-	ListHeader,
-	ListHeaderItem,
-	ListRow,
-	ListRows,
-	ListRowItem,
-	TextInput,
-	Badge,
-	Button
-} from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { h } from 'vue';
-import { getToastErrorMessage } from '../../utils/toast';
-import NewAppDialog from '../NewAppDialog.vue';
-
-export default {
-	name: 'AddAppDialog',
-	props: {
-		group: {
-			type: Object,
-			required: true
-		}
-},
-	components: {
-		ListView,
-		ListHeader,
-		ListHeaderItem,
-		ListRow,
-		ListRows,
-		ListRowItem,
-		TextInput,
-		NewAppDialog
-	},
-	emits: ['appAdd', 'newApp'],
-	data() {
-		return {
-			searchQuery: '',
-			showNewAppDialog: false,
-			selectedAppSources: [],
-			showDialog: true,
-			addedApps: []
-		};
-	},
-	resources: {
-		addApp: {
-			url: 'jcloud.api.bench.add_app',
-			onSuccess() {
-				this.$emit('appAdd');
-			},
-			onError(e) {
-				toast.error(getToastErrorMessage(e));
-			}
-		},
-		installableApps() {
-			return {
-				url: 'jcloud.api.bench.all_apps',
-				params: {
-					name: this.group.name
-				},
-				transform(data) {
-					return data.map(app => {
-						app.compatible = app.sources.length > 0;
-						app.source = app.sources.length > 0 ? app.sources[0] : {};
-						return app;
-					});
-				},
-				auto: true,
-				cache: 'benchInstallableApps',
-				initialData: []
-			};
-		}
-	},
-	computed: {
-		rows() {
-			return this.$resources.installableApps.data;
-		},
-		columns() {
-			return [
-				{
-					label: '标题',
-					key: 'title',
-					class: 'font-medium',
-					prefix(row) {
-						return row.image
-							? h('img', {
-									src: row.image,
-									class: 'w-6 h-6 rounded',
-									alt: row.title
-							  })
-							: h(
-									'div',
-									{
-										class:
-											'w-6 h-6 rounded bg-gray-300 text-gray-600 flex items-center justify-center'
-									},
-									row.title[0].toUpperCase()
-							  );
-					}
-				},
-				{
-					label: '仓库',
-					key: 'repo',
-					class: 'text-gray-600',
-					width: '15rem',
-					format(value, row) {
-						if (!row.sources.length) return value;
-						return `${row.source.repository_owner}/${row.source.repository}`;
-					}
-				},
-				{
-					label: '分支',
-					type: 'select',
-					key: 'sources',
-					width: '15rem',
-					format(value, row) {
-						return row.sources.map(s => {
-							return {
-								label: s.branch,
-								value: s.name
-							};
-						});
-					}
-				},
-				{
-					label: '',
-					type: 'Component',
-					width: '8rem',
-					component: row => {
-						if (row.compatible)
-							return h(Button, {
-								label: '添加',
-								iconLeft: this.addedApps.includes(row) ? 'check' : 'plus',
-
-								disabled: !row.compatible,
-								class: {
-									'ml-auto': true,
-									'pointer-events-none': this.addedApps.includes(row)
-								},
-								onClick: () => this.addApp(row)
-							});
-						else
-							return h(Badge, {
-								class: 'ml-auto',
-								label: '不兼容',
-								theme: 'red'
-							});
-					}
-				}
-			];
-		},
-		filteredRows() {
-			let rows = this.rows.sort((a, b) => {
-				// Sort by compatible first, then by total installs
-				if (a.compatible && !b.compatible) {
-					return -1;
-				} else if (!a.compatible && b.compatible) {
-					return 1;
-				} else if (a.total_installs != b.total_installs) {
-					return b.total_installs - a.total_installs;
-				} else {
-					return a.title.localeCompare(b.title);
-				}
-			});
-
-			if (!this.searchQuery) return rows;
-			let query = this.searchQuery.toLowerCase();
-
-			return rows.filter(row => {
-				let values = this.columns.map(column => {
-					let value = row[column.key];
-					if (column.format) {
-						value = column.format(value, row);
-					}
-					return value;
-				});
-				for (let value of values) {
-					if (value && value.toLowerCase?.().includes(query)) {
-						return true;
-					}
-				}
-				return false;
-			});
-		},
-		isLoading() {
-			return (
-				this.$resources.addApp.loading ||
-				this.$resources.installableApps.loading
-			);
-		}
-	},
-	methods: {
-		addAppFromGithub(app, isUpdate) {
-			app.group = this.group.name;
-			this.$emit('newApp', app, isUpdate);
-		},
-		addApp(row) {
-if (!this.selectedAppSources.includes(row))
-				this.selectedAppSources.push(row);
-
-			let app = this.selectedAppSources.find(app => app.name === row.name);
-
-			this.$resources.addApp
-				.submit({
-					name: this.group.name,
-					source: app.source.name,
-					app: app.name
-				})
-				.then(() => {
-					this.addedApps.push(app);
-				});
-		},
-		dropdownItems(row) {
-			return row.sources.map(source => ({
-				label: `${source.repository_owner}/${source.repository}:${source.branch}`,
-				onClick: () => this.selectSource(row, source)
-			}));
-		},
-		selectSource(app, source) {
-			app.source = source;
-			this.selectedAppSources = this.filteredRows.map(_app => {
-				if (app.name === _app.app) {
-					return {
-						app: app.name,
-						source
-					};
-				}
-				return _app;
-			});
-		},
-		formattedValue(column, value, row) {
-			let formattedValue = column.format ? column.format(value, row) : value;
-			if (formattedValue == null) {
-				formattedValue = '';
-			}
-			return typeof formattedValue === 'object'
-				? formattedValue
-				: String(formattedValue);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/AddRegionDialog.vue b/dashboard_backup/src2/components/group/AddRegionDialog.vue
deleted file mode 100644
index 2ca4175..0000000
--- a/dashboard_backup/src2/components/group/AddRegionDialog.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-	<Dialog
-		v-model="showDialog"
-		:options="{
-			title: '添加区域',
-			actions: [
-				{
-					label: '添加区域',
-					variant: 'solid',
-					loading: groupDocResource.addRegion.loading,
-					disabled: !selectedRegion,
-					onClick: () =>
-						groupDocResource.addRegion.submit(
-							{
-								region: selectedRegion.value
-							},
-							{
-								onSuccess: () => {
-									this.$emit('success');
-									this.showDialog = false;
-								}
-							}
-						)
-				}
-			]
-		}"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<FormControl
-					type="autocomplete"
-					label="选择区域"
-					:options="regionOptions"
-					v-model="selectedRegion"
-				>
-					<template #prefix>
-						<img :src="selectedRegion?.image" class="mr-2 h-4" />
-					</template>
-					<template #item-prefix="{ active, selected, option }">
-						<img v-if="option?.image" :src="option.image" class="mr-2 h-4" />
-					</template>
-				</FormControl>
-				<ErrorMessage :message="groupDocResource.addRegion.error" />
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-
-export default {
-	name: 'AddRegionDialog',
-	props: ['group'],
-	data() {
-		return {
-			showDialog: true,
-			selectedRegion: null,
-			groupDocResource: getCachedDocumentResource('Release Group', this.group)
-		};
-	},
-	computed: {
-		regionOptions() {
-			return this.$resources.availableRegions.data.map(r => ({
-				label: r.title || r.name,
-				value: r.name,
-				image: r.image,
-				beta: r.beta
-			}));
-		}
-	},
-	resources: {
-		availableRegions() {
-			return {
-				url: 'jcloud.api.bench.available_regions',
-				params: {
-					name: this.group
-				},
-				auto: true,
-				initialData: []
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/BenchLogsDialog.vue b/dashboard_backup/src2/components/group/BenchLogsDialog.vue
deleted file mode 100644
index f13fbbb..0000000
--- a/dashboard_backup/src2/components/group/BenchLogsDialog.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: `工作台日志 - ${bench}`,
-			size: '6xl'
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<ObjectList v-if="!showLog" :options="listOptions" />
-			<div v-else>
-				<div class="flex items-center">
-					<Button @click="showLog = false">
-						<template #icon>
-							<i-lucide-arrow-left class="inline-block h-4 w-4" />
-						</template>
-					</Button>
-					<h2 class="ml-4 text-lg font-medium text-gray-900">{{ logName }}</h2>
-					<div class="!ml-auto flex gap-2">
-						<Button @click="log.reload()" :loading="log.loading">
-							<template #icon>
-								<i-lucide-refresh-ccw class="h-4 w-4" />
-							</template>
-						</Button>
-						<Button @click="navigateToLogBrowser">
-							<template #prefix>
-								<i-lucide-sparkle class="h-4 w-4" />
-							</template>
-							在日志浏览器中查看
-						</Button>
-					</div>
-				</div>
-				<div class="mt-4">
-					<div
-						class="h-[34rem] overflow-scroll rounded border border-gray-100 bg-gray-900 px-2.5 py-2 text-sm text-gray-200"
-					>
-						<pre>{{
-							log.loading ? '加载中...' : log?.data[logName] || '无输出'
-						}}</pre>
-					</div>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script setup>
-import { createResource } from 'jingrow-ui';
-import { defineProps, h, ref } from 'vue';
-import LucideSparkleIcon from '~icons/lucide/sparkle';
-import ObjectList from '../ObjectList.vue';
-import { date } from '../../utils/format';
-import router from '../../router';
-
-const props = defineProps({
-	bench: String
-});
-
-const show = ref(true);
-const logName = ref('');
-const showLog = ref(false);
-
-const log = createResource({
-	url: 'jcloud.api.bench.log',
-	makeParams() {
-		return {
-			name: `bench-${props.bench?.split('-')[1]}`,
-			bench: props.bench,
-			log: logName.value
-		};
-	}
-});
-
-const navigateToLogBrowser = () => {
-	show.value = false;
-	router.push({
-		name: 'Log Browser',
-		params: {
-			mode: 'bench',
-			docName: props.bench,
-			logId: logName.value
-		}
-	});
-};
-
-const listOptions = ref({
-	resource() {
-		return {
-			url: 'jcloud.api.bench.logs',
-			makeParams() {
-				return {
-					name: `bench-${props.bench?.split('-')[1]}`,
-					bench: props.bench
-				};
-			},
-			cache: ['BenchLogs', props.bench],
-			auto: true
-		};
-	},
-	onRowClick(row) {
-		logName.value = row.name;
-		showLog.value = true;
-		log.fetch();
-	},
-	columns: [
-		{
-			label: '名称',
-			fieldname: 'name'
-		},
-		{
-			label: '大小',
-			fieldname: 'size',
-			class: 'text-gray-600',
-			format(value) {
-				return `${value} kB`;
-			}
-		},
-		{
-			label: '创建时间',
-			fieldname: 'created',
-			format(value) {
-				return value ? date(value, 'lll') : '';
-			}
-		}
-	],
-	actions: () => [
-		{
-			slots: {
-				prefix: () => h(LucideSparkleIcon)
-			},
-			label: '在日志浏览器中查看',
-			onClick: () => {
-				show.value = false;
-				router.push({
-					name: 'Log Browser',
-					params: { mode: 'bench', docName: props.bench }
-				});
-			}
-		}
-	]
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/ChangeAppBranchDialog.vue b/dashboard_backup/src2/components/group/ChangeAppBranchDialog.vue
deleted file mode 100644
index eee8164..0000000
--- a/dashboard_backup/src2/components/group/ChangeAppBranchDialog.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-	<Dialog
-		v-model="showDialog"
-		:options="{ title: `更改 ${app.title} 的分支` }"
-	>
-		<template #body-content>
-			<div class="flex flex-col items-center">
-				<Button
-					class="w-min"
-					v-if="$resources.branches.loading"
-					:loading="true"
-					loadingText="加载中..."
-				/>
-				<FormControl
-					v-else
-					class="w-full"
-					label="选择分支"
-					type="select"
-					:options="$resources.branches.data"
-					v-model="selectedBranch"
-				/>
-				<ErrorMessage
-					class="mt-2 w-full"
-					:message="$resources.changeBranch.error"
-				/>
-			</div>
-		</template>
-		<template #actions>
-			<Button
-				v-if="!$resources.branches.loading"
-				class="w-full"
-				variant="solid"
-				label="更改分支"
-				:loading="$resources.changeBranch.loading"
-				@click="changeBranch()"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { DashboardError } from '../../utils/error';
-
-export default {
-	name: 'ChangeAppBranchDialog',
-	emits: ['branchChange'],
-	props: ['bench', 'app'],
-	data() {
-		return {
-			selectedBranch: this.app.branch,
-			showDialog: true
-		};
-	},
-	resources: {
-		branches() {
-			return {
-				url: 'jcloud.api.bench.branch_list',
-				params: {
-					name: this.bench,
-					app: this.app.name
-				},
-				auto: true,
-				initialData: [],
-				transform(data) {
-					return data.map(d => d.name);
-				}
-			};
-		},
-		changeBranch() {
-			return {
-				url: 'jcloud.api.bench.change_branch',
-				onSuccess() {
-					this.$emit('branchChange');
-					this.showDialog = false;
-				},
-				validate() {
-					if (this.selectedBranch == this.app.branch) {
-						throw new DashboardError('请选择一个不同的分支');
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		changeBranch() {
-			this.$resources.changeBranch.submit({
-				name: this.bench,
-				app: this.app.name,
-				to_branch: this.selectedBranch
-			});
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/DependencyEditorDialog.vue b/dashboard_backup/src2/components/group/DependencyEditorDialog.vue
deleted file mode 100644
index 38d07ee..0000000
--- a/dashboard_backup/src2/components/group/DependencyEditorDialog.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: `编辑 ${dependency.title}`,
-			actions: [
-				{
-					label: '更新',
-					variant: 'solid',
-					loading: groupDocResource?.updateDependency?.loading,
-					onClick: updateDependency
-				}
-			]
-		}"
-		v-model="showDialog"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<!-- 自定义依赖版本 -->
-				<div v-if="useCustomVersion">
-					<FormControl
-						type="data"
-						:label="`自定义 ${dependency.title}`"
-						placeholder="请输入自定义版本"
-						description="请在设置之前确保输入的依赖版本存在"
-						v-model="customVersion"
-					/>
-				</div>
-
-				<!-- 非自定义版本 -->
-				<FormControl
-					v-else
-					type="select"
-					:disabled="useCustomVersion"
-					:label="dependency.title"
-					placeholder="请选择一个版本"
-					:options="dependencyOptions"
-					v-model="selectedDependencyVersion"
-				/>
-
-				<!-- 使用自定义版本复选框 -->
-				<div class="flex items-center gap-2">
-					<FormControl
-						type="checkbox"
-						label="使用自定义版本"
-						v-model="useCustomVersion"
-					/>
-					<Tooltip text="查看文档">
-						<a
-							class="no-underline"
-							target="_blank"
-							href="https://jingrow.com/docs/benches/editing-bench-dependency-version#setting-a-custom-version"
-							><FeatherIcon
-								name="help-circle"
-								class="h-3 w-3 text-gray-700"
-							></FeatherIcon
-						></a>
-					</Tooltip>
-				</div>
-
-				<ErrorMessage
-					:message="groupDocResource?.updateDependency?.error || error"
-				/>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-
-export default {
-	name: 'DependencyEditorDialog',
-	props: {
-		group: { required: true, type: Object },
-		dependency: { required: true, type: Object }
-	},
-	data() {
-		return {
-			error: '',
-			showDialog: true,
-			customVersion: '',
-			useCustomVersion: false,
-			selectedDependencyVersion: null,
-			groupDocResource: getCachedDocumentResource(
-				'Release Group',
-				this.group.name
-			)
-		};
-	},
-	mounted() {
-		if (this.dependency.is_custom) {
-			this.useCustomVersion = true;
-			this.customVersion = this.dependency.version;
-		} else {
-			this.selectedDependencyVersion = this.dependency.version;
-		}
-	},
-	computed: {
-		dependencyOptions() {
-			const versions = new Set(this.$resources.dependencyVersions.data ?? []);
-			if (!this.dependency.is_custom) {
-				versions.add(this.dependency.version);
-			}
-
-			return Array.from(versions)
-				.sort()
-				.map(v => ({
-					label: v,
-					value: v
-				}));
-		},
-		version() {
-			if (this.useCustomVersion) {
-				return this.customVersion;
-			}
-
-			return this.selectedDependencyVersion;
-		}
-	},
-	resources: {
-		dependencyVersions() {
-			return {
-				type: 'list',
-				pagetype: 'Bench Dependency Version',
-				fields: ['version'],
-				filters: {
-					parenttype: 'Bench Dependency',
-					parent: this.dependency.dependency,
-					supported_jingrow_version: this.group.version
-				},
-				transform(data) {
-					return data.map(d => d.version);
-				},
-				orderBy: 'version asc',
-				pageLength: 1000,
-				auto: true
-			};
-		}
-	},
-	methods: {
-		setErrorIfCannotUpdate() {
-			if (!this.version) {
-				const verb = this.useCustomVersion ? '输入' : '选择';
-				this.error = `请${verb}一个版本`;
-				return true;
-			}
-
-			if (this.dependency.version === this.version) {
-				const verb = this.useCustomVersion ? '输入的' : '选择的';
-				this.error = `${verb}版本与之前的版本相同`;
-				return true;
-			}
-
-			this.error = '';
-			return false;
-		},
-		updateDependency() {
-			if (this.setErrorIfCannotUpdate()) {
-				return;
-			}
-
-			this.groupDocResource.updateDependency.submit(
-				{
-					dependency_name: this.dependency.name,
-					version: this.version,
-					is_custom: this.useCustomVersion
-				},
-				{
-					onSuccess: () => {
-						this.$emit('success');
-this.showDialog = false;
-					}
-				}
-			);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/PatchAppDialog.vue b/dashboard_backup/src2/components/group/PatchAppDialog.vue
deleted file mode 100644
index 214472f..0000000
--- a/dashboard_backup/src2/components/group/PatchAppDialog.vue
+++ /dev/null
@@ -1,312 +0,0 @@
-<template>
-	<Dialog v-if="show" :options="{ title, position: 'top' }" v-model="show">
-		<template v-slot:body-content>
-			<div class="flex flex-col gap-4">
-				<p class="text-base text-gray-600">
-					您可以通过输入补丁URL或选择补丁文件来选择应用程序补丁。
-				</p>
-				<div class="flex flex-col gap-2">
-					<FormControl
-						v-if="!app"
-						class="w-full"
-						v-model="applyToApp"
-						label="选择应用"
-						placeholder="选择要打补丁的应用"
-						type="select"
-						variant="outline"
-						:options="$resources.apps.data"
-					/>
-
-					<!-- 补丁选择器（URL或文件） -->
-					<div class="flex w-full items-end gap-1">
-						<FormControl
-							v-if="!patch"
-							class="w-full"
-							label="补丁URL"
-							type="data"
-							v-model="patchURL"
-							variant="outline"
-							placeholder="输入补丁URL"
-						/>
-						<FormControl
-							v-else
-							class="w-full"
-							label="补丁文件名"
-							type="data"
-							variant="outline"
-							v-model="patchFileName"
-							placeholder="设置补丁文件名"
-						/>
-
-						<!-- 文件选择器 -->
-						<input
-							ref="fileSelector"
-							type="file"
-							:accept="['text/x-patch', 'text/x-diff', 'application/x-patch']"
-							class="hidden"
-							@change="onPatchFileSelect"
-						/>
-						<Button
-							@click="$refs.fileSelector.click()"
-							title="选择补丁文件"
-						>
-							<FeatherIcon name="file-text" class="h-5 w-5 text-gray-600" />
-						</Button>
-
-						<!-- 清除补丁文件 -->
-						<Button @click="clear" v-if="patch" title="清除补丁文件">
-							<FeatherIcon name="x" class="h-5 w-5 text-gray-600" />
-						</Button>
-					</div>
-				</div>
-				<ErrorMessage class="-mt-2 w-full" :message="error" />
-				<h3 class="mt-4 text-base font-semibold">补丁配置</h3>
-				<FormControl
-					v-if="!applyToAllBenches"
-					v-model="applyToBench"
-					label="选择部署"
-					type="select"
-					variant="outline"
-					:options="$resources.benches.data"
-				/>
-				<FormControl
-					label="将补丁应用到所有活动部署"
-					type="checkbox"
-					v-model="applyToAllBenches"
-				/>
-				<FormControl
-					label="应用补丁后构建资源"
-					type="checkbox"
-					v-model="buildAssets"
-				/>
-			</div>
-		</template>
-		<template v-slot:actions>
-			<Button variant="solid" class="w-full" @click="applyPatch">
-				应用补丁
-			</Button>
-		</template>
-	</Dialog>
-</template>
-<script>
-import {
-	Button,
-	Dialog,
-	ErrorMessage,
-	FeatherIcon,
-	FileUploader,
-	FormControl
-} from 'jingrow-ui';
-
-export default {
-	name: 'PatchAppDialog',
-	props: {
-		app: [null, String],
-		group: String
-	},
-	components: {
-		Dialog,
-		FormControl,
-		ErrorMessage,
-		FileUploader,
-		Button,
-		FeatherIcon
-	},
-	watch: {
-		app(value) {
-			this.show = !!value;
-			this.applyToApp = value || '';
-		},
-		show(value) {
-			this.error = '';
-			if (value) {
-				return;
-			}
-
-			setTimeout(this.clearApp, 150);
-		}
-	},
-	data() {
-		return {
-			show: true,
-			error: '',
-			patch: '',
-			patchURL: '',
-			patchFileName: '',
-			buildAssets: false,
-			applyToApp: '',
-			applyToBench: '',
-			applyToAllBenches: false
-		};
-	},
-	computed: {
-		title() {
-			const app = this.app || this.applyToApp;
-			if (app) {
-				return `应用补丁到 ${app}`;
-			}
-
-			return '应用补丁';
-		}
-	},
-	methods: {
-		clearApp() {
-			this.$emit('clear-app-to-patch');
-		},
-		validate() {
-			if (!this.$resources.benches.data.length) {
-				this.error =
-					'此部署组没有部署，无法应用补丁。';
-				return false;
-			}
-if (this.patch && !this.patchFileName) {
-				this.error = '请输入补丁文件名。';
-				return false;
-			}
-
-			if (!this.patch && !this.patchURL) {
-				this.error = '请输入补丁URL或选择一个补丁文件。';
-				return false;
-			}
-
-			if (!this.applyToAllBenches && !this.applyToBench) {
-				this.error =
-					'请选择一个部署或勾选“将补丁应用到所有活动部署”。';
-				return false;
-			}
-
-			if (!this.app && !this.applyToApp) {
-				this.error = '请选择要打补丁的应用。';
-				return false;
-			}
-
-			if (this.patchURL && !this.patchURL.endsWith('.patch')) {
-				this.error =
-					'补丁URL没有`.patch`扩展名。请输入有效的URL。';
-				return false;
-			}
-
-			return true;
-		},
-		applyPatch() {
-			if (!this.validate()) {
-				return;
-			}
-
-			if (!this.patchFileName && this.patchURL) {
-				this.patchFileName = this.patchURL.split('/').at(-1);
-			}
-
-			if (!this.patchFileName.endsWith('.patch')) {
-				this.patchFileName += '.patch';
-			}
-
-			const app = this.app || this.applyToApp;
-			const args = {
-				release_group: this.group,
-				app,
-				patch_config: {
-					patch: this.patch,
-					filename: this.patchFileName,
-					patch_url: this.patchURL,
-					build_assets: this.buildAssets,
-					patch_bench: this.applyToBench,
-					patch_all_benches: this.applyToAllBenches
-				}
-			};
-
-			this.$resources.applyPatch.submit(args);
-		},
-		async onPatchFileSelect(e) {
-			this.error = '';
-			const file = e.target.files?.[0];
-			if (!file) {
-				return;
-			}
-
-			this.patch = await file.text();
-			this.patchFileName = file.name;
-		},
-		clear() {
-			this.error = '';
-			this.patch = '';
-			this.patchFileName = '';
-		},
-		close() {
-			this.show = false;
-			this.clear();
-		}
-	},
-	resources: {
-		apps() {
-			return {
-				type: 'list',
-				pagetype: 'Release Group App',
-				parent: 'Release Group',
-				auto: true,
-				filters: {
-					parenttype: 'Release Group',
-					parent: this.group
-				},
-				onSuccess(data) {
-					if (data.length === 1) {
-						this.applyToApp = data[0].value;
-					}
-				},
-				onError(data) {
-					this.error = data;
-				},
-				transform(data) {
-					return data.map(({ name }) => ({ value: name, label: name }));
-				}
-			};
-		},
-		benches() {
-			return {
-				type: 'list',
-				pagetype: 'Bench',
-				fields: ['name'],
-				filters: {
-					group: this.group,
-					status: 'Active'
-				},
-				auto: true,
-				onSuccess(data) {
-					if (data.length > 0) {
-						this.applyToBench = data.at(-1).value;
-						return;
-					}
-
-					this.error =
-						'此部署组没有部署，无法应用补丁。';
-				},
-				onError(data) {
-					this.error = data;
-				},
-				transform(data) {
-					return data.map(({ name }) => ({ value: name, label: name }));
-				}
-			};
-		},
-		applyPatch() {
-			return {
-				url: 'jcloud.api.bench.apply_patch',
-				onSuccess() {
-					this.close();
-					this.$router.push({
-						name: 'Release Group Detail Jobs',
-						params: { name: this.group }
-					});
-				},
-				onError(error) {
-					if (error.messages.length) {
-						this.error = error.messages.join('\n');
-					} else {
-						this.error = error.message;
-					}
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/ReleaseGroupActionCell.vue b/dashboard_backup/src2/components/group/ReleaseGroupActionCell.vue
deleted file mode 100644
index e4b8c7b..0000000
--- a/dashboard_backup/src2/components/group/ReleaseGroupActionCell.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-	<div class="flex items-center justify-between gap-1">
-		<div>
-			<h3 class="text-base font-medium">{{ props.actionLabel }}</h3>
-			<p class="mt-1 text-p-base text-gray-600">{{ props.description }}</p>
-		</div>
-		<Button
-			v-if="releaseGroup?.pg"
-			class="whitespace-nowrap"
-			@click="getBenchActionHandler(props.actionLabel)"
-		>
-			<p
-				:class="
-					group === 'Dangerous Actions' ? 'text-red-600' : 'text-gray-800'
-				"
-			>
-				{{ props.buttonLabel }}
-			</p>
-		</Button>
-	</div>
-</template>
-
-<script setup>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { confirmDialog } from '../../utils/components';
-import router from '../../router';
-
-const props = defineProps({
-	benchName: { type: String, required: true },
-	actionLabel: { type: String, required: true },
-	method: { type: String, required: true },
-	description: { type: String, required: true },
-	buttonLabel: { type: String, required: true },
-	group: { type: String, required: false }
-});
-
-const releaseGroup = getCachedDocumentResource(
-	'Release Group',
-	props.benchName
-);
-
-function getBenchActionHandler(action) {
-	const actionHandlers = {
-		'Rename Bench Group': onRenameBench,
-		'Transfer Bench Group': onTransferBench,
-		'Drop Bench Group': onDropBench
-	};
-	if (actionHandlers[action]) {
-		actionHandlers[action].call(this);
-	}
-}
-
-function onRenameBench() {
-	confirmDialog({
-		title: '重命名站点分组',
-		fields: [
-			{
-				label: '输入新的站点分组名称',
-				fieldname: 'newBenchName'
-			}
-		],
-		onSuccess({ hide, values }) {
-			if (values.newBenchName) {
-				toast.promise(
-					releaseGroup.setValue.submit(
-						{
-							title: values.newBenchName
-						},
-						{
-							onSuccess() {
-								hide();
-							}
-						}
-					),
-					{
-						loading: '正在重命名站点分组...',
-						success: '站点分组重命名成功',
-						error: '重命名站点分组失败'
-					}
-				);
-			} else {
-				toast.error('请输入有效的站点分组名称');
-			}
-		}
-	});
-}
-
-function onTransferBench() {
-	confirmDialog({
-		title: '转移站点分组所有权',
-		fields: [
-			{
-				label: '输入接收站点分组所有权的团队邮箱地址',
-				fieldname: 'email'
-			},
-			{
-				label: '转移原因',
-				fieldname: 'reason',
-				type: 'textarea'
-			}
-		],
-		primaryAction: {
-			label: '转移',
-			variant: 'solid',
-			onClick: ({ hide, values }) => {
-				if (!values.email) {
-					throw new Error('请输入有效的邮箱地址');
-				}
-
-				return releaseGroup.sendTransferRequest
-					.submit({ team_mail_id: values.email, reason: values.reason || '' })
-					.then(() => {
-						hide();
-						toast.success(
-							`转移请求已成功发送至 ${values.email}。`
-						);
-					});
-			}
-		}
-	});
-}
-
-function onDropBench() {
-	confirmDialog({
-		title: '删除站点分组',
-		message: `确定要删除站点分组 <b>${
-			releaseGroup.pg.title || releaseGroup.name
-		}</b> 吗？`,
-		fields: [
-			{
-				label: '请输入站点分组名称以确认',
-				fieldname: 'confirmBenchName'
-			}
-		],
-		primaryAction: {
-			label: '删除',
-			theme: 'red',
-			onClick: ({ hide, values }) => {
-				if (releaseGroup.delete.loading) return;
-				if (values.confirmBenchName !== releaseGroup.pg.title) {
-					throw new Error('站点分组名称不匹配');
-				}
-				toast.promise(
-					releaseGroup.delete.submit(null, {
-						onSuccess: () => {
-							hide();
-							router.push({ name: 'Release Group List' });
-						}
-					}),
-					{
-						loading: '正在删除站点分组...',
-						success: '站点分组删除成功',
-						error: error =>
-							error.messages.length
-								? error.messages.join('\n')
-								: '删除站点分组失败'
-					}
-				);
-			}
-		}
-	});
-}
-</script>
diff --git a/dashboard_backup/src2/components/group/ReleaseGroupActions.vue b/dashboard_backup/src2/components/group/ReleaseGroupActions.vue
deleted file mode 100644
index 9e77e3c..0000000
--- a/dashboard_backup/src2/components/group/ReleaseGroupActions.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<div class="mx-auto max-w-3xl space-y-4" v-if="$releaseGroup?.pg?.actions">
-		<div
-			v-for="group in actions"
-			:key="group.group"
-			class="divide-y rounded border border-gray-200 p-5"
-		>
-			<div class="pb-3 text-lg font-semibold">{{ group.group }}</div>
-			<div
-				class="py-3 first:pt-0 last:pb-0"
-				v-for="row in group.actions"
-				:key="row.action"
-			>
-				<ReleaseGroupActionCell
-					:benchName="releaseGroup"
-					:group="group.group"
-					:actionLabel="row.action"
-					:method="row.pg_method"
-					:description="row.description"
-					:buttonLabel="row.button_label"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import ReleaseGroupActionCell from './ReleaseGroupActionCell.vue';
-
-export default {
-	props: ['releaseGroup'],
-	components: { ReleaseGroupActionCell },
-	computed: {
-		$releaseGroup() {
-			return getCachedDocumentResource('Release Group', this.releaseGroup);
-		},
-		actions() {
-			const groupedActions = this.$releaseGroup.pg.actions.reduce(
-				(acc, action) => {
-					const group = action.group || '常规操作';
-					if (!acc[group]) {
-						acc[group] = [];
-					}
-					acc[group].push(action);
-					return acc;
-				},
-				{}
-			);
-
-			return Object.keys(groupedActions).map(group => ({
-				group,
-				actions: groupedActions[group]
-			}));
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/SSHCertificateDialog.vue b/dashboard_backup/src2/components/group/SSHCertificateDialog.vue
deleted file mode 100644
index 33ca819..0000000
--- a/dashboard_backup/src2/components/group/SSHCertificateDialog.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: 'SSH 访问',
-			size: 'xl'
-		}"
-		v-model="show"
-	>
-		<template #body-content v-if="$bench.pg">
-			<div v-if="certificate" class="space-y-4">
-				<div class="space-y-2">
-					<h4 class="text-base font-semibold text-gray-700">步骤 1</h4>
-					<div class="space-y-2">
-						<p class="text-base">
-							执行以下 shell 命令以在本地存储 SSH 证书。
-						</p>
-						<ClickToCopyField
-							:textContent="certificateCommand"
-							:breakLines="false"
-						/>
-					</div>
-				</div>
-				<div class="space-y-2">
-					<h4 class="text-base font-semibold text-gray-700">步骤 2</h4>
-					<div class="space-y-1">
-						<p class="text-base">
-							执行以下 shell 命令以 SSH 进入您的 bench
-						</p>
-						<ClickToCopyField :textContent="sshCommand" />
-					</div>
-				</div>
-				<div class="space-y-2">
-					<h4 class="text-base font-semibold text-gray-700">步骤 3</h4>
-					<div class="space-y-1">
-						<p class="text-base">
-							请谨慎使用，仅用于
-							<a
-								href="/docs/benches/debugging"
-								class="underline"
-								target="_blank"
-								>调试</a
-							>
-							目的。不要像在本地机器上那样安装/卸载应用程序。请使用 UI 进行操作。
-						</p>
-					</div>
-				</div>
-			</div>
-			<div class="space-y-2 text-p-base text-gray-700" v-else>
-				<p v-if="!$bench.pg.user_ssh_key">
-					看起来您还没有添加 SSH 公钥。请前往
-					<router-link
-						:to="{ name: 'SettingsDeveloper' }"
-						class="underline"
-						@click="show = false"
-					>
-						开发者设置</router-link
-					>
-					添加您的 SSH 公钥。
-				</p>
-				<p v-else-if="!$bench.pg.is_ssh_proxy_setup">
-					此 bench 未启用 SSH 访问。请联系支持以启用访问。
-				</p>
-				<p v-else>
-					您需要 SSH 证书才能访问您的 bench。此证书仅适用于您的公私钥对，并且有效期为 6 小时。
-				</p>
-				<p>
-					请参阅
-					<a href="/docs/benches/ssh" class="underline" target="_blank"
-						>SSH 访问文档</a
-					>
-					了解更多详情。
-				</p>
-			</div>
-		</template>
-		<template
-			#actions
-			v-if="
-				!certificate &&
-				$bench.pg?.is_ssh_proxy_setup &&
-				$bench.pg?.user_ssh_key
-			"
-		>
-			<Button
-				:loading="$releaseGroup.generateCertificate.loading"
-				@click="
-					async () => {
-						await $releaseGroup.generateCertificate.fetch();
-						await $releaseGroup.getCertificate.reload();
-					}
-				"
-				variant="solid"
-				class="w-full"
-				>生成 SSH 证书</Button
-			>
-		</template>
-		<ErrorMessage
-			class="mt-3"
-			:message="$releaseGroup.generateCertificate.error"
-		/>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-
-export default {
-	props: ['bench', 'releaseGroup'],
-	data() {
-		return {
-			show: true
-		};
-	},
-	resources: {
-		bench() {
-			return {
-				type: 'document',
-				pagetype: 'Bench',
-				name: this.bench,
-				onSuccess(pg) {
-					if (pg.is_ssh_proxy_setup && pg.user_ssh_key) {
-						this.$releaseGroup.getCertificate.reload();
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		$bench() {
-			return this.$resources.bench;
-		},
-		$releaseGroup() {
-			return getCachedDocumentResource('Release Group', this.releaseGroup);
-		},
-		certificate() {
-			return this.$releaseGroup.getCertificate.data;
-		},
-		sshCommand() {
-			if (!this.$bench.pg) return;
-return `ssh ${this.$bench.pg.name}@${this.$bench.pg.proxy_server} -p 2222`;
-		},
-		certificateCommand() {
-			if (this.certificate) {
-				return `echo '${this.certificate.ssh_certificate?.trim()}' > ~/.ssh/id_${
-					this.certificate.key_type
-				}-cert.pub`;
-			}
-			return null;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/SupervisorProcessesDialog.vue b/dashboard_backup/src2/components/group/SupervisorProcessesDialog.vue
deleted file mode 100644
index 9299bbf..0000000
--- a/dashboard_backup/src2/components/group/SupervisorProcessesDialog.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: `进程 - ${bench}`,
-			size: '4xl'
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<ObjectList :options="listOptions" />
-		</template>
-	</Dialog>
-</template>
-
-<script lang="ts" setup>
-import { defineProps, ref } from 'vue';
-import { getProcessesColumns } from '../../objects/bench';
-import ObjectList from '../ObjectList.vue';
-
-const props = defineProps({
-	bench: String
-});
-const show = ref(true);
-
-const listOptions = ref({
-	resource() {
-		return {
-			url: 'jcloud.api.bench.get_processes',
-			params: { name: props.bench },
-			auto: true
-		};
-	},
-	emptyStateMessage: '未找到进程。',
-	columns: getProcessesColumns(),
-	selectable: false
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/group/UpdateReleaseGroupDialog.vue b/dashboard_backup/src2/components/group/UpdateReleaseGroupDialog.vue
deleted file mode 100644
index a23fde5..0000000
--- a/dashboard_backup/src2/components/group/UpdateReleaseGroupDialog.vue
+++ /dev/null
@@ -1,632 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		:options="{
-			size: '4xl',
-			title: '更新站点分组',
-		}"
-	>
-		<template #body-content>
-			<AlertBanner
-				v-if="benchDocResource.pg.are_builds_suspended"
-				class="mb-4"
-				title="<b>构建已暂停：</b>更新将在构建恢复后安排运行。"
-				type="warning"
-			/>
-			<!-- 更新步骤 -->
-			<div class="space-y-4">
-				<!-- 选择应用步骤 -->
-				<div v-if="step === 'select-apps'">
-					<h2 class="mb-4 text-lg font-medium">选择要更新的应用</h2>
-					<GenericList
-						class="max-h-[500px]"
-						v-if="benchDocResource.pg.deploy_information.update_available"
-						:options="updatableAppOptions"
-						@update:selections="handleAppSelection"
-					/>
-					<p v-else class="text-center text-base text-gray-600">
-						没有可更新的应用
-					</p>
-				</div>
-
-				<!-- 移除应用步骤 -->
-				<div v-else-if="step === 'removed-apps'">
-					<h2 class="mb-4 text-lg font-medium">这些应用将被移除</h2>
-					<GenericList class="max-h-[500px]" :options="removedAppOptions" />
-				</div>
-
-				<!-- 选择站点步骤 -->
-				<div v-else-if="step === 'select-sites'">
-					<h2 class="mb-4 text-lg font-medium">选择要更新的站点</h2>
-					<GenericList
-						class="max-h-[500px]"
-						v-if="benchDocResource.pg.deploy_information.sites.length"
-						:options="siteOptions"
-						@update:selections="handleSiteSelection"
-					/>
-					<p
-						class="text-center text-base font-medium text-gray-600"
-						v-else-if="!benchDocResource.pg.deploy_information.sites.length"
-					>
-						没有可更新的活跃站点
-					</p>
-				</div>
-
-				<!-- 限制构建步骤 -->
-				<div
-					v-else-if="step === 'restrict-build' && restrictMessage"
-					class="flex flex-col gap-4"
-				>
-					<div class="flex items-center gap-2">
-						<h2 class="text-lg font-medium">构建可能会失败</h2>
-						<a
-							href="https://jingrow.com/docs/common-issues/build-might-fail"
-							target="_blank"
-							class="cursor-pointer rounded-full border border-gray-200 bg-gray-100 p-0.5 text-base text-gray-700"
-						>
-							<i-lucide-help-circle :class="`h-4 w-4 text-red-600`" />
-						</a>
-					</div>
-					<p
-						class="text-base font-medium text-gray-800"
-						v-html="restrictMessage"
-					></p>
-					<div class="mt-4">
-						<FormControl
-							label="我明白，仍然运行部署"
-							type="checkbox"
-							v-model="ignoreWillFailCheck"
-						/>
-					</div>
-				</div>
-
-				<div v-if="canUpdateInPlace" class="flex gap-2">
-					<FormControl
-						label="使用原地更新"
-						type="checkbox"
-						v-model="useInPlaceUpdate"
-					/>
-					<Tooltip text="查看文档">
-						<a
-							href="https://jingrow.com/docs/in-place-updates"
-							target="_blank"
-						>
-							<i-lucide-help-circle :class="`h-4 w-4 text-gray-600`" />
-						</a>
-					</Tooltip>
-				</div>
-
-				<ErrorMessage :message="errorMessage" />
-			</div>
-		</template>
-		<template #actions>
-			<div class="flex items-center justify-between space-y-2">
-				<div v-if="!canShowBack"><!-- 占位div --></div>
-				<Button v-if="canShowBack" label="返回" @click="back" />
-				<Button v-if="canShowNext" variant="solid" label="下一步" @click="next" />
-				<Button
-					v-if="canShowDeploy"
-					variant="solid"
-					:label="deployLabel"
-					:loading="
-						$resources.deployAndUpdate.loading ||
-						$resources.updateInPlace.loading
-					"
-					@click="updateBench"
-				/>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { h } from 'vue';
-import { Checkbox, getCachedDocumentResource } from 'jingrow-ui';
-import CommitChooser from '@/components/utils/CommitChooser.vue';
-import CommitTag from '@/components/utils/CommitTag.vue';
-import GenericList from '../../components/GenericList.vue';
-import { getTeam } from '../../data/team';
-import { DashboardError } from '../../utils/error';
-import AlertBanner from '../AlertBanner.vue';
-
-export default {
-	name: 'UpdateReleaseGroupDialog',
-	props: ['bench'],
-	components: {
-		GenericList,
-		CommitChooser,
-		CommitTag,
-		AlertBanner,
-	},
-	data() {
-		return {
-			show: true,
-			step: '',
-			errorMessage: '',
-			ignoreWillFailCheck: false,
-			useInPlaceUpdate: false,
-			restrictMessage: '',
-			selectedApps: [],
-			selectedSites: [],
-		};
-	},
-	mounted() {
-		if (this.hasUpdateAvailable) {
-			this.step = '选择应用';
-		} else if (this.hasRemovedApps) {
-			this.step = '已移除应用';
-		} else {
-			this.step = '选择站点';
-		}
-	},
-	computed: {
-		updatableAppOptions() {
-			let deployInformation = this.benchDocResource.pg.deploy_information;
-			let appData = deployInformation.apps.filter(
-				(app) => app.update_available === true,
-			);
-
-			return {
-				data: appData,
-				selectable: true,
-				columns: [
-					{
-						label: '应用',
-						fieldname: 'title',
-						width: 1.75,
-					},
-					{
-						label: '从',
-						fieldname: 'current_hash',
-						type: 'Component',
-						component({ row: app }) {
-							if (!app.current_hash) return null;
-							let tag = app.will_branch_change
-								? app.current_branch
-								: app.current_hash.slice(0, 7);
-
-							return h(CommitTag, {
-								tag: tag,
-								link: `${app.repository_url}/commit/${tag}`,
-							});
-						},
-					},
-					{
-						label: '到',
-						fieldname: 'next_release',
-						type: 'Component',
-						component({ row: app }) {
-							if (app.will_branch_change) {
-								return h(CommitTag, {
-									tag: app.branch,
-									link: `${app.repository_url}/commit/${app.branch}`,
-								});
-							}
-
-							function commitChooserOptions(app) {
-								return app.releases.map((release) => {
-									const messageMaxLength = 75;
-									let message = release.message.split('\n')[0];
-									message =
-										message.length > messageMaxLength
-											? message.slice(0, messageMaxLength) + '...'
-											: message;
-
-									return {
-										label: release.tag
-											? release.tag
-											: `${message} (${release.hash.slice(0, 7)})`,
-										value: release.name,
-									};
-								});
-							}
-
-							function initialDeployTo(app) {
-								const next_release = app.releases.filter(
-									(release) => release.name === app.next_release,
-								)[0];
-								if (app.will_branch_change) {
-									return app.branch;
-								} else if (next_release) {
-									return next_release.tag || next_release.hash.slice(0, 7);
-								}
-							}
-
-							if (!app.releases.length) return undefined;
-
-							let initialValue = {
-								label: initialDeployTo(app),
-								value: app.next_release,
-							};
-
-							return h(CommitChooser, {
-								options: commitChooserOptions(app),
-								modelValue: initialValue,
-								'onUpdate:modelValue': (value) => {
-									appData.find((a) => a.name === app.name).next_release =
-										value.value;
-								},
-							});
-						},
-					},
-					{
-						label: '状态',
-						fieldname: 'title',
-						type: 'Badge',
-						format(value, row) {
-							if (
-								deployInformation.removed_apps.find(
-									(app) => app.name === row.name,
-								)
-							) {
-								return '将被卸载';
-							} else if (!row.will_branch_change && !row.current_hash) {
-								return '首次部署';
-							}
-							return '有更新可用';
-						},
-					},
-					{
-						label: '变更',
-						type: '按钮',
-						width: 0.5,
-						align: 'right',
-						Button({ row }) {
-							let url;
-							if (row.current_hash && row.next_release) {
-								let hash = row.releases.find(
-									(release) => release.name === row.next_release,
-								)?.hash;
-
-								if (hash)
-									url = `${row.repository_url}/compare/${row.current_hash}...${hash}`;
-} else if (row.next_release) {
-								url = `${row.repository_url}/commit/${
-									row.releases.find(
-										(release) => release.name === row.next_release,
-									).hash
-								}`;
-							}
-
-							if (!url) return null;
-
-							return {
-								label: '查看',
-								variant: 'ghost',
-								onClick() {
-									window.open(url, '_blank');
-								},
-							};
-						},
-					},
-				],
-			};
-		},
-		removedAppOptions() {
-			let deployInformation = this.benchDocResource.pg.deploy_information;
-			let appData = deployInformation.removed_apps;
-
-			return {
-				data: appData,
-				columns: [
-					{
-						label: '应用',
-						fieldname: 'title',
-					},
-					{
-						label: '状态',
-						fieldname: 'name',
-						type: 'Badge',
-						format() {
-							return '将被卸载';
-						},
-					},
-				],
-			};
-		},
-		siteOptions() {
-			let deployInformation = this.benchDocResource.pg.deploy_information;
-			let siteData = deployInformation.sites;
-			let team = getTeam();
-
-			/**
-			 * 如果使用就地更新，失败的补丁将被跳过
-			 * 并且默认情况下不会进行站点备份。
-			 */
-			const disabled = this.useInPlaceUpdate;
-
-			return {
-				data: siteData,
-				selectable: true,
-				columns: [
-					{
-						label: '站点',
-						fieldname: 'name',
-					},
-					{
-						label: '跳过失败的补丁',
-						fieldname: 'skip_failing_patches',
-						width: 0.5,
-						type: 'Component',
-						component({ row }) {
-							return h(Checkbox, {
-								modelValue: row.skip_failing_patches,
-								disabled,
-							});
-						},
-					},
-					{
-						label: '跳过备份',
-						fieldname: 'skip_backups',
-						width: 0.3,
-						type: 'Component',
-						condition() {
-							return !!team.pg.skip_backups;
-						},
-						component({ row }) {
-							return h(Checkbox, {
-								modelValue: row.skip_backups,
-								disabled,
-							});
-						},
-					},
-				],
-			};
-		},
-		benchDocResource() {
-			return getCachedDocumentResource('Release Group', this.bench);
-		},
-		hasUpdateAvailable() {
-			return this.benchDocResource.pg.deploy_information.apps.some(
-				(app) => app.update_available === true,
-			);
-		},
-		hasRemovedApps() {
-			return !!this.benchDocResource.pg.deploy_information.removed_apps.length;
-		},
-		deployInformation() {
-			return this.benchDocResource?.pg.deploy_information;
-		},
-		canShowBack() {
-			if (this.step === 'select-apps') {
-				return false;
-			}
-
-			return this.hasUpdateAvailable || this.step === 'restrict-build';
-		},
-		canShowNext() {
-			if (this.step === 'restrict-build') {
-				return false;
-			}
-
-			if (this.step === 'select-sites' && !this.restrictMessage) {
-				return false;
-			}
-
-			return true;
-		},
-		canShowDeploy() {
-			return !this.canShowNext;
-		},
-		deployLabel() {
-			if (this.selectedSites.length === 0) {
-				return '跳过并部署';
-			}
-
-			let site = '站点';
-			if (this.selectedSites.length > 1) {
-				site = `${this.selectedSites.length} 个站点`;
-			}
-
-			if (this.useInPlaceUpdate) {
-				return `就地更新 ${site}`;
-			}
-
-			return `部署并更新 ${site}`;
-		},
-		canUpdateInPlace() {
-			if (!this.benchDocResource?.pg?.enable_inplace_updates) {
-				return false;
-			}
-
-			// 就地更新不能与已移除的应用一起进行。
-			if (this.hasRemovedApps) {
-				return false;
-			}
-
-			// 所有要更新的站点必须属于同一个工作台。
-			const benches = new Set(this.selectedSites.map((s) => s.bench));
-			if (benches.size !== 1) {
-				return false;
-			}
-
-			// 就地更新失败的工作台必须进行常规更新。
-			const inPlaceUpdateFailedBenches =
-				this.benchDocResource?.pg?.inplace_update_failed_benches ?? [];
-
-			const allSites = this.siteOptions.data
-				.filter(
-					(s) =>
-						benches.has(s.bench) ||
-						inPlaceUpdateFailedBenches.includes(s.bench),
-				)
-.map((s) => s.name);
-
-			// 工作台下的所有站点都应更新
-			if (allSites.length !== this.selectedSites.length) {
-				return false;
-			}
-
-			return true;
-		},
-	},
-	resources: {
-		deployAndUpdate() {
-			return {
-				url: 'jcloud.api.bench.deploy_and_update',
-				params: {
-					name: this.bench,
-					apps: this.selectedApps,
-					sites: this.selectedSites,
-					run_will_fail_check: !this.ignoreWillFailCheck,
-				},
-				validate() {
-					if (
-						this.hasUpdateAvailable &&
-						this.selectedApps.length === 0 &&
-						this.deployInformation.removed_apps.length === 0
-					) {
-						throw new DashboardError('请选择一个应用以继续');
-					}
-				},
-				onSuccess(candidate) {
-					this.$router.push({
-						name: 'Deploy Candidate',
-						params: {
-							id: candidate,
-							name: this.bench,
-						},
-					});
-					this.restrictMessage = '';
-					this.show = false;
-					this.$emit('success', candidate);
-				},
-				onError: this.setErrorMessage.bind(this),
-			};
-		},
-		updateInPlace() {
-			return {
-				url: 'jcloud.api.bench.update_inplace',
-				params: {
-					name: this.bench,
-					apps: this.selectedApps,
-					sites: this.selectedSites,
-				},
-				onSuccess(id) {
-					this.$router.push({
-						name: 'Release Group Job',
-						params: { id },
-					});
-
-					this.restrictMessage = '';
-					this.show = false;
-					this.$emit('success', null);
-				},
-				onError: this.setErrorMessage.bind(this),
-			};
-		},
-	},
-	methods: {
-		back() {
-			if (this.step === 'select-apps') {
-				return;
-			} else if (this.step === 'removed-apps') {
-				this.step = 'select-apps';
-			} else if (this.step === 'select-sites' && this.hasRemovedApps) {
-				this.step = 'removed-apps';
-			} else if (this.step === 'select-sites' && !this.hasRemovedApps) {
-				this.step = 'select-apps';
-			} else if (this.step === 'restrict-build') {
-				this.step = 'select-sites';
-			}
-
-			if (this.step === 'select-apps') {
-				this.selectedApps = [];
-			}
-		},
-		next() {
-			if (this.errorMessage) {
-				this.errorMessage = '';
-			}
-
-			if (this.step === 'select-apps' && this.selectedApps.length === 0) {
-				this.errorMessage = '请选择一个应用以继续';
-				return;
-			} else if (this.step === 'select-apps' && this.hasRemovedApps) {
-				this.step = 'removed-apps';
-			} else if (this.step === 'select-apps' && !this.hasRemovedApps) {
-				this.step = 'select-sites';
-			} else if (this.step === 'removed-apps') {
-				this.step = 'select-sites';
-			} else if (this.step === 'select-sites' && this.restrictMessage) {
-				this.step = 'restrict-build';
-			}
-		},
-		handleAppSelection(apps) {
-			apps = Array.from(apps);
-			let appData = this.benchDocResource.pg.deploy_information.apps;
-
-			this.selectedApps = appData
-				.filter((app) => apps.includes(app.name))
-				.map((app) => {
-					return {
-						app: app.name,
-						source: app.source,
-						release: app.next_release,
-						hash: app.releases.find(
-							(release) => release.name === app.next_release,
-						).hash,
-					};
-				});
-		},
-		handleSiteSelection(sites) {
-			sites = Array.from(sites);
-			let siteData = this.benchDocResource.pg.deploy_information.sites;
-
-			this.selectedSites = siteData.filter((site) => sites.includes(site.name));
-		},
-		deployFrom(app) {
-			if (app.will_branch_change) {
-				return app.current_branch;
-			}
-			return app.current_hash
-				? app.current_tag || app.current_hash.slice(0, 7)
-				: null;
-		},
-		initialDeployTo(app) {
-			return this.benchDocResource.pg.deploy_information.apps.find(
-				(a) => a.app === app.app,
-			).next_release;
-		},
-		updateBench() {
-			if (this.restrictMessage && !this.ignoreWillFailCheck) {
-				this.errorMessage = '请勾选<b>我理解</b>复选框以继续';
-				return;
-			}
-
-			this.errorMessage = '';
-			if (this.canUpdateInPlace && this.useInPlaceUpdate) {
-				this.setSkipBackupsAndFailingPatches();
-				this.$resources.updateInPlace.submit();
-			} else {
-				this.$resources.deployAndUpdate.submit();
-			}
-		},
-		setSkipBackupsAndFailingPatches() {
-			for (const site of this.selectedSites) {
-				site.skip_failing_patches = true;
-				site.skip_backups = true;
-			}
-		},
-		setErrorMessage(error) {
-			this.ignoreWillFailCheck = false;
-			if (error?.exc_type === 'BuildValidationError') {
-				this.restrictMessage = error?.messages?.[0] ?? '';
-			}
-
-			if (error?.exc_type === 'PermissionError') {
-				this.errorMessage = error?.messages?.[0] ?? '';
-				return;
-			}
-
-			if (this.restrictMessage) {
-				this.step = 'restrict-build';
-				return;
-			}
-
-			this.errorMessage =
-				'内部服务器错误：无法启动部署';
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/AppListingStepsDialog.vue b/dashboard_backup/src2/components/marketplace/AppListingStepsDialog.vue
deleted file mode 100644
index 9bfd7c6..0000000
--- a/dashboard_backup/src2/components/marketplace/AppListingStepsDialog.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		:options="{
-			title: '应用发布前需要完成的步骤',
-			size: '2xl'
-		}"
-	>
-		<template #body-content>
-			<div v-if="appDoc.pg.review_stage === 'Ready for Review'">
-				<p class="text-p-base text-gray-700">
-					您的应用已发送给我们的团队进行审核。请等待审核完成。
-				</p>
-			</div>
-			<ObjectList v-else :options="listOptions" />
-		</template>
-		<template #actions v-if="appDoc.pg.review_stage !== 'Ready for Review'">
-			<Button
-				class="w-full"
-				variant="solid"
-				label="标记应用为待审核"
-				:loading="appDoc.markAppReadyForReview.loading"
-				:disabled="$resources.reviewSteps.data.some(step => !step.completed)"
-				@click="appDoc.markAppReadyForReview.submit"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import ObjectList from '../ObjectList.vue';
-
-export default {
-	props: ['app'],
-	components: {
-		ObjectList
-	},
-	data() {
-		return {
-			show: true
-		};
-	},
-	resources: {
-		reviewSteps() {
-			return {
-				url: 'jcloud.api.marketplace.review_steps',
-				params: {
-					name: this.app
-				},
-				cache: ['Marketplace App Review Steps', this.app],
-				auto: true,
-				initialData: []
-			};
-		}
-	},
-	computed: {
-		appDoc() {
-			return getCachedDocumentResource('Marketplace App', this.app);
-		},
-		listOptions() {
-			return {
-				data: () => this.$resources.reviewSteps.data,
-				hideControls: true,
-				columns: [
-					{
-						label: '步骤',
-						fieldname: 'step'
-					},
-					{
-						label: '已完成',
-						fieldname: 'completed',
-						type: 'Icon',
-						width: 0.3,
-						align: 'center',
-						Icon(value) {
-							return value ? 'check' : '';
-						}
-					},
-					{
-						label: '',
-						type: 'Button',
-						width: 0.2,
-						align: 'right',
-						Button: ({ row }) => {
-							let route = `/apps/${this.app}/`;
-							route += row.step.includes('Publish') ? 'versions' : 'listing';
-
-							return {
-								label: '查看',
-								variant: 'ghost',
-								route
-							};
-						}
-					}
-				]
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/ChangeAppBranchDialog.vue b/dashboard_backup/src2/components/marketplace/ChangeAppBranchDialog.vue
deleted file mode 100644
index bcb1081..0000000
--- a/dashboard_backup/src2/components/marketplace/ChangeAppBranchDialog.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-	<Dialog
-		v-if="source"
-		:options="{
-			title: '更改 ' + app + ' 的 ' + version + ' 分支',
-			actions: [
-				{
-					label: '更改分支',
-					variant: 'solid',
-					loading: $resources.changeBranch.loading,
-					onClick: () => changeBranch()
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template v-slot:body-content>
-			<div v-if="$resources.branches.loading" class="mt-2 flex justify-center">
-				<LoadingText />
-			</div>
-			<ErrorMessage
-				v-else-if="$resources.branches.error"
-				:message="$resources.branches.error"
-			/>
-			<select
-				v-else-if="$resources.branches.data"
-				class="form-select block w-full"
-				v-model="selectedBranch"
-			>
-				<option v-for="branch in branchList()" :key="branch">
-					{{ branch }}
-				</option>
-			</select>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../../utils/toast';
-import { DashboardError } from '../../utils/error';
-
-export default {
-	name: 'ChangeAppBranchDialog',
-	data() {
-		return {
-			show: true,
-			selectedBranch: null
-		};
-	},
-	props: ['app', 'source', 'version', 'activeBranch'],
-	emits: ['branch-changed'],
-	resources: {
-		branches() {
-			return {
-				url: 'jcloud.api.marketplace.branches',
-				params: {
-					name: this.source
-				},
-				auto: true
-			};
-		},
-		changeBranch() {
-			return {
-				url: 'jcloud.api.marketplace.change_branch',
-				params: {
-					name: this.app,
-					source: this.source,
-					version: this.version,
-					to_branch: this.selectedBranch
-				},
-				validate() {
-					if (this.selectedBranch == this.app.branch) {
-						throw new DashboardError('请选择一个不同的分支');
-					}
-				}
-			};
-		}
-	},
-	methods: {
-		changeBranch() {
-			toast.promise(this.$resources.changeBranch.submit(), {
-				loading: '正在更新版本的分支...',
-				success: () => {
-					this.show = false;
-					this.$emit('branch-changed');
-					return '分支更改成功';
-				},
-				error: e => getToastErrorMessage(e)
-			});
-		},
-		branchList() {
-			if (this.$resources.branches.loading || !this.$resources.branches.data) {
-				return [];
-			}
-			return this.$resources.branches.data.map(d => d.name);
-		}
-	},
-	mounted() {
-		this.selectedBranch = this.activeBranch;
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/CodeReview.vue b/dashboard_backup/src2/components/marketplace/CodeReview.vue
deleted file mode 100644
index 9b4f44c..0000000
--- a/dashboard_backup/src2/components/marketplace/CodeReview.vue
+++ /dev/null
@@ -1,296 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		:options="{
-			title: '代码审查',
-			size: '6xl'
-		}"
-	>
-		<template v-if="getResults" #body-content>
-			<div class="container mx-auto px-4">
-				<div class="grid gap-3">
-					<div class="flex items-center mb-2">
-						<div class="flex items-center">
-							<span class="text-lg font-medium text-gray-700 mr-2"
-								>状态:</span
-							>
-							<Badge
-								:variant="'subtle'"
-								size="lg"
-								:label="$resources.codeScreening.pg.status"
-								:theme="getBadgeTheme"
-							/>
-						</div>
-						<!-- <Button
-							iconLeft="check"
-							v-if="
-								isSystemUser && $resources.codeScreening.pg.status == 'Open'
-							"
-							:variant="'subtle'"
-							theme="gray"
-							size="sm"
-							class="mr-4 ml-auto"
-							@click="approveRelease"
-						>
-							批准发布
-						</Button>
-						<Button
-							iconLeft="x"
-							v-if="
-								isSystemUser && $resources.codeScreening.pg.status == 'Open'
-							"
-							:variant="'subtle'"
-							theme="gray"
-							size="sm"
-							class="mr-4"
-							@click="showRejectReleaseDialog = true"
-						>
-							拒绝发布
-						</Button> -->
-					</div>
-					<Dialog
-						v-model="showRejectReleaseDialog"
-						:options="{
-							title: '确认',
-							size: 'xl',
-							actions: [
-								{
-									label: '拒绝发布',
-									variant: 'solid',
-									onClick: rejectRelease
-								}
-							]
-						}"
-					>
-						<template #body-content>
-							<FormControl
-								:type="'textarea'"
-								size="sm"
-								variant="subtle"
-								placeholder="输入拒绝的原因"
-								:disabled="false"
-								v-model="rejectionReason"
-							/>
-						</template>
-					</Dialog>
-
-					<div
-						class="card bg-white shadow-md rounded-md overflow-hidden"
-						v-for="file in getResults"
-						:key="file.name"
-					>
-						<div class="card-header bg-gray-200 p-3">
-							<h2 class="text-md font-semibold text-gray-800">
-								{{ file.name }} - {{ file.score }} 个问题
-							</h2>
-						</div>
-						<div class="p-4">
-							<div
-								class="issues space-y-4"
-								v-for="line in file.lines"
-								:key="line.context.line_number"
-							>
-								<div
-									class="issue-item p-4 mb-4"
-									v-for="issue in line.issues"
-									:key="issue.violation"
-								>
-									<div class="flex items-center mb-3">
-										<span class="text-red-600 mr-2">{{ issue.severity }}</span>
-										<span class="text-gray-800">({{ issue.violation }})</span>
-										<span class="text-orange-500 font-semibold pl-2">
-											- {{ issue.match }}</span
-										>
-									</div>
-									<div class="border border-gray-400 p-2 rounded-md">
-										<div
-											style="background-color: #d1f8d9"
-											class="border rounded-md"
-										>
-											<div
-												v-for="(lineText, i) in line.context.lines"
-												:key="i"
-												:class="{
-													'bg-yellow-200 border rounded-md':
-														lineText.includes(issue.match) &&
-														line.context.line_range[i] ===
-															line.context.line_number
-												}"
-											>
-												<code class="p-2 text-sm whitespace-pre-wrap">
-													<span>{{ line.context.line_range[i] }}:</span>
-													{{ lineText }}
-												</code>
-											</div>
-										</div>
-										<div
-											v-if="
-												getCommentsForLine(file.name, line.context.line_number)
-													.length
-											"
-										>
-											<hr class="h-2 mt-2" />
-											<div
-												class="comment-item mt-2 p-2"
-												v-for="comment in getCommentsForLine(
-													file.name,
-													line.context.line_number
-												)"
-												:key="comment.name"
-											>
-												<div class="flex items-center">
-													<Avatar
-														:shape="'circle'"
-														:image="null"
-														:label="comment.commented_by"
-														size="md"
-													/>
-<strong class="text-gray-900 pl-2 pr-2 text-lg">
-														{{ comment.commented_by }}
-													</strong>
-													<Tooltip
-														:text="formatTime(comment.time)"
-														:placement="'top'"
-													>
-														<span class="text-gray-600 text-sm">
-															{{ $dayjs(comment.time).fromNow() }}
-														</span>
-													</Tooltip>
-												</div>
-												<p class="text-gray-800 text-base p-2 ml-6">
-													{{ comment.comment }}
-												</p>
-											</div>
-										</div>
-										<hr class="h-2 mt-2" />
-										<NewComment
-											v-if="$resources.codeScreening.pg.status == 'Open'"
-											:approval_request_name="row.approval_request_name"
-											:filename="file.name"
-											:line_number="line.context.line_number"
-											@comment-submitted="handleCommentSubmitted"
-										/>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import NewComment from './NewComment.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	components: {
-		NewComment
-	},
-	props: ['row', 'app', 'isSystemUser'],
-	data() {
-		return {
-			show: true,
-			showRejectReleaseDialog: false,
-			rejectionReason: ''
-		};
-	},
-	computed: {
-		getResults() {
-			if (this.$resources.codeScreening.pg) {
-				const results = JSON.parse(this.$resources.codeScreening.pg.result);
-				return results;
-			}
-		},
-		getComments() {
-			if (this.$resources.codeScreening.pg) {
-				const results = this.$resources.codeScreening.pg.code_comments;
-				return results;
-			}
-		},
-		getBadgeTheme() {
-			const status = this.$resources.codeScreening.pg.status.toLowerCase();
-			if (status === 'open') {
-				return 'blue';
-			} else if (status === 'approved') {
-				return 'green';
-			} else {
-				return 'red';
-			}
-		}
-	},
-	methods: {
-		getCommentsForLine(filename, lineNumber) {
-			// 通过匹配文件名和行号过滤评论
-			let filteredComments = this.getComments.filter(
-				comment =>
-					comment.filename === filename && comment.line_number === lineNumber
-			);
-
-			// 按时间降序排序评论（最新的在前）
-			filteredComments.sort((a, b) => new Date(a.time) - new Date(b.time));
-
-			return filteredComments;
-		},
-		formatTime(time) {
-			const date = new Date(time);
-			return date.toLocaleString('en-US', {
-				year: 'numeric',
-				month: 'short',
-				day: 'numeric',
-				hour: '2-digit',
-				minute: '2-digit',
-				second: '2-digit',
-				hour12: true
-			});
-		},
-		handleCommentSubmitted() {
-			// 数据库写入需要一些时间。即时重新加载无法快速反映更改。理想情况下，缓存应该在客户端更新
-			setTimeout(() => {
-				this.$resources.codeScreening.reload();
-			}, 1200);
-		},
-		approveRelease() {
-			this.$resources.codeScreening.setValue.submit({
-				status: 'Approved',
-				reviewed_by: this.$team?.pg?.user
-			});
-		},
-		rejectRelease() {
-			// 检查拒绝原因是否为空
-			if (!this.rejectionReason) {
-				toast.error('拒绝原因是必填项');
-				return;
-			}
-			// 如果提供了原因，则继续拒绝
-			this.$resources.codeScreening.setValue.submit({
-				status: 'Rejected',
-				reason_for_rejection: this.rejectionReason,
-				reviewed_by: this.$team?.pg?.user
-			});
-			this.showRejectReleaseDialog = false;
-		}
-	},
-	resources: {
-		codeScreening() {
-			return {
-				type: 'document',
-				pagetype: 'App Release Approval Request',
-				name: this.row.approval_request_name,
-				fields: [
-					'name',
-					'marketplace_app',
-					'screening_status',
-					'app_release',
-					'status',
-					'result',
-					'code_comments'
-				],
-				auto: true
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/MarketplaceAppAnalytics.vue b/dashboard_backup/src2/components/marketplace/MarketplaceAppAnalytics.vue
deleted file mode 100644
index 65a2507..0000000
--- a/dashboard_backup/src2/components/marketplace/MarketplaceAppAnalytics.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-	<div v-if="$resources.analytics.data">
-		<div class="col-span-2 mb-5 rounded-md border">
-			<div class="grid grid-cols-2 lg:grid-cols-5">
-				<div class="border-b border-r p-5 lg:border-b-0">
-					<div class="text-base text-gray-700">总安装量</div>
-					<div class="mt-2 flex items-start justify-between">
-						<div>
-							<div class="leading-4">
-								<span class="text-base text-gray-900">
-									{{ installAnalytics.total_installs }}
-								</span>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<div class="border-b border-r p-5 lg:border-b-0">
-					<div class="text-base text-gray-700">激活站点</div>
-					<div class="mt-2 flex items-start justify-between">
-						<div>
-							<div class="leading-4">
-								<span class="text-base text-gray-900">
-									{{ installAnalytics.installs_active_sites }}
-								</span>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<div class="border-b border-r p-5 lg:border-b-0">
-					<div class="text-base text-gray-700">激活站点分组</div>
-					<div class="mt-2 flex items-start justify-between">
-						<div>
-							<div class="leading-4">
-								<span class="text-base text-gray-900">
-									{{ installAnalytics.installs_active_benches }}
-								</span>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<div class="border-b border-r p-5 lg:border-b-0">
-					<div class="text-base text-gray-700">每周安装量</div>
-					<div class="mt-2 flex items-start justify-between">
-						<div>
-							<div class="leading-4">
-								<span class="text-base text-gray-900">
-									{{ installAnalytics.installs_last_week }}
-								</span>
-							</div>
-						</div>
-					</div>
-				</div>
-
-				<div class="border-b border-r p-5 lg:border-b-0">
-					<div class="text-base text-gray-700">总收入</div>
-					<div class="mt-2 flex items-start justify-between">
-						<div>
-							<div class="leading-4">
-								<span class="text-base text-gray-900">
-									{{ $format.userCurrency(totalEarnings) }}
-								</span>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<div
-			v-if="$resources.plausible_analytics.data"
-			class="grid grid-cols-1 gap-5 lg:grid-cols-2"
-		>
-			<LineChart
-				title="页面浏览量"
-				type="time"
-				key="Page Views"
-				:data="
-					mapChartAnalytics(
-						this.$resources.plausible_analytics.data?.pageviews || []
-					)
-				"
-				unit="views"
-				:chartTheme="[$theme.colors.purple[500]]"
-				:loading="$resources.plausible_analytics.loading"
-				:error="$resources.plausible_analytics.error"
-			/>
-			<LineChart
-				title="独立访客"
-				type="time"
-				key="Unique Visitors"
-				:data="
-					mapChartAnalytics(
-						this.$resources.plausible_analytics.data?.visitors || []
-					)
-				"
-				unit="visitors"
-				:chartTheme="[$theme.colors.green[500]]"
-				:loading="$resources.plausible_analytics.loading"
-				:error="$resources.plausible_analytics.error"
-			/>
-		</div>
-		<LineChart
-			v-if="$resources.plausible_analytics.data"
-			class="mt-5"
-			title="每周安装量"
-			type="time"
-			key="Weekly Installs"
-			:data="
-				mapChartAnalytics(
-					this.$resources.plausible_analytics.data?.weekly_installs || []
-				)
-			"
-			unit="installs"
-			:chartTheme="[$theme.colors.yellow[500]]"
-			:loading="$resources.plausible_analytics.loading"
-			:error="$resources.plausible_analytics.error"
-		/>
-	</div>
-</template>
-
-<script>
-import { DateTime } from 'luxon';
-import LineChart from '@/components/charts/LineChart.vue';
-
-export default {
-	name: 'MarketplaceAppAnalytics',
-	props: {
-		app: String
-	},
-	components: {
-		LineChart
-	},
-	methods: {
-formatDate(data) {
-			return data.map(d => d.date);
-		},
-		getChartOptions(yFormatter) {
-			return {
-				axisOptions: {
-					xIsSeries: true,
-					shortenYAxisNumbers: 1
-				},
-				lineOptions: {
-					hideDots: true,
-					regionFill: true
-				},
-				tooltipOptions: {
-					formatTooltipX: d => {
-						return DateTime.fromISO(d).toLocaleString(DateTime.DATE_MED);
-					},
-					formatTooltipY: yFormatter
-				}
-			};
-		},
-		mapChartAnalytics(data) {
-			if (!data) return;
-			return {
-				datasets: [data.map(d => [+new Date(d.date), d.value])]
-			};
-		}
-	},
-	resources: {
-		analytics() {
-			return {
-				url: 'jcloud.api.marketplace.analytics',
-				auto: true,
-				params: {
-					name: this.app
-				}
-			};
-		},
-		plausible_analytics() {
-			return {
-				url: 'jcloud.api.analytics.plausible_analytics',
-				auto: true,
-				params: {
-					name: this.app
-				}
-			};
-		}
-	},
-	computed: {
-		installAnalytics() {
-			if (
-				!this.$resources.analytics.loading &&
-				this.$resources.analytics.data
-			) {
-				return this.$resources.analytics.data;
-			}
-			return {};
-		},
-		totalEarnings() {
-			if (!this.installAnalytics.total_payout.cny_amount) return 0;
-
-			if (this.$team.pg.currency === 'CNY') {
-				return (
-					this.installAnalytics.total_payout.cny_amount +
-					this.installAnalytics.total_payout.usd_amount * 82
-				);
-			} else {
-				return (
-					this.installAnalytics.total_payout.cny_amount / 82 +
-					this.installAnalytics.total_payout.usd_amount
-				);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/NewComment.vue b/dashboard_backup/src2/components/marketplace/NewComment.vue
deleted file mode 100644
index daa0afe..0000000
--- a/dashboard_backup/src2/components/marketplace/NewComment.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<div v-if="show" class="p-2">
-		<FormControl
-			:type="'textarea'"
-			size="sm"
-			variant="subtle"
-			placeholder="在此输入您的评论"
-			:disabled="false"
-			label="评论"
-			v-model="newComment"
-		/>
-		<div class="flex justify-end mt-2">
-			<Button
-				:variant="'solid'"
-				theme="gray"
-				size="sm"
-				@click="submitComment"
-				:disabled="!newComment.trim()"
-			>
-				评论
-			</Button>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	props: ['approval_request_name', 'filename', 'line_number'],
-	data() {
-		return {
-			show: true,
-			newComment: ''
-		};
-	},
-	methods: {
-		submitComment() {
-			const commentData = {
-				name: this.approval_request_name,
-				filename: this.filename,
-				line_number: this.line_number,
-				comment: this.newComment
-			};
-			this.$resources.addComment.submit(commentData);
-			this.newComment = '';
-			this.$emit('comment-submitted');
-		}
-	},
-	resources: {
-		addComment() {
-			return {
-				url: 'jcloud.api.marketplace.add_code_review_comment',
-				method: 'POST'
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/NewMarketplaceAppDialog.vue b/dashboard_backup/src2/components/marketplace/NewMarketplaceAppDialog.vue
deleted file mode 100644
index 5d0bd99..0000000
--- a/dashboard_backup/src2/components/marketplace/NewMarketplaceAppDialog.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '添加新的应用市场应用',
-			size: 'xl',
-			actions: [
-				{
-					label: '添加应用',
-					variant: 'solid',
-					disabled: (!appValidated && !selectedVersion) || !this.app.is_public,
-					onClick: addApp
-				}
-			]
-		}"
-		v-model="show"
-		@update:modelValue="
-			() => {
-				show = false;
-			}
-		"
-	>
-		<template #body-content>
-			<GitHubAppSelector
-				class="pt-2"
-				@validateApp="validateApp"
-				@fieldChange="appValidated = false"
-			/>
-			<LinkControl
-				v-if="selectedBranch"
-				class="mt-4"
-				type="autocomplete"
-				label="选择版本"
-				:options="{ pagetype: 'Jingrow Version', filters: { public: 1 } }"
-				v-model="selectedVersion"
-			/>
-			<div class="mt-4 space-y-2">
-				<div
-					v-if="$resources.validateApp.loading && !appValidated"
-					class="flex text-base text-gray-700"
-				>
-					<LoadingIndicator class="mr-2 w-4" />
-					正在验证应用...
-				</div>
-				<div v-if="appValidated" class="flex text-base text-gray-700">
-					<div v-if="this.app.is_public === true" class="flex gap-1">
-						<FeatherIcon
-							class="w-4 p-0.5 text-white rounded bg-green-500"
-							name="check"
-							:stroke-width="3"
-						/>
-						找到 {{ this.app.title }} ({{ this.app.name }})
-					</div>
-					<div v-else-if="this.app.is_public === false">
-						<div class="flex text-base text-gray-700 gap-1">
-							<FeatherIcon
-								class="w-4 p-0.5 text-white rounded bg-red-500"
-								name="x"
-							/>
-							Github 仓库是私有的。
-							<Link
-								href="https://jingrow.com/marketplace/terms"
-								class="font-medium"
-							>
-								条款和政策
-							</Link>
-						</div>
-					</div>
-					<div v-else class="h-4"></div>
-				</div>
-			</div>
-			<ErrorMessage :message="$resources.validateApp.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import GitHubAppSelector from '../GitHubAppSelector.vue';
-import LinkControl from '../LinkControl.vue';
-import { getToastErrorMessage } from '../../utils/toast';
-
-export default {
-	components: {
-		GitHubAppSelector,
-		LinkControl
-	},
-	data() {
-		return {
-			show: true,
-			app: {},
-			selectedBranch: '',
-			selectedVersion: '',
-			appValidated: false,
-			selectedGithubUser: null,
-			selectedGithubRepository: null
-		};
-	},
-	resources: {
-		validateApp() {
-			return {
-				url: 'jcloud.api.github.app',
-				onSuccess: async data => {
-					this.appValidated = true;
-					if (!data) {
-						return;
-					}
-
-					const repo_owner = this.selectedGithubUser?.login;
-					const repo = this.selectedGithubRepository || data.name;
-					const repository_url = `https://github.com/${repo_owner}/${repo}`;
-					this.app = {};
-					const isPublic = await this.checkRepoVisibility(repo_owner, repo);
-
-					this.app = {
-						name: data.name,
-						title: data.title,
-						repository_url,
-						github_installation_id: this.selectedGithubUser?.id,
-						branch: this.selectedBranch.value,
-						is_public: isPublic
-					};
-				}
-			};
-		},
-		addApp() {
-			return {
-				url: 'jcloud.api.client.insert',
-				makeParams() {
-					return {
-						pg: {
-							...this.app,
-							pagetype: 'Marketplace App',
-							version: this.selectedVersion
-						}
-					};
-				}
-			};
-		}
-	},
-	methods: {
-		addApp() {
-			toast.promise(this.$resources.addApp.submit(), {
-				loading: '正在添加新应用...',
-				success: () => {
-					this.show = false;
-					this.$router.push({
-						name: 'Marketplace App Detail Listing',
-						params: { name: this.app.name }
-					});
-					return '新应用已添加';
-				},
-				error: e => getToastErrorMessage(e)
-			});
-		},
-		validateApp(data) {
-this.selectedBranch = {
-				label: data.branch,
-				value: data.branch
-			};
-			this.selectedGithubRepository = data.repository;
-			this.selectedGithubUser = data.selectedGithubUser;
-
-			this.$resources.validateApp.submit({
-				...data,
-				installation: data.selectedGithubUser.id
-			});
-		},
-		async checkRepoVisibility(owner, repo) {
-			try {
-				const response = await fetch(
-					`http://git.jingrow.com/api/v1/repos/${owner}/${repo}`
-				);
-				if (!response.ok) {
-					throw new Error('仓库未找到或为私有');
-				}
-
-				const repoData = await response.json();
-				return !repoData.private; // 如果为公开返回 true，私有返回 false
-			} catch (error) {
-				console.error(error);
-				return false; // 如果出错则假定为 false
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/PlansDialog.vue b/dashboard_backup/src2/components/marketplace/PlansDialog.vue
deleted file mode 100644
index a7d1acf..0000000
--- a/dashboard_backup/src2/components/marketplace/PlansDialog.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<template>
-	<Dialog :options="{ title: '编辑计划' }" v-model="showEditPlanDialog">
-		<template v-slot:body-content>
-			<div>
-				<div class="mb-4">
-					<input
-						type="checkbox"
-						id="enabled-checkbox"
-						class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
-						v-model="currentEditingPlan.enabled"
-					/>
-					<label for="enabled-checkbox" class="ml-1 text-sm text-gray-900">
-						启用
-					</label>
-				</div>
-				<div class="mb-4">
-					<FormControl
-						placeholder="我的专业计划"
-						label="名称"
-						v-model="currentEditingPlan.title"
-					></FormControl>
-				</div>
-				<div class="mb-8">
-					<h3 class="mb-4 text-lg font-semibold">订阅价格</h3>
-					<div class="grid grid-cols-2 gap-2">
-						<FormControl
-							label="价格 CNY"
-							v-model="currentEditingPlan.price_cny"
-						></FormControl>
-						<FormControl
-							label="价格 USD"
-							v-model="currentEditingPlan.price_usd"
-						></FormControl>
-					</div>
-				</div>
-				<div>
-					<h3 class="mb-4 text-lg font-semibold">功能</h3>
-					<div>
-						<div
-							v-for="(feature, idx) in currentEditingPlan.features"
-							class="mb-3.5 flex w-full items-stretch"
-						>
-							<div
-								class="mr-3 flex h-6 w-6 items-center justify-center rounded-full bg-gray-100 text-xs"
-							>
-								{{ idx + 1 }}
-							</div>
-
-							<div class="w-full">
-								<FormControl
-									class="w-full"
-									v-model="currentEditingPlan.features[idx]"
-								></FormControl>
-							</div>
-
-							<Button
-								v-if="idx > 0"
-								class="ml-3 rounded-full"
-								icon="x"
-								@click="deleteFeatureInput(idx)"
-							></Button>
-						</div>
-					</div>
-					<div>
-						<Button icon-left="plus" @click="addFeatureInput">添加</Button>
-					</div>
-
-					<div>
-						<ErrorMessage
-							class="mt-3"
-							:message="$resources.updateAppPlan.error"
-						/>
-						<ErrorMessage
-							class="mt-3"
-							:message="$resources.createAppPlan.error"
-						/>
-					</div>
-				</div>
-			</div>
-		</template>
-
-		<template #actions>
-			<Button
-				class="w-full"
-				variant="solid"
-				:loading="
-					$resources.updateAppPlan.loading || $resources.createAppPlan.loading
-				"
-				@click="savePlan"
-				@close="resetCurrentEditingPlan"
-				>保存</Button
-			>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../utils/error';
-import { getToastErrorMessage } from '../../utils/toast';
-
-export default {
-	name: 'PlanDialog',
-	props: ['app', 'plan'],
-	emits: ['plan-created', 'plan-updated'],
-	data() {
-		return {
-			showEditPlanDialog: true,
-			currentEditingPlan: {
-				price_cny: 0,
-				price_usd: 0,
-				features: [''],
-				title: '',
-				enabled: true
-			}
-		};
-	},
-	mounted() {
-		if (this.plan) {
-			Object.assign(this.currentEditingPlan, this.plan);
-			this.currentEditingPlan.enabled = Boolean(this.plan.enabled);
-			this.currentEditingPlan.features = Array.from(this.plan.features); // Non-reference copy
-		}
-	},
-	resources: {
-		appPlans() {
-			return {
-				url: 'jcloud.api.marketplace.get_app_plans',
-				params: {
-					app: this.app,
-					include_disabled: true
-				},
-				auto: true
-			};
-		},
-		updateAppPlan() {
-			return {
-				url: 'jcloud.api.marketplace.update_app_plan',
-				onSuccess() {
-					this.refreshState();
-				}
-			};
-		},
-		createAppPlan() {
-			return {
-				url: 'jcloud.api.marketplace.create_app_plan',
-				validate() {
-					if (!this.currentEditingPlan.title) {
-						throw new DashboardError('计划名称是必填项');
-					}
-				},
-				onSuccess() {
-					this.refreshState();
-				}
-			};
-		}
-	},
-	methods: {
-		editPlan() {
-			if (this.plan) {
-Object.assign(this.currentEditingPlan, this.plan);
-				this.currentEditingPlan.enabled = Boolean(this.plan.enabled);
-				this.currentEditingPlan.features = Array.from(this.plan.features); // 非引用复制
-			}
-			this.showEditPlanDialog = true;
-		},
-		addFeatureInput() {
-			this.currentEditingPlan.features.push('');
-		},
-		deleteFeatureInput(idx) {
-			this.currentEditingPlan.features.splice(idx, 1);
-		},
-
-		savePlan() {
-			toast.promise(
-				this.currentEditingPlan.name
-					? this.$resources.updateAppPlan.submit({
-							app_plan_name: this.currentEditingPlan.name,
-							updated_plan_data: this.currentEditingPlan
-					  })
-					: this.$resources.createAppPlan.submit({
-							plan_data: this.currentEditingPlan,
-							marketplace_app: this.app
-					  }),
-				{
-					loading: '保存计划中...',
-					success: () => {
-						this.showEditPlanDialog = false;
-						if (this.currentEditingPlan.name) {
-							this.$emit('plan-updated', this.currentEditingPlan);
-							return '计划更新成功';
-						} else {
-							this.$emit('plan-created', this.currentEditingPlan);
-							return '计划创建成功';
-						}
-					},
-					error: e => getToastErrorMessage(e)
-				}
-			);
-		},
-
-		refreshState() {
-			this.$resources.appPlans.fetch();
-			this.showEditPlanDialog = false;
-			this.resetCurrentEditingPlan();
-		},
-
-		resetCurrentEditingPlan() {
-			Object.assign(this.currentEditingPlan, {
-				price_cny: 0,
-				price_usd: 0,
-				features: [''],
-				title: '',
-				enabled: true
-			});
-
-			this.$resources.updateAppPlan.error = null;
-			this.$resources.createAppPlan.error = null;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/marketplace/ReplyMarketplaceApp.vue b/dashboard_backup/src2/components/marketplace/ReplyMarketplaceApp.vue
deleted file mode 100644
index 2f86ffa..0000000
--- a/dashboard_backup/src2/components/marketplace/ReplyMarketplaceApp.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-	<div class="mx-auto mt-12 max-w-xl px-5 text-base sm:px-8">
-		<div v-if="$app" class="mb-4 flex items-center space-x-4">
-			<img
-				:src="$app.image"
-				class="h-12 w-12 rounded-lg border"
-				:alt="$app.name"
-			/>
-			<h1 class="text-xl font-semibold">
-				{{ $app.title }}
-			</h1>
-		</div>
-
-		<div>
-			<FormControl v-model="reply.reply" type="textarea" label="撰写回复" />
-
-			<ErrorMessage class="mt-2" :message="$resources.submitReply.error" />
-			<Button
-				class="mt-4 w-full"
-				:loading="$resources.submitReply.loading"
-				variant="solid"
-				@click="$resources.submitReply.submit({ ...reply })"
-			>
-				提交
-			</Button>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getTeam } from '../../data/team';
-import { getDocResource } from '../../utils/resource';
-import { DashboardError } from '../../utils/error';
-
-export default {
-	props: {
-		marketplaceApp: { type: String, required: true },
-		reviewId: { type: String, required: true }
-	},
-	data() {
-		return {
-			reply: {
-				review: this.reviewId,
-				reply: ''
-			}
-		};
-	},
-	computed: {
-		$app() {
-			let appDoc = getDocResource({
-				pagetype: 'Marketplace App',
-				name: this.marketplaceApp
-			});
-
-			return appDoc?.pg;
-		}
-	},
-	resources: {
-		submitReply: {
-			url: 'jcloud.api.marketplace.submit_developer_reply',
-			validate() {
-				if (!this.reply.reply) {
-					throw new DashboardError('回复不能为空');
-				}
-				const team = getTeam();
-				if (!team.pg.is_developer) {
-					throw new DashboardError(
-						'您必须是开发者才能回复评论'
-					);
-				}
-			},
-			onSuccess() {
-				window.location.href = `/marketplace/apps/${this.marketplaceApp}`;
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/BuyPartnerCreditsRazorpay.vue b/dashboard_backup/src2/components/partners/BuyPartnerCreditsRazorpay.vue
deleted file mode 100644
index e355977..0000000
--- a/dashboard_backup/src2/components/partners/BuyPartnerCreditsRazorpay.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-	<div>
-		<span
-			v-if="team.pg.currency === 'CNY'"
-			class="mt-2.5 inline-flex gap-2 text-base text-gray-700"
-		>
-			<FeatherIcon name="info" class="my-1 h-4" />
-			<span class="leading-5">
-				如果您选择 Razorpay，您可以使用信用卡、借记卡、网上银行、UPI、钱包等方式支付。如果您使用网上银行，余额可能需要最多5天才能到账。
-			</span>
-		</span>
-		<ErrorMessage class="mt-3" :message="createRazorpayOrder.error" />
-		<div class="mt-8">
-			<Button
-				v-if="!isPaymentComplete"
-				class="w-full"
-				size="md"
-				variant="solid"
-				label="继续使用 Razorpay 支付"
-				:loading="createRazorpayOrder.loading"
-				@click="createRazorpayOrder.submit()"
-			/>
-			<Button
-				v-else
-				class="w-full"
-				size="md"
-				label="确认支付中"
-				variant="solid"
-				:loading="isVerifyingPayment"
-			/>
-		</div>
-	</div>
-</template>
-<script setup>
-import { Button, ErrorMessage, FeatherIcon, createResource } from 'jingrow-ui';
-import { ref, onMounted, onBeforeUnmount, inject } from 'vue';
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../utils/error';
-
-const props = defineProps({
-	amount: {
-		type: Number,
-		default: 0
-	},
-	maximumAmount: {
-		type: Number,
-		default: 0
-	},
-	type: {
-		type: String,
-		default: 'prepaid-credits'
-	}
-});
-
-const emit = defineEmits(['success']);
-const team = inject('team');
-
-const isPaymentComplete = ref(false);
-const isVerifyingPayment = ref(false);
-
-const razorpayCheckoutJS = ref(null);
-
-onMounted(() => {
-	razorpayCheckoutJS.value = document.createElement('script');
-	razorpayCheckoutJS.value.setAttribute(
-		'src',
-		'https://checkout.razorpay.com/v1/checkout.js'
-	);
-	razorpayCheckoutJS.value.async = true;
-	document.head.appendChild(razorpayCheckoutJS.value);
-});
-
-onBeforeUnmount(() => {
-	razorpayCheckoutJS.value?.remove();
-});
-
-let order_type =
-	props.type === 'prepaid-credits' ? 'Prepaid Credits' : 'Partnership Fee';
-
-const createRazorpayOrder = createResource({
-	url: 'jcloud.api.billing.create_razorpay_order',
-	params: {
-		amount: props.amount,
-		type: order_type
-	},
-	onSuccess: data => processOrder(data),
-	validate: () => {
-		if (props.amount > props.maximumAmount) {
-			throw new DashboardError('Amount more than maximum amount required');
-		}
-	}
-});
-
-const handlePaymentFailed = createResource({
-	url: 'jcloud.api.billing.handle_razorpay_payment_failed',
-	onSuccess: () => {
-		console.log('Payment Failed.');
-	}
-});
-
-function processOrder(data) {
-	const options = {
-		key: data.key_id,
-		order_id: data.order_id,
-		name: '今果 Jingrow',
-		image: 'https://jingrow.com/files/cloud.png',
-		prefill: { email: team.pg?.user },
-		handler: handlePaymentSuccess,
-		theme: { color: '#171717' }
-	};
-
-	const rzp = new Razorpay(options);
-
-	// Opens the payment checkout frame
-	rzp.open();
-
-	// Attach failure handler
-	rzp.on('payment.failed', handlePaymentFailure);
-	// rzp.on('payment.success', this.handlePaymentSuccess);
-}
-
-function handlePaymentFailure(response) {
-	handlePaymentFailed.submit({ response });
-	toast.error('支付失败');
-}
-
-function handlePaymentSuccess() {
-	isPaymentComplete.value = true;
-	emit('success');
-	toast.success('支付成功');
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/BuyPartnerCreditsStripe.vue b/dashboard_backup/src2/components/partners/BuyPartnerCreditsStripe.vue
deleted file mode 100644
index 983040e..0000000
--- a/dashboard_backup/src2/components/partners/BuyPartnerCreditsStripe.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<template>
-	<div>
-		<label
-			class="block"
-			:class="{
-				'pointer-events-none h-0.5 opacity-0': step != 'Add Card Details',
-				'mt-4': step == 'Add Card Details'
-			}"
-		>
-			<span class="text-sm leading-4 text-gray-700">
-				信用卡或借记卡
-			</span>
-			<div class="form-input mt-2 block w-full pl-3" ref="cardElementRef"></div>
-			<ErrorMessage class="mt-1" :message="cardErrorMessage" />
-		</label>
-
-		<div v-if="step == 'Setting up Stripe'" class="mt-8 flex justify-center">
-			<Spinner class="h-4 w-4 text-gray-700" />
-		</div>
-		<ErrorMessage
-			class="mt-2"
-			:message="createPaymentIntent.error || errorMessage"
-		/>
-		<div class="mt-8">
-			<Button
-				v-if="step == 'Get Amount'"
-				class="w-full"
-				size="md"
-				variant="solid"
-				label="继续使用Stripe支付"
-				:loading="createPaymentIntent.loading"
-				@click="createPaymentIntent.submit()"
-			/>
-			<Button
-				v-else-if="step == 'Add Card Details'"
-				class="w-full"
-				size="md"
-				variant="solid"
-				label="通过Stripe支付"
-				:loading="paymentInProgress"
-				@click="onBuyClick"
-			/>
-		</div>
-	</div>
-</template>
-<script setup>
-import { Button, ErrorMessage, Spinner, createResource } from 'jingrow-ui';
-import { loadStripe } from '@stripe/stripe-js';
-import { ref, nextTick, inject } from 'vue';
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../../utils/error';
-
-const props = defineProps({
-	amount: {
-		type: Number,
-		default: 0
-	},
-	maximumAmount: {
-		type: Number,
-		default: 0
-	}
-});
-
-const emit = defineEmits(['success']);
-
-const team = inject('team');
-
-const step = ref('Get Amount');
-const clientSecret = ref(null);
-const cardErrorMessage = ref(null);
-const errorMessage = ref(null);
-const paymentInProgress = ref(false);
-
-const stripe = ref(null);
-const card = ref(null);
-const elements = ref(null);
-const ready = ref(false);
-
-const cardElementRef = ref(null);
-
-const createPaymentIntent = createResource({
-	url: 'jcloud.api.billing.create_payment_intent_for_partnership_fees',
-	params: { amount: props.amount },
-	validate() {
-		if (props.amount > props.maximumAmount) {
-			throw new DashboardError(
-				`金额必须小于或等于 ${props.maximumAmount}`
-			);
-		}
-	},
-	async onSuccess(data) {
-		step.value = 'Setting up Stripe';
-		let { publishable_key, client_secret } = data;
-		clientSecret.value = client_secret;
-		stripe.value = await loadStripe(publishable_key);
-		elements.value = stripe.value.elements();
-		const style = {
-			base: {
-				color: '#171717',
-				fontFamily: [
-					'ui-sans-serif',
-					'system-ui',
-					'-apple-system',
-					'BlinkMacSystemFont',
-					'"Segoe UI"',
-					'Roboto',
-					'"Helvetica Neue"',
-					'Arial',
-					'"Noto Sans"',
-					'sans-serif',
-					'"Apple Color Emoji"',
-					'"Segoe UI Emoji"',
-					'"Segoe UI Symbol"',
-					'"Noto Color Emoji"'
-				].join(', '),
-				fontSmoothing: 'antialiased',
-				fontSize: '13px',
-				'::placeholder': {
-					color: '#C7C7C7'
-				}
-			},
-			invalid: {
-				color: '#7C7C7C',
-				iconColor: '#7C7C7C'
-			}
-		};
-		card.value = elements.value.create('card', {
-			hidePostalCode: true,
-			style: style,
-			classes: {
-				complete: '',
-				focus: 'bg-gray-100'
-			}
-		});
-
-		step.value = 'Add Card Details';
-		nextTick(() => {
-			card.value.mount(cardElementRef.value);
-		});
-
-		card.value.addEventListener('change', event => {
-			cardErrorMessage.value = event.error?.message || null;
-		});
-		card.value.addEventListener('ready', () => {
-			ready.value = true;
-		});
-	}
-});
-
-async function onBuyClick() {
-	paymentInProgress.value = true;
-	let payload = await stripe.value.confirmCardPayment(clientSecret.value, {
-payment_method: { card: card.value }
-	});
-
-	if (payload.error) {
-		errorMessage.value = payload.error.message;
-		paymentInProgress.value = false;
-	} else {
-		toast.success(
-			'支付处理成功，我们将在收到Stripe确认后尽快更新您的账户'
-		);
-		paymentInProgress.value = false;
-		emit('success');
-		errorMessage.value = null;
-	}
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerApprovalRequests.vue b/dashboard_backup/src2/components/partners/PartnerApprovalRequests.vue
deleted file mode 100644
index 017a806..0000000
--- a/dashboard_backup/src2/components/partners/PartnerApprovalRequests.vue
+++ /dev/null
@@ -1,156 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="options" />
-	</div>
-</template>
-<script>
-import { h } from 'vue';
-import { toast } from 'vue-sonner';
-import { FeatherIcon, Tooltip, Badge, Button } from 'jingrow-ui';
-import ObjectList from '../ObjectList.vue';
-import Clock from '~icons/lucide/clock';
-export default {
-	name: 'PartnerApprovalRequests',
-	components: {
-		ObjectList,
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Partner Approval Request',
-				fields: ['approved_by_partner', 'status'],
-				columns: [
-					{
-						label: '客户邮箱',
-						fieldname: 'customer_email',
-					},
-					{
-						label: '客户团队ID',
-						fieldname: 'requested_by',
-					},
-					{
-						label: '提交时间',
-						fieldname: 'creation',
-						width: 0.6,
-						format(value) {
-							return Intl.DateTimeFormat('en-US', {
-								year: 'numeric',
-								month: 'long',
-								day: 'numeric',
-							}).format(new Date(value));
-						},
-					},
-					{
-						label: 'Jingrow审批',
-						fieldname: 'approved_by_jingrow',
-						type: 'Component',
-						align: 'center',
-						width: 0.6,
-						component({ row }) {
-							if (row.approved_by_jingrow) {
-								return h(
-									Tooltip,
-									{
-										text: '已批准',
-									},
-									() =>
-										h(FeatherIcon, {
-											name: 'check-circle',
-											class: 'h-4 w-4 text-green-600',
-										}),
-								);
-							} else {
-								return h(
-									Tooltip,
-									{
-										text: '等待审批',
-									},
-									() =>
-										h(Clock, {
-											class: 'h-4 w-4 text-yellow-500',
-										}),
-								);
-							}
-						},
-					},
-					{
-						label: '合作伙伴审批',
-						fieldname: 'approved_by_partner',
-						type: 'Component',
-						align: 'center',
-						width: 0.6,
-						component({ row }) {
-							if (row.approved_by_partner) {
-								return h(
-									Tooltip,
-									{
-										text: '已批准',
-									},
-									() =>
-										h(FeatherIcon, {
-											name: 'check-circle',
-											class: 'h-4 w-4 text-green-600',
-										}),
-								);
-							} else {
-								return h(
-									Tooltip,
-									{
-										text: '等待审批',
-									},
-									() =>
-										h(Clock, {
-											class: 'h-4 w-4 text-yellow-500',
-										}),
-								);
-							}
-						},
-					},
-					{
-						label: '',
-						type: 'Component',
-						width: 0.8,
-						align: 'center',
-						component({ row, listResource }) {
-							if (row.status === 'Pending' && row.approved_by_partner === 0) {
-								return h(Button, {
-									label: '批准',
-									class: 'text-md',
-									variant: 'subtle',
-									onClick: () => {
-										toast.promise(
-											listResource.runDocMethod.submit({
-												method: 'approve_partner_request',
-												name: row.name,
-											}),
-											{
-												loading: '正在批准...',
-												success: '审批请求已发送至Jingrow',
-												error: '批准失败',
-											},
-										);
-									},
-								});
-							} else if (
-								row.status === 'Pending' &&
-								row.approved_by_jingrow === 0
-							) {
-								return h(Badge, {
-									label: "等待Jingrow审批",
-									theme: 'blue',
-									variant: 'subtle',
-									size: 'md',
-								});
-							}
-						},
-					},
-				],
-				filters: {
-					partner: this.$team.pg.name,
-				},
-				orderBy: 'creation desc',
-			};
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerContribution.vue b/dashboard_backup/src2/components/partners/PartnerContribution.vue
deleted file mode 100644
index b29b215..0000000
--- a/dashboard_backup/src2/components/partners/PartnerContribution.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-	<div class="px-2">
-		<GenericList :options="partnerContributionsList" />
-	</div>
-</template>
-<script>
-import GenericList from '../GenericList.vue';
-import { currency, userCurrency } from '../../utils/format';
-export default {
-	name: 'PartnerContribution',
-	props: ['partnerEmail'],
-	components: {
-		GenericList
-	},
-	data() {
-		return {
-			partnerContributions: []
-		};
-	},
-	resources: {
-		getPartnerContribution() {
-			return {
-				url: 'jcloud.api.partner.get_partner_contribution_list',
-				auto: true,
-				params: {
-					partner_email: this.partnerEmail
-				},
-				onSuccess(data) {
-					this.partnerContributions = data.map(d => {
-						return {
-							customer_name: d.customer_name,
-							status: d.status,
-							due_date: d.due_date,
-							currency: d.currency,
-							total: d.total,
-							partner_total: d.partner_total
-						};
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		partnerContributionsList() {
-			return {
-				data: this.partnerContributions,
-				selectable: false,
-				columns: [
-					{
-						label: '客户',
-						fieldname: 'customer_name'
-					},
-					{
-						label: '状态',
-						fieldname: 'status',
-						width: 0.5
-					},
-					{
-						label: '日期',
-						fieldname: 'due_date',
-						format(value) {
-							return Intl.DateTimeFormat('en-US', {
-								year: 'numeric',
-								month: 'short',
-								day: 'numeric'
-							}).format(new Date(value));
-						},
-						width: 0.6
-					},
-					{
-						label: '货币',
-						fieldname: 'currency',
-						width: 0.5,
-						align: 'center'
-					},
-					{
-						label: '总计',
-						fieldname: 'total',
-						format(value, columns) {
-							if (value === 0) {
-								return '';
-							}
-							return currency(value, columns.currency);
-						},
-						align: 'right',
-						width: 0.6
-					},
-					{
-						label: '合作伙伴总计',
-						fieldname: 'partner_total',
-						format(value) {
-							return userCurrency(value);
-						},
-						align: 'right',
-						width: 0.6
-					}
-				]
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerCreditsForm.vue b/dashboard_backup/src2/components/partners/PartnerCreditsForm.vue
deleted file mode 100644
index cd7835a..0000000
--- a/dashboard_backup/src2/components/partners/PartnerCreditsForm.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-	<div>
-		<!-- 金额 -->
-		<div>
-			<FormControl
-				:label="`金额 (最低金额: ${maximumAmount})`"
-				class="mb-3"
-				v-model.number="creditsToBuy"
-				name="amount"
-				autocomplete="off"
-				type="number"
-				:max="maximumAmount"
-			>
-				<template #prefix>
-					<div class="grid w-4 place-items-center text-sm text-gray-700">
-						{{ team.pg.currency === 'CNY' ? '¥' : '$' }}
-					</div>
-				</template>
-			</FormControl>
-			<FormControl
-				v-if="team.pg.currency === 'CNY'"
-				:label="`总金额`"
-				disabled
-				:modelValue="totalAmount"
-				name="total"
-				autocomplete="off"
-				type="number"
-			>
-				<template #prefix>
-					<div class="grid w-4 place-items-center text-sm text-gray-700">
-						{{ team.pg.currency === 'CNY' ? '¥' : '$' }}
-					</div>
-				</template>
-			</FormControl>
-		</div>
-
-		<!-- 支付网关 -->
-		<div class="mt-4">
-			<div class="text-xs text-gray-600">选择支付网关</div>
-			<div class="mt-1.5 grid grid-cols-1 gap-2 sm:grid-cols-2">
-				<Button
-					v-if="team.pg.currency === 'CNY' || team.pg.razorpay_enabled"
-					size="lg"
-					:class="{
-						'border-[1.5px] border-gray-700': paymentGateway === 'Razorpay'
-					}"
-					@click="paymentGateway = 'Razorpay'"
-				>
-					<RazorpayLogo class="w-24" />
-				</Button>
-				<Button
-					size="lg"
-					:class="{
-						'border-[1.5px] border-gray-700': paymentGateway === 'Stripe'
-					}"
-					@click="paymentGateway = 'Stripe'"
-				>
-					<StripeLogo class="h-7 w-24" />
-				</Button>
-			</div>
-		</div>
-
-		<!-- 支付按钮 -->
-		<BuyPartnerCreditsStripe
-			v-if="paymentGateway === 'Stripe'"
-			:amount="creditsToBuy"
-			:maximumAmount="maximumAmount"
-			@success="() => emit('success')"
-			@cancel="show = false"
-		/>
-
-		<BuyPartnerCreditsRazorpay
-			v-if="paymentGateway === 'Razorpay'"
-			:amount="creditsToBuy"
-			:maximumAmount="maximumAmount"
-			type="Partnership Fee"
-			@success="() => emit('success')"
-			@cancel="show = false"
-		/>
-	</div>
-</template>
-<script setup>
-import BuyPartnerCreditsStripe from './BuyPartnerCreditsStripe.vue';
-import BuyPartnerCreditsRazorpay from './BuyPartnerCreditsRazorpay.vue';
-import RazorpayLogo from '../../logo/RazorpayLogo.vue';
-import StripeLogo from '../../logo/StripeLogo.vue';
-import { FormControl, Button, createDocumentResource } from 'jingrow-ui';
-import { ref, computed, inject, defineEmits } from 'vue';
-
-const emit = defineEmits(['success']);
-
-const team = inject('team');
-
-const jcloudSettings = createDocumentResource({
-	pagetype: 'Jcloud Settings',
-	name: 'Jcloud Settings',
-	auto: true,
-	initialData: {}
-});
-
-const maximumAmount = computed(() => {
-	if (!jcloudSettings.pg) return 0;
-	const feeAmount =
-		team.pg?.currency == 'CNY'
-			? jcloudSettings.pg.partnership_fee_cny
-			: jcloudSettings.pg.partnership_fee_usd;
-	return Math.ceil(feeAmount);
-});
-
-const creditsToBuy = ref(maximumAmount.value);
-const paymentGateway = ref('');
-
-const totalAmount = computed(() => {
-	const _creditsToBuy = creditsToBuy.value || 0;
-
-	if (team.pg?.currency === 'CNY') {
-		return (
-			_creditsToBuy +
-			_creditsToBuy * (team.pg.billing_info.gst_percentage || 0)
-		).toFixed(2);
-	} else {
-		return _creditsToBuy;
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerCustomerInvoices.vue b/dashboard_backup/src2/components/partners/PartnerCustomerInvoices.vue
deleted file mode 100644
index d81f7f0..0000000
--- a/dashboard_backup/src2/components/partners/PartnerCustomerInvoices.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-	<div>
-		<ObjectList :options="options" />
-	</div>
-</template>
-<script>
-import ObjectList from '../ObjectList.vue';
-import { currency } from '../../utils/format';
-import dayjs from '../../utils/dayjs';
-
-export default {
-	name: 'PartnerCustomerInvoices',
-	props: ['customerTeam', 'customerCurrency'],
-	components: {
-		ObjectList
-	},
-	data() {
-		return {
-			team: this.customerTeam,
-			currency: this.customerCurrency
-		};
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Invoice',
-				fields: ['type'],
-				columns: [
-					{ label: '发票', fieldname: 'name' },
-					{ label: '状态', fieldname: 'status', type: 'Badge' },
-					{
-						label: '日期',
-						fieldname: 'due_date',
-						format(value) {
-							return Intl.DateTimeFormat('en-US', {
-								year: 'numeric',
-								month: 'short',
-								day: 'numeric'
-							}).format(new Date(value));
-						}
-					},
-					{ label: '总计', fieldname: 'total', format: this.formatCurrency },
-					{
-						label: '应付金额',
-						fieldname: 'amount_due',
-						format: this.formatCurrency
-					}
-				],
-				filters: {
-					team: this.team,
-					due_date: [
-						'>=',
-						dayjs().subtract(5, 'month').endOf('month').format('YYYY-MM-DD')
-					],
-					partner_customer: true
-				}
-			};
-		}
-	},
-	methods: {
-		formatCurrency(value) {
-			if (value === 0) {
-				return '';
-			}
-			return currency(value, this.currency);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerCustomers.vue b/dashboard_backup/src2/components/partners/PartnerCustomers.vue
deleted file mode 100644
index e7c4097..0000000
--- a/dashboard_backup/src2/components/partners/PartnerCustomers.vue
+++ /dev/null
@@ -1,204 +0,0 @@
-<template>
-	<div class="p-4">
-		<ObjectList :options="partnerCustomerList" />
-		<Dialog
-			v-model="contributionDialog"
-			:options="{
-				size: '3xl',
-				title: '过去6个月的贡献'
-			}"
-		>
-			<template #body-content>
-				<template v-if="showInvoice">
-					<div
-						v-if="showInvoice.status === 'Empty'"
-						class="text-base text-gray-600"
-					>
-						无内容显示
-					</div>
-					<PartnerCustomerInvoices
-						:customerTeam="showInvoice.name"
-						:customerCurrency="showInvoice.currency"
-					/>
-				</template>
-			</template>
-		</Dialog>
-		<Dialog
-			v-model="transferCreditsDialog"
-			:options="{ title: '转账积分' }"
-		>
-			<template #body-content>
-				<p class="pb-3 text-p-base">
-					输入您希望转账的积分金额（以{{ $team.pg.currency }}为单位）。
-				</p>
-				<FormControl placeholder="金额" v-model="amount" autocomplete="off" />
-				<ErrorMessage
-					class="mt-2"
-					:message="$resources.transferCredits.error"
-				/>
-			</template>
-			<template #actions>
-				<Button
-					type="primary"
-					variant="solid"
-					class="w-full"
-					:loading="$resources.transferCredits.loading"
-					@click="
-						$resources.transferCredits.submit({
-							amount: amount,
-							customer: customerTeam.name,
-							partner: $team.pg.name
-						})
-					"
-				>
-					转账
-				</Button>
-			</template>
-		</Dialog>
-		<Dialog
-			v-model="showConfirmationDialog"
-			:options="{ title: '积分转账成功' }"
-		>
-			<template #body-content>
-				<p class="text-p-base">
-					{{ formatCurrency(amount) }} 积分已成功转账至
-					<strong>{{ customerTeam.billing_name }}</strong>
-				</p>
-				<span class="text-base font-medium text-gray-700"
-					>可用积分: {{ creditBalance() }}</span
-				>
-			</template>
-		</Dialog>
-	</div>
-</template>
-<script>
-import PartnerCustomerInvoices from './PartnerCustomerInvoices.vue';
-import ObjectList from '../ObjectList.vue';
-import { Dialog, ErrorMessage } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { userCurrency } from '../../utils/format';
-
-export default {
-	name: 'PartnerCustomers',
-	components: {
-		PartnerCustomerInvoices,
-		Dialog,
-		ErrorMessage,
-		ObjectList
-	},
-	data() {
-		return {
-			contributionDialog: false,
-			showInvoice: null,
-			transferCreditsDialog: false,
-			customerTeam: null,
-			amount: 0.0,
-			showConfirmationDialog: false
-		};
-	},
-	resources: {
-		transferCredits() {
-			return {
-				url: 'jcloud.api.partner.transfer_credits',
-				onSuccess(data) {
-					this.amount = data;
-					this.transferCreditsDialog = false;
-					this.showConfirmationDialog = true;
-					toast.success('积分转账成功');
-				}
-			};
-		},
-		getBalance: {
-			url: 'jcloud.api.billing.get_balance_credit',
-			auto: true
-		}
-	},
-	computed: {
-		partnerCustomerList() {
-			return {
-				resource() {
-					return {
-						url: 'jcloud.api.partner.get_partner_customers',
-						transform(data) {
-							return data.map(d => {
-								return {
-									email: d.user,
-									billing_name: d.billing_name || '',
-									payment_mode: d.payment_mode || '',
-									currency: d.currency,
-									name: d.name
-								};
-							});
-						},
-						initialData: [],
-						auto: true
-					};
-				},
-				columns: [
-					{
-						label: '名称',
-						fieldname: 'billing_name'
-					},
-					{
-						label: '邮箱',
-						fieldname: 'email'
-					},
-					{
-						label: '支付方式',
-						fieldname: 'payment_mode'
-					},
-					{
-						label: '货币',
-						fieldname: 'currency',
-						width: 0.5
-					},
-					{
-						label: '贡献',
-						type: 'Button',
-						width: 0.5,
-						align: 'center',
-						Button: ({ row }) => {
-							return {
-								label: '查看',
-								onClick: () => {
-									this.showInvoice = row;
-									this.contributionDialog = true;
-								}
-};
-						}
-					},
-					{
-						label: '',
-						type: 'Button',
-						width: 0.8,
-						align: 'right',
-						key: 'actions',
-						Button: ({ row }) => {
-							return {
-								label: '转移积分',
-								onClick: () => {
-									this.transferCreditsDialog = true;
-									this.customerTeam = row;
-								}
-							};
-						}
-					}
-				]
-			};
-		}
-	},
-	methods: {
-		formatCurrency(value) {
-			if (value === 0) {
-				return '';
-			}
-			return userCurrency(value);
-		},
-		creditBalance() {
-			return this.formatCurrency(
-				parseFloat(this.$resources.getBalance.data) - parseFloat(this.amount)
-			);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerLocalPaymentSetup.vue b/dashboard_backup/src2/components/partners/PartnerLocalPaymentSetup.vue
deleted file mode 100644
index b8dd423..0000000
--- a/dashboard_backup/src2/components/partners/PartnerLocalPaymentSetup.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-	<div class="px-60 py-6">
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-			<!-- 添加 Mpesa 详情 -->
-			<div
-				v-if="$team.pg.country === 'Kenya'"
-				class="flex flex-col gap-2 rounded-md border p-4 shadow"
-			>
-				<div class="flex justify-between items-center text-sm text-gray-700">
-					<div>M-Pesa 快速凭证</div>
-					<Button @click="showAddMpesaDialog = true">编辑</Button>
-				</div>
-				<div class="overflow-hidden text-ellipsis text-base font-medium">
-					<span class="font-normal text-gray-600">{{
-						mpesaSetupId || '未设置'
-					}}</span>
-				</div>
-			</div>
-
-			<AddMpesaCredentials
-				v-model="showAddMpesaDialog"
-				@closeDialog="showAddMpesaDialog = false"
-			/>
-			<!-- M-Pesa 添加结束 -->
-
-			<!-- 添加支付网关 -->
-			<div class="flex flex-col gap-2 rounded-md border p-4 shadow">
-				<div class="flex justify-between items-center text-sm text-gray-700">
-					<div>支付网关</div>
-					<Button
-						@click="showAddPaymentGatewayDialog = true"
-						:disabled="!Boolean(mpesaSetupId)"
-						>编辑</Button
-					>
-				</div>
-				<div class="overflow-hidden text-ellipsis text-base font-medium">
-					<span class="font-normal text-gray-600">{{
-						paymentGatewayID || '未设置'
-					}}</span>
-				</div>
-			</div>
-			<!-- 支付网关添加结束 -->
-
-			<AddPaymentGateway
-				v-model="showAddPaymentGatewayDialog"
-				@closeDialog="showAddPaymentGatewayDialog = false"
-			/>
-
-			<!--提交支付交易到 Jingrow-->
-			<div class="flex flex-col gap-2 rounded-md border p-4 shadow">
-				<div class="flex justify-between items-center text-sm text-gray-700">
-					<div>合作伙伴支付结算</div>
-					<Button @click="showPartnerPaymentPayout = true">编辑</Button>
-				</div>
-				<div class="overflow-hidden text-ellipsis text-base font-medium">
-					<span class="font-normal text-gray-600">未设置</span>
-				</div>
-			</div>
-			<!--支付交易结束-->
-
-			<!-- 父组件 -->
-			<PartnerPaymentPayout
-				v-model="showPartnerPaymentPayout"
-				@closeDialog="showPartnerPaymentPayout = false"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import { defineAsyncComponent } from 'vue';
-
-export default {
-	name: 'LocalPaymentSetup',
-	components: {
-		AddMpesaCredentials: defineAsyncComponent(
-			() => import('../billing/mpesa/AddMpesaCredentials.vue'),
-		),
-		AddPaymentGateway: defineAsyncComponent(
-			() => import('../billing/mpesa/AddPaymentGateway.vue'),
-		),
-		PartnerPaymentPayout: defineAsyncComponent(
-			() => import('../billing/mpesa/PartnerPaymentPayout.vue'),
-		),
-	},
-	data() {
-		return {
-			showAddMpesaDialog: false,
-			showAddPaymobDialog: false,
-			showAddPaymentGatewayDialog: false,
-			showPartnerPaymentPayout: false,
-			mpesaSetupId: '',
-			paymentGatewayID: '',
-		};
-	},
-	resources: {
-		fetchLocalPaymentSetupDetails() {
-			return {
-				url: 'jcloud.api.partner.get_local_payment_setup',
-				onSuccess(data) {
-					this.mpesaSetupId = data.mpesa_setup;
-					this.paymentGatewayID = data.payment_gateway;
-				},
-				auto: true,
-			};
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerMembers.vue b/dashboard_backup/src2/components/partners/PartnerMembers.vue
deleted file mode 100644
index a908d0d..0000000
--- a/dashboard_backup/src2/components/partners/PartnerMembers.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<div class="px-2">
-		<GenericList :options="partnerMembersList" />
-	</div>
-</template>
-<script setup>
-import { computed } from 'vue';
-import GenericList from '../GenericList.vue';
-import { createResource } from 'jingrow-ui';
-
-const props = defineProps({
-	partnerName: String
-});
-
-const partnerMembers = createResource({
-	url: 'jcloud.api.partner.get_partner_members',
-	cache: 'partnerMembers',
-	auto: true,
-	params: {
-		partner: props.partnerName
-	},
-	transform(data) {
-		data = data.map(d => {
-			return {
-				full_name: d.member_name,
-				email: d.member_email
-			};
-		});
-		return data;
-	}
-});
-
-const partnerMembersList = computed(() => {
-	return {
-		data: partnerMembers.data || [],
-		selectable: false,
-		columns: [
-			{
-				label: '姓名',
-				fieldname: 'full_name'
-			},
-			{
-				label: '邮箱',
-				fieldname: 'email'
-			}
-		]
-	};
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/partners/PartnerOverview.vue b/dashboard_backup/src2/components/partners/PartnerOverview.vue
deleted file mode 100644
index 7c6751a..0000000
--- a/dashboard_backup/src2/components/partners/PartnerOverview.vue
+++ /dev/null
@@ -1,294 +0,0 @@
-<template>
-	<div class="flex flex-col gap-5 overflow-y-auto px-60 py-6">
-		<div class="flex flex-col">
-			<div class="text-gray-500">欢迎回来！</div>
-			<div>
-				<h1 class="text-3xl font-semibold">
-					{{ partnerDetails.data?.company_name }}
-				</h1>
-			</div>
-		</div>
-		<div class="rounded-lg text-base text-gray-900 shadow">
-			<div class="flex flex-col gap-2.5 p-4">
-				<div class="flex">
-					<div class="flex items-center gap-0.5">
-						<FeatherIcon name="award" class="h-5 text-gray-700" />
-						<h3 class="text-xl font-semibold">
-							{{ partnerDetails.data?.partner_type }} 等级
-						</h3>
-					</div>
-				</div>
-				<div class="pt-2">
-					<Progress
-						size="lg"
-						:value="tierProgressValue"
-						label="当前进度"
-						:hint="false"
-					>
-						<template #hint>
-							<span class="text-base font-medium text-gray-500">
-								{{ formatNumber(nextTierTarget) }} 以达到 {{ nextTier }}
-							</span>
-						</template>
-					</Progress>
-				</div>
-				<div class="my-1 h-px bg-gray-100" />
-
-				<div class="flex justify-between gap-4">
-					<div class="flex-1">
-						<div class="flex items-center justify-between">
-							<div class="text-sm text-gray-600">
-								本月贡献
-							</div>
-							<Button
-								label="详情"
-								@click="showPartnerContributionDialog = true"
-							/>
-						</div>
-						<div class="text-xl font-semibold py-2">
-							{{
-								formatCurrency(
-									partnerDetails.data
-										?.custom_ongoing_period_fc_invoice_contribution
-								) || '0.0'
-							}}
-						</div>
-						<div class="text-sm text-gray-600">
-							<span
-								>上月:
-								{{
-									formatCurrency(
-										partnerDetails.data?.custom_fc_invoice_contribution
-									) || '0.0'
-								}}</span
-							>
-						</div>
-					</div>
-					<div class="mx-1 w-px border-r" />
-					<div class="flex-1">
-						<div class="flex items-center justify-between">
-							<div class="text-sm text-gray-600">认证成员</div>
-							<Button label="查看" @click="showPartnerMembersDialog = true" />
-						</div>
-						<div class="flex items-center">
-							<div class="text-xl font-semibold py-2">
-								{{
-									partnerDetails.data?.custom_number_of_certified_members || 5
-								}}
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<div class="flex justify-between gap-4">
-			<div class="rounded-lg text-base flex-1 text-gray-900 p-4 shadow">
-				<div class="flex h-full flex-col justify-between gap-2">
-					<div class="flex">
-						<h3 class="font-semibold text-lg">合作伙伴推荐码</h3>
-					</div>
-					<ClickToCopyField :textContent="team.pg?.partner_referral_code" />
-					<span class="text-sm text-gray-600"
-						>与客户分享代码以链接到您的账户。</span
-					>
-				</div>
-			</div>
-			<div class="rounded-lg text-base flex-1 text-gray-900 p-4 shadow">
-				<div class="flex h-full flex-col justify-between">
-					<div class="flex">
-						<h3 class="font-semibold text-lg">续订详情</h3>
-					</div>
-					<div class="flex items-center justify-between">
-						<div class="flex">
-							<span class="text-base font-medium text-gray-700">
-								{{ formatDate(partnerDetails.data?.end_date) }}
-							</span>
-						</div>
-						<div v-if="isRenewalPeriod()">
-							<Button
-								label="续订"
-								:disabled="false"
-								:variant="'solid'"
-								@click="showPartnerCreditsDialog = true"
-							/>
-						</div>
-					</div>
-					<span class="text-sm text-gray-600"
-						>{{ daysUntilRenewal }} 天后续订</span
-					>
-				</div>
-</div>
-		</div>
-
-		<Dialog
-			:show="showPartnerContributionDialog"
-			v-model="showPartnerContributionDialog"
-			:options="{ size: '5xl', title: '本月贡献' }"
-		>
-			<template #body-content>
-				<PartnerContribution :partnerEmail="team.pg.partner_email" />
-			</template>
-		</Dialog>
-
-		<Dialog
-			:show="showPartnerCreditsDialog"
-			v-model="showPartnerCreditsDialog"
-			:options="{ title: '支付合作伙伴费用' }"
-		>
-			<template #body-content>
-				<PartnerCreditsForm
-					@success="
-						() => {
-							showPartnerCreditsDialog = false;
-						}
-					"
-				/>
-			</template>
-		</Dialog>
-
-		<Dialog
-			:show="showPartnerMembersDialog"
-			v-model="showPartnerMembersDialog"
-			:options="{ size: 'xl', title: '认证成员' }"
-		>
-			<template #body-content>
-				<PartnerMembers :partnerName="partnerDetails.data?.company_name" />
-			</template>
-		</Dialog>
-	</div>
-</template>
-
-<script setup>
-import { computed, inject, ref, watch } from 'vue';
-import dayjs from '../../utils/dayjs';
-import { FeatherIcon, Button, createResource, Progress } from 'jingrow-ui';
-import PartnerContribution from './PartnerContribution.vue';
-import ClickToCopyField from '../ClickToCopyField.vue';
-import PartnerCreditsForm from './PartnerCreditsForm.vue';
-import PartnerMembers from './PartnerMembers.vue';
-
-const team = inject('team');
-
-const showPartnerContributionDialog = ref(false);
-const showPartnerCreditsDialog = ref(false);
-const showPartnerMembersDialog = ref(false);
-
-const partnerDetails = createResource({
-	url: 'jcloud.api.partner.get_partner_details',
-	auto: true,
-	cache: 'partnerDetails',
-	params: {
-		partner_email: team.pg.partner_email
-	},
-	onSuccess() {
-		calculateNextTier(partnerDetails.data.partner_type);
-	}
-});
-
-const daysUntilRenewal = computed(() => {
-	const today = new Date();
-	const renewal = new Date(partnerDetails.data?.end_date);
-	return Math.ceil((renewal - today) / (1000 * 60 * 60 * 24));
-});
-
-function isRenewalPeriod() {
-	// 续费日期前15天
-	const renewal = dayjs(partnerDetails.data?.end_date);
-	const today = dayjs();
-	const daysDifference = renewal.diff(today, 'days');
-
-	return Boolean(daysDifference >= 0 && daysDifference <= 15);
-}
-
-const tierProgressValue = ref(0);
-const nextTier = ref('');
-const nextTierTarget = ref(0);
-
-function calculateTierProgress(next_tier_value) {
-	console.log(
-		partnerDetails.data?.custom_ongoing_period_fc_invoice_contribution,
-		next_tier_value
-	);
-	return Math.ceil(
-		(partnerDetails.data?.custom_ongoing_period_fc_invoice_contribution /
-			next_tier_value) *
-			100
-	);
-}
-
-function calculateNextTier(tier) {
-	const target_cny = {
-		Gold: 500000,
-		Silver: 200000,
-		Bronze: 50000
-	};
-	const target_usd = {
-		Gold: 6000,
-		Silver: 2500,
-		Bronze: 600
-	};
-
-	const current_tier = partnerDetails.data?.partner_type;
-	let next_tier = '';
-	switch (current_tier) {
-		case 'Entry':
-			next_tier = 'Bronze';
-			nextTierTarget.value =
-				team.pg.currency === 'CNY' ? target_cny.Bronze : target_usd.Bronze;
-			break;
-		case 'Bronze':
-			next_tier = 'Silver';
-			nextTierTarget.value =
-				team.pg.currency === 'CNY' ? target_cny.Silver : target_usd.Silver;
-			break;
-		case 'Silver':
-			next_tier = 'Gold';
-			nextTierTarget.value =
-				team.pg.currency === 'CNY' ? target_cny.Gold : target_usd.Gold;
-			break;
-		default:
-			next_tier = 'Gold';
-			nextTierTarget.value =
-				team.pg.currency === 'CNY' ? target_cny.Gold : target_usd.Gold;
-	}
-	nextTier.value = next_tier;
-	tierProgressValue.value = calculateTierProgress(nextTierTarget.value);
-	nextTierTarget.value =
-		nextTierTarget.value -
-		partnerDetails.data?.custom_ongoing_period_fc_invoice_contribution;
-}
-
-watch(
-	() => partnerDetails.data,
-	(newData) => {
-		if (newData) {
-calculateNextTier(newData.partner_type);
-		}
-	},
-	{ deep: true },
-);
-
-const formatDate = dateString => {
-	return new Date(dateString).toLocaleDateString('en-US', {
-		year: 'numeric',
-		month: 'long',
-		day: 'numeric'
-	});
-};
-
-const formatCurrency = amount => {
-	return new Intl.NumberFormat('en-US', {
-		style: 'currency',
-		currency: team.pg.currency,
-		maximumFractionDigits: 2
-	}).format(amount);
-};
-
-const formatNumber = value => {
-	return new Intl.NumberFormat('en-US', {
-		notation: 'compact',
-		compactDisplay: 'short'
-	}).format(value);
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerActionCell.vue b/dashboard_backup/src2/components/server/ServerActionCell.vue
deleted file mode 100644
index bffb4d1..0000000
--- a/dashboard_backup/src2/components/server/ServerActionCell.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-<template>
-	<div class="flex items-center justify-between gap-1">
-		<div>
-			<h3 class="text-base font-medium">{{ props.actionLabel }}</h3>
-			<p class="mt-1 text-p-base text-gray-600">{{ props.description }}</p>
-		</div>
-		<Button
-			v-if="server?.pg"
-			class="whitespace-nowrap"
-			@click="getServerActionHandler(props.actionLabel)"
-		>
-			<p
-				:class="
-					group === 'Dangerous Actions' ? 'text-red-600' : 'text-gray-800'
-				"
-			>
-				{{ props.buttonLabel }}
-			</p>
-		</Button>
-	</div>
-</template>
-
-<script setup>
-import { getCachedDocumentResource, createDocumentResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { confirmDialog } from '../../utils/components';
-import router from '../../router';
-
-const props = defineProps({
-	serverName: { type: String, required: true },
-	serverType: { type: String, required: true },
-	actionLabel: { type: String, required: true },
-	method: { type: String, required: true },
-	description: { type: String, required: true },
-	buttonLabel: { type: String, required: true },
-	group: { type: String, required: false }
-});
-
-const server = getCachedDocumentResource(props.serverType, props.serverName);
-
-function getServerActionHandler(action) {
-	const actionHandlers = {
-		'Reboot server': onRebootServer,
-		'Rename server': onRenameServer,
-		'Drop server': onDropServer
-	};
-	if (actionHandlers[action]) {
-		actionHandlers[action].call(this);
-	}
-}
-
-function onRebootServer() {
-	confirmDialog({
-		title: '重启服务器',
-		message: `您确定要重启服务器 <b>${server.pg.name}</b> 吗？`,
-		fields: [
-			{
-				label: '请输入服务器名称以确认',
-				fieldname: 'confirmServerName'
-			}
-		],
-		primaryAction: {
-			label: '重启服务器'
-		},
-		onSuccess({ hide, values }) {
-			if (server.reboot.loading) return;
-			if (values.confirmServerName !== server.pg.name) {
-				throw new Error('服务器名称不匹配');
-			}
-			toast.promise(
-				server.reboot.submit(null, {
-					onSuccess() {
-						hide();
-					}
-				}),
-				{
-					loading: '正在重启...',
-					success: '服务器已重启',
-					error: '重启服务器失败'
-				}
-			);
-		}
-	});
-}
-
-function onRenameServer() {
-	confirmDialog({
-		title: '重命名服务器',
-		fields: [
-			{
-				label: '输入服务器的新名称',
-				fieldname: 'title'
-			}
-		],
-		primaryAction: {
-			label: '重命名'
-		},
-		onSuccess({ hide, values }) {
-			if (server.rename.loading) return;
-			toast.promise(
-				server.rename.submit(
-					{
-						title: values.title
-					},
-					{
-						onSuccess() {
-							hide();
-						}
-					}
-				),
-				{
-					loading: '正在更新名称...',
-					success: '名称已更新',
-					error: '更新名称失败'
-				}
-			);
-		}
-	});
-}
-
-function onDropServer() {
-	const databaseServer = createDocumentResource({
-		pagetype: 'Database Server',
-		name: server.pg.database_server
-	});
-
-	confirmDialog({
-		title: '删除服务器',
-		message: `<div class="prose text-base">您确定要删除您的服务器吗？<br><br>以下服务器将被删除<ul><li>${server.pg.title} (<b>${server.pg.name}</b>)</li><li>${databaseServer.pg.title} (<b>${server.pg.database_server}</b>)</li></ul><br>此操作无法撤销。</div>`,
-		fields: [
-			{
-				label: "请输入服务器名称或标题以确认",
-				fieldname: 'confirmServerName'
-			}
-		],
-		primaryAction: {
-			label: '删除服务器',
-			theme: 'red'
-		},
-		onSuccess({ hide, values }) {
-			if (server.dropServer.loading) return;
-			if (
-				values.confirmServerName !== server.pg.name &&
-				values.confirmServerName !== server.pg.database_server &&
-				values.confirmServerName.trim() !== server.pg.title.trim() &&
-				values.confirmServerName.trim() !== databaseServer.pg.title.trim()
-			) {
-				throw new Error('服务器名称不匹配');
-			}
-toast.promise(server.dropServer.submit().then(hide), {
-				loading: '正在删除...',
-				success: () => {
-					router.push({ name: 'Server List' });
-					return '服务器已删除';
-				},
-				error: error =>
-					error.messages.length
-						? error.messages.join('\n')
-						: '删除服务器失败'
-			});
-		}
-	});
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerActions.vue b/dashboard_backup/src2/components/server/ServerActions.vue
deleted file mode 100644
index 1e6dbeb..0000000
--- a/dashboard_backup/src2/components/server/ServerActions.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<template>
-	<div
-		class="mx-auto max-w-3xl space-y-4"
-		v-if="$appServer?.pg?.actions && $dbServer?.pg?.actions"
-	>
-		<div
-			v-for="group in actions"
-			:key="group.group"
-			class="divide-y rounded border border-gray-200 p-5"
-		>
-			<div class="pb-3 text-lg font-semibold">{{ group.group }}</div>
-			<div
-				class="py-3 first:pt-0 last:pb-0"
-				v-for="row in group.actions"
-				:key="row.action"
-			>
-				<ServerActionCell
-					:group="group.group"
-					:serverName="row.server_name"
-					:serverType="row.server_pagetype"
-					:actionLabel="row.action"
-					:method="row.pg_method"
-					:description="row.description"
-					:buttonLabel="row.button_label"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import ServerActionCell from './ServerActionCell.vue';
-import { getDocResource } from '../../utils/resource';
-
-export default {
-	name: 'ServerActions',
-	props: ['server'],
-	components: { ServerActionCell },
-	computed: {
-		actions() {
-			const totalActions = [
-				...this.$appServer.pg.actions,
-				...this.$dbServer.pg.actions,
-				...(this.$dbReplicaServer?.pg?.actions || [])
-			];
-
-			const groupedActions = totalActions.reduce((acc, action) => {
-				const group = action.group || `${action.server_pagetype} 操作`;
-				if (!acc[group]) {
-					acc[group] = [];
-				}
-				acc[group].push(action);
-				return acc;
-			}, {});
-
-			let groups = Object.keys(groupedActions).map(group => {
-				return {
-					group,
-					actions: groupedActions[group]
-				};
-			});
-
-			// 将危险操作移到底部
-			const dangerousActions = groups.find(
-				group => group.group === '危险操作'
-			);
-			if (dangerousActions) {
-				groups = groups.filter(group => group.group !== '危险操作');
-				groups.push(dangerousActions);
-			}
-
-			return groups;
-		},
-		$appServer() {
-			return getCachedDocumentResource('Server', this.server);
-		},
-		$dbServer() {
-			return getDocResource({
-				pagetype: 'Database Server',
-				name: this.$appServer.pg.database_server,
-				whitelistedMethods: {
-					changePlan: 'change_plan',
-					reboot: 'reboot',
-					rename: 'rename'
-				}
-			});
-		},
-		$dbReplicaServer() {
-			return getDocResource({
-				pagetype: 'Database Server',
-				name: this.$appServer.pg.replication_server,
-				whitelistedMethods: {
-					changePlan: 'change_plan',
-					reboot: 'reboot',
-					rename: 'rename'
-				}
-			});
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerCharts.vue b/dashboard_backup/src2/components/server/ServerCharts.vue
deleted file mode 100644
index 7f8267b..0000000
--- a/dashboard_backup/src2/components/server/ServerCharts.vue
+++ /dev/null
@@ -1,830 +0,0 @@
-<template>
-	<div class="space-y-4">
-		<div class="flex space-x-2">
-			<FormControl
-				class="w-40"
-				label="服务器"
-				type="select"
-				:options="serverOptions"
-				v-model="chosenServer"
-			/>
-			<FormControl
-				class="w-32"
-				label="持续时间"
-				type="select"
-				:options="
-					durationOptions.map((option) => ({ label: option, value: option }))
-				"
-				v-model="duration"
-			/>
-		</div>
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-			<AnalyticsCard title="运行时间" v-if="!isServerType('Application Server')">
-				<LineChart
-					type="time"
-					title="运行时间"
-					:key="databaseUptimeData"
-					:data="databaseUptimeData"
-					unit="秒"
-					:chartTheme="[$theme.colors.purple[500]]"
-					:loading="$resources.databaseUptime.loading"
-					:error="$resources.databaseUptime.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="CPU">
-				<LineChart
-					type="time"
-					title="CPU"
-					:key="cpuData"
-					:data="cpuData"
-					unit="%"
-					:chartTheme="[
-						$theme.colors.yellow[500], // system
-						$theme.colors.cyan[500], // user
-						$theme.colors.red[500], // iowait
-						$theme.colors.teal[500], // irq
-						$theme.colors.purple[500], // softirq
-						$theme.colors.pink[500], // nice
-						$theme.colors.blue[500], // steal
-						$theme.colors.green[500], // idle
-					]"
-					:loading="$resources.cpu.loading"
-					:error="$resources.cpu.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="平均负载">
-				<LineChart
-					type="time"
-					title="平均负载"
-					:key="loadAverageData"
-					:data="loadAverageData"
-					:chartTheme="[
-						$theme.colors.green[500],
-						$theme.colors.yellow[400],
-						$theme.colors.red[500],
-					]"
-					:loading="$resources.loadavg.loading"
-					:error="$resources.loadavg.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="内存">
-				<LineChart
-					type="time"
-					title="内存"
-					:key="memoryData"
-					:data="memoryData"
-					unit="字节"
-					:chartTheme="[$theme.colors.yellow[500]]"
-					:loading="$resources.memory.loading"
-					:error="$resources.memory.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="磁盘空间">
-				<LineChart
-					type="time"
-					title="磁盘空间"
-					:key="spaceData"
-					:data="spaceData"
-					unit="%"
-					:chartTheme="[$theme.colors.red[500], $theme.colors.yellow[400]]"
-					:loading="$resources.space.loading"
-					:error="$resources.space.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="网络">
-				<LineChart
-					type="time"
-					title="网络"
-					:key="networkData"
-					:data="networkData"
-					unit="字节"
-					:chartTheme="[$theme.colors.blue[500]]"
-					:loading="$resources.network.loading"
-					:error="$resources.network.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="磁盘 I/O">
-				<LineChart
-					type="time"
-					title="磁盘 I/O"
-					:key="iopsData"
-					:data="iopsData"
-					unit="I0ps"
-					:chartTheme="[$theme.colors.purple[500], $theme.colors.blue[500]]"
-					:loading="$resources.iops.loading"
-					:error="$resources.iops.error"
-:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-		</div>
-		<div
-			class="!mt-6 flex w-fit cursor-pointer space-x-2"
-			@click="toggleAdvancedAnalytics"
-		>
-			<h2 class="text-lg font-semibold">高级分析</h2>
-			<FeatherIcon
-				class="h-5 w-5 text-gray-500 hover:text-gray-700"
-				:name="showAdvancedAnalytics ? 'chevron-down' : 'chevron-right'"
-			/>
-		</div>
-
-		<!-- 高级分析 -->
-		<div
-			v-if="showAdvancedAnalytics"
-			class="grid grid-cols-1 gap-5 sm:grid-cols-2"
-		>
-			<!-- 高级图表 -->
-			<AnalyticsCard
-				v-if="isServerType('Application Server')"
-				class="sm:col-span-2"
-				title="按站点的请求频率"
-			>
-				<BarChart
-					title="按站点的请求频率"
-					:key="requestCountBySiteData"
-					:data="requestCountBySiteData"
-					unit="请求"
-					:chartTheme="[
-						this.$theme.colors.green[500],
-						this.$theme.colors.red[500],
-						this.$theme.colors.yellow[500],
-						this.$theme.colors.pink[500],
-						this.$theme.colors.purple[500],
-						this.$theme.colors.blue[500],
-						this.$theme.colors.teal[500],
-						this.$theme.colors.cyan[500],
-						this.$theme.colors.gray[500],
-						this.$theme.colors.orange[500],
-					]"
-					:loading="$resources.requestCountBySite.loading"
-					:error="$resources.requestCountBySite.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				v-if="isServerType('Application Server')"
-				class="sm:col-span-2"
-				title="按站点的最慢请求"
-			>
-				<BarChart
-					title="按站点的最慢请求"
-					:key="requestDurationBySiteData"
-					:data="requestDurationBySiteData"
-					unit="秒"
-					:chartTheme="chartColors"
-					:loading="$resources.requestDurationBySite.loading"
-					:error="$resources.requestDurationBySite.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="查询" v-if="!isServerType('Application Server')">
-				<LineChart
-					type="time"
-					title="查询"
-					unit="查询"
-					:key="databaseCommandsCountData"
-					:data="databaseCommandsCountData"
-					:chartTheme="[
-						$theme.colors.green[500],
-						$theme.colors.red[500],
-						$theme.colors.yellow[500],
-						$theme.colors.pink[500],
-						$theme.colors.purple[500],
-						$theme.colors.blue[500],
-						$theme.colors.teal[500],
-						$theme.colors.cyan[500],
-					]"
-					:loading="$resources.databaseCommandsCount.loading"
-					:error="$resources.databaseCommandsCount.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				title="数据库连接"
-				v-if="!isServerType('Application Server')"
-			>
-				<LineChart
-					type="time"
-					title="数据库连接"
-					:key="databaseConnectionsData"
-					:data="databaseConnectionsData"
-					unit="连接"
-					:chartTheme="[
-						this.$theme.colors.yellow[500],
-						this.$theme.colors.green[500],
-					]"
-					:loading="$resources.databaseConnections.loading"
-					:error="$resources.databaseConnections.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				title="平均行锁定时间"
-				v-if="!isServerType('Application Server')"
-			>
-				<LineChart
-					type="time"
-					title="平均行锁定时间"
-					:key="innodbAvgRowLockTimeData"
-					:data="innodbAvgRowLockTimeData"
-					unit="秒"
-					:chartTheme="[$theme.colors.purple[500]]"
-					:loading="$resources.innodbAvgRowLockTime.loading"
-					:error="$resources.innodbAvgRowLockTime.error"
-:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				title="缓冲池大小"
-				v-if="!isServerType('Application Server')"
-			>
-				<LineChart
-					type="time"
-					title="缓冲池大小"
-					:key="innodbBufferPoolSizeData"
-					:data="innodbBufferPoolSizeData"
-					unit="bytes"
-					:chartTheme="[$theme.colors.teal[500]]"
-					:loading="$resources.innodbBufferPoolSize.loading"
-					:error="$resources.innodbBufferPoolSize.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				title="总内存中的缓冲池大小"
-				v-if="!isServerType('Application Server')"
-			>
-				<LineChart
-					type="time"
-					title="总内存中的缓冲池大小"
-					:key="innodbBufferPoolSizeOfTotalRamData"
-					:data="innodbBufferPoolSizeOfTotalRamData"
-					unit="%"
-					:chartTheme="[$theme.colors.cyan[500]]"
-					:loading="$resources.innodbBufferPoolSizeOfTotalRam.loading"
-					:error="$resources.innodbBufferPoolSizeOfTotalRam.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				title="缓冲池未命中百分比"
-				v-if="!isServerType('Application Server')"
-			>
-				<LineChart
-					type="time"
-					title="缓冲池未命中百分比"
-					:key="innodbBufferPoolMissPercentageData"
-					:data="innodbBufferPoolMissPercentageData"
-					unit="%"
-					:chartTheme="[$theme.colors.orange[500]]"
-					:loading="$resources.innodbBufferPoolMissPercentage.loading"
-					:error="$resources.innodbBufferPoolMissPercentage.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				v-if="!isServerType('Application Server')"
-				class="sm:col-span-2"
-				title="频繁的慢查询"
-			>
-				<template #action>
-					<TabButtons
-						:buttons="[{ label: '非规范化' }, { label: '规范化' }]"
-						v-model="slowLogsFrequencyType"
-					/>
-				</template>
-				<BarChart
-					title="频繁的慢查询"
-					:key="slowLogsCountData"
-					:data="slowLogsCountData"
-					unit="queries"
-					:chartTheme="chartColors"
-					:loading="$resources.slowLogsCount.loading"
-					:error="$resources.slowLogsCount.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				v-if="!isServerType('Application Server')"
-				class="sm:col-span-2"
-				title="最慢的查询"
-			>
-				<template #action>
-					<TabButtons
-						:buttons="[{ label: '非规范化' }, { label: '规范化' }]"
-						v-model="slowLogsDurationType"
-					/>
-				</template>
-				<BarChart
-					title="最慢的查询"
-					:key="slowLogsDurationData"
-					:data="slowLogsDurationData"
-					unit="seconds"
-					:chartTheme="chartColors"
-					:loading="$resources.slowLogsDuration.loading"
-					:error="$resources.slowLogsDuration.error"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import LineChart from '@/components/charts/LineChart.vue';
-import BarChart from '@/components/charts/BarChart.vue';
-import AnalyticsCard from '../site/AnalyticsCard.vue';
-import dayjs from '../../utils/dayjs';
-
-export default {
-	props: ['serverName'],
-	components: {
-		AnalyticsCard,
-		BarChart,
-		LineChart,
-	},
-	data() {
-		return {
-			duration: '1 Hour',
-			showAdvancedAnalytics: false,
-			localTimezone: dayjs.tz.guess(),
-			slowLogsDurationType: 'Denormalized',
-slowLogsFrequencyType: 'Denormalized',
-			chosenServer: this.$route.query.server ?? this.serverName,
-			durationOptions: ['1 小时', '6 小时', '24 小时', '7 天', '15 天'],
-			chartColors: [
-				this.$theme.colors.green[500],
-				this.$theme.colors.red[500],
-				this.$theme.colors.yellow[500],
-				this.$theme.colors.pink[500],
-				this.$theme.colors.purple[500],
-				this.$theme.colors.blue[500],
-				this.$theme.colors.teal[500],
-				this.$theme.colors.cyan[500],
-				this.$theme.colors.gray[500],
-				this.$theme.colors.orange[500],
-			],
-		};
-	},
-	watch: {
-		chosenServer() {
-			this.$router.push({
-				query: {
-					server: this.chosenServer,
-				},
-			});
-		},
-	},
-	resources: {
-		loadavg() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'loadavg',
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		cpu() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'cpu',
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		memory() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'memory',
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		network() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'network',
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		iops() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'iops',
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		space() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'space',
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		requestCountBySite() {
-			return {
-				url: 'jcloud.api.server.get_request_by_site',
-				params: {
-					name: this.chosenServer,
-					query: 'count',
-					timezone: this.localTimezone,
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Application Server'),
-			};
-		},
-		requestDurationBySite() {
-			return {
-				url: 'jcloud.api.server.get_request_by_site',
-				params: {
-					name: this.chosenServer,
-					query: 'duration',
-					timezone: this.localTimezone,
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Application Server'),
-			};
-		},
-		slowLogsCount() {
-			return {
-				url: 'jcloud.api.server.get_slow_logs_by_site',
-				params: {
-					name: this.chosenServer,
-					query: 'count',
-					timezone: this.localTimezone,
-					duration: this.duration,
-					normalize: this.slowLogsFrequencyType === 'Normalized',
-				},
-				auto:
-					this.showAdvancedAnalytics &&
-					!this.isServerType('Application Server'),
-			};
-		},
-		slowLogsDuration() {
-			return {
-				url: 'jcloud.api.server.get_slow_logs_by_site',
-				params: {
-					name: this.chosenServer,
-					query: 'duration',
-					timezone: this.localTimezone,
-					duration: this.duration,
-					normalize: this.slowLogsDurationType === 'Normalized',
-				},
-				auto:
-					this.showAdvancedAnalytics &&
-					!this.isServerType('Application Server'),
-			};
-		},
-		databaseUptime() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'database_uptime',
-					duration: this.duration,
-				},
-				auto: this.isServerType('Database Server'),
-			};
-		},
-databaseCommandsCount() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'database_commands_count',
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Database Server'),
-			};
-		},
-		databaseConnections() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'database_connections',
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Database Server'),
-			};
-		},
-		innodbBufferPoolSize() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'innodb_bp_size',
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Database Server'),
-			};
-		},
-		innodbBufferPoolSizeOfTotalRam() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'innodb_bp_size_of_total_ram',
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Database Server'),
-			};
-		},
-		innodbBufferPoolMissPercentage() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'innodb_bp_miss_percent',
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Database Server'),
-			};
-		},
-		innodbAvgRowLockTime() {
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.chosenServer,
-					timezone: this.localTimezone,
-					query: 'innodb_avg_row_lock_time',
-					duration: this.duration,
-				},
-				auto:
-					this.showAdvancedAnalytics && this.isServerType('Database Server'),
-			};
-		},
-	},
-	computed: {
-		$server() {
-			return getCachedDocumentResource('Server', this.serverName);
-		},
-		serverOptions() {
-			return [
-				{
-					label: '应用服务器',
-					value: this.$server.pg.name,
-				},
-				{
-					label: '数据库服务器',
-					value: this.$server.pg.database_server,
-				},
-				{
-					label: '复制服务器',
-					value: this.$server.pg.replication_server,
-				},
-			].filter((v) => v.value);
-		},
-		loadAverageData() {
-			let loadavg = this.$resources.loadavg.data;
-			if (!loadavg) return;
-
-			loadavg.datasets.sort(
-				(a, b) => Number(a.name.split(' ')[2]) - Number(b.name.split(' ')[2]),
-			);
-
-			return this.transformMultiLineChartData(loadavg);
-		},
-		cpuData() {
-			let cpu = this.$resources.cpu.data;
-			if (!cpu) return;
-			const order = [
-				'system',
-				'user',
-				'iowait',
-				'irq',
-				'softirq',
-				'nice',
-				'steal',
-				'idle',
-			];
-
-			cpu.datasets = cpu.datasets.sort((a, b) => {
-				if (order.indexOf(a.name) > order.indexOf(b.name)) return 1;
-			});
-
-			return this.transformMultiLineChartData(cpu, 'cpu', true);
-		},
-		memoryData() {
-			let memory = this.$resources.memory.data;
-			if (!memory) return;
-
-			return this.transformSingleLineChartData(memory);
-		},
-		iopsData() {
-			let iops = this.$resources.iops.data;
-			if (!iops) return;
-
-			return this.transformMultiLineChartData(iops);
-		},
-		spaceData() {
-			let space = this.$resources.space.data;
-			if (!space) return;
-
-			return this.transformMultiLineChartData(space);
-		},
-		networkData() {
-			let network = this.$resources.network.data;
-			if (!network) return;
-
-			return this.transformSingleLineChartData(network);
-		},
-		requestCountBySiteData() {
-			const requests = this.$resources.requestCountBySite.data;
-			if (!requests) return;
-
-			return requests;
-		},
-		requestDurationBySiteData() {
-			const requests = this.$resources.requestDurationBySite.data;
-			if (!requests) return;
-return requests;
-		},
-		slowLogsDurationData() {
-			const slowLogs = this.$resources.slowLogsDuration.data;
-			if (!slowLogs) return;
-
-			return slowLogs;
-		},
-		slowLogsCountData() {
-			const slowLogs = this.$resources.slowLogsCount.data;
-			if (!slowLogs) return;
-
-			return slowLogs;
-		},
-		databaseUptimeData() {
-			const uptime = this.$resources.databaseUptime.data;
-			if (!uptime) return;
-
-			return this.transformSingleLineChartData(uptime);
-		},
-		databaseCommandsCountData() {
-			const commandsCount = this.$resources.databaseCommandsCount.data;
-			if (!commandsCount) return;
-
-			return this.transformMultiLineChartData(commandsCount, null, false);
-		},
-		databaseConnectionsData() {
-			const connections = this.$resources.databaseConnections.data;
-			if (!connections) return;
-
-			return this.transformMultiLineChartData(connections, null, false);
-		},
-		innodbBufferPoolSizeData() {
-			let innodbBufferPoolSize = this.$resources.innodbBufferPoolSize.data;
-			if (!innodbBufferPoolSize) return;
-
-			return this.transformSingleLineChartData(innodbBufferPoolSize, false);
-		},
-		innodbBufferPoolSizeOfTotalRamData() {
-			let data = this.$resources.innodbBufferPoolSizeOfTotalRam.data;
-			if (!data) return;
-			return this.transformSingleLineChartData(data, true);
-		},
-		innodbBufferPoolMissPercentageData() {
-			let data = this.$resources.innodbBufferPoolMissPercentage.data;
-			if (!data) return;
-			return this.transformSingleLineChartData(data, false);
-		},
-		innodbAvgRowLockTimeData() {
-			let data = this.$resources.innodbAvgRowLockTime.data;
-			if (!data) return;
-			return this.transformSingleLineChartData(data, false);
-		},
-	},
-	methods: {
-		transformSingleLineChartData(data, percentage = false) {
-			if (!data.datasets?.length) return;
-
-			let dataset = [];
-			const name = data.datasets ? data.datasets[0]?.name : null;
-			for (let index = 0; index < data.datasets[0].values.length; index++) {
-				dataset.push([
-					+new Date(data.labels[index]),
-					data.datasets[0].values[index],
-				]);
-			}
-
-			return {
-				datasets: [{ dataset: dataset, name }],
-				yMax: percentage ? 100 : null,
-			};
-		},
-		transformMultiLineChartData(data, stack = null, percentage = false) {
-			if (!data.datasets?.length) return;
-
-			let total = [];
-			if (percentage) {
-				// 每个CPU值的总和往往会有一些差异
-				// 所以我们需要为每个时间戳计算总和
-				for (let i = 0; i < data.datasets[0].values.length; i++) {
-					for (let j = 0; j < data.datasets.length; j++) {
-						if (!total[i]) total[i] = 0;
-						total[i] += data.datasets[j].values[i];
-					}
-				}
-			}
-			const datasets = data.datasets.map(({ name, values }) => {
-				let dataset = [];
-				for (let i = 0; i < values.length; i++) {
-					dataset.push([
-						+new Date(data.labels[i]),
-						percentage ? (values[i] / total[i]) * 100 : values[i],
-					]);
-				}
-				return { name, dataset, stack };
-			});
-
-			return { datasets, yMax: percentage ? 100 : null };
-		},
-		isServerType(type) {
-			return (
-				this.chosenServer ===
-				this.serverOptions.find((s) => s.label === type)?.value
-			);
-		},
-		toggleAdvancedAnalytics() {
-			this.showAdvancedAnalytics = !this.showAdvancedAnalytics;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerLoadAverage.vue b/dashboard_backup/src2/components/server/ServerLoadAverage.vue
deleted file mode 100644
index ba46ef4..0000000
--- a/dashboard_backup/src2/components/server/ServerLoadAverage.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<template>
-	<div class="rounded-md border">
-		<div class="flex h-12 items-center justify-between border-b px-5">
-			<h2 class="text-lg font-medium text-gray-900">平均负载</h2>
-			<div class="flex items-center space-x-2">
-				<Button
-					icon="help-circle"
-					variant="ghost"
-					:link="'https://jingrow.com/docs/server-analytics#load-average'"
-				/>
-				<router-link
-					class="text-base text-gray-600 hover:text-gray-700"
-					:to="{ name: 'Server Detail Analytics', params: { name: server } }"
-				>
-					所有分析 →
-				</router-link>
-			</div>
-		</div>
-		<LineChart
-			class="h-52 p-2"
-			type="time"
-			title="平均负载"
-			:key="loadAverageData"
-			:chartTheme="[
-				$theme.colors.green[500],
-				$theme.colors.yellow[400],
-				$theme.colors.red[500]
-			]"
-			:data="loadAverageData"
-			:showCard="false"
-			:loading="$resources.loadavg.loading"
-			:error="$resources.loadavg.error"
-		/>
-	</div>
-</template>
-<script>
-import dayjs from '../../utils/dayjs';
-import LineChart from '@/components/charts/LineChart.vue';
-
-export default {
-	name: 'CPUUsage',
-	props: ['server'],
-	components: { LineChart },
-	resources: {
-		loadavg() {
-			let localTimezone = dayjs.tz.guess();
-			return {
-				url: 'jcloud.api.server.analytics',
-				params: {
-					name: this.server,
-					timezone: localTimezone,
-					query: 'loadavg',
-					duration: '6 Hour'
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		loadAverageData() {
-			let loadavg = this.$resources.loadavg.data;
-			if (!loadavg) return;
-
-			loadavg.datasets.sort(
-				(a, b) => Number(a.name.split(' ')[2]) - Number(b.name.split(' ')[2])
-			);
-
-			return this.transformMultiLineChartData(loadavg);
-		}
-	},
-	methods: {
-		transformMultiLineChartData(data, stack = null, percentage = false) {
-			let total = [];
-			if (percentage) {
-				// the sum of each cpu values tends to differ by few values
-				// so we need to calculate the total for each timestamp
-				for (let i = 0; i < data.datasets[0].values.length; i++) {
-					for (let j = 0; j < data.datasets.length; j++) {
-						if (!total[i]) total[i] = 0;
-						total[i] += data.datasets[j].values[i];
-					}
-				}
-			}
-			const datasets = data.datasets.map(({ name, values }) => {
-				let dataset = [];
-				for (let i = 0; i < values.length; i++) {
-					dataset.push([
-						+new Date(data.labels[i]),
-						percentage ? (values[i] / total[i]) * 100 : values[i]
-					]);
-				}
-				return { name, dataset, stack };
-			});
-
-			return { datasets, yMax: percentage ? 100 : null };
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerOverview.vue b/dashboard_backup/src2/components/server/ServerOverview.vue
deleted file mode 100644
index d4a2b13..0000000
--- a/dashboard_backup/src2/components/server/ServerOverview.vue
+++ /dev/null
@@ -1,453 +0,0 @@
-<template>
-	<div
-		v-if="$appServer?.pg"
-		class="grid grid-cols-1 items-start gap-5 sm:grid-cols-2"
-	>
-		<div
-			v-for="server in !!$dbReplicaServer?.pg
-				? ['Server', 'Database Server', 'Replication Server']
-				: ['Server', 'Database Server']"
-			class="col-span-1 rounded-md border lg:col-span-2"
-		>
-			<div class="grid grid-cols-2 lg:grid-cols-4">
-				<template v-for="(d, i) in currentUsage(server)" :key="d.value">
-					<div
-						class="border-b p-5 lg:border-b-0"
-						:class="{ 'border-r': i + 1 != currentUsage(server).length }"
-					>
-						<div
-							v-if="d.type === 'header'"
-							class="m-auto flex h-full items-center justify-between"
-						>
-							<div
-								v-if="d.type === 'header'"
-								class="mt-2 flex flex-col space-y-2"
-							>
-								<div class="text-base text-gray-700">{{ d.label }}</div>
-								<div class="space-y-1">
-									<div class="flex items-center text-base text-gray-900">
-										{{ d.value }}
-										<Tooltip v-if="d.isPremium" text="高级服务器">
-											<!-- this icon isn't available in unplugin package yet -->
-											<svg
-												xmlns="http://www.w3.org/2000/svg"
-												width="24"
-												height="24"
-												viewBox="0 0 24 24"
-												fill="none"
-												stroke="currentColor"
-												stroke-width="2"
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												class="lucide lucide-circle-parking ml-2 h-4 w-4 text-gray-600"
-											>
-												<circle cx="12" cy="12" r="10" />
-												<path d="M9 17V7h4a3 3 0 0 1 0 6H9" />
-											</svg>
-										</Tooltip>
-									</div>
-									<div class="flex space-x-1">
-										<div class="text-sm text-gray-600" v-html="d.subValue" />
-										<Tooltip v-if="d.help" :text="d.help">
-											<i-lucide-info class="h-3.5 w-3.5 text-gray-500" />
-										</Tooltip>
-									</div>
-								</div>
-							</div>
-							<Button
-								v-if="d.type === 'header' && !$appServer.pg.is_self_hosted"
-								@click="showPlanChangeDialog(server)"
-								label="更改"
-							/>
-						</div>
-						<div v-else-if="d.type === 'progress'">
-							<div class="flex items-center justify-between space-x-2">
-								<div class="text-base text-gray-700">{{ d.label }}</div>
-								<div v-if="d.actions" class="flex space-x-2">
-									<Button v-for="action in d.actions || []" v-bind="action" />
-								</div>
-								<div v-else class="h-8" />
-							</div>
-							<div class="mt-2">
-								<Progress size="md" :value="d.progress_value || 0" />
-								<div class="flex space-x-2">
-									<div class="mt-2 flex justify-between">
-										<div class="text-sm text-gray-600">
-											{{ d.value }}
-										</div>
-									</div>
-									<Tooltip v-if="d.help" :text="d.help">
-										<i-lucide-info class="mt-2 h-4 w-4 text-gray-500" />
-									</Tooltip>
-								</div>
-							</div>
-						</div>
-					</div>
-				</template>
-			</div>
-		</div>
-
-		<div class="rounded-md border">
-			<div class="h-12 border-b px-5 py-4">
-				<h2 class="text-lg font-medium text-gray-900">服务器信息</h2>
-			</div>
-			<div>
-				<div
-					v-for="d in serverInformation"
-					:key="d.label"
-					class="flex items-center px-5 py-3 last:pb-5 even:bg-gray-50/70"
-				>
-					<div class="w-1/3 text-base text-gray-700">{{ d.label }}</div>
-<div class="w-2/3 text-base font-medium">{{ d.value }}</div>
-				</div>
-			</div>
-		</div>
-
-		<ServerLoadAverage :server="server" />
-	</div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { h, defineAsyncComponent } from 'vue';
-import { getCachedDocumentResource } from 'jingrow-ui';
-import { confirmDialog, renderDialog } from '../../utils/components';
-import { getToastErrorMessage } from '../../utils/toast';
-import ServerPlansDialog from './ServerPlansDialog.vue';
-import ServerLoadAverage from './ServerLoadAverage.vue';
-import { getDocResource } from '../../utils/resource';
-
-export default {
-	props: ['server'],
-	components: {
-		ServerLoadAverage,
-		ServerPlansDialog,
-	},
-	methods: {
-		showPlanChangeDialog(serverType) {
-			let ServerPlansDialog = defineAsyncComponent(
-				() => import('./ServerPlansDialog.vue'),
-			);
-			renderDialog(
-				h(ServerPlansDialog, {
-					server:
-						serverType === 'Server'
-							? this.$appServer.name
-							: this.$dbServer.name,
-					serverType,
-				}),
-			);
-		},
-		currentUsage(serverType) {
-			if (!this.$appServer?.pg) return [];
-			if (!this.$dbServer?.pg) return [];
-
-			let formatBytes = (v) => this.$format.bytes(v, 0, 2);
-
-			let pg =
-				serverType === 'Server'
-					? this.$appServer.pg
-					: serverType === 'Database Server'
-						? this.$dbServer.pg
-						: serverType === 'Replication Server'
-							? this.$dbReplicaServer?.pg
-							: null;
-
-			if (!pg) return [];
-
-			let currentPlan = pg.current_plan;
-			let currentUsage = pg.usage;
-			let diskSize = pg.disk_size;
-			let additionalStorage = diskSize - (currentPlan?.disk || 0);
-			let price = 0;
-			// not using $format.planTitle cuz of manual calculation of add-on storage plan
-			let priceField =
-				this.$team.pg.currency === 'CNY' ? 'price_cny' : 'price_usd';
-
-			let planDescription = '';
-			if (!currentPlan?.name) {
-				planDescription = '未选择计划';
-			} else if (currentPlan.price_usd > 0) {
-				price = currentPlan[priceField];
-				planDescription = `${this.$format.userCurrency(price, 0)}/月`;
-			} else {
-				planDescription = currentPlan.plan_title;
-			}
-
-			return [
-				{
-					label:
-						serverType === 'Server'
-							? '应用服务器计划'
-							: serverType === 'Database Server'
-								? '数据库服务器计划'
-								: '复制服务器计划',
-					value: planDescription,
-					subValue:
-						additionalStorage > 0
-							? `${this.$format.userCurrency(
-									pg.storage_plan[priceField] * additionalStorage,
-									0,
-								)}/月`
-							: '',
-					type: 'header',
-					isPremium: !!currentPlan?.premium,
-					help:
-						additionalStorage > 0
-							? `服务器计划: ${this.$format.userCurrency(
-									currentPlan[priceField],
-								)}/月 & 附加存储计划: ${this.$format.userCurrency(
-									pg.storage_plan[priceField] * additionalStorage,
-								)}/月`
-							: '',
-				},
-				{
-					label: 'CPU',
-					type: 'progress',
-					progress_value: currentPlan
-						? (currentUsage.vcpu / currentPlan.vcpu) * 100
-						: 0,
-					value: currentPlan
-						? `${(((currentUsage.vcpu || 0) / currentPlan.vcpu) * 100).toFixed(
-								2,
-							)}% of ${currentPlan.vcpu} ${this.$format.plural(
-								currentPlan.vcpu,
-								'vCPU',
-								'vCPUs',
-							)}`
-						: '0% vCPU',
-				},
-				{
-					label: '内存',
-					type: 'progress',
-					progress_value: currentPlan
-						? (currentUsage.memory / currentPlan.memory) * 100
-						: 0,
-					value: currentPlan
-						? `${formatBytes(currentUsage.memory || 0)} of ${formatBytes(
-								currentPlan.memory,
-							)}`
-						: formatBytes(currentUsage.memory || 0),
-				},
-				{
-					label: '存储',
-					type: 'progress',
-					progress_value: currentPlan
-						? (currentUsage.disk / (diskSize ? diskSize : currentPlan.disk)) *
-100
-						: 0,
-					value: currentPlan
-						? `${currentUsage.disk || 0} GB 共 ${
-								diskSize ? diskSize : currentPlan.disk
-							} GB`
-						: `${currentUsage.disk || 0} GB`,
-					help:
-						diskSize - (currentPlan?.disk || 0) > 0
-							? `附加存储: ${diskSize - (currentPlan?.disk || 0)} GB`
-							: '',
-					actions: [
-						{
-							label: '增加存储',
-							icon: 'plus',
-							variant: 'ghost',
-							onClick: () => {
-								confirmDialog({
-									title: '增加存储',
-									message: `输入您想要为服务器 <b>${
-										pg.title || pg.name
-									}</b> 增加的磁盘大小<div class="rounded mt-4 p-2 text-sm text-gray-700 bg-gray-100 border">您将按 <b>${this.$format.userCurrency(
-										pg.storage_plan[priceField],
-									)}/月</b> 的费率支付每增加 1GB 存储的费用。</div><p class="mt-4 text-sm text-gray-700"><strong>注意</strong>: 您只能在 6 小时内增加一次服务器的存储大小。</div>`,
-									fields: [
-										{
-											fieldname: 'storage',
-											type: 'select',
-											default: 50,
-											label: '存储 (GB)',
-											variant: 'outline',
-											// options from 5 GB to 500 GB in steps of 5 GB
-											options: Array.from({ length: 100 }, (_, i) => ({
-												label: `${(i + 1) * 5} GB`,
-												value: (i + 1) * 5,
-											})),
-										},
-									],
-									onSuccess: ({ hide, values }) => {
-										toast.promise(
-											this.$appServer.increaseDiskSize.submit(
-												{
-													server: pg.name,
-													increment: Number(values.storage),
-												},
-												{
-													onSuccess: () => {
-														hide();
-														this.$router.push({
-															name: '服务器详情页面',
-															params: { name: this.$appServer.name },
-														});
-													},
-													onError(e) {
-														console.error(e);
-													},
-												},
-											),
-											{
-												loading: '正在增加磁盘大小...',
-												success: '磁盘大小已计划增加',
-												error: (e) =>
-													getToastErrorMessage(
-														e,
-														'增加磁盘大小失败',
-													),
-											},
-										);
-									},
-								});
-							},
-						},
-						{
-							label: '配置自动增加存储',
-							icon: 'tool',
-							variant: 'ghost',
-							onClick: () => {
-								confirmDialog({
-									title: '配置自动增加存储',
-									message: `<div class="rounded my-4 p-2 text-sm text-gray-700 bg-gray-100 border">
-
-									当可用存储达到容量的 <b>90%</b> 以上时，此功能会自动增加可用存储。默认情况下启用此功能以避免服务器/站点停机。
-
-									<br><br>
-									您可以通过将下面的最小值和最大值设置为 <b>0 GB</b> 来完全禁用此功能。但如果您这样做，<strong>我们可能无法收到来自此服务器的事件通知</strong>。
-
-									<br><br>
-									<strong>注意</strong>: 存储只能在 6 小时内自动增加一次。
-
-
-									</div>输入要为服务器 <b>${
-										pg.title || pg.name
-									}</b> 增加的最大和最小存储量。`,
-									fields: [
-										{
-											fieldname: 'min',
-											type: 'select',
-											default: String(pg.auto_add_storage_min),
-											label: '最小存储增加 (GB)',
-											variant: 'outline',
-											// options from 5 GB to 250 GB in steps of 5 GB
-											options: Array.from({ length: 51 }, (_, i) => ({
-												label: `${i * 5} GB`,
-												value: i * 5,
-											})),
-										},
-										{
-											fieldname: 'max',
-											type: 'select',
-											default: String(pg.auto_add_storage_max),
-											label: '最大存储增加 (GB)',
-											variant: 'outline',
-											// options from 5 GB to 250 GB in steps of 5 GB
-											options: Array.from({ length: 51 }, (_, i) => ({
-												label: `${i * 5} GB`,
-												value: i * 5,
-											})),
-										},
-									],
-									onSuccess: ({ hide, values }) => {
-										toast.promise(
-											this.$appServer.configureAutoAddStorage.submit(
-{
-													server: pg.name,
-													min: Number(values.min),
-													max: Number(values.max),
-												},
-												{
-													onSuccess: () => {
-														hide();
-
-														if (pg.name === this.$appServer.name)
-															this.$appServer.reload();
-														else if (pg.name === this.$dbServer.name)
-															this.$dbServer.reload();
-														else if (pg.name === this.$replicationServer.name)
-															this.$replicationServer.reload();
-													},
-												},
-											),
-											{
-												loading: '正在配置自动扩容存储...',
-												success: '自动扩容存储已配置',
-												error: (err) => {
-													return err.messages.length
-														? err.messages.join('/n')
-														: err.message ||
-																'配置自动扩容存储失败';
-												},
-											},
-										);
-									},
-								});
-							},
-						},
-					],
-				},
-			];
-		},
-	},
-	computed: {
-		serverInformation() {
-			return [
-				{
-					label: '应用服务器',
-					value: this.$appServer.pg.name,
-				},
-				{
-					label: '数据库服务器',
-					value: this.$appServer.pg.database_server,
-				},
-				{
-					label: '复制服务器',
-					value: this.$appServer.pg.replication_server,
-				},
-				{
-					label: '所有者',
-					value: this.$appServer.pg.owner_email || this.$appServer.pg.team,
-				},
-				{
-					label: '创建者',
-					value: this.$appServer.pg.owner,
-				},
-				{
-					label: '创建时间',
-					value: this.$format.date(this.$appServer.pg.creation),
-				},
-			].filter((d) => d.value);
-		},
-		$appServer() {
-			return getCachedDocumentResource('Server', this.server);
-		},
-		$dbServer() {
-			return getDocResource({
-				pagetype: 'Database Server',
-				name: this.$appServer.pg.database_server,
-				whitelistedMethods: {
-					changePlan: 'change_plan',
-					reboot: 'reboot',
-					rename: 'rename',
-				},
-			});
-		},
-		$dbReplicaServer() {
-			return getDocResource({
-				pagetype: 'Database Server',
-				name: this.$appServer.pg.replication_server,
-				whitelistedMethods: {
-					changePlan: 'change_plan',
-					reboot: 'reboot',
-					rename: 'rename',
-				},
-			});
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerPlansCards.vue b/dashboard_backup/src2/components/server/ServerPlansCards.vue
deleted file mode 100644
index df53ae3..0000000
--- a/dashboard_backup/src2/components/server/ServerPlansCards.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<PlansCards :plans="plansOption" v-model="selectedPlan" />
-</template>
-
-<script>
-import PlansCards from '../PlansCards.vue';
-
-export default {
-	props: ['modelValue', 'plans'],
-	emits: ['update:modelValue'],
-	components: {
-		PlansCards
-	},
-	computed: {
-		plansOption() {
-			return this.plans.map(plan => {
-				return {
-					...plan,
-					features: [
-						{
-							label: 'vCPU',
-							value: plan.vcpu
-						},
-						{
-							label: '内存',
-							value: this.$format.bytes(plan.memory, 0, 2)
-						},
-						{
-							label: '磁盘',
-							value: `${plan.disk} GB`
-						},
-						{
-							label: '实例类型',
-							value: plan.instance_type
-						}
-					]
-				};
-			});
-		},
-		selectedPlan: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/server/ServerPlansDialog.vue b/dashboard_backup/src2/components/server/ServerPlansDialog.vue
deleted file mode 100644
index bc9f5e8..0000000
--- a/dashboard_backup/src2/components/server/ServerPlansDialog.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '更改计划',
-			size: '5xl',
-			actions: [
-				{
-					label: '更改计划',
-					variant: 'solid',
-					onClick: changePlan,
-					disabled: !plan || plan === $server?.pg.plan
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<div class="mb-4 mt-2 w-full space-y-2">
-				<div class="grid grid-cols-2 gap-3">
-					<button
-						v-for="c in [
-							{
-								name: '标准版',
-								description: '包含标准支持和SLA'
-							},
-							{
-								name: '高级版',
-								description: '包含企业级支持和SLA'
-							}
-						]"
-						:key="c.name"
-						@click="planType = c.name"
-						:class="[
-							planType === c.name
-								? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-								: 'border-gray-400 bg-white text-gray-900 ring-gray-200 hover:bg-gray-50',
-							'flex w-full items-center rounded border p-3 text-left text-base text-gray-900'
-						]"
-					>
-						<div class="flex w-full items-center justify-between space-x-2">
-							<span class="text-sm font-medium">
-								{{ c.name }}
-							</span>
-							<Tooltip :text="c.description">
-								<i-lucide-info class="h-4 w-4 text-gray-500" />
-							</Tooltip>
-						</div>
-					</button>
-				</div>
-			</div>
-			<ServerPlansCards
-				v-model="plan"
-				:plans="
-					planType === '高级版'
-						? $resources.serverPlans.data.filter(p => p.premium === 1)
-						: $resources.serverPlans.data.filter(p => p.premium === 0)
-				"
-			/>
-			<ErrorMessage class="mt-2" :message="$server.changePlan.error" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import ServerPlansCards from './ServerPlansCards.vue';
-
-export default {
-	components: { ServerPlansCards },
-	props: {
-		server: {
-			type: String,
-			required: true
-		},
-		serverType: {
-			type: String,
-			required: true
-		}
-	},
-	data() {
-		return {
-			show: true,
-			plan: null,
-			planType: '标准版'
-		};
-	},
-	watch: {
-		server: {
-			immediate: true,
-			handler(serverName) {
-				if (serverName) {
-					if (this.$server?.pg?.plan) {
-						this.plan = this.$server.pg.current_plan;
-					}
-				}
-			}
-		}
-	},
-	resources: {
-		serverPlans() {
-			return {
-				url: 'jcloud.api.server.plans',
-				params: {
-					name: this.serverType,
-					cluster: this.$server.pg.cluster,
-					platform: this.$server.pg.current_plan.platform
-				},
-				auto: true,
-				initialData: []
-			};
-		}
-	},
-	methods: {
-		changePlan() {
-			return this.$server.changePlan.submit(
-				{ plan: this.plan.name },
-				{
-					onSuccess: () => {
-						this.show = false;
-
-						const plan = this.$resources.serverPlans.data.find(
-							plan => plan.name === this.$server.pg.plan
-						);
-
-						const formattedPlan = plan
-							? `${this.$format.planTitle(plan)}/月`
-							: this.$server.pg.plan;
-
-						this.$toast.success(`计划已更改为 ${formattedPlan}`);
-					}
-				}
-			);
-		}
-	},
-	computed: {
-		$server() {
-			return getCachedDocumentResource(this.serverType, this.server);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/ActivateWebhookDialog.vue b/dashboard_backup/src2/components/settings/ActivateWebhookDialog.vue
deleted file mode 100644
index 806f729..0000000
--- a/dashboard_backup/src2/components/settings/ActivateWebhookDialog.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '激活Webhook'
-		}"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<FormControl label="端点" v-model="webhook.endpoint" disabled />
-				<div v-if="request">
-					<p class="text-xs text-gray-600">请求</p>
-					<pre
-						class="mt-2 whitespace-pre-wrap rounded bg-gray-50 px-2 py-1.5 text-sm text-gray-600"
-						>{{ request }}</pre
-					>
-				</div>
-
-				<FormControl
-					v-if="response_status_code"
-					label="响应状态码"
-					v-model="response_status_code"
-					disabled
-				/>
-				<div v-if="response">
-					<p class="text-xs text-gray-600">响应</p>
-					<pre
-						class="mt-2 max-h-52 overflow-y-auto whitespace-pre-wrap rounded bg-gray-50 px-2 py-1.5 text-sm text-gray-600"
-						>{{ response }}</pre
-					>
-				</div>
-				<div class="flex items-center" v-if="validated">
-					<ILucideCheck class="h-4 text-green-600" />
-					<div class="ml-2 text-sm font-medium text-gray-700">
-						端点已验证
-					</div>
-				</div>
-
-				<ErrorMessage :message="errorMessage" />
-			</div>
-		</template>
-		<template v-slot:actions>
-			<Button
-				class="w-full"
-				theme="gray"
-				variant="solid"
-				@click="$resources.validateEndpoint.submit()"
-				:loading="$resources.validateEndpoint.loading"
-				loadingText="正在验证Webhook"
-				v-if="!validated"
-				>验证Webhook</Button
-			>
-			<Button
-				class="w-full"
-				theme="gray"
-				variant="solid"
-				@click="$resources.activateWebhook.submit()"
-				:loading="$resources.activateWebhook.loading"
-				loadingText="正在激活Webhook"
-				v-if="validated"
-				>激活Webhook</Button
-			>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	emits: ['success'],
-	props: ['webhook'],
-	data() {
-		return {
-			errorMessage: '',
-			validated: false,
-			request: null,
-			response: null,
-			response_status_code: null
-		};
-	},
-	resources: {
-		validateEndpoint() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams() {
-					return {
-						dt: 'Jcloud Webhook',
-						dn: this.webhook.name,
-						method: 'validate_endpoint'
-					};
-				},
-				onSuccess: result => {
-					const data = result.message;
-					this.request = data.request;
-					this.response = data.response;
-					this.response_status_code = data.response_status_code;
-					if (data.success) {
-						this.errorMessage = '';
-						this.validated = true;
-					} else {
-						this.validated = false;
-
-						this.errorMessage =
-							'端点应返回200到300之间的状态\n请检查端点并重试';
-					}
-				},
-				onError: e => {
-					console.error(e);
-					this.errorMessage = e.message;
-				}
-			};
-		},
-		activateWebhook() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams() {
-					return {
-						dt: 'Jcloud Webhook',
-						dn: this.webhook.name,
-						method: 'activate'
-					};
-				},
-				onSuccess(e) {
-					toast.success('Webhook激活成功');
-					this.$emit('success');
-				},
-				onError(e) {
-					console.error(e);
-					this.errorMessage = e.message;
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/AddNewWebhookDialog.vue b/dashboard_backup/src2/components/settings/AddNewWebhookDialog.vue
deleted file mode 100644
index a0b56fb..0000000
--- a/dashboard_backup/src2/components/settings/AddNewWebhookDialog.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '添加新Webhook',
-			actions: [
-				{
-					label: '添加Webhook',
-					variant: 'solid',
-					onClick: addWebhook,
-					loading: $resources?.addWebhook?.loading
-				}
-			]
-		}"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<FormControl label="端点" v-model="endpoint" />
-				<div>
-					<FormControl label="密钥" v-model="secret">
-						<template #suffix>
-							<FeatherIcon
-								class="w-4 cursor-pointer"
-								name="refresh-ccw"
-								@click="generateRandomSecret"
-							/>
-						</template>
-					</FormControl>
-					<p class="mt-2 text-sm text-gray-700">
-						<strong>注意：</strong> 密钥是可选的。查看
-						<a href="https://jingrow.com/docs/webhook-introduction" class="underline" target="_blank"
-							>文档</a
-						>
-						了解更多
-					</p>
-				</div>
-				<p class="text-base font-medium text-gray-900">
-					选择Webhook事件
-				</p>
-				<div
-					class="text-center text-sm leading-10 text-gray-500"
-					v-if="$resources.events.loading"
-				>
-					加载中...
-				</div>
-				<div class="mt-6 flex flex-col gap-4" v-else>
-					<Switch
-						v-for="event in localizedEvents"
-						:key="event.name"
-						:label="event.title || event.name"
-						:description="event.description"
-						:modelValue="isEventSelected(event.name)"
-						@update:modelValue="selectEvent(event.name)"
-						size="sm"
-					/>
-				</div>
-				<ErrorMessage :message="errorMessage || $resources.addWebhook.error" />
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	emits: ['success'],
-	data() {
-		return {
-			endpoint: '',
-			secret: '',
-			selectedEvents: [],
-			errorMessage: ''
-		};
-	},
-	mounted() {
-		if (this.selectedEvents.length) {
-			this.selectedEvents = this.selectedEvents.map(event => event.name);
-		}
-	},
-	resources: {
-		events() {
-			return {
-				url: 'jcloud.api.webhook.available_events',
-				inititalData: [],
-				auto: true
-			};
-		},
-		addWebhook() {
-			return {
-				url: 'jcloud.api.webhook.add',
-				params: {
-					endpoint: this.endpoint,
-					secret: this.secret,
-					events: this.selectedEvents
-				},
-				onSuccess() {
-					toast.success('Webhook添加成功');
-					this.$emit('success');
-				}
-			};
-		}
-	},
-	computed: {
-		localizedEvents() {
-			if (!this.$resources.events.data) return [];
-			
-			return this.$resources.events.data.map(event => {
-				// 如果后端已返回title和description字段，则直接使用
-				// 否则根据事件名称进行本地化翻译
-				if (!event.title) {
-					if (event.name === 'Site Status Update') {
-						event.title = '站点状态更新';
-					} else if (event.name === 'Site Plan Change') {
-						event.title = '站点套餐变更';
-					}
-				}
-				
-				if (!event.description || event.description.includes('Pending') || event.description.includes('Get notified')) {
-					if (event.name === 'Site Status Update') {
-						event.description = '等待中、安装中、更新中、活跃、不活跃、异常、已归档、已暂停';
-					} else if (event.name === 'Site Plan Change') {
-						event.description = '获取站点套餐变更的通知';
-					}
-				}
-				
-				return event;
-			});
-		}
-	},
-	methods: {
-		generateRandomSecret() {
-			this.secret = Array(30)
-				.fill(0)
-				.map(
-					() =>
-						'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'[
-							Math.floor(Math.random() * 62)
-						]
-				)
-				.join('');
-		},
-		selectEvent(event) {
-			if (this.selectedEvents.includes(event)) {
-				this.selectedEvents = this.selectedEvents.filter(e => e !== event);
-			} else {
-				this.selectedEvents.push(event);
-			}
-		},
-		isEventSelected(event) {
-			return this.selectedEvents.includes(event);
-		},
-		addWebhook() {
-			if (!this.endpoint) {
-				this.errorMessage = '请提供有效的Webhook端点';
-				return;
-			}
-			if (!this.selectedEvents.length) {
-				this.errorMessage = '请启用至少一个事件';
-				return;
-			}
-			this.errorMessage = '';
-			this.$resources.addWebhook.submit();
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/DeveloperSettings.vue b/dashboard_backup/src2/components/settings/DeveloperSettings.vue
deleted file mode 100644
index 71d8aef..0000000
--- a/dashboard_backup/src2/components/settings/DeveloperSettings.vue
+++ /dev/null
@@ -1,474 +0,0 @@
-<template>
-	<div class="p-5">
-		<div class="grid grid-cols-1 gap-5">
-			<div
-				class="mx-auto min-w-[48rem] max-w-3xl space-y-6 rounded-md border p-4"
-			>
-				<div class="flex items-center justify-between">
-					<div class="text-xl font-semibold">API 访问</div>
-					<Button @click="showCreateSecretDialog = true">{{
-						$team.pg?.user_info?.api_key
-							? '重新生成 API 密钥'
-							: '创建新的 API 密钥'
-					}}</Button>
-				</div>
-				<div v-if="$team.pg?.user_info?.api_key">
-					<ClickToCopyField
-						v-if="$team.pg?.user_info?.api_key"
-						:textContent="$team.pg.user_info.api_key"
-					/>
-				</div>
-				<div v-else class="pb-2 text-base text-gray-700">
-					您还没有 API 密钥。点击上面的按钮创建一个。
-				</div>
-				<Dialog
-					v-model="showCreateSecretDialog"
-					:options="{
-						title: 'API 访问',
-						size: 'xl',
-						actions: [
-							{
-								label: $team.pg.user_info.api_key
-									? '重新生成 API 密钥'
-									: '创建新的 API 密钥',
-								variant: 'solid',
-								disabled: createSecret.data,
-								loading: createSecret.loading,
-								onClick() {
-									createSecret.submit();
-								}
-							}
-						]
-					}"
-				>
-					<template #body-content>
-						<div v-if="createSecret.data">
-							<p class="text-base">
-								请立即复制 API 密钥。您将无法再次查看它！
-							</p>
-							<label class="block pt-2">
-								<span class="mb-2 block text-sm leading-4 text-gray-700"
-									>API key</span
-								>
-								<ClickToCopyField :textContent="createSecret.data.api_key" />
-							</label>
-							<label class="block pt-2">
-								<span class="mb-2 block text-sm leading-4 text-gray-700"
-									>API secret</span
-								>
-								<ClickToCopyField :textContent="createSecret.data.api_secret" />
-							</label>
-						</div>
-						<div v-else class="text-base text-gray-700">
-							API key 和 API secret 可用于访问
-							<a href="/docs/api" class="underline" target="_blank"
-								>今果 Jingrow API</a
-							>.
-						</div>
-					</template>
-				</Dialog>
-			</div>
-			<div
-				class="mx-auto min-w-[48rem] max-w-3xl space-y-6 rounded-md border p-4"
-			>
-				<div class="flex items-center justify-between">
-					<div class="text-xl font-semibold">SSH 密钥</div>
-				</div>
-				<ObjectList :options="sshKeyListOptions" />
-			</div>
-			<div
-				v-if="$session.hasWebhookConfigurationAccess"
-				class="mx-auto min-w-[48rem] max-w-3xl space-y-6 rounded-md border p-4"
-			>
-				<div class="flex items-center justify-between">
-					<div class="text-xl font-semibold">Webhooks</div>
-				</div>
-				<ObjectList :options="webhookListOptions" />
-				<AddNewWebhookDialog
-					v-if="showAddWebhookDialog"
-					v-model="showAddWebhookDialog"
-					@success="onNewWebhookSuccess"
-				/>
-				<ActivateWebhookDialog
-					v-if="showActivateWebhookDialog"
-					v-model="showActivateWebhookDialog"
-					@success="onWebHookActivated"
-					:webhook="selectedWebhook"
-				/>
-				<EditWebhookDialog
-					v-if="showEditWebhookDialog"
-					v-model="showEditWebhookDialog"
-					@success="onWebHookUpdated"
-					:webhook="selectedWebhook"
-				/>
-				<WebhookAttemptsDialog
-					v-if="showWebhookAttempts"
-					v-model="showWebhookAttempts"
-					:name="selectedWebhook.name"
-				/>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup>
-import { Badge, createResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { computed, h, onMounted, ref } from 'vue';
-import { confirmDialog, icon } from '../../utils/components';
-import ObjectList from '../ObjectList.vue';
-import { getTeam } from '../../data/team';
-import { date } from '../../utils/format';
-import ClickToCopyField from '../ClickToCopyField.vue';
-import AddNewWebhookDialog from './AddNewWebhookDialog.vue';
-import ActivateWebhookDialog from './ActivateWebhookDialog.vue';
-import EditWebhookDialog from './EditWebhookDialog.vue';
-import { useRouter } from 'vue-router';
-import WebhookAttemptsDialog from './WebhookAttemptsDialog.vue';
-import { session } from '../../data/session';
-
-const $team = getTeam();
-const router = useRouter();
-let showCreateSecretDialog = ref(false);
-const showAddWebhookDialog = ref(false);
-const showActivateWebhookDialog = ref(false);
-const showEditWebhookDialog = ref(false);
-const showWebhookAttempts = ref(false);
-const selectedWebhook = ref(null);
-
-const createSecret = createResource({
-	url: 'jcloud.api.account.create_api_secret',
-	onSuccess() {
-		if ($team.pg.user_info.api_key) {
-			toast.success('API 密钥已成功重新生成');
-		} else {
-			toast.success('API 密钥已成功创建');
-		}
-	}
-});
-
-const addSSHKey = createResource({
-	url: 'jcloud.api.client.insert',
-	onSuccess() {
-		toast.success('SSH 密钥已成功添加');
-	},
-	onError(err) {
-		toast.error(
-			err.messages.length
-				? err.messages.join('\n')
-				: 'SSH 密钥无法添加'
-		);
-	}
-});
-
-const makeKeyDefault = createResource({
-	url: 'jcloud.api.account.mark_key_as_default',
-	onSuccess() {
-		toast.success('SSH 密钥已成功更新');
-	},
-	onError(err) {
-		toast.error(
-			err.messages.length
-				? err.messages.join('\n')
-				: 'SSH 密钥无法设置为默认'
-		);
-	}
-});
-
-const deleteSSHKey = createResource({
-	url: 'jcloud.api.client.delete',
-	onSuccess() {
-		toast.success('SSH 密钥已成功删除');
-	},
-	onError(err) {
-		toast.error(
-			err.messages.length
-				? err.messages.join('\n')
-				: 'SSH 密钥无法删除'
-		);
-	}
-});
-
-const sshKeyListOptions = computed(() => ({
-	resource() {
-		return {
-			url: 'jcloud.api.account.get_user_ssh_keys',
-			initialData: [],
-			auto: true
-		};
-	},
-	columns: [
-		{
-			label: 'SSH 指纹',
-			fieldname: 'ssh_fingerprint',
-			class: 'font-mono',
-			format: value => `SHA256:${value}`,
-			suffix(row) {
-				return row.is_default
-					? h(Badge, {
-							label: '默认',
-							theme: 'green',
-							class: 'ml-2'
-					  })
-					: null;
-			}
-		},
-		{
-			label: '添加时间',
-			fieldname: 'creation',
-			width: 0.1,
-			format: value => date(value, 'll')
-		}
-	],
-	primaryAction({ listResource }) {
-		return {
-			label: '添加 SSH 密钥',
-			slots: { prefix: icon('plus') },
-			onClick: () => renderAddNewKeyDialog(listResource)
-		};
-	},
-	rowActions({ row }) {
-		return [
-			{
-				label: '设为默认',
-				condition: () => !row.is_default,
-				onClick() {
-					makeKeyDefault.submit({
-						key_name: row.name
-					});
-				}
-			},
-			{
-				label: '删除',
-				onClick() {
-					deleteSSHKey.submit({
-						pagetype: 'User SSH Key',
-						name: row.name
-					});
-				}
-			}
-		];
-	}
-}));
-
-function renderAddNewKeyDialog(listResource) {
-	confirmDialog({
-		title: '添加新 SSH 密钥',
-		message: '向您的账户添加新的 SSH 密钥',
-		fields: [
-			{
-				label: 'SSH 密钥',
-				fieldname: 'sshKey',
-				type: 'textarea',
-				placeholder:
-					"以 'ssh-rsa', 'ecdsa-sha2-nistp256', 'ecdsa-sha2-nistp384', 'ecdsa-sha2-nistp521', 'ssh-ed25519', 'sk-ecdsa-sha2-nistp256@openssh.com', 或 'sk-ssh-ed25519@openssh.com' 开头",
-				required: true
-			}
-		],
-		primaryAction: {
-			label: '添加 SSH 密钥',
-			variant: 'solid',
-			onClick({ hide, values }) {
-				if (!values.sshKey) throw new Error('SSH 密钥是必填项');
-				addSSHKey
-					.submit({
-						pg: {
-							pagetype: 'User SSH Key',
-ssh_public_key: values.sshKey,
-							user: $team.pg.user_info.name
-						}
-					})
-					.then(() => {
-						listResource.reload();
-						hide();
-					})
-					.catch(error => {
-						toast.error(error.message);
-					});
-			}
-		}
-	});
-}
-
-const webhookListResource = createResource({
-	url: 'jcloud.api.client.get_list',
-	params: {
-		pagetype: 'Jcloud Webhook',
-		fields: ['name', 'enabled', 'endpoint']
-	},
-	initialData: [],
-	auto: false
-});
-
-const deleteWebhook = createResource({
-	url: 'jcloud.api.client.delete',
-	onSuccess() {
-		toast.success('Webhook 删除成功');
-		webhookListResource.reload();
-	},
-	onError(err) {
-		toast.error(
-			err.messages.length
-				? err.messages.join('\n')
-				: 'Webhook 无法删除'
-		);
-	}
-});
-
-const webhookListOptions = computed(() => ({
-	data: () => webhookListResource.data,
-	columns: [
-		{
-			label: '端点',
-			fieldname: 'endpoint',
-			width: 1,
-			format: value => value.substring(0, 50)
-		},
-		{
-			label: '状态',
-			fieldname: 'enabled',
-			width: 0.1,
-			type: 'Component',
-			align: 'right',
-			component({ row }) {
-				return row.enabled
-					? h(Badge, {
-							label: '启用',
-							theme: 'green'
-					  })
-					: h(Badge, {
-							label: '禁用',
-							theme: 'red'
-					  });
-			}
-		}
-	],
-	rowActions({ row }) {
-		return [
-			{
-				label: '激活',
-				condition: () => !Boolean(row.enabled),
-				onClick() {
-					selectedWebhook.value = row;
-					showActivateWebhookDialog.value = true;
-				}
-			},
-			{
-				label: '禁用',
-				condition: () => Boolean(row.enabled),
-				onClick: () => {
-					confirmDialog({
-						title: '禁用 Webhook',
-						message: `端点 - ${row.endpoint}<br>确定要禁用该 webhook 吗？<br>`,
-						primaryAction: {
-							label: '禁用',
-							variant: 'solid',
-							theme: 'red',
-							onClick({ hide }) {
-								disableWebhook
-									.submit({
-										dt: 'Jcloud Webhook',
-										dn: row.name,
-										method: 'disable'
-									})
-									.then(hide);
-								return disableWebhook.promise;
-							}
-						}
-					});
-				}
-			},
-			{
-				label: '尝试',
-				onClick: () => {
-					selectedWebhook.value = row;
-					showWebhookAttempts.value = true;
-				}
-			},
-			{
-				label: '编辑',
-				onClick() {
-					selectedWebhook.value = row;
-					showEditWebhookDialog.value = true;
-				}
-			},
-			{
-				label: '删除',
-				onClick() {
-					confirmDialog({
-						title: '删除 Webhook',
-						message: `端点 - ${row.endpoint}<br>确定要删除该 webhook 吗？<br>`,
-						primaryAction: {
-							label: '删除',
-							variant: 'solid',
-							theme: 'red',
-							onClick({ hide }) {
-								deleteWebhook
-									.submit({
-										pagetype: 'Jcloud Webhook',
-										name: row.name
-									})
-									.then(hide);
-								return deleteWebhook.promise;
-							}
-						}
-					});
-				}
-			}
-		];
-	},
-	primaryAction() {
-		return {
-			label: '添加 Webhook',
-			slots: { prefix: icon('plus') },
-			onClick: () => (showAddWebhookDialog.value = true)
-		};
-	},
-	secondaryAction() {
-		return {
-			label: '刷新',
-			icon: 'refresh-ccw',
-			onClick: () => webhookListResource.reload()
-		};
-	}
-}));
-
-const disableWebhook = createResource({
-	url: 'jcloud.api.client.run_pg_method',
-	onSuccess() {
-		toast.success('Webhook 禁用成功');
-		webhookListResource.reload();
-	},
-	onError(err) {
-		toast.error(
-			err.messages.length
-				? err.messages.join('\n')
-				: 'Webhook 无法禁用'
-		);
-	}
-});
-
-const onNewWebhookSuccess = () => {
-	webhookListResource.reload();
-	showAddWebhookDialog.value = false;
-};
-
-const onWebHookActivated = () => {
-	webhookListResource.reload();
-	showActivateWebhookDialog.value = false;
-};
-
-const onWebHookUpdated = activationRequired => {
-webhookListResource.reload();
-	showEditWebhookDialog.value = false;
-	if (activationRequired) {
-		showActivateWebhookDialog.value = true;
-	}
-};
-
-onMounted(() => {
-	if (session.hasWebhookConfigurationAccess) {
-		webhookListResource.fetch();
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/EditWebhookDialog.vue b/dashboard_backup/src2/components/settings/EditWebhookDialog.vue
deleted file mode 100644
index f8b9142..0000000
--- a/dashboard_backup/src2/components/settings/EditWebhookDialog.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '编辑Webhook',
-			actions: [
-				{
-					label: '保存更改',
-					variant: 'solid',
-					onClick: updateWebhook,
-					loading: this.$resources.updateWebhook.loading
-				}
-			]
-		}"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<div>
-					<FormControl label="端点" v-model="endpoint" />
-					<p class="mt-1.5 text-sm text-gray-700">
-						如果您更改了端点，请确保重新激活webhook。
-					</p>
-				</div>
-				<div v-if="!updateSecret">
-					<p class="block text-xs text-gray-600">密钥</p>
-					<div
-						class="mt-1 flex items-center justify-between text-base text-gray-700"
-					>
-						<p>想要更改密钥吗？</p>
-						<Button @click="updateSecret = true">编辑密钥</Button>
-					</div>
-				</div>
-				<div v-else>
-					<FormControl label="密钥" v-model="secret">
-						<template #suffix>
-							<FeatherIcon
-								class="w-4 cursor-pointer"
-								name="refresh-ccw"
-								@click="generateRandomSecret"
-							/>
-						</template>
-					</FormControl>
-					<p class="mt-1.5 text-sm text-gray-700">
-						<secret>注意：</secret> 密钥是可选的。查看
-						<a
-							href="https://jingrow.com/docs/webhook-introduction"
-							class="underline"
-							target="_blank"
-							>文档</a
-						>
-						了解更多
-					</p>
-				</div>
-				<p class="text-base font-medium text-gray-900">
-					选择webhook事件
-				</p>
-				<div
-					class="text-center text-sm leading-10 text-gray-500"
-					v-if="$resources.events.loading"
-				>
-					加载中...
-				</div>
-				<div class="mt-6 flex flex-col gap-3" v-else>
-					<Switch
-						v-for="event in $resources.events.data"
-						:key="event.name"
-						:label="event.name"
-						:description="event.description"
-						:modelValue="isEventSelected(event.name)"
-						@update:modelValue="selectEvent(event.name)"
-						size="sm"
-					/>
-				</div>
-				<ErrorMessage
-					:message="errorMessage || $resources.updateWebhook.error"
-				/>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../../utils/toast';
-
-export default {
-	emits: ['success'],
-	props: ['webhook'],
-	data() {
-		return {
-			endpoint: '',
-			secret: '',
-			updateSecret: false,
-			selectedEvents: [],
-			errorMessage: ''
-		};
-	},
-	mounted() {
-		if (this.selectedEvents.length) {
-			this.selectedEvents = this.selectedEvents.map(event => event.name);
-		}
-	},
-	resources: {
-		events() {
-			return {
-				url: 'jcloud.api.webhook.available_events',
-				inititalData: [],
-				auto: true
-			};
-		},
-		fetchWebhookInfo() {
-			return {
-				url: 'jcloud.api.client.get',
-				params: {
-					pagetype: 'Jcloud Webhook',
-					name: this.webhook.name
-				},
-				auto: true,
-				onSuccess: pg => {
-					this.endpoint = pg.endpoint;
-					this.selectedEvents = pg.events.map(event => event.event);
-				}
-			};
-		},
-		updateWebhook() {
-			return {
-				url: 'jcloud.api.webhook.update',
-				validate: () => {
-					if (!this.selectedEvents) {
-						return '请至少启用一个事件';
-					}
-				},
-				makeParams: () => {
-					return {
-						name: this.webhook.name,
-						endpoint: this.endpoint,
-						secret: this.updateSecret ? this.secret : '',
-						events: this.selectedEvents
-					};
-				},
-				onSuccess: () => {
-					toast.success('Webhook更新成功');
-					const activationRequired = this.webhook.endpoint !== this.endpoint;
-					this.$emit('success', activationRequired);
-				},
-				onError: e => {
-					toast.error(
-						getToastErrorMessage(
-							e,
-							'更新webhook失败，请重试'
-						)
-					);
-				}
-			};
-		}
-	},
-	computed: {},
-	methods: {
-		generateRandomSecret() {
-this.secret = Array(30)
-				.fill(0)
-				.map(
-					() =>
-						'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'[
-							Math.floor(Math.random() * 62)
-						]
-				)
-				.join('');
-		},
-		selectEvent(event) {
-			if (this.selectedEvents.includes(event)) {
-				this.selectedEvents = this.selectedEvents.filter(e => e !== event);
-			} else {
-				this.selectedEvents.push(event);
-			}
-		},
-		isEventSelected(event) {
-			return this.selectedEvents.includes(event);
-		},
-		updateWebhook() {
-			if (this.selectedEvents.length === 0) {
-				this.errorMessage = '请至少选择一个事件来添加';
-				return;
-			}
-			this.errorMessage = '';
-			this.$resources.updateWebhook.submit();
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/InviteTeamMemberDialog.vue b/dashboard_backup/src2/components/settings/InviteTeamMemberDialog.vue
deleted file mode 100644
index 33250c1..0000000
--- a/dashboard_backup/src2/components/settings/InviteTeamMemberDialog.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '添加新成员',
-			actions: [
-				{
-					label: '邀请成员',
-					variant: 'solid',
-					onClick: inviteMember,
-				},
-			],
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<FormControl label="用户名" v-model="username" />
-				<div
-					v-if="$resources.roles.data?.length > 0"
-					class="flex items-center space-x-2"
-				>
-					<FormControl
-						class="w-full"
-						type="autocomplete"
-						label="选择角色"
-						:options="roleOptions"
-						v-model="selectedRole"
-					/>
-					<Button
-						label="添加"
-						icon-left="plus"
-						:disabled="!selectedRole"
-						@click="addRole"
-						class="mt-5"
-					/>
-				</div>
-				<div
-					v-if="selectedRoles.length > 0"
-					class="divide-y rounded border border-gray-300 px-1.5"
-				>
-					<div
-						class="flex w-full items-center space-x-2 py-1.5"
-						v-for="role in selectedRoles"
-					>
-						<div class="flex w-full items-center justify-between px-3 py-2">
-							<div class="text-base text-gray-800">{{ role.label }}</div>
-						</div>
-						<Button
-							class="ml-auto"
-							variant="ghost"
-							icon="x"
-							@click="removeRole(role.value)"
-						/>
-					</div>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	data() {
-		return {
-			username: '',
-			show: true,
-			selectedRoles: [],
-			selectedRole: null,
-		};
-	},
-	resources: {
-		roles() {
-			return {
-				type: 'list',
-				pagetype: 'Jcloud Role',
-				fields: ['name', 'title'],
-				initialData: [],
-				auto: true,
-			};
-		},
-	},
-	computed: {
-		roleOptions() {
-			return this.$resources.roles.data
-				.filter((role) => {
-					return !this.selectedRoles.some(
-						(selectedRole) => selectedRole.value === role.name,
-					);
-				})
-				.map((role) => ({
-					label: role.title,
-					value: role.name,
-				}));
-		},
-	},
-	methods: {
-		addRole() {
-			if (this.selectedRole) {
-				this.selectedRoles.push(this.selectedRole);
-				this.selectedRole = null;
-			}
-		},
-		removeRole(roleToRemove) {
-			this.selectedRoles = this.selectedRoles.filter(
-				(role) => role.value !== roleToRemove,
-			);
-		},
-		inviteMember() {
-			if (!this.username) {
-				toast.error('用户名为必填项');
-				return;
-			}
-			if (this.$team.inviteTeamMember.loading) return;
-			
-			toast.success('已添加成员到团队', { duration: 2000 });
-			this.show = false;
-			this.$team.inviteTeamMember.submit({
-				username: this.username,
-				roles: this.selectedRoles.map((role) => role.value),
-			});
-			this.username = '';
-			this.selectedRoles = [];
-			setTimeout(() => {
-				if (this.$team?.getTeamMembers) {
-					this.$team.getTeamMembers.submit();
-				}
-			}, 500);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/RoleConfigureDialog.vue b/dashboard_backup/src2/components/settings/RoleConfigureDialog.vue
deleted file mode 100644
index 2944477..0000000
--- a/dashboard_backup/src2/components/settings/RoleConfigureDialog.vue
+++ /dev/null
@@ -1,318 +0,0 @@
-<template>
-	<Dialog
-		v-if="role"
-		:options="{ title: `${role.title}`, size: 'xl' }"
-		v-model="show"
-	>
-		<template v-slot:body-content>
-			<FTabs
-				:tabs="[
-					{
-						label: '成员',
-						value: 'members',
-					},
-					{
-						label: '设置',
-						value: 'settings',
-					},
-				]"
-				v-model="tabIndex"
-			>
-				<TabList v-slot="{ tab, selected }" class="pl-0">
-					<div
-						class="flex cursor-pointer items-center gap-1.5 border-b border-transparent py-3 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900 focus:outline-none focus:transition-none [&>div]:pl-0"
-						:class="{ 'text-gray-900': selected }"
-					>
-						<span>{{ tab.label }}</span>
-					</div>
-				</TabList>
-				<TabPanel v-slot="{ tab }">
-					<div v-if="tab.value === 'members'" class="text-base">
-						<div class="my-4 flex gap-2">
-							<div class="flex-1">
-								<Autocomplete
-									:options="autoCompleteList"
-									v-model="member"
-									placeholder="选择要添加的成员"
-								/>
-							</div>
-							<Button
-								variant="solid"
-								label="添加成员"
-								:disabled="!member?.value"
-								:loading="$resources.role.addUser?.loading"
-								@click="() => addUser(member.value)"
-							/>
-						</div>
-						<div class="rounded border px-3">
-							<div class="mt-2 text-gray-600">成员</div>
-							<div
-								v-if="roleUsers.length === 0"
-								class="p-6 text-center text-gray-500"
-							>
-								<span>此角色尚未添加任何成员。</span>
-							</div>
-							<div v-else class="flex flex-col divide-y">
-								<div
-									v-for="user in roleUsers"
-									class="flex justify-between py-3"
-								>
-									<UserWithAvatarCell
-										:avatarImage="user.user_image"
-										:fullName="user.full_name"
-										:email="user.user"
-										:key="user.user"
-									/>
-									<Button variant="ghost" @click="() => removeUser(user.user)">
-										<template #icon>
-											<i-lucide-x class="h-4 w-4 text-gray-600" />
-										</template>
-									</Button>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div v-else-if="tab.value === 'settings'" class="mt-4 text-base">
-						<div class="space-y-3">
-							<div class="rounded border p-4">
-								<Switch
-									class="ml-2"
-									v-model="adminAccess"
-									label="管理员权限"
-									description="授予成员类似团队所有者的权限。包括访问所有页面和设置。"
-								/>
-							</div>
-							<div class="space-y-1 rounded border p-4">
-								<h2 class="mb-2 ml-2 font-semibold">页面访问权限</h2>
-								<Switch
-									v-model="allowBilling"
-									label="允许访问计费"
-									:disabled="adminAccess"
-								/>
-								<Switch
-									v-model="allowApps"
-									label="允许访问应用"
-									:disabled="adminAccess"
-								/>
-								<Switch
-									v-if="$team.pg.jerp_partner"
-									v-model="allowPartner"
-									label="允许访问合作伙伴"
-									:disabled="adminAccess"
-								/>
-								<Switch
-									v-model="allowSiteCreation"
-									label="允许创建站点"
-									:disabled="adminAccess"
-								/>
-								<Switch
-									v-model="allowBenchCreation"
-									label="允许创建站点分组"
-									:disabled="adminAccess"
-								/>
-								<Switch
-									v-model="allowServerCreation"
-									label="允许创建服务器"
-									:disabled="adminAccess"
-								/>
-								<Switch
-									v-model="allowWebhookConfiguration"
-									label="允许配置Webhook"
-									:disabled="adminAccess"
-								/>
-							</div>
-						</div>
-					</div>
-				</TabPanel>
-			</FTabs>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { Switch, Tabs, TabList, TabPanel } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import UserWithAvatarCell from '../UserWithAvatarCell.vue';
-
-export default {
-	props: {
-		roleId: { type: String, required: true },
-	},
-	components: {
-		UserWithAvatarCell,
-		FTabs: Tabs,
-		TabPanel,
-		TabList,
-		Switch,
-	},
-	data() {
-		return {
-			member: {},
-			show: true,
-			tabIndex: 0,
-		};
-	},
-	resources: {
-		role() {
-			return {
-				type: 'document',
-				pagetype: 'Jcloud Role',
-				name: this.roleId,
-				whitelistedMethods: {
-					addUser: 'add_user',
-					removeUser: 'remove_user',
-					bulkDelete: 'delete_permissions',
-				},
-			};
-		},
-	},
-	computed: {
-		role() {
-			return this.$resources.role.pg;
-		},
-		roleUsers() {
-			return this.role?.users || [];
-		},
-		autoCompleteList() {
-			const isNotGroupMember = (u) =>
-				!this.roleUsers.map(({ user }) => user).includes(u);
-			return this.$team.pg.team_members
-				?.filter(({ user }) => isNotGroupMember(user))
-				.map(({ user }) => ({ label: user, value: user }));
-		},
-		adminAccess: {
-			get() {
-				return !!this.role?.admin_access;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						admin_access: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowBilling: {
-			get() {
-				return !!this.role?.allow_billing;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_billing: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowApps: {
-			get() {
-				return !!this.role?.allow_apps;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_apps: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowPartner: {
-			get() {
-				return !!this.role?.allow_partner;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_partner: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowSiteCreation: {
-			get() {
-				return !!this.role?.allow_site_creation;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_site_creation: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowBenchCreation: {
-			get() {
-				return !!this.role?.allow_bench_creation;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_bench_creation: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowServerCreation: {
-			get() {
-				return !!this.role?.allow_server_creation;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_server_creation: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-		allowWebhookConfiguration: {
-			get() {
-				return !!this.role?.allow_webhook_configuration;
-			},
-			set(value) {
-				this.$resources.role.setValue.submit(
-					{
-						allow_webhook_configuration: value,
-					},
-					{ onSuccess: this.$session.roles.reload },
-				);
-			},
-		},
-	},
-	methods: {
-		addUser(user) {
-			if (!user) return;
-			if (this.$resources.role.addUser.loading) return;
-			
-			toast.success(`已添加 ${user} 到 ${this.role.title}`, { duration: 2000 });
-			this.member = {};
-			this.$resources.role.addUser.submit({ user });
-			// 刷新角色数据
-			setTimeout(() => {
-				if (this.$resources.role) {
-					this.$resources.role.reload();
-				}
-			}, 500);
-		},
-		removeUser(user) {
-			if (!user) return;
-			if (this.$resources.role.removeUser.loading) return;
-			
-			toast.success(`已从 ${this.role.title} 中移除 ${user}`, { duration: 2000 });
-			this.$resources.role.removeUser.submit({ user });
-			// 刷新角色数据
-			setTimeout(() => {
-				if (this.$resources.role) {
-					this.$resources.role.reload();
-				}
-			}, 500);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/RoleList.vue b/dashboard_backup/src2/components/settings/RoleList.vue
deleted file mode 100644
index f5c5797..0000000
--- a/dashboard_backup/src2/components/settings/RoleList.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-<template>
-	<ObjectList :options="listOptions" />
-</template>
-
-<script setup lang="jsx">
-import { h, ref } from 'vue';
-import { toast } from 'vue-sonner';
-import { FeatherIcon } from 'jingrow-ui';
-import { icon, renderDialog, confirmDialog } from '../../utils/components';
-import ObjectList from '../ObjectList.vue';
-import RoleConfigureDialog from './RoleConfigureDialog.vue';
-import router from '../../router';
-import UserAvatarGroup from '../AvatarGroup.vue';
-import { getToastErrorMessage } from '../../utils/toast';
-
-const listOptions = ref({
-	pagetype: 'Jcloud Role',
-	fields: [
-		{ users: ['user', 'user.full_name', 'user.user_image'] },
-		'admin_access',
-	],
-	documentation: 'https://jingrow.com/docs/role-permissions',
-	columns: [
-		{
-			label: '角色',
-			fieldname: 'title',
-			width: 1,
-			suffix: (row) => {
-				return row.admin_access ? (
-					<FeatherIcon name="shield" class="ml-1 h-4 w-4 text-gray-700" />
-				) : null;
-			},
-		},
-		{
-			label: '成员',
-			type: 'Component',
-			component: ({ row }) => {
-				return (
-					<div
-						onClick={(e) => {
-							e.preventDefault();
-							configureRole(row);
-						}}
-						class="flex h-6 items-center space-x-2"
-					>
-						<UserAvatarGroup users={row.users} />
-						<Button label="添加成员">
-							{{ icon: () => <i-lucide-plus class="h-4 w-4 text-gray-600" /> }}
-						</Button>
-					</div>
-				);
-			},
-			width: 1,
-		},
-	],
-	rowActions({ row, listResource: roleListResource }) {
-		return [
-			{
-				label: '编辑权限',
-				onClick() {
-					router.push({
-						name: 'SettingsPermissionRolePermissions',
-						params: { roleId: row.name },
-					});
-				},
-			},
-			{
-				label: '配置角色',
-				onClick: () => configureRole(row),
-			},
-			{
-				label: '删除角色',
-				onClick() {
-					if (roleListResource.delete.loading) return;
-					confirmDialog({
-						title: '删除角色',
-						message: `确定要删除角色 <b>${row.title}</b> 吗？`,
-						onSuccess({ hide }) {
-							if (roleListResource.delete.loading) return;
-							toast.promise(roleListResource.delete.submit(row.name), {
-								loading: '正在删除角色...',
-								success: () => {
-									roleListResource.reload();
-									hide();
-									return `角色 ${row.title} 已删除`;
-								},
-								error: (e) => getToastErrorMessage(e),
-							});
-						},
-					});
-				},
-			},
-		];
-	},
-	route(row) {
-		return {
-			name: 'SettingsPermissionRolePermissions',
-			params: { roleId: row.name },
-		};
-	},
-	primaryAction({ listResource: groups }) {
-		return {
-			label: '新建角色',
-			variant: 'solid',
-			slots: {
-				prefix: icon('plus'),
-			},
-			onClick() {
-				confirmDialog({
-					title: '创建角色',
-					fields: [
-						{
-							fieldname: 'title',
-							label: '角色',
-							autocomplete: 'off',
-						},
-					],
-					onSuccess({ hide, values }) {
-						if (values.title) {
-							return groups.insert.submit(
-								{ title: values.title },
-								{ onSuccess: hide },
-							);
-						}
-						return null;
-					},
-				});
-			},
-		};
-	},
-});
-
-function configureRole(row) {
-	renderDialog(h(RoleConfigureDialog, { roleId: row.name }));
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/RolePermissions.vue b/dashboard_backup/src2/components/settings/RolePermissions.vue
deleted file mode 100644
index 716bcb0..0000000
--- a/dashboard_backup/src2/components/settings/RolePermissions.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<template>
-	<div class="mb-5 flex items-center gap-2">
-		<Tooltip text="所有角色">
-			<Button :route="{ name: 'SettingsPermissionRoles' }">
-				<template #icon>
-					<i-lucide-arrow-left class="h-4 w-4 text-gray-700" />
-				</template>
-			</Button>
-		</Tooltip>
-		<h3 class="text-lg font-medium text-gray-900">
-			{{ role.pg?.title }}
-		</h3>
-		<Tooltip text="管理员角色" v-if="role.pg.admin_access">
-			<FeatherIcon name="shield" class="h-5 w-5 text-gray-700" />
-		</Tooltip>
-	</div>
-	<ObjectList
-		:options="rolePermissions"
-		@update:selections="(e) => (selectedItems = e)"
-	>
-		<template #header-left="{ listResource }">
-			<Dropdown :options="getDropdownOptions(listResource)">
-				<Button>
-					<template #prefix>
-						<LucideAppWindow class="h-4 w-4 text-gray-500" />
-					</template>
-					{{ currentDropdownOption.label }}
-					<template #suffix>
-						<FeatherIcon name="chevron-down" class="h-4 w-4 text-gray-500" />
-					</template>
-				</Button>
-			</Dropdown>
-		</template>
-	</ObjectList>
-</template>
-
-<script setup>
-import {
-	Button,
-	Dropdown,
-	createDocumentResource,
-	createResource,
-} from 'jingrow-ui';
-import { computed, h, ref } from 'vue';
-import LucideAppWindow from '~icons/lucide/app-window';
-import ObjectList from '../ObjectList.vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../../utils/toast';
-import { confirmDialog, icon, renderDialog } from '../../utils/components';
-import RoleConfigureDialog from './RoleConfigureDialog.vue';
-
-let selectedItems = ref(new Set());
-
-const props = defineProps({
-	roleId: { type: String, required: true },
-});
-
-const role = createDocumentResource({
-	pagetype: 'Jcloud Role',
-	name: props.roleId,
-	auto: true,
-	whitelistedMethods: {
-		addUser: 'add_user',
-		removeUser: 'remove_user',
-		bulkDelete: 'delete_permissions',
-	},
-});
-
-const docInsert = createResource({
-	url: 'jcloud.api.client.insert',
-});
-
-const dropdownOptions = [
-	{ label: '允许的站点', pagetype: 'Site', fieldname: 'site' },
-	{
-		label: '允许的发布组',
-		pagetype: 'Release Group',
-		fieldname: 'release_group',
-	},
-	{ label: '允许的服务器', pagetype: 'Server', fieldname: 'server' },
-];
-const currentDropdownOption = ref(dropdownOptions[0]);
-function getDropdownOptions(listResource) {
-	return dropdownOptions.map((option) => {
-		return {
-			...option,
-			onClick: () => {
-				currentDropdownOption.value = option;
-				let filters = {
-					role: props.roleId,
-				};
-				if (option.pagetype === 'Site') {
-					filters.site = ['is', 'set'];
-				}
-				if (option.pagetype === 'Release Group') {
-					filters.release_group = ['is', 'set'];
-				}
-				if (option.pagetype === 'Server') {
-					filters.server = ['is', 'set'];
-				}
-				listResource.update({ filters });
-				listResource.reload();
-			},
-		};
-	});
-}
-
-const rolePermissions = ref({
-	pagetype: 'Jcloud Role Permission',
-	fields: [
-		'site',
-		'site.host_name as site_host_name',
-		'release_group',
-		'release_group.title as release_group_title',
-		'server',
-		'server.title as server_title',
-	],
-	filters: {
-		role: props.roleId,
-		site: ['is', 'set'],
-	},
-	selectable: true,
-	columns: [
-		{
-			label: computed(() =>
-				currentDropdownOption.value.pagetype.replace(
-					'Release Group',
-					'发布组',
-				),
-			),
-			format(_value, row) {
-				return (
-					row.site_host_name ||
-					row.site ||
-					row.release_group_title ||
-					row.server_title
-				);
-			},
-		},
-	],
-	actions({ listResource: permissions }) {
-		return [
-			{
-				label: '配置',
-				slots: {
-					prefix: icon('settings'),
-				},
-				onClick() {
-					renderDialog(h(RoleConfigureDialog, { roleId: props.roleId }));
-				},
-			},
-			{
-				label: '删除',
-slots: {
-					prefix: icon('trash-2'),
-				},
-				condition: () => selectedItems.value.size > 0,
-				onClick() {
-					role.bulkDelete.submit(
-						{
-							permissions: Array.from(selectedItems.value),
-						},
-						{
-							onSuccess: () => {
-								toast.success('项目删除成功');
-								selectedItems.value.clear();
-							},
-						},
-					);
-				},
-			},
-			{
-				label: '添加',
-				slots: {
-					prefix: icon('plus'),
-				},
-				onClick() {
-					confirmDialog({
-						title: '添加权限',
-						message: '',
-						fields: [
-							{
-								label: `选择 ${currentDropdownOption.value.pagetype.replace(
-									'Release Group',
-									'Bench Group',
-								)}`,
-								type: 'link',
-								fieldname: 'document_name',
-								options: {
-									pagetype: currentDropdownOption.value.pagetype,
-									filters: {
-										name: [
-											'not in',
-											permissions.data.map(
-												(p) => p[currentDropdownOption.value.fieldname],
-											) || '',
-										],
-										status: ['!=', 'Archived'],
-									},
-								},
-							},
-						],
-						primaryAction: {
-							label: '添加',
-							onClick({ values }) {
-								let key = currentDropdownOption.value.fieldname;
-
-								toast.promise(
-									docInsert.submit({
-										pg: {
-											pagetype: 'Jcloud Role Permission',
-											role: props.roleId,
-											[key]: values.document_name,
-										},
-									}),
-									{
-										loading: '正在添加权限...',
-										success() {
-											permissions.reload();
-											return '权限添加成功';
-										},
-										error: (e) => getToastErrorMessage(e),
-									},
-								);
-							},
-						},
-					});
-				},
-			},
-		].filter((action) => (action.condition ? action.condition() : true));
-	},
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/SettingsPermissions.vue b/dashboard_backup/src2/components/settings/SettingsPermissions.vue
deleted file mode 100644
index 0c7b422..0000000
--- a/dashboard_backup/src2/components/settings/SettingsPermissions.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-	<div class="p-5">
-		<router-view />
-	</div>
-</template>
-
-<script setup></script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/TeamSettings.vue b/dashboard_backup/src2/components/settings/TeamSettings.vue
deleted file mode 100644
index 29b2de4..0000000
--- a/dashboard_backup/src2/components/settings/TeamSettings.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="teamMembersListOptions"> </ObjectList>
-	</div>
-</template>
-
-<script setup>
-import { defineAsyncComponent, h, ref } from 'vue';
-import { toast } from 'vue-sonner';
-import { getTeam } from '../../data/team';
-import { confirmDialog, renderDialog } from '../../utils/components';
-import ObjectList from '../ObjectList.vue';
-import UserWithAvatarCell from '../UserWithAvatarCell.vue';
-
-const team = getTeam();
-team.getTeamMembers.submit();
-const teamMembersListOptions = ref({
-	onRowClick: () => {},
-	rowHeight: 50,
-	list: team.getTeamMembers,
-	columns: [
-		{
-			label: '用户',
-			type: 'Component',
-			component: ({ row }) => {
-				return h(UserWithAvatarCell, {
-					avatarImage: row.user_image,
-					fullName: row.full_name,
-					email: row.email
-				});
-			},
-			width: 1
-		}
-	],
-	rowActions({ row }) {
-		let team = getTeam();
-		if (row.name === team.pg.user || row.name === team.pg.user_info?.name)
-			return [];
-		return [
-			{
-				label: '移除成员',
-				condition: () => row.name !== team.pg.user,
-				onClick() {
-					if (team.removeTeamMember.loading) return;
-					confirmDialog({
-						title: '移除成员',
-						message: `确定要将 <b>${row.full_name}</b> 从团队中移除吗？`,
-						onSuccess({ hide }) {
-							toast.success('成员已被删除', { duration: 2000 });
-							hide();
-							team.removeTeamMember.submit({ member: row.name });
-							setTimeout(() => {
-								team.getTeamMembers.submit();
-							}, 500);
-						}
-					});
-				}
-			}
-		];
-	},
-	actions() {
-		return [
-			{
-				label: '设置',
-				iconLeft: 'settings',
-				onClick() {
-					const TeamSettingsDialog = defineAsyncComponent(() =>
-						import('./TeamSettingsDialog.vue')
-					);
-					renderDialog(h(TeamSettingsDialog));
-				}
-			},
-			{
-				label: '添加成员',
-				variant: 'solid',
-				iconLeft: 'plus',
-				onClick() {
-					const InviteTeamMemberDialog = defineAsyncComponent(() =>
-						import('./InviteTeamMemberDialog.vue')
-					);
-					renderDialog(h(InviteTeamMemberDialog));
-				}
-			}
-		];
-	}
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/TeamSettingsDialog.vue b/dashboard_backup/src2/components/settings/TeamSettingsDialog.vue
deleted file mode 100644
index d5359d5..0000000
--- a/dashboard_backup/src2/components/settings/TeamSettingsDialog.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '设置'
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<div class="mt-8 flex flex-col gap-4">
-				<Switch
-					v-model="enforce2FA"
-					label="强制启用双因素认证"
-					description="要求所有团队成员启用双因素认证"
-				/>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { Switch } from 'jingrow-ui';
-
-export default {
-	data() {
-		return {
-			show: true
-		};
-	},
-	components: { Switch },
-	computed: {
-		enforce2FA: {
-			get() {
-				return Boolean(this.$team?.pg.enforce_2fa);
-			},
-			set(value) {
-				this.$team.setValue.submit({ enforce_2fa: value });
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/WebhookAttemptDetails.vue b/dashboard_backup/src2/components/settings/WebhookAttemptDetails.vue
deleted file mode 100644
index 22118a5..0000000
--- a/dashboard_backup/src2/components/settings/WebhookAttemptDetails.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-	<div v-if="$resources.attempt.loading">加载中...</div>
-	<div v-else class="space-y-4">
-		<div>
-			<p class="text-xs text-gray-600">端点</p>
-			<p class="mt-2 text-sm text-gray-700">
-				{{ $resources.attempt?.data?.endpoint }}
-			</p>
-		</div>
-		<div>
-			<p class="text-xs text-gray-600">请求</p>
-			<pre
-				class="mt-2 max-h-52 overflow-y-auto whitespace-pre-wrap rounded bg-gray-50 px-2 py-1.5 text-sm text-gray-600"
-				>{{ $resources.attempt?.data?.request_payload }}</pre
-			>
-		</div>
-		<div
-			v-if="
-				is_valid_status_code($resources.attempt?.data?.response_status_code)
-			"
-		>
-			<p class="text-xs text-gray-600">响应状态码</p>
-			<p class="mt-2 text-sm text-gray-700">
-				{{ $resources.attempt?.data?.response_status_code }}
-			</p>
-		</div>
-		<div v-if="$resources.attempt?.data?.response_body">
-			<p class="text-xs text-gray-600">响应</p>
-			<pre
-				class="mt-2 max-h-52 overflow-y-auto whitespace-pre-wrap rounded bg-gray-50 px-2 py-1.5 text-sm text-gray-600"
-				>{{ $resources.attempt?.data?.response_body }}</pre
-			>
-		</div>
-		<div>
-			<p class="text-xs text-gray-600">时间戳</p>
-			<p class="mt-2 text-sm text-gray-700">
-				{{ $resources.attempt?.data?.creation }}
-			</p>
-		</div>
-	</div>
-	<ErrorMessage class="mt-4" :message="$resources.attempt.error" />
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	props: ['id'],
-	data() {
-		return {
-			endpoint: null,
-			errorMessage: '',
-			validated: false,
-			request: null,
-			response: null,
-			response_status_code: null
-		};
-	},
-	resources: {
-		attempt() {
-			return {
-				url: 'jcloud.api.webhook.attempt',
-				makeParams: () => {
-					return {
-						name: this.$props.id
-					};
-				},
-				auto: true
-			};
-		}
-	},
-	computed: {
-		data() {
-			return this.$resources.attempt.data || {};
-		}
-	},
-	methods: {
-		is_valid_status_code(status_code) {
-			if (!status_code) return false;
-			if (status_code == '0') return false;
-			return true;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/WebhookAttemptsDialog.vue b/dashboard_backup/src2/components/settings/WebhookAttemptsDialog.vue
deleted file mode 100644
index 715a475..0000000
--- a/dashboard_backup/src2/components/settings/WebhookAttemptsDialog.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: selectedWebhookAttemptId
-				? `Webhook 尝试 - ${selectedWebhookAttemptId}`
-				: 'Webhook 尝试',
-			size: '4xl'
-		}"
-	>
-		<template #body-content>
-			<p class="text-sm mb-2 text-gray-700" v-if="!selectedWebhookAttemptId">
-				<strong>注意：</strong> 您只能查看过去24小时的日志
-			</p>
-			<ObjectList :options="listOptions" v-if="!selectedWebhookAttemptId" />
-			<Button
-				class="mb-2"
-				iconLeft="arrow-left"
-				v-if="selectedWebhookAttemptId"
-				@click="selectedWebhookAttemptId = null"
-			>
-				返回
-			</Button>
-			<WebhookAttemptDetails
-				:id="selectedWebhookAttemptId"
-				v-if="selectedWebhookAttemptId"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { Breadcrumbs, Badge } from 'jingrow-ui';
-import Header from '../Header.vue';
-import ObjectList from '../ObjectList.vue';
-import { h } from 'vue';
-import WebhookAttemptDetails from './WebhookAttemptDetails.vue';
-
-export default {
-	name: 'WebhookAttempts',
-	props: ['name'],
-	components: {
-		Header,
-		Breadcrumbs,
-		ObjectList,
-		WebhookAttemptDetails
-	},
-	data() {
-		return {
-			selectedWebhookAttemptId: null
-		};
-	},
-	resources: {
-		attempts() {
-			return {
-				url: 'jcloud.api.webhook.attempts',
-				params: {
-					webhook: this.$props.name
-				},
-				inititalData: [],
-				auto: true
-			};
-		}
-	},
-	computed: {
-		listOptions() {
-			return {
-				data: () => this.$resources?.attempts?.data || [],
-				columns: [
-					{
-						label: '事件',
-						fieldname: 'event',
-						width: 0.25
-					},
-					{
-						label: '端点',
-						fieldname: 'endpoint',
-						width: 0.5,
-						format: value => value.substring(0, 50)
-					},
-					{
-						label: '状态',
-						fieldname: 'status',
-						width: 0.1,
-						type: 'Component',
-						component({ row }) {
-							return row.status === 'Sent'
-								? h(Badge, {
-										label: row.status,
-										theme: 'green'
-								  })
-								: h(Badge, {
-										label: row.status,
-										theme: 'red'
-								  });
-						}
-					},
-					{
-						label: '代码',
-						fieldname: 'response_status_code',
-						width: 0.1,
-						format: val => {
-							if (!val || parseInt(val) === 0) return '-';
-							return val;
-						},
-						align: 'center'
-					},
-					{
-						label: '时间戳',
-						fieldname: 'timestamp',
-						width: 0.3,
-						format(value) {
-							return new Date(value).toLocaleString();
-						}
-					}
-				],
-				onRowClick: row => {
-					this.selectedWebhookAttemptId = row.name;
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/profile/AccountEmails.vue b/dashboard_backup/src2/components/settings/profile/AccountEmails.vue
deleted file mode 100644
index cea2dda..0000000
--- a/dashboard_backup/src2/components/settings/profile/AccountEmails.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-	<Card
-		v-if="$team?.pg?.user === $session?.user"
-		title="邮件通知"
-		class="mx-auto max-w-3xl"
-	>
-		<template #actions>
-			<Button icon-left="edit" @click="showEmailsEditDialog = true">
-				编辑
-			</Button>
-		</template>
-		<ListItem
-			v-if="emailData"
-			v-for="email in emailData"
-			:title="fieldLabelMap[email.type] || email.type"
-			:description="email.value"
-			:key="email.type"
-		>
-		</ListItem>
-		<Dialog
-			:options="{
-				title: '编辑邮件',
-				actions: [
-					{
-						label: '保存更改',
-						variant: 'solid',
-						onClick: () => $resources.changeEmail.submit()
-					}
-				]
-			}"
-			v-model="showEmailsEditDialog"
-		>
-			<template v-slot:body-content>
-				<div class="mt-3" v-for="email in emailData" :key="email.type">
-					<FormControl
-						:label="fieldLabelMap[email.type] || email.type"
-						v-model="email.value"
-					/>
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.changeEmail.error" />
-			</template>
-		</Dialog>
-	</Card>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-export default {
-	name: 'AccountEmails',
-	data() {
-		return {
-			showEmailsEditDialog: false,
-			emailData: []
-		};
-	},
-	resources: {
-		getEmails() {
-			return {
-				url: 'jcloud.api.account.get_emails',
-				auto: true,
-				transform(data) {
-					this.emailData = data.map(d => ({
-						type: d.type,
-						value: d.value
-					}));
-				}
-			};
-		},
-		changeEmail() {
-			return {
-				url: 'jcloud.api.account.update_emails',
-				params: {
-					data: JSON.stringify(this.emailData)
-				},
-				onSuccess(res) {
-					this.showEmailsEditDialog = false;
-					toast.success('邮件更新成功');
-				}
-			};
-		}
-	},
-	computed: {
-		fieldLabelMap() {
-			return {
-				billing_email: '接收账单邮件地址',
-				notify_email: '接收通知邮件地址'
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/profile/AccountPartner.vue b/dashboard_backup/src2/components/settings/profile/AccountPartner.vue
deleted file mode 100644
index 2ebd59e..0000000
--- a/dashboard_backup/src2/components/settings/profile/AccountPartner.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-<template>
-	<Card
-		v-if="!$team.pg?.jerp_partner"
-		title="Jingrow 合作伙伴"
-		subtitle="与您的账户关联的 Jingrow 合作伙伴"
-		class="mx-auto max-w-3xl"
-	>
-		<template #actions>
-			<Button
-				v-if="!$team.pg?.partner_email"
-				icon-left="edit"
-				@click="showAddPartnerCodeDialog = true"
-			>
-				添加合作伙伴代码
-			</Button>
-			<Button
-				v-else
-				icon-left="trash-2"
-				@click="showRemovePartnerDialog = true"
-			>
-				取消关联合作伙伴
-			</Button>
-		</template>
-		<div class="py-4">
-			<span
-				class="text-base font-medium text-gray-700"
-				v-if="!$team.pg?.partner_email"
-			>
-				有 Jingrow 合作伙伴推荐代码吗？点击
-				<strong>添加合作伙伴代码</strong> 以与您的合作伙伴团队关联。
-			</span>
-			<ListItem
-				v-else
-				:title="partner_billing_name"
-				:subtitle="$team.pg?.partner_email"
-			/>
-		</div>
-		<Dialog
-			:options="{
-				title: '关联合作伙伴账户',
-				actions: [
-					{
-						label: '提交',
-						variant: 'solid',
-						onClick: () => $resources.addPartnerCode.submit(),
-					},
-				],
-			}"
-			v-model="showAddPartnerCodeDialog"
-		>
-			<template v-slot:body-content>
-				<p class="pb-2 text-p-base">
-					输入您的合作伙伴提供的合作伙伴代码
-				</p>
-				<div class="rounded border border-gray-200 bg-gray-100 p-2 mb-4">
-					<span class="text-sm leading-[1.5] text-gray-700">
-						<strong>注意</strong>: 与合作伙伴关联后，以下信息将与您的合作伙伴团队共享：
-						<br />
-						<li>账单名称</li>
-						<li>月度账单金额</li>
-					</span>
-				</div>
-				<FormControl
-					placeholder="例如：rGjw3hJ81b"
-					v-model="code"
-					@input="referralCodeChange"
-				/>
-				<div class="mt-1">
-					<div v-if="partnerExists" class="text-sm text-green-600" role="alert">
-						推荐代码 {{ code }} 属于 {{ partner }}
-					</div>
-				</div>
-			</template>
-		</Dialog>
-
-		<Dialog
-			v-model="showRemovePartnerDialog"
-			:options="{
-				title: '移除合作伙伴',
-				actions: [
-					{
-						label: '移除',
-						variant: 'solid',
-						theme: 'red',
-						onClick: () => {
-							$resources.removePartner.submit();
-						},
-					},
-				],
-			}"
-		>
-			<template v-slot:body-content>
-				<p class="text-p-base pb-3">
-					这将移除与您的账户关联的合作伙伴。您确定要移除该合作伙伴吗？
-				</p>
-			</template>
-		</Dialog>
-	</Card>
-</template>
-<script>
-import { Card, FormControl, jingrowRequest, debounce } from 'jingrow-ui';
-import { DashboardError } from '../../../utils/error';
-import { toast } from 'vue-sonner';
-export default {
-	name: 'AccountPartner',
-	components: {
-		Card,
-		FormControl,
-	},
-	data() {
-		return {
-			showAddPartnerCodeDialog: false,
-			showRemovePartnerDialog: false,
-			code: '',
-			partnerExists: false,
-			partner: '',
-			errorMessage: '',
-		};
-	},
-	resources: {
-		addPartnerCode() {
-			return {
-				url: 'jcloud.api.partner.add_partner',
-				params: {
-					referral_code: this.code,
-				},
-				onSuccess(data) {
-					this.showAddPartnerCodeDialog = false;
-					if (data === 'Request already sent') {
-						toast.error('Approval Request has already been sent to Partner');
-					} else {
-						toast.success('Approval Request has been sent to Partner');
-					}
-				},
-				onError() {
-					throw new DashboardError('Failed to add Partner Code');
-				},
-			};
-		},
-		partnerName() {
-			return {
-				url: 'jcloud.api.partner.get_partner_name',
-				auto: true,
-				params: {
-					partner_email: this.$team.pg?.partner_email,
-				},
-			};
-		},
-		removePartner() {
-			return {
-url: 'jcloud.api.partner.remove_partner',
-				onSuccess() {
-					this.showRemovePartnerDialog = false;
-					toast.success('合作伙伴已成功移除');
-				},
-				onError() {
-					throw new DashboardError('移除合作伙伴失败');
-				},
-			};
-		},
-	},
-	methods: {
-		referralCodeChange: debounce(async function (e) {
-			let code = e.target.value;
-			this.partnerExists = false;
-
-			let result = await jingrowRequest({
-				url: 'jcloud.api.partner.validate_partner_code',
-				params: { code: code },
-			});
-
-			let isValidCode = result[0];
-			let partnerName = result[1];
-
-			if (isValidCode) {
-				this.partnerExists = true;
-				this.referralCode = code;
-				this.partner = partnerName;
-			} else {
-				this.errorMessage = `${code} 是无效的推荐码`;
-			}
-		}, 500),
-	},
-	computed: {
-		partner_billing_name() {
-			return this.$resources.partnerName.data;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/profile/AccountProfile.vue b/dashboard_backup/src2/components/settings/profile/AccountProfile.vue
deleted file mode 100644
index 5b40115..0000000
--- a/dashboard_backup/src2/components/settings/profile/AccountProfile.vue
+++ /dev/null
@@ -1,444 +0,0 @@
-<template>
-	<Card title="个人资料" v-if="user" class="mx-auto max-w-3xl">
-		<div class="flex items-center border-b pb-3">
-			<div class="relative">
-				<Avatar size="2xl" :label="user.first_name" :image="user.user_image" />
-				<FileUploader
-					@success="onProfilePhotoChange"
-					fileTypes="image/*"
-					:upload-args="{
-						pagetype: 'User',
-						docname: user.name,
-						method: 'jcloud.api.account.update_profile_picture',
-					}"
-				>
-					<template v-slot="{ openFileSelector, uploading, progress, error }">
-						<div class="ml-4">
-							<button
-								@click="openFileSelector()"
-								class="absolute inset-0 grid h-10 w-full place-items-center rounded-full bg-black text-xs font-medium text-white opacity-0 transition hover:opacity-50 focus:opacity-50 focus:outline-none"
-								:class="{ 'opacity-50': uploading }"
-							>
-								<span v-if="uploading">{{ progress }}%</span>
-								<span v-else>编辑</span>
-							</button>
-						</div>
-					</template>
-				</FileUploader>
-			</div>
-			<div class="ml-4">
-				<h3 class="text-base font-semibold">
-					{{ user.first_name }} {{ user.last_name }}
-				</h3>
-				<p class="mt-1 text-base text-gray-600">用户名：{{ user.username }}</p>
-				<p class="mt-1 text-base text-gray-600">手机：{{ user.mobile_no }}</p>
-				<p class="mt-1 text-base text-gray-600">邮箱：{{ user.email }}</p>
-			</div>
-			<div class="ml-auto">
-				<Button icon-left="edit" @click="showProfileEditDialog = true">
-					编辑
-				</Button>
-			</div>
-		</div>
-		<div>
-			<ListItem
-				title="应用市场开发者"
-				subtitle="开发者可以在应用市场发布自己的应用，供用户付费或免费订阅。"
-				v-if="!$team.pg.is_developer"
-			>
-				<template #actions>
-					<Button @click="confirmPublisherAccount">
-						<span>成为开发者</span>
-					</Button>
-				</template>
-			</ListItem>
-			<ListItem
-				:title="user.is_2fa_enabled ? '禁用双因素认证' : '启用双因素认证'"
-				:subtitle="
-					user.is_2fa_enabled
-						? '为您的账户禁用双因素认证'
-						: '为您的账户启用双因素认证以增加额外的安全层'
-				"
-			>
-				<template #actions>
-					<Button @click="show2FADialog = true">
-						{{ user.is_2fa_enabled ? '禁用' : '启用' }}
-					</Button>
-				</template>
-			</ListItem>
-			<ListItem
-				title="重置密码"
-				subtitle="更改您的账户登录密码"
-			>
-				<template #actions>
-					<Button @click="showResetPasswordDialog = true">
-						重置密码
-					</Button>
-				</template>
-			</ListItem>
-			<ListItem
-				:title="teamEnabled ? '禁用账户' : '启用账户'"
-				:subtitle="
-					teamEnabled
-						? '禁用您的账户并停止计费'
-						: '启用您的账户并恢复计费'
-				"
-			>
-				<template #actions>
-					<Button
-						@click="
-							() => {
-								if (teamEnabled) {
-									showDisableAccountDialog = true;
-								} else {
-									showEnableAccountDialog = true;
-								}
-							}
-						"
-					>
-						<span :class="{ 'text-red-600': teamEnabled }">{{
-							teamEnabled ? '禁用' : '启用'
-						}}</span>
-					</Button>
-				</template>
-			</ListItem>
-		</div>
-		<Dialog
-			:options="{
-				title: '更新个人资料信息',
-				actions: [
-					{
-						variant: 'solid',
-						label: '保存更改',
-						onClick: () => $resources.updateProfile.submit(),
-					},
-				],
-			}"
-			v-model="showProfileEditDialog"
-		>
-			<template v-slot:body-content>
-				<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
-					<FormControl label="个人名称" v-model="user.first_name" />
-					<FormControl label="用户名" v-model="user.username" />
-					<FormControl label="手机" v-model="user.mobile_no" />
-					<FormControl label="邮箱" v-model="user.email" />
-				</div>
-				<ErrorMessage class="mt-4" :message="$resources.updateProfile.error" />
-			</template>
-		</Dialog>
-
-		<Dialog
-			:options="{
-				title: '禁用账户',
-				actions: [
-					{
-						label: '禁用账户',
-						variant: 'solid',
-						theme: 'red',
-						loading: $resources.disableAccount.loading,
-						onClick: () => deactivateAccount(disableAccount2FACode),
-					},
-				],
-			}"
-			v-model="showDisableAccountDialog"
->
-			<template v-slot:body-content>
-				<div class="prose text-base">
-					确认此操作后：
-					<ul>
-						<li>您的账户将被禁用</li>
-						<li>
-							您激活的站点将立即暂停，并在一周后被删除。
-						</li>
-						<li>您的账户计费将停止</li>
-					</ul>
-					您可以稍后登录以重新启用您的账户。您要继续吗？
-				</div>
-				<FormControl
-					v-if="user.is_2fa_enabled"
-					class="mt-4"
-					label="输入您的2FA代码以确认"
-					v-model="disableAccount2FACode"
-				/>
-				<ErrorMessage class="mt-2" :message="$resources.disableAccount.error" />
-			</template>
-		</Dialog>
-
-		<Dialog
-			:options="{
-				title: '启用账户',
-				actions: [
-					{
-						label: '启用账户',
-						variant: 'solid',
-						loading: $resources.enableAccount.loading,
-						onClick: () => $resources.enableAccount.submit(),
-					},
-				],
-			}"
-			v-model="showEnableAccountDialog"
-		>
-			<template v-slot:body-content>
-				<div class="prose text-base">
-					确认此操作后：
-					<ul>
-						<li>您的账户将被启用</li>
-						<li>您暂停的站点将重新激活</li>
-						<li>您的账户计费将恢复</li>
-					</ul>
-					您要继续吗？
-				</div>
-				<ErrorMessage class="mt-2" :message="$resources.enableAccount.error" />
-			</template>
-		</Dialog>
-
-		<AddPrepaidCreditsDialog
-			:showMessage="showMessage"
-			v-if="showAddPrepaidCreditsDialog"
-			v-model="showAddPrepaidCreditsDialog"
-			@success="reloadAccount"
-		/>
-		<ResetPasswordDialog 
-			v-if="showResetPasswordDialog"
-			v-model="showResetPasswordDialog"
-		/>
-	</Card>
-	<TFADialog v-model="show2FADialog" />
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { defineAsyncComponent, h } from 'vue';
-import FileUploader from '@/components/FileUploader.vue';
-import { confirmDialog, renderDialog } from '../../../utils/components';
-import TFADialog from './TFADialog.vue';
-import ResetPasswordDialog from './ResetPasswordDialog.vue';
-import router from '../../../router';
-import AddPrepaidCreditsDialog from '../../billing/AddPrepaidCreditsDialog.vue';
-
-export default {
-	name: 'AccountProfile',
-	components: {
-		TFADialog,
-		ResetPasswordDialog,
-		FileUploader,
-		AddPrepaidCreditsDialog,
-	},
-	data() {
-		return {
-			show2FADialog: false,
-			showResetPasswordDialog: false,
-			disableAccount2FACode: '',
-			showProfileEditDialog: false,
-			showEnableAccountDialog: false,
-			showDisableAccountDialog: false,
-			showAddPrepaidCreditsDialog: false,
-			showActiveServersDialog: false,
-			showMessage: false,
-			draftInvoice: {},
-			unpaidInvoices: [] | {},
-		};
-	},
-	computed: {
-		teamEnabled() {
-			return this.$team.pg.enabled;
-		},
-		user() {
-			return this.$team?.pg?.user_info;
-		},
-	},
-	resources: {
-		updateProfile() {
-			let { first_name, last_name, email, username, mobile_no } = this.user;
-			return {
-				url: 'jcloud.api.account.update_profile',
-				params: {
-					first_name,
-					last_name,
-					email,
-					username,
-					mobile_no,
-				},
-				onSuccess() {
-					this.showProfileEditDialog = false;
-					this.notifySuccess();
-				},
-			};
-		},
-		disableAccount: {
-			url: 'jcloud.api.account.disable_account',
-			onSuccess() {
-				this.showDisableAccountDialog = false;
-
-				const ChurnFeedbackDialog = defineAsyncComponent(
-					() => import('../../ChurnFeedbackDialog.vue'),
-				);
-
-				renderDialog(
-					h(ChurnFeedbackDialog, {
-						team: this.$team.pg.name,
-						onUpdated: () => {
-							toast.success('您的反馈已成功提交');
-						},
-					}),
-				);
-				toast.success('您的账户已成功禁用');
-				this.reloadAccount();
-			},
-		},
-		enableAccount: {
-			url: 'jcloud.api.account.enable_account',
-			onSuccess() {
-				toast.success('您的账户已成功启用');
-				this.reloadAccount();
-				this.showEnableAccountDialog = false;
-			},
-		},
-		upcomingInvoice: {
-			url: 'jcloud.api.billing.upcoming_invoice',
-			auto: true,
-			onSuccess(data) {
-				this.draftInvoice = data.upcoming_invoice;
-			},
-		},
-		unPaidInvoices: {
-url: 'jcloud.api.billing.get_unpaid_invoices',
-			auto: true,
-			onSuccess(data) {
-				this.unpaidInvoices = data;
-			},
-		},
-		hasActiveServers() {
-			return {
-				url: 'jcloud.api.account.has_active_servers',
-				auto: true,
-				params: {
-					team: this.$team.pg.name,
-				},
-				onSuccess(data) {
-					if (data) {
-						this.showActiveServersDialog = true;
-					}
-				},
-			};
-		},
-	},
-	methods: {
-		reloadAccount() {
-			this.$team.reload();
-		},
-		onProfilePhotoChange() {
-			this.reloadAccount();
-			this.notifySuccess();
-		},
-		notifySuccess() {
-			toast.success('您的个人资料已成功更新');
-		},
-		deactivateAccount(disableAccount2FACode) {
-			const currency = this.$team.pg.currency;
-			const minAmount = currency === 'CNY' ? 0.01 : 0.01;
-			if (this.draftInvoice && this.draftInvoice.amount_due > minAmount) {
-				const finalizeInvoicesDialog = defineAsyncComponent(
-					() => import('../../billing/FinalizeInvoicesDialog.vue'),
-				);
-				renderDialog(h(finalizeInvoicesDialog));
-			} else if (this.unpaidInvoices) {
-				if (this.unpaidInvoices.length > 1) {
-					this.showDisableAccountDialog = false;
-					if (this.$team.pg.payment_mode === 'Prepaid Credits') {
-						this.showAddPrepaidCreditsDialog = true;
-					} else {
-						confirmDialog({
-							title: '多张未支付发票',
-							message:
-								'您有多张未支付的发票。请从发票页面支付它们',
-							primaryAction: {
-								label: '前往发票',
-								variant: 'solid',
-								onClick: ({ hide }) => {
-									router.push({ name: 'BillingInvoices' });
-									hide();
-								},
-							},
-						});
-					}
-				} else {
-					let invoice = this.unpaidInvoices;
-					if (invoice.amount_due > minAmount) {
-						this.showDisableAccountDialog = false;
-						confirmDialog({
-							title: '清除未支付发票',
-							message: `您有一张未支付的发票，金额为${
-								invoice.currency === 'CNY' ? '¥' : '$'
-							} ${
-								invoice.amount_due
-							}。请在停用账户前结清它。`,
-							primaryAction: {
-								label: '立即结算',
-								variant: 'solid',
-								onClick: ({ hide }) => {
-									if (
-										invoice.stripe_invoice_url &&
-										this.$team.pg.payment_mode === 'Card'
-									) {
-										window.open(
-											`/api/action/jcloud.api.client.run_pg_method?dt=Invoice&dn=${invoice.name}&method=stripe_payment_url`,
-										);
-									} else {
-										this.showAddPrepaidCreditsDialog = true;
-									}
-									hide();
-								},
-							},
-						});
-					}
-				}
-			}
-
-			// validate if any active servers
-			if (this.showActiveServersDialog) {
-				const activeServersDialog = defineAsyncComponent(
-					() => import('../../ActiveServersDialog.vue'),
-				);
-				renderDialog(h(activeServersDialog));
-				return;
-			}
-			this.$resources.disableAccount.submit({
-				totp_code: disableAccount2FACode,
-			});
-		},
-		confirmPublisherAccount() {
-			confirmDialog({
-				title: '成为市场应用开发者？',
-				message:
-					'确认后，您将能够将应用发布到我们的市场。',
-				onSuccess: ({ hide }) => {
-					toast.promise(
-						this.$team.setValue.submit(
-							{
-								is_developer: 1,
-							},
-							{
-								onSuccess: () => {
-									hide();
-									this.$router.push({
-										name: 'Marketplace App List',
-									});
-								},
-								onError(e) {
-									console.error(e);
-								},
-							},
-						),
-						{
-							success: '您现在可以将应用发布到我们的市场',
-							error: '标记您为开发者失败',
-							loading: '正在将您设为开发者...',
-						},
-					);
-				},
-			});
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/profile/AccountReferral.vue b/dashboard_backup/src2/components/settings/profile/AccountReferral.vue
deleted file mode 100644
index d6d8c92..0000000
--- a/dashboard_backup/src2/components/settings/profile/AccountReferral.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-	<Card
-		v-if="referralLink"
-		title="推荐有礼"
-		subtitle="您的专属推荐链接"
-		class="mx-auto max-w-3xl"
-	>
-		<div class="flex flex-col space-y-4 overflow-hidden">
-			<ClickToCopyField :textContent="referralLink" />
-			<span class="text-sm font-medium leading-4 text-gray-700">
-				邀请他人加入 今果 Jingrow，
-				<strong>
-					当他们注册并消费至少 ¥100 时，
-					您将获得 ¥20 </strong
-				>
-			</span>
-		</div>
-	</Card>
-</template>
-<script>
-import ClickToCopyField from '../../ClickToCopyField.vue';
-
-export default {
-	name: 'AccountReferral',
-	components: {
-		ClickToCopyField
-	},
-	computed: {
-		referralLink() {
-			if (this.$team.pg?.referrer_id) {
-				return `${location.origin}/dashboard/signup?referrer=${this.$team.pg?.referrer_id}`;
-			}
-			return '';
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/profile/ProfileSettings.vue b/dashboard_backup/src2/components/settings/profile/ProfileSettings.vue
deleted file mode 100644
index aa0d575..0000000
--- a/dashboard_backup/src2/components/settings/profile/ProfileSettings.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-	<div class="p-5">
-		<div class="space-y-5">
-			<AccountProfile />
-			<AccountReferral />
-			<AccountPartner />
-		</div>
-	</div>
-</template>
-
-<script setup>
-import AccountProfile from './AccountProfile.vue';
-import AccountReferral from './AccountReferral.vue';
-import AccountPartner from './AccountPartner.vue';
-
-document.title = '设置 - 个人资料';
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/settings/profile/ResetPasswordDialog.vue b/dashboard_backup/src2/components/settings/profile/ResetPasswordDialog.vue
deleted file mode 100644
index c95d700..0000000
--- a/dashboard_backup/src2/components/settings/profile/ResetPasswordDialog.vue
+++ /dev/null
@@ -1,302 +0,0 @@
-<template>
-	<Dialog v-model="showDialog" :options="{ title: '重置密码' }">
-		<template #body-content>
-			<div class="space-y-4">
-				<div v-if="!isResetMode" class="space-y-4">
-					<FormControl
-						v-model="oldPassword"
-						type="password"
-						:fieldtype="'Password'"
-						:label="'当前密码'"
-						:fieldname="'old_password'"
-						:reqd="1"
-						:placeholder="'请输入当前密码'"
-					/>
-				</div>
-				<div class="space-y-4">
-					<FormControl
-						v-model="newPassword"
-						type="password"
-						:fieldtype="'Password'"
-						:label="'新密码'"
-						:fieldname="'new_password'"
-						:reqd="1"
-						:placeholder="'请输入新密码'"
-					/>
-					<div v-if="passwordStrengthMessage" class="text-sm" :class="passwordStrengthClass">
-						{{ passwordStrengthMessage }}
-					</div>
-					<FormControl
-						v-model="confirmPassword"
-						type="password"
-						:fieldtype="'Password'"
-						:label="'确认密码'"
-						:fieldname="'confirm_password'"
-						:reqd="1"
-						:placeholder="'请再次输入新密码'"
-					/>
-					<div v-if="passwordMismatchMessage" class="text-sm text-red-600">
-						{{ passwordMismatchMessage }}
-					</div>
-				</div>
-			</div>
-			<ErrorMessage class="mt-2" :message="error" />
-		</template>
-		<template #actions>
-			<div class="flex gap-2 w-full">
-				<Button 
-					variant="outline" 
-					class="flex-1"
-					@click="hide"
-				>
-					取消
-				</Button>
-				<Button 
-					variant="solid" 
-					class="flex-1"
-					:loading="isLoading"
-					:disabled="!isFormValid"
-					@click="onConfirm"
-				>
-					确认
-				</Button>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { ErrorMessage, FormControl } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'ResetPasswordDialog',
-	props: {
-		isResetMode: {
-			type: Boolean,
-			default: false
-		},
-		modelValue: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ['update:modelValue'],
-	expose: ['show', 'hide'],
-	data() {
-		return {
-			error: null,
-			isLoading: false,
-			oldPassword: '',
-			newPassword: '',
-			confirmPassword: '',
-			passwordStrengthMessage: '',
-			passwordStrengthClass: '',
-			passwordMismatchMessage: '',
-			passwordStrengthTimeout: null
-		};
-	},
-	computed: {
-		showDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		isFormValid() {
-			const hasNewPassword = this.newPassword && this.newPassword.length > 0;
-			const hasConfirmPassword = this.confirmPassword && this.confirmPassword.length > 0;
-			const passwordsMatch = this.newPassword === this.confirmPassword;
-			const passwordsDifferent = this.oldPassword !== this.newPassword;
-			
-			if (this.isResetMode) {
-				return hasNewPassword && hasConfirmPassword && passwordsMatch;
-			} else {
-				return this.oldPassword && hasNewPassword && hasConfirmPassword && passwordsMatch && passwordsDifferent;
-			}
-		}
-	},
-	components: { FormControl, ErrorMessage },
-	watch: {
-		newPassword() {
-			this.checkPasswordStrength();
-		},
-		confirmPassword() {
-			this.checkPasswordMismatch();
-		},
-		oldPassword() {
-			this.checkPasswordMismatch();
-		}
-	},
-	methods: {
-		checkPasswordStrength() {
-			if (this.passwordStrengthTimeout) {
-				clearTimeout(this.passwordStrengthTimeout);
-			}
-			
-			this.passwordStrengthTimeout = setTimeout(() => {
-				if (!this.newPassword) {
-					this.passwordStrengthMessage = '';
-					return;
-				}
-				
-				// 调用密码强度检查API
-				this.$resources.checkPasswordStrength.submit({
-					new_password: this.newPassword,
-					old_password: this.oldPassword
-				});
-			}, 200);
-		},
-		
-		checkPasswordMismatch() {
-			if (this.oldPassword && this.newPassword && this.oldPassword === this.newPassword) {
-				this.passwordMismatchMessage = '新密码不能与当前密码相同';
-				this.passwordStrengthMessage = '';
-			} else if (this.confirmPassword && this.newPassword !== this.confirmPassword) {
-				this.passwordMismatchMessage = '两次输入的密码不一致';
-				this.passwordStrengthMessage = '';
-			} else {
-				this.passwordMismatchMessage = '';
-			}
-		},
-		
-		async onConfirm() {
-			this.error = null;
-			
-			if (!this.validateForm()) {
-				return;
-			}
-			
-			this.isLoading = true;
-			try {
-				await this.$resources.updatePassword.submit({
-					old_password: this.oldPassword,
-					new_password: this.newPassword,
-					confirm_password: this.confirmPassword,
-					logout_all_sessions: 1
-				});
-			} catch (error) {
-				this.error = error.message || '密码更新失败';
-			} finally {
-				this.isLoading = false;
-			}
-		},
-		
-		validateForm() {
-			if (!this.isResetMode && !this.oldPassword) {
-				this.error = '请输入当前密码';
-				return false;
-			}
-			
-			if (!this.newPassword) {
-				this.error = '请输入新密码';
-				return false;
-			}
-			
-			if (this.newPassword !== this.confirmPassword) {
-				this.error = '两次输入的密码不一致';
-				return false;
-			}
-			
-			if (!this.isResetMode && this.oldPassword === this.newPassword) {
-				this.error = '新密码不能与当前密码相同';
-				return false;
-			}
-			
-			return true;
-		},
-		
-		show() {
-			this.showDialog = true;
-			this.resetForm();
-		},
-		
-		hide() {
-			this.showDialog = false;
-			this.resetForm();
-		},
-		
-		resetForm() {
-			this.oldPassword = '';
-			this.newPassword = '';
-			this.confirmPassword = '';
-			this.error = null;
-			this.passwordStrengthMessage = '';
-			this.passwordStrengthClass = '';
-			this.passwordMismatchMessage = '';
-			
-			if (this.passwordStrengthTimeout) {
-				clearTimeout(this.passwordStrengthTimeout);
-				this.passwordStrengthTimeout = null;
-			}
-		}
-	},
-	resources: {
-		checkPasswordStrength() {
-			return {
-				url: 'jingrow.core.pagetype.user.user.test_password_strength',
-				params: {
-					old_password: this.oldPassword,
-					new_password: this.newPassword
-				},
-				onSuccess(data) {
-					if (data.message) {
-						const score = data.message.score;
-						const feedback = data.message.feedback;
-						
-						if (feedback.password_policy_validation_passed) {
-							this.passwordStrengthMessage = '密码强度良好 👍';
-							this.passwordStrengthClass = 'text-green-600';
-						} else {
-							let message = [];
-							if (feedback.suggestions && feedback.suggestions.length) {
-								message = message.concat(feedback.suggestions);
-							} else if (feedback.warning) {
-								message.push(feedback.warning);
-							}
-							message.push('提示：密码应包含符号、数字和大写字母');
-							this.passwordStrengthMessage = message.join(' ');
-							this.passwordStrengthClass = 'text-red-600';
-						}
-					}
-				},
-				onError() {
-					this.passwordStrengthMessage = '';
-				}
-			};
-		},
-		
-		updatePassword() {
-			return {
-				url: 'jingrow.core.pagetype.user.user.update_password',
-				onSuccess(data) {
-					// 显示成功提示，5秒后自动消失
-					toast.success('密码更新成功', {
-						duration: 3000,
-						description: '您的密码已更新'
-					});
-					
-					// 立即关闭对话框
-					this.hide();
-					
-					// 如果有重定向消息，在关闭对话框后重定向
-					if (data.message) {
-						setTimeout(() => {
-							window.location.href = data.message;
-						}, 1000);
-					}
-				},
-				onError(error) {
-					if (error.status === 401) {
-						this.error = '当前密码不正确';
-					} else {
-						this.error = error.message || '密码更新失败';
-					}
-				}
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src2/components/settings/profile/TFADialog.vue b/dashboard_backup/src2/components/settings/profile/TFADialog.vue
deleted file mode 100644
index c60ec9b..0000000
--- a/dashboard_backup/src2/components/settings/profile/TFADialog.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		:options="{
-			title: is2FAEnabled
-				? '禁用双因素认证'
-				: '启用双因素认证'
-		}"
-	>
-		<template #body-content>
-			<Configure2FA @enabled="closeDialog" @disabled="closeDialog" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import Configure2FA from '../../auth/Configure2FA.vue';
-
-export default {
-	props: {
-		modelValue: {
-			type: Boolean,
-			required: true
-		}
-	},
-	components: {
-		Configure2FA
-	},
-	methods: {
-		closeDialog() {
-			this.show = false;
-		}
-	},
-	computed: {
-		is2FAEnabled() {
-			return this.$team.pg?.user_info?.is_2fa_enabled;
-		},
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/AnalyticsCard.vue b/dashboard_backup/src2/components/site/AnalyticsCard.vue
deleted file mode 100644
index 4e1ac03..0000000
--- a/dashboard_backup/src2/components/site/AnalyticsCard.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-	<div class="rounded-md border">
-		<div class="flex h-12 items-center justify-between border-b px-5">
-			<h3 class="text-lg font-medium text-gray-900">{{ title }}</h3>
-			<slot name="action"></slot>
-		</div>
-		<slot></slot>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'AnalyticsCard',
-	props: ['title']
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/ConfigureAutoUpdateDialog.vue b/dashboard_backup/src2/components/site/ConfigureAutoUpdateDialog.vue
deleted file mode 100644
index 55454cf..0000000
--- a/dashboard_backup/src2/components/site/ConfigureAutoUpdateDialog.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-	<Dialog v-model="show" :options="{ title: '配置自动更新' }">
-		<template #body-content>
-			<div class="mt-8">
-				<Switch
-					v-model="enableAutoUpdate"
-					label="启用自动更新"
-					description="每当有可用更新时自动安排站点更新"
-				/>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { Switch, getCachedDocumentResource } from 'jingrow-ui';
-
-export default {
-	props: {
-		site: {
-			type: String,
-			required: true
-		}
-	},
-	components: { Switch },
-	data() {
-		return {
-			show: true
-		};
-	},
-	computed: {
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-		enableAutoUpdate: {
-			get() {
-				return !this.$site?.pg.skip_auto_updates;
-			},
-			set(value) {
-				this.$site.setValue.submit({ skip_auto_updates: !value });
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/InstallAppDialog.vue b/dashboard_backup/src2/components/site/InstallAppDialog.vue
deleted file mode 100644
index f2fc902..0000000
--- a/dashboard_backup/src2/components/site/InstallAppDialog.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		:options="{
-			title: '在您的站点上安装应用',
-			size: '4xl'
-		}"
-	>
-		<template #body-content>
-			<ObjectList :options="listOptions" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource, createResource } from 'jingrow-ui';
-import { defineAsyncComponent, h } from 'vue';
-import { toast } from 'vue-sonner';
-import { renderDialog } from '../../utils/components';
-import router from '../../router';
-import ObjectList from '../ObjectList.vue';
-import { getToastErrorMessage } from '../../utils/toast';
-
-export default {
-	props: {
-		site: {
-			type: String,
-			required: true
-		}
-	},
-	emits: ['installed'],
-	components: {
-		ObjectList
-	},
-	data() {
-		return {
-			show: true,
-			installPending: false
-		};
-	},
-	computed: {
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-		listOptions() {
-			const handleInstall = async row => {
-				// 防止重复点击或正在处理中
-				if (this.$site.installApp.loading || this.installPending) return;
-				
-				// 确保有有效的app
-				if (!row || !row.app) {
-					toast.error('无效的应用信息');
-					return;
-				}
-				
-				// 标记为处理中，防止重复点击
-				this.installPending = true;
-				
-				try {
-					// 直接创建一个资源进行应用安装权限检查
-					const checkResource = createResource({
-						url: 'jcloud.api.site.check_app_installable',
-						params: {
-							name: this.site,
-							app: row.app
-						},
-						auto: true
-					});
-					
-					// 等待资源加载完成
-					await new Promise(resolve => {
-						const unwatch = this.$watch(
-							() => !checkResource.loading,
-							isNotLoading => {
-								if (isNotLoading) {
-									unwatch();
-									resolve();
-								}
-							},
-							{ immediate: true }
-						);
-					});
-					
-					// 获取检查结果
-					const checkResult = checkResource.data;
-					
-					// 如果API返回错误或结果无效，取消安装
-					if (!checkResult) {
-						toast.error('应用安装权限验证失败，安装已取消');
-						this.installPending = false;
-						return;
-					}
-					
-					// 如果应用不可安装，显示对应提示
-					if (!checkResult.installable) {
-						const subscriptionTypeMap = {
-							2: '299元/月',
-							3: '399元/月',
-							4: '499元/月', 
-							5: '599元/月'
-						};
-						
-						const requiredPlan = subscriptionTypeMap[checkResult.required_plan_level] || 
-							`Level ${checkResult.required_plan_level}`;
-						
-						toast.error(`无法安装此应用，需要${requiredPlan}或更高级别的站点计划。请先升级您的站点计划。`);
-						this.installPending = false;
-						return;
-					}
-					
-					// 应用可安装，执行安装流程
-					await toast.promise(
-						this.$site.installApp.submit({ app: row.app })
-							.then(jobId => {
-								this.$emit('installed');
-								this.show = false;
-								return jobId;
-							}),
-						{
-							loading: '正在创建安装任务...',
-							success: () => '应用安装任务已创建',
-							error: e => {
-								// 尝试从错误对象中提取消息
-								const errorMessage = e?.message || e?.messages?.[0] || e?.exc_info?.exception || '安装任务创建失败';
-								
-								// 返回用户友好的错误消息
-								return typeof errorMessage === 'string' ? errorMessage : '安装任务创建失败，请稍后重试';
-							}
-						}
-					);
-					
-				} catch (error) {
-					toast.error('无法验证安装权限，安装已取消');
-				} finally {
-					// 无论成功失败，都清除处理标记
-					this.installPending = false;
-				}
-			};
-			
-			return {
-				label: '应用',
-				fieldname: 'app',
-				fieldtype: 'ListSelection',
-				emptyStateMessage:
-					'未找到应用' +
-					(!this.$site.pg?.group_public
-						? '。请从您的工作台添加它们。'
-						: ''),
-				columns: [
-					{
-						label: '标题',
-						fieldname: 'title',
-						class: 'font-medium',
-						width: 2,
-						format: (value, row) => value || row.app_title
-					},
-					{
-						label: '仓库',
-						fieldname: 'repository_owner',
-						class: 'text-gray-600',
-						width: '10rem'
-					},
-					{
-						label: '版本',
-						fieldname: 'branch',
-						class: 'text-gray-600',
-						width: '20rem'
-					},
-					{
-						label: '',
-						fieldname: '',
-						align: 'right',
-						type: 'Button',
-						width: '5rem',
-						Button: function({ row }) {
-							return {
-								label: '安装',
-								onClick: () => handleInstall(row)
-							};
-						}
-					}
-				],
-				resource: () => {
-					return {
-						url: 'jcloud.api.site.available_apps',
-						params: {
-							name: this.site
-						},
-						auto: true
-					};
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/NewSiteAppSelector.vue b/dashboard_backup/src2/components/site/NewSiteAppSelector.vue
deleted file mode 100644
index 1c31fe3..0000000
--- a/dashboard_backup/src2/components/site/NewSiteAppSelector.vue
+++ /dev/null
@@ -1,220 +0,0 @@
-<template>
-	<div v-if="availableApps.length" class="space-y-12">
-		<div v-if="publicApps">
-			<h2 class="text-sm font-medium leading-6 text-gray-900">
-				{{
-					!siteOnPublicBench && privateApps
-						? '选择市场应用'
-						: '选择应用'
-				}}
-			</h2>
-			<div class="mt-2 w-full space-y-2">
-				<ObjectList :options="publicApps" />
-			</div>
-			<SiteAppPlanSelectorDialog
-				v-if="selectedApp"
-				v-model="showAppPlanSelectorDialog"
-				:app="selectedApp"
-				@plan-select="
-					plan => {
-						apps = [...apps, { ...selectedApp, plan }];
-						showAppPlanSelectorDialog = false;
-					}
-				"
-			/>
-		</div>
-		<div v-if="!siteOnPublicBench && privateApps">
-			<h2 class="text-sm font-medium leading-6 text-gray-900">
-				选择私有应用
-			</h2>
-			<div class="mt-2 w-full space-y-2">
-				<ObjectList :options="privateApps" />
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { h } from 'vue';
-import DownloadIcon from '~icons/lucide/download';
-import SiteAppPlanSelectorDialog from './SiteAppPlanSelectorDialog.vue';
-import { Badge } from 'jingrow-ui';
-import { icon } from '../../utils/components';
-import ObjectList from '../ObjectList.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	props: ['availableApps', 'siteOnPublicBench', 'modelValue'],
-	emits: ['update:modelValue'],
-	components: {
-		ObjectList,
-		SiteAppPlanSelectorDialog
-	},
-	data() {
-		return {
-			selectedApp: null,
-			showAppPlanSelectorDialog: false
-		};
-	},
-	computed: {
-		apps: {
-			get() {
-				return this.modelValue || [];
-			},
-			set(newApps) {
-				this.$emit('update:modelValue', newApps);
-			}
-		},
-		publicApps() {
-			if (!this.availableApps) return;
-			const publicApps = this.availableApps.filter(
-				app => (app.public || app.plans?.length) && app.image
-			);
-
-			if (!publicApps.length) return;
-
-			this.apps = this.availableApps.filter(app => app.preinstalled === true);
-
-			return {
-				data: () => publicApps,
-				columns: [
-					{
-						label: '应用',
-						fieldname: 'app_title',
-						type: 'Component',
-						component: ({ row }) => {
-							return h(
-								'a',
-								{
-									class: 'flex items-center text-sm',
-									href: `/${row.route}`,
-									target: '_blank'
-								},
-								[
-									h('img', {
-										class: 'h-6 w-6 rounded-sm',
-										src: row.image
-									}),
-									h('span', { class: 'ml-2' }, row.title || row.app_title),
-									row?.preinstalled
-										? h(Badge, {
-												class: 'ml-2',
-												theme: 'green',
-												label: '预装'
-										  })
-										: '',
-									row.subscription_type !== 'Free'
-										? h(Badge, {
-												class: 'ml-2',
-												theme: 'gray',
-												label: '付费'
-										  })
-										: ''
-								]
-							);
-						}
-					},
-					{
-						label: '安装次数',
-						width: 0.2,
-						type: 'Component',
-						component: ({ row }) => {
-							return h(
-								'div',
-								{
-									class: 'flex items-center text-sm text-gray-600'
-								},
-								[
-									h(DownloadIcon, {
-										class: 'h-3 w-3'
-									}),
-									h('span', { class: 'ml-0.5 leading-3' }, [
-										this.$format.numberK(row.total_installs || '0')
-									])
-								]
-							);
-						}
-					},
-					{
-						label: '',
-						width: 0.2,
-						align: 'right',
-						type: 'Button',
-						Button: ({ row: app }) => {
-							const isAppAdded = this.apps.map(a => a.app).includes(app.app);
-
-							return {
-								label: isAppAdded ? 'check' : 'plus',
-								slots: {
-									icon: isAppAdded ? icon('check') : icon('plus')
-								},
-variant: isAppAdded ? 'outline' : 'subtle',
-								onClick: event => {
-									this.toggleApp(app);
-									event.stopPropagation();
-								}
-							};
-						}
-					}
-				]
-			};
-		},
-		privateApps() {
-			if (!this.availableApps) return;
-
-			let privateApps = this.availableApps.filter(
-				app => !((app.public || app.plans?.length) && app.image)
-			);
-
-			if (privateApps.length === 0) return;
-
-			return {
-				data: () => privateApps,
-				columns: [
-					{
-						label: '应用',
-						fieldname: 'app_title'
-					},
-					{
-						label: '',
-						align: 'right',
-						type: 'Button',
-						Button: ({ row: app }) => {
-							const isAppAdded = this.apps
-								.map(a => a.app)
-								.includes(app.app || app.app_title);
-							return {
-								label: '添加',
-								slots: {
-									icon: isAppAdded ? icon('check') : icon('plus')
-								},
-								variant: isAppAdded ? 'outline' : 'subtle',
-								onClick: event => {
-									this.toggleApp(app);
-									event.stopPropagation();
-								}
-							};
-						}
-					}
-				]
-			};
-		}
-	},
-	methods: {
-		toggleApp(app) {
-			if (app.preinstalled) {
-				toast.error(app.title + ' 是预安装的，无法移除');
-			} else if (this.apps.map(a => a.app).includes(app.app)) {
-				this.apps = this.apps.filter(a => a.app !== app.app);
-			} else {
-				if (app.subscription_type && app.subscription_type !== 'Free') {
-					this.selectedApp = app;
-					this.showAppPlanSelectorDialog = true;
-				} else {
-					this.apps = [...this.apps, app];
-				}
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SelectSiteForRestore.vue b/dashboard_backup/src2/components/site/SelectSiteForRestore.vue
deleted file mode 100644
index 6bac8a0..0000000
--- a/dashboard_backup/src2/components/site/SelectSiteForRestore.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-	<Dialog
-		v-model="showDialog"
-		:options="{
-			title: '在其他站点恢复备份',
-			actions: [
-				{
-					label: '恢复',
-					variant: 'solid',
-					theme: 'red',
-					disabled: !selectedSite,
-					onClick: () => {
-						this.$emit('restore', this.selectedSite.value);
-						showDialog = false;
-					}
-				}
-			]
-		}"
-	>
-		<template #body-content>
-			<FormControl
-				label="选择要恢复备份的站点"
-				class="mt-4"
-				type="autocomplete"
-				v-model="selectedSite"
-				:options="
-					($resources.sites.data || []).map(site => {
-						return {
-							label: site.host_name || site.name,
-							value: site.name
-						};
-					})
-				"
-			/>
-			<AlertBanner
-				v-if="selectedSite"
-				class="mt-4"
-				type="warning"
-				:title="`恢复操作将使用 <strong>${site}</strong> 的备份数据覆盖 <strong>${selectedSite.value}</strong> 的当前数据`"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import AlertBanner from '../AlertBanner.vue';
-
-export default {
-	name: 'SelectSiteForRestore',
-	props: ['site'],
-	emits: ['restore'],
-	data() {
-		return {
-			selectedSite: null,
-			showDialog: true
-		};
-	},
-	components: {
-		AlertBanner
-	},
-	resources: {
-		sites() {
-			return {
-				type: 'list',
-				pagetype: 'Site',
-				fields: ['host_name', 'name'],
-				filters: { name: ['!=', this.site] },
-				pageLength: 500,
-				auto: true
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteAnalytics.vue b/dashboard_backup/src2/components/site/SiteAnalytics.vue
deleted file mode 100644
index 3a443b9..0000000
--- a/dashboard_backup/src2/components/site/SiteAnalytics.vue
+++ /dev/null
@@ -1,482 +0,0 @@
-<template>
-	<div class="space-y-4 p-5">
-		<div class="flex space-x-4">
-			<FormControl
-				class="ml-auto w-32"
-				type="select"
-				:options="durationOptions"
-				v-model="duration"
-			/>
-		</div>
-		<ErrorMessage
-			:message="
-				$resources.analytics.error || $resources.advancedAnalytics.error
-			"
-		/>
-
-		<div class="grid grid-cols-1 gap-5 sm:grid-cols-2">
-			<AnalyticsCard title="每日使用量">
-				<LineChart
-					type="time"
-					title="使用计数器"
-					:key="usageCounterData"
-					:data="usageCounterData"
-					unit="seconds"
-					:chartTheme="[$theme.colors.purple[500]]"
-					:loading="$resources.analytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="运行时间">
-				<SiteUptime
-					:data="$resources.analytics?.data?.uptime"
-					:loading="$resources.analytics.loading"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="请求">
-				<LineChart
-					type="time"
-					title="请求"
-					:key="requestCountData"
-					:data="requestCountData"
-					unit="requests"
-					:chartTheme="[$theme.colors.green[500]]"
-					:loading="$resources.analytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-				<template #action>
-					<router-link
-						class="text-base text-gray-600 hover:text-gray-700"
-						:to="{ name: 'Site Performance Request Logs' }"
-					>
-						请求日志报告 →
-					</router-link>
-				</template>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="请求 CPU 使用率">
-				<LineChart
-					type="time"
-					title="请求 CPU 使用率"
-					:key="requestTimeData"
-					:data="requestTimeData"
-					unit="seconds"
-					:chartTheme="[$theme.colors.yellow[500]]"
-					:loading="$resources.analytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-		</div>
-
-		<div
-			class="!mt-6 flex w-fit cursor-pointer space-x-2"
-			@click="toggleAdvancedAnalytics"
-		>
-			<h2 class="text-lg font-semibold">高级分析</h2>
-			<FeatherIcon
-				class="h-5 w-5 text-gray-500 hover:text-gray-700"
-				:name="showAdvancedAnalytics ? 'chevron-down' : 'chevron-right'"
-			/>
-		</div>
-
-		<!-- 高级分析 -->
-		<div
-			v-if="showAdvancedAnalytics"
-			class="grid grid-cols-1 gap-5 sm:grid-cols-2"
-		>
-			<AnalyticsCard title="后台任务">
-				<LineChart
-					type="time"
-					title="后台任务"
-					:key="jobCountData"
-					:data="jobCountData"
-					unit="jobs"
-					:chartTheme="[$theme.colors.red[500]]"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard title="后台任务 CPU 使用率">
-				<LineChart
-					type="time"
-					title="后台任务 CPU 使用率"
-					:key="jobTimeData"
-					:data="jobTimeData"
-					unit="seconds"
-					:chartTheme="[$theme.colors.blue[500]]"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard class="sm:col-span-2" title="频繁请求">
-				<BarChart
-					title="按路径的请求计数"
-					:key="requestCountByPathData"
-					:data="requestCountByPathData"
-					unit="requests"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-		
-			<AnalyticsCard class="sm:col-span-2" title="最慢请求">
-				<BarChart
-					:key="requestDurationByPathData"
-					:data="requestDurationByPathData"
-					unit="秒"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				class="sm:col-span-2"
-				title="单个请求时间（平均）"
-			>
-				<BarChart
-					:key="averageRequestDurationByPathData"
-					:data="averageRequestDurationByPathData"
-					unit="秒"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard class="sm:col-span-2" title="频繁后台任务">
-				<BarChart
-					:key="backgroundJobCountByMethodData"
-					:data="backgroundJobCountByMethodData"
-					unit="任务"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard class="sm:col-span-2" title="最慢后台任务">
-				<BarChart
-					:key="backgroundJobDurationByMethodData"
-					:data="backgroundJobDurationByMethodData"
-					unit="秒"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard
-				class="sm:col-span-2"
-				title="单个后台任务时间（平均）"
-			>
-				<BarChart
-					:key="averageBackgroundJobDurationByMethodData"
-					:data="averageBackgroundJobDurationByMethodData"
-					unit="秒"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard class="sm:col-span-2" title="频繁慢查询">
-				<template #action>
-					<Tooltip text="显示详细报告">
-						<router-link
-							class="ml-2 mr-auto text-base text-gray-600 hover:text-gray-700"
-							:to="{ name: 'Site Performance Slow Queries' }"
-						>
-							→
-						</router-link>
-					</Tooltip>
-					<TabButtons
-						:buttons="[{ label: '非规范化' }, { label: '规范化' }]"
-						v-model="slowLogsFrequencyType"
-					/>
-				</template>
-				<BarChart
-					:key="slowLogsCountData"
-					:data="slowLogsCountData"
-					unit="查询"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-
-			<AnalyticsCard class="sm:col-span-2" title="最慢查询">
-				<template #action>
-					<Tooltip text="显示详细报告">
-						<router-link
-							class="ml-2 mr-auto text-base text-gray-600 hover:text-gray-700"
-							:to="{ name: 'Site Performance Slow Queries' }"
-						>
-							→
-						</router-link>
-					</Tooltip>
-					<TabButtons
-						:buttons="[{ label: '非规范化' }, { label: '规范化' }]"
-						v-model="slowLogsDurationType"
-					/>
-				</template>
-				<BarChart
-					:key="slowLogsDurationData"
-					:data="slowLogsDurationData"
-					unit="秒"
-					:chartTheme="requestChartColors"
-					:loading="$resources.advancedAnalytics.loading"
-					:showCard="false"
-					class="h-[15.55rem] p-2 pb-3"
-				/>
-			</AnalyticsCard>
-		</div>
-	</div>
-</template>
-
-<script>
-import dayjs from '../../utils/dayjs';
-import LineChart from '@/components/charts/LineChart.vue';
-import BarChart from '@/components/charts/BarChart.vue';
-import SiteUptime from './SiteUptime.vue';
-import AlertBanner from '../AlertBanner.vue';
-import AnalyticsCard from './AnalyticsCard.vue';
-
-export default {
-	name: 'SiteAnalytics',
-	props: ['name'],
-	components: {
-		BarChart,
-		LineChart,
-		SiteUptime,
-		AlertBanner,
-		AnalyticsCard,
-	},
-	data() {
-		return {
-			duration: '24h',
-			showAdvancedAnalytics: false,
-			localTimezone: dayjs.tz.guess(),
-			slowLogsDurationType: 'Denormalized',
-			slowLogsFrequencyType: 'Denormalized',
-			durationOptions: [
-				{ label: '时长', value: null, disabled: true },
-				{ label: '1小时', value: '1h' },
-				{ label: '6小时', value: '6h' },
-				{ label: '24小时', value: '24h' },
-				{ label: '7天', value: '7d' },
-				{ label: '15天', value: '15d' },
-			],
-		};
-	},
-	resources: {
-		analytics() {
-			return {
-				url: 'jcloud.api.analytics.get',
-				params: {
-					name: this.name,
-					timezone: this.localTimezone,
-					duration: this.duration,
-				},
-				auto: true,
-			};
-		},
-		advancedAnalytics() {
-			return {
-				url: 'jcloud.api.analytics.get_advanced_analytics',
-				params: {
-					name: this.name,
-					timezone: this.localTimezone,
-					duration: this.duration,
-				},
-				auto: this.showAdvancedAnalytics,
-			};
-		},
-		slowLogsCount() {
-			return {
-				url: 'jcloud.api.analytics.get_slow_logs_by_query',
-				params: {
-					name: this.name,
-					agg_type: 'count',
-					timezone: this.localTimezone,
-					duration: this.duration,
-					normalize: this.slowLogsFrequencyType === 'Normalized',
-				},
-				auto: this.showAdvancedAnalytics,
-			};
-		},
-		slowLogsDuration() {
-			return {
-				url: 'jcloud.api.analytics.get_slow_logs_by_query',
-				params: {
-					name: this.name,
-					agg_type: 'duration',
-					timezone: this.localTimezone,
-					duration: this.duration,
-					normalize: this.slowLogsDurationType === 'Normalized',
-				},
-				auto: this.showAdvancedAnalytics,
-			};
-		},
-	},
-	computed: {
-		requestChartColors() {
-			return [
-				this.$theme.colors.green[500],
-				this.$theme.colors.red[500],
-				this.$theme.colors.yellow[500],
-				this.$theme.colors.pink[500],
-				this.$theme.colors.purple[500],
-				this.$theme.colors.blue[500],
-				this.$theme.colors.teal[500],
-				this.$theme.colors.cyan[500],
-				this.$theme.colors.gray[500],
-				this.$theme.colors.orange[500],
-			];
-		},
-		usageCounterData() {
-			let data = this.$resources.analytics.data?.usage_counter;
-			if (!data) return;
-
-			let plan_limit = this.$resources.analytics.data?.plan_limit;
-
-			return {
-				datasets: [data.map((d) => [+new Date(d.date), d.value / 1000000])],
-				// 每日限制标记
-				markLine: {
-					data: [
-						{
-							name: '每日计算限制',
-							yAxis: plan_limit,
-							label: {
-								formatter: '{b}: {c} 秒',
-								position: 'middle',
-							},
-							lineStyle: {
-								color: '#f5222d',
-							},
-						},
-					],
-					symbol: ['none', 'none'],
-				},
-			};
-		},
-		requestCountData() {
-			let requestCount = this.$resources.analytics.data?.request_count;
-			if (!requestCount) return;
-
-			return {
-				datasets: [requestCount.map((d) => [+new Date(d.date), d.value])],
-			};
-		},
-		requestCountByPathData() {
-			let requestCountByPath =
-				this.$resources.advancedAnalytics.data?.request_count_by_path;
-			if (!requestCountByPath) return;
-
-			return requestCountByPath;
-		},
-		requestDurationByPathData() {
-			let requestDurationByPath =
-				this.$resources.advancedAnalytics.data?.request_duration_by_path;
-			if (!requestDurationByPath) return;
-
-			return requestDurationByPath;
-		},
-		averageRequestDurationByPathData() {
-			let averageRequestDurationByPath =
-				this.$resources.advancedAnalytics.data
-					?.average_request_duration_by_path;
-			if (!averageRequestDurationByPath) return;
-
-			return averageRequestDurationByPath;
-		},
-		backgroundJobCountByMethodData() {
-			let backgroundJobCountByMethod =
-				this.$resources.advancedAnalytics.data?.background_job_count_by_method;
-			if (!backgroundJobCountByMethod) return;
-
-			return backgroundJobCountByMethod;
-		},
-		backgroundJobDurationByMethodData() {
-			let backgroundJobDurationByMethod =
-				this.$resources.advancedAnalytics.data
-					?.background_job_duration_by_method;
-			if (!backgroundJobDurationByMethod) return;
-
-			return backgroundJobDurationByMethod;
-		},
-		averageBackgroundJobDurationByMethodData() {
-			let averageBackgroundJobDurationByMethod =
-				this.$resources.advancedAnalytics.data
-					?.average_background_job_duration_by_method;
-			if (!averageBackgroundJobDurationByMethod) return;
-
-			return averageBackgroundJobDurationByMethod;
-		},
-		slowLogsDurationData() {
-			const slowLogs = this.$resources.slowLogsDuration.data;
-			if (!slowLogs) return;
-
-			return slowLogs;
-		},
-		slowLogsCountData() {
-			const slowLogs = this.$resources.slowLogsCount.data;
-			if (!slowLogs) return;
-
-			return slowLogs;
-		},
-		requestTimeData() {
-			let requestCpuTime = this.$resources.analytics.data?.request_cpu_time;
-			if (!requestCpuTime) return;
-
-			return {
-				datasets: [
-					requestCpuTime.map((d) => [+new Date(d.date), d.value / 1000000]),
-				],
-			};
-		},
-		jobCountData() {
-			let jobCount = this.$resources.advancedAnalytics.data?.job_count;
-			if (!jobCount) return;
-
-			return {
-				datasets: [jobCount.map((d) => [+new Date(d.date), d.value])],
-			};
-		},
-		jobTimeData() {
-			let jobCpuTime = this.$resources.advancedAnalytics.data?.job_cpu_time;
-			if (!jobCpuTime) return;
-
-			return {
-				datasets: [
-					jobCpuTime.map((d) => [+new Date(d.date), d.value / 1000000]),
-				],
-			};
-		},
-	},
-	methods: {
-		toggleAdvancedAnalytics() {
-			this.showAdvancedAnalytics = !this.showAdvancedAnalytics;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteAppPlanSelectDialog.vue b/dashboard_backup/src2/components/site/SiteAppPlanSelectDialog.vue
deleted file mode 100644
index 289e40b..0000000
--- a/dashboard_backup/src2/components/site/SiteAppPlanSelectDialog.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-	<SiteAppPlanSelectorDialog
-		v-model="showDialog"
-		:app="app"
-		:currentPlan="currentPlan"
-		@plan-select="handlePlanSelect"
-	/>
-</template>
-
-<script>
-import { getToastErrorMessage } from '../../utils/toast';
-import SiteAppPlanSelectorDialog from './SiteAppPlanSelectorDialog.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	components: {
-		SiteAppPlanSelectorDialog
-	},
-	props: ['app', 'currentPlan'],
-	emits: ['plan-changed', 'plan-selected', 'onPlanSelected'],
-	data() {
-		return {
-			showDialog: true
-		};
-	},
-	resources: {
-		changeAppPlan: {
-			url: 'jcloud.api.marketplace.change_app_plan'
-		}
-	},
-	methods: {
-		handlePlanSelect(plan) {
-			if (this.currentPlan) {
-				// 更改现有计划
-				toast.promise(
-					this.$resources.changeAppPlan.submit({
-						subscription: this.app.subscription.name,
-						new_plan: plan.name
-					}),
-					{
-						loading: '正在更改计划...',
-						success: () => {
-							this.$emit('plan-changed', plan);
-							return '计划更改成功';
-						},
-						error: e => getToastErrorMessage(e)
-					}
-				);
-			} else {
-				this.$emit('plan-selected', plan);
-				this.$emit('onPlanSelected', plan);
-				this.showDialog = false;
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteAppPlanSelectorDialog.vue b/dashboard_backup/src2/components/site/SiteAppPlanSelectorDialog.vue
deleted file mode 100644
index 92c83b4..0000000
--- a/dashboard_backup/src2/components/site/SiteAppPlanSelectorDialog.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: `选择 ${app?.app_title || app?.title} 的计划`,
-			size: '3xl',
-			actions: [
-				{
-					label: '选择计划',
-					variant: 'solid',
-					disabled: !selectedPlan,
-					onClick: () => {
-						$emit('plan-select', selectedPlan);
-						show = false;
-					}
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<PlansCards v-model="selectedPlan" :plans="plans" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import PlansCards from '../PlansCards.vue';
-
-export default {
-	props: ['app', 'modelValue', 'currentPlan'],
-	emits: ['plan-select', 'update:modelValue'],
-	components: {
-		PlansCards
-	},
-	data() {
-		return {
-			selectedPlan: this.currentPlan
-		};
-	},
-	computed: {
-		show: {
-			get() {
-				return this.modelValue;
-			},
-			set(val) {
-				this.$emit('update:modelValue', val);
-				if (!val) {
-					this.selectedPlan = null;
-				}
-			}
-		},
-		plans() {
-			return this.app.plans.map(plan => {
-				return {
-					label:
-						plan.price_cny === 0 || plan.price_usd === 0
-							? '免费'
-							: `${this.$format.userCurrency(
-									this.$team.pg.currency === 'CNY'
-										? plan.price_cny
-										: plan.price_usd
-							  )}/月`,
-					sublabel: ' ',
-					plan_title: plan.title,
-					...plan,
-					features: plan.features.map(f => ({
-						value: f,
-						icon: 'check-circle'
-					}))
-				};
-			});
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteChangeGroupDialog.vue b/dashboard_backup/src2/components/site/SiteChangeGroupDialog.vue
deleted file mode 100644
index 03fa988..0000000
--- a/dashboard_backup/src2/components/site/SiteChangeGroupDialog.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '将站点移动到另一个站点分组',
-			actions: [
-				{
-					label: '更改站点分组',
-					loading: $resources.changeGroup.loading,
-					disabled: !$resources.changeGroupOptions?.data?.length,
-					variant: 'solid',
-					onClick: () =>
-						$resources.changeGroup.submit({
-							skip_failing_patches: skipFailingPatches,
-							group: targetGroup.value,
-							name: site
-						})
-				},
-				{
-					label: '克隆当前站点分组',
-					onClick: () => {
-						$emit('update:modelValue', false);
-						showCloneBenchDialog = true;
-					}
-				}
-			]
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<LoadingIndicator
-				class="mx-auto h-4 w-4"
-				v-if="$resources.changeGroupOptions.loading"
-			/>
-			<div
-				v-else-if="$resources.changeGroupOptions.data.length > 0"
-				class="space-y-4"
-			>
-				<FormControl
-					variant="outline"
-					label="选择站点分组"
-					type="autocomplete"
-					:options="
-						$resources.changeGroupOptions.data.map(group => ({
-							label: group.title || group.name,
-							description: group.name,
-							value: group.name
-						}))
-					"
-					v-model="targetGroup"
-				/>
-				<FormControl
-					label="跳过失败的补丁（如果有）"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-			</div>
-			<p v-else-if="!errorMessage" class="text-md text-base text-gray-800">
-				您没有其他可移动此站点的站点分组。
-				您可以克隆此站点分组以移动站点。
-			</p>
-			<ErrorMessage class="mt-3" :message="errorMessage" />
-		</template>
-	</Dialog>
-	<Dialog
-		:options="{
-			title: '克隆站点分组',
-			actions: [
-				{
-					label: '克隆站点分组',
-					variant: 'solid',
-					loading: $resources.cloneGroup.loading,
-					onClick: () =>
-						$resources.cloneGroup.submit({
-							name: site,
-							new_group_title: newGroupTitle,
-							server: selectedServer
-						})
-				}
-			]
-		}"
-		v-model="showCloneBenchDialog"
-	>
-		<template #body-content>
-			<FormControl label="新站点分组名称" v-model="newGroupTitle" />
-			<FormControl
-				v-if="$resources.serverOptions.data.length > 0"
-				class="mt-4"
-				label="选择服务器"
-				type="select"
-				:options="$resources.serverOptions.data"
-				v-model="selectedServer"
-			/>
-			<ErrorMessage :message="$resources.cloneGroup.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-
-export default {
-	props: ['site'],
-	data() {
-		return {
-			show: true,
-			targetGroup: {
-				label: '',
-				value: ''
-			},
-			newGroupTitle: '',
-			skipFailingPatches: false,
-			showCloneBenchDialog: false,
-			selectedServer: null
-		};
-	},
-	computed: {
-		errorMessage() {
-			return (
-				this.$resources.changeGroupOptions.error ||
-				this.$resources.changeGroup.error ||
-				this.$resources.cloneGroup.error
-			);
-		}
-	},
-	resources: {
-		changeGroup() {
-			return {
-				url: 'jcloud.api.site.change_group',
-				onSuccess() {
-					const destinationGroupTitle =
-						this.$resources.changeGroupOptions.data.find(
-							group => group.name === this.targetGroup.value
-						).title;
-
-					toast.success(
-						`站点已成功安排移动到 ${destinationGroupTitle} 站点分组。`
-					);
-
-					this.$router.push({
-						name: 'Site Jobs',
-						params: {
-							name: this.site
-						}
-					});
-
-					this.targetGroup = {
-						label: '',
-						value: ''
-					};
-					this.show = false;
-				}
-			};
-		},
-		changeGroupOptions() {
-			return {
-				url: 'jcloud.api.site.change_group_options',
-				params: {
-					name: this.site
-				},
-				initialData: [],
-				onSuccess(data) {
-					if (data.length > 0) this.targetGroup.value = data[0].name;
-				},
-				auto: true
-			};
-		},
-		cloneGroup() {
-			return {
-				url: 'jcloud.api.site.clone_group',
-				onSuccess(data) {
-					toast.success(
-'当前站点分组已成功克隆。正在重定向到新的站点分组...'
-					);
-					this.showCloneBenchDialog = false;
-
-					this.$router.push({
-						name: 'Deploy Candidate',
-						params: {
-							name: data.bench_name,
-							id: data.candidate_name
-						}
-					});
-				}
-			};
-		},
-		serverOptions() {
-			return {
-				type: 'list',
-				pagetype: 'Server',
-				fields: ['name', 'title'],
-				auto: true,
-				transform(data) {
-					return data.map(server => ({
-						label: server.title,
-						value: server.name
-					}));
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteChangeRegionDialog.vue b/dashboard_backup/src2/components/site/SiteChangeRegionDialog.vue
deleted file mode 100644
index b1b3e2a..0000000
--- a/dashboard_backup/src2/components/site/SiteChangeRegionDialog.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '更改区域',
-			actions: [
-				{
-					label: '更改区域',
-					loading: $resources.changeRegion.loading,
-					variant: 'solid',
-					disabled: !selectedRegion,
-					onClick: changeRegion
-				}
-			]
-		}"
-		v-model="show"
-		@close="resetValues"
-	>
-		<template #body-content>
-			<LoadingIndicator
-				class="mx-auto h-4 w-4"
-				v-if="$resources.changeRegionOptions.loading"
-			/>
-			<div v-else class="space-y-4">
-				<FormControl
-					variant="outline"
-					type="autocomplete"
-					label="选择区域"
-					v-model="selectedRegion"
-					:options="
-						$resources.changeRegionOptions.data.regions.map(r => ({
-							label: r.title || r.name,
-							value: r.name,
-							image: r.image
-						}))
-					"
-				>
-					<template #prefix>
-						<img :src="selectedRegion?.image" class="mr-2 h-4" />
-					</template>
-					<template #item-prefix="{ active, selected, option }">
-						<img v-if="option?.image" :src="option.image" class="mr-2 h-4" />
-					</template>
-				</FormControl>
-				<div
-					class="space-y-4"
-					v-if="
-						$resources.changeRegionOptions.data?.regions?.length > 0 &&
-						selectedRegion
-					"
-				>
-					<DateTimeControl v-model="targetDateTime" label="计划时间" />
-					<FormControl
-						label="跳过失败的补丁"
-						type="checkbox"
-						v-model="skipFailingPatches"
-					/>
-				</div>
-				<p
-					v-else-if="!$site.pg.group_public"
-					class="mt-4 text-sm text-gray-600"
-				>
-					如果您要找的区域不可用，请从 Bench Group 仪表板添加。
-				</p>
-				<div
-					class="rounded border border-gray-200 bg-gray-100 p-2"
-					v-if="$resources.ARecords.data?.length == 0"
-				>
-					<p class="text-sm text-gray-700">
-						<strong>注意</strong>: 此站点似乎有自定义域名的
-						<strong>A 记录</strong>。请在迁移后更新以避免停机。了解更多，请参阅
-						<a
-							href="https://jingrow.com/docs/sites/custom-domains"
-							target="_blank"
-							class="underline"
-							>文档。</a
-						>
-					</p>
-				</div>
-			</div>
-			<ErrorMessage class="mt-3" :message="$resources.changeRegion.error" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import DateTimeControl from '../DateTimeControl.vue';
-
-export default {
-	props: ['site'],
-	data() {
-		return {
-			show: true,
-			targetDateTime: null,
-			selectedRegion: null,
-			skipFailingPatches: false
-		};
-	},
-	components: {
-		DateTimeControl
-	},
-	computed: {
-		datetimeInIST() {
-			if (!this.targetDateTime) return null;
-			const datetimeInIST = this.$dayjs(this.targetDateTime)
-				.tz('Asia/Kolkata')
-				.format('YYYY-MM-DDTHH:mm');
-
-			return datetimeInIST;
-		},
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		}
-	},
-	resources: {
-		ARecords() {
-			return {
-				type: 'list',
-				pagetype: 'Site Domain',
-				filters: {
-					site: this.site,
-					dns_type: 'A',
-					domain: ['!=', this.site]
-				},
-				limit: 1,
-				auto: true
-			};
-		},
-		changeRegionOptions() {
-			return {
-				url: 'jcloud.api.site.change_region_options',
-				params: {
-					name: this.site
-				},
-				auto: true
-			};
-		},
-		changeRegion() {
-			return {
-				url: 'jcloud.api.site.change_region'
-			};
-		}
-	},
-	methods: {
-		changeRegion() {
-			toast.promise(
-				this.$resources.changeRegion.submit({
-					name: this.site,
-					cluster: this.selectedRegion?.value,
-					scheduled_datetime: this.datetimeInIST,
-					skip_failing_patches: this.skipFailingPatches
-				}),
-				{
-					success: () => {
-						this.show = false;
-return `站点计划迁移到 ${this.selectedRegion?.label}`;
-					},
-					loading: `正在安排站点迁移到 ${this.selectedRegion?.label}...`,
-					error: error =>
-						error.messages?.length
-							? error.messages.join('\n')
-							: error.message || '安排站点迁移失败'
-				}
-			);
-		},
-		resetValues() {
-			this.selectedRegion = null;
-			this.targetDateTime = null;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteChangeServerDialog.vue b/dashboard_backup/src2/components/site/SiteChangeServerDialog.vue
deleted file mode 100644
index 29dca5b..0000000
--- a/dashboard_backup/src2/components/site/SiteChangeServerDialog.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		@close="resetValues"
-		:options="{
-			title: '将站点移动到另一台服务器',
-			actions: [
-				{
-					label: '将服务器添加到发布组',
-					loading: $resources.addServerToReleaseGroup.loading,
-					disabled: $resources.isServerAddedInGroup.data || !targetServer.value,
-					onClick: () => $resources.addServerToReleaseGroup.submit()
-				},
-				{
-					label: '更改服务器',
-					loading: $resources.changeServer.loading,
-					variant: 'solid',
-					disabled:
-						!$resources.changeServerOptions?.data?.length ||
-						!targetServer.value ||
-						!$resources.isServerAddedInGroup.data,
-					onClick: () => {
-						$resources.changeServer.submit({
-							name: site,
-							server: targetServer.value,
-							scheduled_datetime: datetimeInIST,
-							skip_failing_patches: skipFailingPatches
-						});
-					}
-				}
-			]
-		}"
-	>
-		<template #body-content>
-			<LoadingIndicator
-				class="mx-auto h-4 w-4"
-				v-if="$resources.changeServerOptions.loading"
-			/>
-			<FormControl
-				v-else-if="$resources.changeServerOptions.data.length > 0"
-				label="选择服务器"
-				variant="outline"
-				type="autocomplete"
-				:options="$resources.changeServerOptions.data"
-				v-model="targetServer"
-			/>
-			<div v-if="$resources.isServerAddedInGroup.data" class="mt-4 space-y-4">
-				<DateTimeControl v-model="targetDateTime" label="计划时间" />
-				<FormControl
-					label="跳过失败的补丁"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-			</div>
-			<p v-if="message && !errorMessage" class="mt-4 text-sm text-gray-700">
-				{{ message }}
-			</p>
-			<ErrorMessage class="mt-4" :message="errorMessage" />
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import DateTimeControl from '../DateTimeControl.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	props: ['site'],
-	components: { DateTimeControl },
-	data() {
-		return {
-			show: true,
-			targetServer: {
-				label: '',
-				value: ''
-			},
-			targetDateTime: null,
-			skipFailingPatches: false
-		};
-	},
-	watch: {
-		targetServer(targetServer) {
-			this.$resources.isServerAddedInGroup.fetch({
-				name: this.site,
-				server: targetServer.value
-			});
-		}
-	},
-	computed: {
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		},
-		message() {
-			if (this.$resources.changeServerOptions.data.length === 0) {
-				return '您的团队没有可用的服务器来移动站点。请先创建服务器。';
-			} else if (
-				this.targetServer.value &&
-				!this.$resources.isServerAddedInGroup.data
-			) {
-				return "所选服务器尚未添加到发布组。请先将服务器添加到发布组。";
-			} else if (
-				this.targetServer.value &&
-				this.$resources.isServerAddedInGroup.data
-			) {
-				return '所选服务器已添加到发布组。您现在可以将站点迁移到该服务器。';
-			} else return '';
-		},
-		errorMessage() {
-			return (
-				this.$resources.addServerToReleaseGroup.error ||
-				this.$resources.isServerAddedInGroup.error ||
-				this.$resources.changeServerOptions.error ||
-				this.$resources.changeServer.error
-			);
-		},
-		datetimeInIST() {
-			if (!this.targetDateTime) return null;
-			const datetimeInIST = this.$dayjs(this.targetDateTime).format(
-				'YYYY-MM-DDTHH:mm'
-			);
-
-			return datetimeInIST;
-		}
-	},
-	resources: {
-		changeServerOptions() {
-			return {
-				url: 'jcloud.api.site.change_server_options',
-				params: {
-					name: this.site
-				},
-				initialData: [],
-				auto: true,
-				transform(d) {
-					return d.map(s => ({
-						label: s.title || s.name,
-						description: s.name,
-						value: s.name
-					}));
-				}
-			};
-		},
-		isServerAddedInGroup() {
-			return {
-				url: 'jcloud.api.site.is_server_added_in_group',
-				initialData: false
-			};
-		},
-		changeServer() {
-			return {
-url: 'jcloud.api.site.change_server',
-				onSuccess() {
-					toast.success('站点已计划迁移到另一台服务器。');
-					this.show = false;
-				}
-			};
-		},
-		addServerToReleaseGroup() {
-			return {
-				url: 'jcloud.api.site.add_server_to_release_group',
-				params: {
-					name: this.site,
-					group_name: this.$site.pg?.group,
-					server: this.targetServer.value
-				},
-				onSuccess(data) {
-					toast.success(
-						`服务器 ${this.targetServer.value} 已添加到发布组。请等待部署完成。`
-					);
-
-					this.$router.push({
-						name: 'Release Group Job',
-						params: {
-							name: this.$site.pg?.group,
-							id: data
-						}
-					});
-
-					this.show = false;
-				}
-			};
-		}
-	},
-	methods: {
-		resetValues() {
-			this.targetServer = {
-				label: '',
-				value: ''
-			};
-			this.targetDateTime = null;
-			this.$resources.isServerAddedInGroup.reset();
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteDatabaseRestoreFromURLDialog.vue b/dashboard_backup/src2/components/site/SiteDatabaseRestoreFromURLDialog.vue
deleted file mode 100644
index 2a74e40..0000000
--- a/dashboard_backup/src2/components/site/SiteDatabaseRestoreFromURLDialog.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '从指定站点恢复'
-		}"
-		v-model="showRestoreDialog"
-	>
-		<template #body-content>
-			<div
-				class="mb-6 flex items-center rounded border border-gray-200 bg-gray-100 p-4 text-sm text-gray-600"
-			>
-				<i-lucide-alert-triangle class="mr-4 inline-block h-6 w-6" />
-				<div>
-					此操作将用备份中的<b>数据</b>和<b>应用</b>替换您站点中的当前内容
-				</div>
-			</div>
-			<div class="space-y-4">
-				<FormControl label="站点URL" v-model="siteURL" />
-				<FormControl label="邮箱" v-model="email" />
-				<FormControl label="密码" type="password" v-model="password" />
-				<div class="flex text-base" v-if="$resources.getBackupLinks.data">
-					<GreenCheckIcon class="mr-2 w-4" />
-					找到来自 {{ fetchedBackupFileTimestamp }} 的最新备份
-				</div>
-				<Button
-					v-else
-					@click="$resources.getBackupLinks.submit()"
-					:loading="$resources.getBackupLinks.loading"
-				>
-					获取备份
-				</Button>
-			</div>
-			<div class="mt-3">
-				<FormControl
-					label="跳过失败的补丁（如果有任何补丁失败）"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-			</div>
-			<ErrorMessage
-				class="mt-2"
-				:message="
-					$resources.restoreBackup.error || $resources.getBackupLinks.error
-				"
-			/>
-		</template>
-		<template #actions>
-			<Button
-				class="w-full"
-				label="恢复"
-				variant="solid"
-				theme="red"
-				:loading="$resources.restoreBackup.loading"
-				:disabled="!$resources.getBackupLinks.data"
-				@click="$resources.restoreBackup.submit"
-			/>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { date } from '../../utils/format';
-import { DashboardError } from '../../utils/error';
-
-export default {
-	name: 'SiteDatabaseRestoreDialog',
-	props: {
-		site: {
-			type: String,
-			required: true
-		}
-	},
-	data() {
-		return {
-			siteURL: '',
-			email: '',
-			password: '',
-			selectedFiles: {
-				database: null,
-				public: null,
-				private: null
-			},
-			showRestoreDialog: true,
-			skipFailingPatches: false
-		};
-	},
-	resources: {
-		getBackupLinks() {
-			return {
-				url: 'jcloud.api.site.get_backup_links',
-				params: {
-					url: this.siteURL,
-					email: this.email,
-					password: this.password
-				},
-				validate() {
-					if (!this.siteURL) {
-						throw new DashboardError('站点URL是必填项');
-					}
-					if (!this.email) {
-						throw new DashboardError('邮箱是必填项');
-					}
-					if (!this.password) {
-						throw new DashboardError('密码是必填项');
-					}
-				},
-				onSuccess(remoteFiles) {
-					for (let file of remoteFiles) {
-						this.selectedFiles[file.type] = file.remote_file;
-					}
-				}
-			};
-		},
-		restoreBackup() {
-			return {
-				url: 'jcloud.api.site.restore',
-				params: {
-					name: this.site,
-					files: this.selectedFiles,
-					skip_failing_patches: this.skipFailingPatches
-				},
-				validate() {
-					if (!this.selectedFiles.database) {
-						throw new DashboardError(
-							'从站点获取备份时出错'
-						);
-					}
-				},
-				onSuccess() {
-					this.siteURL = '';
-					this.email = '';
-					this.password = '';
-					this.showRestoreDialog = false;
-
-					this.$router.push({
-						name: 'Site Jobs',
-						params: { name: this.site }
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		fetchedBackupFileTimestamp() {
-			if (!this.$resources.getBackupLinks.data) return '';
-
-			let backup = this.$resources.getBackupLinks.data[0];
-			if (!backup || !backup.file_name) return '';
-
-			let timestamp_string = '';
-			
-			// 尝试匹配 YYYYMMDD_HHMMSS 格式（实际格式）
-			let timestampMatch = backup.file_name.match(/(\d{8}_\d{6})/);
-			if (timestampMatch) {
-				let match = timestampMatch[1];
-				let year = match.substring(0, 4);
-				let month = match.substring(4, 6);
-				let day = match.substring(6, 8);
-				let hour = match.substring(9, 11);
-				let minute = match.substring(11, 13);
-				let second = match.substring(13, 15);
-				timestamp_string = `${year}-${month}-${day}T${hour}:${minute}:${second}`;
-			} else {
-				// 尝试匹配 YYYY-MM-DD_HH-MM-SS 格式（备用格式）
-				let oldFormatMatch = backup.file_name.match(/(\d{4}-\d{2}-\d{2}_\d{2}-\d{2}-\d{2})/);
-				if (oldFormatMatch) {
-					timestamp_string = oldFormatMatch[1].replace('_', 'T').replace(/-/g, '-');
-				} else {
-					// 尝试匹配 YYYY-MM-DD 格式
-					let dateMatch = backup.file_name.match(/(\d{4}-\d{2}-\d{2})/);
-					if (dateMatch) {
-						timestamp_string = dateMatch[1] + 'T00:00:00';
-					} else {
-						// 如果都没有匹配到，返回文件名本身
-						return backup.file_name;
-					}
-				}
-			}
-
-			try {
-				return date(timestamp_string);
-			} catch (e) {
-				// 如果日期解析失败，返回文件名
-				return backup.file_name;
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteInsights.vue b/dashboard_backup/src2/components/site/SiteInsights.vue
deleted file mode 100644
index 0cde752..0000000
--- a/dashboard_backup/src2/components/site/SiteInsights.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-	<div
-		class="-m-5 flex divide-x"
-		:class="{
-			'flex-col': $isMobile
-		}"
-	>
-		<div
-			:class="{
-				'ml-5 mt-5 w-60 divide-y rounded-sm border': $isMobile,
-				'w-60': !$isMobile
-			}"
-		>
-			<template v-for="tab in tabs">
-				<router-link
-					:to="{ name: tab.value }"
-					class="flex cursor-pointer text-base text-gray-600 hover:bg-gray-100"
-					:class="{
-						' bg-gray-50 text-gray-800': isActiveTab(tab),
-						'text-gray-600': !isActiveTab(tab),
-						'border-b': !$isMobile
-					}"
-				>
-					<div
-						class="px-4"
-						:class="{
-							'py-2': $isMobile,
-							'py-2.5': !$isMobile
-						}"
-					>
-						{{ tab.label }}
-					</div>
-				</router-link>
-			</template>
-		</div>
-		<div class="w-full overflow-auto sm:h-[88vh]">
-			<router-view />
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'SiteInsights',
-	props: ['site'],
-	data() {
-		return {
-			tabs: [
-				{
-					label: '分析',
-					value: 'Site Analytics'
-				},
-				{
-					label: '报告',
-					value: 'Site Performance Reports',
-					children: [
-						'Site Performance Slow Queries',
-						'Site Performance Binary Logs',
-						'Site Performance Process List',
-						'Site Performance Request Logs',
-						'Site Performance Deadlock Report'
-					]
-				},
-				{
-					label: '日志',
-					value: 'Site Logs',
-					children: ['Site Log']
-				},
-				{
-					label: '任务',
-					value: 'Site Jobs',
-					children: ['Site Job']
-				}
-			]
-		};
-	},
-	mounted() {
-		if (this.$route.name === 'Site Insights') {
-			this.$router.push({ name: 'Site Analytics' });
-		}
-	},
-	methods: {
-		isActiveTab(tab) {
-			return [tab.value, ...(tab.children || [])].find(
-				child => child === this.$route.name
-			);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteJobs.vue b/dashboard_backup/src2/components/site/SiteJobs.vue
deleted file mode 100644
index ba62eb4..0000000
--- a/dashboard_backup/src2/components/site/SiteJobs.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<template>
-	<ObjectList class="p-5" :options="logsOptions" />
-</template>
-
-<script>
-import { isMobile } from '../../utils/device';
-import { duration } from '../../utils/format';
-import ObjectList from '../ObjectList.vue';
-
-// 英文 job_type 到中文的映射
-const jobTypeI18nMap = {
-	'Update Site Status': '更新站点状态',
-	'Update Site Configuration': '更新站点配置',
-	'Install App on Site': '安装应用到站点',
-	'Uninstall App from Site': '从站点卸载应用',
-	'Backup Site': '备份站点',
-	'Restore Site': '恢复站点',
-	'Create Server': '创建服务器',
-	'Update In Place': '原地升级',
-	// 可按需补充更多
-};
-function jobTypeI18n(type) {
-	return jobTypeI18nMap[type] || type;
-}
-
-// 状态映射
-const statusI18nMap = {
-	'Pending': '待处理',
-	'Running': '运行中',
-	'Success': '成功',
-	'Failure': '失败',
-};
-function statusI18n(status) {
-	return statusI18nMap[status] || status;
-}
-
-// 中文时间格式化
-function formatTimeZh(time) {
-	if (!time) return '';
-	const date = typeof time === 'string' ? new Date(time) : time;
-	const now = new Date();
-	const diff = (now.getTime() - date.getTime()) / 1000;
-	if (diff < 60) return '刚刚';
-	if (diff < 3600) return Math.floor(diff / 60) + '分钟前';
-	if (diff < 86400) return Math.floor(diff / 3600) + '小时前';
-	if (diff < 2592000) return Math.floor(diff / 86400) + '天前';
-	return date.toLocaleDateString('zh-CN');
-}
-
-export default {
-	name: 'SiteJobs',
-	props: ['name'],
-	components: {
-		ObjectList
-	},
-	computed: {
-		logsOptions() {
-			const pagetype = 'Site';
-			return {
-				pagetype: 'Agent Job',
-				filters: {
-					site: this.name
-				},
-				route(row) {
-					return {
-						name: 'Site Job',
-						params: { id: row.name }
-					};
-				},
-				orderBy: 'creation desc',
-				searchField: 'job_type',
-				fields: ['end', 'job_id'],
-				filterControls() {
-					return [
-						{
-							type: 'select',
-							label: '状态',
-							fieldname: 'status',
-							class: !isMobile() ? 'w-24' : '',
-							options: [
-								{ label: '', value: '' },
-								{ label: '待处理', value: 'Pending' },
-								{ label: '运行中', value: 'Running' },
-								{ label: '成功', value: 'Success' },
-								{ label: '失败', value: 'Failure' }
-							]
-						},
-						{
-							type: 'link',
-							label: '类型',
-							fieldname: 'job_type',
-							options: {
-								pagetype: 'Agent Job Type',
-								orderBy: 'name asc',
-								pageLength: 100
-							}
-						}
-					];
-				},
-				columns: [
-					{
-						label: '任务类型',
-						fieldname: 'job_type',
-						class: 'font-medium',
-						format: jobTypeI18n
-					},
-					{
-						label: '状态',
-						fieldname: 'status',
-						type: 'Badge',
-						width: 0.5,
-						format: statusI18n
-					},
-					{
-						label: '站点',
-						fieldname: 'site',
-						width: 1.2,
-						condition: () => pagetype !== 'Site'
-					},
-					{
-						label: '持续时间',
-						fieldname: 'duration',
-						width: 0.35,
-						format(value, row) {
-							if (row.job_id === 0 || !row.end) return;
-							return duration(value);
-						}
-					},
-					{
-						label: '创建者',
-						fieldname: 'owner'
-					},
-					{
-						label: '',
-						fieldname: 'creation',
-						type: 'Timestamp',
-						width: 0.5,
-						align: 'right',
-						format: formatTimeZh
-					}
-				].filter(c => (c.condition ? c.condition() : true))
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteLogs.vue b/dashboard_backup/src2/components/site/SiteLogs.vue
deleted file mode 100644
index b9555ce..0000000
--- a/dashboard_backup/src2/components/site/SiteLogs.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<template>
-	<ObjectList class="p-5" :options="logsOptions" />
-</template>
-
-<script>
-import { h } from 'vue';
-import LucideSparkleIcon from '~icons/lucide/sparkle';
-import { date } from '../../utils/format';
-import ObjectList from '../ObjectList.vue';
-
-export default {
-	name: 'SiteLogs',
-	props: {
-		name: {
-			type: String,
-			required: true
-		},
-		type: {
-			type: String,
-			required: false
-		}
-	},
-	components: {
-		ObjectList
-	},
-	resources: {
-		logs() {
-			return {
-				url: 'jcloud.api.site.logs',
-				params: {
-					name: this.name
-				},
-				auto: true,
-				initialData: [],
-				cache: ['ObjectList', 'jcloud.api.site.logs', this.name]
-			};
-		}
-	},
-	computed: {
-		logs() {
-			const knownTypes = [
-				'jingrow',
-				'scheduler',
-				'database',
-				'pdf',
-				'wkhtmltopdf',
-				'ipython'
-			];
-
-			if (this.type && !knownTypes.includes(this.type)) {
-				return this.$resources.logs.data.filter(
-					d => !knownTypes.includes(d.name.split('.')[0])
-				);
-			}
-
-			// 特定类型的日志
-			return this.$resources.logs.data.filter(
-				d => d.name.split('.')[0] === this.type
-			);
-		},
-		logsOptions() {
-			if (this.type) {
-				return {
-					data: () => this.logs,
-					route(row) {
-						return {
-							name: '站点日志',
-							params: { logName: row.name }
-						};
-					},
-					columns: [
-						{
-							label: '名称',
-							fieldname: 'name'
-						},
-						{
-							label: '大小',
-							fieldname: 'size',
-							class: 'text-gray-600',
-							format(value) {
-								return `${value} kB`;
-							}
-						},
-						{
-							label: '修改时间',
-							fieldname: 'modified',
-							format(value) {
-								return value ? date(value, 'lll') : '';
-							}
-						}
-					],
-					actions: () => [
-						{
-							slots: {
-								prefix: () => h(LucideSparkleIcon)
-							},
-							label: '在日志浏览器中查看',
-							onClick: () => {
-								this.$router.push({
-									name: '日志浏览器',
-									params: { mode: 'site', docName: this.name }
-								});
-							}
-						},
-						{
-							label: '刷新',
-							icon: 'refresh-ccw',
-							loading: this.$resources.logs.loading,
-							onClick: () => this.$resources.logs.reload()
-						}
-					]
-				};
-			} else {
-				return {
-					data: () => [
-						{
-							title: '调度器日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'scheduler'
-								}
-							}
-						},
-						{
-							title: '数据库日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'database'
-								}
-							}
-						},
-						{
-							title: 'Jingrow 日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'jingrow'
-								}
-							}
-						},
-						{
-							title: 'PDF 日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'pdf'
-								}
-							}
-						},
-						{
-							title: 'IPython 日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'ipython'
-								}
-							}
-						},
-						{
-							title: 'Wkhtmltopdf 日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'wkhtmltopdf'
-								}
-							}
-						},
-						{
-							title: '其他日志',
-							route: {
-								name: '站点日志',
-								params: {
-									name: this.name,
-									type: 'other'
-								}
-							}
-						}
-					],
-					columns: [
-						{
-							label: '标题',
-							fieldname: 'title',
-							width: 0.3
-						},
-						{
-							label: '',
-							fieldname: 'action',
-type: 'Button',
-							align: 'right',
-							Button: ({ row }) => {
-								return {
-									label: '查看',
-									type: 'primary',
-									iconRight: 'arrow-right',
-									onClick: () => {
-										this.$router.push(row.route);
-									}
-								};
-							}
-						}
-					],
-					actions: () => [
-						{
-							slots: {
-								prefix: () => h(LucideSparkleIcon)
-							},
-							label: '在日志浏览器中查看',
-							onClick: () => {
-								this.$router.push({
-									name: 'Log Browser',
-									params: { mode: 'site', docName: this.name }
-								});
-							}
-						}
-					]
-				};
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteUptime.vue b/dashboard_backup/src2/components/site/SiteUptime.vue
deleted file mode 100644
index d8573a7..0000000
--- a/dashboard_backup/src2/components/site/SiteUptime.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-	<div
-		v-if="!data || data[0].date === undefined"
-		class="flex h-5/6 items-center justify-center"
-	>
-		<div class="text-base text-gray-700">无数据</div>
-	</div>
-	<div v-else class="mx-4 mt-8" v-for="type in uptimeTypes" :key="type.key">
-		<div class="flex h-10 justify-between">
-			<div
-				v-for="d in data"
-				:key="d.date"
-				class="w-1.5 rounded"
-				:class="[
-					d[type.key] === undefined
-						? 'bg-white'
-						: d[type.key] === 1
-						? 'bg-green-500'
-						: d[type.key] === 0
-						? 'bg-red-500'
-						: 'bg-yellow-500'
-				]"
-				:title="
-					d[type.key]
-						? `${formatDate(d.date)} | 正常运行时间: ${(d.value * 100).toFixed(2)}%`
-						: ''
-				"
-			></div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { DateTime } from 'luxon';
-export default {
-	name: 'SiteUptime',
-	props: ['data', 'loading'],
-	computed: {
-		uptimeTypes() {
-			return [{ key: 'value', label: 'Web' }];
-		},
-		subtitle() {
-			if (!this.data) return '';
-
-			let total = 0;
-			let i = 0;
-			for (; i < this.data.length; i++) {
-				// there could be empty objects at the end of the array
-				// so we don't have to count them
-				if (typeof this.data[i].value !== 'number') break;
-
-				total += this.data[i].value;
-			}
-			const average = ((total / i) * 100).toFixed(2);
-
-			return !isNaN(average) ? `平均值: ${average}%` : '';
-		}
-	},
-	methods: {
-		formatDate(date) {
-			return DateTime.fromSQL(date).toLocaleString(DateTime.DATETIME_FULL);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/SiteVersionUpgradeDialog.vue b/dashboard_backup/src2/components/site/SiteVersionUpgradeDialog.vue
deleted file mode 100644
index ea9ca0a..0000000
--- a/dashboard_backup/src2/components/site/SiteVersionUpgradeDialog.vue
+++ /dev/null
@@ -1,257 +0,0 @@
-<template>
-	<Dialog
-		v-model="show"
-		@close="resetValues"
-		:options="{ title: '升级站点版本' }"
-	>
-		<template #body-content>
-			<div class="space-y-4">
-				<p v-if="$site.pg?.group_public && nextVersion" class="text-base">
-					站点 <b>{{ $site.pg.host_name }}</b> 将被升级到
-					<b>{{ nextVersion }}</b>
-				</p>
-				<FormControl
-					v-else-if="privateReleaseGroups.length > 0 && nextVersion"
-					variant="outline"
-					:label="`请选择一个 ${nextVersion} 的站点分组来将您的站点从 ${$site.pg.version} 升级`"
-					class="w-full"
-					type="autocomplete"
-					:options="privateReleaseGroups"
-					v-model="privateReleaseGroup"
-				/>
-				<DateTimeControl
-					v-if="($site.pg.group_public && nextVersion) || benchHasCommonServer"
-					v-model="targetDateTime"
-					label="计划时间"
-				/>
-				<FormControl
-					v-if="($site.pg.group_public && nextVersion) || benchHasCommonServer"
-					label="跳过失败的补丁（如果有）"
-					type="checkbox"
-					v-model="skipFailingPatches"
-				/>
-				<FormControl
-					v-if="($site.pg.group_public && nextVersion) || benchHasCommonServer"
-					label="跳过备份"
-					type="checkbox"
-					v-model="skipBackups"
-					class="ml-4"
-				/>
-				<div
-					v-if="skipBackups"
-					class="flex items-center rounded bg-gray-50 p-4 text-sm text-gray-700"
-				>
-					<i-lucide-info class="mr-2 h-4 w-8" />
-					在升级过程中将不会进行备份，如果出现任何故障，将无法回滚。
-				</div>
-				<p v-if="message && !errorMessage" class="text-sm text-gray-700">
-					{{ message }}
-				</p>
-				<ErrorMessage :message="errorMessage" />
-			</div>
-		</template>
-		<template
-			v-if="$site.pg?.group_public || privateReleaseGroups.length"
-			#actions
-		>
-			<Button
-				v-if="!$site.pg.group_public"
-				class="mb-2 w-full"
-				:disabled="
-					benchHasCommonServer || !privateReleaseGroup.value || !nextVersion
-				"
-				label="将服务器添加到站点分组"
-				@click="$resources.addServerToReleaseGroup.submit()"
-				:loading="
-					$resources.addServerToReleaseGroup.loading ||
-					$resources.validateGroupforUpgrade.loading
-				"
-			/>
-			<Button
-				class="w-full"
-				variant="solid"
-				label="升级"
-				:disabled="
-					((!benchHasCommonServer || !privateReleaseGroup.value) &&
-						!$site.pg.group_public) ||
-					!nextVersion
-				"
-				:loading="
-					$resources.versionUpgrade.loading ||
-					$resources.validateGroupforUpgrade.loading
-				"
-				@click="$resources.versionUpgrade.submit()"
-			/>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import DateTimeControl from '../DateTimeControl.vue';
-
-export default {
-	name: 'SiteVersionUpgradeDialog',
-	props: ['site'],
-	components: { DateTimeControl },
-	data() {
-		return {
-			show: true,
-			targetDateTime: null,
-			privateReleaseGroup: {
-				value: '',
-				label: ''
-			},
-			skipBackups: false,
-			skipFailingPatches: false,
-			benchHasCommonServer: false
-		};
-	},
-	watch: {
-		privateReleaseGroup: {
-			handler(privateReleaseGroup) {
-				if (privateReleaseGroup?.value) {
-					this.$resources.validateGroupforUpgrade.submit({
-						name: this.site,
-						group_name: privateReleaseGroup.value
-					});
-				}
-			}
-		}
-	},
-	computed: {
-		nextVersion() {
-			const nextNumber = Number(this.$site.pg?.version.split(' ')[1]);
-			if (
-				isNaN(nextNumber) ||
-				this.$site.pg?.version === this.$site.pg?.latest_jingrow_version
-			)
-				return null;
-
-			return `Version ${nextNumber + 1}`;
-		},
-		privateReleaseGroups() {
-			return this.$resources.getPrivateGroups.data;
-		},
-		message() {
-			if (this.$site.pg?.version === this.$site.pg?.latest_jingrow_version) {
-				return '此站点已经是最新版本。';
-} else if (this.$site.pg?.version === 'v0.1') {
-				return "此站点处于夜间版本，无需升级。";
-			} else if (
-				!this.$site.pg?.group_public &&
-				this.privateReleaseGroups.length === 0
-			)
-				return `您的团队没有任何可用的私有站点分组来将此站点升级到 ${this.nextVersion}。`;
-			else if (!this.privateReleaseGroup?.value) {
-				return '';
-			} else if (!this.$site.pg?.group_public && !this.benchHasCommonServer)
-				return `所选站点分组和您的站点没有共同的服务器。请将站点的服务器添加到站点分组中。`;
-			else if (!this.$site.pg?.group_public && this.benchHasCommonServer)
-				return `所选站点分组和您的站点有共同的服务器。您可以继续升级到 ${this.nextVersion}。`;
-			else return '';
-		},
-		datetimeInIST() {
-			if (!this.targetDateTime) return null;
-			const datetimeInIST = this.$dayjs(this.targetDateTime).format(
-				'YYYY-MM-DDTHH:mm'
-			);
-
-			return datetimeInIST;
-		},
-		errorMessage() {
-			return (
-				this.$resources.versionUpgrade.error ||
-				this.$resources.validateGroupforUpgrade.error ||
-				this.$resources.addServerToReleaseGroup.error ||
-				this.$resources.getPrivateGroups.error
-			);
-		},
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		}
-	},
-	resources: {
-		versionUpgrade() {
-			return {
-				url: 'jcloud.api.site.version_upgrade',
-				params: {
-					name: this.site,
-					destination_group: this.privateReleaseGroup.value,
-					skip_failing_patches: this.skipFailingPatches,
-					skip_backups: this.skipBackups,
-					scheduled_datetime: this.datetimeInIST
-				},
-				onSuccess() {
-					toast.success("站点版本升级已安排。");
-					this.show = false;
-				}
-			};
-		},
-		getPrivateGroups() {
-			return {
-				url: 'jcloud.api.site.get_private_groups_for_upgrade',
-				params: {
-					name: this.site,
-					version: this.$site.pg?.version
-				},
-				auto:
-					this.$site.pg?.version &&
-					!this.$site.pg?.group_public &&
-					this.$site.pg?.version !== 'v0.1',
-				transform(data) {
-					return data.map(group => ({
-						label: group.title || group.name,
-						description: group.name,
-						value: group.name
-					}));
-				},
-				initialData: []
-			};
-		},
-		addServerToReleaseGroup() {
-			return {
-				url: 'jcloud.api.site.add_server_to_release_group',
-				params: {
-					name: this.site,
-					group_name: this.privateReleaseGroup.value
-				},
-				onSuccess(data) {
-					toast.success('服务器已添加到站点分组', {
-						description: `已将服务器添加到 ${this.privateReleaseGroup.value} 站点分组。请等待部署完成。`
-					});
-					this.$router.push({
-						name: 'Release Group Job',
-						params: {
-							name: this.privateReleaseGroup.value,
-							id: data
-						}
-					});
-					this.resetValues();
-					this.show = false;
-				}
-			};
-		},
-		validateGroupforUpgrade() {
-			return {
-				url: 'jcloud.api.site.validate_group_for_upgrade',
-				onSuccess(data) {
-					this.benchHasCommonServer = data;
-				}
-			};
-		}
-	},
-	methods: {
-		resetValues() {
-			this.targetDateTime = null;
-			this.privateReleaseGroup = {
-				label: '',
-				value: ''
-			};
-			this.benchHasCommonServer = false;
-			this.$resources.getPrivateGroups.reset();
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/PerformanceReport.vue b/dashboard_backup/src2/components/site/performance/PerformanceReport.vue
deleted file mode 100644
index b682c30..0000000
--- a/dashboard_backup/src2/components/site/performance/PerformanceReport.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-	<div class="m-5">
-		<div class="flex items-center space-x-4">
-			<Button @click="goBack" icon="arrow-left" label="返回" />
-			<h2 class="font-semibold">{{ title }}</h2>
-		</div>
-		<div v-if="$site.pg?.current_plan?.monitor_access" class="mt-5">
-			<ObjectList :options="reportOptions" />
-		</div>
-		<div class="flex justify-center" v-else>
-			<span class="mt-16 p-2 text-base text-gray-800">
-				您的计划不支持此功能。请
-				<span class="cursor-pointer underline" @click="showPlanChangeDialog"
-					>升级您的计划</span
-				>
-				。
-			</span>
-		</div>
-	</div>
-</template>
-
-<script>
-import { getCachedDocumentResource } from 'jingrow-ui';
-import { defineAsyncComponent, h } from 'vue';
-import { renderDialog } from '../../../utils/components';
-import ObjectList from '../../ObjectList.vue';
-
-export default {
-	name: 'PerformanceReport',
-	props: {
-		title: {
-			type: String,
-			required: true
-		},
-		site: {
-			type: String,
-			required: true
-		},
-		reportOptions: {
-			type: Object,
-			required: true
-		}
-	},
-	components: {
-		ObjectList
-	},
-	computed: {
-		$site() {
-			return getCachedDocumentResource('Site', this.site);
-		}
-	},
-	methods: {
-		showPlanChangeDialog() {
-			const SitePlansDialog = defineAsyncComponent(() =>
-				import('../../ManageSitePlansDialog.vue')
-			);
-			renderDialog(h(SitePlansDialog, { site: this.site }));
-		},
-		goBack() {
-			this.$router.go(-1);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteBinaryLogs.vue b/dashboard_backup/src2/components/site/performance/SiteBinaryLogs.vue
deleted file mode 100644
index eb8cee1..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteBinaryLogs.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-	<PerformanceReport
-		title="二进制日志"
-		:site="name"
-		:reportOptions="binaryLogsOptions"
-	/>
-</template>
-
-<script>
-import dayjs from '../../../utils/dayjs';
-import { DashboardError } from '../../../utils/error';
-import PerformanceReport from './PerformanceReport.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'SiteBinaryLogs',
-	props: ['name'],
-	components: { PerformanceReport },
-	data() {
-		return {
-			start_time: dayjs().subtract(2, 'hour').format('YYYY-MM-DD HH:mm:ss'),
-			end_time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-			pattern: '.*',
-			max_lines: 50
-		};
-	},
-	resources: {
-		binaryLogs() {
-			return {
-				url: 'jcloud.api.analytics.binary_logs',
-				makeParams: params => {
-					if (params) return params;
-
-					return {
-						name: this.name,
-						start_time: this.start_time,
-						end_time: this.end_time,
-						pattern: this.pattern,
-						max_lines: this.max_lines
-					};
-				},
-				validate() {
-					if (this.max_lines < 1 || this.max_lines > 500) {
-						toast.error('最大行数应在1到500之间');
-						throw new DashboardError('最大行数应在1到500之间');
-					}
-					// check between start_time and end_time is less than 2 hours
-					const start = dayjs(this.start_time);
-					const end = dayjs(this.end_time);
-					if (end.diff(start, 'hour') > 2) {
-						toast.error('时间范围应小于2小时');
-						throw new DashboardError('时间范围应小于2小时');
-					}
-					// start_time should be less than end_time
-					if (start.isAfter(end)) {
-						toast.error('开始时间应小于结束时间');
-						throw new DashboardError('开始时间应小于结束时间');
-					}
-				},
-				onError(error) {
-					console.error(error.message);
-				},
-				auto: false,
-				pageLength: 10,
-				keepData: true,
-				initialData: []
-			};
-		}
-	},
-	computed: {
-		binaryLogsOptions() {
-			return {
-				data: () => this.$resources.binaryLogs.data,
-				updateFilters: params => {
-					if (!params) return;
-					for (const [key, value] of Object.entries(params)) {
-						if (key === 'start_time') this.start_time = value;
-						if (key === 'end_time') this.end_time = value;
-						if (key === 'pattern') this.pattern = value;
-						if (key === 'max_lines') this.max_lines = value;
-					}
-				},
-				columns: [
-					{
-						label: '时间戳',
-						fieldname: 'timestamp',
-						width: '12rem',
-						format: value => {
-							return this.$format.date(value, 'YYYY-MM-DD HH:mm:ss');
-						}
-					},
-					{ label: '查询', fieldname: 'query', class: 'font-mono' }
-				],
-				filterControls: () => {
-					return [
-						{
-							type: 'datetime',
-							label: '开始时间',
-							fieldname: 'start_time',
-							default: this.start_time
-						},
-						{
-							type: 'datetime',
-							label: '结束时间',
-							fieldname: 'end_time',
-							default: this.end_time
-						},
-						{
-							label: '模式',
-							fieldname: 'pattern',
-							default: this.pattern
-						},
-						{
-							label: '最大行数',
-							fieldname: 'max_lines',
-							default: this.max_lines
-						}
-					];
-				},
-				actions: () => [
-					{
-						label: '查看日志',
-						variant: 'solid',
-						loading: this.$resources.binaryLogs.loading,
-						loadingText: '加载中',
-						onClick: () => this.$resources.binaryLogs.reload()
-					}
-				]
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteDatabaseProcess.vue b/dashboard_backup/src2/components/site/performance/SiteDatabaseProcess.vue
deleted file mode 100644
index 9a59e6b..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteDatabaseProcess.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '数据库进程',
-			size: 'xl',
-		}"
-		v-model="show"
-		:modelValue="true"
-	>
-		<template #body-content>
-			<div class="flex flex-col gap-1">
-				<p class="ml-1 font-mono text-sm">主机: {{ host }}</p>
-				<p class="ml-1 font-mono text-sm">用户: {{ user }}</p>
-				<p class="ml-1 font-mono text-sm" v-if="state">状态: {{ state }}</p>
-				<p class="ml-1 font-mono text-sm" v-if="command">
-					命令: {{ command }}
-				</p>
-
-				<div v-if="query">
-					<p class="ml-1 font-mono text-sm">查询:</p>
-					<pre
-						class="mt-1 whitespace-pre-wrap rounded-lg border-2 border-gray-200 bg-gray-100 p-3 text-sm text-gray-700"
-						>{{ query }}</pre
-					>
-				</div>
-				<ErrorMessage
-					class="mt-2"
-					:message="$resources.killDatabaseProcess.error"
-				/>
-				<div class="mt-2 flex text-sm">
-					<Button
-						variant="solid"
-						theme="red"
-						class="w-full"
-						@click="$resources.killDatabaseProcess.submit()"
-						:loading="$resources.killDatabaseProcess.loading"
-						loadingText="正在终止数据库进程"
-					>
-						终止数据库进程
-					</Button>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	name: 'SiteDatabaseProcess',
-	props: ['id', 'query', 'user', 'host', 'state', 'command', 'site'],
-	emits: ['process-killed'],
-	data() {
-		return {
-			show: true,
-		};
-	},
-	resources: {
-		killDatabaseProcess() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams() {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'kill_database_process',
-						args: {
-							id: this.id,
-						},
-					};
-				},
-				onSuccess: () => {
-					this.$emit('process-killed');
-				},
-			};
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteDeadlockReport.vue b/dashboard_backup/src2/components/site/performance/SiteDeadlockReport.vue
deleted file mode 100644
index 5b7c386..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteDeadlockReport.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-	<PerformanceReport
-		title="查询死锁"
-		:site="name"
-		:reportOptions="deadlockReportOptions"
-	/>
-</template>
-
-<script>
-import dayjs from '../../../utils/dayjs';
-import PerformanceReport from './PerformanceReport.vue';
-
-export default {
-	name: 'SiteDeadlockReport',
-	props: ['name'],
-	components: {
-		PerformanceReport
-	},
-	data() {
-		return {
-			start_datetime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
-			stop_datetime: dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss'),
-			max_log_size: 500
-		};
-	},
-	computed: {
-		deadlockReportOptions() {
-			return {
-				resource: () => {
-					return {
-						url: 'jcloud.api.analytics.deadlock_report',
-						makeParams: params => {
-							// for filterControls to work
-							if (params) return params;
-
-							return {
-								name: this.name,
-								start_datetime: this.start_datetime,
-								stop_datetime: this.stop_datetime,
-								max_log_size: parseInt(this.max_log_size ?? '')
-							};
-						},
-						auto: true,
-						initialData: [],
-						transform: data => {
-							return data.map(record => {
-								// Handle null values
-								// because some records can be empty as well, to keep a blank line after two deadlock records
-								record.timestamp = record.timestamp
-									? this.$format.date(record.timestamp, 'YYYY-MM-DD HH:mm:ss')
-									: '';
-								record.transaction_id = record.transaction_id || '';
-								record.table = record.table || '';
-								record.query = record.query || '';
-								return record;
-							});
-						}
-					};
-				},
-				emptyStateMessage: '未找到查询死锁记录',
-				columns: [
-					{
-						label: '时间戳',
-						fieldname: 'timestamp',
-						width: '12rem',
-						format: value => {
-							return this.$format.date(value, 'YYYY-MM-DD HH:mm:ss');
-						}
-					},
-					{
-						label: '事务ID',
-						fieldname: 'transaction_id',
-						align: 'left',
-						width: '100px'
-					},
-					{
-						label: '表',
-						fieldname: 'table',
-						class: 'text-gray-600',
-						align: 'left',
-						width: '200px'
-					},
-					{
-						label: '查询',
-						fieldname: 'query',
-						class: 'font-mono'
-					}
-				],
-				filterControls: () => {
-					return [
-						{
-							type: 'datetime-local',
-							label: '开始时间',
-							fieldname: 'start_datetime',
-							default: this.start_datetime
-						},
-						{
-							type: 'datetime-local',
-							label: '结束时间',
-							fieldname: 'stop_datetime',
-							default: this.stop_datetime
-						},
-						{
-							label: '最大日志行数',
-							fieldname: 'max_log_size',
-							default: this.max_log_size
-						}
-					];
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SitePerformance.vue b/dashboard_backup/src2/components/site/performance/SitePerformance.vue
deleted file mode 100644
index ff01009..0000000
--- a/dashboard_backup/src2/components/site/performance/SitePerformance.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-	<ObjectList class="px-5 pt-5" :options="options" />
-</template>
-<script>
-import ObjectList from '../../ObjectList.vue';
-
-export default {
-	props: ['name'],
-	components: {
-		ObjectList
-	},
-	computed: {
-		options() {
-			return {
-				data: () => [
-					{
-						title: '请求日志报告',
-						description:
-							'查看对网站进行的所有HTTP请求的详细日志。',
-						route: 'Site Performance Request Logs'
-					},
-					{
-						title: '二进制日志报告',
-						description:
-							'分析对数据库所做的更改，包括数据更改和模式更改。',
-						route: 'Site Performance Binary Logs'
-					},
-					{
-						title: '进程列表报告',
-						description:
-							'监控活动数据库进程、其状态和资源使用情况。',
-						route: 'Site Performance Process List'
-					},
-					{
-						title: '慢查询报告',
-						description:
-							'识别并优化运行缓慢的数据库查询以提高性能。',
-						route: 'Site Performance Slow Queries'
-					},
-					{
-						title: '死锁报告',
-						description: '显示阻止事务的数据库冲突。',
-						route: 'Site Performance Deadlock Report'
-					}
-				],
-				columns: [
-					{
-						label: '标题',
-						fieldname: 'title',
-						width: 0.3
-					},
-					{
-						label: '描述',
-						fieldname: 'description',
-						class: 'text-gray-700'
-					},
-					{
-						label: '',
-						fieldname: 'action',
-						type: 'Button',
-						align: 'right',
-						width: 0.1,
-						Button: ({ row }) => {
-							return {
-								label: '查看',
-								type: 'primary',
-								iconRight: 'arrow-right',
-								onClick: () => {
-									this.$router.push({ name: row.route });
-								}
-							};
-						}
-					}
-				]
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteProcessList.vue b/dashboard_backup/src2/components/site/performance/SiteProcessList.vue
deleted file mode 100644
index 395443d..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteProcessList.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<div>
-		<PerformanceReport
-			title="进程列表"
-			:site="name"
-			:reportOptions="processListOptions"
-		/>
-		<SiteDatabaseProcess
-			v-if="show"
-			v-model="show"
-			:id="selectedRow?.id ?? ''"
-			:query="selectedRow?.query ?? ''"
-			:host="selectedRow?.db_user_host ?? ''"
-			:user="selectedRow?.db_user ?? ''"
-			:state="selectedRow?.state ?? ''"
-			:command="selectedRow?.command ?? ''"
-			:site="name"
-			@process-killed="processKilledCallback"
-		/>
-	</div>
-</template>
-<script>
-import { toast } from 'vue-sonner';
-import PerformanceReport from './PerformanceReport.vue';
-import SiteDatabaseProcess from './SiteDatabaseProcess.vue';
-
-export default {
-	name: 'SiteMariaDBProcessList',
-	props: ['name'],
-	components: {
-		PerformanceReport,
-		SiteDatabaseProcess,
-	},
-	data() {
-		return {
-			show: false,
-			selectedRow: null,
-		};
-	},
-	resources: {
-		processList() {
-			if (!this.name) return;
-			return {
-				url: 'jcloud.api.analytics.mariadb_processlist',
-				params: {
-					site: this.name,
-				},
-				auto: true,
-				initialData: [],
-			};
-		},
-	},
-	computed: {
-		processListOptions() {
-			return {
-				data: () => this.$resources.processList.data,
-				columns: [
-					{
-						label: 'ID',
-						fieldname: 'id',
-						width: '4rem',
-					},
-					{
-						label: '时间',
-						fieldname: 'time',
-						width: '6rem',
-						align: 'right',
-					},
-					{
-						label: '命令',
-						fieldname: 'command',
-						width: '6rem',
-					},
-					{
-						label: '状态',
-						fieldname: 'state',
-						width: '8rem',
-					},
-					{
-						label: '查询',
-						fieldname: 'query',
-						class: 'font-mono',
-					},
-				],
-				onRowClick: (row) => {
-					this.selectedRow = row;
-					this.show = true;
-				},
-				secondaryAction: () => {
-					return {
-						label: '刷新',
-						icon: 'refresh-ccw',
-						loading: this.$resources.processList.loading,
-						onClick: () => this.$resources.processList.reload(),
-					};
-				},
-			};
-		},
-	},
-	methods: {
-		processKilledCallback() {
-			toast.success('数据库进程已终止');
-			this.show = false;
-			this.$resources.processList.reload();
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteRequestLogs.vue b/dashboard_backup/src2/components/site/performance/SiteRequestLogs.vue
deleted file mode 100644
index 006c342..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteRequestLogs.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-	<PerformanceReport
-		title="请求日志报告"
-		:site="name"
-		:reportOptions="requestLogsOptions"
-	/>
-</template>
-
-<script>
-import dayjs from '../../../utils/dayjs';
-import PerformanceReport from './PerformanceReport.vue';
-
-export default {
-	name: 'SiteRequestLogs',
-	props: ['name'],
-	components: {
-		PerformanceReport
-	},
-	data() {
-		return {
-			date: null,
-			start: 0
-		};
-	},
-	computed: {
-		requestLogsOptions() {
-			return {
-				resource: () => {
-					return {
-						url: 'jcloud.api.analytics.request_logs',
-						makeParams: params => {
-							// for filterControls to work
-							if (params) return params;
-
-							return {
-								name: this.name,
-								timezone: dayjs.tz.guess(),
-								sort: 'CPU Time (Descending)',
-								date: this.today,
-								start: this.start
-							};
-						},
-						auto: true,
-						initialData: [],
-						transform: data => {
-							return data.map(log => {
-								log.time = dayjs(log.timestamp).format('HH:mm:ss z');
-								log.method = log.request.method;
-								log.path = log.request.path;
-								log.status = log.request.status_code;
-								log.cpu_time = log.duration / 1000000;
-								return log;
-							});
-						}
-					};
-				},
-				columns: [
-					{ label: '时间', fieldname: 'time', width: 1 },
-					{ label: '方法', fieldname: 'method', width: 0.5 },
-					{ label: '路径', fieldname: 'path', width: 2, class: 'font-mono' },
-					{
-						label: '状态码',
-						fieldname: 'status',
-						width: 0.5,
-						align: 'right'
-					},
-					{
-						label: 'CPU 时间 (秒)',
-						fieldname: 'cpu_time',
-						width: 1,
-						class: 'text-gray-600',
-						align: 'right',
-						format: value => value.toFixed(2)
-					}
-				],
-				filterControls: () => [
-					{
-						type: 'select',
-						label: '排序',
-						fieldname: 'sort',
-						class: !this.$isMobile ? 'w-48' : '',
-						options: [
-							'时间 (升序)',
-							'时间 (降序)',
-							'CPU 时间 (降序)'
-						],
-						default: 'CPU Time (Descending)'
-					},
-					{
-						type: 'date',
-						label: '日期',
-						fieldname: 'date',
-						class: !this.$isMobile ? 'w-48' : '',
-						default: this.today
-					}
-				]
-			};
-		},
-		today() {
-			return dayjs().format('YYYY-MM-DD');
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteSlowQueries.vue b/dashboard_backup/src2/components/site/performance/SiteSlowQueries.vue
deleted file mode 100644
index 3803f5e..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteSlowQueries.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-	<div>
-		<PerformanceReport
-			title="慢查询"
-			:site="name"
-			:reportOptions="slowQueriesOptions"
-		/>
-		<SiteSlowQueryDialog
-			v-if="show"
-			v-model="show"
-			:query="selectedQuery"
-			:duration="selectedQueryDuration"
-		/>
-	</div>
-</template>
-
-<script>
-import AlertBanner from '../../AlertBanner.vue';
-import PerformanceReport from './PerformanceReport.vue';
-import SiteSlowQueryDialog from './SiteSlowQueryDialog.vue';
-
-export default {
-	props: ['name', 'siteVersion'],
-	components: {
-		PerformanceReport,
-		AlertBanner,
-		SiteSlowQueryDialog
-	},
-	data() {
-		return {
-			show: false,
-			selectedQuery: '',
-			selectedQueryDuration: 0
-		};
-	},
-	computed: {
-		slowQueriesOptions() {
-			return {
-				experimental: true,
-				documentation: 'https://jingrow.com/docs/performance-tuning',
-				data: () => this.$resources.slowQueries.data.data,
-				onRowClick: row => {
-					this.selectedQuery = row.query;
-					this.selectedQueryDuration = row.duration;
-					this.show = true;
-				},
-				emptyStateMessage: '未找到慢查询',
-				columns: [
-					{
-						label: '查询',
-						fieldname: 'query',
-						class: 'font-mono',
-						width: '600px'
-					},
-					{
-						label: '持续时间',
-						fieldname: 'duration',
-						class: 'text-gray-600',
-						width: 0.3,
-						align: 'right',
-						format: value => value.toFixed(2)
-					},
-					{
-						label: '检查行数',
-						fieldname: 'rows_examined',
-						class: 'text-gray-600',
-						align: 'right',
-						width: 0.3
-					},
-					{
-						label: '发送行数',
-						fieldname: 'rows_sent',
-						class: 'text-gray-600',
-						align: 'right',
-						width: 0.3
-					},
-					{
-						label: '计数',
-						fieldname: 'count',
-						class: 'text-gray-600',
-						align: 'right',
-						width: 0.3
-					}
-				],
-				actions: () => [
-					{
-						label: '刷新',
-						icon: 'refresh-ccw',
-						loading: this.$resources.slowQueries.loading,
-						onClick: () => this.$resources.slowQueries.reload()
-					}
-				]
-			};
-		}
-	},
-	methods: {
-		getDateTimeRange() {
-			const formatDateTime = date => {
-				return this.$dayjs(date).format('YYYY-MM-DD HH:mm:ss');
-			};
-
-			const now = new Date();
-			const startDateTime = new Date(now.getTime() - 24 * 60 * 60 * 1000);
-			const endDateTime = formatDateTime(now);
-			const startDateTimeFormatted = formatDateTime(startDateTime);
-
-			return {
-				startDateTime: startDateTimeFormatted,
-				endDateTime: endDateTime
-			};
-		}
-	},
-	resources: {
-		slowQueries() {
-			const { startDateTime, endDateTime } = this.getDateTimeRange();
-			return {
-				url: 'jcloud.api.analytics.mariadb_slow_queries',
-				params: {
-					name: this.name,
-					start_datetime: startDateTime,
-					stop_datetime: endDateTime,
-					max_lines: 10,
-					search_pattern: '.*',
-					normalize_queries: true,
-					analyze: false
-				},
-				auto: true,
-				initialData: { columns: [], data: [] }
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site/performance/SiteSlowQueryDialog.vue b/dashboard_backup/src2/components/site/performance/SiteSlowQueryDialog.vue
deleted file mode 100644
index de13a2c..0000000
--- a/dashboard_backup/src2/components/site/performance/SiteSlowQueryDialog.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: '标准化查询',
-			size: '2xl'
-		}"
-		v-model="show"
-	>
-		<template #body-content>
-			<pre
-				class="mt-2 whitespace-pre-wrap rounded-lg border-2 border-gray-200 bg-gray-100 p-3 text-sm text-gray-700"
-				>{{ query }}</pre
-			>
-			<div class="mt-2 flex text-sm">
-				<span class="ml-auto">耗时: {{ duration.toFixed(2) }} 秒</span>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-export default {
-	props: ['query', 'duration']
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site_database_user/SiteDatabaseAddEditUserDialog.vue b/dashboard_backup/src2/components/site_database_user/SiteDatabaseAddEditUserDialog.vue
deleted file mode 100644
index e0278fe..0000000
--- a/dashboard_backup/src2/components/site_database_user/SiteDatabaseAddEditUserDialog.vue
+++ /dev/null
@@ -1,434 +0,0 @@
-<template>
-	<Dialog
-		:options="{
-			title: isEditMode ? '编辑数据库用户' : '添加数据库用户',
-			size: '2xl'
-		}"
-		v-model="showDialog"
-	>
-		<template #body-content>
-			<div class="flex flex-col gap-2">
-				<AlertBanner
-					v-if="
-						isEditMode &&
-						this.$resources?.databaseUser?.pg?.status === 'Failed' &&
-						this.$resources?.databaseUser?.pg?.failure_reason
-					"
-					:title="this.$resources?.databaseUser?.pg?.failure_reason"
-					type="error"
-				>
-				</AlertBanner>
-				<FormControl
-					class="mt-2"
-					type="text"
-					size="sm"
-					variant="subtle"
-					label="标签（用于标识用户）"
-					v-model="label"
-				/>
-				<FormControl
-					type="select"
-					:options="[
-						{
-							label: '对所有表的只读访问权限',
-							value: 'read_only'
-						},
-						{
-							label: '对所有表的读写访问权限',
-							value: 'read_write'
-						},
-						{
-							label: '细粒度访问权限',
-							value: 'granular'
-						}
-					]"
-					size="sm"
-					variant="subtle"
-					:disabled="false"
-					label="访问模式"
-					v-model="mode"
-				/>
-				<FormControl
-					v-if="!isEditMode"
-					class="mt-2"
-					type="number"
-					size="sm"
-					variant="subtle"
-					label="数据库连接数"
-					v-model="database_connections"
-				/>
-				<!-- 细粒度模式的权限配置 -->
-				<div v-if="mode == 'granular'">
-					<div
-						v-if="isLoadingTableSchemas"
-						class="flex w-full flex-col items-center justify-center gap-2 text-base text-gray-700"
-					>
-						<span class="flex flex-row gap-2 py-20">
-							<Spinner class="w-4" /> 正在获取表结构
-						</span>
-						<p class="text-sm">这可能需要长达5分钟</p>
-					</div>
-					<div v-else class="mt-2">
-						<p class="text-sm font-medium text-gray-600">
-							配置权限
-						</p>
-						<ObjectList :options="listOptions" />
-						<div class="mt-4 flex w-full gap-2">
-							<Button
-								variant="outline"
-								iconLeft="plus"
-								@click="addNewTablePermissionEntry"
-								>添加表</Button
-							>
-							<Button
-								variant="outline"
-								iconLeft="refresh-ccw"
-								:loading="isLoadingTableSchemas"
-								@click="() => fetchTableSchemas(true)"
-								>刷新结构</Button
-							>
-						</div>
-					</div>
-				</div>
-			</div>
-			<ErrorMessage
-				:message="
-					this.$resources?.createDatabaseUser?.error ||
-					this.$resources?.updateDatabaseUser?.error
-				"
-				class="mt-2"
-			/>
-		</template>
-
-		<template #actions>
-			<Button
-				v-if="!isEditMode"
-				class="w-full"
-				variant="solid"
-				theme="gray"
-				:disabled="mode == 'granular' && isLoadingTableSchemas"
-				:loading="this.$resources.createDatabaseUser.loading"
-				@click="this.$resources.createDatabaseUser.submit()"
-			>
-				创建用户
-			</Button>
-			<Button
-				v-else
-				class="w-full"
-				variant="solid"
-				theme="gray"
-				:disabled="mode == 'granular' && isLoadingTableSchemas"
-				:loading="this.$resources.updateDatabaseUser.loading"
-				@click="this.$resources.updateDatabaseUser.submit()"
-				>保存更改</Button
-			>
-		</template>
-	</Dialog>
-</template>
-<script>
-import { h } from 'vue';
-import ObjectList from '../ObjectList.vue';
-import { ErrorMessage, FormControl } from 'jingrow-ui';
-import { icon } from '../../utils/components';
-import { toast } from 'vue-sonner';
-import AlertBanner from '../AlertBanner.vue';
-import SiteDatabaseColumnsSelector from './SiteDatabaseColumnsSelector.vue';
-import { DashboardError } from '../../utils/error';
-
-export default {
-	name: 'SiteDatabaseAddEditUserDialog',
-	props: ['site', 'db_user_name', 'modelValue'], // db_user_name 是可选的，仅在编辑时提供
-	emits: ['success'],
-	components: {
-		FormControl,
-		ObjectList,
-		icon,
-		AlertBanner,
-		SiteDatabaseColumnsSelector
-},
-	data() {
-		return {
-			label: '',
-			mode: 'read_only',
-			database_connections: 1,
-			permissions: [],
-			lastGeneratedRowId: 0
-		};
-	},
-	mounted() {
-		this.fetchTableSchemas();
-		if (!this.isEditMode) {
-			this.addNewTablePermissionEntry();
-		} else {
-			this.$resources.databaseUser.reload();
-		}
-	},
-	resources: {
-		tableSchemas() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				auto: false,
-				onSuccess: data => {
-					if (data?.message?.loading) {
-						setTimeout(this.fetchTableSchemas, 5000);
-					}
-				}
-			};
-		},
-		databaseUser() {
-			return {
-				type: 'document',
-				pagetype: 'Site Database User',
-				name: this.db_user_name,
-				auto: false,
-				onSuccess: data => {
-					this.label = data?.label;
-					this.mode = data?.mode;
-					let fetched_permissions = (data?.permissions ?? []).map(x => {
-						return {
-							...x,
-							columns: x.selected_columns.split('\n').filter(x => x)
-						};
-					});
-					this.permissions = fetched_permissions;
-					this.database_connections = data?.max_connections ?? 1;
-				}
-			};
-		},
-		createDatabaseUser() {
-			return {
-				url: 'jcloud.api.client.insert',
-				makeParams() {
-					let permissions = [];
-					this.permissions.forEach(permission => {
-						if (permission.table) {
-							permissions.push({
-								table: permission.table,
-								mode: permission.mode,
-								allow_all_columns: permission.columns.length == 0,
-								selected_columns: permission.columns.join('\n')
-							});
-						}
-					});
-					return {
-						pg: {
-							pagetype: 'Site Database User',
-							label: this.label,
-							team: this.$team.pg.name,
-							site: this.site,
-							mode: this.mode,
-							permissions: permissions,
-							max_connections: parseInt(this.database_connections || 1)
-						}
-					};
-				},
-				validate() {
-					if (!this.label)
-						throw new DashboardError('请为用户提供一个标签');
-				},
-				onSuccess() {
-					toast.success('用户创建成功');
-					this.$emit('success');
-				}
-			};
-		},
-		updateDatabaseUser() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams() {
-					let permissions = [];
-					this.permissions.forEach(permission => {
-						if (permission.table) {
-							permissions.push({
-								table: permission.table,
-								mode: permission.mode,
-								allow_all_columns: permission.columns.length == 0,
-								selected_columns: permission.columns.join('\n')
-							});
-						}
-					});
-					return {
-						dt: 'Site Database User',
-						dn: this.db_user_name,
-						method: 'save_and_apply_changes',
-						args: {
-							label: this.label,
-							mode: this.mode,
-							permissions: permissions
-						}
-					};
-				},
-				validate() {
-					if (!this.label)
-						throw new DashboardError('请为用户提供一个标签');
-				},
-				onSuccess() {
-					toast.success('用户更新成功');
-					this.$emit('success');
-				}
-			};
-		}
-	},
-	computed: {
-		listOptions() {
-			return {
-				data: () => this.permissions,
-				columns: [
-					{
-						label: '表',
-						fieldname: 'table',
-						width: '200px',
-						type: 'Component',
-						component: ({ row }) => {
-							return h(FormControl, {
-								class: 'w-full -mx-1.5',
-								type: 'autocomplete',
-								modelValue: row.table,
-								'onUpdate:modelValue': newValue => {
-									row.table = newValue?.value || '';
-								},
-								options: this.autocompleteTableOptions
-							});
-						}
-					},
-					{
-						label: '模式',
-						fieldname: 'mode',
-						width: 1,
-						align: 'center',
-						type: 'Component',
-						component: ({ row }) => {
-							return h(FormControl, {
-								type: 'select',
-								class: 'w-full',
-								options: [
-									{
-										label: '只读',
-										value: 'read_only'
-									},
-									{
-										label: '读写',
-										value: 'read_write'
-									}
-								],
-								modelValue: row.mode,
-								'onUpdate:modelValue': newValue => {
-									row.mode = newValue;
-								}
-							});
-						}
-					},
-					{
-						label: '列',
-width: '200px',
-						fieldname: 'columns',
-						align: 'center',
-						type: 'Component',
-						component: ({ row }) => {
-							return h(SiteDatabaseColumnsSelector, {
-								modelValue: row.columns,
-								availableColumns: this.getColumns(row.table),
-								'onUpdate:modelValue': newValues => {
-									row.columns = [...newValues];
-								}
-							});
-						}
-					},
-					{
-						label: '',
-						width: 0.6,
-						align: 'right',
-						type: 'Button',
-						Button: ({ row }) => {
-							return {
-								label: true ? '检查' : '添加',
-								slots: {
-									icon: icon('x')
-								},
-								variant: 'subtle',
-								onClick: event => {
-									this.removePermissionEntry(row.name);
-									event.stopPropagation();
-								}
-							};
-						}
-					}
-				]
-			};
-		},
-		showDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		},
-		isEditMode() {
-			return !!this.db_user_name;
-		},
-		isLoadingTableSchemas() {
-			if (this.$resources?.tableSchemas?.loading) return true;
-			if (this.$resources?.tableSchemas?.data?.message?.loading) return true;
-			return false;
-		},
-		tableNames() {
-			if (this.isLoadingTableSchemas) return [];
-			if (!this.$resources?.tableSchemas?.data?.message?.data) return [];
-			return Object.keys(this.$resources?.tableSchemas?.data?.message?.data);
-		},
-		autocompleteTableOptions() {
-			if (this.isLoadingTableSchemas) return [];
-			if (!this.$resources?.tableSchemas?.data?.message?.data) return [];
-			return Object.keys(
-				this.$resources?.tableSchemas?.data?.message?.data
-			).map(x => ({
-				label: x,
-				value: x
-			}));
-		}
-	},
-	methods: {
-		fetchTableSchemas(reload = false) {
-			if (!this.site) return;
-			this.$resources.tableSchemas.submit({
-				dt: 'Site',
-				dn: this.site,
-				method: 'fetch_database_table_schema',
-				args: {
-					reload
-				}
-			});
-		},
-		getColumns(table) {
-			if (!table) return [];
-			if (this.isLoadingTableSchemas) return [];
-			if (!this.$resources?.tableSchemas?.data?.message?.data) return [];
-			let columnSchemas =
-				this.$resources?.tableSchemas?.data?.message?.data[table]?.columns ??
-				[];
-			let columns = [];
-			columnSchemas.forEach(x => {
-				columns.push(x.column);
-			});
-			return columns;
-		},
-		addNewTablePermissionEntry() {
-			this.lastGeneratedRowId = this.lastGeneratedRowId + 1;
-			this.permissions = [
-				...this.permissions,
-				{
-					name: String(this.lastGeneratedRowId),
-					table: '',
-					mode: 'read_only',
-					columns: []
-				}
-			];
-		},
-		removePermissionEntry(name) {
-			this.permissions = this.permissions.filter(x => x.name !== name);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site_database_user/SiteDatabaseColumnsSelector.vue b/dashboard_backup/src2/components/site_database_user/SiteDatabaseColumnsSelector.vue
deleted file mode 100644
index 8e8d85d..0000000
--- a/dashboard_backup/src2/components/site_database_user/SiteDatabaseColumnsSelector.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<template>
-	<FPopover ref="rootRef" class="w-full">
-		<template #target="{ togglePopover }" class="w-full">
-			<Button @click="togglePopover()" class="px-4">
-				{{
-					columns.length == 0
-						? '所有列都允许'
-						: `${columns.length} 列已选择`
-				}}
-			</Button>
-		</template>
-		<template #body="{ isOpen, togglePopover }" class="w-full">
-			<div
-				v-show="isOpen"
-				class="bg-surface-white bg absolute right-0 z-[999] mt-1.5 flex max-h-[15rem] w-full list-none flex-col gap-2 overflow-y-auto overflow-x-hidden rounded-lg bg-white p-0 px-1.5 py-1.5 shadow-2xl"
-			>
-				<FormControl
-					theme="outline"
-					placeholder="搜索"
-					v-model="searchQuery"
-				/>
-
-				<FCheckbox
-					class="cursor-pointer"
-					size="sm"
-					v-for="column in filteredColumns"
-					:modelValue="isChecked(column)"
-					@change="e => toggleSelection(column, e)"
-					:label="column"
-				/>
-			</div>
-		</template>
-	</FPopover>
-</template>
-<script>
-import { Popover, Checkbox } from 'jingrow-ui';
-
-export default {
-	name: 'SiteDatabaseColumnsSelector',
-	props: ['modelValue', 'availableColumns'],
-	emits: ['update:modelValue'],
-	components: {
-		FPopover: Popover,
-		FCheckbox: Checkbox
-	},
-	data() {
-		return {
-			searchQuery: ''
-		};
-	},
-	mounted() {
-		this.searchQuery = '';
-	},
-	computed: {
-		columns() {
-			return this.modelValue;
-		},
-		allAvailableColumns() {
-			return this.availableColumns
-				.reduce(
-					(acc, item) => {
-						return acc.includes(item) ? acc : [...acc, item];
-					},
-					[...this.modelValue]
-				)
-				.sort();
-		},
-		filteredColumns() {
-			return this.allAvailableColumns.filter(column =>
-				column.toLowerCase().includes(this.searchQuery.toLowerCase())
-			);
-		}
-	},
-	methods: {
-		isChecked(column) {
-			return this.columns.includes(column);
-		},
-		toggleSelection(column, event) {
-			event.preventDefault();
-			event.stopPropagation();
-			if (this.isChecked(column)) {
-				this.$emit(
-					'update:modelValue',
-					this.columns.filter(c => c != column)
-				);
-			} else {
-				this.$emit('update:modelValue', [...this.columns, column]);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/components/site_database_user/SiteDatabaseUserCredentialDialog.vue b/dashboard_backup/src2/components/site_database_user/SiteDatabaseUserCredentialDialog.vue
deleted file mode 100644
index ecaab44..0000000
--- a/dashboard_backup/src2/components/site_database_user/SiteDatabaseUserCredentialDialog.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<template>
-	<Dialog
-		:options="{ title: '数据库凭证', size: '2xl' }"
-		v-model="showDialog"
-	>
-		<template #body-content>
-			<div
-				v-if="$resources.databaseCredential.loading"
-				class="flex w-full items-center justify-center gap-2 py-20 text-gray-700"
-			>
-				<Spinner class="w-4" /> 加载中
-			</div>
-			<div v-else>
-				<div v-if="databaseCredential">
-					<p class="mb-2 text-base font-semibold text-gray-700">
-						使用分析或商业智能工具
-					</p>
-					<p class="mb-2 text-base">
-						在您的分析或商业智能工具中使用以下凭证
-					</p>
-					<p class="ml-1 font-mono text-sm">
-						主机: {{ databaseCredential?.host }}
-					</p>
-					<p class="ml-1 font-mono text-sm">
-						端口: {{ databaseCredential?.port }}
-					</p>
-					<p class="ml-1 font-mono text-sm">
-						数据库名称: {{ databaseCredential?.database }}
-					</p>
-					<p class="ml-1 font-mono text-sm">
-						用户名: {{ databaseCredential?.username }}
-					</p>
-					<p class="ml-1 font-mono text-sm">
-						密码: {{ databaseCredential?.password }}
-					</p>
-					<p class="ml-1 font-mono text-sm">使用 SSL: 是</p>
-					<p class="ml-1 font-mono text-sm">
-						最大数据库连接{{
-							databaseCredential?.max_connections > 1 ? '数' : ''
-						}}: {{ databaseCredential?.max_connections }}
-					</p>
-				</div>
-				<div class="pb-2 pt-5">
-					<p class="mb-2 text-base font-semibold text-gray-700">
-						使用 MariaDB CLI
-					</p>
-					<p class="mb-2 text-base">
-						在终端中运行此命令以访问 MariaDB 控制台
-					</p>
-					<ClickToCopyField class="ml-1" :textContent="dbAccessCommand" />
-					<p class="mt-3 text-sm">
-						注意: 您的计算机上应安装
-						<span class="font-mono">mariadb</span> 客户端。
-					</p>
-				</div>
-				<div class="pb-2 pt-5">
-					<p class="mb-2 text-base font-semibold text-gray-700">SSL 信息</p>
-					<p class="text-sm">
-						您需要 <b>使用 SSL</b> 来连接数据库。
-					</p>
-					<Button
-						class="mt-3"
-						:loading="this.$resources.downloadSSLCert.loading"
-						loading-text="正在下载完整链 SSL 证书 (.pem)"
-						@click="this.$resources.downloadSSLCert.submit()"
-						>下载完整链 SSL 证书 (.pem)</Button
-					>
-					<ErrorMessage
-						class="mt-2"
-						:message="this.$resources.downloadSSLCert.error"
-					/>
-				</div>
-				<div class="pb-2 pt-5">
-					<p class="mb-2 text-base font-semibold text-gray-700">需要帮助？</p>
-					<p class="text-sm">
-						请查看
-						<a
-							href="https://jingrow.com/docs/database-users-and-permission-manager#faq"
-							target="_blank"
-							class="underline"
-							>文档</a
-						>
-						以获取故障排除指南。
-					</p>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-<script>
-import ClickToCopyField from '../ClickToCopyField.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'SiteDatabaseUserCredentialDialog',
-	props: ['name', 'modelValue'],
-	emits: ['update:modelValue'],
-	components: { ClickToCopyField },
-	data() {
-		return {};
-	},
-	resources: {
-		databaseCredential() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams: () => {
-					return {
-						dt: 'Site Database User',
-						dn: this.name,
-						method: 'get_credential'
-					};
-				},
-				initialData: {},
-				auto: true
-			};
-		},
-		downloadSSLCert() {
-			return {
-				url: 'jcloud.api.download_ssl_cert',
-				makeParams: () => {
-					return {
-						domain: this.databaseCredential?.host ?? ''
-					};
-				},
-auto: false,
-				onSuccess: data => {
-					// create a blob and trigger a download
-					const blob = new Blob([data], { type: 'text/plain' });
-					const filename = `${this.databaseCredential?.host ?? ''}.pem`;
-					const link = document.createElement('a');
-					link.href = URL.createObjectURL(blob);
-					link.download = filename;
-					link.click();
-					URL.revokeObjectURL(link.href);
-					toast.success('SSL 证书下载成功');
-				}
-			};
-		}
-	},
-	computed: {
-		databaseCredential() {
-			return this.$resources?.databaseCredential?.data?.message ?? {};
-		},
-		dbAccessCommand() {
-			if (!this.databaseCredential) return '';
-			return `mysql -u ${this.databaseCredential.username} -p -h ${this.databaseCredential.host} -P ${this.databaseCredential.port} --ssl --ssl-verify-server-cert`;
-		},
-		showDialog: {
-			get() {
-				return this.modelValue;
-			},
-			set(value) {
-				this.$emit('update:modelValue', value);
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/data/notifications.js b/dashboard_backup/src2/data/notifications.js
deleted file mode 100644
index beb0ff0..0000000
--- a/dashboard_backup/src2/data/notifications.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createResource } from 'jingrow-ui';
-
-export const unreadNotificationsCount = createResource({
-	cache: 'Unread Notifications Count',
-	url: 'jcloud.api.notifications.get_unread_count',
-	initialData: 0
-});
diff --git a/dashboard_backup/src2/data/plans.js b/dashboard_backup/src2/data/plans.js
deleted file mode 100644
index 83f71f7..0000000
--- a/dashboard_backup/src2/data/plans.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createResource } from 'jingrow-ui';
-
-export let plans = createResource({
-	url: 'jcloud.api.site.get_site_plans',
-	cache: 'site.plans',
-	initialData: []
-});
-
-export function fetchPlans() {
-	plans.fetch();
-}
-
-/**
- * Get plans
- * @returns {Array} List of plans
-*/
-export function getPlans() {
-	return plans.data || [];
-}
-
-export function getPlan(planName) {
-	return getPlans().find(plan => plan.name === planName);
-}
diff --git a/dashboard_backup/src2/data/session.js b/dashboard_backup/src2/data/session.js
deleted file mode 100644
index 1a49ab1..0000000
--- a/dashboard_backup/src2/data/session.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import { computed, reactive } from 'vue';
-import { createResource } from 'jingrow-ui';
-import { clear } from 'idb-keyval';
-import router from '../router';
-
-export let session = reactive({
-	login: createResource({
-		url: 'login',
-		makeParams({ email, password }) {
-			return {
-				usr: email,
-				pwd: password
-			};
-		}
-	}),
-	logout: createResource({
-		url: 'logout',
-		async onSuccess() {
-			session.user = getSessionUser();
-			await router.replace({ name: 'Login' });
-			localStorage.removeItem('current_team');
-			// On logout, reset posthog user identity and device id
-			if (window.posthog?.__loaded) {
-				posthog.reset(true);
-			}
-
-			// clear all cache from the session
-			clear();
-
-			window.location.reload();
-		}
-	}),
-	logoutWithoutReload: createResource({
-		url: 'logout',
-		async onSuccess() {
-			session.user = getSessionUser();
-			localStorage.removeItem('current_team');
-			// On logout, reset posthog user identity and device id
-			if (window.posthog?.__loaded) {
-				posthog.reset(true);
-			}
-
-			clear();
-		}
-	}),
-	roles: createResource({
-		url: 'jcloud.api.account.get_permission_roles',
-		cache: ['roles', localStorage.getItem('current_team')],
-		initialData: []
-	}),
-	isTeamAdmin: computed(
-		() =>
-			session.roles.data.length
-				? session.roles.data.some(role => role.admin_access)
-				: false // if no roles, assume not admin and has member access
-	),
-	hasBillingAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_billing)
-			: true
-	),
-	hasWebhookConfigurationAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_webhook_configuration)
-			: true
-	),
-	hasAppsAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_apps)
-			: true
-	),
-	hasPartnerAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_partner)
-			: true
-	),
-	hasSiteCreationAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_site_creation)
-			: true
-	),
-	hasBenchCreationAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_bench_creation)
-			: true
-	),
-	hasServerCreationAccess: computed(() =>
-		session.roles.data.length
-			? session.roles.data.some(role => role.allow_server_creation)
-			: true
-	),
-	user: getSessionUser(),
-	isLoggedIn: computed(() => !!session.user),
-	isSystemUser: getSessionCookies().get('system_user') === 'yes'
-});
-
-export default session;
-
-export function getSessionUser() {
-	let cookies = getSessionCookies();
-	let sessionUser = cookies.get('user_id');
-	if (!sessionUser || sessionUser === 'Guest') {
-		sessionUser = null;
-	}
-	return sessionUser;
-}
-
-function getSessionCookies() {
-	return new URLSearchParams(document.cookie.split('; ').join('&'));
-}
diff --git a/dashboard_backup/src2/data/team.js b/dashboard_backup/src2/data/team.js
deleted file mode 100644
index a62ee5a..0000000
--- a/dashboard_backup/src2/data/team.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import { createDocumentResource, jingrowRequest } from 'jingrow-ui';
-import { clear } from 'idb-keyval';
-
-let team;
-
-export function getTeam() {
-	if (!team) {
-		team = createDocumentResource({
-			pagetype: 'Team',
-			name: getCurrentTeam(),
-			whitelistedMethods: {
-				getTeamMembers: 'get_team_members',
-				inviteTeamMember: 'invite_team_member',
-				removeTeamMember: 'remove_team_member'
-			}
-		});
-	}
-	return team;
-}
-
-function getCurrentTeam() {
-	if (
-		document.cookie.includes('user_id=Guest') ||
-		!document.cookie.includes('user_id')
-	) {
-		return null;
-	}
-	let currentTeam = localStorage.getItem('current_team');
-	if (
-		!currentTeam ||
-		(currentTeam !== window.default_team &&
-			!window.valid_teams.map(t => t.name).includes(currentTeam) &&
-			!window.is_system_user)
-	) {
-		currentTeam = window.default_team;
-		if (currentTeam) localStorage.setItem('current_team', currentTeam);
-	}
-	return currentTeam;
-}
-
-export async function switchToTeam(team) {
-	let canSwitch = false;
-	try {
-		canSwitch = await jingrowRequest({
-			url: '/api/action/jcloud.api.account.can_switch_to_team',
-			params: { team }
-		});
-	} catch (error) {
-		console.log(error);
-		canSwitch = false;
-	}
-	if (canSwitch) {
-		localStorage.setItem('current_team', team);
-
-		// clear all cache from previous team session
-		clear();
-
-		window.location.reload();
-	}
-}
-
-export async function isLastSite(team) {
-	let count = 0;
-	count = await jingrowRequest({
-		url: '/api/action/jcloud.api.account.get_site_count',
-		params: { team }
-	});
-	return Boolean(count === 1);
-}
-
-window.switchToTeam = switchToTeam;
diff --git a/dashboard_backup/src2/dialogs/ConfirmDialog.vue b/dashboard_backup/src2/dialogs/ConfirmDialog.vue
deleted file mode 100644
index 89eb442..0000000
--- a/dashboard_backup/src2/dialogs/ConfirmDialog.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-	<Dialog v-model="showDialog" :options="{ title }">
-		<template #body-content>
-			<div class="space-y-4">
-				<p class="text-p-base text-gray-800" v-if="message" v-html="message" />
-				<div class="space-y-4">
-					<template v-for="field in fields" :key="field.fieldname">
-						<LinkControl
-							v-if="field.type == 'link'"
-							v-bind="field"
-							v-model="values[field.fieldname]"
-						/>
-						<FormControl
-							v-else
-							v-bind="field"
-							v-model="values[field.fieldname]"
-						/>
-					</template>
-				</div>
-			</div>
-			<ErrorMessage class="mt-2" :message="error" />
-		</template>
-		<template #actions>
-			<Button class="w-full" v-bind="primaryActionProps" />
-		</template>
-	</Dialog>
-</template>
-<script>
-import { ErrorMessage, FormControl } from 'jingrow-ui';
-import LinkControl from '../components/LinkControl.vue';
-
-export default {
-	name: 'ConfirmDialog',
-	props: ['title', 'message', 'fields', 'primaryAction', 'onSuccess'],
-	expose: ['show', 'hide'],
-	data() {
-		return {
-			showDialog: true,
-			error: null,
-			isLoading: false,
-			values:
-				// set default values for fields
-				this.fields.reduce((acc, field) => {
-					acc[field.fieldname] = field.default || null;
-					return acc;
-				}, {})
-		};
-	},
-	components: { FormControl, ErrorMessage, LinkControl },
-	methods: {
-		onConfirm() {
-			this.error = null;
-			try {
-				let primaryActionHandler =
-					this.primaryAction?.onClick || this.onSuccess;
-				let result = primaryActionHandler({
-					hide: this.hide,
-					values: this.values
-				});
-				if (result?.then) {
-					this.isLoading = true;
-					result
-						.then(() => (this.isLoading = false))
-						.catch(error => {
-							this.error = error;
-							this.isLoading = false;
-						});
-				}
-			} catch (error) {
-				this.error = error;
-				this.isLoading = false;
-			}
-		},
-		show() {
-			this.showDialog = true;
-		},
-		hide() {
-			this.showDialog = false;
-		}
-	},
-	computed: {
-		primaryActionProps() {
-			return {
-				label: '确认',
-				variant: 'solid',
-				...this.primaryAction,
-				loading: this.isLoading,
-				onClick: this.onConfirm
-			};
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src2/dialogs/PasswordDialog.vue b/dashboard_backup/src2/dialogs/PasswordDialog.vue
deleted file mode 100644
index 2de3b00..0000000
--- a/dashboard_backup/src2/dialogs/PasswordDialog.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-	<Dialog v-model="showDialog" :options="{ title }">
-		<template #body-content>
-			<div class="space-y-4">
-				<p class="text-p-base text-gray-800" v-if="description">{{ description }}</p>
-				<div class="space-y-4">
-					<FormControl
-						v-model="password"
-						:fieldtype="'Password'"
-						:label="'新密码'"
-						:fieldname="'password'"
-						:reqd="1"
-						:description="'长度为 8 至 30 个字符，必须同时包含大小写英文字母、数字和特殊符号'"
-					/>
-					<FormControl
-						v-model="confirmPassword"
-						:fieldtype="'Password'"
-						:label="'确认密码'"
-						:fieldname="'confirm_password'"
-						:reqd="1"
-					/>
-				</div>
-			</div>
-			<ErrorMessage class="mt-2" :message="error" />
-		</template>
-		<template #actions>
-			<div class="flex gap-2 w-full">
-				<Button 
-					variant="outline" 
-					class="flex-1"
-					@click="hide"
-				>
-					取消
-				</Button>
-				<Button 
-					variant="solid" 
-					class="flex-1"
-					:loading="isLoading"
-					@click="onConfirm"
-				>
-					确定
-				</Button>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { ErrorMessage, FormControl } from 'jingrow-ui';
-
-export default {
-	name: 'PasswordDialog',
-	props: ['title', 'description', 'onConfirm'],
-	expose: ['show', 'hide'],
-	data() {
-		return {
-			showDialog: true,
-			error: null,
-			isLoading: false,
-			password: '',
-			confirmPassword: ''
-		};
-	},
-	components: { FormControl, ErrorMessage },
-	methods: {
-		validatePassword() {
-			if (!this.password) {
-				this.error = '请输入新密码';
-				return false;
-			}
-			
-			if (this.password.length < 8 || this.password.length > 30) {
-				this.error = '密码长度必须在 8 至 30 个字符之间';
-				return false;
-			}
-			
-			// 检查密码复杂度：必须同时包含大小写英文字母、数字和特殊符号
-			const hasUpperCase = /[A-Z]/.test(this.password);
-			const hasLowerCase = /[a-z]/.test(this.password);
-			const hasNumbers = /\d/.test(this.password);
-			const hasSpecialChar = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/.test(this.password);
-			
-			if (!hasUpperCase || !hasLowerCase || !hasNumbers || !hasSpecialChar) {
-				this.error = '密码必须同时包含大小写英文字母、数字和特殊符号';
-				return false;
-			}
-			
-			if (this.password !== this.confirmPassword) {
-				this.error = '两次输入的密码不一致';
-				return false;
-			}
-			
-			return true;
-		},
-		async onConfirm() {
-			this.error = null;
-			
-			if (!this.validatePassword()) {
-				return;
-			}
-			
-			this.isLoading = true;
-			try {
-				await this.onConfirm(this.password);
-				this.hide();
-			} catch (error) {
-				this.error = error.message || '操作失败';
-			} finally {
-				this.isLoading = false;
-			}
-		},
-		show() {
-			this.showDialog = true;
-			this.password = '';
-			this.confirmPassword = '';
-			this.error = null;
-		},
-		hide() {
-			this.showDialog = false;
-		}
-	}
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/dialogs/TagsDialog.vue b/dashboard_backup/src2/dialogs/TagsDialog.vue
deleted file mode 100644
index ec18015..0000000
--- a/dashboard_backup/src2/dialogs/TagsDialog.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-	<Dialog v-model="showDialog" :options="{ title: '添加标签' }">
-		<template #body-content>
-			<div class="space-y-4">
-				<div class="flex items-center space-x-2">
-					<JcloudAutocomplete
-						v-model="selectedTag"
-						:options="tagOptions"
-						label="选择或创建一个标签"
-						:allowInputAsOption="true"
-						class="w-full"
-					/>
-					<Button
-						label="添加"
-						icon-left="plus"
-						@click="addTag"
-						class="mt-5"
-						:disabled="!selectedTag"
-					/>
-				</div>
-			</div>
-		</template>
-	</Dialog>
-</template>
-
-<script>
-import { ErrorMessage, getCachedDocumentResource } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import Autocomplete from '../components/Autocomplete.vue';
-
-export default {
-	name: 'TagsDialog',
-	props: ['docname', 'pagetype'],
-	components: { ErrorMessage, JcloudAutocomplete: Autocomplete },
-	data() {
-		return {
-			showDialog: true,
-			newTag: '',
-			selectedTag: null
-		};
-	},
-	resources: {
-		availableTags() {
-			return {
-				type: 'list',
-				pagetype: 'Jcloud Tag',
-				filters: { pagetype_name: this.pagetype },
-				fields: ['tag'],
-				pageLength: 1000,
-				auto: true
-			};
-		}
-	},
-	computed: {
-		$pg() {
-			return getCachedDocumentResource(this.pagetype, this.docname);
-		},
-		tagOptions() {
-			const docTags = this.$pg.pg.tags.map(t => t.tag_name);
-			return [
-				...(this.$resources.availableTags.data || [])
-					.filter(t => !docTags.includes(t.tag))
-					.map(t => ({
-						label: t.tag || 'No label',
-						value: t.tag
-					}))
-			];
-		}
-	},
-	methods: {
-		addTag() {
-			const tag = this.selectedTag;
-			toast.promise(this.$pg.addTag.submit({ tag }), {
-				success: () => {
-					this.selectedTag = null;
-					return 'Tag added successfully';
-				},
-				loading: 'Adding tag...',
-				error: 'Failed to add tag'
-			});
-		}
-	}
-};
-</script>
diff --git a/dashboard_backup/src2/globals.ts b/dashboard_backup/src2/globals.ts
deleted file mode 100644
index 0458054..0000000
--- a/dashboard_backup/src2/globals.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { toast } from 'vue-sonner';
-import { dayjsLocal } from './utils/dayjs';
-import { session } from './data/session';
-import theme from '../tailwind.theme.json';
-import { debounce } from 'jingrow-ui';
-import { getTeam } from './data/team';
-import * as formatters from './utils/format';
-import { getPlatform, isMobile } from './utils/device';
-
-export default function globals(app) {
-	app.config.globalProperties.$session = session;
-	app.config.globalProperties.$team = session.user ? getTeam() : null;
-	app.config.globalProperties.$toast = toast;
-	app.config.globalProperties.$dayjs = dayjsLocal;
-	app.config.globalProperties.$theme = theme;
-	app.config.globalProperties.$platform = getPlatform();
-	app.config.globalProperties.$format = formatters;
-	app.config.globalProperties.$log = console.log;
-	app.config.globalProperties.$debounce = debounce;
-	app.config.globalProperties.$isMobile = isMobile();
-
-	// legacy globals for old dashboard
-	// TODO: remove later
-	app.config.globalProperties.formatBytes = formatters.bytes;
-	app.config.globalProperties.$planTitle = formatters.planTitle;
-	app.config.globalProperties.$plural = formatters.plural;
-}
diff --git a/dashboard_backup/src2/logo/AlipayLogo.vue b/dashboard_backup/src2/logo/AlipayLogo.vue
deleted file mode 100644
index 61113c5..0000000
--- a/dashboard_backup/src2/logo/AlipayLogo.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1157.3333 400" class="alipay-svg">
-    <defs>
-      <clipPath id="a" clipPathUnits="userSpaceOnUse">
-        <path d="M0 300h868V0H0Z"></path>
-      </clipPath>
-    </defs>
-    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 400)">
-      <path d="M0 0h87.488v-17.318h31.243V3.2c-.002.05-.009.07-.009.124 0 4.61-3.613 8.345-8.092 8.422H60.063V27.89H27.362V11.746h-58.601v-29.064H0Z" transform="translate(745.123 252.854)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="m0 0-32.034-75.76h24.576v-90.155h26.874v119.582H9.682L29.92 0Z" transform="translate(555.846 279.253)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="m0 0-9.931 33.562c-.654 2.113-2.57 3.648-4.843 3.651h-26.017l7.54-25.468h-30.584v49.328h60.063v11.745h-60.063v23.218h60.063v11.744h-149.904V96.036h60.063V72.818h-60.063V61.073h60.063V11.745h-60.063V0Z" transform="translate(867.56 117.067)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0h-23.264l18.118-57.072h27.53L5.524-3.538C4.509-1.454 2.421-.02 0 0" transform="translate(619.044 220.684)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0h-27.926v-29.179h-68.831v-11.744h68.831v-104.913c-.242-2.397-2.136-4.267-4.504-4.398h-14.195v-12.16h36.197c5.725.245 10.302 4.99 10.428 10.892V-40.923h11.346v11.744H0z" transform="translate(683.458 277.875)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0c-25.503 9.287-45.697 19.493-61.562 29.341 22.978 17.025 43.114 40.133 51.189 71.044h-53.654v19.223h62.211v11.974h-62.211v24.364h-27.727l-.005-.006c-3.035 0-5.495-2.543-5.495-5.686v-18.672h-61.766v-11.974h61.766v-19.223h-52.13V88.417h103.842s-5.76-22.464-34.241-46.609c-25.512 19.317-34.046 34.705-34.046 34.705h-27.856c11.261-19.523 27.271-35.161 44.502-47.568-15.844-10.298-36.344-20.233-62.922-28.176v-14.342s40.979 7.734 80.589 31.07C-39.846-5.656 0-13.573 0-13.573Z" transform="translate(519.574 124.327)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="m0 0 9.62-28.837H-9.966Zm12.578-37.604 4.637-14.002h13.002L4.607 17.923h-9.938l-25.517-69.529h13.013l4.84 14.002z" transform="translate(408.575 70.862)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0v-69.529h42.105v9.465H12.513V0z" transform="translate(479.82 88.785)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M567.8 19.256h12.512v69.529H567.8Z" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0h-13.813v23.789H0c6.942 0 11.091-6.069 11.091-11.942C11.091 6.104 7.204 0 0 0m.703 33.246h-27.027v-69.529h12.511v26.726H.703c13.485 0 22.902 8.803 22.902 21.404 0 12.6-9.417 21.399-22.902 21.399" transform="translate(657.331 55.54)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="m0 0 9.621-28.837H-9.966Zm12.58-37.604 4.638-14.002h13.001L4.607 17.923h-9.936l-25.517-69.529h13.013l4.84 14.002z" transform="translate(741.809 70.862)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="m0 0-13.64-29.625L-27.489 0h-13.517l21.054-40.968v-28.561h12.413v28.561l.08.158L13.518 0Z" transform="translate(841.691 88.785)" style="fill: rgb(61, 57, 57); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0c-7.518-.745-21.627-4.064-29.345-10.861-23.132-20.111-9.292-56.874 37.513-56.874 27.204 0 54.395 17.345 75.748 45.115C53.539-7.836 27.805 2.739 0 0" transform="translate(73.568 137.035)" style="fill: rgb(22, 119, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-      <path d="M0 0h-204.487c-26.629 0-48.194-21.511-48.194-48.063v-203.884c0-26.534 21.565-48.053 48.194-48.053H0c26.623 0 48.178 21.519 48.178 48.053v2.004h-.001v-.036s-78.253 32.528-117.773 51.474c-26.501-32.515-60.692-52.249-96.183-52.249-60.03 0-80.415 52.378-51.99 86.863 6.196 7.516 16.739 14.692 33.103 18.716 25.59 6.266 66.329-3.914 104.504-16.474 6.863 12.615 12.642 26.503 16.949 41.291h-117.656v11.889h60.664v21.299h-73.474v11.888h73.474v30.388s0 5.119 5.202 5.119h29.65v-35.507h72.647V-87.17h-72.647v-21.299h59.301c-5.673-23.18-14.298-44.512-25.108-63.245 17.994-6.49 34.15-12.639 46.186-16.656 43.323-14.47 53.151-15.249 53.151-15.249v-.004h.001v155.56C48.178-21.511 26.623 0 0 0" transform="translate(253.122 300)" style="fill: rgb(22, 119, 255); fill-opacity: 1; fill-rule: nonzero; stroke: none;"></path>
-    </g>
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'AlipayLogo'
-}
-</script>
-
-<style scoped>
-.alipay-svg {
-  width: 100%;
-  height: auto;
-  max-height: 30px;
-}
-
-@media (max-width: 640px) {
-  .alipay-svg {
-    max-height: 24px;
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/logo/PoweredByStripeLogo.vue b/dashboard_backup/src2/logo/PoweredByStripeLogo.vue
deleted file mode 100644
index 5c037cd..0000000
--- a/dashboard_backup/src2/logo/PoweredByStripeLogo.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		xmlns:xlink="http://www.w3.org/1999/xlink"
-		width="119px"
-		height="26px"
-	>
-		<path
-			fill-rule="evenodd"
-			opacity="0.349"
-			fill="rgb(66, 71, 112)"
-			d="M113.000,26.000 L6.000,26.000 C2.686,26.000 -0.000,23.314 -0.000,20.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 L113.000,-0.000 C116.314,-0.000 119.000,2.686 119.000,6.000 L119.000,20.000 C119.000,23.314 116.314,26.000 113.000,26.000 ZM118.000,6.000 C118.000,3.239 115.761,1.000 113.000,1.000 L6.000,1.000 C3.239,1.000 1.000,3.239 1.000,6.000 L1.000,20.000 C1.000,22.761 3.239,25.000 6.000,25.000 L113.000,25.000 C115.761,25.000 118.000,22.761 118.000,20.000 L118.000,6.000 Z"
-		/>
-		<path
-			fill-rule="evenodd"
-			opacity="0.502"
-			fill="rgb(66, 71, 112)"
-			d="M60.700,18.437 L59.395,18.437 L60.405,15.943 L58.395,10.871 L59.774,10.871 L61.037,14.323 L62.310,10.871 L63.689,10.871 L60.700,18.437 ZM55.690,16.259 C55.238,16.259 54.774,16.091 54.354,15.764 L54.354,16.133 L53.007,16.133 L53.007,8.566 L54.354,8.566 L54.354,11.229 C54.774,10.913 55.238,10.745 55.690,10.745 C57.100,10.745 58.068,11.881 58.068,13.502 C58.068,15.122 57.100,16.259 55.690,16.259 ZM55.406,11.902 C55.038,11.902 54.669,12.060 54.354,12.376 L54.354,14.628 C54.669,14.943 55.038,15.101 55.406,15.101 C56.164,15.101 56.690,14.449 56.690,13.502 C56.690,12.555 56.164,11.902 55.406,11.902 ZM47.554,15.764 C47.144,16.091 46.681,16.259 46.218,16.259 C44.818,16.259 43.840,15.122 43.840,13.502 C43.840,11.881 44.818,10.745 46.218,10.745 C46.681,10.745 47.144,10.913 47.554,11.229 L47.554,8.566 L48.912,8.566 L48.912,16.133 L47.554,16.133 L47.554,15.764 ZM47.554,12.376 C47.249,12.060 46.881,11.902 46.513,11.902 C45.744,11.902 45.218,12.555 45.218,13.502 C45.218,14.449 45.744,15.101 46.513,15.101 C46.881,15.101 47.249,14.943 47.554,14.628 L47.554,12.376 ZM39.535,13.870 C39.619,14.670 40.251,15.217 41.134,15.217 C41.619,15.217 42.155,15.038 42.702,14.722 L42.702,15.849 C42.103,16.122 41.503,16.259 40.913,16.259 C39.324,16.259 38.209,15.101 38.209,13.460 C38.209,11.871 39.303,10.745 40.808,10.745 C42.187,10.745 43.123,11.829 43.123,13.375 C43.123,13.523 43.123,13.691 43.102,13.870 L39.535,13.870 ZM40.756,11.786 C40.103,11.786 39.598,12.271 39.535,12.997 L41.829,12.997 C41.787,12.281 41.356,11.786 40.756,11.786 ZM35.988,12.618 L35.988,16.133 L34.641,16.133 L34.641,10.871 L35.988,10.871 L35.988,11.397 C36.367,10.976 36.830,10.745 37.282,10.745 C37.430,10.745 37.577,10.755 37.724,10.797 L37.724,11.997 C37.577,11.955 37.409,11.934 37.251,11.934 C36.809,11.934 36.335,12.176 35.988,12.618 ZM29.979,13.870 C30.063,14.670 30.694,15.217 31.578,15.217 C32.062,15.217 32.599,15.038 33.146,14.722 L33.146,15.849 C32.546,16.122 31.946,16.259 31.357,16.259 C29.768,16.259 28.653,15.101 28.653,13.460 C28.653,11.871 29.747,10.745 31.252,10.745 C32.630,10.745 33.567,11.829 33.567,13.375 C33.567,13.523 33.567,13.691 33.546,13.870 L29.979,13.870 ZM31.199,11.786 C30.547,11.786 30.042,12.271 29.979,12.997 L32.273,12.997 C32.231,12.281 31.799,11.786 31.199,11.786 ZM25.274,16.133 L24.200,12.555 L23.137,16.133 L21.927,16.133 L20.117,10.871 L21.464,10.871 L22.527,14.449 L23.590,10.871 L24.810,10.871 L25.873,14.449 L26.936,10.871 L28.283,10.871 L26.484,16.133 L25.274,16.133 ZM17.043,16.259 C15.454,16.259 14.328,15.112 14.328,13.502 C14.328,11.881 15.454,10.745 17.043,10.745 C18.632,10.745 19.748,11.881 19.748,13.502 C19.748,15.112 18.632,16.259 17.043,16.259 ZM17.043,11.871 C16.254,11.871 15.707,12.534 15.707,13.502 C15.707,14.470 16.254,15.133 17.043,15.133 C17.822,15.133 18.369,14.470 18.369,13.502 C18.369,12.534 17.822,11.871 17.043,11.871 ZM11.128,13.533 L9.918,13.533 L9.918,16.133 L8.571,16.133 L8.571,8.892 L11.128,8.892 C12.602,8.892 13.654,9.850 13.654,11.218 C13.654,12.586 12.602,13.533 11.128,13.533 ZM10.939,9.987 L9.918,9.987 L9.918,12.439 L10.939,12.439 C11.718,12.439 12.265,11.944 12.265,11.218 C12.265,10.482 11.718,9.987 10.939,9.987 Z"
-		/>
-		<path
-			fill-rule="evenodd"
-			opacity="0.502"
-			fill="rgb(66, 71, 112)"
-			d="M111.116,14.051 L105.557,14.051 C105.684,15.382 106.659,15.774 107.766,15.774 C108.893,15.774 109.781,15.536 110.555,15.146 L110.555,17.433 C109.784,17.861 108.765,18.169 107.408,18.169 C104.642,18.169 102.704,16.437 102.704,13.013 C102.704,10.121 104.348,7.825 107.049,7.825 C109.746,7.825 111.154,10.120 111.154,13.028 C111.154,13.303 111.129,13.898 111.116,14.051 ZM107.031,10.140 C106.321,10.140 105.532,10.676 105.532,11.955 L108.468,11.955 C108.468,10.677 107.728,10.140 107.031,10.140 ZM98.108,18.169 C97.114,18.169 96.507,17.750 96.099,17.451 L96.093,20.664 L93.254,21.268 L93.253,8.014 L95.753,8.014 L95.901,8.715 C96.293,8.349 97.012,7.825 98.125,7.825 C100.119,7.825 101.997,9.621 101.997,12.927 C101.997,16.535 100.139,18.169 98.108,18.169 ZM97.446,10.340 C96.795,10.340 96.386,10.578 96.090,10.903 L96.107,15.122 C96.383,15.421 96.780,15.661 97.446,15.661 C98.496,15.661 99.200,14.518 99.200,12.989 C99.200,11.504 98.485,10.340 97.446,10.340 ZM89.149,8.014 L91.999,8.014 L91.999,17.966 L89.149,17.966 L89.149,8.014 ZM89.149,4.836 L91.999,4.230 L91.999,6.543 L89.149,7.149 L89.149,4.836 ZM86.110,11.219 L86.110,17.966 L83.272,17.966 L83.272,8.014 L85.727,8.014 L85.905,8.853 C86.570,7.631 87.897,7.879 88.275,8.015 L88.275,10.625 C87.914,10.508 86.781,10.338 86.110,11.219 ZM80.024,14.475 C80.024,16.148 81.816,15.627 82.179,15.482 L82.179,17.793 C81.801,18.001 81.115,18.169 80.187,18.169 C78.502,18.169 77.237,16.928 77.237,15.247 L77.250,6.138 L80.022,5.548 L80.024,8.014 L82.180,8.014 L82.180,10.435 L80.024,10.435 L80.024,14.475 ZM76.485,14.959 C76.485,17.003 74.858,18.169 72.497,18.169 C71.518,18.169 70.448,17.979 69.392,17.525 L69.392,14.814 C70.345,15.332 71.559,15.721 72.500,15.721 C73.133,15.721 73.589,15.551 73.589,15.026 C73.589,13.671 69.273,14.181 69.273,11.038 C69.273,9.028 70.808,7.825 73.111,7.825 C74.052,7.825 74.992,7.969 75.933,8.344 L75.933,11.019 C75.069,10.552 73.972,10.288 73.109,10.288 C72.514,10.288 72.144,10.460 72.144,10.903 C72.144,12.181 76.485,11.573 76.485,14.959 Z"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src2/logo/RazorpayLogo.vue b/dashboard_backup/src2/logo/RazorpayLogo.vue
deleted file mode 100644
index 8d2d20a..0000000
--- a/dashboard_backup/src2/logo/RazorpayLogo.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-	<svg
-		width="847"
-		height="180"
-		viewBox="0 0 847 180"
-		fill="none"
-		xmlns="http://www.w3.org/2000/svg"
-	>
-		<path
-			d="M223.833 67.1063C226.646 56.5688 225.484 48.5063 220.345 42.9188C215.207 37.3313 206.224 34.5188 193.398 34.4813H144.247L114.617 145.65H138.414L150.397 100.65H166.112C168.987 100.506 171.852 101.093 174.438 102.356C175.488 103.013 176.363 103.913 176.99 104.981C177.617 106.048 177.977 107.251 178.039 108.488L182.333 145.65H207.837L203.674 111.131C202.849 103.425 199.305 98.8876 193.154 97.5189C200.596 95.4659 207.387 91.5412 212.882 86.1189C218.191 80.893 221.977 74.3204 223.833 67.1063ZM201.049 67.5001C200.023 72.0579 197.231 76.0227 193.285 78.5251C189.534 80.8876 184.059 82.0501 177.101 82.0501H155.011L162.774 53.0063H184.884C191.822 53.0063 196.586 54.1876 199.211 56.5313C201.836 58.8751 202.399 62.5876 201.049 67.5001Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M292.544 66.1875L289.524 77.4375C288.266 73.4169 285.604 69.9828 282.023 67.7625C277.847 65.2563 273.032 64.0185 268.165 64.2C261.337 64.2018 254.627 65.9856 248.7 69.375C242.248 73.0744 236.676 78.1279 232.366 84.1875C227.616 90.7391 224.137 98.1228 222.108 105.956C219.98 112.928 219.53 120.303 220.795 127.481C221.761 133.151 224.795 138.261 229.309 141.825C234.216 145.333 240.161 147.09 246.187 146.813C251.568 146.825 256.888 145.673 261.782 143.437C266.676 141.2 271.028 137.932 274.541 133.856L271.428 145.594H294.625L315.778 66.1875H292.544ZM282.005 105.563C280.57 112.028 277.377 117.972 272.778 122.738C270.798 124.676 268.451 126.201 265.876 127.225C263.3 128.248 260.547 128.75 257.776 128.7C251.869 128.7 247.893 126.825 245.755 122.831C243.618 118.838 243.561 113.269 245.512 105.956C246.995 99.433 250.238 93.441 254.888 88.6313C256.875 86.6345 259.24 85.0539 261.845 83.9819C264.45 82.9098 267.242 82.3678 270.059 82.3875C275.835 82.3875 279.773 84.3938 281.798 88.3875C283.824 92.3813 284.03 98.025 282.042 105.544L282.005 105.563Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M398.534 66.2437H331.718L326.786 84.7687H365.679L314.54 129.375L310.171 145.744H379.181L384.113 127.219H342.388L394.371 81.9749L398.534 66.2437Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M471.614 69.1501C465.409 65.605 458.332 63.8766 451.192 64.1626C443.138 64.0929 435.167 65.7956 427.845 69.1501C420.723 72.4705 414.465 77.3925 409.561 83.5314C404.438 89.9708 400.738 97.4217 398.703 105.394C396.514 112.484 396.243 120.027 397.915 127.256C399.45 133.257 403.264 138.423 408.548 141.656C413.924 144.969 420.8 146.625 429.176 146.625C437.144 146.695 445.028 144.998 452.261 141.656C459.361 138.335 465.589 133.405 470.451 127.256C475.584 120.821 479.291 113.369 481.328 105.394C483.521 98.3039 483.786 90.7579 482.097 83.5314C480.62 77.5504 476.856 72.387 471.614 69.1501ZM458.074 105.356C455.993 113.156 452.936 119.006 448.81 122.869C444.829 126.661 439.512 128.73 434.014 128.625C421.888 128.625 417.893 120.869 422.031 105.356C424.069 97.6564 427.195 91.8501 431.408 87.9376C435.44 84.0812 440.831 81.9721 446.41 82.0689C452.186 82.0689 456.124 83.9439 458.149 87.9376C460.175 91.9314 460.118 97.6501 458.074 105.356Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M724.213 66.1875L721.194 77.4375C719.936 73.4169 717.274 69.9828 713.693 67.7625C709.524 65.2336 704.708 63.9759 699.835 64.1438C692.995 64.1586 686.278 65.962 680.351 69.375C673.894 73.0736 668.315 78.1271 663.998 84.1875C659.256 90.7434 655.777 98.1257 653.74 105.956C651.631 112.931 651.181 120.302 652.428 127.481C653.394 133.151 656.427 138.261 660.942 141.825C665.913 145.362 671.932 147.119 678.025 146.813C683.286 146.793 688.483 145.655 693.271 143.475C698.212 141.258 702.599 137.973 706.117 133.856L703.004 145.594H726.201L747.373 66.1875H724.213ZM713.618 105.563C712.19 112.026 709.004 117.97 704.41 122.738C702.426 124.67 700.079 126.191 697.504 127.215C694.93 128.238 692.178 128.743 689.408 128.7C683.482 128.7 679.507 126.825 677.369 122.831C675.231 118.838 675.194 113.269 677.125 105.956C678.616 99.4361 681.858 93.4461 686.502 88.6313C688.493 86.6357 690.862 85.056 693.469 83.9841C696.077 82.9122 698.872 82.3695 701.691 82.3875C707.467 82.3875 711.38 84.3875 713.431 88.3875C715.606 92.2688 715.662 98.025 713.618 105.544V105.563Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M554.182 87.5628L560.108 65.9441C557.609 64.8129 554.88 64.28 552.138 64.3878C546.778 64.3939 541.509 65.7755 536.836 68.4003C532.574 70.7348 528.875 73.973 525.997 77.8878L529.053 66.2441H505.875L484.534 145.65H508.05L519.096 104.194C520.39 98.6623 523.419 93.6891 527.741 90.0003C532.185 86.5295 537.707 84.7309 543.343 84.9191C547.118 84.9033 550.839 85.8109 554.182 87.5628Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M636.132 69.5437C631.334 65.8774 625.4 64.0126 619.367 64.275C613.497 64.2816 607.712 65.6825 602.49 68.3625C597.257 70.9353 592.746 74.7691 589.363 79.5187L589.457 78.975L593.413 66.2437H570.348L564.459 88.3125C564.459 88.5562 564.328 88.8187 564.272 89.0625L540.081 180H563.709L575.917 134.175C577.084 138.218 579.773 141.652 583.418 143.756C587.649 146.186 592.476 147.382 597.352 147.206C604.201 147.225 610.946 145.523 616.967 142.256C623.375 138.725 628.906 133.797 633.151 127.837C637.82 121.319 641.235 113.987 643.221 106.219C645.364 99.143 645.852 91.6692 644.646 84.375C643.659 78.5774 640.641 73.3201 636.132 69.5437ZM619.424 105.844C617.982 112.207 614.809 118.047 610.253 122.719C606.222 126.574 600.829 128.677 595.251 128.569C589.438 128.569 585.5 126.562 583.418 122.606C581.337 118.65 581.224 112.95 583.268 105.431C584.729 98.9159 587.976 92.9362 592.645 88.1625C594.628 86.2258 596.974 84.699 599.548 83.6695C602.123 82.64 604.875 82.1279 607.647 82.1625C613.273 82.1625 617.192 84.2625 619.236 88.4062C621.28 92.55 621.411 98.4187 619.424 105.844Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M846.013 63.5999H821.634L817.884 71.4374C817.584 71.8311 817.302 72.2249 816.965 72.7124L816.571 73.3499L786.566 115.312L780.341 66.2436H755.737L768.245 141.506L740.585 180H764.269L771.114 170.231C771.321 169.931 771.527 169.687 771.714 169.369L779.722 157.95L779.984 157.65L815.746 106.631L846.013 63.5999Z"
-			fill="#0C2651"
-		/>
-		<path
-			d="M54.3828 47.1751L47.2567 73.1251L87.4627 47.0438L61.2088 145.65H87.8565L126.656 6.10352e-05L54.3828 47.1751Z"
-			fill="#3395FF"
-		/>
-		<path
-			d="M11.0641 104.175L0 145.65H54.6643L77.0364 61.2748L11.0641 104.175Z"
-			fill="#0C2651"
-		/>
-	</svg>
-</template>
diff --git a/dashboard_backup/src2/logo/StripeLogo.vue b/dashboard_backup/src2/logo/StripeLogo.vue
deleted file mode 100644
index 7258650..0000000
--- a/dashboard_backup/src2/logo/StripeLogo.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-	<svg
-		version="1.1"
-		id="Layer_1"
-		xmlns="http://www.w3.org/2000/svg"
-		xmlns:xlink="http://www.w3.org/1999/xlink"
-		x="0px"
-		y="0px"
-		viewBox="0 0 468 222.5"
-		style="enable-background: new 0 0 468 222.5"
-		xml:space="preserve"
-	>
-		<g>
-			<path
-				fill="#635bff"
-				d="M414,113.4c0-25.6-12.4-45.8-36.1-45.8c-23.8,0-38.2,20.2-38.2,45.6c0,30.1,17,45.3,41.4,45.3
-		c11.9,0,20.9-2.7,27.7-6.5v-20c-6.8,3.4-14.6,5.5-24.5,5.5c-9.7,0-18.3-3.4-19.4-15.2h48.9C413.8,121,414,115.8,414,113.4z
-		 M364.6,103.9c0-11.3,6.9-16,13.2-16c6.1,0,12.6,4.7,12.6,16H364.6z"
-			/>
-			<path
-				fill="#635bff"
-				d="M301.1,67.6c-9.8,0-16.1,4.6-19.6,7.8l-1.3-6.2h-22v116.6l25-5.3l0.1-28.3c3.6,2.6,8.9,6.3,17.7,6.3
-		c17.9,0,34.2-14.4,34.2-46.1C335.1,83.4,318.6,67.6,301.1,67.6z M295.1,136.5c-5.9,0-9.4-2.1-11.8-4.7l-0.1-37.1
-		c2.6-2.9,6.2-4.9,11.9-4.9c9.1,0,15.4,10.2,15.4,23.3C310.5,126.5,304.3,136.5,295.1,136.5z"
-			/>
-			<polygon
-				fill="#635bff"
-				points="223.8,61.7 248.9,56.3 248.9,36 223.8,41.3 	"
-			/>
-			<rect x="223.8" y="69.3" fill="#635bff" width="25.1" height="87.5" />
-			<path
-				fill="#635bff"
-				d="M196.9,76.7l-1.6-7.4h-21.6v87.5h25V97.5c5.9-7.7,15.9-6.3,19-5.2v-23C214.5,68.1,202.8,65.9,196.9,76.7z"
-			/>
-			<path
-				fill="#635bff"
-				d="M146.9,47.6l-24.4,5.2l-0.1,80.1c0,14.8,11.1,25.7,25.9,25.7c8.2,0,14.2-1.5,17.5-3.3V135
-		c-3.2,1.3-19,5.9-19-8.9V90.6h19V69.3h-19L146.9,47.6z"
-			/>
-			<path
-				fill="#635bff"
-				d="M79.3,94.7c0-3.9,3.2-5.4,8.5-5.4c7.6,0,17.2,2.3,24.8,6.4V72.2c-8.3-3.3-16.5-4.6-24.8-4.6
-		C67.5,67.6,54,78.2,54,95.9c0,27.6,38,23.2,38,35.1c0,4.6-4,6.1-9.6,6.1c-8.3,0-18.9-3.4-27.3-8v23.8c9.3,4,18.7,5.7,27.3,5.7
-		c20.8,0,35.1-10.3,35.1-28.2C117.4,100.6,79.3,105.9,79.3,94.7z"
-			/>
-		</g>
-	</svg>
-</template>
diff --git a/dashboard_backup/src2/logo/WeChatPayLogo.vue b/dashboard_backup/src2/logo/WeChatPayLogo.vue
deleted file mode 100644
index 59bb339..0000000
--- a/dashboard_backup/src2/logo/WeChatPayLogo.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 150 34" class="wechat-svg">
-    <g id="组件" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-      <g id="导航/头部菜单_内容" transform="translate(0.000000, -70.000000)">
-        <g id="logo" transform="translate(0.000000, 70.000000)">
-          <g id="微信支付logo">
-            <path d="M13.9879326,21.4155844 C13.8125353,21.5038961 13.637138,21.5480519 13.4178914,21.5480519 C12.9355489,21.5480519 12.5409051,21.2831169 12.3216585,20.8857143 L12.2339598,20.7090909 L8.76986368,13.1142857 C8.72601436,13.025974 8.72601436,12.9376623 8.72601436,12.8493506 C8.72601436,12.4961039 8.98911027,12.2311688 9.33990482,12.2311688 C9.47145277,12.2311688 9.60300073,12.2753247 9.73454868,12.3636364 L13.8125353,15.2779221 C14.1194805,15.4545455 14.4702751,15.587013 14.8649189,15.587013 C15.0841655,15.587013 15.3034121,15.5428571 15.5226587,15.4545455 L34.6409615,6.88831169 C31.2207147,2.82597403 25.5641526,0.176623377 19.1621521,0.176623377 C8.72601436,0.176623377 0.219246592,7.28571429 0.219246592,16.0727273 C0.219246592,20.8415584 2.76250706,25.1688312 6.75279503,28.0831169 C7.05974026,28.3038961 7.27898685,28.7012987 7.27898685,29.0987013 C7.27898685,29.2311688 7.23513753,29.3636364 7.19128821,29.4961039 C6.88434299,30.6883117 6.35815117,32.6311688 6.35815117,32.7194805 C6.31430185,32.8519481 6.27045253,33.0285714 6.27045253,33.2051948 C6.27045253,33.5584416 6.53354844,33.8233766 6.88434299,33.8233766 C7.01589094,33.8233766 7.1474389,33.7792208 7.23513753,33.6909091 L11.3569735,31.2623377 C11.6639187,31.0857143 12.0147132,30.9532468 12.3655078,30.9532468 C12.5409051,30.9532468 12.7601516,30.9974026 12.9355489,31.0415584 C14.8649189,31.6155844 16.9696862,31.9246753 19.1183028,31.9246753 C29.5544406,31.9246753 38.0612084,24.8155844 38.0612084,16.0285714 C38.0612084,13.3792208 37.2719206,10.8623377 35.9125918,8.65454545 L14.1194805,21.3272727 L13.9879326,21.4155844 Z" id="XMLID_81_" fill="#22AC38"></path>
-            <rect id="XMLID_80_" fill="#494949" x="83.6206502" y="11.4363636" width="14.2071792" height="1.28051948"></rect>
-            <rect id="XMLID_79_" fill="#494949" x="83.6206502" y="15.4103896" width="14.2071792" height="1.36883117"></rect>
-            <path d="M97.4331854,27.2883117 L97.4331854,19.5168831 L83.9714447,19.5168831 L83.9714447,27.2441558 L97.4331854,27.2441558 L97.4331854,27.2883117 Z M85.3307736,20.7974026 L96.0738566,20.7974026 L96.0738566,25.9636364 L85.3307736,25.9636364 L85.3307736,20.7974026 Z" id="XMLID_76_" fill="#494949" fill-rule="nonzero"></path>
-            <path d="M79.7180608,28.0831169 L79.7180608,10.2883117 C80.5073486,8.52207792 81.252787,6.66753247 81.8228281,4.76883117 L80.5511979,4.01818182 C79.2795676,8.47792208 77.4817456,12.4961039 75.1577317,15.8961039 L75.9031701,17.2207792 C76.6924579,16.0285714 77.5255949,14.6155844 78.358732,13.1584416 L78.358732,28.1272727 L79.7180608,28.1272727 L79.7180608,28.0831169 Z" id="XMLID_75_" fill="#494949"></path>
-            <path d="M131.284859,28.0831169 L131.284859,10.2883117 C132.074147,8.52207792 132.819585,6.66753247 133.389627,4.76883117 L132.117996,4.01818182 C130.846366,8.47792208 129.048544,12.4961039 126.72453,15.8961039 L127.469969,17.2207792 C128.259256,16.0285714 129.092393,14.6155844 129.92553,13.1584416 L129.92553,28.1272727 L131.284859,28.1272727 L131.284859,28.0831169 Z" id="XMLID_74_" fill="#494949"></path>
-            <path d="M99.3187061,7.32987013 L90.9873356,7.32987013 L91.864322,6.8 L91.9081713,6.8 L91.9081713,6.75584416 C91.8204727,6.53506494 91.5573768,5.96103896 91.2504316,5.34285714 C90.9873356,4.76883117 90.7242397,4.23896104 90.5926918,3.92987013 L90.5926918,3.88571429 L89.3210615,4.63636364 L89.3210615,4.68051948 C89.7595547,5.51948052 90.1541986,6.31428571 90.5049931,7.06493506 C90.5488425,7.15324675 90.5926918,7.24155844 90.5926918,7.28571429 L82.2613213,7.28571429 L82.2613213,8.65454545 L99.3187061,8.65454545 L99.3187061,7.32987013 Z" id="XMLID_73_" fill="#494949"></path>
-            <polygon id="XMLID_72_" fill="#494949" points="62.660676 6.27012987 61.3890457 6.27012987 61.3890457 10.774026 58.9773332 10.774026 58.9773332 4.37142857 57.705703 4.37142857 57.705703 10.774026 55.2062918 10.774026 55.2062918 6.27012987 53.9346616 6.27012987 53.9346616 12.0545455 62.660676 12.0545455"></polygon>
-            <rect id="XMLID_71_" fill="#494949" x="54.3293055" y="14.5714286" width="7.71748004" height="1.28051948"></rect>
-            <path d="M55.9955796,20.8415584 L55.9955796,19.6935065 L59.8981689,19.6935065 L59.8981689,22.5194805 C59.8543196,23.5350649 59.8104703,23.8441558 59.4596757,24.2857143 L60.2489635,25.6545455 L60.2928128,25.6103896 C60.9944019,25.0363636 62.1344841,24.0649351 63.7569089,22.6077922 L63.8007582,22.6077922 L63.1868678,21.5480519 L63.1430185,21.5038961 L61.1697991,23.1818182 L61.1697991,18.3688312 L54.6362507,18.3688312 L54.6362507,20.3116883 C54.811648,22.961039 54.1539082,24.8597403 52.6630314,25.9636364 L52.6191821,25.9636364 L53.3207712,27.2 L53.3646205,27.2441558 L53.4084698,27.2 C55.2501412,25.7428571 56.1271275,23.5792208 55.9955796,20.8415584 Z" id="XMLID_70_" fill="#494949"></path>
-            <path d="M47.6642091,10.4207792 L48.4534968,11.7454545 C50.4267161,9.75844156 52.1368396,7.37402597 53.3646205,4.76883117 L52.1806889,4.06233766 C50.9090586,6.62337662 49.3743325,8.78701299 47.6642091,10.4207792 Z" id="XMLID_69_" fill="#494949"></path>
-            <path d="M47.3134145,18.5012987 L48.0150036,19.7376623 L48.0588529,19.7818182 L48.1027023,19.7376623 C48.8481407,18.8545455 49.5935791,17.9272727 50.2951682,16.9558442 L50.2951682,28.0831169 L51.5667984,28.0831169 L51.5667984,14.8363636 C52.1368396,13.8207792 52.7068807,12.6727273 53.2330725,11.3922078 L53.2330725,11.3480519 L52.0052916,10.6415584 L52.0052916,10.6857143 C50.7775107,13.6441558 49.2427845,16.2935065 47.3134145,18.5012987 Z" id="XMLID_68_" fill="#494949"></path>
-            <path d="M72.0005808,10.0675325 L72.0005808,8.78701299 L66.3440187,8.78701299 C66.8263612,7.28571429 67.3964024,5.56363636 67.5717996,4.10649351 L66.2563201,4.10649351 C65.423183,7.99220779 64.1515528,11.3922078 62.529128,14.0415584 L63.3184157,15.4545455 L63.8884569,14.2623377 C64.1077035,13.8649351 64.2831008,13.5558442 64.4146487,13.2909091 C64.8092926,16.7350649 65.5108817,19.5168831 66.4755667,21.5480519 C65.554731,23.1818182 64.1077035,24.8597403 62.1783335,26.5818182 L62.1344841,26.5818182 L62.8799226,27.8623377 L62.9237719,27.9064935 L62.9676212,27.8623377 C64.9846898,25.9636364 66.387868,24.2857143 67.1333064,22.9168831 C67.9664435,24.4181818 69.413471,26.2285714 71.0358958,27.9506494 L71.0797451,27.9948052 L71.8251835,26.6701299 L71.8251835,26.625974 L71.7813342,26.625974 C70.0273615,24.9038961 68.6241833,23.1376623 67.8348955,21.6363636 C69.281923,18.987013 70.1589094,15.1012987 70.509704,10.0675325 L72.0005808,10.0675325 Z M67.3087037,20.0025974 C66.4755667,17.838961 65.8616762,14.8805195 65.4670323,11.2155844 C65.5985803,10.8181818 65.7739776,10.4207792 65.9493748,10.0675325 L69.3696217,10.0675325 C69.0626765,14.2181818 68.4049367,17.574026 67.3087037,20.0025974 Z" id="XMLID_65_" fill="#494949" fill-rule="nonzero"></path>
-            <path d="M125.102105,8.6987013 L125.102105,7.32987013 L114.271324,7.32987013 L114.271324,3.84155844 L112.868146,3.84155844 L112.868146,7.32987013 L102.125063,7.32987013 L102.125063,8.6987013 L112.868146,8.6987013 L112.868146,13.2467532 L112.648899,13.2467532 L105.896104,13.2467532 L105.896104,14.4831169 C105.896104,14.4831169 106.948488,16.9116883 109.140953,19.561039 C110.01794,20.6207792 111.026474,21.7246753 112.341954,22.8285714 C109.886392,24.3298701 106.860789,25.787013 102.607405,26.625974 L103.396693,28.038961 C103.396693,28.038961 108.439364,26.9792208 113.438187,23.7116883 C114.095926,24.1532468 117.209228,26.625974 122.997338,28.038961 C122.997338,28.038961 122.997338,28.038961 122.997338,28.038961 L123.041187,28.038961 L123.611229,26.9792208 C123.611229,26.9792208 122.120352,26.5818182 119.840187,25.6987013 C118.261612,25.0805195 116.288392,24.1532468 114.402872,22.8727273 C117.209228,20.7974026 119.708639,17.7948052 121.199516,13.9532468 L120.059434,13.2909091 L114.227474,13.2909091 L114.227474,8.6987013 L125.102105,8.6987013 Z M119.620941,14.438961 C119.620941,14.438961 118.217762,18.4571429 113.438187,21.9012987 C111.158022,20.1350649 108.790159,17.574026 107.299282,14.438961 L119.620941,14.438961 Z" id="XMLID_35_" fill="#494949" fill-rule="nonzero"></path>
-            <path d="M142.554134,26.3168831 C142.291038,26.3168831 142.027942,26.3168831 141.764846,26.3168831 L141.764846,27.6857143 C142.291038,27.6857143 142.685682,27.6857143 142.948778,27.6857143 C144.308107,27.6857143 145.009696,27.3766234 145.623586,26.8025974 C146.193627,26.2285714 146.456723,25.3896104 146.412874,24.2415584 L146.412874,11.3922078 L150.096217,11.3922078 L150.096217,10.0233766 L146.412874,10.0233766 L146.412874,4.10649351 L145.053545,4.10649351 L145.053545,10.0233766 L133.740421,10.0233766 L133.740421,11.3922078 L145.053545,11.3922078 L145.053545,24.2415584 C145.009696,25.6545455 144.13271,26.3168831 142.554134,26.3168831 Z" id="XMLID_34_" fill="#494949"></path>
-            <path d="M139.484682,21.7246753 L140.844011,20.9298701 C140.098572,19.4285714 139.133887,17.4415584 137.949956,15.012987 L136.722175,15.7636364 C137.511462,17.3974026 138.432298,19.3844156 139.484682,21.7246753 Z" id="XMLID_33_" fill="#494949"></path>
-          </g>
-        </g>
-      </g>
-    </g>
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'WeChatPayLogo'
-}
-</script>
-
-<style scoped>
-.wechat-svg {
-  width: 100%;
-  height: auto;
-  max-height: 30px;
-}
-
-@media (max-width: 640px) {
-  .wechat-svg {
-    max-height: 24px;
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/main.js b/dashboard_backup/src2/main.js
deleted file mode 100644
index d1572ca..0000000
--- a/dashboard_backup/src2/main.js
+++ /dev/null
@@ -1,168 +0,0 @@
-import { createApp } from 'vue';
-import {
-	setConfig,
-	jingrowRequest,
-	pageMetaPlugin,
-	resourcesPlugin,
-} from 'jingrow-ui';
-import App from './App.vue';
-import router from './router';
-import { initSocket } from './socket';
-import { subscribeToJobUpdates } from './utils/agentJob';
-import { fetchPlans } from './data/plans.js';
-import * as Sentry from '@sentry/vue';
-import { session } from './data/session.js';
-import { unreadNotificationsCount } from './data/notifications.js';
-import './vendor/posthog.js';
-
-const request = (options) => {
-	const _options = options || {};
-	_options.headers = options.headers || {};
-	const currentTeam =
-		localStorage.getItem('current_team') || window.default_team;
-	if (currentTeam) {
-		_options.headers['X-Jcloud-Team'] = currentTeam;
-	}
-	return jingrowRequest(_options);
-};
-setConfig('resourceFetcher', request);
-setConfig('defaultListUrl', 'jcloud.api.client.get_list');
-setConfig('defaultDocGetUrl', 'jcloud.api.client.get');
-setConfig('defaultDocInsertUrl', 'jcloud.api.client.insert');
-setConfig('defaultRunDocMethodUrl', 'jcloud.api.client.run_pg_method');
-setConfig('defaultDocUpdateUrl', 'jcloud.api.client.set_value');
-setConfig('defaultDocDeleteUrl', 'jcloud.api.client.delete');
-
-let app;
-let socket;
-
-getInitialData().then(() => {
-	app = createApp(App);
-	app.use(router);
-	app.use(resourcesPlugin);
-	app.use(pageMetaPlugin);
-
-	socket = initSocket();
-	app.config.globalProperties.$socket = socket;
-	window.$socket = socket;
-	subscribeToJobUpdates(socket);
-	if (session.isLoggedIn) {
-		fetchPlans();
-		session.roles.fetch();
-		unreadNotificationsCount.fetch();
-	}
-
-	if (window.jcloud_dashboard_sentry_dsn.includes('https://')) {
-		Sentry.init({
-			app,
-			dsn: window.jcloud_dashboard_sentry_dsn,
-			integrations: [
-				Sentry.browserTracingIntegration({ router }),
-				Sentry.replayIntegration({
-					maskAllText: false,
-					blockAllMedia: false,
-				}),
-				Sentry.thirdPartyErrorFilterIntegration({
-					// Specify the application keys that you specified in the Sentry bundler plugin
-					filterKeys: ['jcloud-dashboard'],
-
-					// Defines how to handle errors that contain third party stack frames.
-					// Possible values are:
-					// - 'drop-error-if-contains-third-party-frames'
-					// - 'drop-error-if-exclusively-contains-third-party-frames'
-					// - 'apply-tag-if-contains-third-party-frames'
-					// - 'apply-tag-if-exclusively-contains-third-party-frames'
-					behaviour: 'apply-tag-if-contains-third-party-frames',
-				}),
-			],
-			replaysSessionSampleRate: 0.1,
-			replaysOnErrorSampleRate: 1.0,
-			beforeSend(event, hint) {
-				const ignoreErrors = [
-					/api\/action\/jcloud.api.client/,
-					/dynamically imported module/,
-					/NetworkError when attempting to fetch resource/,
-					/Failed to fetch/,
-					/Load failed/,
-					/jingrow is not defined/,
-					/Cannot read properties of undefined \(reading 'exc_type'\)/,
-					/Failed to execute 'transaction' on 'IDBDatabase': The database connection is closing/,
-					/Importing a module script failed./,
-					/o is undefined/,
-					/undefined is not an object \(evaluating 'o.exc_type'\)/,
-					/e is not defined/,
-					/Cannot set property ethereum of #<Window> which has only a getter/,
-					/Can't find variable: ResizeObserver/,
-					/Method not found/,
-					/Menu caption text is required/,
-					/Internal error opening backing store for indexedDB.open/,
-				];
-				const ignoreErrorTypes = [
-					'BuildValidationError',
-					'ValidationError',
-					'PermissionError',
-					'SecurityException',
-					'AAAARecordExists',
-					'AuthenticationError',
-					'RateLimitExceededError',
-					'InsufficientSpaceOnServer',
-					'ConflictingDNSRecord',
-					'MultipleARecords',
-				];
-				const error = hint.originalException;
-
-				if (
-					error?.name === 'DashboardError' ||
-					ignoreErrorTypes.includes(error?.exc_type) ||
-					(error?.message && ignoreErrors.some((re) => re.test(error.message)))
-				) {
-					return null;
-				}
-
-				return event;
-			},
-			logErrors: true,
-		});
-
-		Sentry.setTag('team', localStorage.getItem('current_team'));
-	}
-
-	if (
-		window.jcloud_frontend_posthog_project_id &&
-		window.jcloud_frontend_posthog_host &&
-		window.posthog
-	) {
-		window.posthog.init(window.jcloud_frontend_posthog_project_id, {
-			api_host: window.jcloud_frontend_posthog_host,
-			person_profiles: 'identified_only',
-			autocapture: false,
-			disable_session_recording: true,
-			session_recording: {
-				maskAllInputs: true,
-			},
-		});
-	} else {
-		// unset posthog if not configured
-		window.posthog = undefined;
-	}
-
-	importGlobals().then(() => {
-		app.mount('#app');
-	});
-});
-
-function getInitialData() {
-	if (import.meta.env.DEV) {
-		return jingrowRequest({
-			url: '/api/action/jcloud.www.dashboard.get_context_for_dev',
-		}).then((values) => Object.assign(window, values));
-	} else {
-		return Promise.resolve();
-	}
-}
-
-function importGlobals() {
-	return import('./globals.ts').then((globals) => {
-		app.use(globals.default);
-	});
-}
diff --git a/dashboard_backup/src2/objects/bench.ts b/dashboard_backup/src2/objects/bench.ts
deleted file mode 100644
index 0cd3003..0000000
--- a/dashboard_backup/src2/objects/bench.ts
+++ /dev/null
@@ -1,390 +0,0 @@
-import Tooltip from 'jingrow-ui/src/components/Tooltip/Tooltip.vue';
-import LucideAppWindow from '~icons/lucide/app-window';
-import type { VNode } from 'vue';
-import { defineAsyncComponent, h } from 'vue';
-import { getTeam, switchToTeam } from '../data/team';
-import { icon } from '../utils/components';
-import {
-	clusterOptions,
-	getSitesTabColumns,
-	sitesTabRoute,
-	siteTabFilterControls
-} from './common';
-import { getAppsTab } from './common/apps';
-import { getJobsTab } from './common/jobs';
-import type {
-	Breadcrumb,
-	BreadcrumbArgs,
-	ColumnField,
-	DashboardObject,
-	Detail,
-	FilterField,
-	List,
-	RouteDetail,
-	Row,
-	Tab
-} from './common/types';
-import { getLogsTab } from './tabs/site/logs';
-import { getPatchesTab } from './common/patches';
-
-export default {
-	pagetype: 'Bench',
-	whitelistedMethods: {},
-	detail: getDetail(),
-	list: getList(),
-	routes: getRoutes()
-} satisfies DashboardObject as DashboardObject;
-
-function getDetail() {
-	return {
-		titleField: 'name',
-		statusBadge: ({ documentResource: bench }) => ({ label: bench.pg.status }),
-		route: '/benches/:name',
-		tabs: getTabs(),
-		actions: ({ documentResource: res }) => {
-			const team = getTeam();
-			return [
-				{
-					label: '选项',
-					condition: () => team.pg?.is_desk_user ?? false,
-					options: [
-						{
-							label: '在 Desk 中查看',
-							icon: icon('external-link'),
-							condition: () => team.pg?.is_desk_user,
-							onClick() {
-								window.open(
-									`${window.location.protocol}//${window.location.host}/app/bench/${res.name}`,
-									'_blank'
-								);
-							}
-						},
-						{
-							label: '模拟团队',
-							icon: defineAsyncComponent(
-								() => import('~icons/lucide/venetian-mask')
-							),
-							condition: () => window.is_system_user ?? false,
-							onClick() {
-								switchToTeam(res.pg.team);
-							}
-						}
-					]
-				}
-			];
-		}
-		// breadcrumbs // use default breadcrumbs
-	} satisfies Detail as Detail;
-}
-
-function getTabs() {
-	return [
-		getSitesTab(),
-		getAppsTab(false),
-		getJobsTab('Bench'),
-		getProcessesTab(),
-		getLogsTab(false),
-		getPatchesTab(true)
-	] satisfies Tab[] as Tab[];
-}
-
-function getRoutes() {
-	return [
-		{
-			name: 'Bench Job',
-			path: 'jobs/:id',
-			component: () => import('../pages/JobPage.vue')
-		},
-		{
-			name: 'Bench Log',
-			path: 'logs/:logName',
-			component: () => import('../pages/LogPage.vue')
-		}
-	] satisfies RouteDetail[] as RouteDetail[];
-}
-
-function getList() {
-	return {
-		route: '/benches',
-		title: '工作台',
-		fields: [
-			'group.title as group_title',
-			'cluster.name as cluster_name',
-			'cluster.image as cluster_image',
-			'cluster.title as cluster_title'
-		],
-		orderBy: 'creation desc',
-		searchField: 'name',
-		columns: [
-			{
-				label: '工作台',
-				fieldname: 'name',
-				class: 'font-medium',
-				suffix: getBenchTitleSuffix
-			},
-			{
-				label: '状态',
-				fieldname: 'status',
-				type: 'Badge',
-				width: '100px'
-			},
-			{
-				label: '站点',
-				fieldname: 'site_count',
-				type: 'Number',
-				width: '100px',
-				align: 'right'
-			},
-			{
-				label: '区域',
-				fieldname: 'cluster',
-				width: 0.75,
-				format: (value, row) => String(row.cluster_title || value || ''),
-				prefix: getClusterImagePrefix
-			},
-			{ label: '站点分组', fieldname: 'group_title', width: '350px' }
-		],
-		filterControls
-	} satisfies List as List;
-}
-
-function getBenchTitleSuffix(row: Row) {
-	const ch: VNode[] = [];
-	if (row.inplace_update_docker_image) ch.push(getInPlaceUpdatesSuffix(row));
-	if (row.has_app_patch_applied) ch.push(getAppPatchSuffix(row));
-	if (!ch.length) return;
-
-	return h(
-		'div',
-		{
-			class: 'flex flex-row gap-2'
-		},
-		ch
-	);
-}
-function getInPlaceUpdatesSuffix(row: Row) {
-	const count = Number(
-		String(row.inplace_update_docker_image).split('-').at(-1)
-	);
-
-	let title = '工作台已就地更新';
-	if (!Number.isNaN(count) && count > 1) {
-		title += ` ${count} 次`;
-	}
-
-	return h(
-		'div',
-		{
-			title,
-			class: 'rounded-full bg-gray-100 p-1'
-		},
-		h(icon('star', 'w-3 h-3'))
-	);
-}
-
-function getAppPatchSuffix(row: Row) {
-	return h(
-		'div',
-		{
-			title: '此工作台中的应用可能已打补丁',
-			class: 'rounded-full bg-gray-100 p-1'
-		},
-		h(icon('hash', 'w-3 h-3'))
-	);
-}
-
-function getClusterImagePrefix(row: Row) {
-	if (!row.cluster_image) return;
-
-	return h('img', {
-		src: row.cluster_image,
-		class: 'w-4 h-4',
-		alt: row.cluster_title
-	});
-}
-
-function filterControls() {
-	return [
-		{
-			type: 'select',
-			label: '状态',
-			fieldname: 'status',
-			options: [
-				{ label: '', value: '' },
-				{ label: '激活', value: 'Active' },
-				{ label: '待定', value: 'Pending' },
-				{ label: '安装中', value: 'Installing' },
-				{ label: '更新中', value: 'Updating' },
-				{ label: '损坏', value: 'Broken' },
-				{ label: '已归档', value: 'Archived' }
-			]
-		},
-		{
-			type: 'link',
-			label: '站点分组',
-			fieldname: 'group',
-			options: {
-				pagetype: 'Release Group'
-			}
-		},
-		{
-			type: 'select',
-			label: '区域',
-			fieldname: 'cluster',
-			options: clusterOptions
-		}
-	] satisfies FilterField[] as FilterField[];
-}
-
-export function getSitesTab() {
-	return {
-		label: '站点',
-		icon: icon(LucideAppWindow),
-		route: 'sites',
-		type: 'list',
-		list: {
-			pagetype: 'Site',
-			filters: r => ({
-				group: r.pg.group,
-				bench: r.name,
-				skip_team_filter_for_system_user_and_support_agent: true
-			}),
-			fields: [
-				'name',
-				'status',
-				'host_name',
-				'plan.plan_title as plan_title',
-				'plan.price_usd as price_usd',
-				'plan.price_cny as price_cny',
-				'cluster.image as cluster_image',
-				'cluster.title as cluster_title'
-			],
-			orderBy: 'creation desc, bench desc',
-			pageLength: 99999,
-			columns: getSitesTabColumns(true),
-			filterControls: siteTabFilterControls,
-			route: sitesTabRoute,
-			primaryAction: r => {
-				return {
-					label: '新建站点',
-					slots: {
-						prefix: icon('plus', 'w-4 h-4')
-					},
-					route: {
-						name: 'Release Group New Site',
-						params: { bench: r.documentResource.pg.group }
-					}
-				};
-			},
-			rowActions: ({ row }) => [
-				{
-					label: '在桌面查看',
-					condition: () => getTeam()?.pg?.is_desk_user,
-					onClick() {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/site/${row.name}`,
-							'_blank'
-						);
-					}
-				}
-			]
-		}
-	} satisfies Tab;
-}
-
-export function getProcessesTab() {
-	const url = 'jcloud.api.bench.get_processes';
-	return {
-		label: '进程',
-		icon: icon('cpu'),
-		route: 'processes',
-		type: 'list',
-		list: {
-			resource({ documentResource: res }) {
-				return {
-					params: {
-						name: res.name
-					},
-					url,
-					auto: true,
-					cache: ['ObjectList', url, res.name]
-				};
-			},
-			columns: getProcessesColumns(),
-			rowActions: () => [] // TODO: 允许发出 supectl 命令
-		}
-	} satisfies Tab as Tab;
-}
-
-export function getProcessesColumns() {
-	const processStatusColorMap = {
-		Starting: 'blue',
-		Backoff: 'yellow',
-		Running: 'green',
-		Stopping: 'yellow',
-		Stopped: 'gray',
-		Exited: 'gray',
-		Unknown: 'gray',
-		Fatal: 'red'
-	};
-
-	type Status = keyof typeof processStatusColorMap;
-	return [
-		{
-			label: '名称',
-			width: 2,
-			fieldname: 'name'
-		},
-		{
-			label: '组',
-width: 1.5,
-			fieldname: 'group',
-			format: v => String(v ?? '')
-		},
-		{
-			label: '状态',
-			type: 'Badge',
-			width: 0.7,
-			fieldname: 'status',
-			theme: value => processStatusColorMap[value as Status] ?? 'gray',
-			suffix: ({ message }) => {
-				if (!message) {
-					return;
-				}
-
-				return h(
-					Tooltip,
-					{
-						text: message,
-						placement: 'top'
-					},
-					() => h(icon('alert-circle', 'w-3 h-3'))
-				);
-			}
-		},
-		{
-			label: '运行时间',
-			fieldname: 'uptime_string'
-		}
-	] satisfies ColumnField[] as ColumnField[];
-}
-
-function breadcrumbs({ items, documentResource: bench }: BreadcrumbArgs) {
-	const $team = getTeam();
-	const benchCrumb = {
-		label: bench.pg?.name,
-		route: `/benches/${bench.pg?.name}`
-	};
-
-	if (bench.pg.group_team == $team.pg?.name || $team.pg?.is_desk_user) {
-		return [
-			{
-				label: bench.pg?.group_title,
-				route: `/groups/${bench.pg?.group}`
-			},
-			benchCrumb
-		] satisfies Breadcrumb[];
-	}
-
-	return [...items.slice(0, -1), benchCrumb] satisfies Breadcrumb[];
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/common/apps.ts b/dashboard_backup/src2/objects/common/apps.ts
deleted file mode 100644
index 4e3e60a..0000000
--- a/dashboard_backup/src2/objects/common/apps.ts
+++ /dev/null
@@ -1,284 +0,0 @@
-import { defineAsyncComponent, h } from 'vue';
-import { toast } from 'vue-sonner';
-import { getTeam } from '../../data/team';
-import router from '../../router';
-import { confirmDialog, icon, renderDialog } from '../../utils/components';
-import { planTitle } from '../../utils/format';
-import type {
-	ColumnField,
-	DialogConfig,
-	FilterField,
-	Tab,
-	TabList
-} from './types';
-import { getUpsellBanner } from '.';
-import { isMobile } from '../../utils/device';
-import { getToastErrorMessage } from '../../utils/toast';
-
-export function getAppsTab(forSite: boolean) {
-	return {
-		label: '应用',
-		icon: icon('grid'),
-		route: 'apps',
-		type: 'list',
-		condition: docResource => forSite && docResource.pg?.status !== 'Archived',
-		list: getAppsTabList(forSite)
-	} satisfies Tab as Tab;
-}
-
-function getAppsTabList(forSite: boolean) {
-	const options = forSite ? siteAppListOptions : benchAppListOptions;
-	const list: TabList = {
-		pagetype: '',
-		filters: () => ({}),
-		...options,
-		columns: getAppsTabColumns(forSite),
-		searchField: !forSite ? 'title' : undefined,
-		filterControls: r => {
-			if (forSite) return [];
-			else
-				return [
-					{
-						type: 'select',
-						label: '分支',
-						class: !isMobile() ? 'w-24' : '',
-						fieldname: 'branch',
-						options: [
-							'',
-							...new Set(r.listResource.data?.map(i => String(i.branch)) || [])
-						]
-					},
-					{
-						type: 'select',
-						label: '所有者',
-						class: !isMobile() ? 'w-24' : '',
-						fieldname: 'repository_owner',
-						options: [
-							'',
-							...new Set(
-								r.listResource.data?.map(
-									i => String(i.repository_url).split('/').at(-2) || ''
-								) || []
-							)
-						]
-					}
-				] satisfies FilterField[];
-		}
-	};
-
-	return list;
-}
-
-function getAppsTabColumns(forSite: boolean) {
-	const appTabColumns: ColumnField[] = [
-		{
-			label: '应用',
-			fieldname: 'title',
-			width: 1,
-			suffix(row) {
-				if (!row.is_app_patched) {
-					return;
-				}
-
-				return h(
-					'div',
-					{
-						title: '应用已打补丁',
-						class: 'rounded-full bg-gray-100 p-1'
-					},
-					h(icon('hash', 'w-3 h-3'))
-				);
-			},
-			format: (value, row) => value || row.app_title
-		},
-		{
-			label: '计划',
-			width: 0.75,
-			class: 'text-gray-600 text-sm',
-			format(_, row) {
-				const planText = planTitle(row.plan_info);
-				if (planText) return `${planText}/月`;
-				else return '免费';
-			}
-		},
-		{
-			label: '版本',
-			fieldname: 'branch',
-			type: 'Badge',
-			width: 1,
-		}
-	];
-
-	// 为站点应用添加操作列，包含卸载按钮
-	if (forSite) {
-		appTabColumns.push({
-			label: '操作',
-			width: 0.75,
-			align: 'right',
-			type: 'Button',
-			Button: ({ row, listResource, documentResource }) => {
-				// 如果是 jingrow 应用，不显示卸载按钮
-				if (row.app === 'jingrow') {
-					return null;
-				}
-
-				return {
-					label: '卸载',
-					variant: 'ghost',
-					class: 'text-red-600 hover:text-red-700 hover:bg-red-50',
-					slots: {
-						prefix: icon('trash-2')
-					},
-					onClick: () => {
-						const appName = row.title || row.app_title;
-						const dialogConfig: DialogConfig = {
-							title: `卸载应用`,
-							message: `您确定要从站点 <b>${documentResource.pg?.name}</b> 卸载应用 <b>${appName}</b> 吗？<br>
-											所有与此应用相关的页面类型和模块将被移除。`,
-							onSuccess({ hide }) {
-								// 立即从列表中移除该应用（乐观更新）
-								const currentData = listResource.data || [];
-								const updatedData = currentData.filter(item => item.name !== row.name);
-								listResource.data = updatedData;
-								
-								const promise = documentResource.uninstallApp.submit({
-									app: row.app
-								});
-								
-								toast.promise(promise, {
-									loading: '正在安排应用卸载...',
-									success: (jobId: string) => {
-										hide();
-										return '应用卸载已安排';
-									},
-									error: (e: Error) => {
-										// 如果失败，重新加载列表恢复状态
-										listResource.reload();
-										return getToastErrorMessage(e);
-									}
-								});
-							}
-						};
-						confirmDialog(dialogConfig);
-					}
-				};
-			}
-		});
-		
-		return appTabColumns;
-	}
-	
-	return appTabColumns.filter(c => c.label !== '计划');
-}
-
-const siteAppListOptions: Partial<TabList> = {
-	pagetype: 'Site App',
-	filters: res => {
-		return { parenttype: 'Site', parent: res.pg?.name };
-	},
-	primaryAction({ listResource: apps, documentResource: site }) {
-		return {
-			label: '安装应用',
-			slots: {
-				prefix: icon('plus')
-			},
-			onClick() {
-				const InstallAppDialog = defineAsyncComponent(
-					() => import('../../components/site/InstallAppDialog.vue')
-				);
-
-				renderDialog(
-					h(InstallAppDialog, {
-						site: site.name,
-						onInstalled() {
-							apps.reload();
-						}
-					})
-				);
-			}
-		};
-	},
-	rowActions({ row, listResource: apps, documentResource: site }) {
-		let $team = getTeam();
-
-		return [
-			{
-				label: '在 Desk 中查看',
-				condition: () => $team.pg?.is_desk_user,
-				onClick() {
-					window.open(`/app/app-source/${row.name}`, '_blank');
-				}
-			},
-			{
-				label: '更改计划',
-				condition: () => row.plan_info && row.plans.length > 1,
-				onClick() {
-					let SiteAppPlanChangeDialog = defineAsyncComponent(
-						() => import('../../components/site/SiteAppPlanSelectDialog.vue')
-					);
-					renderDialog(
-						h(SiteAppPlanChangeDialog, {
-							app: row,
-							currentPlan: row.plans.find(
-								(plan: Record<string, any>) => plan.name === row.plan_info.name
-							),
-							onPlanChanged() {
-								apps.reload();
-							}
-						})
-					);
-				}
-			},
-			{
-				label: '卸载',
-				condition: () => row.app !== 'jingrow',
-				onClick() {
-					const appName = row.title || row.app_title;
-					const dialogConfig: DialogConfig = {
-						title: `卸载应用`,
-						message: `您确定要从站点 <b>${site.pg?.name}</b> 卸载应用 <b>${appName}</b> 吗？<br>
-										所有与此应用相关的页面类型和模块将被移除。`,
-						onSuccess({ hide }) {
-							toast.promise(
-								site.uninstallApp.submit({
-									app: row.app
-								}),
-								{
-									loading: '正在安排应用卸载...',
-									success: (jobId: string) => {
-										hide();
-										apps.reload();
-										return '应用卸载已安排';
-									},
-									error: (e: Error) => {
-										return getToastErrorMessage(e);
-									}
-								}
-							);
-						}
-					};
-					confirmDialog(dialogConfig);
-				}
-			}
-		];
-	}
-};
-
-const benchAppListOptions: Partial<TabList> = {
-	pagetype: 'Bench App',
-	filters: res => {
-		return { parenttype: 'Bench', parent: res.pg?.name };
-	},
-	rowActions({ row }) {
-		let $team = getTeam();
-		return [
-			{
-				label: '在 Desk 中查看',
-				condition: () => $team.pg?.is_desk_user,
-				onClick() {
-					window.open(`/app/app-release/${row.release}`, '_blank');
-				}
-			}
-		];
-	}
-};
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/common/index.ts b/dashboard_backup/src2/objects/common/index.ts
deleted file mode 100644
index efbffb4..0000000
--- a/dashboard_backup/src2/objects/common/index.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { defineAsyncComponent, h } from 'vue';
-import { renderDialog } from '../../utils/components';
-import type {
-	BannerConfig,
-	ColumnField,
-	DocumentResource,
-	Route,
-	Row,
-} from './types';
-import { trialDays } from '../../utils/site';
-import { planTitle } from '../../utils/format';
-
-export const unreachable = Error('unreachable'); // used to indicate that a codepath is unreachable
-
-export const clusterOptions = [
-	'',
-	'中国大陆',
-	'中国香港',
-	'美国-洛杉矶',
-	'新加坡',
-	'英国-伦敦',
-	'德国-法兰克福',
-	'阿联酋-迪拜',
-];
-
-export function getUpsellBanner(site: DocumentResource, title: string) {
-	if (
-		!site.pg.current_plan ||
-		site.pg.current_plan?.private_benches ||
-		site.pg.current_plan?.is_trial_plan ||
-		!site.pg.group_public
-	)
-		return;
-
-	return {
-		title: title,
-		dismissable: true,
-		id: site.name,
-		type: 'gray',
-		button: {
-			label: '升级计划',
-			variant: 'outline',
-			onClick() {
-				let SitePlansDialog = defineAsyncComponent(
-					() => import('../../components/ManageSitePlansDialog.vue')
-				);
-				renderDialog(h(SitePlansDialog, { site: site.name }));
-			},
-		},
-	} satisfies BannerConfig as BannerConfig;
-}
-
-export function getSitesTabColumns(forBenchTab: boolean) {
-	return [
-		{
-			label: '站点',
-			fieldname: 'host_name',
-			format(value, row) {
-				return value || row.name;
-			},
-			prefix: () => {
-				if (forBenchTab) return;
-				return h('div', { class: 'ml-2 w-3.5 h-3.5' });
-			},
-		},
-		{
-			label: '状态',
-			fieldname: 'status',
-			type: 'Badge',
-			width: 0.5,
-		},
-		{
-			label: '区域',
-			fieldname: 'cluster_title',
-			width: 0.5,
-			prefix(row) {
-				if (row.cluster_title)
-					return h('img', {
-						src: row.cluster_image,
-						class: 'w-4 h-4',
-						alt: row.cluster_title,
-					});
-			},
-		},
-		{
-			label: '计划',
-			width: 0.5,
-			format(value, row) {
-				if (row.trial_end_date) {
-					return trialDays(row.trial_end_date);
-				}
-				return planTitle(row);
-			},
-		},
-	] satisfies ColumnField[] as ColumnField[];
-}
-
-export function siteTabFilterControls() {
-	return [
-		{
-			type: 'select',
-			label: '状态',
-			fieldname: 'status',
-			options: [
-				{ label: '', value: '' },
-				{ label: '激活', value: 'Active' },
-				{ label: '未激活', value: 'Inactive' },
-				{ label: '已暂停', value: 'Suspended' },
-				{ label: '已损坏', value: 'Broken' }
-			],
-		},
-		{
-			type: 'select',
-			label: '区域',
-			fieldname: 'cluster',
-			options: [
-				'',
-				'中国大陆',
-				'中国香港',
-				'美国-洛杉矶',
-				'新加坡',
-				'英国-伦敦',
-				'德国-法兰克福',
-				'阿联酋-迪拜',
-			],
-		},
-	];
-}
-
-export function sitesTabRoute(r: Row) {
-	return {
-		name: '站点详情',
-		params: { name: r.name },
-	} satisfies Route as Route;
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/common/jobs.ts b/dashboard_backup/src2/objects/common/jobs.ts
deleted file mode 100644
index 46025f4..0000000
--- a/dashboard_backup/src2/objects/common/jobs.ts
+++ /dev/null
@@ -1,164 +0,0 @@
-import { unreachable } from '.';
-import { getTeam } from '../../data/team';
-import { icon } from '../../utils/components';
-import { isMobile } from '../../utils/device';
-import { duration } from '../../utils/format';
-import { ColumnField, Tab } from './types';
-
-type JobPageTypes = 'Site' | 'Bench' | 'Server' | 'Release Group';
-
-// 英文 job_type 到中文的映射
-const jobTypeI18nMap: Record<string, string> = {
-	'Update Site Status': '更新站点状态',
-	'Update Site Configuration': '更新站点配置',
-	'Install App on Site': '安装应用到站点',
-	'Uninstall App from Site': '从站点卸载应用',
-	'Backup Site': '备份站点',
-	'Restore Site': '恢复站点',
-	'Create Server': '创建服务器',
-	'Update In Place': '原地升级',
-	// 可按需补充更多
-};
-
-function jobTypeI18n(type: string) {
-	return jobTypeI18nMap[type] || type;
-}
-
-const statusI18nMap: Record<string, string> = {
-	'Pending': '待处理',
-	'Running': '运行中',
-	'Success': '成功',
-	'Failure': '失败',
-};
-
-function statusI18n(status: string) {
-	return statusI18nMap[status] || status;
-}
-
-export function getJobsTab(pagetype: JobPageTypes) {
-	const jobRoute = getJobRoute(pagetype);
-
-	return {
-		label: '任务',
-		icon: icon('truck'),
-		childrenRoutes: [jobRoute],
-		route: 'jobs',
-		type: 'list',
-		list: {
-			pagetype: 'Agent Job',
-			filters: res => {
-				if (pagetype === 'Site') return { site: res.name };
-				else if (pagetype === 'Bench') return { bench: res.name };
-				else if (pagetype === 'Server') return { server: res.name };
-				else if (pagetype === 'Release Group') return { group: res.name };
-				throw unreachable;
-			},
-			route: undefined,
-			orderBy: 'creation desc',
-			searchField: 'job_type',
-			fields: ['end', 'job_id'],
-			filterControls() {
-				return [
-					{
-						type: 'select',
-						label: '状态',
-						fieldname: 'status',
-						class: !isMobile() ? 'w-24' : '',
-						options: ['', 'Pending', 'Running', 'Success', 'Failure']
-					},
-					{
-						type: 'link',
-						label: '类型',
-						fieldname: 'job_type',
-						options: {
-							pagetype: 'Agent Job Type',
-							orderBy: 'name asc',
-							pageLength: 100
-						}
-					}
-				];
-			},
-			rowActions: ({ row }) => [
-				{
-					label: '在桌面查看',
-					condition: () => getTeam()?.pg?.is_desk_user,
-					onClick() {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/agent-job/${row.name}`,
-							'_blank'
-						);
-					}
-				}
-			],
-			columns: getJobTabColumns(pagetype)
-		}
-	} satisfies Tab as Tab;
-}
-
-function getJobRoute(pagetype: JobPageTypes) {
-	if (pagetype === 'Site') return 'Site Job';
-	else if (pagetype === 'Bench') return 'Bench Job';
-	else if (pagetype === 'Server') return 'Server Job';
-	else if (pagetype === 'Release Group') return 'Release Group Job';
-	throw unreachable;
-}
-
-function getJobTabColumns(pagetype: JobPageTypes) {
-	const columns: ColumnField[] = [
-		{
-			label: '任务类型',
-			fieldname: 'job_type',
-			class: 'font-medium',
-			format: jobTypeI18n
-		},
-		{
-			label: '状态',
-			fieldname: 'status',
-			type: 'Badge',
-			width: 0.5,
-			format: statusI18n
-		},
-		{
-			label: '站点',
-			fieldname: 'site',
-			width: 1.2
-		},
-		{
-			label: '持续时间',
-			fieldname: 'duration',
-			width: 0.35,
-			format: (value, row) => {
-				if (row.job_id === 0 || !row.end) return;
-				return duration(value);
-			}
-		},
-		{
-			label: '创建者',
-			fieldname: 'owner'
-		},
-		{
-			label: '',
-			fieldname: 'creation',
-			type: 'Timestamp',
-			width: 0.75,
-			align: 'right',
-			format: (value) => formatTimeZh(value)
-		}
-	];
-
-	if (pagetype !== 'Site') return columns;
-	return columns.filter(c => c.fieldname !== 'site');
-}
-
-// 中文时间格式化函数
-function formatTimeZh(time: string | Date) {
-	if (!time) return '';
-	const date = typeof time === 'string' ? new Date(time) : time;
-	const now = new Date();
-	const diff = (now.getTime() - date.getTime()) / 1000;
-	if (diff < 60) return '刚刚';
-	if (diff < 3600) return Math.floor(diff / 60) + '分钟前';
-	if (diff < 86400) return Math.floor(diff / 3600) + '小时前';
-	if (diff < 2592000) return Math.floor(diff / 86400) + '天前';
-	return date.toLocaleDateString('zh-CN');
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/common/patches.ts b/dashboard_backup/src2/objects/common/patches.ts
deleted file mode 100644
index fab7e56..0000000
--- a/dashboard_backup/src2/objects/common/patches.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { toast } from 'vue-sonner';
-import { getTeam } from '../../data/team';
-import { confirmDialog, icon, renderDialog } from '../../utils/components';
-import { h } from 'vue';
-import PatchAppDialog from '../../components/group/PatchAppDialog.vue';
-import { ColumnField, FilterField, Tab } from './types';
-import { isMobile } from '../../utils/device';
-
-const statusTheme = {
-	Applied: 'green',
-	'Not Applied': 'gray',
-	'In Process': 'orange',
-	Failure: 'red'
-};
-
-type Status = keyof typeof statusTheme;
-
-export function getPatchesTab(forBench: boolean) {
-	return {
-		label: '补丁',
-		icon: icon('hash'),
-		route: 'patches',
-		type: 'list',
-		list: {
-			experimental: true, // If removing this, uncheck App Patch pagetype beta flag.
-			documentation: 'https://jingrow.com/docs/benches/app-patches',
-			pagetype: 'App Patch',
-			filters: res => ({ [forBench ? 'bench' : 'group']: res.name }),
-			searchField: 'filename',
-			filterControls: r =>
-				[
-					{
-						type: 'select',
-						label: '状态',
-						fieldname: 'status',
-						options: ['', 'Not Applied', 'In Process', 'Failed', 'Applied']
-					},
-					{
-						type: 'select',
-						label: '应用',
-						fieldname: 'app',
-						class: !isMobile() ? 'w-24' : '',
-						options: [
-							'',
-							...new Set(r.listResource.data?.map(i => String(i.app)) || [])
-						]
-					}
-				] satisfies FilterField[],
-			columns: getPatchesTabColumns(forBench),
-			primaryAction({ listResource: apps, documentResource: pg }) {
-				return {
-					label: '应用补丁',
-					slots: {
-						prefix: icon('plus')
-					},
-					onClick() {
-						const group = pg.pagetype === 'Bench' ? pg.pg.group : pg.name;
-
-						renderDialog(h(PatchAppDialog, { group: group, app: '' }));
-					}
-				};
-			},
-			rowActions({ row, listResource }) {
-				let team = getTeam();
-				return [
-					{
-						label: '在桌面查看',
-						condition: () => team.pg?.is_desk_user,
-						onClick() {
-							window.open(
-								`${window.location.protocol}//${window.location.host}/app/app-patch/${row.name}`,
-								'_blank'
-							);
-						}
-					},
-					{
-						label: '应用补丁',
-						condition: () => row.status !== 'In Process',
-						onClick: () => {
-							toast.promise(
-								listResource.runDocMethod.submit({
-									method: 'apply_patch',
-									name: String(row.name)
-								}),
-								{
-									loading: '正在创建应用补丁的任务',
-									success: () => '补丁应用正在进行中',
-									error: () => '应用补丁失败'
-								}
-							);
-						}
-					},
-					{
-						label: '回滚补丁',
-						condition: () => row.status !== 'In Process',
-						onClick: () => {
-							toast.promise(
-								listResource.runDocMethod.submit({
-									method: 'revert_patch',
-									name: String(row.name)
-								}),
-								{
-									loading: '正在创建回滚补丁的任务',
-									success: () => '补丁回滚正在进行中',
-									error: () => '回滚补丁失败'
-								}
-							);
-						}
-					},
-					{
-						label: '删除',
-						condition: () => row.status === 'Not Applied',
-						onClick: () => {
-							confirmDialog({
-								title: '删除补丁',
-								message: '确定要删除此补丁吗？',
-								onSuccess: ({ hide }) => {
-									toast.promise(
-										listResource.delete.submit(row.name, {
-											onSuccess: () => hide()
-										}),
-										{
-											loading: '正在删除...',
-											success: () => '补丁已删除',
-											error: () => '删除补丁失败'
-										}
-									);
-								}
-							});
-						}
-					}
-				];
-			}
-		}
-	} satisfies Tab;
-}
-
-function getPatchesTabColumns(forBench: boolean) {
-	const columns: ColumnField[] = [
-		{
-			label: '文件名',
-			fieldname: 'filename',
-			width: forBench ? '400px' : '300px'
-		},
-		{
-			label: '应用',
-			fieldname: 'app',
-			width: 0.4
-		},
-		{
-			label: '状态',
-			type: 'Badge',
-			fieldname: 'status',
-			theme: value => statusTheme[value as Status],
-			width: 0.4
-		},
-		{
-			label: '工作台',
-			fieldname: 'bench',
-			width: 0.8
-		},
-		{
-			label: '补丁链接',
-			fieldname: 'url',
-			width: forBench ? undefined : '300px',
-			format(value) {
-				if (!value) {
-					return '-';
-				}
-
-				const url = new URL(value);
-				return url.hostname + url.pathname;
-			},
-			link: value => String(value)
-		}
-	];
-
-	if (forBench) return columns.filter(f => f.fieldname !== 'bench');
-	return columns;
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/common/tags.js b/dashboard_backup/src2/objects/common/tags.js
deleted file mode 100644
index 8847fa6..0000000
--- a/dashboard_backup/src2/objects/common/tags.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import { h, defineAsyncComponent } from 'vue';
-import { confirmDialog, icon, renderDialog } from '../../utils/components';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../../utils/toast';
-
-export function tagTab() {
-	return {
-		label: '标签',
-		icon: icon('tag'),
-		route: 'tags',
-		type: 'list',
-		list: {
-			pagetype: 'Resource Tag',
-			filters: documentResource => {
-				return {
-					parent: documentResource.name,
-					parenttype: documentResource.pagetype
-				};
-			},
-			orderBy: 'creation desc',
-			columns: [
-				{
-					label: '标签',
-					fieldname: 'tag_name'
-				}
-			],
-			primaryAction({ listResource: tags, documentResource }) {
-				return {
-					label: '添加标签',
-					slots: {
-						prefix: icon('plus')
-					},
-					onClick() {
-						let AddTagDialog = defineAsyncComponent(() =>
-							import('../../components/AddTagDialog.vue')
-						);
-						renderDialog(
-							h(AddTagDialog, {
-								pagetype: documentResource.pagetype,
-								docname: documentResource.name,
-								onAdded() {
-									tags.reload();
-								}
-							})
-						);
-					}
-				};
-			},
-			rowActions({ row, listResource: tags, documentResource }) {
-				return [
-					{
-						label: '移除',
-						onClick() {
-							if (documentResource.removeTag.loading) return;
-							confirmDialog({
-								title: '移除标签',
-								message: `确定要移除标签 <b>${row.tag_name}</b> 吗？`,
-								onSuccess({ hide }) {
-									documentResource.removeTag.submit(
-										{
-											tag: row.tag_name
-										},
-										{
-											onSuccess() {
-												tags.reload();
-												hide();
-											}
-										}
-									);
-									toast.promise(documentResource.removeTag.promise, {
-										loading: '正在移除标签...',
-										success: () => `标签 ${row.tag_name} 已移除`,
-										error: e => getToastErrorMessage(e, '移除标签失败')
-									});
-								}
-							});
-						}
-					}
-				];
-			}
-		}
-	};
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/common/types.ts b/dashboard_backup/src2/objects/common/types.ts
deleted file mode 100644
index 06cb8e3..0000000
--- a/dashboard_backup/src2/objects/common/types.ts
+++ /dev/null
@@ -1,228 +0,0 @@
-import type { defineAsyncComponent, h, Component } from 'vue';
-import type { icon } from '../../utils/components';
-
-type ListResource = {
-	data: Record<string, unknown>[];
-	reload: () => void;
-	runDocMethod: {
-		submit: (r: { method: string; [key: string]: any }) => Promise<unknown>;
-	};
-	delete: {
-		submit: (name: string, cb: { onSuccess: () => void }) => Promise<unknown>;
-	};
-};
-export interface ResourceBase {
-	url: string;
-	auto: boolean;
-	cache: string[];
-}
-
-export interface ResourceWithParams extends ResourceBase {
-	params: Record<string, unknown>;
-}
-
-export interface ResourceWithMakeParams extends ResourceBase {
-	makeParams: () => Record<string, unknown>;
-}
-
-export type Resource = ResourceWithParams | ResourceWithMakeParams;
-
-export interface DocumentResource {
-	name: string;
-	pg: Record<string, any>;
-	[key: string]: any;
-}
-
-type Icon = ReturnType<typeof icon>;
-type AsyncComponent = ReturnType<typeof defineAsyncComponent>;
-
-export interface DashboardObject {
-	pagetype: string;
-	whitelistedMethods: Record<string, string>;
-	list: List;
-	detail: Detail;
-	routes: RouteDetail[];
-}
-
-export interface Detail {
-	titleField: string;
-	statusBadge: StatusBadge;
-	breadcrumbs?: Breadcrumbs;
-	route: string;
-	tabs: Tab[];
-	actions: (r: { documentResource: DocumentResource }) => Action[];
-}
-
-export interface List {
-	route: string;
-	title: string;
-	fields: string[]; // TODO: Incomplete
-	searchField: string;
-	columns: ColumnField[];
-	orderBy: string;
-	filterControls: FilterControls;
-	primaryAction?: PrimaryAction;
-}
-type R = {
-	listResource: ListResource;
-	documentResource: DocumentResource;
-};
-type FilterControls = (r: R) => FilterField[];
-type PrimaryAction = (r: R) => {
-	label: string;
-	variant?: string;
-	slots: {
-		prefix: Icon;
-	};
-	onClick?: () => void;
-};
-type StatusBadge = (r: { documentResource: DocumentResource }) => {
-	label: string;
-};
-export type Breadcrumb = { label: string; route: string };
-export type BreadcrumbArgs = {
-	documentResource: DocumentResource;
-	items: Breadcrumb[];
-};
-export type Breadcrumbs = (r: BreadcrumbArgs) => Breadcrumb[];
-
-export interface FilterField {
-	label: string;
-	fieldname: string;
-	type: string;
-	class?: string;
-	options?:
-		| {
-				pagetype: string;
-				filters?: {
-					pagetype_name?: string;
-				};
-		  }
-		| string[];
-}
-
-export interface ColumnField {
-	label: string;
-	fieldname?: string;
-	class?: string;
-	width?: string | number;
-	type?: string;
-	format?: (value: any, row: Row) => string | undefined;
-	link?: (value: unknown, row: Row) => string;
-	prefix?: (row: Row) => Component | undefined;
-	suffix?: (row: Row) => Component | undefined;
-	theme?: (value: unknown) => string;
-	align?: 'left' | 'right';
-	Button?: (r: {
-		row: Row;
-		listResource: ListResource;
-		documentResource: DocumentResource;
-	}) => {
-		label: string;
-		variant?: string;
-		class?: string;
-		slots?: {
-			prefix?: Icon;
-		};
-		onClick?: () => void;
-	} | null;
-}
-
-export type Row = Record<string, any>;
-
-export interface Tab {
-	label: string;
-	icon: Icon;
-	route: string;
-	type: string;
-	condition?: (r: DocumentResource) => boolean;
-	childrenRoutes?: string[];
-	component?: AsyncComponent;
-	props?: (r: DocumentResource) => Record<string, unknown>;
-	list?: TabList;
-}
-
-export interface TabList {
-	pagetype?: string;
-	orderBy?: string;
-	filters?: (r: DocumentResource) => Record<string, unknown>;
-	route?: (row: Row) => Route;
-	pageLength?: number;
-	columns: ColumnField[];
-	fields?: Record<string, string[]>[] | string[];
-	rowActions?: (r: {
-		row: Row;
-		listResource: ListResource;
-		documentResource: DocumentResource;
-	}) => Action[];
-	primaryAction?: PrimaryAction;
-	filterControls?: FilterControls;
-	banner?: (r: {
-		documentResource: DocumentResource;
-	}) => BannerConfig | undefined;
-	searchField?: string;
-	experimental?: boolean;
-	documentation?: string;
-	resource?: (r: { documentResource: DocumentResource }) => Resource;
-}
-
-interface Action {
-	label: string;
-	slots?: {
-		prefix?: Icon;
-	};
-	theme?: string;
-	variant?: string;
-	onClick?: () => void;
-	condition?: () => boolean;
-	route?: Route;
-	options?: Option[];
-}
-
-export interface Route {
-	name: string;
-	params: Record<string, unknown>;
-}
-
-export interface RouteDetail {
-	name: string;
-	path: string;
-	component: Component;
-}
-
-interface Option {
-	label: string;
-	icon: Icon | AsyncComponent;
-	condition: () => boolean;
-	onClick: () => void;
-}
-
-export interface BannerConfig {
-	title: string;
-	dismissable: boolean;
-	id: string;
-	type?: string;
-	button?: {
-		label: string;
-		variant: string;
-		onClick?: () => void;
-	};
-}
-
-export interface DialogConfig {
-	title: string;
-	message: string;
-	primaryAction?: { onClick: () => void };
-	onSuccess?: (o: { hide: () => void }) => void;
-}
-
-export interface Process {
-	program: string;
-	name: string;
-	status: string;
-	uptime?: number;
-	uptime_string?: string;
-	message?: string;
-	group?: string;
-	pid?: number;
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/domain.js b/dashboard_backup/src2/objects/domain.js
deleted file mode 100644
index 0f669fa..0000000
--- a/dashboard_backup/src2/objects/domain.js
+++ /dev/null
@@ -1,238 +0,0 @@
-import { defineAsyncComponent, h } from 'vue';
-import LucideGlobe from '~icons/lucide/globe';
-import { getTeam } from '../data/team';
-import router from '../router';
-import { icon } from '../utils/components';
-import { duration, planTitle, userCurrency } from '../utils/format';
-import { trialDays } from '../utils/site';
-import { getJobsTab } from './common/jobs';
-import { tagTab } from './common/tags';
-
-export default {
-	pagetype: 'Jsite Domain',
-	whitelistedMethods: {
-		renew: 'renew',
-		rename: 'rename',
-		dropDomain: 'drop_domain',
-		addTag: 'add_resource_tag',
-		removeTag: 'remove_resource_tag'
-	},
-	list: {
-		route: '/domains',
-		title: '域名',
-		fields: [
-			'name',
-			'domain',
-			'status',
-			'domain_owner',
-			'domain_registrar',
-			'registration_date',
-			'end_date',
-			'price',
-			'period',
-			'auto_renew',
-			'team',
-			'order_id',
-			'description'
-		],
-		filterControls() {
-			return [
-				{
-					type: 'select',
-					label: '状态',
-					fieldname: 'status',
-					options: [
-						{ label: '', value: '' },
-						{ label: '正常', value: 'ok' },
-						{ label: '锁定', value: 'clienthold' }
-					]
-				}
-			];
-		},
-		orderBy: 'creation desc',
-		searchField: 'domain',
-		columns: [
-			{
-				label: '域名',
-				fieldname: 'domain',
-				width: 2,
-				class: 'font-medium',
-				format(value) {
-					return value;
-				}
-			},
-			{ 
-				label: '状态', 
-				fieldname: 'status', 
-				type: 'Badge', 
-				width: 0.8,
-				format(value) {
-					const statusMap = {
-						'ok': '正常',
-						'clienthold': '锁定'
-					};
-					return statusMap[value] || value;
-				}
-			},
-			{
-				label: '注册时间',
-				fieldname: 'registration_date',
-				format(value) {
-					if (!value) return '-';
-					return value;
-				}
-			},
-			{
-				label: '到期时间',
-				fieldname: 'end_date',
-				format(value) {
-					if (!value) return '-';
-					return value;
-				}
-			}
-		],
-		primaryAction({ listResource: domains }) {
-			return {
-				label: '新建域名',
-				variant: 'solid',
-				slots: {
-					prefix: icon('plus')
-				},
-				onClick() {
-					router.push('/domains/new');
-				}
-			};
-		},
-		statusBadge({ documentResource: domain }) {
-			const status = domain.pg?.status;
-			const statusMap = {
-				'Pending': '待处理',
-				'Active': '正常',
-				'Expired': '已过期',
-				'Suspended': '已暂停',
-				'Cancelled': '已取消'
-			};
-			return {
-				label: statusMap[status] || status
-			};
-		},
-		breadcrumbs({ documentResource: domain }) {
-			return [
-				{
-					label: '域名',
-					route: '/domains'
-				},
-				{
-					label: domain.pg?.domain || domain.pg?.name,
-					route: `/domains/${domain.pg?.name}`
-				}
-			];
-		},
-		actions({ documentResource: domain }) {
-			if (!domain) return [];
-			
-			const actions = [
-				{
-					label: '续费',
-					icon: 'refresh-cw',
-					onClick() {
-						domain.renew.submit();
-					},
-					condition: () => domain.pg?.status === 'Active'
-				},
-				{
-					label: '重命名',
-					icon: 'edit-3',
-					onClick() {
-						domain.rename.submit();
-					}
-				},
-				{
-					label: '删除',
-					icon: 'trash-2',
-					onClick() {
-						domain.dropDomain.submit();
-					},
-					condition: () => domain.pg?.status !== 'Active'
-				}
-			];
-			return actions.filter(action => !action.condition || action.condition());
-		}
-	},
-	detail: {
-		route: '/domains/:name',
-		title: '域名详细信息',
-		tabs: [
-			{
-				label: '概览',
-				route: '',
-				type: 'Component',
-				component: defineAsyncComponent(() => import('../components/JsiteDomainOverview.vue')),
-				props: domain => {
-					return { domain: domain.pg?.name };
-				}
-			},
-			{
-				label: '域名解析',
-				route: 'dns',
-				type: 'Component',
-				component: defineAsyncComponent(() => import('../components/JsiteDomainDNSRecords.vue')),
-				props: domain => {
-					return { domain: domain.pg?.name };
-				}
-			},
-			{
-				label: '所有者模板',
-				route: 'owners',
-				type: 'Component',
-				component: defineAsyncComponent(() => import('../components/DomainOwner.vue')),
-				props: domain => {
-					return { domain: domain.pg?.name };
-				}
-			}
-		],
-		fields: [
-			{
-				label: '基本信息',
-				fields: [
-					'domain',
-					'status',
-					'domain_owner',
-					'domain_registrar',
-					'registration_date',
-					'end_date'
-				]
-			},
-			{
-				label: '价格信息',
-				fields: [
-					'price',
-					'period',
-					'auto_renew',
-					'order_id'
-				]
-			},
-			{
-				label: 'DNS设置',
-				fields: [
-					'dns_host1',
-					'dns_host2',
-					'dns_host3',
-					'dns_host4',
-					'dns_host5',
-					'dns_host6'
-				]
-			},
-			{
-				label: '其他信息',
-				fields: [
-					'description',
-					'whois_protection'
-				]
-			}
-		],
-		actions({ documentResource: domain }) {
-			return [];
-		}
-	}
-}; 
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/generateRoutes.js b/dashboard_backup/src2/objects/generateRoutes.js
deleted file mode 100644
index 838d734..0000000
--- a/dashboard_backup/src2/objects/generateRoutes.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import objects from './index.js';
-
-export default function generateRoutes() {
-	let routes = [];
-	for (let objectType in objects) {
-		let object = objects[objectType];
-		if (object.list) {
-			let routeName = `${object.pagetype} List`;
-			object.list.routeName = routeName;
-			routes.push({
-				name: routeName,
-				path: object.list.route,
-				component: () => import('../pages/ListPage.vue'),
-				props: route => {
-					return { objectType, ...route.params };
-				}
-			});
-		}
-		if (object.detail) {
-			let children = object.detail.tabs.map(tab => {
-				const routeName = `${object.pagetype} Detail ${tab.label}`;
-				tab.routeName = routeName;
-				const nestedChildren = [];
-
-				// nested children shouldn't be added to the main children array
-				for (let route of tab.nestedChildrenRoutes || []) {
-					nestedChildren.push({
-						...route,
-						props: route => {
-							return { objectType, ...route.params };
-						}
-					});
-				}
-
-				return {
-					name: routeName,
-					path: tab.route,
-					component: () => import('../pages/DetailTab.vue'),
-					props: route => {
-						return { ...route.params };
-					},
-					redirect: nestedChildren.length ? { name: tab.redirectTo } : null,
-					children: nestedChildren
-				};
-			});
-			if (object.routes) {
-				for (let route of object.routes) {
-					children.push({
-						...route,
-						props: route => {
-							return { objectType, ...route.params };
-						}
-					});
-				}
-			}
-
-			object.detail.routeName = `${object.pagetype} Detail`;
-			routes.push({
-				name: object.detail.routeName,
-				path: object.detail.route,
-				component: () => import('../pages/DetailPage.vue'),
-				props: route => {
-					return { objectType, ...route.params };
-				},
-				redirect: children.length ? { name: children[0].name } : null,
-				children
-			});
-		}
-	}
-	return routes;
-}
diff --git a/dashboard_backup/src2/objects/group.js b/dashboard_backup/src2/objects/group.js
deleted file mode 100644
index e5582a1..0000000
--- a/dashboard_backup/src2/objects/group.js
+++ /dev/null
@@ -1,1039 +0,0 @@
-import { LoadingIndicator, Tooltip } from 'jingrow-ui';
-import { defineAsyncComponent, h } from 'vue';
-import { toast } from 'vue-sonner';
-import LucideAppWindow from '~icons/lucide/app-window';
-import LucideHardDriveDownload from '~icons/lucide/hard-drive-download';
-import LucideRocket from '~icons/lucide/rocket';
-import AddAppDialog from '../components/group/AddAppDialog.vue';
-import ChangeAppBranchDialog from '../components/group/ChangeAppBranchDialog.vue';
-import PatchAppDialog from '../components/group/PatchAppDialog.vue';
-import { getTeam, switchToTeam } from '../data/team';
-import router from '../router';
-import { confirmDialog, icon, renderDialog } from '../utils/components';
-import { getToastErrorMessage } from '../utils/toast';
-import { date, duration } from '../utils/format';
-import { getJobsTab } from './common/jobs';
-import { getPatchesTab } from './common/patches';
-import { tagTab } from './common/tags';
-
-export default {
-	pagetype: 'Release Group',
-	whitelistedMethods: {
-		addApp: 'add_app',
-		removeApp: 'remove_app',
-		changeAppBranch: 'change_app_branch',
-		fetchLatestAppUpdates: 'fetch_latest_app_update',
-		deleteConfig: 'delete_config',
-		updateConfig: 'update_config',
-		updateEnvironmentVariable: 'update_environment_variable',
-		deleteEnvironmentVariable: 'delete_environment_variable',
-		updateDependency: 'update_dependency',
-		addRegion: 'add_region',
-		deployedVersions: 'deployed_versions',
-		getAppVersions: 'get_app_versions',
-		getCertificate: 'get_certificate',
-		generateCertificate: 'generate_certificate',
-		sendTransferRequest: 'send_change_team_request',
-		addTag: 'add_resource_tag',
-		removeTag: 'remove_resource_tag',
-		redeploy: 'redeploy',
-		initialDeploy: 'initial_deploy'
-	},
-	list: {
-		route: '/groups',
-		title: '站点分组',
-		fields: [{ apps: ['app'] }],
-		searchField: 'title',
-		filterControls() {
-			return [
-				{
-					type: 'link',
-					label: '版本',
-					fieldname: 'version',
-					options: {
-						pagetype: 'Jingrow Version'
-					}
-				},
-				{
-					type: 'link',
-					label: '标签',
-					fieldname: 'tags.tag',
-					options: {
-						pagetype: 'Jcloud Tag',
-						filters: {
-							pagetype_name: 'Release Group'
-						}
-					}
-				}
-			];
-		},
-		columns: [
-			{ label: '标题', fieldname: 'title', class: 'font-medium' },
-			{
-				label: '状态',
-				fieldname: 'active_benches',
-				type: 'Badge',
-				width: 0.5,
-				format: (value, row) => {
-					if (!value) return '等待部署';
-					else return '激活';
-				}
-			},
-			{
-				label: '版本',
-				fieldname: 'version',
-				width: 0.5
-			},
-			{
-				label: '应用',
-				fieldname: 'app',
-				format: (value, row) => {
-					return (row.apps || []).map(d => d.app).join(', ');
-				},
-				width: '25rem'
-			},
-			{
-				label: '站点',
-				fieldname: 'site_count',
-				class: 'text-gray-600',
-				width: 0.25
-			}
-		],
-		primaryAction() {
-			return {
-				label: '新建站点分组',
-				variant: 'solid',
-				slots: {
-					prefix: icon('plus')
-				},
-				onClick() {
-					router.push({ name: 'New Release Group' });
-				}
-			};
-		}
-	},
-	detail: {
-		titleField: 'title',
-		statusBadge({ documentResource: releaseGroup }) {
-			return { label: releaseGroup.pg.status };
-		},
-		breadcrumbs({ items, documentResource: releaseGroup }) {
-			if (!releaseGroup.pg.server_team) return items;
-
-			let breadcrumbs = [];
-			let $team = getTeam();
-
-			if (
-				releaseGroup.pg.server_team == $team.pg?.name ||
-				$team.pg?.is_desk_user
-			) {
-				breadcrumbs.push(
-					{
-						label: releaseGroup.pg?.server_title || releaseGroup.pg?.server,
-						route: `/servers/${releaseGroup.pg?.server}`
-					},
-					items[1]
-				);
-			} else {
-				breadcrumbs.push(...items);
-			}
-			return breadcrumbs;
-		},
-		route: '/groups/:name',
-		tabs: [
-			{
-				label: '站点',
-				icon: icon(LucideAppWindow),
-				route: 'sites',
-				type: 'Component',
-				component: defineAsyncComponent(() =>
-					import('../pages/ReleaseGroupBenchSites.vue')
-				),
-				props: releaseGroup => {
-					return { releaseGroup: releaseGroup.pg.name };
-				}
-			},
-			{
-				label: '应用',
-				icon: icon('grid'),
-				route: 'apps',
-				type: 'list',
-				list: {
-					pagetype: 'Release Group App',
-					filters: releaseGroup => {
-						return {
-							parenttype: 'Release Group',
-							parent: releaseGroup.pg.name
-						};
-					},
-					pageLength: 99999,
-					columns: [
-						{
-							label: '应用',
-							fieldname: 'title',
-							width: 1
-						},
-						{
-							label: '仓库',
-							width: 1,
-							format(value, row) {
-								return `${row.repository_owner}/${row.repository}`;
-							},
-							link(value, row) {
-								return row.repository_url;
-							}
-						},
-						{
-							label: '分支',
-							fieldname: 'branch',
-							type: 'Badge',
-							width: 0.5,
-							link(value, row) {
-								return `${row.repository_url}/tree/${value}`;
-							}
-						},
-						{
-							label: '版本',
-							type: 'Badge',
-							fieldname: 'tag',
-							width: 0.5,
-							format(value, row) {
-								return value || row.hash?.slice(0, 7);
-							}
-						},
-						{
-							label: '状态',
-							type: 'Badge',
-							suffix(row) {
-								if (!row.last_github_poll_failed) return;
-
-								return h(
-									Tooltip,
-									{
-										text: "这是什么？",
-										placement: 'top',
-										class: 'rounded-full bg-gray-100 p-1'
-									},
-									() => [
-										h(
-											'a',
-											{
-												href: 'https://jingrow.com/docs/faq/app-installation-issue',
-												target: '_blank'
-											},
-											[h(icon('help-circle', 'w-3 h-3'), {})]
-										)
-									]
-								);
-							},
-							format(value, row) {
-								let { update_available, deployed, last_github_poll_failed } =
-									row;
-
-								return last_github_poll_failed
-									? '需要操作'
-									: !deployed
-									? '未部署'
-									: update_available
-									? '有可用更新'
-									: '最新版本';
-							},
-							width: 0.5
-						}
-					],
-					rowActions({
-						row,
-						listResource: apps,
-						documentResource: releaseGroup
-					}) {
-						let team = getTeam();
-						return [
-							{
-								label: '在桌面查看',
-								condition: () => team.pg?.is_desk_user,
-								onClick() {
-									window.open(
-										`${window.location.protocol}//${window.location.host}/app/app/${row.name}`,
-										'_blank'
-									);
-								}
-							},
-							{
-								label: '获取最新更新',
-								onClick() {
-									toast.promise(
-										releaseGroup.fetchLatestAppUpdates.submit({
-											app: row.name
-										}),
-										{
-											loading: `正在为 ${row.title} 获取最新更新...`,
-											success: () => {
-												apps.reload();
-												return `已为 ${row.title} 获取最新更新`;
-											},
-											error: e => getToastErrorMessage(e)
-										}
-									);
-								}
-							},
-							{
-								label: '更改分支',
-								onClick() {
-									renderDialog(
-										h(ChangeAppBranchDialog, {
-											bench: releaseGroup.name,
-											app: row,
-											onBranchChange() {
-												apps.reload();
-											}
-										})
-									);
-								}
-							},
-							{
-								label: '移除应用',
-								condition: () => row.name !== 'jingrow',
-								onClick() {
-									if (releaseGroup.removeApp.loading) return;
-									confirmDialog({
-										title: '移除应用',
-										message: `确定要移除应用 <b>${row.title}</b> 吗？`,
-										onSuccess: ({ hide }) => {
-											toast.promise(
-												releaseGroup.removeApp.submit({
-													app: row.name
-												}),
-												{
-													loading: '正在移除应用...',
-													success: () => {
-														hide();
-														apps.reload();
-														return '应用已移除';
-													},
-													error: e => getToastErrorMessage(e)
-												}
-											);
-										}
-									});
-								}
-							},
-							{
-								label: '访问仓库',
-								onClick() {
-									window.open(
-										`${row.repository_url}/tree/${row.branch}`,
-										'_blank'
-									);
-								}
-							},
-							{
-								label: '应用补丁',
-								onClick: () => {
-									renderDialog(
-										h(PatchAppDialog, {
-											group: releaseGroup.name,
-											app: row.name
-										})
-									);
-								}
-							}
-						];
-					},
-					primaryAction({
-						listResource: apps,
-						documentResource: releaseGroup
-					}) {
-						return {
-							label: '添加应用',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								renderDialog(
-									h(AddAppDialog, {
-										group: releaseGroup.pg,
-										onAppAdd() {
-											apps.reload();
-											releaseGroup.reload();
-										},
-										onNewApp(app, isUpdate) {
-											const loading = isUpdate
-												? '替换应用中...'
-												: '添加应用中...';
-
-											toast.promise(
-												releaseGroup.addApp.submit({
-													app,
-													is_update: isUpdate
-												}),
-												{
-													loading,
-													success: () => {
-														apps.reload();
-														releaseGroup.reload();
-
-														if (isUpdate) {
-															return `应用 ${app.title} 已更新`;
-														}
-
-														return `应用 ${app.title} 已添加`;
-													},
-													error: e => getToastErrorMessage(e)
-												}
-											);
-										}
-									})
-								);
-							}
-						};
-					}
-				}
-			},
-			{
-				label: '部署',
-				route: 'deploys',
-				icon: icon('package'),
-				childrenRoutes: ['Deploy Candidate'],
-				type: 'list',
-				list: {
-					pagetype: 'Deploy Candidate',
-					route: row => ({
-						name: 'Deploy Candidate',
-						params: { id: row.name }
-					}),
-					filters: releaseGroup => {
-						return {
-							group: releaseGroup.name
-						};
-					},
-					orderBy: 'creation desc',
-					fields: [{ apps: ['app'] }],
-					filterControls() {
-						return [
-							{
-								type: 'select',
-								label: '状态',
-								fieldname: 'status',
-								options: [
-									'',
-									'Draft',
-									'Scheduled',
-									'Pending',
-									'Preparing',
-									'Running',
-									'Success',
-									'Failure'
-								]
-							}
-						];
-					},
-					banner({ documentResource: releaseGroup }) {
-						if (releaseGroup.pg.are_builds_suspended) {
-							return {
-								title:
-									'<b>构建已暂停：</b>更新将在构建恢复后计划运行。',
-								type: 'warning'
-							};
-						} else {
-							return null;
-						}
-					},
-					columns: [
-						{
-							label: '部署',
-							fieldname: 'creation',
-							format(value) {
-								return `部署于 ${date(value, 'llll')}`;
-							},
-							width: '20rem'
-						},
-						{
-							label: '状态',
-							fieldname: 'status',
-							type: 'Badge',
-							width: 0.5,
-							suffix(row) {
-								if (!row.addressable_notification) {
-									return;
-								}
-
-								return h(
-									Tooltip,
-									{
-										text: '需要关注！',
-										placement: 'top',
-										class: 'rounded-full bg-gray-100 p-1'
-									},
-									() => h(icon('alert-circle', 'w-3 h-3'), {})
-								);
-							}
-						},
-						{
-							label: '应用',
-							format(value, row) {
-								return (row.apps || []).map(d => d.app).join(', ');
-							},
-							width: '20rem'
-						},
-						{
-							label: '持续时间',
-							fieldname: 'build_duration',
-							format: duration,
-							class: 'text-gray-600',
-							width: 1
-						},
-						{
-							label: '部署者',
-							fieldname: 'owner',
-							width: 1
-						}
-					],
-					primaryAction({ listResource: deploys, documentResource: group }) {
-						return {
-							label: '部署',
-							slots: {
-								prefix: icon(LucideRocket)
-							},
-							onClick() {
-								if (group.pg.deploy_information.deploy_in_progress) {
-									return toast.error(
-										'部署正在进行中。请等待其完成。'
-									);
-								} else if (group.pg.deploy_information.update_available) {
-									let UpdateReleaseGroupDialog = defineAsyncComponent(() =>
-										import('../components/group/UpdateReleaseGroupDialog.vue')
-									);
-									renderDialog(
-										h(UpdateReleaseGroupDialog, {
-											bench: group.name,
-											onSuccess(candidate) {
-												group.pg.deploy_information.deploy_in_progress = true;
-												if (candidate) {
-													group.pg.deploy_information.last_deploy.name =
-														candidate;
-												}
-											}
-										})
-									);
-								} else {
-									confirmDialog({
-										title: '无需应用更新即可部署？',
-										message:
-											'未检测到应用更新。部署时将应用依赖项和环境变量的更改。',
-										onSuccess: ({ hide }) => {
-											toast.promise(group.redeploy.submit(), {
-												loading: '正在部署...',
-												success: () => {
-													hide();
-													deploys.reload();
-													return '更改已部署';
-												},
-												error: e => getToastErrorMessage(e)
-											});
-										}
-									});
-								}
-							}
-						};
-					}
-				}
-			},
-			getJobsTab('Release Group'),
-			{
-				label: '配置',
-				icon: icon('settings'),
-				route: 'bench-config',
-				type: 'list',
-				list: {
-					pagetype: 'Common Site Config',
-					filters: releaseGroup => {
-						return {
-							parenttype: 'Release Group',
-							parent: releaseGroup.name
-						};
-					},
-					orderBy: 'creation desc',
-					fields: ['name'],
-					pageLength: 999,
-					columns: [
-						{
-							label: '配置名称',
-							fieldname: 'key',
-							format(value, row) {
-								if (row.title) {
-									return `${row.title} (${row.key})`;
-								}
-								return row.key;
-							}
-						},
-						{
-							label: '配置值',
-							fieldname: 'value',
-							class: 'font-mono'
-						},
-						{
-							label: '类型',
-							fieldname: 'type',
-							type: 'Badge',
-							width: '100px'
-						}
-					],
-					primaryAction({
-						listResource: configs,
-						documentResource: releaseGroup
-					}) {
-						return {
-							label: '添加配置',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								let ConfigEditorDialog = defineAsyncComponent(() =>
-									import('../components/ConfigEditorDialog.vue')
-								);
-								renderDialog(
-									h(ConfigEditorDialog, {
-										group: releaseGroup.pg.name,
-										onSuccess() {
-											configs.reload();
-										}
-									})
-								);
-							}
-						};
-					},
-					secondaryAction({ listResource: configs }) {
-						return {
-							label: '预览',
-							slots: {
-								prefix: icon('eye')
-							},
-							onClick() {
-								let ConfigPreviewDialog = defineAsyncComponent(() =>
-									import('../components/ConfigPreviewDialog.vue')
-								);
-								renderDialog(
-									h(ConfigPreviewDialog, {
-										configs: configs.data
-									})
-								);
-							}
-						};
-					},
-					rowActions({
-						row,
-						listResource: configs,
-						documentResource: releaseGroup
-					}) {
-						return [
-							{
-								label: '编辑',
-								onClick() {
-									let ConfigEditorDialog = defineAsyncComponent(() =>
-										import('../components/ConfigEditorDialog.vue')
-									);
-									renderDialog(
-										h(ConfigEditorDialog, {
-											group: releaseGroup.pg.name,
-											config: row,
-											onSuccess() {
-												configs.reload();
-											}
-										})
-									);
-								}
-							},
-							{
-								label: '删除',
-								onClick() {
-									confirmDialog({
-										title: '删除配置',
-										message: `确定要删除配置 <b>${row.key}</b> 吗？`,
-										onSuccess({ hide }) {
-											if (releaseGroup.deleteConfig.loading) return;
-											toast.promise(
-												releaseGroup.deleteConfig.submit(
-													{ key: row.key },
-													{
-														onSuccess: () => {
-															configs.reload();
-															hide();
-														}
-													}
-												),
-												{
-													loading: '正在删除配置...',
-													success: () => `配置 ${row.key} 已删除`,
-													error: e => getToastErrorMessage(e)
-												}
-											);
-										}
-									});
-								}
-							}
-						];
-					}
-				}
-			},
-			{
-				label: '操作',
-				icon: icon('sliders'),
-				route: 'actions',
-				type: 'Component',
-				component: defineAsyncComponent(() =>
-					import('../components/group/ReleaseGroupActions.vue')
-				),
-				props: releaseGroup => {
-					return { releaseGroup: releaseGroup.name };
-				}
-			},
-			{
-				label: '区域',
-				icon: icon('globe'),
-				route: 'regions',
-				type: 'list',
-				list: {
-					pagetype: 'Cluster',
-					filters: releaseGroup => {
-						return { group: releaseGroup.name };
-					},
-					columns: [
-						{
-							label: '区域',
-							fieldname: 'title'
-						},
-						{
-							label: '国家',
-							fieldname: 'image',
-							format(value, row) {
-								return '';
-							},
-							prefix(row) {
-								return h('img', {
-									src: row.image,
-									class: 'w-4 h-4',
-									alt: row.title
-								});
-							}
-						}
-					],
-					primaryAction({
-						listResource: clusters,
-						documentResource: releaseGroup
-					}) {
-						return {
-							label: '添加区域',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								let AddRegionDialog = defineAsyncComponent(() =>
-									import('../components/group/AddRegionDialog.vue')
-								);
-								renderDialog(
-									h(AddRegionDialog, {
-										group: releaseGroup.pg.name,
-										onSuccess() {
-											clusters.reload();
-										}
-									})
-								);
-							}
-						};
-					}
-				}
-			},
-			getPatchesTab(false),
-			{
-				label: '依赖项',
-				icon: icon('box'),
-				route: 'bench-dependencies',
-				type: 'list',
-				list: {
-					pagetype: 'Release Group Dependency',
-					filters: releaseGroup => {
-						return {
-							parenttype: 'Release Group',
-							parent: releaseGroup.name
-						};
-					},
-					columns: [
-						{
-							label: '依赖项',
-							fieldname: 'dependency',
-							format(value, row) {
-								return row.title;
-							}
-						},
-						{
-							label: '版本',
-							fieldname: 'version',
-							suffix(row) {
-								if (!row.is_custom) {
-									return;
-								}
-
-								return h(
-									Tooltip,
-									{
-										text: '自定义版本',
-										placement: 'top',
-										class: 'rounded-full bg-gray-100 p-1'
-									},
-									() => h(icon('alert-circle', 'w-3 h-3'), {})
-								);
-							}
-						}
-					],
-					rowActions({
-						row,
-						listResource: dependencies,
-						documentResource: releaseGroup
-					}) {
-						return [
-							{
-								label: '编辑',
-								onClick() {
-									let DependencyEditorDialog = defineAsyncComponent(() =>
-										import('../components/group/DependencyEditorDialog.vue')
-									);
-									renderDialog(
-										h(DependencyEditorDialog, {
-											group: releaseGroup.pg,
-											dependency: row,
-											onSuccess() {
-												dependencies.reload();
-											}
-										})
-									);
-								}
-							}
-						];
-					}
-				}
-			},
-			{
-				label: '环境',
-				icon: icon('tool'),
-				route: 'bench-environment-variable',
-				type: 'list',
-				list: {
-					pagetype: 'Release Group Variable',
-					filters: releaseGroup => {
-						return {
-							parenttype: 'Release Group',
-							parent: releaseGroup.name
-						};
-					},
-					orderBy: 'creation desc',
-					fields: ['name'],
-					columns: [
-						{
-							label: '环境变量名称',
-							fieldname: 'key'
-						},
-						{
-							label: '环境变量值',
-							fieldname: 'value'
-						}
-					],
-					primaryAction({
-						listResource: environmentVariables,
-						documentResource: releaseGroup
-					}) {
-						return {
-							label: '添加环境变量',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								let EnvironmentVariableEditorDialog = defineAsyncComponent(() =>
-									import('../components/EnvironmentVariableEditorDialog.vue')
-								);
-								renderDialog(
-									h(EnvironmentVariableEditorDialog, {
-										group: releaseGroup.pg.name,
-										onSuccess() {
-											environmentVariables.reload();
-										}
-									})
-								);
-							}
-						};
-					},
-					rowActions({
-						row,
-						listResource: environmentVariables,
-						documentResource: releaseGroup
-					}) {
-						return [
-							{
-								label: '编辑',
-								onClick() {
-									let ConfigEditorDialog = defineAsyncComponent(() =>
-										import('../components/EnvironmentVariableEditorDialog.vue')
-									);
-									renderDialog(
-										h(ConfigEditorDialog, {
-											group: releaseGroup.pg.name,
-											environment_variable: row,
-											onSuccess() {
-												environmentVariables.reload();
-											}
-										})
-									);
-								}
-							},
-							{
-								label: '删除',
-								onClick() {
-									confirmDialog({
-										title: '删除环境变量',
-										message: `确定要删除环境变量 <b>${row.key}</b> 吗？`,
-										onSuccess({ hide }) {
-											if (releaseGroup.deleteEnvironmentVariable.loading)
-												return;
-											toast.promise(
-												releaseGroup.deleteEnvironmentVariable.submit(
-													{ key: row.key },
-													{
-														onSuccess: () => {
-															environmentVariables.reload();
-															hide();
-														}
-													}
-												),
-												{
-													loading: '正在删除环境变量...',
-													success: () =>
-														`环境变量 ${row.key} 已删除`,
-													error: e => getToastErrorMessage(e)
-												}
-											);
-										}
-									});
-								}
-							}
-						];
-					}
-				}
-			},
-			tagTab()
-		],
-		actions(context) {
-			let { documentResource: group } = context;
-			let team = getTeam();
-
-			return [
-				{
-					label: '模拟组所有者',
-					title: '模拟组所有者',
-					slots: {
-						icon: defineAsyncComponent(() =>
-							import('~icons/lucide/venetian-mask')
-						)
-					},
-					condition: () =>
-						team.pg?.is_desk_user && group.pg.team !== team.name,
-					onClick() {
-						switchToTeam(group.pg.team);
-					}
-				},
-				{
-					label: group.pg?.deploy_information?.last_deploy
-						? '有可用更新'
-						: '立即部署',
-					slots: {
-						prefix: group.pg?.deploy_information?.last_deploy
-							? icon(LucideHardDriveDownload)
-							: icon(LucideRocket)
-					},
-					variant: 'solid',
-					condition: () =>
-						!group.pg.deploy_information.deploy_in_progress &&
-						group.pg.deploy_information.update_available &&
-						['Awaiting Deploy', 'Active'].includes(group.pg.status),
-					onClick() {
-						if (group.pg?.deploy_information?.last_deploy) {
-							let UpdateReleaseGroupDialog = defineAsyncComponent(() =>
-								import('../components/group/UpdateReleaseGroupDialog.vue')
-							);
-							renderDialog(
-								h(UpdateReleaseGroupDialog, {
-									bench: group.name,
-									onSuccess(candidate) {
-										group.pg.deploy_information.deploy_in_progress = true;
-										if (candidate) {
-											group.pg.deploy_information.last_deploy.name = candidate;
-										}
-									}
-								})
-							);
-						} else {
-							confirmDialog({
-								title: '部署',
-								message: "立即部署吗？",
-								onSuccess({ hide }) {
-									toast.promise(
-										group.initialDeploy.submit(null, {
-											onSuccess: () => {
-												group.reload();
-												hide();
-											}
-										}),
-										{
-											success: '部署计划成功',
-											error: '部署计划失败',
-											loading: '正在计划部署...'
-										}
-									);
-								}
-							});
-						}
-					}
-				},
-				{
-					label: '部署进行中',
-					slots: {
-						prefix: () => h(LoadingIndicator, { class: 'w-4 h-4' })
-					},
-					theme: 'green',
-					condition: () => group.pg.deploy_information.deploy_in_progress,
-					route: {
-						name: 'Deploy Candidate',
-						params: { id: group.pg?.deploy_information?.last_deploy?.name }
-					}
-				},
-				{
-					label: '选项',
-					condition: () => team.pg?.is_desk_user,
-					options: [
-						{
-							label: '在 Desk 中查看',
-							icon: icon('external-link'),
-							condition: () => team.pg?.is_desk_user,
-							onClick() {
-								window.open(
-									`${window.location.protocol}//${window.location.host}/app/release-group/${group.name}`,
-									'_blank'
-								);
-							}
-						}
-					]
-				}
-			];
-		}
-	},
-	routes: [
-		{
-			name: 'Deploy Candidate',
-			path: 'deploys/:id',
-			component: () => import('../pages/DeployCandidate.vue')
-		},
-		{
-			name: 'Release Group Job',
-			path: 'jobs/:id',
-			component: () => import('../pages/JobPage.vue')
-		}
-	]
-};
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/index.js b/dashboard_backup/src2/objects/index.js
deleted file mode 100644
index 589ec91..0000000
--- a/dashboard_backup/src2/objects/index.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import site from './site';
-import group from './group';
-import bench from './bench';
-import marketplace from './marketplace';
-import server from './server';
-import jsite_server from './jsite_server';
-import notification from './notification';
-import domain from './domain';
-
-let objects = {
-	Site: site,
-	Group: group,
-	Bench: bench,
-	Marketplace: marketplace,
-	Server: server,
-	'Jsite Server': jsite_server,
-	'Jsite Domain': domain,
-	Notification: notification
-};
-
-export function getObject(name) {
-	return objects[name];
-}
-
-export default objects;
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/jsite_server.js b/dashboard_backup/src2/objects/jsite_server.js
deleted file mode 100644
index 395e411..0000000
--- a/dashboard_backup/src2/objects/jsite_server.js
+++ /dev/null
@@ -1,333 +0,0 @@
-import { defineAsyncComponent, h } from 'vue';
-import LucideServer from '~icons/lucide/server';
-import { getTeam } from '../data/team';
-import router from '../router';
-import { icon } from '../utils/components';
-import { duration, planTitle, userCurrency } from '../utils/format';
-import { trialDays } from '../utils/site';
-import { getJobsTab } from './common/jobs';
-import { tagTab } from './common/tags';
-
-export default {
-	pagetype: 'Jsite Server',
-	whitelistedMethods: {
-		reboot: 'reboot',
-		rename: 'rename',
-		dropServer: 'drop_server',
-		addTag: 'add_resource_tag',
-		removeTag: 'remove_resource_tag'
-	},
-	list: {
-		route: '/jsite-servers',
-		title: '服务器',
-		fields: [
-			'name',
-			'title',
-			'status',
-			'region',
-			'cpu',
-			'memory',
-			'disk_size',
-			'public_ip',
-			'private_ip',
-			'end_date',
-			'bandwidth',
-			'team',
-			'instance_id',
-			'order_id',
-			'planid',
-			'image_id',
-			'system'
-		],
-		filterControls() {
-			return [
-				{
-					type: 'select',
-					label: '状态',
-					fieldname: 'status',
-					options: [
-						{ label: '', value: '' },
-						{ label: '准备中', value: 'Pending' },
-						{ label: '启动中', value: 'Starting' },
-						{ label: '运行中', value: 'Running' },
-						{ label: '停止中', value: 'Stopping' },
-						{ label: '已停止', value: 'Stopped' },
-						{ label: '重置中', value: 'Resetting' },
-						{ label: '升级中', value: 'Upgrading' },
-						{ label: '已禁用', value: 'Disabled' }
-					]
-				},
-				{
-					type: 'select',
-					label: '区域',
-					fieldname: 'region',
-					options: [
-						{ label: '', value: '' },
-						{ label: '华北1（青岛）', value: 'cn-qingdao' },
-						{ label: '华北2（北京）', value: 'cn-beijing' },
-						{ label: '华北3（张家口）', value: 'cn-zhangjiakou' },
-						{ label: '华北5（呼和浩特）', value: 'cn-huhehaote' },
-						{ label: '华东1（杭州）', value: 'cn-hangzhou' },
-						{ label: '华东2（上海）', value: 'cn-shanghai' },
-						{ label: '华南1（深圳）', value: 'cn-shenzhen' },
-						{ label: '华南2（河源）', value: 'cn-heyuan' },
-						{ label: '西南1（成都）', value: 'cn-chengdu' },
-						{ label: '华南3（广州）', value: 'cn-guangzhou' },
-						{ label: '华北6（乌兰察布）', value: 'cn-wulanchabu' },
-						{ label: '华东5（南京）', value: 'cn-nanjing' },
-						{ label: '华东6（福州）', value: 'cn-fuzhou' },
-						{ label: '华中1（武汉）', value: 'cn-wuhan-lr' },
-						{ label: '中国香港', value: 'cn-hongkong' },
-						{ label: '新加坡', value: 'ap-southeast-1' },
-						{ label: '马来西亚（吉隆坡）', value: 'ap-southeast-3' },
-						{ label: '印度尼西亚（雅加达）', value: 'ap-southeast-5' },
-						{ label: '日本（东京）', value: 'ap-northeast-1' },
-						{ label: '美国（硅谷）', value: 'us-west-1' },
-						{ label: '美国（弗吉尼亚）', value: 'us-east-1' },
-						{ label: '德国（法兰克福）', value: 'eu-central-1' },
-						{ label: '英国（伦敦）', value: 'eu-west-1' },
-						{ label: '菲律宾（马尼拉）', value: 'ap-southeast-6' },
-						{ label: '泰国（曼谷）', value: 'ap-southeast-7' },
-						{ label: '韩国（首尔）', value: 'ap-northeast-2' }
-					]
-				}
-			];
-		},
-		orderBy: 'creation desc',
-		searchField: 'title',
-		columns: [
-			{
-				label: '服务器',
-				fieldname: 'name',
-				width: 1.5,
-				class: 'font-medium',
-				format(value, row) {
-					return row.title || value;
-				}
-			},
-			{ 
-				label: '状态', 
-				fieldname: 'status', 
-				type: 'Badge', 
-				width: 0.8,
-				format(value) {
-					const statusMap = {
-						'Pending': '准备中',
-						'Starting': '启动中',
-						'Running': '运行中',
-						'Stopping': '停止中',
-						'Stopped': '已停止',
-						'Resetting': '重置中',
-						'Upgrading': '升级中',
-						'Disabled': '已禁用'
-					};
-					return statusMap[value] || value;
-				}
-			},
-			{
-				label: '配置',
-				fieldname: 'cpu',
-				format(value, row) {
-					const cpu = row.cpu || '未知';
-					const memory = row.memory || '未知';
-					const disk = row.disk_size || '未知';
-					return `${cpu}核/${memory}GB/${disk}GB`;
-				}
-			},
-			{
-				label: '公网IP',
-				fieldname: 'public_ip',
-				format(value) {
-					return value || '-';
-				}
-			},
-			{
-				label: '区域',
-				fieldname: 'region',
-				format(value) {
-					if (!value) return '-';
-					
-					// 区域ID到中文名称的映射表
-					const regionMap = {
-						'cn-qingdao': '华北1（青岛）',
-						'cn-beijing': '华北2（北京）',
-						'cn-zhangjiakou': '华北3（张家口）',
-						'cn-huhehaote': '华北5（呼和浩特）',
-						'cn-hangzhou': '华东1（杭州）',
-						'cn-shanghai': '华东2（上海）',
-						'cn-shenzhen': '华南1（深圳）',
-						'cn-heyuan': '华南2（河源）',
-						'cn-chengdu': '西南1（成都）',
-						'cn-guangzhou': '华南3（广州）',
-						'cn-wulanchabu': '华北6（乌兰察布）',
-						'cn-nanjing': '华东5（南京）',
-						'cn-fuzhou': '华东6（福州）',
-						'cn-wuhan-lr': '华中1（武汉）',
-						'cn-hongkong': '中国香港',
-						'ap-southeast-1': '新加坡',
-						'ap-southeast-3': '马来西亚（吉隆坡）',
-						'ap-southeast-5': '印度尼西亚（雅加达）',
-						'ap-northeast-1': '日本（东京）',
-						'us-west-1': '美国（硅谷）',
-						'us-east-1': '美国（弗吉尼亚）',
-						'eu-central-1': '德国（法兰克福）',
-						'eu-west-1': '英国（伦敦）',
-						'ap-southeast-6': '菲律宾（马尼拉）',
-						'ap-southeast-7': '泰国（曼谷）',
-						'ap-northeast-2': '韩国（首尔）'
-					};
-					
-					// 如果是RegionId，返回对应的中文名称；如果已经是中文名称，直接返回
-					return regionMap[value] || value;
-				}
-			},
-			{
-				label: '到期时间',
-				fieldname: 'end_date',
-				format(value) {
-					if (!value) return '-';
-					return value;
-				}
-			}
-		],
-		primaryAction({ listResource: jsiteServers }) {
-			return {
-				label: '新建服务器',
-				variant: 'solid',
-				slots: {
-					prefix: icon('plus')
-				},
-				onClick() {
-					router.push('/jsite-servers/new');
-				}
-			};
-		},
-		statusBadge({ documentResource: jsiteServer }) {
-			const status = jsiteServer.pg?.status;
-			const statusMap = {
-				'Pending': '准备中',
-				'Starting': '启动中',
-				'Running': '运行中',
-				'Stopping': '停止中',
-				'Stopped': '已停止',
-				'Resetting': '重置中',
-				'Upgrading': '升级中',
-				'Disabled': '已禁用'
-			};
-			return {
-				label: statusMap[status] || status
-			};
-		},
-		breadcrumbs({ documentResource: jsiteServer }) {
-			return [
-				{
-					label: '服务器',
-					route: '/jsite-servers'
-				},
-				{
-					label: jsiteServer.pg?.title || jsiteServer.pg?.name,
-					route: `/jsite-servers/${jsiteServer.pg?.name}`
-				}
-			];
-		},
-		actions({ documentResource: jsiteServer }) {
-			if (!jsiteServer) return [];
-			
-			const actions = [
-				{
-					label: '重启',
-					icon: 'refresh-cw',
-					onClick() {
-						jsiteServer.reboot.submit();
-					},
-					condition: () => jsiteServer.pg?.status === 'Running'
-				},
-				{
-					label: '重命名',
-					icon: 'edit-3',
-					onClick() {
-						jsiteServer.rename.submit();
-					}
-				},
-				{
-					label: '删除',
-					icon: 'trash-2',
-					onClick() {
-						jsiteServer.dropServer.submit();
-					},
-					condition: () => jsiteServer.pg?.status !== 'Running'
-				}
-			];
-			return actions.filter(action => !action.condition || action.condition());
-		}
-	},
-	detail: {
-		route: '/jsite-servers/:name',
-		title: '服务器详细信息',
-		tabs: [
-			{
-				label: '概览',
-				route: '',
-				type: 'Component',
-				component: defineAsyncComponent(() => import('../components/JsiteServerOverview.vue')),
-				props: jsiteServer => {
-					return { server: jsiteServer.pg?.name };
-				}
-			},
-			{
-				label: '防火墙',
-				route: 'firewall',
-				type: 'Component',
-				component: defineAsyncComponent(() => import('../components/JsiteServerFirewallRules.vue')),
-				props: jsiteServer => {
-					return { server: jsiteServer.pg?.name };
-				}
-			}
-		],
-		fields: [
-			{
-				label: '基本信息',
-				fields: [
-					'title',
-					'status',
-					'region',
-					'instance_id',
-					'order_id'
-				]
-			},
-			{
-				label: '服务器配置',
-				fields: [
-					'cpu',
-					'memory',
-					'disk_size',
-					'bandwidth',
-					'public_ip',
-					'image_id',
-					'planid',
-					'system'
-				]
-			},
-			{
-				label: 'SSH连接',
-				fields: [
-					'ssh_user',
-					'ssh_port',
-					'password',
-					'key_pair_name',
-					'private_key'
-				]
-			},
-			{
-				label: '其他信息',
-				fields: [
-					'end_date',
-					'period'
-				]
-			}
-		],
-		actions({ documentResource: jsiteServer }) {
-			return [];
-		}
-	}
-}; 
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/marketplace.js b/dashboard_backup/src2/objects/marketplace.js
deleted file mode 100644
index f47f314..0000000
--- a/dashboard_backup/src2/objects/marketplace.js
+++ /dev/null
@@ -1,658 +0,0 @@
-import { defineAsyncComponent, h } from 'vue';
-import { Button, Badge } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import ChangeAppBranchDialog from '../components/marketplace/ChangeAppBranchDialog.vue';
-import { confirmDialog, icon, renderDialog } from '../utils/components';
-import PlansDialog from '../components/marketplace/PlansDialog.vue';
-import CodeReview from '../components/marketplace/CodeReview.vue';
-import GenericDialog from '../components/GenericDialog.vue';
-import ObjectList from '../components/ObjectList.vue';
-import { userCurrency, currency } from '../utils/format';
-import { getToastErrorMessage } from '../utils/toast';
-import { isMobile } from '../utils/device';
-import router from '../router';
-
-export default {
-	pagetype: 'Marketplace App',
-	whitelistedMethods: {
-		removeVersion: 'remove_version',
-		addVersion: 'add_version',
-		siteInstalls: 'site_installs',
-		createApprovalRequest: 'create_approval_request',
-		cancelApprovalRequest: 'cancel_approval_request',
-		updateListing: 'update_listing',
-		markAppReadyForReview: 'mark_app_ready_for_review'
-	},
-	list: {
-		route: '/apps',
-		title: '应用市场',
-		fields: ['image', 'title', 'status', 'description'],
-		columns: [
-			{
-				label: '应用',
-				fieldname: 'title',
-				class: 'font-medium',
-				width: 0.3,
-				prefix(row) {
-					return row.image
-						? h('img', {
-								src: row.image,
-								class: 'w-6 h-6 rounded-sm',
-								alt: row.title
-						  })
-						: h(
-								'div',
-								{
-									class:
-										'w-6 h-6 rounded bg-gray-300 text-gray-600 flex items-center justify-center'
-								},
-								row.title[0].toUpperCase()
-						  );
-				}
-			},
-			{
-				label: '状态',
-				type: 'Badge',
-				fieldname: 'status',
-				width: 0.3
-			},
-			{
-				label: '描述',
-				fieldname: 'description',
-				width: 1.0
-			}
-		],
-		primaryAction() {
-			return {
-				label: '新建应用',
-				variant: 'solid',
-				slots: {
-					prefix: icon('plus')
-				},
-				onClick() {
-					const NewMarketplaceAppDialog = defineAsyncComponent(() =>
-						import('../components/marketplace/NewMarketplaceAppDialog.vue')
-					);
-
-					renderDialog(h(NewMarketplaceAppDialog));
-				}
-			};
-		}
-	},
-	detail: {
-		titleField: 'name',
-		route: '/apps/:name',
-		statusBadge({ documentResource: app }) {
-			return { label: app.pg.status };
-		},
-		breadcrumbs({ items, documentResource: app }) {
-			return [
-				items[0],
-				{
-					label: app.pg.title,
-					route: `/apps/${app.pg.name}`
-				}
-			];
-		},
-		tabs: [
-			{
-				label: '分析',
-				icon: icon('bar-chart-2'),
-				route: 'analytics',
-				type: 'Component',
-				component: defineAsyncComponent(() =>
-					import('../components/marketplace/MarketplaceAppAnalytics.vue')
-				),
-				props: app => {
-					return { app: app.pg.name };
-				}
-			},
-			{
-				label: '列表',
-				icon: icon('shopping-cart'),
-				route: 'listing',
-				type: 'Component',
-				component: defineAsyncComponent(() =>
-					import('../components/MarketplaceAppListing.vue')
-				),
-				props: app => {
-					return { app: app };
-				}
-			},
-			{
-				label: '版本',
-				icon: icon('package'),
-				route: 'versions',
-				type: 'list',
-				list: {
-					pagetype: 'Marketplace App Version',
-					filters: app => {
-						return { parent: app.pg.name, parenttype: 'Marketplace App' };
-					},
-					onRowClick: (row, context) => {
-						const { listResource: versions, documentResource: app } = context;
-						showReleases(row, app);
-					},
-					fields: [
-						'source.repository_owner as repository_owner',
-						'source.repository as repository',
-						'source.branch as branch'
-					],
-					columns: [
-						{
-							label: '版本',
-							fieldname: 'version',
-							width: 0.5
-						},
-						{
-							label: '来源',
-							fieldname: 'source',
-							width: 0.5
-						},
-						{
-							label: '仓库',
-							width: 0.5,
-							format: (value, row) => {
-								return `${row.repository_owner}/${row.repository}`;
-							}
-						},
-						{
-							label: '分支',
-							fieldname: 'branch',
-							type: 'Badge',
-							width: 0.5
-						}
-					],
-					primaryAction({ listResource: versions, documentResource: app }) {
-						return {
-							label: '新建版本',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								renderDialog(
-									h(
-										GenericDialog,
-										{
-											options: {
-												title: `为 ${app.pg.title} 添加版本支持`,
-												size: '4xl'
-											}
-										},
-										{
-											default: () =>
-												h(ObjectList, {
-													options: {
-														label: '版本',
-														fieldname: 'version',
-														fieldtype: 'ListSelection',
-														columns: [
-															{
-																label: '版本',
-																fieldname: 'version'
-															},
-															{
-																label: '分支',
-																type: 'Select',
-																fieldname: 'branch',
-																format: (value, row) => {
-																	row.selectedOption = value[0];
-																	return value.map(v => ({
-																		label: v,
-																		value: v,
-																		onClick: () => {
-																			row.selectedOption = v;
-																		}
-																	}));
-																}
-															},
-															{
-																label: '',
-																fieldname: '',
-																align: 'right',
-																type: 'Button',
-																width: '5rem',
-																Button({ row, listResource: versionsOptions }) {
-																	return {
-																		label: '添加',
-																		onClick() {
-																			if (app.addVersion.loading) return;
-																			toast.promise(
-																				app.addVersion.submit({
-																					version: row.version,
-																					branch: row.selectedOption
-																				}),
-																				{
-																					loading: '正在添加新版本...',
-																					success: () => {
-																						versions.reload();
-																						versionsOptions.reload();
-																						return '新版本已添加';
-																					},
-																					error: e => getToastErrorMessage(e)
-																				}
-																			);
-																		}
-																	};
-																}
-															}
-														],
-														resource() {
-															return {
-																url: 'jcloud.api.marketplace.options_for_version',
-																params: {
-																	name: app.pg.name
-																},
-																auto: true
-															};
-														}
-													}
-												})
-										}
-									)
-								);
-							}
-						};
-					},
-					rowActions({ row, listResource: versions, documentResource: app }) {
-						return [
-							{
-								label: '显示发布',
-								slots: {
-									prefix: icon('plus')
-								},
-								onClick() {
-									showReleases(row, app);
-								}
-							},
-							{
-								label: '更改分支',
-								onClick() {
-									renderDialog(
-										h(ChangeAppBranchDialog, {
-											app: app.pg.name,
-											source: row.source,
-											version: row.version,
-											activeBranch: row.branch,
-											onBranchChanged() {
-												versions.reload();
-											}
-										})
-									);
-								}
-							},
-							{
-								label: '移除版本',
-								onClick() {
-									toast.promise(
-										app.removeVersion.submit({ version: row.version }),
-										{
-											loading: '正在移除版本...',
-											success: () => {
-												versions.reload();
-												return '版本已成功移除';
-											},
-											error: e => getToastErrorMessage(e)
-										}
-									);
-								}
-							}
-						];
-					}
-				}
-			},
-			{
-				label: '定价',
-				icon: icon('dollar-sign'),
-				route: 'pricing',
-				type: 'list',
-				list: {
-					pagetype: 'Marketplace App Plan',
-					filters: app => {
-						return { app: app.pg.name };
-					},
-					fields: ['name', 'title', 'price_cny', 'price_usd', 'enabled'],
-					columns: [
-						{
-							label: '标题',
-							fieldname: 'title'
-						},
-						{
-							label: '启用',
-							type: 'Badge',
-							fieldname: 'enabled',
-							format: value => {
-								return value == 1 ? '已启用' : '已禁用';
-							}
-						},
-						{
-							label: '价格 (CNY)',
-							fieldname: 'price_cny',
-							format: value => {
-								return currency(value, 'CNY');
-							}
-						},
-						{
-							label: '价格 (USD)',
-							fieldname: 'price_usd',
-							format: value => {
-								return currency(value, 'USD');
-							}
-						}
-					],
-					primaryAction({ listResource: plans, documentResource: app }) {
-						return {
-							label: '新建计划',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								renderDialog(
-									h(PlansDialog, {
-										app: app.pg.name,
-										onPlanCreated() {
-											plans.reload();
-										}
-									})
-								);
-							}
-						};
-					},
-					rowActions({ row, listResource: plans, documentResource: app }) {
-						return [
-							{
-								label: '编辑',
-								onClick() {
-									renderDialog(
-										h(PlansDialog, {
-											app: app.pg.name,
-											plan: row,
-											onPlanUpdated() {
-												plans.reload();
-											}
-										})
-									);
-								}
-							}
-						];
-					}
-				}
-			},
-			{
-				label: '订阅',
-				icon: icon('users'),
-				route: 'subscription',
-				type: 'list',
-				list: {
-					pagetype: 'Subscription',
-					filters: app => {
-						return {
-							document_type: 'Marketplace App',
-							document_name: app.name
-						};
-					},
-					fields: ['site', 'enabled', 'team'],
-					filterControls() {
-						return [
-							{
-								type: 'select',
-								label: '状态',
-								class: !isMobile() ? 'w-24' : '',
-								fieldname: 'enabled',
-								options: ['', '激活', '禁用']
-							}
-						];
-					},
-					columns: [
-						{
-							label: '站点',
-							fieldname: 'site',
-							width: 0.6
-						},
-						{
-							label: '状态',
-							type: 'Badge',
-							fieldname: 'enabled',
-							width: 0.3,
-							format: value => {
-								return value ? '激活' : '禁用';
-							}
-						},
-						{
-							label: '价格',
-							fieldname: 'price',
-							width: 0.3,
-							format: value => {
-								return userCurrency(value);
-							}
-						},
-						{
-							label: '已激活天数',
-							fieldname: 'active_for',
-							width: 0.3,
-							format: value => {
-								return value + (value == 1 ? ' 天' : ' 天');
-							}
-						}
-					]
-				}
-			}
-		],
-		actions({ documentResource: app }) {
-			return [
-				{
-					label: '在市场中查看',
-					slots: {
-						prefix: icon('external-link')
-					},
-					condition: () => app.pg.status === 'Published',
-					onClick() {
-						window.open(
-							`${window.location.origin}/marketplace/apps/${app.name}`,
-							'_blank'
-						);
-					}
-				},
-				{
-					label: '指南',
-					slots: {
-						icon: icon('help-circle')
-					},
-					condition: () => app.pg.status === 'Draft',
-					onClick() {
-						window.open(
-							'https://jingrow.com/docs/marketplace/marketplace-guidelines',
-							'_blank'
-						);
-					}
-				},
-				{
-					label: '完成列表',
-					variant: 'solid',
-					slots: {
-						prefix: icon('alert-circle')
-					},
-					condition: () => app.pg.status === 'Draft',
-					onClick() {
-						let AppListingStepsDialog = defineAsyncComponent(() =>
-							import('../components/marketplace/AppListingStepsDialog.vue')
-						);
-
-						renderDialog(
-							h(AppListingStepsDialog, {
-								app: app.pg.name
-							})
-						);
-					}
-				},
-				{
-					label: '选项',
-					condition: () => app.pg.status === 'Draft',
-					options: [
-						{
-							label: '删除',
-							icon: icon('trash-2'),
-							condition: () => app.pg.status === 'Draft',
-							onClick() {
-								confirmDialog({
-									title: `删除应用 ${app.pg.title}`,
-									message: '您确定要删除此应用吗？',
-									onSuccess({ hide }) {
-										toast.promise(app.delete.submit(), {
-											loading: '正在删除应用...',
-											success: () => {
-												hide();
-												router.push({ name: 'Marketplace App List' });
-												return '应用删除成功';
-											},
-											error: e => getToastErrorMessage(e)
-										});
-									}
-								});
-							}
-						}
-					]
-				}
-			];
-		}
-	}
-};
-
-function showReleases(row, app) {
-	renderDialog(
-		h(
-			GenericDialog,
-			{
-				options: {
-					title: `${app.pg.name} 在 ${row.branch} 分支的发布`,
-					size: '6xl'
-				}
-			},
-			{
-				default: () =>
-					h(ObjectList, {
-						options: {
-							label: '版本',
-							type: 'list',
-							pagetype: 'App Release',
-							filters: {
-								app: app.pg.name,
-								source: row.source
-							},
-							fields: ['message', 'tag', 'author', 'status'],
-							orderBy: 'creation desc',
-							columns: [
-								{
-									label: '提交信息',
-									fieldname: 'message',
-									class: 'w-64',
-									width: 0.5
-								},
-								{
-									label: '哈希值',
-									fieldname: 'hash',
-									class: 'w-24',
-									type: 'Badge',
-									width: 0.2,
-									format: value => {
-										return value.slice(0, 7);
-									}
-								},
-								{
-									label: '作者',
-									fieldname: 'author',
-									width: 0.2
-								},
-								{
-									label: '状态',
-									fieldname: 'status',
-									type: 'Badge',
-									width: 0.3
-								},
-								{
-									label: '代码审查',
-									type: 'Component',
-									width: 0.2,
-									component: ({ row, listResource: releases, app }) => {
-										if (
-											(row.status === 'Awaiting Approval' ||
-												row.status === 'Rejected') &&
-											row.screening_status === 'Complete'
-										) {
-											return h(Button, {
-												label: '代码审查',
-												variant: 'subtle',
-												theme: 'blue',
-												size: 'sm',
-												onClick: () =>
-													codeReview(row, app, window.is_system_user)
-											});
-										}
-										return h(Badge, {
-											label: row.screening_status || '未开始'
-										});
-									}
-								},
-								{
-									label: '',
-									fieldname: '',
-									align: 'right',
-									type: 'Button',
-									width: 0.2,
-									Button({ row, listResource: releases }) {
-										let label = '';
-										let successMessage = '';
-										let loadingMessage = '';
-
-										if (row.status === 'Awaiting Approval') {
-											label = '取消';
-											successMessage = '发布已取消';
-											loadingMessage = '正在取消发布...';
-										} else if (row.status === 'Draft') {
-											label = '提交';
-											loadingMessage = '正在提交发布以供审批...';
-											successMessage =
-												'发布已提交以供审批';
-										}
-
-										return {
-											label: label,
-											onClick() {
-												toast.promise(
-													row.status === 'Awaiting Approval'
-														? app.cancelApprovalRequest.submit({
-																app_release: row.name
-														  })
-														: app.createApprovalRequest.submit({
-																app_release: row.name
-														  }),
-													{
-														loading: loadingMessage,
-														success: () => {
-															releases.reload();
-															return successMessage;
-														},
-														error: e => getToastErrorMessage(e)
-													}
-												);
-											}
-										};
-									}
-								}
-							]
-						}
-					})
-			}
-		)
-	);
-}
-
-function codeReview(row, app, isSystemUser) {
-	renderDialog(
-		h(CodeReview, {
-			row: row,
-			app: app,
-			isSystemUser: isSystemUser
-		})
-	);
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/notification.js b/dashboard_backup/src2/objects/notification.js
deleted file mode 100644
index 14b98f7..0000000
--- a/dashboard_backup/src2/objects/notification.js
+++ /dev/null
@@ -1,141 +0,0 @@
-import { h } from 'vue';
-import router from '../router';
-import { getDocResource } from '../utils/resource';
-import { unreadNotificationsCount } from '../data/notifications';
-import { Tooltip, jingrowRequest } from 'jingrow-ui';
-import { icon } from '../utils/components';
-import { getTeam } from '../data/team';
-import { toast } from 'vue-sonner';
-
-const getNotification = (name) => {
-	return getDocResource({
-		pagetype: 'Jcloud Notification',
-		name: name,
-		whitelistedMethods: {
-			markNotificationAsRead: 'mark_as_read',
-		},
-	});
-};
-
-export default {
-	pagetype: 'Jcloud Notification',
-	whitelistedMethods: {},
-	list: {
-		resource() {
-			let $team = getTeam();
-			return {
-				type: 'list',
-				pagetype: 'Jcloud Notification',
-				url: 'jcloud.api.notifications.get_notifications',
-				auto: true,
-				filters: {
-					read: 'Unread',
-				},
-				cache: ['Notifications'],
-			};
-		},
-		route: '/notifications',
-		title: '通知',
-		orderBy: 'creation desc',
-		filterControls() {
-			return [
-				{
-					type: 'tab',
-					label: '已读',
-					fieldname: 'read',
-					options: ['全部', '未读'],
-					default: '未读',
-				},
-			];
-		},
-		onRowClick(row) {
-			const notification = getNotification(row.name);
-
-			notification.markNotificationAsRead.submit().then(() => {
-				unreadNotificationsCount.setData((data) => data - 1);
-				if (row.route) router.push(row.route);
-			});
-		},
-		actions({ listResource: notifications }) {
-			return [
-				{
-					label: '全部标记为已读',
-					slots: {
-						prefix: icon('check-circle'),
-					},
-					async onClick() {
-						toast.promise(
-							jingrowRequest({
-								url: '/api/action/jcloud.api.notifications.mark_all_notifications_as_read',
-							}),
-							{
-								success: () => {
-									notifications.reload();
-									return '所有通知已标记为已读';
-								},
-								loading: '正在将所有通知标记为已读...',
-								error: (error) =>
-									error.messages?.length
-										? error.messages.join('\n')
-										: error.message,
-							},
-						);
-					},
-				},
-			];
-		},
-		columns: [
-			{
-				label: '标题',
-				fieldname: 'title',
-				width: '20rem',
-				format(value, row) {
-					return value || row.type;
-				},
-				suffix(row) {
-					if (row.is_actionable && !row.is_addressed) {
-						let AlertIcon = icon('alert-circle');
-						return h(
-							Tooltip,
-							{
-								text: '此通知需要您的关注',
-							},
-							{
-								default: () =>
-									h(
-										'div',
-										{
-											class: 'ml-2  text-red-500',
-										},
-										h(AlertIcon),
-									),
-							},
-						);
-					}
-				},
-			},
-			{
-				label: '消息',
-				fieldname: 'message',
-				type: 'Component',
-				width: '40rem',
-				component({ row }) {
-					return h('div', {
-						class: 'truncate text-base text-gray-600',
-						// replace all html tags except <b>
-						innerHTML: row.message
-							.replace(/<(?!\/?b\b)[^>]*>/g, '')
-							.split('\n')[0],
-					});
-				},
-			},
-			{
-				label: '',
-				fieldname: 'creation',
-				type: 'Timestamp',
-				align: 'right',
-			},
-		],
-	},
-	routes: [],
-};
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/server.js b/dashboard_backup/src2/objects/server.js
deleted file mode 100644
index 2d08383..0000000
--- a/dashboard_backup/src2/objects/server.js
+++ /dev/null
@@ -1,523 +0,0 @@
-import { defineAsyncComponent, h } from 'vue';
-import LucideAppWindow from '~icons/lucide/app-window';
-import ServerActions from '../components/server/ServerActions.vue';
-import { getTeam } from '../data/team';
-import router from '../router';
-import { icon } from '../utils/components';
-import { duration, planTitle, userCurrency } from '../utils/format';
-import { trialDays } from '../utils/site';
-import { getJobsTab } from './common/jobs';
-import { tagTab } from './common/tags';
-
-export default {
-	pagetype: 'Server',
-	whitelistedMethods: {
-		increaseDiskSize: 'increase_disk_size_for_server',
-		configureAutoAddStorage: 'configure_auto_add_storage',
-		changePlan: 'change_plan',
-		reboot: 'reboot',
-		rename: 'rename',
-		dropServer: 'drop_server',
-		addTag: 'add_resource_tag',
-		removeTag: 'remove_resource_tag'
-	},
-	list: {
-		route: '/servers',
-		title: '服务器',
-		fields: [
-			'title',
-			'database_server',
-			'plan.title as plan_title',
-			'plan.price_usd as price_usd',
-			'plan.price_cny as price_cny',
-			'cluster.image as cluster_image',
-			'cluster.title as cluster_title'
-		],
-		filterControls() {
-			return [
-				{
-					type: 'select',
-					label: '状态',
-					fieldname: 'status',
-					options: [
-						{ label: '', value: '' },
-						{ label: '激活', value: 'Active' },
-						{ label: '待定', value: 'Pending' }
-					]
-				},
-				{
-					type: 'select',
-					label: '区域',
-					fieldname: 'cluster',
-					options: [
-						'',
-						'中国大陆',
-						'中国香港',
-						'美国-洛杉矶',
-						'新加坡',
-						'英国-伦敦',
-						'德国-法兰克福',
-						'阿联酋-迪拜',
-					]
-				}
-			];
-		},
-		orderBy: 'creation desc',
-		columns: [
-			{
-				label: '服务器',
-				fieldname: 'name',
-				width: 1.5,
-				class: 'font-medium',
-				format(value, row) {
-					return row.title || value;
-				}
-			},
-			{ label: '状态', fieldname: 'status', type: 'Badge', width: 0.8 },
-			{
-				label: '应用服务器计划',
-				format(value, row) {
-					return planTitle(row);
-				}
-			},
-			{
-				label: '数据库服务器计划',
-				fieldname: 'db_plan',
-				format(value) {
-					if (!value) return '';
-					return planTitle(value);
-				}
-			},
-			{
-				label: '区域',
-				fieldname: 'cluster',
-				format(value, row) {
-					return row.cluster_title || value;
-				},
-				prefix(row) {
-					return h('img', {
-						src: row.cluster_image,
-						class: 'w-4 h-4',
-						alt: row.cluster_title
-					});
-				}
-			}
-		],
-		primaryAction({ listResource: servers }) {
-			return {
-				label: '新建服务器',
-				variant: 'solid',
-				slots: {
-					prefix: icon('plus')
-				},
-				onClick() {
-					router.push({ name: 'New Server' });
-				}
-			};
-		}
-	},
-	detail: {
-		titleField: 'name',
-		route: '/servers/:name',
-		statusBadge({ documentResource: server }) {
-			return {
-				label: server.pg.status
-			};
-		},
-		breadcrumbs({ documentResource: server }) {
-			return [
-				{
-					label: '服务器',
-					route: '/servers'
-				},
-				{
-					label: server.pg.title || server.pg.name,
-					route: `/servers/${server.pg.name}`
-				}
-			];
-		},
-		actions({ documentResource: server }) {
-			let $team = getTeam();
-
-			return [
-				{
-					label: '模拟服务器所有者',
-					title: '模拟服务器所有者', // for label to pop-up on hover
-					slots: {
-						icon: defineAsyncComponent(() =>
-							import('~icons/lucide/venetian-mask')
-						)
-					},
-					condition: () =>
-						$team.pg?.is_desk_user && server.pg.team !== $team.name,
-					onClick() {
-						switchToTeam(server.pg.team);
-					}
-				},
-				{
-					label: '选项',
-					button: {
-						label: '选项',
-						slots: {
-							icon: icon('more-horizontal')
-						}
-					},
-					options: [
-						{
-							label: '在 Desk 中查看',
-							icon: icon('external-link'),
-							condition: () => $team.pg?.is_desk_user,
-							onClick() {
-								window.open(
-									`${window.location.protocol}//${
-										window.location.host
-									}/app/${server.pagetype.replace(' ', '-').toLowerCase()}/${
-										server.pg.name
-									}`,
-									'_blank'
-								);
-							}
-						},
-						{
-							label: '访问服务器',
-							icon: icon('external-link'),
-							condition: () =>
-								server.pg.status === 'Active' && $team.pg?.is_desk_user,
-							onClick() {
-								window.open(`https://${server.pg.name}`, '_blank');
-							}
-						}
-					]
-				}
-			];
-		},
-		tabs: [
-			{
-				label: '概览',
-				icon: icon('home'),
-				route: 'overview',
-				type: 'Component',
-				component: defineAsyncComponent(() =>
-					import('../components/server/ServerOverview.vue')
-				),
-				props: server => {
-					return { server: server.pg.name };
-				}
-			},
-			{
-				label: '分析',
-				icon: icon('bar-chart-2'),
-				route: 'analytics',
-				type: 'Component',
-				component: defineAsyncComponent(() =>
-					import('../components/server/ServerCharts.vue')
-				),
-				props: server => {
-					return {
-						serverName: server.pg.name
-					};
-				}
-			},
-			{
-				label: '站点',
-				icon: icon(LucideAppWindow),
-				route: 'sites',
-				type: 'list',
-				list: {
-					pagetype: 'Site',
-					filters: server => {
-						return { server: server.pg.name };
-					},
-					fields: [
-						'plan.plan_title as plan_title',
-						'plan.price_usd as price_usd',
-						'plan.price_cny as price_cny',
-						'group.title as group_title',
-						'group.public as group_public',
-						'group.team as group_team',
-						'group.version as version',
-						'trial_end_date'
-					],
-					orderBy: 'creation desc',
-					searchField: 'host_name',
-					route(row) {
-						return { name: 'Site Detail', params: { name: row.name } };
-					},
-					filterControls() {
-						return [
-							{
-								type: 'select',
-								label: '状态',
-								fieldname: 'status',
-								options: [
-									{ label: '', value: '' },
-									{ label: '激活', value: 'Active' },
-									{ label: '未激活', value: 'Inactive' },
-									{ label: '已暂停', value: 'Suspended' },
-									{ label: '损坏', value: 'Broken' }
-								]
-							},
-							{
-								type: 'link',
-								label: '版本',
-								fieldname: 'group.version',
-								options: {
-									pagetype: 'Jingrow Version'
-								}
-							},
-							{
-								type: 'link',
-								label: '站点分组',
-								fieldname: 'group',
-								options: {
-									pagetype: 'Release Group'
-								}
-							},
-							{
-								type: 'link',
-								label: '标签',
-								fieldname: 'tags.tag',
-								options: {
-									pagetype: 'Jcloud Tag',
-									filters: {
-										pagetype_name: 'Site'
-									}
-								}
-							}
-						];
-					},
-					columns: [
-						{
-							label: '站点',
-							fieldname: 'host_name',
-							width: 1.5,
-							class: 'font-medium',
-							format(value, row) {
-								return value || row.name;
-							}
-						},
-						{ label: '状态', fieldname: 'status', type: 'Badge', width: 0.6 },
-						{
-							label: '计划',
-							fieldname: 'plan',
-							width: 0.85,
-							format(value, row) {
-								if (row.trial_end_date) {
-									return trialDays(row.trial_end_date);
-								}
-								let $team = getTeam();
-								if (row.price_usd > 0) {
-									let china = $team.pg.country == 'china';
-									let formattedValue = userCurrency(
-										china ? row.price_cny : row.price_usd,
-										0
-									);
-									return `${formattedValue}/月`;
-								}
-								return row.plan_title;
-							}
-						},
-						{
-							label: '站点分组',
-							fieldname: 'group_title',
-							width: '15rem'
-						},
-						{
-							label: '版本',
-							fieldname: 'version',
-							width: 0.5
-						}
-					]
-				}
-			},
-			{
-				label: '站点分组',
-				icon: icon('package'),
-				route: 'groups',
-				type: 'list',
-				list: {
-					pagetype: 'Release Group',
-					filters: server => {
-						return { server: server.pg.name };
-					},
-					fields: [{ apps: ['app'] }, { servers: ['server'] }],
-					columns: [
-						{ label: '标题', fieldname: 'title' },
-						{
-							label: '状态',
-							fieldname: 'active_benches',
-							type: 'Badge',
-							width: 0.5,
-							format: (value, row) => {
-								if (!value) return '等待部署';
-								else return '激活';
-							}
-						},
-						{
-							label: '版本',
-							fieldname: 'version',
-							width: 0.5
-						},
-						{
-							label: '应用',
-							fieldname: 'app',
-							format: (value, row) => {
-								return (row.apps || []).map(d => d.app).join(', ');
-							},
-							width: '25rem'
-						},
-						{
-							label: '站点',
-							fieldname: 'site_count',
-							width: 0.25
-						}
-					],
-					filterControls() {
-						return [
-							{
-								type: 'link',
-								label: '版本',
-								fieldname: 'version',
-								options: {
-									pagetype: 'Jingrow Version'
-								}
-							},
-							{
-								type: 'link',
-								label: '标签',
-								fieldname: 'tags.tag',
-								options: {
-									pagetype: 'Jcloud Tag',
-									filters: {
-										pagetype_name: 'Release Group'
-									}
-								}
-							}
-						];
-					},
-					route(row) {
-						return {
-							name: 'Release Group Detail',
-							params: { name: row.name }
-						};
-					},
-					primaryAction({ listResource: benches, documentResource: server }) {
-						return {
-							label: '新建站点分组',
-							slots: {
-								prefix: icon('plus')
-							},
-							onClick() {
-								router.push({
-									name: 'Server New Release Group',
-									params: { server: server.pg.name }
-								});
-							}
-						};
-					}
-				}
-			},
-			getJobsTab('Server'),
-			{
-				label: '执行',
-				icon: icon('play'),
-				childrenRoutes: ['Server Play'],
-				route: 'plays',
-				type: 'list',
-				list: {
-					pagetype: 'Ansible Play',
-					filterControls({ documentResource: server }) {
-						return [
-							{
-								type: 'select',
-								label: '服务器',
-								fieldname: 'server',
-								options: [
-									server.pg.name,
-									server.pg.database_server,
-									server.pg.replication_server
-								].filter(Boolean)
-							}
-						];
-					},
-					filters: server => {
-						return {
-							server: [
-								'in',
-								[
-									server.pg.name,
-									server.pg.database_server,
-									server.pg.replication_server
-								].filter(Boolean)
-							]
-						};
-					},
-					route(row) {
-						return {
-							name: 'Server Play',
-							params: { id: row.name }
-						};
-					},
-					orderBy: 'creation desc',
-					fields: ['server', 'end'],
-					columns: [
-						{
-							label: '执行',
-							fieldname: 'play',
-							width: 2
-						},
-						{
-							label: '状态',
-							fieldname: 'status',
-							type: 'Badge',
-							width: 0.5
-						},
-						{
-							label: '服务器',
-							fieldname: 'server',
-							width: 2
-						},
-						{
-							label: '持续时间',
-							fieldname: 'duration',
-							width: 0.5,
-							format(value, row) {
-								if (row.job_id === 0 || !row.end) return;
-								return duration(value);
-							}
-						},
-						{
-							label: '',
-							fieldname: 'creation',
-							type: 'Timestamp',
-							align: 'right'
-						}
-					]
-				}
-			},
-			{
-				label: '操作',
-				icon: icon('sliders'),
-				route: 'actions',
-				type: 'Component',
-				component: ServerActions,
-				props: server => {
-					return { server: server.pg.name };
-				}
-			},
-			tagTab()
-		]
-	},
-	routes: [
-		{
-			name: 'Server Job',
-			path: 'jobs/:id',
-			component: () => import('../pages/JobPage.vue')
-		},
-		{
-			name: 'Server Play',
-			path: 'plays/:id',
-component: () => import('../pages/PlayPage.vue')
-		}
-	]
-};
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/site.js b/dashboard_backup/src2/objects/site.js
deleted file mode 100644
index 632afad..0000000
--- a/dashboard_backup/src2/objects/site.js
+++ /dev/null
@@ -1,1351 +0,0 @@
-import {
-	createListResource,
-	createResource,
-	LoadingIndicator,
-} from 'jingrow-ui';
-import { defineAsyncComponent, h } from 'vue';
-import { unparse } from 'papaparse';
-import { toast } from 'vue-sonner';
-import AddDomainDialog from '../components/AddDomainDialog.vue';
-import GenericDialog from '../components/GenericDialog.vue';
-import ObjectList from '../components/ObjectList.vue';
-import SiteActions from '../components/SiteActions.vue';
-import { getTeam, switchToTeam } from '../data/team';
-import router from '../router';
-import { getRunningJobs } from '../utils/agentJob';
-import { confirmDialog, icon, renderDialog } from '../utils/components';
-import dayjs from '../utils/dayjs';
-import { bytes, date, userCurrency, getStatusLabel, getDeployTypeLabel } from '../utils/format';
-import { getToastErrorMessage } from '../utils/toast';
-import { getDocResource } from '../utils/resource';
-import { trialDays } from '../utils/site';
-import { clusterOptions, getUpsellBanner } from './common';
-import { getAppsTab } from './common/apps';
-import { isMobile } from '../utils/device';
-import { getJobsTab } from './common/jobs';
-
-export default {
-	pagetype: 'Site',
-	whitelistedMethods: {
-		activate: 'activate',
-		addDomain: 'add_domain',
-		archive: 'archive',
-		backup: 'backup',
-		clearSiteCache: 'clear_site_cache',
-		deactivate: 'deactivate',
-		disableReadWrite: 'disable_read_write',
-		enableReadWrite: 'enable_read_write',
-		installApp: 'install_app',
-		uninstallApp: 'uninstall_app',
-		migrate: 'migrate',
-		moveToBench: 'move_to_bench',
-		moveToGroup: 'move_to_group',
-		loginAsAdmin: 'login_as_admin',
-		loginAsTeam: 'login_as_team',
-		isSetupWizardComplete: 'is_setup_wizard_complete',
-		reinstall: 'reinstall',
-		removeDomain: 'remove_domain',
-		redirectToPrimary: 'set_redirect',
-		removeRedirect: 'unset_redirect',
-		setPrimaryDomain: 'set_host_name',
-		restoreSite: 'restore_site',
-		restoreSiteFromFiles: 'restore_site_from_files',
-		scheduleUpdate: 'schedule_update',
-		editScheduledUpdate: 'edit_scheduled_update',
-		cancelUpdate: 'cancel_scheduled_update',
-		setPlan: 'set_plan',
-		updateConfig: 'update_config',
-		deleteConfig: 'delete_config',
-		sendTransferRequest: 'send_change_team_request',
-		addTag: 'add_resource_tag',
-		removeTag: 'remove_resource_tag',
-		getBackupDownloadLink: 'get_backup_download_link',
-		fetchDatabaseTableSchemas: 'fetch_database_table_schemas',
-	},
-	list: {
-		route: '/sites',
-		title: '站点',
-		fields: [
-			'plan.plan_title as plan_title',
-			'plan.price_usd as price_usd',
-			'plan.price_cny as price_cny',
-			'group.title as group_title',
-			'group.public as group_public',
-			'group.team as group_team',
-			'group.version as version',
-			'cluster.image as cluster_image',
-			'cluster.title as cluster_title',
-			'trial_end_date',
-			'site_end_date',
-		],
-		orderBy: 'creation desc',
-		searchField: 'host_name',
-		filterControls() {
-			return [
-				{
-					type: 'select',
-					label: '状态',
-					fieldname: 'status',
-					options: [
-						{ label: '', value: '' },
-						{ label: '激活', value: 'Active' },
-						{ label: '未激活', value: 'Inactive' },
-						{ label: '已暂停', value: 'Suspended' },
-						{ label: '损坏', value: 'Broken' },
-						{ label: '已归档', value: 'Archived' },
-					],
-				},
-				{
-					type: 'link',
-					label: '版本',
-					fieldname: 'group.version',
-					options: {
-						pagetype: 'Jingrow Version',
-					},
-				},
-				{
-					type: 'link',
-					label: '站点分组',
-					fieldname: 'group',
-					options: {
-						pagetype: 'Release Group',
-					},
-				},
-				{
-					type: 'select',
-					label: '区域',
-					fieldname: 'cluster',
-					options: clusterOptions,
-				},
-				{
-					type: 'link',
-					label: '标签',
-					fieldname: 'tags.tag',
-					options: {
-						pagetype: 'Jcloud Tag',
-						filters: {
-							pagetype_name: 'Site',
-						},
-					},
-				},
-			];
-		},
-		columns: [
-			{
-				label: '站点',
-				fieldname: 'host_name',
-				width: 1.5,
-				class: 'font-medium',
-				format(value, row) {
-					return value || row.name;
-				},
-			},
-			{
-				label: '状态',
-				fieldname: 'status',
-				type: 'Badge',
-				width: '140px',
-				format(value) {
-					const statusMap = {
-						'Active': '激活',
-						'Inactive': '未激活',
-						'Suspended': '已暂停',
-						'Broken': '损坏',
-						'Archived': '已归档',
-						'Pending': '待处理',
-						'Installing': '安装中',
-						'Update Available': '可更新',
-						'Running': '运行中',
-						'Success': '成功',
-						'Failure': '失败'
-					};
-					return statusMap[value] || value;
-				}
-			},
-			{
-				label: '计划',
-				fieldname: 'plan',
-				width: 0.85,
-				format(value, row) {
-					if (row.trial_end_date) {
-						return trialDays(row.trial_end_date);
-					}
-					const $team = getTeam();
-					if (row.price_usd > 0) {
-						const china = $team.pg?.currency === 'CNY';
-						const formattedValue = userCurrency(
-							china ? row.price_cny : row.price_usd,
-							0,
-						);
-						return `${formattedValue}/月`;
-					}
-					return row.plan_title;
-				},
-			},
-			{
-				label: '区域',
-				fieldname: 'cluster',
-				width: 1,
-				format(value, row) {
-					return row.cluster_title || value;
-				},
-				prefix(row) {
-					return h('img', {
-						src: row.cluster_image,
-						class: 'w-4 h-4',
-						alt: row.cluster_title,
-					});
-				},
-			},
-			{
-				label: '站点分组',
-				fieldname: 'group',
-				width: '15rem',
-				format(value, row) {
-					return row.group_public ? '公域' : row.group_title || value;
-				},
-			},
-			{
-				label: '版本',
-				fieldname: 'version',
-				width: 0.5,
-			},
-			{
-				label: '到期时间',
-				fieldname: 'site_end_date',
-				width: 1,
-				format(value) {
-					return value ? date(value, 'YYYY-MM-DD') : '';
-				},
-			},
-		],
-		primaryAction({ listResource: sites }) {
-			return {
-				label: '新建站点',
-				variant: 'solid',
-				slots: {
-					prefix: icon('plus'),
-				},
-				onClick() {
-					router.push({ name: 'New Site' });
-				},
-			};
-		},
-		moreActions({ listResource: sites }) {
-			return [
-				{
-					label: '导出为CSV',
-					icon: 'download',
-					onClick() {
-						const fields = [
-							'host_name',
-							'plan_title',
-							'cluster_title',
-							'group_title',
-							'version',
-						];
-
-						const data = sites.data.map((site) => {
-							const row = {};
-							fields.forEach((field) => {
-								row[field] = site[field];
-							});
-							return row;
-						});
-
-						let csv = unparse({
-							fields,
-							data,
-						});
-						csv = '\uFEFF' + csv; // for utf-8
-
-						// create a blob and trigger a download
-						const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
-						const today = new Date().toISOString().split('T')[0];
-						const filename = `sites-${today}.csv`;
-						const link = document.createElement('a');
-						link.href = URL.createObjectURL(blob);
-						link.download = filename;
-						link.click();
-						URL.revokeObjectURL(link.href);
-					},
-				},
-			];
-		},
-	},
-	detail: {
-		titleField: 'name',
-		route: '/sites/:name',
-		statusBadge({ documentResource: site }) {
-			const statusMap = {
-				'Active': '激活',
-				'Inactive': '未激活',
-				'Suspended': '已暂停',
-				'Broken': '损坏',
-				'Archived': '已归档',
-				'Pending': '待处理',
-				'Installing': '安装中',
-				'Running': '运行中',
-				'Success': '成功',
-				'Failure': '失败'
-			};
-			return { label: statusMap[site.pg.status] || site.pg.status };
-		},
-		breadcrumbs({ items, documentResource: site }) {
-			let breadcrumbs = [];
-			let $team = getTeam();
-			let siteCrumb = {
-				label: site.pg.host_name || site.pg?.name,
-				route: `/sites/${site.pg?.name}`,
-			};
-
-			if (
-				(site.pg.server_team == $team.pg?.name &&
-					site.pg.group_team == $team.pg?.name) ||
-				$team.pg?.is_desk_user
-			) {
-				breadcrumbs.push({
-					label: site.pg?.server_title || site.pg?.server,
-					route: `/servers/${site.pg?.server}`,
-				});
-			}
-			if (
-				site.pg.group_team == $team.pg?.name ||
-				$team.pg?.is_desk_user ||
-				$team.pg?.is_support_agent
-			) {
-				breadcrumbs.push(
-					{
-						label: site.pg?.group_title,
-						route: `/groups/${site.pg?.group}`,
-					},
-					siteCrumb,
-				);
-			} else {
-				breadcrumbs.push(...items.slice(0, -1), siteCrumb);
-			}
-			return breadcrumbs;
-		},
-		tabs: [
-			{
-				label: '概览',
-				icon: icon('home'),
-				route: 'overview',
-				type: 'Component',
-				condition: (site) => site.pg?.status !== 'Archived',
-				component: defineAsyncComponent(
-					() => import('../components/SiteOverview.vue'),
-				),
-				props: (site) => {
-					return { site: site.pg?.name };
-				},
-			},
-			getAppsTab(true),
-			{
-				label: '域名',
-				icon: icon('external-link'),
-				route: 'domains',
-				type: 'list',
-				condition: (site) => site.pg?.status !== 'Archived',
-				list: {
-					pagetype: 'Site Domain',
-					fields: ['redirect_to_primary'],
-					filters: (site) => {
-						return { site: site.pg?.name };
-					},
-					columns: [
-						{
-							label: '域名',
-							fieldname: 'domain',
-						},
-						{
-							label: '状态',
-							fieldname: 'status',
-							type: 'Badge',
-							format(value) {
-								const statusMap = {
-									'Active': '激活',
-									'Inactive': '未激活',
-									'Suspended': '已暂停',
-									'Broken': '损坏',
-									'Archived': '已归档',
-									'Pending': '待处理',
-									'Installing': '安装中',
-									'Running': '运行中',
-									'Success': '成功',
-									'Failure': '失败'
-								};
-								return statusMap[value] || value;
-							}
-						},
-						{
-							label: '主域名',
-							fieldname: 'primary',
-							type: 'Icon',
-							Icon(value) {
-								return value ? 'check' : '';
-							},
-						},
-						{
-							label: 'DNS 类型',
-							fieldname: 'dns_type',
-							type: 'Badge',
-						},
-					],
-					banner({ documentResource: site }) {
-						if (site.pg.broken_domain_error) {
-							return {
-								title:
-									'获取您的域名的 HTTPS 证书时出错。',
-								type: 'error',
-								button: {
-									label: '查看错误',
-									variant: 'outline',
-									onClick() {
-										renderDialog(
-											h(
-												GenericDialog,
-												{
-													options: {
-														title: '获取证书时出错',
-														size: 'xl',
-													},
-												},
-												{
-													default: () => {
-														return h('pre', {
-															class:
-																'whitespace-pre-wrap text-sm rounded border-2 p-3 border-gray-200 bg-gray-100',
-															innerHTML: site.pg.broken_domain_error,
-														});
-													},
-												},
-											),
-										);
-									},
-								},
-							};
-						} else {
-							return null;
-						}
-					},
-					primaryAction({ listResource: domains, documentResource: site }) {
-						return {
-							label: '添加域名',
-							slots: {
-								prefix: icon('plus'),
-							},
-							onClick() {
-								renderDialog(
-									h(AddDomainDialog, {
-										site: site.pg,
-										onDomainAdded() {
-											domains.reload();
-										},
-									}),
-								);
-							},
-						};
-					},
-					rowActions({ row, listResource: domains, documentResource: site }) {
-						return [
-							{
-								label: '移除',
-								condition: () => row.domain !== site.pg?.name,
-								onClick() {
-									confirmDialog({
-										title: `移除域名`,
-										message: `您确定要从站点 <b>${site.pg?.name}</b> 中移除域名 <b>${row.domain}</b> 吗？`,
-										onSuccess({ hide }) {
-											if (site.removeDomain.loading) return;
-											toast.promise(
-												site.removeDomain.submit({
-													domain: row.domain,
-												}),
-												{
-													loading: '正在移除域名...',
-													success: () => {
-														hide();
-														return '域名已移除';
-													},
-													error: (e) => getToastErrorMessage(e),
-												},
-											);
-										},
-									});
-								},
-							},
-							{
-								label: '设为主域名',
-								condition: () => !row.primary && row.status === 'Active',
-								onClick() {
-									confirmDialog({
-										title: `设为主域名`,
-										message: `您确定要将域名 <b>${row.domain}</b> 设为站点 <b>${site.pg?.name}</b> 的主域名吗？`,
-										onSuccess({ hide }) {
-											if (site.setPrimaryDomain.loading) return;
-											toast.promise(
-												site.setPrimaryDomain.submit({
-													domain: row.domain,
-												}),
-												{
-													loading: '正在设置主域名...',
-													success: () => {
-														hide();
-														return '主域名已设置';
-													},
-													error: (e) => getToastErrorMessage(e),
-												},
-											);
-										},
-									});
-								},
-							},
-							{
-								label: '重定向到主域名',
-								condition: () =>
-									!row.primary &&
-									!row.redirect_to_primary &&
-									row.status === 'Active',
-								onClick() {
-									confirmDialog({
-										title: `重定向域名`,
-										message: `您确定要将域名 <b>${row.domain}</b> 重定向到站点 <b>${site.pg?.name}</b> 的主域名吗？`,
-										onSuccess({ hide }) {
-											if (site.redirectToPrimary.loading) return;
-											toast.promise(
-												site.redirectToPrimary.submit({
-													domain: row.domain,
-												}),
-												{
-													loading: '正在重定向域名...',
-													success: () => {
-														hide();
-														return '域名已重定向';
-													},
-													error: (e) => getToastErrorMessage(e),
-												},
-											);
-										},
-									});
-								},
-							},
-							{
-								label: '移除重定向',
-								condition: () =>
-									!row.primary &&
-									row.redirect_to_primary &&
-									row.status === 'Active',
-								onClick() {
-									confirmDialog({
-										title: `移除重定向`,
-										message: `您确定要移除从域名 <b>${row.domain}</b> 到站点 <b>${site.pg?.name}</b> 主域名的重定向吗？`,
-										onSuccess({ hide }) {
-											if (site.removeRedirect.loading) return;
-											toast.promise(
-												site.removeRedirect.submit({
-													domain: row.domain,
-												}),
-												{
-													loading: '正在移除重定向...',
-													success: () => {
-														hide();
-														return '重定向已移除';
-													},
-													error: (e) => getToastErrorMessage(e),
-												},
-											);
-										},
-									});
-								},
-							},
-						];
-					},
-				},
-			},
-			{
-				label: '备份',
-				icon: icon('archive'),
-				route: 'backups',
-				type: 'list',
-				list: {
-					pagetype: 'Site Backup',
-					filters: (site) => {
-						return {
-							site: site.pg?.name,
-							files_availability: 'Available',
-							status: ['in', ['Pending', 'Running', 'Success']],
-						};
-					},
-					orderBy: 'creation desc',
-					fields: [
-						'job',
-						'status',
-						'database_url',
-						'public_url',
-						'private_url',
-						'config_file_url',
-						'site',
-						'remote_database_file',
-						'remote_public_file',
-						'remote_private_file',
-						'remote_config_file',
-						'physical',
-					],
-					columns: [
-						{
-							label: '时间戳',
-							fieldname: 'creation',
-							width: 1,
-							format(value) {
-								return `备份于 ${date(value, 'llll')}`;
-							},
-						},
-
-						{
-							label: '数据库',
-							fieldname: 'database_size',
-							width: 0.5,
-							format(value) {
-								return value ? bytes(value) : '';
-							},
-						},
-						{
-							label: '公共文件',
-							fieldname: 'public_size',
-							width: 0.5,
-							format(value) {
-								return value ? bytes(value) : '';
-							},
-						},
-						{
-							label: '私有文件',
-							fieldname: 'private_size',
-							width: 0.5,
-							format(value) {
-								return value ? bytes(value) : '';
-							},
-						},
-						{
-							label: '包含文件的备份',
-							fieldname: 'with_files',
-							type: 'Icon',
-							width: 0.5,
-							Icon(value) {
-								return value ? 'check' : '';
-							},
-						},
-						{
-							label: '异地备份',
-							fieldname: 'offsite',
-							width: 0.5,
-							type: 'Icon',
-							Icon(value) {
-								return value ? 'check' : '';
-							},
-						},
-					],
-					filterControls() {
-						return [
-							{
-								type: 'checkbox',
-								label: '异地备份',
-								fieldname: 'offsite',
-							},
-						];
-					},
-					rowActions({ row, documentResource: site }) {
-						if (row.status != 'Success') return;
-
-						function getFileName(file) {
-							if (file == 'database') return 'database';
-							if (file == 'public') return 'public files';
-							if (file == 'private') return 'private files';
-							if (file == 'config') return 'config file';
-						}
-
-						function confirmDownload(backup, file) {
-							confirmDialog({
-								title: '下载备份',
-								message: `您将下载站点 <b>${
-									site.pg?.host_name || site.pg?.name
-								}</b> 的 ${getFileName(file)} 备份，该备份创建于 ${date(backup.creation, 'llll')}。${
-									!backup.offsite
-										? '<br><br><div class="p-2 bg-gray-100 border-gray-200 rounded">您需要以 <b>系统管理员</b> 身份登录 <em>您的站点</em> 才能下载备份。<div>'
-										: ''
-								}`,
-								onSuccess() {
-									downloadBackup(backup, file);
-								},
-							});
-						}
-
-						async function downloadBackup(backup, file) {
-							// file: database, public, or private
-							if (backup.offsite) {
-								site.getBackupDownloadLink.submit(
-									{ backup: backup.name, file },
-									{
-										onSuccess(r) {
-											// TODO: fix this in documentResource, it should return message directly
-											if (r.message) {
-												window.open(r.message);
-											}
-										},
-									},
-								);
-							} else {
-								const url =
-									file == 'config'
-										? backup.config_file_url
-										: backup[file + '_url'];
-
-								const domainRegex = /^(https?:\/\/)?([^/]+)\/?/;
-								const newUrl = url.replace(
-									domainRegex,
-									`$1${site.pg.host_name}/`,
-								);
-								window.open(newUrl);
-							}
-						}
-
-						return [
-							{
-								group: '详情',
-								items: [
-									{
-										label: '查看任务',
-										onClick() {
-											router.push({
-												name: 'Site Job',
-												params: { name: site.name, id: row.job },
-											});
-										},
-									},
-								],
-							},
-							{
-								group: '下载',
-								items: [
-									{
-										label: '下载数据库',
-										onClick() {
-											return confirmDownload(row, 'database');
-										},
-									},
-									{
-										label: '下载公共文件',
-										onClick() {
-											return confirmDownload(row, 'public');
-										},
-										condition: () => row.public_url,
-									},
-									{
-										label: '下载私有文件',
-										onClick() {
-											return confirmDownload(row, 'private');
-										},
-										condition: () => row.private_url,
-									},
-									{
-										label: '下载配置文件',
-										onClick() {
-											return confirmDownload(row, 'config');
-										},
-										condition: () => row.config_file_url,
-									},
-								],
-							},
-							{
-								group: '恢复',
-								condition: () => row.offsite,
-								items: [
-									{
-										label: '恢复备份',
-										condition: () => site.pg.status !== 'Archived',
-										onClick() {
-											confirmDialog({
-												title: '恢复备份',
-												message: `您确定要将您的站点恢复到<b>${dayjs(
-													row.creation,
-												).format('lll')}</b>的异地备份吗？`,
-												onSuccess({ hide }) {
-													toast.promise(
-														site.restoreSiteFromFiles.submit({
-															files: {
-																database: row.remote_database_file,
-																public: row.remote_public_file,
-																private: row.remote_private_file,
-																config: row.remote_config_file,
-															},
-														}),
-														{
-															loading: '正在安排备份恢复...',
-															success: (jobId) => {
-																hide();
-																router.push({
-																	name: 'Site Job',
-																	params: {
-																		name: site.name,
-																		id: jobId,
-																	},
-																});
-																return '备份恢复已成功安排。';
-															},
-															error: (e) => getToastErrorMessage(e),
-														},
-													);
-												},
-											});
-										},
-									},
-									{
-										label: '在另一个站点上恢复备份',
-										onClick() {
-											let SelectSiteForRestore = defineAsyncComponent(
-												() =>
-													import('../components/site/SelectSiteForRestore.vue'),
-											);
-											renderDialog(
-												h(SelectSiteForRestore, {
-													site: site.name,
-													onRestore(siteName) {
-														const restoreSite = createResource({
-															url: 'jcloud.api.site.restore',
-														});
-
-														return toast.promise(
-															restoreSite.submit({
-																name: siteName,
-																files: {
-																	database: row.remote_database_file,
-																	public: row.remote_public_file,
-																	private: row.remote_private_file,
-																	config: row.remote_config_file,
-																},
-															}),
-															{
-																loading: '正在安排备份恢复...',
-																success: (jobId) => {
-																	router.push({
-																		name: 'Site Job',
-																		params: { name: siteName, id: jobId },
-																	});
-																	return '备份恢复已成功安排。';
-																},
-																error: (e) => getToastErrorMessage(e),
-															},
-														);
-													},
-												}),
-											);
-										},
-									},
-								],
-							},
-						].filter((d) => (d.condition ? d.condition() : true));
-					},
-					primaryAction({ listResource: backups, documentResource: site }) {
-						return {
-							label: '安排备份',
-							slots: {
-								prefix: icon('upload-cloud'),
-							},
-							loading: site.backup.loading,
-							onClick() {
-								confirmDialog({
-									title: '安排备份',
-									message:
-										'您确定要安排备份吗？这将创建一个本地备份。',
-									onSuccess({ hide }) {
-										toast.promise(
-											site.backup.submit({
-												with_files: true,
-											}),
-											{
-												loading: '正在安排备份...',
-												success: () => {
-													hide();
-													router.push({
-														name: 'Site Jobs',
-														params: { name: site.name },
-													});
-													return '备份已成功安排。';
-												},
-												error: (e) => getToastErrorMessage(e),
-											},
-										);
-									},
-								});
-							},
-						};
-					},
-				},
-			},
-			getJobsTab('Site'),
-			{
-				label: '操作',
-				icon: icon('sliders'),
-				route: 'actions',
-				type: 'Component',
-				condition: (site) => site.pg?.status !== 'Archived',
-				component: SiteActions,
-				props: (site) => {
-					return { site: site.pg?.name };
-				},
-			},
-			{
-				label: '更新',
-				icon: icon('arrow-up-circle'),
-				route: 'updates',
-				type: 'list',
-				condition: (site) => site.pg?.status !== 'Archived',
-				childrenRoutes: ['Site Update'],
-				list: {
-					pagetype: 'Site Update',
-					filters: (site) => {
-						return { site: site.pg?.name };
-					},
-					orderBy: 'creation',
-					fields: [
-						'difference',
-						'update_job.end as updated_on',
-						'update_job',
-						'backup_type',
-						'recover_job',
-					],
-					columns: [
-						{
-							label: '类型',
-							fieldname: 'deploy_type',
-							width: 0.3,
-							format(value) {
-								return getDeployTypeLabel(value);
-							}
-						},
-						{
-							label: '状态',
-							fieldname: 'status',
-							type: 'Badge',
-							width: 0.5,
-							format(value) {
-								return getStatusLabel(value);
-							}
-						},
-						// {
-						// 	label: '备份',
-						// 	width: 0.4,
-						// 	type: 'Component',
-						// 	component({ row }) {
-						// 		return h(
-						// 			'div',
-						// 			{
-						// 				class: 'truncate text-base',
-						// 			},
-						// 			row.skipped_backups
-						// 				? '跳过'
-						// 				: row.backup_type || '逻辑',
-						// 		);
-						// 	},
-						// },
-						{
-							label: '创建者',
-							fieldname: 'owner',
-						},
-						{
-							label: '计划时间',
-							fieldname: 'scheduled_time',
-							format(value) {
-								return date(value, 'lll');
-							},
-						},
-						{
-							label: '更新时间',
-							fieldname: 'updated_on',
-							format(value) {
-								return date(value, 'lll');
-							},
-						},
-					],
-					rowActions({ row, documentResource: site }) {
-						return [
-							{
-								label: '编辑',
-								condition: () => row.status === 'Scheduled',
-								onClick() {
-									let SiteUpdateDialog = defineAsyncComponent(
-										() => import('../components/SiteUpdateDialog.vue'),
-									);
-									renderDialog(
-										h(SiteUpdateDialog, {
-											site: site.pg?.name,
-											existingUpdate: row.name,
-										}),
-									);
-								},
-							},
-							{
-								label: '取消',
-								condition: () => row.status === 'Scheduled',
-								onClick() {
-									confirmDialog({
-										title: '取消更新',
-										message: `您确定要取消计划的更新吗？`,
-										onSuccess({ hide }) {
-											if (site.cancelUpdate.loading) return;
-											toast.promise(
-												site.cancelUpdate.submit({ site_update: row.name }),
-												{
-													loading: '正在取消更新...',
-													success: () => {
-														hide();
-														site.reload();
-														return '更新已取消';
-													},
-													error: (e) => getToastErrorMessage(e),
-												},
-											);
-										},
-									});
-								},
-							},
-							{
-								label: '查看任务',
-								condition: () => row.status !== 'Scheduled',
-								onClick() {
-									router.push({
-										name: 'Site Update',
-										params: { id: row.name },
-									});
-								},
-							},
-							{
-								label: '立即更新',
-								condition: () => row.status === 'Scheduled',
-								onClick() {
-									let siteUpdate = getDocResource({
-										pagetype: 'Site Update',
-										name: row.name,
-										whitelistedMethods: {
-											updateNow: 'start',
-										},
-									});
-
-									toast.promise(siteUpdate.updateNow.submit(), {
-										loading: '正在更新站点...',
-										success: () => {
-											router.push({
-												name: 'Site Update',
-												params: { id: row.name },
-											});
-
-											return '站点更新已启动';
-										},
-										error: '更新站点失败',
-									});
-								},
-							},
-							{
-								label: '查看应用更改',
-								onClick() {
-									createListResource({
-										pagetype: 'Deploy Candidate Difference App',
-										fields: [
-											'difference.github_diff_url as diff_url',
-											'difference.source_hash as source_hash',
-											'difference.destination_hash as destination_hash',
-											'app.title as app',
-										],
-										filters: {
-											parenttype: 'Deploy Candidate Difference',
-											parent: row.difference,
-										},
-										auto: true,
-										pageLength: 99,
-										onSuccess(data) {
-											if (data?.length) {
-												renderDialog(
-													h(
-														GenericDialog,
-														{
-															options: {
-																title: '应用更改',
-																size: '2xl',
-															},
-														},
-														{
-															default: () =>
-																h(ObjectList, {
-																	options: {
-																		data: () => data,
-																		columns: [
-																			{
-																				label: '应用',
-																				fieldname: 'app',
-																			},
-																			{
-																				label: '从',
-																				fieldname: 'source_hash',
-																				type: 'Button',
-																				Button({ row }) {
-																					return {
-																						label:
-																							row.source_tag ||
-																							row.source_hash.slice(0, 7),
-																						variant: 'ghost',
-																						class: 'font-mono',
-																						link: `${
-																							row.diff_url.split('/compare')[0]
-																						}/commit/${row.source_hash}`,
-																					};
-																				},
-																			},
-																			{
-																				label: '到',
-																				fieldname: 'destination_hash',
-																				type: 'Button',
-																				Button({ row }) {
-																					return {
-																						label:
-																							row.destination_tag ||
-																							row.destination_hash.slice(0, 7),
-																						variant: 'ghost',
-																						class: 'font-mono',
-																						link: `${
-																							row.diff_url.split('/compare')[0]
-																						}/commit/${row.destination_hash}`,
-																					};
-																				},
-																			},
-																			{
-																				label: '应用变更',
-																				fieldname: 'diff_url',
-																				align: 'right',
-																				type: 'Button',
-																				Button({ row }) {
-																					return {
-																						label: '查看',
-																						variant: 'ghost',
-																						slots: {
-																							prefix: icon('external-link'),
-																						},
-																						link: row.diff_url,
-																					};
-																				},
-																			},
-																		],
-																	},
-																}),
-														},
-													),
-												);
-											} else toast.error('未找到应用变更');
-										},
-									});
-								},
-							},
-						];
-					},
-					actions({ documentResource: site }) {
-						if (site.pg.group_public) return [];
-
-						return [
-							{
-								label: '配置',
-								slots: {
-									prefix: icon('settings'),
-								},
-								onClick() {
-									let ConfigureAutoUpdateDialog = defineAsyncComponent(
-										() =>
-											import(
-												'../components/site/ConfigureAutoUpdateDialog.vue'
-											),
-									);
-
-									renderDialog(
-										h(ConfigureAutoUpdateDialog, {
-											site: site.pg?.name,
-										}),
-									);
-								},
-							},
-						];
-					},
-				},
-			},
-
-		],
-		actions(context) {
-			let { documentResource: site } = context;
-			let $team = getTeam();
-			let runningJobs = getRunningJobs({ site: site.pg?.name });
-
-			return [
-				{
-					label: '进行中的任务',
-					slots: {
-						prefix: () => h(LoadingIndicator, { class: 'w-4 h-4' }),
-					},
-					condition() {
-						return (
-							runningJobs.filter((job) =>
-								['Pending', 'Running'].includes(job.status),
-							).length > 0
-						);
-					},
-					onClick() {
-						router.push({
-							name: 'Site Jobs',
-							params: { name: site.name },
-						});
-					},
-				},
-				{
-					label: '有可用更新',
-					variant: site.pg?.setup_wizard_complete ? 'solid' : 'subtle',
-					slots: {
-						prefix: icon('alert-circle'),
-					},
-					condition() {
-						return (
-							!site.pg?.has_scheduled_updates &&
-							site.pg.update_information?.update_available &&
-							['Active', 'Inactive', 'Suspended', 'Broken'].includes(
-								site.pg.status,
-							)
-						);
-					},
-
-					onClick() {
-						let SiteUpdateDialog = defineAsyncComponent(
-							() => import('../components/SiteUpdateDialog.vue'),
-						);
-						renderDialog(h(SiteUpdateDialog, { site: site.pg?.name }));
-					},
-				},
-				{
-					label: '已安排更新',
-					slots: {
-						prefix: icon('calendar'),
-					},
-					condition: () => site.pg?.has_scheduled_updates,
-					onClick() {
-						router.push({
-							name: 'Site Detail Updates',
-							params: { name: site.name },
-						});
-					},
-				},
-				{
-					label: '模拟站点所有者',
-					title: '模拟站点所有者', // for label to pop-up on hover
-					slots: {
-						icon: defineAsyncComponent(
-							() => import('~icons/lucide/venetian-mask'),
-						),
-					},
-					condition: () =>
-						$team.pg?.is_desk_user && site.pg.team !== $team.name,
-					onClick() {
-						switchToTeam(site.pg.team);
-					},
-				},
-				{
-					label: '访问站点',
-					slots: {
-						prefix: icon('external-link'),
-					},
-					condition: () =>
-						site.pg.status !== 'Archived' && site.pg?.setup_wizard_complete,
-					onClick() {
-						window.open(`https://${site.name}/app`, '_blank');
-					},
-				},
-				{
-					label: '设置站点',
-					slots: {
-						prefix: icon('external-link'),
-					},
-					variant: 'solid',
-					condition: () =>
-						site.pg.status === 'Active' && !site.pg?.setup_wizard_complete,
-					onClick() {
-						if (site.pg.additional_system_user_created) {
-							site.loginAsTeam
-								.submit({ reason: '' })
-								.then((url) => window.open(url, '_blank'));
-						} else {
-							site.loginAsAdmin
-								.submit({ reason: '' })
-								.then((url) => window.open(url, '_blank'));
-						}
-					},
-				},
-				{
-					label: '选项',
-					context,
-					options: [
-						{
-							label: '在 Desk 中查看',
-							icon: 'external-link',
-							condition: () => $team.pg?.is_desk_user,
-							onClick: () => {
-								window.open(
-									`${window.location.protocol}//${window.location.host}/app/site/${site.name}`,
-									'_blank',
-								);
-							},
-						},
-						{
-							label: '以管理员身份登录',
-							icon: 'external-link',
-							condition: () => ['Active', 'Broken'].includes(site.pg.status),
-							onClick: () => {
-								confirmDialog({
-									title: '以管理员身份登录',
-									message: `您确定要以管理员身份登录站点 <b>${site.pg?.name}</b> 吗？`,
-									fields:
-										$team.name !== site.pg.team
-											? [
-													{
-														label: '原因',
-														type: 'textarea',
-														fieldname: 'reason',
-													},
-												]
-											: [],
-									onSuccess: ({ hide, values }) => {
-										if (!values.reason && $team.name !== site.pg.team) {
-											throw new Error('原因必填');
-										}
-										return site.loginAsAdmin
-											.submit({ reason: values.reason })
-											.then((result) => {
-												let url = result;
-												window.open(url, '_blank');
-												hide();
-											});
-									},
-								});
-							},
-						},
-					],
-				},
-			];
-		},
-	},
-
-	routes: [
-		{
-			name: '站点更新',
-			path: 'updates/:id',
-			component: () => import('../pages/SiteUpdate.vue'),
-		},
-		{
-			name: 'Site Job',
-			path: 'jobs/:id',
-			component: () => import('../pages/JobPage.vue')
-		}
-	],
-};
\ No newline at end of file
diff --git a/dashboard_backup/src2/objects/tabs/site/logs.ts b/dashboard_backup/src2/objects/tabs/site/logs.ts
deleted file mode 100644
index 83ab4ab..0000000
--- a/dashboard_backup/src2/objects/tabs/site/logs.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { icon } from '../../../utils/components';
-import { date } from '../../../utils/format';
-import { Tab } from '../../common/types';
-
-export function getLogsTab(forSite: boolean) {
-	const childRoute = forSite ? '站点日志' : '工作台日志';
-	const url = forSite ? 'jcloud.api.site.logs' : 'jcloud.api.bench.logs';
-
-	return {
-		label: '日志',
-		icon: icon('file-text'),
-		route: 'logs',
-		childrenRoutes: [childRoute],
-		type: 'list',
-		list: {
-			resource({ documentResource: res }) {
-				return {
-					makeParams: () => {
-						if (res.pagetype === 'Site') {
-							return { name: res.pg.name };
-						} else {
-							return { name: res.pg.group, bench: res.name };
-						}
-					},
-					url,
-					auto: true,
-					cache: ['ObjectList', url, res.name]
-				};
-			},
-			route(row) {
-				return {
-					name: childRoute,
-					params: { logName: row.name }
-				};
-			},
-			columns: [
-				{
-					label: '名称',
-					fieldname: 'name'
-				},
-				{
-					label: '大小',
-					fieldname: 'size',
-					class: 'text-gray-600',
-					format(value) {
-						return `${value} kB`;
-					}
-				},
-				{
-					label: '修改时间',
-					fieldname: 'modified',
-					format(value) {
-						return value ? date(value, 'lll') : '';
-					}
-				}
-			]
-		}
-	} satisfies Tab as Tab;
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Billing.vue b/dashboard_backup/src2/pages/Billing.vue
deleted file mode 100644
index 00dcddc..0000000
--- a/dashboard_backup/src2/pages/Billing.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-	<div class="sticky top-0 z-10 shrink-0">
-		<Header>
-			<FBreadcrumbs
-				:items="[{ label: '账单', route: { name: 'Billing' } }]"
-			/>
-		</Header>
-		<TabsWithRouter
-			v-if="$team?.pg?.is_desk_user || $session.hasBillingAccess"
-			:tabs="filteredTabs"
-		/>
-		<div
-			v-else
-			class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
-		>
-			<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
-			<ErrorMessage message="您无权查看账单页面" />
-		</div>
-	</div>
-</template>
-<script>
-import { Tabs, Breadcrumbs } from 'jingrow-ui';
-import Header from '../components/Header.vue';
-import TabsWithRouter from '../components/TabsWithRouter.vue';
-
-export default {
-	name: 'Billing',
-	components: {
-		Header,
-		FBreadcrumbs: Breadcrumbs,
-		FTabs: Tabs,
-		TabsWithRouter,
-	},
-	data() {
-		return {
-			currentTab: 0,
-			tabs: [
-				{ label: '概览', route: { name: 'BillingOverview' } },
-				{ label: '订单记录', route: { name: 'BillingOrders' } },
-				{ label: '余额明细', route: { name: 'BillingBalances' } },
-				{
-					label: '开发者收益',
-					route: { name: 'BillingMarketplacePayouts' },
-					requireDeveloper: true,
-					requirePro: true
-				},
-			],
-		};
-	},
-	computed: {
-		filteredTabs() {
-			return this.tabs.filter(tab => {
-				// 如果需要开发者权限但用户不是开发者，则隐藏
-				if (tab.requireDeveloper && !this.$team.pg.is_developer) {
-					return false;
-				}
-				
-				// 如果需要专业版权限但用户不是专业版用户，则隐藏
-				if (tab.requirePro && !this.$team.pg.is_pro) {
-					return false;
-				}
-				
-				return true;
-			});
-		}
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingBalances.vue b/dashboard_backup/src2/pages/BillingBalances.vue
deleted file mode 100644
index f321d68..0000000
--- a/dashboard_backup/src2/pages/BillingBalances.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="options">
-			<template #header-right>
-				<Button
-					icon="download"
-					appearance="primary"
-					@click="exportToCsv"
-					:loading="exporting"
-				>
-					导出
-				</Button>
-			</template>
-		</ObjectList>
-	</div>
-</template>
-<script>
-import ObjectList from '../components/ObjectList.vue';
-import { Button, createResource } from 'jingrow-ui';
-import { unparse } from 'papaparse';
-
-export default {
-	name: 'BillingBalances',
-	props: ['tab'],
-	components: {
-		ObjectList,
-		Button
-	},
-	data() {
-		return {
-			exporting: false
-		};
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Balance Transaction',
-				fields: ['type', 'source', 'invoice', 'description'],
-				columns: [
-					{
-						label: '时间',
-						fieldname: 'creation',
-						format(value) {
-							return new Date(value).toLocaleString('zh-CN', {
-								year: 'numeric',
-								month: '2-digit',
-								day: '2-digit',
-								hour: '2-digit',
-								minute: '2-digit',
-								second: '2-digit'
-							}).replace(/\//g, '-');
-						}
-					},
-					{
-						label: '描述',
-						fieldname: 'description',
-						format(value, row) {
-							if (value !== null && value !== undefined) {
-								return value;
-							}
-							
-							if (row.type === 'Applied To Invoice' && row.invoice) {
-								return `冲抵发票 ${row.invoice}`;
-							}
-
-							if (row.source === 'Prepaid Credits') {
-								return '余额充值';
-							}
-
-							if (row.source === 'Free Credits') {
-								return '赠送余额';
-							}
-
-							return row.amount < 0 ? row.type : row.source;
-						}
-					},
-					{
-						label: '金额',
-						fieldname: 'amount',
-						align: 'right',
-						format: this.formatCurrency
-					},
-					{
-						label: '余额',
-						fieldname: 'ending_balance',
-						align: 'right',
-						format: this.formatCurrency
-					}
-				],
-				filters: {
-					pagestatus: 1,
-					team: this.$team.name
-				},
-				orderBy: 'creation desc'
-			};
-		}
-	},
-	created() {
-		// 创建导出资源
-		this.exportResource = createResource({
-			url: 'jcloud.api.billing.get_balance_transactions',
-			onSuccess: this.handleExportSuccess,
-			onError: this.handleExportError
-		});
-	},
-	methods: {
-		formatCurrency(value) {
-			if (value === 0) {
-				return '';
-			}
-			return this.$format.userCurrency(value);
-		},
-		formatDate(dateString) {
-			return new Date(dateString).toLocaleString('zh-CN', {
-				year: 'numeric',
-				month: '2-digit',
-				day: '2-digit',
-				hour: '2-digit',
-				minute: '2-digit',
-				second: '2-digit'
-			}).replace(/\//g, '-');
-		},
-		exportToCsv() {
-			this.exporting = true;
-			this.exportResource.submit({
-				page: 1,
-				page_size: 1000
-			});
-		},
-		handleExportSuccess(response) {
-			const transactions = response.transactions || [];
-			
-			// 定义CSV字段
-			const fields = [
-				'时间',
-				'描述',
-				'金额',
-				'余额'
-			];
-			
-			// 准备数据
-			const csvData = transactions.map(row => {
-				// 优先使用原始描述，如果存在的话
-				let description = row.description;
-				
-				// 如果描述不存在，则使用备用逻辑
-				if (!description) {
-					if (row.type === 'Applied To Invoice' && row.invoice) {
-						description = `冲抵发票 ${row.invoice}`;
-					} else if (row.source === 'Prepaid Credits') {
-						description = '余额充值';
-					} else if (row.source === 'Free Credits') {
-						description = '赠送余额';
-					} else {
-						description = row.amount < 0 ? row.type : row.source;
-					}
-				}
-				
-				return [
-					this.formatDate(row.creation),
-					description,
-					row.amount,
-					row.ending_balance
-				];
-			});
-			
-			// 添加表头
-			csvData.unshift(fields);
-			
-			// 生成CSV
-			let csv = unparse(csvData);
-			
-			// 添加BOM以支持中文
-			csv = '\uFEFF' + csv;
-			
-			// 触发下载
-			const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
-			const today = new Date().toISOString().split('T')[0];
-			const filename = `余额记录-${today}.csv`;
-			const link = document.createElement('a');
-			link.href = URL.createObjectURL(blob);
-			link.download = filename;
-			link.click();
-			URL.revokeObjectURL(link.href);
-			
-			this.exporting = false;
-		},
-		handleExportError(error) {
-			console.error('导出数据失败:', error);
-			this.exporting = false;
-		}
-	}
-};
-</script>
-<style scoped>
-/* 添加悬浮效果 */
-.flex-col:hover {
-    background-color: #f0f0f0; /* 可按需调整颜色 */
-}
-
-/* 允许内容复制 */
-.flex-col * {
-    user-select: text;
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingInvoices.vue b/dashboard_backup/src2/pages/BillingInvoices.vue
deleted file mode 100644
index 4738b4c..0000000
--- a/dashboard_backup/src2/pages/BillingInvoices.vue
+++ /dev/null
@@ -1,249 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="options" />
-		<Dialog
-			v-model="invoiceDialog"
-			:options="{ size: '3xl', title: showInvoice?.name }"
-		>
-			<template #body-content>
-				<template v-if="showInvoice">
-					<div
-						v-if="showInvoice.status === 'Empty'"
-						class="text-base text-gray-600"
-					>
-						无内容显示
-					</div>
-					<InvoiceTable v-else :invoiceId="showInvoice.name" />
-				</template>
-			</template>
-		</Dialog>
-		<AddPrepaidCreditsDialog
-			v-if="showBuyPrepaidCreditsDialog"
-			v-model="showBuyPrepaidCreditsDialog"
-			:minimumAmount="minimumAmount"
-			@success="
-				() => {
-					showBuyPrepaidCreditsDialog = false;
-				}
-			"
-		/>
-	</div>
-</template>
-<script>
-import { h } from 'vue';
-import { Button } from 'jingrow-ui';
-import ObjectList from '../components/ObjectList.vue';
-import InvoiceTable from '../components/InvoiceTable.vue';
-import { userCurrency, date } from '../utils/format';
-import { confirmDialog, icon, renderInDialog } from '../utils/components';
-import AddPrepaidCreditsDialog from '../components/billing/AddPrepaidCreditsDialog.vue';
-import { dayjsLocal } from '../utils/dayjs';
-import router from '../router';
-
-export default {
-	name: 'BillingInvoices',
-	props: ['tab'],
-	components: {
-		ObjectList,
-		InvoiceTable,
-		AddPrepaidCreditsDialog,
-	},
-	data() {
-		return {
-			invoiceDialog: false,
-			showInvoice: null,
-			showBuyPrepaidCreditsDialog: false,
-			minimumAmount: 0,
-		};
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Invoice',
-				fields: [
-					'type',
-					'invoice_pdf',
-					'payment_mode',
-					'stripe_invoice_url',
-					'due_date',
-					'period_start',
-					'period_end',
-					'mpesa_invoice',
-					'mpesa_invoice_pdf',
-				],
-				filterControls: () => {
-					return [
-						{
-							type: 'select',
-							label: '类型',
-							class: !this.$isMobile ? 'w-36' : '',
-							fieldname: 'type',
-							options: [
-								{ label: '', value: '' },
-								{ label: '订阅', value: 'Subscription' },
-								{ label: '余额支付', value: 'Prepaid Credits' },
-							],
-						},
-						{
-							type: 'select',
-							label: '状态',
-							class: !this.$isMobile ? 'w-36' : '',
-							fieldname: 'status',
-							options: [
-								{ label: '', value: '' },
-								{ label: '待开具', value: 'Draft' },
-								{ label: '已创建', value: 'Invoice Created' },
-								{ label: '未支付', value: 'Unpaid' },
-								{ label: '已支付', value: 'Paid' },
-								{ label: '已退款', value: 'Refunded' },
-								{ label: '无法收款', value: 'Uncollectible' },
-								{ label: '已收款', value: 'Collected' },
-								{ label: '空白', value: 'Empty' },
-							],
-						},
-					];
-				},
-				columns: [
-					{
-						label: '发票',
-						fieldname: 'name',
-						class: 'font-medium',
-						format(value, row) {
-							if (row.type == 'Subscription') {
-								let end = dayjsLocal(row.period_end);
-                                // 修改为 YYYY-MM 格式
-                                return end.format('YYYY-MM'); 
-                            } else if (row.type == 'Partnership Fees') {
-                                return 'Partnership Fees';
-                            }
-                            return 'Prepaid Credits';
-						},
-						width: 0.8,
-					},
-					{
-						label: '状态',
-						fieldname: 'status',
-						type: 'Badge',
-						width: '150px',
-					},
-					{
-						label: '日期',
-						fieldname: 'due_date',
-						format(value, row) {
-							if (row.type == 'Subscription') {
-								let start = dayjsLocal(row.period_start);
-								let end = dayjsLocal(row.period_end);
-                                // 确保格式为 YYYY-MM-DD
-                                return `${start.format('YYYY-MM-DD')} - ${end.format('YYYY-MM-DD')}`; 
-                            }
-                            // 确保格式为 YYYY-MM-DD
-                            return dayjsLocal(value).format('YYYY-MM-DD'); 
-						},
-					},
-					{
-						label: '总计',
-						fieldname: 'total',
-						format: this.formatCurrency,
-						align: 'right',
-						width: 0.6,
-					},
-					{
-						label: '已支付金额',
-						fieldname: 'amount_paid',
-						format: this.formatCurrency,
-						align: 'right',
-						width: 0.6,
-					},
-					{
-						label: '应付金额',
-						fieldname: 'amount_due',
-						format: this.formatCurrency,
-						align: 'right',
-						width: 0.6,
-					},
-					{
-						label: '',
-						type: 'Button',
-						align: 'right',
-						Button: ({ row }) => {
-							if (row.invoice_pdf || row.mpesa_invoice_pdf) {
-								return {
-									label: '下载发票',
-									slots: {
-										prefix: icon('download'),
-									},
-									onClick: () => {
-										if (row.mpesa_invoice_pdf) {
-											window.open(row.mpesa_invoice_pdf);
-										} else {
-											window.open(row.invoice_pdf);
-										}
-									},
-								};
-							}
-							if (row.status === 'Unpaid' && row.amount_due > 0) {
-								return {
-									label: '立即支付',
-									slots: {
-										prefix: icon('external-link'),
-									},
-									onClick: (e) => {
-										e.stopPropagation();
-										if (row.stripe_invoice_url && row.payment_mode == 'Card') {
-											window.open(
-												`/api/action/jcloud.api.client.run_pg_method?dt=Invoice&dn=${row.name}&method=stripe_payment_url`,
-											);
-										} else {
-											this.showBuyPrepaidCreditsDialog = true;
-											this.minimumAmount = row.amount_due;
-										}
-									},
-								};
-							}
-						},
-						prefix(row) {
-							if (row.stripe_payment_failed && row.status !== 'Paid') {
-								return h(Button, {
-									variant: 'ghost',
-									theme: 'red',
-									icon: 'alert-circle',
-									onClick(e) {
-										e.stopPropagation();
-										confirmDialog({
-											title: '支付失败',
-											message: `<div class="space-y-4"><p class="text-base">您使用尾号为 <strong>${row.stripe_payment_failed_card}</strong> 的卡支付此发票失败，原因如下：</p><div class="text-sm font-mono text-gray-600 rounded p-2 bg-gray-100">${row.stripe_payment_error}</div><p class="text-base">请更改您的支付方式以支付此发票。</p></div>`,
-											primaryAction: {
-												label: '更改支付方式',
-												variant: 'solid',
-												onClick: ({ hide }) => {
-													hide();
-													router.push({
-														name: 'BillingPaymentMethods',
-													});
-												},
-											},
-										});
-									},
-								});
-							}
-						},
-					},
-				],
-				orderBy: 'due_date desc, creation desc',
-				onRowClick: (row) => {
-					this.showInvoice = row;
-					this.invoiceDialog = true;
-				},
-			};
-		},
-	},
-	methods: {
-		formatCurrency(value) {
-			if (value === 0) {
-				return '';
-			}
-			return userCurrency(value);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingMarketplacePayouts.vue b/dashboard_backup/src2/pages/BillingMarketplacePayouts.vue
deleted file mode 100644
index 43b6e82..0000000
--- a/dashboard_backup/src2/pages/BillingMarketplacePayouts.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="options" />
-		<Dialog
-			v-model="payoutDialog"
-			:options="{ size: '6xl', title: showPayout?.name }"
-		>
-			<template #body-content>
-				<template v-if="showPayout">
-					<div
-						v-if="showPayout.status === 'Empty'"
-						class="text-base text-gray-600"
-					>
-						无内容显示
-					</div>
-					<PayoutTable v-else :payoutId="showPayout.name" />
-				</template>
-			</template>
-		</Dialog>
-	</div>
-</template>
-<script>
-import ObjectList from '../components/ObjectList.vue';
-import PayoutTable from '../components/PayoutTable.vue';
-
-export default {
-	name: 'BillingMarketplacePayouts',
-	props: ['tab'],
-	data() {
-		return {
-			payoutDialog: false,
-			showPayout: null
-		};
-	},
-	components: {
-		ObjectList,
-		PayoutTable
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Payout Order',
-				fields: [
-					'period_end',
-					'mode_of_payment',
-					'status',
-					'net_total_cny',
-					'net_total_usd'
-				],
-				filterControls: () => {
-					return [
-						{
-							type: 'select',
-							label: '状态',
-							class: !this.$isMobile ? 'w-36' : '',
-							fieldname: 'status',
-							options: [
-								{ label: '', value: '' },
-								{ label: '待结算', value: 'Draft' },
-								{ label: '已付款', value: 'Paid' },
-								{ label: '已结算', value: 'Commissioned' }
-							]
-						}
-					];
-				},
-				orderBy: 'creation desc',
-				columns: [
-					{
-						label: '日期',
-						fieldname: 'period_end',
-						format(value) {
-							return Intl.DateTimeFormat('en-US', {
-								year: 'numeric',
-								month: 'short',
-								day: 'numeric'
-							}).format(new Date(value));
-						}
-					},
-					{ label: '支付方式', fieldname: 'mode_of_payment' },
-					{ label: '状态', fieldname: 'status', type: 'Badge' },
-					{
-						label: '总计',
-						fieldname: 'net_total_cny',
-						align: 'right',
-						format: (_, row) => {
-							let total = 0;
-							if (this.$team.pg.currency === 'CNY') {
-								total = row.net_total_cny + row.net_total_usd * 82;
-							} else {
-								total = row.net_total_cny / 82 + row.net_total_usd;
-							}
-
-							return this.$format.userCurrency(total);
-						}
-					}
-				],
-				onRowClick: row => {
-					this.showPayout = row;
-					this.payoutDialog = true;
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingMpesaInvoices.vue b/dashboard_backup/src2/pages/BillingMpesaInvoices.vue
deleted file mode 100644
index e1ef988..0000000
--- a/dashboard_backup/src2/pages/BillingMpesaInvoices.vue
+++ /dev/null
@@ -1,119 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="options" />
-	</div>
-</template>
-
-<script>
-import { jingrowRequest } from 'jingrow-ui';
-import ObjectList from '../components/ObjectList.vue';
-import { icon } from '../utils/components';
-
-export default {
-	name: 'BillingMpesaInvoices',
-	data() {
-		return {
-			invoices: [],
-			loading: false,
-			errorMessage: null,
-		};
-	},
-	components: {
-		ObjectList,
-	},
-	methods: {
-		async fetchInvoices() {
-			this.loading = true;
-			try {
-				const response = await jingrowRequest({
-					url: '/api/action/jcloud.api.regional_payments.mpesa.utils.display_invoices_by_partner',
-					method: 'GET',
-				});
-				this.invoices = response;
-			} catch (error) {
-				this.errorMessage = `加载发票失败。${error}`;
-			} finally {
-				this.loading = false;
-			}
-		},
-		formatCurrency(value) {
-			return new Intl.NumberFormat('en-US', {
-				style: 'currency',
-				currency: 'Ksh',
-			}).format(value);
-		},
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Mpesa Payment Record',
-				fields: [
-					'name',
-					'posting_date',
-					'amount',
-					'local_invoice',
-					'payment_partner',
-					'amount_usd',
-					'exchange_rate',
-				],
-				columns: [
-					{
-						label: '发票名称',
-						fieldname: 'name',
-						width: 1,
-					},
-					{
-						label: '日期',
-						fieldname: 'posting_date',
-						width: 0.7,
-					},
-					{
-						label: '金额',
-						fieldname: 'amount',
-						align: 'center',
-						width: 0.6,
-					},
-					{
-						label: '金额 (美元)',
-						fieldname: 'amount_usd',
-						align: 'center',
-						width: 0.6,
-					},
-					{
-						label: '汇率',
-						fieldname: 'exchange_rate',
-						align: 'center',
-						width: 0.6,
-					},
-					{
-						label: '支付合作伙伴',
-						fieldname: 'payment_partner',
-					},
-					{
-						label: '',
-						type: 'Button',
-						align: 'right',
-						Button: ({ row }) => {
-							if (row.local_invoice) {
-								return {
-									label: '下载发票',
-									slots: {
-										prefix: icon('download'),
-									},
-									onClick: () => {
-										window.open(row.local_invoice);
-									},
-								};
-							}
-						},
-					},
-				],
-				orderBy: 'posting_date desc',
-			};
-		},
-	},
-	mounted() {
-		this.fetchInvoices();
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingOrders.vue b/dashboard_backup/src2/pages/BillingOrders.vue
deleted file mode 100644
index 344008f..0000000
--- a/dashboard_backup/src2/pages/BillingOrders.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-<template>
-  <div class="p-4">
-    <div class="mb-4 flex justify-between">
-      <div>
-        <FInput
-          v-model="filters.search"
-          placeholder="搜索订单..."
-          type="text"
-          class="w-60"
-          @input="debouncedSearch"
-        >
-          <template #prefix>
-            <i-lucide-search class="h-4 w-4 text-gray-500" />
-          </template>
-        </FInput>
-      </div>
-      <div class="flex items-center space-x-2">
-        <Button
-          icon="download"
-          appearance="primary"
-          @click="exportToCsv"
-        >
-          导出
-        </Button>
-        <Button
-          icon="refresh-cw"
-          appearance="minimal"
-          @click="resetAndFetch"
-        />
-      </div>
-    </div>
-
-    <Card class="overflow-hidden !rounded-none !border-0">
-      <template v-if="orders.length === 0">
-        <div class="flex h-60 flex-col items-center justify-center space-y-2 p-4 text-center">
-          <i-lucide-file-text class="h-8 w-8 text-gray-400" />
-          <p class="text-base font-medium">无订单记录</p>
-          <p class="text-sm text-gray-600">暂无订单记录可以显示</p>
-        </div>
-      </template>
-
-      <template v-else>
-        <div class="overflow-x-auto">
-          <table class="w-full">
-            <thead>
-              <tr class="border-b text-left text-sm font-medium text-gray-600">
-                <th 
-                  v-for="column in columns" 
-                  :key="column.key" 
-                  class="whitespace-nowrap px-4 py-3"
-                  :class="column.class"
-                >
-                  {{ column.label }}
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr 
-                v-for="order in orders" 
-                :key="order.name || order.order_id"
-                class="border-b text-sm hover:bg-gray-50"
-              >
-                <td class="px-4 py-3">{{ formatDate(order.creation) }}</td>
-                <td class="px-4 py-3">{{ order.title || '-' }}</td>
-                <td class="px-4 py-3">{{ order.order_id || '-' }}</td>
-                <td class="px-4 py-3">{{ order.trade_no || '-' }}</td>
-                <td class="px-4 py-3">{{ order.order_type || '-' }}</td>
-                <td class="px-4 py-3">{{ order.payment_method || '-' }}</td>
-                <td class="px-4 py-3">{{ order.description || '-' }}</td>
-                <td class="px-4 py-3 text-right">{{ formatCurrency(order.total) }}</td>
-                <td class="px-4 py-3">
-                  <StatusIndicator :status="getStatusProps(order.status)" />
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-
-        <div class="flex items-center justify-between p-4">
-          <div class="text-sm text-gray-600">
-            显示 {{ orders.length }} 条订单，共 {{ totalCount }} 条
-          </div>
-          <Button
-            v-if="hasMoreToLoad"
-            @click="loadMore"
-            :loading="loadingMore"
-            appearance="primary"
-          >
-            加载更多
-          </Button>
-        </div>
-      </template>
-    </Card>
-  </div>
-</template>
-
-<script>
-import { ref, reactive, computed, onMounted } from 'vue';
-import { Button, Card, Input as FInput, createResource } from 'jingrow-ui';
-import StatusIndicator from '../components/StatusIndicator.vue';
-import { unparse } from 'papaparse';
-
-export default {
-  name: 'BillingOrders',
-  components: {
-    Button,
-    Card,
-    FInput,
-    StatusIndicator,
-  },
-  setup() {
-    const pageSize = 20;
-    const orders = ref([]);
-    const totalCount = ref(0);
-    const currentPage = ref(1);
-    const initialLoading = ref(true);
-    const loadingMore = ref(false);
-    
-    const filters = reactive({
-      search: ''
-    });
-    
-    // 定义表格列
-    const columns = [
-      { key: 'creation', label: '时间', class: '' },
-      { key: 'title', label: '标题', class: '' },
-      { key: 'order_id', label: '订单号', class: '' },
-      { key: 'trade_no', label: '交易号', class: '' },
-      { key: 'order_type', label: '订单类型', class: '' },
-      { key: 'payment_method', label: '支付方式', class: '' },
-      { key: 'description', label: '描述', class: '' },
-      { key: 'total', label: '金额', class: 'text-right' },
-      { key: 'status', label: '状态', class: '' }
-    ];
-    
-    // 计算是否还有更多数据可加载
-    const hasMoreToLoad = computed(() => {
-      return orders.value.length < totalCount.value;
-    });
-    
-    // 创建获取订单的资源
-    const ordersResource = createResource({
-      url: 'jcloud.api.billing.get_orders',
-      transform(response) {
-        return {
-          orders: response.orders || [],
-          total: response.total || 0
-        };
-      },
-      onSuccess(data) {
-        // 更新总数
-        totalCount.value = data.total;
-        
-        if (currentPage.value === 1) {
-          // 第一页数据，替换现有数据
-          orders.value = data.orders;
-        } else {
-          // 非第一页，追加数据
-          orders.value = [...orders.value, ...data.orders];
-        }
-        
-        // 更新加载状态
-        initialLoading.value = false;
-        loadingMore.value = false;
-      },
-      onError(error) {
-        initialLoading.value = false;
-        loadingMore.value = false;
-      }
-    });
-    
-    // 导出资源
-    const exportResource = createResource({
-      url: 'jcloud.api.billing.get_orders',
-      onSuccess(response) {
-        const orders = response.orders || [];
-        
-        // 定义CSV字段
-        const fields = [
-          '标题',
-          '订单ID',
-          '交易号',
-          '订单类型',
-          '支付方式',
-          '描述',
-          '金额',
-          '状态',
-          '创建时间'
-        ];
-        
-        // 准备数据
-        const csvData = orders.map(order => [
-          order.title || '',
-          order.order_id || '',
-          order.trade_no || '',
-          order.order_type || '',
-          order.payment_method || '',
-          order.description || '',
-          order.total || 0,
-          order.status || '',
-          order.creation || ''
-        ]);
-        
-        // 添加表头
-        csvData.unshift(fields);
-        
-        // 生成CSV
-        let csv = unparse(csvData);
-        
-        // 添加BOM以支持中文
-        csv = '\uFEFF' + csv;
-        
-        // 触发下载
-        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
-        const today = new Date().toISOString().split('T')[0];
-        const filename = `订单记录-${today}.csv`;
-        const link = document.createElement('a');
-        link.href = URL.createObjectURL(blob);
-        link.download = filename;
-        link.click();
-        URL.revokeObjectURL(link.href);
-      },
-      onError(error) {
-        // 导出失败处理
-      }
-    });
-    
-    // 方法：加载初始数据
-    function fetchOrders() {
-      if (currentPage.value === 1) {
-        initialLoading.value = true;
-      } else {
-        loadingMore.value = true;
-      }
-      
-      ordersResource.submit({
-        page: currentPage.value,
-        page_size: pageSize,
-        search: filters.search,
-      });
-    }
-    
-    // 方法：重置并获取第一页数据
-    function resetAndFetch() {
-      currentPage.value = 1;
-      fetchOrders();
-    }
-    
-    // 方法：加载更多数据
-    function loadMore() {
-      if (loadingMore.value) return;
-      
-      currentPage.value += 1;
-      loadingMore.value = true;
-      fetchOrders();
-    }
-    
-    // 搜索防抖
-    let searchTimeout;
-    function debouncedSearch() {
-      clearTimeout(searchTimeout);
-      searchTimeout = setTimeout(() => {
-        resetAndFetch();
-      }, 300);
-    }
-    
-    // 导出为CSV
-    function exportToCsv() {
-      exportResource.submit({
-        page: 1,
-        page_size: 1000, // 设置较大的值获取更多数据用于导出
-        search: filters.search,
-      });
-    }
-    
-    // 格式化金额
-    function formatCurrency(amount) {
-      if (amount === undefined || amount === null) return '-';
-      return new Intl.NumberFormat('zh-CN', {
-        style: 'currency',
-        currency: 'CNY',
-      }).format(amount);
-    }
-    
-    // 格式化日期
-    function formatDate(dateString) {
-      if (!dateString) return '-';
-      
-      const date = new Date(dateString);
-      if (isNaN(date.getTime())) return '-';
-      
-      // 格式化为 YYYY-MM-DD HH:MM 格式
-      const year = date.getFullYear();
-      const month = String(date.getMonth() + 1).padStart(2, '0');
-      const day = String(date.getDate()).padStart(2, '0');
-      const hours = String(date.getHours()).padStart(2, '0');
-      const minutes = String(date.getMinutes()).padStart(2, '0');
-      
-      return `${year}-${month}-${day} ${hours}:${minutes}`;
-    }
-    
-    // 获取状态样式
-    function getStatusProps(status) {
-      const statusMap = {
-        '待支付': { label: '待支付', color: 'orange' },
-        '已支付': { label: '已支付', color: 'green' },
-        '交易成功': { label: '交易成功', color: 'green' },
-        '已取消': { label: '已取消', color: 'red' },
-        '已退款': { label: '已退款', color: 'red' },
-      };
-      
-      return statusMap[status] || { label: status, color: 'blue' };
-    }
-    
-    // 生命周期钩子
-    onMounted(() => {
-      fetchOrders();
-    });
-    
-    return {
-      columns,
-      orders,
-      totalCount,
-      currentPage,
-      initialLoading,
-      loadingMore,
-      hasMoreToLoad,
-      filters,
-      fetchOrders,
-      resetAndFetch,
-      loadMore,
-      debouncedSearch,
-      exportToCsv,
-      formatCurrency,
-      formatDate,
-      getStatusProps
-    };
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingOverview.vue b/dashboard_backup/src2/pages/BillingOverview.vue
deleted file mode 100644
index 8d0f431..0000000
--- a/dashboard_backup/src2/pages/BillingOverview.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-	<div
-		v-if="team.pg"
-		class="flex flex-1 flex-col gap-8 overflow-y-auto px-60 pt-6"
-	>
-		<PaymentDetails />
-	</div>
-	<div v-else class="mt-12 flex flex-1 items-center justify-center">
-		<Spinner class="h-8" />
-	</div>
-</template>
-
-<script setup>
-import PaymentDetails from '../components/billing/PaymentDetails.vue';
-import { Spinner, createResource } from 'jingrow-ui';
-import { computed, provide, inject } from 'vue';
-
-const team = inject('team');
-
-const upcomingInvoice = createResource({
-	url: 'jcloud.api.billing.upcoming_invoice',
-	cache: 'upcomingInvoice',
-	auto: true
-});
-
-const unpaidInvoices = createResource({
-	url: 'jcloud.api.billing.get_unpaid_invoices',
-	cache: ['unpaidInvoices', team.name],
-	auto: true
-});
-
-provide('billing', {
-	upcomingInvoice,
-	availableCredits: computed(() => upcomingInvoice.data?.available_credits),
-	currentBillingAmount: computed(
-		() => upcomingInvoice.data?.upcoming_invoice?.total
-	),
-	unpaidInvoices
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/BillingPaymentMethods.vue b/dashboard_backup/src2/pages/BillingPaymentMethods.vue
deleted file mode 100644
index bc23e24..0000000
--- a/dashboard_backup/src2/pages/BillingPaymentMethods.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-<template>
-	<div class="p-5">
-		<ObjectList :options="options" />
-	</div>
-</template>
-<script>
-import { defineAsyncComponent, h } from 'vue';
-import ObjectList from '../components/ObjectList.vue';
-import { Badge, FeatherIcon, Tooltip } from 'jingrow-ui';
-import { toast } from 'vue-sonner';
-import { confirmDialog, renderDialog, icon } from '../utils/components';
-
-export default {
-	name: 'BillingPaymentMethods',
-	props: ['tab'],
-	components: {
-		ObjectList
-	},
-	computed: {
-		options() {
-			return {
-				pagetype: 'Stripe Payment Method',
-				fields: [
-					'name',
-					'is_default',
-					'expiry_month',
-					'expiry_year',
-					'brand',
-					'stripe_mandate_id'
-				],
-				emptyStateMessage: '未添加任何卡片',
-				columns: [
-					{
-						label: '卡片姓名',
-						fieldname: 'name_on_card'
-					},
-					{
-						label: '卡片',
-						fieldname: 'last_4',
-						width: 1.5,
-						format(value) {
-							return `•••• ${value}`;
-						},
-						prefix: row => {
-							return this.cardBrandIcon(row.brand);
-						},
-						suffix(row) {
-							if (row.is_default) {
-								return h(
-									Badge,
-									{
-										theme: 'green'
-									},
-									() => '默认'
-								);
-							}
-						}
-					},
-					{
-						label: '有效期',
-						width: 0.5,
-						format(value, row) {
-							return `${row.expiry_month}/${row.expiry_year}`;
-						}
-					},
-					{
-						label: '授权',
-						type: 'Component',
-						width: 1,
-						align: 'center',
-						component({ row }) {
-							if (row.stripe_mandate_id) {
-								return h(FeatherIcon, {
-									name: 'check-circle',
-									class: 'h-4 w-4 text-green-600'
-								});
-							}
-						}
-					},
-					{
-						label: '',
-						type: 'Component',
-						align: 'right',
-						component({ row }) {
-							if (row.is_default && row.stripe_payment_method) {
-								return h(
-									Tooltip,
-									{
-										text: '此卡上次支付失败。请使用其他卡片。'
-									},
-									() =>
-										h(FeatherIcon, {
-											name: 'alert-circle',
-											class: 'h-4 w-4 text-red-600'
-										})
-								);
-							}
-						}
-					},
-					{
-						label: '',
-						fieldname: 'creation',
-						type: 'Timestamp',
-						align: 'right'
-					}
-				],
-				rowActions: ({ listResource, row }) => {
-					return [
-						{
-							label: '设为默认',
-							onClick: () => {
-								toast.promise(
-									listResource.runDocMethod.submit({
-										method: 'set_default',
-										name: row.name
-									}),
-									{
-										loading: '正在设为默认...',
-										success: '默认卡片已设置',
-										error: '无法设置默认卡片'
-									}
-								);
-							},
-							condition: () => !row.is_default
-						},
-						{
-							label: '移除',
-							onClick: () => {
-								if (row.is_default && this.$team.pg.payment_mode === 'Card') {
-									toast.error('无法移除默认卡片');
-									return;
-								}
-								confirmDialog({
-									title: '移除卡片',
-									message: '确定要移除此卡片吗？',
-									onSuccess: ({ hide }) => {
-										toast.promise(
-											listResource.delete.submit(row.name, {
-												onSuccess() {
-													hide();
-												}
-											}),
-											{
-												loading: '正在移除卡片...',
-												success: '卡片已移除',
-												error: error =>
-													error.messages?.length
-														? error.messages.join('\n')
-														: error.message || '无法移除卡片'
-											}
-										);
-									}
-								});
-							}
-						}
-					];
-				},
-				orderBy: 'creation desc',
-				primaryAction() {
-					return {
-						label: '添加卡片',
-						slots: {
-							prefix: icon('plus')
-						},
-						onClick: () => {
-							let StripeCardDialog = defineAsyncComponent(() =>
-								import('../components/StripeCardDialog.vue')
-							);
-							renderDialog(StripeCardDialog);
-						}
-					};
-				}
-			};
-		}
-	},
-	methods: {
-formatCurrency(value) {
-			if (value === 0) {
-				return '';
-			}
-			return this.$format.userCurrency(value);
-		},
-		cardBrandIcon(brand) {
-			let component = {
-				'master-card': defineAsyncComponent(() =>
-					import('@/components/icons/cards/MasterCard.vue')
-				),
-				visa: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Visa.vue')
-				),
-				amex: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Amex.vue')
-				),
-				jcb: defineAsyncComponent(() =>
-					import('@/components/icons/cards/JCB.vue')
-				),
-				generic: defineAsyncComponent(() =>
-					import('@/components/icons/cards/Generic.vue')
-				),
-				'union-pay': defineAsyncComponent(() =>
-					import('@/components/icons/cards/UnionPay.vue')
-				)
-			}[brand || 'generic'];
-
-			return h(component, { class: 'h-4 w-6' });
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/CreateSiteForMarketplaceApp.vue b/dashboard_backup/src2/pages/CreateSiteForMarketplaceApp.vue
deleted file mode 100644
index a066cfa..0000000
--- a/dashboard_backup/src2/pages/CreateSiteForMarketplaceApp.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<template>
-	<div class="top-0 z-10 shrink-0">
-		<Header>
-			<FBreadcrumbs
-				:items="[
-					{
-						label: '安装应用',
-						route: { name: 'InstallApp', params: { app: app } }
-					}
-				]"
-			/>
-		</Header>
-
-		<div class="m-12 mx-auto max-w-2xl px-5">
-			<div v-if="$resources.app.loading" class="py-4 text-base text-gray-600">
-				加载中...
-			</div>
-			<div v-else class="space-y-6">
-				<div class="mb-12 flex">
-					<img
-						:src="appDoc.image"
-						class="h-12 w-12 rounded-lg border"
-						:alt="appDoc.name"
-					/>
-					<div class="my-1 ml-4 flex flex-col justify-between">
-						<h1 class="text-lg font-semibold">{{ appDoc.title }}</h1>
-						<p class="text-sm text-gray-600">{{ appDoc.description }}</p>
-					</div>
-				</div>
-
-				<div
-					v-if="failure"
-					class="flex items-center space-x-2 rounded border border-gray-200 bg-gray-100 p-4 text-base text-gray-700"
-				>
-					<i-lucide-alert-circle class="inline-block h-5 w-5" />
-					<p>
-						应用安装失败。
-						<router-link class="underline" :to="failureRoute">
-							{{
-								$resources.siteGroupDeploy.pg?.status === 'Bench Deploy Failed'
-									? '查看部署'
-									: '查看任务'
-							}}
-						</router-link>
-						。
-					</p>
-				</div>
-				<div class="divide-y rounded-lg bg-gray-50 px-4">
-					<div
-						v-for="step in steps"
-						:key="step.id"
-						class="flex items-center border-gray-200 px-1 py-3"
-					>
-						<div class="flex items-center space-x-4">
-							<LoadingIndicator
-								class="h-4 w-4 text-gray-900"
-								v-if="step.icon() === 'loading'"
-							/>
-							<FeatherIcon
-								v-else
-								:name="step.icon()"
-								class="h-5 w-5 rounded-full p-0.5 text-white"
-								:stroke-width="3"
-								:class="{
-									'bg-green-500': step.icon() === 'check',
-									'bg-red-500': step.icon() === 'x',
-									'bg-gray-500': step.icon() === 'clock'
-								}"
-							/>
-							<div class="flex flex-col space-y-1">
-								<h5 class="text-base">{{ step.title }}</h5>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { Breadcrumbs } from 'jingrow-ui';
-import Header from '../components/Header.vue';
-
-export default {
-	props: {
-		app: {
-			type: String,
-			required: true
-		}
-	},
-	pageMeta() {
-		return {
-			title: `安装 ${this.appDoc.title} - 今果 Jingrow`
-		};
-	},
-	components: {
-		FBreadcrumbs: Breadcrumbs,
-		Header
-	},
-	data() {
-		return {
-			siteGroupDeployName: this.$route.query.siteGroupDeployName
-		};
-	},
-	mounted() {
-		this.$socket.emit(
-			'pg_subscribe',
-			'Site Group Deploy',
-			this.siteGroupDeployName
-		);
-
-		this.$socket.on('pg_update', () => {
-			this.$resources.siteGroupDeploy.reload();
-		});
-	},
-	resources: {
-		app() {
-			return {
-				url: 'jcloud.api.marketplace.get',
-				params: {
-					app: this.app
-				},
-				auto: true
-			};
-		},
-		siteGroupDeploy() {
-			return {
-				type: 'document',
-				pagetype: 'Site Group Deploy',
-				name: this.siteGroupDeployName,
-				onSuccess: pg => {
-					if (pg.status === 'Site Created') {
-						setTimeout(() => {
-							this.$router.push({
-								name: 'Site Detail Overview',
-								params: { name: pg.site }
-							});
-						}, 1000);
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		failure() {
-			return ['Site Creation Failed', 'Bench Deploy Failed'].includes(
-				this.$resources.siteGroupDeploy.pg?.status
-			);
-		},
-failureRoute() {
-			if (this.$resources.siteGroupDeploy.pg?.status === 'Bench Deploy Failed')
-				return {
-					name: '发布组详情部署',
-					params: {
-						name: this.$resources.siteGroupDeploy.pg.release_group
-					}
-				};
-			else if (
-				this.$resources.siteGroupDeploy.pg?.status === 'Site Creation Failed'
-			)
-				return {
-					name: '站点任务',
-					params: { name: this.$resources.siteGroupDeploy.pg.site }
-				};
-		},
-		steps() {
-			const statusPosition = status => {
-				if (!status) return -1;
-
-				return [
-					'Pending',
-					'Deploying Bench',
-					'Bench Deployed',
-					'Bench Deploy Failed',
-					'Creating Site',
-					'Site Created',
-					'Site Creation Failed'
-				].indexOf(status);
-			};
-			const status = this.$resources.siteGroupDeploy?.pg?.status;
-
-			return [
-				{
-					id: 0,
-					title: '初始化中',
-					description: '正在初始化设置',
-					status: 'Pending',
-					icon: () => {
-						if (statusPosition(status) === 0) {
-							return 'loading';
-						} else if (statusPosition(status) > 0) {
-							return 'check';
-						}
-					},
-					message: '这应该需要几分钟'
-				},
-				{
-					id: 1,
-					title:
-						statusPosition(status) <= 1 ? '部署 Bench 中' : 'Bench 已部署',
-					description: '正在服务器上部署 bench',
-					status: 'Deploying Bench',
-					icon: () => {
-						if (status === 'Bench Deploy Failed') {
-							return 'x';
-						} else if (statusPosition(status) === 1) {
-							return 'loading';
-						} else if (statusPosition(status) > 1) {
-							return 'check';
-						} else {
-							return 'clock';
-						}
-					},
-					message: '这应该需要几分钟'
-				},
-				{
-					id: 2,
-					title: statusPosition(status) <= 4 ? '创建站点中' : '站点已创建',
-					description: '正在服务器上创建站点',
-					status: 'Creating Site',
-					icon: () => {
-						if (status === 'Site Creation Failed') {
-							return 'x';
-						} else if (statusPosition(status) === 4) {
-							return 'loading';
-						} else if (statusPosition(status) > 4) {
-							return 'check';
-						} else {
-							return 'clock';
-						}
-					},
-					message: '这应该需要几分钟'
-				}
-			];
-		},
-		appDoc() {
-			return this.$resources.app.data || {};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/DeployCandidate.vue b/dashboard_backup/src2/pages/DeployCandidate.vue
deleted file mode 100644
index 9173508..0000000
--- a/dashboard_backup/src2/pages/DeployCandidate.vue
+++ /dev/null
@@ -1,263 +0,0 @@
-<template>
-	<div class="p-5" v-if="deploy">
-		<AlertAddressableError
-			v-if="error"
-			class="mb-5"
-			:name="error.name"
-			:title="error.title"
-			@done="$resources.errors.reload()"
-		/>
-		<AlertBanner
-			v-if="alertMessage && !error"
-			:title="alertMessage"
-			type="warning"
-			class="mb-5"
-		/>
-		<Button :route="{ name: `${object.pagetype} Detail Deploys` }">
-			<template #prefix>
-				<i-lucide-arrow-left class="inline-block h-4 w-4" />
-			</template>
-			所有部署
-		</Button>
-
-		<div class="mt-3">
-			<div class="flex w-full items-center">
-				<h2 class="text-lg font-medium text-gray-900">{{ deploy.name }}</h2>
-				<Badge class="ml-2" :label="deploy.status" />
-				<div class="ml-auto flex items-center space-x-2">
-					<Button
-						@click="$resources.deploy.reload()"
-						:loading="$resources.deploy.get.loading"
-					>
-						<template #icon>
-							<i-lucide-refresh-ccw class="h-4 w-4" />
-						</template>
-					</Button>
-					<Dropdown v-if="dropdownOptions?.length" :options="dropdownOptions">
-						<template v-slot="{ open }">
-							<Button>
-								<template #icon>
-									<i-lucide-more-horizontal class="h-4 w-4" />
-								</template>
-							</Button>
-						</template>
-					</Dropdown>
-				</div>
-			</div>
-			<div>
-				<div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5">
-					<div>
-						<div class="text-sm font-medium text-gray-500">创建时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{ $format.date(deploy.creation, 'lll') }}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">创建者</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{ deploy.owner }}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">持续时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{
-								deploy.build_end ? $format.duration(deploy.build_duration) : '-'
-							}}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">开始时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{ $format.date(deploy.build_start, 'lll') }}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">结束时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{
-								deploy.build_end ? $format.date(deploy.build_end, 'lll') : '-'
-							}}
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 构建步骤 -->
-		<div :class="deploy.build_error ? 'mt-4' : 'mt-8'" class="space-y-4">
-			<JobStep
-				v-for="step in deploy.build_steps"
-				:step="step"
-				:key="step.name"
-			/>
-			<JobStep v-for="job in deploy.jobs" :step="job" :key="job.name" />
-		</div>
-	</div>
-</template>
-<script>
-import { createResource, getCachedDocumentResource } from 'jingrow-ui';
-import { getObject } from '../objects';
-import JobStep from '../components/JobStep.vue';
-import AlertAddressableError from '../components/AlertAddressableError.vue';
-import AlertBanner from '../components/AlertBanner.vue';
-import dayjs from 'dayjs';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'DeployCandidate',
-	props: ['id', 'objectType'],
-	components: {
-		JobStep,
-		AlertBanner,
-		AlertAddressableError,
-	},
-	resources: {
-		deploy() {
-			return {
-				type: 'document',
-				pagetype: 'Deploy Candidate',
-				name: this.id,
-				transform: this.transformDeploy,
-			};
-		},
-		errors() {
-return {
-				type: 'list',
-				cache: ['Jcloud Notification', 'Error', 'Deploy Candidate', this.id],
-				pagetype: 'Jcloud Notification',
-				auto: true,
-				fields: ['title', 'name'],
-				filters: {
-					document_type: 'Deploy Candidate',
-					document_name: this.id,
-					is_actionable: true,
-					class: 'Error',
-				},
-				limit: 1,
-			};
-		},
-	},
-	mounted() {
-		this.$socket.emit('pg_subscribe', 'Deploy Candidate', this.id);
-		this.$socket.on(`bench_deploy:${this.id}:steps`, (data) => {
-			if (data.name === this.id && this.$resources.deploy.pg) {
-				this.$resources.deploy.pg.build_steps = this.transformDeploy({
-					build_steps: data.steps,
-				})?.build_steps;
-			}
-		});
-		this.$socket.on(`bench_deploy:${this.id}:finished`, () => {
-			const rgDoc = getCachedDocumentResource(
-				'Release Group',
-				this.$resources.deploy.pg?.group,
-			);
-			if (rgDoc) rgDoc.reload();
-			this.$resources.deploy.reload();
-			this.$resources.errors.reload();
-		});
-	},
-	beforeUnmount() {
-		this.$socket.emit('pg_unsubscribe', 'Deploy Candidate', this.id);
-		this.$socket.off(`bench_deploy:${this.id}:steps`);
-	},
-	computed: {
-		deploy() {
-			return this.$resources.deploy.pg;
-		},
-		object() {
-			return getObject(this.objectType);
-		},
-		error() {
-			return this.$resources.errors?.data?.[0] ?? null;
-		},
-		alertMessage() {
-			if (!this.deploy) {
-				return null;
-			}
-
-			if (this.deploy.retry_count > 0 && this.deploy.status === 'Scheduled') {
-				return '上一次部署失败，将很快尝试重新部署';
-			}
-			return null;
-		},
-		dropdownOptions() {
-			return [
-				{
-					label: '在桌面查看',
-					icon: 'external-link',
-					condition: () => this.$team?.pg?.is_desk_user,
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/deploy-candidate/${this.id}`,
-							'_blank',
-						);
-					},
-				},
-				{
-					label: '失败并重新部署',
-					icon: 'repeat',
-					condition: () => this.showFailAndRedeploy,
-					onClick: () => this.failAndRedeploy(),
-				},
-			].filter((option) => option.condition?.() ?? true);
-		},
-		showFailAndRedeploy() {
-			if (!this.deploy || this.deploy.status !== 'Running') {
-				return false;
-			}
-
-			const start = dayjs(this.deploy.build_start);
-			const now = dayjs(new Date());
-
-			return now.diff(start, 'hours') > 2;
-		},
-	},
-	methods: {
-		transformDeploy(deploy) {
-			for (let step of deploy.build_steps) {
-				if (step.status === 'Running') {
-					step.isOpen = true;
-				} else {
-					step.isOpen = this.$resources.deploy?.pg?.build_steps?.find(
-						(s) => s.name === step.name,
-					)?.isOpen;
-				}
-				step.title = `${step.stage} - ${step.step}`;
-				step.output =
-					step.command || step.output
-						? `${step.command || ''}\n${step.output || ''}`.trim()
-						: '';
-				step.duration = ['Success', 'Failure'].includes(step.status)
-					? step.cached
-						? 'Cached'
-						: `${step.duration}s`
-					: null;
-			}
-			return deploy;
-		},
-		failAndRedeploy() {
-			if (!this.deploy) {
-				return;
-			}
-
-			const group = this.deploy.group;
-			const onError = () => toast.error('无法失败并重新部署');
-			const router = this.$router;
-
-			createResource({
-				url: 'jcloud.api.bench.fail_and_redeploy',
-				params: { name: group, dc_name: this.deploy.name },
-				onSuccess(name) {
-					if (!name) {
-						onError();
-					} else {
-						router.push(`/groups/${group}/deploys/${name}`);
-					}
-				},
-				onError,
-			}).fetch();
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/DetailPage.vue b/dashboard_backup/src2/pages/DetailPage.vue
deleted file mode 100644
index 901a356..0000000
--- a/dashboard_backup/src2/pages/DetailPage.vue
+++ /dev/null
@@ -1,198 +0,0 @@
-<template>
-	<Header class="sticky top-0 z-10 bg-white">
-		<div class="w-full sm:flex sm:items-center sm:justify-between">
-			<div class="flex items-center space-x-2">
-				<FBreadcrumbs :items="breadcrumbs" />
-				<Badge
-					class="hidden sm:inline-flex"
-					v-if="$resources.document?.pg && badge"
-					v-bind="badge"
-				/>
-			</div>
-			<div
-				class="mt-1 flex items-center justify-between space-x-2 sm:mt-0"
-				v-if="$resources.document?.pg"
-			>
-				<div class="sm:hidden">
-					<Badge v-if="$resources.document?.pg && badge" v-bind="badge" />
-				</div>
-				<div class="space-x-2">
-					<ActionButton
-						v-for="button in actions"
-						v-bind="button"
-						:key="button.label"
-					/>
-				</div>
-			</div>
-		</div>
-	</Header>
-	<div>
-		<TabsWithRouter
-			v-if="!$resources.document.get.error && $resources.document.get.fetched"
-			:document="$resources.document?.pg"
-			:tabs="tabs"
-		>
-			<template #tab-content="{ tab }">
-				<!-- 这个 div 是必需的 -->
-				<div></div>
-				<router-view
-					v-if="$resources.document?.pg"
-					:tab="tab"
-					:document="$resources.document"
-				/>
-			</template>
-		</TabsWithRouter>
-		<div
-			v-else-if="$resources.document.get.error"
-			class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
-		>
-			<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
-			<ErrorMessage :message="$resources.document.get.error" />
-		</div>
-	</div>
-</template>
-
-<script>
-import Header from '../components/Header.vue';
-import ActionButton from '../components/ActionButton.vue';
-import { Breadcrumbs } from 'jingrow-ui';
-import { getObject } from '../objects';
-import TabsWithRouter from '../components/TabsWithRouter.vue';
-
-let subscribed = {};
-
-export default {
-	name: 'DetailPage',
-	props: {
-		id: String,
-		objectType: {
-			type: String,
-			required: true
-		},
-		name: {
-			type: String,
-			required: true
-		}
-	},
-	components: {
-		Header,
-		ActionButton,
-		TabsWithRouter,
-		FBreadcrumbs: Breadcrumbs
-	},
-	resources: {
-		document() {
-			return {
-				type: 'document',
-				pagetype: this.object.pagetype,
-				name: this.name,
-				whitelistedMethods: this.object.whitelistedMethods || {},
-				onError(error) {
-					for (let message of error?.messages || []) {
-						if (message.redirect) {
-							window.location.href = message.redirect;
-							return;
-						}
-					}
-				}
-			};
-		}
-	},
-	mounted() {
-		if (!subscribed[`${this.object.pagetype}:${this.name}`]) {
-			this.$socket.emit('pg_subscribe', this.object.pagetype, this.name);
-			subscribed[`${this.object.pagetype}:${this.name}`] = true;
-		}
-		this.$socket.on('pg_update', data => {
-			if (data.pagetype === this.object.pagetype && data.name === this.name) {
-				this.$resources.document.reload();
-			}
-		});
-	},
-	beforeUnmount() {
-		let pagetype = this.object.pagetype;
-		if (subscribed[`${pagetype}:${this.name}`]) {
-			this.$socket.emit('pg_unsubscribe', pagetype, this.name);
-			subscribed[`${pagetype}:${this.name}`] = false;
-		}
-	},
-	computed: {
-		object() {
-			return getObject(this.objectType);
-		},
-		tabs() {
-			return this.object.detail.tabs.filter(tab => {
-				if (tab.condition) {
-					return tab.condition({
-						documentResource: this.$resources.document
-					});
-				}
-				return true;
-			});
-		},
-		title() {
-			let pg = this.$resources.document?.pg;
-			return pg ? pg[this.object.detail.titleField || 'name'] : this.name;
-		},
-		badge() {
-			if (this.object.detail.statusBadge) {
-				return this.object.detail.statusBadge({
-					documentResource: this.$resources.document
-				});
-			}
-			return null;
-		},
-		actions() {
-			if (this.object.detail.actions && this.$resources.document?.pg) {
-				let actions = this.object.detail.actions({
-documentResource: this.$resources.document
-				});
-				return actions.filter(action => {
-					if (action.condition) {
-						return action.condition({
-							documentResource: this.$resources.document
-						});
-					}
-					return true;
-				});
-			}
-			return [];
-		},
-		breadcrumbs() {
-			let items = [
-				{ label: this.object.list.title, route: this.object.list.route },
-				{
-					label: this.title,
-					route: {
-						name: `${this.object.pagetype} Detail`,
-						params: { name: this.name }
-					}
-				}
-			];
-			if (this.object.detail.breadcrumbs && this.$resources.document?.pg) {
-				let result = this.object.detail.breadcrumbs({
-					documentResource: this.$resources.document,
-					items
-				});
-				if (Array.isArray(result)) {
-					items = result;
-				}
-			}
-
-			// 如果面包屑过长则添加省略号
-			for (let i = 0; i < items.length; i++) {
-				if (items[i].label.length > 30 && i !== items.length - 1) {
-					items[i].label = items[i].label.slice(0, 30) + '...';
-				}
-			}
-
-			return items;
-		}
-	}
-};
-</script>
-<style scoped>
-:deep(button[role='tab']) {
-	white-space: nowrap;
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/DetailTab.vue b/dashboard_backup/src2/pages/DetailTab.vue
deleted file mode 100644
index fb5fe00..0000000
--- a/dashboard_backup/src2/pages/DetailTab.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-	<div class="p-5">
-		<div v-if="tab.type === 'list'">
-			<ObjectList :options="listOptions" />
-		</div>
-		<div v-else-if="tab.type == 'Component'">
-			<component :is="tab.component" v-bind="getProps(tab)" />
-		</div>
-		<div v-else>
-			{{ tab.label }}
-		</div>
-	</div>
-</template>
-<script>
-import ObjectList from '../components/ObjectList.vue';
-export default {
-	name: 'DetailTab',
-	props: ['document', 'tab'],
-	components: {
-		ObjectList
-	},
-	methods: {
-		getFilters(tab) {
-			return tab.list.filters ? tab.list.filters(this.document) : {};
-		},
-		getProps(tab) {
-			return tab.props ? tab.props(this.document) : {};
-		}
-	},
-	computed: {
-		listOptions() {
-			return {
-				...this.tab.list,
-				filters: this.getFilters(this.tab),
-				context: {
-					documentResource: this.document
-				}
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Enable2FA.vue b/dashboard_backup/src2/pages/Enable2FA.vue
deleted file mode 100644
index 9e26f60..0000000
--- a/dashboard_backup/src2/pages/Enable2FA.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-	<div class="mx-auto mt-16 max-w-xl space-y-4">
-		<h1 class="text-center text-2xl font-semibold">启用双重认证</h1>
-
-		<AlertBanner
-			:title="`团队所有者/管理员已为团队 <strong>${$team.pg.user}</strong> 的所有成员强制执行双重认证。您必须启用它才能继续。`"
-			type="error"
-		/>
-		<Configure2FA @enabled="handleEnabled" />
-	</div>
-</template>
-
-<script>
-import Configure2FA from '../components/auth/Configure2FA.vue';
-import AlertBanner from '../components/AlertBanner.vue';
-
-export default {
-	components: {
-		Configure2FA,
-		AlertBanner
-	},
-	methods: {
-		handleEnabled() {
-			this.$team.reload();
-
-			// sometimes the reload is too fast
-			// and the user is not redirected back here due to the 2FA requirement
-			setTimeout(() => {
-				this.$router.push({ name: 'Site List' });
-			}, 100);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Home.vue b/dashboard_backup/src2/pages/Home.vue
deleted file mode 100644
index 8789158..0000000
--- a/dashboard_backup/src2/pages/Home.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-	<div class="sticky top-0 z-10 shrink-0">
-		<Header>
-			<Breadcrumbs :items="[{ label: '首页', route: { name: 'Home' } }]" />
-			<Dropdown
-				:options="[
-					{ label: '站点', route: { name: 'New Site' } },
-					{ label: '发布组', route: { name: 'New Release Group' } }
-				]"
-			>
-				<Button
-					variant="solid"
-					label="新建"
-					:disabled="!$team.pg?.payment_mode"
-				>
-					<template #suffix>
-						<i-lucide-chevron-down class="h-4 w-4 text-gray-300" />
-					</template>
-				</Button>
-			</Dropdown>
-		</Header>
-	</div>
-	<div class="p-5" v-if="$team?.pg">
-		<Onboarding v-if="!$team.pg?.onboarding.complete" />
-		<HomeSummary v-else />
-	</div>
-</template>
-
-<script>
-import { defineAsyncComponent } from 'vue';
-import Header from '../components/Header.vue';
-import HomeSummary from '../components/HomeSummary.vue';
-
-export default {
-	name: 'Home',
-	components: {
-		Header,
-		HomeSummary,
-		Onboarding: defineAsyncComponent(() =>
-			import('../components/Onboarding.vue')
-		)
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Impersonate.vue b/dashboard_backup/src2/pages/Impersonate.vue
deleted file mode 100644
index b53effa..0000000
--- a/dashboard_backup/src2/pages/Impersonate.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-	<div class="px-4 py-4 text-base sm:px-8">正在模拟 {{ teamId }}</div>
-</template>
-<script>
-import { switchToTeam } from '../data/team';
-export default {
-	name: 'Impersonate',
-	props: ['teamId'],
-	async mounted() {
-		if (this.teamId && this.teamId !== this.$team.name) {
-			switchToTeam(this.teamId);
-		} else {
-			if (window.history.length > 1) {
-				this.$router.back();
-			} else {
-				this.$router.replace('/');
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/InstallApp.vue b/dashboard_backup/src2/pages/InstallApp.vue
deleted file mode 100644
index 3758d70..0000000
--- a/dashboard_backup/src2/pages/InstallApp.vue
+++ /dev/null
@@ -1,435 +0,0 @@
-<template>
-	<div class="top-0 z-10 shrink-0">
-		<Header>
-			<FBreadcrumbs
-				:items="[
-					{
-						label: '创建站点',
-					},
-				]"
-			/>
-		</Header>
-
-		<div class="m-12 mx-auto max-w-2xl px-5">
-			<div
-				v-if="$resources.installAppOptions.loading"
-				class="py-4 text-base text-gray-600"
-			>
-				加载中...
-			</div>
-			<div v-else class="space-y-6">
-				<div class="mb-12 flex">
-					<img
-						:src="appDoc.image"
-						class="h-12 w-12 rounded-lg border"
-						:alt="appDoc.name"
-					/>
-					<div class="my-1 ml-4 flex flex-col justify-between">
-						<h1 class="text-lg font-semibold">{{ appDoc.title }}</h1>
-						<p class="text-sm text-gray-600">{{ appDoc.description }}</p>
-					</div>
-				</div>
-
-				<div class="space-y-12">
-					<div v-if="$team.pg.onboarding.site_created">
-						<div v-if="plans.length">
-							<div class="flex items-center justify-between">
-								<h2 class="text-base font-medium leading-6 text-gray-900">
-									选择计划
-								</h2>
-							</div>
-							<div class="mt-2">
-								<PlansCards v-model="selectedPlan" :plans="plans" />
-							</div>
-						</div>
-
-						<div v-if="options.private_groups.length">
-							<h2 class="text-base font-medium leading-6 text-gray-900">
-								选择站点分组
-								<span class="text-sm text-gray-500"> (可选) </span>
-							</h2>
-							<div class="mt-2 w-full space-y-2">
-								<FormControl
-									type="autocomplete"
-									:options="
-										options.private_groups.map((b) => ({
-											label: b.title,
-											value: b.name,
-										}))
-									"
-									v-model="selectedGroup"
-								/>
-							</div>
-						</div>
-					</div>
-
-					<div>
-						<h2 class="text-base font-medium leading-6 text-gray-900">
-							选择区域
-						</h2>
-						<div class="mt-2 w-full space-y-2">
-							<div class="grid grid-cols-2 gap-3">
-								<button
-									v-for="c in regions"
-									:key="c.name"
-									@click="cluster = c.name"
-									:class="[
-										cluster === c.name
-											? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-											: 'bg-white text-gray-900  hover:bg-gray-50',
-										'flex w-full items-center rounded border p-3 text-left text-base text-gray-900',
-									]"
-								>
-									<div class="flex w-full items-center justify-between">
-										<div class="flex w-full items-center space-x-2">
-											<img :src="c.image" class="h-5 w-5" />
-											<span class="text-sm font-medium">
-												{{ c.title }}
-											</span>
-										</div>
-										<Badge v-if="c.beta" :label="c.beta ? 'Beta' : ''" />
-									</div>
-								</button>
-							</div>
-						</div>
-					</div>
-
-					<div>
-						<h2 class="text-base font-medium leading-6 text-gray-900">
-							输入子域名
-						</h2>
-						<div class="mt-2 items-center">
-							<div class="col-span-2 flex w-full">
-								<input
-									class="dark:[color-scheme:dark] z-10 h-7 w-full flex-1 rounded rounded-r-none border border-[--surface-gray-2] bg-surface-gray-2 py-1.5 pl-2 pr-2 text-base text-ink-gray-8 placeholder-ink-gray-4 transition-colors hover:border-outline-gray-modals hover:bg-surface-gray-3 focus:border-outline-gray-4 focus:bg-surface-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3"
-									placeholder="子域名"
-									v-model="subdomain"
-								/>
-								<div
-									class="flex items-center rounded-r bg-gray-100 px-4 text-base"
-								>
-									.{{ options.domain }}
-								</div>
-							</div>
-						</div>
-
-						<div class="mt-1">
-<ErrorMessage :message="$resources.subdomainExists.error" />
-							<div
-								v-if="$resources.subdomainExists.loading"
-								class="text-sm text-gray-600"
-							>
-								正在检查...
-							</div>
-							<template
-								v-else-if="
-									!$resources.subdomainExists.error &&
-									$resources.subdomainExists.data != null
-								"
-							>
-								<div
-									v-if="$resources.subdomainExists.data"
-									class="text-sm text-green-600"
-								>
-									{{ subdomain }}.{{ options.domain }} 可用
-								</div>
-								<div v-else class="text-sm text-red-600">
-									{{ subdomain }}.{{ options.domain }} 不可用
-								</div>
-							</template>
-						</div>
-					</div>
-					<div class="flex flex-col space-y-4">
-						<FormControl
-							class="checkbox"
-							type="checkbox"
-							v-model="agreedToRegionConsent"
-							:label="`我同意我所选区域的法律 ${
-								this.cluster ? `(${this.cluster})` : ''
-							} 适用于我和 Jingrow。`"
-						/>
-						<ErrorMessage class="my-2" :message="$resources.newSite.error" />
-						<Button
-							class="w-full"
-							variant="solid"
-							:disabled="
-								!agreedToRegionConsent || !$resources.subdomainExists.data
-							"
-							@click="$resources.newSite.submit()"
-							:loading="$resources.newSite.loading"
-						>
-							创建站点并安装 {{ appDoc.title }}
-						</Button>
-					</div>
-				</div>
-				<div class="flex space-x-1">
-					<div class="text-sm text-gray-600">
-						想要在现有站点或 站点分组上安装 <b>{{ appDoc.title }}</b> 吗？
-					</div>
-					<a
-						class="text-sm underline"
-						href="https://jingrow.com/docs/installing-an-app"
-						target="_blank"
-					>
-						阅读文档
-					</a>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { Breadcrumbs, debounce } from 'jingrow-ui';
-import Header from '../components/Header.vue';
-import PlansCards from '../components/PlansCards.vue';
-import { DashboardError } from '../utils/error';
-import { validateSubdomain } from '../utils/site';
-
-export default {
-	name: 'InstallApp',
-	props: {
-		app: {
-			type: String,
-			required: true,
-		},
-	},
-	pageMeta() {
-		return {
-			title: `安装 ${this.appDoc.title} - 今果 Jingrow`,
-		};
-	},
-	components: {
-		FBreadcrumbs: Breadcrumbs,
-		PlansCards,
-		Header,
-	},
-	data() {
-		return {
-			plan: '',
-			subdomain: '',
-			cluster: null,
-			selectedPlan: null,
-			selectedGroup: null,
-			agreedToRegionConsent: false,
-			sitePlan: null,
-			trial: false,
-		};
-	},
-	watch: {
-		subdomain: {
-			handler: debounce(function (value) {
-				let invalidMessage = validateSubdomain(value);
-				this.$resources.subdomainExists.error = invalidMessage;
-				if (!invalidMessage) {
-					this.$resources.subdomainExists.submit();
-				}
-			}, 500),
-		},
-	},
-	resources: {
-		app() {
-			return {
-				url: 'jcloud.api.marketplace.get',
-				params: {
-					app: this.app,
-				},
-				auto: true,
-			};
-		},
-		installAppOptions() {
-			return {
-				url: 'jcloud.api.marketplace.get_install_app_options',
-				auto: true,
-				params: {
-					marketplace_app: this.app,
-				},
-				initialData: {
-					domain: '',
-					plans: [],
-					clusters: [],
-					private_groups: [],
-				},
-				async onSuccess() {
-					this.cluster = await this.getClosestCluster();
-					if (this.$resources.installAppOptions.data?.plans.length > 0) {
-						this.selectedPlan = this.$resources.installAppOptions.data.plans[0];
-					}
-				},
-			};
-		},
-		subdomainExists() {
-			return {
-				url: 'jcloud.api.site.exists',
-				makeParams() {
-					return {
-						domain: this.$resources.installAppOptions.data?.domain,
-						subdomain: this.subdomain,
-					};
-				},
-				validate() {
-					let error = validateSubdomain(this.subdomain);
-					if (error) {
-						throw new DashboardError(error);
-					}
-				},
-transform(data) {
-					return !Boolean(data);
-				},
-			};
-		},
-		getTrialPlan() {
-			return {
-				url: 'jcloud.api.site.get_trial_plan',
-				auto: true,
-			};
-		},
-		newSite() {
-			if (!this.options) return;
-
-			return {
-				url: 'jcloud.api.marketplace.create_site_for_app',
-				makeParams() {
-					this.sitePlan = this.selectedGroup
-						? this.options.private_site_plan
-						: this.options.public_site_plan;
-
-					if (!this.$team.pg.onboarding.site_created) {
-						this.sitePlan = this.trialPlan;
-						this.trial = true;
-					}
-					return {
-						subdomain: this.subdomain,
-						site_plan: this.sitePlan,
-						apps: [
-							{
-								app: 'jingrow',
-							},
-							{
-								app: this.app,
-								plan: this.selectedPlan?.name,
-							},
-						],
-						cluster: this.cluster,
-						group: this.selectedGroup?.value,
-						trial: this.trial,
-					};
-				},
-				validate() {
-					if (
-						!this.$team.pg.payment_mode &&
-						(this.$team.pg.onboarding.site_created ||
-							!this.appDoc.show_for_new_site)
-					) {
-						throw new DashboardError('请添加有效的支付方式');
-					}
-					if (!this.selectedPlan && this.plans.length > 0) {
-						throw new DashboardError('请选择一个计划');
-					}
-					if (!this.subdomain) {
-						throw new DashboardError('请输入子域名');
-					}
-					if (!this.agreedToRegionConsent) {
-						throw new DashboardError(
-							'请同意上述同意书以创建站点',
-						);
-					}
-				},
-				onSuccess: (pg) => {
-					if (pg.pagetype === 'Site') {
-						this.$router.push({
-							name: 'Site Jobs',
-							params: { name: pg.name },
-						});
-					} else if (pg.pagetype === 'Site Group Deploy') {
-						this.$router.push({
-							name: 'CreateSiteForMarketplaceApp',
-							params: { app: this.app },
-							query: { siteGroupDeployName: pg.name },
-						});
-					}
-				},
-			};
-		},
-	},
-	methods: {
-		async getClosestCluster() {
-			if (this.closestCluster) return this.closestCluster;
-			let proxyServers = this.options.clusters
-				.flatMap((c) => c.proxy_server || [])
-				.map((server) => server.name);
-
-			if (proxyServers.length > 0) {
-				this.findingClosestServer = true;
-				let promises = proxyServers.map((server) => this.getPingTime(server));
-				let results = await Promise.allSettled(promises);
-				let fastestServer = results.reduce((a, b) =>
-					a.value.pingTime < b.value.pingTime ? a : b,
-				);
-				let closestServer = fastestServer.value.server;
-				let closestCluster = this.options.clusters.find(
-					(c) => c.proxy_server?.name === closestServer,
-				);
-				if (!this.closestCluster) {
-					this.closestCluster = closestCluster.name;
-				}
-				this.findingClosestServer = false;
-			} else if (proxyServers.length === 1) {
-				this.closestCluster = this.options.clusters[0].name;
-			}
-			return this.closestCluster;
-		},
-		async getPingTime(server) {
-			let pingTime = 999999;
-			try {
-				let t1 = new Date().getTime();
-				let r = await fetch(`https://${server}`);
-				let t2 = new Date().getTime();
-				pingTime = t2 - t1;
-			} catch (error) {
-				console.warn(error);
-			}
-			return { server, pingTime };
-		},
-	},
-	computed: {
-		appDoc() {
-			return this.$resources.app.data || {};
-		},
-		options() {
-			return this.$resources.installAppOptions.data;
-		},
-		plans() {
-			if (!this.$resources?.installAppOptions) return [];
-			return this.options.plans.map((plan) => ({
-				...plan,
-				label:
-					plan.price_cny === 0 || plan.price_usd === 0
-						? '免费'
-						: `${this.$format.userCurrency(
-								this.$team.pg.currency === 'CNY'
-									? plan.price_cny
-									: plan.price_usd,
-							)}/月`,
-				sublabel: ' ',
-				features: plan.features.map((f) => ({
-					value: f,
-					icon: 'check-circle',
-				})),
-			}));
-		},
-regions() {
-			if (!this.selectedGroup) {
-				return this.options.clusters;
-			} else {
-				return this.options.private_groups.find(
-					(g) => g.name === this.selectedGroup.value,
-				).clusters;
-			}
-		},
-		trialPlan() {
-			return this.$resources.getTrialPlan.data;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/JobPage.vue b/dashboard_backup/src2/pages/JobPage.vue
deleted file mode 100644
index 5c972db..0000000
--- a/dashboard_backup/src2/pages/JobPage.vue
+++ /dev/null
@@ -1,216 +0,0 @@
-<template>
-	<div class="p-5" v-if="job">
-		<AlertAddressableError
-			v-if="error"
-			class="mb-5"
-			:name="error.name"
-			:title="error.title"
-			@done="$resources.errors.reload()"
-		/>
-		<Button
-			:route="{
-				name:
-					object.pagetype === 'Site'
-						? '站点任务'
-						: `${object.pagetype} 详情任务`,
-			}"
-		>
-			<template #prefix>
-				<i-lucide-arrow-left class="inline-block h-4 w-4" />
-			</template>
-			所有任务
-		</Button>
-
-		<div class="mt-3">
-			<div>
-				<div class="flex items-center">
-					<h2 class="text-lg font-medium text-gray-900">{{ job.job_type }}</h2>
-					<Badge class="ml-2" :label="job.status" />
-					<div class="ml-auto flex items-center space-x-2">
-						<Button
-							@click="$resources.job.reload()"
-							:loading="$resources.job.get.loading"
-						>
-							<template #icon>
-								<i-lucide-refresh-ccw class="h-4 w-4" />
-							</template>
-						</Button>
-						<Dropdown v-if="dropdownOptions.length" :options="dropdownOptions">
-							<template v-slot="{ open }">
-								<Button>
-									<template #icon>
-										<i-lucide-more-horizontal class="h-4 w-4" />
-									</template>
-								</Button>
-							</template>
-						</Dropdown>
-					</div>
-				</div>
-				<div>
-					<div
-						class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5"
-					>
-						<div>
-							<div class="text-sm font-medium text-gray-500">创建时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ $format.date(job.creation, 'lll') }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">创建者</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ job.owner }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">持续时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ job.end ? $format.duration(job.duration) : '-' }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">开始时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ $format.date(job.start, 'lll') }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">结束时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ job.end ? $format.date(job.end, 'lll') : '-' }}
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-8 space-y-4">
-				<JobStep v-for="step in job.steps" :step="step" :key="step.name" />
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { FeatherIcon, Tooltip } from 'jingrow-ui';
-import AlertAddressableError from '../components/AlertAddressableError.vue';
-import { duration } from '../utils/format';
-import { getObject } from '../objects';
-import JobStep from '../components/JobStep.vue';
-
-export default {
-	name: 'JobPage',
-	props: ['id', 'objectType'],
-	components: { Tooltip, FeatherIcon, JobStep, AlertAddressableError },
-	resources: {
-		job() {
-			return {
-				type: 'document',
-				pagetype: 'Agent Job',
-				name: this.id,
-				transform(job) {
-					for (let step of job.steps) {
-						step.title = step.step_name;
-						step.duration = duration(step.duration);
-						step.isOpen =
-							this.job?.steps?.find((s) => s.name === step.name)?.isOpen ||
-							false;
-					}
-
-					// 在交付失败时，任何步骤都不会有输出
-					// 所以在第一个步骤中显示任务输出（错误）
-					if (job.status === 'Delivery Failure') {
-						job.steps[0].output = job.output;
-					}
-
-					return job;
-},
-				onSuccess() {
-					this.lastLoaded = Date.now();
-				},
-			};
-		},
-		errors() {
-			return {
-				type: 'list',
-				cache: ['通知', '错误', '代理任务', this.id],
-				pagetype: 'Jcloud Notification',
-				auto: true,
-				fields: ['标题', '名称'],
-				filters: {
-					document_type: '代理任务',
-					document_name: this.id,
-					is_actionable: true,
-					class: '错误',
-				},
-				limit: 1,
-				orderBy: '创建时间 desc',
-			};
-		},
-	},
-	computed: {
-		object() {
-			return getObject(this.objectType);
-		},
-		job() {
-			return this.$resources.job.pg;
-		},
-		error() {
-			return this.$resources.errors?.data?.[0] ?? null;
-		},
-		dropdownOptions() {
-			return [
-				{
-					label: '在桌面查看',
-					icon: 'external-link',
-					condition: () => this.$team?.pg?.is_desk_user,
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/agent-job/${this.id}`,
-							'_blank',
-						);
-					},
-				},
-			].filter((option) => option.condition?.() ?? true);
-		},
-	},
-	mounted() {
-		this.$socket.emit('pg_subscribe', '代理任务', this.id);
-		this.$socket.on('agent_job_update', (data) => {
-			if (data.id === this.id) {
-				data.steps = data.steps.map((step) => {
-					step.title = step.step_name;
-					step.duration = duration(step.duration);
-					step.isOpen =
-						this.job?.steps?.find((s) => s.name === step.name)?.isOpen || false;
-					return step;
-				});
-
-				this.$resources.job.pg = {
-					...this.$resources.job.pg,
-					...data,
-				};
-			}
-		});
-		// 每分钟重新加载任务，以防套接字无法工作
-		this.reloadInterval = setInterval(() => {
-			this.reload();
-		}, 1000 * 60);
-	},
-	beforeUnmount() {
-		this.$socket.emit('pg_unsubscribe', '代理任务', this.id);
-		this.$socket.off('agent_job_update');
-		clearInterval(this.reloadInterval);
-	},
-	methods: {
-		reload() {
-			if (
-				!this.$resources.job.loading &&
-				// 如果任务加载时间超过5秒，则重新加载
-				Date.now() - this.lastLoaded > 5000
-			) {
-				this.$resources.job.reload();
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/ListPage.vue b/dashboard_backup/src2/pages/ListPage.vue
deleted file mode 100644
index 7183c33..0000000
--- a/dashboard_backup/src2/pages/ListPage.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-	<div class="flex h-full flex-col">
-		<div class="sticky top-0 z-10 shrink-0">
-			<Header>
-				<Breadcrumbs
-					:items="[{ label: object.list.title, route: object.list.route }]"
-				/>
-			</Header>
-		</div>
-		<div class="p-5">
-			<AlertUnpaidInvoices
-				class="mb-5"
-				v-if="hasUnpaidInvoices > 0"
-				:amount="hasUnpaidInvoices"
-			/>
-			<ObjectList :options="listOptions" />
-		</div>
-	</div>
-</template>
-
-<script>
-import Header from '../components/Header.vue';
-import ObjectList from '../components/ObjectList.vue';
-import { Breadcrumbs, Button, Dropdown, TextInput } from 'jingrow-ui';
-import { getObject } from '../objects';
-import { defineAsyncComponent } from 'vue';
-import dayjs from '../utils/dayjs';
-import AlertBanner from '../components/AlertBanner.vue';
-
-export default {
-	components: {
-		Header,
-		Breadcrumbs,
-		ObjectList,
-		Button,
-		Dropdown,
-		TextInput,
-		AlertBanner,
-		AlertUnpaidInvoices: defineAsyncComponent(() =>
-			import('../components/AlertUnpaidInvoices.vue')
-		)
-	},
-	props: {
-		objectType: {
-			type: String,
-			required: true
-		}
-	},
-	methods: {
-		getRoute(row) {
-			return {
-				name: `${this.object.pagetype} Detail`,
-				params: {
-					name: row.name
-				}
-			};
-		}
-	},
-	computed: {
-		object() {
-			return getObject(this.objectType);
-		},
-		listOptions() {
-			return {
-				...this.object.list,
-				pagetype: this.object.pagetype,
-				route: this.object.detail ? this.getRoute : null
-			};
-		},
-		isCardExpired() {
-			if (this.$team.pg.payment_method?.expiry_year < dayjs().year()) {
-				return true;
-			} else if (
-				this.$team.pg.payment_method?.expiry_year == dayjs().year() &&
-				this.$team.pg.payment_method?.expiry_month < dayjs().month() + 1
-			) {
-				return true;
-			} else {
-				return false;
-			}
-		},
-		banner() {
-			return this.$resources.banner.pg;
-		},
-		isMandateNotSet() {
-			return !this.$team.pg?.payment_method?.stripe_mandate_id;
-		},
-		hasUnpaidInvoices() {
-			return this.$resources.getAmountDue.data;
-		}
-	},
-	resources: {
-		banner() {
-			return {
-				type: 'document',
-				pagetype: 'Dashboard Banner',
-				name: 'Dashboard Banner'
-			};
-		},
-		getAmountDue() {
-			return {
-				url: 'jcloud.api.billing.total_unpaid_amount',
-				auto: true
-			};
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/LogPage.vue b/dashboard_backup/src2/pages/LogPage.vue
deleted file mode 100644
index a3407c3..0000000
--- a/dashboard_backup/src2/pages/LogPage.vue
+++ /dev/null
@@ -1,103 +0,0 @@
-<template>
-	<div class="p-5">
-		<div class="flex items-center space-x-2">
-			<Button
-				:route="{
-					name:
-						object.pagetype === 'Site'
-							? '站点日志'
-							: `${object.pagetype} 详细日志`
-				}"
-			>
-				<template #icon>
-					<i-lucide-arrow-left class="inline-block h-4 w-4" />
-				</template>
-			</Button>
-			<h2 class="text-lg font-medium text-gray-900">{{ logName }}</h2>
-			<div class="!ml-auto flex gap-2">
-				<Button
-					:route="{
-						name: '日志浏览器',
-						params: {
-							mode: object.pagetype === 'Site' ? 'site' : 'bench',
-							docName: name,
-							logId: logName
-						}
-					}"
-				>
-					<template #prefix>
-						<i-lucide-sparkle class="h-4 w-4" />
-					</template>
-					在日志浏览器中查看
-				</Button>
-				<Button
-					@click="$resources.log.reload()"
-					:loading="$resources.log.loading"
-				>
-					<template #icon>
-						<i-lucide-refresh-ccw class="h-4 w-4" />
-					</template>
-				</Button>
-			</div>
-		</div>
-
-		<div class="mt-3">
-			<div class="mt-8 space-y-4">
-				<div
-					class="overflow-auto rounded border border-gray-100 bg-gray-900 px-2.5 py-2 text-sm text-gray-200"
-				>
-					<pre>{{
-						$resources.log.loading ? '加载中...' : log || '无输出'
-					}}</pre>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import { FeatherIcon } from 'jingrow-ui';
-import { getObject } from '../objects';
-import { unreachable } from '../objects/common';
-
-export default {
-	name: 'LogPage',
-	props: ['name', 'logName', 'objectType'],
-	components: { FeatherIcon },
-	resources: {
-		log() {
-			const url = this.forSite ? 'jcloud.api.site.log' : 'jcloud.api.bench.log';
-			const params = { log: this.logName, name: this.name };
-			if (!this.forSite) {
-				params.name = `bench-${this.name?.split('-')[1]}`;
-				params.bench = this.name;
-			}
-
-			return {
-				url,
-				params,
-				auto: true,
-				transform(log) {
-					return log[this.logName];
-				},
-				onSuccess() {
-					this.lastLoaded = Date.now();
-				}
-			};
-		}
-	},
-	computed: {
-		forSite() {
-			if (this.objectType === 'Site') return true;
-			if (this.objectType === 'Bench') return false;
-			throw unreachable;
-		},
-		object() {
-			return getObject(this.objectType);
-		},
-		log() {
-			return this.$resources.log.data;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/LoginSignup.vue b/dashboard_backup/src2/pages/LoginSignup.vue
deleted file mode 100644
index 0a6e52a..0000000
--- a/dashboard_backup/src2/pages/LoginSignup.vue
+++ /dev/null
@@ -1,959 +0,0 @@
-<template>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50">
-		<div class="w-full overflow-auto">
-			<LoginBox
-				:title="title"
-				:class="{ 'pointer-events-none': $resources.signup.loading }"
-			>
-				<template v-slot:default>
-					<div v-if="!(resetPasswordEmailSent || otpRequested)">
-						<form class="flex flex-col" @submit.prevent="submitForm">
-							<!-- 2FA 部分 -->
-							<template v-if="is2FA">
-								<FormControl
-									label="来自您的身份验证应用的2FA代码"
-									placeholder="123456"
-									v-model="twoFactorCode"
-									required
-								/>
-								<Button
-									class="mt-4"
-									:loading="
-										$resources.verify2FA.loading ||
-										$session.login.loading ||
-										$resources.resetPassword.loading
-									"
-									variant="solid"
-									@click="
-										$resources.verify2FA.submit({
-											user: email,
-											totp_code: twoFactorCode,
-										})
-									"
-								>
-									验证
-								</Button>
-								<ErrorMessage
-									class="mt-2"
-									:message="$resources.verify2FA.error"
-								/>
-							</template>
-
-							<!-- 忘记密码部分 -->
-							<template v-else-if="hasForgotPassword">
-								<FormControl
-									label="邮箱"
-									type="email"
-									placeholder="email@example.com"
-									autocomplete="email"
-									v-model="email"
-									required
-								/>
-								<router-link
-									class="mt-2 text-sm"
-									v-if="hasForgotPassword"
-									:to="{
-										name: 'Login',
-										query: { ...$route.query, forgot: undefined },
-									}"
-								>
-									我记得我的密码
-								</router-link>
-								<Button
-									class="mt-4"
-									:loading="$resources.resetPassword.loading"
-									variant="solid"
-								>
-									重置密码
-								</Button>
-							</template>
-
-							<!-- 登录部分 -->
-							<template v-else-if="isLogin">
-								<FormControl
-									label="用户名或邮箱"
-									placeholder="email@example.com"
-									autocomplete="email"
-									v-model="email"
-									:disabled="otpSent && useEmail"
-									required
-								/>
-
-								<!-- 密码验证 -->
-								<template v-if="!isOauthLogin && !useEmail">
-									<FormControl
-										class="mt-4"
-										label="密码"
-										type="password"
-										placeholder="•••••"
-										v-model="password"
-										name="password"
-										autocomplete="current-password"
-										required
-									/>
-									<div class="mt-2 flex flex-col gap-2">
-										<router-link
-											class="text-sm"
-											:to="{
-												name: 'Login',
-												query: { ...$route.query, forgot: 1 },
-											}"
-										>
-											忘记密码？
-										</router-link>
-									</div>
-									<Button
-										class="mt-4"
-										variant="solid"
-										:loading="$session.login.loading"
-										type="submit"
-									>
-										登录
-									</Button>
-								</template>
-
-								<!-- OTP 验证 -->
-								<template v-else-if="useEmail">
-									<!-- OTP 验证输入（当 OTP 已发送时） -->
-									<template v-if="otpSent">
-										<FormControl
-											class="mt-4"
-											label="验证码"
-											placeholder="123456"
-											v-model="otp"
-											required
-										/>
-										<div class="mt-4 space-y-2">
-											<Button
-												class="w-full"
-												:loading="$resources.verifyOTPAndLogin.loading"
-												variant="solid"
-												@click="verifyOTPAndLogin"
-											>
-												登陆
-											</Button>
-											<Button
-												class="w-full"
-												:loading="$resources.sendOTP.loading"
-												variant="outline"
-												:disabled="otpResendCountdown > 0"
-												@click="$resources.sendOTP.submit()"
-											>
-												重新发送验证码
-												{{
-													otpResendCountdown > 0
-														? `在 ${otpResendCountdown} 秒后`
-														: ''
-												}}
-											</Button>
-										</div>
-									</template>
-
-									<!-- 初始 OTP 请求按钮 -->
-									<template v-else>
-										<Button
-											class="mt-4"
-											:loading="$resources.sendOTP.loading"
-											variant="solid"
-											@click="$resources.sendOTP.submit()"
-										>
-											发送验证码
-										</Button>
-									</template>
-								</template>
-
-								<!-- OAuth 验证 -->
-								<template v-else>
-									<Button class="mt-4" variant="solid">
-										使用 {{ oauthProviderName }} 登录
-									</Button>
-								</template>
-
-								<!-- 错误信息 -->
-								<ErrorMessage
-									class="mt-2"
-									:message="
-										$session.login.error ||
-										$resources.is2FAEnabled.error ||
-										$resources.sendOTP.error ||
-										$resources.verifyOTPAndLogin.error
-									"
-								/>
-							</template>
-
-							<!-- 注册部分 -->
-							<template v-else>
-								<FormControl
-									label="用户名"
-									type="text"
-									placeholder="设置用户名"
-									v-model="username"
-									autocomplete="username"
-									required
-								/>
-								<FormControl
-									label="邮箱 (可选)"
-									type="email"
-									placeholder="email@example.com"
-									autocomplete="email"
-									class="mt-4"
-									v-model="email"
-								/>
-								<FormControl
-									label="手机号"
-									type="tel"
-									placeholder="请输入您的手机号码"
-									class="mt-4"
-									v-model="phoneNumber"
-									autocomplete="tel"
-									required
-									@blur="validatePhoneNumber"
-								/>
-								<div v-if="phoneNumberFormatError" class="mt-2 text-sm text-red-600">
-									请输入正确的手机号码格式
-								</div>
-								<FormControl
-									label="密码"
-									type="password"
-									placeholder="设置登录密码"
-									class="mt-4"
-									v-model="signupPassword"
-									autocomplete="new-password"
-									required
-								/>
-								<div class="mt-1 text-sm text-gray-600">
-									密码必须至少8个字符，并包含大小写字母和数字
-								</div>
-								<div class="mt-2" v-if="signupPassword">
-									<div class="flex items-center">
-										<div class="text-sm w-20">密码强度:</div>
-										<div class="flex-1 bg-gray-200 rounded-full h-2">
-											<div 
-												class="h-2 rounded-full transition-all" 
-												:class="passwordStrengthClass"
-												:style="{width: passwordStrength + '%'}"></div>
-										</div>
-										<div class="ml-2 text-sm" :class="passwordStrengthTextClass">{{passwordStrengthText}}</div>
-									</div>
-								</div>
-								<FormControl
-									label="确认密码"
-									type="password"
-									placeholder="再次输入密码"
-									class="mt-4"
-									v-model="confirmPassword"
-									autocomplete="new-password"
-									required
-								/>
-								<div v-if="passwordMismatch" class="mt-2 text-sm text-red-600">
-									两次输入的密码不一致
-								</div>
-								<Button
-									class="mt-4"
-									:loading="$resources.signupWithUsername.loading"
-									variant="solid"
-									type="submit"
-									:disabled="(passwordMismatch && confirmPassword) || phoneNumberFormatError"
-								>
-									注册
-								</Button>
-							</template>
-
-							<ErrorMessage class="mt-2" :message="error" />
-						</form>
-						<div
-							class="flex flex-col"
-							v-if="!hasForgotPassword && !isOauthLogin && !is2FA"
-						>
-							<div class="-mb-2 mt-6 border-t text-center">
-								<div class="-translate-y-1/2 transform">
-									<span
-										class="relative bg-white px-2 text-sm font-medium leading-8 text-gray-800"
-									>
-										或
-									</span>
-								</div>
-							</div>
-
-							<div class="flex flex-col gap-2">
-								<Button
-									v-if="isLogin && !useEmail"
-									@click="switchToEmailLogin"
-									icon-left="mail"
-								>
-									使用邮箱验证码登陆
-								</Button>
-								<Button
-									v-else-if="isLogin && useEmail"
-									@click="switchToPasswordLogin"
-									icon-left="key"
-								>
-									使用密码登陆
-								</Button>
-							</div>
-							<div
-								class="mt-6 text-center"
-								v-if="!(otpRequested || resetPasswordEmailSent)"
-							>
-								<router-link
-									class="text-center text-base font-medium text-gray-900 hover:text-gray-700"
-									:to="{
-										name: $route.name == 'Login' ? 'Signup' : 'Login',
-										query: { ...$route.query, forgot: undefined },
-									}"
-								>
-									{{
-										$route.name == 'Login'
-											? '没有账户？创建一个账户。'
-											: '已有账户？登录。'
-									}}
-								</router-link>
-							</div>
-						</div>
-					</div>
-					<div v-else-if="otpRequested">
-						<form class="flex flex-col">
-							<FormControl
-								label="邮箱"
-								type="email"
-								placeholder="email@example.com"
-								autocomplete="email"
-								v-model="email"
-								required
-							/>
-							<FormControl
-								label="验证码"
-								type="text"
-								class="mt-4"
-								placeholder="123456"
-								maxlength="6"
-								v-model="otp"
-								required
-							/>
-							<ErrorMessage
-								class="mt-2"
-								:message="$resources.verifyOTP.error"
-							/>
-							<Button
-								class="mt-4"
-								variant="solid"
-								:loading="$resources.verifyOTP.loading"
-								@click="$resources.verifyOTP.submit()"
-							>
-								验证
-							</Button>
-							<Button
-								class="mt-2"
-								variant="outline"
-								:loading="$resources.resendOTP.loading"
-								@click="$resources.resendOTP.submit()"
-								:disabled="otpResendCountdown > 0"
-							>
-								重新发送验证码
-								{{
-									otpResendCountdown > 0
-										? `在 ${otpResendCountdown} 秒后`
-										: ''
-								}}
-							</Button>
-						</form>
-						<div class="mt-6 text-center">
-							<router-link
-								class="text-center text-base font-medium text-gray-900 hover:text-gray-700"
-								:to="{
-									name: $route.name == 'Login' ? 'Signup' : 'Login',
-									query: { ...$route.query, forgot: undefined },
-								}"
-							>
-								{{
-									$route.name == 'Login'
-										? '新用户？创建一个新账户。'
-										: '已有账户？登录。'
-								}}
-							</router-link>
-						</div>
-					</div>
-					<div
-						class="text-p-base text-gray-700"
-						v-else-if="resetPasswordEmailSent"
-					>
-						<p>
-							我们已向
-							<span class="font-semibold">{{ email }}</span
-							>发送了一封邮件。请点击收到的链接重置您的密码。
-						</p>
-					</div>
-				</template>
-				<template v-slot:logo v-if="saasProduct">
-					<div class="mx-auto flex items-center space-x-2">
-						<img
-							class="inline-block h-7 w-7 rounded-sm"
-							:src="saasProduct?.logo"
-						/>
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							{{ saasProduct?.title }}
-						</span>
-					</div>
-				</template>
-				<template v-slot:footer v-if="saasProduct">
-					<div
-						class="mt-2 flex w-full items-center justify-center text-sm text-gray-600"
-					>
-						由 今果 Jingrow 提供支持
-					</div>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-</template>
-
-<script>
-import LoginBox from '../components/auth/LoginBox.vue';
-import { toast } from 'vue-sonner';
-import { getToastErrorMessage } from '../utils/toast';
-
-export default {
-	name: 'Signup',
-	components: {
-		LoginBox,
-	},
-	data() {
-		return {
-			email: '',
-			username: '',
-			phoneNumber: '',
-			signupPassword: '',
-			account_request: '',
-			otpRequested: false,
-			otp: '',
-			otpSent: false,
-			twoFactorCode: '',
-			password: null,
-			otpResendCountdown: 0,
-			resetPasswordEmailSent: false,
-			useEmail: false,
-			confirmPassword: '',
-			passwordMismatch: false,
-			passwordStrength: 0,
-			passwordStrengthClass: '',
-			passwordStrengthText: '',
-			passwordStrengthTextClass: '',
-			phoneNumberFormatError: false,
-		};
-	},
-	mounted() {
-		this.email = localStorage.getItem('login_email');
-		setInterval(() => {
-			if (this.otpResendCountdown > 0) {
-				this.otpResendCountdown -= 1;
-			}
-		}, 1000);
-	},
-	watch: {
-		email() {
-			this.resetSignupState();
-		},
-	},
-	resources: {
-		signup() {
-			return {
-				url: 'jcloud.api.account.signup',
-				params: {
-					email: this.email,
-					referrer: this.getReferrerIfAny(),
-					product: this.$route.query.product,
-				},
-				onSuccess(account_request) {
-					this.account_request = account_request;
-					this.otpRequested = true;
-					this.otpResendCountdown = 30;
-					toast.success('验证码已发送至您的邮箱');
-				},
-				onError: (error) => {
-					if (error?.exc_type !== 'ValidationError') {
-						return;
-					}
-					let errorMessage = '';
-					if ((error?.messages ?? []).length) {
-						errorMessage = error?.messages?.[0];
-					}
-					// check if error message has `is already registered` substring
-					if (errorMessage.includes('is already registered')) {
-						localStorage.setItem('login_email', this.email);
-
-						if (this.$route.query?.product) {
-							this.$router.push({
-								name: 'Login',
-								query: {
-									redirect: `/dashboard/create-site/${this.$route.query.product}/setup`,
-								},
-							});
-						} else {
-							this.$router.push({
-								name: 'Login',
-							});
-						}
-					}
-				},
-			};
-		},
-		verifyOTP() {
-			return {
-				url: 'jcloud.api.account.verify_otp',
-				params: {
-					account_request: this.account_request,
-					otp: this.otp,
-				},
-				onSuccess(key) {
-					window.open(`/dashboard/setup-account/${key}`, '_self');
-				},
-			};
-		},
-		resendOTP() {
-			return {
-				url: 'jcloud.api.account.resend_otp',
-				params: {
-					account_request: this.account_request,
-				},
-				onSuccess() {
-					this.otp = '';
-					this.otpResendCountdown = 30;
-					toast.success('验证码已发送至您的邮箱');
-				},
-				onError(err) {
-					toast.error(
-						getToastErrorMessage(err, '验证码重发失败'),
-					);
-				},
-			};
-		},
-		sendOTP() {
-			return {
-				url: 'jcloud.api.account.send_otp',
-				params: {
-					email: this.email,
-				},
-				onSuccess() {
-					this.otpSent = true;
-					this.otpResendCountdown = 30;
-					toast.success('验证码已发送至您的邮箱');
-				},
-				onError(err) {
-					toast.error(
-						getToastErrorMessage(err, '验证码发送失败'),
-					);
-				},
-			};
-		},
-		verifyOTPAndLogin() {
-			return {
-				url: 'jcloud.api.account.verify_otp_and_login',
-				params: {
-					email: this.email,
-					otp: this.otp,
-				},
-				onSuccess(res) {
-					this.afterLogin(res);
-				},
-			};
-		},
-		oauthLogin() {
-			return {
-				url: 'jcloud.api.oauth.oauth_authorize_url',
-				onSuccess(url) {
-					localStorage.setItem('login_email', this.email);
-					window.location.href = url;
-				},
-			};
-		},
-		resetPassword() {
-			return {
-				url: 'jcloud.api.account.send_reset_password_email',
-				onSuccess() {
-					this.resetPasswordEmailSent = true;
-				},
-			};
-		},
-		signupSettings() {
-			return {
-				url: 'jcloud.api.account.signup_settings',
-				params: {
-					product: this.$route.query.product,
-				},
-				auto: true,
-			};
-		},
-		is2FAEnabled() {
-			return {
-				url: 'jcloud.api.account.is_2fa_enabled',
-			};
-		},
-		verify2FA() {
-			return {
-				url: 'jcloud.api.account.verify_2fa',
-				onSuccess: async () => {
-					if (this.isLogin) {
-						if (!this.useEmail) {
-							await this.$resources.verifyOTPAndLogin.submit();
-						} else {
-							await this.login();
-						}
-					} else if (this.hasForgotPassword) {
-						await this.$resources.resetPassword.submit({
-							email: this.email,
-						});
-					}
-				},
-			};
-		},
-			signupWithUsername() {
-				return {
-					url: 'jcloud.api.account.signup_with_username',
-					params: {
-						username: this.username,
-						email: this.email || null,
-						phone_number: this.phoneNumber || null,
-						password: this.signupPassword,
-						referrer: this.getReferrerIfAny(),
-						product: this.$route.query.product,
-					},
-					onSuccess(res) {
-						if (res && res.success === false) {
-							toast.error(res.message || '注册失败，请检查您的信息');
-							return;
-						}
-						
-						localStorage.setItem('login_email', this.username || this.email);
-						
-						if (res && res.dashboard_route) {
-							window.location.href = res.dashboard_route;
-						} else {
-							window.location.href = '/dashboard/welcome';
-						}
-					},
-					onError(err) {
-						const errorMessage = err?.messages?.length
-							? err.messages.join('\n')
-							: (err?.message || '注册失败，请检查您的信息');
-						toast.error(errorMessage);
-					},
-				};
-			},
-	},
-	methods: {
-		resetSignupState() {
-			if (!this.isLogin && !this.hasForgotPassword && this.otpRequested) {
-				this.otpRequested = false;
-				this.account_request = '';
-				this.otp = '';
-			}
-		},
-		async submitForm() {
-			if (this.isLogin) {
-				if (this.isOauthLogin) {
-					this.$resources.oauthLogin.submit({
-						provider: this.socialLoginKey,
-					});
-				} else if (this.useEmail && this.otpSent) {
-					return;
-				} else if (!this.useEmail && this.email && this.password) {
-					this.checkTwoFactorAndLogin();
-				} else if (this.useEmail && !this.otpSent) {
-					this.$resources.sendOTP.submit();
-				}
-			} else if (this.hasForgotPassword) {
-				this.checkTwoFactorAndResetPassword();
-			} else {
-				if (!this.username) {
-					toast.error('用户名不能为空');
-					return;
-				}
-				if (!this.phoneNumber) {
-					toast.error('手机号不能为空');
-					return;
-				}
-				if (!this.isPhoneNumberValid) {
-					toast.error('请输入正确的手机号码格式');
-					return;
-				}
-				if (!this.signupPassword) {
-					toast.error('密码不能为空');
-					return;
-				}
-				if (this.signupPassword !== this.confirmPassword) {
-					toast.error('两次输入的密码不一致');
-					return;
-				}
-				if (!this.isPasswordValid) {
-					toast.error('密码必须至少8个字符，并包含大小写字母和数字');
-					return;
-				}
-				this.$resources.signupWithUsername.submit();
-			}
-		},
-
-		async checkTwoFactorAndLogin() {
-			await this.$resources.is2FAEnabled.submit(
-				{ user: this.email },
-				{
-					onSuccess: async (two_factor_enabled) => {
-						if (two_factor_enabled) {
-							this.$router.push({
-								name: 'Login',
-								query: {
-									...this.$route.query,
-									two_factor: 1,
-								},
-							});
-						} else {
-							await this.login();
-						}
-					},
-				},
-			);
-		},
-
-		async checkTwoFactorAndResetPassword() {
-			await this.$resources.is2FAEnabled.submit(
-				{ user: this.email },
-				{
-					onSuccess: async (two_factor_enabled) => {
-						if (two_factor_enabled) {
-							this.$router.push({
-								name: 'Login',
-								query: {
-									two_factor: 1,
-									forgot: 1,
-								},
-							});
-						} else {
-							await this.$resources.resetPassword.submit({
-								email: this.email,
-							});
-						}
-					},
-				},
-			);
-		},
-
-		verifyOTPAndLogin() {
-			this.$resources.is2FAEnabled.submit(
-				{ user: this.email },
-				{
-					onSuccess: async (two_factor_enabled) => {
-						if (two_factor_enabled) {
-							this.$router.push({
-								name: 'Login',
-								query: {
-									...this.$route.query,
-									two_factor: 1,
-								},
-							});
-						} else {
-							await this.$resources.verifyOTPAndLogin.submit();
-						}
-					},
-				},
-			);
-		},
-		getReferrerIfAny() {
-			const params = location.search;
-			const searchParams = new URLSearchParams(params);
-			return searchParams.get('referrer');
-		},
-		async login() {
-			await this.$session.login.submit(
-				{
-					email: this.email,
-					password: this.password,
-				},
-				{
-					onSuccess: (res) => {
-						// 直接在此处处理重定向，不调用afterLogin
-						localStorage.setItem('login_email', this.email || this.username);
-						
-						// 老用户直接进入主仪表板
-						window.location.href = '/dashboard';
-					},
-					onError: (err) => {
-						if (this.$route.name === 'Login' && this.$route.query.two_factor) {
-							this.$router.push({
-								name: 'Login',
-								query: {
-									two_factor: undefined,
-								},
-							});
-							this.twoFactorCode = '';
-						}
-					},
-				},
-			);
-		},
-		afterLogin(res) {
-			let loginRoute = `/dashboard${res.dashboard_route || '/'}`;
-			// if query param redirect is present, redirect to that route
-			if (this.$route.query.redirect) {
-				loginRoute = this.$route.query.redirect;
-			}
-			localStorage.setItem('login_email', this.email);
-			window.location.href = loginRoute;
-		},
-		switchToEmailLogin() {
-			this.$router.push({
-				name: 'Login',
-				query: { 
-					...this.$route.query, 
-					use_email: 1
-				}
-			});
-		},
-		switchToPasswordLogin() {
-			this.$router.push({
-				name: 'Login',
-				query: { 
-					...this.$route.query, 
-					use_email: undefined
-				}
-			});
-		},
-		validatePhoneNumber() {
-			// 失焦时验证手机号格式
-			if (this.phoneNumber && this.phoneNumber.length > 0) {
-				this.phoneNumberFormatError = !this.isPhoneNumberValid;
-			} else {
-				this.phoneNumberFormatError = false;
-			}
-		},
-	},
-	computed: {
-		error() {
-			if (this.$resources.signup.error) {
-				return this.$resources.signup.error;
-			}
-
-			if (this.$resources.resetPassword.error) {
-				return this.$resources.resetPassword.error;
-			}
-		},
-		saasProduct() {
-			return this.$resources.signupSettings.data?.product_trial;
-		},
-		isLogin() {
-			return this.$route.name == 'Login' && !this.$route.query.forgot;
-		},
-		hasForgotPassword() {
-			return this.$route.name == 'Login' && this.$route.query.forgot;
-		},
-		is2FA() {
-			return this.$route.name == 'Login' && this.$route.query.two_factor;
-		},
-		emailDomain() {
-			return this.email?.includes('@') ? this.email?.split('@').pop() : '';
-		},
-		isOauthLogin() {
-			return (
-				this.oauthEmailDomains.has(this.emailDomain) &&
-				this.emailDomain.length > 0
-			);
-		},
-		oauthProviders() {
-			const domains = this.$resources.signupSettings.data?.oauth_domains;
-			let providers = {};
-
-			if (domains) {
-				domains.map(
-					(d) =>
-						(providers[d.email_domain] = {
-							social_login_key: d.social_login_key,
-							provider_name: d.provider_name,
-						}),
-				);
-			}
-
-			return providers;
-		},
-		oauthEmailDomains() {
-			return new Set(Object.keys(this.oauthProviders));
-		},
-		socialLoginKey() {
-			return this.oauthProviders[this.emailDomain].social_login_key;
-		},
-		oauthProviderName() {
-			return this.oauthProviders[this.emailDomain].provider_name;
-		},
-		title() {
-			if (this.hasForgotPassword) {
-				return '重置密码';
-			} else if (this.isLogin) {
-				if (this.saasProduct) {
-					return `登录您的账户以开始使用 ${this.saasProduct.title}`;
-				}
-				return '登录您的账户';
-			} else {
-				if (this.saasProduct) {
-					return `注册以创建您的 ${this.saasProduct.title} 站点`;
-				}
-				return '创建新账户';
-			}
-		},
-		useEmail() {
-			// 默认使用密码登录，只有当明确指定use_email时才使用邮箱验证码
-			return Boolean(this.$route.query.use_email);
-		},
-		passwordMismatch() {
-			return this.signupPassword !== this.confirmPassword && this.confirmPassword;
-		},
-		passwordStrength() {
-			if (!this.signupPassword) return 0;
-			
-			let strength = 0;
-			
-			// 密码长度
-			if (this.signupPassword.length >= 8) strength += 25;
-			
-			// 包含小写字母
-			if (/[a-z]/.test(this.signupPassword)) strength += 25;
-			
-			// 包含大写字母
-			if (/[A-Z]/.test(this.signupPassword)) strength += 25;
-			
-			// 包含数字
-			if (/[0-9]/.test(this.signupPassword)) strength += 25;
-			
-			return strength;
-		},
-		passwordStrengthClass() {
-			if (this.passwordStrength < 40) return 'bg-red-500';
-			if (this.passwordStrength < 60) return 'bg-yellow-500';
-			if (this.passwordStrength < 80) return 'bg-blue-500';
-			return 'bg-green-500';
-		},
-		passwordStrengthText() {
-			if (this.passwordStrength < 40) return '弱';
-			if (this.passwordStrength < 60) return '一般';
-			if (this.passwordStrength < 80) return '强';
-			return '非常强';
-		},
-		passwordStrengthTextClass() {
-			if (this.passwordStrength < 40) return 'text-red-500';
-			if (this.passwordStrength < 60) return 'text-yellow-500';
-			if (this.passwordStrength < 80) return 'text-blue-500';
-			return 'text-green-500';
-		},
-		isPasswordValid() {
-			return this.signupPassword && 
-				   this.signupPassword.length >= 8 && 
-				   /[a-z]/.test(this.signupPassword) && 
-				   /[A-Z]/.test(this.signupPassword) && 
-				   /[0-9]/.test(this.signupPassword);
-		},
-		isPhoneNumberValid() {
-			// 中国大陆手机号验证：11位数字，以1开头，第二位为3-9
-			const phoneRegex = /^1[3-9]\d{9}$/;
-			return phoneRegex.test(this.phoneNumber);
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/NewJsiteDomain.vue b/dashboard_backup/src2/pages/NewJsiteDomain.vue
deleted file mode 100644
index a0aba01..0000000
--- a/dashboard_backup/src2/pages/NewJsiteDomain.vue
+++ /dev/null
@@ -1,1345 +0,0 @@
-<template>
-  <div>
-    <!-- 页面头部 -->
-    <div class="sticky top-0 z-10 shrink-0">
-      <Header>
-        <Breadcrumbs
-          :items="[
-            { label: '域名', route: '/domains' },
-            { label: '新建域名', route: '/domains/new' }
-          ]"
-        />
-      </Header>
-    </div>
-
-    <!-- 主要内容区域 -->
-    <div class="mx-auto max-w-7xl px-5">
-      <!-- 第一步：选择域名和支付方式 -->
-      <div v-if="!showPaymentProcessing" class="space-y-12 pb-[50vh] pt-12">
-
-        <div class="space-y-6">
-          <div>
-            <div class="flex flex-col sm:flex-row gap-2">
-              <input 
-                v-model="domainName" 
-                type="text" 
-                placeholder="请输入域名关键词，如：example"
-                class="flex-1 border rounded px-3 py-2"
-                @keyup.enter="checkDomain"
-              />
-              <div class="relative">
-                <button 
-                  @click="showSuffixSelector = !showSuffixSelector"
-                  class="suffix-selector-btn px-4 py-2 border border-gray-300 bg-white text-gray-700 rounded-l-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 whitespace-nowrap flex items-center gap-2"
-                >
-                  {{ selectedSuffix }}
-                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
-                  </svg>
-                </button>
-
-              </div>
-              <button 
-                @click="checkDomain"
-                :disabled="isChecking"
-                class="px-4 py-2 bg-blue-600 text-white rounded-r-md hover:bg-blue-700 disabled:bg-gray-300 whitespace-nowrap"
-              >
-                {{ isChecking ? '查询中...' : '查询域名' }}
-              </button>
-            </div>
-          </div>
-
-          <!-- 域名后缀选择区域 -->
-          <div v-if="showSuffixSelector" class="border rounded-lg p-4 bg-gray-50">
-            <div class="mb-4">
-              <h3 class="text-sm font-medium text-gray-700 mb-3">选择域名后缀</h3>
-              
-              <!-- 搜索和排序 -->
-              <div class="flex flex-col sm:flex-row gap-2 mb-4">
-                <div class="search-container">
-                  <input 
-                    v-model="suffixSearch" 
-                    type="text" 
-                    placeholder="搜索后缀"
-                    class="search-input"
-                  />
-                  <svg class="search-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
-                  </svg>
-                </div>
-                <select v-model="suffixSort" class="px-3 py-2 text-sm border rounded-md bg-white min-w-[120px]">
-                  <option value="default">默认排序</option>
-                  <option value="popular">热门优先</option>
-                  <option value="alphabetical">字母排序</option>
-                </select>
-              </div>
-
-              <!-- 分类标签 -->
-              <div class="category-tabs overflow-x-auto">
-                <div class="flex gap-2 min-w-max">
-                  <button 
-                    v-for="category in suffixCategories" 
-                    :key="category.key"
-                    @click="selectedCategory = category.key"
-                    class="category-tab whitespace-nowrap"
-                    :class="{ active: selectedCategory === category.key }"
-                  >
-                    {{ category.label }}
-                  </button>
-                </div>
-              </div>
-            </div>
-
-            <!-- 域名后缀网格 -->
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 2xl:grid-cols-10 gap-2 domain-suffix-grid">
-                             <button 
-                 v-for="suffix in filteredSuffixes" 
-                 :key="suffix.value"
-                 @click="selectSuffix(suffix.value)"
-                 class="domain-suffix-item p-3 text-center rounded-lg border transition-all duration-200"
-                 :class="selectedSuffix === suffix.value 
-                   ? 'border-blue-500 border-2 shadow-sm bg-blue-50' 
-                   : 'bg-white border-gray-200 hover:border-blue-300 hover:bg-gray-50'"
-               >
-                <div class="flex items-center justify-center gap-1">
-                  <span class="text-sm font-medium" :class="selectedSuffix === suffix.value ? 'text-blue-700' : 'text-gray-800'">{{ suffix.value }}</span>
-                  <span v-if="suffix.hot" class="hot-tag">
-                    HOT
-                  </span>
-                </div>
-
-              </button>
-            </div>
-          </div>
-
-          <!-- 域名查询结果 -->
-          <div v-if="domainCheckResult" class="border rounded-lg p-4">
-            <div v-if="domainCheckResult.available" class="text-green-600">
-              <div class="flex items-center gap-2 mb-2">
-                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                  <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
-                </svg>
-                <span class="font-medium">域名可用</span>
-              </div>
-              <p class="text-sm text-gray-600">{{ fullDomain }} 可以注册</p>
-              <div v-if="domainPrice" class="mt-2 text-lg font-bold text-green-600">
-                ¥{{ domainPrice }}/年
-              </div>
-            </div>
-            <div v-else class="text-red-600">
-              <div class="flex items-center gap-2 mb-2">
-                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
-                  <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
-                </svg>
-                <span class="font-medium">域名不可用</span>
-              </div>
-              <p class="text-sm text-gray-600">{{ fullDomain }} 已被注册</p>
-            </div>
-          </div>
-
-          <div v-if="domainCheckResult && domainCheckResult.available">
-            <!-- 域名所有者选择 -->
-            <div class="mb-4">
-              <label class="block text-sm font-medium text-gray-700 mb-2">域名所有者 *</label>
-              <div class="flex gap-2">
-                <select 
-                  v-model="selectedDomainOwner" 
-                  class="flex-1 border rounded px-3 py-2"
-                  required
-                >
-                  <option value="">请选择域名所有者</option>
-                  <option v-for="owner in domainOwners" :key="owner.name" :value="owner.name">
-                    {{ getOwnerDisplayName(owner) }}
-                  </option>
-                </select>
-                <button 
-                  @click="showNewOwnerDialog = true"
-                  type="button"
-                  class="px-4 py-2 border border-gray-300 bg-white text-gray-700 rounded hover:bg-gray-50 flex items-center gap-2"
-                >
-                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
-                  </svg>
-                  新建域名所有者
-                </button>
-              </div>
-            </div>
-
-            <label class="block text-sm font-medium text-gray-700 mb-2">购买时长</label>
-            <select v-model="period" @change="onPeriodChange" class="w-full border rounded px-3 py-2">
-              <option v-for="p in periods" :key="p.value" :value="p.value">{{ p.label }}</option>
-            </select>
-          </div>
-
-          <!-- 价格信息显示 -->
-          <div v-if="domainCheckResult && domainCheckResult.available && totalPrice" class="border-t border-gray-200 pt-4">
-            <div class="flex justify-between items-center">
-              <div class="text-sm text-gray-600">购买时长</div>
-              <div class="font-medium">{{ period }} 年</div>
-            </div>
-            <div class="flex justify-between items-center mt-2 text-lg font-bold">
-              <div>总计</div>
-              <div>¥ {{ totalPrice.toFixed(2) }}</div>
-            </div>
-          </div>
-
-          <!-- 支付方式选择 -->
-          <div v-if="domainCheckResult && domainCheckResult.available" class="border-t border-gray-200 pt-4">
-            <label class="block text-sm font-medium text-gray-700 mb-3">
-              选择支付方式
-            </label>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-              <button 
-                class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-                :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-                @click="selectedPaymentMethod = 'balance'"
-              >
-                <span class="text-gray-800 font-medium">余额支付</span>
-              </button>
-              
-              <button 
-                class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-                :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-                @click="selectedPaymentMethod = 'alipay'"
-              >
-                <div class="flex flex-col items-center">
-                  <div class="mb-2">
-                    <AlipayLogo class="h-8" />
-                  </div>
-                </div>
-              </button>
-              
-              <button 
-                class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-                :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-                @click="selectedPaymentMethod = 'wechatpay'"
-              >
-                <div class="flex flex-col items-center">
-                  <div class="mb-2">
-                    <WeChatPayLogo class="h-8" />
-                  </div>
-                </div>
-              </button>
-            </div>
-          </div>
-
-          <div v-if="error" class="p-3 bg-red-50 text-red-700 rounded-md text-sm">
-            {{ error }}
-          </div>
-
-          <!-- 注册按钮 -->
-          <div v-if="domainCheckResult && domainCheckResult.available" class="pt-4">
-            <button 
-              type="button"
-              class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-              @click="registerDomain"
-              :disabled="isLoading"
-            >
-              {{ isLoading ? '处理中...' : '注册域名' }}
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <!-- 第二步：处理支付 -->
-      <div v-else class="space-y-12 pb-[50vh] pt-12">
-        <!-- 加载中状态 -->
-        <div v-if="isProcessingPayment" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <!-- 支付成功状态 -->
-        <div v-else-if="paymentSuccess" class="text-center py-8">
-          <div class="flex justify-center mb-6">
-            <div class="rounded-full bg-green-100 p-3">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-          </div>
-          <h3 class="text-xl font-medium text-gray-900 mb-2">支付成功！</h3>
-          <p class="text-gray-600 mb-4">
-            您的订单已支付成功，域名正在注册中，注册需要1分钟左右，请耐心等待。
-          </p>
-          <p class="text-gray-500 text-sm">
-            您可以在域名列表中查看域名状态。
-          </p>
-          <div class="mt-6">
-            <button 
-              type="button"
-              class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-              @click="goToDomainList"
-            >
-              返回域名列表
-            </button>
-          </div>
-        </div>
-        
-        <!-- 微信支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'wechatpay' && paymentQrCode" class="text-center">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">域名注册 - {{ fullDomain }}</h3>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <!-- 支付宝支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动刷新页面
-            </p>
-          </div>
-        </div>
-        
-        <div v-if="error" class="p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </div>
-
-    <!-- 新建域名所有者对话框 -->
-    <DomainOwnerDialog 
-      :visible="showNewOwnerDialog"
-      :is-loading="isCreatingOwner"
-      @close="showNewOwnerDialog = false"
-      @submit="handleOwnerSubmit"
-    />
-  </div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-import DomainOwnerDialog from '../components/DomainOwnerDialog.vue';
-import router from '../router';
-import { getChinaRegions } from '../utils/regions';
-
-export default {
-  name: 'NewJsiteDomain',
-  components: { 
-    AlipayLogo,
-    WeChatPayLogo,
-    DomainOwnerDialog
-  },
-  data() {
-    return {
-      domainName: '',
-      selectedSuffix: '.com',
-      period: 1,
-      selectedPaymentMethod: null,
-      periods: [
-        { value: 1, label: '1年' },
-        { value: 2, label: '2年' },
-        { value: 3, label: '3年' },
-        { value: 5, label: '5年' },
-        { value: 10, label: '10年' }
-      ],
-      isLoading: false,
-      isChecking: false,
-      error: null,
-      domainCheckResult: null,
-      domainPrice: null,
-      totalPrice: null, // 当前选择年限的总价
-      // 支付相关状态
-      order: null,
-      domain: null,
-      showPaymentProcessing: false,
-      paymentSuccess: false,
-      isProcessingPayment: false,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      checkInterval: null,
-      // 域名后缀相关
-      suffixSearch: '',
-      suffixSort: 'default',
-      selectedCategory: 'popular',
-      showSuffixSelector: false,
-      // 域名所有者相关
-      selectedDomainOwner: '',
-      domainOwners: [],
-      showNewOwnerDialog: false,
-      isCreatingOwner: false,
-             suffixCategories: [
-         { key: 'popular', label: '热门域名' },
-         { key: 'gtd', label: '通用顶级域名' },
-         { key: 'ntd', label: '新顶级域名' },
-         { key: 'country', label: '国家/地区域名' },
-         { key: 'cn', label: 'CN域名' },
-         { key: 'chinese', label: '中文域名' },
-         { key: 'business', label: '商业域名' },
-         { key: 'tech', label: '科技域名' },
-         { key: 'creative', label: '创意域名' },
-         { key: 'lifestyle', label: '生活域名' },
-         { key: 'all', label: '全部域名' }
-       ],
-             allSuffixes: [
-         // 通用顶级域名 (gtd)
-         { value: '.com', label: '.com', hot: true, category: 'gtd' },
-         { value: '.net', label: '.net', hot: true, category: 'gtd' },
-         { value: '.org', label: '.org', hot: true, category: 'gtd' },
-         { value: '.info', label: '.info', hot: false, category: 'gtd' },
-         { value: '.biz', label: '.biz', hot: false, category: 'gtd' },
-         
-         // 新顶级域名 (ntd)
-         { value: '.top', label: '.top', hot: true, category: 'ntd' },
-         { value: '.xyz', label: '.xyz', hot: true, category: 'ntd' },
-         { value: '.vip', label: '.vip', hot: true, category: 'ntd' },
-         { value: '.site', label: '.site', hot: true, category: 'ntd' },
-         { value: '.shop', label: '.shop', hot: true, category: 'ntd' },
-         { value: '.club', label: '.club', hot: true, category: 'ntd' },
-         { value: '.icu', label: '.icu', hot: true, category: 'ntd' },
-         { value: '.online', label: '.online', hot: false, category: 'ntd' },
-         { value: '.love', label: '.love', hot: false, category: 'ntd' },
-         { value: '.store', label: '.store', hot: false, category: 'ntd' },
-         { value: '.xin', label: '.xin', hot: false, category: 'ntd' },
-         { value: '.ink', label: '.ink', hot: false, category: 'ntd' },
-         { value: '.work', label: '.work', hot: false, category: 'ntd' },
-         { value: '.fun', label: '.fun', hot: false, category: 'ntd' },
-         { value: '.tech', label: '.tech', hot: false, category: 'ntd' },
-         { value: '.art', label: '.art', hot: true, category: 'ntd' },
-         { value: '.group', label: '.group', hot: false, category: 'ntd' },
-         { value: '.app', label: '.app', hot: true, category: 'ntd' },
-         { value: '.dev', label: '.dev', hot: true, category: 'ntd' },
-         { value: '.io', label: '.io', hot: true, category: 'ntd' },
-         { value: '.ai', label: '.ai', hot: true, category: 'ntd' },
-         { value: '.me', label: '.me', hot: true, category: 'ntd' },
-         { value: '.co', label: '.co', hot: true, category: 'ntd' },
-         { value: '.town', label: '.town', hot: false, category: 'ntd' },
-         { value: '.toys', label: '.toys', hot: false, category: 'ntd' },
-         { value: '.trade', label: '.trade', hot: false, category: 'ntd' },
-         { value: '.tips', label: '.tips', hot: false, category: 'ntd' },
-         { value: '.tm', label: '.tm', hot: false, category: 'ntd' },
-         { value: '.today', label: '.today', hot: false, category: 'ntd' },
-         { value: '.tools', label: '.tools', hot: false, category: 'ntd' },
-         { value: '.tv', label: '.tv', hot: false, category: 'ntd' },
-         { value: '.tw', label: '.tw', hot: false, category: 'ntd' },
-         { value: '.uno', label: '.uno', hot: false, category: 'ntd' },
-         { value: '.vc', label: '.vc', hot: false, category: 'ntd' },
-         { value: '.ventures', label: '.ventures', hot: false, category: 'ntd' },
-         { value: '.vet', label: '.vet', hot: false, category: 'ntd' },
-         { value: '.video', label: '.video', hot: false, category: 'ntd' },
-         { value: '.vin', label: '.vin', hot: false, category: 'ntd' },
-         { value: '.wang', label: '.wang', hot: false, category: 'ntd' },
-         { value: '.watch', label: '.watch', hot: false, category: 'ntd' },
-         { value: '.webcam', label: '.webcam', hot: false, category: 'ntd' },
-         { value: '.website', label: '.website', hot: false, category: 'ntd' },
-         { value: '.wiki', label: '.wiki', hot: false, category: 'ntd' },
-         { value: '.win', label: '.win', hot: false, category: 'ntd' },
-         { value: '.wine', label: '.wine', hot: false, category: 'ntd' },
-         { value: '.works', label: '.works', hot: false, category: 'ntd' },
-         { value: '.world', label: '.world', hot: false, category: 'ntd' },
-         { value: '.wtf', label: '.wtf', hot: false, category: 'ntd' },
-         { value: '.rent', label: '.rent', hot: false, category: 'ntd' },
-         { value: '.review', label: '.review', hot: false, category: 'ntd' },
-         { value: '.rip', label: '.rip', hot: false, category: 'ntd' },
-         { value: '.run', label: '.run', hot: false, category: 'ntd' },
-         { value: '.sale', label: '.sale', hot: false, category: 'ntd' },
-         { value: '.school', label: '.school', hot: false, category: 'ntd' },
-         { value: '.science', label: '.science', hot: false, category: 'ntd' },
-         { value: '.services', label: '.services', hot: false, category: 'ntd' },
-         { value: '.sex', label: '.sex', hot: false, category: 'ntd' },
-         { value: '.sexy', label: '.sexy', hot: false, category: 'ntd' },
-         { value: '.shopping', label: '.shopping', hot: false, category: 'ntd' },
-         { value: '.show', label: '.show', hot: false, category: 'ntd' },
-         { value: '.skin', label: '.skin', hot: false, category: 'ntd' },
-         { value: '.social', label: '.social', hot: false, category: 'ntd' },
-         { value: '.software', label: '.software', hot: false, category: 'ntd' },
-         { value: '.solutions', label: '.solutions', hot: false, category: 'ntd' },
-         { value: '.space', label: '.space', hot: false, category: 'ntd' },
-         { value: '.studio', label: '.studio', hot: false, category: 'ntd' },
-         { value: '.style', label: '.style', hot: false, category: 'ntd' },
-         { value: '.support', label: '.support', hot: false, category: 'ntd' },
-         { value: '.tax', label: '.tax', hot: false, category: 'ntd' },
-         { value: '.team', label: '.team', hot: false, category: 'ntd' },
-         { value: '.technology', label: '.technology', hot: false, category: 'ntd' },
-         { value: '.organic', label: '.organic', hot: false, category: 'ntd' },
-         { value: '.party', label: '.party', hot: false, category: 'ntd' },
-         { value: '.pet', label: '.pet', hot: false, category: 'ntd' },
-         { value: '.news', label: '.news', hot: false, category: 'ntd' },
-         { value: '.ooo', label: '.ooo', hot: false, category: 'ntd' },
-         { value: '.network', label: '.network', hot: false, category: 'ntd' },
-         { value: '.mobi', label: '.mobi', hot: false, category: 'ntd' },
-         { value: '.mom', label: '.mom', hot: false, category: 'ntd' },
-         { value: '.money', label: '.money', hot: false, category: 'ntd' },
-         { value: '.monster', label: '.monster', hot: false, category: 'ntd' },
-         { value: '.motorcycles', label: '.motorcycles', hot: false, category: 'ntd' },
-         { value: '.photo', label: '.photo', hot: false, category: 'ntd' },
-         { value: '.photography', label: '.photography', hot: false, category: 'ntd' },
-         { value: '.photos', label: '.photos', hot: false, category: 'ntd' },
-         { value: '.pics', label: '.pics', hot: false, category: 'ntd' },
-         { value: '.pink', label: '.pink', hot: false, category: 'ntd' },
-         { value: '.plus', label: '.plus', hot: false, category: 'ntd' },
-         { value: '.press', label: '.press', hot: false, category: 'ntd' },
-         { value: '.pro', label: '.pro', hot: false, category: 'ntd' },
-         { value: '.property', label: '.property', hot: false, category: 'ntd' },
-         { value: '.pub', label: '.pub', hot: false, category: 'ntd' },
-         { value: '.pw', label: '.pw', hot: false, category: 'ntd' },
-         { value: '.qpon', label: '.qpon', hot: false, category: 'ntd' },
-         { value: '.quest', label: '.quest', hot: false, category: 'ntd' },
-         { value: '.racing', label: '.racing', hot: false, category: 'ntd' },
-         { value: '.red', label: '.red', hot: false, category: 'ntd' },
-         { value: '.ren', label: '.ren', hot: false, category: 'ntd' },
-         { value: '.ing', label: '.ing', hot: false, category: 'ntd' },
-         { value: '.kim', label: '.kim', hot: false, category: 'ntd' },
-         { value: '.la', label: '.la', hot: false, category: 'ntd' },
-         { value: '.land', label: '.land', hot: false, category: 'ntd' },
-         { value: '.law', label: '.law', hot: false, category: 'ntd' },
-         { value: '.lawyer', label: '.lawyer', hot: false, category: 'ntd' },
-         { value: '.lc', label: '.lc', hot: false, category: 'ntd' },
-         { value: '.life', label: '.life', hot: false, category: 'ntd' },
-         { value: '.link', label: '.link', hot: false, category: 'ntd' },
-         { value: '.live', label: '.live', hot: false, category: 'ntd' },
-         { value: '.loan', label: '.loan', hot: false, category: 'ntd' },
-         { value: '.lol', label: '.lol', hot: false, category: 'ntd' },
-         { value: '.ltd', label: '.ltd', hot: false, category: 'ntd' },
-         { value: '.luxe', label: '.luxe', hot: false, category: 'ntd' },
-         { value: '.makeup', label: '.makeup', hot: false, category: 'ntd' },
-         { value: '.market', label: '.market', hot: false, category: 'ntd' },
-         { value: '.marketing', label: '.marketing', hot: false, category: 'ntd' },
-         { value: '.mba', label: '.mba', hot: false, category: 'ntd' },
-         { value: '.media', label: '.media', hot: false, category: 'ntd' },
-         { value: '.men', label: '.men', hot: false, category: 'ntd' },
-         { value: '.city', label: '.city', hot: false, category: 'ntd' },
-         { value: '.click', label: '.click', hot: false, category: 'ntd' },
-         { value: '.clothing', label: '.clothing', hot: false, category: 'ntd' },
-         { value: '.cloud', label: '.cloud', hot: false, category: 'ntd' },
-         { value: '.ceo', label: '.ceo', hot: false, category: 'ntd' },
-         { value: '.cfd', label: '.cfd', hot: false, category: 'ntd' },
-         { value: '.chat', label: '.chat', hot: false, category: 'ntd' },
-         { value: '.center', label: '.center', hot: false, category: 'ntd' },
-         { value: '.cards', label: '.cards', hot: false, category: 'ntd' },
-         { value: '.cash', label: '.cash', hot: false, category: 'ntd' },
-         { value: '.cab', label: '.cab', hot: false, category: 'ntd' },
-         { value: '.cafe', label: '.cafe', hot: false, category: 'ntd' },
-         { value: '.camera', label: '.camera', hot: false, category: 'ntd' },
-         { value: '.car', label: '.car', hot: false, category: 'ntd' },
-         { value: '.coffee', label: '.coffee', hot: false, category: 'ntd' },
-         { value: '.college', label: '.college', hot: false, category: 'ntd' },
-         { value: '.accountant', label: '.accountant', hot: false, category: 'ntd' },
-         { value: '.auction', label: '.auction', hot: false, category: 'ntd' },
-         { value: '.audio', label: '.audio', hot: false, category: 'ntd' },
-         { value: '.autos', label: '.autos', hot: false, category: 'ntd' },
-         { value: '.baby', label: '.baby', hot: false, category: 'ntd' },
-         { value: '.band', label: '.band', hot: false, category: 'ntd' },
-         { value: '.bar', label: '.bar', hot: false, category: 'ntd' },
-         { value: '.beauty', label: '.beauty', hot: false, category: 'ntd' },
-         { value: '.beer', label: '.beer', hot: false, category: 'ntd' },
-         { value: '.best', label: '.best', hot: false, category: 'ntd' },
-         { value: '.bet', label: '.bet', hot: false, category: 'ntd' },
-         { value: '.bid', label: '.bid', hot: false, category: 'ntd' },
-         { value: '.bike', label: '.bike', hot: false, category: 'ntd' },
-         { value: '.bio', label: '.bio', hot: false, category: 'ntd' },
-         { value: '.black', label: '.black', hot: false, category: 'ntd' },
-         { value: '.blog', label: '.blog', hot: false, category: 'ntd' },
-         { value: '.blue', label: '.blue', hot: false, category: 'ntd' },
-         { value: '.boats', label: '.boats', hot: false, category: 'ntd' },
-         { value: '.bond', label: '.bond', hot: false, category: 'ntd' },
-         { value: '.business', label: '.business', hot: false, category: 'ntd' },
-         { value: '.buzz', label: '.buzz', hot: false, category: 'ntd' },
-         { value: '.bz', label: '.bz', hot: false, category: 'ntd' },
-         { value: '.construction', label: '.construction', hot: false, category: 'ntd' },
-         { value: '.cool', label: '.cool', hot: false, category: 'ntd' },
-         { value: '.credit', label: '.credit', hot: false, category: 'ntd' },
-         { value: '.cricket', label: '.cricket', hot: false, category: 'ntd' },
-         { value: '.cx', label: '.cx', hot: false, category: 'ntd' },
-         { value: '.cyou', label: '.cyou', hot: false, category: 'ntd' },
-         { value: '.date', label: '.date', hot: false, category: 'ntd' },
-         { value: '.design', label: '.design', hot: false, category: 'ntd' },
-         { value: '.diet', label: '.diet', hot: false, category: 'ntd' },
-         { value: '.dog', label: '.dog', hot: false, category: 'ntd' },
-         { value: '.domains', label: '.domains', hot: false, category: 'ntd' },
-         { value: '.download', label: '.download', hot: false, category: 'ntd' },
-         { value: '.email', label: '.email', hot: false, category: 'ntd' },
-         { value: '.engineer', label: '.engineer', hot: false, category: 'ntd' },
-         { value: '.gs', label: '.gs', hot: false, category: 'ntd' },
-         { value: '.equipment', label: '.equipment', hot: false, category: 'ntd' },
-         { value: '.estate', label: '.estate', hot: false, category: 'ntd' },
-         { value: '.expert', label: '.expert', hot: false, category: 'ntd' },
-         { value: '.faith', label: '.faith', hot: false, category: 'ntd' },
-         { value: '.family', label: '.family', hot: false, category: 'ntd' },
-         { value: '.fan', label: '.fan', hot: false, category: 'ntd' },
-         { value: '.fans', label: '.fans', hot: false, category: 'ntd' },
-         { value: '.fashion', label: '.fashion', hot: false, category: 'ntd' },
-         { value: '.feedback', label: '.feedback', hot: false, category: 'ntd' },
-         { value: '.fish', label: '.fish', hot: false, category: 'ntd' },
-         { value: '.fit', label: '.fit', hot: false, category: 'ntd' },
-         { value: '.flowers', label: '.flowers', hot: false, category: 'ntd' },
-         { value: '.fund', label: '.fund', hot: false, category: 'ntd' },
-         { value: '.fyi', label: '.fyi', hot: false, category: 'ntd' },
-         { value: '.game', label: '.game', hot: false, category: 'ntd' },
-         { value: '.games', label: '.games', hot: false, category: 'ntd' },
-         { value: '.gg', label: '.gg', hot: false, category: 'ntd' },
-         { value: '.gift', label: '.gift', hot: false, category: 'ntd' },
-         { value: '.gives', label: '.gives', hot: false, category: 'ntd' },
-         { value: '.global', label: '.global', hot: false, category: 'ntd' },
-         { value: '.gold', label: '.gold', hot: false, category: 'ntd' },
-         { value: '.green', label: '.green', hot: false, category: 'ntd' },
-         { value: '.guru', label: '.guru', hot: false, category: 'ntd' },
-         { value: '.hair', label: '.hair', hot: false, category: 'ntd' },
-         { value: '.haus', label: '.haus', hot: false, category: 'ntd' },
-         { value: '.help', label: '.help', hot: false, category: 'ntd' },
-         { value: '.holiday', label: '.holiday', hot: false, category: 'ntd' },
-         { value: '.homes', label: '.homes', hot: false, category: 'ntd' },
-         { value: '.host', label: '.host', hot: false, category: 'ntd' },
-         { value: '.hosting', label: '.hosting', hot: false, category: 'ntd' },
-         { value: '.house', label: '.house', hot: false, category: 'ntd' },
-         { value: '.xxx', label: '.xxx', hot: false, category: 'ntd' },
-         { value: '.yachts', label: '.yachts', hot: false, category: 'ntd' },
-         { value: '.yoga', label: '.yoga', hot: false, category: 'ntd' },
-         { value: '.zone', label: '.zone', hot: false, category: 'ntd' },
-         
-         // 国家/地区域名 (country)
-         { value: '.cn', label: '.cn', hot: true, category: 'country' },
-         { value: '.hk', label: '.hk', hot: true, category: 'country' },
-         { value: '.asia', label: '.asia', hot: false, category: 'country' },
-         { value: '.cc', label: '.cc', hot: false, category: 'country' },
-         { value: '.sc', label: '.sc', hot: false, category: 'country' },
-         { value: '.tw', label: '.tw', hot: false, category: 'country' },
-         { value: '.tv', label: '.tv', hot: false, category: 'country' },
-         
-         // CN域名 (cn)
-         { value: '.net.cn', label: '.net.cn', hot: false, category: 'cn' },
-         { value: '.org.cn', label: '.org.cn', hot: false, category: 'cn' },
-         { value: '.gov.cn', label: '.gov.cn', hot: false, category: 'cn' },
-         { value: '.cn.com', label: '.cn.com', hot: false, category: 'cn' },
-         { value: '.com.hk', label: '.com.hk', hot: false, category: 'cn' },
-         { value: '.com.tw', label: '.com.tw', hot: false, category: 'cn' },
-         { value: '.net.co', label: '.net.co', hot: false, category: 'cn' },
-         { value: '.com.co', label: '.com.co', hot: false, category: 'cn' },
-         
-         // 中文域名 (chinese)
-         { value: '.中国', label: '.中国', hot: true, category: 'chinese' },
-         { value: '.网络', label: '.网络', hot: false, category: 'chinese' },
-         { value: '.网址', label: '.网址', hot: false, category: 'chinese' },
-         { value: '.商标', label: '.商标', hot: false, category: 'chinese' },
-         { value: '.世界', label: '.世界', hot: false, category: 'chinese' },
-         { value: '.集团', label: '.集团', hot: false, category: 'chinese' },
-         { value: '.我爱你', label: '.我爱你', hot: false, category: 'chinese' },
-         { value: '.餐厅', label: '.餐厅', hot: false, category: 'chinese' },
-         { value: '.购物', label: '.购物', hot: false, category: 'chinese' },
-         { value: '.健康', label: '.健康', hot: false, category: 'chinese' },
-         { value: '.企业', label: '.企业', hot: false, category: 'chinese' },
-         { value: '.商店', label: '.商店', hot: false, category: 'chinese' },
-         { value: '.网店', label: '.网店', hot: false, category: 'chinese' },
-         { value: '.娱乐', label: '.娱乐', hot: false, category: 'chinese' },
-         { value: '.游戏', label: '.游戏', hot: false, category: 'chinese' },
-         { value: '.招聘', label: '.招聘', hot: false, category: 'chinese' },
-         { value: '.佛山', label: '.佛山', hot: false, category: 'chinese' },
-         { value: '.广东', label: '.广东', hot: false, category: 'chinese' },
-         { value: '.公司', label: '.公司', hot: false, category: 'chinese' },
-         { value: '.信息', label: '.信息', hot: false, category: 'chinese' },
-         { value: '.中文网', label: '.中文网', hot: false, category: 'chinese' },
-         { value: '.在线', label: '.在线', hot: false, category: 'chinese' },
-         { value: '.网址', label: '.网址', hot: false, category: 'chinese' },
-         { value: '.商标', label: '.商标', hot: false, category: 'chinese' },
-         { value: '.世界', label: '.世界', hot: false, category: 'chinese' },
-         { value: '.集团', label: '.集团', hot: false, category: 'chinese' },
-         { value: '.我爱你', label: '.我爱你', hot: false, category: 'chinese' },
-         { value: '.餐厅', label: '.餐厅', hot: false, category: 'chinese' },
-         { value: '.购物', label: '.购物', hot: false, category: 'chinese' },
-         { value: '.健康', label: '.健康', hot: false, category: 'chinese' },
-         { value: '.企业', label: '.企业', hot: false, category: 'chinese' },
-         { value: '.商店', label: '.商店', hot: false, category: 'chinese' },
-         { value: '.网店', label: '.网店', hot: false, category: 'chinese' },
-         { value: '.娱乐', label: '.娱乐', hot: false, category: 'chinese' },
-         { value: '.游戏', label: '.游戏', hot: false, category: 'chinese' },
-         { value: '.招聘', label: '.招聘', hot: false, category: 'chinese' },
-         { value: '.佛山', label: '.佛山', hot: false, category: 'chinese' },
-         { value: '.广东', label: '.广东', hot: false, category: 'chinese' }
-       ]
-    };
-  },
-  watch: {
-    // 监听域名后缀变化，当有域名输入时自动查询
-    selectedSuffix: {
-      handler(newSuffix, oldSuffix) {
-        if (oldSuffix && this.domainName && this.domainName.trim()) {
-          this.checkDomain();
-        }
-      }
-    }
-  },
-  computed: {
-    fullDomain() {
-      if (!this.domainName) return '';
-      return this.domainName + this.selectedSuffix;
-    },
-         filteredSuffixes() {
-       let suffixes = this.allSuffixes;
-
-       // 根据分类过滤
-       if (this.selectedCategory === 'popular') {
-         suffixes = suffixes.filter(s => s.hot);
-       } else if (this.selectedCategory === 'gtd') {
-         suffixes = suffixes.filter(s => s.category === 'gtd');
-       } else if (this.selectedCategory === 'ntd') {
-         suffixes = suffixes.filter(s => s.category === 'ntd');
-       } else if (this.selectedCategory === 'country') {
-         suffixes = suffixes.filter(s => s.category === 'country');
-       } else if (this.selectedCategory === 'cn') {
-         suffixes = suffixes.filter(s => s.category === 'cn');
-       } else if (this.selectedCategory === 'chinese') {
-         suffixes = suffixes.filter(s => s.category === 'chinese');
-       } else if (this.selectedCategory === 'business') {
-         suffixes = suffixes.filter(s => ['.com', '.biz', '.business', '.shop', '.store', '.market', '.trade', '.sale', '.commerce', '.company', '.enterprise', '.corp', '.inc', '.ltd'].includes(s.value));
-       } else if (this.selectedCategory === 'tech') {
-         suffixes = suffixes.filter(s => ['.tech', '.technology', '.ai', '.io', '.dev', '.app', '.software', '.digital', '.cloud', '.data', '.api', '.code', '.hack', '.lab', '.studio'].includes(s.value));
-       } else if (this.selectedCategory === 'creative') {
-         suffixes = suffixes.filter(s => ['.art', '.design', '.creative', '.studio', '.gallery', '.photo', '.photography', '.video', '.media', '.film', '.music', '.band', '.show', '.stage'].includes(s.value));
-       } else if (this.selectedCategory === 'lifestyle') {
-         suffixes = suffixes.filter(s => ['.life', '.lifestyle', '.health', '.fitness', '.beauty', '.fashion', '.style', '.luxury', '.premium', '.elite', '.vip', '.exclusive', '.boutique', '.spa', '.wellness'].includes(s.value));
-       }
-
-       // 根据搜索关键词过滤
-       if (this.suffixSearch) {
-         const searchLower = this.suffixSearch.toLowerCase();
-         suffixes = suffixes.filter(s => s.label.toLowerCase().includes(searchLower));
-       }
-
-       // 根据排序方式排序
-       if (this.suffixSort === 'popular') {
-         suffixes.sort((a, b) => (b.hot ? 1 : 0) - (a.hot ? 1 : 0));
-       } else if (this.suffixSort === 'alphabetical') {
-         suffixes.sort((a, b) => a.label.localeCompare(b.label));
-       }
-
-       return suffixes;
-     }
-  },
-  resources: {
-    // 查询域名可用性
-    checkDomainAvailability() {
-      return {
-        url: 'jcloud.api.domain_west.check_domain',
-        validate() {
-          if (!this.domainName) {
-            throw new DashboardError('请输入域名');
-          }
-        },
-        onSuccess(response) {
-          if (response.status === "Error") {
-            this.error = response.message || '域名查询失败';
-            this.domainCheckResult = { available: false };
-            return;
-          }
-          
-          this.domainCheckResult = response;
-          this.error = null;
-          
-          // 如果域名可用，获取价格
-          if (response.available) {
-            this.$resources.getDomainPrice.submit({
-              domain: this.fullDomain,
-              year: this.period
-            });
-          }
-        },
-        onError(error) {
-          this.error = error.message || '域名查询失败';
-          this.domainCheckResult = { available: false };
-        }
-      };
-    },
-    // 获取域名价格
-    getDomainPrice() {
-      return {
-        url: 'jcloud.api.domain_west.get_west_domain_price',
-        onSuccess(response) {
-          if (response.status === "Error") {
-            this.totalPrice = null;
-            return;
-          }
-          
-          // 解析价格信息 - 直接使用总价
-          if (response.data && response.data.price) {
-            this.totalPrice = response.data.price;
-          } else {
-            this.totalPrice = 50; // 默认价格
-          }
-        },
-        onError(error) {
-          this.totalPrice = 50; // 默认价格
-        }
-      };
-    },
-    // 创建域名注册订单
-    createDomainOrder() {
-      return {
-        url: 'jcloud.api.domain_west.create_domain_order',
-        validate() {
-          if (!this.domainCheckResult || !this.domainCheckResult.available) {
-            throw new DashboardError('请先查询域名可用性');
-          }
-          if (!this.selectedPaymentMethod) {
-            throw new DashboardError('请选择支付方式');
-          }
-        },
-        onSuccess(data) {
-          if (!data.success) {
-            this.error = data.message || '创建域名订单失败';
-            return;
-          }
-          
-          // 显示订单支付界面
-          this.order = data.order;
-          this.domain = data.domain;
-          this.showPaymentProcessing = true;
-          
-          // 立即处理支付
-          this.processPayment();
-        },
-        onError(error) {
-          this.error = error.message || '创建域名订单失败';
-        }
-      };
-    },
-    // 处理余额支付
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_domain_order',
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          if (response.status === "Error" || response.success === false) {
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.error = response.message || '余额不足';
-            this.isProcessingPayment = false;
-            return;
-          }
-          
-          this.isProcessingPayment = false;
-          this.paymentSuccess = true;
-          
-          // 支付成功后跳转到域名列表
-          setTimeout(() => {
-            this.$router.push('/domains');
-          }, 30000);
-        },
-        onError(error) {
-          this.error = error.message || '余额支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    // 处理支付宝支付
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentUrl = response.payment_url;          
-          window.open(response.payment_url, '_blank');
-          
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '支付宝支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    // 处理微信支付
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image || null;
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '微信支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    // 检查支付状态
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {
-          order_id: this.order?.order_id
-        },
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(data) {
-          if (data && data.status === '已支付') {
-            // 支付成功，停止轮询
-            this.stopPaymentCheck();
-            
-            this.paymentSuccess = true;
-            
-            // 支付成功后跳转到域名列表
-            setTimeout(() => {
-              this.$router.push('/domains');
-            }, 30000);
-          }
-        }
-      };
-    },
-    // 获取域名所有者列表
-    getDomainOwners() {
-      return {
-        url: 'jcloud.api.domain_west.get_domain_owners',
-        onSuccess(response) {
-          if (response.status === "Success") {
-            this.domainOwners = response.data.items || [];
-          }
-        },
-        onError(error) {
-          console.error('获取域名所有者列表失败:', error);
-        }
-      };
-    },
-    // 创建域名所有者
-    createDomainOwner() {
-      return {
-        url: 'jcloud.api.domain_west.create_domain_owner_with_template',
-        onSuccess(response) {
-          if (response.status === "Success") {
-            toast.success('域名所有者创建成功');
-            this.showNewOwnerDialog = false;
-            this.isCreatingOwner = false;
-            // 重新获取域名所有者列表
-            this.$resources.getDomainOwners.submit();
-          } else {
-            toast.error(response.message || '创建失败');
-            this.isCreatingOwner = false;
-          }
-        },
-        onError(error) {
-          toast.error(error.message || '创建域名所有者失败');
-          this.isCreatingOwner = false;
-        }
-      };
-    },
-
-  },
-  mounted() {
-    // 添加点击外部关闭域名后缀选择区块的功能
-    document.addEventListener('click', this.handleClickOutside);
-    
-    // 加载域名所有者列表
-    this.$resources.getDomainOwners.submit();
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-    document.removeEventListener('click', this.handleClickOutside);
-  },
-  methods: {
-    async checkDomain() {
-      if (!this.domainName) {
-        this.error = '请输入域名';
-        return;
-      }
-      
-      this.error = null;
-      this.isChecking = true;
-      
-      await this.$resources.checkDomainAvailability.submit({
-        domain: this.domainName,
-        suffix: this.selectedSuffix
-      });
-      
-      this.isChecking = false;
-    },
-    async getDomainPrice() {
-      await this.$resources.getDomainPrice.submit({
-        domain: this.fullDomain,
-        year: 1
-      });
-    },
-    async registerDomain() {
-      if (!this.domainCheckResult || !this.domainCheckResult.available) {
-        this.error = '请先查询域名可用性';
-        return;
-      }
-      if (!this.selectedDomainOwner) {
-        this.error = '请选择域名所有者';
-        return;
-      }
-      if (!this.selectedPaymentMethod) {
-        this.error = '请选择支付方式';
-        return;
-      }
-      
-      this.error = null;
-      this.isLoading = true;
-      
-      await this.$resources.createDomainOrder.submit({
-        domain: this.fullDomain,
-        period: this.period,
-        payment_method: this.selectedPaymentMethod,
-        domain_owner: this.selectedDomainOwner
-      });
-      
-      this.isLoading = false;
-    },
-    startPaymentCheck() {
-      this.isProcessingPayment = false;
-      
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit();
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    },
-    processPayment() {
-      this.isProcessingPayment = true;
-      this.error = null;
-      
-      if (!this.order || !this.order.order_id) {
-        this.error = '订单信息不完整，请重试';
-        this.isProcessingPayment = false;
-        return;
-      }
-      
-      if (this.selectedPaymentMethod === 'balance') {
-        this.$resources.processBalancePayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'alipay') {
-        this.$resources.processAlipayPayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'wechatpay') {
-        this.$resources.processWechatPayment.submit({
-          order_id: this.order.order_id
-        });
-      }
-    },
-    goToDomainList() {
-      this.$router.push('/domains');
-    },
-    handleOwnerSubmit(formData) {
-      this.isCreatingOwner = true;
-      
-      // 直接提交数据，验证由对话框组件负责
-      this.$resources.createDomainOwner.submit(formData);
-    },
-    onPeriodChange() {
-      // 购买时长变化时，立即获取对应年限的价格
-      if (this.domainCheckResult && this.domainCheckResult.available) {
-        this.$resources.getDomainPrice.submit({
-          domain: this.fullDomain,
-          year: this.period
-        });
-      }
-    },
-    selectSuffix(suffix) {
-      this.selectedSuffix = suffix;
-      this.showSuffixSelector = false;
-    },
-    handleClickOutside(event) {
-      const suffixButton = event.target.closest('button');
-      const suffixSelector = event.target.closest('.border.rounded-lg.p-4.bg-gray-50');
-      
-      if (!suffixButton || !suffixButton.classList.contains('suffix-selector-btn')) {
-        if (!suffixSelector) {
-          this.showSuffixSelector = false;
-        }
-      }
-    },
-    getOwnerDisplayName(owner) {
-      // 如果是个人，优先显示fullname，没有的话显示title
-      if (owner.c_regtype === 'I') {
-        return owner.fullname || owner.title;
-      }
-      // 如果是公司，优先显示c_org_m，没有的话显示title
-      else if (owner.c_regtype === 'E') {
-        return owner.c_org_m || owner.title;
-      }
-      // 默认显示title
-      return owner.title;
-    },
-  },
-};
-</script>
-
-<style scoped>
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-/* 域名后缀网格样式 */
-.domain-suffix-grid {
-  animation: fadeIn 0.3s ease-out;
-}
-
-.domain-suffix-item {
-  transition: all 0.2s ease;
-  position: relative;
-  overflow: hidden;
-}
-
-.domain-suffix-item:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-.domain-suffix-item.selected {
-  border-color: #3b82f6;
-  background: #eff6ff;
-  color: #1d4ed8;
-}
-
-.domain-suffix-item.selected .hot-tag {
-  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
-  color: white;
-}
-
-/* 分类标签样式 */
-.category-tabs {
-  margin-bottom: 16px;
-  -webkit-overflow-scrolling: touch;
-}
-
-.category-tab {
-  padding: 6px 12px;
-  border-radius: 20px;
-  font-size: 12px;
-  font-weight: 500;
-  transition: all 0.2s ease;
-  cursor: pointer;
-  border: 1px solid transparent;
-}
-
-.category-tab.active {
-  background: #eff6ff;
-  color: #1d4ed8;
-  border-color: #3b82f6;
-  border-width: 2px;
-}
-
-.category-tab:not(.active) {
-  background: white;
-  color: #6b7280;
-  border-color: #e5e7eb;
-}
-
-.category-tab:not(.active):hover {
-  background: #f9fafb;
-  border-color: #d1d5db;
-}
-
-/* 搜索框样式 */
-.search-container {
-  position: relative;
-  flex: 1;
-}
-
-.search-input {
-  width: 100%;
-  padding-left: 36px;
-  padding-right: 12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 14px;
-  border: 1px solid #e5e7eb;
-  border-radius: 8px;
-  background: white;
-  transition: all 0.2s ease;
-}
-
-.search-input:focus {
-  outline: none;
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-
-.search-icon {
-  position: absolute;
-  left: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: #9ca3af;
-  width: 16px;
-  height: 16px;
-}
-
-/* 热门标签样式 */
-.hot-tag {
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 6px;
-  font-size: 10px;
-  font-weight: 600;
-  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
-  color: white;
-  border-radius: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-
-
-/* 响应式设计 */
-@media (max-width: 640px) {
-  .domain-suffix-grid {
-    grid-template-columns: repeat(2, 1fr);
-    gap: 8px;
-  }
-  
-  .category-tabs {
-    gap: 6px;
-  }
-  
-  .category-tab {
-    padding: 4px 8px;
-    font-size: 11px;
-  }
-  
-  .domain-suffix-item {
-    padding: 8px 4px;
-  }
-  
-  .domain-suffix-item .text-sm {
-    font-size: 11px;
-  }
-  
-  .hot-tag {
-    font-size: 9px;
-    padding: 1px 4px;
-  }
-  
-  .search-input {
-    font-size: 14px;
-    padding: 8px 12px 8px 32px;
-  }
-  
-  .search-icon {
-    width: 14px;
-    height: 14px;
-    left: 10px;
-  }
-}
-
-@media (min-width: 641px) and (max-width: 768px) {
-  .domain-suffix-grid {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-@media (min-width: 769px) and (max-width: 1024px) {
-  .domain-suffix-grid {
-    grid-template-columns: repeat(4, 1fr);
-  }
-}
-
-@media (min-width: 1025px) and (max-width: 1280px) {
-  .domain-suffix-grid {
-    grid-template-columns: repeat(6, 1fr);
-  }
-}
-
-@media (min-width: 1281px) and (max-width: 1536px) {
-  .domain-suffix-grid {
-    grid-template-columns: repeat(8, 1fr);
-  }
-}
-
-@media (min-width: 1537px) {
-  .domain-suffix-grid {
-    grid-template-columns: repeat(10, 1fr);
-  }
-}
-</style> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/NewJsiteServer.vue b/dashboard_backup/src2/pages/NewJsiteServer.vue
deleted file mode 100644
index 8f7ff43..0000000
--- a/dashboard_backup/src2/pages/NewJsiteServer.vue
+++ /dev/null
@@ -1,782 +0,0 @@
-<template>
-  <div>
-    <!-- 页面头部 -->
-    <div class="sticky top-0 z-10 shrink-0">
-      <Header>
-        <Breadcrumbs
-          :items="[
-            { label: '服务器', route: '/jsite-servers' },
-            { label: '新建服务器', route: '/jsite-servers/new' }
-          ]"
-        />
-      </Header>
-    </div>
-
-    <!-- 主要内容区域 -->
-    <div class="mx-auto max-w-2xl px-5">
-      <!-- 第一步：选择服务器配置和支付方式 -->
-      <div v-if="!showPaymentProcessing" class="space-y-12 pb-[50vh] pt-12">
-        <div class="mb-6">
-          <h1 class="text-2xl font-bold text-gray-900 mb-2">新建服务器</h1>
-          <p class="text-sm text-gray-600">
-            请选择服务器配置和支付方式，点击"创建"后将自动为您开通。
-          </p>
-        </div>
-
-        <div class="space-y-6">
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">区域选择</label>
-            <select v-model="selectedRegionId" class="w-full border rounded px-3 py-2" required @change="onRegionChange">
-              <option value="">请选择区域</option>
-              <option v-for="region in regions" :key="getRegionId(region)" :value="getRegionId(region)">
-                {{ getRegionName(region) }}
-              </option>
-            </select>
-          </div>
-
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">镜像选择（Jsite服务器推荐选择Ubuntu-22.04）</label>
-            <select v-model="selectedImageId" class="w-full border rounded px-3 py-2" required :disabled="!selectedRegionId" @change="onImageChange">
-              <option value="">请选择镜像</option>
-              <option v-for="image in images" :key="getImageId(image)" :value="getImageId(image)">
-                {{ getImageDisplayName(image) }}
-              </option>
-            </select>
-          </div>
-
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">套餐选择</label>
-            <select v-model="selectedPlanId" class="w-full border rounded px-3 py-2" required :disabled="!selectedImageId">
-              <option value="">请选择套餐</option>
-              <option v-for="plan in filteredPlans" :key="plan.plan_id" :value="plan.plan_id">
-                {{ getPlanDisplayName(plan) }}
-              </option>
-            </select>
-          </div>
-
-          <div>
-            <label class="block text-sm font-medium text-gray-700 mb-2">购买时长</label>
-            <select v-model="period" class="w-full border rounded px-3 py-2">
-              <option v-for="p in periods" :key="p.value" :value="p.value">{{ p.label }}</option>
-            </select>
-          </div>
-
-          <!-- 价格信息显示 -->
-          <div v-if="selectedPlanId && selectedImageId" class="border-t border-gray-200 pt-4">
-            <div class="flex justify-between items-center">
-              <div class="text-sm text-gray-600">月度费用</div>
-              <div class="font-medium">
-                ¥ {{ getSelectedPlanPrice() }} 
-                <span class="text-gray-500 text-sm">(月付)</span>
-              </div>
-            </div>
-            <div class="flex justify-between items-center mt-2">
-              <div class="text-sm text-gray-600">购买时长</div>
-              <div class="font-medium">{{ period }} 个月</div>
-            </div>
-            <div class="flex justify-between items-center mt-2 text-lg font-bold">
-              <div>总计</div>
-              <div>¥ {{ getTotalAmount() }}</div>
-            </div>
-          </div>
-
-          <!-- 支付方式选择 -->
-          <div class="border-t border-gray-200 pt-4">
-            <label class="block text-sm font-medium text-gray-700 mb-3">
-              选择支付方式
-            </label>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
-              <button 
-                class="p-4 border rounded-lg flex flex-col items-center justify-center hover:bg-gray-50 transition-all"
-                :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'balance', 'border-gray-200': selectedPaymentMethod !== 'balance'}"
-                @click="selectedPaymentMethod = 'balance'"
-              >
-                <span class="text-gray-800 font-medium">余额支付</span>
-              </button>
-              
-              <button 
-                class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-                :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'alipay', 'border-gray-200': selectedPaymentMethod !== 'alipay'}"
-                @click="selectedPaymentMethod = 'alipay'"
-              >
-                <div class="flex flex-col items-center">
-                  <div class="mb-2">
-                    <AlipayLogo class="h-8" />
-                  </div>
-                </div>
-              </button>
-              
-              <button 
-                class="p-4 border rounded-lg hover:bg-gray-50 transition-all"
-                :class="{'border-blue-500 border-2 shadow-sm': selectedPaymentMethod === 'wechatpay', 'border-gray-200': selectedPaymentMethod !== 'wechatpay'}"
-                @click="selectedPaymentMethod = 'wechatpay'"
-              >
-                <div class="flex flex-col items-center">
-                  <div class="mb-2">
-                    <WeChatPayLogo class="h-8" />
-                  </div>
-                </div>
-              </button>
-            </div>
-          </div>
-
-          <div v-if="error" class="p-3 bg-red-50 text-red-700 rounded-md text-sm">
-            {{ error }}
-          </div>
-
-          <!-- 创建按钮 -->
-          <div class="pt-4">
-            <button 
-              type="button"
-              class="w-full px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-              @click="createInstance"
-              :disabled="isLoading"
-            >
-              {{ isLoading ? '处理中...' : '创建' }}
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <!-- 第二步：处理支付 -->
-      <div v-else class="space-y-12 pb-[50vh] pt-12">
-        <!-- 加载中状态 -->
-        <div v-if="isProcessingPayment" class="text-center py-8">
-          <div class="h-12 w-12 mx-auto animate-spin text-blue-600 mb-4 flex items-center justify-center">
-            <i class="fe fe-loader text-3xl"></i>
-          </div>
-          <p class="text-gray-700 text-lg">正在处理支付，请稍候...</p>
-        </div>
-        
-        <!-- 支付成功状态 -->
-        <div v-else-if="paymentSuccess" class="text-center py-8">
-          <div class="flex justify-center mb-6">
-            <div class="rounded-full bg-green-100 p-3">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-              </svg>
-            </div>
-          </div>
-          <h3 class="text-xl font-medium text-gray-900 mb-2">支付成功！</h3>
-          <p class="text-gray-600 mb-4">
-            您的订单已支付成功，服务器记录已创建。服务器正在后台创建中，创建并启动需要 3-5 分钟，请耐心等待。
-          </p>
-          <p class="text-gray-500 text-sm">
-            您可以在服务器列表中查看服务器状态，创建完成后状态将更新为"运行中"。
-          </p>
-          <div class="mt-6">
-            <button 
-              type="button"
-              class="px-4 py-2 bg-[#1fc76f] border border-transparent rounded-md text-sm font-medium text-white hover:bg-[#19b862] focus:outline-none"
-              @click="goToServerList"
-            >
-              返回服务器列表
-            </button>
-          </div>
-        </div>
-        
-        <!-- 微信支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'wechatpay' && paymentQrCode" class="text-center">
-          <div class="relative mb-6">
-            <div class="flex items-center justify-center">
-              <WeChatPayLogo class="h-10" />
-            </div>
-          </div>
-          
-          <div class="text-center mb-6">
-            <div class="text-sm text-gray-600 mb-2">扫一扫付款（元）</div>
-            <div class="text-3xl font-bold text-[#FF0036]">{{ order?.total_amount }} 元</div>
-          </div>
-          
-          <div class="flex justify-center">
-            <div class="qrcode-container bg-white p-4 border border-gray-100 shadow-sm rounded-lg">
-              <img 
-                :src="paymentQrCodeImage" 
-                alt="微信支付二维码" 
-                class="qrcode-image"
-              />
-            </div>
-          </div>
-          
-          <div class="mt-6 text-center">
-            <p class="text-gray-600">
-              请使用微信扫描二维码完成支付
-            </p>
-            <p class="text-gray-500 text-sm mt-2">二维码有效期 15 分钟</p>
-          </div>
-        </div>
-        
-        <!-- 支付宝支付状态 -->
-        <div v-else-if="selectedPaymentMethod === 'alipay' && paymentUrl" class="text-center py-6">
-          <div class="mb-6">
-            <AlipayLogo class="h-10 mx-auto" />
-          </div>
-          
-          <h3 class="text-lg font-medium text-gray-900 mb-4">请在新页面完成支付宝支付</h3>
-          <p class="text-gray-600 mb-6">
-            如果没有自动跳转，请点击下方按钮打开支付页面
-          </p>
-          <div class="space-y-4">
-            <button 
-              class="w-full px-6 py-3 bg-[#1677FF] text-white rounded-lg hover:bg-[#0E5FD8] transition-colors shadow-sm"
-              @click="window.open(paymentUrl, '_blank')"
-            >
-              打开支付页面
-            </button>
-            <p class="text-gray-600 text-sm mt-4">
-              支付完成后，请稍等片刻，系统会自动刷新页面
-            </p>
-          </div>
-        </div>
-        
-        <div v-if="error" class="p-3 bg-red-50 text-red-700 rounded-md text-sm">
-          {{ error }}
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { toast } from 'vue-sonner';
-import { DashboardError } from '../utils/error';
-import AlipayLogo from '../logo/AlipayLogo.vue';
-import WeChatPayLogo from '../logo/WeChatPayLogo.vue';
-import router from '../router';
-
-export default {
-  name: 'NewJsiteServer',
-  components: { 
-    AlipayLogo,
-    WeChatPayLogo
-  },
-  data() {
-    return {
-      selectedRegionId: '',
-      selectedPlanId: '',
-      selectedImageId: '',
-      period: 1,
-      selectedPaymentMethod: null, // 支付方式
-      regions: [],
-      plans: [],
-      images: [],
-      periods: [
-        { value: 1, label: '1个月' },
-        { value: 3, label: '3个月' },
-        { value: 6, label: '6个月' },
-        { value: 12, label: '1年' },
-        { value: 24, label: '2年' },
-        { value: 36, label: '3年' }
-      ],
-      isLoading: false,
-      error: null,
-      success: false,
-      // 支付相关状态
-      order: null,
-      server: null, // 服务器记录信息
-      showPaymentProcessing: false,
-      paymentSuccess: false,
-      isProcessingPayment: false,
-      paymentUrl: null,
-      paymentQrCode: null,
-      paymentQrCodeImage: null,
-      checkInterval: null
-    };
-  },
-  resources: {
-    aliyunRegions() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.get_aliyun_regions',
-        onSuccess(response) {
-          // 后端返回格式: {success: true, data: {...}, message: '...'}
-          const data = response.data || response;
-          
-          // 处理不同的数据结构可能性
-          let regionsData = [];
-          
-          if (data.regions) {
-            // 直接有regions字段
-            regionsData = data.regions;
-          } else if (data.Regions) {
-            // 阿里云API可能返回Regions字段
-            regionsData = data.Regions;
-          } else if (Array.isArray(data)) {
-            // 直接是数组
-            regionsData = data;
-          } else if (data.body && data.body.regions) {
-            // 嵌套在body中
-            regionsData = data.body.regions;
-          } else if (data.body && data.body.Regions) {
-            // 嵌套在body中，字段名大写
-            regionsData = data.body.Regions;
-          }
-          
-          if (Array.isArray(regionsData) && regionsData.length > 0) {
-            this.regions = regionsData;
-          } else {
-            this.error = '区域数据格式不正确或为空';
-          }
-        },
-        onError(error) {
-          this.error = error.message || '获取区域失败';
-        }
-      };
-    },
-    aliyunPlans() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.get_aliyun_plans',
-        onSuccess(response) {
-          const data = response.data || response;
-          this.plans = data.plans || [];
-        },
-        onError(error) {
-          this.error = error.message || '获取套餐失败';
-        }
-      };
-    },
-    aliyunImages() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.get_aliyun_images',
-        onSuccess(response) {
-          const data = response.data || response;
-          
-          // 处理不同的数据结构可能性
-          let imagesData = [];
-          
-          if (data.images) {
-            // 直接有images字段
-            imagesData = data.images;
-          } else if (data.Images) {
-            // 阿里云API可能返回Images字段
-            imagesData = data.Images;
-          } else if (Array.isArray(data)) {
-            // 直接是数组
-            imagesData = data;
-          } else if (data.body && data.body.images) {
-            // 嵌套在body中
-            imagesData = data.body.images;
-          } else if (data.body && data.body.Images) {
-            // 嵌套在body中，字段名大写
-            imagesData = data.body.Images;
-          }
-          
-          if (Array.isArray(imagesData) && imagesData.length > 0) {
-            this.images = imagesData;
-          } else {
-            this.error = '镜像数据格式不正确或为空';
-          }
-        },
-        onError(error) {
-          this.error = error.message || '获取镜像失败';
-        }
-      };
-    },
-    // 创建服务器订单
-    createServerOrder() {
-      return {
-        url: 'jcloud.api.aliyun_server_light.create_server_order',
-        validate() {
-          if (!this.selectedRegionId || !this.selectedPlanId || !this.selectedImageId) {
-            throw new DashboardError('请选择完整配置');
-          }
-          if (!this.selectedPaymentMethod) {
-            throw new DashboardError('请选择支付方式');
-          }
-        },
-        onSuccess(data) {
-          if (!data.success) {
-            this.error = data.message || '创建服务器订单失败';
-            return;
-          }
-          
-          // 显示订单支付界面
-          this.order = data.order;
-          this.server = data.server; // 保存服务器记录信息
-          this.showPaymentProcessing = true;
-          
-          // 立即处理支付
-          this.processPayment();
-        },
-        onError(error) {
-          this.error = error.message || '创建服务器订单失败';
-        }
-      };
-    },
-    // 处理余额支付
-    processBalancePayment() {
-      return {
-        url: 'jcloud.api.billing.process_balance_payment_for_server_order',
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          if (response.status === "Error" || response.success === false) {
-            toast.error(response.message || '支付失败，请确保余额充足');
-            this.error = response.message || '余额不足';
-            this.isProcessingPayment = false;
-            return;
-          }
-          
-          const orderData = { 
-            ...this.order, 
-            ...(response.order || {}),
-            status: '已支付'
-          };
-          
-          // 同时发送服务器记录信息
-          const serverData = {
-            ...this.server
-          };
-          
-          this.isProcessingPayment = false;
-          this.paymentSuccess = true;
-          
-          // 支付成功后跳转到服务器列表
-          setTimeout(() => {
-            this.$router.push('/jsite-servers');
-          }, 30000);
-        },
-        onError(error) {
-          this.error = error.message || '余额支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    // 处理支付宝支付
-    processAlipayPayment() {
-      return {
-        url: 'jcloud.api.billing.process_alipay_order',
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentUrl = response.payment_url;          
-          window.open(response.payment_url, '_blank');
-          
-          toast.success('支付页面已在新窗口打开');
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '支付宝支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    // 处理微信支付
-    processWechatPayment() {
-      return {
-        url: 'jcloud.api.billing.process_wechatpay_order',
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(response) {
-          this.paymentQrCode = response.payment_url;
-          this.paymentQrCodeImage = response.qr_code_image || null;
-          
-          // 开始轮询支付状态
-          this.startPaymentCheck();
-        },
-        onError(error) {
-          this.error = error.message || '微信支付处理失败';
-          this.isProcessingPayment = false;
-        }
-      };
-    },
-    // 检查支付状态
-    checkPaymentStatus() {
-      return {
-        url: 'jcloud.api.billing.check_order_payment_status',
-        params: {
-          order_id: this.order?.order_id
-        },
-        validate() {
-          if (!this.order || !this.order.order_id) {
-            throw new DashboardError('缺少订单信息');
-          }
-        },
-        onSuccess(data) {
-          if (data && data.status === '已支付') {
-            // 支付成功，停止轮询
-            this.stopPaymentCheck();
-            
-            const orderData = { ...this.order, ...(data.order || {}) };
-            
-            // 同时发送服务器记录信息
-            const serverData = {
-              ...this.server
-            };
-            
-            this.paymentSuccess = true;
-            
-            // 支付成功后跳转到服务器列表
-            setTimeout(() => {
-              this.$router.push('/jsite-servers');
-            }, 30000);
-          }
-        }
-      };
-    },
-
-  },
-  computed: {
-    filteredPlans() {
-      // 如果没有选择镜像，返回空数组
-      if (!this.selectedImageId) {
-        return [];
-      }
-      
-      // 获取选择的镜像信息
-      const selectedImage = this.images.find(img => this.getImageId(img) === this.selectedImageId);
-      if (!selectedImage) {
-        return [];
-      }
-      
-      // 获取镜像平台信息
-      const imagePlatform = selectedImage.platform || '';
-      
-      // 根据镜像平台过滤套餐
-      return this.plans.filter(plan => {
-        const supportPlatform = plan.support_platform;
-        if (!supportPlatform) {
-          return true; // 如果没有support_platform信息，默认显示
-        }
-        
-        try {
-          // 解析support_platform字段（JSON字符串格式）
-          const platforms = JSON.parse(supportPlatform);
-          return platforms.includes(imagePlatform);
-        } catch (e) {
-          // 如果解析失败，尝试字符串匹配
-          return supportPlatform.includes(imagePlatform);
-        }
-      });
-    }
-  },
-  beforeUnmount() {
-    this.stopPaymentCheck();
-  },
-  mounted() {
-    this.$resources.aliyunRegions.submit();
-  },
-  methods: {
-    async onRegionChange() {
-      this.selectedPlanId = '';
-      this.selectedImageId = '';
-      this.plans = [];
-      this.images = [];
-      
-      if (this.selectedRegionId) {
-        // 只加载镜像，套餐将在选择镜像后加载
-        await this.$resources.aliyunImages.submit({ 
-          region_id: this.selectedRegionId,
-          image_type: 'system'  // 明确指定镜像类型
-        });
-      }
-    },
-         async onImageChange() {
-       this.selectedPlanId = '';
-       this.plans = [];
-       if (this.selectedImageId) {
-         await this.$resources.aliyunPlans.submit({ 
-           region_id: this.selectedRegionId
-         });
-       }
-     },
-    async createInstance() {
-      if (!this.selectedRegionId || !this.selectedPlanId || !this.selectedImageId) {
-        this.error = '请选择完整配置';
-        return;
-      }
-      if (!this.selectedPaymentMethod) {
-        this.error = '请选择支付方式';
-        return;
-      }
-      
-      this.error = null;
-      this.isLoading = true;
-      
-      await this.$resources.createServerOrder.submit({
-        plan_id: this.selectedPlanId,
-        image_id: this.selectedImageId,
-        period: this.period,
-        region_id: this.selectedRegionId,
-        plan_type: this.getSelectedPlanType(),
-        payment_method: this.selectedPaymentMethod
-      });
-      
-      this.isLoading = false;
-    },
-    startPaymentCheck() {
-      this.isProcessingPayment = false;
-      
-      this.checkInterval = setInterval(() => {
-        this.$resources.checkPaymentStatus.submit();
-      }, 3000);
-      
-      // 15分钟后停止检查
-      setTimeout(() => {
-        this.stopPaymentCheck();
-      }, 900000);
-    },
-    stopPaymentCheck() {
-      if (this.checkInterval) {
-        clearInterval(this.checkInterval);
-        this.checkInterval = null;
-      }
-    },
-    processPayment() {
-      this.isProcessingPayment = true;
-      this.error = null;
-      
-      if (!this.order || !this.order.order_id) {
-        this.error = '订单信息不完整，请重试';
-        this.isProcessingPayment = false;
-        return;
-      }
-      
-      if (this.selectedPaymentMethod === 'balance') {
-        this.$resources.processBalancePayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'alipay') {
-        this.$resources.processAlipayPayment.submit({
-          order_id: this.order.order_id
-        });
-      } else if (this.selectedPaymentMethod === 'wechatpay') {
-        this.$resources.processWechatPayment.submit({
-          order_id: this.order.order_id
-        });
-      }
-    },
-    goToServerList() {
-      this.$router.push('/jsite-servers');
-    },
-
-    getRegionId(region) {
-      return region.region_id || region.RegionId || region.id;
-    },
-    getRegionName(region) {
-      return region.local_name || region.region_name || region.RegionName || region.name;
-    },
-    getPlanDisplayName(plan) {
-      // 根据阿里云API返回的数据结构显示套餐信息
-      const cpu = plan.core || plan.cpu || '未知';
-      const memory = plan.memory || '未知';
-      const disk = plan.disk_size || plan.system_disk_size || '未知';
-      const bandwidth = plan.bandwidth || '未知';
-      const price = plan.origin_price || '未知';
-      const planType = plan.plan_type || '';
-      const publicIpNum = plan.public_ip_num || 0;
-      
-      // 处理内存显示（如果是小数，转换为MB）
-      let memoryDisplay = memory;
-      if (typeof memory === 'number' && memory < 1) {
-        memoryDisplay = Math.round(memory * 1024) + 'MB';
-      } else if (typeof memory === 'number') {
-        memoryDisplay = memory + 'GB';
-      }
-      
-      // 处理带宽显示
-      let bandwidthDisplay = bandwidth;
-      if (typeof bandwidth === 'number') {
-        bandwidthDisplay = bandwidth + 'Mbps';
-      }
-      
-      // 根据plan_type添加类型前缀
-      let typePrefix = '';
-      switch (planType) {
-        case 'NORMAL':
-          typePrefix = '通用型 - ';
-          break;
-        case 'MULTI_IP':
-          typePrefix = '多公网IP型 - ';
-          break;
-        case 'INTERNATIONAL':
-          typePrefix = '国际型 - ';
-          break;
-        case 'CAPACITY':
-          typePrefix = '容量型 - ';
-          break;
-        default:
-          typePrefix = '';
-      }
-      
-      return `${typePrefix}${cpu}核/${memoryDisplay}/${disk}GB/${bandwidthDisplay}/${publicIpNum}个公网IP - ¥${price}/月`;
-    },
-    getSelectedPlanPrice() {
-      const selectedPlan = this.filteredPlans.find(plan => plan.plan_id === this.selectedPlanId);
-      return selectedPlan ? (selectedPlan.origin_price || 0) : 0;
-    },
-    getSelectedPlanType() {
-      const selectedPlan = this.filteredPlans.find(plan => plan.plan_id === this.selectedPlanId);
-      return selectedPlan ? (selectedPlan.plan_type || '') : '';
-    },
-    getTotalAmount() {
-      const monthlyPrice = this.getSelectedPlanPrice();
-      return (monthlyPrice * this.period).toFixed(2);
-    },
-    getImageId(image) {
-      return image.image_id || image.ImageId || image.id;
-    },
-    getImageDisplayName(image) {
-      // 根据阿里云API返回的数据结构显示镜像信息
-      const name = image.image_name || image.name || image.ImageName || image.Name || '未知镜像';
-      const platform = image.platform || '';
-      const description = image.description || '';
-      
-      // 显示格式：镜像名称 (平台)
-      if (platform) {
-        return `${name} (${platform})`;
-      }
-      return name;
-    },
-    getPaymentMethodName(method) {
-      const methodNames = {
-        'balance': '余额支付',
-        'alipay': '支付宝',
-        'wechatpay': '微信支付'
-      };
-      return methodNames[method] || '未知方式';
-    }
-  },
-
-};
-</script>
-
-<style scoped>
-.qrcode-container {
-  height: 250px;
-  width: 250px;
-  margin: 0 auto;
-  padding: 5px;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-}
-
-.qrcode-image {
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
-
-/* 添加渐入动画 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-</style>
diff --git a/dashboard_backup/src2/pages/NewReleaseGroup.vue b/dashboard_backup/src2/pages/NewReleaseGroup.vue
deleted file mode 100644
index 84a0ad0..0000000
--- a/dashboard_backup/src2/pages/NewReleaseGroup.vue
+++ /dev/null
@@ -1,298 +0,0 @@
-<template>
-	<div class="sticky top-0 z-10 shrink-0">
-		<Header>
-			<Breadcrumbs
-				:items="
-					server
-						? [
-								{
-									label: '服务器',
-									route: '/servers'
-								},
-								{
-									label: server,
-									route: `/servers/${server}`
-								},
-								{
-									label: '新建站点分组',
-									route: '/groups/new'
-								}
-						  ]
-						: [
-								{ label: '站点分组', route: '/groups' },
-								{ label: '新建站点分组', route: '/groups/new' }
-						  ]
-				"
-			/>
-		</Header>
-	</div>
-
-	<div
-		v-if="!$team.pg?.is_desk_user && !$session.hasBenchCreationAccess"
-		class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
-	>
-		<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
-		<ErrorMessage message="您没有权限创建新的站点分组" />
-	</div>
-
-	<div v-else class="mx-auto max-w-2xl px-5">
-		<div v-if="options" class="space-y-12 pb-[50vh] pt-12">
-			<div>
-				<div class="flex items-center justify-between">
-					<h2 class="text-sm font-medium leading-6 text-gray-900">
-						选择 Jingrow 版本
-					</h2>
-				</div>
-				<div class="mt-2">
-					<div class="grid grid-cols-2 gap-3 sm:grid-cols-3">
-						<button
-							v-for="version in options.versions"
-							:key="version.name"
-							:class="[
-								benchVersion === version.name
-									? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-									: 'bg-white text-gray-900  hover:bg-gray-50',
-								'flex cursor-pointer items-center justify-between rounded border border-gray-400 p-3 text-sm focus:outline-none'
-							]"
-							@click="benchVersion = version.name"
-						>
-							<span class="font-medium">{{ version.name }} </span>
-							<span class="ml-1 text-gray-600">
-								{{ version.status }}
-							</span>
-						</button>
-					</div>
-				</div>
-			</div>
-			<div
-				class="flex flex-col"
-				v-if="options?.clusters.length && benchVersion && !server"
-			>
-				<h2 class="text-sm font-medium leading-6 text-gray-900">
-					选择区域
-				</h2>
-				<div class="mt-2 w-full space-y-2">
-					<div class="grid grid-cols-2 gap-3">
-						<button
-							v-for="c in options?.clusters"
-							:key="c.name"
-							@click="benchRegion = c.name"
-							:class="[
-								benchRegion === c.name
-									? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-									: 'border-gray-400 bg-white text-gray-900 ring-gray-200 hover:bg-gray-50',
-								'flex w-full items-center rounded border p-3 text-left text-base text-gray-900'
-							]"
-						>
-							<div class="flex w-full items-center justify-between">
-								<div class="flex w-full items-center space-x-2">
-									<img :src="c.image" class="h-5 w-5" />
-									<span class="text-sm font-medium">
-										{{ c.title }}
-									</span>
-								</div>
-								<Badge v-if="c.beta" :label="c.beta ? '测试版' : ''" />
-							</div>
-						</button>
-					</div>
-				</div>
-			</div>
-			<div v-if="benchVersion && (benchRegion || server)" class="flex flex-col">
-				<h2 class="text-sm font-medium leading-6 text-gray-900">
-					输入站点分组标题
-				</h2>
-				<div class="mt-2">
-					<FormControl v-model="benchTitle" type="text" />
-				</div>
-			</div>
-			<Summary
-				v-if="benchVersion && (benchRegion || server) && benchTitle"
-				:options="summaryOptions"
-			/>
-			<div
-				class="flex flex-col space-y-4"
-				v-if="benchVersion && (benchRegion || server) && benchTitle"
-			>
-				<FormControl
-type="checkbox"
-					v-model="agreedToRegionConsent"
-					:label="`我同意我所选地区的法律适用于我和Jingrow。`"
-				/>
-				<ErrorMessage class="my-2" :message="$resources.createBench.error" />
-				<Button
-					variant="solid"
-					:disabled="!agreedToRegionConsent"
-					@click="
-						$resources.createBench.submit({
-							bench: {
-								title: benchTitle,
-								version: benchVersion,
-								cluster: benchRegion,
-								saas_app: null,
-								apps: getAppsToInstall(),
-								server: server || null
-							}
-						})
-					"
-					:loading="$resources.createBench.loading"
-				>
-					创建Bench组
-				</Button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import Summary from '../components/Summary.vue';
-import Header from '../components/Header.vue';
-import { DashboardError } from '../utils/error';
-import { h } from 'vue';
-import { Badge } from 'jingrow-ui';
-import ObjectList from '../components/ObjectList.vue';
-
-export default {
-	name: 'NewReleaseGroup',
-	components: {
-		Summary,
-		Header,
-		ObjectList
-	},
-	props: ['server'],
-	data() {
-		return {
-			benchTitle: '',
-			benchVersion: '',
-			benchRegion: '',
-			agreedToRegionConsent: false
-		};
-	},
-	resources: {
-		preInstalledApps() {
-			return {
-				url: 'jcloud.api.bench.get_default_apps',
-				initialData: {},
-				auto: true
-			};
-		},
-		options() {
-			return {
-				url: 'jcloud.api.bench.options',
-				initialData: {
-					versions: [],
-					clusters: []
-				},
-				auto: true
-			};
-		},
-		createBench() {
-			return {
-				url: 'jcloud.api.bench.new',
-				validate() {
-					if (!this.benchTitle) {
-						throw new DashboardError('Bench组标题不能为空');
-					}
-					if (!this.benchVersion) {
-						throw new DashboardError('请选择一个版本来创建bench');
-					}
-					if (!this.agreedToRegionConsent) {
-						throw new DashboardError(
-							'请同意上述声明以创建bench'
-						);
-					}
-				},
-				onSuccess(groupName) {
-					this.$router.push({
-						name: 'Release Group Detail Apps',
-						params: { name: groupName }
-					});
-				}
-			};
-		}
-	},
-	methods: {
-		getAppsToInstall() {
-			let apps = [
-				this.options.versions
-					.find(v => v.name === this.benchVersion)
-					.apps.find(app => app.name === 'jingrow')
-			].map(app => {
-				return {
-					name: app.name,
-					source: app.source.name
-				};
-			});
-
-			// 添加默认应用
-			apps.push(
-				...this.preInstalledApps[this.benchVersion].map(app => {
-					return {
-						name: app.app,
-						source: app.source
-					};
-				})
-			);
-			return apps;
-		}
-	},
-	computed: {
-		options() {
-			return this.$resources.options.data;
-		},
-		preInstalledApps() {
-			return this.$resources.preInstalledApps.data;
-		},
-		preInstalledAppsList() {
-			return {
-				data: () => this.preInstalledApps,
-				columns: [
-					{
-						label: '默认应用',
-						fieldname: 'app_title',
-						type: 'Component',
-						component: ({ row }) => {
-							return h(
-								'a',
-								{
-									class: 'flex items-center text-sm',
-									href: `${row.route}`,
-									target: '_blank'
-								},
-								[h('span', { class: 'ml-2' }, row.app_title)]
-							);
-						}
-					}
-				]
-			};
-		},
-		summaryOptions() {
-			return [
-				{
-					label: 'Jingrow框架版本',
-					value: this.benchVersion
-				},
-				{
-					label: '预装应用',
-					value: this.preInstalledApps[this.benchVersion]
-						.map(app => app.title)
-						.join(', '),
-					condition: () => this.preInstalledApps[this.benchVersion].length
-				},
-				{
-					label: '地区',
-					value: this.benchRegion,
-					condition: () => !this.server
-				},
-				{
-					label: '服务器',
-					value: this.server,
-					condition: () => this.server
-				},
-				{
-label: '标题',
-					value: this.benchTitle
-				}
-			];
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/NewServer.vue b/dashboard_backup/src2/pages/NewServer.vue
deleted file mode 100644
index 55e08c8..0000000
--- a/dashboard_backup/src2/pages/NewServer.vue
+++ /dev/null
@@ -1,586 +0,0 @@
-<template>
-	<div class="sticky top-0 z-10 shrink-0">
-		<Header>
-			<Breadcrumbs
-				:items="[
-					{ label: '服务器', route: '/servers' },
-					{ label: '新建服务器', route: '/servers/new' }
-				]"
-			/>
-		</Header>
-	</div>
-
-	<div
-		v-if="!$team.pg?.is_desk_user && !$session.hasServerCreationAccess"
-		class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
-	>
-		<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
-		<ErrorMessage message="您没有权限创建新服务器" />
-	</div>
-
-	<div v-else-if="serverEnabled" class="mx-auto max-w-2xl px-5">
-		<div v-if="options" class="space-y-12 pb-[50vh] pt-12">
-			<div class="flex flex-col">
-				<h2 class="text-sm font-medium leading-6 text-gray-900">
-					选择服务器类型
-				</h2>
-				<div class="mt-2 w-full space-y-2">
-					<div class="grid grid-cols-2 gap-3">
-						<button
-							v-for="c in options?.server_types"
-							:key="c.name"
-							@click="serverType = c.name"
-							:class="[
-								serverType === c.name
-									? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-									: 'border-gray-400 bg-white text-gray-900 ring-gray-200 hover:bg-gray-50',
-								'flex w-full items-center rounded border p-3 text-left text-base text-gray-900'
-							]"
-						>
-							<div class="flex w-full items-center justify-between space-x-2">
-								<span class="text-sm font-medium">
-									{{ c.title }}
-								</span>
-								<Tooltip :text="c.description">
-									<i-lucide-info class="h-4 w-4 text-gray-500" />
-								</Tooltip>
-							</div>
-						</button>
-					</div>
-				</div>
-			</div>
-			<div v-if="serverType" class="flex flex-col">
-				<h2 class="text-sm font-medium leading-6 text-gray-900">
-					输入服务器名称
-				</h2>
-				<div class="mt-2">
-					<FormControl
-						v-model="serverTitle"
-						type="text"
-						class="block rounded-md border-gray-300 shadow-sm focus:border-gray-900 focus:ring-gray-900 sm:text-sm"
-					/>
-				</div>
-			</div>
-			<div v-if="serverType === 'dedicated'" class="space-y-12">
-				<div class="flex flex-col" v-if="options?.regions.length">
-					<h2 class="text-sm font-medium leading-6 text-gray-900">
-						选择区域
-					</h2>
-					<div class="mt-2 w-full space-y-2">
-						<div class="grid grid-cols-2 gap-3">
-							<button
-								v-for="c in options?.regions"
-								:key="c.name"
-								@click="serverRegion = c.name"
-								:class="[
-									serverRegion === c.name
-										? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-										: 'border-gray-400 bg-white text-gray-900 ring-gray-200 hover:bg-gray-50',
-									'flex w-full items-center rounded border p-3 text-left text-base text-gray-900'
-								]"
-							>
-								<div class="flex w-full items-center justify-between">
-									<div class="flex w-full items-center space-x-2">
-										<img :src="c.image" class="h-5 w-5" />
-										<span class="text-sm font-medium">
-											{{ c.title }}
-										</span>
-									</div>
-									<Badge v-if="c.beta" :label="c.beta ? '测试版' : ''" />
-								</div>
-							</button>
-						</div>
-					</div>
-				</div>
-				<div
-					v-if="serverRegion && options.app_premium_plans.length > 0"
-					class="flex flex-col"
-				>
-					<div class="flex items-center justify-between">
-						<h2 class="text-sm font-medium leading-6 text-gray-900">
-							计划类型
-						</h2>
-						<div>
-							<Button
-link="https://jingrow.com/pricing#dedicated"
-								variant="ghost"
-							>
-								<template #prefix>
-									<i-lucide-help-circle class="h-4 w-4 text-gray-700" />
-								</template>
-								帮助
-							</Button>
-						</div>
-					</div>
-					<div class="mt-2 w-full space-y-2">
-						<div class="grid grid-cols-2 gap-3">
-							<button
-								v-for="c in [
-									{
-										name: '标准',
-										description: '包含标准支持和SLA'
-									},
-									{
-										name: '高级',
-										description: '包含企业支持和SLA'
-									}
-								]"
-								:key="c.name"
-								@click="planType = c.name"
-								:class="[
-									planType === c.name
-										? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-										: 'border-gray-400 bg-white text-gray-900 ring-gray-200 hover:bg-gray-50',
-									'flex w-full items-center rounded border p-3 text-left text-base text-gray-900'
-								]"
-							>
-								<div class="flex w-full items-center justify-between space-x-2">
-									<span class="text-sm font-medium">
-										{{ c.name }}
-									</span>
-									<Tooltip :text="c.description">
-										<i-lucide-info class="h-4 w-4 text-gray-500" />
-									</Tooltip>
-								</div>
-							</button>
-						</div>
-					</div>
-				</div>
-				<div v-if="serverRegion">
-					<div class="flex flex-col" v-if="options?.app_plans.length">
-						<h2 class="text-sm font-medium leading-6 text-gray-900">
-							选择应用服务器方案
-						</h2>
-						<div class="mt-2 space-y-2">
-							<ServerPlansCards
-								v-model="appServerPlan"
-								:plans="
-									(planType === '标准'
-										? options.app_plans
-										: options.app_premium_plans
-									).filter(p => p.cluster === serverRegion)
-								"
-							/>
-						</div>
-					</div>
-				</div>
-				<div v-if="serverRegion">
-					<div class="flex flex-col" v-if="options?.db_plans.length">
-						<h2 class="text-sm font-medium leading-6 text-gray-900">
-							选择数据库服务器方案
-						</h2>
-						<div class="mt-2 w-full space-y-2">
-							<ServerPlansCards
-								v-if="options.db_plans"
-								v-model="dbServerPlan"
-								:plans="
-									(planType === '标准'
-										? options.db_plans
-										: options.db_premium_plans
-									).filter(p => p.cluster === serverRegion)
-								"
-							/>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div v-else-if="serverType === 'hybrid'" class="space-y-12">
-				<div class="flex flex-col space-y-2">
-					<h2 class="text-sm font-medium leading-6 text-gray-900">
-						应用服务器IP地址
-					</h2>
-					<div class="flex space-x-3">
-						<FormControl
-							class="w-full"
-							v-model="appPublicIP"
-							label="公网IP"
-							type="text"
-						/>
-						<FormControl
-							class="w-full"
-							v-model="appPrivateIP"
-							label="内网IP"
-							type="text"
-						/>
-					</div>
-				</div>
-				<div class="flex flex-col space-y-2">
-					<h2 class="text-sm font-medium leading-6 text-gray-900">
-						数据库服务器IP地址
-					</h2>
-					<div class="flex space-x-3">
-						<FormControl
-							class="w-full"
-							v-model="dbPublicIP"
-							label="公网IP"
-							type="text"
-						/>
-						<FormControl
-							class="w-full"
-							v-model="dbPrivateIP"
-							label="内网IP"
-							type="text"
-						/>
-					</div>
-				</div>
-				<div class="flex flex-col space-y-2">
-					<h2 class="text-sm font-medium leading-6 text-gray-900">
-						添加SSH密钥
-					</h2>
-					<span class="text-xs text-gray-600">
-						将此SSH密钥添加到
-<span class="font-mono">~/.ssh/authorized_keys</span>
-						>应用程序和数据库服务器上的文件</span
-					>
-					<ClickToCopy :textContent="$resources.hybridOptions.data.ssh_key" />
-				</div>
-			</div>
-			<Summary
-				:options="summaryOptions"
-				v-if="
-					serverTitle &&
-					((serverRegion && dbServerPlan && appServerPlan) ||
-						(appPublicIP && appPrivateIP && dbPublicIP && dbPrivateIP))
-				"
-			/>
-			<div
-				class="flex flex-col space-y-4"
-				v-if="
-					serverTitle &&
-					((serverRegion && dbServerPlan && appServerPlan) ||
-						(appPublicIP && appPrivateIP && dbPublicIP && dbPrivateIP))
-				"
-			>
-				<FormControl
-					type="checkbox"
-					v-model="agreedToRegionConsent"
-					:label="`我同意我所选地区的法律适用于我和Jingrow。`"
-				/>
-				<ErrorMessage
-					class="my-2"
-					:message="
-						$resources.createServer.error || $resources.createHybridServer.error
-					"
-				/>
-				<Button
-					variant="solid"
-					:disabled="!agreedToRegionConsent"
-					@click="
-						serverType === 'dedicated'
-							? $resources.createServer.submit({
-									server: {
-										title: serverTitle,
-										cluster: serverRegion,
-										app_plan: appServerPlan?.name,
-										db_plan: dbServerPlan?.name
-									}
-							  })
-							: $resources.createHybridServer.submit({
-									server: {
-										title: serverTitle,
-										app_public_ip: appPublicIP,
-										app_private_ip: appPrivateIP,
-										db_public_ip: dbPublicIP,
-										db_private_ip: dbPrivateIP,
-										plan: $resources.hybridOptions.data.plans[0]
-									}
-							  })
-					"
-					:loading="
-						$resources.createServer.loading ||
-						$resources.createHybridServer.loading
-					"
-				>
-					{{ serverType === 'hybrid' ? '添加混合服务器' : '创建服务器' }}
-				</Button>
-			</div>
-		</div>
-	</div>
-	<div
-		v-else
-		class="mx-auto mt-60 w-fit rounded border-2 border-dashed px-12 py-8 text-center text-gray-600"
-	>
-		<LucideServer class="mx-auto mb-4 h-8 w-8" />
-		<p>您的账户未启用服务器功能。</p>
-		<p>您需要有价值200美元的积分才能启用此功能。</p>
-		<p>
-			请从
-			<router-link class="underline" :to="{ name: 'BillingOverview' }"
-				>这里</router-link
-			>添加。
-		</p>
-		<p>
-			或者您可以
-			<a
-				class="underline"
-				href="https://jingrow.com/support"
-				target="_blank"
-				>联系支持</a
-			>
-			以启用它。
-		</p>
-	</div>
-</template>
-<script>
-import LucideServer from '~icons/lucide/server-off';
-import Header from '../components/Header.vue';
-import Summary from '../components/Summary.vue';
-import ServerPlansCards from '../components/server/ServerPlansCards.vue';
-import ClickToCopy from '../components/ClickToCopyField.vue';
-import { DashboardError } from '../utils/error';
-
-export default {
-	components: {
-		ServerPlansCards,
-		LucideServer,
-		ClickToCopy,
-		Summary,
-		Header
-	},
-	props: ['server'],
-	data() {
-		return {
-			serverTitle: '',
-			appServerPlan: '',
-			dbServerPlan: '',
-			serverRegion: '',
-			serverType: '',
-			appPublicIP: '',
-			appPrivateIP: '',
-			dbPublicIP: '',
-			dbPrivateIP: '',
-			planType: 'Standard',
-			serverEnabled: true,
-			agreedToRegionConsent: false
-		};
-	},
-	watch: {
-		serverType() {
-			this.appServerPlan = '';
-			this.dbServerPlan = '';
-			this.serverRegion = '';
-			this.appPublicIP = '';
-			this.appPrivateIP = '';
-			this.dbPublicIP = '';
-			this.dbPrivateIP = '';
-		},
-		planType() {
-			this.appServerPlan = '';
-			this.dbServerPlan = '';
-		}
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.server.options',
-				auto: true,
-				transform(data) {
-					return {
-						server_types: [
-							{
-								name: 'dedicated',
-title: '专用服务器',
-								description:
-									'由 jingrow 管理和拥有的一对专用服务器'
-							},
-							{
-								name: 'hybrid',
-								title: '混合服务器',
-								description:
-									'由 jingrow 管理并由您拥有/提供的一对专用服务器'
-							}
-						],
-						regions: data.regions,
-						app_plans: data.app_plans.filter(p => p.premium == 0),
-						db_plans: data.db_plans.filter(p => p.premium == 0),
-						app_premium_plans: data.app_plans.filter(p => p.premium == 1),
-						db_premium_plans: data.db_plans.filter(p => p.premium == 1)
-					};
-				},
-				onError(error) {
-					if (
-						error.messages.includes(
-							'服务器功能尚未在您的账户上启用'
-						)
-					) {
-						this.serverEnabled = false;
-					}
-				}
-			};
-		},
-		hybridOptions() {
-			return {
-				url: 'jcloud.api.selfhosted.options_for_new',
-				auto: true
-			};
-		},
-		createServer() {
-			return {
-				url: 'jcloud.api.server.new',
-				validate({ server }) {
-					if (!server.title) {
-						throw new DashboardError('服务器名称是必填项');
-					} else if (!server.cluster) {
-						throw new DashboardError('请选择一个区域');
-					} else if (!server.app_plan) {
-						throw new DashboardError('请选择一个应用服务器计划');
-					} else if (!server.db_plan) {
-						throw new DashboardError('请选择一个数据库服务器计划');
-					} else if (Object.keys(this.$team.pg.billing_details).length === 0) {
-						throw new DashboardError(
-							"您尚未添加账单信息。请从设置中添加账单信息以继续。"
-						);
-					} else if (
-						this.$team.pg.servers_enabled == 0 &&
-						((this.$team.pg.currency == 'USD' &&
-							this.$team.pg.balance < 200) ||
-							(this.$team.pg.currency == 'CNY' &&
-								this.$team.pg.balance < 16000))
-					) {
-						throw new DashboardError(
-							'您需要有价值 $200 的信用额度才能创建服务器。'
-						);
-					}
-				},
-				onSuccess(server) {
-					this.$router.push({
-						name: '服务器详情页面',
-						params: { name: server.server }
-					});
-				}
-			};
-		},
-		createHybridServer() {
-			return {
-				url: 'jcloud.api.selfhosted.create_and_verify_selfhosted',
-				validate() {
-					if (!this.serverTitle) {
-						throw new DashboardError('服务器名称是必填项');
-					} else if (
-						!this.appPublicIP ||
-						!this.dbPublicIP ||
-						!this.appPrivateIP ||
-						!this.dbPrivateIP
-					) {
-						throw new DashboardError('请填写所有 IP 地址');
-					} else if (this.validateIP(this.appPublicIP)) {
-						throw new DashboardError(
-							'请输入有效的应用公共 IP'
-						);
-					} else if (this.validateIP(this.appPrivateIP)) {
-						throw new DashboardError(
-							'请输入有效的应用私有 IP'
-						);
-					} else if (this.validateIP(this.dbPublicIP)) {
-						throw new DashboardError('请输入有效的数据库公共 IP');
-					} else if (this.validateIP(this.dbPrivateIP)) {
-						throw new DashboardError(
-							'请输入有效的数据库私有 IP'
-						);
-					} else if (this.dbPublicIP === this.appPublicIP) {
-						throw new DashboardError(
-							"请不要将同一服务器用作应用和数据库服务器"
-						);
-					} else if (!this.agreedToRegionConsent) {
-						throw new DashboardError('请同意区域同意书');
-					}
-				},
-				onSuccess(server) {
-					this.$router.push({
-						name: '服务器详情页面',
-						params: { name: server }
-					});
-				}
-			};
-		}
-	},
-	computed: {
-		options() {
-			return this.$resources.options.data;
-		},
-		_totalPerMonth() {
-			let currencyField =
-				this.$team.pg.currency == 'CNY' ? 'price_cny' : 'price_usd';
-			if (this.serverType === 'dedicated') {
-				return (
-					this.appServerPlan[currencyField] + this.dbServerPlan[currencyField]
-				);
-			} else if (this.serverType === 'hybrid') {
-return this.$resources.hybridOptions?.data?.plans[0][currencyField] * 2;
-			}
-		},
-		totalPerMonth() {
-			return this.$format.userCurrency(this._totalPerMonth);
-		},
-		totalPerDay() {
-			return this.$format.userCurrency(
-				this.$format.pricePerDay(this._totalPerMonth)
-			);
-		},
-		summaryOptions() {
-			return [
-				{
-					label: '服务器名称',
-					value: this.serverTitle
-				},
-				{
-					label: '区域',
-					value: this.serverRegion,
-					condition: () => this.serverType === 'dedicated'
-				},
-				{
-					label: '应用服务器方案',
-					value: this.$format.planTitle(this.appServerPlan) + ' 每月',
-					condition: () => this.serverType === 'dedicated'
-				},
-				{
-					label: '数据库服务器方案',
-					value: this.$format.planTitle(this.dbServerPlan) + ' 每月',
-					condition: () => this.serverType === 'dedicated'
-				},
-				{
-					label: '应用公网IP',
-					value: this.appPublicIP,
-					condition: () => this.serverType === 'hybrid'
-				},
-				{
-					label: '应用内网IP',
-					value: this.appPrivateIP,
-					condition: () => this.serverType === 'hybrid'
-				},
-				{
-					label: '数据库公网IP',
-					value: this.dbPublicIP,
-					condition: () => this.serverType === 'hybrid'
-				},
-				{
-					label: '数据库内网IP',
-					value: this.dbPrivateIP,
-					condition: () => this.serverType === 'hybrid'
-				},
-				{
-					label: '方案',
-					value: `${this.$format.planTitle(
-						this.$resources.hybridOptions?.data?.plans[0]
-					)} 每月`,
-					condition: () =>
-						this.serverType === 'hybrid' &&
-						this.$resources.hybridOptions?.data?.plans[0]
-				},
-				{
-					label: '总计',
-					value: `${this.totalPerMonth} 每月 <div class="text-gray-600"> ${this.totalPerDay} 每天</div>`,
-					condition: () => this._totalPerMonth
-				}
-			];
-		}
-	},
-	methods: {
-		validateIP(ip) {
-			return !ip.match(
-				/^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/
-			);
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/NewSite.vue b/dashboard_backup/src2/pages/NewSite.vue
deleted file mode 100644
index f26a5af..0000000
--- a/dashboard_backup/src2/pages/NewSite.vue
+++ /dev/null
@@ -1,886 +0,0 @@
-<template>
-	<div class="sticky top-0 z-10 shrink-0">
-		<Header>
-			<FBreadcrumbs :items="breadcrumbs" />
-		</Header>
-	</div>
-
-	<div
-		v-if="!$team.pg?.is_desk_user && !$session.hasSiteCreationAccess"
-		class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
-	>
-		<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
-		<ErrorMessage message="您没有权限创建新站点" />
-	</div>
-
-	<div v-else class="mx-auto max-w-2xl px-5">
-		<div v-if="$resources.options.loading" class="py-4 text-base text-gray-600">
-			加载中...
-		</div>
-		<div v-if="$route.name === 'NewBenchSite' && !bench">
-			<div class="py-4 text-base text-gray-600">出错了</div>
-		</div>
-		<div v-else-if="options" class="space-y-12 pb-[50vh] pt-12">
-			<NewSiteAppSelector
-				:availableApps="selectedVersionAppOptions"
-				:siteOnPublicBench="!bench"
-				v-model="apps"
-			/>
-			<div v-if="showLocalisationSelector" class="space-y-4">
-				<div class="flex space-x-2">
-					<FormControl
-						label="安装本地合规应用？"
-						v-model="showLocalisationOption"
-						type="checkbox"
-					/>
-					<Tooltip
-						text="本地合规应用允许根据法定合规性创建交易。它们由社区合作伙伴维护。"
-					>
-						<i-lucide-info class="h-4 w-4 text-gray-500" />
-					</Tooltip>
-				</div>
-				<FormControl
-					class="w-1/2"
-					variant="outline"
-					:class="{ 'pointer-events-none opacity-50': !showLocalisationOption }"
-					label="选择国家"
-					v-model="selectedLocalisationCountry"
-					type="autocomplete"
-					:options="localisationAppCountries"
-				/>
-			</div>
-			<div v-if="!bench">
-				<div class="flex items-center justify-between">
-					<h2 class="text-base font-medium leading-6 text-gray-900">
-						选择 Jingrow 版本
-					</h2>
-				</div>
-				<div class="mt-2">
-					<div class="grid grid-cols-2 gap-3 sm:grid-cols-3">
-						<component
-							v-for="v in availableVersions"
-							:key="v.name"
-							:is="v.disabled ? 'Tooltip' : 'div'"
-							:text="
-								v.disabled && versionAppsMap[v.name]
-									? `此版本不适用于 ${$format.plural(
-											versionAppsMap[v.name].length,
-											'app',
-											'apps',
-										)} ${$format.commaAnd(versionAppsMap[v.name])}`
-									: ''
-							"
-						>
-							<button
-								:class="[
-									version === v.name
-										? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-										: 'bg-white text-gray-900  hover:bg-gray-50',
-									v.disabled && 'opacity-50 hover:cursor-default',
-									'flex w-full cursor-pointer items-center justify-between rounded border border-gray-400 p-3 text-sm focus:outline-none',
-								]"
-								@click="
-									() => {
-										if (v.disabled) return;
-										version = v.name;
-									}
-								"
-							>
-								<span class="font-medium">{{ v.name }} </span>
-								<div
-									v-if="v.status === 'Develop'"
-									class="flex items-center gap-2"
-								>
-									<Tooltip
-										text="此版本正在开发中，可能存在错误。请勿用于生产站点。"
-									>
-										<i-lucide-info class="h-4 w-4 text-gray-500" />
-									</Tooltip>
-									<span class="ml-1 text-gray-600">
-										{{ v.status }}
-									</span>
-								</div>
-							</button>
-						</component>
-					</div>
-				</div>
-			</div>
-			<div
-				class="flex flex-col"
-				v-if="selectedVersion?.group?.clusters?.length"
-			>
-				<h2 class="text-base font-medium leading-6 text-gray-900">
-					选择地区
-				</h2>
-				<div class="mt-2 w-full space-y-2">
-					<div class="grid grid-cols-2 gap-3">
-						<button
-							v-for="c in selectedVersion.group.clusters"
-							:key="c.name"
-							@click="cluster = c.name"
-							:class="[
-								cluster === c.name
-									? 'border-gray-900 ring-1 ring-gray-900 hover:bg-gray-100'
-									: 'bg-white text-gray-900  hover:bg-gray-50',
-								'flex w-full items-center rounded border p-3 text-left text-base text-gray-900',
-							]"
-						>
-							<div class="flex w-full items-center justify-between">
-								<div class="flex w-full items-center space-x-2">
-									<img v-if="c.image" :src="c.image" class="h-5 w-5" onerror="this.src='/assets/images/china-flag.png'; this.onerror=null;" />
-									<i-lucide-globe class="h-5 w-5 text-gray-600" v-else />
-									<span class="text-sm font-medium">
-										{{ c.title }}
-									</span>
-								</div>
-								<Badge v-if="c.beta" :label="c.beta ? 'Beta' : ''" />
-							</div>
-						</button>
-					</div>
-				</div>
-			</div>
-			<div v-if="selectedVersion && cluster">
-				<div class="flex items-center justify-between">
-					<h2 class="text-base font-medium leading-6 text-gray-900">
-						选择网站套餐计划
-					</h2>
-				</div>
-				<div class="mt-2">
-					<SitePlansCards
-						v-model="plan"
-						:isPrivateBenchSite="!!bench"
-						:isDedicatedServerSite="selectedVersion.group.is_dedicated_server"
-						:selectedCluster="cluster"
-						:selectedApps="apps"
-						:selectedVersion="version"
-						:hideRestrictedPlans="selectedLocalisationCountry"
-					/>
-				</div>
-				<div class="mt-4 text-xs text-gray-700">
-					<div
-						class="flex items-center rounded bg-gray-50 p-2 text-p-base font-medium text-gray-800"
-					>
-						<i-lucide-badge-check class="h-4 w-8 text-gray-600" />
-						<span class="ml-4">
-							安装使用 Jingrow 系统遇到任何问题请提交支持工单或联系在线客服。
-						</span>
-					</div>
-				</div>
-			</div>
-			<div v-if="selectedVersion && plan && cluster">
-				<h2 class="text-base font-medium leading-6 text-gray-900">
-					输入子域名
-				</h2>
-				<div class="mt-2 items-center">
-					<div class="col-span-2 flex w-full">
-						<input
-							class="dark:[color-scheme:dark] z-10 h-7 w-full flex-1 rounded rounded-r-none border border-[--surface-gray-2] bg-surface-gray-2 py-1.5 pl-2 pr-2 text-base text-ink-gray-8 placeholder-ink-gray-4 transition-colors hover:border-outline-gray-modals hover:bg-surface-gray-3 focus:border-outline-gray-4 focus:bg-surface-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3"
-							placeholder="子域名"
-							v-model="subdomain"
-						/>
-						<div class="flex items-center rounded-r bg-gray-100 px-4 text-base">
-							.{{ options.domain }}
-						</div>
-					</div>
-				</div>
-				<div class="mt-1">
-					<div
-						v-if="$resources.subdomainExists.loading"
-						class="text-base text-gray-600"
-					>
-						正在检查...
-					</div>
-					<template
-						v-else-if="
-							!$resources.subdomainExists.error &&
-							$resources.subdomainExists.data != null
-						"
-					>
-						<div
-							v-if="$resources.subdomainExists.data"
-							class="text-sm text-green-600"
-						>
-							{{ subdomain }}.{{ options.domain }} 可用
-						</div>
-						<div v-else class="text-sm text-red-600">
-							{{ subdomain }}.{{ options.domain }} 不可用
-						</div>
-					</template>
-					<ErrorMessage :message="$resources.subdomainExists.error" />
-				</div>
-			</div>
-			<Summary
-				v-if="selectedVersion && cluster && plan && subdomain"
-				:options="siteSummaryOptions"
-			/>
-			<div
-				v-if="selectedVersion && cluster && plan"
-				class="flex flex-col space-y-4"
-			>
-				<FormControl
-					type="checkbox"
-					v-model="agreedToRegionConsent"
-					:label="`我同意我所选地区的法律适用于我和Jingrow。`"
-				/>
-				<FormControl
-					class="checkbox"
-					type="checkbox"
-					label="我同意将我的信息分享给本地合作伙伴"
-					@change="(val) => (shareDetailsConsent = val.target.checked)"
-				/>
-				<div v-if="formError" class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded mb-4">
-					{{ formError }}
-				</div>
-			</div>
-			<div v-if="selectedVersion && cluster && plan && subdomain">
-				<Button
-					class="w-full"
-					variant="solid"
-					:disabled="!agreedToRegionConsent || !isSubdomainValid"
-					@click="checkBalanceAndCreateSite"
-					:loading="$resources.createOrder?.loading || false"
-					:loadingText="'正在创建订单...'"
-				>
-					创建站点
-				</Button>
-			</div>
-		</div>
-	</div>
-
-	<Dialog 
-		v-if="showAddPrepaidCreditsDialog" 
-		v-model="showAddPrepaidCreditsDialog"
-		:options="{ title: '新建网站' }"
-	>
-		<template #body-content>
-			<div v-if="showBalanceMessage" class="mb-5 inline-flex gap-1.5 text-base text-gray-700">
-				<i-lucide-info class="h-4 w-4" />
-				<span>
-					您当前的余额不足，请先充值以创建新站点。至少需要充值 {{ $format.userCurrency(Math.ceil(requiredAmount - userBalance)) }}。
-				</span>
-			</div>
-			<BuyPrepaidCreditsForm
-				:minimumAmount="Math.ceil(requiredAmount - userBalance)"
-				:isOnboarding="false"
-				@success="onCreditAdded"
-				@cancel="showAddPrepaidCreditsDialog = false"
-			/>
-		</template>
-	</Dialog>
-
-	<div v-if="showOrderCheckout && !currentOrder" class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
-		<div class="bg-white p-6 rounded-lg shadow-xl">
-			<p>正在加载支付界面...</p>
-		</div>
-	</div>
-
-	<OrderCheckout 
-		v-if="currentOrder"
-		v-model="showOrderCheckout"
-		:order="currentOrder" 
-		@payment-success="onPaymentSuccess"
-		@payment-error="onPaymentError"
-		@close="resetCheckoutState"
-	/>
-</template>
-<script>
-import {
-	Autocomplete,
-	ErrorMessage,
-	FeatherIcon,
-	FormControl,
-	TextInput,
-	Tooltip,
-	debounce,
-	Breadcrumbs,
-	getCachedDocumentResource,
-	Dialog,
-} from 'jingrow-ui';
-import SitePlansCards from '../components/SitePlansCards.vue';
-import { validateSubdomain } from '../utils/site';
-import Header from '../components/Header.vue';
-import router from '../router';
-import { plans } from '../data/plans';
-import NewSiteAppSelector from '../components/site/NewSiteAppSelector.vue';
-import Summary from '../components/Summary.vue';
-import { DashboardError } from '../utils/error';
-import { getCountry } from '../utils/country';
-import BuyPrepaidCreditsForm from '../components/BuyPrepaidCreditsForm.vue';
-import OrderCheckout from '../components/OrderCheckout.vue';
-
-export default {
-	name: 'NewSite',
-	props: ['bench'],
-	components: {
-		FBreadcrumbs: Breadcrumbs,
-		NewSiteAppSelector,
-		SitePlansCards,
-		Autocomplete,
-		ErrorMessage,
-		FormControl,
-		FeatherIcon,
-		TextInput,
-		Tooltip,
-		Summary,
-		Header,
-		Dialog,
-		BuyPrepaidCreditsForm,
-		OrderCheckout,
-	},
-	data() {
-		return {
-			version: null,
-			subdomain: '',
-			cluster: null,
-			plan: null,
-			apps: [],
-			appPlans: {},
-			selectedApp: null,
-			closestCluster: null,
-			selectedLocalisationCountry: null,
-			showLocalisationOption: false,
-			showAppPlanSelectorDialog: false,
-			shareDetailsConsent: false,
-			agreedToRegionConsent: false,
-			showAddPrepaidCreditsDialog: false,
-			showBalanceMessage: false,
-			requiredAmount: 0,
-			userBalance: 0,
-			showOrderCheckout: false,
-			currentOrder: null,
-			formError: null,
-			siteFromOrder: null
-		};
-	},
-	watch: {
-		apps() {
-			this.version = this.autoSelectVersion();
-			this.cluster = null;
-			this.agreedToRegionConsent = false;
-		},
-		showLocalisationOption() {
-			if (this.showLocalisationOption) {
-				const localisationAppCountries = this.localisationAppCountries.map(
-					(c) => c.value,
-				);
-
-				if (
-					localisationAppCountries.includes(getCountry()) &&
-					!this.selectedLocalisationCountry
-				) {
-					this.selectedLocalisationCountry = { value: getCountry() };
-				}
-			} else {
-				this.selectedLocalisationCountry = null;
-			}
-		},
-		async version() {
-			this.cluster = null;
-			this.cluster = await this.getClosestCluster();
-			this.agreedToRegionConsent = false;
-		},
-		cluster() {
-			this.plan = null;
-			this.agreedToRegionConsent = false;
-		},
-		subdomain: {
-			handler: debounce(function (value) {
-				let invalidMessage = validateSubdomain(value);
-				this.$resources.subdomainExists.error = invalidMessage;
-				if (!invalidMessage) {
-					this.$resources.subdomainExists.submit();
-				}
-			}, 500),
-		},
-		closestCluster() {
-			this.cluster = this.closestCluster;
-		},
-	},
-	resources: {
-		options() {
-			return {
-				url: 'jcloud.api.site.options_for_new',
-				makeParams() {
-					return { for_bench: this.bench };
-				},
-				onSuccess() {
-					if (this.bench && this.options.versions.length > 0) {
-						this.version = this.options.versions[0].name;
-					}
-				},
-				auto: true,
-			};
-		},
-		subdomainExists() {
-			return {
-				url: 'jcloud.api.site.exists',
-				makeParams() {
-					return {
-						domain: this.options?.domain,
-						subdomain: this.subdomain,
-					};
-				},
-				validate() {
-					let error = validateSubdomain(this.subdomain);
-					if (error) {
-						return new DashboardError(error);
-					}
-				},
-				transform(data) {
-					return !Boolean(data);
-				},
-			};
-		},
-		userBalance() {
-			return {
-				url: 'jcloud.api.billing.get_balance_credit',
-				auto: true,
-				onSuccess(data) {
-					this.userBalance = data;
-				},
-			};
-		},
-		createOrder() {
-			return {
-				url: 'jcloud.api.billing.create_order',
-				makeParams() {
-					return {
-						title: `${this.subdomain}.${this.options?.domain}`,
-						description: `${this.plan.plan_title || this.plan.name}`,
-						total_amount: this._totalAmount || 0,
-						order_type: `新建网站`
-					};
-				},
-				validate() {
-					if (!this.subdomain) {
-						throw new DashboardError('请输入子域名');
-					}
-					if (!this._totalAmount || this._totalAmount <= 0) {
-						throw new DashboardError('订单金额必须大于0');
-					}
-				},
-				onSuccess(response) {
-					if (!response || !response.order) {
-						this.formError = '服务器返回数据格式错误';
-						return;
-					}
-					
-					this.currentOrder = response.order;
-					this.$nextTick(() => {
-						this.showOrderCheckout = true;
-					});
-				},
-				onError(error) {
-					this.formError = error.message || '创建订单失败';
-				}
-			};
-		},
-		createSite() {
-			return {
-				url: 'jcloud.api.site.new',
-				makeParams() {
-					let appPlans = {};
-					for (let app of this.apps) {
-						if (app.plan) {
-							appPlans[app.app] = app.plan;
-						}
-					}
-
-					return {
-						site: {
-							name: this.subdomain,
-							apps: ['jingrow', ...this.apps.map((app) => app.app)],
-							localisation_country: this.showLocalisationSelector
-								? this.selectedLocalisationCountry?.value
-								: null,
-							version: this.selectedVersion.name,
-							group: this.selectedVersion.group.name,
-							cluster: this.cluster,
-							plan: this.plan.name,
-							share_details_consent: this.shareDetailsConsent,
-							selected_app_plans: appPlans,
-							order_id: this.currentOrder?.order_id || null
-						},
-					};
-				},
-				validate() {
-					if (!this.subdomain) {
-						throw new DashboardError('请输入子域名');
-					}
-
-					if (!this.agreedToRegionConsent) {
-						throw new DashboardError('请同意上述条款以创建站点');
-					}
-					
-					if (this.currentOrder && !this.currentOrder.status) {
-						throw new DashboardError('未检测到订单状态，无法创建站点');
-					}
-				},
-				onSuccess: (site) => {
-					this.$router.push(`/sites/${this.subdomain}.${this.options?.domain}/overview`);
-				},
-				onError(error) {
-					this.formError = error.message || '站点创建失败，请联系客服';
-				}
-			};
-		},
-	},
-	computed: {
-		options() {
-			return this.$resources.options.data;
-		},
-		selectedVersion() {
-			return this.options?.versions.find((v) => v.name === this.version);
-		},
-		availableVersions() {
-			if (!this.apps.length || this.bench)
-				return this.options.versions.sort((a, b) =>
-					b.name.localeCompare(a.name),
-				);
-
-			let commonVersions = this.apps.reduce((acc, app) => {
-				if (!acc) return app.sources.map((s) => s.version);
-				return acc.filter((v) => app.sources.map((s) => s.version).includes(v));
-			}, null);
-
-			if (this.selectedLocalisationCountry) {
-				// temporary override since we don't have localisation app ready for v14
-				// TODO: remove this when localisation app is ready for v14
-				commonVersions = ['v1'];
-				this.version = 'v1';
-			}
-
-			return this.options.versions.map((v) => ({
-				...v,
-				disabled: !commonVersions.includes(v.name),
-			}));
-		},
-		selectedClusterTitle() {
-			return this.selectedVersion?.group?.clusters?.find(
-				(c) => c.name === this.cluster,
-			)?.title;
-		},
-		selectedVersionApps() {
-			let apps = [];
-
-			if (!this.bench)
-				apps = this.options.app_source_details.sort((a, b) =>
-					a.total_installs !== b.total_installs
-						? b.total_installs - a.total_installs
-						: a.app.localeCompare(b.app),
-				);
-			else if (!this.selectedVersion?.group?.bench_app_sources) apps = [];
-			else
-				apps = this.selectedVersion.group.bench_app_sources.map(
-					(app_source) => {
-						let app_source_details =
-							this.options.app_source_details[app_source];
-
-						let marketplace_details = app_source_details
-							? this.options.marketplace_details[app_sourcedetails.app]
-							: {};
-
-						return {
-							app_title: app_source,
-							...app_source_details,
-							...marketplace_details,
-						};
-					},
-				);
-
-			// 按总安装量排序，然后按名称排序
-			return apps.sort((a, b) => {
-				if (a.total_installs > b.total_installs) {
-					return -1;
-				} else if (a.total_installs < b.total_installs) {
-					return 1;
-				} else {
-					return a.app_title.localeCompare(b.app_title);
-				}
-			});
-		},
-		selectedVersionAppOptions() {
-			return this.selectedVersionApps.filter(
-				(app) => !this.localisationAppNames.includes(app.app),
-			);
-		},
-		showLocalisationSelector() {
-			if (
-				!this.selectedVersionApps ||
-				!this.localisationAppNames.length ||
-				!this.apps.length
-			)
-				return false;
-
-			const appsThatNeedLocalisation = this.selectedVersionApps.filter(
-				(app) => app.localisation_apps.length,
-			);
-
-			if (
-				appsThatNeedLocalisation.some((app) =>
-					this.apps.map((a) => a.app).includes(app.app),
-				)
-			)
-				return true;
-
-			return false;
-		},
-		localisationAppNames() {
-			if (!this.selectedVersionApps) return [];
-			const localisationAppDetails = this.selectedVersionApps.flatMap(
-				(app) => app.localisation_apps,
-			);
-
-			return localisationAppDetails
-				.map((app) => app?.marketplace_app)
-				.filter(Boolean);
-		},
-		localisationAppCountries() {
-			if (!this.selectedVersionApps) return [];
-			const localisationAppDetails = this.selectedVersionApps.flatMap(
-				(app) => app.localisation_apps,
-			);
-			return localisationAppDetails.map((app) => ({
-				label: app?.country,
-				value: app?.country,
-			}));
-		},
-		selectedPlan() {
-			if (!plans?.data) return;
-			return plans.data.find((p) => p.name === this.plan.name);
-		},
-		versionAppsMap() {
-			const versions = this.availableVersions.map((v) => v.name);
-			let problemAppVersions = {};
-			if (!this.bench)
-				for (let app of this.apps) {
-					const appVersions = app.sources.map((s) => s.version);
-					const problemVersions = versions.filter(
-						(version) => !appVersions.includes(version),
-					);
-					for (let version of problemVersions) {
-						if (!problemAppVersions[version]) {
-							problemAppVersions[version] = [];
-						}
-						problemAppVersions[version].push(app.app_title);
-					}
-				}
-			return problemAppVersions;
-		},
-		breadcrumbs() {
-			if (this.bench) {
-				let group = getCachedDocumentResource('Release Group', this.bench);
-				return [
-					{ label: '站点分组', route: '/groups' },
-					{
-						label: group ? group.pg.title : this.bench,
-						route: {
-							name: 'Release Group Detail',
-							params: { name: this.bench },
-						},
-					},
-					{
-						label: '新建站点',
-						route: {
-							name: 'Release Group New Site',
-							params: { bench: this.bench },
-						},
-					},
-				];
-			}
-			return [
-				{ label: '站点', route: '/sites' },
-				{ label: '新建站点', route: '/sites/new' },
-			];
-		},
-		_totalAmount() {
-			let total =
-				this.$team.pg.currency == 'CNY'
-					? this.selectedPlan.price_cny
-					: this.selectedPlan.price_usd;
-
-			for (let app of this.apps.filter((app) => app.plan)) {
-				total +=
-					this.$team.pg.currency == 'CNY'
-						? app.plan.price_cny
-						: app.plan.price_usd;
-			}
-			return total;
-		},
-		totalAmount() {
-			return this.$format.userCurrency(this._totalAmount);
-		},
-		totalPerMonth() {
-			return this.totalAmount;
-		},
-		totalPerDay() {
-			return this.$format.userCurrency(
-				this.$format.pricePerDay(this._totalAmount),
-			);
-		},
-		siteSummaryOptions() {
-			let appPlans = [];
-			for (let app of this.apps) {
-				appPlans.push(
-					`${
-						this.selectedVersionApps.find((a) => a.app === app.app).app_title
-					} ${
-						app.plan?.price_cny
-							? `- <span class="text-gray-600">${this.$format.userCurrency(
-									this.$team.pg.currency == 'CNY'
-										? app.plan.price_cny
-										: app.plan.price_usd,
-								)}</span>`
-							: ''
-					}`,
-				);
-			}
-
-			return [
-				{
-					label: 'Jingrow 版本',
-					value: this.selectedVersion?.name,
-				},
-				{
-					label: '区域',
-					value: this.selectedClusterTitle,
-				},
-				{
-					label: '站点 URL',
-					value: `${this.subdomain}.${this.options?.domain}`,
-				},
-				{
-					label: '站点计划',
-					value: this.selectedPlan.plan_title || this.plan.name,
-				},
-				{
-					label: '总计',
-					value: this.totalAmount,
-					condition: () => this._totalAmount,
-				},
-			];
-		},
-		isSubdomainValid() {
-			return this.$resources.subdomainExists.data === true && 
-				   !this.$resources.subdomainExists.error && 
-				   this.subdomain;
-		},
-	},
-	methods: {
-		async getClosestCluster() {
-			if (this.closestCluster) return this.closestCluster;
-			
-			// 优先检查是否有中国地区的集群
-			const chinaCluster = this.selectedVersion?.group?.clusters.find(
-				c => c.title && c.title.includes('中国')
-			);
-			
-			if (chinaCluster) {
-				this.closestCluster = chinaCluster.name;
-				return this.closestCluster;
-			}
-			
-			let proxyServers = this.selectedVersion?.group?.clusters
-				.flatMap((c) => c.proxy_server || [])
-				.map((server) => server.name);
-
-			if (proxyServers.length > 0) {
-				this.findingClosestServer = true;
-				let promises = proxyServers.map((server) => this.getPingTime(server));
-				let results = await Promise.allSettled(promises);
-				let fastestServer = results.reduce((a, b) =>
-					a.value.pingTime < b.value.pingTime ? a : b,
-				);
-				let closestServer = fastestServer.value.server;
-				let closestCluster = this.selectedVersion?.group?.clusters.find(
-					(c) => c.proxy_server?.name === closestServer,
-				);
-				if (!this.closestCluster && closestCluster) {
-					this.closestCluster = closestCluster.name;
-				} else if (this.selectedVersion?.group?.clusters.length > 0) {
-					// 如果找不到最快的服务器，默认选择第一个集群
-					this.closestCluster = this.selectedVersion.group.clusters[0].name;
-				}
-				this.findingClosestServer = false;
-			} else if (this.selectedVersion?.group?.clusters.length > 0) {
-				this.closestCluster = this.selectedVersion.group.clusters[0].name;
-			}
-			return this.closestCluster;
-		},
-		async getPingTime(server) {
-			let pingTime = 999999;
-			try {
-				let t1 = new Date().getTime();
-				let r = await fetch(`https://${server}`);
-				let t2 = new Date().getTime();
-				pingTime = t2 - t1;
-			} catch (error) {
-				console.warn(error);
-			}
-			return { server, pingTime };
-		},
-		autoSelectVersion() {
-			if (!this.availableVersions) return null;
-
-			return this.availableVersions
-				.sort((a, b) => b.name.localeCompare(a.name))
-				.find((v) => !v.disabled)?.name;
-		},
-		async checkBalanceAndCreateSite() {
-			try {
-				this.formError = null;
-				
-				if (!this.agreedToRegionConsent) {
-					this.formError = '请同意上述条款以创建站点';
-					return;
-				}
-				
-				if (!this.subdomain) {
-					this.formError = '请输入子域名';
-					return;
-				}
-				
-				if (!this.isSubdomainValid) {
-					this.formError = '子域名无效或已被占用';
-					return;
-				}
-				
-				this.$resources.createOrder.submit();
-			} catch (error) {
-				this.formError = `创建订单失败: ${error.message || '请稍后再试'}`;
-			}
-		},
-		onPaymentSuccess(order) {
-			this.showOrderCheckout = false;
-			this.currentOrder = {
-				...this.currentOrder,
-				...order,
-				status: '已支付'
-			};
-			this.siteFromOrder = order.site;
-			this.$resources.createSite.submit();
-		},
-		onPaymentError(error) {
-			this.formError = "支付失败: " + (error.message || "未知错误");
-			
-			if (error.message && error.message.includes('余额不足')) {
-				this.requiredAmount = this._totalAmount || 0;
-				this.showBalanceMessage = true;
-				this.showAddPrepaidCreditsDialog = true;
-			}
-			
-			this.showOrderCheckout = false;
-		},
-		resetCheckoutState() {
-			this.showOrderCheckout = false;
-			this.currentOrder = null;
-		}
-	},
-};
-</script>
-<style scoped>
-.checkbox:deep(label) {
-	color: theme('colors.gray.700') !important;
-	line-height: 1.5;
-}
-</style>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Partners.vue b/dashboard_backup/src2/pages/Partners.vue
deleted file mode 100644
index a8279d5..0000000
--- a/dashboard_backup/src2/pages/Partners.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-	<div class="sticky top-0 z-10 shrink-0">
-		<Header>
-			<FBreadcrumbs
-				:items="[
-					{ label: '合作伙伴门户', route: { name: 'Partner Portal' } },
-				]"
-			/>
-		</Header>
-		<TabsWithRouter
-			v-if="
-				Boolean(this.$team.pg.jerp_partner) && $session.hasPartnerAccess
-			"
-			:tabs="tabs"
-		/>
-		<div
-			v-else
-			class="mx-auto mt-60 w-fit rounded border border-dashed px-12 py-8 text-center text-gray-600"
-		>
-			<i-lucide-alert-triangle class="mx-auto mb-4 h-6 w-6 text-red-600" />
-			<ErrorMessage
-				message="您无权查看合作伙伴页面。请向团队所有者申请为您的角色提供权限。"
-			/>
-		</div>
-	</div>
-</template>
-
-<script>
-import Header from '../components/Header.vue';
-import { Breadcrumbs, Tabs } from 'jingrow-ui';
-import TabsWithRouter from '../components/TabsWithRouter.vue';
-
-export default {
-	name: 'Partner',
-	components: {
-		Header,
-		FBreadcrumbs: Breadcrumbs,
-		FTabs: Tabs,
-		TabsWithRouter,
-	},
-	data() {
-		return {
-			currentTab: 0,
-			tabs: [
-				{ label: '概览', route: { name: 'PartnerOverview' } },
-				{ label: '客户', route: { name: 'PartnerCustomers' } },
-				{
-					label: '审批请求',
-					route: { name: 'PartnerApprovalRequests' },
-				},
-				{
-					label: '本地支付设置',
-					route: { name: 'LocalPaymentSetup' },
-					condition: () =>
-						Boolean(
-							this.$team.pg.country === 'Kenya' &&
-								this.$team.pg.mpesa_enabled,
-						),
-				},
-			],
-		};
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/PlayPage.vue b/dashboard_backup/src2/pages/PlayPage.vue
deleted file mode 100644
index 1f72ada..0000000
--- a/dashboard_backup/src2/pages/PlayPage.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<template>
-	<div class="p-5" v-if="play">
-		<Button :route="{ name: `${object.pagetype} Detail Plays` }">
-			<template #prefix>
-				<i-lucide-arrow-left class="inline-block h-4 w-4" />
-			</template>
-			所有剧本
-		</Button>
-
-		<div class="mt-3">
-			<div>
-				<div class="flex items-center">
-					<h2 class="text-lg font-medium text-gray-900">{{ play.play }}</h2>
-					<Badge class="ml-2" :label="play.status" />
-					<div class="ml-auto space-x-2">
-						<Button
-							@click="$resources.play.reload()"
-							:loading="$resources.play.loading"
-						>
-							<template #icon>
-								<i-lucide-refresh-ccw class="h-4 w-4" />
-							</template>
-						</Button>
-						<Dropdown v-if="dropdownOptions.length" :options="dropdownOptions">
-							<template v-slot="{ open }">
-								<Button>
-									<template #icon>
-										<i-lucide-more-horizontal class="h-4 w-4" />
-									</template>
-								</Button>
-							</template>
-						</Dropdown>
-					</div>
-				</div>
-				<div>
-					<div class="mt-4 grid grid-cols-5 gap-4">
-						<div>
-							<div class="text-sm font-medium text-gray-500">创建时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ $format.date(play.creation) }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">创建者</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ play.owner }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">持续时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ $format.duration(play.duration) }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">开始时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ $format.date(play.start) }}
-							</div>
-						</div>
-						<div>
-							<div class="text-sm font-medium text-gray-500">结束时间</div>
-							<div class="mt-2 text-sm text-gray-900">
-								{{ $format.date(play.end) }}
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-
-			<div class="mt-8 space-y-4">
-				<JobStep v-for="task in play.tasks" :step="task" :key="task.name" />
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-import { FeatherIcon, Tooltip } from 'jingrow-ui';
-import { duration } from '../utils/format';
-import { getObject } from '../objects';
-import JobStep from '../components/JobStep.vue';
-
-export default {
-	name: 'PlayPage',
-	props: ['id', 'objectType'],
-	components: { Tooltip, FeatherIcon, JobStep },
-	resources: {
-		play() {
-			return {
-				type: 'document',
-				pagetype: 'Ansible Play',
-				name: this.id,
-				transform(play) {
-					for (let task of play.tasks) {
-						task.title = task.task;
-						task.duration = duration(task.duration);
-						task.isOpen = false;
-					}
-					return play;
-				},
-				onSuccess() {
-					this.lastLoaded = Date.now();
-				}
-			};
-		}
-	},
-	computed: {
-		object() {
-			return getObject(this.objectType);
-		},
-		play() {
-			return this.$resources.play.pg;
-		},
-		dropdownOptions() {
-			return [
-				{
-					label: '在桌面查看',
-					icon: 'external-link',
-					condition: () => this.$team.pg?.is_desk_user,
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/ansible-play/${this.id}`,
-							'_blank'
-						);
-					}
-				}
-			].filter(option => option.condition?.() ?? true);
-		}
-	},
-	mounted() {
-		this.$socket.emit('pg_subscribe', 'Ansible Play', this.id);
-		this.$socket.on('ansible_play_update', data => {
-			if (data.id === this.id) {
-this.reload();
-			}
-		});
-		// 每分钟重新加载 play，以防 socket 不工作
-		this.reloadInterval = setInterval(() => {
-			this.reload();
-		}, 1000 * 60);
-	},
-	beforeUnmount() {
-		this.$socket.emit('pg_unsubscribe', 'Ansible Play', this.id);
-		this.$socket.off('ansible_play_update');
-		clearInterval(this.reloadInterval);
-	},
-	methods: {
-		reload() {
-			if (
-				!this.$resources.play.loading &&
-				// 如果 play 在 5 秒前加载过，则重新加载
-				Date.now() - this.lastLoaded > 5000
-			) {
-				this.$resources.play.reload();
-			}
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/RechargeCredits.vue b/dashboard_backup/src2/pages/RechargeCredits.vue
deleted file mode 100644
index 0baf4fc..0000000
--- a/dashboard_backup/src2/pages/RechargeCredits.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-  <div class="mx-auto max-w-3xl px-4 py-8">
-    <div class="bg-white rounded-xl shadow-sm p-6">
-      <div class="mb-6">
-        <h1 class="text-xl font-bold text-gray-800">账户充值</h1>
-        <p class="text-gray-600 mt-2">为您的账户充值余额，用于支付您的服务费用。</p>
-      </div>
-      
-      <!-- 充值方式选择 (药丸式设计) -->
-      <div class="mb-6">
-        <div class="flex w-full rounded-full bg-gray-100 p-1 text-sm text-gray-800">
-          <div
-            class="w-1/2 cursor-pointer rounded-full py-2 text-center transition-all"
-            :class="{ 'bg-white shadow-sm font-medium text-blue-600': paymentMethod === 'online' }"
-            @click="paymentMethod = 'online'"
-          >
-            在线充值
-          </div>
-          <div
-            class="w-1/2 cursor-pointer rounded-full py-2 text-center transition-all"
-            :class="{ 'bg-white shadow-sm font-medium text-blue-600': paymentMethod === 'transfer' }"
-            @click="paymentMethod = 'transfer'"
-          >
-            对公汇款
-          </div>
-        </div>
-      </div>
-      
-      <!-- 在线充值表单 -->
-      <div v-if="paymentMethod === 'online'">
-        <BuyPrepaidCreditsForm 
-          :minimumAmount="minimumAmount"
-          @success="onRechargeSuccess"
-          @cancel="onRechargeCancel"
-        />
-      </div>
-      
-      <!-- 对公汇款信息 - 简化版，移除了表单部分 -->
-      <div v-else class="space-y-6">
-        <div class="rounded-lg border border-gray-200 bg-gray-50 p-4">
-          <div class="mb-4">
-            <h3 class="font-medium text-gray-900">汇款账户信息</h3>
-          </div>
-          
-          <div class="space-y-3 text-sm">
-            <div class="flex justify-between items-center py-1 border-b border-gray-200">
-              <span class="text-gray-600">公司名称</span>
-              <span class="font-medium text-gray-900">广州市向日葵网络信息科技有限公司</span>
-            </div>
-            <div class="flex justify-between items-center py-1 border-b border-gray-200">
-              <span class="text-gray-600">开户银行</span>
-              <span class="font-medium text-gray-900">中国农业银行股份有限公司广州花都金狮支行</span>
-            </div>
-            <div class="flex justify-between items-center py-1 border-b border-gray-200">
-              <span class="text-gray-600">银行账号</span>
-              <span class="font-medium text-gray-900 font-mono">4408 6601 0400 20960</span>
-            </div>
-          </div>
-        </div>
-        
-        <!-- 重要提示 -->
-        <div class="rounded-lg bg-yellow-50 border border-yellow-200 p-4">
-          <div class="flex">
-            <i-lucide-alert-circle class="h-5 w-5 text-yellow-600 mr-2 flex-shrink-0" />
-            <div>
-              <h4 class="font-medium text-yellow-800">重要提示</h4>
-              <ul class="mt-2 text-sm text-yellow-700 space-y-1 list-disc pl-4">
-                <li>汇款时请备注用户所属团队ID：
-                  <strong 
-                    class="font-mono bg-yellow-100 px-1 rounded cursor-pointer inline-flex items-center gap-1 hover:bg-yellow-200 transition-colors"
-                    @click="copyTransferNote"
-                    title="点击复制"
-                  >
-                    {{ $team.pg.name }}
-                    <i-lucide-copy class="h-3.5 w-3.5 text-yellow-600" />
-                  </strong>
-                  <span v-if="showCopiedMessage" class="text-xs text-green-600 ml-1 transition-opacity">已复制!</span>
-                </li>
-                <li>汇款成功后请联系客服进行确认，财务人员会在1个工作日内处理</li>
-                <li>如有疑问，请联系客服。</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        
-        <!-- 添加一个说明，解释资金处理流程 -->
-        <div class="rounded-lg border border-gray-200 p-4 bg-blue-50">
-          <div class="flex">
-            <i-lucide-info class="h-5 w-5 text-blue-600 mr-2 flex-shrink-0" />
-            <div>
-              <h4 class="font-medium text-blue-800">充值流程</h4>
-              <p class="mt-2 text-sm text-blue-700">
-                完成对公汇款后，我们的财务人员会在确认收款后，将资金添加到您的账户余额中。
-                通常这个过程需要1个工作日。如需加急处理，请联系客服。
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { Button } from 'jingrow-ui';
-import BuyPrepaidCreditsForm from '../components/BuyPrepaidCreditsForm.vue';
-
-export default {
-  name: 'RechargeCredits',
-  components: {
-    BuyPrepaidCreditsForm,
-    Button
-  },
-  data() {
-    return {
-      paymentMethod: 'online', // 默认在线充值
-      minimumAmount: 0,
-      showCopiedMessage: false
-    };
-  },
-  created() {
-    // 从URL参数中获取最小充值金额（如果有）
-    if (this.$route.query.amount) {
-      this.minimumAmount = parseFloat(this.$route.query.amount) || 0;
-    }
-  },
-  methods: {
-    onRechargeSuccess() {
-      this.$toast.success('充值成功');
-      
-      // 如果是从其他页面跳转过来的，可以返回上一页
-      if (this.$route.query.redirect) {
-        this.$router.push(this.$route.query.redirect);
-      } else {
-        // 否则跳转到账单页面
-        this.$router.push('/billing');
-      }
-    },
-    onRechargeCancel() {
-      // 取消充值，返回上一页
-      this.$router.back();
-    },
-    copyTransferNote() {
-      const textToCopy = `${this.$team.pg.name}`;
-      
-      // 使用创建临时元素的方法作为备选
-      try {
-        // 尝试使用现代API
-        if (navigator.clipboard) {
-          navigator.clipboard.writeText(textToCopy)
-            .then(() => {
-              this.showCopiedSuccessMessage();
-            })
-            .catch(() => {
-              this.fallbackCopyTextToClipboard(textToCopy);
-            });
-        } else {
-          this.fallbackCopyTextToClipboard(textToCopy);
-        }
-      } catch (error) {
-        this.fallbackCopyTextToClipboard(textToCopy);
-      }
-    },
-    
-    fallbackCopyTextToClipboard(text) {
-      // 创建临时文本区域元素
-      const textArea = document.createElement('textarea');
-      textArea.value = text;
-      
-      // 设置样式以隐藏元素
-      textArea.style.position = 'fixed';
-      textArea.style.left = '-999999px';
-      textArea.style.top = '-999999px';
-      document.body.appendChild(textArea);
-      
-      // 选择文本并复制
-      textArea.focus();
-      textArea.select();
-      
-      let successful = false;
-      try {
-        successful = document.execCommand('copy');
-      } catch (err) {
-        console.error('复制失败:', err);
-      }
-      
-      // 移除临时元素
-      document.body.removeChild(textArea);
-      
-      if (successful) {
-        this.showCopiedSuccessMessage();
-      } else {
-        this.$toast.error('复制失败，请手动复制');
-      }
-    },
-    
-    showCopiedSuccessMessage() {
-      this.showCopiedMessage = true;
-      setTimeout(() => {
-        this.showCopiedMessage = false;
-      }, 2000);
-    }
-  }
-};
-</script> 
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/ReleaseGroupBenchSites.vue b/dashboard_backup/src2/pages/ReleaseGroupBenchSites.vue
deleted file mode 100644
index 884cd07..0000000
--- a/dashboard_backup/src2/pages/ReleaseGroupBenchSites.vue
+++ /dev/null
@@ -1,444 +0,0 @@
-<template>
-	<div>
-		<DismissableBanner
-			v-if="$releaseGroup.pg.eol_versions.includes($releaseGroup.pg.version)"
-			class="col-span-1 lg:col-span-2"
-			title="您的站点使用的是已终止支持的版本。请升级到最新版本以获取最新功能和安全更新。"
-			:id="`${$releaseGroup.name}-eol`"
-			type="gray"
-		>
-			<Button
-				class="ml-auto"
-				variant="outline"
-				link="https://jingrow.com/docs/sites/version-upgrade"
-			>
-				立即升级
-			</Button>
-		</DismissableBanner>
-		<ObjectList class="mt-3" :options="listOptions" />
-		<Dialog
-			v-model="showAppVersionDialog"
-			:options="{
-				title: `${$releaseGroup.getAppVersions.params?.args.bench} 中的应用`,
-				size: '6xl',
-			}"
-		>
-			<template #body-content>
-				<ObjectList :options="appVersionOptions" />
-			</template>
-		</Dialog>
-	</div>
-</template>
-<script lang="jsx">
-import Badge from '@/components/global/Badge.vue';
-import { createResource, getCachedDocumentResource, Tooltip } from 'jingrow-ui';
-import { defineAsyncComponent, h } from 'vue';
-import { toast } from 'vue-sonner';
-import ActionButton from '../components/ActionButton.vue';
-import SSHCertificateDialog from '../components/group/SSHCertificateDialog.vue';
-import ObjectList from '../components/ObjectList.vue';
-import {
-	getSitesTabColumns,
-	sitesTabRoute,
-	siteTabFilterControls,
-} from '../objects/common';
-import { confirmDialog, icon, renderDialog } from '../utils/components';
-import { getToastErrorMessage } from '../utils/toast';
-import DismissableBanner from '../components/DismissableBanner.vue';
-
-export default {
-	name: 'ReleaseGroupBenchSites',
-	props: ['releaseGroup'],
-	components: { ObjectList, DismissableBanner },
-	data() {
-		return {
-			showAppVersionDialog: false,
-			sitesGroupedByBench: [],
-		};
-	},
-	resources: {
-		benches() {
-			return {
-				type: 'list',
-				pagetype: 'Bench',
-				filters: {
-					group: this.$releaseGroup.name,
-					skip_team_filter_for_system_user_and_support_agent: true,
-				},
-				fields: ['name', 'status'],
-				orderBy: 'creation desc',
-				pageLength: 99999,
-				auto: true,
-				onSuccess() {
-					this.$resources.sites.fetch();
-				},
-			};
-		},
-		sites() {
-			return {
-				type: 'list',
-				pagetype: 'Site',
-				filters: {
-					group: this.$releaseGroup.name,
-					skip_team_filter_for_system_user_and_support_agent: true,
-				},
-				fields: [
-					'name',
-					'status',
-					'bench',
-					'host_name',
-					'plan.plan_title as plan_title',
-					'plan.price_usd as price_usd',
-					'plan.price_cny as price_cny',
-					'cluster.image as cluster_image',
-					'cluster.title as cluster_title',
-				],
-				orderBy: 'creation desc, bench desc',
-				pageLength: 99999,
-				transform(data) {
-					return this.groupSitesByBench(data);
-				},
-				auto: false,
-			};
-		},
-	},
-	computed: {
-		listOptions() {
-			return {
-				list: this.$resources.sites,
-				groupHeader: ({ group: bench }) => {
-					if (!bench?.status) return;
-
-					const options = this.benchOptions(bench);
-					const IconHash = icon('hash', 'w-3 h-3');
-					const IconStar = icon('star', 'w-3 h-3');
-					return (
-						<div class="flex items-center">
-							<Tooltip text="查看工作台详情">
-								<a
-									class="cursor-pointer text-base font-medium leading-6 text-gray-900"
-									href={`/dashboard/benches/${bench.name}`}
-								>
-									{bench.group}
-								</a>
-							</Tooltip>
-							{bench.status != 'Active' ? (
-								<Badge class="ml-4" label={bench.status} />
-							) : null}
-							{bench.has_app_patch_applied && (
-								<Tooltip text="此工作台中的应用可能已被修补">
-									<a
-										class="ml-2 rounded bg-gray-100 p-1 text-gray-700"
-										href="https://jingrow.com/docs/benches/app-patches"
-										target="_blank"
-									>
-										<IconHash />
-</a>
-								</Tooltip>
-							)}
-							{bench.has_updated_inplace && (
-								<Tooltip text="此工作台已就地更新">
-									<a
-										class="ml-2 rounded bg-gray-100 p-1 text-gray-700"
-										href="https://jingrow.com/docs/in-place-updates"
-										target="_blank"
-									>
-										<IconStar />
-									</a>
-								</Tooltip>
-							)}
-							<ActionButton class="ml-auto" options={options} />
-						</div>
-					);
-				},
-				emptyStateMessage: this.$releaseGroup.pg.deploy_information.last_deploy
-					? '未找到站点'
-					: '请先创建部署以开始创建站点',
-				columns: getSitesTabColumns(false),
-				filterControls: siteTabFilterControls,
-				route: sitesTabRoute,
-				primaryAction: () => {
-					return {
-						label: '新建站点',
-						slots: {
-							prefix: icon('plus', 'w-4 h-4'),
-						},
-						disabled: !this.$releaseGroup.pg?.deploy_information?.last_deploy,
-						route: {
-							name: 'Release Group New Site',
-							params: { bench: this.releaseGroup },
-						},
-					};
-				},
-			};
-		},
-		appVersionOptions() {
-			return {
-				columns: [
-					{
-						label: '应用',
-						fieldname: 'app',
-					},
-					{
-						label: '仓库',
-						fieldname: 'repository',
-						format(value, row) {
-							return `${row.repository_owner}/${row.repository}`;
-						},
-						link: (value, row) => {
-							return row.repository_url;
-						},
-					},
-					{
-						label: '分支',
-						fieldname: 'branch',
-						type: 'Badge',
-					},
-					{
-						label: '提交',
-						fieldname: 'hash',
-						type: 'Badge',
-						format(value, row) {
-							return value.slice(0, 7);
-						},
-						link: (value, row) => {
-							return `https://github.com/${row.repository_owner}/${row.repository}/commit/${value}`;
-						},
-					},
-					{
-						label: '标签',
-						fieldname: 'tag',
-						type: 'Badge',
-					},
-				],
-				data: () => this.$releaseGroup.getAppVersions.data,
-			};
-		},
-		$releaseGroup() {
-			return getCachedDocumentResource('Release Group', this.releaseGroup);
-		},
-	},
-	methods: {
-		groupSitesByBench(data) {
-			if (!this.$resources.benches.data) return [];
-			return this.$resources.benches.data.map((bench) => {
-				let sites = (data || []).filter((site) => site.bench === bench.name);
-				return {
-					...bench,
-					collapsed: false,
-					group: bench.name,
-					rows: sites,
-				};
-			});
-		},
-		benchOptions(bench) {
-			if (!bench) return [];
-
-			return [
-				{
-					label: '在桌面查看',
-					condition: () => this.$team?.pg?.is_desk_user,
-					onClick: () =>
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/bench/${bench.name}`,
-							'_blank',
-						),
-				},
-				{
-					label: '显示应用',
-					onClick: () => {
-						toast.promise(
-							this.$releaseGroup.getAppVersions
-								.submit({ bench: bench.name })
-								.then(() => {
-									this.showAppVersionDialog = true;
-								}),
-							{
-								loading: '正在获取应用...',
-								success: '已获取应用及其版本',
-								error: '获取应用失败',
-								duration: 1000,
-							},
-						);
-					},
-				},
-				{
-					label: 'SSH 访问',
-					condition: () => bench.status === 'Active',
-					onClick: () => {
-						renderDialog(
-							h(SSHCertificateDialog, {
-								bench: bench.name,
-								releaseGroup: this.$releaseGroup.name,
-							}),
-						);
-					},
-				},
-				{
-					label: '查看日志',
-					condition: () => bench.status === 'Active',
-					onClick: () => {
-						let BenchLogsDialog = defineAsyncComponent(
-							() => import('../components/group/BenchLogsDialog.vue'),
-						);
-
-						renderDialog(
-							h(BenchLogsDialog, {
-								bench: bench.name,
-							}),
-						);
-					},
-				},
-				{
-					label: '更新所有站点',
-condition: () => bench.status === 'Active' && bench.rows.length > 0,
-					onClick: () => {
-						confirmDialog({
-							title: '更新所有站点',
-							message: `您确定要将工作台 <b>${bench.name}</b> 中的所有站点更新到最新版本吗？`,
-							primaryAction: {
-								label: '更新',
-								variant: 'solid',
-								onClick: ({ hide }) => {
-									toast.promise(
-										this.runBenchMethod(bench.name, 'update_all_sites'),
-										{
-											loading: '正在为站点安排更新...',
-											success: () => {
-												hide();
-												return '站点已安排更新';
-											},
-											error: (e) => {
-												hide();
-												return getToastErrorMessage(
-													e,
-													'更新站点失败',
-												);
-											},
-											duration: 1000,
-										},
-									);
-								},
-							},
-						});
-					},
-				},
-				{
-					label: '重启工作台',
-					condition: () => bench.status === 'Active',
-					onClick: () => {
-						confirmDialog({
-							title: '重启工作台',
-							message: `您确定要重启工作台 <b>${bench.name}</b> 吗？`,
-							primaryAction: {
-								label: '重启',
-								variant: 'solid',
-								theme: 'red',
-								onClick: ({ hide }) => {
-									toast.promise(this.runBenchMethod(bench.name, 'restart'), {
-										loading: '正在重启工作台...',
-										success: () => {
-											hide();
-											return '工作台将很快重启';
-										},
-										error: (e) => {
-											hide();
-											return getToastErrorMessage(e, '重启工作台失败');
-										},
-										duration: 1000,
-									});
-								},
-							},
-						});
-					},
-				},
-				{
-					label: '重建资源',
-					condition: () =>
-						bench.status === 'Active' &&
-						(Number(this.$releaseGroup.pg.version.split(' ')[1]) > 13 ||
-							this.$releaseGroup.pg.version === 'v0.1'),
-					onClick: () => {
-						confirmDialog({
-							title: '重建资源',
-							message: `您确定要为工作台 <b>${bench.name}</b> 重建资源吗？`,
-							primaryAction: {
-								label: '重建',
-								variant: 'solid',
-								theme: 'red',
-								onClick: ({ hide }) => {
-									toast.promise(this.runBenchMethod(bench.name, 'rebuild'), {
-										loading: '正在重建资源...',
-										success: () => {
-											hide();
-											return '资源将在后台重建。这可能需要几分钟时间。';
-										},
-										error: (e) => {
-											hide();
-											return getToastErrorMessage(
-												e,
-												'重建资源失败',
-											);
-										},
-										duration: 1000,
-									});
-								},
-							},
-						});
-					},
-				},
-				{
-					label: '归档工作台',
-					onClick: () => {
-						confirmDialog({
-							title: '归档工作台',
-							message: `您确定要归档工作台 <b>${bench.name}</b> 吗？`,
-							primaryAction: {
-								label: '归档',
-								variant: 'solid',
-								theme: 'red',
-								onClick: ({ hide }) => {
-									toast.promise(this.runBenchMethod(bench.name, 'archive'), {
-										loading: '正在安排工作台归档...',
-										success: () => {
-											hide();
-											return '工作台已安排归档';
-										},
-										error: (e) =>
-											getToastErrorMessage(e, '归档工作台失败'),
-									});
-								},
-							},
-						});
-					},
-				},
-				{
-					label: '查看进程',
-					condition: () => bench.status === 'Active',
-					onClick: () => {
-						let SupervisorProcessesDialog = defineAsyncComponent(
-							() => import('../components/group/SupervisorProcessesDialog.vue'),
-						);
-
-						renderDialog(
-							h(SupervisorProcessesDialog, {
-								bench: bench.name,
-							}),
-						);
-					},
-				},
-			];
-		},
-		runBenchMethod(name, methodName) {
-			const method = createResource({
-				url: 'jcloud.api.client.run_pg_method',
-			});
-			return method.submit({
-				dt: 'Bench',
-				dn: name,
-				method: methodName,
-			});
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/ResetPassword.vue b/dashboard_backup/src2/pages/ResetPassword.vue
deleted file mode 100644
index a84da6e..0000000
--- a/dashboard_backup/src2/pages/ResetPassword.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-	<LoginBox
-		v-if="!$resources.validateResetKey.loading && email"
-		title="为您的账户设置新密码"
-	>
-		<form class="flex flex-col" @submit.prevent="handleSubmit">
-			<div v-if="ask2FA">
-				<FormControl
-					label="来自验证器应用的2FA代码"
-					placeholder="123456"
-					v-model="twoFactorCode"
-					required
-				/>
-			</div>
-			<div v-else class="space-y-4">
-				<FormControl
-					label="邮箱"
-					class="pointer-events-none"
-					:modelValue="email"
-					name="email"
-					autocomplete="off"
-					disabled
-				/>
-				<FormControl
-					label="密码"
-					type="password"
-					v-model="password"
-					name="password"
-					autocomplete="new-password"
-					required
-				/>
-			</div>
-			<ErrorMessage
-				class="mt-6"
-				:message="
-					$resources.resetPassword.error ||
-					$resources.verify2FA.error ||
-					$resources.is2FAEnabled.error
-				"
-			/>
-			<Button
-				class="mt-6"
-				variant="solid"
-				:disabled="!password"
-				:loading="
-					$resources.resetPassword.loading ||
-					$resources.verify2FA.loading ||
-					$resources.is2FAEnabled.loading
-				"
-			>
-				提交
-			</Button>
-		</form>
-	</LoginBox>
-	<div
-		class="mt-20 px-6 text-center"
-		v-else-if="!$resources.validateResetKey.loading && !email"
-	>
-		账户密钥 <strong>{{ requestKey }}</strong> 无效或已过期。返回
-		<router-link class="underline" to="/login">登录</router-link>。
-	</div>
-</template>
-
-<script>
-import LoginBox from '../components/auth/LoginBox.vue';
-
-export default {
-	name: 'ResetPassword',
-	components: {
-		LoginBox,
-	},
-	props: ['requestKey'],
-	data() {
-		return {
-			email: null,
-			ask2FA: false,
-			password: null,
-		};
-	},
-	resources: {
-		validateResetKey() {
-			return {
-				url: 'jcloud.api.account.get_user_for_reset_password_key',
-				params: {
-					key: this.requestKey,
-				},
-				onSuccess(email) {
-					this.email = email || null;
-				},
-				auto: true,
-			};
-		},
-		resetPassword() {
-			return {
-				url: 'jcloud.api.account.reset_password',
-				params: {
-					key: this.requestKey,
-					password: this.password,
-				},
-				onSuccess() {
-					window.location.reload();
-				},
-			};
-		},
-		is2FAEnabled() {
-			return {
-				url: 'jcloud.api.account.is_2fa_enabled',
-			};
-		},
-		verify2FA() {
-			return {
-				url: 'jcloud.api.account.verify_2fa',
-				onSuccess: async () => {
-					await this.$resources.resetPassword.submit();
-				},
-			};
-		},
-	},
-	methods: {
-		handleSubmit() {
-			if (this.ask2FA) {
-				this.$resources.verify2FA.submit({
-					user: this.email,
-					totp_code: this.twoFactorCode,
-				});
-			} else {
-				this.$resources.is2FAEnabled.submit(
-					{
-						user: this.email,
-					},
-					{
-						onSuccess: (is2FAEnabled) => {
-							if (is2FAEnabled) {
-								this.ask2FA = true;
-							} else {
-								this.$resources.resetPassword.submit();
-							}
-						},
-					},
-				);
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Settings.vue b/dashboard_backup/src2/pages/Settings.vue
deleted file mode 100644
index 58d5cb0..0000000
--- a/dashboard_backup/src2/pages/Settings.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-	<Header class="sticky top-0 z-10 bg-white">
-		<div class="flex items-center space-x-2">
-			<Breadcrumbs :items="[{ label: '设置', route: '/settings' }]" />
-		</div>
-	</Header>
-	<div>
-		<TabsWithRouter :tabs="tabs">
-			<template #tab-content="{ tab }">
-				<router-view :key="tab.routeName"></router-view>
-			</template>
-		</TabsWithRouter>
-	</div>
-</template>
-
-<script setup>
-import Header from '../components/Header.vue';
-import { Breadcrumbs } from 'jingrow-ui';
-import { icon } from '../utils/components';
-import TabsWithRouter from '../components/TabsWithRouter.vue';
-import { getTeam } from '../data/team';
-import { session } from '../data/session';
-
-let $team = getTeam();
-let $session = session || {};
-
-const tabs = [
-	{
-		label: '个人资料',
-		icon: icon('user'),
-		routeName: 'SettingsProfile'
-	},
-	{
-		label: '团队',
-		icon: icon('users'),
-		routeName: 'SettingsTeam',
-		condition: () =>
-			$team.pg?.user === $session.user ||
-			$session.isTeamAdmin ||
-			$session.isSystemUser
-	},
-	{
-		label: '权限',
-		icon: icon('lock'),
-		routeName: 'SettingsPermission',
-		childrenRoutes: [
-			'SettingsPermissionRoles',
-			'SettingsPermissionRolePermissions'
-		],
-		condition: () =>
-			$team.pg?.user === $session.user ||
-			$session.isTeamAdmin ||
-			$session.isSystemUser
-	},
-	{
-		label: '开发者',
-		icon: icon('code'),
-		routeName: 'SettingsDeveloper'
-	}
-];
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/SetupAccount.vue b/dashboard_backup/src2/pages/SetupAccount.vue
deleted file mode 100644
index ed1f788..0000000
--- a/dashboard_backup/src2/pages/SetupAccount.vue
+++ /dev/null
@@ -1,279 +0,0 @@
-<template>
-	<div
-		class="flex h-screen overflow-hidden bg-gray-50"
-		v-if="!$resources.validateRequestKey.loading && email"
-	>
-		<div class="w-full overflow-auto">
-			<LoginBox>
-				<template v-slot:logo v-if="saasProduct">
-					<div class="mx-auto flex items-center space-x-2">
-						<img
-							class="inline-block h-7 w-7 rounded-sm"
-							:src="saasProduct?.logo"
-						/>
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							{{ saasProduct?.title }}
-						</span>
-					</div>
-				</template>
-				<div
-					class="text-center text-lg font-medium leading-5 tracking-tight text-gray-900"
-				>
-					{{
-						invitedBy
-							? '加入邀请'
-							: '设置您的 今果 Jingrow 账户'
-					}}
-				</div>
-				<div class="mt-2 text-center text-sm text-gray-600" v-if="invitedBy">
-					由 {{ invitedBy }} 邀请
-				</div>
-				<form class="mt-6 flex flex-col" @submit.prevent="submitForm">
-					<template v-if="is2FA">
-						<FormControl
-							label="来自验证器应用的2FA代码"
-							placeholder="123456"
-							v-model="twoFactorCode"
-							required
-						/>
-						<Button
-							class="mt-4"
-							:loading="$resources.verify2FA.loading"
-							variant="solid"
-							@click="
-								$resources.verify2FA.submit({
-									user: email,
-									totp_code: twoFactorCode,
-								})
-							"
-						>
-							验证
-						</Button>
-						<ErrorMessage class="mt-2" :message="$resources.verify2FA.error" />
-					</template>
-					<template v-else>
-						<div class="space-y-4">
-							<FormControl
-								v-if="oauthSignup == 0"
-								label="邮箱"
-								type="text"
-								:modelValue="email"
-								disabled
-							/>
-							<template v-if="oauthSignup == 0 && !userExists">
-								<FormControl
-									label="名字"
-									type="text"
-									v-model="firstName"
-									name="fname"
-									autocomplete="given-name"
-									required
-								/>
-								<FormControl
-									label="姓氏"
-									type="text"
-									v-model="lastName"
-									name="lname"
-									autocomplete="family-name"
-									required
-								/>
-							</template>
-							<FormControl
-								type="select"
-								:options="countries"
-								v-if="!isInvitation"
-								label="国家"
-								v-model="country"
-								required
-							/>
-							<div class="!mt-6 flex gap-2">
-								<FormControl type="checkbox" v-model="termsAccepted" />
-								<label class="text-base text-gray-700">
-									我接受
-									<Link
-										class="!text-gray-700"
-										href="https://jingrow.com/policies"
-										target="_blank"
-									>
-										条款和政策
-									</Link>
-								</label>
-							</div>
-						</div>
-						<ErrorMessage
-							class="mt-4"
-							:message="$resources.setupAccount.error"
-						/>
-						<Button
-							class="mt-6"
-							variant="solid"
-							:loading="$resources.setupAccount.loading"
-						>
-							{{
-								is2FA ? '验证' : isInvitation ? '接受' : '创建账户'
-							}}
-						</Button>
-					</template>
-				</form>
-				<template #footer v-if="saasProduct">
-					<div
-						class="mt-2 flex w-full items-center justify-center text-sm text-gray-600"
-					>
-						由 今果 Jingrow 提供支持
-					</div>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-	<div
-		class="mt-20 px-6 text-center"
-		v-else-if="!$resources.validateRequestKey.loading && !email"
-	>
-		验证链接无效或已过期。
-		<Link to="/signup">注册</Link>
-		一个新账户。
-	</div>
-	<div v-else></div>
-</template>
-
-<script>
-import LoginBox from '../components/auth/LoginBox.vue';
-import Link from '@/components/Link.vue';
-import Form from '@/components/Form.vue';
-
-export default {
-	name: 'SetupAccount',
-	components: {
-		LoginBox,
-		Link,
-		Form,
-	},
-props: ['requestKey', 'joinRequest'],
-	data() {
-		return {
-			email: null,
-			firstName: null,
-			lastName: null,
-			errorMessage: null,
-			userExists: null,
-			twoFactorCode: null,
-			invitationToTeam: null,
-			isInvitation: null,
-			oauthSignup: 0,
-			oauthDomain: false,
-			country: null,
-			termsAccepted: false,
-			invitedBy: null,
-			invitedByParentTeam: false,
-			countries: [],
-			saasProduct: null,
-			signupValues: {},
-		};
-	},
-	resources: {
-		validateRequestKey() {
-			return {
-				url: 'jcloud.api.account.validate_request_key',
-				params: {
-					key: this.requestKey,
-					timezone: window.Intl
-						? Intl.DateTimeFormat().resolvedOptions().timeZone
-						: null,
-				},
-				auto: true,
-				onSuccess(res) {
-					if (res && res.email) {
-						this.email = res.email;
-						this.firstName = res.first_name;
-						this.lastName = res.last_name;
-						this.country = res.country;
-						this.userExists = res.user_exists;
-						this.invitationToTeam = res.team;
-						this.invitedBy = res.invited_by;
-						this.isInvitation = res.is_invitation;
-						this.invitedByParentTeam = res.invited_by_parent_team;
-						this.oauthSignup = res.oauth_signup;
-						this.oauthDomain = res.oauth_domain;
-						this.countries = res.countries;
-						this.saasProduct = res.product_trial;
-					}
-				},
-			};
-		},
-		setupAccount() {
-			return {
-				url: 'jcloud.api.account.setup_account',
-				params: {
-					key: this.requestKey,
-					first_name: this.firstName,
-					last_name: this.lastName,
-					country: this.country,
-					is_invitation: this.isInvitation,
-					user_exists: this.userExists,
-					invited_by_parent_team: this.invitedByParentTeam,
-					accepted_user_terms: this.termsAccepted,
-					oauth_signup: this.oauthSignup,
-					oauth_domain: this.oauthDomain,
-				},
-				onSuccess() {
-					let path = '/dashboard/create-site/app-selector';
-					if (this.saasProduct) {
-						path = `/dashboard/create-site/${this.saasProduct.name}/setup`;
-					}
-					window.location.href = path;
-				},
-			};
-		},
-		is2FAEnabled() {
-			return {
-				url: 'jcloud.api.account.is_2fa_enabled',
-			};
-		},
-		verify2FA() {
-			return {
-				url: 'jcloud.api.account.verify_2fa',
-				onSuccess() {
-					this.$resources.setupAccount.submit();
-				},
-			};
-		},
-	},
-	computed: {
-		is2FA() {
-			return (
-				this.$route.name === '设置账户' && this.$route.query.two_factor
-			);
-		},
-	},
-	methods: {
-		submitForm() {
-			if (this.invitedBy) {
-				this.$resources.is2FAEnabled.submit(
-					{
-						user: this.email,
-					},
-					{
-						onSuccess: (two_factor_enabled) => {
-							if (two_factor_enabled) {
-								this.$router.push({
-									name: '设置账户',
-									query: {
-										...this.$route.query,
-										two_factor: 1,
-									},
-								});
-							} else {
-								this.$resources.setupAccount.submit();
-							}
-						},
-					},
-				);
-			} else {
-				this.$resources.setupAccount.submit();
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/SiteLogin.vue b/dashboard_backup/src2/pages/SiteLogin.vue
deleted file mode 100644
index a6f6771..0000000
--- a/dashboard_backup/src2/pages/SiteLogin.vue
+++ /dev/null
@@ -1,409 +0,0 @@
-<template>
-	<div class="h-screen overflow-hidden sm:bg-gray-50">
-		<LoginBox title="登录到您在 今果 Jingrow 上的站点" :subtitle="subtitle">
-			<template v-slot:default>
-				<div>
-					<div v-if="sitePrePicked">
-						<div v-if="loginError">
-							<div class="flex items-center justify-center space-x-2 text-base">
-								<FeatherIcon name="alert-triangle" class="mr-2 h-4 w-4" />
-								<p>
-									尝试登录您的站点时出错了
-								</p>
-							</div>
-							<div class="mx-4 mt-4 space-x-4">
-								<Button
-									label="重试"
-									icon-left="refresh-cw"
-									:loading="login.loading"
-									@click="loginToSite(pickedSite)"
-								/>
-								<Button
-									label="查看您的站点"
-									icon-left="list"
-									:route="{
-										name: 'Site Login',
-									}"
-								/>
-							</div>
-						</div>
-						<div
-							v-else-if="isPickedSiteValid"
-							class="mt-8 flex flex-col items-center justify-center space-x-2 text-base"
-						>
-							<div class="flex items-center justify-center space-x-2 text-base">
-								<FeatherIcon name="alert-circle" class="mr-2 h-4 w-4" />
-								<div>
-									<p>您即将登录到您的站点</p>
-									<span class="font-semibold">{{ pickedSiteDomain }}</span>
-								</div>
-							</div>
-							<div class="mx-4 mt-8 space-x-4">
-								<Button
-									label="登录"
-									icon-left="log-in"
-									variant="solid"
-									:loading="login.loading"
-									@click="loginToSite(pickedSite)"
-								/>
-							</div>
-						</div>
-					</div>
-					<div
-						v-else-if="
-							$session.loading || isCookieValid.loading || sites.loading
-						"
-						class="mx-auto flex items-center justify-center space-x-2 text-base"
-					>
-						<LoadingText />
-					</div>
-					<form v-else-if="!sites.fetched">
-						<FormControl
-							label="邮箱"
-							:disabled="showOTPField"
-							class="w-full"
-							v-model="email"
-							placeholder="johndoe@mail.com"
-						/>
-						<FormControl
-							v-if="showOTPField"
-							label="验证码"
-							v-model="otp"
-							placeholder="123456"
-							class="mt-2"
-						/>
-						<div v-if="showOTPField">
-							<Button
-								label="验证"
-								:disabled="otp.length !== 6"
-								:loading="
-									sites.loading ||
-									sendOTPMethod.loading ||
-									verifyOTPMethod.loading
-								"
-								variant="solid"
-								class="mt-4 w-full"
-								@click="verifyOTP"
-							/>
-							<Button
-								variant="outline"
-								class="mt-2 w-full"
-								:disabled="otpResendCountdown > 0"
-								@click="sendOTP()"
-								:loading="sendOTPMethod.loading"
-							>
-								重新发送验证码
-								{{
-									otpResendCountdown > 0
-										? `在 ${otpResendCountdown} 秒后`
-										: ''
-								}}
-							</Button>
-						</div>
-						<Button
-							v-else
-							label="提交"
-							:disabled="email.length === 0"
-							:loading="
-								sites.loading ||
-								sendOTPMethod.loading ||
-								verifyOTPMethod.loading
-							"
-							variant="solid"
-							class="mt-4 w-full"
-							@click="sendOTP"
-						/>
-					</form>
-					<div v-else-if="pickedSite">
-						<div
-							class="mt-8 flex items-center justify-center space-x-2 text-base"
-						>
-							<FeatherIcon name="alert-triangle" class="mr-2 h-4 w-4" />
-							<div class="flex flex-col gap-2">
-								<p>
-									{{ email || session.user }} 不是站点
-									<span class="font-semibold">{{ pickedSite }}</span>
-									的用户
-								</p>
-							</div>
-						</div>
-						<div class="mt-8 flex w-full justify-center space-x-4">
-							<Button
-								label="查看您的站点"
-								icon-left="list"
-								@click="
-									() => {
-										$router.push({
-											name: 'Site Login',
-										});
-}
-								"
-							/>
-						</div>
-					</div>
-					<div v-else class="mt-10">
-						<div v-if="sites.data.length === 0">
-							<div class="text-center text-base leading-6 text-gray-700">
-								<div>未找到 {{ email }} 的站点</div>
-								<Link :to="{ name: 'Signup' }">注册</Link> 以创建新站点
-							</div>
-						</div>
-						<div class="space-y-2" v-else>
-							<div
-								v-for="site in sites.data"
-								:key="site.name"
-								class="flex items-center justify-between rounded-md px-3 py-2 hover:cursor-pointer hover:bg-gray-100"
-								@click="loginToSite(site.name)"
-							>
-								<div
-									class="flex min-h-[40px] w-full items-center justify-between"
-								>
-									<div class="space-y-2">
-										<div class="text-base text-gray-800">
-											{{ site.host_name || site.name }}
-										</div>
-									</div>
-									<FeatherIcon name="external-link" class="h-4 w-4" />
-								</div>
-							</div>
-						</div>
-					</div>
-
-					<ErrorMessage
-						class="mt-4"
-						:message="
-							sites.error || sendOTPMethod.error || verifyOTPMethod.error
-						"
-					/>
-				</div>
-			</template>
-			<template v-slot:footer>
-				<div
-					class="flex w-full flex-col items-center justify-center space-y-2 pb-8"
-				>
-					<Button
-						v-if="sites.fetched"
-						class="mt-4"
-						@click="goBack"
-						icon-right="log-out"
-						variant="ghost"
-						label="登出"
-					/>
-					<Button
-						class="mt-4"
-						@click="
-							$router.push({
-								name: 'Login',
-							})
-						"
-						icon-right="arrow-right"
-						variant="ghost"
-						label="前往 今果 Jingrow 仪表盘"
-					/>
-				</div>
-			</template>
-		</LoginBox>
-	</div>
-</template>
-
-<script setup>
-import { computed, inject, ref } from 'vue';
-import { toast } from 'vue-sonner';
-import { createResource } from 'jingrow-ui';
-import LoginBox from '../components/auth/LoginBox.vue';
-import { getToastErrorMessage } from '../utils/toast';
-import { trialDays } from '../utils/site';
-import { userCurrency } from '../utils/format';
-import { useRoute } from 'vue-router';
-
-const team = inject('team');
-const session = inject('session');
-
-const route = useRoute();
-const pickedSite = computed(() => route.query.site);
-const isPickedSiteValid = ref(false);
-
-const email = ref(localStorage.getItem('product_site_user') || '');
-const otp = ref('');
-const showOTPField = ref(false);
-const loginError = ref(false);
-const otpResendCountdown = ref(0);
-
-setInterval(() => {
-	if (otpResendCountdown.value > 0) {
-		otpResendCountdown.value -= 1;
-	}
-}, 1000);
-
-const goBack = () => {
-	sites.reset();
-	showOTPField.value = false;
-};
-
-const isCookieValid = createResource({
-	url: 'jcloud.api.site_login.check_session_id',
-	auto: !session.user,
-	onSuccess: (session_user_email) => {
-		if (session_user_email) {
-			email.value = session_user_email;
-			sites.submit({
-				user: session_user_email,
-			});
-		}
-	},
-});
-
-const sites = createResource({
-	url: 'jcloud.api.site_login.get_product_sites_of_user',
-	pagetype: 'Site',
-	auto: session.user,
-	params: {
-		user: email.value || session.user,
-	},
-	onSuccess: (data) => {
-		if (pickedSite.value) {
-			if (
-				data.find((site) => site.name === pickedSite.value) ||
-				data.find((site) => site.host_name === pickedSite.value)
-			) {
-				isPickedSiteValid.value = true;
-			}
-		}
-	},
-});
-
-const login = createResource({
-	url: 'jcloud.api.site_login.login_to_site',
-	onSuccess: (url) => {
-		const newTab = pickedSite.value ? '_self' : '_blank';
-		window.open(url, newTab);
-	},
-});
-
-function loginToSite(siteName) {
-	if (!siteName) {
-		toast.error('请选择一个站点');
-		return;
-	}
-
-	// avoid toast if user is coming from their site to login
-	if (pickedSite.value)
-		login.submit({
-email: email.value || session.user,
-			site: siteName,
-		});
-	else
-		toast.promise(
-			login.submit({
-				email: email.value || session.user,
-				site: siteName,
-			}),
-			{
-				loading: '登录中...',
-				success: '登录成功',
-				error: (e) => {
-					loginError.value = true;
-					getToastErrorMessage(e);
-				},
-			},
-		);
-}
-
-const sendOTPMethod = createResource({
-	url: 'jcloud.api.site_login.send_otp',
-	onSuccess: () => {
-		showOTPField.value = true;
-		otpResendCountdown.value = 30;
-		if (email.value) localStorage.setItem('site_login_email', email.value);
-	},
-});
-
-function sendOTP() {
-	if (!email.value) {
-		toast.error('请输入邮箱');
-		return;
-	}
-
-	toast.promise(
-		sendOTPMethod.submit({
-			email: email.value,
-		}),
-		{
-			loading: '发送OTP中...',
-			success: `OTP已发送至 ${email.value}`,
-			error: (e) => getToastErrorMessage(e),
-		},
-	);
-}
-
-const verifyOTPMethod = createResource({
-	url: 'jcloud.api.site_login.verify_otp',
-	onSuccess: () => {
-		sites.submit({
-			user: email.value,
-		});
-		otp.value = '';
-		sendOTPMethod.error = '';
-	},
-});
-
-function verifyOTP() {
-	if (!otp.value) {
-		toast.error('请输入OTP');
-		return;
-	}
-
-	toast.promise(
-		verifyOTPMethod.submit({
-			email: email.value,
-			otp: otp.value,
-		}),
-		{
-			loading: '验证OTP中...',
-			success: 'OTP验证成功',
-			error: (e) => getToastErrorMessage(e),
-		},
-	);
-}
-
-function planTitle(site) {
-	if (site.trial_end_date) return trialDays(site.trial_end_date);
-	if (site.price_usd > 0 && team) {
-		const china = team?.pg?.currency === 'CNY';
-		const formattedValue = userCurrency(
-			china ? site.price_cny : site.price_usd,
-			0,
-		);
-		return `${formattedValue}/月`;
-	}
-	return site.plan_title;
-}
-
-const subtitle = computed(() => {
-	if (pickedSite.value && sites.fetched && sites.data.length !== 0) return '';
-	else if (sites.fetched && sites.data.length !== 0)
-		return `选择要登录的站点，以 ${email.value || session.user} 身份登录`;
-	else if (
-		!sites.fetched &&
-		!(sites.loading || isCookieValid.loading || session.loading)
-	)
-		return '输入您的邮箱以访问您的站点';
-	else return '';
-});
-
-const sitePrePicked = computed(() => {
-	if (pickedSite.value && sites.fetched && sites.data.length !== 0) {
-		return sites.data.find(
-			(site) =>
-				site.name === pickedSite.value || site.host_name === pickedSite.value,
-		);
-	}
-	return false;
-});
-
-const pickedSiteDomain = computed(() => {
-	if (sitePrePicked.value)
-		return sitePrePicked.value.host_name || sitePrePicked.value.name;
-	return '';
-});
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/SiteUpdate.vue b/dashboard_backup/src2/pages/SiteUpdate.vue
deleted file mode 100644
index 66f8627..0000000
--- a/dashboard_backup/src2/pages/SiteUpdate.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-<template>
-	<div class="p-5">
-		<Button :route="{ name: 'Site Detail Updates' }">
-			<template #prefix>
-				<i-lucide-arrow-left class="inline-block h-4 w-4" />
-			</template>
-			所有更新
-		</Button>
-
-		<div class="mt-3">
-			<div class="flex w-full items-center">
-				<h2 class="text-lg font-medium text-gray-900">
-					更新站点 {{ siteUpdate.deploy_type }}
-				</h2>
-				<Badge class="ml-2" :label="siteUpdate.status" />
-				<div class="ml-auto space-x-2">
-					<Button
-						@click="$resources.siteUpdate.reload()"
-						:loading="$resources.siteUpdate.loading"
-					>
-						<template #icon>
-							<i-lucide-refresh-ccw class="h-4 w-4" />
-						</template>
-					</Button>
-					<Dropdown :options="dropdownOptions">
-						<template v-slot="{ open }">
-							<Button>
-								<template #icon>
-									<i-lucide-more-horizontal class="h-4 w-4" />
-								</template>
-							</Button>
-						</template>
-					</Dropdown>
-				</div>
-			</div>
-			<div>
-				<div class="mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5">
-					<div>
-						<div class="text-sm font-medium text-gray-500">创建时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{ $format.date(siteUpdate.creation, 'lll') }}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">创建者</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{ siteUpdate.owner }}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">持续时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{
-								siteUpdate.update_duration
-									? this.format_seconds(siteUpdate.update_duration)
-									: '-'
-							}}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">开始时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{ $format.date(siteUpdate.update_start, 'lll') }}
-						</div>
-					</div>
-					<div>
-						<div class="text-sm font-medium text-gray-500">结束时间</div>
-						<div class="mt-2 text-sm text-gray-900">
-							{{
-								siteUpdate.update_end
-									? $format.date(siteUpdate.update_end, 'lll')
-									: '-'
-							}}
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-
-		<!-- 构建步骤 -->
-		<div class="mt-8 space-y-4">
-			<JobStep v-for="step in steps" :step="step" :key="step.name" />
-		</div>
-	</div>
-</template>
-<script>
-import JobStep from '../components/JobStep.vue';
-import AlertAddressableError from '../components/AlertAddressableError.vue';
-import AlertBanner from '../components/AlertBanner.vue';
-
-export default {
-	name: 'SiteUpdate',
-	props: ['id'],
-	components: {
-		JobStep,
-		AlertBanner,
-		AlertAddressableError,
-	},
-	resources: {
-		siteUpdate() {
-			if (!this.id) return;
-			return {
-				type: 'document',
-				pagetype: 'Site Update',
-				name: this.id,
-				auto: true,
-				transform: (record) => {
-					record.steps = record.steps.map((step) => {
-						return {
-							name: step.name,
-							title: `${step.stage} - ${step.title}`,
-							output: step.output || 'No Output',
-							status: step.status,
-							isOpen: false,
-						};
-					});
-				},
-				onSuccess: (data) => {
-					if (data.status != 'Success') {
-						setTimeout(() => {
-							this.$resources.siteUpdate.reload();
-						}, 5000);
-					}
-				},
-			};
-		},
-	},
-	computed: {
-		siteUpdate() {
-			return this.$resources.siteUpdate?.pg ?? {};
-		},
-		steps() {
-			return this.$resources.siteUpdate?.pg?.steps || [];
-		},
-		dropdownOptions() {
-			return [
-{
-					label: '在 Desk 中查看',
-					icon: 'external-link',
-					condition: () => this.$team.pg?.is_desk_user,
-					onClick: () => {
-						window.open(
-							`${window.location.protocol}//${window.location.host}/app/site-update/${this.id}`,
-							'_blank',
-						);
-					},
-				},
-			].filter((option) => option.condition?.() ?? true);
-		},
-	},
-	methods: {
-		format_seconds(seconds) {
-			if (seconds === null) {
-				return '-';
-			}
-			if (seconds < 60) {
-				return `${Math.ceil(seconds)}s`;
-			}
-			const minutes = Math.floor(seconds / 60);
-			const remainingSeconds = Math.ceil(seconds % 60);
-			return `${minutes}m ${remainingSeconds}s`;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/Welcome.vue b/dashboard_backup/src2/pages/Welcome.vue
deleted file mode 100644
index 0732ab7..0000000
--- a/dashboard_backup/src2/pages/Welcome.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<div class="px-5 py-10" v-if="$team?.pg">
-		<Onboarding @payment-mode-added="routeToSourcePage" />
-	</div>
-</template>
-<script>
-import { getTeam } from '../data/team';
-import Onboarding from '../components/Onboarding.vue';
-import OnboardingWithoutPayment from '../components/OnboardingWithoutPayment.vue';
-export default {
-	name: 'Welcome',
-	components: {
-		Onboarding,
-		OnboardingWithoutPayment,
-	},
-	data() {
-		return {
-			from: {},
-		};
-	},
-	mounted() {
-		this.from = window.from;
-	},
-	beforeRouteEnter: (to, from, next) => {
-		// 添加到 window 对象以便在 mounted 中访问
-		// 因为 beforeRouteEnter 在 mounted 之前调用
-		window.from = from;
-
-		let $team = getTeam();
-		window.$team = $team;
-		if ($team.pg.onboarding.complete && $team.pg.onboarding.site_created) {
-			next({ name: '站点列表' });
-		} else if (to.query.is_redirect && $team.pg.onboarding.site_created) {
-			next({ name: '站点列表' });
-		} else {
-			next();
-		}
-	},
-	methods: {
-		routeToSourcePage() {
-			if (this.from.name) {
-				this.$router.push({ name: this.from.name, params: this.from.params });
-			} else {
-				this.$router.push({ name: '站点列表' });
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/devtools/database/DatabaseAnalyzer.vue b/dashboard_backup/src2/pages/devtools/database/DatabaseAnalyzer.vue
deleted file mode 100644
index fe0154a..0000000
--- a/dashboard_backup/src2/pages/devtools/database/DatabaseAnalyzer.vue
+++ /dev/null
@@ -1,779 +0,0 @@
-<template>
-	<Header class="sticky top-0 z-10 bg-white">
-		<div
-			class="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between"
-		>
-			<div class="flex flex-row items-center gap-2">
-				<!-- 标题 -->
-				<Breadcrumbs
-					:items="[
-						{ label: '开发工具', route: '/database-analyzer' },
-						{ label: '数据库分析器', route: '/database-analyzer' },
-					]"
-				/>
-			</div>
-			<div class="flex flex-row gap-2">
-				<LinkControl
-					class="cursor-pointer"
-					:options="{ pagetype: 'Site', filters: { status: 'Active' } }"
-					placeholder="选择一个站点"
-					v-model="site"
-				/>
-				<Button
-					iconLeft="refresh-ccw"
-					variant="subtle"
-					:loading="site && !isRequiredInformationReceived"
-					:disabled="!site"
-					@click="
-						() =>
-							fetchTableSchemas({
-								reload: true,
-							})
-					"
-				>
-					<span class="md:hidden">架构</span>
-					<span class="hidden md:inline">刷新架构</span>
-				</Button>
-			</div>
-		</div>
-	</Header>
-	<div class="m-5">
-		<!-- 主体 -->
-		<div class="mt-2 flex flex-col" v-if="isRequiredInformationReceived">
-			<!-- 数据库大小分析器 -->
-			<div>
-				<div class="flex flex-row items-center justify-between">
-					<p class="text-base font-medium text-gray-800">
-						数据库大小分解
-					</p>
-					<div class="flex flex-row gap-2">
-						<Button @click="this.showTableSchemaSizeDetailsDialog = true">
-							查看详情
-						</Button>
-						<Button
-							@click="optimizeTable"
-							:loading="this.$resources.optimizeTable.loading"
-						>
-							优化表
-						</Button>
-					</div>
-				</div>
-
-				<!-- 滑块 -->
-				<div
-					class="mb-4 mt-4 flex h-7 w-full cursor-pointer items-start justify-start overflow-clip rounded border bg-gray-50 pl-0"
-					@click="showTableSchemaSizeDetailsDialog = true"
-				>
-					<div
-						class="h-7"
-						:style="{
-							backgroundColor: '#E86C13',
-							width: `${databaseSizeBreakup.data_size_percentage}%`,
-						}"
-					></div>
-					<div
-						class="h-7"
-						:style="{
-							backgroundColor: '#34BAE3',
-							width: `${databaseSizeBreakup.index_size_percentage}%`,
-						}"
-					></div>
-				</div>
-				<!-- 表格 -->
-				<div
-					class="full flex w-full flex-col items-start justify-start overflow-y-auto rounded px-1.5"
-				>
-					<div class="flex w-full items-center justify-start gap-x-2 py-3">
-						<div
-							class="h-2 w-2 rounded-full"
-							style="background-color: #e86c13"
-						></div>
-						<span class="text-sm text-gray-800">数据大小</span
-						><span class="ml-auto text-sm text-gray-800">{{
-							formatSizeInMB(this.databaseSizeBreakup.data_size)
-						}}</span>
-					</div>
-					<div
-						class="flex w-full items-center justify-start gap-x-2 border-t py-3"
-					>
-						<div
-							class="h-2 w-2 rounded-full"
-							style="background-color: #34bae3"
-						></div>
-						<span class="text-sm text-gray-800">索引大小</span
-						><span class="ml-auto text-sm text-gray-800"
-							>{{ formatSizeInMB(this.databaseSizeBreakup.index_size) }}
-						</span>
-					</div>
-					<div
-						class="flex w-full items-center justify-start gap-x-2 border-t py-3"
-					>
-						<div
-							class="h-2 w-2 rounded-full"
-							style="background-color: #e2e2e2"
-						></div>
-						<span class="text-sm text-gray-800">空闲空间</span
-						><span class="ml-auto text-sm text-gray-800"
-							>{{ formatSizeInMB(this.databaseSizeBreakup.free_size) }}
-						</span>
-					</div>
-				</div>
-			</div>
-
-			<!-- 数据库进程 -->
-			<ToggleContent
-				class="mt-3"
-				label="数据库进程"
-subLabel="分析数据库的进程"
-			>
-				<template #actions>
-					<div>
-						<Button
-							:loading="this.$resources.databaseProcesses.loading"
-							loading-text="刷新中"
-							icon-left="rotate-ccw"
-							@click.stop="this.$resources.databaseProcesses.submit()"
-							>刷新</Button
-						>
-					</div>
-				</template>
-				<template #default>
-					<div
-						v-if="this.$resources.databaseProcesses.loading"
-						class="flex h-60 w-full items-center justify-center gap-2 text-base text-gray-700"
-					>
-						<Spinner class="w-4" /> 正在加载数据库进程
-					</div>
-					<ResultTable
-						v-else
-						class="mt-2"
-						:columns="databaseProcesses.columns"
-						:data="databaseProcesses.data"
-						:alignColumns="alignColumns"
-						:cellFormatters="cellFormatters"
-						:fullViewFormatters="fullViewFormatters"
-						actionHeaderLabel="终止"
-						:actionComponent="DatabaseProcessKillButton"
-						:actionComponentProps="{
-							site: this.site,
-						}"
-						:enableCSVExport="false"
-						:borderLess="true"
-					/>
-				</template>
-			</ToggleContent>
-
-			<!-- 查询信息 -->
-			<ToggleContent
-				class="mt-3"
-				label="SQL 查询分析"
-				subLabel="检查可能影响数据库性能的相关查询"
-			>
-				<div class="mt-1">
-					<FTabs
-						:tabs="queryTabs"
-						v-model="queryTabIndex"
-						v-if="queryTabs.length"
-					>
-						<template #tab-panel="{ tab }">
-							<DatabasePerformanceSchemaDisabledNotice
-								v-if="
-									(tab.label === '耗时查询' ||
-										tab.label === '全表扫描查询') &&
-									!isPerformanceSchemaEnabled
-								"
-							/>
-							<ResultTable
-								v-else
-								:columns="tab.columns"
-								:data="tab.data"
-								:alignColumns="alignColumns"
-								:cellFormatters="cellFormatters"
-								:fullViewFormatters="fullViewFormatters"
-								:enableCSVExport="false"
-								:borderLess="true"
-								:isTruncateText="true"
-							/>
-						</template>
-					</FTabs>
-				</div>
-			</ToggleContent>
-
-			<!-- 索引信息 -->
-			<ToggleContent
-				class="mt-3"
-				label="数据库索引分析"
-				subLabel="分析数据库的索引"
-			>
-				<div class="mt-1">
-					<FTabs
-						:tabs="databaseIndexesTab"
-						v-model="dbIndexTabIndex"
-						v-if="databaseIndexesTab.length"
-					>
-						<template #tab-panel="{ tab }">
-							<DatabasePerformanceSchemaDisabledNotice
-								v-if="
-									(tab.label === '未使用索引' ||
-										tab.label === '建议索引') &&
-									!isPerformanceSchemaEnabled
-								"
-							/>
-							<div v-else-if="tab.label === '建议索引'">
-								<div
-									v-if="
-										!isIndexSuggestionTriggered ||
-										this.$resources.suggestDatabaseIndexes.loading ||
-										this.fetchingDatabaseIndex
-									"
-									class="flex h-60 flex-col items-center justify-center gap-4"
-								>
-									<Button
-										variant="outline"
-										@click="
-											() => {
-												this.isIndexSuggestionTriggered = true;
-												this.$resources.suggestDatabaseIndexes.submit();
-											}
-										"
-										:loading="
-											this.$resources.suggestDatabaseIndexes.loading ||
-											this.fetchingDatabaseIndex
-										"
-										>建议索引</Button
-									>
-									<p class="text-base text-gray-700">
-										分析可能需要一些时间
-									</p>
-								</div>
-								<ResultTable
-									v-else
-									:columns="suggestedDatabaseIndexes.columns"
-									:data="suggestedDatabaseIndexes.data"
-									:alignColumns="alignColumns"
-									:cellFormatters="cellFormatters"
-									:fullViewFormatters="fullViewFormatters"
-									:enableCSVExport="false"
-									:borderLess="true"
-									actionHeaderLabel="添加索引"
-									:actionComponent="DatabaseAddIndexButton"
-									:actionComponentProps="{
-										site: this.site,
-									}"
-									:isTruncateText="true"
-								/>
-							</div>
-							<ResultTable
-								v-else
-								:columns="tab.columns"
-								:data="tab.data"
-								:alignColumns="alignColumns"
-:cellFormatters="cellFormatters"
-								:fullViewFormatters="fullViewFormatters"
-								:isTruncateText="true"
-								:enableCSVExport="false"
-								:borderLess="true"
-							/>
-						</template>
-					</FTabs>
-				</div>
-			</ToggleContent>
-
-			<DatabaseTableSchemaSizeDetailsDialog
-				v-if="this.site"
-				:site="this.site"
-				:tableSchemas="tableSchemas"
-				v-model="showTableSchemaSizeDetailsDialog"
-				:viewSchemaDetails="viewTableSchemaDetails"
-			/>
-
-			<DatabaseTableSchemaDialog
-				v-if="this.site"
-				:site="this.site"
-				:tableSchemas="tableSchemas"
-				:pre-selected-schema="preSelectedSchemaForSchemaDialog"
-				v-model="showTableSchemasDialog"
-			/>
-		</div>
-		<div
-			v-else-if="!site"
-			class="flex h-full min-h-[80vh] w-full items-center justify-center gap-2 text-gray-700"
-		>
-			选择一个站点以开始
-		</div>
-		<div
-			class="flex h-full min-h-[80vh] w-full items-center justify-center gap-2 text-gray-700"
-			v-else
-		>
-			<Spinner class="w-4" /> 正在加载表结构
-		</div>
-	</div>
-</template>
-<script>
-import Header from '../../../components/Header.vue';
-import { Tabs, Breadcrumbs } from 'jingrow-ui';
-import LinkControl from '../../../components/LinkControl.vue';
-import ObjectList from '../../../components/ObjectList.vue';
-import { h, markRaw } from 'vue';
-import { toast } from 'vue-sonner';
-import { formatValue } from '../../../utils/format';
-import ToggleContent from '../../../components/ToggleContent.vue';
-import ResultTable from '../../../components/devtools/database/ResultTable.vue';
-import DatabaseProcessKillButton from '../../../components/devtools/database/DatabaseProcessKillButton.vue';
-import DatabaseTableSchemaDialog from '../../../components/devtools/database/DatabaseTableSchemaDialog.vue';
-import DatabaseTableSchemaSizeDetailsDialog from '../../../components/devtools/database/DatabaseTableSchemaSizeDetailsDialog.vue';
-import DatabaseAddIndexButton from '../../../components/devtools/database/DatabaseAddIndexButton.vue';
-import DatabasePerformanceSchemaDisabledNotice from '../../../components/devtools/database/DatabasePerformanceSchemaDisabledNotice.vue';
-
-export default {
-	name: 'DatabaseAnalyzer',
-	components: {
-		Header,
-		Breadcrumbs,
-		FTabs: Tabs,
-		LinkControl,
-		ObjectList,
-		ToggleContent,
-		ResultTable,
-		DatabaseTableSchemaDialog,
-		DatabaseTableSchemaSizeDetailsDialog,
-		DatabaseProcessKillButton,
-		DatabasePerformanceSchemaDisabledNotice,
-	},
-	data() {
-		return {
-			site: null,
-			errorMessage: null,
-			isIndexSuggestionTriggered: false,
-			queryTabIndex: 0,
-			dbIndexTabIndex: 0,
-			showTableSchemaSizeDetailsDialog: false,
-			preSelectedSchemaForSchemaDialog: null,
-			showTableSchemasDialog: false,
-			fetchingDatabaseIndex: false,
-			DatabaseProcessKillButton: markRaw(DatabaseProcessKillButton),
-			DatabaseAddIndexButton: markRaw(DatabaseAddIndexButton),
-		};
-	},
-	mounted() {
-		const url = new URL(window.location.href);
-		const site_name = url.searchParams.get('site');
-		if (site_name) {
-			this.site = site_name;
-		}
-	},
-	watch: {
-		site(site_name) {
-			if (!site_name) return;
-			// set site to query param ?site=site_name
-			const url = new URL(window.location.href);
-			url.searchParams.set('site', site_name);
-			window.history.pushState({}, '', url);
-
-			// reset state
-			this.data = null;
-			this.errorMessage = null;
-			this.fetchTableSchemas({
-				site_name: site_name,
-			});
-			this.$resources.site.submit();
-			this.$resources.databasePerformanceReport.submit({
-				dt: 'Site',
-				dn: site_name,
-				method: 'get_database_performance_report',
-			});
-			this.$resources.databaseProcesses.submit({
-				dt: 'Site',
-				dn: site_name,
-				method: 'fetch_database_processes',
-			});
-		},
-	},
-	resources: {
-		site() {
-			return {
-				url: 'jcloud.api.client.get',
-				initialData: {},
-				makeParams: () => {
-					return { pagetype: 'Site', name: this.site };
-				},
-				auto: false,
-			};
-		},
-		tableSchemas() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				auto: false,
-makeParams: () => {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'fetch_database_table_schema',
-					};
-				},
-				onSuccess: (data) => {
-					if (data?.message?.loading) {
-						setTimeout(this.fetchTableSchemas, 5000);
-					}
-				},
-			};
-		},
-		optimizeTable() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				auto: false,
-				onSuccess: (data) => {
-					if (data?.message) {
-						if (data?.message?.success) {
-							toast.success(data?.message?.message);
-							this.$router.push(
-								`/sites/${this.site}/insights/jobs/${data?.message?.job_name}`,
-							);
-						} else {
-							toast.error(data?.message?.message);
-						}
-					}
-				},
-			};
-		},
-		databasePerformanceReport() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				makeParams: () => {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'get_database_performance_report',
-					};
-				},
-				auto: false,
-			};
-		},
-		suggestDatabaseIndexes() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				makeParams: () => {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'suggest_database_indexes',
-					};
-				},
-				onSuccess: (data) => {
-					if (data?.message) {
-						this.fetchingDatabaseIndex =
-							this.$resources.suggestDatabaseIndexes?.data?.message?.loading ??
-							false;
-						if (this.fetchingDatabaseIndex) {
-							setTimeout(() => {
-								this.$resources.suggestDatabaseIndexes.submit();
-							}, 5000);
-						}
-					}
-				},
-				auto: false,
-			};
-		},
-		databaseProcesses() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				makeParams: () => {
-					return {
-						dt: 'Site',
-						dn: this.site,
-						method: 'fetch_database_processes',
-					};
-				},
-				auto: false,
-			};
-		},
-	},
-	computed: {
-		site_info() {
-			return this.$resources.site.data;
-		},
-		isRequiredInformationReceived() {
-			if (this.$resources.site?.loading ?? true) return false;
-			if (this.$resources.tableSchemas.loading) return false;
-			if (this.$resources.tableSchemas?.data?.message?.loading) return false;
-			if (!this.$resources.tableSchemas?.data?.message?.data) return false;
-			if (this.$resources.tableSchemas?.data?.message?.data == {}) return false;
-			if (!this.$resources.databasePerformanceReport?.data?.message)
-				return false;
-			return true;
-		},
-		tableSchemas() {
-			if (!this.isRequiredInformationReceived) return [];
-			let result = this.$resources.tableSchemas?.data?.message?.data ?? [];
-			return result;
-		},
-		tableSizeInfo() {
-			if (!this.isRequiredInformationReceived) return [];
-			let data = [];
-			for (const tableName in this.tableSchemas) {
-				const table = this.tableSchemas[tableName];
-				data.push({
-					table_name: tableName,
-					data_size_mb: (table.size.data_length / (1024 * 1024)).toFixed(3),
-					index_size_mb: (table.size.index_length / (1024 * 1024)).toFixed(3),
-					total_size_mb: (table.size.total_size / (1024 * 1024)).toFixed(3),
-					no_of_columns: table.columns.length,
-				});
-			}
-			return data;
-		},
-		tableAnalysisTableOptions() {
-			if (!this.isRequiredInformationReceived) return [];
-			return {
-				data: () => this.tableSizeInfo,
-				hideControls: true,
-				columns: [
-					{
-						label: '表名',
-						fieldname: 'table_name',
-						width: 0.5,
-						type: 'Component',
-						component({ row }) {
-							return h(
-								'div',
-								{
-									class: 'truncate text-base cursor-copy',
-									onClick() {
-										if ('clipboard' in navigator) {
-											navigator.clipboard.writeText(row.table_name);
-											toast.success('已复制到剪贴板');
-										}
-									},
-								},
-								[row.table_name],
-							);
-						},
-					},
-					{
-						label: '大小 (MB)',
-						fieldname: 'total_size_mb',
-width: 0.5,
-					},
-					{
-						label: '列数',
-						fieldname: 'no_of_columns',
-						width: 0.5,
-					},
-				],
-			};
-		},
-		databaseSizeBreakup() {
-			if (!this.isRequiredInformationReceived) return null;
-			let data_size = this.tableSizeInfo.reduce(
-				(a, b) => a + parseFloat(b.data_size_mb),
-				0,
-			);
-			data_size = data_size.toFixed(2);
-
-			let index_size = this.tableSizeInfo.reduce(
-				(a, b) => a + parseFloat(b.index_size_mb),
-				0,
-			);
-			index_size = index_size.toFixed(2);
-
-			let database_size_limit =
-				this.site_info.current_plan.max_database_usage.toFixed(2);
-
-			return {
-				data_size,
-				index_size,
-				database_size_limit,
-				free_size: (database_size_limit - data_size - index_size).toFixed(2),
-				data_size_percentage: parseInt((data_size / database_size_limit) * 100),
-				index_size_percentage: parseInt(
-					(index_size / database_size_limit) * 100,
-				),
-			};
-		},
-		isPerformanceSchemaEnabled() {
-			const result = this.$resources.databasePerformanceReport?.data?.message;
-			if (!result) return false;
-			return result['is_performance_schema_enabled'];
-		},
-		queryTabs() {
-			if (!this.isRequiredInformationReceived) return [];
-			const result = this.$resources.databasePerformanceReport?.data?.message;
-			if (!result) return [];
-			let prepared_result = [
-				{
-					label: '慢查询',
-					columns: ['检查行数', '发送行数', '调用次数', '持续时间', '查询'],
-					data: result['slow_queries'].map((e) => {
-						return [e.rows_examined, e.rows_sent, e.count, e.duration, e.query];
-					}),
-				},
-				{
-					label: '耗时查询',
-					columns: ['百分比', '调用次数', '平均时间', '查询'],
-					data: result['top_10_time_consuming_queries'].map((e) => {
-						return [
-							Math.round(e['percent'], 1),
-							e['calls'],
-							e['avg_time_ms'],
-							e['query'],
-						];
-					}),
-				},
-				{
-					label: '全表扫描查询',
-					columns: ['检查行数', '发送行数', '调用次数', '查询'],
-					data: result['top_10_queries_with_full_table_scan'].map((e) => {
-						return [e['rows_examined'], e['rows_sent'], e['calls'], e['query']];
-					}),
-				},
-			];
-			return prepared_result;
-		},
-		databaseIndexesTab() {
-			if (!this.isRequiredInformationReceived) return [];
-			const result = this.$resources.databasePerformanceReport?.data?.message;
-			if (!result) return [];
-			let prepared_result = [
-				{
-					label: '建议索引',
-					columns: ['表', '列', '索引名称', '示例查询'],
-					data: [],
-				},
-				{
-					label: '冗余索引',
-					columns: [
-						'表名',
-						'主导索引',
-						'主导索引列',
-						'冗余索引',
-						'冗余索引列',
-					],
-					data: result['redundant_indexes'].map((e) => {
-						return [
-							e['table_name'],
-							e['dominant_index_name'],
-							e['dominant_index_columns'],
-							e['redundant_index_name'],
-							e['redundant_index_columns'],
-						];
-					}),
-				},
-				{
-					label: '未使用索引',
-					columns: ['表名', '索引名称'],
-					data: result['unused_indexes'].map((e) => {
-						return [e['table_name'], e['index_name']];
-					}),
-				},
-			];
-			return prepared_result;
-		},
-		suggestedDatabaseIndexes() {
-			if (!this.isRequiredInformationReceived) return [];
-			const result =
-				this.$resources.suggestDatabaseIndexes?.data?.message?.data ?? [];
-			let data = [];
-			for (const record of result) {
-				for (const index of record.suggested_indexes) {
-					data.push([index.table, index.column, record.normalized]);
-				}
-			}
-			return {
-				columns: ['表', '列', '慢查询'],
-				data: data,
-			};
-		},
-		databaseProcesses() {
-			if (!this.isRequiredInformationReceived) return null;
-			const result = this.$resources.databaseProcesses.data?.message ?? [];
-			return {
-columns: ['ID', '状态', '时间', '用户', '主机', '命令', '查询'],
-				data: result.map((e) => {
-					return [
-						e['id'],
-						e['state'],
-						e['time'],
-						e['db_user'],
-						e['db_user_host'],
-						e['command'],
-						e['query'],
-					];
-				}),
-			};
-		},
-		cellFormatters() {
-			return {
-				'检查行数': (v) => formatValue(v, 'commaSeperatedNumber'),
-				'发送行数': (v) => formatValue(v, 'commaSeperatedNumber'),
-				调用次数: (v) => formatValue(v, 'commaSeperatedNumber'),
-				'平均时间': (v) => formatValue(v, 'durationMilliseconds'),
-				持续时间: (v) => formatValue(v, 'durationSeconds'),
-				时间: (v) => formatValue(v, 'durationSeconds'),
-			};
-		},
-		fullViewFormatters() {
-			return {
-				查询: (v) => formatValue(v, 'sql'),
-			};
-		},
-		alignColumns() {
-			return {
-				百分比: 'right',
-				'检查行数': 'right',
-				'发送行数': 'right',
-				调用次数: 'right',
-				'平均时间': 'right',
-				持续时间: 'right',
-				时间: 'right',
-			};
-		},
-	},
-	methods: {
-		fetchTableSchemas({ site_name = null, reload = false } = {}) {
-			if (!site_name) site_name = this.site;
-			if (!site_name) return;
-			this.$resources.tableSchemas.submit({
-				dt: 'Site',
-				dn: site_name,
-				method: 'fetch_database_table_schema',
-				args: {
-					reload,
-				},
-			});
-		},
-		optimizeTable() {
-			this.$resources.optimizeTable.submit({
-				dt: 'Site',
-				dn: this.site,
-				method: 'optimize_tables',
-			});
-		},
-		viewTableSchemaDetails(tableName) {
-			this.showTableSchemaSizeDetailsDialog = false;
-			this.preSelectedSchemaForSchemaDialog = tableName;
-			this.showTableSchemasDialog = true;
-		},
-		formatSizeInMB(mb) {
-			try {
-				let floatMB = parseFloat(mb);
-				if (floatMB < 1) {
-					let kb = floatMB * 1024; // Convert MB to KB
-					return `${Math.round(kb)} KB`; // Return KB without decimal
-				} else if (floatMB < 1024) {
-					return `${Math.round(floatMB)} MB`; // Return MB without decimal
-				} else {
-					let gb = floatMB / 1024; // Convert MB to GB
-					return `${gb.toFixed(1)} GB`; // Return GB with 1 decimal
-				}
-			} catch (error) {
-				return `${mb} MB`; // Return MB without decimal
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/devtools/database/DatabaseSQLPlayground.vue b/dashboard_backup/src2/pages/devtools/database/DatabaseSQLPlayground.vue
deleted file mode 100644
index 7326582..0000000
--- a/dashboard_backup/src2/pages/devtools/database/DatabaseSQLPlayground.vue
+++ /dev/null
@@ -1,405 +0,0 @@
-<template>
-	<Header class="sticky top-0 z-10 bg-white">
-		<div
-			class="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between"
-		>
-			<div class="flex flex-row items-center gap-2">
-				<!-- 标题 -->
-				<Breadcrumbs
-					:items="[
-						{ label: '开发工具', route: '/sql-playground' }, // Dev tools has no seperate page as its own, so it doesn't need a different route
-						{ label: 'SQL 实验室', route: '/sql-playground' },
-					]"
-				/>
-				<!-- 操作 -->
-				<FormControl
-					class="w-min-[200px] cursor-pointer"
-					type="select"
-					:options="[
-						{
-							label: '只读&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;',
-							value: 'read-only',
-						},
-						{
-							label: '读写&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;',
-							value: 'read-write',
-						},
-					]"
-					size="sm"
-					variant="outline"
-					v-model="mode"
-				/>
-			</div>
-			<div class="flex flex-row gap-2">
-				<LinkControl
-					class="cursor-pointer"
-					:options="{ pagetype: 'Site', filters: { status: 'Active' } }"
-					placeholder="选择一个站点"
-					v-model="site"
-				/>
-				<Button
-					icon="refresh-ccw"
-					variant="subtle"
-					:loading="site && !isAutoCompletionReady"
-					:disabled="!site"
-					@click="
-						() =>
-							fetchTableSchemas({
-								reload: true,
-							})
-					"
-				>
-					<span class="md:hidden">架构</span>
-					<span class="hidden md:inline">刷新架构</span>
-				</Button>
-			</div>
-		</div>
-	</Header>
-	<div class="m-5">
-		<!-- 主体 -->
-		<div
-			v-if="!site"
-			class="flex h-full min-h-[80vh] w-full items-center justify-center gap-2 text-gray-700"
-		>
-			选择一个站点以开始
-		</div>
-		<div class="mt-2 flex flex-col" v-else>
-			<div class="overflow-hidden rounded border">
-				<SQLCodeEditor
-					v-model="query"
-					:schema="sqlSchemaForAutocompletion"
-					@codeSelected="handleCodeSelected"
-					@codeUnselected="handleCodeUnselected"
-				/>
-			</div>
-			<div class="mt-2 flex flex-row items-center justify-between">
-				<div class="flex gap-2">
-					<Button
-						iconLeft="table"
-						@click="toggleTableSchemasDialog"
-						:disabled="!isAutoCompletionReady"
-						>表</Button
-					>
-					<Button iconLeft="file-text" @click="toggleLogsDialog">日志</Button>
-				</div>
-
-				<div class="flex gap-2">
-					<Button
-						v-if="selectedQuery"
-						@click="runSelectedSQLQuery"
-						:loading="$resources.runSQLQuery.loading"
-						iconLeft="play"
-						variant="outline"
-					>
-						运行选中的查询
-					</Button>
-					<Button
-						@click="() => runSQLQuery()"
-						:loading="$resources.runSQLQuery.loading"
-						iconLeft="play"
-						variant="solid"
-						>运行查询</Button
-					>
-				</div>
-			</div>
-			<div
-				class="mt-4"
-				v-if="!$resources.runSQLQuery.loading && (data || errorMessage)"
-			>
-				<div v-if="errorMessage" class="output-container">
-					<pre class="mb-4 text-sm" v-if="failedQuery">{{ failedQuery }}</pre>
-					{{ prettifySQLError(errorMessage) }}<br /><br />
-					查询执行失败
-				</div>
-				<div v-else-if="data.length == 0" class="output-container">
-					未收到输出
-				</div>
-				<div v-else-if="data.length == 1">
-					<SQLResult :result="data[0]" />
-				</div>
-				<div v-else>
-					<FTabs :tabs="sqlResultTabs" v-model="tabIndex">
-						<template #tab-panel="{ tab }">
-							<div class="pt-5">
-								<SQLResult :result="tab" />
-							</div>
-						</template>
-					</FTabs>
-				</div>
-			</div>
-		</div>
-		<DatabaseSQLPlaygroundLog
-			v-if="this.site"
-			:site="this.site"
-			v-model="showLogsDialog"
-			@rerunQuery="rerunQuery"
-		/>
-		<DatabaseTableSchemaDialog
-			v-if="this.site"
-			:site="this.site"
-			:tableSchemas="$resources.tableSchemas?.data?.message?.data ?? {}"
-			v-model="showTableSchemasDialog"
-			:showSQLActions="true"
-			@runSQLQuery="runSQLQueryForViewingTable"
-		/>
-	</div>
-</template>
-<style scoped>
-.output-container {
-	@apply rounded border p-4 text-base text-gray-700;
-}
-</style>
-<script>
-import { toast } from 'vue-sonner';
-import Header from '../../../components/Header.vue';
-import { Tabs, Breadcrumbs } from 'jingrow-ui';
-import SQLResultTable from '../../../components/devtools/database/ResultTable.vue';
-import SQLCodeEditor from '../../../components/devtools/database/SQLCodeEditor.vue';
-import { confirmDialog } from '../../../utils/components';
-import DatabaseSQLPlaygroundLog from '../../../components/devtools/database/DatabaseSQLPlaygroundLog.vue';
-import DatabaseTableSchemaDialog from '../../../components/devtools/database/DatabaseTableSchemaDialog.vue';
-import SQLResult from '../../../components/devtools/database/SQLResult.vue';
-import LinkControl from '../../../components/LinkControl.vue';
-import { getToastErrorMessage } from '../../../utils/toast';
-
-export default {
-	name: 'DatabaseSQLPlayground',
-	components: {
-		Header,
-		Breadcrumbs,
-		FTabs: Tabs,
-		SQLResultTable,
-		SQLResult,
-		SQLCodeEditor,
-		DatabaseSQLPlaygroundLog,
-		DatabaseTableSchemaDialog,
-		LinkControl,
-	},
-	data() {
-		return {
-			site: null,
-			tabIndex: 0,
-			query: '',
-			selectedQuery: null,
-			commit: false,
-			execution_successful: null,
-			data: null,
-			errorMessage: null,
-			failedQuery: null,
-			mode: '只读',
-			showLogsDialog: false,
-			showTableSchemasDialog: false,
-		};
-	},
-	mounted() {},
-	watch: {
-		query() {
-			window.localStorage.setItem(
-				`sql_playground_query_${this.site}`,
-				this.query,
-			);
-		},
-		site(site_name) {
-			// 重置状态
-			this.execution_successful = null;
-			this.data = null;
-			this.errorMessage = null;
-			this.failedQuery = null;
-			this.mode = '只读';
-			this.showLogsDialog = false;
-			this.showTableSchemasDialog = false;
-
-			// 恢复查询并获取表结构
-			this.query =
-				window.localStorage.getItem(`sql_playground_query_${this.site}`) || '';
-			this.fetchTableSchemas({
-				site_name: site_name,
-			});
-		},
-	},
-	resources: {
-		runSQLQuery() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				onSuccess: (data) => {
-					this.execution_successful = data?.message?.success || false;
-					if (!this.execution_successful) {
-						this.errorMessage = data?.message?.data ?? '未知错误';
-						this.failedQuery = data?.message?.failed_query ?? '';
-						this.data = [];
-					} else {
-						this.data = data?.message?.data ?? [];
-						this.errorMessage = null;
-					}
-					this.tabIndex = 0; // 重置结果标签页索引
-				},
-				onError: (e) => {
-					toast.error(getToastErrorMessage(e, '执行SQL查询失败'));
-				},
-				auto: false,
-			};
-		},
-		tableSchemas() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				initialData: {},
-				auto: false,
-				onSuccess: (data) => {
-					if (data?.message?.loading) {
-						setTimeout(this.fetchTableSchemas, 5000);
-					}
-				},
-			};
-		},
-	},
-	computed: {
-		sqlSchemaForAutocompletion() {
-			const tableSchemas =
-				this.$resources.tableSchemas?.data?.message?.data ?? {};
-			if (!tableSchemas || !Object.keys(tableSchemas).length) return null;
-			let childrenSchemas = {};
-			for (const tableName in tableSchemas) {
-				childrenSchemas[tableName] = {
-					self: { label: tableName, type: 'table' },
-					children: tableSchemas[tableName].columns.map((x) => ({
-						label: x.column,
-						type: 'column',
-						detail: x.data_type,
-					})),
-				};
-			}
-			return {
-				self: { label: 'SQL 模式', type: 'schema' },
-children: childrenSchemas,
-			};
-		},
-		isAutoCompletionReady() {
-			if (this.$resources.tableSchemas.loading) return false;
-			if (this.$resources.tableSchemas?.data?.message?.loading) return false;
-			if (!this.$resources.tableSchemas?.data?.message?.data) return false;
-			if (this.$resources.tableSchemas?.data?.message?.data == {}) return false;
-			if (!this.sqlSchemaForAutocompletion) return false;
-			return true;
-		},
-		sqlResultTabs() {
-			if (!this.data || !this.data.length) return [];
-			let data = [];
-			let queryNo = 1;
-			for (let i = 0; i < this.data.length; i++) {
-				data.push({
-					label: `查询 ${queryNo++}`,
-					...this.data[i],
-				});
-			}
-			return data;
-		},
-	},
-	methods: {
-		handleCodeSelected(selectedCode) {
-			this.selectedQuery = selectedCode;
-		},
-		handleCodeUnselected() {
-			this.selectedQuery = null;
-		},
-		fetchTableSchemas({ site_name = null, reload = false } = {}) {
-			if (!site_name) site_name = this.site;
-			if (!site_name) return;
-			this.$resources.tableSchemas.submit({
-				dt: 'Site',
-				dn: site_name,
-				method: 'fetch_database_table_schema',
-				args: {
-					reload,
-				},
-			});
-		},
-		runSQLQuery(ignore_validation = false, run_selected_query = false) {
-			if (!this.query) return;
-			if (this.mode === 'read-only' || ignore_validation) {
-				this.$resources.runSQLQuery.submit({
-					dt: 'Site',
-					dn: this.site,
-					method: 'run_sql_query_in_database',
-					args: {
-						query: run_selected_query ? this.selectedQuery : this.query,
-						commit: this.mode === 'read-write',
-					},
-				});
-				return;
-			}
-
-			confirmDialog({
-				title: '运行 SQL 查询',
-				message: `
-您当前正在使用<strong>读写</strong>模式。您的 SQL 查询所做的所有更改都将提交到数据库。
-<br><br>
-您确定要运行查询吗？`,
-				primaryAction: {
-					label: '运行查询',
-					variant: 'solid',
-					onClick: ({ hide }) => {
-						this.runSQLQuery(true, run_selected_query);
-						hide();
-					},
-				},
-			});
-		},
-		runSelectedSQLQuery() {
-			if (!this.selectedQuery) {
-				return;
-			}
-			confirmDialog({
-				title: '验证查询',
-				message: `
-您确定要运行查询吗？
-<br>
-<pre class="mt-2 max-h-52 overflow-y-auto whitespace-pre-wrap rounded bg-gray-50 px-2 py-1.5 text-sm text-gray-700">${this.selectedQuery}</pre>
-				`,
-				primaryAction: {
-					label: '运行查询',
-					variant: 'solid',
-					onClick: ({ hide }) => {
-						this.runSQLQuery(false, true);
-						hide();
-					},
-				},
-			});
-		},
-		toggleLogsDialog() {
-			this.showLogsDialog = !this.showLogsDialog;
-		},
-		toggleTableSchemasDialog() {
-			if (!this.isAutoCompletionReady) {
-				toast.error('表结构仍在加载中，请稍候。');
-				return;
-			}
-			this.showTableSchemasDialog = !this.showTableSchemasDialog;
-		},
-		rerunQuery(query) {
-			this.query = query;
-			this.showLogsDialog = false;
-		},
-		runSQLQueryForViewingTable(query) {
-			// 设置为只读模式
-			this.mode = 'read-only';
-			this.showTableSchemasDialog = false;
-			this.query = query;
-			this.runSQLQuery();
-		},
-		prettifySQLError(msg) {
-			if (typeof msg !== 'string') return null;
-			// 如果错误信息是 (state, message) 格式，尝试解析它
-			const regex = /\((\d+),\s*['"](.*?)['"]\)/;
-			const match = msg.match(regex);
-
-			if (match) {
-				const statusCode = match[1];
-				const errorMessage = match[2];
-				return `#${statusCode} - ${errorMessage}`;
-			} else {
-				return msg;
-			}
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/devtools/log-browser/LogBrowser.vue b/dashboard_backup/src2/pages/devtools/log-browser/LogBrowser.vue
deleted file mode 100644
index 02a0ac2..0000000
--- a/dashboard_backup/src2/pages/devtools/log-browser/LogBrowser.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-<template>
-	<div class="flex flex-col">
-		<Header class="bg-white">
-			<div
-				class="flex w-full flex-col gap-2 md:flex-row md:items-center md:justify-between"
-			>
-				<div class="flex flex-row items-center gap-2">
-					<!-- 标题 -->
-					<Breadcrumbs
-						:items="[
-							{ label: '开发工具', route: { name: 'Log Browser' } }, // Dev tools has no seperate page as its own, so it doesn't need a different route
-							{ label: '日志浏览器', route: { name: 'Log Browser' } }
-						]"
-					/>
-				</div>
-				<div class="flex flex-row gap-2">
-					<FormControl
-						class="w-20"
-						type="select"
-						:options="[
-							{
-								label: '选择模式',
-								disabled: true
-							},
-							{
-								label: '工作台',
-								value: 'bench'
-							},
-							{
-								label: '站点',
-								value: 'site'
-							}
-						]"
-						:modelValue="mode"
-						@update:modelValue="
-							e => $router.push({ name: 'Log Browser', params: { mode: e } })
-						"
-					/>
-					<LinkControl
-						v-show="mode === 'site'"
-						:options="{
-							pagetype: 'Site',
-							filters: { status: 'Active' },
-							initialData: [{ label: site, value: site }]
-						}"
-						placeholder="选择一个站点"
-						:modelValue="site"
-						@update:modelValue="
-							site => {
-								this.site = site;
-								$router.push({
-									name: 'Log Browser',
-									params: { mode: 'site', docName: site }
-								});
-							}
-						"
-					/>
-					<LinkControl
-						class="w-52"
-						v-show="mode === 'bench'"
-						:options="{
-							pagetype: 'Bench',
-							filters: { status: 'Active' },
-							initialData: [
-								{
-									label: bench,
-									value: bench
-								}
-							]
-						}"
-						placeholder="选择一个工作台"
-						:modelValue="bench"
-						@update:modelValue="
-							bench => {
-								this.bench = bench;
-								$router.push({
-									name: 'Log Browser',
-									params: { mode: 'bench', docName: bench }
-								});
-							}
-						"
-					/>
-					<Tooltip text="这是一个实验性功能">
-						<div class="rounded-md bg-purple-100 p-1.5">
-							<i-lucide-flask-conical class="h-4 w-4 text-purple-500" />
-						</div>
-					</Tooltip>
-					<Button
-						link="https://jingrow.com/docs/devtools/log-browser"
-						target="_blank"
-					>
-						<i-lucide-help-circle class="h-4 w-4" />
-					</Button>
-				</div>
-			</div>
-		</Header>
-		<div class="flex">
-			<div
-				v-if="(mode === 'bench' && !bench) || (mode === 'site' && !site)"
-				class="w-full"
-			>
-				<p
-					class="flex h-full min-h-[80vh] w-full items-center justify-center gap-2 text-gray-700"
-				>
-					选择一个{{ mode }}以查看日志
-				</p>
-			</div>
-			<div v-else-if="mode" class="flex h-full w-full">
-				<LogList :mode="mode" :docName="docName" />
-				<div class="m-4 flex h-full w-3/4 flex-col">
-					<div
-						v-if="$resources.log.loading"
-						class="flex h-full min-h-[90vh] w-full items-center justify-center gap-2 text-gray-700"
-					>
-						<Spinner class="h-4 w-4" />
-						<span> 正在获取日志... </span>
-					</div>
-					<ErrorMessage
-						v-else-if="$resources.log.error"
-						:message="$resources.log.error"
-					/>
-					<LogViewer v-else-if="logId" :log="log" />
-					<div
-						v-else
-						class="flex h-full min-h-[90vh] w-full items-center justify-center gap-2 text-gray-700"
-					>
-						选择一个日志以查看
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script>
-import Header from '../../../components/Header.vue';
-import LinkControl from '../../../components/LinkControl.vue';
-import LogList from './LogList.vue';
-import LogViewer from './LogViewer.vue';
-import { Breadcrumbs } from 'jingrow-ui';
-
-export default {
-	components: {
-		Header,
-		LogList,
-		LogViewer,
-		LinkControl,
-		Breadcrumbs
-	},
-	props: {
-		mode: String,
-		logId: String,
-		docName: String
-	},
-	mounted() {
-		if (!this.mode) {
-			this.$router.push({ name: '日志浏览器', params: { mode: 'bench' } });
-		}
-	},
-	updated() {
-		if (!this.mode) {
-			this.$router.push({ name: '日志浏览器', params: { mode: 'bench' } });
-		}
-	},
-	data() {
-		return {
-			site: this.mode === 'site' ? this.docName : null || null,
-			bench: this.mode === 'bench' ? this.docName : null || null,
-			searchLogQuery: ''
-		};
-	},
-	resources: {
-		log() {
-			return {
-				url: 'jcloud.api.log_browser.get_log',
-				params: {
-					log_type: this.mode,
-					pg_name: this.docName,
-					log_name: this.logId
-				},
-				initialData: [],
-				auto: this.logId
-			};
-		}
-	},
-	computed: {
-		log() {
-			return this.$resources.log?.data;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/devtools/log-browser/LogList.vue b/dashboard_backup/src2/pages/devtools/log-browser/LogList.vue
deleted file mode 100644
index 7112ea4..0000000
--- a/dashboard_backup/src2/pages/devtools/log-browser/LogList.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-	<div class="m-4 mr-0 flex h-full w-1/4 flex-col">
-		<FormControl
-			class="mb-4 mr-4"
-			label="搜索日志文件"
-			v-model="searchLogQuery"
-		>
-			<template #prefix>
-				<i-lucide-search class="h-4 w-4 text-gray-500" />
-			</template>
-		</FormControl>
-		<div class="h-[81.5vh] space-y-2 overflow-auto pr-4">
-			<div
-				v-if="$resources.benchLogs?.loading || $resources.siteLogs?.loading"
-				class="mt-20 flex justify-center space-x-2 text-sm text-gray-700"
-			>
-				<Spinner class="w-4" />
-				<span> 正在获取日志... </span>
-			</div>
-			<div
-				v-else-if="logs.length === 0"
-				class="mt-20 flex justify-center text-sm text-gray-700"
-			>
-				未找到日志
-			</div>
-			<template v-else v-for="log in logs">
-				<div
-					class="cursor-pointer rounded border border-gray-200 p-3 hover:bg-gray-50"
-					:class="{
-						'border-gray-800': logId === log.name
-					}"
-					@click="
-						() => {
-							logId = log.name;
-							$router.push({
-								name: 'Log Browser',
-								params: {
-									mode,
-									docName: mode === 'bench' ? bench : site,
-									logId: log.name
-								}
-							});
-						}
-					"
-				>
-					<div class="flex items-center justify-between">
-						<div class="space-y-1">
-							<p class="text-base text-gray-700">{{ log.name }}</p>
-							<p class="text-xs text-gray-500">
-								{{ $format.date(log.modified, 'YYYY-MM-DD HH:mm') }}
-							</p>
-						</div>
-						<p class="text-sm text-gray-500">
-							{{ $format.bytes(log.size) }}
-						</p>
-					</div>
-				</div>
-			</template>
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	props: {
-		mode: String,
-		docName: String
-	},
-	data() {
-		return {
-			searchLogQuery: '',
-			logId: this.$route.params.logId
-		};
-	},
-	resources: {
-		benchLogs() {
-			return {
-				url: 'jcloud.api.bench.logs',
-				params: {
-					name: this.bench?.split('-').slice(0, 2).join('-'), // TODO: fetch group instead of hardcoding
-					bench: this.bench
-				},
-				auto: this.mode === 'bench' && this.bench,
-				cache: ['BenchLogs', this.bench]
-			};
-		},
-		siteLogs() {
-			return {
-				url: 'jcloud.api.site.logs',
-				params: {
-					name: this.site
-				},
-				auto: this.mode === 'site' && this.site,
-				cache: ['SiteLogs', this.site]
-			};
-		}
-	},
-	computed: {
-		logs() {
-			let logs = [];
-			if (this.mode === 'bench') {
-				logs = this.$resources.benchLogs?.data || [];
-			} else if (this.mode === 'site') {
-				logs = this.$resources.siteLogs?.data || [];
-			}
-
-			// filter out rotated logs that ends with .1, .2, .3, etc
-			// TODO: do the filtering in agent instead
-			// logs = logs.filter(log => !log.name.match(/\.\d+$/));
-
-			if (this.searchLogQuery) {
-				logs = logs.filter(log =>
-					log.name.toLowerCase().includes(this.searchLogQuery.toLowerCase())
-				);
-			}
-
-			return logs;
-		},
-		bench() {
-			if (this.mode === 'bench') {
-				return this.docName;
-			}
-			return null;
-		},
-		site() {
-			if (this.mode === 'site') {
-				return this.docName;
-			}
-			return null;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/devtools/log-browser/LogViewer.vue b/dashboard_backup/src2/pages/devtools/log-browser/LogViewer.vue
deleted file mode 100644
index facacd8..0000000
--- a/dashboard_backup/src2/pages/devtools/log-browser/LogViewer.vue
+++ /dev/null
@@ -1,322 +0,0 @@
-<template>
-	<div class="flex flex-1 flex-shrink-0 flex-col overflow-hidden">
-		<div class="relative flex h-full w-full flex-col overflow-hidden">
-			<div>
-				<div class="mb-4 flex justify-between">
-					<div class="space-x-2">
-						<FormControl
-							type="select"
-							label="按级别筛选"
-							:options="[
-								{ label: '全部', value: '' },
-								{ label: '信息', value: 'Info' },
-								{ label: '警告', value: 'warning' },
-								{ label: '错误', value: 'error' },
-								{ label: '严重', value: 'critical' }
-							]"
-							class="w-24"
-							v-if="columns.includes('level')"
-							v-model="levelFilter"
-						/>
-					</div>
-					<div class="flex space-x-2">
-						<FormControl
-							type="select"
-							label="排序方式"
-							:options="[
-								{ label: '排序方式', disabled: true },
-								{ label: '最新优先', value: 'desc' },
-								{ label: '最早优先', value: 'asc' }
-							]"
-							class="w-32"
-							v-if="columns.includes('time')"
-							v-model="sortOrder"
-						/>
-						<FormControl
-							class="w-80"
-							label="搜索日志"
-							v-model="searchLogQuery"
-						>
-							<template #prefix>
-								<i-lucide-search class="h-4 w-4 text-gray-500" />
-							</template>
-						</FormControl>
-					</div>
-				</div>
-				<div
-					class="flex h-[81.5vh] w-full flex-col overflow-hidden rounded border"
-				>
-					<div class="relative flex flex-1 flex-col overflow-auto">
-						<table
-							v-if="columns?.length || props.log?.length"
-							class="w-full border-separate border-spacing-0"
-						>
-							<thead class="z-5 sticky top-0 w-full rounded bg-gray-100">
-								<tr
-									v-for="headerGroup in table.getHeaderGroups()"
-									:key="headerGroup.id"
-								>
-									<th
-										v-for="header in headerGroup.headers"
-										:key="header.id"
-										:colSpan="header.colSpan"
-										class="text-gray-800"
-										:class="{
-											'w-2/12': header.column.columnDef.id === 'level',
-											'w-3/12': header.column.columnDef.id === 'time'
-										}"
-									>
-										<div
-											class="flex items-center truncate px-3 py-2 text-base font-semibold"
-										>
-											<FlexRender
-												v-if="!header.isPlaceholder"
-												:render="header.column.columnDef.header"
-												:props="header.getContext()"
-											/>
-										</div>
-									</th>
-								</tr>
-							</thead>
-							<tbody>
-								<template
-									v-for="(row, index) in table.getRowModel().rows"
-									:key="row.id"
-								>
-									<tr class="hover:bg-gray-50">
-										<td
-											v-for="cell in row.getVisibleCells()"
-											:key="cell.id"
-											class="max-w-[35rem] cursor-pointer truncate border-b px-3 py-2"
-											:class="{
-												'border-b-0': row.getIsExpanded()
-											}"
-											@click="handleExpand(row)"
-										>
-											<div
-												v-if="cell.column.columnDef.id === 'level'"
-												class="flex items-center space-x-2"
-											>
-												<i-lucide-info
-													v-if="getBadgeLabel(cell) === 'Info'"
-													class="h-4 w-4 text-blue-500"
-												/>
-												<i-lucide-alert-triangle
-													v-else-if="getBadgeLabel(cell) === 'Warning'"
-													class="h-4 w-4 text-yellow-500"
-												/>
-												<i-lucide-alert-circle
-													v-else-if="
-														getBadgeLabel(cell) === 'Error' ||
-														getBadgeLabel(cell) === 'Critical'
-													"
-													class="h-4 w-4 text-red-500"
-												/>
-												<span
-													class="text-xs"
-													:class="{
-														'text-blue-500': getBadgeLabel(cell) === 'Info',
-														'text-yellow-500':
-															getBadgeLabel(cell) === 'Warning',
-														'text-red-500':
-															getBadgeLabel(cell) === 'Error' ||
-															getBadgeLabel(cell) === 'Critical'
-													}"
-													>{{ getBadgeLabel(cell) }}</span
-												>
-</div>
-											<div
-												v-else
-												class="truncate font-mono text-sm"
-												:class="{
-													'font-mono ': cell.column.columnDef.id === 'time',
-													'font-mono text-gray-600':
-														cell.column.columnDef.id === 'description'
-												}"
-											>
-												<FlexRender
-													:render="cell.column.columnDef.cell"
-													:props="cell.getContext()"
-												/>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td
-											v-if="row.getIsExpanded()"
-											:colspan="row.getAllCells().length"
-											class="max-w-[39.75rem] whitespace-pre-wrap break-words border-b bg-gray-900 px-3 py-4 font-mono text-sm text-gray-200"
-										>
-											{{ row.original.description }}
-										</td>
-									</tr>
-								</template>
-								<tr height="99%" class="border-b"></tr>
-							</tbody>
-						</table>
-
-						<div v-if="table.getRowModel().rows.length === 0" class="p-8">
-							<p class="text-center text-sm text-gray-500">
-								未找到日志条目
-							</p>
-						</div>
-					</div>
-
-					<div class="flex justify-between rounded rounded-t-none border-t p-1">
-						<div></div>
-						<div class="flex flex-shrink-0 items-center justify-end gap-3">
-							<p class="tnum text-sm text-gray-600">
-								{{ pageStart }} - {{ pageEnd }} 共 {{ totalRows }} 行
-							</p>
-							<div class="flex gap-2">
-								<Button
-									variant="ghost"
-									@click="table.previousPage()"
-									:disabled="!table.getCanPreviousPage()"
-									iconLeft="arrow-left"
-								>
-									上一页
-								</Button>
-								<Button
-									variant="ghost"
-									@click="table.nextPage()"
-									:disabled="!table.getCanNextPage()"
-									iconRight="arrow-right"
-								>
-									下一页
-								</Button>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup>
-import {
-	FlexRender,
-	getCoreRowModel,
-	getSortedRowModel,
-	getFilteredRowModel,
-	getExpandedRowModel,
-	getPaginationRowModel,
-	useVueTable
-} from '@tanstack/vue-table';
-import { computed, ref } from 'vue';
-
-const props = defineProps({
-	log: {
-		type: Array,
-		required: true
-	}
-});
-
-const searchLogQuery = ref('');
-const levelFilter = ref('');
-const sortOrder = ref('desc');
-
-const columnFilters = computed(() => {
-	const filters = [];
-	if (levelFilter.value) {
-		filters.push({
-			id: 'level',
-			value: levelFilter.value
-		});
-	}
-	if (searchLogQuery.value) {
-		filters.push({
-			id: 'description',
-			value: searchLogQuery.value
-		});
-	}
-	return filters;
-});
-
-const logEntries = computed(() => props.log);
-const columns = computed(() => {
-	const columns = Object.keys(logEntries.value[0] || {});
-	columns.sort((a, b) => {
-		if (a === 'description') return 1;
-		if (b === 'description') return -1;
-		return 0;
-	});
-
-	return columns.length ? columns : ['description'];
-});
-const sortingState = computed(() => {
-	if (!sortOrder.value) return [];
-	return [
-		{
-			id: 'time',
-			desc: sortOrder.value === 'desc'
-		}
-	];
-});
-
-const table = useVueTable({
-	data: logEntries.value,
-	columns: columns.value.map(column => {
-		return {
-			id: column,
-			header: capitalizeFirstLetter(column),
-			accessorKey: column,
-			enableSorting: column === 'time' ? true : false,
-			sortingFn: column === 'time' ? 'datetime' : null,
-			isNumber: false
-		};
-	}),
-	state: {
-		get columnFilters() {
-			return columnFilters.value;
-		},
-		get sorting() {
-			return sortingState.value;
-		}
-	},
-	initialState: {
-		pagination: {
-			pageSize: 20,
-			pageIndex: 0
-		}
-	},
-	// debugTable: true, // 取消注释以在控制台中查看表格状态
-	getRowCanExpand: _row => true,
-	getCoreRowModel: getCoreRowModel(),
-	getSortedRowModel: getSortedRowModel(),
-	getExpandedRowModel: getExpandedRowModel(),
-	getFilteredRowModel: getFilteredRowModel(),
-getPaginationRowModel: getPaginationRowModel()
-});
-
-const pageLength = computed(() => table.getState().pagination.pageSize);
-const currPage = computed(() => table.getState().pagination.pageIndex + 1);
-
-const totalRows = computed(() => props.log.length);
-const pageStart = computed(() =>
-	totalRows.value ? (currPage.value - 1) * pageLength.value + 1 : 0
-);
-const pageEnd = computed(() => {
-	const end = currPage.value * pageLength.value;
-	return end > props.log.length ? props.log.length : end;
-});
-
-function capitalizeFirstLetter(string) {
-	if (!string) return '';
-	return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
-}
-
-function getBadgeLabel(cell) {
-	return capitalizeFirstLetter(getValueFromCell(cell));
-}
-
-function getValueFromCell(cell) {
-	return cell.row.original[cell.column.columnDef.accessorKey];
-}
-
-function handleExpand(row) {
-	const toggleExpandedHandler = row.getToggleExpandedHandler();
-	if (row.getCanExpand()) toggleExpandedHandler();
-}
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/AppSelector.vue b/dashboard_backup/src2/pages/saas/AppSelector.vue
deleted file mode 100644
index 493b3e9..0000000
--- a/dashboard_backup/src2/pages/saas/AppSelector.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-	<div
-		class="px-5 py-10"
-		v-if="$team?.pg"
-		:class="{
-			'h-max min-h-full sm:bg-gray-50':
-				!$team.pg.onboarding.is_saas_user &&
-				!$team.pg.onboarding.site_created,
-		}"
-	>
-		<OnboardingWithoutPayment />
-	</div>
-</template>
-<script>
-import { getTeam } from '../../data/team';
-import Onboarding from '../../components/Onboarding.vue';
-import OnboardingWithoutPayment from '../../components/OnboardingWithoutPayment.vue';
-export default {
-	name: '欢迎',
-	components: {
-		Onboarding,
-		OnboardingWithoutPayment,
-	},
-	beforeRouteEnter(to, from, next) {
-		let $team = getTeam();
-		window.$team = $team;
-		if ($team.pg.onboarding.complete && $team.pg.onboarding.site_created) {
-			next({ name: '站点列表' });
-		} else if (to.query.is_redirect && $team.pg.onboarding.site_created) {
-			next({ name: '站点列表' });
-		} else {
-			next();
-		}
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/Login.vue b/dashboard_backup/src2/pages/saas/Login.vue
deleted file mode 100644
index a2affe8..0000000
--- a/dashboard_backup/src2/pages/saas/Login.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<template>
-	<div
-		class="flex h-screen w-screen items-center justify-center"
-		v-if="$resources.signupSettings.loading"
-	>
-		<Spinner class="mr-2 w-4" />
-		<p class="text-gray-800">加载中</p>
-	</div>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50" v-else>
-		<div class="w-full overflow-auto">
-			<LoginBox
-				title="欢迎回来"
-				:subtitle="`登录到您的 ${saasProduct?.title} 站点`"
-				:class="{ 'pointer-events-none': $resources.signup?.loading }"
-				:logo="saasProduct?.logo"
-			>
-				<template v-slot:default>
-					<form class="flex flex-col" @submit.prevent="">
-						<FormControl
-							class="w-full"
-							label="邮箱"
-							type="email"
-							placeholder="email@example.com"
-							variant="outline"
-							autocomplete="email"
-							v-model="email"
-							required
-						/>
-						<FormControl
-							v-if="isLoginWithEmail"
-							class="mt-4 w-full"
-							label="验证码"
-							type="text"
-							placeholder="5位验证码"
-							variant="outline"
-							v-model="code"
-							required
-						/>
-
-						<!-- 错误信息 -->
-						<ErrorMessage
-							class="mt-2"
-							:message="
-								this.$resources?.sendVerificationCodeForLogin?.error ||
-								this.$resources?.loginUsingCode?.error
-							"
-						/>
-						<!-- 按钮 -->
-						<div
-							class="mt-5 flex flex-col items-center gap-3"
-							v-if="!isLoginWithEmail"
-						>
-							<Button
-								:loading="$resources.sendVerificationCodeForLogin?.loading"
-								@click="$resources.sendVerificationCodeForLogin.submit()"
-								variant="solid"
-								class="w-full font-medium"
-								type="button"
-							>
-								使用邮箱登录
-							</Button>
-							<p v-if="isGoogleOAuthEnabled">或</p>
-							<Button
-								v-if="isGoogleOAuthEnabled"
-								variant="subtle"
-								class="w-full font-medium"
-								type="button"
-								:loading="$resources.signupWithOAuth?.loading"
-								@click="$resources.signupWithOAuth.submit()"
-							>
-								<div class="flex flex-row items-center gap-1">
-									<GoogleIconSolid class="w-4" />
-									使用 Google 登录
-								</div>
-							</Button>
-						</div>
-						<!-- 处理邮箱验证的按钮 -->
-						<div class="mt-5 flex flex-col items-center gap-2" v-else>
-							<Button
-								:loading="$resources.loginUsingCode?.loading || isRedirecting"
-								variant="solid"
-								class="w-full font-medium"
-								type="full"
-								@click="$resources.loginUsingCode.submit()"
-							>
-								验证
-							</Button>
-							<Button
-								:loading="$resources.loginUsingCode?.loading"
-								variant="outline"
-								class="w-full font-medium"
-								type="button"
-								@click="$resources.sendVerificationCodeForLogin.submit()"
-							>
-								未收到邮件？重新发送
-							</Button>
-						</div>
-					</form>
-
-					<div class="mt-6 text-center">
-						<router-link
-							class="text-center text-base font-medium text-gray-900 hover:text-gray-700"
-							:to="{
-								name: 'SaaSSignup',
-								params: $route.params,
-							}"
-						>
-							新用户？创建一个新账户。
-						</router-link>
-					</div>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-</template>
-<script>
-import { Spinner } from 'jingrow-ui';
-import LoginBox from '../../components/auth/SaaSLoginBox.vue';
-import GoogleIconSolid from '@/components/icons/GoogleIconSolid.vue';
-import { toast } from 'vue-sonner';
-
-export default {
-	name: 'SaaSSignup',
-	props: ['productId'],
-	components: {
-		LoginBox,
-		Spinner,
-		GoogleIconSolid,
-	},
-	data() {
-		return {
-			email: '',
-			code: '',
-			isLoginWithEmail: false,
-			isRedirecting: false,
-		};
-	},
-	watch: {
-		email() {
-			this.isLoginWithEmail = false;
-		},
-	},
-	computed: {
-		saasProduct() {
-			return this.$resources.signupSettings.data?.product_trial || {};
-		},
-		isGoogleOAuthEnabled() {
-			return this.$resources.signupSettings.data?.enable_google_oauth || false;
-		},
-	},
-	resources: {
-		signupSettings() {
-return {
-				url: 'jcloud.api.account.signup_settings',
-				params: {
-					product: this.productId,
-					fetch_countries: true,
-					timezone: window.Intl
-						? Intl.DateTimeFormat().resolvedOptions().timeZone
-						: null,
-				},
-				auto: true,
-				onSuccess(res) {
-					if (res && res.country) {
-						this.country = res.country;
-					}
-				},
-			};
-		},
-		sendVerificationCodeForLogin() {
-			return {
-				url: 'jcloud.api.product_trial.send_verification_code_for_login',
-				params: {
-					email: this.email,
-					product: this.productId,
-				},
-				auto: false,
-				onSuccess() {
-					this.isLoginWithEmail = true;
-					toast.success('验证码已发送至您的邮箱');
-				},
-			};
-		},
-		loginUsingCode() {
-			return {
-				url: 'jcloud.api.product_trial.login_using_code',
-				params: {
-					email: this.email,
-					product: this.productId,
-					code: this.code,
-				},
-				auto: false,
-				onSuccess: (data) => {
-					this.moveToSiteLoginPage(data);
-				},
-			};
-		},
-		signupWithOAuth() {
-			return {
-				url: 'jcloud.api.google.login',
-				params: {
-					product: this.productId,
-				},
-				auto: false,
-				onSuccess(url) {
-					window.location.href = url;
-				},
-			};
-		},
-	},
-	methods: {
-		loginWithEmail() {
-			this.isLoginWithEmail = true;
-		},
-		moveToSiteLoginPage(product_trial_request) {
-			this.isRedirecting = true;
-			window.location.href = this.$router.resolve({
-				name: 'SignupLoginToSite',
-				params: {
-					productId: this.productId,
-				},
-				query: {
-					product_trial_request,
-				},
-			}).href;
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/LoginToSite.vue b/dashboard_backup/src2/pages/saas/LoginToSite.vue
deleted file mode 100644
index 22239c6..0000000
--- a/dashboard_backup/src2/pages/saas/LoginToSite.vue
+++ /dev/null
@@ -1,238 +0,0 @@
-<template>
-	<div
-		class="flex h-screen w-screen items-center justify-center"
-		v-if="$resources.saasProduct.loading || $resources.siteRequest.loading"
-	>
-		<Spinner class="mr-2 w-4" />
-		<p class="text-gray-800">加载中</p>
-	</div>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50" v-else>
-		<div class="w-full overflow-auto">
-			<LoginBox
-				v-if="$resources?.siteRequest?.pg?.status === 'Site Created'"
-				title="站点创建成功"
-				:subtitle="`您的试用站点已准备就绪，地址为
-					${$resources?.siteRequest?.pg?.domain || $resources?.siteRequest?.pg?.site}`"
-			>
-				<template v-slot:logo v-if="saasProduct">
-					<div class="mx-auto flex items-center space-x-2">
-						<img
-							class="inline-block h-7 w-7 rounded-sm"
-							:src="saasProduct?.logo"
-						/>
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							{{ saasProduct?.title }}
-						</span>
-					</div>
-				</template>
-				<div>
-					<div
-						class="mb-4 mt-16 flex flex-col items-center justify-center space-y-4"
-					>
-						<Button
-							variant="solid"
-							class="w-2/5"
-							icon-right="external-link"
-							@click="loginToSite"
-							:loading="this.$resources?.siteRequest?.getLoginSid.loading"
-						>
-							登录
-						</Button>
-					</div>
-				</div>
-				<ErrorMessage
-					class="w-full text-center"
-					:message="this.$resources?.siteRequest?.getLoginSid.error"
-				/>
-				<template v-slot:footer>
-					<div
-						class="mt-2 flex w-full items-center justify-center text-sm text-gray-600"
-					>
-						由 今果 Jingrow 提供支持
-					</div>
-				</template>
-			</LoginBox>
-			<LoginBox
-				v-else-if="this.$resources?.siteRequest?.pg?.status === 'Error'"
-				title="站点创建失败"
-				:subtitle="
-					this.$resources?.siteRequest?.pg?.domain ||
-					this.$resources?.siteRequest?.pg?.site
-				"
-			>
-				<template v-slot:logo v-if="saasProduct">
-					<div class="mx-auto flex items-center space-x-2">
-						<img
-							class="inline-block h-7 w-7 rounded-sm"
-							:src="saasProduct?.logo"
-						/>
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							{{ saasProduct?.title }}
-						</span>
-					</div>
-				</template>
-				<template v-slot:default>
-					<div class="flex h-40 flex-col items-center justify-center px-10">
-						<div class="text-center text-base leading-5 text-gray-800">
-							<p>看起来出了点问题</p>
-							<p>
-								请联系
-								<a href="mailto:support@jingrow.com" class="underline">
-									support@jingrow.com</a
-								><br />
-								以解决问题
-							</p>
-						</div>
-					</div>
-				</template>
-				<template v-slot:footer>
-					<div
-						class="mt-2 flex w-full items-center justify-center text-sm text-gray-600"
-					>
-						由 今果 Jingrow 提供支持
-					</div>
-				</template>
-			</LoginBox>
-			<LoginBox
-				v-else
-				title="正在创建您的站点"
-				:subtitle="
-					this.$resources?.siteRequest?.pg?.domain ||
-					this.$resources?.siteRequest?.pg?.site
-				"
-			>
-				<template v-slot:logo v-if="saasProduct">
-					<div class="mx-auto flex items-center space-x-2">
-						<img
-							class="inline-block h-7 w-7 rounded-sm"
-							:src="saasProduct?.logo"
-						/>
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							{{ saasProduct?.title }}
-						</span>
-					</div>
-				</template>
-				<template v-slot:default>
-					<div class="flex h-40 items-center justify-center">
-						<Progress
-							class="px-10"
-							size="md"
-							:value="progressCount"
-:label="currentBuildStep"
-						/>
-					</div>
-				</template>
-				<template v-slot:footer>
-					<div
-						class="mt-2 flex w-full items-center justify-center text-sm text-gray-600"
-					>
-						由 今果 Jingrow 提供支持
-					</div>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-</template>
-<script>
-import LoginBox from '../../components/auth/LoginBox.vue';
-import { Progress } from 'jingrow-ui';
-
-export default {
-	name: 'SignupLoginToSite',
-	props: ['productId'],
-	components: {
-		LoginBox,
-		Progress,
-	},
-	data() {
-		return {
-			product_trial_request: this.$route.query.product_trial_request,
-			progressCount: 0,
-			currentBuildStep: '准备构建',
-		};
-	},
-	resources: {
-		saasProduct() {
-			return {
-				type: 'document',
-				pagetype: 'Product Trial',
-				name: this.productId,
-				auto: true,
-			};
-		},
-		siteRequest() {
-			return {
-				type: 'document',
-				pagetype: 'Product Trial Request',
-				name: this.product_trial_request,
-				realtime: true,
-				auto: true,
-				onSuccess(pg) {
-					if (
-						pg.status == 'Wait for Site' ||
-						pg.status == 'Completing Setup Wizard' ||
-						pg.status == 'Adding Domain'
-					) {
-						this.$resources.siteRequest.getProgress.reload();
-					}
-				},
-				whitelistedMethods: {
-					getProgress: {
-						method: 'get_progress',
-						makeParams() {
-							return {
-								current_progress:
-									this.$resources.siteRequest.getProgress.data?.progress || 0,
-							};
-						},
-						onSuccess: (data) => {
-							this.currentBuildStep =
-								data.current_step || this.currentBuildStep;
-							this.progressCount += 1;
-
-							if (
-								!(
-									this.$resources.siteRequest.getProgress.error &&
-									this.progressCount <= 10
-								)
-							) {
-								this.progressCount = Math.round(data.progress * 10) / 10;
-								setTimeout(() => {
-									this.$resources.siteRequest.getProgress.reload();
-								}, 2000);
-							}
-						},
-					},
-					getLoginSid: {
-						method: 'get_login_sid',
-						onSuccess(data) {
-							const sid = data;
-							const redirectRoute =
-								this.$resources?.saasProduct?.pg?.redirect_to_after_login ??
-								'/desk';
-							const loginURL = `https://${this.$resources.siteRequest.pg.domain}${redirectRoute}?sid=${sid}`;
-							window.open(loginURL, '_blank');
-						},
-					},
-				},
-			};
-		},
-	},
-	computed: {
-		saasProduct() {
-			return this.$resources.saasProduct.pg;
-		},
-	},
-	methods: {
-		loginToSite() {
-			this.$resources.siteRequest.getLoginSid.submit();
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/OAuthSetupAccount.vue b/dashboard_backup/src2/pages/saas/OAuthSetupAccount.vue
deleted file mode 100644
index 20a5d52..0000000
--- a/dashboard_backup/src2/pages/saas/OAuthSetupAccount.vue
+++ /dev/null
@@ -1,153 +0,0 @@
-<template>
-	<div
-		class="flex h-screen w-screen items-center justify-center"
-		v-if="$resources.signupSettings.loading"
-	>
-		<Spinner class="mr-2 w-4" />
-		<p class="text-gray-800">加载中</p>
-	</div>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50" v-else>
-		<div class="w-full overflow-auto">
-			<LoginBox
-				title="几分钟内快速上手"
-				subtitle="14天免费试用，无需信用卡。"
-				:class="{ 'pointer-events-none': $resources.setupAccount?.loading }"
-				:logo="saasProduct?.logo"
-			>
-				<template v-slot:default>
-					<form
-						class="flex flex-col"
-						@submit.prevent="this.$resources.setupAccount.submit()"
-					>
-						<!-- 字段 -->
-						<FormControl
-							label="邮箱"
-							type="email"
-							placeholder="email@example.com"
-							variant="outline"
-							autocomplete="email"
-							v-model="email"
-							required
-							disabled
-						/>
-						<FormControl
-							class="mt-5"
-							label="国家"
-							type="select"
-							placeholder="选择您的国家"
-							autocomplete="country"
-							variant="outline"
-							:options="countries"
-							v-model="country"
-							required
-						/>
-						<div class="mt-5 text-base">
-							<label class="leading-6 tracking-normal">
-								<FormControl
-									type="checkbox"
-									v-model="terms_accepted"
-									class="mr-0.5 py-1 align-baseline"
-								/>
-								我同意 Jingrow&nbsp;
-								<Link href="https://jingrow.com/terms" target="_blank">
-									服务条款 </Link
-								>,&nbsp;
-								<Link href="https://jingrow.com/privacy" target="_blank">
-									隐私政策
-								</Link>
-								&nbsp;和&nbsp;
-								<Link
-									href="https://jingrow.com/cookie-policy"
-									target="_blank"
-								>
-									Cookie 政策
-								</Link>
-							</label>
-						</div>
-						<!-- 错误信息 -->
-						<ErrorMessage
-							class="mt-2"
-							:message="this.$resources?.setupAccount?.error"
-						/>
-						<!-- 按钮 -->
-						<div class="mt-8 flex flex-col items-center gap-3">
-							<Button
-								:loading="$resources.setupAccount?.loading || isRedirecting"
-								variant="solid"
-								class="w-full font-medium"
-								type="submit"
-							>
-								创建账户
-							</Button>
-						</div>
-					</form>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-</template>
-<script>
-import { Spinner } from 'jingrow-ui';
-import LoginBox from '../../components/auth/SaaSLoginBox.vue';
-
-export default {
-	name: 'SaaSSignupOAuthSetupAccount',
-	props: ['productId'],
-	components: {
-		LoginBox,
-		Spinner
-	},
-	data() {
-		return {
-			key: this.$route.query.key,
-			email: this.$route.query.email,
-			country: null,
-			terms_accepted: false,
-			isRedirecting: false
-		};
-	},
-	resources: {
-		setupAccount() {
-			return {
-				url: 'jcloud.api.product_trial.setup_account',
-				makeParams() {
-					return {
-						key: this.key,
-						country: this.country
-					};
-				},
-				onSuccess: data => {
-					this.isRedirecting = true;
-					window.location.href = data?.location;
-				}
-			};
-		},
-		signupSettings() {
-			return {
-				url: 'jcloud.api.account.signup_settings',
-				params: {
-					product: this.productId,
-					fetch_countries: true,
-					timezone: window.Intl
-						? Intl.DateTimeFormat().resolvedOptions().timeZone
-						: null
-				},
-				auto: true,
-				onSuccess(res) {
-					if (res && res.country) {
-						this.country = res.country;
-					}
-				}
-			};
-		}
-	},
-	computed: {
-		saasProduct() {
-			return this.$resources.signupSettings.data?.product_trial;
-		},
-		countries() {
-			return this.$resources.signupSettings.data?.countries || [];
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/SetupSite.vue b/dashboard_backup/src2/pages/saas/SetupSite.vue
deleted file mode 100644
index 2144883..0000000
--- a/dashboard_backup/src2/pages/saas/SetupSite.vue
+++ /dev/null
@@ -1,285 +0,0 @@
-<template>
-	<div
-		class="flex h-screen w-screen items-center justify-center"
-		v-if="$resources.saasProduct.loading"
-	>
-		<Spinner class="mr-2 w-4" />
-		<p class="text-gray-800">加载中</p>
-	</div>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50" v-else>
-		<div class="w-full overflow-auto">
-			<LoginBox
-				v-if="saasProduct"
-				title="让我们设置您的站点"
-				:logo="saasProduct?.logo"
-			>
-				<template v-slot:logo v-if="saasProduct">
-					<div class="mx-auto flex items-center space-x-2">
-						<img
-							class="inline-block h-7 w-7 rounded-sm"
-							:src="saasProduct?.logo"
-						/>
-						<span
-							class="select-none text-xl font-semibold tracking-tight text-gray-900"
-						>
-							{{ saasProduct?.title }}
-						</span>
-					</div>
-				</template>
-				<template v-slot:default>
-					<form class="w-full space-y-4" @submit.prevent="createSite">
-						<div class="w-full space-y-1.5">
-							<label class="block text-xs text-ink-gray-5">
-								输入您站点的子域名
-							</label>
-							<div class="col-span-2 flex w-full">
-								<input
-									class="dark:[color-scheme:dark] z-10 h-7 w-full rounded rounded-r-none border border-outline-gray-2 bg-surface-white py-1.5 pl-2 pr-2 text-base text-ink-gray-8 placeholder-ink-gray-4 transition-colors hover:border-outline-gray-3 hover:shadow-sm focus:border-outline-gray-4 focus:bg-surface-white focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3"
-									:placeholder="`${saasProduct.name}-site`"
-									v-model="subdomain"
-								/>
-								<div
-									class="flex items-center rounded-r bg-gray-100 px-2 text-base"
-								>
-									.{{ saasProduct.domain }}
-								</div>
-							</div>
-							<div class="mt-1">
-								<div
-									v-if="$resources.subdomainExists.loading"
-									class="text-sm text-gray-600"
-								>
-									检查中...
-								</div>
-								<template
-									v-else-if="
-										!$resources.subdomainExists.error &&
-										$resources.subdomainExists.data != null
-									"
-								>
-									<div
-										v-if="$resources.subdomainExists.data"
-										class="text-sm text-green-600"
-									>
-										{{ subdomain }}.{{ saasProduct.domain }} 可用
-									</div>
-									<div v-else class="text-sm text-red-600">
-										{{ subdomain }}.{{ saasProduct.domain }} 不可用
-									</div>
-								</template>
-								<ErrorMessage :message="$resources.subdomainExists.error" />
-							</div>
-						</div>
-						<FormControl
-							label="电子邮件地址（将作为您的登录ID）"
-							:modelValue="$team.pg.user"
-							:disabled="true"
-							variant="outline"
-							class="mb-4"
-						/>
-						<SaaSSignupFields
-							v-if="saasProductSignupFields.length > 0"
-							:fields="saasProductSignupFields"
-							v-model="signupValues"
-						></SaaSSignupFields>
-						<ErrorMessage
-							class="mt-2"
-							:message="$resources.createSite?.error"
-						/>
-						<Button
-							class="mt-8 w-full"
-							variant="solid"
-							type="submit"
-							:loading="findingClosestServer || $resources.createSite?.loading"
-							loadingText="提交中..."
-						>
-							下一步
-						</Button>
-					</form>
-				</template>
-				<template v-slot:footer>
-					<div
-						class="mt-2 flex w-full items-center justify-center text-sm text-gray-600"
-					>
-						由 今果 Jingrow 提供支持
-					</div>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-</template>
-<script>
-import { toast } from 'vue-sonner';
-import { debounce } from 'jingrow-ui';
-import LoginBox from '../../components/auth/LoginBox.vue';
-import SaaSSignupFields from '../../components/SaaSSignupFields.vue';
-import { validateSubdomain } from '../../utils/site';
-
-export default {
-	name: 'SignupSetup',
-	props: ['productId'],
-components: {
-		LoginBox,
-		SaaSSignupFields,
-	},
-	data() {
-		return {
-			progressErrorCount: 0,
-			findingClosestServer: false,
-			closestCluster: null,
-			signupValues: {},
-			initialSubdomain: '',
-			subdomain: '',
-		};
-	},
-	watch: {
-		subdomain: {
-			handler: debounce(function (value) {
-				let invalidMessage = validateSubdomain(value);
-				this.$resources.subdomainExists.error = invalidMessage;
-				if (!invalidMessage && value !== this.initialSubdomain) {
-					this.$resources.subdomainExists.submit();
-				}
-			}, 500),
-		},
-	},
-	resources: {
-		siteRequest() {
-			return {
-				url: 'jcloud.api.product_trial.get_request',
-				params: {
-					product: this.productId,
-					account_request: this.$team.pg.account_request,
-				},
-				auto: true,
-				initialData: {},
-				onSuccess: (data) => {
-					if (data?.status !== 'Pending') {
-						this.$router.push({
-							name: 'SignupLoginToSite',
-							params: { productId: this.productId },
-							query: {
-								product_trial_request: data.name,
-							},
-						});
-					}
-				},
-				onError(error) {
-					toast.error(error.messages.join('\n'));
-				},
-			};
-		},
-		saasProduct() {
-			return {
-				type: 'document',
-				pagetype: 'Product Trial',
-				name: this.productId,
-				auto: true,
-				onSuccess: (pg) => {
-					if (pg.site) {
-						this.subdomain = pg.site.split('.')[0];
-						this.initialSubdomain = pg.site.split('.')[0];
-					}
-				},
-			};
-		},
-		subdomainExists() {
-			return {
-				url: 'jcloud.api.site.exists',
-				makeParams() {
-					return {
-						domain: this.saasProduct?.domain,
-						subdomain: this.subdomain,
-					};
-				},
-				validate() {
-					let error = validateSubdomain(this.subdomain);
-					if (error) {
-						return new DashboardError(error);
-					}
-				},
-				transform(data) {
-					return !Boolean(data);
-				},
-			};
-		},
-		createSite() {
-			return {
-				url: 'jcloud.api.client.run_pg_method',
-				makeParams: () => {
-					return {
-						dt: 'Product Trial Request',
-						dn: this.$resources.siteRequest.data.name,
-						method: 'create_site',
-						args: {
-							subdomain: this.subdomain,
-							cluster: this.closestCluster ?? 'Default',
-							signup_values: this.signupValues,
-						},
-					};
-				},
-				auto: false,
-				onSuccess: (data) => {
-					this.$router.push({
-						name: 'SignupLoginToSite',
-						params: { productId: this.productId },
-						query: {
-							product_trial_request: this.$resources.siteRequest.data.name,
-						},
-					});
-				},
-			};
-		},
-	},
-	computed: {
-		saasProduct() {
-			return this.$resources.saasProduct.pg;
-		},
-		saasProductSignupFields() {
-			return this.saasProduct?.signup_fields ?? [];
-		},
-	},
-	methods: {
-		async createSite() {
-			await this.getClosestCluster();
-			return this.$resources.createSite.submit();
-		},
-		async getClosestCluster() {
-			if (this.closestCluster) return this.closestCluster;
-			let proxyServers = Object.keys(this.saasProduct.proxy_servers);
-			if (proxyServers.length > 0) {
-				this.findingClosestServer = true;
-				let promises = proxyServers.map((server) => this.getPingTime(server));
-				let results = await Promise.allSettled(promises);
-				let fastestServer = results.reduce((a, b) =>
-					a.value.pingTime < b.value.pingTime ? a : b,
-				);
-				let closestServer = fastestServer.value.server;
-				let closestCluster = this.saasProduct.proxy_servers[closestServer];
-				if (!this.closestCluster) {
-					this.closestCluster = closestCluster;
-				}
-				this.findingClosestServer = false;
-			}
-			return this.closestCluster;
-		},
-		async getPingTime(server) {
-			let pingTime = 999999;
-			try {
-				let t1 = new Date().getTime();
-				await fetch(`https://${server}`);
-				let t2 = new Date().getTime();
-				pingTime = t2 - t1;
-			} catch (error) {
-				console.warn(error);
-			}
-			return { server, pingTime };
-		},
-		redirectToLogin() {
-			this.$router.push({
-name: '登录',
-			});
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/Signup.vue b/dashboard_backup/src2/pages/saas/Signup.vue
deleted file mode 100644
index 36693ed..0000000
--- a/dashboard_backup/src2/pages/saas/Signup.vue
+++ /dev/null
@@ -1,232 +0,0 @@
-<template>
-	<div
-		class="flex h-screen w-screen items-center justify-center"
-		v-if="$resources.signupSettings.loading"
-	>
-		<Spinner class="mr-2 w-4" />
-		<p class="text-gray-800">加载中</p>
-	</div>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50" v-else>
-		<div class="w-full overflow-auto">
-			<LoginBox
-				title="几分钟内开始使用"
-				subtitle="14天免费试用，无需信用卡。"
-				:class="{ 'pointer-events-none': $resources.signup?.loading }"
-				:logo="saasProduct?.logo"
-			>
-				<template v-slot:default>
-					<form
-						class="flex flex-col"
-						@submit.prevent="this.$resources.signup.submit()"
-					>
-						<!-- 字段 -->
-						<FormControl
-							label="国家"
-							type="select"
-							placeholder="选择您的国家"
-							autocomplete="country"
-							variant="outline"
-							:options="countries"
-							v-model="country"
-							required
-						/>
-						<div class="mt-5 flex flex-row gap-5">
-							<FormControl
-								label="名字"
-								type="text"
-								placeholder="John"
-								variant="outline"
-								v-model="first_name"
-								required
-							/>
-							<FormControl
-								label="姓氏"
-								type="text"
-								placeholder="Doe"
-								variant="outline"
-								v-model="last_name"
-								required
-							/>
-						</div>
-						<FormControl
-							class="mt-5"
-							label="邮箱"
-							type="email"
-							placeholder="email@example.com"
-							variant="outline"
-							autocomplete="email"
-							v-model="email"
-							required
-						/>
-						<div class="mt-5 text-base">
-							<label class="leading-6 tracking-normal">
-								<FormControl
-									type="checkbox"
-									v-model="terms_accepted"
-									class="mr-0.5 py-1 align-baseline"
-								/>
-								我同意 Jingrow&nbsp;
-								<Link href="https://jingrow.com/terms" target="_blank">
-									服务条款 </Link
-								>,&nbsp;
-								<Link href="https://jingrow.com/privacy" target="_blank">
-									隐私政策
-								</Link>
-								&nbsp;和&nbsp;
-								<Link
-									href="https://jingrow.com/cookie-policy"
-									target="_blank"
-								>
-									Cookie 政策
-								</Link>
-							</label>
-						</div>
-						<!-- 错误信息 -->
-						<ErrorMessage
-							class="mt-2"
-							:message="this.$resources?.signup?.error"
-						/>
-						<!-- 按钮 -->
-						<div class="mt-8 flex flex-col items-center gap-3">
-							<Button
-								:loading="$resources.signup?.loading"
-								variant="solid"
-								class="w-full font-medium"
-								type="submit"
-							>
-								创建账户
-							</Button>
-							<p v-if="isGoogleOAuthEnabled">或</p>
-							<Button
-								v-if="isGoogleOAuthEnabled"
-								:loading="$resources.signupWithOAuth?.loading"
-								@click="$resources.signupWithOAuth.submit()"
-								variant="subtle"
-								class="w-full font-medium"
-								type="button"
-							>
-								<div class="flex flex-row items-center gap-1">
-									<GoogleIconSolid class="w-4" />
-									使用 Google 注册
-								</div>
-							</Button>
-						</div>
-					</form>
-					<div class="mt-6 text-center">
-						<router-link
-							class="text-center text-base font-medium text-gray-900 hover:text-gray-700"
-							:to="{
-								name: 'SaaSLogin',
-								params: $route.params,
-							}"
-						>
-							已有账户？登录。
-						</router-link>
-					</div>
-				</template>
-			</LoginBox>
-		</div>
-	</div>
-</template>
-<script>
-import { Spinner } from 'jingrow-ui';
-import LoginBox from '../../components/auth/SaaSLoginBox.vue';
-import GoogleIconSolid from '@/components/icons/GoogleIconSolid.vue';
-
-export default {
-	name: 'SaaSSignup',
-	props: ['productId'],
-	components: {
-		LoginBox,
-		Spinner,
-		GoogleIconSolid,
-	},
-	data() {
-		return {
-			email: '',
-			first_name: '',
-			last_name: '',
-			country: null,
-			terms_accepted: false,
-		};
-	},
-	computed: {
-		saasProduct() {
-return this.$resources.signupSettings.data?.product_trial;
-		},
-		countries() {
-			return this.$resources.signupSettings.data?.countries || [];
-		},
-		isGoogleOAuthEnabled() {
-			return this.$resources.signupSettings.data?.enable_google_oauth || false;
-		},
-	},
-	resources: {
-		signup() {
-			return {
-				url: 'jcloud.api.product_trial.signup',
-				params: {
-					email: this.email,
-					first_name: this.first_name,
-					last_name: this.last_name,
-					country: this.country,
-					product: this.productId,
-					referrer: this.getReferrerIfAny(),
-					terms_accepted: this.terms_accepted,
-				},
-				validate() {
-					if (!this.terms_accepted) {
-						throw new Error('请接受服务条款');
-					}
-				},
-				onSuccess(account_request) {
-					this.$router.push({
-						name: 'SaaSSignupVerifyEmail',
-						query: {
-							email: this.email,
-							account_request: account_request,
-						},
-					});
-				},
-			};
-		},
-		signupSettings() {
-			return {
-				url: 'jcloud.api.account.signup_settings',
-				params: {
-					product: this.productId,
-					fetch_countries: true,
-					timezone: window.Intl
-						? Intl.DateTimeFormat().resolvedOptions().timeZone
-						: null,
-				},
-				auto: true,
-				onSuccess(res) {
-					if (res && res.country) {
-						this.country = res.country;
-					}
-				},
-			};
-		},
-		signupWithOAuth() {
-			return {
-				url: 'jcloud.api.google.login',
-				params: {
-					product: this.productId,
-				},
-				auto: false,
-				onSuccess(url) {
-					window.location.href = url;
-				},
-			};
-		},
-	},
-	methods: {
-		getReferrerIfAny() {
-			const params = location.search;
-			const searchParams = new URLSearchParams(params);
-			return searchParams.get('referrer');
-		},
-	},
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/pages/saas/VerifyEmail.vue b/dashboard_backup/src2/pages/saas/VerifyEmail.vue
deleted file mode 100644
index 4ca8937..0000000
--- a/dashboard_backup/src2/pages/saas/VerifyEmail.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-<template>
-	<div
-		class="flex h-screen w-screen items-center justify-center"
-		v-if="$resources.signupSettings.loading"
-	>
-		<Spinner class="mr-2 w-4" />
-		<p class="text-gray-800">加载中</p>
-	</div>
-	<div class="flex h-screen overflow-hidden sm:bg-gray-50" v-else>
-		<div class="w-full overflow-auto">
-			<SaaSLoginBox
-				title="验证您的邮箱"
-				:subtitle="[
-					`我们已向 ${email} 发送了一封邮件`,
-					'请检查您的收件箱以获取后续步骤'
-				]"
-				:logo="saasProduct?.logo"
-			>
-				<template v-slot:default>
-					<form
-						class="flex flex-col"
-						@submit.prevent="$resources.verifyCode.submit"
-					>
-						<FormControl
-							label="验证码"
-							type="text"
-							variant="outline"
-							placeholder="5位验证码"
-							maxlength="5"
-							v-model="code"
-							required
-						/>
-						<ErrorMessage class="mt-2" :message="$resources.verifyCode.error" />
-						<Button
-							class="mt-8"
-							variant="solid"
-							:loading="
-								$resources.verifyCode?.loading ||
-								$resources.setupAccount?.loading
-							"
-							loading-text="验证中..."
-							type="submit"
-						>
-							验证
-						</Button>
-						<Button
-							class="mt-2"
-							variant="outline"
-							type="button"
-							loading-text="重新发送邮件中..."
-							:loading="$resources.resendOTP?.loading"
-							@click="$resources.resendOTP.submit()"
-						>
-							未收到邮件？重新发送
-						</Button>
-					</form>
-				</template>
-			</SaaSLoginBox>
-		</div>
-	</div>
-</template>
-<script>
-import { toast } from 'vue-sonner';
-import SaaSLoginBox from '../../components/auth/SaaSLoginBox.vue';
-
-export default {
-	name: 'SaaSSignupVerifyEmail',
-	props: ['productId'],
-	components: {
-		SaaSLoginBox
-	},
-	data() {
-		return {
-			account_request: this.$route.query.account_request,
-			email: this.$route.query.email,
-			code: '',
-			requestKey: ''
-		};
-	},
-	resources: {
-		signupSettings() {
-			return {
-				url: 'jcloud.api.account.signup_settings',
-				params: {
-					product: this.productId,
-					fetch_countries: false
-				},
-				auto: true
-			};
-		},
-		verifyCode() {
-			return {
-				url: 'jcloud.api.account.verify_otp',
-				params: {
-					account_request: this.account_request,
-					otp: this.code
-				},
-				onSuccess: key => {
-					this.requestKey = key;
-					this.$resources.setupAccount.submit();
-				}
-			};
-		},
-		resendOTP() {
-			return {
-				url: 'jcloud.api.account.resend_otp',
-				params: {
-					account_request: this.account_request
-				},
-				onSuccess() {
-					this.otp = '';
-					toast.success('已重新发送验证码到您的邮箱');
-				},
-				onerror() {
-					toast.error('重新发送验证码失败');
-				}
-			};
-		},
-		setupAccount() {
-			return {
-				url: 'jcloud.api.product_trial.setup_account',
-				makeParams() {
-					return {
-						key: this.requestKey
-					};
-				},
-				onSuccess: data => {
-					window.location.href = data?.location;
-				}
-			};
-		}
-	},
-	computed: {
-		saasProduct() {
-			return this.$resources.signupSettings.data?.product_trial;
-		}
-	}
-};
-</script>
\ No newline at end of file
diff --git a/dashboard_backup/src2/router.js b/dashboard_backup/src2/router.js
deleted file mode 100644
index 03fce2d..0000000
--- a/dashboard_backup/src2/router.js
+++ /dev/null
@@ -1,445 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router';
-import { getTeam } from './data/team';
-import generateRoutes from './objects/generateRoutes';
-
-let router = createRouter({
-	history: createWebHistory('/dashboard/'),
-	routes: [
-		{
-			path: '/',
-			name: 'Home',
-			component: () => import('./pages/Home.vue'),
-			beforeEnter: (to, from, next) => {
-				next({
-					name: 'Welcome',
-					query: {
-						is_redirect: true,
-					},
-				});
-			},
-		},
-		{
-			path: '/welcome',
-			name: 'Welcome',
-			component: () => import('./pages/Welcome.vue'),
-			meta: { hideSidebar: true },
-		},
-		{
-			path: '/login',
-			name: 'Login',
-			component: () => import('./pages/LoginSignup.vue'),
-			meta: { isLoginPage: true },
-		},
-		{
-			path: '/signup',
-			name: 'Signup',
-			component: () => import('./pages/LoginSignup.vue'),
-			meta: { isLoginPage: true },
-		},
-		{
-			path: '/site-login',
-			name: 'Site Login',
-			component: () => import('./pages/SiteLogin.vue'),
-			meta: { hideSidebar: true },
-		},
-		{
-			path: '/setup-account/:requestKey/:joinRequest?',
-			name: 'Setup Account',
-			component: () => import('./pages/SetupAccount.vue'),
-			props: true,
-			meta: { isLoginPage: true },
-		},
-		{
-			path: '/reset-password/:requestKey',
-			name: 'Reset Password',
-			component: () => import('./pages/ResetPassword.vue'),
-			props: true,
-			meta: { isLoginPage: true },
-		},
-		{
-			path: '/checkout/:secretKey',
-			name: 'Checkout',
-			component: () => import('../src/views/checkout/Checkout.vue'),
-			props: true,
-			meta: {
-				isLoginPage: true,
-			},
-		},
-		{
-			path: '/subscription/:site?',
-			name: 'Subscription',
-			component: () => import('../src/views/checkout/Subscription.vue'),
-			props: true,
-			meta: {
-				hideSidebar: true,
-			},
-		},
-		{
-			name: 'Enable2FA',
-			path: '/enable-2fa',
-			component: () => import('./pages/Enable2FA.vue'),
-			props: true,
-			meta: {
-				hideSidebar: true,
-			},
-		},
-		{
-			name: 'New Site',
-			path: '/sites/new',
-			component: () => import('./pages/NewSite.vue'),
-		},
-		{
-			name: 'Release Group New Site',
-			path: '/groups/:bench/sites/new',
-			component: () => import('./pages/NewSite.vue'),
-			props: true,
-		},
-		{
-			name: 'New Release Group',
-			path: '/groups/new',
-			component: () => import('./pages/NewReleaseGroup.vue'),
-		},
-		{
-			name: 'Server New Release Group',
-			path: '/servers/:server/groups/new',
-			component: () => import('./pages/NewReleaseGroup.vue'),
-			props: true,
-		},
-		{
-			name: 'New Server',
-			path: '/servers/new',
-			component: () => import('./pages/NewServer.vue'),
-		},
-		{
-			name: 'Jsite Servers',
-			path: '/jsite-servers',
-			component: () => import('./pages/ListPage.vue'),
-			props: route => {
-				return { objectType: 'Jsite Server', ...route.params };
-			}
-		},
-		{
-			name: 'New Jsite Server',
-			path: '/jsite-servers/new',
-			component: () => import('./pages/NewJsiteServer.vue'),
-		},
-		{
-			name: 'Jsite Server Detail',
-			path: '/jsite-servers/:name',
-			component: () => import('./pages/DetailPage.vue'),
-			props: route => {
-				return { objectType: 'Jsite Server', ...route.params };
-			}
-		},
-		{
-			name: 'Jsite Domain List',
-			path: '/domains',
-			component: () => import('./pages/ListPage.vue'),
-			props: route => {
-				return { objectType: 'Jsite Domain', ...route.params };
-			}
-		},
-		{
-			name: 'New Jsite Domain',
-			path: '/domains/new',
-			component: () => import('./pages/NewJsiteDomain.vue'),
-		},
-		{
-			name: 'Jsite Domain Detail',
-			path: '/domains/:name',
-			component: () => import('./pages/DetailPage.vue'),
-			props: route => {
-				return { objectType: 'Jsite Domain', ...route.params };
-			}
-		},
-		{
-			name: 'Billing',
-			path: '/billing',
-			component: () => import('./pages/Billing.vue'),
-			children: [
-				{
-					name: 'BillingOverview',
-					path: '',
-					component: () => import('./pages/BillingOverview.vue'),
-				},
-				{
-					name: 'BillingInvoices',
-					path: 'invoices',
-					component: () => import('./pages/BillingInvoices.vue'),
-				},
-				{
-					name: 'BillingOrders',
-					path: 'orders',
-					component: () => import('./pages/BillingOrders.vue'),
-				},
-				{
-					name: 'BillingBalances',
-					path: 'balances',
-					component: () => import('./pages/BillingBalances.vue'),
-				},
-				{
-					name: 'BillingPaymentMethods',
-					path: 'payment-methods',
-					component: () => import('./pages/BillingPaymentMethods.vue'),
-				},
-				{
-					name: 'BillingMarketplacePayouts',
-					path: 'payouts',
-					component: () => import('./pages/BillingMarketplacePayouts.vue'),
-				},
-				{
-					name: 'BillingMpesaInvoices',
-					path: 'mpesa-invoices',
-					component: () => import('./pages/BillingMpesaInvoices.vue'),
-				},
-			],
-		},
-		{
-			path: '/settings',
-			name: 'Settings',
-			redirect: { name: 'SettingsProfile' },
-			component: () => import('./pages/Settings.vue'),
-			children: [
-				{
-					name: 'SettingsProfile',
-					path: 'profile',
-					component: () =>
-						import('./components/settings/profile/ProfileSettings.vue'),
-				},
-				{
-					name: 'SettingsTeam',
-					path: 'team',
-					component: () => import('./components/settings/TeamSettings.vue'),
-				},
-				{
-					name: 'SettingsDeveloper',
-					path: 'developer',
-					component: () =>
-						import('./components/settings/DeveloperSettings.vue'),
-				},
-				{
-					name: 'SettingsPermission',
-					path: 'permissions',
-					component: () =>
-						import('./components/settings/SettingsPermissions.vue'),
-					redirect: { name: 'SettingsPermissionRoles' },
-					children: [
-						{
-							path: 'roles',
-							name: 'SettingsPermissionRoles',
-							component: () => import('./components/settings/RoleList.vue'),
-						},
-						{
-							name: 'SettingsPermissionRolePermissions',
-							path: 'roles/:roleId',
-							component: () =>
-								import('./components/settings/RolePermissions.vue'),
-							props: true,
-						},
-					],
-				},
-			],
-		},
-		{
-			name: 'Partner Portal',
-			path: '/partners',
-			redirect: { name: 'PartnerOverview' },
-			component: () => import('./pages/Partners.vue'),
-			children: [
-				{
-					name: 'PartnerOverview',
-					path: 'overview',
-					component: () => import('./components/partners/PartnerOverview.vue'),
-				},
-				{
-					name: 'PartnerCustomers',
-					path: 'customers',
-					component: () => import('./components/partners/PartnerCustomers.vue'),
-				},
-				{
-					name: 'PartnerApprovalRequests',
-					path: 'approval-requests',
-					component: () =>
-						import('./components/partners/PartnerApprovalRequests.vue'),
-				},
-				{
-					name: 'LocalPaymentSetup',
-					path: 'local-payment-setup',
-					component: () =>
-						import('./components/partners/PartnerLocalPaymentSetup.vue'),
-				},
-			],
-		},
-		{
-			name: 'Signup Create Site',
-			path: '/create-site',
-			redirect: { name: 'Home' },
-			children: [
-				{
-					name: 'SignupAppSelector',
-					path: 'app-selector',
-					component: () => import('./pages/saas/AppSelector.vue'),
-					meta: { hideSidebar: true },
-				},
-				{
-					name: 'SignupSetup',
-					path: ':productId/setup',
-					component: () => import('./pages/saas/SetupSite.vue'),
-					props: true,
-					meta: { hideSidebar: true },
-				},
-				{
-					name: 'SignupLoginToSite',
-					path: ':productId/login-to-site',
-					component: () => import('./pages/saas/LoginToSite.vue'),
-					props: true,
-					meta: { hideSidebar: true },
-				},
-			],
-		},
-		{
-			name: 'Impersonate',
-			path: '/impersonate/:teamId',
-			component: () => import('./pages/Impersonate.vue'),
-			props: true,
-		},
-		{
-			name: 'InstallApp',
-			path: '/install-app/:app',
-			component: () => import('./pages/InstallApp.vue'),
-			props: true,
-		},
-		{
-			name: 'CreateSiteForMarketplaceApp',
-			path: '/create-site/:app',
-			component: () => import('./pages/CreateSiteForMarketplaceApp.vue'),
-			props: true,
-		},
-		{
-			path: '/developer-reply/:marketplaceApp/:reviewId',
-			name: 'ReplyMarketplaceApp',
-			component: () =>
-				import('./components/marketplace/ReplyMarketplaceApp.vue'),
-			props: true,
-		},
-		{
-			path: '/sql-playground',
-			name: 'SQL Playground',
-			component: () =>
-				import('./pages/devtools/database/DatabaseSQLPlayground.vue'),
-		},
-		{
-			path: '/database-analyzer',
-			name: 'DB Analyzer',
-			component: () => import('./pages/devtools/database/DatabaseAnalyzer.vue'),
-		},
-		{
-			path: '/log-browser/:mode?/:docName?/:logId?',
-			name: 'Log Browser',
-			component: () => import('./pages/devtools/log-browser/LogBrowser.vue'),
-			props: true,
-		},
-		{
-			path: '/recharge',
-			name: 'RechargeCredits',
-			component: () => import('./pages/RechargeCredits.vue'),
-			meta: { 
-				requiresAuth: true 
-			},
-		},
-		...generateRoutes(),
-		{
-			path: '/:pathMatch(.*)*',
-			name: '404',
-			component: () => import('../src/views/general/404.vue'),
-		},
-	],
-});
-
-router.beforeEach(async (to, from, next) => {
-	let isLoggedIn =
-		document.cookie.includes('user_id') &&
-		!document.cookie.includes('user_id=Guest');
-	let goingToLoginPage = to.matched.some((record) => record.meta.isLoginPage);
-
-	if (isLoggedIn) {
-		await waitUntilTeamLoaded();
-		let $team = getTeam();
-		let onboardingComplete = $team.pg.onboarding.complete;
-		let defaultRoute = 'Site List';
-		let onboardingRoute = 'Welcome';
-
-		// identify user in posthog
-		if (window.posthog?.__loaded) {
-			try {
-				window.posthog.identify($team.pg.user, {
-					app: 'jingrow_cloud',
-				});
-			} catch (e) {
-				console.error(e);
-			}
-		}
-
-		// if team owner/admin enforce 2fa and user has not enabled 2fa, redirect to enable 2fa
-		const Enable2FARoute = 'Enable2FA';
-		if (
-			to.name !== Enable2FARoute &&
-			!$team.pg.is_desk_user &&
-			$team.pg.enforce_2fa &&
-			!$team.pg.user_info.is_2fa_enabled
-		) {
-			next({ name: Enable2FARoute });
-			return;
-		}
-
-		// if team owner/admin doesn't enforce 2fa don't allow user to visit Enable2FA route
-		if (to.name === Enable2FARoute && !$team.pg.enforce_2fa) {
-			next({ name: defaultRoute });
-			return;
-		}
-
-		if (
-			!onboardingComplete &&
-			(to.name.startsWith('Release Group') || to.name.startsWith('Server'))
-		) {
-			next({ name: onboardingRoute });
-			return;
-		}
-
-		if (goingToLoginPage) {
-			if (to.name == 'Signup' && to.query?.product) {
-				next({
-					name: 'SignupSetup',
-					params: { productId: to.query.product },
-				});
-			}
-			next({ name: defaultRoute });
-		} else {
-			next();
-		}
-	} else {
-		if (goingToLoginPage) {
-			next();
-		} else {
-			if (to.name == 'Site Login') {
-				next();
-			} else {
-				next({ name: 'Login', query: { redirect: to.href } });
-			}
-		}
-	}
-});
-
-function waitUntilTeamLoaded() {
-	return new Promise((resolve) => {
-		let interval = setInterval(() => {
-			let team = getTeam();
-			if (team?.pg) {
-				clearInterval(interval);
-				resolve();
-			}
-		}, 100);
-	});
-}
-
-export default router;
diff --git a/dashboard_backup/src2/socket.js b/dashboard_backup/src2/socket.js
deleted file mode 100644
index 27fb4f7..0000000
--- a/dashboard_backup/src2/socket.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { io } from 'socket.io-client';
-import { socketio_port } from '../../../../sites/common_site_config.json';
-import { getCachedResource, getCachedListResource } from 'jingrow-ui';
-
-export function initSocket() {
-	let host = window.location.hostname;
-	let siteName = window.site_name;
-	let port = window.location.port ? `:${socketio_port}` : '';
-	let protocol = port ? 'http' : 'https';
-	let url = `${protocol}://${host}${port}/${siteName}`;
-
-	let socket = io(url, {
-		withCredentials: true,
-		reconnectionAttempts: 5
-	});
-
-	socket.on('refetch_resource', data => {
-		if (data.cache_key) {
-			let resource =
-				getCachedResource(data.cache_key) ||
-				getCachedListResource(data.cache_key);
-			if (resource) {
-				resource.reload();
-			}
-		}
-	});
-	return socket;
-}
diff --git a/dashboard_backup/src2/types.ts b/dashboard_backup/src2/types.ts
deleted file mode 100644
index 3860914..0000000
--- a/dashboard_backup/src2/types.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type Platform = 'win' | 'mac' | 'linux' | 'unknown';
diff --git a/dashboard_backup/src2/utils/agentJob.js b/dashboard_backup/src2/utils/agentJob.js
deleted file mode 100644
index 2ad935a..0000000
--- a/dashboard_backup/src2/utils/agentJob.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import { jingrowRequest } from 'jingrow-ui';
-import { reactive } from 'vue';
-
-let states = {};
-export function pollJobStatus(jobId, stopFunction) {
-	if (!states[jobId]) {
-		states[jobId] = reactive({ status: null, loading: false });
-	}
-	let state = states[jobId];
-	state.loading = true;
-	fetchJobStatus(jobId).then(status => {
-		state.status = status;
-	});
-	if (stopFunction(state.status)) {
-		state.loading = false;
-		return;
-	}
-	setTimeout(() => {
-		pollJobStatus(jobId, stopFunction);
-	}, 1000);
-	return state;
-}
-
-function fetchJobStatus(jobId) {
-	return jingrowRequest({
-		url: 'jcloud.api.site.get_job_status',
-		params: { job_name: jobId }
-	}).then(result => result.status);
-}
-
-let runningJobs = reactive({});
-export function subscribeToJobUpdates(socket) {
-	// listening to site's pg_update event
-	// check agent_job.py for more details
-	socket.on('pg_update', data => {
-		let job = runningJobs[data.id];
-		if (!job) {
-			job = data;
-			runningJobs[data.id] = job;
-		}
-		Object.assign(job, data);
-	});
-}
-
-export function getRunningJobs({ id, name, site, bench, server }) {
-	if (id) {
-		return runningJobs[id];
-	}
-	if (name) {
-		return Object.values(runningJobs).filter(job => job.name === name);
-	}
-	if (site) {
-		return Object.values(runningJobs).filter(job => job.site === site);
-	}
-	if (bench) {
-		return Object.values(runningJobs).filter(job => job.bench === bench);
-	}
-	if (server) {
-		return Object.values(runningJobs).filter(job => job.server === server);
-	}
-	return runningJobs;
-}
diff --git a/dashboard_backup/src2/utils/components.jsx b/dashboard_backup/src2/utils/components.jsx
deleted file mode 100644
index 08cca47..0000000
--- a/dashboard_backup/src2/utils/components.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { FeatherIcon } from 'jingrow-ui';
-import { h, isVNode, ref, defineAsyncComponent } from 'vue';
-import AddressableErrorDialog from '../components/AddressableErrorDialog.vue';
-import DialogWrapper from '../components/DialogWrapper.vue';
-import ConfirmDialog from '../dialogs/ConfirmDialog.vue';
-
-export function icon(name, _class = '') {
-	let iconComponent;
-	if (typeof name !== 'string' && name?.render) {
-		iconComponent = name;
-		name = undefined;
-	} else {
-		iconComponent = FeatherIcon;
-	}
-	return () => h(iconComponent, { name, class: _class || 'w-4 h-4' });
-}
-
-/**
- * 
- * @param {import('../objects/common/types').DialogConfig} param0 
- * @returns 
- */
-export function confirmDialog({
-	title = 'Untitled',
-	fields = [],
-	message,
-	primaryAction,
-	onSuccess
-}) {
-	let dialog = h(ConfirmDialog, {
-		title,
-		message,
-		fields,
-		primaryAction,
-		onSuccess
-	});
-	renderDialog(dialog);
-	return dialog;
-}
-
-export function addressableErrorDialog(name, onDone) {
-	renderDialog(
-		h(AddressableErrorDialog, {
-			name,
-			onDone
-		})
-	);
-}
-
-export const dialogs = ref([]);
-
-export function renderDialog(component) {
-	if (!isVNode(component)) {
-		component = h(component);
-	}
-	component.id = dialogs.length;
-	dialogs.value.push(component);
-}
-
-export function renderInDialog(component, options = {}) {
-	renderDialog(<DialogWrapper options={options}>{component}</DialogWrapper>);
-}
-
-export function cardBrandIcon(brand) {
-	const component = {
-		'master-card': defineAsyncComponent(() =>
-			import('@/components/icons/cards/MasterCard.vue')
-		),
-		visa: defineAsyncComponent(() =>
-			import('@/components/icons/cards/Visa.vue')
-		),
-		amex: defineAsyncComponent(() =>
-			import('@/components/icons/cards/Amex.vue')
-		),
-		jcb: defineAsyncComponent(() =>
-			import('@/components/icons/cards/JCB.vue')
-		),
-		generic: defineAsyncComponent(() =>
-			import('@/components/icons/cards/Generic.vue')
-		),
-		'union-pay': defineAsyncComponent(() =>
-			import('@/components/icons/cards/UnionPay.vue')
-		)
-	}[brand || 'generic'];
-
-	return h(component, { class: 'h-4 w-6' });
-}
\ No newline at end of file
diff --git a/dashboard_backup/src2/utils/country.ts b/dashboard_backup/src2/utils/country.ts
deleted file mode 100644
index a7aac5d..0000000
--- a/dashboard_backup/src2/utils/country.ts
+++ /dev/null
@@ -1,2867 +0,0 @@
-const countries = {
-	AD: '安道尔',
-	AE: '阿拉伯联合酋长国',
-	AF: '阿富汗',
-	AG: '安提瓜和巴布达',
-	AI: '安圭拉',
-	AL: '阿尔巴尼亚',
-	AM: '亚美尼亚',
-	AO: '安哥拉',
-	AQ: '南极洲',
-	AR: '阿根廷',
-	AS: '美属萨摩亚',
-	AT: '奥地利',
-	AU: '澳大利亚',
-	AW: '阿鲁巴',
-	AX: '奥兰群岛',
-	AZ: '阿塞拜疆',
-	BA: '波斯尼亚和黑塞哥维那',
-	BB: '巴巴多斯',
-	BD: '孟加拉国',
-	BE: '比利时',
-	BF: '布基纳法索',
-	BG: '保加利亚',
-	BH: '巴林',
-	BI: '布隆迪',
-	BJ: '贝宁',
-	BL: '圣巴泰勒米',
-	BM: '百慕大',
-	BN: '文莱',
-	BO: '玻利维亚',
-	BQ: '荷兰加勒比区',
-	BR: '巴西',
-	BS: '巴哈马',
-	BT: '不丹',
-	BV: '布韦岛',
-	BW: '博茨瓦纳',
-	BY: '白俄罗斯',
-	BZ: '伯利兹',
-	CA: '加拿大',
-	CC: '科科斯群岛',
-	CD: '刚果民主共和国',
-	CF: '中非共和国',
-	CG: '刚果共和国',
-	CH: '瑞士',
-	CI: '科特迪瓦',
-	CK: '库克群岛',
-	CL: '智利',
-	CM: '喀麦隆',
-	CN: '中国',
-	CO: '哥伦比亚',
-	CR: '哥斯达黎加',
-	CU: '古巴',
-	CV: '佛得角',
-	CW: '库拉索',
-	CX: '圣诞岛',
-	CY: '塞浦路斯',
-	CZ: '捷克',
-	DE: '德国',
-	DJ: '吉布提',
-	DK: '丹麦',
-	DM: '多米尼克',
-	DO: '多米尼加共和国',
-	DZ: '阿尔及利亚',
-	EC: '厄瓜多尔',
-	EE: '爱沙尼亚',
-	EG: '埃及',
-	EH: '西撒哈拉',
-	ER: '厄立特里亚',
-	ES: '西班牙',
-	ET: '埃塞俄比亚',
-	FI: '芬兰',
-	FJ: '斐济',
-	FK: '福克兰群岛',
-	FM: '密克罗尼西亚',
-	FO: '法罗群岛',
-	FR: '法国',
-	GA: '加蓬',
-	GB: '英国',
-	GD: '格林纳达',
-	GE: '格鲁吉亚',
-	GF: '法属圭亚那',
-	GG: '根西岛',
-	GH: '加纳',
-	GI: '直布罗陀',
-	GL: '格陵兰',
-	GM: '冈比亚',
-	GN: '几内亚',
-	GP: '瓜德罗普',
-	GQ: '赤道几内亚',
-	GR: '希腊',
-	GS: '南乔治亚和南桑威奇群岛',
-	GT: '危地马拉',
-	GU: '关岛',
-	GW: '几内亚比绍',
-	GY: '圭亚那',
-	HK: '香港',
-	HM: '赫德岛和麦克唐纳群岛',
-	HN: '洪都拉斯',
-	HR: '克罗地亚',
-	HT: '海地',
-	HU: '匈牙利',
-	ID: '印度尼西亚',
-	IE: '爱尔兰',
-	IL: '以色列',
-	IM: '马恩岛',
-	IN: '印度',
-	IO: '英属印度洋领地',
-	IQ: '伊拉克',
-	IR: '伊朗',
-	IS: '冰岛',
-	IT: '意大利',
-	JE: '泽西岛',
-	JM: '牙买加',
-	JO: '约旦',
-	JP: '日本',
-	KE: '肯尼亚',
-	KG: '吉尔吉斯斯坦',
-	KH: '柬埔寨',
-	KI: '基里巴斯',
-	KM: '科摩罗',
-	KN: '圣基茨和尼维斯',
-	KP: '朝鲜',
-	KR: '韩国',
-	KW: '科威特',
-	KY: '开曼群岛',
-	KZ: '哈萨克斯坦',
-	LA: '老挝',
-	LB: '黎巴嫩',
-	LC: '圣卢西亚',
-	LI: '列支敦士登',
-	LK: '斯里兰卡',
-	LR: '利比里亚',
-	LS: '莱索托',
-	LT: '立陶宛',
-	LU: '卢森堡',
-	LV: '拉脱维亚',
-	LY: '利比亚',
-	MA: '摩洛哥',
-	MC: '摩纳哥',
-	MD: '摩尔多瓦',
-	ME: '黑山',
-	MF: '法属圣马丁',
-	MG: '马达加斯加',
-	MH: '马绍尔群岛',
-	MK: '北马其顿',
-	ML: '马里',
-	MM: '缅甸',
-	MN: '蒙古',
-	MO: '澳门',
-	MP: '北马里亚纳群岛',
-	MQ: '马提尼克',
-	MR: '毛里塔尼亚',
-	MS: '蒙特塞拉特',
-	MT: '马耳他',
-	MU: '毛里求斯',
-	MV: '马尔代夫',
-	MW: '马拉维',
-	MX: '墨西哥',
-	MY: '马来西亚',
-	MZ: '莫桑比克',
-	NA: '纳米比亚',
-	NC: '新喀里多尼亚',
-	NE: '尼日尔',
-	NF: '诺福克岛',
-	NG: '尼日利亚',
-	NI: '尼加拉瓜',
-	NL: '荷兰',
-	NO: '挪威',
-	NP: '尼泊尔',
-	NR: '瑙鲁',
-	NU: '纽埃',
-	NZ: '新西兰',
-	OM: '阿曼',
-	PA: '巴拿马',
-	PE: '秘鲁',
-	PF: '法属波利尼西亚',
-	PG: '巴布亚新几内亚',
-	PH: '菲律宾',
-	PK: '巴基斯坦',
-	PL: '波兰',
-	PM: '圣皮埃尔和密克隆',
-	PN: '皮特凯恩群岛',
-	PR: '波多黎各',
-	PS: '巴勒斯坦',
-	PT: '葡萄牙',
-	PW: '帕劳',
-	PY: '巴拉圭',
-	QA: '卡塔尔',
-	RE: '留尼汪',
-	RO: '罗马尼亚',
-	RS: '塞尔维亚',
-	RU: '俄罗斯',
-	RW: '卢旺达',
-	SA: '沙特阿拉伯',
-	SB: '所罗门群岛',
-	SC: '塞舌尔',
-	SD: '苏丹',
-	SE: '瑞典',
-	SG: '新加坡',
-	SH: '圣赫勒拿、阿森松和特里斯坦-达库尼亚',
-	SI: '斯洛文尼亚',
-	SJ: '斯瓦尔巴和扬马延',
-	SK: '斯洛伐克',
-	SL: '塞拉利昂',
-	SM: '圣马力诺',
-	SN: '塞内加尔',
-	SO: '索马里',
-	SR: '苏里南',
-	SS: '南苏丹',
-	ST: '圣多美和普林西比',
-	SV: '萨尔瓦多',
-	SX: '荷属圣马丁',
-	SY: '叙利亚',
-	SZ: '斯威士兰',
-	TC: '特克斯和凯科斯群岛',
-	TD: '乍得',
-	TF: '法属南部领地',
-	TG: '多哥',
-	TH: '泰国',
-	TJ: '塔吉克斯坦',
-	TK: '托克劳',
-	TL: '东帝汶',
-	TM: '土库曼斯坦',
-	TN: '突尼斯',
-	TO: '汤加',
-	TR: '土耳其',
-	TT: '特立尼达和多巴哥',
-	TV: '图瓦卢',
-	TW: '台湾',
-	TZ: '坦桑尼亚',
-	UA: '乌克兰',
-	UG: '乌干达',
-	UM: '美国本土外小岛屿',
-	US: '美国',
-	UY: '乌拉圭',
-	UZ: '乌兹别克斯坦',
-	VA: '梵蒂冈',
-	VC: '圣文森特和格林纳丁斯',
-	VE: '委内瑞拉',
-	VG: '英属维尔京群岛',
-	VI: '美属维尔京群岛',
-	VN: '越南',
-	VU: '瓦努阿图',
-	WF: '瓦利斯和富图纳',
-	WS: '萨摩亚',
-	YE: '也门',
-	YT: '马约特',
-	ZA: '南非',
-	ZM: '赞比亚',
-	ZW: '津巴布韦'
-};
-const timezones = {
-	'Africa/Abidjan': {
-		u: 0,
-		c: ['CI', 'BF', 'GH', 'GM', 'GN', 'ML', 'MR', 'SH', 'SL', 'SN', 'TG']
-	},
-	'Africa/Accra': {
-		a: 'Africa/Abidjan',
-		c: ['GH'],
-		r: 1
-	},
-	'Africa/Addis_Ababa': {
-		a: 'Africa/Nairobi',
-		c: ['ET'],
-		r: 1
-	},
-	'Africa/Algiers': {
-		u: 60,
-		c: ['DZ']
-	},
-	'Africa/Asmara': {
-		a: 'Africa/Nairobi',
-		c: ['ER'],
-		r: 1
-	},
-	'Africa/Asmera': {
-		a: 'Africa/Nairobi',
-		c: ['ER'],
-		r: 1
-	},
-	'Africa/Bamako': {
-		a: 'Africa/Abidjan',
-		c: ['ML'],
-		r: 1
-	},
-	'Africa/Bangui': {
-		a: 'Africa/Lagos',
-		c: ['CF'],
-		r: 1
-	},
-	'Africa/Banjul': {
-		a: 'Africa/Abidjan',
-		c: ['GM'],
-		r: 1
-	},
-	'Africa/Bissau': {
-		u: 0,
-		c: ['GW']
-	},
-	'Africa/Blantyre': {
-		a: 'Africa/Maputo',
-		c: ['MW'],
-		r: 1
-	},
-	'Africa/Brazzaville': {
-		a: 'Africa/Lagos',
-		c: ['CG'],
-		r: 1
-	},
-	'Africa/Bujumbura': {
-		a: 'Africa/Maputo',
-		c: ['BI'],
-		r: 1
-	},
-	'Africa/Cairo': {
-		u: 120,
-		c: ['EG']
-	},
-	'Africa/Casablanca': {
-		u: 60,
-		d: 0,
-		c: ['MA']
-	},
-	'Africa/Ceuta': {
-		u: 60,
-		d: 120,
-		c: ['ES']
-	},
-	'Africa/Conakry': {
-		a: 'Africa/Abidjan',
-		c: ['GN'],
-		r: 1
-	},
-	'Africa/Dakar': {
-		a: 'Africa/Abidjan',
-		c: ['SN'],
-		r: 1
-	},
-	'Africa/Dar_es_Salaam': {
-		a: 'Africa/Nairobi',
-		c: ['TZ'],
-		r: 1
-	},
-	'Africa/Djibouti': {
-		a: 'Africa/Nairobi',
-		c: ['DJ'],
-		r: 1
-	},
-	'Africa/Douala': {
-		a: 'Africa/Lagos',
-		c: ['CM'],
-		r: 1
-	},
-	'Africa/El_Aaiun': {
-		u: 60,
-		d: 0,
-		c: ['EH']
-	},
-	'Africa/Freetown': {
-		a: 'Africa/Abidjan',
-		c: ['SL'],
-		r: 1
-	},
-	'Africa/Gaborone': {
-		a: 'Africa/Maputo',
-		c: ['BW'],
-		r: 1
-	},
-	'Africa/Harare': {
-		a: 'Africa/Maputo',
-		c: ['ZW'],
-		r: 1
-	},
-	'Africa/Johannesburg': {
-		u: 120,
-		c: ['ZA', 'LS', 'SZ']
-	},
-	'Africa/Juba': {
-		u: 120,
-		c: ['SS']
-	},
-	'Africa/Kampala': {
-		a: 'Africa/Nairobi',
-		c: ['UG'],
-		r: 1
-	},
-	'Africa/Khartoum': {
-		u: 120,
-		c: ['SD']
-	},
-	'Africa/Kigali': {
-		a: 'Africa/Maputo',
-		c: ['RW'],
-		r: 1
-	},
-	'Africa/Kinshasa': {
-		a: 'Africa/Lagos',
-		c: ['CD'],
-		r: 1
-	},
-	'Africa/Lagos': {
-		u: 60,
-		c: ['NG', 'AO', 'BJ', 'CD', 'CF', 'CG', 'CM', 'GA', 'GQ', 'NE']
-	},
-	'Africa/Libreville': {
-		a: 'Africa/Lagos',
-		c: ['GA'],
-		r: 1
-	},
-	'Africa/Lome': {
-		a: 'Africa/Abidjan',
-		c: ['TG'],
-		r: 1
-	},
-	'Africa/Luanda': {
-		a: 'Africa/Lagos',
-		c: ['AO'],
-		r: 1
-	},
-	'Africa/Lubumbashi': {
-		a: 'Africa/Maputo',
-		c: ['CD'],
-		r: 1
-	},
-	'Africa/Lusaka': {
-		a: 'Africa/Maputo',
-		c: ['ZM'],
-		r: 1
-	},
-	'Africa/Malabo': {
-		a: 'Africa/Lagos',
-		c: ['GQ'],
-		r: 1
-	},
-	'Africa/Maputo': {
-		u: 120,
-		c: ['MZ', 'BI', 'BW', 'CD', 'MW', 'RW', 'ZM', 'ZW']
-	},
-	'Africa/Maseru': {
-		a: 'Africa/Johannesburg',
-		c: ['LS'],
-		r: 1
-	},
-	'Africa/Mbabane': {
-		a: 'Africa/Johannesburg',
-		c: ['SZ'],
-		r: 1
-	},
-	'Africa/Mogadishu': {
-		a: 'Africa/Nairobi',
-		c: ['SO'],
-		r: 1
-	},
-	'Africa/Monrovia': {
-		u: 0,
-		c: ['LR']
-	},
-	'Africa/Nairobi': {
-		u: 180,
-		c: ['KE', 'DJ', 'ER', 'ET', 'KM', 'MG', 'SO', 'TZ', 'UG', 'YT']
-	},
-	'Africa/Ndjamena': {
-		u: 60,
-		c: ['TD']
-	},
-	'Africa/Niamey': {
-		a: 'Africa/Lagos',
-		c: ['NE'],
-		r: 1
-	},
-	'Africa/Nouakchott': {
-		a: 'Africa/Abidjan',
-		c: ['MR'],
-		r: 1
-	},
-	'Africa/Ouagadougou': {
-		a: 'Africa/Abidjan',
-		c: ['BF'],
-		r: 1
-	},
-	'Africa/Porto-Novo': {
-		a: 'Africa/Lagos',
-		c: ['BJ'],
-		r: 1
-	},
-	'Africa/Sao_Tome': {
-		u: 0,
-		c: ['ST']
-	},
-	'Africa/Timbuktu': {
-		a: 'Africa/Abidjan',
-		c: ['ML'],
-		r: 1
-	},
-	'Africa/Tripoli': {
-		u: 120,
-		c: ['LY']
-	},
-	'Africa/Tunis': {
-		u: 60,
-		c: ['TN']
-	},
-	'Africa/Windhoek': {
-		u: 120,
-		c: ['NA']
-	},
-	'America/Adak': {
-		u: -600,
-		d: -540,
-		c: ['US']
-	},
-	'America/Anchorage': {
-		u: -540,
-		d: -480,
-		c: ['US']
-	},
-	'America/Anguilla': {
-		a: 'America/Puerto_Rico',
-		c: ['AI'],
-		r: 1
-	},
-	'America/Antigua': {
-		a: 'America/Puerto_Rico',
-		c: ['AG'],
-		r: 1
-	},
-	'America/Araguaina': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Argentina/Buenos_Aires': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Catamarca': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/ComodRivadavia': {
-		a: 'America/Argentina/Catamarca',
-		r: 1
-	},
-	'America/Argentina/Cordoba': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Jujuy': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/La_Rioja': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Mendoza': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Rio_Gallegos': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Salta': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/San_Juan': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/San_Luis': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Tucuman': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Argentina/Ushuaia': {
-		u: -180,
-		c: ['AR']
-	},
-	'America/Aruba': {
-		a: 'America/Puerto_Rico',
-		c: ['AW'],
-		r: 1
-	},
-	'America/Asuncion': {
-		u: -240,
-		d: -180,
-		c: ['PY']
-	},
-	'America/Atikokan': {
-		a: 'America/Panama',
-		c: ['CA'],
-		r: 1
-	},
-	'America/Atka': {
-		a: 'America/Adak',
-		r: 1
-	},
-	'America/Bahia': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Bahia_Banderas': {
-		u: -360,
-		d: -300,
-		c: ['MX']
-	},
-	'America/Barbados': {
-		u: -240,
-		c: ['BB']
-	},
-	'America/Belem': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Belize': {
-		u: -360,
-		c: ['BZ']
-	},
-	'America/Blanc-Sablon': {
-		a: 'America/Puerto_Rico',
-		c: ['CA'],
-		r: 1
-	},
-	'America/Boa_Vista': {
-		u: -240,
-		c: ['BR']
-	},
-	'America/Bogota': {
-		u: -300,
-		c: ['CO']
-	},
-	'America/Boise': {
-		u: -420,
-		d: -360,
-		c: ['US']
-	},
-	'America/Buenos_Aires': {
-		a: 'America/Argentina/Buenos_Aires',
-		r: 1
-	},
-	'America/Cambridge_Bay': {
-		u: -420,
-		d: -360,
-		c: ['CA']
-	},
-	'America/Campo_Grande': {
-		u: -240,
-		c: ['BR']
-	},
-	'America/Cancun': {
-		u: -300,
-		c: ['MX']
-	},
-	'America/Caracas': {
-		u: -240,
-		c: ['VE']
-	},
-	'America/Catamarca': {
-		a: 'America/Argentina/Catamarca',
-		r: 1
-	},
-	'America/Cayenne': {
-		u: -180,
-		c: ['GF']
-	},
-	'America/Cayman': {
-		a: 'America/Panama',
-		c: ['KY'],
-		r: 1
-	},
-	'America/Chicago': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/Chihuahua': {
-		u: -420,
-		d: -360,
-		c: ['MX']
-	},
-	'America/Coral_Harbour': {
-		a: 'America/Panama',
-		c: ['CA'],
-		r: 1
-	},
-	'America/Cordoba': {
-		a: 'America/Argentina/Cordoba',
-		r: 1
-	},
-	'America/Costa_Rica': {
-		u: -360,
-		c: ['CR']
-	},
-	'America/Creston': {
-		a: 'America/Phoenix',
-		c: ['CA'],
-		r: 1
-	},
-	'America/Cuiaba': {
-		u: -240,
-		c: ['BR']
-	},
-	'America/Curacao': {
-		a: 'America/Puerto_Rico',
-		c: ['CW'],
-		r: 1
-	},
-	'America/Danmarkshavn': {
-		u: 0,
-		c: ['GL']
-	},
-	'America/Dawson': {
-		u: -420,
-		c: ['CA']
-	},
-	'America/Dawson_Creek': {
-		u: -420,
-		c: ['CA']
-	},
-	'America/Denver': {
-		u: -420,
-		d: -360,
-		c: ['US']
-	},
-	'America/Detroit': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Dominica': {
-		a: 'America/Puerto_Rico',
-		c: ['DM'],
-		r: 1
-	},
-	'America/Edmonton': {
-		u: -420,
-		d: -360,
-		c: ['CA']
-	},
-	'America/Eirunepe': {
-		u: -300,
-		c: ['BR']
-	},
-	'America/El_Salvador': {
-		u: -360,
-		c: ['SV']
-	},
-	'America/Ensenada': {
-		a: 'America/Tijuana',
-		r: 1
-	},
-	'America/Fort_Nelson': {
-		u: -420,
-		c: ['CA']
-	},
-	'America/Fort_Wayne': {
-		a: 'America/Indiana/Indianapolis',
-		r: 1
-	},
-	'America/Fortaleza': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Glace_Bay': {
-		u: -240,
-		d: -180,
-		c: ['CA']
-	},
-	'America/Godthab': {
-		a: 'America/Nuuk',
-		r: 1
-	},
-	'America/Goose_Bay': {
-		u: -240,
-		d: -180,
-		c: ['CA']
-	},
-	'America/Grand_Turk': {
-		u: -300,
-		d: -240,
-		c: ['TC']
-	},
-	'America/Grenada': {
-		a: 'America/Puerto_Rico',
-		c: ['GD'],
-		r: 1
-	},
-	'America/Guadeloupe': {
-		a: 'America/Puerto_Rico',
-		c: ['GP'],
-		r: 1
-	},
-	'America/Guatemala': {
-		u: -360,
-		c: ['GT']
-	},
-	'America/Guayaquil': {
-		u: -300,
-		c: ['EC']
-	},
-	'America/Guyana': {
-		u: -240,
-		c: ['GY']
-	},
-	'America/Halifax': {
-		u: -240,
-		d: -180,
-		c: ['CA']
-	},
-	'America/Havana': {
-		u: -300,
-		d: -240,
-		c: ['CU']
-	},
-	'America/Hermosillo': {
-		u: -420,
-		c: ['MX']
-	},
-	'America/Indiana/Indianapolis': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Indiana/Knox': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/Indiana/Marengo': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Indiana/Petersburg': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Indiana/Tell_City': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/Indiana/Vevay': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Indiana/Vincennes': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Indiana/Winamac': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Indianapolis': {
-		a: 'America/Indiana/Indianapolis',
-		r: 1
-	},
-	'America/Inuvik': {
-		u: -420,
-		d: -360,
-		c: ['CA']
-	},
-	'America/Iqaluit': {
-		u: -300,
-		d: -240,
-		c: ['CA']
-	},
-	'America/Jamaica': {
-		u: -300,
-		c: ['JM']
-	},
-	'America/Jujuy': {
-		a: 'America/Argentina/Jujuy',
-		r: 1
-	},
-	'America/Juneau': {
-		u: -540,
-		d: -480,
-		c: ['US']
-	},
-	'America/Kentucky/Louisville': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Kentucky/Monticello': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Knox_IN': {
-		a: 'America/Indiana/Knox',
-		r: 1
-	},
-	'America/Kralendijk': {
-		a: 'America/Puerto_Rico',
-		c: ['BQ'],
-		r: 1
-	},
-	'America/La_Paz': {
-		u: -240,
-		c: ['BO']
-	},
-	'America/Lima': {
-		u: -300,
-		c: ['PE']
-	},
-	'America/Los_Angeles': {
-		u: -480,
-		d: -420,
-		c: ['US']
-	},
-	'America/Louisville': {
-		a: 'America/Kentucky/Louisville',
-		r: 1
-	},
-	'America/Lower_Princes': {
-		a: 'America/Puerto_Rico',
-		c: ['SX'],
-		r: 1
-	},
-	'America/Maceio': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Managua': {
-		u: -360,
-		c: ['NI']
-	},
-	'America/Manaus': {
-		u: -240,
-		c: ['BR']
-	},
-	'America/Marigot': {
-		a: 'America/Puerto_Rico',
-		c: ['MF'],
-		r: 1
-	},
-	'America/Martinique': {
-		u: -240,
-		c: ['MQ']
-	},
-	'America/Matamoros': {
-		u: -360,
-		d: -300,
-		c: ['MX']
-	},
-	'America/Mazatlan': {
-		u: -420,
-		d: -360,
-		c: ['MX']
-	},
-	'America/Mendoza': {
-		a: 'America/Argentina/Mendoza',
-		r: 1
-	},
-	'America/Menominee': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/Merida': {
-		u: -360,
-		d: -300,
-		c: ['MX']
-	},
-	'America/Metlakatla': {
-		u: -540,
-		d: -480,
-		c: ['US']
-	},
-	'America/Mexico_City': {
-		u: -360,
-		d: -300,
-		c: ['MX']
-	},
-	'America/Miquelon': {
-		u: -180,
-		d: -120,
-		c: ['PM']
-	},
-	'America/Moncton': {
-		u: -240,
-		d: -180,
-		c: ['CA']
-	},
-	'America/Monterrey': {
-		u: -360,
-		d: -300,
-		c: ['MX']
-	},
-	'America/Montevideo': {
-		u: -180,
-		c: ['UY']
-	},
-	'America/Montreal': {
-		a: 'America/Toronto',
-		c: ['CA'],
-		r: 1
-	},
-	'America/Montserrat': {
-		a: 'America/Puerto_Rico',
-		c: ['MS'],
-		r: 1
-	},
-	'America/Nassau': {
-		a: 'America/Toronto',
-		c: ['BS'],
-		r: 1
-	},
-	'America/New_York': {
-		u: -300,
-		d: -240,
-		c: ['US']
-	},
-	'America/Nipigon': {
-		u: -300,
-		d: -240,
-		c: ['CA']
-	},
-	'America/Nome': {
-		u: -540,
-		d: -480,
-		c: ['US']
-	},
-	'America/Noronha': {
-		u: -120,
-		c: ['BR']
-	},
-	'America/North_Dakota/Beulah': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/North_Dakota/Center': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/North_Dakota/New_Salem': {
-		u: -360,
-		d: -300,
-		c: ['US']
-	},
-	'America/Nuuk': {
-		u: -180,
-		d: -120,
-		c: ['GL']
-	},
-	'America/Ojinaga': {
-		u: -420,
-		d: -360,
-		c: ['MX']
-	},
-	'America/Panama': {
-		u: -300,
-		c: ['PA', 'CA', 'KY']
-	},
-	'America/Pangnirtung': {
-		u: -300,
-		d: -240,
-		c: ['CA']
-	},
-	'America/Paramaribo': {
-		u: -180,
-		c: ['SR']
-	},
-	'America/Phoenix': {
-		u: -420,
-		c: ['US', 'CA']
-	},
-	'America/Port-au-Prince': {
-		u: -300,
-		d: -240,
-		c: ['HT']
-	},
-	'America/Port_of_Spain': {
-		a: 'America/Puerto_Rico',
-		c: ['TT'],
-		r: 1
-	},
-	'America/Porto_Acre': {
-		a: 'America/Rio_Branco',
-		r: 1
-	},
-	'America/Porto_Velho': {
-		u: -240,
-		c: ['BR']
-	},
-	'America/Puerto_Rico': {
-		u: -240,
-		c: [
-			'PR',
-			'AG',
-			'CA',
-			'AI',
-			'AW',
-			'BL',
-			'BQ',
-			'CW',
-			'DM',
-			'GD',
-			'GP',
-			'KN',
-			'LC',
-			'MF',
-			'MS',
-			'SX',
-			'TT',
-			'VC',
-			'VG',
-			'VI'
-		]
-	},
-	'America/Punta_Arenas': {
-		u: -180,
-		c: ['CL']
-	},
-	'America/Rainy_River': {
-		u: -360,
-		d: -300,
-		c: ['CA']
-	},
-	'America/Rankin_Inlet': {
-		u: -360,
-		d: -300,
-		c: ['CA']
-	},
-	'America/Recife': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Regina': {
-		u: -360,
-		c: ['CA']
-	},
-	'America/Resolute': {
-		u: -360,
-		d: -300,
-		c: ['CA']
-	},
-	'America/Rio_Branco': {
-		u: -300,
-		c: ['BR']
-	},
-	'America/Rosario': {
-		a: 'America/Argentina/Cordoba',
-		r: 1
-	},
-	'America/Santa_Isabel': {
-		a: 'America/Tijuana',
-		r: 1
-	},
-	'America/Santarem': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Santiago': {
-		u: -240,
-		d: -180,
-		c: ['CL']
-	},
-	'America/Santo_Domingo': {
-		u: -240,
-		c: ['DO']
-	},
-	'America/Sao_Paulo': {
-		u: -180,
-		c: ['BR']
-	},
-	'America/Scoresbysund': {
-		u: -60,
-		d: 0,
-		c: ['GL']
-	},
-	'America/Shiprock': {
-		a: 'America/Denver',
-		r: 1
-	},
-	'America/Sitka': {
-		u: -540,
-		d: -480,
-		c: ['US']
-	},
-	'America/St_Barthelemy': {
-		a: 'America/Puerto_Rico',
-		c: ['BL'],
-		r: 1
-	},
-	'America/St_Johns': {
-		u: -150,
-		d: -90,
-		c: ['CA']
-	},
-	'America/St_Kitts': {
-		a: 'America/Puerto_Rico',
-		c: ['KN'],
-		r: 1
-	},
-	'America/St_Lucia': {
-		a: 'America/Puerto_Rico',
-		c: ['LC'],
-		r: 1
-	},
-	'America/St_Thomas': {
-		a: 'America/Puerto_Rico',
-		c: ['VI'],
-		r: 1
-	},
-	'America/St_Vincent': {
-		a: 'America/Puerto_Rico',
-		c: ['VC'],
-		r: 1
-	},
-	'America/Swift_Current': {
-		u: -360,
-		c: ['CA']
-	},
-	'America/Tegucigalpa': {
-		u: -360,
-		c: ['HN']
-	},
-	'America/Thule': {
-		u: -240,
-		d: -180,
-		c: ['GL']
-	},
-	'America/Thunder_Bay': {
-		u: -300,
-		d: -240,
-		c: ['CA']
-	},
-	'America/Tijuana': {
-		u: -480,
-		d: -420,
-		c: ['MX']
-	},
-	'America/Toronto': {
-		u: -300,
-		d: -240,
-		c: ['CA', 'BS']
-	},
-	'America/Tortola': {
-		a: 'America/Puerto_Rico',
-		c: ['VG'],
-		r: 1
-	},
-	'America/Vancouver': {
-		u: -480,
-		d: -420,
-		c: ['CA']
-	},
-	'America/Virgin': {
-		a: 'America/Puerto_Rico',
-		c: ['VI'],
-		r: 1
-	},
-	'America/Whitehorse': {
-		u: -420,
-		c: ['CA']
-	},
-	'America/Winnipeg': {
-		u: -360,
-		d: -300,
-		c: ['CA']
-	},
-	'America/Yakutat': {
-		u: -540,
-		d: -480,
-		c: ['US']
-	},
-	'America/Yellowknife': {
-		u: -420,
-		d: -360,
-		c: ['CA']
-	},
-	'Antarctica/Casey': {
-		u: 660,
-		c: ['AQ']
-	},
-	'Antarctica/Davis': {
-		u: 420,
-		c: ['AQ']
-	},
-	'Antarctica/DumontDUrville': {
-		a: 'Pacific/Port_Moresby',
-		c: ['AQ'],
-		r: 1
-	},
-	'Antarctica/Macquarie': {
-		u: 600,
-		d: 660,
-		c: ['AU']
-	},
-	'Antarctica/Mawson': {
-		u: 300,
-		c: ['AQ']
-	},
-	'Antarctica/McMurdo': {
-		a: 'Pacific/Auckland',
-		c: ['AQ'],
-		r: 1
-	},
-	'Antarctica/Palmer': {
-		u: -180,
-		c: ['AQ']
-	},
-	'Antarctica/Rothera': {
-		u: -180,
-		c: ['AQ']
-	},
-	'Antarctica/South_Pole': {
-		a: 'Pacific/Auckland',
-		c: ['AQ'],
-		r: 1
-	},
-	'Antarctica/Syowa': {
-		a: 'Asia/Riyadh',
-		c: ['AQ'],
-		r: 1
-	},
-	'Antarctica/Troll': {
-		u: 0,
-		d: 120,
-		c: ['AQ']
-	},
-	'Antarctica/Vostok': {
-		u: 360,
-		c: ['AQ']
-	},
-	'Arctic/Longyearbyen': {
-		a: 'Europe/Oslo',
-		c: ['SJ'],
-		r: 1
-	},
-	'Asia/Aden': {
-		a: 'Asia/Riyadh',
-		c: ['YE'],
-		r: 1
-	},
-	'Asia/Almaty': {
-		u: 360,
-		c: ['KZ']
-	},
-	'Asia/Amman': {
-		u: 120,
-		d: 180,
-		c: ['JO']
-	},
-	'Asia/Anadyr': {
-		u: 720,
-		c: ['RU']
-	},
-	'Asia/Aqtau': {
-		u: 300,
-		c: ['KZ']
-	},
-	'Asia/Aqtobe': {
-		u: 300,
-		c: ['KZ']
-	},
-	'Asia/Ashgabat': {
-		u: 300,
-		c: ['TM']
-	},
-	'Asia/Ashkhabad': {
-		a: 'Asia/Ashgabat',
-		r: 1
-	},
-	'Asia/Atyrau': {
-		u: 300,
-		c: ['KZ']
-	},
-	'Asia/Baghdad': {
-		u: 180,
-		c: ['IQ']
-	},
-	'Asia/Bahrain': {
-		a: 'Asia/Qatar',
-		c: ['BH'],
-		r: 1
-	},
-	'Asia/Baku': {
-		u: 240,
-		c: ['AZ']
-	},
-	'Asia/Bangkok': {
-		u: 420,
-		c: ['TH', 'KH', 'LA', 'VN']
-	},
-	'Asia/Barnaul': {
-		u: 420,
-		c: ['RU']
-	},
-	'Asia/Beirut': {
-		u: 120,
-		d: 180,
-		c: ['LB']
-	},
-	'Asia/Bishkek': {
-		u: 360,
-		c: ['KG']
-	},
-	'Asia/Brunei': {
-		u: 480,
-		c: ['BN']
-	},
-	'Asia/Calcutta': {
-		a: 'Asia/Kolkata',
-		r: 1
-	},
-	'Asia/Chita': {
-		u: 540,
-		c: ['RU']
-	},
-	'Asia/Choibalsan': {
-		u: 480,
-		c: ['MN']
-	},
-	'Asia/Chongqing': {
-		a: 'Asia/Shanghai',
-		r: 1
-	},
-	'Asia/Chungking': {
-		a: 'Asia/Shanghai',
-		r: 1
-	},
-	'Asia/Colombo': {
-		u: 330,
-		c: ['LK']
-	},
-	'Asia/Dacca': {
-		a: 'Asia/Dhaka',
-		r: 1
-	},
-	'Asia/Damascus': {
-		u: 120,
-		d: 180,
-		c: ['SY']
-	},
-	'Asia/Dhaka': {
-		u: 360,
-		c: ['BD']
-	},
-	'Asia/Dili': {
-		u: 540,
-		c: ['TL']
-	},
-	'Asia/Dubai': {
-		u: 240,
-		c: ['AE', 'OM']
-	},
-	'Asia/Dushanbe': {
-		u: 300,
-		c: ['TJ']
-	},
-	'Asia/Famagusta': {
-		u: 120,
-		d: 180,
-		c: ['CY']
-	},
-	'Asia/Gaza': {
-		u: 120,
-		d: 180,
-		c: ['PS']
-	},
-	'Asia/Harbin': {
-		a: 'Asia/Shanghai',
-		r: 1
-	},
-	'Asia/Hebron': {
-		u: 120,
-		d: 180,
-		c: ['PS']
-	},
-	'Asia/Ho_Chi_Minh': {
-		u: 420,
-		c: ['VN']
-	},
-	'Asia/Hong_Kong': {
-		u: 480,
-		c: ['HK']
-	},
-	'Asia/Hovd': {
-		u: 420,
-		c: ['MN']
-	},
-	'Asia/Irkutsk': {
-		u: 480,
-		c: ['RU']
-	},
-	'Asia/Istanbul': {
-		a: 'Europe/Istanbul',
-		r: 1
-	},
-	'Asia/Jakarta': {
-		u: 420,
-		c: ['ID']
-	},
-	'Asia/Jayapura': {
-		u: 540,
-		c: ['ID']
-	},
-	'Asia/Jerusalem': {
-		u: 120,
-		d: 180,
-		c: ['IL']
-	},
-	'Asia/Kabul': {
-		u: 270,
-		c: ['AF']
-	},
-	'Asia/Kamchatka': {
-		u: 720,
-		c: ['RU']
-	},
-	'Asia/Karachi': {
-		u: 300,
-		c: ['PK']
-	},
-	'Asia/Kashgar': {
-		a: 'Asia/Urumqi',
-		r: 1
-	},
-	'Asia/Kathmandu': {
-		u: 345,
-		c: ['NP']
-	},
-	'Asia/Katmandu': {
-		a: 'Asia/Kathmandu',
-		r: 1
-	},
-	'Asia/Khandyga': {
-		u: 540,
-		c: ['RU']
-	},
-	'Asia/Kolkata': {
-		u: 330,
-		c: ['IN']
-	},
-	'Asia/Krasnoyarsk': {
-		u: 420,
-		c: ['RU']
-	},
-	'Asia/Kuala_Lumpur': {
-		u: 480,
-		c: ['MY']
-	},
-	'Asia/Kuching': {
-		u: 480,
-		c: ['MY']
-	},
-	'Asia/Kuwait': {
-		a: 'Asia/Riyadh',
-		c: ['KW'],
-		r: 1
-	},
-	'Asia/Macao': {
-		a: 'Asia/Macau',
-		r: 1
-	},
-	'Asia/Macau': {
-		u: 480,
-		c: ['MO']
-	},
-	'Asia/Magadan': {
-		u: 660,
-		c: ['RU']
-	},
-	'Asia/Makassar': {
-		u: 480,
-		c: ['ID']
-	},
-	'Asia/Manila': {
-		u: 480,
-		c: ['PH']
-	},
-	'Asia/Muscat': {
-		a: 'Asia/Dubai',
-		c: ['OM'],
-		r: 1
-	},
-	'Asia/Nicosia': {
-		u: 120,
-		d: 180,
-		c: ['CY']
-	},
-	'Asia/Novokuznetsk': {
-		u: 420,
-		c: ['RU']
-	},
-	'Asia/Novosibirsk': {
-		u: 420,
-		c: ['RU']
-	},
-	'Asia/Omsk': {
-		u: 360,
-		c: ['RU']
-	},
-	'Asia/Oral': {
-		u: 300,
-		c: ['KZ']
-	},
-	'Asia/Phnom_Penh': {
-		a: 'Asia/Bangkok',
-		c: ['KH'],
-		r: 1
-	},
-	'Asia/Pontianak': {
-		u: 420,
-		c: ['ID']
-	},
-	'Asia/Pyongyang': {
-		u: 540,
-		c: ['KP']
-	},
-	'Asia/Qatar': {
-		u: 180,
-		c: ['QA', 'BH']
-	},
-	'Asia/Qostanay': {
-		u: 360,
-		c: ['KZ']
-	},
-	'Asia/Qyzylorda': {
-		u: 300,
-		c: ['KZ']
-	},
-	'Asia/Rangoon': {
-		a: 'Asia/Yangon',
-		r: 1
-	},
-	'Asia/Riyadh': {
-		u: 180,
-		c: ['SA', 'AQ', 'KW', 'YE']
-	},
-	'Asia/Saigon': {
-		a: 'Asia/Ho_Chi_Minh',
-		r: 1
-	},
-	'Asia/Sakhalin': {
-		u: 660,
-		c: ['RU']
-	},
-	'Asia/Samarkand': {
-		u: 300,
-		c: ['UZ']
-	},
-	'Asia/Seoul': {
-		u: 540,
-		c: ['KR']
-	},
-	'Asia/Shanghai': {
-		u: 480,
-		c: ['CN']
-	},
-	'Asia/Singapore': {
-		u: 480,
-		c: ['SG', 'MY']
-	},
-	'Asia/Srednekolymsk': {
-		u: 660,
-		c: ['RU']
-	},
-	'Asia/Taipei': {
-		u: 480,
-		c: ['TW']
-	},
-	'Asia/Tashkent': {
-		u: 300,
-		c: ['UZ']
-	},
-	'Asia/Tbilisi': {
-		u: 240,
-		c: ['GE']
-	},
-	'Asia/Tehran': {
-		u: 210,
-		d: 270,
-		c: ['IR']
-	},
-	'Asia/Tel_Aviv': {
-		a: 'Asia/Jerusalem',
-		r: 1
-	},
-	'Asia/Thimbu': {
-		a: 'Asia/Thimphu',
-		r: 1
-	},
-	'Asia/Thimphu': {
-		u: 360,
-		c: ['BT']
-	},
-	'Asia/Tokyo': {
-		u: 540,
-		c: ['JP']
-	},
-	'Asia/Tomsk': {
-		u: 420,
-		c: ['RU']
-	},
-	'Asia/Ujung_Pandang': {
-		a: 'Asia/Makassar',
-		r: 1
-	},
-	'Asia/Ulaanbaatar': {
-		u: 480,
-		c: ['MN']
-	},
-	'Asia/Ulan_Bator': {
-		a: 'Asia/Ulaanbaatar',
-		r: 1
-	},
-	'Asia/Urumqi': {
-		u: 360,
-		c: ['CN']
-	},
-	'Asia/Ust-Nera': {
-		u: 600,
-		c: ['RU']
-	},
-	'Asia/Vientiane': {
-		a: 'Asia/Bangkok',
-		c: ['LA'],
-		r: 1
-	},
-	'Asia/Vladivostok': {
-		u: 600,
-		c: ['RU']
-	},
-	'Asia/Yakutsk': {
-		u: 540,
-		c: ['RU']
-	},
-	'Asia/Yangon': {
-		u: 390,
-		c: ['MM']
-	},
-	'Asia/Yekaterinburg': {
-		u: 300,
-		c: ['RU']
-	},
-	'Asia/Yerevan': {
-		u: 240,
-		c: ['AM']
-	},
-	'Atlantic/Azores': {
-		u: -60,
-		d: 0,
-		c: ['PT']
-	},
-	'Atlantic/Bermuda': {
-		u: -240,
-		d: -180,
-		c: ['BM']
-	},
-	'Atlantic/Canary': {
-		u: 0,
-		d: 60,
-		c: ['ES']
-	},
-	'Atlantic/Cape_Verde': {
-		u: -60,
-		c: ['CV']
-	},
-	'Atlantic/Faeroe': {
-		a: 'Atlantic/Faroe',
-		r: 1
-	},
-	'Atlantic/Faroe': {
-		u: 0,
-		d: 60,
-		c: ['FO']
-	},
-	'Atlantic/Jan_Mayen': {
-		a: 'Europe/Oslo',
-		c: ['SJ'],
-		r: 1
-	},
-	'Atlantic/Madeira': {
-		u: 0,
-		d: 60,
-		c: ['PT']
-	},
-	'Atlantic/Reykjavik': {
-		u: 0,
-		c: ['IS']
-	},
-	'Atlantic/South_Georgia': {
-		u: -120,
-		c: ['GS']
-	},
-	'Atlantic/St_Helena': {
-		a: 'Africa/Abidjan',
-		c: ['SH'],
-		r: 1
-	},
-	'Atlantic/Stanley': {
-		u: -180,
-		c: ['FK']
-	},
-	'Australia/ACT': {
-		a: 'Australia/Sydney',
-		r: 1
-	},
-	'Australia/Adelaide': {
-		u: 570,
-		d: 630,
-		c: ['AU']
-	},
-	'Australia/Brisbane': {
-		u: 600,
-		c: ['AU']
-	},
-	'Australia/Broken_Hill': {
-		u: 570,
-		d: 630,
-		c: ['AU']
-	},
-	'Australia/Canberra': {
-		a: 'Australia/Sydney',
-		r: 1
-	},
-	'Australia/Currie': {
-		a: 'Australia/Hobart',
-		r: 1
-	},
-	'Australia/Darwin': {
-		u: 570,
-		c: ['AU']
-	},
-	'Australia/Eucla': {
-		u: 525,
-		c: ['AU']
-	},
-	'Australia/Hobart': {
-		u: 600,
-		d: 660,
-		c: ['AU']
-	},
-	'Australia/LHI': {
-		a: 'Australia/Lord_Howe',
-		r: 1
-	},
-	'Australia/Lindeman': {
-		u: 600,
-		c: ['AU']
-	},
-	'Australia/Lord_Howe': {
-		u: 630,
-		d: 660,
-		c: ['AU']
-	},
-	'Australia/Melbourne': {
-		u: 600,
-		d: 660,
-		c: ['AU']
-	},
-	'Australia/NSW': {
-		a: 'Australia/Sydney',
-		r: 1
-	},
-	'Australia/North': {
-		a: 'Australia/Darwin',
-		r: 1
-	},
-	'Australia/Perth': {
-		u: 480,
-		c: ['AU']
-	},
-	'Australia/Queensland': {
-		a: 'Australia/Brisbane',
-		r: 1
-	},
-	'Australia/South': {
-		a: 'Australia/Adelaide',
-		r: 1
-	},
-	'Australia/Sydney': {
-		u: 600,
-		d: 660,
-		c: ['AU']
-	},
-	'Australia/Tasmania': {
-		a: 'Australia/Hobart',
-		r: 1
-	},
-	'Australia/Victoria': {
-		a: 'Australia/Melbourne',
-		r: 1
-	},
-	'Australia/West': {
-		a: 'Australia/Perth',
-		r: 1
-	},
-	'Australia/Yancowinna': {
-		a: 'Australia/Broken_Hill',
-		r: 1
-	},
-	'Brazil/Acre': {
-		a: 'America/Rio_Branco',
-		r: 1
-	},
-	'Brazil/DeNoronha': {
-		a: 'America/Noronha',
-		r: 1
-	},
-	'Brazil/East': {
-		a: 'America/Sao_Paulo',
-		r: 1
-	},
-	'Brazil/West': {
-		a: 'America/Manaus',
-		r: 1
-	},
-	CET: {
-		u: 60,
-		d: 120
-	},
-	CST6CDT: {
-		u: -360,
-		d: -300
-	},
-	'Canada/Atlantic': {
-		a: 'America/Halifax',
-		r: 1
-	},
-	'Canada/Central': {
-		a: 'America/Winnipeg',
-		r: 1
-	},
-	'Canada/Eastern': {
-		a: 'America/Toronto',
-		c: ['CA'],
-		r: 1
-	},
-	'Canada/Mountain': {
-		a: 'America/Edmonton',
-		r: 1
-	},
-	'Canada/Newfoundland': {
-		a: 'America/St_Johns',
-		r: 1
-	},
-	'Canada/Pacific': {
-		a: 'America/Vancouver',
-		r: 1
-	},
-	'Canada/Saskatchewan': {
-		a: 'America/Regina',
-		r: 1
-	},
-	'Canada/Yukon': {
-		a: 'America/Whitehorse',
-		r: 1
-	},
-	'Chile/Continental': {
-		a: 'America/Santiago',
-		r: 1
-	},
-	'Chile/EasterIsland': {
-		a: 'Pacific/Easter',
-		r: 1
-	},
-	Cuba: {
-		a: 'America/Havana',
-		r: 1
-	},
-	EET: {
-		u: 120,
-		d: 180
-	},
-	EST: {
-		u: -300
-	},
-	EST5EDT: {
-		u: -300,
-		d: -240
-	},
-	Egypt: {
-		a: 'Africa/Cairo',
-		r: 1
-	},
-	Eire: {
-		a: 'Europe/Dublin',
-		r: 1
-	},
-	'Etc/GMT': {
-		u: 0
-	},
-	'Etc/GMT+0': {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	'Etc/GMT+1': {
-		u: -60
-	},
-	'Etc/GMT+10': {
-		u: -600
-	},
-	'Etc/GMT+11': {
-		u: -660
-	},
-	'Etc/GMT+12': {
-		u: -720
-	},
-	'Etc/GMT+2': {
-		u: -120
-	},
-	'Etc/GMT+3': {
-		u: -180
-	},
-	'Etc/GMT+4': {
-		u: -240
-	},
-	'Etc/GMT+5': {
-		u: -300
-	},
-	'Etc/GMT+6': {
-		u: -360
-	},
-	'Etc/GMT+7': {
-		u: -420
-	},
-	'Etc/GMT+8': {
-		u: -480
-	},
-	'Etc/GMT+9': {
-		u: -540
-	},
-	'Etc/GMT-0': {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	'Etc/GMT-1': {
-		u: 60
-	},
-	'Etc/GMT-10': {
-		u: 600
-	},
-	'Etc/GMT-11': {
-		u: 660
-	},
-	'Etc/GMT-12': {
-		u: 720
-	},
-	'Etc/GMT-13': {
-		u: 780
-	},
-	'Etc/GMT-14': {
-		u: 840
-	},
-	'Etc/GMT-2': {
-		u: 120
-	},
-	'Etc/GMT-3': {
-		u: 180
-	},
-	'Etc/GMT-4': {
-		u: 240
-	},
-	'Etc/GMT-5': {
-		u: 300
-	},
-	'Etc/GMT-6': {
-		u: 360
-	},
-	'Etc/GMT-7': {
-		u: 420
-	},
-	'Etc/GMT-8': {
-		u: 480
-	},
-	'Etc/GMT-9': {
-		u: 540
-	},
-	'Etc/GMT0': {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	'Etc/Greenwich': {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	'Etc/UCT': {
-		a: 'Etc/UTC',
-		r: 1
-	},
-	'Etc/UTC': {
-		u: 0
-	},
-	'Etc/Universal': {
-		a: 'Etc/UTC',
-		r: 1
-	},
-	'Etc/Zulu': {
-		a: 'Etc/UTC',
-		r: 1
-	},
-	'Europe/Amsterdam': {
-		u: 60,
-		d: 120,
-		c: ['NL']
-	},
-	'Europe/Andorra': {
-		u: 60,
-		d: 120,
-		c: ['AD']
-	},
-	'Europe/Astrakhan': {
-		u: 240,
-		c: ['RU']
-	},
-	'Europe/Athens': {
-		u: 120,
-		d: 180,
-		c: ['GR']
-	},
-	'Europe/Belfast': {
-		a: 'Europe/London',
-		c: ['GB'],
-		r: 1
-	},
-	'Europe/Belgrade': {
-		u: 60,
-		d: 120,
-		c: ['RS', 'BA', 'HR', 'ME', 'MK', 'SI']
-	},
-	'Europe/Berlin': {
-		u: 60,
-		d: 120,
-		c: ['DE']
-	},
-	'Europe/Bratislava': {
-		a: 'Europe/Prague',
-		c: ['SK'],
-		r: 1
-	},
-	'Europe/Brussels': {
-		u: 60,
-		d: 120,
-		c: ['BE']
-	},
-	'Europe/Bucharest': {
-		u: 120,
-		d: 180,
-		c: ['RO']
-	},
-	'Europe/Budapest': {
-		u: 60,
-		d: 120,
-		c: ['HU']
-	},
-	'Europe/Busingen': {
-		a: 'Europe/Zurich',
-		c: ['DE'],
-		r: 1
-	},
-	'Europe/Chisinau': {
-		u: 120,
-		d: 180,
-		c: ['MD']
-	},
-	'Europe/Copenhagen': {
-		u: 60,
-		d: 120,
-		c: ['DK']
-	},
-	'Europe/Dublin': {
-		u: 60,
-		d: 0,
-		c: ['IE']
-	},
-	'Europe/Gibraltar': {
-		u: 60,
-		d: 120,
-		c: ['GI']
-	},
-	'Europe/Guernsey': {
-		a: 'Europe/London',
-		c: ['GG'],
-		r: 1
-	},
-	'Europe/Helsinki': {
-		u: 120,
-		d: 180,
-		c: ['FI', 'AX']
-	},
-	'Europe/Isle_of_Man': {
-		a: 'Europe/London',
-		c: ['IM'],
-		r: 1
-	},
-	'Europe/Istanbul': {
-		u: 180,
-		c: ['TR']
-	},
-	'Europe/Jersey': {
-		a: 'Europe/London',
-		c: ['JE'],
-		r: 1
-	},
-	'Europe/Kaliningrad': {
-		u: 120,
-		c: ['RU']
-	},
-	'Europe/Kiev': {
-		u: 120,
-		d: 180,
-		c: ['UA']
-	},
-	'Europe/Kirov': {
-		u: 180,
-		c: ['RU']
-	},
-	'Europe/Lisbon': {
-		u: 0,
-		d: 60,
-		c: ['PT']
-	},
-	'Europe/Ljubljana': {
-		a: 'Europe/Belgrade',
-		c: ['SI'],
-		r: 1
-	},
-	'Europe/London': {
-		u: 0,
-		d: 60,
-		c: ['GB', 'GG', 'IM', 'JE']
-	},
-	'Europe/Luxembourg': {
-		u: 60,
-		d: 120,
-		c: ['LU']
-	},
-	'Europe/Madrid': {
-		u: 60,
-		d: 120,
-		c: ['ES']
-	},
-	'Europe/Malta': {
-		u: 60,
-		d: 120,
-		c: ['MT']
-	},
-	'Europe/Mariehamn': {
-		a: 'Europe/Helsinki',
-		c: ['AX'],
-		r: 1
-	},
-	'Europe/Minsk': {
-		u: 180,
-		c: ['BY']
-	},
-	'Europe/Monaco': {
-		u: 60,
-		d: 120,
-		c: ['MC']
-	},
-	'Europe/Moscow': {
-		u: 180,
-		c: ['RU']
-	},
-	'Europe/Nicosia': {
-		a: 'Asia/Nicosia',
-		r: 1
-	},
-	'Europe/Oslo': {
-		u: 60,
-		d: 120,
-		c: ['NO', 'SJ', 'BV']
-	},
-	'Europe/Paris': {
-		u: 60,
-		d: 120,
-		c: ['FR']
-	},
-	'Europe/Podgorica': {
-		a: 'Europe/Belgrade',
-		c: ['ME'],
-		r: 1
-	},
-	'Europe/Prague': {
-		u: 60,
-		d: 120,
-		c: ['CZ', 'SK']
-	},
-	'Europe/Riga': {
-		u: 120,
-		d: 180,
-		c: ['LV']
-	},
-	'Europe/Rome': {
-		u: 60,
-		d: 120,
-		c: ['IT', 'SM', 'VA']
-	},
-	'Europe/Samara': {
-		u: 240,
-		c: ['RU']
-	},
-	'Europe/San_Marino': {
-		a: 'Europe/Rome',
-		c: ['SM'],
-		r: 1
-	},
-	'Europe/Sarajevo': {
-		a: 'Europe/Belgrade',
-		c: ['BA'],
-		r: 1
-	},
-	'Europe/Saratov': {
-		u: 240,
-		c: ['RU']
-	},
-	'Europe/Simferopol': {
-		u: 180,
-		c: ['RU', 'UA']
-	},
-	'Europe/Skopje': {
-		a: 'Europe/Belgrade',
-		c: ['MK'],
-		r: 1
-	},
-	'Europe/Sofia': {
-		u: 120,
-		d: 180,
-		c: ['BG']
-	},
-	'Europe/Stockholm': {
-		u: 60,
-		d: 120,
-		c: ['SE']
-	},
-	'Europe/Tallinn': {
-		u: 120,
-		d: 180,
-		c: ['EE']
-	},
-	'Europe/Tirane': {
-		u: 60,
-		d: 120,
-		c: ['AL']
-	},
-	'Europe/Tiraspol': {
-		a: 'Europe/Chisinau',
-		r: 1
-	},
-	'Europe/Ulyanovsk': {
-		u: 240,
-		c: ['RU']
-	},
-	'Europe/Uzhgorod': {
-		u: 120,
-		d: 180,
-		c: ['UA']
-	},
-	'Europe/Vaduz': {
-		a: 'Europe/Zurich',
-		c: ['LI'],
-		r: 1
-	},
-	'Europe/Vatican': {
-		a: 'Europe/Rome',
-		c: ['VA'],
-		r: 1
-	},
-	'Europe/Vienna': {
-		u: 60,
-		d: 120,
-		c: ['AT']
-	},
-	'Europe/Vilnius': {
-		u: 120,
-		d: 180,
-		c: ['LT']
-	},
-	'Europe/Volgograd': {
-		u: 180,
-		c: ['RU']
-	},
-	'Europe/Warsaw': {
-		u: 60,
-		d: 120,
-		c: ['PL']
-	},
-	'Europe/Zagreb': {
-		a: 'Europe/Belgrade',
-		c: ['HR'],
-		r: 1
-	},
-	'Europe/Zaporozhye': {
-		u: 120,
-		d: 180,
-		c: ['UA']
-	},
-	'Europe/Zurich': {
-		u: 60,
-		d: 120,
-		c: ['CH', 'DE', 'LI']
-	},
-	Factory: {
-		u: 0
-	},
-	GB: {
-		a: 'Europe/London',
-		c: ['GB'],
-		r: 1
-	},
-	'GB-Eire': {
-		a: 'Europe/London',
-		c: ['GB'],
-		r: 1
-	},
-	GMT: {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	'GMT+0': {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	'GMT-0': {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	GMT0: {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	Greenwich: {
-		a: 'Etc/GMT',
-		r: 1
-	},
-	HST: {
-		u: -600
-	},
-	Hongkong: {
-		a: 'Asia/Hong_Kong',
-		r: 1
-	},
-	Iceland: {
-		a: 'Atlantic/Reykjavik',
-		r: 1
-	},
-	'Indian/Antananarivo': {
-		a: 'Africa/Nairobi',
-		c: ['MG'],
-		r: 1
-	},
-	'Indian/Chagos': {
-		u: 360,
-		c: ['IO']
-	},
-	'Indian/Christmas': {
-		u: 420,
-		c: ['CX']
-	},
-	'Indian/Cocos': {
-		u: 390,
-		c: ['CC']
-	},
-	'Indian/Comoro': {
-		a: 'Africa/Nairobi',
-		c: ['KM'],
-		r: 1
-	},
-	'Indian/Kerguelen': {
-		u: 300,
-		c: ['TF', 'HM']
-	},
-	'Indian/Mahe': {
-		u: 240,
-		c: ['SC']
-	},
-	'Indian/Maldives': {
-		u: 300,
-		c: ['MV']
-	},
-	'Indian/Mauritius': {
-		u: 240,
-		c: ['MU']
-	},
-	'Indian/Mayotte': {
-		a: 'Africa/Nairobi',
-		c: ['YT'],
-		r: 1
-	},
-	'Indian/Reunion': {
-		u: 240,
-		c: ['RE', 'TF']
-	},
-	Iran: {
-		a: 'Asia/Tehran',
-		r: 1
-	},
-	Israel: {
-		a: 'Asia/Jerusalem',
-		r: 1
-	},
-	Jamaica: {
-		a: 'America/Jamaica',
-		r: 1
-	},
-	Japan: {
-		a: 'Asia/Tokyo',
-		r: 1
-	},
-	Kwajalein: {
-		a: 'Pacific/Kwajalein',
-		r: 1
-	},
-	Libya: {
-		a: 'Africa/Tripoli',
-		r: 1
-	},
-	MET: {
-		u: 60,
-		d: 120
-	},
-	MST: {
-		u: -420
-	},
-	MST7MDT: {
-		u: -420,
-		d: -360
-	},
-	'Mexico/BajaNorte': {
-		a: 'America/Tijuana',
-		r: 1
-	},
-	'Mexico/BajaSur': {
-		a: 'America/Mazatlan',
-		r: 1
-	},
-	'Mexico/General': {
-		a: 'America/Mexico_City',
-		r: 1
-	},
-	NZ: {
-		a: 'Pacific/Auckland',
-		c: ['NZ'],
-		r: 1
-	},
-	'NZ-CHAT': {
-		a: 'Pacific/Chatham',
-		r: 1
-	},
-	Navajo: {
-		a: 'America/Denver',
-		r: 1
-	},
-	PRC: {
-		a: 'Asia/Shanghai',
-		r: 1
-	},
-	PST8PDT: {
-		u: -480,
-		d: -420
-	},
-	'Pacific/Apia': {
-		u: 780,
-		c: ['WS']
-	},
-	'Pacific/Auckland': {
-		u: 720,
-		d: 780,
-		c: ['NZ', 'AQ']
-	},
-	'Pacific/Bougainville': {
-		u: 660,
-		c: ['PG']
-	},
-	'Pacific/Chatham': {
-		u: 765,
-		d: 825,
-		c: ['NZ']
-	},
-	'Pacific/Chuuk': {
-		u: 600,
-		c: ['FM']
-	},
-	'Pacific/Easter': {
-		u: -360,
-		d: -300,
-		c: ['CL']
-	},
-	'Pacific/Efate': {
-		u: 660,
-		c: ['VU']
-	},
-	'Pacific/Enderbury': {
-		a: 'Pacific/Kanton',
-		r: 1
-	},
-	'Pacific/Fakaofo': {
-		u: 780,
-		c: ['TK']
-	},
-	'Pacific/Fiji': {
-		u: 720,
-		d: 780,
-		c: ['FJ']
-	},
-	'Pacific/Funafuti': {
-		u: 720,
-		c: ['TV']
-	},
-	'Pacific/Galapagos': {
-		u: -360,
-		c: ['EC']
-	},
-	'Pacific/Gambier': {
-		u: -540,
-		c: ['PF']
-	},
-	'Pacific/Guadalcanal': {
-		u: 660,
-		c: ['SB']
-	},
-	'Pacific/Guam': {
-		u: 600,
-		c: ['GU', 'MP']
-	},
-	'Pacific/Honolulu': {
-		u: -600,
-		c: ['US', 'UM']
-	},
-	'Pacific/Johnston': {
-		a: 'Pacific/Honolulu',
-		c: ['UM'],
-		r: 1
-	},
-	'Pacific/Kanton': {
-		u: 780,
-		c: ['KI']
-	},
-	'Pacific/Kiritimati': {
-		u: 840,
-		c: ['KI']
-	},
-	'Pacific/Kosrae': {
-		u: 660,
-		c: ['FM']
-	},
-	'Pacific/Kwajalein': {
-		u: 720,
-		c: ['MH']
-	},
-	'Pacific/Majuro': {
-		u: 720,
-		c: ['MH']
-	},
-	'Pacific/Marquesas': {
-		u: -510,
-		c: ['PF']
-	},
-	'Pacific/Midway': {
-		a: 'Pacific/Pago_Pago',
-		c: ['UM'],
-		r: 1
-	},
-	'Pacific/Nauru': {
-		u: 720,
-		c: ['NR']
-	},
-	'Pacific/Niue': {
-		u: -660,
-		c: ['NU']
-	},
-	'Pacific/Norfolk': {
-		u: 660,
-		d: 720,
-		c: ['NF']
-	},
-	'Pacific/Noumea': {
-		u: 660,
-		c: ['NC']
-	},
-	'Pacific/Pago_Pago': {
-		u: -660,
-		c: ['AS', 'UM']
-	},
-	'Pacific/Palau': {
-		u: 540,
-		c: ['PW']
-	},
-	'Pacific/Pitcairn': {
-		u: -480,
-		c: ['PN']
-	},
-	'Pacific/Pohnpei': {
-		u: 660,
-		c: ['FM']
-	},
-	'Pacific/Ponape': {
-		a: 'Pacific/Pohnpei',
-		r: 1
-	},
-	'Pacific/Port_Moresby': {
-		u: 600,
-		c: ['PG', 'AQ']
-	},
-	'Pacific/Rarotonga': {
-		u: -600,
-		c: ['CK']
-	},
-	'Pacific/Saipan': {
-		a: 'Pacific/Guam',
-		c: ['MP'],
-		r: 1
-	},
-	'Pacific/Samoa': {
-		a: 'Pacific/Pago_Pago',
-		c: ['WS'],
-		r: 1
-	},
-	'Pacific/Tahiti': {
-		u: -600,
-		c: ['PF']
-	},
-	'Pacific/Tarawa': {
-		u: 720,
-		c: ['KI']
-	},
-	'Pacific/Tongatapu': {
-		u: 780,
-		c: ['TO']
-	},
-	'Pacific/Truk': {
-		a: 'Pacific/Chuuk',
-		r: 1
-	},
-	'Pacific/Wake': {
-		u: 720,
-		c: ['UM']
-	},
-	'Pacific/Wallis': {
-		u: 720,
-		c: ['WF']
-	},
-	'Pacific/Yap': {
-		a: 'Pacific/Chuuk',
-		r: 1
-	},
-	Poland: {
-		a: 'Europe/Warsaw',
-		r: 1
-	},
-	Portugal: {
-		a: 'Europe/Lisbon',
-		r: 1
-	},
-	ROC: {
-		a: 'Asia/Taipei',
-		r: 1
-	},
-	ROK: {
-		a: 'Asia/Seoul',
-		r: 1
-	},
-	Singapore: {
-		a: 'Asia/Singapore',
-		c: ['SG'],
-		r: 1
-	},
-	Turkey: {
-		a: 'Europe/Istanbul',
-		r: 1
-	},
-	UCT: {
-		a: 'Etc/UTC',
-		r: 1
-	},
-	'US/Alaska': {
-		a: 'America/Anchorage',
-		r: 1
-	},
-	'US/Aleutian': {
-		a: 'America/Adak',
-		r: 1
-	},
-	'US/Arizona': {
-		a: 'America/Phoenix',
-		c: ['US'],
-		r: 1
-	},
-	'US/Central': {
-		a: 'America/Chicago',
-		r: 1
-	},
-	'US/East-Indiana': {
-		a: 'America/Indiana/Indianapolis',
-		r: 1
-	},
-	'US/Eastern': {
-		a: 'America/New_York',
-		r: 1
-	},
-	'US/Hawaii': {
-		a: 'Pacific/Honolulu',
-		c: ['US'],
-		r: 1
-	},
-	'US/Indiana-Starke': {
-		a: 'America/Indiana/Knox',
-		r: 1
-	},
-	'US/Michigan': {
-		a: 'America/Detroit',
-		r: 1
-	},
-	'US/Mountain': {
-		a: 'America/Denver',
-		r: 1
-	},
-	'US/Pacific': {
-		a: 'America/Los_Angeles',
-		r: 1
-	},
-	'US/Samoa': {
-		a: 'Pacific/Pago_Pago',
-		c: ['WS'],
-		r: 1
-	},
-	UTC: {
-		a: 'Etc/UTC',
-		r: 1
-	},
-	Universal: {
-		a: 'Etc/UTC',
-		r: 1
-	},
-	'W-SU': {
-		a: 'Europe/Moscow',
-		r: 1
-	},
-	WET: {
-		u: 0,
-		d: 60
-	},
-	Zulu: {
-		a: 'Etc/UTC',
-		r: 1
-	}
-};
-
-export function getCountry(): string | null {
-	const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-
-	if (timezone === '' || !timezone) {
-		return null;
-	}
-
-	const _country = timezones[timezone]?.c?.[0] ?? null;
-	const country = countries[_country] ?? null;
-	return country;
-}
diff --git a/dashboard_backup/src2/utils/dayjs.js b/dashboard_backup/src2/utils/dayjs.js
deleted file mode 100644
index 77ac9fa..0000000
--- a/dashboard_backup/src2/utils/dayjs.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import dayjs from 'dayjs/esm';
-import relativeTime from 'dayjs/esm/plugin/relativeTime';
-import localizedFormat from 'dayjs/esm/plugin/localizedFormat';
-import updateLocale from 'dayjs/esm/plugin/updateLocale';
-import isToday from 'dayjs/esm/plugin/isToday';
-import duration from 'dayjs/esm/plugin/duration';
-import utc from 'dayjs/esm/plugin/utc';
-import timezone from 'dayjs/esm/plugin/timezone';
-import advancedFormat from 'dayjs/plugin/advancedFormat';
-
-dayjs.extend(updateLocale);
-dayjs.extend(relativeTime);
-dayjs.extend(localizedFormat);
-dayjs.extend(isToday);
-dayjs.extend(duration);
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(advancedFormat);
-
-export function dayjsLocal(dateTimeString) {
-	let localTimezone = dayjs.tz.guess();
-	// dates are stored in Asia/Calcutta timezone on the server
-	return dayjs.tz(dateTimeString, 'Asia/Calcutta').tz(localTimezone);
-}
-
-export function dayjsIST(dateTimeString) {
-	return dayjs(dateTimeString).tz('Asia/Calcutta');
-}
-
-export default dayjs;
diff --git a/dashboard_backup/src2/utils/device.ts b/dashboard_backup/src2/utils/device.ts
deleted file mode 100644
index 4e4c9af..0000000
--- a/dashboard_backup/src2/utils/device.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { Platform } from '../types';
-
-export function getPlatform(): Platform {
-	const ua = navigator.userAgent.toLowerCase();
-
-	if (ua.indexOf('win') > -1) {
-		return 'win';
-	} else if (ua.indexOf('mac') > -1) {
-		return 'mac';
-	} else if (ua.indexOf('x11') > -1 || ua.indexOf('linux') > -1) {
-		return 'linux';
-	}
-
-	return 'unknown';
-}
-
-export function isMobile(): boolean {
-	return window.innerWidth < 640;
-}
diff --git a/dashboard_backup/src2/utils/error.ts b/dashboard_backup/src2/utils/error.ts
deleted file mode 100644
index 82b1722..0000000
--- a/dashboard_backup/src2/utils/error.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export class DashboardError extends Error {
-	constructor(message: string) {
-		super(message);
-		this.name = 'DashboardError';
-	}
-}
diff --git a/dashboard_backup/src2/utils/format.js b/dashboard_backup/src2/utils/format.js
deleted file mode 100644
index e054fd1..0000000
--- a/dashboard_backup/src2/utils/format.js
+++ /dev/null
@@ -1,259 +0,0 @@
-import dayjs, { dayjsLocal } from './dayjs';
-import { getTeam } from '../data/team';
-import { format } from 'sql-formatter';
-
-export function bytes(bytes, decimals = 2, current = 0) {
-	if (bytes === 0) return '0 Bytes';
-
-	const k = 1024;
-	const dm = decimals < 0 ? 0 : decimals;
-	const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-	let i = Math.floor(Math.log(Math.abs(bytes)) / Math.log(k));
-	if (i < 0) i++;
-
-	return (
-		parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i + current]
-	);
-}
-
-export function duration(value) {
-	if (!value) return;
-
-	let [hours, minutes, seconds] = value.split(':');
-	[hours, minutes, seconds] = [
-		parseInt(hours),
-		parseInt(minutes),
-		parseInt(seconds),
-	];
-
-	let format = '';
-	if (hours > 0) {
-		format = 'H[h] m[m] s[s]';
-	} else if (minutes > 0) {
-		format = 'm[m] s[s]';
-	} else {
-		format = 's[s]';
-	}
-	return dayjs.duration({ hours, minutes, seconds }).format(format);
-}
-
-export function plural(number, singular, plural) {
-	if (typeof number === 'string') {
-		number = parseInt(number);
-	}
-	if (number === 1) {
-		return singular;
-	}
-	return plural;
-}
-
-export function planTitle(plan) {
-	if (plan === undefined) return;
-	const $team = getTeam();
-	const china = $team.pg?.currency === 'CNY';
-	const priceField = china ? 'price_cny' : 'price_usd';
-	const price =
-		plan?.block_monthly == 1 ? plan[priceField] * 12 : plan[priceField];
-	return price > 0 ? `${userCurrency(price, 0)}` : plan.plan_title;
-}
-
-export function userCurrency(value, fractions = 2) {
-	const $team = getTeam();
-	if (!$team.pg?.currency) return value;
-	return currency(value, $team.pg?.currency, fractions);
-}
-
-export function currency(value, currency, fractions = 2) {
-	return new Intl.NumberFormat('zh-CN', {
-		style: 'currency',
-		currency,
-		maximumFractionDigits: fractions,
-	}).format(value);
-}
-
-export function numberK(number) {
-	if (number < 1000) {
-		return number;
-	} else {
-		let value = Math.round(number / 1000, 1);
-
-		// To handle cases like 8.0, 9.0 etc.
-		if (value == number / 1000) {
-			value = parseInt(value);
-		}
-		// To handle cases like 8999 -> 9k and not 9.0k
-		else if (value - 1 == number / 1000) {
-			value = parseInt(value);
-		}
-
-		return `${value}k`;
-	}
-}
-
-export function pricePerDay(price, interval = 'Monthly') {
-	if (!price) return 0;
-	// 根据计费周期计算天数
-	const daysInPeriod = interval === 'Annually' ? 365 : 30;
-	return price / daysInPeriod;
-}
-
-export function date(value) {
-	if (!value) return '';
-	
-	// 转换为YYYY-MM-DD格式，符合中国用户习惯
-	const date = new Date(value);
-	const year = date.getFullYear();
-	const month = String(date.getMonth() + 1).padStart(2, '0');
-	const day = String(date.getDate()).padStart(2, '0');
-	
-	return `${year}-${month}-${day}`;
-}
-
-export function commaSeparator(arr, separator) {
-	let joinedString = arr.slice(0, -1).join(', ');
-
-	if (arr.length > 1) {
-		joinedString += ` ${separator} ${arr[arr.length - 1]}`;
-	} else {
-		joinedString += arr[0];
-	}
-
-	return joinedString;
-}
-
-export function commaAnd(arr) {
-	return commaSeparator(arr, 'and');
-}
-
-export function formatSQL(query) {
-	try {
-		return format(query, {
-			language: 'mariadb',
-			tabWidth: 2,
-			keywordCase: 'upper',
-		});
-	} catch (_) {
-		return query;
-	}
-}
-
-export function formatSeconds(seconds) {
-	if (seconds === 0) return '0s';
-	if (seconds <= 60) return `${seconds}s`;
-
-	const hours = Math.floor(seconds / 3600);
-	const minutes = Math.floor((seconds % 3600) / 60);
-	const remainingSeconds = seconds % 60;
-
-	let result = [];
-
-	if (hours > 0) {
-		result.push(`${hours}h`);
-	}
-
-	if (minutes > 0) {
-		result.push(`${minutes}m`);
-	}
-
-	if (remainingSeconds > 0) {
-		result.push(`${remainingSeconds}s`);
-	}
-
-	return result.join(' ');
-}
-
-export function formatCommaSeperatedNumber(number) {
-	let numStr = number.toString();
-
-	let lastThree = numStr.slice(-3);
-	let remaining = numStr.slice(0, -3);
-
-	let parts = [];
-	while (remaining.length > 2) {
-		parts.push(remaining.slice(-2));
-		remaining = remaining.slice(0, -2);
-	}
-
-	if (remaining) {
-		parts.push(remaining);
-	}
-
-	let result = parts.reverse().join(',') + ',' + lastThree;
-	// truncate , at start or end
-	result = result.replace(/^,/, '');
-	result = result.replace(/,$/, '');
-	return result;
-}
-
-export function formatMilliseconds(ms) {
-	if (ms < 100) {
-		return `${ms.toFixed(3).replace(/\.?0+$/, '')}ms`; // Keep milliseconds if less than 100 and remove unnecessary zeros
-	} else if (ms < 60000) {
-		// Less than 1 minute, convert to seconds
-		let seconds = ms / 1000;
-		return `${seconds.toFixed(1).replace(/\.?0+$/, '')}s`;
-	} else {
-		// Convert to minutes
-		let minutes = ms / 60000;
-		return `${minutes.toFixed(1).replace(/\.?0+$/, '')}m`;
-	}
-}
-
-export function formatValue(value, type) {
-	switch (type) {
-		case 'bytes':
-			return bytes(value);
-		case 'date':
-			return date(value);
-		case 'duration':
-			return duration(value);
-		case 'durationSeconds':
-			return formatSeconds(value);
-		case 'durationMilliseconds':
-			return formatMilliseconds(value);
-		case 'commaSeperatedNumber':
-			return formatCommaSeperatedNumber(value);
-		case 'numberK':
-			return numberK(value);
-		case 'pricePerDay':
-			return pricePerDay(value);
-		case 'sql':
-			return formatSQL(value);
-		default:
-			return value;
-	}
-}
-
-export const statusMap = {
-	'Active': '激活',
-	'Inactive': '未激活',
-	'Suspended': '已暂停',
-	'Broken': '损坏',
-	'Archived': '已归档',
-	'Pending': '待处理',
-	'Installing': '安装中',
-	'Running': '运行中',
-	'Success': '成功',
-	'Failure': '失败'
-};
-
-export const deployTypeMap = {
-	'Migrate': '迁移',
-	'Pull': '拉取',
-	'Update': '更新',
-	'Install': '安装',
-	'Uninstall': '卸载',
-	'Backup': '备份',
-	'Restore': '恢复',
-	'Upgrade': '升级',
-	'Downgrade': '降级',
-	'Rollback': '回滚',
-};
-
-export function getStatusLabel(status) {
-	return statusMap[status] || status;
-}
-
-export function getDeployTypeLabel(type) {
-	return deployTypeMap[type] || type;
-}
diff --git a/dashboard_backup/src2/utils/regions.ts b/dashboard_backup/src2/utils/regions.ts
deleted file mode 100644
index 693533c..0000000
--- a/dashboard_backup/src2/utils/regions.ts
+++ /dev/null
@@ -1,6199 +0,0 @@
-// 完整的地区数据工具文件
-// 包含国家、省份、城市、区县的完整数据结构
-
-// 国家数据（复用country.ts中的数据）
-const countries = {
-  AD: '安道尔',
-  AE: '阿拉伯联合酋长国',
-  AF: '阿富汗',
-  AG: '安提瓜和巴布达',
-  AI: '安圭拉',
-  AL: '阿尔巴尼亚',
-  AM: '亚美尼亚',
-  AO: '安哥拉',
-  AQ: '南极洲',
-  AR: '阿根廷',
-  AS: '美属萨摩亚',
-  AT: '奥地利',
-  AU: '澳大利亚',
-  AW: '阿鲁巴',
-  AX: '奥兰群岛',
-  AZ: '阿塞拜疆',
-  BA: '波斯尼亚和黑塞哥维那',
-  BB: '巴巴多斯',
-  BD: '孟加拉国',
-  BE: '比利时',
-  BF: '布基纳法索',
-  BG: '保加利亚',
-  BH: '巴林',
-  BI: '布隆迪',
-  BJ: '贝宁',
-  BL: '圣巴泰勒米',
-  BM: '百慕大',
-  BN: '文莱',
-  BO: '玻利维亚',
-  BQ: '荷兰加勒比区',
-  BR: '巴西',
-  BS: '巴哈马',
-  BT: '不丹',
-  BV: '布韦岛',
-  BW: '博茨瓦纳',
-  BY: '白俄罗斯',
-  BZ: '伯利兹',
-  CA: '加拿大',
-  CC: '科科斯群岛',
-  CD: '刚果民主共和国',
-  CF: '中非共和国',
-  CG: '刚果共和国',
-  CH: '瑞士',
-  CI: '科特迪瓦',
-  CK: '库克群岛',
-  CL: '智利',
-  CM: '喀麦隆',
-  CN: '中国',
-  CO: '哥伦比亚',
-  CR: '哥斯达黎加',
-  CU: '古巴',
-  CV: '佛得角',
-  CW: '库拉索',
-  CX: '圣诞岛',
-  CY: '塞浦路斯',
-  CZ: '捷克',
-  DE: '德国',
-  DJ: '吉布提',
-  DK: '丹麦',
-  DM: '多米尼克',
-  DO: '多米尼加共和国',
-  DZ: '阿尔及利亚',
-  EC: '厄瓜多尔',
-  EE: '爱沙尼亚',
-  EG: '埃及',
-  EH: '西撒哈拉',
-  ER: '厄立特里亚',
-  ES: '西班牙',
-  ET: '埃塞俄比亚',
-  FI: '芬兰',
-  FJ: '斐济',
-  FK: '福克兰群岛',
-  FM: '密克罗尼西亚',
-  FO: '法罗群岛',
-  FR: '法国',
-  GA: '加蓬',
-  GB: '英国',
-  GD: '格林纳达',
-  GE: '格鲁吉亚',
-  GF: '法属圭亚那',
-  GG: '根西岛',
-  GH: '加纳',
-  GI: '直布罗陀',
-  GL: '格陵兰',
-  GM: '冈比亚',
-  GN: '几内亚',
-  GP: '瓜德罗普',
-  GQ: '赤道几内亚',
-  GR: '希腊',
-  GS: '南乔治亚和南桑威奇群岛',
-  GT: '危地马拉',
-  GU: '关岛',
-  GW: '几内亚比绍',
-  GY: '圭亚那',
-  HK: '香港',
-  HM: '赫德岛和麦克唐纳群岛',
-  HN: '洪都拉斯',
-  HR: '克罗地亚',
-  HT: '海地',
-  HU: '匈牙利',
-  ID: '印度尼西亚',
-  IE: '爱尔兰',
-  IL: '以色列',
-  IM: '马恩岛',
-  IN: '印度',
-  IO: '英属印度洋领地',
-  IQ: '伊拉克',
-  IR: '伊朗',
-  IS: '冰岛',
-  IT: '意大利',
-  JE: '泽西岛',
-  JM: '牙买加',
-  JO: '约旦',
-  JP: '日本',
-  KE: '肯尼亚',
-  KG: '吉尔吉斯斯坦',
-  KH: '柬埔寨',
-  KI: '基里巴斯',
-  KM: '科摩罗',
-  KN: '圣基茨和尼维斯',
-  KP: '朝鲜',
-  KR: '韩国',
-  KW: '科威特',
-  KY: '开曼群岛',
-  KZ: '哈萨克斯坦',
-  LA: '老挝',
-  LB: '黎巴嫩',
-  LC: '圣卢西亚',
-  LI: '列支敦士登',
-  LK: '斯里兰卡',
-  LR: '利比里亚',
-  LS: '莱索托',
-  LT: '立陶宛',
-  LU: '卢森堡',
-  LV: '拉脱维亚',
-  LY: '利比亚',
-  MA: '摩洛哥',
-  MC: '摩纳哥',
-  MD: '摩尔多瓦',
-  ME: '黑山',
-  MF: '法属圣马丁',
-  MG: '马达加斯加',
-  MH: '马绍尔群岛',
-  MK: '北马其顿',
-  ML: '马里',
-  MM: '缅甸',
-  MN: '蒙古',
-  MO: '澳门',
-  MP: '北马里亚纳群岛',
-  MQ: '马提尼克',
-  MR: '毛里塔尼亚',
-  MS: '蒙特塞拉特',
-  MT: '马耳他',
-  MU: '毛里求斯',
-  MV: '马尔代夫',
-  MW: '马拉维',
-  MX: '墨西哥',
-  MY: '马来西亚',
-  MZ: '莫桑比克',
-  NA: '纳米比亚',
-  NC: '新喀里多尼亚',
-  NE: '尼日尔',
-  NF: '诺福克岛',
-  NG: '尼日利亚',
-  NI: '尼加拉瓜',
-  NL: '荷兰',
-  NO: '挪威',
-  NP: '尼泊尔',
-  NR: '瑙鲁',
-  NU: '纽埃',
-  NZ: '新西兰',
-  OM: '阿曼',
-  PA: '巴拿马',
-  PE: '秘鲁',
-  PF: '法属波利尼西亚',
-  PG: '巴布亚新几内亚',
-  PH: '菲律宾',
-  PK: '巴基斯坦',
-  PL: '波兰',
-  PM: '圣皮埃尔和密克隆',
-  PN: '皮特凯恩群岛',
-  PR: '波多黎各',
-  PS: '巴勒斯坦',
-  PT: '葡萄牙',
-  PW: '帕劳',
-  PY: '巴拉圭',
-  QA: '卡塔尔',
-  RE: '留尼汪',
-  RO: '罗马尼亚',
-  RS: '塞尔维亚',
-  RU: '俄罗斯',
-  RW: '卢旺达',
-  SA: '沙特阿拉伯',
-  SB: '所罗门群岛',
-  SC: '塞舌尔',
-  SD: '苏丹',
-  SE: '瑞典',
-  SG: '新加坡',
-  SH: '圣赫勒拿、阿森松和特里斯坦-达库尼亚',
-  SI: '斯洛文尼亚',
-  SJ: '斯瓦尔巴和扬马延',
-  SK: '斯洛伐克',
-  SL: '塞拉利昂',
-  SM: '圣马力诺',
-  SN: '塞内加尔',
-  SO: '索马里',
-  SR: '苏里南',
-  SS: '南苏丹',
-  ST: '圣多美和普林西比',
-  SV: '萨尔瓦多',
-  SX: '荷属圣马丁',
-  SY: '叙利亚',
-  SZ: '斯威士兰',
-  TC: '特克斯和凯科斯群岛',
-  TD: '乍得',
-  TF: '法属南部领地',
-  TG: '多哥',
-  TH: '泰国',
-  TJ: '塔吉克斯坦',
-  TK: '托克劳',
-  TL: '东帝汶',
-  TM: '土库曼斯坦',
-  TN: '突尼斯',
-  TO: '汤加',
-  TR: '土耳其',
-  TT: '特立尼达和多巴哥',
-  TV: '图瓦卢',
-  TW: '台湾',
-  TZ: '坦桑尼亚',
-  UA: '乌克兰',
-  UG: '乌干达',
-  UM: '美国本土外小岛屿',
-  US: '美国',
-  UY: '乌拉圭',
-  UZ: '乌兹别克斯坦',
-  VA: '梵蒂冈',
-  VC: '圣文森特和格林纳丁斯',
-  VE: '委内瑞拉',
-  VG: '英属维尔京群岛',
-  VI: '美属维尔京群岛',
-  VN: '越南',
-  VU: '瓦努阿图',
-  WF: '瓦利斯和富图纳',
-  WS: '萨摩亚',
-  YE: '也门',
-  YT: '马约特',
-  ZA: '南非',
-  ZM: '赞比亚',
-  ZW: '津巴布韦'
-};
-
-// 中国地区数据结构
-interface District {
-  code: string;
-  name: string;
-}
-
-interface City {
-  code: string;
-  name: string;
-  districts: District[];
-}
-
-interface Province {
-  code: string;
-  name: string;
-  cities: City[];
-}
-
-// 中国省份、城市、区县数据 - 完整数据集
-const chinaRegions: Province[] = [
-  {
-    code: '11',
-    name: '北京市',
-    cities: [
-      {
-        code: '1101',
-        name: '市辖区',
-        districts: [
-          { code: '110101', name: '东城区' },
-          { code: '110102', name: '西城区' },
-          { code: '110105', name: '朝阳区' },
-          { code: '110106', name: '丰台区' },
-          { code: '110107', name: '石景山区' },
-          { code: '110108', name: '海淀区' },
-          { code: '110109', name: '门头沟区' },
-          { code: '110111', name: '房山区' },
-          { code: '110112', name: '通州区' },
-          { code: '110113', name: '顺义区' },
-          { code: '110114', name: '昌平区' },
-          { code: '110115', name: '大兴区' },
-          { code: '110116', name: '怀柔区' },
-          { code: '110117', name: '平谷区' },
-          { code: '110118', name: '密云区' },
-          { code: '110119', name: '延庆区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '12',
-    name: '天津市',
-    cities: [
-      {
-        code: '1201',
-        name: '市辖区',
-        districts: [
-          { code: '120101', name: '和平区' },
-          { code: '120102', name: '河东区' },
-          { code: '120103', name: '河西区' },
-          { code: '120104', name: '南开区' },
-          { code: '120105', name: '河北区' },
-          { code: '120106', name: '红桥区' },
-          { code: '120110', name: '东丽区' },
-          { code: '120111', name: '西青区' },
-          { code: '120112', name: '津南区' },
-          { code: '120113', name: '北辰区' },
-          { code: '120114', name: '武清区' },
-          { code: '120115', name: '宝坻区' },
-          { code: '120116', name: '滨海新区' },
-          { code: '120117', name: '宁河区' },
-          { code: '120118', name: '静海区' },
-          { code: '120119', name: '蓟州区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '13',
-    name: '河北省',
-    cities: [
-      {
-        code: '1301',
-        name: '石家庄市',
-        districts: [
-          { code: '130102', name: '长安区' },
-          { code: '130104', name: '桥西区' },
-          { code: '130105', name: '新华区' },
-          { code: '130107', name: '井陉矿区' },
-          { code: '130108', name: '裕华区' },
-          { code: '130109', name: '藁城区' },
-          { code: '130110', name: '鹿泉区' },
-          { code: '130111', name: '栾城区' },
-          { code: '130121', name: '井陉县' },
-          { code: '130123', name: '正定县' },
-          { code: '130125', name: '行唐县' },
-          { code: '130126', name: '灵寿县' },
-          { code: '130127', name: '高邑县' },
-          { code: '130128', name: '深泽县' },
-          { code: '130129', name: '赞皇县' },
-          { code: '130130', name: '无极县' },
-          { code: '130131', name: '平山县' },
-          { code: '130132', name: '元氏县' },
-          { code: '130133', name: '赵县' },
-          { code: '130171', name: '石家庄高新技术产业开发区' },
-          { code: '130172', name: '石家庄循环化工园区' },
-          { code: '130181', name: '辛集市' },
-          { code: '130183', name: '晋州市' },
-          { code: '130184', name: '新乐市' }
-        ]
-      },
-      {
-        code: '1302',
-        name: '唐山市',
-        districts: [
-          { code: '130202', name: '路南区' },
-          { code: '130203', name: '路北区' },
-          { code: '130204', name: '古冶区' },
-          { code: '130205', name: '开平区' },
-          { code: '130207', name: '丰南区' },
-          { code: '130208', name: '丰润区' },
-          { code: '130209', name: '曹妃甸区' },
-          { code: '130224', name: '滦南县' },
-          { code: '130225', name: '乐亭县' },
-          { code: '130227', name: '迁西县' },
-          { code: '130229', name: '玉田县' },
-          { code: '130271', name: '河北唐山芦台经济开发区' },
-          { code: '130272', name: '唐山市汉沽管理区' },
-          { code: '130273', name: '唐山高新技术产业开发区' },
-          { code: '130274', name: '河北唐山海港经济开发区' },
-          { code: '130281', name: '遵化市' },
-          { code: '130283', name: '迁安市' },
-          { code: '130284', name: '滦州市' }
-        ]
-      },
-      {
-        code: '1303',
-        name: '秦皇岛市',
-        districts: [
-          { code: '130302', name: '海港区' },
-          { code: '130303', name: '山海关区' },
-          { code: '130304', name: '北戴河区' },
-          { code: '130306', name: '抚宁区' },
-          { code: '130321', name: '青龙满族自治县' },
-          { code: '130322', name: '昌黎县' },
-          { code: '130324', name: '卢龙县' },
-          { code: '130371', name: '秦皇岛市经济技术开发区' },
-          { code: '130372', name: '北戴河新区' }
-        ]
-      },
-      {
-        code: '1304',
-        name: '邯郸市',
-        districts: [
-          { code: '130402', name: '邯山区' },
-          { code: '130403', name: '丛台区' },
-          { code: '130404', name: '复兴区' },
-          { code: '130406', name: '峰峰矿区' },
-          { code: '130407', name: '肥乡区' },
-          { code: '130408', name: '永年区' },
-          { code: '130423', name: '临漳县' },
-          { code: '130424', name: '成安县' },
-          { code: '130425', name: '大名县' },
-          { code: '130426', name: '涉县' },
-          { code: '130427', name: '磁县' },
-          { code: '130430', name: '邱县' },
-          { code: '130431', name: '鸡泽县' },
-          { code: '130432', name: '广平县' },
-          { code: '130433', name: '馆陶县' },
-          { code: '130434', name: '魏县' },
-          { code: '130435', name: '曲周县' },
-          { code: '130471', name: '邯郸经济技术开发区' },
-          { code: '130473', name: '邯郸冀南新区' },
-          { code: '130481', name: '武安市' }
-        ]
-      },
-      {
-        code: '1305',
-        name: '邢台市',
-        districts: [
-          { code: '130502', name: '襄都区' },
-          { code: '130503', name: '信都区' },
-          { code: '130505', name: '任泽区' },
-          { code: '130506', name: '南和区' },
-          { code: '130522', name: '临城县' },
-          { code: '130523', name: '内丘县' },
-          { code: '130524', name: '柏乡县' },
-          { code: '130525', name: '隆尧县' },
-          { code: '130528', name: '宁晋县' },
-          { code: '130529', name: '巨鹿县' },
-          { code: '130530', name: '新河县' },
-          { code: '130531', name: '广宗县' },
-          { code: '130532', name: '平乡县' },
-          { code: '130533', name: '威县' },
-          { code: '130534', name: '清河县' },
-          { code: '130535', name: '临西县' },
-          { code: '130571', name: '河北邢台经济开发区' },
-          { code: '130581', name: '南宫市' },
-          { code: '130582', name: '沙河市' }
-        ]
-      },
-      {
-        code: '1306',
-        name: '保定市',
-        districts: [
-          { code: '130602', name: '竞秀区' },
-          { code: '130606', name: '莲池区' },
-          { code: '130607', name: '满城区' },
-          { code: '130608', name: '清苑区' },
-          { code: '130609', name: '徐水区' },
-          { code: '130623', name: '涞水县' },
-          { code: '130624', name: '阜平县' },
-          { code: '130626', name: '定兴县' },
-          { code: '130627', name: '唐县' },
-          { code: '130628', name: '高阳县' },
-          { code: '130629', name: '容城县' },
-          { code: '130630', name: '涞源县' },
-          { code: '130631', name: '望都县' },
-          { code: '130632', name: '安新县' },
-          { code: '130633', name: '易县' },
-          { code: '130634', name: '曲阳县' },
-          { code: '130635', name: '蠡县' },
-          { code: '130636', name: '顺平县' },
-          { code: '130637', name: '博野县' },
-          { code: '130638', name: '雄县' },
-          { code: '130671', name: '保定高新技术产业开发区' },
-          { code: '130672', name: '保定白沟新城' },
-          { code: '130681', name: '涿州市' },
-          { code: '130682', name: '定州市' },
-          { code: '130683', name: '安国市' },
-          { code: '130684', name: '高碑店市' }
-        ]
-      },
-      {
-        code: '1307',
-        name: '张家口市',
-        districts: [
-          { code: '130702', name: '桥东区' },
-          { code: '130703', name: '桥西区' },
-          { code: '130705', name: '宣化区' },
-          { code: '130706', name: '下花园区' },
-          { code: '130708', name: '万全区' },
-          { code: '130709', name: '崇礼区' },
-          { code: '130722', name: '张北县' },
-          { code: '130723', name: '康保县' },
-          { code: '130724', name: '沽源县' },
-          { code: '130725', name: '尚义县' },
-          { code: '130726', name: '蔚县' },
-          { code: '130727', name: '阳原县' },
-          { code: '130728', name: '怀安县' },
-          { code: '130730', name: '怀来县' },
-          { code: '130731', name: '涿鹿县' },
-          { code: '130732', name: '赤城县' },
-          { code: '130771', name: '张家口经济开发区' },
-          { code: '130772', name: '张家口市察北管理区' },
-          { code: '130773', name: '张家口市塞北管理区' }
-        ]
-      },
-      {
-        code: '1308',
-        name: '承德市',
-        districts: [
-          { code: '130802', name: '双桥区' },
-          { code: '130803', name: '双滦区' },
-          { code: '130804', name: '鹰手营子矿区' },
-          { code: '130821', name: '承德县' },
-          { code: '130822', name: '兴隆县' },
-          { code: '130824', name: '滦平县' },
-          { code: '130825', name: '隆化县' },
-          { code: '130826', name: '丰宁满族自治县' },
-          { code: '130827', name: '宽城满族自治县' },
-          { code: '130828', name: '围场满族蒙古族自治县' },
-          { code: '130871', name: '承德高新技术产业开发区' },
-          { code: '130881', name: '平泉市' }
-        ]
-      },
-      {
-        code: '1309',
-        name: '沧州市',
-        districts: [
-          { code: '130902', name: '新华区' },
-          { code: '130903', name: '运河区' },
-          { code: '130921', name: '沧县' },
-          { code: '130922', name: '青县' },
-          { code: '130923', name: '东光县' },
-          { code: '130924', name: '海兴县' },
-          { code: '130925', name: '盐山县' },
-          { code: '130926', name: '肃宁县' },
-          { code: '130927', name: '南皮县' },
-          { code: '130928', name: '吴桥县' },
-          { code: '130929', name: '献县' },
-          { code: '130930', name: '孟村回族自治县' },
-          { code: '130971', name: '河北沧州经济开发区' },
-          { code: '130972', name: '沧州高新技术产业开发区' },
-          { code: '130973', name: '沧州渤海新区' },
-          { code: '130981', name: '泊头市' },
-          { code: '130982', name: '任丘市' },
-          { code: '130983', name: '黄骅市' },
-          { code: '130984', name: '河间市' }
-        ]
-      },
-      {
-        code: '1310',
-        name: '廊坊市',
-        districts: [
-          { code: '131002', name: '安次区' },
-          { code: '131003', name: '广阳区' },
-          { code: '131022', name: '固安县' },
-          { code: '131023', name: '永清县' },
-          { code: '131024', name: '香河县' },
-          { code: '131025', name: '大城县' },
-          { code: '131026', name: '文安县' },
-          { code: '131028', name: '大厂回族自治县' },
-          { code: '131071', name: '廊坊经济技术开发区' },
-          { code: '131081', name: '霸州市' },
-          { code: '131082', name: '三河市' }
-        ]
-      },
-      {
-        code: '1311',
-        name: '衡水市',
-        districts: [
-          { code: '131102', name: '桃城区' },
-          { code: '131103', name: '冀州区' },
-          { code: '131121', name: '枣强县' },
-          { code: '131122', name: '武邑县' },
-          { code: '131123', name: '武强县' },
-          { code: '131124', name: '饶阳县' },
-          { code: '131125', name: '安平县' },
-          { code: '131126', name: '故城县' },
-          { code: '131127', name: '景县' },
-          { code: '131128', name: '阜城县' },
-          { code: '131171', name: '河北衡水高新技术产业开发区' },
-          { code: '131172', name: '衡水滨湖新区' },
-          { code: '131182', name: '深州市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '14',
-    name: '山西省',
-    cities: [
-      {
-        code: '1401',
-        name: '太原市',
-        districts: [
-          { code: '140105', name: '小店区' },
-          { code: '140106', name: '迎泽区' },
-          { code: '140107', name: '杏花岭区' },
-          { code: '140108', name: '尖草坪区' },
-          { code: '140109', name: '万柏林区' },
-          { code: '140110', name: '晋源区' },
-          { code: '140121', name: '清徐县' },
-          { code: '140122', name: '阳曲县' },
-          { code: '140123', name: '娄烦县' },
-          { code: '140171', name: '山西转型综合改革示范区' },
-          { code: '140181', name: '古交市' }
-        ]
-      },
-      {
-        code: '1402',
-        name: '大同市',
-        districts: [
-          { code: '140212', name: '新荣区' },
-          { code: '140213', name: '平城区' },
-          { code: '140214', name: '云冈区' },
-          { code: '140215', name: '云州区' },
-          { code: '140221', name: '阳高县' },
-          { code: '140222', name: '天镇县' },
-          { code: '140223', name: '广灵县' },
-          { code: '140224', name: '灵丘县' },
-          { code: '140225', name: '浑源县' },
-          { code: '140226', name: '左云县' },
-          { code: '140271', name: '山西大同经济开发区' }
-        ]
-      },
-      {
-        code: '1403',
-        name: '阳泉市',
-        districts: [
-          { code: '140302', name: '城区' },
-          { code: '140303', name: '矿区' },
-          { code: '140311', name: '郊区' },
-          { code: '140321', name: '平定县' },
-          { code: '140322', name: '盂县' }
-        ]
-      },
-      {
-        code: '1404',
-        name: '长治市',
-        districts: [
-          { code: '140403', name: '潞州区' },
-          { code: '140404', name: '上党区' },
-          { code: '140405', name: '屯留区' },
-          { code: '140406', name: '潞城区' },
-          { code: '140423', name: '襄垣县' },
-          { code: '140425', name: '平顺县' },
-          { code: '140426', name: '黎城县' },
-          { code: '140427', name: '壶关县' },
-          { code: '140428', name: '长子县' },
-          { code: '140429', name: '武乡县' },
-          { code: '140430', name: '沁县' },
-          { code: '140431', name: '沁源县' }
-        ]
-      },
-      {
-        code: '1405',
-        name: '晋城市',
-        districts: [
-          { code: '140502', name: '城区' },
-          { code: '140521', name: '沁水县' },
-          { code: '140522', name: '阳城县' },
-          { code: '140524', name: '陵川县' },
-          { code: '140525', name: '泽州县' },
-          { code: '140581', name: '高平市' }
-        ]
-      },
-      {
-        code: '1406',
-        name: '朔州市',
-        districts: [
-          { code: '140602', name: '朔城区' },
-          { code: '140603', name: '平鲁区' },
-          { code: '140621', name: '山阴县' },
-          { code: '140622', name: '应县' },
-          { code: '140623', name: '右玉县' },
-          { code: '140671', name: '山西朔州经济开发区' },
-          { code: '140681', name: '怀仁市' }
-        ]
-      },
-      {
-        code: '1407',
-        name: '晋中市',
-        districts: [
-          { code: '140702', name: '榆次区' },
-          { code: '140703', name: '太谷区' },
-          { code: '140721', name: '榆社县' },
-          { code: '140722', name: '左权县' },
-          { code: '140723', name: '和顺县' },
-          { code: '140724', name: '昔阳县' },
-          { code: '140725', name: '寿阳县' },
-          { code: '140727', name: '祁县' },
-          { code: '140728', name: '平遥县' },
-          { code: '140729', name: '灵石县' },
-          { code: '140781', name: '介休市' }
-        ]
-      },
-      {
-        code: '1408',
-        name: '运城市',
-        districts: [
-          { code: '140802', name: '盐湖区' },
-          { code: '140821', name: '临猗县' },
-          { code: '140822', name: '万荣县' },
-          { code: '140823', name: '闻喜县' },
-          { code: '140824', name: '稷山县' },
-          { code: '140825', name: '新绛县' },
-          { code: '140826', name: '绛县' },
-          { code: '140827', name: '垣曲县' },
-          { code: '140828', name: '夏县' },
-          { code: '140829', name: '平陆县' },
-          { code: '140830', name: '芮城县' },
-          { code: '140881', name: '永济市' },
-          { code: '140882', name: '河津市' }
-        ]
-      },
-      {
-        code: '1409',
-        name: '忻州市',
-        districts: [
-          { code: '140902', name: '忻府区' },
-          { code: '140921', name: '定襄县' },
-          { code: '140922', name: '五台县' },
-          { code: '140923', name: '代县' },
-          { code: '140924', name: '繁峙县' },
-          { code: '140925', name: '宁武县' },
-          { code: '140926', name: '静乐县' },
-          { code: '140927', name: '神池县' },
-          { code: '140928', name: '五寨县' },
-          { code: '140929', name: '岢岚县' },
-          { code: '140930', name: '河曲县' },
-          { code: '140931', name: '保德县' },
-          { code: '140932', name: '偏关县' },
-          { code: '140971', name: '五台山风景名胜区' },
-          { code: '140981', name: '原平市' }
-        ]
-      },
-      {
-        code: '1410',
-        name: '临汾市',
-        districts: [
-          { code: '141002', name: '尧都区' },
-          { code: '141021', name: '曲沃县' },
-          { code: '141022', name: '翼城县' },
-          { code: '141023', name: '襄汾县' },
-          { code: '141024', name: '洪洞县' },
-          { code: '141025', name: '古县' },
-          { code: '141026', name: '安泽县' },
-          { code: '141027', name: '浮山县' },
-          { code: '141028', name: '吉县' },
-          { code: '141029', name: '乡宁县' },
-          { code: '141030', name: '大宁县' },
-          { code: '141031', name: '隰县' },
-          { code: '141032', name: '永和县' },
-          { code: '141033', name: '蒲县' },
-          { code: '141034', name: '汾西县' },
-          { code: '141081', name: '侯马市' },
-          { code: '141082', name: '霍州市' }
-        ]
-      },
-      {
-        code: '1411',
-        name: '吕梁市',
-        districts: [
-          { code: '141102', name: '离石区' },
-          { code: '141121', name: '文水县' },
-          { code: '141122', name: '交城县' },
-          { code: '141123', name: '兴县' },
-          { code: '141124', name: '临县' },
-          { code: '141125', name: '柳林县' },
-          { code: '141126', name: '石楼县' },
-          { code: '141127', name: '岚县' },
-          { code: '141128', name: '方山县' },
-          { code: '141129', name: '中阳县' },
-          { code: '141130', name: '交口县' },
-          { code: '141181', name: '孝义市' },
-          { code: '141182', name: '汾阳市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '15',
-    name: '内蒙古自治区',
-    cities: [
-      {
-        code: '1501',
-        name: '呼和浩特市',
-        districts: [
-          { code: '150102', name: '新城区' },
-          { code: '150103', name: '回民区' },
-          { code: '150104', name: '玉泉区' },
-          { code: '150105', name: '赛罕区' },
-          { code: '150121', name: '土默特左旗' },
-          { code: '150122', name: '托克托县' },
-          { code: '150123', name: '和林格尔县' },
-          { code: '150124', name: '清水河县' },
-          { code: '150125', name: '武川县' },
-          { code: '150172', name: '呼和浩特经济技术开发区' }
-        ]
-      },
-      {
-        code: '1502',
-        name: '包头市',
-        districts: [
-          { code: '150202', name: '东河区' },
-          { code: '150203', name: '昆都仑区' },
-          { code: '150204', name: '青山区' },
-          { code: '150205', name: '石拐区' },
-          { code: '150206', name: '白云鄂博矿区' },
-          { code: '150207', name: '九原区' },
-          { code: '150221', name: '土默特右旗' },
-          { code: '150222', name: '固阳县' },
-          { code: '150223', name: '达尔罕茂明安联合旗' },
-          { code: '150271', name: '包头稀土高新技术产业开发区' }
-        ]
-      },
-      {
-        code: '1503',
-        name: '乌海市',
-        districts: [
-          { code: '150302', name: '海勃湾区' },
-          { code: '150303', name: '海南区' },
-          { code: '150304', name: '乌达区' }
-        ]
-      },
-      {
-        code: '1504',
-        name: '赤峰市',
-        districts: [
-          { code: '150402', name: '红山区' },
-          { code: '150403', name: '元宝山区' },
-          { code: '150404', name: '松山区' },
-          { code: '150421', name: '阿鲁科尔沁旗' },
-          { code: '150422', name: '巴林左旗' },
-          { code: '150423', name: '巴林右旗' },
-          { code: '150424', name: '林西县' },
-          { code: '150425', name: '克什克腾旗' },
-          { code: '150426', name: '翁牛特旗' },
-          { code: '150428', name: '喀喇沁旗' },
-          { code: '150429', name: '宁城县' },
-          { code: '150430', name: '敖汉旗' }
-        ]
-      },
-      {
-        code: '1505',
-        name: '通辽市',
-        districts: [
-          { code: '150502', name: '科尔沁区' },
-          { code: '150521', name: '科尔沁左翼中旗' },
-          { code: '150522', name: '科尔沁左翼后旗' },
-          { code: '150523', name: '开鲁县' },
-          { code: '150524', name: '库伦旗' },
-          { code: '150525', name: '奈曼旗' },
-          { code: '150526', name: '扎鲁特旗' },
-          { code: '150571', name: '通辽经济技术开发区' },
-          { code: '150581', name: '霍林郭勒市' }
-        ]
-      },
-      {
-        code: '1506',
-        name: '鄂尔多斯市',
-        districts: [
-          { code: '150602', name: '东胜区' },
-          { code: '150603', name: '康巴什区' },
-          { code: '150621', name: '达拉特旗' },
-          { code: '150622', name: '准格尔旗' },
-          { code: '150623', name: '鄂托克前旗' },
-          { code: '150624', name: '鄂托克旗' },
-          { code: '150625', name: '杭锦旗' },
-          { code: '150626', name: '乌审旗' },
-          { code: '150627', name: '伊金霍洛旗' }
-        ]
-      },
-      {
-        code: '1507',
-        name: '呼伦贝尔市',
-        districts: [
-          { code: '150702', name: '海拉尔区' },
-          { code: '150703', name: '扎赉诺尔区' },
-          { code: '150721', name: '阿荣旗' },
-          { code: '150722', name: '莫力达瓦达斡尔族自治旗' },
-          { code: '150723', name: '鄂伦春自治旗' },
-          { code: '150724', name: '鄂温克族自治旗' },
-          { code: '150725', name: '陈巴尔虎旗' },
-          { code: '150726', name: '新巴尔虎左旗' },
-          { code: '150727', name: '新巴尔虎右旗' },
-          { code: '150781', name: '满洲里市' },
-          { code: '150782', name: '牙克石市' },
-          { code: '150783', name: '扎兰屯市' },
-          { code: '150784', name: '额尔古纳市' },
-          { code: '150785', name: '根河市' }
-        ]
-      },
-      {
-        code: '1508',
-        name: '巴彦淖尔市',
-        districts: [
-          { code: '150802', name: '临河区' },
-          { code: '150821', name: '五原县' },
-          { code: '150822', name: '磴口县' },
-          { code: '150823', name: '乌拉特前旗' },
-          { code: '150824', name: '乌拉特中旗' },
-          { code: '150825', name: '乌拉特后旗' },
-          { code: '150826', name: '杭锦后旗' }
-        ]
-      },
-      {
-        code: '1509',
-        name: '乌兰察布市',
-        districts: [
-          { code: '150902', name: '集宁区' },
-          { code: '150921', name: '卓资县' },
-          { code: '150922', name: '化德县' },
-          { code: '150923', name: '商都县' },
-          { code: '150924', name: '兴和县' },
-          { code: '150925', name: '凉城县' },
-          { code: '150926', name: '察哈尔右翼前旗' },
-          { code: '150927', name: '察哈尔右翼中旗' },
-          { code: '150928', name: '察哈尔右翼后旗' },
-          { code: '150929', name: '四子王旗' },
-          { code: '150981', name: '丰镇市' }
-        ]
-      },
-      {
-        code: '1522',
-        name: '兴安盟',
-        districts: [
-          { code: '152201', name: '乌兰浩特市' },
-          { code: '152202', name: '阿尔山市' },
-          { code: '152221', name: '科尔沁右翼前旗' },
-          { code: '152222', name: '科尔沁右翼中旗' },
-          { code: '152223', name: '扎赉特旗' },
-          { code: '152224', name: '突泉县' }
-        ]
-      },
-      {
-        code: '1525',
-        name: '锡林郭勒盟',
-        districts: [
-          { code: '152501', name: '二连浩特市' },
-          { code: '152502', name: '锡林浩特市' },
-          { code: '152522', name: '阿巴嘎旗' },
-          { code: '152523', name: '苏尼特左旗' },
-          { code: '152524', name: '苏尼特右旗' },
-          { code: '152525', name: '东乌珠穆沁旗' },
-          { code: '152526', name: '西乌珠穆沁旗' },
-          { code: '152527', name: '太仆寺旗' },
-          { code: '152528', name: '镶黄旗' },
-          { code: '152529', name: '正镶白旗' },
-          { code: '152530', name: '正蓝旗' },
-          { code: '152531', name: '多伦县' },
-          { code: '152571', name: '乌拉盖管理区管委会' }
-        ]
-      },
-      {
-        code: '1529',
-        name: '阿拉善盟',
-        districts: [
-          { code: '152921', name: '阿拉善左旗' },
-          { code: '152922', name: '阿拉善右旗' },
-          { code: '152923', name: '额济纳旗' },
-          { code: '152971', name: '内蒙古阿拉善高新技术产业开发区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '21',
-    name: '辽宁省',
-    cities: [
-      {
-        code: '2101',
-        name: '沈阳市',
-        districts: [
-          { code: '210102', name: '和平区' },
-          { code: '210103', name: '沈河区' },
-          { code: '210104', name: '大东区' },
-          { code: '210105', name: '皇姑区' },
-          { code: '210106', name: '铁西区' },
-          { code: '210111', name: '苏家屯区' },
-          { code: '210112', name: '浑南区' },
-          { code: '210113', name: '沈北新区' },
-          { code: '210114', name: '于洪区' },
-          { code: '210115', name: '辽中区' },
-          { code: '210123', name: '康平县' },
-          { code: '210124', name: '法库县' },
-          { code: '210181', name: '新民市' }
-        ]
-      },
-      {
-        code: '2102',
-        name: '大连市',
-        districts: [
-          { code: '210202', name: '中山区' },
-          { code: '210203', name: '西岗区' },
-          { code: '210204', name: '沙河口区' },
-          { code: '210211', name: '甘井子区' },
-          { code: '210212', name: '旅顺口区' },
-          { code: '210213', name: '金州区' },
-          { code: '210214', name: '普兰店区' },
-          { code: '210224', name: '长海县' },
-          { code: '210281', name: '瓦房店市' },
-          { code: '210283', name: '庄河市' }
-        ]
-      },
-      {
-        code: '2103',
-        name: '鞍山市',
-        districts: [
-          { code: '210302', name: '铁东区' },
-          { code: '210303', name: '铁西区' },
-          { code: '210304', name: '立山区' },
-          { code: '210311', name: '千山区' },
-          { code: '210321', name: '台安县' },
-          { code: '210323', name: '岫岩满族自治县' },
-          { code: '210381', name: '海城市' }
-        ]
-      },
-      {
-        code: '2104',
-        name: '抚顺市',
-        districts: [
-          { code: '210402', name: '新抚区' },
-          { code: '210403', name: '东洲区' },
-          { code: '210404', name: '望花区' },
-          { code: '210411', name: '顺城区' },
-          { code: '210421', name: '抚顺县' },
-          { code: '210422', name: '新宾满族自治县' },
-          { code: '210423', name: '清原满族自治县' }
-        ]
-      },
-      {
-        code: '2105',
-        name: '本溪市',
-        districts: [
-          { code: '210502', name: '平山区' },
-          { code: '210503', name: '溪湖区' },
-          { code: '210504', name: '明山区' },
-          { code: '210505', name: '南芬区' },
-          { code: '210521', name: '本溪满族自治县' },
-          { code: '210522', name: '桓仁满族自治县' }
-        ]
-      },
-      {
-        code: '2106',
-        name: '丹东市',
-        districts: [
-          { code: '210602', name: '元宝区' },
-          { code: '210603', name: '振兴区' },
-          { code: '210604', name: '振安区' },
-          { code: '210624', name: '宽甸满族自治县' },
-          { code: '210681', name: '东港市' },
-          { code: '210682', name: '凤城市' }
-        ]
-      },
-      {
-        code: '2107',
-        name: '锦州市',
-        districts: [
-          { code: '210702', name: '古塔区' },
-          { code: '210703', name: '凌河区' },
-          { code: '210711', name: '太和区' },
-          { code: '210726', name: '黑山县' },
-          { code: '210727', name: '义县' },
-          { code: '210781', name: '凌海市' },
-          { code: '210782', name: '北镇市' }
-        ]
-      },
-      {
-        code: '2108',
-        name: '营口市',
-        districts: [
-          { code: '210802', name: '站前区' },
-          { code: '210803', name: '西市区' },
-          { code: '210804', name: '鲅鱼圈区' },
-          { code: '210811', name: '老边区' },
-          { code: '210881', name: '盖州市' },
-          { code: '210882', name: '大石桥市' }
-        ]
-      },
-      {
-        code: '2109',
-        name: '阜新市',
-        districts: [
-          { code: '210902', name: '海州区' },
-          { code: '210903', name: '新邱区' },
-          { code: '210904', name: '太平区' },
-          { code: '210905', name: '清河门区' },
-          { code: '210911', name: '细河区' },
-          { code: '210921', name: '阜新蒙古族自治县' },
-          { code: '210922', name: '彰武县' }
-        ]
-      },
-      {
-        code: '2110',
-        name: '辽阳市',
-        districts: [
-          { code: '211002', name: '白塔区' },
-          { code: '211003', name: '文圣区' },
-          { code: '211004', name: '宏伟区' },
-          { code: '211005', name: '弓长岭区' },
-          { code: '211011', name: '太子河区' },
-          { code: '211021', name: '辽阳县' },
-          { code: '211081', name: '灯塔市' }
-        ]
-      },
-      {
-        code: '2111',
-        name: '盘锦市',
-        districts: [
-          { code: '211102', name: '双台子区' },
-          { code: '211103', name: '兴隆台区' },
-          { code: '211104', name: '大洼区' },
-          { code: '211122', name: '盘山县' }
-        ]
-      },
-      {
-        code: '2112',
-        name: '铁岭市',
-        districts: [
-          { code: '211202', name: '银州区' },
-          { code: '211204', name: '清河区' },
-          { code: '211221', name: '铁岭县' },
-          { code: '211223', name: '西丰县' },
-          { code: '211224', name: '昌图县' },
-          { code: '211281', name: '调兵山市' },
-          { code: '211282', name: '开原市' }
-        ]
-      },
-      {
-        code: '2113',
-        name: '朝阳市',
-        districts: [
-          { code: '211302', name: '双塔区' },
-          { code: '211303', name: '龙城区' },
-          { code: '211321', name: '朝阳县' },
-          { code: '211322', name: '建平县' },
-          { code: '211324', name: '喀喇沁左翼蒙古族自治县' },
-          { code: '211381', name: '北票市' },
-          { code: '211382', name: '凌源市' }
-        ]
-      },
-      {
-        code: '2114',
-        name: '葫芦岛市',
-        districts: [
-          { code: '211402', name: '连山区' },
-          { code: '211403', name: '龙港区' },
-          { code: '211404', name: '南票区' },
-          { code: '211421', name: '绥中县' },
-          { code: '211422', name: '建昌县' },
-          { code: '211481', name: '兴城市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '22',
-    name: '吉林省',
-    cities: [
-      {
-        code: '2201',
-        name: '长春市',
-        districts: [
-          { code: '220102', name: '南关区' },
-          { code: '220103', name: '宽城区' },
-          { code: '220104', name: '朝阳区' },
-          { code: '220105', name: '二道区' },
-          { code: '220106', name: '绿园区' },
-          { code: '220112', name: '双阳区' },
-          { code: '220113', name: '九台区' },
-          { code: '220122', name: '农安县' },
-          { code: '220171', name: '长春经济技术开发区' },
-          { code: '220172', name: '长春净月高新技术产业开发区' },
-          { code: '220173', name: '长春高新技术产业开发区' },
-          { code: '220174', name: '长春汽车经济技术开发区' },
-          { code: '220182', name: '榆树市' },
-          { code: '220183', name: '德惠市' },
-          { code: '220184', name: '公主岭市' }
-        ]
-      },
-      {
-        code: '2202',
-        name: '吉林市',
-        districts: [
-          { code: '220202', name: '昌邑区' },
-          { code: '220203', name: '龙潭区' },
-          { code: '220204', name: '船营区' },
-          { code: '220211', name: '丰满区' },
-          { code: '220221', name: '永吉县' },
-          { code: '220271', name: '吉林经济开发区' },
-          { code: '220272', name: '吉林高新技术产业开发区' },
-          { code: '220273', name: '吉林中国新加坡食品区' },
-          { code: '220281', name: '蛟河市' },
-          { code: '220282', name: '桦甸市' },
-          { code: '220283', name: '舒兰市' },
-          { code: '220284', name: '磐石市' }
-        ]
-      },
-      {
-        code: '2203',
-        name: '四平市',
-        districts: [
-          { code: '220302', name: '铁西区' },
-          { code: '220303', name: '铁东区' },
-          { code: '220322', name: '梨树县' },
-          { code: '220323', name: '伊通满族自治县' },
-          { code: '220382', name: '双辽市' }
-        ]
-      },
-      {
-        code: '2204',
-        name: '辽源市',
-        districts: [
-          { code: '220402', name: '龙山区' },
-          { code: '220403', name: '西安区' },
-          { code: '220421', name: '东丰县' },
-          { code: '220422', name: '东辽县' }
-        ]
-      },
-      {
-        code: '2205',
-        name: '通化市',
-        districts: [
-          { code: '220502', name: '东昌区' },
-          { code: '220503', name: '二道江区' },
-          { code: '220521', name: '通化县' },
-          { code: '220523', name: '辉南县' },
-          { code: '220524', name: '柳河县' },
-          { code: '220581', name: '梅河口市' },
-          { code: '220582', name: '集安市' }
-        ]
-      },
-      {
-        code: '2206',
-        name: '白山市',
-        districts: [
-          { code: '220602', name: '浑江区' },
-          { code: '220605', name: '江源区' },
-          { code: '220621', name: '抚松县' },
-          { code: '220622', name: '靖宇县' },
-          { code: '220623', name: '长白朝鲜族自治县' },
-          { code: '220681', name: '临江市' }
-        ]
-      },
-      {
-        code: '2207',
-        name: '松原市',
-        districts: [
-          { code: '220702', name: '宁江区' },
-          { code: '220721', name: '前郭尔罗斯蒙古族自治县' },
-          { code: '220722', name: '长岭县' },
-          { code: '220723', name: '乾安县' },
-          { code: '220771', name: '吉林松原经济开发区' },
-          { code: '220781', name: '扶余市' }
-        ]
-      },
-      {
-        code: '2208',
-        name: '白城市',
-        districts: [
-          { code: '220802', name: '洮北区' },
-          { code: '220821', name: '镇赉县' },
-          { code: '220822', name: '通榆县' },
-          { code: '220871', name: '吉林白城经济开发区' },
-          { code: '220881', name: '洮南市' },
-          { code: '220882', name: '大安市' }
-        ]
-      },
-      {
-        code: '2224',
-        name: '延边朝鲜族自治州',
-        districts: [
-          { code: '222401', name: '延吉市' },
-          { code: '222402', name: '图们市' },
-          { code: '222403', name: '敦化市' },
-          { code: '222404', name: '珲春市' },
-          { code: '222405', name: '龙井市' },
-          { code: '222406', name: '和龙市' },
-          { code: '222424', name: '汪清县' },
-          { code: '222426', name: '安图县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '23',
-    name: '黑龙江省',
-    cities: [
-      {
-        code: '2301',
-        name: '哈尔滨市',
-        districts: [
-          { code: '230102', name: '道里区' },
-          { code: '230103', name: '南岗区' },
-          { code: '230104', name: '道外区' },
-          { code: '230108', name: '平房区' },
-          { code: '230109', name: '松北区' },
-          { code: '230110', name: '香坊区' },
-          { code: '230111', name: '呼兰区' },
-          { code: '230112', name: '阿城区' },
-          { code: '230113', name: '双城区' },
-          { code: '230123', name: '依兰县' },
-          { code: '230124', name: '方正县' },
-          { code: '230125', name: '宾县' },
-          { code: '230126', name: '巴彦县' },
-          { code: '230127', name: '木兰县' },
-          { code: '230128', name: '通河县' },
-          { code: '230129', name: '延寿县' },
-          { code: '230183', name: '尚志市' },
-          { code: '230184', name: '五常市' }
-        ]
-      },
-      {
-        code: '2302',
-        name: '齐齐哈尔市',
-        districts: [
-          { code: '230202', name: '龙沙区' },
-          { code: '230203', name: '建华区' },
-          { code: '230204', name: '铁锋区' },
-          { code: '230205', name: '昂昂溪区' },
-          { code: '230206', name: '富拉尔基区' },
-          { code: '230207', name: '碾子山区' },
-          { code: '230208', name: '梅里斯达斡尔族区' },
-          { code: '230221', name: '龙江县' },
-          { code: '230223', name: '依安县' },
-          { code: '230224', name: '泰来县' },
-          { code: '230225', name: '甘南县' },
-          { code: '230227', name: '富裕县' },
-          { code: '230229', name: '克山县' },
-          { code: '230230', name: '克东县' },
-          { code: '230231', name: '拜泉县' },
-          { code: '230281', name: '讷河市' }
-        ]
-      },
-      {
-        code: '2303',
-        name: '鸡西市',
-        districts: [
-          { code: '230302', name: '鸡冠区' },
-          { code: '230303', name: '恒山区' },
-          { code: '230304', name: '滴道区' },
-          { code: '230305', name: '梨树区' },
-          { code: '230306', name: '城子河区' },
-          { code: '230307', name: '麻山区' },
-          { code: '230321', name: '鸡东县' },
-          { code: '230381', name: '虎林市' },
-          { code: '230382', name: '密山市' }
-        ]
-      },
-      {
-        code: '2304',
-        name: '鹤岗市',
-        districts: [
-          { code: '230402', name: '向阳区' },
-          { code: '230403', name: '工农区' },
-          { code: '230404', name: '南山区' },
-          { code: '230405', name: '兴安区' },
-          { code: '230406', name: '东山区' },
-          { code: '230407', name: '兴山区' },
-          { code: '230421', name: '萝北县' },
-          { code: '230422', name: '绥滨县' }
-        ]
-      },
-      {
-        code: '2305',
-        name: '双鸭山市',
-        districts: [
-          { code: '230502', name: '尖山区' },
-          { code: '230503', name: '岭东区' },
-          { code: '230505', name: '四方台区' },
-          { code: '230506', name: '宝山区' },
-          { code: '230521', name: '集贤县' },
-          { code: '230522', name: '友谊县' },
-          { code: '230523', name: '宝清县' },
-          { code: '230524', name: '饶河县' }
-        ]
-      },
-      {
-        code: '2306',
-        name: '大庆市',
-        districts: [
-          { code: '230602', name: '萨尔图区' },
-          { code: '230603', name: '龙凤区' },
-          { code: '230604', name: '让胡路区' },
-          { code: '230605', name: '红岗区' },
-          { code: '230606', name: '大同区' },
-          { code: '230621', name: '肇州县' },
-          { code: '230622', name: '肇源县' },
-          { code: '230623', name: '林甸县' },
-          { code: '230624', name: '杜尔伯特蒙古族自治县' },
-          { code: '230671', name: '大庆高新技术产业开发区' }
-        ]
-      },
-      {
-        code: '2307',
-        name: '伊春市',
-        districts: [
-          { code: '230717', name: '伊美区' },
-          { code: '230718', name: '乌翠区' },
-          { code: '230719', name: '友好区' },
-          { code: '230722', name: '嘉荫县' },
-          { code: '230723', name: '汤旺县' },
-          { code: '230724', name: '丰林县' },
-          { code: '230725', name: '大箐山县' },
-          { code: '230726', name: '南岔县' },
-          { code: '230751', name: '金林区' },
-          { code: '230781', name: '铁力市' }
-        ]
-      },
-      {
-        code: '2308',
-        name: '佳木斯市',
-        districts: [
-          { code: '230803', name: '向阳区' },
-          { code: '230804', name: '前进区' },
-          { code: '230805', name: '东风区' },
-          { code: '230811', name: '郊区' },
-          { code: '230822', name: '桦南县' },
-          { code: '230826', name: '桦川县' },
-          { code: '230828', name: '汤原县' },
-          { code: '230881', name: '同江市' },
-          { code: '230882', name: '富锦市' },
-          { code: '230883', name: '抚远市' }
-        ]
-      },
-      {
-        code: '2309',
-        name: '七台河市',
-        districts: [
-          { code: '230902', name: '新兴区' },
-          { code: '230903', name: '桃山区' },
-          { code: '230904', name: '茄子河区' },
-          { code: '230921', name: '勃利县' }
-        ]
-      },
-      {
-        code: '2310',
-        name: '牡丹江市',
-        districts: [
-          { code: '231002', name: '东安区' },
-          { code: '231003', name: '阳明区' },
-          { code: '231004', name: '爱民区' },
-          { code: '231005', name: '西安区' },
-          { code: '231025', name: '林口县' },
-          { code: '231081', name: '绥芬河市' },
-          { code: '231083', name: '海林市' },
-          { code: '231084', name: '宁安市' },
-          { code: '231085', name: '穆棱市' },
-          { code: '231086', name: '东宁市' }
-        ]
-      },
-      {
-        code: '2311',
-        name: '黑河市',
-        districts: [
-          { code: '231102', name: '爱辉区' },
-          { code: '231123', name: '逊克县' },
-          { code: '231124', name: '孙吴县' },
-          { code: '231181', name: '北安市' },
-          { code: '231182', name: '五大连池市' },
-          { code: '231183', name: '嫩江市' }
-        ]
-      },
-      {
-        code: '2312',
-        name: '绥化市',
-        districts: [
-          { code: '231202', name: '北林区' },
-          { code: '231221', name: '望奎县' },
-          { code: '231222', name: '兰西县' },
-          { code: '231223', name: '青冈县' },
-          { code: '231224', name: '庆安县' },
-          { code: '231225', name: '明水县' },
-          { code: '231226', name: '绥棱县' },
-          { code: '231281', name: '安达市' },
-          { code: '231282', name: '肇东市' },
-          { code: '231283', name: '海伦市' }
-        ]
-      },
-      {
-        code: '2327',
-        name: '大兴安岭地区',
-        districts: [
-          { code: '232701', name: '漠河市' },
-          { code: '232721', name: '呼玛县' },
-          { code: '232722', name: '塔河县' },
-          { code: '232761', name: '加格达奇区' },
-          { code: '232762', name: '松岭区' },
-          { code: '232763', name: '新林区' },
-          { code: '232764', name: '呼中区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '31',
-    name: '上海市',
-    cities: [
-      {
-        code: '3101',
-        name: '市辖区',
-        districts: [
-          { code: '310101', name: '黄浦区' },
-          { code: '310104', name: '徐汇区' },
-          { code: '310105', name: '长宁区' },
-          { code: '310106', name: '静安区' },
-          { code: '310107', name: '普陀区' },
-          { code: '310109', name: '虹口区' },
-          { code: '310110', name: '杨浦区' },
-          { code: '310112', name: '闵行区' },
-          { code: '310113', name: '宝山区' },
-          { code: '310114', name: '嘉定区' },
-          { code: '310115', name: '浦东新区' },
-          { code: '310116', name: '金山区' },
-          { code: '310117', name: '松江区' },
-          { code: '310118', name: '青浦区' },
-          { code: '310120', name: '奉贤区' },
-          { code: '310151', name: '崇明区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '32',
-    name: '江苏省',
-    cities: [
-      {
-        code: '3201',
-        name: '南京市',
-        districts: [
-          { code: '320102', name: '玄武区' },
-          { code: '320104', name: '秦淮区' },
-          { code: '320105', name: '建邺区' },
-          { code: '320106', name: '鼓楼区' },
-          { code: '320111', name: '浦口区' },
-          { code: '320113', name: '栖霞区' },
-          { code: '320114', name: '雨花台区' },
-          { code: '320115', name: '江宁区' },
-          { code: '320116', name: '六合区' },
-          { code: '320117', name: '溧水区' },
-          { code: '320118', name: '高淳区' }
-        ]
-      },
-      {
-        code: '3202',
-        name: '无锡市',
-        districts: [
-          { code: '320205', name: '锡山区' },
-          { code: '320206', name: '惠山区' },
-          { code: '320211', name: '滨湖区' },
-          { code: '320213', name: '梁溪区' },
-          { code: '320214', name: '新吴区' },
-          { code: '320281', name: '江阴市' },
-          { code: '320282', name: '宜兴市' }
-        ]
-      },
-      {
-        code: '3203',
-        name: '徐州市',
-        districts: [
-          { code: '320302', name: '鼓楼区' },
-          { code: '320303', name: '云龙区' },
-          { code: '320305', name: '贾汪区' },
-          { code: '320311', name: '泉山区' },
-          { code: '320312', name: '铜山区' },
-          { code: '320321', name: '丰县' },
-          { code: '320322', name: '沛县' },
-          { code: '320324', name: '睢宁县' },
-          { code: '320371', name: '徐州经济技术开发区' },
-          { code: '320381', name: '新沂市' },
-          { code: '320382', name: '邳州市' }
-        ]
-      },
-      {
-        code: '3204',
-        name: '常州市',
-        districts: [
-          { code: '320402', name: '天宁区' },
-          { code: '320404', name: '钟楼区' },
-          { code: '320411', name: '新北区' },
-          { code: '320412', name: '武进区' },
-          { code: '320413', name: '金坛区' },
-          { code: '320481', name: '溧阳市' }
-        ]
-      },
-      {
-        code: '3205',
-        name: '苏州市',
-        districts: [
-          { code: '320505', name: '虎丘区' },
-          { code: '320506', name: '吴中区' },
-          { code: '320507', name: '相城区' },
-          { code: '320508', name: '姑苏区' },
-          { code: '320509', name: '吴江区' },
-          { code: '320576', name: '苏州工业园区' },
-          { code: '320581', name: '常熟市' },
-          { code: '320582', name: '张家港市' },
-          { code: '320583', name: '昆山市' },
-          { code: '320585', name: '太仓市' }
-        ]
-      },
-      {
-        code: '3206',
-        name: '南通市',
-        districts: [
-          { code: '320612', name: '通州区' },
-          { code: '320613', name: '崇川区' },
-          { code: '320614', name: '海门区' },
-          { code: '320623', name: '如东县' },
-          { code: '320671', name: '南通经济技术开发区' },
-          { code: '320681', name: '启东市' },
-          { code: '320682', name: '如皋市' },
-          { code: '320685', name: '海安市' }
-        ]
-      },
-      {
-        code: '3207',
-        name: '连云港市',
-        districts: [
-          { code: '320703', name: '连云区' },
-          { code: '320706', name: '海州区' },
-          { code: '320707', name: '赣榆区' },
-          { code: '320722', name: '东海县' },
-          { code: '320723', name: '灌云县' },
-          { code: '320724', name: '灌南县' },
-          { code: '320771', name: '连云港经济技术开发区' }
-        ]
-      },
-      {
-        code: '3208',
-        name: '淮安市',
-        districts: [
-          { code: '320803', name: '淮安区' },
-          { code: '320804', name: '淮阴区' },
-          { code: '320812', name: '清江浦区' },
-          { code: '320813', name: '洪泽区' },
-          { code: '320826', name: '涟水县' },
-          { code: '320830', name: '盱眙县' },
-          { code: '320831', name: '金湖县' },
-          { code: '320871', name: '淮安经济技术开发区' }
-        ]
-      },
-      {
-        code: '3209',
-        name: '盐城市',
-        districts: [
-          { code: '320902', name: '亭湖区' },
-          { code: '320903', name: '盐都区' },
-          { code: '320904', name: '大丰区' },
-          { code: '320921', name: '响水县' },
-          { code: '320922', name: '滨海县' },
-          { code: '320923', name: '阜宁县' },
-          { code: '320924', name: '射阳县' },
-          { code: '320925', name: '建湖县' },
-          { code: '320971', name: '盐城经济技术开发区' },
-          { code: '320981', name: '东台市' }
-        ]
-      },
-      {
-        code: '3210',
-        name: '扬州市',
-        districts: [
-          { code: '321002', name: '广陵区' },
-          { code: '321003', name: '邗江区' },
-          { code: '321012', name: '江都区' },
-          { code: '321023', name: '宝应县' },
-          { code: '321071', name: '扬州经济技术开发区' },
-          { code: '321081', name: '仪征市' },
-          { code: '321084', name: '高邮市' }
-        ]
-      },
-      {
-        code: '3211',
-        name: '镇江市',
-        districts: [
-          { code: '321102', name: '京口区' },
-          { code: '321111', name: '润州区' },
-          { code: '321112', name: '丹徒区' },
-          { code: '321171', name: '镇江新区' },
-          { code: '321181', name: '丹阳市' },
-          { code: '321182', name: '扬中市' },
-          { code: '321183', name: '句容市' }
-        ]
-      },
-      {
-        code: '3212',
-        name: '泰州市',
-        districts: [
-          { code: '321202', name: '海陵区' },
-          { code: '321203', name: '高港区' },
-          { code: '321204', name: '姜堰区' },
-          { code: '321281', name: '兴化市' },
-          { code: '321282', name: '靖江市' },
-          { code: '321283', name: '泰兴市' }
-        ]
-      },
-      {
-        code: '3213',
-        name: '宿迁市',
-        districts: [
-          { code: '321302', name: '宿城区' },
-          { code: '321311', name: '宿豫区' },
-          { code: '321322', name: '沭阳县' },
-          { code: '321323', name: '泗阳县' },
-          { code: '321324', name: '泗洪县' },
-          { code: '321371', name: '宿迁经济技术开发区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '33',
-    name: '浙江省',
-    cities: [
-      {
-        code: '3301',
-        name: '杭州市',
-        districts: [
-          { code: '330102', name: '上城区' },
-          { code: '330105', name: '拱墅区' },
-          { code: '330106', name: '西湖区' },
-          { code: '330108', name: '滨江区' },
-          { code: '330109', name: '萧山区' },
-          { code: '330110', name: '余杭区' },
-          { code: '330111', name: '富阳区' },
-          { code: '330112', name: '临安区' },
-          { code: '330113', name: '临平区' },
-          { code: '330114', name: '钱塘区' },
-          { code: '330122', name: '桐庐县' },
-          { code: '330127', name: '淳安县' },
-          { code: '330182', name: '建德市' }
-        ]
-      },
-      {
-        code: '3302',
-        name: '宁波市',
-        districts: [
-          { code: '330203', name: '海曙区' },
-          { code: '330205', name: '江北区' },
-          { code: '330206', name: '北仑区' },
-          { code: '330211', name: '镇海区' },
-          { code: '330212', name: '鄞州区' },
-          { code: '330213', name: '奉化区' },
-          { code: '330225', name: '象山县' },
-          { code: '330226', name: '宁海县' },
-          { code: '330281', name: '余姚市' },
-          { code: '330282', name: '慈溪市' }
-        ]
-      },
-      {
-        code: '3303',
-        name: '温州市',
-        districts: [
-          { code: '330302', name: '鹿城区' },
-          { code: '330303', name: '龙湾区' },
-          { code: '330304', name: '瓯海区' },
-          { code: '330305', name: '洞头区' },
-          { code: '330324', name: '永嘉县' },
-          { code: '330326', name: '平阳县' },
-          { code: '330327', name: '苍南县' },
-          { code: '330328', name: '文成县' },
-          { code: '330329', name: '泰顺县' },
-          { code: '330381', name: '瑞安市' },
-          { code: '330382', name: '乐清市' },
-          { code: '330383', name: '龙港市' }
-        ]
-      },
-      {
-        code: '3304',
-        name: '嘉兴市',
-        districts: [
-          { code: '330402', name: '南湖区' },
-          { code: '330411', name: '秀洲区' },
-          { code: '330421', name: '嘉善县' },
-          { code: '330424', name: '海盐县' },
-          { code: '330481', name: '海宁市' },
-          { code: '330482', name: '平湖市' },
-          { code: '330483', name: '桐乡市' }
-        ]
-      },
-      {
-        code: '3305',
-        name: '湖州市',
-        districts: [
-          { code: '330502', name: '吴兴区' },
-          { code: '330503', name: '南浔区' },
-          { code: '330521', name: '德清县' },
-          { code: '330522', name: '长兴县' },
-          { code: '330523', name: '安吉县' }
-        ]
-      },
-      {
-        code: '3306',
-        name: '绍兴市',
-        districts: [
-          { code: '330602', name: '越城区' },
-          { code: '330603', name: '柯桥区' },
-          { code: '330604', name: '上虞区' },
-          { code: '330624', name: '新昌县' },
-          { code: '330681', name: '诸暨市' },
-          { code: '330683', name: '嵊州市' }
-        ]
-      },
-      {
-        code: '3307',
-        name: '金华市',
-        districts: [
-          { code: '330702', name: '婺城区' },
-          { code: '330703', name: '金东区' },
-          { code: '330723', name: '武义县' },
-          { code: '330726', name: '浦江县' },
-          { code: '330727', name: '磐安县' },
-          { code: '330781', name: '兰溪市' },
-          { code: '330782', name: '义乌市' },
-          { code: '330783', name: '东阳市' },
-          { code: '330784', name: '永康市' }
-        ]
-      },
-      {
-        code: '3308',
-        name: '衢州市',
-        districts: [
-          { code: '330802', name: '柯城区' },
-          { code: '330803', name: '衢江区' },
-          { code: '330822', name: '常山县' },
-          { code: '330824', name: '开化县' },
-          { code: '330825', name: '龙游县' },
-          { code: '330881', name: '江山市' }
-        ]
-      },
-      {
-        code: '3309',
-        name: '舟山市',
-        districts: [
-          { code: '330902', name: '定海区' },
-          { code: '330903', name: '普陀区' },
-          { code: '330921', name: '岱山县' },
-          { code: '330922', name: '嵊泗县' }
-        ]
-      },
-      {
-        code: '3310',
-        name: '台州市',
-        districts: [
-          { code: '331002', name: '椒江区' },
-          { code: '331003', name: '黄岩区' },
-          { code: '331004', name: '路桥区' },
-          { code: '331022', name: '三门县' },
-          { code: '331023', name: '天台县' },
-          { code: '331024', name: '仙居县' },
-          { code: '331081', name: '温岭市' },
-          { code: '331082', name: '临海市' },
-          { code: '331083', name: '玉环市' }
-        ]
-      },
-      {
-        code: '3311',
-        name: '丽水市',
-        districts: [
-          { code: '331102', name: '莲都区' },
-          { code: '331121', name: '青田县' },
-          { code: '331122', name: '缙云县' },
-          { code: '331123', name: '遂昌县' },
-          { code: '331124', name: '松阳县' },
-          { code: '331125', name: '云和县' },
-          { code: '331126', name: '庆元县' },
-          { code: '331127', name: '景宁畲族自治县' },
-          { code: '331181', name: '龙泉市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '34',
-    name: '安徽省',
-    cities: [
-      {
-        code: '3401',
-        name: '合肥市',
-        districts: [
-          { code: '340102', name: '瑶海区' },
-          { code: '340103', name: '庐阳区' },
-          { code: '340104', name: '蜀山区' },
-          { code: '340111', name: '包河区' },
-          { code: '340121', name: '长丰县' },
-          { code: '340122', name: '肥东县' },
-          { code: '340123', name: '肥西县' },
-          { code: '340124', name: '庐江县' },
-          { code: '340176', name: '合肥高新技术产业开发区' },
-          { code: '340177', name: '合肥经济技术开发区' },
-          { code: '340178', name: '合肥新站高新技术产业开发区' },
-          { code: '340181', name: '巢湖市' }
-        ]
-      },
-      {
-        code: '3402',
-        name: '芜湖市',
-        districts: [
-          { code: '340202', name: '镜湖区' },
-          { code: '340207', name: '鸠江区' },
-          { code: '340209', name: '弋江区' },
-          { code: '340210', name: '湾沚区' },
-          { code: '340212', name: '繁昌区' },
-          { code: '340223', name: '南陵县' },
-          { code: '340271', name: '芜湖经济技术开发区' },
-          { code: '340272', name: '安徽芜湖三山经济开发区' },
-          { code: '340281', name: '无为市' }
-        ]
-      },
-      {
-        code: '3403',
-        name: '蚌埠市',
-        districts: [
-          { code: '340302', name: '龙子湖区' },
-          { code: '340303', name: '蚌山区' },
-          { code: '340304', name: '禹会区' },
-          { code: '340311', name: '淮上区' },
-          { code: '340321', name: '怀远县' },
-          { code: '340322', name: '五河县' },
-          { code: '340323', name: '固镇县' },
-          { code: '340371', name: '蚌埠市高新技术开发区' },
-          { code: '340372', name: '蚌埠市经济开发区' }
-        ]
-      },
-      {
-        code: '3404',
-        name: '淮南市',
-        districts: [
-          { code: '340402', name: '大通区' },
-          { code: '340403', name: '田家庵区' },
-          { code: '340404', name: '谢家集区' },
-          { code: '340405', name: '八公山区' },
-          { code: '340406', name: '潘集区' },
-          { code: '340421', name: '凤台县' },
-          { code: '340422', name: '寿县' }
-        ]
-      },
-      {
-        code: '3405',
-        name: '马鞍山市',
-        districts: [
-          { code: '340503', name: '花山区' },
-          { code: '340504', name: '雨山区' },
-          { code: '340506', name: '博望区' },
-          { code: '340521', name: '当涂县' },
-          { code: '340522', name: '含山县' },
-          { code: '340523', name: '和县' }
-        ]
-      },
-      {
-        code: '3406',
-        name: '淮北市',
-        districts: [
-          { code: '340602', name: '杜集区' },
-          { code: '340603', name: '相山区' },
-          { code: '340604', name: '烈山区' },
-          { code: '340621', name: '濉溪县' }
-        ]
-      },
-      {
-        code: '3407',
-        name: '铜陵市',
-        districts: [
-          { code: '340705', name: '铜官区' },
-          { code: '340706', name: '义安区' },
-          { code: '340711', name: '郊区' },
-          { code: '340722', name: '枞阳县' }
-        ]
-      },
-      {
-        code: '3408',
-        name: '安庆市',
-        districts: [
-          { code: '340802', name: '迎江区' },
-          { code: '340803', name: '大观区' },
-          { code: '340811', name: '宜秀区' },
-          { code: '340822', name: '怀宁县' },
-          { code: '340825', name: '太湖县' },
-          { code: '340826', name: '宿松县' },
-          { code: '340827', name: '望江县' },
-          { code: '340828', name: '岳西县' },
-          { code: '340871', name: '安徽安庆经济开发区' },
-          { code: '340881', name: '桐城市' },
-          { code: '340882', name: '潜山市' }
-        ]
-      },
-      {
-        code: '3410',
-        name: '黄山市',
-        districts: [
-          { code: '341002', name: '屯溪区' },
-          { code: '341003', name: '黄山区' },
-          { code: '341004', name: '徽州区' },
-          { code: '341021', name: '歙县' },
-          { code: '341022', name: '休宁县' },
-          { code: '341023', name: '黟县' },
-          { code: '341024', name: '祁门县' }
-        ]
-      },
-      {
-        code: '3411',
-        name: '滁州市',
-        districts: [
-          { code: '341102', name: '琅琊区' },
-          { code: '341103', name: '南谯区' },
-          { code: '341122', name: '来安县' },
-          { code: '341124', name: '全椒县' },
-          { code: '341125', name: '定远县' },
-          { code: '341126', name: '凤阳县' },
-          { code: '341171', name: '中新苏滁高新技术产业开发区' },
-          { code: '341172', name: '滁州经济技术开发区' },
-          { code: '341181', name: '天长市' },
-          { code: '341182', name: '明光市' }
-        ]
-      },
-      {
-        code: '3412',
-        name: '阜阳市',
-        districts: [
-          { code: '341202', name: '颍州区' },
-          { code: '341203', name: '颍东区' },
-          { code: '341204', name: '颍泉区' },
-          { code: '341221', name: '临泉县' },
-          { code: '341222', name: '太和县' },
-          { code: '341225', name: '阜南县' },
-          { code: '341226', name: '颍上县' },
-          { code: '341271', name: '阜阳合肥现代产业园区' },
-          { code: '341272', name: '阜阳经济技术开发区' },
-          { code: '341282', name: '界首市' }
-        ]
-      },
-      {
-        code: '3413',
-        name: '宿州市',
-        districts: [
-          { code: '341302', name: '埇桥区' },
-          { code: '341321', name: '砀山县' },
-          { code: '341322', name: '萧县' },
-          { code: '341323', name: '灵璧县' },
-          { code: '341324', name: '泗县' },
-          { code: '341371', name: '宿州马鞍山现代产业园区' },
-          { code: '341372', name: '宿州经济技术开发区' }
-        ]
-      },
-      {
-        code: '3415',
-        name: '六安市',
-        districts: [
-          { code: '341502', name: '金安区' },
-          { code: '341503', name: '裕安区' },
-          { code: '341504', name: '叶集区' },
-          { code: '341522', name: '霍邱县' },
-          { code: '341523', name: '舒城县' },
-          { code: '341524', name: '金寨县' },
-          { code: '341525', name: '霍山县' }
-        ]
-      },
-      {
-        code: '3416',
-        name: '亳州市',
-        districts: [
-          { code: '341602', name: '谯城区' },
-          { code: '341621', name: '涡阳县' },
-          { code: '341622', name: '蒙城县' },
-          { code: '341623', name: '利辛县' }
-        ]
-      },
-      {
-        code: '3417',
-        name: '池州市',
-        districts: [
-          { code: '341702', name: '贵池区' },
-          { code: '341721', name: '东至县' },
-          { code: '341722', name: '石台县' },
-          { code: '341723', name: '青阳县' }
-        ]
-      },
-      {
-        code: '3418',
-        name: '宣城市',
-        districts: [
-          { code: '341802', name: '宣州区' },
-          { code: '341821', name: '郎溪县' },
-          { code: '341823', name: '泾县' },
-          { code: '341824', name: '绩溪县' },
-          { code: '341825', name: '旌德县' },
-          { code: '341871', name: '宣城市经济开发区' },
-          { code: '341881', name: '宁国市' },
-          { code: '341882', name: '广德市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '35',
-    name: '福建省',
-    cities: [
-      {
-        code: '3501',
-        name: '福州市',
-        districts: [
-          { code: '350102', name: '鼓楼区' },
-          { code: '350103', name: '台江区' },
-          { code: '350104', name: '仓山区' },
-          { code: '350105', name: '马尾区' },
-          { code: '350111', name: '晋安区' },
-          { code: '350112', name: '长乐区' },
-          { code: '350121', name: '闽侯县' },
-          { code: '350122', name: '连江县' },
-          { code: '350123', name: '罗源县' },
-          { code: '350124', name: '闽清县' },
-          { code: '350125', name: '永泰县' },
-          { code: '350128', name: '平潭县' },
-          { code: '350181', name: '福清市' }
-        ]
-      },
-      {
-        code: '3502',
-        name: '厦门市',
-        districts: [
-          { code: '350203', name: '思明区' },
-          { code: '350205', name: '海沧区' },
-          { code: '350206', name: '湖里区' },
-          { code: '350211', name: '集美区' },
-          { code: '350212', name: '同安区' },
-          { code: '350213', name: '翔安区' }
-        ]
-      },
-      {
-        code: '3503',
-        name: '莆田市',
-        districts: [
-          { code: '350302', name: '城厢区' },
-          { code: '350303', name: '涵江区' },
-          { code: '350304', name: '荔城区' },
-          { code: '350305', name: '秀屿区' },
-          { code: '350322', name: '仙游县' }
-        ]
-      },
-      {
-        code: '3504',
-        name: '三明市',
-        districts: [
-          { code: '350404', name: '三元区' },
-          { code: '350405', name: '沙县区' },
-          { code: '350421', name: '明溪县' },
-          { code: '350423', name: '清流县' },
-          { code: '350424', name: '宁化县' },
-          { code: '350425', name: '大田县' },
-          { code: '350426', name: '尤溪县' },
-          { code: '350428', name: '将乐县' },
-          { code: '350429', name: '泰宁县' },
-          { code: '350430', name: '建宁县' },
-          { code: '350481', name: '永安市' }
-        ]
-      },
-      {
-        code: '3505',
-        name: '泉州市',
-        districts: [
-          { code: '350502', name: '鲤城区' },
-          { code: '350503', name: '丰泽区' },
-          { code: '350504', name: '洛江区' },
-          { code: '350505', name: '泉港区' },
-          { code: '350521', name: '惠安县' },
-          { code: '350524', name: '安溪县' },
-          { code: '350525', name: '永春县' },
-          { code: '350526', name: '德化县' },
-          { code: '350527', name: '金门县' },
-          { code: '350581', name: '石狮市' },
-          { code: '350582', name: '晋江市' },
-          { code: '350583', name: '南安市' }
-        ]
-      },
-      {
-        code: '3506',
-        name: '漳州市',
-        districts: [
-          { code: '350602', name: '芗城区' },
-          { code: '350603', name: '龙文区' },
-          { code: '350604', name: '龙海区' },
-          { code: '350605', name: '长泰区' },
-          { code: '350622', name: '云霄县' },
-          { code: '350623', name: '漳浦县' },
-          { code: '350624', name: '诏安县' },
-          { code: '350626', name: '东山县' },
-          { code: '350627', name: '南靖县' },
-          { code: '350628', name: '平和县' },
-          { code: '350629', name: '华安县' }
-        ]
-      },
-      {
-        code: '3507',
-        name: '南平市',
-        districts: [
-          { code: '350702', name: '延平区' },
-          { code: '350703', name: '建阳区' },
-          { code: '350721', name: '顺昌县' },
-          { code: '350722', name: '浦城县' },
-          { code: '350723', name: '光泽县' },
-          { code: '350724', name: '松溪县' },
-          { code: '350725', name: '政和县' },
-          { code: '350781', name: '邵武市' },
-          { code: '350782', name: '武夷山市' },
-          { code: '350783', name: '建瓯市' }
-        ]
-      },
-      {
-        code: '3508',
-        name: '龙岩市',
-        districts: [
-          { code: '350802', name: '新罗区' },
-          { code: '350803', name: '永定区' },
-          { code: '350821', name: '长汀县' },
-          { code: '350823', name: '上杭县' },
-          { code: '350824', name: '武平县' },
-          { code: '350825', name: '连城县' },
-          { code: '350881', name: '漳平市' }
-        ]
-      },
-      {
-        code: '3509',
-        name: '宁德市',
-        districts: [
-          { code: '350902', name: '蕉城区' },
-          { code: '350921', name: '霞浦县' },
-          { code: '350922', name: '古田县' },
-          { code: '350923', name: '屏南县' },
-          { code: '350924', name: '寿宁县' },
-          { code: '350925', name: '周宁县' },
-          { code: '350926', name: '柘荣县' },
-          { code: '350981', name: '福安市' },
-          { code: '350982', name: '福鼎市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '36',
-    name: '江西省',
-    cities: [
-      {
-        code: '3601',
-        name: '南昌市',
-        districts: [
-          { code: '360102', name: '东湖区' },
-          { code: '360103', name: '西湖区' },
-          { code: '360104', name: '青云谱区' },
-          { code: '360111', name: '青山湖区' },
-          { code: '360112', name: '新建区' },
-          { code: '360113', name: '红谷滩区' },
-          { code: '360121', name: '南昌县' },
-          { code: '360123', name: '安义县' },
-          { code: '360124', name: '进贤县' }
-        ]
-      },
-      {
-        code: '3602',
-        name: '景德镇市',
-        districts: [
-          { code: '360202', name: '昌江区' },
-          { code: '360203', name: '珠山区' },
-          { code: '360222', name: '浮梁县' },
-          { code: '360281', name: '乐平市' }
-        ]
-      },
-      {
-        code: '3603',
-        name: '萍乡市',
-        districts: [
-          { code: '360302', name: '安源区' },
-          { code: '360313', name: '湘东区' },
-          { code: '360321', name: '莲花县' },
-          { code: '360322', name: '上栗县' },
-          { code: '360323', name: '芦溪县' }
-        ]
-      },
-      {
-        code: '3604',
-        name: '九江市',
-        districts: [
-          { code: '360402', name: '濂溪区' },
-          { code: '360403', name: '浔阳区' },
-          { code: '360404', name: '柴桑区' },
-          { code: '360423', name: '武宁县' },
-          { code: '360424', name: '修水县' },
-          { code: '360425', name: '永修县' },
-          { code: '360426', name: '德安县' },
-          { code: '360428', name: '都昌县' },
-          { code: '360429', name: '湖口县' },
-          { code: '360430', name: '彭泽县' },
-          { code: '360481', name: '瑞昌市' },
-          { code: '360482', name: '共青城市' },
-          { code: '360483', name: '庐山市' }
-        ]
-      },
-      {
-        code: '3605',
-        name: '新余市',
-        districts: [
-          { code: '360502', name: '渝水区' },
-          { code: '360521', name: '分宜县' }
-        ]
-      },
-      {
-        code: '3606',
-        name: '鹰潭市',
-        districts: [
-          { code: '360602', name: '月湖区' },
-          { code: '360603', name: '余江区' },
-          { code: '360681', name: '贵溪市' }
-        ]
-      },
-      {
-        code: '3607',
-        name: '赣州市',
-        districts: [
-          { code: '360702', name: '章贡区' },
-          { code: '360703', name: '南康区' },
-          { code: '360704', name: '赣县区' },
-          { code: '360722', name: '信丰县' },
-          { code: '360723', name: '大余县' },
-          { code: '360724', name: '上犹县' },
-          { code: '360725', name: '崇义县' },
-          { code: '360726', name: '安远县' },
-          { code: '360728', name: '定南县' },
-          { code: '360729', name: '全南县' },
-          { code: '360730', name: '宁都县' },
-          { code: '360731', name: '于都县' },
-          { code: '360732', name: '兴国县' },
-          { code: '360733', name: '会昌县' },
-          { code: '360734', name: '寻乌县' },
-          { code: '360735', name: '石城县' },
-          { code: '360781', name: '瑞金市' },
-          { code: '360783', name: '龙南市' }
-        ]
-      },
-      {
-        code: '3608',
-        name: '吉安市',
-        districts: [
-          { code: '360802', name: '吉州区' },
-          { code: '360803', name: '青原区' },
-          { code: '360821', name: '吉安县' },
-          { code: '360822', name: '吉水县' },
-          { code: '360823', name: '峡江县' },
-          { code: '360824', name: '新干县' },
-          { code: '360825', name: '永丰县' },
-          { code: '360826', name: '泰和县' },
-          { code: '360827', name: '遂川县' },
-          { code: '360828', name: '万安县' },
-          { code: '360829', name: '安福县' },
-          { code: '360830', name: '永新县' },
-          { code: '360881', name: '井冈山市' }
-        ]
-      },
-      {
-        code: '3609',
-        name: '宜春市',
-        districts: [
-          { code: '360902', name: '袁州区' },
-          { code: '360921', name: '奉新县' },
-          { code: '360922', name: '万载县' },
-          { code: '360923', name: '上高县' },
-          { code: '360924', name: '宜丰县' },
-          { code: '360925', name: '靖安县' },
-          { code: '360926', name: '铜鼓县' },
-          { code: '360981', name: '丰城市' },
-          { code: '360982', name: '樟树市' },
-          { code: '360983', name: '高安市' }
-        ]
-      },
-      {
-        code: '3610',
-        name: '抚州市',
-        districts: [
-          { code: '361002', name: '临川区' },
-          { code: '361003', name: '东乡区' },
-          { code: '361021', name: '南城县' },
-          { code: '361022', name: '黎川县' },
-          { code: '361023', name: '南丰县' },
-          { code: '361024', name: '崇仁县' },
-          { code: '361025', name: '乐安县' },
-          { code: '361026', name: '宜黄县' },
-          { code: '361027', name: '金溪县' },
-          { code: '361028', name: '资溪县' },
-          { code: '361030', name: '广昌县' }
-        ]
-      },
-      {
-        code: '3611',
-        name: '上饶市',
-        districts: [
-          { code: '361102', name: '信州区' },
-          { code: '361103', name: '广丰区' },
-          { code: '361104', name: '广信区' },
-          { code: '361123', name: '玉山县' },
-          { code: '361124', name: '铅山县' },
-          { code: '361125', name: '横峰县' },
-          { code: '361126', name: '弋阳县' },
-          { code: '361127', name: '余干县' },
-          { code: '361128', name: '鄱阳县' },
-          { code: '361129', name: '万年县' },
-          { code: '361130', name: '婺源县' },
-          { code: '361181', name: '德兴市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '37',
-    name: '山东省',
-    cities: [
-      {
-        code: '3701',
-        name: '济南市',
-        districts: [
-          { code: '370102', name: '历下区' },
-          { code: '370103', name: '市中区' },
-          { code: '370104', name: '槐荫区' },
-          { code: '370105', name: '天桥区' },
-          { code: '370112', name: '历城区' },
-          { code: '370113', name: '长清区' },
-          { code: '370114', name: '章丘区' },
-          { code: '370115', name: '济阳区' },
-          { code: '370116', name: '莱芜区' },
-          { code: '370117', name: '钢城区' },
-          { code: '370124', name: '平阴县' },
-          { code: '370126', name: '商河县' },
-          { code: '370176', name: '济南高新技术产业开发区' }
-        ]
-      },
-      {
-        code: '3702',
-        name: '青岛市',
-        districts: [
-          { code: '370202', name: '市南区' },
-          { code: '370203', name: '市北区' },
-          { code: '370211', name: '黄岛区' },
-          { code: '370212', name: '崂山区' },
-          { code: '370213', name: '李沧区' },
-          { code: '370214', name: '城阳区' },
-          { code: '370215', name: '即墨区' },
-          { code: '370281', name: '胶州市' },
-          { code: '370283', name: '平度市' },
-          { code: '370285', name: '莱西市' }
-        ]
-      },
-      {
-        code: '3703',
-        name: '淄博市',
-        districts: [
-          { code: '370302', name: '淄川区' },
-          { code: '370303', name: '张店区' },
-          { code: '370304', name: '博山区' },
-          { code: '370305', name: '临淄区' },
-          { code: '370306', name: '周村区' },
-          { code: '370321', name: '桓台县' },
-          { code: '370322', name: '高青县' },
-          { code: '370323', name: '沂源县' }
-        ]
-      },
-      {
-        code: '3704',
-        name: '枣庄市',
-        districts: [
-          { code: '370402', name: '市中区' },
-          { code: '370403', name: '薛城区' },
-          { code: '370404', name: '峄城区' },
-          { code: '370405', name: '台儿庄区' },
-          { code: '370406', name: '山亭区' },
-          { code: '370481', name: '滕州市' }
-        ]
-      },
-      {
-        code: '3705',
-        name: '东营市',
-        districts: [
-          { code: '370502', name: '东营区' },
-          { code: '370503', name: '河口区' },
-          { code: '370505', name: '垦利区' },
-          { code: '370522', name: '利津县' },
-          { code: '370523', name: '广饶县' },
-          { code: '370571', name: '东营经济技术开发区' },
-          { code: '370572', name: '东营港经济开发区' }
-        ]
-      },
-      {
-        code: '3706',
-        name: '烟台市',
-        districts: [
-          { code: '370602', name: '芝罘区' },
-          { code: '370611', name: '福山区' },
-          { code: '370612', name: '牟平区' },
-          { code: '370613', name: '莱山区' },
-          { code: '370614', name: '蓬莱区' },
-          { code: '370671', name: '烟台高新技术产业开发区' },
-          { code: '370676', name: '烟台经济技术开发区' },
-          { code: '370681', name: '龙口市' },
-          { code: '370682', name: '莱阳市' },
-          { code: '370683', name: '莱州市' },
-          { code: '370685', name: '招远市' },
-          { code: '370686', name: '栖霞市' },
-          { code: '370687', name: '海阳市' }
-        ]
-      },
-      {
-        code: '3707',
-        name: '潍坊市',
-        districts: [
-          { code: '370702', name: '潍城区' },
-          { code: '370703', name: '寒亭区' },
-          { code: '370704', name: '坊子区' },
-          { code: '370705', name: '奎文区' },
-          { code: '370724', name: '临朐县' },
-          { code: '370725', name: '昌乐县' },
-          { code: '370772', name: '潍坊滨海经济技术开发区' },
-          { code: '370781', name: '青州市' },
-          { code: '370782', name: '诸城市' },
-          { code: '370783', name: '寿光市' },
-          { code: '370784', name: '安丘市' },
-          { code: '370785', name: '高密市' },
-          { code: '370786', name: '昌邑市' }
-        ]
-      },
-      {
-        code: '3708',
-        name: '济宁市',
-        districts: [
-          { code: '370811', name: '任城区' },
-          { code: '370812', name: '兖州区' },
-          { code: '370826', name: '微山县' },
-          { code: '370827', name: '鱼台县' },
-          { code: '370828', name: '金乡县' },
-          { code: '370829', name: '嘉祥县' },
-          { code: '370830', name: '汶上县' },
-          { code: '370831', name: '泗水县' },
-          { code: '370832', name: '梁山县' },
-          { code: '370871', name: '济宁高新技术产业开发区' },
-          { code: '370881', name: '曲阜市' },
-          { code: '370883', name: '邹城市' }
-        ]
-      },
-      {
-        code: '3709',
-        name: '泰安市',
-        districts: [
-          { code: '370902', name: '泰山区' },
-          { code: '370911', name: '岱岳区' },
-          { code: '370921', name: '宁阳县' },
-          { code: '370923', name: '东平县' },
-          { code: '370982', name: '新泰市' },
-          { code: '370983', name: '肥城市' }
-        ]
-      },
-      {
-        code: '3710',
-        name: '威海市',
-        districts: [
-          { code: '371002', name: '环翠区' },
-          { code: '371003', name: '文登区' },
-          { code: '371071', name: '威海火炬高技术产业开发区' },
-          { code: '371072', name: '威海经济技术开发区' },
-          { code: '371073', name: '威海临港经济技术开发区' },
-          { code: '371082', name: '荣成市' },
-          { code: '371083', name: '乳山市' }
-        ]
-      },
-      {
-        code: '3711',
-        name: '日照市',
-        districts: [
-          { code: '371102', name: '东港区' },
-          { code: '371103', name: '岚山区' },
-          { code: '371121', name: '五莲县' },
-          { code: '371122', name: '莒县' },
-          { code: '371171', name: '日照经济技术开发区' }
-        ]
-      },
-      {
-        code: '3713',
-        name: '临沂市',
-        districts: [
-          { code: '371302', name: '兰山区' },
-          { code: '371311', name: '罗庄区' },
-          { code: '371312', name: '河东区' },
-          { code: '371321', name: '沂南县' },
-          { code: '371322', name: '郯城县' },
-          { code: '371323', name: '沂水县' },
-          { code: '371324', name: '兰陵县' },
-          { code: '371325', name: '费县' },
-          { code: '371326', name: '平邑县' },
-          { code: '371327', name: '莒南县' },
-          { code: '371328', name: '蒙阴县' },
-          { code: '371329', name: '临沭县' },
-          { code: '371371', name: '临沂高新技术产业开发区' }
-        ]
-      },
-      {
-        code: '3714',
-        name: '德州市',
-        districts: [
-          { code: '371402', name: '德城区' },
-          { code: '371403', name: '陵城区' },
-          { code: '371422', name: '宁津县' },
-          { code: '371423', name: '庆云县' },
-          { code: '371424', name: '临邑县' },
-          { code: '371425', name: '齐河县' },
-          { code: '371426', name: '平原县' },
-          { code: '371427', name: '夏津县' },
-          { code: '371428', name: '武城县' },
-          { code: '371471', name: '德州天衢新区' },
-          { code: '371481', name: '乐陵市' },
-          { code: '371482', name: '禹城市' }
-        ]
-      },
-      {
-        code: '3715',
-        name: '聊城市',
-        districts: [
-          { code: '371502', name: '东昌府区' },
-          { code: '371503', name: '茌平区' },
-          { code: '371521', name: '阳谷县' },
-          { code: '371522', name: '莘县' },
-          { code: '371524', name: '东阿县' },
-          { code: '371525', name: '冠县' },
-          { code: '371526', name: '高唐县' },
-          { code: '371581', name: '临清市' }
-        ]
-      },
-      {
-        code: '3716',
-        name: '滨州市',
-        districts: [
-          { code: '371602', name: '滨城区' },
-          { code: '371603', name: '沾化区' },
-          { code: '371621', name: '惠民县' },
-          { code: '371622', name: '阳信县' },
-          { code: '371623', name: '无棣县' },
-          { code: '371625', name: '博兴县' },
-          { code: '371681', name: '邹平市' }
-        ]
-      },
-      {
-        code: '3717',
-        name: '菏泽市',
-        districts: [
-          { code: '371702', name: '牡丹区' },
-          { code: '371703', name: '定陶区' },
-          { code: '371721', name: '曹县' },
-          { code: '371722', name: '单县' },
-          { code: '371723', name: '成武县' },
-          { code: '371724', name: '巨野县' },
-          { code: '371725', name: '郓城县' },
-          { code: '371726', name: '鄄城县' },
-          { code: '371728', name: '东明县' },
-          { code: '371771', name: '菏泽经济技术开发区' },
-          { code: '371772', name: '菏泽高新技术开发区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '41',
-    name: '河南省',
-    cities: [
-      {
-        code: '4101',
-        name: '郑州市',
-        districts: [
-          { code: '410102', name: '中原区' },
-          { code: '410103', name: '二七区' },
-          { code: '410104', name: '管城回族区' },
-          { code: '410105', name: '金水区' },
-          { code: '410106', name: '上街区' },
-          { code: '410108', name: '惠济区' },
-          { code: '410122', name: '中牟县' },
-          { code: '410171', name: '郑州经济技术开发区' },
-          { code: '410172', name: '郑州高新技术产业开发区' },
-          { code: '410173', name: '郑州航空港经济综合实验区' },
-          { code: '410181', name: '巩义市' },
-          { code: '410182', name: '荥阳市' },
-          { code: '410183', name: '新密市' },
-          { code: '410184', name: '新郑市' },
-          { code: '410185', name: '登封市' }
-        ]
-      },
-      {
-        code: '4102',
-        name: '开封市',
-        districts: [
-          { code: '410202', name: '龙亭区' },
-          { code: '410203', name: '顺河回族区' },
-          { code: '410204', name: '鼓楼区' },
-          { code: '410205', name: '禹王台区' },
-          { code: '410212', name: '祥符区' },
-          { code: '410221', name: '杞县' },
-          { code: '410222', name: '通许县' },
-          { code: '410223', name: '尉氏县' },
-          { code: '410225', name: '兰考县' }
-        ]
-      },
-      {
-        code: '4103',
-        name: '洛阳市',
-        districts: [
-          { code: '410302', name: '老城区' },
-          { code: '410303', name: '西工区' },
-          { code: '410304', name: '瀍河回族区' },
-          { code: '410305', name: '涧西区' },
-          { code: '410307', name: '偃师区' },
-          { code: '410308', name: '孟津区' },
-          { code: '410311', name: '洛龙区' },
-          { code: '410323', name: '新安县' },
-          { code: '410324', name: '栾川县' },
-          { code: '410325', name: '嵩县' },
-          { code: '410326', name: '汝阳县' },
-          { code: '410327', name: '宜阳县' },
-          { code: '410328', name: '洛宁县' },
-          { code: '410329', name: '伊川县' },
-          { code: '410371', name: '洛阳高新技术产业开发区' }
-        ]
-      },
-      {
-        code: '4104',
-        name: '平顶山市',
-        districts: [
-          { code: '410402', name: '新华区' },
-          { code: '410403', name: '卫东区' },
-          { code: '410404', name: '石龙区' },
-          { code: '410411', name: '湛河区' },
-          { code: '410421', name: '宝丰县' },
-          { code: '410422', name: '叶县' },
-          { code: '410423', name: '鲁山县' },
-          { code: '410425', name: '郏县' },
-          { code: '410471', name: '平顶山高新技术产业开发区' },
-          { code: '410472', name: '平顶山市城乡一体化示范区' },
-          { code: '410481', name: '舞钢市' },
-          { code: '410482', name: '汝州市' }
-        ]
-      },
-      {
-        code: '4105',
-        name: '安阳市',
-        districts: [
-          { code: '410502', name: '文峰区' },
-          { code: '410503', name: '北关区' },
-          { code: '410505', name: '殷都区' },
-          { code: '410506', name: '龙安区' },
-          { code: '410522', name: '安阳县' },
-          { code: '410523', name: '汤阴县' },
-          { code: '410526', name: '滑县' },
-          { code: '410527', name: '内黄县' },
-          { code: '410571', name: '安阳高新技术产业开发区' },
-          { code: '410581', name: '林州市' }
-        ]
-      },
-      {
-        code: '4106',
-        name: '鹤壁市',
-        districts: [
-          { code: '410602', name: '鹤山区' },
-          { code: '410603', name: '山城区' },
-          { code: '410611', name: '淇滨区' },
-          { code: '410621', name: '浚县' },
-          { code: '410622', name: '淇县' },
-          { code: '410671', name: '鹤壁经济技术开发区' }
-        ]
-      },
-      {
-        code: '4107',
-        name: '新乡市',
-        districts: [
-          { code: '410702', name: '红旗区' },
-          { code: '410703', name: '卫滨区' },
-          { code: '410704', name: '凤泉区' },
-          { code: '410711', name: '牧野区' },
-          { code: '410721', name: '新乡县' },
-          { code: '410724', name: '获嘉县' },
-          { code: '410725', name: '原阳县' },
-          { code: '410726', name: '延津县' },
-          { code: '410727', name: '封丘县' },
-          { code: '410771', name: '新乡高新技术产业开发区' },
-          { code: '410772', name: '新乡经济技术开发区' },
-          { code: '410773', name: '新乡市平原城乡一体化示范区' },
-          { code: '410781', name: '卫辉市' },
-          { code: '410782', name: '辉县市' },
-          { code: '410783', name: '长垣市' }
-        ]
-      },
-      {
-        code: '4108',
-        name: '焦作市',
-        districts: [
-          { code: '410802', name: '解放区' },
-          { code: '410803', name: '中站区' },
-          { code: '410804', name: '马村区' },
-          { code: '410811', name: '山阳区' },
-          { code: '410821', name: '修武县' },
-          { code: '410822', name: '博爱县' },
-          { code: '410823', name: '武陟县' },
-          { code: '410825', name: '温县' },
-          { code: '410871', name: '焦作城乡一体化示范区' },
-          { code: '410882', name: '沁阳市' },
-          { code: '410883', name: '孟州市' }
-        ]
-      },
-      {
-        code: '4109',
-        name: '濮阳市',
-        districts: [
-          { code: '410902', name: '华龙区' },
-          { code: '410922', name: '清丰县' },
-          { code: '410923', name: '南乐县' },
-          { code: '410926', name: '范县' },
-          { code: '410927', name: '台前县' },
-          { code: '410928', name: '濮阳县' },
-          { code: '410971', name: '河南濮阳工业园区' },
-          { code: '410972', name: '濮阳经济技术开发区' }
-        ]
-      },
-      {
-        code: '4110',
-        name: '许昌市',
-        districts: [
-          { code: '411002', name: '魏都区' },
-          { code: '411003', name: '建安区' },
-          { code: '411024', name: '鄢陵县' },
-          { code: '411025', name: '襄城县' },
-          { code: '411071', name: '许昌经济技术开发区' },
-          { code: '411081', name: '禹州市' },
-          { code: '411082', name: '长葛市' }
-        ]
-      },
-      {
-        code: '4111',
-        name: '漯河市',
-        districts: [
-          { code: '411102', name: '源汇区' },
-          { code: '411103', name: '郾城区' },
-          { code: '411104', name: '召陵区' },
-          { code: '411121', name: '舞阳县' },
-          { code: '411122', name: '临颍县' },
-          { code: '411171', name: '漯河经济技术开发区' }
-        ]
-      },
-      {
-        code: '4112',
-        name: '三门峡市',
-        districts: [
-          { code: '411202', name: '湖滨区' },
-          { code: '411203', name: '陕州区' },
-          { code: '411221', name: '渑池县' },
-          { code: '411224', name: '卢氏县' },
-          { code: '411271', name: '河南三门峡经济开发区' },
-          { code: '411281', name: '义马市' },
-          { code: '411282', name: '灵宝市' }
-        ]
-      },
-      {
-        code: '4113',
-        name: '南阳市',
-        districts: [
-          { code: '411302', name: '宛城区' },
-          { code: '411303', name: '卧龙区' },
-          { code: '411321', name: '南召县' },
-          { code: '411322', name: '方城县' },
-          { code: '411323', name: '西峡县' },
-          { code: '411324', name: '镇平县' },
-          { code: '411325', name: '内乡县' },
-          { code: '411326', name: '淅川县' },
-          { code: '411327', name: '社旗县' },
-          { code: '411328', name: '唐河县' },
-          { code: '411329', name: '新野县' },
-          { code: '411330', name: '桐柏县' },
-          { code: '411371', name: '南阳高新技术产业开发区' },
-          { code: '411372', name: '南阳市城乡一体化示范区' },
-          { code: '411381', name: '邓州市' }
-        ]
-      },
-      {
-        code: '4114',
-        name: '商丘市',
-        districts: [
-          { code: '411402', name: '梁园区' },
-          { code: '411403', name: '睢阳区' },
-          { code: '411421', name: '民权县' },
-          { code: '411422', name: '睢县' },
-          { code: '411423', name: '宁陵县' },
-          { code: '411424', name: '柘城县' },
-          { code: '411425', name: '虞城县' },
-          { code: '411426', name: '夏邑县' },
-          { code: '411471', name: '豫东综合物流产业聚集区' },
-          { code: '411472', name: '河南商丘经济开发区' },
-          { code: '411481', name: '永城市' }
-        ]
-      },
-      {
-        code: '4115',
-        name: '信阳市',
-        districts: [
-          { code: '411502', name: '浉河区' },
-          { code: '411503', name: '平桥区' },
-          { code: '411521', name: '罗山县' },
-          { code: '411522', name: '光山县' },
-          { code: '411523', name: '新县' },
-          { code: '411524', name: '商城县' },
-          { code: '411525', name: '固始县' },
-          { code: '411526', name: '潢川县' },
-          { code: '411527', name: '淮滨县' },
-          { code: '411528', name: '息县' },
-          { code: '411571', name: '信阳高新技术产业开发区' }
-        ]
-      },
-      {
-        code: '4116',
-        name: '周口市',
-        districts: [
-          { code: '411602', name: '川汇区' },
-          { code: '411603', name: '淮阳区' },
-          { code: '411621', name: '扶沟县' },
-          { code: '411622', name: '西华县' },
-          { code: '411623', name: '商水县' },
-          { code: '411624', name: '沈丘县' },
-          { code: '411625', name: '郸城县' },
-          { code: '411627', name: '太康县' },
-          { code: '411628', name: '鹿邑县' },
-          { code: '411671', name: '周口临港开发区' },
-          { code: '411681', name: '项城市' }
-        ]
-      },
-      {
-        code: '4117',
-        name: '驻马店市',
-        districts: [
-          { code: '411702', name: '驿城区' },
-          { code: '411721', name: '西平县' },
-          { code: '411722', name: '上蔡县' },
-          { code: '411723', name: '平舆县' },
-          { code: '411724', name: '正阳县' },
-          { code: '411725', name: '确山县' },
-          { code: '411726', name: '泌阳县' },
-          { code: '411727', name: '汝南县' },
-          { code: '411728', name: '遂平县' },
-          { code: '411729', name: '新蔡县' },
-          { code: '411771', name: '河南驻马店经济开发区' }
-        ]
-      },
-      {
-        code: '4190',
-        name: '省直辖县级行政区划',
-        districts: [
-          { code: '419001', name: '济源市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '42',
-    name: '湖北省',
-    cities: [
-      {
-        code: '4201',
-        name: '武汉市',
-        districts: [
-          { code: '420102', name: '江岸区' },
-          { code: '420103', name: '江汉区' },
-          { code: '420104', name: '硚口区' },
-          { code: '420105', name: '汉阳区' },
-          { code: '420106', name: '武昌区' },
-          { code: '420107', name: '青山区' },
-          { code: '420111', name: '洪山区' },
-          { code: '420112', name: '东西湖区' },
-          { code: '420113', name: '汉南区' },
-          { code: '420114', name: '蔡甸区' },
-          { code: '420115', name: '江夏区' },
-          { code: '420116', name: '黄陂区' },
-          { code: '420117', name: '新洲区' }
-        ]
-      },
-      {
-        code: '4202',
-        name: '黄石市',
-        districts: [
-          { code: '420202', name: '黄石港区' },
-          { code: '420203', name: '西塞山区' },
-          { code: '420204', name: '下陆区' },
-          { code: '420205', name: '铁山区' },
-          { code: '420222', name: '阳新县' },
-          { code: '420281', name: '大冶市' }
-        ]
-      },
-      {
-        code: '4203',
-        name: '十堰市',
-        districts: [
-          { code: '420302', name: '茅箭区' },
-          { code: '420303', name: '张湾区' },
-          { code: '420304', name: '郧阳区' },
-          { code: '420322', name: '郧西县' },
-          { code: '420323', name: '竹山县' },
-          { code: '420324', name: '竹溪县' },
-          { code: '420325', name: '房县' },
-          { code: '420381', name: '丹江口市' }
-        ]
-      },
-      {
-        code: '4205',
-        name: '宜昌市',
-        districts: [
-          { code: '420502', name: '西陵区' },
-          { code: '420503', name: '伍家岗区' },
-          { code: '420504', name: '点军区' },
-          { code: '420505', name: '猇亭区' },
-          { code: '420506', name: '夷陵区' },
-          { code: '420525', name: '远安县' },
-          { code: '420526', name: '兴山县' },
-          { code: '420527', name: '秭归县' },
-          { code: '420528', name: '长阳土家族自治县' },
-          { code: '420529', name: '五峰土家族自治县' },
-          { code: '420581', name: '宜都市' },
-          { code: '420582', name: '当阳市' },
-          { code: '420583', name: '枝江市' }
-        ]
-      },
-      {
-        code: '4206',
-        name: '襄阳市',
-        districts: [
-          { code: '420602', name: '襄城区' },
-          { code: '420606', name: '樊城区' },
-          { code: '420607', name: '襄州区' },
-          { code: '420624', name: '南漳县' },
-          { code: '420625', name: '谷城县' },
-          { code: '420626', name: '保康县' },
-          { code: '420682', name: '老河口市' },
-          { code: '420683', name: '枣阳市' },
-          { code: '420684', name: '宜城市' }
-        ]
-      },
-      {
-        code: '4207',
-        name: '鄂州市',
-        districts: [
-          { code: '420702', name: '梁子湖区' },
-          { code: '420703', name: '华容区' },
-          { code: '420704', name: '鄂城区' }
-        ]
-      },
-      {
-        code: '4208',
-        name: '荆门市',
-        districts: [
-          { code: '420802', name: '东宝区' },
-          { code: '420804', name: '掇刀区' },
-          { code: '420822', name: '沙洋县' },
-          { code: '420881', name: '钟祥市' },
-          { code: '420882', name: '京山市' }
-        ]
-      },
-      {
-        code: '4209',
-        name: '孝感市',
-        districts: [
-          { code: '420902', name: '孝南区' },
-          { code: '420921', name: '孝昌县' },
-          { code: '420922', name: '大悟县' },
-          { code: '420923', name: '云梦县' },
-          { code: '420981', name: '应城市' },
-          { code: '420982', name: '安陆市' },
-          { code: '420984', name: '汉川市' }
-        ]
-      },
-      {
-        code: '4210',
-        name: '荆州市',
-        districts: [
-          { code: '421002', name: '沙市区' },
-          { code: '421003', name: '荆州区' },
-          { code: '421022', name: '公安县' },
-          { code: '421023', name: '监利县' },
-          { code: '421024', name: '江陵县' },
-          { code: '421081', name: '石首市' },
-          { code: '421083', name: '洪湖市' },
-          { code: '421087', name: '松滋市' }
-        ]
-      },
-      {
-        code: '4211',
-        name: '黄冈市',
-        districts: [
-          { code: '421102', name: '黄州区' },
-          { code: '421121', name: '团风县' },
-          { code: '421122', name: '红安县' },
-          { code: '421123', name: '罗田县' },
-          { code: '421124', name: '英山县' },
-          { code: '421125', name: '浠水县' },
-          { code: '421126', name: '蕲春县' },
-          { code: '421127', name: '黄梅县' },
-          { code: '421181', name: '麻城市' },
-          { code: '421182', name: '武穴市' }
-        ]
-      },
-      {
-        code: '4212',
-        name: '咸宁市',
-        districts: [
-          { code: '421202', name: '咸安区' },
-          { code: '421221', name: '嘉鱼县' },
-          { code: '421222', name: '通城县' },
-          { code: '421223', name: '崇阳县' },
-          { code: '421224', name: '通山县' },
-          { code: '421281', name: '赤壁市' }
-        ]
-      },
-      {
-        code: '4213',
-        name: '随州市',
-        districts: [
-          { code: '421303', name: '曾都区' },
-          { code: '421321', name: '随县' },
-          { code: '421381', name: '广水市' }
-        ]
-      },
-      {
-        code: '4228',
-        name: '恩施土家族苗族自治州',
-        districts: [
-          { code: '422801', name: '恩施市' },
-          { code: '422802', name: '利川市' },
-          { code: '422822', name: '建始县' },
-          { code: '422823', name: '巴东县' },
-          { code: '422825', name: '宣恩县' },
-          { code: '422826', name: '咸丰县' },
-          { code: '422827', name: '来凤县' },
-          { code: '422828', name: '鹤峰县' }
-        ]
-      },
-      {
-        code: '4290',
-        name: '省直辖县级行政区划',
-        districts: [
-          { code: '429004', name: '仙桃市' },
-          { code: '429005', name: '潜江市' },
-          { code: '429006', name: '天门市' },
-          { code: '429021', name: '神农架林区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '43',
-    name: '湖南省',
-    cities: [
-      {
-        code: '4301',
-        name: '长沙市',
-        districts: [
-          { code: '430102', name: '芙蓉区' },
-          { code: '430103', name: '天心区' },
-          { code: '430104', name: '岳麓区' },
-          { code: '430105', name: '开福区' },
-          { code: '430111', name: '雨花区' },
-          { code: '430112', name: '望城区' },
-          { code: '430121', name: '长沙县' },
-          { code: '430181', name: '浏阳市' },
-          { code: '430182', name: '宁乡市' }
-        ]
-      },
-      {
-        code: '4302',
-        name: '株洲市',
-        districts: [
-          { code: '430202', name: '荷塘区' },
-          { code: '430203', name: '芦淞区' },
-          { code: '430204', name: '石峰区' },
-          { code: '430211', name: '天元区' },
-          { code: '430212', name: '渌口区' },
-          { code: '430223', name: '攸县' },
-          { code: '430224', name: '茶陵县' },
-          { code: '430225', name: '炎陵县' },
-          { code: '430281', name: '醴陵市' }
-        ]
-      },
-      {
-        code: '4303',
-        name: '湘潭市',
-        districts: [
-          { code: '430302', name: '雨湖区' },
-          { code: '430304', name: '岳塘区' },
-          { code: '430321', name: '湘潭县' },
-          { code: '430381', name: '湘乡市' },
-          { code: '430382', name: '韶山市' }
-        ]
-      },
-      {
-        code: '4304',
-        name: '衡阳市',
-        districts: [
-          { code: '430405', name: '珠晖区' },
-          { code: '430406', name: '雁峰区' },
-          { code: '430407', name: '石鼓区' },
-          { code: '430408', name: '蒸湘区' },
-          { code: '430412', name: '南岳区' },
-          { code: '430421', name: '衡阳县' },
-          { code: '430422', name: '衡南县' },
-          { code: '430423', name: '衡山县' },
-          { code: '430424', name: '衡东县' },
-          { code: '430426', name: '祁东县' },
-          { code: '430481', name: '耒阳市' },
-          { code: '430482', name: '常宁市' }
-        ]
-      },
-      {
-        code: '4305',
-        name: '邵阳市',
-        districts: [
-          { code: '430502', name: '双清区' },
-          { code: '430503', name: '大祥区' },
-          { code: '430511', name: '北塔区' },
-          { code: '430522', name: '新邵县' },
-          { code: '430523', name: '邵阳县' },
-          { code: '430524', name: '隆回县' },
-          { code: '430525', name: '洞口县' },
-          { code: '430527', name: '绥宁县' },
-          { code: '430528', name: '新宁县' },
-          { code: '430529', name: '城步苗族自治县' },
-          { code: '430581', name: '武冈市' },
-          { code: '430582', name: '邵东市' }
-        ]
-      },
-      {
-        code: '4306',
-        name: '岳阳市',
-        districts: [
-          { code: '430602', name: '岳阳楼区' },
-          { code: '430603', name: '云溪区' },
-          { code: '430611', name: '君山区' },
-          { code: '430621', name: '岳阳县' },
-          { code: '430623', name: '华容县' },
-          { code: '430624', name: '湘阴县' },
-          { code: '430626', name: '平江县' },
-          { code: '430681', name: '汨罗市' },
-          { code: '430682', name: '临湘市' }
-        ]
-      },
-      {
-        code: '4307',
-        name: '常德市',
-        districts: [
-          { code: '430702', name: '武陵区' },
-          { code: '430703', name: '鼎城区' },
-          { code: '430721', name: '安乡县' },
-          { code: '430722', name: '汉寿县' },
-          { code: '430723', name: '澧县' },
-          { code: '430724', name: '临澧县' },
-          { code: '430725', name: '桃源县' },
-          { code: '430726', name: '石门县' },
-          { code: '430781', name: '津市市' }
-        ]
-      },
-      {
-        code: '4308',
-        name: '张家界市',
-        districts: [
-          { code: '430802', name: '永定区' },
-          { code: '430811', name: '武陵源区' },
-          { code: '430821', name: '慈利县' },
-          { code: '430822', name: '桑植县' }
-        ]
-      },
-      {
-        code: '4309',
-        name: '益阳市',
-        districts: [
-          { code: '430902', name: '资阳区' },
-          { code: '430903', name: '赫山区' },
-          { code: '430921', name: '南县' },
-          { code: '430922', name: '桃江县' },
-          { code: '430923', name: '安化县' },
-          { code: '430981', name: '沅江市' }
-        ]
-      },
-      {
-        code: '4310',
-        name: '郴州市',
-        districts: [
-          { code: '431002', name: '北湖区' },
-          { code: '431003', name: '苏仙区' },
-          { code: '431021', name: '桂阳县' },
-          { code: '431022', name: '宜章县' },
-          { code: '431023', name: '永兴县' },
-          { code: '431024', name: '嘉禾县' },
-          { code: '431025', name: '临武县' },
-          { code: '431026', name: '汝城县' },
-          { code: '431027', name: '桂东县' },
-          { code: '431028', name: '安仁县' },
-          { code: '431081', name: '资兴市' }
-        ]
-      },
-      {
-        code: '4311',
-        name: '永州市',
-        districts: [
-          { code: '431102', name: '零陵区' },
-          { code: '431103', name: '冷水滩区' },
-          { code: '431121', name: '祁阳县' },
-          { code: '431122', name: '东安县' },
-          { code: '431123', name: '双牌县' },
-          { code: '431124', name: '道县' },
-          { code: '431125', name: '江永县' },
-          { code: '431126', name: '宁远县' },
-          { code: '431127', name: '蓝山县' },
-          { code: '431128', name: '新田县' },
-          { code: '431129', name: '江华瑶族自治县' }
-        ]
-      },
-      {
-        code: '4312',
-        name: '怀化市',
-        districts: [
-          { code: '431202', name: '鹤城区' },
-          { code: '431221', name: '中方县' },
-          { code: '431222', name: '沅陵县' },
-          { code: '431223', name: '辰溪县' },
-          { code: '431224', name: '溆浦县' },
-          { code: '431225', name: '会同县' },
-          { code: '431226', name: '麻阳苗族自治县' },
-          { code: '431227', name: '新晃侗族自治县' },
-          { code: '431228', name: '芷江侗族自治县' },
-          { code: '431229', name: '靖州苗族侗族自治县' },
-          { code: '431230', name: '通道侗族自治县' },
-          { code: '431281', name: '洪江市' }
-        ]
-      },
-      {
-        code: '4313',
-        name: '娄底市',
-        districts: [
-          { code: '431302', name: '娄星区' },
-          { code: '431321', name: '双峰县' },
-          { code: '431322', name: '新化县' },
-          { code: '431381', name: '冷水江市' },
-          { code: '431382', name: '涟源市' }
-        ]
-      },
-      {
-        code: '4331',
-        name: '湘西土家族苗族自治州',
-        districts: [
-          { code: '433101', name: '吉首市' },
-          { code: '433122', name: '泸溪县' },
-          { code: '433123', name: '凤凰县' },
-          { code: '433124', name: '花垣县' },
-          { code: '433125', name: '保靖县' },
-          { code: '433126', name: '古丈县' },
-          { code: '433127', name: '永顺县' },
-          { code: '433130', name: '龙山县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '44',
-    name: '广东省',
-    cities: [
-      {
-        code: '4401',
-        name: '广州市',
-        districts: [
-          { code: '440103', name: '荔湾区' },
-          { code: '440104', name: '越秀区' },
-          { code: '440105', name: '海珠区' },
-          { code: '440106', name: '天河区' },
-          { code: '440111', name: '白云区' },
-          { code: '440112', name: '黄埔区' },
-          { code: '440113', name: '番禺区' },
-          { code: '440114', name: '花都区' },
-          { code: '440115', name: '南沙区' },
-          { code: '440117', name: '从化区' },
-          { code: '440118', name: '增城区' }
-        ]
-      },
-      {
-        code: '4402',
-        name: '韶关市',
-        districts: [
-          { code: '440203', name: '武江区' },
-          { code: '440204', name: '浈江区' },
-          { code: '440205', name: '曲江区' },
-          { code: '440222', name: '始兴县' },
-          { code: '440224', name: '仁化县' },
-          { code: '440229', name: '翁源县' },
-          { code: '440232', name: '乳源瑶族自治县' },
-          { code: '440233', name: '新丰县' },
-          { code: '440281', name: '乐昌市' },
-          { code: '440282', name: '南雄市' }
-        ]
-      },
-      {
-        code: '4403',
-        name: '深圳市',
-        districts: [
-          { code: '440303', name: '罗湖区' },
-          { code: '440304', name: '福田区' },
-          { code: '440305', name: '南山区' },
-          { code: '440306', name: '宝安区' },
-          { code: '440307', name: '龙岗区' },
-          { code: '440308', name: '盐田区' },
-          { code: '440309', name: '龙华区' },
-          { code: '440310', name: '坪山区' },
-          { code: '440311', name: '光明区' }
-        ]
-      },
-      {
-        code: '4404',
-        name: '珠海市',
-        districts: [
-          { code: '440402', name: '香洲区' },
-          { code: '440403', name: '斗门区' },
-          { code: '440404', name: '金湾区' }
-        ]
-      },
-      {
-        code: '4405',
-        name: '汕头市',
-        districts: [
-          { code: '440507', name: '龙湖区' },
-          { code: '440511', name: '金平区' },
-          { code: '440512', name: '濠江区' },
-          { code: '440513', name: '潮阳区' },
-          { code: '440514', name: '潮南区' },
-          { code: '440515', name: '澄海区' },
-          { code: '440523', name: '南澳县' }
-        ]
-      },
-      {
-        code: '4406',
-        name: '佛山市',
-        districts: [
-          { code: '440604', name: '禅城区' },
-          { code: '440605', name: '南海区' },
-          { code: '440606', name: '顺德区' },
-          { code: '440607', name: '三水区' },
-          { code: '440608', name: '高明区' }
-        ]
-      },
-      {
-        code: '4407',
-        name: '江门市',
-        districts: [
-          { code: '440703', name: '蓬江区' },
-          { code: '440704', name: '江海区' },
-          { code: '440705', name: '新会区' },
-          { code: '440781', name: '台山市' },
-          { code: '440783', name: '开平市' },
-          { code: '440784', name: '鹤山市' },
-          { code: '440785', name: '恩平市' }
-        ]
-      },
-      {
-        code: '4408',
-        name: '湛江市',
-        districts: [
-          { code: '440802', name: '赤坎区' },
-          { code: '440803', name: '霞山区' },
-          { code: '440804', name: '坡头区' },
-          { code: '440811', name: '麻章区' },
-          { code: '440823', name: '遂溪县' },
-          { code: '440825', name: '徐闻县' },
-          { code: '440881', name: '廉江市' },
-          { code: '440882', name: '雷州市' },
-          { code: '440883', name: '吴川市' }
-        ]
-      },
-      {
-        code: '4409',
-        name: '茂名市',
-        districts: [
-          { code: '440902', name: '茂南区' },
-          { code: '440904', name: '电白区' },
-          { code: '440981', name: '高州市' },
-          { code: '440982', name: '化州市' },
-          { code: '440983', name: '信宜市' }
-        ]
-      },
-      {
-        code: '4412',
-        name: '肇庆市',
-        districts: [
-          { code: '441202', name: '端州区' },
-          { code: '441203', name: '鼎湖区' },
-          { code: '441204', name: '高要区' },
-          { code: '441223', name: '广宁县' },
-          { code: '441224', name: '怀集县' },
-          { code: '441225', name: '封开县' },
-          { code: '441226', name: '德庆县' },
-          { code: '441284', name: '四会市' }
-        ]
-      },
-      {
-        code: '4413',
-        name: '惠州市',
-        districts: [
-          { code: '441302', name: '惠城区' },
-          { code: '441303', name: '惠阳区' },
-          { code: '441322', name: '博罗县' },
-          { code: '441323', name: '惠东县' },
-          { code: '441324', name: '龙门县' }
-        ]
-      },
-      {
-        code: '4414',
-        name: '梅州市',
-        districts: [
-          { code: '441402', name: '梅江区' },
-          { code: '441403', name: '梅县区' },
-          { code: '441422', name: '大埔县' },
-          { code: '441423', name: '丰顺县' },
-          { code: '441424', name: '五华县' },
-          { code: '441426', name: '平远县' },
-          { code: '441427', name: '蕉岭县' },
-          { code: '441481', name: '兴宁市' }
-        ]
-      },
-      {
-        code: '4415',
-        name: '汕尾市',
-        districts: [
-          { code: '441502', name: '城区' },
-          { code: '441521', name: '海丰县' },
-          { code: '441523', name: '陆河县' },
-          { code: '441581', name: '陆丰市' }
-        ]
-      },
-      {
-        code: '4416',
-        name: '河源市',
-        districts: [
-          { code: '441602', name: '源城区' },
-          { code: '441621', name: '紫金县' },
-          { code: '441622', name: '龙川县' },
-          { code: '441623', name: '连平县' },
-          { code: '441624', name: '和平县' },
-          { code: '441625', name: '东源县' }
-        ]
-      },
-      {
-        code: '4417',
-        name: '阳江市',
-        districts: [
-          { code: '441702', name: '江城区' },
-          { code: '441704', name: '阳东区' },
-          { code: '441721', name: '阳西县' },
-          { code: '441781', name: '阳春市' }
-        ]
-      },
-      {
-        code: '4418',
-        name: '清远市',
-        districts: [
-          { code: '441802', name: '清城区' },
-          { code: '441803', name: '清新区' },
-          { code: '441821', name: '佛冈县' },
-          { code: '441823', name: '阳山县' },
-          { code: '441825', name: '连山壮族瑶族自治县' },
-          { code: '441826', name: '连南瑶族自治县' },
-          { code: '441881', name: '英德市' },
-          { code: '441882', name: '连州市' }
-        ]
-      },
-      {
-        code: '4419',
-        name: '东莞市',
-        districts: [
-          { code: '441900003', name: '东城街道' },
-          { code: '441900004', name: '南城街道' },
-          { code: '441900005', name: '万江街道' },
-          { code: '441900006', name: '莞城街道' },
-          { code: '441900101', name: '石碣镇' },
-          { code: '441900102', name: '石龙镇' },
-          { code: '441900103', name: '茶山镇' },
-          { code: '441900104', name: '石排镇' },
-          { code: '441900105', name: '企石镇' },
-          { code: '441900106', name: '横沥镇' },
-          { code: '441900107', name: '桥头镇' },
-          { code: '441900108', name: '谢岗镇' },
-          { code: '441900109', name: '东坑镇' },
-          { code: '441900110', name: '常平镇' },
-          { code: '441900111', name: '寮步镇' },
-          { code: '441900112', name: '樟木头镇' },
-          { code: '441900113', name: '大朗镇' },
-          { code: '441900114', name: '黄江镇' },
-          { code: '441900115', name: '清溪镇' },
-          { code: '441900116', name: '塘厦镇' },
-          { code: '441900117', name: '凤岗镇' },
-          { code: '441900118', name: '大岭山镇' },
-          { code: '441900119', name: '长安镇' },
-          { code: '441900121', name: '虎门镇' },
-          { code: '441900122', name: '厚街镇' },
-          { code: '441900123', name: '沙田镇' },
-          { code: '441900124', name: '道滘镇' },
-          { code: '441900125', name: '洪梅镇' },
-          { code: '441900126', name: '麻涌镇' },
-          { code: '441900127', name: '望牛墩镇' },
-          { code: '441900128', name: '中堂镇' },
-          { code: '441900129', name: '高埗镇' }
-        ]
-      },
-      {
-        code: '4420',
-        name: '中山市',
-        districts: [
-          { code: '442000001', name: '石岐街道' },
-          { code: '442000002', name: '东区街道' },
-          { code: '442000003', name: '火炬开发区街道' },
-          { code: '442000004', name: '西区街道' },
-          { code: '442000005', name: '南区街道' },
-          { code: '442000006', name: '五桂山街道' },
-          { code: '442000100', name: '小榄镇' },
-          { code: '442000101', name: '黄圃镇' },
-          { code: '442000102', name: '民众镇' },
-          { code: '442000103', name: '东凤镇' },
-          { code: '442000104', name: '东升镇' },
-          { code: '442000105', name: '古镇镇' },
-          { code: '442000106', name: '沙溪镇' },
-          { code: '442000107', name: '坦洲镇' },
-          { code: '442000108', name: '港口镇' },
-          { code: '442000109', name: '三角镇' },
-          { code: '442000110', name: '横栏镇' },
-          { code: '442000111', name: '南头镇' },
-          { code: '442000112', name: '阜沙镇' },
-          { code: '442000113', name: '南朗镇' },
-          { code: '442000114', name: '三乡镇' },
-          { code: '442000115', name: '板芙镇' },
-          { code: '442000116', name: '大涌镇' },
-          { code: '442000117', name: '神湾镇' }
-        ]
-      },
-      {
-        code: '4451',
-        name: '潮州市',
-        districts: [
-          { code: '445102', name: '湘桥区' },
-          { code: '445103', name: '潮安区' },
-          { code: '445122', name: '饶平县' }
-        ]
-      },
-      {
-        code: '4452',
-        name: '揭阳市',
-        districts: [
-          { code: '445202', name: '榕城区' },
-          { code: '445203', name: '揭东区' },
-          { code: '445222', name: '揭西县' },
-          { code: '445224', name: '惠来县' },
-          { code: '445281', name: '普宁市' }
-        ]
-      },
-      {
-        code: '4453',
-        name: '云浮市',
-        districts: [
-          { code: '445302', name: '云城区' },
-          { code: '445303', name: '云安区' },
-          { code: '445321', name: '新兴县' },
-          { code: '445322', name: '郁南县' },
-          { code: '445381', name: '罗定市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '45',
-    name: '广西壮族自治区',
-    cities: [
-      {
-        code: '4501',
-        name: '南宁市',
-        districts: [
-          { code: '450102', name: '兴宁区' },
-          { code: '450103', name: '青秀区' },
-          { code: '450105', name: '江南区' },
-          { code: '450107', name: '西乡塘区' },
-          { code: '450108', name: '良庆区' },
-          { code: '450109', name: '邕宁区' },
-          { code: '450110', name: '武鸣区' },
-          { code: '450123', name: '隆安县' },
-          { code: '450124', name: '马山县' },
-          { code: '450125', name: '上林县' },
-          { code: '450126', name: '宾阳县' },
-          { code: '450181', name: '横州市' }
-        ]
-      },
-      {
-        code: '4502',
-        name: '柳州市',
-        districts: [
-          { code: '450202', name: '城中区' },
-          { code: '450203', name: '鱼峰区' },
-          { code: '450204', name: '柳南区' },
-          { code: '450205', name: '柳北区' },
-          { code: '450206', name: '柳江区' },
-          { code: '450222', name: '柳城县' },
-          { code: '450223', name: '鹿寨县' },
-          { code: '450224', name: '融安县' },
-          { code: '450225', name: '融水苗族自治县' },
-          { code: '450226', name: '三江侗族自治县' }
-        ]
-      },
-      {
-        code: '4503',
-        name: '桂林市',
-        districts: [
-          { code: '450302', name: '秀峰区' },
-          { code: '450303', name: '叠彩区' },
-          { code: '450304', name: '象山区' },
-          { code: '450305', name: '七星区' },
-          { code: '450311', name: '雁山区' },
-          { code: '450312', name: '临桂区' },
-          { code: '450321', name: '阳朔县' },
-          { code: '450323', name: '灵川县' },
-          { code: '450324', name: '全州县' },
-          { code: '450325', name: '兴安县' },
-          { code: '450326', name: '永福县' },
-          { code: '450327', name: '灌阳县' },
-          { code: '450328', name: '龙胜各族自治县' },
-          { code: '450329', name: '资源县' },
-          { code: '450330', name: '平乐县' },
-          { code: '450332', name: '恭城瑶族自治县' },
-          { code: '450381', name: '荔浦市' }
-        ]
-      },
-      {
-        code: '4504',
-        name: '梧州市',
-        districts: [
-          { code: '450403', name: '万秀区' },
-          { code: '450405', name: '长洲区' },
-          { code: '450406', name: '龙圩区' },
-          { code: '450421', name: '苍梧县' },
-          { code: '450422', name: '藤县' },
-          { code: '450423', name: '蒙山县' },
-          { code: '450481', name: '岑溪市' }
-        ]
-      },
-      {
-        code: '4505',
-        name: '北海市',
-        districts: [
-          { code: '450502', name: '海城区' },
-          { code: '450503', name: '银海区' },
-          { code: '450512', name: '铁山港区' },
-          { code: '450521', name: '合浦县' }
-        ]
-      },
-      {
-        code: '4506',
-        name: '防城港市',
-        districts: [
-          { code: '450602', name: '港口区' },
-          { code: '450603', name: '防城区' },
-          { code: '450621', name: '上思县' },
-          { code: '450681', name: '东兴市' }
-        ]
-      },
-      {
-        code: '4507',
-        name: '钦州市',
-        districts: [
-          { code: '450702', name: '钦南区' },
-          { code: '450703', name: '钦北区' },
-          { code: '450721', name: '灵山县' },
-          { code: '450722', name: '浦北县' }
-        ]
-      },
-      {
-        code: '4508',
-        name: '贵港市',
-        districts: [
-          { code: '450802', name: '港北区' },
-          { code: '450803', name: '港南区' },
-          { code: '450804', name: '覃塘区' },
-          { code: '450821', name: '平南县' },
-          { code: '450881', name: '桂平市' }
-        ]
-      },
-      {
-        code: '4509',
-        name: '玉林市',
-        districts: [
-          { code: '450902', name: '玉州区' },
-          { code: '450903', name: '福绵区' },
-          { code: '450921', name: '容县' },
-          { code: '450922', name: '陆川县' },
-          { code: '450923', name: '博白县' },
-          { code: '450924', name: '兴业县' },
-          { code: '450981', name: '北流市' }
-        ]
-      },
-      {
-        code: '4510',
-        name: '百色市',
-        districts: [
-          { code: '451002', name: '右江区' },
-          { code: '451003', name: '田阳区' },
-          { code: '451022', name: '田东县' },
-          { code: '451024', name: '德保县' },
-          { code: '451026', name: '那坡县' },
-          { code: '451027', name: '凌云县' },
-          { code: '451028', name: '乐业县' },
-          { code: '451029', name: '田林县' },
-          { code: '451030', name: '西林县' },
-          { code: '451031', name: '隆林各族自治县' },
-          { code: '451081', name: '靖西市' },
-          { code: '451082', name: '平果市' }
-        ]
-      },
-      {
-        code: '4511',
-        name: '贺州市',
-        districts: [
-          { code: '451102', name: '八步区' },
-          { code: '451103', name: '平桂区' },
-          { code: '451121', name: '昭平县' },
-          { code: '451122', name: '钟山县' },
-          { code: '451123', name: '富川瑶族自治县' }
-        ]
-      },
-      {
-        code: '4512',
-        name: '河池市',
-        districts: [
-          { code: '451202', name: '金城江区' },
-          { code: '451203', name: '宜州区' },
-          { code: '451221', name: '南丹县' },
-          { code: '451222', name: '天峨县' },
-          { code: '451223', name: '凤山县' },
-          { code: '451224', name: '东兰县' },
-          { code: '451225', name: '罗城仫佬族自治县' },
-          { code: '451226', name: '环江毛南族自治县' },
-          { code: '451227', name: '巴马瑶族自治县' },
-          { code: '451228', name: '都安瑶族自治县' },
-          { code: '451229', name: '大化瑶族自治县' }
-        ]
-      },
-      {
-        code: '4513',
-        name: '来宾市',
-        districts: [
-          { code: '451302', name: '兴宾区' },
-          { code: '451321', name: '忻城县' },
-          { code: '451322', name: '象州县' },
-          { code: '451323', name: '武宣县' },
-          { code: '451324', name: '金秀瑶族自治县' },
-          { code: '451381', name: '合山市' }
-        ]
-      },
-      {
-        code: '4514',
-        name: '崇左市',
-        districts: [
-          { code: '451402', name: '江州区' },
-          { code: '451421', name: '扶绥县' },
-          { code: '451422', name: '宁明县' },
-          { code: '451423', name: '龙州县' },
-          { code: '451424', name: '大新县' },
-          { code: '451425', name: '天等县' },
-          { code: '451481', name: '凭祥市' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '46',
-    name: '海南省',
-    cities: [
-      {
-        code: '4601',
-        name: '海口市',
-        districts: [
-          { code: '460105', name: '秀英区' },
-          { code: '460106', name: '龙华区' },
-          { code: '460107', name: '琼山区' },
-          { code: '460108', name: '美兰区' }
-        ]
-      },
-      {
-        code: '4602',
-        name: '三亚市',
-        districts: [
-          { code: '460202', name: '海棠区' },
-          { code: '460203', name: '吉阳区' },
-          { code: '460204', name: '天涯区' },
-          { code: '460205', name: '崖州区' }
-        ]
-      },
-      {
-        code: '4603',
-        name: '三沙市',
-        districts: [
-          { code: '460321', name: '西沙群岛' },
-          { code: '460322', name: '南沙群岛' },
-          { code: '460323', name: '中沙群岛的岛礁及其海域' }
-        ]
-      },
-      {
-        code: '4604',
-        name: '儋州市',
-        districts: [
-          { code: '460400100', name: '那大镇' },
-          { code: '460400101', name: '和庆镇' },
-          { code: '460400102', name: '南丰镇' },
-          { code: '460400103', name: '大成镇' },
-          { code: '460400104', name: '雅星镇' },
-          { code: '460400105', name: '兰洋镇' },
-          { code: '460400106', name: '光村镇' },
-          { code: '460400107', name: '木棠镇' },
-          { code: '460400108', name: '海头镇' },
-          { code: '460400109', name: '峨蔓镇' },
-          { code: '460400111', name: '王五镇' },
-          { code: '460400112', name: '白马井镇' },
-          { code: '460400113', name: '中和镇' },
-          { code: '460400114', name: '排浦镇' },
-          { code: '460400115', name: '东成镇' },
-          { code: '460400116', name: '新州镇' },
-          { code: '460400499', name: '洋浦经济开发区' },
-          { code: '460400500', name: '华南热作学院' }
-        ]
-      },
-      {
-        code: '4690',
-        name: '省直辖县级行政区划',
-        districts: [
-          { code: '469001', name: '五指山市' },
-          { code: '469002', name: '琼海市' },
-          { code: '469005', name: '文昌市' },
-          { code: '469006', name: '万宁市' },
-          { code: '469007', name: '东方市' },
-          { code: '469021', name: '定安县' },
-          { code: '469022', name: '屯昌县' },
-          { code: '469023', name: '澄迈县' },
-          { code: '469024', name: '临高县' },
-          { code: '469025', name: '白沙黎族自治县' },
-          { code: '469026', name: '昌江黎族自治县' },
-          { code: '469027', name: '乐东黎族自治县' },
-          { code: '469028', name: '陵水黎族自治县' },
-          { code: '469029', name: '保亭黎族苗族自治县' },
-          { code: '469030', name: '琼中黎族苗族自治县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '50',
-    name: '重庆市',
-    cities: [
-      {
-        code: '5001',
-        name: '市辖区',
-        districts: [
-          { code: '500101', name: '万州区' },
-          { code: '500102', name: '涪陵区' },
-          { code: '500103', name: '渝中区' },
-          { code: '500104', name: '大渡口区' },
-          { code: '500105', name: '江北区' },
-          { code: '500106', name: '沙坪坝区' },
-          { code: '500107', name: '九龙坡区' },
-          { code: '500108', name: '南岸区' },
-          { code: '500109', name: '北碚区' },
-          { code: '500110', name: '綦江区' },
-          { code: '500111', name: '大足区' },
-          { code: '500112', name: '渝北区' },
-          { code: '500113', name: '巴南区' },
-          { code: '500114', name: '黔江区' },
-          { code: '500115', name: '长寿区' },
-          { code: '500116', name: '江津区' },
-          { code: '500117', name: '合川区' },
-          { code: '500118', name: '永川区' },
-          { code: '500119', name: '南川区' },
-          { code: '500120', name: '璧山区' },
-          { code: '500151', name: '铜梁区' },
-          { code: '500152', name: '潼南区' },
-          { code: '500153', name: '荣昌区' },
-          { code: '500154', name: '开州区' },
-          { code: '500155', name: '梁平区' },
-          { code: '500156', name: '武隆区' }
-        ]
-      },
-      {
-        code: '5002',
-        name: '县',
-        districts: [
-          { code: '500229', name: '城口县' },
-          { code: '500230', name: '丰都县' },
-          { code: '500231', name: '垫江县' },
-          { code: '500233', name: '忠县' },
-          { code: '500235', name: '云阳县' },
-          { code: '500236', name: '奉节县' },
-          { code: '500237', name: '巫山县' },
-          { code: '500238', name: '巫溪县' },
-          { code: '500240', name: '石柱土家族自治县' },
-          { code: '500241', name: '秀山土家族苗族自治县' },
-          { code: '500242', name: '酉阳土家族苗族自治县' },
-          { code: '500243', name: '彭水苗族土家族自治县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '51',
-    name: '四川省',
-    cities: [
-      {
-        code: '5101',
-        name: '成都市',
-        districts: [
-          { code: '510104', name: '锦江区' },
-          { code: '510105', name: '青羊区' },
-          { code: '510106', name: '金牛区' },
-          { code: '510107', name: '武侯区' },
-          { code: '510108', name: '成华区' },
-          { code: '510112', name: '龙泉驿区' },
-          { code: '510113', name: '青白江区' },
-          { code: '510114', name: '新都区' },
-          { code: '510115', name: '温江区' },
-          { code: '510116', name: '双流区' },
-          { code: '510117', name: '郫都区' },
-          { code: '510118', name: '新津区' },
-          { code: '510121', name: '金堂县' },
-          { code: '510129', name: '大邑县' },
-          { code: '510131', name: '蒲江县' },
-          { code: '510181', name: '都江堰市' },
-          { code: '510182', name: '彭州市' },
-          { code: '510183', name: '邛崃市' },
-          { code: '510184', name: '崇州市' },
-          { code: '510185', name: '简阳市' }
-        ]
-      },
-      {
-        code: '5103',
-        name: '自贡市',
-        districts: [
-          { code: '510302', name: '自流井区' },
-          { code: '510303', name: '贡井区' },
-          { code: '510304', name: '大安区' },
-          { code: '510311', name: '沿滩区' },
-          { code: '510321', name: '荣县' },
-          { code: '510322', name: '富顺县' }
-        ]
-      },
-      {
-        code: '5104',
-        name: '攀枝花市',
-        districts: [
-          { code: '510402', name: '东区' },
-          { code: '510403', name: '西区' },
-          { code: '510411', name: '仁和区' },
-          { code: '510421', name: '米易县' },
-          { code: '510422', name: '盐边县' }
-        ]
-      },
-      {
-        code: '5105',
-        name: '泸州市',
-        districts: [
-          { code: '510502', name: '江阳区' },
-          { code: '510503', name: '纳溪区' },
-          { code: '510504', name: '龙马潭区' },
-          { code: '510521', name: '泸县' },
-          { code: '510522', name: '合江县' },
-          { code: '510524', name: '叙永县' },
-          { code: '510525', name: '古蔺县' }
-        ]
-      },
-      {
-        code: '5106',
-        name: '德阳市',
-        districts: [
-          { code: '510603', name: '旌阳区' },
-          { code: '510604', name: '罗江区' },
-          { code: '510623', name: '中江县' },
-          { code: '510681', name: '广汉市' },
-          { code: '510682', name: '什邡市' },
-          { code: '510683', name: '绵竹市' }
-        ]
-      },
-      {
-        code: '5107',
-        name: '绵阳市',
-        districts: [
-          { code: '510703', name: '涪城区' },
-          { code: '510704', name: '游仙区' },
-          { code: '510705', name: '安州区' },
-          { code: '510722', name: '三台县' },
-          { code: '510723', name: '盐亭县' },
-          { code: '510725', name: '梓潼县' },
-          { code: '510726', name: '北川羌族自治县' },
-          { code: '510727', name: '平武县' },
-          { code: '510781', name: '江油市' }
-        ]
-      },
-      {
-        code: '5108',
-        name: '广元市',
-        districts: [
-          { code: '510802', name: '利州区' },
-          { code: '510811', name: '昭化区' },
-          { code: '510812', name: '朝天区' },
-          { code: '510821', name: '旺苍县' },
-          { code: '510822', name: '青川县' },
-          { code: '510823', name: '剑阁县' },
-          { code: '510824', name: '苍溪县' }
-        ]
-      },
-      {
-        code: '5109',
-        name: '遂宁市',
-        districts: [
-          { code: '510903', name: '船山区' },
-          { code: '510904', name: '安居区' },
-          { code: '510921', name: '蓬溪县' },
-          { code: '510923', name: '大英县' },
-          { code: '510981', name: '射洪市' }
-        ]
-      },
-      {
-        code: '5110',
-        name: '内江市',
-        districts: [
-          { code: '511002', name: '市中区' },
-          { code: '511011', name: '东兴区' },
-          { code: '511024', name: '威远县' },
-          { code: '511025', name: '资中县' },
-          { code: '511083', name: '隆昌市' }
-        ]
-      },
-      {
-        code: '5111',
-        name: '乐山市',
-        districts: [
-          { code: '511102', name: '市中区' },
-          { code: '511111', name: '沙湾区' },
-          { code: '511112', name: '五通桥区' },
-          { code: '511113', name: '金口河区' },
-          { code: '511123', name: '犍为县' },
-          { code: '511124', name: '井研县' },
-          { code: '511126', name: '夹江县' },
-          { code: '511129', name: '沐川县' },
-          { code: '511132', name: '峨边彝族自治县' },
-          { code: '511133', name: '马边彝族自治县' },
-          { code: '511181', name: '峨眉山市' }
-        ]
-      },
-      {
-        code: '5113',
-        name: '南充市',
-        districts: [
-          { code: '511302', name: '顺庆区' },
-          { code: '511303', name: '高坪区' },
-          { code: '511304', name: '嘉陵区' },
-          { code: '511321', name: '南部县' },
-          { code: '511322', name: '营山县' },
-          { code: '511323', name: '蓬安县' },
-          { code: '511324', name: '仪陇县' },
-          { code: '511325', name: '西充县' },
-          { code: '511381', name: '阆中市' }
-        ]
-      },
-      {
-        code: '5114',
-        name: '眉山市',
-        districts: [
-          { code: '511402', name: '东坡区' },
-          { code: '511403', name: '彭山区' },
-          { code: '511421', name: '仁寿县' },
-          { code: '511423', name: '洪雅县' },
-          { code: '511424', name: '丹棱县' },
-          { code: '511425', name: '青神县' }
-        ]
-      },
-      {
-        code: '5115',
-        name: '宜宾市',
-        districts: [
-          { code: '511502', name: '翠屏区' },
-          { code: '511503', name: '南溪区' },
-          { code: '511504', name: '叙州区' },
-          { code: '511523', name: '江安县' },
-          { code: '511524', name: '长宁县' },
-          { code: '511525', name: '高县' },
-          { code: '511526', name: '珙县' },
-          { code: '511527', name: '筠连县' },
-          { code: '511528', name: '兴文县' },
-          { code: '511529', name: '屏山县' }
-        ]
-      },
-      {
-        code: '5116',
-        name: '广安市',
-        districts: [
-          { code: '511602', name: '广安区' },
-          { code: '511603', name: '前锋区' },
-          { code: '511621', name: '岳池县' },
-          { code: '511622', name: '武胜县' },
-          { code: '511623', name: '邻水县' },
-          { code: '511681', name: '华蓥市' }
-        ]
-      },
-      {
-        code: '5117',
-        name: '达州市',
-        districts: [
-          { code: '511702', name: '通川区' },
-          { code: '511703', name: '达川区' },
-          { code: '511722', name: '宣汉县' },
-          { code: '511723', name: '开江县' },
-          { code: '511724', name: '大竹县' },
-          { code: '511725', name: '渠县' },
-          { code: '511781', name: '万源市' }
-        ]
-      },
-      {
-        code: '5118',
-        name: '雅安市',
-        districts: [
-          { code: '511802', name: '雨城区' },
-          { code: '511803', name: '名山区' },
-          { code: '511822', name: '荥经县' },
-          { code: '511823', name: '汉源县' },
-          { code: '511824', name: '石棉县' },
-          { code: '511825', name: '天全县' },
-          { code: '511826', name: '芦山县' },
-          { code: '511827', name: '宝兴县' }
-        ]
-      },
-      {
-        code: '5119',
-        name: '巴中市',
-        districts: [
-          { code: '511902', name: '巴州区' },
-          { code: '511903', name: '恩阳区' },
-          { code: '511921', name: '通江县' },
-          { code: '511922', name: '南江县' },
-          { code: '511923', name: '平昌县' }
-        ]
-      },
-      {
-        code: '5120',
-        name: '资阳市',
-        districts: [
-          { code: '512002', name: '雁江区' },
-          { code: '512021', name: '安岳县' },
-          { code: '512022', name: '乐至县' }
-        ]
-      },
-      {
-        code: '5132',
-        name: '阿坝藏族羌族自治州',
-        districts: [
-          { code: '513201', name: '马尔康市' },
-          { code: '513221', name: '汶川县' },
-          { code: '513222', name: '理县' },
-          { code: '513223', name: '茂县' },
-          { code: '513224', name: '松潘县' },
-          { code: '513225', name: '九寨沟县' },
-          { code: '513226', name: '金川县' },
-          { code: '513227', name: '小金县' },
-          { code: '513228', name: '黑水县' },
-          { code: '513230', name: '壤塘县' },
-          { code: '513231', name: '阿坝县' },
-          { code: '513232', name: '若尔盖县' },
-          { code: '513233', name: '红原县' }
-        ]
-      },
-      {
-        code: '5133',
-        name: '甘孜藏族自治州',
-        districts: [
-          { code: '513301', name: '康定市' },
-          { code: '513322', name: '泸定县' },
-          { code: '513323', name: '丹巴县' },
-          { code: '513324', name: '九龙县' },
-          { code: '513325', name: '雅江县' },
-          { code: '513326', name: '道孚县' },
-          { code: '513327', name: '炉霍县' },
-          { code: '513328', name: '甘孜县' },
-          { code: '513329', name: '新龙县' },
-          { code: '513330', name: '德格县' },
-          { code: '513331', name: '白玉县' },
-          { code: '513332', name: '石渠县' },
-          { code: '513333', name: '色达县' },
-          { code: '513334', name: '理塘县' },
-          { code: '513335', name: '巴塘县' },
-          { code: '513336', name: '乡城县' },
-          { code: '513337', name: '稻城县' },
-          { code: '513338', name: '得荣县' }
-        ]
-      },
-      {
-        code: '5134',
-        name: '凉山彝族自治州',
-        districts: [
-          { code: '513401', name: '西昌市' },
-          { code: '513422', name: '木里藏族自治县' },
-          { code: '513423', name: '盐源县' },
-          { code: '513424', name: '德昌县' },
-          { code: '513425', name: '会理县' },
-          { code: '513426', name: '会东县' },
-          { code: '513427', name: '宁南县' },
-          { code: '513428', name: '普格县' },
-          { code: '513429', name: '布拖县' },
-          { code: '513430', name: '金阳县' },
-          { code: '513431', name: '昭觉县' },
-          { code: '513432', name: '喜德县' },
-          { code: '513433', name: '冕宁县' },
-          { code: '513434', name: '越西县' },
-          { code: '513435', name: '甘洛县' },
-          { code: '513436', name: '美姑县' },
-          { code: '513437', name: '雷波县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '52',
-    name: '贵州省',
-    cities: [
-      {
-        code: '5201',
-        name: '贵阳市',
-        districts: [
-          { code: '520102', name: '南明区' },
-          { code: '520103', name: '云岩区' },
-          { code: '520111', name: '花溪区' },
-          { code: '520112', name: '乌当区' },
-          { code: '520113', name: '白云区' },
-          { code: '520115', name: '观山湖区' },
-          { code: '520121', name: '开阳县' },
-          { code: '520122', name: '息烽县' },
-          { code: '520123', name: '修文县' },
-          { code: '520181', name: '清镇市' }
-        ]
-      },
-      {
-        code: '5202',
-        name: '六盘水市',
-        districts: [
-          { code: '520201', name: '钟山区' },
-          { code: '520203', name: '六枝特区' },
-          { code: '520221', name: '水城县' },
-          { code: '520281', name: '盘州市' }
-        ]
-      },
-      {
-        code: '5203',
-        name: '遵义市',
-        districts: [
-          { code: '520302', name: '红花岗区' },
-          { code: '520303', name: '汇川区' },
-          { code: '520304', name: '播州区' },
-          { code: '520322', name: '桐梓县' },
-          { code: '520323', name: '绥阳县' },
-          { code: '520324', name: '正安县' },
-          { code: '520325', name: '道真仡佬族苗族自治县' },
-          { code: '520326', name: '务川仡佬族苗族自治县' },
-          { code: '520327', name: '凤冈县' },
-          { code: '520328', name: '湄潭县' },
-          { code: '520329', name: '余庆县' },
-          { code: '520330', name: '习水县' },
-          { code: '520381', name: '赤水市' },
-          { code: '520382', name: '仁怀市' }
-        ]
-      },
-      {
-        code: '5204',
-        name: '安顺市',
-        districts: [
-          { code: '520402', name: '西秀区' },
-          { code: '520403', name: '平坝区' },
-          { code: '520422', name: '普定县' },
-          { code: '520423', name: '镇宁布依族苗族自治县' },
-          { code: '520424', name: '关岭布依族苗族自治县' },
-          { code: '520425', name: '紫云苗族布依族自治县' }
-        ]
-      },
-      {
-        code: '5205',
-        name: '毕节市',
-        districts: [
-          { code: '520502', name: '七星关区' },
-          { code: '520521', name: '大方县' },
-          { code: '520522', name: '黔西县' },
-          { code: '520523', name: '金沙县' },
-          { code: '520524', name: '织金县' },
-          { code: '520525', name: '纳雍县' },
-          { code: '520526', name: '威宁彝族回族苗族自治县' },
-          { code: '520527', name: '赫章县' }
-        ]
-      },
-      {
-        code: '5206',
-        name: '铜仁市',
-        districts: [
-          { code: '520602', name: '碧江区' },
-          { code: '520603', name: '万山区' },
-          { code: '520621', name: '江口县' },
-          { code: '520622', name: '玉屏侗族自治县' },
-          { code: '520623', name: '石阡县' },
-          { code: '520624', name: '思南县' },
-          { code: '520625', name: '印江土家族苗族自治县' },
-          { code: '520626', name: '德江县' },
-          { code: '520627', name: '沿河土家族自治县' },
-          { code: '520628', name: '松桃苗族自治县' }
-        ]
-      },
-      {
-        code: '5223',
-        name: '黔西南布依族苗族自治州',
-        districts: [
-          { code: '522301', name: '兴义市' },
-          { code: '522322', name: '兴仁县' },
-          { code: '522323', name: '普安县' },
-          { code: '522324', name: '晴隆县' },
-          { code: '522325', name: '贞丰县' },
-          { code: '522326', name: '望谟县' },
-          { code: '522327', name: '册亨县' },
-          { code: '522328', name: '安龙县' }
-        ]
-      },
-      {
-        code: '5226',
-        name: '黔东南苗族侗族自治州',
-        districts: [
-          { code: '522601', name: '凯里市' },
-          { code: '522622', name: '黄平县' },
-          { code: '522623', name: '施秉县' },
-          { code: '522624', name: '三穗县' },
-          { code: '522625', name: '镇远县' },
-          { code: '522626', name: '岑巩县' },
-          { code: '522627', name: '天柱县' },
-          { code: '522628', name: '锦屏县' },
-          { code: '522629', name: '剑河县' },
-          { code: '522630', name: '台江县' },
-          { code: '522631', name: '黎平县' },
-          { code: '522632', name: '榕江县' },
-          { code: '522633', name: '从江县' },
-          { code: '522634', name: '雷山县' },
-          { code: '522635', name: '麻江县' },
-          { code: '522636', name: '丹寨县' }
-        ]
-      },
-      {
-        code: '5227',
-        name: '黔南布依族苗族自治州',
-        districts: [
-          { code: '522701', name: '都匀市' },
-          { code: '522702', name: '福泉市' },
-          { code: '522722', name: '荔波县' },
-          { code: '522723', name: '贵定县' },
-          { code: '522725', name: '瓮安县' },
-          { code: '522726', name: '独山县' },
-          { code: '522727', name: '平塘县' },
-          { code: '522728', name: '罗甸县' },
-          { code: '522729', name: '长顺县' },
-          { code: '522730', name: '龙里县' },
-          { code: '522731', name: '惠水县' },
-          { code: '522732', name: '三都水族自治县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '53',
-    name: '云南省',
-    cities: [
-      {
-        code: '5301',
-        name: '昆明市',
-        districts: [
-          { code: '530102', name: '五华区' },
-          { code: '530103', name: '盘龙区' },
-          { code: '530111', name: '官渡区' },
-          { code: '530112', name: '西山区' },
-          { code: '530113', name: '东川区' },
-          { code: '530114', name: '呈贡区' },
-          { code: '530115', name: '晋宁区' },
-          { code: '530124', name: '富民县' },
-          { code: '530125', name: '宜良县' },
-          { code: '530126', name: '石林彝族自治县' },
-          { code: '530127', name: '嵩明县' },
-          { code: '530128', name: '禄劝彝族苗族自治县' },
-          { code: '530129', name: '寻甸回族彝族自治县' },
-          { code: '530181', name: '安宁市' }
-        ]
-      },
-      {
-        code: '5303',
-        name: '曲靖市',
-        districts: [
-          { code: '530302', name: '麒麟区' },
-          { code: '530303', name: '沾益区' },
-          { code: '530304', name: '马龙区' },
-          { code: '530322', name: '陆良县' },
-          { code: '530323', name: '师宗县' },
-          { code: '530324', name: '罗平县' },
-          { code: '530325', name: '富源县' },
-          { code: '530326', name: '会泽县' },
-          { code: '530381', name: '宣威市' }
-        ]
-      },
-      {
-        code: '5304',
-        name: '玉溪市',
-        districts: [
-          { code: '530402', name: '红塔区' },
-          { code: '530403', name: '江川区' },
-          { code: '530423', name: '通海县' },
-          { code: '530424', name: '华宁县' },
-          { code: '530425', name: '易门县' },
-          { code: '530426', name: '峨山彝族自治县' },
-          { code: '530427', name: '新平彝族傣族自治县' },
-          { code: '530428', name: '元江哈尼族彝族傣族自治县' },
-          { code: '530481', name: '澄江市' }
-        ]
-      },
-      {
-        code: '5305',
-        name: '保山市',
-        districts: [
-          { code: '530502', name: '隆阳区' },
-          { code: '530521', name: '施甸县' },
-          { code: '530523', name: '龙陵县' },
-          { code: '530524', name: '昌宁县' },
-          { code: '530581', name: '腾冲市' }
-        ]
-      },
-      {
-        code: '5306',
-        name: '昭通市',
-        districts: [
-          { code: '530602', name: '昭阳区' },
-          { code: '530621', name: '鲁甸县' },
-          { code: '530622', name: '巧家县' },
-          { code: '530623', name: '盐津县' },
-          { code: '530624', name: '大关县' },
-          { code: '530625', name: '永善县' },
-          { code: '530626', name: '绥江县' },
-          { code: '530627', name: '镇雄县' },
-          { code: '530628', name: '彝良县' },
-          { code: '530629', name: '威信县' },
-          { code: '530681', name: '水富市' }
-        ]
-      },
-      {
-        code: '5307',
-        name: '丽江市',
-        districts: [
-          { code: '530702', name: '古城区' },
-          { code: '530721', name: '玉龙纳西族自治县' },
-          { code: '530722', name: '永胜县' },
-          { code: '530723', name: '华坪县' },
-          { code: '530724', name: '宁蒗彝族自治县' }
-        ]
-      },
-      {
-        code: '5308',
-        name: '普洱市',
-        districts: [
-          { code: '530802', name: '思茅区' },
-          { code: '530821', name: '宁洱哈尼族彝族自治县' },
-          { code: '530822', name: '墨江哈尼族自治县' },
-          { code: '530823', name: '景东彝族自治县' },
-          { code: '530824', name: '景谷傣族彝族自治县' },
-          { code: '530825', name: '镇沅彝族哈尼族拉祜族自治县' },
-          { code: '530826', name: '江城哈尼族彝族自治县' },
-          { code: '530827', name: '孟连傣族拉祜族佤族自治县' },
-          { code: '530828', name: '澜沧拉祜族自治县' },
-          { code: '530829', name: '西盟佤族自治县' }
-        ]
-      },
-      {
-        code: '5309',
-        name: '临沧市',
-        districts: [
-          { code: '530902', name: '临翔区' },
-          { code: '530921', name: '凤庆县' },
-          { code: '530922', name: '云县' },
-          { code: '530923', name: '永德县' },
-          { code: '530924', name: '镇康县' },
-          { code: '530925', name: '双江拉祜族佤族布朗族傣族自治县' },
-          { code: '530926', name: '耿马傣族佤族自治县' },
-          { code: '530927', name: '沧源佤族自治县' }
-        ]
-      },
-      {
-        code: '5323',
-        name: '楚雄彝族自治州',
-        districts: [
-          { code: '532301', name: '楚雄市' },
-          { code: '532322', name: '双柏县' },
-          { code: '532323', name: '牟定县' },
-          { code: '532324', name: '南华县' },
-          { code: '532325', name: '姚安县' },
-          { code: '532326', name: '大姚县' },
-          { code: '532327', name: '永仁县' },
-          { code: '532328', name: '元谋县' },
-          { code: '532329', name: '武定县' },
-          { code: '532331', name: '禄丰县' }
-        ]
-      },
-      {
-        code: '5325',
-        name: '红河哈尼族彝族自治州',
-        districts: [
-          { code: '532501', name: '个旧市' },
-          { code: '532502', name: '开远市' },
-          { code: '532503', name: '蒙自市' },
-          { code: '532504', name: '弥勒市' },
-          { code: '532523', name: '屏边苗族自治县' },
-          { code: '532524', name: '建水县' },
-          { code: '532525', name: '石屏县' },
-          { code: '532527', name: '泸西县' },
-          { code: '532528', name: '元阳县' },
-          { code: '532529', name: '红河县' },
-          { code: '532530', name: '金平苗族瑶族傣族自治县' },
-          { code: '532531', name: '绿春县' },
-          { code: '532532', name: '河口瑶族自治县' }
-        ]
-      },
-      {
-        code: '5326',
-        name: '文山壮族苗族自治州',
-        districts: [
-          { code: '532601', name: '文山市' },
-          { code: '532622', name: '砚山县' },
-          { code: '532623', name: '西畴县' },
-          { code: '532624', name: '麻栗坡县' },
-          { code: '532625', name: '马关县' },
-          { code: '532626', name: '丘北县' },
-          { code: '532627', name: '广南县' },
-          { code: '532628', name: '富宁县' }
-        ]
-      },
-      {
-        code: '5328',
-        name: '西双版纳傣族自治州',
-        districts: [
-          { code: '532801', name: '景洪市' },
-          { code: '532822', name: '勐海县' },
-          { code: '532823', name: '勐腊县' }
-        ]
-      },
-      {
-        code: '5329',
-        name: '大理白族自治州',
-        districts: [
-          { code: '532901', name: '大理市' },
-          { code: '532922', name: '漾濞彝族自治县' },
-          { code: '532923', name: '祥云县' },
-          { code: '532924', name: '宾川县' },
-          { code: '532925', name: '弥渡县' },
-          { code: '532926', name: '南涧彝族自治县' },
-          { code: '532927', name: '巍山彝族回族自治县' },
-          { code: '532928', name: '永平县' },
-          { code: '532929', name: '云龙县' },
-          { code: '532930', name: '洱源县' },
-          { code: '532931', name: '剑川县' },
-          { code: '532932', name: '鹤庆县' }
-        ]
-      },
-      {
-        code: '5331',
-        name: '德宏傣族景颇族自治州',
-        districts: [
-          { code: '533102', name: '瑞丽市' },
-          { code: '533103', name: '芒市' },
-          { code: '533122', name: '梁河县' },
-          { code: '533123', name: '盈江县' },
-          { code: '533124', name: '陇川县' }
-        ]
-      },
-      {
-        code: '5333',
-        name: '怒江傈僳族自治州',
-        districts: [
-          { code: '533301', name: '泸水市' },
-          { code: '533323', name: '福贡县' },
-          { code: '533324', name: '贡山独龙族怒族自治县' },
-          { code: '533325', name: '兰坪白族普米族自治县' }
-        ]
-      },
-      {
-        code: '5334',
-        name: '迪庆藏族自治州',
-        districts: [
-          { code: '533401', name: '香格里拉市' },
-          { code: '533422', name: '德钦县' },
-          { code: '533423', name: '维西傈僳族自治县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '54',
-    name: '西藏自治区',
-    cities: [
-      {
-        code: '5401',
-        name: '拉萨市',
-        districts: [
-          { code: '540102', name: '城关区' },
-          { code: '540103', name: '堆龙德庆区' },
-          { code: '540104', name: '达孜区' },
-          { code: '540121', name: '林周县' },
-          { code: '540122', name: '当雄县' },
-          { code: '540123', name: '尼木县' },
-          { code: '540124', name: '曲水县' },
-          { code: '540127', name: '墨竹工卡县' }
-        ]
-      },
-      {
-        code: '5402',
-        name: '日喀则市',
-        districts: [
-          { code: '540202', name: '桑珠孜区' },
-          { code: '540221', name: '南木林县' },
-          { code: '540222', name: '江孜县' },
-          { code: '540223', name: '定日县' },
-          { code: '540224', name: '萨迦县' },
-          { code: '540225', name: '拉孜县' },
-          { code: '540226', name: '昂仁县' },
-          { code: '540227', name: '谢通门县' },
-          { code: '540228', name: '白朗县' },
-          { code: '540229', name: '仁布县' },
-          { code: '540230', name: '康马县' },
-          { code: '540231', name: '定结县' },
-          { code: '540232', name: '仲巴县' },
-          { code: '540233', name: '亚东县' },
-          { code: '540234', name: '吉隆县' },
-          { code: '540235', name: '聂拉木县' },
-          { code: '540236', name: '萨嘎县' },
-          { code: '540237', name: '岗巴县' }
-        ]
-      },
-      {
-        code: '5403',
-        name: '昌都市',
-        districts: [
-          { code: '540302', name: '卡若区' },
-          { code: '540321', name: '江达县' },
-          { code: '540322', name: '贡觉县' },
-          { code: '540323', name: '类乌齐县' },
-          { code: '540324', name: '丁青县' },
-          { code: '540325', name: '察雅县' },
-          { code: '540326', name: '八宿县' },
-          { code: '540327', name: '左贡县' },
-          { code: '540328', name: '芒康县' },
-          { code: '540329', name: '洛隆县' },
-          { code: '540330', name: '边坝县' }
-        ]
-      },
-      {
-        code: '5404',
-        name: '林芝市',
-        districts: [
-          { code: '540402', name: '巴宜区' },
-          { code: '540421', name: '工布江达县' },
-          { code: '540422', name: '米林县' },
-          { code: '540423', name: '墨脱县' },
-          { code: '540424', name: '波密县' },
-          { code: '540425', name: '察隅县' },
-          { code: '540426', name: '朗县' }
-        ]
-      },
-      {
-        code: '5405',
-        name: '山南市',
-        districts: [
-          { code: '540502', name: '乃东区' },
-          { code: '540521', name: '扎囊县' },
-          { code: '540522', name: '贡嘎县' },
-          { code: '540523', name: '桑日县' },
-          { code: '540524', name: '琼结县' },
-          { code: '540525', name: '曲松县' },
-          { code: '540526', name: '措美县' },
-          { code: '540527', name: '洛扎县' },
-          { code: '540528', name: '加查县' },
-          { code: '540529', name: '隆子县' },
-          { code: '540530', name: '错那县' },
-          { code: '540531', name: '浪卡子县' }
-        ]
-      },
-      {
-        code: '5406',
-        name: '那曲市',
-        districts: [
-          { code: '540602', name: '色尼区' },
-          { code: '540621', name: '嘉黎县' },
-          { code: '540622', name: '比如县' },
-          { code: '540623', name: '聂荣县' },
-          { code: '540624', name: '安多县' },
-          { code: '540625', name: '申扎县' },
-          { code: '540626', name: '索县' },
-          { code: '540627', name: '班戈县' },
-          { code: '540628', name: '巴青县' },
-          { code: '540629', name: '尼玛县' },
-          { code: '540630', name: '双湖县' }
-        ]
-      },
-      {
-        code: '5425',
-        name: '阿里地区',
-        districts: [
-          { code: '542521', name: '普兰县' },
-          { code: '542522', name: '札达县' },
-          { code: '542523', name: '噶尔县' },
-          { code: '542524', name: '日土县' },
-          { code: '542525', name: '革吉县' },
-          { code: '542526', name: '改则县' },
-          { code: '542527', name: '措勤县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '61',
-    name: '陕西省',
-    cities: [
-      {
-        code: '6101',
-        name: '西安市',
-        districts: [
-          { code: '610102', name: '新城区' },
-          { code: '610103', name: '碑林区' },
-          { code: '610104', name: '莲湖区' },
-          { code: '610111', name: '灞桥区' },
-          { code: '610112', name: '未央区' },
-          { code: '610113', name: '雁塔区' },
-          { code: '610114', name: '阎良区' },
-          { code: '610115', name: '临潼区' },
-          { code: '610116', name: '长安区' },
-          { code: '610117', name: '高陵区' },
-          { code: '610118', name: '鄠邑区' },
-          { code: '610122', name: '蓝田县' },
-          { code: '610124', name: '周至县' }
-        ]
-      },
-      {
-        code: '6102',
-        name: '铜川市',
-        districts: [
-          { code: '610202', name: '王益区' },
-          { code: '610203', name: '印台区' },
-          { code: '610204', name: '耀州区' },
-          { code: '610222', name: '宜君县' }
-        ]
-      },
-      {
-        code: '6103',
-        name: '宝鸡市',
-        districts: [
-          { code: '610302', name: '渭滨区' },
-          { code: '610303', name: '金台区' },
-          { code: '610304', name: '陈仓区' },
-          { code: '610322', name: '凤翔县' },
-          { code: '610323', name: '岐山县' },
-          { code: '610324', name: '扶风县' },
-          { code: '610326', name: '眉县' },
-          { code: '610327', name: '陇县' },
-          { code: '610328', name: '千阳县' },
-          { code: '610329', name: '麟游县' },
-          { code: '610330', name: '凤县' },
-          { code: '610331', name: '太白县' }
-        ]
-      },
-      {
-        code: '6104',
-        name: '咸阳市',
-        districts: [
-          { code: '610402', name: '秦都区' },
-          { code: '610403', name: '杨陵区' },
-          { code: '610404', name: '渭城区' },
-          { code: '610422', name: '三原县' },
-          { code: '610423', name: '泾阳县' },
-          { code: '610424', name: '乾县' },
-          { code: '610425', name: '礼泉县' },
-          { code: '610426', name: '永寿县' },
-          { code: '610428', name: '长武县' },
-          { code: '610429', name: '旬邑县' },
-          { code: '610430', name: '淳化县' },
-          { code: '610431', name: '武功县' },
-          { code: '610481', name: '兴平市' },
-          { code: '610482', name: '彬州市' }
-        ]
-      },
-      {
-        code: '6105',
-        name: '渭南市',
-        districts: [
-          { code: '610502', name: '临渭区' },
-          { code: '610503', name: '华州区' },
-          { code: '610522', name: '潼关县' },
-          { code: '610523', name: '大荔县' },
-          { code: '610524', name: '合阳县' },
-          { code: '610525', name: '澄城县' },
-          { code: '610526', name: '蒲城县' },
-          { code: '610527', name: '白水县' },
-          { code: '610528', name: '富平县' },
-          { code: '610581', name: '韩城市' },
-          { code: '610582', name: '华阴市' }
-        ]
-      },
-      {
-        code: '6106',
-        name: '延安市',
-        districts: [
-          { code: '610602', name: '宝塔区' },
-          { code: '610603', name: '安塞区' },
-          { code: '610621', name: '延长县' },
-          { code: '610622', name: '延川县' },
-          { code: '610623', name: '子长县' },
-          { code: '610625', name: '志丹县' },
-          { code: '610626', name: '吴起县' },
-          { code: '610627', name: '甘泉县' },
-          { code: '610628', name: '富县' },
-          { code: '610629', name: '洛川县' },
-          { code: '610630', name: '宜川县' },
-          { code: '610631', name: '黄龙县' },
-          { code: '610632', name: '黄陵县' }
-        ]
-      },
-      {
-        code: '6107',
-        name: '汉中市',
-        districts: [
-          { code: '610702', name: '汉台区' },
-          { code: '610703', name: '南郑区' },
-          { code: '610722', name: '城固县' },
-          { code: '610723', name: '洋县' },
-          { code: '610724', name: '西乡县' },
-          { code: '610725', name: '勉县' },
-          { code: '610726', name: '宁强县' },
-          { code: '610727', name: '略阳县' },
-          { code: '610728', name: '镇巴县' },
-          { code: '610729', name: '留坝县' },
-          { code: '610730', name: '佛坪县' }
-        ]
-      },
-      {
-        code: '6108',
-        name: '榆林市',
-        districts: [
-          { code: '610802', name: '榆阳区' },
-          { code: '610803', name: '横山区' },
-          { code: '610822', name: '府谷县' },
-          { code: '610824', name: '靖边县' },
-          { code: '610825', name: '定边县' },
-          { code: '610826', name: '绥德县' },
-          { code: '610827', name: '米脂县' },
-          { code: '610828', name: '佳县' },
-          { code: '610829', name: '吴堡县' },
-          { code: '610830', name: '清涧县' },
-          { code: '610831', name: '子洲县' },
-          { code: '610881', name: '神木市' }
-        ]
-      },
-      {
-        code: '6109',
-        name: '安康市',
-        districts: [
-          { code: '610902', name: '汉滨区' },
-          { code: '610921', name: '汉阴县' },
-          { code: '610922', name: '石泉县' },
-          { code: '610923', name: '宁陕县' },
-          { code: '610924', name: '紫阳县' },
-          { code: '610925', name: '岚皋县' },
-          { code: '610926', name: '平利县' },
-          { code: '610927', name: '镇坪县' },
-          { code: '610928', name: '旬阳县' },
-          { code: '610929', name: '白河县' }
-        ]
-      },
-      {
-        code: '6110',
-        name: '商洛市',
-        districts: [
-          { code: '611002', name: '商州区' },
-          { code: '611021', name: '洛南县' },
-          { code: '611022', name: '丹凤县' },
-          { code: '611023', name: '商南县' },
-          { code: '611024', name: '山阳县' },
-          { code: '611025', name: '镇安县' },
-          { code: '611026', name: '柞水县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '62',
-    name: '甘肃省',
-    cities: [
-      {
-        code: '6201',
-        name: '兰州市',
-        districts: [
-          { code: '620102', name: '城关区' },
-          { code: '620103', name: '七里河区' },
-          { code: '620104', name: '西固区' },
-          { code: '620105', name: '安宁区' },
-          { code: '620111', name: '红古区' },
-          { code: '620121', name: '永登县' },
-          { code: '620122', name: '皋兰县' },
-          { code: '620123', name: '榆中县' }
-        ]
-      },
-      {
-        code: '6202',
-        name: '嘉峪关市',
-        districts: [
-          { code: '620201001', name: '雄关街道' },
-          { code: '620201002', name: '钢城街道' },
-          { code: '620201100', name: '新城镇' }
-        ]
-      },
-      {
-        code: '6203',
-        name: '金昌市',
-        districts: [
-          { code: '620302', name: '金川区' },
-          { code: '620321', name: '永昌县' }
-        ]
-      },
-      {
-        code: '6204',
-        name: '白银市',
-        districts: [
-          { code: '620402', name: '白银区' },
-          { code: '620403', name: '平川区' },
-          { code: '620421', name: '靖远县' },
-          { code: '620422', name: '会宁县' },
-          { code: '620423', name: '景泰县' }
-        ]
-      },
-      {
-        code: '6205',
-        name: '天水市',
-        districts: [
-          { code: '620502', name: '秦州区' },
-          { code: '620503', name: '麦积区' },
-          { code: '620521', name: '清水县' },
-          { code: '620522', name: '秦安县' },
-          { code: '620523', name: '甘谷县' },
-          { code: '620524', name: '武山县' },
-          { code: '620525', name: '张家川回族自治县' }
-        ]
-      },
-      {
-        code: '6206',
-        name: '武威市',
-        districts: [
-          { code: '620602', name: '凉州区' },
-          { code: '620621', name: '民勤县' },
-          { code: '620622', name: '古浪县' },
-          { code: '620623', name: '天祝藏族自治县' }
-        ]
-      },
-      {
-        code: '6207',
-        name: '张掖市',
-        districts: [
-          { code: '620702', name: '甘州区' },
-          { code: '620721', name: '肃南裕固族自治县' },
-          { code: '620722', name: '民乐县' },
-          { code: '620723', name: '临泽县' },
-          { code: '620724', name: '高台县' },
-          { code: '620725', name: '山丹县' }
-        ]
-      },
-      {
-        code: '6208',
-        name: '平凉市',
-        districts: [
-          { code: '620802', name: '崆峒区' },
-          { code: '620821', name: '泾川县' },
-          { code: '620822', name: '灵台县' },
-          { code: '620823', name: '崇信县' },
-          { code: '620825', name: '庄浪县' },
-          { code: '620826', name: '静宁县' },
-          { code: '620881', name: '华亭市' }
-        ]
-      },
-      {
-        code: '6209',
-        name: '酒泉市',
-        districts: [
-          { code: '620902', name: '肃州区' },
-          { code: '620921', name: '金塔县' },
-          { code: '620922', name: '瓜州县' },
-          { code: '620923', name: '肃北蒙古族自治县' },
-          { code: '620924', name: '阿克塞哈萨克族自治县' },
-          { code: '620981', name: '玉门市' },
-          { code: '620982', name: '敦煌市' }
-        ]
-      },
-      {
-        code: '6210',
-        name: '庆阳市',
-        districts: [
-          { code: '621002', name: '西峰区' },
-          { code: '621021', name: '庆城县' },
-          { code: '621022', name: '环县' },
-          { code: '621023', name: '华池县' },
-          { code: '621024', name: '合水县' },
-          { code: '621025', name: '正宁县' },
-          { code: '621026', name: '宁县' },
-          { code: '621027', name: '镇原县' }
-        ]
-      },
-      {
-        code: '6211',
-        name: '定西市',
-        districts: [
-          { code: '621102', name: '安定区' },
-          { code: '621121', name: '通渭县' },
-          { code: '621122', name: '陇西县' },
-          { code: '621123', name: '渭源县' },
-          { code: '621124', name: '临洮县' },
-          { code: '621125', name: '漳县' },
-          { code: '621126', name: '岷县' }
-        ]
-      },
-      {
-        code: '6212',
-        name: '陇南市',
-        districts: [
-          { code: '621202', name: '武都区' },
-          { code: '621221', name: '成县' },
-          { code: '621222', name: '文县' },
-          { code: '621223', name: '宕昌县' },
-          { code: '621224', name: '康县' },
-          { code: '621225', name: '西和县' },
-          { code: '621226', name: '礼县' },
-          { code: '621227', name: '徽县' },
-          { code: '621228', name: '两当县' }
-        ]
-      },
-      {
-        code: '6229',
-        name: '临夏回族自治州',
-        districts: [
-          { code: '622901', name: '临夏市' },
-          { code: '622921', name: '临夏县' },
-          { code: '622922', name: '康乐县' },
-          { code: '622923', name: '永靖县' },
-          { code: '622924', name: '广河县' },
-          { code: '622925', name: '和政县' },
-          { code: '622926', name: '东乡族自治县' },
-          { code: '622927', name: '积石山保安族东乡族撒拉族自治县' }
-        ]
-      },
-      {
-        code: '6230',
-        name: '甘南藏族自治州',
-        districts: [
-          { code: '623001', name: '合作市' },
-          { code: '623021', name: '临潭县' },
-          { code: '623022', name: '卓尼县' },
-          { code: '623023', name: '舟曲县' },
-          { code: '623024', name: '迭部县' },
-          { code: '623025', name: '玛曲县' },
-          { code: '623026', name: '碌曲县' },
-          { code: '623027', name: '夏河县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '63',
-    name: '青海省',
-    cities: [
-      {
-        code: '6301',
-        name: '西宁市',
-        districts: [
-          { code: '630102', name: '城东区' },
-          { code: '630103', name: '城中区' },
-          { code: '630104', name: '城西区' },
-          { code: '630105', name: '城北区' },
-          { code: '630106', name: '湟中区' },
-          { code: '630121', name: '大通回族土族自治县' },
-          { code: '630123', name: '湟源县' }
-        ]
-      },
-      {
-        code: '6302',
-        name: '海东市',
-        districts: [
-          { code: '630202', name: '乐都区' },
-          { code: '630203', name: '平安区' },
-          { code: '630222', name: '民和回族土族自治县' },
-          { code: '630223', name: '互助土族自治县' },
-          { code: '630224', name: '化隆回族自治县' },
-          { code: '630225', name: '循化撒拉族自治县' }
-        ]
-      },
-      {
-        code: '6322',
-        name: '海北藏族自治州',
-        districts: [
-          { code: '632221', name: '门源回族自治县' },
-          { code: '632222', name: '祁连县' },
-          { code: '632223', name: '海晏县' },
-          { code: '632224', name: '刚察县' }
-        ]
-      },
-      {
-        code: '6323',
-        name: '黄南藏族自治州',
-        districts: [
-          { code: '632321', name: '同仁县' },
-          { code: '632322', name: '尖扎县' },
-          { code: '632323', name: '泽库县' },
-          { code: '632324', name: '河南蒙古族自治县' }
-        ]
-      },
-      {
-        code: '6325',
-        name: '海南藏族自治州',
-        districts: [
-          { code: '632521', name: '共和县' },
-          { code: '632522', name: '同德县' },
-          { code: '632523', name: '贵德县' },
-          { code: '632524', name: '兴海县' },
-          { code: '632525', name: '贵南县' }
-        ]
-      },
-      {
-        code: '6326',
-        name: '果洛藏族自治州',
-        districts: [
-          { code: '632621', name: '玛沁县' },
-          { code: '632622', name: '班玛县' },
-          { code: '632623', name: '甘德县' },
-          { code: '632624', name: '达日县' },
-          { code: '632625', name: '久治县' },
-          { code: '632626', name: '玛多县' }
-        ]
-      },
-      {
-        code: '6327',
-        name: '玉树藏族自治州',
-        districts: [
-          { code: '632701', name: '玉树市' },
-          { code: '632722', name: '杂多县' },
-          { code: '632723', name: '称多县' },
-          { code: '632724', name: '治多县' },
-          { code: '632725', name: '囊谦县' },
-          { code: '632726', name: '曲麻莱县' }
-        ]
-      },
-      {
-        code: '6328',
-        name: '海西蒙古族藏族自治州',
-        districts: [
-          { code: '632801', name: '格尔木市' },
-          { code: '632802', name: '德令哈市' },
-          { code: '632803', name: '茫崖市' },
-          { code: '632821', name: '乌兰县' },
-          { code: '632822', name: '都兰县' },
-          { code: '632823', name: '天峻县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '64',
-    name: '宁夏回族自治区',
-    cities: [
-      {
-        code: '6401',
-        name: '银川市',
-        districts: [
-          { code: '640104', name: '兴庆区' },
-          { code: '640105', name: '西夏区' },
-          { code: '640106', name: '金凤区' },
-          { code: '640121', name: '永宁县' },
-          { code: '640122', name: '贺兰县' },
-          { code: '640181', name: '灵武市' }
-        ]
-      },
-      {
-        code: '6402',
-        name: '石嘴山市',
-        districts: [
-          { code: '640202', name: '大武口区' },
-          { code: '640205', name: '惠农区' },
-          { code: '640221', name: '平罗县' }
-        ]
-      },
-      {
-        code: '6403',
-        name: '吴忠市',
-        districts: [
-          { code: '640302', name: '利通区' },
-          { code: '640303', name: '红寺堡区' },
-          { code: '640323', name: '盐池县' },
-          { code: '640324', name: '同心县' },
-          { code: '640381', name: '青铜峡市' }
-        ]
-      },
-      {
-        code: '6404',
-        name: '固原市',
-        districts: [
-          { code: '640402', name: '原州区' },
-          { code: '640422', name: '西吉县' },
-          { code: '640423', name: '隆德县' },
-          { code: '640424', name: '泾源县' },
-          { code: '640425', name: '彭阳县' }
-        ]
-      },
-      {
-        code: '6405',
-        name: '中卫市',
-        districts: [
-          { code: '640502', name: '沙坡头区' },
-          { code: '640521', name: '中宁县' },
-          { code: '640522', name: '海原县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '65',
-    name: '新疆维吾尔自治区',
-    cities: [
-      {
-        code: '6501',
-        name: '乌鲁木齐市',
-        districts: [
-          { code: '650102', name: '天山区' },
-          { code: '650103', name: '沙依巴克区' },
-          { code: '650104', name: '新市区' },
-          { code: '650105', name: '水磨沟区' },
-          { code: '650106', name: '头屯河区' },
-          { code: '650107', name: '达坂城区' },
-          { code: '650109', name: '米东区' },
-          { code: '650121', name: '乌鲁木齐县' }
-        ]
-      },
-      {
-        code: '6502',
-        name: '克拉玛依市',
-        districts: [
-          { code: '650202', name: '独山子区' },
-          { code: '650203', name: '克拉玛依区' },
-          { code: '650204', name: '白碱滩区' },
-          { code: '650205', name: '乌尔禾区' }
-        ]
-      },
-      {
-        code: '6504',
-        name: '吐鲁番市',
-        districts: [
-          { code: '650402', name: '高昌区' },
-          { code: '650421', name: '鄯善县' },
-          { code: '650422', name: '托克逊县' }
-        ]
-      },
-      {
-        code: '6505',
-        name: '哈密市',
-        districts: [
-          { code: '650502', name: '伊州区' },
-          { code: '650521', name: '巴里坤哈萨克自治县' },
-          { code: '650522', name: '伊吾县' }
-        ]
-      },
-      {
-        code: '6523',
-        name: '昌吉回族自治州',
-        districts: [
-          { code: '652301', name: '昌吉市' },
-          { code: '652302', name: '阜康市' },
-          { code: '652323', name: '呼图壁县' },
-          { code: '652324', name: '玛纳斯县' },
-          { code: '652325', name: '奇台县' },
-          { code: '652327', name: '吉木萨尔县' },
-          { code: '652328', name: '木垒哈萨克自治县' }
-        ]
-      },
-      {
-        code: '6527',
-        name: '博尔塔拉蒙古自治州',
-        districts: [
-          { code: '652701', name: '博乐市' },
-          { code: '652702', name: '阿拉山口市' },
-          { code: '652722', name: '精河县' },
-          { code: '652723', name: '温泉县' }
-        ]
-      },
-      {
-        code: '6528',
-        name: '巴音郭楞蒙古自治州',
-        districts: [
-          { code: '652801', name: '库尔勒市' },
-          { code: '652822', name: '轮台县' },
-          { code: '652823', name: '尉犁县' },
-          { code: '652824', name: '若羌县' },
-          { code: '652825', name: '且末县' },
-          { code: '652826', name: '焉耆回族自治县' },
-          { code: '652827', name: '和静县' },
-          { code: '652828', name: '和硕县' },
-          { code: '652829', name: '博湖县' }
-        ]
-      },
-      {
-        code: '6529',
-        name: '阿克苏地区',
-        districts: [
-          { code: '652901', name: '阿克苏市' },
-          { code: '652902', name: '库车市' },
-          { code: '652922', name: '温宿县' },
-          { code: '652924', name: '沙雅县' },
-          { code: '652925', name: '新和县' },
-          { code: '652926', name: '拜城县' },
-          { code: '652927', name: '乌什县' },
-          { code: '652928', name: '阿瓦提县' },
-          { code: '652929', name: '柯坪县' }
-        ]
-      },
-      {
-        code: '6530',
-        name: '克孜勒苏柯尔克孜自治州',
-        districts: [
-          { code: '653001', name: '阿图什市' },
-          { code: '653022', name: '阿克陶县' },
-          { code: '653023', name: '阿合奇县' },
-          { code: '653024', name: '乌恰县' }
-        ]
-      },
-      {
-        code: '6531',
-        name: '喀什地区',
-        districts: [
-          { code: '653101', name: '喀什市' },
-          { code: '653121', name: '疏附县' },
-          { code: '653122', name: '疏勒县' },
-          { code: '653123', name: '英吉沙县' },
-          { code: '653124', name: '泽普县' },
-          { code: '653125', name: '莎车县' },
-          { code: '653126', name: '叶城县' },
-          { code: '653127', name: '麦盖提县' },
-          { code: '653128', name: '岳普湖县' },
-          { code: '653129', name: '伽师县' },
-          { code: '653130', name: '巴楚县' },
-          { code: '653131', name: '塔什库尔干塔吉克自治县' }
-        ]
-      },
-      {
-        code: '6532',
-        name: '和田地区',
-        districts: [
-          { code: '653201', name: '和田市' },
-          { code: '653221', name: '和田县' },
-          { code: '653222', name: '墨玉县' },
-          { code: '653223', name: '皮山县' },
-          { code: '653224', name: '洛浦县' },
-          { code: '653225', name: '策勒县' },
-          { code: '653226', name: '于田县' },
-          { code: '653227', name: '民丰县' }
-        ]
-      },
-      {
-        code: '6540',
-        name: '伊犁哈萨克自治州',
-        districts: [
-          { code: '654002', name: '伊宁市' },
-          { code: '654003', name: '奎屯市' },
-          { code: '654004', name: '霍尔果斯市' },
-          { code: '654021', name: '伊宁县' },
-          { code: '654022', name: '察布查尔锡伯自治县' },
-          { code: '654023', name: '霍城县' },
-          { code: '654024', name: '巩留县' },
-          { code: '654025', name: '新源县' },
-          { code: '654026', name: '昭苏县' },
-          { code: '654027', name: '特克斯县' },
-          { code: '654028', name: '尼勒克县' }
-        ]
-      },
-      {
-        code: '6542',
-        name: '塔城地区',
-        districts: [
-          { code: '654201', name: '塔城市' },
-          { code: '654202', name: '乌苏市' },
-          { code: '654221', name: '额敏县' },
-          { code: '654223', name: '沙湾县' },
-          { code: '654224', name: '托里县' },
-          { code: '654225', name: '裕民县' },
-          { code: '654226', name: '和布克赛尔蒙古自治县' }
-        ]
-      },
-      {
-        code: '6543',
-        name: '阿勒泰地区',
-        districts: [
-          { code: '654301', name: '阿勒泰市' },
-          { code: '654321', name: '布尔津县' },
-          { code: '654322', name: '富蕴县' },
-          { code: '654323', name: '福海县' },
-          { code: '654324', name: '哈巴河县' },
-          { code: '654325', name: '青河县' },
-          { code: '654326', name: '吉木乃县' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '71',
-    name: '台湾省',
-    cities: [
-      {
-        code: '7101',
-        name: '台北市',
-        districts: [
-          { code: '710101', name: '中正区' },
-          { code: '710102', name: '大同区' },
-          { code: '710103', name: '中山区' },
-          { code: '710104', name: '松山区' },
-          { code: '710105', name: '大安区' },
-          { code: '710106', name: '万华区' },
-          { code: '710107', name: '信义区' },
-          { code: '710108', name: '士林区' },
-          { code: '710109', name: '北投区' },
-          { code: '710110', name: '内湖区' },
-          { code: '710111', name: '南港区' },
-          { code: '710112', name: '文山区' }
-        ]
-      },
-      {
-        code: '7102',
-        name: '高雄市',
-        districts: [
-          { code: '710201', name: '新兴区' },
-          { code: '710202', name: '前金区' },
-          { code: '710203', name: '苓雅区' },
-          { code: '710204', name: '盐埕区' },
-          { code: '710205', name: '鼓山区' },
-          { code: '710206', name: '旗津区' },
-          { code: '710207', name: '前镇区' },
-          { code: '710208', name: '三民区' },
-          { code: '710209', name: '左营区' },
-          { code: '710210', name: '楠梓区' },
-          { code: '710211', name: '小港区' },
-          { code: '710212', name: '凤山区' },
-          { code: '710213', name: '林园区' },
-          { code: '710214', name: '大寮区' },
-          { code: '710215', name: '大树区' },
-          { code: '710216', name: '大社区' },
-          { code: '710217', name: '仁武区' },
-          { code: '710218', name: '鸟松区' },
-          { code: '710219', name: '冈山区' },
-          { code: '710220', name: '桥头区' },
-          { code: '710221', name: '燕巢区' },
-          { code: '710222', name: '田寮区' },
-          { code: '710223', name: '阿莲区' },
-          { code: '710224', name: '路竹区' },
-          { code: '710225', name: '湖内区' },
-          { code: '710226', name: '茄萣区' },
-          { code: '710227', name: '永安区' },
-          { code: '710228', name: '弥陀区' },
-          { code: '710229', name: '梓官区' },
-          { code: '710230', name: '旗山区' },
-          { code: '710231', name: '美浓区' },
-          { code: '710232', name: '六龟区' },
-          { code: '710233', name: '甲仙区' },
-          { code: '710234', name: '杉林区' },
-          { code: '710235', name: '内门区' },
-          { code: '710236', name: '茂林区' },
-          { code: '710237', name: '桃源区' },
-          { code: '710238', name: '那玛夏区' }
-        ]
-      },
-      {
-        code: '7103',
-        name: '新北市',
-        districts: [
-          { code: '710301', name: '万里区' },
-          { code: '710302', name: '金山区' },
-          { code: '710303', name: '板桥区' },
-          { code: '710304', name: '汐止区' },
-          { code: '710305', name: '深坑区' },
-          { code: '710306', name: '石碇区' },
-          { code: '710307', name: '瑞芳区' },
-          { code: '710308', name: '平溪区' },
-          { code: '710309', name: '双溪区' },
-          { code: '710310', name: '贡寮区' },
-          { code: '710311', name: '新店区' },
-          { code: '710312', name: '坪林区' },
-          { code: '710313', name: '乌来区' },
-          { code: '710314', name: '永和区' },
-          { code: '710315', name: '中和区' },
-          { code: '710316', name: '土城区' },
-          { code: '710317', name: '三峡区' },
-          { code: '710318', name: '树林区' },
-          { code: '710319', name: '莺歌区' },
-          { code: '710320', name: '三重区' },
-          { code: '710321', name: '新庄区' },
-          { code: '710322', name: '泰山区' },
-          { code: '710323', name: '林口区' },
-          { code: '710324', name: '芦洲区' },
-          { code: '710325', name: '五股区' },
-          { code: '710326', name: '八里区' },
-          { code: '710327', name: '淡水区' },
-          { code: '710328', name: '三芝区' },
-          { code: '710329', name: '石门区' }
-        ]
-      },
-      {
-        code: '7104',
-        name: '台中市',
-        districts: [
-          { code: '710401', name: '中区' },
-          { code: '710402', name: '东区' },
-          { code: '710403', name: '南区' },
-          { code: '710404', name: '西区' },
-          { code: '710405', name: '北区' },
-          { code: '710406', name: '北屯区' },
-          { code: '710407', name: '西屯区' },
-          { code: '710408', name: '南屯区' },
-          { code: '710409', name: '太平区' },
-          { code: '710410', name: '大里区' },
-          { code: '710411', name: '雾峰区' },
-          { code: '710412', name: '乌日区' },
-          { code: '710413', name: '丰原区' },
-          { code: '710414', name: '后里区' },
-          { code: '710415', name: '石冈区' },
-          { code: '710416', name: '东势区' },
-          { code: '710417', name: '和平区' },
-          { code: '710418', name: '新社区' },
-          { code: '710419', name: '潭子区' },
-          { code: '710420', name: '大雅区' },
-          { code: '710421', name: '神冈区' },
-          { code: '710422', name: '大肚区' },
-          { code: '710423', name: '沙鹿区' },
-          { code: '710424', name: '龙井区' },
-          { code: '710425', name: '梧栖区' },
-          { code: '710426', name: '清水区' },
-          { code: '710427', name: '大甲区' },
-          { code: '710428', name: '外埔区' },
-          { code: '710429', name: '大安区' }
-        ]
-      },
-      {
-        code: '7105',
-        name: '台南市',
-        districts: [
-          { code: '710501', name: '中西区' },
-          { code: '710502', name: '东区' },
-          { code: '710503', name: '南区' },
-          { code: '710504', name: '北区' },
-          { code: '710505', name: '安平区' },
-          { code: '710506', name: '安南区' },
-          { code: '710507', name: '永康区' },
-          { code: '710508', name: '归仁区' },
-          { code: '710509', name: '新化区' },
-          { code: '710510', name: '左镇区' },
-          { code: '710511', name: '玉井区' },
-          { code: '710512', name: '楠西区' },
-          { code: '710513', name: '南化区' },
-          { code: '710514', name: '仁德区' },
-          { code: '710515', name: '关庙区' },
-          { code: '710516', name: '龙崎区' },
-          { code: '710517', name: '官田区' },
-          { code: '710518', name: '麻豆区' },
-          { code: '710519', name: '佳里区' },
-          { code: '710520', name: '西港区' },
-          { code: '710521', name: '七股区' },
-          { code: '710522', name: '将军区' },
-          { code: '710523', name: '学甲区' },
-          { code: '710524', name: '北门区' },
-          { code: '710525', name: '新营区' },
-          { code: '710526', name: '后壁区' },
-          { code: '710527', name: '白河区' },
-          { code: '710528', name: '东山区' },
-          { code: '710529', name: '六甲区' },
-          { code: '710530', name: '下营区' },
-          { code: '710531', name: '柳营区' },
-          { code: '710532', name: '盐水区' },
-          { code: '710533', name: '善化区' },
-          { code: '710534', name: '大内区' },
-          { code: '710535', name: '山上区' },
-          { code: '710536', name: '新市区' },
-          { code: '710537', name: '安定区' }
-        ]
-      },
-      {
-        code: '7106',
-        name: '桃园市',
-        districts: [
-          { code: '710601', name: '中坜区' },
-          { code: '710602', name: '平镇区' },
-          { code: '710603', name: '龙潭区' },
-          { code: '710604', name: '杨梅区' },
-          { code: '710605', name: '新屋区' },
-          { code: '710606', name: '观音区' },
-          { code: '710607', name: '桃园区' },
-          { code: '710608', name: '龟山区' },
-          { code: '710609', name: '八德区' },
-          { code: '710610', name: '大溪区' },
-          { code: '710611', name: '复兴区' },
-          { code: '710612', name: '大园区' },
-          { code: '710613', name: '芦竹区' }
-        ]
-      },
-      {
-        code: '7107',
-        name: '基隆市',
-        districts: [
-          { code: '710701', name: '仁爱区' },
-          { code: '710702', name: '信义区' },
-          { code: '710703', name: '中正区' },
-          { code: '710704', name: '中山区' },
-          { code: '710705', name: '安乐区' },
-          { code: '710706', name: '暖暖区' },
-          { code: '710707', name: '七堵区' }
-        ]
-      },
-      {
-        code: '7108',
-        name: '新竹市',
-        districts: [
-          { code: '710801', name: '东区' },
-          { code: '710802', name: '北区' },
-          { code: '710803', name: '香山区' }
-        ]
-      },
-      {
-        code: '7109',
-        name: '嘉义市',
-        districts: [
-          { code: '710901', name: '东区' },
-          { code: '710902', name: '西区' }
-        ]
-      },
-      {
-        code: '7110',
-        name: '新竹县',
-        districts: [
-          { code: '711001', name: '竹北市' },
-          { code: '711002', name: '湖口乡' },
-          { code: '711003', name: '新丰乡' },
-          { code: '711004', name: '新埔镇' },
-          { code: '711005', name: '关西镇' },
-          { code: '711006', name: '芎林乡' },
-          { code: '711007', name: '宝山乡' },
-          { code: '711008', name: '竹东镇' },
-          { code: '711009', name: '五峰乡' },
-          { code: '711010', name: '横山乡' },
-          { code: '711011', name: '尖石乡' },
-          { code: '711012', name: '北埔乡' },
-          { code: '711013', name: '峨眉乡' }
-        ]
-      },
-      {
-        code: '7111',
-        name: '苗栗县',
-        districts: [
-          { code: '711101', name: '竹南镇' },
-          { code: '711102', name: '头份市' },
-          { code: '711103', name: '三湾乡' },
-          { code: '711104', name: '南庄乡' },
-          { code: '711105', name: '狮潭乡' },
-          { code: '711106', name: '后龙镇' },
-          { code: '711107', name: '通霄镇' },
-          { code: '711108', name: '苑里镇' },
-          { code: '711109', name: '苗栗市' },
-          { code: '711110', name: '造桥乡' },
-          { code: '711111', name: '头屋乡' },
-          { code: '711112', name: '公馆乡' },
-          { code: '711113', name: '大湖乡' },
-          { code: '711114', name: '泰安乡' },
-          { code: '711115', name: '铜锣乡' },
-          { code: '711116', name: '三义乡' },
-          { code: '711117', name: '西湖乡' },
-          { code: '711118', name: '卓兰镇' }
-        ]
-      },
-      {
-        code: '7112',
-        name: '彰化县',
-        districts: [
-          { code: '711201', name: '彰化市' },
-          { code: '711202', name: '芬园乡' },
-          { code: '711203', name: '花坛乡' },
-          { code: '711204', name: '秀水乡' },
-          { code: '711205', name: '鹿港镇' },
-          { code: '711206', name: '福兴乡' },
-          { code: '711207', name: '线西乡' },
-          { code: '711208', name: '和美镇' },
-          { code: '711209', name: '伸港乡' },
-          { code: '711210', name: '员林市' },
-          { code: '711211', name: '社头乡' },
-          { code: '711212', name: '永靖乡' },
-          { code: '711213', name: '埔心乡' },
-          { code: '711214', name: '溪湖镇' },
-          { code: '711215', name: '大村乡' },
-          { code: '711216', name: '埔盐乡' },
-          { code: '711217', name: '田中镇' },
-          { code: '711218', name: '北斗镇' },
-          { code: '711219', name: '田尾乡' },
-          { code: '711220', name: '埤头乡' },
-          { code: '711221', name: '溪州乡' },
-          { code: '711222', name: '竹塘乡' },
-          { code: '711223', name: '二林镇' },
-          { code: '711224', name: '大城乡' },
-          { code: '711225', name: '芳苑乡' },
-          { code: '711226', name: '二水乡' }
-        ]
-      },
-      {
-        code: '7113',
-        name: '南投县',
-        districts: [
-          { code: '711301', name: '南投市' },
-          { code: '711302', name: '中寮乡' },
-          { code: '711303', name: '草屯镇' },
-          { code: '711304', name: '国姓乡' },
-          { code: '711305', name: '埔里镇' },
-          { code: '711306', name: '仁爱乡' },
-          { code: '711307', name: '名间乡' },
-          { code: '711308', name: '集集镇' },
-          { code: '711309', name: '水里乡' },
-          { code: '711310', name: '鱼池乡' },
-          { code: '711311', name: '信义乡' },
-          { code: '711312', name: '竹山镇' },
-          { code: '711313', name: '鹿谷乡' }
-        ]
-      },
-      {
-        code: '7114',
-        name: '云林县',
-        districts: [
-          { code: '711401', name: '斗南镇' },
-          { code: '711402', name: '大埤乡' },
-          { code: '711403', name: '虎尾镇' },
-          { code: '711404', name: '土库镇' },
-          { code: '711405', name: '褒忠乡' },
-          { code: '711406', name: '东势乡' },
-          { code: '711407', name: '台西乡' },
-          { code: '711408', name: '仑背乡' },
-          { code: '711409', name: '麦寮乡' },
-          { code: '711410', name: '斗六市' },
-          { code: '711411', name: '林内乡' },
-          { code: '711412', name: '古坑乡' },
-          { code: '711413', name: '莿桐乡' },
-          { code: '711414', name: '西螺镇' },
-          { code: '711415', name: '二仑乡' },
-          { code: '711416', name: '北港镇' },
-          { code: '711417', name: '水林乡' },
-          { code: '711418', name: '口湖乡' },
-          { code: '711419', name: '四湖乡' },
-          { code: '711420', name: '元长乡' }
-        ]
-      },
-      {
-        code: '7115',
-        name: '嘉义县',
-        districts: [
-          { code: '711501', name: '番路乡' },
-          { code: '711502', name: '梅山乡' },
-          { code: '711503', name: '竹崎乡' },
-          { code: '711504', name: '阿里山乡' },
-          { code: '711505', name: '中埔乡' },
-          { code: '711506', name: '大埔乡' },
-          { code: '711507', name: '水上乡' },
-          { code: '711508', name: '鹿草乡' },
-          { code: '711509', name: '太保市' },
-          { code: '711510', name: '朴子市' },
-          { code: '711511', name: '东石乡' },
-          { code: '711512', name: '六脚乡' },
-          { code: '711513', name: '新港乡' },
-          { code: '711514', name: '民雄乡' },
-          { code: '711515', name: '大林镇' },
-          { code: '711516', name: '溪口乡' },
-          { code: '711517', name: '义竹乡' },
-          { code: '711518', name: '布袋镇' }
-        ]
-      },
-      {
-        code: '7116',
-        name: '屏东县',
-        districts: [
-          { code: '711601', name: '屏东市' },
-          { code: '711602', name: '三地门乡' },
-          { code: '711603', name: '雾台乡' },
-          { code: '711604', name: '玛家乡' },
-          { code: '711605', name: '九如乡' },
-          { code: '711606', name: '里港乡' },
-          { code: '711607', name: '高树乡' },
-          { code: '711608', name: '盐埔乡' },
-          { code: '711609', name: '长治乡' },
-          { code: '711610', name: '麟洛乡' },
-          { code: '711611', name: '竹田乡' },
-          { code: '711612', name: '内埔乡' },
-          { code: '711613', name: '万丹乡' },
-          { code: '711614', name: '潮州镇' },
-          { code: '711615', name: '泰武乡' },
-          { code: '711616', name: '来义乡' },
-          { code: '711617', name: '万峦乡' },
-          { code: '711618', name: '崁顶乡' },
-          { code: '711619', name: '新埤乡' },
-          { code: '711620', name: '南州乡' },
-          { code: '711621', name: '林边乡' },
-          { code: '711622', name: '东港镇' },
-          { code: '711623', name: '琉球乡' },
-          { code: '711624', name: '佳冬乡' },
-          { code: '711625', name: '新园乡' },
-          { code: '711626', name: '枋寮乡' },
-          { code: '711627', name: '枋山乡' },
-          { code: '711628', name: '春日乡' },
-          { code: '711629', name: '狮子乡' },
-          { code: '711630', name: '车城乡' },
-          { code: '711631', name: '牡丹乡' },
-          { code: '711632', name: '恒春镇' },
-          { code: '711633', name: '满州乡' }
-        ]
-      },
-      {
-        code: '7117',
-        name: '宜兰县',
-        districts: [
-          { code: '711701', name: '宜兰市' },
-          { code: '711702', name: '头城镇' },
-          { code: '711703', name: '礁溪乡' },
-          { code: '711704', name: '壮围乡' },
-          { code: '711705', name: '员山乡' },
-          { code: '711706', name: '罗东镇' },
-          { code: '711707', name: '三星乡' },
-          { code: '711708', name: '大同乡' },
-          { code: '711709', name: '五结乡' },
-          { code: '711710', name: '冬山乡' },
-          { code: '711711', name: '苏澳镇' },
-          { code: '711712', name: '南澳乡' }
-        ]
-      },
-      {
-        code: '7118',
-        name: '花莲县',
-        districts: [
-          { code: '711801', name: '花莲市' },
-          { code: '711802', name: '新城乡' },
-          { code: '711803', name: '秀林乡' },
-          { code: '711804', name: '吉安乡' },
-          { code: '711805', name: '寿丰乡' },
-          { code: '711806', name: '凤林镇' },
-          { code: '711807', name: '光复乡' },
-          { code: '711808', name: '丰滨乡' },
-          { code: '711809', name: '瑞穗乡' },
-          { code: '711810', name: '万荣乡' },
-          { code: '711811', name: '玉里镇' },
-          { code: '711812', name: '卓溪乡' },
-          { code: '711813', name: '富里乡' }
-        ]
-      },
-      {
-        code: '7119',
-        name: '台东县',
-        districts: [
-          { code: '711901', name: '台东市' },
-          { code: '711902', name: '绿岛乡' },
-          { code: '711903', name: '兰屿乡' },
-          { code: '711904', name: '延平乡' },
-          { code: '711905', name: '卑南乡' },
-          { code: '711906', name: '鹿野乡' },
-          { code: '711907', name: '关山镇' },
-          { code: '711908', name: '海端乡' },
-          { code: '711909', name: '池上乡' },
-          { code: '711910', name: '东河乡' },
-          { code: '711911', name: '成功镇' },
-          { code: '711912', name: '长滨乡' },
-          { code: '711913', name: '太麻里乡' },
-          { code: '711914', name: '金峰乡' },
-          { code: '711915', name: '大武乡' },
-          { code: '711916', name: '达仁乡' }
-        ]
-      },
-      {
-        code: '7120',
-        name: '澎湖县',
-        districts: [
-          { code: '712001', name: '马公市' },
-          { code: '712002', name: '西屿乡' },
-          { code: '712003', name: '望安乡' },
-          { code: '712004', name: '七美乡' },
-          { code: '712005', name: '白沙乡' },
-          { code: '712006', name: '湖西乡' }
-        ]
-      },
-      {
-        code: '7121',
-        name: '金门县',
-        districts: [
-          { code: '712101', name: '金沙镇' },
-          { code: '712102', name: '金湖镇' },
-          { code: '712103', name: '金宁乡' },
-          { code: '712104', name: '金城镇' },
-          { code: '712105', name: '烈屿乡' },
-          { code: '712106', name: '乌坵乡' }
-        ]
-      },
-      {
-        code: '7122',
-        name: '连江县',
-        districts: [
-          { code: '712201', name: '南竿乡' },
-          { code: '712202', name: '北竿乡' },
-          { code: '712203', name: '莒光乡' },
-          { code: '712204', name: '东引乡' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '81',
-    name: '香港特别行政区',
-    cities: [
-      {
-        code: '8101',
-        name: '香港岛',
-        districts: [
-          { code: '810101', name: '中西区' },
-          { code: '810102', name: '湾仔区' },
-          { code: '810103', name: '东区' },
-          { code: '810104', name: '南区' }
-        ]
-      },
-      {
-        code: '8102',
-        name: '九龙',
-        districts: [
-          { code: '810201', name: '油尖旺区' },
-          { code: '810202', name: '深水埗区' },
-          { code: '810203', name: '九龙城区' },
-          { code: '810204', name: '黄大仙区' },
-          { code: '810205', name: '观塘区' }
-        ]
-      },
-      {
-        code: '8103',
-        name: '新界',
-        districts: [
-          { code: '810301', name: '北区' },
-          { code: '810302', name: '大埔区' },
-          { code: '810303', name: '沙田区' },
-          { code: '810304', name: '西贡区' },
-          { code: '810305', name: '元朗区' },
-          { code: '810306', name: '屯门区' },
-          { code: '810307', name: '荃湾区' },
-          { code: '810308', name: '葵青区' },
-          { code: '810309', name: '离岛区' }
-        ]
-      }
-    ]
-  },
-  {
-    code: '82',
-    name: '澳门特别行政区',
-    cities: [
-      {
-        code: '8201',
-        name: '澳门半岛',
-        districts: [
-          { code: '820101', name: '花地玛堂区' },
-          { code: '820102', name: '圣安多尼堂区' },
-          { code: '820103', name: '大堂区' },
-          { code: '820104', name: '望德堂区' },
-          { code: '820105', name: '风顺堂区' }
-        ]
-      },
-      {
-        code: '8202',
-        name: '氹仔',
-        districts: [
-          { code: '820201', name: '嘉模堂区' }
-        ]
-      },
-      {
-        code: '8203',
-        name: '路环',
-        districts: [
-          { code: '820301', name: '圣方济各堂区' }
-        ]
-      }
-    ]
-  }
-];
-
-// 获取国家列表
-export function getCountryList() {
-  return Object.entries(countries).map(([code, name]) => ({
-    code: code.toUpperCase(),
-    name,
-    label: name,
-    value: name
-  }));
-}
-
-// 获取中国省份列表
-export function getProvinceList() {
-  return chinaRegions.map(province => ({
-    code: province.code,
-    name: province.name,
-    label: province.name,
-    value: province.name
-  }));
-}
-
-// 根据省份获取城市列表
-export function getCitiesByProvince(provinceName: string) {
-  const province = chinaRegions.find(p => p.name === provinceName);
-  if (!province) return [];
-  
-  return province.cities.map(city => ({
-    code: city.code,
-    name: city.name,
-    label: city.name,
-    value: city.name
-  }));
-}
-
-// 根据省份和城市获取区县列表
-export function getDistrictsByCity(provinceName: string, cityName: string) {
-  const province = chinaRegions.find(p => p.name === provinceName);
-  if (!province) return [];
-  
-  const city = province.cities.find(c => c.name === cityName);
-  if (!city) return [];
-  
-  return city.districts.map(district => ({
-    code: district.code,
-    name: district.name,
-    label: district.name,
-    value: district.name
-  }));
-}
-
-// 获取完整的中国地区数据（用于兼容现有代码）
-export function getChinaRegions() {
-  return chinaRegions;
-}
-
-// 简化的省份数据（兼容旧的chinaStates）
-export const chinaStates = [
-  '安徽省',
-  '北京市',
-  '重庆市',
-  '福建省',
-  '甘肃省',
-  '广东省',
-  '广西壮族自治区',
-  '贵州省',
-  '海南省',
-  '河北省',
-  '河南省',
-  '黑龙江省',
-  '湖北省',
-  '湖南省',
-  '吉林省',
-  '江苏省',
-  '江西省',
-  '辽宁省',
-  '内蒙古自治区',
-  '宁夏回族自治区',
-  '青海省',
-  '山东省',
-  '山西省',
-  '陕西省',
-  '上海市',
-  '四川省',
-  '天津市',
-  '西藏自治区',
-  '新疆维吾尔自治区',
-  '云南省',
-  '浙江省',
-  '香港特别行政区',
-  '澳门特别行政区',
-  '台湾省'
-]; 
\ No newline at end of file
diff --git a/dashboard_backup/src2/utils/resource.js b/dashboard_backup/src2/utils/resource.js
deleted file mode 100644
index 1c34c1b..0000000
--- a/dashboard_backup/src2/utils/resource.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { createDocumentResource, getCachedDocumentResource } from 'jingrow-ui';
-
-export function getDocResource(object) {
-	let pg = getCachedDocumentResource(object.pagetype, object.name);
-	if (!pg) pg = createDocumentResource(object);
-	return pg;
-}
diff --git a/dashboard_backup/src2/utils/site.js b/dashboard_backup/src2/utils/site.js
deleted file mode 100644
index 122e681..0000000
--- a/dashboard_backup/src2/utils/site.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { dayjsLocal } from './dayjs';
-import { plural } from './format';
-
-export function trialDays(_trialEndDate) {
-	let trialEndDate = dayjsLocal(_trialEndDate);
-	let today = dayjsLocal();
-	let diffHours = trialEndDate.diff(today, 'hours');
-	let endsIn = '';
-	if (diffHours < 0) {
-		let daysAgo = Math.floor(Math.abs(diffHours) / 24);
-		endsIn = `${daysAgo} ${plural(daysAgo, 'day', 'days')} ago`;
-	} else if (diffHours < 24) {
-		endsIn = `today`;
-	} else {
-		let days = Math.round(diffHours / 24) + 1;
-		endsIn = `in ${days} ${plural(days, 'day', 'days')}`;
-	}
-	if (trialEndDate.isAfter(today) || trialEndDate.isSame(today, 'day')) {
-		return `Trial ends ${endsIn}`;
-	} else {
-		return `Trial ended ${endsIn}`;
-	}
-}
-
-export function isTrialEnded(_trialEndDate) {
-	let trialEndDate = dayjsLocal(_trialEndDate);
-	let today = dayjsLocal();
-	return trialEndDate.isBefore(today, 'day');
-}
-
-export function validateSubdomain(subdomain) {
-	if (!subdomain) {
-		return 'Subdomain cannot be empty';
-	}
-	if (subdomain.length < 5) {
-		return 'Subdomain too short. Use 5 or more characters';
-	}
-	if (subdomain.length > 32) {
-		return 'Subdomain too long. Use 32 or less characters';
-	}
-	if (!subdomain.match(/^[a-z0-9][a-z0-9-]*[a-z0-9]$/)) {
-		return 'Subdomain contains invalid characters. Use lowercase characters, numbers and hyphens';
-	}
-	return null;
-}
diff --git a/dashboard_backup/src2/utils/throttle.ts b/dashboard_backup/src2/utils/throttle.ts
deleted file mode 100644
index 4b6c3ba..0000000
--- a/dashboard_backup/src2/utils/throttle.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export function throttle(func: Function, wait: number) {
-	let timeout = 0;
-	let pending = false;
-
-	return (...args: any) => {
-		if (timeout) {
-			pending = true;
-			return;
-		}
-
-		func(...args);
-		timeout = setTimeout(() => {
-			timeout = 0;
-			if (pending) {
-				func(...args);
-				pending = false;
-			}
-		}, wait);
-	};
-}
diff --git a/dashboard_backup/src2/utils/toast.js b/dashboard_backup/src2/utils/toast.js
deleted file mode 100644
index ce2efc8..0000000
--- a/dashboard_backup/src2/utils/toast.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import { toast } from 'vue-sonner';
-import { h } from 'vue';
-
-export function showErrorToast(error) {
-	if (!error) {
-		toast.error('发生了未知错误');
-		return;
-	}
-	
-	let errorMessage = error.messages?.length 
-		? error.messages.join('\n') 
-		: (error.message || '发生了未知错误');
-	toast.error(errorMessage);
-}
-
-export function getToastErrorMessage(error, fallbackMessage = '发生了错误') {
-	if (!error) return fallbackMessage;
-	
-	try {
-		const errorMessage = error.messages?.length
-			? error.messages.join('<br>')
-			: (error.message || fallbackMessage);
-		
-		return h('div', {
-			innerHTML: errorMessage,
-		});
-	} catch (e) {
-		return fallbackMessage;
-	}
-} 
\ No newline at end of file
diff --git a/dashboard_backup/src2/vendor/posthog.js b/dashboard_backup/src2/vendor/posthog.js
deleted file mode 100644
index 0b995cc..0000000
--- a/dashboard_backup/src2/vendor/posthog.js
+++ /dev/null
@@ -1,44 +0,0 @@
-!(function (t, e) {
-	var o, n, p, r;
-	e.__SV ||
-		((window.posthog = e),
-		(e._i = []),
-		(e.init = function (i, s, a) {
-			function g(t, e) {
-				var o = e.split('.');
-				2 == o.length && ((t = t[o[0]]), (e = o[1])),
-					(t[e] = function () {
-						t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
-					});
-			}
-			((p = t.createElement('script')).type = 'text/javascript'),
-				(p.crossOrigin = 'anonymous'),
-				(p.async = !0),
-				(p.src =
-					s.api_host.replace('.i.posthog.com', '-assets.i.posthog.com') +
-					'/static/array.js'),
-				(r = t.getElementsByTagName('script')[0]).parentNode.insertBefore(p, r);
-			var u = e;
-			for (
-				void 0 !== a ? (u = e[a] = []) : (a = 'posthog'),
-					u.people = u.people || [],
-					u.toString = function (t) {
-						var e = 'posthog';
-						return 'posthog' !== a && (e += '.' + a), t || (e += ' (stub)'), e;
-					},
-					u.people.toString = function () {
-						return u.toString(1) + '.people (stub)';
-					},
-					o =
-						'init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug'.split(
-							' '
-						),
-					n = 0;
-				n < o.length;
-				n++
-			)
-				g(u, o[n]);
-			e._i.push([i, s, a]);
-		}),
-		(e.__SV = 1));
-})(document, window.posthog || []);
diff --git a/dashboard_backup/tailwind.config.cjs b/dashboard_backup/tailwind.config.cjs
deleted file mode 100644
index b05c606..0000000
--- a/dashboard_backup/tailwind.config.cjs
+++ /dev/null
@@ -1,59 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-
-module.exports = {
-	presets: [require('jingrow-ui/src/utils/tailwind.config')],
-	content: [
-		'./public/index.html',
-		'./src/**/*.html',
-		'./src/**/*.vue',
-		'./src2/**/*.vue',
-		'./src/assets/*.css',
-		'./node_modules/jingrow-ui/src/components/**/*.{vue,js,ts}'
-	],
-	theme: {
-		extend: {
-			width: {
-				112: '28rem',
-				wizard: '650px'
-			},
-			minWidth: {
-				40: '10rem'
-			},
-			maxHeight: {
-				52: '13rem'
-			}
-		},
-		container: {
-			padding: {
-				xl: '5rem'
-			},
-			margin: {
-				3.5: '14px'
-			}
-		},
-		screens: {
-			sm: '640px',
-			md: '768px',
-			lg: '1024px',
-			xl: '1280px'
-		}
-	},
-	plugins: [
-		require('@tailwindcss/container-queries'),
-		plugin(function ({ addUtilities, theme }) {
-			// Add your custom styles here
-			addUtilities({
-				'.bg-gradient-blue': {
-					'background-image': `linear-gradient(180deg,#2c9af1 0%, ${theme(
-						'colors.blue.500'
-					)} 100%)`
-				}
-			});
-			addUtilities({
-				'.bg-gradient-none': {
-					'background-image': 'none'
-				}
-			});
-		})
-	]
-};
diff --git a/dashboard_backup/tailwind.theme.json b/dashboard_backup/tailwind.theme.json
deleted file mode 100644
index 9aea2a2..0000000
--- a/dashboard_backup/tailwind.theme.json
+++ /dev/null
@@ -1,7158 +0,0 @@
-{
-  "container": {
-    "padding": {
-      "xl": "5rem"
-    },
-    "margin": {
-      "3.5": "14px"
-    }
-  },
-  "screens": {
-    "sm": "640px",
-    "md": "768px",
-    "lg": "1024px",
-    "xl": "1280px"
-  },
-  "containers": {
-    "xs": "20rem",
-    "sm": "24rem",
-    "md": "28rem",
-    "lg": "32rem",
-    "xl": "36rem",
-    "2xl": "42rem",
-    "3xl": "48rem",
-    "4xl": "56rem",
-    "5xl": "64rem",
-    "6xl": "72rem",
-    "7xl": "80rem"
-  },
-  "typography": {
-    "DEFAULT": {
-      "css": [
-        {
-          "color": "var(--tw-prose-body)",
-          "maxWidth": "65ch",
-          "p": {},
-          "[class~=\"lead\"]": {
-            "color": "var(--tw-prose-lead)"
-          },
-          "a": {
-            "color": "var(--tw-prose-links)",
-            "textDecoration": "underline",
-            "fontWeight": "500"
-          },
-          "strong": {
-            "color": "var(--tw-prose-bold)",
-            "fontWeight": "600"
-          },
-          "a strong": {
-            "color": "inherit"
-          },
-          "blockquote strong": {
-            "color": "inherit"
-          },
-          "thead th strong": {
-            "color": "inherit"
-          },
-          "ol": {
-            "listStyleType": "decimal"
-          },
-          "ol[type=\"A\"]": {
-            "listStyleType": "upper-alpha"
-          },
-          "ol[type=\"a\"]": {
-            "listStyleType": "lower-alpha"
-          },
-          "ol[type=\"A\" s]": {
-            "listStyleType": "upper-alpha"
-          },
-          "ol[type=\"a\" s]": {
-            "listStyleType": "lower-alpha"
-          },
-          "ol[type=\"I\"]": {
-            "listStyleType": "upper-roman"
-          },
-          "ol[type=\"i\"]": {
-            "listStyleType": "lower-roman"
-          },
-          "ol[type=\"I\" s]": {
-            "listStyleType": "upper-roman"
-          },
-          "ol[type=\"i\" s]": {
-            "listStyleType": "lower-roman"
-          },
-          "ol[type=\"1\"]": {
-            "listStyleType": "decimal"
-          },
-          "ul": {
-            "listStyleType": "disc"
-          },
-          "ol > li::marker": {
-            "fontWeight": "400",
-            "color": "var(--tw-prose-counters)"
-          },
-          "ul > li::marker": {
-            "color": "var(--tw-prose-bullets)"
-          },
-          "dt": {
-            "color": "var(--tw-prose-headings)",
-            "fontWeight": "600"
-          },
-          "hr": {
-            "borderColor": "var(--tw-prose-hr)",
-            "borderTopWidth": 1
-          },
-          "blockquote": {
-            "fontWeight": "500",
-            "fontStyle": "italic",
-            "color": "var(--tw-prose-quotes)",
-            "borderInlineStartWidth": "0.25rem",
-            "borderInlineStartColor": "var(--tw-prose-quote-borders)",
-            "quotes": "\"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\""
-          },
-          "blockquote p:first-of-type::before": {
-            "content": "open-quote"
-          },
-          "blockquote p:last-of-type::after": {
-            "content": "close-quote"
-          },
-          "h1": {
-            "color": "var(--tw-prose-headings)",
-            "fontWeight": "800"
-          },
-          "h1 strong": {
-            "fontWeight": "900",
-            "color": "inherit"
-          },
-          "h2": {
-            "color": "var(--tw-prose-headings)",
-            "fontWeight": "700"
-          },
-          "h2 strong": {
-            "fontWeight": "800",
-            "color": "inherit"
-          },
-          "h3": {
-            "color": "var(--tw-prose-headings)",
-            "fontWeight": "600"
-          },
-          "h3 strong": {
-            "fontWeight": "700",
-            "color": "inherit"
-          },
-          "h4": {
-            "color": "var(--tw-prose-headings)",
-            "fontWeight": "600"
-          },
-          "h4 strong": {
-            "fontWeight": "700",
-            "color": "inherit"
-          },
-          "img": {},
-          "picture": {
-            "display": "block"
-          },
-          "video": {},
-          "kbd": {
-            "fontWeight": "500",
-            "fontFamily": "inherit",
-            "color": "var(--tw-prose-kbd)",
-            "boxShadow": "0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%)"
-          },
-          "code": {
-            "color": "var(--tw-prose-code)",
-            "fontWeight": "600"
-          },
-          "code::before": {
-            "content": "\"`\""
-          },
-          "code::after": {
-            "content": "\"`\""
-          },
-          "a code": {
-            "color": "inherit"
-          },
-          "h1 code": {
-            "color": "inherit"
-          },
-          "h2 code": {
-            "color": "inherit"
-          },
-          "h3 code": {
-            "color": "inherit"
-          },
-          "h4 code": {
-            "color": "inherit"
-          },
-          "blockquote code": {
-            "color": "inherit"
-          },
-          "thead th code": {
-            "color": "inherit"
-          },
-          "pre": {
-            "color": "var(--tw-prose-pre-code)",
-            "backgroundColor": "var(--tw-prose-pre-bg)",
-            "overflowX": "auto",
-            "fontWeight": "400"
-          },
-          "pre code": {
-            "backgroundColor": "transparent",
-            "borderWidth": "0",
-            "borderRadius": "0",
-            "padding": "0",
-            "fontWeight": "inherit",
-            "color": "inherit",
-            "fontSize": "inherit",
-            "fontFamily": "inherit",
-            "lineHeight": "inherit"
-          },
-          "pre code::before": {
-            "content": "none"
-          },
-          "pre code::after": {
-            "content": "none"
-          },
-          "table": {
-            "width": "100%",
-            "tableLayout": "auto",
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "thead": {
-            "borderBottomWidth": "1px",
-            "borderBottomColor": "var(--tw-prose-th-borders)"
-          },
-          "thead th": {
-            "color": "var(--tw-prose-headings)",
-            "fontWeight": "600",
-            "verticalAlign": "bottom"
-          },
-          "tbody tr": {
-            "borderBottomWidth": "1px",
-            "borderBottomColor": "var(--tw-prose-td-borders)"
-          },
-          "tbody tr:last-child": {
-            "borderBottomWidth": "0"
-          },
-          "tbody td": {
-            "verticalAlign": "baseline"
-          },
-          "tfoot": {
-            "borderTopWidth": "1px",
-            "borderTopColor": "var(--tw-prose-th-borders)"
-          },
-          "tfoot td": {
-            "verticalAlign": "top"
-          },
-          "th, td": {
-            "textAlign": "start"
-          },
-          "figure > *": {},
-          "figcaption": {
-            "color": "var(--tw-prose-captions)"
-          }
-        },
-        {
-          "--tw-prose-body": "#374151",
-          "--tw-prose-headings": "#111827",
-          "--tw-prose-lead": "#4b5563",
-          "--tw-prose-links": "#111827",
-          "--tw-prose-bold": "#111827",
-          "--tw-prose-counters": "#6b7280",
-          "--tw-prose-bullets": "#d1d5db",
-          "--tw-prose-hr": "#e5e7eb",
-          "--tw-prose-quotes": "#111827",
-          "--tw-prose-quote-borders": "#e5e7eb",
-          "--tw-prose-captions": "#6b7280",
-          "--tw-prose-kbd": "#111827",
-          "--tw-prose-kbd-shadows": "17 24 39",
-          "--tw-prose-code": "#111827",
-          "--tw-prose-pre-code": "#e5e7eb",
-          "--tw-prose-pre-bg": "#1f2937",
-          "--tw-prose-th-borders": "#d1d5db",
-          "--tw-prose-td-borders": "#e5e7eb",
-          "--tw-prose-invert-body": "#d1d5db",
-          "--tw-prose-invert-headings": "#fff",
-          "--tw-prose-invert-lead": "#9ca3af",
-          "--tw-prose-invert-links": "#fff",
-          "--tw-prose-invert-bold": "#fff",
-          "--tw-prose-invert-counters": "#9ca3af",
-          "--tw-prose-invert-bullets": "#4b5563",
-          "--tw-prose-invert-hr": "#374151",
-          "--tw-prose-invert-quotes": "#f3f4f6",
-          "--tw-prose-invert-quote-borders": "#374151",
-          "--tw-prose-invert-captions": "#9ca3af",
-          "--tw-prose-invert-kbd": "#fff",
-          "--tw-prose-invert-kbd-shadows": "255 255 255",
-          "--tw-prose-invert-code": "#fff",
-          "--tw-prose-invert-pre-code": "#d1d5db",
-          "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
-          "--tw-prose-invert-th-borders": "#4b5563",
-          "--tw-prose-invert-td-borders": "#374151"
-        },
-        {
-          "fontSize": "1rem",
-          "lineHeight": "1.75",
-          "p": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em"
-          },
-          "[class~=\"lead\"]": {
-            "fontSize": "1.25em",
-            "lineHeight": "1.6",
-            "marginTop": "1.2em",
-            "marginBottom": "1.2em"
-          },
-          "blockquote": {
-            "marginTop": "1.6em",
-            "marginBottom": "1.6em",
-            "paddingInlineStart": "1em"
-          },
-          "h1": {
-            "fontSize": "2.25em",
-            "marginTop": "0",
-            "marginBottom": "0.8888889em",
-            "lineHeight": "1.1111111"
-          },
-          "h2": {
-            "fontSize": "1.5em",
-            "marginTop": "2em",
-            "marginBottom": "1em",
-            "lineHeight": "1.3333333"
-          },
-          "h3": {
-            "fontSize": "1.25em",
-            "marginTop": "1.6em",
-            "marginBottom": "0.6em",
-            "lineHeight": "1.6"
-          },
-          "h4": {
-            "marginTop": "1.5em",
-            "marginBottom": "0.5em",
-            "lineHeight": "1.5"
-          },
-          "img": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture > img": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "video": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "kbd": {
-            "fontSize": "0.875em",
-            "borderRadius": "0.3125rem",
-            "paddingTop": "0.1875em",
-            "paddingInlineEnd": "0.375em",
-            "paddingBottom": "0.1875em",
-            "paddingInlineStart": "0.375em"
-          },
-          "code": {
-            "fontSize": "0.875em"
-          },
-          "h2 code": {
-            "fontSize": "0.875em"
-          },
-          "h3 code": {
-            "fontSize": "0.9em"
-          },
-          "pre": {
-            "fontSize": "0.875em",
-            "lineHeight": "1.7142857",
-            "marginTop": "1.7142857em",
-            "marginBottom": "1.7142857em",
-            "borderRadius": "0.375rem",
-            "paddingTop": "0.8571429em",
-            "paddingInlineEnd": "1.1428571em",
-            "paddingBottom": "0.8571429em",
-            "paddingInlineStart": "1.1428571em"
-          },
-          "ol": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em",
-            "paddingInlineStart": "1.625em"
-          },
-          "ul": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em",
-            "paddingInlineStart": "1.625em"
-          },
-          "li": {
-            "marginTop": "0.5em",
-            "marginBottom": "0.5em"
-          },
-          "ol > li": {
-            "paddingInlineStart": "0.375em"
-          },
-          "ul > li": {
-            "paddingInlineStart": "0.375em"
-          },
-          "> ul > li p": {
-            "marginTop": "0.75em",
-            "marginBottom": "0.75em"
-          },
-          "> ul > li > p:first-child": {
-            "marginTop": "1.25em"
-          },
-          "> ul > li > p:last-child": {
-            "marginBottom": "1.25em"
-          },
-          "> ol > li > p:first-child": {
-            "marginTop": "1.25em"
-          },
-          "> ol > li > p:last-child": {
-            "marginBottom": "1.25em"
-          },
-          "ul ul, ul ol, ol ul, ol ol": {
-            "marginTop": "0.75em",
-            "marginBottom": "0.75em"
-          },
-          "dl": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em"
-          },
-          "dt": {
-            "marginTop": "1.25em"
-          },
-          "dd": {
-            "marginTop": "0.5em",
-            "paddingInlineStart": "1.625em"
-          },
-          "hr": {
-            "marginTop": "3em",
-            "marginBottom": "3em"
-          },
-          "hr + *": {
-            "marginTop": "0"
-          },
-          "h2 + *": {
-            "marginTop": "0"
-          },
-          "h3 + *": {
-            "marginTop": "0"
-          },
-          "h4 + *": {
-            "marginTop": "0"
-          },
-          "table": {
-            "fontSize": "0.875em",
-            "lineHeight": "1.7142857"
-          },
-          "thead th": {
-            "paddingInlineEnd": "0.5714286em",
-            "paddingBottom": "0.5714286em",
-            "paddingInlineStart": "0.5714286em"
-          },
-          "thead th:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "thead th:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "tbody td, tfoot td": {
-            "paddingTop": "0.5714286em",
-            "paddingInlineEnd": "0.5714286em",
-            "paddingBottom": "0.5714286em",
-            "paddingInlineStart": "0.5714286em"
-          },
-          "tbody td:first-child, tfoot td:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "tbody td:last-child, tfoot td:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "figure": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "figure > *": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "figcaption": {
-            "fontSize": "0.875em",
-            "lineHeight": "1.4285714",
-            "marginTop": "0.8571429em"
-          }
-        },
-        {
-          "> :first-child": {
-            "marginTop": "0"
-          },
-          "> :last-child": {
-            "marginBottom": "0"
-          }
-        },
-        {
-          "--tw-prose-body": "var(--ink-gray-8)",
-          "--tw-prose-headings": "var(--ink-gray-9)",
-          "--tw-prose-lead": "var(--ink-gray-5)",
-          "--tw-prose-links": "var(--ink-gray-9)",
-          "--tw-prose-bold": "var(--ink-gray-9)",
-          "--tw-prose-counters": "var(--ink-gray-4)",
-          "--tw-prose-bullets": "var(--ink-gray-2)",
-          "--tw-prose-hr": "var(--ink-gray-1)",
-          "--tw-prose-quotes": "var(--ink-gray-9)",
-          "--tw-prose-quote-borders": "var(--ink-gray-1)",
-          "--tw-prose-captions": "var(--ink-gray-4)",
-          "--tw-prose-kbd": "var(--ink-gray-9)",
-          "--tw-prose-code": "var(--ink-gray-9)",
-          "--tw-prose-pre-code": "var(--ink-gray-1)",
-          "--tw-prose-pre-bg": "var(--ink-gray-8)",
-          "--tw-prose-th-borders": "var(--ink-gray-2)",
-          "--tw-prose-td-borders": "var(--ink-gray-1)"
-        }
-      ]
-    },
-    "sm": {
-      "css": [
-        {
-          "fontSize": "0.875rem",
-          "lineHeight": "1.7142857",
-          "p": {
-            "marginTop": "1.1428571em",
-            "marginBottom": "1.1428571em"
-          },
-          "[class~=\"lead\"]": {
-            "fontSize": "1.2857143em",
-            "lineHeight": "1.5555556",
-            "marginTop": "0.8888889em",
-            "marginBottom": "0.8888889em"
-          },
-          "blockquote": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em",
-            "paddingInlineStart": "1.1111111em"
-          },
-          "h1": {
-            "fontSize": "2.1428571em",
-            "marginTop": "0",
-            "marginBottom": "0.8em",
-            "lineHeight": "1.2"
-          },
-          "h2": {
-            "fontSize": "1.4285714em",
-            "marginTop": "1.6em",
-            "marginBottom": "0.8em",
-            "lineHeight": "1.4"
-          },
-          "h3": {
-            "fontSize": "1.2857143em",
-            "marginTop": "1.5555556em",
-            "marginBottom": "0.4444444em",
-            "lineHeight": "1.5555556"
-          },
-          "h4": {
-            "marginTop": "1.4285714em",
-            "marginBottom": "0.5714286em",
-            "lineHeight": "1.4285714"
-          },
-          "img": {
-            "marginTop": "1.7142857em",
-            "marginBottom": "1.7142857em"
-          },
-          "picture": {
-            "marginTop": "1.7142857em",
-            "marginBottom": "1.7142857em"
-          },
-          "picture > img": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "video": {
-            "marginTop": "1.7142857em",
-            "marginBottom": "1.7142857em"
-          },
-          "kbd": {
-            "fontSize": "0.8571429em",
-            "borderRadius": "0.3125rem",
-            "paddingTop": "0.1428571em",
-            "paddingInlineEnd": "0.3571429em",
-            "paddingBottom": "0.1428571em",
-            "paddingInlineStart": "0.3571429em"
-          },
-          "code": {
-            "fontSize": "0.8571429em"
-          },
-          "h2 code": {
-            "fontSize": "0.9em"
-          },
-          "h3 code": {
-            "fontSize": "0.8888889em"
-          },
-          "pre": {
-            "fontSize": "0.8571429em",
-            "lineHeight": "1.6666667",
-            "marginTop": "1.6666667em",
-            "marginBottom": "1.6666667em",
-            "borderRadius": "0.25rem",
-            "paddingTop": "0.6666667em",
-            "paddingInlineEnd": "1em",
-            "paddingBottom": "0.6666667em",
-            "paddingInlineStart": "1em"
-          },
-          "ol": {
-            "marginTop": "1.1428571em",
-            "marginBottom": "1.1428571em",
-            "paddingInlineStart": "1.5714286em"
-          },
-          "ul": {
-            "marginTop": "1.1428571em",
-            "marginBottom": "1.1428571em",
-            "paddingInlineStart": "1.5714286em"
-          },
-          "li": {
-            "marginTop": "0.2857143em",
-            "marginBottom": "0.2857143em"
-          },
-          "ol > li": {
-            "paddingInlineStart": "0.4285714em"
-          },
-          "ul > li": {
-            "paddingInlineStart": "0.4285714em"
-          },
-          "> ul > li p": {
-            "marginTop": "0.5714286em",
-            "marginBottom": "0.5714286em"
-          },
-          "> ul > li > p:first-child": {
-            "marginTop": "1.1428571em"
-          },
-          "> ul > li > p:last-child": {
-            "marginBottom": "1.1428571em"
-          },
-          "> ol > li > p:first-child": {
-            "marginTop": "1.1428571em"
-          },
-          "> ol > li > p:last-child": {
-            "marginBottom": "1.1428571em"
-          },
-          "ul ul, ul ol, ol ul, ol ol": {
-            "marginTop": "0.5714286em",
-            "marginBottom": "0.5714286em"
-          },
-          "dl": {
-            "marginTop": "1.1428571em",
-            "marginBottom": "1.1428571em"
-          },
-          "dt": {
-            "marginTop": "1.1428571em"
-          },
-          "dd": {
-            "marginTop": "0.2857143em",
-            "paddingInlineStart": "1.5714286em"
-          },
-          "hr": {
-            "marginTop": "2.8571429em",
-            "marginBottom": "2.8571429em"
-          },
-          "hr + *": {
-            "marginTop": "0"
-          },
-          "h2 + *": {
-            "marginTop": "0"
-          },
-          "h3 + *": {
-            "marginTop": "0"
-          },
-          "h4 + *": {
-            "marginTop": "0"
-          },
-          "table": {
-            "fontSize": "0.8571429em",
-            "lineHeight": "1.5"
-          },
-          "thead th": {
-            "paddingInlineEnd": "1em",
-            "paddingBottom": "0.6666667em",
-            "paddingInlineStart": "1em"
-          },
-          "thead th:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "thead th:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "tbody td, tfoot td": {
-            "paddingTop": "0.6666667em",
-            "paddingInlineEnd": "1em",
-            "paddingBottom": "0.6666667em",
-            "paddingInlineStart": "1em"
-          },
-          "tbody td:first-child, tfoot td:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "tbody td:last-child, tfoot td:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "figure": {
-            "marginTop": "1.7142857em",
-            "marginBottom": "1.7142857em"
-          },
-          "figure > *": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "figcaption": {
-            "fontSize": "0.8571429em",
-            "lineHeight": "1.3333333",
-            "marginTop": "0.6666667em"
-          }
-        },
-        {
-          "> :first-child": {
-            "marginTop": "0"
-          },
-          "> :last-child": {
-            "marginBottom": "0"
-          }
-        },
-        {
-          "fontSize": "14px",
-          "fontWeight": 420,
-          "lineHeight": 1.6,
-          "letterSpacing": "0.02em",
-          "p": {
-            "marginTop": "0.5rem",
-            "marginBottom": "1rem"
-          },
-          "> ul > li p": {
-            "marginTop": "0.5rem",
-            "marginBottom": "0.5rem"
-          },
-          "> ul > li > *:first-child": {
-            "marginTop": "0.5rem"
-          },
-          "> ul > li > *:last-child": {
-            "marginBottom": "0.5rem"
-          },
-          "> ol > li p": {
-            "marginTop": "0.5rem",
-            "marginBottom": "0.5rem"
-          },
-          "> ol > li > *:first-child": {
-            "marginTop": "0.5rem"
-          },
-          "> ol > li > *:last-child": {
-            "marginBottom": "0.5rem"
-          }
-        }
-      ]
-    },
-    "base": {
-      "css": [
-        {
-          "fontSize": "1rem",
-          "lineHeight": "1.75",
-          "p": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em"
-          },
-          "[class~=\"lead\"]": {
-            "fontSize": "1.25em",
-            "lineHeight": "1.6",
-            "marginTop": "1.2em",
-            "marginBottom": "1.2em"
-          },
-          "blockquote": {
-            "marginTop": "1.6em",
-            "marginBottom": "1.6em",
-            "paddingInlineStart": "1em"
-          },
-          "h1": {
-            "fontSize": "2.25em",
-            "marginTop": "0",
-            "marginBottom": "0.8888889em",
-            "lineHeight": "1.1111111"
-          },
-          "h2": {
-            "fontSize": "1.5em",
-            "marginTop": "2em",
-            "marginBottom": "1em",
-            "lineHeight": "1.3333333"
-          },
-          "h3": {
-            "fontSize": "1.25em",
-            "marginTop": "1.6em",
-            "marginBottom": "0.6em",
-            "lineHeight": "1.6"
-          },
-          "h4": {
-            "marginTop": "1.5em",
-            "marginBottom": "0.5em",
-            "lineHeight": "1.5"
-          },
-          "img": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture > img": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "video": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "kbd": {
-            "fontSize": "0.875em",
-            "borderRadius": "0.3125rem",
-            "paddingTop": "0.1875em",
-            "paddingInlineEnd": "0.375em",
-            "paddingBottom": "0.1875em",
-            "paddingInlineStart": "0.375em"
-          },
-          "code": {
-            "fontSize": "0.875em"
-          },
-          "h2 code": {
-            "fontSize": "0.875em"
-          },
-          "h3 code": {
-            "fontSize": "0.9em"
-          },
-          "pre": {
-            "fontSize": "0.875em",
-            "lineHeight": "1.7142857",
-            "marginTop": "1.7142857em",
-            "marginBottom": "1.7142857em",
-            "borderRadius": "0.375rem",
-            "paddingTop": "0.8571429em",
-            "paddingInlineEnd": "1.1428571em",
-            "paddingBottom": "0.8571429em",
-            "paddingInlineStart": "1.1428571em"
-          },
-          "ol": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em",
-            "paddingInlineStart": "1.625em"
-          },
-          "ul": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em",
-            "paddingInlineStart": "1.625em"
-          },
-          "li": {
-            "marginTop": "0.5em",
-            "marginBottom": "0.5em"
-          },
-          "ol > li": {
-            "paddingInlineStart": "0.375em"
-          },
-          "ul > li": {
-            "paddingInlineStart": "0.375em"
-          },
-          "> ul > li p": {
-            "marginTop": "0.75em",
-            "marginBottom": "0.75em"
-          },
-          "> ul > li > p:first-child": {
-            "marginTop": "1.25em"
-          },
-          "> ul > li > p:last-child": {
-            "marginBottom": "1.25em"
-          },
-          "> ol > li > p:first-child": {
-            "marginTop": "1.25em"
-          },
-          "> ol > li > p:last-child": {
-            "marginBottom": "1.25em"
-          },
-          "ul ul, ul ol, ol ul, ol ol": {
-            "marginTop": "0.75em",
-            "marginBottom": "0.75em"
-          },
-          "dl": {
-            "marginTop": "1.25em",
-            "marginBottom": "1.25em"
-          },
-          "dt": {
-            "marginTop": "1.25em"
-          },
-          "dd": {
-            "marginTop": "0.5em",
-            "paddingInlineStart": "1.625em"
-          },
-          "hr": {
-            "marginTop": "3em",
-            "marginBottom": "3em"
-          },
-          "hr + *": {
-            "marginTop": "0"
-          },
-          "h2 + *": {
-            "marginTop": "0"
-          },
-          "h3 + *": {
-            "marginTop": "0"
-          },
-          "h4 + *": {
-            "marginTop": "0"
-          },
-          "table": {
-            "fontSize": "0.875em",
-            "lineHeight": "1.7142857"
-          },
-          "thead th": {
-            "paddingInlineEnd": "0.5714286em",
-            "paddingBottom": "0.5714286em",
-            "paddingInlineStart": "0.5714286em"
-          },
-          "thead th:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "thead th:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "tbody td, tfoot td": {
-            "paddingTop": "0.5714286em",
-            "paddingInlineEnd": "0.5714286em",
-            "paddingBottom": "0.5714286em",
-            "paddingInlineStart": "0.5714286em"
-          },
-          "tbody td:first-child, tfoot td:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "tbody td:last-child, tfoot td:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "figure": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "figure > *": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "figcaption": {
-            "fontSize": "0.875em",
-            "lineHeight": "1.4285714",
-            "marginTop": "0.8571429em"
-          }
-        },
-        {
-          "> :first-child": {
-            "marginTop": "0"
-          },
-          "> :last-child": {
-            "marginBottom": "0"
-          }
-        }
-      ]
-    },
-    "lg": {
-      "css": [
-        {
-          "fontSize": "1.125rem",
-          "lineHeight": "1.7777778",
-          "p": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em"
-          },
-          "[class~=\"lead\"]": {
-            "fontSize": "1.2222222em",
-            "lineHeight": "1.4545455",
-            "marginTop": "1.0909091em",
-            "marginBottom": "1.0909091em"
-          },
-          "blockquote": {
-            "marginTop": "1.6666667em",
-            "marginBottom": "1.6666667em",
-            "paddingInlineStart": "1em"
-          },
-          "h1": {
-            "fontSize": "2.6666667em",
-            "marginTop": "0",
-            "marginBottom": "0.8333333em",
-            "lineHeight": "1"
-          },
-          "h2": {
-            "fontSize": "1.6666667em",
-            "marginTop": "1.8666667em",
-            "marginBottom": "1.0666667em",
-            "lineHeight": "1.3333333"
-          },
-          "h3": {
-            "fontSize": "1.3333333em",
-            "marginTop": "1.6666667em",
-            "marginBottom": "0.6666667em",
-            "lineHeight": "1.5"
-          },
-          "h4": {
-            "marginTop": "1.7777778em",
-            "marginBottom": "0.4444444em",
-            "lineHeight": "1.5555556"
-          },
-          "img": {
-            "marginTop": "1.7777778em",
-            "marginBottom": "1.7777778em"
-          },
-          "picture": {
-            "marginTop": "1.7777778em",
-            "marginBottom": "1.7777778em"
-          },
-          "picture > img": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "video": {
-            "marginTop": "1.7777778em",
-            "marginBottom": "1.7777778em"
-          },
-          "kbd": {
-            "fontSize": "0.8888889em",
-            "borderRadius": "0.3125rem",
-            "paddingTop": "0.2222222em",
-            "paddingInlineEnd": "0.4444444em",
-            "paddingBottom": "0.2222222em",
-            "paddingInlineStart": "0.4444444em"
-          },
-          "code": {
-            "fontSize": "0.8888889em"
-          },
-          "h2 code": {
-            "fontSize": "0.8666667em"
-          },
-          "h3 code": {
-            "fontSize": "0.875em"
-          },
-          "pre": {
-            "fontSize": "0.8888889em",
-            "lineHeight": "1.75",
-            "marginTop": "2em",
-            "marginBottom": "2em",
-            "borderRadius": "0.375rem",
-            "paddingTop": "1em",
-            "paddingInlineEnd": "1.5em",
-            "paddingBottom": "1em",
-            "paddingInlineStart": "1.5em"
-          },
-          "ol": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em",
-            "paddingInlineStart": "1.5555556em"
-          },
-          "ul": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em",
-            "paddingInlineStart": "1.5555556em"
-          },
-          "li": {
-            "marginTop": "0.6666667em",
-            "marginBottom": "0.6666667em"
-          },
-          "ol > li": {
-            "paddingInlineStart": "0.4444444em"
-          },
-          "ul > li": {
-            "paddingInlineStart": "0.4444444em"
-          },
-          "> ul > li p": {
-            "marginTop": "0.8888889em",
-            "marginBottom": "0.8888889em"
-          },
-          "> ul > li > p:first-child": {
-            "marginTop": "1.3333333em"
-          },
-          "> ul > li > p:last-child": {
-            "marginBottom": "1.3333333em"
-          },
-          "> ol > li > p:first-child": {
-            "marginTop": "1.3333333em"
-          },
-          "> ol > li > p:last-child": {
-            "marginBottom": "1.3333333em"
-          },
-          "ul ul, ul ol, ol ul, ol ol": {
-            "marginTop": "0.8888889em",
-            "marginBottom": "0.8888889em"
-          },
-          "dl": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em"
-          },
-          "dt": {
-            "marginTop": "1.3333333em"
-          },
-          "dd": {
-            "marginTop": "0.6666667em",
-            "paddingInlineStart": "1.5555556em"
-          },
-          "hr": {
-            "marginTop": "3.1111111em",
-            "marginBottom": "3.1111111em"
-          },
-          "hr + *": {
-            "marginTop": "0"
-          },
-          "h2 + *": {
-            "marginTop": "0"
-          },
-          "h3 + *": {
-            "marginTop": "0"
-          },
-          "h4 + *": {
-            "marginTop": "0"
-          },
-          "table": {
-            "fontSize": "0.8888889em",
-            "lineHeight": "1.5"
-          },
-          "thead th": {
-            "paddingInlineEnd": "0.75em",
-            "paddingBottom": "0.75em",
-            "paddingInlineStart": "0.75em"
-          },
-          "thead th:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "thead th:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "tbody td, tfoot td": {
-            "paddingTop": "0.75em",
-            "paddingInlineEnd": "0.75em",
-            "paddingBottom": "0.75em",
-            "paddingInlineStart": "0.75em"
-          },
-          "tbody td:first-child, tfoot td:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "tbody td:last-child, tfoot td:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "figure": {
-            "marginTop": "1.7777778em",
-            "marginBottom": "1.7777778em"
-          },
-          "figure > *": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "figcaption": {
-            "fontSize": "0.8888889em",
-            "lineHeight": "1.5",
-            "marginTop": "1em"
-          }
-        },
-        {
-          "> :first-child": {
-            "marginTop": "0"
-          },
-          "> :last-child": {
-            "marginBottom": "0"
-          }
-        }
-      ]
-    },
-    "xl": {
-      "css": [
-        {
-          "fontSize": "1.25rem",
-          "lineHeight": "1.8",
-          "p": {
-            "marginTop": "1.2em",
-            "marginBottom": "1.2em"
-          },
-          "[class~=\"lead\"]": {
-            "fontSize": "1.2em",
-            "lineHeight": "1.5",
-            "marginTop": "1em",
-            "marginBottom": "1em"
-          },
-          "blockquote": {
-            "marginTop": "1.6em",
-            "marginBottom": "1.6em",
-            "paddingInlineStart": "1.0666667em"
-          },
-          "h1": {
-            "fontSize": "2.8em",
-            "marginTop": "0",
-            "marginBottom": "0.8571429em",
-            "lineHeight": "1"
-          },
-          "h2": {
-            "fontSize": "1.8em",
-            "marginTop": "1.5555556em",
-            "marginBottom": "0.8888889em",
-            "lineHeight": "1.1111111"
-          },
-          "h3": {
-            "fontSize": "1.5em",
-            "marginTop": "1.6em",
-            "marginBottom": "0.6666667em",
-            "lineHeight": "1.3333333"
-          },
-          "h4": {
-            "marginTop": "1.8em",
-            "marginBottom": "0.6em",
-            "lineHeight": "1.6"
-          },
-          "img": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture > img": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "video": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "kbd": {
-            "fontSize": "0.9em",
-            "borderRadius": "0.3125rem",
-            "paddingTop": "0.25em",
-            "paddingInlineEnd": "0.4em",
-            "paddingBottom": "0.25em",
-            "paddingInlineStart": "0.4em"
-          },
-          "code": {
-            "fontSize": "0.9em"
-          },
-          "h2 code": {
-            "fontSize": "0.8611111em"
-          },
-          "h3 code": {
-            "fontSize": "0.9em"
-          },
-          "pre": {
-            "fontSize": "0.9em",
-            "lineHeight": "1.7777778",
-            "marginTop": "2em",
-            "marginBottom": "2em",
-            "borderRadius": "0.5rem",
-            "paddingTop": "1.1111111em",
-            "paddingInlineEnd": "1.3333333em",
-            "paddingBottom": "1.1111111em",
-            "paddingInlineStart": "1.3333333em"
-          },
-          "ol": {
-            "marginTop": "1.2em",
-            "marginBottom": "1.2em",
-            "paddingInlineStart": "1.6em"
-          },
-          "ul": {
-            "marginTop": "1.2em",
-            "marginBottom": "1.2em",
-            "paddingInlineStart": "1.6em"
-          },
-          "li": {
-            "marginTop": "0.6em",
-            "marginBottom": "0.6em"
-          },
-          "ol > li": {
-            "paddingInlineStart": "0.4em"
-          },
-          "ul > li": {
-            "paddingInlineStart": "0.4em"
-          },
-          "> ul > li p": {
-            "marginTop": "0.8em",
-            "marginBottom": "0.8em"
-          },
-          "> ul > li > p:first-child": {
-            "marginTop": "1.2em"
-          },
-          "> ul > li > p:last-child": {
-            "marginBottom": "1.2em"
-          },
-          "> ol > li > p:first-child": {
-            "marginTop": "1.2em"
-          },
-          "> ol > li > p:last-child": {
-            "marginBottom": "1.2em"
-          },
-          "ul ul, ul ol, ol ul, ol ol": {
-            "marginTop": "0.8em",
-            "marginBottom": "0.8em"
-          },
-          "dl": {
-            "marginTop": "1.2em",
-            "marginBottom": "1.2em"
-          },
-          "dt": {
-            "marginTop": "1.2em"
-          },
-          "dd": {
-            "marginTop": "0.6em",
-            "paddingInlineStart": "1.6em"
-          },
-          "hr": {
-            "marginTop": "2.8em",
-            "marginBottom": "2.8em"
-          },
-          "hr + *": {
-            "marginTop": "0"
-          },
-          "h2 + *": {
-            "marginTop": "0"
-          },
-          "h3 + *": {
-            "marginTop": "0"
-          },
-          "h4 + *": {
-            "marginTop": "0"
-          },
-          "table": {
-            "fontSize": "0.9em",
-            "lineHeight": "1.5555556"
-          },
-          "thead th": {
-            "paddingInlineEnd": "0.6666667em",
-            "paddingBottom": "0.8888889em",
-            "paddingInlineStart": "0.6666667em"
-          },
-          "thead th:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "thead th:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "tbody td, tfoot td": {
-            "paddingTop": "0.8888889em",
-            "paddingInlineEnd": "0.6666667em",
-            "paddingBottom": "0.8888889em",
-            "paddingInlineStart": "0.6666667em"
-          },
-          "tbody td:first-child, tfoot td:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "tbody td:last-child, tfoot td:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "figure": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "figure > *": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "figcaption": {
-            "fontSize": "0.9em",
-            "lineHeight": "1.5555556",
-            "marginTop": "1em"
-          }
-        },
-        {
-          "> :first-child": {
-            "marginTop": "0"
-          },
-          "> :last-child": {
-            "marginBottom": "0"
-          }
-        }
-      ]
-    },
-    "2xl": {
-      "css": [
-        {
-          "fontSize": "1.5rem",
-          "lineHeight": "1.6666667",
-          "p": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em"
-          },
-          "[class~=\"lead\"]": {
-            "fontSize": "1.25em",
-            "lineHeight": "1.4666667",
-            "marginTop": "1.0666667em",
-            "marginBottom": "1.0666667em"
-          },
-          "blockquote": {
-            "marginTop": "1.7777778em",
-            "marginBottom": "1.7777778em",
-            "paddingInlineStart": "1.1111111em"
-          },
-          "h1": {
-            "fontSize": "2.6666667em",
-            "marginTop": "0",
-            "marginBottom": "0.875em",
-            "lineHeight": "1"
-          },
-          "h2": {
-            "fontSize": "2em",
-            "marginTop": "1.5em",
-            "marginBottom": "0.8333333em",
-            "lineHeight": "1.0833333"
-          },
-          "h3": {
-            "fontSize": "1.5em",
-            "marginTop": "1.5555556em",
-            "marginBottom": "0.6666667em",
-            "lineHeight": "1.2222222"
-          },
-          "h4": {
-            "marginTop": "1.6666667em",
-            "marginBottom": "0.6666667em",
-            "lineHeight": "1.5"
-          },
-          "img": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "picture > img": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "video": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "kbd": {
-            "fontSize": "0.8333333em",
-            "borderRadius": "0.375rem",
-            "paddingTop": "0.25em",
-            "paddingInlineEnd": "0.3333333em",
-            "paddingBottom": "0.25em",
-            "paddingInlineStart": "0.3333333em"
-          },
-          "code": {
-            "fontSize": "0.8333333em"
-          },
-          "h2 code": {
-            "fontSize": "0.875em"
-          },
-          "h3 code": {
-            "fontSize": "0.8888889em"
-          },
-          "pre": {
-            "fontSize": "0.8333333em",
-            "lineHeight": "1.8",
-            "marginTop": "2em",
-            "marginBottom": "2em",
-            "borderRadius": "0.5rem",
-            "paddingTop": "1.2em",
-            "paddingInlineEnd": "1.6em",
-            "paddingBottom": "1.2em",
-            "paddingInlineStart": "1.6em"
-          },
-          "ol": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em",
-            "paddingInlineStart": "1.5833333em"
-          },
-          "ul": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em",
-            "paddingInlineStart": "1.5833333em"
-          },
-          "li": {
-            "marginTop": "0.5em",
-            "marginBottom": "0.5em"
-          },
-          "ol > li": {
-            "paddingInlineStart": "0.4166667em"
-          },
-          "ul > li": {
-            "paddingInlineStart": "0.4166667em"
-          },
-          "> ul > li p": {
-            "marginTop": "0.8333333em",
-            "marginBottom": "0.8333333em"
-          },
-          "> ul > li > p:first-child": {
-            "marginTop": "1.3333333em"
-          },
-          "> ul > li > p:last-child": {
-            "marginBottom": "1.3333333em"
-          },
-          "> ol > li > p:first-child": {
-            "marginTop": "1.3333333em"
-          },
-          "> ol > li > p:last-child": {
-            "marginBottom": "1.3333333em"
-          },
-          "ul ul, ul ol, ol ul, ol ol": {
-            "marginTop": "0.6666667em",
-            "marginBottom": "0.6666667em"
-          },
-          "dl": {
-            "marginTop": "1.3333333em",
-            "marginBottom": "1.3333333em"
-          },
-          "dt": {
-            "marginTop": "1.3333333em"
-          },
-          "dd": {
-            "marginTop": "0.5em",
-            "paddingInlineStart": "1.5833333em"
-          },
-          "hr": {
-            "marginTop": "3em",
-            "marginBottom": "3em"
-          },
-          "hr + *": {
-            "marginTop": "0"
-          },
-          "h2 + *": {
-            "marginTop": "0"
-          },
-          "h3 + *": {
-            "marginTop": "0"
-          },
-          "h4 + *": {
-            "marginTop": "0"
-          },
-          "table": {
-            "fontSize": "0.8333333em",
-            "lineHeight": "1.4"
-          },
-          "thead th": {
-            "paddingInlineEnd": "0.6em",
-            "paddingBottom": "0.8em",
-            "paddingInlineStart": "0.6em"
-          },
-          "thead th:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "thead th:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "tbody td, tfoot td": {
-            "paddingTop": "0.8em",
-            "paddingInlineEnd": "0.6em",
-            "paddingBottom": "0.8em",
-            "paddingInlineStart": "0.6em"
-          },
-          "tbody td:first-child, tfoot td:first-child": {
-            "paddingInlineStart": "0"
-          },
-          "tbody td:last-child, tfoot td:last-child": {
-            "paddingInlineEnd": "0"
-          },
-          "figure": {
-            "marginTop": "2em",
-            "marginBottom": "2em"
-          },
-          "figure > *": {
-            "marginTop": "0",
-            "marginBottom": "0"
-          },
-          "figcaption": {
-            "fontSize": "0.8333333em",
-            "lineHeight": "1.6",
-            "marginTop": "1em"
-          }
-        },
-        {
-          "> :first-child": {
-            "marginTop": "0"
-          },
-          "> :last-child": {
-            "marginBottom": "0"
-          }
-        }
-      ]
-    },
-    "slate": {
-      "css": {
-        "--tw-prose-body": "#334155",
-        "--tw-prose-headings": "#0f172a",
-        "--tw-prose-lead": "#475569",
-        "--tw-prose-links": "#0f172a",
-        "--tw-prose-bold": "#0f172a",
-        "--tw-prose-counters": "#64748b",
-        "--tw-prose-bullets": "#cbd5e1",
-        "--tw-prose-hr": "#e2e8f0",
-        "--tw-prose-quotes": "#0f172a",
-        "--tw-prose-quote-borders": "#e2e8f0",
-        "--tw-prose-captions": "#64748b",
-        "--tw-prose-kbd": "#0f172a",
-        "--tw-prose-kbd-shadows": "15 23 42",
-        "--tw-prose-code": "#0f172a",
-        "--tw-prose-pre-code": "#e2e8f0",
-        "--tw-prose-pre-bg": "#1e293b",
-        "--tw-prose-th-borders": "#cbd5e1",
-        "--tw-prose-td-borders": "#e2e8f0",
-        "--tw-prose-invert-body": "#cbd5e1",
-        "--tw-prose-invert-headings": "#fff",
-        "--tw-prose-invert-lead": "#94a3b8",
-        "--tw-prose-invert-links": "#fff",
-        "--tw-prose-invert-bold": "#fff",
-        "--tw-prose-invert-counters": "#94a3b8",
-        "--tw-prose-invert-bullets": "#475569",
-        "--tw-prose-invert-hr": "#334155",
-        "--tw-prose-invert-quotes": "#f1f5f9",
-        "--tw-prose-invert-quote-borders": "#334155",
-        "--tw-prose-invert-captions": "#94a3b8",
-        "--tw-prose-invert-kbd": "#fff",
-        "--tw-prose-invert-kbd-shadows": "255 255 255",
-        "--tw-prose-invert-code": "#fff",
-        "--tw-prose-invert-pre-code": "#cbd5e1",
-        "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
-        "--tw-prose-invert-th-borders": "#475569",
-        "--tw-prose-invert-td-borders": "#334155"
-      }
-    },
-    "gray": {
-      "css": {
-        "--tw-prose-body": "#374151",
-        "--tw-prose-headings": "#111827",
-        "--tw-prose-lead": "#4b5563",
-        "--tw-prose-links": "#111827",
-        "--tw-prose-bold": "#111827",
-        "--tw-prose-counters": "#6b7280",
-        "--tw-prose-bullets": "#d1d5db",
-        "--tw-prose-hr": "#e5e7eb",
-        "--tw-prose-quotes": "#111827",
-        "--tw-prose-quote-borders": "#e5e7eb",
-        "--tw-prose-captions": "#6b7280",
-        "--tw-prose-kbd": "#111827",
-        "--tw-prose-kbd-shadows": "17 24 39",
-        "--tw-prose-code": "#111827",
-        "--tw-prose-pre-code": "#e5e7eb",
-        "--tw-prose-pre-bg": "#1f2937",
-        "--tw-prose-th-borders": "#d1d5db",
-        "--tw-prose-td-borders": "#e5e7eb",
-        "--tw-prose-invert-body": "#d1d5db",
-        "--tw-prose-invert-headings": "#fff",
-        "--tw-prose-invert-lead": "#9ca3af",
-        "--tw-prose-invert-links": "#fff",
-        "--tw-prose-invert-bold": "#fff",
-        "--tw-prose-invert-counters": "#9ca3af",
-        "--tw-prose-invert-bullets": "#4b5563",
-        "--tw-prose-invert-hr": "#374151",
-        "--tw-prose-invert-quotes": "#f3f4f6",
-        "--tw-prose-invert-quote-borders": "#374151",
-        "--tw-prose-invert-captions": "#9ca3af",
-        "--tw-prose-invert-kbd": "#fff",
-        "--tw-prose-invert-kbd-shadows": "255 255 255",
-        "--tw-prose-invert-code": "#fff",
-        "--tw-prose-invert-pre-code": "#d1d5db",
-        "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
-        "--tw-prose-invert-th-borders": "#4b5563",
-        "--tw-prose-invert-td-borders": "#374151"
-      }
-    },
-    "zinc": {
-      "css": {
-        "--tw-prose-body": "#3f3f46",
-        "--tw-prose-headings": "#18181b",
-        "--tw-prose-lead": "#52525b",
-        "--tw-prose-links": "#18181b",
-        "--tw-prose-bold": "#18181b",
-        "--tw-prose-counters": "#71717a",
-        "--tw-prose-bullets": "#d4d4d8",
-        "--tw-prose-hr": "#e4e4e7",
-        "--tw-prose-quotes": "#18181b",
-        "--tw-prose-quote-borders": "#e4e4e7",
-        "--tw-prose-captions": "#71717a",
-        "--tw-prose-kbd": "#18181b",
-        "--tw-prose-kbd-shadows": "24 24 27",
-        "--tw-prose-code": "#18181b",
-        "--tw-prose-pre-code": "#e4e4e7",
-        "--tw-prose-pre-bg": "#27272a",
-        "--tw-prose-th-borders": "#d4d4d8",
-        "--tw-prose-td-borders": "#e4e4e7",
-        "--tw-prose-invert-body": "#d4d4d8",
-        "--tw-prose-invert-headings": "#fff",
-        "--tw-prose-invert-lead": "#a1a1aa",
-        "--tw-prose-invert-links": "#fff",
-        "--tw-prose-invert-bold": "#fff",
-        "--tw-prose-invert-counters": "#a1a1aa",
-        "--tw-prose-invert-bullets": "#52525b",
-        "--tw-prose-invert-hr": "#3f3f46",
-        "--tw-prose-invert-quotes": "#f4f4f5",
-        "--tw-prose-invert-quote-borders": "#3f3f46",
-        "--tw-prose-invert-captions": "#a1a1aa",
-        "--tw-prose-invert-kbd": "#fff",
-        "--tw-prose-invert-kbd-shadows": "255 255 255",
-        "--tw-prose-invert-code": "#fff",
-        "--tw-prose-invert-pre-code": "#d4d4d8",
-        "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
-        "--tw-prose-invert-th-borders": "#52525b",
-        "--tw-prose-invert-td-borders": "#3f3f46"
-      }
-    },
-    "neutral": {
-      "css": {
-        "--tw-prose-body": "#404040",
-        "--tw-prose-headings": "#171717",
-        "--tw-prose-lead": "#525252",
-        "--tw-prose-links": "#171717",
-        "--tw-prose-bold": "#171717",
-        "--tw-prose-counters": "#737373",
-        "--tw-prose-bullets": "#d4d4d4",
-        "--tw-prose-hr": "#e5e5e5",
-        "--tw-prose-quotes": "#171717",
-        "--tw-prose-quote-borders": "#e5e5e5",
-        "--tw-prose-captions": "#737373",
-        "--tw-prose-kbd": "#171717",
-        "--tw-prose-kbd-shadows": "23 23 23",
-        "--tw-prose-code": "#171717",
-        "--tw-prose-pre-code": "#e5e5e5",
-        "--tw-prose-pre-bg": "#262626",
-        "--tw-prose-th-borders": "#d4d4d4",
-        "--tw-prose-td-borders": "#e5e5e5",
-        "--tw-prose-invert-body": "#d4d4d4",
-        "--tw-prose-invert-headings": "#fff",
-        "--tw-prose-invert-lead": "#a3a3a3",
-        "--tw-prose-invert-links": "#fff",
-        "--tw-prose-invert-bold": "#fff",
-        "--tw-prose-invert-counters": "#a3a3a3",
-        "--tw-prose-invert-bullets": "#525252",
-        "--tw-prose-invert-hr": "#404040",
-        "--tw-prose-invert-quotes": "#f5f5f5",
-        "--tw-prose-invert-quote-borders": "#404040",
-        "--tw-prose-invert-captions": "#a3a3a3",
-        "--tw-prose-invert-kbd": "#fff",
-        "--tw-prose-invert-kbd-shadows": "255 255 255",
-        "--tw-prose-invert-code": "#fff",
-        "--tw-prose-invert-pre-code": "#d4d4d4",
-        "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
-        "--tw-prose-invert-th-borders": "#525252",
-        "--tw-prose-invert-td-borders": "#404040"
-      }
-    },
-    "stone": {
-      "css": {
-        "--tw-prose-body": "#44403c",
-        "--tw-prose-headings": "#1c1917",
-        "--tw-prose-lead": "#57534e",
-        "--tw-prose-links": "#1c1917",
-        "--tw-prose-bold": "#1c1917",
-        "--tw-prose-counters": "#78716c",
-        "--tw-prose-bullets": "#d6d3d1",
-        "--tw-prose-hr": "#e7e5e4",
-        "--tw-prose-quotes": "#1c1917",
-        "--tw-prose-quote-borders": "#e7e5e4",
-        "--tw-prose-captions": "#78716c",
-        "--tw-prose-kbd": "#1c1917",
-        "--tw-prose-kbd-shadows": "28 25 23",
-        "--tw-prose-code": "#1c1917",
-        "--tw-prose-pre-code": "#e7e5e4",
-        "--tw-prose-pre-bg": "#292524",
-        "--tw-prose-th-borders": "#d6d3d1",
-        "--tw-prose-td-borders": "#e7e5e4",
-        "--tw-prose-invert-body": "#d6d3d1",
-        "--tw-prose-invert-headings": "#fff",
-        "--tw-prose-invert-lead": "#a8a29e",
-        "--tw-prose-invert-links": "#fff",
-        "--tw-prose-invert-bold": "#fff",
-        "--tw-prose-invert-counters": "#a8a29e",
-        "--tw-prose-invert-bullets": "#57534e",
-        "--tw-prose-invert-hr": "#44403c",
-        "--tw-prose-invert-quotes": "#f5f5f4",
-        "--tw-prose-invert-quote-borders": "#44403c",
-        "--tw-prose-invert-captions": "#a8a29e",
-        "--tw-prose-invert-kbd": "#fff",
-        "--tw-prose-invert-kbd-shadows": "255 255 255",
-        "--tw-prose-invert-code": "#fff",
-        "--tw-prose-invert-pre-code": "#d6d3d1",
-        "--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
-        "--tw-prose-invert-th-borders": "#57534e",
-        "--tw-prose-invert-td-borders": "#44403c"
-      }
-    },
-    "red": {
-      "css": {
-        "--tw-prose-links": "#dc2626",
-        "--tw-prose-invert-links": "#ef4444"
-      }
-    },
-    "orange": {
-      "css": {
-        "--tw-prose-links": "#ea580c",
-        "--tw-prose-invert-links": "#f97316"
-      }
-    },
-    "amber": {
-      "css": {
-        "--tw-prose-links": "#d97706",
-        "--tw-prose-invert-links": "#f59e0b"
-      }
-    },
-    "yellow": {
-      "css": {
-        "--tw-prose-links": "#ca8a04",
-        "--tw-prose-invert-links": "#eab308"
-      }
-    },
-    "lime": {
-      "css": {
-        "--tw-prose-links": "#65a30d",
-        "--tw-prose-invert-links": "#84cc16"
-      }
-    },
-    "green": {
-      "css": {
-        "--tw-prose-links": "#16a34a",
-        "--tw-prose-invert-links": "#22c55e"
-      }
-    },
-    "emerald": {
-      "css": {
-        "--tw-prose-links": "#059669",
-        "--tw-prose-invert-links": "#10b981"
-      }
-    },
-    "teal": {
-      "css": {
-        "--tw-prose-links": "#0d9488",
-        "--tw-prose-invert-links": "#14b8a6"
-      }
-    },
-    "cyan": {
-      "css": {
-        "--tw-prose-links": "#0891b2",
-        "--tw-prose-invert-links": "#06b6d4"
-      }
-    },
-    "sky": {
-      "css": {
-        "--tw-prose-links": "#0284c7",
-        "--tw-prose-invert-links": "#0ea5e9"
-      }
-    },
-    "blue": {
-      "css": {
-        "--tw-prose-links": "#2563eb",
-        "--tw-prose-invert-links": "#3b82f6"
-      }
-    },
-    "indigo": {
-      "css": {
-        "--tw-prose-links": "#4f46e5",
-        "--tw-prose-invert-links": "#6366f1"
-      }
-    },
-    "violet": {
-      "css": {
-        "--tw-prose-links": "#7c3aed",
-        "--tw-prose-invert-links": "#8b5cf6"
-      }
-    },
-    "purple": {
-      "css": {
-        "--tw-prose-links": "#9333ea",
-        "--tw-prose-invert-links": "#a855f7"
-      }
-    },
-    "fuchsia": {
-      "css": {
-        "--tw-prose-links": "#c026d3",
-        "--tw-prose-invert-links": "#d946ef"
-      }
-    },
-    "pink": {
-      "css": {
-        "--tw-prose-links": "#db2777",
-        "--tw-prose-invert-links": "#ec4899"
-      }
-    },
-    "rose": {
-      "css": {
-        "--tw-prose-links": "#e11d48",
-        "--tw-prose-invert-links": "#f43f5e"
-      }
-    },
-    "invert": {
-      "css": {
-        "--tw-prose-body": "var(--tw-prose-invert-body)",
-        "--tw-prose-headings": "var(--tw-prose-invert-headings)",
-        "--tw-prose-lead": "var(--tw-prose-invert-lead)",
-        "--tw-prose-links": "var(--tw-prose-invert-links)",
-        "--tw-prose-bold": "var(--tw-prose-invert-bold)",
-        "--tw-prose-counters": "var(--tw-prose-invert-counters)",
-        "--tw-prose-bullets": "var(--tw-prose-invert-bullets)",
-        "--tw-prose-hr": "var(--tw-prose-invert-hr)",
-        "--tw-prose-quotes": "var(--tw-prose-invert-quotes)",
-        "--tw-prose-quote-borders": "var(--tw-prose-invert-quote-borders)",
-        "--tw-prose-captions": "var(--tw-prose-invert-captions)",
-        "--tw-prose-kbd": "var(--tw-prose-invert-kbd)",
-        "--tw-prose-kbd-shadows": "var(--tw-prose-invert-kbd-shadows)",
-        "--tw-prose-code": "var(--tw-prose-invert-code)",
-        "--tw-prose-pre-code": "var(--tw-prose-invert-pre-code)",
-        "--tw-prose-pre-bg": "var(--tw-prose-invert-pre-bg)",
-        "--tw-prose-th-borders": "var(--tw-prose-invert-th-borders)",
-        "--tw-prose-td-borders": "var(--tw-prose-invert-td-borders)"
-      }
-    }
-  },
-  "colors": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "borderRadius": {
-    "none": "0px",
-    "sm": "0.25rem",
-    "DEFAULT": "0.5rem",
-    "md": "0.625rem",
-    "lg": "0.75rem",
-    "xl": "1rem",
-    "2xl": "1.25rem",
-    "full": "9999px"
-  },
-  "boxShadow": {
-    "sm": "0px 1px 2px rgba(0, 0, 0, 0.1)",
-    "DEFAULT": "0px 0px 1px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.1)",
-    "md": "0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0.5px 2px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.16)",
-    "lg": "0px 0px 1px rgba(0, 0, 0, 0.35), 0px 6px 8px -4px rgba(0, 0, 0, 0.1)",
-    "xl": "0px 0px 1px rgba(0, 0, 0, 0.19), 0px 1px 2px rgba(0, 0, 0, 0.07), 0px 6px 15px -5px rgba(0, 0, 0, 0.11)",
-    "2xl": "0px 0px 1px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 10px 24px -3px rgba(0, 0, 0, 0.1)",
-    "none": "none"
-  },
-  "fontSize": {
-    "2xs": [
-      "11px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.01em",
-        "fontWeight": "420"
-      }
-    ],
-    "xs": [
-      "12px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.02em",
-        "fontWeight": "420"
-      }
-    ],
-    "sm": [
-      "13px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.02em",
-        "fontWeight": "420"
-      }
-    ],
-    "base": [
-      "14px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.02em",
-        "fontWeight": "420"
-      }
-    ],
-    "lg": [
-      "16px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.02em",
-        "fontWeight": "400"
-      }
-    ],
-    "xl": [
-      "18px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.01em",
-        "fontWeight": "400"
-      }
-    ],
-    "2xl": [
-      "20px",
-      {
-        "lineHeight": "1.15",
-        "letterSpacing": "0.01em",
-        "fontWeight": "400"
-      }
-    ],
-    "3xl": [
-      "24px",
-      {
-        "lineHeight": "1.15",
-        "fontWeight": 400,
-        "letterSpacing": "0.005em"
-      }
-    ],
-    "p-2xs": [
-      "11px",
-      {
-        "lineHeight": "1.6",
-        "letterSpacing": "0.01em",
-        "fontWeight": "420"
-      }
-    ],
-    "p-xs": [
-      "12px",
-      {
-        "lineHeight": "1.6",
-        "letterSpacing": "0.02em",
-        "fontWeight": "420"
-      }
-    ],
-    "p-sm": [
-      "13px",
-      {
-        "lineHeight": "1.5",
-        "letterSpacing": "0.02em",
-        "fontWeight": "420"
-      }
-    ],
-    "p-base": [
-      "14px",
-      {
-        "lineHeight": "1.5",
-        "letterSpacing": "0.02em",
-        "fontWeight": "420"
-      }
-    ],
-    "p-lg": [
-      "16px",
-      {
-        "lineHeight": "1.5",
-        "letterSpacing": "0.02em",
-        "fontWeight": "400"
-      }
-    ],
-    "p-xl": [
-      "18px",
-      {
-        "lineHeight": "1.42",
-        "letterSpacing": "0.01em",
-        "fontWeight": "400"
-      }
-    ],
-    "p-2xl": [
-      "20px",
-      {
-        "lineHeight": "1.38",
-        "letterSpacing": "0.01em",
-        "fontWeight": "400"
-      }
-    ],
-    "p-3xl": [
-      "24px",
-      {
-        "lineHeight": "1.2",
-        "fontWeight": 400,
-        "letterSpacing": "0.005em"
-      }
-    ]
-  },
-  "accentColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "auto": "auto"
-  },
-  "animation": {
-    "none": "none",
-    "spin": "spin 1s linear infinite",
-    "ping": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
-    "pulse": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
-    "bounce": "bounce 1s infinite"
-  },
-  "aria": {
-    "busy": "busy=\"true\"",
-    "checked": "checked=\"true\"",
-    "disabled": "disabled=\"true\"",
-    "expanded": "expanded=\"true\"",
-    "hidden": "hidden=\"true\"",
-    "pressed": "pressed=\"true\"",
-    "readonly": "readonly=\"true\"",
-    "required": "required=\"true\"",
-    "selected": "selected=\"true\""
-  },
-  "aspectRatio": {
-    "auto": "auto",
-    "square": "1 / 1",
-    "video": "16 / 9"
-  },
-  "backdropBlur": {
-    "0": "0",
-    "none": "",
-    "sm": "4px",
-    "DEFAULT": "8px",
-    "md": "12px",
-    "lg": "16px",
-    "xl": "24px",
-    "2xl": "40px",
-    "3xl": "64px"
-  },
-  "backdropBrightness": {
-    "0": "0",
-    "50": ".5",
-    "75": ".75",
-    "90": ".9",
-    "95": ".95",
-    "100": "1",
-    "105": "1.05",
-    "110": "1.1",
-    "125": "1.25",
-    "150": "1.5",
-    "200": "2"
-  },
-  "backdropContrast": {
-    "0": "0",
-    "50": ".5",
-    "75": ".75",
-    "100": "1",
-    "125": "1.25",
-    "150": "1.5",
-    "200": "2"
-  },
-  "backdropGrayscale": {
-    "0": "0",
-    "DEFAULT": "100%"
-  },
-  "backdropHueRotate": {
-    "0": "0deg",
-    "15": "15deg",
-    "30": "30deg",
-    "60": "60deg",
-    "90": "90deg",
-    "180": "180deg"
-  },
-  "backdropInvert": {
-    "0": "0",
-    "DEFAULT": "100%"
-  },
-  "backdropOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "backdropSaturate": {
-    "0": "0",
-    "50": ".5",
-    "100": "1",
-    "150": "1.5",
-    "200": "2"
-  },
-  "backdropSepia": {
-    "0": "0",
-    "DEFAULT": "100%"
-  },
-  "backgroundColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "surface": {
-      "white": "var(--surface-white, #FFFFFF)",
-      "gray-1": "var(--surface-gray-1, #F8F8F8)",
-      "gray-2": "var(--surface-gray-2, #F3F3F3)",
-      "gray-3": "var(--surface-gray-3, #EDEDED)",
-      "gray-4": "var(--surface-gray-4, #E2E2E2)",
-      "gray-5": "var(--surface-gray-5, #525252)",
-      "gray-6": "var(--surface-gray-6, #383838)",
-      "gray-7": "var(--surface-gray-7, #171717)",
-      "red-1": "var(--surface-red-1, #FFF7F7)",
-      "red-2": "var(--surface-red-2, #FFE7E7)",
-      "red-3": "var(--surface-red-3, #FFD8D8)",
-      "red-4": "var(--surface-red-4, #FDC2C2)",
-      "red-5": "var(--surface-red-5, #CC2929)",
-      "red-6": "var(--surface-red-6, #B52A2A)",
-      "red-7": "var(--surface-red-7, #941F1F)",
-      "green-1": "var(--surface-green-1, #F2FDF4)",
-      "green-2": "var(--surface-green-2, #E4FAEB)",
-      "green-3": "var(--surface-green-3, #278F5E)",
-      "amber-1": "var(--surface-amber-1, #FDFAED)",
-      "amber-2": "var(--surface-amber-2, #FFF7D3)",
-      "amber-3": "var(--surface-amber-3, #DB7706)",
-      "blue-1": "var(--surface-blue-1, #F2F9FF)",
-      "blue-2": "var(--surface-blue-2, #E6F4FF)",
-      "blue-3": "var(--surface-blue-3, #007BE0)",
-      "orange-1": "var(--surface-orange-1, #FFEFE4)",
-      "violet-1": "var(--surface-violet-1, #F0EBFF)",
-      "cyan-1": "var(--surface-cyan-1, #DDF7FF)",
-      "pink-1": "var(--surface-pink-1, #FDE8F5)",
-      "menu-bar": "var(--surface-menu-bar, #F8F8F8)",
-      "cards": "var(--surface-cards, #FFFFFF)",
-      "modal": "var(--surface-modal, #FFFFFF)",
-      "selected": "var(--surface-selected, #FFFFFF)"
-    }
-  },
-  "backgroundImage": {
-    "none": "none",
-    "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
-    "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
-    "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
-    "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
-    "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
-    "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
-    "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
-    "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
-  },
-  "backgroundOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "backgroundPosition": {
-    "bottom": "bottom",
-    "center": "center",
-    "left": "left",
-    "left-bottom": "left bottom",
-    "left-top": "left top",
-    "right": "right",
-    "right-bottom": "right bottom",
-    "right-top": "right top",
-    "top": "top"
-  },
-  "backgroundSize": {
-    "auto": "auto",
-    "cover": "cover",
-    "contain": "contain"
-  },
-  "blur": {
-    "0": "0",
-    "none": "",
-    "sm": "4px",
-    "DEFAULT": "8px",
-    "md": "12px",
-    "lg": "16px",
-    "xl": "24px",
-    "2xl": "40px",
-    "3xl": "64px"
-  },
-  "borderColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "DEFAULT": "var(--outline-gray-1)",
-    "outline": {
-      "white": "var(--outline-white, #FFFFFF)",
-      "gray-1": "var(--outline-gray-1, #EDEDED)",
-      "gray-2": "var(--outline-gray-2, #E2E2E2)",
-      "gray-3": "var(--outline-gray-3, #C7C7C7)",
-      "gray-4": "var(--outline-gray-4, #999999)",
-      "gray-5": "var(--outline-gray-5, #383838)",
-      "red-1": "var(--outline-red-1, #FDC2C2)",
-      "red-2": "var(--outline-red-2, #F79596)",
-      "red-3": "var(--outline-red-3, #E03636)",
-      "green-1": "var(--outline-green-1, #A6EFC0)",
-      "green-2": "var(--outline-green-2, #86E0A8)",
-      "amber-1": "var(--outline-amber-1, #FBDB73)",
-      "amber-2": "var(--outline-amber-2, #FBCC55)",
-      "blue-1": "var(--outline-blue-1, #A7D7FD)",
-      "orange-1": "var(--outline-orange-1, #F4B07F)",
-      "gray-modals": "var(--outline-gray-modals, #EDEDED)"
-    }
-  },
-  "borderOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "borderSpacing": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "borderWidth": {
-    "0": "0px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px",
-    "DEFAULT": "1px"
-  },
-  "boxShadowColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "brightness": {
-    "0": "0",
-    "50": ".5",
-    "75": ".75",
-    "90": ".9",
-    "95": ".95",
-    "100": "1",
-    "105": "1.05",
-    "110": "1.1",
-    "125": "1.25",
-    "150": "1.5",
-    "200": "2"
-  },
-  "caretColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "columns": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "10": "10",
-    "11": "11",
-    "12": "12",
-    "auto": "auto",
-    "3xs": "16rem",
-    "2xs": "18rem",
-    "xs": "20rem",
-    "sm": "24rem",
-    "md": "28rem",
-    "lg": "32rem",
-    "xl": "36rem",
-    "2xl": "42rem",
-    "3xl": "48rem",
-    "4xl": "56rem",
-    "5xl": "64rem",
-    "6xl": "72rem",
-    "7xl": "80rem"
-  },
-  "content": {
-    "none": "none"
-  },
-  "contrast": {
-    "0": "0",
-    "50": ".5",
-    "75": ".75",
-    "100": "1",
-    "125": "1.25",
-    "150": "1.5",
-    "200": "2"
-  },
-  "cursor": {
-    "auto": "auto",
-    "default": "default",
-    "pointer": "pointer",
-    "wait": "wait",
-    "text": "text",
-    "move": "move",
-    "help": "help",
-    "not-allowed": "not-allowed",
-    "none": "none",
-    "context-menu": "context-menu",
-    "progress": "progress",
-    "cell": "cell",
-    "crosshair": "crosshair",
-    "vertical-text": "vertical-text",
-    "alias": "alias",
-    "copy": "copy",
-    "no-drop": "no-drop",
-    "grab": "grab",
-    "grabbing": "grabbing",
-    "all-scroll": "all-scroll",
-    "col-resize": "col-resize",
-    "row-resize": "row-resize",
-    "n-resize": "n-resize",
-    "e-resize": "e-resize",
-    "s-resize": "s-resize",
-    "w-resize": "w-resize",
-    "ne-resize": "ne-resize",
-    "nw-resize": "nw-resize",
-    "se-resize": "se-resize",
-    "sw-resize": "sw-resize",
-    "ew-resize": "ew-resize",
-    "ns-resize": "ns-resize",
-    "nesw-resize": "nesw-resize",
-    "nwse-resize": "nwse-resize",
-    "zoom-in": "zoom-in",
-    "zoom-out": "zoom-out"
-  },
-  "divideColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "DEFAULT": "var(--outline-gray-1)",
-    "outline": {
-      "white": "var(--outline-white, #FFFFFF)",
-      "gray-1": "var(--outline-gray-1, #EDEDED)",
-      "gray-2": "var(--outline-gray-2, #E2E2E2)",
-      "gray-3": "var(--outline-gray-3, #C7C7C7)",
-      "gray-4": "var(--outline-gray-4, #999999)",
-      "gray-5": "var(--outline-gray-5, #383838)",
-      "red-1": "var(--outline-red-1, #FDC2C2)",
-      "red-2": "var(--outline-red-2, #F79596)",
-      "red-3": "var(--outline-red-3, #E03636)",
-      "green-1": "var(--outline-green-1, #A6EFC0)",
-      "green-2": "var(--outline-green-2, #86E0A8)",
-      "amber-1": "var(--outline-amber-1, #FBDB73)",
-      "amber-2": "var(--outline-amber-2, #FBCC55)",
-      "blue-1": "var(--outline-blue-1, #A7D7FD)",
-      "orange-1": "var(--outline-orange-1, #F4B07F)",
-      "gray-modals": "var(--outline-gray-modals, #EDEDED)"
-    }
-  },
-  "divideOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "divideWidth": {
-    "0": "0px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px",
-    "DEFAULT": "1px"
-  },
-  "dropShadow": {
-    "sm": "0 1px 1px rgb(0 0 0 / 0.05)",
-    "DEFAULT": [
-      "0 1px 2px rgb(0 0 0 / 0.1)",
-      "0 1px 1px rgb(0 0 0 / 0.06)"
-    ],
-    "md": [
-      "0 4px 3px rgb(0 0 0 / 0.07)",
-      "0 2px 2px rgb(0 0 0 / 0.06)"
-    ],
-    "lg": [
-      "0 10px 8px rgb(0 0 0 / 0.04)",
-      "0 4px 3px rgb(0 0 0 / 0.1)"
-    ],
-    "xl": [
-      "0 20px 13px rgb(0 0 0 / 0.03)",
-      "0 8px 5px rgb(0 0 0 / 0.08)"
-    ],
-    "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
-    "none": "0 0 #0000"
-  },
-  "fill": {
-    "none": "none",
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "ink": {
-      "white": "var(--ink-white, #FFFFFF)",
-      "gray-1": "var(--ink-gray-1, #EDEDED)",
-      "gray-2": "var(--ink-gray-2, #E2E2E2)",
-      "gray-3": "var(--ink-gray-3, #C7C7C7)",
-      "gray-4": "var(--ink-gray-4, #999999)",
-      "gray-5": "var(--ink-gray-5, #7C7C7C)",
-      "gray-6": "var(--ink-gray-6, #525252)",
-      "gray-7": "var(--ink-gray-7, #525252)",
-      "gray-8": "var(--ink-gray-8, #383838)",
-      "gray-9": "var(--ink-gray-9, #171717)",
-      "red-1": "var(--ink-red-1, #FFF7F7)",
-      "red-2": "var(--ink-red-2, #F79596)",
-      "red-3": "var(--ink-red-3, #E03636)",
-      "red-4": "var(--ink-red-4, #CC2929)",
-      "green-1": "var(--ink-green-1, #F2FDF4)",
-      "green-2": "var(--ink-green-2, #46B37E)",
-      "green-3": "var(--ink-green-3, #278F5E)",
-      "amber-1": "var(--ink-amber-1, #FDFAED)",
-      "amber-2": "var(--ink-amber-2, #E79913)",
-      "amber-3": "var(--ink-amber-3, #DB7706)",
-      "blue-1": "var(--ink-blue-1, #F2F9FF)",
-      "blue-2": "var(--ink-blue-2, #0289F7)",
-      "blue-3": "var(--ink-blue-3, #007BE0)",
-      "cyan-1": "var(--ink-cyan-1, #3BBDE5)",
-      "pink-1": "var(--ink-pink-1, #E34AA6)",
-      "violet-1": "var(--ink-violet-1, #6846E3)",
-      "blue-link": "var(--ink-blue-link, #73BBF6)"
-    },
-    "surface": {
-      "white": "var(--surface-white, #FFFFFF)",
-      "gray-1": "var(--surface-gray-1, #F8F8F8)",
-      "gray-2": "var(--surface-gray-2, #F3F3F3)",
-      "gray-3": "var(--surface-gray-3, #EDEDED)",
-      "gray-4": "var(--surface-gray-4, #E2E2E2)",
-      "gray-5": "var(--surface-gray-5, #525252)",
-      "gray-6": "var(--surface-gray-6, #383838)",
-      "gray-7": "var(--surface-gray-7, #171717)",
-      "red-1": "var(--surface-red-1, #FFF7F7)",
-      "red-2": "var(--surface-red-2, #FFE7E7)",
-      "red-3": "var(--surface-red-3, #FFD8D8)",
-      "red-4": "var(--surface-red-4, #FDC2C2)",
-      "red-5": "var(--surface-red-5, #CC2929)",
-      "red-6": "var(--surface-red-6, #B52A2A)",
-      "red-7": "var(--surface-red-7, #941F1F)",
-      "green-1": "var(--surface-green-1, #F2FDF4)",
-      "green-2": "var(--surface-green-2, #E4FAEB)",
-      "green-3": "var(--surface-green-3, #278F5E)",
-      "amber-1": "var(--surface-amber-1, #FDFAED)",
-      "amber-2": "var(--surface-amber-2, #FFF7D3)",
-      "amber-3": "var(--surface-amber-3, #DB7706)",
-      "blue-1": "var(--surface-blue-1, #F2F9FF)",
-      "blue-2": "var(--surface-blue-2, #E6F4FF)",
-      "blue-3": "var(--surface-blue-3, #007BE0)",
-      "orange-1": "var(--surface-orange-1, #FFEFE4)",
-      "violet-1": "var(--surface-violet-1, #F0EBFF)",
-      "cyan-1": "var(--surface-cyan-1, #DDF7FF)",
-      "pink-1": "var(--surface-pink-1, #FDE8F5)",
-      "menu-bar": "var(--surface-menu-bar, #F8F8F8)",
-      "cards": "var(--surface-cards, #FFFFFF)",
-      "modal": "var(--surface-modal, #FFFFFF)",
-      "selected": "var(--surface-selected, #FFFFFF)"
-    }
-  },
-  "flex": {
-    "1": "1 1 0%",
-    "auto": "1 1 auto",
-    "initial": "0 1 auto",
-    "none": "none"
-  },
-  "flexBasis": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "auto": "auto",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "1/2": "50%",
-    "1/3": "33.333333%",
-    "2/3": "66.666667%",
-    "1/4": "25%",
-    "2/4": "50%",
-    "3/4": "75%",
-    "1/5": "20%",
-    "2/5": "40%",
-    "3/5": "60%",
-    "4/5": "80%",
-    "1/6": "16.666667%",
-    "2/6": "33.333333%",
-    "3/6": "50%",
-    "4/6": "66.666667%",
-    "5/6": "83.333333%",
-    "1/12": "8.333333%",
-    "2/12": "16.666667%",
-    "3/12": "25%",
-    "4/12": "33.333333%",
-    "5/12": "41.666667%",
-    "6/12": "50%",
-    "7/12": "58.333333%",
-    "8/12": "66.666667%",
-    "9/12": "75%",
-    "10/12": "83.333333%",
-    "11/12": "91.666667%",
-    "full": "100%"
-  },
-  "flexGrow": {
-    "0": "0",
-    "DEFAULT": "1"
-  },
-  "flexShrink": {
-    "0": "0",
-    "DEFAULT": "1"
-  },
-  "fontFamily": {
-    "sans": [
-      "ui-sans-serif",
-      "system-ui",
-      "sans-serif",
-      "\"Apple Color Emoji\"",
-      "\"Segoe UI Emoji\"",
-      "\"Segoe UI Symbol\"",
-      "\"Noto Color Emoji\""
-    ],
-    "serif": [
-      "ui-serif",
-      "Georgia",
-      "Cambria",
-      "\"Times New Roman\"",
-      "Times",
-      "serif"
-    ],
-    "mono": [
-      "ui-monospace",
-      "SFMono-Regular",
-      "Menlo",
-      "Monaco",
-      "Consolas",
-      "\"Liberation Mono\"",
-      "\"Courier New\"",
-      "monospace"
-    ]
-  },
-  "fontWeight": {
-    "thin": "100",
-    "extralight": "200",
-    "light": "300",
-    "normal": "400",
-    "medium": "500",
-    "semibold": "600",
-    "bold": "700",
-    "extrabold": "800",
-    "black": "900"
-  },
-  "gap": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "gradientColorStops": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "gradientColorStopPositions": {
-    "0%": "0%",
-    "5%": "5%",
-    "10%": "10%",
-    "15%": "15%",
-    "20%": "20%",
-    "25%": "25%",
-    "30%": "30%",
-    "35%": "35%",
-    "40%": "40%",
-    "45%": "45%",
-    "50%": "50%",
-    "55%": "55%",
-    "60%": "60%",
-    "65%": "65%",
-    "70%": "70%",
-    "75%": "75%",
-    "80%": "80%",
-    "85%": "85%",
-    "90%": "90%",
-    "95%": "95%",
-    "100%": "100%"
-  },
-  "grayscale": {
-    "0": "0",
-    "DEFAULT": "100%"
-  },
-  "gridAutoColumns": {
-    "auto": "auto",
-    "min": "min-content",
-    "max": "max-content",
-    "fr": "minmax(0, 1fr)"
-  },
-  "gridAutoRows": {
-    "auto": "auto",
-    "min": "min-content",
-    "max": "max-content",
-    "fr": "minmax(0, 1fr)"
-  },
-  "gridColumn": {
-    "auto": "auto",
-    "span-1": "span 1 / span 1",
-    "span-2": "span 2 / span 2",
-    "span-3": "span 3 / span 3",
-    "span-4": "span 4 / span 4",
-    "span-5": "span 5 / span 5",
-    "span-6": "span 6 / span 6",
-    "span-7": "span 7 / span 7",
-    "span-8": "span 8 / span 8",
-    "span-9": "span 9 / span 9",
-    "span-10": "span 10 / span 10",
-    "span-11": "span 11 / span 11",
-    "span-12": "span 12 / span 12",
-    "span-full": "1 / -1"
-  },
-  "gridColumnEnd": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "10": "10",
-    "11": "11",
-    "12": "12",
-    "13": "13",
-    "auto": "auto"
-  },
-  "gridColumnStart": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "10": "10",
-    "11": "11",
-    "12": "12",
-    "13": "13",
-    "auto": "auto"
-  },
-  "gridRow": {
-    "auto": "auto",
-    "span-1": "span 1 / span 1",
-    "span-2": "span 2 / span 2",
-    "span-3": "span 3 / span 3",
-    "span-4": "span 4 / span 4",
-    "span-5": "span 5 / span 5",
-    "span-6": "span 6 / span 6",
-    "span-7": "span 7 / span 7",
-    "span-8": "span 8 / span 8",
-    "span-9": "span 9 / span 9",
-    "span-10": "span 10 / span 10",
-    "span-11": "span 11 / span 11",
-    "span-12": "span 12 / span 12",
-    "span-full": "1 / -1"
-  },
-  "gridRowEnd": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "10": "10",
-    "11": "11",
-    "12": "12",
-    "13": "13",
-    "auto": "auto"
-  },
-  "gridRowStart": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "10": "10",
-    "11": "11",
-    "12": "12",
-    "13": "13",
-    "auto": "auto"
-  },
-  "gridTemplateColumns": {
-    "1": "repeat(1, minmax(0, 1fr))",
-    "2": "repeat(2, minmax(0, 1fr))",
-    "3": "repeat(3, minmax(0, 1fr))",
-    "4": "repeat(4, minmax(0, 1fr))",
-    "5": "repeat(5, minmax(0, 1fr))",
-    "6": "repeat(6, minmax(0, 1fr))",
-    "7": "repeat(7, minmax(0, 1fr))",
-    "8": "repeat(8, minmax(0, 1fr))",
-    "9": "repeat(9, minmax(0, 1fr))",
-    "10": "repeat(10, minmax(0, 1fr))",
-    "11": "repeat(11, minmax(0, 1fr))",
-    "12": "repeat(12, minmax(0, 1fr))",
-    "none": "none",
-    "subgrid": "subgrid"
-  },
-  "gridTemplateRows": {
-    "1": "repeat(1, minmax(0, 1fr))",
-    "2": "repeat(2, minmax(0, 1fr))",
-    "3": "repeat(3, minmax(0, 1fr))",
-    "4": "repeat(4, minmax(0, 1fr))",
-    "5": "repeat(5, minmax(0, 1fr))",
-    "6": "repeat(6, minmax(0, 1fr))",
-    "7": "repeat(7, minmax(0, 1fr))",
-    "8": "repeat(8, minmax(0, 1fr))",
-    "9": "repeat(9, minmax(0, 1fr))",
-    "10": "repeat(10, minmax(0, 1fr))",
-    "11": "repeat(11, minmax(0, 1fr))",
-    "12": "repeat(12, minmax(0, 1fr))",
-    "none": "none",
-    "subgrid": "subgrid"
-  },
-  "height": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "auto": "auto",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "1/2": "50%",
-    "1/3": "33.333333%",
-    "2/3": "66.666667%",
-    "1/4": "25%",
-    "2/4": "50%",
-    "3/4": "75%",
-    "1/5": "20%",
-    "2/5": "40%",
-    "3/5": "60%",
-    "4/5": "80%",
-    "1/6": "16.666667%",
-    "2/6": "33.333333%",
-    "3/6": "50%",
-    "4/6": "66.666667%",
-    "5/6": "83.333333%",
-    "full": "100%",
-    "screen": "100vh",
-    "svh": "100svh",
-    "lvh": "100lvh",
-    "dvh": "100dvh",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content"
-  },
-  "hueRotate": {
-    "0": "0deg",
-    "15": "15deg",
-    "30": "30deg",
-    "60": "60deg",
-    "90": "90deg",
-    "180": "180deg"
-  },
-  "inset": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "auto": "auto",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "1/2": "50%",
-    "1/3": "33.333333%",
-    "2/3": "66.666667%",
-    "1/4": "25%",
-    "2/4": "50%",
-    "3/4": "75%",
-    "full": "100%"
-  },
-  "invert": {
-    "0": "0",
-    "DEFAULT": "100%"
-  },
-  "keyframes": {
-    "spin": {
-      "to": {
-        "transform": "rotate(360deg)"
-      }
-    },
-    "ping": {
-      "75%, 100%": {
-        "transform": "scale(2)",
-        "opacity": "0"
-      }
-    },
-    "pulse": {
-      "50%": {
-        "opacity": ".5"
-      }
-    },
-    "bounce": {
-      "0%, 100%": {
-        "transform": "translateY(-25%)",
-        "animationTimingFunction": "cubic-bezier(0.8,0,1,1)"
-      },
-      "50%": {
-        "transform": "none",
-        "animationTimingFunction": "cubic-bezier(0,0,0.2,1)"
-      }
-    }
-  },
-  "letterSpacing": {
-    "tighter": "-0.05em",
-    "tight": "-0.025em",
-    "normal": "0em",
-    "wide": "0.025em",
-    "wider": "0.05em",
-    "widest": "0.1em"
-  },
-  "lineHeight": {
-    "3": ".75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "none": "1",
-    "tight": "1.25",
-    "snug": "1.375",
-    "normal": "1.5",
-    "relaxed": "1.625",
-    "loose": "2"
-  },
-  "listStyleType": {
-    "none": "none",
-    "disc": "disc",
-    "decimal": "decimal"
-  },
-  "listStyleImage": {
-    "none": "none"
-  },
-  "margin": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "auto": "auto",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "lineClamp": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6"
-  },
-  "maxHeight": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "none": "none",
-    "full": "100%",
-    "screen": "100vh",
-    "svh": "100svh",
-    "lvh": "100lvh",
-    "dvh": "100dvh",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content"
-  },
-  "maxWidth": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "none": "none",
-    "xs": "20rem",
-    "sm": "24rem",
-    "md": "28rem",
-    "lg": "32rem",
-    "xl": "36rem",
-    "2xl": "42rem",
-    "3xl": "48rem",
-    "4xl": "56rem",
-    "5xl": "64rem",
-    "6xl": "72rem",
-    "7xl": "80rem",
-    "full": "100%",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content",
-    "prose": "65ch",
-    "screen-sm": "640px",
-    "screen-md": "768px",
-    "screen-lg": "1024px",
-    "screen-xl": "1280px"
-  },
-  "minHeight": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "full": "100%",
-    "screen": "100vh",
-    "svh": "100svh",
-    "lvh": "100lvh",
-    "dvh": "100dvh",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content"
-  },
-  "minWidth": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "50": "18rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "full": "100%",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content"
-  },
-  "objectPosition": {
-    "bottom": "bottom",
-    "center": "center",
-    "left": "left",
-    "left-bottom": "left bottom",
-    "left-top": "left top",
-    "right": "right",
-    "right-bottom": "right bottom",
-    "right-top": "right top",
-    "top": "top"
-  },
-  "opacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "order": {
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "10": "10",
-    "11": "11",
-    "12": "12",
-    "first": "-9999",
-    "last": "9999",
-    "none": "0"
-  },
-  "outlineColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "outlineOffset": {
-    "0": "0px",
-    "1": "1px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px"
-  },
-  "outlineWidth": {
-    "0": "0px",
-    "1": "1px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px"
-  },
-  "padding": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "placeholderColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "ink": {
-      "white": "var(--ink-white, #FFFFFF)",
-      "gray-1": "var(--ink-gray-1, #EDEDED)",
-      "gray-2": "var(--ink-gray-2, #E2E2E2)",
-      "gray-3": "var(--ink-gray-3, #C7C7C7)",
-      "gray-4": "var(--ink-gray-4, #999999)",
-      "gray-5": "var(--ink-gray-5, #7C7C7C)",
-      "gray-6": "var(--ink-gray-6, #525252)",
-      "gray-7": "var(--ink-gray-7, #525252)",
-      "gray-8": "var(--ink-gray-8, #383838)",
-      "gray-9": "var(--ink-gray-9, #171717)",
-      "red-1": "var(--ink-red-1, #FFF7F7)",
-      "red-2": "var(--ink-red-2, #F79596)",
-      "red-3": "var(--ink-red-3, #E03636)",
-      "red-4": "var(--ink-red-4, #CC2929)",
-      "green-1": "var(--ink-green-1, #F2FDF4)",
-      "green-2": "var(--ink-green-2, #46B37E)",
-      "green-3": "var(--ink-green-3, #278F5E)",
-      "amber-1": "var(--ink-amber-1, #FDFAED)",
-      "amber-2": "var(--ink-amber-2, #E79913)",
-      "amber-3": "var(--ink-amber-3, #DB7706)",
-      "blue-1": "var(--ink-blue-1, #F2F9FF)",
-      "blue-2": "var(--ink-blue-2, #0289F7)",
-      "blue-3": "var(--ink-blue-3, #007BE0)",
-      "cyan-1": "var(--ink-cyan-1, #3BBDE5)",
-      "pink-1": "var(--ink-pink-1, #E34AA6)",
-      "violet-1": "var(--ink-violet-1, #6846E3)",
-      "blue-link": "var(--ink-blue-link, #73BBF6)"
-    }
-  },
-  "placeholderOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "ringColor": {
-    "DEFAULT": "#0289F7",
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "outline": {
-      "white": "var(--outline-white, #FFFFFF)",
-      "gray-1": "var(--outline-gray-1, #EDEDED)",
-      "gray-2": "var(--outline-gray-2, #E2E2E2)",
-      "gray-3": "var(--outline-gray-3, #C7C7C7)",
-      "gray-4": "var(--outline-gray-4, #999999)",
-      "gray-5": "var(--outline-gray-5, #383838)",
-      "red-1": "var(--outline-red-1, #FDC2C2)",
-      "red-2": "var(--outline-red-2, #F79596)",
-      "red-3": "var(--outline-red-3, #E03636)",
-      "green-1": "var(--outline-green-1, #A6EFC0)",
-      "green-2": "var(--outline-green-2, #86E0A8)",
-      "amber-1": "var(--outline-amber-1, #FBDB73)",
-      "amber-2": "var(--outline-amber-2, #FBCC55)",
-      "blue-1": "var(--outline-blue-1, #A7D7FD)",
-      "orange-1": "var(--outline-orange-1, #F4B07F)",
-      "gray-modals": "var(--outline-gray-modals, #EDEDED)"
-    }
-  },
-  "ringOffsetColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "ringOffsetWidth": {
-    "0": "0px",
-    "1": "1px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px"
-  },
-  "ringOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1",
-    "DEFAULT": "0.5"
-  },
-  "ringWidth": {
-    "0": "0px",
-    "1": "1px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px",
-    "DEFAULT": "3px"
-  },
-  "rotate": {
-    "0": "0deg",
-    "1": "1deg",
-    "2": "2deg",
-    "3": "3deg",
-    "6": "6deg",
-    "12": "12deg",
-    "45": "45deg",
-    "90": "90deg",
-    "180": "180deg"
-  },
-  "saturate": {
-    "0": "0",
-    "50": ".5",
-    "100": "1",
-    "150": "1.5",
-    "200": "2"
-  },
-  "scale": {
-    "0": "0",
-    "50": ".5",
-    "75": ".75",
-    "90": ".9",
-    "95": ".95",
-    "100": "1",
-    "105": "1.05",
-    "110": "1.1",
-    "125": "1.25",
-    "150": "1.5"
-  },
-  "scrollMargin": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "scrollPadding": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "sepia": {
-    "0": "0",
-    "DEFAULT": "100%"
-  },
-  "skew": {
-    "0": "0deg",
-    "1": "1deg",
-    "2": "2deg",
-    "3": "3deg",
-    "6": "6deg",
-    "12": "12deg"
-  },
-  "space": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "spacing": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "stroke": {
-    "none": "none",
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "ink": {
-      "white": "var(--ink-white, #FFFFFF)",
-      "gray-1": "var(--ink-gray-1, #EDEDED)",
-      "gray-2": "var(--ink-gray-2, #E2E2E2)",
-      "gray-3": "var(--ink-gray-3, #C7C7C7)",
-      "gray-4": "var(--ink-gray-4, #999999)",
-      "gray-5": "var(--ink-gray-5, #7C7C7C)",
-      "gray-6": "var(--ink-gray-6, #525252)",
-      "gray-7": "var(--ink-gray-7, #525252)",
-      "gray-8": "var(--ink-gray-8, #383838)",
-      "gray-9": "var(--ink-gray-9, #171717)",
-      "red-1": "var(--ink-red-1, #FFF7F7)",
-      "red-2": "var(--ink-red-2, #F79596)",
-      "red-3": "var(--ink-red-3, #E03636)",
-      "red-4": "var(--ink-red-4, #CC2929)",
-      "green-1": "var(--ink-green-1, #F2FDF4)",
-      "green-2": "var(--ink-green-2, #46B37E)",
-      "green-3": "var(--ink-green-3, #278F5E)",
-      "amber-1": "var(--ink-amber-1, #FDFAED)",
-      "amber-2": "var(--ink-amber-2, #E79913)",
-      "amber-3": "var(--ink-amber-3, #DB7706)",
-      "blue-1": "var(--ink-blue-1, #F2F9FF)",
-      "blue-2": "var(--ink-blue-2, #0289F7)",
-      "blue-3": "var(--ink-blue-3, #007BE0)",
-      "cyan-1": "var(--ink-cyan-1, #3BBDE5)",
-      "pink-1": "var(--ink-pink-1, #E34AA6)",
-      "violet-1": "var(--ink-violet-1, #6846E3)",
-      "blue-link": "var(--ink-blue-link, #73BBF6)"
-    }
-  },
-  "strokeWidth": {
-    "0": "0",
-    "1": "1",
-    "2": "2"
-  },
-  "supports": {},
-  "data": {},
-  "textColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    },
-    "ink": {
-      "white": "var(--ink-white, #FFFFFF)",
-      "gray-1": "var(--ink-gray-1, #EDEDED)",
-      "gray-2": "var(--ink-gray-2, #E2E2E2)",
-      "gray-3": "var(--ink-gray-3, #C7C7C7)",
-      "gray-4": "var(--ink-gray-4, #999999)",
-      "gray-5": "var(--ink-gray-5, #7C7C7C)",
-      "gray-6": "var(--ink-gray-6, #525252)",
-      "gray-7": "var(--ink-gray-7, #525252)",
-      "gray-8": "var(--ink-gray-8, #383838)",
-      "gray-9": "var(--ink-gray-9, #171717)",
-      "red-1": "var(--ink-red-1, #FFF7F7)",
-      "red-2": "var(--ink-red-2, #F79596)",
-      "red-3": "var(--ink-red-3, #E03636)",
-      "red-4": "var(--ink-red-4, #CC2929)",
-      "green-1": "var(--ink-green-1, #F2FDF4)",
-      "green-2": "var(--ink-green-2, #46B37E)",
-      "green-3": "var(--ink-green-3, #278F5E)",
-      "amber-1": "var(--ink-amber-1, #FDFAED)",
-      "amber-2": "var(--ink-amber-2, #E79913)",
-      "amber-3": "var(--ink-amber-3, #DB7706)",
-      "blue-1": "var(--ink-blue-1, #F2F9FF)",
-      "blue-2": "var(--ink-blue-2, #0289F7)",
-      "blue-3": "var(--ink-blue-3, #007BE0)",
-      "cyan-1": "var(--ink-cyan-1, #3BBDE5)",
-      "pink-1": "var(--ink-pink-1, #E34AA6)",
-      "violet-1": "var(--ink-violet-1, #6846E3)",
-      "blue-link": "var(--ink-blue-link, #73BBF6)"
-    }
-  },
-  "textDecorationColor": {
-    "inherit": "inherit",
-    "current": "currentColor",
-    "transparent": "transparent",
-    "black": "#000",
-    "white": "#fff",
-    "gray": {
-      "50": "#F8F8F8",
-      "100": "#F3F3F3",
-      "200": "#EDEDED",
-      "300": "#E2E2E2",
-      "400": "#C7C7C7",
-      "500": "#999999",
-      "600": "#7C7C7C",
-      "700": "#525252",
-      "800": "#383838",
-      "900": "#171717"
-    },
-    "blue": {
-      "50": "#F2F9FF",
-      "100": "#E6F4FF",
-      "200": "#C8E6FF",
-      "300": "#A7D7FD",
-      "400": "#73BBF6",
-      "500": "#0289F7",
-      "600": "#007BE0",
-      "700": "#0070CC",
-      "800": "#005CA3",
-      "900": "#004880"
-    },
-    "green": {
-      "50": "#F2FDF4",
-      "100": "#E4FAEB",
-      "200": "#C3F9D3",
-      "300": "#A6EFC0",
-      "400": "#86E0A8",
-      "500": "#46B37E",
-      "600": "#278F5E",
-      "700": "#137949",
-      "800": "#075E35",
-      "900": "#173B2C"
-    },
-    "red": {
-      "50": "#FFF7F7",
-      "100": "#FFE7E7",
-      "200": "#FFD8D8",
-      "300": "#FDC2C2",
-      "400": "#F79596",
-      "500": "#E03636",
-      "600": "#CC2929",
-      "700": "#B52A2A",
-      "800": "#941F1F",
-      "900": "#6B1515"
-    },
-    "orange": {
-      "50": "#FFF9F5",
-      "100": "#FFEFE4",
-      "200": "#FFDEC5",
-      "300": "#FFCBA3",
-      "400": "#F4B07F",
-      "500": "#E86C13",
-      "600": "#D45A08",
-      "700": "#BD3E0C",
-      "800": "#9E3513",
-      "900": "#6B2711"
-    },
-    "yellow": {
-      "50": "#FFFCEF",
-      "100": "#FFF7D3",
-      "200": "#F7E9A8",
-      "300": "#F5E171",
-      "400": "#F2D14B",
-      "500": "#EDBA13",
-      "600": "#D1930D",
-      "700": "#AB6E05",
-      "800": "#8C5600",
-      "900": "#733F12"
-    },
-    "teal": {
-      "50": "#F0FDFA",
-      "100": "#E6F7F4",
-      "200": "#BAE8E1",
-      "300": "#97DED4",
-      "400": "#73D1C4",
-      "500": "#36BAAD",
-      "600": "#0B9E92",
-      "700": "#0F736B",
-      "800": "#115C57",
-      "900": "#114541"
-    },
-    "violet": {
-      "50": "#FBFAFF",
-      "100": "#F0EBFF",
-      "200": "#DBD5FF",
-      "300": "#C9BAFB",
-      "400": "#B3A1F5",
-      "500": "#6846E3",
-      "600": "#5F46C7",
-      "700": "#4F3DA1",
-      "800": "#392980",
-      "900": "#251959"
-    },
-    "cyan": {
-      "50": "#F5FBFC",
-      "100": "#DDF7FF",
-      "200": "#B3E8F7",
-      "300": "#99E2F8",
-      "400": "#72D5F3",
-      "500": "#3BBDE5",
-      "600": "#32A4C7",
-      "700": "#267A94",
-      "800": "#125C73",
-      "900": "#164759"
-    },
-    "amber": {
-      "50": "#FDFAED",
-      "100": "#FFF7D3",
-      "200": "#FEEDA9",
-      "300": "#FBDB73",
-      "400": "#FBCC55",
-      "500": "#E79913",
-      "600": "#DB7706",
-      "700": "#B35309",
-      "800": "#91400D",
-      "900": "#763813"
-    },
-    "pink": {
-      "50": "#FFF7FC",
-      "100": "#FDE8F5",
-      "200": "#FFD5F0",
-      "300": "#F9B9E0",
-      "400": "#F6A7D6",
-      "500": "#E34AA6",
-      "600": "#CF3A96",
-      "700": "#9C2671",
-      "800": "#801458",
-      "900": "#570F3E"
-    },
-    "purple": {
-      "50": "#FDFAFF",
-      "100": "#F6E9FF",
-      "200": "#ECD3FF",
-      "300": "#E2B9FC",
-      "400": "#CFA1F2",
-      "500": "#9C45E3",
-      "600": "#8642C2",
-      "700": "#6E399D",
-      "800": "#5C2F83",
-      "900": "#401863"
-    },
-    "white-overlay": {
-      "50": "#FFFFFF1A",
-      "100": "#FFFFFF2E",
-      "200": "#FFFFFF45",
-      "300": "#FFFFFF5C",
-      "400": "#FFFFFF73",
-      "500": "#FFFFFF8A",
-      "600": "#FFFFFFA1",
-      "700": "#FFFFFFB8",
-      "800": "#FFFFFFCF",
-      "900": "#FFFFFFE6"
-    },
-    "black-overlay": {
-      "50": "#00000017",
-      "100": "#0000002E",
-      "200": "#00000045",
-      "300": "#0000005C",
-      "400": "#00000073",
-      "500": "#0000008A",
-      "600": "#000000A1",
-      "700": "#000000B8",
-      "800": "#000000CF",
-      "900": "#000000E6"
-    }
-  },
-  "textDecorationThickness": {
-    "0": "0px",
-    "1": "1px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px",
-    "auto": "auto",
-    "from-font": "from-font"
-  },
-  "textIndent": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem"
-  },
-  "textOpacity": {
-    "0": "0",
-    "5": "0.05",
-    "10": "0.1",
-    "15": "0.15",
-    "20": "0.2",
-    "25": "0.25",
-    "30": "0.3",
-    "35": "0.35",
-    "40": "0.4",
-    "45": "0.45",
-    "50": "0.5",
-    "55": "0.55",
-    "60": "0.6",
-    "65": "0.65",
-    "70": "0.7",
-    "75": "0.75",
-    "80": "0.8",
-    "85": "0.85",
-    "90": "0.9",
-    "95": "0.95",
-    "100": "1"
-  },
-  "textUnderlineOffset": {
-    "0": "0px",
-    "1": "1px",
-    "2": "2px",
-    "4": "4px",
-    "8": "8px",
-    "auto": "auto"
-  },
-  "transformOrigin": {
-    "center": "center",
-    "top": "top",
-    "top-right": "top right",
-    "right": "right",
-    "bottom-right": "bottom right",
-    "bottom": "bottom",
-    "bottom-left": "bottom left",
-    "left": "left",
-    "top-left": "top left"
-  },
-  "transitionDelay": {
-    "0": "0s",
-    "75": "75ms",
-    "100": "100ms",
-    "150": "150ms",
-    "200": "200ms",
-    "300": "300ms",
-    "500": "500ms",
-    "700": "700ms",
-    "1000": "1000ms"
-  },
-  "transitionDuration": {
-    "0": "0s",
-    "75": "75ms",
-    "100": "100ms",
-    "150": "150ms",
-    "200": "200ms",
-    "300": "300ms",
-    "500": "500ms",
-    "700": "700ms",
-    "1000": "1000ms",
-    "DEFAULT": "150ms"
-  },
-  "transitionProperty": {
-    "none": "none",
-    "all": "all",
-    "DEFAULT": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-    "colors": "color, background-color, border-color, text-decoration-color, fill, stroke",
-    "opacity": "opacity",
-    "shadow": "box-shadow",
-    "transform": "transform"
-  },
-  "transitionTimingFunction": {
-    "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
-    "linear": "linear",
-    "in": "cubic-bezier(0.4, 0, 1, 1)",
-    "out": "cubic-bezier(0, 0, 0.2, 1)",
-    "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
-  },
-  "translate": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "1/2": "50%",
-    "1/3": "33.333333%",
-    "2/3": "66.666667%",
-    "1/4": "25%",
-    "2/4": "50%",
-    "3/4": "75%",
-    "full": "100%"
-  },
-  "size": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "auto": "auto",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "1/2": "50%",
-    "1/3": "33.333333%",
-    "2/3": "66.666667%",
-    "1/4": "25%",
-    "2/4": "50%",
-    "3/4": "75%",
-    "1/5": "20%",
-    "2/5": "40%",
-    "3/5": "60%",
-    "4/5": "80%",
-    "1/6": "16.666667%",
-    "2/6": "33.333333%",
-    "3/6": "50%",
-    "4/6": "66.666667%",
-    "5/6": "83.333333%",
-    "1/12": "8.333333%",
-    "2/12": "16.666667%",
-    "3/12": "25%",
-    "4/12": "33.333333%",
-    "5/12": "41.666667%",
-    "6/12": "50%",
-    "7/12": "58.333333%",
-    "8/12": "66.666667%",
-    "9/12": "75%",
-    "10/12": "83.333333%",
-    "11/12": "91.666667%",
-    "full": "100%",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content"
-  },
-  "width": {
-    "0": "0px",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "13": "3.25rem",
-    "14": "3.5rem",
-    "15": "3.75rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "28": "7rem",
-    "32": "8rem",
-    "36": "9rem",
-    "40": "10rem",
-    "44": "11rem",
-    "48": "12rem",
-    "52": "13rem",
-    "56": "14rem",
-    "60": "15rem",
-    "64": "16rem",
-    "72": "18rem",
-    "80": "20rem",
-    "96": "24rem",
-    "112": "28rem",
-    "auto": "auto",
-    "px": "1px",
-    "0.5": "0.125rem",
-    "1.5": "0.375rem",
-    "2.5": "0.625rem",
-    "3.5": "0.875rem",
-    "4.5": "1.125rem",
-    "5.5": "1.375rem",
-    "6.5": "1.625rem",
-    "7.5": "1.875rem",
-    "8.5": "2.125rem",
-    "9.5": "2.375rem",
-    "10.5": "2.625rem",
-    "11.5": "2.875rem",
-    "12.5": "3.125rem",
-    "13.5": "3.375rem",
-    "14.5": "3.625rem",
-    "15.5": "3.875rem",
-    "1/2": "50%",
-    "1/3": "33.333333%",
-    "2/3": "66.666667%",
-    "1/4": "25%",
-    "2/4": "50%",
-    "3/4": "75%",
-    "1/5": "20%",
-    "2/5": "40%",
-    "3/5": "60%",
-    "4/5": "80%",
-    "1/6": "16.666667%",
-    "2/6": "33.333333%",
-    "3/6": "50%",
-    "4/6": "66.666667%",
-    "5/6": "83.333333%",
-    "1/12": "8.333333%",
-    "2/12": "16.666667%",
-    "3/12": "25%",
-    "4/12": "33.333333%",
-    "5/12": "41.666667%",
-    "6/12": "50%",
-    "7/12": "58.333333%",
-    "8/12": "66.666667%",
-    "9/12": "75%",
-    "10/12": "83.333333%",
-    "11/12": "91.666667%",
-    "full": "100%",
-    "screen": "100vw",
-    "svw": "100svw",
-    "lvw": "100lvw",
-    "dvw": "100dvw",
-    "min": "min-content",
-    "max": "max-content",
-    "fit": "fit-content",
-    "wizard": "650px"
-  },
-  "willChange": {
-    "auto": "auto",
-    "scroll": "scroll-position",
-    "contents": "contents",
-    "transform": "transform"
-  },
-  "zIndex": {
-    "0": "0",
-    "10": "10",
-    "20": "20",
-    "30": "30",
-    "40": "40",
-    "50": "50",
-    "auto": "auto"
-  }
-}
\ No newline at end of file
diff --git a/dashboard_backup/tsconfig.json b/dashboard_backup/tsconfig.json
deleted file mode 100644
index e9ed4a5..0000000
--- a/dashboard_backup/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-	"compilerOptions": {
-		"allowJs": true,
-		"target": "ESNext",
-		"useDefineForClassFields": true,
-		"module": "ESNext",
-		"moduleResolution": "Node",
-		"strict": true,
-		"jsx": "preserve",
-		"sourceMap": true,
-		"resolveJsonModule": true,
-		"isolatedModules": true,
-		"esModuleInterop": true,
-		"lib": ["ESNext", "DOM"],
-		"skipLibCheck": true,
-		"types": ["unplugin-icons/types/vue"]
-	},
-	"include": ["**/*.ts", "**/*.d.ts"]
-}
diff --git a/dashboard_backup/vite.config.ts b/dashboard_backup/vite.config.ts
deleted file mode 100644
index 679b840..0000000
--- a/dashboard_backup/vite.config.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import path from 'path';
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import vueJsx from '@vitejs/plugin-vue-jsx';
-import jingrowui from 'jingrow-ui/vite';
-import pluginRewriteAll from 'vite-plugin-rewrite-all';
-import Components from 'unplugin-vue-components/vite';
-import Icons from 'unplugin-icons/vite';
-import IconsResolver from 'unplugin-icons/resolver';
-import { sentryVitePlugin } from '@sentry/vite-plugin';
-
-export default defineConfig({
-	plugins: [
-		vue(),
-		vueJsx(),
-		pluginRewriteAll(),
-		jingrowui(),
-		Components({
-			dirs: [
-				'src/components',
-				// 'src2/components',
-				'node_modules/jingrow-ui/src/components'
-			],
-			resolvers: [IconsResolver()]
-		}),
-		Icons(),
-		sentryVitePlugin({
-			url: process.env.SENTRY_URL,
-			org: process.env.SENTRY_ORG,
-			project: process.env.SENTRY_PROJECT,
-			applicationKey: 'jcloud-dashboard',
-			authToken: process.env.SENTRY_AUTH_TOKEN
-		})
-	],
-	resolve: {
-		alias: {
-			'@': path.resolve(__dirname, 'src')
-		}
-	},
-	optimizeDeps: {
-		include: ['feather-icons', 'showdown']
-	},
-	build: {
-		outDir: '../jcloud/public/dashboard',
-		emptyOutDir: true,
-		sourcemap: true,
-		target: 'es2015',
-		rollupOptions: {
-			input: {
-				main: path.resolve(__dirname, 'index.html')
-			}
-		}
-	},
-	// @ts-ignore
-	test: {
-		globals: true,
-		environment: 'jsdom',
-		setupFiles: 'src/tests/setup/msw.js',
-		coverage: {
-			extension: ['.vue', '.js'],
-			all: true
-		}
-	}
-});
diff --git a/dashboard_backup/vite.config.ts.timestamp-1743195879566-0d6d78d20076a.mjs b/dashboard_backup/vite.config.ts.timestamp-1743195879566-0d6d78d20076a.mjs
deleted file mode 100644
index ce9661e..0000000
--- a/dashboard_backup/vite.config.ts.timestamp-1743195879566-0d6d78d20076a.mjs
+++ /dev/null
@@ -1,69 +0,0 @@
-// vite.config.ts
-import path from "path";
-import { defineConfig } from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/vite/dist/node/index.js";
-import vue from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import vueJsx from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs";
-import jingrowui from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/jingrow-ui/vite.js";
-import pluginRewriteAll from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/vite-plugin-rewrite-all/dist/index.mjs";
-import Components from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/unplugin-vue-components/dist/vite.mjs";
-import Icons from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/unplugin-icons/dist/vite.mjs";
-import IconsResolver from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/unplugin-icons/dist/resolver.mjs";
-import { sentryVitePlugin } from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/@sentry/vite-plugin/dist/esm/index.mjs";
-var __vite_injected_original_dirname = "/home/jingrow/jingrow-bench/apps/jcloud/dashboard";
-var vite_config_default = defineConfig({
-  plugins: [
-    vue(),
-    vueJsx(),
-    pluginRewriteAll(),
-    jingrowui(),
-    Components({
-      dirs: [
-        "src/components",
-        // 'src2/components',
-        "node_modules/jingrow-ui/src/components"
-      ],
-      resolvers: [IconsResolver()]
-    }),
-    Icons(),
-    sentryVitePlugin({
-      url: process.env.SENTRY_URL,
-      org: process.env.SENTRY_ORG,
-      project: process.env.SENTRY_PROJECT,
-      applicationKey: "jcloud-dashboard",
-      authToken: process.env.SENTRY_AUTH_TOKEN
-    })
-  ],
-  resolve: {
-    alias: {
-      "@": path.resolve(__vite_injected_original_dirname, "src")
-    }
-  },
-  optimizeDeps: {
-    include: ["feather-icons", "showdown"]
-  },
-  build: {
-    outDir: "../jcloud/public/dashboard",
-    emptyOutDir: true,
-    sourcemap: true,
-    target: "es2015",
-    rollupOptions: {
-      input: {
-        main: path.resolve(__vite_injected_original_dirname, "index.html")
-      }
-    }
-  },
-  // @ts-ignore
-  test: {
-    globals: true,
-    environment: "jsdom",
-    setupFiles: "src/tests/setup/msw.js",
-    coverage: {
-      extension: [".vue", ".js"],
-      all: true
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvaG9tZS9mcmFwcGUvZnJhcHBlLWJlbmNoL2FwcHMvcHJlc3MvZGFzaGJvYXJkXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvaG9tZS9mcmFwcGUvZnJhcHBlLWJlbmNoL2FwcHMvcHJlc3MvZGFzaGJvYXJkL3ZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9ob21lL2ZyYXBwZS9mcmFwcGUtYmVuY2gvYXBwcy9wcmVzcy9kYXNoYm9hcmQvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgcGF0aCBmcm9tICdwYXRoJztcclxuaW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSc7XHJcbmltcG9ydCB2dWUgZnJvbSAnQHZpdGVqcy9wbHVnaW4tdnVlJztcclxuaW1wb3J0IHZ1ZUpzeCBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUtanN4JztcclxuaW1wb3J0IGZyYXBwZXVpIGZyb20gJ2ZyYXBwZS11aS92aXRlJztcclxuaW1wb3J0IHBsdWdpblJld3JpdGVBbGwgZnJvbSAndml0ZS1wbHVnaW4tcmV3cml0ZS1hbGwnO1xyXG5pbXBvcnQgQ29tcG9uZW50cyBmcm9tICd1bnBsdWdpbi12dWUtY29tcG9uZW50cy92aXRlJztcclxuaW1wb3J0IEljb25zIGZyb20gJ3VucGx1Z2luLWljb25zL3ZpdGUnO1xyXG5pbXBvcnQgSWNvbnNSZXNvbHZlciBmcm9tICd1bnBsdWdpbi1pY29ucy9yZXNvbHZlcic7XHJcbmltcG9ydCB7IHNlbnRyeVZpdGVQbHVnaW4gfSBmcm9tICdAc2VudHJ5L3ZpdGUtcGx1Z2luJztcclxuXHJcbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XHJcblx0cGx1Z2luczogW1xyXG5cdFx0dnVlKCksXHJcblx0XHR2dWVKc3goKSxcclxuXHRcdHBsdWdpblJld3JpdGVBbGwoKSxcclxuXHRcdGZyYXBwZXVpKCksXHJcblx0XHRDb21wb25lbnRzKHtcclxuXHRcdFx0ZGlyczogW1xyXG5cdFx0XHRcdCdzcmMvY29tcG9uZW50cycsXHJcblx0XHRcdFx0Ly8gJ3NyYzIvY29tcG9uZW50cycsXHJcblx0XHRcdFx0J25vZGVfbW9kdWxlcy9mcmFwcGUtdWkvc3JjL2NvbXBvbmVudHMnXHJcblx0XHRcdF0sXHJcblx0XHRcdHJlc29sdmVyczogW0ljb25zUmVzb2x2ZXIoKV1cclxuXHRcdH0pLFxyXG5cdFx0SWNvbnMoKSxcclxuXHRcdHNlbnRyeVZpdGVQbHVnaW4oe1xyXG5cdFx0XHR1cmw6IHByb2Nlc3MuZW52LlNFTlRSWV9VUkwsXHJcblx0XHRcdG9yZzogcHJvY2Vzcy5lbnYuU0VOVFJZX09SRyxcclxuXHRcdFx0cHJvamVjdDogcHJvY2Vzcy5lbnYuU0VOVFJZX1BST0pFQ1QsXHJcblx0XHRcdGFwcGxpY2F0aW9uS2V5OiAncHJlc3MtZGFzaGJvYXJkJyxcclxuXHRcdFx0YXV0aFRva2VuOiBwcm9jZXNzLmVudi5TRU5UUllfQVVUSF9UT0tFTlxyXG5cdFx0fSlcclxuXHRdLFxyXG5cdHJlc29sdmU6IHtcclxuXHRcdGFsaWFzOiB7XHJcblx0XHRcdCdAJzogcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJ3NyYycpXHJcblx0XHR9XHJcblx0fSxcclxuXHRvcHRpbWl6ZURlcHM6IHtcclxuXHRcdGluY2x1ZGU6IFsnZmVhdGhlci1pY29ucycsICdzaG93ZG93biddXHJcblx0fSxcclxuXHRidWlsZDoge1xyXG5cdFx0b3V0RGlyOiAnLi4vcHJlc3MvcHVibGljL2Rhc2hib2FyZCcsXHJcblx0XHRlbXB0eU91dERpcjogdHJ1ZSxcclxuXHRcdHNvdXJjZW1hcDogdHJ1ZSxcclxuXHRcdHRhcmdldDogJ2VzMjAxNScsXHJcblx0XHRyb2xsdXBPcHRpb25zOiB7XHJcblx0XHRcdGlucHV0OiB7XHJcblx0XHRcdFx0bWFpbjogcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJ2luZGV4Lmh0bWwnKVxyXG5cdFx0XHR9XHJcblx0XHR9XHJcblx0fSxcclxuXHQvLyBAdHMtaWdub3JlXHJcblx0dGVzdDoge1xyXG5cdFx0Z2xvYmFsczogdHJ1ZSxcclxuXHRcdGVudmlyb25tZW50OiAnanNkb20nLFxyXG5cdFx0c2V0dXBGaWxlczogJ3NyYy90ZXN0cy9zZXR1cC9tc3cuanMnLFxyXG5cdFx0Y292ZXJhZ2U6IHtcclxuXHRcdFx0ZXh0ZW5zaW9uOiBbJy52dWUnLCAnLmpzJ10sXHJcblx0XHRcdGFsbDogdHJ1ZVxyXG5cdFx0fVxyXG5cdH1cclxufSk7XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBNFQsT0FBTyxVQUFVO0FBQzdVLFNBQVMsb0JBQW9CO0FBQzdCLE9BQU8sU0FBUztBQUNoQixPQUFPLFlBQVk7QUFDbkIsT0FBTyxjQUFjO0FBQ3JCLE9BQU8sc0JBQXNCO0FBQzdCLE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sV0FBVztBQUNsQixPQUFPLG1CQUFtQjtBQUMxQixTQUFTLHdCQUF3QjtBQVRqQyxJQUFNLG1DQUFtQztBQVd6QyxJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMzQixTQUFTO0FBQUEsSUFDUixJQUFJO0FBQUEsSUFDSixPQUFPO0FBQUEsSUFDUCxpQkFBaUI7QUFBQSxJQUNqQixTQUFTO0FBQUEsSUFDVCxXQUFXO0FBQUEsTUFDVixNQUFNO0FBQUEsUUFDTDtBQUFBO0FBQUEsUUFFQTtBQUFBLE1BQ0Q7QUFBQSxNQUNBLFdBQVcsQ0FBQyxjQUFjLENBQUM7QUFBQSxJQUM1QixDQUFDO0FBQUEsSUFDRCxNQUFNO0FBQUEsSUFDTixpQkFBaUI7QUFBQSxNQUNoQixLQUFLLFFBQVEsSUFBSTtBQUFBLE1BQ2pCLEtBQUssUUFBUSxJQUFJO0FBQUEsTUFDakIsU0FBUyxRQUFRLElBQUk7QUFBQSxNQUNyQixnQkFBZ0I7QUFBQSxNQUNoQixXQUFXLFFBQVEsSUFBSTtBQUFBLElBQ3hCLENBQUM7QUFBQSxFQUNGO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUixPQUFPO0FBQUEsTUFDTixLQUFLLEtBQUssUUFBUSxrQ0FBVyxLQUFLO0FBQUEsSUFDbkM7QUFBQSxFQUNEO0FBQUEsRUFDQSxjQUFjO0FBQUEsSUFDYixTQUFTLENBQUMsaUJBQWlCLFVBQVU7QUFBQSxFQUN0QztBQUFBLEVBQ0EsT0FBTztBQUFBLElBQ04sUUFBUTtBQUFBLElBQ1IsYUFBYTtBQUFBLElBQ2IsV0FBVztBQUFBLElBQ1gsUUFBUTtBQUFBLElBQ1IsZUFBZTtBQUFBLE1BQ2QsT0FBTztBQUFBLFFBQ04sTUFBTSxLQUFLLFFBQVEsa0NBQVcsWUFBWTtBQUFBLE1BQzNDO0FBQUEsSUFDRDtBQUFBLEVBQ0Q7QUFBQTtBQUFBLEVBRUEsTUFBTTtBQUFBLElBQ0wsU0FBUztBQUFBLElBQ1QsYUFBYTtBQUFBLElBQ2IsWUFBWTtBQUFBLElBQ1osVUFBVTtBQUFBLE1BQ1QsV0FBVyxDQUFDLFFBQVEsS0FBSztBQUFBLE1BQ3pCLEtBQUs7QUFBQSxJQUNOO0FBQUEsRUFDRDtBQUNELENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/dashboard_backup/vite.config.ts.timestamp-1754345788699-f26a21cb45774.mjs b/dashboard_backup/vite.config.ts.timestamp-1754345788699-f26a21cb45774.mjs
deleted file mode 100644
index 9f816a0..0000000
--- a/dashboard_backup/vite.config.ts.timestamp-1754345788699-f26a21cb45774.mjs
+++ /dev/null
@@ -1,69 +0,0 @@
-// vite.config.ts
-import path from "path";
-import { defineConfig } from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/vite/dist/node/index.js";
-import vue from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import vueJsx from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs";
-import jingrowui from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/jingrow-ui/vite.js";
-import pluginRewriteAll from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/vite-plugin-rewrite-all/dist/index.mjs";
-import Components from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/unplugin-vue-components/dist/vite.mjs";
-import Icons from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/unplugin-icons/dist/vite.mjs";
-import IconsResolver from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/unplugin-icons/dist/resolver.mjs";
-import { sentryVitePlugin } from "file:///home/jingrow/jingrow-bench/apps/jcloud/dashboard/node_modules/@sentry/vite-plugin/dist/esm/index.mjs";
-var __vite_injected_original_dirname = "/home/jingrow/jingrow-bench/apps/jcloud/dashboard";
-var vite_config_default = defineConfig({
-  plugins: [
-    vue(),
-    vueJsx(),
-    pluginRewriteAll(),
-    jingrowui(),
-    Components({
-      dirs: [
-        "src/components",
-        // 'src2/components',
-        "node_modules/jingrow-ui/src/components"
-      ],
-      resolvers: [IconsResolver()]
-    }),
-    Icons(),
-    sentryVitePlugin({
-      url: process.env.SENTRY_URL,
-      org: process.env.SENTRY_ORG,
-      project: process.env.SENTRY_PROJECT,
-      applicationKey: "jcloud-dashboard",
-      authToken: process.env.SENTRY_AUTH_TOKEN
-    })
-  ],
-  resolve: {
-    alias: {
-      "@": path.resolve(__vite_injected_original_dirname, "src")
-    }
-  },
-  optimizeDeps: {
-    include: ["feather-icons", "showdown"]
-  },
-  build: {
-    outDir: "../jcloud/public/dashboard",
-    emptyOutDir: true,
-    sourcemap: true,
-    target: "es2015",
-    rollupOptions: {
-      input: {
-        main: path.resolve(__vite_injected_original_dirname, "index.html")
-      }
-    }
-  },
-  // @ts-ignore
-  test: {
-    globals: true,
-    environment: "jsdom",
-    setupFiles: "src/tests/setup/msw.js",
-    coverage: {
-      extension: [".vue", ".js"],
-      all: true
-    }
-  }
-});
-export {
-  vite_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvaG9tZS9qaW5ncm93L2ppbmdyb3ctYmVuY2gvYXBwcy9qY2xvdWQvZGFzaGJvYXJkXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvaG9tZS9qaW5ncm93L2ppbmdyb3ctYmVuY2gvYXBwcy9qY2xvdWQvZGFzaGJvYXJkL3ZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9ob21lL2ppbmdyb3cvamluZ3Jvdy1iZW5jaC9hcHBzL2pjbG91ZC9kYXNoYm9hcmQvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgcGF0aCBmcm9tICdwYXRoJztcclxuaW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSc7XHJcbmltcG9ydCB2dWUgZnJvbSAnQHZpdGVqcy9wbHVnaW4tdnVlJztcclxuaW1wb3J0IHZ1ZUpzeCBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUtanN4JztcclxuaW1wb3J0IGppbmdyb3d1aSBmcm9tICdqaW5ncm93LXVpL3ZpdGUnO1xyXG5pbXBvcnQgcGx1Z2luUmV3cml0ZUFsbCBmcm9tICd2aXRlLXBsdWdpbi1yZXdyaXRlLWFsbCc7XHJcbmltcG9ydCBDb21wb25lbnRzIGZyb20gJ3VucGx1Z2luLXZ1ZS1jb21wb25lbnRzL3ZpdGUnO1xyXG5pbXBvcnQgSWNvbnMgZnJvbSAndW5wbHVnaW4taWNvbnMvdml0ZSc7XHJcbmltcG9ydCBJY29uc1Jlc29sdmVyIGZyb20gJ3VucGx1Z2luLWljb25zL3Jlc29sdmVyJztcclxuaW1wb3J0IHsgc2VudHJ5Vml0ZVBsdWdpbiB9IGZyb20gJ0BzZW50cnkvdml0ZS1wbHVnaW4nO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcclxuXHRwbHVnaW5zOiBbXHJcblx0XHR2dWUoKSxcclxuXHRcdHZ1ZUpzeCgpLFxyXG5cdFx0cGx1Z2luUmV3cml0ZUFsbCgpLFxyXG5cdFx0amluZ3Jvd3VpKCksXHJcblx0XHRDb21wb25lbnRzKHtcclxuXHRcdFx0ZGlyczogW1xyXG5cdFx0XHRcdCdzcmMvY29tcG9uZW50cycsXHJcblx0XHRcdFx0Ly8gJ3NyYzIvY29tcG9uZW50cycsXHJcblx0XHRcdFx0J25vZGVfbW9kdWxlcy9qaW5ncm93LXVpL3NyYy9jb21wb25lbnRzJ1xyXG5cdFx0XHRdLFxyXG5cdFx0XHRyZXNvbHZlcnM6IFtJY29uc1Jlc29sdmVyKCldXHJcblx0XHR9KSxcclxuXHRcdEljb25zKCksXHJcblx0XHRzZW50cnlWaXRlUGx1Z2luKHtcclxuXHRcdFx0dXJsOiBwcm9jZXNzLmVudi5TRU5UUllfVVJMLFxyXG5cdFx0XHRvcmc6IHByb2Nlc3MuZW52LlNFTlRSWV9PUkcsXHJcblx0XHRcdHByb2plY3Q6IHByb2Nlc3MuZW52LlNFTlRSWV9QUk9KRUNULFxyXG5cdFx0XHRhcHBsaWNhdGlvbktleTogJ2pjbG91ZC1kYXNoYm9hcmQnLFxyXG5cdFx0XHRhdXRoVG9rZW46IHByb2Nlc3MuZW52LlNFTlRSWV9BVVRIX1RPS0VOXHJcblx0XHR9KVxyXG5cdF0sXHJcblx0cmVzb2x2ZToge1xyXG5cdFx0YWxpYXM6IHtcclxuXHRcdFx0J0AnOiBwYXRoLnJlc29sdmUoX19kaXJuYW1lLCAnc3JjJylcclxuXHRcdH1cclxuXHR9LFxyXG5cdG9wdGltaXplRGVwczoge1xyXG5cdFx0aW5jbHVkZTogWydmZWF0aGVyLWljb25zJywgJ3Nob3dkb3duJ11cclxuXHR9LFxyXG5cdGJ1aWxkOiB7XHJcblx0XHRvdXREaXI6ICcuLi9qY2xvdWQvcHVibGljL2Rhc2hib2FyZCcsXHJcblx0XHRlbXB0eU91dERpcjogdHJ1ZSxcclxuXHRcdHNvdXJjZW1hcDogdHJ1ZSxcclxuXHRcdHRhcmdldDogJ2VzMjAxNScsXHJcblx0XHRyb2xsdXBPcHRpb25zOiB7XHJcblx0XHRcdGlucHV0OiB7XHJcblx0XHRcdFx0bWFpbjogcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJ2luZGV4Lmh0bWwnKVxyXG5cdFx0XHR9XHJcblx0XHR9XHJcblx0fSxcclxuXHQvLyBAdHMtaWdub3JlXHJcblx0dGVzdDoge1xyXG5cdFx0Z2xvYmFsczogdHJ1ZSxcclxuXHRcdGVudmlyb25tZW50OiAnanNkb20nLFxyXG5cdFx0c2V0dXBGaWxlczogJ3NyYy90ZXN0cy9zZXR1cC9tc3cuanMnLFxyXG5cdFx0Y292ZXJhZ2U6IHtcclxuXHRcdFx0ZXh0ZW5zaW9uOiBbJy52dWUnLCAnLmpzJ10sXHJcblx0XHRcdGFsbDogdHJ1ZVxyXG5cdFx0fVxyXG5cdH1cclxufSk7XHJcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBcVUsT0FBTyxVQUFVO0FBQ3RWLFNBQVMsb0JBQW9CO0FBQzdCLE9BQU8sU0FBUztBQUNoQixPQUFPLFlBQVk7QUFDbkIsT0FBTyxlQUFlO0FBQ3RCLE9BQU8sc0JBQXNCO0FBQzdCLE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sV0FBVztBQUNsQixPQUFPLG1CQUFtQjtBQUMxQixTQUFTLHdCQUF3QjtBQVRqQyxJQUFNLG1DQUFtQztBQVd6QyxJQUFPLHNCQUFRLGFBQWE7QUFBQSxFQUMzQixTQUFTO0FBQUEsSUFDUixJQUFJO0FBQUEsSUFDSixPQUFPO0FBQUEsSUFDUCxpQkFBaUI7QUFBQSxJQUNqQixVQUFVO0FBQUEsSUFDVixXQUFXO0FBQUEsTUFDVixNQUFNO0FBQUEsUUFDTDtBQUFBO0FBQUEsUUFFQTtBQUFBLE1BQ0Q7QUFBQSxNQUNBLFdBQVcsQ0FBQyxjQUFjLENBQUM7QUFBQSxJQUM1QixDQUFDO0FBQUEsSUFDRCxNQUFNO0FBQUEsSUFDTixpQkFBaUI7QUFBQSxNQUNoQixLQUFLLFFBQVEsSUFBSTtBQUFBLE1BQ2pCLEtBQUssUUFBUSxJQUFJO0FBQUEsTUFDakIsU0FBUyxRQUFRLElBQUk7QUFBQSxNQUNyQixnQkFBZ0I7QUFBQSxNQUNoQixXQUFXLFFBQVEsSUFBSTtBQUFBLElBQ3hCLENBQUM7QUFBQSxFQUNGO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUixPQUFPO0FBQUEsTUFDTixLQUFLLEtBQUssUUFBUSxrQ0FBVyxLQUFLO0FBQUEsSUFDbkM7QUFBQSxFQUNEO0FBQUEsRUFDQSxjQUFjO0FBQUEsSUFDYixTQUFTLENBQUMsaUJBQWlCLFVBQVU7QUFBQSxFQUN0QztBQUFBLEVBQ0EsT0FBTztBQUFBLElBQ04sUUFBUTtBQUFBLElBQ1IsYUFBYTtBQUFBLElBQ2IsV0FBVztBQUFBLElBQ1gsUUFBUTtBQUFBLElBQ1IsZUFBZTtBQUFBLE1BQ2QsT0FBTztBQUFBLFFBQ04sTUFBTSxLQUFLLFFBQVEsa0NBQVcsWUFBWTtBQUFBLE1BQzNDO0FBQUEsSUFDRDtBQUFBLEVBQ0Q7QUFBQTtBQUFBLEVBRUEsTUFBTTtBQUFBLElBQ0wsU0FBUztBQUFBLElBQ1QsYUFBYTtBQUFBLElBQ2IsWUFBWTtBQUFBLElBQ1osVUFBVTtBQUFBLE1BQ1QsV0FBVyxDQUFDLFFBQVEsS0FBSztBQUFBLE1BQ3pCLEtBQUs7QUFBQSxJQUNOO0FBQUEsRUFDRDtBQUNELENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/dashboard_backup/yarn.lock b/dashboard_backup/yarn.lock
deleted file mode 100644
index 4c0b61f..0000000
--- a/dashboard_backup/yarn.lock
+++ /dev/null
@@ -1,7305 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-# yarn lockfile v1
-
-
-"@alloc/quick-lru@^5.2.0":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
-  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
-
-"@ampproject/remapping@^2.2.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
-  integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
-"@antfu/install-pkg@^0.1.1":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@antfu/install-pkg/-/install-pkg-0.1.1.tgz#157bb04f0de8100b9e4c01734db1a6c77e98bbb5"
-  integrity sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==
-  dependencies:
-    execa "^5.1.1"
-    find-up "^5.0.0"
-
-"@antfu/install-pkg@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@antfu/install-pkg/-/install-pkg-1.1.0.tgz#78fa036be1a6081b5a77a5cf59f50c7752b6ba26"
-  integrity sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==
-  dependencies:
-    package-manager-detector "^1.3.0"
-    tinyexec "^1.0.1"
-
-"@antfu/utils@^0.7.5", "@antfu/utils@^0.7.6":
-  version "0.7.10"
-  resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-0.7.10.tgz#ae829f170158e297a9b6a28f161a8e487d00814d"
-  integrity sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==
-
-"@antfu/utils@^8.1.0":
-  version "8.1.1"
-  resolved "https://registry.yarnpkg.com/@antfu/utils/-/utils-8.1.1.tgz#95b1947d292a9a2efffba2081796dcaa05ecedfb"
-  integrity sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==
-
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.26.2", "@babel/code-frame@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.27.1.tgz#200f715e66d52a23b221a9435534a91cc13ad5be"
-  integrity sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.27.1"
-    js-tokens "^4.0.0"
-    picocolors "^1.1.1"
-
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.27.2":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.27.7.tgz#7fd698e531050cce432b073ab64857b99e0f3804"
-  integrity sha512-xgu/ySj2mTiUFmdE9yCMfBxLp4DHd5DwmbbD05YAuICfodYT3VvRxbrh81LGQ/8UpSdtMdfKMn3KouYDX59DGQ==
-
-"@babel/core@^7.18.5", "@babel/core@^7.22.9", "@babel/core@^7.23.3":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.27.7.tgz#0ddeab1e7b17317dad8c3c3a887716f66b5c4428"
-  integrity sha512-BU2f9tlKQ5CAthiMIgpzAh4eDTLWo1mqi9jqE2OxMG0E/OM199VJt2q8BztTxpnSW0i1ymdwLXRJnYzvDM5r2w==
-  dependencies:
-    "@ampproject/remapping" "^2.2.0"
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.5"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-module-transforms" "^7.27.3"
-    "@babel/helpers" "^7.27.6"
-    "@babel/parser" "^7.27.7"
-    "@babel/template" "^7.27.2"
-    "@babel/traverse" "^7.27.7"
-    "@babel/types" "^7.27.7"
-    convert-source-map "^2.0.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.2"
-    json5 "^2.2.3"
-    semver "^6.3.1"
-
-"@babel/generator@^7.27.5":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.27.5.tgz#3eb01866b345ba261b04911020cbe22dd4be8c8c"
-  integrity sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==
-  dependencies:
-    "@babel/parser" "^7.27.5"
-    "@babel/types" "^7.27.3"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^3.0.2"
-
-"@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
-  version "7.27.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
-  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
-  dependencies:
-    "@babel/types" "^7.27.3"
-
-"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz#46a0f6efab808d51d29ce96858dd10ce8732733d"
-  integrity sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==
-  dependencies:
-    "@babel/compat-data" "^7.27.2"
-    "@babel/helper-validator-option" "^7.27.1"
-    browserslist "^4.24.0"
-    lru-cache "^5.1.1"
-    semver "^6.3.1"
-
-"@babel/helper-create-class-features-plugin@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz#5bee4262a6ea5ddc852d0806199eb17ca3de9281"
-  integrity sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
-    "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    semver "^6.3.1"
-
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.27.1.tgz#05b0882d97ba1d4d03519e4bce615d70afa18c53"
-  integrity sha512-uVDC72XVf8UbrH5qQTc18Agb8emwjTiZrQE11Nv3CuBEZmVvTwwE9CBUEvHku06gQCAyYf8Nv6ja1IN+6LMbxQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    regexpu-core "^6.2.0"
-    semver "^6.3.1"
-
-"@babel/helper-define-polyfill-provider@^0.6.3", "@babel/helper-define-polyfill-provider@^0.6.4":
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.4.tgz#15e8746368bfa671785f5926ff74b3064c291fab"
-  integrity sha512-jljfR1rGnXXNWnmQg2K3+bvhkxB51Rl32QRaOTuwwjviGrHzIbSc8+x9CpraDtbT7mfyjXObULP4w/adunNwAw==
-  dependencies:
-    "@babel/helper-compilation-targets" "^7.22.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    debug "^4.1.1"
-    lodash.debounce "^4.0.8"
-    resolve "^1.14.2"
-
-"@babel/helper-member-expression-to-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz#ea1211276be93e798ce19037da6f06fbb994fa44"
-  integrity sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==
-  dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
-
-"@babel/helper-module-imports@^7.25.9", "@babel/helper-module-imports@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz#7ef769a323e2655e126673bb6d2d6913bbead204"
-  integrity sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==
-  dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
-
-"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.27.3":
-  version "7.27.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz#db0bbcfba5802f9ef7870705a7ef8788508ede02"
-  integrity sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==
-  dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.3"
-
-"@babel/helper-optimise-call-expression@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
-  integrity sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==
-  dependencies:
-    "@babel/types" "^7.27.1"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.26.5", "@babel/helper-plugin-utils@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz#ddb2f876534ff8013e6c2b299bf4d39b3c51d44c"
-  integrity sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==
-
-"@babel/helper-remap-async-to-generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz#4601d5c7ce2eb2aea58328d43725523fcd362ce6"
-  integrity sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-wrap-function" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/helper-replace-supers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz#b1ed2d634ce3bdb730e4b52de30f8cccfd692bc0"
-  integrity sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.27.1"
-    "@babel/helper-optimise-call-expression" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
-  integrity sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==
-  dependencies:
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
-
-"@babel/helper-string-parser@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
-  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
-
-"@babel/helper-validator-identifier@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
-  integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
-
-"@babel/helper-validator-option@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
-  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
-
-"@babel/helper-wrap-function@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.27.1.tgz#b88285009c31427af318d4fe37651cd62a142409"
-  integrity sha512-NFJK2sHUvrjo8wAU/nQTWU890/zB2jj0qBcCbZbbf+005cAsv6tMjXz31fBign6M5ov1o0Bllu+9nbqkfsjjJQ==
-  dependencies:
-    "@babel/template" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-    "@babel/types" "^7.27.1"
-
-"@babel/helpers@^7.27.6":
-  version "7.27.6"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.27.6.tgz#6456fed15b2cb669d2d1fabe84b66b34991d812c"
-  integrity sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==
-  dependencies:
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.27.6"
-
-"@babel/parser@^7.26.9", "@babel/parser@^7.27.2", "@babel/parser@^7.27.5", "@babel/parser@^7.27.7", "@babel/parser@^7.7.0":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.27.7.tgz#1687f5294b45039c159730e3b9c1f1b242e425e9"
-  integrity sha512-qnzXzDXdr/po3bOTbTIQZ7+TxNKxpkN5IifVLXS+r7qwynkZfPyjZfE7hCXbo7IoO9TNcSyibgONsf2HauUd3Q==
-  dependencies:
-    "@babel/types" "^7.27.7"
-
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.27.1.tgz#61dd8a8e61f7eb568268d1b5f129da3eee364bf9"
-  integrity sha512-QPG3C9cCVRQLxAVwmefEmwdTanECuUBMQZ/ym5kiw3XKCGA7qkuQLcjWWHcrD/GKbn/WmJwaezfuuAOcyKlRPA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz#43f70a6d7efd52370eefbdf55ae03d91b293856d"
-  integrity sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz#beb623bd573b8b6f3047bd04c32506adc3e58a72"
-  integrity sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz#e134a5479eb2ba9c02714e8c1ebf1ec9076124fd"
-  integrity sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.27.1"
-
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.27.1.tgz#bb1c25af34d75115ce229a1de7fa44bf8f955670"
-  integrity sha512-6BpaYGDavZqkI6yT+KSPdpZFfpnd68UKXbcjI9pJ13pvHhPrCKWOOLp+ysvMeA+DxnhuPpgIaRpxRxo5A9t5jw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
-  version "7.21.0-placeholder-for-preset-env.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
-  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
-
-"@babel/plugin-syntax-import-assertions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz#88894aefd2b03b5ee6ad1562a7c8e1587496aecd"
-  integrity sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-syntax-import-attributes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz#34c017d54496f9b11b61474e7ea3dfd5563ffe07"
-  integrity sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-syntax-jsx@^7.25.9":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz#2f9beb5eff30fa507c5532d107daac7b888fa34c"
-  integrity sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-syntax-typescript@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz#5147d29066a793450f220c63fa3a9431b7e6dd18"
-  integrity sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
-  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
-
-"@babel/plugin-transform-arrow-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz#6e2061067ba3ab0266d834a9f94811196f2aba9a"
-  integrity sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-async-generator-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.27.1.tgz#ca433df983d68e1375398e7ca71bf2a4f6fd89d7"
-  integrity sha512-eST9RrwlpaoJBDHShc+DS2SG4ATTi2MYNb4OxYkf3n+7eb49LWpnS+HSpVfW4x927qQwgk8A2hGNVaajAEw0EA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-remap-async-to-generator" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/plugin-transform-async-to-generator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.27.1.tgz#9a93893b9379b39466c74474f55af03de78c66e7"
-  integrity sha512-NREkZsZVJS4xmTr8qzE5y8AfIPqsdQfRuUiLRTEzb7Qii8iFWCyDKaUV2c0rCuh4ljDZ98ALHP/PetiBV2nddA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-remap-async-to-generator" "^7.27.1"
-
-"@babel/plugin-transform-block-scoped-functions@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz#558a9d6e24cf72802dd3b62a4b51e0d62c0f57f9"
-  integrity sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-block-scoping@^7.27.1":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.27.5.tgz#98c37485d815533623d992fd149af3e7b3140157"
-  integrity sha512-JF6uE2s67f0y2RZcm2kpAUEbD50vH62TyWVebxwHAlbSdM49VqPz8t4a1uIjp4NIOIZ4xzLfjY5emt/RCyC7TQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-class-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz#dd40a6a370dfd49d32362ae206ddaf2bb082a925"
-  integrity sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-class-static-block@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.27.1.tgz#7e920d5625b25bbccd3061aefbcc05805ed56ce4"
-  integrity sha512-s734HmYU78MVzZ++joYM+NkJusItbdRcbm+AGRgJCt3iA+yux0QpD9cBVdz3tKyrjVYWRl7j0mHSmv4lhV0aoA==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-classes@^7.27.1":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.27.7.tgz#038af7e7c346821cc74aff1036c1f762308cd2d6"
-  integrity sha512-CuLkokN1PEZ0Fsjtq+001aog/C2drDK9nTfK/NRK0n6rBin6cBrvM+zfQjDE+UllhR6/J4a6w8Xq9i4yi3mQrw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.3"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-    "@babel/traverse" "^7.27.7"
-    globals "^11.1.0"
-
-"@babel/plugin-transform-computed-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz#81662e78bf5e734a97982c2b7f0a793288ef3caa"
-  integrity sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/template" "^7.27.1"
-
-"@babel/plugin-transform-destructuring@^7.27.1", "@babel/plugin-transform-destructuring@^7.27.7":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.27.7.tgz#c5356982d29d5c70e0396c933f07a94c31bb385c"
-  integrity sha512-pg3ZLdIKWCP0CrJm0O4jYjVthyBeioVfvz9nwt6o5paUxsgJ/8GucSMAIaj6M7xA4WY+SrvtGu2LijzkdyecWQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.7"
-
-"@babel/plugin-transform-dotall-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz#aa6821de864c528b1fecf286f0a174e38e826f4d"
-  integrity sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-duplicate-keys@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz#f1fbf628ece18e12e7b32b175940e68358f546d1"
-  integrity sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz#5043854ca620a94149372e69030ff8cb6a9eb0ec"
-  integrity sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-dynamic-import@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz#4c78f35552ac0e06aa1f6e3c573d67695e8af5a4"
-  integrity sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-exponentiation-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.27.1.tgz#fc497b12d8277e559747f5a3ed868dd8064f83e1"
-  integrity sha512-uspvXnhHvGKf2r4VVtBpeFnuDWsJLQ6MF6lGJLC89jBR1uoVeqM416AZtTuhTezOfgHicpJQmoD5YUakO/YmXQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-export-namespace-from@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz#71ca69d3471edd6daa711cf4dfc3400415df9c23"
-  integrity sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-for-of@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz#bc24f7080e9ff721b63a70ac7b2564ca15b6c40a"
-  integrity sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-
-"@babel/plugin-transform-function-name@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz#4d0bf307720e4dce6d7c30fcb1fd6ca77bdeb3a7"
-  integrity sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==
-  dependencies:
-    "@babel/helper-compilation-targets" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/plugin-transform-json-strings@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz#a2e0ce6ef256376bd527f290da023983527a4f4c"
-  integrity sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-literals@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz#baaefa4d10a1d4206f9dcdda50d7d5827bb70b24"
-  integrity sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-logical-assignment-operators@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.27.1.tgz#890cb20e0270e0e5bebe3f025b434841c32d5baa"
-  integrity sha512-SJvDs5dXxiae4FbSL1aBJlG4wvl594N6YEVVn9e3JGulwioy6z3oPjx/sQBO3Y4NwUu5HNix6KJ3wBZoewcdbw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-member-expression-literals@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz#37b88ba594d852418e99536f5612f795f23aeaf9"
-  integrity sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-modules-amd@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz#a4145f9d87c2291fe2d05f994b65dba4e3e7196f"
-  integrity sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-modules-commonjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz#8e44ed37c2787ecc23bdc367f49977476614e832"
-  integrity sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-modules-systemjs@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.27.1.tgz#00e05b61863070d0f3292a00126c16c0e024c4ed"
-  integrity sha512-w5N1XzsRbc0PQStASMksmUeqECuzKuTJer7kFagK8AXgpCMkeDMO5S+aaFb7A51ZYDF7XI34qsTX+fkHiIm5yA==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-    "@babel/traverse" "^7.27.1"
-
-"@babel/plugin-transform-modules-umd@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz#63f2cf4f6dc15debc12f694e44714863d34cd334"
-  integrity sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-named-capturing-groups-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz#f32b8f7818d8fc0cc46ee20a8ef75f071af976e1"
-  integrity sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-new-target@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz#259c43939728cad1706ac17351b7e6a7bea1abeb"
-  integrity sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-nullish-coalescing-operator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz#4f9d3153bf6782d73dd42785a9d22d03197bc91d"
-  integrity sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-numeric-separator@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz#614e0b15cc800e5997dadd9bd6ea524ed6c819c6"
-  integrity sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-object-rest-spread@^7.27.2":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.27.7.tgz#2e5c02348b6a4326aa6e8b0b950602dc0d92227c"
-  integrity sha512-201B1kFTWhckclcXpWHc8uUpYziDX/Pl4rxl0ZX0DiCZ3jknwfSUALL3QCYeeXXB37yWxJbo+g+Vfq8pAaHi3w==
-  dependencies:
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.7"
-    "@babel/plugin-transform-parameters" "^7.27.7"
-    "@babel/traverse" "^7.27.7"
-
-"@babel/plugin-transform-object-super@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz#1c932cd27bf3874c43a5cac4f43ebf970c9871b5"
-  integrity sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-replace-supers" "^7.27.1"
-
-"@babel/plugin-transform-optional-catch-binding@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz#84c7341ebde35ccd36b137e9e45866825072a30c"
-  integrity sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-optional-chaining@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.27.1.tgz#874ce3c4f06b7780592e946026eb76a32830454f"
-  integrity sha512-BQmKPPIuc8EkZgNKsv0X4bPmOoayeu4F1YCwx2/CfmDSXDbp7GnzlUH+/ul5VGfRg1AoFPsrIThlEBj2xb4CAg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-
-"@babel/plugin-transform-parameters@^7.27.1", "@babel/plugin-transform-parameters@^7.27.7":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz#1fd2febb7c74e7d21cf3b05f7aebc907940af53a"
-  integrity sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-private-methods@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz#fdacbab1c5ed81ec70dfdbb8b213d65da148b6af"
-  integrity sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==
-  dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-private-property-in-object@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz#4dbbef283b5b2f01a21e81e299f76e35f900fb11"
-  integrity sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-property-literals@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz#07eafd618800591e88073a0af1b940d9a42c6424"
-  integrity sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-regenerator@^7.27.1":
-  version "7.27.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.27.5.tgz#0c01f4e0e4cced15f68ee14b9c76dac9813850c7"
-  integrity sha512-uhB8yHerfe3MWnuLAhEbeQ4afVoqv8BQsPqrTv7e/jZ9y00kJL6l9a/f4OWaKxotmjzewfEyXE1vgDJenkQ2/Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-regexp-modifiers@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz#df9ba5577c974e3f1449888b70b76169998a6d09"
-  integrity sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-reserved-words@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz#40fba4878ccbd1c56605a4479a3a891ac0274bb4"
-  integrity sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-shorthand-properties@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz#532abdacdec87bfee1e0ef8e2fcdee543fe32b90"
-  integrity sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-spread@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz#1a264d5fc12750918f50e3fe3e24e437178abb08"
-  integrity sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-
-"@babel/plugin-transform-sticky-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz#18984935d9d2296843a491d78a014939f7dcd280"
-  integrity sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-template-literals@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz#1a0eb35d8bb3e6efc06c9fd40eb0bcef548328b8"
-  integrity sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-typeof-symbol@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz#70e966bb492e03509cf37eafa6dcc3051f844369"
-  integrity sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-typescript@^7.23.3":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.27.1.tgz#d3bb65598bece03f773111e88cc4e8e5070f1140"
-  integrity sha512-Q5sT5+O4QUebHdbwKedFBEwRLb02zJ7r4A5Gg2hUoLuU3FjdMcyqcywqUrLCaDsFCxzokf7u9kuy7qz51YUuAg==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.27.1"
-    "@babel/helper-create-class-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
-    "@babel/plugin-syntax-typescript" "^7.27.1"
-
-"@babel/plugin-transform-unicode-escapes@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz#3e3143f8438aef842de28816ece58780190cf806"
-  integrity sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-unicode-property-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz#bdfe2d3170c78c5691a3c3be934c8c0087525956"
-  integrity sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-unicode-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz#25948f5c395db15f609028e370667ed8bae9af97"
-  integrity sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/plugin-transform-unicode-sets-regex@^7.27.1":
-  version "7.27.1"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz#6ab706d10f801b5c72da8bb2548561fa04193cd1"
-  integrity sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
-    "@babel/helper-plugin-utils" "^7.27.1"
-
-"@babel/preset-env@^7.22.9":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.27.2.tgz#106e6bfad92b591b1f6f76fd4cf13b7725a7bf9a"
-  integrity sha512-Ma4zSuYSlGNRlCLO+EAzLnCmJK2vdstgv+n7aUP+/IKZrOfWHOJVdSJtuub8RzHTj3ahD37k5OKJWvzf16TQyQ==
-  dependencies:
-    "@babel/compat-data" "^7.27.2"
-    "@babel/helper-compilation-targets" "^7.27.2"
-    "@babel/helper-plugin-utils" "^7.27.1"
-    "@babel/helper-validator-option" "^7.27.1"
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.27.1"
-    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.27.1"
-    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-import-assertions" "^7.27.1"
-    "@babel/plugin-syntax-import-attributes" "^7.27.1"
-    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.27.1"
-    "@babel/plugin-transform-async-generator-functions" "^7.27.1"
-    "@babel/plugin-transform-async-to-generator" "^7.27.1"
-    "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
-    "@babel/plugin-transform-block-scoping" "^7.27.1"
-    "@babel/plugin-transform-class-properties" "^7.27.1"
-    "@babel/plugin-transform-class-static-block" "^7.27.1"
-    "@babel/plugin-transform-classes" "^7.27.1"
-    "@babel/plugin-transform-computed-properties" "^7.27.1"
-    "@babel/plugin-transform-destructuring" "^7.27.1"
-    "@babel/plugin-transform-dotall-regex" "^7.27.1"
-    "@babel/plugin-transform-duplicate-keys" "^7.27.1"
-    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.27.1"
-    "@babel/plugin-transform-dynamic-import" "^7.27.1"
-    "@babel/plugin-transform-exponentiation-operator" "^7.27.1"
-    "@babel/plugin-transform-export-namespace-from" "^7.27.1"
-    "@babel/plugin-transform-for-of" "^7.27.1"
-    "@babel/plugin-transform-function-name" "^7.27.1"
-    "@babel/plugin-transform-json-strings" "^7.27.1"
-    "@babel/plugin-transform-literals" "^7.27.1"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.27.1"
-    "@babel/plugin-transform-member-expression-literals" "^7.27.1"
-    "@babel/plugin-transform-modules-amd" "^7.27.1"
-    "@babel/plugin-transform-modules-commonjs" "^7.27.1"
-    "@babel/plugin-transform-modules-systemjs" "^7.27.1"
-    "@babel/plugin-transform-modules-umd" "^7.27.1"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.27.1"
-    "@babel/plugin-transform-new-target" "^7.27.1"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.27.1"
-    "@babel/plugin-transform-numeric-separator" "^7.27.1"
-    "@babel/plugin-transform-object-rest-spread" "^7.27.2"
-    "@babel/plugin-transform-object-super" "^7.27.1"
-    "@babel/plugin-transform-optional-catch-binding" "^7.27.1"
-    "@babel/plugin-transform-optional-chaining" "^7.27.1"
-    "@babel/plugin-transform-parameters" "^7.27.1"
-    "@babel/plugin-transform-private-methods" "^7.27.1"
-    "@babel/plugin-transform-private-property-in-object" "^7.27.1"
-    "@babel/plugin-transform-property-literals" "^7.27.1"
-    "@babel/plugin-transform-regenerator" "^7.27.1"
-    "@babel/plugin-transform-regexp-modifiers" "^7.27.1"
-    "@babel/plugin-transform-reserved-words" "^7.27.1"
-    "@babel/plugin-transform-shorthand-properties" "^7.27.1"
-    "@babel/plugin-transform-spread" "^7.27.1"
-    "@babel/plugin-transform-sticky-regex" "^7.27.1"
-    "@babel/plugin-transform-template-literals" "^7.27.1"
-    "@babel/plugin-transform-typeof-symbol" "^7.27.1"
-    "@babel/plugin-transform-unicode-escapes" "^7.27.1"
-    "@babel/plugin-transform-unicode-property-regex" "^7.27.1"
-    "@babel/plugin-transform-unicode-regex" "^7.27.1"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.27.1"
-    "@babel/preset-modules" "0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2 "^0.4.10"
-    babel-plugin-polyfill-corejs3 "^0.11.0"
-    babel-plugin-polyfill-regenerator "^0.6.1"
-    core-js-compat "^3.40.0"
-    semver "^6.3.1"
-
-"@babel/preset-modules@0.1.6-no-external-plugins":
-  version "0.1.6-no-external-plugins"
-  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
-  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/types" "^7.4.4"
-    esutils "^2.0.2"
-
-"@babel/template@^7.26.9", "@babel/template@^7.27.1", "@babel/template@^7.27.2":
-  version "7.27.2"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.2.tgz#fa78ceed3c4e7b63ebf6cb39e5852fca45f6809d"
-  integrity sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/parser" "^7.27.2"
-    "@babel/types" "^7.27.1"
-
-"@babel/traverse@^7.26.9", "@babel/traverse@^7.27.1", "@babel/traverse@^7.27.3", "@babel/traverse@^7.27.7", "@babel/traverse@^7.7.0":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.27.7.tgz#8355c39be6818362eace058cf7f3e25ac2ec3b55"
-  integrity sha512-X6ZlfR/O/s5EQ/SnUSLzr+6kGnkg8HXGMzpgsMsrJVcfDtH1vIp6ctCN4eZ1LS5c0+te5Cb6Y514fASjMRJ1nw==
-  dependencies:
-    "@babel/code-frame" "^7.27.1"
-    "@babel/generator" "^7.27.5"
-    "@babel/parser" "^7.27.7"
-    "@babel/template" "^7.27.2"
-    "@babel/types" "^7.27.7"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
-"@babel/types@^7.26.9", "@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.27.6", "@babel/types@^7.27.7", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
-  version "7.27.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.27.7.tgz#40eabd562049b2ee1a205fa589e629f945dce20f"
-  integrity sha512-8OLQgDScAOHXnAz2cV+RfzzNMipuLVBz2biuAJFMV9bfkNf393je3VM8CLkjQodW5+iWsSJdSgSWT6rsZoXHPw==
-  dependencies:
-    "@babel/helper-string-parser" "^7.27.1"
-    "@babel/helper-validator-identifier" "^7.27.1"
-
-"@bcoe/v8-coverage@^0.2.3":
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
-
-"@codemirror/autocomplete@^6.0.0", "@codemirror/autocomplete@^6.18.1":
-  version "6.18.6"
-  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-6.18.6.tgz#de26e864a1ec8192a1b241eb86addbb612964ddb"
-  integrity sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg==
-  dependencies:
-    "@codemirror/language" "^6.0.0"
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.17.0"
-    "@lezer/common" "^1.0.0"
-
-"@codemirror/commands@6.x", "@codemirror/commands@^6.0.0":
-  version "6.8.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/commands/-/commands-6.8.1.tgz#639f5559d2f33f2582a2429c58cb0c1b925c7a30"
-  integrity sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==
-  dependencies:
-    "@codemirror/language" "^6.0.0"
-    "@codemirror/state" "^6.4.0"
-    "@codemirror/view" "^6.27.0"
-    "@lezer/common" "^1.1.0"
-
-"@codemirror/lang-sql@^6.8.0":
-  version "6.9.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-sql/-/lang-sql-6.9.0.tgz#0130da09c7d827b0aa5f9598f61bca975a5480c7"
-  integrity sha512-xmtpWqKSgum1B1J3Ro6rf7nuPqf2+kJQg5SjrofCAcyCThOe0ihSktSoXfXuhQBnwx1QbmreBbLJM5Jru6zitg==
-  dependencies:
-    "@codemirror/autocomplete" "^6.0.0"
-    "@codemirror/language" "^6.0.0"
-    "@codemirror/state" "^6.0.0"
-    "@lezer/common" "^1.2.0"
-    "@lezer/highlight" "^1.0.0"
-    "@lezer/lr" "^1.0.0"
-
-"@codemirror/language@6.x", "@codemirror/language@^6.0.0":
-  version "6.11.2"
-  resolved "https://registry.yarnpkg.com/@codemirror/language/-/language-6.11.2.tgz#90d2d094cfbd14263bc5354ebd2445ee4e81bdc3"
-  integrity sha512-p44TsNArL4IVXDTbapUmEkAlvWs2CFQbcfc0ymDsis1kH2wh0gcY96AS29c/vp2d0y2Tquk1EDSaawpzilUiAw==
-  dependencies:
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.23.0"
-    "@lezer/common" "^1.1.0"
-    "@lezer/highlight" "^1.0.0"
-    "@lezer/lr" "^1.0.0"
-    style-mod "^4.0.0"
-
-"@codemirror/lint@^6.0.0":
-  version "6.8.5"
-  resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-6.8.5.tgz#9edaa808e764e28e07665b015951934c8ec3a418"
-  integrity sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==
-  dependencies:
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.35.0"
-    crelt "^1.0.5"
-
-"@codemirror/search@^6.0.0":
-  version "6.5.11"
-  resolved "https://registry.yarnpkg.com/@codemirror/search/-/search-6.5.11.tgz#a324ffee36e032b7f67aa31c4fb9f3e6f9f3ed63"
-  integrity sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==
-  dependencies:
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.0.0"
-    crelt "^1.0.5"
-
-"@codemirror/state@6.x", "@codemirror/state@^6.0.0", "@codemirror/state@^6.4.0", "@codemirror/state@^6.5.0":
-  version "6.5.2"
-  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.5.2.tgz#8eca3a64212a83367dc85475b7d78d5c9b7076c6"
-  integrity sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==
-  dependencies:
-    "@marijn/find-cluster-break" "^1.0.0"
-
-"@codemirror/view@6.x", "@codemirror/view@^6.0.0", "@codemirror/view@^6.17.0", "@codemirror/view@^6.23.0", "@codemirror/view@^6.27.0", "@codemirror/view@^6.35.0":
-  version "6.38.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.38.0.tgz#4486062b791a4247793e0953e05ae71a9e172217"
-  integrity sha512-yvSchUwHOdupXkd7xJ0ob36jdsSR/I+/C+VbY0ffBiL5NiSTEBDfB1ZGWbbIlDd5xgdUkody+lukAdOxYrOBeg==
-  dependencies:
-    "@codemirror/state" "^6.5.0"
-    crelt "^1.0.6"
-    style-mod "^4.1.0"
-    w3c-keyname "^2.2.4"
-
-"@esbuild/aix-ppc64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz#d1bc06aedb6936b3b6d313bf809a5a40387d2b7f"
-  integrity sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==
-
-"@esbuild/android-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz#7ad65a36cfdb7e0d429c353e00f680d737c2aed4"
-  integrity sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==
-
-"@esbuild/android-arm@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.19.12.tgz#b0c26536f37776162ca8bde25e42040c203f2824"
-  integrity sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==
-
-"@esbuild/android-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.19.12.tgz#cb13e2211282012194d89bf3bfe7721273473b3d"
-  integrity sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==
-
-"@esbuild/darwin-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz#cbee41e988020d4b516e9d9e44dd29200996275e"
-  integrity sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==
-
-"@esbuild/darwin-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz#e37d9633246d52aecf491ee916ece709f9d5f4cd"
-  integrity sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==
-
-"@esbuild/freebsd-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz#1ee4d8b682ed363b08af74d1ea2b2b4dbba76487"
-  integrity sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==
-
-"@esbuild/freebsd-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz#37a693553d42ff77cd7126764b535fb6cc28a11c"
-  integrity sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==
-
-"@esbuild/linux-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz#be9b145985ec6c57470e0e051d887b09dddb2d4b"
-  integrity sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==
-
-"@esbuild/linux-arm@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz#207ecd982a8db95f7b5279207d0ff2331acf5eef"
-  integrity sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==
-
-"@esbuild/linux-ia32@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz#d0d86b5ca1562523dc284a6723293a52d5860601"
-  integrity sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==
-
-"@esbuild/linux-loong64@0.14.54":
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
-  integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
-
-"@esbuild/linux-loong64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz#9a37f87fec4b8408e682b528391fa22afd952299"
-  integrity sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==
-
-"@esbuild/linux-mips64el@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz#4ddebd4e6eeba20b509d8e74c8e30d8ace0b89ec"
-  integrity sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==
-
-"@esbuild/linux-ppc64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz#adb67dadb73656849f63cd522f5ecb351dd8dee8"
-  integrity sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==
-
-"@esbuild/linux-riscv64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz#11bc0698bf0a2abf8727f1c7ace2112612c15adf"
-  integrity sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==
-
-"@esbuild/linux-s390x@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz#e86fb8ffba7c5c92ba91fc3b27ed5a70196c3cc8"
-  integrity sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==
-
-"@esbuild/linux-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz#5f37cfdc705aea687dfe5dfbec086a05acfe9c78"
-  integrity sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==
-
-"@esbuild/netbsd-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz#29da566a75324e0d0dd7e47519ba2f7ef168657b"
-  integrity sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==
-
-"@esbuild/openbsd-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz#306c0acbdb5a99c95be98bdd1d47c916e7dc3ff0"
-  integrity sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==
-
-"@esbuild/sunos-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz#0933eaab9af8b9b2c930236f62aae3fc593faf30"
-  integrity sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==
-
-"@esbuild/win32-arm64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz#773bdbaa1971b36db2f6560088639ccd1e6773ae"
-  integrity sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==
-
-"@esbuild/win32-ia32@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz#000516cad06354cc84a73f0943a4aa690ef6fd67"
-  integrity sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==
-
-"@esbuild/win32-x64@0.19.12":
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz#c57c8afbb4054a3ab8317591a0b7320360b444ae"
-  integrity sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==
-
-"@floating-ui/core@^1.7.1":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.7.1.tgz#1abc6b157d4a936174f9dbd078278c3a81c8bc6b"
-  integrity sha512-azI0DrjMMfIug/ExbBaeDVJXcY0a7EPvPjb2xAJPa4HeimBX+Z18HK8QQR3jb6356SnDDdxx+hinMLcJEDdOjw==
-  dependencies:
-    "@floating-ui/utils" "^0.2.9"
-
-"@floating-ui/dom@^1.0.0", "@floating-ui/dom@^1.6.7":
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.7.1.tgz#76a4e3cbf7a08edf40c34711cf64e0cc8053d912"
-  integrity sha512-cwsmW/zyw5ltYTUeeYJ60CnQuPqmGwuGVhG9w0PRaRKkAyi38BT5CKrpIbb+jtahSwUl04cWzSx9ZOIxeS6RsQ==
-  dependencies:
-    "@floating-ui/core" "^1.7.1"
-    "@floating-ui/utils" "^0.2.9"
-
-"@floating-ui/utils@^0.2.9":
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.9.tgz#50dea3616bc8191fb8e112283b49eaff03e78429"
-  integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
-
-"@floating-ui/vue@^1.1.0":
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/@floating-ui/vue/-/vue-1.1.6.tgz#1c7e8f257fae5b71a72d10c1746e6b0ba338399c"
-  integrity sha512-XFlUzGHGv12zbgHNk5FN2mUB7ROul3oG2ENdTpWdE+qMFxyNxWSRmsoyhiEnpmabNm6WnUvR1OvJfUfN4ojC1A==
-  dependencies:
-    "@floating-ui/dom" "^1.0.0"
-    "@floating-ui/utils" "^0.2.9"
-    vue-demi ">=0.13.0"
-
-"@headlessui/vue@^1.7.14":
-  version "1.7.23"
-  resolved "https://registry.yarnpkg.com/@headlessui/vue/-/vue-1.7.23.tgz#7fe19dbeca35de9e6270c82c78c4864e6a6f7391"
-  integrity sha512-JzdCNqurrtuu0YW6QaDtR2PIYCKPUWq28csDyMvN4zmGccmE7lz40Is6hc3LA4HFeCI7sekZ/PQMTNmn9I/4Wg==
-  dependencies:
-    "@tanstack/vue-virtual" "^3.0.0-beta.60"
-
-"@iconify/json@^2.2.123":
-  version "2.2.353"
-  resolved "https://registry.yarnpkg.com/@iconify/json/-/json-2.2.353.tgz#f69cfd45299a357aab3afc5987b211cb20e2c6f2"
-  integrity sha512-X9vslZVyHn3VT9KnFthpQZMzClvCK6IwAO6CC8h3B/4McNY9AlBeN0f6S+UehIH8B/0dtYejxcoIWNo6HrGc+Q==
-  dependencies:
-    "@iconify/types" "*"
-    pathe "^1.1.2"
-
-"@iconify/types@*", "@iconify/types@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57"
-  integrity sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==
-
-"@iconify/utils@^2.1.11":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@iconify/utils/-/utils-2.3.0.tgz#1bbbf8c477ebe9a7cacaea78b1b7e8937f9cbfba"
-  integrity sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==
-  dependencies:
-    "@antfu/install-pkg" "^1.0.0"
-    "@antfu/utils" "^8.1.0"
-    "@iconify/types" "^2.0.0"
-    debug "^4.4.0"
-    globals "^15.14.0"
-    kolorist "^1.8.0"
-    local-pkg "^1.0.0"
-    mlly "^1.7.4"
-
-"@internationalized/date@^3.5.4":
-  version "3.8.2"
-  resolved "https://registry.yarnpkg.com/@internationalized/date/-/date-3.8.2.tgz#977620c1407cc6830fd44cb505679d23c599e119"
-  integrity sha512-/wENk7CbvLbkUvX1tu0mwq49CVkkWpkXubGel6birjRPyo6uQ4nQpnq5xZu823zRCwwn82zgHrvgF1vZyvmVgA==
-  dependencies:
-    "@swc/helpers" "^0.5.0"
-
-"@internationalized/number@^3.5.3":
-  version "3.6.3"
-  resolved "https://registry.yarnpkg.com/@internationalized/number/-/number-3.6.3.tgz#4bba32e90cd8095ae7d252586c661d9c651918b4"
-  integrity sha512-p+Zh1sb6EfrfVaS86jlHGQ9HA66fJhV9x5LiE5vCbZtXEHAuhcmUZUdZ4WrFpUBfNalr2OkAJI5AcKEQF+Lebw==
-  dependencies:
-    "@swc/helpers" "^0.5.0"
-
-"@isaacs/cliui@^8.0.2":
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
-  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
-  dependencies:
-    string-width "^5.1.2"
-    string-width-cjs "npm:string-width@^4.2.0"
-    strip-ansi "^7.0.1"
-    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
-    wrap-ansi "^8.1.0"
-    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
-
-"@istanbuljs/schema@^0.1.2", "@istanbuljs/schema@^0.1.3":
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
-  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
-
-"@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz#4f0e06362e01362f823d348f1872b08f666d8142"
-  integrity sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==
-  dependencies:
-    "@jridgewell/set-array" "^1.2.1"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-    "@jridgewell/trace-mapping" "^0.3.24"
-
-"@jridgewell/resolve-uri@^3.1.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6"
-  integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==
-
-"@jridgewell/set-array@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280"
-  integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==
-
-"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15", "@jridgewell/sourcemap-codec@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
-  integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
-
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25":
-  version "0.3.25"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
-  integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.1.0"
-    "@jridgewell/sourcemap-codec" "^1.4.14"
-
-"@lezer/common@^1.0.0", "@lezer/common@^1.1.0", "@lezer/common@^1.2.0":
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/@lezer/common/-/common-1.2.3.tgz#138fcddab157d83da557554851017c6c1e5667fd"
-  integrity sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==
-
-"@lezer/highlight@^1.0.0":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@lezer/highlight/-/highlight-1.2.1.tgz#596fa8f9aeb58a608be0a563e960c373cbf23f8b"
-  integrity sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==
-  dependencies:
-    "@lezer/common" "^1.0.0"
-
-"@lezer/lr@^1.0.0":
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/@lezer/lr/-/lr-1.4.2.tgz#931ea3dea8e9de84e90781001dae30dea9ff1727"
-  integrity sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==
-  dependencies:
-    "@lezer/common" "^1.0.0"
-
-"@marijn/find-cluster-break@^1.0.0":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz#775374306116d51c0c500b8c4face0f9a04752d8"
-  integrity sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==
-
-"@mswjs/cookies@^0.1.7":
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/@mswjs/cookies/-/cookies-0.1.7.tgz#d334081b2c51057a61c1dd7b76ca3cac02251651"
-  integrity sha512-bDg1ReMBx+PYDB4Pk7y1Q07Zz1iKIEUWQpkEXiA2lEWg9gvOZ8UBmGXilCEUvyYoRFlmr/9iXTRR69TrgSwX/Q==
-  dependencies:
-    "@types/set-cookie-parser" "^2.4.0"
-    set-cookie-parser "^2.4.6"
-
-"@mswjs/interceptors@^0.12.7":
-  version "0.12.7"
-  resolved "https://registry.yarnpkg.com/@mswjs/interceptors/-/interceptors-0.12.7.tgz#0d1cd4cd31a0f663e0455993951201faa09d0909"
-  integrity sha512-eGjZ3JRAt0Fzi5FgXiV/P3bJGj0NqsN7vBS0J0FO2AQRQ0jCKQS4lEFm4wvlSgKQNfeuc/Vz6d81VtU3Gkx/zg==
-  dependencies:
-    "@open-draft/until" "^1.0.3"
-    "@xmldom/xmldom" "^0.7.2"
-    debug "^4.3.2"
-    headers-utils "^3.0.2"
-    outvariant "^1.2.0"
-    strict-event-emitter "^0.2.0"
-
-"@nodelib/fs.scandir@2.1.5":
-  version "2.1.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
-  integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.5"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
-  integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
-
-"@nodelib/fs.walk@^1.2.3":
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
-  integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.5"
-    fastq "^1.6.0"
-
-"@one-ini/wasm@0.1.1":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@one-ini/wasm/-/wasm-0.1.1.tgz#6013659736c9dbfccc96e8a9c2b3de317df39323"
-  integrity sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==
-
-"@open-draft/until@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-1.0.3.tgz#db9cc719191a62e7d9200f6e7bab21c5b848adca"
-  integrity sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==
-
-"@pkgjs/parseargs@^0.11.0":
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
-  integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
-
-"@popperjs/core@^2.11.2", "@popperjs/core@^2.9.0":
-  version "2.11.8"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
-  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
-
-"@remirror/core-constants@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@remirror/core-constants/-/core-constants-3.0.0.tgz#96fdb89d25c62e7b6a5d08caf0ce5114370e3b8f"
-  integrity sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==
-
-"@rollup/pluginutils@^5.0.2":
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz#eac25ca5b0bdda4ba735ddaca5fbf26bd435f602"
-  integrity sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==
-  dependencies:
-    "@types/estree" "^1.0.0"
-    estree-walker "^2.0.2"
-    picomatch "^4.0.2"
-
-"@rollup/rollup-android-arm-eabi@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.1.tgz#f768e3b2b0e6b55c595d7a053652c06413713983"
-  integrity sha512-JAcBr1+fgqx20m7Fwe1DxPUl/hPkee6jA6Pl7n1v2EFiktAHenTaXl5aIFjUIEsfn9w3HE4gK1lEgNGMzBDs1w==
-
-"@rollup/rollup-android-arm64@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.1.tgz#40379fd5501cfdfd7d8f86dfa1d3ce8d3a609493"
-  integrity sha512-RurZetXqTu4p+G0ChbnkwBuAtwAbIwJkycw1n6GvlGlBuS4u5qlr5opix8cBAYFJgaY05TWtM+LaoFggUmbZEQ==
-
-"@rollup/rollup-darwin-arm64@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.1.tgz#972c227bc89fe8a38a3f0c493e1966900e4e1ff7"
-  integrity sha512-fM/xPesi7g2M7chk37LOnmnSTHLG/v2ggWqKj3CCA1rMA4mm5KVBT1fNoswbo1JhPuNNZrVwpTvlCVggv8A2zg==
-
-"@rollup/rollup-darwin-x64@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.1.tgz#96c919dcb87a5aa7dec5f7f77d90de881e578fdd"
-  integrity sha512-gDnWk57urJrkrHQ2WVx9TSVTH7lSlU7E3AFqiko+bgjlh78aJ88/3nycMax52VIVjIm3ObXnDL2H00e/xzoipw==
-
-"@rollup/rollup-freebsd-arm64@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.1.tgz#d199d8eaef830179c0c95b7a6e5455e893d1102c"
-  integrity sha512-wnFQmJ/zPThM5zEGcnDcCJeYJgtSLjh1d//WuHzhf6zT3Md1BvvhJnWoy+HECKu2bMxaIcfWiu3bJgx6z4g2XA==
-
-"@rollup/rollup-freebsd-x64@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.1.tgz#cab01f9e06ca756c1fabe87d64825ae016af4713"
-  integrity sha512-uBmIxoJ4493YATvU2c0upGz87f99e3wop7TJgOA/bXMFd2SvKCI7xkxY/5k50bv7J6dw1SXT4MQBQSLn8Bb/Uw==
-
-"@rollup/rollup-linux-arm-gnueabihf@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.1.tgz#f6f1c42036dba0e58dc2315305429beff0d02c78"
-  integrity sha512-n0edDmSHlXFhrlmTK7XBuwKlG5MbS7yleS1cQ9nn4kIeW+dJH+ExqNgQ0RrFRew8Y+0V/x6C5IjsHrJmiHtkxQ==
-
-"@rollup/rollup-linux-arm-musleabihf@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.1.tgz#1157e98e740facf858993fb51431dce3a4a96239"
-  integrity sha512-8WVUPy3FtAsKSpyk21kV52HCxB+me6YkbkFHATzC2Yd3yuqHwy2lbFL4alJOLXKljoRw08Zk8/xEj89cLQ/4Nw==
-
-"@rollup/rollup-linux-arm64-gnu@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.1.tgz#b39db73f8a4c22e7db31a4f3fd45170105f33265"
-  integrity sha512-yuktAOaeOgorWDeFJggjuCkMGeITfqvPgkIXhDqsfKX8J3jGyxdDZgBV/2kj/2DyPaLiX6bPdjJDTu9RB8lUPQ==
-
-"@rollup/rollup-linux-arm64-musl@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.1.tgz#4043398049fe4449c1485312d1ae9ad8af4056dd"
-  integrity sha512-W+GBM4ifET1Plw8pdVaecwUgxmiH23CfAUj32u8knq0JPFyK4weRy6H7ooxYFD19YxBulL0Ktsflg5XS7+7u9g==
-
-"@rollup/rollup-linux-loongarch64-gnu@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.1.tgz#855a80e7e86490da15a85dcce247dbc25265bc08"
-  integrity sha512-1zqnUEMWp9WrGVuVak6jWTl4fEtrVKfZY7CvcBmUUpxAJ7WcSowPSAWIKa/0o5mBL/Ij50SIf9tuirGx63Ovew==
-
-"@rollup/rollup-linux-powerpc64le-gnu@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.1.tgz#8cf843cb7ab1d42e1dda680937cf0a2db6d59047"
-  integrity sha512-Rl3JKaRu0LHIx7ExBAAnf0JcOQetQffaw34T8vLlg9b1IhzcBgaIdnvEbbsZq9uZp3uAH+JkHd20Nwn0h9zPjA==
-
-"@rollup/rollup-linux-riscv64-gnu@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.1.tgz#287c085472976c8711f16700326f736a527f2f38"
-  integrity sha512-j5akelU3snyL6K3N/iX7otLBIl347fGwmd95U5gS/7z6T4ftK288jKq3A5lcFKcx7wwzb5rgNvAg3ZbV4BqUSw==
-
-"@rollup/rollup-linux-riscv64-musl@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.1.tgz#095ad5e53a54ba475979f1b3226b92440c95c892"
-  integrity sha512-ppn5llVGgrZw7yxbIm8TTvtj1EoPgYUAbfw0uDjIOzzoqlZlZrLJ/KuiE7uf5EpTpCTrNt1EdtzF0naMm0wGYg==
-
-"@rollup/rollup-linux-s390x-gnu@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.1.tgz#a3dec8281d8f2aef1703e48ebc65d29fe847933c"
-  integrity sha512-Hu6hEdix0oxtUma99jSP7xbvjkUM/ycke/AQQ4EC5g7jNRLLIwjcNwaUy95ZKBJJwg1ZowsclNnjYqzN4zwkAw==
-
-"@rollup/rollup-linux-x64-gnu@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.1.tgz#4b211e6fd57edd6a134740f4f8e8ea61972ff2c5"
-  integrity sha512-EtnsrmZGomz9WxK1bR5079zee3+7a+AdFlghyd6VbAjgRJDbTANJ9dcPIPAi76uG05micpEL+gPGmAKYTschQw==
-
-"@rollup/rollup-linux-x64-musl@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.1.tgz#3ecbf8e21b4157e57bb15dc6837b6db851f9a336"
-  integrity sha512-iAS4p+J1az6Usn0f8xhgL4PaU878KEtutP4hqw52I4IO6AGoyOkHCxcc4bqufv1tQLdDWFx8lR9YlwxKuv3/3g==
-
-"@rollup/rollup-win32-arm64-msvc@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.1.tgz#d4aae38465b2ad200557b53c8c817266a3ddbfd0"
-  integrity sha512-NtSJVKcXwcqozOl+FwI41OH3OApDyLk3kqTJgx8+gp6On9ZEt5mYhIsKNPGuaZr3p9T6NWPKGU/03Vw4CNU9qg==
-
-"@rollup/rollup-win32-ia32-msvc@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.1.tgz#0258e8ca052abd48b23fd6113360fa0cd1ec3e23"
-  integrity sha512-JYA3qvCOLXSsnTR3oiyGws1Dm0YTuxAAeaYGVlGpUsHqloPcFjPg+X0Fj2qODGLNwQOAcCiQmHub/V007kiH5A==
-
-"@rollup/rollup-win32-x64-msvc@4.44.1":
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.1.tgz#1c982f6a5044ffc2a35cd754a0951bdcb44d5ba0"
-  integrity sha512-J8o22LuF0kTe7m+8PvW9wk3/bRq5+mRo5Dqo6+vXb7otCm3TPhYOJqOaQtGU9YMWQSL3krMnoOxMr0+9E6F3Ug==
-
-"@samverschueren/stream-to-observable@^0.3.0":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.1.tgz#a21117b19ee9be70c379ec1877537ef2e1c63301"
-  integrity sha512-c/qwwcHyafOQuVQJj0IlBjf5yYgBI7YPJ77k4fOJYesb41jio65eaJODRUmfYKhTOFBrIZ66kgvGPlNbjuoRdQ==
-  dependencies:
-    any-observable "^0.3.0"
-
-"@sentry-internal/browser-utils@8.55.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/browser-utils/-/browser-utils-8.55.0.tgz#d89bae423edd29c39f01285c8e2d59ce9289d9a6"
-  integrity sha512-ROgqtQfpH/82AQIpESPqPQe0UyWywKJsmVIqi3c5Fh+zkds5LUxnssTj3yNd1x+kxaPDVB023jAP+3ibNgeNDw==
-  dependencies:
-    "@sentry/core" "8.55.0"
-
-"@sentry-internal/feedback@8.55.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/feedback/-/feedback-8.55.0.tgz#170b8e96a36ce6f71f53daad680f1a0c98381314"
-  integrity sha512-cP3BD/Q6pquVQ+YL+rwCnorKuTXiS9KXW8HNKu4nmmBAyf7urjs+F6Hr1k9MXP5yQ8W3yK7jRWd09Yu6DHWOiw==
-  dependencies:
-    "@sentry/core" "8.55.0"
-
-"@sentry-internal/replay-canvas@8.55.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/replay-canvas/-/replay-canvas-8.55.0.tgz#e65430207a2f18e4a07c25c669ec758d11282aaf"
-  integrity sha512-nIkfgRWk1091zHdu4NbocQsxZF1rv1f7bbp3tTIlZYbrH62XVZosx5iHAuZG0Zc48AETLE7K4AX9VGjvQj8i9w==
-  dependencies:
-    "@sentry-internal/replay" "8.55.0"
-    "@sentry/core" "8.55.0"
-
-"@sentry-internal/replay@8.55.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/replay/-/replay-8.55.0.tgz#4c00b22cdf58cac5b3e537f8d4f675f2b021f475"
-  integrity sha512-roCDEGkORwolxBn8xAKedybY+Jlefq3xYmgN2fr3BTnsXjSYOPC7D1/mYqINBat99nDtvgFvNfRcZPiwwZ1hSw==
-  dependencies:
-    "@sentry-internal/browser-utils" "8.55.0"
-    "@sentry/core" "8.55.0"
-
-"@sentry/babel-plugin-component-annotate@2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@sentry/babel-plugin-component-annotate/-/babel-plugin-component-annotate-2.23.0.tgz#f7312e733d9e3b23ccc55d05d811de709e11e9b1"
-  integrity sha512-+uLqaCKeYmH/W2YUV1XHkFEtpHdx/aFjCQahPVsvXyqg13dfkR6jaygPL4DB5DJtUSmPFCUE3MEk9ZO5JlhJYg==
-
-"@sentry/browser@8.55.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-8.55.0.tgz#9a489e2a54d29c65e6271b4ee594b43679cab7bd"
-  integrity sha512-1A31mCEWCjaMxJt6qGUK+aDnLDcK6AwLAZnqpSchNysGni1pSn1RWSmk9TBF8qyTds5FH8B31H480uxMPUJ7Cw==
-  dependencies:
-    "@sentry-internal/browser-utils" "8.55.0"
-    "@sentry-internal/feedback" "8.55.0"
-    "@sentry-internal/replay" "8.55.0"
-    "@sentry-internal/replay-canvas" "8.55.0"
-    "@sentry/core" "8.55.0"
-
-"@sentry/bundler-plugin-core@2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@sentry/bundler-plugin-core/-/bundler-plugin-core-2.23.0.tgz#5b3e919766917cda01bd640a2671e7ff2f8a613d"
-  integrity sha512-Qbw+jZFK63w+V193l0eCFKLzGba2Iu93Fx8kCRzZ3uqjky002H8U3pu4mKgcc11J+u8QTjfNZGUyXsxz0jv2mg==
-  dependencies:
-    "@babel/core" "^7.18.5"
-    "@sentry/babel-plugin-component-annotate" "2.23.0"
-    "@sentry/cli" "2.39.1"
-    dotenv "^16.3.1"
-    find-up "^5.0.0"
-    glob "^9.3.2"
-    magic-string "0.30.8"
-    unplugin "1.0.1"
-
-"@sentry/cli-darwin@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-darwin/-/cli-darwin-2.39.1.tgz#75c338a53834b4cf72f57599f4c72ffb36cf0781"
-  integrity sha512-kiNGNSAkg46LNGatfNH5tfsmI/kCAaPA62KQuFZloZiemTNzhy9/6NJP8HZ/GxGs8GDMxic6wNrV9CkVEgFLJQ==
-
-"@sentry/cli-linux-arm64@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.39.1.tgz#27db44700c33fcb1e8966257020b43f8494373e6"
-  integrity sha512-5VbVJDatolDrWOgaffsEM7znjs0cR8bHt9Bq0mStM3tBolgAeSDHE89NgHggfZR+DJ2VWOy4vgCwkObrUD6NQw==
-
-"@sentry/cli-linux-arm@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-arm/-/cli-linux-arm-2.39.1.tgz#451683fa9a5a60b1359d104ec71334ed16f4b63c"
-  integrity sha512-DkENbxyRxUrfLnJLXTA4s5UL/GoctU5Cm4ER1eB7XN7p9WsamFJd/yf2KpltkjEyiTuplv0yAbdjl1KX3vKmEQ==
-
-"@sentry/cli-linux-i686@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-i686/-/cli-linux-i686-2.39.1.tgz#9965a81f97a94e8b6d1d15589e43fee158e35201"
-  integrity sha512-pXWVoKXCRrY7N8vc9H7mETiV9ZCz+zSnX65JQCzZxgYrayQPJTc+NPRnZTdYdk5RlAupXaFicBI2GwOCRqVRkg==
-
-"@sentry/cli-linux-x64@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-linux-x64/-/cli-linux-x64-2.39.1.tgz#31fe008b02f92769543dc9919e2a5cbc4cda7889"
-  integrity sha512-IwayNZy+it7FWG4M9LayyUmG1a/8kT9+/IEm67sT5+7dkMIMcpmHDqL8rWcPojOXuTKaOBBjkVdNMBTXy0mXlA==
-
-"@sentry/cli-win32-i686@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-i686/-/cli-win32-i686-2.39.1.tgz#609e8790c49414011445e397130560c777850b35"
-  integrity sha512-NglnNoqHSmE+Dz/wHeIVRnV2bLMx7tIn3IQ8vXGO5HWA2f8zYJGktbkLq1Lg23PaQmeZLPGlja3gBQfZYSG10Q==
-
-"@sentry/cli-win32-x64@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli-win32-x64/-/cli-win32-x64-2.39.1.tgz#1a874a5570c6d162b35d9d001c96e5389d07d2cb"
-  integrity sha512-xv0R2CMf/X1Fte3cMWie1NXuHmUyQPDBfCyIt6k6RPFPxAYUgcqgMPznYwVMwWEA1W43PaOkSn3d8ZylsDaETw==
-
-"@sentry/cli@2.39.1":
-  version "2.39.1"
-  resolved "https://registry.yarnpkg.com/@sentry/cli/-/cli-2.39.1.tgz#916bb5b7567ccf7fdf94ef6cf8a2b9ab78370d29"
-  integrity sha512-JIb3e9vh0+OmQ0KxmexMXg9oZsR/G7HMwxt5BUIKAXZ9m17Xll4ETXTRnRUBT3sf7EpNGAmlQk1xEmVN9pYZYQ==
-  dependencies:
-    https-proxy-agent "^5.0.0"
-    node-fetch "^2.6.7"
-    progress "^2.0.3"
-    proxy-from-env "^1.1.0"
-    which "^2.0.2"
-  optionalDependencies:
-    "@sentry/cli-darwin" "2.39.1"
-    "@sentry/cli-linux-arm" "2.39.1"
-    "@sentry/cli-linux-arm64" "2.39.1"
-    "@sentry/cli-linux-i686" "2.39.1"
-    "@sentry/cli-linux-x64" "2.39.1"
-    "@sentry/cli-win32-i686" "2.39.1"
-    "@sentry/cli-win32-x64" "2.39.1"
-
-"@sentry/core@8.55.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-8.55.0.tgz#4964920229fcf649237ef13b1533dfc4b9f6b22e"
-  integrity sha512-6g7jpbefjHYs821Z+EBJ8r4Z7LT5h80YSWRJaylGS4nW5W5Z2KXzpdnyFarv37O7QjauzVC2E+PABmpkw5/JGA==
-
-"@sentry/vite-plugin@^2.19.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@sentry/vite-plugin/-/vite-plugin-2.23.0.tgz#d6cc5ba63174f1413b3420939bd940c44f702d5e"
-  integrity sha512-iLbqxan3DUkFJqbx7DOtJ2fTd6g+TmNS1PIdaDFfpvVG4Lg9AYp4Xege6BBCrGQYl+wUE3poWfNhASfch/s51Q==
-  dependencies:
-    "@sentry/bundler-plugin-core" "2.23.0"
-    unplugin "1.0.1"
-
-"@sentry/vue@^8.10.0":
-  version "8.55.0"
-  resolved "https://registry.yarnpkg.com/@sentry/vue/-/vue-8.55.0.tgz#b2d8011908f8d5928d0d024c1ccd9d5ca862350f"
-  integrity sha512-J6lcpzL39snV/spoGpwyk5Rp1wSFxOV4qV1NhQ9OlLHORVBp/Xpw7cEA0oKqG2w1wVtCV+gC5Jjf9HTmYiHQOQ==
-  dependencies:
-    "@sentry/browser" "8.55.0"
-    "@sentry/core" "8.55.0"
-
-"@socket.io/component-emitter@~3.1.0":
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz#821f8442f4175d8f0467b9daf26e3a18e2d02af2"
-  integrity sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==
-
-"@stripe/stripe-js@^1.3.0":
-  version "1.54.2"
-  resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-1.54.2.tgz#0665848e22cbda936cfd05256facdfbba121438d"
-  integrity sha512-R1PwtDvUfs99cAjfuQ/WpwJ3c92+DAMy9xGApjqlWQMj0FKQabUAys2swfTRNzuYAYJh7NqK2dzcYVNkKLEKUg==
-
-"@swc/helpers@^0.5.0":
-  version "0.5.17"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.17.tgz#5a7be95ac0f0bf186e7e6e890e7a6f6cda6ce971"
-  integrity sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==
-  dependencies:
-    tslib "^2.8.0"
-
-"@tailwindcss/container-queries@^0.1.1":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz#9a759ce2cb8736a4c6a0cb93aeb740573a731974"
-  integrity sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==
-
-"@tailwindcss/forms@^0.4.0":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.4.1.tgz#5a47ccd60490cbba84e662f2b9cf3d71a5126d17"
-  integrity sha512-gS9xjCmJjUBz/eP12QlENPLnf0tCx68oYE3mri0GMP5jdtVwLbGUNSRpjsp6NzLAZzZy3ueOwrcqB78Ax6Z84A==
-  dependencies:
-    mini-svg-data-uri "^1.2.3"
-
-"@tailwindcss/forms@^0.5.3":
-  version "0.5.10"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.5.10.tgz#0a1cd67b6933402f1985a04595bd24f9785aa302"
-  integrity sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==
-  dependencies:
-    mini-svg-data-uri "^1.2.3"
-
-"@tailwindcss/postcss7-compat@^2.0.2":
-  version "2.2.17"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/postcss7-compat/-/postcss7-compat-2.2.17.tgz#dc78f3880a2af84163150ff426a39e42b9ae8922"
-  integrity sha512-3h2svqQAqYHxRZ1KjsJjZOVTQ04m29LjfrLjXyZZEJuvUuJN+BCIF9GI8vhE1s0plS0mogd6E6YLg6mu4Wv/Vw==
-  dependencies:
-    arg "^5.0.1"
-    autoprefixer "^9"
-    bytes "^3.0.0"
-    chalk "^4.1.2"
-    chokidar "^3.5.2"
-    color "^4.0.1"
-    cosmiconfig "^7.0.1"
-    detective "^5.2.0"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.2.7"
-    fs-extra "^10.0.0"
-    glob-parent "^6.0.1"
-    html-tags "^3.1.0"
-    is-color-stop "^1.1.0"
-    is-glob "^4.0.1"
-    lodash "^4.17.21"
-    lodash.topath "^4.5.2"
-    modern-normalize "^1.1.0"
-    node-emoji "^1.11.0"
-    normalize-path "^3.0.0"
-    object-hash "^2.2.0"
-    postcss "^7"
-    postcss-functions "^3"
-    postcss-js "^2"
-    postcss-load-config "^3.1.0"
-    postcss-nested "^4"
-    postcss-selector-parser "^6.0.6"
-    postcss-value-parser "^4.1.0"
-    pretty-hrtime "^1.0.3"
-    purgecss "^4.0.3"
-    quick-lru "^5.1.1"
-    reduce-css-calc "^2.1.8"
-    resolve "^1.20.0"
-    tmp "^0.2.1"
-
-"@tailwindcss/typography@^0.5.0", "@tailwindcss/typography@^0.5.1":
-  version "0.5.16"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.16.tgz#a926c8f44d5c439b2915e231cad80058850047c6"
-  integrity sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==
-  dependencies:
-    lodash.castarray "^4.4.0"
-    lodash.isplainobject "^4.0.6"
-    lodash.merge "^4.6.2"
-    postcss-selector-parser "6.0.10"
-
-"@tanstack/table-core@8.21.3":
-  version "8.21.3"
-  resolved "https://registry.yarnpkg.com/@tanstack/table-core/-/table-core-8.21.3.tgz#2977727d8fc8dfa079112d9f4d4c019110f1732c"
-  integrity sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==
-
-"@tanstack/virtual-core@3.13.12":
-  version "3.13.12"
-  resolved "https://registry.yarnpkg.com/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz#1dff176df9cc8f93c78c5e46bcea11079b397578"
-  integrity sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==
-
-"@tanstack/vue-table@^8.20.5":
-  version "8.21.3"
-  resolved "https://registry.yarnpkg.com/@tanstack/vue-table/-/vue-table-8.21.3.tgz#09498ba5bbe5eca5aa665f9b76876da22715bb28"
-  integrity sha512-rusRyd77c5tDPloPskctMyPLFEQUeBzxdQ+2Eow4F7gDPlPOB1UnnhzfpdvqZ8ZyX2rRNGmqNnQWm87OI2OQPw==
-  dependencies:
-    "@tanstack/table-core" "8.21.3"
-
-"@tanstack/vue-virtual@^3.0.0-beta.60", "@tanstack/vue-virtual@^3.8.1":
-  version "3.13.12"
-  resolved "https://registry.yarnpkg.com/@tanstack/vue-virtual/-/vue-virtual-3.13.12.tgz#a66daac9e6822ce4bcba76a3954937440697c264"
-  integrity sha512-vhF7kEU9EXWXh+HdAwKJ2m3xaOnTTmgcdXcF2pim8g4GvI7eRrk2YRuV5nUlZnd/NbCIX4/Ja2OZu5EjJL06Ww==
-  dependencies:
-    "@tanstack/virtual-core" "3.13.12"
-
-"@tiptap/core@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/core/-/core-2.23.0.tgz#fa49cb6eee0c48895c08e56979aaadeb8a7575df"
-  integrity sha512-Cdfhd0Po1cKMYqHtyv/3XATXpf2Kjo8fuau/QJwrml0NpM18/XX9mAgp2NJ/QaiQ3vi8vDandg7RmZ5OrApglQ==
-
-"@tiptap/extension-blockquote@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-blockquote/-/extension-blockquote-2.23.0.tgz#308f15c953b71f39f7b6a6cd06f43f6f5dbf3d18"
-  integrity sha512-EBWzvqM39K07oAtxD/bZr/TKqTvMZ9pQtBkimyFgHBhkd/PsQvu0r0k1wmheSsizlwDVkO4O8St0zkUimqyevQ==
-
-"@tiptap/extension-bold@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-bold/-/extension-bold-2.23.0.tgz#2435f817602a50dd7ce8f8360a489116b461e49b"
-  integrity sha512-OY1xlt1yXpj9+Mzdv+YC6a3okr39xDkeCJyvmLG5OShYUx6fxTT19uXbKF7Y3aAS0BHet5rcrTXEMRlp7N3Qaw==
-
-"@tiptap/extension-bubble-menu@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.23.0.tgz#8d13d372eb5c5ff1ac83e8f02f1d0b445c15cb98"
-  integrity sha512-4CZxcVj/0ZetEiWgiP31xTHgaQ7Hr3Ad36cAEza/nGYifaztuPjLO2Y9qdnC1iJHIxttnX6GVRnCMRmZMfhgHg==
-  dependencies:
-    tippy.js "^6.3.7"
-
-"@tiptap/extension-bullet-list@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-bullet-list/-/extension-bullet-list-2.23.0.tgz#b412159ab400115b4de6dce87fe33584764bc6d9"
-  integrity sha512-YrmH5AVSkpCQ7k1Orm8hlzDeUO7rxpQkS51sr2w+ruruKIun/X6V0phuLee+f7DBrzHenBcuU6gBtU6vgGPYFw==
-
-"@tiptap/extension-code-block@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-code-block/-/extension-code-block-2.23.0.tgz#7ab406cc5ec72347db6b370c5f761ced81aacbb8"
-  integrity sha512-p8iizp5nQBBhYPrIgBVwEqcDnc2fFRAZCXy/xjmAk2kKOhB7NYe3+1yrbFcQKVAdaUFxG+BRj2WxNDeeRt5tJA==
-
-"@tiptap/extension-code@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-code/-/extension-code-2.23.0.tgz#646403bbf407057d217d58283cfddbdd13395309"
-  integrity sha512-Ip/5+kNoqrxYPHLnZMf7i6wfjjRuR5QgfC3IR3Mk1WQM1JGXCLL+uUjTUxKXFUj28hjSJfsmVbTUhoVvgZEWfw==
-
-"@tiptap/extension-color@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-color/-/extension-color-2.23.0.tgz#e331e447e8bc3e34e13962b63bfa19b8a4649ac3"
-  integrity sha512-KWnxX5Y2/yVgUizEv/feFLMJObnY11pjAmvkypx10/8pkc8EECsa+fJPSkm4293TumVNiJxxGWkGZ1jkL0avoA==
-
-"@tiptap/extension-document@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-document/-/extension-document-2.23.0.tgz#3a36448d55070245fbcc7af1e729bcf752dc7432"
-  integrity sha512-kuRPqH0UdjZ4RcnpPELsu1N8LqeixEin+mv5eaQJI/aZ6rFq+kcY4UZF3C7q56Rat5r9CgHBiZbD0t5l6E3gdA==
-
-"@tiptap/extension-dropcursor@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-dropcursor/-/extension-dropcursor-2.23.0.tgz#7d1abf15c050904afb53f38c057dfb0ad391d28a"
-  integrity sha512-m2LzkJpipHLPEllD3MXZQMssu7Xng7YJOJ8ZNDkF0uUkXljwh7G0ROjGNKUlV8/dqoCVmJIZIyF6t9saQwTTbA==
-
-"@tiptap/extension-floating-menu@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-floating-menu/-/extension-floating-menu-2.23.0.tgz#4acc751cfb98f55f8d2ea350c1a825e7ea66e884"
-  integrity sha512-MvwDMhO5o5NciE+wc6B9dQgTFzmPjtB1o3S+HTdlGzGFGgx9PsNikK5BkqMit9j2NnrqyHnOf88QK/wZR5fqGA==
-  dependencies:
-    tippy.js "^6.3.7"
-
-"@tiptap/extension-gapcursor@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-gapcursor/-/extension-gapcursor-2.23.0.tgz#e3654c152fad724eb38df0e7c507495ca1b81302"
-  integrity sha512-SpYsDtMiVwqcSB84g714PrnHo985R5UiIaGngef6iMNy/0xjKcO0tj/feu0WwJDuSj22Opzlnb/Ld/D4Va27Ng==
-
-"@tiptap/extension-hard-break@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-hard-break/-/extension-hard-break-2.23.0.tgz#7b7500542253a63ced94ee4cf332e854d479d176"
-  integrity sha512-OpNBEYv9HDUPo8SgvmI5oPd0b+xmdadtFyL7t4lxhYar8n5NDYubaXYgbKcdJfXvUxEeGwdc3ePnTFpsF0mrYw==
-
-"@tiptap/extension-heading@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-heading/-/extension-heading-2.23.0.tgz#e76fc3c20213fe8b6efd781e3bff342fac9a0849"
-  integrity sha512-ZbombU/zc42QiqIBVq5bn/I0Y+eiie/0Nax/bdFCDPIKLp8GCp2BDRg46e3kcCanTyZMXw2HmkWrkG3sQNHLWw==
-
-"@tiptap/extension-highlight@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-highlight/-/extension-highlight-2.23.0.tgz#74d651d46cbda03fdac0b7658e0c2c4804e3db52"
-  integrity sha512-Jzy8Qmh9/YApo1MONTBJx4r0id24AX527oskQ0iE0eYWbfuu2G0SRSxtP/x+vgvGbmcw0mgm6PZbHVcJTyf+KA==
-
-"@tiptap/extension-history@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-history/-/extension-history-2.23.0.tgz#5f2ed8d3aab60e227740d5507d9f1d0612933736"
-  integrity sha512-W+2bZ/02nm56g/wmEaSx9QcdZ8mHjoFyc8MKf54Mrzi+nIdNjsNreKrn1yCp683CGEPd8DLadDFkz0o13N+rxA==
-
-"@tiptap/extension-horizontal-rule@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.23.0.tgz#3ce9548f11949f0df4f05942e76e1ac165f76242"
-  integrity sha512-i/gml9PMQ6uNeq2CCNIWkkYDbafx6XMH4xPSHW4SAG02Exa64iIZLWy57Vb4MR5INSZ6lM/OzU7sdfzHSOb44g==
-
-"@tiptap/extension-image@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-image/-/extension-image-2.23.0.tgz#4cc47e8a760ca3f2d05fd492038ec266701eb066"
-  integrity sha512-/rW2+a21VBGBv5c/78CVW8XA7bThSqE3FqcBtWyq8IxZoe8Hj9+Jac7FcB2YR3aY0BeHwso474e1RuVr1iYBKQ==
-
-"@tiptap/extension-italic@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-italic/-/extension-italic-2.23.0.tgz#d02d1983c11ea6771a9b66a5e24b043ed8704145"
-  integrity sha512-hX3oacTUloWM8Xu8IapcU2onMWmSkJi8mNAJiIFMiAYcERfTfxPsT3u2yO2gvpoh1iqtZWFM2gc+3x6BnXek8g==
-
-"@tiptap/extension-link@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-link/-/extension-link-2.23.0.tgz#5e665fcecda56133abf5a7e40d12a6691a8ff760"
-  integrity sha512-D+ethAE8+2f7RH7kqS+//EsC2wNblhmssJYVE0hCXM5BKIBixjs8eCOAvLbJsw0u/5LqFYjsyAimTqa4hD5uvg==
-  dependencies:
-    linkifyjs "^4.2.0"
-
-"@tiptap/extension-list-item@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-list-item/-/extension-list-item-2.23.0.tgz#fb5f1a607e1fdf1ff7e7faa81861946af96fb208"
-  integrity sha512-tYhLqCaQRjX2S6ICt8FJ+eCAxBMVtXWth6dWt3w7wpkoCVU6n0Dva/2Z3x5lNJPZxUKrsqXc1oYOgvY1pUYyAA==
-
-"@tiptap/extension-mention@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-mention/-/extension-mention-2.23.0.tgz#ed8021ccdaf6191ca75303d29eda01796835b783"
-  integrity sha512-hu9BO1sVcNkvvpn3ddnRdu6P37P5eCUoBw4U52940LHPd6fGjJ9PL1d0lrOSTwAz7oEM4w9oR8P2aI56DO0NLA==
-
-"@tiptap/extension-ordered-list@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-ordered-list/-/extension-ordered-list-2.23.0.tgz#8e3c320174b7970f6a45042538577cb4b87f1e0e"
-  integrity sha512-IMlPpAPuiFl5L5QwP0aFb8jmJtOceNy4E4tUZulvqARnrzFv//wSuHBZKJziygvm/XK7VcV/clk4fCk/ca5r4g==
-
-"@tiptap/extension-paragraph@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-paragraph/-/extension-paragraph-2.23.0.tgz#c6ee5a3ef009421631b6a06772012f6635faa2e5"
-  integrity sha512-MXhRkb741UOcJp2evG/H0MY3WJQnX7z8PsejmJbJXOHBrS/Esxq0AlrDAjuFhbfAnJwYiWQ1lk6ucvKV6DhFuQ==
-
-"@tiptap/extension-placeholder@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-placeholder/-/extension-placeholder-2.23.0.tgz#30474158b2c0d633fd8d2313b8e25c527803dd52"
-  integrity sha512-I5RQk0qn6nj7l7z4mWKIxjO2nluvKsm00W2CbC75b4YcScBfsMInHQdjN2s+W8xuF0zquhwVITxA+Bmn4zynqg==
-
-"@tiptap/extension-strike@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-strike/-/extension-strike-2.23.0.tgz#212aaed49149e72c2487ee2721bb9ab971188cc8"
-  integrity sha512-zdYO4xdg15BE8gmPYFgA5Xn5+hPA6NAiDBWxv5KNWD9cJ5OhsJx2OsfSCWc0CxYQaIIbHhGM9EGzqH5lF+UnwQ==
-
-"@tiptap/extension-table-cell@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-table-cell/-/extension-table-cell-2.23.0.tgz#f048978eeebd2158d1dab3237a4bd350bb0f1dd0"
-  integrity sha512-+fYhtoUPAveDfbvz0aUuyzBZf3swD3Lo5Vf6oLL+rU5kIS9hHkYW8opkLnH87dOauRiTbwlM60lK9qaW07VGuA==
-
-"@tiptap/extension-table-header@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-table-header/-/extension-table-header-2.23.0.tgz#6a15220db9d25dbe1be96366f73b8320167cf3a2"
-  integrity sha512-WTd6tGUzMR1oX07BkgNPwX9HJczB3GCZfiqtXjAcFSfEwiE2CxhCxyZ3BHxmobxEs57tmANwsTPGApQnLvxAuw==
-
-"@tiptap/extension-table-row@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-table-row/-/extension-table-row-2.23.0.tgz#d8b08a9c64232616a0251d8dbf7d05be5f74ed92"
-  integrity sha512-0BO1FEU9w2cMZvdjStwF9fiVbu60HqarBLJcpsCYSUHKt6XdaYd8vuX8YOd5moqL9EpexfmDWwoUj/LwPi6PYw==
-
-"@tiptap/extension-table@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-table/-/extension-table-2.23.0.tgz#89b7b052b4424812905a5c06e4171b238d036335"
-  integrity sha512-DkXW9px5gXmiMxQdG0++j3v8D4c8lw4Op2KjZVdZ+JAy8cDZJne9BQlZ/NWPsDUhA5iB4D+oRNyTfMOgDXMXew==
-
-"@tiptap/extension-text-align@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-text-align/-/extension-text-align-2.23.0.tgz#f0d8b29b5b26787f4f2da061e53ce932e0b374a8"
-  integrity sha512-uUnldFtZ/8uIbkR/NrI/JhM0OThGHyPooOhK/cVMexyLkGQdt75Vkc9T7nYxiFHp6MRRzFzbdPbTjkpc8UxKew==
-
-"@tiptap/extension-text-style@^2.0.3", "@tiptap/extension-text-style@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-text-style/-/extension-text-style-2.23.0.tgz#44cfa4021c87ba8e547e5b6f3685a159f2a2d6d4"
-  integrity sha512-SFSKm0fHgBiJHwv8nZFeNToBqTDWxuTBr1vWHu/QKmP4H3D8xKRJZlCJ4zrtTEhMyKSLmFxG41fuC0r233SE3Q==
-
-"@tiptap/extension-text@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-text/-/extension-text-2.23.0.tgz#5913bcb51612bcd5ceb59c812b22715801f23bf9"
-  integrity sha512-hF+CU1H4B4UgqjBXXPPaACVZdSGuMH0TDYTd7h403qUAIBKkYbjuan7laQpiT0qnF0Dg+sGgvmGcd4H1tTBM8g==
-
-"@tiptap/extension-typography@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-typography/-/extension-typography-2.23.0.tgz#6746d81739d884a1a05cad205161cbe8f57bd7bd"
-  integrity sha512-NtBPdxaDCA9urkpl48mFbEFLmAnZyV5jGyABHpQKWxzV2tmTjWpPWwmd5g281S0rHlXRSO2e2uTFWRYd1hGlbQ==
-
-"@tiptap/pm@^2.0.3", "@tiptap/pm@^2.23.0":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/pm/-/pm-2.23.0.tgz#0f93e7a98498bb3ae4e7c457b02e66b56c1cbb7f"
-  integrity sha512-PQFi8H+OrcaNXNGxbXSjJmZFh1wxiFMbUg25LjOX148d7i+21uWKy6avsr5rsBQNBAKIIMB6PQY61Lhv5r61uA==
-  dependencies:
-    prosemirror-changeset "^2.3.0"
-    prosemirror-collab "^1.3.1"
-    prosemirror-commands "^1.6.2"
-    prosemirror-dropcursor "^1.8.1"
-    prosemirror-gapcursor "^1.3.2"
-    prosemirror-history "^1.4.1"
-    prosemirror-inputrules "^1.4.0"
-    prosemirror-keymap "^1.2.2"
-    prosemirror-markdown "^1.13.1"
-    prosemirror-menu "^1.2.4"
-    prosemirror-model "^1.23.0"
-    prosemirror-schema-basic "^1.2.3"
-    prosemirror-schema-list "^1.4.1"
-    prosemirror-state "^1.4.3"
-    prosemirror-tables "^1.6.4"
-    prosemirror-trailing-node "^3.0.0"
-    prosemirror-transform "^1.10.2"
-    prosemirror-view "^1.37.0"
-
-"@tiptap/starter-kit@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/starter-kit/-/starter-kit-2.23.0.tgz#1d1fbefe05bcf5fad62dd3099dab2456d3433fa1"
-  integrity sha512-mmSrWQB57dHQOZLE9Q4vlgsYYMfihVHDMHshgTSy7nsmw3cFgYGcmzdBKVkO6Ekxk4vElzZIzjSTa0cbOOtfKQ==
-  dependencies:
-    "@tiptap/core" "^2.23.0"
-    "@tiptap/extension-blockquote" "^2.23.0"
-    "@tiptap/extension-bold" "^2.23.0"
-    "@tiptap/extension-bullet-list" "^2.23.0"
-    "@tiptap/extension-code" "^2.23.0"
-    "@tiptap/extension-code-block" "^2.23.0"
-    "@tiptap/extension-document" "^2.23.0"
-    "@tiptap/extension-dropcursor" "^2.23.0"
-    "@tiptap/extension-gapcursor" "^2.23.0"
-    "@tiptap/extension-hard-break" "^2.23.0"
-    "@tiptap/extension-heading" "^2.23.0"
-    "@tiptap/extension-history" "^2.23.0"
-    "@tiptap/extension-horizontal-rule" "^2.23.0"
-    "@tiptap/extension-italic" "^2.23.0"
-    "@tiptap/extension-list-item" "^2.23.0"
-    "@tiptap/extension-ordered-list" "^2.23.0"
-    "@tiptap/extension-paragraph" "^2.23.0"
-    "@tiptap/extension-strike" "^2.23.0"
-    "@tiptap/extension-text" "^2.23.0"
-    "@tiptap/extension-text-style" "^2.23.0"
-    "@tiptap/pm" "^2.23.0"
-
-"@tiptap/suggestion@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/suggestion/-/suggestion-2.23.0.tgz#2ecdbed74d0ee3fdac1cbbb847c5c128e8159ebb"
-  integrity sha512-WUUGADu8ZezXZ4hXZWdfGcfoitB5tiBrc2u1oXqqL8VmJJedhY4MdWUPYqgh3359tAI2yJWmv+gPabX361gBEA==
-
-"@tiptap/vue-3@^2.0.3":
-  version "2.23.0"
-  resolved "https://registry.yarnpkg.com/@tiptap/vue-3/-/vue-3-2.23.0.tgz#56cc9127b19b61f32e0d42e890a6304d936d59ba"
-  integrity sha512-1vvPTff6OTGi0B07zKBZtk2uPKmt3EHShea2jmkoK+qZz+QFmbX6F9e0q2tbbZAQko4kDVApSyfMI2Pa2l3ysA==
-  dependencies:
-    "@tiptap/extension-bubble-menu" "^2.23.0"
-    "@tiptap/extension-floating-menu" "^2.23.0"
-
-"@tootallnate/once@2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
-  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
-
-"@types/chai-subset@^1.3.3":
-  version "1.3.6"
-  resolved "https://registry.yarnpkg.com/@types/chai-subset/-/chai-subset-1.3.6.tgz#fc50f637ebd038ed58700f826d7bab2caa8a8d7e"
-  integrity sha512-m8lERkkQj+uek18hXOZuec3W/fCRTrU4hrnXjH3qhHy96ytuPaPiWGgu7sJb7tZxZonO75vYAjCvpe/e4VUwRw==
-
-"@types/chai@^4.3.1":
-  version "4.3.20"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.20.tgz#cb291577ed342ca92600430841a00329ba05cecc"
-  integrity sha512-/pC9HAB5I/xMlc5FP77qjCnI16ChlJfW0tGa0IUcFn38VJrTV6DeZ60NU5KZBtaOZqjdpwTWohz5HU1RrhiYxQ==
-
-"@types/cookie@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.4.1.tgz#bfd02c1f2224567676c1545199f87c3a861d878d"
-  integrity sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==
-
-"@types/estree@1.0.8", "@types/estree@^1.0.0":
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
-  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
-
-"@types/glob@^7.1.1":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
-  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
-  dependencies:
-    "@types/minimatch" "*"
-    "@types/node" "*"
-
-"@types/inquirer@^8.1.3":
-  version "8.2.11"
-  resolved "https://registry.yarnpkg.com/@types/inquirer/-/inquirer-8.2.11.tgz#5f741050c696acf1926f136450d8d98ca65d9557"
-  integrity sha512-15UboTvxb9SOaPG7CcXZ9dkv8lNqfiAwuh/5WxJDLjmElBt9tbx1/FDsEnJddUBKvN4mlPKvr8FyO1rAmBanzg==
-  dependencies:
-    "@types/through" "*"
-    rxjs "^7.2.0"
-
-"@types/istanbul-lib-coverage@^2.0.1":
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
-  integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==
-
-"@types/js-levenshtein@^1.1.0":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@types/js-levenshtein/-/js-levenshtein-1.1.3.tgz#a6fd0bdc8255b274e5438e0bfb25f154492d1106"
-  integrity sha512-jd+Q+sD20Qfu9e2aEXogiO3vpOC1PYJOUdyN9gvs4Qrvkg4wF43L5OhqrPeokdv8TL0/mXoYfpkcoGZMNN2pkQ==
-
-"@types/linkify-it@^5":
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-5.0.0.tgz#21413001973106cda1c3a9b91eedd4ccd5469d76"
-  integrity sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==
-
-"@types/markdown-it@^14.0.0":
-  version "14.1.2"
-  resolved "https://registry.yarnpkg.com/@types/markdown-it/-/markdown-it-14.1.2.tgz#57f2532a0800067d9b934f3521429a2e8bfb4c61"
-  integrity sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==
-  dependencies:
-    "@types/linkify-it" "^5"
-    "@types/mdurl" "^2"
-
-"@types/mdurl@^2":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-2.0.0.tgz#d43878b5b20222682163ae6f897b20447233bdfd"
-  integrity sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==
-
-"@types/minimatch@*":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
-  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
-
-"@types/node@*":
-  version "24.0.4"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-24.0.4.tgz#dbae889912bda33a7f57669fb8587c1a56bc0c1f"
-  integrity sha512-ulyqAkrhnuNq9pB76DRBTkcS6YsmDALy6Ua63V8OhrOBgbcYt6IOdzpw5P1+dyRIyMerzLkeYWBeOXPpA9GMAA==
-  dependencies:
-    undici-types "~7.8.0"
-
-"@types/parse-json@^4.0.0":
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
-  integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
-
-"@types/set-cookie-parser@^2.4.0":
-  version "2.4.10"
-  resolved "https://registry.yarnpkg.com/@types/set-cookie-parser/-/set-cookie-parser-2.4.10.tgz#ad3a807d6d921db9720621ea3374c5d92020bcbc"
-  integrity sha512-GGmQVGpQWUe5qglJozEjZV/5dyxbOOZ0LHe/lqyWssB88Y4svNfst0uqBVscdDeIKl5Jy5+aPSvy7mI9tYRguw==
-  dependencies:
-    "@types/node" "*"
-
-"@types/through@*":
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/@types/through/-/through-0.0.33.tgz#14ebf599320e1c7851e7d598149af183c6b9ea56"
-  integrity sha512-HsJ+z3QuETzP3cswwtzt2vEIiHBk/dCcHGhbmG5X3ecnwFD/lPrMpliGXxSCg03L9AhrdwA4Oz/qfspkDW+xGQ==
-  dependencies:
-    "@types/node" "*"
-
-"@types/web-bluetooth@^0.0.20":
-  version "0.0.20"
-  resolved "https://registry.yarnpkg.com/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz#f066abfcd1cbe66267cdbbf0de010d8a41b41597"
-  integrity sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==
-
-"@vitejs/plugin-legacy@^4.1.1":
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-legacy/-/plugin-legacy-4.1.1.tgz#27aad7ab082d2d554cf48a8e4f1c0ae9f3eca522"
-  integrity sha512-um3gbVouD2Q/g19C0qpDfHwveXDCAHzs8OC3e9g6aXpKoD1H14himgs7wkMnhAynBJy7QqUoZNAXDuqN8zLR2g==
-  dependencies:
-    "@babel/core" "^7.22.9"
-    "@babel/preset-env" "^7.22.9"
-    browserslist "^4.21.9"
-    core-js "^3.31.1"
-    magic-string "^0.30.1"
-    regenerator-runtime "^0.13.11"
-    systemjs "^6.14.1"
-
-"@vitejs/plugin-vue-jsx@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.1.0.tgz#9953fd9456539e1f0f253bf0fcd1289e66c67cd1"
-  integrity sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==
-  dependencies:
-    "@babel/core" "^7.23.3"
-    "@babel/plugin-transform-typescript" "^7.23.3"
-    "@vue/babel-plugin-jsx" "^1.1.5"
-
-"@vitejs/plugin-vue@^5.0.3":
-  version "5.2.4"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz#9e8a512eb174bfc2a333ba959bbf9de428d89ad8"
-  integrity sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==
-
-"@volar/language-core@2.4.15", "@volar/language-core@~2.4.11":
-  version "2.4.15"
-  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.15.tgz#759d04cb4eab9920560b8bcfa4515d5b08a1b7ce"
-  integrity sha512-3VHw+QZU0ZG9IuQmzT68IyN4hZNd9GchGPhbD9+pa8CVv7rnoOZwo7T8weIbrRmihqy3ATpdfXFnqRrfPVK6CA==
-  dependencies:
-    "@volar/source-map" "2.4.15"
-
-"@volar/source-map@2.4.15":
-  version "2.4.15"
-  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-2.4.15.tgz#18aba09994c0268e59a418f9d738e4a85302781d"
-  integrity sha512-CPbMWlUN6hVZJYGcU/GSoHu4EnCHiLaXI9n8c9la6RaI9W5JHX+NqG+GSQcB0JdC2FIBLdZJwGsfKyBB71VlTg==
-
-"@volar/typescript@~2.4.11":
-  version "2.4.15"
-  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-2.4.15.tgz#1445d23f8e4f9ad821b6bfa58cf4a2b980dc5f97"
-  integrity sha512-2aZ8i0cqPGjXb4BhkMsPYDkkuc2ZQ6yOpqwAuNwUoncELqoy5fRgOQtLR9gB0g902iS0NAkvpIzs27geVyVdPg==
-  dependencies:
-    "@volar/language-core" "2.4.15"
-    path-browserify "^1.0.1"
-    vscode-uri "^3.0.8"
-
-"@vue/babel-helper-vue-transform-on@1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz#616020488692a9c42a613280d62ed1b727045d95"
-  integrity sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==
-
-"@vue/babel-plugin-jsx@^1.1.5":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz#c155c795ce980edf46aa6feceed93945a95ca658"
-  integrity sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/plugin-syntax-jsx" "^7.25.9"
-    "@babel/template" "^7.26.9"
-    "@babel/traverse" "^7.26.9"
-    "@babel/types" "^7.26.9"
-    "@vue/babel-helper-vue-transform-on" "1.4.0"
-    "@vue/babel-plugin-resolve-type" "1.4.0"
-    "@vue/shared" "^3.5.13"
-
-"@vue/babel-plugin-resolve-type@1.4.0":
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz#4d357a81fb0cc9cad0e8c81b118115bda2c51543"
-  integrity sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==
-  dependencies:
-    "@babel/code-frame" "^7.26.2"
-    "@babel/helper-module-imports" "^7.25.9"
-    "@babel/helper-plugin-utils" "^7.26.5"
-    "@babel/parser" "^7.26.9"
-    "@vue/compiler-sfc" "^3.5.13"
-
-"@vue/compiler-core@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.17.tgz#23d291bd01b863da3ef2e26e7db84d8e01a9b4c5"
-  integrity sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==
-  dependencies:
-    "@babel/parser" "^7.27.5"
-    "@vue/shared" "3.5.17"
-    entities "^4.5.0"
-    estree-walker "^2.0.2"
-    source-map-js "^1.2.1"
-
-"@vue/compiler-dom@3.5.17", "@vue/compiler-dom@^3.5.0":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz#7bc19a20e23b670243a64b47ce3a890239b870be"
-  integrity sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==
-  dependencies:
-    "@vue/compiler-core" "3.5.17"
-    "@vue/shared" "3.5.17"
-
-"@vue/compiler-sfc@3.5.17", "@vue/compiler-sfc@^3.1.0", "@vue/compiler-sfc@^3.5.13":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.17.tgz#c518871276e26593612bdab36f3f5bcd053b13bf"
-  integrity sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==
-  dependencies:
-    "@babel/parser" "^7.27.5"
-    "@vue/compiler-core" "3.5.17"
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/compiler-ssr" "3.5.17"
-    "@vue/shared" "3.5.17"
-    estree-walker "^2.0.2"
-    magic-string "^0.30.17"
-    postcss "^8.5.6"
-    source-map-js "^1.2.1"
-
-"@vue/compiler-ssr@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.17.tgz#14ba3b7bba6e0e1fd02002316263165a5d1046c7"
-  integrity sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==
-  dependencies:
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/shared" "3.5.17"
-
-"@vue/compiler-vue2@^2.7.16":
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz#2ba837cbd3f1b33c2bc865fbe1a3b53fb611e249"
-  integrity sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==
-  dependencies:
-    de-indent "^1.0.2"
-    he "^1.2.0"
-
-"@vue/devtools-api@^6.6.4":
-  version "6.6.4"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
-  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
-
-"@vue/eslint-config-prettier@^6.0.0":
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-6.0.0.tgz#ad5912b308f4ae468458e02a2b05db0b9d246700"
-  integrity sha512-wFQmv45c3ige5EA+ngijq40YpVcIkAy0Lihupnsnd1Dao5CBbPyfCzqtejFLZX1EwH/kCJdpz3t6s+5wd3+KxQ==
-  dependencies:
-    eslint-config-prettier "^6.0.0"
-
-"@vue/language-core@2.2.10":
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/@vue/language-core/-/language-core-2.2.10.tgz#5ae1e71a4e16dd59d1e4bac167f4b9c8c04d9f17"
-  integrity sha512-+yNoYx6XIKuAO8Mqh1vGytu8jkFEOH5C8iOv3i8Z/65A7x9iAOXA97Q+PqZ3nlm2lxf5rOJuIGI/wDtx/riNYw==
-  dependencies:
-    "@volar/language-core" "~2.4.11"
-    "@vue/compiler-dom" "^3.5.0"
-    "@vue/compiler-vue2" "^2.7.16"
-    "@vue/shared" "^3.5.0"
-    alien-signals "^1.0.3"
-    minimatch "^9.0.3"
-    muggle-string "^0.4.1"
-    path-browserify "^1.0.1"
-
-"@vue/reactivity@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.17.tgz#169b5dcf96c7f23788e5ed9745ec8a7227f2125e"
-  integrity sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==
-  dependencies:
-    "@vue/shared" "3.5.17"
-
-"@vue/runtime-core@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.17.tgz#b17bd41e13011e85e9b1025545292d43f5512730"
-  integrity sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==
-  dependencies:
-    "@vue/reactivity" "3.5.17"
-    "@vue/shared" "3.5.17"
-
-"@vue/runtime-dom@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.17.tgz#8e325e29cd03097fe179032fc8df384a426fc83a"
-  integrity sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==
-  dependencies:
-    "@vue/reactivity" "3.5.17"
-    "@vue/runtime-core" "3.5.17"
-    "@vue/shared" "3.5.17"
-    csstype "^3.1.3"
-
-"@vue/server-renderer@3.5.17":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.17.tgz#9b8fd6a40a3d55322509fafe78ac841ede649fbe"
-  integrity sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==
-  dependencies:
-    "@vue/compiler-ssr" "3.5.17"
-    "@vue/shared" "3.5.17"
-
-"@vue/shared@3.5.17", "@vue/shared@^3.5.0", "@vue/shared@^3.5.13":
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.17.tgz#e8b3a41f0be76499882a89e8ed40d86a70fa4b70"
-  integrity sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg==
-
-"@vue/test-utils@^2.0.0-rc.19":
-  version "2.4.6"
-  resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.4.6.tgz#7d534e70c4319d2a587d6a3b45a39e9695ade03c"
-  integrity sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==
-  dependencies:
-    js-beautify "^1.14.9"
-    vue-component-type-helpers "^2.0.0"
-
-"@vueuse/components@^10.7.0":
-  version "10.11.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/components/-/components-10.11.1.tgz#f6ff60769221d94da8c300417765fb0fecf0602a"
-  integrity sha512-ThcreQCX/eq61sLkLKjigD4PQvs3Wy4zglICvQH9tP6xl87y5KsQEoizn6OI+R3hrOgwQHLJe7Y0wLLh3fBKcg==
-  dependencies:
-    "@vueuse/core" "10.11.1"
-    "@vueuse/shared" "10.11.1"
-    vue-demi ">=0.14.8"
-
-"@vueuse/core@10.11.1", "@vueuse/core@^10.11.0", "@vueuse/core@^10.3.0", "@vueuse/core@^10.4.1":
-  version "10.11.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/core/-/core-10.11.1.tgz#15d2c0b6448d2212235b23a7ba29c27173e0c2c6"
-  integrity sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==
-  dependencies:
-    "@types/web-bluetooth" "^0.0.20"
-    "@vueuse/metadata" "10.11.1"
-    "@vueuse/shared" "10.11.1"
-    vue-demi ">=0.14.8"
-
-"@vueuse/metadata@10.11.1":
-  version "10.11.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/metadata/-/metadata-10.11.1.tgz#209db7bb5915aa172a87510b6de2ca01cadbd2a7"
-  integrity sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==
-
-"@vueuse/shared@10.11.1", "@vueuse/shared@^10.11.0":
-  version "10.11.1"
-  resolved "https://registry.yarnpkg.com/@vueuse/shared/-/shared-10.11.1.tgz#62b84e3118ae6e1f3ff38f4fbe71b0c5d0f10938"
-  integrity sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==
-  dependencies:
-    vue-demi ">=0.14.8"
-
-"@xmldom/xmldom@^0.7.2":
-  version "0.7.13"
-  resolved "https://registry.yarnpkg.com/@xmldom/xmldom/-/xmldom-0.7.13.tgz#ff34942667a4e19a9f4a0996a76814daac364cf3"
-  integrity sha512-lm2GW5PkosIzccsaZIz7tp8cPADSIlIHWDFTR1N0SzfinhhYgeIQjFMz4rYzanCScr3DqQLeomUDArp6MWKm+g==
-
-abab@^2.0.5, abab@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
-abbrev@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-2.0.0.tgz#cf59829b8b4f03f89dda2771cb7f3653828c89bf"
-  integrity sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==
-
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
-
-acorn-jsx@^5.2.0:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
-acorn-node@^1.8.2:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/acorn-node/-/acorn-node-1.8.2.tgz#114c95d64539e53dede23de8b9d96df7c7ae2af8"
-  integrity sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==
-  dependencies:
-    acorn "^7.0.0"
-    acorn-walk "^7.0.0"
-    xtend "^4.0.2"
-
-acorn-walk@^7.0.0, acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
-
-acorn@^7.0.0, acorn@^7.1.1:
-  version "7.4.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
-  integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
-
-acorn@^8.14.0, acorn@^8.5.0, acorn@^8.8.1:
-  version "8.15.0"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.15.0.tgz#a360898bc415edaac46c8241f6383975b930b816"
-  integrity sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==
-
-agent-base@6:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
-  integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
-  dependencies:
-    debug "4"
-
-aggregate-error@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
-  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
-  dependencies:
-    clean-stack "^2.0.0"
-    indent-string "^4.0.0"
-
-ajv@^6.10.0, ajv@^6.10.2:
-  version "6.12.6"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
-  integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
-  dependencies:
-    fast-deep-equal "^3.1.1"
-    fast-json-stable-stringify "^2.0.0"
-    json-schema-traverse "^0.4.1"
-    uri-js "^4.2.2"
-
-alien-signals@^1.0.3:
-  version "1.0.13"
-  resolved "https://registry.yarnpkg.com/alien-signals/-/alien-signals-1.0.13.tgz#8d6db73462f742ee6b89671fbd8c37d0b1727a7e"
-  integrity sha512-OGj9yyTnJEttvzhTUWuscOvtqxq5vrhF7vL9oS0xJ2mK0ItPYP1/y+vCFebfxoEyAz0++1AIwJ5CMr+Fk3nDmg==
-
-ansi-escapes@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
-  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
-
-ansi-escapes@^4.2.1:
-  version "4.3.2"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
-  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
-  dependencies:
-    type-fest "^0.21.3"
-
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
-
-ansi-regex@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.1.tgz#123d6479e92ad45ad897d4054e3c7ca7db4944e1"
-  integrity sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==
-
-ansi-regex@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
-  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
-
-ansi-regex@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
-  integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
-
-ansi-regex@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.1.0.tgz#95ec409c69619d6cb1b8b34f14b660ef28ebd654"
-  integrity sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==
-
-ansi-styles@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-  integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
-
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-  dependencies:
-    color-convert "^1.9.0"
-
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
-  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
-  dependencies:
-    color-convert "^2.0.1"
-
-ansi-styles@^6.1.0:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
-  integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
-
-any-observable@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/any-observable/-/any-observable-0.3.0.tgz#af933475e5806a67d0d7df090dd5e8bef65d119b"
-  integrity sha512-/FQM1EDkTsf63Ub2C6O7GuYFDsSXUwsaZDurV0np41ocwq0jthUAYCmhBX9f+KwlaCgIuWyr/4WlUQUBfKfZog==
-
-any-promise@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
-  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
-
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-arg@^5.0.1, arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
-argparse@^1.0.7:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-  integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-  dependencies:
-    sprintf-js "~1.0.2"
-
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
-aria-hidden@^1.2.4:
-  version "1.2.6"
-  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.6.tgz#73051c9b088114c795b1ea414e9c0fff874ffc1a"
-  integrity sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==
-  dependencies:
-    tslib "^2.0.0"
-
-array-union@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==
-  dependencies:
-    array-uniq "^1.0.1"
-
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
-array-uniq@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
-
-assertion-error@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
-  integrity sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==
-
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
-
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
-
-autoprefixer@^10.4.2:
-  version "10.4.21"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.21.tgz#77189468e7a8ad1d9a37fbc08efc9f480cf0a95d"
-  integrity sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==
-  dependencies:
-    browserslist "^4.24.4"
-    caniuse-lite "^1.0.30001702"
-    fraction.js "^4.3.7"
-    normalize-range "^0.1.2"
-    picocolors "^1.1.1"
-    postcss-value-parser "^4.2.0"
-
-autoprefixer@^9:
-  version "9.8.8"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.8.tgz#fd4bd4595385fa6f06599de749a4d5f7a474957a"
-  integrity sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==
-  dependencies:
-    browserslist "^4.12.0"
-    caniuse-lite "^1.0.30001109"
-    normalize-range "^0.1.2"
-    num2fraction "^1.2.2"
-    picocolors "^0.2.1"
-    postcss "^7.0.32"
-    postcss-value-parser "^4.1.0"
-
-babel-eslint@^10.0.3:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
-  integrity sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.7.0"
-    "@babel/traverse" "^7.7.0"
-    "@babel/types" "^7.7.0"
-    eslint-visitor-keys "^1.0.0"
-    resolve "^1.12.0"
-
-babel-plugin-polyfill-corejs2@^0.4.10:
-  version "0.4.13"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.13.tgz#7d445f0e0607ebc8fb6b01d7e8fb02069b91dd8b"
-  integrity sha512-3sX/eOms8kd3q2KZ6DAhKPc0dgm525Gqq5NtWKZ7QYYZEv57OQ54KtblzJzH1lQF/eQxO8KjWGIK9IPUJNus5g==
-  dependencies:
-    "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
-    semver "^6.3.1"
-
-babel-plugin-polyfill-corejs3@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.11.1.tgz#4e4e182f1bb37c7ba62e2af81d8dd09df31344f6"
-  integrity sha512-yGCqvBT4rwMczo28xkH/noxJ6MZ4nJfkVYdoDaC/utLtWrXxv27HVrzAeSbqR8SxDsp46n0YF47EbHoixy6rXQ==
-  dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.3"
-    core-js-compat "^3.40.0"
-
-babel-plugin-polyfill-regenerator@^0.6.1:
-  version "0.6.4"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.4.tgz#428c615d3c177292a22b4f93ed99e358d7906a9b"
-  integrity sha512-7gD3pRadPrbjhjLyxebmx/WrFYcuSjZ0XbdUujQMZ/fcE9oeewk2U/7PCvez84UeuK3oSjmPZ0Ch0dlupQvGzw==
-  dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.6.4"
-
-balanced-match@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
-  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
-
-base64-js@^1.3.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
-
-binary-extensions@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
-  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
-
-bl@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
-  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
-  dependencies:
-    buffer "^5.5.0"
-    inherits "^2.0.4"
-    readable-stream "^3.4.0"
-
-brace-expansion@^1.1.7:
-  version "1.1.12"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.12.tgz#ab9b454466e5a8cc3a187beaad580412a9c5b843"
-  integrity sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==
-  dependencies:
-    balanced-match "^1.0.0"
-    concat-map "0.0.1"
-
-brace-expansion@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.2.tgz#54fc53237a613d854c7bd37463aad17df87214e7"
-  integrity sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==
-  dependencies:
-    balanced-match "^1.0.0"
-
-braces@^3.0.3, braces@~3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
-  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
-  dependencies:
-    fill-range "^7.1.1"
-
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browserslist@^4.12.0, browserslist@^4.21.9, browserslist@^4.24.0, browserslist@^4.24.4, browserslist@^4.25.0:
-  version "4.25.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.25.1.tgz#ba9e8e6f298a1d86f829c9b975e07948967bb111"
-  integrity sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==
-  dependencies:
-    caniuse-lite "^1.0.30001726"
-    electron-to-chromium "^1.5.173"
-    node-releases "^2.0.19"
-    update-browserslist-db "^1.1.3"
-
-buffer@^5.5.0:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
-  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.1.13"
-
-bytes@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
-
-c8@^7.11.0:
-  version "7.14.0"
-  resolved "https://registry.yarnpkg.com/c8/-/c8-7.14.0.tgz#f368184c73b125a80565e9ab2396ff0be4d732f3"
-  integrity sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@istanbuljs/schema" "^0.1.3"
-    find-up "^5.0.0"
-    foreground-child "^2.0.0"
-    istanbul-lib-coverage "^3.2.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-reports "^3.1.4"
-    rimraf "^3.0.2"
-    test-exclude "^6.0.0"
-    v8-to-istanbul "^9.0.0"
-    yargs "^16.2.0"
-    yargs-parser "^20.2.9"
-
-call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
-  integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
-  dependencies:
-    es-errors "^1.3.0"
-    function-bind "^1.1.2"
-
-caller-callsite@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
-  integrity sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==
-  dependencies:
-    callsites "^2.0.0"
-
-caller-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
-  integrity sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==
-  dependencies:
-    caller-callsite "^2.0.0"
-
-callsites@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-  integrity sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==
-
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
-camelcase-css@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
-  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
-
-camelcase@^5.0.0:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001702, caniuse-lite@^1.0.30001726:
-  version "1.0.30001726"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001726.tgz#a15bd87d5a4bf01f6b6f70ae7c97fdfd28b5ae47"
-  integrity sha512-VQAUIUzBiZ/UnlM28fSp2CRF3ivUn1BWEvxMcVTNwpw91Py1pGbPIyIKtd+tzct9C3ouceCVdGAXxZOpZAsgdw==
-
-chai@^4.3.6:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/chai/-/chai-4.5.0.tgz#707e49923afdd9b13a8b0b47d33d732d13812fd8"
-  integrity sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==
-  dependencies:
-    assertion-error "^1.1.0"
-    check-error "^1.0.3"
-    deep-eql "^4.1.3"
-    get-func-name "^2.0.2"
-    loupe "^2.3.6"
-    pathval "^1.1.1"
-    type-detect "^4.1.0"
-
-chalk@4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
-  integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chalk@^1.0.0, chalk@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-  integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==
-  dependencies:
-    ansi-styles "^2.2.1"
-    escape-string-regexp "^1.0.2"
-    has-ansi "^2.0.0"
-    strip-ansi "^3.0.0"
-    supports-color "^2.0.0"
-
-chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.2:
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    escape-string-regexp "^1.0.5"
-    supports-color "^5.3.0"
-
-chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
-  integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chardet@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
-  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
-
-check-error@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/check-error/-/check-error-1.0.3.tgz#a6502e4312a7ee969f646e83bb3ddd56281bd694"
-  integrity sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==
-  dependencies:
-    get-func-name "^2.0.2"
-
-chokidar@^3.4.2, chokidar@^3.5.2, chokidar@^3.5.3, chokidar@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-ci-info@^1.5.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.6.0.tgz#2ca20dbb9ceb32d4524a683303313f0304b1e497"
-  integrity sha512-vsGdkwSCDpWmP80ncATX7iea5DWQemg1UgCW5J8tqjU3lYw4FBYuj89J0CTVomA7BEfvSZd84GmHko+MxFQU2A==
-
-classnames@^2.2.5:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.5.1.tgz#ba774c614be0f016da105c858e7159eae8e7687b"
-  integrity sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==
-
-clean-stack@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
-cli-cursor@^2.0.0, cli-cursor@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
-  integrity sha512-8lgKz8LmCRYZZQDpRyT2m5rKJ08TnU4tR9FFFW2rxpxR1FzWi4PQ/NfyODchAatHaUgnSPVcx/R5w6NuTBzFiw==
-  dependencies:
-    restore-cursor "^2.0.0"
-
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
-cli-spinners@^2.5.0:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.2.tgz#1773a8f4b9c4d6ac31563df53b3fc1d79462fe41"
-  integrity sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==
-
-cli-truncate@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-0.2.1.tgz#9f15cfbb0705005369216c626ac7d05ab90dd574"
-  integrity sha512-f4r4yJnbT++qUPI9NR4XLDLq41gQ+uqnPItWG0F5ZkehuNiTTa3EY0S4AqTSUOeJ7/zU41oWPQSNkW5BqPL9bg==
-  dependencies:
-    slice-ansi "0.0.4"
-    string-width "^1.0.1"
-
-cli-width@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
-  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
-
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
-cliui@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
-  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^7.0.0"
-
-cliui@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
-  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.1"
-    wrap-ansi "^7.0.0"
-
-clone@^1.0.2:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-  integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
-
-code-point-at@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
-  integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==
-
-codemirror@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-6.0.2.tgz#4d3fea1ad60b6753f97ca835f2f48c6936a8946e"
-  integrity sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==
-  dependencies:
-    "@codemirror/autocomplete" "^6.0.0"
-    "@codemirror/commands" "^6.0.0"
-    "@codemirror/language" "^6.0.0"
-    "@codemirror/lint" "^6.0.0"
-    "@codemirror/search" "^6.0.0"
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.0.0"
-
-color-convert@^1.9.0:
-  version "1.9.3"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-  dependencies:
-    color-name "1.1.3"
-
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
-color-name@1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
-
-color-name@^1.0.0, color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-color-string@^1.9.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
-  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
-color@^4.0.1:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/color/-/color-4.2.3.tgz#d781ecb5e57224ee43ea9627560107c0e0c6463a"
-  integrity sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==
-  dependencies:
-    color-convert "^2.0.1"
-    color-string "^1.9.0"
-
-combined-stream@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
-  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
-  dependencies:
-    delayed-stream "~1.0.0"
-
-commander@^10.0.0:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
-  integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
-
-commander@^2.19.0, commander@^2.20.0:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^4.0.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@^8.0.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
-  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
-
-commander@^9.0.0:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-9.5.0.tgz#bc08d1eb5cedf7ccb797a96199d41c7bc3e60d30"
-  integrity sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==
-
-concat-map@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-  integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
-
-confbox@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
-  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
-
-confbox@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.2.2.tgz#8652f53961c74d9e081784beed78555974a9c110"
-  integrity sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==
-
-config-chain@^1.1.13:
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
-  integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
-  dependencies:
-    ini "^1.3.4"
-    proto-list "~1.2.1"
-
-connect-history-api-fallback@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
-  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
-
-convert-source-map@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
-  integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
-
-cookie@^0.4.1:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
-  integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
-
-core-js-compat@^3.40.0:
-  version "3.43.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.43.0.tgz#055587369c458795ef316f65e0aabb808fb15840"
-  integrity sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA==
-  dependencies:
-    browserslist "^4.25.0"
-
-core-js@^3.1.3, core-js@^3.31.1, core-js@^3.6.4:
-  version "3.43.0"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.43.0.tgz#f7258b156523208167df35dea0cfd6b6ecd4ee88"
-  integrity sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==
-
-cosmiconfig@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
-  integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
-  dependencies:
-    import-fresh "^2.0.0"
-    is-directory "^0.3.1"
-    js-yaml "^3.13.1"
-    parse-json "^4.0.0"
-
-cosmiconfig@^7.0.1:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
-  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.10.0"
-
-crelt@^1.0.0, crelt@^1.0.5, crelt@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.6.tgz#7cc898ea74e190fb6ef9dae57f8f81cf7302df72"
-  integrity sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==
-
-cross-spawn@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==
-  dependencies:
-    lru-cache "^4.0.1"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-cross-spawn@^6.0.5:
-  version "6.0.6"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.6.tgz#30d0efa0712ddb7eb5a76e1e8721bffafa6b5d57"
-  integrity sha512-VqCUuhcd1iB+dsv8gxPttb5iZh/D0iubSP21g36KXdEuf6I5JiioesUVjpCdHV9MZRUfVFlvwtIUyPfxo5trtw==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-cross-spawn@^7.0.0, cross-spawn@^7.0.3, cross-spawn@^7.0.6:
-  version "7.0.6"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
-  integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
-  dependencies:
-    path-key "^3.1.0"
-    shebang-command "^2.0.0"
-    which "^2.0.1"
-
-css-color-names@^0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
-  integrity sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==
-
-css-unit-converter@^1.1.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.2.tgz#4c77f5a1954e6dbff60695ecb214e3270436ab21"
-  integrity sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-cssom@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
-  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
-
-cssom@~0.3.6:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssstyle@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-  integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-  dependencies:
-    cssom "~0.3.6"
-
-csstype@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
-  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
-
-data-uri-to-buffer@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz#d8feb2b2881e6a4f58c2e08acfd0e2834e26222e"
-  integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==
-
-data-urls@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
-  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
-  dependencies:
-    abab "^2.0.6"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^11.0.0"
-
-date-fns@^1.27.2:
-  version "1.30.1"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-1.30.1.tgz#2e71bf0b119153dbb4cc4e88d9ea5acfb50dc05c"
-  integrity sha512-hBSVCvSmWC+QypYObzwGOd9wqdDpOt+0wl0KbU+R+uuZBS1jN8VsD1ss3irQDknRj5NvxiTF6oj/nDRnN/UQNw==
-
-dayjs@^1.10.7, dayjs@^1.11.13:
-  version "1.11.13"
-  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.13.tgz#92430b0139055c3ebb60150aa13e860a4b5a366c"
-  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
-
-de-indent@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
-  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
-
-debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.4.0:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
-  integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
-  dependencies:
-    ms "^2.1.3"
-
-debug@~4.3.1, debug@~4.3.2:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52"
-  integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
-  dependencies:
-    ms "^2.1.3"
-
-decamelize@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-  integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
-
-decimal.js@^10.3.1:
-  version "10.5.0"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.5.0.tgz#0f371c7cf6c4898ce0afb09836db73cd82010f22"
-  integrity sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==
-
-dedent@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
-
-deep-eql@^4.1.3:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-4.1.4.tgz#d0d3912865911bb8fac5afb4e3acfa6a28dc72b7"
-  integrity sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==
-  dependencies:
-    type-detect "^4.0.0"
-
-deep-is@~0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
-  integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
-
-defaults@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
-  integrity sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==
-  dependencies:
-    clone "^1.0.2"
-
-defined@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/defined/-/defined-1.0.1.tgz#c0b9db27bfaffd95d6f61399419b893df0f91ebf"
-  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
-
-defu@^6.1.4:
-  version "6.1.4"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.4.tgz#4e0c9cf9ff68fe5f3d7f2765cc1a012dfdcb0479"
-  integrity sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==
-
-del@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/del/-/del-5.1.0.tgz#d9487c94e367410e6eff2925ee58c0c84a75b3a7"
-  integrity sha512-wH9xOVHnczo9jN2IW68BabcecVPxacIA3g/7z6vhSU/4stOKQzeCRK0yD0A24WiAAUJmmVpWqrERcTxnLo3AnA==
-  dependencies:
-    globby "^10.0.1"
-    graceful-fs "^4.2.2"
-    is-glob "^4.0.1"
-    is-path-cwd "^2.2.0"
-    is-path-inside "^3.0.1"
-    p-map "^3.0.0"
-    rimraf "^3.0.0"
-    slash "^3.0.0"
-
-delayed-stream@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
-
-detective@^5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/detective/-/detective-5.2.1.tgz#6af01eeda11015acb0e73f933242b70f24f91034"
-  integrity sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==
-  dependencies:
-    acorn-node "^1.8.2"
-    defined "^1.0.0"
-    minimist "^1.2.6"
-
-didyoumean@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
-  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
-
-dijkstrajs@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz#4c8dbdea1f0f6478bff94d9c49c784d623e4fc23"
-  integrity sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA==
-
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
-discontinuous-range@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
-  integrity sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==
-
-dlv@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
-  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
-
-doctrine@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-3.0.0.tgz#addebead72a6574db783639dc87a121773973961"
-  integrity sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==
-  dependencies:
-    esutils "^2.0.2"
-
-domexception@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
-  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
-  dependencies:
-    webidl-conversions "^7.0.0"
-
-dotenv@^16.3.1:
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.6.0.tgz#b96bd4e7c2043ba5f51cbe1b8f9347850c864850"
-  integrity sha512-Omf1L8paOy2VJhILjyhrhqwLIdstqm1BvcDPKg4NGAlkwEu9ODyrFbvk8UymUOMCT+HXo31jg1lArIrVAAhuGA==
-
-dunder-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
-  integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
-  dependencies:
-    call-bind-apply-helpers "^1.0.1"
-    es-errors "^1.3.0"
-    gopd "^1.2.0"
-
-eastasianwidth@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
-  integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
-
-echarts@^5.4.3:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/echarts/-/echarts-5.6.0.tgz#2377874dca9fb50f104051c3553544752da3c9d6"
-  integrity sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==
-  dependencies:
-    tslib "2.3.0"
-    zrender "5.6.1"
-
-editorconfig@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-1.0.4.tgz#040c9a8e9a6c5288388b87c2db07028aa89f53a3"
-  integrity sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==
-  dependencies:
-    "@one-ini/wasm" "0.1.1"
-    commander "^10.0.0"
-    minimatch "9.0.1"
-    semver "^7.5.3"
-
-electron-to-chromium@^1.5.173:
-  version "1.5.177"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.177.tgz#db730d8254959184e65320a3a0b7edcd29c54f60"
-  integrity sha512-7EH2G59nLsEMj97fpDuvVcYi6lwTcM1xuWw3PssD8xzboAW7zj7iB3COEEEATUfjLHrs5uKBLQT03V/8URx06g==
-
-elegant-spinner@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/elegant-spinner/-/elegant-spinner-1.0.1.tgz#db043521c95d7e303fd8f345bedc3349cfb0729e"
-  integrity sha512-B+ZM+RXvRqQaAmkMlO/oSe5nMUOaUnyfGYCEHoR8wrXsZR2mA0XVibsxV1bvTwxdRWah1PkQqso2EzhILGHtEQ==
-
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
-
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-emoji-regex@^9.2.2:
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
-  integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
-
-end-of-stream@^1.1.0:
-  version "1.4.5"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.5.tgz#7344d711dea40e0b74abc2ed49778743ccedb08c"
-  integrity sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==
-  dependencies:
-    once "^1.4.0"
-
-engine.io-client@~6.6.1:
-  version "6.6.3"
-  resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-6.6.3.tgz#815393fa24f30b8e6afa8f77ccca2f28146be6de"
-  integrity sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==
-  dependencies:
-    "@socket.io/component-emitter" "~3.1.0"
-    debug "~4.3.1"
-    engine.io-parser "~5.2.1"
-    ws "~8.17.1"
-    xmlhttprequest-ssl "~2.1.1"
-
-engine.io-parser@~5.2.1:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-5.2.3.tgz#00dc5b97b1f233a23c9398d0209504cf5f94d92f"
-  integrity sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==
-
-entities@^4.4.0, entities@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
-  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
-
-entities@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
-  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
-
-error-ex@^1.3.1:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-  dependencies:
-    is-arrayish "^0.2.1"
-
-es-define-property@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
-  integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
-
-es-errors@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
-  integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
-
-es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
-  integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
-  dependencies:
-    es-errors "^1.3.0"
-
-es-set-tostringtag@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
-  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
-  dependencies:
-    es-errors "^1.3.0"
-    get-intrinsic "^1.2.6"
-    has-tostringtag "^1.0.2"
-    hasown "^2.0.2"
-
-esbuild-android-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
-  integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==
-
-esbuild-android-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771"
-  integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==
-
-esbuild-darwin-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25"
-  integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==
-
-esbuild-darwin-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73"
-  integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==
-
-esbuild-freebsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d"
-  integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==
-
-esbuild-freebsd-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48"
-  integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==
-
-esbuild-linux-32@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5"
-  integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==
-
-esbuild-linux-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652"
-  integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==
-
-esbuild-linux-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b"
-  integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==
-
-esbuild-linux-arm@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59"
-  integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==
-
-esbuild-linux-mips64le@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34"
-  integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==
-
-esbuild-linux-ppc64le@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e"
-  integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==
-
-esbuild-linux-riscv64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8"
-  integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==
-
-esbuild-linux-s390x@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6"
-  integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==
-
-esbuild-netbsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81"
-  integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==
-
-esbuild-openbsd-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b"
-  integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==
-
-esbuild-sunos-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da"
-  integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==
-
-esbuild-windows-32@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31"
-  integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==
-
-esbuild-windows-64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz#bf54b51bd3e9b0f1886ffdb224a4176031ea0af4"
-  integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==
-
-esbuild-windows-arm64@0.14.54:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982"
-  integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==
-
-esbuild@^0.14.27:
-  version "0.14.54"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2"
-  integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==
-  optionalDependencies:
-    "@esbuild/linux-loong64" "0.14.54"
-    esbuild-android-64 "0.14.54"
-    esbuild-android-arm64 "0.14.54"
-    esbuild-darwin-64 "0.14.54"
-    esbuild-darwin-arm64 "0.14.54"
-    esbuild-freebsd-64 "0.14.54"
-    esbuild-freebsd-arm64 "0.14.54"
-    esbuild-linux-32 "0.14.54"
-    esbuild-linux-64 "0.14.54"
-    esbuild-linux-arm "0.14.54"
-    esbuild-linux-arm64 "0.14.54"
-    esbuild-linux-mips64le "0.14.54"
-    esbuild-linux-ppc64le "0.14.54"
-    esbuild-linux-riscv64 "0.14.54"
-    esbuild-linux-s390x "0.14.54"
-    esbuild-netbsd-64 "0.14.54"
-    esbuild-openbsd-64 "0.14.54"
-    esbuild-sunos-64 "0.14.54"
-    esbuild-windows-32 "0.14.54"
-    esbuild-windows-64 "0.14.54"
-    esbuild-windows-arm64 "0.14.54"
-
-esbuild@^0.19.3:
-  version "0.19.12"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.19.12.tgz#dc82ee5dc79e82f5a5c3b4323a2a641827db3e04"
-  integrity sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==
-  optionalDependencies:
-    "@esbuild/aix-ppc64" "0.19.12"
-    "@esbuild/android-arm" "0.19.12"
-    "@esbuild/android-arm64" "0.19.12"
-    "@esbuild/android-x64" "0.19.12"
-    "@esbuild/darwin-arm64" "0.19.12"
-    "@esbuild/darwin-x64" "0.19.12"
-    "@esbuild/freebsd-arm64" "0.19.12"
-    "@esbuild/freebsd-x64" "0.19.12"
-    "@esbuild/linux-arm" "0.19.12"
-    "@esbuild/linux-arm64" "0.19.12"
-    "@esbuild/linux-ia32" "0.19.12"
-    "@esbuild/linux-loong64" "0.19.12"
-    "@esbuild/linux-mips64el" "0.19.12"
-    "@esbuild/linux-ppc64" "0.19.12"
-    "@esbuild/linux-riscv64" "0.19.12"
-    "@esbuild/linux-s390x" "0.19.12"
-    "@esbuild/linux-x64" "0.19.12"
-    "@esbuild/netbsd-x64" "0.19.12"
-    "@esbuild/openbsd-x64" "0.19.12"
-    "@esbuild/sunos-x64" "0.19.12"
-    "@esbuild/win32-arm64" "0.19.12"
-    "@esbuild/win32-ia32" "0.19.12"
-    "@esbuild/win32-x64" "0.19.12"
-
-escalade@^3.1.1, escalade@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
-  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
-
-escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
-
-escape-string-regexp@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
-  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
-
-escodegen@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
-  integrity sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^5.2.0"
-    esutils "^2.0.2"
-  optionalDependencies:
-    source-map "~0.6.1"
-
-eslint-config-prettier@^6.0.0:
-  version "6.15.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz#7f93f6cb7d45a92f1537a70ecc06366e1ac6fed9"
-  integrity sha512-a1+kOYLR8wMGustcgAjdydMsQ2A/2ipRPwRKUmfYaSxc9ZPcrku080Ctl6zrZzZNs/U82MjSv+qKREkoq3bJaw==
-  dependencies:
-    get-stdin "^6.0.0"
-
-eslint-plugin-prettier@^3.1.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.1.tgz#e9ddb200efb6f3d05ffe83b1665a716af4a387e5"
-  integrity sha512-htg25EUYUeIhKHXjOinK4BgCcDwtLHjqaxCDsMy5nbnUMkKFvIhMVCp+5GFUXQ4Nr8lBsPqtGAqBenbpFqAA2g==
-  dependencies:
-    prettier-linter-helpers "^1.0.0"
-
-eslint-plugin-vue@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-6.2.2.tgz#27fecd9a3a24789b0f111ecdd540a9e56198e0fe"
-  integrity sha512-Nhc+oVAHm0uz/PkJAWscwIT4ijTrK5fqNqz9QB1D35SbbuMG1uB6Yr5AJpvPSWg+WOw7nYNswerYh0kOk64gqQ==
-  dependencies:
-    natural-compare "^1.4.0"
-    semver "^5.6.0"
-    vue-eslint-parser "^7.0.0"
-
-eslint-scope@^5.0.0, eslint-scope@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
-  integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
-  dependencies:
-    esrecurse "^4.3.0"
-    estraverse "^4.1.1"
-
-eslint-utils@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
-  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
-  integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
-
-eslint@^6.7.2:
-  version "6.8.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
-  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    ajv "^6.10.0"
-    chalk "^2.1.0"
-    cross-spawn "^6.0.5"
-    debug "^4.0.1"
-    doctrine "^3.0.0"
-    eslint-scope "^5.0.0"
-    eslint-utils "^1.4.3"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.1.2"
-    esquery "^1.0.1"
-    esutils "^2.0.2"
-    file-entry-cache "^5.0.1"
-    functional-red-black-tree "^1.0.1"
-    glob-parent "^5.0.0"
-    globals "^12.1.0"
-    ignore "^4.0.6"
-    import-fresh "^3.0.0"
-    imurmurhash "^0.1.4"
-    inquirer "^7.0.0"
-    is-glob "^4.0.0"
-    js-yaml "^3.13.1"
-    json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.3.0"
-    lodash "^4.17.14"
-    minimatch "^3.0.4"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    optionator "^0.8.3"
-    progress "^2.0.0"
-    regexpp "^2.0.1"
-    semver "^6.1.2"
-    strip-ansi "^5.2.0"
-    strip-json-comments "^3.0.1"
-    table "^5.2.3"
-    text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
-
-espree@^6.1.2, espree@^6.2.1:
-  version "6.2.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
-  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-jsx "^5.2.0"
-    eslint-visitor-keys "^1.1.0"
-
-esprima@^4.0.0, esprima@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-  integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-esquery@^1.0.1, esquery@^1.4.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.6.0.tgz#91419234f804d852a82dceec3e16cdc22cf9dae7"
-  integrity sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==
-  dependencies:
-    estraverse "^5.1.0"
-
-esrecurse@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
-  integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
-  dependencies:
-    estraverse "^5.2.0"
-
-estraverse@^4.1.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-estraverse@^5.1.0, estraverse@^5.2.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
-  integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
-
-estree-walker@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
-  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-
-esutils@^2.0.2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-events@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-execa@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.8.0.tgz#d8d76bbc1b55217ed190fd6dd49d3c774ecfc8da"
-  integrity sha512-zDWS+Rb1E8BlqqhALSt9kUhss8Qq4nN3iof3gsOdyINksElaPyNBtKUMTR62qhvgVWR0CqCX7sdnKe4MnUbFEA==
-  dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
-execa@^2.0.3:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-2.1.0.tgz#e5d3ecd837d2a60ec50f3da78fd39767747bbe99"
-  integrity sha512-Y/URAVapfbYy2Xp/gb6A0E7iR8xeqOCXsuuaoMn7A5PzrXUK84E1gyiEfq0wQd/GHA6GsoHWwhNq8anb0mleIw==
-  dependencies:
-    cross-spawn "^7.0.0"
-    get-stream "^5.0.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^3.0.0"
-    onetime "^5.1.0"
-    p-finally "^2.0.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
-execa@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
-  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.0"
-    human-signals "^2.1.0"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.1"
-    onetime "^5.1.2"
-    signal-exit "^3.0.3"
-    strip-final-newline "^2.0.0"
-
-exsolve@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.0.7.tgz#3b74e4c7ca5c5f9a19c3626ca857309fa99f9e9e"
-  integrity sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==
-
-external-editor@^3.0.3:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
-  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
-  dependencies:
-    chardet "^0.7.0"
-    iconv-lite "^0.4.24"
-    tmp "^0.0.33"
-
-fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-  integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-diff@^1.1.2:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
-  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
-
-fast-glob@^3.0.3, fast-glob@^3.2.7, fast-glob@^3.3.0, fast-glob@^3.3.2:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
-  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.8"
-
-fast-json-stable-stringify@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@~2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-  integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
-
-fastq@^1.6.0:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
-  integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
-  dependencies:
-    reusify "^1.0.4"
-
-feather-icons@^4.26.0, feather-icons@^4.28.0:
-  version "4.29.2"
-  resolved "https://registry.yarnpkg.com/feather-icons/-/feather-icons-4.29.2.tgz#b03a47588a1c400f215e884504db1c18860d89f8"
-  integrity sha512-0TaCFTnBTVCz6U+baY2UJNKne5ifGh7sMG4ZC2LoBWCZdIyPa+y6UiR4lEYGws1JOFWdee8KAsAIvu0VcXqiqA==
-  dependencies:
-    classnames "^2.2.5"
-    core-js "^3.1.3"
-
-fetch-blob@^3.1.2, fetch-blob@^3.1.4:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.2.0.tgz#f09b8d4bbd45adc6f0c20b7e787e793e309dcce9"
-  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
-  dependencies:
-    node-domexception "^1.0.0"
-    web-streams-polyfill "^3.0.3"
-
-figures@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e"
-  integrity sha512-UxKlfCRuCBxSXU4C6t9scbDyWZ4VlaFFdojKtzJuSkuOBQ5CNFum+zZXFwHjo+CxBC1t6zlYPgHIgFjL8ggoEQ==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-    object-assign "^4.1.0"
-
-figures@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
-  integrity sha512-Oa2M9atig69ZkfwiApY8F2Yy+tzMbazyvqv21R0NsSC8floSOC09BbT1ITWAdoMGQvJ/aZnR1KMwdx9tvHnTNA==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-figures@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
-  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
-file-entry-cache@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c"
-  integrity sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==
-  dependencies:
-    flat-cache "^2.0.1"
-
-fill-range@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
-  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
-flat-cache@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0"
-  integrity sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==
-  dependencies:
-    flatted "^2.0.0"
-    rimraf "2.6.3"
-    write "1.0.3"
-
-flatted@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.2.tgz#4575b21e2bcee7434aa9be662f4b7b5f9c2b5138"
-  integrity sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==
-
-foreground-child@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-2.0.0.tgz#71b32800c9f15aa8f2f83f4a6bd9bff35d861a53"
-  integrity sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    signal-exit "^3.0.2"
-
-foreground-child@^3.1.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-3.3.1.tgz#32e8e9ed1b68a3497befb9ac2b6adf92a638576f"
-  integrity sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==
-  dependencies:
-    cross-spawn "^7.0.6"
-    signal-exit "^4.0.1"
-
-form-data@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.3.tgz#608b1b3f3e28be0fccf5901fc85fb3641e5cf0ae"
-  integrity sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==
-  dependencies:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.8"
-    es-set-tostringtag "^2.1.0"
-    hasown "^2.0.2"
-    mime-types "^2.1.12"
-
-formdata-polyfill@^4.0.10:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
-  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
-  dependencies:
-    fetch-blob "^3.1.2"
-
-fraction.js@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
-  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
-
-fs-extra@^10.0.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
-  integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^6.0.1"
-    universalify "^2.0.0"
-
-fs.realpath@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
-
-fsevents@~2.3.2, fsevents@~2.3.3:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
-function-bind@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
-  integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
-
-functional-red-black-tree@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
-  integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
-
-fuse.js@6.6.2:
-  version "6.6.2"
-  resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-6.6.2.tgz#fe463fed4b98c0226ac3da2856a415576dc9a111"
-  integrity sha512-cJaJkxCCxC8qIIcPBF9yGxY0W/tVZS3uEISDxhYIdtk8OL93pe+6Zj7LjCqVV4dzbqcriOZ+kQ/NE4RXZHsIGA==
-
-gensync@^1.0.0-beta.2:
-  version "1.0.0-beta.2"
-  resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
-  integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
-
-get-caller-file@^2.0.1, get-caller-file@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
-  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
-
-get-func-name@^2.0.1, get-func-name@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.2.tgz#0d7cf20cd13fda808669ffa88f4ffc7a3943fc41"
-  integrity sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==
-
-get-intrinsic@^1.2.6:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
-  integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
-  dependencies:
-    call-bind-apply-helpers "^1.0.2"
-    es-define-property "^1.0.1"
-    es-errors "^1.3.0"
-    es-object-atoms "^1.1.1"
-    function-bind "^1.1.2"
-    get-proto "^1.0.1"
-    gopd "^1.2.0"
-    has-symbols "^1.1.0"
-    hasown "^2.0.2"
-    math-intrinsics "^1.1.0"
-
-get-own-enumerable-property-symbols@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
-  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
-
-get-proto@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
-  integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
-  dependencies:
-    dunder-proto "^1.0.1"
-    es-object-atoms "^1.0.0"
-
-get-stdin@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
-  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
-
-get-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
-  integrity sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ==
-
-get-stream@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
-  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
-  dependencies:
-    pump "^3.0.0"
-
-get-stream@^6.0.0:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
-  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
-
-glob-parent@^5.0.0, glob-parent@^5.1.2, glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-glob-parent@^6.0.1, glob-parent@^6.0.2:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3"
-  integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==
-  dependencies:
-    is-glob "^4.0.3"
-
-glob@^10.3.10, glob@^10.4.2:
-  version "10.4.5"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
-  integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^3.1.2"
-    minimatch "^9.0.4"
-    minipass "^7.1.2"
-    package-json-from-dist "^1.0.0"
-    path-scurry "^1.11.1"
-
-glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.7:
-  version "7.2.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
-  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.1.1"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
-glob@^9.3.2:
-  version "9.3.5"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-9.3.5.tgz#ca2ed8ca452781a3009685607fdf025a899dfe21"
-  integrity sha512-e1LleDykUz2Iu+MTYdkSsuWX8lvAjAcs0Xef0lNIu0S2wOAzuTxCJtcd9S3cijlwYF18EsU3rzb8jPVobxDh9Q==
-  dependencies:
-    fs.realpath "^1.0.0"
-    minimatch "^8.0.2"
-    minipass "^4.2.4"
-    path-scurry "^1.6.1"
-
-globals@^11.1.0:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globals@^12.1.0:
-  version "12.4.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
-  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
-  dependencies:
-    type-fest "^0.8.1"
-
-globals@^15.14.0:
-  version "15.15.0"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-15.15.0.tgz#7c4761299d41c32b075715a4ce1ede7897ff72a8"
-  integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
-
-globby@^10.0.1:
-  version "10.0.2"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.2.tgz#277593e745acaa4646c3ab411289ec47a0392543"
-  integrity sha512-7dUi7RvCoT/xast/o/dLN53oqND4yk0nsHkhRgn9w65C4PofCLOoJ39iSOg+qVDdWQPIEj+eszMHQ+aLVwwQSg==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.0.3"
-    glob "^7.1.3"
-    ignore "^5.1.1"
-    merge2 "^1.2.3"
-    slash "^3.0.0"
-
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-gopd@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
-  integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
-
-graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2:
-  version "4.2.11"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
-  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
-
-graphql@^15.5.1:
-  version "15.10.1"
-  resolved "https://registry.yarnpkg.com/graphql/-/graphql-15.10.1.tgz#e9ff3bb928749275477f748b14aa5c30dcad6f2f"
-  integrity sha512-BL/Xd/T9baO6NFzoMpiMD7YUZ62R6viR5tp/MULVEnbYJXZA//kRNW7J0j1w/wXArgL0sCxhDfK5dczSKn3+cg==
-
-has-ansi@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-  integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==
-  dependencies:
-    ansi-regex "^2.0.0"
-
-has-flag@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
-
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-symbols@^1.0.3, has-symbols@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
-  integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
-
-has-tostringtag@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
-  integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
-  dependencies:
-    has-symbols "^1.0.3"
-
-hasown@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
-  integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
-  dependencies:
-    function-bind "^1.1.2"
-
-he@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
-headers-utils@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/headers-utils/-/headers-utils-3.0.2.tgz#dfc65feae4b0e34357308aefbcafa99c895e59ef"
-  integrity sha512-xAxZkM1dRyGV2Ou5bzMxBPNLoRCjcX+ya7KSWybQD2KwLphxsapUVK6x/02o7f4VU6GPSXch9vNY2+gkU8tYWQ==
-
-hex-color-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
-  integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
-
-hsl-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
-  integrity sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==
-
-hsla-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
-  integrity sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==
-
-html-encoding-sniffer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
-  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
-  dependencies:
-    whatwg-encoding "^2.0.0"
-
-html-escaper@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-tags@^3.1.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
-  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
-
-http-proxy-agent@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
-  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
-  dependencies:
-    "@tootallnate/once" "2"
-    agent-base "6"
-    debug "4"
-
-https-proxy-agent@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
-  integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
-  dependencies:
-    agent-base "6"
-    debug "4"
-
-human-signals@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
-  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
-
-iconv-lite@0.6.3:
-  version "0.6.3"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
-  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3.0.0"
-
-iconv-lite@^0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-idb-keyval@^6.2.0:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/idb-keyval/-/idb-keyval-6.2.2.tgz#b0171b5f73944854a3291a5cdba8e12768c4854a"
-  integrity sha512-yjD9nARJ/jb1g+CvD0tlhUHOrJ9Sy0P8T9MF3YaLlHnSRpwPfpTX0XIvpmw3gAJUmEu3FiICLBDPXVwyEvrleg==
-
-ieee754@^1.1.13:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-
-ignore@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
-  integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
-
-ignore@^5.1.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
-  integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
-
-import-fresh@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
-  integrity sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==
-  dependencies:
-    caller-path "^2.0.0"
-    resolve-from "^3.0.0"
-
-import-fresh@^3.0.0, import-fresh@^3.2.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.1.tgz#9cecb56503c0ada1f2741dbbd6546e4b13b57ccf"
-  integrity sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==
-  dependencies:
-    parent-module "^1.0.0"
-    resolve-from "^4.0.0"
-
-imurmurhash@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-  integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
-
-indent-string@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-3.2.0.tgz#4a5fd6d27cc332f37e5419a504dbb837105c9289"
-  integrity sha512-BYqTHXTGUIvg7t1r4sJNKcbDZkL92nkXA8YtRpbjFHRHGDL/NtUeiBJMeE60kIFN/Mg8ESaWQvftaYMGJzQZCQ==
-
-indent-string@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
-  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
-
-inflight@^1.0.4:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-  integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
-  dependencies:
-    once "^1.3.0"
-    wrappy "1"
-
-inherits@2, inherits@^2.0.3, inherits@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-ini@^1.3.4:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
-inquirer@^7.0.0:
-  version "7.3.3"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
-  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-width "^3.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.19"
-    mute-stream "0.0.8"
-    run-async "^2.4.0"
-    rxjs "^6.6.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-
-inquirer@^8.2.0:
-  version "8.2.6"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.6.tgz#733b74888195d8d400a67ac332011b5fae5ea562"
-  integrity sha512-M1WuAmb7pn9zdFRtQYk26ZBoY043Sse0wVDdk4Bppr+JOXyQYybdtvK+l9wUibhtjdjvtoiNy8tk+EgsYIUqKg==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^4.1.1"
-    cli-cursor "^3.1.0"
-    cli-width "^3.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.21"
-    mute-stream "0.0.8"
-    ora "^5.4.1"
-    run-async "^2.4.0"
-    rxjs "^7.5.5"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-    wrap-ansi "^6.0.1"
-
-is-arrayish@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
-
-is-arrayish@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-ci@^1.0.10:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-1.2.1.tgz#e3779c8ee17fccf428488f6e281187f2e632841c"
-  integrity sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==
-  dependencies:
-    ci-info "^1.5.0"
-
-is-color-stop@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-color-stop/-/is-color-stop-1.1.0.tgz#cfff471aee4dd5c9e158598fbe12967b5cdad345"
-  integrity sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==
-  dependencies:
-    css-color-names "^0.0.4"
-    hex-color-regex "^1.1.0"
-    hsl-regex "^1.0.0"
-    hsla-regex "^1.0.0"
-    rgb-regex "^1.0.1"
-    rgba-regex "^1.0.0"
-
-is-core-module@^2.16.0:
-  version "2.16.1"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
-  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
-  dependencies:
-    hasown "^2.0.2"
-
-is-directory@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
-
-is-fullwidth-code-point@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
-  integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==
-  dependencies:
-    number-is-nan "^1.0.0"
-
-is-fullwidth-code-point@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-  integrity sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==
-
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
-  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-interactive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
-  integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
-
-is-node-process@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/is-node-process/-/is-node-process-1.2.0.tgz#ea02a1b90ddb3934a19aea414e88edef7e11d134"
-  integrity sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-obj@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
-  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
-
-is-observable@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-observable/-/is-observable-1.1.0.tgz#b3e986c8f44de950867cab5403f5a3465005975e"
-  integrity sha512-NqCa4Sa2d+u7BWc6CukaObG3Fh+CU9bvixbpcXYhy2VvYS7vVGIdAgnIS5Ks3A/cqk4rebLJ9s8zBstT2aKnIA==
-  dependencies:
-    symbol-observable "^1.1.0"
-
-is-path-cwd@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
-is-path-inside@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
-  integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
-
-is-potential-custom-element-name@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
-  integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
-
-is-promise@^2.1.0:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
-  integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
-
-is-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
-  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
-
-is-stream@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
-
-is-stream@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
-  integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
-
-is-unicode-supported@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
-  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
-
-isexe@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-  integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
-
-istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
-  integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
-
-istanbul-lib-report@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
-  integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
-  dependencies:
-    istanbul-lib-coverage "^3.0.0"
-    make-dir "^4.0.0"
-    supports-color "^7.1.0"
-
-istanbul-reports@^3.1.4:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.7.tgz#daed12b9e1dca518e15c056e1e537e741280fa0b"
-  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
-  dependencies:
-    html-escaper "^2.0.0"
-    istanbul-lib-report "^3.0.0"
-
-jackspeak@^3.1.2:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
-  integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==
-  dependencies:
-    "@isaacs/cliui" "^8.0.2"
-  optionalDependencies:
-    "@pkgjs/parseargs" "^0.11.0"
-
-"jingrow-charts@http://npm.jingrow.com:105/jingrow-charts-2.0.0-rc22.tgz":
-  version "2.0.0-rc22"
-  resolved "http://npm.jingrow.com:105/jingrow-charts-2.0.0-rc22.tgz#d79a6d4b65d82b4488b7362ffaf81789ebc9fca3"
-
-"jingrow-ui@http://npm.jingrow.com:105/jingrow-ui-1.0.1.tgz":
-  version "0.1.108"
-  resolved "http://npm.jingrow.com:105/jingrow-ui-1.0.1.tgz#85b35612c61c5a361c58760c1c8ef9b868add884"
-  dependencies:
-    "@headlessui/vue" "^1.7.14"
-    "@popperjs/core" "^2.11.2"
-    "@tailwindcss/forms" "^0.5.3"
-    "@tailwindcss/typography" "^0.5.0"
-    "@tiptap/extension-color" "^2.0.3"
-    "@tiptap/extension-highlight" "^2.0.3"
-    "@tiptap/extension-image" "^2.0.3"
-    "@tiptap/extension-link" "^2.0.3"
-    "@tiptap/extension-mention" "^2.0.3"
-    "@tiptap/extension-placeholder" "^2.0.3"
-    "@tiptap/extension-table" "^2.0.3"
-    "@tiptap/extension-table-cell" "^2.0.3"
-    "@tiptap/extension-table-header" "^2.0.3"
-    "@tiptap/extension-table-row" "^2.0.3"
-    "@tiptap/extension-text-align" "^2.0.3"
-    "@tiptap/extension-text-style" "^2.0.3"
-    "@tiptap/extension-typography" "^2.0.3"
-    "@tiptap/pm" "^2.0.3"
-    "@tiptap/starter-kit" "^2.0.3"
-    "@tiptap/suggestion" "^2.0.3"
-    "@tiptap/vue-3" "^2.0.3"
-    "@vueuse/core" "^10.4.1"
-    dayjs "^1.11.13"
-    feather-icons "^4.28.0"
-    idb-keyval "^6.2.0"
-    ora "5.4.1"
-    prettier "^3.3.2"
-    radix-vue "^1.5.3"
-    showdown "^2.1.0"
-    socket.io-client "^4.5.1"
-    tippy.js "^6.3.7"
-    typescript "^5.0.2"
-
-jiti@^1.21.6:
-  version "1.21.7"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.7.tgz#9dd81043424a3d28458b193d965f0d18a2300ba9"
-  integrity sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==
-
-js-beautify@^1.14.9:
-  version "1.15.4"
-  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.15.4.tgz#f579f977ed4c930cef73af8f98f3f0a608acd51e"
-  integrity sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==
-  dependencies:
-    config-chain "^1.1.13"
-    editorconfig "^1.0.4"
-    glob "^10.4.2"
-    js-cookie "^3.0.5"
-    nopt "^7.2.1"
-
-js-cookie@^3.0.5:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.5.tgz#0b7e2fd0c01552c58ba86e0841f94dc2557dcdbc"
-  integrity sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==
-
-js-levenshtein@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
-  integrity sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==
-
-js-tokens@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^3.13.1:
-  version "3.14.1"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
-  integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
-  dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
-
-jsdom@^19.0.0:
-  version "19.0.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-19.0.0.tgz#93e67c149fe26816d38a849ea30ac93677e16b6a"
-  integrity sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==
-  dependencies:
-    abab "^2.0.5"
-    acorn "^8.5.0"
-    acorn-globals "^6.0.0"
-    cssom "^0.5.0"
-    cssstyle "^2.3.0"
-    data-urls "^3.0.1"
-    decimal.js "^10.3.1"
-    domexception "^4.0.0"
-    escodegen "^2.0.0"
-    form-data "^4.0.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy-agent "^5.0.0"
-    https-proxy-agent "^5.0.0"
-    is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
-    symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^3.0.0"
-    webidl-conversions "^7.0.0"
-    whatwg-encoding "^2.0.0"
-    whatwg-mimetype "^3.0.0"
-    whatwg-url "^10.0.0"
-    ws "^8.2.3"
-    xml-name-validator "^4.0.0"
-
-jsesc@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
-  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
-
-jsesc@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.0.2.tgz#bb8b09a6597ba426425f2e4a07245c3d00b9343e"
-  integrity sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==
-
-json-parse-better-errors@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
-json-parse-even-better-errors@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
-  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
-
-json-schema-traverse@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-stable-stringify-without-jsonify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
-  integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
-
-json5@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
-  integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
-
-jsonfile@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
-  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
-  dependencies:
-    universalify "^2.0.0"
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
-kolorist@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/kolorist/-/kolorist-1.8.0.tgz#edddbbbc7894bc13302cdf740af6374d4a04743c"
-  integrity sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==
-
-levn@^0.3.0, levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
-libarchive.js@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/libarchive.js/-/libarchive.js-1.3.0.tgz#18c42c6b4ce727a02359c90769e4e454cf3743cd"
-  integrity sha512-EkQfRXt9DhWwj6BnEA2TNpOf4jTnzSTUPGgE+iFxcdNqjktY8GitbDeHnx8qZA0/IukNyyBUR3oQKRdYkO+HFg==
-
-lilconfig@^2.0.5:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
-  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
-
-lilconfig@^3.0.0, lilconfig@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.3.tgz#a1bcfd6257f9585bf5ae14ceeebb7b559025e4c4"
-  integrity sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==
-
-lines-and-columns@^1.1.6:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
-  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
-
-linkify-it@^3.0.1:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-3.0.3.tgz#a98baf44ce45a550efb4d49c769d07524cc2fa2e"
-  integrity sha512-ynTsyrFSdE5oZ/O9GEf00kPngmOfVwazR5GKDq6EYfhlpFug3J2zybX56a2PRRpc9P+FuSoGNAwjlbDs9jJBPQ==
-  dependencies:
-    uc.micro "^1.0.1"
-
-linkify-it@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-5.0.0.tgz#9ef238bfa6dc70bd8e7f9572b52d369af569b421"
-  integrity sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==
-  dependencies:
-    uc.micro "^2.0.0"
-
-linkifyjs@^4.2.0:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/linkifyjs/-/linkifyjs-4.3.1.tgz#1f246ebf4be040002accd1f4535b6af7c7e37898"
-  integrity sha512-DRSlB9DKVW04c4SUdGvKK5FR6be45lTU9M76JnngqPeeGDqPwYc0zdUErtsNVMtxPXgUWV4HbXbnC4sNyBxkYg==
-
-lint-staged@^9.5.0:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-9.5.0.tgz#290ec605252af646d9b74d73a0fa118362b05a33"
-  integrity sha512-nawMob9cb/G1J98nb8v3VC/E8rcX1rryUYXVZ69aT9kde6YWX+uvNOEHY5yf2gcWcTJGiD0kqXmCnS3oD75GIA==
-  dependencies:
-    chalk "^2.4.2"
-    commander "^2.20.0"
-    cosmiconfig "^5.2.1"
-    debug "^4.1.1"
-    dedent "^0.7.0"
-    del "^5.0.0"
-    execa "^2.0.3"
-    listr "^0.14.3"
-    log-symbols "^3.0.0"
-    micromatch "^4.0.2"
-    normalize-path "^3.0.0"
-    please-upgrade-node "^3.1.1"
-    string-argv "^0.3.0"
-    stringify-object "^3.3.0"
-
-listr-silent-renderer@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/listr-silent-renderer/-/listr-silent-renderer-1.1.1.tgz#924b5a3757153770bf1a8e3fbf74b8bbf3f9242e"
-  integrity sha512-L26cIFm7/oZeSNVhWB6faeorXhMg4HNlb/dS/7jHhr708jxlXrtrBWo4YUxZQkc6dGoxEAe6J/D3juTRBUzjtA==
-
-listr-update-renderer@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/listr-update-renderer/-/listr-update-renderer-0.5.0.tgz#4ea8368548a7b8aecb7e06d8c95cb45ae2ede6a2"
-  integrity sha512-tKRsZpKz8GSGqoI/+caPmfrypiaq+OQCbd+CovEC24uk1h952lVj5sC7SqyFUm+OaJ5HN/a1YLt5cit2FMNsFA==
-  dependencies:
-    chalk "^1.1.3"
-    cli-truncate "^0.2.1"
-    elegant-spinner "^1.0.1"
-    figures "^1.7.0"
-    indent-string "^3.0.0"
-    log-symbols "^1.0.2"
-    log-update "^2.3.0"
-    strip-ansi "^3.0.1"
-
-listr-verbose-renderer@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/listr-verbose-renderer/-/listr-verbose-renderer-0.5.0.tgz#f1132167535ea4c1261102b9f28dac7cba1e03db"
-  integrity sha512-04PDPqSlsqIOaaaGZ+41vq5FejI9auqTInicFRndCBgE3bXG8D6W1I+mWhk+1nqbHmyhla/6BUrd5OSiHwKRXw==
-  dependencies:
-    chalk "^2.4.1"
-    cli-cursor "^2.1.0"
-    date-fns "^1.27.2"
-    figures "^2.0.0"
-
-listr@^0.14.3:
-  version "0.14.3"
-  resolved "https://registry.yarnpkg.com/listr/-/listr-0.14.3.tgz#2fea909604e434be464c50bddba0d496928fa586"
-  integrity sha512-RmAl7su35BFd/xoMamRjpIE4j3v+L28o8CT5YhAXQJm1fD+1l9ngXY8JAQRJ+tFK2i5njvi0iRUKV09vPwA0iA==
-  dependencies:
-    "@samverschueren/stream-to-observable" "^0.3.0"
-    is-observable "^1.1.0"
-    is-promise "^2.1.0"
-    is-stream "^1.1.0"
-    listr-silent-renderer "^1.1.1"
-    listr-update-renderer "^0.5.0"
-    listr-verbose-renderer "^0.5.0"
-    p-map "^2.0.0"
-    rxjs "^6.3.3"
-
-local-pkg@^0.4.1, local-pkg@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
-  integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
-
-local-pkg@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.5.1.tgz#69658638d2a95287534d4c2fff757980100dbb6d"
-  integrity sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==
-  dependencies:
-    mlly "^1.7.3"
-    pkg-types "^1.2.1"
-
-local-pkg@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-1.1.1.tgz#f5fe74a97a3bd3c165788ee08ca9fbe998dc58dd"
-  integrity sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==
-  dependencies:
-    mlly "^1.7.4"
-    pkg-types "^2.0.1"
-    quansync "^0.2.8"
-
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-lodash.castarray@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.castarray/-/lodash.castarray-4.4.0.tgz#c02513515e309daddd4c24c60cfddcf5976d9115"
-  integrity sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==
-
-lodash.debounce@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
-  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
-
-lodash.isplainobject@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
-  integrity sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==
-
-lodash.merge@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
-lodash.topath@^4.5.2:
-  version "4.5.2"
-  resolved "https://registry.yarnpkg.com/lodash.topath/-/lodash.topath-4.5.2.tgz#3616351f3bba61994a0931989660bd03254fd009"
-  integrity sha512-1/W4dM+35DwvE/iEd1M9ekewOSTlpFekhw9mhAtrwjVqUr83/ilQiyAvmg4tVX7Unkcfl1KC+i9WdaT4B6aQcg==
-
-lodash@^4.17.14, lodash@^4.17.19, lodash@^4.17.21, lodash@^4.17.4:
-  version "4.17.21"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
-  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
-
-log-symbols@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"
-  integrity sha512-mmPrW0Fh2fxOzdBbFv4g1m6pR72haFLPJ2G5SJEELf1y+iaQrDG6cWCPjy54RHYbZAt7X+ls690Kw62AdWXBzQ==
-  dependencies:
-    chalk "^1.0.0"
-
-log-symbols@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
-  integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==
-  dependencies:
-    chalk "^2.4.2"
-
-log-symbols@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
-  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
-  dependencies:
-    chalk "^4.1.0"
-    is-unicode-supported "^0.1.0"
-
-log-update@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/log-update/-/log-update-2.3.0.tgz#88328fd7d1ce7938b29283746f0b1bc126b24708"
-  integrity sha512-vlP11XfFGyeNQlmEn9tJ66rEW1coA/79m5z6BCkudjbAGE83uhAcGYrBFwfs3AdLiLzGRusRPAbSPK9xZteCmg==
-  dependencies:
-    ansi-escapes "^3.0.0"
-    cli-cursor "^2.0.0"
-    wrap-ansi "^3.0.1"
-
-loupe@^2.3.6:
-  version "2.3.7"
-  resolved "https://registry.yarnpkg.com/loupe/-/loupe-2.3.7.tgz#6e69b7d4db7d3ab436328013d37d1c8c3540c697"
-  integrity sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==
-  dependencies:
-    get-func-name "^2.0.1"
-
-lru-cache@^10.2.0:
-  version "10.4.3"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
-  integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
-
-lru-cache@^4.0.1:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
-
-lru-cache@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
-  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
-  dependencies:
-    yallist "^3.0.2"
-
-luxon@^1.22.0:
-  version "1.28.1"
-  resolved "https://registry.yarnpkg.com/luxon/-/luxon-1.28.1.tgz#528cdf3624a54506d710290a2341aa8e6e6c61b0"
-  integrity sha512-gYHAa180mKrNIUJCbwpmD0aTu9kV0dREDrwNnuyFAsO1Wt0EVYSZelPnJlbj9HplzXX/YWXHFTL45kvZ53M0pw==
-
-magic-string@0.30.8:
-  version "0.30.8"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.8.tgz#14e8624246d2bedba70d5462aa99ac9681844613"
-  integrity sha512-ISQTe55T2ao7XtlAStud6qwYPZjE4GK1S/BeVPus4jrq6JuOnQ00YKQC581RWhR122W7msZV263KzVeLoqidyQ==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.4.15"
-
-magic-string@^0.30.1, magic-string@^0.30.17:
-  version "0.30.17"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.17.tgz#450a449673d2460e5bbcfba9a61916a1714c7453"
-  integrity sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==
-  dependencies:
-    "@jridgewell/sourcemap-codec" "^1.5.0"
-
-make-dir@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
-  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
-  dependencies:
-    semver "^7.5.3"
-
-markdown-it@^12.3.2:
-  version "12.3.2"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.3.2.tgz#bf92ac92283fe983fe4de8ff8abfb5ad72cd0c90"
-  integrity sha512-TchMembfxfNVpHkbtriWltGWc+m3xszaRD0CZup7GFFhzIgQqxIfn3eGj1yZpfuflzPvfkt611B2Q/Bsk1YnGg==
-  dependencies:
-    argparse "^2.0.1"
-    entities "~2.1.0"
-    linkify-it "^3.0.1"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
-
-markdown-it@^14.0.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-14.1.0.tgz#3c3c5992883c633db4714ccb4d7b5935d98b7d45"
-  integrity sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==
-  dependencies:
-    argparse "^2.0.1"
-    entities "^4.4.0"
-    linkify-it "^5.0.0"
-    mdurl "^2.0.0"
-    punycode.js "^2.3.1"
-    uc.micro "^2.1.0"
-
-math-intrinsics@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
-  integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
-
-mdurl@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
-  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
-
-mdurl@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-2.0.0.tgz#80676ec0433025dd3e17ee983d0fe8de5a2237e0"
-  integrity sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==
-
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-merge2@^1.2.3, merge2@^1.3.0:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
-  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-micromatch@^4.0.2, micromatch@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
-  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
-  dependencies:
-    braces "^3.0.3"
-    picomatch "^2.3.1"
-
-mime-db@1.52.0:
-  version "1.52.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
-  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
-
-mime-types@^2.1.12:
-  version "2.1.35"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
-  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
-  dependencies:
-    mime-db "1.52.0"
-
-mimic-fn@^1.0.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
-  integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
-
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-
-mini-svg-data-uri@^1.2.3:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz#8ab0aabcdf8c29ad5693ca595af19dd2ead09939"
-  integrity sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==
-
-minimatch@9.0.1:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.1.tgz#8a555f541cf976c622daf078bb28f29fb927c253"
-  integrity sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^3.0.4, minimatch@^3.1.1:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
-minimatch@^8.0.2:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-8.0.4.tgz#847c1b25c014d4e9a7f68aaf63dedd668a626229"
-  integrity sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^9.0.3, minimatch@^9.0.4:
-  version "9.0.5"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
-  integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimist@^1.2.6:
-  version "1.2.8"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
-  integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
-
-minipass@^4.2.4:
-  version "4.2.8"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.8.tgz#f0010f64393ecfc1d1ccb5f582bcaf45f48e1a3a"
-  integrity sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==
-
-"minipass@^5.0.0 || ^6.0.2 || ^7.0.0", minipass@^7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.1.2.tgz#93a9626ce5e5e66bd4db86849e7515e92340a707"
-  integrity sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==
-
-mkdirp@^0.5.1:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
-mlly@^1.7.3, mlly@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.7.4.tgz#3d7295ea2358ec7a271eaa5d000a0f84febe100f"
-  integrity sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==
-  dependencies:
-    acorn "^8.14.0"
-    pathe "^2.0.1"
-    pkg-types "^1.3.0"
-    ufo "^1.5.4"
-
-modern-normalize@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/modern-normalize/-/modern-normalize-1.1.0.tgz#da8e80140d9221426bd4f725c6e11283d34f90b7"
-  integrity sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==
-
-moo@^0.5.0:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/moo/-/moo-0.5.2.tgz#f9fe82473bc7c184b0d32e2215d3f6e67278733c"
-  integrity sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==
-
-ms@^2.1.3:
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
-msw@^0.36.8:
-  version "0.36.8"
-  resolved "https://registry.yarnpkg.com/msw/-/msw-0.36.8.tgz#33ff8bfb0299626a95f43d0e4c3dc2c73c17f1ba"
-  integrity sha512-K7lOQoYqhGhTSChsmHMQbf/SDCsxh/m0uhN6Ipt206lGoe81fpTmaGD0KLh4jUxCONMOUnwCSj0jtX2CM4pEdw==
-  dependencies:
-    "@mswjs/cookies" "^0.1.7"
-    "@mswjs/interceptors" "^0.12.7"
-    "@open-draft/until" "^1.0.3"
-    "@types/cookie" "^0.4.1"
-    "@types/inquirer" "^8.1.3"
-    "@types/js-levenshtein" "^1.1.0"
-    chalk "4.1.1"
-    chokidar "^3.4.2"
-    cookie "^0.4.1"
-    graphql "^15.5.1"
-    headers-utils "^3.0.2"
-    inquirer "^8.2.0"
-    is-node-process "^1.0.1"
-    js-levenshtein "^1.1.6"
-    node-fetch "^2.6.7"
-    path-to-regexp "^6.2.0"
-    statuses "^2.0.0"
-    strict-event-emitter "^0.2.0"
-    type-fest "^1.2.2"
-    yargs "^17.3.0"
-
-muggle-string@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/muggle-string/-/muggle-string-0.4.1.tgz#3b366bd43b32f809dc20659534dd30e7c8a0d328"
-  integrity sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==
-
-mute-stream@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
-  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
-
-mz@^2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
-  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
-  dependencies:
-    any-promise "^1.0.0"
-    object-assign "^4.0.1"
-    thenify-all "^1.0.0"
-
-nanoid@^3.3.11:
-  version "3.3.11"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
-  integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
-
-nanoid@^5.0.7:
-  version "5.1.5"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-5.1.5.tgz#f7597f9d9054eb4da9548cdd53ca70f1790e87de"
-  integrity sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==
-
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
-
-nearley@^2.20.1:
-  version "2.20.1"
-  resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.20.1.tgz#246cd33eff0d012faf197ff6774d7ac78acdd474"
-  integrity sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==
-  dependencies:
-    commander "^2.19.0"
-    moo "^0.5.0"
-    railroad-diagrams "^1.0.0"
-    randexp "0.4.6"
-
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
-node-domexception@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
-  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
-
-node-emoji@^1.11.0:
-  version "1.11.0"
-  resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.11.0.tgz#69a0150e6946e2f115e9d7ea4df7971e2628301c"
-  integrity sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==
-  dependencies:
-    lodash "^4.17.21"
-
-node-fetch@^2.6.7:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
-  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
-  dependencies:
-    whatwg-url "^5.0.0"
-
-node-fetch@^3.2.10:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.2.tgz#d1e889bacdf733b4ff3b2b243eb7a12866a0b78b"
-  integrity sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA==
-  dependencies:
-    data-uri-to-buffer "^4.0.0"
-    fetch-blob "^3.1.4"
-    formdata-polyfill "^4.0.10"
-
-node-releases@^2.0.19:
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
-  integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
-
-nopt@^7.2.1:
-  version "7.2.1"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-7.2.1.tgz#1cac0eab9b8e97c9093338446eddd40b2c8ca1e7"
-  integrity sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==
-  dependencies:
-    abbrev "^2.0.0"
-
-normalize-path@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-1.0.0.tgz#32d0e472f91ff345701c15a8311018d3b0a90379"
-  integrity sha512-7WyT0w8jhpDStXRq5836AMmihQwq2nrUVQrgjvUo/p/NZf9uy/MeJ246lBJVmWuYXMlJuG9BNZHF0hWjfTbQUA==
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-npm-run-path@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-  integrity sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==
-  dependencies:
-    path-key "^2.0.0"
-
-npm-run-path@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-3.1.0.tgz#7f91be317f6a466efed3c9f2980ad8a4ee8b0fa5"
-  integrity sha512-Dbl4A/VfiVGLgQv29URL9xshU8XDY1GeLy+fsaZ1AA8JDSfjvr5P5+pzRbWqRSBxk6/DW7MIh8lTM/PaGnP2kg==
-  dependencies:
-    path-key "^3.0.0"
-
-npm-run-path@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-  dependencies:
-    path-key "^3.0.0"
-
-num2fraction@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
-  integrity sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==
-
-number-is-nan@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
-  integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
-
-nwsapi@^2.2.0:
-  version "2.2.20"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
-  integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==
-
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
-
-object-hash@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
-  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
-
-object-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
-  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
-
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-  integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
-  dependencies:
-    wrappy "1"
-
-onetime@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
-  integrity sha512-oyyPpiMaKARvvcgip+JV+7zci5L8D1W9RZIz2l1o08AM3pfspitVWnPt3mzHcBPp12oYMTy0pqrFs/C+m3EwsQ==
-  dependencies:
-    mimic-fn "^1.0.0"
-
-onetime@^5.1.0, onetime@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
-  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
-  dependencies:
-    mimic-fn "^2.1.0"
-
-optionator@^0.8.3:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
-ora@5.4.1, ora@^5.4.1:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-5.4.1.tgz#1b2678426af4ac4a509008e5e4ac9e9959db9e18"
-  integrity sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==
-  dependencies:
-    bl "^4.1.0"
-    chalk "^4.1.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.5.0"
-    is-interactive "^1.0.0"
-    is-unicode-supported "^0.1.0"
-    log-symbols "^4.1.0"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-orderedmap@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/orderedmap/-/orderedmap-2.1.1.tgz#61481269c44031c449915497bf5a4ad273c512d2"
-  integrity sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==
-
-os-tmpdir@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
-  integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
-
-outvariant@^1.2.0:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/outvariant/-/outvariant-1.4.3.tgz#221c1bfc093e8fec7075497e7799fdbf43d14873"
-  integrity sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==
-
-p-finally@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-  integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
-
-p-finally@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561"
-  integrity sha512-vpm09aKwq6H9phqRQzecoDpD8TmVyGw70qmWlyq5onxY7tqyTTFVvxMykxQSQKILBSFlbXpypIw2T1Ml7+DDtw==
-
-p-limit@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-  integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-  dependencies:
-    p-try "^2.0.0"
-
-p-limit@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
-  integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
-  dependencies:
-    yocto-queue "^0.1.0"
-
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
-p-map@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
-  integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==
-
-p-map@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-map/-/p-map-3.0.0.tgz#d704d9af8a2ba684e2600d9a215983d4141a979d"
-  integrity sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==
-  dependencies:
-    aggregate-error "^3.0.0"
-
-p-try@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-  integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
-package-json-from-dist@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz#4f1471a010827a86f94cfd9b0727e36d267de505"
-  integrity sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==
-
-package-manager-detector@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/package-manager-detector/-/package-manager-detector-1.3.0.tgz#b42d641c448826e03c2b354272456a771ce453c0"
-  integrity sha512-ZsEbbZORsyHuO00lY1kV3/t72yp6Ysay6Pd17ZAlNGuGwmWDLCJxFpRs0IzfXfj1o4icJOkUEioexFHzyPurSQ==
-
-papaparse@^5.4.1:
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.5.3.tgz#07f8994dec516c6dab266e952bed68e1de59fa9a"
-  integrity sha512-5QvjGxYVjxO59MGU2lHVYpRWBBtKHnlIAcSe1uNFCkkptUh63NFRj0FJQm7nR67puEruUci/ZkjmEFrjCAyP4A==
-
-parent-module@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
-  integrity sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==
-  dependencies:
-    callsites "^3.0.0"
-
-parse-json@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-  integrity sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==
-  dependencies:
-    error-ex "^1.3.1"
-    json-parse-better-errors "^1.0.1"
-
-parse-json@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
-  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    error-ex "^1.3.1"
-    json-parse-even-better-errors "^2.3.0"
-    lines-and-columns "^1.1.6"
-
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
-
-path-browserify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
-  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
-
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-is-absolute@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-  integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
-
-path-key@^2.0.0, path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
-
-path-key@^3.0.0, path-key@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-parse@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
-  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-
-path-scurry@^1.11.1, path-scurry@^1.6.1:
-  version "1.11.1"
-  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.11.1.tgz#7960a668888594a0720b12a911d1a742ab9f11d2"
-  integrity sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==
-  dependencies:
-    lru-cache "^10.2.0"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-
-path-to-regexp@^6.2.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-6.3.0.tgz#2b6a26a337737a8e1416f9272ed0766b1c0389f4"
-  integrity sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==
-
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
-pathe@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.2.tgz#6c4cb47a945692e48a1ddd6e4094d170516437ec"
-  integrity sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==
-
-pathe@^2.0.1, pathe@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
-  integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
-
-pathval@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
-  integrity sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==
-
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
-picocolors@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
-  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
-
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-picomatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
-  integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
-
-pify@^2.0.0, pify@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
-
-pify@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-  integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
-
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==
-
-pirates@^4.0.1:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
-  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
-
-pkg-types@^1.2.1, pkg-types@^1.3.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df"
-  integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==
-  dependencies:
-    confbox "^0.1.8"
-    mlly "^1.7.4"
-    pathe "^2.0.1"
-
-pkg-types@^2.0.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-2.1.1.tgz#b8b209b2e269af62f55ba51f0648b540039dc6ca"
-  integrity sha512-eY0QFb6eSwc9+0d/5D2lFFUq+A3n3QNGSy/X2Nvp+6MfzGw2u6EbA7S80actgjY1lkvvI0pqB+a4hioMh443Ew==
-  dependencies:
-    confbox "^0.2.2"
-    exsolve "^1.0.7"
-    pathe "^2.0.3"
-
-please-upgrade-node@^3.1.1:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
-  integrity sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==
-  dependencies:
-    semver-compare "^1.0.0"
-
-pngjs@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-5.0.0.tgz#e79dd2b215767fd9c04561c01236df960bce7fbb"
-  integrity sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==
-
-postcss-easy-import@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-easy-import/-/postcss-easy-import-4.0.0.tgz#8ada07d857c2578f38a832b841714a7ddefccbee"
-  integrity sha512-Nq5/zsnyMyzz1D7Y7TC1hawNLWQLlh4eJnsM9zlxtc8mAeY8edlvSO1UGs1hyQvNvzK3OJ1bgLjsuyTijyvBEQ==
-  dependencies:
-    globby "^6.1.0"
-    is-glob "^4.0.0"
-    lodash "^4.17.4"
-    object-assign "^4.0.1"
-    pify "^3.0.0"
-    postcss-import "^14.0.0"
-    resolve "^1.1.7"
-
-postcss-functions@^3:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-functions/-/postcss-functions-3.0.0.tgz#0e94d01444700a481de20de4d55fb2640564250e"
-  integrity sha512-N5yWXWKA+uhpLQ9ZhBRl2bIAdM6oVJYpDojuI1nF2SzXBimJcdjFwiAouBVbO5VuOF3qA6BSFWFc3wXbbj72XQ==
-  dependencies:
-    glob "^7.1.2"
-    object-assign "^4.1.1"
-    postcss "^6.0.9"
-    postcss-value-parser "^3.3.0"
-
-postcss-import@^14.0.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-import@^15.1.0:
-  version "15.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
-  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
-  dependencies:
-    postcss-value-parser "^4.0.0"
-    read-cache "^1.0.0"
-    resolve "^1.1.7"
-
-postcss-js@^2:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-2.0.3.tgz#a96f0f23ff3d08cec7dc5b11bf11c5f8077cdab9"
-  integrity sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==
-  dependencies:
-    camelcase-css "^2.0.1"
-    postcss "^7.0.18"
-
-postcss-js@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
-  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
-  dependencies:
-    camelcase-css "^2.0.1"
-
-postcss-load-config@^3.1.0:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
-  dependencies:
-    lilconfig "^2.0.5"
-    yaml "^1.10.2"
-
-postcss-load-config@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
-  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
-  dependencies:
-    lilconfig "^3.0.0"
-    yaml "^2.3.4"
-
-postcss-nested@^4:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-4.2.3.tgz#c6f255b0a720549776d220d00c4b70cd244136f6"
-  integrity sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==
-  dependencies:
-    postcss "^7.0.32"
-    postcss-selector-parser "^6.0.2"
-
-postcss-nested@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
-  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
-  dependencies:
-    postcss-selector-parser "^6.1.1"
-
-postcss-selector-parser@6.0.10:
-  version "6.0.10"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
-  integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.1.1, postcss-selector-parser@^6.1.2:
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
-  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-value-parser@^3.3.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-
-postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
-  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-
-postcss@^6.0.9:
-  version "6.0.23"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
-  integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
-  dependencies:
-    chalk "^2.4.1"
-    source-map "^0.6.1"
-    supports-color "^5.4.0"
-
-postcss@^7, postcss@^7.0.18, postcss@^7.0.32:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
-  dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
-
-postcss@^8.3.5, postcss@^8.4.13, postcss@^8.4.32, postcss@^8.4.47, postcss@^8.4.6, postcss@^8.5.6:
-  version "8.5.6"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
-  integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
-  dependencies:
-    nanoid "^3.3.11"
-    picocolors "^1.1.1"
-    source-map-js "^1.2.1"
-
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
-
-prettier-linter-helpers@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
-  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
-  dependencies:
-    fast-diff "^1.1.2"
-
-prettier-plugin-tailwindcss@^0.1.8:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.1.13.tgz#ca1071361dc7e2ed5d95a2ee36825ce45f814942"
-  integrity sha512-/EKQURUrxLu66CMUg4+1LwGdxnz8of7IDvrSLqEtDqhLH61SAlNNUSr90UTvZaemujgl3OH/VHg+fyGltrNixw==
-
-prettier@^2.5.1:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
-
-prettier@^3.3.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.6.2.tgz#ccda02a1003ebbb2bfda6f83a074978f608b9393"
-  integrity sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==
-
-pretty-hrtime@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
-  integrity sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==
-
-progress@^2.0.0, progress@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
-  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
-
-prosemirror-changeset@^2.3.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-changeset/-/prosemirror-changeset-2.3.1.tgz#eee3299cfabc7a027694e9abdc4e85505e9dd5e7"
-  integrity sha512-j0kORIBm8ayJNl3zQvD1TTPHJX3g042et6y/KQhZhnPrruO8exkTgG8X+NRpj7kIyMMEx74Xb3DyMIBtO0IKkQ==
-  dependencies:
-    prosemirror-transform "^1.0.0"
-
-prosemirror-collab@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz#0e8c91e76e009b53457eb3b3051fb68dad029a33"
-  integrity sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==
-  dependencies:
-    prosemirror-state "^1.0.0"
-
-prosemirror-commands@^1.0.0, prosemirror-commands@^1.6.2:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz#d101fef85618b1be53d5b99ea17bee5600781b38"
-  integrity sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==
-  dependencies:
-    prosemirror-model "^1.0.0"
-    prosemirror-state "^1.0.0"
-    prosemirror-transform "^1.10.2"
-
-prosemirror-dropcursor@^1.8.1:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.2.tgz#2ed30c4796109ddeb1cf7282372b3850528b7228"
-  integrity sha512-CCk6Gyx9+Tt2sbYk5NK0nB1ukHi2ryaRgadV/LvyNuO3ena1payM2z6Cg0vO1ebK8cxbzo41ku2DE5Axj1Zuiw==
-  dependencies:
-    prosemirror-state "^1.0.0"
-    prosemirror-transform "^1.1.0"
-    prosemirror-view "^1.1.0"
-
-prosemirror-gapcursor@^1.3.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz#5fa336b83789c6199a7341c9493587e249215cb4"
-  integrity sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==
-  dependencies:
-    prosemirror-keymap "^1.0.0"
-    prosemirror-model "^1.0.0"
-    prosemirror-state "^1.0.0"
-    prosemirror-view "^1.0.0"
-
-prosemirror-history@^1.0.0, prosemirror-history@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-history/-/prosemirror-history-1.4.1.tgz#cc370a46fb629e83a33946a0e12612e934ab8b98"
-  integrity sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==
-  dependencies:
-    prosemirror-state "^1.2.2"
-    prosemirror-transform "^1.0.0"
-    prosemirror-view "^1.31.0"
-    rope-sequence "^1.3.0"
-
-prosemirror-inputrules@^1.4.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/prosemirror-inputrules/-/prosemirror-inputrules-1.5.0.tgz#e22bfaf1d6ea4fe240ad447c184af3d520d43c37"
-  integrity sha512-K0xJRCmt+uSw7xesnHmcn72yBGTbY45vm8gXI4LZXbx2Z0jwh5aF9xrGQgrVPu0WbyFVFF3E/o9VhJYz6SQWnA==
-  dependencies:
-    prosemirror-state "^1.0.0"
-    prosemirror-transform "^1.0.0"
-
-prosemirror-keymap@^1.0.0, prosemirror-keymap@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz#c0f6ab95f75c0b82c97e44eb6aaf29cbfc150472"
-  integrity sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==
-  dependencies:
-    prosemirror-state "^1.0.0"
-    w3c-keyname "^2.2.0"
-
-prosemirror-markdown@^1.13.1:
-  version "1.13.2"
-  resolved "https://registry.yarnpkg.com/prosemirror-markdown/-/prosemirror-markdown-1.13.2.tgz#863eb3fd5f57a444e4378174622b562735b1c503"
-  integrity sha512-FPD9rHPdA9fqzNmIIDhhnYQ6WgNoSWX9StUZ8LEKapaXU9i6XgykaHKhp6XMyXlOWetmaFgGDS/nu/w9/vUc5g==
-  dependencies:
-    "@types/markdown-it" "^14.0.0"
-    markdown-it "^14.0.0"
-    prosemirror-model "^1.25.0"
-
-prosemirror-menu@^1.2.4:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/prosemirror-menu/-/prosemirror-menu-1.2.5.tgz#dea00e7b623cea89f4d76963bee22d2ac2343250"
-  integrity sha512-qwXzynnpBIeg1D7BAtjOusR+81xCp53j7iWu/IargiRZqRjGIlQuu1f3jFi+ehrHhWMLoyOQTSRx/IWZJqOYtQ==
-  dependencies:
-    crelt "^1.0.0"
-    prosemirror-commands "^1.0.0"
-    prosemirror-history "^1.0.0"
-    prosemirror-state "^1.0.0"
-
-prosemirror-model@^1.0.0, prosemirror-model@^1.20.0, prosemirror-model@^1.21.0, prosemirror-model@^1.23.0, prosemirror-model@^1.25.0:
-  version "1.25.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.25.1.tgz#aeae9f1ec79fcaa76f6fc619800d91fbcf726870"
-  integrity sha512-AUvbm7qqmpZa5d9fPKMvH1Q5bqYQvAZWOGRvxsB6iFLyycvC9MwNemNVjHVrWgjaoxAfY8XVg7DbvQ/qxvI9Eg==
-  dependencies:
-    orderedmap "^2.0.0"
-
-prosemirror-schema-basic@^1.2.3:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.4.tgz#389ce1ec09b8a30ea9bbb92c58569cb690c2d695"
-  integrity sha512-ELxP4TlX3yr2v5rM7Sb70SqStq5NvI15c0j9j/gjsrO5vaw+fnnpovCLEGIcpeGfifkuqJwl4fon6b+KdrODYQ==
-  dependencies:
-    prosemirror-model "^1.25.0"
-
-prosemirror-schema-list@^1.4.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz#5869c8f749e8745c394548bb11820b0feb1e32f5"
-  integrity sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==
-  dependencies:
-    prosemirror-model "^1.0.0"
-    prosemirror-state "^1.0.0"
-    prosemirror-transform "^1.7.3"
-
-prosemirror-state@^1.0.0, prosemirror-state@^1.2.2, prosemirror-state@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/prosemirror-state/-/prosemirror-state-1.4.3.tgz#94aecf3ffd54ec37e87aa7179d13508da181a080"
-  integrity sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==
-  dependencies:
-    prosemirror-model "^1.0.0"
-    prosemirror-transform "^1.0.0"
-    prosemirror-view "^1.27.0"
-
-prosemirror-tables@^1.6.4:
-  version "1.7.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-tables/-/prosemirror-tables-1.7.1.tgz#df2507f285c6c7563097b4904cb7c4b9e0cd724b"
-  integrity sha512-eRQ97Bf+i9Eby99QbyAiyov43iOKgWa7QCGly+lrDt7efZ1v8NWolhXiB43hSDGIXT1UXgbs4KJN3a06FGpr1Q==
-  dependencies:
-    prosemirror-keymap "^1.2.2"
-    prosemirror-model "^1.25.0"
-    prosemirror-state "^1.4.3"
-    prosemirror-transform "^1.10.3"
-    prosemirror-view "^1.39.1"
-
-prosemirror-trailing-node@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz#5bc223d4fc1e8d9145e4079ec77a932b54e19e04"
-  integrity sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==
-  dependencies:
-    "@remirror/core-constants" "3.0.0"
-    escape-string-regexp "^4.0.0"
-
-prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transform@^1.10.2, prosemirror-transform@^1.10.3, prosemirror-transform@^1.7.3:
-  version "1.10.4"
-  resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.10.4.tgz#56419eac14f9f56612c806ae46f9238648f3f02e"
-  integrity sha512-pwDy22nAnGqNR1feOQKHxoFkkUtepoFAd3r2hbEDsnf4wp57kKA36hXsB3njA9FtONBEwSDnDeCiJe+ItD+ykw==
-  dependencies:
-    prosemirror-model "^1.21.0"
-
-prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.27.0, prosemirror-view@^1.31.0, prosemirror-view@^1.37.0, prosemirror-view@^1.39.1:
-  version "1.40.0"
-  resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.40.0.tgz#212e627a0c4f0198ac9823a1232e0099c9a92865"
-  integrity sha512-2G3svX0Cr1sJjkD/DYWSe3cfV5VPVTBOxI9XQEGWJDFEpsZb/gh4MV29ctv+OJx2RFX4BLt09i+6zaGM/ldkCw==
-  dependencies:
-    prosemirror-model "^1.20.0"
-    prosemirror-state "^1.0.0"
-    prosemirror-transform "^1.1.0"
-
-proto-list@~1.2.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
-  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
-
-proxy-from-env@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
-
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==
-
-psl@^1.1.33:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/psl/-/psl-1.15.0.tgz#bdace31896f1d97cec6a79e8224898ce93d974c6"
-  integrity sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==
-  dependencies:
-    punycode "^2.3.1"
-
-pump@^3.0.0:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.3.tgz#151d979f1a29668dc0025ec589a455b53282268d"
-  integrity sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-punycode.js@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/punycode.js/-/punycode.js-2.3.1.tgz#6b53e56ad75588234e79f4affa90972c7dd8cdb7"
-  integrity sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==
-
-punycode@^2.1.0, punycode@^2.1.1, punycode@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
-  integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
-
-purgecss@^4.0.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-4.1.3.tgz#683f6a133c8c4de7aa82fe2746d1393b214918f7"
-  integrity sha512-99cKy4s+VZoXnPxaoM23e5ABcP851nC2y2GROkkjS8eJaJtlciGavd7iYAw2V84WeBqggZ12l8ef44G99HmTaw==
-  dependencies:
-    commander "^8.0.0"
-    glob "^7.1.7"
-    postcss "^8.3.5"
-    postcss-selector-parser "^6.0.6"
-
-qrcode@^1.5.4:
-  version "1.5.4"
-  resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.5.4.tgz#5cb81d86eb57c675febb08cf007fff963405da88"
-  integrity sha512-1ca71Zgiu6ORjHqFBDpnSMTR2ReToX4l1Au1VFLyVeBTFavzQnv5JxMFr3ukHVKpSrSA2MCk0lNJSykjUfz7Zg==
-  dependencies:
-    dijkstrajs "^1.0.1"
-    pngjs "^5.0.0"
-    yargs "^15.3.1"
-
-quansync@^0.2.8:
-  version "0.2.10"
-  resolved "https://registry.yarnpkg.com/quansync/-/quansync-0.2.10.tgz#32053cf166fa36511aae95fc49796116f2dc20e1"
-  integrity sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==
-
-querystringify@^2.1.1:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
-  integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
-
-queue-microtask@^1.2.2:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
-  integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
-
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
-radix-vue@^1.5.3:
-  version "1.9.17"
-  resolved "https://registry.yarnpkg.com/radix-vue/-/radix-vue-1.9.17.tgz#d6aec1727148e21cfb105c46a4c20bf100c8eee7"
-  integrity sha512-mVCu7I2vXt1L2IUYHTt0sZMz7s1K2ZtqKeTIxG3yC5mMFfLBG4FtE1FDeRMpDd+Hhg/ybi9+iXmAP1ISREndoQ==
-  dependencies:
-    "@floating-ui/dom" "^1.6.7"
-    "@floating-ui/vue" "^1.1.0"
-    "@internationalized/date" "^3.5.4"
-    "@internationalized/number" "^3.5.3"
-    "@tanstack/vue-virtual" "^3.8.1"
-    "@vueuse/core" "^10.11.0"
-    "@vueuse/shared" "^10.11.0"
-    aria-hidden "^1.2.4"
-    defu "^6.1.4"
-    fast-deep-equal "^3.1.3"
-    nanoid "^5.0.7"
-
-railroad-diagrams@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e"
-  integrity sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==
-
-randexp@0.4.6:
-  version "0.4.6"
-  resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3"
-  integrity sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==
-  dependencies:
-    discontinuous-range "1.0.0"
-    ret "~0.1.10"
-
-read-cache@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
-  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
-  dependencies:
-    pify "^2.3.0"
-
-readable-stream@^3.4.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-reduce-css-calc@^2.1.8:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz#7ef8761a28d614980dc0c982f772c93f7a99de03"
-  integrity sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==
-  dependencies:
-    css-unit-converter "^1.1.1"
-    postcss-value-parser "^3.3.0"
-
-regenerate-unicode-properties@^10.2.0:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz#626e39df8c372338ea9b8028d1f99dc3fd9c3db0"
-  integrity sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==
-  dependencies:
-    regenerate "^1.4.2"
-
-regenerate@^1.4.2:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
-  integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
-
-regenerator-runtime@^0.13.11:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
-
-regexpp@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
-  integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
-
-regexpu-core@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.2.0.tgz#0e5190d79e542bf294955dccabae04d3c7d53826"
-  integrity sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==
-  dependencies:
-    regenerate "^1.4.2"
-    regenerate-unicode-properties "^10.2.0"
-    regjsgen "^0.8.0"
-    regjsparser "^0.12.0"
-    unicode-match-property-ecmascript "^2.0.0"
-    unicode-match-property-value-ecmascript "^2.1.0"
-
-register-service-worker@^1.6.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/register-service-worker/-/register-service-worker-1.7.2.tgz#6516983e1ef790a98c4225af1216bc80941a4bd2"
-  integrity sha512-CiD3ZSanZqcMPRhtfct5K9f7i3OLCcBBWsJjLh1gW9RO/nS94sVzY59iS+fgYBOBqaBpf4EzfqUF3j9IG+xo8A==
-
-regjsgen@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
-  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
-
-regjsparser@^0.12.0:
-  version "0.12.0"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.12.0.tgz#0e846df6c6530586429377de56e0475583b088dc"
-  integrity sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==
-  dependencies:
-    jsesc "~3.0.2"
-
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
-
-require-main-filename@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
-  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
-
-requires-port@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
-  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
-
-resize-detector@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/resize-detector/-/resize-detector-0.3.0.tgz#fe495112e184695500a8f51e0389f15774cb1cfc"
-  integrity sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ==
-
-resolve-from@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
-  integrity sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==
-
-resolve-from@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
-  integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
-
-resolve@^1.1.7, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.2, resolve@^1.22.8:
-  version "1.22.10"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39"
-  integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==
-  dependencies:
-    is-core-module "^2.16.0"
-    path-parse "^1.0.7"
-    supports-preserve-symlinks-flag "^1.0.0"
-
-restore-cursor@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
-  integrity sha512-6IzJLuGi4+R14vwagDHX+JrXmPVtPpn4mffDJ1UdR7/Edm87fl6yi8mMBIVvFtJaNTUvjughmW4hwLhRG7gC1Q==
-  dependencies:
-    onetime "^2.0.0"
-    signal-exit "^3.0.2"
-
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
-ret@~0.1.10:
-  version "0.1.15"
-  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
-  integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
-
-reusify@^1.0.4:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
-  integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
-
-rgb-regex@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
-  integrity sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==
-
-rgba-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
-  integrity sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==
-
-rimraf@2.6.3:
-  version "2.6.3"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
-  integrity sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==
-  dependencies:
-    glob "^7.1.3"
-
-rimraf@^3.0.0, rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
-"rollup@>=2.59.0 <2.78.0":
-  version "2.77.3"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12"
-  integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-rollup@^4.2.0:
-  version "4.44.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.44.1.tgz#641723932894e7acbe6052aea34b8e72ef8b7c8f"
-  integrity sha512-x8H8aPvD+xbl0Do8oez5f5o8eMS3trfCghc4HhLAnCkj7Vl0d1JWGs0UF/D886zLW2rOj2QymV/JcSSsw+XDNg==
-  dependencies:
-    "@types/estree" "1.0.8"
-  optionalDependencies:
-    "@rollup/rollup-android-arm-eabi" "4.44.1"
-    "@rollup/rollup-android-arm64" "4.44.1"
-    "@rollup/rollup-darwin-arm64" "4.44.1"
-    "@rollup/rollup-darwin-x64" "4.44.1"
-    "@rollup/rollup-freebsd-arm64" "4.44.1"
-    "@rollup/rollup-freebsd-x64" "4.44.1"
-    "@rollup/rollup-linux-arm-gnueabihf" "4.44.1"
-    "@rollup/rollup-linux-arm-musleabihf" "4.44.1"
-    "@rollup/rollup-linux-arm64-gnu" "4.44.1"
-    "@rollup/rollup-linux-arm64-musl" "4.44.1"
-    "@rollup/rollup-linux-loongarch64-gnu" "4.44.1"
-    "@rollup/rollup-linux-powerpc64le-gnu" "4.44.1"
-    "@rollup/rollup-linux-riscv64-gnu" "4.44.1"
-    "@rollup/rollup-linux-riscv64-musl" "4.44.1"
-    "@rollup/rollup-linux-s390x-gnu" "4.44.1"
-    "@rollup/rollup-linux-x64-gnu" "4.44.1"
-    "@rollup/rollup-linux-x64-musl" "4.44.1"
-    "@rollup/rollup-win32-arm64-msvc" "4.44.1"
-    "@rollup/rollup-win32-ia32-msvc" "4.44.1"
-    "@rollup/rollup-win32-x64-msvc" "4.44.1"
-    fsevents "~2.3.2"
-
-rope-sequence@^1.3.0:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/rope-sequence/-/rope-sequence-1.3.4.tgz#df85711aaecd32f1e756f76e43a415171235d425"
-  integrity sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==
-
-run-async@^2.4.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
-  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
-
-run-parallel@^1.1.9:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
-  integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
-  dependencies:
-    queue-microtask "^1.2.2"
-
-rxjs@^6.3.3, rxjs@^6.6.0:
-  version "6.6.7"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
-  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
-  dependencies:
-    tslib "^1.9.0"
-
-rxjs@^7.2.0, rxjs@^7.5.5:
-  version "7.8.2"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.2.tgz#955bc473ed8af11a002a2be52071bf475638607b"
-  integrity sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==
-  dependencies:
-    tslib "^2.1.0"
-
-safe-buffer@~5.2.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-  integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
-  dependencies:
-    xmlchars "^2.2.0"
-
-semver-compare@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
-  integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
-
-semver@^5.5.0, semver@^5.6.0:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
-semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
-
-semver@^7.5.3:
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
-  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
-
-set-blocking@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-  integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
-
-set-cookie-parser@^2.4.6:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz#3016f150072202dfbe90fadee053573cc89d2943"
-  integrity sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==
-
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
-  dependencies:
-    shebang-regex "^1.0.0"
-
-shebang-command@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-  dependencies:
-    shebang-regex "^3.0.0"
-
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
-
-shebang-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-showdown@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/showdown/-/showdown-2.1.0.tgz#1251f5ed8f773f0c0c7bfc8e6fd23581f9e545c5"
-  integrity sha512-/6NVYu4U819R2pUIk79n67SYgJHWCce0a5xTP979WbNp0FL9MN1I1QK662IDU1b6JzKTvmhgI7T7JYIxBi3kMQ==
-  dependencies:
-    commander "^9.0.0"
-
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
-  integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
-
-signal-exit@^4.0.1:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"
-  integrity sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==
-
-simple-swizzle@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
-  dependencies:
-    is-arrayish "^0.3.1"
-
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-slice-ansi@0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
-  integrity sha512-up04hB2hR92PgjpyU3y/eg91yIBILyjVY26NvvciY3EVVPjybkMszMpXQ9QAkcS3I5rtJBDLoTxxg+qvW8c7rw==
-
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
-socket.io-client@^4.5.1:
-  version "4.8.1"
-  resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-4.8.1.tgz#1941eca135a5490b94281d0323fe2a35f6f291cb"
-  integrity sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==
-  dependencies:
-    "@socket.io/component-emitter" "~3.1.0"
-    debug "~4.3.2"
-    engine.io-client "~6.6.1"
-    socket.io-parser "~4.2.4"
-
-socket.io-parser@~4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-4.2.4.tgz#c806966cf7270601e47469ddeec30fbdfda44c83"
-  integrity sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==
-  dependencies:
-    "@socket.io/component-emitter" "~3.1.0"
-    debug "~4.3.1"
-
-source-map-js@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
-  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
-
-source-map@^0.6.1, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-  integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
-
-sql-formatter@^15.4.10:
-  version "15.6.5"
-  resolved "https://registry.yarnpkg.com/sql-formatter/-/sql-formatter-15.6.5.tgz#f57f49013a7b14c3239a49b033b02b0c03758285"
-  integrity sha512-fr4TyM1udCSrOHOmouotwUi8dxIDhSLpYNmPePGFVzxq8/i8jd828IapE49QXG7Gzkswxo5WwdAGnYX4YpKoTg==
-  dependencies:
-    argparse "^2.0.1"
-    nearley "^2.20.1"
-
-statuses@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.2.tgz#8f75eecef765b5e1cfcdc080da59409ed424e382"
-  integrity sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==
-
-strict-event-emitter@^0.2.0:
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/strict-event-emitter/-/strict-event-emitter-0.2.8.tgz#b4e768927c67273c14c13d20e19d5e6c934b47ca"
-  integrity sha512-KDf/ujU8Zud3YaLtMCcTI4xkZlZVIYxTLr+XIULexP+77EEVWixeXroLUXQXiVtH4XH2W7jr/3PT1v3zBuvc3A==
-  dependencies:
-    events "^3.3.0"
-
-string-argv@^0.3.0:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
-  integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
-
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
-  integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==
-  dependencies:
-    code-point-at "^1.0.0"
-    is-fullwidth-code-point "^1.0.0"
-    strip-ansi "^3.0.0"
-
-string-width@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
-  integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
-  dependencies:
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^4.0.0"
-
-string-width@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-  dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
-
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^5.0.1, string-width@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
-  integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
-  dependencies:
-    eastasianwidth "^0.2.0"
-    emoji-regex "^9.2.2"
-    strip-ansi "^7.0.1"
-
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
-stringify-object@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
-  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
-  dependencies:
-    get-own-enumerable-property-symbols "^3.0.0"
-    is-obj "^1.0.1"
-    is-regexp "^1.0.0"
-
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^3.0.0, strip-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
-  dependencies:
-    ansi-regex "^2.0.0"
-
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==
-  dependencies:
-    ansi-regex "^3.0.0"
-
-strip-ansi@^5.1.0, strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^7.0.1:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
-  integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==
-  dependencies:
-    ansi-regex "^6.0.1"
-
-strip-eof@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==
-
-strip-final-newline@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
-strip-indent@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-2.0.0.tgz#5ef8db295d01e6ed6cbf7aab96998d7822527b68"
-  integrity sha512-RsSNPLpq6YUL7QYy44RnPVTn/lcVZtb48Uof3X5JLbF4zD/Gs7ZFDv2HWol+leoQN2mT86LAzSshGfkTlSOpsA==
-
-strip-json-comments@^3.0.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
-  integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
-
-style-mod@^4.0.0, style-mod@^4.1.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/style-mod/-/style-mod-4.1.2.tgz#ca238a1ad4786520f7515a8539d5a63691d7bf67"
-  integrity sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==
-
-sucrase@^3.35.0:
-  version "3.35.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
-  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.2"
-    commander "^4.0.0"
-    glob "^10.3.10"
-    lines-and-columns "^1.1.6"
-    mz "^2.7.0"
-    pirates "^4.0.1"
-    ts-interface-checker "^0.1.9"
-
-supports-color@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-  integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==
-
-supports-color@^5.3.0, supports-color@^5.4.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-  dependencies:
-    has-flag "^3.0.0"
-
-supports-color@^7.1.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
-  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
-  dependencies:
-    has-flag "^4.0.0"
-
-supports-preserve-symlinks-flag@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
-  integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
-
-symbol-observable@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
-  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
-
-symbol-tree@^3.2.4:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
-  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
-
-systemjs@^6.14.1:
-  version "6.15.1"
-  resolved "https://registry.yarnpkg.com/systemjs/-/systemjs-6.15.1.tgz#74175b6810e27a79e1177d21db5f0e3057118cea"
-  integrity sha512-Nk8c4lXvMB98MtbmjX7JwJRgJOL8fluecYCfCeYBznwmpOs8Bf15hLM6z4z71EDAhQVrQrI+wt1aLWSXZq+hXA==
-
-table@^5.2.3:
-  version "5.4.6"
-  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
-  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
-  dependencies:
-    ajv "^6.10.2"
-    lodash "^4.17.14"
-    slice-ansi "^2.1.0"
-    string-width "^3.0.0"
-
-tailwindcss@^3.2:
-  version "3.4.17"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.17.tgz#ae8406c0f96696a631c790768ff319d46d5e5a63"
-  integrity sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==
-  dependencies:
-    "@alloc/quick-lru" "^5.2.0"
-    arg "^5.0.2"
-    chokidar "^3.6.0"
-    didyoumean "^1.2.2"
-    dlv "^1.1.3"
-    fast-glob "^3.3.2"
-    glob-parent "^6.0.2"
-    is-glob "^4.0.3"
-    jiti "^1.21.6"
-    lilconfig "^3.1.3"
-    micromatch "^4.0.8"
-    normalize-path "^3.0.0"
-    object-hash "^3.0.0"
-    picocolors "^1.1.1"
-    postcss "^8.4.47"
-    postcss-import "^15.1.0"
-    postcss-js "^4.0.1"
-    postcss-load-config "^4.0.2"
-    postcss-nested "^6.2.0"
-    postcss-selector-parser "^6.1.2"
-    resolve "^1.22.8"
-    sucrase "^3.35.0"
-
-test-exclude@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-  integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-  dependencies:
-    "@istanbuljs/schema" "^0.1.2"
-    glob "^7.1.4"
-    minimatch "^3.0.4"
-
-text-table@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
-  integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
-
-thenify-all@^1.0.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
-  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
-  dependencies:
-    thenify ">= 3.1.0 < 4"
-
-"thenify@>= 3.1.0 < 4":
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
-  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
-  dependencies:
-    any-promise "^1.0.0"
-
-through@^2.3.6:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
-  integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
-
-tinyexec@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tinyexec/-/tinyexec-1.0.1.tgz#70c31ab7abbb4aea0a24f55d120e5990bfa1e0b1"
-  integrity sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==
-
-tinypool@^0.1.2:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/tinypool/-/tinypool-0.1.3.tgz#b5570b364a1775fd403de5e7660b325308fee26b"
-  integrity sha512-2IfcQh7CP46XGWGGbdyO4pjcKqsmVqFAPcXfPxcPXmOWt9cYkTP9HcDmGgsfijYoAEc4z9qcpM/BaBz46Y9/CQ==
-
-tinyspy@^0.3.2:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/tinyspy/-/tinyspy-0.3.3.tgz#8b57f8aec7fe1bf583a3a49cb9ab30c742f69237"
-  integrity sha512-gRiUR8fuhUf0W9lzojPf1N1euJYA30ISebSfgca8z76FOvXtVXqd5ojEIaKLWbDQhAaC3ibxZIjqbyi4ybjcTw==
-
-tippy.js@^6.3.7:
-  version "6.3.7"
-  resolved "https://registry.yarnpkg.com/tippy.js/-/tippy.js-6.3.7.tgz#8ccfb651d642010ed9a32ff29b0e9e19c5b8c61c"
-  integrity sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==
-  dependencies:
-    "@popperjs/core" "^2.9.0"
-
-tmp@^0.0.33:
-  version "0.0.33"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
-  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
-  dependencies:
-    os-tmpdir "~1.0.2"
-
-tmp@^0.2.1:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.3.tgz#eb783cc22bc1e8bebd0671476d46ea4eb32a79ae"
-  integrity sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"
-
-tough-cookie@^4.0.0:
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
-  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
-  dependencies:
-    psl "^1.1.33"
-    punycode "^2.1.1"
-    universalify "^0.2.0"
-    url-parse "^1.5.3"
-
-tr46@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
-  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
-  dependencies:
-    punycode "^2.1.1"
-
-tr46@~0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
-
-ts-interface-checker@^0.1.9:
-  version "0.1.13"
-  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
-  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
-
-tslib@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
-  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
-
-tslib@^1.9.0:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-
-tslib@^2.0.0, tslib@^2.1.0, tslib@^2.6.2, tslib@^2.8.0:
-  version "2.8.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
-  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
-
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@^4.0.0, type-detect@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.1.0.tgz#deb2453e8f08dcae7ae98c626b13dddb0155906c"
-  integrity sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==
-
-type-fest@^0.21.3:
-  version "0.21.3"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
-  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
-
-type-fest@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
-  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
-
-type-fest@^1.2.2:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
-  integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
-
-typescript@^5.0.2, typescript@^5.4.3:
-  version "5.8.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.8.3.tgz#92f8a3e5e3cf497356f4178c34cd65a7f5e8440e"
-  integrity sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==
-
-uc.micro@^1.0.1, uc.micro@^1.0.5:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
-  integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
-
-uc.micro@^2.0.0, uc.micro@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-2.1.0.tgz#f8d3f7d0ec4c3dea35a7e3c8efa4cb8b45c9e7ee"
-  integrity sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==
-
-ufo@^1.5.4:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.1.tgz#ac2db1d54614d1b22c1d603e3aef44a85d8f146b"
-  integrity sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==
-
-undici-types@~7.8.0:
-  version "7.8.0"
-  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.8.0.tgz#de00b85b710c54122e44fbfd911f8d70174cd294"
-  integrity sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==
-
-unicode-canonical-property-names-ecmascript@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz#cb3173fe47ca743e228216e4a3ddc4c84d628cc2"
-  integrity sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==
-
-unicode-match-property-ecmascript@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
-  integrity sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==
-  dependencies:
-    unicode-canonical-property-names-ecmascript "^2.0.0"
-    unicode-property-aliases-ecmascript "^2.0.0"
-
-unicode-match-property-value-ecmascript@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz#a0401aee72714598f739b68b104e4fe3a0cb3c71"
-  integrity sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==
-
-unicode-property-aliases-ecmascript@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
-  integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
-
-universalify@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
-  integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
-
-universalify@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
-  integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
-
-unplugin-icons@^0.17.0:
-  version "0.17.4"
-  resolved "https://registry.yarnpkg.com/unplugin-icons/-/unplugin-icons-0.17.4.tgz#a05268d44a22703876f953c26107af3cfa04a936"
-  integrity sha512-PHLxjBx3ZV8RUBvfMafFl8uWH88jHeZgOijcRpkwgne7y2Ovx7WI0Ltzzw3fjZQ7dGaDhB8udyKVdm9N2S6BIw==
-  dependencies:
-    "@antfu/install-pkg" "^0.1.1"
-    "@antfu/utils" "^0.7.6"
-    "@iconify/utils" "^2.1.11"
-    debug "^4.3.4"
-    kolorist "^1.8.0"
-    local-pkg "^0.5.0"
-    unplugin "^1.5.0"
-
-unplugin-vue-components@^0.25.2:
-  version "0.25.2"
-  resolved "https://registry.yarnpkg.com/unplugin-vue-components/-/unplugin-vue-components-0.25.2.tgz#99d9d02a4066a24e720edbe74a82a4ee6ff86153"
-  integrity sha512-OVmLFqILH6w+eM8fyt/d/eoJT9A6WO51NZLf1vC5c1FZ4rmq2bbGxTy8WP2Jm7xwFdukaIdv819+UI7RClPyCA==
-  dependencies:
-    "@antfu/utils" "^0.7.5"
-    "@rollup/pluginutils" "^5.0.2"
-    chokidar "^3.5.3"
-    debug "^4.3.4"
-    fast-glob "^3.3.0"
-    local-pkg "^0.4.3"
-    magic-string "^0.30.1"
-    minimatch "^9.0.3"
-    resolve "^1.22.2"
-    unplugin "^1.4.0"
-
-unplugin@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.0.1.tgz#83b528b981cdcea1cad422a12cd02e695195ef3f"
-  integrity sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==
-  dependencies:
-    acorn "^8.8.1"
-    chokidar "^3.5.3"
-    webpack-sources "^3.2.3"
-    webpack-virtual-modules "^0.5.0"
-
-unplugin@^1.4.0, unplugin@^1.5.0:
-  version "1.16.1"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.16.1.tgz#a844d2e3c3b14a4ac2945c42be80409321b61199"
-  integrity sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==
-  dependencies:
-    acorn "^8.14.0"
-    webpack-virtual-modules "^0.6.2"
-
-update-browserslist-db@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz#348377dd245216f9e7060ff50b15a1b740b75420"
-  integrity sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==
-  dependencies:
-    escalade "^3.2.0"
-    picocolors "^1.1.1"
-
-uri-js@^4.2.2:
-  version "4.4.1"
-  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
-  integrity sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==
-  dependencies:
-    punycode "^2.1.0"
-
-url-parse@^1.5.3:
-  version "1.5.10"
-  resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
-  integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
-  dependencies:
-    querystringify "^2.1.1"
-    requires-port "^1.0.0"
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-  integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
-
-v8-compile-cache@^2.0.3:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz#cdada8bec61e15865f05d097c5f4fd30e94dc128"
-  integrity sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==
-
-v8-to-istanbul@^9.0.0:
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz#b9572abfa62bd556c16d75fdebc1a411d5ff3175"
-  integrity sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.12"
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^2.0.0"
-
-vite-plugin-rewrite-all@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/vite-plugin-rewrite-all/-/vite-plugin-rewrite-all-1.0.2.tgz#3945ac5ef1edfb051425e12ecdb92f69e3d92ec1"
-  integrity sha512-NpiFyHi9w8iHm3kZ28ma/IU16LFCkNJNqTvGy6cjoit2EMBi7dgFWFZFYcwZjUrc+pOMup//rsQTRVILvF2efQ==
-  dependencies:
-    connect-history-api-fallback "^1.6.0"
-
-vite@5.0.13:
-  version "5.0.13"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.0.13.tgz#605865b0e482506163e3f04f91665238f3be8cf1"
-  integrity sha512-/9ovhv2M2dGTuA+dY93B9trfyWMDRQw2jdVBhHNP6wr0oF34wG2i/N55801iZIpgUpnHDm4F/FabGQLyc+eOgg==
-  dependencies:
-    esbuild "^0.19.3"
-    postcss "^8.4.32"
-    rollup "^4.2.0"
-  optionalDependencies:
-    fsevents "~2.3.3"
-
-vite@^2.9.5:
-  version "2.9.18"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.18.tgz#74e2a83b29da81e602dac4c293312cc575f091c7"
-  integrity sha512-sAOqI5wNM9QvSEE70W3UGMdT8cyEn0+PmJMTFvTB8wB0YbYUWw3gUbY62AOyrXosGieF2htmeLATvNxpv/zNyQ==
-  dependencies:
-    esbuild "^0.14.27"
-    postcss "^8.4.13"
-    resolve "^1.22.0"
-    rollup ">=2.59.0 <2.78.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-vitest@^0.9.3:
-  version "0.9.4"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.9.4.tgz#220fb09a5b0861bbf6842681a976ff596d9be693"
-  integrity sha512-Em+EJb3keCr3GjyqnkxHuY7zMerEgLsN+m2nqsUcCzO7C4+Y0E7O7LXSNaODh3Gc/An3dqnoaAe/uLBrAJXUdQ==
-  dependencies:
-    "@types/chai" "^4.3.1"
-    "@types/chai-subset" "^1.3.3"
-    chai "^4.3.6"
-    local-pkg "^0.4.1"
-    tinypool "^0.1.2"
-    tinyspy "^0.3.2"
-    vite "^2.9.5"
-
-vscode-uri@^3.0.8:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.1.0.tgz#dd09ec5a66a38b5c3fffc774015713496d14e09c"
-  integrity sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==
-
-vue-codemirror@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/vue-codemirror/-/vue-codemirror-6.1.1.tgz#246697ef4cfa6b2448dd592ade214bb7ff86611f"
-  integrity sha512-rTAYo44owd282yVxKtJtnOi7ERAcXTeviwoPXjIc6K/IQYUsoDkzPvw/JDFtSP6T7Cz/2g3EHaEyeyaQCKoDMg==
-  dependencies:
-    "@codemirror/commands" "6.x"
-    "@codemirror/language" "6.x"
-    "@codemirror/state" "6.x"
-    "@codemirror/view" "6.x"
-
-vue-component-type-helpers@^2.0.0:
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/vue-component-type-helpers/-/vue-component-type-helpers-2.2.10.tgz#126a7d7258f7458c66dfe234a612500c90c4838c"
-  integrity sha512-iDUO7uQK+Sab2tYuiP9D1oLujCWlhHELHMgV/cB13cuGbG4qwkLHvtfWb6FzvxrIOPDnU0oHsz2MlQjhYDeaHA==
-
-vue-demi@>=0.13.0, vue-demi@>=0.14.8:
-  version "0.14.10"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.10.tgz#afc78de3d6f9e11bf78c55e8510ee12814522f04"
-  integrity sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==
-
-vue-demi@^0.13.11:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"
-  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
-
-vue-echarts@^6.6.1:
-  version "6.7.3"
-  resolved "https://registry.yarnpkg.com/vue-echarts/-/vue-echarts-6.7.3.tgz#30efafc51a4a9de1b8117d3b63e74b0c761ff3ba"
-  integrity sha512-vXLKpALFjbPphW9IfQPOVfb1KjGZ/f8qa/FZHi9lZIWzAnQC1DgnmEK3pJgEkyo6EP7UnX6Bv/V3Ke7p+qCNXA==
-  dependencies:
-    resize-detector "^0.3.0"
-    vue-demi "^0.13.11"
-
-vue-eslint-parser@^7.0.0:
-  version "7.11.0"
-  resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.11.0.tgz#214b5dea961007fcffb2ee65b8912307628d0daf"
-  integrity sha512-qh3VhDLeh773wjgNTl7ss0VejY9bMMa0GoDG2fQVyDzRFdiU3L7fw74tWZDHNQXdZqxO3EveQroa9ct39D2nqg==
-  dependencies:
-    debug "^4.1.1"
-    eslint-scope "^5.1.1"
-    eslint-visitor-keys "^1.1.0"
-    espree "^6.2.1"
-    esquery "^1.4.0"
-    lodash "^4.17.21"
-    semver "^6.3.0"
-
-vue-qrcode@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/vue-qrcode/-/vue-qrcode-2.2.2.tgz#c0b0ec16bd245100cdc87559349550fbf8463a9b"
-  integrity sha512-SbrXq/mSb1g2tbDyXPe9gy9KiMYsvxWKRErlpij1BqiFoHwQckheZV63CTw6yRLLUVG2RXAVlX+APkpdCK7SQQ==
-  dependencies:
-    tslib "^2.6.2"
-
-vue-router@^4.0.5:
-  version "4.5.1"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.5.1.tgz#47bffe2d3a5479d2886a9a244547a853aa0abf69"
-  integrity sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==
-  dependencies:
-    "@vue/devtools-api" "^6.6.4"
-
-vue-sonner@^1.2.5:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/vue-sonner/-/vue-sonner-1.3.2.tgz#3349d548218e074499fc6d1ba394603ba477156a"
-  integrity sha512-UbZ48E9VIya3ToiRHAZUbodKute/z/M1iT8/3fU8zEbwBRE11AKuHikssv18LMk2gTTr6eMQT4qf6JoLHWuj/A==
-
-vue-tsc@^2.0.7:
-  version "2.2.10"
-  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-2.2.10.tgz#7b51a666cb90788884efd0caedc69fc1fc9c5b78"
-  integrity sha512-jWZ1xSaNbabEV3whpIDMbjVSVawjAyW+x1n3JeGQo7S0uv2n9F/JMgWW90tGWNFRKya4YwKMZgCtr0vRAM7DeQ==
-  dependencies:
-    "@volar/typescript" "~2.4.11"
-    "@vue/language-core" "2.2.10"
-
-vue@^3.4.12:
-  version "3.5.17"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.17.tgz#ea8a6a45abb2b0620e7d479319ce8434b55650cf"
-  integrity sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==
-  dependencies:
-    "@vue/compiler-dom" "3.5.17"
-    "@vue/compiler-sfc" "3.5.17"
-    "@vue/runtime-dom" "3.5.17"
-    "@vue/server-renderer" "3.5.17"
-    "@vue/shared" "3.5.17"
-
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
-
-w3c-keyname@^2.2.0, w3c-keyname@^2.2.4:
-  version "2.2.8"
-  resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.8.tgz#7b17c8c6883d4e8b86ac8aba79d39e880f8869c5"
-  integrity sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==
-
-w3c-xmlserializer@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz#06cdc3eefb7e4d0b20a560a5a3aeb0d2d9a65923"
-  integrity sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==
-  dependencies:
-    xml-name-validator "^4.0.0"
-
-wcwidth@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-  integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
-  dependencies:
-    defaults "^1.0.3"
-
-web-streams-polyfill@^3.0.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz#2073b91a2fdb1fbfbd401e7de0ac9f8214cecb4b"
-  integrity sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==
-
-webidl-conversions@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
-
-webidl-conversions@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
-  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
-
-webpack-sources@^3.2.3:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.3.3.tgz#d4bf7f9909675d7a070ff14d0ef2a4f3c982c723"
-  integrity sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==
-
-webpack-virtual-modules@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.5.0.tgz#362f14738a56dae107937ab98ea7062e8bdd3b6c"
-  integrity sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==
-
-webpack-virtual-modules@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz#057faa9065c8acf48f24cb57ac0e77739ab9a7e8"
-  integrity sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==
-
-whatwg-encoding@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
-  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
-  dependencies:
-    iconv-lite "0.6.3"
-
-whatwg-mimetype@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
-  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
-
-whatwg-url@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-10.0.0.tgz#37264f720b575b4a311bd4094ed8c760caaa05da"
-  integrity sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-whatwg-url@^11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
-  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
-  dependencies:
-    tr46 "^3.0.0"
-    webidl-conversions "^7.0.0"
-
-whatwg-url@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
-  dependencies:
-    tr46 "~0.0.3"
-    webidl-conversions "^3.0.0"
-
-which-module@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
-  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
-
-which@^1.2.9:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
-which@^2.0.1, which@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-  dependencies:
-    isexe "^2.0.0"
-
-word-wrap@~1.2.3:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
-  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
-
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-3.0.1.tgz#288a04d87eda5c286e060dfe8f135ce8d007f8ba"
-  integrity sha512-iXR3tDXpbnTpzjKSylUJRkLuOrEC7hwEB221cgn6wtF8wpmz28puFXAEfPT5zrjM3wahygB//VuWEr1vTkDcNQ==
-  dependencies:
-    string-width "^2.1.1"
-    strip-ansi "^4.0.0"
-
-wrap-ansi@^6.0.1, wrap-ansi@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
-wrap-ansi@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
-  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
-  dependencies:
-    ansi-styles "^6.1.0"
-    string-width "^5.0.1"
-    strip-ansi "^7.0.1"
-
-wrappy@1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-  integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
-
-write@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/write/-/write-1.0.3.tgz#0800e14523b923a387e415123c865616aae0f5c3"
-  integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
-  dependencies:
-    mkdirp "^0.5.1"
-
-ws@^8.2.3:
-  version "8.18.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.2.tgz#42738b2be57ced85f46154320aabb51ab003705a"
-  integrity sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==
-
-ws@~8.17.1:
-  version "8.17.1"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.1.tgz#9293da530bb548febc95371d90f9c878727d919b"
-  integrity sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==
-
-xml-name-validator@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
-  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
-
-xmlchars@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-  integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
-
-xmlhttprequest-ssl@~2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz#e9e8023b3f29ef34b97a859f584c5e6c61418e23"
-  integrity sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==
-
-xtend@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-y18n@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
-  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
-
-y18n@^5.0.5:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
-  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
-
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==
-
-yallist@^3.0.2:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
-
-yaml@^1.10.0, yaml@^1.10.2:
-  version "1.10.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
-  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
-
-yaml@^2.3.4:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.8.0.tgz#15f8c9866211bdc2d3781a0890e44d4fa1a5fff6"
-  integrity sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ==
-
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^20.2.2, yargs-parser@^20.2.9:
-  version "20.2.9"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
-  integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
-
-yargs-parser@^21.1.1:
-  version "21.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
-  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
-
-yargs@^15.3.1:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
-
-yargs@^16.2.0:
-  version "16.2.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
-  integrity sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==
-  dependencies:
-    cliui "^7.0.2"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.0"
-    y18n "^5.0.5"
-    yargs-parser "^20.2.2"
-
-yargs@^17.3.0:
-  version "17.7.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
-  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
-  dependencies:
-    cliui "^8.0.1"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.3"
-    y18n "^5.0.5"
-    yargs-parser "^21.1.1"
-
-yocto-queue@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
-  integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
-yorkie@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/yorkie/-/yorkie-2.0.0.tgz#92411912d435214e12c51c2ae1093e54b6bb83d9"
-  integrity sha512-jcKpkthap6x63MB4TxwCyuIGkV0oYP/YRyuQU5UO0Yz/E/ZAu+653/uov+phdmO54n6BcvFRyyt0RRrWdN2mpw==
-  dependencies:
-    execa "^0.8.0"
-    is-ci "^1.0.10"
-    normalize-path "^1.0.0"
-    strip-indent "^2.0.0"
-
-zrender@5.6.1:
-  version "5.6.1"
-  resolved "https://registry.yarnpkg.com/zrender/-/zrender-5.6.1.tgz#e08d57ecf4acac708c4fcb7481eb201df7f10a6b"
-  integrity sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==
-  dependencies:
-    tslib "2.3.0"