From fd3cedbccf951441d658244b7236369710443302 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martinmckeaveney@gmail.com>
Date: Thu, 26 Sep 2024 15:06:14 +0100
Subject: [PATCH] move premium badge to top of AI config, add AzureOpenAI logo

---
 .../builder/portal/settings/ai/index.svelte   | 27 ++++++++++---------
 .../settings/ai/logos/AzureOpenAI.svelte      |  1 +
 .../builder/portal/settings/index.svelte      |  7 ++++-
 3 files changed, 22 insertions(+), 13 deletions(-)
 create mode 100644 packages/builder/src/pages/builder/portal/settings/ai/logos/AzureOpenAI.svelte
diff --git a/packages/builder/src/pages/builder/portal/settings/ai/index.svelte b/packages/builder/src/pages/builder/portal/settings/ai/index.svelte
index b60ea24dbc..f5fe106daa 100644
--- a/packages/builder/src/pages/builder/portal/settings/ai/index.svelte
+++ b/packages/builder/src/pages/builder/portal/settings/ai/index.svelte
@@ -127,18 +127,8 @@
 </Modal>
 <Layout noPadding>
   <Layout gap="XS" noPadding>
-    <Heading size="M">AI</Heading>
-    {#if isCloud && !budibaseAIEnabled}
-      <Tags>
-        <Tag icon="LockClosed">Premium</Tag>
-      </Tags>
-    {/if}
-    <Body>Configure your AI settings within this section:</Body>
-  </Layout>
-  <Divider />
-  <Layout noPadding>
-    <div class="config-heading">
-      <Heading size="S">AI Configurations</Heading>
+    <div class="header">
+      <Heading size="M">AI</Heading>
       {#if !isCloud && !customAIConfigsEnabled}
         <Tags>
           <Tag icon="LockClosed">Premium</Tag>
@@ -151,6 +141,13 @@
         <Button size="S" cta on:click={newConfig}>Add configuration</Button>
       {/if}
     </div>
+    <Body>Configure your AI settings within this section:</Body>
+  </Layout>
+  <Divider />
+  <Layout noPadding>
+    <div class="config-heading">
+      <Heading size="S">AI Configurations</Heading>
+    </div>
     <Body size="S"
       >Use the following interface to select your preferred AI configuration.</Body
     >
@@ -173,4 +170,10 @@
     justify-content: space-between;
     align-items: center;
   }
+
+  .header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
 </style>
diff --git a/packages/builder/src/pages/builder/portal/settings/ai/logos/AzureOpenAI.svelte b/packages/builder/src/pages/builder/portal/settings/ai/logos/AzureOpenAI.svelte
new file mode 100644
index 0000000000..ca727c2ed1
--- /dev/null
+++ b/packages/builder/src/pages/builder/portal/settings/ai/logos/AzureOpenAI.svelte
@@ -0,0 +1 @@
+<script>  export let width  export let height</script><svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 96 96">  <defs>    <linearGradient id="e399c19f-b68f-429d-b176-18c2117ff73c" x1="-1032.172" x2="-1059.213" y1="145.312" y2="65.426" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">      <stop offset="0" stop-color="#114a8b"/>      <stop offset="1" stop-color="#0669bc"/>    </linearGradient>    <linearGradient id="ac2a6fc2-ca48-4327-9a3c-d4dcc3256e15" x1="-1023.725" x2="-1029.98" y1="108.083" y2="105.968" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">      <stop offset="0" stop-opacity=".3"/>      <stop offset=".071" stop-opacity=".2"/>      <stop offset=".321" stop-opacity=".1"/>      <stop offset=".623" stop-opacity=".05"/>      <stop offset="1" stop-opacity="0"/>    </linearGradient>    <linearGradient id="a7fee970-a784-4bb1-af8d-63d18e5f7db9" x1="-1027.165" x2="-997.482" y1="147.642" y2="68.561" gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">      <stop offset="0" stop-color="#3ccbf4"/>      <stop offset="1" stop-color="#2892df"/>    </linearGradient>  </defs>  <path fill="url(#e399c19f-b68f-429d-b176-18c2117ff73c)" d="M33.338 6.544h26.038l-27.03 80.087a4.152 4.152 0 0 1-3.933 2.824H8.149a4.145 4.145 0 0 1-3.928-5.47L29.404 9.368a4.152 4.152 0 0 1 3.934-2.825z"/>  <path fill="#0078d4" d="M71.175 60.261h-41.29a1.911 1.911 0 0 0-1.305 3.309l26.532 24.764a4.171 4.171 0 0 0 2.846 1.121h23.38z"/>  <path fill="url(#ac2a6fc2-ca48-4327-9a3c-d4dcc3256e15)" d="M33.338 6.544a4.118 4.118 0 0 0-3.943 2.879L4.252 83.917a4.14 4.14 0 0 0 3.908 5.538h20.787a4.443 4.443 0 0 0 3.41-2.9l5.014-14.777 17.91 16.705a4.237 4.237 0 0 0 2.666.972H81.24L71.024 60.261l-29.781.007L59.47 6.544z"/>  <path fill="url(#a7fee970-a784-4bb1-af8d-63d18e5f7db9)" d="M66.595 9.364a4.145 4.145 0 0 0-3.928-2.82H33.648a4.146 4.146 0 0 1 3.928 2.82l25.184 74.62a4.146 4.146 0 0 1-3.928 5.472h29.02a4.146 4.146 0 0 0 3.927-5.472z"/></svg>
\ No newline at end of file
diff --git a/packages/builder/src/pages/builder/portal/settings/index.svelte b/packages/builder/src/pages/builder/portal/settings/index.svelte
index 09ead3e410..1448b43ec4 100644
--- a/packages/builder/src/pages/builder/portal/settings/index.svelte
+++ b/packages/builder/src/pages/builder/portal/settings/index.svelte
@@ -1,5 +1,10 @@
 <script>
   import { redirect } from "@roxi/routify"
+  import { licensing } from "stores/portal"
 
-  $redirect("./auth")
+  if ($licensing.customAIConfigsEnabled) {
+    $redirect("./ai")
+  } else {
+    $redirect("./auth")
+  }
 </script>
