From 400ac1166ed21d6aa1050846b1c73339fcf464d3 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Fri, 29 Dec 2023 12:02:12 +0800
Subject: [PATCH 1/2] feat: init

---
 package.json                                  |  6 +-
 packages/browser-extension/package.json       |  6 +-
 packages/browser-extension/src/background.ts  |  2 +-
 packages/browser-extension/src/user-app.ts    |  2 +-
 packages/client/package.json                  | 12 ++--
 packages/client/src/App.vue                   |  4 +-
 .../client/src/components/CommandPalette.vue  |  2 +-
 .../src/components/WaitForConnection.vue      |  2 +-
 .../src/components/assets/AssetDetails.vue    |  6 +-
 .../src/components/assets/AssetDropZone.vue   |  4 +-
 .../components/assets/AssetFontPreview.vue    |  2 +-
 .../src/components/assets/AssetGridItem.vue   |  2 +-
 .../src/components/assets/AssetListItem.vue   |  4 +-
 .../src/components/assets/AssetPreview.vue    |  2 +-
 .../src/components/chrome/ViewModeSwitch.vue  |  2 +-
 .../src/components/code/CodeSnippets.vue      |  4 +-
 .../src/components/common/DockingPanel.vue    |  6 +-
 .../src/components/common/EmptyPane.vue       |  2 +-
 .../client/src/components/common/Navbar.vue   |  2 +-
 .../src/components/common/SectionBlock.vue    |  2 +-
 .../client/src/components/common/SideNav.vue  |  2 +-
 .../src/components/common/SideNavItem.vue     |  2 +-
 .../src/components/common/SplitScreen.vue     |  2 +-
 .../components/ComponentTreeNode.vue          |  2 +-
 .../src/components/graph/GraphDrawer.vue      |  4 +-
 .../src/components/graph/GraphNavbar.vue      |  2 +-
 .../inspector/InspectorDataField/Actions.vue  |  8 +--
 .../InspectorDataField/EditInput.vue          |  2 +-
 .../components/inspector/InspectorNodeTag.vue |  2 +-
 .../components/inspector/InspectorState.vue   |  2 +-
 .../inspector/InspectorStateField.vue         |  8 +--
 .../inspector/InspectorStateType.vue          |  2 +-
 .../components/inspector/InspectorTree.vue    |  2 +-
 .../src/components/pages/RoutePathItem.vue    |  2 +-
 .../src/components/pages/RoutesTable.vue      |  4 +-
 .../src/components/timeline/TimelineEvent.vue |  2 +-
 packages/client/src/composables/app.ts        |  2 +-
 packages/client/src/composables/client.ts     |  2 +-
 packages/client/src/composables/graph.ts      |  4 +-
 .../client/src/composables/open-in-editor.ts  |  2 +-
 .../client/src/composables/state-commands.ts  |  6 +-
 packages/client/src/composables/state-tab.ts  |  6 +-
 packages/client/src/composables/view-mode.ts  |  4 +-
 packages/client/src/constants/tab.ts          |  4 +-
 packages/client/src/index.ts                  |  2 +-
 packages/client/src/main.ts                   |  6 +-
 packages/client/src/pages/assets.vue          |  6 +-
 packages/client/src/pages/components.vue      |  6 +-
 packages/client/src/pages/custom-tab-view.vue |  2 +-
 packages/client/src/pages/graph.vue           |  2 +-
 packages/client/src/pages/index.vue           |  2 +-
 packages/client/src/pages/overview.vue        |  8 +--
 packages/client/src/pages/pages.vue           |  6 +-
 packages/client/src/pages/pinia.vue           |  4 +-
 packages/client/src/pages/router.vue          |  4 +-
 packages/client/src/pages/settings.vue        |  4 +-
 packages/client/src/pages/timeline.vue        |  6 +-
 packages/client/src/types/tab.ts              |  2 +-
 packages/client/uno.config.ts                 |  2 +-
 packages/core/package.json                    |  8 +--
 packages/core/src/bridge/core.ts              |  6 +-
 packages/core/src/bridge/devtools.ts          |  4 +-
 packages/core/src/bridge/user-app.ts          |  4 +-
 packages/core/src/client.ts                   |  2 +-
 packages/core/src/handshake.ts                |  2 +-
 packages/core/src/injection.ts                |  2 +-
 packages/core/src/vue-plugin.ts               |  4 +-
 packages/devtools-api/package.json            |  2 +-
 packages/devtools-api/src/index.ts            |  4 +-
 packages/devtools-kit/package.json            |  6 +-
 packages/devtools-kit/src/api/on.ts           |  4 +-
 packages/devtools-kit/src/api/plugin.ts       |  4 +-
 .../src/core/component-inspector/index.ts     |  2 +-
 .../src/core/component/general/util.ts        |  4 +-
 .../src/core/component/state/bounding-rect.ts |  2 +-
 .../src/core/component/state/process.ts       |  4 +-
 .../src/core/component/state/reviver.ts       |  2 +-
 .../src/core/component/tree/el.ts             |  2 +-
 .../src/core/component/tree/filter.ts         |  4 +-
 .../src/core/component/tree/index.ts          |  2 +-
 .../src/core/component/tree/walker.ts         |  2 +-
 .../src/core/component/types/bounding-rect.ts |  2 +-
 .../src/core/component/types/editor.ts        |  2 +-
 .../src/core/component/types/state.ts         |  2 +-
 .../src/core/component/types/tree.ts          |  2 +-
 .../src/core/general/app-record.ts            |  2 +-
 packages/devtools-kit/src/core/general/app.ts |  4 +-
 .../devtools-kit/src/core/general/hook.ts     |  6 +-
 .../devtools-kit/src/core/general/index.ts    |  4 +-
 .../src/core/general/inspector.ts             |  2 +-
 .../devtools-kit/src/core/general/state.ts    |  4 +-
 .../src/core/open-in-editor/index.ts          |  2 +-
 .../src/core/plugins/components.ts            |  2 +-
 .../devtools-kit/src/core/router/index.ts     |  4 +-
 .../devtools-kit/src/core/timeline/index.ts   |  2 +-
 .../src/core/vue-inspector/index.ts           |  2 +-
 packages/devtools-kit/src/shared/time.ts      |  2 +-
 packages/devtools/cli.mjs                     |  2 +-
 packages/devtools/package.json                |  4 +-
 packages/devtools/src/index.ts                |  6 +-
 packages/electron/package.json                |  6 +-
 packages/electron/src/index.ts                |  2 +-
 packages/electron/src/user-app.ts             |  2 +-
 packages/overlay/package.json                 | 10 ++--
 packages/overlay/src/App.vue                  |  6 +-
 packages/overlay/src/composables/bridge.ts    |  2 +-
 packages/playground/package.json              |  2 +-
 packages/schema/package.json                  |  2 +-
 packages/shared/package.json                  |  2 +-
 packages/ui-playground/package.json           |  4 +-
 packages/ui-playground/src/App.vue            |  2 +-
 packages/ui-playground/uno.config.ts          |  2 +-
 packages/ui/package.json                      |  2 +-
 packages/vite/package.json                    |  6 +-
 packages/vite/src/overlay.js                  |  6 +-
 packages/vite/src/vite.ts                     |  4 +-
 pnpm-lock.yaml                                | 56 +++++++++----------
 tsconfig.json                                 | 16 +++---
 118 files changed, 239 insertions(+), 239 deletions(-)

diff --git a/package.json b/package.json
index fcf0c930..5d05d9ac 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/monorepo",
+  "name": "@vue/devtools-next-monorepo",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -71,8 +71,8 @@
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.10.5",
     "@unocss/eslint-plugin": "^0.58.0",
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/schema": "workspace:^",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-schema": "workspace:^",
     "archiver": "^6.0.1",
     "bumpp": "^9.2.1",
     "cross-env": "^7.0.3",
diff --git a/packages/browser-extension/package.json b/packages/browser-extension/package.json
index 9a5b78f6..e6372353 100644
--- a/packages/browser-extension/package.json
+++ b/packages/browser-extension/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/browser-extension",
+  "name": "@vue/devtools-next-browser-extension",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -13,8 +13,8 @@
     "dev": "cross-env NODE_ENV=development tsup --watch"
   },
   "dependencies": {
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/shared": "workspace:^"
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-shared": "workspace:^"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
diff --git a/packages/browser-extension/src/background.ts b/packages/browser-extension/src/background.ts
index e134a2b8..12d57d7a 100644
--- a/packages/browser-extension/src/background.ts
+++ b/packages/browser-extension/src/background.ts
@@ -1,4 +1,4 @@
-import { isNumeric } from '@vue-devtools-next/shared'
+import { isNumeric } from '@vue/devtools-next-shared'
 
 type PortInfo = Record<'tab' | 'name', string | number> & { port: chrome.runtime.Port }
 type PortDetail = Record<'devtools' | 'userApp', chrome.runtime.Port>
diff --git a/packages/browser-extension/src/user-app.ts b/packages/browser-extension/src/user-app.ts
index eecbfbcf..9d22c4cd 100644
--- a/packages/browser-extension/src/user-app.ts
+++ b/packages/browser-extension/src/user-app.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue-devtools-next/shared'
+import { target } from '@vue/devtools-next-shared'
 import { Bridge } from '../../core/src/bridge'
 import { prepareInjection } from '../../core/src/injection'
 
diff --git a/packages/client/package.json b/packages/client/package.json
index da2b6ee3..1bb46510 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/client",
+  "name": "@vue/devtools-next-client",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -26,11 +26,11 @@
   "dependencies": {
     "@unocss/preset-icons": "^0.58.0",
     "@unocss/runtime": "^0.58.0",
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/kit": "workspace:^",
-    "@vue-devtools-next/schema": "workspace:*",
-    "@vue-devtools-next/shared": "workspace:^",
-    "@vue-devtools-next/ui": "workspace:*",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-kit": "workspace:^",
+    "@vue/devtools-next-schema": "workspace:*",
+    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-next-ui": "workspace:*",
     "@vueuse/core": "^10.7.0",
     "@vueuse/integrations": "^10.7.0",
     "colord": "^2.9.3",
diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue
index 42a3f5ff..553f3ec1 100644
--- a/packages/client/src/App.vue
+++ b/packages/client/src/App.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
-import { useDevToolsBridge, useDevToolsState } from '@vue-devtools-next/core'
-import { isInChromePanel } from '@vue-devtools-next/shared'
+import { useDevToolsBridge, useDevToolsState } from '@vue/devtools-next-core'
+import { isInChromePanel } from '@vue/devtools-next-shared'
 import { Pane, Splitpanes } from 'splitpanes'
 
 import('./setup/unocss-runtime')
diff --git a/packages/client/src/components/CommandPalette.vue b/packages/client/src/components/CommandPalette.vue
index 828585b9..4d152ac4 100644
--- a/packages/client/src/components/CommandPalette.vue
+++ b/packages/client/src/components/CommandPalette.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueIcon, VueInput, VueOverlay } from '@vue-devtools-next/ui'
+import { VueIcon, VueInput, VueOverlay } from '@vue/devtools-next-ui'
 import Fuse from 'fuse.js'
 import type { CommandItem } from '../composables/state-commands'
 
diff --git a/packages/client/src/components/WaitForConnection.vue b/packages/client/src/components/WaitForConnection.vue
index 75ea2a19..c9ffff41 100644
--- a/packages/client/src/components/WaitForConnection.vue
+++ b/packages/client/src/components/WaitForConnection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueInput } from '@vue-devtools-next/ui'
+import { VueInput } from '@vue/devtools-next-ui'
 import AppConnecting from '~/components/AppConnecting.vue'
 
 const props = defineProps<{
diff --git a/packages/client/src/components/assets/AssetDetails.vue b/packages/client/src/components/assets/AssetDetails.vue
index 4ad5cc88..18b12202 100644
--- a/packages/client/src/components/assets/AssetDetails.vue
+++ b/packages/client/src/components/assets/AssetDetails.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useTimeAgo } from '@vueuse/core'
-import type { AssetInfo, CodeSnippet } from '@vue-devtools-next/core'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
-import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue-devtools-next/ui'
+import type { AssetInfo, CodeSnippet } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   modelValue: AssetInfo
diff --git a/packages/client/src/components/assets/AssetDropZone.vue b/packages/client/src/components/assets/AssetDropZone.vue
index 718c350a..24f8451f 100644
--- a/packages/client/src/components/assets/AssetDropZone.vue
+++ b/packages/client/src/components/assets/AssetDropZone.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { AssetEntry } from '@vue-devtools-next/core'
-import { VueButton, VueIcon, VueInput } from '@vue-devtools-next/ui'
+import type { AssetEntry } from '@vue/devtools-next-core'
+import { VueButton, VueIcon, VueInput } from '@vue/devtools-next-ui'
 
 const props = defineProps({
   modelValue: {
diff --git a/packages/client/src/components/assets/AssetFontPreview.vue b/packages/client/src/components/assets/AssetFontPreview.vue
index c4be11dc..b5b7b82e 100644
--- a/packages/client/src/components/assets/AssetFontPreview.vue
+++ b/packages/client/src/components/assets/AssetFontPreview.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { hash } from 'ohash'
-import type { AssetInfo } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
 
 const props = defineProps<{
   asset: AssetInfo
diff --git a/packages/client/src/components/assets/AssetGridItem.vue b/packages/client/src/components/assets/AssetGridItem.vue
index 588a33d5..52b39626 100644
--- a/packages/client/src/components/assets/AssetGridItem.vue
+++ b/packages/client/src/components/assets/AssetGridItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
 
 const props = defineProps<{
   asset: AssetInfo
diff --git a/packages/client/src/components/assets/AssetListItem.vue b/packages/client/src/components/assets/AssetListItem.vue
index f1375c68..2d2b6c23 100644
--- a/packages/client/src/components/assets/AssetListItem.vue
+++ b/packages/client/src/components/assets/AssetListItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
-import { VueIcon } from '@vue-devtools-next/ui'
+import type { AssetInfo } from '@vue/devtools-next-core'
+import { VueIcon } from '@vue/devtools-next-ui'
 
 const props = withDefaults(defineProps<{
   item: any
diff --git a/packages/client/src/components/assets/AssetPreview.vue b/packages/client/src/components/assets/AssetPreview.vue
index 81b05ca4..bc6f3d08 100644
--- a/packages/client/src/components/assets/AssetPreview.vue
+++ b/packages/client/src/components/assets/AssetPreview.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
 
 defineProps<{
   asset: AssetInfo
diff --git a/packages/client/src/components/chrome/ViewModeSwitch.vue b/packages/client/src/components/chrome/ViewModeSwitch.vue
index d228969a..ff0218ed 100644
--- a/packages/client/src/components/chrome/ViewModeSwitch.vue
+++ b/packages/client/src/components/chrome/ViewModeSwitch.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton } from '@vue-devtools-next/ui'
+import { VueButton } from '@vue/devtools-next-ui'
 
 useColorMode()
 
diff --git a/packages/client/src/components/code/CodeSnippets.vue b/packages/client/src/components/code/CodeSnippets.vue
index febdad3f..4ffd7326 100644
--- a/packages/client/src/components/code/CodeSnippets.vue
+++ b/packages/client/src/components/code/CodeSnippets.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { BuiltinLanguage } from 'shikiji'
-import type { CodeSnippet } from '@vue-devtools-next/core'
-import { VueButton } from '@vue-devtools-next/ui'
+import type { CodeSnippet } from '@vue/devtools-next-core'
+import { VueButton } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   codeSnippets: CodeSnippet[]
diff --git a/packages/client/src/components/common/DockingPanel.vue b/packages/client/src/components/common/DockingPanel.vue
index 11cfe439..7b2738c3 100644
--- a/packages/client/src/components/common/DockingPanel.vue
+++ b/packages/client/src/components/common/DockingPanel.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { VueButton, VueDarkToggle, VueIcon, VueSelect } from '@vue-devtools-next/ui'
-import { isInChromePanel } from '@vue-devtools-next/shared'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { VueButton, VueDarkToggle, VueIcon, VueSelect } from '@vue/devtools-next-ui'
+import { isInChromePanel } from '@vue/devtools-next-shared'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 
 // #region view mode
 const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))
diff --git a/packages/client/src/components/common/EmptyPane.vue b/packages/client/src/components/common/EmptyPane.vue
index 15562714..d8967845 100644
--- a/packages/client/src/components/common/EmptyPane.vue
+++ b/packages/client/src/components/common/EmptyPane.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueIcon } from '@vue-devtools-next/ui'
+import { VueIcon } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   icon?: string
diff --git a/packages/client/src/components/common/Navbar.vue b/packages/client/src/components/common/Navbar.vue
index 0cd53230..b59f1033 100644
--- a/packages/client/src/components/common/Navbar.vue
+++ b/packages/client/src/components/common/Navbar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueInput } from '@vue-devtools-next/ui'
+import { VueInput } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   search?: string
diff --git a/packages/client/src/components/common/SectionBlock.vue b/packages/client/src/components/common/SectionBlock.vue
index f9a120c8..37a813de 100644
--- a/packages/client/src/components/common/SectionBlock.vue
+++ b/packages/client/src/components/common/SectionBlock.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useVModel } from '@vueuse/core'
-import { VueIcon } from '@vue-devtools-next/ui'
+import { VueIcon } from '@vue/devtools-next-ui'
 
 const props = withDefaults(
   defineProps<{
diff --git a/packages/client/src/components/common/SideNav.vue b/packages/client/src/components/common/SideNav.vue
index 47b8685a..48726c6e 100644
--- a/packages/client/src/components/common/SideNav.vue
+++ b/packages/client/src/components/common/SideNav.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueDropdown } from '@vue-devtools-next/ui'
+import { VueDropdown } from '@vue/devtools-next-ui'
 
 const showDocking = ref(false)
 const showMoreTabs = ref(false)
diff --git a/packages/client/src/components/common/SideNavItem.vue b/packages/client/src/components/common/SideNavItem.vue
index 3eb964f4..47322cac 100644
--- a/packages/client/src/components/common/SideNavItem.vue
+++ b/packages/client/src/components/common/SideNavItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router'
 import { toValue } from '@vueuse/core'
-import { VueTooltip } from '@vue-devtools-next/ui'
+import { VueTooltip } from '@vue/devtools-next-ui'
 import type { ModuleBuiltinTab } from '~/types'
 
 const props = withDefaults(
diff --git a/packages/client/src/components/common/SplitScreen.vue b/packages/client/src/components/common/SplitScreen.vue
index a2c8df69..12040509 100644
--- a/packages/client/src/components/common/SplitScreen.vue
+++ b/packages/client/src/components/common/SplitScreen.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue-devtools-next/ui'
+import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue/devtools-next-ui'
 
 function close() {
   devtoolsClientState.value.splitScreen.enabled = false
diff --git a/packages/client/src/components/components/ComponentTreeNode.vue b/packages/client/src/components/components/ComponentTreeNode.vue
index 675e917d..a1f3b4b5 100644
--- a/packages/client/src/components/components/ComponentTreeNode.vue
+++ b/packages/client/src/components/components/ComponentTreeNode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ComponentTreeNode } from '@vue-devtools-next/kit'
+import type { ComponentTreeNode } from '@vue/devtools-next-kit'
 
 const props = withDefaults(defineProps<{
   data: ComponentTreeNode
diff --git a/packages/client/src/components/graph/GraphDrawer.vue b/packages/client/src/components/graph/GraphDrawer.vue
index 6584ec55..4c45b5c7 100644
--- a/packages/client/src/components/graph/GraphDrawer.vue
+++ b/packages/client/src/components/graph/GraphDrawer.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VueButton, VueDrawer, showVueNotification } from '@vue-devtools-next/ui'
-import { useDevToolsState } from '@vue-devtools-next/core'
+import { VueButton, VueDrawer, showVueNotification } from '@vue/devtools-next-ui'
+import { useDevToolsState } from '@vue/devtools-next-core'
 
 defineProps<{
   top?: HTMLElement
diff --git a/packages/client/src/components/graph/GraphNavbar.vue b/packages/client/src/components/graph/GraphNavbar.vue
index daf9687d..a60231a2 100644
--- a/packages/client/src/components/graph/GraphNavbar.vue
+++ b/packages/client/src/components/graph/GraphNavbar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueCheckbox, VueInput } from '@vue-devtools-next/ui'
+import { VueCheckbox, VueInput } from '@vue/devtools-next-ui'
 
 const text = graphSearchText
 const settings = graphSettings
diff --git a/packages/client/src/components/inspector/InspectorDataField/Actions.vue b/packages/client/src/components/inspector/InspectorDataField/Actions.vue
index fcfd61a6..2818d0e7 100644
--- a/packages/client/src/components/inspector/InspectorDataField/Actions.vue
+++ b/packages/client/src/components/inspector/InspectorDataField/Actions.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue-devtools-next/ui'
-import type { InspectorState, InspectorStateEditorPayload } from '@vue-devtools-next/kit'
-import type { ButtonProps } from '@vue-devtools-next/ui/dist/types/src/components/Button'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-next-ui'
+import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-next-kit'
+import type { ButtonProps } from '@vue/devtools-next-ui/dist/types/src/components/Button'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import type { EditorAddNewPropType, EditorInputValidType } from '../../../composables/inspector'
 
 const props = withDefaults(defineProps<{
diff --git a/packages/client/src/components/inspector/InspectorDataField/EditInput.vue b/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
index 355db229..af2fca1e 100644
--- a/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
+++ b/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue-devtools-next/ui'
+import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-next-ui'
 
 const props = withDefaults(defineProps<{
   modelValue: string
diff --git a/packages/client/src/components/inspector/InspectorNodeTag.vue b/packages/client/src/components/inspector/InspectorNodeTag.vue
index 1895b547..05c49826 100644
--- a/packages/client/src/components/inspector/InspectorNodeTag.vue
+++ b/packages/client/src/components/inspector/InspectorNodeTag.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue-devtools-next/kit'
+import type { InspectorNodeTag } from '@vue/devtools-next-kit'
 import { toHex } from '~/utils'
 
 defineProps<{
diff --git a/packages/client/src/components/inspector/InspectorState.vue b/packages/client/src/components/inspector/InspectorState.vue
index 1f3db272..76ac8b70 100644
--- a/packages/client/src/components/inspector/InspectorState.vue
+++ b/packages/client/src/components/inspector/InspectorState.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorState } from '@vue-devtools-next/kit'
+import type { InspectorState } from '@vue/devtools-next-kit'
 
 const props = withDefaults(defineProps<{
   data: InspectorState[]
diff --git a/packages/client/src/components/inspector/InspectorStateField.vue b/packages/client/src/components/inspector/InspectorStateField.vue
index 00676a70..05fa58e7 100644
--- a/packages/client/src/components/inspector/InspectorStateField.vue
+++ b/packages/client/src/components/inspector/InspectorStateField.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload } from '@vue-devtools-next/kit'
-import { sortByKey } from '@vue-devtools-next/shared'
-import { formatInspectorStateValue, getInspectorStateValueType } from '@vue-devtools-next/kit'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload } from '@vue/devtools-next-kit'
+import { sortByKey } from '@vue/devtools-next-shared'
+import { formatInspectorStateValue, getInspectorStateValueType } from '@vue/devtools-next-kit'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import Actions from './InspectorDataField/Actions.vue'
 import type { EditorAddNewPropType } from '~/composables/inspector'
 
diff --git a/packages/client/src/components/inspector/InspectorStateType.vue b/packages/client/src/components/inspector/InspectorStateType.vue
index e7f944e6..cff194fc 100644
--- a/packages/client/src/components/inspector/InspectorStateType.vue
+++ b/packages/client/src/components/inspector/InspectorStateType.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorState } from '@vue-devtools-next/kit'
+import type { InspectorState } from '@vue/devtools-next-kit'
 
 withDefaults(defineProps<{
   data: InspectorState[]
diff --git a/packages/client/src/components/inspector/InspectorTree.vue b/packages/client/src/components/inspector/InspectorTree.vue
index ce587f68..04bb5bc0 100644
--- a/packages/client/src/components/inspector/InspectorTree.vue
+++ b/packages/client/src/components/inspector/InspectorTree.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue-devtools-next/kit'
+import type { InspectorNodeTag } from '@vue/devtools-next-kit'
 import { RecycleScroller } from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
diff --git a/packages/client/src/components/pages/RoutePathItem.vue b/packages/client/src/components/pages/RoutePathItem.vue
index 73ad69cd..5d83785b 100644
--- a/packages/client/src/components/pages/RoutePathItem.vue
+++ b/packages/client/src/components/pages/RoutePathItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { RouteRecordNormalized } from 'vue-router'
-import { VueButton, VueDropdown, VueInput } from '@vue-devtools-next/ui'
+import { VueButton, VueDropdown, VueInput } from '@vue/devtools-next-ui'
 
 const props = defineProps<{
   route: RouteRecordNormalized
diff --git a/packages/client/src/components/pages/RoutesTable.vue b/packages/client/src/components/pages/RoutesTable.vue
index 8f84c5f1..ae863138 100644
--- a/packages/client/src/components/pages/RoutesTable.vue
+++ b/packages/client/src/components/pages/RoutesTable.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { VueBadge } from '@vue-devtools-next/ui'
+import { VueBadge } from '@vue/devtools-next-ui'
 import type { RouteRecordNormalized } from 'vue-router'
-import { useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsState } from '@vue/devtools-next-core'
 
 const props = defineProps<{
   pages: RouteRecordNormalized[]
diff --git a/packages/client/src/components/timeline/TimelineEvent.vue b/packages/client/src/components/timeline/TimelineEvent.vue
index ab26dded..e8238a41 100644
--- a/packages/client/src/components/timeline/TimelineEvent.vue
+++ b/packages/client/src/components/timeline/TimelineEvent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { TimelineEvent } from '@vue-devtools-next/kit'
+import type { TimelineEvent } from '@vue/devtools-next-kit'
 import { RecycleScroller } from 'vue-virtual-scroller'
 import { formatTime } from '~/utils'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
diff --git a/packages/client/src/composables/app.ts b/packages/client/src/composables/app.ts
index 5e46e6fc..59502916 100644
--- a/packages/client/src/composables/app.ts
+++ b/packages/client/src/composables/app.ts
@@ -1,4 +1,4 @@
-import type { DevtoolsBridgeAppRecord } from '@vue-devtools-next/core'
+import type { DevtoolsBridgeAppRecord } from '@vue/devtools-next-core'
 
 export const activeAppRecords = shallowRef<DevtoolsBridgeAppRecord[]>([])
 export const activeAppRecordId = ref<string | null>(null)
diff --git a/packages/client/src/composables/client.ts b/packages/client/src/composables/client.ts
index 731402c3..09a0795e 100644
--- a/packages/client/src/composables/client.ts
+++ b/packages/client/src/composables/client.ts
@@ -1,4 +1,4 @@
-import { useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsState } from '@vue/devtools-next-core'
 
 const fns: (() => void)[] = []
 
diff --git a/packages/client/src/composables/graph.ts b/packages/client/src/composables/graph.ts
index b95c49d6..eaa0b0f8 100644
--- a/packages/client/src/composables/graph.ts
+++ b/packages/client/src/composables/graph.ts
@@ -1,7 +1,7 @@
-import type { ModuleInfo } from '@vue-devtools-next/core'
+import type { ModuleInfo } from '@vue/devtools-next-core'
 import { DataSet } from 'vis-network/standalone'
 import type { Edge, Node, Options } from 'vis-network'
-import { deepClone } from '@vue-devtools-next/shared'
+import { deepClone } from '@vue/devtools-next-shared'
 
 // #region file types
 export const fileTypes = {
diff --git a/packages/client/src/composables/open-in-editor.ts b/packages/client/src/composables/open-in-editor.ts
index 7ae39aef..2ca5f587 100644
--- a/packages/client/src/composables/open-in-editor.ts
+++ b/packages/client/src/composables/open-in-editor.ts
@@ -1,4 +1,4 @@
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 
 const bridgeRpc = useDevToolsBridgeRpc()
 
diff --git a/packages/client/src/composables/state-commands.ts b/packages/client/src/composables/state-commands.ts
index 44ba37b9..e9d4cd53 100644
--- a/packages/client/src/composables/state-commands.ts
+++ b/packages/client/src/composables/state-commands.ts
@@ -1,7 +1,7 @@
-import { randomStr } from '@vue-devtools-next/shared'
-import { CustomCommand } from '@vue-devtools-next/kit'
+import { randomStr } from '@vue/devtools-next-shared'
+import { CustomCommand } from '@vue/devtools-next-kit'
 import { MaybeRefOrGetter } from 'vue'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 
 export interface CommandItem {
   id: string
diff --git a/packages/client/src/composables/state-tab.ts b/packages/client/src/composables/state-tab.ts
index 24c09b9d..2ddf81a9 100644
--- a/packages/client/src/composables/state-tab.ts
+++ b/packages/client/src/composables/state-tab.ts
@@ -1,7 +1,7 @@
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 import type { MaybeRef } from 'vue'
-import type { CustomTab } from '@vue-devtools-next/kit'
-import { isInElectron } from '@vue-devtools-next/shared'
+import type { CustomTab } from '@vue/devtools-next-kit'
+import { isInElectron } from '@vue/devtools-next-shared'
 
 import type { ModuleBuiltinTab } from '~/types/tab'
 
diff --git a/packages/client/src/composables/view-mode.ts b/packages/client/src/composables/view-mode.ts
index 71c7ce03..1cf8cef4 100644
--- a/packages/client/src/composables/view-mode.ts
+++ b/packages/client/src/composables/view-mode.ts
@@ -1,5 +1,5 @@
-import { VIEW_MODE_STORAGE_KEY, isInChromePanel, target } from '@vue-devtools-next/shared'
-import { useDevToolsBridge } from '@vue-devtools-next/core'
+import { VIEW_MODE_STORAGE_KEY, isInChromePanel, target } from '@vue/devtools-next-shared'
+import { useDevToolsBridge } from '@vue/devtools-next-core'
 
 export function useToggleViewMode() {
   const bridge = useDevToolsBridge()
diff --git a/packages/client/src/constants/tab.ts b/packages/client/src/constants/tab.ts
index ca7ab387..509b1e85 100644
--- a/packages/client/src/constants/tab.ts
+++ b/packages/client/src/constants/tab.ts
@@ -1,5 +1,5 @@
-import type { DevtoolsBridgeAppRecord } from '@vue-devtools-next/core'
-import { deepClone, isInElectron } from '@vue-devtools-next/shared'
+import type { DevtoolsBridgeAppRecord } from '@vue/devtools-next-core'
+import { deepClone, isInElectron } from '@vue/devtools-next-shared'
 import type { ModuleBuiltinTab } from '~/types'
 
 // @unocss-include
diff --git a/packages/client/src/index.ts b/packages/client/src/index.ts
index 5ed58524..5d5b7fe5 100644
--- a/packages/client/src/index.ts
+++ b/packages/client/src/index.ts
@@ -1,4 +1,4 @@
-import { VIEW_MODE_STORAGE_KEY, isBrowser, isInChromePanel, target } from '@vue-devtools-next/shared'
+import { VIEW_MODE_STORAGE_KEY, isBrowser, isInChromePanel, target } from '@vue/devtools-next-shared'
 
 import { initDevTools as _initDevTools } from './main'
 
diff --git a/packages/client/src/main.ts b/packages/client/src/main.ts
index 986857bb..69d87399 100644
--- a/packages/client/src/main.ts
+++ b/packages/client/src/main.ts
@@ -1,9 +1,9 @@
 import '@unocss/reset/tailwind.css'
 import 'floating-vue/dist/style.css'
 
-import type { BridgeInstanceType } from '@vue-devtools-next/core'
-import { BROADCAST_CHANNEL_NAME, isInChromePanel, isInElectron, isInIframe } from '@vue-devtools-next/shared'
-import { Bridge, BridgeEvents, HandShakeServer, createDevToolsVuePlugin, registerBridgeRpc } from '@vue-devtools-next/core'
+import type { BridgeInstanceType } from '@vue/devtools-next-core'
+import { BROADCAST_CHANNEL_NAME, isInChromePanel, isInElectron, isInIframe } from '@vue/devtools-next-shared'
+import { Bridge, BridgeEvents, HandShakeServer, createDevToolsVuePlugin, registerBridgeRpc } from '@vue/devtools-next-core'
 
 import type { App as AppType } from 'vue'
 import { createApp } from 'vue'
diff --git a/packages/client/src/pages/assets.vue b/packages/client/src/pages/assets.vue
index 23a90c51..fe979c0c 100644
--- a/packages/client/src/pages/assets.vue
+++ b/packages/client/src/pages/assets.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue-devtools-next/core'
-import { VueCheckbox, VueDrawer, VueIcon, VueSelect } from '@vue-devtools-next/ui'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import type { AssetInfo } from '@vue/devtools-next-core'
+import { VueCheckbox, VueDrawer, VueIcon, VueSelect } from '@vue/devtools-next-ui'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import Fuse from 'fuse.js'
 
 const DETAILS_MAX_ITEMS = 50
diff --git a/packages/client/src/pages/components.vue b/packages/client/src/pages/components.vue
index 7e245739..5e01d9b0 100644
--- a/packages/client/src/pages/components.vue
+++ b/packages/client/src/pages/components.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 
-import type { ComponentBoundingRect, ComponentTreeNode, InspectorState } from '@vue-devtools-next/kit'
-import { VueIcon, VueInput, VTooltip as vTooltip } from '@vue-devtools-next/ui'
+import type { ComponentBoundingRect, ComponentTreeNode, InspectorState } from '@vue/devtools-next-kit'
+import { VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-next-ui'
 import { Pane, Splitpanes } from 'splitpanes'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/custom-tab-view.vue b/packages/client/src/pages/custom-tab-view.vue
index c353e8b6..5e74a4ee 100644
--- a/packages/client/src/pages/custom-tab-view.vue
+++ b/packages/client/src/pages/custom-tab-view.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ComputedRef } from 'vue'
-import type { CustomTab } from '@vue-devtools-next/kit'
+import type { CustomTab } from '@vue/devtools-next-kit'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/packages/client/src/pages/graph.vue b/packages/client/src/pages/graph.vue
index 250990c8..12b8db70 100644
--- a/packages/client/src/pages/graph.vue
+++ b/packages/client/src/pages/graph.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import { Network } from 'vis-network'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/index.vue b/packages/client/src/pages/index.vue
index 4b10a2bc..3a88d260 100644
--- a/packages/client/src/pages/index.vue
+++ b/packages/client/src/pages/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton } from '@vue-devtools-next/ui'
+import { VueButton } from '@vue/devtools-next-ui'
 
 const router = useRouter()
 const clientState = devtoolsClientState
diff --git a/packages/client/src/pages/overview.vue b/packages/client/src/pages/overview.vue
index 7c5353c6..c2adc122 100644
--- a/packages/client/src/pages/overview.vue
+++ b/packages/client/src/pages/overview.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { isMacOS } from '@vue-devtools-next/shared'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
-import type { ComponentTreeNode } from '@vue-devtools-next/kit'
-import { VueButton } from '@vue-devtools-next/ui'
+import { isMacOS } from '@vue/devtools-next-shared'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import type { ComponentTreeNode } from '@vue/devtools-next-kit'
+import { VueButton } from '@vue/devtools-next-ui'
 
 import { version } from '../../../core/package.json'
 
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index b055d236..67e5c31a 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { RouterInfo } from '@vue-devtools-next/kit'
-import { VueInput } from '@vue-devtools-next/ui'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import type { RouterInfo } from '@vue/devtools-next-kit'
+import { VueInput } from '@vue/devtools-next-ui'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 import type { RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vue-router'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/pinia.vue b/packages/client/src/pages/pinia.vue
index 122b3655..dc6916de 100644
--- a/packages/client/src/pages/pinia.vue
+++ b/packages/client/src/pages/pinia.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 
 // eslint-disable-next-line ts/no-import-type-side-effects
-import { type InspectorNodeTag, type InspectorState } from '@vue-devtools-next/kit'
+import { type InspectorNodeTag, type InspectorState } from '@vue/devtools-next-kit'
 import { Pane, Splitpanes } from 'splitpanes'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/router.vue b/packages/client/src/pages/router.vue
index f2d06970..1a3e39ef 100644
--- a/packages/client/src/pages/router.vue
+++ b/packages/client/src/pages/router.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue-devtools-next/core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
 
-import type { InspectorState } from '@vue-devtools-next/kit'
+import type { InspectorState } from '@vue/devtools-next-kit'
 import { Pane, Splitpanes } from 'splitpanes'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue
index 5f3c1626..783707fd 100644
--- a/packages/client/src/pages/settings.vue
+++ b/packages/client/src/pages/settings.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, VueSwitch } from '@vue-devtools-next/ui'
-import { isInChromePanel } from '@vue-devtools-next/shared'
+import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, VueSwitch } from '@vue/devtools-next-ui'
+import { isInChromePanel } from '@vue/devtools-next-shared'
 
 // #region view mode
 const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 499b9989..65df0737 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { UNDEFINED } from '@vue-devtools-next/kit'
+import { UNDEFINED } from '@vue/devtools-next-kit'
 import { Pane, Splitpanes } from 'splitpanes'
 
-import type { InspectorState, TimelineEvent } from '@vue-devtools-next/kit'
-import { useDevToolsBridgeRpc } from '@vue-devtools-next/core'
+import type { InspectorState, TimelineEvent } from '@vue/devtools-next-kit'
+import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
 
 const bridgeRpc = useDevToolsBridgeRpc()
 const layers = ref<{
diff --git a/packages/client/src/types/tab.ts b/packages/client/src/types/tab.ts
index 800ccffb..06c8a309 100644
--- a/packages/client/src/types/tab.ts
+++ b/packages/client/src/types/tab.ts
@@ -1,5 +1,5 @@
 import type { MaybeRefOrGetter } from 'vue'
-import type { CustomTab } from '@vue-devtools-next/kit'
+import type { CustomTab } from '@vue/devtools-next-kit'
 
 export interface ModuleBuiltinTab extends Pick<CustomTab, 'name' | 'icon' | 'title' | 'category'> {
   order?: number
diff --git a/packages/client/uno.config.ts b/packages/client/uno.config.ts
index 77d7f578..2b39d71e 100644
--- a/packages/client/uno.config.ts
+++ b/packages/client/uno.config.ts
@@ -1,5 +1,5 @@
 import { defineConfig, mergeConfigs, presetAttributify, presetWebFonts } from 'unocss'
-import { themeDef, unoConfig } from '@vue-devtools-next/ui/theme'
+import { themeDef, unoConfig } from '@vue/devtools-next-ui/theme'
 
 export default defineConfig(mergeConfigs([unoConfig, {
   rules: [
diff --git a/packages/core/package.json b/packages/core/package.json
index 4984e233..06512856 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/core",
+  "name": "@vue/devtools-next-core",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -27,9 +27,9 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue-devtools-next/kit": "workspace:^",
-    "@vue-devtools-next/schema": "workspace:^",
-    "@vue-devtools-next/shared": "workspace:^",
+    "@vue/devtools-next-kit": "workspace:^",
+    "@vue/devtools-next-schema": "workspace:^",
+    "@vue/devtools-next-shared": "workspace:^",
     "birpc": "^0.2.14",
     "fast-glob": "^3.3.2",
     "image-meta": "^0.2.0",
diff --git a/packages/core/src/bridge/core.ts b/packages/core/src/bridge/core.ts
index c5823525..3424a5dc 100644
--- a/packages/core/src/bridge/core.ts
+++ b/packages/core/src/bridge/core.ts
@@ -1,8 +1,8 @@
-import { NOOP } from '@vue-devtools-next/shared'
+import { NOOP } from '@vue/devtools-next-shared'
 import type { Emitter, EventType, Handler } from 'mitt'
 import mitt from 'mitt'
-import { parse } from '@vue-devtools-next/kit'
-import type { InspectorStateEditorPayload, ScrollToComponentOptions, ToggleComponentInspectorOptions } from '@vue-devtools-next/kit'
+import { parse } from '@vue/devtools-next-kit'
+import type { InspectorStateEditorPayload, ScrollToComponentOptions, ToggleComponentInspectorOptions } from '@vue/devtools-next-kit'
 
 export interface BridgeAdapterOptions {
   tracker: (fn: Function) => void
diff --git a/packages/core/src/bridge/devtools.ts b/packages/core/src/bridge/devtools.ts
index 45fe5569..776938a1 100644
--- a/packages/core/src/bridge/devtools.ts
+++ b/packages/core/src/bridge/devtools.ts
@@ -1,5 +1,5 @@
-import type { CustomCommand, CustomTab, InspectorNodeTag, InspectorState, OpenInEditorOptions, RouterInfo, TimelineEvent } from '@vue-devtools-next/kit'
-import { parse } from '@vue-devtools-next/kit'
+import type { CustomCommand, CustomTab, InspectorNodeTag, InspectorState, OpenInEditorOptions, RouterInfo, TimelineEvent } from '@vue/devtools-next-kit'
+import { parse } from '@vue/devtools-next-kit'
 import type { ViteHotContext } from 'vite-hot-client'
 import { setupViteRPCClient } from '../vite-rpc'
 import type { DevtoolsBridgeAppRecord } from '../vue-plugin'
diff --git a/packages/core/src/bridge/user-app.ts b/packages/core/src/bridge/user-app.ts
index caf439cc..57cb7084 100644
--- a/packages/core/src/bridge/user-app.ts
+++ b/packages/core/src/bridge/user-app.ts
@@ -1,5 +1,5 @@
-import { devtools, stringify } from '@vue-devtools-next/kit'
-import { isBrowser } from '@vue-devtools-next/shared'
+import { devtools, stringify } from '@vue/devtools-next-kit'
+import { isBrowser } from '@vue/devtools-next-shared'
 import { BridgeEvents } from './types'
 import type { BridgeInstanceType } from './core'
 import { BridgeRpcCore, bridgeRpcEvents } from './core'
diff --git a/packages/core/src/client.ts b/packages/core/src/client.ts
index 06a7a967..d5be9bfc 100644
--- a/packages/core/src/client.ts
+++ b/packages/core/src/client.ts
@@ -1,4 +1,4 @@
-import { isBrowser, target } from '@vue-devtools-next/shared'
+import { isBrowser, target } from '@vue/devtools-next-shared'
 
 export function setDevToolsClientUrl(url: string) {
   target.__VUE_DEVTOOLS_CLIENT_URL__ = url
diff --git a/packages/core/src/handshake.ts b/packages/core/src/handshake.ts
index bf9ae307..24079193 100644
--- a/packages/core/src/handshake.ts
+++ b/packages/core/src/handshake.ts
@@ -1,4 +1,4 @@
-import { devtools } from '@vue-devtools-next/kit'
+import { devtools } from '@vue/devtools-next-kit'
 import type { BridgeInstanceType } from './bridge/core'
 
 export enum HandShakeEvents {
diff --git a/packages/core/src/injection.ts b/packages/core/src/injection.ts
index 63b3bdba..39629586 100644
--- a/packages/core/src/injection.ts
+++ b/packages/core/src/injection.ts
@@ -1,4 +1,4 @@
-import { onDevToolsConnected } from '@vue-devtools-next/kit'
+import { onDevToolsConnected } from '@vue/devtools-next-kit'
 import { BridgeEvents, registerBridgeRpc } from './bridge'
 
 import type { BridgeInstanceType } from './bridge/core'
diff --git a/packages/core/src/vue-plugin.ts b/packages/core/src/vue-plugin.ts
index 0cf0a521..c401177a 100644
--- a/packages/core/src/vue-plugin.ts
+++ b/packages/core/src/vue-plugin.ts
@@ -1,7 +1,7 @@
 import type { App, InjectionKey, Plugin, Ref } from 'vue'
 import { inject, ref } from 'vue'
-import type { CustomCommand, CustomTab } from '@vue-devtools-next/kit'
-import type { AppRecord } from '@vue-devtools-next/schema'
+import type { CustomCommand, CustomTab } from '@vue/devtools-next-kit'
+import type { AppRecord } from '@vue/devtools-next-schema'
 import type { BridgeInstanceType } from './bridge/core'
 import { DevToolsRpc } from './bridge'
 
diff --git a/packages/devtools-api/package.json b/packages/devtools-api/package.json
index cababe3f..afd56df1 100644
--- a/packages/devtools-api/package.json
+++ b/packages/devtools-api/package.json
@@ -27,6 +27,6 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue-devtools-next/kit": "workspace:^"
+    "@vue/devtools-next-kit": "workspace:^"
   }
 }
diff --git a/packages/devtools-api/src/index.ts b/packages/devtools-api/src/index.ts
index 7239f616..966d24c1 100644
--- a/packages/devtools-api/src/index.ts
+++ b/packages/devtools-api/src/index.ts
@@ -5,9 +5,9 @@ export {
   addCustomTab,
   addCustomCommand,
   removeCustomCommand,
-} from '@vue-devtools-next/kit'
+} from '@vue/devtools-next-kit'
 
 export type {
   CustomCommand,
   CustomTab,
-} from '@vue-devtools-next/kit'
+} from '@vue/devtools-next-kit'
diff --git a/packages/devtools-kit/package.json b/packages/devtools-kit/package.json
index fb5c8a72..b4e5697c 100644
--- a/packages/devtools-kit/package.json
+++ b/packages/devtools-kit/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/kit",
+  "name": "@vue/devtools-next-kit",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -22,8 +22,8 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue-devtools-next/schema": "workspace:^",
-    "@vue-devtools-next/shared": "workspace:^",
+    "@vue/devtools-next-schema": "workspace:^",
+    "@vue/devtools-next-shared": "workspace:^",
     "hookable": "^5.5.3",
     "mitt": "^3.0.1",
     "perfect-debounce": "^1.0.0",
diff --git a/packages/devtools-kit/src/api/on.ts b/packages/devtools-kit/src/api/on.ts
index d87599bc..df66e182 100644
--- a/packages/devtools-kit/src/api/on.ts
+++ b/packages/devtools-kit/src/api/on.ts
@@ -1,5 +1,5 @@
-import type { DevToolsState, VueAppInstance } from '@vue-devtools-next/schema'
-import { target } from '@vue-devtools-next/shared'
+import type { DevToolsState, VueAppInstance } from '@vue/devtools-next-schema'
+import { target } from '@vue/devtools-next-shared'
 import type { HookKeys, Hookable } from 'hookable'
 import { createHooks } from 'hookable'
 import type { ComponentBoundingRectApiPayload, ComponentTreeNode, InspectorState, InspectorStateApiPayload, InspectorStateEditorPayload, InspectorTreeApiPayload } from '../core/component/types'
diff --git a/packages/devtools-kit/src/api/plugin.ts b/packages/devtools-kit/src/api/plugin.ts
index 7cd98d54..d1388aa6 100644
--- a/packages/devtools-kit/src/api/plugin.ts
+++ b/packages/devtools-kit/src/api/plugin.ts
@@ -1,5 +1,5 @@
-import { DevToolsHooks } from '@vue-devtools-next/schema'
-import type { PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue-devtools-next/schema'
+import { DevToolsHooks } from '@vue/devtools-next-schema'
+import type { PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue/devtools-next-schema'
 import { getAppRecord } from '../core/component/general'
 import { devtoolsState } from '../core/general/state'
 import { devtoolsHooks } from '../core/general/hook'
diff --git a/packages/devtools-kit/src/core/component-inspector/index.ts b/packages/devtools-kit/src/core/component-inspector/index.ts
index 3f05182e..d26f4cdf 100644
--- a/packages/devtools-kit/src/core/component-inspector/index.ts
+++ b/packages/devtools-kit/src/core/component-inspector/index.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 import { getComponentInstance } from '../component/general'
 import { devtoolsContext } from '../general/state'
 import { getComponentId, getInstanceName } from '../component/general/util'
diff --git a/packages/devtools-kit/src/core/component/general/util.ts b/packages/devtools-kit/src/core/component/general/util.ts
index 0eb77f26..b7d37378 100644
--- a/packages/devtools-kit/src/core/component/general/util.ts
+++ b/packages/devtools-kit/src/core/component/general/util.ts
@@ -1,5 +1,5 @@
-import type { AppRecord, VueAppInstance } from '@vue-devtools-next/schema'
-import { basename, classify } from '@vue-devtools-next/shared'
+import type { AppRecord, VueAppInstance } from '@vue/devtools-next-schema'
+import { basename, classify } from '@vue/devtools-next-shared'
 import { Fragment } from 'vue'
 
 function getComponentTypeName(options: VueAppInstance['type']) {
diff --git a/packages/devtools-kit/src/core/component/state/bounding-rect.ts b/packages/devtools-kit/src/core/component/state/bounding-rect.ts
index 9a4e256a..e0647c98 100644
--- a/packages/devtools-kit/src/core/component/state/bounding-rect.ts
+++ b/packages/devtools-kit/src/core/component/state/bounding-rect.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 import type { ComponentBoundingRect } from '../types'
 import { isFragment } from '../general/util'
 
diff --git a/packages/devtools-kit/src/core/component/state/process.ts b/packages/devtools-kit/src/core/component/state/process.ts
index eecd9c50..3150a9ba 100644
--- a/packages/devtools-kit/src/core/component/state/process.ts
+++ b/packages/devtools-kit/src/core/component/state/process.ts
@@ -1,5 +1,5 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
-import { camelize } from '@vue-devtools-next/shared'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
+import { camelize } from '@vue/devtools-next-shared'
 import type { InspectorState } from '../types'
 import { returnError } from '../general/util'
 import { vueBuiltins } from './constants'
diff --git a/packages/devtools-kit/src/core/component/state/reviver.ts b/packages/devtools-kit/src/core/component/state/reviver.ts
index a2e5f700..8e3084ea 100644
--- a/packages/devtools-kit/src/core/component/state/reviver.ts
+++ b/packages/devtools-kit/src/core/component/state/reviver.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue-devtools-next/shared'
+import { target } from '@vue/devtools-next-shared'
 import { devtoolsContext } from '../../general/state'
 import { INFINITY, NAN, NEGATIVE_INFINITY, UNDEFINED, specialTypeRE, symbolRE } from './constants'
 
diff --git a/packages/devtools-kit/src/core/component/tree/el.ts b/packages/devtools-kit/src/core/component/tree/el.ts
index eb0ea8d3..6bbe4abf 100644
--- a/packages/devtools-kit/src/core/component/tree/el.ts
+++ b/packages/devtools-kit/src/core/component/tree/el.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 import type { VNode } from 'vue'
 import { isFragment } from '../general/util'
 
diff --git a/packages/devtools-kit/src/core/component/tree/filter.ts b/packages/devtools-kit/src/core/component/tree/filter.ts
index d378fef6..757e6345 100644
--- a/packages/devtools-kit/src/core/component/tree/filter.ts
+++ b/packages/devtools-kit/src/core/component/tree/filter.ts
@@ -1,5 +1,5 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
-import { classify, kebabize } from '@vue-devtools-next/shared'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
+import { classify, kebabize } from '@vue/devtools-next-shared'
 import { getInstanceName } from '../general/util'
 
 export class ComponentFilter {
diff --git a/packages/devtools-kit/src/core/component/tree/index.ts b/packages/devtools-kit/src/core/component/tree/index.ts
index 2469dc30..9d4ffde7 100644
--- a/packages/devtools-kit/src/core/component/tree/index.ts
+++ b/packages/devtools-kit/src/core/component/tree/index.ts
@@ -1,4 +1,4 @@
-import type { AppRecord } from '@vue-devtools-next/schema'
+import type { AppRecord } from '@vue/devtools-next-schema'
 import { devtoolsContext } from '../../general/state'
 import { getComponentInstance } from '../general'
 import { ComponentWalker } from './walker'
diff --git a/packages/devtools-kit/src/core/component/tree/walker.ts b/packages/devtools-kit/src/core/component/tree/walker.ts
index 91e45155..effc4fb0 100644
--- a/packages/devtools-kit/src/core/component/tree/walker.ts
+++ b/packages/devtools-kit/src/core/component/tree/walker.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 import type { SuspenseBoundary, VNode } from 'vue'
 import type { ComponentTreeNode } from '../types'
 import { getAppRecord, getInstanceName, getRenderKey, getUniqueComponentId, isBeingDestroyed, isFragment } from '../general/util'
diff --git a/packages/devtools-kit/src/core/component/types/bounding-rect.ts b/packages/devtools-kit/src/core/component/types/bounding-rect.ts
index 6c60b56b..9bcc5985 100644
--- a/packages/devtools-kit/src/core/component/types/bounding-rect.ts
+++ b/packages/devtools-kit/src/core/component/types/bounding-rect.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 
 export interface ComponentBoundingRect {
   left: number
diff --git a/packages/devtools-kit/src/core/component/types/editor.ts b/packages/devtools-kit/src/core/component/types/editor.ts
index 458d2e55..3e670252 100644
--- a/packages/devtools-kit/src/core/component/types/editor.ts
+++ b/packages/devtools-kit/src/core/component/types/editor.ts
@@ -1,4 +1,4 @@
-import type { AppRecord } from '@vue-devtools-next/schema'
+import type { AppRecord } from '@vue/devtools-next-schema'
 import type { Recordable } from '../state/editor'
 
 export type PropPath = string | string[]
diff --git a/packages/devtools-kit/src/core/component/types/state.ts b/packages/devtools-kit/src/core/component/types/state.ts
index 33c40755..fa47d2e4 100644
--- a/packages/devtools-kit/src/core/component/types/state.ts
+++ b/packages/devtools-kit/src/core/component/types/state.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 
 export interface InspectorCustomState {
   _custom?: {
diff --git a/packages/devtools-kit/src/core/component/types/tree.ts b/packages/devtools-kit/src/core/component/types/tree.ts
index 3acd3ab9..9c89ce57 100644
--- a/packages/devtools-kit/src/core/component/types/tree.ts
+++ b/packages/devtools-kit/src/core/component/types/tree.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 
 export interface InspectorNodeTag {
   label: string
diff --git a/packages/devtools-kit/src/core/general/app-record.ts b/packages/devtools-kit/src/core/general/app-record.ts
index e77e2aec..463e0d01 100644
--- a/packages/devtools-kit/src/core/general/app-record.ts
+++ b/packages/devtools-kit/src/core/general/app-record.ts
@@ -1,4 +1,4 @@
-import type { AppRecord, VueAppInstance } from '@vue-devtools-next/schema'
+import type { AppRecord, VueAppInstance } from '@vue/devtools-next-schema'
 import { registerComponentsDevTools } from '../plugins'
 import { DevToolsPluginApi, registerPlugin } from '../../api'
 import { devtoolsContext, devtoolsState } from './state'
diff --git a/packages/devtools-kit/src/core/general/app.ts b/packages/devtools-kit/src/core/general/app.ts
index 83dba35b..ea5f8890 100644
--- a/packages/devtools-kit/src/core/general/app.ts
+++ b/packages/devtools-kit/src/core/general/app.ts
@@ -1,5 +1,5 @@
-import type { AppRecord, VueAppInstance } from '@vue-devtools-next/schema'
-import { target } from '@vue-devtools-next/shared'
+import type { AppRecord, VueAppInstance } from '@vue/devtools-next-schema'
+import { target } from '@vue/devtools-next-shared'
 import slug from 'speakingurl'
 
 const appRecordInfo = target.__VUE_DEVTOOLS_APP_RECROD_INFO__ ??= {
diff --git a/packages/devtools-kit/src/core/general/hook.ts b/packages/devtools-kit/src/core/general/hook.ts
index 90e21348..865dbd61 100644
--- a/packages/devtools-kit/src/core/general/hook.ts
+++ b/packages/devtools-kit/src/core/general/hook.ts
@@ -1,6 +1,6 @@
-import type { DevtoolsHook, PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue-devtools-next/schema'
-import { DevToolsHooks } from '@vue-devtools-next/schema'
-import { target } from '@vue-devtools-next/shared'
+import type { DevtoolsHook, PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue/devtools-next-schema'
+import { DevToolsHooks } from '@vue/devtools-next-schema'
+import { target } from '@vue/devtools-next-shared'
 import type { HookKeys, Hookable } from 'hookable'
 import { createHooks } from 'hookable'
 import type { App } from 'vue'
diff --git a/packages/devtools-kit/src/core/general/index.ts b/packages/devtools-kit/src/core/general/index.ts
index 2ccf261a..d4391dde 100644
--- a/packages/devtools-kit/src/core/general/index.ts
+++ b/packages/devtools-kit/src/core/general/index.ts
@@ -1,5 +1,5 @@
-import { target } from '@vue-devtools-next/shared'
-import { DevToolsHooks } from '@vue-devtools-next/schema'
+import { target } from '@vue/devtools-next-shared'
+import { DevToolsHooks } from '@vue/devtools-next-schema'
 import { DevToolsEvents, DevToolsPluginApi, apiHooks, collectRegisteredPlugin } from '../../api'
 import { createAppRecord } from './app'
 import { createDevToolsHook, devtoolsHooks, hook, subscribeDevToolsHook } from './hook'
diff --git a/packages/devtools-kit/src/core/general/inspector.ts b/packages/devtools-kit/src/core/general/inspector.ts
index e5073e25..1ecb65b9 100644
--- a/packages/devtools-kit/src/core/general/inspector.ts
+++ b/packages/devtools-kit/src/core/general/inspector.ts
@@ -1,4 +1,4 @@
-import type { DevToolsContext } from '@vue-devtools-next/schema'
+import type { DevToolsContext } from '@vue/devtools-next-schema'
 import { devtoolsContext } from './state'
 
 export function addInspector(payload: DevToolsContext['inspector'][0]) {
diff --git a/packages/devtools-kit/src/core/general/state.ts b/packages/devtools-kit/src/core/general/state.ts
index 8a2bc61f..c0116d9d 100644
--- a/packages/devtools-kit/src/core/general/state.ts
+++ b/packages/devtools-kit/src/core/general/state.ts
@@ -1,5 +1,5 @@
-import type { AppRecord, DevToolsState } from '@vue-devtools-next/schema'
-import { deepClone, target as global } from '@vue-devtools-next/shared'
+import type { AppRecord, DevToolsState } from '@vue/devtools-next-schema'
+import { deepClone, target as global } from '@vue/devtools-next-shared'
 import { debounce } from 'perfect-debounce'
 import type { DevToolsPluginApi } from '../../api'
 import { DevToolsEvents, apiHooks } from '../../api'
diff --git a/packages/devtools-kit/src/core/open-in-editor/index.ts b/packages/devtools-kit/src/core/open-in-editor/index.ts
index 5e1fabb5..adcdc014 100644
--- a/packages/devtools-kit/src/core/open-in-editor/index.ts
+++ b/packages/devtools-kit/src/core/open-in-editor/index.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue-devtools-next/shared'
+import { target } from '@vue/devtools-next-shared'
 
 export interface OpenInEditorOptions {
   file?: string
diff --git a/packages/devtools-kit/src/core/plugins/components.ts b/packages/devtools-kit/src/core/plugins/components.ts
index 82cfbd13..72efa313 100644
--- a/packages/devtools-kit/src/core/plugins/components.ts
+++ b/packages/devtools-kit/src/core/plugins/components.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue-devtools-next/schema'
+import type { VueAppInstance } from '@vue/devtools-next-schema'
 import { setupDevToolsPlugin } from '../../api/plugin'
 import { getAppRecord, getComponentId, getComponentInstance } from '../component/general'
 import { devtoolsContext } from '../general/state'
diff --git a/packages/devtools-kit/src/core/router/index.ts b/packages/devtools-kit/src/core/router/index.ts
index 0871bb71..49a76c59 100644
--- a/packages/devtools-kit/src/core/router/index.ts
+++ b/packages/devtools-kit/src/core/router/index.ts
@@ -1,6 +1,6 @@
 import type { RouteLocationNormalizedLoaded, RouteRecordNormalized, Router } from 'vue-router'
-import type { AppRecord } from '@vue-devtools-next/schema'
-import { deepClone, target as global } from '@vue-devtools-next/shared'
+import type { AppRecord } from '@vue/devtools-next-schema'
+import { deepClone, target as global } from '@vue/devtools-next-shared'
 import { debounce } from 'perfect-debounce'
 import { DevToolsEvents, apiHooks } from '../../api'
 import { hook } from '../general/hook'
diff --git a/packages/devtools-kit/src/core/timeline/index.ts b/packages/devtools-kit/src/core/timeline/index.ts
index ed9fd279..af3d0e70 100644
--- a/packages/devtools-kit/src/core/timeline/index.ts
+++ b/packages/devtools-kit/src/core/timeline/index.ts
@@ -1,4 +1,4 @@
-import type { DevToolsContext } from '@vue-devtools-next/schema'
+import type { DevToolsContext } from '@vue/devtools-next-schema'
 import { devtoolsContext } from '../general/state'
 
 export type * from './types'
diff --git a/packages/devtools-kit/src/core/vue-inspector/index.ts b/packages/devtools-kit/src/core/vue-inspector/index.ts
index c638c355..23a8b435 100644
--- a/packages/devtools-kit/src/core/vue-inspector/index.ts
+++ b/packages/devtools-kit/src/core/vue-inspector/index.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue-devtools-next/shared'
+import { target } from '@vue/devtools-next-shared'
 
 export interface VueInspector {
   enabled: boolean
diff --git a/packages/devtools-kit/src/shared/time.ts b/packages/devtools-kit/src/shared/time.ts
index d7199f23..6d6944bc 100644
--- a/packages/devtools-kit/src/shared/time.ts
+++ b/packages/devtools-kit/src/shared/time.ts
@@ -1,4 +1,4 @@
-// import { target } from '@vue-devtools-next/shared'
+// import { target } from '@vue/devtools-next-shared'
 
 export function now() {
   // if (target.performance)
diff --git a/packages/devtools/cli.mjs b/packages/devtools/cli.mjs
index 188e9c24..1e671bcf 100755
--- a/packages/devtools/cli.mjs
+++ b/packages/devtools/cli.mjs
@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import('@vue-devtools-next/electron/cli')
+import('@vue/devtools-next-electron/cli')
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index 6b133fbb..1bba9354 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -30,7 +30,7 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue-devtools-next/electron": "workspace:^",
-    "@vue-devtools-next/kit": "workspace:^"
+    "@vue/devtools-next-electron": "workspace:^",
+    "@vue/devtools-next-kit": "workspace:^"
   }
 }
diff --git a/packages/devtools/src/index.ts b/packages/devtools/src/index.ts
index 87b4aebc..0e948595 100644
--- a/packages/devtools/src/index.ts
+++ b/packages/devtools/src/index.ts
@@ -1,7 +1,7 @@
-import { devtools as _devtools, addCustomCommand, addCustomTab, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand } from '@vue-devtools-next/kit'
-import { connect } from '@vue-devtools-next/electron'
+import { devtools as _devtools, addCustomCommand, addCustomTab, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand } from '@vue/devtools-next-kit'
+import { connect } from '@vue/devtools-next-electron'
 
-export type * from '@vue-devtools-next/kit'
+export type * from '@vue/devtools-next-kit'
 
 const devtools = {
   ..._devtools,
diff --git a/packages/electron/package.json b/packages/electron/package.json
index ba5be8bc..85491105 100644
--- a/packages/electron/package.json
+++ b/packages/electron/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/electron",
+  "name": "@vue/devtools-next-electron",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -30,8 +30,8 @@
     "prepare:type": "tsup src/index.ts --dts-only --format cjs,esm"
   },
   "dependencies": {
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/shared": "workspace:^",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-shared": "workspace:^",
     "electron": "^28.1.0",
     "execa": "^8.0.1",
     "h3": "^1.9.0",
diff --git a/packages/electron/src/index.ts b/packages/electron/src/index.ts
index 217b4c99..e6cf7116 100644
--- a/packages/electron/src/index.ts
+++ b/packages/electron/src/index.ts
@@ -1,4 +1,4 @@
-import { isBrowser, target } from '@vue-devtools-next/shared'
+import { isBrowser, target } from '@vue/devtools-next-shared'
 import { devtools } from '../../devtools-kit/src/index'
 
 export async function connect(host: string, port: number) {
diff --git a/packages/electron/src/user-app.ts b/packages/electron/src/user-app.ts
index 5fd2f538..1cda06e3 100644
--- a/packages/electron/src/user-app.ts
+++ b/packages/electron/src/user-app.ts
@@ -1,5 +1,5 @@
 import io from 'socket.io-client/dist/socket.io.js'
-import { target } from '@vue-devtools-next/shared'
+import { target } from '@vue/devtools-next-shared'
 import { Bridge } from '../../core/src/bridge'
 import { prepareInjection } from '../../core/src/injection'
 import { devtools } from '../../devtools-kit/src/index'
diff --git a/packages/overlay/package.json b/packages/overlay/package.json
index 32765485..771cf467 100644
--- a/packages/overlay/package.json
+++ b/packages/overlay/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/overlay",
+  "name": "@vue/devtools-next-overlay",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -20,10 +20,10 @@
     "stub": "vite build --watch"
   },
   "dependencies": {
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/kit": "workspace:*",
-    "@vue-devtools-next/shared": "workspace:^",
-    "@vue-devtools-next/ui": "workspace:*",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-kit": "workspace:*",
+    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-next-ui": "workspace:*",
     "@vueuse/core": "^10.7.0"
   },
   "devDependencies": {
diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue
index ee131f4e..e695200e 100644
--- a/packages/overlay/src/App.vue
+++ b/packages/overlay/src/App.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useColorMode } from '@vueuse/core'
-import { Bridge, getDevToolsClientUrl, prepareInjection } from '@vue-devtools-next/core'
-import { target } from '@vue-devtools-next/shared'
-import { devtools, onDevToolsConnected } from '@vue-devtools-next/kit'
+import { Bridge, getDevToolsClientUrl, prepareInjection } from '@vue/devtools-next-core'
+import { target } from '@vue/devtools-next-shared'
+import { devtools, onDevToolsConnected } from '@vue/devtools-next-kit'
 import { registerBridge, useFrameState, useIframe, usePanelVisible, usePosition } from '~/composables'
 import { checkIsSafari } from '~/utils'
 import Frame from '~/components/FrameBox.vue'
diff --git a/packages/overlay/src/composables/bridge.ts b/packages/overlay/src/composables/bridge.ts
index 33fea3b7..4042645a 100644
--- a/packages/overlay/src/composables/bridge.ts
+++ b/packages/overlay/src/composables/bridge.ts
@@ -1,4 +1,4 @@
-import type { Bridge } from '@vue-devtools-next/core'
+import type { Bridge } from '@vue/devtools-next-core'
 import { shallowRef, watchEffect } from 'vue'
 
 type BridgeTye = InstanceType<typeof Bridge>
diff --git a/packages/playground/package.json b/packages/playground/package.json
index c8644d74..bdcf0f0c 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/playground",
+  "name": "@vue/devtools-next-playground",
   "type": "module",
   "version": "0.0.0",
   "private": true,
diff --git a/packages/schema/package.json b/packages/schema/package.json
index ca73c5c6..8841699d 100644
--- a/packages/schema/package.json
+++ b/packages/schema/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/schema",
+  "name": "@vue/devtools-next-schema",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 95f4971b..2281104a 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/shared",
+  "name": "@vue/devtools-next-shared",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
diff --git a/packages/ui-playground/package.json b/packages/ui-playground/package.json
index 1cf751f4..bfa15940 100644
--- a/packages/ui-playground/package.json
+++ b/packages/ui-playground/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/ui-playground",
+  "name": "@vue/devtools-next-ui-playground",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@unocss/reset": "^0.58.0",
-    "@vue-devtools-next/ui": "workspace:*",
+    "@vue/devtools-next-ui": "workspace:*",
     "@vueuse/core": "^10.7.0",
     "unocss": "^0.58.0",
     "vue": "^3.3.13"
diff --git a/packages/ui-playground/src/App.vue b/packages/ui-playground/src/App.vue
index d783ec98..02fecd73 100644
--- a/packages/ui-playground/src/App.vue
+++ b/packages/ui-playground/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueDarkToggle, VueDialog, VueInput } from '@vue-devtools-next/ui'
+import { VueButton, VueDarkToggle, VueDialog, VueInput } from '@vue/devtools-next-ui'
 import { useDark } from '@vueuse/core'
 import { ref } from 'vue'
 
diff --git a/packages/ui-playground/uno.config.ts b/packages/ui-playground/uno.config.ts
index a9b72fea..fb2abe99 100644
--- a/packages/ui-playground/uno.config.ts
+++ b/packages/ui-playground/uno.config.ts
@@ -1,4 +1,4 @@
-import { unoConfig } from '@vue-devtools-next/ui/theme'
+import { unoConfig } from '@vue/devtools-next-ui/theme'
 import { defineConfig, mergeConfigs } from 'unocss'
 
 export default defineConfig(mergeConfigs([unoConfig, {
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 1be3f659..8c1045e0 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue-devtools-next/ui",
+  "name": "@vue/devtools-next-ui",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
diff --git a/packages/vite/package.json b/packages/vite/package.json
index 5b53681e..707b9e1c 100644
--- a/packages/vite/package.json
+++ b/packages/vite/package.json
@@ -49,9 +49,9 @@
     "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0"
   },
   "dependencies": {
-    "@vue-devtools-next/core": "workspace:^",
-    "@vue-devtools-next/kit": "workspace:^",
-    "@vue-devtools-next/shared": "workspace:^",
+    "@vue/devtools-next-core": "workspace:^",
+    "@vue/devtools-next-kit": "workspace:^",
+    "@vue/devtools-next-shared": "workspace:^",
     "birpc": "^0.2.14",
     "execa": "^8.0.1",
     "sirv": "^2.0.4",
diff --git a/packages/vite/src/overlay.js b/packages/vite/src/overlay.js
index 3ddc4b1c..0697e8fa 100644
--- a/packages/vite/src/overlay.js
+++ b/packages/vite/src/overlay.js
@@ -1,7 +1,7 @@
 import vueDevToolsOptions from 'virtual:vue-devtools-options'
-import { Bridge, prepareInjection, setDevToolsClientUrl } from '@vue-devtools-next/core'
-import { BROADCAST_CHANNEL_NAME } from '@vue-devtools-next/shared'
-import { addCustomTab, devtools } from '@vue-devtools-next/kit'
+import { Bridge, prepareInjection, setDevToolsClientUrl } from '@vue/devtools-next-core'
+import { BROADCAST_CHANNEL_NAME } from '@vue/devtools-next-shared'
+import { addCustomTab, devtools } from '@vue/devtools-next-kit'
 
 const overlayDir = `${vueDevToolsOptions.base || '/'}@id/virtual:vue-devtools-path:overlay`
 const body = document.getElementsByTagName('body')[0]
diff --git a/packages/vite/src/vite.ts b/packages/vite/src/vite.ts
index d2862f92..6985c322 100644
--- a/packages/vite/src/vite.ts
+++ b/packages/vite/src/vite.ts
@@ -5,8 +5,8 @@ import type { PluginOption, ResolvedConfig, ViteDevServer } from 'vite'
 import sirv from 'sirv'
 import Inspect from 'vite-plugin-inspect'
 import VueInspector from 'vite-plugin-vue-inspector'
-import { setupViteRPCServer } from '@vue-devtools-next/core'
-import { setupAssetsRPC, setupGraphRPC } from '@vue-devtools-next/core/server'
+import { setupViteRPCServer } from '@vue/devtools-next-core'
+import { setupAssetsRPC, setupGraphRPC } from '@vue/devtools-next-core/server'
 import { bold, cyan, dim, green, yellow } from 'kolorist'
 import { DIR_CLIENT } from './dir'
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d4bdaedd..6b65b293 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,10 +29,10 @@ importers:
       '@unocss/eslint-plugin':
         specifier: ^0.58.0
         version: 0.58.0(eslint-ts-patch@8.55.0-1)(typescript@5.3.3)
-      '@vue-devtools-next/core':
+      '@vue/devtools-next-core':
         specifier: workspace:^
         version: link:packages/core
-      '@vue-devtools-next/schema':
+      '@vue/devtools-next-schema':
         specifier: workspace:^
         version: link:packages/schema
       archiver:
@@ -131,10 +131,10 @@ importers:
 
   packages/browser-extension:
     dependencies:
-      '@vue-devtools-next/core':
+      '@vue/devtools-next-core':
         specifier: workspace:^
         version: link:../core
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
     devDependencies:
@@ -153,19 +153,19 @@ importers:
       '@unocss/runtime':
         specifier: ^0.58.0
         version: 0.58.0
-      '@vue-devtools-next/core':
+      '@vue/devtools-next-core':
         specifier: workspace:^
         version: link:../core
-      '@vue-devtools-next/kit':
+      '@vue/devtools-next-kit':
         specifier: workspace:^
         version: link:../devtools-kit
-      '@vue-devtools-next/schema':
+      '@vue/devtools-next-schema':
         specifier: workspace:*
         version: link:../schema
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
-      '@vue-devtools-next/ui':
+      '@vue/devtools-next-ui':
         specifier: workspace:*
         version: link:../ui
       '@vueuse/core':
@@ -262,13 +262,13 @@ importers:
 
   packages/core:
     dependencies:
-      '@vue-devtools-next/kit':
+      '@vue/devtools-next-kit':
         specifier: workspace:^
         version: link:../devtools-kit
-      '@vue-devtools-next/schema':
+      '@vue/devtools-next-schema':
         specifier: workspace:^
         version: link:../schema
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
       birpc:
@@ -302,25 +302,25 @@ importers:
 
   packages/devtools:
     dependencies:
-      '@vue-devtools-next/electron':
+      '@vue/devtools-next-electron':
         specifier: workspace:^
         version: link:../electron
-      '@vue-devtools-next/kit':
+      '@vue/devtools-next-kit':
         specifier: workspace:^
         version: link:../devtools-kit
 
   packages/devtools-api:
     dependencies:
-      '@vue-devtools-next/kit':
+      '@vue/devtools-next-kit':
         specifier: workspace:^
         version: link:../devtools-kit
 
   packages/devtools-kit:
     dependencies:
-      '@vue-devtools-next/schema':
+      '@vue/devtools-next-schema':
         specifier: workspace:^
         version: link:../schema
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
       hookable:
@@ -345,10 +345,10 @@ importers:
 
   packages/electron:
     dependencies:
-      '@vue-devtools-next/core':
+      '@vue/devtools-next-core':
         specifier: workspace:^
         version: link:../core
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
       electron:
@@ -385,16 +385,16 @@ importers:
 
   packages/overlay:
     dependencies:
-      '@vue-devtools-next/core':
+      '@vue/devtools-next-core':
         specifier: workspace:^
         version: link:../core
-      '@vue-devtools-next/kit':
+      '@vue/devtools-next-kit':
         specifier: workspace:*
         version: link:../devtools-kit
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
-      '@vue-devtools-next/ui':
+      '@vue/devtools-next-ui':
         specifier: workspace:*
         version: link:../ui
       '@vueuse/core':
@@ -526,7 +526,7 @@ importers:
       '@unocss/reset':
         specifier: ^0.58.0
         version: 0.58.0
-      '@vue-devtools-next/ui':
+      '@vue/devtools-next-ui':
         specifier: workspace:*
         version: link:../ui
       '@vueuse/core':
@@ -554,13 +554,13 @@ importers:
 
   packages/vite:
     dependencies:
-      '@vue-devtools-next/core':
+      '@vue/devtools-next-core':
         specifier: workspace:^
         version: link:../core
-      '@vue-devtools-next/kit':
+      '@vue/devtools-next-kit':
         specifier: workspace:^
         version: link:../devtools-kit
-      '@vue-devtools-next/shared':
+      '@vue/devtools-next-shared':
         specifier: workspace:^
         version: link:../shared
       birpc:
@@ -11204,7 +11204,7 @@ packages:
       fs-extra: 11.2.0
       open: 9.1.0
       picocolors: 1.0.0
-      sirv: 2.0.4
+      sirv: 2.0.3
       vite: 5.0.5(@types/node@20.10.5)
     transitivePeerDependencies:
       - rollup
diff --git a/tsconfig.json b/tsconfig.json
index 93c99967..c711f452 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,20 +6,20 @@
     "module": "esnext",
     "moduleResolution": "node",
     "paths": {
-      "@vue-devtools-next/shared": ["./packages/shared/src/index.ts"],
-      "@vue-devtools-next/core": ["./packages/core/src/index.ts"],
-      "@vue-devtools-next/schema": ["./packages/schema/src/index.ts"],
-      "@vue-devtools-next/kit": ["./packages/devtools-kit/src/index.ts"],
-      "@vue-devtools-next/ui": ["./packages/ui/src/index.ts"],
-      "@vue-devtools-next/ui/theme": ["./packages/ui/theme/index.ts"],
-      "@vue-devtools-next/vite": ["./packages/vite/src/index.ts"]
+      "@vue/devtools-next-shared": ["./packages/shared/src/index.ts"],
+      "@vue/devtools-next-core": ["./packages/core/src/index.ts"],
+      "@vue/devtools-next-schema": ["./packages/schema/src/index.ts"],
+      "@vue/devtools-next-kit": ["./packages/devtools-kit/src/index.ts"],
+      "@vue/devtools-next-ui": ["./packages/ui/src/index.ts"],
+      "@vue/devtools-next-ui/theme": ["./packages/ui/theme/index.ts"],
+      "@vue/devtools-next-vite": ["./packages/vite/src/index.ts"]
     },
     "resolveJsonModule": true,
     "types": [
       "chrome",
       "vite/client",
       "vitest/globals",
-      "@vue-devtools-next/schema"
+      "@vue/devtools-next-schema"
     ],
     "allowJs": true,
     "strict": true,

From 3367b576c3c0f6a8cc489cc04b5e38143e614230 Mon Sep 17 00:00:00 2001
From: arlo <webfansplz@gmail.com>
Date: Fri, 29 Dec 2023 16:01:04 +0800
Subject: [PATCH 2/2] chore: update

---
 docs/guide/standalone.md                      |  20 +-
 docs/plugins/api.md                           |  16 +-
 package.json                                  |   6 +-
 packages/browser-extension/package.json       |   6 +-
 packages/browser-extension/src/background.ts  |   2 +-
 packages/browser-extension/src/user-app.ts    |   2 +-
 packages/client/package.json                  |  12 +-
 packages/client/src/App.vue                   |   4 +-
 .../client/src/components/CommandPalette.vue  |   2 +-
 .../src/components/WaitForConnection.vue      |   2 +-
 .../src/components/assets/AssetDetails.vue    |   6 +-
 .../src/components/assets/AssetDropZone.vue   |   4 +-
 .../components/assets/AssetFontPreview.vue    |   2 +-
 .../src/components/assets/AssetGridItem.vue   |   2 +-
 .../src/components/assets/AssetListItem.vue   |   4 +-
 .../src/components/assets/AssetPreview.vue    |   2 +-
 .../src/components/chrome/ViewModeSwitch.vue  |   2 +-
 .../src/components/code/CodeSnippets.vue      |   4 +-
 .../src/components/common/DockingPanel.vue    |   6 +-
 .../src/components/common/EmptyPane.vue       |   2 +-
 .../client/src/components/common/Navbar.vue   |   2 +-
 .../src/components/common/SectionBlock.vue    |   2 +-
 .../client/src/components/common/SideNav.vue  |   2 +-
 .../src/components/common/SideNavItem.vue     |   2 +-
 .../src/components/common/SplitScreen.vue     |   2 +-
 .../components/ComponentTreeNode.vue          |   2 +-
 .../src/components/graph/GraphDrawer.vue      |   4 +-
 .../src/components/graph/GraphNavbar.vue      |   2 +-
 .../inspector/InspectorDataField/Actions.vue  |   8 +-
 .../InspectorDataField/EditInput.vue          |   2 +-
 .../components/inspector/InspectorNodeTag.vue |   2 +-
 .../components/inspector/InspectorState.vue   |   2 +-
 .../inspector/InspectorStateField.vue         |   8 +-
 .../inspector/InspectorStateType.vue          |   2 +-
 .../components/inspector/InspectorTree.vue    |   2 +-
 .../src/components/pages/RoutePathItem.vue    |   2 +-
 .../src/components/pages/RoutesTable.vue      |   4 +-
 .../src/components/timeline/TimelineEvent.vue |   2 +-
 packages/client/src/composables/app.ts        |   2 +-
 packages/client/src/composables/client.ts     |   2 +-
 packages/client/src/composables/graph.ts      |   4 +-
 .../client/src/composables/open-in-editor.ts  |   2 +-
 .../client/src/composables/state-commands.ts  |   6 +-
 packages/client/src/composables/state-tab.ts  |   6 +-
 packages/client/src/composables/view-mode.ts  |   4 +-
 packages/client/src/constants/tab.ts          |   4 +-
 packages/client/src/index.ts                  |   2 +-
 packages/client/src/main.ts                   |   6 +-
 packages/client/src/pages/assets.vue          |   6 +-
 packages/client/src/pages/components.vue      |   6 +-
 packages/client/src/pages/custom-tab-view.vue |   2 +-
 packages/client/src/pages/graph.vue           |   2 +-
 packages/client/src/pages/index.vue           |   2 +-
 packages/client/src/pages/overview.vue        |   8 +-
 packages/client/src/pages/pages.vue           |   6 +-
 packages/client/src/pages/pinia.vue           |   4 +-
 packages/client/src/pages/router.vue          |   4 +-
 packages/client/src/pages/settings.vue        |   4 +-
 packages/client/src/pages/timeline.vue        |   6 +-
 packages/client/src/types/tab.ts              |   2 +-
 packages/client/uno.config.ts                 |   2 +-
 packages/core/package.json                    |   8 +-
 packages/core/src/bridge/core.ts              |   6 +-
 packages/core/src/bridge/devtools.ts          |   4 +-
 packages/core/src/bridge/user-app.ts          |   4 +-
 packages/core/src/client.ts                   |   2 +-
 packages/core/src/handshake.ts                |   2 +-
 packages/core/src/injection.ts                |   2 +-
 packages/core/src/vue-plugin.ts               |   4 +-
 packages/devtools-api/package.json            |   4 +-
 packages/devtools-api/src/index.ts            |   4 +-
 packages/devtools-kit/package.json            |   6 +-
 packages/devtools-kit/src/api/on.ts           |   4 +-
 packages/devtools-kit/src/api/plugin.ts       |   4 +-
 .../src/core/component-inspector/index.ts     |   2 +-
 .../src/core/component/general/util.ts        |   4 +-
 .../src/core/component/state/bounding-rect.ts |   2 +-
 .../src/core/component/state/process.ts       |   4 +-
 .../src/core/component/state/reviver.ts       |   2 +-
 .../src/core/component/tree/el.ts             |   2 +-
 .../src/core/component/tree/filter.ts         |   4 +-
 .../src/core/component/tree/index.ts          |   2 +-
 .../src/core/component/tree/walker.ts         |   2 +-
 .../src/core/component/types/bounding-rect.ts |   2 +-
 .../src/core/component/types/editor.ts        |   2 +-
 .../src/core/component/types/state.ts         |   2 +-
 .../src/core/component/types/tree.ts          |   2 +-
 .../src/core/general/app-record.ts            |   2 +-
 packages/devtools-kit/src/core/general/app.ts |   4 +-
 .../devtools-kit/src/core/general/hook.ts     |   6 +-
 .../devtools-kit/src/core/general/index.ts    |   4 +-
 .../src/core/general/inspector.ts             |   2 +-
 .../devtools-kit/src/core/general/state.ts    |   4 +-
 .../src/core/open-in-editor/index.ts          |   2 +-
 .../src/core/plugins/components.ts            |   2 +-
 .../devtools-kit/src/core/router/index.ts     |   4 +-
 .../devtools-kit/src/core/timeline/index.ts   |   2 +-
 .../src/core/vue-inspector/index.ts           |   2 +-
 packages/devtools-kit/src/shared/time.ts      |   2 +-
 packages/devtools/cli.mjs                     |   2 +-
 packages/devtools/package.json                |   6 +-
 packages/devtools/src/index.ts                |   6 +-
 packages/electron/package.json                |   6 +-
 packages/electron/src/index.ts                |   2 +-
 packages/electron/src/user-app.ts             |   2 +-
 packages/overlay/package.json                 |  10 +-
 packages/overlay/src/App.vue                  |   6 +-
 packages/overlay/src/composables/bridge.ts    |   2 +-
 packages/playground/package.json              |   6 +-
 packages/playground/src/main.ts               |   4 +-
 packages/schema/package.json                  |   2 +-
 packages/shared/package.json                  |   2 +-
 packages/ui-playground/package.json           |   4 +-
 packages/ui-playground/src/App.vue            |   2 +-
 packages/ui-playground/uno.config.ts          |   2 +-
 packages/ui/package.json                      |   2 +-
 packages/vite/package.json                    |   6 +-
 packages/vite/src/overlay.js                  |   6 +-
 packages/vite/src/vite.ts                     |   4 +-
 pnpm-lock.yaml                                | 382 +++++++++++++-----
 tsconfig.json                                 |  16 +-
 121 files changed, 525 insertions(+), 327 deletions(-)

diff --git a/docs/guide/standalone.md b/docs/guide/standalone.md
index 1c03a536..1b0d4de1 100644
--- a/docs/guide/standalone.md
+++ b/docs/guide/standalone.md
@@ -11,19 +11,19 @@
 ::: code-group
 
 ```sh [npm]
-$ npm add -g @vue/devtools-next
+$ npm add -g @vue/devtools
 ```
 
 ```sh [pnpm]
-$ pnpm add -g @vue/devtools-next
+$ pnpm add -g @vue/devtools
 ```
 
 ```sh [yarn]
-$ yarn global add @vue/devtools-next
+$ yarn global add @vue/devtools
 ```
 
 ```sh [bun]
-$ bun add -g @vue/devtools-next
+$ bun add -g @vue/devtools
 ```
 
 :::
@@ -33,19 +33,19 @@ $ bun add -g @vue/devtools-next
 ::: code-group
 
 ```sh [npm]
-$ npm add -D @vue/devtools-next
+$ npm add -D @vue/devtools
 ```
 
 ```sh [pnpm]
-$ pnpm add -D @vue/devtools-next
+$ pnpm add -D @vue/devtools
 ```
 
 ```sh [yarn]
-$ yarn add -D @vue/devtools-next
+$ yarn add -D @vue/devtools
 ```
 
 ```sh [bun]
-$ bun add -D @vue/devtools-next
+$ bun add -D @vue/devtools
 ```
 
 :::
@@ -98,7 +98,7 @@ You can also use the global `vue-devtools-next` to start the app, but you might
 Then import it directly in your app:
 
 ```ts
-import { devtools } from '@vue/devtools-next'
+import { devtools } from '@vue/devtools'
 ```
 
 :::tip Important
@@ -165,7 +165,7 @@ For that you can also use ngrok, as it automatically proxies https requests to h
 Make sure that the page under `http://your-ip:8098` is returning a javascript coode on your device/simulator. If it doesn't - make sure to check your anti-virus or router/firewall settings. If it works - please follow the instructions, and connect to devtools using your IP. For example:
 
 ```ts
-import devtools from '@vue/devtools-next'
+import devtools from '@vue/devtools'
 import Vue from 'vue'
 // ...
 
diff --git a/docs/plugins/api.md b/docs/plugins/api.md
index 33f03a7a..171558ee 100644
--- a/docs/plugins/api.md
+++ b/docs/plugins/api.md
@@ -7,19 +7,19 @@ Plugins API for easier DevTools integrations.
 ::: code-group
 
 ```sh [npm]
-$ npm add -D @vue/devtools-next-api
+$ npm add -D @vue/devtools-api
 ```
 
 ```sh [pnpm]
-$ pnpm add -D @vue/devtools-next-api
+$ pnpm add -D @vue/devtools-api
 ```
 
 ```sh [yarn]
-$ yarn add -D @vue/devtools-next-api
+$ yarn add -D @vue/devtools-api
 ```
 
 ```sh [bun]
-$ bun add -D @vue/devtools-next-api
+$ bun add -D @vue/devtools-api
 ```
 
 :::
@@ -27,7 +27,7 @@ $ bun add -D @vue/devtools-next-api
 ## `addCustomTab`
 
 ```ts
-import { addCustomTab } from '@vue/devtools-next-api'
+import { addCustomTab } from '@vue/devtools-api'
 
 addCustomTab({
   // unique identifier
@@ -48,7 +48,7 @@ addCustomTab({
 ## `addCustomCommand`
 
 ```ts
-import { addCustomCommand } from '@vue/devtools-next-api'
+import { addCustomCommand } from '@vue/devtools-api'
 
 // Add a custom command with url
 addCustomCommand({
@@ -99,7 +99,7 @@ addCustomCommand({
 ## `removeCustomCommand`
 
 ```ts
-import { removeCustomCommand } from '@vue/devtools-next-api'
+import { removeCustomCommand } from '@vue/devtools-api'
 
 // Remove a custom command by id
 removeCustomCommand('vueuse')
@@ -108,7 +108,7 @@ removeCustomCommand('vueuse')
 ## `onDevToolsClientConnected`
 
 ```ts
-import { onDevToolsClientConnected } from '@vue/devtools-next-api'
+import { onDevToolsClientConnected } from '@vue/devtools-api'
 
 onDevToolsClientConnected(() => {
   console.log('devtools client connected')
diff --git a/package.json b/package.json
index 5d05d9ac..208832e4 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-monorepo",
+  "name": "@vue/devtools-monorepo",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -71,8 +71,8 @@
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.10.5",
     "@unocss/eslint-plugin": "^0.58.0",
-    "@vue/devtools-next-core": "workspace:^",
-    "@vue/devtools-next-schema": "workspace:^",
+    "@vue/devtools-core": "workspace:^",
+    "@vue/devtools-schema": "workspace:^",
     "archiver": "^6.0.1",
     "bumpp": "^9.2.1",
     "cross-env": "^7.0.3",
diff --git a/packages/browser-extension/package.json b/packages/browser-extension/package.json
index e6372353..7d0df77a 100644
--- a/packages/browser-extension/package.json
+++ b/packages/browser-extension/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-browser-extension",
+  "name": "@vue/devtools-browser-extension",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -13,8 +13,8 @@
     "dev": "cross-env NODE_ENV=development tsup --watch"
   },
   "dependencies": {
-    "@vue/devtools-next-core": "workspace:^",
-    "@vue/devtools-next-shared": "workspace:^"
+    "@vue/devtools-core": "workspace:^",
+    "@vue/devtools-shared": "workspace:^"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
diff --git a/packages/browser-extension/src/background.ts b/packages/browser-extension/src/background.ts
index 12d57d7a..204dc0cd 100644
--- a/packages/browser-extension/src/background.ts
+++ b/packages/browser-extension/src/background.ts
@@ -1,4 +1,4 @@
-import { isNumeric } from '@vue/devtools-next-shared'
+import { isNumeric } from '@vue/devtools-shared'
 
 type PortInfo = Record<'tab' | 'name', string | number> & { port: chrome.runtime.Port }
 type PortDetail = Record<'devtools' | 'userApp', chrome.runtime.Port>
diff --git a/packages/browser-extension/src/user-app.ts b/packages/browser-extension/src/user-app.ts
index 9d22c4cd..1ae5cffb 100644
--- a/packages/browser-extension/src/user-app.ts
+++ b/packages/browser-extension/src/user-app.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue/devtools-next-shared'
+import { target } from '@vue/devtools-shared'
 import { Bridge } from '../../core/src/bridge'
 import { prepareInjection } from '../../core/src/injection'
 
diff --git a/packages/client/package.json b/packages/client/package.json
index 1bb46510..a99ed744 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-client",
+  "name": "@vue/devtools-client",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -26,11 +26,11 @@
   "dependencies": {
     "@unocss/preset-icons": "^0.58.0",
     "@unocss/runtime": "^0.58.0",
-    "@vue/devtools-next-core": "workspace:^",
-    "@vue/devtools-next-kit": "workspace:^",
-    "@vue/devtools-next-schema": "workspace:*",
-    "@vue/devtools-next-shared": "workspace:^",
-    "@vue/devtools-next-ui": "workspace:*",
+    "@vue/devtools-core": "workspace:^",
+    "@vue/devtools-kit": "workspace:^",
+    "@vue/devtools-schema": "workspace:*",
+    "@vue/devtools-shared": "workspace:^",
+    "@vue/devtools-ui": "workspace:*",
     "@vueuse/core": "^10.7.0",
     "@vueuse/integrations": "^10.7.0",
     "colord": "^2.9.3",
diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue
index 553f3ec1..a94f5d1b 100644
--- a/packages/client/src/App.vue
+++ b/packages/client/src/App.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
-import { useDevToolsBridge, useDevToolsState } from '@vue/devtools-next-core'
-import { isInChromePanel } from '@vue/devtools-next-shared'
+import { useDevToolsBridge, useDevToolsState } from '@vue/devtools-core'
+import { isInChromePanel } from '@vue/devtools-shared'
 import { Pane, Splitpanes } from 'splitpanes'
 
 import('./setup/unocss-runtime')
diff --git a/packages/client/src/components/CommandPalette.vue b/packages/client/src/components/CommandPalette.vue
index 4d152ac4..3cf5b120 100644
--- a/packages/client/src/components/CommandPalette.vue
+++ b/packages/client/src/components/CommandPalette.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueIcon, VueInput, VueOverlay } from '@vue/devtools-next-ui'
+import { VueIcon, VueInput, VueOverlay } from '@vue/devtools-ui'
 import Fuse from 'fuse.js'
 import type { CommandItem } from '../composables/state-commands'
 
diff --git a/packages/client/src/components/WaitForConnection.vue b/packages/client/src/components/WaitForConnection.vue
index c9ffff41..81d9fa07 100644
--- a/packages/client/src/components/WaitForConnection.vue
+++ b/packages/client/src/components/WaitForConnection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueInput } from '@vue/devtools-next-ui'
+import { VueInput } from '@vue/devtools-ui'
 import AppConnecting from '~/components/AppConnecting.vue'
 
 const props = defineProps<{
diff --git a/packages/client/src/components/assets/AssetDetails.vue b/packages/client/src/components/assets/AssetDetails.vue
index 18b12202..c07cd05f 100644
--- a/packages/client/src/components/assets/AssetDetails.vue
+++ b/packages/client/src/components/assets/AssetDetails.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useTimeAgo } from '@vueuse/core'
-import type { AssetInfo, CodeSnippet } from '@vue/devtools-next-core'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
-import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-next-ui'
+import type { AssetInfo, CodeSnippet } from '@vue/devtools-core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
+import { VueButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
 
 const props = defineProps<{
   modelValue: AssetInfo
diff --git a/packages/client/src/components/assets/AssetDropZone.vue b/packages/client/src/components/assets/AssetDropZone.vue
index 24f8451f..b0976b3d 100644
--- a/packages/client/src/components/assets/AssetDropZone.vue
+++ b/packages/client/src/components/assets/AssetDropZone.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { AssetEntry } from '@vue/devtools-next-core'
-import { VueButton, VueIcon, VueInput } from '@vue/devtools-next-ui'
+import type { AssetEntry } from '@vue/devtools-core'
+import { VueButton, VueIcon, VueInput } from '@vue/devtools-ui'
 
 const props = defineProps({
   modelValue: {
diff --git a/packages/client/src/components/assets/AssetFontPreview.vue b/packages/client/src/components/assets/AssetFontPreview.vue
index b5b7b82e..6bb00965 100644
--- a/packages/client/src/components/assets/AssetFontPreview.vue
+++ b/packages/client/src/components/assets/AssetFontPreview.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { hash } from 'ohash'
-import type { AssetInfo } from '@vue/devtools-next-core'
+import type { AssetInfo } from '@vue/devtools-core'
 
 const props = defineProps<{
   asset: AssetInfo
diff --git a/packages/client/src/components/assets/AssetGridItem.vue b/packages/client/src/components/assets/AssetGridItem.vue
index 52b39626..72c80677 100644
--- a/packages/client/src/components/assets/AssetGridItem.vue
+++ b/packages/client/src/components/assets/AssetGridItem.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue/devtools-next-core'
+import type { AssetInfo } from '@vue/devtools-core'
 
 const props = defineProps<{
   asset: AssetInfo
diff --git a/packages/client/src/components/assets/AssetListItem.vue b/packages/client/src/components/assets/AssetListItem.vue
index 2d2b6c23..ac19f42e 100644
--- a/packages/client/src/components/assets/AssetListItem.vue
+++ b/packages/client/src/components/assets/AssetListItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue/devtools-next-core'
-import { VueIcon } from '@vue/devtools-next-ui'
+import type { AssetInfo } from '@vue/devtools-core'
+import { VueIcon } from '@vue/devtools-ui'
 
 const props = withDefaults(defineProps<{
   item: any
diff --git a/packages/client/src/components/assets/AssetPreview.vue b/packages/client/src/components/assets/AssetPreview.vue
index bc6f3d08..8ae8d959 100644
--- a/packages/client/src/components/assets/AssetPreview.vue
+++ b/packages/client/src/components/assets/AssetPreview.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue/devtools-next-core'
+import type { AssetInfo } from '@vue/devtools-core'
 
 defineProps<{
   asset: AssetInfo
diff --git a/packages/client/src/components/chrome/ViewModeSwitch.vue b/packages/client/src/components/chrome/ViewModeSwitch.vue
index ff0218ed..1a7b294e 100644
--- a/packages/client/src/components/chrome/ViewModeSwitch.vue
+++ b/packages/client/src/components/chrome/ViewModeSwitch.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton } from '@vue/devtools-next-ui'
+import { VueButton } from '@vue/devtools-ui'
 
 useColorMode()
 
diff --git a/packages/client/src/components/code/CodeSnippets.vue b/packages/client/src/components/code/CodeSnippets.vue
index 4ffd7326..7fcfc29a 100644
--- a/packages/client/src/components/code/CodeSnippets.vue
+++ b/packages/client/src/components/code/CodeSnippets.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { BuiltinLanguage } from 'shikiji'
-import type { CodeSnippet } from '@vue/devtools-next-core'
-import { VueButton } from '@vue/devtools-next-ui'
+import type { CodeSnippet } from '@vue/devtools-core'
+import { VueButton } from '@vue/devtools-ui'
 
 const props = defineProps<{
   codeSnippets: CodeSnippet[]
diff --git a/packages/client/src/components/common/DockingPanel.vue b/packages/client/src/components/common/DockingPanel.vue
index 7b2738c3..3f30857c 100644
--- a/packages/client/src/components/common/DockingPanel.vue
+++ b/packages/client/src/components/common/DockingPanel.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { VueButton, VueDarkToggle, VueIcon, VueSelect } from '@vue/devtools-next-ui'
-import { isInChromePanel } from '@vue/devtools-next-shared'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import { VueButton, VueDarkToggle, VueIcon, VueSelect } from '@vue/devtools-ui'
+import { isInChromePanel } from '@vue/devtools-shared'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
 
 // #region view mode
 const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))
diff --git a/packages/client/src/components/common/EmptyPane.vue b/packages/client/src/components/common/EmptyPane.vue
index d8967845..6f617ffb 100644
--- a/packages/client/src/components/common/EmptyPane.vue
+++ b/packages/client/src/components/common/EmptyPane.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueIcon } from '@vue/devtools-next-ui'
+import { VueIcon } from '@vue/devtools-ui'
 
 const props = defineProps<{
   icon?: string
diff --git a/packages/client/src/components/common/Navbar.vue b/packages/client/src/components/common/Navbar.vue
index b59f1033..aa25bf26 100644
--- a/packages/client/src/components/common/Navbar.vue
+++ b/packages/client/src/components/common/Navbar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueInput } from '@vue/devtools-next-ui'
+import { VueInput } from '@vue/devtools-ui'
 
 const props = defineProps<{
   search?: string
diff --git a/packages/client/src/components/common/SectionBlock.vue b/packages/client/src/components/common/SectionBlock.vue
index 37a813de..ce81f921 100644
--- a/packages/client/src/components/common/SectionBlock.vue
+++ b/packages/client/src/components/common/SectionBlock.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useVModel } from '@vueuse/core'
-import { VueIcon } from '@vue/devtools-next-ui'
+import { VueIcon } from '@vue/devtools-ui'
 
 const props = withDefaults(
   defineProps<{
diff --git a/packages/client/src/components/common/SideNav.vue b/packages/client/src/components/common/SideNav.vue
index 48726c6e..2ab62806 100644
--- a/packages/client/src/components/common/SideNav.vue
+++ b/packages/client/src/components/common/SideNav.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueDropdown } from '@vue/devtools-next-ui'
+import { VueDropdown } from '@vue/devtools-ui'
 
 const showDocking = ref(false)
 const showMoreTabs = ref(false)
diff --git a/packages/client/src/components/common/SideNavItem.vue b/packages/client/src/components/common/SideNavItem.vue
index 47322cac..2e68a1a8 100644
--- a/packages/client/src/components/common/SideNavItem.vue
+++ b/packages/client/src/components/common/SideNavItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { RouterLink } from 'vue-router'
 import { toValue } from '@vueuse/core'
-import { VueTooltip } from '@vue/devtools-next-ui'
+import { VueTooltip } from '@vue/devtools-ui'
 import type { ModuleBuiltinTab } from '~/types'
 
 const props = withDefaults(
diff --git a/packages/client/src/components/common/SplitScreen.vue b/packages/client/src/components/common/SplitScreen.vue
index 12040509..ad89e2f0 100644
--- a/packages/client/src/components/common/SplitScreen.vue
+++ b/packages/client/src/components/common/SplitScreen.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue/devtools-next-ui'
+import { VueButton, VueCard, VueDropdown, VTooltip as vTooltip } from '@vue/devtools-ui'
 
 function close() {
   devtoolsClientState.value.splitScreen.enabled = false
diff --git a/packages/client/src/components/components/ComponentTreeNode.vue b/packages/client/src/components/components/ComponentTreeNode.vue
index a1f3b4b5..ecff752f 100644
--- a/packages/client/src/components/components/ComponentTreeNode.vue
+++ b/packages/client/src/components/components/ComponentTreeNode.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ComponentTreeNode } from '@vue/devtools-next-kit'
+import type { ComponentTreeNode } from '@vue/devtools-kit'
 
 const props = withDefaults(defineProps<{
   data: ComponentTreeNode
diff --git a/packages/client/src/components/graph/GraphDrawer.vue b/packages/client/src/components/graph/GraphDrawer.vue
index 4c45b5c7..a24aedf7 100644
--- a/packages/client/src/components/graph/GraphDrawer.vue
+++ b/packages/client/src/components/graph/GraphDrawer.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VueButton, VueDrawer, showVueNotification } from '@vue/devtools-next-ui'
-import { useDevToolsState } from '@vue/devtools-next-core'
+import { VueButton, VueDrawer, showVueNotification } from '@vue/devtools-ui'
+import { useDevToolsState } from '@vue/devtools-core'
 
 defineProps<{
   top?: HTMLElement
diff --git a/packages/client/src/components/graph/GraphNavbar.vue b/packages/client/src/components/graph/GraphNavbar.vue
index a60231a2..ff1e746c 100644
--- a/packages/client/src/components/graph/GraphNavbar.vue
+++ b/packages/client/src/components/graph/GraphNavbar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueCheckbox, VueInput } from '@vue/devtools-next-ui'
+import { VueCheckbox, VueInput } from '@vue/devtools-ui'
 
 const text = graphSearchText
 const settings = graphSettings
diff --git a/packages/client/src/components/inspector/InspectorDataField/Actions.vue b/packages/client/src/components/inspector/InspectorDataField/Actions.vue
index 2818d0e7..ebbd32b1 100644
--- a/packages/client/src/components/inspector/InspectorDataField/Actions.vue
+++ b/packages/client/src/components/inspector/InspectorDataField/Actions.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-next-ui'
-import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-next-kit'
-import type { ButtonProps } from '@vue/devtools-next-ui/dist/types/src/components/Button'
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import { VueButton, VueDropdown, VueDropdownButton, VueIcon, VTooltip as vTooltip } from '@vue/devtools-ui'
+import type { InspectorState, InspectorStateEditorPayload } from '@vue/devtools-kit'
+import type { ButtonProps } from '@vue/devtools-ui/dist/types/src/components/Button'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 import type { EditorAddNewPropType, EditorInputValidType } from '../../../composables/inspector'
 
 const props = withDefaults(defineProps<{
diff --git a/packages/client/src/components/inspector/InspectorDataField/EditInput.vue b/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
index af2fca1e..db3aa523 100644
--- a/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
+++ b/packages/client/src/components/inspector/InspectorDataField/EditInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-next-ui'
+import { VueButton, VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-ui'
 
 const props = withDefaults(defineProps<{
   modelValue: string
diff --git a/packages/client/src/components/inspector/InspectorNodeTag.vue b/packages/client/src/components/inspector/InspectorNodeTag.vue
index 05c49826..5aae383b 100644
--- a/packages/client/src/components/inspector/InspectorNodeTag.vue
+++ b/packages/client/src/components/inspector/InspectorNodeTag.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue/devtools-next-kit'
+import type { InspectorNodeTag } from '@vue/devtools-kit'
 import { toHex } from '~/utils'
 
 defineProps<{
diff --git a/packages/client/src/components/inspector/InspectorState.vue b/packages/client/src/components/inspector/InspectorState.vue
index 76ac8b70..418a61d5 100644
--- a/packages/client/src/components/inspector/InspectorState.vue
+++ b/packages/client/src/components/inspector/InspectorState.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorState } from '@vue/devtools-next-kit'
+import type { InspectorState } from '@vue/devtools-kit'
 
 const props = withDefaults(defineProps<{
   data: InspectorState[]
diff --git a/packages/client/src/components/inspector/InspectorStateField.vue b/packages/client/src/components/inspector/InspectorStateField.vue
index 05fa58e7..082b1c20 100644
--- a/packages/client/src/components/inspector/InspectorStateField.vue
+++ b/packages/client/src/components/inspector/InspectorStateField.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload } from '@vue/devtools-next-kit'
-import { sortByKey } from '@vue/devtools-next-shared'
-import { formatInspectorStateValue, getInspectorStateValueType } from '@vue/devtools-next-kit'
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import type { InspectorCustomState, InspectorState, InspectorStateEditorPayload } from '@vue/devtools-kit'
+import { sortByKey } from '@vue/devtools-shared'
+import { formatInspectorStateValue, getInspectorStateValueType } from '@vue/devtools-kit'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 import Actions from './InspectorDataField/Actions.vue'
 import type { EditorAddNewPropType } from '~/composables/inspector'
 
diff --git a/packages/client/src/components/inspector/InspectorStateType.vue b/packages/client/src/components/inspector/InspectorStateType.vue
index cff194fc..4ca0d34b 100644
--- a/packages/client/src/components/inspector/InspectorStateType.vue
+++ b/packages/client/src/components/inspector/InspectorStateType.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorState } from '@vue/devtools-next-kit'
+import type { InspectorState } from '@vue/devtools-kit'
 
 withDefaults(defineProps<{
   data: InspectorState[]
diff --git a/packages/client/src/components/inspector/InspectorTree.vue b/packages/client/src/components/inspector/InspectorTree.vue
index 04bb5bc0..1d51d4e7 100644
--- a/packages/client/src/components/inspector/InspectorTree.vue
+++ b/packages/client/src/components/inspector/InspectorTree.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { InspectorNodeTag } from '@vue/devtools-next-kit'
+import type { InspectorNodeTag } from '@vue/devtools-kit'
 import { RecycleScroller } from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
diff --git a/packages/client/src/components/pages/RoutePathItem.vue b/packages/client/src/components/pages/RoutePathItem.vue
index 5d83785b..38b49185 100644
--- a/packages/client/src/components/pages/RoutePathItem.vue
+++ b/packages/client/src/components/pages/RoutePathItem.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { RouteRecordNormalized } from 'vue-router'
-import { VueButton, VueDropdown, VueInput } from '@vue/devtools-next-ui'
+import { VueButton, VueDropdown, VueInput } from '@vue/devtools-ui'
 
 const props = defineProps<{
   route: RouteRecordNormalized
diff --git a/packages/client/src/components/pages/RoutesTable.vue b/packages/client/src/components/pages/RoutesTable.vue
index ae863138..4e9c3abd 100644
--- a/packages/client/src/components/pages/RoutesTable.vue
+++ b/packages/client/src/components/pages/RoutesTable.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { VueBadge } from '@vue/devtools-next-ui'
+import { VueBadge } from '@vue/devtools-ui'
 import type { RouteRecordNormalized } from 'vue-router'
-import { useDevToolsState } from '@vue/devtools-next-core'
+import { useDevToolsState } from '@vue/devtools-core'
 
 const props = defineProps<{
   pages: RouteRecordNormalized[]
diff --git a/packages/client/src/components/timeline/TimelineEvent.vue b/packages/client/src/components/timeline/TimelineEvent.vue
index e8238a41..9429b661 100644
--- a/packages/client/src/components/timeline/TimelineEvent.vue
+++ b/packages/client/src/components/timeline/TimelineEvent.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { TimelineEvent } from '@vue/devtools-next-kit'
+import type { TimelineEvent } from '@vue/devtools-kit'
 import { RecycleScroller } from 'vue-virtual-scroller'
 import { formatTime } from '~/utils'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
diff --git a/packages/client/src/composables/app.ts b/packages/client/src/composables/app.ts
index 59502916..03f522d4 100644
--- a/packages/client/src/composables/app.ts
+++ b/packages/client/src/composables/app.ts
@@ -1,4 +1,4 @@
-import type { DevtoolsBridgeAppRecord } from '@vue/devtools-next-core'
+import type { DevtoolsBridgeAppRecord } from '@vue/devtools-core'
 
 export const activeAppRecords = shallowRef<DevtoolsBridgeAppRecord[]>([])
 export const activeAppRecordId = ref<string | null>(null)
diff --git a/packages/client/src/composables/client.ts b/packages/client/src/composables/client.ts
index 09a0795e..30a41903 100644
--- a/packages/client/src/composables/client.ts
+++ b/packages/client/src/composables/client.ts
@@ -1,4 +1,4 @@
-import { useDevToolsState } from '@vue/devtools-next-core'
+import { useDevToolsState } from '@vue/devtools-core'
 
 const fns: (() => void)[] = []
 
diff --git a/packages/client/src/composables/graph.ts b/packages/client/src/composables/graph.ts
index eaa0b0f8..61f7f747 100644
--- a/packages/client/src/composables/graph.ts
+++ b/packages/client/src/composables/graph.ts
@@ -1,7 +1,7 @@
-import type { ModuleInfo } from '@vue/devtools-next-core'
+import type { ModuleInfo } from '@vue/devtools-core'
 import { DataSet } from 'vis-network/standalone'
 import type { Edge, Node, Options } from 'vis-network'
-import { deepClone } from '@vue/devtools-next-shared'
+import { deepClone } from '@vue/devtools-shared'
 
 // #region file types
 export const fileTypes = {
diff --git a/packages/client/src/composables/open-in-editor.ts b/packages/client/src/composables/open-in-editor.ts
index 2ca5f587..221ab237 100644
--- a/packages/client/src/composables/open-in-editor.ts
+++ b/packages/client/src/composables/open-in-editor.ts
@@ -1,4 +1,4 @@
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 
 const bridgeRpc = useDevToolsBridgeRpc()
 
diff --git a/packages/client/src/composables/state-commands.ts b/packages/client/src/composables/state-commands.ts
index e9d4cd53..62e50279 100644
--- a/packages/client/src/composables/state-commands.ts
+++ b/packages/client/src/composables/state-commands.ts
@@ -1,7 +1,7 @@
-import { randomStr } from '@vue/devtools-next-shared'
-import { CustomCommand } from '@vue/devtools-next-kit'
+import { randomStr } from '@vue/devtools-shared'
+import { CustomCommand } from '@vue/devtools-kit'
 import { MaybeRefOrGetter } from 'vue'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
 
 export interface CommandItem {
   id: string
diff --git a/packages/client/src/composables/state-tab.ts b/packages/client/src/composables/state-tab.ts
index 2ddf81a9..9e86af84 100644
--- a/packages/client/src/composables/state-tab.ts
+++ b/packages/client/src/composables/state-tab.ts
@@ -1,7 +1,7 @@
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
 import type { MaybeRef } from 'vue'
-import type { CustomTab } from '@vue/devtools-next-kit'
-import { isInElectron } from '@vue/devtools-next-shared'
+import type { CustomTab } from '@vue/devtools-kit'
+import { isInElectron } from '@vue/devtools-shared'
 
 import type { ModuleBuiltinTab } from '~/types/tab'
 
diff --git a/packages/client/src/composables/view-mode.ts b/packages/client/src/composables/view-mode.ts
index 1cf8cef4..524cf23c 100644
--- a/packages/client/src/composables/view-mode.ts
+++ b/packages/client/src/composables/view-mode.ts
@@ -1,5 +1,5 @@
-import { VIEW_MODE_STORAGE_KEY, isInChromePanel, target } from '@vue/devtools-next-shared'
-import { useDevToolsBridge } from '@vue/devtools-next-core'
+import { VIEW_MODE_STORAGE_KEY, isInChromePanel, target } from '@vue/devtools-shared'
+import { useDevToolsBridge } from '@vue/devtools-core'
 
 export function useToggleViewMode() {
   const bridge = useDevToolsBridge()
diff --git a/packages/client/src/constants/tab.ts b/packages/client/src/constants/tab.ts
index 509b1e85..eaab5d5f 100644
--- a/packages/client/src/constants/tab.ts
+++ b/packages/client/src/constants/tab.ts
@@ -1,5 +1,5 @@
-import type { DevtoolsBridgeAppRecord } from '@vue/devtools-next-core'
-import { deepClone, isInElectron } from '@vue/devtools-next-shared'
+import type { DevtoolsBridgeAppRecord } from '@vue/devtools-core'
+import { deepClone, isInElectron } from '@vue/devtools-shared'
 import type { ModuleBuiltinTab } from '~/types'
 
 // @unocss-include
diff --git a/packages/client/src/index.ts b/packages/client/src/index.ts
index 5d5b7fe5..b6ee29ca 100644
--- a/packages/client/src/index.ts
+++ b/packages/client/src/index.ts
@@ -1,4 +1,4 @@
-import { VIEW_MODE_STORAGE_KEY, isBrowser, isInChromePanel, target } from '@vue/devtools-next-shared'
+import { VIEW_MODE_STORAGE_KEY, isBrowser, isInChromePanel, target } from '@vue/devtools-shared'
 
 import { initDevTools as _initDevTools } from './main'
 
diff --git a/packages/client/src/main.ts b/packages/client/src/main.ts
index 69d87399..ef0e5f26 100644
--- a/packages/client/src/main.ts
+++ b/packages/client/src/main.ts
@@ -1,9 +1,9 @@
 import '@unocss/reset/tailwind.css'
 import 'floating-vue/dist/style.css'
 
-import type { BridgeInstanceType } from '@vue/devtools-next-core'
-import { BROADCAST_CHANNEL_NAME, isInChromePanel, isInElectron, isInIframe } from '@vue/devtools-next-shared'
-import { Bridge, BridgeEvents, HandShakeServer, createDevToolsVuePlugin, registerBridgeRpc } from '@vue/devtools-next-core'
+import type { BridgeInstanceType } from '@vue/devtools-core'
+import { BROADCAST_CHANNEL_NAME, isInChromePanel, isInElectron, isInIframe } from '@vue/devtools-shared'
+import { Bridge, BridgeEvents, HandShakeServer, createDevToolsVuePlugin, registerBridgeRpc } from '@vue/devtools-core'
 
 import type { App as AppType } from 'vue'
 import { createApp } from 'vue'
diff --git a/packages/client/src/pages/assets.vue b/packages/client/src/pages/assets.vue
index fe979c0c..96c77df8 100644
--- a/packages/client/src/pages/assets.vue
+++ b/packages/client/src/pages/assets.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { AssetInfo } from '@vue/devtools-next-core'
-import { VueCheckbox, VueDrawer, VueIcon, VueSelect } from '@vue/devtools-next-ui'
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import type { AssetInfo } from '@vue/devtools-core'
+import { VueCheckbox, VueDrawer, VueIcon, VueSelect } from '@vue/devtools-ui'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 import Fuse from 'fuse.js'
 
 const DETAILS_MAX_ITEMS = 50
diff --git a/packages/client/src/pages/components.vue b/packages/client/src/pages/components.vue
index 5e01d9b0..a34944f0 100644
--- a/packages/client/src/pages/components.vue
+++ b/packages/client/src/pages/components.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
 
-import type { ComponentBoundingRect, ComponentTreeNode, InspectorState } from '@vue/devtools-next-kit'
-import { VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-next-ui'
+import type { ComponentBoundingRect, ComponentTreeNode, InspectorState } from '@vue/devtools-kit'
+import { VueIcon, VueInput, VTooltip as vTooltip } from '@vue/devtools-ui'
 import { Pane, Splitpanes } from 'splitpanes'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/custom-tab-view.vue b/packages/client/src/pages/custom-tab-view.vue
index 5e74a4ee..10aa1fbb 100644
--- a/packages/client/src/pages/custom-tab-view.vue
+++ b/packages/client/src/pages/custom-tab-view.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ComputedRef } from 'vue'
-import type { CustomTab } from '@vue/devtools-next-kit'
+import type { CustomTab } from '@vue/devtools-kit'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/packages/client/src/pages/graph.vue b/packages/client/src/pages/graph.vue
index 12b8db70..86c744d8 100644
--- a/packages/client/src/pages/graph.vue
+++ b/packages/client/src/pages/graph.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 import { Network } from 'vis-network'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/index.vue b/packages/client/src/pages/index.vue
index 3a88d260..3a27fa23 100644
--- a/packages/client/src/pages/index.vue
+++ b/packages/client/src/pages/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton } from '@vue/devtools-next-ui'
+import { VueButton } from '@vue/devtools-ui'
 
 const router = useRouter()
 const clientState = devtoolsClientState
diff --git a/packages/client/src/pages/overview.vue b/packages/client/src/pages/overview.vue
index c2adc122..56c4b0e3 100644
--- a/packages/client/src/pages/overview.vue
+++ b/packages/client/src/pages/overview.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { isMacOS } from '@vue/devtools-next-shared'
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
-import type { ComponentTreeNode } from '@vue/devtools-next-kit'
-import { VueButton } from '@vue/devtools-next-ui'
+import { isMacOS } from '@vue/devtools-shared'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
+import type { ComponentTreeNode } from '@vue/devtools-kit'
+import { VueButton } from '@vue/devtools-ui'
 
 import { version } from '../../../core/package.json'
 
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 67e5c31a..0e7d04fb 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { RouterInfo } from '@vue/devtools-next-kit'
-import { VueInput } from '@vue/devtools-next-ui'
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import type { RouterInfo } from '@vue/devtools-kit'
+import { VueInput } from '@vue/devtools-ui'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 import type { RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vue-router'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/pinia.vue b/packages/client/src/pages/pinia.vue
index dc6916de..3d4f4d72 100644
--- a/packages/client/src/pages/pinia.vue
+++ b/packages/client/src/pages/pinia.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 
 // eslint-disable-next-line ts/no-import-type-side-effects
-import { type InspectorNodeTag, type InspectorState } from '@vue/devtools-next-kit'
+import { type InspectorNodeTag, type InspectorState } from '@vue/devtools-kit'
 import { Pane, Splitpanes } from 'splitpanes'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/router.vue b/packages/client/src/pages/router.vue
index 1a3e39ef..26da0fae 100644
--- a/packages/client/src/pages/router.vue
+++ b/packages/client/src/pages/router.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-next-core'
+import { useDevToolsBridgeRpc, useDevToolsState } from '@vue/devtools-core'
 
-import type { InspectorState } from '@vue/devtools-next-kit'
+import type { InspectorState } from '@vue/devtools-kit'
 import { Pane, Splitpanes } from 'splitpanes'
 
 const bridgeRpc = useDevToolsBridgeRpc()
diff --git a/packages/client/src/pages/settings.vue b/packages/client/src/pages/settings.vue
index 783707fd..dff4e569 100644
--- a/packages/client/src/pages/settings.vue
+++ b/packages/client/src/pages/settings.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, VueSwitch } from '@vue/devtools-next-ui'
-import { isInChromePanel } from '@vue/devtools-next-shared'
+import { VueButton, VueCard, VueCheckbox, VueConfirm, VueDarkToggle, VueSelect, VueSwitch } from '@vue/devtools-ui'
+import { isInChromePanel } from '@vue/devtools-shared'
 
 // #region view mode
 const viewMode = inject<Ref<'overlay' | 'panel'>>('viewMode', ref('overlay'))
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 65df0737..53e0c834 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { UNDEFINED } from '@vue/devtools-next-kit'
+import { UNDEFINED } from '@vue/devtools-kit'
 import { Pane, Splitpanes } from 'splitpanes'
 
-import type { InspectorState, TimelineEvent } from '@vue/devtools-next-kit'
-import { useDevToolsBridgeRpc } from '@vue/devtools-next-core'
+import type { InspectorState, TimelineEvent } from '@vue/devtools-kit'
+import { useDevToolsBridgeRpc } from '@vue/devtools-core'
 
 const bridgeRpc = useDevToolsBridgeRpc()
 const layers = ref<{
diff --git a/packages/client/src/types/tab.ts b/packages/client/src/types/tab.ts
index 06c8a309..08634a54 100644
--- a/packages/client/src/types/tab.ts
+++ b/packages/client/src/types/tab.ts
@@ -1,5 +1,5 @@
 import type { MaybeRefOrGetter } from 'vue'
-import type { CustomTab } from '@vue/devtools-next-kit'
+import type { CustomTab } from '@vue/devtools-kit'
 
 export interface ModuleBuiltinTab extends Pick<CustomTab, 'name' | 'icon' | 'title' | 'category'> {
   order?: number
diff --git a/packages/client/uno.config.ts b/packages/client/uno.config.ts
index 2b39d71e..89f4083c 100644
--- a/packages/client/uno.config.ts
+++ b/packages/client/uno.config.ts
@@ -1,5 +1,5 @@
 import { defineConfig, mergeConfigs, presetAttributify, presetWebFonts } from 'unocss'
-import { themeDef, unoConfig } from '@vue/devtools-next-ui/theme'
+import { themeDef, unoConfig } from '@vue/devtools-ui/theme'
 
 export default defineConfig(mergeConfigs([unoConfig, {
   rules: [
diff --git a/packages/core/package.json b/packages/core/package.json
index 06512856..03b24bf5 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-core",
+  "name": "@vue/devtools-core",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -27,9 +27,9 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue/devtools-next-kit": "workspace:^",
-    "@vue/devtools-next-schema": "workspace:^",
-    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-kit": "workspace:^",
+    "@vue/devtools-schema": "workspace:^",
+    "@vue/devtools-shared": "workspace:^",
     "birpc": "^0.2.14",
     "fast-glob": "^3.3.2",
     "image-meta": "^0.2.0",
diff --git a/packages/core/src/bridge/core.ts b/packages/core/src/bridge/core.ts
index 3424a5dc..be3c9a51 100644
--- a/packages/core/src/bridge/core.ts
+++ b/packages/core/src/bridge/core.ts
@@ -1,8 +1,8 @@
-import { NOOP } from '@vue/devtools-next-shared'
+import { NOOP } from '@vue/devtools-shared'
 import type { Emitter, EventType, Handler } from 'mitt'
 import mitt from 'mitt'
-import { parse } from '@vue/devtools-next-kit'
-import type { InspectorStateEditorPayload, ScrollToComponentOptions, ToggleComponentInspectorOptions } from '@vue/devtools-next-kit'
+import { parse } from '@vue/devtools-kit'
+import type { InspectorStateEditorPayload, ScrollToComponentOptions, ToggleComponentInspectorOptions } from '@vue/devtools-kit'
 
 export interface BridgeAdapterOptions {
   tracker: (fn: Function) => void
diff --git a/packages/core/src/bridge/devtools.ts b/packages/core/src/bridge/devtools.ts
index 776938a1..e174b309 100644
--- a/packages/core/src/bridge/devtools.ts
+++ b/packages/core/src/bridge/devtools.ts
@@ -1,5 +1,5 @@
-import type { CustomCommand, CustomTab, InspectorNodeTag, InspectorState, OpenInEditorOptions, RouterInfo, TimelineEvent } from '@vue/devtools-next-kit'
-import { parse } from '@vue/devtools-next-kit'
+import type { CustomCommand, CustomTab, InspectorNodeTag, InspectorState, OpenInEditorOptions, RouterInfo, TimelineEvent } from '@vue/devtools-kit'
+import { parse } from '@vue/devtools-kit'
 import type { ViteHotContext } from 'vite-hot-client'
 import { setupViteRPCClient } from '../vite-rpc'
 import type { DevtoolsBridgeAppRecord } from '../vue-plugin'
diff --git a/packages/core/src/bridge/user-app.ts b/packages/core/src/bridge/user-app.ts
index 57cb7084..4c877100 100644
--- a/packages/core/src/bridge/user-app.ts
+++ b/packages/core/src/bridge/user-app.ts
@@ -1,5 +1,5 @@
-import { devtools, stringify } from '@vue/devtools-next-kit'
-import { isBrowser } from '@vue/devtools-next-shared'
+import { devtools, stringify } from '@vue/devtools-kit'
+import { isBrowser } from '@vue/devtools-shared'
 import { BridgeEvents } from './types'
 import type { BridgeInstanceType } from './core'
 import { BridgeRpcCore, bridgeRpcEvents } from './core'
diff --git a/packages/core/src/client.ts b/packages/core/src/client.ts
index d5be9bfc..3297843a 100644
--- a/packages/core/src/client.ts
+++ b/packages/core/src/client.ts
@@ -1,4 +1,4 @@
-import { isBrowser, target } from '@vue/devtools-next-shared'
+import { isBrowser, target } from '@vue/devtools-shared'
 
 export function setDevToolsClientUrl(url: string) {
   target.__VUE_DEVTOOLS_CLIENT_URL__ = url
diff --git a/packages/core/src/handshake.ts b/packages/core/src/handshake.ts
index 24079193..23a0f5ca 100644
--- a/packages/core/src/handshake.ts
+++ b/packages/core/src/handshake.ts
@@ -1,4 +1,4 @@
-import { devtools } from '@vue/devtools-next-kit'
+import { devtools } from '@vue/devtools-kit'
 import type { BridgeInstanceType } from './bridge/core'
 
 export enum HandShakeEvents {
diff --git a/packages/core/src/injection.ts b/packages/core/src/injection.ts
index 39629586..e230be4b 100644
--- a/packages/core/src/injection.ts
+++ b/packages/core/src/injection.ts
@@ -1,4 +1,4 @@
-import { onDevToolsConnected } from '@vue/devtools-next-kit'
+import { onDevToolsConnected } from '@vue/devtools-kit'
 import { BridgeEvents, registerBridgeRpc } from './bridge'
 
 import type { BridgeInstanceType } from './bridge/core'
diff --git a/packages/core/src/vue-plugin.ts b/packages/core/src/vue-plugin.ts
index c401177a..582fa816 100644
--- a/packages/core/src/vue-plugin.ts
+++ b/packages/core/src/vue-plugin.ts
@@ -1,7 +1,7 @@
 import type { App, InjectionKey, Plugin, Ref } from 'vue'
 import { inject, ref } from 'vue'
-import type { CustomCommand, CustomTab } from '@vue/devtools-next-kit'
-import type { AppRecord } from '@vue/devtools-next-schema'
+import type { CustomCommand, CustomTab } from '@vue/devtools-kit'
+import type { AppRecord } from '@vue/devtools-schema'
 import type { BridgeInstanceType } from './bridge/core'
 import { DevToolsRpc } from './bridge'
 
diff --git a/packages/devtools-api/package.json b/packages/devtools-api/package.json
index afd56df1..03be0d69 100644
--- a/packages/devtools-api/package.json
+++ b/packages/devtools-api/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-api",
+  "name": "@vue/devtools-api",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -27,6 +27,6 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue/devtools-next-kit": "workspace:^"
+    "@vue/devtools-kit": "workspace:^"
   }
 }
diff --git a/packages/devtools-api/src/index.ts b/packages/devtools-api/src/index.ts
index 966d24c1..9c81dc20 100644
--- a/packages/devtools-api/src/index.ts
+++ b/packages/devtools-api/src/index.ts
@@ -5,9 +5,9 @@ export {
   addCustomTab,
   addCustomCommand,
   removeCustomCommand,
-} from '@vue/devtools-next-kit'
+} from '@vue/devtools-kit'
 
 export type {
   CustomCommand,
   CustomTab,
-} from '@vue/devtools-next-kit'
+} from '@vue/devtools-kit'
diff --git a/packages/devtools-kit/package.json b/packages/devtools-kit/package.json
index b4e5697c..62982a0b 100644
--- a/packages/devtools-kit/package.json
+++ b/packages/devtools-kit/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-kit",
+  "name": "@vue/devtools-kit",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -22,8 +22,8 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue/devtools-next-schema": "workspace:^",
-    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-schema": "workspace:^",
+    "@vue/devtools-shared": "workspace:^",
     "hookable": "^5.5.3",
     "mitt": "^3.0.1",
     "perfect-debounce": "^1.0.0",
diff --git a/packages/devtools-kit/src/api/on.ts b/packages/devtools-kit/src/api/on.ts
index df66e182..1e682336 100644
--- a/packages/devtools-kit/src/api/on.ts
+++ b/packages/devtools-kit/src/api/on.ts
@@ -1,5 +1,5 @@
-import type { DevToolsState, VueAppInstance } from '@vue/devtools-next-schema'
-import { target } from '@vue/devtools-next-shared'
+import type { DevToolsState, VueAppInstance } from '@vue/devtools-schema'
+import { target } from '@vue/devtools-shared'
 import type { HookKeys, Hookable } from 'hookable'
 import { createHooks } from 'hookable'
 import type { ComponentBoundingRectApiPayload, ComponentTreeNode, InspectorState, InspectorStateApiPayload, InspectorStateEditorPayload, InspectorTreeApiPayload } from '../core/component/types'
diff --git a/packages/devtools-kit/src/api/plugin.ts b/packages/devtools-kit/src/api/plugin.ts
index d1388aa6..219de75d 100644
--- a/packages/devtools-kit/src/api/plugin.ts
+++ b/packages/devtools-kit/src/api/plugin.ts
@@ -1,5 +1,5 @@
-import { DevToolsHooks } from '@vue/devtools-next-schema'
-import type { PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue/devtools-next-schema'
+import { DevToolsHooks } from '@vue/devtools-schema'
+import type { PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue/devtools-schema'
 import { getAppRecord } from '../core/component/general'
 import { devtoolsState } from '../core/general/state'
 import { devtoolsHooks } from '../core/general/hook'
diff --git a/packages/devtools-kit/src/core/component-inspector/index.ts b/packages/devtools-kit/src/core/component-inspector/index.ts
index d26f4cdf..2376a34a 100644
--- a/packages/devtools-kit/src/core/component-inspector/index.ts
+++ b/packages/devtools-kit/src/core/component-inspector/index.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 import { getComponentInstance } from '../component/general'
 import { devtoolsContext } from '../general/state'
 import { getComponentId, getInstanceName } from '../component/general/util'
diff --git a/packages/devtools-kit/src/core/component/general/util.ts b/packages/devtools-kit/src/core/component/general/util.ts
index b7d37378..12e3ed59 100644
--- a/packages/devtools-kit/src/core/component/general/util.ts
+++ b/packages/devtools-kit/src/core/component/general/util.ts
@@ -1,5 +1,5 @@
-import type { AppRecord, VueAppInstance } from '@vue/devtools-next-schema'
-import { basename, classify } from '@vue/devtools-next-shared'
+import type { AppRecord, VueAppInstance } from '@vue/devtools-schema'
+import { basename, classify } from '@vue/devtools-shared'
 import { Fragment } from 'vue'
 
 function getComponentTypeName(options: VueAppInstance['type']) {
diff --git a/packages/devtools-kit/src/core/component/state/bounding-rect.ts b/packages/devtools-kit/src/core/component/state/bounding-rect.ts
index e0647c98..71e180b4 100644
--- a/packages/devtools-kit/src/core/component/state/bounding-rect.ts
+++ b/packages/devtools-kit/src/core/component/state/bounding-rect.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 import type { ComponentBoundingRect } from '../types'
 import { isFragment } from '../general/util'
 
diff --git a/packages/devtools-kit/src/core/component/state/process.ts b/packages/devtools-kit/src/core/component/state/process.ts
index 3150a9ba..4cc5f8c8 100644
--- a/packages/devtools-kit/src/core/component/state/process.ts
+++ b/packages/devtools-kit/src/core/component/state/process.ts
@@ -1,5 +1,5 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
-import { camelize } from '@vue/devtools-next-shared'
+import type { VueAppInstance } from '@vue/devtools-schema'
+import { camelize } from '@vue/devtools-shared'
 import type { InspectorState } from '../types'
 import { returnError } from '../general/util'
 import { vueBuiltins } from './constants'
diff --git a/packages/devtools-kit/src/core/component/state/reviver.ts b/packages/devtools-kit/src/core/component/state/reviver.ts
index 8e3084ea..5867f2d5 100644
--- a/packages/devtools-kit/src/core/component/state/reviver.ts
+++ b/packages/devtools-kit/src/core/component/state/reviver.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue/devtools-next-shared'
+import { target } from '@vue/devtools-shared'
 import { devtoolsContext } from '../../general/state'
 import { INFINITY, NAN, NEGATIVE_INFINITY, UNDEFINED, specialTypeRE, symbolRE } from './constants'
 
diff --git a/packages/devtools-kit/src/core/component/tree/el.ts b/packages/devtools-kit/src/core/component/tree/el.ts
index 6bbe4abf..9f33bd36 100644
--- a/packages/devtools-kit/src/core/component/tree/el.ts
+++ b/packages/devtools-kit/src/core/component/tree/el.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 import type { VNode } from 'vue'
 import { isFragment } from '../general/util'
 
diff --git a/packages/devtools-kit/src/core/component/tree/filter.ts b/packages/devtools-kit/src/core/component/tree/filter.ts
index 757e6345..9dd370e2 100644
--- a/packages/devtools-kit/src/core/component/tree/filter.ts
+++ b/packages/devtools-kit/src/core/component/tree/filter.ts
@@ -1,5 +1,5 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
-import { classify, kebabize } from '@vue/devtools-next-shared'
+import type { VueAppInstance } from '@vue/devtools-schema'
+import { classify, kebabize } from '@vue/devtools-shared'
 import { getInstanceName } from '../general/util'
 
 export class ComponentFilter {
diff --git a/packages/devtools-kit/src/core/component/tree/index.ts b/packages/devtools-kit/src/core/component/tree/index.ts
index 9d4ffde7..02930c0e 100644
--- a/packages/devtools-kit/src/core/component/tree/index.ts
+++ b/packages/devtools-kit/src/core/component/tree/index.ts
@@ -1,4 +1,4 @@
-import type { AppRecord } from '@vue/devtools-next-schema'
+import type { AppRecord } from '@vue/devtools-schema'
 import { devtoolsContext } from '../../general/state'
 import { getComponentInstance } from '../general'
 import { ComponentWalker } from './walker'
diff --git a/packages/devtools-kit/src/core/component/tree/walker.ts b/packages/devtools-kit/src/core/component/tree/walker.ts
index effc4fb0..740d60e8 100644
--- a/packages/devtools-kit/src/core/component/tree/walker.ts
+++ b/packages/devtools-kit/src/core/component/tree/walker.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 import type { SuspenseBoundary, VNode } from 'vue'
 import type { ComponentTreeNode } from '../types'
 import { getAppRecord, getInstanceName, getRenderKey, getUniqueComponentId, isBeingDestroyed, isFragment } from '../general/util'
diff --git a/packages/devtools-kit/src/core/component/types/bounding-rect.ts b/packages/devtools-kit/src/core/component/types/bounding-rect.ts
index 9bcc5985..6820aefd 100644
--- a/packages/devtools-kit/src/core/component/types/bounding-rect.ts
+++ b/packages/devtools-kit/src/core/component/types/bounding-rect.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 
 export interface ComponentBoundingRect {
   left: number
diff --git a/packages/devtools-kit/src/core/component/types/editor.ts b/packages/devtools-kit/src/core/component/types/editor.ts
index 3e670252..17dd9272 100644
--- a/packages/devtools-kit/src/core/component/types/editor.ts
+++ b/packages/devtools-kit/src/core/component/types/editor.ts
@@ -1,4 +1,4 @@
-import type { AppRecord } from '@vue/devtools-next-schema'
+import type { AppRecord } from '@vue/devtools-schema'
 import type { Recordable } from '../state/editor'
 
 export type PropPath = string | string[]
diff --git a/packages/devtools-kit/src/core/component/types/state.ts b/packages/devtools-kit/src/core/component/types/state.ts
index fa47d2e4..87c3ea4b 100644
--- a/packages/devtools-kit/src/core/component/types/state.ts
+++ b/packages/devtools-kit/src/core/component/types/state.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 
 export interface InspectorCustomState {
   _custom?: {
diff --git a/packages/devtools-kit/src/core/component/types/tree.ts b/packages/devtools-kit/src/core/component/types/tree.ts
index 9c89ce57..5a2101e6 100644
--- a/packages/devtools-kit/src/core/component/types/tree.ts
+++ b/packages/devtools-kit/src/core/component/types/tree.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 
 export interface InspectorNodeTag {
   label: string
diff --git a/packages/devtools-kit/src/core/general/app-record.ts b/packages/devtools-kit/src/core/general/app-record.ts
index 463e0d01..08d5c344 100644
--- a/packages/devtools-kit/src/core/general/app-record.ts
+++ b/packages/devtools-kit/src/core/general/app-record.ts
@@ -1,4 +1,4 @@
-import type { AppRecord, VueAppInstance } from '@vue/devtools-next-schema'
+import type { AppRecord, VueAppInstance } from '@vue/devtools-schema'
 import { registerComponentsDevTools } from '../plugins'
 import { DevToolsPluginApi, registerPlugin } from '../../api'
 import { devtoolsContext, devtoolsState } from './state'
diff --git a/packages/devtools-kit/src/core/general/app.ts b/packages/devtools-kit/src/core/general/app.ts
index ea5f8890..81a12deb 100644
--- a/packages/devtools-kit/src/core/general/app.ts
+++ b/packages/devtools-kit/src/core/general/app.ts
@@ -1,5 +1,5 @@
-import type { AppRecord, VueAppInstance } from '@vue/devtools-next-schema'
-import { target } from '@vue/devtools-next-shared'
+import type { AppRecord, VueAppInstance } from '@vue/devtools-schema'
+import { target } from '@vue/devtools-shared'
 import slug from 'speakingurl'
 
 const appRecordInfo = target.__VUE_DEVTOOLS_APP_RECROD_INFO__ ??= {
diff --git a/packages/devtools-kit/src/core/general/hook.ts b/packages/devtools-kit/src/core/general/hook.ts
index 865dbd61..20f1da31 100644
--- a/packages/devtools-kit/src/core/general/hook.ts
+++ b/packages/devtools-kit/src/core/general/hook.ts
@@ -1,6 +1,6 @@
-import type { DevtoolsHook, PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue/devtools-next-schema'
-import { DevToolsHooks } from '@vue/devtools-next-schema'
-import { target } from '@vue/devtools-next-shared'
+import type { DevtoolsHook, PluginDescriptor, PluginSetupFunction, VueAppInstance } from '@vue/devtools-schema'
+import { DevToolsHooks } from '@vue/devtools-schema'
+import { target } from '@vue/devtools-shared'
 import type { HookKeys, Hookable } from 'hookable'
 import { createHooks } from 'hookable'
 import type { App } from 'vue'
diff --git a/packages/devtools-kit/src/core/general/index.ts b/packages/devtools-kit/src/core/general/index.ts
index d4391dde..3e97e607 100644
--- a/packages/devtools-kit/src/core/general/index.ts
+++ b/packages/devtools-kit/src/core/general/index.ts
@@ -1,5 +1,5 @@
-import { target } from '@vue/devtools-next-shared'
-import { DevToolsHooks } from '@vue/devtools-next-schema'
+import { target } from '@vue/devtools-shared'
+import { DevToolsHooks } from '@vue/devtools-schema'
 import { DevToolsEvents, DevToolsPluginApi, apiHooks, collectRegisteredPlugin } from '../../api'
 import { createAppRecord } from './app'
 import { createDevToolsHook, devtoolsHooks, hook, subscribeDevToolsHook } from './hook'
diff --git a/packages/devtools-kit/src/core/general/inspector.ts b/packages/devtools-kit/src/core/general/inspector.ts
index 1ecb65b9..446e58ce 100644
--- a/packages/devtools-kit/src/core/general/inspector.ts
+++ b/packages/devtools-kit/src/core/general/inspector.ts
@@ -1,4 +1,4 @@
-import type { DevToolsContext } from '@vue/devtools-next-schema'
+import type { DevToolsContext } from '@vue/devtools-schema'
 import { devtoolsContext } from './state'
 
 export function addInspector(payload: DevToolsContext['inspector'][0]) {
diff --git a/packages/devtools-kit/src/core/general/state.ts b/packages/devtools-kit/src/core/general/state.ts
index c0116d9d..3ab9de49 100644
--- a/packages/devtools-kit/src/core/general/state.ts
+++ b/packages/devtools-kit/src/core/general/state.ts
@@ -1,5 +1,5 @@
-import type { AppRecord, DevToolsState } from '@vue/devtools-next-schema'
-import { deepClone, target as global } from '@vue/devtools-next-shared'
+import type { AppRecord, DevToolsState } from '@vue/devtools-schema'
+import { deepClone, target as global } from '@vue/devtools-shared'
 import { debounce } from 'perfect-debounce'
 import type { DevToolsPluginApi } from '../../api'
 import { DevToolsEvents, apiHooks } from '../../api'
diff --git a/packages/devtools-kit/src/core/open-in-editor/index.ts b/packages/devtools-kit/src/core/open-in-editor/index.ts
index adcdc014..70d4ca94 100644
--- a/packages/devtools-kit/src/core/open-in-editor/index.ts
+++ b/packages/devtools-kit/src/core/open-in-editor/index.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue/devtools-next-shared'
+import { target } from '@vue/devtools-shared'
 
 export interface OpenInEditorOptions {
   file?: string
diff --git a/packages/devtools-kit/src/core/plugins/components.ts b/packages/devtools-kit/src/core/plugins/components.ts
index 72efa313..c23651ed 100644
--- a/packages/devtools-kit/src/core/plugins/components.ts
+++ b/packages/devtools-kit/src/core/plugins/components.ts
@@ -1,4 +1,4 @@
-import type { VueAppInstance } from '@vue/devtools-next-schema'
+import type { VueAppInstance } from '@vue/devtools-schema'
 import { setupDevToolsPlugin } from '../../api/plugin'
 import { getAppRecord, getComponentId, getComponentInstance } from '../component/general'
 import { devtoolsContext } from '../general/state'
diff --git a/packages/devtools-kit/src/core/router/index.ts b/packages/devtools-kit/src/core/router/index.ts
index 49a76c59..6f9779fc 100644
--- a/packages/devtools-kit/src/core/router/index.ts
+++ b/packages/devtools-kit/src/core/router/index.ts
@@ -1,6 +1,6 @@
 import type { RouteLocationNormalizedLoaded, RouteRecordNormalized, Router } from 'vue-router'
-import type { AppRecord } from '@vue/devtools-next-schema'
-import { deepClone, target as global } from '@vue/devtools-next-shared'
+import type { AppRecord } from '@vue/devtools-schema'
+import { deepClone, target as global } from '@vue/devtools-shared'
 import { debounce } from 'perfect-debounce'
 import { DevToolsEvents, apiHooks } from '../../api'
 import { hook } from '../general/hook'
diff --git a/packages/devtools-kit/src/core/timeline/index.ts b/packages/devtools-kit/src/core/timeline/index.ts
index af3d0e70..394dcef3 100644
--- a/packages/devtools-kit/src/core/timeline/index.ts
+++ b/packages/devtools-kit/src/core/timeline/index.ts
@@ -1,4 +1,4 @@
-import type { DevToolsContext } from '@vue/devtools-next-schema'
+import type { DevToolsContext } from '@vue/devtools-schema'
 import { devtoolsContext } from '../general/state'
 
 export type * from './types'
diff --git a/packages/devtools-kit/src/core/vue-inspector/index.ts b/packages/devtools-kit/src/core/vue-inspector/index.ts
index 23a8b435..e53a9848 100644
--- a/packages/devtools-kit/src/core/vue-inspector/index.ts
+++ b/packages/devtools-kit/src/core/vue-inspector/index.ts
@@ -1,4 +1,4 @@
-import { target } from '@vue/devtools-next-shared'
+import { target } from '@vue/devtools-shared'
 
 export interface VueInspector {
   enabled: boolean
diff --git a/packages/devtools-kit/src/shared/time.ts b/packages/devtools-kit/src/shared/time.ts
index 6d6944bc..2bc74d82 100644
--- a/packages/devtools-kit/src/shared/time.ts
+++ b/packages/devtools-kit/src/shared/time.ts
@@ -1,4 +1,4 @@
-// import { target } from '@vue/devtools-next-shared'
+// import { target } from '@vue/devtools-shared'
 
 export function now() {
   // if (target.performance)
diff --git a/packages/devtools/cli.mjs b/packages/devtools/cli.mjs
index 1e671bcf..c814a90f 100755
--- a/packages/devtools/cli.mjs
+++ b/packages/devtools/cli.mjs
@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import('@vue/devtools-next-electron/cli')
+import('@vue/devtools-electron/cli')
diff --git a/packages/devtools/package.json b/packages/devtools/package.json
index 1bba9354..5eb971fc 100644
--- a/packages/devtools/package.json
+++ b/packages/devtools/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next",
+  "name": "@vue/devtools",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -30,7 +30,7 @@
     "stub": "tsup --watch --onSuccess 'tsup --dts-only'"
   },
   "dependencies": {
-    "@vue/devtools-next-electron": "workspace:^",
-    "@vue/devtools-next-kit": "workspace:^"
+    "@vue/devtools-electron": "workspace:^",
+    "@vue/devtools-kit": "workspace:^"
   }
 }
diff --git a/packages/devtools/src/index.ts b/packages/devtools/src/index.ts
index 0e948595..c2010b82 100644
--- a/packages/devtools/src/index.ts
+++ b/packages/devtools/src/index.ts
@@ -1,7 +1,7 @@
-import { devtools as _devtools, addCustomCommand, addCustomTab, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand } from '@vue/devtools-next-kit'
-import { connect } from '@vue/devtools-next-electron'
+import { devtools as _devtools, addCustomCommand, addCustomTab, onDevToolsClientConnected, onDevToolsConnected, removeCustomCommand } from '@vue/devtools-kit'
+import { connect } from '@vue/devtools-electron'
 
-export type * from '@vue/devtools-next-kit'
+export type * from '@vue/devtools-kit'
 
 const devtools = {
   ..._devtools,
diff --git a/packages/electron/package.json b/packages/electron/package.json
index 85491105..f713ffd4 100644
--- a/packages/electron/package.json
+++ b/packages/electron/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-electron",
+  "name": "@vue/devtools-electron",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
@@ -30,8 +30,8 @@
     "prepare:type": "tsup src/index.ts --dts-only --format cjs,esm"
   },
   "dependencies": {
-    "@vue/devtools-next-core": "workspace:^",
-    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-core": "workspace:^",
+    "@vue/devtools-shared": "workspace:^",
     "electron": "^28.1.0",
     "execa": "^8.0.1",
     "h3": "^1.9.0",
diff --git a/packages/electron/src/index.ts b/packages/electron/src/index.ts
index e6cf7116..08bce5ed 100644
--- a/packages/electron/src/index.ts
+++ b/packages/electron/src/index.ts
@@ -1,4 +1,4 @@
-import { isBrowser, target } from '@vue/devtools-next-shared'
+import { isBrowser, target } from '@vue/devtools-shared'
 import { devtools } from '../../devtools-kit/src/index'
 
 export async function connect(host: string, port: number) {
diff --git a/packages/electron/src/user-app.ts b/packages/electron/src/user-app.ts
index 1cda06e3..e130245c 100644
--- a/packages/electron/src/user-app.ts
+++ b/packages/electron/src/user-app.ts
@@ -1,5 +1,5 @@
 import io from 'socket.io-client/dist/socket.io.js'
-import { target } from '@vue/devtools-next-shared'
+import { target } from '@vue/devtools-shared'
 import { Bridge } from '../../core/src/bridge'
 import { prepareInjection } from '../../core/src/injection'
 import { devtools } from '../../devtools-kit/src/index'
diff --git a/packages/overlay/package.json b/packages/overlay/package.json
index 771cf467..52540d3c 100644
--- a/packages/overlay/package.json
+++ b/packages/overlay/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-overlay",
+  "name": "@vue/devtools-overlay",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -20,10 +20,10 @@
     "stub": "vite build --watch"
   },
   "dependencies": {
-    "@vue/devtools-next-core": "workspace:^",
-    "@vue/devtools-next-kit": "workspace:*",
-    "@vue/devtools-next-shared": "workspace:^",
-    "@vue/devtools-next-ui": "workspace:*",
+    "@vue/devtools-core": "workspace:^",
+    "@vue/devtools-kit": "workspace:*",
+    "@vue/devtools-shared": "workspace:^",
+    "@vue/devtools-ui": "workspace:*",
     "@vueuse/core": "^10.7.0"
   },
   "devDependencies": {
diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue
index e695200e..bda06baa 100644
--- a/packages/overlay/src/App.vue
+++ b/packages/overlay/src/App.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useColorMode } from '@vueuse/core'
-import { Bridge, getDevToolsClientUrl, prepareInjection } from '@vue/devtools-next-core'
-import { target } from '@vue/devtools-next-shared'
-import { devtools, onDevToolsConnected } from '@vue/devtools-next-kit'
+import { Bridge, getDevToolsClientUrl, prepareInjection } from '@vue/devtools-core'
+import { target } from '@vue/devtools-shared'
+import { devtools, onDevToolsConnected } from '@vue/devtools-kit'
 import { registerBridge, useFrameState, useIframe, usePanelVisible, usePosition } from '~/composables'
 import { checkIsSafari } from '~/utils'
 import Frame from '~/components/FrameBox.vue'
diff --git a/packages/overlay/src/composables/bridge.ts b/packages/overlay/src/composables/bridge.ts
index 4042645a..57309686 100644
--- a/packages/overlay/src/composables/bridge.ts
+++ b/packages/overlay/src/composables/bridge.ts
@@ -1,4 +1,4 @@
-import type { Bridge } from '@vue/devtools-next-core'
+import type { Bridge } from '@vue/devtools-core'
 import { shallowRef, watchEffect } from 'vue'
 
 type BridgeTye = InstanceType<typeof Bridge>
diff --git a/packages/playground/package.json b/packages/playground/package.json
index bdcf0f0c..d0fd2fd1 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-playground",
+  "name": "@vue/devtools-playground",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -17,8 +17,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
-    "@vue/devtools-next": "workspace:*",
-    "@vue/devtools-next-api": "workspace:*",
+    "@vue/devtools": "workspace:*",
+    "@vue/devtools-api": "workspace:*",
     "sass": "^1.69.5",
     "serve": "^14.2.1",
     "typescript": "^5.3.3",
diff --git a/packages/playground/src/main.ts b/packages/playground/src/main.ts
index 24f2e72e..217244c6 100644
--- a/packages/playground/src/main.ts
+++ b/packages/playground/src/main.ts
@@ -3,8 +3,8 @@ import { createApp } from 'vue'
 import type { RouteRecordRaw } from 'vue-router'
 import { createRouter, createWebHistory } from 'vue-router'
 
-// import { devtools } from '@vue/devtools-next'
-import { addCustomCommand, addCustomTab } from '@vue/devtools-next-api'
+// import { devtools } from '@vue/devtools'
+import { addCustomCommand, addCustomTab } from '@vue/devtools-api'
 import App2 from './App.vue'
 import App from './App.preview.vue'
 import Home from './pages/Home.vue'
diff --git a/packages/schema/package.json b/packages/schema/package.json
index 8841699d..d543465b 100644
--- a/packages/schema/package.json
+++ b/packages/schema/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-schema",
+  "name": "@vue/devtools-schema",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 2281104a..55ce00e8 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-shared",
+  "name": "@vue/devtools-shared",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
diff --git a/packages/ui-playground/package.json b/packages/ui-playground/package.json
index bfa15940..c819e282 100644
--- a/packages/ui-playground/package.json
+++ b/packages/ui-playground/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-ui-playground",
+  "name": "@vue/devtools-ui-playground",
   "type": "module",
   "version": "0.0.0",
   "private": true,
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@unocss/reset": "^0.58.0",
-    "@vue/devtools-next-ui": "workspace:*",
+    "@vue/devtools-ui": "workspace:*",
     "@vueuse/core": "^10.7.0",
     "unocss": "^0.58.0",
     "vue": "^3.3.13"
diff --git a/packages/ui-playground/src/App.vue b/packages/ui-playground/src/App.vue
index 02fecd73..16ee929b 100644
--- a/packages/ui-playground/src/App.vue
+++ b/packages/ui-playground/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { VueButton, VueDarkToggle, VueDialog, VueInput } from '@vue/devtools-next-ui'
+import { VueButton, VueDarkToggle, VueDialog, VueInput } from '@vue/devtools-ui'
 import { useDark } from '@vueuse/core'
 import { ref } from 'vue'
 
diff --git a/packages/ui-playground/uno.config.ts b/packages/ui-playground/uno.config.ts
index fb2abe99..ec9a2771 100644
--- a/packages/ui-playground/uno.config.ts
+++ b/packages/ui-playground/uno.config.ts
@@ -1,4 +1,4 @@
-import { unoConfig } from '@vue/devtools-next-ui/theme'
+import { unoConfig } from '@vue/devtools-ui/theme'
 import { defineConfig, mergeConfigs } from 'unocss'
 
 export default defineConfig(mergeConfigs([unoConfig, {
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 8c1045e0..b9dd6b16 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@vue/devtools-next-ui",
+  "name": "@vue/devtools-ui",
   "type": "module",
   "version": "0.0.0",
   "author": "webfansplz",
diff --git a/packages/vite/package.json b/packages/vite/package.json
index 707b9e1c..38a5c130 100644
--- a/packages/vite/package.json
+++ b/packages/vite/package.json
@@ -49,9 +49,9 @@
     "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0"
   },
   "dependencies": {
-    "@vue/devtools-next-core": "workspace:^",
-    "@vue/devtools-next-kit": "workspace:^",
-    "@vue/devtools-next-shared": "workspace:^",
+    "@vue/devtools-core": "workspace:^",
+    "@vue/devtools-kit": "workspace:^",
+    "@vue/devtools-shared": "workspace:^",
     "birpc": "^0.2.14",
     "execa": "^8.0.1",
     "sirv": "^2.0.4",
diff --git a/packages/vite/src/overlay.js b/packages/vite/src/overlay.js
index 0697e8fa..3575b047 100644
--- a/packages/vite/src/overlay.js
+++ b/packages/vite/src/overlay.js
@@ -1,7 +1,7 @@
 import vueDevToolsOptions from 'virtual:vue-devtools-options'
-import { Bridge, prepareInjection, setDevToolsClientUrl } from '@vue/devtools-next-core'
-import { BROADCAST_CHANNEL_NAME } from '@vue/devtools-next-shared'
-import { addCustomTab, devtools } from '@vue/devtools-next-kit'
+import { Bridge, prepareInjection, setDevToolsClientUrl } from '@vue/devtools-core'
+import { BROADCAST_CHANNEL_NAME } from '@vue/devtools-shared'
+import { addCustomTab, devtools } from '@vue/devtools-kit'
 
 const overlayDir = `${vueDevToolsOptions.base || '/'}@id/virtual:vue-devtools-path:overlay`
 const body = document.getElementsByTagName('body')[0]
diff --git a/packages/vite/src/vite.ts b/packages/vite/src/vite.ts
index 6985c322..5280bbd4 100644
--- a/packages/vite/src/vite.ts
+++ b/packages/vite/src/vite.ts
@@ -5,8 +5,8 @@ import type { PluginOption, ResolvedConfig, ViteDevServer } from 'vite'
 import sirv from 'sirv'
 import Inspect from 'vite-plugin-inspect'
 import VueInspector from 'vite-plugin-vue-inspector'
-import { setupViteRPCServer } from '@vue/devtools-next-core'
-import { setupAssetsRPC, setupGraphRPC } from '@vue/devtools-next-core/server'
+import { setupViteRPCServer } from '@vue/devtools-core'
+import { setupAssetsRPC, setupGraphRPC } from '@vue/devtools-core/server'
 import { bold, cyan, dim, green, yellow } from 'kolorist'
 import { DIR_CLIENT } from './dir'
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6b65b293..56b1b340 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,10 +29,10 @@ importers:
       '@unocss/eslint-plugin':
         specifier: ^0.58.0
         version: 0.58.0(eslint-ts-patch@8.55.0-1)(typescript@5.3.3)
-      '@vue/devtools-next-core':
+      '@vue/devtools-core':
         specifier: workspace:^
         version: link:packages/core
-      '@vue/devtools-next-schema':
+      '@vue/devtools-schema':
         specifier: workspace:^
         version: link:packages/schema
       archiver:
@@ -97,13 +97,13 @@ importers:
         version: 5.3.3
       unbuild:
         specifier: ^2.0.0
-        version: 2.0.0(typescript@5.3.3)
+        version: 2.0.0(sass@1.69.5)(typescript@5.3.3)
       unocss:
         specifier: ^0.58.0
         version: 0.58.0(postcss@8.4.32)(rollup@3.28.1)(vite@5.0.10)
       vite:
         specifier: ^5.0.10
-        version: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+        version: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vitest:
         specifier: ^1.1.0
         version: 1.1.0(@types/node@20.10.5)
@@ -131,10 +131,10 @@ importers:
 
   packages/browser-extension:
     dependencies:
-      '@vue/devtools-next-core':
+      '@vue/devtools-core':
         specifier: workspace:^
         version: link:../core
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
     devDependencies:
@@ -153,19 +153,19 @@ importers:
       '@unocss/runtime':
         specifier: ^0.58.0
         version: 0.58.0
-      '@vue/devtools-next-core':
+      '@vue/devtools-core':
         specifier: workspace:^
         version: link:../core
-      '@vue/devtools-next-kit':
+      '@vue/devtools-kit':
         specifier: workspace:^
         version: link:../devtools-kit
-      '@vue/devtools-next-schema':
+      '@vue/devtools-schema':
         specifier: workspace:*
         version: link:../schema
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
-      '@vue/devtools-next-ui':
+      '@vue/devtools-ui':
         specifier: workspace:*
         version: link:../ui
       '@vueuse/core':
@@ -255,20 +255,20 @@ importers:
         version: 0.26.0(rollup@3.28.1)(vue@3.3.13)
       vite:
         specifier: ^5.0.10
-        version: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+        version: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue:
         specifier: ^3.3.13
         version: 3.3.13(typescript@5.3.3)
 
   packages/core:
     dependencies:
-      '@vue/devtools-next-kit':
+      '@vue/devtools-kit':
         specifier: workspace:^
         version: link:../devtools-kit
-      '@vue/devtools-next-schema':
+      '@vue/devtools-schema':
         specifier: workspace:^
         version: link:../schema
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
       birpc:
@@ -302,25 +302,25 @@ importers:
 
   packages/devtools:
     dependencies:
-      '@vue/devtools-next-electron':
+      '@vue/devtools-electron':
         specifier: workspace:^
         version: link:../electron
-      '@vue/devtools-next-kit':
+      '@vue/devtools-kit':
         specifier: workspace:^
         version: link:../devtools-kit
 
   packages/devtools-api:
     dependencies:
-      '@vue/devtools-next-kit':
+      '@vue/devtools-kit':
         specifier: workspace:^
         version: link:../devtools-kit
 
   packages/devtools-kit:
     dependencies:
-      '@vue/devtools-next-schema':
+      '@vue/devtools-schema':
         specifier: workspace:^
         version: link:../schema
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
       hookable:
@@ -345,10 +345,10 @@ importers:
 
   packages/electron:
     dependencies:
-      '@vue/devtools-next-core':
+      '@vue/devtools-core':
         specifier: workspace:^
         version: link:../core
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
       electron:
@@ -378,23 +378,23 @@ importers:
         version: 4.7.0
       unbuild:
         specifier: ^2.0.0
-        version: 2.0.0(typescript@5.3.3)
+        version: 2.0.0(sass@1.69.5)(typescript@5.3.3)
       vue:
         specifier: ^3.3.13
         version: 3.3.13(typescript@5.3.3)
 
   packages/overlay:
     dependencies:
-      '@vue/devtools-next-core':
+      '@vue/devtools-core':
         specifier: workspace:^
         version: link:../core
-      '@vue/devtools-next-kit':
+      '@vue/devtools-kit':
         specifier: workspace:*
         version: link:../devtools-kit
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
-      '@vue/devtools-next-ui':
+      '@vue/devtools-ui':
         specifier: workspace:*
         version: link:../ui
       '@vueuse/core':
@@ -415,7 +415,7 @@ importers:
         version: 1.69.5
       vite:
         specifier: ^5.0.10
-        version: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+        version: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue:
         specifier: ^3.3.13
         version: 3.3.13(typescript@5.3.3)
@@ -438,10 +438,10 @@ importers:
       '@vitejs/plugin-vue':
         specifier: ^4.5.2
         version: 4.5.2(vite@5.0.10)(vue@3.3.13)
-      '@vue/devtools-next':
+      '@vue/devtools':
         specifier: workspace:*
         version: link:../devtools
-      '@vue/devtools-next-api':
+      '@vue/devtools-api':
         specifier: workspace:*
         version: link:../devtools-api
       sass:
@@ -455,7 +455,7 @@ importers:
         version: 5.3.3
       vite:
         specifier: ^5.0.10
-        version: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+        version: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vite-plugin-inspect:
         specifier: ^0.8.1
         version: 0.8.1(rollup@3.28.1)(vite@5.0.10)
@@ -513,7 +513,7 @@ importers:
         version: 2.0.0-beta.24(vue@3.3.4)
       histoire:
         specifier: ^0.17.6
-        version: 0.17.6(@types/node@20.10.5)(vite@4.5.1)
+        version: 0.17.6(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)(vite@4.5.1)
       unocss:
         specifier: ^0.58.0
         version: 0.58.0(postcss@8.4.32)(rollup@3.28.1)(vite@4.5.1)
@@ -526,7 +526,7 @@ importers:
       '@unocss/reset':
         specifier: ^0.58.0
         version: 0.58.0
-      '@vue/devtools-next-ui':
+      '@vue/devtools-ui':
         specifier: workspace:*
         version: link:../ui
       '@vueuse/core':
@@ -547,20 +547,20 @@ importers:
         version: 5.3.3
       vite:
         specifier: ^5.0.10
-        version: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+        version: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue-tsc:
         specifier: ^1.8.26
         version: 1.8.26(typescript@5.3.3)
 
   packages/vite:
     dependencies:
-      '@vue/devtools-next-core':
+      '@vue/devtools-core':
         specifier: workspace:^
         version: link:../core
-      '@vue/devtools-next-kit':
+      '@vue/devtools-kit':
         specifier: workspace:^
         version: link:../devtools-kit
-      '@vue/devtools-next-shared':
+      '@vue/devtools-shared':
         specifier: workspace:^
         version: link:../shared
       birpc:
@@ -602,6 +602,9 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /@adobe/css-tools@4.3.2:
+    resolution: {integrity: sha512-DA5a1C0gD/pLOvhv33YMrbf2FK3oUzwNl9oOJqE4XVjuEtt6XIakRcsd7eLiOSPkp1kTRQGICTA8cKra/vFbjw==}
+
   /@akryum/tinypool@0.3.1:
     resolution: {integrity: sha512-nznEC1ZA/m3hQDEnrGQ4c5gkaa9pcaVnw4LFJyzBAaR7E3nfiAPEHS3otnSafpZouVnoKeITl5D+2LsnwlnK8g==}
     engines: {node: '>=14.0.0'}
@@ -2601,7 +2604,7 @@ packages:
       '@histoire/vendors': 0.17.6
       change-case: 4.1.2
       globby: 13.2.2
-      histoire: 0.17.6(@types/node@20.10.5)(vite@4.5.1)
+      histoire: 0.17.6(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)(vite@4.5.1)
       launch-editor: 2.6.1
       pathe: 1.1.1
       vue: 3.3.4
@@ -2620,7 +2623,7 @@ packages:
       chokidar: 3.5.3
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.5.1(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     dev: true
 
   /@histoire/vendors@0.17.6:
@@ -2704,6 +2707,12 @@ packages:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
 
+  /@jridgewell/source-map@0.3.5:
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.20
+
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
@@ -3828,7 +3837,7 @@ packages:
       '@unocss/core': 0.58.0
       '@unocss/reset': 0.58.0
       '@unocss/vite': 0.58.0(rollup@3.28.1)(vite@4.5.1)
-      vite: 4.5.1(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -3844,7 +3853,7 @@ packages:
       '@unocss/core': 0.58.0
       '@unocss/reset': 0.58.0
       '@unocss/vite': 0.58.0(rollup@3.28.1)(vite@5.0.10)
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - rollup
 
@@ -4042,7 +4051,7 @@ packages:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       magic-string: 0.30.5
-      vite: 4.5.1(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -4062,7 +4071,7 @@ packages:
       chokidar: 3.5.3
       fast-glob: 3.3.2
       magic-string: 0.30.5
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - rollup
 
@@ -4076,7 +4085,7 @@ packages:
       '@babel/core': 7.23.3
       '@babel/plugin-transform-typescript': 7.23.4(@babel/core@7.23.3)
       '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.3)
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue: 3.3.13(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
@@ -4089,7 +4098,7 @@ packages:
       vite: ^4.0.0 || ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 4.5.1(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue: 3.3.4
     dev: true
 
@@ -4100,7 +4109,7 @@ packages:
       vite: ^4.0.0 || ^5.0.0
       vue: ^3.2.25
     dependencies:
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue: 3.3.13(typescript@5.3.3)
     dev: true
 
@@ -4972,7 +4981,6 @@ packages:
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
-    dev: true
 
   /brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
@@ -4998,6 +5006,9 @@ packages:
   /buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
 
+  /buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
   /builtin-modules@3.3.0:
     resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
     engines: {node: '>=6'}
@@ -5384,6 +5395,9 @@ packages:
     engines: {node: '>=16'}
     dev: true
 
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
@@ -5447,7 +5461,6 @@ packages:
 
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
-    dev: true
 
   /connect@3.7.0:
     resolution: {integrity: sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==}
@@ -5490,6 +5503,11 @@ packages:
     engines: {node: '>= 0.6'}
     dev: false
 
+  /copy-anything@2.0.6:
+    resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
+    dependencies:
+      is-what: 3.14.1
+
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
     dev: true
@@ -5740,6 +5758,11 @@ packages:
     engines: {node: '>=12.20'}
     dev: true
 
+  /detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   /detect-node@2.1.0:
     resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
     requiresBuild: true
@@ -5916,6 +5939,14 @@ packages:
     resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
     dev: true
 
+  /errno@0.1.8:
+    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      prr: 1.0.1
+    optional: true
+
   /error-ex@1.3.2:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
@@ -6930,7 +6961,6 @@ packages:
 
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
-    dev: true
 
   /fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
@@ -7085,7 +7115,6 @@ packages:
       minimatch: 3.1.2
       once: 1.4.0
       path-is-absolute: 1.0.1
-    dev: true
 
   /glob@8.1.0:
     resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
@@ -7363,7 +7392,7 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /histoire@0.17.6(@types/node@20.10.5)(vite@4.5.1):
+  /histoire@0.17.6(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)(vite@4.5.1):
     resolution: {integrity: sha512-L9xLR0BFk+KIcpfDOPw5i0o4eq1ANj+f0i3xWS6F5yToV0jSu9Dh8eaagSrR1QbUpLoc7Kjhjq408Ecoop3JcA==}
     hasBin: true
     peerDependencies:
@@ -7399,8 +7428,8 @@ packages:
       sade: 1.8.1
       shiki-es: 0.2.0
       sirv: 2.0.3
-      vite: 4.5.1(@types/node@20.10.5)
-      vite-node: 0.34.6(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
+      vite-node: 0.34.6(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - '@types/node'
       - bufferutil
@@ -7513,7 +7542,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: 2.1.2
-    dev: true
 
   /ignore-walk@6.0.4:
     resolution: {integrity: sha512-t7sv42WkwFkyKbivUCglsQW5YWMskWtbEf4MNKX5u/CCWHKSPzN4FtBQGsQZgCLbxOzpVlcbWVK5KB3auIOjSw==}
@@ -7530,6 +7558,13 @@ packages:
   /image-meta@0.2.0:
     resolution: {integrity: sha512-ZBGjl0ZMEMeOC3Ns0wUF/5UdUmr3qQhBSCniT0LxOgGGIRHiNFOkMtIHB7EOznRU47V2AxPgiVP+s+0/UCU0Hg==}
 
+  /image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    requiresBuild: true
+    optional: true
+
   /immutable@4.3.4:
     resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
 
@@ -7561,11 +7596,9 @@ packages:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
-    dev: true
 
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
-    dev: true
 
   /ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
@@ -7815,6 +7848,9 @@ packages:
       call-bind: 1.0.2
     dev: true
 
+  /is-what@3.14.1:
+    resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
+
   /is-wsl@2.2.0:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
@@ -8049,6 +8085,23 @@ packages:
       readable-stream: 2.3.8
     dev: true
 
+  /less@4.2.0:
+    resolution: {integrity: sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dependencies:
+      copy-anything: 2.0.6
+      parse-node-version: 1.0.1
+      tslib: 2.6.2
+    optionalDependencies:
+      errno: 0.1.8
+      graceful-fs: 4.2.11
+      image-size: 0.5.5
+      make-dir: 2.1.0
+      mime: 1.6.0
+      needle: 3.3.1
+      source-map: 0.6.1
+
   /levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -8057,6 +8110,76 @@ packages:
       type-check: 0.4.0
     dev: true
 
+  /lightningcss-darwin-arm64@1.22.1:
+    resolution: {integrity: sha512-ldvElu+R0QimNTjsKpaZkUv3zf+uefzLy/R1R19jtgOfSRM+zjUCUgDhfEDRmVqJtMwYsdhMI2aJtJChPC6Osg==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-darwin-x64@1.22.1:
+    resolution: {integrity: sha512-5p2rnlVTv6Gpw4PlTLq925nTVh+HFh4MpegX8dPDYJae+NFVjQ67gY7O6iHIzQjLipDiYejFF0yHrhjU3XgLBQ==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-freebsd-x64@1.22.1:
+    resolution: {integrity: sha512-1FaBtcFrZqB2hkFbAxY//Pnp8koThvyB6AhjbdVqKD4/pu13Rl91fKt2N9qyeQPUt3xy7ORUvSO+dPk3J6EjXg==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm-gnueabihf@1.22.1:
+    resolution: {integrity: sha512-6rub98tYGfE5I5j0BP8t/2d4BZyu1S7Iz9vUkm0H26snAFHYxLfj3RbQn0xHHIePSetjLnhcg3QlfwUAkD/FYg==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm64-gnu@1.22.1:
+    resolution: {integrity: sha512-nYO5qGtb/1kkTZu3FeTiM+2B2TAb7m2DkLCTgQIs2bk2o9aEs7I96fwySKcoHWQAiQDGR9sMux9vkV4KQXqPaQ==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm64-musl@1.22.1:
+    resolution: {integrity: sha512-MCV6RuRpzXbunvzwY644iz8cw4oQxvW7oer9xPkdadYqlEyiJJ6wl7FyJOH7Q6ZYH4yjGAUCvxDBxPbnDu9ZVg==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-x64-gnu@1.22.1:
+    resolution: {integrity: sha512-RjNgpdM20VUXgV7us/VmlO3Vn2ZRiDnc3/bUxCVvySZWPiVPprpqW/QDWuzkGa+NCUf6saAM5CLsZLSxncXJwg==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-x64-musl@1.22.1:
+    resolution: {integrity: sha512-ZgO4C7Rd6Hv/5MnyY2KxOYmIlzk4rplVolDt3NbkNR8DndnyX0Q5IR4acJWNTBICQ21j3zySzKbcJaiJpk/4YA==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-win32-x64-msvc@1.22.1:
+    resolution: {integrity: sha512-4pozV4eyD0MDET41ZLHAeBo+H04Nm2UEYIk5w/ts40231dRFV7E0cjwbnZvSoc1DXFgecAhiC0L16ruv/ZDCpg==}
+    engines: {node: '>= 12.0.0'}
+    requiresBuild: true
+    optional: true
+
+  /lightningcss@1.22.1:
+    resolution: {integrity: sha512-Fy45PhibiNXkm0cK5FJCbfO8Y6jUpD/YcHf/BtuI+jvYYqSXKF4muk61jjE8YxCR9y+hDYIWSzHTc+bwhDE6rQ==}
+    engines: {node: '>= 12.0.0'}
+    dependencies:
+      detect-libc: 1.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.22.1
+      lightningcss-darwin-x64: 1.22.1
+      lightningcss-freebsd-x64: 1.22.1
+      lightningcss-linux-arm-gnueabihf: 1.22.1
+      lightningcss-linux-arm64-gnu: 1.22.1
+      lightningcss-linux-arm64-musl: 1.22.1
+      lightningcss-linux-x64-gnu: 1.22.1
+      lightningcss-linux-x64-musl: 1.22.1
+      lightningcss-win32-x64-msvc: 1.22.1
+
   /lilconfig@3.0.0:
     resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
     engines: {node: '>=14'}
@@ -8227,6 +8350,15 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  /make-dir@2.1.0:
+    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dependencies:
+      pify: 4.0.1
+      semver: 5.7.2
+    optional: true
+
   /make-fetch-happen@13.0.0:
     resolution: {integrity: sha512-7ThobcL8brtGo9CavByQrQi+23aIfgYU++wg4B87AIS8Rb2ZBt/MEaDqzA00Xwv/jUjAjYkLHjVolYuTLKda2A==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -8406,6 +8538,13 @@ packages:
     dependencies:
       mime-db: 1.52.0
 
+  /mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    requiresBuild: true
+    optional: true
+
   /mime@3.0.0:
     resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
     engines: {node: '>=10.0.0'}
@@ -8439,7 +8578,6 @@ packages:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
-    dev: true
 
   /minimatch@5.1.6:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
@@ -8547,7 +8685,7 @@ packages:
     hasBin: true
     dev: true
 
-  /mkdist@1.3.0(typescript@5.3.3):
+  /mkdist@1.3.0(sass@1.69.5)(typescript@5.3.3):
     resolution: {integrity: sha512-ZQrUvcL7LkRdzMREpDyg9AT18N9Tl5jc2qeKAUeEw0KGsgykbHbuRvysGAzTuGtwuSg0WQyNit5jh/k+Er3JEg==}
     hasBin: true
     peerDependencies:
@@ -8568,6 +8706,7 @@ packages:
       mlly: 1.4.1
       mri: 1.2.0
       pathe: 1.1.1
+      sass: 1.69.5
       typescript: 5.3.3
     dev: true
 
@@ -8637,6 +8776,16 @@ packages:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
 
+  /needle@3.3.1:
+    resolution: {integrity: sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==}
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      iconv-lite: 0.6.3
+      sax: 1.3.0
+    optional: true
+
   /negotiator@0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
@@ -9021,6 +9170,10 @@ packages:
       lines-and-columns: 1.2.4
     dev: true
 
+  /parse-node-version@1.0.1:
+    resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
+    engines: {node: '>= 0.10'}
+
   /parse5@7.1.2:
     resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
     dependencies:
@@ -9057,7 +9210,6 @@ packages:
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /path-is-inside@1.0.2:
     resolution: {integrity: sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==}
@@ -9142,6 +9294,12 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    optional: true
+
   /pinia@2.1.7(typescript@5.3.3)(vue@3.3.13):
     resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
     peerDependencies:
@@ -9293,6 +9451,11 @@ packages:
     resolution: {integrity: sha512-9t5qARVofg2xQqKtytzt+lZ4d1Qvj8t5B8fEwXK6qOfgRLgH/b13QlgEyDh033NOS31nXeFbYv7CLUDG1CeifQ==}
     dev: true
 
+  /prr@1.0.1:
+    resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
+    requiresBuild: true
+    optional: true
+
   /psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
     dev: true
@@ -9700,7 +9863,6 @@ packages:
 
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: true
 
   /sass@1.69.5:
     resolution: {integrity: sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==}
@@ -9711,6 +9873,9 @@ packages:
       immutable: 4.3.4
       source-map-js: 1.0.2
 
+  /sax@1.3.0:
+    resolution: {integrity: sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==}
+
   /saxes@6.0.0:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
@@ -9747,7 +9912,6 @@ packages:
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
-    dev: true
 
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
@@ -10030,10 +10194,19 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
+  /source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+
   /source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
-    dev: true
+
+  /source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
 
   /source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
@@ -10258,6 +10431,18 @@ packages:
     resolution: {integrity: sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==}
     dev: true
 
+  /stylus@0.62.0:
+    resolution: {integrity: sha512-v3YCf31atbwJQIMtPNX8hcQ+okD4NQaTuKGUWfII8eaqn+3otrbttGL1zSMZAAtiPsBztQnujVBugg/cXFUpyg==}
+    hasBin: true
+    dependencies:
+      '@adobe/css-tools': 4.3.2
+      debug: 4.3.4
+      glob: 7.2.3
+      sax: 1.3.0
+      source-map: 0.7.4
+    transitivePeerDependencies:
+      - supports-color
+
   /sucrase@3.34.0:
     resolution: {integrity: sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==}
     engines: {node: '>=8'}
@@ -10272,6 +10457,14 @@ packages:
       ts-interface-checker: 0.1.13
     dev: true
 
+  /sugarss@4.0.1(postcss@8.4.32):
+    resolution: {integrity: sha512-WCjS5NfuVJjkQzK10s8WOBY+hhDxxNt/N6ZaGwxFZ+wN3/lKKFSaaKUNecULcTTvE4urLcKaZFQD8vO0mOZujw==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: 8.4.32
+
   /sumchecker@3.0.1:
     resolution: {integrity: sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==}
     engines: {node: '>= 8.0'}
@@ -10358,6 +10551,16 @@ packages:
       - supports-color
     dev: true
 
+  /terser@5.26.0:
+    resolution: {integrity: sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/source-map': 0.3.5
+      acorn: 8.11.2
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
@@ -10454,7 +10657,6 @@ packages:
 
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
-    dev: true
 
   /tsup@8.0.1(postcss@8.4.32)(typescript@5.3.3):
     resolution: {integrity: sha512-hvW7gUSG96j53ZTSlT4j/KL0q1Q2l6TqGBFc6/mu/L46IoNWqLLUzLRLP1R8Q7xrJTmkDxxDoojV5uCVs1sVOg==}
@@ -10627,7 +10829,7 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
-  /unbuild@2.0.0(typescript@5.3.3):
+  /unbuild@2.0.0(sass@1.69.5)(typescript@5.3.3):
     resolution: {integrity: sha512-JWCUYx3Oxdzvw2J9kTAp+DKE8df/BnH/JTSj6JyA4SH40ECdFu7FoJJcrm8G92B7TjofQ6GZGjJs50TRxoH6Wg==}
     hasBin: true
     peerDependencies:
@@ -10651,7 +10853,7 @@ packages:
       hookable: 5.5.3
       jiti: 1.19.3
       magic-string: 0.30.3
-      mkdist: 1.3.0(typescript@5.3.3)
+      mkdist: 1.3.0(sass@1.69.5)(typescript@5.3.3)
       mlly: 1.4.1
       pathe: 1.1.1
       pkg-types: 1.0.3
@@ -10807,7 +11009,7 @@ packages:
       '@unocss/transformer-directives': 0.58.0
       '@unocss/transformer-variant-group': 0.58.0
       '@unocss/vite': 0.58.0(rollup@3.28.1)(vite@4.5.1)
-      vite: 4.5.1(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -10846,7 +11048,7 @@ packages:
       '@unocss/transformer-directives': 0.58.0
       '@unocss/transformer-variant-group': 0.58.0
       '@unocss/vite': 0.58.0(rollup@3.28.1)(vite@5.0.10)
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -11085,7 +11287,7 @@ packages:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
     dependencies:
       birpc: 0.2.14
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vite-hot-client: 0.2.3(vite@5.0.10)
     dev: false
 
@@ -11094,10 +11296,10 @@ packages:
     peerDependencies:
       vite: ^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0
     dependencies:
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     dev: false
 
-  /vite-node@0.34.6(@types/node@20.10.5):
+  /vite-node@0.34.6(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0):
     resolution: {integrity: sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
@@ -11107,7 +11309,7 @@ packages:
       mlly: 1.4.2
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -11128,7 +11330,7 @@ packages:
       debug: 4.3.4
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -11156,7 +11358,7 @@ packages:
       debug: 4.3.4
       kolorist: 1.8.0
       typescript: 5.3.3
-      vite: 4.5.1(@types/node@20.10.5)
+      vite: 4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vue-tsc: 1.8.25(typescript@5.3.3)
     transitivePeerDependencies:
       - '@types/node'
@@ -11182,7 +11384,7 @@ packages:
       open: 9.1.0
       picocolors: 1.0.0
       sirv: 2.0.3
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -11230,7 +11432,7 @@ packages:
       - supports-color
     dev: false
 
-  /vite@4.5.1(@types/node@20.10.5):
+  /vite@4.5.1(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0):
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -11242,31 +11444,22 @@ packages:
       stylus: '*'
       sugarss: '*'
       terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
     dependencies:
       '@types/node': 20.10.5
       esbuild: 0.18.20
+      less: 4.2.0
+      lightningcss: 1.22.1
       postcss: 8.4.32
       rollup: 3.28.1
+      sass: 1.69.5
+      stylus: 0.62.0
+      sugarss: 4.0.1(postcss@8.4.32)
+      terser: 5.26.0
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vite@5.0.10(@types/node@20.10.5)(sass@1.69.5):
+  /vite@5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0):
     resolution: {integrity: sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
@@ -11296,9 +11489,14 @@ packages:
     dependencies:
       '@types/node': 20.10.5
       esbuild: 0.19.10
+      less: 4.2.0
+      lightningcss: 1.22.1
       postcss: 8.4.32
       rollup: 4.7.0
       sass: 1.69.5
+      stylus: 0.62.0
+      sugarss: 4.0.1(postcss@8.4.32)
+      terser: 5.26.0
     optionalDependencies:
       fsevents: 2.3.3
 
@@ -11474,7 +11672,7 @@ packages:
       strip-literal: 1.3.0
       tinybench: 2.5.1
       tinypool: 0.8.1
-      vite: 5.0.10(@types/node@20.10.5)(sass@1.69.5)
+      vite: 5.0.10(@types/node@20.10.5)(less@4.2.0)(lightningcss@1.22.1)(sass@1.69.5)(stylus@0.62.0)(sugarss@4.0.1)(terser@5.26.0)
       vite-node: 1.1.0(@types/node@20.10.5)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
diff --git a/tsconfig.json b/tsconfig.json
index c711f452..5c65505c 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,20 +6,20 @@
     "module": "esnext",
     "moduleResolution": "node",
     "paths": {
-      "@vue/devtools-next-shared": ["./packages/shared/src/index.ts"],
-      "@vue/devtools-next-core": ["./packages/core/src/index.ts"],
-      "@vue/devtools-next-schema": ["./packages/schema/src/index.ts"],
-      "@vue/devtools-next-kit": ["./packages/devtools-kit/src/index.ts"],
-      "@vue/devtools-next-ui": ["./packages/ui/src/index.ts"],
-      "@vue/devtools-next-ui/theme": ["./packages/ui/theme/index.ts"],
-      "@vue/devtools-next-vite": ["./packages/vite/src/index.ts"]
+      "@vue/devtools-shared": ["./packages/shared/src/index.ts"],
+      "@vue/devtools-core": ["./packages/core/src/index.ts"],
+      "@vue/devtools-schema": ["./packages/schema/src/index.ts"],
+      "@vue/devtools-kit": ["./packages/devtools-kit/src/index.ts"],
+      "@vue/devtools-ui": ["./packages/ui/src/index.ts"],
+      "@vue/devtools-ui/theme": ["./packages/ui/theme/index.ts"],
+      "@vue/devtools-vite": ["./packages/vite/src/index.ts"]
     },
     "resolveJsonModule": true,
     "types": [
       "chrome",
       "vite/client",
       "vitest/globals",
-      "@vue/devtools-next-schema"
+      "@vue/devtools-schema"
     ],
     "allowJs": true,
     "strict": true,