update

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

@@ -4,18 +4,18 @@ 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-peripherals
+    <eco-view-peripherals
       .activeCategory=${'all'}
       @device-select=${(e: CustomEvent) => console.log('Device selected:', e.detail)}
       @scan-start=${() => console.log('Scanning started')}
       @scan-complete=${() => console.log('Scanning complete')}
-    ></eco-peripherals>
+    ></eco-view-peripherals>
   </div>
 `;

ts_web/views/eco-view-peripherals/eco-view-peripherals.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-peripherals.demo.js';
+import type { ISecondaryMenuGroup, ISecondaryMenuItem } from '../../elements/interfaces/secondarymenu.js';
+import { demo } from './eco-view-peripherals.demo.js';
 
 // Ensure components are registered
 DeesAppuiSecondarymenu;
@@ -18,7 +18,7 @@ DeesIcon;
 
 declare global {
   interface HTMLElementTagNameMap {
-    'eco-peripherals': EcoPeripherals;
+    'eco-view-peripherals': EcoViewPeripherals;
   }
 }
 
@@ -47,10 +47,10 @@ export interface IPeripheralDevice {
   isDefault?: boolean;
 }
 
-@customElement('eco-peripherals')
-export class EcoPeripherals extends DeesElement {
+@customElement('eco-view-peripherals')
+export class EcoViewPeripherals 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-peripherals/index.ts

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