@onlive.ai/common-121 0.2.199 → 0.2.228

package/themes/custom/germany.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.199 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.228 | © 2026 Onlive.ai */
 import{css as o}from"lit";var t=o`
 /**
  * ----------------------------------------------------------------------------------------
@@ -217,29 +217,36 @@ ol-button::part(base) {
   border-radius: var(--theme-button-border-radius);
   position: initial;
 }
+
 ol-button::part(label) {
   color: var(--ol-color-neutral-1000);
   font-weight: var(--ol-font-weight-bold);
   text-transform: var(--theme-button-text-transform);
   z-index: 1;
 }
+
 ol-button::part(spinner) {
   z-index: 1;
   font-size: 1.5em;
 }
+
 ol-button:not([disabled]):hover::part(prefix) {
   color: var(--ol-color-neutral-1000);
 }
+
 ol-button[variant="primary"]:not([disabled]):hover::part(label) {
   color: var(--theme-button-hover-text-color);
 }
+
 ol-textarea::part(base) {
   border-radius: 0;
 }
+
 ol-button[variant="primary"]:not([disabled]):hover::part(base) {
   background-color: var(--theme-button-hover-bg-color);
   border-color: var(--theme-button-hover-border-color);
 }
+
 ol-button[variant="primary"]::part(base)::before {
   content: "";
   position: absolute;
@@ -253,6 +260,7 @@ ol-button[variant="primary"]::part(base)::before {
   top: 0;
   z-index: 0;
 }
+
 ol-button[variant="primary"]::part(base)::after {
   content: "";
   position: absolute;
@@ -268,31 +276,38 @@ ol-button[variant="primary"]::part(base)::after {
   top: 0;
   z-index: 0;
 }
+
 ol-button[variant="primary"]:not([disabled]):hover::part(base)::before,
 ol-button[variant="primary"]:not([disabled]):hover::part(base)::after {
   background-color: var(--ol-color-neutral-1000);
 }
+
 ol-radio-button::part(base),
 ol-radio-button::part(button) {
   border-radius: var(--theme-border-radius);
   overflow: hidden;
 }
+
 ol-carousel::part(pagination) {
   gap: var(--theme-pagination-item-spacing);
 }
+
 ol-carousel::part(pagination-item) {
   width: var(--theme-pagination-item-size);
   height: var(--theme-pagination-item-size);
   background-color: var(--theme-pagination-item-bg-color);
 }
+
 ol-carousel::part(pagination-item--active) {
   border: 1px solid var(--ol-color-neutral-900);
   background-color: var(--theme-pagination-item-active-bg-color);
   transform: scale(var(--theme-pagination-item-active-scale));
 }
+
 ol-input::part(input) {
   color: var(--theme-input-color);
 }
+
 ol-input::part(base) {
   border-color: transparent;
   border-bottom-color: var(--ol-color-neutral-900);
@@ -310,52 +325,68 @@ ol-input::part(base) {
   width: calc(100vw - 2 * var(--ol-spacing-x-small));
   max-width: 100%;
 }
+
 .ofl__flow__loading-overlay {
   background-color: var(--theme-loading-overlay-bg-color);
 }
+
 .ofl__flow {
   width: 100%;
   max-width: 600px;
   margin: 0 auto;
 }
+
 .ofl__flow__stages.ofl__flow__stages--top {
   margin-bottom: var(--ol-spacing-large);
 }
+
 .ofl__flow__actions--bottom {
   margin-top: var(--ol-spacing-2x-large);
 }
+
 .ofl__actions--top .ofl__actions__button--type-back::part(base) {
   padding: 0;
 }
+
+.ofl__actions--bottom .ofl__actions__item,
 .ofl__actions--bottom .ofl__actions__button {
   margin: 0 auto;
   width: max(40%, 300px);
 }
+
 .ofl__actions--top .ofl__actions__button::part(base) {
   border: none;
 }
+
 .ofl__actions--top .ofl__actions__button::part(label) {
   padding-left: var(--ol-spacing-small);
 }
+
 .ofl__actions--top .ofl__actions__button {
   width: 115px;
 }
+
 .ofl__form > :not(:first-child) {
   margin-top: var(--ol-spacing-large);
 }
+
 .ofl__label a {
   color: var(--ol-color-neutral-950);
 }
+
 .ofl__label a ol-icon {
   font-size: var(--ol-font-size-x-small);
   margin-left: var(--ol-spacing-2x-small);
 }
+
 .ofl__form__field[component="checkbox"] {
   margin: var(--ol-spacing-x-small);
 }
+
 .ofl__form__field[component="label"]:not([name="infoCamp"]) {
   text-align: center;
 }
+
 .ofl__form__field + .ofl__form__field[component="input"] {
   margin-top: var(--ol-spacing-x-large);
 }
@@ -365,115 +396,146 @@ ol-input::part(base) {
 .ofl__input::part(input) {
   padding: 0;
 }
+
 .ofl__input[type="tel"] {
   --ol-input-floating-label-initial-position-medium: var(--ol-spacing-2x-large), 14px;
 }
+
 .ofl__input--prefix {
   margin: 0 var(--ol-spacing-2x-small) 0 0;
 }
+
 .ofl__input--success::part(base) {
   border-bottom-color: var(--theme-input-success-color);
 }
+
 .ofl__input--error::part(base),
 .ofl__input--error:focus::part(base) {
   border-color: transparent;
   border-bottom-color: var(--ol-color-danger-600);
 }
+
 .ofl__radio-button__group {
   text-align: center;
 }
+
 .ofl__radio-button__group::part(form-control-input) {
   margin: var(--ol-spacing-small) auto var(--ol-spacing-medium) auto;
 }
+
 .ofl__radio-button__group::part(button-group__base) {
   gap: var(--ol-spacing-x-small);
 }
+
 .ofl__radio-button__button::part(button) {
   width: 180px;
   border: var(--theme-radio-button-border);
   padding: var(--ol-spacing-small) var(--ol-spacing-large);
 }
+
 .ofl__radio-button__button__content {
   width: 180px;
 }
+
 .ofl__radio-button__icon {
   display: block;
 }
+
 .ofl__radio-button__icon img {
   height: var(--ol-font-size-x-large);
   filter: var(--theme-button-image-filter);
 }
+
 .ofl__radio-button__label {
   line-height: var(--ol-line-height-denser);
   font-size: var(--ol-font-size-medium);
   color: var(--ol-color-neutral-800);
 }
+
 .ofl__radio-button__button:not([disabled]):hover::part(button) {
   border: 2px solid var(--ol-color-neutral-900);
   background-color: var(--theme-radio-button-hover-bg-color);
 }
+
 .ofl__radio-button__button:not([disabled]):hover .ofl__radio-button__icon img {
   filter: var(--theme-radio-button-hover-image-filter);
 }
+
 .ofl__radio-button__button[checked]:not([disabled]) .ofl__radio-button__icon img {
   filter: var(--theme-radio-button-checked-image-filter);
 }
+
 .ofl__radio-button__button:not([disabled])::part(button--checked) {
   border: 2px solid var(--ol-color-neutral-900);
   background-color: var(--theme-radio-button-checked-bg-color);
 }
+
 .ofl__radio-button__button:hover .ofl__radio-button__label,
 .ofl__radio-button__button--selected:not([disabled]) .ofl__radio-button__label {
   color: var(--theme-radio-button-checked-color);
 }
+
 .ofl__checkbox__checkbox {
   margin: var(--ol-spacing-2x-small) 0;
 }
+
 .ofl__carousel__label {
   text-align: center;
   width: 100%;
 }
+
 .ofl__carousel__item-container {
   flex-direction: column-reverse;
 }
+
 .ofl__carousel__item-label {
   line-height: 1;
   font-size: var(--ol-font-size-large);
   margin: var(--ol-spacing-x-large) auto -10px;
 }
+
 .ofl__calendar__calendar-skeleton {
   --border-radius: 0;
 }
+
 .ofl__calendar__time-item__content {
   border-radius: 0;
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button) {
   border-radius: var(--theme-border-radius);
   border: var(--theme-radio-button-border);
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item::part(button--checked) {
   border: 2px solid var(--ol-color-neutral-900);
   background-color: var(--ol-color-neutral-900);
 }
+
 .ofl__calendar__time-list--list .ofl__calendar__time-item:hover::part(button--checked) {
   background-color: var(--ol-color-neutral-900);
   border: 2px solid var(--ol-color-neutral-900);
 }
+
 .ofl__calendar__time-list--list
   .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button) {
   border: 2px solid var(--ol-color-neutral-900);
   background: var(--ol-color-neutral-100);
 }
+
 .ofl__calendar__time-list--list
   .ofl__calendar__time-item:hover:not([disabled], [checked])::part(button)::after {
   border: none;
 }
+
 .ofl__map {
   gap: 0;
 }
+
 .ofl__map__search-form {
   gap: var(--ol-spacing-large);
 }
+
 .ofl__map.ofl__map--small .ofl__map__search-form,
 .ofl__map.ofl__map--medium .ofl__map__search-form {
   flex-direction: row;
@@ -482,24 +544,31 @@ ol-input::part(base) {
   align-items: end;
   flex-wrap: wrap;
 }
+
 .ofl__map__search-input {
   flex: 1;
 }
+
 .ofl__map__search-button-outside {
   margin: 0;
 }
+
 .ofl__map__search-suffix-icon {
   margin: 0;
 }
+
 .ofl__map__distance-range::part(input) {
   --thumb-border-radius: 0;
 }
+
 .ofl__map__distance-range__label {
   font-weight: var(--ol-font-weight-bold);
 }
+
 .ofl__map__location-button {
   margin: 0;
 }
+
 .ofl__map__location-empty {
   flex-direction: column;
   text-align: left;
@@ -509,19 +578,23 @@ ol-input::part(base) {
   padding: 0;
   gap: 0;
 }
+
 .ofl__map__location-empty h3 {
   font-size: var(--ol-font-size-large);
   color: var(--ol-color-neutral-600);
   margin: var(--ol-spacing-small) 0;
   line-height: var(--ol-line-height-denser);
 }
+
 .ofl__map__location-empty p {
   line-height: var(--ol-line-height-dense);
   margin: var(--ol-spacing-2x-small) 0;
 }
+
 .ofl__map__options-list--button .ofl__map__option-item::part(base) {
   border: 2px solid var(--ol-color-neutral-800);
 }
+
 .ofl__error {
   align-items: center;
 }
@@ -538,17 +611,21 @@ ol-input::part(base) {
   border: 2px solid var(--theme-card-border-color);
   border-radius: var(--theme-border-radius);
 }
+
 .olcs__card + .olcs__card {
   margin-top: var(--ol-spacing-x-small);
 }
+
 .olcs__model {
   text-align: center;
   margin: var(--ol-spacing-small);
 }
+
 .olcs__model-image {
   height: 80px;
   width: auto;
 }
+
 .olcs__model-name {
   display: flex;
   flex-direction: column;
@@ -556,15 +633,18 @@ ol-input::part(base) {
   color: var(--ol-color-neutral-900);
   font-weight: var(--ol-font-weight-bold);
 }
+
 .olcs__model-preferences {
   font-size: var(--ol-font-size-2x-small);
   color: var(--ol-color-neutral-800);
   font-weight: var(--ol-font-weight-normal);
   line-height: var(--ol-line-height-normal);
 }
+
 .olcs__card .olcs__dealer:first-child {
   text-align: left;
 }
+
 .olcs__dealer {
   display: flex;
   flex-direction: column;
@@ -574,14 +654,17 @@ ol-input::part(base) {
   margin: var(--ol-spacing-small);
   line-height: var(--ol-line-height-dense);
 }
+
 .olcs__dealer-name {
   font-weight: var(--ol-font-weight-bold);
 }
+
 .olcs__dealer-address,
 .olcs__dealer-phone {
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-800);
 }
+
 .olcs__datetime {
   flex: 1;
   display: flex;
@@ -589,16 +672,19 @@ ol-input::part(base) {
   padding: var(--ol-spacing-x-small) var(--ol-spacing-medium);
   justify-content: space-between;
 }
+
 .olcs__datetime-icon {
   font-size: 2em;
   color: var(--ol-color-neutral-700);
   margin: 0 var(--ol-spacing-2x-large);
 }
+
 .olcs__datetime-date {
   text-align: right;
   font-weight: var(--ol-font-weight-bold);
   font-size: var(--ol-font-size-small);
 }
+
 .olcs__customer {
   flex: 1;
   display: flex;
@@ -606,22 +692,27 @@ ol-input::part(base) {
   padding: var(--ol-spacing-x-small) var(--ol-spacing-medium);
   justify-content: space-between;
 }
+
 .olcs__customer-details {
   text-align: right;
 }
+
 .olcs__customer-icon {
   font-size: 2em;
   color: var(--ol-color-neutral-700);
   margin: 0 var(--ol-spacing-2x-large);
 }
+
 .olcs__customer-name {
   font-weight: var(--ol-font-weight-bold);
 }
+
 .olcs__customer-email,
 .olcs__customer-phone {
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-800);
 }
+
 .olcs__mega-icon {
   font-size: var(--ol-font-size-3x-large);
   color: var(--ol-color-neutral-950);
@@ -630,14 +721,17 @@ ol-input::part(base) {
   justify-content: center;
   margin: var(--ol-spacing-x-large) 0;
 }
+
 .olcs__label {
   text-align: center;
   font-size: var(--ol-font-size-medium);
   margin: var(--ol-spacing-large) 0 var(--ol-spacing-2x-large) 0;
 }
+
 .olcs__label--no-margin-top {
   margin-top: 0;
 }
+
 .olcs__label--no-margin-bottom {
   margin-bottom: 0;
 }
@@ -653,62 +747,80 @@ ol-input::part(base) {
   .ol-theme-light {
     --ol-calendar-day-padding: var(--ol-spacing-x-small) var(--ol-spacing-small);
   }
+
   .ofl__widget {
     width: 100vw;
   }
+
   .ofl__radio-button__group::part(button-group__base) {
     flex-direction: column;
   }
+
   .ofl__map__search-form {
     flex-direction: column;
   }
+
+  .ofl__actions--bottom .ofl__actions__item,
   .ofl__actions--bottom .ofl__actions__button,
   .ofl__map__search-button-outside {
     width: 100%;
   }
+
   .ofl__radio-button__button::part(button) {
     width: 100%;
   }
+
   .ofl__radio-button__button__content {
     width: 100%;
   }
+
   .ofl__radio-button__icon img {
     height: var(--ol-font-size-x-large);
   }
+
   .olcs__label {
     font-size: var(--ol-font-size-medium);
   }
+
   .olcs__card {
     flex-direction: column;
     gap: 0;
     text-align: center;
   }
+
   .olcs__model {
     text-align: center;
     margin: 0 auto;
   }
+
   .olcs__dealer {
     text-align: center;
   }
+
   .olcs__datetime {
     gap: var(--ol-spacing-2x-large);
   }
+
   .olcs__datetime-icon {
     font-size: 1.5em;
     margin: 0;
   }
+
   .olcs__datetime-date {
     font-size: var(--ol-font-size-small);
     line-height: var(--ol-line-height-dense);
     max-width: 180px;
   }
+
   .olcs__customer {
     gap: var(--ol-spacing-2x-large);
   }
+
   .olcs__customer-icon {
     font-size: 1.75em;
     margin: 0;
   }
+
   .olcs__customer-details {
     font-size: var(--ol-font-size-small);
   }

package/themes/custom/glass.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.199 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.228 | © 2026 Onlive.ai */
 "use strict";var l=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var e in o)l(r,e,{get:o[e],enumerable:!0})},i=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of n(o))!_.call(r,a)&&a!==e&&l(r,a,{get:()=>o[a],enumerable:!(t=s(o,a))||t.enumerable});return r};var d=r=>i(l({},"__esModule",{value:!0}),r);var h={};b(h,{styles:()=>g});module.exports=d(h);var c=require("lit"),g=c.css`
 /**
  * Glass Theme for Chat Landing
@@ -30,7 +30,6 @@
 :host {
   background: transparent;
   color: rgba(255, 255, 255, 0.95);
-  
 
   /* Surface / background tokens → transparent glass */
   --ol-color-neutral-0: rgba(0, 0, 0, 0.25);
@@ -86,13 +85,13 @@
 
   /* Primary palette — white tonality for glass surfaces */
   --ol-color-primary-50: rgba(255, 255, 255, 0.05);
-  --ol-color-primary-100: rgba(255, 255, 255, 0.10);
-  --ol-color-primary-200: rgba(255, 255, 255, 0.20);
+  --ol-color-primary-100: rgba(255, 255, 255, 0.1);
+  --ol-color-primary-200: rgba(255, 255, 255, 0.2);
   --ol-color-primary-300: rgba(255, 255, 255, 0.35);
-  --ol-color-primary-400: rgba(255, 255, 255, 0.50);
+  --ol-color-primary-400: rgba(255, 255, 255, 0.5);
   --ol-color-primary-500: rgba(255, 255, 255, 0.65);
-  --ol-color-primary-600: rgba(255, 255, 255, 0.80);
-  --ol-color-primary-700: rgba(255, 255, 255, 0.90);
+  --ol-color-primary-600: rgba(255, 255, 255, 0.8);
+  --ol-color-primary-700: rgba(255, 255, 255, 0.9);
   --ol-color-primary-800: rgba(255, 255, 255, 0.95);
   --ol-color-primary-900: rgba(255, 255, 255, 0.98);
   --ol-color-primary-950: #ffffff;
@@ -196,7 +195,9 @@
 .ocl__landing__meet--minimized {
   background: rgba(10, 14, 22, 0.6);
   border: 1px solid rgba(255, 255, 255, 0.12);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
+  box-shadow:
+    0 8px 32px rgba(0, 0, 0, 0.4),
+    0 2px 8px rgba(0, 0, 0, 0.25);
 }
 
 .ocl__landing__meet--minimized::after {
@@ -351,14 +352,22 @@
 /* ── "Other" (bot / agent) messages ── */
 
 .och__message--other .och__message__box {
-  background:none;
+  background: none;
   color: rgba(255, 255, 255, 0.95);
   box-shadow: none;
   border: none;
 }
 
 .och__message__assets {
- max-width: none;
+  max-width: min(95%, 600px);
+  width: 100%;
+}
+
+/* Keep multiple assets in a cinematic single-column flow like MediaGlass */
+.och__message__assets:has(.och__message__asset:nth-child(2)) {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: var(--ol-spacing-x-small);
 }
 
 /* ── "Me" (user) messages ── */
@@ -367,7 +376,7 @@
   background: none;
   color: #ffffff;
   border: none;
-  box-shadow: none
+  box-shadow: none;
 }
 
 .och__message--me .och__message__box a {
@@ -473,8 +482,7 @@
   background: rgba(0, 0, 0, 0.15);
   border-radius: var(--ol-border-radius-large);
   max-width: 700px;
-  margin: 0 auto ;
-
+  margin: 0 auto;
 }
 
 /* ── Form action buttons ── */
@@ -559,7 +567,10 @@
   aspect-ratio: 16 / 9;
   border-radius: var(--ol-border-radius-large);
   overflow: hidden;
-  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease,
+    border-color 0.2s ease;
 }
 
 .och__message__media__button:hover {
@@ -620,7 +631,6 @@
   -webkit-backdrop-filter: blur(3px);
 }
 
-
 .och__message__media__image-count {
   color: #ffffff;
   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);