Use CodeMirror for sample filter input

UKGovernmentBEIS · Jan 3, 2025 · 86736cc · 86736cc
1 parent ba63da8
commit 86736cc
Show file tree

Hide file tree

Showing 8 changed files with 21,310 additions and 944 deletions.
diff --git a/src/inspect_ai/_view/www/App.css b/src/inspect_ai/_view/www/App.css
@@ -650,6 +650,29 @@ table.table.table-sm td {
   height: auto !important;
 }
 
+[data-tooltip] {
+  position: relative;
+}
+[data-tooltip]:hover::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  line-height: 1.25;
+  background: var(--bs-gray-300);
+  color: var(--bs-body-color);
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: 1px solid var(--bs-gray-400);
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
+  white-space: pre-wrap;
+  width: max-content;
+  max-width: 400px;
+  z-index: 1000;
+}
+[data-tooltip][data-tooltip-position="bottom-left"]:hover::after {
+  right: 0%;
+  top: 100%;
+}
+
 /* ANSI Coloring */
 .ansi-display {
   font-family: monospace;

diff --git a/src/inspect_ai/_view/www/dist/assets/index.css b/src/inspect_ai/_view/www/dist/assets/index.css
@@ -14923,6 +14923,29 @@ table.table.table-sm td {
   height: auto !important;
 }
 
+[data-tooltip] {
+  position: relative;
+}
+[data-tooltip]:hover::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  line-height: 1.25;
+  background: var(--bs-gray-300);
+  color: var(--bs-body-color);
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: 1px solid var(--bs-gray-400);
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
+  white-space: pre-wrap;
+  width: max-content;
+  max-width: 400px;
+  z-index: 1000;
+}
+[data-tooltip][data-tooltip-position="bottom-left"]:hover::after {
+  right: 0%;
+  top: 100%;
+}
+
 /* ANSI Coloring */
 .ansi-display {
   font-family: monospace;

diff --git a/src/inspect_ai/_view/www/dist/assets/index.js b/src/inspect_ai/_view/www/dist/assets/index.js
diff --git a/src/inspect_ai/_view/www/package.json b/src/inspect_ai/_view/www/package.json
@@ -30,6 +30,7 @@
     "bootstrap": "^5.3.3",
     "bootstrap-icons": "^1.11.3",
     "clipboard": "^2.0.11",
+    "codemirror": "^6.0.1",
     "fast-json-patch": "^3.1.1",
     "fflate": "^0.8.2",
     "filtrex": "^3.1.0",

diff --git a/src/inspect_ai/_view/www/src/samples/SamplesTools.mjs b/src/inspect_ai/_view/www/src/samples/SamplesTools.mjs
@@ -55,6 +55,7 @@ export const SampleTools = (props) => {
 
   tools.push(
     html`<${SampleFilter}
+      evalDescriptor=${sampleDescriptor.evalDescriptor}
       filter=${filter}
       filterError=${filterError}
       filterChanged=${filterChanged}