feature: directory modified

knip.config.ts

@@ -44,12 +44,12 @@ const config: KnipConfig = {
     // Auto generated manager types
     'src/types/generatedManagerTypes.ts',
     // Design system components (may not be used immediately)
-    'src/components/custom/button/IconGroup.vue',
-    'src/components/custom/button/MoreButton.vue',
-    'src/components/custom/button/TextButton.vue',
-    'src/components/custom/card/CardTitle.vue',
-    'src/components/custom/card/CardDescription.vue',
-    'src/components/custom/input/SingleSelect.vue'
+    'src/components/button/IconGroup.vue',
+    'src/components/button/MoreButton.vue',
+    'src/components/button/TextButton.vue',
+    'src/components/card/CardTitle.vue',
+    'src/components/card/CardDescription.vue',
+    'src/components/input/SingleSelect.vue'
   ],
   ignoreExportsUsedInFile: true,
   // Vue-specific configuration

src/components/custom/button/IconButton.vue → src/components/button/IconButton.vue

@@ -8,12 +8,12 @@
 import Button from 'primevue/button'
 import { computed } from 'vue'
 
-import type { BaseButtonProps } from '@/types/custom_components/buttonTypes'
+import type { BaseButtonProps } from '@/types/buttonTypes'
 import {
   getBaseButtonClasses,
   getButtonTypeClasses,
   getIconButtonSizeClasses
-} from '@/types/custom_components/buttonTypes'
+} from '@/types/buttonTypes'
 
 interface IconButtonProps extends BaseButtonProps {
   onClick: (event: Event) => void

src/components/custom/button/IconTextButton.vue → src/components/button/IconTextButton.vue

@@ -10,12 +10,12 @@
 import Button from 'primevue/button'
 import { computed } from 'vue'
 
-import type { BaseButtonProps } from '@/types/custom_components/buttonTypes'
+import type { BaseButtonProps } from '@/types/buttonTypes'
 import {
   getBaseButtonClasses,
   getButtonSizeClasses,
   getButtonTypeClasses
-} from '@/types/custom_components/buttonTypes'
+} from '@/types/buttonTypes'
 
 interface IconTextButtonProps extends BaseButtonProps {
   iconPosition?: 'left' | 'right'

src/components/custom/button/TextButton.vue → src/components/button/TextButton.vue

@@ -8,12 +8,12 @@
 import Button from 'primevue/button'
 import { computed } from 'vue'
 
-import type { BaseButtonProps } from '@/types/custom_components/buttonTypes'
+import type { BaseButtonProps } from '@/types/buttonTypes'
 import {
   getBaseButtonClasses,
   getButtonSizeClasses,
   getButtonTypeClasses
-} from '@/types/custom_components/buttonTypes'
+} from '@/types/buttonTypes'
 
 interface TextButtonProps extends BaseButtonProps {
   label: string

src/components/custom/widget/ModelSelector.vue → src/components/widget/ModelSelector.vue

@@ -106,13 +106,13 @@
                 </IconButton>
               </template>
               <template #bottom-right>
-                <SquareTag label="png" />
-                <SquareTag label="1.2 MB" />
-                <SquareTag label="LoRA">
+                <SquareChip label="png" />
+                <SquareChip label="1.2 MB" />
+                <SquareChip label="LoRA">
                   <template #icon>
                     <i-lucide:folder />
                   </template>
-                </SquareTag>
+                </SquareChip>
               </template>
             </CardTop>
           </template>
@@ -134,22 +134,21 @@
 import { provide, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { NavGroupData, NavItemData } from '@/types/custom_components/navTypes'
-import { OnCloseKey } from '@/types/custom_components/widgetTypes'
-
-import SquareTag from '../SquareTag.vue'
-import IconButton from '../button/IconButton.vue'
-import IconTextButton from '../button/IconTextButton.vue'
-import MoreButton from '../button/MoreButton.vue'
-import CardBottom from '../card/CardBottom.vue'
-import CardContainer from '../card/CardContainer.vue'
-import CardTop from '../card/CardTop.vue'
-import MultiSelect from '../input/MultiSelect.vue'
-import SearchBox from '../input/SearchBox.vue'
-import SingleSelect from '../input/SingleSelect.vue'
-import BaseWidgetLayout from './layout/BaseWidgetLayout.vue'
-import LeftSidePanel from './panel/LeftSidePanel.vue'
-import RightSidePanel from './panel/RightSidePanel.vue'
+import IconButton from '@/components/button/IconButton.vue'
+import IconTextButton from '@/components/button/IconTextButton.vue'
+import MoreButton from '@/components/button/MoreButton.vue'
+import CardBottom from '@/components/card/CardBottom.vue'
+import CardContainer from '@/components/card/CardContainer.vue'
+import CardTop from '@/components/card/CardTop.vue'
+import SquareChip from '@/components/chip/SquareChip.vue'
+import MultiSelect from '@/components/input/MultiSelect.vue'
+import SearchBox from '@/components/input/SearchBox.vue'
+import SingleSelect from '@/components/input/SingleSelect.vue'
+import BaseWidgetLayout from '@/components/widget/layout/BaseWidgetLayout.vue'
+import LeftSidePanel from '@/components/widget/panel/LeftSidePanel.vue'
+import RightSidePanel from '@/components/widget/panel/RightSidePanel.vue'
+import { NavGroupData, NavItemData } from '@/types/navTypes'
+import { OnCloseKey } from '@/types/widgetTypes'
 
 const frameworkOptions = ref([
   { name: 'Vue', value: 'vue' },

src/components/custom/widget/layout/BaseWidgetLayout.vue → src/components/widget/layout/BaseWidgetLayout.vue

@@ -87,8 +87,8 @@
 import { useBreakpoints } from '@vueuse/core'
 import { computed, inject, ref, useSlots, watch } from 'vue'
 
-import IconButton from '@/components/custom/button/IconButton.vue'
-import { OnCloseKey } from '@/types/custom_components/widgetTypes'
+import IconButton from '@/components/button/IconButton.vue'
+import { OnCloseKey } from '@/types/widgetTypes'
 
 const { contentTitle } = defineProps<{
   contentTitle: string

src/components/custom/widget/panel/LeftSidePanel.vue → src/components/widget/panel/LeftSidePanel.vue

@@ -36,10 +36,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import { NavGroupData, NavItemData } from '@/types/custom_components/navTypes'
+import NavItem from '@/components/widget/nav/NavItem.vue'
+import NavTitle from '@/components/widget/nav/NavTitle.vue'
+import { NavGroupData, NavItemData } from '@/types/navTypes'
 
-import NavItem from '../nav/NavItem.vue'
-import NavTitle from '../nav/NavTitle.vue'
 import PanelHeader from './PanelHeader.vue'
 
 const { navItems = [], modelValue } = defineProps<{

src/composables/useModelSelectorDialog.ts

@@ -1,4 +1,4 @@
-import ModelSelector from '@/components/custom/widget/ModelSelector.vue'
+import ModelSelector from '@/components/widget/ModelSelector.vue'
 import { useDialogService } from '@/services/dialogService'
 import { useDialogStore } from '@/stores/dialogStore'