npm - @openuidev/react-ui - Versions diffs - 0.9.16 - Mend

@openuidev/react-ui 0.9.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2001) hide show

package/dist/components/Shell/shell.css ADDED Viewed

@@ -0,0 +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}

package/dist/components/Shell/sidebar.css ADDED Viewed

@@ -0,0 +1 @@

package/dist/components/Shell/store.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+interface ShellState {
+    isSidebarOpen: boolean;
+    agentName: string;
+    logoUrl: string;
+    isArtifactActive: boolean;
+    artifactRenderer: () => React.ReactNode;
+    setIsSidebarOpen: (isOpen: boolean) => void;
+    setAgentName: (name: string) => void;
+    setLogoUrl: (url: string) => void;
+    setIsArtifactActive: (isActive: boolean) => void;
+    setArtifactRenderer: (renderer: () => React.ReactNode) => void;
+}
+export declare const createShellStore: ({ logoUrl, agentName }: {
+    logoUrl: string;
+    agentName: string;
+}) => import("zustand").UseBoundStore<import("zustand").StoreApi<ShellState>>;
+export declare const ShellStoreContext: import("react").Context<import("zustand").UseBoundStore<import("zustand").StoreApi<ShellState>> | null>;
+export declare const useShellStore: <T>(selector: (state: ShellState) => T) => T;
+export declare const ShellStoreProvider: ({ children, agentName, logoUrl, }: {
+    children: React.ReactNode;
+    logoUrl: string;
+    agentName: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=store.d.ts.map

package/dist/components/Shell/store.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/Shell/store.tsx"],"names":[],"mappings":"AAIA,UAAU,UAAU;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,gBAAgB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mBAAmB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,GAAI,wBAAwB;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,4EAY1F,CAAC;AAEN,eAAO,MAAM,iBAAiB,yGAAkE,CAAC;AAEjG,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,UAAU,CAAC,KAAK,EAAE,UAAU,KAAK,CAAC,KAAG,CAOtE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,mCAIhC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB,4CAUA,CAAC"}

package/dist/components/Shell/store.js ADDED Viewed

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo } from "react";
+import { create } from "zustand";
+import { useShallow } from "zustand/react/shallow";
+export const createShellStore = ({ logoUrl, agentName }) => create((set) => ({
+    isSidebarOpen: true,
+    agentName: agentName,
+    logoUrl: logoUrl,
+    isArtifactActive: false,
+    artifactRenderer: () => null,
+    setIsSidebarOpen: (isOpen) => set({ isSidebarOpen: isOpen }),
+    setAgentName: (name) => set({ agentName: name }),
+    setLogoUrl: (url) => set({ logoUrl: url }),
+    setIsArtifactActive: (isActive) => set({ isArtifactActive: isActive }),
+    setArtifactRenderer: (renderer) => set({ artifactRenderer: renderer }),
+}));
+export const ShellStoreContext = createContext(null);
+export const useShellStore = (selector) => {
+    const store = useContext(ShellStoreContext);
+    if (!store) {
+        throw new Error("useShellStore must be used within ShellStoreProvider");
+    }
+    return store(useShallow(selector));
+};
+export const ShellStoreProvider = ({ children, agentName, logoUrl, }) => {
+    const shellStore = useMemo(() => createShellStore({ agentName, logoUrl }), []);
+    useEffect(() => {
+        const { setAgentName, setLogoUrl } = shellStore.getState();
+        setAgentName(agentName);
+        setLogoUrl(logoUrl);
+    }, [agentName, logoUrl]);
+    return _jsx(ShellStoreContext.Provider, { value: shellStore, children: children });
+};
+//# sourceMappingURL=store.js.map

package/dist/components/Shell/store.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/components/Shell/store.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAenD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAA0C,EAAE,EAAE,CACjG,MAAM,CAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC3B,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,OAAO;IAChB,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI;IAC5B,gBAAgB,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;IACrE,YAAY,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACxD,UAAU,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;IAClD,mBAAmB,EAAE,CAAC,QAAiB,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;IAC/E,mBAAmB,EAAE,CAAC,QAA+B,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;CAC9F,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAA6C,IAAI,CAAC,CAAC;AAEjG,MAAM,CAAC,MAAM,aAAa,GAAG,CAAK,QAAkC,EAAK,EAAE;IACzE,MAAM,KAAK,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC5C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IAED,OAAO,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,OAAO,GAKR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC3D,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,UAAU,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAAG,QAAQ,GAA8B,CAAC;AAChG,CAAC,CAAC"}

package/dist/components/Shell/stories/Shell.stories.d.ts ADDED Viewed

@@ -0,0 +1,53 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithConversationStarter: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LongVariant: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithWelcomeScreen: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithCustomWelcomeScreen: {
+    args: {
+        variant: string;
+    };
+    render: ({ variant }: {
+        variant: "short" | "long";
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=Shell.stories.d.ts.map

package/dist/components/Shell/stories/Shell.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Shell.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Shell/stories/Shell.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAiCA,wBAUE;AA2CF,eAAO,MAAM,OAAO;;;;0BAII;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAuDpD,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;0BAIZ;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAoCpD,CAAC;AAEF,eAAO,MAAM,WAAW;;;;0BAIA;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CAoCpD,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;0BAIN;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CA2CpD,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;;0BAIZ;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE;CA4DpD,CAAC"}

package/dist/components/Shell/stories/Shell.stories.js ADDED Viewed

@@ -0,0 +1,179 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChatProvider } from "@openuidev/react-headless";
+import { MessageSquare, Sparkles, Zap } from "lucide-react";
+import { Container } from "../Container";
+import { ConversationStarter } from "../ConversationStarter";
+import { MobileHeader } from "../MobileHeader";
+import { NewChatButton } from "../NewChatButton";
+import { SidebarContainer, SidebarContent, SidebarHeader, SidebarSeparator } from "../Sidebar";
+import { Composer, MessageLoading, Messages, ScrollArea, ThreadContainer } from "../Thread";
+import { ThreadList } from "../ThreadList";
+import { WelcomeScreen } from "../WelcomeScreen";
+import logoUrl from "./thesysdev_logo.jpeg";
+function mockSSEResponse(text, delayMs = 500) {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            const events = `data: ${JSON.stringify({ type: "TEXT_MESSAGE_CONTENT", delta: text })}\n\ndata: [DONE]\n\n`;
+            const stream = new ReadableStream({
+                start(controller) {
+                    controller.enqueue(new TextEncoder().encode(events));
+                    controller.close();
+                },
+            });
+            resolve(new Response(stream));
+        }, delayMs);
+    });
+}
+function getLastUserContent(messages) {
+    const lastUser = [...messages].reverse().find((m) => m.role === "user");
+    if (!lastUser)
+        return "";
+    return typeof lastUser.content === "string" ? lastUser.content : "";
+}
+export default {
+    title: "Components/Shell",
+    tags: ["dev"],
+    argTypes: {
+        variant: {
+            control: "select",
+            options: ["short", "long"],
+            description: "Conversation starter variant",
+        },
+    },
+};
+const SAMPLE_STARTERS = [
+    {
+        displayText: "Help me get started",
+        prompt: "Help me get started",
+        icon: _jsx(Sparkles, { size: 16 }),
+    },
+    {
+        displayText: "What can you do?",
+        prompt: "What can you do?",
+        // icon undefined = shows default lightbulb
+    },
+    {
+        displayText: "Tell me about your features",
+        prompt: "Tell me about your features",
+        icon: _jsx(MessageSquare, { size: 16 }),
+    },
+    {
+        displayText: "Show me some examples (no icon)",
+        prompt: "Show me some examples",
+        icon: _jsx(_Fragment, {}), // Empty fragment = no icon
+    },
+];
+const LONG_STARTERS = [
+    {
+        displayText: "Help me get started with this application and guide me through the features",
+        prompt: "Help me get started with this application",
+        icon: _jsx(Sparkles, { size: 16 }),
+    },
+    {
+        displayText: "What can you do? I'd like to know all your capabilities and how you can help me",
+        prompt: "What can you do?",
+        icon: _jsx(Zap, { size: 16 }),
+    },
+    {
+        displayText: "Tell me about your advanced features and how I can use them effectively",
+        prompt: "Tell me about your features",
+        // Default lightbulb icon
+    },
+];
+export const Default = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsx(ChatProvider, { processMessage: async () => {
+            await new Promise((r) => setTimeout(r, 100));
+            return mockSSEResponse("This is a response from the AI assistant.", 1000);
+        }, fetchThreadList: async () => {
+            await new Promise((resolve) => setTimeout(resolve, 1000));
+            return {
+                threads: [
+                    { id: "1", title: "test", createdAt: Date.now() },
+                    { id: "2", title: "test 2", createdAt: Date.now() },
+                    { id: "3", title: "test 3", createdAt: Date.now() },
+                ],
+            };
+        }, createThread: async () => ({
+            id: crypto.randomUUID(),
+            title: "test",
+            createdAt: Date.now(),
+        }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async (threadId) => {
+            if (!threadId)
+                return [];
+            return [
+                { id: crypto.randomUUID(), role: "user", content: "Hello" },
+                {
+                    id: crypto.randomUUID(),
+                    role: "assistant",
+                    content: "Hello! How can I help you today?",
+                },
+            ];
+        }, children: _jsxs(Container, { logoUrl: logoUrl, agentName: "OpenUI", children: [_jsxs(SidebarContainer, { children: [_jsx(SidebarHeader, {}), _jsxs(SidebarContent, { children: [_jsx(NewChatButton, {}), _jsx(SidebarSeparator, {}), _jsx(ThreadList, {})] })] }), _jsxs(ThreadContainer, { children: [_jsx(MobileHeader, {}), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] })] }) })),
+};
+export const WithConversationStarter = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsx(ChatProvider, { processMessage: async ({ messages }) => {
+            const content = getLastUserContent(messages);
+            return mockSSEResponse(`You asked: "${content}"`, 1000);
+        }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+            id: crypto.randomUUID(),
+            title: "New Chat",
+            createdAt: Date.now(),
+        }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsxs(Container, { logoUrl: logoUrl, agentName: "OpenUI", children: [_jsxs(SidebarContainer, { children: [_jsx(SidebarHeader, {}), _jsxs(SidebarContent, { children: [_jsx(NewChatButton, {}), _jsx(SidebarSeparator, {}), _jsx(ThreadList, {})] })] }), _jsxs(ThreadContainer, { children: [_jsx(MobileHeader, {}), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] })] }) })),
+};
+export const LongVariant = {
+    args: {
+        variant: "long",
+    },
+    render: ({ variant }) => (_jsx(ChatProvider, { processMessage: async ({ messages }) => {
+            const content = getLastUserContent(messages);
+            return mockSSEResponse(`You asked: "${content}"`, 1000);
+        }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+            id: crypto.randomUUID(),
+            title: "New Chat",
+            createdAt: Date.now(),
+        }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsxs(Container, { logoUrl: logoUrl, agentName: "OpenUI", children: [_jsxs(SidebarContainer, { children: [_jsx(SidebarHeader, {}), _jsxs(SidebarContent, { children: [_jsx(NewChatButton, {}), _jsx(SidebarSeparator, {}), _jsx(ThreadList, {})] })] }), _jsxs(ThreadContainer, { children: [_jsx(MobileHeader, {}), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: LONG_STARTERS, variant: variant }), _jsx(Composer, {})] })] }) })),
+};
+// WelcomeScreen with props-based content
+export const WithWelcomeScreen = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsx(ChatProvider, { processMessage: async ({ messages }) => {
+            const content = getLastUserContent(messages);
+            return mockSSEResponse(`You asked: "${content}"`, 1000);
+        }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+            id: crypto.randomUUID(),
+            title: "New Chat",
+            createdAt: Date.now(),
+        }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsxs(Container, { logoUrl: logoUrl, agentName: "OpenUI Assistant", children: [_jsxs(SidebarContainer, { children: [_jsx(SidebarHeader, {}), _jsxs(SidebarContent, { children: [_jsx(NewChatButton, {}), _jsx(SidebarSeparator, {}), _jsx(ThreadList, {})] })] }), _jsxs(ThreadContainer, { children: [_jsx(MobileHeader, {}), _jsx(WelcomeScreen, { title: "Hi, I'm OpenUI Assistant", description: "I can help you with questions about your account, products, and more.", image: { url: logoUrl }, starters: SAMPLE_STARTERS, starterVariant: variant }), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] })] }) })),
+};
+// WelcomeScreen with custom children
+export const WithCustomWelcomeScreen = {
+    args: {
+        variant: "short",
+    },
+    render: ({ variant }) => (_jsx(ChatProvider, { processMessage: async ({ messages }) => {
+            const content = getLastUserContent(messages);
+            return mockSSEResponse(`You asked: "${content}"`, 1000);
+        }, fetchThreadList: async () => ({ threads: [] }), createThread: async () => ({
+            id: crypto.randomUUID(),
+            title: "New Chat",
+            createdAt: Date.now(),
+        }), deleteThread: async () => { }, updateThread: async (t) => t, loadThread: async () => [], children: _jsxs(Container, { logoUrl: logoUrl, agentName: "OpenUI Assistant", children: [_jsxs(SidebarContainer, { children: [_jsx(SidebarHeader, {}), _jsxs(SidebarContent, { children: [_jsx(NewChatButton, {}), _jsx(SidebarSeparator, {}), _jsx(ThreadList, {})] })] }), _jsxs(ThreadContainer, { children: [_jsx(MobileHeader, {}), _jsx(WelcomeScreen, { children: _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: {
+                                            width: 80,
+                                            height: 80,
+                                            borderRadius: 16,
+                                            background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+                                            display: "flex",
+                                            alignItems: "center",
+                                            justifyContent: "center",
+                                            margin: "0 auto 16px",
+                                        }, children: _jsx(Sparkles, { size: 40, color: "white" }) }), _jsx("h2", { style: { margin: "0 0 8px", fontSize: 24, fontWeight: 600 }, children: "Welcome to AI Assistant" }), _jsx("p", { style: { margin: 0, color: "rgba(0,0,0,0.5)", fontSize: 16 }, children: "Your personal AI helper for all your questions" })] }) }), _jsx(ScrollArea, { children: _jsx(Messages, { loader: _jsx(MessageLoading, {}) }) }), _jsx(ConversationStarter, { starters: SAMPLE_STARTERS, variant: variant }), _jsx(Composer, {})] })] }) })),
+};
+//# sourceMappingURL=Shell.stories.js.map

package/dist/components/Shell/stories/Shell.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Shell.stories.js","sourceRoot":"","sources":["../../../../src/components/Shell/stories/Shell.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAwB,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,SAAS,eAAe,CAAC,IAAY,EAAE,OAAO,GAAG,GAAG;IAClD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,MAAM,GAAG,SAAS,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,sBAAsB,CAAC;YAC5G,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC;gBAChC,KAAK,CAAC,UAAU;oBACd,UAAU,CAAC,OAAO,CAAC,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;oBACrD,UAAU,CAAC,KAAK,EAAE,CAAC;gBACrB,CAAC;aACF,CAAC,CAAC;YACH,OAAO,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAChC,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,kBAAkB,CAAC,QAAmB;IAC7C,MAAM,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACxE,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IACzB,OAAO,OAAO,QAAQ,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AACtE,CAAC;AAED,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,IAAI,EAAE,CAAC,KAAK,CAAC;IACb,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;YAC1B,WAAW,EAAE,8BAA8B;SAC5C;KACF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB;QACE,WAAW,EAAE,qBAAqB;QAClC,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;KAC7B;IACD;QACE,WAAW,EAAE,kBAAkB;QAC/B,MAAM,EAAE,kBAAkB;QAC1B,2CAA2C;KAC5C;IACD;QACE,WAAW,EAAE,6BAA6B;QAC1C,MAAM,EAAE,6BAA6B;QACrC,IAAI,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI;KAClC;IACD;QACE,WAAW,EAAE,iCAAiC;QAC9C,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,mBAAK,EAAE,2BAA2B;KACzC;CACF,CAAC;AAEF,MAAM,aAAa,GAAG;IACpB;QACE,WAAW,EAAE,6EAA6E;QAC1F,MAAM,EAAE,2CAA2C;QACnD,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI;KAC7B;IACD;QACE,WAAW,EAAE,iFAAiF;QAC9F,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,GAAI;KACxB;IACD;QACE,WAAW,EAAE,yEAAyE;QACtF,MAAM,EAAE,6BAA6B;QACrC,yBAAyB;KAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,IAAI,EAAE;YACzB,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YAC7C,OAAO,eAAe,CAAC,2CAA2C,EAAE,IAAI,CAAC,CAAC;QAC5E,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE;YAC1B,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;YAC1D,OAAO;gBACL,OAAO,EAAE;oBACP,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;oBACjD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;oBACnD,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE;iBACpD;aACF,CAAC;QACJ,CAAC,EACD,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;YACvB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EACpC,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAC7B,IAAI,CAAC,QAAQ;gBAAE,OAAO,EAAE,CAAC;YACzB,OAAO;gBACL,EAAE,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE;gBAC3D;oBACE,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;oBACvB,IAAI,EAAE,WAAW;oBACjB,OAAO,EAAE,kCAAkC;iBAC5C;aACF,CAAC;QACJ,CAAC,YAED,MAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,aAC7C,MAAC,gBAAgB,eACf,KAAC,aAAa,KAAG,EACjB,MAAC,cAAc,eACb,KAAC,aAAa,KAAG,EACjB,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,KAAG,IACC,IACA,EACnB,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,IACR,GACC,CAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC9D,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7C,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;QAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;YACvB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EACpC,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,MAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,aAC7C,MAAC,gBAAgB,eACf,KAAC,aAAa,KAAG,EACjB,MAAC,cAAc,eACb,KAAC,aAAa,KAAG,EACjB,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,KAAG,IACC,IACA,EACnB,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,IACR,GACC,CAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC9D,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7C,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;QAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;YACvB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EACpC,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,MAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,aAC7C,MAAC,gBAAgB,eACf,KAAC,aAAa,KAAG,EACjB,MAAC,cAAc,eACb,KAAC,aAAa,KAAG,EACjB,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,KAAG,IACC,IACA,EACnB,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,GAAI,EAClE,KAAC,QAAQ,KAAG,IACI,IACR,GACC,CAChB;CACF,CAAC;AAEF,yCAAyC;AACzC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC9D,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7C,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;QAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;YACvB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EACpC,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,MAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,aACvD,MAAC,gBAAgB,eACf,KAAC,aAAa,KAAG,EACjB,MAAC,cAAc,eACb,KAAC,aAAa,KAAG,EACjB,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,KAAG,IACC,IACA,EACnB,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,IACZ,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,uEAAuE,EACnF,KAAK,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,EACvB,QAAQ,EAAE,eAAe,EACzB,cAAc,EAAE,OAAO,GACvB,EACF,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,IACR,GACC,CAChB;CACF,CAAC;AAEF,qCAAqC;AACrC,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAiC,EAAE,EAAE,CAAC,CACtD,KAAC,YAAY,IACX,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,EAA2B,EAAE,EAAE;YAC9D,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7C,OAAO,eAAe,CAAC,eAAe,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;QAC1D,CAAC,EACD,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAC9C,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YACzB,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE;YACvB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC,EACF,YAAY,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC,EAC5B,YAAY,EAAE,KAAK,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EACpC,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,EAAE,YAE1B,MAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,aACvD,MAAC,gBAAgB,eACf,KAAC,aAAa,KAAG,EACjB,MAAC,cAAc,eACb,KAAC,aAAa,KAAG,EACjB,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,KAAG,IACC,IACA,EACnB,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,aAAa,cACZ,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aACjC,cACE,KAAK,EAAE;4CACL,KAAK,EAAE,EAAE;4CACT,MAAM,EAAE,EAAE;4CACV,YAAY,EAAE,EAAE;4CAChB,UAAU,EAAE,mDAAmD;4CAC/D,OAAO,EAAE,MAAM;4CACf,UAAU,EAAE,QAAQ;4CACpB,cAAc,EAAE,QAAQ;4CACxB,MAAM,EAAE,aAAa;yCACtB,YAED,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,GAChC,EACN,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,wCAE1D,EACL,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,+DAE3D,IACA,GACQ,EAChB,KAAC,UAAU,cACT,KAAC,QAAQ,IAAC,MAAM,EAAE,KAAC,cAAc,KAAG,GAAI,GAC7B,EACb,KAAC,mBAAmB,IAAC,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,GAAI,EACpE,KAAC,QAAQ,KAAG,IACI,IACR,GACC,CAChB;CACF,CAAC"}

package/dist/components/Shell/thread.css ADDED Viewed

@@ -0,0 +1 @@

+ .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))}

package/dist/components/Shell/threadlist.css ADDED Viewed

@@ -0,0 +1 @@

+ .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))}

package/dist/components/Shell/useArtifactResize.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+interface UseArtifactResizeProps {
+    isArtifactActive: boolean;
+    isMobile: boolean;
+    setIsSidebarOpen: (isOpen: boolean) => void;
+}
+interface UseArtifactResizeReturn {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    chatPanelRef: React.RefObject<HTMLDivElement | null>;
+    artifactPanelRef: React.RefObject<HTMLDivElement | null>;
+    isDragging: boolean;
+    handleResize: (clientX: number) => void;
+    handleDragStart: () => void;
+    handleDragEnd: () => void;
+}
+/**
+ * Custom hook to manage artifact panel resizing logic (desktop only).
+ * Handles:
+ * - Chat panel width constraints
+ * - Resize drag events
+ * - Sidebar state when artifact is active/inactive
+ */
+export declare const useArtifactResize: ({ isArtifactActive, isMobile, setIsSidebarOpen, }: UseArtifactResizeProps) => UseArtifactResizeReturn;
+export {};
+//# sourceMappingURL=useArtifactResize.d.ts.map

package/dist/components/Shell/useArtifactResize.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useArtifactResize.d.ts","sourceRoot":"","sources":["../../../src/components/Shell/useArtifactResize.ts"],"names":[],"mappings":"AAEA,UAAU,sBAAsB;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,UAAU,uBAAuB;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAMD;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAAI,mDAI/B,sBAAsB,KAAG,uBAuD3B,CAAC"}

package/dist/components/Shell/useArtifactResize.js ADDED Viewed

@@ -0,0 +1,62 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+const INITIAL_CHAT_WIDTH = 420;
+const MIN_CHAT_WIDTH = 420;
+const MAX_CHAT_WIDTH_RATIO = 0.8;
+/**
+ * Custom hook to manage artifact panel resizing logic (desktop only).
+ * Handles:
+ * - Chat panel width constraints
+ * - Resize drag events
+ * - Sidebar state when artifact is active/inactive
+ */
+export const useArtifactResize = ({ isArtifactActive, isMobile, setIsSidebarOpen, }) => {
+    const [isDragging, setIsDragging] = useState(false);
+    const containerRef = useRef(null);
+    const chatPanelRef = useRef(null);
+    const artifactPanelRef = useRef(null);
+    // Handle sidebar visibility and panel widths when artifact state changes
+    useEffect(() => {
+        if (isMobile)
+            return;
+        if (isArtifactActive) {
+            // Desktop artifact active: close sidebar and set chat width to 420px
+            setIsSidebarOpen(false);
+            if (chatPanelRef.current) {
+                chatPanelRef.current.style.width = `${INITIAL_CHAT_WIDTH}px`;
+            }
+        }
+        else {
+            // Desktop artifact inactive: open sidebar and reset chat width
+            setIsSidebarOpen(true);
+            if (chatPanelRef.current) {
+                chatPanelRef.current.style.width = "100%";
+            }
+        }
+    }, [isArtifactActive, isMobile, setIsSidebarOpen]);
+    const handleResize = useCallback((clientX) => {
+        if (!containerRef.current || !chatPanelRef.current)
+            return;
+        const containerRect = containerRef.current.getBoundingClientRect();
+        const newWidthPx = clientX - containerRect.left;
+        // Constrain width between min and max
+        const maxWidthPx = containerRect.width * MAX_CHAT_WIDTH_RATIO;
+        const constrainedWidth = Math.min(Math.max(newWidthPx, MIN_CHAT_WIDTH), maxWidthPx);
+        chatPanelRef.current.style.width = `${constrainedWidth}px`;
+    }, []);
+    const handleDragStart = useCallback(() => {
+        setIsDragging(true);
+    }, []);
+    const handleDragEnd = useCallback(() => {
+        setIsDragging(false);
+    }, []);
+    return {
+        containerRef,
+        chatPanelRef,
+        artifactPanelRef,
+        isDragging,
+        handleResize,
+        handleDragStart,
+        handleDragEnd,
+    };
+};
+//# sourceMappingURL=useArtifactResize.js.map

package/dist/components/Shell/useArtifactResize.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useArtifactResize.js","sourceRoot":"","sources":["../../../src/components/Shell/useArtifactResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkBjE,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,GACO,EAA2B,EAAE;IACpD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEtD,yEAAyE;IACzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ;YAAE,OAAO;QAErB,IAAI,gBAAgB,EAAE,CAAC;YACrB,qEAAqE;YACrE,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACxB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,kBAAkB,IAAI,CAAC;YAC/D,CAAC;QACH,CAAC;aAAM,CAAC;YACN,+DAA+D;YAC/D,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACzB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YAC5C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,EAAE;QACnD,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAE3D,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACnE,MAAM,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC;QAEhD,sCAAsC;QACtC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,GAAG,oBAAoB,CAAC;QAC9D,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;QAEpF,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,gBAAgB,IAAI,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,YAAY;QACZ,YAAY;QACZ,gBAAgB;QAChB,UAAU;QACV,YAAY;QACZ,eAAe;QACf,aAAa;KACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Shell/welcomeScreen.css ADDED Viewed

@@ -0,0 +1 @@

+ .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}

package/dist/components/Slider/Slider.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { ReactNode } from "react";
+export interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, "value" | "defaultValue"> {
+    variant: "continuous" | "discrete";
+    min: number;
+    max: number;
+    step?: number;
+    disabled?: boolean;
+    value?: number[];
+    defaultValue?: number[];
+    className?: string;
+    style?: React.CSSProperties;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider/Slider.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAc,SAAS,EAAqB,MAAM,OAAO,CAAC;AAkBjE,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,OAAO,GAAG,cAAc,CACzB;IACD,OAAO,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,MAAM,yGA0IlB,CAAC"}

package/dist/components/Slider/Slider.js ADDED Viewed

@@ -0,0 +1,63 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import clsx from "clsx";
+import { forwardRef, useMemo, useState } from "react";
+const formatNumber = (num) => {
+    if (num === undefined) {
+        return "";
+    }
+    // format number to k, m, b
+    if (num >= 1000) {
+        return new Intl.NumberFormat("en-US", {
+            notation: "compact",
+            compactDisplay: "short",
+        })
+            .format(num)
+            .toLowerCase();
+    }
+    return String(num);
+};
+export const Slider = forwardRef(({ variant, min, max, step, disabled, value, defaultValue, onValueChange, className, style, leftContent, rightContent, ...props }, ref) => {
+    // used to show the correct value on thumb
+    const [internalValue, setInternalValue] = useState(defaultValue && defaultValue.length > 0 ? defaultValue : [min]);
+    const isControlled = value !== undefined;
+    const valueToShow = isControlled ? value : internalValue;
+    const isRange = valueToShow && valueToShow.length > 1;
+    const thumbs = useMemo(() => {
+        const thumbClass = "openui-slider-thumb-handle";
+        const valueIndicatorClass = "openui-slider-thumb-value";
+        if (isRange) {
+            return (_jsx(_Fragment, { children: valueToShow?.map((v, i) => (_jsx(SliderPrimitive.Thumb, { className: "openui-slider-thumb", children: _jsxs("div", { className: thumbClass, children: [_jsx("div", { className: "openui-slider-thumb-handle-inner", children: _jsx("div", { className: "openui-slider-thumb-handle-inner-dot" }) }), !disabled && _jsx("div", { className: valueIndicatorClass, children: formatNumber(v) })] }) }, i))) }));
+        }
+        return (_jsx(SliderPrimitive.Thumb, { className: "openui-slider-thumb", children: _jsxs("div", { className: thumbClass, children: [_jsx("div", { className: "openui-slider-thumb-handle-inner", children: _jsx("div", { className: "openui-slider-thumb-handle-inner-dot" }) }), !disabled && (_jsx("div", { className: valueIndicatorClass, children: formatNumber(valueToShow?.[0]) }))] }) }));
+    }, [disabled, valueToShow, isRange]);
+    const renderDots = () => {
+        if (variant === "discrete" && step) {
+            const numSteps = Math.floor((max - min) / step);
+            const currentValue = valueToShow?.[0] ?? min;
+            return Array.from({ length: numSteps + 1 }, (_, index) => {
+                const value = min + step * index;
+                const position = ((value - min) / (max - min)) * 100;
+                const isActive = isRange
+                    ? value >= (valueToShow?.[0] ?? min) && value <= (valueToShow?.[1] ?? max)
+                    : value <= currentValue;
+                return (_jsx("div", { className: clsx("openui-slider-dots-dot", {
+                        "openui-slider-dots-dot--active": isActive,
+                    }), style: { left: `${position}%` } }, value));
+            });
+        }
+        return null;
+    };
+    return (_jsxs("div", { className: "openui-slider-wrapper", children: [leftContent && _jsx("div", { className: "openui-slider-left-content", children: leftContent }), _jsxs("div", { className: "openui-slider-container-wrapper", children: [_jsx("div", { className: "openui-slider-container", children: _createElement(SliderPrimitive.Root, { ref: ref, className: clsx("openui-slider-root", { "openui-slider--disabled": disabled }, className), ...props, min: min, max: max, step: step, value: valueToShow, onValueChange: (val) => {
+                                if (!isControlled) {
+                                    setInternalValue(val);
+                                }
+                                onValueChange?.(val);
+                            }, minStepsBetweenThumbs: 1, disabled: disabled, key: variant, style: style },
+                            _jsxs(SliderPrimitive.Track, { className: "openui-slider-track", children: [_jsx(SliderPrimitive.Range, { className: clsx("openui-slider-range", {
+                                            "openui-slider-range--at-min": !isRange && valueToShow?.[0] === min,
+                                        }) }), variant === "discrete" && renderDots()] }),
+                            thumbs) }), _jsxs("div", { className: "openui-slider-labels", children: [_jsx("span", { children: formatNumber(min) }), _jsx("span", { children: formatNumber(max) })] })] }), rightContent && _jsx("div", { className: "openui-slider-right-content", children: rightContent })] }));
+});
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider/Slider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}

package/dist/components/Slider/dependencies.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map