profoundjs 7.22.1 → 7.24.0

package/htdocs/profoundui/proddata/css/designer.css

@@ -140,7 +140,7 @@
   border-bottom: 1px solid #eeeeee;
 }
 
-.x-toolbar.x-toolbar.x-toolbar.x-toolbar .x-btn.x-btn-pressed, 
+.x-toolbar.x-toolbar.x-toolbar.x-toolbar .x-btn.x-btn-pressed,
 .x-toolbar.x-toolbar.x-toolbar.x-toolbar .x-btn.x-btn-menu-active {
 	background-color: #1979CA;
 	color           : white;
@@ -489,7 +489,7 @@ div.widget-sets-widget div {
 
 /* In Edge, the inline style of the proxy HTML doesn't apply for some reason. So set it here. */
 .x-dd-drag-proxy .puiresp {
-  display              : grid; 
+  display              : grid;
   grid-template-rows   : auto;
   grid-template-columns: repeat(4, 1fr);
   grid-column-gap      : 3px;
@@ -614,7 +614,7 @@ button.zoommenu.flatlook {
 }
 
 /* Make the container names and numbers appear in the design canvas behind widgets. */
-div.puiresp>div[containername]::after { 
+div.puiresp>div[containername]::after {
   opacity  : 0.05;
   font-size: 2.5em;
   content  : attr(containername);
@@ -1047,3 +1047,7 @@ iframe.rundbgapp {
 .pai-copy-snippet-icon:hover {
   background-color: #eee;
 }
+
+.xterm-screen div {
+  white-space: pre !important;
+}

package/htdocs/profoundui/proddata/css/profoundai.css

@@ -25,6 +25,26 @@
   background-color: #353c49;
 }
 
+@media (max-width: 768px) {
+  .pai-chat {
+    width: 94vw;
+    height: 85vh;
+    right: 1vw;
+    bottom: 1vh;
+    border-radius: 0;
+  }
+}
+
+@media (max-width: 600px) {
+  .pai-chat {
+    width: 94vw;
+    height: 75vh;
+    right: 1vw;
+    bottom: 1vh;
+    border-radius: 0;
+  }
+}
+
 @keyframes pai-animate-chat {
   from {
     transform: scale(0) translate(50%, 50%); /* Start scaled down at bottom right */
@@ -37,7 +57,7 @@
 }
 
 .pai-prompt-area {
-  margin: 20px auto;
+  margin: 0px auto;
   padding: 7px;
   padding-left: 10px;
   border: 1px solid #999;
@@ -45,31 +65,59 @@
   display: block;
   width: 90%;
   font-family: Arial, Helvetica, sans-serif;
-  font-size: 18px;
+  font-size: 15px;
+  box-sizing: unset;
+  line-height: normal;
+  transition: none;
 }
 .pai-dark .pai-prompt-area {
   background-color: #47515f;
 }
 
-.pai-prompt-box {
+.pai-prompt-area .pai-prompt-box {
   font-family: Arial, Helvetica, sans-serif;
-  font-size: 18px;
+  font-size: 15px;
   border: none;
   outline: none;
-  width: calc(100% - 30px);
   height: 21px;
   margin-top: 5px;
   padding: 0px;
   resize: none;
+  box-sizing: unset;
+  line-height: normal;
+  transition: none;
+  border-color: transparent;
+  color: unset;
+  border-radius: 0px;
+}
+
+.pai-prompt-area .pai-prompt-box {
+  width: calc(100% - 30px);
+}
+
+.pai-prompt-area .pai-prompt-box.pai-with-voice {
+  width: calc(100% - 66px);
+}
+
+@-moz-document url-prefix() {
+  .pai-prompt-area .pai-prompt-box {
+    width: calc(100% - 32px);
+  }
+
+  .pai-prompt-area .pai-prompt-box.pai-with-voice {
+    width: calc(100% - 68px);
+  }
 }
 
-.pai-with-voice {
-  width: calc(100% - 64px);
+.pai-prompt-area .pai-prompt-box:focus, .pai-with-voice {
+  border-color: transparent;
 }
-.pai-dark .pai-prompt-box {
+
+.pai-dark .pai-prompt-box, .pai-dark .pai-prompt-box:focus {
   background-color: #47515f;
-  border-color: #47515f;
+  border-color: transparent;
   color: #fff;
+  border-radius: 0px;
 }
 .pai-dark .pai-prompt-box::placeholder {
   color: #bdc7d8;
@@ -114,6 +162,12 @@
   overflow-wrap: anywhere;
 }
 
+.pai-message-mobile{
+    font-size: 12px;
+    padding: 10px;
+    line-height: 15px;
+}
+
 .pai-greeting, .pai-agent-response {
   background-color: #fff;
 }
@@ -137,6 +191,16 @@
   color: #fff;
 }
 
+@media (max-width: 700px) and (orientation: landscape) {
+  .pai-heading {
+    padding: 15px;
+  }
+}
+
+.pai-heading-landscape {
+  padding: 15px;
+}
+
 .pai-error {
   background-color: pink;
 }
@@ -207,6 +271,7 @@
   color: #ccc;
   border-radius: 6px;
   user-select: none;
+  box-sizing: unset;
 }
 .pai-send-button svg {
   fill: #ccc;
@@ -229,6 +294,7 @@
   color: #ccc;
   border-radius: 6px;
   user-select: none;
+  box-sizing: unset;
 }
 .pai-voice-button svg {
   fill: #ccc;

package/htdocs/profoundui/proddata/css/profoundui.css

@@ -17801,6 +17801,11 @@ mark.pui-error-screen-highlighted-line {
   padding: 5px;
 }
 
+/* Disable transitions when resizing with mouse */
+.pui-auto-testing-sidebar.no-transition {
+  transition: none !important;
+}
+
 .pui-auto-testing-sidebar-collapse:hover {
   color: #333;
 }
@@ -17963,6 +17968,11 @@ mark.pui-error-screen-highlighted-line {
   display: none;
 }
 
+/* Disable transitions when resizing with mouse */
+.pui-auto-testing-footer.no-transition {
+  transition: none !important;
+}
+
 .pui-auto-testing-footer-collapse {
   color: #777;
   position: absolute;
@@ -17995,7 +18005,16 @@ mark.pui-error-screen-highlighted-line {
 }
 
 .pui-auto-testing-working {
+  display: inline-block;
+}
+
+.pui-auto-testing-working:before {
   animation: pui-spin 1.25s linear infinite;
+  display: inline-block;
+  transform-origin: center;
+  margin-top: 6px;
+  margin-left: 8px;
+  margin-right: 5px;
 }
 
 .pui-auto-testing-footer.collapsed .pui-auto-testing-save-button {
@@ -18081,7 +18100,9 @@ table.auto-testing-user-input tr:nth-child(even), table.auto-testing-results tr:
 table.auto-testing-user-input td:first-child, table.auto-testing-results td:first-child, table.auto-testing-hashes td:first-child {
   width: 200px;
   max-width: 200px;
-  word-wrap: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   font-weight: bold;
   background-color: #ffefcc;
 }
@@ -18093,17 +18114,41 @@ table.auto-testing-user-input tr:hover, table.auto-testing-results tr:hover, tab
 }
 
 .auto-testing-valid-hash {
-  background-color: #d4edda;
+  background-color: #d4edda !important;
 }
 
 .auto-testing-invalid-hash {
-  background-color: #f8d7da;
+  background-color: #f8d7da !important;
 }
 
 .pui-auto-testing-diff-viewer .d2h-code-linenumber {
   display: none !important;
 }
 
+.pui-auto-testing-diff-legend {
+  margin-bottom: 10px;
+}
+
+.pui-auto-testing-diff-legend span {
+  display: inline-block;
+  padding: 2px 6px;
+  margin-right: 10px;
+  border: 1px solid;
+  font-size: 12px;
+}
+
+.pui-auto-testing-diff-legend-actual {
+  background-color: #fee8e9;
+  border-color: #e9aeae;
+  color: #c33;
+}
+
+.pui-auto-testing-diff-legend-expected {
+  background-color: #dfd;
+  border-color: #b4e2b4;
+  color: #399839;
+}
+
 /* Exected vs Actual Screen Slider */
 .pui-auto-testing-slider {
   cursor: pointer;
@@ -18190,7 +18235,7 @@ table.auto-testing-user-input tr:hover, table.auto-testing-results tr:hover, tab
 
 .pui-auto-testing-elem-diff {
   cursor: pointer !important;
-  border: 2px dashed red;
+  border: 2px dashed red !important;
 }
 
 .pui-auto-testing-step-number {
@@ -18299,6 +18344,33 @@ table.auto-testing-user-input tr:hover, table.auto-testing-results tr:hover, tab
   line-height: 1;
 }
 
+.pui-auto-testing-rules-icon {
+  margin-left: 5px;
+  font-size: 0.8em;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.pui-auto-testing-rules-icon.pui-rules-exist {
+  color: #007bff;
+}
+
+.pui-auto-testing-rules-icon.pui-rules-dirty {
+  color: #007bff;
+}
+
+.pui-auto-testing-rules-icon.pui-rules-dirty::after {
+  content: '*';
+  position: absolute;
+  top: -0.6em;
+  right: -0.4em;
+  font-weight: bold;
+  font-size: 1.5em; /* Relative to the icon's font-size */
+  color: #f47b20;
+  line-height: 1;
+}
+
 .pui-auto-testing-annotation-container {
   position: absolute;
   top: 0px;
@@ -18330,3 +18402,79 @@ mjs-marker-area {
   background-color: #eee; /* Keep background the same on hover */
   border-color: transparent;
 }
+
+@media (prefers-color-scheme: dark) {
+  /* Sidebar and step list */
+  .pui-auto-testing-sidebar {
+    background-color: #1e1e1e;
+    border-right-color: #333;
+  }
+
+  .pui-auto-testing-step-item,
+  .pui-auto-testing-step-name {
+    color: #eee;
+  }
+
+  .pui-auto-testing-step-item:hover,
+  .pui-auto-testing-step-item.pui-active {
+    background-color: #333;
+  }
+
+  .pui-auto-testing-step-item.pui-active {
+    border-left-color: #4aa3ff;
+  }
+
+  .pui-auto-testing-step-name:focus {
+    background-color: #2a2d2f;
+    border-color: #4aa3ff;
+  }
+
+  .pui-auto-testing-step-number {
+    color: #4aa3ff;
+  }
+
+  /* Footer tabs */
+  .pui-auto-testing-footer-tabs {
+    background-color: #2b2b2b;
+    border-bottom-color: #444;
+  }
+
+  .pui-auto-testing-footer-tab {
+    color: #ddd;
+  }
+
+  .pui-auto-testing-footer-tab:hover {
+    background-color: #3a3a3a;
+  }
+
+  .pui-auto-testing-footer-tab.pui-active {
+    background-color: #1e1e1e;
+    border-bottom-color: #4aa3ff;
+  }
+
+  .pui-auto-testing-footer-tab-contents {
+    background-color: #1e1e1e;
+    color: #ddd;
+  }
+
+  .pui-auto-testing-footer-tab-contents .d2h-wrapper {
+    background-color: #eeeeee;
+    color: #212121;
+  }
+
+  .pui-auto-testing-footer-tab-contents td {
+    background-color: #eeeeee;
+  }
+
+  .pui-auto-testing-diff-legend-actual {
+    background-color: #3a1f1f;
+    border-color: #663333;
+    color: #f7bcbc;
+  }
+
+  .pui-auto-testing-diff-legend-expected {
+    background-color: #1f3618;
+    border-color: #396939;
+    color: #c8fbc8;
+  }
+}