@openuidev/react-ui 0.9.16 → 0.9.18

package/dist/styles/sectionBlock.css

@@ -0,0 +1 @@
+.openui-foldable-section{box-sizing:border-box;padding:0;margin:0;width:100%}.openui-foldable-section-root{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-foldable-section-item{width:100%;display:flex;flex-direction:column;gap:var(--openui-space-l, 18px)}.openui-foldable-section-header{display:flex;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.openui-foldable-section-trigger{background-color:rgba(0,0,0,0);border:none;padding:var(--openui-space-m, 12px) 0 var(--openui-space-xs, 6px) 0;width:100%;flex:1;display:flex;align-items:center;justify-content:space-between;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer}.openui-foldable-section-trigger-content-wrapper{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);align-items:start;justify-content:center;width:100%}.openui-foldable-section-trigger-content-separator{margin:var(--openui-space-3xs, 2px)}.openui-foldable-section-trigger-content-icon-button-wrapper{display:flex;align-items:center;justify-content:start;gap:var(--openui-space-s, 8px);width:100%}.openui-foldable-section-trigger-content-icon-button{flex-shrink:0}.openui-foldable-section-trigger-content-icon-button-icon{transition:transform 300ms cubic-bezier(0.87, 0, 0.13, 1)}.openui-foldable-section-trigger[data-state=open] .openui-foldable-section-trigger-content-icon-button-icon{transform:rotate(90deg)}.openui-foldable-section-trigger-content-text{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);flex-grow:1;display:flex;align-items:center;justify-content:start;padding:0;margin:0}.openui-foldable-section-content{width:100%;display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px);padding:0 0 0 28px}.openui-foldable-section-content[data-state=open]{height:fit-content}.openui-foldable-section-content[data-state=closed]{height:0}.openui-section-v2{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--openui-space-xl, 24px);margin-top:var(--openui-space-m, 12px)}.openui-section-v2-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;gap:var(--openui-space-xl, 24px)}.openui-section-v2-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--openui-space-s, 8px);margin-bottom:var(--openui-space-2xs, 4px)}.openui-section-v2-header-trigger{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-section-v2-content{width:100%;gap:var(--openui-space-xl, 24px);display:flex;flex-direction:column}

package/dist/styles/shell.css

@@ -1 +1 @@
-.openui-shell-sidebar-container{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));height:100%;width:272px;border-radius:var(--openui-radius-m, 8px);padding:var(--openui-space-m, 12px);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);z-index:999;transition:width .4s ease-in-out,height .4s ease-in-out,transform .4s ease-in-out}.openui-shell-container--mobile .openui-shell-sidebar-container{width:294px;padding:var(--openui-space-l, 18px);position:absolute;left:0;top:0;z-index:1000;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:0;transition:left .3s ease-in-out}.openui-shell-sidebar-container--collapsed{width:104px;height:min-content;transform:translateX(0);gap:0}.openui-shell-container--mobile .openui-shell-sidebar-container--collapsed{width:294px;height:100%;left:-294px;transform:none}.openui-shell-sidebar-container--hidden{display:none}.openui-shell-sidebar-header{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-sidebar-header__logo{width:36px;height:36px;border-radius:var(--openui-radius-s, 6px)}.openui-shell-sidebar-header__agent-name{flex-grow:1;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-sidebar-container--collapsed .openui-shell-sidebar-header__agent-name{display:none}.openui-shell-sidebar-content{width:calc(272px - var(--openui-space-m, 12px)*2);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);overflow:hidden;opacity:1;transition:opacity .2s ease-in-out .3s,display .4s .5s}.openui-shell-container--mobile .openui-shell-sidebar-content{width:100%}.openui-shell-sidebar-content--collapsed{opacity:0;display:none;transition:opacity .2s ease-in-out,display 0s .5s}.openui-shell-sidebar-separator{height:1px;width:100%;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-container--mobile .openui-shell-sidebar-header__toggle-button{display:none}.openui-shell-sidebar-container__overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--openui-overlay, oklch(0% 0 0deg / 0.4));transition:opacity .3s ease-in-out;z-index:99}.openui-shell-sidebar-container__overlay--collapsed{opacity:0;pointer-events:none}.openui-shell-thread-list{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:auto}.openui-shell-thread-list-group{display:flex;padding-left:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing)}.openui-shell-thread-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--openui-radius-s, 6px);border:1px solid rgba(0,0,0,0)}.openui-shell-thread-button--selected{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-thread-button:hover .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-title{padding:0;border:0;background:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);width:100%;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.openui-shell-thread-button-dropdown-trigger{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);flex-shrink:0;min-height:28px;cursor:pointer;opacity:0}.openui-shell-container--mobile .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-dropdown-trigger[data-state=open]{opacity:1}.openui-shell-thread-button-dropdown-menu{display:flex;flex-direction:column;padding:var(--openui-space-xs, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));z-index:9999}.openui-shell-thread-button-dropdown-menu-item{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);display:flex;align-items:center;gap:var(--openui-space-2xs, 4px);cursor:pointer}.openui-shell-thread-button-dropdown-menu-item-icon{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:6px}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px) calc(32px + var(--openui-space-s, 8px)) var(--openui-space-xl, 24px);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:6px}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l, 18px))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s, 8px);padding-right:calc(32px + var(--openui-space-s, 8px));overflow:hidden}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs, 6px)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-mobile-header{display:none}.openui-shell-container--mobile .openui-shell-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-mobile-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-m, 12px);position:absolute;left:50%;transform:translateX(-50%)}.openui-shell-mobile-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-mobile-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-mobile-header-actions{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-resizable-separator{width:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:col-resize;position:relative;flex-shrink:0;user-select:none;animation:fadeIn .3s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-resizable-separator::before{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;cursor:col-resize}.openui-shell-resizable-separator:hover{background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-resizable-separator:hover .openui-shell-resizable-separator__handle{opacity:1}.openui-shell-resizable-separator__handle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4px;height:40px;background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3));border-radius:var(--openui-radius-full, 9999px);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.openui-shell-conversation-starter{width:100%;max-width:880px;margin:0 auto;padding:0 calc(32px + var(--openui-space-s, 8px)) var(--openui-space-m, 12px)}.openui-shell-conversation-starter--short{display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px)}.openui-shell-conversation-starter--long{display:flex;flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-shell-container--mobile .openui-shell-conversation-starter{padding:0 var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-conversation-starter{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-conversation-starter-item-short{display:flex;align-items:center;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-shell-conversation-starter-item-short__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-short__text{flex:1;white-space:nowrap}.openui-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}@media(max-width: 480px){.openui-shell-conversation-starter-item-short{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}}.openui-shell-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow:hidden}.openui-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-shell-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-shell-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-shell-conversation-starter-item-long:not(:disabled):hover .openui-shell-conversation-starter-item-long__arrow{opacity:1}.openui-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);flex:1;justify-content:center;align-items:center;width:100%;height:100%;max-width:880px;margin:0 auto;padding:var(--openui-space-2xl, 36px) calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-welcome-screen{padding:var(--openui-space-2xl, 36px) var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-welcome-screen{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-welcome-screen__header{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-l, 18px)}.openui-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:400px}.openui-shell-welcome-screen__composer-starters-container{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);width:100%}.openui-shell-welcome-screen__desktop-composer{display:flex;justify-content:center;width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-composer{display:none}.openui-shell-welcome-screen__desktop-starters{width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-starters{display:none}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter{padding:0}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter--short{justify-content:center}.openui-shell-welcome-screen--with-composer{gap:var(--openui-space-2xl, 36px)}.openui-shell-container--mobile .openui-shell-welcome-screen--with-composer{gap:var(--openui-space-l, 18px)}.openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container--mobile .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:block}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen__desktop-starters) .openui-shell-conversation-starter:not(.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter){display:none}.openui-shell-desktop-welcome-composer{display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);padding:var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%;max-width:800px}.openui-shell-desktop-welcome-composer__input-container{display:flex;padding-left:var(--openui-space-3xs, 2px)}.openui-shell-desktop-welcome-composer__input{flex:1;padding:0;resize:none;max-height:200px;min-height:24px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-desktop-welcome-composer__input::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-desktop-welcome-composer__actions{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.openui-shell-desktop-welcome-composer__action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;flex-shrink:0}.openui-shell-thread-composer{max-width:880px;width:100%;margin:0 auto var(--openui-space-m, 12px);padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-composer{margin:0;padding:var(--openui-space-m, 12px) 14px;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-thread-container--artifact-active .openui-shell-thread-composer{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-xl, 12px);display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-shell-container{display:flex;position:relative;height:100dvh;width:100dvw;padding:var(--openui-space-m, 12px);overflow:hidden;background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-shell-container *{box-sizing:border-box}.openui-shell-container.openui-shell-container--mobile{padding:0}.openui-shell-new-chat-button{width:100%;justify-content:space-between}
+.openui-shell-sidebar-container{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));height:100%;width:272px;border-radius:var(--openui-radius-m, 8px);padding:var(--openui-space-m, 12px);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);z-index:999;transition:width .4s ease-in-out,height .4s ease-in-out,transform .4s ease-in-out}.openui-shell-container--mobile .openui-shell-sidebar-container{width:294px;padding:var(--openui-space-l, 18px);position:absolute;left:0;top:0;z-index:1000;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:0;transition:left .3s ease-in-out}.openui-shell-sidebar-container--collapsed{width:104px;height:min-content;transform:translateX(0);gap:0}.openui-shell-container--mobile .openui-shell-sidebar-container--collapsed{width:294px;height:100%;left:-294px;transform:none}.openui-shell-sidebar-container--hidden{display:none}.openui-shell-sidebar-header{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-sidebar-header__logo{width:36px;height:36px;border-radius:var(--openui-radius-s, 6px)}.openui-shell-sidebar-header__agent-name{flex-grow:1;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-sidebar-container--collapsed .openui-shell-sidebar-header__agent-name{display:none}.openui-shell-sidebar-content{width:calc(272px - var(--openui-space-m, 12px)*2);display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);overflow:hidden;opacity:1;transition:opacity .2s ease-in-out .3s,display .4s .5s}.openui-shell-container--mobile .openui-shell-sidebar-content{width:100%}.openui-shell-sidebar-content--collapsed{opacity:0;display:none;transition:opacity .2s ease-in-out,display 0s .5s}.openui-shell-sidebar-separator{height:1px;width:100%;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-container--mobile .openui-shell-sidebar-header__toggle-button{display:none}.openui-shell-sidebar-container__overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--openui-overlay, oklch(0% 0 0deg / 0.4));transition:opacity .3s ease-in-out;z-index:99}.openui-shell-sidebar-container__overlay--collapsed{opacity:0;pointer-events:none}.openui-shell-thread-list{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:auto}.openui-shell-thread-list-group{display:flex;padding-left:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing)}.openui-shell-thread-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--openui-radius-s, 6px);border:1px solid rgba(0,0,0,0)}.openui-shell-thread-button--selected{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-shell-thread-button:hover .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-title{padding:0;border:0;background:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);width:100%;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.openui-shell-thread-button-dropdown-trigger{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);flex-shrink:0;min-height:28px;cursor:pointer;opacity:0}.openui-shell-container--mobile .openui-shell-thread-button-dropdown-trigger{opacity:1}.openui-shell-thread-button-dropdown-trigger[data-state=open]{opacity:1}.openui-shell-thread-button-dropdown-menu{display:flex;flex-direction:column;padding:var(--openui-space-xs, 6px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));z-index:9999}.openui-shell-thread-button-dropdown-menu-item{padding:0;border:0;background:rgba(0,0,0,0);outline:none;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);display:flex;align-items:center;gap:var(--openui-space-2xs, 4px);cursor:pointer}.openui-shell-thread-button-dropdown-menu-item-icon{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-thread-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.openui-shell-thread-wrapper{flex:1;display:flex;overflow:hidden;height:100%}.openui-shell-thread-chat-panel{display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:360px;flex-shrink:0;position:relative}.openui-shell-thread-chat-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel{display:flex;flex-direction:column;overflow:auto;height:100%;flex:1;min-width:0;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));animation:slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar{width:6px}.openui-shell-thread-artifact-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-artifact-panel--animating{transition:width .5s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-thread-artifact-panel--mobile{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;animation:slideInFromBottom .3s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes slideInFromRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.openui-shell-thread-scroll-container{display:flex;width:100%;flex-grow:1;position:relative;overflow:hidden}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container{flex-grow:0}.openui-shell-thread-scroll-area{width:100%;height:100%;overflow:auto;padding:var(--openui-space-m, 12px) calc(32px + var(--openui-space-s, 8px)) var(--openui-space-xl, 24px);scrollbar-width:thin;scrollbar-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08)) rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar{width:6px}.openui-shell-thread-scroll-area::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb{background-color:var(--openui-highlight-strong, oklch(9.7% 0 0deg / 0.08));border-radius:var(--openui-radius-full, 9999px)}.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--openui-highlight-intense, oklch(9.7% 0 0deg / 0.32))}.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area{padding:0}.openui-shell-container--mobile .openui-shell-thread-scroll-area{padding:var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages>*:last-child{min-height:calc(-200px + 100dvh)}.openui-shell-thread-messages{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:calc(2*var(--openui-space-l, 18px))}.openui-shell-thread-message-assistant{width:100%;display:flex;gap:var(--openui-space-s, 8px);padding-right:calc(32px + var(--openui-space-s, 8px));overflow:hidden}.openui-shell-container--mobile .openui-shell-thread-message-assistant{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant{gap:0;padding-right:0}.openui-shell-thread-message-assistant__content{display:flex;flex-direction:column;gap:var(--openui-space-s, 8px);overflow:hidden;overflow-wrap:break-word;flex-grow:1}.openui-shell-thread-message-assistant__text{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-message-assistant__text:first-child{margin-top:var(--openui-space-xs, 6px)}.openui-shell-thread-message-assistant__logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo{display:none}.openui-shell-thread-message-user{display:flex;justify-content:flex-end;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-message-user{padding:0}.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user{padding-left:0;padding-right:0}.openui-shell-thread-message-user__content{padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-chat-user-response-bg, oklch(9.7% 0 0deg));color:var(--openui-chat-user-response-text, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);overflow-wrap:break-word;max-width:100%;height:fit-content}.openui-shell-thread-message-loading{display:flex;padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-genui-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:var(--openui-space-s, 8px);max-width:85%}.openui-genui-user-message__form-state{border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);overflow:hidden;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));width:100%;transition:border-color .15s ease}.openui-genui-user-message__form-state:hover{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-genui-user-message__form-state-header{padding:0;border:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);cursor:pointer;background-color:rgba(0,0,0,0)}.openui-genui-user-message__form-state-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-genui-user-message__form-state-chevron{flex-shrink:0;color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));transition:transform .2s ease}.openui-genui-user-message__form-state-chevron--expanded{transform:rotate(180deg)}.openui-genui-user-message__form-state-content{border-top:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}.openui-genui-user-message__form-field{display:flex;gap:var(--openui-space-xs, 6px);align-items:baseline}.openui-genui-user-message__form-field-label{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));flex-shrink:0}.openui-genui-user-message__form-field-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));overflow-wrap:break-word;min-width:0}.openui-shell-mobile-header{display:none}.openui-shell-container--mobile .openui-shell-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--openui-space-m, 12px) var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-mobile-header-logo-container{display:flex;align-items:center;gap:var(--openui-space-m, 12px);position:absolute;left:50%;transform:translateX(-50%)}.openui-shell-mobile-header-logo{width:32px;height:32px;border-radius:var(--openui-radius-m, 8px)}.openui-shell-mobile-header-agent-name{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-mobile-header-actions{display:flex;align-items:center;gap:var(--openui-space-s, 8px)}.openui-shell-resizable-separator{width:1px;background-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:col-resize;position:relative;flex-shrink:0;user-select:none;animation:fadeIn .3s cubic-bezier(0.4, 0, 0.2, 1)}.openui-shell-resizable-separator::before{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px;cursor:col-resize}.openui-shell-resizable-separator:hover{background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-resizable-separator:hover .openui-shell-resizable-separator__handle{opacity:1}.openui-shell-resizable-separator__handle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4px;height:40px;background-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3));border-radius:var(--openui-radius-full, 9999px);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.openui-shell-conversation-starter{width:100%;max-width:880px;margin:0 auto;padding:0 calc(32px + var(--openui-space-s, 8px)) var(--openui-space-m, 12px)}.openui-shell-conversation-starter--short{display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px)}.openui-shell-conversation-starter--long{display:flex;flex-direction:column;gap:var(--openui-space-2xs, 4px)}.openui-shell-conversation-starter__separator{padding:var(--openui-space-3xs, 2px) var(--openui-space-xs, 6px)}.openui-shell-container--mobile .openui-shell-conversation-starter{padding:0 var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-conversation-starter{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-conversation-starter-item-short{display:flex;align-items:center;gap:var(--openui-space-xs, 6px);width:fit-content;padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left}.openui-shell-conversation-starter-item-short__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-short__text{flex:1;white-space:nowrap}.openui-shell-conversation-starter-item-short:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-shell-conversation-starter-item-short:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}@media(max-width: 480px){.openui-shell-conversation-starter-item-short{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px)}}.openui-shell-conversation-starter-item-long{display:flex;align-items:center;gap:var(--openui-space-000, 0);width:100%;padding:var(--openui-space-xs, 6px) var(--openui-space-m, 12px);background-color:rgba(0,0,0,0);border:none;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:background-color .15s ease;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));text-align:left;overflow:hidden}.openui-shell-conversation-starter-item-long__content{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);flex:1;min-width:0}.openui-shell-conversation-starter-item-long__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:var(--openui-space-2xs, 4px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long__text{flex:1;min-width:0;line-height:1.5}.openui-shell-conversation-starter-item-long__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .15s ease;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-conversation-starter-item-long:not(:disabled):hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-shell-conversation-starter-item-long:not(:disabled):hover .openui-shell-conversation-starter-item-long__arrow{opacity:1}.openui-shell-conversation-starter-item-long:not(:disabled):active{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-shell-welcome-screen{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);flex:1;justify-content:center;align-items:center;width:100%;height:100%;max-width:880px;margin:0 auto;padding:var(--openui-space-2xl, 36px) calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-welcome-screen{padding:var(--openui-space-2xl, 36px) var(--openui-space-l, 18px)}.openui-shell-thread-container--artifact-active .openui-shell-welcome-screen{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-welcome-screen__header{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-l, 18px)}.openui-shell-welcome-screen__image-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.openui-shell-welcome-screen__image{width:64px;height:64px;object-fit:cover;border-radius:var(--openui-radius-xl, 12px)}.openui-shell-welcome-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--openui-space-xs, 6px);text-align:center}.openui-shell-welcome-screen__title{font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));margin:0}.openui-shell-welcome-screen__description{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));margin:0;max-width:400px}.openui-shell-welcome-screen__composer-starters-container{display:flex;flex-direction:column;gap:var(--openui-space-l, 18px);width:100%}.openui-shell-welcome-screen__desktop-composer{display:flex;justify-content:center;width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-composer{display:none}.openui-shell-welcome-screen__desktop-starters{width:100%}.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-starters{display:none}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter{padding:0}.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter--short{justify-content:center}.openui-shell-welcome-screen--with-composer{gap:var(--openui-space-2xl, 36px)}.openui-shell-container--mobile .openui-shell-welcome-screen--with-composer{gap:var(--openui-space-l, 18px)}.openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container--mobile .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:block}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer{display:none}.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen__desktop-starters) .openui-shell-conversation-starter:not(.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter){display:none}.openui-shell-desktop-welcome-composer{display:flex;flex-direction:column;gap:var(--openui-space-m, 12px);padding:var(--openui-space-m, 12px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%;max-width:800px}.openui-shell-desktop-welcome-composer__input-container{display:flex;padding-left:var(--openui-space-3xs, 2px)}.openui-shell-desktop-welcome-composer__input{flex:1;padding:0;resize:none;max-height:200px;min-height:24px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-desktop-welcome-composer__input::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-shell-desktop-welcome-composer__actions{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.openui-shell-desktop-welcome-composer__action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--openui-radius-m, 8px);cursor:pointer;transition:all .15s ease;flex-shrink:0}.openui-shell-thread-composer{max-width:880px;width:100%;margin:0 auto var(--openui-space-m, 12px);padding:0 calc(32px + var(--openui-space-s, 8px))}.openui-shell-container--mobile .openui-shell-thread-composer{margin:0;padding:var(--openui-space-m, 12px) 14px;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-shell-thread-container--artifact-active .openui-shell-thread-composer{padding-left:0;padding-right:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input-wrapper{border:1.256px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-xl, 12px);display:flex;align-items:flex-end;gap:var(--openui-space-s, 8px);padding:var(--openui-space-m, 12px)}.openui-shell-thread-composer__input{flex-grow:1;padding:0;resize:none;margin:auto 0px;min-height:1lh;max-height:154px;outline:none;border:none;background:rgba(0,0,0,0);overflow:hidden;font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-shell-thread-composer__input::placeholder{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-shell-container{display:flex;position:relative;height:100dvh;width:100dvw;padding:var(--openui-space-m, 12px);overflow:hidden;background:var(--openui-background, oklch(97% 0 89.876deg));box-sizing:border-box}.openui-shell-container *{box-sizing:border-box}.openui-shell-container.openui-shell-container--mobile{padding:0}.openui-shell-new-chat-button{width:100%;justify-content:space-between}

package/dist/utils/contentParser.d.ts

@@ -0,0 +1,11 @@
+export declare function wrapContent(text: string): string;
+export declare function wrapContext(json: string): string;
+/**
+ * Separate openui-lang code from <context> tag in a message.
+ * Returns { content: the message/code, contextString: raw JSON or null }
+ */
+export declare function separateContentAndContext(raw: string): {
+    content: string;
+    contextString: string | null;
+};
+//# sourceMappingURL=contentParser.d.ts.map

package/dist/utils/contentParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentParser.d.ts","sourceRoot":"","sources":["../../src/utils/contentParser.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,MAAM,GAAG;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAgBA"}

package/dist/utils/contentParser.js

@@ -0,0 +1,27 @@
+const openTag = (tag) => `<${tag}>`;
+const closeTag = (tag) => `</${tag}>`;
+export function wrapContent(text) {
+    return `${openTag("content")}${text}${closeTag("content")}`;
+}
+export function wrapContext(json) {
+    return `${openTag("context")}${json}${closeTag("context")}`;
+}
+/**
+ * Separate openui-lang code from <context> tag in a message.
+ * Returns { content: the message/code, contextString: raw JSON or null }
+ */
+export function separateContentAndContext(raw) {
+    const contextMatch = raw.match(/<context>([\s\S]*)<\/context>\s*$/);
+    let content = raw;
+    let contextString = null;
+    if (contextMatch) {
+        contextString = contextMatch[1] ?? null;
+        content = raw.slice(0, contextMatch.index).trimEnd();
+    }
+    const contentMatch = content.match(/^<content>([\s\S]*)<\/content>\s*$/);
+    if (contentMatch) {
+        content = contentMatch[1] ?? content;
+    }
+    return { content, contextString };
+}
+//# sourceMappingURL=contentParser.js.map

package/dist/utils/contentParser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentParser.js","sourceRoot":"","sources":["../../src/utils/contentParser.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AAC5C,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC;AAE9C,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;AAC9D,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,GAAW;IAInD,MAAM,YAAY,GAAG,GAAG,CAAC,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACpE,IAAI,OAAO,GAAG,GAAG,CAAC;IAClB,IAAI,aAAa,GAAkB,IAAI,CAAC;IAExC,IAAI,YAAY,EAAE,CAAC;QACjB,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QACxC,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,KAAM,CAAC,CAAC,OAAO,EAAE,CAAC;IACxD,CAAC;IAED,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;IACzE,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC;IACvC,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;AACpC,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "name": "@openuidev/react-ui",
   "license": "MIT",
-  "version": "0.9.16",
+  "version": "0.9.18",
   "description": "Component library for Generative UI SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -41,8 +41,8 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "zustand": "^4.5.5",
-    "@openuidev/lang-react": "^0.1.0",
-    "@openuidev/react-headless": "^0.7.7"
+    "@openuidev/react-lang": "^0.1.3",
+    "@openuidev/react-headless": "^0.7.9"
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
@@ -120,16 +120,32 @@
     "react",
     "ui",
     "components",
-    "generative",
+    "generative-ui",
     "ai",
-    "agentic",
-    "framework"
+    "chat",
+    "chatbot",
+    "copilot",
+    "charts",
+    "forms",
+    "tables",
+    "theming",
+    "design-system",
+    "llm",
+    "streaming",
+    "tailwind",
+    "radix",
+    "recharts",
+    "markdown"
   ],
+  "homepage": "https://openui.com",
   "author": "engineering@thesys.dev",
   "repository": {
     "type": "git",
     "url": "https://github.com/thesysdev/openui.git",
-    "directory": "js/packages/react-ui"
+    "directory": "packages/react-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/thesysdev/openui/issues"
   },
   "eslintConfig": {
     "extends": [

package/dist/genui-lib/defaultLibrary.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentGroup, PromptOptions } from "@openuidev/lang-react";
-export declare const defaultComponentGroups: ComponentGroup[];
-export declare const defaultExamples: string[];
-export declare const defaultAdditionalRules: string[];
-export declare const defaultPromptOptions: PromptOptions;
-export declare const defaultLibrary: import("@openuidev/lang-react").Library;
-//# sourceMappingURL=defaultLibrary.d.ts.map

package/dist/genui-lib/defaultLibrary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultLibrary.d.ts","sourceRoot":"","sources":["../../src/genui-lib/defaultLibrary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAgE3E,eAAO,MAAM,sBAAsB,EAAE,cAAc,EA8FlD,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,MAAM,EAmCnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,EAK1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAGlC,CAAC;AAIF,eAAO,MAAM,cAAc,yCAoEzB,CAAC"}

package/dist/genui-lib/defaultLibrary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultLibrary.js","sourceRoot":"","sources":["../../src/genui-lib/defaultLibrary.tsx"],"names":[],"mappings":"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"}

package/dist/styles/openUiChat.css

@@ -1 +0,0 @@
-.openui-bottom-tray-trigger-logo{width:"100%";height:"100%";object-fit:"cover";border-radius:var(--openui-radius-m, 8px)}