feat: add initial design

frontend/package-lock.json

@@ -8,14 +8,16 @@
       "name": "zeno-evals-hub",
       "version": "0.0.0",
       "dependencies": {
-        "js-yaml": "^4.1.0"
+        "@material/dom": "^14.0.0"
       },
       "devDependencies": {
+        "@smui/data-table": "^7.0.0-beta.3",
         "@sveltejs/vite-plugin-svelte": "^2.0.3",
         "@tsconfig/svelte": "^3.0.0",
         "@typescript-eslint/eslint-plugin": "^5.59.0",
         "eslint-plugin-svelte3": "^4.0.0",
         "openapi-typescript-codegen": "^0.24.0",
+        "smui-theme": "^7.0.0-beta.3",
         "svelte": "^3.55.1",
         "svelte-check": "^2.10.3",
         "tslib": "^2.5.0",
@@ -518,6 +520,365 @@
       "integrity": "sha512-4JQNk+3mVzK3xh2rqd6RB4J46qUR19azEHBneZyTZM+c456qOrbbM/5xcR8huNCCcbVt7+UmizG6GuUvPvKUYg==",
       "dev": true
     },
+    "node_modules/@material/animation": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-14.0.0.tgz",
+      "integrity": "sha512-VlYSfUaIj/BBVtRZI8Gv0VvzikFf+XgK0Zdgsok5c1v5DDnNz5tpB8mnGrveWz0rHbp1X4+CWLKrTwNmjrw3Xw==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/base": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-14.0.0.tgz",
+      "integrity": "sha512-Ou7vS7n1H4Y10MUZyYAbt6H0t67c6urxoCgeVT7M38aQlaNUwFMODp7KT/myjYz2YULfhu3PtfSV3Sltgac9mA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/checkbox": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-14.0.0.tgz",
+      "integrity": "sha512-OoqwysCqvj1d0cRmEwVWPvg5OqYAiCFpE6Wng6me/Cahfe4xgRxSPa37WWqsClw20W7PG/5RrYRCBtc6bUUUZA==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/density": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/focus-ring": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@material/touch-target": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/data-table": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-14.0.0.tgz",
+      "integrity": "sha512-tnmLawGaMtnp29KH8pX99bqeKmFODE+MtRUTt6TauupkEfQE/wd0Um4JQDFiI0kCch7uF3r/NmQKyKuan10hXw==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/checkbox": "^14.0.0",
+        "@material/density": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/elevation": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/icon-button": "^14.0.0",
+        "@material/linear-progress": "^14.0.0",
+        "@material/list": "^14.0.0",
+        "@material/menu": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/select": "^14.0.0",
+        "@material/shape": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@material/touch-target": "^14.0.0",
+        "@material/typography": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/density": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-14.0.0.tgz",
+      "integrity": "sha512-NlxXBV5XjNsKd8UXF4K/+fOXLxoFNecKbsaQO6O2u+iG8QBfFreKRmkhEBb2hPPwC3w8nrODwXX0lHV+toICQw==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/dom": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-14.0.0.tgz",
+      "integrity": "sha512-8t88XyacclTj8qsIw9q0vEj4PI2KVncLoIsIMzwuMx49P2FZg6TsLjor262MI3Qs00UWAifuLMrhnOnfyrbe7Q==",
+      "dependencies": {
+        "@material/feature-targeting": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/elevation": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-14.0.0.tgz",
+      "integrity": "sha512-Di3tkxTpXwvf1GJUmaC8rd+zVh5dB2SWMBGagL4+kT8UmjSISif/OPRGuGnXs3QhF6nmEjkdC0ijdZLcYQkepw==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/feature-targeting": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-14.0.0.tgz",
+      "integrity": "sha512-a5WGgHEq5lJeeNL5yevtgoZjBjXWy6+klfVWQEh8oyix/rMJygGgO7gEc52uv8fB8uAIoYEB3iBMOv8jRq8FeA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/floating-label": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-14.0.0.tgz",
+      "integrity": "sha512-Aq8BboP1sbNnOtsV72AfaYirHyOrQ/GKFoLrZ1Jt+ZGIAuXPETcj9z7nQDznst0ZeKcz420PxNn9tsybTbeL/Q==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@material/typography": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/focus-ring": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-14.0.0.tgz",
+      "integrity": "sha512-fqqka6iSfQGJG3Le48RxPCtnOiaLGPDPikhktGbxlyW9srBVMgeCiONfHM7IT/1eu80O0Y67Lh/4ohu5+C+VAQ==",
+      "dev": true,
+      "dependencies": {
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0"
+      }
+    },
+    "node_modules/@material/icon-button": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-14.0.0.tgz",
+      "integrity": "sha512-wHMqzm7Q/UwbWLoWv32Li1r2iVYxadIrwTNxT0+p+7NdfI3lEwMN3NoB0CvoJnHTljjXDzce0KJ3nZloa0P0gA==",
+      "dev": true,
+      "dependencies": {
+        "@material/base": "^14.0.0",
+        "@material/density": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/elevation": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/focus-ring": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@material/touch-target": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/line-ripple": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-14.0.0.tgz",
+      "integrity": "sha512-Rx9eSnfp3FcsNz4O+fobNNq2PSm5tYHC3hRpY2ZK3ghTvgp3Y40/soaGEi/Vdg0F7jJXRaBSNOe6p5t9CVfy8Q==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/linear-progress": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-14.0.0.tgz",
+      "integrity": "sha512-MGIAWMHMW6TSV/TNWyl5N/escpDHk3Rq6hultFif+D9adqbOXrtfZZIFPLj1FpMm1Ucnj6zgOmJHgCDsxRVNIA==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/progress-indicator": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/list": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-14.0.0.tgz",
+      "integrity": "sha512-AFaBGV9vQyfnG8BT2R3UGVdF5w2SigQqBH+qbOSxQhk4BgVvhDfJUIKT415poLNMdnaDtcuYz+ZWvVNoRDaL7w==",
+      "dev": true,
+      "dependencies": {
+        "@material/base": "^14.0.0",
+        "@material/density": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/shape": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@material/typography": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-14.0.0.tgz",
+      "integrity": "sha512-oU6GjbYnkG6a5nX9HUSege5OQByf6yUteEij8fpf0ci3f5BWf/gr39dnQ+rfl+q119cW0WIEmVK2YJ/BFxMzEQ==",
+      "dev": true,
+      "dependencies": {
+        "@material/base": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/elevation": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/list": "^14.0.0",
+        "@material/menu-surface": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu-surface": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-14.0.0.tgz",
+      "integrity": "sha512-wRz3UCrhJ4kRrijJEbvIPRa0mqA5qkQmKXjBH4Xu1ApedZruP+OM3Qb2Bj4XugCA3eCXpiohg+gdyTAX3dVQyw==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/elevation": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/shape": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/notched-outline": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-14.0.0.tgz",
+      "integrity": "sha512-6S58DlWmhCDr4RQF2RuwqANxlmLdHtWy2mF4JQLD9WOiCg4qY9eCQnMXu3Tbhr7f/nOZ0vzc7AtA3vfJoZmCSw==",
+      "dev": true,
+      "dependencies": {
+        "@material/base": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/floating-label": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/shape": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/progress-indicator": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-14.0.0.tgz",
+      "integrity": "sha512-09JRTuIySxs670Tcy4jVlqCUbyrO+Ad6z3nHnAi8pYl74duco4n/9jTROV0mlFdr9NIFifnd08lKbiFLDmfJGQ==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/ripple": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-14.0.0.tgz",
+      "integrity": "sha512-9XoGBFd5JhFgELgW7pqtiLy+CnCIcV2s9cQ2BWbOQeA8faX9UZIDUx/g76nHLZ7UzKFtsULJxZTwORmsEt2zvw==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/rtl": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-14.0.0.tgz",
+      "integrity": "sha512-xl6OZYyRjuiW2hmbjV2omMV8sQtfmKAjeWnD1RMiAPLCTyOW9Lh/PYYnXjxUrNa0cRwIIbOn5J7OYXokja8puA==",
+      "dev": true,
+      "dependencies": {
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/select": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-14.0.0.tgz",
+      "integrity": "sha512-4aY1kUHEnbOCRG3Tkuuk8yFfyNYSvOstBbjiYE/Z1ZGF3P1z+ON35iLatP84LvNteX4F1EMO2QAta2QbLRMAkw==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/base": "^14.0.0",
+        "@material/density": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@material/elevation": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/floating-label": "^14.0.0",
+        "@material/line-ripple": "^14.0.0",
+        "@material/list": "^14.0.0",
+        "@material/menu": "^14.0.0",
+        "@material/menu-surface": "^14.0.0",
+        "@material/notched-outline": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/shape": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@material/tokens": "^14.0.0",
+        "@material/typography": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/shape": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-14.0.0.tgz",
+      "integrity": "sha512-o0mJB0+feOv473KckI8gFnUo8IQAaEA6ynXzw3VIYFjPi48pJwrxa0mZcJP/OoTXrCbDzDeFJfDPXEmRioBb9A==",
+      "dev": true,
+      "dependencies": {
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/theme": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-14.0.0.tgz",
+      "integrity": "sha512-6/SENWNIFuXzeHMPHrYwbsXKgkvCtWuzzQ3cUu4UEt3KcQ5YpViazIM6h8ByYKZP8A9d8QpkJ0WGX5btGDcVoA==",
+      "dev": true,
+      "dependencies": {
+        "@material/feature-targeting": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tokens": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-14.0.0.tgz",
+      "integrity": "sha512-SXgB9VwsKW4DFkHmJfDIS0x0cGdMWC1D06m6z/WQQ5P5j6/m0pKrbHVlrLzXcRjau+mFhXGvj/KyPo9Pp/Rc8Q==",
+      "dev": true,
+      "dependencies": {
+        "@material/elevation": "^14.0.0"
+      }
+    },
+    "node_modules/@material/touch-target": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-14.0.0.tgz",
+      "integrity": "sha512-o3kvxmS4HkmZoQTvtzLJrqSG+ezYXkyINm3Uiwio1PTg67pDgK5FRwInkz0VNaWPcw9+5jqjUQGjuZMtjQMq8w==",
+      "dev": true,
+      "dependencies": {
+        "@material/base": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/typography": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-14.0.0.tgz",
+      "integrity": "sha512-/QtHBYiTR+TPMryM/CT386B2WlAQf/Ae32V324Z7P40gHLKY/YBXx7FDutAWZFeOerq/two4Nd2aAHBcMM2wMw==",
+      "dev": true,
+      "dependencies": {
+        "@material/feature-targeting": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -553,6 +914,165 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@smui/checkbox": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/checkbox/-/checkbox-7.0.0-beta.3.tgz",
+      "integrity": "sha512-YNs4Z3zZ4OLeU0ntWgX4yuDXZkDRQ/aB0wJZkF5ruSZhJcDqS3UnwO+wgRyalvVJd1BktOhLBNxugLicH2yXgg==",
+      "dev": true,
+      "dependencies": {
+        "@material/checkbox": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/ripple": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/common": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/common/-/common-7.0.0-beta.3.tgz",
+      "integrity": "sha512-77tKJ+dvKbas2tNeHhovq6Yg3OJ78FS2Jky8QZXNsF5uOKbI/gZ6OXYRTEmudfKANP6xHCtFdpgbk1JF1VdHeA==",
+      "dev": true,
+      "dependencies": {
+        "@material/dom": "^14.0.0",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/data-table": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/data-table/-/data-table-7.0.0-beta.3.tgz",
+      "integrity": "sha512-Qat542hz38TJH7dLeyJ9q4jmIllb6rb7RlctLYr3KYX3KPSicHbjBFdICs552My43NOz3QQ2XJbaqSevJvn8ag==",
+      "dev": true,
+      "dependencies": {
+        "@material/data-table": "^14.0.0",
+        "@material/dom": "^14.0.0",
+        "@smui/checkbox": "^7.0.0-beta.3",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/icon-button": "^7.0.0-beta.3",
+        "@smui/ripple": "^7.0.0-beta.3",
+        "@smui/select": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/floating-label": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/floating-label/-/floating-label-7.0.0-beta.3.tgz",
+      "integrity": "sha512-NAQUUMeCFXbiu6NNmILVoiMcw+kfIu0IFXrthNcHG1j4CofkW9471d2rZgc+jIsWAMXWvtxUUHtatslkT+H7eA==",
+      "dev": true,
+      "dependencies": {
+        "@material/floating-label": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/icon-button": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/icon-button/-/icon-button-7.0.0-beta.3.tgz",
+      "integrity": "sha512-EerVXfssP/lwkoTSUvVGCj/FUblUnzHE2yJxHYUVdhHWo4n/w0IBBL9mFXCjj/kOOOg37X+o0jplu0rs+pQDYA==",
+      "dev": true,
+      "dependencies": {
+        "@material/density": "^14.0.0",
+        "@material/icon-button": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/ripple": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/line-ripple": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/line-ripple/-/line-ripple-7.0.0-beta.3.tgz",
+      "integrity": "sha512-+NVfFmYjel2srTwduAHYksxad5TC9Q0jBZ6nS6uFrgDnlV28Nj0NA+UfTVrGZNQ3P2AR6TEidSvnOgO9tREPvw==",
+      "dev": true,
+      "dependencies": {
+        "@material/line-ripple": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/list": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/list/-/list-7.0.0-beta.3.tgz",
+      "integrity": "sha512-h37fTcV9agsTqUDwQPoUkk5RQogQ8UElh2M1iciGSODD59mBdpnP/tCOfU4A6BEkvVLLGtRm2xWzRb2ajuYRWg==",
+      "dev": true,
+      "dependencies": {
+        "@material/dom": "^14.0.0",
+        "@material/feature-targeting": "^14.0.0",
+        "@material/list": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/ripple": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/menu": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/menu/-/menu-7.0.0-beta.3.tgz",
+      "integrity": "sha512-MJyZcOdB9CabcHiYlnHC6nj4WbBg9RTOM+J5LEg4zpW9+eBXWT4dekGeHvyQy7CkRy2XaNnGl+kElSF4MCRV5Q==",
+      "dev": true,
+      "dependencies": {
+        "@material/dom": "^14.0.0",
+        "@material/menu": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/list": "^7.0.0-beta.3",
+        "@smui/menu-surface": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/menu-surface": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/menu-surface/-/menu-surface-7.0.0-beta.3.tgz",
+      "integrity": "sha512-5QkDgwAhCN+TzSLnIlBXQ/GKHTQjxtQksoYXdTgITlpDH6YyiHR0hb29Ysv8PCaBMKlDDC98h6PEOYuselTtvg==",
+      "dev": true,
+      "dependencies": {
+        "@material/animation": "^14.0.0",
+        "@material/menu-surface": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/notched-outline": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/notched-outline/-/notched-outline-7.0.0-beta.3.tgz",
+      "integrity": "sha512-nzn1dPB6I9MjX9+GohgzoqcTjsSamCvC6aryRqMO1DUShbJ86OC0p5pSB5MVKdv4vQgLZ5eG2adD7L8DMuB2XA==",
+      "dev": true,
+      "dependencies": {
+        "@material/notched-outline": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/floating-label": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/ripple": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/ripple/-/ripple-7.0.0-beta.3.tgz",
+      "integrity": "sha512-5BGoagqg/SVVLcux6PklSN30p5tTkh82iH1oNb9c69gOgNNxa/OPKSi31EKaV4fYJAJ5uRhBEp279D5Wl0lZ+g==",
+      "dev": true,
+      "dependencies": {
+        "@material/dom": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
+    "node_modules/@smui/select": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@smui/select/-/select-7.0.0-beta.3.tgz",
+      "integrity": "sha512-rxZ5yUm99mAljW+JkjaeI6BNG3FsyNlXRpspqrywrWeIKi3Y2VyCJuWgKdXw1YHh02BXYMJGBmEzm4ywWnnsog==",
+      "dev": true,
+      "dependencies": {
+        "@material/feature-targeting": "^14.0.0",
+        "@material/ripple": "^14.0.0",
+        "@material/rtl": "^14.0.0",
+        "@material/select": "^14.0.0",
+        "@material/theme": "^14.0.0",
+        "@smui/common": "^7.0.0-beta.3",
+        "@smui/floating-label": "^7.0.0-beta.3",
+        "@smui/line-ripple": "^7.0.0-beta.3",
+        "@smui/list": "^7.0.0-beta.3",
+        "@smui/menu": "^7.0.0-beta.3",
+        "@smui/menu-surface": "^7.0.0-beta.3",
+        "@smui/notched-outline": "^7.0.0-beta.3",
+        "@smui/ripple": "^7.0.0-beta.3",
+        "svelte2tsx": "^0.6.10"
+      }
+    },
     "node_modules/@sveltejs/vite-plugin-svelte": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte/-/vite-plugin-svelte-2.0.4.tgz",
@@ -1002,6 +1522,18 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -1024,7 +1556,6 @@
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -1034,7 +1565,6 @@
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -1061,7 +1591,8 @@
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
     },
     "node_modules/array-union": {
       "version": "2.1.0",
@@ -1189,12 +1720,25 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -1206,8 +1750,7 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "peer": true
+      "dev": true
     },
     "node_modules/commander": {
       "version": "10.0.0",
@@ -1256,6 +1799,12 @@
         }
       }
     },
+    "node_modules/dedent-js": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dedent-js/-/dedent-js-1.0.1.tgz",
+      "integrity": "sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==",
+      "dev": true
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -1306,6 +1855,12 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
     "node_modules/es6-promise": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.3.1.tgz",
@@ -1349,6 +1904,15 @@
         "@esbuild/win32-x64": "0.17.16"
       }
     },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -1738,6 +2302,15 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -1861,6 +2434,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -1951,6 +2537,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -2004,6 +2599,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dev": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2096,6 +2692,15 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -2236,6 +2841,36 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "dev": true
     },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.9.tgz",
+      "integrity": "sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -2332,6 +2967,16 @@
         "node": ">=6"
       }
     },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -2470,6 +3115,15 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
@@ -2645,6 +3299,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/smui-theme": {
+      "version": "7.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/smui-theme/-/smui-theme-7.0.0-beta.3.tgz",
+      "integrity": "sha512-fAOiinlr89BbFmeUPIWZllUjduEm/JI9B1b5CdvW4YFMAlRycVoLbNeCGSKGrZUHaZy1DFVd2sRUoyHnlAFGVw==",
+      "dev": true,
+      "dependencies": {
+        "@material/theme": "^14.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "node-fetch": "^2.6.9",
+        "sass": "^1.60.0",
+        "yargs": "^17.7.1"
+      },
+      "bin": {
+        "smui-theme": "smui-theme"
+      }
+    },
     "node_modules/sorcery": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/sorcery/-/sorcery-0.10.0.tgz",
@@ -2685,12 +3355,25 @@
       "deprecated": "Please use @jridgewell/sourcemap-codec instead",
       "dev": true
     },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -2866,6 +3549,20 @@
         "sourcemap-codec": "^1.4.8"
       }
     },
+    "node_modules/svelte2tsx": {
+      "version": "0.6.11",
+      "resolved": "https://registry.npmjs.org/svelte2tsx/-/svelte2tsx-0.6.11.tgz",
+      "integrity": "sha512-rRW/3V/6mcejYWmSqcHpmILOSPsOhLgkbKbrTOz82s2n8TywmIsqj2jYPsiL6HeGoUM/atiTD0YKguW4b7ECog==",
+      "dev": true,
+      "dependencies": {
+        "dedent-js": "^1.0.1",
+        "pascal-case": "^3.1.1"
+      },
+      "peerDependencies": {
+        "svelte": "^3.55",
+        "typescript": "^4.9.4 || ^5.0.0"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -2885,11 +3582,16 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "dev": true
+    },
     "node_modules/tslib": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
-      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==",
-      "dev": true
+      "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg=="
     },
     "node_modules/tsutils": {
       "version": "3.21.0",
@@ -3046,6 +3748,22 @@
         }
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "dev": true
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -3078,18 +3796,71 @@
       "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
       "dev": true
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true
     },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
+    "node_modules/yargs": {
+      "version": "17.7.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.1.tgz",
+      "integrity": "sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",

frontend/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "npm run smui-theme && vite build",
     "smui-theme": "smui-theme compile public/smui.css -i src/theme",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "format": "npx prettier -w src",
@@ -14,15 +14,20 @@
     "generate-api": "openapi --input http://localhost:8000/api/openapi.json --output ./src/zeno-evals-hubservice --client fetch; npx prettier -w ./src/zeno-evals-hubservice"
   },
   "devDependencies": {
+    "@smui/data-table": "^7.0.0-beta.3",
     "@sveltejs/vite-plugin-svelte": "^2.0.3",
     "@tsconfig/svelte": "^3.0.0",
     "@typescript-eslint/eslint-plugin": "^5.59.0",
     "eslint-plugin-svelte3": "^4.0.0",
     "openapi-typescript-codegen": "^0.24.0",
+    "smui-theme": "^7.0.0-beta.3",
     "svelte": "^3.55.1",
     "svelte-check": "^2.10.3",
     "tslib": "^2.5.0",
     "typescript": "^4.9.3",
     "vite": "^4.2.0"
+  },
+  "dependencies": {
+    "@material/dom": "^14.0.0"
   }
-}
+}

frontend/src/App.svelte

@@ -5,30 +5,69 @@
 <main>
   <h1>OpenAI Evals Hub</h1>
   <h3>
-    Explore the results of OpenAI evals using <a href="https://zenoml.com">Zeno</a>
+    Explore the results of OpenAI evals using
+    <a href="https://zenoml.com">Zeno</a>
   </h3>
-
   <!-- table with links to zeno sites. -->
-  <table>
-    <thead>
-      <tr>
-        <th>Evaluation</th>
-      </tr>
-    </thead>
-    <tbody>
-      {#await data}
-        <p>loading</p>
-      {:then final_data}
-        {#each final_data as d}
-          {@const name = Array.from(Object.keys(d))[0]}
-          <tr>
-            <td><a href="/{name}/">{name}</a></td>
-          </tr>
-        {/each}
-      {/await}
-    </tbody>
-  </table>
+  <div id="container">
+    <!-- table with links to zeno sites. -->
+    <table>
+      <thead>
+        <tr>
+          <th>Evaluation</th>
+          <th>View</th>
+          <th>Models</th>
+          <th>Accuracy</th>
+          <th>data_column</th>
+          <th>id_column</th>
+          <th>batch_size</th>
+          <th>samples</th>
+        </tr>
+      </thead>
+      <tbody>
+        {#await data}
+          <p>loading</p>
+        {:then final_data}
+          {#each final_data as d}
+            {@const name = Object.keys(d)[0]}
+            {@const zeno = d[name]["zeno"]}
+            {@const spec = d[name]["spec"]}
+            <tr>
+              <td><a href="/{name}/">{name}</a></td>
+              <td>{zeno["view"]}</td>
+              <td>{zeno["models"][0]}<br /> {zeno["models"][1]}</td>
+              <td>{spec["accuracy"][0]}<br />{spec["accuracy"][1]}</td>
+              <td>{zeno["data_column"]}</td>
+              <td>{zeno["id_column"]}</td>
+              <td>{zeno["batch_size"]}</td>
+              <td>{zeno["samples"]}</td>
+            </tr>
+          {/each}
+        {/await}
+      </tbody>
+    </table>
+  </div>
 </main>
 
 <style>
+  #container {
+    margin: 50px 20px;
+    display: flex;
+    justify-content: center;
+  }
+  table {
+    border-collapse: collapse;
+    text-align: left;
+  }
+  table thead tr th {
+    border-bottom: 0.5px solid grey;
+  }
+  table th,
+  table td {
+    border-bottom: 0.5px solid grey;
+  }
+  table th,
+  table td {
+    padding: 4px 20px;
+  }
 </style>

frontend/src/main.ts

@@ -1,4 +1,3 @@
-import "./app.css";
 import App from "./App.svelte";
 
 const app = new App({

frontend/src/{app.css → theme/_smui-theme.scss}

@@ -1,11 +1,24 @@
+@use "sass:color";
+
+@use "@material/theme/color-palette";
+
+// Svelte Colors!
+@use "@material/theme/index" as theme with (
+  $primary: #ff3e00,
+  $secondary: #676778,
+  $surface: #fff,
+  $background: #fff,
+  $error: color-palette.$red-900
+);
+
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 
   color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+  color: #213547;
+  background-color: #f0f3fb;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -20,7 +33,7 @@ a {
   text-decoration: inherit;
 }
 a:hover {
-  color: #535bf2;
+  color: #747bff;
 }
 
 h1 {
@@ -46,7 +59,7 @@ button {
   font-size: 1em;
   font-weight: 500;
   font-family: inherit;
-  background-color: #1a1a1a;
+  background-color: #f9f9f9;
   cursor: pointer;
   transition: border-color 0.25s;
 }
@@ -57,16 +70,3 @@ button:focus,
 button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

zeno-evals-hub/frontend/index.html

@@ -3,8 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="./build/vite.svg" />
+    <link rel="stylesheet" href="./build/smui.css" />
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Svelte + TS</title>
+    <title>OpenAI Evals Hub</title>
     <!-- Material Icons -->
     <link
       rel="stylesheet"

zeno-evals-hub/main.py

@@ -1,3 +1,4 @@
+import json
 import os
 import sys
 
@@ -5,14 +6,74 @@ import uvicorn
 import yaml  # type: ignore
 from fastapi import FastAPI
 from fastapi.staticfiles import StaticFiles
-from zeno import get_server, zeno  # type: ignore
+from zeno import get_server, zeno, ZenoParameters  # type: ignore
 from zeno_evals import generate_zeno_config  # type: ignore
 
 
+# parse information in spec
+def prepare_spec(params, second_exists):
+    res = {}
+
+    data = []
+    with open(params["results-file"]) as f:
+        for index, line in enumerate(f):
+            data.append(json.loads(line))
+            if index == 1:
+                break
+    data2 = []
+    if second_exists:
+        with open(params["second-results-file"]) as f:
+            for index, line in enumerate(f):
+                data2.append(json.loads(line))
+                if index == 1:
+                    break
+
+    res["accuracy"] = [
+        data[1]["final_report"]["accuracy"],
+        data2[1]["final_report"]["accuracy"] if second_exists else "",
+    ]
+    return res
+
+
+def prepare_zeno_params(config: ZenoParameters):
+    res = {}
+    res["models"] = config.models
+    res["view"] = config.view
+    res["data_column"] = config.data_column
+    res["id_column"] = config.id_column
+    res["batch_size"] = config.batch_size
+    res["samples"] = config.samples
+    return res
+
+
+# handle not having a second results or functions file
+def prepare_zeno_config(params, second_exits, function_exists) -> ZenoParameters:
+    if second_exits and function_exists:
+        return generate_zeno_config(
+            params["results-file"],
+            params["second-results-file"],
+            params["functions-file"],
+        )
+    elif second_exits:
+        return generate_zeno_config(
+            params["results-file"],
+            params["second-results-file"],
+        )
+    elif function_exists:
+        return generate_zeno_config(
+            params["results-file"],
+            params["functions-file"],
+        )
+    else:
+        return generate_zeno_config(
+            params["results-file"],
+        )
+
+
 def command_line():
     app = FastAPI(title="Frontend API")
-
     args = []
+
     with open(sys.argv[1], "r") as f:
         args = yaml.safe_load(f)
 
@@ -26,12 +87,11 @@ def command_line():
     for entry in args:
         name = list(entry.keys())[0]
         params = entry[name]
-        # TODO: handle not having a second results or functions file
-        config = generate_zeno_config(
-            params["results-file"],
-            params["second-results-file"],
-            params["functions-file"],
-        )
+        second_exists = True if "second-results-file" in params else False
+        function_exists = True if "function-results" in params else False
+        config = prepare_zeno_config(params, second_exists, function_exists)
+        params["spec"] = prepare_spec(params, second_exists)
+        params["zeno"] = prepare_zeno_params(config)
         config.serve = False
         zeno_obj = zeno(config)
         if zeno_obj is None: