@inkeep/agents-ui 0.0.0-dev-20260401193828 → 0.0.0-dev-20260402200940

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;
 }
@@ -831,13 +848,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 +897,9 @@ video {
 .h-6 {
   height: 1.5rem;
 }
+.h-7 {
+  height: 1.75rem;
+}
 .h-8 {
   height: 2rem;
 }
@@ -899,6 +927,10 @@ video {
 .h-auto {
   height: auto;
 }
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .h-full {
   height: 100%;
 }
@@ -917,6 +949,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));
 }
@@ -1053,12 +1088,18 @@ video {
 .max-w-2xl {
   max-width: 42rem;
 }
+.max-w-\\[100vw\\] {
+  max-width: 100vw;
+}
 .max-w-\\[200px\\] {
   max-width: 200px;
 }
 .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 +1196,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 +1327,9 @@ video {
 .items-start {
   align-items: flex-start;
 }
+.items-end {
+  align-items: flex-end;
+}
 .items-center {
   align-items: center;
 }
@@ -1437,6 +1496,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 +1521,9 @@ video {
 .border-solid {
   border-style: solid;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border-none {
   border-style: none;
 }
@@ -1479,6 +1545,9 @@ video {
 .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 +1557,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 +1620,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;
 }
@@ -1649,6 +1729,9 @@ video {
 .pb-1 {
   padding-bottom: 0.25rem;
 }
+.pb-1\\.5 {
+  padding-bottom: 0.375rem;
+}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -1685,6 +1768,9 @@ video {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-0\\.5 {
+  padding-top: 0.125rem;
+}
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -1820,6 +1906,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));
@@ -2011,6 +2100,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 +2118,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 +2175,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 +2340,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 +2390,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 +2421,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 +2436,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 +2504,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 +2585,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);
@@ -2503,10 +2643,18 @@ slot {
   --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 +2746,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 +2766,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 +2781,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;
 }
@@ -3257,6 +3419,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 +3438,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;
 }
@@ -3360,6 +3541,10 @@ slot {
   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) {
   color: var(--ikp-color-gray-700);
 }
@@ -3413,10 +3598,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 +3647,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,6 +3747,10 @@ 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);
 }
@@ -3544,6 +3759,10 @@ slot {
   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"] *) {
   border-color: var(--ikp-color-white-alpha-200);
 }
@@ -3584,10 +3803,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 +3823,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 +3843,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);
 }
@@ -3685,6 +3908,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 +3928,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 +4152,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 +4188,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);
 }
@@ -4463,6 +4702,13 @@ slot {
   width: 1rem;
 }
 
+@media(hover:none) {
+
+  .\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100 {
+    opacity: 1;
+  }
+}
+
 [data-chat-bubble] .\\[\\[data-chat-bubble\\]_\\&\\]\\:h-full {
   height: 100%;
 }