feat: cross-job ("top") dashboard

update to ink4

plugins/plugin-codeflare-dashboard/package.json

@@ -30,8 +30,9 @@
   "dependencies": {
     "@logdna/tail-file": "^3.0.1",
     "chokidar": "^3.5.3",
-    "ink": "^3.2.0",
+    "ink": "^4.1.0",
     "madwizard": "^9.0.3",
+    "pretty-bytes": "^6.1.0",
     "pretty-ms": "^8.0.0",
     "strip-ansi": "^7.0.1"
   }

plugins/plugin-codeflare-dashboard/src/components/Dashboard/Timeline.tsx → plugins/plugin-codeflare-dashboard/src/components/Job/Timeline.tsx

@@ -28,10 +28,7 @@ type Props = {
 
 export default class Timeline extends React.PureComponent<Props> {
   /** Text to use for one cell's worth of time */
-  private readonly block = {
-    historic: "■",
-    latest: "▏",
-  }
+  private readonly block = "■"
 
   /** This will help us compute whether we are about to overflow terminal width. */
   private get maxLabelLength() {
@@ -64,7 +61,7 @@ export default class Timeline extends React.PureComponent<Props> {
 
     return (
       <Text {...style} key={timeIdx}>
-        {this.block.historic}
+        {this.block}
       </Text>
     )
   }

plugins/plugin-codeflare-dashboard/src/components/Top/defaults.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2023 The Kubernetes Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { Resource } from "./types.js"
+
+const defaultValueFor: Record<Resource, number> = {
+  cpu: 50, // 50m
+  mem: 64 * 1024 * 1024,
+  gpu: 0,
+}
+
+export default defaultValueFor