@inkeep/agents-ui 0.15.26 → 0.15.28

package/dist/styled/inkeep.css.cjs

@@ -565,6 +565,17 @@ video {
     max-width: 1536px;
   }
 }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -595,6 +606,9 @@ video {
 .bottom-6 {
   bottom: 1.5rem;
 }
+.bottom-full {
+  bottom: 100%;
+}
 .left-0 {
   left: 0px;
 }
@@ -720,6 +734,9 @@ video {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-1\\.5 {
+  margin-bottom: 0.375rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -756,9 +773,6 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
-.mr-\\[0\\.5em\\] {
-  margin-right: 0.5em;
-}
 .mr-\\[var\\(--removed-body-scroll-bar-size\\)\\] {
   margin-right: var(--removed-body-scroll-bar-size);
 }
@@ -831,13 +845,21 @@ video {
 .hidden {
   display: none;
 }
+.size-2\\.5 {
+  width: 0.625rem;
+  height: 0.625rem;
+}
 .size-4 {
   width: 1rem;
   height: 1rem;
 }
-.size-9 {
-  width: 2.25rem;
-  height: 2.25rem;
+.size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.size-8 {
+  width: 2rem;
+  height: 2rem;
 }
 .\\!h-auto {
   height: auto !important;
@@ -872,6 +894,9 @@ video {
 .h-6 {
   height: 1.5rem;
 }
+.h-7 {
+  height: 1.75rem;
+}
 .h-8 {
   height: 2rem;
 }
@@ -899,6 +924,10 @@ video {
 .h-auto {
   height: auto;
 }
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .h-full {
   height: 100%;
 }
@@ -917,6 +946,9 @@ video {
 .max-h-\\[200px\\] {
   max-height: 200px;
 }
+.max-h-\\[calc\\(100vh_-_theme\\(spacing\\.20\\)\\)\\] {
+  max-height: calc(100vh - 5rem);
+}
 .max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
   max-height: min(24rem,var(--available-height));
 }
@@ -1050,8 +1082,8 @@ video {
 .min-w-\\[var\\(--reference-width\\2c 8rem\\)\\] {
   min-width: var(--reference-width,8rem);
 }
-.max-w-2xl {
-  max-width: 42rem;
+.max-w-\\[100vw\\] {
+  max-width: 100vw;
 }
 .max-w-\\[200px\\] {
   max-width: 200px;
@@ -1059,6 +1091,9 @@ video {
 .max-w-\\[480px\\] {
   max-width: 480px;
 }
+.max-w-\\[calc\\(100vw_-_theme\\(spacing\\.20\\)\\)\\] {
+  max-width: calc(100vw - 5rem);
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1155,6 +1190,21 @@ video {
 .animate-checkbox-check {
   animation: checkbox-check 200ms linear;
 }
+@keyframes notification-in {
+
+  0% {
+    opacity: 0;
+    transform: translateY(8px) scale(0.96);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+.animate-notification-in {
+  animation: notification-in 400ms cubic-bezier(0.21, 1.02, 0.73, 1) both;
+}
 @keyframes pulse {
 
   50% {
@@ -1271,6 +1321,9 @@ video {
 .items-start {
   align-items: flex-start;
 }
+.items-end {
+  align-items: flex-end;
+}
 .items-center {
   align-items: center;
 }
@@ -1329,9 +1382,6 @@ video {
 .gap-y-1 {
   row-gap: 0.25rem;
 }
-.gap-y-2 {
-  row-gap: 0.5rem;
-}
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1437,6 +1487,10 @@ video {
 .rounded-sm {
   border-radius: 0.125rem;
 }
+.rounded-r-lg {
+  border-top-right-radius: 0.5rem;
+  border-bottom-right-radius: 0.5rem;
+}
 .rounded-br-sm {
   border-bottom-right-radius: 0.125rem;
 }
@@ -1458,6 +1512,9 @@ video {
 .border-solid {
   border-style: solid;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border-none {
   border-style: none;
 }
@@ -1476,8 +1533,8 @@ video {
 .border-inherit {
   border-color: inherit;
 }
-.border-inkeep-expanded-primary-200 {
-  border-color: var(--ikp-color-inkeep-expanded-primary-200);
+.border-inkeep-expanded-primary-500 {
+  border-color: var(--ikp-color-inkeep-expanded-primary-500);
 }
 .border-transparent {
   border-color: transparent;
@@ -1488,6 +1545,9 @@ video {
 .border-l-transparent {
   border-left-color: transparent;
 }
+.bg-\\[--chip-bg\\] {
+  background-color: var(--chip-bg);
+}
 .bg-\\[--start-color\\] {
   background-color: var(--start-color);
 }
@@ -1548,6 +1608,14 @@ video {
 .fill-white {
   fill: #fff;
 }
+.object-contain {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.object-cover {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
 .p-0 {
   padding: 0px;
 }
@@ -1646,8 +1714,8 @@ video {
   padding-top: 1px;
   padding-bottom: 1px;
 }
-.pb-1 {
-  padding-bottom: 0.25rem;
+.pb-1\\.5 {
+  padding-bottom: 0.375rem;
 }
 .pb-2 {
   padding-bottom: 0.5rem;
@@ -1685,12 +1753,12 @@ video {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-0\\.5 {
+  padding-top: 0.125rem;
+}
 .pt-1 {
   padding-top: 0.25rem;
 }
-.pt-2 {
-  padding-top: 0.5rem;
-}
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -1820,6 +1888,9 @@ video {
 .text-gray-800 {
   color: var(--ikp-color-gray-800);
 }
+.text-gray-900 {
+  color: var(--ikp-color-gray-900);
+}
 .text-green-500 {
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -1833,9 +1904,6 @@ video {
 .text-inkeep-primary-medium-subtle {
   color: var(--ikp-color-inkeep-primary-medium-subtle);
 }
-.text-inkeep-primary-strong {
-  color: var(--ikp-color-inkeep-primary-strong);
-}
 .text-inkeep-primary-stronger {
   color: var(--ikp-color-inkeep-primary-stronger);
 }
@@ -1888,11 +1956,6 @@ video {
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.shadow-\\[0_0_0_2px_var\\(--shadow-color\\)\\] {
-  --tw-shadow: 0 0 0 2px var(--shadow-color);
-  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
 .shadow-\\[0_25px_50px_-12px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.25\\)\\] {
   --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -2011,6 +2074,9 @@ video {
 .\\[--chat-bubble-margin\\:theme\\(spacing\\.5\\)\\] {
   --chat-bubble-margin: 1.25rem;
 }
+.\\[--chip-bg\\:theme\\(colors\\.gray\\.200\\)\\] {
+  --chip-bg: var(--ikp-color-gray-200);
+}
 .\\[--end-color\\:theme\\(colors\\.gray\\.300\\)\\] {
   --end-color: var(--ikp-color-gray-300);
 }
@@ -2026,6 +2092,9 @@ video {
 .\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
   --footer-height: 2.25rem;
 }
+.\\[--scroll-fade-color\\:var\\(--ikp-color-gray-50\\)\\] {
+  --scroll-fade-color: var(--ikp-color-gray-50);
+}
 .\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
   --scrollbar-color: var(--color-gray-300);
 }
@@ -2080,6 +2149,9 @@ video {
 .\\[scrollbar-color\\:var\\(--scrollbar-color\\)_transparent\\] {
   scrollbar-color: var(--scrollbar-color) transparent;
 }
+.\\[scrollbar-width\\:none\\] {
+  scrollbar-width: none;
+}
 .\\[scrollbar-width\\:thin\\] {
   scrollbar-width: thin;
 }
@@ -2242,6 +2314,11 @@ slot {
   right: 0px;
 }
 
+.before\\:-left-1::before {
+  content: var(--tw-content);
+  left: -0.25rem;
+}
+
 .before\\:-top-px::before {
   content: var(--tw-content);
   top: -1px;
@@ -2287,6 +2364,16 @@ slot {
   height: var(--before-size);
 }
 
+.before\\:h-full::before {
+  content: var(--tw-content);
+  height: 100%;
+}
+
+.before\\:w-1::before {
+  content: var(--tw-content);
+  width: 0.25rem;
+}
+
 .before\\:w-\\[--before-size\\]::before {
   content: var(--tw-content);
   width: var(--before-size);
@@ -2308,6 +2395,11 @@ slot {
   background-color: var(--ikp-color-gray-300);
 }
 
+.before\\:bg-\\[linear-gradient\\(to_right\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right,var(--scroll-fade-color),transparent);
+}
+
 .before\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::before {
   content: var(--tw-content);
   background-image: linear-gradient(transparent, white);
@@ -2318,6 +2410,18 @@ slot {
   background-image: linear-gradient(white, transparent);
 }
 
+.before\\:bg-gradient-to-l::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to left, var(--tw-gradient-stops));
+}
+
+.before\\:from-\\[--chip-bg\\]::before {
+  content: var(--tw-content);
+  --tw-gradient-from: var(--chip-bg) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .before\\:bg-no-repeat::before {
   content: var(--tw-content);
   background-repeat: no-repeat;
@@ -2374,6 +2478,11 @@ slot {
   left: 1px;
 }
 
+.after\\:right-0::after {
+  content: var(--tw-content);
+  right: 0px;
+}
+
 .after\\:top-0::after {
   content: var(--tw-content);
   top: 0px;
@@ -2450,6 +2559,11 @@ slot {
   background-image: linear-gradient(currentColor, transparent);
 }
 
+.after\\:bg-\\[linear-gradient\\(to_left\\2c var\\(--scroll-fade-color\\)\\2c transparent\\)\\]::after {
+  content: var(--tw-content);
+  background-image: linear-gradient(to left,var(--scroll-fade-color),transparent);
+}
+
 .after\\:bg-\\[linear-gradient\\(transparent\\2c _white\\)\\]::after {
   content: var(--tw-content);
   background-image: linear-gradient(transparent, white);
@@ -2499,14 +2613,18 @@ slot {
   outline-color: var(--ikp-color-inkeep-expanded-primary-700);
 }
 
-.focus\\:\\[--shadow-color\\:theme\\(colors\\.blue\\.500\\)\\]:focus {
-  --shadow-color: #3b82f6;
+.focus-visible\\:rounded:focus-visible {
+  border-radius: 0.25rem;
 }
 
 .focus-visible\\:bg-gray-50:focus-visible {
   background-color: var(--ikp-color-gray-50);
 }
 
+.focus-visible\\:opacity-100:focus-visible {
+  opacity: 1;
+}
+
 .focus-visible\\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2598,6 +2716,10 @@ slot {
   color: var(--ikp-color-gray-600);
 }
 
+.group\\/chip:hover .group-hover\\/chip\\:opacity-100 {
+  opacity: 1;
+}
+
 .group:hover .group-hover\\:opacity-0 {
   opacity: 0;
 }
@@ -2614,6 +2736,11 @@ slot {
   width: min(90vw,1000px);
 }
 
+.has-\\[\\[data-scroll-left\\]\\]\\:before\\:opacity-0:has([data-scroll-left])::before {
+  content: var(--tw-content);
+  opacity: 0;
+}
+
 .has-\\[\\[data-scroll-top\\]\\]\\:before\\:opacity-0:has([data-scroll-top])::before {
   content: var(--tw-content);
   opacity: 0;
@@ -2624,6 +2751,11 @@ slot {
   opacity: 0;
 }
 
+.has-\\[\\[data-scroll-right\\]\\]\\:after\\:opacity-0:has([data-scroll-right])::after {
+  content: var(--tw-content);
+  opacity: 0;
+}
+
 .data-\\[disabled\\]\\:pointer-events-none[data-disabled] {
   pointer-events: none;
 }
@@ -3085,10 +3217,6 @@ slot {
   --input-height: 5rem;
 }
 
-.data-\\[invalid\\]\\:\\[--shadow-color\\:theme\\(colors\\.red\\.500\\)\\][data-invalid] {
-  --shadow-color: #ef4444;
-}
-
 .data-\\[type\\=icon\\]\\:data-\\[role\\=assistant\\]\\:\\[--start-color\\:theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\][data-role="assistant"][data-type="icon"] {
   --start-color: var(--ikp-color-inkeep-expanded-primary-300);
 }
@@ -3257,6 +3385,17 @@ slot {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+
+.group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 .group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
   border-right-width: 1px;
 }
@@ -3265,6 +3404,14 @@ slot {
   border-color: var(--ikp-color-gray-200);
 }
 
+.group\\/chip[data-loading] .group-data-\\[loading\\]\\/chip\\:bg-gray-200 {
+  background-color: var(--ikp-color-gray-200);
+}
+
+.group\\/fieldset[data-drag-over] .group-data-\\[drag-over\\]\\/fieldset\\:opacity-100 {
+  opacity: 1;
+}
+
 .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
   opacity: 0;
 }
@@ -3273,10 +3420,6 @@ slot {
   opacity: 1;
 }
 
-:not(.dark) .light\\:text-gray-700 {
-  color: var(--ikp-color-gray-700);
-}
-
 [data-widget-md] .ikp-md\\:mb-0 {
   margin-bottom: 0px;
 }
@@ -3352,12 +3495,8 @@ slot {
   background-color: var(--ikp-color-inkeep-expanded-primary-700);
 }
 
-.hover\\:bg-inkeep-primary-light-subtle:hover:not(:disabled) {
-  background-color: var(--ikp-color-inkeep-primary-light-subtle);
-}
-
-.hover\\:bg-transparent:hover:not(:disabled) {
-  background-color: transparent;
+.hover\\:bg-white-alpha-100:hover:not(:disabled) {
+  background-color: var(--ikp-color-white-alpha-100);
 }
 
 .hover\\:text-gray-700:hover:not(:disabled) {
@@ -3413,10 +3552,23 @@ slot {
   right: 0px;
 }
 
+.befter\\:inset-y-0::before {
+  top: 0px;
+  bottom: 0px;
+}
+
+.befter\\:z-10::before {
+  z-index: 10;
+}
+
 .befter\\:h-10::before {
   height: 2.5rem;
 }
 
+.befter\\:w-10::before {
+  width: 2.5rem;
+}
+
 .befter\\:transition-opacity::before {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3449,10 +3601,23 @@ slot {
   right: 0px;
 }
 
+.befter\\:inset-y-0::after {
+  top: 0px;
+  bottom: 0px;
+}
+
+.befter\\:z-10::after {
+  z-index: 10;
+}
+
 .befter\\:h-10::after {
   height: 2.5rem;
 }
 
+.befter\\:w-10::after {
+  width: 2.5rem;
+}
+
 .befter\\:transition-opacity::after {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3536,12 +3701,16 @@ slot {
   border-color: var(--ikp-color-gray-dark-500);
 }
 
+.dark\\:border-gray-dark-600:is([data-theme="dark"] *) {
+  border-color: var(--ikp-color-gray-dark-600);
+}
+
 .dark\\:border-gray-dark-700:is([data-theme="dark"] *) {
   border-color: var(--ikp-color-gray-dark-700);
 }
 
-.dark\\:border-inkeep-expanded-primary-200:is([data-theme="dark"] *) {
-  border-color: var(--ikp-color-inkeep-expanded-primary-200);
+.dark\\:border-inkeep-expanded-primary-400:is([data-theme="dark"] *) {
+  border-color: var(--ikp-color-inkeep-expanded-primary-400);
 }
 
 .dark\\:border-white-alpha-200:is([data-theme="dark"] *) {
@@ -3584,10 +3753,6 @@ slot {
   background-color: var(--ikp-color-white-alpha-200);
 }
 
-.dark\\:bg-white-alpha-50:is([data-theme="dark"] *) {
-  background-color: var(--ikp-color-white-alpha-50);
-}
-
 .dark\\:bg-white-alpha-800:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-white-alpha-800);
 }
@@ -3608,6 +3773,10 @@ slot {
   color: var(--ikp-color-gray-400);
 }
 
+.dark\\:text-gray-50:is([data-theme="dark"] *) {
+  color: var(--ikp-color-gray-50);
+}
+
 .dark\\:text-gray-dark-100:is([data-theme="dark"] *) {
   color: var(--ikp-color-gray-dark-100);
 }
@@ -3624,6 +3793,10 @@ slot {
   color: var(--ikp-color-gray-dark-400);
 }
 
+.dark\\:text-gray-dark-50:is([data-theme="dark"] *) {
+  color: var(--ikp-color-gray-dark-50);
+}
+
 .dark\\:text-gray-dark-950:is([data-theme="dark"] *) {
   color: var(--ikp-color-gray-dark-950);
 }
@@ -3632,10 +3805,6 @@ slot {
   color: var(--ikp-color-inkeep-expanded-primary-100);
 }
 
-.dark\\:text-inkeep-expanded-primary-300:is([data-theme="dark"] *) {
-  color: var(--ikp-color-inkeep-expanded-primary-300);
-}
-
 .dark\\:text-inkeep-expanded-primary-500:is([data-theme="dark"] *) {
   color: var(--ikp-color-inkeep-expanded-primary-500);
 }
@@ -3685,6 +3854,10 @@ slot {
   --tw-shadow: var(--tw-shadow-colored);
 }
 
+.dark\\:\\[--chip-bg\\:theme\\(colors\\.gray-dark\\.700\\)\\]:is([data-theme="dark"] *) {
+  --chip-bg: var(--ikp-color-gray-dark-700);
+}
+
 .dark\\:\\[--end-color\\:theme\\(colors\\.gray-dark\\.600\\)\\]:is([data-theme="dark"] *) {
   --end-color: var(--ikp-color-gray-dark-600);
 }
@@ -3701,6 +3874,10 @@ slot {
   --focus-border-color: #93c5fd;
 }
 
+.dark\\:\\[--scroll-fade-color\\:var\\(--ikp-color-gray-dark-900\\)\\]:is([data-theme="dark"] *) {
+  --scroll-fade-color: var(--ikp-color-gray-dark-900);
+}
+
 .dark\\:\\[--scrollbar-color\\:var\\(--color-gray-dark-600\\)\\]:is([data-theme="dark"] *) {
   --scrollbar-color: var(--color-gray-dark-600);
 }
@@ -3921,6 +4098,10 @@ slot {
   border-color: var(--ikp-color-gray-dark-800);
 }
 
+.group\\/chip[data-loading] .dark\\:group-data-\\[loading\\]\\/chip\\:bg-gray-dark-600:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-600);
+}
+
 .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
   border-color: var(--ikp-color-white-alpha-300);
 }
@@ -3953,6 +4134,10 @@ slot {
   background-color: var(--ikp-color-white-alpha-50);
 }
 
+.dark\\:hover\\:text-gray-dark-50:hover:not(:disabled):is([data-theme="dark"] *) {
+  color: var(--ikp-color-gray-dark-50);
+}
+
 .dark\\:hover\\:text-inkeep-expanded-primary-100:hover:not(:disabled):is([data-theme="dark"] *) {
   color: var(--ikp-color-inkeep-expanded-primary-100);
 }
@@ -3966,10 +4151,6 @@ slot {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
-.dark\\:hover\\:text-white-alpha-500:hover:not(:disabled):is([data-theme="dark"] *) {
-  color: var(--ikp-color-white-alpha-500);
-}
-
 .dark\\:hover\\:text-white-alpha-700:hover:not(:disabled):is([data-theme="dark"] *) {
   color: var(--ikp-color-white-alpha-700);
 }
@@ -4455,12 +4636,11 @@ slot {
   margin-bottom: 0.25rem;
 }
 
-.\\[\\&_svg\\]\\:h-4 svg {
-  height: 1rem;
-}
+@media(hover:none) {
 
-.\\[\\&_svg\\]\\:w-4 svg {
-  width: 1rem;
+  .\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100 {
+    opacity: 1;
+  }
 }
 
 [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:h-full {