agents.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. /**--- Agents ---**/
  2. .bx-agt-aica svg {
  3. width: 1rem;
  4. height: 1rem;
  5. }
  6. .bx-grid-table .bx-gc-icon svg,
  7. .bx-grid-table .bx-gc-icon img,
  8. .bx-grid-table .bx-gc-model_id svg,
  9. .bx-grid-table .bx-gc-trigger svg {
  10. width: 1.5rem;
  11. height: 1.5rem;
  12. vertical-align: middle;
  13. }
  14. #grid-popup-sys_studio_agents_agents-message .bx-popup-width {
  15. width: 42rem;
  16. max-width: calc(100vw - 2rem);
  17. }
  18. .bx-agents-popup-chat {
  19. height: 32rem;
  20. }
  21. /**--- Automators ---**/
  22. .cmt .bx-menu-custom.bx-menu-custom-hor > li > span {
  23. margin-right: 0;
  24. }
  25. .cmt .bx-base-general-unit-meta ul.bx-menu-custom li:first-child .bx-base-general-unit-meta-div {
  26. display: none;
  27. }
  28. .bx-def-vanilla-html pre,
  29. .cmt-body.bx-def-vanilla-html pre{
  30. max-height: 20rem;
  31. border-width: 0;
  32. border-radius: 0.375rem;
  33. background-color: #1f2937;
  34. color: #e5e7eb;
  35. }
  36. /*-- Automators form: Providers --*/
  37. .bx-form-input-provider {
  38. display: -webkit-flex;
  39. display: flex;
  40. -webkit-align-items: center;
  41. align-items: center;
  42. }
  43. .bx-form-input-provider-cell.bx-fi-pc-txt {
  44. -webkit-flex: 1 1 auto;
  45. -ms-flex: 1 1 auto;
  46. flex: 1 1 auto;
  47. }
  48. .bx-form-input-provider-cell.bx-fi-pc-btn {
  49. -webkit-flex: 0 0 auto;
  50. -ms-flex: 0 0 auto;
  51. flex: 0 0 auto;
  52. }
  53. .bx-form-input-provider-add {
  54. text-align: right;
  55. }
  56. .bx-form-input-provider-add .bx-form-input-button {
  57. display: inline-block;
  58. float: none;
  59. }
  60. /*-- Automators form: Tools --*/
  61. .bx-form-input-tools {
  62. display: -webkit-flex;
  63. display: flex;
  64. -webkit-align-items: center;
  65. align-items: center;
  66. }
  67. .bx-form-input-tools-cell.bx-fi-pc-txt {
  68. -webkit-flex: 1 1 auto;
  69. -ms-flex: 1 1 auto;
  70. flex: 1 1 auto;
  71. }
  72. .bx-form-input-tools-cell.bx-fi-pc-btn {
  73. -webkit-flex: 0 0 auto;
  74. -ms-flex: 0 0 auto;
  75. flex: 0 0 auto;
  76. }
  77. .bx-form-input-tools-add {
  78. text-align: right;
  79. }
  80. .bx-form-input-tools-add .bx-form-input-button {
  81. display: inline-block;
  82. float: none;
  83. }
  84. /*-- Automators form: Helpers --*/
  85. .bx-form-input-helper {
  86. display: -webkit-flex;
  87. display: flex;
  88. -webkit-align-items: center;
  89. align-items: center;
  90. }
  91. .bx-form-input-helper-cell.bx-fi-hc-txt {
  92. -webkit-flex: 1 1 auto;
  93. -ms-flex: 1 1 auto;
  94. flex: 1 1 auto;
  95. }
  96. .bx-form-input-helper-cell.bx-fi-hc-btn {
  97. -webkit-flex: 0 0 auto;
  98. -ms-flex: 0 0 auto;
  99. flex: 0 0 auto;
  100. }
  101. .bx-form-input-helper-add {
  102. text-align: right;
  103. }
  104. .bx-form-input-helper-add .bx-form-input-button {
  105. display: inline-block;
  106. float: none;
  107. }
  108. /*-- Automators form: Assistants --*/
  109. .bx-form-input-assistant {
  110. display: -webkit-flex;
  111. display: flex;
  112. -webkit-align-items: center;
  113. align-items: center;
  114. }
  115. .bx-form-input-assistant-cell.bx-fi-ac-txt {
  116. -webkit-flex: 1 1 auto;
  117. -ms-flex: 1 1 auto;
  118. flex: 1 1 auto;
  119. }
  120. .bx-form-input-assistant-cell.bx-fi-ac-btn {
  121. -webkit-flex: 0 0 auto;
  122. -ms-flex: 0 0 auto;
  123. flex: 0 0 auto;
  124. }
  125. .bx-form-input-assistant-add {
  126. text-align: right;
  127. }
  128. .bx-form-input-assistant-add .bx-form-input-button {
  129. display: inline-block;
  130. float: none;
  131. }
  132. #bx-agents-agents-alert-payload pre {
  133. max-height:250px;
  134. overflow:scroll;
  135. }
  136. .select2-container {
  137. z-index: 999999 !important;
  138. }
  139. .select2-container .select2-selection--single {
  140. height: 30px;
  141. }
  142. .select2-results__option .bx-alert-wrap {
  143. display:flex;
  144. justify-content:space-between;
  145. gap:10px;
  146. width:100%;
  147. }
  148. .select2-results__option .bx-alert-text {
  149. font-weight:600;
  150. }
  151. .select2-results__option .bx-alert-desc {
  152. font-size:12px;
  153. color:#888;
  154. }
  155. .select2-results__option .bx-alert-counter {
  156. padding:2px 8px;
  157. border-radius:10px;
  158. font-size:12px;
  159. height:fit-content;
  160. }
  161. /* Agent cards on the block's 16px content line: the list's -4px pull plus this 4px puts a card's 4px margin at 8px + 8px. */
  162. div.bx-std-block-content > .bx-agt-agents {
  163. width: calc(100% - 0.5rem); /* the template's w-full assumed the old negative margins */
  164. margin: 0.25rem;
  165. }