profoundjs 7.23.0 → 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 */
@@ -142,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;
 }
@@ -165,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;
 }

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

@@ -18100,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;
 }
@@ -18112,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;
@@ -18318,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;
@@ -18349,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;
+  }
+}