@genexus/genexus-ide-ui 1.1.49 → 1.1.50

package/dist/genexus-ide-ui/p-d0c2dde3.entry.js

@@ -1,331 +0,0 @@
-import { r as e, h as t, H as r, a } from "./p-97107ecc.js";
-
-import { L as o } from "./p-311eedf3.js";
-
-const i = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.pill-tag{padding:1px 4px;border-radius:2px;min-inline-size:40px;text-align:center;margin-inline-end:10px;font-size:11px}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{font-family:var(--mer-font-family--primary);display:block;height:100%;flex-basis:286px;flex-shrink:0;height:100%;overflow-y:auto}.gx-ide-main-wrapper{padding:0 10px 52px 10px;background-color:var(--mer-surface);height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:var(--mer-spacing--sm)}.header{padding-block-start:var(--mer-spacing--sm);display:flex;flex-direction:column}.header__actions-wrapper{display:flex;gap:var(--ai-assistant-header-actions-gap);margin-inline-start:auto}.header__first-row{display:flex;gap:var(--mer-spacing--xs);align-items:center;justify-content:space-between}.header__filter{margin-block-start:var(--mer-spacing--xs)}.header__second-row{transition:100ms grid-template-rows;display:grid;grid-template-rows:0fr}.header__second-row--visible{grid-template-rows:1fr}.header .filter-inner-wrapper{overflow:hidden}.messages-wrapper{position:relative;overflow:auto;display:flex;flex-direction:column;scroll-behavior:smooth;}.messages-wrapper::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.messages-wrapper::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.messages-wrapper::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.messages-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.messages-wrapper::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages{display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0}.prompt{position:relative;margin-top:auto}.prompt__textarea::part(textarea-wrapper){border:none}.prompt__textarea::part(textarea){border:none;background-color:var(--mer-color__neutral-gray--800)}.prompt__shortcuts{position:absolute;display:flex;align-items:center;gap:var(--mer-spacing--2xs);padding-inline-end:var(--mer-spacing--xs);right:0;top:0;height:100%}.prompt__shortcut{color:var(--mer-color__neutral-gray--400);font-size:var(--mer-font__size--2xs);padding:var(--mer-spacing--3xs) var(--mer-spacing--xs);background-color:var(--mer-color__neutral-gray--700);border-radius:var(--mer-border__radius--xs)}";
-
-var s = undefined && undefined.__classPrivateFieldGet || function(e, t, r, a) {
-  if (r === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return r === "m" ? a : r === "a" ? a.call(e) : a ? a.value : t.get(e);
-};
-
-var l, n;
-
-const g = [ "resets/box-sizing", "components/icon", "components/button" ];
-
-const c = class {
-  constructor(r) {
-    e(this, r);
-    this.setFocus = true;
-    this.scrollToBottomFlag = true;
-    this.evaluateAiInProgress = () => {
-      var e;
-      if (((e = this.messages) === null || e === void 0 ? void 0 : e.length) > 0 && this.messages[this.messages.length - 1].type === "assistant-in-progress") {
-        this.aIInProgress = true;
-      } else {
-        this.aIInProgress = false;
-      }
-    };
-    this.evaluateAiStatus = () => {
-      var e;
-      if (((e = this.messages) === null || e === void 0 ? void 0 : e.length) === 0) {
-        this.assistantStatus = "indeterminate";
-        return;
-      }
-      if (this.messages[this.messages.length - 1].type === "assistant-in-progress" || this.messages[this.messages.length - 1].type === "user") {
-        this.assistantStatus = "indeterminate";
-      } else if (this.messages[this.messages.length - 1].type === "assistant-error") {
-        this.assistantStatus = "error";
-      } else {
-        this.assistantStatus = "success";
-      }
-    };
-    this.renderMessage = (e, r) => {
-      if (e.text.length > 0) {
-        return t("gx-ide-ai-message", {
-          style: {
-            "--primary-color": "lightblue"
-          },
-          message: e.text,
-          messageType: e.type,
-          hidden: e.hidden,
-          filterValue: this.filterValue,
-          key: `${r.toString()}-${e.type}`,
-          translations: this._componentLocale.aiMessage,
-          aiAssistantHostRef: this.el
-        });
-      }
-    };
-    this.textAreaInputHandler = () => {
-      this.userHasTyped = true;
-      this.showFilter = false;
-      this.filterEl.value = "";
-      this.filterValue = "";
-      this.scrollToBottomFlag = true;
-    };
-    this.promptEnterHandler = async e => {
-      /* First remove double spaces */
-      const t = e.detail.replace(/\s+/g, " ");
-      /* Update textarea value to get the proper height */      this.textAreaEl.value = t;
-      setTimeout((() => {
-        /* Then save the actual height (setTimeOut required) */
-        this.lastUserMessageHeight = this.textAreaEl.offsetHeight;
-      }), 0);
-      /* The clear the textarea */      this.textAreaEl.value = "";
-      /* Insert the user message */      this.addMessage({
-        type: "user",
-        text: t
-      });
-      /* Call the callback */      if (this.userMessageCallback && !this.aIInProgress) {
-        this.aIInProgress = true;
-        this.userMessageCallback(t).then((() => {
-          this.aIInProgress = false;
-        }));
-      }
-    };
-    this.filterMessagesHandler = e => {
-      this.scrollToBottomFlag = false;
-      this.filterValue = e.detail.toLowerCase();
-      const t = [ ...this.messages ];
-      t.forEach((e => {
-        if (e.text.toLowerCase().includes(this.filterValue)) {
-          e.hidden = false;
-        } else {
-          e.hidden = true;
-        }
-      }));
-      this.messages = t;
-    };
-    this.clearMessages = () => {
-      this.messages = [];
-      this.textAreaEl.focus();
-      if (this.clearCallback) {
-        this.clearCallback();
-      }
-    };
-    this.attachShortcuts = () => {
-      var e;
-      if (((e = this.focusShortcuts) === null || e === void 0 ? void 0 : e.length) > 0) {
-        const e = this.focusShortcuts.findIndex((e => e.toLocaleLowerCase() === "ctrl"));
-        const t = this.focusShortcuts.findIndex((e => e.toLocaleLowerCase() === "shift"));
-        const r = this.focusShortcuts.findIndex((e => e.toLocaleLowerCase() === "cmd"));
-        const a = this.focusShortcuts.find((e => e.toLocaleLowerCase() !== "ctrl" && e.toLocaleLowerCase() !== "shift" && e.toLocaleLowerCase() !== "cmd")).toLowerCase();
-        document.addEventListener("keydown", (o => {
-          if (o.key === a && e !== -1 && o.ctrlKey) {
-            this.textAreaEl.focus();
-            this.userHasTyped = true;
-          } else if (o.key === a && t !== -1 && o.shiftKey) {
-            this.textAreaEl.focus();
-            this.userHasTyped = true;
-          } else if (o.key === a && r !== -1 && o.metaKey) {
-            this.textAreaEl.focus();
-            this.userHasTyped = true;
-          }
-        }));
-      }
-    };
-    this.promptArrowUpHandler = () => {
-      var e;
-      this.userHasTyped = true;
-      const t = (e = this.messages) === null || e === void 0 ? void 0 : e.find((e => e.type === "user"));
-      if (t) {
-        if (this.lastUserMessageHeight) {
-          this.textareaShadowPart.style.height = `${this.lastUserMessageHeight}px`;
-        }
-        this.textAreaEl.value = t.text;
-      }
-    };
-    this.toggleFilterHandler = () => {
-      this.showFilter = !this.showFilter;
-      if (this.showFilter) {
-        this.filterEl.focus();
-      }
-    };
-    this.promptFocusHandler = () => {
-      this.promptHasFocus = true;
-    };
-    this.promptBlurHandler = () => {
-      this.promptHasFocus = false;
-    };
-    this.scrollToBottom = () => {
-      if (this.scrollToBottomFlag) {
-        this.messagesWrapperEl.scrollTo(0, this.messagesWrapperEl.scrollHeight);
-        this.messagesWrapperEl.scrollTop = this.messagesWrapperEl.scrollHeight - this.messagesWrapperEl.clientHeight;
-      }
-    };
-    l.set(this, (() => {
-      this.el.removeAttribute("tabindex");
-    }));
-    n.set(this, (() => {
-      this.el.setAttribute("tabindex", "0");
-    }));
-    this.userHasTyped = false;
-    this.aIInProgress = false;
-    this.showFilter = false;
-    this.promptHasFocus = false;
-    this.filterValue = undefined;
-    this.messages = [];
-    this.promptMaxHeight = "128px";
-    this.assistantStatus = "indeterminate";
-    this.focusShortcuts = undefined;
-    this.userMessageCallback = undefined;
-    this.clearCallback = undefined;
-    this.promptValue = undefined;
-    this.filter = true;
-  }
-  watchAIInProgressHandler(e) {
-    if (!e) {
-      this.setFocus = true;
-    }
-  }
-  watchMessagesHandler() {
-    this.evaluateAiInProgress();
-    this.evaluateAiStatus();
-  }
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-    this.evaluateAiInProgress();
-    this.evaluateAiStatus();
-    this.attachShortcuts();
-  }
-  componentDidLoad() {
-    this.textareaShadowPart = this.textAreaEl.shadowRoot.querySelector("textarea");
-    this.el.addEventListener("mousedown", s(this, l, "f"));
-    this.el.addEventListener("mouseup", s(this, n, "f"));
-  }
-  componentDidRender() {
-    if (this.setFocus) {
-      setTimeout((() => {
-        /* Doesn't seems to work without the setTimeout */
-        this.textAreaEl.focus();
-        this.setFocus = false;
-      }), 50);
-    }
-    setTimeout((() => {
-      this.scrollToBottom();
-    }), 200);
-  }
-  handleFocus(e) {
-    if (this.textAreaEl) {
-      e.preventDefault();
-      this.textAreaEl.focus();
-    }
-  }
-  /**
-     * Clear the list of messages
-     */  async clear() {
-    this.messages = [];
-  }
-  /**
-     * Add a message. This method will be used by the host to add messages from the assistant
-     */  async addMessage(e) {
-    var t;
-    if (((t = e.text) === null || t === void 0 ? void 0 : t.length) > 0) {
-      const t = [ ...this.messages ];
-      const r = (t === null || t === void 0 ? void 0 : t.length) > 0 && t[t.length - 1].type === "assistant-in-progress";
-      if (r) {
-        t.pop();
-      }
-      t.push(e);
-      this.messages = t;
-    }
-  }
-  render() {
-    var e, a;
-    return t(r, {
-      class: {
-        [`assistant--${this.assistantStatus}`]: true,
-        "assistant--in-progress": this.aIInProgress
-      },
-      tabindex: "0"
-    }, t("ch-theme", {
-      model: g
-    }), t("div", {
-      class: "gx-ide-main-wrapper"
-    }, t("slot", null), t("header", {
-      class: "header"
-    }, t("div", {
-      class: "header__first-row"
-    }, t("gxg-title", {
-      type: "title-02"
-    }, this._componentLocale.componentName), t("div", {
-      class: "header__actions-wrapper"
-    }, this.filter ? t("gxg-button", {
-      class: "header__filter-button",
-      type: "tertiary",
-      icon: "menus/find",
-      onClick: this.toggleFilterHandler,
-      disabled: this.messages.length === 0
-    }) : null, t("gxg-button", {
-      class: "header__clear-button",
-      type: "tertiary",
-      icon: "bpm/delete",
-      onClick: this.clearMessages,
-      disabled: this.messages.length === 0
-    }))), this.filter ? t("div", {
-      class: {
-        "header__second-row": true,
-        "header__second-row--visible": this.showFilter
-      }
-    }, t("div", {
-      class: "filter-inner-wrapper"
-    }, t("gxg-form-text", {
-      class: "header__filter",
-      onInput: this.filterMessagesHandler,
-      ref: e => this.filterEl = e
-    }))) : null), t("div", {
-      class: {
-        "messages-wrapper": true,
-        scrollable: true
-      },
-      ref: e => this.messagesWrapperEl = e
-    }, ((e = this.messages) === null || e === void 0 ? void 0 : e.length) ? t("ol", {
-      class: {
-        messages: true
-      }
-    }, this.messages.map(((e, t) => this.renderMessage(e, t)))) : null), t("div", {
-      class: {
-        prompt: true
-      }
-    }, t("gxg-form-textarea", {
-      ai: true,
-      class: "prompt__textarea",
-      value: this.promptValue,
-      maxHeight: this.promptMaxHeight,
-      placeholder: this.aIInProgress ? this._componentLocale.processingQueryPlaceholder : this._componentLocale.promptPlaceholder,
-      onInput: this.textAreaInputHandler,
-      onEnter: this.promptEnterHandler,
-      onArrowUpPressed: this.promptArrowUpHandler,
-      onBlur: this.promptBlurHandler,
-      onFocus: this.promptFocusHandler,
-      disabled: this.aIInProgress,
-      ref: e => this.textAreaEl = e
-    }), !this.userHasTyped && !this.aIInProgress && !this.promptHasFocus && ((a = this.focusShortcuts) === null || a === void 0 ? void 0 : a.length) > 0 ? t("div", {
-      class: {
-        prompt__shortcuts: true
-      }
-    }, this.focusShortcuts.map(((e, r) => r <= 2 ? t("span", {
-      class: "prompt__shortcut"
-    }, e) : null))) : null)));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/ai-assistant" ];
-  }
-  get el() {
-    return a(this);
-  }
-  static get watchers() {
-    return {
-      aIInProgress: [ "watchAIInProgressHandler" ],
-      messages: [ "watchMessagesHandler" ]
-    };
-  }
-};
-
-l = new WeakMap, n = new WeakMap;
-
-c.style = i;
-
-export { c as gx_ide_ai_assistant };
-//# sourceMappingURL=p-d0c2dde3.entry.js.map

package/dist/genexus-ide-ui/p-d0c2dde3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["aiAssistantCss","CSS_BUNDLES","GxIdeTemplate","this","setFocus","scrollToBottomFlag","evaluateAiInProgress","_a","messages","length","type","aIInProgress","evaluateAiStatus","assistantStatus","renderMessage","message","i","text","h","style","messageType","hidden","filterValue","key","toString","translations","_componentLocale","aiMessage","aiAssistantHostRef","el","textAreaInputHandler","userHasTyped","showFilter","filterEl","value","promptEnterHandler","async","prompt","promptTrimmed","detail","replace","textAreaEl","setTimeout","lastUserMessageHeight","offsetHeight","addMessage","userMessageCallback","then","filterMessagesHandler","e","toLowerCase","filteredMessages","forEach","includes","clearMessages","focus","clearCallback","attachShortcuts","focusShortcuts","ctrlFocusIndex","findIndex","toLocaleLowerCase","shiftFocusIndex","cmdKeyIndex","keyFocus","find","document","addEventListener","ctrlKey","shiftKey","metaKey","promptArrowUpHandler","lastUserMessage","textareaShadowPart","height","toggleFilterHandler","promptFocusHandler","promptHasFocus","promptBlurHandler","scrollToBottom","messagesWrapperEl","scrollTo","scrollHeight","scrollTop","clientHeight","_GxIdeTemplate_mouseDownListener","set","removeAttribute","_GxIdeTemplate_mouseUpListener","setAttribute","watchAIInProgressHandler","aiInProgress","watchMessagesHandler","componentWillLoad","Locale","getComponentStrings","componentDidLoad","shadowRoot","querySelector","__classPrivateFieldGet","componentDidRender","handleFocus","event","preventDefault","clear","updateInProgressMessage","pop","push","render","Host","class","tabindex","model","componentName","filter","icon","onClick","disabled","onInput","ref","scrollable","map","ai","promptValue","maxHeight","promptMaxHeight","placeholder","processingQueryPlaceholder","promptPlaceholder","onEnter","onArrowUpPressed","onBlur","onFocus","_b","prompt__shortcuts","shortcut"],"sources":["src/components/ai-assistant/ai-assistant.scss?tag=gx-ide-ai-assistant&encapsulation=shadow","src/components/ai-assistant/ai-assistant.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n:host {\n  font-family: var(--mer-font-family--primary);\n  display: block;\n  height: 100%;\n  flex-basis: 286px;\n  flex-shrink: 0;\n  height: 100%;\n  overflow-y: auto;\n}\n.gx-ide-main-wrapper {\n  padding: 0 10px 52px 10px;\n  background-color: var(--mer-surface);\n  height: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  gap: var(--mer-spacing--sm);\n}\n\n/*--- Header ---*/\n.header {\n  padding-block-start: var(--mer-spacing--sm);\n  display: flex;\n  flex-direction: column;\n\n  &__actions-wrapper {\n    display: flex;\n    gap: var(--ai-assistant-header-actions-gap);\n    margin-inline-start: auto;\n  }\n  &__first-row {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n    align-items: center;\n    justify-content: space-between;\n  }\n  &__filter {\n    margin-block-start: var(--mer-spacing--xs);\n  }\n  &__second-row {\n    transition: 100ms grid-template-rows;\n    display: grid;\n    grid-template-rows: 0fr;\n\n    &--visible {\n      grid-template-rows: 1fr;\n    }\n  }\n  .filter-inner-wrapper {\n    overflow: hidden;\n  }\n}\n\n/*--- Messages ---*/\n.messages-wrapper {\n  position: relative;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  @include gxg-scrollbar();\n}\n.messages {\n  display: flex;\n  flex-direction: column;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n/*--- Prompt ---*/\n.prompt {\n  position: relative;\n  margin-top: auto;\n\n  &__textarea {\n    &::part(textarea-wrapper) {\n      border: none;\n    }\n    &::part(textarea) {\n      border: none;\n      background-color: var(--mer-color__neutral-gray--800);\n    }\n  }\n  &__shortcuts {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--2xs);\n    padding-inline-end: var(--mer-spacing--xs);\n    right: 0;\n    top: 0;\n    height: 100%;\n  }\n  &__shortcut {\n    color: var(--mer-color__neutral-gray--400);\n    font-size: var(--mer-font__size--2xs);\n    padding: var(--mer-spacing--3xs) var(--mer-spacing--xs);\n    background-color: var(--mer-color__neutral-gray--700);\n    border-radius: var(--mer-border__radius--xs);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Method,\n  State,\n  Watch,\n  Listen\n} from \"@stencil/core\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/icon\",\n  \"components/button\"\n];\n\nimport { Locale } from \"../../common/locale\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n@Component({\n  tag: \"gx-ide-ai-assistant\",\n  styleUrl: \"ai-assistant.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ai-assistant\"]\n})\nexport class GxIdeTemplate {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  /* lastUserMessageHeight is used to set the appropriate height on the textarea, if user presses arrowUp (recover last message)*/\n  private lastUserMessageHeight: number;\n  private setFocus = true;\n  private scrollToBottomFlag = true;\n\n  @Element() el: HTMLGxIdeAiAssistantElement;\n  private textAreaEl!: HTMLGxgFormTextareaElement;\n  private textareaShadowPart: HTMLTextAreaElement;\n  private filterEl: HTMLGxgFormTextElement;\n  private messagesWrapperEl!: HTMLDivElement;\n\n  /**\n   * Flag used to hide the shortcuts\n   */\n  @State() userHasTyped = false;\n\n  /**\n   * This is true if the last message is of type 'assistant-in-progress'\n   */\n  @State() aIInProgress = false;\n  @Watch(\"aIInProgress\")\n  watchAIInProgressHandler(aiInProgress: boolean) {\n    if (!aiInProgress) {\n      this.setFocus = true;\n    }\n  }\n\n  /**\n   * This displays or hides the messages filter\n   */\n  @State() showFilter = false;\n\n  /**\n   * True if the prompt textbox has focus\n   */\n  @State() promptHasFocus = false;\n\n  /**\n   * The filter value\n   */\n  @State() filterValue: string;\n\n  /**\n   * List of messages displayed by the component\n   */\n  @Prop({ mutable: true }) messages: Message[] = [];\n  @Watch(\"messages\")\n  watchMessagesHandler() {\n    this.evaluateAiInProgress();\n    this.evaluateAiStatus();\n  }\n\n  /**\n   * The prompt textarea max-height\n   */\n  @Prop() readonly promptMaxHeight = \"128px\";\n\n  /**\n   * A temporary property to illustrate the assistant status\n   */\n  @Prop({ mutable: true }) assistantStatus: AiStatus = \"indeterminate\";\n\n  /**\n   * List of keys that make up the shortcut to focus on the component's text input\n   */\n  @Prop() readonly focusShortcuts: string[];\n\n  /**\n   * List of keys that make up the shortcut to focus on the component's text input\n   */\n  @Prop() readonly userMessageCallback: UserMessageCallback;\n\n  /**\n   * Callback that must be invoked when the conversation is cleared, using the header button.\n   */\n  @Prop() readonly clearCallback: () => Promise<void>;\n\n  /**\n   * the prompt value\n   */\n  @Prop() readonly promptValue: string;\n\n  /**\n   * If tue, it will display a filter.\n   */\n  @Prop() readonly filter = true;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateAiInProgress();\n    this.evaluateAiStatus();\n    this.attachShortcuts();\n  }\n\n  componentDidLoad() {\n    this.textareaShadowPart =\n      this.textAreaEl.shadowRoot.querySelector(\"textarea\");\n    this.el.addEventListener(\"mousedown\", this.#mouseDownListener);\n    this.el.addEventListener(\"mouseup\", this.#mouseUpListener);\n  }\n\n  componentDidRender() {\n    if (this.setFocus) {\n      setTimeout(() => {\n        /* Doesn't seems to work without the setTimeout */\n        this.textAreaEl.focus();\n        this.setFocus = false;\n      }, 50);\n    }\n    setTimeout(() => {\n      this.scrollToBottom();\n    }, 200);\n  }\n\n  @Listen(\"focus\", { capture: true })\n  handleFocus(event: FocusEvent) {\n    if (this.textAreaEl) {\n      event.preventDefault();\n      this.textAreaEl.focus();\n    }\n  }\n\n  /**\n   * Clear the list of messages\n   */\n  @Method()\n  async clear() {\n    this.messages = [];\n  }\n\n  /**\n   * Add a message. This method will be used by the host to add messages from the assistant\n   */\n  @Method()\n  async addMessage(message: Message) {\n    if (message.text?.length > 0) {\n      const messages = [...this.messages];\n      const updateInProgressMessage =\n        messages?.length > 0 &&\n        messages[messages.length - 1].type === \"assistant-in-progress\";\n      if (updateInProgressMessage) {\n        messages.pop();\n      }\n      messages.push(message);\n      this.messages = messages;\n    }\n  }\n\n  private evaluateAiInProgress = () => {\n    if (\n      this.messages?.length > 0 &&\n      this.messages[this.messages.length - 1].type === \"assistant-in-progress\"\n    ) {\n      this.aIInProgress = true;\n    } else {\n      this.aIInProgress = false;\n    }\n  };\n\n  private evaluateAiStatus = () => {\n    if (this.messages?.length === 0) {\n      this.assistantStatus = \"indeterminate\";\n      return;\n    }\n    if (\n      this.messages[this.messages.length - 1].type ===\n        \"assistant-in-progress\" ||\n      this.messages[this.messages.length - 1].type === \"user\"\n    ) {\n      this.assistantStatus = \"indeterminate\";\n    } else if (\n      this.messages[this.messages.length - 1].type === \"assistant-error\"\n    ) {\n      this.assistantStatus = \"error\";\n    } else {\n      this.assistantStatus = \"success\";\n    }\n  };\n\n  private renderMessage = (\n    message: Message,\n    i: number\n  ): HTMLLIElement | void => {\n    if (message.text.length > 0) {\n      return (\n        <gx-ide-ai-message\n          style={{\n            \"--primary-color\": \"lightblue\"\n          }}\n          message={message.text}\n          messageType={message.type}\n          hidden={message.hidden}\n          filterValue={this.filterValue}\n          key={`${i.toString()}-${message.type}`}\n          translations={this._componentLocale.aiMessage}\n          aiAssistantHostRef={this.el}\n        ></gx-ide-ai-message>\n      );\n    }\n  };\n\n  private textAreaInputHandler = () => {\n    this.userHasTyped = true;\n    this.showFilter = false;\n    this.filterEl.value = \"\";\n    this.filterValue = \"\";\n    this.scrollToBottomFlag = true;\n  };\n\n  private promptEnterHandler = async (prompt: CustomEvent<string>) => {\n    /* First remove double spaces */\n    const promptTrimmed = prompt.detail.replace(/\\s+/g, \" \");\n    /* Update textarea value to get the proper height */\n    this.textAreaEl.value = promptTrimmed;\n    setTimeout(() => {\n      /* Then save the actual height (setTimeOut required) */\n      this.lastUserMessageHeight = this.textAreaEl.offsetHeight;\n    }, 0);\n    /* The clear the textarea */\n    this.textAreaEl.value = \"\";\n    /* Insert the user message */\n    this.addMessage({\n      type: \"user\",\n      text: promptTrimmed\n    });\n    /* Call the callback */\n    if (this.userMessageCallback && !this.aIInProgress) {\n      this.aIInProgress = true;\n      this.userMessageCallback(promptTrimmed).then(() => {\n        this.aIInProgress = false;\n      });\n    }\n  };\n\n  private filterMessagesHandler = (e: CustomEvent<string>) => {\n    this.scrollToBottomFlag = false;\n    this.filterValue = e.detail.toLowerCase();\n    const filteredMessages = [...this.messages];\n    filteredMessages.forEach(message => {\n      if (message.text.toLowerCase().includes(this.filterValue)) {\n        message.hidden = false;\n      } else {\n        message.hidden = true;\n      }\n    });\n    this.messages = filteredMessages;\n  };\n\n  private clearMessages = () => {\n    this.messages = [];\n    this.textAreaEl.focus();\n    if (this.clearCallback) {\n      this.clearCallback();\n    }\n  };\n\n  private attachShortcuts = () => {\n    if (this.focusShortcuts?.length > 0) {\n      const ctrlFocusIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"ctrl\"\n      );\n      const shiftFocusIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"shift\"\n      );\n      const cmdKeyIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"cmd\"\n      );\n      const keyFocus = this.focusShortcuts\n        .find(key => {\n          return (\n            key.toLocaleLowerCase() !== \"ctrl\" &&\n            key.toLocaleLowerCase() !== \"shift\" &&\n            key.toLocaleLowerCase() !== \"cmd\"\n          );\n        })\n        .toLowerCase();\n      document.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n        if (e.key === keyFocus && ctrlFocusIndex !== -1 && e.ctrlKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        } else if (e.key === keyFocus && shiftFocusIndex !== -1 && e.shiftKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        } else if (e.key === keyFocus && cmdKeyIndex !== -1 && e.metaKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        }\n      });\n    }\n  };\n\n  private promptArrowUpHandler = () => {\n    this.userHasTyped = true;\n    const lastUserMessage = this.messages?.find(message => {\n      return message.type === \"user\";\n    });\n    if (lastUserMessage) {\n      if (this.lastUserMessageHeight) {\n        this.textareaShadowPart.style.height = `${this.lastUserMessageHeight}px`;\n      }\n      this.textAreaEl.value = lastUserMessage.text;\n    }\n  };\n\n  private toggleFilterHandler = () => {\n    this.showFilter = !this.showFilter;\n    if (this.showFilter) {\n      this.filterEl.focus();\n    }\n  };\n\n  private promptFocusHandler = () => {\n    this.promptHasFocus = true;\n  };\n\n  private promptBlurHandler = () => {\n    this.promptHasFocus = false;\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollToBottomFlag) {\n      this.messagesWrapperEl.scrollTo(0, this.messagesWrapperEl.scrollHeight);\n      this.messagesWrapperEl.scrollTop =\n        this.messagesWrapperEl.scrollHeight -\n        this.messagesWrapperEl.clientHeight;\n    }\n  };\n\n  #mouseDownListener = () => {\n    this.el.removeAttribute(\"tabindex\");\n  };\n\n  #mouseUpListener = () => {\n    this.el.setAttribute(\"tabindex\", \"0\");\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`assistant--${this.assistantStatus}`]: true,\n          \"assistant--in-progress\": this.aIInProgress\n        }}\n        tabindex=\"0\"\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <slot></slot>\n          <header class=\"header\">\n            <div class=\"header__first-row\">\n              <gxg-title type=\"title-02\">\n                {this._componentLocale.componentName}\n              </gxg-title>\n              <div class=\"header__actions-wrapper\">\n                {this.filter ? (\n                  <gxg-button\n                    class=\"header__filter-button\"\n                    type=\"tertiary\"\n                    icon=\"menus/find\"\n                    onClick={this.toggleFilterHandler}\n                    disabled={this.messages.length === 0}\n                  ></gxg-button>\n                ) : null}\n\n                <gxg-button\n                  class=\"header__clear-button\"\n                  type=\"tertiary\"\n                  icon=\"bpm/delete\"\n                  onClick={this.clearMessages}\n                  disabled={this.messages.length === 0}\n                ></gxg-button>\n              </div>\n            </div>\n            {this.filter ? (\n              <div\n                class={{\n                  \"header__second-row\": true,\n                  \"header__second-row--visible\": this.showFilter\n                }}\n              >\n                <div class=\"filter-inner-wrapper\">\n                  <gxg-form-text\n                    class=\"header__filter\"\n                    onInput={this.filterMessagesHandler as any}\n                    ref={el => (this.filterEl = el as HTMLGxgFormTextElement)}\n                  ></gxg-form-text>\n                </div>\n              </div>\n            ) : null}\n          </header>\n\n          <div\n            class={{\n              \"messages-wrapper\": true,\n              \"scrollable\": true\n            }}\n            ref={el => (this.messagesWrapperEl = el as HTMLDivElement)}\n          >\n            {this.messages?.length ? (\n              <ol class={{ messages: true }}>\n                {this.messages.map((message, i) => {\n                  return this.renderMessage(message, i);\n                })}\n              </ol>\n            ) : null}\n          </div>\n\n          <div\n            class={{\n              prompt: true\n            }}\n          >\n            <gxg-form-textarea\n              ai\n              class=\"prompt__textarea\"\n              value={this.promptValue}\n              maxHeight={this.promptMaxHeight}\n              placeholder={\n                this.aIInProgress\n                  ? this._componentLocale.processingQueryPlaceholder\n                  : this._componentLocale.promptPlaceholder\n              }\n              onInput={this.textAreaInputHandler}\n              onEnter={this.promptEnterHandler}\n              onArrowUpPressed={this.promptArrowUpHandler}\n              onBlur={this.promptBlurHandler}\n              onFocus={this.promptFocusHandler}\n              disabled={this.aIInProgress}\n              ref={el => (this.textAreaEl = el as HTMLGxgFormTextareaElement)}\n            ></gxg-form-textarea>\n            {!this.userHasTyped &&\n            !this.aIInProgress &&\n            !this.promptHasFocus &&\n            this.focusShortcuts?.length > 0 ? (\n              <div\n                class={{\n                  prompt__shortcuts: true\n                }}\n              >\n                {this.focusShortcuts.map((shortcut, i) => {\n                  /* Up to three keys allowed*/\n                  return i <= 2 ? (\n                    <span class=\"prompt__shortcut\">{shortcut}</span>\n                  ) : null;\n                })}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type AiStatus = \"indeterminate\" | \"success\" | \"error\";\n\nexport type Message = {\n  type: MessageType;\n  text: string;\n  hidden?: boolean;\n  filterValue?: string;\n};\n\nexport type MessageType =\n  | \"user\"\n  | \"assistant-chat\"\n  | \"assistant-action\"\n  | \"assistant-in-progress\"\n  | \"assistant-error\";\n\nexport type UserMessageCallback = (text: string) => Promise<void>;\n"],"mappings":"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"}