cloud-ide-layout 1.0.168 → 1.0.174

package/fesm2022/{cloud-ide-layout-cloud-ide-layout-TXOQ0tip.mjs → cloud-ide-layout-cloud-ide-layout-Cwim-wD5.mjs}

@@ -10,12 +10,13 @@ import { Title, DomSanitizer } from '@angular/platform-browser';
 import { CideEleFileManagerService, CideElementsService, CideEleFloatingContainerService, NotificationService, CideIconComponent, CideEleButtonComponent, CideInputComponent, CideSelectComponent, CideThemeService, ConfirmationService, WebSocketNotificationService, NotificationApiService, CideEleDropdownComponent, CideEleFileImageDirective, CideEleResizerDirective, TooltipDirective, CideSpinnerComponent, CideEleSkeletonLoaderComponent, KeyboardShortcutService, FloatingContainerShortcutsService, CideEleFloatingContainerManagerComponent, CideEleGlobalNotificationsComponent, CideEleBreadcrumbComponent } from 'cloud-ide-element';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgClass, NgFor, NgIf, isPlatformBrowser } from '@angular/common';
-import { FINANCIAL_YEAR_SERVICE_TOKEN, ACADEMIC_YEAR_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, authGuard, ENTITY_SERVICE_TOKEN } from 'cloud-ide-shared';
+import { FINANCIAL_YEAR_SERVICE_TOKEN, ACADEMIC_YEAR_SERVICE_TOKEN, AUTH_SERVICE_TOKEN, authGuard, ENTITY_SERVICE_TOKEN, CideSharedOrgStructureComponent } from 'cloud-ide-shared';
 import * as i1 from '@angular/forms';
 import { FormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { merge } from 'lodash-es';
+import { CloudIdeAuthService } from 'cloud-ide-auth';
 
 class CloudIdeLayoutService {
     constructor() { }
@@ -1408,7 +1409,7 @@ class CideLytFloatingEntitySelectionService {
         }
         try {
             // Use relative import to avoid circular dependency
-            const module = await import('./cloud-ide-layout-floating-entity-selection.component-CFvHxAw7.mjs');
+            const module = await Promise.resolve().then(function () { return floatingEntitySelection_component; });
             if (module.CideLytFloatingEntitySelectionComponent) {
                 this.containerService.registerComponent('entity-selection-header', module.CideLytFloatingEntitySelectionComponent);
                 console.log('✅ Entity selection component registered successfully');
@@ -1418,10 +1419,54 @@ class CideLytFloatingEntitySelectionService {
             console.error('❌ Failed to register entity selection component:', error);
         }
     }
+    /**
+     * Get responsive dimensions based on screen size
+     */
+    getResponsiveDimensions() {
+        // Check if we're in a browser environment
+        if (typeof window === 'undefined') {
+            // Default desktop dimensions
+            return {
+                width: '800px',
+                height: '600px',
+                minWidth: '600px',
+                minHeight: '500px'
+            };
+        }
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        // Mobile devices (up to 768px)
+        if (viewportWidth <= 768) {
+            return {
+                width: '95vw',
+                height: '90vh',
+                minWidth: '280px',
+                minHeight: '400px'
+            };
+        }
+        // Tablet devices (769px to 1024px)
+        if (viewportWidth <= 1024) {
+            return {
+                width: '90vw',
+                height: '85vh',
+                minWidth: '500px',
+                minHeight: '450px'
+            };
+        }
+        // Desktop devices (above 1024px)
+        return {
+            width: '800px',
+            height: '600px',
+            minWidth: '600px',
+            minHeight: '500px'
+        };
+    }
     /**
      * Show entity selection in floating container
+     * @param onSelect - Optional callback function that receives the selected entity (for selection mode, not switching)
+     * @param title - Optional title for the container (default: 'Switch Entity')
      */
-    async show() {
+    async show(onSelect, title = 'Switch Entity') {
         console.log('🏢 Showing entity selection...');
         console.log('📋 Current registered components:', this.containerService.getRegisteredComponentIds());
         // Ensure component is registered before showing
@@ -1434,20 +1479,30 @@ class CideLytFloatingEntitySelectionService {
             console.log('✅ Entity selection component already registered');
         }
         try {
+            // Get responsive dimensions based on screen size
+            const dimensions = this.getResponsiveDimensions();
             const config = {
                 id: 'entity-selection-header',
-                title: 'Switch Entity',
+                title: title,
                 icon: 'business',
-                width: '800px',
-                height: '600px',
-                minWidth: '600px',
-                minHeight: '500px',
+                width: dimensions.width,
+                height: dimensions.height,
+                minWidth: dimensions.minWidth,
+                minHeight: dimensions.minHeight,
+                maxWidth: '95vw',
+                maxHeight: '95vh',
                 resizable: true,
                 draggable: true,
                 closable: true,
                 minimizable: true,
                 maximizable: true,
-                componentId: 'entity-selection-header'
+                componentId: 'entity-selection-header',
+                componentConfig: {
+                    inputs: {
+                        onSelectCallback: signal(onSelect),
+                        selectionMode: signal(!!onSelect) // If callback provided, use selection mode
+                    }
+                }
             };
             const containerId = this.containerService.show(config);
             console.log('✅ Entity selection container opened with ID:', containerId);
@@ -5192,8 +5247,8 @@ class CideLytSidedrawerWrapperComponent {
     }
     ngOnInit() {
         // Initialize the component map (You'd likely populate this from a config or service)
-        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-DKBaKoE7.mjs').then(m => m.CideLytSidedrawerNotesComponent);
-        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-Dzt70vGh.mjs').then(m => m.CideLytDrawerThemeComponent);
+        this.componentMap['drowar_notes'] = () => import('./cloud-ide-layout-sidedrawer-notes.component-DhnrHthy.mjs').then(m => m.CideLytSidedrawerNotesComponent);
+        this.componentMap['drawer_theme'] = () => import('./cloud-ide-layout-drawer-theme.component-DVg-dInv.mjs').then(m => m.CideLytDrawerThemeComponent);
     }
     async loadComponent(configFor) {
         console.log('🔍 SIDEDRAWER - Loading component:', configFor, 'Current tab:', this.currentTabId);
@@ -6600,7 +6655,7 @@ class CideLytSharedWrapperComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytSharedWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cide-lyt-shared-wrapper', imports: [CideEleBreadcrumbComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-max-w-full tw-overflow-hidden\">\n  <div\n    class=\"tw-sticky tw-w-full tw-max-w-full tw-top-0 tw-z-10 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm\">\n    <div\n      class=\"tw-flex tw-items-start sm:tw-items-center tw-justify-between tw-gap-2 tw-px-0 tw-py-0 tw-min-w-0 tw-overflow-hidden tw-flex-col sm:tw-flex-row\">\n      <!-- Breadcrumb - Full width on mobile/tablet, flex-1 on desktop -->\n      <div class=\"tw-w-full sm:tw-flex-1 tw-min-w-0 tw-overflow-hidden tw-order-1\">\n        <cide-ele-breadcrumb [style]=\"'modern'\" [compact]=\"true\"\n          (homeClick)=\"onBreadcrumbHomeClick()\"></cide-ele-breadcrumb>\n      </div>\n      <!-- Breadcrumb Actions - Full width on mobile, auto on tablet/desktop -->\n      <div class=\"tw-w-full sm:tw-w-auto tw-flex-shrink-0 sm:tw-ml-2 md:tw-ml-4 tw-order-2\">\n        <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-flex-1 tw-w-full tw-max-w-full tw-overflow-y-auto tw-overflow-x-hidden tw-min-h-0\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [":host{display:block;height:100%;width:100%}:host>div{display:flex;flex-direction:column;height:100%;width:100%}::ng-deep cide-lyt-shared-wrapper{height:100%!important;display:block!important;width:100%!important}@media (max-width: 479px){::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.5625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center;gap:.125rem}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 480px) and (max-width: 640px){::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 641px) and (max-width: 1024px){::ng-deep [breadcrumb-actions]{flex-shrink:0;margin-left:1rem}::ng-deep cide-ele-breadcrumb{font-size:.6875rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 1025px){::ng-deep [breadcrumb-actions]{flex-shrink:0;width:auto;margin-top:0;margin-left:1rem}::ng-deep cide-ele-breadcrumb{font-size:.75rem;width:auto}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:nowrap;align-items:center;gap:.25rem}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:auto;overflow:visible}}\n"] }]
+            args: [{ selector: 'cide-lyt-shared-wrapper', standalone: true, imports: [CideEleBreadcrumbComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-max-w-full tw-overflow-hidden\">\n  <div\n    class=\"tw-sticky tw-w-full tw-max-w-full tw-top-0 tw-z-10 tw-bg-white tw-border-b tw-border-gray-200 tw-shadow-sm\">\n    <div\n      class=\"tw-flex tw-items-start sm:tw-items-center tw-justify-between tw-gap-2 tw-px-0 tw-py-0 tw-min-w-0 tw-overflow-hidden tw-flex-col sm:tw-flex-row\">\n      <!-- Breadcrumb - Full width on mobile/tablet, flex-1 on desktop -->\n      <div class=\"tw-w-full sm:tw-flex-1 tw-min-w-0 tw-overflow-hidden tw-order-1\">\n        <cide-ele-breadcrumb [style]=\"'modern'\" [compact]=\"true\"\n          (homeClick)=\"onBreadcrumbHomeClick()\"></cide-ele-breadcrumb>\n      </div>\n      <!-- Breadcrumb Actions - Full width on mobile, auto on tablet/desktop -->\n      <div class=\"tw-w-full sm:tw-w-auto tw-flex-shrink-0 sm:tw-ml-2 md:tw-ml-4 tw-order-2\">\n        <ng-content select=\"[breadcrumb-actions]\"></ng-content>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"tw-flex-1 tw-w-full tw-max-w-full tw-overflow-y-auto tw-overflow-x-hidden tw-min-h-0\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [":host{display:block;height:100%;width:100%}:host>div{display:flex;flex-direction:column;height:100%;width:100%}::ng-deep cide-lyt-shared-wrapper{height:100%!important;display:block!important;width:100%!important}@media (max-width: 479px){::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.5625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center;gap:.125rem}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 480px) and (max-width: 640px){::ng-deep [breadcrumb-actions]{flex-shrink:0;width:100%;display:flex;justify-content:flex-end;margin-top:.5rem}::ng-deep cide-ele-breadcrumb{font-size:.625rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 641px) and (max-width: 1024px){::ng-deep [breadcrumb-actions]{flex-shrink:0;margin-left:1rem}::ng-deep cide-ele-breadcrumb{font-size:.6875rem;width:100%}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:wrap;align-items:center}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:100%;overflow:visible}}@media (min-width: 1025px){::ng-deep [breadcrumb-actions]{flex-shrink:0;width:auto;margin-top:0;margin-left:1rem}::ng-deep cide-ele-breadcrumb{font-size:.75rem;width:auto}::ng-deep cide-ele-breadcrumb nav ol{flex-wrap:nowrap;align-items:center;gap:.25rem}::ng-deep cide-ele-breadcrumb .breadcrumb-container{width:auto;overflow:visible}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { breadcrumb: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CideEleBreadcrumbComponent), { isSignal: true }] }], shared_wrapper_setup_param: [{ type: i0.Input, args: [{ isSignal: true, alias: "shared_wrapper_setup_param", required: false }] }], breadcrumb_data: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb_data", required: false }] }] } });
 
 /**
@@ -6885,7 +6940,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "home",
-        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-C4YxNQIe.mjs').then(c => c.CideLytHomeWrapperComponent),
+        loadComponent: () => import('./cloud-ide-layout-home-wrapper.component-DAPSGYLf.mjs').then(c => c.CideLytHomeWrapperComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_home" // Used by RequestService to fetch tab properties
@@ -6893,7 +6948,7 @@ const layoutControlPannelChildRoutes = [{
     },
     {
         path: "dashboard-manager",
-        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-ik-G60a-.mjs').then(c => c.DashboardManagerComponent),
+        loadComponent: () => import('./cloud-ide-layout-dashboard-manager.component-By3-I91u.mjs').then(c => c.DashboardManagerComponent),
         canActivate: [authGuard],
         data: {
             sypg_page_code: "cide_lyt_dashboard_manager"
@@ -8467,6 +8522,244 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
     CideLytFloatingEntityRightsSharingComponent: CideLytFloatingEntityRightsSharingComponent
 });
 
+class CideLytFloatingEntitySelectionComponent {
+    // Input parameters for configuration
+    allowSwitching = input(true, ...(ngDevMode ? [{ debugName: "allowSwitching" }] : [])); // Allow entity switching (default: true)
+    showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : [])); // Show action buttons (default: true)
+    mode = input('selection', ...(ngDevMode ? [{ debugName: "mode" }] : [])); // Mode: selection or view-only
+    onSelectCallback = input(undefined, ...(ngDevMode ? [{ debugName: "onSelectCallback" }] : [])); // Callback for selection mode
+    selectionMode = input(false, ...(ngDevMode ? [{ debugName: "selectionMode" }] : [])); // If true, use selection mode (don't switch entity, just call callback)
+    // Service injections
+    appStateService = inject(AppStateService);
+    appStateHelperService = inject(AppStateHelperService);
+    floatingContainerService = inject(CideEleFloatingContainerService);
+    authService = inject(CloudIdeAuthService);
+    notificationService = inject(NotificationService);
+    router = inject(Router);
+    // Loading state
+    isSwitchingEntity = signal(false, ...(ngDevMode ? [{ debugName: "isSwitchingEntity" }] : []));
+    ngOnInit() {
+        // No initialization needed - shared org structure component handles everything
+    }
+    /**
+     * Handle entity click event from org structure
+     */
+    onEntityClick(entity) {
+        console.log('🏢 Entity clicked:', entity);
+        // This is just a click event, no action needed unless specific handling is required
+    }
+    /**
+     * Handle entity select event from org structure (for switching or selection)
+     * If selectionMode is true, calls the callback and closes container
+     * Otherwise, calls the switch entity API to create new auth_logs entry
+     */
+    onEntitySelect(entity) {
+        console.log('🏢 Entity selected:', entity);
+        if (!entity._id) {
+            this.notificationService.error('Invalid entity selected');
+            return;
+        }
+        // If in selection mode (callback provided), call callback and close
+        if (this.selectionMode() && this.onSelectCallback()) {
+            console.log('✅ Selection mode: calling callback with entity:', entity);
+            this.onSelectCallback()(entity);
+            this.closeContainer();
+            return;
+        }
+        // Otherwise, proceed with entity switching
+        console.log('🏢 Entity selected for switching:', entity);
+        // Check if already switching
+        if (this.isSwitchingEntity()) {
+            return;
+        }
+        this.isSwitchingEntity.set(true);
+        // Call switch entity API
+        this.authService.switchEntity(entity._id).subscribe({
+            next: async (response) => {
+                // Wait for response and check if successful
+                if (response?.success === true && response?.data) {
+                    // CRITICAL: Update token FIRST so subsequent API calls can use it
+                    // The setter automatically saves to localStorage (same as login flow)
+                    // This prevents 401 errors on other API calls
+                    if (response.token) {
+                        this.authService.auth_token = response.token;
+                        console.log('✅ Token updated and saved to localStorage after entity switch');
+                    }
+                    else {
+                        console.warn('⚠️ No token received in switch entity response');
+                        this.notificationService.error('No token received. Entity switch failed.');
+                        this.isSwitchingEntity.set(false);
+                        return;
+                    }
+                    // Store user data in auth service (saves to localStorage)
+                    // Follow same pattern as sign-in component
+                    if (response.data.auth_user_mst) {
+                        this.authService.storeUserData(response.data.auth_user_mst);
+                    }
+                    // Synchronize AppStateService with the same user data (saves to localStorage via effect)
+                    // Follow same pattern as sign-in component
+                    if (response.data.auth_user_mst) {
+                        this.appStateService.setUser(response.data.auth_user_mst);
+                    }
+                    // Store active entity data (saves to localStorage via effect)
+                    // Use entity from response if available, otherwise use the selected entity
+                    // Follow same pattern as sign-in component
+                    const entityToSet = response.data.core_system_entity || entity;
+                    if (entityToSet && entityToSet._id) {
+                        this.appStateService.setActiveEntity(entityToSet);
+                        console.log('✅ Active entity updated and saved to localStorage:', entityToSet._id);
+                    }
+                    else {
+                        console.warn('⚠️ No entity data available to set as active entity');
+                    }
+                    // Wait a moment to ensure token and state are fully stored
+                    await new Promise(resolve => setTimeout(resolve, 200));
+                    // Show success notification
+                    this.notificationService.success('Entity switched successfully');
+                    // Close drawer
+                    this.closeContainer();
+                    // Navigate to home after successful entity switch and token storage
+                    // Wait a bit more to ensure all state updates are complete
+                    await new Promise(resolve => setTimeout(resolve, 100));
+                    this.router.navigate(['/control-panel']);
+                    console.log('✅ Navigated to home after successful entity switch');
+                    // Hide loader after navigation completes
+                    this.isSwitchingEntity.set(false);
+                }
+                else {
+                    // Entity switch was not successful
+                    const errorMessage = response?.message || 'Failed to switch entity';
+                    this.notificationService.error(errorMessage);
+                    console.error('❌ Entity switch failed:', errorMessage);
+                    this.isSwitchingEntity.set(false);
+                }
+            },
+            error: (error) => {
+                this.isSwitchingEntity.set(false);
+                console.error('Error switching entity:', error);
+                const errorMessage = error?.error?.message || error?.message || 'Failed to switch entity';
+                this.notificationService.error(errorMessage);
+                // Do not navigate on error - stay on current page
+            }
+        });
+    }
+    /**
+     * Handle entity view event from org structure (for viewing)
+     */
+    onEntityView(entity) {
+        console.log('👁️ Entity viewed:', entity);
+        // Handle view-only mode - could show entity details or navigate
+        // This can be customized based on your needs
+    }
+    /**
+     * Cancel selection
+     */
+    onCancel() {
+        this.closeContainer();
+    }
+    /**
+     * Close the floating container
+     */
+    closeContainer() {
+        this.floatingContainerService.hideAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytFloatingEntitySelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideLytFloatingEntitySelectionComponent, isStandalone: true, selector: "cide-lyt-floating-entity-selection", inputs: { allowSwitching: { classPropertyName: "allowSwitching", publicName: "allowSwitching", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, onSelectCallback: { classPropertyName: "onSelectCallback", publicName: "onSelectCallback", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <!-- Entity Selection Content using Org Structure Component -->
+    <div class="tw-flex tw-flex-col tw-h-full tw-relative">
+      <!-- Loading Overlay -->
+      @if (isSwitchingEntity()) {
+        <div class="tw-absolute tw-inset-0 tw-bg-white/80 tw-backdrop-blur-sm tw-z-50 tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-3">
+          <cide-ele-spinner [size]="'lg'"></cide-ele-spinner>
+          <p class="tw-text-sm tw-font-medium tw-text-gray-700">Switching entity...</p>
+          <p class="tw-text-xs tw-text-gray-500">Please wait</p>
+        </div>
+      }
+      
+      <!-- Header -->
+      <div class="tw-bg-white tw-border-b tw-border-gray-200 tw-px-4 tw-py-3 tw-flex-shrink-0" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
+        <div class="tw-flex tw-items-center tw-justify-between">
+          <div class="tw-flex tw-items-center tw-space-x-2">
+            <cide-ele-icon class="tw-text-blue-600">account_tree</cide-ele-icon>
+            <h3 class="tw-text-sm tw-font-semibold tw-text-gray-900">Entity Structure</h3>
+          </div>
+          @if (mode() === 'selection') {
+          <button cideEleButton variant="secondary" size="xs" type="button" (click)="onCancel()" [disabled]="isSwitchingEntity()">
+            Cancel
+          </button>
+          }
+        </div>
+      </div>
+      
+      <!-- Org Structure Component -->
+      <div class="tw-flex-1 tw-overflow-hidden" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
+        <cide-shared-org-structure
+          [allowSwitching]="allowSwitching()"
+          [showActions]="showActions()"
+          [mode]="mode()"
+          (entityClick)="onEntityClick($event)"
+          (entitySelect)="onEntitySelect($event)"
+          (entityView)="onEntityView($event)">
+        </cide-shared-org-structure>
+      </div>
+    </div>
+  `, isInline: true, styles: [".tw-dashed{border-style:dashed}.tw-bg-gray-300{background-color:#d1d5db}.level-0{border-top-color:#3b82f6!important}.level-1{border-top-color:#f59e0b!important}.level-2{border-top-color:#10b981!important}.level-3{border-top-color:#8b5cf6!important}.level-4{border-top-color:#ef4444!important}.level-5{border-top-color:#06b6d4!important}.connection-line-compact{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideSharedOrgStructureComponent, selector: "cide-shared-org-structure", inputs: ["allowSwitching", "showActions", "mode"], outputs: ["entityClick", "entitySelect", "entityView"] }, { kind: "component", type: CideSpinnerComponent, selector: "cide-ele-spinner", inputs: ["size", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideLytFloatingEntitySelectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-lyt-floating-entity-selection', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        CideEleButtonComponent,
+                        CideIconComponent,
+                        CideSharedOrgStructureComponent,
+                        CideSpinnerComponent
+                    ], template: `
+    <!-- Entity Selection Content using Org Structure Component -->
+    <div class="tw-flex tw-flex-col tw-h-full tw-relative">
+      <!-- Loading Overlay -->
+      @if (isSwitchingEntity()) {
+        <div class="tw-absolute tw-inset-0 tw-bg-white/80 tw-backdrop-blur-sm tw-z-50 tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-3">
+          <cide-ele-spinner [size]="'lg'"></cide-ele-spinner>
+          <p class="tw-text-sm tw-font-medium tw-text-gray-700">Switching entity...</p>
+          <p class="tw-text-xs tw-text-gray-500">Please wait</p>
+        </div>
+      }
+      
+      <!-- Header -->
+      <div class="tw-bg-white tw-border-b tw-border-gray-200 tw-px-4 tw-py-3 tw-flex-shrink-0" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
+        <div class="tw-flex tw-items-center tw-justify-between">
+          <div class="tw-flex tw-items-center tw-space-x-2">
+            <cide-ele-icon class="tw-text-blue-600">account_tree</cide-ele-icon>
+            <h3 class="tw-text-sm tw-font-semibold tw-text-gray-900">Entity Structure</h3>
+          </div>
+          @if (mode() === 'selection') {
+          <button cideEleButton variant="secondary" size="xs" type="button" (click)="onCancel()" [disabled]="isSwitchingEntity()">
+            Cancel
+          </button>
+          }
+        </div>
+      </div>
+      
+      <!-- Org Structure Component -->
+      <div class="tw-flex-1 tw-overflow-hidden" [class.tw-opacity-50]="isSwitchingEntity()" [class.tw-pointer-events-none]="isSwitchingEntity()">
+        <cide-shared-org-structure
+          [allowSwitching]="allowSwitching()"
+          [showActions]="showActions()"
+          [mode]="mode()"
+          (entityClick)="onEntityClick($event)"
+          (entitySelect)="onEntitySelect($event)"
+          (entityView)="onEntityView($event)">
+        </cide-shared-org-structure>
+      </div>
+    </div>
+  `, styles: [".tw-dashed{border-style:dashed}.tw-bg-gray-300{background-color:#d1d5db}.level-0{border-top-color:#3b82f6!important}.level-1{border-top-color:#f59e0b!important}.level-2{border-top-color:#10b981!important}.level-3{border-top-color:#8b5cf6!important}.level-4{border-top-color:#ef4444!important}.level-5{border-top-color:#06b6d4!important}.connection-line-compact{pointer-events:none}\n"] }]
+        }], propDecorators: { allowSwitching: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowSwitching", required: false }] }], showActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showActions", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], onSelectCallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "onSelectCallback", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }] } });
+
+var floatingEntitySelection_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CideLytFloatingEntitySelectionComponent: CideLytFloatingEntitySelectionComponent
+});
+
 /*
  * Public API Surface of cloud-ide-layout
  */
@@ -8478,5 +8771,5 @@ var floatingEntityRightsSharing_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, RightsService as R, CideLytSidebarService as a, CideLytSidedrawerService as b, CideLytThemeService as c, AppStateService as d, CloudIdeLayoutService as e, CloudIdeLayoutComponent as f, CideLytSharedService as g, ComponentContextService as h, layoutControlPannelChildRoutes as i, CustomRouteReuseStrategy as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, setCSSVariable as s, themeFactory as t };
-//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-TXOQ0tip.mjs.map
+export { AppStateHelperService as A, CideLytSharedWrapperComponent as C, ENVIRONMENT_CONFIG as E, NotificationSettingsService as N, RightsService as R, CideLytSidebarService as a, CideLytSidedrawerService as b, CideLytThemeService as c, CloudIdeLayoutService as d, CloudIdeLayoutComponent as e, CideLytSharedService as f, ComponentContextService as g, layoutControlPannelChildRoutes as h, CustomRouteReuseStrategy as i, AppStateService as j, CideLytUserStatusService as k, layoutRoutes as l, CacheManagerService as m, CideLytFileManagerService as n, CideLytFloatingEntityRightsSharingComponent as o, processThemeVariable as p, CideLytFloatingEntityRightsSharingService as q, CideLytFloatingEntitySelectionComponent as r, setCSSVariable as s, themeFactory as t, CideLytFloatingEntitySelectionService as u };
+//# sourceMappingURL=cloud-ide-layout-cloud-ide-layout-Cwim-wD5.mjs.map