Add openrouter provider

src/lib/Setting/Pages/OpenrouterSettings.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+    import { language } from "src/lang";
+    import Arcodion from "src/lib/UI/Arcodion.svelte";
+    import Check from "src/lib/UI/GUI/CheckInput.svelte";
+    import { DataBase } from "src/ts/storage/database";
+    import SelectInput from "src/lib/UI/GUI/SelectInput.svelte";
+    import OptionInput from "src/lib/UI/GUI/OptionInput.svelte";
+
+    const openrouterProviders = [
+        "OpenAI",
+        "Anthropic",
+        "HuggingFace",
+        "Google",
+        "Mancer",
+        "Mancer 2",
+        "Together",
+        "DeepInfra",
+        "Azure",
+        "Modal",
+        "AnyScale",
+        "Replicate",
+        "Perplexity",
+        "Recursal",
+        "Fireworks",
+        "Mistral",
+        "Groq",
+        "Cohere",
+        "Lepton",
+        "OctoAI",
+        "Novita"
+    ]
+</script>
+
+<Arcodion name="Openrouter Settings" styled>
+    <div class="flex items-center mb-4">
+        <Check bind:check={$DataBase.openrouterFallback} name={language.openrouterFallback}/>
+    </div>
+    <div class="flex items-center mb-4">
+        <Check bind:check={$DataBase.openrouterMiddleOut} name={language.openrouterMiddleOut}/>
+    </div>
+    <span class="mb-2 text-2xl font-bold mt-2">{language.provider}</span>
+    <SelectInput bind:value={$DataBase.openrouterProvider}>
+        <OptionInput value="">Auto (Default)</OptionInput>
+        {#each openrouterProviders as provider}
+            <OptionInput value={provider}>{provider}</OptionInput>
+        {/each}
+    </SelectInput>
+</Arcodion>