@inkeep/agents-ui 0.15.12 → 0.15.14

package/dist/styled/inkeep.css.cjs

@@ -571,6 +571,9 @@ video {
 .visible {
   visibility: visible;
 }
+.static {
+  position: static;
+}
 .fixed {
   position: fixed;
 }
@@ -825,6 +828,9 @@ video {
 .contents {
   display: contents;
 }
+.\\!hidden {
+  display: none !important;
+}
 .hidden {
   display: none;
 }
@@ -836,6 +842,9 @@ video {
   width: 2.25rem;
   height: 2.25rem;
 }
+.\\!h-auto {
+  height: auto !important;
+}
 .h-0 {
   height: 0px;
 }
@@ -845,6 +854,9 @@ video {
 .h-11 {
   height: 2.75rem;
 }
+.h-14 {
+  height: 3.5rem;
+}
 .h-20 {
   height: 5rem;
 }
@@ -908,6 +920,9 @@ video {
 .max-h-\\[200px\\] {
   max-height: 200px;
 }
+.max-h-\\[min\\(24rem\\2c var\\(--available-height\\)\\)\\] {
+  max-height: min(24rem,var(--available-height));
+}
 .max-h-\\[min\\(85vh\\2c 850px\\)\\] {
   max-height: min(85vh,850px);
 }
@@ -944,21 +959,36 @@ video {
 .w-2\\.5 {
   width: 0.625rem;
 }
+.w-2\\/5 {
+  width: 40%;
+}
+.w-20 {
+  width: 5rem;
+}
 .w-3 {
   width: 0.75rem;
 }
 .w-3\\.5 {
   width: 0.875rem;
 }
+.w-3\\/4 {
+  width: 75%;
+}
 .w-4 {
   width: 1rem;
 }
+.w-4\\/6 {
+  width: 66.666667%;
+}
 .w-40 {
   width: 10rem;
 }
 .w-5 {
   width: 1.25rem;
 }
+.w-5\\/6 {
+  width: 83.333333%;
+}
 .w-6 {
   width: 1.5rem;
 }
@@ -1020,6 +1050,9 @@ video {
 .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {
   min-width: var(--radix-select-trigger-width);
 }
+.min-w-\\[var\\(--reference-width\\2c 8rem\\)\\] {
+  min-width: var(--reference-width,8rem);
+}
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1041,6 +1074,9 @@ video {
 .flex-\\[0_0_100\\%\\] {
   flex: 0 0 100%;
 }
+.flex-shrink {
+  flex-shrink: 1;
+}
 .flex-shrink-0 {
   flex-shrink: 0;
 }
@@ -1050,6 +1086,9 @@ video {
 .shrink-0 {
   flex-shrink: 0;
 }
+.flex-grow-0 {
+  flex-grow: 0;
+}
 .grow-0 {
   flex-grow: 0;
 }
@@ -1119,6 +1158,15 @@ video {
 .animate-checkbox-check {
   animation: checkbox-check 200ms linear;
 }
+@keyframes pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 @keyframes shimmer {
 
   0% {
@@ -1319,6 +1367,9 @@ video {
 .justify-self-center {
   justify-self: center;
 }
+.overflow-auto {
+  overflow: auto;
+}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -1390,6 +1441,9 @@ video {
 .border {
   border-width: 1px;
 }
+.border-0 {
+  border-width: 0px;
+}
 .border-2 {
   border-width: 2px;
 }
@@ -1617,6 +1671,9 @@ video {
 .pl-7 {
   padding-left: 1.75rem;
 }
+.pl-8 {
+  padding-left: 2rem;
+}
 .pr-10 {
   padding-right: 2.5rem;
 }
@@ -2444,6 +2501,10 @@ slot {
   --shadow-color: #3b82f6;
 }
 
+.focus-visible\\:bg-gray-50:focus-visible {
+  background-color: var(--ikp-color-gray-50);
+}
+
 .focus-visible\\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -2543,6 +2604,10 @@ slot {
   opacity: 1;
 }
 
+.group:disabled .group-disabled\\:opacity-60 {
+  opacity: 0.6;
+}
+
 .has-\\[\\[data-dual-pane-search-expanded\\]\\]\\:w-\\[min\\(90vw\\2c 1000px\\)\\]:has([data-dual-pane-search-expanded]) {
   width: min(90vw,1000px);
 }
@@ -2779,10 +2844,18 @@ slot {
   animation: slide-in-right 300ms cubic-bezier(0.05, 0.7, 0.1, 1.0);
 }
 
+.data-\\[chat-history-layout\\=sidepane\\]\\:flex-row[data-chat-history-layout="sidepane"] {
+  flex-direction: row;
+}
+
 .data-\\[input-type\\=checkbox\\]\\:flex-row[data-input-type="checkbox"] {
   flex-direction: row;
 }
 
+.data-\\[input-type\\=checkbox\\]\\:flex-wrap[data-input-type="checkbox"] {
+  flex-wrap: wrap;
+}
+
 .data-\\[role\\=user\\]\\:items-end[data-role="user"] {
   align-items: flex-end;
 }
@@ -2827,11 +2900,19 @@ slot {
   border-color: var(--ikp-color-gray-1000);
 }
 
+.data-\\[active\\]\\:bg-gray-100[data-active] {
+  background-color: var(--ikp-color-gray-100);
+}
+
 .data-\\[active\\]\\:bg-white[data-active] {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.data-\\[highlighted\\]\\:bg-gray-100[data-highlighted] {
+  background-color: var(--ikp-color-gray-100);
+}
+
 .data-\\[role\\=user\\]\\:bg-gray-100[data-role="user"] {
   background-color: var(--ikp-color-gray-100);
 }
@@ -2879,6 +2960,10 @@ slot {
   padding-left: 0.25rem;
 }
 
+.data-\\[show-widget-toggle\\=\\"\\"\\]\\:pt-4[data-show-widget-toggle=""] {
+  padding-top: 1rem;
+}
+
 .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
   text-align: end;
 }
@@ -2887,6 +2972,10 @@ slot {
   font-weight: 600;
 }
 
+.data-\\[state\\=checked\\]\\:font-medium[data-state="checked"] {
+  font-weight: 500;
+}
+
 .data-\\[active\\]\\:text-gray-600[data-active] {
   color: var(--ikp-color-gray-600);
 }
@@ -2938,6 +3027,18 @@ slot {
   color: var(--ikp-color-inkeep-primary-medium);
 }
 
+.data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::-moz-placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.data-\\[invalid\\]\\:placeholder-opacity-80[data-invalid]::placeholder {
+  --tw-placeholder-opacity: 0.8;
+}
+
+.data-\\[disabled\\]\\:opacity-30[data-disabled] {
+  opacity: 0.3;
+}
+
 .data-\\[disabled\\]\\:opacity-50[data-disabled] {
   opacity: 0.5;
 }
@@ -3088,6 +3189,62 @@ slot {
   background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-600),transparent 30%);
 }
 
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:\\!block {
+  display: block !important;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:\\!hidden {
+  display: none !important;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:hidden {
+  display: none;
+}
+
+.group\\/chat-history[data-chat-history-layout="stack"] .group-data-\\[chat-history-layout\\=stack\\]\\/chat-history\\:\\!hidden {
+  display: none !important;
+}
+
+.group\\/chat-history[data-stack-history-open] .group-data-\\[stack-history-open\\]\\/chat-history\\:\\!hidden {
+  display: none !important;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:w-64 {
+  width: 16rem;
+}
+
+.group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:w-full {
+  width: 100%;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:min-w-0 {
+  min-width: 0px;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:max-w-64 {
+  max-width: 16rem;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:flex-1 {
+  flex: 1 1 0%;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:shrink-0 {
+  flex-shrink: 0;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:grow-0 {
+  flex-grow: 0;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:basis-64 {
+  flex-basis: 16rem;
+}
+
+.group[data-input-type="checkbox"] .group-data-\\[input-type\\=checkbox\\]\\:basis-full {
+  flex-basis: 100%;
+}
+
 .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:rotate-180 {
   --tw-rotate: 180deg;
   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));
@@ -3098,6 +3255,14 @@ 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));
 }
 
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-r {
+  border-right-width: 1px;
+}
+
+.group\\/chat-history[data-chat-history-layout="sidepane"] .group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-gray-200 {
+  border-color: var(--ikp-color-gray-200);
+}
+
 .group[data-expanded="true"] .group-data-\\[expanded\\=true\\]\\:opacity-0 {
   opacity: 0;
 }
@@ -3478,6 +3643,11 @@ slot {
   color: rgb(252 165 165 / var(--tw-text-opacity, 1));
 }
 
+.dark\\:text-white:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
 .dark\\:text-white-alpha-500:is([data-theme="dark"] *) {
   color: var(--ikp-color-white-alpha-500);
 }
@@ -3498,6 +3668,10 @@ slot {
   color: var(--ikp-color-white-alpha-950);
 }
 
+.dark\\:opacity-60:is([data-theme="dark"] *) {
+  opacity: 0.6;
+}
+
 .dark\\:shadow-none:is([data-theme="dark"] *) {
   --tw-shadow: 0 0 #0000;
   --tw-shadow-colored: 0 0 #0000;
@@ -3553,6 +3727,14 @@ slot {
   color: var(--ikp-color-gray-dark-200);
 }
 
+.dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::-moz-placeholder {
+  color: var(--ikp-color-gray-dark-500);
+}
+
+.dark\\:placeholder\\:text-gray-dark-500:is([data-theme="dark"] *)::placeholder {
+  color: var(--ikp-color-gray-dark-500);
+}
+
 .dark\\:before\\:bg-gray-dark-950:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
   background-color: var(--ikp-color-gray-dark-950);
@@ -3596,6 +3778,10 @@ slot {
   outline-color: var(--ikp-color-inkeep-expanded-primary-300);
 }
 
+.dark\\:focus-visible\\:bg-gray-dark-900:focus-visible:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-900);
+}
+
 .dark\\:focus-visible\\:ring-white-alpha-900:focus-visible:is([data-theme="dark"] *) {
   --tw-ring-color: var(--ikp-color-white-alpha-900);
 }
@@ -3620,8 +3806,9 @@ slot {
   background-color: var(--ikp-color-white-alpha-400);
 }
 
-.dark\\:disabled\\:text-white-alpha-200:disabled:is([data-theme="dark"] *) {
-  color: var(--ikp-color-white-alpha-200);
+.dark\\:disabled\\:text-white:disabled:is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .group:hover .dark\\:group-hover\\:text-white-alpha-600:is([data-theme="dark"] *) {
@@ -3640,6 +3827,14 @@ slot {
   background-color: var(--ikp-color-gray-dark-700);
 }
 
+.dark\\:data-\\[active\\]\\:bg-gray-dark-800[data-active]:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
+.dark\\:data-\\[highlighted\\]\\:bg-gray-dark-800[data-highlighted]:is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
 .dark\\:data-\\[state\\=active\\]\\:bg-white-alpha-100[data-state="active"]:is([data-theme="dark"] *) {
   background-color: var(--ikp-color-white-alpha-100);
 }
@@ -3711,11 +3906,19 @@ slot {
   color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:data-\\[required\\]\\:after\\:\\[content\\:\\"\\*\\"\\][data-required]:is([data-theme="dark"] *)::after {
+  content: "*";
+}
+
 .dark\\:data-\\[highlight\\]\\:first\\:before\\:\\[background-image\\:conic-gradient\\(transparent\\2c theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\2c transparent_30\\%\\)\\]:first-child[data-highlight]:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
   background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-300),transparent 30%);
 }
 
+.group\\/chat-history[data-chat-history-layout="sidepane"] .dark\\:group-data-\\[chat-history-layout\\=sidepane\\]\\/chat-history\\:border-gray-dark-800:is([data-theme="dark"] *) {
+  border-color: var(--ikp-color-gray-dark-800);
+}
+
 .dark\\:hover\\:border-white-alpha-300:hover:not(:disabled):is([data-theme="dark"] *) {
   border-color: var(--ikp-color-white-alpha-300);
 }
@@ -3724,6 +3927,10 @@ slot {
   background-color: var(--ikp-color-gray-dark-800);
 }
 
+.dark\\:hover\\:bg-gray-dark-900:hover:not(:disabled):is([data-theme="dark"] *) {
+  background-color: var(--ikp-color-gray-dark-900);
+}
+
 .dark\\:hover\\:bg-inkeep-expanded-primary-200:hover:not(:disabled):is([data-theme="dark"] *) {
   background-color: var(--ikp-color-inkeep-expanded-primary-200);
 }
@@ -3752,6 +3959,11 @@ slot {
   color: var(--ikp-color-inkeep-expanded-primary-300);
 }
 
+.dark\\:hover\\:text-white:hover:not(:disabled):is([data-theme="dark"] *) {
+  --tw-text-opacity: 1;
+  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);
 }
@@ -3772,6 +3984,10 @@ slot {
   color: var(--ikp-color-white-alpha-950);
 }
 
+.dark\\:hover\\:opacity-95:hover:not(:disabled):is([data-theme="dark"] *) {
+  opacity: 0.95;
+}
+
 .dark\\:hover\\:disabled\\:bg-white-alpha-100:disabled:hover:not(:disabled):is([data-theme="dark"] *) {
   background-color: var(--ikp-color-white-alpha-100);
 }
@@ -3957,8 +4173,8 @@ slot {
     height: min(800px,100%);
   }
 
-  .lg\\:w-\\[min\\(640px\\2c 100\\%\\)\\] {
-    width: min(640px,100%);
+  .lg\\:w-\\[min\\(800px\\2c 100\\%\\)\\] {
+    width: min(800px,100%);
   }
 }
 
@@ -3968,8 +4184,8 @@ slot {
     height: min(900px,100%);
   }
 
-  .\\32xl\\:w-\\[min\\(760px\\2c 100\\%\\)\\] {
-    width: min(760px,100%);
+  .\\32xl\\:w-\\[min\\(880px\\2c 100\\%\\)\\] {
+    width: min(880px,100%);
   }
 }
 
@@ -4077,6 +4293,112 @@ slot {
   margin-bottom: 0px;
 }
 
+.\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:bg-gray-200 [data-part=tag-clear]:hover {
+  background-color: var(--ikp-color-gray-200);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\:hover\\]\\:dark\\:bg-gray-dark-600:is([data-theme="dark"] *) [data-part=tag-clear]:hover {
+  background-color: var(--ikp-color-gray-dark-600);
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:flex [data-part=tag-clear] {
+  display: flex;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:h-5 [data-part=tag-clear] {
+  height: 1.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:w-5 [data-part=tag-clear] {
+  width: 1.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:shrink-0 [data-part=tag-clear] {
+  flex-shrink: 0;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:cursor-pointer [data-part=tag-clear] {
+  cursor: pointer;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:items-center [data-part=tag-clear] {
+  align-items: center;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:justify-center [data-part=tag-clear] {
+  justify-content: center;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:rounded-md [data-part=tag-clear] {
+  border-radius: 0.375rem;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:text-current [data-part=tag-clear] {
+  color: currentColor;
+}
+
+.\\[\\&_\\[data-part\\=tag-clear\\]\\]\\:outline-none [data-part=tag-clear] {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:inline-flex [data-part=tag] {
+  display: inline-flex;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:flex-shrink-0 [data-part=tag] {
+  flex-shrink: 0;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:items-center [data-part=tag] {
+  align-items: center;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:gap-1 [data-part=tag] {
+  gap: 0.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:whitespace-nowrap [data-part=tag] {
+  white-space: nowrap;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:rounded-md [data-part=tag] {
+  border-radius: 0.375rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:bg-gray-100 [data-part=tag] {
+  background-color: var(--ikp-color-gray-100);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:py-0\\.5 [data-part=tag] {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:pl-2 [data-part=tag] {
+  padding-left: 0.5rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:pr-1 [data-part=tag] {
+  padding-right: 0.25rem;
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:text-sm [data-part=tag] {
+  font-size: var(--ikp-font-size-sm);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:text-gray-800 [data-part=tag] {
+  color: var(--ikp-color-gray-800);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:bg-gray-dark-800:is([data-theme="dark"] *) [data-part=tag] {
+  background-color: var(--ikp-color-gray-dark-800);
+}
+
+.\\[\\&_\\[data-part\\=tag\\]\\]\\:dark\\:text-gray-dark-50:is([data-theme="dark"] *) [data-part=tag] {
+  color: var(--ikp-color-gray-dark-50);
+}
+
 .\\[\\&_a\\]\\:inline a {
   display: inline;
 }