@onlive.ai/common-121 0.2.190 → 0.2.192

package/{audi-dark.theme-a2WmOyVS.d.cts → audi-dark.theme-BnrrZ7Vd.d.cts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{audi-dark.theme-a2WmOyVS.d.ts → audi-dark.theme-BnrrZ7Vd.d.ts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{audi.theme-DkdflnT8.d.cts → audi.theme-CinwCT_L.d.cts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{audi.theme-DkdflnT8.d.ts → audi.theme-CinwCT_L.d.ts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{australia.theme-B5n8F3QH.d.cts → australia.theme-i9S6sZCN.d.cts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{australia.theme-B5n8F3QH.d.ts → australia.theme-i9S6sZCN.d.ts}

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import * as lit from 'lit';
 
 declare const styles: lit.CSSResult;

package/{chunk-4DKWCKNT.js → chunk-YU7F7RAB.js}

@@ -1,2 +1,2 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 var w=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var I=(s,a,t,i)=>{for(var n=i>1?void 0:i?x(a,t):a,d=s.length-1,l;d>=0;d--)(l=s[d])&&(n=(i?l(a,t,n):l(n))||n);return i&&n&&w(a,t,n),n};function A(s={}){let{width:a=640,height:t=480,fps:i=30,backgroundColor:n="#1a1a2e",foregroundColor:d="#4361ee",label:l="Mock Video",animation:S="wave"}=s,r=document.createElement("canvas");r.width=a,r.height=t;let e=r.getContext("2d"),m,h=Date.now(),v={wave:u=>{e.fillStyle=n,e.fillRect(0,0,a,t),e.strokeStyle=d,e.lineWidth=3,e.beginPath();for(let o=0;o<a;o++){let c=t/2+Math.sin(o/a*4*Math.PI+u*.002)*(t/4);o===0?e.moveTo(o,c):e.lineTo(o,c)}e.stroke()},pulse:u=>{e.fillStyle=n,e.fillRect(0,0,a,t);let o=Math.sin(u*.003)*.3+.7,c=Math.min(a,t)*.3*o;e.beginPath(),e.arc(a/2,t/2,c,0,Math.PI*2),e.fillStyle=d,e.fill()},bars:u=>{e.fillStyle=n,e.fillRect(0,0,a,t);let o=20,c=a/o,f=t*.7;e.fillStyle=d;for(let g=0;g<o;g++){let k=Math.abs(Math.sin(g/o*Math.PI*2+u*.004))*f,T=g*c,C=t-k;e.fillRect(T+2,C,c-4,k)}},avatar:u=>{e.fillStyle=n,e.fillRect(0,0,a,t);let o=a/2,c=t/2-20,f=Math.min(a,t)*.15;e.beginPath(),e.arc(o,c,f,0,Math.PI*2),e.fillStyle=d,e.fill(),e.beginPath(),e.ellipse(o,c+f*2.2,f*1.5,f,0,Math.PI,0),e.fill(),Math.sin(u*.01)>0&&(e.beginPath(),e.arc(o,c+f*3,5+Math.sin(u*.02)*3,0,Math.PI*2),e.fillStyle="#22c55e",e.fill())},none:()=>{e.fillStyle=n,e.fillRect(0,0,a,t)}},y=()=>{e.fillStyle="rgba(255, 255, 255, 0.8)",e.font=`${Math.floor(t*.04)}px system-ui, sans-serif`,e.textAlign="center",e.fillText(l,a/2,t-20)},b=()=>{let u=Date.now()-h;v[S](u),y(),m=requestAnimationFrame(b)};b();let p=r.captureStream(i),M=p.getVideoTracks()[0];return{track:M,stream:p,cleanup:()=>{cancelAnimationFrame(m),M.stop()}}}function E(s={}){let{frequency:a=440,volume:t=.1,waveType:i="sine",addVariation:n=!0,enabled:d=!1}=s,l=new AudioContext,S=l.createMediaStreamDestination(),r=l.createOscillator();r.type=i,r.frequency.value=a;let e=l.createGain();e.gain.value=d?t:0;let m=null,h=null;n&&(m=l.createOscillator(),m.frequency.value=.5,h=l.createGain(),h.gain.value=10,m.connect(h),h.connect(r.frequency),m.start()),r.connect(e),e.connect(S),r.start();let v=S.stream,y=v.getAudioTracks()[0];return{track:y,stream:v,setVolume:b=>{e.gain.value=Math.max(0,Math.min(1,b))},setEnabled:b=>{e.gain.value=b?t:0},cleanup:()=>{r.stop(),m?.stop(),l.close(),y.stop()}}}function P(s,a){let t=A(s),i=E(a),n=new MediaStream([t.track,i.track]);return{videoTrack:t.track,audioTrack:i.track,combinedStream:n,setAudioVolume:i.setVolume,setAudioEnabled:i.setEnabled,cleanup:()=>{t.cleanup(),i.cleanup()}}}var V={localCamera:{video:{width:640,height:480,animation:"avatar",label:"You",foregroundColor:"#4361ee"},audio:{enabled:!1}},agentCamera:{video:{width:640,height:480,animation:"avatar",label:"AI Agent",foregroundColor:"#22c55e",backgroundColor:"#0f172a"},audio:{enabled:!1,frequency:300}},screenShare:{video:{width:1920,height:1080,animation:"bars",label:"Screen Share",backgroundColor:"#0a0a0a",foregroundColor:"#f59e0b"},audio:{enabled:!1}},voiceOnly:{video:{width:320,height:240,animation:"wave",label:"Voice Call"},audio:{enabled:!1,volume:.05}}};function q(s){let a=V[s];return P(a.video,a.audio)}export{I as a,A as b,E as c,P as d,V as e,q as f};

package/components/asset/asset-modal-portal.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
-"use strict";var f=Object.create;var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var b=(t,a)=>{for(var e in a)r(t,e,{get:a[e],enumerable:!0})},v=(t,a,e,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of y(a))!w.call(t,o)&&o!==e&&r(t,o,{get:()=>a[o],enumerable:!(l=x(a,o))||l.enumerable});return t};var m=(t,a,e)=>(e=t!=null?f($(t)):{},v(a||!t||!t.__esModule?r(e,"default",{value:t,enumerable:!0}):e,t)),z=t=>v(r({},"__esModule",{value:!0}),t);var M={};b(M,{AssetModalPortal:()=>p});module.exports=z(M);var p=class{constructor(a,e){this.asset=a,this.onClose=e}getMultimediaSubtype(a){let e=a.format||"";return e.startsWith("video/")?"video":e.startsWith("image/")?"image":e.includes("presentation")||e.includes("pdf")||e.includes("powerpoint")||e.includes("slides")||e.includes("application/vnd.ms-powerpoint")||e.includes("application/vnd.openxmlformats-officedocument.presentationml")||a.slides&&a.slides.length>0?"presentation":a.duration||a.vodUrl?"video":"image"}formatDuration(a){let e=Math.floor(a/60),l=Math.floor(a%60);return`${e}:${l.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let a=this.asset;this.getMultimediaSubtype(a)==="presentation"&&(a.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let a=this.createDialogHTML(),e=document.createElement("div");e.innerHTML=a,this.dialog=e.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let a=document.createElement("style");a.id="asset-modal-styles",a.textContent=this.getModalStyles(),document.head.appendChild(a)}getModalStyles(){return`
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+"use strict";var f=Object.create;var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var $=(t,a)=>{for(var e in a)r(t,e,{get:a[e],enumerable:!0})},h=(t,a,e,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of y(a))!w.call(t,o)&&o!==e&&r(t,o,{get:()=>a[o],enumerable:!(i=x(a,o))||i.enumerable});return t};var m=(t,a,e)=>(e=t!=null?f(b(t)):{},h(a||!t||!t.__esModule?r(e,"default",{value:t,enumerable:!0}):e,t)),z=t=>h(r({},"__esModule",{value:!0}),t);var k={};$(k,{AssetModalPortal:()=>p});module.exports=z(k);var p=class{constructor(a,e,i="normal"){this.asset=a,this.onClose=e,this.displayState=i}getMultimediaSubtype(a){let e=a.format||"";return e.startsWith("video/")?"video":e.startsWith("image/")?"image":e.includes("presentation")||e.includes("pdf")||e.includes("powerpoint")||e.includes("slides")||e.includes("application/vnd.ms-powerpoint")||e.includes("application/vnd.openxmlformats-officedocument.presentationml")||a.slides&&a.slides.length>0?"presentation":a.duration||a.vodUrl?"video":"image"}formatDuration(a){let e=Math.floor(a/60),i=Math.floor(a%60);return`${e}:${i.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let a=this.asset;this.getMultimediaSubtype(a)==="presentation"&&(a.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let a=this.createDialogHTML(),e=document.createElement("div");e.innerHTML=a,this.dialog=e.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let a=document.createElement("style");a.id="asset-modal-styles",a.textContent=this.getModalStyles(),document.head.appendChild(a)}getModalStyles(){return`
 
       ol-dialog::part(base){
       z-index: 1000000;
@@ -340,11 +340,84 @@
           max-height: 90vh;
         }
       }
-    `}createDialogHTML(){if(!this.asset)return"";let{name:a,description:e,url:l,type:o}=this.asset,i="";if(o==="multimedia"){let s=this.asset,n=this.getMultimediaSubtype(s);if(n==="image")i=`
+
+      /* Maximized state - glassmorphism effect */
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(overlay) {
+        background: rgba(0, 0, 0, 0.4);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(panel) {
+        background: rgba(18, 20, 30, 0.38);
+        backdrop-filter: blur(20px);
+        -webkit-backdrop-filter: blur(20px);
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        box-shadow:
+          0 8px 32px rgba(0, 0, 0, 0.4),
+          inset 0 1px 0 rgba(255, 255, 255, 0.06);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(title) {
+        color: rgba(255, 255, 255, 0.92);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(close-button) {
+        color: rgba(255, 255, 255, 0.8);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(close-button):hover {
+        color: rgba(255, 255, 255, 1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(header) {
+        border-bottom-color: rgba(255, 255, 255, 0.1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-info {
+        background: transparent;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-title {
+        color: rgba(255, 255, 255, 0.95);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-description,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-answer {
+        color: rgba(255, 255, 255, 0.7);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-type,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-duration,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-slides {
+        color: rgba(255, 255, 255, 0.5);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-metadata-item {
+        color: rgba(255, 255, 255, 0.6);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-metadata-item ol-icon {
+        color: rgba(255, 255, 255, 0.4);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-media-container {
+        background: rgba(0, 0, 0, 0.3);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-faq {
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-question {
+        color: rgba(130, 170, 255, 1);
+      }
+    `}createDialogHTML(){if(!this.asset)return"";let{name:a,description:e,url:i,type:o}=this.asset,l="";if(o==="multimedia"){let s=this.asset,n=this.getMultimediaSubtype(s);if(n==="image")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-image-container">
               <img
-                src="${l||""}"
+                src="${i||""}"
                 alt="${a}"
                 class="ol-asset__modal-image"
                 loading="eager"
@@ -361,11 +434,11 @@
               </div>
             </div>
           </div>
-        `;else if(n==="video")i=`
+        `;else if(n==="video")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-video-container">
               <video
-                src="${l||s.vodUrl||""}"
+                src="${i||s.vodUrl||""}"
                 controls
                 class="ol-asset__modal-video-player"
                 preload="metadata"
@@ -390,7 +463,7 @@
               `:""}
             </div>
           </div>
-        `;else if(n==="presentation")if(s.slides&&s.slides.length>0){let d=s.slides;i=`
+        `;else if(n==="presentation")if(s.slides&&s.slides.length>0){let d=s.slides;l=`
             <div class="ol-asset__modal-media-container" data-type="presentation">
               <div class="ol-asset__modal-presentation">
                 <ol-carousel pagination navigation loop class="ol-asset__modal-carousel">
@@ -420,7 +493,7 @@
                 </div>
               </div>
             </div>
-          `}else i=`
+          `}else l=`
             <div class="ol-asset__modal-presentation">
               <div class="ol-asset__modal-presentation-fallback">
                 <div class="ol-asset__modal-presentation-icon">\u{1F4C4}</div>
@@ -432,11 +505,11 @@
               ${e?`<p class="ol-asset__modal-description">${e}</p>`:""}
               <p class="ol-asset__modal-type">Type: Presentation</p>
             </div>
-          `}else if(o==="file"){let s=this.asset,n=this.getMultimediaSubtype(s);if(n==="image")i=`
+          `}else if(o==="file"){let s=this.asset,n=this.getMultimediaSubtype(s);if(n==="image")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-image-container">
               <img
-                src="${l||""}"
+                src="${i||""}"
                 alt="${a}"
                 class="ol-asset__modal-image"
                 loading="eager"
@@ -453,11 +526,11 @@
               </div>
             </div>
           </div>
-        `;else if(n==="video")i=`
+        `;else if(n==="video")l=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-video-container">
               <video
-                src="${l||s.vodUrl||""}"
+                src="${i||s.vodUrl||""}"
                 controls
                 class="ol-asset__modal-video-player"
                 preload="metadata"
@@ -482,7 +555,7 @@
               `:""}
             </div>
           </div>
-        `;else if(n==="presentation")if(s.slides&&s.slides.length>0){let d=s.slides;i=`
+        `;else if(n==="presentation")if(s.slides&&s.slides.length>0){let d=s.slides;l=`
             <div class="ol-asset__modal-media-container" data-type="presentation">
               <div class="ol-asset__modal-presentation">
                 <ol-carousel pagination navigation loop class="ol-asset__modal-carousel">
@@ -512,7 +585,7 @@
                 </div>
               </div>
             </div>
-          `}else i=`
+          `}else l=`
             <div class="ol-asset__modal-presentation">
               <div class="ol-asset__modal-presentation-fallback">
                 <div class="ol-asset__modal-presentation-icon">\u{1F4C4}</div>
@@ -524,26 +597,27 @@
               ${e?`<p class="ol-asset__modal-description">${e}</p>`:""}
               <p class="ol-asset__modal-type">Type: Presentation File</p>
             </div>
-          `}else if(o==="faq"){let s=this.asset;i=`
+          `}else if(o==="faq"){let s=this.asset;l=`
         <div class="ol-asset__modal-faq">
           <h3 class="ol-asset__modal-question">${s.question||a}</h3>
           <div class="ol-asset__modal-answer">${s.answer||e}</div>
         </div>
-      `}else i=`
+      `}else l=`
         <div class="ol-asset__modal-info">
           <h3 class="ol-asset__modal-title">${a}</h3>
           ${e?`<p class="ol-asset__modal-description">${e}</p>`:""}
         </div>
-      `;let h=o==="multimedia"||o==="file",g=o==="faq"&&this.asset.question||a;return`
+      `;let g=o==="multimedia"||o==="file",v=o==="faq"&&this.asset.question||a;return`
       <ol-dialog 
-        label="${this.escapeHtml(g)}"
+        label="${this.escapeHtml(v)}"
         class="ol-asset__dialog"
-        data-fullscreen="${h}"
-        ${h?'style="--width: 95vw; --max-width: 1600px;"':""}
+        data-fullscreen="${g}"
+        data-display-state="${this.displayState}"
+        ${g?'style="--width: 95vw; --max-width: 1600px;"':""}
       >
         <div class="ol-asset__dialog-content">
           <div class="ol-asset__dialog-body">
-            ${i}
+            ${l}
           </div>
         </div>
       </ol-dialog>

package/components/asset/asset-modal-portal.d.cts

@@ -1,11 +1,12 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import { IAsset } from './asset.types.cjs';
 
 declare class AssetModalPortal {
     private dialog?;
     private asset?;
     private onClose?;
-    constructor(asset: IAsset, onClose: () => void);
+    private displayState;
+    constructor(asset: IAsset, onClose: () => void, displayState?: "minimized" | "normal" | "maximized");
     private getMultimediaSubtype;
     private formatDuration;
     open(): Promise<void>;

package/components/asset/asset-modal-portal.d.ts

@@ -1,11 +1,12 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
 import { IAsset } from './asset.types.js';
 
 declare class AssetModalPortal {
     private dialog?;
     private asset?;
     private onClose?;
-    constructor(asset: IAsset, onClose: () => void);
+    private displayState;
+    constructor(asset: IAsset, onClose: () => void, displayState?: "minimized" | "normal" | "maximized");
     private getMultimediaSubtype;
     private formatDuration;
     open(): Promise<void>;

package/components/asset/asset-modal-portal.js

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.190 | © 2026 Onlive.ai */
-var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e){let a=e.format||"";return a.startsWith("video/")?"video":a.startsWith("image/")?"image":a.includes("presentation")||a.includes("pdf")||a.includes("powerpoint")||a.includes("slides")||a.includes("application/vnd.ms-powerpoint")||a.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}formatDuration(e){let a=Math.floor(e/60),l=Math.floor(e%60);return`${a}:${l.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let e=this.asset;this.getMultimediaSubtype(e)==="presentation"&&(e.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let e=this.createDialogHTML(),a=document.createElement("div");a.innerHTML=e,this.dialog=a.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let e=document.createElement("style");e.id="asset-modal-styles",e.textContent=this.getModalStyles(),document.head.appendChild(e)}getModalStyles(){return`
+/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+var c=class{constructor(e,a,i="normal"){this.asset=e,this.onClose=a,this.displayState=i}getMultimediaSubtype(e){let a=e.format||"";return a.startsWith("video/")?"video":a.startsWith("image/")?"image":a.includes("presentation")||a.includes("pdf")||a.includes("powerpoint")||a.includes("slides")||a.includes("application/vnd.ms-powerpoint")||a.includes("application/vnd.openxmlformats-officedocument.presentationml")||e.slides&&e.slides.length>0?"presentation":e.duration||e.vodUrl?"video":"image"}formatDuration(e){let a=Math.floor(e/60),i=Math.floor(e%60);return`${a}:${i.toString().padStart(2,"0")}`}async open(){await import("@onlive.ai/ui/dist/components/dialog/dialog.js"),await import("@onlive.ai/ui/dist/components/icon-button/icon-button.js"),await import("@onlive.ai/ui/dist/components/button/button.js"),await import("@onlive.ai/ui/dist/components/icon/icon.js");let e=this.asset;this.getMultimediaSubtype(e)==="presentation"&&(e.slides?.length??0)>0&&await Promise.all([import("@onlive.ai/ui/dist/components/carousel/carousel.js"),import("@onlive.ai/ui/dist/components/carousel-item/carousel-item.js")]),this.injectStyles(),this.createDialog(),this.dialog?.show()}close(){this.dialog?.hide(),setTimeout(()=>{this.removeDialog()},300)}createDialog(){if(this.dialog||!this.asset)return;let e=this.createDialogHTML(),a=document.createElement("div");a.innerHTML=e,this.dialog=a.firstElementChild,this.dialog&&(document.body.appendChild(this.dialog),this.attachEventListeners())}removeDialog(){this.dialog&&(this.dialog.parentNode&&this.dialog.parentNode.removeChild(this.dialog),this.dialog=void 0)}injectStyles(){if(document.getElementById("asset-modal-styles"))return;let e=document.createElement("style");e.id="asset-modal-styles",e.textContent=this.getModalStyles(),document.head.appendChild(e)}getModalStyles(){return`
 
       ol-dialog::part(base){
       z-index: 1000000;
@@ -340,11 +340,84 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
           max-height: 90vh;
         }
       }
-    `}createDialogHTML(){if(!this.asset)return"";let{name:e,description:a,url:l,type:d}=this.asset,t="";if(d==="multimedia"){let s=this.asset,i=this.getMultimediaSubtype(s);if(i==="image")t=`
+
+      /* Maximized state - glassmorphism effect */
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(overlay) {
+        background: rgba(0, 0, 0, 0.4);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(panel) {
+        background: rgba(18, 20, 30, 0.38);
+        backdrop-filter: blur(20px);
+        -webkit-backdrop-filter: blur(20px);
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        box-shadow:
+          0 8px 32px rgba(0, 0, 0, 0.4),
+          inset 0 1px 0 rgba(255, 255, 255, 0.06);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(title) {
+        color: rgba(255, 255, 255, 0.92);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(close-button) {
+        color: rgba(255, 255, 255, 0.8);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(close-button):hover {
+        color: rgba(255, 255, 255, 1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"]::part(header) {
+        border-bottom-color: rgba(255, 255, 255, 0.1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-info {
+        background: transparent;
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-title {
+        color: rgba(255, 255, 255, 0.95);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-description,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-answer {
+        color: rgba(255, 255, 255, 0.7);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-type,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-duration,
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-slides {
+        color: rgba(255, 255, 255, 0.5);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-metadata-item {
+        color: rgba(255, 255, 255, 0.6);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-metadata-item ol-icon {
+        color: rgba(255, 255, 255, 0.4);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-media-container {
+        background: rgba(0, 0, 0, 0.3);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-faq {
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      ol-dialog.ol-asset__dialog[data-display-state="maximized"] .ol-asset__modal-question {
+        color: rgba(130, 170, 255, 1);
+      }
+    `}createDialogHTML(){if(!this.asset)return"";let{name:e,description:a,url:i,type:d}=this.asset,t="";if(d==="multimedia"){let s=this.asset,l=this.getMultimediaSubtype(s);if(l==="image")t=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-image-container">
               <img
-                src="${l||""}"
+                src="${i||""}"
                 alt="${e}"
                 class="ol-asset__modal-image"
                 loading="eager"
@@ -361,11 +434,11 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
               </div>
             </div>
           </div>
-        `;else if(i==="video")t=`
+        `;else if(l==="video")t=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-video-container">
               <video
-                src="${l||s.vodUrl||""}"
+                src="${i||s.vodUrl||""}"
                 controls
                 class="ol-asset__modal-video-player"
                 preload="metadata"
@@ -390,7 +463,7 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
               `:""}
             </div>
           </div>
-        `;else if(i==="presentation")if(s.slides&&s.slides.length>0){let o=s.slides;t=`
+        `;else if(l==="presentation")if(s.slides&&s.slides.length>0){let o=s.slides;t=`
             <div class="ol-asset__modal-media-container" data-type="presentation">
               <div class="ol-asset__modal-presentation">
                 <ol-carousel pagination navigation loop class="ol-asset__modal-carousel">
@@ -432,11 +505,11 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
               ${a?`<p class="ol-asset__modal-description">${a}</p>`:""}
               <p class="ol-asset__modal-type">Type: Presentation</p>
             </div>
-          `}else if(d==="file"){let s=this.asset,i=this.getMultimediaSubtype(s);if(i==="image")t=`
+          `}else if(d==="file"){let s=this.asset,l=this.getMultimediaSubtype(s);if(l==="image")t=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-image-container">
               <img
-                src="${l||""}"
+                src="${i||""}"
                 alt="${e}"
                 class="ol-asset__modal-image"
                 loading="eager"
@@ -453,11 +526,11 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
               </div>
             </div>
           </div>
-        `;else if(i==="video")t=`
+        `;else if(l==="video")t=`
           <div class="ol-asset__modal-media-container">
             <div class="ol-asset__modal-video-container">
               <video
-                src="${l||s.vodUrl||""}"
+                src="${i||s.vodUrl||""}"
                 controls
                 class="ol-asset__modal-video-player"
                 preload="metadata"
@@ -482,7 +555,7 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
               `:""}
             </div>
           </div>
-        `;else if(i==="presentation")if(s.slides&&s.slides.length>0){let o=s.slides;t=`
+        `;else if(l==="presentation")if(s.slides&&s.slides.length>0){let o=s.slides;t=`
             <div class="ol-asset__modal-media-container" data-type="presentation">
               <div class="ol-asset__modal-presentation">
                 <ol-carousel pagination navigation loop class="ol-asset__modal-carousel">
@@ -539,6 +612,7 @@ var c=class{constructor(e,a){this.asset=e,this.onClose=a}getMultimediaSubtype(e)
         label="${this.escapeHtml(_)}"
         class="ol-asset__dialog"
         data-fullscreen="${r}"
+        data-display-state="${this.displayState}"
         ${r?'style="--width: 95vw; --max-width: 1600px;"':""}
       >
         <div class="ol-asset__dialog-content">