onprem --> "self hosted" for the compute server drop down

Author: williamstein

src/packages/frontend/chat/side-chat.tsx

@@ -106,19 +106,20 @@ export default function SideChat({ project_id, path, style }: Props) {
             borderBottom: "1px solid lightgrey",
           }}
         >
-          <Button
-            style={{
-              float: "right",
-              marginTop: "-5px",
-              color: "rgb(51, 51, 51)",
-              background: "rgb(91, 192, 222)",
-            }}
-            onClick={() => {
-              actions.showTimeTravelInNewTab();
-            }}
-          >
-            <Icon name="history" />
-          </Button>
+          <Tooltip title="Show TimeTravel change history of this side chat.">
+            <Button
+              style={{
+                float: "right",
+                marginTop: "-5px",
+                background: "rgb(91, 192, 222)",
+              }}
+              onClick={() => {
+                actions.showTimeTravelInNewTab();
+              }}
+            >
+              <Icon name="history" />
+            </Button>
+          </Tooltip>
           <VideoChatButton
             style={{ float: "right", marginTop: "-5px" }}
             project_id={project_id}

src/packages/frontend/compute/cloud-filesystem/bucket.tsx

@@ -239,7 +239,7 @@ export function BucketLocation({ configuration, setConfiguration }) {
       </b>
       {NO_CHANGE}
       You can use your cloud file system from any compute server in the world,
-      in any cloud or on prem. However, data transfer and operations are{" "}
+      in any cloud or self hosted. However, data transfer and operations are{" "}
       <b>faster and cheaper</b> when the file system and compute server are in
       the same region. <br />
       <div style={{ display: "flex", margin: "10px 0" }}>

src/packages/frontend/compute/display-cloud.tsx

@@ -1,5 +1,6 @@
 import type { Cloud as CloudType } from "@cocalc/util/db-schema/compute-servers";
 import { CLOUDS_BY_NAME } from "@cocalc/util/compute/cloud/clouds";
+import { Icon } from "@cocalc/frontend/components/icon";
 
 interface Props {
   cloud: CloudType;
@@ -9,13 +10,16 @@ interface Props {
 
 export default function DisplayCloud({ cloud, height, style }: Props) {
   const x = CLOUDS_BY_NAME[cloud];
+  let label;
+  if (x?.image) {
+    label = <img src={x.image} height={height ?? 18} alt={x.label} />;
+  } else {
+    label = x?.label ?? cloud ?? "No Cloud Configured";
+  }
   return (
     <span style={style}>
-      {x?.image ? (
-        <img src={x.image} height={height ?? 18} alt={x.label} />
-      ) : (
-        x?.label ?? cloud ?? "No Cloud Configured"
-      )}
+      {x?.icon && <Icon name={x.icon} style={{ marginRight: "5px" }} />}
+      {label}
     </span>
   );
 }

src/packages/frontend/compute/onprem-config.tsx

@@ -77,7 +77,7 @@ export default function OnPremCloudConfiguration({
   if (!editable || !project_id) {
     return (
       <div>
-        OnPrem {configuration.arch == "arm64" ? "ARM64" : "x86_64"} Linux VM
+        Self Hosted {configuration.arch == "arm64" ? "ARM64" : "x86_64"} Linux VM
         {configuration.gpu ? " that has an NVIDIA GPU" : ""}.
       </div>
     );
@@ -91,7 +91,7 @@ export default function OnPremCloudConfiguration({
     <div style={{ marginBottom: "30px" }}>
       <div style={{ color: "#666", marginBottom: "15px" }}>
         <div style={{ color: "#666", marginBottom: "5px" }}>
-          <b>OnPrem Compute Server</b>
+          <b>Self Hosted Compute Server</b>
         </div>
         You can connect your own <b>Ubuntu 22.04 Virtual Machine</b> to this
         CoCalc project and seamlessly run Jupyter notebooks and terminals on it.
@@ -104,13 +104,10 @@ export default function OnPremCloudConfiguration({
             </A>
             .
           </li>
-          <li>On-Prem compute servers are currently free.</li>
+          <li>Self hosted compute servers are currently free.</li>
           <li>
-            <A href="https://onprem.cocalc.com/overview.html">
-              CoCalc-OnPrem
-            </A>{" "}
-            is a related on-prem product for running a self-contained CoCalc
-            cluster.
+            <A href="https://onprem.cocalc.com/overview.html">CoCalc OnPrem</A>{" "}
+            is a related product for running a self-contained CoCalc cluster.
           </li>
         </ul>
       </div>

src/packages/util/compute/cloud/clouds.ts

@@ -91,17 +91,21 @@ export const ON_PREM_DEFAULTS = {
   },
 };
 
+interface CloudInfo {
+  name: Cloud;
+  label: string;
+  icon?: string;
+  image?: string;
+  defaultConfiguration: Configuration;
+}
+
 // The ones that are at all potentially worth exposing to users.
 const CLOUDS: {
-  [short: string]: {
-    name: Cloud;
-    label: string;
-    image?: string;
-    defaultConfiguration: Configuration;
-  };
+  [short: string]: CloudInfo;
 } = {
   google: {
     name: "google-cloud",
+    icon: "google",
     label: "Google Cloud Platform",
     // image url https://www.gstatic.com/devrel-devsite/prod/v0e0f589edd85502a40d78d7d0825db8ea5ef3b99ab4070381ee86977c9168730/cloud/images/cloud-logo.svg
     image: `data:image/svg+xml;utf8,%3Csvg%20id%3D%22Google_Cloud_logo%22%20data-name%3D%22Google%20Cloud%20logo%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20138.35%2024%22%3E%3Cpath%20d%3D%22M89.75%2C18.62A8.36%2C8.36%2C0%2C0%2C1%2C81.2%2C10%2C8.33%2C8.33%2C0%2C0%2C1%2C83.63%2C3.9a8.25%2C8.25%2C0%2C0%2C1%2C6.12-2.48%2C7.62%2C7.62%2C0%2C0%2C1%2C6%2C2.69L94.28%2C5.58a5.64%2C5.64%2C0%2C0%2C0-4.53-2.14%2C6.22%2C6.22%2C0%2C0%2C0-4.57%2C1.84A6.38%2C6.38%2C0%2C0%2C0%2C83.36%2C10a6.38%2C6.38%2C0%2C0%2C0%2C1.82%2C4.74%2C6.18%2C6.18%2C0%2C0%2C0%2C4.57%2C1.84%2C6.44%2C6.44%2C0%2C0%2C0%2C5-2.42l1.54%2C1.5a8%2C8%2C0%2C0%2C1-2.87%2C2.17A8.67%2C8.67%2C0%2C0%2C1%2C89.75%2C18.62ZM100.12%2C1.79V18.26H98V1.79Zm1.82%2C10.83a6%2C6%2C0%2C0%2C1%2C1.64-4.3%2C5.57%2C5.57%2C0%2C0%2C1%2C4.16-1.7%2C5.51%2C5.51%2C0%2C0%2C1%2C4.14%2C1.7%2C5.92%2C5.92%2C0%2C0%2C1%2C1.65%2C4.3%2C5.87%2C5.87%2C0%2C0%2C1-1.65%2C4.3%2C5.47%2C5.47%2C0%2C0%2C1-4.14%2C1.7%2C5.53%2C5.53%2C0%2C0%2C1-4.16-1.7A6%2C6%2C0%2C0%2C1%2C101.94%2C12.62Zm2.12%2C0a4.1%2C4.1%2C0%2C0%2C0%2C1.06%2C2.94%2C3.6%2C3.6%2C0%2C0%2C0%2C5.24%2C0%2C4.1%2C4.1%2C0%2C0%2C0%2C1.06-2.94%2C4.07%2C4.07%2C0%2C0%2C0-1.06-2.92%2C3.56%2C3.56%2C0%2C0%2C0-5.24%2C0A4.07%2C4.07%2C0%2C0%2C0%2C104.06%2C12.62Zm21.17%2C5.64h-2V16.69h-.1a3.75%2C3.75%2C0%2C0%2C1-1.48%2C1.38%2C4.23%2C4.23%2C0%2C0%2C1-2.08.55%2C4.18%2C4.18%2C0%2C0%2C1-3.19-1.18%2C4.74%2C4.74%2C0%2C0%2C1-1.11-3.37V7h2.11v6.94a2.49%2C2.49%2C0%2C0%2C0%2C2.79%2C2.76%2C2.63%2C2.63%2C0%2C0%2C0%2C2.11-1%2C3.69%2C3.69%2C0%2C0%2C0%2C.85-2.45V7h2.12Zm7.16.36a5%2C5%2C0%2C0%2C1-3.79-1.74A6.24%2C6.24%2C0%2C0%2C1%2C127%2C12.62a6.2%2C6.2%2C0%2C0%2C1%2C1.56-4.25%2C4.94%2C4.94%2C0%2C0%2C1%2C3.79-1.75%2C4.78%2C4.78%2C0%2C0%2C1%2C2.27.53%2C4%2C4%2C0%2C0%2C1%2C1.58%2C1.4h.09L136.24%2C7V1.79h2.11V18.26h-2V16.69h-.09a4%2C4%2C0%2C0%2C1-1.58%2C1.4A4.78%2C4.78%2C0%2C0%2C1%2C132.39%2C18.62Zm.35-1.93a3.21%2C3.21%2C0%2C0%2C0%2C2.55-1.13%2C4.17%2C4.17%2C0%2C0%2C0%2C1-2.94%2C4.21%2C4.21%2C0%2C0%2C0-1-2.92%2C3.23%2C3.23%2C0%2C0%2C0-2.55-1.15%2C3.29%2C3.29%2C0%2C0%2C0-2.55%2C1.15%2C4.21%2C4.21%2C0%2C0%2C0-1%2C2.92%2C4.14%2C4.14%2C0%2C0%2C0%2C1%2C2.92A3.29%2C3.29%2C0%2C0%2C0%2C132.74%2C16.69Z%22%20style%3D%22fill%3A%235f6368%22/%3E%3Cg%20id%3D%22_75x24px%22%20data-name%3D%2275x24px%22%3E%3Cpath%20d%3D%22M9.49%2C18.62A9.46%2C9.46%2C0%2C0%2C1%2C0%2C9.31%2C9.46%2C9.46%2C0%2C0%2C1%2C9.49%2C0%2C8.91%2C8.91%2C0%2C0%2C1%2C15.9%2C2.57L14.09%2C4.36a6.51%2C6.51%2C0%2C0%2C0-4.6-1.82A6.69%2C6.69%2C0%2C0%2C0%2C2.78%2C9.31a6.69%2C6.69%2C0%2C0%2C0%2C6.71%2C6.77%2C6.25%2C6.25%2C0%2C0%2C0%2C4.72-1.87A5.26%2C5.26%2C0%2C0%2C0%2C15.6%2C11H9.49V8.47h8.6a8.38%2C8.38%2C0%2C0%2C1%2C.13%2C1.59A8.37%2C8.37%2C0%2C0%2C1%2C16%2C16%2C8.57%2C8.57%2C0%2C0%2C1%2C9.49%2C18.62Z%22%20style%3D%22fill%3A%234285f4%22/%3E%3Cpath%20d%3D%22M31.52%2C12.62a5.94%2C5.94%2C0%2C1%2C1-11.87%2C0%2C5.94%2C5.94%2C0%2C1%2C1%2C11.87%2C0Zm-2.6%2C0a3.35%2C3.35%2C0%2C1%2C0-6.67%2C0%2C3.35%2C3.35%2C0%2C1%2C0%2C6.67%2C0Z%22%20style%3D%22fill%3A%23ea4335%22/%3E%3Cpath%20d%3D%22M44.83%2C12.62a5.94%2C5.94%2C0%2C1%2C1-11.87%2C0%2C5.94%2C5.94%2C0%2C1%2C1%2C11.87%2C0Zm-2.6%2C0a3.35%2C3.35%2C0%2C1%2C0-6.68%2C0%2C3.35%2C3.35%2C0%2C1%2C0%2C6.68%2C0Z%22%20style%3D%22fill%3A%23fbbc04%22/%3E%3Cpath%20d%3D%22M57.8%2C7V17.76c0%2C4.42-2.63%2C6.24-5.73%2C6.24a5.75%2C5.75%2C0%2C0%2C1-5.34-3.54l2.31-1a3.32%2C3.32%2C0%2C0%2C0%2C3%2C2.14c2%2C0%2C3.22-1.23%2C3.22-3.52v-.86H55.2A4.16%2C4.16%2C0%2C0%2C1%2C52%2C18.62a6%2C6%2C0%2C0%2C1%2C0-12A4.22%2C4.22%2C0%2C0%2C1%2C55.2%2C8h.09V7Zm-2.33%2C5.66A3.39%2C3.39%2C0%2C0%2C0%2C52.25%2C9a3.48%2C3.48%2C0%2C0%2C0-3.35%2C3.66%2C3.45%2C3.45%2C0%2C0%2C0%2C3.35%2C3.61A3.35%2C3.35%2C0%2C0%2C0%2C55.47%2C12.65Z%22%20style%3D%22fill%3A%234285f4%22/%3E%3Cpath%20d%3D%22M62.43.64V18.26H59.79V.64Z%22%20style%3D%22fill%3A%2334a853%22/%3E%3Cpath%20d%3D%22M72.83%2C14.6%2C74.89%2C16a6%2C6%2C0%2C0%2C1-5%2C2.66%2C5.81%2C5.81%2C0%2C0%2C1-5.89-6%2C5.52%2C5.52%2C0%2C0%2C1%2C10.75-2.18l.27.69-8%2C3.31a3.07%2C3.07%2C0%2C0%2C0%2C2.92%2C1.82A3.44%2C3.44%2C0%2C0%2C0%2C72.83%2C14.6Zm-6.31-2.16%2C5.38-2.22A2.34%2C2.34%2C0%2C0%2C0%2C69.66%2C9%2C3.29%2C3.29%2C0%2C0%2C0%2C66.52%2C12.44Z%22%20style%3D%22fill%3A%23ea4335%22/%3E%3C/g%3E%3C/svg%3E%0A`,
@@ -136,7 +140,8 @@ const CLOUDS: {
   },
   onprem: {
     name: "onprem",
-    label: "On Prem",
+    label: "Self Hosted",
+    icon: "home",
     defaultConfiguration: {
       cloud: "onprem",
       image: "python",
@@ -148,12 +153,7 @@ const CLOUDS: {
 };
 
 export const CLOUDS_BY_NAME: {
-  [name: string]: {
-    name: Cloud;
-    label: string;
-    image?: string;
-    defaultConfiguration: Configuration;
-  };
+  [name: string]: CloudInfo;
 } = {};
 for (const short in CLOUDS) {
   CLOUDS_BY_NAME[CLOUDS[short].name] = CLOUDS[short];