refactor: organize webcomponents into categorized folders

antfu · claude · antfu · commit 7cc0fe7837dd · 2026-03-18T18:30:32.000+09:00
Reorganize 36 component files from a flat directory into 7 subdirectories based on their purpose for better maintainability and navigation. Updated all 50+ import references across component files and external entrypoints.

Co-Authored-By: Claude Haiku 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/packages/core/src/client/standalone/App.vue b/packages/core/src/client/standalone/App.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { CLIENT_CONTEXT_KEY, getDevToolsRpcClient } from '@vitejs/devtools-kit/client'
-import DockStandalone from '../webcomponents/components/DockStandalone.vue'
+import DockStandalone from '../webcomponents/components/dock/DockStandalone.vue'
 import { createDocksContext } from '../webcomponents/state/context'
 
 const rpc = await getDevToolsRpcClient()
diff --git a/packages/core/src/client/webcomponents/components/DockEmbedded.ts b/packages/core/src/client/webcomponents/components/DockEmbedded.ts
@@ -2,7 +2,7 @@ import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { VueElementConstructor } from 'vue'
 import { defineCustomElement } from 'vue'
 import css from '../.generated/css'
-import Component from './DockEmbedded.vue'
+import Component from './dock/DockEmbedded.vue'
 
 export const DockEmbedded = defineCustomElement(
   Component,
diff --git a/packages/core/src/client/webcomponents/components/DockStandalone.ts b/packages/core/src/client/webcomponents/components/DockStandalone.ts
@@ -2,7 +2,7 @@ import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { VueElementConstructor } from 'vue'
 import { defineCustomElement } from 'vue'
 import css from '../.generated/css'
-import Component from './DockStandalone.vue'
+import Component from './dock/DockStandalone.vue'
 
 export const DockStandalone = defineCustomElement(
   Component,
diff --git a/packages/core/src/client/webcomponents/components/display/FilterToggles.vue b/packages/core/src/client/webcomponents/components/display/FilterToggles.vue
diff --git a/packages/core/src/client/webcomponents/components/display/HashBadge.vue b/packages/core/src/client/webcomponents/components/display/HashBadge.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { getHashColorFromString } from './LogItemConstants'
+import { getHashColorFromString } from '../log/LogItemConstants'
 
 const props = defineProps<{
   label: string
diff --git a/packages/core/src/client/webcomponents/components/display/ToastOverlay.vue b/packages/core/src/client/webcomponents/components/display/ToastOverlay.vue
@@ -1,10 +1,8 @@
 <script setup lang="ts">
 import type { DocksContext } from '@vitejs/devtools-kit/client'
-import { useLogs } from '../state/logs'
-import { dismissToast, useToasts } from '../state/toasts'
-import LogItem from './LogItem.vue'
-
-// @unocss-include
+import { useLogs } from '../../state/logs'
+import { dismissToast, useToasts } from '../../state/toasts'
+import LogItem from '../log/LogItem.vue'
 
 const props = defineProps<{
   context?: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/dock/Dock.vue b/packages/core/src/client/webcomponents/components/dock/Dock.vue
@@ -2,13 +2,13 @@
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { useEventListener, useScreenSafeArea } from '@vueuse/core'
 import { computed, onMounted, reactive, ref, useTemplateRef, watchEffect } from 'vue'
-import { BUILTIN_ENTRY_CLIENT_AUTH_NOTICE } from '../constants'
-import { docksSplitGroupsWithCapacity } from '../state/dock-settings'
+import { BUILTIN_ENTRY_CLIENT_AUTH_NOTICE } from '../../constants'
+import { docksSplitGroupsWithCapacity } from '../../state/dock-settings'
+import BracketLeft from '../icons/BracketLeft.vue'
+import BracketRight from '../icons/BracketRight.vue'
+import VitePlusCore from '../icons/VitePlusCore.vue'
 import DockEntriesWithCategories from './DockEntriesWithCategories.vue'
 import DockOverflowButton from './DockOverflowButton.vue'
-import BracketLeft from './icons/BracketLeft.vue'
-import BracketRight from './icons/BracketRight.vue'
-import VitePlusCore from './icons/VitePlusCore.vue'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/dock/DockContextMenu.ts b/packages/core/src/client/webcomponents/components/dock/DockContextMenu.ts
@@ -1,8 +1,8 @@
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { h } from 'vue'
-import { setDockContextMenu } from '../state/floating-tooltip'
-import { isDockPopupSupported, requestDockPopupOpen, useIsDockPopupOpen } from '../state/popup'
+import { setDockContextMenu } from '../../state/floating-tooltip'
+import { isDockPopupSupported, requestDockPopupOpen, useIsDockPopupOpen } from '../../state/popup'
 
 // @unocss-include
 
diff --git a/packages/core/src/client/webcomponents/components/dock/DockEdge.vue b/packages/core/src/client/webcomponents/components/dock/DockEdge.vue
@@ -2,13 +2,11 @@
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
 import { computed, h, markRaw, useTemplateRef } from 'vue'
-import { setEdgePositionDropdown, setFloatingTooltip, useEdgePositionDropdown } from '../state/floating-tooltip'
-import { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
+import { setEdgePositionDropdown, setFloatingTooltip, useEdgePositionDropdown } from '../../state/floating-tooltip'
+import { PersistedDomViewsManager } from '../../utils/PersistedDomViewsManager'
+import ViewEntry from '../views/ViewEntry.vue'
 import DockEntriesWithCategories from './DockEntriesWithCategories.vue'
 import DockPanelResizer from './DockPanelResizer.vue'
-import ViewEntry from './ViewEntry.vue'
-
-// @unocss-include
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/dock/DockEmbedded.vue b/packages/core/src/client/webcomponents/components/dock/DockEmbedded.vue
@@ -2,13 +2,13 @@
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { useEventListener } from '@vueuse/core'
 import { onUnmounted } from 'vue'
-import { sharedStateToRef } from '../state/docks'
-import { closeDockPopup, useIsDockPopupOpen } from '../state/popup'
+import { sharedStateToRef } from '../../state/docks'
+import { closeDockPopup, useIsDockPopupOpen } from '../../state/popup'
+import ToastOverlay from '../display/ToastOverlay.vue'
+import FloatingElements from '../floating/FloatingElements.vue'
 import Dock from './Dock.vue'
 import DockEdge from './DockEdge.vue'
 import DockPanel from './DockPanel.vue'
-import FloatingElements from './FloatingElements.vue'
-import ToastOverlay from './ToastOverlay.vue'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/dock/DockEntries.vue b/packages/core/src/client/webcomponents/components/dock/DockEntries.vue
diff --git a/packages/core/src/client/webcomponents/components/dock/DockEntriesWithCategories.vue b/packages/core/src/client/webcomponents/components/dock/DockEntriesWithCategories.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
-import type { DevToolsDockEntriesGrouped } from '../state/dock-settings'
+import type { DevToolsDockEntriesGrouped } from '../../state/dock-settings'
 import DockEntries from './DockEntries.vue'
 
 withDefaults(defineProps<{
diff --git a/packages/core/src/client/webcomponents/components/dock/DockEntry.vue b/packages/core/src/client/webcomponents/components/dock/DockEntry.vue
@@ -3,7 +3,7 @@ import type { DevToolsDockEntryBase } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { useEventListener } from '@vueuse/core'
 import { useTemplateRef } from 'vue'
-import { setFloatingTooltip } from '../state/floating-tooltip'
+import { setFloatingTooltip } from '../../state/floating-tooltip'
 import { openDockContextMenu } from './DockContextMenu'
 import DockIcon from './DockIcon.vue'
 
diff --git a/packages/core/src/client/webcomponents/components/dock/DockIcon.vue b/packages/core/src/client/webcomponents/components/dock/DockIcon.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import IconifyIcon from './IconifyIcon.vue'
-import VitePlusCore from './icons/VitePlusCore.vue'
+import IconifyIcon from '../icons/IconifyIcon.vue'
+import VitePlusCore from '../icons/VitePlusCore.vue'
 
 const props = defineProps<{
   icon: string | { dark: string, light: string }
diff --git a/packages/core/src/client/webcomponents/components/dock/DockOverflowButton.vue b/packages/core/src/client/webcomponents/components/dock/DockOverflowButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
-import type { DevToolsDockEntriesGrouped } from '../state/dock-settings'
+import type { DevToolsDockEntriesGrouped } from '../../state/dock-settings'
 import { watchDebounced } from '@vueuse/core'
 import { computed, h, ref, useTemplateRef } from 'vue'
-import { setDocksOverflowPanel, useDocksOverflowPanel } from '../state/floating-tooltip'
+import { setDocksOverflowPanel, useDocksOverflowPanel } from '../../state/floating-tooltip'
 import DockEntriesWithCategories from './DockEntriesWithCategories.vue'
 import DockEntry from './DockEntry.vue'
 
diff --git a/packages/core/src/client/webcomponents/components/dock/DockPanel.vue b/packages/core/src/client/webcomponents/components/dock/DockPanel.vue
@@ -4,10 +4,10 @@ import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
 import { useElementBounding, useWindowSize } from '@vueuse/core'
 import { computed, markRaw, onMounted, reactive, ref, toRefs, useTemplateRef } from 'vue'
-import { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
+import { PersistedDomViewsManager } from '../../utils/PersistedDomViewsManager'
+import ViewEntry from '../views/ViewEntry.vue'
 import { openDockContextMenu } from './DockContextMenu'
 import DockPanelResizer from './DockPanelResizer.vue'
-import ViewEntry from './ViewEntry.vue'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/dock/DockPanelResizer.vue b/packages/core/src/client/webcomponents/components/dock/DockPanelResizer.vue
diff --git a/packages/core/src/client/webcomponents/components/dock/DockStandalone.vue b/packages/core/src/client/webcomponents/components/dock/DockStandalone.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { computed, markRaw, ref, useTemplateRef, watch } from 'vue'
-import { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
+import { PersistedDomViewsManager } from '../../utils/PersistedDomViewsManager'
+import ToastOverlay from '../display/ToastOverlay.vue'
+import FloatingElements from '../floating/FloatingElements.vue'
+import VitePlus from '../icons/VitePlus.vue'
+import ViewBuiltinClientAuthNotice from '../views-builtin/ViewBuiltinClientAuthNotice.vue'
+import ViewEntry from '../views/ViewEntry.vue'
 import DockEntriesWithCategories from './DockEntriesWithCategories.vue'
-import FloatingElements from './FloatingElements.vue'
-import VitePlus from './icons/VitePlus.vue'
-import ToastOverlay from './ToastOverlay.vue'
-import ViewBuiltinClientAuthNotice from './ViewBuiltinClientAuthNotice.vue'
-import ViewEntry from './ViewEntry.vue'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/floating/FloatingElements.vue b/packages/core/src/client/webcomponents/components/floating/FloatingElements.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useEventListener } from '@vueuse/core'
-import { setDockContextMenu, setDocksOverflowPanel, setEdgePositionDropdown, useDockContextMenu, useDocksOverflowPanel, useEdgePositionDropdown, useFloatingTooltip } from '../state/floating-tooltip'
+import { setDockContextMenu, setDocksOverflowPanel, setEdgePositionDropdown, useDockContextMenu, useDocksOverflowPanel, useEdgePositionDropdown, useFloatingTooltip } from '../../state/floating-tooltip'
 import FloatingPopover from './FloatingPopover'
 
 const tooltip = useFloatingTooltip()
diff --git a/packages/core/src/client/webcomponents/components/floating/FloatingPopover.ts b/packages/core/src/client/webcomponents/components/floating/FloatingPopover.ts
@@ -1,5 +1,5 @@
 import type { PropType, VNode } from 'vue'
-import type { FloatingPopoverProps } from '../state/floating-tooltip'
+import type { FloatingPopoverProps } from '../../state/floating-tooltip'
 import { onClickOutside, useDebounceFn } from '@vueuse/core'
 import { defineComponent, h, ref, useTemplateRef, watch } from 'vue'
 
diff --git a/packages/core/src/client/webcomponents/components/icons/IconifyIcon.vue b/packages/core/src/client/webcomponents/components/icons/IconifyIcon.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watchEffect } from 'vue'
-import { getIconifySvg } from '../utils/iconify'
+import { getIconifySvg } from '../../utils/iconify'
 
 const props = defineProps<{
   icon: string
diff --git a/packages/core/src/client/webcomponents/components/log/LogItem.vue b/packages/core/src/client/webcomponents/components/log/LogItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { DevToolsLogEntry } from '@vitejs/devtools-kit'
 import { useTimeAgo } from '@vueuse/core'
-import HashBadge from './HashBadge.vue'
+import HashBadge from '../display/HashBadge.vue'
 import { levels } from './LogItemConstants'
 
 const props = defineProps<{
diff --git a/packages/core/src/client/webcomponents/components/log/LogItemConstants.ts b/packages/core/src/client/webcomponents/components/log/LogItemConstants.ts
diff --git a/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinClientAuthNotice.vue b/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinClientAuthNotice.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { DocksContext } from '@vitejs/devtools-kit/client'
-import VitePlus from './icons/VitePlus.vue'
+import VitePlus from '../icons/VitePlus.vue'
 
 defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinLogs.vue b/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinLogs.vue
@@ -3,11 +3,11 @@ import type { DevToolsLogEntry, DevToolsLogEntryFrom, DevToolsLogLevel } from '@
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { useTimeAgo } from '@vueuse/core'
 import { computed, onMounted, ref } from 'vue'
-import { markLogsAsRead, useLogs } from '../state/logs'
-import FilterToggles from './FilterToggles.vue'
-import HashBadge from './HashBadge.vue'
-import LogItem from './LogItem.vue'
-import { formEntries, getHashColorFromString, levels } from './LogItemConstants'
+import { markLogsAsRead, useLogs } from '../../state/logs'
+import FilterToggles from '../display/FilterToggles.vue'
+import HashBadge from '../display/HashBadge.vue'
+import LogItem from '../log/LogItem.vue'
+import { formEntries, getHashColorFromString, levels } from '../log/LogItemConstants'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinSettings.vue b/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinSettings.vue
@@ -3,10 +3,10 @@ import type { DevToolsViewBuiltin } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { DEFAULT_STATE_USER_SETTINGS } from '@vitejs/devtools-kit/constants'
 import { computed } from 'vue'
-import { docksGroupByCategories } from '../state/dock-settings'
-import { sharedStateToRef } from '../state/docks'
-import { isDockPopupSupported, requestDockPopupOpen, useIsDockPopupOpen } from '../state/popup'
-import DockIcon from './DockIcon.vue'
+import { docksGroupByCategories } from '../../state/dock-settings'
+import { sharedStateToRef } from '../../state/docks'
+import { isDockPopupSupported, requestDockPopupOpen, useIsDockPopupOpen } from '../../state/popup'
+import DockIcon from '../dock/DockIcon.vue'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinTerminalPanel.vue b/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinTerminalPanel.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/no-mutating-props -->
 <script setup lang="ts">
 import type { DocksContext } from '@vitejs/devtools-kit/client'
-import type { TerminalState } from '../state/terminals'
+import type { TerminalState } from '../../state/terminals'
 import { useEventListener } from '@vueuse/core'
 import { FitAddon } from '@xterm/addon-fit'
 import { Terminal } from '@xterm/xterm'
diff --git a/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinTerminals.vue b/packages/core/src/client/webcomponents/components/views-builtin/ViewBuiltinTerminals.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { DocksContext } from '@vitejs/devtools-kit/client'
-import type { TerminalState } from '../state/terminals'
+import type { TerminalState } from '../../state/terminals'
 import { watchImmediate } from '@vueuse/core'
 import { shallowRef } from 'vue'
-import { useTerminals } from '../state/terminals'
-import DockIcon from './DockIcon.vue'
+import { useTerminals } from '../../state/terminals'
+import DockIcon from '../dock/DockIcon.vue'
 import ViewBuiltinTerminalPanel from './ViewBuiltinTerminalPanel.vue'
 
 const props = defineProps<{
diff --git a/packages/core/src/client/webcomponents/components/views/ViewCustomRenderer.vue b/packages/core/src/client/webcomponents/components/views/ViewCustomRenderer.vue
@@ -2,7 +2,7 @@
 import type { DevToolsViewCustomRender } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
-import type { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
+import type { PersistedDomViewsManager } from '../../utils/PersistedDomViewsManager'
 import { nextTick, onMounted, onUnmounted, ref, useTemplateRef, watch, watchEffect } from 'vue'
 
 const props = defineProps<{
diff --git a/packages/core/src/client/webcomponents/components/views/ViewEntry.vue b/packages/core/src/client/webcomponents/components/views/ViewEntry.vue
@@ -2,10 +2,10 @@
 import type { DevToolsDockEntry } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
-import type { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
+import type { PersistedDomViewsManager } from '../../utils/PersistedDomViewsManager'
 import { defineAsyncComponent } from 'vue'
-import ViewBuiltinClientAuthNotice from './ViewBuiltinClientAuthNotice.vue'
-import ViewBuiltinSettings from './ViewBuiltinSettings.vue'
+import ViewBuiltinClientAuthNotice from '../views-builtin/ViewBuiltinClientAuthNotice.vue'
+import ViewBuiltinSettings from '../views-builtin/ViewBuiltinSettings.vue'
 import ViewCustomRenderer from './ViewCustomRenderer.vue'
 import ViewIframe from './ViewIframe.vue'
 import ViewLauncher from './ViewLauncher.vue'
@@ -19,8 +19,8 @@ defineProps<{
 }>()
 
 // Lazy load some less frequently used builtin views
-const ViewBuiltinTerminals = defineAsyncComponent(() => import('./ViewBuiltinTerminals.vue'))
-const ViewBuiltinLogs = defineAsyncComponent(() => import('./ViewBuiltinLogs.vue'))
+const ViewBuiltinTerminals = defineAsyncComponent(() => import('../views-builtin/ViewBuiltinTerminals.vue'))
+const ViewBuiltinLogs = defineAsyncComponent(() => import('../views-builtin/ViewBuiltinLogs.vue'))
 const ViewJsonRender = defineAsyncComponent(() => import('./ViewJsonRender.vue'))
 </script>
 
diff --git a/packages/core/src/client/webcomponents/components/views/ViewIframe.vue b/packages/core/src/client/webcomponents/components/views/ViewIframe.vue
@@ -2,9 +2,9 @@
 import type { DevToolsViewIframe } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import type { CSSProperties } from 'vue'
-import type { PersistedDomViewsManager } from '../utils/PersistedDomViewsManager'
+import type { PersistedDomViewsManager } from '../../utils/PersistedDomViewsManager'
 import { computed, nextTick, onMounted, onUnmounted, ref, useTemplateRef, watch, watchEffect } from 'vue'
-import { sharedStateToRef } from '../state/docks'
+import { sharedStateToRef } from '../../state/docks'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/views/ViewJsonRender.vue b/packages/core/src/client/webcomponents/components/views/ViewJsonRender.vue
@@ -4,7 +4,7 @@ import type { DevToolsViewJsonRender } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { JSONUIProvider, Renderer } from '@json-render/vue'
 import { computed, markRaw, onMounted, ref, shallowRef, watch } from 'vue'
-import { devtoolsRegistry } from '../json-render/registry'
+import { devtoolsRegistry } from '../../json-render/registry'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/components/views/ViewLauncher.vue b/packages/core/src/client/webcomponents/components/views/ViewLauncher.vue
@@ -2,7 +2,7 @@
 import type { DevToolsViewLauncher, DevToolsViewLauncherStatus } from '@vitejs/devtools-kit'
 import type { DocksContext } from '@vitejs/devtools-kit/client'
 import { computed } from 'vue'
-import DockIcon from './DockIcon.vue'
+import DockIcon from '../dock/DockIcon.vue'
 
 const props = defineProps<{
   context: DocksContext
diff --git a/packages/core/src/client/webcomponents/index.ts b/packages/core/src/client/webcomponents/index.ts
@@ -1,3 +1,4 @@
 export * from './components/DockEmbedded'
+export * from './components/DockStandalone'
 export * from './state/docks'
 export * from './utils/PersistedDomViewsManager'
