diff --git a/ui/admin/app/components/oauth-apps/OAuthAppList.tsx b/ui/admin/app/components/oauth-apps/OAuthAppList.tsx
index d7e85439..ecbf950f 100644
--- a/ui/admin/app/components/oauth-apps/OAuthAppList.tsx
+++ b/ui/admin/app/components/oauth-apps/OAuthAppList.tsx
@@ -1,4 +1,4 @@
-import { TypographyH3, TypographyP } from "~/components/Typography";
+import { TypographyH2, TypographyP } from "~/components/Typography";
 import { useOAuthAppList } from "~/hooks/oauthApps/useOAuthApps";
 
 import { OAuthAppTile } from "./OAuthAppTile";
@@ -7,9 +7,11 @@ export function OAuthAppList() {
     const apps = useOAuthAppList();
 
     return (
-        <div className="space-y-10 w-3/4 mx-auto">
+        <div className="space-y-10">
             <div>
-                <TypographyH3>Supported OAuth Apps</TypographyH3>
+                <TypographyH2 className="mb-4">
+                    Supported OAuth Apps
+                </TypographyH2>
 
                 <TypographyP className="!mt-0">
                     These are the currently supported OAuth apps for Otto. These
@@ -18,9 +20,13 @@ export function OAuthAppList() {
                 </TypographyP>
             </div>
 
-            <div className="grid grid-cols-2 gap-10 lg:grid-cols-3 xl:grid-cols-4">
+            <div className="grid grid-cols-2 gap-10 xl:grid-cols-3">
                 {apps.map(({ type }) => (
-                    <OAuthAppTile key={type} type={type} />
+                    <OAuthAppTile
+                        key={type}
+                        type={type}
+                        className="justify-self-center"
+                    />
                 ))}
             </div>
         </div>
diff --git a/ui/admin/app/components/oauth-apps/OAuthAppTile.tsx b/ui/admin/app/components/oauth-apps/OAuthAppTile.tsx
index da83fc55..911687a1 100644
--- a/ui/admin/app/components/oauth-apps/OAuthAppTile.tsx
+++ b/ui/admin/app/components/oauth-apps/OAuthAppTile.tsx
@@ -1,12 +1,21 @@
 import { OAuthProvider } from "~/lib/model/oauthApps/oauth-helpers";
+import { cn } from "~/lib/utils";
 
+import { useTheme } from "~/components/theme";
 import { Card } from "~/components/ui/card";
 import { useOAuthAppInfo } from "~/hooks/oauthApps/useOAuthApps";
 
 import { OAuthAppDetail } from "./OAuthAppDetail";
 
-export function OAuthAppTile({ type }: { type: OAuthProvider }) {
+export function OAuthAppTile({
+    type,
+    className,
+}: {
+    type: OAuthProvider;
+    className?: string;
+}) {
     const info = useOAuthAppInfo(type);
+    const { isDark } = useTheme();
 
     if (!info) {
         console.error(`OAuth app ${type} not found`);
@@ -15,15 +24,32 @@ export function OAuthAppTile({ type }: { type: OAuthProvider }) {
 
     const { displayName } = info;
 
+    const getSrc = () => {
+        if (isDark) return info.darkLogo ?? info.logo;
+        return info.logo;
+    };
+
     return (
-        <Card className="relative w-[300px] h-[150px] p-4 flex gap-4 justify-center items-center">
+        <Card
+            className={cn(
+                "self-center relative w-[300px] h-[150px] px-6 flex gap-4 justify-center items-center",
+                className
+            )}
+        >
             <img
-                src={info.logo}
+                src={getSrc()}
                 alt={displayName}
-                className="dark:invert m-4"
+                className={cn("m-4 aspect-auto", {
+                    "dark:invert": info.invertDark,
+                })}
             />
 
-            <OAuthAppDetail type={type} className="absolute top-2 right-2" />
+            {!info.disableConfiguration && (
+                <OAuthAppDetail
+                    type={type}
+                    className="absolute top-2 right-2"
+                />
+            )}
         </Card>
     );
 }
diff --git a/ui/admin/app/components/oauth-apps/OAuthAppTypeIcon.tsx b/ui/admin/app/components/oauth-apps/OAuthAppTypeIcon.tsx
index 75bbf259..28cdcea3 100644
--- a/ui/admin/app/components/oauth-apps/OAuthAppTypeIcon.tsx
+++ b/ui/admin/app/components/oauth-apps/OAuthAppTypeIcon.tsx
@@ -1,11 +1,16 @@
+import { NotionLogoIcon } from "@radix-ui/react-icons";
 import { KeyIcon } from "lucide-react";
-import { FaGithub } from "react-icons/fa";
+import { FaGithub, FaGoogle, FaMicrosoft, FaSlack } from "react-icons/fa";
 
 import { OAuthProvider } from "~/lib/model/oauthApps/oauth-helpers";
 import { cn } from "~/lib/utils";
 
 const IconMap = {
     [OAuthProvider.GitHub]: FaGithub,
+    [OAuthProvider.Slack]: FaSlack,
+    [OAuthProvider.Google]: FaGoogle,
+    [OAuthProvider.Microsoft365]: FaMicrosoft,
+    [OAuthProvider.Notion]: NotionLogoIcon,
 };
 
 export function OAuthAppTypeIcon({
diff --git a/ui/admin/app/components/sidebar/Sidebar.tsx b/ui/admin/app/components/sidebar/Sidebar.tsx
index 83963c35..345e09be 100644
--- a/ui/admin/app/components/sidebar/Sidebar.tsx
+++ b/ui/admin/app/components/sidebar/Sidebar.tsx
@@ -55,6 +55,11 @@ const items = [
         url: $path("/users"),
         icon: User,
     },
+    {
+        title: "OAuth Apps",
+        url: $path("/oauth-apps"),
+        icon: KeyIcon,
+    },
 ];
 
 export function AppSidebar() {
@@ -80,8 +85,8 @@ export function AppSidebar() {
             </SidebarHeader>
             <SidebarContent
                 className={cn(
-                    "bg-background",
-                    state === "collapsed" ? "" : "px-2"
+                    "bg-background transition-all duration-300 ease-in-out",
+                    state === "collapsed" ? "" : "px-2 w-fit"
                 )}
             >
                 <SidebarGroup>
@@ -110,31 +115,39 @@ export function AppSidebar() {
                     </SidebarGroupContent>
                 </SidebarGroup>
             </SidebarContent>
-            <SidebarFooter
-                className={cn(
-                    "pb-4 bg-background",
-                    state === "collapsed" ? "" : "px-2"
-                )}
-            >
-                <Popover>
-                    <PopoverTrigger asChild>
-                        <SidebarMenuButton className="w-full flex items-center">
-                            <SettingsIcon className="mr-2" /> Settings
-                        </SidebarMenuButton>
-                    </PopoverTrigger>
-                    <PopoverContent side="right" align="end">
-                        <Button variant="secondary" asChild className="w-full">
-                            <Link
-                                to={$path("/oauth-apps")}
-                                className="flex items-center p-2 hover:bg-accent rounded-md"
-                            >
-                                <KeyIcon className="mr-2 h-4 w-4" />
-                                <span>Manage OAuth Apps</span>
-                            </Link>
-                        </Button>
-                    </PopoverContent>
-                </Popover>
-            </SidebarFooter>
         </Sidebar>
     );
 }
+
+// disabling this because this will inevitably be used in the future
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function AppSidebarFooter() {
+    const { state } = useSidebar();
+    return (
+        <SidebarFooter
+            className={cn(
+                "pb-4 bg-background",
+                state === "collapsed" ? "" : "px-2"
+            )}
+        >
+            <Popover>
+                <PopoverTrigger asChild>
+                    <SidebarMenuButton className="w-full flex items-center">
+                        <SettingsIcon className="mr-2" /> Settings
+                    </SidebarMenuButton>
+                </PopoverTrigger>
+                <PopoverContent side="right" align="end">
+                    <Button variant="secondary" asChild className="w-full">
+                        <Link
+                            to={$path("/oauth-apps")}
+                            className="flex items-center p-2 hover:bg-accent rounded-md"
+                        >
+                            <KeyIcon className="mr-2 h-4 w-4" />
+                            <span>Manage OAuth Apps</span>
+                        </Link>
+                    </Button>
+                </PopoverContent>
+            </Popover>
+        </SidebarFooter>
+    );
+}
diff --git a/ui/admin/app/components/ui/dialog.tsx b/ui/admin/app/components/ui/dialog.tsx
index 8b81af38..9f5459c3 100644
--- a/ui/admin/app/components/ui/dialog.tsx
+++ b/ui/admin/app/components/ui/dialog.tsx
@@ -19,7 +19,7 @@ const DialogOverlay = React.forwardRef<
     <DialogPrimitive.Overlay
         ref={ref}
         className={cn(
-            "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "fixed inset-0 z-50 bg-black/80 dark:bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
             className
         )}
         {...props}
@@ -52,7 +52,7 @@ const DialogContent = React.forwardRef<
             <DialogPrimitive.Content
                 ref={ref}
                 className={cn(
-                    "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+                    "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-dialog text-dialog-foreground p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
                     className,
                     classNames.content
                 )}
diff --git a/ui/admin/app/lib/model/oauthApps/index.ts b/ui/admin/app/lib/model/oauthApps/index.ts
index 2e29cd30..4df12f1b 100644
--- a/ui/admin/app/lib/model/oauthApps/index.ts
+++ b/ui/admin/app/lib/model/oauthApps/index.ts
@@ -1,10 +1,18 @@
 import { EntityMeta } from "~/lib/model/primitives";
 
-import { GitHubOAuthApp } from "./github";
 import { OAuthAppSpec, OAuthProvider } from "./oauth-helpers";
+import { GitHubOAuthApp } from "./providers/github";
+import { GoogleOAuthApp } from "./providers/google";
+import { Microsoft365OAuthApp } from "./providers/microsoft365";
+import { NotionOAuthApp } from "./providers/notion";
+import { SlackOAuthApp } from "./providers/slack";
 
 export const OAuthAppSpecMap = {
     [OAuthProvider.GitHub]: GitHubOAuthApp,
+    [OAuthProvider.Google]: GoogleOAuthApp,
+    [OAuthProvider.Microsoft365]: Microsoft365OAuthApp,
+    [OAuthProvider.Slack]: SlackOAuthApp,
+    [OAuthProvider.Notion]: NotionOAuthApp,
 } as const;
 
 export type OAuthAppDetail = OAuthAppSpec & {
diff --git a/ui/admin/app/lib/model/oauthApps/oauth-helpers.ts b/ui/admin/app/lib/model/oauthApps/oauth-helpers.ts
index 3a765b84..7689b0e4 100644
--- a/ui/admin/app/lib/model/oauthApps/oauth-helpers.ts
+++ b/ui/admin/app/lib/model/oauthApps/oauth-helpers.ts
@@ -4,6 +4,10 @@ import { apiBaseUrl } from "~/lib/routers/apiRoutes";
 
 export const OAuthProvider = {
     GitHub: "github",
+    Google: "google",
+    Microsoft365: "microsoft365",
+    Slack: "slack",
+    Notion: "notion",
 } as const;
 export type OAuthProvider = (typeof OAuthProvider)[keyof typeof OAuthProvider];
 
@@ -23,7 +27,10 @@ export type OAuthAppSpec = {
     refName: string;
     type: OAuthProvider;
     logo: string;
+    darkLogo?: string;
     steps: OAuthFormStep[];
+    disableConfiguration?: boolean;
+    invertDark?: boolean;
 };
 
 export function getOAuthLinks(type: OAuthProvider) {
diff --git a/ui/admin/app/lib/model/oauthApps/github.ts b/ui/admin/app/lib/model/oauthApps/providers/github.ts
similarity index 95%
rename from ui/admin/app/lib/model/oauthApps/github.ts
rename to ui/admin/app/lib/model/oauthApps/providers/github.ts
index 7e5d6bd7..7e63de1f 100644
--- a/ui/admin/app/lib/model/oauthApps/github.ts
+++ b/ui/admin/app/lib/model/oauthApps/providers/github.ts
@@ -3,7 +3,7 @@ import { z } from "zod";
 import { BaseUrl } from "~/lib/routers/baseRouter";
 import { assetUrl } from "~/lib/utils";
 
-import { OAuthAppSpec, OAuthFormStep, getOAuthLinks } from "./oauth-helpers";
+import { OAuthAppSpec, OAuthFormStep, getOAuthLinks } from "../oauth-helpers";
 
 const schema = z.object({
     clientID: z.string().min(1, "Client ID is required"),
@@ -61,4 +61,5 @@ export const GitHubOAuthApp = {
     displayName: "GitHub",
     logo: assetUrl("/assets/github_logo.svg"),
     steps,
+    invertDark: true,
 } satisfies OAuthAppSpec;
diff --git a/ui/admin/app/lib/model/oauthApps/providers/google.ts b/ui/admin/app/lib/model/oauthApps/providers/google.ts
new file mode 100644
index 00000000..1f7ddfec
--- /dev/null
+++ b/ui/admin/app/lib/model/oauthApps/providers/google.ts
@@ -0,0 +1,20 @@
+import { z } from "zod";
+
+import { assetUrl } from "~/lib/utils";
+
+import { OAuthAppSpec } from "../oauth-helpers";
+
+const schema = z.object({
+    clientID: z.string().min(1, "Client ID is required"),
+    clientSecret: z.string().min(1, "Client Secret is required"),
+});
+
+export const GoogleOAuthApp = {
+    schema,
+    refName: "google",
+    type: "google",
+    displayName: "Google",
+    logo: assetUrl("/assets/google_logo.png"),
+    steps: [],
+    disableConfiguration: true,
+} satisfies OAuthAppSpec;
diff --git a/ui/admin/app/lib/model/oauthApps/providers/microsoft365.ts b/ui/admin/app/lib/model/oauthApps/providers/microsoft365.ts
new file mode 100644
index 00000000..b6865bd4
--- /dev/null
+++ b/ui/admin/app/lib/model/oauthApps/providers/microsoft365.ts
@@ -0,0 +1,20 @@
+import { z } from "zod";
+
+import { assetUrl } from "~/lib/utils";
+
+import { OAuthAppSpec } from "../oauth-helpers";
+
+const schema = z.object({
+    clientID: z.string().min(1, "Client ID is required"),
+    clientSecret: z.string().min(1, "Client Secret is required"),
+});
+
+export const Microsoft365OAuthApp = {
+    schema,
+    refName: "microsoft365",
+    type: "microsoft365",
+    displayName: "Microsoft 365",
+    logo: assetUrl("/assets/office365_logo.svg"),
+    steps: [],
+    disableConfiguration: true,
+} satisfies OAuthAppSpec;
diff --git a/ui/admin/app/lib/model/oauthApps/providers/notion.ts b/ui/admin/app/lib/model/oauthApps/providers/notion.ts
new file mode 100644
index 00000000..61a6c187
--- /dev/null
+++ b/ui/admin/app/lib/model/oauthApps/providers/notion.ts
@@ -0,0 +1,21 @@
+import { z } from "zod";
+
+import { assetUrl } from "~/lib/utils";
+
+import { OAuthAppSpec } from "../oauth-helpers";
+
+const schema = z.object({
+    clientID: z.string().min(1, "Client ID is required"),
+    clientSecret: z.string().min(1, "Client Secret is required"),
+});
+
+export const NotionOAuthApp = {
+    schema,
+    refName: "notion",
+    type: "notion",
+    displayName: "Notion",
+    logo: assetUrl("/assets/notion_logo.png"),
+    invertDark: true,
+    steps: [],
+    disableConfiguration: true,
+} satisfies OAuthAppSpec;
diff --git a/ui/admin/app/lib/model/oauthApps/providers/slack.ts b/ui/admin/app/lib/model/oauthApps/providers/slack.ts
new file mode 100644
index 00000000..63f2a8c6
--- /dev/null
+++ b/ui/admin/app/lib/model/oauthApps/providers/slack.ts
@@ -0,0 +1,21 @@
+import { z } from "zod";
+
+import { assetUrl } from "~/lib/utils";
+
+import { OAuthAppSpec } from "../oauth-helpers";
+
+const schema = z.object({
+    clientID: z.string().min(1, "Client ID is required"),
+    clientSecret: z.string().min(1, "Client Secret is required"),
+});
+
+export const SlackOAuthApp = {
+    schema,
+    refName: "slack",
+    type: "slack",
+    displayName: "Slack",
+    logo: assetUrl("/assets/slack_logo_light.png"),
+    darkLogo: assetUrl("/assets/slack_logo_dark.png"),
+    steps: [],
+    disableConfiguration: true,
+} satisfies OAuthAppSpec;
diff --git a/ui/admin/app/tailwind.css b/ui/admin/app/tailwind.css
index 252b7492..65f8bca3 100644
--- a/ui/admin/app/tailwind.css
+++ b/ui/admin/app/tailwind.css
@@ -27,6 +27,8 @@ body {
         --card-foreground: 240 10% 3.9%;
         --popover: 0 0% 100%;
         --popover-foreground: 240 10% 3.9%;
+        --dialog: 0 0% 100%;
+        --dialog-foreground: 240 10% 3.9%;
         --primary: 240 5.9% 10%;
         --primary-foreground: 0 0% 98%;
         --secondary: 240 4.8% 95.9%;
@@ -72,6 +74,8 @@ body {
         --card-foreground: 0 0% 98%;
         --popover: 240 10% 3.9%;
         --popover-foreground: 0 0% 98%;
+        --dialog: 240 10% 15%;
+        --dialog-foreground: 0 0% 98%;
         --primary: 0 0% 98%;
         --primary-foreground: 240 5.9% 10%;
         --secondary: 240 3.7% 15.9%;
diff --git a/ui/admin/public/assets/google_logo.png b/ui/admin/public/assets/google_logo.png
new file mode 100644
index 00000000..c7cd4ca1
Binary files /dev/null and b/ui/admin/public/assets/google_logo.png differ
diff --git a/ui/admin/public/assets/notion_logo.png b/ui/admin/public/assets/notion_logo.png
new file mode 100644
index 00000000..f1e0cbe4
Binary files /dev/null and b/ui/admin/public/assets/notion_logo.png differ
diff --git a/ui/admin/public/assets/office365_logo.svg b/ui/admin/public/assets/office365_logo.svg
new file mode 100644
index 00000000..4d9ccd7b
--- /dev/null
+++ b/ui/admin/public/assets/office365_logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="800" width="1200" viewBox="-140.6097 -51.26375 1218.6174 307.5825"><path d="M110.369 179.675c.312-1.97.393-144.417.095-147.526-24.204 5.765-48.372 11.525-72.64 17.306V149.87A91593.888 91593.888 0 01.437 164.473c-.08-.044-.148-.069-.213-.115-.055-.04-.125-.1-.13-.155-.04-.376-.089-.752-.089-1.134C0 122.496 0 81.917 0 41.444c.557-.687 1.277-.773 1.903-1.003C37.472 27.121 73.052 13.814 108.625.494c1.232-.462 2.35-.688 3.716-.286 19.519 5.665 39.057 11.265 58.59 16.885.283.086.567.186.969.316v171.014c-5.609 1.559-11.168 3.118-16.732 4.652-14.163 3.906-28.335 7.782-42.489 11.717-1.386.386-2.598.356-3.96-.145-34.987-12.93-69.99-25.82-104.983-38.714-.69-.256-1.367-.542-1.948-1.158 36.195 4.968 72.39 9.931 108.58 14.9zm264.658-91.361h-14.875V76.392h14.263c.84-.766.602-1.494.602-2.14.024-4.252.01-8.509.015-12.765.005-5.083.85-10.001 3.243-14.533 4.883-9.23 12.589-14.189 23.05-14.786 3.434-.195 6.861-.055 10.21.878.576.16 1.137.387 1.773.607v12.338c-.676.336-1.142-.205-1.664-.412-3.79-1.498-7.675-1.92-11.664-1.068-3.791.818-6.632 2.919-8.451 6.378a18.419 18.419 0 00-2.036 6.959c-.542 6.056-.164 12.127-.253 18.334h34.064c.482-.617.297-1.248.297-1.83.02-4.562-.05-9.125.026-13.682.133-8.067 2.647-15.2 8.514-20.972 4.59-4.506 10.149-6.923 16.512-7.464 3.652-.31 7.318-.226 10.91.671.804.196 1.654.297 2.35.928v12.408c-2.315-.881-4.496-1.71-6.846-2-2.385-.29-4.729-.18-7.034.39-3.865.964-6.617 3.325-8.272 6.93-1.152 2.517-1.793 5.194-1.858 7.94-.114 5.316-.07 10.64-.084 15.96 0 .21.105.42.22.851h20.317v11.942h-20.542v75.954h-14.153c-.104-3.549-.034-7.16-.05-10.764-.01-3.57 0-7.144 0-10.713V88.39h-34.357v75.813h-14.172c-.115-2.692-.036-5.465-.05-8.232-.015-2.807-.005-5.62-.005-8.433zm-141.13 15.888c.135-11.952 1.952-23.273 7.1-33.886 7.953-16.398 21.048-26.24 38.818-29.93 10.61-2.206 21.247-2.15 31.664 1.073 17.02 5.269 28.43 16.57 34.794 33.023 4.109 10.61 5.146 21.674 4.432 32.944-.477 7.46-1.739 14.78-4.337 21.823-7.536 20.46-22.038 32.783-43.627 36.342-12.007 1.98-23.89 1.013-35.192-3.924-14.357-6.273-23.775-17.122-29.221-31.605-3.164-8.429-4.35-17.192-4.43-25.86zm101.805-2.03c-.09-1.72-.149-4.227-.352-6.723-.617-7.47-2.157-14.725-5.515-21.488-4.466-8.994-11.148-15.687-20.701-19.262-4.679-1.75-9.548-2.517-14.54-2.622-16.697-.35-29.445 6.467-37.97 20.84-4.216 7.11-6.418 14.926-7.122 23.103-.91 10.478-.026 20.786 3.928 30.673 4.273 10.693 11.317 18.825 22.067 23.433 6.802 2.912 13.935 3.624 21.273 2.983 16.015-1.4 27.356-9.37 33.999-23.925 3.795-8.317 4.803-17.2 4.933-27.013zm510.76-59.665V55.34c-.586.4-1.023-.01-1.485-.22-5.032-2.312-10.304-3.68-15.842-4.062-9.777-.667-18.177 2.262-24.938 9.456-4.829 5.138-8.034 11.23-10.215 17.873-2.731 8.302-3.646 16.885-3.74 25.708 1.029-.19 1.093-1.073 1.426-1.654 3.159-5.474 7.357-9.852 13.204-12.503 3.363-1.525 6.9-2.377 10.581-2.617 5.212-.342 10.369-.05 15.366 1.599 10.254 3.395 17.139 10.368 20.69 20.38 3.926 11.07 3.707 22.274-.625 33.209-6.23 15.732-20.363 24.566-37.62 23.87-11.457-.463-20.434-5.42-27.066-14.67-4.555-6.352-7.188-13.516-8.738-21.107-2.146-10.508-2.31-21.112-1.43-31.761.825-9.976 2.92-19.657 6.895-28.892 3.69-8.578 8.798-16.129 16.254-21.944 7.65-5.965 16.368-8.889 26.06-9.014 5.59-.065 11.12.34 16.533 1.81 1.54.421 3.061.913 4.69 1.705zm-55.326 83.724c.08 6.453 2.306 14.073 7.944 20.516 7.257 8.297 17.963 9.315 26.245 5.71 6.796-2.959 10.864-8.448 12.886-15.397 2.15-7.405 1.952-14.875-.437-22.2-2.15-6.603-6.25-11.626-12.931-14.122-5.048-1.88-10.274-2.12-15.5-.792-10.918 2.772-18.267 12.648-18.207 26.285zm79.102-23.774c1.386-20.264 2.777-40.694 4.188-61.263h57.09V53.48c-.01.014-.045.08-.1.125a.504.504 0 01-.194.115c-.144.045-.293.095-.442.095h-43.984c-.93 11.988-1.73 23.9-2.484 35.772.954.49 1.713.23 2.448.21 5.937-.17 11.878-.572 17.805.272 7.606 1.087 14.64 3.519 20.686 8.397 6.2 4.998 9.886 11.515 11.271 19.256 1.407 7.806 1.253 15.617-1.444 23.167-4.019 11.261-12.048 18.565-23.17 22.657-6.985 2.57-14.258 3.038-21.62 2.832-5.504-.151-10.945-.707-16.23-2.347a31.033 31.033 0 01-5.051-2.09c-.636-.33-1.134-.677-1.128-1.53.029-4.541.015-9.089.015-13.757.814-.059 1.256.397 1.733.678 6.234 3.704 12.892 6.176 20.159 6.838 6.165.566 12.216.066 17.9-2.537 8.811-4.03 13.839-10.868 14.897-20.55.413-3.744.26-7.45-.725-11.074-2.007-7.421-6.82-12.398-13.85-15.322-4.197-1.744-8.614-2.572-13.13-2.727-7.7-.256-15.395-.09-23.065.762-.427.05-.89.231-1.575-.266zM653.35 123.9h-62.097c-.268 3.124.274 6.02.86 8.9.879 4.29 2.499 8.281 5.217 11.77 4.296 5.52 10.07 8.463 16.919 9.38 11.242 1.505 21.456-1.198 30.735-7.615.563-.385 1.139-.742 1.715-1.103.05-.035.138-.005.229-.005.422.612.213 1.314.222 1.975.02 2.888-.089 5.78.045 8.658.085 1.67-.54 2.612-1.932 3.46a44.635 44.635 0 01-14.586 5.735c-7.839 1.59-15.748 2.025-23.621.522-13.13-2.517-21.878-10.388-26.886-22.586-1.947-4.747-2.99-9.726-3.443-14.81-.774-8.693-.397-17.302 2.549-25.644 3.79-10.728 10.155-19.37 20.597-24.475 10.328-5.05 21.039-5.34 31.729-1.389 9.304 3.44 15.126 10.449 18.594 19.538 1.997 5.234 2.88 10.704 3.12 16.259.164 3.699.034 7.409.034 11.43zm-14.53-12.108c-.054-6.352-1.158-12.227-4.76-17.427-1.996-2.877-4.57-5.168-7.863-6.386-7.914-2.929-15.618-2.567-22.659 2.365-7.362 5.165-10.81 12.674-12.235 21.448h47.517zm62.901-5.494V94.857c.914-.426 1.759-.236 2.58-.24 4.724-.046 9.452.109 14.166-.402 3.96-.431 7.836-1.199 11.487-2.827 7.367-3.29 11.25-9.024 11.823-17.016.223-3.119.149-6.236-.612-9.285-1.877-7.53-6.909-11.771-14.351-13.296-10.596-2.165-20.423-.135-29.49 5.701-.51.326-1.012.676-1.514 1.018-.433.295-.87.586-1.655 1.123-.019-2.512-.04-4.728-.05-6.944-.01-2.196 0-4.397 0-6.643 4.184-2.577 8.624-4.307 13.325-5.389 8.803-2.026 17.664-2.537 26.483-.257 8.813 2.282 15.748 7.156 19.876 15.477 2.726 5.505 3.015 11.396 2.4 17.367-.359 3.495-1.238 6.869-2.752 10.062-2.966 6.252-7.845 10.563-14 13.521-1.848.883-3.805 1.539-5.718 2.296-.471.186-1.073.131-1.411.842 2.916.507 5.798.999 8.545 2.011 9.413 3.464 16.577 9.47 18.966 19.407 3.165 13.145.035 24.872-10.163 34.237-5.942 5.45-13.096 8.548-21.01 9.847-10.049 1.65-20.035 1.347-29.88-1.465-2.867-.817-5.578-2.004-8.177-3.474-.78-.441-1.297-.907-1.287-1.925.055-4.402.04-8.808.06-13.22 0-.121.139-.24.298-.492.67.451 1.341.907 2.012 1.364 11.356 7.66 23.73 9.876 37.055 6.743 3.596-.847 6.84-2.532 9.726-4.863 4.759-3.855 7.298-8.879 7.81-14.915.273-3.189.104-6.362-.735-9.49-1.392-5.18-4.397-9.11-8.957-11.897-4.034-2.462-8.49-3.68-13.11-4.437-6.28-1.028-12.609-.843-18.932-.867-.895 0-1.819.19-2.808-.231zM566.444 78.633v14.049c-.963 0-1.544-.678-2.23-1.084-6.379-3.815-13.224-5.72-20.701-5.314-11.003.601-18.932 6.011-24.312 15.392-2.414 4.216-3.71 8.818-4.217 13.616-.696 6.552-.438 13.055 1.619 19.381 3.92 12.048 14.088 19.464 26.8 19.693 7.562.142 14.427-1.935 20.721-6.046.626-.406 1.158-.982 2.106-1.163v13.035c-.282.467-.943.717-1.544 1.013-13.74 6.643-27.715 7.35-41.695 1.007-10.034-4.551-16.627-12.528-20.065-22.84-4.738-14.233-4.049-28.407 2.653-41.863 6.82-13.687 18.326-21.146 33.517-22.977 7.98-.957 15.823-.426 23.433 2.322 1.287.466 2.57.947 3.915 1.779zm-81.064 85.72h-13.562c-.511-1.719-.71-83.138-.248-87.695 1.634-.406 10.646-.521 13.805-.175.313 1.765.354 85.429.005 87.87zM469.464 44.602c.1-5.178 4.238-9.065 9.523-8.939 5.28.126 9.24 4.211 9.096 9.38-.144 5.114-4.376 9.07-9.588 8.964-5.306-.11-9.131-4.091-9.03-9.405z" fill="#dc3e15"/></svg>
\ No newline at end of file
diff --git a/ui/admin/public/assets/slack_logo_dark.png b/ui/admin/public/assets/slack_logo_dark.png
new file mode 100644
index 00000000..2f71f2ea
Binary files /dev/null and b/ui/admin/public/assets/slack_logo_dark.png differ
diff --git a/ui/admin/public/assets/slack_logo_light.png b/ui/admin/public/assets/slack_logo_light.png
new file mode 100644
index 00000000..cabd24d7
Binary files /dev/null and b/ui/admin/public/assets/slack_logo_light.png differ
diff --git a/ui/admin/tailwind.config.ts b/ui/admin/tailwind.config.ts
index a5726954..1a2e5064 100644
--- a/ui/admin/tailwind.config.ts
+++ b/ui/admin/tailwind.config.ts
@@ -51,6 +51,10 @@ export default {
                     DEFAULT: "hsl(var(--popover))",
                     foreground: "hsl(var(--popover-foreground))",
                 },
+                dialog: {
+                    DEFAULT: "hsl(var(--dialog))",
+                    foreground: "hsl(var(--dialog-foreground))",
+                },
                 primary: {
                     DEFAULT: "hsl(var(--primary))",
                     foreground: "hsl(var(--primary-foreground))",