diff --git a/AiServer/wwwroot/Ui.mjs b/AiServer/wwwroot/Ui.mjs
index 383dd1a..0fecb8c 100644
--- a/AiServer/wwwroot/Ui.mjs
+++ b/AiServer/wwwroot/Ui.mjs
@@ -1,8 +1,8 @@
 import { ref, computed, inject, onMounted, shallowRef, watch, nextTick } from "vue"
-import { humanify } from "@servicestack/client"
 import { useClient, useAuth } from "@servicestack/vue"
 import { Authenticate } from "dtos"
 
+import SignIn from "/mjs/components/SignIn.mjs"
 import Chat from "/mjs/components/Chat.mjs"
 import TextToImage from "/mjs/components/TextToImage.mjs"
 import ImageToText from "/mjs/components/ImageToText.mjs"
@@ -12,6 +12,7 @@ import SpeechToText from "/mjs/components/SpeechToText.mjs"
 import TextToSpeech from "/mjs/components/TextToSpeech.mjs"
 import Transform from "/mjs/components/Transform.mjs"
 import UiHome from "/mjs/components/UiHome.mjs"
+import SignInForm from "/mjs/components/SignInForm.mjs"
 import { prefixes, icons, uiLabel } from "/mjs/utils.mjs"
 
 const HomeSection = {
@@ -33,6 +34,8 @@ const components = {
 
 export default {
     components: {
+        SignIn,
+        SignInForm,
         ...components,
     },
     template: `
@@ -59,7 +62,7 @@ export default {
         <div class="hidden sm:ml-6 sm:flex sm:items-center">
 
           <!-- Profile dropdown -->
-          <div class="relative ml-3">
+          <div v-if="user" class="relative ml-3">
             <div>
               <button @click="showUserMenu=!showUserMenu" type="button" class="relative flex max-w-xs items-center rounded-full bg-white text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
                 <span class="absolute -inset-1.5"></span>
@@ -67,21 +70,13 @@ export default {
                 <img class="h-8 w-8 rounded-full" :src="profileUrl" alt="">
               </button>
             </div>
-
-            <!--
-              Dropdown menu, show/hide based on menu state.
-
-              Entering: "transition ease-out duration-200"
-                From: "transform opacity-0 scale-95"
-                To: "transform opacity-100 scale-100"
-              Leaving: "transition ease-in duration-75"
-                From: "transform opacity-100 scale-100"
-                To: "transform opacity-0 scale-95"
-            -->
             <div v-if="showUserMenu" class="absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
               <a href="/auth/logout?redirect=/" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-2">Sign out</a>
             </div>
           </div>
+          <div v-else>
+            <SecondaryButton @click="routes.to({ admin:'SignIn' })">Sign In</SecondaryButton>
+          </div>
         </div>
         <div class="-mr-2 flex items-center sm:hidden">
           <!-- Mobile menu button -->
@@ -102,7 +97,7 @@ export default {
     </div>
 
     <!-- Mobile menu, show/hide based on menu state. -->
-    <div class="sm:hidden" id="mobile-menu">
+    <div v-if="user" class="sm:hidden" id="mobile-menu">
       <div class="space-y-1 pb-3 pt-2">
         <!-- Current: "border-indigo-500 bg-indigo-50 text-indigo-700", Default: "border-transparent text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" -->
         <a v-href="{admin:section.id,id:undefined}" v-for="section in sections" 
@@ -113,7 +108,7 @@ export default {
         </a>
         <a href="/auth/logout?redirect=/" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800" tabindex="-1">Sign out</a>
       </div>
-      <div class="border-t border-gray-200 pb-3 pt-4">
+      <div v-if="user" class="border-t border-gray-200 pb-3 pt-4">
         <div class="flex items-center px-4">
           <div class="flex-shrink-0">
             <img class="h-10 w-10 rounded-full" :src="profileUrl" alt="">
@@ -133,7 +128,9 @@ export default {
   <div class="pb-10">
     <main>
       <div class="mx-auto max-w-7xl pb-8 lg:px-6 lg:px-8">
-        <component :key="refreshKey" :is="activeSection.component"></component>
+        <SignIn v-if="routes.admin=='SignIn'" />
+        <SignInForm v-else-if="routes.admin && !user" />
+        <component v-else :key="refreshKey" :is="activeSection.component"></component>
       </div>
     </main>
   </div>
@@ -192,7 +189,7 @@ export default {
                 signIn(api.response)
             } else if (api.error) {
                 signOut()
-                location.reload()
+                // location.reload()
             }
             
             console.log('routes.admin', routes.admin)
diff --git a/AiServer/wwwroot/img/overview.svg b/AiServer/wwwroot/img/overview.svg
index 6d959fc..5edaf12 100644
--- a/AiServer/wwwroot/img/overview.svg
+++ b/AiServer/wwwroot/img/overview.svg
@@ -1 +1 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 765.0125732421875 331.5874938964844" style="max-width: 765.0125732421875px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="export-svg"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"); p {margin: 0;}</style><style>#export-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;fill:#333;}#export-svg .error-icon{fill:#ffffff;}#export-svg .error-text{fill:#000000;stroke:#000000;}#export-svg .edge-thickness-normal{stroke-width:1px;}#export-svg .edge-thickness-thick{stroke-width:3.5px;}#export-svg .edge-pattern-solid{stroke-dasharray:0;}#export-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#export-svg .edge-pattern-dashed{stroke-dasharray:3;}#export-svg .edge-pattern-dotted{stroke-dasharray:2;}#export-svg .marker{fill:#000000;stroke:#000000;}#export-svg .marker.cross{stroke:#000000;}#export-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#export-svg p{margin:0;}#export-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#export-svg .cluster-label text{fill:#000000;}#export-svg .cluster-label span{color:#000000;}#export-svg .cluster-label span p{background-color:transparent;}#export-svg .label text,#export-svg span{fill:#333;color:#333;}#export-svg .node rect,#export-svg .node circle,#export-svg .node ellipse,#export-svg .node polygon,#export-svg .node path{fill:#ffffff;stroke:#000000;stroke-width:1px;}#export-svg .rough-node .label text,#export-svg .node .label text,#export-svg .image-shape .label,#export-svg .icon-shape .label{text-anchor:middle;}#export-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#export-svg .rough-node .label,#export-svg .node .label,#export-svg .image-shape .label,#export-svg .icon-shape .label{text-align:center;}#export-svg .node.clickable{cursor:pointer;}#export-svg .root .anchor path{fill:#000000!important;stroke-width:0;stroke:#000000;}#export-svg .arrowheadPath{fill:#000000;}#export-svg .edgePath .path{stroke:#000000;stroke-width:2.0px;}#export-svg .flowchart-link{stroke:#000000;fill:none;}#export-svg .edgeLabel{background-color:hsl(-120, 0%, 80%);text-align:center;}#export-svg .edgeLabel p{background-color:hsl(-120, 0%, 80%);}#export-svg .edgeLabel rect{opacity:0.5;background-color:hsl(-120, 0%, 80%);fill:hsl(-120, 0%, 80%);}#export-svg .labelBkg{background-color:rgba(204, 204, 204, 0.5);}#export-svg .cluster rect{fill:#ffffff;stroke:hsl(0, 0%, 90%);stroke-width:1px;}#export-svg .cluster text{fill:#000000;}#export-svg .cluster span{color:#000000;}#export-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#ffffff;border:1px solid hsl(0, 0%, 90%);border-radius:2px;pointer-events:none;z-index:100;}#export-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#export-svg rect.text{fill:none;stroke-width:0;}#export-svg .icon-shape,#export-svg .image-shape{background-color:hsl(-120, 0%, 80%);text-align:center;}#export-svg .icon-shape p,#export-svg .image-shape p{background-color:hsl(-120, 0%, 80%);padding:2px;}#export-svg .icon-shape rect,#export-svg .image-shape rect{opacity:0.5;background-color:hsl(-120, 0%, 80%);fill:hsl(-120, 0%, 80%);}#export-svg .node .neo-node{stroke:#000000;}#export-svg [data-look="neo"].node rect,#export-svg [data-look="neo"].cluster rect,#export-svg [data-look="neo"].node polygon{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].node rect,#export-svg [data-look="neo"].node polygon,#export-svg [data-look="neo"].node path{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].node .neo-line path{stroke:hsl(0, 0%, 70%);filter:none;}#export-svg [data-look="neo"].node circle{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].node circle .state-start{fill:#000000;}#export-svg [data-look="neo"].statediagram-cluster rect{fill:#ffffff;stroke:url(#export-svg-gradient);stroke-width:1px;}#export-svg [data-look="neo"].icon-shape .icon{fill:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].icon-shape .icon-neo path{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="export-svg_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="export-svg_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6MzA5Ljk1OTM3NTM4MTQ2OTcsInkiOjQxLjMzOTUxNjM3MDYzMDEzNn0seyJ4IjoxMzgsInkiOjc4fSx7IngiOjEzOCwieSI6MTA2Ljg5Mzc1MzA1MTc1NzgxfV0=" data-id="L_A_D_0" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_D_0" d="M309.9593753814697,41.339516370630136L145.1879663238139,76.4675780476751Q138,78 138.125,85.34843873977661L138.25,92.69687747955322L138.43196817788987,103.39433354205367"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6MzI1LjAwODg4MTQxODMyODU0LCJ5Ijo1M30seyJ4IjoyODUuMjM3NDk5MjM3MDYwNTUsInkiOjc4fSx7IngiOjI4NS4yMzc0OTkyMzcwNjA1NSwieSI6MTEyLjQ1NjI0OTIzNzA2MDU1fV0=" data-id="L_A_C_1" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_C_1" d="M325.00888141832854,53L292.6369949538425,73.34873110327365Q285.23749923706055,78 285.36249923706055,86.73906254768372L285.48749923706055,95.47812509536743L285.68029071418744,108.95665931354372"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6Mzk2LjU5NzM2OTM0NDYxMDksInkiOjUzfSx7IngiOjQzNi4zNjg3NTE1MjU4Nzg5LCJ5Ijo3OH0seyJ4Ijo0MzYuMzY4NzUxNTI1ODc4OSwieSI6MTAzfV0=" data-id="L_A_E_2" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_E_2" d="M396.5973693446109,53L430.9704577862012,74.6066720317428Q436.3687515258789,78 436.4937515258789,84.375L436.6187515258789,90.75L436.7903352261411,99.5007687133731"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6NDExLjY0Njg3NTM4MTQ2OTcsInkiOjM4LjE2OTU3Nzc3NjgxODczfSx7IngiOjY3NS42OTM3NDg0NzQxMjExLCJ5Ijo3OH0seyJ4Ijo2NzUuNjkzNzQ4NDc0MTIxMSwieSI6MTA3LjQ1NjI0OTIzNzA2MDU1fV0=" data-id="L_A_F_3" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_F_3" d="M411.6468753814697,38.16957777681873L668.2874322075763,76.88278660315216Q675.6937484741211,78 675.8187484741211,85.48906278610227L675.9437484741211,92.97812557220455L676.1269937437365,103.95680820745258"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6MTM4LCJ5IjoyMDkuNjkzNzQ4NDc0MTIxMX0seyJ4IjoxMzgsInkiOjIzOC41ODc1MDE1MjU4Nzg5fSx7IngiOjEzOCwieSI6MjYzLjU4NzUwMTUyNTg3ODl9XQ==" data-id="L_D_D1_4" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_D_D1_4" d="M138.5,210.19375038146973L138.11004236719768,232.3384703467743Q138,238.5875015258789 138,244.8375015258789L138,251.0875015258789L138,259.5875015258789"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6NDM2LjM2ODc1MTUyNTg3ODksInkiOjIxMy41ODc1MDE1MjU4Nzg5fSx7IngiOjQzNi4zNjg3NTE1MjU4Nzg5LCJ5IjoyMzguNTg3NTAxNTI1ODc4OX0seyJ4Ijo0MzYuMzY4NzUxNTI1ODc4OSwieSI6MjcxLjA4NzUwMTUyNTg3ODl9XQ==" data-id="L_E_E1_5" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_E1_5" d="M436.8687515258789,214.08750152587896L436.5345333325119,230.46419300086342Q436.3687515258789,238.5875015258789 436.3687515258789,246.7125015258789L436.3687515258789,254.8375015258789L436.3687515258789,267.0875015258789"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6Njc1LjY5Mzc0ODQ3NDEyMTEsInkiOjIwOS4xMzEyNTIyODg4MTgzNn0seyJ4Ijo2NzUuNjkzNzQ4NDc0MTIxMSwieSI6MjM4LjU4NzUwMTUyNTg3ODl9LHsieCI6Njc1LjY5Mzc0ODQ3NDEyMTEsInkiOjI3MS4wODc1MDE1MjU4Nzg5fV0=" data-id="L_F_F1_6" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_F_F1_6" d="M676.1937484741211,209.63124656677243L675.8340254020418,230.46371254637597Q675.6937484741211,238.5875015258789 675.6937484741211,246.7125015258789L675.6937484741211,254.8375015258789L675.6937484741211,267.0875015258789"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_D_0" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_C_1" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_E_2" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_F_3" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_D_D1_4" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_E_E1_5" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_F_F1_6" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(360.8031253814697, 30.5)" data-look="neo" data-et="node" data-node="true" data-id="A" id="flowchart-A-28924" class="node default"><rect stroke="url(#gradient)" height="45" width="101.6875" y="-22.5" x="-50.84375" data-id="A" style="" class="basic label-container"/><g transform="translate(-20.84375, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="41.6875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>AI Server</p></span></div></foreignObject></g></g><g transform="translate(138, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="D" id="flowchart-D-28926" class="node default"><polygon transform="translate(-51.39999961853027,51.39999961853027)" class="label-container" points="51.39999961853027,0 102.79999923706055,-51.39999961853027 51.39999961853027,-102.79999923706055 0,-51.39999961853027"/><g transform="translate(-21.399999618530273, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="42.79999923706055"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>LLM APIs</p></span></div></foreignObject></g></g><g transform="translate(285.23749923706055, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="C" id="flowchart-C-28928" class="node default"><polygon transform="translate(-45.83750057220459,45.83750057220459)" class="label-container" points="45.83750057220459,0 91.67500114440918,-45.83750057220459 45.83750057220459,-91.67500114440918 0,-45.83750057220459"/><g transform="translate(-15.83750057220459, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="31.67500114440918"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Ollama</p></span></div></foreignObject></g></g><g transform="translate(436.3687515258789, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="E" id="flowchart-E-28930" class="node default"><polygon transform="translate(-55.29375076293945,55.29375076293945)" class="label-container" points="55.29375076293945,0 110.5875015258789,-55.29375076293945 55.29375076293945,-110.5875015258789 0,-55.29375076293945"/><g transform="translate(-25.293750762939453, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="50.587501525878906"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Media APIs</p></span></div></foreignObject></g></g><g transform="translate(675.6937484741211, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="F" id="flowchart-F-28932" class="node default"><polygon transform="translate(-50.83749961853027,50.83749961853027)" class="label-container" points="50.83749961853027,0 101.67499923706055,-50.83749961853027 50.83749961853027,-101.67499923706055 0,-50.83749961853027"/><g transform="translate(-20.837499618530273, -22.5)" style="" class="label"><rect/><foreignObject height="45" width="41.67499923706055"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Comfy UI <br />+ <br />FFmpeg</p></span></div></foreignObject></g></g><g transform="translate(138, 293.5875015258789)" data-look="neo" data-et="node" data-node="true" data-id="D1" id="flowchart-D1-28934" class="node default"><rect stroke="url(#gradient)" height="60" width="260" y="-30" x="-130" data-id="D1" style="" class="basic label-container"/><g transform="translate(-100, -15)" style="" class="label"><rect/><foreignObject height="30" width="200"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>OpenRouter / OpenAI / Mistral AI / Google Cloud / GroqCloud</p></span></div></foreignObject></g></g><g transform="translate(436.3687515258789, 293.5875015258789)" data-look="neo" data-et="node" data-node="true" data-id="E1" id="flowchart-E1-28936" class="node default"><rect stroke="url(#gradient)" height="45" width="216.0124969482422" y="-22.5" x="-108.0062484741211" data-id="E1" style="" class="basic label-container"/><g transform="translate(-78.0062484741211, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="156.0124969482422"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Replicate / dall-e-3 / Text to speech</p></span></div></foreignObject></g></g><g transform="translate(675.6937484741211, 293.5875015258789)" data-look="neo" data-et="node" data-node="true" data-id="F1" id="flowchart-F1-28938" class="node default"><rect stroke="url(#gradient)" height="45" width="162.63750457763672" y="-22.5" x="-81.31875228881836" data-id="F1" style="" class="basic label-container"/><g transform="translate(-51.31875228881836, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="102.63750457763672"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Diffusion / Whisper / tts</p></span></div></foreignObject></g></g></g></g></g><linearGradient y2="0%" x2="100%" y1="0%" x1="0%" gradientUnits="objectBoundingBox" id="export-svg-gradient"><stop stop-opacity="1" stop-color="#0042eb" offset="0%"/><stop stop-opacity="1" stop-color="#eb0042" offset="100%"/></linearGradient></svg>
\ No newline at end of file
+<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 773.1624755859375 331.5874938964844" style="max-width: 773.1624755859375px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="export-svg"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"); p {margin: 0;}</style><style>#export-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;fill:#333;}#export-svg .error-icon{fill:#ffffff;}#export-svg .error-text{fill:#000000;stroke:#000000;}#export-svg .edge-thickness-normal{stroke-width:1px;}#export-svg .edge-thickness-thick{stroke-width:3.5px;}#export-svg .edge-pattern-solid{stroke-dasharray:0;}#export-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#export-svg .edge-pattern-dashed{stroke-dasharray:3;}#export-svg .edge-pattern-dotted{stroke-dasharray:2;}#export-svg .marker{fill:#000000;stroke:#000000;}#export-svg .marker.cross{stroke:#000000;}#export-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#export-svg p{margin:0;}#export-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#export-svg .cluster-label text{fill:#000000;}#export-svg .cluster-label span{color:#000000;}#export-svg .cluster-label span p{background-color:transparent;}#export-svg .label text,#export-svg span{fill:#333;color:#333;}#export-svg .node rect,#export-svg .node circle,#export-svg .node ellipse,#export-svg .node polygon,#export-svg .node path{fill:#ffffff;stroke:#000000;stroke-width:1px;}#export-svg .rough-node .label text,#export-svg .node .label text,#export-svg .image-shape .label,#export-svg .icon-shape .label{text-anchor:middle;}#export-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#export-svg .rough-node .label,#export-svg .node .label,#export-svg .image-shape .label,#export-svg .icon-shape .label{text-align:center;}#export-svg .node.clickable{cursor:pointer;}#export-svg .root .anchor path{fill:#000000!important;stroke-width:0;stroke:#000000;}#export-svg .arrowheadPath{fill:#000000;}#export-svg .edgePath .path{stroke:#000000;stroke-width:2.0px;}#export-svg .flowchart-link{stroke:#000000;fill:none;}#export-svg .edgeLabel{background-color:hsl(-120, 0%, 80%);text-align:center;}#export-svg .edgeLabel p{background-color:hsl(-120, 0%, 80%);}#export-svg .edgeLabel rect{opacity:0.5;background-color:hsl(-120, 0%, 80%);fill:hsl(-120, 0%, 80%);}#export-svg .labelBkg{background-color:rgba(204, 204, 204, 0.5);}#export-svg .cluster rect{fill:#ffffff;stroke:hsl(0, 0%, 90%);stroke-width:1px;}#export-svg .cluster text{fill:#000000;}#export-svg .cluster span{color:#000000;}#export-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#ffffff;border:1px solid hsl(0, 0%, 90%);border-radius:2px;pointer-events:none;z-index:100;}#export-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#export-svg rect.text{fill:none;stroke-width:0;}#export-svg .icon-shape,#export-svg .image-shape{background-color:hsl(-120, 0%, 80%);text-align:center;}#export-svg .icon-shape p,#export-svg .image-shape p{background-color:hsl(-120, 0%, 80%);padding:2px;}#export-svg .icon-shape rect,#export-svg .image-shape rect{opacity:0.5;background-color:hsl(-120, 0%, 80%);fill:hsl(-120, 0%, 80%);}#export-svg .node .neo-node{stroke:#000000;}#export-svg [data-look="neo"].node rect,#export-svg [data-look="neo"].cluster rect,#export-svg [data-look="neo"].node polygon{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].node rect,#export-svg [data-look="neo"].node polygon,#export-svg [data-look="neo"].node path{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].node .neo-line path{stroke:hsl(0, 0%, 70%);filter:none;}#export-svg [data-look="neo"].node circle{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].node circle .state-start{fill:#000000;}#export-svg [data-look="neo"].statediagram-cluster rect{fill:#ffffff;stroke:url(#export-svg-gradient);stroke-width:1px;}#export-svg [data-look="neo"].icon-shape .icon{fill:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg [data-look="neo"].icon-shape .icon-neo path{stroke:url(#export-svg-gradient);filter:drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));}#export-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="export-svg_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="export-svg_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="export-svg_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6MzA5Ljk1OTM3NTM4MTQ2OTcsInkiOjQxLjMzOTUxNjM3MDYzMDEzNn0seyJ4IjoxMzgsInkiOjc4fSx7IngiOjEzOCwieSI6MTA2Ljg5Mzc1MzA1MTc1NzgxfV0=" data-id="L_A_D_0" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_D_0" d="M309.9593753814697,41.339516370630136L145.1879663238139,76.4675780476751Q138,78 138.125,85.34843873977661L138.25,92.69687747955322L138.43196817788987,103.39433354205367"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6MzI1LjAwODg4MTQxODMyODU0LCJ5Ijo1M30seyJ4IjoyODUuMjM3NDk5MjM3MDYwNTUsInkiOjc4fSx7IngiOjI4NS4yMzc0OTkyMzcwNjA1NSwieSI6MTEyLjQ1NjI0OTIzNzA2MDU1fV0=" data-id="L_A_C_1" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_C_1" d="M325.00888141832854,53L292.6369949538425,73.34873110327365Q285.23749923706055,78 285.36249923706055,86.73906254768372L285.48749923706055,95.47812509536743L285.68029071418744,108.95665931354372"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6Mzk2LjU5NzM2OTM0NDYxMDksInkiOjUzfSx7IngiOjQzNi4zNjg3NTE1MjU4Nzg5LCJ5Ijo3OH0seyJ4Ijo0MzYuMzY4NzUxNTI1ODc4OSwieSI6MTAzfV0=" data-id="L_A_E_2" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_E_2" d="M396.5973693446109,53L430.9704577862012,74.6066720317428Q436.3687515258789,78 436.4937515258789,84.375L436.6187515258789,90.75L436.7903352261411,99.5007687133731"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6NDExLjY0Njg3NTM4MTQ2OTcsInkiOjM4LjA3MTU5MzY2MjQyNTczNH0seyJ4Ijo2NzkuNzY4NzUzMDUxNzU3OCwieSI6Nzh9LHsieCI6Njc5Ljc2ODc1MzA1MTc1NzgsInkiOjEwNy40NTYyNDkyMzcwNjA1NX1d" data-id="L_A_F_3" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_F_3" d="M411.6468753814697,38.071593662425734L672.3603441971297,76.89674814441577Q679.7687530517578,78 679.8937530517578,85.48906278610227L680.0187530517578,92.97812557220455L680.2019983213733,103.9568082074526"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6MTM4LCJ5IjoyMDkuNjkzNzQ4NDc0MTIxMX0seyJ4IjoxMzgsInkiOjIzOC41ODc1MDE1MjU4Nzg5fSx7IngiOjEzOCwieSI6MjYzLjU4NzUwMTUyNTg3ODl9XQ==" data-id="L_D_D1_4" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_D_D1_4" d="M138.5,210.19375038146973L138.11004236719768,232.3384703467743Q138,238.5875015258789 138,244.8375015258789L138,251.0875015258789L138,259.5875015258789"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6NDM2LjM2ODc1MTUyNTg3ODksInkiOjIxMy41ODc1MDE1MjU4Nzg5fSx7IngiOjQzNi4zNjg3NTE1MjU4Nzg5LCJ5IjoyMzguNTg3NTAxNTI1ODc4OX0seyJ4Ijo0MzYuMzY4NzUxNTI1ODc4OSwieSI6MjcxLjA4NzUwMTUyNTg3ODl9XQ==" data-id="L_E_E1_5" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_E_E1_5" d="M436.8687515258789,214.08750152587896L436.5345333325119,230.46419300086342Q436.3687515258789,238.5875015258789 436.3687515258789,246.7125015258789L436.3687515258789,254.8375015258789L436.3687515258789,267.0875015258789"/><path marker-end="url(#export-svg_flowchart-v2-pointEnd)" data-points="W3sieCI6Njc5Ljc2ODc1MzA1MTc1NzgsInkiOjIwOS4xMzEyNTIyODg4MTgzNn0seyJ4Ijo2NzkuNzY4NzUzMDUxNzU3OCwieSI6MjM4LjU4NzUwMTUyNTg3ODl9LHsieCI6Njc5Ljc2ODc1MzA1MTc1NzgsInkiOjI3MS4wODc1MDE1MjU4Nzg5fV0=" data-id="L_F_F1_6" data-et="edge" data-edge="true" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_F_F1_6" d="M680.2687530517579,209.63124656677243L679.9090299796785,230.46371254637597Q679.7687530517578,238.5875015258789 679.7687530517578,246.7125015258789L679.7687530517578,254.8375015258789L679.7687530517578,267.0875015258789"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_D_0" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_C_1" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_E_2" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_A_F_3" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_D_D1_4" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_E_E1_5" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" data-id="L_F_F1_6" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(360.8031253814697, 30.5)" data-look="neo" data-et="node" data-node="true" data-id="A" id="flowchart-A-29074" class="node default"><rect stroke="url(#gradient)" height="45" width="101.6875" y="-22.5" x="-50.84375" data-id="A" style="" class="basic label-container"/><g transform="translate(-20.84375, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="41.6875"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>AI Server</p></span></div></foreignObject></g></g><g transform="translate(138, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="D" id="flowchart-D-29076" class="node default"><polygon transform="translate(-51.39999961853027,51.39999961853027)" class="label-container" points="51.39999961853027,0 102.79999923706055,-51.39999961853027 51.39999961853027,-102.79999923706055 0,-51.39999961853027"/><g transform="translate(-21.399999618530273, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="42.79999923706055"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>LLM APIs</p></span></div></foreignObject></g></g><g transform="translate(285.23749923706055, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="C" id="flowchart-C-29078" class="node default"><polygon transform="translate(-45.83750057220459,45.83750057220459)" class="label-container" points="45.83750057220459,0 91.67500114440918,-45.83750057220459 45.83750057220459,-91.67500114440918 0,-45.83750057220459"/><g transform="translate(-15.83750057220459, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="31.67500114440918"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Ollama</p></span></div></foreignObject></g></g><g transform="translate(436.3687515258789, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="E" id="flowchart-E-29080" class="node default"><polygon transform="translate(-55.29375076293945,55.29375076293945)" class="label-container" points="55.29375076293945,0 110.5875015258789,-55.29375076293945 55.29375076293945,-110.5875015258789 0,-55.29375076293945"/><g transform="translate(-25.293750762939453, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="50.587501525878906"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Media APIs</p></span></div></foreignObject></g></g><g transform="translate(679.7687530517578, 158.29375076293945)" data-look="neo" data-et="node" data-node="true" data-id="F" id="flowchart-F-29082" class="node default"><polygon transform="translate(-50.83749961853027,50.83749961853027)" class="label-container" points="50.83749961853027,0 101.67499923706055,-50.83749961853027 50.83749961853027,-101.67499923706055 0,-50.83749961853027"/><g transform="translate(-20.837499618530273, -22.5)" style="" class="label"><rect/><foreignObject height="45" width="41.67499923706055"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Comfy UI <br />+ <br />FFmpeg</p></span></div></foreignObject></g></g><g transform="translate(138, 293.5875015258789)" data-look="neo" data-et="node" data-node="true" data-id="D1" id="flowchart-D1-29084" class="node default"><rect stroke="url(#gradient)" height="60" width="260" y="-30" x="-130" data-id="D1" style="" class="basic label-container"/><g transform="translate(-100, -15)" style="" class="label"><rect/><foreignObject height="30" width="200"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>OpenRouter / OpenAI / Mistral AI / Google Cloud / GroqCloud</p></span></div></foreignObject></g></g><g transform="translate(436.3687515258789, 293.5875015258789)" data-look="neo" data-et="node" data-node="true" data-id="E1" id="flowchart-E1-29086" class="node default"><rect stroke="url(#gradient)" height="45" width="216.0124969482422" y="-22.5" x="-108.0062484741211" data-id="E1" style="" class="basic label-container"/><g transform="translate(-78.0062484741211, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="156.0124969482422"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Replicate / dall-e-3 / Text to speech</p></span></div></foreignObject></g></g><g transform="translate(679.7687530517578, 293.5875015258789)" data-look="neo" data-et="node" data-node="true" data-id="F1" id="flowchart-F1-29088" class="node default"><rect stroke="url(#gradient)" height="45" width="170.7874984741211" y="-22.5" x="-85.39374923706055" data-id="F1" style="" class="basic label-container"/><g transform="translate(-55.39374923706055, -7.5)" style="" class="label"><rect/><foreignObject height="15" width="110.7874984741211"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: normal; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Diffusion / Whisper / TTS</p></span></div></foreignObject></g></g></g></g></g><linearGradient y2="0%" x2="100%" y1="0%" x1="0%" gradientUnits="objectBoundingBox" id="export-svg-gradient"><stop stop-opacity="1" stop-color="#0042eb" offset="0%"/><stop stop-opacity="1" stop-color="#eb0042" offset="100%"/></linearGradient></svg>
\ No newline at end of file
diff --git a/AiServer/wwwroot/index.html b/AiServer/wwwroot/index.html
index 6cb4f53..dd3f8fc 100644
--- a/AiServer/wwwroot/index.html
+++ b/AiServer/wwwroot/index.html
@@ -26,181 +26,13 @@
 </head>
 <body class="h-full">
 <div id="app">
-    <ui v-if="user"></ui>
-    <div v-else-if="loaded" v-cloak class="relative isolate px-6 pt-14 lg:px-8">
-        <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
-            <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
-                 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-        </div>
-
-        <div>
-
-            <div class="relative mb-8 mt-8 sm:mt-16 lg:mt-32">
-                <div class="mx-auto max-w-md px-4 text-center sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
-                    <h2 class="text-base font-semibold uppercase tracking-wider text-indigo-600">AI Server</h2>
-                    <p class="mt-2 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                        Managed AI Features Server
-                    </p>
-                    <p class="mx-auto mt-5 max-w-prose text-xl text-gray-500">
-                        Enable AI Features in your Systems and Apps
-                    </p>
-                    <div class="">
-
-                        <div class="py-12">
-                            <h3 class="my-8 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                                Sign In
-                            </h3>
-                            <p class="mx-auto mt-5 max-w-prose text-xl text-gray-500">
-                                Sign In to use AI Server features
-                            </p>
-                            <sign-in-form></sign-in-form>
-                        </div>
-
-                        <h3 class="mt-12 mb-3 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                            Explore
-                        </h3>
-                        <p class="mx-auto mb-5 max-w-prose text-xl text-gray-500">
-                            Learn about available APIs and Features
-                        </p>
-
-                        <div class="divide-y divide-gray-200 overflow-hidden rounded-lg bg-gray-200 shadow sm:grid sm:grid-cols-2 sm:gap-px sm:divide-y-0">
-                            <div class="group relative bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500">
-                                <div>
-                                  <span class="inline-flex rounded-lg bg-sky-50 p-3 text-sky-700 ring-4 ring-white">
-                                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                                        <path d="M14 3v4a1 1 0 0 0 1 1h4" />
-                                        <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" />
-                                        <path d="M11 14h1v4h1" />
-                                        <path d="M12 11h.01" />
-                                    </svg>
-                                  </span>
-                                </div>
-                                <div class="mt-8">
-                                    <h3 class="text-base font-semibold leading-6 text-gray-900">
-                                        <a href="https://docs.servicestack.net/ai-server" class="focus:outline-none">
-                                            <span class="absolute inset-0" aria-hidden="true"></span>
-                                            AI Server Documentation
-                                        </a>
-                                    </h3>
-                                    <p class="mt-2 text-sm text-gray-500">Read details about how to configure and use AI Server.</p>
-                                </div>
-                                <span class="pointer-events-none absolute right-6 top-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
-                                  <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
-                                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"/>
-                                  </svg>
-                                </span>
-                            </div>
-
-                            <div class="group relative bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 sm:rounded-tr-lg">
-                                <div>
-                                  <span class="inline-flex rounded-lg bg-purple-50 p-3 text-purple-700 ring-4 ring-white">
-                                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
-                                         aria-hidden="true">
-                                      <path stroke-linecap="round" stroke-linejoin="round"
-                                            d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z"/>
-                                    </svg>
-                                  </span>
-                                </div>
-                                <div class="mt-8">
-                                    <h3 class="text-base font-semibold leading-6 text-gray-900">
-                                        <a href="/ui" class="focus:outline-none">
-                                            <span class="absolute inset-0" aria-hidden="true"></span>
-                                            API Explorer
-                                        </a>
-                                    </h3>
-                                    <p class="mt-2 text-sm text-gray-500">Explore available APIs via the API Explorer</p>
-                                </div>
-                                <span class="pointer-events-none absolute right-6 top-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
-                                  <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
-                                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"/>
-                                  </svg>
-                                </span>
-                            </div>
-                        </div>
-
-                        <h3 class="mt-12 mb-3 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
-                            Admin
-                        </h3>
-                        <p class="mx-auto mb-5 max-w-prose text-xl text-gray-500">
-                            Manage AI and Media Providers and other Admin Tasks
-                        </p>
-
-                        <div class="divide-y divide-gray-200 overflow-hidden rounded-lg bg-gray-200 shadow sm:grid sm:grid-cols-2 sm:gap-px sm:divide-y-0">
-
-                            <div class="group relative rounded-tl-lg rounded-tr-lg bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500 sm:rounded-tr-none">
-                                <div>
-                                  <span class="inline-flex rounded-lg bg-teal-50 p-3 text-teal-700 ring-4 ring-white">
-                                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
-                                         aria-hidden="true">
-                                      <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/>
-                                    </svg>
-                                  </span>
-                                </div>
-                                <div class="mt-8">
-                                    <h3 class="text-base font-semibold leading-6 text-gray-900">
-                                        <a href="/admin/" class="focus:outline-none">
-                                            <span class="absolute inset-0" aria-hidden="true"></span>
-                                            Admin Portal
-                                        </a>
-                                    </h3>
-                                    <p class="mt-2 text-sm text-gray-500">
-                                        Admin Users can manage this AI Server instance via the Admin Portal
-                                    </p>
-                                </div>
-                                <span class="pointer-events-none absolute right-6 top-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
-                                  <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
-                                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"/>
-                                  </svg>
-                                </span>
-                            </div>
-
-                            <div class="group relative bg-white p-6 focus-within:ring-2 focus-within:ring-inset focus-within:ring-indigo-500">
-                                <div>
-                                  <span class="inline-flex rounded-lg bg-yellow-50 p-3 text-yellow-700 ring-4 ring-white">
-                                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                                      <path stroke-linecap="round" stroke-linejoin="round"
-                                            d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z"/>
-                                    </svg>
-                                  </span>
-                                </div>
-                                <div class="mt-8">
-                                    <h3 class="text-base font-semibold leading-6 text-gray-900">
-                                        <a href="/admin-ui" class="focus:outline-none">
-                                            <span class="absolute inset-0" aria-hidden="true"></span>
-                                            Admin UI
-                                        </a>
-                                    </h3>
-                                    <p class="mt-2 text-sm text-gray-500">
-                                        Manage API Keys, View Databases, Executed Commands and more with the Admin UI
-                                    </p>
-                                </div>
-                                <span class="pointer-events-none absolute right-6 top-6 text-gray-300 group-hover:text-gray-400" aria-hidden="true">
-                                  <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
-                                    <path d="M20 4h1a1 1 0 00-1-1v1zm-1 12a1 1 0 102 0h-2zM8 3a1 1 0 000 2V3zM3.293 19.293a1 1 0 101.414 1.414l-1.414-1.414zM19 4v12h2V4h-2zm1-1H8v2h12V3zm-.707.293l-16 16 1.414 1.414 16-16-1.414-1.414z"/>
-                                  </svg>
-                                </span>
-                            </div>
-                        </div>
-
-                    </div>
-                </div>
-            </div>
-
-        </div>
-
-        <div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
-             aria-hidden="true">
-            <div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
-                 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-        </div>
-    </div>    
+    <ui></ui>
 </div>
-    
 
 <script type="module">
-import { ref, computed, inject, onMounted, shallowRef, watch, reactive } from "vue"
-import { App, usePageRoutes, useBreakpoints, setBodyClass, sortOps } from "core"
-import { JsonServiceClient, leftPart, humanize, humanify } from "@servicestack/client"
+import { ref, onMounted, reactive } from "vue"
+import { App, usePageRoutes } from "core"
+import { JsonServiceClient } from "@servicestack/client"
 import ServiceStackVue, { useClient, useAuth } from "@servicestack/vue"
 import { Authenticate } from "dtos"
 import Ui from "./Ui.mjs"
@@ -250,7 +82,6 @@ <h3 class="text-base font-semibold leading-6 text-gray-900">
 
 app.provides({ client, events, routes, store, })
 
-
 app.build(AppComponent).mount('#app')
 app.start()
 </script>
diff --git a/AiServer/wwwroot/mjs/components/SignIn.mjs b/AiServer/wwwroot/mjs/components/SignIn.mjs
new file mode 100644
index 0000000..e23f35d
--- /dev/null
+++ b/AiServer/wwwroot/mjs/components/SignIn.mjs
@@ -0,0 +1,16 @@
+import { inject } from "vue"
+import SignInForm from "./SignInForm.mjs"
+
+export default {
+    components: {
+        SignInForm,  
+    },
+    template:`
+        <sign-in-form @done="routes.to({ admin:undefined })"></sign-in-form>
+    `,
+    setup() {
+        const routes = inject('routes')
+        
+        return { routes }
+    }
+}
\ No newline at end of file
diff --git a/AiServer/wwwroot/mjs/components/SignInForm.mjs b/AiServer/wwwroot/mjs/components/SignInForm.mjs
index 6056526..662768e 100644
--- a/AiServer/wwwroot/mjs/components/SignInForm.mjs
+++ b/AiServer/wwwroot/mjs/components/SignInForm.mjs
@@ -26,7 +26,8 @@ export default {
         </div>
     </div>
     `,
-    setup() {
+    emits:['done'],
+    setup(props, { emit }) {
         const client = useClient()
         const { user, signIn } = useAuth()
 
@@ -45,6 +46,7 @@ export default {
                 // api = await client.api(new Authenticate())
                 if (api.response) {
                     signIn(api.response)
+                    emit('done')
                 }
             }
         }
diff --git a/AiServer/wwwroot/mjs/components/UiHome.mjs b/AiServer/wwwroot/mjs/components/UiHome.mjs
index 8b78f13..3f0061a 100644
--- a/AiServer/wwwroot/mjs/components/UiHome.mjs
+++ b/AiServer/wwwroot/mjs/components/UiHome.mjs
@@ -100,7 +100,7 @@ export default {
           <p class="mt-6 text-lg leading-8 text-gray-600">
             Example of calling an Open AI compatible Chat API. AI Server APIs are executed using 
             the same generic JSON Service Client and the native Typed DTOs generated in each language.
-            Each feature supports different call styles for different use-cases.
+            Each feature supports multiple call styles for different use-cases.
           </p>
           <dl class="mt-10 max-w-xl space-y-8 text-base leading-7 text-gray-600 lg:max-w-none">
             <div class="relative pl-9">
@@ -363,5 +363,3 @@ export default {
         return { routes, langs, openAi, icons, uis }
     }
 }
-
-//https://localhost:5005/ui/OpenAiChatCompletion?tab=details&lang=csharp&detailSrc=OpenAiChat
diff --git a/AiServer/wwwroot/mjs/dtos.mjs b/AiServer/wwwroot/mjs/dtos.mjs
index c85b399..b11928c 100644
--- a/AiServer/wwwroot/mjs/dtos.mjs
+++ b/AiServer/wwwroot/mjs/dtos.mjs
@@ -1,5 +1,5 @@
 /* Options:
-Date: 2024-10-15 00:22:13
+Date: 2024-10-16 19:05:12
 Version: 8.41
 Tip: To override a DTO option, remove "//" prefix before updating
 BaseUrl: https://localhost:5005
@@ -2560,11 +2560,17 @@ export class GetModelImage {
 export class OpenAiChatCompletion extends OpenAiChat {
     /** @param {{refId?:string,provider?:string,tag?:string,messages?:OpenAiMessage[],model?:string,frequency_penalty?:number,logit_bias?:{ [index: number]: number; },logprobs?:boolean,top_logprobs?:number,max_tokens?:number,n?:number,presence_penalty?:number,response_format?:OpenAiResponseFormat,seed?:number,stop?:string[],stream?:boolean,temperature?:number,top_p?:number,tools?:OpenAiTools[],user?:string}} [init] */
     constructor(init) { super(init); Object.assign(this, init) }
-    /** @type {?string} */
+    /**
+     * @type {?string}
+     * @description Provide a unique identifier to track requests */
     refId;
-    /** @type {?string} */
+    /**
+     * @type {?string}
+     * @description Specify which AI Provider to use */
     provider;
-    /** @type {?string} */
+    /**
+     * @type {?string}
+     * @description Categorize like requests under a common group */
     tag;
     getTypeName() { return 'OpenAiChatCompletion' }
     getMethod() { return 'POST' }