chore: change from otto icon/name to acorn (#863)

* chore: change from otto icon to acorn

* chore: change otto name reference to acorn

ui/admin/app/components/agent/FirstModelProviderBanner.tsx

@@ -2,15 +2,15 @@ import { Link } from "@remix-run/react";
 import { $path } from "remix-routes";
 
 import { TypographyH3, TypographyP } from "~/components/Typography";
-import { OttoLogo } from "~/components/branding/OttoLogo";
+import { AcornLogo } from "~/components/branding/AcornLogo";
 import { Button } from "~/components/ui/button";
 
 export function FirstModelProviderBanner() {
     return (
         <div className="w-full">
             <div className="flex justify-center mx-8 mt-4 py-4 bg-secondary overflow-hidden rounded-xl">
                 <div className="flex flex-row min-h-36 items-center justify-between w-[calc(100%-4rem)] rounded-sm relative gap-4 max-w-screen-md">
-                    <OttoLogo
+                    <AcornLogo
                         hideText
                         classNames={{
                             root: "absolute opacity-45 top-[-5rem] left-[-7.5rem]",

ui/admin/app/components/branding/OttoLogo.tsx → ui/admin/app/components/branding/AcornLogo.tsx

@@ -3,7 +3,7 @@ import { assetUrl, cn } from "~/lib/utils";
 import { TypographyH2 } from "~/components/Typography";
 import { useTheme } from "~/components/theme";
 
-export function OttoLogo({
+export function AcornLogo({
     hideText = false,
     classNames = {},
 }: {
@@ -12,10 +12,10 @@ export function OttoLogo({
 }) {
     const { isDark } = useTheme();
     let logo = isDark
-        ? "/logo/otto8-logo-blue-white-text.svg"
-        : "/logo/otto8-logo-blue-black-text.svg";
+        ? "/logo/acorn-logo-blue-white-text.svg"
+        : "/logo/acorn-logo-blue-black-text.svg";
     if (hideText) {
-        logo = "/logo/otto8-icon-blue.svg";
+        logo = "/logo/acorn-icon-blue.svg";
     }
     return (
         <TypographyH2
@@ -26,7 +26,7 @@ export function OttoLogo({
         >
             <img
                 src={assetUrl(logo)}
-                alt="Otto Logo"
+                alt="Acorn Logo"
                 className={cn("h-8", classNames.image)}
             />
         </TypographyH2>

ui/admin/app/components/errors/Error.tsx

@@ -1,6 +1,6 @@
 import { ArrowLeft, HomeIcon } from "lucide-react";
 
-import { OttoLogo } from "~/components/branding/OttoLogo";
+import { AcornLogo } from "~/components/branding/AcornLogo";
 import { Button } from "~/components/ui/button";
 import {
     Card,
@@ -17,7 +17,7 @@ export function Error({ error }: { error: Error }) {
         <div className="flex min-h-screen w-full items-center justify-center p-4">
             <Card className="w-96">
                 <CardHeader className="mx-4">
-                    <OttoLogo />
+                    <AcornLogo />
                 </CardHeader>
                 <CardContent className="space-y-2 text-center border-b mb-4">
                     <CardTitle>Oops! An error occurred</CardTitle>

ui/admin/app/components/errors/RouteError.tsx

@@ -1,6 +1,6 @@
 import { ErrorResponse } from "@remix-run/react";
 
-import { OttoLogo } from "~/components/branding/OttoLogo";
+import { AcornLogo } from "~/components/branding/AcornLogo";
 import { Button } from "~/components/ui/button";
 import {
     Card,
@@ -16,7 +16,7 @@ export function RouteError({ error }: { error: ErrorResponse }) {
         <div className="flex min-h-screen w-full items-center justify-center p-4">
             <Card className="w-96">
                 <CardHeader className="mx-4">
-                    <OttoLogo />
+                    <AcornLogo />
                 </CardHeader>
                 <CardContent className="space-y-2 text-center border-b mb-4">
                     <CardTitle>Oops! {error.status}</CardTitle>

ui/admin/app/components/errors/Unauthorized.tsx

@@ -1,4 +1,4 @@
-import { OttoLogo } from "~/components/branding/OttoLogo";
+import { AcornLogo } from "~/components/branding/AcornLogo";
 import { Button } from "~/components/ui/button";
 import {
     Card,
@@ -13,7 +13,7 @@ export function Unauthorized() {
         <div className="flex min-h-screen w-full items-center justify-center p-4">
             <Card className="w-96">
                 <CardHeader className="mx-4">
-                    <OttoLogo />
+                    <AcornLogo />
                 </CardHeader>
                 <CardContent className="space-y-2 text-center border-b mb-4">
                     <CardDescription className="text-center">

ui/admin/app/components/oauth-apps/OAuthAppDetail.tsx

@@ -98,7 +98,7 @@ export function OAuthAppDetail({
                     </DialogTitle>
 
                     <DialogDescription>
-                        Otto will now use your custom {spec.displayName} OAuth
+                        Acorn will now use your custom {spec.displayName} OAuth
                         app to authenticate users.
                     </DialogDescription>
 
@@ -153,14 +153,14 @@ function Content({
     return (
         <div className="flex flex-col gap-2">
             <TypographyP>
-                Otto only supports one custom {spec.displayName} OAuth. If you
+                Acorn only supports one custom {spec.displayName} OAuth. If you
                 need to use a different configuration, you can replace the
                 current configuration with a new one.
             </TypographyP>
 
             <TypographyP>
-                When {spec.displayName} OAuth is used, Otto will use your custom
-                OAuth app.
+                When {spec.displayName} OAuth is used, Acorn will use your
+                custom OAuth app.
             </TypographyP>
 
             <div className="grid grid-cols-2 gap-2 px-8 py-4">

ui/admin/app/components/sidebar/Sidebar.tsx

@@ -14,7 +14,7 @@ import { $path } from "remix-routes";
 
 import { cn } from "~/lib/utils";
 
-import { OttoLogo } from "~/components/branding/OttoLogo";
+import { AcornLogo } from "~/components/branding/AcornLogo";
 import { Button } from "~/components/ui/button";
 import {
     Popover,
@@ -89,7 +89,7 @@ export function AppSidebar() {
                 className={cn("h-[60px]", state === "collapsed" ? "" : "px-4")}
             >
                 <div className={cn("flex items-center justify-center h-full")}>
-                    <OttoLogo hideText={state === "collapsed"} />
+                    <AcornLogo hideText={state === "collapsed"} />
                 </div>
             </SidebarHeader>
             <SidebarContent>

ui/admin/app/components/signin/SignIn.tsx

@@ -2,7 +2,7 @@ import { FaGoogle } from "react-icons/fa";
 
 import { cn } from "~/lib/utils";
 
-import { OttoLogo } from "~/components/branding/OttoLogo";
+import { AcornLogo } from "~/components/branding/AcornLogo";
 import { Button } from "~/components/ui/button";
 import {
     Card,
@@ -24,7 +24,7 @@ export function SignIn({ className }: SignInProps) {
             >
                 <CardHeader>
                     <CardTitle className="flex items-center justify-center">
-                        <OttoLogo />
+                        <AcornLogo />
                     </CardTitle>
                     <CardDescription className="text-center w-3/4 mx-auto pt-4">
                         Please sign in using the button below.

ui/admin/app/components/webhooks/WebhookConfirmation.tsx

@@ -49,7 +49,7 @@ export const WebhookConfirmation = ({
                 </DialogHeader>
 
                 <DialogDescription>
-                    Your webhook has been saved in Otto8. Make sure to copy the
+                    Your webhook has been saved in Acorn. Make sure to copy the
                     payload URL and secret to your webhook provider.
                 </DialogDescription>
 

ui/admin/app/lib/model/oauthApps/providers/microsoft365.ts

@@ -147,7 +147,7 @@ If you do not have a multi-tenant application, you can skip this step.\n
     {
         type: "markdown",
         text: `
-- Click **Submit** to finish registering your Application with Otto.\n
+- Click **Submit** to finish registering your Application with Acorn.\n
         `,
     },
 ];

ui/admin/app/routes/_auth.model-providers.tsx

@@ -77,7 +77,7 @@ export default function ModelProviders() {
                     {configured ? null : (
                         <WarningAlert
                             title="No Model Providers Configured!"
-                            description="To use Otto's features, you'll need to
+                            description="To use Acorn's features, you'll need to
                                 set up a Model Provider. Select and configure
                                 one below to get started!"
                         />