update

ts_web/views/eco-view-settings/eco-view-settings.demo.ts

@@ -4,15 +4,15 @@ export const demo = () => html`
   <style>
     .demo-container {
       width: 100%;
-      height: 600px;
+      height: 100%;
       background: hsl(240 10% 4%);
       border-radius: 12px;
       overflow: hidden;
     }
   </style>
   <div class="demo-container">
-    <eco-settings
+    <eco-view-settings
       .activePanel=${'general'}
-    ></eco-settings>
+    ></eco-view-settings>
   </div>
 `;

ts_web/views/eco-view-settings/eco-view-settings.ts

@@ -9,8 +9,8 @@ import {
   state,
 } from '@design.estate/dees-element';
 import { DeesAppuiSecondarymenu, DeesIcon } from '@design.estate/dees-catalog';
-import type { ISecondaryMenuGroup, ISecondaryMenuItem } from '../../interfaces/secondarymenu.js';
-import { demo } from './eco-settings.demo.js';
+import type { ISecondaryMenuGroup, ISecondaryMenuItem } from '../../elements/interfaces/secondarymenu.js';
+import { demo } from './eco-view-settings.demo.js';
 
 // Ensure components are registered
 DeesAppuiSecondarymenu;
@@ -18,7 +18,7 @@ DeesIcon;
 
 declare global {
   interface HTMLElementTagNameMap {
-    'eco-settings': EcoSettings;
+    'eco-view-settings': EcoViewSettings;
   }
 }
 
@@ -35,10 +35,10 @@ export type TSettingsPanel =
   | 'updates'
   | 'about';
 
-@customElement('eco-settings')
-export class EcoSettings extends DeesElement {
+@customElement('eco-view-settings')
+export class EcoViewSettings extends DeesElement {
   public static demo = demo;
-  public static demoGroup = 'App Launcher';
+  public static demoGroup = 'Views';
 
   public static styles = [
     cssManager.defaultStyles,

ts_web/views/eco-view-settings/index.ts

@@ -1 +1 @@
-export * from './eco-settings.js';
+export * from './eco-view-settings.js';