server/llm: first steps towards supporting ollama

src/packages/frontend/components/language-model-icon.tsx

@@ -5,6 +5,7 @@ import { unreachable } from "@cocalc/util/misc";
 import AIAvatar from "./ai-avatar";
 import GoogleGeminiLogo from "./google-gemini-avatar";
 import GooglePalmLogo from "./google-palm-avatar";
+import OllamaAvatar from "./ollama-avatar";
 import OpenAIAvatar from "./openai-avatar";
 
 export function LanguageModelVendorAvatar(
@@ -40,6 +41,9 @@ export function LanguageModelVendorAvatar(
             return fallback();
         }
       }
+      case "ollama":
+        return <OllamaAvatar size={size} style={style} />;
+
       default:
         unreachable(vendor);
         return fallback();

src/packages/frontend/components/ollama-avatar.tsx

@@ -0,0 +1,33 @@
+import { CSS } from "../app-framework";
+import ollamaPng from "./ollama.png";
+
+export default function OllamaAvatar({
+  size = 64,
+  style,
+}: {
+  size: number;
+  style?: CSS;
+}) {
+  // render the ollamaPng (a square png image with transparent background) with the given size and background color
+
+  return (
+    <div
+      style={{
+        width: size,
+        height: size,
+        display: "inline-block",
+        position: "relative",
+      }}
+    >
+      <img
+        src={ollamaPng}
+        style={{
+          width: size,
+          height: size,
+          backgroundColor: "transparent",
+          ...style,
+        }}
+      />
+    </div>
+  );
+}

src/packages/next/components/openai/vendor-status-check.tsx

@@ -21,6 +21,14 @@ export function VendorStatusCheck({ vendor }: { vendor: Vendor }): JSX.Element {
           .
         </>
       );
+    case "ollama":
+      return (
+        <>
+          This Ollama based API endpoint does not have a status page. If you are
+          experiencing issues you have to check with the API service directly or
+          try again later.
+        </>
+      );
     default:
       unreachable(vendor);
   }