Add object type to ifql mode for codemirror

ui/src/shared/constants/codeMirrorModes.ts

@@ -59,6 +59,10 @@ export const modeIFQL = {
       regex: /0x[a-f\d]+|[-+]?(?:\.\d+|\d+\.?\d*)(?:e[-+]?\d+)?/i,
       token: 'number',
     },
+    {
+      regex: /({.+:.+})/,
+      token: 'object',
+    },
     {
       regex: /\/\/.*/,
       token: 'comment',

ui/src/style/components/code-mirror/_time-machine.scss

@@ -34,6 +34,9 @@
   .cm-boolean {
     color: $c-viridian;
   }
+  .cm-object {
+    color: $c-honeydew;
+  }
   .cm-null {
     color: $c-dreamsicle;
   }

ui/src/style/components/time-machine/ifql-builder.scss

@@ -4,6 +4,7 @@ $ifql-node-gap: 5px;
 $ifql-node-padding: 10px;
 $ifql-arg-min-width: 120px;
 $ifql-number-color: $c-neutrino;
+$ifql-object-color: $c-viridian;
 $ifql-string-color: $c-honeydew;
 $ifql-boolean-color: $c-viridian;
 $ifql-invalid-color: $c-viridian;
@@ -76,6 +77,10 @@ $ifql-invalid-color: $c-viridian;
   color: $ifql-number-color;
 }
 
+.variable-value--object {
+  color: $ifql-object-color;
+}
+
 .variable-value--invalid {
   color: $ifql-invalid-color;
 }
@@ -291,7 +296,8 @@ $ifql-filter-parens: $g5-pepper;
   height: $ifql-filter-unit-wrapped;
   width: ($ifql-filter-unit-wrapped - $ifql-filter-unit) / 2;
   background-color: $ifql-filter-parens;
-  border: (($ifql-filter-unit-wrapped - $ifql-filter-unit) / 2) solid $ifql-filter-expression;
+  border: (($ifql-filter-unit-wrapped - $ifql-filter-unit) / 2) solid
+    $ifql-filter-expression;
 }
 
 .ifql-filter--paren-open {