From 2c04ca2b8d6e0b9385e0cd2b2c8beb1faf8aa2fb Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 4 Dec 2024 12:20:34 +0700
Subject: [PATCH 001/108] import frontend work from setup blazor web branch

---
 frontend/viewer/src/HomeView.svelte           |  3 +-
 frontend/viewer/src/lib/SyncConfig.svelte     |  3 +-
 .../viewer/src/lib/history/HistoryView.svelte | 37 ++--------
 .../src/lib/services/history-service.ts       | 67 +++++++++++++++++++
 .../src/lib/services/projects-service.ts      |  4 --
 .../lib/services/service-provider-dotnet.ts   | 67 ++++++++++++-------
 .../src/lib/services/service-provider.ts      | 28 +++++---
 frontend/viewer/src/main.ts                   |  2 +
 8 files changed, 143 insertions(+), 68 deletions(-)
 create mode 100644 frontend/viewer/src/lib/services/history-service.ts

diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 59d9c6b06..5eb908bff 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -13,8 +13,9 @@
   import {Button, Card, type ColumnDef, Table, TextField, tableCell, Icon, ProgressCircle} from 'svelte-ux';
   import flexLogo from './lib/assets/flex-logo.png';
   import DevContent, {isDev} from './lib/layout/DevContent.svelte';
-  import {useProjectsService, type Project, type ServerStatus} from './lib/services/projects-service';
+  import {type Project, type ServerStatus} from './lib/services/projects-service';
   import {onMount} from 'svelte';
+  import {useProjectsService} from './lib/services/service-provider';
 
   const projectsService = useProjectsService();
 
diff --git a/frontend/viewer/src/lib/SyncConfig.svelte b/frontend/viewer/src/lib/SyncConfig.svelte
index b92793273..c53239c4e 100644
--- a/frontend/viewer/src/lib/SyncConfig.svelte
+++ b/frontend/viewer/src/lib/SyncConfig.svelte
@@ -3,9 +3,10 @@
   import {mdiBookArrowUpOutline, mdiBookSyncOutline} from '@mdi/js';
   import {Button, SelectField} from 'svelte-ux';
   import {writable} from 'svelte/store';
-  import {type ServerStatus, useProjectsService} from './services/projects-service';
+  import {type ServerStatus} from './services/projects-service';
   import {getContext} from 'svelte';
   import {AppNotification} from './notifications/notifications';
+  import {useProjectsService} from './services/service-provider';
 
   const projectsService = useProjectsService();
   let projectName = getContext<string>('project-name');
diff --git a/frontend/viewer/src/lib/history/HistoryView.svelte b/frontend/viewer/src/lib/history/HistoryView.svelte
index 2e4d3dfd3..46362b42c 100644
--- a/frontend/viewer/src/lib/history/HistoryView.svelte
+++ b/frontend/viewer/src/lib/history/HistoryView.svelte
@@ -1,51 +1,28 @@
 <script lang="ts">
   import {mdiHistory} from '@mdi/js';
   import {Button, cls, Dialog, Duration, DurationUnits, InfiniteScroll, ListItem, Toggle} from 'svelte-ux';
-  import type {IEntry, IExampleSentence, ISense} from '../mini-lcm';
   import EntryEditor from '../entry-editor/object-editors/EntryEditor.svelte';
-  import {getContext} from 'svelte';
   import SenseEditor from '../entry-editor/object-editors/SenseEditor.svelte';
   import ExampleEditor from '../entry-editor/object-editors/ExampleEditor.svelte';
+  import {type HistoryItem, useHistoryService} from '../services/history-service';
 
-  type EntityType = { entity: IEntry, entityName: 'Entry' } | { entity: ISense, entityName: 'Sense' } | {
-    entity: IExampleSentence,
-    entityName: 'ExampleSentence'
-  } | { entity: undefined, entityName: undefined };
   export let id: string;
   export let small: boolean = false;
   let loading = false;
-  let record: typeof history[number] | undefined;
-  let projectName = getContext<string>('project-name');
-  let history: Array<{
-    commitId: string,
-    timestamp: string,
-    previousTimestamp?: string,
-    snapshotId: string,
-    changeName: string | undefined,
-  } & EntityType>;
+  let record: HistoryItem | undefined;
+  const historyService = useHistoryService();
+  let history: HistoryItem[];
 
   async function load() {
     loading = true;
-    const data = await fetch(`/api/history/${projectName}/${id}`).then(res => res.json());
-    if (!Array.isArray(data)) {
-      console.error('Invalid history data', data);
-      history = [];
-      return;
-    }
-    for (let i = 0; i < data.length; i++) {
-      let historyElement = data[i];
-      historyElement.previousTimestamp = data[i + 1]?.timestamp;
-    }
-    // Reverse the history so that the most recent changes are at the top
-    history = data.toReversed();
+    history = await historyService.load(id);
     record = history[0];
     loading = false;
   }
 
-  async function showEntry(row: typeof history[number]) {
+  async function showEntry(row: HistoryItem) {
     if (!row.entity || !row.snapshotId) {
-      const data = await fetch(`/api/history/${projectName}/snapshot/at/${row.timestamp}?entityId=${id}`).then(res => res.json());
-      record = {...row, entity: data.entity, entityName: data.typeName};
+      record = await historyService.fetchSnapshot(row, id);
     } else {
       record = row;
     }
diff --git a/frontend/viewer/src/lib/services/history-service.ts b/frontend/viewer/src/lib/services/history-service.ts
new file mode 100644
index 000000000..c16043d2b
--- /dev/null
+++ b/frontend/viewer/src/lib/services/history-service.ts
@@ -0,0 +1,67 @@
+import type {IEntry, IExampleSentence, ISense} from '../mini-lcm';
+import {getContext} from 'svelte';
+
+export function useHistoryService() {
+  const projectName = getContext<string>('project-name');
+  return new HistoryService(projectName);
+}
+
+type EntityType = { entity: IEntry, entityName: 'Entry' } | { entity: ISense, entityName: 'Sense' } | {
+  entity: IExampleSentence,
+  entityName: 'ExampleSentence'
+} | { entity: undefined, entityName: undefined };
+
+export type HistoryItem = {
+  commitId: string,
+  timestamp: string,
+  previousTimestamp?: string,
+  snapshotId: string,
+  changeName: string | undefined,
+} & EntityType;
+
+export class HistoryService {
+
+  constructor(private projectName: string) {
+  }
+
+  async load(objectId: string) {
+    const data = await fetch(`/api/history/${this.projectName}/${objectId}`)
+      .then(res => res.json()) as HistoryItem[];
+    if (!Array.isArray(data)) {
+      console.error('Invalid history data', data);
+      return [];
+    }
+    for (let i = 0; i < data.length; i++) {
+      const historyElement = data[i];
+      historyElement.previousTimestamp = data[i + 1]?.timestamp;
+    }
+    // Reverse the history so that the most recent changes are at the top
+    return data.toReversed();
+  }
+
+  async fetchSnapshot(history: HistoryItem, objectId: string): Promise<HistoryItem> {
+    const data = await fetch(`/api/history/${this.projectName}/snapshot/at/${history.timestamp}?entityId=${objectId}`).then(res => res.json()) as EntityType['entity'];
+    if (this.isEntry(data)) {
+      return {...history, entity: data, entityName: 'Entry'};
+    }
+    if (this.isSense(data)) {
+      return {...history, entity: data, entityName: 'Sense'};
+    }
+    if (this.isExample(data)) {
+      return {...history, entity: data, entityName: 'ExampleSentence'};
+    }
+    throw new Error('Unable to determine type of object ' + JSON.stringify(data));
+  }
+
+  isEntry(data: EntityType['entity']): data is IEntry {
+    return !this.isSense(data) && !this.isExample(data);
+  }
+  isSense(data: EntityType['entity']): data is ISense {
+    if (data === undefined) return false;
+    return 'entryId' in data;
+  }
+  isExample(data: EntityType['entity']): data is IExampleSentence {
+    if (data === undefined) return false;
+    return 'senseId' in data;
+  }
+}
diff --git a/frontend/viewer/src/lib/services/projects-service.ts b/frontend/viewer/src/lib/services/projects-service.ts
index 9ea029b69..5695733c4 100644
--- a/frontend/viewer/src/lib/services/projects-service.ts
+++ b/frontend/viewer/src/lib/services/projects-service.ts
@@ -9,9 +9,6 @@ export type Project = {
   id: string | null
 };
 export type ServerStatus = { displayName: string; loggedIn: boolean; loggedInAs: string | null, authority: string };
-export function useProjectsService(): ProjectService {
-  return projectService;
-}
 export class ProjectService {
   async createProject(newProjectName: string): Promise<{error: string|undefined}> {
 
@@ -78,4 +75,3 @@ export class ProjectService {
     return (await r.json()) as ServerStatus[];
   }
 }
-const projectService = new ProjectService();
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index 8fa63d06e..e5fbac6f4 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -1,33 +1,54 @@
 /* eslint-disable */
-import type { DotNet } from '@microsoft/dotnet-js-interop';
-import type { LexboxApiClient, LexboxApiMetadata } from './lexbox-api';
-import { LexboxService } from './service-provider';
+import  { type DotNet } from '@microsoft/dotnet-js-interop';
+import {LexboxService, type LexboxServiceRegistry} from './service-provider';
 
 declare global {
   interface Lexbox {
-    DotNetServiceProvider?: typeof DotNetServiceProvider;
+    DotNetServiceProvider?: DotNetServiceProvider;
+    FwLiteProvider?: LexboxServiceRegistry;
   }
 }
-
 export class DotNetServiceProvider {
-  static setLexboxApi(service: DotNet.DotNetObject) {
-    const dotNetProxy = new Proxy(service, {
-      get(target: DotNet.DotNetObject, prop: string) {
-        if (prop === 'SupportedFeatures' satisfies keyof LexboxApiMetadata) {
-          return () => {
-            return {
-              history: true,
-              write: true,
-            };
-          }
-        }
-        return function (...args: any[]) {
-          return target.invokeMethodAsync(prop, ...args);
-        };
-      },
-    }) as unknown as LexboxApiClient;
-    globalThis.window.lexbox.ServiceProvider.setService(LexboxService.LexboxApi, dotNetProxy);
+  private services: LexboxServiceRegistry;
+
+  constructor() {
+    this.services = globalThis.window.lexbox.FwLiteProvider ?? ({} as LexboxServiceRegistry);
+  }
+
+  public async setOverrideServices(fwLiteProvider: LexboxServiceRegistry) {
+    this.services = fwLiteProvider;
+  }
+
+  public getService<K extends LexboxService>(key: K): LexboxServiceRegistry[K] {
+    this.validateAllServices();
+    return wrapInProxy(this.services[key] as unknown as DotNet.DotNetObject) as LexboxServiceRegistry[K];
+  }
+  private validateAllServices() {
+    const serviceKeys = Object.keys(this.services);
+    const validServiceKeys = Object.values(LexboxService);
+    for (const key of serviceKeys) {
+      if (!validServiceKeys.includes(key as LexboxService)) {
+        throw new Error(`Invalid service key: ${key}. Valid values are: ${validServiceKeys.join(', ')}`);
+      }
+    }
   }
 }
 
-globalThis.window.lexbox.DotNetServiceProvider = DotNetServiceProvider;
+function wrapInProxy(dotnetObject: DotNet.DotNetObject): any {
+  return new Proxy(dotnetObject, {
+    get(target: DotNet.DotNetObject, prop: string) {
+      return function (...args: any[]) {
+        return target.invokeMethodAsync(prop, ...args);
+      };
+    },
+  });
+}
+export function setupDotnetServiceProvider() {
+  const lexbox = {DotNetServiceProvider: new DotNetServiceProvider()};
+  if (globalThis.window.lexbox) {
+    globalThis.window.lexbox = {...globalThis.window.lexbox, ...lexbox};
+  } else {
+    // @ts-ignore
+    globalThis.window.lexbox = lexbox;
+  }
+}
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index 7deed7a15..6ace05f75 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -1,5 +1,6 @@
 import type {LexboxApiClient} from './lexbox-api';
 import {openSearch} from '../search-bar/search';
+import {ProjectService} from './projects-service';
 
 declare global {
 
@@ -17,10 +18,12 @@ declare global {
 
 export enum LexboxService {
   LexboxApi = 'LexboxApi',
+  ProjectsService = 'ProjectsService',
 }
 
-type LexboxServiceRegistry = {
+export type LexboxServiceRegistry = {
   [LexboxService.LexboxApi]: LexboxApiClient,
+  [LexboxService.ProjectsService]: ProjectService,
 };
 
 const SERVICE_KEYS = Object.values(LexboxService);
@@ -33,11 +36,11 @@ export class LexboxServiceProvider {
     this.services[key] = service;
   }
 
-  public getService<K extends LexboxService>(key: LexboxService): LexboxServiceRegistry[K] {
+  public getService<K extends LexboxService>(key: K): LexboxServiceRegistry[K] {
     this.validateServiceKey(key);
-    const service = this.services[key];
+    const service = globalThis.window.lexbox.DotNetServiceProvider?.getService(key) ?? this.services[key];
     if (!service) throw new Error(`Lexbox service '${key}' not found`);
-    return this.services[key];
+    return service;
   }
 
   private validateServiceKey(key: LexboxService): void {
@@ -47,14 +50,21 @@ export class LexboxServiceProvider {
   }
 }
 
-if (!window.lexbox) {
+{
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  window.lexbox = {ServiceProvider: new LexboxServiceProvider(), Search: {openSearch: openSearch}};
-} else {
-  window.lexbox.ServiceProvider = new LexboxServiceProvider();
-  window.lexbox.Search = {openSearch: openSearch};
+  const lexbox = {ServiceProvider: new LexboxServiceProvider(), Search: {openSearch: openSearch}}
+  if (!window.lexbox) {
+    window.lexbox = lexbox;
+  } else {
+    window.lexbox = {...window.lexbox, ...lexbox};
+  }
 }
 
 export function useLexboxApi(): LexboxApiClient {
   return window.lexbox.ServiceProvider.getService(LexboxService.LexboxApi);
 }
+
+export function useProjectsService(): ProjectService {
+  return window.lexbox.ServiceProvider.getService(LexboxService.ProjectsService);
+}
+window.lexbox.ServiceProvider.setService(LexboxService.ProjectsService, new ProjectService());
diff --git a/frontend/viewer/src/main.ts b/frontend/viewer/src/main.ts
index 0b6ab09d5..6b68f1397 100644
--- a/frontend/viewer/src/main.ts
+++ b/frontend/viewer/src/main.ts
@@ -3,7 +3,9 @@
 import './app.postcss';
 
 import App from './App.svelte';
+import {setupDotnetServiceProvider} from './lib/services/service-provider-dotnet';
 
+setupDotnetServiceProvider();
 new App({
   target: document.getElementById('app')!,
 });

From 5fbd11f3907b0a66d05db5b18500525ebc22651c Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 4 Dec 2024 13:50:09 +0700
Subject: [PATCH 002/108] import fw lite desktop changes

---
 backend/FwLite/FwLiteDesktop/App.xaml         |  26 +-
 backend/FwLite/FwLiteDesktop/App.xaml.cs      |   7 +-
 .../FwLiteDesktop/Components/_Imports.razor   |  10 +
 .../FwLite/FwLiteDesktop/FwLiteDesktop.csproj |   4 +-
 .../FwLiteDesktop/FwLiteDesktopKernel.cs      |  29 +-
 .../FwLite/FwLiteDesktop/LocalWebAppConfig.cs |   6 -
 backend/FwLite/FwLiteDesktop/MainPage.xaml    |   9 +-
 backend/FwLite/FwLiteDesktop/MainPage.xaml.cs |  57 +--
 backend/FwLite/FwLiteDesktop/MauiProgram.cs   |  18 +-
 .../Resources/Styles/Colors.xaml              |  45 --
 .../Resources/Styles/Styles.xaml              | 427 ------------------
 .../ServerBridge/ServerConfigProvider.cs      |  34 --
 .../ServerBridge/ServerManager.cs             |  67 ---
 backend/FwLite/FwLiteDesktop/wwwroot/app.css  |  19 +
 .../FwLite/FwLiteDesktop/wwwroot/index.html   |  21 +
 15 files changed, 111 insertions(+), 668 deletions(-)
 create mode 100644 backend/FwLite/FwLiteDesktop/Components/_Imports.razor
 delete mode 100644 backend/FwLite/FwLiteDesktop/LocalWebAppConfig.cs
 delete mode 100644 backend/FwLite/FwLiteDesktop/Resources/Styles/Colors.xaml
 delete mode 100644 backend/FwLite/FwLiteDesktop/Resources/Styles/Styles.xaml
 delete mode 100644 backend/FwLite/FwLiteDesktop/ServerBridge/ServerConfigProvider.cs
 delete mode 100644 backend/FwLite/FwLiteDesktop/ServerBridge/ServerManager.cs
 create mode 100644 backend/FwLite/FwLiteDesktop/wwwroot/app.css
 create mode 100644 backend/FwLite/FwLiteDesktop/wwwroot/index.html

diff --git a/backend/FwLite/FwLiteDesktop/App.xaml b/backend/FwLite/FwLiteDesktop/App.xaml
index 80c139542..188c14802 100644
--- a/backend/FwLite/FwLiteDesktop/App.xaml
+++ b/backend/FwLite/FwLiteDesktop/App.xaml
@@ -5,10 +5,28 @@
              x:Class="FwLiteDesktop.App">
     <Application.Resources>
         <ResourceDictionary>
-            <ResourceDictionary.MergedDictionaries>
-                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
-                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
-            </ResourceDictionary.MergedDictionaries>
+
+            <Color x:Key="PageBackgroundColor">#512bdf</Color>
+            <Color x:Key="PrimaryTextColor">White</Color>
+
+            <Style TargetType="Label">
+                <Setter Property="TextColor"
+                        Value="{DynamicResource PrimaryTextColor}"/>
+                <Setter Property="FontFamily"
+                        Value="OpenSansRegular"/>
+            </Style>
+
+            <Style TargetType="Button">
+                <Setter Property="TextColor"
+                        Value="{DynamicResource PrimaryTextColor}"/>
+                <Setter Property="FontFamily"
+                        Value="OpenSansRegular"/>
+                <Setter Property="BackgroundColor"
+                        Value="#2b0b98"/>
+                <Setter Property="Padding"
+                        Value="14,10"/>
+            </Style>
+
         </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/backend/FwLite/FwLiteDesktop/App.xaml.cs b/backend/FwLite/FwLiteDesktop/App.xaml.cs
index 7c66fda27..b2249dbd1 100644
--- a/backend/FwLite/FwLiteDesktop/App.xaml.cs
+++ b/backend/FwLite/FwLiteDesktop/App.xaml.cs
@@ -2,10 +2,13 @@
 
 public partial class App : Application
 {
-    public App(MainPage mainPage)
+    public App()
     {
         InitializeComponent();
+    }
 
-        MainPage = mainPage;
+    protected override Window CreateWindow(IActivationState? activationState)
+    {
+        return new Window(new MainPage());
     }
 }
diff --git a/backend/FwLite/FwLiteDesktop/Components/_Imports.razor b/backend/FwLite/FwLiteDesktop/Components/_Imports.razor
new file mode 100644
index 000000000..9f4fe909b
--- /dev/null
+++ b/backend/FwLite/FwLiteDesktop/Components/_Imports.razor
@@ -0,0 +1,10 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using FwLiteDesktop.Components
+@using FwLiteDesktop
+@using FwLiteShared
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 14017906e..42a57f082 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk.Razor">
 
 	<PropertyGroup>
 <!--        for now we only target windows-->
@@ -20,6 +20,7 @@
 		<UseMaui>true</UseMaui>
 		<SingleProject>true</SingleProject>
 		<ImplicitUsings>enable</ImplicitUsings>
+        <EnableDefaultCssItems>false</EnableDefaultCssItems>
 		<Nullable>enable</Nullable>
         <SelfContained>true</SelfContained>
         <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>
@@ -85,6 +86,7 @@
 
 	<ItemGroup>
 	    <ProjectReference Include="..\LocalWebApp\LocalWebApp.csproj" />
+        <ProjectReference Include="..\FwLiteShared\FwLiteShared.csproj" />
         <ProjectReference Include="..\LcmCrdt\LcmCrdt.csproj" />
         <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
 	</ItemGroup>
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index ece707252..646a2a987 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -1,9 +1,10 @@
 using Windows.ApplicationModel;
-using FwLiteDesktop.ServerBridge;
+using FwLiteShared;
 using FwLiteShared.Auth;
 using LcmCrdt;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.Hosting;
+using Microsoft.Extensions.Hosting.Internal;
 using Microsoft.Extensions.Logging;
 using NReco.Logging.File;
 
@@ -18,32 +19,24 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         services.AddSingleton<MainPage>();
         configuration.AddJsonFile("appsettings.json", optional: true);
 
+
         string environment = "Production";
 #if DEBUG
         environment = "Development";
 #endif
+        services.AddFwLiteShared(new HostingEnvironment() { EnvironmentName = environment });
         var defaultDataPath = IsPackagedApp ? FileSystem.AppDataDirectory : Directory.GetCurrentDirectory();
         var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ?? defaultDataPath);
         Directory.CreateDirectory(baseDataPath);
-        var serverManager = new ServerManager(environment, webAppBuilder =>
+        services.Configure<LcmCrdtConfig>(config =>
+        {
+            config.ProjectPath = baseDataPath;
+        });
+        services.Configure<AuthConfig>(config =>
         {
-            webAppBuilder.Logging.AddFile(Path.Combine(baseDataPath, "web-app.log"));
-            webAppBuilder.Services.Configure<LcmCrdtConfig>(config =>
-            {
-                config.ProjectPath = baseDataPath;
-            });
-            webAppBuilder.Services.Configure<AuthConfig>(config =>
-            {
-                config.CacheFileName = Path.Combine(baseDataPath, "msal.cache");
-                config.SystemWebViewLogin = true;
-            });
+            config.CacheFileName = Path.Combine(baseDataPath, "msal.cache");
+            config.SystemWebViewLogin = true;
         });
-        //using a lambda here means that the serverManager will be disposed when the app is disposed
-        services.AddSingleton<ServerManager>(_ => serverManager);
-        services.AddSingleton<IMauiInitializeService>(_ => _.GetRequiredService<ServerManager>());
-        services.AddSingleton<IHostEnvironment>(_ => _.GetRequiredService<ServerManager>().WebServices.GetRequiredService<IHostEnvironment>());
-        configuration.Add<ServerConfigSource>(source => source.ServerManager = serverManager);
-        services.AddOptions<LocalWebAppConfig>().BindConfiguration("LocalWebApp");
         logging.AddFile(Path.Combine(baseDataPath, "app.log"));
         logging.AddConsole();
 #if DEBUG
diff --git a/backend/FwLite/FwLiteDesktop/LocalWebAppConfig.cs b/backend/FwLite/FwLiteDesktop/LocalWebAppConfig.cs
deleted file mode 100644
index 15cba6e5e..000000000
--- a/backend/FwLite/FwLiteDesktop/LocalWebAppConfig.cs
+++ /dev/null
@@ -1,6 +0,0 @@
-namespace FwLiteDesktop;
-
-public class LocalWebAppConfig
-{
-    public string? Url { get; set; }
-}
diff --git a/backend/FwLite/FwLiteDesktop/MainPage.xaml b/backend/FwLite/FwLiteDesktop/MainPage.xaml
index 37d1dd4d0..268e060fa 100644
--- a/backend/FwLite/FwLiteDesktop/MainPage.xaml
+++ b/backend/FwLite/FwLiteDesktop/MainPage.xaml
@@ -1,8 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:FwLiteDesktop"
+             xmlns:shared="clr-namespace:FwLiteShared;assembly=FwLiteShared"
              x:Class="FwLiteDesktop.MainPage">
-
-    <WebView x:Name="webView" IsVisible="False"/>
+    <BlazorWebView x:Name="blazorWebView" HostPage="wwwroot/index.html">
+        <BlazorWebView.RootComponents>
+            <RootComponent Selector="#app" ComponentType="{x:Type shared:Routes}"/>
+        </BlazorWebView.RootComponents>
+    </BlazorWebView>
 
 </ContentPage>
diff --git a/backend/FwLite/FwLiteDesktop/MainPage.xaml.cs b/backend/FwLite/FwLiteDesktop/MainPage.xaml.cs
index c4e45f04d..029e41a33 100644
--- a/backend/FwLite/FwLiteDesktop/MainPage.xaml.cs
+++ b/backend/FwLite/FwLiteDesktop/MainPage.xaml.cs
@@ -6,63 +6,8 @@ namespace FwLiteDesktop;
 
 public partial class MainPage : ContentPage
 {
-    private readonly ILogger<MainPage> _logger;
-    private readonly IHostEnvironment _environment;
-
-    public MainPage(IOptionsMonitor<LocalWebAppConfig> options, ILogger<MainPage> logger, IHostEnvironment environment)
+    public MainPage()
     {
-        _logger = logger;
-        _environment = environment;
         InitializeComponent();
-        options.OnChange(o =>
-        {
-            var url = o.Url;
-            webView.Dispatcher.Dispatch(() => webView.Source = url);
-            logger.LogInformation("Url updated: {Url}", url);
-        });
-        var url = options.CurrentValue.Url;
-        webView.Source = url;
-        logger.LogInformation("Main page initialized, url: {Url}", url);
-        webView.Navigating += (sender, args) =>
-        {
-            logger.LogInformation("Web view navigating to {Url}", args.Url);
-        };
-        int navigatedCount = 0;
-        int maxNavigatedCount = 10;
-        webView.Navigated += (sender, args) =>
-        {
-            logger.LogInformation("Web view navigated to {Url}, result: {Result}", args.Url, args.Result);
-            if (args.Url.StartsWith("https://appdir") && options.CurrentValue.Url is not null)
-            {
-                if (++navigatedCount <= maxNavigatedCount)
-                {
-                    logger.LogInformation("Navigating to {Url}", options.CurrentValue.Url);
-                    webView.Dispatcher.DispatchDelayed(TimeSpan.FromMilliseconds(100 * navigatedCount),
-                        () => webView.Source = options.CurrentValue.Url);
-                }
-                else
-                {
-                    logger.LogWarning("Too many navigations, stopping");
-                }
-            }
-            else if (!args.Url.StartsWith("https://appdir"))
-            {
-                NavigationSuccess();
-            }
-        };
-    }
-
-    private void NavigationSuccess()
-    {
-        webView.IsVisible = true;
-        if (_environment.IsDevelopment())
-        {
-            _logger.LogInformation("Enabling dev mode in browser");
-            //lang=js
-            webView.Eval("""
-                         localStorage.setItem('devMode', 'true');
-                         if (enableDevMode) enableDevMode();
-                         """);
-        }
     }
 }
diff --git a/backend/FwLite/FwLiteDesktop/MauiProgram.cs b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
index ef91d179f..e8ad4fc57 100644
--- a/backend/FwLite/FwLiteDesktop/MauiProgram.cs
+++ b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
@@ -1,7 +1,8 @@
-using FwLiteDesktop.ServerBridge;
+using FwLiteShared;
 using LcmCrdt;
 using LocalWebApp;
 using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.Hosting.Internal;
 using Microsoft.Extensions.Logging;
 using Microsoft.Maui.LifecycleEvents;
 using NReco.Logging.File;
@@ -17,7 +18,7 @@ private record AppHolder(MauiApp? App)
 
     public static MauiApp CreateMauiApp()
     {
-        AppHolder holder = new AppHolder(null);
+        // AppHolder holder = new AppHolder(null);
         var builder = MauiApp.CreateBuilder();
         builder
             .UseMauiApp<App>()
@@ -30,14 +31,19 @@ public static MauiApp CreateMauiApp()
         {
             windowsEvents.OnClosed((window, args) =>
             {
-                holder.App?.Services.GetRequiredService<ServerManager>().Stop();
             });
         }));
 
+        builder.Services.AddMauiBlazorWebView();
+#if DEBUG
+        builder.Services.AddBlazorWebViewDeveloperTools();
+        builder.Logging.AddDebug();
+#endif
+        Directory.CreateDirectory(FileSystem.AppDataDirectory);
         builder.Services.AddFwLiteDesktopServices(builder.Configuration, builder.Logging);
 
-        holder.App = builder.Build();
-        var logger = holder.App.Services.GetRequiredService<ILogger<MauiApp>>();
+        var app = builder.Build();
+        var logger = app.Services.GetRequiredService<ILogger<MauiApp>>();
         logger.LogInformation("App started");
         AppDomain.CurrentDomain.UnhandledException += (sender, e) =>
         {
@@ -54,6 +60,6 @@ public static MauiApp CreateMauiApp()
         {
             logger.LogError(e.Exception, "Unobserved task exception");
         };
-        return holder.App;
+        return app;
     }
 }
diff --git a/backend/FwLite/FwLiteDesktop/Resources/Styles/Colors.xaml b/backend/FwLite/FwLiteDesktop/Resources/Styles/Colors.xaml
deleted file mode 100644
index 30307a5dd..000000000
--- a/backend/FwLite/FwLiteDesktop/Resources/Styles/Colors.xaml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<?xaml-comp compile="true" ?>
-<ResourceDictionary 
-    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
-
-    <!-- Note: For Android please see also Platforms\Android\Resources\values\colors.xml -->
-
-    <Color x:Key="Primary">#512BD4</Color>
-    <Color x:Key="PrimaryDark">#ac99ea</Color>
-    <Color x:Key="PrimaryDarkText">#242424</Color>
-    <Color x:Key="Secondary">#DFD8F7</Color>
-    <Color x:Key="SecondaryDarkText">#9880e5</Color>
-    <Color x:Key="Tertiary">#2B0B98</Color>
-
-    <Color x:Key="White">White</Color>
-    <Color x:Key="Black">Black</Color>
-    <Color x:Key="Magenta">#D600AA</Color>
-    <Color x:Key="MidnightBlue">#190649</Color>
-    <Color x:Key="OffBlack">#1f1f1f</Color>
-
-    <Color x:Key="Gray100">#E1E1E1</Color>
-    <Color x:Key="Gray200">#C8C8C8</Color>
-    <Color x:Key="Gray300">#ACACAC</Color>
-    <Color x:Key="Gray400">#919191</Color>
-    <Color x:Key="Gray500">#6E6E6E</Color>
-    <Color x:Key="Gray600">#404040</Color>
-    <Color x:Key="Gray900">#212121</Color>
-    <Color x:Key="Gray950">#141414</Color>
-
-    <SolidColorBrush x:Key="PrimaryBrush" Color="{StaticResource Primary}"/>
-    <SolidColorBrush x:Key="SecondaryBrush" Color="{StaticResource Secondary}"/>
-    <SolidColorBrush x:Key="TertiaryBrush" Color="{StaticResource Tertiary}"/>
-    <SolidColorBrush x:Key="WhiteBrush" Color="{StaticResource White}"/>
-    <SolidColorBrush x:Key="BlackBrush" Color="{StaticResource Black}"/>
-
-    <SolidColorBrush x:Key="Gray100Brush" Color="{StaticResource Gray100}"/>
-    <SolidColorBrush x:Key="Gray200Brush" Color="{StaticResource Gray200}"/>
-    <SolidColorBrush x:Key="Gray300Brush" Color="{StaticResource Gray300}"/>
-    <SolidColorBrush x:Key="Gray400Brush" Color="{StaticResource Gray400}"/>
-    <SolidColorBrush x:Key="Gray500Brush" Color="{StaticResource Gray500}"/>
-    <SolidColorBrush x:Key="Gray600Brush" Color="{StaticResource Gray600}"/>
-    <SolidColorBrush x:Key="Gray900Brush" Color="{StaticResource Gray900}"/>
-    <SolidColorBrush x:Key="Gray950Brush" Color="{StaticResource Gray950}"/>
-</ResourceDictionary>
\ No newline at end of file
diff --git a/backend/FwLite/FwLiteDesktop/Resources/Styles/Styles.xaml b/backend/FwLite/FwLiteDesktop/Resources/Styles/Styles.xaml
deleted file mode 100644
index 6641e3aed..000000000
--- a/backend/FwLite/FwLiteDesktop/Resources/Styles/Styles.xaml
+++ /dev/null
@@ -1,427 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<?xaml-comp compile="true" ?>
-<ResourceDictionary 
-    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
-
-    <Style TargetType="ActivityIndicator">
-        <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-    </Style>
-
-    <Style TargetType="IndicatorView">
-        <Setter Property="IndicatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}"/>
-        <Setter Property="SelectedIndicatorColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray100}}"/>
-    </Style>
-
-    <Style TargetType="Border">
-        <Setter Property="Stroke" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
-        <Setter Property="StrokeShape" Value="Rectangle"/>
-        <Setter Property="StrokeThickness" Value="1"/>
-    </Style>
-
-    <Style TargetType="BoxView">
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
-    </Style>
-
-    <Style TargetType="Button">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}" />
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="BorderWidth" Value="0"/>
-        <Setter Property="CornerRadius" Value="8"/>
-        <Setter Property="Padding" Value="14,10"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
-                            <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                    <VisualState x:Name="PointerOver" />
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="CheckBox">
-        <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="DatePicker">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Editor">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Entry">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Frame">
-        <Setter Property="HasShadow" Value="False" />
-        <Setter Property="BorderColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
-        <Setter Property="CornerRadius" Value="8" />
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
-    </Style>
-
-    <Style TargetType="ImageButton">
-        <Setter Property="Opacity" Value="1" />
-        <Setter Property="BorderColor" Value="Transparent"/>
-        <Setter Property="BorderWidth" Value="0"/>
-        <Setter Property="CornerRadius" Value="0"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="Opacity" Value="0.5" />
-                        </VisualState.Setters>
-                    </VisualState>
-                    <VisualState x:Name="PointerOver" />
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Label">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Span">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
-    </Style>
-
-    <Style TargetType="Label" x:Key="Headline">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
-        <Setter Property="FontSize" Value="32" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-    </Style>
-
-    <Style TargetType="Label" x:Key="SubHeadline">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource MidnightBlue}, Dark={StaticResource White}}" />
-        <Setter Property="FontSize" Value="24" />
-        <Setter Property="HorizontalOptions" Value="Center" />
-        <Setter Property="HorizontalTextAlignment" Value="Center" />
-    </Style>
-
-    <Style TargetType="ListView">
-        <Setter Property="SeparatorColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray500}}" />
-        <Setter Property="RefreshControlColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
-    </Style>
-
-    <Style TargetType="Picker">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
-        <Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                            <Setter Property="TitleColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="ProgressBar">
-        <Setter Property="ProgressColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="ProgressColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="RadioButton">
-        <Setter Property="BackgroundColor" Value="Transparent"/>
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}" />
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="RefreshView">
-        <Setter Property="RefreshColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
-    </Style>
-
-    <Style TargetType="SearchBar">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
-        <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
-        <Setter Property="CancelButtonColor" Value="{StaticResource Gray500}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                            <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="SearchHandler">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
-        <Setter Property="PlaceholderColor" Value="{StaticResource Gray500}" />
-        <Setter Property="BackgroundColor" Value="Transparent" />
-        <Setter Property="FontFamily" Value="OpenSansRegular" />
-        <Setter Property="FontSize" Value="14" />
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                            <Setter Property="PlaceholderColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Shadow">
-        <Setter Property="Radius" Value="15" />
-        <Setter Property="Opacity" Value="0.5" />
-        <Setter Property="Brush" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource White}}" />
-        <Setter Property="Offset" Value="10,10" />
-    </Style>
-
-    <Style TargetType="Slider">
-        <Setter Property="MinimumTrackColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-        <Setter Property="MaximumTrackColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray600}}" />
-        <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="MinimumTrackColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
-                            <Setter Property="MaximumTrackColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
-                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}"/>
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="SwipeItem">
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
-    </Style>
-
-    <Style TargetType="Switch">
-        <Setter Property="OnColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-        <Setter Property="ThumbColor" Value="{StaticResource White}" />
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="OnColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                    <VisualState x:Name="On">
-                        <VisualState.Setters>
-                            <Setter Property="OnColor" Value="{AppThemeBinding Light={StaticResource Secondary}, Dark={StaticResource Gray200}}" />
-                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                    <VisualState x:Name="Off">
-                        <VisualState.Setters>
-                            <Setter Property="ThumbColor" Value="{AppThemeBinding Light={StaticResource Gray400}, Dark={StaticResource Gray500}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="TimePicker">
-        <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource White}}" />
-        <Setter Property="BackgroundColor" Value="Transparent"/>
-        <Setter Property="FontFamily" Value="OpenSansRegular"/>
-        <Setter Property="FontSize" Value="14"/>
-        <Setter Property="MinimumHeightRequest" Value="44"/>
-        <Setter Property="MinimumWidthRequest" Value="44"/>
-        <Setter Property="VisualStateManager.VisualStateGroups">
-            <VisualStateGroupList>
-                <VisualStateGroup x:Name="CommonStates">
-                    <VisualState x:Name="Normal" />
-                    <VisualState x:Name="Disabled">
-                        <VisualState.Setters>
-                            <Setter Property="TextColor" Value="{AppThemeBinding Light={StaticResource Gray300}, Dark={StaticResource Gray600}}" />
-                        </VisualState.Setters>
-                    </VisualState>
-                </VisualStateGroup>
-            </VisualStateGroupList>
-        </Setter>
-    </Style>
-
-    <Style TargetType="Page" ApplyToDerivedTypes="True">
-        <Setter Property="Padding" Value="0"/>
-        <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource OffBlack}}" />
-    </Style>
-
-    <Style TargetType="Shell" ApplyToDerivedTypes="True">
-        <Setter Property="Shell.BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource OffBlack}}" />
-        <Setter Property="Shell.ForegroundColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource SecondaryDarkText}}" />
-        <Setter Property="Shell.TitleColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource SecondaryDarkText}}" />
-        <Setter Property="Shell.DisabledColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
-        <Setter Property="Shell.UnselectedColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray200}}" />
-        <Setter Property="Shell.NavBarHasShadow" Value="False" />
-        <Setter Property="Shell.TabBarBackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}" />
-        <Setter Property="Shell.TabBarForegroundColor" Value="{AppThemeBinding Light={StaticResource Magenta}, Dark={StaticResource White}}" />
-        <Setter Property="Shell.TabBarTitleColor" Value="{AppThemeBinding Light={StaticResource Magenta}, Dark={StaticResource White}}" />
-        <Setter Property="Shell.TabBarUnselectedColor" Value="{AppThemeBinding Light={StaticResource Gray900}, Dark={StaticResource Gray200}}" />
-    </Style>
-
-    <Style TargetType="NavigationPage">
-        <Setter Property="BarBackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource OffBlack}}" />
-        <Setter Property="BarTextColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource White}}" />
-        <Setter Property="IconColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource White}}" />
-    </Style>
-
-    <Style TargetType="TabbedPage">
-        <Setter Property="BarBackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Gray950}}" />
-        <Setter Property="BarTextColor" Value="{AppThemeBinding Light={StaticResource Magenta}, Dark={StaticResource White}}" />
-        <Setter Property="UnselectedTabColor" Value="{AppThemeBinding Light={StaticResource Gray200}, Dark={StaticResource Gray950}}" />
-        <Setter Property="SelectedTabColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
-    </Style>
-
-</ResourceDictionary>
diff --git a/backend/FwLite/FwLiteDesktop/ServerBridge/ServerConfigProvider.cs b/backend/FwLite/FwLiteDesktop/ServerBridge/ServerConfigProvider.cs
deleted file mode 100644
index 98fc0d2ae..000000000
--- a/backend/FwLite/FwLiteDesktop/ServerBridge/ServerConfigProvider.cs
+++ /dev/null
@@ -1,34 +0,0 @@
-using LocalWebApp;
-using Microsoft.Extensions.Configuration;
-
-namespace FwLiteDesktop.ServerBridge;
-
-public class ServerConfigSource : IConfigurationSource
-{
-    public ServerManager? ServerManager { get; set; }
-
-    public IConfigurationProvider Build(IConfigurationBuilder builder)
-    {
-        if (ServerManager is null)
-            throw new InvalidOperationException("ServerManager is not set");
-        return new ServerConfigProvider(ServerManager);
-    }
-}
-
-public class ServerConfigProvider : ConfigurationProvider
-{
-    public ServerConfigProvider(ServerManager serverManager)
-    {
-        _ = serverManager.Started.ContinueWith(t =>
-            {
-                var (url, _) = t.Result.Services.GetRequiredService<UrlContext>().GetUrl();
-                Data = new Dictionary<string, string?> { ["LocalWebApp:Url"] = url.ToString() };
-                OnReload();
-            },
-            scheduler: TaskScheduler.Default);
-    }
-
-    public override void Load()
-    {
-    }
-}
diff --git a/backend/FwLite/FwLiteDesktop/ServerBridge/ServerManager.cs b/backend/FwLite/FwLiteDesktop/ServerBridge/ServerManager.cs
deleted file mode 100644
index 4cfb2ccd3..000000000
--- a/backend/FwLite/FwLiteDesktop/ServerBridge/ServerManager.cs
+++ /dev/null
@@ -1,67 +0,0 @@
-using FwDataMiniLcmBridge;
-using LocalWebApp;
-using Microsoft.AspNetCore.Builder;
-using Microsoft.Extensions.Hosting;
-using Microsoft.Extensions.Logging;
-
-namespace FwLiteDesktop.ServerBridge;
-
-public class ServerManager(string environment, Action<WebApplicationBuilder>? configure = null) : IMauiInitializeService
-{
-    private readonly TaskCompletionSource<WebApplication> _started = new();
-    public Task<WebApplication> Started => _started.Task;
-    private WebApplication? _webApp;
-    private ILogger<ServerManager>? _logger;
-    private Thread? _thread;
-    private readonly ManualResetEvent _stop = new(false);
-    public IServiceProvider WebServices => _webApp?.Services ?? throw new ApplicationException("initlize not yet called");
-
-    public void Initialize(IServiceProvider services)
-    {
-        Start(services.GetRequiredService<ILogger<ServerManager>>());
-    }
-
-    private void Start(ILogger<ServerManager> logger)
-    {
-        _logger = logger;
-        _webApp = LocalWebAppServer.SetupAppServer(new WebApplicationOptions(){EnvironmentName = environment}, configure);
-        _thread = new Thread(() =>
-        {
-            _ = Task.Run(async () =>
-            {
-                try
-                {
-                    logger.LogInformation("Starting web app");
-                    await _webApp.StartAsync();
-                }
-                catch (Exception e)
-                {
-                    logger.LogError(e, "Failed to start web app");
-                    _webApp.DisposeAsync().GetAwaiter().GetResult();
-                    throw;
-                }
-
-                logger.LogInformation("Web app started");
-                _started.SetResult(_webApp);
-            });
-            _stop.WaitOne();
-            _webApp.StopAsync().GetAwaiter().GetResult();
-            _webApp.DisposeAsync().GetAwaiter().GetResult();
-            _webApp = null;
-            logger.LogInformation("Web app fully shutdown");
-        });
-        _thread.IsBackground = false;
-        _thread.Start();
-    }
-
-    public void Stop()
-    {
-        _logger?.LogInformation("Stopping ServerManager");
-        _stop.Set();
-    }
-
-    ~ServerManager()
-    {
-        _stop.Set();
-    }
-}
diff --git a/backend/FwLite/FwLiteDesktop/wwwroot/app.css b/backend/FwLite/FwLiteDesktop/wwwroot/app.css
new file mode 100644
index 000000000..35a92a199
--- /dev/null
+++ b/backend/FwLite/FwLiteDesktop/wwwroot/app.css
@@ -0,0 +1,19 @@
+.status-bar-safe-area {
+    display: none;
+}
+
+@supports (-webkit-touch-callout: none) {
+    .status-bar-safe-area {
+        display: flex;
+        position: sticky;
+        top: 0;
+        height: env(safe-area-inset-top);
+        background-color: #f7f7f7;
+        width: 100%;
+        z-index: 1;
+    }
+
+    .flex-column, .navbar-brand {
+        padding-left: env(safe-area-inset-left);
+    }
+}
diff --git a/backend/FwLite/FwLiteDesktop/wwwroot/index.html b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
new file mode 100644
index 000000000..944556c98
--- /dev/null
+++ b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
+    <title>FwLiteDesktop</title>
+    <base href="/" />
+    <link rel="icon" href="data:,">
+</head>
+
+<body>
+
+    <div class="status-bar-safe-area"></div>
+
+    <div id="app">Loading...</div>
+
+    <script src="_framework/blazor.webview.js" autostart="false"></script>
+
+</body>
+
+</html>

From 0a1ea7766b865b6a978127b0f920c218ecbc4797 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 4 Dec 2024 14:00:16 +0700
Subject: [PATCH 003/108] import fw lite shared blazor changes

---
 .../FwLite/FwLiteShared/ExampleJsInterop.cs   |  38 ++++++
 .../FwLite/FwLiteShared/FwLiteShared.csproj   |  11 +-
 .../FwLite/FwLiteShared/FwLiteSharedKernel.cs |   3 +
 .../FwLiteShared/Layout/EmptyLayout.razor     |   3 +
 .../FwLiteShared/Layout/MainLayout.razor      |  23 ++++
 .../FwLiteShared/Layout/MainLayout.razor.css  |  97 ++++++++++++++++
 .../FwLite/FwLiteShared/Layout/NavMenu.razor  |  30 +++++
 .../FwLiteShared/Layout/NavMenu.razor.css     | 105 +++++++++++++++++
 .../FwLite/FwLiteShared/Pages/Counter.razor   |  18 +++
 backend/FwLite/FwLiteShared/Pages/Home.razor  |  42 +++++++
 .../FwLite/FwLiteShared/Pages/Weather.razor   |  40 +++++++
 .../Projects/CombinedProjectsService.cs       |   2 +
 .../Reinforced.Typings.settings.xml           | 108 ++++++++++++++++++
 backend/FwLite/FwLiteShared/Routes.razor      |   6 +
 .../FwLiteShared/Services/FwLiteProvider.cs   |   9 ++
 .../FwLiteShared/Services/IFormFactor.cs      |   7 ++
 .../FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs |  45 ++++++++
 backend/FwLite/FwLiteShared/_Imports.razor    |   8 ++
 backend/FwLite/FwLiteShared/tgconfig.json     |   6 +
 .../FwLiteShared/wwwroot/background.png       | Bin 0 -> 378 bytes
 .../wwwroot/bootstrap/bootstrap.min.css       |   7 ++
 .../wwwroot/bootstrap/bootstrap.min.css.map   |   1 +
 .../FwLiteShared/wwwroot/exampleJsInterop.js  |   6 +
 .../FwLite/FwLiteShared/wwwroot/favicon.png   | Bin 0 -> 1148 bytes
 24 files changed, 614 insertions(+), 1 deletion(-)
 create mode 100644 backend/FwLite/FwLiteShared/ExampleJsInterop.cs
 create mode 100644 backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
 create mode 100644 backend/FwLite/FwLiteShared/Layout/MainLayout.razor
 create mode 100644 backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css
 create mode 100644 backend/FwLite/FwLiteShared/Layout/NavMenu.razor
 create mode 100644 backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css
 create mode 100644 backend/FwLite/FwLiteShared/Pages/Counter.razor
 create mode 100644 backend/FwLite/FwLiteShared/Pages/Home.razor
 create mode 100644 backend/FwLite/FwLiteShared/Pages/Weather.razor
 create mode 100644 backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml
 create mode 100644 backend/FwLite/FwLiteShared/Routes.razor
 create mode 100644 backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
 create mode 100644 backend/FwLite/FwLiteShared/Services/IFormFactor.cs
 create mode 100644 backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
 create mode 100644 backend/FwLite/FwLiteShared/_Imports.razor
 create mode 100644 backend/FwLite/FwLiteShared/tgconfig.json
 create mode 100644 backend/FwLite/FwLiteShared/wwwroot/background.png
 create mode 100644 backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css
 create mode 100644 backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css.map
 create mode 100644 backend/FwLite/FwLiteShared/wwwroot/exampleJsInterop.js
 create mode 100644 backend/FwLite/FwLiteShared/wwwroot/favicon.png

diff --git a/backend/FwLite/FwLiteShared/ExampleJsInterop.cs b/backend/FwLite/FwLiteShared/ExampleJsInterop.cs
new file mode 100644
index 000000000..09af79ce5
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/ExampleJsInterop.cs
@@ -0,0 +1,38 @@
+using Microsoft.JSInterop;
+
+namespace FwLiteShared;
+
+// This class provides an example of how JavaScript functionality can be wrapped
+// in a .NET class for easy consumption. The associated JavaScript module is
+// loaded on demand when first needed.
+//
+// This class can be registered as scoped DI service and then injected into Blazor
+// components for use.
+
+public class ExampleJsInterop : IAsyncDisposable
+{
+    // private readonly Lazy<Task<IJSObjectReference>> moduleTask;
+
+    public ExampleJsInterop(IJSRuntime jsRuntime)
+    {
+        // moduleTask = new(() => jsRuntime.InvokeAsync<IJSObjectReference>(
+        //     "import",
+        //     "./_content/FwLiteShared/exampleJsInterop.js").AsTask());
+    }
+
+    public async ValueTask<string> Prompt(string message)
+    {
+        // var module = await moduleTask.Value;
+        // return await module.InvokeAsync<string>("showPrompt", message);
+        return "Hello, world!";
+    }
+
+    public async ValueTask DisposeAsync()
+    {
+        // if (moduleTask.IsValueCreated)
+        // {
+            // var module = await moduleTask.Value;
+            // await module.DisposeAsync();
+        // }
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/FwLiteShared.csproj b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
index 9da6832da..9d8cfa001 100644
--- a/backend/FwLite/FwLiteShared/FwLiteShared.csproj
+++ b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
@@ -1,21 +1,30 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk.Razor">
 
     <PropertyGroup>
     </PropertyGroup>
 
+
+    <ItemGroup>
+        <SupportedPlatform Include="browser"/>
+    </ItemGroup>
+
     <ItemGroup>
         <PackageReference Include="Humanizer.Core" Version="2.14.1"/>
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="9.0.0"/>
         <PackageReference Include="Microsoft.AspNetCore.SignalR.Client" Version="9.0.0"/>
         <PackageReference Include="Microsoft.Extensions.Hosting" Version="9.0.0"/>
         <PackageReference Include="Microsoft.Extensions.Options.DataAnnotations" Version="9.0.0"/>
         <PackageReference Include="Microsoft.Identity.Client.Extensions.Msal" Version="4.64.0"/>
+        <PackageReference Include="Reinforced.Typings" Version="1.6.5" />
         <PackageReference Include="System.Reactive" Version="6.0.1"/>
+        <PackageReference Include="TypeGen" Version="6.0.2" />
     </ItemGroup>
 
     <ItemGroup>
         <ProjectReference Include="..\FwDataMiniLcmBridge\FwDataMiniLcmBridge.csproj"/>
         <ProjectReference Include="..\FwLiteProjectSync\FwLiteProjectSync.csproj"/>
         <ProjectReference Include="..\LcmCrdt\LcmCrdt.csproj"/>
+        <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
     </ItemGroup>
 
 </Project>
diff --git a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
index fc0ca094f..bc6d75159 100644
--- a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
+++ b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
@@ -2,6 +2,7 @@
 using FwLiteProjectSync;
 using FwLiteShared.Auth;
 using FwLiteShared.Projects;
+using FwLiteShared.Services;
 using FwLiteShared.Sync;
 using LcmCrdt;
 using Microsoft.Extensions.DependencyInjection;
@@ -23,6 +24,8 @@ public static IServiceCollection AddFwLiteShared(this IServiceCollection service
         services.AddScoped<SyncService>();
         services.AddSingleton<LexboxProjectService>();
         services.AddSingleton<CombinedProjectsService>();
+        services.AddSingleton<FwLiteProvider>();
+
         services.AddSingleton<ChangeEventBus>();
         services.AddSingleton<BackgroundSyncService>();
         services.AddSingleton<IHostedService>(s => s.GetRequiredService<BackgroundSyncService>());
diff --git a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor b/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
new file mode 100644
index 000000000..e1a9a7567
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
@@ -0,0 +1,3 @@
+@inherits LayoutComponentBase
+
+@Body
diff --git a/backend/FwLite/FwLiteShared/Layout/MainLayout.razor b/backend/FwLite/FwLiteShared/Layout/MainLayout.razor
new file mode 100644
index 000000000..78624f3dd
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Layout/MainLayout.razor
@@ -0,0 +1,23 @@
+@inherits LayoutComponentBase
+
+<div class="page">
+    <div class="sidebar">
+        <NavMenu />
+    </div>
+
+    <main>
+        <div class="top-row px-4">
+            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
+        </div>
+
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
+</div>
+
+<div id="blazor-error-ui" data-nosnippet>
+    An unhandled error has occurred.
+    <a href="." class="reload">Reload</a>
+    <span class="dismiss">🗙</span>
+</div>
diff --git a/backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css b/backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css
new file mode 100644
index 000000000..54b45387f
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css
@@ -0,0 +1,97 @@
+.page {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main {
+    flex: 1;
+}
+
+.sidebar {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row ::deep a, .top-row ::deep .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row ::deep a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row {
+        justify-content: space-between;
+    }
+
+    .top-row ::deep a, .top-row ::deep .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page {
+        flex-direction: row;
+    }
+
+    .sidebar {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth ::deep a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row, article {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
diff --git a/backend/FwLite/FwLiteShared/Layout/NavMenu.razor b/backend/FwLite/FwLiteShared/Layout/NavMenu.razor
new file mode 100644
index 000000000..498c5542a
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Layout/NavMenu.razor
@@ -0,0 +1,30 @@
+<div class="top-row ps-3 navbar navbar-dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="">MauiBlazorWeb-dotnet9</a>
+    </div>
+</div>
+
+<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
+
+<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
+    <nav class="flex-column">
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
+            </NavLink>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="counter">
+                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
+            </NavLink>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="weather">
+                <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
+            </NavLink>
+        </div>
+    </nav>
+</div>
+
diff --git a/backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css b/backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css
new file mode 100644
index 000000000..26e461e85
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css
@@ -0,0 +1,105 @@
+.navbar-toggler {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand {
+    font-size: 1.1rem;
+}
+
+.bi {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item ::deep .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item ::deep a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item ::deep .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler {
+        display: none;
+    }
+
+    .nav-scrollable {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Pages/Counter.razor b/backend/FwLite/FwLiteShared/Pages/Counter.razor
new file mode 100644
index 000000000..ef23cb316
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Pages/Counter.razor
@@ -0,0 +1,18 @@
+@page "/counter"
+
+<PageTitle>Counter</PageTitle>
+
+<h1>Counter</h1>
+
+<p role="status">Current count: @currentCount</p>
+
+<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
+
+@code {
+    private int currentCount = 0;
+
+    private void IncrementCount()
+    {
+        currentCount++;
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
new file mode 100644
index 000000000..920022b10
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -0,0 +1,42 @@
+@page "/"
+@using FwLiteShared.Layout
+@using FwLiteShared.Services
+@inject IJSRuntime JS
+@inject FwLiteProvider FwLiteProvider
+@layout EmptyLayout;
+<HeadContent>
+    @* <script type="module" src="@Assets["_content/FwLiteShared/viewer/index.js"]"></script> *@
+    <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
+    <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
+    <script>
+        window.setOverrideService = (key, service) => {
+            if (window.lexbox) {
+                window.lexbox.FwLiteProvider = {};
+                window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
+            } else {
+                window.lexbox = {FwLiteProvider: {}};
+            }
+            const services = window.lexbox.FwLiteProvider;
+            services[key] = service;
+        };
+    </script>
+</HeadContent>
+<div id="app" class="contents">
+    <lexbox-svelte projectName="Test project"></lexbox-svelte>
+</div>
+
+@code {
+    private IJSObjectReference? module;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            var projectService = DotNetObjectReference.Create(FwLiteProvider.ProjectService);
+            await JS.InvokeVoidAsync("setOverrideService", "ProjectsService", projectService);
+            module = await JS.InvokeAsync<IJSObjectReference>("import",
+                "/" + Assets["_content/FwLiteShared/viewer/index.js"]);
+        }
+    }
+
+}
diff --git a/backend/FwLite/FwLiteShared/Pages/Weather.razor b/backend/FwLite/FwLiteShared/Pages/Weather.razor
new file mode 100644
index 000000000..4bf8d259a
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Pages/Weather.razor
@@ -0,0 +1,40 @@
+@page "/weather"
+
+<PageTitle>Files</PageTitle>
+
+<h1>Files</h1>
+
+@if (files == null)
+{
+    <p><em>Loading...</em></p>
+}
+else
+{
+    <table class="table">
+        <thead>
+            <tr>
+                <th>File name</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach (var file in files)
+            {
+                <tr>
+                    <td>@file.Name</td>
+                </tr>
+            }
+        </tbody>
+    </table>
+}
+
+@code {
+    private FileSystemInfo[]? files;
+
+    protected override async Task OnInitializedAsync()
+    {
+        // Simulate asynchronous loading to demonstrate a loading indicator
+        await Task.Delay(500);
+
+        files = new DirectoryInfo("/").GetFileSystemInfos();
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index f53b28070..06284f58e 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -3,6 +3,7 @@
 using FwLiteShared.Sync;
 using LcmCrdt;
 using Microsoft.Extensions.DependencyInjection;
+using Microsoft.JSInterop;
 
 namespace FwLiteShared.Projects;
 
@@ -39,6 +40,7 @@ public async Task<ServerProjects[]> RemoteProjects()
         return serverProjects;
     }
 
+    [JSInvokable]
     public async Task<IReadOnlyCollection<ProjectModel>> LocalProjects()
     {
         var crdtProjects = await crdtProjectsService.ListProjects();
diff --git a/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml b/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml
new file mode 100644
index 000000000..78ae931ef
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+    <!--
+        Hi! This is settings file for Reinforced.Typings.
+        Since Reinforced.Typings is not a framework itself but build process extension,
+        therefore settings file is basically piece of MSBuild script.
+        This file is being imported to your .csproj during each build the same way
+        as Reinforced.Typings.targets that is located in its package /build directory.
+
+        Reinforced.Typings has completely few parameters. So, here we go.
+    -->
+
+    <PropertyGroup>
+
+        <!--
+            This property points target file where to put generated sources.
+            It is not used if RtDivideTypesAmongFiles='true' specified.
+            Important! Do not forget to include generated file to solution.
+        -->
+        <RtTargetFile>$(ProjectDir)..\..\..\frontend\viewer\src\lib\generated-types\generated.ts</RtTargetFile>
+
+        <!--
+            This property sets RT configuration method for fluent configuration.
+            If you dont want to use attributes for some reason then here you can
+            specify full-qualified configuration method name (including namespace,
+            type and method name, e.g. My.Assembly.Configuration.ConfigureTypings)
+            of method that consumes Reinforce.Typings.Fluent.ConfigurationBuilder type
+            and is void (nothing returns). This method will be executed to build
+            types exporting configuration in fluent manner.
+            Surely you can continue using attributes. Also fluent configuration methods
+            could not provide a way to configure some specific things (generics parameters
+            override and classes' TsBaseParam). However in this case fluent configuration
+            would be preferred. It means that if member configuration is supplied both
+            in attributes and in fluent methods then configuration from fluent methods will
+            be used.
+        -->
+        <RtConfigurationMethod>FwLiteShared.TypeGen.ReinforcedFwLiteTypingConfig.Configure</RtConfigurationMethod>
+
+        <!--
+            By default all of your typings will be located in single file specified by RtTargetFile.
+            It may be heavy for large projects because you will get single large file containing signinficant
+            part of TS sources. It could lead to various problems (e.g. monstrous SCM merges).
+            So here we have RtDivideTypesAmongFiles parameter that will make Reinforced.Typings
+            generate TS sources in C#/Java/somewhat-OO-language-manner (class per file) when set to true.
+
+            Important! In case of using this setting, do not forget to add generated files to solution manually.
+        -->
+        <RtDivideTypesAmongFiles>false</RtDivideTypesAmongFiles>
+
+        <!--
+            ... and if you use RtDivideTypesAmongFiles then please specify target directory
+            where to put all generated stuff. Reinforced.Typings will automatically create
+            directories structure according to used namespaces.
+            Note that in case of using RtDivideTypesAmongFiles, RtTargetFile parameter will
+            NOT be used anymore.
+        -->
+        <RtTargetDirectory>$(ProjectDir)Scripts\MyApplication</RtTargetDirectory>
+
+
+        <!--
+            Disables typescript compilation in solution.
+            Use it when your TypeScripts are broken and you need to rebuild project and then regenerate typings
+            to fix it, but TypeScript compilation fails and failing project build. This option will temporary
+            disable typescripts build.
+        -->
+        <RtBypassTypeScriptCompilation>false</RtBypassTypeScriptCompilation>
+
+        <!--
+            Disables Reinforced.Typings generation on build. Use it when it is necessary to temporary disable
+            typings generation.
+        -->
+        <RtDisable>false</RtDisable>
+
+        <!--
+            Forces RT to use specified target framework.
+            Use this parameter if your RT is experiencing some problems with identifying framework version to use.
+            Available values:
+                net45, net461, netcoreapp1.0, netcoreapp1.1, netcoreapp2.0, netcoreapp2.1, netcoreapp2.2
+        -->
+        <!-- <RtForceTargetFramework>netcoreapp2.2</RtForceTargetFramework>	-->
+
+        <!--
+            Warnings to suppress during export process.
+            Semicolon-separated values. All non-numbers will be discarder during parsing, so it
+            can be specified in any convenient format. E.g: RTW001;2;3.
+            Hm... seems that I know what to put here by default...
+        -->
+        <RtSuppress>RTW0013;RTW0014</RtSuppress>
+    </PropertyGroup>
+
+    <!--
+        If you want Reinforced.Typings to lookup for attributed classes not only current
+        project's assembly but also another assembly then you can specify it in RtAdditionalAssembly
+        item group.
+
+        Reinforced.Typings receives reference assemblies list from CoreCompile task so you
+        can specify here assemblies from your project's references (with or without .dll extension).
+        If desired assembly is not in references list of current project then you will have
+        to specify full path to it.
+
+    <ItemGroup>
+        <RtAdditionalAssembly Include="My.Project.Assembly"/>
+        <RtAdditionalAssembly Include="My.Project.Assembly.dll"/>
+        <RtAdditionalAssembly Include="C:\Full\Path\To\Assembly\My.Project.Assembly.dll"/>
+        <RtAdditionalAssembly Include="$(SolutionDir)\AnotherProject\bin\Debug\AnotherProject.dll"/>
+    </ItemGroup>
+    -->
+</Project>
diff --git a/backend/FwLite/FwLiteShared/Routes.razor b/backend/FwLite/FwLiteShared/Routes.razor
new file mode 100644
index 000000000..bfe6497c0
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Routes.razor
@@ -0,0 +1,6 @@
+<Router AppAssembly="typeof(Layout.MainLayout).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)"/>
+        <FocusOnNavigate RouteData="routeData" Selector="h1"/>
+    </Found>
+</Router>
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
new file mode 100644
index 000000000..d98375d01
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -0,0 +1,9 @@
+using FwLiteShared.Projects;
+using Microsoft.JSInterop;
+
+namespace FwLiteShared.Services;
+
+public class FwLiteProvider(CombinedProjectsService projectService)
+{
+    public CombinedProjectsService ProjectService { get; } = projectService;
+}
diff --git a/backend/FwLite/FwLiteShared/Services/IFormFactor.cs b/backend/FwLite/FwLiteShared/Services/IFormFactor.cs
new file mode 100644
index 000000000..06b5a31a7
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Services/IFormFactor.cs
@@ -0,0 +1,7 @@
+namespace FwLiteShared.Services;
+
+public interface IFormFactor
+{
+    public string GetFormFactor();
+    public string GetPlatform();
+}
diff --git a/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs b/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
new file mode 100644
index 000000000..c35918612
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
@@ -0,0 +1,45 @@
+using FwLiteShared.Services;
+using MiniLcm;
+using MiniLcm.Models;
+using Reinforced.Typings.Ast.TypeNames;
+using Reinforced.Typings.Fluent;
+using TypeGen.Core.SpecGeneration;
+
+namespace FwLiteShared.TypeGen;
+
+public class FwLiteTypeGenSpec: GenerationSpec
+{
+    public FwLiteTypeGenSpec()
+    {
+        AddClass<IMiniLcmApi>();
+        AddInterface<FwLiteProvider>();
+    }
+
+    public override void OnBeforeGeneration(OnBeforeGenerationArgs args)
+    {
+        args.GeneratorOptions.CustomTypeMappings.Add(typeof(WritingSystemId).FullName!, "string");
+    }
+}
+
+public static class ReinforcedFwLiteTypingConfig
+{
+    public static void Configure(ConfigurationBuilder builder)
+    {
+        builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
+        builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
+        builder.Substitute(typeof(DateTimeOffset), new RtSimpleTypeName("string"));
+        builder.Substitute(typeof(MultiString), new RtDictionaryType(new RtSimpleTypeName("string"), new RtSimpleTypeName("string")));
+        builder.ExportAsInterfaces([
+            typeof(Entry),
+            typeof(Sense),
+            typeof(ExampleSentence),
+            typeof(WritingSystem),
+            typeof(PartOfSpeech),
+            typeof(SemanticDomain),
+            typeof(ComplexFormType),
+            typeof(ComplexFormComponent),
+        ], exportBuilder => exportBuilder.WithPublicProperties());
+        builder.ExportAsInterface<IMiniLcmApi>().FlattenHierarchy().WithPublicProperties().WithPublicMethods();
+        builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/_Imports.razor b/backend/FwLite/FwLiteShared/_Imports.razor
new file mode 100644
index 000000000..d88eed9f7
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/_Imports.razor
@@ -0,0 +1,8 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
diff --git a/backend/FwLite/FwLiteShared/tgconfig.json b/backend/FwLite/FwLiteShared/tgconfig.json
new file mode 100644
index 000000000..8ba82e91d
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/tgconfig.json
@@ -0,0 +1,6 @@
+{
+  "generationSpecs": [
+    "FwLiteTypeGenSpec"
+  ],
+  "outputPath": "../../../frontend/viewer/src/lib/generated-types"
+}
diff --git a/backend/FwLite/FwLiteShared/wwwroot/background.png b/backend/FwLite/FwLiteShared/wwwroot/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..e15a3bde6e2bdb380df6a0b46d7ed00bdeb0aaa8
GIT binary patch
literal 378
zcmeAS@N?(olHy`uVBq!ia0vp^x**KK1SGdsl%54rjKx9jP7LeL$-D$|SkfJR9T^xl
z_H+M9WCij$3p^r=85sBugD~Uq{1qucLCF%=h?3y^w370~qEv>0#LT=By}Z;C1rt33
zJwr2>%=KS^ie7oTIEF;HpS|GCbyPusHSqiXaCu3qf)82(9Gq&mZq2{Kq}M*X&MWtJ
zSi1Jo7ZzfImg%g=t(qo=wsSR2lZoP(Rj#3wacN=q0?Br(rXzgZEGK2$ID{<T2$;Mw
zaJ?|$u#{tMJ9Cp2pFGQ6%R2&JUVLx~xc#taLEB+@$8vX$CcQolmbrZnEV6wOEN}Y?
zSeEK5Xvj|fBqCU2`0|3QfyLth_X#%=8x>|A=5S<cmu+&BUB)3*6rsH0eSt&3@rTU|
z%-f}#<Yeb@WLeJ<yi)K(`Nca9#|uXVTNhjw>{xJEuzSH>!M+7wSY6hB<=-E^*n0W7
S8wY^CX7F_Nb6Mw<&;$S{dxtsz

literal 0
HcmV?d00001

diff --git a/backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css b/backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css
new file mode 100644
index 000000000..5668bce58
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css
@@ -0,0 +1,7 @@
+@charset "UTF-8";/*!
+ * Bootstrap v5.1.0 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-rgb:33,37,41;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
+/*# sourceMappingURL=bootstrap.min.css.map */
diff --git a/backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css.map b/backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css.map
new file mode 100644
index 000000000..54fb628cc
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/wwwroot/bootstrap/bootstrap.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap.scss","../../scss/_root.scss","../../scss/_reboot.scss","dist/css/bootstrap.css","../../scss/vendor/_rfs.scss","../../scss/mixins/_border-radius.scss","../../scss/_type.scss","../../scss/mixins/_lists.scss","../../scss/_images.scss","../../scss/mixins/_image.scss","../../scss/_containers.scss","../../scss/mixins/_container.scss","../../scss/mixins/_breakpoints.scss","../../scss/_grid.scss","../../scss/mixins/_grid.scss","../../scss/_tables.scss","../../scss/mixins/_table-variants.scss","../../scss/forms/_labels.scss","../../scss/forms/_form-text.scss","../../scss/forms/_form-control.scss","../../scss/mixins/_transition.scss","../../scss/mixins/_gradients.scss","../../scss/forms/_form-select.scss","../../scss/forms/_form-check.scss","../../scss/forms/_form-range.scss","../../scss/forms/_floating-labels.scss","../../scss/forms/_input-group.scss","../../scss/mixins/_forms.scss","../../scss/_buttons.scss","../../scss/mixins/_buttons.scss","../../scss/_transitions.scss","../../scss/_dropdown.scss","../../scss/mixins/_caret.scss","../../scss/_button-group.scss","../../scss/_nav.scss","../../scss/_navbar.scss","../../scss/_card.scss","../../scss/_accordion.scss","../../scss/_breadcrumb.scss","../../scss/_pagination.scss","../../scss/mixins/_pagination.scss","../../scss/_badge.scss","../../scss/_alert.scss","../../scss/mixins/_alert.scss","../../scss/_progress.scss","../../scss/_list-group.scss","../../scss/mixins/_list-group.scss","../../scss/_close.scss","../../scss/_toasts.scss","../../scss/_modal.scss","../../scss/mixins/_backdrop.scss","../../scss/_tooltip.scss","../../scss/mixins/_reset-text.scss","../../scss/_popover.scss","../../scss/_carousel.scss","../../scss/mixins/_clearfix.scss","../../scss/_spinners.scss","../../scss/_offcanvas.scss","../../scss/_placeholders.scss","../../scss/helpers/_colored-links.scss","../../scss/helpers/_ratio.scss","../../scss/helpers/_position.scss","../../scss/helpers/_stacks.scss","../../scss/helpers/_visually-hidden.scss","../../scss/mixins/_visually-hidden.scss","../../scss/helpers/_stretched-link.scss","../../scss/helpers/_text-truncation.scss","../../scss/mixins/_text-truncate.scss","../../scss/helpers/_vr.scss","../../scss/mixins/_utilities.scss","../../scss/utilities/_api.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap v5.1.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n\n// scss-docs-start import-stack\n// Configuration\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"utilities\";\n\n// Layout & components\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"containers\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"accordion\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"alert\";\n@import \"progress\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"offcanvas\";\n@import \"placeholders\";\n\n// Helpers\n@import \"helpers\";\n\n// Utilities\n@import \"utilities/api\";\n// scss-docs-end import-stack\n",":root {\n  // Note: Custom variable values only support SassScript inside `#{}`.\n\n  // Colors\n  //\n  // Generate palettes for full colors, grays, and theme colors.\n\n  @each $color, $value in $colors {\n    --#{$variable-prefix}#{$color}: #{$value};\n  }\n\n  @each $color, $value in $grays {\n    --#{$variable-prefix}gray-#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors {\n    --#{$variable-prefix}#{$color}: #{$value};\n  }\n\n  @each $color, $value in $theme-colors-rgb {\n    --#{$variable-prefix}#{$color}-rgb: #{$value};\n  }\n\n  --#{$variable-prefix}white-rgb: #{to-rgb($white)};\n  --#{$variable-prefix}black-rgb: #{to-rgb($black)};\n  --#{$variable-prefix}body-rgb: #{to-rgb($body-color)};\n\n  // Fonts\n\n  // Note: Use `inspect` for lists so that quoted items keep the quotes.\n  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n  --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)};\n  --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)};\n  --#{$variable-prefix}gradient: #{$gradient};\n\n  // Root and body\n  // stylelint-disable custom-property-empty-line-before\n  // scss-docs-start root-body-variables\n  @if $font-size-root != null {\n    --#{$variable-prefix}root-font-size: #{$font-size-root};\n  }\n  --#{$variable-prefix}body-font-family: #{$font-family-base};\n  --#{$variable-prefix}body-font-size: #{$font-size-base};\n  --#{$variable-prefix}body-font-weight: #{$font-weight-base};\n  --#{$variable-prefix}body-line-height: #{$line-height-base};\n  --#{$variable-prefix}body-color: #{$body-color};\n  @if $body-text-align != null {\n    --#{$variable-prefix}body-text-align: #{$body-text-align};\n  }\n  --#{$variable-prefix}body-bg: #{$body-bg};\n  // scss-docs-end root-body-variables\n  // stylelint-enable custom-property-empty-line-before\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\n// Root\n//\n// Ability to the value of the root font sizes, affecting the value of `rem`.\n// null by default, thus nothing is generated.\n\n:root {\n  @if $font-size-root != null {\n    font-size: var(--#{$variable-prefix}-root-font-size);\n  }\n\n  @if $enable-smooth-scroll {\n    @media (prefers-reduced-motion: no-preference) {\n      scroll-behavior: smooth;\n    }\n  }\n}\n\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Prevent adjustments of font size after orientation changes in iOS.\n// 4. Change the default tap highlight to be completely transparent in iOS.\n\n// scss-docs-start reboot-body-rules\nbody {\n  margin: 0; // 1\n  font-family: var(--#{$variable-prefix}body-font-family);\n  @include font-size(var(--#{$variable-prefix}body-font-size));\n  font-weight: var(--#{$variable-prefix}body-font-weight);\n  line-height: var(--#{$variable-prefix}body-line-height);\n  color: var(--#{$variable-prefix}body-color);\n  text-align: var(--#{$variable-prefix}body-text-align);\n  background-color: var(--#{$variable-prefix}body-bg); // 2\n  -webkit-text-size-adjust: 100%; // 3\n  -webkit-tap-highlight-color: rgba($black, 0); // 4\n}\n// scss-docs-end reboot-body-rules\n\n\n// Content grouping\n//\n// 1. Reset Firefox's gray color\n// 2. Set correct height and prevent the `size` attribute to make the `hr` look like an input field\n\nhr {\n  margin: $hr-margin-y 0;\n  color: $hr-color; // 1\n  background-color: currentColor;\n  border: 0;\n  opacity: $hr-opacity;\n}\n\nhr:not([size]) {\n  height: $hr-height; // 2\n}\n\n\n// Typography\n//\n// 1. Remove top margins from headings\n//    By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n//    margin for easier control within type scales as it avoids margin collapsing.\n\n%heading {\n  margin-top: 0; // 1\n  margin-bottom: $headings-margin-bottom;\n  font-family: $headings-font-family;\n  font-style: $headings-font-style;\n  font-weight: $headings-font-weight;\n  line-height: $headings-line-height;\n  color: $headings-color;\n}\n\nh1 {\n  @extend %heading;\n  @include font-size($h1-font-size);\n}\n\nh2 {\n  @extend %heading;\n  @include font-size($h2-font-size);\n}\n\nh3 {\n  @extend %heading;\n  @include font-size($h3-font-size);\n}\n\nh4 {\n  @extend %heading;\n  @include font-size($h4-font-size);\n}\n\nh5 {\n  @extend %heading;\n  @include font-size($h5-font-size);\n}\n\nh6 {\n  @extend %heading;\n  @include font-size($h6-font-size);\n}\n\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\n\np {\n  margin-top: 0;\n  margin-bottom: $paragraph-margin-bottom;\n}\n\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-bs-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-bs-original-title] { // 1\n  text-decoration: underline dotted; // 2\n  cursor: help; // 3\n  text-decoration-skip-ink: none; // 4\n}\n\n\n// Address\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\n\n// Lists\n\nol,\nul {\n  padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: $dt-font-weight;\n}\n\n// 1. Undo browser default\n\ndd {\n  margin-bottom: .5rem;\n  margin-left: 0; // 1\n}\n\n\n// Blockquote\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\n\n// Strong\n//\n// Add the correct font weight in Chrome, Edge, and Safari\n\nb,\nstrong {\n  font-weight: $font-weight-bolder;\n}\n\n\n// Small\n//\n// Add the correct font size in all browsers\n\nsmall {\n  @include font-size($small-font-size);\n}\n\n\n// Mark\n\nmark {\n  padding: $mark-padding;\n  background-color: $mark-bg;\n}\n\n\n// Sub and Sup\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n\nsub,\nsup {\n  position: relative;\n  @include font-size($sub-sup-font-size);\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n// Links\n\na {\n  color: $link-color;\n  text-decoration: $link-decoration;\n\n  &:hover {\n    color: $link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n  &,\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n  }\n}\n\n\n// Code\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: $font-family-code;\n  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n  direction: ltr #{\"/* rtl:ignore */\"};\n  unicode-bidi: bidi-override;\n}\n\n// 1. Remove browser default top margin\n// 2. Reset browser default of `1em` to use `rem`s\n// 3. Don't allow content to break outside\n\npre {\n  display: block;\n  margin-top: 0; // 1\n  margin-bottom: 1rem; // 2\n  overflow: auto; // 3\n  @include font-size($code-font-size);\n  color: $pre-color;\n\n  // Account for some code outputs that place code tags in pre tags\n  code {\n    @include font-size(inherit);\n    color: inherit;\n    word-break: normal;\n  }\n}\n\ncode {\n  @include font-size($code-font-size);\n  color: $code-color;\n  word-wrap: break-word;\n\n  // Streamline the style when inside anchors to avoid broken underline and more\n  a > & {\n    color: inherit;\n  }\n}\n\nkbd {\n  padding: $kbd-padding-y $kbd-padding-x;\n  @include font-size($kbd-font-size);\n  color: $kbd-color;\n  background-color: $kbd-bg;\n  @include border-radius($border-radius-sm);\n\n  kbd {\n    padding: 0;\n    @include font-size(1em);\n    font-weight: $nested-kbd-font-weight;\n  }\n}\n\n\n// Figures\n//\n// Apply a consistent margin strategy (matches our type styles).\n\nfigure {\n  margin: 0 0 1rem;\n}\n\n\n// Images and content\n\nimg,\nsvg {\n  vertical-align: middle;\n}\n\n\n// Tables\n//\n// Prevent double borders\n\ntable {\n  caption-side: bottom;\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: $table-cell-padding-y;\n  padding-bottom: $table-cell-padding-y;\n  color: $table-caption-color;\n  text-align: left;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `<td>` alignment by inheriting `text-align`.\n// 3. Fix alignment for Safari\n\nth {\n  font-weight: $table-th-font-weight; // 1\n  text-align: inherit; // 2\n  text-align: -webkit-match-parent; // 3\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n}\n\n\n// Forms\n//\n// 1. Allow labels to use `margin` for spacing.\n\nlabel {\n  display: inline-block; // 1\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n// See https://github.com/twbs/bootstrap/issues/24093\n\nbutton {\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 0;\n}\n\n// Explicitly remove focus outline in Chromium when it shouldn't be\n// visible (e.g. as result of mouse click or touch tap). It already\n// should be doing this automatically, but seems to currently be\n// confused and applies its very visible two-tone outline anyway.\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\n// 1. Remove the margin in Firefox and Safari\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0; // 1\n  font-family: inherit;\n  @include font-size(inherit);\n  line-height: inherit;\n}\n\n// Remove the inheritance of text transform in Firefox\nbutton,\nselect {\n  text-transform: none;\n}\n// Set the cursor for non-`<button>` buttons\n//\n// Details at https://github.com/twbs/bootstrap/pull/30562\n[role=\"button\"] {\n  cursor: pointer;\n}\n\nselect {\n  // Remove the inheritance of word-wrap in Safari.\n  // See https://github.com/twbs/bootstrap/issues/24990\n  word-wrap: normal;\n\n  // Undo the opacity change from Chrome\n  &:disabled {\n    opacity: 1;\n  }\n}\n\n// Remove the dropdown arrow in Chrome from inputs built with datalists.\n// See https://stackoverflow.com/a/54997118\n\n[list]::-webkit-calendar-picker-indicator {\n  display: none;\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n//    controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\n// 3. Opinionated: add \"hand\" cursor to non-disabled button elements.\n\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; // 2\n\n  @if $enable-button-pointers {\n    &:not(:disabled) {\n      cursor: pointer; // 3\n    }\n  }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// 1. Textareas should really only resize vertically so they don't break their (horizontal) containers.\n\ntextarea {\n  resize: vertical; // 1\n}\n\n// 1. Browsers set a default `min-width: min-content;` on fieldsets,\n//    unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n//    So we reset that to ensure fieldsets behave more like a standard block element.\n//    See https://github.com/twbs/bootstrap/issues/12359\n//    and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n// 2. Reset the default outline behavior of fieldsets so they don't affect page layout.\n\nfieldset {\n  min-width: 0; // 1\n  padding: 0; // 2\n  margin: 0; // 2\n  border: 0; // 2\n}\n\n// 1. By using `float: left`, the legend will behave like a block element.\n//    This way the border of a fieldset wraps around the legend if present.\n// 2. Fix wrapping bug.\n//    See https://github.com/twbs/bootstrap/issues/29712\n\nlegend {\n  float: left; // 1\n  width: 100%;\n  padding: 0;\n  margin-bottom: $legend-margin-bottom;\n  @include font-size($legend-font-size);\n  font-weight: $legend-font-weight;\n  line-height: inherit;\n\n  + * {\n    clear: left; // 2\n  }\n}\n\n// Fix height of inputs with a type of datetime-local, date, month, week, or time\n// See https://github.com/twbs/bootstrap/issues/18842\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button {\n  height: auto;\n}\n\n// 1. Correct the outline style in Safari.\n// 2. This overrides the extra rounded corners on search inputs in iOS so that our\n//    `.form-control` class can properly style them. Note that this cannot simply\n//    be added to `.form-control` as it's not specific enough. For details, see\n//    https://github.com/twbs/bootstrap/issues/11586.\n\n[type=\"search\"] {\n  outline-offset: -2px; // 1\n  -webkit-appearance: textfield; // 2\n}\n\n// 1. A few input types should stay LTR\n// See https://rtlstyling.com/posts/rtl-styling#form-inputs\n// 2. RTL only output\n// See https://rtlcss.com/learn/usage-guide/control-directives/#raw\n\n/* rtl:raw:\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n  direction: ltr;\n}\n*/\n\n// Remove the inner padding in Chrome and Safari on macOS.\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// Remove padding around color pickers in webkit browsers\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n\n// Inherit font family and line height for file input buttons\n\n::file-selector-button {\n  font: inherit;\n}\n\n// 1. Change font properties to `inherit`\n// 2. Correct the inability to style clickable types in iOS and Safari.\n\n::-webkit-file-upload-button {\n  font: inherit; // 1\n  -webkit-appearance: button; // 2\n}\n\n// Correct element displays\n\noutput {\n  display: inline-block;\n}\n\n// Remove border from iframe\n\niframe {\n  border: 0;\n}\n\n// Summary\n//\n// 1. Add the correct display in all browsers\n\nsummary {\n  display: list-item; // 1\n  cursor: pointer;\n}\n\n\n// Progress\n//\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\nprogress {\n  vertical-align: baseline;\n}\n\n\n// Hidden attribute\n//\n// Always hide an element with the `hidden` HTML attribute.\n\n[hidden] {\n  display: none !important;\n}\n","@charset \"UTF-8\";\n/*!\n * Bootstrap v5.1.0 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n:root {\n  --bs-blue: #0d6efd;\n  --bs-indigo: #6610f2;\n  --bs-purple: #6f42c1;\n  --bs-pink: #d63384;\n  --bs-red: #dc3545;\n  --bs-orange: #fd7e14;\n  --bs-yellow: #ffc107;\n  --bs-green: #198754;\n  --bs-teal: #20c997;\n  --bs-cyan: #0dcaf0;\n  --bs-white: #fff;\n  --bs-gray: #6c757d;\n  --bs-gray-dark: #343a40;\n  --bs-gray-100: #f8f9fa;\n  --bs-gray-200: #e9ecef;\n  --bs-gray-300: #dee2e6;\n  --bs-gray-400: #ced4da;\n  --bs-gray-500: #adb5bd;\n  --bs-gray-600: #6c757d;\n  --bs-gray-700: #495057;\n  --bs-gray-800: #343a40;\n  --bs-gray-900: #212529;\n  --bs-primary: #0d6efd;\n  --bs-secondary: #6c757d;\n  --bs-success: #198754;\n  --bs-info: #0dcaf0;\n  --bs-warning: #ffc107;\n  --bs-danger: #dc3545;\n  --bs-light: #f8f9fa;\n  --bs-dark: #212529;\n  --bs-primary-rgb: 13, 110, 253;\n  --bs-secondary-rgb: 108, 117, 125;\n  --bs-success-rgb: 25, 135, 84;\n  --bs-info-rgb: 13, 202, 240;\n  --bs-warning-rgb: 255, 193, 7;\n  --bs-danger-rgb: 220, 53, 69;\n  --bs-light-rgb: 248, 249, 250;\n  --bs-dark-rgb: 33, 37, 41;\n  --bs-white-rgb: 255, 255, 255;\n  --bs-black-rgb: 0, 0, 0;\n  --bs-body-rgb: 33, 37, 41;\n  --bs-font-sans-serif: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));\n  --bs-body-font-family: var(--bs-font-sans-serif);\n  --bs-body-font-size: 1rem;\n  --bs-body-font-weight: 400;\n  --bs-body-line-height: 1.5;\n  --bs-body-color: #212529;\n  --bs-body-bg: #fff;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :root {\n    scroll-behavior: smooth;\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: var(--bs-body-font-family);\n  font-size: var(--bs-body-font-size);\n  font-weight: var(--bs-body-font-weight);\n  line-height: var(--bs-body-line-height);\n  color: var(--bs-body-color);\n  text-align: var(--bs-body-text-align);\n  background-color: var(--bs-body-bg);\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nhr {\n  margin: 1rem 0;\n  color: inherit;\n  background-color: currentColor;\n  border: 0;\n  opacity: 0.25;\n}\n\nhr:not([size]) {\n  height: 1px;\n}\n\nh6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n  font-weight: 500;\n  line-height: 1.2;\n}\n\nh1, .h1 {\n  font-size: calc(1.375rem + 1.5vw);\n}\n@media (min-width: 1200px) {\n  h1, .h1 {\n    font-size: 2.5rem;\n  }\n}\n\nh2, .h2 {\n  font-size: calc(1.325rem + 0.9vw);\n}\n@media (min-width: 1200px) {\n  h2, .h2 {\n    font-size: 2rem;\n  }\n}\n\nh3, .h3 {\n  font-size: calc(1.3rem + 0.6vw);\n}\n@media (min-width: 1200px) {\n  h3, .h3 {\n    font-size: 1.75rem;\n  }\n}\n\nh4, .h4 {\n  font-size: calc(1.275rem + 0.3vw);\n}\n@media (min-width: 1200px) {\n  h4, .h4 {\n    font-size: 1.5rem;\n  }\n}\n\nh5, .h5 {\n  font-size: 1.25rem;\n}\n\nh6, .h6 {\n  font-size: 1rem;\n}\n\np {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-bs-original-title] {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n  cursor: help;\n  -webkit-text-decoration-skip-ink: none;\n  text-decoration-skip-ink: none;\n}\n\naddress {\n  margin-bottom: 1rem;\n  font-style: normal;\n  line-height: inherit;\n}\n\nol,\nul {\n  padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n  margin-top: 0;\n  margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n  margin-bottom: 0;\n}\n\ndt {\n  font-weight: 700;\n}\n\ndd {\n  margin-bottom: 0.5rem;\n  margin-left: 0;\n}\n\nblockquote {\n  margin: 0 0 1rem;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsmall, .small {\n  font-size: 0.875em;\n}\n\nmark, .mark {\n  padding: 0.2em;\n  background-color: #fcf8e3;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\na {\n  color: #0d6efd;\n  text-decoration: underline;\n}\na:hover {\n  color: #0a58ca;\n}\n\na:not([href]):not([class]), a:not([href]):not([class]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: var(--bs-font-monospace);\n  font-size: 1em;\n  direction: ltr /* rtl:ignore */;\n  unicode-bidi: bidi-override;\n}\n\npre {\n  display: block;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  overflow: auto;\n  font-size: 0.875em;\n}\npre code {\n  font-size: inherit;\n  color: inherit;\n  word-break: normal;\n}\n\ncode {\n  font-size: 0.875em;\n  color: #d63384;\n  word-wrap: break-word;\n}\na > code {\n  color: inherit;\n}\n\nkbd {\n  padding: 0.2rem 0.4rem;\n  font-size: 0.875em;\n  color: #fff;\n  background-color: #212529;\n  border-radius: 0.2rem;\n}\nkbd kbd {\n  padding: 0;\n  font-size: 1em;\n  font-weight: 700;\n}\n\nfigure {\n  margin: 0 0 1rem;\n}\n\nimg,\nsvg {\n  vertical-align: middle;\n}\n\ntable {\n  caption-side: bottom;\n  border-collapse: collapse;\n}\n\ncaption {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  color: #6c757d;\n  text-align: left;\n}\n\nth {\n  text-align: inherit;\n  text-align: -webkit-match-parent;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n}\n\nlabel {\n  display: inline-block;\n}\n\nbutton {\n  border-radius: 0;\n}\n\nbutton:focus:not(:focus-visible) {\n  outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n[role=button] {\n  cursor: pointer;\n}\n\nselect {\n  word-wrap: normal;\n}\nselect:disabled {\n  opacity: 1;\n}\n\n[list]::-webkit-calendar-picker-indicator {\n  display: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nbutton:not(:disabled),\n[type=button]:not(:disabled),\n[type=reset]:not(:disabled),\n[type=submit]:not(:disabled) {\n  cursor: pointer;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\ntextarea {\n  resize: vertical;\n}\n\nfieldset {\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n}\n\nlegend {\n  float: left;\n  width: 100%;\n  padding: 0;\n  margin-bottom: 0.5rem;\n  font-size: calc(1.275rem + 0.3vw);\n  line-height: inherit;\n}\n@media (min-width: 1200px) {\n  legend {\n    font-size: 1.5rem;\n  }\n}\nlegend + * {\n  clear: left;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  outline-offset: -2px;\n  -webkit-appearance: textfield;\n}\n\n/* rtl:raw:\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n  direction: ltr;\n}\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n\n::file-selector-button {\n  font: inherit;\n}\n\n::-webkit-file-upload-button {\n  font: inherit;\n  -webkit-appearance: button;\n}\n\noutput {\n  display: inline-block;\n}\n\niframe {\n  border: 0;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n}\n\nprogress {\n  vertical-align: baseline;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.lead {\n  font-size: 1.25rem;\n  font-weight: 300;\n}\n\n.display-1 {\n  font-size: calc(1.625rem + 4.5vw);\n  font-weight: 300;\n  line-height: 1.2;\n}\n@media (min-width: 1200px) {\n  .display-1 {\n    font-size: 5rem;\n  }\n}\n\n.display-2 {\n  font-size: calc(1.575rem + 3.9vw);\n  font-weight: 300;\n  line-height: 1.2;\n}\n@media (min-width: 1200px) {\n  .display-2 {\n    font-size: 4.5rem;\n  }\n}\n\n.display-3 {\n  font-size: calc(1.525rem + 3.3vw);\n  font-weight: 300;\n  line-height: 1.2;\n}\n@media (min-width: 1200px) {\n  .display-3 {\n    font-size: 4rem;\n  }\n}\n\n.display-4 {\n  font-size: calc(1.475rem + 2.7vw);\n  font-weight: 300;\n  line-height: 1.2;\n}\n@media (min-width: 1200px) {\n  .display-4 {\n    font-size: 3.5rem;\n  }\n}\n\n.display-5 {\n  font-size: calc(1.425rem + 2.1vw);\n  font-weight: 300;\n  line-height: 1.2;\n}\n@media (min-width: 1200px) {\n  .display-5 {\n    font-size: 3rem;\n  }\n}\n\n.display-6 {\n  font-size: calc(1.375rem + 1.5vw);\n  font-weight: 300;\n  line-height: 1.2;\n}\n@media (min-width: 1200px) {\n  .display-6 {\n    font-size: 2.5rem;\n  }\n}\n\n.list-unstyled {\n  padding-left: 0;\n  list-style: none;\n}\n\n.list-inline {\n  padding-left: 0;\n  list-style: none;\n}\n\n.list-inline-item {\n  display: inline-block;\n}\n.list-inline-item:not(:last-child) {\n  margin-right: 0.5rem;\n}\n\n.initialism {\n  font-size: 0.875em;\n  text-transform: uppercase;\n}\n\n.blockquote {\n  margin-bottom: 1rem;\n  font-size: 1.25rem;\n}\n.blockquote > :last-child {\n  margin-bottom: 0;\n}\n\n.blockquote-footer {\n  margin-top: -1rem;\n  margin-bottom: 1rem;\n  font-size: 0.875em;\n  color: #6c757d;\n}\n.blockquote-footer::before {\n  content: \"— \";\n}\n\n.img-fluid {\n  max-width: 100%;\n  height: auto;\n}\n\n.img-thumbnail {\n  padding: 0.25rem;\n  background-color: #fff;\n  border: 1px solid #dee2e6;\n  border-radius: 0.25rem;\n  max-width: 100%;\n  height: auto;\n}\n\n.figure {\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: 0.5rem;\n  line-height: 1;\n}\n\n.figure-caption {\n  font-size: 0.875em;\n  color: #6c757d;\n}\n\n.container,\n.container-fluid,\n.container-xxl,\n.container-xl,\n.container-lg,\n.container-md,\n.container-sm {\n  width: 100%;\n  padding-right: var(--bs-gutter-x, 0.75rem);\n  padding-left: var(--bs-gutter-x, 0.75rem);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media (min-width: 576px) {\n  .container-sm, .container {\n    max-width: 540px;\n  }\n}\n@media (min-width: 768px) {\n  .container-md, .container-sm, .container {\n    max-width: 720px;\n  }\n}\n@media (min-width: 992px) {\n  .container-lg, .container-md, .container-sm, .container {\n    max-width: 960px;\n  }\n}\n@media (min-width: 1200px) {\n  .container-xl, .container-lg, .container-md, .container-sm, .container {\n    max-width: 1140px;\n  }\n}\n@media (min-width: 1400px) {\n  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {\n    max-width: 1320px;\n  }\n}\n.row {\n  --bs-gutter-x: 1.5rem;\n  --bs-gutter-y: 0;\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--bs-gutter-y) * -1);\n  margin-right: calc(var(--bs-gutter-x) * -.5);\n  margin-left: calc(var(--bs-gutter-x) * -.5);\n}\n.row > * {\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%;\n  padding-right: calc(var(--bs-gutter-x) * .5);\n  padding-left: calc(var(--bs-gutter-x) * .5);\n  margin-top: var(--bs-gutter-y);\n}\n\n.col {\n  flex: 1 0 0%;\n}\n\n.row-cols-auto > * {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n.row-cols-1 > * {\n  flex: 0 0 auto;\n  width: 100%;\n}\n\n.row-cols-2 > * {\n  flex: 0 0 auto;\n  width: 50%;\n}\n\n.row-cols-3 > * {\n  flex: 0 0 auto;\n  width: 33.3333333333%;\n}\n\n.row-cols-4 > * {\n  flex: 0 0 auto;\n  width: 25%;\n}\n\n.row-cols-5 > * {\n  flex: 0 0 auto;\n  width: 20%;\n}\n\n.row-cols-6 > * {\n  flex: 0 0 auto;\n  width: 16.6666666667%;\n}\n\n.col-auto {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n.col-1 {\n  flex: 0 0 auto;\n  width: 8.33333333%;\n}\n\n.col-2 {\n  flex: 0 0 auto;\n  width: 16.66666667%;\n}\n\n.col-3 {\n  flex: 0 0 auto;\n  width: 25%;\n}\n\n.col-4 {\n  flex: 0 0 auto;\n  width: 33.33333333%;\n}\n\n.col-5 {\n  flex: 0 0 auto;\n  width: 41.66666667%;\n}\n\n.col-6 {\n  flex: 0 0 auto;\n  width: 50%;\n}\n\n.col-7 {\n  flex: 0 0 auto;\n  width: 58.33333333%;\n}\n\n.col-8 {\n  flex: 0 0 auto;\n  width: 66.66666667%;\n}\n\n.col-9 {\n  flex: 0 0 auto;\n  width: 75%;\n}\n\n.col-10 {\n  flex: 0 0 auto;\n  width: 83.33333333%;\n}\n\n.col-11 {\n  flex: 0 0 auto;\n  width: 91.66666667%;\n}\n\n.col-12 {\n  flex: 0 0 auto;\n  width: 100%;\n}\n\n.offset-1 {\n  margin-left: 8.33333333%;\n}\n\n.offset-2 {\n  margin-left: 16.66666667%;\n}\n\n.offset-3 {\n  margin-left: 25%;\n}\n\n.offset-4 {\n  margin-left: 33.33333333%;\n}\n\n.offset-5 {\n  margin-left: 41.66666667%;\n}\n\n.offset-6 {\n  margin-left: 50%;\n}\n\n.offset-7 {\n  margin-left: 58.33333333%;\n}\n\n.offset-8 {\n  margin-left: 66.66666667%;\n}\n\n.offset-9 {\n  margin-left: 75%;\n}\n\n.offset-10 {\n  margin-left: 83.33333333%;\n}\n\n.offset-11 {\n  margin-left: 91.66666667%;\n}\n\n.g-0,\n.gx-0 {\n  --bs-gutter-x: 0;\n}\n\n.g-0,\n.gy-0 {\n  --bs-gutter-y: 0;\n}\n\n.g-1,\n.gx-1 {\n  --bs-gutter-x: 0.25rem;\n}\n\n.g-1,\n.gy-1 {\n  --bs-gutter-y: 0.25rem;\n}\n\n.g-2,\n.gx-2 {\n  --bs-gutter-x: 0.5rem;\n}\n\n.g-2,\n.gy-2 {\n  --bs-gutter-y: 0.5rem;\n}\n\n.g-3,\n.gx-3 {\n  --bs-gutter-x: 1rem;\n}\n\n.g-3,\n.gy-3 {\n  --bs-gutter-y: 1rem;\n}\n\n.g-4,\n.gx-4 {\n  --bs-gutter-x: 1.5rem;\n}\n\n.g-4,\n.gy-4 {\n  --bs-gutter-y: 1.5rem;\n}\n\n.g-5,\n.gx-5 {\n  --bs-gutter-x: 3rem;\n}\n\n.g-5,\n.gy-5 {\n  --bs-gutter-y: 3rem;\n}\n\n@media (min-width: 576px) {\n  .col-sm {\n    flex: 1 0 0%;\n  }\n\n  .row-cols-sm-auto > * {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .row-cols-sm-1 > * {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .row-cols-sm-2 > * {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .row-cols-sm-3 > * {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n\n  .row-cols-sm-4 > * {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .row-cols-sm-5 > * {\n    flex: 0 0 auto;\n    width: 20%;\n  }\n\n  .row-cols-sm-6 > * {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n\n  .col-sm-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .col-sm-1 {\n    flex: 0 0 auto;\n    width: 8.33333333%;\n  }\n\n  .col-sm-2 {\n    flex: 0 0 auto;\n    width: 16.66666667%;\n  }\n\n  .col-sm-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .col-sm-4 {\n    flex: 0 0 auto;\n    width: 33.33333333%;\n  }\n\n  .col-sm-5 {\n    flex: 0 0 auto;\n    width: 41.66666667%;\n  }\n\n  .col-sm-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .col-sm-7 {\n    flex: 0 0 auto;\n    width: 58.33333333%;\n  }\n\n  .col-sm-8 {\n    flex: 0 0 auto;\n    width: 66.66666667%;\n  }\n\n  .col-sm-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n\n  .col-sm-10 {\n    flex: 0 0 auto;\n    width: 83.33333333%;\n  }\n\n  .col-sm-11 {\n    flex: 0 0 auto;\n    width: 91.66666667%;\n  }\n\n  .col-sm-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .offset-sm-0 {\n    margin-left: 0;\n  }\n\n  .offset-sm-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .offset-sm-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .offset-sm-3 {\n    margin-left: 25%;\n  }\n\n  .offset-sm-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .offset-sm-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .offset-sm-6 {\n    margin-left: 50%;\n  }\n\n  .offset-sm-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .offset-sm-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .offset-sm-9 {\n    margin-left: 75%;\n  }\n\n  .offset-sm-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .offset-sm-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .g-sm-0,\n.gx-sm-0 {\n    --bs-gutter-x: 0;\n  }\n\n  .g-sm-0,\n.gy-sm-0 {\n    --bs-gutter-y: 0;\n  }\n\n  .g-sm-1,\n.gx-sm-1 {\n    --bs-gutter-x: 0.25rem;\n  }\n\n  .g-sm-1,\n.gy-sm-1 {\n    --bs-gutter-y: 0.25rem;\n  }\n\n  .g-sm-2,\n.gx-sm-2 {\n    --bs-gutter-x: 0.5rem;\n  }\n\n  .g-sm-2,\n.gy-sm-2 {\n    --bs-gutter-y: 0.5rem;\n  }\n\n  .g-sm-3,\n.gx-sm-3 {\n    --bs-gutter-x: 1rem;\n  }\n\n  .g-sm-3,\n.gy-sm-3 {\n    --bs-gutter-y: 1rem;\n  }\n\n  .g-sm-4,\n.gx-sm-4 {\n    --bs-gutter-x: 1.5rem;\n  }\n\n  .g-sm-4,\n.gy-sm-4 {\n    --bs-gutter-y: 1.5rem;\n  }\n\n  .g-sm-5,\n.gx-sm-5 {\n    --bs-gutter-x: 3rem;\n  }\n\n  .g-sm-5,\n.gy-sm-5 {\n    --bs-gutter-y: 3rem;\n  }\n}\n@media (min-width: 768px) {\n  .col-md {\n    flex: 1 0 0%;\n  }\n\n  .row-cols-md-auto > * {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .row-cols-md-1 > * {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .row-cols-md-2 > * {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .row-cols-md-3 > * {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n\n  .row-cols-md-4 > * {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .row-cols-md-5 > * {\n    flex: 0 0 auto;\n    width: 20%;\n  }\n\n  .row-cols-md-6 > * {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n\n  .col-md-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .col-md-1 {\n    flex: 0 0 auto;\n    width: 8.33333333%;\n  }\n\n  .col-md-2 {\n    flex: 0 0 auto;\n    width: 16.66666667%;\n  }\n\n  .col-md-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .col-md-4 {\n    flex: 0 0 auto;\n    width: 33.33333333%;\n  }\n\n  .col-md-5 {\n    flex: 0 0 auto;\n    width: 41.66666667%;\n  }\n\n  .col-md-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .col-md-7 {\n    flex: 0 0 auto;\n    width: 58.33333333%;\n  }\n\n  .col-md-8 {\n    flex: 0 0 auto;\n    width: 66.66666667%;\n  }\n\n  .col-md-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n\n  .col-md-10 {\n    flex: 0 0 auto;\n    width: 83.33333333%;\n  }\n\n  .col-md-11 {\n    flex: 0 0 auto;\n    width: 91.66666667%;\n  }\n\n  .col-md-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .offset-md-0 {\n    margin-left: 0;\n  }\n\n  .offset-md-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .offset-md-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .offset-md-3 {\n    margin-left: 25%;\n  }\n\n  .offset-md-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .offset-md-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .offset-md-6 {\n    margin-left: 50%;\n  }\n\n  .offset-md-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .offset-md-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .offset-md-9 {\n    margin-left: 75%;\n  }\n\n  .offset-md-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .offset-md-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .g-md-0,\n.gx-md-0 {\n    --bs-gutter-x: 0;\n  }\n\n  .g-md-0,\n.gy-md-0 {\n    --bs-gutter-y: 0;\n  }\n\n  .g-md-1,\n.gx-md-1 {\n    --bs-gutter-x: 0.25rem;\n  }\n\n  .g-md-1,\n.gy-md-1 {\n    --bs-gutter-y: 0.25rem;\n  }\n\n  .g-md-2,\n.gx-md-2 {\n    --bs-gutter-x: 0.5rem;\n  }\n\n  .g-md-2,\n.gy-md-2 {\n    --bs-gutter-y: 0.5rem;\n  }\n\n  .g-md-3,\n.gx-md-3 {\n    --bs-gutter-x: 1rem;\n  }\n\n  .g-md-3,\n.gy-md-3 {\n    --bs-gutter-y: 1rem;\n  }\n\n  .g-md-4,\n.gx-md-4 {\n    --bs-gutter-x: 1.5rem;\n  }\n\n  .g-md-4,\n.gy-md-4 {\n    --bs-gutter-y: 1.5rem;\n  }\n\n  .g-md-5,\n.gx-md-5 {\n    --bs-gutter-x: 3rem;\n  }\n\n  .g-md-5,\n.gy-md-5 {\n    --bs-gutter-y: 3rem;\n  }\n}\n@media (min-width: 992px) {\n  .col-lg {\n    flex: 1 0 0%;\n  }\n\n  .row-cols-lg-auto > * {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .row-cols-lg-1 > * {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .row-cols-lg-2 > * {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .row-cols-lg-3 > * {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n\n  .row-cols-lg-4 > * {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .row-cols-lg-5 > * {\n    flex: 0 0 auto;\n    width: 20%;\n  }\n\n  .row-cols-lg-6 > * {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n\n  .col-lg-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .col-lg-1 {\n    flex: 0 0 auto;\n    width: 8.33333333%;\n  }\n\n  .col-lg-2 {\n    flex: 0 0 auto;\n    width: 16.66666667%;\n  }\n\n  .col-lg-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .col-lg-4 {\n    flex: 0 0 auto;\n    width: 33.33333333%;\n  }\n\n  .col-lg-5 {\n    flex: 0 0 auto;\n    width: 41.66666667%;\n  }\n\n  .col-lg-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .col-lg-7 {\n    flex: 0 0 auto;\n    width: 58.33333333%;\n  }\n\n  .col-lg-8 {\n    flex: 0 0 auto;\n    width: 66.66666667%;\n  }\n\n  .col-lg-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n\n  .col-lg-10 {\n    flex: 0 0 auto;\n    width: 83.33333333%;\n  }\n\n  .col-lg-11 {\n    flex: 0 0 auto;\n    width: 91.66666667%;\n  }\n\n  .col-lg-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .offset-lg-0 {\n    margin-left: 0;\n  }\n\n  .offset-lg-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .offset-lg-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .offset-lg-3 {\n    margin-left: 25%;\n  }\n\n  .offset-lg-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .offset-lg-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .offset-lg-6 {\n    margin-left: 50%;\n  }\n\n  .offset-lg-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .offset-lg-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .offset-lg-9 {\n    margin-left: 75%;\n  }\n\n  .offset-lg-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .offset-lg-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .g-lg-0,\n.gx-lg-0 {\n    --bs-gutter-x: 0;\n  }\n\n  .g-lg-0,\n.gy-lg-0 {\n    --bs-gutter-y: 0;\n  }\n\n  .g-lg-1,\n.gx-lg-1 {\n    --bs-gutter-x: 0.25rem;\n  }\n\n  .g-lg-1,\n.gy-lg-1 {\n    --bs-gutter-y: 0.25rem;\n  }\n\n  .g-lg-2,\n.gx-lg-2 {\n    --bs-gutter-x: 0.5rem;\n  }\n\n  .g-lg-2,\n.gy-lg-2 {\n    --bs-gutter-y: 0.5rem;\n  }\n\n  .g-lg-3,\n.gx-lg-3 {\n    --bs-gutter-x: 1rem;\n  }\n\n  .g-lg-3,\n.gy-lg-3 {\n    --bs-gutter-y: 1rem;\n  }\n\n  .g-lg-4,\n.gx-lg-4 {\n    --bs-gutter-x: 1.5rem;\n  }\n\n  .g-lg-4,\n.gy-lg-4 {\n    --bs-gutter-y: 1.5rem;\n  }\n\n  .g-lg-5,\n.gx-lg-5 {\n    --bs-gutter-x: 3rem;\n  }\n\n  .g-lg-5,\n.gy-lg-5 {\n    --bs-gutter-y: 3rem;\n  }\n}\n@media (min-width: 1200px) {\n  .col-xl {\n    flex: 1 0 0%;\n  }\n\n  .row-cols-xl-auto > * {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .row-cols-xl-1 > * {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .row-cols-xl-2 > * {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .row-cols-xl-3 > * {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n\n  .row-cols-xl-4 > * {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .row-cols-xl-5 > * {\n    flex: 0 0 auto;\n    width: 20%;\n  }\n\n  .row-cols-xl-6 > * {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n\n  .col-xl-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .col-xl-1 {\n    flex: 0 0 auto;\n    width: 8.33333333%;\n  }\n\n  .col-xl-2 {\n    flex: 0 0 auto;\n    width: 16.66666667%;\n  }\n\n  .col-xl-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .col-xl-4 {\n    flex: 0 0 auto;\n    width: 33.33333333%;\n  }\n\n  .col-xl-5 {\n    flex: 0 0 auto;\n    width: 41.66666667%;\n  }\n\n  .col-xl-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .col-xl-7 {\n    flex: 0 0 auto;\n    width: 58.33333333%;\n  }\n\n  .col-xl-8 {\n    flex: 0 0 auto;\n    width: 66.66666667%;\n  }\n\n  .col-xl-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n\n  .col-xl-10 {\n    flex: 0 0 auto;\n    width: 83.33333333%;\n  }\n\n  .col-xl-11 {\n    flex: 0 0 auto;\n    width: 91.66666667%;\n  }\n\n  .col-xl-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .offset-xl-0 {\n    margin-left: 0;\n  }\n\n  .offset-xl-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .offset-xl-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .offset-xl-3 {\n    margin-left: 25%;\n  }\n\n  .offset-xl-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .offset-xl-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .offset-xl-6 {\n    margin-left: 50%;\n  }\n\n  .offset-xl-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .offset-xl-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .offset-xl-9 {\n    margin-left: 75%;\n  }\n\n  .offset-xl-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .offset-xl-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .g-xl-0,\n.gx-xl-0 {\n    --bs-gutter-x: 0;\n  }\n\n  .g-xl-0,\n.gy-xl-0 {\n    --bs-gutter-y: 0;\n  }\n\n  .g-xl-1,\n.gx-xl-1 {\n    --bs-gutter-x: 0.25rem;\n  }\n\n  .g-xl-1,\n.gy-xl-1 {\n    --bs-gutter-y: 0.25rem;\n  }\n\n  .g-xl-2,\n.gx-xl-2 {\n    --bs-gutter-x: 0.5rem;\n  }\n\n  .g-xl-2,\n.gy-xl-2 {\n    --bs-gutter-y: 0.5rem;\n  }\n\n  .g-xl-3,\n.gx-xl-3 {\n    --bs-gutter-x: 1rem;\n  }\n\n  .g-xl-3,\n.gy-xl-3 {\n    --bs-gutter-y: 1rem;\n  }\n\n  .g-xl-4,\n.gx-xl-4 {\n    --bs-gutter-x: 1.5rem;\n  }\n\n  .g-xl-4,\n.gy-xl-4 {\n    --bs-gutter-y: 1.5rem;\n  }\n\n  .g-xl-5,\n.gx-xl-5 {\n    --bs-gutter-x: 3rem;\n  }\n\n  .g-xl-5,\n.gy-xl-5 {\n    --bs-gutter-y: 3rem;\n  }\n}\n@media (min-width: 1400px) {\n  .col-xxl {\n    flex: 1 0 0%;\n  }\n\n  .row-cols-xxl-auto > * {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .row-cols-xxl-1 > * {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .row-cols-xxl-2 > * {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .row-cols-xxl-3 > * {\n    flex: 0 0 auto;\n    width: 33.3333333333%;\n  }\n\n  .row-cols-xxl-4 > * {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .row-cols-xxl-5 > * {\n    flex: 0 0 auto;\n    width: 20%;\n  }\n\n  .row-cols-xxl-6 > * {\n    flex: 0 0 auto;\n    width: 16.6666666667%;\n  }\n\n  .col-xxl-auto {\n    flex: 0 0 auto;\n    width: auto;\n  }\n\n  .col-xxl-1 {\n    flex: 0 0 auto;\n    width: 8.33333333%;\n  }\n\n  .col-xxl-2 {\n    flex: 0 0 auto;\n    width: 16.66666667%;\n  }\n\n  .col-xxl-3 {\n    flex: 0 0 auto;\n    width: 25%;\n  }\n\n  .col-xxl-4 {\n    flex: 0 0 auto;\n    width: 33.33333333%;\n  }\n\n  .col-xxl-5 {\n    flex: 0 0 auto;\n    width: 41.66666667%;\n  }\n\n  .col-xxl-6 {\n    flex: 0 0 auto;\n    width: 50%;\n  }\n\n  .col-xxl-7 {\n    flex: 0 0 auto;\n    width: 58.33333333%;\n  }\n\n  .col-xxl-8 {\n    flex: 0 0 auto;\n    width: 66.66666667%;\n  }\n\n  .col-xxl-9 {\n    flex: 0 0 auto;\n    width: 75%;\n  }\n\n  .col-xxl-10 {\n    flex: 0 0 auto;\n    width: 83.33333333%;\n  }\n\n  .col-xxl-11 {\n    flex: 0 0 auto;\n    width: 91.66666667%;\n  }\n\n  .col-xxl-12 {\n    flex: 0 0 auto;\n    width: 100%;\n  }\n\n  .offset-xxl-0 {\n    margin-left: 0;\n  }\n\n  .offset-xxl-1 {\n    margin-left: 8.33333333%;\n  }\n\n  .offset-xxl-2 {\n    margin-left: 16.66666667%;\n  }\n\n  .offset-xxl-3 {\n    margin-left: 25%;\n  }\n\n  .offset-xxl-4 {\n    margin-left: 33.33333333%;\n  }\n\n  .offset-xxl-5 {\n    margin-left: 41.66666667%;\n  }\n\n  .offset-xxl-6 {\n    margin-left: 50%;\n  }\n\n  .offset-xxl-7 {\n    margin-left: 58.33333333%;\n  }\n\n  .offset-xxl-8 {\n    margin-left: 66.66666667%;\n  }\n\n  .offset-xxl-9 {\n    margin-left: 75%;\n  }\n\n  .offset-xxl-10 {\n    margin-left: 83.33333333%;\n  }\n\n  .offset-xxl-11 {\n    margin-left: 91.66666667%;\n  }\n\n  .g-xxl-0,\n.gx-xxl-0 {\n    --bs-gutter-x: 0;\n  }\n\n  .g-xxl-0,\n.gy-xxl-0 {\n    --bs-gutter-y: 0;\n  }\n\n  .g-xxl-1,\n.gx-xxl-1 {\n    --bs-gutter-x: 0.25rem;\n  }\n\n  .g-xxl-1,\n.gy-xxl-1 {\n    --bs-gutter-y: 0.25rem;\n  }\n\n  .g-xxl-2,\n.gx-xxl-2 {\n    --bs-gutter-x: 0.5rem;\n  }\n\n  .g-xxl-2,\n.gy-xxl-2 {\n    --bs-gutter-y: 0.5rem;\n  }\n\n  .g-xxl-3,\n.gx-xxl-3 {\n    --bs-gutter-x: 1rem;\n  }\n\n  .g-xxl-3,\n.gy-xxl-3 {\n    --bs-gutter-y: 1rem;\n  }\n\n  .g-xxl-4,\n.gx-xxl-4 {\n    --bs-gutter-x: 1.5rem;\n  }\n\n  .g-xxl-4,\n.gy-xxl-4 {\n    --bs-gutter-y: 1.5rem;\n  }\n\n  .g-xxl-5,\n.gx-xxl-5 {\n    --bs-gutter-x: 3rem;\n  }\n\n  .g-xxl-5,\n.gy-xxl-5 {\n    --bs-gutter-y: 3rem;\n  }\n}\n.table {\n  --bs-table-bg: transparent;\n  --bs-table-accent-bg: transparent;\n  --bs-table-striped-color: #212529;\n  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);\n  --bs-table-active-color: #212529;\n  --bs-table-active-bg: rgba(0, 0, 0, 0.1);\n  --bs-table-hover-color: #212529;\n  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);\n  width: 100%;\n  margin-bottom: 1rem;\n  color: #212529;\n  vertical-align: top;\n  border-color: #dee2e6;\n}\n.table > :not(caption) > * > * {\n  padding: 0.5rem 0.5rem;\n  background-color: var(--bs-table-bg);\n  border-bottom-width: 1px;\n  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);\n}\n.table > tbody {\n  vertical-align: inherit;\n}\n.table > thead {\n  vertical-align: bottom;\n}\n.table > :not(:last-child) > :last-child > * {\n  border-bottom-color: currentColor;\n}\n\n.caption-top {\n  caption-side: top;\n}\n\n.table-sm > :not(caption) > * > * {\n  padding: 0.25rem 0.25rem;\n}\n\n.table-bordered > :not(caption) > * {\n  border-width: 1px 0;\n}\n.table-bordered > :not(caption) > * > * {\n  border-width: 0 1px;\n}\n\n.table-borderless > :not(caption) > * > * {\n  border-bottom-width: 0;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) {\n  --bs-table-accent-bg: var(--bs-table-striped-bg);\n  color: var(--bs-table-striped-color);\n}\n\n.table-active {\n  --bs-table-accent-bg: var(--bs-table-active-bg);\n  color: var(--bs-table-active-color);\n}\n\n.table-hover > tbody > tr:hover {\n  --bs-table-accent-bg: var(--bs-table-hover-bg);\n  color: var(--bs-table-hover-color);\n}\n\n.table-primary {\n  --bs-table-bg: #cfe2ff;\n  --bs-table-striped-bg: #c5d7f2;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #bacbe6;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #bfd1ec;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #bacbe6;\n}\n\n.table-secondary {\n  --bs-table-bg: #e2e3e5;\n  --bs-table-striped-bg: #d7d8da;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #cbccce;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #d1d2d4;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #cbccce;\n}\n\n.table-success {\n  --bs-table-bg: #d1e7dd;\n  --bs-table-striped-bg: #c7dbd2;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #bcd0c7;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #c1d6cc;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #bcd0c7;\n}\n\n.table-info {\n  --bs-table-bg: #cff4fc;\n  --bs-table-striped-bg: #c5e8ef;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #badce3;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #bfe2e9;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #badce3;\n}\n\n.table-warning {\n  --bs-table-bg: #fff3cd;\n  --bs-table-striped-bg: #f2e7c3;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #e6dbb9;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #ece1be;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #e6dbb9;\n}\n\n.table-danger {\n  --bs-table-bg: #f8d7da;\n  --bs-table-striped-bg: #eccccf;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #dfc2c4;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #e5c7ca;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #dfc2c4;\n}\n\n.table-light {\n  --bs-table-bg: #f8f9fa;\n  --bs-table-striped-bg: #ecedee;\n  --bs-table-striped-color: #000;\n  --bs-table-active-bg: #dfe0e1;\n  --bs-table-active-color: #000;\n  --bs-table-hover-bg: #e5e6e7;\n  --bs-table-hover-color: #000;\n  color: #000;\n  border-color: #dfe0e1;\n}\n\n.table-dark {\n  --bs-table-bg: #212529;\n  --bs-table-striped-bg: #2c3034;\n  --bs-table-striped-color: #fff;\n  --bs-table-active-bg: #373b3e;\n  --bs-table-active-color: #fff;\n  --bs-table-hover-bg: #323539;\n  --bs-table-hover-color: #fff;\n  color: #fff;\n  border-color: #373b3e;\n}\n\n.table-responsive {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n@media (max-width: 575.98px) {\n  .table-responsive-sm {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n@media (max-width: 767.98px) {\n  .table-responsive-md {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n@media (max-width: 991.98px) {\n  .table-responsive-lg {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n@media (max-width: 1199.98px) {\n  .table-responsive-xl {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n@media (max-width: 1399.98px) {\n  .table-responsive-xxl {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n}\n.form-label {\n  margin-bottom: 0.5rem;\n}\n\n.col-form-label {\n  padding-top: calc(0.375rem + 1px);\n  padding-bottom: calc(0.375rem + 1px);\n  margin-bottom: 0;\n  font-size: inherit;\n  line-height: 1.5;\n}\n\n.col-form-label-lg {\n  padding-top: calc(0.5rem + 1px);\n  padding-bottom: calc(0.5rem + 1px);\n  font-size: 1.25rem;\n}\n\n.col-form-label-sm {\n  padding-top: calc(0.25rem + 1px);\n  padding-bottom: calc(0.25rem + 1px);\n  font-size: 0.875rem;\n}\n\n.form-text {\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #6c757d;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid #ced4da;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: 0.25rem;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-control {\n    transition: none;\n  }\n}\n.form-control[type=file] {\n  overflow: hidden;\n}\n.form-control[type=file]:not(:disabled):not([readonly]) {\n  cursor: pointer;\n}\n.form-control:focus {\n  color: #212529;\n  background-color: #fff;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.form-control::-webkit-date-and-time-value {\n  height: 1.5em;\n}\n.form-control::-moz-placeholder {\n  color: #6c757d;\n  opacity: 1;\n}\n.form-control::placeholder {\n  color: #6c757d;\n  opacity: 1;\n}\n.form-control:disabled, .form-control[readonly] {\n  background-color: #e9ecef;\n  opacity: 1;\n}\n.form-control::file-selector-button {\n  padding: 0.375rem 0.75rem;\n  margin: -0.375rem -0.75rem;\n  -webkit-margin-end: 0.75rem;\n  margin-inline-end: 0.75rem;\n  color: #212529;\n  background-color: #e9ecef;\n  pointer-events: none;\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n  border-inline-end-width: 1px;\n  border-radius: 0;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-control::file-selector-button {\n    transition: none;\n  }\n}\n.form-control:hover:not(:disabled):not([readonly])::file-selector-button {\n  background-color: #dde0e3;\n}\n.form-control::-webkit-file-upload-button {\n  padding: 0.375rem 0.75rem;\n  margin: -0.375rem -0.75rem;\n  -webkit-margin-end: 0.75rem;\n  margin-inline-end: 0.75rem;\n  color: #212529;\n  background-color: #e9ecef;\n  pointer-events: none;\n  border-color: inherit;\n  border-style: solid;\n  border-width: 0;\n  border-inline-end-width: 1px;\n  border-radius: 0;\n  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-control::-webkit-file-upload-button {\n    -webkit-transition: none;\n    transition: none;\n  }\n}\n.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n  background-color: #dde0e3;\n}\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0;\n  margin-bottom: 0;\n  line-height: 1.5;\n  color: #212529;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: 1px 0;\n}\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.form-control-sm {\n  min-height: calc(1.5em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.875rem;\n  border-radius: 0.2rem;\n}\n.form-control-sm::file-selector-button {\n  padding: 0.25rem 0.5rem;\n  margin: -0.25rem -0.5rem;\n  -webkit-margin-end: 0.5rem;\n  margin-inline-end: 0.5rem;\n}\n.form-control-sm::-webkit-file-upload-button {\n  padding: 0.25rem 0.5rem;\n  margin: -0.25rem -0.5rem;\n  -webkit-margin-end: 0.5rem;\n  margin-inline-end: 0.5rem;\n}\n\n.form-control-lg {\n  min-height: calc(1.5em + 1rem + 2px);\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  border-radius: 0.3rem;\n}\n.form-control-lg::file-selector-button {\n  padding: 0.5rem 1rem;\n  margin: -0.5rem -1rem;\n  -webkit-margin-end: 1rem;\n  margin-inline-end: 1rem;\n}\n.form-control-lg::-webkit-file-upload-button {\n  padding: 0.5rem 1rem;\n  margin: -0.5rem -1rem;\n  -webkit-margin-end: 1rem;\n  margin-inline-end: 1rem;\n}\n\ntextarea.form-control {\n  min-height: calc(1.5em + 0.75rem + 2px);\n}\ntextarea.form-control-sm {\n  min-height: calc(1.5em + 0.5rem + 2px);\n}\ntextarea.form-control-lg {\n  min-height: calc(1.5em + 1rem + 2px);\n}\n\n.form-control-color {\n  width: 3rem;\n  height: auto;\n  padding: 0.375rem;\n}\n.form-control-color:not(:disabled):not([readonly]) {\n  cursor: pointer;\n}\n.form-control-color::-moz-color-swatch {\n  height: 1.5em;\n  border-radius: 0.25rem;\n}\n.form-control-color::-webkit-color-swatch {\n  height: 1.5em;\n  border-radius: 0.25rem;\n}\n\n.form-select {\n  display: block;\n  width: 100%;\n  padding: 0.375rem 2.25rem 0.375rem 0.75rem;\n  -moz-padding-start: calc(0.75rem - 3px);\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  background-color: #fff;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\");\n  background-repeat: no-repeat;\n  background-position: right 0.75rem center;\n  background-size: 16px 12px;\n  border: 1px solid #ced4da;\n  border-radius: 0.25rem;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-select {\n    transition: none;\n  }\n}\n.form-select:focus {\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.form-select[multiple], .form-select[size]:not([size=\"1\"]) {\n  padding-right: 0.75rem;\n  background-image: none;\n}\n.form-select:disabled {\n  background-color: #e9ecef;\n}\n.form-select:-moz-focusring {\n  color: transparent;\n  text-shadow: 0 0 0 #212529;\n}\n\n.form-select-sm {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.5rem;\n  font-size: 0.875rem;\n}\n\n.form-select-lg {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  font-size: 1.25rem;\n}\n\n.form-check {\n  display: block;\n  min-height: 1.5rem;\n  padding-left: 1.5em;\n  margin-bottom: 0.125rem;\n}\n.form-check .form-check-input {\n  float: left;\n  margin-left: -1.5em;\n}\n\n.form-check-input {\n  width: 1em;\n  height: 1em;\n  margin-top: 0.25em;\n  vertical-align: top;\n  background-color: #fff;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  border: 1px solid rgba(0, 0, 0, 0.25);\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  -webkit-print-color-adjust: exact;\n  color-adjust: exact;\n}\n.form-check-input[type=checkbox] {\n  border-radius: 0.25em;\n}\n.form-check-input[type=radio] {\n  border-radius: 50%;\n}\n.form-check-input:active {\n  filter: brightness(90%);\n}\n.form-check-input:focus {\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.form-check-input:checked {\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n.form-check-input:checked[type=checkbox] {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e\");\n}\n.form-check-input:checked[type=radio] {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\");\n}\n.form-check-input[type=checkbox]:indeterminate {\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");\n}\n.form-check-input:disabled {\n  pointer-events: none;\n  filter: none;\n  opacity: 0.5;\n}\n.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {\n  opacity: 0.5;\n}\n\n.form-switch {\n  padding-left: 2.5em;\n}\n.form-switch .form-check-input {\n  width: 2em;\n  margin-left: -2.5em;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");\n  background-position: left center;\n  border-radius: 2em;\n  transition: background-position 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-switch .form-check-input {\n    transition: none;\n  }\n}\n.form-switch .form-check-input:focus {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e\");\n}\n.form-switch .form-check-input:checked {\n  background-position: right center;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\");\n}\n\n.form-check-inline {\n  display: inline-block;\n  margin-right: 1rem;\n}\n\n.btn-check {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  pointer-events: none;\n}\n.btn-check[disabled] + .btn, .btn-check:disabled + .btn {\n  pointer-events: none;\n  filter: none;\n  opacity: 0.65;\n}\n\n.form-range {\n  width: 100%;\n  height: 1.5rem;\n  padding: 0;\n  background-color: transparent;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.form-range:focus {\n  outline: 0;\n}\n.form-range:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.form-range:focus::-moz-range-thumb {\n  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.form-range::-moz-focus-outer {\n  border: 0;\n}\n.form-range::-webkit-slider-thumb {\n  width: 1rem;\n  height: 1rem;\n  margin-top: -0.25rem;\n  background-color: #0d6efd;\n  border: 0;\n  border-radius: 1rem;\n  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -webkit-appearance: none;\n  appearance: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-range::-webkit-slider-thumb {\n    -webkit-transition: none;\n    transition: none;\n  }\n}\n.form-range::-webkit-slider-thumb:active {\n  background-color: #b6d4fe;\n}\n.form-range::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n.form-range::-moz-range-thumb {\n  width: 1rem;\n  height: 1rem;\n  background-color: #0d6efd;\n  border: 0;\n  border-radius: 1rem;\n  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  -moz-appearance: none;\n  appearance: none;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-range::-moz-range-thumb {\n    -moz-transition: none;\n    transition: none;\n  }\n}\n.form-range::-moz-range-thumb:active {\n  background-color: #b6d4fe;\n}\n.form-range::-moz-range-track {\n  width: 100%;\n  height: 0.5rem;\n  color: transparent;\n  cursor: pointer;\n  background-color: #dee2e6;\n  border-color: transparent;\n  border-radius: 1rem;\n}\n.form-range:disabled {\n  pointer-events: none;\n}\n.form-range:disabled::-webkit-slider-thumb {\n  background-color: #adb5bd;\n}\n.form-range:disabled::-moz-range-thumb {\n  background-color: #adb5bd;\n}\n\n.form-floating {\n  position: relative;\n}\n.form-floating > .form-control,\n.form-floating > .form-select {\n  height: calc(3.5rem + 2px);\n  line-height: 1.25;\n}\n.form-floating > label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  padding: 1rem 0.75rem;\n  pointer-events: none;\n  border: 1px solid transparent;\n  transform-origin: 0 0;\n  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .form-floating > label {\n    transition: none;\n  }\n}\n.form-floating > .form-control {\n  padding: 1rem 0.75rem;\n}\n.form-floating > .form-control::-moz-placeholder {\n  color: transparent;\n}\n.form-floating > .form-control::placeholder {\n  color: transparent;\n}\n.form-floating > .form-control:not(:-moz-placeholder-shown) {\n  padding-top: 1.625rem;\n  padding-bottom: 0.625rem;\n}\n.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {\n  padding-top: 1.625rem;\n  padding-bottom: 0.625rem;\n}\n.form-floating > .form-control:-webkit-autofill {\n  padding-top: 1.625rem;\n  padding-bottom: 0.625rem;\n}\n.form-floating > .form-select {\n  padding-top: 1.625rem;\n  padding-bottom: 0.625rem;\n}\n.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {\n  opacity: 0.65;\n  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n}\n.form-floating > .form-control:focus ~ label,\n.form-floating > .form-control:not(:placeholder-shown) ~ label,\n.form-floating > .form-select ~ label {\n  opacity: 0.65;\n  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n}\n.form-floating > .form-control:-webkit-autofill ~ label {\n  opacity: 0.65;\n  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);\n}\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  width: 100%;\n}\n.input-group > .form-control,\n.input-group > .form-select {\n  position: relative;\n  flex: 1 1 auto;\n  width: 1%;\n  min-width: 0;\n}\n.input-group > .form-control:focus,\n.input-group > .form-select:focus {\n  z-index: 3;\n}\n.input-group .btn {\n  position: relative;\n  z-index: 2;\n}\n.input-group .btn:focus {\n  z-index: 3;\n}\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #e9ecef;\n  border: 1px solid #ced4da;\n  border-radius: 0.25rem;\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .form-select,\n.input-group-lg > .input-group-text,\n.input-group-lg > .btn {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  border-radius: 0.3rem;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .form-select,\n.input-group-sm > .input-group-text,\n.input-group-sm > .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.875rem;\n  border-radius: 0.2rem;\n}\n\n.input-group-lg > .form-select,\n.input-group-sm > .form-select {\n  padding-right: 3rem;\n}\n\n.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),\n.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),\n.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\n  margin-left: -1px;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.valid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #198754;\n}\n\n.valid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: 0.1rem;\n  font-size: 0.875rem;\n  color: #fff;\n  background-color: rgba(25, 135, 84, 0.9);\n  border-radius: 0.25rem;\n}\n\n.was-validated :valid ~ .valid-feedback,\n.was-validated :valid ~ .valid-tooltip,\n.is-valid ~ .valid-feedback,\n.is-valid ~ .valid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n  border-color: #198754;\n  padding-right: calc(1.5em + 0.75rem);\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n  background-repeat: no-repeat;\n  background-position: right calc(0.375em + 0.1875rem) center;\n  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);\n}\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n  border-color: #198754;\n  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);\n}\n\n.was-validated textarea.form-control:valid, textarea.form-control.is-valid {\n  padding-right: calc(1.5em + 0.75rem);\n  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);\n}\n\n.was-validated .form-select:valid, .form-select.is-valid {\n  border-color: #198754;\n}\n.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size=\"1\"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size=\"1\"] {\n  padding-right: 4.125rem;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"), url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n  background-position: right 0.75rem center, center right 2.25rem;\n  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);\n}\n.was-validated .form-select:valid:focus, .form-select.is-valid:focus {\n  border-color: #198754;\n  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);\n}\n\n.was-validated .form-check-input:valid, .form-check-input.is-valid {\n  border-color: #198754;\n}\n.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {\n  background-color: #198754;\n}\n.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {\n  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);\n}\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n  color: #198754;\n}\n\n.form-check-inline .form-check-input ~ .valid-feedback {\n  margin-left: 0.5em;\n}\n\n.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,\n.was-validated .input-group .form-select:valid,\n.input-group .form-select.is-valid {\n  z-index: 1;\n}\n.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,\n.was-validated .input-group .form-select:valid:focus,\n.input-group .form-select.is-valid:focus {\n  z-index: 3;\n}\n\n.invalid-feedback {\n  display: none;\n  width: 100%;\n  margin-top: 0.25rem;\n  font-size: 0.875em;\n  color: #dc3545;\n}\n\n.invalid-tooltip {\n  position: absolute;\n  top: 100%;\n  z-index: 5;\n  display: none;\n  max-width: 100%;\n  padding: 0.25rem 0.5rem;\n  margin-top: 0.1rem;\n  font-size: 0.875rem;\n  color: #fff;\n  background-color: rgba(220, 53, 69, 0.9);\n  border-radius: 0.25rem;\n}\n\n.was-validated :invalid ~ .invalid-feedback,\n.was-validated :invalid ~ .invalid-tooltip,\n.is-invalid ~ .invalid-feedback,\n.is-invalid ~ .invalid-tooltip {\n  display: block;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n  border-color: #dc3545;\n  padding-right: calc(1.5em + 0.75rem);\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");\n  background-repeat: no-repeat;\n  background-position: right calc(0.375em + 0.1875rem) center;\n  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);\n}\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {\n  padding-right: calc(1.5em + 0.75rem);\n  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);\n}\n\n.was-validated .form-select:invalid, .form-select.is-invalid {\n  border-color: #dc3545;\n}\n.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size=\"1\"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size=\"1\"] {\n  padding-right: 4.125rem;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e\"), url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\");\n  background-position: right 0.75rem center, center right 2.25rem;\n  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);\n}\n.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {\n  border-color: #dc3545;\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .form-check-input:invalid, .form-check-input.is-invalid {\n  border-color: #dc3545;\n}\n.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {\n  background-color: #dc3545;\n}\n.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);\n}\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n  color: #dc3545;\n}\n\n.form-check-inline .form-check-input ~ .invalid-feedback {\n  margin-left: 0.5em;\n}\n\n.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,\n.was-validated .input-group .form-select:invalid,\n.input-group .form-select.is-invalid {\n  z-index: 2;\n}\n.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,\n.was-validated .input-group .form-select:invalid:focus,\n.input-group .form-select.is-invalid:focus {\n  z-index: 3;\n}\n\n.btn {\n  display: inline-block;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #212529;\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  border-radius: 0.25rem;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .btn {\n    transition: none;\n  }\n}\n.btn:hover {\n  color: #212529;\n}\n.btn-check:focus + .btn, .btn:focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n.btn:disabled, .btn.disabled, fieldset:disabled .btn {\n  pointer-events: none;\n  opacity: 0.65;\n}\n\n.btn-primary {\n  color: #fff;\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n.btn-primary:hover {\n  color: #fff;\n  background-color: #0b5ed7;\n  border-color: #0a58ca;\n}\n.btn-check:focus + .btn-primary, .btn-primary:focus {\n  color: #fff;\n  background-color: #0b5ed7;\n  border-color: #0a58ca;\n  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);\n}\n.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {\n  color: #fff;\n  background-color: #0a58ca;\n  border-color: #0a53be;\n}\n.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);\n}\n.btn-primary:disabled, .btn-primary.disabled {\n  color: #fff;\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n\n.btn-secondary {\n  color: #fff;\n  background-color: #6c757d;\n  border-color: #6c757d;\n}\n.btn-secondary:hover {\n  color: #fff;\n  background-color: #5c636a;\n  border-color: #565e64;\n}\n.btn-check:focus + .btn-secondary, .btn-secondary:focus {\n  color: #fff;\n  background-color: #5c636a;\n  border-color: #565e64;\n  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);\n}\n.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {\n  color: #fff;\n  background-color: #565e64;\n  border-color: #51585e;\n}\n.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);\n}\n.btn-secondary:disabled, .btn-secondary.disabled {\n  color: #fff;\n  background-color: #6c757d;\n  border-color: #6c757d;\n}\n\n.btn-success {\n  color: #fff;\n  background-color: #198754;\n  border-color: #198754;\n}\n.btn-success:hover {\n  color: #fff;\n  background-color: #157347;\n  border-color: #146c43;\n}\n.btn-check:focus + .btn-success, .btn-success:focus {\n  color: #fff;\n  background-color: #157347;\n  border-color: #146c43;\n  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);\n}\n.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {\n  color: #fff;\n  background-color: #146c43;\n  border-color: #13653f;\n}\n.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);\n}\n.btn-success:disabled, .btn-success.disabled {\n  color: #fff;\n  background-color: #198754;\n  border-color: #198754;\n}\n\n.btn-info {\n  color: #000;\n  background-color: #0dcaf0;\n  border-color: #0dcaf0;\n}\n.btn-info:hover {\n  color: #000;\n  background-color: #31d2f2;\n  border-color: #25cff2;\n}\n.btn-check:focus + .btn-info, .btn-info:focus {\n  color: #000;\n  background-color: #31d2f2;\n  border-color: #25cff2;\n  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);\n}\n.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {\n  color: #000;\n  background-color: #3dd5f3;\n  border-color: #25cff2;\n}\n.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);\n}\n.btn-info:disabled, .btn-info.disabled {\n  color: #000;\n  background-color: #0dcaf0;\n  border-color: #0dcaf0;\n}\n\n.btn-warning {\n  color: #000;\n  background-color: #ffc107;\n  border-color: #ffc107;\n}\n.btn-warning:hover {\n  color: #000;\n  background-color: #ffca2c;\n  border-color: #ffc720;\n}\n.btn-check:focus + .btn-warning, .btn-warning:focus {\n  color: #000;\n  background-color: #ffca2c;\n  border-color: #ffc720;\n  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);\n}\n.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {\n  color: #000;\n  background-color: #ffcd39;\n  border-color: #ffc720;\n}\n.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);\n}\n.btn-warning:disabled, .btn-warning.disabled {\n  color: #000;\n  background-color: #ffc107;\n  border-color: #ffc107;\n}\n\n.btn-danger {\n  color: #fff;\n  background-color: #dc3545;\n  border-color: #dc3545;\n}\n.btn-danger:hover {\n  color: #fff;\n  background-color: #bb2d3b;\n  border-color: #b02a37;\n}\n.btn-check:focus + .btn-danger, .btn-danger:focus {\n  color: #fff;\n  background-color: #bb2d3b;\n  border-color: #b02a37;\n  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);\n}\n.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {\n  color: #fff;\n  background-color: #b02a37;\n  border-color: #a52834;\n}\n.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);\n}\n.btn-danger:disabled, .btn-danger.disabled {\n  color: #fff;\n  background-color: #dc3545;\n  border-color: #dc3545;\n}\n\n.btn-light {\n  color: #000;\n  background-color: #f8f9fa;\n  border-color: #f8f9fa;\n}\n.btn-light:hover {\n  color: #000;\n  background-color: #f9fafb;\n  border-color: #f9fafb;\n}\n.btn-check:focus + .btn-light, .btn-light:focus {\n  color: #000;\n  background-color: #f9fafb;\n  border-color: #f9fafb;\n  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);\n}\n.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {\n  color: #000;\n  background-color: #f9fafb;\n  border-color: #f9fafb;\n}\n.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);\n}\n.btn-light:disabled, .btn-light.disabled {\n  color: #000;\n  background-color: #f8f9fa;\n  border-color: #f8f9fa;\n}\n\n.btn-dark {\n  color: #fff;\n  background-color: #212529;\n  border-color: #212529;\n}\n.btn-dark:hover {\n  color: #fff;\n  background-color: #1c1f23;\n  border-color: #1a1e21;\n}\n.btn-check:focus + .btn-dark, .btn-dark:focus {\n  color: #fff;\n  background-color: #1c1f23;\n  border-color: #1a1e21;\n  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);\n}\n.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {\n  color: #fff;\n  background-color: #1a1e21;\n  border-color: #191c1f;\n}\n.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {\n  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);\n}\n.btn-dark:disabled, .btn-dark.disabled {\n  color: #fff;\n  background-color: #212529;\n  border-color: #212529;\n}\n\n.btn-outline-primary {\n  color: #0d6efd;\n  border-color: #0d6efd;\n}\n.btn-outline-primary:hover {\n  color: #fff;\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);\n}\n.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {\n  color: #fff;\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);\n}\n.btn-outline-primary:disabled, .btn-outline-primary.disabled {\n  color: #0d6efd;\n  background-color: transparent;\n}\n\n.btn-outline-secondary {\n  color: #6c757d;\n  border-color: #6c757d;\n}\n.btn-outline-secondary:hover {\n  color: #fff;\n  background-color: #6c757d;\n  border-color: #6c757d;\n}\n.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {\n  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);\n}\n.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {\n  color: #fff;\n  background-color: #6c757d;\n  border-color: #6c757d;\n}\n.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);\n}\n.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {\n  color: #6c757d;\n  background-color: transparent;\n}\n\n.btn-outline-success {\n  color: #198754;\n  border-color: #198754;\n}\n.btn-outline-success:hover {\n  color: #fff;\n  background-color: #198754;\n  border-color: #198754;\n}\n.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {\n  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);\n}\n.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {\n  color: #fff;\n  background-color: #198754;\n  border-color: #198754;\n}\n.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);\n}\n.btn-outline-success:disabled, .btn-outline-success.disabled {\n  color: #198754;\n  background-color: transparent;\n}\n\n.btn-outline-info {\n  color: #0dcaf0;\n  border-color: #0dcaf0;\n}\n.btn-outline-info:hover {\n  color: #000;\n  background-color: #0dcaf0;\n  border-color: #0dcaf0;\n}\n.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {\n  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);\n}\n.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {\n  color: #000;\n  background-color: #0dcaf0;\n  border-color: #0dcaf0;\n}\n.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);\n}\n.btn-outline-info:disabled, .btn-outline-info.disabled {\n  color: #0dcaf0;\n  background-color: transparent;\n}\n\n.btn-outline-warning {\n  color: #ffc107;\n  border-color: #ffc107;\n}\n.btn-outline-warning:hover {\n  color: #000;\n  background-color: #ffc107;\n  border-color: #ffc107;\n}\n.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {\n  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);\n}\n.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {\n  color: #000;\n  background-color: #ffc107;\n  border-color: #ffc107;\n}\n.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);\n}\n.btn-outline-warning:disabled, .btn-outline-warning.disabled {\n  color: #ffc107;\n  background-color: transparent;\n}\n\n.btn-outline-danger {\n  color: #dc3545;\n  border-color: #dc3545;\n}\n.btn-outline-danger:hover {\n  color: #fff;\n  background-color: #dc3545;\n  border-color: #dc3545;\n}\n.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);\n}\n.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {\n  color: #fff;\n  background-color: #dc3545;\n  border-color: #dc3545;\n}\n.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);\n}\n.btn-outline-danger:disabled, .btn-outline-danger.disabled {\n  color: #dc3545;\n  background-color: transparent;\n}\n\n.btn-outline-light {\n  color: #f8f9fa;\n  border-color: #f8f9fa;\n}\n.btn-outline-light:hover {\n  color: #000;\n  background-color: #f8f9fa;\n  border-color: #f8f9fa;\n}\n.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {\n  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);\n}\n.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {\n  color: #000;\n  background-color: #f8f9fa;\n  border-color: #f8f9fa;\n}\n.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);\n}\n.btn-outline-light:disabled, .btn-outline-light.disabled {\n  color: #f8f9fa;\n  background-color: transparent;\n}\n\n.btn-outline-dark {\n  color: #212529;\n  border-color: #212529;\n}\n.btn-outline-dark:hover {\n  color: #fff;\n  background-color: #212529;\n  border-color: #212529;\n}\n.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {\n  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);\n}\n.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {\n  color: #fff;\n  background-color: #212529;\n  border-color: #212529;\n}\n.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {\n  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);\n}\n.btn-outline-dark:disabled, .btn-outline-dark.disabled {\n  color: #212529;\n  background-color: transparent;\n}\n\n.btn-link {\n  font-weight: 400;\n  color: #0d6efd;\n  text-decoration: underline;\n}\n.btn-link:hover {\n  color: #0a58ca;\n}\n.btn-link:disabled, .btn-link.disabled {\n  color: #6c757d;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n  padding: 0.5rem 1rem;\n  font-size: 1.25rem;\n  border-radius: 0.3rem;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.875rem;\n  border-radius: 0.2rem;\n}\n\n.fade {\n  transition: opacity 0.15s linear;\n}\n@media (prefers-reduced-motion: reduce) {\n  .fade {\n    transition: none;\n  }\n}\n.fade:not(.show) {\n  opacity: 0;\n}\n\n.collapse:not(.show) {\n  display: none;\n}\n\n.collapsing {\n  height: 0;\n  overflow: hidden;\n  transition: height 0.35s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .collapsing {\n    transition: none;\n  }\n}\n.collapsing.collapse-horizontal {\n  width: 0;\n  height: auto;\n  transition: width 0.35s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .collapsing.collapse-horizontal {\n    transition: none;\n  }\n}\n\n.dropup,\n.dropend,\n.dropdown,\n.dropstart {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n}\n.dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0;\n  border-left: 0.3em solid transparent;\n}\n.dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropdown-menu {\n  position: absolute;\n  z-index: 1000;\n  display: none;\n  min-width: 10rem;\n  padding: 0.5rem 0;\n  margin: 0;\n  font-size: 1rem;\n  color: #212529;\n  text-align: left;\n  list-style: none;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  border-radius: 0.25rem;\n}\n.dropdown-menu[data-bs-popper] {\n  top: 100%;\n  left: 0;\n  margin-top: 0.125rem;\n}\n\n.dropdown-menu-start {\n  --bs-position: start;\n}\n.dropdown-menu-start[data-bs-popper] {\n  right: auto;\n  left: 0;\n}\n\n.dropdown-menu-end {\n  --bs-position: end;\n}\n.dropdown-menu-end[data-bs-popper] {\n  right: 0;\n  left: auto;\n}\n\n@media (min-width: 576px) {\n  .dropdown-menu-sm-start {\n    --bs-position: start;\n  }\n  .dropdown-menu-sm-start[data-bs-popper] {\n    right: auto;\n    left: 0;\n  }\n\n  .dropdown-menu-sm-end {\n    --bs-position: end;\n  }\n  .dropdown-menu-sm-end[data-bs-popper] {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 768px) {\n  .dropdown-menu-md-start {\n    --bs-position: start;\n  }\n  .dropdown-menu-md-start[data-bs-popper] {\n    right: auto;\n    left: 0;\n  }\n\n  .dropdown-menu-md-end {\n    --bs-position: end;\n  }\n  .dropdown-menu-md-end[data-bs-popper] {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 992px) {\n  .dropdown-menu-lg-start {\n    --bs-position: start;\n  }\n  .dropdown-menu-lg-start[data-bs-popper] {\n    right: auto;\n    left: 0;\n  }\n\n  .dropdown-menu-lg-end {\n    --bs-position: end;\n  }\n  .dropdown-menu-lg-end[data-bs-popper] {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 1200px) {\n  .dropdown-menu-xl-start {\n    --bs-position: start;\n  }\n  .dropdown-menu-xl-start[data-bs-popper] {\n    right: auto;\n    left: 0;\n  }\n\n  .dropdown-menu-xl-end {\n    --bs-position: end;\n  }\n  .dropdown-menu-xl-end[data-bs-popper] {\n    right: 0;\n    left: auto;\n  }\n}\n@media (min-width: 1400px) {\n  .dropdown-menu-xxl-start {\n    --bs-position: start;\n  }\n  .dropdown-menu-xxl-start[data-bs-popper] {\n    right: auto;\n    left: 0;\n  }\n\n  .dropdown-menu-xxl-end {\n    --bs-position: end;\n  }\n  .dropdown-menu-xxl-end[data-bs-popper] {\n    right: 0;\n    left: auto;\n  }\n}\n.dropup .dropdown-menu[data-bs-popper] {\n  top: auto;\n  bottom: 100%;\n  margin-top: 0;\n  margin-bottom: 0.125rem;\n}\n.dropup .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0;\n  border-right: 0.3em solid transparent;\n  border-bottom: 0.3em solid;\n  border-left: 0.3em solid transparent;\n}\n.dropup .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n\n.dropend .dropdown-menu[data-bs-popper] {\n  top: 0;\n  right: auto;\n  left: 100%;\n  margin-top: 0;\n  margin-left: 0.125rem;\n}\n.dropend .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0;\n  border-bottom: 0.3em solid transparent;\n  border-left: 0.3em solid;\n}\n.dropend .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n.dropend .dropdown-toggle::after {\n  vertical-align: 0;\n}\n\n.dropstart .dropdown-menu[data-bs-popper] {\n  top: 0;\n  right: 100%;\n  left: auto;\n  margin-top: 0;\n  margin-right: 0.125rem;\n}\n.dropstart .dropdown-toggle::after {\n  display: inline-block;\n  margin-left: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n}\n.dropstart .dropdown-toggle::after {\n  display: none;\n}\n.dropstart .dropdown-toggle::before {\n  display: inline-block;\n  margin-right: 0.255em;\n  vertical-align: 0.255em;\n  content: \"\";\n  border-top: 0.3em solid transparent;\n  border-right: 0.3em solid;\n  border-bottom: 0.3em solid transparent;\n}\n.dropstart .dropdown-toggle:empty::after {\n  margin-left: 0;\n}\n.dropstart .dropdown-toggle::before {\n  vertical-align: 0;\n}\n\n.dropdown-divider {\n  height: 0;\n  margin: 0.5rem 0;\n  overflow: hidden;\n  border-top: 1px solid rgba(0, 0, 0, 0.15);\n}\n\n.dropdown-item {\n  display: block;\n  width: 100%;\n  padding: 0.25rem 1rem;\n  clear: both;\n  font-weight: 400;\n  color: #212529;\n  text-align: inherit;\n  text-decoration: none;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n}\n.dropdown-item:hover, .dropdown-item:focus {\n  color: #1e2125;\n  background-color: #e9ecef;\n}\n.dropdown-item.active, .dropdown-item:active {\n  color: #fff;\n  text-decoration: none;\n  background-color: #0d6efd;\n}\n.dropdown-item.disabled, .dropdown-item:disabled {\n  color: #adb5bd;\n  pointer-events: none;\n  background-color: transparent;\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n.dropdown-header {\n  display: block;\n  padding: 0.5rem 1rem;\n  margin-bottom: 0;\n  font-size: 0.875rem;\n  color: #6c757d;\n  white-space: nowrap;\n}\n\n.dropdown-item-text {\n  display: block;\n  padding: 0.25rem 1rem;\n  color: #212529;\n}\n\n.dropdown-menu-dark {\n  color: #dee2e6;\n  background-color: #343a40;\n  border-color: rgba(0, 0, 0, 0.15);\n}\n.dropdown-menu-dark .dropdown-item {\n  color: #dee2e6;\n}\n.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {\n  color: #fff;\n  background-color: rgba(255, 255, 255, 0.15);\n}\n.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {\n  color: #fff;\n  background-color: #0d6efd;\n}\n.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {\n  color: #adb5bd;\n}\n.dropdown-menu-dark .dropdown-divider {\n  border-color: rgba(0, 0, 0, 0.15);\n}\n.dropdown-menu-dark .dropdown-item-text {\n  color: #dee2e6;\n}\n.dropdown-menu-dark .dropdown-header {\n  color: #adb5bd;\n}\n\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle;\n}\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n  position: relative;\n  flex: 1 1 auto;\n}\n.btn-group > .btn-check:checked + .btn,\n.btn-group > .btn-check:focus + .btn,\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active,\n.btn-group-vertical > .btn-check:checked + .btn,\n.btn-group-vertical > .btn-check:focus + .btn,\n.btn-group-vertical > .btn:hover,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n  z-index: 1;\n}\n\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n}\n.btn-toolbar .input-group {\n  width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n  margin-left: -1px;\n}\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.btn-group > .btn:nth-child(n+3),\n.btn-group > :not(.btn-check) + .btn,\n.btn-group > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n  padding-right: 0.5625rem;\n  padding-left: 0.5625rem;\n}\n.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {\n  margin-left: 0;\n}\n.dropstart .dropdown-toggle-split::before {\n  margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n  padding-right: 0.375rem;\n  padding-left: 0.375rem;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n  padding-right: 0.75rem;\n  padding-left: 0.75rem;\n}\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n}\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n  width: 100%;\n}\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n  margin-top: -1px;\n}\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.btn-group-vertical > .btn ~ .btn,\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: 0.5rem 1rem;\n  color: #0d6efd;\n  text-decoration: none;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .nav-link {\n    transition: none;\n  }\n}\n.nav-link:hover, .nav-link:focus {\n  color: #0a58ca;\n}\n.nav-link.disabled {\n  color: #6c757d;\n  pointer-events: none;\n  cursor: default;\n}\n\n.nav-tabs {\n  border-bottom: 1px solid #dee2e6;\n}\n.nav-tabs .nav-link {\n  margin-bottom: -1px;\n  background: none;\n  border: 1px solid transparent;\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n}\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n  border-color: #e9ecef #e9ecef #dee2e6;\n  isolation: isolate;\n}\n.nav-tabs .nav-link.disabled {\n  color: #6c757d;\n  background-color: transparent;\n  border-color: transparent;\n}\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n  color: #495057;\n  background-color: #fff;\n  border-color: #dee2e6 #dee2e6 #fff;\n}\n.nav-tabs .dropdown-menu {\n  margin-top: -1px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n  background: none;\n  border: 0;\n  border-radius: 0.25rem;\n}\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n  color: #fff;\n  background-color: #0d6efd;\n}\n\n.nav-fill > .nav-link,\n.nav-fill .nav-item {\n  flex: 1 1 auto;\n  text-align: center;\n}\n\n.nav-justified > .nav-link,\n.nav-justified .nav-item {\n  flex-basis: 0;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.nav-fill .nav-item .nav-link,\n.nav-justified .nav-item .nav-link {\n  width: 100%;\n}\n\n.tab-content > .tab-pane {\n  display: none;\n}\n.tab-content > .active {\n  display: block;\n}\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.navbar > .container,\n.navbar > .container-fluid,\n.navbar > .container-sm,\n.navbar > .container-md,\n.navbar > .container-lg,\n.navbar > .container-xl,\n.navbar > .container-xxl {\n  display: flex;\n  flex-wrap: inherit;\n  align-items: center;\n  justify-content: space-between;\n}\n.navbar-brand {\n  padding-top: 0.3125rem;\n  padding-bottom: 0.3125rem;\n  margin-right: 1rem;\n  font-size: 1.25rem;\n  text-decoration: none;\n  white-space: nowrap;\n}\n.navbar-nav {\n  display: flex;\n  flex-direction: column;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n.navbar-nav .nav-link {\n  padding-right: 0;\n  padding-left: 0;\n}\n.navbar-nav .dropdown-menu {\n  position: static;\n}\n\n.navbar-text {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  align-items: center;\n}\n\n.navbar-toggler {\n  padding: 0.25rem 0.75rem;\n  font-size: 1.25rem;\n  line-height: 1;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  transition: box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .navbar-toggler {\n    transition: none;\n  }\n}\n.navbar-toggler:hover {\n  text-decoration: none;\n}\n.navbar-toggler:focus {\n  text-decoration: none;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem;\n}\n\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 100%;\n}\n\n.navbar-nav-scroll {\n  max-height: var(--bs-scroll-height, 75vh);\n  overflow-y: auto;\n}\n\n@media (min-width: 576px) {\n  .navbar-expand-sm {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  .navbar-expand-sm .navbar-nav {\n    flex-direction: row;\n  }\n  .navbar-expand-sm .navbar-nav .dropdown-menu {\n    position: absolute;\n  }\n  .navbar-expand-sm .navbar-nav .nav-link {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .navbar-expand-sm .navbar-nav-scroll {\n    overflow: visible;\n  }\n  .navbar-expand-sm .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n  .navbar-expand-sm .navbar-toggler {\n    display: none;\n  }\n  .navbar-expand-sm .offcanvas-header {\n    display: none;\n  }\n  .navbar-expand-sm .offcanvas {\n    position: inherit;\n    bottom: 0;\n    z-index: 1000;\n    flex-grow: 1;\n    visibility: visible !important;\n    background-color: transparent;\n    border-right: 0;\n    border-left: 0;\n    transition: none;\n    transform: none;\n  }\n  .navbar-expand-sm .offcanvas-top,\n.navbar-expand-sm .offcanvas-bottom {\n    height: auto;\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .navbar-expand-sm .offcanvas-body {\n    display: flex;\n    flex-grow: 0;\n    padding: 0;\n    overflow-y: visible;\n  }\n}\n@media (min-width: 768px) {\n  .navbar-expand-md {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  .navbar-expand-md .navbar-nav {\n    flex-direction: row;\n  }\n  .navbar-expand-md .navbar-nav .dropdown-menu {\n    position: absolute;\n  }\n  .navbar-expand-md .navbar-nav .nav-link {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .navbar-expand-md .navbar-nav-scroll {\n    overflow: visible;\n  }\n  .navbar-expand-md .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n  .navbar-expand-md .navbar-toggler {\n    display: none;\n  }\n  .navbar-expand-md .offcanvas-header {\n    display: none;\n  }\n  .navbar-expand-md .offcanvas {\n    position: inherit;\n    bottom: 0;\n    z-index: 1000;\n    flex-grow: 1;\n    visibility: visible !important;\n    background-color: transparent;\n    border-right: 0;\n    border-left: 0;\n    transition: none;\n    transform: none;\n  }\n  .navbar-expand-md .offcanvas-top,\n.navbar-expand-md .offcanvas-bottom {\n    height: auto;\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .navbar-expand-md .offcanvas-body {\n    display: flex;\n    flex-grow: 0;\n    padding: 0;\n    overflow-y: visible;\n  }\n}\n@media (min-width: 992px) {\n  .navbar-expand-lg {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  .navbar-expand-lg .navbar-nav {\n    flex-direction: row;\n  }\n  .navbar-expand-lg .navbar-nav .dropdown-menu {\n    position: absolute;\n  }\n  .navbar-expand-lg .navbar-nav .nav-link {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .navbar-expand-lg .navbar-nav-scroll {\n    overflow: visible;\n  }\n  .navbar-expand-lg .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n  .navbar-expand-lg .navbar-toggler {\n    display: none;\n  }\n  .navbar-expand-lg .offcanvas-header {\n    display: none;\n  }\n  .navbar-expand-lg .offcanvas {\n    position: inherit;\n    bottom: 0;\n    z-index: 1000;\n    flex-grow: 1;\n    visibility: visible !important;\n    background-color: transparent;\n    border-right: 0;\n    border-left: 0;\n    transition: none;\n    transform: none;\n  }\n  .navbar-expand-lg .offcanvas-top,\n.navbar-expand-lg .offcanvas-bottom {\n    height: auto;\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .navbar-expand-lg .offcanvas-body {\n    display: flex;\n    flex-grow: 0;\n    padding: 0;\n    overflow-y: visible;\n  }\n}\n@media (min-width: 1200px) {\n  .navbar-expand-xl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  .navbar-expand-xl .navbar-nav {\n    flex-direction: row;\n  }\n  .navbar-expand-xl .navbar-nav .dropdown-menu {\n    position: absolute;\n  }\n  .navbar-expand-xl .navbar-nav .nav-link {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .navbar-expand-xl .navbar-nav-scroll {\n    overflow: visible;\n  }\n  .navbar-expand-xl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n  .navbar-expand-xl .navbar-toggler {\n    display: none;\n  }\n  .navbar-expand-xl .offcanvas-header {\n    display: none;\n  }\n  .navbar-expand-xl .offcanvas {\n    position: inherit;\n    bottom: 0;\n    z-index: 1000;\n    flex-grow: 1;\n    visibility: visible !important;\n    background-color: transparent;\n    border-right: 0;\n    border-left: 0;\n    transition: none;\n    transform: none;\n  }\n  .navbar-expand-xl .offcanvas-top,\n.navbar-expand-xl .offcanvas-bottom {\n    height: auto;\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .navbar-expand-xl .offcanvas-body {\n    display: flex;\n    flex-grow: 0;\n    padding: 0;\n    overflow-y: visible;\n  }\n}\n@media (min-width: 1400px) {\n  .navbar-expand-xxl {\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n  }\n  .navbar-expand-xxl .navbar-nav {\n    flex-direction: row;\n  }\n  .navbar-expand-xxl .navbar-nav .dropdown-menu {\n    position: absolute;\n  }\n  .navbar-expand-xxl .navbar-nav .nav-link {\n    padding-right: 0.5rem;\n    padding-left: 0.5rem;\n  }\n  .navbar-expand-xxl .navbar-nav-scroll {\n    overflow: visible;\n  }\n  .navbar-expand-xxl .navbar-collapse {\n    display: flex !important;\n    flex-basis: auto;\n  }\n  .navbar-expand-xxl .navbar-toggler {\n    display: none;\n  }\n  .navbar-expand-xxl .offcanvas-header {\n    display: none;\n  }\n  .navbar-expand-xxl .offcanvas {\n    position: inherit;\n    bottom: 0;\n    z-index: 1000;\n    flex-grow: 1;\n    visibility: visible !important;\n    background-color: transparent;\n    border-right: 0;\n    border-left: 0;\n    transition: none;\n    transform: none;\n  }\n  .navbar-expand-xxl .offcanvas-top,\n.navbar-expand-xxl .offcanvas-bottom {\n    height: auto;\n    border-top: 0;\n    border-bottom: 0;\n  }\n  .navbar-expand-xxl .offcanvas-body {\n    display: flex;\n    flex-grow: 0;\n    padding: 0;\n    overflow-y: visible;\n  }\n}\n.navbar-expand {\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n}\n.navbar-expand .navbar-nav {\n  flex-direction: row;\n}\n.navbar-expand .navbar-nav .dropdown-menu {\n  position: absolute;\n}\n.navbar-expand .navbar-nav .nav-link {\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n}\n.navbar-expand .navbar-nav-scroll {\n  overflow: visible;\n}\n.navbar-expand .navbar-collapse {\n  display: flex !important;\n  flex-basis: auto;\n}\n.navbar-expand .navbar-toggler {\n  display: none;\n}\n.navbar-expand .offcanvas-header {\n  display: none;\n}\n.navbar-expand .offcanvas {\n  position: inherit;\n  bottom: 0;\n  z-index: 1000;\n  flex-grow: 1;\n  visibility: visible !important;\n  background-color: transparent;\n  border-right: 0;\n  border-left: 0;\n  transition: none;\n  transform: none;\n}\n.navbar-expand .offcanvas-top,\n.navbar-expand .offcanvas-bottom {\n  height: auto;\n  border-top: 0;\n  border-bottom: 0;\n}\n.navbar-expand .offcanvas-body {\n  display: flex;\n  flex-grow: 0;\n  padding: 0;\n  overflow-y: visible;\n}\n\n.navbar-light .navbar-brand {\n  color: rgba(0, 0, 0, 0.9);\n}\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n  color: rgba(0, 0, 0, 0.9);\n}\n.navbar-light .navbar-nav .nav-link {\n  color: rgba(0, 0, 0, 0.55);\n}\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n  color: rgba(0, 0, 0, 0.7);\n}\n.navbar-light .navbar-nav .nav-link.disabled {\n  color: rgba(0, 0, 0, 0.3);\n}\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .nav-link.active {\n  color: rgba(0, 0, 0, 0.9);\n}\n.navbar-light .navbar-toggler {\n  color: rgba(0, 0, 0, 0.55);\n  border-color: rgba(0, 0, 0, 0.1);\n}\n.navbar-light .navbar-toggler-icon {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n.navbar-light .navbar-text {\n  color: rgba(0, 0, 0, 0.55);\n}\n.navbar-light .navbar-text a,\n.navbar-light .navbar-text a:hover,\n.navbar-light .navbar-text a:focus {\n  color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n  color: #fff;\n}\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n  color: #fff;\n}\n.navbar-dark .navbar-nav .nav-link {\n  color: rgba(255, 255, 255, 0.55);\n}\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n  color: rgba(255, 255, 255, 0.75);\n}\n.navbar-dark .navbar-nav .nav-link.disabled {\n  color: rgba(255, 255, 255, 0.25);\n}\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .nav-link.active {\n  color: #fff;\n}\n.navbar-dark .navbar-toggler {\n  color: rgba(255, 255, 255, 0.55);\n  border-color: rgba(255, 255, 255, 0.1);\n}\n.navbar-dark .navbar-toggler-icon {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n.navbar-dark .navbar-text {\n  color: rgba(255, 255, 255, 0.55);\n}\n.navbar-dark .navbar-text a,\n.navbar-dark .navbar-text a:hover,\n.navbar-dark .navbar-text a:focus {\n  color: #fff;\n}\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  word-wrap: break-word;\n  background-color: #fff;\n  background-clip: border-box;\n  border: 1px solid rgba(0, 0, 0, 0.125);\n  border-radius: 0.25rem;\n}\n.card > hr {\n  margin-right: 0;\n  margin-left: 0;\n}\n.card > .list-group {\n  border-top: inherit;\n  border-bottom: inherit;\n}\n.card > .list-group:first-child {\n  border-top-width: 0;\n  border-top-left-radius: calc(0.25rem - 1px);\n  border-top-right-radius: calc(0.25rem - 1px);\n}\n.card > .list-group:last-child {\n  border-bottom-width: 0;\n  border-bottom-right-radius: calc(0.25rem - 1px);\n  border-bottom-left-radius: calc(0.25rem - 1px);\n}\n.card > .card-header + .list-group,\n.card > .list-group + .card-footer {\n  border-top: 0;\n}\n\n.card-body {\n  flex: 1 1 auto;\n  padding: 1rem 1rem;\n}\n\n.card-title {\n  margin-bottom: 0.5rem;\n}\n\n.card-subtitle {\n  margin-top: -0.25rem;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link + .card-link {\n  margin-left: 1rem;\n}\n\n.card-header {\n  padding: 0.5rem 1rem;\n  margin-bottom: 0;\n  background-color: rgba(0, 0, 0, 0.03);\n  border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n}\n.card-header:first-child {\n  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;\n}\n\n.card-footer {\n  padding: 0.5rem 1rem;\n  background-color: rgba(0, 0, 0, 0.03);\n  border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n.card-footer:last-child {\n  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);\n}\n\n.card-header-tabs {\n  margin-right: -0.5rem;\n  margin-bottom: -0.5rem;\n  margin-left: -0.5rem;\n  border-bottom: 0;\n}\n\n.card-header-pills {\n  margin-right: -0.5rem;\n  margin-left: -0.5rem;\n}\n\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 1rem;\n  border-radius: calc(0.25rem - 1px);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  width: 100%;\n}\n\n.card-img,\n.card-img-top {\n  border-top-left-radius: calc(0.25rem - 1px);\n  border-top-right-radius: calc(0.25rem - 1px);\n}\n\n.card-img,\n.card-img-bottom {\n  border-bottom-right-radius: calc(0.25rem - 1px);\n  border-bottom-left-radius: calc(0.25rem - 1px);\n}\n\n.card-group > .card {\n  margin-bottom: 0.75rem;\n}\n@media (min-width: 576px) {\n  .card-group {\n    display: flex;\n    flex-flow: row wrap;\n  }\n  .card-group > .card {\n    flex: 1 0 0%;\n    margin-bottom: 0;\n  }\n  .card-group > .card + .card {\n    margin-left: 0;\n    border-left: 0;\n  }\n  .card-group > .card:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .card-group > .card:not(:last-child) .card-img-top,\n.card-group > .card:not(:last-child) .card-header {\n    border-top-right-radius: 0;\n  }\n  .card-group > .card:not(:last-child) .card-img-bottom,\n.card-group > .card:not(:last-child) .card-footer {\n    border-bottom-right-radius: 0;\n  }\n  .card-group > .card:not(:first-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .card-group > .card:not(:first-child) .card-img-top,\n.card-group > .card:not(:first-child) .card-header {\n    border-top-left-radius: 0;\n  }\n  .card-group > .card:not(:first-child) .card-img-bottom,\n.card-group > .card:not(:first-child) .card-footer {\n    border-bottom-left-radius: 0;\n  }\n}\n\n.accordion-button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 1rem 1.25rem;\n  font-size: 1rem;\n  color: #212529;\n  text-align: left;\n  background-color: #fff;\n  border: 0;\n  border-radius: 0;\n  overflow-anchor: none;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .accordion-button {\n    transition: none;\n  }\n}\n.accordion-button:not(.collapsed) {\n  color: #0c63e4;\n  background-color: #e7f1ff;\n  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);\n}\n.accordion-button:not(.collapsed)::after {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n  transform: rotate(-180deg);\n}\n.accordion-button::after {\n  flex-shrink: 0;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-left: auto;\n  content: \"\";\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n  background-repeat: no-repeat;\n  background-size: 1.25rem;\n  transition: transform 0.2s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .accordion-button::after {\n    transition: none;\n  }\n}\n.accordion-button:hover {\n  z-index: 2;\n}\n.accordion-button:focus {\n  z-index: 3;\n  border-color: #86b7fe;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n\n.accordion-header {\n  margin-bottom: 0;\n}\n\n.accordion-item {\n  background-color: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.125);\n}\n.accordion-item:first-of-type {\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n}\n.accordion-item:first-of-type .accordion-button {\n  border-top-left-radius: calc(0.25rem - 1px);\n  border-top-right-radius: calc(0.25rem - 1px);\n}\n.accordion-item:not(:first-of-type) {\n  border-top: 0;\n}\n.accordion-item:last-of-type {\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n.accordion-item:last-of-type .accordion-button.collapsed {\n  border-bottom-right-radius: calc(0.25rem - 1px);\n  border-bottom-left-radius: calc(0.25rem - 1px);\n}\n.accordion-item:last-of-type .accordion-collapse {\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n\n.accordion-body {\n  padding: 1rem 1.25rem;\n}\n\n.accordion-flush .accordion-collapse {\n  border-width: 0;\n}\n.accordion-flush .accordion-item {\n  border-right: 0;\n  border-left: 0;\n  border-radius: 0;\n}\n.accordion-flush .accordion-item:first-child {\n  border-top: 0;\n}\n.accordion-flush .accordion-item:last-child {\n  border-bottom: 0;\n}\n.accordion-flush .accordion-item .accordion-button {\n  border-radius: 0;\n}\n\n.breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: 0 0;\n  margin-bottom: 1rem;\n  list-style: none;\n}\n\n.breadcrumb-item + .breadcrumb-item {\n  padding-left: 0.5rem;\n}\n.breadcrumb-item + .breadcrumb-item::before {\n  float: left;\n  padding-right: 0.5rem;\n  color: #6c757d;\n  content: var(--bs-breadcrumb-divider, \"/\") /* rtl: var(--bs-breadcrumb-divider, \"/\") */;\n}\n.breadcrumb-item.active {\n  color: #6c757d;\n}\n\n.pagination {\n  display: flex;\n  padding-left: 0;\n  list-style: none;\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  color: #0d6efd;\n  text-decoration: none;\n  background-color: #fff;\n  border: 1px solid #dee2e6;\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .page-link {\n    transition: none;\n  }\n}\n.page-link:hover {\n  z-index: 2;\n  color: #0a58ca;\n  background-color: #e9ecef;\n  border-color: #dee2e6;\n}\n.page-link:focus {\n  z-index: 3;\n  color: #0a58ca;\n  background-color: #e9ecef;\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n}\n\n.page-item:not(:first-child) .page-link {\n  margin-left: -1px;\n}\n.page-item.active .page-link {\n  z-index: 3;\n  color: #fff;\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n.page-item.disabled .page-link {\n  color: #6c757d;\n  pointer-events: none;\n  background-color: #fff;\n  border-color: #dee2e6;\n}\n\n.page-link {\n  padding: 0.375rem 0.75rem;\n}\n\n.page-item:first-child .page-link {\n  border-top-left-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n.page-item:last-child .page-link {\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n}\n\n.pagination-lg .page-link {\n  padding: 0.75rem 1.5rem;\n  font-size: 1.25rem;\n}\n.pagination-lg .page-item:first-child .page-link {\n  border-top-left-radius: 0.3rem;\n  border-bottom-left-radius: 0.3rem;\n}\n.pagination-lg .page-item:last-child .page-link {\n  border-top-right-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.pagination-sm .page-link {\n  padding: 0.25rem 0.5rem;\n  font-size: 0.875rem;\n}\n.pagination-sm .page-item:first-child .page-link {\n  border-top-left-radius: 0.2rem;\n  border-bottom-left-radius: 0.2rem;\n}\n.pagination-sm .page-item:last-child .page-link {\n  border-top-right-radius: 0.2rem;\n  border-bottom-right-radius: 0.2rem;\n}\n\n.badge {\n  display: inline-block;\n  padding: 0.35em 0.65em;\n  font-size: 0.75em;\n  font-weight: 700;\n  line-height: 1;\n  color: #fff;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  border-radius: 0.25rem;\n}\n.badge:empty {\n  display: none;\n}\n\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n\n.alert {\n  position: relative;\n  padding: 1rem 1rem;\n  margin-bottom: 1rem;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n}\n\n.alert-heading {\n  color: inherit;\n}\n\n.alert-link {\n  font-weight: 700;\n}\n\n.alert-dismissible {\n  padding-right: 3rem;\n}\n.alert-dismissible .btn-close {\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 2;\n  padding: 1.25rem 1rem;\n}\n\n.alert-primary {\n  color: #084298;\n  background-color: #cfe2ff;\n  border-color: #b6d4fe;\n}\n.alert-primary .alert-link {\n  color: #06357a;\n}\n\n.alert-secondary {\n  color: #41464b;\n  background-color: #e2e3e5;\n  border-color: #d3d6d8;\n}\n.alert-secondary .alert-link {\n  color: #34383c;\n}\n\n.alert-success {\n  color: #0f5132;\n  background-color: #d1e7dd;\n  border-color: #badbcc;\n}\n.alert-success .alert-link {\n  color: #0c4128;\n}\n\n.alert-info {\n  color: #055160;\n  background-color: #cff4fc;\n  border-color: #b6effb;\n}\n.alert-info .alert-link {\n  color: #04414d;\n}\n\n.alert-warning {\n  color: #664d03;\n  background-color: #fff3cd;\n  border-color: #ffecb5;\n}\n.alert-warning .alert-link {\n  color: #523e02;\n}\n\n.alert-danger {\n  color: #842029;\n  background-color: #f8d7da;\n  border-color: #f5c2c7;\n}\n.alert-danger .alert-link {\n  color: #6a1a21;\n}\n\n.alert-light {\n  color: #636464;\n  background-color: #fefefe;\n  border-color: #fdfdfe;\n}\n.alert-light .alert-link {\n  color: #4f5050;\n}\n\n.alert-dark {\n  color: #141619;\n  background-color: #d3d3d4;\n  border-color: #bcbebf;\n}\n.alert-dark .alert-link {\n  color: #101214;\n}\n\n@-webkit-keyframes progress-bar-stripes {\n  0% {\n    background-position-x: 1rem;\n  }\n}\n\n@keyframes progress-bar-stripes {\n  0% {\n    background-position-x: 1rem;\n  }\n}\n.progress {\n  display: flex;\n  height: 1rem;\n  overflow: hidden;\n  font-size: 0.75rem;\n  background-color: #e9ecef;\n  border-radius: 0.25rem;\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: #fff;\n  text-align: center;\n  white-space: nowrap;\n  background-color: #0d6efd;\n  transition: width 0.6s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .progress-bar {\n    transition: none;\n  }\n}\n\n.progress-bar-striped {\n  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n  background-size: 1rem 1rem;\n}\n\n.progress-bar-animated {\n  -webkit-animation: 1s linear infinite progress-bar-stripes;\n  animation: 1s linear infinite progress-bar-stripes;\n}\n@media (prefers-reduced-motion: reduce) {\n  .progress-bar-animated {\n    -webkit-animation: none;\n    animation: none;\n  }\n}\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n  padding-left: 0;\n  margin-bottom: 0;\n  border-radius: 0.25rem;\n}\n\n.list-group-numbered {\n  list-style-type: none;\n  counter-reset: section;\n}\n.list-group-numbered > li::before {\n  content: counters(section, \".\") \". \";\n  counter-increment: section;\n}\n\n.list-group-item-action {\n  width: 100%;\n  color: #495057;\n  text-align: inherit;\n}\n.list-group-item-action:hover, .list-group-item-action:focus {\n  z-index: 1;\n  color: #495057;\n  text-decoration: none;\n  background-color: #f8f9fa;\n}\n.list-group-item-action:active {\n  color: #212529;\n  background-color: #e9ecef;\n}\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: 0.5rem 1rem;\n  color: #212529;\n  text-decoration: none;\n  background-color: #fff;\n  border: 1px solid rgba(0, 0, 0, 0.125);\n}\n.list-group-item:first-child {\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n}\n.list-group-item:last-child {\n  border-bottom-right-radius: inherit;\n  border-bottom-left-radius: inherit;\n}\n.list-group-item.disabled, .list-group-item:disabled {\n  color: #6c757d;\n  pointer-events: none;\n  background-color: #fff;\n}\n.list-group-item.active {\n  z-index: 2;\n  color: #fff;\n  background-color: #0d6efd;\n  border-color: #0d6efd;\n}\n.list-group-item + .list-group-item {\n  border-top-width: 0;\n}\n.list-group-item + .list-group-item.active {\n  margin-top: -1px;\n  border-top-width: 1px;\n}\n\n.list-group-horizontal {\n  flex-direction: row;\n}\n.list-group-horizontal > .list-group-item:first-child {\n  border-bottom-left-radius: 0.25rem;\n  border-top-right-radius: 0;\n}\n.list-group-horizontal > .list-group-item:last-child {\n  border-top-right-radius: 0.25rem;\n  border-bottom-left-radius: 0;\n}\n.list-group-horizontal > .list-group-item.active {\n  margin-top: 0;\n}\n.list-group-horizontal > .list-group-item + .list-group-item {\n  border-top-width: 1px;\n  border-left-width: 0;\n}\n.list-group-horizontal > .list-group-item + .list-group-item.active {\n  margin-left: -1px;\n  border-left-width: 1px;\n}\n\n@media (min-width: 576px) {\n  .list-group-horizontal-sm {\n    flex-direction: row;\n  }\n  .list-group-horizontal-sm > .list-group-item:first-child {\n    border-bottom-left-radius: 0.25rem;\n    border-top-right-radius: 0;\n  }\n  .list-group-horizontal-sm > .list-group-item:last-child {\n    border-top-right-radius: 0.25rem;\n    border-bottom-left-radius: 0;\n  }\n  .list-group-horizontal-sm > .list-group-item.active {\n    margin-top: 0;\n  }\n  .list-group-horizontal-sm > .list-group-item + .list-group-item {\n    border-top-width: 1px;\n    border-left-width: 0;\n  }\n  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {\n    margin-left: -1px;\n    border-left-width: 1px;\n  }\n}\n@media (min-width: 768px) {\n  .list-group-horizontal-md {\n    flex-direction: row;\n  }\n  .list-group-horizontal-md > .list-group-item:first-child {\n    border-bottom-left-radius: 0.25rem;\n    border-top-right-radius: 0;\n  }\n  .list-group-horizontal-md > .list-group-item:last-child {\n    border-top-right-radius: 0.25rem;\n    border-bottom-left-radius: 0;\n  }\n  .list-group-horizontal-md > .list-group-item.active {\n    margin-top: 0;\n  }\n  .list-group-horizontal-md > .list-group-item + .list-group-item {\n    border-top-width: 1px;\n    border-left-width: 0;\n  }\n  .list-group-horizontal-md > .list-group-item + .list-group-item.active {\n    margin-left: -1px;\n    border-left-width: 1px;\n  }\n}\n@media (min-width: 992px) {\n  .list-group-horizontal-lg {\n    flex-direction: row;\n  }\n  .list-group-horizontal-lg > .list-group-item:first-child {\n    border-bottom-left-radius: 0.25rem;\n    border-top-right-radius: 0;\n  }\n  .list-group-horizontal-lg > .list-group-item:last-child {\n    border-top-right-radius: 0.25rem;\n    border-bottom-left-radius: 0;\n  }\n  .list-group-horizontal-lg > .list-group-item.active {\n    margin-top: 0;\n  }\n  .list-group-horizontal-lg > .list-group-item + .list-group-item {\n    border-top-width: 1px;\n    border-left-width: 0;\n  }\n  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {\n    margin-left: -1px;\n    border-left-width: 1px;\n  }\n}\n@media (min-width: 1200px) {\n  .list-group-horizontal-xl {\n    flex-direction: row;\n  }\n  .list-group-horizontal-xl > .list-group-item:first-child {\n    border-bottom-left-radius: 0.25rem;\n    border-top-right-radius: 0;\n  }\n  .list-group-horizontal-xl > .list-group-item:last-child {\n    border-top-right-radius: 0.25rem;\n    border-bottom-left-radius: 0;\n  }\n  .list-group-horizontal-xl > .list-group-item.active {\n    margin-top: 0;\n  }\n  .list-group-horizontal-xl > .list-group-item + .list-group-item {\n    border-top-width: 1px;\n    border-left-width: 0;\n  }\n  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {\n    margin-left: -1px;\n    border-left-width: 1px;\n  }\n}\n@media (min-width: 1400px) {\n  .list-group-horizontal-xxl {\n    flex-direction: row;\n  }\n  .list-group-horizontal-xxl > .list-group-item:first-child {\n    border-bottom-left-radius: 0.25rem;\n    border-top-right-radius: 0;\n  }\n  .list-group-horizontal-xxl > .list-group-item:last-child {\n    border-top-right-radius: 0.25rem;\n    border-bottom-left-radius: 0;\n  }\n  .list-group-horizontal-xxl > .list-group-item.active {\n    margin-top: 0;\n  }\n  .list-group-horizontal-xxl > .list-group-item + .list-group-item {\n    border-top-width: 1px;\n    border-left-width: 0;\n  }\n  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {\n    margin-left: -1px;\n    border-left-width: 1px;\n  }\n}\n.list-group-flush {\n  border-radius: 0;\n}\n.list-group-flush > .list-group-item {\n  border-width: 0 0 1px;\n}\n.list-group-flush > .list-group-item:last-child {\n  border-bottom-width: 0;\n}\n\n.list-group-item-primary {\n  color: #084298;\n  background-color: #cfe2ff;\n}\n.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n  color: #084298;\n  background-color: #bacbe6;\n}\n.list-group-item-primary.list-group-item-action.active {\n  color: #fff;\n  background-color: #084298;\n  border-color: #084298;\n}\n\n.list-group-item-secondary {\n  color: #41464b;\n  background-color: #e2e3e5;\n}\n.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n  color: #41464b;\n  background-color: #cbccce;\n}\n.list-group-item-secondary.list-group-item-action.active {\n  color: #fff;\n  background-color: #41464b;\n  border-color: #41464b;\n}\n\n.list-group-item-success {\n  color: #0f5132;\n  background-color: #d1e7dd;\n}\n.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n  color: #0f5132;\n  background-color: #bcd0c7;\n}\n.list-group-item-success.list-group-item-action.active {\n  color: #fff;\n  background-color: #0f5132;\n  border-color: #0f5132;\n}\n\n.list-group-item-info {\n  color: #055160;\n  background-color: #cff4fc;\n}\n.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n  color: #055160;\n  background-color: #badce3;\n}\n.list-group-item-info.list-group-item-action.active {\n  color: #fff;\n  background-color: #055160;\n  border-color: #055160;\n}\n\n.list-group-item-warning {\n  color: #664d03;\n  background-color: #fff3cd;\n}\n.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n  color: #664d03;\n  background-color: #e6dbb9;\n}\n.list-group-item-warning.list-group-item-action.active {\n  color: #fff;\n  background-color: #664d03;\n  border-color: #664d03;\n}\n\n.list-group-item-danger {\n  color: #842029;\n  background-color: #f8d7da;\n}\n.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n  color: #842029;\n  background-color: #dfc2c4;\n}\n.list-group-item-danger.list-group-item-action.active {\n  color: #fff;\n  background-color: #842029;\n  border-color: #842029;\n}\n\n.list-group-item-light {\n  color: #636464;\n  background-color: #fefefe;\n}\n.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n  color: #636464;\n  background-color: #e5e5e5;\n}\n.list-group-item-light.list-group-item-action.active {\n  color: #fff;\n  background-color: #636464;\n  border-color: #636464;\n}\n\n.list-group-item-dark {\n  color: #141619;\n  background-color: #d3d3d4;\n}\n.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n  color: #141619;\n  background-color: #bebebf;\n}\n.list-group-item-dark.list-group-item-action.active {\n  color: #fff;\n  background-color: #141619;\n  border-color: #141619;\n}\n\n.btn-close {\n  box-sizing: content-box;\n  width: 1em;\n  height: 1em;\n  padding: 0.25em 0.25em;\n  color: #000;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat;\n  border: 0;\n  border-radius: 0.25rem;\n  opacity: 0.5;\n}\n.btn-close:hover {\n  color: #000;\n  text-decoration: none;\n  opacity: 0.75;\n}\n.btn-close:focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);\n  opacity: 1;\n}\n.btn-close:disabled, .btn-close.disabled {\n  pointer-events: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  opacity: 0.25;\n}\n\n.btn-close-white {\n  filter: invert(1) grayscale(100%) brightness(200%);\n}\n\n.toast {\n  width: 350px;\n  max-width: 100%;\n  font-size: 0.875rem;\n  pointer-events: auto;\n  background-color: rgba(255, 255, 255, 0.85);\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n  border-radius: 0.25rem;\n}\n.toast.showing {\n  opacity: 0;\n}\n.toast:not(.show) {\n  display: none;\n}\n\n.toast-container {\n  width: -webkit-max-content;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 100%;\n  pointer-events: none;\n}\n.toast-container > :not(:last-child) {\n  margin-bottom: 0.75rem;\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.75rem;\n  color: #6c757d;\n  background-color: rgba(255, 255, 255, 0.85);\n  background-clip: padding-box;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n  border-top-left-radius: calc(0.25rem - 1px);\n  border-top-right-radius: calc(0.25rem - 1px);\n}\n.toast-header .btn-close {\n  margin-right: -0.375rem;\n  margin-left: 0.75rem;\n}\n\n.toast-body {\n  padding: 0.75rem;\n  word-wrap: break-word;\n}\n\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1055;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  outline: 0;\n}\n\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: 0.5rem;\n  pointer-events: none;\n}\n.modal.fade .modal-dialog {\n  transition: transform 0.3s ease-out;\n  transform: translate(0, -50px);\n}\n@media (prefers-reduced-motion: reduce) {\n  .modal.fade .modal-dialog {\n    transition: none;\n  }\n}\n.modal.show .modal-dialog {\n  transform: none;\n}\n.modal.modal-static .modal-dialog {\n  transform: scale(1.02);\n}\n\n.modal-dialog-scrollable {\n  height: calc(100% - 1rem);\n}\n.modal-dialog-scrollable .modal-content {\n  max-height: 100%;\n  overflow: hidden;\n}\n.modal-dialog-scrollable .modal-body {\n  overflow-y: auto;\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: calc(100% - 1rem);\n}\n\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  pointer-events: auto;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 0.3rem;\n  outline: 0;\n}\n\n.modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1050;\n  width: 100vw;\n  height: 100vh;\n  background-color: #000;\n}\n.modal-backdrop.fade {\n  opacity: 0;\n}\n.modal-backdrop.show {\n  opacity: 0.5;\n}\n\n.modal-header {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem 1rem;\n  border-bottom: 1px solid #dee2e6;\n  border-top-left-radius: calc(0.3rem - 1px);\n  border-top-right-radius: calc(0.3rem - 1px);\n}\n.modal-header .btn-close {\n  padding: 0.5rem 0.5rem;\n  margin: -0.5rem -0.5rem -0.5rem auto;\n}\n\n.modal-title {\n  margin-bottom: 0;\n  line-height: 1.5;\n}\n\n.modal-body {\n  position: relative;\n  flex: 1 1 auto;\n  padding: 1rem;\n}\n\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0.75rem;\n  border-top: 1px solid #dee2e6;\n  border-bottom-right-radius: calc(0.3rem - 1px);\n  border-bottom-left-radius: calc(0.3rem - 1px);\n}\n.modal-footer > * {\n  margin: 0.25rem;\n}\n\n@media (min-width: 576px) {\n  .modal-dialog {\n    max-width: 500px;\n    margin: 1.75rem auto;\n  }\n\n  .modal-dialog-scrollable {\n    height: calc(100% - 3.5rem);\n  }\n\n  .modal-dialog-centered {\n    min-height: calc(100% - 3.5rem);\n  }\n\n  .modal-sm {\n    max-width: 300px;\n  }\n}\n@media (min-width: 992px) {\n  .modal-lg,\n.modal-xl {\n    max-width: 800px;\n  }\n}\n@media (min-width: 1200px) {\n  .modal-xl {\n    max-width: 1140px;\n  }\n}\n.modal-fullscreen {\n  width: 100vw;\n  max-width: none;\n  height: 100%;\n  margin: 0;\n}\n.modal-fullscreen .modal-content {\n  height: 100%;\n  border: 0;\n  border-radius: 0;\n}\n.modal-fullscreen .modal-header {\n  border-radius: 0;\n}\n.modal-fullscreen .modal-body {\n  overflow-y: auto;\n}\n.modal-fullscreen .modal-footer {\n  border-radius: 0;\n}\n\n@media (max-width: 575.98px) {\n  .modal-fullscreen-sm-down {\n    width: 100vw;\n    max-width: none;\n    height: 100%;\n    margin: 0;\n  }\n  .modal-fullscreen-sm-down .modal-content {\n    height: 100%;\n    border: 0;\n    border-radius: 0;\n  }\n  .modal-fullscreen-sm-down .modal-header {\n    border-radius: 0;\n  }\n  .modal-fullscreen-sm-down .modal-body {\n    overflow-y: auto;\n  }\n  .modal-fullscreen-sm-down .modal-footer {\n    border-radius: 0;\n  }\n}\n@media (max-width: 767.98px) {\n  .modal-fullscreen-md-down {\n    width: 100vw;\n    max-width: none;\n    height: 100%;\n    margin: 0;\n  }\n  .modal-fullscreen-md-down .modal-content {\n    height: 100%;\n    border: 0;\n    border-radius: 0;\n  }\n  .modal-fullscreen-md-down .modal-header {\n    border-radius: 0;\n  }\n  .modal-fullscreen-md-down .modal-body {\n    overflow-y: auto;\n  }\n  .modal-fullscreen-md-down .modal-footer {\n    border-radius: 0;\n  }\n}\n@media (max-width: 991.98px) {\n  .modal-fullscreen-lg-down {\n    width: 100vw;\n    max-width: none;\n    height: 100%;\n    margin: 0;\n  }\n  .modal-fullscreen-lg-down .modal-content {\n    height: 100%;\n    border: 0;\n    border-radius: 0;\n  }\n  .modal-fullscreen-lg-down .modal-header {\n    border-radius: 0;\n  }\n  .modal-fullscreen-lg-down .modal-body {\n    overflow-y: auto;\n  }\n  .modal-fullscreen-lg-down .modal-footer {\n    border-radius: 0;\n  }\n}\n@media (max-width: 1199.98px) {\n  .modal-fullscreen-xl-down {\n    width: 100vw;\n    max-width: none;\n    height: 100%;\n    margin: 0;\n  }\n  .modal-fullscreen-xl-down .modal-content {\n    height: 100%;\n    border: 0;\n    border-radius: 0;\n  }\n  .modal-fullscreen-xl-down .modal-header {\n    border-radius: 0;\n  }\n  .modal-fullscreen-xl-down .modal-body {\n    overflow-y: auto;\n  }\n  .modal-fullscreen-xl-down .modal-footer {\n    border-radius: 0;\n  }\n}\n@media (max-width: 1399.98px) {\n  .modal-fullscreen-xxl-down {\n    width: 100vw;\n    max-width: none;\n    height: 100%;\n    margin: 0;\n  }\n  .modal-fullscreen-xxl-down .modal-content {\n    height: 100%;\n    border: 0;\n    border-radius: 0;\n  }\n  .modal-fullscreen-xxl-down .modal-header {\n    border-radius: 0;\n  }\n  .modal-fullscreen-xxl-down .modal-body {\n    overflow-y: auto;\n  }\n  .modal-fullscreen-xxl-down .modal-footer {\n    border-radius: 0;\n  }\n}\n.tooltip {\n  position: absolute;\n  z-index: 1080;\n  display: block;\n  margin: 0;\n  font-family: var(--bs-font-sans-serif);\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  word-spacing: normal;\n  white-space: normal;\n  line-break: auto;\n  font-size: 0.875rem;\n  word-wrap: break-word;\n  opacity: 0;\n}\n.tooltip.show {\n  opacity: 0.9;\n}\n.tooltip .tooltip-arrow {\n  position: absolute;\n  display: block;\n  width: 0.8rem;\n  height: 0.4rem;\n}\n.tooltip .tooltip-arrow::before {\n  position: absolute;\n  content: \"\";\n  border-color: transparent;\n  border-style: solid;\n}\n\n.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {\n  padding: 0.4rem 0;\n}\n.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {\n  bottom: 0;\n}\n.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {\n  top: -1px;\n  border-width: 0.4rem 0.4rem 0;\n  border-top-color: #000;\n}\n\n.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {\n  padding: 0 0.4rem;\n}\n.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {\n  left: 0;\n  width: 0.4rem;\n  height: 0.8rem;\n}\n.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {\n  right: -1px;\n  border-width: 0.4rem 0.4rem 0.4rem 0;\n  border-right-color: #000;\n}\n\n.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {\n  padding: 0.4rem 0;\n}\n.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {\n  top: 0;\n}\n.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {\n  bottom: -1px;\n  border-width: 0 0.4rem 0.4rem;\n  border-bottom-color: #000;\n}\n\n.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {\n  padding: 0 0.4rem;\n}\n.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {\n  right: 0;\n  width: 0.4rem;\n  height: 0.8rem;\n}\n.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {\n  left: -1px;\n  border-width: 0.4rem 0 0.4rem 0.4rem;\n  border-left-color: #000;\n}\n\n.tooltip-inner {\n  max-width: 200px;\n  padding: 0.25rem 0.5rem;\n  color: #fff;\n  text-align: center;\n  background-color: #000;\n  border-radius: 0.25rem;\n}\n\n.popover {\n  position: absolute;\n  top: 0;\n  left: 0 /* rtl:ignore */;\n  z-index: 1070;\n  display: block;\n  max-width: 276px;\n  font-family: var(--bs-font-sans-serif);\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.5;\n  text-align: left;\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  word-spacing: normal;\n  white-space: normal;\n  line-break: auto;\n  font-size: 0.875rem;\n  word-wrap: break-word;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 0.3rem;\n}\n.popover .popover-arrow {\n  position: absolute;\n  display: block;\n  width: 1rem;\n  height: 0.5rem;\n}\n.popover .popover-arrow::before, .popover .popover-arrow::after {\n  position: absolute;\n  display: block;\n  content: \"\";\n  border-color: transparent;\n  border-style: solid;\n}\n\n.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {\n  bottom: calc(-0.5rem - 1px);\n}\n.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {\n  bottom: 0;\n  border-width: 0.5rem 0.5rem 0;\n  border-top-color: rgba(0, 0, 0, 0.25);\n}\n.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {\n  bottom: 1px;\n  border-width: 0.5rem 0.5rem 0;\n  border-top-color: #fff;\n}\n\n.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {\n  left: calc(-0.5rem - 1px);\n  width: 0.5rem;\n  height: 1rem;\n}\n.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {\n  left: 0;\n  border-width: 0.5rem 0.5rem 0.5rem 0;\n  border-right-color: rgba(0, 0, 0, 0.25);\n}\n.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {\n  left: 1px;\n  border-width: 0.5rem 0.5rem 0.5rem 0;\n  border-right-color: #fff;\n}\n\n.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {\n  top: calc(-0.5rem - 1px);\n}\n.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {\n  top: 0;\n  border-width: 0 0.5rem 0.5rem 0.5rem;\n  border-bottom-color: rgba(0, 0, 0, 0.25);\n}\n.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {\n  top: 1px;\n  border-width: 0 0.5rem 0.5rem 0.5rem;\n  border-bottom-color: #fff;\n}\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  display: block;\n  width: 1rem;\n  margin-left: -0.5rem;\n  content: \"\";\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {\n  right: calc(-0.5rem - 1px);\n  width: 0.5rem;\n  height: 1rem;\n}\n.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {\n  right: 0;\n  border-width: 0.5rem 0 0.5rem 0.5rem;\n  border-left-color: rgba(0, 0, 0, 0.25);\n}\n.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {\n  right: 1px;\n  border-width: 0.5rem 0 0.5rem 0.5rem;\n  border-left-color: #fff;\n}\n\n.popover-header {\n  padding: 0.5rem 1rem;\n  margin-bottom: 0;\n  font-size: 1rem;\n  background-color: #f0f0f0;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n  border-top-left-radius: calc(0.3rem - 1px);\n  border-top-right-radius: calc(0.3rem - 1px);\n}\n.popover-header:empty {\n  display: none;\n}\n\n.popover-body {\n  padding: 1rem 1rem;\n  color: #212529;\n}\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n}\n.carousel-inner::after {\n  display: block;\n  clear: both;\n  content: \"\";\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  transition: transform 0.6s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .carousel-item {\n    transition: none;\n  }\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n/* rtl:begin:ignore */\n.carousel-item-next:not(.carousel-item-start),\n.active.carousel-item-end {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-end),\n.active.carousel-item-start {\n  transform: translateX(-100%);\n}\n\n/* rtl:end:ignore */\n.carousel-fade .carousel-item {\n  opacity: 0;\n  transition-property: opacity;\n  transform: none;\n}\n.carousel-fade .carousel-item.active,\n.carousel-fade .carousel-item-next.carousel-item-start,\n.carousel-fade .carousel-item-prev.carousel-item-end {\n  z-index: 1;\n  opacity: 1;\n}\n.carousel-fade .active.carousel-item-start,\n.carousel-fade .active.carousel-item-end {\n  z-index: 0;\n  opacity: 0;\n  transition: opacity 0s 0.6s;\n}\n@media (prefers-reduced-motion: reduce) {\n  .carousel-fade .active.carousel-item-start,\n.carousel-fade .active.carousel-item-end {\n    transition: none;\n  }\n}\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 15%;\n  padding: 0;\n  color: #fff;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: 0.5;\n  transition: opacity 0.15s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .carousel-control-prev,\n.carousel-control-next {\n    transition: none;\n  }\n}\n.carousel-control-prev:hover, .carousel-control-prev:focus,\n.carousel-control-next:hover,\n.carousel-control-next:focus {\n  color: #fff;\n  text-decoration: none;\n  outline: 0;\n  opacity: 0.9;\n}\n\n.carousel-control-prev {\n  left: 0;\n}\n\n.carousel-control-next {\n  right: 0;\n}\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  background-repeat: no-repeat;\n  background-position: 50%;\n  background-size: 100% 100%;\n}\n\n/* rtl:options: {\n  \"autoRename\": true,\n  \"stringMap\":[ {\n    \"name\"    : \"prev-next\",\n    \"search\"  : \"prev\",\n    \"replace\" : \"next\"\n  } ]\n} */\n.carousel-control-prev-icon {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e\");\n}\n\n.carousel-control-next-icon {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  padding: 0;\n  margin-right: 15%;\n  margin-bottom: 1rem;\n  margin-left: 15%;\n  list-style: none;\n}\n.carousel-indicators [data-bs-target] {\n  box-sizing: content-box;\n  flex: 0 1 auto;\n  width: 30px;\n  height: 3px;\n  padding: 0;\n  margin-right: 3px;\n  margin-left: 3px;\n  text-indent: -999px;\n  cursor: pointer;\n  background-color: #fff;\n  background-clip: padding-box;\n  border: 0;\n  border-top: 10px solid transparent;\n  border-bottom: 10px solid transparent;\n  opacity: 0.5;\n  transition: opacity 0.6s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n  .carousel-indicators [data-bs-target] {\n    transition: none;\n  }\n}\n.carousel-indicators .active {\n  opacity: 1;\n}\n\n.carousel-caption {\n  position: absolute;\n  right: 15%;\n  bottom: 1.25rem;\n  left: 15%;\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n  color: #fff;\n  text-align: center;\n}\n\n.carousel-dark .carousel-control-prev-icon,\n.carousel-dark .carousel-control-next-icon {\n  filter: invert(1) grayscale(100);\n}\n.carousel-dark .carousel-indicators [data-bs-target] {\n  background-color: #000;\n}\n.carousel-dark .carousel-caption {\n  color: #000;\n}\n\n@-webkit-keyframes spinner-border {\n  to {\n    transform: rotate(360deg) /* rtl:ignore */;\n  }\n}\n\n@keyframes spinner-border {\n  to {\n    transform: rotate(360deg) /* rtl:ignore */;\n  }\n}\n.spinner-border {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: -0.125em;\n  border: 0.25em solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  -webkit-animation: 0.75s linear infinite spinner-border;\n  animation: 0.75s linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: 1rem;\n  height: 1rem;\n  border-width: 0.2em;\n}\n\n@-webkit-keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n.spinner-grow {\n  display: inline-block;\n  width: 2rem;\n  height: 2rem;\n  vertical-align: -0.125em;\n  background-color: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  -webkit-animation: 0.75s linear infinite spinner-grow;\n  animation: 0.75s linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: 1rem;\n  height: 1rem;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spinner-border,\n.spinner-grow {\n    -webkit-animation-duration: 1.5s;\n    animation-duration: 1.5s;\n  }\n}\n.offcanvas {\n  position: fixed;\n  bottom: 0;\n  z-index: 1045;\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  visibility: hidden;\n  background-color: #fff;\n  background-clip: padding-box;\n  outline: 0;\n  transition: transform 0.3s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n  .offcanvas {\n    transition: none;\n  }\n}\n\n.offcanvas-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1040;\n  width: 100vw;\n  height: 100vh;\n  background-color: #000;\n}\n.offcanvas-backdrop.fade {\n  opacity: 0;\n}\n.offcanvas-backdrop.show {\n  opacity: 0.5;\n}\n\n.offcanvas-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem 1rem;\n}\n.offcanvas-header .btn-close {\n  padding: 0.5rem 0.5rem;\n  margin-top: -0.5rem;\n  margin-right: -0.5rem;\n  margin-bottom: -0.5rem;\n}\n\n.offcanvas-title {\n  margin-bottom: 0;\n  line-height: 1.5;\n}\n\n.offcanvas-body {\n  flex-grow: 1;\n  padding: 1rem 1rem;\n  overflow-y: auto;\n}\n\n.offcanvas-start {\n  top: 0;\n  left: 0;\n  width: 400px;\n  border-right: 1px solid rgba(0, 0, 0, 0.2);\n  transform: translateX(-100%);\n}\n\n.offcanvas-end {\n  top: 0;\n  right: 0;\n  width: 400px;\n  border-left: 1px solid rgba(0, 0, 0, 0.2);\n  transform: translateX(100%);\n}\n\n.offcanvas-top {\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 30vh;\n  max-height: 100%;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n  transform: translateY(-100%);\n}\n\n.offcanvas-bottom {\n  right: 0;\n  left: 0;\n  height: 30vh;\n  max-height: 100%;\n  border-top: 1px solid rgba(0, 0, 0, 0.2);\n  transform: translateY(100%);\n}\n\n.offcanvas.show {\n  transform: none;\n}\n\n.placeholder {\n  display: inline-block;\n  min-height: 1em;\n  vertical-align: middle;\n  cursor: wait;\n  background-color: currentColor;\n  opacity: 0.5;\n}\n.placeholder.btn::before {\n  display: inline-block;\n  content: \"\";\n}\n\n.placeholder-xs {\n  min-height: 0.6em;\n}\n\n.placeholder-sm {\n  min-height: 0.8em;\n}\n\n.placeholder-lg {\n  min-height: 1.2em;\n}\n\n.placeholder-glow .placeholder {\n  -webkit-animation: placeholder-glow 2s ease-in-out infinite;\n  animation: placeholder-glow 2s ease-in-out infinite;\n}\n\n@-webkit-keyframes placeholder-glow {\n  50% {\n    opacity: 0.2;\n  }\n}\n\n@keyframes placeholder-glow {\n  50% {\n    opacity: 0.2;\n  }\n}\n.placeholder-wave {\n  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);\n  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);\n  -webkit-mask-size: 200% 100%;\n  mask-size: 200% 100%;\n  -webkit-animation: placeholder-wave 2s linear infinite;\n  animation: placeholder-wave 2s linear infinite;\n}\n\n@-webkit-keyframes placeholder-wave {\n  100% {\n    -webkit-mask-position: -200% 0%;\n    mask-position: -200% 0%;\n  }\n}\n\n@keyframes placeholder-wave {\n  100% {\n    -webkit-mask-position: -200% 0%;\n    mask-position: -200% 0%;\n  }\n}\n.clearfix::after {\n  display: block;\n  clear: both;\n  content: \"\";\n}\n\n.link-primary {\n  color: #0d6efd;\n}\n.link-primary:hover, .link-primary:focus {\n  color: #0a58ca;\n}\n\n.link-secondary {\n  color: #6c757d;\n}\n.link-secondary:hover, .link-secondary:focus {\n  color: #565e64;\n}\n\n.link-success {\n  color: #198754;\n}\n.link-success:hover, .link-success:focus {\n  color: #146c43;\n}\n\n.link-info {\n  color: #0dcaf0;\n}\n.link-info:hover, .link-info:focus {\n  color: #3dd5f3;\n}\n\n.link-warning {\n  color: #ffc107;\n}\n.link-warning:hover, .link-warning:focus {\n  color: #ffcd39;\n}\n\n.link-danger {\n  color: #dc3545;\n}\n.link-danger:hover, .link-danger:focus {\n  color: #b02a37;\n}\n\n.link-light {\n  color: #f8f9fa;\n}\n.link-light:hover, .link-light:focus {\n  color: #f9fafb;\n}\n\n.link-dark {\n  color: #212529;\n}\n.link-dark:hover, .link-dark:focus {\n  color: #1a1e21;\n}\n\n.ratio {\n  position: relative;\n  width: 100%;\n}\n.ratio::before {\n  display: block;\n  padding-top: var(--bs-aspect-ratio);\n  content: \"\";\n}\n.ratio > * {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.ratio-1x1 {\n  --bs-aspect-ratio: 100%;\n}\n\n.ratio-4x3 {\n  --bs-aspect-ratio: calc(3 / 4 * 100%);\n}\n\n.ratio-16x9 {\n  --bs-aspect-ratio: calc(9 / 16 * 100%);\n}\n\n.ratio-21x9 {\n  --bs-aspect-ratio: calc(9 / 21 * 100%);\n}\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1030;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1030;\n}\n\n.sticky-top {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  z-index: 1020;\n}\n\n@media (min-width: 576px) {\n  .sticky-sm-top {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 1020;\n  }\n}\n@media (min-width: 768px) {\n  .sticky-md-top {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 1020;\n  }\n}\n@media (min-width: 992px) {\n  .sticky-lg-top {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 1020;\n  }\n}\n@media (min-width: 1200px) {\n  .sticky-xl-top {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 1020;\n  }\n}\n@media (min-width: 1400px) {\n  .sticky-xxl-top {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 1020;\n  }\n}\n.hstack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n\n.vstack {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.visually-hidden,\n.visually-hidden-focusable:not(:focus):not(:focus-within) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n.stretched-link::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  content: \"\";\n}\n\n.text-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.vr {\n  display: inline-block;\n  align-self: stretch;\n  width: 1px;\n  min-height: 1em;\n  background-color: currentColor;\n  opacity: 0.25;\n}\n\n.align-baseline {\n  vertical-align: baseline !important;\n}\n\n.align-top {\n  vertical-align: top !important;\n}\n\n.align-middle {\n  vertical-align: middle !important;\n}\n\n.align-bottom {\n  vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n  vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n  vertical-align: text-top !important;\n}\n\n.float-start {\n  float: left !important;\n}\n\n.float-end {\n  float: right !important;\n}\n\n.float-none {\n  float: none !important;\n}\n\n.opacity-0 {\n  opacity: 0 !important;\n}\n\n.opacity-25 {\n  opacity: 0.25 !important;\n}\n\n.opacity-50 {\n  opacity: 0.5 !important;\n}\n\n.opacity-75 {\n  opacity: 0.75 !important;\n}\n\n.opacity-100 {\n  opacity: 1 !important;\n}\n\n.overflow-auto {\n  overflow: auto !important;\n}\n\n.overflow-hidden {\n  overflow: hidden !important;\n}\n\n.overflow-visible {\n  overflow: visible !important;\n}\n\n.overflow-scroll {\n  overflow: scroll !important;\n}\n\n.d-inline {\n  display: inline !important;\n}\n\n.d-inline-block {\n  display: inline-block !important;\n}\n\n.d-block {\n  display: block !important;\n}\n\n.d-grid {\n  display: grid !important;\n}\n\n.d-table {\n  display: table !important;\n}\n\n.d-table-row {\n  display: table-row !important;\n}\n\n.d-table-cell {\n  display: table-cell !important;\n}\n\n.d-flex {\n  display: flex !important;\n}\n\n.d-inline-flex {\n  display: inline-flex !important;\n}\n\n.d-none {\n  display: none !important;\n}\n\n.shadow {\n  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;\n}\n\n.shadow-sm {\n  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;\n}\n\n.shadow-lg {\n  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;\n}\n\n.shadow-none {\n  box-shadow: none !important;\n}\n\n.position-static {\n  position: static !important;\n}\n\n.position-relative {\n  position: relative !important;\n}\n\n.position-absolute {\n  position: absolute !important;\n}\n\n.position-fixed {\n  position: fixed !important;\n}\n\n.position-sticky {\n  position: -webkit-sticky !important;\n  position: sticky !important;\n}\n\n.top-0 {\n  top: 0 !important;\n}\n\n.top-50 {\n  top: 50% !important;\n}\n\n.top-100 {\n  top: 100% !important;\n}\n\n.bottom-0 {\n  bottom: 0 !important;\n}\n\n.bottom-50 {\n  bottom: 50% !important;\n}\n\n.bottom-100 {\n  bottom: 100% !important;\n}\n\n.start-0 {\n  left: 0 !important;\n}\n\n.start-50 {\n  left: 50% !important;\n}\n\n.start-100 {\n  left: 100% !important;\n}\n\n.end-0 {\n  right: 0 !important;\n}\n\n.end-50 {\n  right: 50% !important;\n}\n\n.end-100 {\n  right: 100% !important;\n}\n\n.translate-middle {\n  transform: translate(-50%, -50%) !important;\n}\n\n.translate-middle-x {\n  transform: translateX(-50%) !important;\n}\n\n.translate-middle-y {\n  transform: translateY(-50%) !important;\n}\n\n.border {\n  border: 1px solid #dee2e6 !important;\n}\n\n.border-0 {\n  border: 0 !important;\n}\n\n.border-top {\n  border-top: 1px solid #dee2e6 !important;\n}\n\n.border-top-0 {\n  border-top: 0 !important;\n}\n\n.border-end {\n  border-right: 1px solid #dee2e6 !important;\n}\n\n.border-end-0 {\n  border-right: 0 !important;\n}\n\n.border-bottom {\n  border-bottom: 1px solid #dee2e6 !important;\n}\n\n.border-bottom-0 {\n  border-bottom: 0 !important;\n}\n\n.border-start {\n  border-left: 1px solid #dee2e6 !important;\n}\n\n.border-start-0 {\n  border-left: 0 !important;\n}\n\n.border-primary {\n  border-color: #0d6efd !important;\n}\n\n.border-secondary {\n  border-color: #6c757d !important;\n}\n\n.border-success {\n  border-color: #198754 !important;\n}\n\n.border-info {\n  border-color: #0dcaf0 !important;\n}\n\n.border-warning {\n  border-color: #ffc107 !important;\n}\n\n.border-danger {\n  border-color: #dc3545 !important;\n}\n\n.border-light {\n  border-color: #f8f9fa !important;\n}\n\n.border-dark {\n  border-color: #212529 !important;\n}\n\n.border-white {\n  border-color: #fff !important;\n}\n\n.border-1 {\n  border-width: 1px !important;\n}\n\n.border-2 {\n  border-width: 2px !important;\n}\n\n.border-3 {\n  border-width: 3px !important;\n}\n\n.border-4 {\n  border-width: 4px !important;\n}\n\n.border-5 {\n  border-width: 5px !important;\n}\n\n.w-25 {\n  width: 25% !important;\n}\n\n.w-50 {\n  width: 50% !important;\n}\n\n.w-75 {\n  width: 75% !important;\n}\n\n.w-100 {\n  width: 100% !important;\n}\n\n.w-auto {\n  width: auto !important;\n}\n\n.mw-100 {\n  max-width: 100% !important;\n}\n\n.vw-100 {\n  width: 100vw !important;\n}\n\n.min-vw-100 {\n  min-width: 100vw !important;\n}\n\n.h-25 {\n  height: 25% !important;\n}\n\n.h-50 {\n  height: 50% !important;\n}\n\n.h-75 {\n  height: 75% !important;\n}\n\n.h-100 {\n  height: 100% !important;\n}\n\n.h-auto {\n  height: auto !important;\n}\n\n.mh-100 {\n  max-height: 100% !important;\n}\n\n.vh-100 {\n  height: 100vh !important;\n}\n\n.min-vh-100 {\n  min-height: 100vh !important;\n}\n\n.flex-fill {\n  flex: 1 1 auto !important;\n}\n\n.flex-row {\n  flex-direction: row !important;\n}\n\n.flex-column {\n  flex-direction: column !important;\n}\n\n.flex-row-reverse {\n  flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n  flex-direction: column-reverse !important;\n}\n\n.flex-grow-0 {\n  flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n  flex-grow: 1 !important;\n}\n\n.flex-shrink-0 {\n  flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n  flex-shrink: 1 !important;\n}\n\n.flex-wrap {\n  flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n  flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n  flex-wrap: wrap-reverse !important;\n}\n\n.gap-0 {\n  gap: 0 !important;\n}\n\n.gap-1 {\n  gap: 0.25rem !important;\n}\n\n.gap-2 {\n  gap: 0.5rem !important;\n}\n\n.gap-3 {\n  gap: 1rem !important;\n}\n\n.gap-4 {\n  gap: 1.5rem !important;\n}\n\n.gap-5 {\n  gap: 3rem !important;\n}\n\n.justify-content-start {\n  justify-content: flex-start !important;\n}\n\n.justify-content-end {\n  justify-content: flex-end !important;\n}\n\n.justify-content-center {\n  justify-content: center !important;\n}\n\n.justify-content-between {\n  justify-content: space-between !important;\n}\n\n.justify-content-around {\n  justify-content: space-around !important;\n}\n\n.justify-content-evenly {\n  justify-content: space-evenly !important;\n}\n\n.align-items-start {\n  align-items: flex-start !important;\n}\n\n.align-items-end {\n  align-items: flex-end !important;\n}\n\n.align-items-center {\n  align-items: center !important;\n}\n\n.align-items-baseline {\n  align-items: baseline !important;\n}\n\n.align-items-stretch {\n  align-items: stretch !important;\n}\n\n.align-content-start {\n  align-content: flex-start !important;\n}\n\n.align-content-end {\n  align-content: flex-end !important;\n}\n\n.align-content-center {\n  align-content: center !important;\n}\n\n.align-content-between {\n  align-content: space-between !important;\n}\n\n.align-content-around {\n  align-content: space-around !important;\n}\n\n.align-content-stretch {\n  align-content: stretch !important;\n}\n\n.align-self-auto {\n  align-self: auto !important;\n}\n\n.align-self-start {\n  align-self: flex-start !important;\n}\n\n.align-self-end {\n  align-self: flex-end !important;\n}\n\n.align-self-center {\n  align-self: center !important;\n}\n\n.align-self-baseline {\n  align-self: baseline !important;\n}\n\n.align-self-stretch {\n  align-self: stretch !important;\n}\n\n.order-first {\n  order: -1 !important;\n}\n\n.order-0 {\n  order: 0 !important;\n}\n\n.order-1 {\n  order: 1 !important;\n}\n\n.order-2 {\n  order: 2 !important;\n}\n\n.order-3 {\n  order: 3 !important;\n}\n\n.order-4 {\n  order: 4 !important;\n}\n\n.order-5 {\n  order: 5 !important;\n}\n\n.order-last {\n  order: 6 !important;\n}\n\n.m-0 {\n  margin: 0 !important;\n}\n\n.m-1 {\n  margin: 0.25rem !important;\n}\n\n.m-2 {\n  margin: 0.5rem !important;\n}\n\n.m-3 {\n  margin: 1rem !important;\n}\n\n.m-4 {\n  margin: 1.5rem !important;\n}\n\n.m-5 {\n  margin: 3rem !important;\n}\n\n.m-auto {\n  margin: auto !important;\n}\n\n.mx-0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n\n.mx-1 {\n  margin-right: 0.25rem !important;\n  margin-left: 0.25rem !important;\n}\n\n.mx-2 {\n  margin-right: 0.5rem !important;\n  margin-left: 0.5rem !important;\n}\n\n.mx-3 {\n  margin-right: 1rem !important;\n  margin-left: 1rem !important;\n}\n\n.mx-4 {\n  margin-right: 1.5rem !important;\n  margin-left: 1.5rem !important;\n}\n\n.mx-5 {\n  margin-right: 3rem !important;\n  margin-left: 3rem !important;\n}\n\n.mx-auto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n\n.my-0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n.my-1 {\n  margin-top: 0.25rem !important;\n  margin-bottom: 0.25rem !important;\n}\n\n.my-2 {\n  margin-top: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n}\n\n.my-3 {\n  margin-top: 1rem !important;\n  margin-bottom: 1rem !important;\n}\n\n.my-4 {\n  margin-top: 1.5rem !important;\n  margin-bottom: 1.5rem !important;\n}\n\n.my-5 {\n  margin-top: 3rem !important;\n  margin-bottom: 3rem !important;\n}\n\n.my-auto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n\n.mt-0 {\n  margin-top: 0 !important;\n}\n\n.mt-1 {\n  margin-top: 0.25rem !important;\n}\n\n.mt-2 {\n  margin-top: 0.5rem !important;\n}\n\n.mt-3 {\n  margin-top: 1rem !important;\n}\n\n.mt-4 {\n  margin-top: 1.5rem !important;\n}\n\n.mt-5 {\n  margin-top: 3rem !important;\n}\n\n.mt-auto {\n  margin-top: auto !important;\n}\n\n.me-0 {\n  margin-right: 0 !important;\n}\n\n.me-1 {\n  margin-right: 0.25rem !important;\n}\n\n.me-2 {\n  margin-right: 0.5rem !important;\n}\n\n.me-3 {\n  margin-right: 1rem !important;\n}\n\n.me-4 {\n  margin-right: 1.5rem !important;\n}\n\n.me-5 {\n  margin-right: 3rem !important;\n}\n\n.me-auto {\n  margin-right: auto !important;\n}\n\n.mb-0 {\n  margin-bottom: 0 !important;\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem !important;\n}\n\n.mb-2 {\n  margin-bottom: 0.5rem !important;\n}\n\n.mb-3 {\n  margin-bottom: 1rem !important;\n}\n\n.mb-4 {\n  margin-bottom: 1.5rem !important;\n}\n\n.mb-5 {\n  margin-bottom: 3rem !important;\n}\n\n.mb-auto {\n  margin-bottom: auto !important;\n}\n\n.ms-0 {\n  margin-left: 0 !important;\n}\n\n.ms-1 {\n  margin-left: 0.25rem !important;\n}\n\n.ms-2 {\n  margin-left: 0.5rem !important;\n}\n\n.ms-3 {\n  margin-left: 1rem !important;\n}\n\n.ms-4 {\n  margin-left: 1.5rem !important;\n}\n\n.ms-5 {\n  margin-left: 3rem !important;\n}\n\n.ms-auto {\n  margin-left: auto !important;\n}\n\n.p-0 {\n  padding: 0 !important;\n}\n\n.p-1 {\n  padding: 0.25rem !important;\n}\n\n.p-2 {\n  padding: 0.5rem !important;\n}\n\n.p-3 {\n  padding: 1rem !important;\n}\n\n.p-4 {\n  padding: 1.5rem !important;\n}\n\n.p-5 {\n  padding: 3rem !important;\n}\n\n.px-0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n\n.px-1 {\n  padding-right: 0.25rem !important;\n  padding-left: 0.25rem !important;\n}\n\n.px-2 {\n  padding-right: 0.5rem !important;\n  padding-left: 0.5rem !important;\n}\n\n.px-3 {\n  padding-right: 1rem !important;\n  padding-left: 1rem !important;\n}\n\n.px-4 {\n  padding-right: 1.5rem !important;\n  padding-left: 1.5rem !important;\n}\n\n.px-5 {\n  padding-right: 3rem !important;\n  padding-left: 3rem !important;\n}\n\n.py-0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n.py-1 {\n  padding-top: 0.25rem !important;\n  padding-bottom: 0.25rem !important;\n}\n\n.py-2 {\n  padding-top: 0.5rem !important;\n  padding-bottom: 0.5rem !important;\n}\n\n.py-3 {\n  padding-top: 1rem !important;\n  padding-bottom: 1rem !important;\n}\n\n.py-4 {\n  padding-top: 1.5rem !important;\n  padding-bottom: 1.5rem !important;\n}\n\n.py-5 {\n  padding-top: 3rem !important;\n  padding-bottom: 3rem !important;\n}\n\n.pt-0 {\n  padding-top: 0 !important;\n}\n\n.pt-1 {\n  padding-top: 0.25rem !important;\n}\n\n.pt-2 {\n  padding-top: 0.5rem !important;\n}\n\n.pt-3 {\n  padding-top: 1rem !important;\n}\n\n.pt-4 {\n  padding-top: 1.5rem !important;\n}\n\n.pt-5 {\n  padding-top: 3rem !important;\n}\n\n.pe-0 {\n  padding-right: 0 !important;\n}\n\n.pe-1 {\n  padding-right: 0.25rem !important;\n}\n\n.pe-2 {\n  padding-right: 0.5rem !important;\n}\n\n.pe-3 {\n  padding-right: 1rem !important;\n}\n\n.pe-4 {\n  padding-right: 1.5rem !important;\n}\n\n.pe-5 {\n  padding-right: 3rem !important;\n}\n\n.pb-0 {\n  padding-bottom: 0 !important;\n}\n\n.pb-1 {\n  padding-bottom: 0.25rem !important;\n}\n\n.pb-2 {\n  padding-bottom: 0.5rem !important;\n}\n\n.pb-3 {\n  padding-bottom: 1rem !important;\n}\n\n.pb-4 {\n  padding-bottom: 1.5rem !important;\n}\n\n.pb-5 {\n  padding-bottom: 3rem !important;\n}\n\n.ps-0 {\n  padding-left: 0 !important;\n}\n\n.ps-1 {\n  padding-left: 0.25rem !important;\n}\n\n.ps-2 {\n  padding-left: 0.5rem !important;\n}\n\n.ps-3 {\n  padding-left: 1rem !important;\n}\n\n.ps-4 {\n  padding-left: 1.5rem !important;\n}\n\n.ps-5 {\n  padding-left: 3rem !important;\n}\n\n.font-monospace {\n  font-family: var(--bs-font-monospace) !important;\n}\n\n.fs-1 {\n  font-size: calc(1.375rem + 1.5vw) !important;\n}\n\n.fs-2 {\n  font-size: calc(1.325rem + 0.9vw) !important;\n}\n\n.fs-3 {\n  font-size: calc(1.3rem + 0.6vw) !important;\n}\n\n.fs-4 {\n  font-size: calc(1.275rem + 0.3vw) !important;\n}\n\n.fs-5 {\n  font-size: 1.25rem !important;\n}\n\n.fs-6 {\n  font-size: 1rem !important;\n}\n\n.fst-italic {\n  font-style: italic !important;\n}\n\n.fst-normal {\n  font-style: normal !important;\n}\n\n.fw-light {\n  font-weight: 300 !important;\n}\n\n.fw-lighter {\n  font-weight: lighter !important;\n}\n\n.fw-normal {\n  font-weight: 400 !important;\n}\n\n.fw-bold {\n  font-weight: 700 !important;\n}\n\n.fw-bolder {\n  font-weight: bolder !important;\n}\n\n.lh-1 {\n  line-height: 1 !important;\n}\n\n.lh-sm {\n  line-height: 1.25 !important;\n}\n\n.lh-base {\n  line-height: 1.5 !important;\n}\n\n.lh-lg {\n  line-height: 2 !important;\n}\n\n.text-start {\n  text-align: left !important;\n}\n\n.text-end {\n  text-align: right !important;\n}\n\n.text-center {\n  text-align: center !important;\n}\n\n.text-decoration-none {\n  text-decoration: none !important;\n}\n\n.text-decoration-underline {\n  text-decoration: underline !important;\n}\n\n.text-decoration-line-through {\n  text-decoration: line-through !important;\n}\n\n.text-lowercase {\n  text-transform: lowercase !important;\n}\n\n.text-uppercase {\n  text-transform: uppercase !important;\n}\n\n.text-capitalize {\n  text-transform: capitalize !important;\n}\n\n.text-wrap {\n  white-space: normal !important;\n}\n\n.text-nowrap {\n  white-space: nowrap !important;\n}\n\n/* rtl:begin:remove */\n.text-break {\n  word-wrap: break-word !important;\n  word-break: break-word !important;\n}\n\n/* rtl:end:remove */\n.text-primary {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-secondary {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-success {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-info {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-warning {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-danger {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-light {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-dark {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-black {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-white {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-body {\n  --bs-text-opacity: 1;\n  color: rgba(var(--bs-body-rgb), var(--bs-text-opacity)) !important;\n}\n\n.text-muted {\n  --bs-text-opacity: 1;\n  color: #6c757d !important;\n}\n\n.text-black-50 {\n  --bs-text-opacity: 1;\n  color: rgba(0, 0, 0, 0.5) !important;\n}\n\n.text-white-50 {\n  --bs-text-opacity: 1;\n  color: rgba(255, 255, 255, 0.5) !important;\n}\n\n.text-reset {\n  --bs-text-opacity: 1;\n  color: inherit !important;\n}\n\n.text-opacity-25 {\n  --bs-text-opacity: 0.25;\n}\n\n.text-opacity-50 {\n  --bs-text-opacity: 0.5;\n}\n\n.text-opacity-75 {\n  --bs-text-opacity: 0.75;\n}\n\n.text-opacity-100 {\n  --bs-text-opacity: 1;\n}\n\n.bg-primary {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-secondary {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-success {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-info {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-warning {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-danger {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-light {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-dark {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-black {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-white {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-body {\n  --bs-bg-opacity: 1;\n  background-color: rgba(var(--bs-body-rgb), var(--bs-bg-opacity)) !important;\n}\n\n.bg-transparent {\n  --bs-bg-opacity: 1;\n  background-color: transparent !important;\n}\n\n.bg-opacity-10 {\n  --bs-bg-opacity: 0.1;\n}\n\n.bg-opacity-25 {\n  --bs-bg-opacity: 0.25;\n}\n\n.bg-opacity-50 {\n  --bs-bg-opacity: 0.5;\n}\n\n.bg-opacity-75 {\n  --bs-bg-opacity: 0.75;\n}\n\n.bg-opacity-100 {\n  --bs-bg-opacity: 1;\n}\n\n.bg-gradient {\n  background-image: var(--bs-gradient) !important;\n}\n\n.user-select-all {\n  -webkit-user-select: all !important;\n  -moz-user-select: all !important;\n  user-select: all !important;\n}\n\n.user-select-auto {\n  -webkit-user-select: auto !important;\n  -moz-user-select: auto !important;\n  user-select: auto !important;\n}\n\n.user-select-none {\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  user-select: none !important;\n}\n\n.pe-none {\n  pointer-events: none !important;\n}\n\n.pe-auto {\n  pointer-events: auto !important;\n}\n\n.rounded {\n  border-radius: 0.25rem !important;\n}\n\n.rounded-0 {\n  border-radius: 0 !important;\n}\n\n.rounded-1 {\n  border-radius: 0.2rem !important;\n}\n\n.rounded-2 {\n  border-radius: 0.25rem !important;\n}\n\n.rounded-3 {\n  border-radius: 0.3rem !important;\n}\n\n.rounded-circle {\n  border-radius: 50% !important;\n}\n\n.rounded-pill {\n  border-radius: 50rem !important;\n}\n\n.rounded-top {\n  border-top-left-radius: 0.25rem !important;\n  border-top-right-radius: 0.25rem !important;\n}\n\n.rounded-end {\n  border-top-right-radius: 0.25rem !important;\n  border-bottom-right-radius: 0.25rem !important;\n}\n\n.rounded-bottom {\n  border-bottom-right-radius: 0.25rem !important;\n  border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-start {\n  border-bottom-left-radius: 0.25rem !important;\n  border-top-left-radius: 0.25rem !important;\n}\n\n.visible {\n  visibility: visible !important;\n}\n\n.invisible {\n  visibility: hidden !important;\n}\n\n@media (min-width: 576px) {\n  .float-sm-start {\n    float: left !important;\n  }\n\n  .float-sm-end {\n    float: right !important;\n  }\n\n  .float-sm-none {\n    float: none !important;\n  }\n\n  .d-sm-inline {\n    display: inline !important;\n  }\n\n  .d-sm-inline-block {\n    display: inline-block !important;\n  }\n\n  .d-sm-block {\n    display: block !important;\n  }\n\n  .d-sm-grid {\n    display: grid !important;\n  }\n\n  .d-sm-table {\n    display: table !important;\n  }\n\n  .d-sm-table-row {\n    display: table-row !important;\n  }\n\n  .d-sm-table-cell {\n    display: table-cell !important;\n  }\n\n  .d-sm-flex {\n    display: flex !important;\n  }\n\n  .d-sm-inline-flex {\n    display: inline-flex !important;\n  }\n\n  .d-sm-none {\n    display: none !important;\n  }\n\n  .flex-sm-fill {\n    flex: 1 1 auto !important;\n  }\n\n  .flex-sm-row {\n    flex-direction: row !important;\n  }\n\n  .flex-sm-column {\n    flex-direction: column !important;\n  }\n\n  .flex-sm-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n\n  .flex-sm-column-reverse {\n    flex-direction: column-reverse !important;\n  }\n\n  .flex-sm-grow-0 {\n    flex-grow: 0 !important;\n  }\n\n  .flex-sm-grow-1 {\n    flex-grow: 1 !important;\n  }\n\n  .flex-sm-shrink-0 {\n    flex-shrink: 0 !important;\n  }\n\n  .flex-sm-shrink-1 {\n    flex-shrink: 1 !important;\n  }\n\n  .flex-sm-wrap {\n    flex-wrap: wrap !important;\n  }\n\n  .flex-sm-nowrap {\n    flex-wrap: nowrap !important;\n  }\n\n  .flex-sm-wrap-reverse {\n    flex-wrap: wrap-reverse !important;\n  }\n\n  .gap-sm-0 {\n    gap: 0 !important;\n  }\n\n  .gap-sm-1 {\n    gap: 0.25rem !important;\n  }\n\n  .gap-sm-2 {\n    gap: 0.5rem !important;\n  }\n\n  .gap-sm-3 {\n    gap: 1rem !important;\n  }\n\n  .gap-sm-4 {\n    gap: 1.5rem !important;\n  }\n\n  .gap-sm-5 {\n    gap: 3rem !important;\n  }\n\n  .justify-content-sm-start {\n    justify-content: flex-start !important;\n  }\n\n  .justify-content-sm-end {\n    justify-content: flex-end !important;\n  }\n\n  .justify-content-sm-center {\n    justify-content: center !important;\n  }\n\n  .justify-content-sm-between {\n    justify-content: space-between !important;\n  }\n\n  .justify-content-sm-around {\n    justify-content: space-around !important;\n  }\n\n  .justify-content-sm-evenly {\n    justify-content: space-evenly !important;\n  }\n\n  .align-items-sm-start {\n    align-items: flex-start !important;\n  }\n\n  .align-items-sm-end {\n    align-items: flex-end !important;\n  }\n\n  .align-items-sm-center {\n    align-items: center !important;\n  }\n\n  .align-items-sm-baseline {\n    align-items: baseline !important;\n  }\n\n  .align-items-sm-stretch {\n    align-items: stretch !important;\n  }\n\n  .align-content-sm-start {\n    align-content: flex-start !important;\n  }\n\n  .align-content-sm-end {\n    align-content: flex-end !important;\n  }\n\n  .align-content-sm-center {\n    align-content: center !important;\n  }\n\n  .align-content-sm-between {\n    align-content: space-between !important;\n  }\n\n  .align-content-sm-around {\n    align-content: space-around !important;\n  }\n\n  .align-content-sm-stretch {\n    align-content: stretch !important;\n  }\n\n  .align-self-sm-auto {\n    align-self: auto !important;\n  }\n\n  .align-self-sm-start {\n    align-self: flex-start !important;\n  }\n\n  .align-self-sm-end {\n    align-self: flex-end !important;\n  }\n\n  .align-self-sm-center {\n    align-self: center !important;\n  }\n\n  .align-self-sm-baseline {\n    align-self: baseline !important;\n  }\n\n  .align-self-sm-stretch {\n    align-self: stretch !important;\n  }\n\n  .order-sm-first {\n    order: -1 !important;\n  }\n\n  .order-sm-0 {\n    order: 0 !important;\n  }\n\n  .order-sm-1 {\n    order: 1 !important;\n  }\n\n  .order-sm-2 {\n    order: 2 !important;\n  }\n\n  .order-sm-3 {\n    order: 3 !important;\n  }\n\n  .order-sm-4 {\n    order: 4 !important;\n  }\n\n  .order-sm-5 {\n    order: 5 !important;\n  }\n\n  .order-sm-last {\n    order: 6 !important;\n  }\n\n  .m-sm-0 {\n    margin: 0 !important;\n  }\n\n  .m-sm-1 {\n    margin: 0.25rem !important;\n  }\n\n  .m-sm-2 {\n    margin: 0.5rem !important;\n  }\n\n  .m-sm-3 {\n    margin: 1rem !important;\n  }\n\n  .m-sm-4 {\n    margin: 1.5rem !important;\n  }\n\n  .m-sm-5 {\n    margin: 3rem !important;\n  }\n\n  .m-sm-auto {\n    margin: auto !important;\n  }\n\n  .mx-sm-0 {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .mx-sm-1 {\n    margin-right: 0.25rem !important;\n    margin-left: 0.25rem !important;\n  }\n\n  .mx-sm-2 {\n    margin-right: 0.5rem !important;\n    margin-left: 0.5rem !important;\n  }\n\n  .mx-sm-3 {\n    margin-right: 1rem !important;\n    margin-left: 1rem !important;\n  }\n\n  .mx-sm-4 {\n    margin-right: 1.5rem !important;\n    margin-left: 1.5rem !important;\n  }\n\n  .mx-sm-5 {\n    margin-right: 3rem !important;\n    margin-left: 3rem !important;\n  }\n\n  .mx-sm-auto {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  .my-sm-0 {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  .my-sm-1 {\n    margin-top: 0.25rem !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .my-sm-2 {\n    margin-top: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .my-sm-3 {\n    margin-top: 1rem !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .my-sm-4 {\n    margin-top: 1.5rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .my-sm-5 {\n    margin-top: 3rem !important;\n    margin-bottom: 3rem !important;\n  }\n\n  .my-sm-auto {\n    margin-top: auto !important;\n    margin-bottom: auto !important;\n  }\n\n  .mt-sm-0 {\n    margin-top: 0 !important;\n  }\n\n  .mt-sm-1 {\n    margin-top: 0.25rem !important;\n  }\n\n  .mt-sm-2 {\n    margin-top: 0.5rem !important;\n  }\n\n  .mt-sm-3 {\n    margin-top: 1rem !important;\n  }\n\n  .mt-sm-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .mt-sm-5 {\n    margin-top: 3rem !important;\n  }\n\n  .mt-sm-auto {\n    margin-top: auto !important;\n  }\n\n  .me-sm-0 {\n    margin-right: 0 !important;\n  }\n\n  .me-sm-1 {\n    margin-right: 0.25rem !important;\n  }\n\n  .me-sm-2 {\n    margin-right: 0.5rem !important;\n  }\n\n  .me-sm-3 {\n    margin-right: 1rem !important;\n  }\n\n  .me-sm-4 {\n    margin-right: 1.5rem !important;\n  }\n\n  .me-sm-5 {\n    margin-right: 3rem !important;\n  }\n\n  .me-sm-auto {\n    margin-right: auto !important;\n  }\n\n  .mb-sm-0 {\n    margin-bottom: 0 !important;\n  }\n\n  .mb-sm-1 {\n    margin-bottom: 0.25rem !important;\n  }\n\n  .mb-sm-2 {\n    margin-bottom: 0.5rem !important;\n  }\n\n  .mb-sm-3 {\n    margin-bottom: 1rem !important;\n  }\n\n  .mb-sm-4 {\n    margin-bottom: 1.5rem !important;\n  }\n\n  .mb-sm-5 {\n    margin-bottom: 3rem !important;\n  }\n\n  .mb-sm-auto {\n    margin-bottom: auto !important;\n  }\n\n  .ms-sm-0 {\n    margin-left: 0 !important;\n  }\n\n  .ms-sm-1 {\n    margin-left: 0.25rem !important;\n  }\n\n  .ms-sm-2 {\n    margin-left: 0.5rem !important;\n  }\n\n  .ms-sm-3 {\n    margin-left: 1rem !important;\n  }\n\n  .ms-sm-4 {\n    margin-left: 1.5rem !important;\n  }\n\n  .ms-sm-5 {\n    margin-left: 3rem !important;\n  }\n\n  .ms-sm-auto {\n    margin-left: auto !important;\n  }\n\n  .p-sm-0 {\n    padding: 0 !important;\n  }\n\n  .p-sm-1 {\n    padding: 0.25rem !important;\n  }\n\n  .p-sm-2 {\n    padding: 0.5rem !important;\n  }\n\n  .p-sm-3 {\n    padding: 1rem !important;\n  }\n\n  .p-sm-4 {\n    padding: 1.5rem !important;\n  }\n\n  .p-sm-5 {\n    padding: 3rem !important;\n  }\n\n  .px-sm-0 {\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .px-sm-1 {\n    padding-right: 0.25rem !important;\n    padding-left: 0.25rem !important;\n  }\n\n  .px-sm-2 {\n    padding-right: 0.5rem !important;\n    padding-left: 0.5rem !important;\n  }\n\n  .px-sm-3 {\n    padding-right: 1rem !important;\n    padding-left: 1rem !important;\n  }\n\n  .px-sm-4 {\n    padding-right: 1.5rem !important;\n    padding-left: 1.5rem !important;\n  }\n\n  .px-sm-5 {\n    padding-right: 3rem !important;\n    padding-left: 3rem !important;\n  }\n\n  .py-sm-0 {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  .py-sm-1 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n\n  .py-sm-2 {\n    padding-top: 0.5rem !important;\n    padding-bottom: 0.5rem !important;\n  }\n\n  .py-sm-3 {\n    padding-top: 1rem !important;\n    padding-bottom: 1rem !important;\n  }\n\n  .py-sm-4 {\n    padding-top: 1.5rem !important;\n    padding-bottom: 1.5rem !important;\n  }\n\n  .py-sm-5 {\n    padding-top: 3rem !important;\n    padding-bottom: 3rem !important;\n  }\n\n  .pt-sm-0 {\n    padding-top: 0 !important;\n  }\n\n  .pt-sm-1 {\n    padding-top: 0.25rem !important;\n  }\n\n  .pt-sm-2 {\n    padding-top: 0.5rem !important;\n  }\n\n  .pt-sm-3 {\n    padding-top: 1rem !important;\n  }\n\n  .pt-sm-4 {\n    padding-top: 1.5rem !important;\n  }\n\n  .pt-sm-5 {\n    padding-top: 3rem !important;\n  }\n\n  .pe-sm-0 {\n    padding-right: 0 !important;\n  }\n\n  .pe-sm-1 {\n    padding-right: 0.25rem !important;\n  }\n\n  .pe-sm-2 {\n    padding-right: 0.5rem !important;\n  }\n\n  .pe-sm-3 {\n    padding-right: 1rem !important;\n  }\n\n  .pe-sm-4 {\n    padding-right: 1.5rem !important;\n  }\n\n  .pe-sm-5 {\n    padding-right: 3rem !important;\n  }\n\n  .pb-sm-0 {\n    padding-bottom: 0 !important;\n  }\n\n  .pb-sm-1 {\n    padding-bottom: 0.25rem !important;\n  }\n\n  .pb-sm-2 {\n    padding-bottom: 0.5rem !important;\n  }\n\n  .pb-sm-3 {\n    padding-bottom: 1rem !important;\n  }\n\n  .pb-sm-4 {\n    padding-bottom: 1.5rem !important;\n  }\n\n  .pb-sm-5 {\n    padding-bottom: 3rem !important;\n  }\n\n  .ps-sm-0 {\n    padding-left: 0 !important;\n  }\n\n  .ps-sm-1 {\n    padding-left: 0.25rem !important;\n  }\n\n  .ps-sm-2 {\n    padding-left: 0.5rem !important;\n  }\n\n  .ps-sm-3 {\n    padding-left: 1rem !important;\n  }\n\n  .ps-sm-4 {\n    padding-left: 1.5rem !important;\n  }\n\n  .ps-sm-5 {\n    padding-left: 3rem !important;\n  }\n\n  .text-sm-start {\n    text-align: left !important;\n  }\n\n  .text-sm-end {\n    text-align: right !important;\n  }\n\n  .text-sm-center {\n    text-align: center !important;\n  }\n}\n@media (min-width: 768px) {\n  .float-md-start {\n    float: left !important;\n  }\n\n  .float-md-end {\n    float: right !important;\n  }\n\n  .float-md-none {\n    float: none !important;\n  }\n\n  .d-md-inline {\n    display: inline !important;\n  }\n\n  .d-md-inline-block {\n    display: inline-block !important;\n  }\n\n  .d-md-block {\n    display: block !important;\n  }\n\n  .d-md-grid {\n    display: grid !important;\n  }\n\n  .d-md-table {\n    display: table !important;\n  }\n\n  .d-md-table-row {\n    display: table-row !important;\n  }\n\n  .d-md-table-cell {\n    display: table-cell !important;\n  }\n\n  .d-md-flex {\n    display: flex !important;\n  }\n\n  .d-md-inline-flex {\n    display: inline-flex !important;\n  }\n\n  .d-md-none {\n    display: none !important;\n  }\n\n  .flex-md-fill {\n    flex: 1 1 auto !important;\n  }\n\n  .flex-md-row {\n    flex-direction: row !important;\n  }\n\n  .flex-md-column {\n    flex-direction: column !important;\n  }\n\n  .flex-md-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n\n  .flex-md-column-reverse {\n    flex-direction: column-reverse !important;\n  }\n\n  .flex-md-grow-0 {\n    flex-grow: 0 !important;\n  }\n\n  .flex-md-grow-1 {\n    flex-grow: 1 !important;\n  }\n\n  .flex-md-shrink-0 {\n    flex-shrink: 0 !important;\n  }\n\n  .flex-md-shrink-1 {\n    flex-shrink: 1 !important;\n  }\n\n  .flex-md-wrap {\n    flex-wrap: wrap !important;\n  }\n\n  .flex-md-nowrap {\n    flex-wrap: nowrap !important;\n  }\n\n  .flex-md-wrap-reverse {\n    flex-wrap: wrap-reverse !important;\n  }\n\n  .gap-md-0 {\n    gap: 0 !important;\n  }\n\n  .gap-md-1 {\n    gap: 0.25rem !important;\n  }\n\n  .gap-md-2 {\n    gap: 0.5rem !important;\n  }\n\n  .gap-md-3 {\n    gap: 1rem !important;\n  }\n\n  .gap-md-4 {\n    gap: 1.5rem !important;\n  }\n\n  .gap-md-5 {\n    gap: 3rem !important;\n  }\n\n  .justify-content-md-start {\n    justify-content: flex-start !important;\n  }\n\n  .justify-content-md-end {\n    justify-content: flex-end !important;\n  }\n\n  .justify-content-md-center {\n    justify-content: center !important;\n  }\n\n  .justify-content-md-between {\n    justify-content: space-between !important;\n  }\n\n  .justify-content-md-around {\n    justify-content: space-around !important;\n  }\n\n  .justify-content-md-evenly {\n    justify-content: space-evenly !important;\n  }\n\n  .align-items-md-start {\n    align-items: flex-start !important;\n  }\n\n  .align-items-md-end {\n    align-items: flex-end !important;\n  }\n\n  .align-items-md-center {\n    align-items: center !important;\n  }\n\n  .align-items-md-baseline {\n    align-items: baseline !important;\n  }\n\n  .align-items-md-stretch {\n    align-items: stretch !important;\n  }\n\n  .align-content-md-start {\n    align-content: flex-start !important;\n  }\n\n  .align-content-md-end {\n    align-content: flex-end !important;\n  }\n\n  .align-content-md-center {\n    align-content: center !important;\n  }\n\n  .align-content-md-between {\n    align-content: space-between !important;\n  }\n\n  .align-content-md-around {\n    align-content: space-around !important;\n  }\n\n  .align-content-md-stretch {\n    align-content: stretch !important;\n  }\n\n  .align-self-md-auto {\n    align-self: auto !important;\n  }\n\n  .align-self-md-start {\n    align-self: flex-start !important;\n  }\n\n  .align-self-md-end {\n    align-self: flex-end !important;\n  }\n\n  .align-self-md-center {\n    align-self: center !important;\n  }\n\n  .align-self-md-baseline {\n    align-self: baseline !important;\n  }\n\n  .align-self-md-stretch {\n    align-self: stretch !important;\n  }\n\n  .order-md-first {\n    order: -1 !important;\n  }\n\n  .order-md-0 {\n    order: 0 !important;\n  }\n\n  .order-md-1 {\n    order: 1 !important;\n  }\n\n  .order-md-2 {\n    order: 2 !important;\n  }\n\n  .order-md-3 {\n    order: 3 !important;\n  }\n\n  .order-md-4 {\n    order: 4 !important;\n  }\n\n  .order-md-5 {\n    order: 5 !important;\n  }\n\n  .order-md-last {\n    order: 6 !important;\n  }\n\n  .m-md-0 {\n    margin: 0 !important;\n  }\n\n  .m-md-1 {\n    margin: 0.25rem !important;\n  }\n\n  .m-md-2 {\n    margin: 0.5rem !important;\n  }\n\n  .m-md-3 {\n    margin: 1rem !important;\n  }\n\n  .m-md-4 {\n    margin: 1.5rem !important;\n  }\n\n  .m-md-5 {\n    margin: 3rem !important;\n  }\n\n  .m-md-auto {\n    margin: auto !important;\n  }\n\n  .mx-md-0 {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .mx-md-1 {\n    margin-right: 0.25rem !important;\n    margin-left: 0.25rem !important;\n  }\n\n  .mx-md-2 {\n    margin-right: 0.5rem !important;\n    margin-left: 0.5rem !important;\n  }\n\n  .mx-md-3 {\n    margin-right: 1rem !important;\n    margin-left: 1rem !important;\n  }\n\n  .mx-md-4 {\n    margin-right: 1.5rem !important;\n    margin-left: 1.5rem !important;\n  }\n\n  .mx-md-5 {\n    margin-right: 3rem !important;\n    margin-left: 3rem !important;\n  }\n\n  .mx-md-auto {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  .my-md-0 {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  .my-md-1 {\n    margin-top: 0.25rem !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .my-md-2 {\n    margin-top: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .my-md-3 {\n    margin-top: 1rem !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .my-md-4 {\n    margin-top: 1.5rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .my-md-5 {\n    margin-top: 3rem !important;\n    margin-bottom: 3rem !important;\n  }\n\n  .my-md-auto {\n    margin-top: auto !important;\n    margin-bottom: auto !important;\n  }\n\n  .mt-md-0 {\n    margin-top: 0 !important;\n  }\n\n  .mt-md-1 {\n    margin-top: 0.25rem !important;\n  }\n\n  .mt-md-2 {\n    margin-top: 0.5rem !important;\n  }\n\n  .mt-md-3 {\n    margin-top: 1rem !important;\n  }\n\n  .mt-md-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .mt-md-5 {\n    margin-top: 3rem !important;\n  }\n\n  .mt-md-auto {\n    margin-top: auto !important;\n  }\n\n  .me-md-0 {\n    margin-right: 0 !important;\n  }\n\n  .me-md-1 {\n    margin-right: 0.25rem !important;\n  }\n\n  .me-md-2 {\n    margin-right: 0.5rem !important;\n  }\n\n  .me-md-3 {\n    margin-right: 1rem !important;\n  }\n\n  .me-md-4 {\n    margin-right: 1.5rem !important;\n  }\n\n  .me-md-5 {\n    margin-right: 3rem !important;\n  }\n\n  .me-md-auto {\n    margin-right: auto !important;\n  }\n\n  .mb-md-0 {\n    margin-bottom: 0 !important;\n  }\n\n  .mb-md-1 {\n    margin-bottom: 0.25rem !important;\n  }\n\n  .mb-md-2 {\n    margin-bottom: 0.5rem !important;\n  }\n\n  .mb-md-3 {\n    margin-bottom: 1rem !important;\n  }\n\n  .mb-md-4 {\n    margin-bottom: 1.5rem !important;\n  }\n\n  .mb-md-5 {\n    margin-bottom: 3rem !important;\n  }\n\n  .mb-md-auto {\n    margin-bottom: auto !important;\n  }\n\n  .ms-md-0 {\n    margin-left: 0 !important;\n  }\n\n  .ms-md-1 {\n    margin-left: 0.25rem !important;\n  }\n\n  .ms-md-2 {\n    margin-left: 0.5rem !important;\n  }\n\n  .ms-md-3 {\n    margin-left: 1rem !important;\n  }\n\n  .ms-md-4 {\n    margin-left: 1.5rem !important;\n  }\n\n  .ms-md-5 {\n    margin-left: 3rem !important;\n  }\n\n  .ms-md-auto {\n    margin-left: auto !important;\n  }\n\n  .p-md-0 {\n    padding: 0 !important;\n  }\n\n  .p-md-1 {\n    padding: 0.25rem !important;\n  }\n\n  .p-md-2 {\n    padding: 0.5rem !important;\n  }\n\n  .p-md-3 {\n    padding: 1rem !important;\n  }\n\n  .p-md-4 {\n    padding: 1.5rem !important;\n  }\n\n  .p-md-5 {\n    padding: 3rem !important;\n  }\n\n  .px-md-0 {\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .px-md-1 {\n    padding-right: 0.25rem !important;\n    padding-left: 0.25rem !important;\n  }\n\n  .px-md-2 {\n    padding-right: 0.5rem !important;\n    padding-left: 0.5rem !important;\n  }\n\n  .px-md-3 {\n    padding-right: 1rem !important;\n    padding-left: 1rem !important;\n  }\n\n  .px-md-4 {\n    padding-right: 1.5rem !important;\n    padding-left: 1.5rem !important;\n  }\n\n  .px-md-5 {\n    padding-right: 3rem !important;\n    padding-left: 3rem !important;\n  }\n\n  .py-md-0 {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  .py-md-1 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n\n  .py-md-2 {\n    padding-top: 0.5rem !important;\n    padding-bottom: 0.5rem !important;\n  }\n\n  .py-md-3 {\n    padding-top: 1rem !important;\n    padding-bottom: 1rem !important;\n  }\n\n  .py-md-4 {\n    padding-top: 1.5rem !important;\n    padding-bottom: 1.5rem !important;\n  }\n\n  .py-md-5 {\n    padding-top: 3rem !important;\n    padding-bottom: 3rem !important;\n  }\n\n  .pt-md-0 {\n    padding-top: 0 !important;\n  }\n\n  .pt-md-1 {\n    padding-top: 0.25rem !important;\n  }\n\n  .pt-md-2 {\n    padding-top: 0.5rem !important;\n  }\n\n  .pt-md-3 {\n    padding-top: 1rem !important;\n  }\n\n  .pt-md-4 {\n    padding-top: 1.5rem !important;\n  }\n\n  .pt-md-5 {\n    padding-top: 3rem !important;\n  }\n\n  .pe-md-0 {\n    padding-right: 0 !important;\n  }\n\n  .pe-md-1 {\n    padding-right: 0.25rem !important;\n  }\n\n  .pe-md-2 {\n    padding-right: 0.5rem !important;\n  }\n\n  .pe-md-3 {\n    padding-right: 1rem !important;\n  }\n\n  .pe-md-4 {\n    padding-right: 1.5rem !important;\n  }\n\n  .pe-md-5 {\n    padding-right: 3rem !important;\n  }\n\n  .pb-md-0 {\n    padding-bottom: 0 !important;\n  }\n\n  .pb-md-1 {\n    padding-bottom: 0.25rem !important;\n  }\n\n  .pb-md-2 {\n    padding-bottom: 0.5rem !important;\n  }\n\n  .pb-md-3 {\n    padding-bottom: 1rem !important;\n  }\n\n  .pb-md-4 {\n    padding-bottom: 1.5rem !important;\n  }\n\n  .pb-md-5 {\n    padding-bottom: 3rem !important;\n  }\n\n  .ps-md-0 {\n    padding-left: 0 !important;\n  }\n\n  .ps-md-1 {\n    padding-left: 0.25rem !important;\n  }\n\n  .ps-md-2 {\n    padding-left: 0.5rem !important;\n  }\n\n  .ps-md-3 {\n    padding-left: 1rem !important;\n  }\n\n  .ps-md-4 {\n    padding-left: 1.5rem !important;\n  }\n\n  .ps-md-5 {\n    padding-left: 3rem !important;\n  }\n\n  .text-md-start {\n    text-align: left !important;\n  }\n\n  .text-md-end {\n    text-align: right !important;\n  }\n\n  .text-md-center {\n    text-align: center !important;\n  }\n}\n@media (min-width: 992px) {\n  .float-lg-start {\n    float: left !important;\n  }\n\n  .float-lg-end {\n    float: right !important;\n  }\n\n  .float-lg-none {\n    float: none !important;\n  }\n\n  .d-lg-inline {\n    display: inline !important;\n  }\n\n  .d-lg-inline-block {\n    display: inline-block !important;\n  }\n\n  .d-lg-block {\n    display: block !important;\n  }\n\n  .d-lg-grid {\n    display: grid !important;\n  }\n\n  .d-lg-table {\n    display: table !important;\n  }\n\n  .d-lg-table-row {\n    display: table-row !important;\n  }\n\n  .d-lg-table-cell {\n    display: table-cell !important;\n  }\n\n  .d-lg-flex {\n    display: flex !important;\n  }\n\n  .d-lg-inline-flex {\n    display: inline-flex !important;\n  }\n\n  .d-lg-none {\n    display: none !important;\n  }\n\n  .flex-lg-fill {\n    flex: 1 1 auto !important;\n  }\n\n  .flex-lg-row {\n    flex-direction: row !important;\n  }\n\n  .flex-lg-column {\n    flex-direction: column !important;\n  }\n\n  .flex-lg-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n\n  .flex-lg-column-reverse {\n    flex-direction: column-reverse !important;\n  }\n\n  .flex-lg-grow-0 {\n    flex-grow: 0 !important;\n  }\n\n  .flex-lg-grow-1 {\n    flex-grow: 1 !important;\n  }\n\n  .flex-lg-shrink-0 {\n    flex-shrink: 0 !important;\n  }\n\n  .flex-lg-shrink-1 {\n    flex-shrink: 1 !important;\n  }\n\n  .flex-lg-wrap {\n    flex-wrap: wrap !important;\n  }\n\n  .flex-lg-nowrap {\n    flex-wrap: nowrap !important;\n  }\n\n  .flex-lg-wrap-reverse {\n    flex-wrap: wrap-reverse !important;\n  }\n\n  .gap-lg-0 {\n    gap: 0 !important;\n  }\n\n  .gap-lg-1 {\n    gap: 0.25rem !important;\n  }\n\n  .gap-lg-2 {\n    gap: 0.5rem !important;\n  }\n\n  .gap-lg-3 {\n    gap: 1rem !important;\n  }\n\n  .gap-lg-4 {\n    gap: 1.5rem !important;\n  }\n\n  .gap-lg-5 {\n    gap: 3rem !important;\n  }\n\n  .justify-content-lg-start {\n    justify-content: flex-start !important;\n  }\n\n  .justify-content-lg-end {\n    justify-content: flex-end !important;\n  }\n\n  .justify-content-lg-center {\n    justify-content: center !important;\n  }\n\n  .justify-content-lg-between {\n    justify-content: space-between !important;\n  }\n\n  .justify-content-lg-around {\n    justify-content: space-around !important;\n  }\n\n  .justify-content-lg-evenly {\n    justify-content: space-evenly !important;\n  }\n\n  .align-items-lg-start {\n    align-items: flex-start !important;\n  }\n\n  .align-items-lg-end {\n    align-items: flex-end !important;\n  }\n\n  .align-items-lg-center {\n    align-items: center !important;\n  }\n\n  .align-items-lg-baseline {\n    align-items: baseline !important;\n  }\n\n  .align-items-lg-stretch {\n    align-items: stretch !important;\n  }\n\n  .align-content-lg-start {\n    align-content: flex-start !important;\n  }\n\n  .align-content-lg-end {\n    align-content: flex-end !important;\n  }\n\n  .align-content-lg-center {\n    align-content: center !important;\n  }\n\n  .align-content-lg-between {\n    align-content: space-between !important;\n  }\n\n  .align-content-lg-around {\n    align-content: space-around !important;\n  }\n\n  .align-content-lg-stretch {\n    align-content: stretch !important;\n  }\n\n  .align-self-lg-auto {\n    align-self: auto !important;\n  }\n\n  .align-self-lg-start {\n    align-self: flex-start !important;\n  }\n\n  .align-self-lg-end {\n    align-self: flex-end !important;\n  }\n\n  .align-self-lg-center {\n    align-self: center !important;\n  }\n\n  .align-self-lg-baseline {\n    align-self: baseline !important;\n  }\n\n  .align-self-lg-stretch {\n    align-self: stretch !important;\n  }\n\n  .order-lg-first {\n    order: -1 !important;\n  }\n\n  .order-lg-0 {\n    order: 0 !important;\n  }\n\n  .order-lg-1 {\n    order: 1 !important;\n  }\n\n  .order-lg-2 {\n    order: 2 !important;\n  }\n\n  .order-lg-3 {\n    order: 3 !important;\n  }\n\n  .order-lg-4 {\n    order: 4 !important;\n  }\n\n  .order-lg-5 {\n    order: 5 !important;\n  }\n\n  .order-lg-last {\n    order: 6 !important;\n  }\n\n  .m-lg-0 {\n    margin: 0 !important;\n  }\n\n  .m-lg-1 {\n    margin: 0.25rem !important;\n  }\n\n  .m-lg-2 {\n    margin: 0.5rem !important;\n  }\n\n  .m-lg-3 {\n    margin: 1rem !important;\n  }\n\n  .m-lg-4 {\n    margin: 1.5rem !important;\n  }\n\n  .m-lg-5 {\n    margin: 3rem !important;\n  }\n\n  .m-lg-auto {\n    margin: auto !important;\n  }\n\n  .mx-lg-0 {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .mx-lg-1 {\n    margin-right: 0.25rem !important;\n    margin-left: 0.25rem !important;\n  }\n\n  .mx-lg-2 {\n    margin-right: 0.5rem !important;\n    margin-left: 0.5rem !important;\n  }\n\n  .mx-lg-3 {\n    margin-right: 1rem !important;\n    margin-left: 1rem !important;\n  }\n\n  .mx-lg-4 {\n    margin-right: 1.5rem !important;\n    margin-left: 1.5rem !important;\n  }\n\n  .mx-lg-5 {\n    margin-right: 3rem !important;\n    margin-left: 3rem !important;\n  }\n\n  .mx-lg-auto {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  .my-lg-0 {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  .my-lg-1 {\n    margin-top: 0.25rem !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .my-lg-2 {\n    margin-top: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .my-lg-3 {\n    margin-top: 1rem !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .my-lg-4 {\n    margin-top: 1.5rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .my-lg-5 {\n    margin-top: 3rem !important;\n    margin-bottom: 3rem !important;\n  }\n\n  .my-lg-auto {\n    margin-top: auto !important;\n    margin-bottom: auto !important;\n  }\n\n  .mt-lg-0 {\n    margin-top: 0 !important;\n  }\n\n  .mt-lg-1 {\n    margin-top: 0.25rem !important;\n  }\n\n  .mt-lg-2 {\n    margin-top: 0.5rem !important;\n  }\n\n  .mt-lg-3 {\n    margin-top: 1rem !important;\n  }\n\n  .mt-lg-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .mt-lg-5 {\n    margin-top: 3rem !important;\n  }\n\n  .mt-lg-auto {\n    margin-top: auto !important;\n  }\n\n  .me-lg-0 {\n    margin-right: 0 !important;\n  }\n\n  .me-lg-1 {\n    margin-right: 0.25rem !important;\n  }\n\n  .me-lg-2 {\n    margin-right: 0.5rem !important;\n  }\n\n  .me-lg-3 {\n    margin-right: 1rem !important;\n  }\n\n  .me-lg-4 {\n    margin-right: 1.5rem !important;\n  }\n\n  .me-lg-5 {\n    margin-right: 3rem !important;\n  }\n\n  .me-lg-auto {\n    margin-right: auto !important;\n  }\n\n  .mb-lg-0 {\n    margin-bottom: 0 !important;\n  }\n\n  .mb-lg-1 {\n    margin-bottom: 0.25rem !important;\n  }\n\n  .mb-lg-2 {\n    margin-bottom: 0.5rem !important;\n  }\n\n  .mb-lg-3 {\n    margin-bottom: 1rem !important;\n  }\n\n  .mb-lg-4 {\n    margin-bottom: 1.5rem !important;\n  }\n\n  .mb-lg-5 {\n    margin-bottom: 3rem !important;\n  }\n\n  .mb-lg-auto {\n    margin-bottom: auto !important;\n  }\n\n  .ms-lg-0 {\n    margin-left: 0 !important;\n  }\n\n  .ms-lg-1 {\n    margin-left: 0.25rem !important;\n  }\n\n  .ms-lg-2 {\n    margin-left: 0.5rem !important;\n  }\n\n  .ms-lg-3 {\n    margin-left: 1rem !important;\n  }\n\n  .ms-lg-4 {\n    margin-left: 1.5rem !important;\n  }\n\n  .ms-lg-5 {\n    margin-left: 3rem !important;\n  }\n\n  .ms-lg-auto {\n    margin-left: auto !important;\n  }\n\n  .p-lg-0 {\n    padding: 0 !important;\n  }\n\n  .p-lg-1 {\n    padding: 0.25rem !important;\n  }\n\n  .p-lg-2 {\n    padding: 0.5rem !important;\n  }\n\n  .p-lg-3 {\n    padding: 1rem !important;\n  }\n\n  .p-lg-4 {\n    padding: 1.5rem !important;\n  }\n\n  .p-lg-5 {\n    padding: 3rem !important;\n  }\n\n  .px-lg-0 {\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .px-lg-1 {\n    padding-right: 0.25rem !important;\n    padding-left: 0.25rem !important;\n  }\n\n  .px-lg-2 {\n    padding-right: 0.5rem !important;\n    padding-left: 0.5rem !important;\n  }\n\n  .px-lg-3 {\n    padding-right: 1rem !important;\n    padding-left: 1rem !important;\n  }\n\n  .px-lg-4 {\n    padding-right: 1.5rem !important;\n    padding-left: 1.5rem !important;\n  }\n\n  .px-lg-5 {\n    padding-right: 3rem !important;\n    padding-left: 3rem !important;\n  }\n\n  .py-lg-0 {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  .py-lg-1 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n\n  .py-lg-2 {\n    padding-top: 0.5rem !important;\n    padding-bottom: 0.5rem !important;\n  }\n\n  .py-lg-3 {\n    padding-top: 1rem !important;\n    padding-bottom: 1rem !important;\n  }\n\n  .py-lg-4 {\n    padding-top: 1.5rem !important;\n    padding-bottom: 1.5rem !important;\n  }\n\n  .py-lg-5 {\n    padding-top: 3rem !important;\n    padding-bottom: 3rem !important;\n  }\n\n  .pt-lg-0 {\n    padding-top: 0 !important;\n  }\n\n  .pt-lg-1 {\n    padding-top: 0.25rem !important;\n  }\n\n  .pt-lg-2 {\n    padding-top: 0.5rem !important;\n  }\n\n  .pt-lg-3 {\n    padding-top: 1rem !important;\n  }\n\n  .pt-lg-4 {\n    padding-top: 1.5rem !important;\n  }\n\n  .pt-lg-5 {\n    padding-top: 3rem !important;\n  }\n\n  .pe-lg-0 {\n    padding-right: 0 !important;\n  }\n\n  .pe-lg-1 {\n    padding-right: 0.25rem !important;\n  }\n\n  .pe-lg-2 {\n    padding-right: 0.5rem !important;\n  }\n\n  .pe-lg-3 {\n    padding-right: 1rem !important;\n  }\n\n  .pe-lg-4 {\n    padding-right: 1.5rem !important;\n  }\n\n  .pe-lg-5 {\n    padding-right: 3rem !important;\n  }\n\n  .pb-lg-0 {\n    padding-bottom: 0 !important;\n  }\n\n  .pb-lg-1 {\n    padding-bottom: 0.25rem !important;\n  }\n\n  .pb-lg-2 {\n    padding-bottom: 0.5rem !important;\n  }\n\n  .pb-lg-3 {\n    padding-bottom: 1rem !important;\n  }\n\n  .pb-lg-4 {\n    padding-bottom: 1.5rem !important;\n  }\n\n  .pb-lg-5 {\n    padding-bottom: 3rem !important;\n  }\n\n  .ps-lg-0 {\n    padding-left: 0 !important;\n  }\n\n  .ps-lg-1 {\n    padding-left: 0.25rem !important;\n  }\n\n  .ps-lg-2 {\n    padding-left: 0.5rem !important;\n  }\n\n  .ps-lg-3 {\n    padding-left: 1rem !important;\n  }\n\n  .ps-lg-4 {\n    padding-left: 1.5rem !important;\n  }\n\n  .ps-lg-5 {\n    padding-left: 3rem !important;\n  }\n\n  .text-lg-start {\n    text-align: left !important;\n  }\n\n  .text-lg-end {\n    text-align: right !important;\n  }\n\n  .text-lg-center {\n    text-align: center !important;\n  }\n}\n@media (min-width: 1200px) {\n  .float-xl-start {\n    float: left !important;\n  }\n\n  .float-xl-end {\n    float: right !important;\n  }\n\n  .float-xl-none {\n    float: none !important;\n  }\n\n  .d-xl-inline {\n    display: inline !important;\n  }\n\n  .d-xl-inline-block {\n    display: inline-block !important;\n  }\n\n  .d-xl-block {\n    display: block !important;\n  }\n\n  .d-xl-grid {\n    display: grid !important;\n  }\n\n  .d-xl-table {\n    display: table !important;\n  }\n\n  .d-xl-table-row {\n    display: table-row !important;\n  }\n\n  .d-xl-table-cell {\n    display: table-cell !important;\n  }\n\n  .d-xl-flex {\n    display: flex !important;\n  }\n\n  .d-xl-inline-flex {\n    display: inline-flex !important;\n  }\n\n  .d-xl-none {\n    display: none !important;\n  }\n\n  .flex-xl-fill {\n    flex: 1 1 auto !important;\n  }\n\n  .flex-xl-row {\n    flex-direction: row !important;\n  }\n\n  .flex-xl-column {\n    flex-direction: column !important;\n  }\n\n  .flex-xl-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n\n  .flex-xl-column-reverse {\n    flex-direction: column-reverse !important;\n  }\n\n  .flex-xl-grow-0 {\n    flex-grow: 0 !important;\n  }\n\n  .flex-xl-grow-1 {\n    flex-grow: 1 !important;\n  }\n\n  .flex-xl-shrink-0 {\n    flex-shrink: 0 !important;\n  }\n\n  .flex-xl-shrink-1 {\n    flex-shrink: 1 !important;\n  }\n\n  .flex-xl-wrap {\n    flex-wrap: wrap !important;\n  }\n\n  .flex-xl-nowrap {\n    flex-wrap: nowrap !important;\n  }\n\n  .flex-xl-wrap-reverse {\n    flex-wrap: wrap-reverse !important;\n  }\n\n  .gap-xl-0 {\n    gap: 0 !important;\n  }\n\n  .gap-xl-1 {\n    gap: 0.25rem !important;\n  }\n\n  .gap-xl-2 {\n    gap: 0.5rem !important;\n  }\n\n  .gap-xl-3 {\n    gap: 1rem !important;\n  }\n\n  .gap-xl-4 {\n    gap: 1.5rem !important;\n  }\n\n  .gap-xl-5 {\n    gap: 3rem !important;\n  }\n\n  .justify-content-xl-start {\n    justify-content: flex-start !important;\n  }\n\n  .justify-content-xl-end {\n    justify-content: flex-end !important;\n  }\n\n  .justify-content-xl-center {\n    justify-content: center !important;\n  }\n\n  .justify-content-xl-between {\n    justify-content: space-between !important;\n  }\n\n  .justify-content-xl-around {\n    justify-content: space-around !important;\n  }\n\n  .justify-content-xl-evenly {\n    justify-content: space-evenly !important;\n  }\n\n  .align-items-xl-start {\n    align-items: flex-start !important;\n  }\n\n  .align-items-xl-end {\n    align-items: flex-end !important;\n  }\n\n  .align-items-xl-center {\n    align-items: center !important;\n  }\n\n  .align-items-xl-baseline {\n    align-items: baseline !important;\n  }\n\n  .align-items-xl-stretch {\n    align-items: stretch !important;\n  }\n\n  .align-content-xl-start {\n    align-content: flex-start !important;\n  }\n\n  .align-content-xl-end {\n    align-content: flex-end !important;\n  }\n\n  .align-content-xl-center {\n    align-content: center !important;\n  }\n\n  .align-content-xl-between {\n    align-content: space-between !important;\n  }\n\n  .align-content-xl-around {\n    align-content: space-around !important;\n  }\n\n  .align-content-xl-stretch {\n    align-content: stretch !important;\n  }\n\n  .align-self-xl-auto {\n    align-self: auto !important;\n  }\n\n  .align-self-xl-start {\n    align-self: flex-start !important;\n  }\n\n  .align-self-xl-end {\n    align-self: flex-end !important;\n  }\n\n  .align-self-xl-center {\n    align-self: center !important;\n  }\n\n  .align-self-xl-baseline {\n    align-self: baseline !important;\n  }\n\n  .align-self-xl-stretch {\n    align-self: stretch !important;\n  }\n\n  .order-xl-first {\n    order: -1 !important;\n  }\n\n  .order-xl-0 {\n    order: 0 !important;\n  }\n\n  .order-xl-1 {\n    order: 1 !important;\n  }\n\n  .order-xl-2 {\n    order: 2 !important;\n  }\n\n  .order-xl-3 {\n    order: 3 !important;\n  }\n\n  .order-xl-4 {\n    order: 4 !important;\n  }\n\n  .order-xl-5 {\n    order: 5 !important;\n  }\n\n  .order-xl-last {\n    order: 6 !important;\n  }\n\n  .m-xl-0 {\n    margin: 0 !important;\n  }\n\n  .m-xl-1 {\n    margin: 0.25rem !important;\n  }\n\n  .m-xl-2 {\n    margin: 0.5rem !important;\n  }\n\n  .m-xl-3 {\n    margin: 1rem !important;\n  }\n\n  .m-xl-4 {\n    margin: 1.5rem !important;\n  }\n\n  .m-xl-5 {\n    margin: 3rem !important;\n  }\n\n  .m-xl-auto {\n    margin: auto !important;\n  }\n\n  .mx-xl-0 {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .mx-xl-1 {\n    margin-right: 0.25rem !important;\n    margin-left: 0.25rem !important;\n  }\n\n  .mx-xl-2 {\n    margin-right: 0.5rem !important;\n    margin-left: 0.5rem !important;\n  }\n\n  .mx-xl-3 {\n    margin-right: 1rem !important;\n    margin-left: 1rem !important;\n  }\n\n  .mx-xl-4 {\n    margin-right: 1.5rem !important;\n    margin-left: 1.5rem !important;\n  }\n\n  .mx-xl-5 {\n    margin-right: 3rem !important;\n    margin-left: 3rem !important;\n  }\n\n  .mx-xl-auto {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  .my-xl-0 {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  .my-xl-1 {\n    margin-top: 0.25rem !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .my-xl-2 {\n    margin-top: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .my-xl-3 {\n    margin-top: 1rem !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .my-xl-4 {\n    margin-top: 1.5rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .my-xl-5 {\n    margin-top: 3rem !important;\n    margin-bottom: 3rem !important;\n  }\n\n  .my-xl-auto {\n    margin-top: auto !important;\n    margin-bottom: auto !important;\n  }\n\n  .mt-xl-0 {\n    margin-top: 0 !important;\n  }\n\n  .mt-xl-1 {\n    margin-top: 0.25rem !important;\n  }\n\n  .mt-xl-2 {\n    margin-top: 0.5rem !important;\n  }\n\n  .mt-xl-3 {\n    margin-top: 1rem !important;\n  }\n\n  .mt-xl-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .mt-xl-5 {\n    margin-top: 3rem !important;\n  }\n\n  .mt-xl-auto {\n    margin-top: auto !important;\n  }\n\n  .me-xl-0 {\n    margin-right: 0 !important;\n  }\n\n  .me-xl-1 {\n    margin-right: 0.25rem !important;\n  }\n\n  .me-xl-2 {\n    margin-right: 0.5rem !important;\n  }\n\n  .me-xl-3 {\n    margin-right: 1rem !important;\n  }\n\n  .me-xl-4 {\n    margin-right: 1.5rem !important;\n  }\n\n  .me-xl-5 {\n    margin-right: 3rem !important;\n  }\n\n  .me-xl-auto {\n    margin-right: auto !important;\n  }\n\n  .mb-xl-0 {\n    margin-bottom: 0 !important;\n  }\n\n  .mb-xl-1 {\n    margin-bottom: 0.25rem !important;\n  }\n\n  .mb-xl-2 {\n    margin-bottom: 0.5rem !important;\n  }\n\n  .mb-xl-3 {\n    margin-bottom: 1rem !important;\n  }\n\n  .mb-xl-4 {\n    margin-bottom: 1.5rem !important;\n  }\n\n  .mb-xl-5 {\n    margin-bottom: 3rem !important;\n  }\n\n  .mb-xl-auto {\n    margin-bottom: auto !important;\n  }\n\n  .ms-xl-0 {\n    margin-left: 0 !important;\n  }\n\n  .ms-xl-1 {\n    margin-left: 0.25rem !important;\n  }\n\n  .ms-xl-2 {\n    margin-left: 0.5rem !important;\n  }\n\n  .ms-xl-3 {\n    margin-left: 1rem !important;\n  }\n\n  .ms-xl-4 {\n    margin-left: 1.5rem !important;\n  }\n\n  .ms-xl-5 {\n    margin-left: 3rem !important;\n  }\n\n  .ms-xl-auto {\n    margin-left: auto !important;\n  }\n\n  .p-xl-0 {\n    padding: 0 !important;\n  }\n\n  .p-xl-1 {\n    padding: 0.25rem !important;\n  }\n\n  .p-xl-2 {\n    padding: 0.5rem !important;\n  }\n\n  .p-xl-3 {\n    padding: 1rem !important;\n  }\n\n  .p-xl-4 {\n    padding: 1.5rem !important;\n  }\n\n  .p-xl-5 {\n    padding: 3rem !important;\n  }\n\n  .px-xl-0 {\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .px-xl-1 {\n    padding-right: 0.25rem !important;\n    padding-left: 0.25rem !important;\n  }\n\n  .px-xl-2 {\n    padding-right: 0.5rem !important;\n    padding-left: 0.5rem !important;\n  }\n\n  .px-xl-3 {\n    padding-right: 1rem !important;\n    padding-left: 1rem !important;\n  }\n\n  .px-xl-4 {\n    padding-right: 1.5rem !important;\n    padding-left: 1.5rem !important;\n  }\n\n  .px-xl-5 {\n    padding-right: 3rem !important;\n    padding-left: 3rem !important;\n  }\n\n  .py-xl-0 {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  .py-xl-1 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n\n  .py-xl-2 {\n    padding-top: 0.5rem !important;\n    padding-bottom: 0.5rem !important;\n  }\n\n  .py-xl-3 {\n    padding-top: 1rem !important;\n    padding-bottom: 1rem !important;\n  }\n\n  .py-xl-4 {\n    padding-top: 1.5rem !important;\n    padding-bottom: 1.5rem !important;\n  }\n\n  .py-xl-5 {\n    padding-top: 3rem !important;\n    padding-bottom: 3rem !important;\n  }\n\n  .pt-xl-0 {\n    padding-top: 0 !important;\n  }\n\n  .pt-xl-1 {\n    padding-top: 0.25rem !important;\n  }\n\n  .pt-xl-2 {\n    padding-top: 0.5rem !important;\n  }\n\n  .pt-xl-3 {\n    padding-top: 1rem !important;\n  }\n\n  .pt-xl-4 {\n    padding-top: 1.5rem !important;\n  }\n\n  .pt-xl-5 {\n    padding-top: 3rem !important;\n  }\n\n  .pe-xl-0 {\n    padding-right: 0 !important;\n  }\n\n  .pe-xl-1 {\n    padding-right: 0.25rem !important;\n  }\n\n  .pe-xl-2 {\n    padding-right: 0.5rem !important;\n  }\n\n  .pe-xl-3 {\n    padding-right: 1rem !important;\n  }\n\n  .pe-xl-4 {\n    padding-right: 1.5rem !important;\n  }\n\n  .pe-xl-5 {\n    padding-right: 3rem !important;\n  }\n\n  .pb-xl-0 {\n    padding-bottom: 0 !important;\n  }\n\n  .pb-xl-1 {\n    padding-bottom: 0.25rem !important;\n  }\n\n  .pb-xl-2 {\n    padding-bottom: 0.5rem !important;\n  }\n\n  .pb-xl-3 {\n    padding-bottom: 1rem !important;\n  }\n\n  .pb-xl-4 {\n    padding-bottom: 1.5rem !important;\n  }\n\n  .pb-xl-5 {\n    padding-bottom: 3rem !important;\n  }\n\n  .ps-xl-0 {\n    padding-left: 0 !important;\n  }\n\n  .ps-xl-1 {\n    padding-left: 0.25rem !important;\n  }\n\n  .ps-xl-2 {\n    padding-left: 0.5rem !important;\n  }\n\n  .ps-xl-3 {\n    padding-left: 1rem !important;\n  }\n\n  .ps-xl-4 {\n    padding-left: 1.5rem !important;\n  }\n\n  .ps-xl-5 {\n    padding-left: 3rem !important;\n  }\n\n  .text-xl-start {\n    text-align: left !important;\n  }\n\n  .text-xl-end {\n    text-align: right !important;\n  }\n\n  .text-xl-center {\n    text-align: center !important;\n  }\n}\n@media (min-width: 1400px) {\n  .float-xxl-start {\n    float: left !important;\n  }\n\n  .float-xxl-end {\n    float: right !important;\n  }\n\n  .float-xxl-none {\n    float: none !important;\n  }\n\n  .d-xxl-inline {\n    display: inline !important;\n  }\n\n  .d-xxl-inline-block {\n    display: inline-block !important;\n  }\n\n  .d-xxl-block {\n    display: block !important;\n  }\n\n  .d-xxl-grid {\n    display: grid !important;\n  }\n\n  .d-xxl-table {\n    display: table !important;\n  }\n\n  .d-xxl-table-row {\n    display: table-row !important;\n  }\n\n  .d-xxl-table-cell {\n    display: table-cell !important;\n  }\n\n  .d-xxl-flex {\n    display: flex !important;\n  }\n\n  .d-xxl-inline-flex {\n    display: inline-flex !important;\n  }\n\n  .d-xxl-none {\n    display: none !important;\n  }\n\n  .flex-xxl-fill {\n    flex: 1 1 auto !important;\n  }\n\n  .flex-xxl-row {\n    flex-direction: row !important;\n  }\n\n  .flex-xxl-column {\n    flex-direction: column !important;\n  }\n\n  .flex-xxl-row-reverse {\n    flex-direction: row-reverse !important;\n  }\n\n  .flex-xxl-column-reverse {\n    flex-direction: column-reverse !important;\n  }\n\n  .flex-xxl-grow-0 {\n    flex-grow: 0 !important;\n  }\n\n  .flex-xxl-grow-1 {\n    flex-grow: 1 !important;\n  }\n\n  .flex-xxl-shrink-0 {\n    flex-shrink: 0 !important;\n  }\n\n  .flex-xxl-shrink-1 {\n    flex-shrink: 1 !important;\n  }\n\n  .flex-xxl-wrap {\n    flex-wrap: wrap !important;\n  }\n\n  .flex-xxl-nowrap {\n    flex-wrap: nowrap !important;\n  }\n\n  .flex-xxl-wrap-reverse {\n    flex-wrap: wrap-reverse !important;\n  }\n\n  .gap-xxl-0 {\n    gap: 0 !important;\n  }\n\n  .gap-xxl-1 {\n    gap: 0.25rem !important;\n  }\n\n  .gap-xxl-2 {\n    gap: 0.5rem !important;\n  }\n\n  .gap-xxl-3 {\n    gap: 1rem !important;\n  }\n\n  .gap-xxl-4 {\n    gap: 1.5rem !important;\n  }\n\n  .gap-xxl-5 {\n    gap: 3rem !important;\n  }\n\n  .justify-content-xxl-start {\n    justify-content: flex-start !important;\n  }\n\n  .justify-content-xxl-end {\n    justify-content: flex-end !important;\n  }\n\n  .justify-content-xxl-center {\n    justify-content: center !important;\n  }\n\n  .justify-content-xxl-between {\n    justify-content: space-between !important;\n  }\n\n  .justify-content-xxl-around {\n    justify-content: space-around !important;\n  }\n\n  .justify-content-xxl-evenly {\n    justify-content: space-evenly !important;\n  }\n\n  .align-items-xxl-start {\n    align-items: flex-start !important;\n  }\n\n  .align-items-xxl-end {\n    align-items: flex-end !important;\n  }\n\n  .align-items-xxl-center {\n    align-items: center !important;\n  }\n\n  .align-items-xxl-baseline {\n    align-items: baseline !important;\n  }\n\n  .align-items-xxl-stretch {\n    align-items: stretch !important;\n  }\n\n  .align-content-xxl-start {\n    align-content: flex-start !important;\n  }\n\n  .align-content-xxl-end {\n    align-content: flex-end !important;\n  }\n\n  .align-content-xxl-center {\n    align-content: center !important;\n  }\n\n  .align-content-xxl-between {\n    align-content: space-between !important;\n  }\n\n  .align-content-xxl-around {\n    align-content: space-around !important;\n  }\n\n  .align-content-xxl-stretch {\n    align-content: stretch !important;\n  }\n\n  .align-self-xxl-auto {\n    align-self: auto !important;\n  }\n\n  .align-self-xxl-start {\n    align-self: flex-start !important;\n  }\n\n  .align-self-xxl-end {\n    align-self: flex-end !important;\n  }\n\n  .align-self-xxl-center {\n    align-self: center !important;\n  }\n\n  .align-self-xxl-baseline {\n    align-self: baseline !important;\n  }\n\n  .align-self-xxl-stretch {\n    align-self: stretch !important;\n  }\n\n  .order-xxl-first {\n    order: -1 !important;\n  }\n\n  .order-xxl-0 {\n    order: 0 !important;\n  }\n\n  .order-xxl-1 {\n    order: 1 !important;\n  }\n\n  .order-xxl-2 {\n    order: 2 !important;\n  }\n\n  .order-xxl-3 {\n    order: 3 !important;\n  }\n\n  .order-xxl-4 {\n    order: 4 !important;\n  }\n\n  .order-xxl-5 {\n    order: 5 !important;\n  }\n\n  .order-xxl-last {\n    order: 6 !important;\n  }\n\n  .m-xxl-0 {\n    margin: 0 !important;\n  }\n\n  .m-xxl-1 {\n    margin: 0.25rem !important;\n  }\n\n  .m-xxl-2 {\n    margin: 0.5rem !important;\n  }\n\n  .m-xxl-3 {\n    margin: 1rem !important;\n  }\n\n  .m-xxl-4 {\n    margin: 1.5rem !important;\n  }\n\n  .m-xxl-5 {\n    margin: 3rem !important;\n  }\n\n  .m-xxl-auto {\n    margin: auto !important;\n  }\n\n  .mx-xxl-0 {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n\n  .mx-xxl-1 {\n    margin-right: 0.25rem !important;\n    margin-left: 0.25rem !important;\n  }\n\n  .mx-xxl-2 {\n    margin-right: 0.5rem !important;\n    margin-left: 0.5rem !important;\n  }\n\n  .mx-xxl-3 {\n    margin-right: 1rem !important;\n    margin-left: 1rem !important;\n  }\n\n  .mx-xxl-4 {\n    margin-right: 1.5rem !important;\n    margin-left: 1.5rem !important;\n  }\n\n  .mx-xxl-5 {\n    margin-right: 3rem !important;\n    margin-left: 3rem !important;\n  }\n\n  .mx-xxl-auto {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  .my-xxl-0 {\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n  }\n\n  .my-xxl-1 {\n    margin-top: 0.25rem !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .my-xxl-2 {\n    margin-top: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .my-xxl-3 {\n    margin-top: 1rem !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .my-xxl-4 {\n    margin-top: 1.5rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .my-xxl-5 {\n    margin-top: 3rem !important;\n    margin-bottom: 3rem !important;\n  }\n\n  .my-xxl-auto {\n    margin-top: auto !important;\n    margin-bottom: auto !important;\n  }\n\n  .mt-xxl-0 {\n    margin-top: 0 !important;\n  }\n\n  .mt-xxl-1 {\n    margin-top: 0.25rem !important;\n  }\n\n  .mt-xxl-2 {\n    margin-top: 0.5rem !important;\n  }\n\n  .mt-xxl-3 {\n    margin-top: 1rem !important;\n  }\n\n  .mt-xxl-4 {\n    margin-top: 1.5rem !important;\n  }\n\n  .mt-xxl-5 {\n    margin-top: 3rem !important;\n  }\n\n  .mt-xxl-auto {\n    margin-top: auto !important;\n  }\n\n  .me-xxl-0 {\n    margin-right: 0 !important;\n  }\n\n  .me-xxl-1 {\n    margin-right: 0.25rem !important;\n  }\n\n  .me-xxl-2 {\n    margin-right: 0.5rem !important;\n  }\n\n  .me-xxl-3 {\n    margin-right: 1rem !important;\n  }\n\n  .me-xxl-4 {\n    margin-right: 1.5rem !important;\n  }\n\n  .me-xxl-5 {\n    margin-right: 3rem !important;\n  }\n\n  .me-xxl-auto {\n    margin-right: auto !important;\n  }\n\n  .mb-xxl-0 {\n    margin-bottom: 0 !important;\n  }\n\n  .mb-xxl-1 {\n    margin-bottom: 0.25rem !important;\n  }\n\n  .mb-xxl-2 {\n    margin-bottom: 0.5rem !important;\n  }\n\n  .mb-xxl-3 {\n    margin-bottom: 1rem !important;\n  }\n\n  .mb-xxl-4 {\n    margin-bottom: 1.5rem !important;\n  }\n\n  .mb-xxl-5 {\n    margin-bottom: 3rem !important;\n  }\n\n  .mb-xxl-auto {\n    margin-bottom: auto !important;\n  }\n\n  .ms-xxl-0 {\n    margin-left: 0 !important;\n  }\n\n  .ms-xxl-1 {\n    margin-left: 0.25rem !important;\n  }\n\n  .ms-xxl-2 {\n    margin-left: 0.5rem !important;\n  }\n\n  .ms-xxl-3 {\n    margin-left: 1rem !important;\n  }\n\n  .ms-xxl-4 {\n    margin-left: 1.5rem !important;\n  }\n\n  .ms-xxl-5 {\n    margin-left: 3rem !important;\n  }\n\n  .ms-xxl-auto {\n    margin-left: auto !important;\n  }\n\n  .p-xxl-0 {\n    padding: 0 !important;\n  }\n\n  .p-xxl-1 {\n    padding: 0.25rem !important;\n  }\n\n  .p-xxl-2 {\n    padding: 0.5rem !important;\n  }\n\n  .p-xxl-3 {\n    padding: 1rem !important;\n  }\n\n  .p-xxl-4 {\n    padding: 1.5rem !important;\n  }\n\n  .p-xxl-5 {\n    padding: 3rem !important;\n  }\n\n  .px-xxl-0 {\n    padding-right: 0 !important;\n    padding-left: 0 !important;\n  }\n\n  .px-xxl-1 {\n    padding-right: 0.25rem !important;\n    padding-left: 0.25rem !important;\n  }\n\n  .px-xxl-2 {\n    padding-right: 0.5rem !important;\n    padding-left: 0.5rem !important;\n  }\n\n  .px-xxl-3 {\n    padding-right: 1rem !important;\n    padding-left: 1rem !important;\n  }\n\n  .px-xxl-4 {\n    padding-right: 1.5rem !important;\n    padding-left: 1.5rem !important;\n  }\n\n  .px-xxl-5 {\n    padding-right: 3rem !important;\n    padding-left: 3rem !important;\n  }\n\n  .py-xxl-0 {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  .py-xxl-1 {\n    padding-top: 0.25rem !important;\n    padding-bottom: 0.25rem !important;\n  }\n\n  .py-xxl-2 {\n    padding-top: 0.5rem !important;\n    padding-bottom: 0.5rem !important;\n  }\n\n  .py-xxl-3 {\n    padding-top: 1rem !important;\n    padding-bottom: 1rem !important;\n  }\n\n  .py-xxl-4 {\n    padding-top: 1.5rem !important;\n    padding-bottom: 1.5rem !important;\n  }\n\n  .py-xxl-5 {\n    padding-top: 3rem !important;\n    padding-bottom: 3rem !important;\n  }\n\n  .pt-xxl-0 {\n    padding-top: 0 !important;\n  }\n\n  .pt-xxl-1 {\n    padding-top: 0.25rem !important;\n  }\n\n  .pt-xxl-2 {\n    padding-top: 0.5rem !important;\n  }\n\n  .pt-xxl-3 {\n    padding-top: 1rem !important;\n  }\n\n  .pt-xxl-4 {\n    padding-top: 1.5rem !important;\n  }\n\n  .pt-xxl-5 {\n    padding-top: 3rem !important;\n  }\n\n  .pe-xxl-0 {\n    padding-right: 0 !important;\n  }\n\n  .pe-xxl-1 {\n    padding-right: 0.25rem !important;\n  }\n\n  .pe-xxl-2 {\n    padding-right: 0.5rem !important;\n  }\n\n  .pe-xxl-3 {\n    padding-right: 1rem !important;\n  }\n\n  .pe-xxl-4 {\n    padding-right: 1.5rem !important;\n  }\n\n  .pe-xxl-5 {\n    padding-right: 3rem !important;\n  }\n\n  .pb-xxl-0 {\n    padding-bottom: 0 !important;\n  }\n\n  .pb-xxl-1 {\n    padding-bottom: 0.25rem !important;\n  }\n\n  .pb-xxl-2 {\n    padding-bottom: 0.5rem !important;\n  }\n\n  .pb-xxl-3 {\n    padding-bottom: 1rem !important;\n  }\n\n  .pb-xxl-4 {\n    padding-bottom: 1.5rem !important;\n  }\n\n  .pb-xxl-5 {\n    padding-bottom: 3rem !important;\n  }\n\n  .ps-xxl-0 {\n    padding-left: 0 !important;\n  }\n\n  .ps-xxl-1 {\n    padding-left: 0.25rem !important;\n  }\n\n  .ps-xxl-2 {\n    padding-left: 0.5rem !important;\n  }\n\n  .ps-xxl-3 {\n    padding-left: 1rem !important;\n  }\n\n  .ps-xxl-4 {\n    padding-left: 1.5rem !important;\n  }\n\n  .ps-xxl-5 {\n    padding-left: 3rem !important;\n  }\n\n  .text-xxl-start {\n    text-align: left !important;\n  }\n\n  .text-xxl-end {\n    text-align: right !important;\n  }\n\n  .text-xxl-center {\n    text-align: center !important;\n  }\n}\n@media (min-width: 1200px) {\n  .fs-1 {\n    font-size: 2.5rem !important;\n  }\n\n  .fs-2 {\n    font-size: 2rem !important;\n  }\n\n  .fs-3 {\n    font-size: 1.75rem !important;\n  }\n\n  .fs-4 {\n    font-size: 1.5rem !important;\n  }\n}\n@media print {\n  .d-print-inline {\n    display: inline !important;\n  }\n\n  .d-print-inline-block {\n    display: inline-block !important;\n  }\n\n  .d-print-block {\n    display: block !important;\n  }\n\n  .d-print-grid {\n    display: grid !important;\n  }\n\n  .d-print-table {\n    display: table !important;\n  }\n\n  .d-print-table-row {\n    display: table-row !important;\n  }\n\n  .d-print-table-cell {\n    display: table-cell !important;\n  }\n\n  .d-print-flex {\n    display: flex !important;\n  }\n\n  .d-print-inline-flex {\n    display: inline-flex !important;\n  }\n\n  .d-print-none {\n    display: none !important;\n  }\n}\n\n/*# sourceMappingURL=bootstrap.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive values for font sizes, paddings, margins and much more\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/main/LICENSE)\n\n// Configuration\n\n// Base value\n$rfs-base-value: 1.25rem !default;\n$rfs-unit: rem !default;\n\n@if $rfs-unit != rem and $rfs-unit != px {\n  @error \"`#{$rfs-unit}` is not a valid unit for $rfs-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where values start decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n  @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize values based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != number or $rfs-factor <= 1 {\n  @error \"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\";\n}\n\n// Mode. Possibilities: \"min-media-query\", \"max-media-query\"\n$rfs-mode: min-media-query !default;\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-rfs to false\n$enable-rfs: true !default;\n\n// Cache $rfs-base-value unit\n$rfs-base-value-unit: unit($rfs-base-value);\n\n@function divide($dividend, $divisor, $precision: 10) {\n  $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n  $dividend: abs($dividend);\n  $divisor: abs($divisor);\n  @if $dividend == 0 {\n    @return 0;\n  }\n  @if $divisor == 0 {\n    @error \"Cannot divide by 0\";\n  }\n  $remainder: $dividend;\n  $result: 0;\n  $factor: 10;\n  @while ($remainder > 0 and $precision >= 0) {\n    $quotient: 0;\n    @while ($remainder >= $divisor) {\n      $remainder: $remainder - $divisor;\n      $quotient: $quotient + 1;\n    }\n    $result: $result * 10 + $quotient;\n    $factor: $factor * .1;\n    $remainder: $remainder * 10;\n    $precision: $precision - 1;\n    @if ($precision < 0 and $remainder >= $divisor * 5) {\n      $result: $result + 1;\n    }\n  }\n  $result: $result * $factor * $sign;\n  $dividend-unit: unit($dividend);\n  $divisor-unit: unit($divisor);\n  $unit-map: (\n    \"px\": 1px,\n    \"rem\": 1rem,\n    \"em\": 1em,\n    \"%\": 1%\n  );\n  @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n    $result: $result * map-get($unit-map, $dividend-unit);\n  }\n  @return $result;\n}\n\n// Remove px-unit from $rfs-base-value for calculations\n@if $rfs-base-value-unit == px {\n  $rfs-base-value: divide($rfs-base-value, $rfs-base-value * 0 + 1);\n}\n@else if $rfs-base-value-unit == rem {\n  $rfs-base-value: divide($rfs-base-value, divide($rfs-base-value * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == px {\n  $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == rem or $rfs-breakpoint-unit-cache == \"em\" {\n  $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Calculate the media query value\n$rfs-mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n$rfs-mq-property-width: if($rfs-mode == max-media-query, max-width, min-width);\n$rfs-mq-property-height: if($rfs-mode == max-media-query, max-height, min-height);\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query {\n  @if $rfs-two-dimensional {\n    @if $rfs-mode == max-media-query {\n      @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}), (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n        @content;\n      }\n    }\n    @else {\n      @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) and (#{$rfs-mq-property-height}: #{$rfs-mq-value}) {\n        @content;\n      }\n    }\n  }\n  @else {\n    @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {\n      @content;\n    }\n  }\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-rule {\n  @if $rfs-class == disable and $rfs-mode == max-media-query {\n    // Adding an extra class increases specificity, which prevents the media query to override the property\n    &,\n    .disable-rfs &,\n    &.disable-rfs {\n      @content;\n    }\n  }\n  @else if $rfs-class == enable and $rfs-mode == min-media-query {\n    .enable-rfs &,\n    &.enable-rfs {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-media-query-rule {\n\n  @if $rfs-class == enable {\n    @if $rfs-mode == min-media-query {\n      @content;\n    }\n\n    @include _rfs-media-query {\n      .enable-rfs &,\n      &.enable-rfs {\n        @content;\n      }\n    }\n  }\n  @else {\n    @if $rfs-class == disable and $rfs-mode == min-media-query {\n      .disable-rfs &,\n      &.disable-rfs {\n        @content;\n      }\n    }\n    @include _rfs-media-query {\n      @content;\n    }\n  }\n}\n\n// Helper function to get the formatted non-responsive value\n@function rfs-value($values) {\n  // Convert to list\n  $values: if(type-of($values) != list, ($values,), $values);\n\n  $val: '';\n\n  // Loop over each value and calculate value\n  @each $value in $values {\n    @if $value == 0 {\n      $val: $val + ' 0';\n    }\n    @else {\n      // Cache $value unit\n      $unit: if(type-of($value) == \"number\", unit($value), false);\n\n      @if $unit == px {\n        // Convert to rem if needed\n        $val: $val + ' ' + if($rfs-unit == rem, #{divide($value, $value * 0 + $rfs-rem-value)}rem, $value);\n      }\n      @else if $unit == rem {\n        // Convert to px if needed\n        $val: $val + ' ' + if($rfs-unit == px, #{divide($value, $value * 0 + 1) * $rfs-rem-value}px, $value);\n      }\n      @else {\n        // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n        $val: $val + ' ' + $value;\n      }\n    }\n  }\n\n  // Remove first space\n  @return unquote(str-slice($val, 2));\n}\n\n// Helper function to get the responsive value calculated by RFS\n@function rfs-fluid-value($values) {\n  // Convert to list\n  $values: if(type-of($values) != list, ($values,), $values);\n\n  $val: '';\n\n  // Loop over each value and calculate value\n  @each $value in $values {\n    @if $value == 0 {\n      $val: $val + ' 0';\n    }\n\n    @else {\n      // Cache $value unit\n      $unit: if(type-of($value) == \"number\", unit($value), false);\n\n      // If $value isn't a number (like inherit) or $value has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n      @if not $unit or $unit != px and $unit != rem {\n        $val: $val + ' ' + $value;\n      }\n\n      @else {\n        // Remove unit from $value for calculations\n        $value: divide($value, $value * 0 + if($unit == px, 1, divide(1, $rfs-rem-value)));\n\n        // Only add the media query if the value is greater than the minimum value\n        @if abs($value) <= $rfs-base-value or not $enable-rfs {\n          $val: $val + ' ' +  if($rfs-unit == rem, #{divide($value, $rfs-rem-value)}rem, #{$value}px);\n        }\n        @else {\n          // Calculate the minimum value\n          $value-min: $rfs-base-value + divide(abs($value) - $rfs-base-value, $rfs-factor);\n\n          // Calculate difference between $value and the minimum value\n          $value-diff: abs($value) - $value-min;\n\n          // Base value formatting\n          $min-width: if($rfs-unit == rem, #{divide($value-min, $rfs-rem-value)}rem, #{$value-min}px);\n\n          // Use negative value if needed\n          $min-width: if($value < 0, -$min-width, $min-width);\n\n          // Use `vmin` if two-dimensional is enabled\n          $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n          // Calculate the variable width between 0 and $rfs-breakpoint\n          $variable-width: #{divide($value-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n          // Return the calculated value\n          $val: $val + ' calc(' + $min-width + if($value < 0, ' - ', ' + ') + $variable-width + ')';\n        }\n      }\n    }\n  }\n\n  // Remove first space\n  @return unquote(str-slice($val, 2));\n}\n\n// RFS mixin\n@mixin rfs($values, $property: font-size) {\n  @if $values != null {\n    $val: rfs-value($values);\n    $fluidVal: rfs-fluid-value($values);\n\n    // Do not print the media query if responsive & non-responsive values are the same\n    @if $val == $fluidVal {\n      #{$property}: $val;\n    }\n    @else {\n      @include _rfs-rule {\n        #{$property}: if($rfs-mode == max-media-query, $val, $fluidVal);\n\n        // Include safari iframe resize fix if needed\n        min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n      }\n\n      @include _rfs-media-query-rule {\n        #{$property}: if($rfs-mode == max-media-query, $fluidVal, $val);\n      }\n    }\n  }\n}\n\n// Shorthand helper mixins\n@mixin font-size($value) {\n  @include rfs($value);\n}\n\n@mixin padding($value) {\n  @include rfs($value, padding);\n}\n\n@mixin padding-top($value) {\n  @include rfs($value, padding-top);\n}\n\n@mixin padding-right($value) {\n  @include rfs($value, padding-right);\n}\n\n@mixin padding-bottom($value) {\n  @include rfs($value, padding-bottom);\n}\n\n@mixin padding-left($value) {\n  @include rfs($value, padding-left);\n}\n\n@mixin margin($value) {\n  @include rfs($value, margin);\n}\n\n@mixin margin-top($value) {\n  @include rfs($value, margin-top);\n}\n\n@mixin margin-right($value) {\n  @include rfs($value, margin-right);\n}\n\n@mixin margin-bottom($value) {\n  @include rfs($value, margin-bottom);\n}\n\n@mixin margin-left($value) {\n  @include rfs($value, margin-left);\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n  $return: ();\n  @each $value in $radius {\n    @if type-of($value) == number {\n      $return: append($return, max($value, 0));\n    } @else {\n      $return: append($return, $value);\n    }\n  }\n  @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n  @if $enable-rounded {\n    border-radius: valid-radius($radius);\n  }\n  @else if $fallback-border-radius != false {\n    border-radius: $fallback-border-radius;\n  }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-left-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-top-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-right-radius: valid-radius($radius);\n  }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n  @if $enable-rounded {\n    border-bottom-left-radius: valid-radius($radius);\n  }\n}\n// scss-docs-end border-radius-mixins\n","//\n// Headings\n//\n.h1 {\n  @extend h1;\n}\n\n.h2 {\n  @extend h2;\n}\n\n.h3 {\n  @extend h3;\n}\n\n.h4 {\n  @extend h4;\n}\n\n.h5 {\n  @extend h5;\n}\n\n.h6 {\n  @extend h6;\n}\n\n\n.lead {\n  @include font-size($lead-font-size);\n  font-weight: $lead-font-weight;\n}\n\n// Type display classes\n@each $display, $font-size in $display-font-sizes {\n  .display-#{$display} {\n    @include font-size($font-size);\n    font-weight: $display-font-weight;\n    line-height: $display-line-height;\n  }\n}\n\n//\n// Emphasis\n//\n.small {\n  @extend small;\n}\n\n.mark {\n  @extend mark;\n}\n\n//\n// Lists\n//\n\n.list-unstyled {\n  @include list-unstyled();\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n  @include list-unstyled();\n}\n.list-inline-item {\n  display: inline-block;\n\n  &:not(:last-child) {\n    margin-right: $list-inline-padding;\n  }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n  @include font-size($initialism-font-size);\n  text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n  margin-bottom: $blockquote-margin-y;\n  @include font-size($blockquote-font-size);\n\n  > :last-child {\n    margin-bottom: 0;\n  }\n}\n\n.blockquote-footer {\n  margin-top: -$blockquote-margin-y;\n  margin-bottom: $blockquote-margin-y;\n  @include font-size($blockquote-footer-font-size);\n  color: $blockquote-footer-color;\n\n  &::before {\n    content: \"\\2014\\00A0\"; // em dash, nbsp\n  }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n  padding-left: 0;\n  list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n  @include img-fluid();\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n  padding: $thumbnail-padding;\n  background-color: $thumbnail-bg;\n  border: $thumbnail-border-width solid $thumbnail-border-color;\n  @include border-radius($thumbnail-border-radius);\n  @include box-shadow($thumbnail-box-shadow);\n\n  // Keep them at most 100% wide\n  @include img-fluid();\n}\n\n//\n// Figures\n//\n\n.figure {\n  // Ensures the caption's text aligns with the image.\n  display: inline-block;\n}\n\n.figure-img {\n  margin-bottom: $spacer * .5;\n  line-height: 1;\n}\n\n.figure-caption {\n  @include font-size($figure-caption-font-size);\n  color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n  // Part 1: Set a maximum relative to the parent\n  max-width: 100%;\n  // Part 2: Override the height to auto, otherwise images will be stretched\n  // when setting a width and height attribute on the img element.\n  height: auto;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n  // Single container class with breakpoint max-widths\n  .container,\n  // 100% wide container at all breakpoints\n  .container-fluid {\n    @include make-container();\n  }\n\n  // Responsive containers that are 100% wide until a breakpoint\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    .container-#{$breakpoint} {\n      @extend .container-fluid;\n    }\n\n    @include media-breakpoint-up($breakpoint, $grid-breakpoints) {\n      %responsive-container-#{$breakpoint} {\n        max-width: $container-max-width;\n      }\n\n      // Extend each breakpoint which is smaller or equal to the current breakpoint\n      $extend-breakpoint: true;\n\n      @each $name, $width in $grid-breakpoints {\n        @if ($extend-breakpoint) {\n          .container#{breakpoint-infix($name, $grid-breakpoints)} {\n            @extend %responsive-container-#{$breakpoint};\n          }\n\n          // Once the current breakpoint is reached, stop extending\n          @if ($breakpoint == $name) {\n            $extend-breakpoint: false;\n          }\n        }\n      }\n    }\n  }\n}\n","// Container mixins\n\n@mixin make-container($gutter: $container-padding-x) {\n  width: 100%;\n  padding-right: var(--#{$variable-prefix}gutter-x, #{$gutter});\n  padding-left: var(--#{$variable-prefix}gutter-x, #{$gutter});\n  margin-right: auto;\n  margin-left: auto;\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n  .row {\n    @include make-row();\n\n    > * {\n      @include make-col-ready();\n    }\n  }\n}\n\n@if $enable-cssgrid {\n  .grid {\n    display: grid;\n    grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr);\n    grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr);\n    gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width});\n\n    @include make-cssgrid();\n  }\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n  @include make-grid-columns();\n}\n","// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n  --#{$variable-prefix}gutter-x: #{$gutter};\n  --#{$variable-prefix}gutter-y: 0;\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: calc(var(--#{$variable-prefix}gutter-y) * -1); // stylelint-disable-line function-disallowed-list\n  margin-right: calc(var(--#{$variable-prefix}gutter-x) * -.5); // stylelint-disable-line function-disallowed-list\n  margin-left: calc(var(--#{$variable-prefix}gutter-x) * -.5); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n  // Add box sizing if only the grid is loaded\n  box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n  // Prevent columns from becoming too narrow when at smaller grid tiers by\n  // always setting `width: 100%;`. This works because we set the width\n  // later on to override this initial width.\n  flex-shrink: 0;\n  width: 100%;\n  max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n  padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n  padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n  margin-top: var(--#{$variable-prefix}gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n  @if $size {\n    flex: 0 0 auto;\n    width: percentage(divide($size, $columns));\n\n  } @else {\n    flex: 1 1 0;\n    max-width: 100%;\n  }\n}\n\n@mixin make-col-auto() {\n  flex: 0 0 auto;\n  width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n  $num: divide($size, $columns);\n  margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n  > * {\n    flex: 0 0 auto;\n    width: divide(100%, $count);\n  }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n      .col#{$infix} {\n        flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      }\n\n      .row-cols#{$infix}-auto > * {\n        @include make-col-auto();\n      }\n\n      @if $grid-row-columns > 0 {\n        @for $i from 1 through $grid-row-columns {\n          .row-cols#{$infix}-#{$i} {\n            @include row-cols($i);\n          }\n        }\n      }\n\n      .col#{$infix}-auto {\n        @include make-col-auto();\n      }\n\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .col#{$infix}-#{$i} {\n            @include make-col($i, $columns);\n          }\n        }\n\n        // `$columns - 1` because offsetting by the width of an entire row isn't possible\n        @for $i from 0 through ($columns - 1) {\n          @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n            .offset#{$infix}-#{$i} {\n              @include make-col-offset($i, $columns);\n            }\n          }\n        }\n      }\n\n      // Gutters\n      //\n      // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n      @each $key, $value in $gutters {\n        .g#{$infix}-#{$key},\n        .gx#{$infix}-#{$key} {\n          --#{$variable-prefix}gutter-x: #{$value};\n        }\n\n        .g#{$infix}-#{$key},\n        .gy#{$infix}-#{$key} {\n          --#{$variable-prefix}gutter-y: #{$value};\n        }\n      }\n    }\n  }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n  @each $breakpoint in map-keys($breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n    @include media-breakpoint-up($breakpoint, $breakpoints) {\n      @if $columns > 0 {\n        @for $i from 1 through $columns {\n          .g-col#{$infix}-#{$i} {\n            grid-column: auto / span $i;\n          }\n        }\n\n        // Start with `1` because `0` is and invalid value.\n        // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n        @for $i from 1 through ($columns - 1) {\n          .g-start#{$infix}-#{$i} {\n            grid-column-start: $i;\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n  --#{$variable-prefix}table-bg: #{$table-bg};\n  --#{$variable-prefix}table-accent-bg: #{$table-accent-bg};\n  --#{$variable-prefix}table-striped-color: #{$table-striped-color};\n  --#{$variable-prefix}table-striped-bg: #{$table-striped-bg};\n  --#{$variable-prefix}table-active-color: #{$table-active-color};\n  --#{$variable-prefix}table-active-bg: #{$table-active-bg};\n  --#{$variable-prefix}table-hover-color: #{$table-hover-color};\n  --#{$variable-prefix}table-hover-bg: #{$table-hover-bg};\n\n  width: 100%;\n  margin-bottom: $spacer;\n  color: $table-color;\n  vertical-align: $table-cell-vertical-align;\n  border-color: $table-border-color;\n\n  // Target th & td\n  // We need the child combinator to prevent styles leaking to nested tables which doesn't have a `.table` class.\n  // We use the universal selectors here to simplify the selector (else we would need 6 different selectors).\n  // Another advantage is that this generates less code and makes the selector less specific making it easier to override.\n  // stylelint-disable-next-line selector-max-universal\n  > :not(caption) > * > * {\n    padding: $table-cell-padding-y $table-cell-padding-x;\n    background-color: var(--#{$variable-prefix}table-bg);\n    border-bottom-width: $table-border-width;\n    box-shadow: inset 0 0 0 9999px var(--#{$variable-prefix}table-accent-bg);\n  }\n\n  > tbody {\n    vertical-align: inherit;\n  }\n\n  > thead {\n    vertical-align: bottom;\n  }\n\n  // Highlight border color between thead, tbody and tfoot.\n  > :not(:last-child) > :last-child > * {\n    border-bottom-color: $table-group-separator-color;\n  }\n}\n\n\n//\n// Change placement of captions with a class\n//\n\n.caption-top {\n  caption-side: top;\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n  // stylelint-disable-next-line selector-max-universal\n  > :not(caption) > * > * {\n    padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;\n  }\n}\n\n\n// Border versions\n//\n// Add or remove borders all around the table and between all the columns.\n//\n// When borders are added on all sides of the cells, the corners can render odd when\n// these borders do not have the same color or if they are semi-transparent.\n// Therefor we add top and border bottoms to the `tr`s and left and right borders\n// to the `td`s or `th`s\n\n.table-bordered {\n  > :not(caption) > * {\n    border-width: $table-border-width 0;\n\n    // stylelint-disable-next-line selector-max-universal\n    > * {\n      border-width: 0 $table-border-width;\n    }\n  }\n}\n\n.table-borderless {\n  // stylelint-disable-next-line selector-max-universal\n  > :not(caption) > * > * {\n    border-bottom-width: 0;\n  }\n}\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n  > tbody > tr:nth-of-type(#{$table-striped-order}) {\n    --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg);\n    color: var(--#{$variable-prefix}table-striped-color);\n  }\n}\n\n// Active table\n//\n// The `.table-active` class can be added to highlight rows or cells\n\n.table-active {\n  --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-active-bg);\n  color: var(--#{$variable-prefix}table-active-color);\n}\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n  > tbody > tr:hover {\n    --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-hover-bg);\n    color: var(--#{$variable-prefix}table-hover-color);\n  }\n}\n\n\n// Table variants\n//\n// Table variants set the table cell backgrounds, border colors\n// and the colors of the striped, hovered & active tables\n\n@each $color, $value in $table-variants {\n  @include table-variant($color, $value);\n}\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n  @include media-breakpoint-down($breakpoint) {\n    .table-responsive#{$infix} {\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n}\n","// scss-docs-start table-variant\n@mixin table-variant($state, $background) {\n  .table-#{$state} {\n    $color: color-contrast(opaque($body-bg, $background));\n    $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));\n    $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));\n    $active-bg: mix($color, $background, percentage($table-active-bg-factor));\n\n    --#{$variable-prefix}table-bg: #{$background};\n    --#{$variable-prefix}table-striped-bg: #{$striped-bg};\n    --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};\n    --#{$variable-prefix}table-active-bg: #{$active-bg};\n    --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};\n    --#{$variable-prefix}table-hover-bg: #{$hover-bg};\n    --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};\n\n    color: $color;\n    border-color: mix($color, $background, percentage($table-border-factor));\n  }\n}\n// scss-docs-end table-variant\n","//\n// Labels\n//\n\n.form-label {\n  margin-bottom: $form-label-margin-bottom;\n  @include font-size($form-label-font-size);\n  font-style: $form-label-font-style;\n  font-weight: $form-label-font-weight;\n  color: $form-label-color;\n}\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n  padding-top: add($input-padding-y, $input-border-width);\n  padding-bottom: add($input-padding-y, $input-border-width);\n  margin-bottom: 0; // Override the `<legend>` default\n  @include font-size(inherit); // Override the `<legend>` default\n  font-style: $form-label-font-style;\n  font-weight: $form-label-font-weight;\n  line-height: $input-line-height;\n  color: $form-label-color;\n}\n\n.col-form-label-lg {\n  padding-top: add($input-padding-y-lg, $input-border-width);\n  padding-bottom: add($input-padding-y-lg, $input-border-width);\n  @include font-size($input-font-size-lg);\n}\n\n.col-form-label-sm {\n  padding-top: add($input-padding-y-sm, $input-border-width);\n  padding-bottom: add($input-padding-y-sm, $input-border-width);\n  @include font-size($input-font-size-sm);\n}\n","//\n// Form text\n//\n\n.form-text {\n  margin-top: $form-text-margin-top;\n  @include font-size($form-text-font-size);\n  font-style: $form-text-font-style;\n  font-weight: $form-text-font-weight;\n  color: $form-text-color;\n}\n","//\n// General form controls (plus a few specific high-level interventions)\n//\n\n.form-control {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y $input-padding-x;\n  font-family: $input-font-family;\n  @include font-size($input-font-size);\n  font-weight: $input-font-weight;\n  line-height: $input-line-height;\n  color: $input-color;\n  background-color: $input-bg;\n  background-clip: padding-box;\n  border: $input-border-width solid $input-border-color;\n  appearance: none; // Fix appearance for date inputs in Safari\n\n  // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n  @include border-radius($input-border-radius, 0);\n\n  @include box-shadow($input-box-shadow);\n  @include transition($input-transition);\n\n  &[type=\"file\"] {\n    overflow: hidden; // prevent pseudo element button overlap\n\n    &:not(:disabled):not([readonly]) {\n      cursor: pointer;\n    }\n  }\n\n  // Customize the `:focus` state to imitate native WebKit styles.\n  &:focus {\n    color: $input-focus-color;\n    background-color: $input-focus-bg;\n    border-color: $input-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($input-box-shadow, $input-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $input-focus-box-shadow;\n    }\n  }\n\n  // Add some height to date inputs on iOS\n  // https://github.com/twbs/bootstrap/issues/23307\n  // TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved\n  &::-webkit-date-and-time-value {\n    // Multiply line-height by 1em if it has no unit\n    height: if(unit($input-line-height) == \"\", $input-line-height * 1em, $input-line-height);\n  }\n\n  // Placeholder\n  &::placeholder {\n    color: $input-placeholder-color;\n    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n    opacity: 1;\n  }\n\n  // Disabled and read-only inputs\n  //\n  // HTML5 says that controls under a fieldset > legend:first-child won't be\n  // disabled if the fieldset is disabled. Due to implementation difficulty, we\n  // don't honor that edge case; we style them as disabled anyway.\n  &:disabled,\n  &[readonly] {\n    background-color: $input-disabled-bg;\n    border-color: $input-disabled-border-color;\n    // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n    opacity: 1;\n  }\n\n  // File input buttons theming\n  &::file-selector-button {\n    padding: $input-padding-y $input-padding-x;\n    margin: (-$input-padding-y) (-$input-padding-x);\n    margin-inline-end: $input-padding-x;\n    color: $form-file-button-color;\n    @include gradient-bg($form-file-button-bg);\n    pointer-events: none;\n    border-color: inherit;\n    border-style: solid;\n    border-width: 0;\n    border-inline-end-width: $input-border-width;\n    border-radius: 0; // stylelint-disable-line property-disallowed-list\n    @include transition($btn-transition);\n  }\n\n  &:hover:not(:disabled):not([readonly])::file-selector-button {\n    background-color: $form-file-button-hover-bg;\n  }\n\n  &::-webkit-file-upload-button {\n    padding: $input-padding-y $input-padding-x;\n    margin: (-$input-padding-y) (-$input-padding-x);\n    margin-inline-end: $input-padding-x;\n    color: $form-file-button-color;\n    @include gradient-bg($form-file-button-bg);\n    pointer-events: none;\n    border-color: inherit;\n    border-style: solid;\n    border-width: 0;\n    border-inline-end-width: $input-border-width;\n    border-radius: 0; // stylelint-disable-line property-disallowed-list\n    @include transition($btn-transition);\n  }\n\n  &:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {\n    background-color: $form-file-button-hover-bg;\n  }\n}\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n  display: block;\n  width: 100%;\n  padding: $input-padding-y 0;\n  margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n  line-height: $input-line-height;\n  color: $input-plaintext-color;\n  background-color: transparent;\n  border: solid transparent;\n  border-width: $input-border-width 0;\n\n  &.form-control-sm,\n  &.form-control-lg {\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.form-control-sm {\n  min-height: $input-height-sm;\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  @include border-radius($input-border-radius-sm);\n\n  &::file-selector-button {\n    padding: $input-padding-y-sm $input-padding-x-sm;\n    margin: (-$input-padding-y-sm) (-$input-padding-x-sm);\n    margin-inline-end: $input-padding-x-sm;\n  }\n\n  &::-webkit-file-upload-button {\n    padding: $input-padding-y-sm $input-padding-x-sm;\n    margin: (-$input-padding-y-sm) (-$input-padding-x-sm);\n    margin-inline-end: $input-padding-x-sm;\n  }\n}\n\n.form-control-lg {\n  min-height: $input-height-lg;\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  @include border-radius($input-border-radius-lg);\n\n  &::file-selector-button {\n    padding: $input-padding-y-lg $input-padding-x-lg;\n    margin: (-$input-padding-y-lg) (-$input-padding-x-lg);\n    margin-inline-end: $input-padding-x-lg;\n  }\n\n  &::-webkit-file-upload-button {\n    padding: $input-padding-y-lg $input-padding-x-lg;\n    margin: (-$input-padding-y-lg) (-$input-padding-x-lg);\n    margin-inline-end: $input-padding-x-lg;\n  }\n}\n\n// Make sure textareas don't shrink too much when resized\n// https://github.com/twbs/bootstrap/pull/29124\n// stylelint-disable selector-no-qualifying-type\ntextarea {\n  &.form-control {\n    min-height: $input-height;\n  }\n\n  &.form-control-sm {\n    min-height: $input-height-sm;\n  }\n\n  &.form-control-lg {\n    min-height: $input-height-lg;\n  }\n}\n// stylelint-enable selector-no-qualifying-type\n\n.form-control-color {\n  width: $form-color-width;\n  height: auto; // Override fixed browser height\n  padding: $input-padding-y;\n\n  &:not(:disabled):not([readonly]) {\n    cursor: pointer;\n  }\n\n  &::-moz-color-swatch {\n    height: if(unit($input-line-height) == \"\", $input-line-height * 1em, $input-line-height);\n    @include border-radius($input-border-radius);\n  }\n\n  &::-webkit-color-swatch {\n    height: if(unit($input-line-height) == \"\", $input-line-height * 1em, $input-line-height);\n    @include border-radius($input-border-radius);\n  }\n}\n","// stylelint-disable property-disallowed-list\n@mixin transition($transition...) {\n  @if length($transition) == 0 {\n    $transition: $transition-base;\n  }\n\n  @if length($transition) > 1 {\n    @each $value in $transition {\n      @if $value == null or $value == none {\n        @warn \"The keyword 'none' or 'null' must be used as a single argument.\";\n      }\n    }\n  }\n\n  @if $enable-transitions {\n    @if nth($transition, 1) != null {\n      transition: $transition;\n    }\n\n    @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n  }\n}\n","// Gradients\n\n// scss-docs-start gradient-bg-mixin\n@mixin gradient-bg($color: null) {\n  background-color: $color;\n\n  @if $enable-gradients {\n    background-image: var(--#{$variable-prefix}gradient);\n  }\n}\n// scss-docs-end gradient-bg-mixin\n\n// scss-docs-start gradient-mixins\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n  background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {\n  background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n  background-image: linear-gradient($deg, $start-color, $end-color);\n}\n\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n  background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n}\n\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n  background-image: radial-gradient(circle, $inner-color, $outer-color);\n}\n\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n// scss-docs-end gradient-mixins\n","// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n\n.form-select {\n  display: block;\n  width: 100%;\n  padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;\n  // stylelint-disable-next-line property-no-vendor-prefix\n  -moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636\n  font-family: $form-select-font-family;\n  @include font-size($form-select-font-size);\n  font-weight: $form-select-font-weight;\n  line-height: $form-select-line-height;\n  color: $form-select-color;\n  background-color: $form-select-bg;\n  background-image: escape-svg($form-select-indicator);\n  background-repeat: no-repeat;\n  background-position: $form-select-bg-position;\n  background-size: $form-select-bg-size;\n  border: $form-select-border-width solid $form-select-border-color;\n  @include border-radius($form-select-border-radius, 0);\n  @include box-shadow($form-select-box-shadow);\n  @include transition($form-select-transition);\n  appearance: none;\n\n  &:focus {\n    border-color: $form-select-focus-border-color;\n    outline: 0;\n    @if $enable-shadows {\n      @include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: $form-select-focus-box-shadow;\n    }\n  }\n\n  &[multiple],\n  &[size]:not([size=\"1\"]) {\n    padding-right: $form-select-padding-x;\n    background-image: none;\n  }\n\n  &:disabled {\n    color: $form-select-disabled-color;\n    background-color: $form-select-disabled-bg;\n    border-color: $form-select-disabled-border-color;\n  }\n\n  // Remove outline from select box in FF\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 $form-select-color;\n  }\n}\n\n.form-select-sm {\n  padding-top: $form-select-padding-y-sm;\n  padding-bottom: $form-select-padding-y-sm;\n  padding-left: $form-select-padding-x-sm;\n  @include font-size($form-select-font-size-sm);\n}\n\n.form-select-lg {\n  padding-top: $form-select-padding-y-lg;\n  padding-bottom: $form-select-padding-y-lg;\n  padding-left: $form-select-padding-x-lg;\n  @include font-size($form-select-font-size-lg);\n}\n","//\n// Check/radio\n//\n\n.form-check {\n  display: block;\n  min-height: $form-check-min-height;\n  padding-left: $form-check-padding-start;\n  margin-bottom: $form-check-margin-bottom;\n\n  .form-check-input {\n    float: left;\n    margin-left: $form-check-padding-start * -1;\n  }\n}\n\n.form-check-input {\n  width: $form-check-input-width;\n  height: $form-check-input-width;\n  margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height\n  vertical-align: top;\n  background-color: $form-check-input-bg;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  border: $form-check-input-border;\n  appearance: none;\n  color-adjust: exact; // Keep themed appearance for print\n  @include transition($form-check-transition);\n\n  &[type=\"checkbox\"] {\n    @include border-radius($form-check-input-border-radius);\n  }\n\n  &[type=\"radio\"] {\n    // stylelint-disable-next-line property-disallowed-list\n    border-radius: $form-check-radio-border-radius;\n  }\n\n  &:active {\n    filter: $form-check-input-active-filter;\n  }\n\n  &:focus {\n    border-color: $form-check-input-focus-border;\n    outline: 0;\n    box-shadow: $form-check-input-focus-box-shadow;\n  }\n\n  &:checked {\n    background-color: $form-check-input-checked-bg-color;\n    border-color: $form-check-input-checked-border-color;\n\n    &[type=\"checkbox\"] {\n      @if $enable-gradients {\n        background-image: escape-svg($form-check-input-checked-bg-image), var(--#{$variable-prefix}gradient);\n      } @else {\n        background-image: escape-svg($form-check-input-checked-bg-image);\n      }\n    }\n\n    &[type=\"radio\"] {\n      @if $enable-gradients {\n        background-image: escape-svg($form-check-radio-checked-bg-image), var(--#{$variable-prefix}gradient);\n      } @else {\n        background-image: escape-svg($form-check-radio-checked-bg-image);\n      }\n    }\n  }\n\n  &[type=\"checkbox\"]:indeterminate {\n    background-color: $form-check-input-indeterminate-bg-color;\n    border-color: $form-check-input-indeterminate-border-color;\n\n    @if $enable-gradients {\n      background-image: escape-svg($form-check-input-indeterminate-bg-image), var(--#{$variable-prefix}gradient);\n    } @else {\n      background-image: escape-svg($form-check-input-indeterminate-bg-image);\n    }\n  }\n\n  &:disabled {\n    pointer-events: none;\n    filter: none;\n    opacity: $form-check-input-disabled-opacity;\n  }\n\n  // Use disabled attribute in addition of :disabled pseudo-class\n  // See: https://github.com/twbs/bootstrap/issues/28247\n  &[disabled],\n  &:disabled {\n    ~ .form-check-label {\n      opacity: $form-check-label-disabled-opacity;\n    }\n  }\n}\n\n.form-check-label {\n  color: $form-check-label-color;\n  cursor: $form-check-label-cursor;\n}\n\n//\n// Switch\n//\n\n.form-switch {\n  padding-left: $form-switch-padding-start;\n\n  .form-check-input {\n    width: $form-switch-width;\n    margin-left: $form-switch-padding-start * -1;\n    background-image: escape-svg($form-switch-bg-image);\n    background-position: left center;\n    @include border-radius($form-switch-border-radius);\n    @include transition($form-switch-transition);\n\n    &:focus {\n      background-image: escape-svg($form-switch-focus-bg-image);\n    }\n\n    &:checked {\n      background-position: $form-switch-checked-bg-position;\n\n      @if $enable-gradients {\n        background-image: escape-svg($form-switch-checked-bg-image), var(--#{$variable-prefix}gradient);\n      } @else {\n        background-image: escape-svg($form-switch-checked-bg-image);\n      }\n    }\n  }\n}\n\n.form-check-inline {\n  display: inline-block;\n  margin-right: $form-check-inline-margin-end;\n}\n\n.btn-check {\n  position: absolute;\n  clip: rect(0, 0, 0, 0);\n  pointer-events: none;\n\n  &[disabled],\n  &:disabled {\n    + .btn {\n      pointer-events: none;\n      filter: none;\n      opacity: $form-check-btn-check-disabled-opacity;\n    }\n  }\n}\n","// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.form-range {\n  width: 100%;\n  height: add($form-range-thumb-height, $form-range-thumb-focus-box-shadow-width * 2);\n  padding: 0; // Need to reset padding\n  background-color: transparent;\n  appearance: none;\n\n  &:focus {\n    outline: 0;\n\n    // Pseudo-elements must be split across multiple rulesets to have an effect.\n    // No box-shadow() mixin for focus accessibility.\n    &::-webkit-slider-thumb { box-shadow: $form-range-thumb-focus-box-shadow; }\n    &::-moz-range-thumb     { box-shadow: $form-range-thumb-focus-box-shadow; }\n  }\n\n  &::-moz-focus-outer {\n    border: 0;\n  }\n\n  &::-webkit-slider-thumb {\n    width: $form-range-thumb-width;\n    height: $form-range-thumb-height;\n    margin-top: ($form-range-track-height - $form-range-thumb-height) * .5; // Webkit specific\n    @include gradient-bg($form-range-thumb-bg);\n    border: $form-range-thumb-border;\n    @include border-radius($form-range-thumb-border-radius);\n    @include box-shadow($form-range-thumb-box-shadow);\n    @include transition($form-range-thumb-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($form-range-thumb-active-bg);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    width: $form-range-track-width;\n    height: $form-range-track-height;\n    color: transparent; // Why?\n    cursor: $form-range-track-cursor;\n    background-color: $form-range-track-bg;\n    border-color: transparent;\n    @include border-radius($form-range-track-border-radius);\n    @include box-shadow($form-range-track-box-shadow);\n  }\n\n  &::-moz-range-thumb {\n    width: $form-range-thumb-width;\n    height: $form-range-thumb-height;\n    @include gradient-bg($form-range-thumb-bg);\n    border: $form-range-thumb-border;\n    @include border-radius($form-range-thumb-border-radius);\n    @include box-shadow($form-range-thumb-box-shadow);\n    @include transition($form-range-thumb-transition);\n    appearance: none;\n\n    &:active {\n      @include gradient-bg($form-range-thumb-active-bg);\n    }\n  }\n\n  &::-moz-range-track {\n    width: $form-range-track-width;\n    height: $form-range-track-height;\n    color: transparent;\n    cursor: $form-range-track-cursor;\n    background-color: $form-range-track-bg;\n    border-color: transparent; // Firefox specific?\n    @include border-radius($form-range-track-border-radius);\n    @include box-shadow($form-range-track-box-shadow);\n  }\n\n  &:disabled {\n    pointer-events: none;\n\n    &::-webkit-slider-thumb {\n      background-color: $form-range-thumb-disabled-bg;\n    }\n\n    &::-moz-range-thumb {\n      background-color: $form-range-thumb-disabled-bg;\n    }\n  }\n}\n",".form-floating {\n  position: relative;\n\n  > .form-control,\n  > .form-select {\n    height: $form-floating-height;\n    line-height: $form-floating-line-height;\n  }\n\n  > label {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%; // allow textareas\n    padding: $form-floating-padding-y $form-floating-padding-x;\n    pointer-events: none;\n    border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model\n    transform-origin: 0 0;\n    @include transition($form-floating-transition);\n  }\n\n  // stylelint-disable no-duplicate-selectors\n  > .form-control {\n    padding: $form-floating-padding-y $form-floating-padding-x;\n\n    &::placeholder {\n      color: transparent;\n    }\n\n    &:focus,\n    &:not(:placeholder-shown) {\n      padding-top: $form-floating-input-padding-t;\n      padding-bottom: $form-floating-input-padding-b;\n    }\n    // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped\n    &:-webkit-autofill {\n      padding-top: $form-floating-input-padding-t;\n      padding-bottom: $form-floating-input-padding-b;\n    }\n  }\n\n  > .form-select {\n    padding-top: $form-floating-input-padding-t;\n    padding-bottom: $form-floating-input-padding-b;\n  }\n\n  > .form-control:focus,\n  > .form-control:not(:placeholder-shown),\n  > .form-select {\n    ~ label {\n      opacity: $form-floating-label-opacity;\n      transform: $form-floating-label-transform;\n    }\n  }\n  // Duplicated because `:-webkit-autofill` invalidates other selectors when grouped\n  > .form-control:-webkit-autofill {\n    ~ label {\n      opacity: $form-floating-label-opacity;\n      transform: $form-floating-label-transform;\n    }\n  }\n  // stylelint-enable no-duplicate-selectors\n}\n","//\n// Base styles\n//\n\n.input-group {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // For form validation feedback\n  align-items: stretch;\n  width: 100%;\n\n  > .form-control,\n  > .form-select {\n    position: relative; // For focus state's z-index\n    flex: 1 1 auto;\n    width: 1%;\n    min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size\n  }\n\n  // Bring the \"active\" form control to the top of surrounding elements\n  > .form-control:focus,\n  > .form-select:focus {\n    z-index: 3;\n  }\n\n  // Ensure buttons are always above inputs for more visually pleasing borders.\n  // This isn't needed for `.input-group-text` since it shares the same border-color\n  // as our inputs.\n  .btn {\n    position: relative;\n    z-index: 2;\n\n    &:focus {\n      z-index: 3;\n    }\n  }\n}\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n  display: flex;\n  align-items: center;\n  padding: $input-group-addon-padding-y $input-group-addon-padding-x;\n  @include font-size($input-font-size); // Match inputs\n  font-weight: $input-group-addon-font-weight;\n  line-height: $input-line-height;\n  color: $input-group-addon-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $input-group-addon-bg;\n  border: $input-border-width solid $input-group-addon-border-color;\n  @include border-radius($input-border-radius);\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .form-select,\n.input-group-lg > .input-group-text,\n.input-group-lg > .btn {\n  padding: $input-padding-y-lg $input-padding-x-lg;\n  @include font-size($input-font-size-lg);\n  @include border-radius($input-border-radius-lg);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .form-select,\n.input-group-sm > .input-group-text,\n.input-group-sm > .btn {\n  padding: $input-padding-y-sm $input-padding-x-sm;\n  @include font-size($input-font-size-sm);\n  @include border-radius($input-border-radius-sm);\n}\n\n.input-group-lg > .form-select,\n.input-group-sm > .form-select {\n  padding-right: $form-select-padding-x + $form-select-indicator-padding;\n}\n\n\n// Rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.input-group {\n  &:not(.has-validation) {\n    > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),\n    > .dropdown-toggle:nth-last-child(n + 3) {\n      @include border-end-radius(0);\n    }\n  }\n\n  &.has-validation {\n    > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),\n    > .dropdown-toggle:nth-last-child(n + 4) {\n      @include border-end-radius(0);\n    }\n  }\n\n  $validation-messages: \"\";\n  @each $state in map-keys($form-validation-states) {\n    $validation-messages: $validation-messages + \":not(.\" + unquote($state) + \"-tooltip)\" + \":not(.\" + unquote($state) + \"-feedback)\";\n  }\n\n  > :not(:first-child):not(.dropdown-menu)#{$validation-messages} {\n    margin-left: -$input-border-width;\n    @include border-start-radius(0);\n  }\n}\n","// This mixin uses an `if()` technique to be compatible with Dart Sass\n// See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details\n\n// scss-docs-start form-validation-mixins\n@mixin form-validation-state-selector($state) {\n  @if ($state == \"valid\" or $state == \"invalid\") {\n    .was-validated #{if(&, \"&\", \"\")}:#{$state},\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  } @else {\n    #{if(&, \"&\", \"\")}.is-#{$state} {\n      @content;\n    }\n  }\n}\n\n@mixin form-validation-state(\n  $state,\n  $color,\n  $icon,\n  $tooltip-color: color-contrast($color),\n  $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),\n  $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)\n) {\n  .#{$state}-feedback {\n    display: none;\n    width: 100%;\n    margin-top: $form-feedback-margin-top;\n    @include font-size($form-feedback-font-size);\n    font-style: $form-feedback-font-style;\n    color: $color;\n  }\n\n  .#{$state}-tooltip {\n    position: absolute;\n    top: 100%;\n    z-index: 5;\n    display: none;\n    max-width: 100%; // Contain to parent when possible\n    padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n    margin-top: .1rem;\n    @include font-size($form-feedback-tooltip-font-size);\n    line-height: $form-feedback-tooltip-line-height;\n    color: $tooltip-color;\n    background-color: $tooltip-bg-color;\n    @include border-radius($form-feedback-tooltip-border-radius);\n  }\n\n  @include form-validation-state-selector($state) {\n    ~ .#{$state}-feedback,\n    ~ .#{$state}-tooltip {\n      display: block;\n    }\n  }\n\n  .form-control {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-image: escape-svg($icon);\n        background-repeat: no-repeat;\n        background-position: right $input-height-inner-quarter center;\n        background-size: $input-height-inner-half $input-height-inner-half;\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: $focus-box-shadow;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  textarea.form-control {\n    @include form-validation-state-selector($state) {\n      @if $enable-validation-icons {\n        padding-right: $input-height-inner;\n        background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n      }\n    }\n  }\n\n  .form-select {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      @if $enable-validation-icons {\n        &:not([multiple]):not([size]),\n        &:not([multiple])[size=\"1\"] {\n          padding-right: $form-select-feedback-icon-padding-end;\n          background-image: escape-svg($form-select-indicator), escape-svg($icon);\n          background-position: $form-select-bg-position, $form-select-feedback-icon-position;\n          background-size: $form-select-bg-size, $form-select-feedback-icon-size;\n        }\n      }\n\n      &:focus {\n        border-color: $color;\n        box-shadow: $focus-box-shadow;\n      }\n    }\n  }\n\n  .form-check-input {\n    @include form-validation-state-selector($state) {\n      border-color: $color;\n\n      &:checked {\n        background-color: $color;\n      }\n\n      &:focus {\n        box-shadow: $focus-box-shadow;\n      }\n\n      ~ .form-check-label {\n        color: $color;\n      }\n    }\n  }\n  .form-check-inline .form-check-input {\n    ~ .#{$state}-feedback {\n      margin-left: .5em;\n    }\n  }\n\n  .input-group .form-control,\n  .input-group .form-select {\n    @include form-validation-state-selector($state) {\n      @if $state == \"valid\" {\n        z-index: 1;\n      } @else if $state == \"invalid\" {\n        z-index: 2;\n      }\n      &:focus {\n        z-index: 3;\n      }\n    }\n  }\n}\n// scss-docs-end form-validation-mixins\n","//\n// Base styles\n//\n\n.btn {\n  display: inline-block;\n  font-family: $btn-font-family;\n  font-weight: $btn-font-weight;\n  line-height: $btn-line-height;\n  color: $body-color;\n  text-align: center;\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: $btn-white-space;\n  vertical-align: middle;\n  cursor: if($enable-button-pointers, pointer, null);\n  user-select: none;\n  background-color: transparent;\n  border: $btn-border-width solid transparent;\n  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius);\n  @include transition($btn-transition);\n\n  &:hover {\n    color: $body-color;\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n\n  .btn-check:focus + &,\n  &:focus {\n    outline: 0;\n    box-shadow: $btn-focus-box-shadow;\n  }\n\n  .btn-check:checked + &,\n  .btn-check:active + &,\n  &:active,\n  &.active {\n    @include box-shadow($btn-active-box-shadow);\n\n    &:focus {\n      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n    }\n  }\n\n  &:disabled,\n  &.disabled,\n  fieldset:disabled & {\n    pointer-events: none;\n    opacity: $btn-disabled-opacity;\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Alternate buttons\n//\n\n// scss-docs-start btn-variant-loops\n@each $color, $value in $theme-colors {\n  .btn-#{$color} {\n    @include button-variant($value, $value);\n  }\n}\n\n@each $color, $value in $theme-colors {\n  .btn-outline-#{$color} {\n    @include button-outline-variant($value);\n  }\n}\n// scss-docs-end btn-variant-loops\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n  font-weight: $font-weight-normal;\n  color: $btn-link-color;\n  text-decoration: $link-decoration;\n\n  &:hover {\n    color: $btn-link-hover-color;\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:focus {\n    text-decoration: $link-hover-decoration;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $btn-link-disabled-color;\n  }\n\n  // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n// scss-docs-start btn-variant-mixin\n@mixin button-variant(\n  $background,\n  $border,\n  $color: color-contrast($background),\n  $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),\n  $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),\n  $hover-color: color-contrast($hover-background),\n  $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),\n  $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),\n  $active-color: color-contrast($active-background),\n  $disabled-background: $background,\n  $disabled-border: $border,\n  $disabled-color: color-contrast($disabled-background)\n) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n  @include box-shadow($btn-box-shadow);\n\n  &:hover {\n    color: $hover-color;\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n  }\n\n  .btn-check:focus + &,\n  &:focus {\n    color: $hover-color;\n    @include gradient-bg($hover-background);\n    border-color: $hover-border;\n    @if $enable-shadows {\n      @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n    } @else {\n      // Avoid using mixin so we can pass custom focus shadow properly\n      box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n    }\n  }\n\n  .btn-check:checked + &,\n  .btn-check:active + &,\n  &:active,\n  &.active,\n  .show > &.dropdown-toggle {\n    color: $active-color;\n    background-color: $active-background;\n    // Remove CSS gradients if they're enabled\n    background-image: if($enable-gradients, none, null);\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n      }\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $disabled-color;\n    background-color: $disabled-background;\n    // Remove CSS gradients if they're enabled\n    background-image: if($enable-gradients, none, null);\n    border-color: $disabled-border;\n  }\n}\n// scss-docs-end btn-variant-mixin\n\n// scss-docs-start btn-outline-variant-mixin\n@mixin button-outline-variant(\n  $color,\n  $color-hover: color-contrast($color),\n  $active-background: $color,\n  $active-border: $color,\n  $active-color: color-contrast($active-background)\n) {\n  color: $color;\n  border-color: $color;\n\n  &:hover {\n    color: $color-hover;\n    background-color: $active-background;\n    border-color: $active-border;\n  }\n\n  .btn-check:focus + &,\n  &:focus {\n    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n  }\n\n  .btn-check:checked + &,\n  .btn-check:active + &,\n  &:active,\n  &.active,\n  &.dropdown-toggle.show {\n    color: $active-color;\n    background-color: $active-background;\n    border-color: $active-border;\n\n    &:focus {\n      @if $enable-shadows {\n        @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));\n      } @else {\n        // Avoid using mixin so we can pass custom focus shadow properly\n        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n      }\n    }\n  }\n\n  &:disabled,\n  &.disabled {\n    color: $color;\n    background-color: transparent;\n  }\n}\n// scss-docs-end btn-outline-variant-mixin\n\n// scss-docs-start btn-size-mixin\n@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {\n  padding: $padding-y $padding-x;\n  @include font-size($font-size);\n  // Manually declare to provide an override to the browser default\n  @include border-radius($border-radius, 0);\n}\n// scss-docs-end btn-size-mixin\n",".fade {\n  @include transition($transition-fade);\n\n  &:not(.show) {\n    opacity: 0;\n  }\n}\n\n// scss-docs-start collapse-classes\n.collapse {\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.collapsing {\n  height: 0;\n  overflow: hidden;\n  @include transition($transition-collapse);\n\n  &.collapse-horizontal {\n    width: 0;\n    height: auto;\n    @include transition($transition-collapse-width);\n  }\n}\n// scss-docs-end collapse-classes\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropend,\n.dropdown,\n.dropstart {\n  position: relative;\n}\n\n.dropdown-toggle {\n  white-space: nowrap;\n\n  // Generate the caret automatically\n  @include caret();\n}\n\n// The dropdown menu\n.dropdown-menu {\n  position: absolute;\n  z-index: $zindex-dropdown;\n  display: none; // none by default, but block on \"open\" of the menu\n  min-width: $dropdown-min-width;\n  padding: $dropdown-padding-y $dropdown-padding-x;\n  margin: 0; // Override default margin of ul\n  @include font-size($dropdown-font-size);\n  color: $dropdown-color;\n  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n  list-style: none;\n  background-color: $dropdown-bg;\n  background-clip: padding-box;\n  border: $dropdown-border-width solid $dropdown-border-color;\n  @include border-radius($dropdown-border-radius);\n  @include box-shadow($dropdown-box-shadow);\n\n  &[data-bs-popper] {\n    top: 100%;\n    left: 0;\n    margin-top: $dropdown-spacer;\n  }\n}\n\n// scss-docs-start responsive-breakpoints\n// We deliberately hardcode the `bs-` prefix because we check\n// this custom property in JS to determine Popper's positioning\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .dropdown-menu#{$infix}-start {\n      --bs-position: start;\n\n      &[data-bs-popper] {\n        right: auto;\n        left: 0;\n      }\n    }\n\n    .dropdown-menu#{$infix}-end {\n      --bs-position: end;\n\n      &[data-bs-popper] {\n        right: 0;\n        left: auto;\n      }\n    }\n  }\n}\n// scss-docs-end responsive-breakpoints\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n  .dropdown-menu[data-bs-popper] {\n    top: auto;\n    bottom: 100%;\n    margin-top: 0;\n    margin-bottom: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(up);\n  }\n}\n\n.dropend {\n  .dropdown-menu[data-bs-popper] {\n    top: 0;\n    right: auto;\n    left: 100%;\n    margin-top: 0;\n    margin-left: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(end);\n    &::after {\n      vertical-align: 0;\n    }\n  }\n}\n\n.dropstart {\n  .dropdown-menu[data-bs-popper] {\n    top: 0;\n    right: 100%;\n    left: auto;\n    margin-top: 0;\n    margin-right: $dropdown-spacer;\n  }\n\n  .dropdown-toggle {\n    @include caret(start);\n    &::before {\n      vertical-align: 0;\n    }\n  }\n}\n\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n  height: 0;\n  margin: $dropdown-divider-margin-y 0;\n  overflow: hidden;\n  border-top: 1px solid $dropdown-divider-bg;\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n  display: block;\n  width: 100%; // For `<button>`s\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  clear: both;\n  font-weight: $font-weight-normal;\n  color: $dropdown-link-color;\n  text-align: inherit; // For `<button>`s\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap; // prevent links from randomly breaking onto new lines\n  background-color: transparent; // For `<button>`s\n  border: 0; // For `<button>`s\n\n  // Prevent dropdown overflow if there's no padding\n  // See https://github.com/twbs/bootstrap/pull/27703\n  @if $dropdown-padding-y == 0 {\n    &:first-child {\n      @include border-top-radius($dropdown-inner-border-radius);\n    }\n\n    &:last-child {\n      @include border-bottom-radius($dropdown-inner-border-radius);\n    }\n  }\n\n  &:hover,\n  &:focus {\n    color: $dropdown-link-hover-color;\n    text-decoration: if($link-hover-decoration == underline, none, null);\n    @include gradient-bg($dropdown-link-hover-bg);\n  }\n\n  &.active,\n  &:active {\n    color: $dropdown-link-active-color;\n    text-decoration: none;\n    @include gradient-bg($dropdown-link-active-bg);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $dropdown-link-disabled-color;\n    pointer-events: none;\n    background-color: transparent;\n    // Remove CSS gradients if they're enabled\n    background-image: if($enable-gradients, none, null);\n  }\n}\n\n.dropdown-menu.show {\n  display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: $dropdown-header-padding;\n  margin-bottom: 0; // for use with heading elements\n  @include font-size($font-size-sm);\n  color: $dropdown-header-color;\n  white-space: nowrap; // as with > li > a\n}\n\n// Dropdown text\n.dropdown-item-text {\n  display: block;\n  padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n  color: $dropdown-link-color;\n}\n\n// Dark dropdowns\n.dropdown-menu-dark {\n  color: $dropdown-dark-color;\n  background-color: $dropdown-dark-bg;\n  border-color: $dropdown-dark-border-color;\n  @include box-shadow($dropdown-dark-box-shadow);\n\n  .dropdown-item {\n    color: $dropdown-dark-link-color;\n\n    &:hover,\n    &:focus {\n      color: $dropdown-dark-link-hover-color;\n      @include gradient-bg($dropdown-dark-link-hover-bg);\n    }\n\n    &.active,\n    &:active {\n      color: $dropdown-dark-link-active-color;\n      @include gradient-bg($dropdown-dark-link-active-bg);\n    }\n\n    &.disabled,\n    &:disabled {\n      color: $dropdown-dark-link-disabled-color;\n    }\n  }\n\n  .dropdown-divider {\n    border-color: $dropdown-dark-divider-bg;\n  }\n\n  .dropdown-item-text {\n    color: $dropdown-dark-link-color;\n  }\n\n  .dropdown-header {\n    color: $dropdown-dark-header-color;\n  }\n}\n","// scss-docs-start caret-mixins\n@mixin caret-down {\n  border-top: $caret-width solid;\n  border-right: $caret-width solid transparent;\n  border-bottom: 0;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n  border-top: 0;\n  border-right: $caret-width solid transparent;\n  border-bottom: $caret-width solid;\n  border-left: $caret-width solid transparent;\n}\n\n@mixin caret-end {\n  border-top: $caret-width solid transparent;\n  border-right: 0;\n  border-bottom: $caret-width solid transparent;\n  border-left: $caret-width solid;\n}\n\n@mixin caret-start {\n  border-top: $caret-width solid transparent;\n  border-right: $caret-width solid;\n  border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n  @if $enable-caret {\n    &::after {\n      display: inline-block;\n      margin-left: $caret-spacing;\n      vertical-align: $caret-vertical-align;\n      content: \"\";\n      @if $direction == down {\n        @include caret-down();\n      } @else if $direction == up {\n        @include caret-up();\n      } @else if $direction == end {\n        @include caret-end();\n      }\n    }\n\n    @if $direction == start {\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: inline-block;\n        margin-right: $caret-spacing;\n        vertical-align: $caret-vertical-align;\n        content: \"\";\n        @include caret-start();\n      }\n    }\n\n    &:empty::after {\n      margin-left: 0;\n    }\n  }\n}\n// scss-docs-end caret-mixins\n","// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n  position: relative;\n  display: inline-flex;\n  vertical-align: middle; // match .btn alignment given font-size hack above\n\n  > .btn {\n    position: relative;\n    flex: 1 1 auto;\n  }\n\n  // Bring the hover, focused, and \"active\" buttons to the front to overlay\n  // the borders properly\n  > .btn-check:checked + .btn,\n  > .btn-check:focus + .btn,\n  > .btn:hover,\n  > .btn:focus,\n  > .btn:active,\n  > .btn.active {\n    z-index: 1;\n  }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n\n  .input-group {\n    width: auto;\n  }\n}\n\n.btn-group {\n  // Prevent double borders when buttons are next to each other\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-left: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-end-radius(0);\n  }\n\n  // The left radius should be 0 if the button is:\n  // - the \"third or more\" child\n  // - the second child and the previous element isn't `.btn-check` (making it the first child visually)\n  // - part of a btn-group which isn't the first child\n  > .btn:nth-child(n + 3),\n  > :not(.btn-check) + .btn,\n  > .btn-group:not(:first-child) > .btn {\n    @include border-start-radius(0);\n  }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n  padding-right: $btn-padding-x * .75;\n  padding-left: $btn-padding-x * .75;\n\n  &::after,\n  .dropup &::after,\n  .dropend &::after {\n    margin-left: 0;\n  }\n\n  .dropstart &::before {\n    margin-right: 0;\n  }\n}\n\n.btn-sm + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-sm * .75;\n  padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n  padding-right: $btn-padding-x-lg * .75;\n  padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n  @include box-shadow($btn-active-box-shadow);\n\n  // Show no shadow for `.btn-link` since it has no other button styles.\n  &.btn-link {\n    @include box-shadow(none);\n  }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n\n  > .btn,\n  > .btn-group {\n    width: 100%;\n  }\n\n  > .btn:not(:first-child),\n  > .btn-group:not(:first-child) {\n    margin-top: -$btn-border-width;\n  }\n\n  // Reset rounded corners\n  > .btn:not(:last-child):not(.dropdown-toggle),\n  > .btn-group:not(:last-child) > .btn {\n    @include border-bottom-radius(0);\n  }\n\n  > .btn ~ .btn,\n  > .btn-group:not(:first-child) > .btn {\n    @include border-top-radius(0);\n  }\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s, `<ul>`s or `<ol>`s.\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n}\n\n.nav-link {\n  display: block;\n  padding: $nav-link-padding-y $nav-link-padding-x;\n  @include font-size($nav-link-font-size);\n  font-weight: $nav-link-font-weight;\n  color: $nav-link-color;\n  text-decoration: if($link-decoration == none, null, none);\n  @include transition($nav-link-transition);\n\n  &:hover,\n  &:focus {\n    color: $nav-link-hover-color;\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n\n  // Disabled state lightens text\n  &.disabled {\n    color: $nav-link-disabled-color;\n    pointer-events: none;\n    cursor: default;\n  }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n  border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n  .nav-link {\n    margin-bottom: -$nav-tabs-border-width;\n    background: none;\n    border: $nav-tabs-border-width solid transparent;\n    @include border-top-radius($nav-tabs-border-radius);\n\n    &:hover,\n    &:focus {\n      border-color: $nav-tabs-link-hover-border-color;\n      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link\n      isolation: isolate;\n    }\n\n    &.disabled {\n      color: $nav-link-disabled-color;\n      background-color: transparent;\n      border-color: transparent;\n    }\n  }\n\n  .nav-link.active,\n  .nav-item.show .nav-link {\n    color: $nav-tabs-link-active-color;\n    background-color: $nav-tabs-link-active-bg;\n    border-color: $nav-tabs-link-active-border-color;\n  }\n\n  .dropdown-menu {\n    // Make dropdown border overlap tab border\n    margin-top: -$nav-tabs-border-width;\n    // Remove the top rounded corners here since there is a hard edge above the menu\n    @include border-top-radius(0);\n  }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n  .nav-link {\n    background: none;\n    border: 0;\n    @include border-radius($nav-pills-border-radius);\n  }\n\n  .nav-link.active,\n  .show > .nav-link {\n    color: $nav-pills-link-active-color;\n    @include gradient-bg($nav-pills-link-active-bg);\n  }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n  > .nav-link,\n  .nav-item {\n    flex: 1 1 auto;\n    text-align: center;\n  }\n}\n\n.nav-justified {\n  > .nav-link,\n  .nav-item {\n    flex-basis: 0;\n    flex-grow: 1;\n    text-align: center;\n  }\n}\n\n.nav-fill,\n.nav-justified {\n  .nav-item .nav-link {\n    width: 100%; // Make sure button will grow\n  }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n  > .tab-pane {\n    display: none;\n  }\n  > .active {\n    display: block;\n  }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap; // allow us to do the line break for collapsing content\n  align-items: center;\n  justify-content: space-between; // space out brand from logo\n  padding-top: $navbar-padding-y;\n  padding-right: $navbar-padding-x; // default: null\n  padding-bottom: $navbar-padding-y;\n  padding-left: $navbar-padding-x; // default: null\n  @include gradient-bg();\n\n  // Because flex properties aren't inherited, we need to redeclare these first\n  // few properties so that content nested within behave properly.\n  // The `flex-wrap` property is inherited to simplify the expanded navbars\n  %container-flex-properties {\n    display: flex;\n    flex-wrap: inherit;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  > .container,\n  > .container-fluid {\n    @extend %container-flex-properties;\n  }\n\n  @each $breakpoint, $container-max-width in $container-max-widths {\n    > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {\n      @extend %container-flex-properties;\n    }\n  }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n  padding-top: $navbar-brand-padding-y;\n  padding-bottom: $navbar-brand-padding-y;\n  margin-right: $navbar-brand-margin-end;\n  @include font-size($navbar-brand-font-size);\n  text-decoration: if($link-decoration == none, null, none);\n  white-space: nowrap;\n\n  &:hover,\n  &:focus {\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n  display: flex;\n  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n\n  .nav-link {\n    padding-right: 0;\n    padding-left: 0;\n  }\n\n  .dropdown-menu {\n    position: static;\n  }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n  padding-top: $nav-link-padding-y;\n  padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n  flex-basis: 100%;\n  flex-grow: 1;\n  // For always expanded or extra full navbars, ensure content aligns itself\n  // properly vertically. Can be easily overridden with flex utilities.\n  align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n  @include font-size($navbar-toggler-font-size);\n  line-height: 1;\n  background-color: transparent; // remove default button style\n  border: $border-width solid transparent; // remove default button style\n  @include border-radius($navbar-toggler-border-radius);\n  @include transition($navbar-toggler-transition);\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:focus {\n    text-decoration: none;\n    outline: 0;\n    box-shadow: 0 0 0 $navbar-toggler-focus-width;\n  }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n  display: inline-block;\n  width: 1.5em;\n  height: 1.5em;\n  vertical-align: middle;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 100%;\n}\n\n.navbar-nav-scroll {\n  max-height: var(--#{$variable-prefix}scroll-height, 75vh);\n  overflow-y: auto;\n}\n\n// scss-docs-start navbar-expand-loop\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $next: breakpoint-next($breakpoint, $grid-breakpoints);\n    $infix: breakpoint-infix($next, $grid-breakpoints);\n\n    // stylelint-disable-next-line scss/selector-no-union-class-name\n    &#{$infix} {\n      @include media-breakpoint-up($next) {\n        flex-wrap: nowrap;\n        justify-content: flex-start;\n\n        .navbar-nav {\n          flex-direction: row;\n\n          .dropdown-menu {\n            position: absolute;\n          }\n\n          .nav-link {\n            padding-right: $navbar-nav-link-padding-x;\n            padding-left: $navbar-nav-link-padding-x;\n          }\n        }\n\n        .navbar-nav-scroll {\n          overflow: visible;\n        }\n\n        .navbar-collapse {\n          display: flex !important; // stylelint-disable-line declaration-no-important\n          flex-basis: auto;\n        }\n\n        .navbar-toggler {\n          display: none;\n        }\n\n        .offcanvas-header {\n          display: none;\n        }\n\n        .offcanvas {\n          position: inherit;\n          bottom: 0;\n          z-index: 1000;\n          flex-grow: 1;\n          visibility: visible !important; // stylelint-disable-line declaration-no-important\n          background-color: transparent;\n          border-right: 0;\n          border-left: 0;\n          @include transition(none);\n          transform: none;\n        }\n        .offcanvas-top,\n        .offcanvas-bottom {\n          height: auto;\n          border-top: 0;\n          border-bottom: 0;\n        }\n\n        .offcanvas-body {\n          display: flex;\n          flex-grow: 0;\n          padding: 0;\n          overflow-y: visible;\n        }\n      }\n    }\n  }\n}\n// scss-docs-end navbar-expand-loop\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n  .navbar-brand {\n    color: $navbar-light-brand-color;\n\n    &:hover,\n    &:focus {\n      color: $navbar-light-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-light-color;\n\n      &:hover,\n      &:focus {\n        color: $navbar-light-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-light-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .nav-link.active {\n      color: $navbar-light-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-light-color;\n    border-color: $navbar-light-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-light-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-light-color;\n\n    a,\n    a:hover,\n    a:focus  {\n      color: $navbar-light-active-color;\n    }\n  }\n}\n\n// White links against a dark background\n.navbar-dark {\n  .navbar-brand {\n    color: $navbar-dark-brand-color;\n\n    &:hover,\n    &:focus {\n      color: $navbar-dark-brand-hover-color;\n    }\n  }\n\n  .navbar-nav {\n    .nav-link {\n      color: $navbar-dark-color;\n\n      &:hover,\n      &:focus {\n        color: $navbar-dark-hover-color;\n      }\n\n      &.disabled {\n        color: $navbar-dark-disabled-color;\n      }\n    }\n\n    .show > .nav-link,\n    .nav-link.active {\n      color: $navbar-dark-active-color;\n    }\n  }\n\n  .navbar-toggler {\n    color: $navbar-dark-color;\n    border-color: $navbar-dark-toggler-border-color;\n  }\n\n  .navbar-toggler-icon {\n    background-image: escape-svg($navbar-dark-toggler-icon-bg);\n  }\n\n  .navbar-text {\n    color: $navbar-dark-color;\n    a,\n    a:hover,\n    a:focus {\n      color: $navbar-dark-active-color;\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106\n  height: $card-height;\n  word-wrap: break-word;\n  background-color: $card-bg;\n  background-clip: border-box;\n  border: $card-border-width solid $card-border-color;\n  @include border-radius($card-border-radius);\n  @include box-shadow($card-box-shadow);\n\n  > hr {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  > .list-group {\n    border-top: inherit;\n    border-bottom: inherit;\n\n    &:first-child {\n      border-top-width: 0;\n      @include border-top-radius($card-inner-border-radius);\n    }\n\n    &:last-child  {\n      border-bottom-width: 0;\n      @include border-bottom-radius($card-inner-border-radius);\n    }\n  }\n\n  // Due to specificity of the above selector (`.card > .list-group`), we must\n  // use a child selector here to prevent double borders.\n  > .card-header + .list-group,\n  > .list-group + .card-footer {\n    border-top: 0;\n  }\n}\n\n.card-body {\n  // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n  // as much space as possible, ensuring footers are aligned to the bottom.\n  flex: 1 1 auto;\n  padding: $card-spacer-y $card-spacer-x;\n  color: $card-color;\n}\n\n.card-title {\n  margin-bottom: $card-title-spacer-y;\n}\n\n.card-subtitle {\n  margin-top: -$card-title-spacer-y * .5;\n  margin-bottom: 0;\n}\n\n.card-text:last-child {\n  margin-bottom: 0;\n}\n\n.card-link {\n  &:hover {\n    text-decoration: if($link-hover-decoration == underline, none, null);\n  }\n\n  + .card-link {\n    margin-left: $card-spacer-x;\n  }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n  padding: $card-cap-padding-y $card-cap-padding-x;\n  margin-bottom: 0; // Removes the default margin-bottom of <hN>\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-bottom: $card-border-width solid $card-border-color;\n\n  &:first-child {\n    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n  }\n}\n\n.card-footer {\n  padding: $card-cap-padding-y $card-cap-padding-x;\n  color: $card-cap-color;\n  background-color: $card-cap-bg;\n  border-top: $card-border-width solid $card-border-color;\n\n  &:last-child {\n    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n  }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n  margin-right: -$card-cap-padding-x * .5;\n  margin-bottom: -$card-cap-padding-y;\n  margin-left: -$card-cap-padding-x * .5;\n  border-bottom: 0;\n\n  @if $nav-tabs-link-active-bg != $card-bg {\n    .nav-link.active {\n      background-color: $card-bg;\n      border-bottom-color: $card-bg;\n    }\n  }\n}\n\n.card-header-pills {\n  margin-right: -$card-cap-padding-x * .5;\n  margin-left: -$card-cap-padding-x * .5;\n}\n\n// Card image\n.card-img-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: $card-img-overlay-padding;\n  @include border-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n}\n\n.card-img,\n.card-img-top {\n  @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img,\n.card-img-bottom {\n  @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n  // The child selector allows nested `.card` within `.card-group`\n  // to display properly.\n  > .card {\n    margin-bottom: $card-group-margin;\n  }\n\n  @include media-breakpoint-up(sm) {\n    display: flex;\n    flex-flow: row wrap;\n    // The child selector allows nested `.card` within `.card-group`\n    // to display properly.\n    > .card {\n      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n      flex: 1 0 0%;\n      margin-bottom: 0;\n\n      + .card {\n        margin-left: 0;\n        border-left: 0;\n      }\n\n      // Handle rounded corners\n      @if $enable-rounded {\n        &:not(:last-child) {\n          @include border-end-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-right-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-right-radius: 0;\n          }\n        }\n\n        &:not(:first-child) {\n          @include border-start-radius(0);\n\n          .card-img-top,\n          .card-header {\n            // stylelint-disable-next-line property-disallowed-list\n            border-top-left-radius: 0;\n          }\n          .card-img-bottom,\n          .card-footer {\n            // stylelint-disable-next-line property-disallowed-list\n            border-bottom-left-radius: 0;\n          }\n        }\n      }\n    }\n  }\n}\n","//\n// Base styles\n//\n\n.accordion-button {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: $accordion-button-padding-y $accordion-button-padding-x;\n  @include font-size($font-size-base);\n  color: $accordion-button-color;\n  text-align: left; // Reset button style\n  background-color: $accordion-button-bg;\n  border: 0;\n  @include border-radius(0);\n  overflow-anchor: none;\n  @include transition($accordion-transition);\n\n  &:not(.collapsed) {\n    color: $accordion-button-active-color;\n    background-color: $accordion-button-active-bg;\n    box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color;\n\n    &::after {\n      background-image: escape-svg($accordion-button-active-icon);\n      transform: $accordion-icon-transform;\n    }\n  }\n\n  // Accordion icon\n  &::after {\n    flex-shrink: 0;\n    width: $accordion-icon-width;\n    height: $accordion-icon-width;\n    margin-left: auto;\n    content: \"\";\n    background-image: escape-svg($accordion-button-icon);\n    background-repeat: no-repeat;\n    background-size: $accordion-icon-width;\n    @include transition($accordion-icon-transition);\n  }\n\n  &:hover {\n    z-index: 2;\n  }\n\n  &:focus {\n    z-index: 3;\n    border-color: $accordion-button-focus-border-color;\n    outline: 0;\n    box-shadow: $accordion-button-focus-box-shadow;\n  }\n}\n\n.accordion-header {\n  margin-bottom: 0;\n}\n\n.accordion-item {\n  background-color: $accordion-bg;\n  border: $accordion-border-width solid $accordion-border-color;\n\n  &:first-of-type {\n    @include border-top-radius($accordion-border-radius);\n\n    .accordion-button {\n      @include border-top-radius($accordion-inner-border-radius);\n    }\n  }\n\n  &:not(:first-of-type) {\n    border-top: 0;\n  }\n\n  // Only set a border-radius on the last item if the accordion is collapsed\n  &:last-of-type {\n    @include border-bottom-radius($accordion-border-radius);\n\n    .accordion-button {\n      &.collapsed {\n        @include border-bottom-radius($accordion-inner-border-radius);\n      }\n    }\n\n    .accordion-collapse {\n      @include border-bottom-radius($accordion-border-radius);\n    }\n  }\n}\n\n.accordion-body {\n  padding: $accordion-body-padding-y $accordion-body-padding-x;\n}\n\n\n// Flush accordion items\n//\n// Remove borders and border-radius to keep accordion items edge-to-edge.\n\n.accordion-flush {\n  .accordion-collapse {\n    border-width: 0;\n  }\n\n  .accordion-item {\n    border-right: 0;\n    border-left: 0;\n    @include border-radius(0);\n\n    &:first-child { border-top: 0; }\n    &:last-child { border-bottom: 0; }\n\n    .accordion-button {\n      @include border-radius(0);\n    }\n  }\n}\n",".breadcrumb {\n  display: flex;\n  flex-wrap: wrap;\n  padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n  margin-bottom: $breadcrumb-margin-bottom;\n  @include font-size($breadcrumb-font-size);\n  list-style: none;\n  background-color: $breadcrumb-bg;\n  @include border-radius($breadcrumb-border-radius);\n}\n\n.breadcrumb-item {\n  // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n  + .breadcrumb-item {\n    padding-left: $breadcrumb-item-padding-x;\n\n    &::before {\n      float: left; // Suppress inline spacings and underlining of the separator\n      padding-right: $breadcrumb-item-padding-x;\n      color: $breadcrumb-divider-color;\n      content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{\"/* rtl:\"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{\"*/\"};\n    }\n  }\n\n  &.active {\n    color: $breadcrumb-active-color;\n  }\n}\n",".pagination {\n  display: flex;\n  @include list-unstyled();\n}\n\n.page-link {\n  position: relative;\n  display: block;\n  color: $pagination-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $pagination-bg;\n  border: $pagination-border-width solid $pagination-border-color;\n  @include transition($pagination-transition);\n\n  &:hover {\n    z-index: 2;\n    color: $pagination-hover-color;\n    text-decoration: if($link-hover-decoration == underline, none, null);\n    background-color: $pagination-hover-bg;\n    border-color: $pagination-hover-border-color;\n  }\n\n  &:focus {\n    z-index: 3;\n    color: $pagination-focus-color;\n    background-color: $pagination-focus-bg;\n    outline: $pagination-focus-outline;\n    box-shadow: $pagination-focus-box-shadow;\n  }\n}\n\n.page-item {\n  &:not(:first-child) .page-link {\n    margin-left: $pagination-margin-start;\n  }\n\n  &.active .page-link {\n    z-index: 3;\n    color: $pagination-active-color;\n    @include gradient-bg($pagination-active-bg);\n    border-color: $pagination-active-border-color;\n  }\n\n  &.disabled .page-link {\n    color: $pagination-disabled-color;\n    pointer-events: none;\n    background-color: $pagination-disabled-bg;\n    border-color: $pagination-disabled-border-color;\n  }\n}\n\n\n//\n// Sizing\n//\n@include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-border-radius);\n\n.pagination-lg {\n  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg);\n}\n\n.pagination-sm {\n  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm);\n}\n","// Pagination\n\n// scss-docs-start pagination-mixin\n@mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {\n  .page-link {\n    padding: $padding-y $padding-x;\n    @include font-size($font-size);\n  }\n\n  .page-item {\n    @if $pagination-margin-start == (-$pagination-border-width) {\n      &:first-child {\n        .page-link {\n          @include border-start-radius($border-radius);\n        }\n      }\n\n      &:last-child {\n        .page-link {\n          @include border-end-radius($border-radius);\n        }\n      }\n    } @else {\n      //Add border-radius to all pageLinks in case they have left margin\n      .page-link {\n        @include border-radius($border-radius);\n      }\n    }\n  }\n}\n// scss-docs-end pagination-mixin\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n  display: inline-block;\n  padding: $badge-padding-y $badge-padding-x;\n  @include font-size($badge-font-size);\n  font-weight: $badge-font-weight;\n  line-height: 1;\n  color: $badge-color;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: baseline;\n  @include border-radius($badge-border-radius);\n  @include gradient-bg();\n\n  // Empty badges collapse automatically\n  &:empty {\n    display: none;\n  }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n  position: relative;\n  top: -1px;\n}\n","//\n// Base styles\n//\n\n.alert {\n  position: relative;\n  padding: $alert-padding-y $alert-padding-x;\n  margin-bottom: $alert-margin-bottom;\n  border: $alert-border-width solid transparent;\n  @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n  // Specified to prevent conflicts of changing $headings-color\n  color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n  font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n  padding-right: $alert-dismissible-padding-r;\n\n  // Adjust close link position\n  .btn-close {\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: $stretched-link-z-index + 1;\n    padding: $alert-padding-y * 1.25 $alert-padding-x;\n  }\n}\n\n\n// scss-docs-start alert-modifiers\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $state, $value in $theme-colors {\n  $alert-background: shift-color($value, $alert-bg-scale);\n  $alert-border: shift-color($value, $alert-border-scale);\n  $alert-color: shift-color($value, $alert-color-scale);\n  @if (contrast-ratio($alert-background, $alert-color) < $min-contrast-ratio) {\n    $alert-color: mix($value, color-contrast($alert-background), abs($alert-color-scale));\n  }\n  .alert-#{$state} {\n    @include alert-variant($alert-background, $alert-border, $alert-color);\n  }\n}\n// scss-docs-end alert-modifiers\n","// scss-docs-start alert-variant-mixin\n@mixin alert-variant($background, $border, $color) {\n  color: $color;\n  @include gradient-bg($background);\n  border-color: $border;\n\n  .alert-link {\n    color: shade-color($color, 20%);\n  }\n}\n// scss-docs-end alert-variant-mixin\n","// Disable animation if transitions are disabled\n\n// scss-docs-start progress-keyframes\n@if $enable-transitions {\n  @keyframes progress-bar-stripes {\n    0% { background-position-x: $progress-height; }\n  }\n}\n// scss-docs-end progress-keyframes\n\n.progress {\n  display: flex;\n  height: $progress-height;\n  overflow: hidden; // force rounded corners by cropping it\n  @include font-size($progress-font-size);\n  background-color: $progress-bg;\n  @include border-radius($progress-border-radius);\n  @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n  color: $progress-bar-color;\n  text-align: center;\n  white-space: nowrap;\n  background-color: $progress-bar-bg;\n  @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n  @include gradient-striped();\n  background-size: $progress-height $progress-height;\n}\n\n@if $enable-transitions {\n  .progress-bar-animated {\n    animation: $progress-bar-animation-timing progress-bar-stripes;\n\n    @if $enable-reduced-motion {\n      @media (prefers-reduced-motion: reduce) {\n        animation: none;\n      }\n    }\n  }\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n  display: flex;\n  flex-direction: column;\n\n  // No need to set list-style: none; since .list-group-item is block level\n  padding-left: 0; // reset padding because ul and ol\n  margin-bottom: 0;\n  @include border-radius($list-group-border-radius);\n}\n\n.list-group-numbered {\n  list-style-type: none;\n  counter-reset: section;\n\n  > li::before {\n    // Increments only this instance of the section counter\n    content: counters(section, \".\") \". \";\n    counter-increment: section;\n  }\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n  width: 100%; // For `<button>`s (anchors become 100% by default though)\n  color: $list-group-action-color;\n  text-align: inherit; // For `<button>`s (anchors inherit)\n\n  // Hover state\n  &:hover,\n  &:focus {\n    z-index: 1; // Place hover/focus items above their siblings for proper border styling\n    color: $list-group-action-hover-color;\n    text-decoration: none;\n    background-color: $list-group-hover-bg;\n  }\n\n  &:active {\n    color: $list-group-action-active-color;\n    background-color: $list-group-action-active-bg;\n  }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n  position: relative;\n  display: block;\n  padding: $list-group-item-padding-y $list-group-item-padding-x;\n  color: $list-group-color;\n  text-decoration: if($link-decoration == none, null, none);\n  background-color: $list-group-bg;\n  border: $list-group-border-width solid $list-group-border-color;\n\n  &:first-child {\n    @include border-top-radius(inherit);\n  }\n\n  &:last-child {\n    @include border-bottom-radius(inherit);\n  }\n\n  &.disabled,\n  &:disabled {\n    color: $list-group-disabled-color;\n    pointer-events: none;\n    background-color: $list-group-disabled-bg;\n  }\n\n  // Include both here for `<a>`s and `<button>`s\n  &.active {\n    z-index: 2; // Place active items above their siblings for proper border styling\n    color: $list-group-active-color;\n    background-color: $list-group-active-bg;\n    border-color: $list-group-active-border-color;\n  }\n\n  & + & {\n    border-top-width: 0;\n\n    &.active {\n      margin-top: -$list-group-border-width;\n      border-top-width: $list-group-border-width;\n    }\n  }\n}\n\n\n// Horizontal\n//\n// Change the layout of list group items from vertical (default) to horizontal.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .list-group-horizontal#{$infix} {\n      flex-direction: row;\n\n      > .list-group-item {\n        &:first-child {\n          @include border-bottom-start-radius($list-group-border-radius);\n          @include border-top-end-radius(0);\n        }\n\n        &:last-child {\n          @include border-top-end-radius($list-group-border-radius);\n          @include border-bottom-start-radius(0);\n        }\n\n        &.active {\n          margin-top: 0;\n        }\n\n        + .list-group-item {\n          border-top-width: $list-group-border-width;\n          border-left-width: 0;\n\n          &.active {\n            margin-left: -$list-group-border-width;\n            border-left-width: $list-group-border-width;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n  @include border-radius(0);\n\n  > .list-group-item {\n    border-width: 0 0 $list-group-border-width;\n\n    &:last-child {\n      border-bottom-width: 0;\n    }\n  }\n}\n\n\n// scss-docs-start list-group-modifiers\n// List group contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $state, $value in $theme-colors {\n  $list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);\n  $list-group-variant-color: shift-color($value, $list-group-item-color-scale);\n  @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {\n    $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), abs($list-group-item-color-scale));\n  }\n\n  @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);\n}\n// scss-docs-end list-group-modifiers\n","// List Groups\n\n// scss-docs-start list-group-mixin\n@mixin list-group-item-variant($state, $background, $color) {\n  .list-group-item-#{$state} {\n    color: $color;\n    background-color: $background;\n\n    &.list-group-item-action {\n      &:hover,\n      &:focus {\n        color: $color;\n        background-color: shade-color($background, 10%);\n      }\n\n      &.active {\n        color: $white;\n        background-color: $color;\n        border-color: $color;\n      }\n    }\n  }\n}\n// scss-docs-end list-group-mixin\n","// transparent background and border properties included for button version.\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n.btn-close {\n  box-sizing: content-box;\n  width: $btn-close-width;\n  height: $btn-close-height;\n  padding: $btn-close-padding-y $btn-close-padding-x;\n  color: $btn-close-color;\n  background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements\n  border: 0; // for button elements\n  @include border-radius();\n  opacity: $btn-close-opacity;\n\n  // Override <a>'s hover style\n  &:hover {\n    color: $btn-close-color;\n    text-decoration: none;\n    opacity: $btn-close-hover-opacity;\n  }\n\n  &:focus {\n    outline: 0;\n    box-shadow: $btn-close-focus-shadow;\n    opacity: $btn-close-focus-opacity;\n  }\n\n  &:disabled,\n  &.disabled {\n    pointer-events: none;\n    user-select: none;\n    opacity: $btn-close-disabled-opacity;\n  }\n}\n\n.btn-close-white {\n  filter: $btn-close-white-filter;\n}\n",".toast {\n  width: $toast-max-width;\n  max-width: 100%;\n  @include font-size($toast-font-size);\n  color: $toast-color;\n  pointer-events: auto;\n  background-color: $toast-background-color;\n  background-clip: padding-box;\n  border: $toast-border-width solid $toast-border-color;\n  box-shadow: $toast-box-shadow;\n  @include border-radius($toast-border-radius);\n\n  &.showing {\n    opacity: 0;\n  }\n\n  &:not(.show) {\n    display: none;\n  }\n}\n\n.toast-container {\n  width: max-content;\n  max-width: 100%;\n  pointer-events: none;\n\n  > :not(:last-child) {\n    margin-bottom: $toast-spacing;\n  }\n}\n\n.toast-header {\n  display: flex;\n  align-items: center;\n  padding: $toast-padding-y $toast-padding-x;\n  color: $toast-header-color;\n  background-color: $toast-header-background-color;\n  background-clip: padding-box;\n  border-bottom: $toast-border-width solid $toast-header-border-color;\n  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));\n\n  .btn-close {\n    margin-right: $toast-padding-x * -.5;\n    margin-left: $toast-padding-x;\n  }\n}\n\n.toast-body {\n  padding: $toast-padding-x; // apply to both vertical and horizontal\n  word-wrap: break-word;\n}\n","// .modal-open      - body class for killing the scroll\n// .modal           - container to scroll within\n// .modal-dialog    - positioning shell for the actual modal\n// .modal-content   - actual modal w/ bg and corners and stuff\n\n\n// Container that the modal scrolls within\n.modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex-modal;\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  // Prevent Chrome on Windows from adding a focus outline. For details, see\n  // https://github.com/twbs/bootstrap/pull/10951.\n  outline: 0;\n  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n  // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n  position: relative;\n  width: auto;\n  margin: $modal-dialog-margin;\n  // allow clicks to pass through for custom click handling to close modal\n  pointer-events: none;\n\n  // When fading in the modal, animate it to slide down\n  .modal.fade & {\n    @include transition($modal-transition);\n    transform: $modal-fade-transform;\n  }\n  .modal.show & {\n    transform: $modal-show-transform;\n  }\n\n  // When trying to close, animate focus to scale\n  .modal.modal-static & {\n    transform: $modal-scale-transform;\n  }\n}\n\n.modal-dialog-scrollable {\n  height: subtract(100%, $modal-dialog-margin * 2);\n\n  .modal-content {\n    max-height: 100%;\n    overflow: hidden;\n  }\n\n  .modal-body {\n    overflow-y: auto;\n  }\n}\n\n.modal-dialog-centered {\n  display: flex;\n  align-items: center;\n  min-height: subtract(100%, $modal-dialog-margin * 2);\n}\n\n// Actual modal\n.modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n  // counteract the pointer-events: none; in the .modal-dialog\n  color: $modal-content-color;\n  pointer-events: auto;\n  background-color: $modal-content-bg;\n  background-clip: padding-box;\n  border: $modal-content-border-width solid $modal-content-border-color;\n  @include border-radius($modal-content-border-radius);\n  @include box-shadow($modal-content-box-shadow-xs);\n  // Remove focus outline from opened modal\n  outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n  @include overlay-backdrop($zindex-modal-backdrop, $modal-backdrop-bg, $modal-backdrop-opacity);\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n  padding: $modal-header-padding;\n  border-bottom: $modal-header-border-width solid $modal-header-border-color;\n  @include border-top-radius($modal-content-inner-border-radius);\n\n  .btn-close {\n    padding: ($modal-header-padding-y * .5) ($modal-header-padding-x * .5);\n    margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto;\n  }\n}\n\n// Title text within header\n.modal-title {\n  margin-bottom: 0;\n  line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n  position: relative;\n  // Enable `flex-grow: 1` so that the body take up as much space as possible\n  // when there should be a fixed height on `.modal-dialog`.\n  flex: 1 1 auto;\n  padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n  display: flex;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n  align-items: center; // vertically center\n  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n  padding: $modal-inner-padding - $modal-footer-margin-between * .5;\n  border-top: $modal-footer-border-width solid $modal-footer-border-color;\n  @include border-bottom-radius($modal-content-inner-border-radius);\n\n  // Place margin between footer elements\n  // This solution is far from ideal because of the universal selector usage,\n  // but is needed to fix https://github.com/twbs/bootstrap/issues/24800\n  > * {\n    margin: $modal-footer-margin-between * .5;\n  }\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n  // Automatically set modal's width for larger viewports\n  .modal-dialog {\n    max-width: $modal-md;\n    margin: $modal-dialog-margin-y-sm-up auto;\n  }\n\n  .modal-dialog-scrollable {\n    height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n  }\n\n  .modal-dialog-centered {\n    min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);\n  }\n\n  .modal-content {\n    @include box-shadow($modal-content-box-shadow-sm-up);\n  }\n\n  .modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n  .modal-lg,\n  .modal-xl {\n    max-width: $modal-lg;\n  }\n}\n\n@include media-breakpoint-up(xl) {\n  .modal-xl { max-width: $modal-xl; }\n}\n\n// scss-docs-start modal-fullscreen-loop\n@each $breakpoint in map-keys($grid-breakpoints) {\n  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n  $postfix: if($infix != \"\", $infix + \"-down\", \"\");\n\n  @include media-breakpoint-down($breakpoint) {\n    .modal-fullscreen#{$postfix} {\n      width: 100vw;\n      max-width: none;\n      height: 100%;\n      margin: 0;\n\n      .modal-content {\n        height: 100%;\n        border: 0;\n        @include border-radius(0);\n      }\n\n      .modal-header {\n        @include border-radius(0);\n      }\n\n      .modal-body {\n        overflow-y: auto;\n      }\n\n      .modal-footer {\n        @include border-radius(0);\n      }\n    }\n  }\n}\n// scss-docs-end modal-fullscreen-loop\n","// Shared between modals and offcanvases\n@mixin overlay-backdrop($zindex, $backdrop-bg, $backdrop-opacity) {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: $zindex;\n  width: 100vw;\n  height: 100vh;\n  background-color: $backdrop-bg;\n\n  // Fade for backdrop\n  &.fade { opacity: 0; }\n  &.show { opacity: $backdrop-opacity; }\n}\n","// Base class\n.tooltip {\n  position: absolute;\n  z-index: $zindex-tooltip;\n  display: block;\n  margin: $tooltip-margin;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($tooltip-font-size);\n  // Allow breaking very long words so they don't overflow the tooltip's bounds\n  word-wrap: break-word;\n  opacity: 0;\n\n  &.show { opacity: $tooltip-opacity; }\n\n  .tooltip-arrow {\n    position: absolute;\n    display: block;\n    width: $tooltip-arrow-width;\n    height: $tooltip-arrow-height;\n\n    &::before {\n      position: absolute;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-tooltip-top {\n  padding: $tooltip-arrow-height 0;\n\n  .tooltip-arrow {\n    bottom: 0;\n\n    &::before {\n      top: -1px;\n      border-width: $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-top-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-end {\n  padding: 0 $tooltip-arrow-height;\n\n  .tooltip-arrow {\n    left: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      right: -1px;\n      border-width: ($tooltip-arrow-width * .5) $tooltip-arrow-height ($tooltip-arrow-width * .5) 0;\n      border-right-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-bottom {\n  padding: $tooltip-arrow-height 0;\n\n  .tooltip-arrow {\n    top: 0;\n\n    &::before {\n      bottom: -1px;\n      border-width: 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-bottom-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-start {\n  padding: 0 $tooltip-arrow-height;\n\n  .tooltip-arrow {\n    right: 0;\n    width: $tooltip-arrow-height;\n    height: $tooltip-arrow-width;\n\n    &::before {\n      left: -1px;\n      border-width: ($tooltip-arrow-width * .5) 0 ($tooltip-arrow-width * .5) $tooltip-arrow-height;\n      border-left-color: $tooltip-arrow-color;\n    }\n  }\n}\n\n.bs-tooltip-auto {\n  &[data-popper-placement^=\"top\"] {\n    @extend .bs-tooltip-top;\n  }\n  &[data-popper-placement^=\"right\"] {\n    @extend .bs-tooltip-end;\n  }\n  &[data-popper-placement^=\"bottom\"] {\n    @extend .bs-tooltip-bottom;\n  }\n  &[data-popper-placement^=\"left\"] {\n    @extend .bs-tooltip-start;\n  }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n  max-width: $tooltip-max-width;\n  padding: $tooltip-padding-y $tooltip-padding-x;\n  color: $tooltip-color;\n  text-align: center;\n  background-color: $tooltip-bg;\n  @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text {\n  font-family: $font-family-base;\n  // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.\n  font-style: normal;\n  font-weight: $font-weight-normal;\n  line-height: $line-height-base;\n  text-align: left; // Fallback for where `start` is not supported\n  text-align: start;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-break: normal;\n  word-spacing: normal;\n  white-space: normal;\n  line-break: auto;\n}\n",".popover {\n  position: absolute;\n  top: 0;\n  left: 0 #{\"/* rtl:ignore */\"};\n  z-index: $zindex-popover;\n  display: block;\n  max-width: $popover-max-width;\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n  // So reset our font and text properties to avoid inheriting weird values.\n  @include reset-text();\n  @include font-size($popover-font-size);\n  // Allow breaking very long words so they don't overflow the popover's bounds\n  word-wrap: break-word;\n  background-color: $popover-bg;\n  background-clip: padding-box;\n  border: $popover-border-width solid $popover-border-color;\n  @include border-radius($popover-border-radius);\n  @include box-shadow($popover-box-shadow);\n\n  .popover-arrow {\n    position: absolute;\n    display: block;\n    width: $popover-arrow-width;\n    height: $popover-arrow-height;\n\n    &::before,\n    &::after {\n      position: absolute;\n      display: block;\n      content: \"\";\n      border-color: transparent;\n      border-style: solid;\n    }\n  }\n}\n\n.bs-popover-top {\n  > .popover-arrow {\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      bottom: 0;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      bottom: $popover-border-width;\n      border-width: $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-top-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-end {\n  > .popover-arrow {\n    left: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n\n    &::before {\n      left: 0;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      left: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5) 0;\n      border-right-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-bottom {\n  > .popover-arrow {\n    top: subtract(-$popover-arrow-height, $popover-border-width);\n\n    &::before {\n      top: 0;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      top: $popover-border-width;\n      border-width: 0 ($popover-arrow-width * .5) $popover-arrow-height ($popover-arrow-width * .5);\n      border-bottom-color: $popover-arrow-color;\n    }\n  }\n\n  // This will remove the popover-header's border just below the arrow\n  .popover-header::before {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    display: block;\n    width: $popover-arrow-width;\n    margin-left: -$popover-arrow-width * .5;\n    content: \"\";\n    border-bottom: $popover-border-width solid $popover-header-bg;\n  }\n}\n\n.bs-popover-start {\n  > .popover-arrow {\n    right: subtract(-$popover-arrow-height, $popover-border-width);\n    width: $popover-arrow-height;\n    height: $popover-arrow-width;\n\n    &::before {\n      right: 0;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-outer-color;\n    }\n\n    &::after {\n      right: $popover-border-width;\n      border-width: ($popover-arrow-width * .5) 0 ($popover-arrow-width * .5) $popover-arrow-height;\n      border-left-color: $popover-arrow-color;\n    }\n  }\n}\n\n.bs-popover-auto {\n  &[data-popper-placement^=\"top\"] {\n    @extend .bs-popover-top;\n  }\n  &[data-popper-placement^=\"right\"] {\n    @extend .bs-popover-end;\n  }\n  &[data-popper-placement^=\"bottom\"] {\n    @extend .bs-popover-bottom;\n  }\n  &[data-popper-placement^=\"left\"] {\n    @extend .bs-popover-start;\n  }\n}\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n  padding: $popover-header-padding-y $popover-header-padding-x;\n  margin-bottom: 0; // Reset the default from Reboot\n  @include font-size($font-size-base);\n  color: $popover-header-color;\n  background-color: $popover-header-bg;\n  border-bottom: $popover-border-width solid $popover-border-color;\n  @include border-top-radius($popover-inner-border-radius);\n\n  &:empty {\n    display: none;\n  }\n}\n\n.popover-body {\n  padding: $popover-body-padding-y $popover-body-padding-x;\n  color: $popover-body-color;\n}\n","// Notes on the classes:\n//\n// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)\n//    even when their scroll action started on a carousel, but for compatibility (with Firefox)\n//    we're preventing all actions instead\n// 2. The .carousel-item-start and .carousel-item-end is used to indicate where\n//    the active slide is heading.\n// 3. .active.carousel-item is the current slide.\n// 4. .active.carousel-item-start and .active.carousel-item-end is the current\n//    slide in its in-transition state. Only one of these occurs at a time.\n// 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end\n//    is the upcoming slide in transition.\n\n.carousel {\n  position: relative;\n}\n\n.carousel.pointer-event {\n  touch-action: pan-y;\n}\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  @include clearfix();\n}\n\n.carousel-item {\n  position: relative;\n  display: none;\n  float: left;\n  width: 100%;\n  margin-right: -100%;\n  backface-visibility: hidden;\n  @include transition($carousel-transition);\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n  display: block;\n}\n\n/* rtl:begin:ignore */\n.carousel-item-next:not(.carousel-item-start),\n.active.carousel-item-end {\n  transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-end),\n.active.carousel-item-start {\n  transform: translateX(-100%);\n}\n\n/* rtl:end:ignore */\n\n\n//\n// Alternate transitions\n//\n\n.carousel-fade {\n  .carousel-item {\n    opacity: 0;\n    transition-property: opacity;\n    transform: none;\n  }\n\n  .carousel-item.active,\n  .carousel-item-next.carousel-item-start,\n  .carousel-item-prev.carousel-item-end {\n    z-index: 1;\n    opacity: 1;\n  }\n\n  .active.carousel-item-start,\n  .active.carousel-item-end {\n    z-index: 0;\n    opacity: 0;\n    @include transition(opacity 0s $carousel-transition-duration);\n  }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  // Use flex for alignment (1-3)\n  display: flex; // 1. allow flex styles\n  align-items: center; // 2. vertically center contents\n  justify-content: center; // 3. horizontally center contents\n  width: $carousel-control-width;\n  padding: 0;\n  color: $carousel-control-color;\n  text-align: center;\n  background: none;\n  border: 0;\n  opacity: $carousel-control-opacity;\n  @include transition($carousel-control-transition);\n\n  // Hover/focus state\n  &:hover,\n  &:focus {\n    color: $carousel-control-color;\n    text-decoration: none;\n    outline: 0;\n    opacity: $carousel-control-hover-opacity;\n  }\n}\n.carousel-control-prev {\n  left: 0;\n  background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);\n}\n.carousel-control-next {\n  right: 0;\n  background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n  display: inline-block;\n  width: $carousel-control-icon-width;\n  height: $carousel-control-icon-width;\n  background-repeat: no-repeat;\n  background-position: 50%;\n  background-size: 100% 100%;\n}\n\n/* rtl:options: {\n  \"autoRename\": true,\n  \"stringMap\":[ {\n    \"name\"    : \"prev-next\",\n    \"search\"  : \"prev\",\n    \"replace\" : \"next\"\n  } ]\n} */\n.carousel-control-prev-icon {\n  background-image: escape-svg($carousel-control-prev-icon-bg);\n}\n.carousel-control-next-icon {\n  background-image: escape-svg($carousel-control-next-icon-bg);\n}\n\n// Optional indicator pips/controls\n//\n// Add a container (such as a list) with the following class and add an item (ideally a focusable control,\n// like a button) with data-bs-target for each slide your carousel holds.\n\n.carousel-indicators {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  padding: 0;\n  // Use the .carousel-control's width as margin so we don't overlay those\n  margin-right: $carousel-control-width;\n  margin-bottom: 1rem;\n  margin-left: $carousel-control-width;\n  list-style: none;\n\n  [data-bs-target] {\n    box-sizing: content-box;\n    flex: 0 1 auto;\n    width: $carousel-indicator-width;\n    height: $carousel-indicator-height;\n    padding: 0;\n    margin-right: $carousel-indicator-spacer;\n    margin-left: $carousel-indicator-spacer;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: $carousel-indicator-active-bg;\n    background-clip: padding-box;\n    border: 0;\n    // Use transparent borders to increase the hit area by 10px on top and bottom.\n    border-top: $carousel-indicator-hit-area-height solid transparent;\n    border-bottom: $carousel-indicator-hit-area-height solid transparent;\n    opacity: $carousel-indicator-opacity;\n    @include transition($carousel-indicator-transition);\n  }\n\n  .active {\n    opacity: $carousel-indicator-active-opacity;\n  }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n  position: absolute;\n  right: (100% - $carousel-caption-width) * .5;\n  bottom: $carousel-caption-spacer;\n  left: (100% - $carousel-caption-width) * .5;\n  padding-top: $carousel-caption-padding-y;\n  padding-bottom: $carousel-caption-padding-y;\n  color: $carousel-caption-color;\n  text-align: center;\n}\n\n// Dark mode carousel\n\n.carousel-dark {\n  .carousel-control-prev-icon,\n  .carousel-control-next-icon {\n    filter: $carousel-dark-control-icon-filter;\n  }\n\n  .carousel-indicators [data-bs-target] {\n    background-color: $carousel-dark-indicator-active-bg;\n  }\n\n  .carousel-caption {\n    color: $carousel-dark-caption-color;\n  }\n}\n","// scss-docs-start clearfix\n@mixin clearfix() {\n  &::after {\n    display: block;\n    clear: both;\n    content: \"\";\n  }\n}\n// scss-docs-end clearfix\n","//\n// Rotating border\n//\n\n// scss-docs-start spinner-border-keyframes\n@keyframes spinner-border {\n  to { transform: rotate(360deg) #{\"/* rtl:ignore */\"}; }\n}\n// scss-docs-end spinner-border-keyframes\n\n.spinner-border {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  border: $spinner-border-width solid currentColor;\n  border-right-color: transparent;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  animation: $spinner-animation-speed linear infinite spinner-border;\n}\n\n.spinner-border-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n  border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n// scss-docs-start spinner-grow-keyframes\n@keyframes spinner-grow {\n  0% {\n    transform: scale(0);\n  }\n  50% {\n    opacity: 1;\n    transform: none;\n  }\n}\n// scss-docs-end spinner-grow-keyframes\n\n.spinner-grow {\n  display: inline-block;\n  width: $spinner-width;\n  height: $spinner-height;\n  vertical-align: $spinner-vertical-align;\n  background-color: currentColor;\n  // stylelint-disable-next-line property-disallowed-list\n  border-radius: 50%;\n  opacity: 0;\n  animation: $spinner-animation-speed linear infinite spinner-grow;\n}\n\n.spinner-grow-sm {\n  width: $spinner-width-sm;\n  height: $spinner-height-sm;\n}\n\n@if $enable-reduced-motion {\n  @media (prefers-reduced-motion: reduce) {\n    .spinner-border,\n    .spinner-grow {\n      animation-duration: $spinner-animation-speed * 2;\n    }\n  }\n}\n",".offcanvas {\n  position: fixed;\n  bottom: 0;\n  z-index: $zindex-offcanvas;\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  color: $offcanvas-color;\n  visibility: hidden;\n  background-color: $offcanvas-bg-color;\n  background-clip: padding-box;\n  outline: 0;\n  @include box-shadow($offcanvas-box-shadow);\n  @include transition(transform $offcanvas-transition-duration ease-in-out);\n}\n\n.offcanvas-backdrop {\n  @include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);\n}\n\n.offcanvas-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: $offcanvas-padding-y $offcanvas-padding-x;\n\n  .btn-close {\n    padding: ($offcanvas-padding-y * .5) ($offcanvas-padding-x * .5);\n    margin-top: $offcanvas-padding-y * -.5;\n    margin-right: $offcanvas-padding-x * -.5;\n    margin-bottom: $offcanvas-padding-y * -.5;\n  }\n}\n\n.offcanvas-title {\n  margin-bottom: 0;\n  line-height: $offcanvas-title-line-height;\n}\n\n.offcanvas-body {\n  flex-grow: 1;\n  padding: $offcanvas-padding-y $offcanvas-padding-x;\n  overflow-y: auto;\n}\n\n.offcanvas-start {\n  top: 0;\n  left: 0;\n  width: $offcanvas-horizontal-width;\n  border-right: $offcanvas-border-width solid $offcanvas-border-color;\n  transform: translateX(-100%);\n}\n\n.offcanvas-end {\n  top: 0;\n  right: 0;\n  width: $offcanvas-horizontal-width;\n  border-left: $offcanvas-border-width solid $offcanvas-border-color;\n  transform: translateX(100%);\n}\n\n.offcanvas-top {\n  top: 0;\n  right: 0;\n  left: 0;\n  height: $offcanvas-vertical-height;\n  max-height: 100%;\n  border-bottom: $offcanvas-border-width solid $offcanvas-border-color;\n  transform: translateY(-100%);\n}\n\n.offcanvas-bottom {\n  right: 0;\n  left: 0;\n  height: $offcanvas-vertical-height;\n  max-height: 100%;\n  border-top: $offcanvas-border-width solid $offcanvas-border-color;\n  transform: translateY(100%);\n}\n\n.offcanvas.show {\n  transform: none;\n}\n",".placeholder {\n  display: inline-block;\n  min-height: 1em;\n  vertical-align: middle;\n  cursor: wait;\n  background-color: currentColor;\n  opacity: $placeholder-opacity-max;\n\n  &.btn::before {\n    display: inline-block;\n    content: \"\";\n  }\n}\n\n// Sizing\n.placeholder-xs {\n  min-height: .6em;\n}\n\n.placeholder-sm {\n  min-height: .8em;\n}\n\n.placeholder-lg {\n  min-height: 1.2em;\n}\n\n// Animation\n.placeholder-glow {\n  .placeholder {\n    animation: placeholder-glow 2s ease-in-out infinite;\n  }\n}\n\n@keyframes placeholder-glow {\n  50% {\n    opacity: $placeholder-opacity-min;\n  }\n}\n\n.placeholder-wave {\n  mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%);\n  mask-size: 200% 100%;\n  animation: placeholder-wave 2s linear infinite;\n}\n\n@keyframes placeholder-wave {\n  100% {\n    mask-position: -200% 0%;\n  }\n}\n","@each $color, $value in $theme-colors {\n  .link-#{$color} {\n    color: $value;\n\n    @if $link-shade-percentage != 0 {\n      &:hover,\n      &:focus {\n        color: if(color-contrast($value) == $color-contrast-light, shade-color($value, $link-shade-percentage), tint-color($value, $link-shade-percentage));\n      }\n    }\n  }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.ratio {\n  position: relative;\n  width: 100%;\n\n  &::before {\n    display: block;\n    padding-top: var(--#{$variable-prefix}aspect-ratio);\n    content: \"\";\n  }\n\n  > * {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n@each $key, $ratio in $aspect-ratios {\n  .ratio-#{$key} {\n    --#{$variable-prefix}aspect-ratio: #{$ratio};\n  }\n}\n","// Shorthand\n\n.fixed-top {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: $zindex-fixed;\n}\n\n// Responsive sticky top\n@each $breakpoint in map-keys($grid-breakpoints) {\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    .sticky#{$infix}-top {\n      position: sticky;\n      top: 0;\n      z-index: $zindex-sticky;\n    }\n  }\n}\n","// scss-docs-start stacks\n.hstack {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-self: stretch;\n}\n\n.vstack {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-self: stretch;\n}\n// scss-docs-end stacks\n","//\n// Visually hidden\n//\n\n.visually-hidden,\n.visually-hidden-focusable:not(:focus):not(:focus-within) {\n  @include visually-hidden();\n}\n","// stylelint-disable declaration-no-important\n\n// Hide content visually while keeping it accessible to assistive technologies\n//\n// See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin visually-hidden() {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important; // Fix for https://github.com/twbs/bootstrap/issues/25686\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n// Use to only display content when it's focused, or one of its child elements is focused\n// (i.e. when focus is within the element/container that the class was applied to)\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n\n@mixin visually-hidden-focusable() {\n  &:not(:focus):not(:focus-within) {\n    @include visually-hidden();\n  }\n}\n","//\n// Stretched link\n//\n\n.stretched-link {\n  &::#{$stretched-link-pseudo-element} {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: $stretched-link-z-index;\n    content: \"\";\n  }\n}\n","//\n// Text truncation\n//\n\n.text-truncate {\n  @include text-truncate();\n}\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",".vr {\n  display: inline-block;\n  align-self: stretch;\n  width: 1px;\n  min-height: 1em;\n  background-color: currentColor;\n  opacity: $hr-opacity;\n}\n","// Utility generator\n// Used to generate utilities & print utilities\n@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {\n  $values: map-get($utility, values);\n\n  // If the values are a list or string, convert it into a map\n  @if type-of($values) == \"string\" or type-of(nth($values, 1)) != \"list\" {\n    $values: zip($values, $values);\n  }\n\n  @each $key, $value in $values {\n    $properties: map-get($utility, property);\n\n    // Multiple properties are possible, for example with vertical or horizontal margins or paddings\n    @if type-of($properties) == \"string\" {\n      $properties: append((), $properties);\n    }\n\n    // Use custom class if present\n    $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));\n    $property-class: if($property-class == null, \"\", $property-class);\n\n    // State params to generate pseudo-classes\n    $state: if(map-has-key($utility, state), map-get($utility, state), ());\n\n    $infix: if($property-class == \"\" and str-slice($infix, 1, 1) == \"-\", str-slice($infix, 2), $infix);\n\n    // Don't prefix if value key is null (eg. with shadow class)\n    $property-class-modifier: if($key, if($property-class == \"\" and $infix == \"\", \"\", \"-\") + $key, \"\");\n\n    @if map-get($utility, rfs) {\n      // Inside the media query\n      @if $is-rfs-media-query {\n        $val: rfs-value($value);\n\n        // Do not render anything if fluid and non fluid values are the same\n        $value: if($val == rfs-fluid-value($value), null, $val);\n      }\n      @else {\n        $value: rfs-fluid-value($value);\n      }\n    }\n\n    $is-css-var: map-get($utility, css-var);\n    $is-local-vars: map-get($utility, local-vars);\n    $is-rtl: map-get($utility, rtl);\n\n    @if $value != null {\n      @if $is-rtl == false {\n        /* rtl:begin:remove */\n      }\n\n      @if $is-css-var {\n        .#{$property-class + $infix + $property-class-modifier} {\n          --#{$variable-prefix}#{$property-class}: #{$value};\n        }\n\n        @each $pseudo in $state {\n          .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n            --#{$variable-prefix}#{$property-class}: #{$value};\n          }\n        }\n      } @else {\n        .#{$property-class + $infix + $property-class-modifier} {\n          @each $property in $properties {\n            @if $is-local-vars {\n              @each $local-var, $value in $is-local-vars {\n                --#{$variable-prefix}#{$local-var}: #{$value};\n              }\n            }\n            #{$property}: $value if($enable-important-utilities, !important, null);\n          }\n        }\n\n        @each $pseudo in $state {\n          .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {\n            @each $property in $properties {\n              #{$property}: $value if($enable-important-utilities, !important, null);\n            }\n          }\n        }\n      }\n\n      @if $is-rtl == false {\n        /* rtl:end:remove */\n      }\n    }\n  }\n}\n","// Loop over each breakpoint\n@each $breakpoint in map-keys($grid-breakpoints) {\n\n  // Generate media query if needed\n  @include media-breakpoint-up($breakpoint) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    // Loop over each utility property\n    @each $key, $utility in $utilities {\n      // The utility can be disabled with `false`, thus check if the utility is a map first\n      // Only proceed if responsive media queries are enabled or if it's the base media query\n      @if type-of($utility) == \"map\" and (map-get($utility, responsive) or $infix == \"\") {\n        @include generate-utility($utility, $infix);\n      }\n    }\n  }\n}\n\n// RFS rescaling\n@media (min-width: $rfs-mq-value) {\n  @each $breakpoint in map-keys($grid-breakpoints) {\n    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n    @if (map-get($grid-breakpoints, $breakpoint) < $rfs-breakpoint) {\n      // Loop over each utility property\n      @each $key, $utility in $utilities {\n        // The utility can be disabled with `false`, thus check if the utility is a map first\n        // Only proceed if responsive media queries are enabled or if it's the base media query\n        @if type-of($utility) == \"map\" and map-get($utility, rfs) and (map-get($utility, responsive) or $infix == \"\") {\n          @include generate-utility($utility, $infix, true);\n        }\n      }\n    }\n  }\n}\n\n\n// Print utilities\n@media print {\n  @each $key, $utility in $utilities {\n    // The utility can be disabled with `false`, thus check if the utility is a map first\n    // Then check if the utility needs print styles\n    @if type-of($utility) == \"map\" and map-get($utility, print) == true {\n      @include generate-utility($utility, \"-print\");\n    }\n  }\n}\n"]}
diff --git a/backend/FwLite/FwLiteShared/wwwroot/exampleJsInterop.js b/backend/FwLite/FwLiteShared/wwwroot/exampleJsInterop.js
new file mode 100644
index 000000000..a73d899d0
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/wwwroot/exampleJsInterop.js
@@ -0,0 +1,6 @@
+// This is a JavaScript module that is loaded on demand. It can export any number of
+// functions, and may import other JavaScript modules if required.
+
+export function showPrompt(message) {
+  return prompt(message, 'Type anything here');
+}
diff --git a/backend/FwLite/FwLiteShared/wwwroot/favicon.png b/backend/FwLite/FwLiteShared/wwwroot/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..8422b59695935d180d11d5dbe99653e711097819
GIT binary patch
literal 1148
zcmV-?1cUpDP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000C-Nkl<ZcwWU;
zO>9h26h2-Cs%i*@Moc3?#6qJID|D#|3|2Hn7gTIYEkr|%Xjp);YgvFmB&0#2E2b=|
zkVr)lMv9=KqwN&%obTp-$<51T%rx*NCwceh-E+=&e(oLO`@Z~7gybJ#U|^tB2Pai}
zRN@5%1qsZ1e@R(XC8n~)nU1S0QdzEYlWPdUpH{wJ2Pd4V8kI3BM=)sG^IkUXF2-j{
zrPTYA6sxpQ`Q1c6mtar~gG<Lg%I#~t@~C|P!>~#;lt=s^6_OccmRd>o{*=>)KS=lM
zZ!)i<P%Q0|?EEU1kAD=P?OLDADld?120$rj+hRS4NDjEA-oeZ6H{WIDhOq)rd1LKs
zA;16)&u9P=#L^a~SIN#V=AeH4CR_zLG~LHFk%dc(1ZX{<f>G|8G0-9s3VLm`bsa6e
ze*TlRxAjXtm^F8V`M1%s5d@tYS>&+_ga#xKGb|!oUBx3uc@mj1%=MaH4GR0tPBG_&
z9OZE;->dO@`Q)nr<%<fXa`k8?4Z&C%dLP~UEct@Ycvd;GyUtY(kGCF}DD?*?%J`C@
za^}znBof7pft}4I*oXatZ^gDnYP?fW&Vym4QPg@NB|*Sz%!45`7VK}R>dHAsEZRKl
zedN6+3+uGHejJp;Q==pskSAcRcyh@6mjm2z-uG;s%dM-u0*u##7OxI7wwyCGpS?4U
zBFAr(%GBv5j$jS@@t@iI8?ZqE36I^4t+P^<BNtG=RK6b>J9D^ELb<D+?^4>S5KMtZ
z{Qn#JnSd$15nJ$ggkF%I4yUQC+BjDF^}AtB7w348EL>7#sAsLWs}ndp8^DsAcOIL9
zTOO!!0!k2`9BLk25)NeZp7ev>I1Mn={cWI3Yhx2Q#DnAo4IphoV~R^c0x&nw*MoIV
zPthX?{6{u}sMS(MxD*dmd5rU(YazQE59b|TsB5Tm)I4a!VaN@HYOR)DwH1U5y(E)z
zQqQU*B%MwtRQ$%x&;1p%ANmc|PkoFJZ%<-uq%PX&C!c-7ypis=eP+FCeuv+B@h#{4
zGx1m0PjS~FJt}3mdt4c!lel`1;4W|03kcZRG+DzkTy|7-F~eDsV2Tx!73dM0H0CTh
zl)F-YUkE1zEzEW(;JXc|KR5{ox%YTh<unqM?>{$%F$a36JP6Nb<0%#NbSh$dMYF-{
z1_x(Vx<DO3w>)}fs?5_|!5xBTWiiIQHG<%)*e=45Fhjw_tlnmlixq;mUdC$R8v#j(
zhQ$9YR-o%i5Uc`S?6EC51!bTRK=Xkyb<18FkCKnS2;o*qlij1YA@-nRpq#O<q4G=!
zzKEi>MTX&RbL<^2q@0qja!uIvI;j$6>~k@IMwD42=8$$!+R^@5o6HX(*n~<o%gZYY
znQ+7&mAGYA@-ZOzGKNGXHzZ*=gl!fWtN{d{Ym^|M2oxuRROe;D|HLmw44&4v_=AK1
O0000<MNUMnLSTZaoDyOH

literal 0
HcmV?d00001


From 0cfd98b70be3f23301b5ff374289c85e915c7ee7 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 4 Dec 2024 14:07:04 +0700
Subject: [PATCH 004/108] import local web app changes

---
 .config/dotnet-tools.json                     |  9 ++++-
 .gitignore                                    |  1 +
 .../FwLite/LocalWebApp/Components/App.razor   | 17 +++++++++
 .../LocalWebApp/Components/Pages/Error.razor  | 36 +++++++++++++++++++
 .../LocalWebApp/Components/_Imports.razor     | 11 ++++++
 backend/FwLite/LocalWebApp/LocalWebApp.csproj |  9 -----
 .../FwLite/LocalWebApp/LocalWebAppServer.cs   | 24 +++++--------
 frontend/viewer/vite.config.ts                | 12 +++++--
 8 files changed, 92 insertions(+), 27 deletions(-)
 create mode 100644 backend/FwLite/LocalWebApp/Components/App.razor
 create mode 100644 backend/FwLite/LocalWebApp/Components/Pages/Error.razor
 create mode 100644 backend/FwLite/LocalWebApp/Components/_Imports.razor

diff --git a/.config/dotnet-tools.json b/.config/dotnet-tools.json
index 4f487990c..4d9f4ec46 100644
--- a/.config/dotnet-tools.json
+++ b/.config/dotnet-tools.json
@@ -8,6 +8,13 @@
         "dotnet-ef"
       ],
       "rollForward": false
+    },
+    "dotnet-typegen": {
+      "version": "6.0.2",
+      "commands": [
+        "dotnet-typegen"
+      ],
+      "rollForward": false
     }
   }
-}
\ No newline at end of file
+}
diff --git a/.gitignore b/.gitignore
index 21b4db7ff..8283534be 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,3 +24,4 @@ artifacts/
 
 #Verify
 *.received.*
+backend/FwLite/FwLiteShared/wwwroot/viewer
diff --git a/backend/FwLite/LocalWebApp/Components/App.razor b/backend/FwLite/LocalWebApp/Components/App.razor
new file mode 100644
index 000000000..3e74742c0
--- /dev/null
+++ b/backend/FwLite/LocalWebApp/Components/App.razor
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <base href="/"/>
+    <link rel="icon" type="image/png" href="_content/FwLiteShared/favicon.png"/>
+    <HeadOutlet @rendermode="InteractiveServer"/>
+</head>
+
+<body>
+<Routes @rendermode="InteractiveServer"/>
+<script src="_framework/blazor.web.js"></script>
+</body>
+
+</html>
diff --git a/backend/FwLite/LocalWebApp/Components/Pages/Error.razor b/backend/FwLite/LocalWebApp/Components/Pages/Error.razor
new file mode 100644
index 000000000..576cc2d2f
--- /dev/null
+++ b/backend/FwLite/LocalWebApp/Components/Pages/Error.razor
@@ -0,0 +1,36 @@
+@page "/Error"
+@using System.Diagnostics
+
+<PageTitle>Error</PageTitle>
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
+
+@code{
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
+
+    private string? RequestId { get; set; }
+    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+    protected override void OnInitialized() =>
+        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
+}
diff --git a/backend/FwLite/LocalWebApp/Components/_Imports.razor b/backend/FwLite/LocalWebApp/Components/_Imports.razor
new file mode 100644
index 000000000..1ca3fa6df
--- /dev/null
+++ b/backend/FwLite/LocalWebApp/Components/_Imports.razor
@@ -0,0 +1,11 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using FwLiteShared
+@using LocalWebApp
+@using LocalWebApp.Components
diff --git a/backend/FwLite/LocalWebApp/LocalWebApp.csproj b/backend/FwLite/LocalWebApp/LocalWebApp.csproj
index 6b480b782..004feb42f 100644
--- a/backend/FwLite/LocalWebApp/LocalWebApp.csproj
+++ b/backend/FwLite/LocalWebApp/LocalWebApp.csproj
@@ -43,15 +43,6 @@
       <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
     </ItemGroup>
 
-    <ItemGroup>
-        <EmbeddedResource Include="..\..\..\frontend\viewer\dist\**\*" />
-    </ItemGroup>
-
-    <Target Name="FailIfViewerNotEmbedded" BeforeTargets="Build">
-        <Error Condition="@(EmbeddedResource->Count()) == 0"
-            Text="The viewer app was not found. Run 'pnpm run build-app' from the viewer folder." />
-    </Target>
-
     <ItemGroup Condition="$([MSBuild]::IsOsPlatform('macOS'))">
         <!--
           This assumes that icu4c libs are installed under "/opt/local/lib" on macOS. This is the default
diff --git a/backend/FwLite/LocalWebApp/LocalWebAppServer.cs b/backend/FwLite/LocalWebApp/LocalWebAppServer.cs
index 91f5ba5da..8804569d8 100644
--- a/backend/FwLite/LocalWebApp/LocalWebAppServer.cs
+++ b/backend/FwLite/LocalWebApp/LocalWebAppServer.cs
@@ -3,6 +3,7 @@
 using FwLiteShared.Auth;
 using LcmCrdt;
 using LocalWebApp;
+using LocalWebApp.Components;
 using LocalWebApp.Hubs;
 using LocalWebApp.Routes;
 using LocalWebApp.Utils;
@@ -37,6 +38,7 @@ public static WebApplication SetupAppServer(WebApplicationOptions options, Actio
             config.LexboxServers = [new(new("https://staging.languagedepot.org"), "Lexbox Staging")]);
         builder.Services.Configure<AuthConfig>(c => c.ClientId = "becf2856-0690-434b-b192-a4032b72067f");
         builder.Logging.AddDebug();
+        builder.Services.AddRazorComponents().AddInteractiveServerComponents();
         if (builder.Configuration.GetValue<string>("LocalWebApp:LogFileName") is { Length: > 0 } logFileName)
         {
             builder.Logging.AddFile(logFileName);
@@ -59,6 +61,7 @@ public static WebApplication SetupAppServer(WebApplicationOptions options, Actio
         {
             app.UseSwagger();
             app.UseSwaggerUI();
+            app.UseDirectoryBrowser();
         }
 
         if (app.Services.GetRequiredService<IOptions<LocalWebAppConfig>>().Value.CorsAllowAny)
@@ -69,20 +72,7 @@ public static WebApplication SetupAppServer(WebApplicationOptions options, Actio
             });
         }
 
-        //configure dotnet to serve static files from the embedded resources
-        SharedOptions sharedOptions;
-        try
-        {
-            sharedOptions = new SharedOptions() { FileProvider = new ManifestEmbeddedFileProvider(typeof(Program).Assembly) };
-        }
-        catch (InvalidOperationException e)
-        {
-            throw new Exception(
-                "Unable to load embedded files, this is likely due to the viewer app not being built, run 'pnpm run build-app' from the viewer folder", e);
-        }
-        app.UseDefaultFiles(new DefaultFilesOptions(sharedOptions));
-        var staticFileOptions = new StaticFileOptions(sharedOptions);
-        app.UseStaticFiles(staticFileOptions);
+        app.UseAntiforgery();
 
         app.Use(async (context, next) =>
         {
@@ -115,7 +105,11 @@ public static WebApplication SetupAppServer(WebApplicationOptions options, Actio
         app.MapTest();
         app.MapImport();
         app.MapAuthRoutes();
-        app.MapFallbackToFile("index.html", staticFileOptions);
+
+        app.MapStaticAssets();
+        app.MapRazorComponents<App>()
+            .AddInteractiveServerRenderMode()
+            .AddAdditionalAssemblies(typeof(FwLiteShared._Imports).Assembly);
         return app;
     }
 }
diff --git a/frontend/viewer/vite.config.ts b/frontend/viewer/vite.config.ts
index 19aa7e97d..e3c2faaf2 100644
--- a/frontend/viewer/vite.config.ts
+++ b/frontend/viewer/vite.config.ts
@@ -6,6 +6,7 @@ import {svelteTesting} from '@testing-library/svelte/vite';
 export default defineConfig(({ mode }) => {
   const webComponent = mode === 'web-component';
   return {
+    base: '/_content/FwLiteShared/viewer',
     build: {
       ...(webComponent ? {
         lib: {
@@ -13,13 +14,20 @@ export default defineConfig(({ mode }) => {
           formats: ['es'],
         },
         outDir: 'dist-web-component',
-      } : {}),
+      } : {
+        outDir: '../../backend/FwLite/FwLiteShared/wwwroot/viewer',
+      }),
+      minify: false,
+      sourcemap: true,
       chunkSizeWarningLimit: 1000,
       rollupOptions: {
         output: {
+          entryFileNames: '[name].js',
+          chunkFileNames: '[name].js',
+          assetFileNames: '[name][extname]',
           manualChunks: {
             'svelte-ux': ['svelte-ux'],
-          }
+          },
         },
         onwarn: (warning, handler) => {
           // we don't have control over these warnings

From 1819b617f60e47a40fb5236df6997e226d2dbf29 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 4 Dec 2024 16:02:06 +0700
Subject: [PATCH 005/108] tweak type generation to support async and i async
 enumerable, as well as other types that hadn't been included yet

---
 .../FwLite/FwLiteShared/FwLiteShared.csproj   |  3 +-
 .../Projects/CombinedProjectsService.cs       |  2 +-
 .../FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs | 52 ++++----------
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   | 69 +++++++++++++++++++
 4 files changed, 85 insertions(+), 41 deletions(-)
 create mode 100644 backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs

diff --git a/backend/FwLite/FwLiteShared/FwLiteShared.csproj b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
index 9d8cfa001..3714bd907 100644
--- a/backend/FwLite/FwLiteShared/FwLiteShared.csproj
+++ b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
@@ -17,7 +17,8 @@
         <PackageReference Include="Microsoft.Identity.Client.Extensions.Msal" Version="4.64.0"/>
         <PackageReference Include="Reinforced.Typings" Version="1.6.5" />
         <PackageReference Include="System.Reactive" Version="6.0.1"/>
-        <PackageReference Include="TypeGen" Version="6.0.2" />
+<!--        disabled for now while we're trying Reinforced.Typings-->
+<!--        <PackageReference Include="TypeGen" Version="6.0.2" />-->
     </ItemGroup>
 
     <ItemGroup>
diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index 06284f58e..0a9262f68 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -40,7 +40,7 @@ public async Task<ServerProjects[]> RemoteProjects()
         return serverProjects;
     }
 
-    [JSInvokable]
+    [JSInvokable("fetchProjects")]
     public async Task<IReadOnlyCollection<ProjectModel>> LocalProjects()
     {
         var crdtProjects = await crdtProjectsService.ListProjects();
diff --git a/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs b/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
index c35918612..e7e02a342 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
@@ -1,45 +1,19 @@
 using FwLiteShared.Services;
 using MiniLcm;
 using MiniLcm.Models;
-using Reinforced.Typings.Ast.TypeNames;
-using Reinforced.Typings.Fluent;
-using TypeGen.Core.SpecGeneration;
 
 namespace FwLiteShared.TypeGen;
 
-public class FwLiteTypeGenSpec: GenerationSpec
-{
-    public FwLiteTypeGenSpec()
-    {
-        AddClass<IMiniLcmApi>();
-        AddInterface<FwLiteProvider>();
-    }
-
-    public override void OnBeforeGeneration(OnBeforeGenerationArgs args)
-    {
-        args.GeneratorOptions.CustomTypeMappings.Add(typeof(WritingSystemId).FullName!, "string");
-    }
-}
-
-public static class ReinforcedFwLiteTypingConfig
-{
-    public static void Configure(ConfigurationBuilder builder)
-    {
-        builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
-        builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
-        builder.Substitute(typeof(DateTimeOffset), new RtSimpleTypeName("string"));
-        builder.Substitute(typeof(MultiString), new RtDictionaryType(new RtSimpleTypeName("string"), new RtSimpleTypeName("string")));
-        builder.ExportAsInterfaces([
-            typeof(Entry),
-            typeof(Sense),
-            typeof(ExampleSentence),
-            typeof(WritingSystem),
-            typeof(PartOfSpeech),
-            typeof(SemanticDomain),
-            typeof(ComplexFormType),
-            typeof(ComplexFormComponent),
-        ], exportBuilder => exportBuilder.WithPublicProperties());
-        builder.ExportAsInterface<IMiniLcmApi>().FlattenHierarchy().WithPublicProperties().WithPublicMethods();
-        builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
-    }
-}
+// public class FwLiteTypeGenSpec: GenerationSpec
+// {
+//     public FwLiteTypeGenSpec()
+//     {
+//         AddClass<IMiniLcmApi>();
+//         AddInterface<FwLiteProvider>();
+//     }
+//
+//     public override void OnBeforeGeneration(OnBeforeGenerationArgs args)
+//     {
+//         args.GeneratorOptions.CustomTypeMappings.Add(typeof(WritingSystemId).FullName!, "string");
+//     }
+// }
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
new file mode 100644
index 000000000..61c016192
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -0,0 +1,69 @@
+using System.Reflection;
+using FwLiteShared.Auth;
+using FwLiteShared.Projects;
+using FwLiteShared.Services;
+using MiniLcm;
+using MiniLcm.Models;
+using Reinforced.Typings;
+using Reinforced.Typings.Ast.TypeNames;
+using Reinforced.Typings.Fluent;
+
+namespace FwLiteShared.TypeGen;
+
+public static class ReinforcedFwLiteTypingConfig
+{
+    public static void Configure(ConfigurationBuilder builder)
+    {
+        builder.Global(c => c.AutoAsync().UseModules());
+        typeof(ExportContext).GetProperty(nameof(ExportContext.FileOperations))?.SetValue(builder.Context, new EsLintDisableFileOperation()
+        {
+            Context = builder.Context
+        });
+        builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
+        builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
+        builder.Substitute(typeof(DateTimeOffset), new RtSimpleTypeName("string"));
+        //todo generate a multistring type rather than just substituting it everywhere
+        builder.Substitute(typeof(MultiString),
+            new RtDictionaryType(new RtSimpleTypeName("string"), new RtSimpleTypeName("string")));
+        builder.ExportAsInterfaces([
+                typeof(Entry),
+                typeof(Sense),
+                typeof(ExampleSentence),
+                typeof(WritingSystem),
+                typeof(WritingSystems),
+                typeof(PartOfSpeech),
+                typeof(SemanticDomain),
+                typeof(ComplexFormType),
+                typeof(ComplexFormComponent),
+            ],
+            exportBuilder => exportBuilder.WithPublicProperties());
+        builder.ExportAsEnum<WritingSystemType>();
+        builder.ExportAsInterface<IMiniLcmApi>().FlattenHierarchy().WithPublicProperties().WithPublicMethods();
+        builder.ExportAsEnum<SortField>();
+        builder.ExportAsInterfaces([typeof(QueryOptions), typeof(SortOptions), typeof(ExemplarOptions)],
+            exportBuilder => exportBuilder.WithProperties(BindingFlags.Public | BindingFlags.Instance));
+        builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
+
+        builder.ExportAsInterface<CombinedProjectsService>().WithPublicMethods();
+        builder.ExportAsInterface<ProjectModel>().WithPublicProperties();
+        builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
+        builder.ExportAsInterface<LexboxServer>().WithPublicProperties();
+        builder.SubstituteGeneric(typeof(IAsyncEnumerable<>),
+            (type, resolver) =>
+            {
+                return new RtAsyncType(
+                    new RtArrayType(resolver.ResolveTypeName(type.GenericTypeArguments[0]))
+                );
+            });
+    }
+
+    internal class EsLintDisableFileOperation : FilesOperations
+    {
+        protected override void ExportCore(StreamWriter tw, ExportedFile file)
+        {
+            tw.WriteLine("/* eslint-disable */");
+            base.ExportCore(tw, file);
+            tw.WriteLine("/* eslint-enable */");
+        }
+    }
+}

From d657b1ffe5a4b829be76b806809414692961ac82 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 10:24:21 +0700
Subject: [PATCH 006/108] continue polishing type generation, pull out
 multi-string to allow a custom definition

---
 .../Reinforced.Typings.settings.xml           |  4 +-
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   | 63 ++++++++++++++-----
 .../src/lib/dotnet-types/i-multi-string.ts    |  3 +
 .../viewer/src/lib/mini-lcm/i-multi-string.ts |  9 +--
 frontend/viewer/tsconfig.json                 |  8 ++-
 5 files changed, 59 insertions(+), 28 deletions(-)
 create mode 100644 frontend/viewer/src/lib/dotnet-types/i-multi-string.ts

diff --git a/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml b/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml
index 78ae931ef..da33f5823 100644
--- a/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml
+++ b/backend/FwLite/FwLiteShared/Reinforced.Typings.settings.xml
@@ -45,7 +45,7 @@
 
             Important! In case of using this setting, do not forget to add generated files to solution manually.
         -->
-        <RtDivideTypesAmongFiles>false</RtDivideTypesAmongFiles>
+        <RtDivideTypesAmongFiles>true</RtDivideTypesAmongFiles>
 
         <!--
             ... and if you use RtDivideTypesAmongFiles then please specify target directory
@@ -54,7 +54,7 @@
             Note that in case of using RtDivideTypesAmongFiles, RtTargetFile parameter will
             NOT be used anymore.
         -->
-        <RtTargetDirectory>$(ProjectDir)Scripts\MyApplication</RtTargetDirectory>
+        <RtTargetDirectory>$(ProjectDir)..\..\..\frontend\viewer\src\lib\dotnet-types\generated-types</RtTargetDirectory>
 
 
         <!--
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index 61c016192..1c3619477 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -5,8 +5,10 @@
 using MiniLcm;
 using MiniLcm.Models;
 using Reinforced.Typings;
+using Reinforced.Typings.Ast.Dependency;
 using Reinforced.Typings.Ast.TypeNames;
 using Reinforced.Typings.Fluent;
+using Reinforced.Typings.Visitors.TypeScript;
 
 namespace FwLiteShared.TypeGen;
 
@@ -14,17 +16,17 @@ public static class ReinforcedFwLiteTypingConfig
 {
     public static void Configure(ConfigurationBuilder builder)
     {
-        builder.Global(c => c.AutoAsync().UseModules());
-        typeof(ExportContext).GetProperty(nameof(ExportContext.FileOperations))?.SetValue(builder.Context, new EsLintDisableFileOperation()
-        {
-            Context = builder.Context
-        });
+        builder.Global(c => c.AutoAsync().UseModules().UnresolvedToUnknown().CamelCaseForProperties().AutoOptionalProperties().UseVisitor<TypedImportsVisitor>());
+        DisableEsLintChecks(builder);
         builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(DateTimeOffset), new RtSimpleTypeName("string"));
         //todo generate a multistring type rather than just substituting it everywhere
-        builder.Substitute(typeof(MultiString),
-            new RtDictionaryType(new RtSimpleTypeName("string"), new RtSimpleTypeName("string")));
+        builder.ExportAsThirdParty<MultiString>().WithName("IMultiString").Imports([new ()
+        {
+            From = "$lib/dotnet-types/i-multi-string",
+            Target = "type {IMultiString}"
+        }]);
         builder.ExportAsInterfaces([
                 typeof(Entry),
                 typeof(Sense),
@@ -37,9 +39,18 @@ public static void Configure(ConfigurationBuilder builder)
                 typeof(ComplexFormComponent),
             ],
             exportBuilder => exportBuilder.WithPublicProperties());
-        builder.ExportAsEnum<WritingSystemType>();
-        builder.ExportAsInterface<IMiniLcmApi>().FlattenHierarchy().WithPublicProperties().WithPublicMethods();
-        builder.ExportAsEnum<SortField>();
+        builder.ExportAsEnum<WritingSystemType>().UseString();
+        builder.ExportAsInterface<IMiniLcmApi>().FlattenHierarchy().WithPublicProperties().WithPublicMethods(
+            exportBuilder =>
+            {
+                var isUpdatePatchMethod = exportBuilder.Member.GetParameters()
+                    .Any(p => p.ParameterType.IsGenericType && p.ParameterType.GetGenericTypeDefinition() == (typeof(UpdateObjectInput<>)));
+                if (isUpdatePatchMethod)
+                {
+                    exportBuilder.Ignore();
+                }
+            });
+        builder.ExportAsEnum<SortField>().UseString();
         builder.ExportAsInterfaces([typeof(QueryOptions), typeof(SortOptions), typeof(ExemplarOptions)],
             exportBuilder => exportBuilder.WithProperties(BindingFlags.Public | BindingFlags.Instance));
         builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
@@ -49,12 +60,15 @@ public static void Configure(ConfigurationBuilder builder)
         builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
         builder.ExportAsInterface<LexboxServer>().WithPublicProperties();
         builder.SubstituteGeneric(typeof(IAsyncEnumerable<>),
-            (type, resolver) =>
-            {
-                return new RtAsyncType(
-                    new RtArrayType(resolver.ResolveTypeName(type.GenericTypeArguments[0]))
-                );
-            });
+            (type, resolver) => new RtAsyncType(
+                new RtArrayType(resolver.ResolveTypeName(type.GenericTypeArguments[0]))
+            ));
+    }
+
+    private static void DisableEsLintChecks(ConfigurationBuilder builder)
+    {
+        typeof(ExportContext).GetProperty(nameof(ExportContext.FileOperations))?.SetValue(builder.Context,
+            new EsLintDisableFileOperation() { Context = builder.Context });
     }
 
     internal class EsLintDisableFileOperation : FilesOperations
@@ -66,4 +80,21 @@ protected override void ExportCore(StreamWriter tw, ExportedFile file)
             tw.WriteLine("/* eslint-enable */");
         }
     }
+
+    internal class TypedImportsVisitor(TextWriter writer, ExportContext exportContext)
+        : TypeScriptExportVisitor(writer, exportContext)
+    {
+        public override void Visit(RtImport node)
+        {
+            //change import, was:
+            // import { IEntry} from './i-entry';
+            //now:
+            // import type {IEntry} from './i-entry';
+            if (!node.Target.StartsWith("type "))
+            {
+                node.Target = $"type {node.Target.Replace("{ ", "{").Replace(" }", "}")}";
+            }
+            base.Visit(node);
+        }
+    }
 }
diff --git a/frontend/viewer/src/lib/dotnet-types/i-multi-string.ts b/frontend/viewer/src/lib/dotnet-types/i-multi-string.ts
new file mode 100644
index 000000000..c119444c4
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/i-multi-string.ts
@@ -0,0 +1,3 @@
+export interface IMultiString {
+    [key: string]: string;
+}
diff --git a/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts b/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts
index c7d29718c..ddc53e374 100644
--- a/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts
+++ b/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts
@@ -1,8 +1 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-export interface IMultiString {
-    [key: string]: string;
-}
+export type {IMultiString} from '$lib/dotnet-types/i-multi-string';
diff --git a/frontend/viewer/tsconfig.json b/frontend/viewer/tsconfig.json
index 2fac3488d..e7b68bab3 100644
--- a/frontend/viewer/tsconfig.json
+++ b/frontend/viewer/tsconfig.json
@@ -13,8 +13,12 @@
      */
     "allowJs": true,
     "checkJs": true,
-    "isolatedModules": true
+    "isolatedModules": true,
+    "paths": {
+      "$lib": ["src/lib"],
+      "$lib/*": ["src/lib/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte", "src/web-component.ts"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "references": [{ "path": "./tsconfig.node.json" }],
 }

From 769dc7f7f56efd7700a359f17df89dfdfaa1ebd2 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 10:48:16 +0700
Subject: [PATCH 007/108] rewrite `fetchProjects` to `localProjects`, let js
 call dotnet methods as camelCase and convert to PascalCase

---
 .../Projects/CombinedProjectsService.cs       |  2 +-
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   |  8 +++++++-
 frontend/viewer/src/HomeView.svelte           |  4 ++--
 .../src/lib/services/projects-service.ts      | 19 ++++++++-----------
 .../lib/services/service-provider-dotnet.ts   |  8 +++++++-
 frontend/viewer/tsconfig.json                 |  4 ++--
 6 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index 0a9262f68..06284f58e 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -40,7 +40,7 @@ public async Task<ServerProjects[]> RemoteProjects()
         return serverProjects;
     }
 
-    [JSInvokable("fetchProjects")]
+    [JSInvokable]
     public async Task<IReadOnlyCollection<ProjectModel>> LocalProjects()
     {
         var crdtProjects = await crdtProjectsService.ListProjects();
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index 1c3619477..745c11894 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -16,7 +16,13 @@ public static class ReinforcedFwLiteTypingConfig
 {
     public static void Configure(ConfigurationBuilder builder)
     {
-        builder.Global(c => c.AutoAsync().UseModules().UnresolvedToUnknown().CamelCaseForProperties().AutoOptionalProperties().UseVisitor<TypedImportsVisitor>());
+        builder.Global(c => c.AutoAsync()
+            .UseModules()
+            .UnresolvedToUnknown()
+            .CamelCaseForProperties()
+            .CamelCaseForMethods()
+            .AutoOptionalProperties()
+            .UseVisitor<TypedImportsVisitor>());
         DisableEsLintChecks(builder);
         builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 5eb908bff..e0682a627 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -50,11 +50,11 @@
     downloading = '';
   }
 
-  let projectsPromise = projectsService.fetchProjects().then(p => projects = p);
+  let projectsPromise = projectsService.localProjects().then(p => projects = p);
   let projects: Project[] = [];
 
   async function refreshProjects() {
-    let promise = projectsService.fetchProjects();
+    let promise = projectsService.localProjects();
     projects = await promise;//avoids clearing out the list until the new list is fetched
     projectsPromise = promise;
   }
diff --git a/frontend/viewer/src/lib/services/projects-service.ts b/frontend/viewer/src/lib/services/projects-service.ts
index 5695733c4..9ac9371c3 100644
--- a/frontend/viewer/src/lib/services/projects-service.ts
+++ b/frontend/viewer/src/lib/services/projects-service.ts
@@ -1,15 +1,12 @@
 import {AppNotification} from '../notifications/notifications';
+import type {IProjectModel} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/IProjectModel';
+import type {
+  ICombinedProjectsService
+} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService';
 
-export type Project = {
-  name: string;
-  crdt: boolean;
-  fwdata: boolean;
-  lexbox: boolean,
-  serverAuthority: string | null,
-  id: string | null
-};
+export type Project = IProjectModel;
 export type ServerStatus = { displayName: string; loggedIn: boolean; loggedInAs: string | null, authority: string };
-export class ProjectService {
+export class ProjectService implements ICombinedProjectsService {
   async createProject(newProjectName: string): Promise<{error: string|undefined}> {
 
     if (!newProjectName) {
@@ -55,12 +52,12 @@ export class ProjectService {
   }
 
   async getProjectServer(projectName: string): Promise<string|null> {
-    const projects = await this.fetchProjects();
+    const projects = await this.localProjects();
     //todo project server is always null from local projects`
     return projects.find(p => p.name === projectName)?.serverAuthority ?? null;
   }
 
-  async fetchProjects(): Promise<Project[]> {
+  async localProjects(): Promise<Project[]> {
     const r = await fetch('/api/localProjects');
     return (await r.json()) as Project[];
   }
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index e5fbac6f4..137ab4e4e 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -37,12 +37,18 @@ export class DotNetServiceProvider {
 function wrapInProxy(dotnetObject: DotNet.DotNetObject): any {
   return new Proxy(dotnetObject, {
     get(target: DotNet.DotNetObject, prop: string) {
+      let dotnetMethodName = uppercaseFirstLetter(prop);
       return function (...args: any[]) {
-        return target.invokeMethodAsync(prop, ...args);
+        return target.invokeMethodAsync(dotnetMethodName, ...args);
       };
     },
   });
 }
+
+function uppercaseFirstLetter(str: string): string {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
 export function setupDotnetServiceProvider() {
   const lexbox = {DotNetServiceProvider: new DotNetServiceProvider()};
   if (globalThis.window.lexbox) {
diff --git a/frontend/viewer/tsconfig.json b/frontend/viewer/tsconfig.json
index e7b68bab3..d8bc3b6af 100644
--- a/frontend/viewer/tsconfig.json
+++ b/frontend/viewer/tsconfig.json
@@ -15,8 +15,8 @@
     "checkJs": true,
     "isolatedModules": true,
     "paths": {
-      "$lib": ["src/lib"],
-      "$lib/*": ["src/lib/*"]
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"]
     }
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte", "src/web-component.ts"],

From f7ec94e2b232abd96a2dd574b7e21e0a6c19f817 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 13:59:53 +0700
Subject: [PATCH 008/108] develop a way to map services between js and dotnet

---
 backend/FwLite/FwLiteShared/Pages/Home.razor  | 17 +++++++++++--
 .../FwLiteShared/Services/FwLiteProvider.cs   | 24 +++++++++++++++++--
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   |  1 +
 .../LocalWebApp/appsettings.Development.json  |  3 ++-
 .../lib/services/service-provider-dotnet.ts   |  6 ++---
 .../src/lib/services/service-provider.ts      | 19 ++++++++-------
 6 files changed, 53 insertions(+), 17 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
index 920022b10..88f7322e8 100644
--- a/backend/FwLite/FwLiteShared/Pages/Home.razor
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -1,4 +1,5 @@
 @page "/"
+@implements IDisposable
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
 @inject IJSRuntime JS
@@ -27,16 +28,28 @@
 
 @code {
     private IJSObjectReference? module;
+    private List<IDisposable> disposables = new();
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
         {
-            var projectService = DotNetObjectReference.Create(FwLiteProvider.ProjectService);
-            await JS.InvokeVoidAsync("setOverrideService", "ProjectsService", projectService);
+            foreach (var (serviceKey, service) in FwLiteProvider.GetServices())
+            {
+                var reference = DotNetObjectReference.Create(service);
+                disposables.Add(reference);
+                await JS.InvokeVoidAsync("setOverrideService", serviceKey.ToString(), reference);
+            }
             module = await JS.InvokeAsync<IJSObjectReference>("import",
                 "/" + Assets["_content/FwLiteShared/viewer/index.js"]);
         }
     }
 
+    public void Dispose()
+    {
+        foreach (var disposable in disposables)
+        {
+            disposable.Dispose();
+        }
+    }
 }
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index d98375d01..21e1ed63d 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -1,9 +1,29 @@
-using FwLiteShared.Projects;
-using Microsoft.JSInterop;
+using System.Text.Json.Serialization;
+using FwLiteShared.Projects;
 
 namespace FwLiteShared.Services;
 
 public class FwLiteProvider(CombinedProjectsService projectService)
 {
     public CombinedProjectsService ProjectService { get; } = projectService;
+
+    public Dictionary<DotnetService, object> GetServices()
+    {
+        return Enum.GetValues<DotnetService>().ToDictionary(s => s, GetService);
+    }
+
+    public object GetService(DotnetService service)
+    {
+        return service switch
+        {
+            DotnetService.CombinedProjectsService => ProjectService,
+            _ => throw new ArgumentOutOfRangeException(nameof(service), service, null)
+        };
+    }
+}
+
+[JsonConverter(typeof(JsonStringEnumConverter))]
+public enum DotnetService
+{
+    CombinedProjectsService
 }
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index 745c11894..a204e9381 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -61,6 +61,7 @@ public static void Configure(ConfigurationBuilder builder)
             exportBuilder => exportBuilder.WithProperties(BindingFlags.Public | BindingFlags.Instance));
         builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
 
+        builder.ExportAsEnum<DotnetService>().UseString();
         builder.ExportAsInterface<CombinedProjectsService>().WithPublicMethods();
         builder.ExportAsInterface<ProjectModel>().WithPublicProperties();
         builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
diff --git a/backend/FwLite/LocalWebApp/appsettings.Development.json b/backend/FwLite/LocalWebApp/appsettings.Development.json
index 3b4aff921..a0e0b33eb 100644
--- a/backend/FwLite/LocalWebApp/appsettings.Development.json
+++ b/backend/FwLite/LocalWebApp/appsettings.Development.json
@@ -1,8 +1,9 @@
 {
+  "DetailedErrors": true,
   "Logging": {
     "LogLevel": {
       "Default": "Information",
-      "LocalWebApp.Auth.LoggerAdapter": "Warning",
+      "LocalWebApp.Auth.LoggerAdapter": "Warning"
     }
   },
   "LocalWebApp": {
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index 137ab4e4e..f25dd79af 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -1,6 +1,6 @@
 /* eslint-disable */
 import  { type DotNet } from '@microsoft/dotnet-js-interop';
-import {LexboxService, type LexboxServiceRegistry} from './service-provider';
+import {LexboxService, type LexboxServiceRegistry, SERVICE_KEYS, type ServiceKey} from './service-provider';
 
 declare global {
   interface Lexbox {
@@ -19,13 +19,13 @@ export class DotNetServiceProvider {
     this.services = fwLiteProvider;
   }
 
-  public getService<K extends LexboxService>(key: K): LexboxServiceRegistry[K] {
+  public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] {
     this.validateAllServices();
     return wrapInProxy(this.services[key] as unknown as DotNet.DotNetObject) as LexboxServiceRegistry[K];
   }
   private validateAllServices() {
     const serviceKeys = Object.keys(this.services);
-    const validServiceKeys = Object.values(LexboxService);
+    const validServiceKeys = SERVICE_KEYS;
     for (const key of serviceKeys) {
       if (!validServiceKeys.includes(key as LexboxService)) {
         throw new Error(`Invalid service key: ${key}. Valid values are: ${validServiceKeys.join(', ')}`);
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index 6ace05f75..4d52ecf44 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -1,6 +1,7 @@
 import type {LexboxApiClient} from './lexbox-api';
 import {openSearch} from '../search-bar/search';
 import {ProjectService} from './projects-service';
+import {DotnetService} from '../dotnet-types/generated-types/FwLiteShared/Services/DotnetService';
 
 declare global {
 
@@ -17,33 +18,33 @@ declare global {
 }
 
 export enum LexboxService {
-  LexboxApi = 'LexboxApi',
-  ProjectsService = 'ProjectsService',
+  LexboxApi = 'LexboxApi'
 }
+export type ServiceKey = keyof LexboxServiceRegistry;
 
 export type LexboxServiceRegistry = {
   [LexboxService.LexboxApi]: LexboxApiClient,
-  [LexboxService.ProjectsService]: ProjectService,
+  [DotnetService.CombinedProjectsService]: ProjectService,
 };
 
-const SERVICE_KEYS = Object.values(LexboxService);
+export const SERVICE_KEYS = [...Object.values(LexboxService), ...Object.values(DotnetService)];
 
 export class LexboxServiceProvider {
   private services: LexboxServiceRegistry = {} as LexboxServiceRegistry;
 
-  public setService<K extends LexboxService>(key: K, service: LexboxServiceRegistry[K]): void {
+  public setService<K extends ServiceKey>(key: K, service: LexboxServiceRegistry[K]): void {
     this.validateServiceKey(key);
     this.services[key] = service;
   }
 
-  public getService<K extends LexboxService>(key: K): LexboxServiceRegistry[K] {
+  public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] {
     this.validateServiceKey(key);
     const service = globalThis.window.lexbox.DotNetServiceProvider?.getService(key) ?? this.services[key];
     if (!service) throw new Error(`Lexbox service '${key}' not found`);
     return service;
   }
 
-  private validateServiceKey(key: LexboxService): void {
+  private validateServiceKey(key: ServiceKey): void {
     if (!SERVICE_KEYS.includes(key)) {
       throw new Error(`Invalid service key: ${key}. Valid values are: ${SERVICE_KEYS.join(', ')}`);
     }
@@ -65,6 +66,6 @@ export function useLexboxApi(): LexboxApiClient {
 }
 
 export function useProjectsService(): ProjectService {
-  return window.lexbox.ServiceProvider.getService(LexboxService.ProjectsService);
+  return window.lexbox.ServiceProvider.getService(DotnetService.CombinedProjectsService);
 }
-window.lexbox.ServiceProvider.setService(LexboxService.ProjectsService, new ProjectService());
+window.lexbox.ServiceProvider.setService(DotnetService.CombinedProjectsService, new ProjectService());

From 8863c591d945b50ec29f3bd661d853b7faea4c0d Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 14:55:01 +0700
Subject: [PATCH 009/108] expose more services and use them from
 HomeView.svelte

---
 .../FwLite/FwLiteShared/Auth/AuthService.cs   | 12 +++--
 backend/FwLite/FwLiteShared/Pages/Home.razor  | 12 +++--
 .../Projects/CombinedProjectsService.cs       |  1 +
 .../Projects/ImportFwdataService.cs           |  2 +
 .../FwLiteShared/Services/FwLiteProvider.cs   | 17 +++++--
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   |  7 ++-
 frontend/viewer/src/HomeView.svelte           | 46 +++++++++++--------
 .../src/lib/services/projects-service.ts      |  7 +--
 .../lib/services/service-provider-dotnet.ts   | 10 ++--
 .../src/lib/services/service-provider.ts      | 15 ++++--
 10 files changed, 78 insertions(+), 51 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Auth/AuthService.cs b/backend/FwLite/FwLiteShared/Auth/AuthService.cs
index ec7621a87..9154b4132 100644
--- a/backend/FwLite/FwLiteShared/Auth/AuthService.cs
+++ b/backend/FwLite/FwLiteShared/Auth/AuthService.cs
@@ -1,21 +1,23 @@
 using FwLiteShared.Projects;
 using Microsoft.Extensions.Options;
+using Microsoft.JSInterop;
 
 namespace FwLiteShared.Auth;
 
-public record ServerStatus(string DisplayName, bool LoggedIn, string? LoggedInAs, string? Authority);
+public record ServerStatus(string DisplayName, bool LoggedIn, string? LoggedInAs, LexboxServer Server);
 public class AuthService(LexboxProjectService lexboxProjectService, OAuthClientFactory clientFactory, IOptions<AuthConfig> options)
 {
-    public IAsyncEnumerable<ServerStatus> Servers()
+    [JSInvokable]
+    public async Task<ServerStatus[]> Servers()
     {
-        return lexboxProjectService.Servers().ToAsyncEnumerable().SelectAwait(async s =>
+        return await lexboxProjectService.Servers().ToAsyncEnumerable().SelectAwait(async s =>
         {
             var currentName = await clientFactory.GetClient(s).GetCurrentName();
             return new ServerStatus(s.DisplayName,
                 !string.IsNullOrEmpty(currentName),
                 currentName,
-                s.Authority.Authority);
-        });
+                s);
+        }).ToArrayAsync();
     }
 
     public async Task SignInWebView(LexboxServer server)
diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
index 88f7322e8..371b00495 100644
--- a/backend/FwLite/FwLiteShared/Pages/Home.razor
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -11,11 +11,13 @@
     <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
     <script>
         window.setOverrideService = (key, service) => {
-            if (window.lexbox) {
-                window.lexbox.FwLiteProvider = {};
-                window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
-            } else {
-                window.lexbox = {FwLiteProvider: {}};
+            if (!window.lexbox || !window.lexbox.FwLiteProvider) {
+                if (window.lexbox && window.lexbox.DotNetServiceProvider) {
+                    window.lexbox.FwLiteProvider = {};
+                    window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
+                } else {
+                    window.lexbox = {FwLiteProvider: {}};
+                }
             }
             const services = window.lexbox.FwLiteProvider;
             services[key] = service;
diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index 06284f58e..566eb440b 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -19,6 +19,7 @@ public record ServerProjects(LexboxServer Server, ProjectModel[] Projects);
 public class CombinedProjectsService(LexboxProjectService lexboxProjectService, CrdtProjectsService crdtProjectsService,
     FieldWorksProjectList fieldWorksProjectList)
 {
+    [JSInvokable]
     public async Task<ServerProjects[]> RemoteProjects()
     {
         var lexboxServers = lexboxProjectService.Servers();
diff --git a/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs b/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs
index e78cc7a42..a75c0e5a9 100644
--- a/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs
@@ -5,6 +5,7 @@
 using LcmCrdt;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
+using Microsoft.JSInterop;
 using MiniLcm;
 
 namespace FwLiteShared.Projects;
@@ -17,6 +18,7 @@ public class ImportFwdataService(
     MiniLcmImport miniLcmImport
 )
 {
+    [JSInvokable]
     public async Task<CrdtProject> Import(string projectName)
     {
         var startTime = Stopwatch.GetTimestamp();
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index 21e1ed63d..dc049376b 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -1,12 +1,15 @@
 using System.Text.Json.Serialization;
+using FwLiteShared.Auth;
 using FwLiteShared.Projects;
 
 namespace FwLiteShared.Services;
 
-public class FwLiteProvider(CombinedProjectsService projectService)
+public class FwLiteProvider(
+    CombinedProjectsService projectService,
+    AuthService authService,
+    ImportFwdataService importFwdataService
+)
 {
-    public CombinedProjectsService ProjectService { get; } = projectService;
-
     public Dictionary<DotnetService, object> GetServices()
     {
         return Enum.GetValues<DotnetService>().ToDictionary(s => s, GetService);
@@ -16,7 +19,9 @@ public object GetService(DotnetService service)
     {
         return service switch
         {
-            DotnetService.CombinedProjectsService => ProjectService,
+            DotnetService.CombinedProjectsService => projectService,
+            DotnetService.AuthService => authService,
+            DotnetService.ImportFwdataService => importFwdataService,
             _ => throw new ArgumentOutOfRangeException(nameof(service), service, null)
         };
     }
@@ -25,5 +30,7 @@ public object GetService(DotnetService service)
 [JsonConverter(typeof(JsonStringEnumConverter))]
 public enum DotnetService
 {
-    CombinedProjectsService
+    CombinedProjectsService,
+    AuthService,
+    ImportFwdataService,
 }
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index a204e9381..ddc406823 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -62,14 +62,13 @@ public static void Configure(ConfigurationBuilder builder)
         builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
 
         builder.ExportAsEnum<DotnetService>().UseString();
+        builder.ExportAsInterface<AuthService>().WithPublicMethods();
+        builder.ExportAsInterface<ImportFwdataService>().WithPublicMethods();
+        builder.ExportAsInterface<ServerStatus>().WithPublicProperties();
         builder.ExportAsInterface<CombinedProjectsService>().WithPublicMethods();
         builder.ExportAsInterface<ProjectModel>().WithPublicProperties();
         builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
         builder.ExportAsInterface<LexboxServer>().WithPublicProperties();
-        builder.SubstituteGeneric(typeof(IAsyncEnumerable<>),
-            (type, resolver) => new RtAsyncType(
-                new RtArrayType(resolver.ResolveTypeName(type.GenericTypeArguments[0]))
-            ));
     }
 
     private static void DisableEsLintChecks(ConfigurationBuilder builder)
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index e0682a627..628b1e9ff 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -13,11 +13,14 @@
   import {Button, Card, type ColumnDef, Table, TextField, tableCell, Icon, ProgressCircle} from 'svelte-ux';
   import flexLogo from './lib/assets/flex-logo.png';
   import DevContent, {isDev} from './lib/layout/DevContent.svelte';
-  import {type Project, type ServerStatus} from './lib/services/projects-service';
+  import {type Project} from './lib/services/projects-service';
   import {onMount} from 'svelte';
-  import {useProjectsService} from './lib/services/service-provider';
+  import {useAuthService, useImportFwdataService, useProjectsService} from './lib/services/service-provider';
+  import type {ILexboxServer, IServerStatus} from '$lib/dotnet-types';
 
   const projectsService = useProjectsService();
+  const authService = useAuthService();
+  const importFwdataService = useImportFwdataService();
 
   let newProjectName = '';
 
@@ -36,16 +39,17 @@
   async function importFwDataProject(name: string) {
     if (importing) return;
     importing = name;
-    await projectsService.importFwDataProject(name);
+    await importFwdataService.import(name);
     await refreshProjects();
     importing = '';
   }
 
   let downloading = '';
 
-  async function downloadCrdtProject(project: Project) {
+  async function downloadCrdtProject(project: Project, server: ILexboxServer) {
     downloading = project.name;
-    await projectsService.downloadCrdtProject(project);
+    if (project.id == null) throw new Error('Project id is null');
+    await projectsService.downloadProject(project.id, project.name, server);
     await refreshProjects();
     downloading = '';
   }
@@ -63,7 +67,10 @@
   let loadingRemoteProjects = false;
   async function fetchRemoteProjects(): Promise<void> {
     loadingRemoteProjects = true;
-    remoteProjects = await projectsService.fetchRemoteProjects();
+    let result = await projectsService.remoteProjects();
+    for (let serverProjects of result) {
+      remoteProjects[serverProjects.server.authority] = serverProjects.projects;
+    }
     loadingRemoteProjects = false;
   }
 
@@ -73,8 +80,8 @@
   });
 
 
-  let servers: ServerStatus[] = [];
-  onMount(async () => servers = await projectsService.fetchServers());
+  let serversStatus: IServerStatus[] = [];
+  onMount(async () => serversStatus = await authService.servers());
 
   $: columns = [
     {
@@ -89,7 +96,7 @@
       name: 'crdt',
       header: 'CRDT',
     },
-    ...(servers.find(s => s.loggedIn)
+    ...(serversStatus.find(s => s.loggedIn)
       ? [
         {
           name: 'lexbox',
@@ -107,19 +114,17 @@
     return matches;
   }
 
-  function syncedServer(serversProjects: { [server: string]: Project[] }, project: Project): ServerStatus | undefined {
+  function syncedServer(serversProjects: { [server: string]: Project[] }, project: Project): ILexboxServer | undefined {
     //this may be null, even if the project is synced, when the project info isn't cached on the server yet.
     if (project.serverAuthority) {
-      return servers.find(s => s.authority == project.serverAuthority) ?? {
+      return serversStatus.find(s => s.server.authority == project.serverAuthority)?.server ?? {
         displayName: 'Unknown server ' + project.serverAuthority,
-        loggedIn: false,
-        loggedInAs: null,
         authority: project.serverAuthority
-      };
+      } satisfies ILexboxServer;
     }
     let authority =  Object.entries(serversProjects)
       .find(([_server, projects]) => matchesProject(projects, project))?.[0];
-    return authority ? servers.find(s => s.authority == authority) : undefined;
+    return authority ? serversStatus.find(s => s.server.authority == authority)?.server : undefined;
   }
 </script>
 
@@ -218,15 +223,16 @@
                   <ProgressCircle class="text-surface-content" indeterminate={true}/>
               {/if}
             </div>
-            {#each servers as server}
+            {#each serversStatus as status}
+              {@const server = status.server}
               <div class="border my-1"/>
               <div class="flex flex-row items-center py-1">
                 <p>{server.displayName}</p>
                 <div class="flex-grow"></div>
-                {#if server.loggedInAs}
-                  <p class="mr-2 px-2 py-1 text-sm border rounded-full">{server.loggedInAs}</p>
+                {#if status.loggedInAs}
+                  <p class="mr-2 px-2 py-1 text-sm border rounded-full">{status.loggedInAs}</p>
                 {/if}
-                {#if server.loggedIn}
+                {#if status.loggedIn}
                   <Button variant="fill" color="primary" href="/api/auth/logout/{server.authority}" icon={mdiLogout}>Logout</Button>
                 {:else}
                   <Button variant="fill-light" color="primary" href="/api/auth/login/{server.authority}" icon={mdiLogin}>Login</Button>
@@ -245,7 +251,7 @@
                       icon={mdiBookArrowDownOutline}
                       size="md"
                       loading={downloading === project.name}
-                      on:click={() => downloadCrdtProject(project)}
+                      on:click={() => downloadCrdtProject(project, server)}
                     >
                       Download
                     </Button>
diff --git a/frontend/viewer/src/lib/services/projects-service.ts b/frontend/viewer/src/lib/services/projects-service.ts
index 9ac9371c3..0f17917db 100644
--- a/frontend/viewer/src/lib/services/projects-service.ts
+++ b/frontend/viewer/src/lib/services/projects-service.ts
@@ -1,11 +1,8 @@
 import {AppNotification} from '../notifications/notifications';
-import type {IProjectModel} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/IProjectModel';
-import type {
-  ICombinedProjectsService
-} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService';
+import type {IServerStatus, ICombinedProjectsService, IProjectModel} from '$lib/dotnet-types';
 
 export type Project = IProjectModel;
-export type ServerStatus = { displayName: string; loggedIn: boolean; loggedInAs: string | null, authority: string };
+export type ServerStatus = IServerStatus;
 export class ProjectService implements ICombinedProjectsService {
   async createProject(newProjectName: string): Promise<{error: string|undefined}> {
 
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index f25dd79af..046e2ccb2 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -21,13 +21,15 @@ export class DotNetServiceProvider {
 
   public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] {
     this.validateAllServices();
-    return wrapInProxy(this.services[key] as unknown as DotNet.DotNetObject) as LexboxServiceRegistry[K];
+    let service = this.services[key] as unknown as DotNet.DotNetObject;
+    if (!service) throw new Error(`Service ${key} is null`);
+    return wrapInProxy(service) as LexboxServiceRegistry[K];
   }
   private validateAllServices() {
-    const serviceKeys = Object.keys(this.services);
     const validServiceKeys = SERVICE_KEYS;
-    for (const key of serviceKeys) {
-      if (!validServiceKeys.includes(key as LexboxService)) {
+    for (const [key, value] of Object.entries(this.services)) {
+      if (!value) throw new Error(`Service ${key} is null`);
+      if (!validServiceKeys.includes(key as ServiceKey)) {
         throw new Error(`Invalid service key: ${key}. Valid values are: ${validServiceKeys.join(', ')}`);
       }
     }
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index 4d52ecf44..a48ad677c 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -1,7 +1,8 @@
 import type {LexboxApiClient} from './lexbox-api';
 import {openSearch} from '../search-bar/search';
 import {ProjectService} from './projects-service';
-import {DotnetService} from '../dotnet-types/generated-types/FwLiteShared/Services/DotnetService';
+import {DotnetService, type ICombinedProjectsService, type IAuthService} from '../dotnet-types';
+import type {IImportFwdataService} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService';
 
 declare global {
 
@@ -24,7 +25,9 @@ export type ServiceKey = keyof LexboxServiceRegistry;
 
 export type LexboxServiceRegistry = {
   [LexboxService.LexboxApi]: LexboxApiClient,
-  [DotnetService.CombinedProjectsService]: ProjectService,
+  [DotnetService.CombinedProjectsService]: ICombinedProjectsService,
+  [DotnetService.AuthService]: IAuthService,
+  [DotnetService.ImportFwdataService]: IImportFwdataService,
 };
 
 export const SERVICE_KEYS = [...Object.values(LexboxService), ...Object.values(DotnetService)];
@@ -65,7 +68,13 @@ export function useLexboxApi(): LexboxApiClient {
   return window.lexbox.ServiceProvider.getService(LexboxService.LexboxApi);
 }
 
-export function useProjectsService(): ProjectService {
+export function useProjectsService(): ICombinedProjectsService {
   return window.lexbox.ServiceProvider.getService(DotnetService.CombinedProjectsService);
 }
+export function useAuthService(): IAuthService {
+  return window.lexbox.ServiceProvider.getService(DotnetService.AuthService);
+}
+export function useImportFwdataService(): IImportFwdataService {
+  return window.lexbox.ServiceProvider.getService(DotnetService.ImportFwdataService);
+}
 window.lexbox.ServiceProvider.setService(DotnetService.CombinedProjectsService, new ProjectService());

From e7ef1ab77b4d16d9b05f82bd10f9f3d31fa50c79 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 16:21:17 +0700
Subject: [PATCH 010/108] commit generated ts types

---
 .../FwLiteShared/Auth/IAuthService.ts         | 17 ++++++
 .../FwLiteShared/Auth/ILexboxServer.ts        | 11 ++++
 .../FwLiteShared/Auth/IServerStatus.ts        | 15 +++++
 .../Projects/ICombinedProjectsService.ts      | 16 ++++++
 .../Projects/IImportFwdataService.ts          | 10 ++++
 .../FwLiteShared/Projects/IProjectModel.ts    | 15 +++++
 .../FwLiteShared/Projects/IServerProjects.ts  | 14 +++++
 .../FwLiteShared/Services/DotnetService.ts    | 11 ++++
 .../FwLiteShared/Services/IFwLiteProvider.ts  | 13 +++++
 .../MiniLcm/IExemplarOptions.ts               | 11 ++++
 .../generated-types/MiniLcm/IMiniLcmApi.ts    | 57 +++++++++++++++++++
 .../generated-types/MiniLcm/IQueryOptions.ts  | 16 ++++++
 .../generated-types/MiniLcm/ISortOptions.ts   | 14 +++++
 .../MiniLcm/Models/IComplexFormComponent.ts   | 16 ++++++
 .../MiniLcm/Models/IComplexFormType.ts        | 14 +++++
 .../generated-types/MiniLcm/Models/IEntry.ts  | 24 ++++++++
 .../MiniLcm/Models/IExampleSentence.ts        | 17 ++++++
 .../MiniLcm/Models/IPartOfSpeech.ts           | 15 +++++
 .../MiniLcm/Models/ISemanticDomain.ts         | 16 ++++++
 .../generated-types/MiniLcm/Models/ISense.ts  | 22 +++++++
 .../MiniLcm/Models/IWritingSystem.ts          | 21 +++++++
 .../MiniLcm/Models/IWritingSystems.ts         | 13 +++++
 .../MiniLcm/Models/WritingSystemType.ts       | 10 ++++
 .../generated-types/MiniLcm/SortField.ts      |  9 +++
 frontend/viewer/src/lib/dotnet-types/index.ts |  8 +++
 25 files changed, 405 insertions(+)
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IAuthService.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IServerStatus.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IProjectModel.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IServerProjects.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IExemplarOptions.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IQueryOptions.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/ISortOptions.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormComponent.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormType.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IEntry.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IExampleSentence.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IPartOfSpeech.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISemanticDomain.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISense.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystems.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/WritingSystemType.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/SortField.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/index.ts

diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IAuthService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IAuthService.ts
new file mode 100644
index 000000000..fca224755
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IAuthService.ts
@@ -0,0 +1,17 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IServerStatus} from './IServerStatus';
+import type {ILexboxServer} from './ILexboxServer';
+
+export interface IAuthService
+{
+	servers() : Promise<IServerStatus[]>;
+	signInWebView(server: ILexboxServer) : Promise<void>;
+	signInWebApp(server: ILexboxServer, returnUrl: string) : Promise<string>;
+	logout(server: ILexboxServer) : Promise<void>;
+	getLoggedInName(server: ILexboxServer) : Promise<string>;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
new file mode 100644
index 000000000..f13c479cc
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface ILexboxServer
+{
+	authority: any;
+	displayName: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IServerStatus.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IServerStatus.ts
new file mode 100644
index 000000000..0a4b947b7
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/IServerStatus.ts
@@ -0,0 +1,15 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {ILexboxServer} from './ILexboxServer';
+
+export interface IServerStatus
+{
+	displayName: string;
+	loggedIn: boolean;
+	loggedInAs?: string;
+	server: ILexboxServer;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
new file mode 100644
index 000000000..81214c34e
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
@@ -0,0 +1,16 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IServerProjects} from './IServerProjects';
+import type {IProjectModel} from './IProjectModel';
+import type {ILexboxServer} from '../Auth/ILexboxServer';
+
+export interface ICombinedProjectsService
+{
+	remoteProjects() : Promise<IServerProjects[]>;
+	localProjects() : Promise<IProjectModel[]>;
+	downloadProject(lexboxProjectId: string, projectName: string, server: ILexboxServer) : Promise<void>;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
new file mode 100644
index 000000000..a61049df5
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
@@ -0,0 +1,10 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface IImportFwdataService
+{
+	import(projectName: string) : Promise<any>;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IProjectModel.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IProjectModel.ts
new file mode 100644
index 000000000..5d19d0c5d
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IProjectModel.ts
@@ -0,0 +1,15 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface IProjectModel
+{
+	name: string;
+	crdt: boolean;
+	fwdata: boolean;
+	lexbox: boolean;
+	serverAuthority?: string;
+	id?: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IServerProjects.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IServerProjects.ts
new file mode 100644
index 000000000..36e6d460a
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IServerProjects.ts
@@ -0,0 +1,14 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {ILexboxServer} from '../Auth/ILexboxServer';
+import type {IProjectModel} from './IProjectModel';
+
+export interface IServerProjects
+{
+	server: ILexboxServer;
+	projects: IProjectModel[];
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts
new file mode 100644
index 000000000..597d3a0f6
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export enum DotnetService {
+	CombinedProjectsService = "CombinedProjectsService",
+	AuthService = "AuthService",
+	ImportFwdataService = "ImportFwdataService"
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
new file mode 100644
index 000000000..a30b732fb
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
@@ -0,0 +1,13 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {DotnetService} from './DotnetService';
+
+export interface IFwLiteProvider
+{
+	getServices() : { [key in DotnetService]: any };
+	getService(service: DotnetService) : any;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IExemplarOptions.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IExemplarOptions.ts
new file mode 100644
index 000000000..871626472
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IExemplarOptions.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface IExemplarOptions
+{
+	value: string;
+	writingSystem: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
new file mode 100644
index 000000000..0fac1a48f
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
@@ -0,0 +1,57 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IWritingSystems} from './Models/IWritingSystems';
+import type {IComplexFormType} from './Models/IComplexFormType';
+import type {IQueryOptions} from './IQueryOptions';
+import type {IEntry} from './Models/IEntry';
+import type {IPartOfSpeech} from './Models/IPartOfSpeech';
+import type {ISemanticDomain} from './Models/ISemanticDomain';
+import type {IExampleSentence} from './Models/IExampleSentence';
+import type {IWritingSystem} from './Models/IWritingSystem';
+import type {WritingSystemType} from './Models/WritingSystemType';
+import type {IComplexFormComponent} from './Models/IComplexFormComponent';
+import type {ISense} from './Models/ISense';
+
+export interface IMiniLcmApi
+{
+	getWritingSystems() : Promise<IWritingSystems>;
+	getPartsOfSpeech() : any;
+	getSemanticDomains() : any;
+	getComplexFormTypes() : any;
+	getComplexFormType(id: string) : Promise<IComplexFormType>;
+	getEntries(options?: IQueryOptions) : any;
+	searchEntries(query: string, options?: IQueryOptions) : any;
+	getEntry(id: string) : Promise<IEntry>;
+	getPartOfSpeech(id: string) : Promise<IPartOfSpeech>;
+	getSemanticDomain(id: string) : Promise<ISemanticDomain>;
+	getExampleSentence(entryId: string, senseId: string, id: string) : Promise<IExampleSentence>;
+	createWritingSystem(type: WritingSystemType, writingSystem: IWritingSystem) : Promise<IWritingSystem>;
+	updateWritingSystem(before: IWritingSystem, after: IWritingSystem) : Promise<IWritingSystem>;
+	createPartOfSpeech(partOfSpeech: IPartOfSpeech) : Promise<IPartOfSpeech>;
+	updatePartOfSpeech(before: IPartOfSpeech, after: IPartOfSpeech) : Promise<IPartOfSpeech>;
+	deletePartOfSpeech(id: string) : Promise<void>;
+	createSemanticDomain(semanticDomain: ISemanticDomain) : Promise<ISemanticDomain>;
+	updateSemanticDomain(before: ISemanticDomain, after: ISemanticDomain) : Promise<ISemanticDomain>;
+	deleteSemanticDomain(id: string) : Promise<void>;
+	createComplexFormType(complexFormType: IComplexFormType) : Promise<IComplexFormType>;
+	updateComplexFormType(before: IComplexFormType, after: IComplexFormType) : Promise<IComplexFormType>;
+	deleteComplexFormType(id: string) : Promise<void>;
+	createEntry(entry: IEntry) : Promise<IEntry>;
+	updateEntry(before: IEntry, after: IEntry) : Promise<IEntry>;
+	deleteEntry(id: string) : Promise<void>;
+	createComplexFormComponent(complexFormComponent: IComplexFormComponent) : Promise<IComplexFormComponent>;
+	deleteComplexFormComponent(complexFormComponent: IComplexFormComponent) : Promise<void>;
+	addComplexFormType(entryId: string, complexFormTypeId: string) : Promise<void>;
+	removeComplexFormType(entryId: string, complexFormTypeId: string) : Promise<void>;
+	createSense(entryId: string, sense: ISense) : Promise<ISense>;
+	deleteSense(entryId: string, senseId: string) : Promise<void>;
+	addSemanticDomainToSense(senseId: string, semanticDomain: ISemanticDomain) : Promise<void>;
+	removeSemanticDomainFromSense(senseId: string, semanticDomainId: string) : Promise<void>;
+	createExampleSentence(entryId: string, senseId: string, exampleSentence: IExampleSentence) : Promise<IExampleSentence>;
+	updateExampleSentence(entryId: string, senseId: string, before: IExampleSentence, after: IExampleSentence) : Promise<IExampleSentence>;
+	deleteExampleSentence(entryId: string, senseId: string, exampleSentenceId: string) : Promise<void>;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IQueryOptions.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IQueryOptions.ts
new file mode 100644
index 000000000..62cead0e5
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IQueryOptions.ts
@@ -0,0 +1,16 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IExemplarOptions} from './IExemplarOptions';
+import type {ISortOptions} from './ISortOptions';
+
+export interface IQueryOptions
+{
+	exemplar?: IExemplarOptions;
+	count: number;
+	offset: number;
+	order: ISortOptions;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/ISortOptions.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/ISortOptions.ts
new file mode 100644
index 000000000..214b28db7
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/ISortOptions.ts
@@ -0,0 +1,14 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {SortField} from './SortField';
+
+export interface ISortOptions
+{
+	field: SortField;
+	writingSystem: string;
+	ascending: boolean;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormComponent.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormComponent.ts
new file mode 100644
index 000000000..3b468c07f
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormComponent.ts
@@ -0,0 +1,16 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface IComplexFormComponent
+{
+	id: string;
+	deletedAt?: string;
+	complexFormEntryId: string;
+	complexFormHeadword?: string;
+	componentEntryId: string;
+	componentSenseId?: string;
+	componentHeadword?: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormType.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormType.ts
new file mode 100644
index 000000000..635735051
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IComplexFormType.ts
@@ -0,0 +1,14 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IMultiString} from '$lib/dotnet-types/i-multi-string';
+
+export interface IComplexFormType
+{
+	id: string;
+	name: IMultiString;
+	deletedAt?: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IEntry.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IEntry.ts
new file mode 100644
index 000000000..dee8a0381
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IEntry.ts
@@ -0,0 +1,24 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IMultiString} from '$lib/dotnet-types/i-multi-string';
+import type {ISense} from './ISense';
+import type {IComplexFormComponent} from './IComplexFormComponent';
+import type {IComplexFormType} from './IComplexFormType';
+
+export interface IEntry
+{
+	id: string;
+	deletedAt?: string;
+	lexemeForm: IMultiString;
+	citationForm: IMultiString;
+	literalMeaning: IMultiString;
+	senses: ISense[];
+	note: IMultiString;
+	components: IComplexFormComponent[];
+	complexForms: IComplexFormComponent[];
+	complexFormTypes: IComplexFormType[];
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IExampleSentence.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IExampleSentence.ts
new file mode 100644
index 000000000..e31d457b5
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IExampleSentence.ts
@@ -0,0 +1,17 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IMultiString} from '$lib/dotnet-types/i-multi-string';
+
+export interface IExampleSentence
+{
+	id: string;
+	sentence: IMultiString;
+	translation: IMultiString;
+	reference?: string;
+	senseId: string;
+	deletedAt?: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IPartOfSpeech.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IPartOfSpeech.ts
new file mode 100644
index 000000000..257f1969d
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IPartOfSpeech.ts
@@ -0,0 +1,15 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IMultiString} from '$lib/dotnet-types/i-multi-string';
+
+export interface IPartOfSpeech
+{
+	id: string;
+	name: IMultiString;
+	deletedAt?: string;
+	predefined: boolean;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISemanticDomain.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISemanticDomain.ts
new file mode 100644
index 000000000..f96c70571
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISemanticDomain.ts
@@ -0,0 +1,16 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IMultiString} from '$lib/dotnet-types/i-multi-string';
+
+export interface ISemanticDomain
+{
+	id: string;
+	name: IMultiString;
+	code: string;
+	deletedAt?: string;
+	predefined: boolean;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISense.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISense.ts
new file mode 100644
index 000000000..e27469194
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ISense.ts
@@ -0,0 +1,22 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IMultiString} from '$lib/dotnet-types/i-multi-string';
+import type {ISemanticDomain} from './ISemanticDomain';
+import type {IExampleSentence} from './IExampleSentence';
+
+export interface ISense
+{
+	id: string;
+	deletedAt?: string;
+	entryId: string;
+	definition: IMultiString;
+	gloss: IMultiString;
+	partOfSpeech: string;
+	partOfSpeechId?: string;
+	semanticDomains: ISemanticDomain[];
+	exampleSentences: IExampleSentence[];
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts
new file mode 100644
index 000000000..63a63c9d2
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts
@@ -0,0 +1,21 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {WritingSystemType} from './WritingSystemType';
+
+export interface IWritingSystem
+{
+	id: string;
+	wsId: string;
+	name: string;
+	abbreviation: string;
+	font: string;
+	deletedAt?: string;
+	type: WritingSystemType;
+	exemplars: string[];
+	latinExemplars: string[];
+	order: number;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystems.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystems.ts
new file mode 100644
index 000000000..288b44e54
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystems.ts
@@ -0,0 +1,13 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {IWritingSystem} from './IWritingSystem';
+
+export interface IWritingSystems
+{
+	analysis: IWritingSystem[];
+	vernacular: IWritingSystem[];
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/WritingSystemType.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/WritingSystemType.ts
new file mode 100644
index 000000000..20921cddf
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/WritingSystemType.ts
@@ -0,0 +1,10 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export enum WritingSystemType {
+	Vernacular = "Vernacular",
+	Analysis = "Analysis"
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/SortField.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/SortField.ts
new file mode 100644
index 000000000..541f52784
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/SortField.ts
@@ -0,0 +1,9 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export enum SortField {
+	Headword = "Headword"
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/index.ts b/frontend/viewer/src/lib/dotnet-types/index.ts
new file mode 100644
index 000000000..cf8b9a219
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/index.ts
@@ -0,0 +1,8 @@
+export * from './generated-types/FwLiteShared/Auth/IAuthService';
+export * from './generated-types/FwLiteShared/Auth/ILexboxServer';
+export * from './generated-types/FwLiteShared/Auth/IServerStatus';
+export * from './generated-types/FwLiteShared/Projects/ICombinedProjectsService';
+export * from './generated-types/FwLiteShared/Projects/IProjectModel';
+export * from './generated-types/FwLiteShared/Projects/IServerProjects';
+export * from './generated-types/FwLiteShared/Services/IImportFwdataService';
+export * from './generated-types/FwLiteShared/Services/DotnetService';

From 05f7c9f66ee867f73ffc6e8386ba992e3c9db00e Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 16:25:06 +0700
Subject: [PATCH 011/108] add create project api and call from home page

---
 .../FwLiteShared/Projects/CombinedProjectsService.cs       | 7 +++++++
 frontend/viewer/src/HomeView.svelte                        | 4 +---
 .../FwLiteShared/Projects/ICombinedProjectsService.ts      | 1 +
 .../dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts    | 4 +++-
 frontend/viewer/src/lib/dotnet-types/index.ts              | 2 +-
 frontend/viewer/src/lib/services/service-provider.ts       | 1 -
 6 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index 566eb440b..2ee1b60ef 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -73,6 +73,7 @@ public async Task<IReadOnlyCollection<ProjectModel>> LocalProjects()
         return projects.Values;
     }
 
+    [JSInvokable]
     public async Task DownloadProject(Guid lexboxProjectId, string projectName, LexboxServer server)
     {
         await crdtProjectsService.CreateProject(new(projectName,
@@ -84,4 +85,10 @@ await crdtProjectsService.CreateProject(new(projectName,
             },
             SeedNewProjectData: false));
     }
+
+    [JSInvokable]
+    public async Task CreateProject(string name)
+    {
+        await crdtProjectsService.CreateExampleProject(name);
+    }
 }
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 628b1e9ff..c70e23f94 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -27,9 +27,7 @@
   let createError: string;
 
   async function createProject() {
-    const response = await projectsService.createProject(newProjectName);
-    createError = response.error ?? '';
-    if (createError) return;
+    await projectsService.createProject(newProjectName);
     newProjectName = '';
     await refreshProjects();
   }
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
index 81214c34e..63d1855ef 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
@@ -12,5 +12,6 @@ export interface ICombinedProjectsService
 	remoteProjects() : Promise<IServerProjects[]>;
 	localProjects() : Promise<IProjectModel[]>;
 	downloadProject(lexboxProjectId: string, projectName: string, server: ILexboxServer) : Promise<void>;
+	createProject(name: string) : Promise<void>;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
index 0fac1a48f..fbbb09554 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
@@ -7,13 +7,13 @@ import type {IWritingSystems} from './Models/IWritingSystems';
 import type {IComplexFormType} from './Models/IComplexFormType';
 import type {IQueryOptions} from './IQueryOptions';
 import type {IEntry} from './Models/IEntry';
+import type {ISense} from './Models/ISense';
 import type {IPartOfSpeech} from './Models/IPartOfSpeech';
 import type {ISemanticDomain} from './Models/ISemanticDomain';
 import type {IExampleSentence} from './Models/IExampleSentence';
 import type {IWritingSystem} from './Models/IWritingSystem';
 import type {WritingSystemType} from './Models/WritingSystemType';
 import type {IComplexFormComponent} from './Models/IComplexFormComponent';
-import type {ISense} from './Models/ISense';
 
 export interface IMiniLcmApi
 {
@@ -25,6 +25,7 @@ export interface IMiniLcmApi
 	getEntries(options?: IQueryOptions) : any;
 	searchEntries(query: string, options?: IQueryOptions) : any;
 	getEntry(id: string) : Promise<IEntry>;
+	getSense(entryId: string, id: string) : Promise<ISense>;
 	getPartOfSpeech(id: string) : Promise<IPartOfSpeech>;
 	getSemanticDomain(id: string) : Promise<ISemanticDomain>;
 	getExampleSentence(entryId: string, senseId: string, id: string) : Promise<IExampleSentence>;
@@ -47,6 +48,7 @@ export interface IMiniLcmApi
 	addComplexFormType(entryId: string, complexFormTypeId: string) : Promise<void>;
 	removeComplexFormType(entryId: string, complexFormTypeId: string) : Promise<void>;
 	createSense(entryId: string, sense: ISense) : Promise<ISense>;
+	updateSense(entryId: string, before: ISense, after: ISense) : Promise<ISense>;
 	deleteSense(entryId: string, senseId: string) : Promise<void>;
 	addSemanticDomainToSense(senseId: string, semanticDomain: ISemanticDomain) : Promise<void>;
 	removeSemanticDomainFromSense(senseId: string, semanticDomainId: string) : Promise<void>;
diff --git a/frontend/viewer/src/lib/dotnet-types/index.ts b/frontend/viewer/src/lib/dotnet-types/index.ts
index cf8b9a219..80af70a82 100644
--- a/frontend/viewer/src/lib/dotnet-types/index.ts
+++ b/frontend/viewer/src/lib/dotnet-types/index.ts
@@ -4,5 +4,5 @@ export * from './generated-types/FwLiteShared/Auth/IServerStatus';
 export * from './generated-types/FwLiteShared/Projects/ICombinedProjectsService';
 export * from './generated-types/FwLiteShared/Projects/IProjectModel';
 export * from './generated-types/FwLiteShared/Projects/IServerProjects';
-export * from './generated-types/FwLiteShared/Services/IImportFwdataService';
+export * from './generated-types/FwLiteShared/Services/IFwLiteProvider';
 export * from './generated-types/FwLiteShared/Services/DotnetService';
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index a48ad677c..40d21da98 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -77,4 +77,3 @@ export function useAuthService(): IAuthService {
 export function useImportFwdataService(): IImportFwdataService {
   return window.lexbox.ServiceProvider.getService(DotnetService.ImportFwdataService);
 }
-window.lexbox.ServiceProvider.setService(DotnetService.CombinedProjectsService, new ProjectService());

From 22e9b142c43d180f4a093d11edd9df384acf2729 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 16:33:49 +0700
Subject: [PATCH 012/108] fix server authority issues

---
 backend/FwLite/FwLiteShared/Auth/AuthConfig.cs           | 5 ++++-
 frontend/viewer/src/HomeView.svelte                      | 9 +++++----
 .../generated-types/FwLiteShared/Auth/ILexboxServer.ts   | 1 +
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs b/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
index 788316c6e..92f3dcf11 100644
--- a/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
+++ b/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
@@ -29,4 +29,7 @@ public LexboxServer GetServer(string serverName)
     }
 }
 
-public record LexboxServer(Uri Authority, string DisplayName);
+public record LexboxServer(Uri Authority, string DisplayName)
+{
+    public string Id => Authority.Authority;
+}
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index c70e23f94..78698f7d6 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -115,9 +115,10 @@
   function syncedServer(serversProjects: { [server: string]: Project[] }, project: Project): ILexboxServer | undefined {
     //this may be null, even if the project is synced, when the project info isn't cached on the server yet.
     if (project.serverAuthority) {
-      return serversStatus.find(s => s.server.authority == project.serverAuthority)?.server ?? {
+      return serversStatus.find(s => s.server.id == project.serverAuthority)?.server ?? {
         displayName: 'Unknown server ' + project.serverAuthority,
-        authority: project.serverAuthority
+        authority: project.serverAuthority,
+        id: project.serverAuthority
       } satisfies ILexboxServer;
     }
     let authority =  Object.entries(serversProjects)
@@ -231,9 +232,9 @@
                   <p class="mr-2 px-2 py-1 text-sm border rounded-full">{status.loggedInAs}</p>
                 {/if}
                 {#if status.loggedIn}
-                  <Button variant="fill" color="primary" href="/api/auth/logout/{server.authority}" icon={mdiLogout}>Logout</Button>
+                  <Button variant="fill" color="primary" href="/api/auth/logout/{server.id}" icon={mdiLogout}>Logout</Button>
                 {:else}
-                  <Button variant="fill-light" color="primary" href="/api/auth/login/{server.authority}" icon={mdiLogin}>Login</Button>
+                  <Button variant="fill-light" color="primary" href="/api/auth/login/{server.id}" icon={mdiLogin}>Login</Button>
                 {/if}
               </div>
               {@const serverProjects = remoteProjects[server.authority]?.filter(p => p.crdt) ?? []}
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
index f13c479cc..b27bcb6b4 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
@@ -7,5 +7,6 @@ export interface ILexboxServer
 {
 	authority: any;
 	displayName: string;
+	id: string;
 }
 /* eslint-enable */

From 89111d9461efbbf978be5699b4c6dbb6bcdc8d65 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 17:24:00 +0700
Subject: [PATCH 013/108] wire up js invokable miniLcm service for crdts and
 fwdata

---
 .../FwLiteShared/Auth/OAuthClientFactory.cs   |   5 +-
 .../FwLite/FwLiteShared/FwLiteSharedKernel.cs |   2 +-
 .../FwLiteShared/Layout/EmptyLayout.razor     |  43 +++
 .../FwLiteShared/Pages/CrdtProject.razor      |  20 ++
 .../FwLiteShared/Pages/FwdataProject.razor    |  20 ++
 backend/FwLite/FwLiteShared/Pages/Home.razor  |  53 ----
 .../FwLiteShared/Services/FwLiteProvider.cs   |  47 +++-
 .../Services/MiniLcmJsInvokable.cs            | 247 ++++++++++++++++++
 frontend/viewer/src/CrdtProjectView.svelte    |   9 +-
 frontend/viewer/src/ProjectView.svelte        |   5 +-
 .../FwLiteShared/Services/DotnetService.ts    |   1 +
 .../FwLiteShared/Services/IFwLiteProvider.ts  |   4 +
 .../viewer/src/lib/services/lexbox-api.ts     |   2 +-
 .../lib/services/service-provider-dotnet.ts   |   5 +-
 .../src/lib/services/service-provider.ts      |   4 +-
 15 files changed, 394 insertions(+), 73 deletions(-)
 create mode 100644 backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
 create mode 100644 backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
 create mode 100644 backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs

diff --git a/backend/FwLite/FwLiteShared/Auth/OAuthClientFactory.cs b/backend/FwLite/FwLiteShared/Auth/OAuthClientFactory.cs
index 1058e5aa2..a0dca02e4 100644
--- a/backend/FwLite/FwLiteShared/Auth/OAuthClientFactory.cs
+++ b/backend/FwLite/FwLiteShared/Auth/OAuthClientFactory.cs
@@ -8,8 +8,9 @@ namespace FwLiteShared.Auth;
 
 public class OAuthClientFactory(IServiceProvider provider,
     IOptions<AuthConfig> options,
-    IRedirectUrlProvider? redirectUrlProvider,
-    ILogger<OAuthClientFactory> logger)
+    ILogger<OAuthClientFactory> logger,
+    IRedirectUrlProvider? redirectUrlProvider = null
+    )
 {
     private readonly ConcurrentDictionary<string, OAuthClient> _helpers = new();
 
diff --git a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
index bc6d75159..a8ec5ad51 100644
--- a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
+++ b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
@@ -24,7 +24,7 @@ public static IServiceCollection AddFwLiteShared(this IServiceCollection service
         services.AddScoped<SyncService>();
         services.AddSingleton<LexboxProjectService>();
         services.AddSingleton<CombinedProjectsService>();
-        services.AddSingleton<FwLiteProvider>();
+        services.AddScoped<FwLiteProvider>();
 
         services.AddSingleton<ChangeEventBus>();
         services.AddSingleton<BackgroundSyncService>();
diff --git a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor b/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
index e1a9a7567..907c77cf8 100644
--- a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
@@ -1,3 +1,46 @@
 @inherits LayoutComponentBase
+@using FwLiteShared.Services
+@using LexCore.Entities
+@inject IJSRuntime JS
+@inject FwLiteProvider FwLiteProvider
+<HeadContent>
+    @* <script type="module" src="@Assets["_content/FwLiteShared/viewer/index.js"]"></script> *@
+    <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
+    <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
+    <script>
+        window.setOverrideService = (key, service) => {
+            if (!window.lexbox || !window.lexbox.FwLiteProvider) {
+                if (window.lexbox && window.lexbox.DotNetServiceProvider) {
+                    window.lexbox.FwLiteProvider = {};
+                    window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
+                } else {
+                    window.lexbox = {FwLiteProvider: {}};
+                }
+            }
+            const services = window.lexbox.FwLiteProvider;
+            services[key] = service;
+        };
+    </script>
+</HeadContent>
+<div id="app" class="contents">
+</div>
 
 @Body
+
+@code {
+    private IJSObjectReference? module;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            foreach (var (serviceKey, service) in FwLiteProvider.GetServices())
+            {
+                await FwLiteProvider.SetService(serviceKey, service);
+            }
+
+            module = await JS.InvokeAsync<IJSObjectReference>("import",
+                "/" + Assets["_content/FwLiteShared/viewer/index.js"]);
+        }
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
new file mode 100644
index 000000000..d588f1fbb
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -0,0 +1,20 @@
+@page "/project/{projectName}"
+@using FwLiteShared.Layout
+@using FwLiteShared.Services
+@inject FwLiteProvider FwLiteProvider
+@layout EmptyLayout;
+<h3>CrdtProject</h3>
+
+@code {
+    [Parameter]
+    public required string ProjectName { get; set; }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+        if (firstRender)
+        {
+            await FwLiteProvider.InjectCrdtProject(ProjectName);
+        }
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
new file mode 100644
index 000000000..ae530140a
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
@@ -0,0 +1,20 @@
+@page "/fwdata/{projectName}"
+@using FwLiteShared.Layout
+@using FwLiteShared.Services
+@inject FwLiteProvider FwLiteProvider
+@layout EmptyLayout;
+<h3>CrdtProject</h3>
+
+@code {
+    [Parameter]
+    public required string ProjectName { get; set; }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+        if (firstRender)
+        {
+            await FwLiteProvider.InjectFwDataProject(ProjectName);
+        }
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
index 371b00495..a0a761686 100644
--- a/backend/FwLite/FwLiteShared/Pages/Home.razor
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -1,57 +1,4 @@
 @page "/"
-@implements IDisposable
 @using FwLiteShared.Layout
-@using FwLiteShared.Services
-@inject IJSRuntime JS
-@inject FwLiteProvider FwLiteProvider
 @layout EmptyLayout;
-<HeadContent>
-    @* <script type="module" src="@Assets["_content/FwLiteShared/viewer/index.js"]"></script> *@
-    <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
-    <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
-    <script>
-        window.setOverrideService = (key, service) => {
-            if (!window.lexbox || !window.lexbox.FwLiteProvider) {
-                if (window.lexbox && window.lexbox.DotNetServiceProvider) {
-                    window.lexbox.FwLiteProvider = {};
-                    window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
-                } else {
-                    window.lexbox = {FwLiteProvider: {}};
-                }
-            }
-            const services = window.lexbox.FwLiteProvider;
-            services[key] = service;
-        };
-    </script>
-</HeadContent>
-<div id="app" class="contents">
-    <lexbox-svelte projectName="Test project"></lexbox-svelte>
-</div>
 
-@code {
-    private IJSObjectReference? module;
-    private List<IDisposable> disposables = new();
-
-    protected override async Task OnAfterRenderAsync(bool firstRender)
-    {
-        if (firstRender)
-        {
-            foreach (var (serviceKey, service) in FwLiteProvider.GetServices())
-            {
-                var reference = DotNetObjectReference.Create(service);
-                disposables.Add(reference);
-                await JS.InvokeVoidAsync("setOverrideService", serviceKey.ToString(), reference);
-            }
-            module = await JS.InvokeAsync<IJSObjectReference>("import",
-                "/" + Assets["_content/FwLiteShared/viewer/index.js"]);
-        }
-    }
-
-    public void Dispose()
-    {
-        foreach (var disposable in disposables)
-        {
-            disposable.Dispose();
-        }
-    }
-}
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index dc049376b..b371828c2 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -1,18 +1,37 @@
 using System.Text.Json.Serialization;
+using FwDataMiniLcmBridge;
 using FwLiteShared.Auth;
 using FwLiteShared.Projects;
+using LcmCrdt;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.JSInterop;
+using MiniLcm;
 
 namespace FwLiteShared.Services;
 
 public class FwLiteProvider(
     CombinedProjectsService projectService,
     AuthService authService,
-    ImportFwdataService importFwdataService
-)
+    ImportFwdataService importFwdataService,
+    CrdtProjectsService crdtProjectsService,
+    IServiceProvider serviceProvider,
+    FwDataProjectContext fwDataProjectContext,
+    FieldWorksProjectList fieldWorksProjectList,
+    IJSRuntime jsRuntime
+): IDisposable
 {
+    private readonly List<IDisposable> _disposables = [];
+    public void Dispose()
+    {
+        foreach (var disposable in _disposables)
+        {
+            disposable.Dispose();
+        }
+    }
+
     public Dictionary<DotnetService, object> GetServices()
     {
-        return Enum.GetValues<DotnetService>().ToDictionary(s => s, GetService);
+        return Enum.GetValues<DotnetService>().Where(s => s != DotnetService.MiniLcmApi).ToDictionary(s => s, GetService);
     }
 
     public object GetService(DotnetService service)
@@ -25,11 +44,33 @@ public object GetService(DotnetService service)
             _ => throw new ArgumentOutOfRangeException(nameof(service), service, null)
         };
     }
+
+    public async Task SetService(DotnetService service, object serviceInstance)
+    {
+        var reference = DotNetObjectReference.Create(serviceInstance);
+        _disposables.Add(reference);
+        await jsRuntime.InvokeVoidAsync("setOverrideService", service.ToString(), reference);
+    }
+
+    public async Task InjectCrdtProject(string projectName)
+    {
+        crdtProjectsService.SetActiveProject(projectName);
+        var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredService<IMiniLcmApi>());
+        await SetService(DotnetService.MiniLcmApi, service);
+    }
+
+    public async Task InjectFwDataProject(string projectName)
+    {
+        fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
+        var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
+        await SetService(DotnetService.MiniLcmApi, service);
+    }
 }
 
 [JsonConverter(typeof(JsonStringEnumConverter))]
 public enum DotnetService
 {
+    MiniLcmApi,
     CombinedProjectsService,
     AuthService,
     ImportFwdataService,
diff --git a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
new file mode 100644
index 000000000..7af7e67aa
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
@@ -0,0 +1,247 @@
+using FwDataMiniLcmBridge.Api;
+using LcmCrdt;
+using Microsoft.JSInterop;
+using MiniLcm;
+using MiniLcm.Models;
+
+namespace FwLiteShared.Services;
+
+internal class MiniLcmJsInvokable(IMiniLcmApi api)
+{
+    public record MiniLcmFeatures(bool History, bool Write, bool OpenWithFlex, bool Feedback, bool Sync);
+    [JSInvokable]
+    public MiniLcmFeatures SupportedFeatures()
+    {
+        var isCrdtProject = api is CrdtMiniLcmApi;
+        var isFwDataProject = api is FwDataMiniLcmApi;
+        return new(History: isCrdtProject, Write: true, OpenWithFlex: isFwDataProject, Feedback: true, Sync: isCrdtProject);
+    }
+
+    [JSInvokable]
+    public Task<WritingSystems> GetWritingSystems()
+    {
+        return api.GetWritingSystems();
+    }
+
+    [JSInvokable]
+    public ValueTask<PartOfSpeech[]> GetPartsOfSpeech()
+    {
+        return api.GetPartsOfSpeech().ToArrayAsync();
+    }
+
+    [JSInvokable]
+    public ValueTask<SemanticDomain[]> GetSemanticDomains()
+    {
+        return api.GetSemanticDomains().ToArrayAsync();
+    }
+
+    [JSInvokable]
+    public ValueTask<ComplexFormType[]> GetComplexFormTypes()
+    {
+        return api.GetComplexFormTypes().ToArrayAsync();
+    }
+
+    [JSInvokable]
+    public Task<ComplexFormType?> GetComplexFormType(Guid id)
+    {
+        return api.GetComplexFormType(id);
+    }
+
+    [JSInvokable]
+    public ValueTask<Entry[]> GetEntries(QueryOptions? options = null)
+    {
+        return api.GetEntries(options).ToArrayAsync();
+    }
+
+    [JSInvokable]
+    public ValueTask<Entry[]> SearchEntries(string query, QueryOptions? options = null)
+    {
+        return api.SearchEntries(query, options).ToArrayAsync();
+    }
+
+    [JSInvokable]
+    public Task<Entry?> GetEntry(Guid id)
+    {
+        return api.GetEntry(id);
+    }
+
+    [JSInvokable]
+    public Task<Sense?> GetSense(Guid entryId, Guid id)
+    {
+        return api.GetSense(entryId, id);
+    }
+
+    [JSInvokable]
+    public Task<PartOfSpeech?> GetPartOfSpeech(Guid id)
+    {
+        return api.GetPartOfSpeech(id);
+    }
+
+    [JSInvokable]
+    public Task<SemanticDomain?> GetSemanticDomain(Guid id)
+    {
+        return api.GetSemanticDomain(id);
+    }
+
+    [JSInvokable]
+    public Task<ExampleSentence?> GetExampleSentence(Guid entryId, Guid senseId, Guid id)
+    {
+        return api.GetExampleSentence(entryId, senseId, id);
+    }
+
+    [JSInvokable]
+    public Task<WritingSystem> CreateWritingSystem(WritingSystemType type, WritingSystem writingSystem)
+    {
+        return api.CreateWritingSystem(type, writingSystem);
+    }
+
+    [JSInvokable]
+    public Task<WritingSystem> UpdateWritingSystem(WritingSystem before, WritingSystem after)
+    {
+        return api.UpdateWritingSystem(before, after);
+    }
+
+    [JSInvokable]
+    public Task<PartOfSpeech> CreatePartOfSpeech(PartOfSpeech partOfSpeech)
+    {
+        return api.CreatePartOfSpeech(partOfSpeech);
+    }
+
+    [JSInvokable]
+    public Task<PartOfSpeech> UpdatePartOfSpeech(PartOfSpeech before, PartOfSpeech after)
+    {
+        return api.UpdatePartOfSpeech(before, after);
+    }
+
+    [JSInvokable]
+    public Task DeletePartOfSpeech(Guid id)
+    {
+        return api.DeletePartOfSpeech(id);
+    }
+
+    [JSInvokable]
+    public Task<SemanticDomain> CreateSemanticDomain(SemanticDomain semanticDomain)
+    {
+        return api.CreateSemanticDomain(semanticDomain);
+    }
+
+    [JSInvokable]
+    public Task<SemanticDomain> UpdateSemanticDomain(SemanticDomain before, SemanticDomain after)
+    {
+        return api.UpdateSemanticDomain(before, after);
+    }
+
+    [JSInvokable]
+    public Task DeleteSemanticDomain(Guid id)
+    {
+        return api.DeleteSemanticDomain(id);
+    }
+
+    [JSInvokable]
+    public Task<ComplexFormType> CreateComplexFormType(ComplexFormType complexFormType)
+    {
+        return api.CreateComplexFormType(complexFormType);
+    }
+
+    [JSInvokable]
+    public Task<ComplexFormType> UpdateComplexFormType(ComplexFormType before, ComplexFormType after)
+    {
+        return api.UpdateComplexFormType(before, after);
+    }
+
+    [JSInvokable]
+    public Task DeleteComplexFormType(Guid id)
+    {
+        return api.DeleteComplexFormType(id);
+    }
+
+    [JSInvokable]
+    public Task<Entry> CreateEntry(Entry entry)
+    {
+        return api.CreateEntry(entry);
+    }
+
+    [JSInvokable]
+    public Task<Entry> UpdateEntry(Entry before, Entry after)
+    {
+        return api.UpdateEntry(before, after);
+    }
+
+    [JSInvokable]
+    public Task DeleteEntry(Guid id)
+    {
+        return api.DeleteEntry(id);
+    }
+
+    [JSInvokable]
+    public Task<ComplexFormComponent> CreateComplexFormComponent(ComplexFormComponent complexFormComponent)
+    {
+        return api.CreateComplexFormComponent(complexFormComponent);
+    }
+
+    [JSInvokable]
+    public Task DeleteComplexFormComponent(ComplexFormComponent complexFormComponent)
+    {
+        return api.DeleteComplexFormComponent(complexFormComponent);
+    }
+
+    [JSInvokable]
+    public Task AddComplexFormType(Guid entryId, Guid complexFormTypeId)
+    {
+        return api.AddComplexFormType(entryId, complexFormTypeId);
+    }
+
+    [JSInvokable]
+    public Task RemoveComplexFormType(Guid entryId, Guid complexFormTypeId)
+    {
+        return api.RemoveComplexFormType(entryId, complexFormTypeId);
+    }
+
+    [JSInvokable]
+    public Task<Sense> CreateSense(Guid entryId, Sense sense)
+    {
+        return api.CreateSense(entryId, sense);
+    }
+
+    [JSInvokable]
+    public Task<Sense> UpdateSense(Guid entryId, Sense before, Sense after)
+    {
+        return api.UpdateSense(entryId, before, after);
+    }
+
+    [JSInvokable]
+    public Task DeleteSense(Guid entryId, Guid senseId)
+    {
+        return api.DeleteSense(entryId, senseId);
+    }
+
+    [JSInvokable]
+    public Task AddSemanticDomainToSense(Guid senseId, SemanticDomain semanticDomain)
+    {
+        return api.AddSemanticDomainToSense(senseId, semanticDomain);
+    }
+
+    [JSInvokable]
+    public Task RemoveSemanticDomainFromSense(Guid senseId, Guid semanticDomainId)
+    {
+        return api.RemoveSemanticDomainFromSense(senseId, semanticDomainId);
+    }
+
+    [JSInvokable]
+    public Task<ExampleSentence> CreateExampleSentence(Guid entryId, Guid senseId, ExampleSentence exampleSentence)
+    {
+        return api.CreateExampleSentence(entryId, senseId, exampleSentence);
+    }
+
+    [JSInvokable]
+    public Task<ExampleSentence> UpdateExampleSentence(Guid entryId, Guid senseId, ExampleSentence before, ExampleSentence after)
+    {
+        return api.UpdateExampleSentence(entryId, senseId, before, after);
+    }
+
+    [JSInvokable]
+    public Task DeleteExampleSentence(Guid entryId, Guid senseId, Guid exampleSentenceId)
+    {
+        return api.DeleteExampleSentence(entryId, senseId, exampleSentenceId);
+    }
+}
diff --git a/frontend/viewer/src/CrdtProjectView.svelte b/frontend/viewer/src/CrdtProjectView.svelte
index a82224f83..c5a802ff5 100644
--- a/frontend/viewer/src/CrdtProjectView.svelte
+++ b/frontend/viewer/src/CrdtProjectView.svelte
@@ -1,13 +1,6 @@
 <script lang="ts">
-  import {SetupSignalR} from './lib/services/service-provider-signalr';
   import ProjectView from './ProjectView.svelte';
 
   export let projectName: string;
-  const {connected} = SetupSignalR(`/api/hub/${projectName}/lexbox`, {
-    history: true,
-    write: true,
-    feedback: true,
-    sync: true
-  });
 </script>
-<ProjectView {projectName} isConnected={$connected}></ProjectView>
+<ProjectView {projectName} isConnected></ProjectView>
diff --git a/frontend/viewer/src/ProjectView.svelte b/frontend/viewer/src/ProjectView.svelte
index af535ba5e..d7f2ea2d0 100644
--- a/frontend/viewer/src/ProjectView.svelte
+++ b/frontend/viewer/src/ProjectView.svelte
@@ -62,7 +62,10 @@
   }));
 
   const lexboxApi = useLexboxApi();
-  const features = writable<LexboxFeatures>(lexboxApi.SupportedFeatures());
+  void lexboxApi.SupportedFeatures().then(f => {
+    features.set(f);
+  });
+  const features = writable<LexboxFeatures>({});
   setContext<Readable<LexboxFeatures>>('features', features);
   setContext('saveEvents', saveEventDispatcher);
   setContext('saveHandler', saveHandler);
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts
index 597d3a0f6..4edb057a7 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/DotnetService.ts
@@ -4,6 +4,7 @@
 //     the code is regenerated.
 
 export enum DotnetService {
+	MiniLcmApi = "MiniLcmApi",
 	CombinedProjectsService = "CombinedProjectsService",
 	AuthService = "AuthService",
 	ImportFwdataService = "ImportFwdataService"
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
index a30b732fb..a15391847 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
@@ -7,7 +7,11 @@ import type {DotnetService} from './DotnetService';
 
 export interface IFwLiteProvider
 {
+	dispose() : void;
 	getServices() : { [key in DotnetService]: any };
 	getService(service: DotnetService) : any;
+	setService(service: DotnetService, serviceInstance: any) : Promise<void>;
+	injectCrdtProject(projectName: string) : Promise<void>;
+	injectFwDataProject(projectName: string) : Promise<void>;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/services/lexbox-api.ts b/frontend/viewer/src/lib/services/lexbox-api.ts
index 8226378f4..0f9e81e6b 100644
--- a/frontend/viewer/src/lib/services/lexbox-api.ts
+++ b/frontend/viewer/src/lib/services/lexbox-api.ts
@@ -50,7 +50,7 @@ export interface LexboxApi {
 }
 
 export interface LexboxApiMetadata {
-  SupportedFeatures(): LexboxApiFeatures;
+  SupportedFeatures(): Promise<LexboxApiFeatures>;
 }
 
 export type LexboxApiClient = LexboxApi & LexboxApiMetadata;
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index 046e2ccb2..38ef35043 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -19,10 +19,11 @@ export class DotNetServiceProvider {
     this.services = fwLiteProvider;
   }
 
-  public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] {
+  public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] | undefined {
     this.validateAllServices();
     let service = this.services[key] as unknown as DotNet.DotNetObject;
-    if (!service) throw new Error(`Service ${key} is null`);
+    //todo maybe don't return undefined
+    if (!service) return undefined;
     return wrapInProxy(service) as LexboxServiceRegistry[K];
   }
   private validateAllServices() {
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index 40d21da98..a7a4dca66 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -24,7 +24,7 @@ export enum LexboxService {
 export type ServiceKey = keyof LexboxServiceRegistry;
 
 export type LexboxServiceRegistry = {
-  [LexboxService.LexboxApi]: LexboxApiClient,
+  [DotnetService.MiniLcmApi]: LexboxApiClient,
   [DotnetService.CombinedProjectsService]: ICombinedProjectsService,
   [DotnetService.AuthService]: IAuthService,
   [DotnetService.ImportFwdataService]: IImportFwdataService,
@@ -65,7 +65,7 @@ export class LexboxServiceProvider {
 }
 
 export function useLexboxApi(): LexboxApiClient {
-  return window.lexbox.ServiceProvider.getService(LexboxService.LexboxApi);
+  return window.lexbox.ServiceProvider.getService(DotnetService.MiniLcmApi);
 }
 
 export function useProjectsService(): ICombinedProjectsService {

From bb818e6ab1c1874f0d01be6201ee87079ec607f8 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 6 Dec 2024 23:28:04 +0700
Subject: [PATCH 014/108] create dotnet project view to solve late binding of
 api service, fix issue with IHostApplicationLifetime not being available in
 Maui

---
 .../FwLite/FwLiteDesktop/FwLiteDesktop.csproj |  1 -
 backend/FwLite/FwLiteDesktop/MauiProgram.cs   |  8 +----
 .../FwLite/FwLiteDesktop/wwwroot/index.html   |  2 +-
 .../FwLiteShared/Layout/EmptyLayout.razor     | 34 +++++++++----------
 .../FwLiteShared/Pages/CrdtProject.razor      | 13 ++++++-
 backend/FwLite/FwLiteShared/Routes.razor      |  2 +-
 .../FwLiteShared/Services/FwLiteProvider.cs   |  8 +++--
 .../Sync/BackgroundSyncService.cs             |  5 +--
 frontend/viewer/src/App.svelte                |  4 +--
 frontend/viewer/src/DotnetProjectView.svelte  | 22 ++++++++++++
 .../FwLiteShared/Services/IFwLiteProvider.ts  |  4 +--
 11 files changed, 66 insertions(+), 37 deletions(-)
 create mode 100644 frontend/viewer/src/DotnetProjectView.svelte

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 42a57f082..1bdc67e46 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -85,7 +85,6 @@
 	</ItemGroup>
 
 	<ItemGroup>
-	    <ProjectReference Include="..\LocalWebApp\LocalWebApp.csproj" />
         <ProjectReference Include="..\FwLiteShared\FwLiteShared.csproj" />
         <ProjectReference Include="..\LcmCrdt\LcmCrdt.csproj" />
         <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
diff --git a/backend/FwLite/FwLiteDesktop/MauiProgram.cs b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
index e8ad4fc57..158f74132 100644
--- a/backend/FwLite/FwLiteDesktop/MauiProgram.cs
+++ b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
@@ -1,11 +1,5 @@
-using FwLiteShared;
-using LcmCrdt;
-using LocalWebApp;
-using Microsoft.Extensions.Configuration;
-using Microsoft.Extensions.Hosting.Internal;
-using Microsoft.Extensions.Logging;
+using Microsoft.Extensions.Logging;
 using Microsoft.Maui.LifecycleEvents;
-using NReco.Logging.File;
 
 namespace FwLiteDesktop;
 
diff --git a/backend/FwLite/FwLiteDesktop/wwwroot/index.html b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
index 944556c98..e74f55a15 100644
--- a/backend/FwLite/FwLiteDesktop/wwwroot/index.html
+++ b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
     <title>FwLiteDesktop</title>
     <base href="/" />
-    <link rel="icon" href="data:,">
+    <link rel="icon" type="image/png" href="_content/FwLiteShared/favicon.png"/>
 </head>
 
 <body>
diff --git a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor b/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
index 907c77cf8..add30eda7 100644
--- a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
@@ -3,25 +3,23 @@
 @using LexCore.Entities
 @inject IJSRuntime JS
 @inject FwLiteProvider FwLiteProvider
-<HeadContent>
-    @* <script type="module" src="@Assets["_content/FwLiteShared/viewer/index.js"]"></script> *@
-    <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
-    <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
-    <script>
-        window.setOverrideService = (key, service) => {
-            if (!window.lexbox || !window.lexbox.FwLiteProvider) {
-                if (window.lexbox && window.lexbox.DotNetServiceProvider) {
-                    window.lexbox.FwLiteProvider = {};
-                    window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
-                } else {
-                    window.lexbox = {FwLiteProvider: {}};
-                }
+
+<link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
+<link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
+<script>
+    window.setOverrideService = (key, service) => {
+        if (!window.lexbox || !window.lexbox.FwLiteProvider) {
+            if (window.lexbox && window.lexbox.DotNetServiceProvider) {
+                window.lexbox.FwLiteProvider = {};
+                window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
+            } else {
+                window.lexbox = {FwLiteProvider: {}};
             }
-            const services = window.lexbox.FwLiteProvider;
-            services[key] = service;
-        };
-    </script>
-</HeadContent>
+        }
+        const services = window.lexbox.FwLiteProvider;
+        services[key] = service;
+    };
+</script>
 <div id="app" class="contents">
 </div>
 
diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
index d588f1fbb..814aed6ee 100644
--- a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -2,19 +2,30 @@
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
 @inject FwLiteProvider FwLiteProvider
+@implements IAsyncDisposable
 @layout EmptyLayout;
 <h3>CrdtProject</h3>
 
 @code {
+
     [Parameter]
     public required string ProjectName { get; set; }
 
+    private IAsyncDisposable? _disposable;
+
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         await base.OnAfterRenderAsync(firstRender);
         if (firstRender)
         {
-            await FwLiteProvider.InjectCrdtProject(ProjectName);
+            _disposable = await FwLiteProvider.InjectCrdtProject(ProjectName);
         }
     }
+
+    public async ValueTask DisposeAsync()
+    {
+        if (_disposable is not null)
+            await _disposable.DisposeAsync();
+    }
+
 }
diff --git a/backend/FwLite/FwLiteShared/Routes.razor b/backend/FwLite/FwLiteShared/Routes.razor
index bfe6497c0..bb95fb03e 100644
--- a/backend/FwLite/FwLiteShared/Routes.razor
+++ b/backend/FwLite/FwLiteShared/Routes.razor
@@ -1,6 +1,6 @@
 <Router AppAssembly="typeof(Layout.MainLayout).Assembly">
     <Found Context="routeData">
-        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)"/>
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.EmptyLayout)"/>
         <FocusOnNavigate RouteData="routeData" Selector="h1"/>
     </Found>
 </Router>
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index b371828c2..fcae16d11 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -3,6 +3,7 @@
 using FwLiteShared.Auth;
 using FwLiteShared.Projects;
 using LcmCrdt;
+using LexCore.Utils;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.JSInterop;
 using MiniLcm;
@@ -52,18 +53,21 @@ public async Task SetService(DotnetService service, object serviceInstance)
         await jsRuntime.InvokeVoidAsync("setOverrideService", service.ToString(), reference);
     }
 
-    public async Task InjectCrdtProject(string projectName)
+    public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
     {
         crdtProjectsService.SetActiveProject(projectName);
         var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredService<IMiniLcmApi>());
         await SetService(DotnetService.MiniLcmApi, service);
+        return Defer.Async(async () => await jsRuntime.InvokeVoidAsync("setOverrideService", DotnetService.MiniLcmApi.ToString(), null));
     }
 
-    public async Task InjectFwDataProject(string projectName)
+    public async Task<IAsyncDisposable> InjectFwDataProject(string projectName)
     {
         fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
         var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
         await SetService(DotnetService.MiniLcmApi, service);
+        return Defer.Async(async () => await jsRuntime.InvokeVoidAsync("setOverrideService",
+            DotnetService.MiniLcmApi.ToString(), null));
     }
 }
 
diff --git a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
index cacac6867..86b66ee21 100644
--- a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
+++ b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
@@ -10,10 +10,10 @@ namespace FwLiteShared.Sync;
 
 public class BackgroundSyncService(
     CrdtProjectsService crdtProjectsService,
-    IHostApplicationLifetime applicationLifetime,
     ProjectContext projectContext,
     ILogger<BackgroundSyncService> logger,
-    IMemoryCache memoryCache) : BackgroundService
+    IMemoryCache memoryCache,
+    IHostApplicationLifetime? applicationLifetime = null) : BackgroundService
 {
     private readonly Channel<CrdtProject> _syncResultsChannel = Channel.CreateUnbounded<CrdtProject>();
 
@@ -52,6 +52,7 @@ public void TriggerSync(CrdtProject crdtProject)
 
     private Task StartedAsync()
     {
+        if (applicationLifetime is null) return Task.CompletedTask;
         var tcs = new TaskCompletionSource();
         applicationLifetime.ApplicationStarted.Register(() => tcs.SetResult());
         return tcs.Task;
diff --git a/frontend/viewer/src/App.svelte b/frontend/viewer/src/App.svelte
index e2da56fc8..4eb0c6fe8 100644
--- a/frontend/viewer/src/App.svelte
+++ b/frontend/viewer/src/App.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import {Router, Route, navigate} from 'svelte-routing';
-  import CrdtProjectView from './CrdtProjectView.svelte';
   import TestProjectView from './TestProjectView.svelte';
   import FwDataProjectView from './FwDataProjectView.svelte';
   import HomeView from './HomeView.svelte';
   import NotificationOutlet from './lib/notifications/NotificationOutlet.svelte';
   import Sandbox from './lib/sandbox/Sandbox.svelte';
   import { settings } from 'svelte-ux';
+  import DotnetProjectView from './DotnetProjectView.svelte';
 
   export let url = '';
 
@@ -47,7 +47,7 @@
     <Route path="/project/:name" let:params>
       <Router {url} basepath="/project/{params.name}">
         {#key params.name}
-          <CrdtProjectView projectName={params.name}/>
+          <DotnetProjectView projectName={params.name}/>
         {/key}
       </Router>
     </Route>
diff --git a/frontend/viewer/src/DotnetProjectView.svelte b/frontend/viewer/src/DotnetProjectView.svelte
new file mode 100644
index 000000000..05570c12f
--- /dev/null
+++ b/frontend/viewer/src/DotnetProjectView.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  import ProjectView from './ProjectView.svelte';
+  import {onMount} from 'svelte';
+  import {DotnetService} from './lib/dotnet-types';
+
+  export let projectName: string;
+  let serviceLoaded = false;
+  onMount(() => {
+    //check for minilcm in on a timeout
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    let timer: any;
+    timer = setInterval(() => {
+      if (window.lexbox.DotNetServiceProvider?.getService(DotnetService.MiniLcmApi)) {
+        clearTimeout(timer);
+        serviceLoaded = true;
+      }
+    }, 200);
+  });
+</script>
+{#if serviceLoaded}
+  <ProjectView {projectName} isConnected></ProjectView>
+{/if}
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
index a15391847..70c62d056 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
@@ -11,7 +11,7 @@ export interface IFwLiteProvider
 	getServices() : { [key in DotnetService]: any };
 	getService(service: DotnetService) : any;
 	setService(service: DotnetService, serviceInstance: any) : Promise<void>;
-	injectCrdtProject(projectName: string) : Promise<void>;
-	injectFwDataProject(projectName: string) : Promise<void>;
+	injectCrdtProject(projectName: string) : Promise<any>;
+	injectFwDataProject(projectName: string) : Promise<any>;
 }
 /* eslint-enable */

From e89f69034837954a04f488bc9063e4d219f721c1 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Sat, 7 Dec 2024 00:43:21 +0700
Subject: [PATCH 015/108] remove reference which was breaking android build of
 FwLiteDesktop

---
 backend/FwLite/LcmCrdt/Data/SqlSortingExtensions.cs | 4 +---
 backend/FwLite/LcmCrdt/LcmCrdt.csproj               | 1 -
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/backend/FwLite/LcmCrdt/Data/SqlSortingExtensions.cs b/backend/FwLite/LcmCrdt/Data/SqlSortingExtensions.cs
index 8e5465fa2..95ff1ffde 100644
--- a/backend/FwLite/LcmCrdt/Data/SqlSortingExtensions.cs
+++ b/backend/FwLite/LcmCrdt/Data/SqlSortingExtensions.cs
@@ -1,7 +1,5 @@
-using System.Data.SQLite;
-using System.Linq.Expressions;
+using System.Linq.Expressions;
 using LinqToDB;
-using SIL.WritingSystems;
 
 namespace LcmCrdt.Data;
 
diff --git a/backend/FwLite/LcmCrdt/LcmCrdt.csproj b/backend/FwLite/LcmCrdt/LcmCrdt.csproj
index 66bd926ff..ef5e0bdf6 100644
--- a/backend/FwLite/LcmCrdt/LcmCrdt.csproj
+++ b/backend/FwLite/LcmCrdt/LcmCrdt.csproj
@@ -13,7 +13,6 @@
         <PackageReference Include="Humanizer.Core" Version="2.14.1"/>
         <PackageReference Include="linq2db.AspNet" Version="5.4.1"/>
         <PackageReference Include="linq2db.EntityFrameworkCore" Version="8.1.0" />
-        <PackageReference Include="linq2db.SQLite" Version="5.4.1" />
         <PackageReference Include="Microsoft.Extensions.Hosting.Abstractions" Version="8.0.0"/>
         <PackageReference Include="Microsoft.Extensions.Options.ConfigurationExtensions" Version="9.0.0" />
         <PackageReference Include="Refit" Version="8.0.0"/>

From 664f92b9b1a55b28a16242bece0c137a35789c50 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Sat, 7 Dec 2024 00:44:10 +0700
Subject: [PATCH 016/108] dont set TargetFramework in build props as that
 prevents projects from setting more specific frameworks

---
 backend/Directory.Build.props | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/Directory.Build.props b/backend/Directory.Build.props
index 574e961ef..cd811496f 100644
--- a/backend/Directory.Build.props
+++ b/backend/Directory.Build.props
@@ -10,7 +10,7 @@
     </PropertyGroup>
     <PropertyGroup>
         <InformationalVersion>dev</InformationalVersion>
-        <TargetFramework>net9.0</TargetFramework>
+        <TargetFrameworks Condition="'$(TargetFrameworks)' == ''">net9.0</TargetFrameworks>
         <EnforceCodeStyleInBuild>false</EnforceCodeStyleInBuild>
         <ImplicitUsings>enable</ImplicitUsings>
         <Nullable>enable</Nullable>

From e2b99a3d3f137df901856b9065c6cab9fbe249bd Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Sat, 7 Dec 2024 01:09:51 +0700
Subject: [PATCH 017/108] fix some broken stuff due to services not existing

---
 .../FwLiteDesktop/FwLiteDesktopKernel.cs      | 28 +++++++++++++-----
 backend/FwLite/FwLiteDesktop/MauiProgram.cs   |  6 ----
 .../FwLite/FwLiteShared/Auth/OAuthClient.cs   |  7 +++--
 .../FwLite/FwLiteShared/Auth/OAuthService.cs  | 29 ++++++++++++++-----
 4 files changed, 46 insertions(+), 24 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 646a2a987..41eb523fe 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -1,5 +1,4 @@
-using Windows.ApplicationModel;
-using FwLiteShared;
+using FwLiteShared;
 using FwLiteShared.Auth;
 using LcmCrdt;
 using Microsoft.Extensions.Configuration;
@@ -19,14 +18,24 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         services.AddSingleton<MainPage>();
         configuration.AddJsonFile("appsettings.json", optional: true);
 
+        services.Configure<AuthConfig>(config =>
+            config.LexboxServers =
+            [
+                new(new("https://lexbox.dev.languagetechnology.org"), "Lexbox Dev"),
+                new(new("https://staging.languagedepot.org"), "Lexbox Staging")
+            ]);
+        services.Configure<AuthConfig>(c => c.ClientId = "becf2856-0690-434b-b192-a4032b72067f");
 
         string environment = "Production";
 #if DEBUG
         environment = "Development";
 #endif
-        services.AddFwLiteShared(new HostingEnvironment() { EnvironmentName = environment });
+        var env = new HostingEnvironment() { EnvironmentName = environment };
+        services.AddSingleton<IHostEnvironment>(env);
+        services.AddFwLiteShared(env);
         var defaultDataPath = IsPackagedApp ? FileSystem.AppDataDirectory : Directory.GetCurrentDirectory();
-        var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ?? defaultDataPath);
+        var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ??
+                                            defaultDataPath);
         Directory.CreateDirectory(baseDataPath);
         services.Configure<LcmCrdtConfig>(config =>
         {
@@ -37,19 +46,21 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
             config.CacheFileName = Path.Combine(baseDataPath, "msal.cache");
             config.SystemWebViewLogin = true;
         });
-        logging.AddFile(Path.Combine(baseDataPath, "app.log"));
+        // logging.AddFile(Path.Combine(baseDataPath, "app.log"));
         logging.AddConsole();
 #if DEBUG
         logging.AddDebug();
 #endif
     }
 
-    static readonly Lazy<bool> IsPackagedAppLazy = new(static () =>
+#if WINDOWS
+    private static readonly Lazy<bool> IsPackagedAppLazy = new(static () =>
     {
         try
         {
-            if (Package.Current != null)
+            if (Windows.ApplicationModel.Package.Current != null)
                 return true;
+            return false;
         }
         catch
         {
@@ -60,4 +71,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
     });
 
     public static bool IsPackagedApp => IsPackagedAppLazy.Value;
+#else
+    private static bool IsPackagedApp => true;
+#endif
 }
diff --git a/backend/FwLite/FwLiteDesktop/MauiProgram.cs b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
index 158f74132..357542c56 100644
--- a/backend/FwLite/FwLiteDesktop/MauiProgram.cs
+++ b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
@@ -21,12 +21,6 @@ public static MauiApp CreateMauiApp()
                 fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                 fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
             });
-        builder.ConfigureLifecycleEvents(events => events.AddWindows(windowsEvents =>
-        {
-            windowsEvents.OnClosed((window, args) =>
-            {
-            });
-        }));
 
         builder.Services.AddMauiBlazorWebView();
 #if DEBUG
diff --git a/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs b/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
index b9affb158..95fed3d23 100644
--- a/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
+++ b/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
@@ -29,12 +29,13 @@ public class OAuthClient
     public OAuthClient(LoggerAdapter loggerAdapter,
         IHttpMessageHandlerFactory httpMessageHandlerFactory,
         IOptions<AuthConfig> options,
-        IRedirectUrlProvider? redirectUrlProvider,
         OAuthService oAuthService,
         LexboxServer lexboxServer,
         LexboxProjectService lexboxProjectService,
         ILogger<OAuthClient> logger,
-        IHostEnvironment hostEnvironment)
+        IHostEnvironment? hostEnvironment = null,
+        IRedirectUrlProvider? redirectUrlProvider = null
+            )
     {
         _httpMessageHandlerFactory = httpMessageHandlerFactory;
         _oAuthService = oAuthService;
@@ -48,7 +49,7 @@ public OAuthClient(LoggerAdapter loggerAdapter,
         //https://github.com/AzureAD/microsoft-authentication-extensions-for-dotnet/wiki/Cross-platform-Token-Cache
         _application = PublicClientApplicationBuilder.Create(options.Value.ClientId)
             .WithExperimentalFeatures()
-            .WithLogging(loggerAdapter, hostEnvironment.IsDevelopment())
+            .WithLogging(loggerAdapter, hostEnvironment?.IsDevelopment() ?? false)
             .WithHttpClientFactory(new HttpClientFactoryAdapter(httpMessageHandlerFactory))
             .WithRedirectUri(RedirectUrl)
             .WithOidcAuthority(lexboxServer.Authority.ToString())
diff --git a/backend/FwLite/FwLiteShared/Auth/OAuthService.cs b/backend/FwLite/FwLiteShared/Auth/OAuthService.cs
index 9c0605a6c..aca1a451c 100644
--- a/backend/FwLite/FwLiteShared/Auth/OAuthService.cs
+++ b/backend/FwLite/FwLiteShared/Auth/OAuthService.cs
@@ -10,25 +10,31 @@ namespace FwLiteShared.Auth;
 
 //this class is commented with a number of step comments, these are the steps in the OAuth flow
 //if a step comes before a method that means it awaits that call, if it comes after that means it resumes after the above await
-public class OAuthService(ILogger<OAuthService> logger, IHostApplicationLifetime applicationLifetime, IOptions<AuthConfig> options) : BackgroundService
+public class OAuthService(
+    ILogger<OAuthService> logger,
+    IOptions<AuthConfig> options,
+    IHostApplicationLifetime? applicationLifetime = null) : BackgroundService
 {
     public record SignInResult(Uri? AuthUri, bool HandledBySystemWebView);
+
     public async Task<SignInResult> SubmitLoginRequest(IPublicClientApplication application,
         string returnUrl,
         CancellationToken cancellation)
     {
         if (options.Value.SystemWebViewLogin)
         {
-           await HandleSystemWebViewLogin(application, cancellation);
-           return new(null, true);
+            await HandleSystemWebViewLogin(application, cancellation);
+            return new(null, true);
         }
+
         var request = new OAuthLoginRequest(application, returnUrl);
         if (!_requestChannel.Writer.TryWrite(request))
         {
             throw new InvalidOperationException("Only one request at a time");
         }
+
         //step 1
-        var uri = await request.GetAuthUri(applicationLifetime.ApplicationStopping.Merge(cancellation));
+        var uri = await request.GetAuthUri(applicationLifetime?.ApplicationStopping.Merge(cancellation) ?? cancellation);
         //step 4
         if (request.State is null) throw new InvalidOperationException("State is null");
         _oAuthLoginRequests[request.State] = request;
@@ -43,7 +49,8 @@ private async Task HandleSystemWebViewLogin(IPublicClientApplication application
             .ExecuteAsync(cancellation);
     }
 
-    public async Task<(AuthenticationResult, string ClientReturnUrl)> FinishLoginRequest(Uri uri, CancellationToken cancellation = default)
+    public async Task<(AuthenticationResult, string ClientReturnUrl)> FinishLoginRequest(Uri uri,
+        CancellationToken cancellation = default)
     {
         var queryString = HttpUtility.ParseQueryString(uri.Query);
         var state = queryString.Get("state") ?? throw new InvalidOperationException("State is null");
@@ -51,12 +58,15 @@ private async Task HandleSystemWebViewLogin(IPublicClientApplication application
             throw new InvalidOperationException("Invalid state");
         //step 5
         request.SetReturnUri(uri);
-        return (await request.GetAuthenticationResult(applicationLifetime.ApplicationStopping.Merge(cancellation)), request.ClientReturnUrl);
+        return (await request.GetAuthenticationResult(applicationLifetime?.ApplicationStopping.Merge(cancellation) ?? cancellation),
+            request.ClientReturnUrl);
         //step 8
     }
 
     private readonly Dictionary<string, OAuthLoginRequest> _oAuthLoginRequests = new();
-    private readonly Channel<OAuthLoginRequest> _requestChannel = Channel.CreateBounded<OAuthLoginRequest>(1);//only one request at a time
+
+    private readonly Channel<OAuthLoginRequest>
+        _requestChannel = Channel.CreateBounded<OAuthLoginRequest>(1); //only one request at a time
 
     protected override async Task ExecuteAsync(CancellationToken stoppingToken)
     {
@@ -118,6 +128,7 @@ public async Task<Uri> AcquireAuthorizationCodeAsync(Uri authorizationUri,
     public Task<Uri> GetAuthUri(CancellationToken cancellation) => _authUriTcs.Task.WaitAsync(cancellation);
     public void SetReturnUri(Uri uri) => _returnUriTcs.SetResult(uri);
     public void SetAuthenticationResult(AuthenticationResult result) => _resultTcs.SetResult(result);
+
     public void SetException(Exception e)
     {
         if (_authUriTcs.Task.IsCompleted)
@@ -126,7 +137,9 @@ public void SetException(Exception e)
             _authUriTcs.SetException(e);
     }
 
-    public Task<AuthenticationResult> GetAuthenticationResult(CancellationToken cancellation) => _resultTcs.Task.WaitAsync(cancellation);
+    public Task<AuthenticationResult> GetAuthenticationResult(CancellationToken cancellation) =>
+        _resultTcs.Task.WaitAsync(cancellation);
+
     /// <summary>
     /// url to return the client to once the login is finished
     /// </summary>

From 1d5a9d6e3017ef50b1a83f5ed3338806f61b7f39 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Sat, 7 Dec 2024 01:10:00 +0700
Subject: [PATCH 018/108] fix android app icon missing issue

---
 .../FwLiteDesktop/Platforms/Android/AndroidManifest.xml      | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Android/AndroidManifest.xml b/backend/FwLite/FwLiteDesktop/Platforms/Android/AndroidManifest.xml
index e9937ad77..ec8e3601c 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Android/AndroidManifest.xml
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Android/AndroidManifest.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-	<application android:allowBackup="true" android:icon="@mipmap/appicon" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true"></application>
+<!--    the app icon is kinda magic here, see https://learn.microsoft.com/en-us/dotnet/maui/user-interface/images/app-icons?view=net-maui-9.0&tabs=android-->
+	<application android:allowBackup="true" android:icon="@mipmap/logo_light" android:roundIcon="@mipmap/logo_light_round" android:supportsRtl="true"></application>
 	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
 	<uses-permission android:name="android.permission.INTERNET" />
-</manifest>
\ No newline at end of file
+</manifest>

From f1b73a67c0e820ab8ef67fdb065714f8eb77445f Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 9 Dec 2024 09:35:45 +0700
Subject: [PATCH 019/108] remove usage of `toSorted` which is not supported on
 older android phones

---
 .../src/lib/entry-editor/inputs/CrdtMultiOptionField.svelte     | 2 +-
 .../viewer/src/lib/entry-editor/inputs/CrdtOptionField.svelte   | 2 +-
 frontend/viewer/src/lib/services/view-service.ts                | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/viewer/src/lib/entry-editor/inputs/CrdtMultiOptionField.svelte b/frontend/viewer/src/lib/entry-editor/inputs/CrdtMultiOptionField.svelte
index d01305493..bfd640d16 100644
--- a/frontend/viewer/src/lib/entry-editor/inputs/CrdtMultiOptionField.svelte
+++ b/frontend/viewer/src/lib/entry-editor/inputs/CrdtMultiOptionField.svelte
@@ -18,7 +18,7 @@
   export let preserveOrder = false;
   let append: HTMLElement;
 
-  $: sortedOptions = options.toSorted((a, b) => a.label.localeCompare(b.label));
+  $: sortedOptions = [...options].sort((a, b) => a.label.localeCompare(b.label));
 
   function preserveSortOrder(unsortedValue: string[] | undefined): void {
     unsortedValue?.sort((a, b) => {
diff --git a/frontend/viewer/src/lib/entry-editor/inputs/CrdtOptionField.svelte b/frontend/viewer/src/lib/entry-editor/inputs/CrdtOptionField.svelte
index 86ca07818..58846dcb2 100644
--- a/frontend/viewer/src/lib/entry-editor/inputs/CrdtOptionField.svelte
+++ b/frontend/viewer/src/lib/entry-editor/inputs/CrdtOptionField.svelte
@@ -12,7 +12,7 @@
   export let readonly: boolean | undefined = undefined;
   let append: HTMLElement;
 
-  $: sortedOptions = options.toSorted((a, b) => a.label.localeCompare(b.label));
+  $: sortedOptions = [...options].sort((a, b) => a.label.localeCompare(b.label));
 </script>
 
 <CrdtField on:change bind:value bind:unsavedChanges let:editorValue let:onEditorValueChange viewMergeButtonPortal={append}>
diff --git a/frontend/viewer/src/lib/services/view-service.ts b/frontend/viewer/src/lib/services/view-service.ts
index 72ff8a4a3..c5ee10cfd 100644
--- a/frontend/viewer/src/lib/services/view-service.ts
+++ b/frontend/viewer/src/lib/services/view-service.ts
@@ -48,6 +48,6 @@ export function objectTemplateAreas(view: View, obj: object | string[]): string
   const fields = Array.isArray(obj) ? obj : Object.keys(obj);
   return Object.entries(view.fields)
     .filter(([id, field]) => fields.includes(id) && field.show)
-    .toSorted((a, b) => a[1].order - b[1].order)
+    .sort((a, b) => a[1].order - b[1].order)
     .map(([id, _field]) => `"${id} ${id} ${id}"`).join(' ');
 }

From dcfebb856058b10e0173effc2e0284448ae4f443 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 9 Dec 2024 09:38:01 +0700
Subject: [PATCH 020/108] allow invoking logout/login via js

---
 backend/FwLite/FwLiteShared/Auth/AuthService.cs | 2 ++
 frontend/viewer/src/HomeView.svelte             | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Auth/AuthService.cs b/backend/FwLite/FwLiteShared/Auth/AuthService.cs
index 9154b4132..4cc5a5767 100644
--- a/backend/FwLite/FwLiteShared/Auth/AuthService.cs
+++ b/backend/FwLite/FwLiteShared/Auth/AuthService.cs
@@ -20,6 +20,7 @@ public async Task<ServerStatus[]> Servers()
         }).ToArrayAsync();
     }
 
+    [JSInvokable]
     public async Task SignInWebView(LexboxServer server)
     {
         var result = await clientFactory.GetClient(server).SignIn(string.Empty);//does nothing here
@@ -34,6 +35,7 @@ public async Task<string> SignInWebApp(LexboxServer server, string returnUrl)
         return result.AuthUri.ToString();
     }
 
+    [JSInvokable]
     public async Task Logout(LexboxServer server)
     {
         await clientFactory.GetClient(server).Logout();
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 78698f7d6..3bb7b9a80 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -232,9 +232,9 @@
                   <p class="mr-2 px-2 py-1 text-sm border rounded-full">{status.loggedInAs}</p>
                 {/if}
                 {#if status.loggedIn}
-                  <Button variant="fill" color="primary" href="/api/auth/logout/{server.id}" icon={mdiLogout}>Logout</Button>
+                  <Button variant="fill" color="primary" on:click={() => authService.logout(server)} icon={mdiLogout}>Logout</Button>
                 {:else}
-                  <Button variant="fill-light" color="primary" href="/api/auth/login/{server.id}" icon={mdiLogin}>Login</Button>
+                  <Button variant="fill-light" color="primary" on:click={() => authService.signInWebView(server)} icon={mdiLogin}>Login</Button>
                 {/if}
               </div>
               {@const serverProjects = remoteProjects[server.authority]?.filter(p => p.crdt) ?? []}

From 9c81f76ac05a33f5328eccda0e24a59357d97ec0 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 9 Dec 2024 09:38:26 +0700
Subject: [PATCH 021/108] remove unused constructor fields on entry component
 change

---
 .../FwLite/LcmCrdt/Changes/Entries/AddEntryComponentChange.cs | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/backend/FwLite/LcmCrdt/Changes/Entries/AddEntryComponentChange.cs b/backend/FwLite/LcmCrdt/Changes/Entries/AddEntryComponentChange.cs
index f93630058..f12bb9d85 100644
--- a/backend/FwLite/LcmCrdt/Changes/Entries/AddEntryComponentChange.cs
+++ b/backend/FwLite/LcmCrdt/Changes/Entries/AddEntryComponentChange.cs
@@ -16,9 +16,7 @@ public class AddEntryComponentChange : CreateChange<ComplexFormComponent>, ISelf
     [JsonConstructor]
     public AddEntryComponentChange(Guid entityId,
         Guid complexFormEntryId,
-        string? complexFormHeadword,
         Guid componentEntryId,
-        string? componentHeadword,
         Guid? componentSenseId = null) : base(entityId)
     {
         ComplexFormEntryId = complexFormEntryId;
@@ -28,9 +26,7 @@ public AddEntryComponentChange(Guid entityId,
 
     public AddEntryComponentChange(ComplexFormComponent component) : this(component.Id == default ? Guid.NewGuid() : component.Id,
         component.ComplexFormEntryId,
-        component.ComplexFormHeadword,
         component.ComponentEntryId,
-        component.ComponentHeadword,
         component.ComponentSenseId)
     {
     }

From bdba9d712273c5a20458ea8cdad29c5195f12b09 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 9 Dec 2024 09:38:47 +0700
Subject: [PATCH 022/108] populate datacache when injecting a crdt project to
 the active scope

---
 backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index fcae16d11..31849c51b 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -56,6 +56,7 @@ public async Task SetService(DotnetService service, object serviceInstance)
     public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
     {
         crdtProjectsService.SetActiveProject(projectName);
+        await serviceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
         var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredService<IMiniLcmApi>());
         await SetService(DotnetService.MiniLcmApi, service);
         return Defer.Async(async () => await jsRuntime.InvokeVoidAsync("setOverrideService", DotnetService.MiniLcmApi.ToString(), null));

From 7f8ecf2b9014e59c4558ff2c5d35a74747a0cbb0 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 9 Dec 2024 09:44:34 +0700
Subject: [PATCH 023/108] configure oauth client to support protocol handler on
 android to allow callbacks to return to the app

---
 .../FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 30 ++++++++-----------
 .../FwLiteDesktop/FwLiteDesktopKernel.cs      |  4 ++-
 .../Platforms/Android/MainActivity.cs         | 30 ++++++++++++++++++-
 .../FwLite/FwLiteShared/Auth/AuthConfig.cs    |  5 +++-
 .../FwLite/FwLiteShared/Auth/OAuthClient.cs   | 16 +++++++---
 .../FwLite/FwLiteShared/Auth/OAuthService.cs  |  8 +++--
 backend/LexData/SeedingData.cs                |  3 +-
 7 files changed, 69 insertions(+), 27 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 1bdc67e46..7e86391d2 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -1,10 +1,8 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
 	<PropertyGroup>
-<!--        for now we only target windows-->
-        <TargetFramework>net9.0-windows10.0.19041.0</TargetFramework>
-<!--		<TargetFrameworks Condition="!$([MSBuild]::IsOSPlatform('windows'))">net8.0-android;net8.0-ios;net8.0-maccatalyst</TargetFrameworks>-->
-<!--		<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net8.0-windows10.0.19041.0</TargetFrameworks>-->
+        <TargetFrameworks>net9.0-android;net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
+        <TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net9.0-windows10.0.19041.0</TargetFrameworks>
 		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
 		<!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> -->
 
@@ -22,8 +20,8 @@
 		<ImplicitUsings>enable</ImplicitUsings>
         <EnableDefaultCssItems>false</EnableDefaultCssItems>
 		<Nullable>enable</Nullable>
-        <SelfContained>true</SelfContained>
-        <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>
+<!--        <SelfContained>true</SelfContained>-->
+<!--        <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>-->
 
 		<!-- controls display name in Package.appxmanifest -->
 		<ApplicationTitle>FieldWorks Lite</ApplicationTitle>
@@ -35,15 +33,16 @@
 		<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
 		<ApplicationVersion>1</ApplicationVersion>
 
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
-		<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
-		<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
+        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">15.0</SupportedOSPlatformVersion>
+        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">15.0</SupportedOSPlatformVersion>
+        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">24.0</SupportedOSPlatformVersion>
+        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
+        <TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
+        <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
+        <WindowsPackageType>None</WindowsPackageType>
+
 	</PropertyGroup>
     <PropertyGroup Condition="'$(Configuration)' == 'Debug' ">
-        <WindowsPackageType>None</WindowsPackageType>
         <PublishReadyToRun>false</PublishReadyToRun>
     </PropertyGroup>
     <PropertyGroup Condition="'$(Configuration)' == 'Release' ">
@@ -53,10 +52,6 @@
 <!--        only trim assemblies that explicitly support it-->
         <TrimMode>partial</TrimMode>
     </PropertyGroup>
-    <PropertyGroup Condition="'$(WindowsPackageType)' == 'None'">
-        <WindowsAppSDKSelfContained>true</WindowsAppSDKSelfContained>
-        <PublishSingleFile>true</PublishSingleFile>
-    </PropertyGroup>
 
 
 	<ItemGroup>
@@ -81,6 +76,7 @@
 	<ItemGroup>
 		<PackageReference Include="Microsoft.Maui.Controls" Version="$(MauiVersion)" />
 		<PackageReference Include="Microsoft.Maui.Controls.Compatibility" Version="$(MauiVersion)" />
+        <PackageReference Include="Microsoft.AspNetCore.Components.WebView.Maui" Version="$(MauiVersion)"/>
         <PackageReference Include="NReco.Logging.File" Version="1.2.1" />
 	</ItemGroup>
 
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 41eb523fe..cf2665c40 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -24,7 +24,6 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
                 new(new("https://lexbox.dev.languagetechnology.org"), "Lexbox Dev"),
                 new(new("https://staging.languagedepot.org"), "Lexbox Staging")
             ]);
-        services.Configure<AuthConfig>(c => c.ClientId = "becf2856-0690-434b-b192-a4032b72067f");
 
         string environment = "Production";
 #if DEBUG
@@ -33,6 +32,9 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         var env = new HostingEnvironment() { EnvironmentName = environment };
         services.AddSingleton<IHostEnvironment>(env);
         services.AddFwLiteShared(env);
+#if ANDROID
+        services.Configure<AuthConfig>(config => config.ParentActivityOrWindow = Platform.CurrentActivity);
+#endif
         var defaultDataPath = IsPackagedApp ? FileSystem.AppDataDirectory : Directory.GetCurrentDirectory();
         var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ??
                                             defaultDataPath);
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs b/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs
index bdfcb0c8d..10206b2fe 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs
@@ -1,9 +1,37 @@
 using Android.App;
+using Android.Content;
 using Android.Content.PM;
 using Android.OS;
+using FwLiteShared.Auth;
+using Microsoft.Identity.Client;
 
 namespace FwLiteDesktop;
-[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, LaunchMode = LaunchMode.SingleTop, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
+
+[Activity(Theme = "@style/Maui.SplashTheme",
+    MainLauncher = true,
+    LaunchMode = LaunchMode.SingleTop,
+    ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode |
+                           ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
 public class MainActivity : MauiAppCompatActivity
 {
+    protected override void OnActivityResult(int requestCode, Result resultCode, Intent? data)
+    {
+        base.OnActivityResult(requestCode, resultCode, data);
+        AuthenticationContinuationHelper.SetAuthenticationContinuationEventArgs(requestCode, resultCode, data);
+    }
+}
+
+
+[Activity(Exported = true)]
+[IntentFilter(new[] { Intent.ActionView },
+    Categories = new[] { Intent.CategoryBrowsable, Intent.CategoryDefault },
+    DataHost = "auth",
+    DataScheme = "msal" + AuthConfig.DefaultClientId)]
+public class MsalActivity : BrowserTabActivity
+{
+    protected override void OnActivityResult(int requestCode, Result resultCode, Intent? data)
+    {
+        base.OnActivityResult(requestCode, resultCode, data);
+        AuthenticationContinuationHelper.SetAuthenticationContinuationEventArgs(requestCode, resultCode, data);
+    }
 }
diff --git a/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs b/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
index 92f3dcf11..2c20387b1 100644
--- a/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
+++ b/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
@@ -5,11 +5,14 @@ namespace FwLiteShared.Auth;
 
 public class AuthConfig
 {
+    public const string DefaultClientId = "becf2856-0690-434b-b192-a4032b72067f";
     [Required]
     public required LexboxServer[] LexboxServers { get; set; }
-    public required string ClientId { get; set; }
+
+    public required string ClientId { get; set; } = DefaultClientId;
     public string CacheFileName { get; set; } = Path.GetFullPath("msal.json");
     public bool SystemWebViewLogin { get; set; } = false;
+    public object? ParentActivityOrWindow { get; set; }
     public LexboxServer DefaultServer => LexboxServers.First();
 
     public LexboxServer GetServerByAuthority(string authority)
diff --git a/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs b/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
index 95fed3d23..a4e258389 100644
--- a/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
+++ b/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
@@ -47,13 +47,21 @@ public OAuthClient(LoggerAdapter loggerAdapter,
             :  redirectUrlProvider?.GetRedirectUrl() ?? throw new InvalidOperationException("No IRedirectUrlProvider configured, required for non-system web view login");
         //todo configure token cache as seen here
         //https://github.com/AzureAD/microsoft-authentication-extensions-for-dotnet/wiki/Cross-platform-Token-Cache
-        _application = PublicClientApplicationBuilder.Create(options.Value.ClientId)
+        var builder = PublicClientApplicationBuilder.Create(options.Value.ClientId)
             .WithExperimentalFeatures()
             .WithLogging(loggerAdapter, hostEnvironment?.IsDevelopment() ?? false)
             .WithHttpClientFactory(new HttpClientFactoryAdapter(httpMessageHandlerFactory))
-            .WithRedirectUri(RedirectUrl)
-            .WithOidcAuthority(lexboxServer.Authority.ToString())
-            .Build();
+            .WithParentActivityOrWindow(() => options.Value.ParentActivityOrWindow)
+            .WithOidcAuthority(lexboxServer.Authority.ToString());
+        if (!options.Value.SystemWebViewLogin)
+        {
+            builder.WithRedirectUri(RedirectUrl);
+        }
+        else
+        {
+            builder.WithDefaultRedirectUri();
+        }
+        _application = builder.Build();
         _ = MsalCacheHelper.CreateAsync(BuildCacheProperties(options.Value.CacheFileName)).ContinueWith(
             task =>
             {
diff --git a/backend/FwLite/FwLiteShared/Auth/OAuthService.cs b/backend/FwLite/FwLiteShared/Auth/OAuthService.cs
index aca1a451c..4de28e3ad 100644
--- a/backend/FwLite/FwLiteShared/Auth/OAuthService.cs
+++ b/backend/FwLite/FwLiteShared/Auth/OAuthService.cs
@@ -34,7 +34,8 @@ public async Task<SignInResult> SubmitLoginRequest(IPublicClientApplication appl
         }
 
         //step 1
-        var uri = await request.GetAuthUri(applicationLifetime?.ApplicationStopping.Merge(cancellation) ?? cancellation);
+        var uri = await request.GetAuthUri(applicationLifetime?.ApplicationStopping.Merge(cancellation) ??
+                                           cancellation);
         //step 4
         if (request.State is null) throw new InvalidOperationException("State is null");
         _oAuthLoginRequests[request.State] = request;
@@ -45,6 +46,7 @@ private async Task HandleSystemWebViewLogin(IPublicClientApplication application
     {
         var result = await application.AcquireTokenInteractive(OAuthClient.DefaultScopes)
             .WithUseEmbeddedWebView(false)
+            .WithParentActivityOrWindow(options.Value.ParentActivityOrWindow)
             .WithSystemWebViewOptions(new() { })
             .ExecuteAsync(cancellation);
     }
@@ -58,7 +60,9 @@ private async Task HandleSystemWebViewLogin(IPublicClientApplication application
             throw new InvalidOperationException("Invalid state");
         //step 5
         request.SetReturnUri(uri);
-        return (await request.GetAuthenticationResult(applicationLifetime?.ApplicationStopping.Merge(cancellation) ?? cancellation),
+        return (
+            await request.GetAuthenticationResult(applicationLifetime?.ApplicationStopping.Merge(cancellation) ??
+                                                  cancellation),
             request.ClientReturnUrl);
         //step 8
     }
diff --git a/backend/LexData/SeedingData.cs b/backend/LexData/SeedingData.cs
index 553699e8b..5505176ac 100644
--- a/backend/LexData/SeedingData.cs
+++ b/backend/LexData/SeedingData.cs
@@ -302,7 +302,8 @@ async ValueTask UpdateApp(object dbApp, OpenIddictApplicationDescriptor seedApp,
             RedirectUris = {
                 new Uri("http://localhost/api/auth/oauth-callback"),
                 new Uri("http://127.0.0.1/api/auth/oauth-callback"),
-                new Uri("http://localhost")//handles system web view case
+                new Uri("http://localhost"),//handles system web view case
+                new Uri("msalbecf2856-0690-434b-b192-a4032b72067f://auth")//handles android web view callback
             }
         }
     ], a => a.ClientId ?? throw new InvalidOperationException("ClientId is null"));

From dc14a6e62bf817df18955366f80aee3419e8c0e9 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 9 Dec 2024 09:45:06 +0700
Subject: [PATCH 024/108] fix port forwarding for staging

---
 deployment/Taskfile.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/deployment/Taskfile.yml b/deployment/Taskfile.yml
index 990a841a0..8c3a7d263 100644
--- a/deployment/Taskfile.yml
+++ b/deployment/Taskfile.yml
@@ -79,11 +79,11 @@ tasks:
 
   staging-db-forward:
     cmds:
-      - kubectl port-forward service/db 5434:5432 -n languagedepot --context dallas-rke
+      - kubectl port-forward service/db 5434:5432 -n languagedepot --context dallas-stage
 
   develop-db-forward:
     cmds:
-      - kubectl port-forward service/db 5436:5432 -n languagedepot-dev --context dallas-rke
+      - kubectl port-forward service/db 5436:5432 -n languagedepot-dev --context dallas-stage
 
   prod-db-forward:
     cmds:
@@ -93,7 +93,7 @@ tasks:
   diff-staging:
     dir: ./staging
     cmds:
-      - kubectl diff -k . --context dallas-rke
+      - kubectl diff -k . --context dallas-stage
 
   print-staging:
     dir: ./staging

From 6eb33aae476226da4007dfd3d0bdbdc6cba2dfb1 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 10:24:50 +0700
Subject: [PATCH 025/108] refactor some service setup after merge

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj        | 7 +++----
 backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs      | 6 ++++++
 backend/FwLite/FwLiteDesktop/MauiProgram.cs              | 9 ---------
 .../FwLiteDesktop/Platforms/Windows/WindowsKernel.cs     | 6 +++---
 4 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 6096aa890..5c57fa398 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -20,8 +20,8 @@
 		<ImplicitUsings>enable</ImplicitUsings>
         <EnableDefaultCssItems>false</EnableDefaultCssItems>
 		<Nullable>enable</Nullable>
-<!--        <SelfContained>true</SelfContained>-->
-<!--        <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>-->
+        <SelfContained>true</SelfContained>
+        <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>
 
 		<!-- controls display name in Package.appxmanifest -->
 		<ApplicationTitle>FieldWorks Lite</ApplicationTitle>
@@ -39,10 +39,9 @@
         <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.19041.0</SupportedOSPlatformVersion>
         <TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.19041.0</TargetPlatformMinVersion>
         <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
-        <WindowsPackageType>None</WindowsPackageType>
-
 	</PropertyGroup>
     <PropertyGroup Condition="'$(Configuration)' == 'Debug' ">
+        <WindowsPackageType>None</WindowsPackageType>
         <PublishReadyToRun>false</PublishReadyToRun>
     </PropertyGroup>
     <PropertyGroup Condition="'$(Configuration)' == 'Release' ">
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index e94ee8fcf..c780d828b 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -29,10 +29,16 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         string environment = "Production";
 #if DEBUG
         environment = "Development";
+        services.AddBlazorWebViewDeveloperTools();
 #endif
         var env = new HostingEnvironment() { EnvironmentName = environment };
         services.AddSingleton<IHostEnvironment>(env);
         services.AddFwLiteShared(env);
+        services.AddMauiBlazorWebView();
+
+#if WINDOWS
+        services.AddFwLiteWindows();
+#endif
 #if ANDROID
         services.Configure<AuthConfig>(config => config.ParentActivityOrWindow = Platform.CurrentActivity);
 #endif
diff --git a/backend/FwLite/FwLiteDesktop/MauiProgram.cs b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
index 1350c69f0..2d32a0283 100644
--- a/backend/FwLite/FwLiteDesktop/MauiProgram.cs
+++ b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
@@ -30,15 +30,6 @@ public static MauiApp CreateMauiApp()
         {
             essentialsBuilder.UseVersionTracking();
         });
-        #if WINDOWS
-        builder.AddFwLiteWindows();
-        #endif
-        builder.Services.AddMauiBlazorWebView();
-#if DEBUG
-        builder.Services.AddBlazorWebViewDeveloperTools();
-        builder.Logging.AddDebug();
-#endif
-        Directory.CreateDirectory(FileSystem.AppDataDirectory);
         builder.Services.AddFwLiteDesktopServices(builder.Configuration, builder.Logging);
 
         var app = builder.Build();
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs b/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs
index 675e1faa4..f10949ea7 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs
@@ -4,13 +4,13 @@ namespace FwLiteDesktop;
 
 public static class WindowsKernel
 {
-    public static void AddFwLiteWindows(this MauiAppBuilder builder)
+    public static void AddFwLiteWindows(this IServiceCollection services)
     {
         if (!RuntimeInformation.IsOSPlatform(OSPlatform.Windows)) return;
         if (FwLiteDesktopKernel.IsPackagedApp)
         {
-            builder.Services.AddSingleton<IMauiInitializeService, AppUpdateService>();
-            builder.Services.AddSingleton<IMauiInitializeService, WindowsShortcutService>();
+            services.AddSingleton<IMauiInitializeService, AppUpdateService>();
+            services.AddSingleton<IMauiInitializeService, WindowsShortcutService>();
         }
     }
 }

From bc080cb7ad2f3abab68269f31895a7b52dc0063e Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 10:27:30 +0700
Subject: [PATCH 026/108] refactor IsPackagedApp into IsPortableApp

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs      | 9 ++++++---
 .../FwLiteDesktop/Platforms/Windows/WindowsKernel.cs     | 2 +-
 .../Platforms/Windows/WindowsShortcutService.cs          | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index c780d828b..96a8eb1d1 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -43,7 +43,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         services.Configure<AuthConfig>(config => config.ParentActivityOrWindow = Platform.CurrentActivity);
 #endif
 
-        var defaultDataPath = IsPackagedApp ? FileSystem.AppDataDirectory : Directory.GetCurrentDirectory();
+        var defaultDataPath = IsPortableApp ? Directory.GetCurrentDirectory() : FileSystem.AppDataDirectory;
         var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ??
                                             defaultDataPath);
         Directory.CreateDirectory(baseDataPath);
@@ -83,8 +83,11 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         return false;
     });
 
-    public static bool IsPackagedApp => IsPackagedAppLazy.Value;
+    public static bool IsPortableApp => !IsPackagedAppLazy.Value;
 #else
-    private static bool IsPackagedApp => true;
+    /// <summary>
+    /// indicates that the app is running in portable mode and it should put log files and data in the current directory
+    /// </summary>
+    public static bool IsPortableApp => false;
 #endif
 }
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs b/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs
index f10949ea7..b8a66d880 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsKernel.cs
@@ -7,7 +7,7 @@ public static class WindowsKernel
     public static void AddFwLiteWindows(this IServiceCollection services)
     {
         if (!RuntimeInformation.IsOSPlatform(OSPlatform.Windows)) return;
-        if (FwLiteDesktopKernel.IsPackagedApp)
+        if (!FwLiteDesktopKernel.IsPortableApp)
         {
             services.AddSingleton<IMauiInitializeService, AppUpdateService>();
             services.AddSingleton<IMauiInitializeService, WindowsShortcutService>();
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsShortcutService.cs b/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsShortcutService.cs
index e757bf66b..b58effb69 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsShortcutService.cs
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Windows/WindowsShortcutService.cs
@@ -9,7 +9,7 @@ public class WindowsShortcutService(IVersionTracking versionTracking) : IMauiIni
 {
     public void Initialize(IServiceProvider services)
     {
-        if (!FwLiteDesktopKernel.IsPackagedApp || !versionTracking.IsFirstLaunchEver || !RuntimeInformation.IsOSPlatform(OSPlatform.Windows)) return;
+        if (FwLiteDesktopKernel.IsPortableApp || !versionTracking.IsFirstLaunchEver || !RuntimeInformation.IsOSPlatform(OSPlatform.Windows)) return;
         var package = Package.Current;
         IShellLink link = (IShellLink)new ShellLink();
         link.SetPath($@"shell:AppsFolder\{package.Id.FamilyName}!App");

From 34c2552daaa0cc260923cea4183a7152e5795d15 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 10:42:15 +0700
Subject: [PATCH 027/108] refactor FwLiteProvider to use constant for js
 function name and simplify removing a service

---
 .../{EmptyLayout.razor => SvelteLayout.razor} |  2 +-
 .../FwLiteShared/Pages/CrdtProject.razor      |  3 +-
 .../FwLiteShared/Pages/FwdataProject.razor    |  3 +-
 backend/FwLite/FwLiteShared/Pages/Home.razor  |  2 +-
 backend/FwLite/FwLiteShared/Routes.razor      |  2 +-
 .../FwLiteShared/Services/FwLiteProvider.cs   | 29 ++++++++++++-------
 6 files changed, 24 insertions(+), 17 deletions(-)
 rename backend/FwLite/FwLiteShared/Layout/{EmptyLayout.razor => SvelteLayout.razor} (94%)

diff --git a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
similarity index 94%
rename from backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
rename to backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index add30eda7..592d57147 100644
--- a/backend/FwLite/FwLiteShared/Layout/EmptyLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -7,7 +7,7 @@
 <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
 <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
 <script>
-    window.setOverrideService = (key, service) => {
+    window['@FwLiteProvider.OverrideServiceFunctionName'] = (key, service) => {
         if (!window.lexbox || !window.lexbox.FwLiteProvider) {
             if (window.lexbox && window.lexbox.DotNetServiceProvider) {
                 window.lexbox.FwLiteProvider = {};
diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
index 814aed6ee..8635109fa 100644
--- a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -3,8 +3,7 @@
 @using FwLiteShared.Services
 @inject FwLiteProvider FwLiteProvider
 @implements IAsyncDisposable
-@layout EmptyLayout;
-<h3>CrdtProject</h3>
+@layout SvelteLayout;
 
 @code {
 
diff --git a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
index ae530140a..c1cb981fa 100644
--- a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
@@ -2,8 +2,7 @@
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
 @inject FwLiteProvider FwLiteProvider
-@layout EmptyLayout;
-<h3>CrdtProject</h3>
+@layout SvelteLayout;
 
 @code {
     [Parameter]
diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
index a0a761686..77af5d078 100644
--- a/backend/FwLite/FwLiteShared/Pages/Home.razor
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -1,4 +1,4 @@
 @page "/"
 @using FwLiteShared.Layout
-@layout EmptyLayout;
+@layout SvelteLayout;
 
diff --git a/backend/FwLite/FwLiteShared/Routes.razor b/backend/FwLite/FwLiteShared/Routes.razor
index bb95fb03e..59fd46a50 100644
--- a/backend/FwLite/FwLiteShared/Routes.razor
+++ b/backend/FwLite/FwLiteShared/Routes.razor
@@ -1,6 +1,6 @@
 <Router AppAssembly="typeof(Layout.MainLayout).Assembly">
     <Found Context="routeData">
-        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.EmptyLayout)"/>
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.SvelteLayout)"/>
         <FocusOnNavigate RouteData="routeData" Selector="h1"/>
     </Found>
 </Router>
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index 31849c51b..e2d10d17d 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -19,9 +19,11 @@ public class FwLiteProvider(
     FwDataProjectContext fwDataProjectContext,
     FieldWorksProjectList fieldWorksProjectList,
     IJSRuntime jsRuntime
-): IDisposable
+) : IDisposable
 {
+    public const string OverrideServiceFunctionName = "setOverrideService";
     private readonly List<IDisposable> _disposables = [];
+
     public void Dispose()
     {
         foreach (var disposable in _disposables)
@@ -32,7 +34,8 @@ public void Dispose()
 
     public Dictionary<DotnetService, object> GetServices()
     {
-        return Enum.GetValues<DotnetService>().Where(s => s != DotnetService.MiniLcmApi).ToDictionary(s => s, GetService);
+        return Enum.GetValues<DotnetService>().Where(s => s != DotnetService.MiniLcmApi)
+            .ToDictionary(s => s, GetService);
     }
 
     public object GetService(DotnetService service)
@@ -46,11 +49,16 @@ public object GetService(DotnetService service)
         };
     }
 
-    public async Task SetService(DotnetService service, object serviceInstance)
+    public async Task SetService(DotnetService service, object? serviceInstance)
     {
-        var reference = DotNetObjectReference.Create(serviceInstance);
-        _disposables.Add(reference);
-        await jsRuntime.InvokeVoidAsync("setOverrideService", service.ToString(), reference);
+        DotNetObjectReference<object>? reference = null;
+        if (serviceInstance is not null)
+        {
+            reference = DotNetObjectReference.Create(serviceInstance);
+            _disposables.Add(reference);
+        }
+
+        await jsRuntime.InvokeVoidAsync(OverrideServiceFunctionName, service.ToString(), reference);
     }
 
     public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
@@ -59,16 +67,17 @@ public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
         await serviceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
         var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredService<IMiniLcmApi>());
         await SetService(DotnetService.MiniLcmApi, service);
-        return Defer.Async(async () => await jsRuntime.InvokeVoidAsync("setOverrideService", DotnetService.MiniLcmApi.ToString(), null));
+        return Defer.Async(async () => await SetService(DotnetService.MiniLcmApi, null));
     }
 
     public async Task<IAsyncDisposable> InjectFwDataProject(string projectName)
     {
         fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
-        var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
+        var service =
+            new MiniLcmJsInvokable(
+                serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
         await SetService(DotnetService.MiniLcmApi, service);
-        return Defer.Async(async () => await jsRuntime.InvokeVoidAsync("setOverrideService",
-            DotnetService.MiniLcmApi.ToString(), null));
+        return Defer.Async(async () => await SetService(DotnetService.MiniLcmApi, null));
     }
 }
 

From 09737744d46ce5beba9da1e9802ad2aff2c8bffc Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 10:42:53 +0700
Subject: [PATCH 028/108] change svelte app binding to look for
 `id="svelte-app"` instead of just `app`

---
 backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor | 2 +-
 frontend/viewer/index.html                            | 2 +-
 frontend/viewer/src/main.ts                           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index 592d57147..c716a92b5 100644
--- a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -20,7 +20,7 @@
         services[key] = service;
     };
 </script>
-<div id="app" class="contents">
+<div id="svelte-app" class="contents">
 </div>
 
 @Body
diff --git a/frontend/viewer/index.html b/frontend/viewer/index.html
index fa9de6784..6ea52d850 100644
--- a/frontend/viewer/index.html
+++ b/frontend/viewer/index.html
@@ -14,7 +14,7 @@
     </style>
   </head>
   <body>
-    <div id="app" class="contents">
+    <div id="svelte-app" class="contents">
       <lexbox-svelte projectName="Test project"></lexbox-svelte>
     </div>
     <script type="module" src="./src/main.ts"></script>
diff --git a/frontend/viewer/src/main.ts b/frontend/viewer/src/main.ts
index 6b68f1397..055068464 100644
--- a/frontend/viewer/src/main.ts
+++ b/frontend/viewer/src/main.ts
@@ -7,7 +7,7 @@ import {setupDotnetServiceProvider} from './lib/services/service-provider-dotnet
 
 setupDotnetServiceProvider();
 new App({
-  target: document.getElementById('app')!,
+  target: document.getElementById('svelte-app')!,
 });
 
 /*/// v2 Run with web-component in shadow dom

From db8e92956d0f5d55aca7f91ab363937fa95a8ec1 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 10:51:44 +0700
Subject: [PATCH 029/108] fix compile issues and dependency missmatch

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 4 ++++
 backend/FwLite/FwLiteDesktop/MauiProgram.cs       | 6 ------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 5c57fa398..c33e0d025 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -77,6 +77,10 @@
 		<PackageReference Include="Microsoft.Maui.Controls.Compatibility" Version="$(MauiVersion)" />
         <PackageReference Include="Microsoft.AspNetCore.Components.WebView.Maui" Version="$(MauiVersion)"/>
         <PackageReference Include="NReco.Logging.File" Version="1.2.1" />
+        <PackageReference Include="System.Collections" Version="4.3.0" />
+        <PackageReference Include="System.IO" Version="4.3.0" />
+        <PackageReference Include="System.Runtime.Extensions" Version="4.3.0" />
+        <PackageReference Include="System.Runtime.InteropServices" Version="4.3.0" />
 	</ItemGroup>
 
 	<ItemGroup>
diff --git a/backend/FwLite/FwLiteDesktop/MauiProgram.cs b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
index 2d32a0283..9b52f16b9 100644
--- a/backend/FwLite/FwLiteDesktop/MauiProgram.cs
+++ b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
@@ -1,10 +1,4 @@
-using FwLiteDesktop.ServerBridge;
-using FwLiteDesktop.WinUI;
-using LcmCrdt;
-using LocalWebApp;
-using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.Logging;
-using Microsoft.Maui.LifecycleEvents;
 
 namespace FwLiteDesktop;
 

From 07ff5dec641eed3af87e41f3c5741e39e87071cb Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 16:37:05 +0700
Subject: [PATCH 030/108] prevent svelte from catching navigation to allow
 blazor to handle it, then notify svelte of navigation from the blazor event

---
 .../FwLiteDesktop/FwLiteDesktopKernel.cs      |  1 +
 .../FwLite/FwLiteDesktop/wwwroot/index.html   |  7 +++++++
 .../FwLiteShared/Layout/SvelteLayout.razor    |  6 +++++-
 .../FwLiteShared/Pages/CrdtProject.razor      |  4 +++-
 backend/FwLite/FwLiteShared/Routes.razor      |  9 ++++++++-
 frontend/viewer/src/App.svelte                | 19 +++++++++++++------
 frontend/viewer/src/DotnetProjectView.svelte  |  6 ++++--
 frontend/viewer/src/HomeView.svelte           |  4 ++--
 .../lib/services/service-provider-dotnet.ts   |  4 ++++
 9 files changed, 47 insertions(+), 13 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 96a8eb1d1..ebe29a4c7 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -46,6 +46,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         var defaultDataPath = IsPortableApp ? Directory.GetCurrentDirectory() : FileSystem.AppDataDirectory;
         var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ??
                                             defaultDataPath);
+        logging.AddFilter("FwLiteShared.Auth.LoggerAdapter", LogLevel.Warning);
         Directory.CreateDirectory(baseDataPath);
         services.Configure<LcmCrdtConfig>(config =>
         {
diff --git a/backend/FwLite/FwLiteDesktop/wwwroot/index.html b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
index e74f55a15..cd909c837 100644
--- a/backend/FwLite/FwLiteDesktop/wwwroot/index.html
+++ b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
@@ -6,6 +6,13 @@
     <title>FwLiteDesktop</title>
     <base href="/" />
     <link rel="icon" type="image/png" href="_content/FwLiteShared/favicon.png"/>
+    <script>
+        window.onBlazorNavigate = (path) => {
+            if ('svelteNavigate' in window) {
+                window.svelteNavigate(path);
+            }
+        };
+    </script>
 </head>
 
 <body>
diff --git a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index c716a92b5..a4ebdc457 100644
--- a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -1,13 +1,15 @@
 @inherits LayoutComponentBase
 @using FwLiteShared.Services
 @using LexCore.Entities
+@using Microsoft.Extensions.Logging
 @inject IJSRuntime JS
+@inject ILogger<SvelteLayout> Logger
 @inject FwLiteProvider FwLiteProvider
 
 <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
 <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
 <script>
-    window['@FwLiteProvider.OverrideServiceFunctionName'] = (key, service) => {
+    window['setOverrideService'] = (key, service) => {
         if (!window.lexbox || !window.lexbox.FwLiteProvider) {
             if (window.lexbox && window.lexbox.DotNetServiceProvider) {
                 window.lexbox.FwLiteProvider = {};
@@ -19,6 +21,7 @@
         const services = window.lexbox.FwLiteProvider;
         services[key] = service;
     };
+
 </script>
 <div id="svelte-app" class="contents">
 </div>
@@ -30,6 +33,7 @@
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
+        Logger.LogInformation("OnAfterRenderAsync SvelteLayout");
         if (firstRender)
         {
             foreach (var (serviceKey, service) in FwLiteProvider.GetServices())
diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
index 8635109fa..e7827143d 100644
--- a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -1,7 +1,9 @@
 @page "/project/{projectName}"
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
+@using Microsoft.Extensions.Logging
 @inject FwLiteProvider FwLiteProvider
+@inject ILogger<CrdtProject> Logger
 @implements IAsyncDisposable
 @layout SvelteLayout;
 
@@ -14,7 +16,7 @@
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        await base.OnAfterRenderAsync(firstRender);
+        Logger.LogInformation("OnAfterRenderAsync CrdtProject, firstRender: {firstRender}", firstRender);
         if (firstRender)
         {
             _disposable = await FwLiteProvider.InjectCrdtProject(ProjectName);
diff --git a/backend/FwLite/FwLiteShared/Routes.razor b/backend/FwLite/FwLiteShared/Routes.razor
index 59fd46a50..43f8cfac4 100644
--- a/backend/FwLite/FwLiteShared/Routes.razor
+++ b/backend/FwLite/FwLiteShared/Routes.razor
@@ -1,4 +1,11 @@
-<Router AppAssembly="typeof(Layout.MainLayout).Assembly">
+@inject IJSRuntime jsRuntime
+@code {
+    private async Task OnNavigateAsync(NavigationContext context)
+    {
+        await jsRuntime.InvokeVoidAsync("onBlazorNavigate", context.Path);
+    }
+}
+<Router AppAssembly="typeof(Layout.MainLayout).Assembly" OnNavigateAsync="OnNavigateAsync">
     <Found Context="routeData">
         <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.SvelteLayout)"/>
         <FocusOnNavigate RouteData="routeData" Selector="h1"/>
diff --git a/frontend/viewer/src/App.svelte b/frontend/viewer/src/App.svelte
index 4eb0c6fe8..67d83859b 100644
--- a/frontend/viewer/src/App.svelte
+++ b/frontend/viewer/src/App.svelte
@@ -1,11 +1,18 @@
-<script lang="ts">
-  import {Router, Route, navigate} from 'svelte-routing';
+<script lang="ts" context="module">
+  import {navigate} from 'svelte-routing';
+  window.svelteNavigate =  (to: string) => {
+   console.log('svelteNavigate', to);
+   navigate(to, {replace: true});
+  };
+</script>
+<script lang="ts">
+  import {Router, Route} from 'svelte-routing';
   import TestProjectView from './TestProjectView.svelte';
   import FwDataProjectView from './FwDataProjectView.svelte';
   import HomeView from './HomeView.svelte';
   import NotificationOutlet from './lib/notifications/NotificationOutlet.svelte';
   import Sandbox from './lib/sandbox/Sandbox.svelte';
-  import { settings } from 'svelte-ux';
+  import {settings} from 'svelte-ux';
   import DotnetProjectView from './DotnetProjectView.svelte';
 
   export let url = '';
@@ -54,7 +61,7 @@
     <Route path="/fwdata/:name" let:params>
       <Router {url} basepath="/fwdata/{params.name}">
         {#key params.name}
-          <FwDataProjectView projectName={params.name}/>
+          <DotnetProjectView projectName={params.name}/>
         {/key}
       </Router>
     </Route>
@@ -67,10 +74,10 @@
       <HomeView/>
     </Route>
     <Route path="/sandbox">
-      <Sandbox />
+      <Sandbox/>
     </Route>
     <Route path="/*">
-      {setTimeout(() => navigate('/', { replace: true }))}
+      {setTimeout(() => navigate('/', {replace: true}))}
     </Route>
   </div>
 </Router>
diff --git a/frontend/viewer/src/DotnetProjectView.svelte b/frontend/viewer/src/DotnetProjectView.svelte
index 05570c12f..78ebb77c0 100644
--- a/frontend/viewer/src/DotnetProjectView.svelte
+++ b/frontend/viewer/src/DotnetProjectView.svelte
@@ -6,14 +6,16 @@
   export let projectName: string;
   let serviceLoaded = false;
   onMount(() => {
+    console.log('checking for minilcm');
     //check for minilcm in on a timeout
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let timer: any;
     timer = setInterval(() => {
-      if (window.lexbox.DotNetServiceProvider?.getService(DotnetService.MiniLcmApi)) {
-        clearTimeout(timer);
+      if (window.lexbox.DotNetServiceProvider?.hasService(DotnetService.MiniLcmApi)) {
+        clearInterval(timer);
         serviceLoaded = true;
       }
+      console.warn('minilcm not loaded');
     }, 200);
   });
 </script>
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 3bb7b9a80..4b53ae200 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -158,7 +158,7 @@
               {#each data ?? [] as project, rowIndex}
                 <tr class="tabular-nums">
                   {#each columns as column (column.name)}
-                    <td use:tableCell={{ column, rowData:project, rowIndex, tableData: data }} use:links>
+                    <td use:tableCell={{ column, rowData:project, rowIndex, tableData: data }}>
                       {#if column.name === 'fwdata'}
                         {#if project.fwdata}
                           <Button size="md" href={`/fwdata/${project.name}`}>
@@ -204,7 +204,7 @@
                   <td>
                     Test project
                   </td>
-                  <td use:links>
+                  <td>
                     <Button size="md" icon={mdiTestTube} href="/testing/project-view">
                       Open
                     </Button>
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index 38ef35043..fe27c9edd 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -19,6 +19,10 @@ export class DotNetServiceProvider {
     this.services = fwLiteProvider;
   }
 
+  public hasService(key: ServiceKey): boolean {
+    return !!this.services[key];
+  }
+
   public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] | undefined {
     this.validateAllServices();
     let service = this.services[key] as unknown as DotNet.DotNetObject;

From 7c21439dbc8448cdb77618d733770b65adf286e6 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 13 Dec 2024 16:44:47 +0700
Subject: [PATCH 031/108] setup watch builder build task

---
 frontend/Taskfile.yml        | 3 +++
 frontend/viewer/Taskfile.yml | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/frontend/Taskfile.yml b/frontend/Taskfile.yml
index ead41d753..27d490840 100644
--- a/frontend/Taskfile.yml
+++ b/frontend/Taskfile.yml
@@ -50,6 +50,9 @@ tasks:
   build-viewer-app:
     deps: [viewer:build-app]
     label: vite
+  watch-viewer-app:
+    deps: [viewer:watch-app]
+    label: vite
   viewer-dev:
     deps: [viewer:app]
     label: vite
diff --git a/frontend/viewer/Taskfile.yml b/frontend/viewer/Taskfile.yml
index da7be4c08..bc5201a5e 100644
--- a/frontend/viewer/Taskfile.yml
+++ b/frontend/viewer/Taskfile.yml
@@ -19,6 +19,9 @@ tasks:
   build-app:
     deps: [ install ]
     cmd: pnpm run build-app
+  watch-app:
+    deps: [ install ]
+    cmd: pnpm run build-app --watch
 
   install:
     method: checksum

From e98faaf9c1fdb742831848dba2e552ccf280b01b Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 11:28:49 +0700
Subject: [PATCH 032/108] fix issue with rollup not resolving $lib

---
 frontend/viewer/vite.config.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/viewer/vite.config.ts b/frontend/viewer/vite.config.ts
index e3c2faaf2..d5da0c35a 100644
--- a/frontend/viewer/vite.config.ts
+++ b/frontend/viewer/vite.config.ts
@@ -36,6 +36,9 @@ export default defineConfig(({ mode }) => {
         }
       },
     },
+    resolve: {
+      alias: [{find: "$lib", replacement: "/src/lib"}]
+    },
     plugins: [svelte({
       onwarn: (warning, handler) => {
         // we don't have control over these warnings and there are lots

From f31f3712a82366f55e5f591489b39ab75d42e38a Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 11:48:27 +0700
Subject: [PATCH 033/108] configure linq2db to use the Microsoft SQLite library
 instead of system data sqlite

---
 backend/FwLite/LcmCrdt/LcmCrdtKernel.cs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
index 9b1495579..4504b1159 100644
--- a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
+++ b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
@@ -78,6 +78,7 @@ private static void ConfigureDbOptions(IServiceProvider provider, DbContextOptio
                 mappingSchema.SetConvertExpression((WritingSystemId id) =>
                     new DataParameter { Value = id.Code, DataType = DataType.Text });
                 optionsBuilder.AddMappingSchema(mappingSchema);
+                optionsBuilder.AddCustomOptions(options => options.UseSQLiteMicrosoft());
                 var loggerFactory = provider.GetService<ILoggerFactory>();
                 if (loggerFactory is not null)
                     optionsBuilder.AddCustomOptions(dataOptions => dataOptions.UseLoggerFactory(loggerFactory));

From 5ee022dd088a835d6d1b60aae43a5550327ef139 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 12:32:40 +0700
Subject: [PATCH 034/108] prevent throwing errors when sending change
 notifications fails after a sync

---
 .../FwLite/FwLiteShared/Sync/SyncService.cs   | 38 +++++++++++--------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Sync/SyncService.cs b/backend/FwLite/FwLiteShared/Sync/SyncService.cs
index e797be14d..ae6466fdd 100644
--- a/backend/FwLite/FwLiteShared/Sync/SyncService.cs
+++ b/backend/FwLite/FwLiteShared/Sync/SyncService.cs
@@ -19,7 +19,7 @@ public class SyncService(
     IMiniLcmApi lexboxApi,
     ILogger<SyncService> logger)
 {
-    public async Task<SyncResults> ExecuteSync()
+    public async Task<SyncResults> ExecuteSync(bool skipNotifications = false)
     {
         var project = await currentProjectService.GetProjectData();
         if (string.IsNullOrEmpty(project.OriginDomain))
@@ -38,32 +38,40 @@ public async Task<SyncResults> ExecuteSync()
                 project.OriginDomain);
             return new SyncResults([], [], false);
         }
+
         var remoteModel = await remoteSyncServiceServer.CreateProjectSyncable(project, httpClient);
         var syncResults = await dataModel.SyncWith(remoteModel);
         //need to await this, otherwise the database connection will be closed before the notifications are sent
-        await SendNotifications(syncResults);
+        if (!skipNotifications) await SendNotifications(syncResults);
         return syncResults;
     }
 
     private async Task SendNotifications(SyncResults syncResults)
     {
-        await foreach (var entryId in syncResults.MissingFromLocal
-                     .SelectMany(c => c.Snapshots, (commit, snapshot) => snapshot.Entity)
-                     .ToAsyncEnumerable()
-                     .SelectAwait(async e => await GetEntryId(e.DbObject as IObjectWithId))
-                     .Distinct())
+        try
         {
-            if (entryId is null) continue;
-            var entry = await lexboxApi.GetEntry(entryId.Value);
-            if (entry is not null)
-            {
-                changeEventBus.NotifyEntryUpdated(entry);
-            }
-            else
+            await foreach (var entryId in syncResults.MissingFromLocal
+                               .SelectMany(c => c.Snapshots, (commit, snapshot) => snapshot.Entity)
+                               .ToAsyncEnumerable()
+                               .SelectAwait(async e => await GetEntryId(e.DbObject as IObjectWithId))
+                               .Distinct())
             {
-                logger.LogError("Failed to get entry {EntryId}, was not found", entryId);
+                if (entryId is null) continue;
+                var entry = await lexboxApi.GetEntry(entryId.Value);
+                if (entry is not null)
+                {
+                    changeEventBus.NotifyEntryUpdated(entry);
+                }
+                else
+                {
+                    logger.LogError("Failed to get entry {EntryId}, was not found", entryId);
+                }
             }
         }
+        catch (Exception e)
+        {
+            logger.LogError(e, "Failed to send notifications, continuing");
+        }
     }
 
     private async ValueTask<Guid?> GetEntryId(IObjectWithId? entity)

From 0b3b21ff01f41fa788f35983837ded72c0cb4591 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 14:37:33 +0700
Subject: [PATCH 035/108] ensure hosted services run at startup as expected

---
 .../FwLiteDesktop/FwLiteDesktopKernel.cs      | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index ebe29a4c7..5edefa47e 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -35,6 +35,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         services.AddSingleton<IHostEnvironment>(env);
         services.AddFwLiteShared(env);
         services.AddMauiBlazorWebView();
+        services.AddSingleton<IMauiInitializeService, HostedServiceAdapter>();
 
 #if WINDOWS
         services.AddFwLiteWindows();
@@ -47,6 +48,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ??
                                             defaultDataPath);
         logging.AddFilter("FwLiteShared.Auth.LoggerAdapter", LogLevel.Warning);
+        logging.AddFilter("Microsoft.EntityFrameworkCore.Database", LogLevel.Warning);
         Directory.CreateDirectory(baseDataPath);
         services.Configure<LcmCrdtConfig>(config =>
         {
@@ -57,6 +59,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
             config.CacheFileName = Path.Combine(baseDataPath, "msal.cache");
             config.SystemWebViewLogin = true;
         });
+
         // logging.AddFile(Path.Combine(baseDataPath, "app.log"));
         services.AddSingleton<IPreferences>(Preferences.Default);
         services.AddSingleton<IVersionTracking>(VersionTracking.Default);
@@ -91,4 +94,29 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
     /// </summary>
     public static bool IsPortableApp => false;
 #endif
+
+    private class HostedServiceAdapter(IEnumerable<IHostedService> hostedServices, ILogger<HostedServiceAdapter> logger) : IMauiInitializeService, IAsyncDisposable
+    {
+        private CancellationTokenSource _cts = new();
+        public void Initialize(IServiceProvider services)
+        {
+            logger.LogInformation("Initializing hosted services");
+            foreach (var hostedService in hostedServices)
+            {
+                _ = Task.Run(() => hostedService.StartAsync(_cts.Token), _cts.Token);
+            }
+        }
+
+        public async ValueTask DisposeAsync()
+        {
+            //todo this is never called because the service provider is not disposed
+            logger.LogInformation("Disposing hosted services");
+            foreach (var hostedService in hostedServices)
+            {
+                await hostedService.StopAsync(_cts.Token);
+            }
+            await _cts.CancelAsync();
+            _cts.Dispose();
+        }
+    }
 }

From bcca0d6d05f15c5d98e014c24f7d5f7fb68fb528 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 14:38:23 +0700
Subject: [PATCH 036/108] return the project when setting active project
 context

---
 backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor | 5 +++++
 backend/FwLite/LcmCrdt/CrdtProjectsService.cs         | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index a4ebdc457..930094573 100644
--- a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -21,6 +21,11 @@
         const services = window.lexbox.FwLiteProvider;
         services[key] = service;
     };
+    window['notifyEntryUpdated'] = (projectName, entry) => {
+        if (window.lexbox?.EventBus) {
+            window.lexbox.EventBus.notifyEntryUpdated(entry);
+        }
+    }
 
 </script>
 <div id="svelte-app" class="contents">
diff --git a/backend/FwLite/LcmCrdt/CrdtProjectsService.cs b/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
index aadc0dbaf..4260482dd 100644
--- a/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
+++ b/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
@@ -106,10 +106,11 @@ public void SetProjectScope(CrdtProject crdtProject)
         projectContext.Project = crdtProject;
     }
 
-    public void SetActiveProject(string name)
+    public CrdtProject SetActiveProject(string name)
     {
         var project = GetProject(name) ?? throw new InvalidOperationException($"Crdt Project {name} not found");
         SetProjectScope(project);
+        return project;
     }
 
     [GeneratedRegex("^[a-zA-Z0-9][a-zA-Z0-9-_]+$")]

From 9ad5e327c33d52abdeb246fcbbd40caf7bd83e44 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 14:38:55 +0700
Subject: [PATCH 037/108] !fixup ensure hosted services run at startup as
 expected

---
 backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
index 86b66ee21..b3444fb6d 100644
--- a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
+++ b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
@@ -16,6 +16,7 @@ public class BackgroundSyncService(
     IHostApplicationLifetime? applicationLifetime = null) : BackgroundService
 {
     private readonly Channel<CrdtProject> _syncResultsChannel = Channel.CreateUnbounded<CrdtProject>();
+    private bool _running = false;
 
     public void TriggerSync(Guid projectId, Guid? ignoredClientId = null)
     {
@@ -47,6 +48,7 @@ public void TriggerSync()
 
     public void TriggerSync(CrdtProject crdtProject)
     {
+        if (!_running) throw new InvalidOperationException("Background sync service is not running");
         _syncResultsChannel.Writer.TryWrite(crdtProject);
     }
 
@@ -62,6 +64,7 @@ protected override async Task ExecuteAsync(CancellationToken stoppingToken)
     {
         //need to wait until application is started, otherwise Server urls will be unknown which prevents creating downstream services
         await StartedAsync();
+        _running = true;
         var crdtProjects = await crdtProjectsService.ListProjects();
         foreach (var crdtProject in crdtProjects)
         {

From 5a3722ecb3ef8c8e7729d4d73eaf1f05d63f4b30 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 14:39:17 +0700
Subject: [PATCH 038/108] make all methods return async in generated ts code,
 support ValueTask

---
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index ddc406823..35996673e 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -9,6 +9,7 @@
 using Reinforced.Typings.Ast.TypeNames;
 using Reinforced.Typings.Fluent;
 using Reinforced.Typings.Visitors.TypeScript;
+using StructureMap.TypeRules;
 
 namespace FwLiteShared.TypeGen;
 
@@ -27,6 +28,7 @@ public static void Configure(ConfigurationBuilder builder)
         builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(DateTimeOffset), new RtSimpleTypeName("string"));
+        builder.SubstituteGeneric(typeof(ValueTask<>), (type, resolver) => resolver.ResolveTypeName(typeof(Task<>).MakeGenericType(type.GenericTypeArguments[0]), true));
         //todo generate a multistring type rather than just substituting it everywhere
         builder.ExportAsThirdParty<MultiString>().WithName("IMultiString").Imports([new ()
         {
@@ -43,10 +45,12 @@ public static void Configure(ConfigurationBuilder builder)
                 typeof(SemanticDomain),
                 typeof(ComplexFormType),
                 typeof(ComplexFormComponent),
+
+                typeof(MiniLcmJsInvokable.MiniLcmFeatures),
             ],
             exportBuilder => exportBuilder.WithPublicProperties());
         builder.ExportAsEnum<WritingSystemType>().UseString();
-        builder.ExportAsInterface<IMiniLcmApi>().FlattenHierarchy().WithPublicProperties().WithPublicMethods(
+        builder.ExportAsInterface<MiniLcmJsInvokable>().FlattenHierarchy().WithPublicProperties().WithPublicMethods(
             exportBuilder =>
             {
                 var isUpdatePatchMethod = exportBuilder.Member.GetParameters()
@@ -54,6 +58,22 @@ public static void Configure(ConfigurationBuilder builder)
                 if (isUpdatePatchMethod)
                 {
                     exportBuilder.Ignore();
+                    return;
+                }
+                var isTaskMethod = (exportBuilder.Member.ReturnType.IsGenericType &&
+                                    (exportBuilder.Member.ReturnType.GetGenericTypeDefinition() == typeof(Task<>)
+                                     || exportBuilder.Member.ReturnType.GetGenericTypeDefinition() == typeof(ValueTask<>)))
+                    || exportBuilder.Member.ReturnType == typeof(Task)
+                    || exportBuilder.Member.ReturnType == typeof(ValueTask);
+                if (!isTaskMethod)
+                {
+                    if (exportBuilder.Member.ReturnType == typeof(void))
+                    {
+                        exportBuilder.Returns(typeof(Task));
+                    } else
+                    {
+                        exportBuilder.Returns(typeof(Task<>).MakeGenericType(exportBuilder.Member.ReturnType));
+                    }
                 }
             });
         builder.ExportAsEnum<SortField>().UseString();

From fca878bfda243610c754e5ac2541bf19cc970814 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 14:43:01 +0700
Subject: [PATCH 039/108] update generated types

---
 .../FwLiteShared/Services/IFwLiteProvider.ts  |  2 +-
 .../FwLiteShared/Services/IMiniLcmFeatures.ts | 14 +++++++
 .../Services/IMiniLcmJsInvokable.ts}          | 37 ++++++++++---------
 3 files changed, 35 insertions(+), 18 deletions(-)
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts
 rename frontend/viewer/src/lib/dotnet-types/generated-types/{MiniLcm/IMiniLcmApi.ts => FwLiteShared/Services/IMiniLcmJsInvokable.ts} (69%)

diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
index 70c62d056..eec785296 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
@@ -10,7 +10,7 @@ export interface IFwLiteProvider
 	dispose() : void;
 	getServices() : { [key in DotnetService]: any };
 	getService(service: DotnetService) : any;
-	setService(service: DotnetService, serviceInstance: any) : Promise<void>;
+	setService(service: DotnetService, serviceInstance?: any) : Promise<void>;
 	injectCrdtProject(projectName: string) : Promise<any>;
 	injectFwDataProject(projectName: string) : Promise<any>;
 }
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts
new file mode 100644
index 000000000..2b0c27f0e
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts
@@ -0,0 +1,14 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface IMiniLcmFeatures
+{
+	history: boolean;
+	write: boolean;
+	openWithFlex: boolean;
+	feedback: boolean;
+	sync: boolean;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
similarity index 69%
rename from frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
rename to frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
index fbbb09554..4332b6f1e 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/IMiniLcmApi.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
@@ -3,27 +3,30 @@
 //     Changes to this file may cause incorrect behavior and will be lost if
 //     the code is regenerated.
 
-import type {IWritingSystems} from './Models/IWritingSystems';
-import type {IComplexFormType} from './Models/IComplexFormType';
-import type {IQueryOptions} from './IQueryOptions';
-import type {IEntry} from './Models/IEntry';
-import type {ISense} from './Models/ISense';
-import type {IPartOfSpeech} from './Models/IPartOfSpeech';
-import type {ISemanticDomain} from './Models/ISemanticDomain';
-import type {IExampleSentence} from './Models/IExampleSentence';
-import type {IWritingSystem} from './Models/IWritingSystem';
-import type {WritingSystemType} from './Models/WritingSystemType';
-import type {IComplexFormComponent} from './Models/IComplexFormComponent';
+import type {IMiniLcmFeatures} from './IMiniLcmFeatures';
+import type {IWritingSystems} from '../../MiniLcm/Models/IWritingSystems';
+import type {IPartOfSpeech} from '../../MiniLcm/Models/IPartOfSpeech';
+import type {ISemanticDomain} from '../../MiniLcm/Models/ISemanticDomain';
+import type {IComplexFormType} from '../../MiniLcm/Models/IComplexFormType';
+import type {IEntry} from '../../MiniLcm/Models/IEntry';
+import type {IQueryOptions} from '../../MiniLcm/IQueryOptions';
+import type {ISense} from '../../MiniLcm/Models/ISense';
+import type {IExampleSentence} from '../../MiniLcm/Models/IExampleSentence';
+import type {IWritingSystem} from '../../MiniLcm/Models/IWritingSystem';
+import type {WritingSystemType} from '../../MiniLcm/Models/WritingSystemType';
+import type {IComplexFormComponent} from '../../MiniLcm/Models/IComplexFormComponent';
 
-export interface IMiniLcmApi
+export interface IMiniLcmJsInvokable
 {
+	disposeAsync() : any;
+	supportedFeatures() : Promise<IMiniLcmFeatures>;
 	getWritingSystems() : Promise<IWritingSystems>;
-	getPartsOfSpeech() : any;
-	getSemanticDomains() : any;
-	getComplexFormTypes() : any;
+	getPartsOfSpeech() : Promise<IPartOfSpeech[]>;
+	getSemanticDomains() : Promise<ISemanticDomain[]>;
+	getComplexFormTypes() : Promise<IComplexFormType[]>;
 	getComplexFormType(id: string) : Promise<IComplexFormType>;
-	getEntries(options?: IQueryOptions) : any;
-	searchEntries(query: string, options?: IQueryOptions) : any;
+	getEntries(options?: IQueryOptions) : Promise<IEntry[]>;
+	searchEntries(query: string, options?: IQueryOptions) : Promise<IEntry[]>;
 	getEntry(id: string) : Promise<IEntry>;
 	getSense(entryId: string, id: string) : Promise<ISense>;
 	getPartOfSpeech(id: string) : Promise<IPartOfSpeech>;

From 465f98e5c891b93f1df238320be5014490e13f91 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 14:45:28 +0700
Subject: [PATCH 040/108] connect js event bus to C# ChangeEventBus

---
 backend/FwLite/FwLiteShared/ChangeEventBus.cs | 12 ++++++---
 .../FwLiteShared/Services/FwLiteProvider.cs   | 23 +++++++++++-----
 .../Services/MiniLcmJsInvokable.cs            | 25 +++++++++++++++---
 frontend/viewer/src/ProjectView.svelte        | 26 ++++++++++---------
 .../src/lib/services/service-provider.ts      | 10 ++++---
 5 files changed, 65 insertions(+), 31 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/ChangeEventBus.cs b/backend/FwLite/FwLiteShared/ChangeEventBus.cs
index 29734cc0e..b1b85f16d 100644
--- a/backend/FwLite/FwLiteShared/ChangeEventBus.cs
+++ b/backend/FwLite/FwLiteShared/ChangeEventBus.cs
@@ -13,14 +13,18 @@ private record struct ChangeNotification(Entry Entry, string ProjectName);
 
     private readonly Subject<ChangeNotification> _entryUpdated = new();
 
+    public IObservable<Entry> OnProjectEntryUpdated(CrdtProject project)
+    {
+        var projectName = project.Name;
+        return _entryUpdated
+            .Where(n => n.ProjectName == projectName)
+            .Select(n => n.Entry);
+    }
     public IObservable<Entry> OnEntryUpdated
     {
         get
         {
-            var projectName = projectContext.Project?.Name ?? throw new InvalidOperationException("Not in a project");
-            return _entryUpdated
-                .Where(n => n.ProjectName == projectName)
-                .Select(n => n.Entry);
+            return OnProjectEntryUpdated(projectContext.Project ?? throw new InvalidOperationException("Not in a project"));
         }
     }
 
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index e2d10d17d..100e5798f 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -18,6 +18,8 @@ public class FwLiteProvider(
     IServiceProvider serviceProvider,
     FwDataProjectContext fwDataProjectContext,
     FieldWorksProjectList fieldWorksProjectList,
+    LexboxProjectService lexboxProjectService,
+    ChangeEventBus changeEventBus,
     IJSRuntime jsRuntime
 ) : IDisposable
 {
@@ -63,19 +65,26 @@ public async Task SetService(DotnetService service, object? serviceInstance)
 
     public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
     {
-        crdtProjectsService.SetActiveProject(projectName);
-        await serviceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
-        var service = new MiniLcmJsInvokable(serviceProvider.GetRequiredService<IMiniLcmApi>());
+        var project = crdtProjectsService.SetActiveProject(projectName);
+        var projectData = await serviceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+        await lexboxProjectService.ListenForProjectChanges(projectData, CancellationToken.None);
+        var entryUpdatedSubscription = changeEventBus.OnProjectEntryUpdated(project).Subscribe(entry =>
+        {
+            _ = jsRuntime.InvokeVoidAsync("notifyEntryUpdated", projectName, entry);
+        });
+        var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(serviceProvider, project);
         await SetService(DotnetService.MiniLcmApi, service);
-        return Defer.Async(async () => await SetService(DotnetService.MiniLcmApi, null));
+        return Defer.Async(async () =>
+        {
+            entryUpdatedSubscription.Dispose();
+            await SetService(DotnetService.MiniLcmApi, null);
+        });
     }
 
     public async Task<IAsyncDisposable> InjectFwDataProject(string projectName)
     {
         fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
-        var service =
-            new MiniLcmJsInvokable(
-                serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
+        var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(serviceProvider, serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
         await SetService(DotnetService.MiniLcmApi, service);
         return Defer.Async(async () => await SetService(DotnetService.MiniLcmApi, null));
     }
diff --git a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
index 7af7e67aa..4ab17f984 100644
--- a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
+++ b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
@@ -1,4 +1,5 @@
 using FwDataMiniLcmBridge.Api;
+using FwLiteShared.Sync;
 using LcmCrdt;
 using Microsoft.JSInterop;
 using MiniLcm;
@@ -6,15 +7,28 @@
 
 namespace FwLiteShared.Services;
 
-internal class MiniLcmJsInvokable(IMiniLcmApi api)
+internal class MiniLcmJsInvokable(
+    IMiniLcmApi api,
+    BackgroundSyncService backgroundSyncService,
+    CrdtProject? crdtProject = null)
 {
+
     public record MiniLcmFeatures(bool History, bool Write, bool OpenWithFlex, bool Feedback, bool Sync);
+    private bool SupportsSync => api is CrdtMiniLcmApi;
     [JSInvokable]
     public MiniLcmFeatures SupportedFeatures()
     {
         var isCrdtProject = api is CrdtMiniLcmApi;
         var isFwDataProject = api is FwDataMiniLcmApi;
-        return new(History: isCrdtProject, Write: true, OpenWithFlex: isFwDataProject, Feedback: true, Sync: isCrdtProject);
+        return new(History: isCrdtProject, Write: true, OpenWithFlex: isFwDataProject, Feedback: true, Sync: SupportsSync);
+    }
+
+    private void TriggerSync()
+    {
+        if (SupportsSync && crdtProject is not null)
+        {
+            backgroundSyncService.TriggerSync(crdtProject);
+        }
     }
 
     [JSInvokable]
@@ -162,9 +176,12 @@ public Task<Entry> CreateEntry(Entry entry)
     }
 
     [JSInvokable]
-    public Task<Entry> UpdateEntry(Entry before, Entry after)
+    public async Task<Entry> UpdateEntry(Entry before, Entry after)
     {
-        return api.UpdateEntry(before, after);
+        //todo trigger sync on the test
+        var result = await api.UpdateEntry(before, after);
+        TriggerSync();
+        return result;
     }
 
     [JSInvokable]
diff --git a/frontend/viewer/src/ProjectView.svelte b/frontend/viewer/src/ProjectView.svelte
index d7f2ea2d0..a5412d124 100644
--- a/frontend/viewer/src/ProjectView.svelte
+++ b/frontend/viewer/src/ProjectView.svelte
@@ -14,9 +14,9 @@
   import {useLexboxApi} from './lib/services/service-provider';
   import type {IEntry} from './lib/mini-lcm';
   import {onDestroy, onMount, setContext} from 'svelte';
-  import {derived, writable, type Readable} from 'svelte/store';
-  import {deriveAsync, makeDebouncer} from './lib/utils/time';
-  import { type LexboxPermissions, type LexboxFeatures} from './lib/config-types';
+  import {derived, type Readable, writable} from 'svelte/store';
+  import {deriveAsync} from './lib/utils/time';
+  import {type LexboxFeatures, type LexboxPermissions} from './lib/config-types';
   import ViewOptionsDrawer from './lib/layout/ViewOptionsDrawer.svelte';
   import EntryList from './lib/layout/EntryList.svelte';
   import Toc from './lib/layout/Toc.svelte';
@@ -25,10 +25,10 @@
   import NewEntryDialog from './lib/entry-editor/NewEntryDialog.svelte';
   import SearchBar from './lib/search-bar/SearchBar.svelte';
   import ActivityView from './lib/activity/ActivityView.svelte';
-  import { getAvailableHeightForElement } from './lib/utils/size';
-  import { ViewerSearchParam, getSearchParam, getSearchParams, updateSearchParam } from './lib/utils/search-params';
+  import {getAvailableHeightForElement} from './lib/utils/size';
+  import {getSearchParam, getSearchParams, updateSearchParam, ViewerSearchParam} from './lib/utils/search-params';
   import SaveStatus from './lib/status/SaveStatus.svelte';
-  import { saveEventDispatcher, saveHandler } from './lib/services/save-event-service';
+  import {saveEventDispatcher, saveHandler} from './lib/services/save-event-service';
   import {AppNotification} from './lib/notifications/notifications';
   import flexLogo from './lib/assets/flex-logo.png';
   import {initView, initViewSettings} from './lib/services/view-service';
@@ -36,8 +36,9 @@
   import {initWritingSystems} from './lib/writing-systems';
   import {useEventBus} from './lib/services/event-bus';
   import AboutDialog from './lib/about/AboutDialog.svelte';
-  import { initProjectCommands, type NewEntryDialogOptions } from './lib/commands';
+  import {initProjectCommands, type NewEntryDialogOptions} from './lib/commands';
   import throttle from 'just-throttle';
+  import {SortField} from '$lib/dotnet-types/generated-types/MiniLcm/SortField';
 
   export let loading = false;
 
@@ -62,10 +63,11 @@
   }));
 
   const lexboxApi = useLexboxApi();
-  void lexboxApi.SupportedFeatures().then(f => {
+  void lexboxApi.supportedFeatures().then(f => {
     features.set(f);
   });
-  const features = writable<LexboxFeatures>({});
+  //not having write enabled at the start fixes an issue where the default viewSetting.hideEmptyFields would be incorrect
+  const features = writable<LexboxFeatures>({write: true});
   setContext<Readable<LexboxFeatures>>('features', features);
   setContext('saveEvents', saveEventDispatcher);
   setContext('saveHandler', saveHandler);
@@ -106,7 +108,7 @@
 
   const writingSystems = initWritingSystems(deriveAsync(connected, isConnected => {
     if (!isConnected) return Promise.resolve(null);
-    return lexboxApi.GetWritingSystems();
+    return lexboxApi.getWritingSystems();
   }).value);
   const indexExamplars = derived(writingSystems, wsList => {
     return wsList?.vernacular[0].exemplars;
@@ -136,11 +138,11 @@
 
   function fetchEntries(s: string, isConnected: boolean, exemplar: string | null): Promise<IEntry[] | undefined> {
     if (!isConnected) return Promise.resolve(undefined);
-    return lexboxApi.SearchEntries(s ?? '', {
+    return lexboxApi.searchEntries(s ?? '', {
       offset: 0,
       // we always load full exemplar lists for now, so we can guaruntee that the selected entry is in the list
       count: exemplar ? 1_000_000_000 : 1000,
-      order: {field: 'headword', writingSystem: 'default'},
+      order: {field: SortField.Headword, writingSystem: 'default', ascending: true},
       exemplar: exemplar ? {value: exemplar, writingSystem: 'default'} : undefined
     });
   }
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index a7a4dca66..949247b74 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -1,8 +1,9 @@
-import type {LexboxApiClient} from './lexbox-api';
 import {openSearch} from '../search-bar/search';
 import {ProjectService} from './projects-service';
 import {DotnetService, type ICombinedProjectsService, type IAuthService} from '../dotnet-types';
 import type {IImportFwdataService} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService';
+import type {IMiniLcmJsInvokable} from '$lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable';
+import {type EventBus, useEventBus} from '$lib/services/event-bus';
 
 declare global {
 
@@ -10,6 +11,7 @@ declare global {
     /* eslint-disable @typescript-eslint/naming-convention */
     ServiceProvider: LexboxServiceProvider;
     Search: {openSearch: (search: string) => void};
+    EventBus: EventBus;
     /* eslint-enable @typescript-eslint/naming-convention */
   }
 
@@ -24,7 +26,7 @@ export enum LexboxService {
 export type ServiceKey = keyof LexboxServiceRegistry;
 
 export type LexboxServiceRegistry = {
-  [DotnetService.MiniLcmApi]: LexboxApiClient,
+  [DotnetService.MiniLcmApi]: IMiniLcmJsInvokable,
   [DotnetService.CombinedProjectsService]: ICombinedProjectsService,
   [DotnetService.AuthService]: IAuthService,
   [DotnetService.ImportFwdataService]: IImportFwdataService,
@@ -56,7 +58,7 @@ export class LexboxServiceProvider {
 
 {
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  const lexbox = {ServiceProvider: new LexboxServiceProvider(), Search: {openSearch: openSearch}}
+  const lexbox = {ServiceProvider: new LexboxServiceProvider(), Search: {openSearch: openSearch}, EventBus: useEventBus()}
   if (!window.lexbox) {
     window.lexbox = lexbox;
   } else {
@@ -64,7 +66,7 @@ export class LexboxServiceProvider {
   }
 }
 
-export function useLexboxApi(): LexboxApiClient {
+export function useLexboxApi(): IMiniLcmJsInvokable {
   return window.lexbox.ServiceProvider.getService(DotnetService.MiniLcmApi);
 }
 

From 94fd1bd1e64f95ad81bb799eac9b20a4d51ddcd8 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Mon, 16 Dec 2024 16:58:27 +0700
Subject: [PATCH 041/108] remove ProjectContext.cs and use stateful
 CurrentProjectService.cs instead

---
 backend/FwHeadless/Program.cs                 |  4 +-
 .../Services/ProjectContextFromIdService.cs   |  3 +-
 .../Fixtures/TestingKernel.cs                 |  7 ---
 .../FwLiteProjectSync.Tests/SyncTests.cs      |  2 +-
 backend/FwLite/FwLiteShared/ChangeEventBus.cs | 14 ++----
 .../FwLiteShared/Services/FwLiteProvider.cs   |  4 +-
 .../Sync/BackgroundSyncService.cs             | 10 ++--
 .../FwLite/FwLiteShared/Sync/SyncService.cs   |  2 +-
 .../LcmCrdt.Tests/DataModelSnapshotTests.cs   | 13 ++---
 .../LcmCrdt.Tests/LcmCrdtTestsKernel.cs       | 24 ++++++++++
 .../FwLite/LcmCrdt.Tests/MiniLcmApiFixture.cs | 11 ++---
 .../LcmCrdt.Tests/Mocks/MockProjectContext.cs |  6 ---
 .../FwLite/LcmCrdt.Tests/OpenProjectTests.cs  |  6 +--
 backend/FwLite/LcmCrdt/CrdtProjectsService.cs | 28 ++---------
 .../FwLite/LcmCrdt/CurrentProjectService.cs   | 47 +++++++++++++++----
 backend/FwLite/LcmCrdt/LcmCrdtKernel.cs       | 12 ++---
 backend/FwLite/LcmCrdt/ProjectContext.cs      | 34 --------------
 .../LocalWebApp/Hubs/CrdtMiniLcmApiHub.cs     | 21 +++++----
 .../FwLite/LocalWebApp/LocalWebAppServer.cs   |  6 +--
 .../FwLite/LocalWebApp/Routes/TestRoutes.cs   |  9 ++--
 20 files changed, 118 insertions(+), 145 deletions(-)
 create mode 100644 backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs
 delete mode 100644 backend/FwLite/LcmCrdt.Tests/Mocks/MockProjectContext.cs
 delete mode 100644 backend/FwLite/LcmCrdt/ProjectContext.cs

diff --git a/backend/FwHeadless/Program.cs b/backend/FwHeadless/Program.cs
index 7f737b755..cd8b42b68 100644
--- a/backend/FwHeadless/Program.cs
+++ b/backend/FwHeadless/Program.cs
@@ -130,7 +130,7 @@ static async Task<Results<Ok<SyncResult>, NotFound, ProblemHttpResult>> ExecuteM
 }
 
 static async Task<Results<Ok<ProjectSyncStatus>, NotFound>> GetMergeStatus(
-    ProjectContext projectContext,
+    CurrentProjectService projectContext,
     ProjectLookupService projectLookupService,
     SyncJobStatusService syncJobStatusService,
     IServiceProvider services,
@@ -139,7 +139,7 @@ static async Task<Results<Ok<ProjectSyncStatus>, NotFound>> GetMergeStatus(
 {
     var jobStatus = syncJobStatusService.SyncStatus(projectId);
     if (jobStatus == SyncJobStatus.Running) return TypedResults.Ok(ProjectSyncStatus.Syncing);
-    var project = projectContext.Project;
+    var project = projectContext.MaybeProject;
     if (project is null)
     {
         // 404 only means "project doesn't exist"; if we don't know the status, then it hasn't synced before and is therefore ready to sync
diff --git a/backend/FwHeadless/Services/ProjectContextFromIdService.cs b/backend/FwHeadless/Services/ProjectContextFromIdService.cs
index 56c3ebc40..a846aead2 100644
--- a/backend/FwHeadless/Services/ProjectContextFromIdService.cs
+++ b/backend/FwHeadless/Services/ProjectContextFromIdService.cs
@@ -18,8 +18,7 @@ public async Task PopulateProjectContext(HttpContext context, Func<Task> next)
                 if (File.Exists(crdtFile))
                 {
                     var project = new CrdtProject("crdt", crdtFile);
-                    projectsService.SetProjectScope(project);
-                    await context.RequestServices.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+                    await context.RequestServices.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
                 }
             }
         }
diff --git a/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/TestingKernel.cs b/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/TestingKernel.cs
index 6eb9f8b40..107e290b1 100644
--- a/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/TestingKernel.cs
+++ b/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/TestingKernel.cs
@@ -13,15 +13,8 @@ public static IServiceCollection AddSyncServices(this IServiceCollection service
         return services.AddLcmCrdtClient()
             .AddTestFwDataBridge(mockFwProjectLoader)
             .AddFwLiteProjectSync()
-            .AddSingleton<ProjectContext>(new MockProjectContext(null))
             .Configure<FwDataBridgeConfig>(c => c.ProjectsFolder = Path.Combine(".", projectName, "FwData"))
             .Configure<LcmCrdtConfig>(c => c.ProjectPath = Path.Combine(".", projectName, "LcmCrdt"))
             .AddLogging(builder => builder.AddDebug());
     }
-
-    public class MockProjectContext(CrdtProject? project) : ProjectContext
-    {
-        public override CrdtProject? Project { get; set; } = project;
-    }
-
 }
diff --git a/backend/FwLite/FwLiteProjectSync.Tests/SyncTests.cs b/backend/FwLite/FwLiteProjectSync.Tests/SyncTests.cs
index 49a9fd860..bdb2edc75 100644
--- a/backend/FwLite/FwLiteProjectSync.Tests/SyncTests.cs
+++ b/backend/FwLite/FwLiteProjectSync.Tests/SyncTests.cs
@@ -110,7 +110,7 @@ public static async Task SyncFailsWithMismatchedProjectIds()
         var newFwProjectId = Guid.NewGuid();
         await fixture.Services.GetRequiredService<LcmCrdtDbContext>().ProjectData.
             ExecuteUpdateAsync(updates => updates.SetProperty(p => p.FwProjectId, newFwProjectId));
-        await fixture.Services.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache(force: true);
+        await fixture.Services.GetRequiredService<CurrentProjectService>().RefreshProjectData();
 
         Func<Task> syncTask = async () => await fixture.SyncService.Sync(crdtApi, fwdataApi);
         await syncTask.Should().ThrowAsync<InvalidOperationException>();
diff --git a/backend/FwLite/FwLiteShared/ChangeEventBus.cs b/backend/FwLite/FwLiteShared/ChangeEventBus.cs
index b1b85f16d..7b4d0bfe8 100644
--- a/backend/FwLite/FwLiteShared/ChangeEventBus.cs
+++ b/backend/FwLite/FwLiteShared/ChangeEventBus.cs
@@ -5,7 +5,7 @@
 
 namespace FwLiteShared;
 
-public class ChangeEventBus(ProjectContext projectContext)
+public class ChangeEventBus
     : IDisposable
 {
 
@@ -20,18 +20,10 @@ public IObservable<Entry> OnProjectEntryUpdated(CrdtProject project)
             .Where(n => n.ProjectName == projectName)
             .Select(n => n.Entry);
     }
-    public IObservable<Entry> OnEntryUpdated
-    {
-        get
-        {
-            return OnProjectEntryUpdated(projectContext.Project ?? throw new InvalidOperationException("Not in a project"));
-        }
-    }
 
-    public void NotifyEntryUpdated(Entry entry)
+    public void NotifyEntryUpdated(Entry entry, CrdtProject project)
     {
-        _entryUpdated.OnNext(new ChangeNotification(entry,
-            projectContext.Project?.Name ?? throw new InvalidOperationException("Not in a project")));
+        _entryUpdated.OnNext(new ChangeNotification(entry, project.Name));
     }
 
     public void Dispose()
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index 100e5798f..9b7695f3f 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -65,8 +65,8 @@ public async Task SetService(DotnetService service, object? serviceInstance)
 
     public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
     {
-        var project = crdtProjectsService.SetActiveProject(projectName);
-        var projectData = await serviceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+        var project = crdtProjectsService.GetProject(projectName) ?? throw new InvalidOperationException($"Crdt Project {projectName} not found");
+        var projectData = await serviceProvider.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
         await lexboxProjectService.ListenForProjectChanges(projectData, CancellationToken.None);
         var entryUpdatedSubscription = changeEventBus.OnProjectEntryUpdated(project).Subscribe(entry =>
         {
diff --git a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
index b3444fb6d..ff09e1a03 100644
--- a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
+++ b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
@@ -10,9 +10,9 @@ namespace FwLiteShared.Sync;
 
 public class BackgroundSyncService(
     CrdtProjectsService crdtProjectsService,
-    ProjectContext projectContext,
     ILogger<BackgroundSyncService> logger,
     IMemoryCache memoryCache,
+    IServiceProvider serviceProvider,
     IHostApplicationLifetime? applicationLifetime = null) : BackgroundService
 {
     private readonly Channel<CrdtProject> _syncResultsChannel = Channel.CreateUnbounded<CrdtProject>();
@@ -41,10 +41,6 @@ public void TriggerSync(Guid projectId, Guid? ignoredClientId = null)
 
         TriggerSync(crdtProject);
     }
-    public void TriggerSync()
-    {
-        TriggerSync(projectContext.Project ?? throw new InvalidOperationException("No project selected"));
-    }
 
     public void TriggerSync(CrdtProject crdtProject)
     {
@@ -83,8 +79,8 @@ private async Task<SyncResults> SyncProject(CrdtProject crdtProject)
     {
         try
         {
-            await using var serviceScope = crdtProjectsService.CreateProjectScope(crdtProject);
-            await serviceScope.ServiceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+            await using var serviceScope = serviceProvider.CreateAsyncScope();
+            await serviceScope.ServiceProvider.GetRequiredService<CurrentProjectService>().SetupProjectContext(crdtProject);
             var syncService = serviceScope.ServiceProvider.GetRequiredService<SyncService>();
             return await syncService.ExecuteSync();
         }
diff --git a/backend/FwLite/FwLiteShared/Sync/SyncService.cs b/backend/FwLite/FwLiteShared/Sync/SyncService.cs
index ae6466fdd..c5eead34c 100644
--- a/backend/FwLite/FwLiteShared/Sync/SyncService.cs
+++ b/backend/FwLite/FwLiteShared/Sync/SyncService.cs
@@ -60,7 +60,7 @@ private async Task SendNotifications(SyncResults syncResults)
                 var entry = await lexboxApi.GetEntry(entryId.Value);
                 if (entry is not null)
                 {
-                    changeEventBus.NotifyEntryUpdated(entry);
+                    changeEventBus.NotifyEntryUpdated(entry, currentProjectService.Project);
                 }
                 else
                 {
diff --git a/backend/FwLite/LcmCrdt.Tests/DataModelSnapshotTests.cs b/backend/FwLite/LcmCrdt.Tests/DataModelSnapshotTests.cs
index 3173e290d..1322bd493 100644
--- a/backend/FwLite/LcmCrdt.Tests/DataModelSnapshotTests.cs
+++ b/backend/FwLite/LcmCrdt.Tests/DataModelSnapshotTests.cs
@@ -1,6 +1,5 @@
 using FluentAssertions.Execution;
 using LcmCrdt.Objects;
-using LcmCrdt.Tests.Mocks;
 using Microsoft.EntityFrameworkCore;
 using Microsoft.EntityFrameworkCore.Infrastructure;
 using Microsoft.Extensions.DependencyInjection;
@@ -25,14 +24,14 @@ public class DataModelSnapshotTests : IAsyncLifetime
     protected readonly AsyncServiceScope _services;
     private readonly LcmCrdtDbContext _crdtDbContext;
     private CrdtConfig _crdtConfig;
+    private CrdtProject _crdtProject;
+
     public DataModelSnapshotTests()
     {
-
+        _crdtProject = new CrdtProject("sena-3", $"sena-3-{Guid.NewGuid()}.sqlite");
         var services = new ServiceCollection()
-            .AddLcmCrdtClient()
+            .AddTestLcmCrdtClient(_crdtProject)
             .AddLogging(builder => builder.AddDebug())
-            .RemoveAll(typeof(ProjectContext))
-            .AddSingleton<ProjectContext>(new MockProjectContext(new CrdtProject("sena-3", ":memory:")))
             .BuildServiceProvider();
         _services = services.CreateAsyncScope();
         _crdtDbContext = _services.ServiceProvider.GetRequiredService<LcmCrdtDbContext>();
@@ -45,11 +44,13 @@ public async Task InitializeAsync()
         //can't use ProjectsService.CreateProject because it opens and closes the db context, this would wipe out the in memory db.
         await CrdtProjectsService.InitProjectDb(_crdtDbContext,
             new ProjectData("Sena 3", Guid.NewGuid(), null, Guid.NewGuid()));
-        await _services.ServiceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+        await _services.ServiceProvider.GetRequiredService<CurrentProjectService>().SetupProjectContext(_crdtProject);
     }
 
     public async Task DisposeAsync()
     {
+        await _crdtDbContext.Database.CloseConnectionAsync();
+        await _crdtDbContext.Database.EnsureDeletedAsync();
         await _services.DisposeAsync();
     }
 
diff --git a/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs b/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs
new file mode 100644
index 000000000..ccce423b6
--- /dev/null
+++ b/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs
@@ -0,0 +1,24 @@
+using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.DependencyInjection.Extensions;
+
+namespace LcmCrdt.Tests;
+
+public static class LcmCrdtTestsKernel
+{
+    public static IServiceCollection AddTestLcmCrdtClient(this IServiceCollection services, CrdtProject? project = null)
+    {
+        services.TryAddSingleton<IConfiguration>(new ConfigurationRoot([]));
+        services.AddLcmCrdtClient();
+        if (project is not null)
+        {
+            services.AddSingleton<CurrentProjectService>(provider =>
+            {
+                var currentProjectService = ActivatorUtilities.CreateInstance<CurrentProjectService>(provider);
+                currentProjectService.SetupProjectContextForNewDb(project);
+                return currentProjectService;
+            });
+        }
+        return services;
+    }
+}
diff --git a/backend/FwLite/LcmCrdt.Tests/MiniLcmApiFixture.cs b/backend/FwLite/LcmCrdt.Tests/MiniLcmApiFixture.cs
index dcc249a14..fb841588e 100644
--- a/backend/FwLite/LcmCrdt.Tests/MiniLcmApiFixture.cs
+++ b/backend/FwLite/LcmCrdt.Tests/MiniLcmApiFixture.cs
@@ -1,6 +1,6 @@
-using LcmCrdt.Tests.Mocks;
-using Meziantou.Extensions.Logging.Xunit;
+using Meziantou.Extensions.Logging.Xunit;
 using Microsoft.EntityFrameworkCore;
+using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.DependencyInjection.Extensions;
 using Microsoft.Extensions.Logging;
@@ -26,14 +26,13 @@ public MiniLcmApiFixture()
 
     public async Task InitializeAsync()
     {
+        var crdtProject = new CrdtProject("sena-3", ":memory:");
         var services = new ServiceCollection()
-            .AddLcmCrdtClient()
+            .AddTestLcmCrdtClient(crdtProject)
             .AddLogging(builder => builder.AddDebug()
                 .AddProvider(new LateXUnitLoggerProvider(this))
                 .AddFilter("LinqToDB", LogLevel.Trace)
                 .SetMinimumLevel(LogLevel.Error))
-            .RemoveAll(typeof(ProjectContext))
-            .AddSingleton<ProjectContext>(new MockProjectContext(new CrdtProject("sena-3", ":memory:")))
             .BuildServiceProvider();
         _services = services.CreateAsyncScope();
         _crdtDbContext = _services.ServiceProvider.GetRequiredService<LcmCrdtDbContext>();
@@ -41,7 +40,7 @@ public async Task InitializeAsync()
         //can't use ProjectsService.CreateProject because it opens and closes the db context, this would wipe out the in memory db.
         await CrdtProjectsService.InitProjectDb(_crdtDbContext,
             new ProjectData("Sena 3", Guid.NewGuid(), null, Guid.NewGuid()));
-        await _services.ServiceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+        await _services.ServiceProvider.GetRequiredService<CurrentProjectService>().RefreshProjectData();
 
         await Api.CreateWritingSystem(WritingSystemType.Vernacular,
             new WritingSystem()
diff --git a/backend/FwLite/LcmCrdt.Tests/Mocks/MockProjectContext.cs b/backend/FwLite/LcmCrdt.Tests/Mocks/MockProjectContext.cs
deleted file mode 100644
index bd4149acf..000000000
--- a/backend/FwLite/LcmCrdt.Tests/Mocks/MockProjectContext.cs
+++ /dev/null
@@ -1,6 +0,0 @@
-namespace LcmCrdt.Tests.Mocks;
-
-public class MockProjectContext(CrdtProject project) : ProjectContext
-{
-    public override CrdtProject? Project { get; set; } = project;
-}
diff --git a/backend/FwLite/LcmCrdt.Tests/OpenProjectTests.cs b/backend/FwLite/LcmCrdt.Tests/OpenProjectTests.cs
index 9fb67472a..61aa2999e 100644
--- a/backend/FwLite/LcmCrdt.Tests/OpenProjectTests.cs
+++ b/backend/FwLite/LcmCrdt.Tests/OpenProjectTests.cs
@@ -12,12 +12,12 @@ public async Task OpeningAProjectWorks()
         var sqliteConnectionString = "OpeningAProjectWorks.sqlite";
         if (File.Exists(sqliteConnectionString)) File.Delete(sqliteConnectionString);
         var builder = Host.CreateEmptyApplicationBuilder(null);
-        builder.Services.AddLcmCrdtClient();
+        builder.Services.AddTestLcmCrdtClient();
         using var host = builder.Build();
         var services = host.Services;
         var asyncScope = services.CreateAsyncScope();
-        await asyncScope.ServiceProvider.GetRequiredService<CrdtProjectsService>()
-            .CreateProject(new(Name: "OpeningAProjectWorks", Path: "", SeedNewProjectData: true));
+        var crdtProjectsService = asyncScope.ServiceProvider.GetRequiredService<CrdtProjectsService>();
+        await crdtProjectsService.CreateProject(new(Name: "OpeningAProjectWorks", Path: "", SeedNewProjectData: true));
 
         var miniLcmApi = (CrdtMiniLcmApi)await asyncScope.ServiceProvider.OpenCrdtProject(new CrdtProject("OpeningAProjectWorks", sqliteConnectionString));
         miniLcmApi.ProjectData.Name.Should().Be("OpeningAProjectWorks");
diff --git a/backend/FwLite/LcmCrdt/CrdtProjectsService.cs b/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
index 4260482dd..44b6e94da 100644
--- a/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
+++ b/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
@@ -8,7 +8,7 @@
 
 namespace LcmCrdt;
 
-public partial class CrdtProjectsService(IServiceProvider provider, ProjectContext projectContext, ILogger<CrdtProjectsService> logger, IOptions<LcmCrdtConfig> config, IMemoryCache memoryCache)
+public partial class CrdtProjectsService(IServiceProvider provider, ILogger<CrdtProjectsService> logger, IOptions<LcmCrdtConfig> config, IMemoryCache memoryCache)
 {
     public Task<CrdtProject[]> ListProjects()
     {
@@ -56,7 +56,9 @@ public async Task<CrdtProject> CreateProject(CreateProjectRequest request)
         var sqliteFile = Path.Combine(request.Path ?? config.Value.ProjectPath, $"{name}.sqlite");
         if (File.Exists(sqliteFile)) throw new InvalidOperationException("Project already exists");
         var crdtProject = new CrdtProject(name, sqliteFile);
-        await using var serviceScope = CreateProjectScope(crdtProject);
+        await using var serviceScope = provider.CreateAsyncScope();
+        var currentProjectService = serviceScope.ServiceProvider.GetRequiredService<CurrentProjectService>();
+        currentProjectService.SetupProjectContextForNewDb(crdtProject);
         var db = serviceScope.ServiceProvider.GetRequiredService<LcmCrdtDbContext>();
         try
         {
@@ -65,7 +67,7 @@ public async Task<CrdtProject> CreateProject(CreateProjectRequest request)
                 ProjectData.GetOriginDomain(request.Domain),
                 Guid.NewGuid(), request.FwProjectId);
             await InitProjectDb(db, projectData);
-            await serviceScope.ServiceProvider.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+            await currentProjectService.RefreshProjectData();
             if (request.SeedNewProjectData)
                 await SeedSystemData(serviceScope.ServiceProvider.GetRequiredService<DataModel>(), projectData.ClientId);
             await (request.AfterCreate?.Invoke(serviceScope.ServiceProvider, crdtProject) ?? Task.CompletedTask);
@@ -93,26 +95,6 @@ internal static async Task SeedSystemData(DataModel dataModel, Guid clientId)
         await PreDefinedData.PredefinedSemanticDomains(dataModel, clientId);
     }
 
-    public AsyncServiceScope CreateProjectScope(CrdtProject crdtProject)
-    {
-        //todo make this helper method call `CurrentProjectService.PopulateProjectDataCache`
-        var serviceScope = provider.CreateAsyncScope();
-        SetProjectScope(crdtProject);
-        return serviceScope;
-    }
-
-    public void SetProjectScope(CrdtProject crdtProject)
-    {
-        projectContext.Project = crdtProject;
-    }
-
-    public CrdtProject SetActiveProject(string name)
-    {
-        var project = GetProject(name) ?? throw new InvalidOperationException($"Crdt Project {name} not found");
-        SetProjectScope(project);
-        return project;
-    }
-
     [GeneratedRegex("^[a-zA-Z0-9][a-zA-Z0-9-_]+$")]
     public static partial Regex ProjectName();
 
diff --git a/backend/FwLite/LcmCrdt/CurrentProjectService.cs b/backend/FwLite/LcmCrdt/CurrentProjectService.cs
index e99edde78..c13ed435f 100644
--- a/backend/FwLite/LcmCrdt/CurrentProjectService.cs
+++ b/backend/FwLite/LcmCrdt/CurrentProjectService.cs
@@ -1,12 +1,16 @@
 using Microsoft.EntityFrameworkCore;
 using Microsoft.Extensions.Caching.Memory;
+using Microsoft.Extensions.DependencyInjection;
 
 namespace LcmCrdt;
 
-public class CurrentProjectService(LcmCrdtDbContext dbContext, ProjectContext projectContext, IMemoryCache memoryCache)
+public class CurrentProjectService(IServiceProvider services, IMemoryCache memoryCache, CrdtProjectsService crdtProjectsService)
 {
-    public CrdtProject Project =>
-        projectContext.Project ?? throw new NullReferenceException("Not in the context of a project");
+    private CrdtProject? _project;
+    //creating a DbContext depends on the CurrentProjectService, so we can't create it in the constructor otherwise we'll create a circular dependency
+    private LcmCrdtDbContext DbContext => services.GetRequiredService<LcmCrdtDbContext>();
+    public CrdtProject Project => _project ?? throw new NullReferenceException("Not in the context of a project");
+    public CrdtProject? MaybeProject => _project;
 
     //only works because PopulateProjectDataCache is called first in the request pipeline
     public ProjectData ProjectData => memoryCache.Get<ProjectData>(CacheKey(Project)) ?? throw new InvalidOperationException("Project data not found, call PopulateProjectDataCache first or use GetProjectData");
@@ -16,7 +20,7 @@ public async ValueTask<ProjectData> GetProjectData()
         var key = CacheKey(Project);
         if (!memoryCache.TryGetValue(key, out object? result))
         {
-            result = await dbContext.ProjectData.AsNoTracking().FirstAsync();
+            result = await DbContext.ProjectData.AsNoTracking().FirstAsync();
             memoryCache.Set(key, result);
             memoryCache.Set(CacheKey(((ProjectData)result).Id), result);
         }
@@ -25,6 +29,11 @@ public async ValueTask<ProjectData> GetProjectData()
         return (ProjectData)result;
     }
 
+    public void ValidateProjectScope()
+    {
+        if (Project is null) throw new InvalidOperationException($"Project is null, there's a bug and {nameof(SetupProjectContext)} was not called");
+    }
+
     private static string CacheKey(CrdtProject project)
     {
         return project.Name + "|ProjectData";
@@ -45,9 +54,28 @@ private static string CacheKey(Guid projectId)
         return memoryCache.Get<ProjectData>(CacheKey(projectId));
     }
 
-    public async ValueTask<ProjectData> PopulateProjectDataCache(bool force = false)
+    /// <summary>
+    /// Setup the project context for a new db, this will not trigger a refresh or setup for ProjectData, you probably want to call SetupProjectContext instead
+    /// </summary>
+    public void SetupProjectContextForNewDb(CrdtProject project)
     {
-        if (force) RemoveProjectDataCache();
+        _project = project;
+    }
+    public async ValueTask<ProjectData> SetupProjectContext(CrdtProject project)
+    {
+        if (_project != null && project != _project) throw new InvalidOperationException("Can't setup project context for a different project");
+        _project = project;
+        return await RefreshProjectData();
+    }
+
+    public async ValueTask<ProjectData> SetupProjectContext(string projectName)
+    {
+        return await SetupProjectContext(crdtProjectsService.GetProject(projectName) ?? throw new InvalidOperationException($"Crdt Project {projectName} not found"));
+    }
+
+    public async ValueTask<ProjectData> RefreshProjectData()
+    {
+        RemoveProjectDataCache();
         var projectData = await GetProjectData();
         return projectData;
     }
@@ -62,17 +90,16 @@ public async Task SetProjectSyncOrigin(Uri? domain, Guid? id)
         var originDomain = ProjectData.GetOriginDomain(domain);
         if (id is null)
         {
-            await dbContext.Set<ProjectData>()
+            await DbContext.Set<ProjectData>()
                 .ExecuteUpdateAsync(calls => calls.SetProperty(p => p.OriginDomain, originDomain));
         }
         else
         {
-            await dbContext.Set<ProjectData>()
+            await DbContext.Set<ProjectData>()
                 .ExecuteUpdateAsync(calls => calls.SetProperty(p => p.OriginDomain, originDomain)
                     .SetProperty(p => p.Id, id));
         }
 
-        RemoveProjectDataCache();
-        await PopulateProjectDataCache();
+        await RefreshProjectData();
     }
 }
diff --git a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
index 4504b1159..e8a35750f 100644
--- a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
+++ b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
@@ -42,7 +42,6 @@ public static IServiceCollection AddLcmCrdtClient(this IServiceCollection servic
         services.AddMiniLcmValidators();
         services.AddScoped<CurrentProjectService>();
         services.AddScoped<HistoryService>();
-        services.AddSingleton<ProjectContext>();
         services.AddSingleton<CrdtProjectsService>();
 
         services.AddHttpClient();
@@ -60,8 +59,8 @@ public static IServiceCollection AddLcmCrdtClient(this IServiceCollection servic
 
     private static void ConfigureDbOptions(IServiceProvider provider, DbContextOptionsBuilder builder)
     {
-        var projectContext = provider.GetRequiredService<ProjectContext>();
-        if (projectContext.Project is null) throw new NullReferenceException("Project is null");
+        var projectContext = provider.GetRequiredService<CurrentProjectService>();
+        projectContext.ValidateProjectScope();
 #if DEBUG
         builder.EnableSensitiveDataLogging();
 #endif
@@ -212,13 +211,12 @@ public static Task<IMiniLcmApi> OpenCrdtProject(this IServiceProvider services,
         //the project is stored in the async scope, if a new scope is created in this method then it will be gone once the method returns
         //making the lcm api unusable
         var projectsService = services.GetRequiredService<CrdtProjectsService>();
-        projectsService.SetProjectScope(project);
-        return LoadMiniLcmApi(services);
+        return LoadMiniLcmApi(services, project);
     }
 
-    private static async Task<IMiniLcmApi> LoadMiniLcmApi(IServiceProvider services)
+    private static async Task<IMiniLcmApi> LoadMiniLcmApi(IServiceProvider services, CrdtProject project)
     {
-        await services.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+        await services.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
         return services.GetRequiredService<IMiniLcmApi>();
     }
 }
diff --git a/backend/FwLite/LcmCrdt/ProjectContext.cs b/backend/FwLite/LcmCrdt/ProjectContext.cs
deleted file mode 100644
index 30bfb3c58..000000000
--- a/backend/FwLite/LcmCrdt/ProjectContext.cs
+++ /dev/null
@@ -1,34 +0,0 @@
-namespace LcmCrdt;
-
-public class ProjectContext
-{
-    private sealed class ProjectHolder
-    {
-        public CrdtProject? Project;
-    }
-
-    private static readonly AsyncLocal<ProjectHolder> _projectHolder = new();
-
-    public virtual CrdtProject? Project
-    {
-        get => _projectHolder.Value?.Project;
-        set
-        {
-            //don't change existing if they are the same, that will break nested scopes
-            if (Project == value) return;
-            var holder = _projectHolder.Value;
-            if (holder != null)
-            {
-                // Clear current Project trapped in the AsyncLocals, as its done.
-                holder.Project = null;
-            }
-
-            if (value is not null)
-            {
-                // Use an object indirection to hold the Project in the AsyncLocal,
-                // so it can be cleared in all ExecutionContexts when its cleared above.
-                _projectHolder.Value = new ProjectHolder { Project = value };
-            }
-        }
-    }
-}
diff --git a/backend/FwLite/LocalWebApp/Hubs/CrdtMiniLcmApiHub.cs b/backend/FwLite/LocalWebApp/Hubs/CrdtMiniLcmApiHub.cs
index e9725f397..5c73b7c1b 100644
--- a/backend/FwLite/LocalWebApp/Hubs/CrdtMiniLcmApiHub.cs
+++ b/backend/FwLite/LocalWebApp/Hubs/CrdtMiniLcmApiHub.cs
@@ -37,12 +37,17 @@ public override async Task OnConnectedAsync()
         await syncService.ExecuteSync();
         Cleanup =
         [
-            changeEventBus.OnEntryUpdated.Subscribe(e => OnEntryChangedExternal(e, hubContext, memoryCache, Context.ConnectionId))
+            changeEventBus.OnProjectEntryUpdated(projectContext.Project).Subscribe(e => OnEntryChangedExternal(e, hubContext, memoryCache, Context.ConnectionId))
         ];
 
         await lexboxProjectService.ListenForProjectChanges(projectContext.ProjectData, Context.ConnectionAborted);
     }
 
+    private void TriggerSync()
+    {
+        backgroundSyncService.TriggerSync(projectContext.Project);
+    }
+
     private static void OnEntryChangedExternal(Entry entry,
         IHubContext<CrdtMiniLcmApiHub, ILexboxHubClient> hubContext,
         IMemoryCache cache,
@@ -94,7 +99,7 @@ public override IAsyncEnumerable<Entry> SearchEntries(string query, QueryOptions
     public override async Task<WritingSystem> CreateWritingSystem(WritingSystemType type, WritingSystem writingSystem)
     {
         var newWritingSystem = await base.CreateWritingSystem(type, writingSystem);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
         return newWritingSystem;
     }
 
@@ -103,21 +108,21 @@ public override async Task<WritingSystem> UpdateWritingSystem(WritingSystemId id
         JsonPatchDocument<WritingSystem> update)
     {
         var writingSystem = await base.UpdateWritingSystem(id, type, update);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
         return writingSystem;
     }
 
     public override async Task<Sense> CreateSense(Guid entryId, Sense sense)
     {
         var createdSense = await base.CreateSense(entryId, sense);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
         return createdSense;
     }
 
     public override async Task<Sense> UpdateSense(Guid entryId, Guid senseId, JsonPatchDocument<Sense> update)
     {
         var sense = await base.UpdateSense(entryId, senseId, update);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
         return sense;
     }
 
@@ -126,7 +131,7 @@ public override async Task<ExampleSentence> CreateExampleSentence(Guid entryId,
         ExampleSentence exampleSentence)
     {
         var createdSentence = await base.CreateExampleSentence(entryId, senseId, exampleSentence);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
         return createdSentence;
     }
 
@@ -136,13 +141,13 @@ public override async Task<ExampleSentence> UpdateExampleSentence(Guid entryId,
         JsonPatchDocument<ExampleSentence> update)
     {
         var sentence = await base.UpdateExampleSentence(entryId, senseId, exampleSentenceId, update);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
         return sentence;
     }
 
     protected override async Task NotifyEntryUpdated(Entry entry)
     {
         await base.NotifyEntryUpdated(entry);
-        backgroundSyncService.TriggerSync();
+        TriggerSync();
     }
 }
diff --git a/backend/FwLite/LocalWebApp/LocalWebAppServer.cs b/backend/FwLite/LocalWebApp/LocalWebAppServer.cs
index 8804569d8..16a7db166 100644
--- a/backend/FwLite/LocalWebApp/LocalWebAppServer.cs
+++ b/backend/FwLite/LocalWebApp/LocalWebAppServer.cs
@@ -79,11 +79,7 @@ public static WebApplication SetupAppServer(WebApplicationOptions options, Actio
             var projectName = context.GetProjectName();
             if (!string.IsNullOrWhiteSpace(projectName))
             {
-                var projectsService = context.RequestServices.GetRequiredService<CrdtProjectsService>();
-                projectsService.SetProjectScope(projectsService.GetProject(projectName) ??
-                                                throw new InvalidOperationException(
-                                                    $"Project {projectName} not found"));
-                await context.RequestServices.GetRequiredService<CurrentProjectService>().PopulateProjectDataCache();
+                await context.RequestServices.GetRequiredService<CurrentProjectService>().SetupProjectContext(projectName);
             }
             var fwData = context.GetFwDataName();
             if (!string.IsNullOrWhiteSpace(fwData))
diff --git a/backend/FwLite/LocalWebApp/Routes/TestRoutes.cs b/backend/FwLite/LocalWebApp/Routes/TestRoutes.cs
index 965442f43..9d21ba34f 100644
--- a/backend/FwLite/LocalWebApp/Routes/TestRoutes.cs
+++ b/backend/FwLite/LocalWebApp/Routes/TestRoutes.cs
@@ -1,4 +1,5 @@
 using FwLiteShared;
+using LcmCrdt;
 using LocalWebApp.Hubs;
 using LocalWebApp.Services;
 using Microsoft.OpenApi.Models;
@@ -26,16 +27,16 @@ public static IEndpointConventionBuilder MapTest(this WebApplication app)
             {
                 return api.GetEntries();
             });
-        group.MapPost("/set-entry-note", async (IMiniLcmApi api, ChangeEventBus eventBus, Guid entryId, string ws, string note) =>
+        group.MapPost("/set-entry-note", async (IMiniLcmApi api, CurrentProjectService projectContext, ChangeEventBus eventBus, Guid entryId, string ws, string note) =>
         {
             var entry = await api.UpdateEntry(entryId, new UpdateObjectInput<Entry>().Set(e => e.Note[ws], note));
-            eventBus.NotifyEntryUpdated(entry);
+            eventBus.NotifyEntryUpdated(entry, projectContext.Project);
         });
         group.MapPost("/add-new-entry",
-            async (IMiniLcmApi api, ChangeEventBus eventBus, Entry entry) =>
+            async (IMiniLcmApi api, CurrentProjectService projectContext, ChangeEventBus eventBus, Entry entry) =>
             {
                 var createdEntry = await api.CreateEntry(entry);
-                eventBus.NotifyEntryUpdated(createdEntry);
+                eventBus.NotifyEntryUpdated(createdEntry, projectContext.Project);
             });
         return group;
     }

From 353d78a489e3b13985b95fe3a5e685949158da0d Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 11:47:23 +0700
Subject: [PATCH 042/108] correct nrt error

---
 backend/Testing/SyncReverseProxy/SendReceiveServiceTests.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/Testing/SyncReverseProxy/SendReceiveServiceTests.cs b/backend/Testing/SyncReverseProxy/SendReceiveServiceTests.cs
index 8d6edc151..444b3f58d 100644
--- a/backend/Testing/SyncReverseProxy/SendReceiveServiceTests.cs
+++ b/backend/Testing/SyncReverseProxy/SendReceiveServiceTests.cs
@@ -117,7 +117,7 @@ public async Task ModifyProjectData(HgProtocol protocol)
 
         // Verify the push updated the last commit date
         var lastCommitDateAfter = await _adminApiTester.GetProjectLastCommit(projectConfig.Code);
-        lastCommitDateAfter.Should().BeAfter(lastCommitDate.Value);
+        lastCommitDateAfter.Should().BeAfter(lastCommitDate!.Value);
     }
 
     [Theory]

From bb6a3f8ccfe6bd0413b8ca5156f0acdcbc38e717 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 11:56:07 +0700
Subject: [PATCH 043/108] update swashbuckle version to fix build error

error was `error : Unable to find service type 'Microsoft.Extensions.ApiDescriptions.IDocumentProvider' in loaded assemblies.`
---
 backend/LexBoxApi/LexBoxApi.csproj               | 2 +-
 backend/SyncReverseProxy/SyncReverseProxy.csproj | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/LexBoxApi/LexBoxApi.csproj b/backend/LexBoxApi/LexBoxApi.csproj
index a2cfe8e59..d8960afa8 100644
--- a/backend/LexBoxApi/LexBoxApi.csproj
+++ b/backend/LexBoxApi/LexBoxApi.csproj
@@ -51,7 +51,7 @@
         <PackageReference Include="Polly.Extensions" Version="8.4.2" />
         <PackageReference Include="Quartz.AspNetCore" Version="3.13.0" />
         <PackageReference Include="Quartz.Serialization.SystemTextJson" Version="3.13.0" />
-        <PackageReference Include="Swashbuckle.AspNetCore" Version="6.7.3" />
+        <PackageReference Include="Swashbuckle.AspNetCore" Version="7.2.0" />
         <PackageReference Include="System.Text.Encodings.Web" Version="9.0.0" />
         <PackageReference Include="tusdotnet" Version="2.8.0" />
         <PackageReference Include="zxcvbn-core" Version="7.0.92" />
diff --git a/backend/SyncReverseProxy/SyncReverseProxy.csproj b/backend/SyncReverseProxy/SyncReverseProxy.csproj
index fe72988bf..847c4e381 100644
--- a/backend/SyncReverseProxy/SyncReverseProxy.csproj
+++ b/backend/SyncReverseProxy/SyncReverseProxy.csproj
@@ -8,7 +8,7 @@
     <ItemGroup>
         <PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.0" />
         <PackageReference Include="Microsoft.Extensions.Options" Version="9.0.0" />
-        <PackageReference Include="Swashbuckle.AspNetCore" Version="6.7.3" />
+        <PackageReference Include="Swashbuckle.AspNetCore" Version="7.2.0" />
         <PackageReference Include="System.IdentityModel.Tokens.Jwt" Version="8.2.0" />
         <PackageReference Include="Yarp.ReverseProxy" Version="2.2.0" />
 

From 8a4b35463853f7ea0dde1755b4a78ad3818e256c Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 12:06:25 +0700
Subject: [PATCH 044/108] ignore csproj.user files

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 8283534be..9a4f25740 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,5 @@ artifacts/
 #Verify
 *.received.*
 backend/FwLite/FwLiteShared/wwwroot/viewer
+
+*.csproj.user

From e6af4e495b9cd28eda93489caa1b1099524fa4b9 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 14:41:49 +0700
Subject: [PATCH 045/108] remove unused layout files

---
 .../FwLiteShared/Layout/MainLayout.razor      |  23 ----
 .../FwLiteShared/Layout/MainLayout.razor.css  |  97 ----------------
 .../FwLite/FwLiteShared/Layout/NavMenu.razor  |  30 -----
 .../FwLiteShared/Layout/NavMenu.razor.css     | 105 ------------------
 backend/FwLite/FwLiteShared/Routes.razor      |   2 +-
 5 files changed, 1 insertion(+), 256 deletions(-)
 delete mode 100644 backend/FwLite/FwLiteShared/Layout/MainLayout.razor
 delete mode 100644 backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css
 delete mode 100644 backend/FwLite/FwLiteShared/Layout/NavMenu.razor
 delete mode 100644 backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css

diff --git a/backend/FwLite/FwLiteShared/Layout/MainLayout.razor b/backend/FwLite/FwLiteShared/Layout/MainLayout.razor
deleted file mode 100644
index 78624f3dd..000000000
--- a/backend/FwLite/FwLiteShared/Layout/MainLayout.razor
+++ /dev/null
@@ -1,23 +0,0 @@
-@inherits LayoutComponentBase
-
-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
-
-    <main>
-        <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
-        </div>
-
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>
-
-<div id="blazor-error-ui" data-nosnippet>
-    An unhandled error has occurred.
-    <a href="." class="reload">Reload</a>
-    <span class="dismiss">🗙</span>
-</div>
diff --git a/backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css b/backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css
deleted file mode 100644
index 54b45387f..000000000
--- a/backend/FwLite/FwLiteShared/Layout/MainLayout.razor.css
+++ /dev/null
@@ -1,97 +0,0 @@
-.page {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-}
-
-main {
-    flex: 1;
-}
-
-.sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
-}
-
-.top-row {
-    background-color: #f7f7f7;
-    border-bottom: 1px solid #d6d5d5;
-    justify-content: flex-end;
-    height: 3.5rem;
-    display: flex;
-    align-items: center;
-}
-
-    .top-row ::deep a, .top-row ::deep .btn-link {
-        white-space: nowrap;
-        margin-left: 1.5rem;
-        text-decoration: none;
-    }
-
-    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
-        text-decoration: underline;
-    }
-
-    .top-row ::deep a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-@media (max-width: 640.98px) {
-    .top-row {
-        justify-content: space-between;
-    }
-
-    .top-row ::deep a, .top-row ::deep .btn-link {
-        margin-left: 0;
-    }
-}
-
-@media (min-width: 641px) {
-    .page {
-        flex-direction: row;
-    }
-
-    .sidebar {
-        width: 250px;
-        height: 100vh;
-        position: sticky;
-        top: 0;
-    }
-
-    .top-row {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
-
-    .top-row.auth ::deep a:first-child {
-        flex: 1;
-        text-align: right;
-        width: 0;
-    }
-
-    .top-row, article {
-        padding-left: 2rem !important;
-        padding-right: 1.5rem !important;
-    }
-}
-
-#blazor-error-ui {
-    background: lightyellow;
-    bottom: 0;
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-    box-sizing: border-box;
-    display: none;
-    left: 0;
-    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
-    position: fixed;
-    width: 100%;
-    z-index: 1000;
-}
-
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }
diff --git a/backend/FwLite/FwLiteShared/Layout/NavMenu.razor b/backend/FwLite/FwLiteShared/Layout/NavMenu.razor
deleted file mode 100644
index 498c5542a..000000000
--- a/backend/FwLite/FwLiteShared/Layout/NavMenu.razor
+++ /dev/null
@@ -1,30 +0,0 @@
-<div class="top-row ps-3 navbar navbar-dark">
-    <div class="container-fluid">
-        <a class="navbar-brand" href="">MauiBlazorWeb-dotnet9</a>
-    </div>
-</div>
-
-<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
-
-<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
-    <nav class="flex-column">
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
-            </NavLink>
-        </div>
-
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="weather">
-                <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
-            </NavLink>
-        </div>
-    </nav>
-</div>
-
diff --git a/backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css b/backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css
deleted file mode 100644
index 26e461e85..000000000
--- a/backend/FwLite/FwLiteShared/Layout/NavMenu.razor.css
+++ /dev/null
@@ -1,105 +0,0 @@
-.navbar-toggler {
-    appearance: none;
-    cursor: pointer;
-    width: 3.5rem;
-    height: 2.5rem;
-    color: white;
-    position: absolute;
-    top: 0.5rem;
-    right: 1rem;
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
-}
-
-.navbar-toggler:checked {
-    background-color: rgba(255, 255, 255, 0.5);
-}
-
-.top-row {
-    height: 3.5rem;
-    background-color: rgba(0,0,0,0.4);
-}
-
-.navbar-brand {
-    font-size: 1.1rem;
-}
-
-.bi {
-    display: inline-block;
-    position: relative;
-    width: 1.25rem;
-    height: 1.25rem;
-    margin-right: 0.75rem;
-    top: -1px;
-    background-size: cover;
-}
-
-.bi-house-door-fill-nav-menu {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
-}
-
-.bi-plus-square-fill-nav-menu {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
-}
-
-.bi-list-nested-nav-menu {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
-}
-
-.nav-item {
-    font-size: 0.9rem;
-    padding-bottom: 0.5rem;
-}
-
-    .nav-item:first-of-type {
-        padding-top: 1rem;
-    }
-
-    .nav-item:last-of-type {
-        padding-bottom: 1rem;
-    }
-
-    .nav-item ::deep .nav-link {
-        color: #d7d7d7;
-        background: none;
-        border: none;
-        border-radius: 4px;
-        height: 3rem;
-        display: flex;
-        align-items: center;
-        line-height: 3rem;
-        width: 100%;
-    }
-
-.nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.37);
-    color: white;
-}
-
-.nav-item ::deep .nav-link:hover {
-    background-color: rgba(255,255,255,0.1);
-    color: white;
-}
-
-.nav-scrollable {
-    display: none;
-}
-
-.navbar-toggler:checked ~ .nav-scrollable {
-    display: block;
-}
-
-@media (min-width: 641px) {
-    .navbar-toggler {
-        display: none;
-    }
-
-    .nav-scrollable {
-        /* Never collapse the sidebar for wide screens */
-        display: block;
-
-        /* Allow sidebar to scroll for tall menus */
-        height: calc(100vh - 3.5rem);
-        overflow-y: auto;
-    }
-}
diff --git a/backend/FwLite/FwLiteShared/Routes.razor b/backend/FwLite/FwLiteShared/Routes.razor
index 43f8cfac4..2613ad901 100644
--- a/backend/FwLite/FwLiteShared/Routes.razor
+++ b/backend/FwLite/FwLiteShared/Routes.razor
@@ -5,7 +5,7 @@
         await jsRuntime.InvokeVoidAsync("onBlazorNavigate", context.Path);
     }
 }
-<Router AppAssembly="typeof(Layout.MainLayout).Assembly" OnNavigateAsync="OnNavigateAsync">
+<Router AppAssembly="typeof(Layout.SvelteLayout).Assembly" OnNavigateAsync="OnNavigateAsync">
     <Found Context="routeData">
         <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.SvelteLayout)"/>
         <FocusOnNavigate RouteData="routeData" Selector="h1"/>

From bb94fa3b4c16138b0bf9541c427d2dbffe56c4a8 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 14:42:24 +0700
Subject: [PATCH 046/108] dispose of the module properly when the SvelteLayout
 is disposed of

---
 backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index 930094573..ae4ab106f 100644
--- a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -1,10 +1,10 @@
 @inherits LayoutComponentBase
 @using FwLiteShared.Services
-@using LexCore.Entities
 @using Microsoft.Extensions.Logging
 @inject IJSRuntime JS
 @inject ILogger<SvelteLayout> Logger
 @inject FwLiteProvider FwLiteProvider
+@implements IAsyncDisposable
 
 <link rel="modulepreload" href="@Assets["_content/FwLiteShared/viewer/svelte-ux.js"]">
 <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
@@ -21,6 +21,7 @@
         const services = window.lexbox.FwLiteProvider;
         services[key] = service;
     };
+    //called from FwLiteProvider.InjectCrdtProject
     window['notifyEntryUpdated'] = (projectName, entry) => {
         if (window.lexbox?.EventBus) {
             window.lexbox.EventBus.notifyEntryUpdated(entry);
@@ -50,4 +51,10 @@
                 "/" + Assets["_content/FwLiteShared/viewer/index.js"]);
         }
     }
+
+    public async ValueTask DisposeAsync()
+    {
+        await (module?.DisposeAsync() ?? ValueTask.CompletedTask);
+    }
+
 }

From 33aa391b800b7234c530c405c7d964dd0626fc7c Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 14:43:53 +0700
Subject: [PATCH 047/108] change crdt project pages to use OwningComponentBase
 which ensures they have a service scope to use for project access

---
 .../FwLite/FwLiteShared/FwLiteSharedKernel.cs |  2 +-
 .../FwLiteShared/Pages/CrdtProject.razor      | 16 ++++++------
 .../FwLiteShared/Pages/FwdataProject.razor    | 25 +++++++++++++------
 .../FwLiteShared/Services/FwLiteProvider.cs   | 12 ++++-----
 4 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
index a8ec5ad51..bc6d75159 100644
--- a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
+++ b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
@@ -24,7 +24,7 @@ public static IServiceCollection AddFwLiteShared(this IServiceCollection service
         services.AddScoped<SyncService>();
         services.AddSingleton<LexboxProjectService>();
         services.AddSingleton<CombinedProjectsService>();
-        services.AddScoped<FwLiteProvider>();
+        services.AddSingleton<FwLiteProvider>();
 
         services.AddSingleton<ChangeEventBus>();
         services.AddSingleton<BackgroundSyncService>();
diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
index e7827143d..af6d88fa5 100644
--- a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -1,9 +1,8 @@
 @page "/project/{projectName}"
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
-@using Microsoft.Extensions.Logging
-@inject FwLiteProvider FwLiteProvider
-@inject ILogger<CrdtProject> Logger
+@using Microsoft.Extensions.DependencyInjection
+@inherits OwningComponentBase
 @implements IAsyncDisposable
 @layout SvelteLayout;
 
@@ -14,19 +13,18 @@
 
     private IAsyncDisposable? _disposable;
 
-    protected override async Task OnAfterRenderAsync(bool firstRender)
+    protected override async Task OnInitializedAsync()
     {
-        Logger.LogInformation("OnAfterRenderAsync CrdtProject, firstRender: {firstRender}", firstRender);
-        if (firstRender)
-        {
-            _disposable = await FwLiteProvider.InjectCrdtProject(ProjectName);
-        }
+        var fwLiteProvider = ScopedServices.GetRequiredService<FwLiteProvider>();
+        _disposable = await fwLiteProvider.InjectCrdtProject(ScopedServices, ProjectName);
     }
 
     public async ValueTask DisposeAsync()
     {
         if (_disposable is not null)
             await _disposable.DisposeAsync();
+        //dispose isn't called because this component implements IAsyncDisposable
+        ((IDisposable)this).Dispose();
     }
 
 }
diff --git a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
index c1cb981fa..f13225a9b 100644
--- a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
@@ -1,19 +1,30 @@
 @page "/fwdata/{projectName}"
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
-@inject FwLiteProvider FwLiteProvider
+@using Microsoft.Extensions.DependencyInjection
+@inherits OwningComponentBase
+@implements IAsyncDisposable
 @layout SvelteLayout;
 
 @code {
+
     [Parameter]
     public required string ProjectName { get; set; }
 
-    protected override async Task OnAfterRenderAsync(bool firstRender)
+    private IAsyncDisposable? _disposable;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var fwLiteProvider = ScopedServices.GetRequiredService<FwLiteProvider>();
+        _disposable = await fwLiteProvider.InjectFwDataProject(ScopedServices, ProjectName);
+    }
+
+    public async ValueTask DisposeAsync()
     {
-        await base.OnAfterRenderAsync(firstRender);
-        if (firstRender)
-        {
-            await FwLiteProvider.InjectFwDataProject(ProjectName);
-        }
+        if (_disposable is not null)
+            await _disposable.DisposeAsync();
+        //dispose isn't called because this component implements IAsyncDisposable
+        ((IDisposable)this).Dispose();
     }
+
 }
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index 9b7695f3f..95ee7a0fd 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -15,7 +15,6 @@ public class FwLiteProvider(
     AuthService authService,
     ImportFwdataService importFwdataService,
     CrdtProjectsService crdtProjectsService,
-    IServiceProvider serviceProvider,
     FwDataProjectContext fwDataProjectContext,
     FieldWorksProjectList fieldWorksProjectList,
     LexboxProjectService lexboxProjectService,
@@ -63,16 +62,16 @@ public async Task SetService(DotnetService service, object? serviceInstance)
         await jsRuntime.InvokeVoidAsync(OverrideServiceFunctionName, service.ToString(), reference);
     }
 
-    public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
+    public async Task<IAsyncDisposable> InjectCrdtProject(IServiceProvider scopedServices, string projectName)
     {
         var project = crdtProjectsService.GetProject(projectName) ?? throw new InvalidOperationException($"Crdt Project {projectName} not found");
-        var projectData = await serviceProvider.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
+        var projectData = await scopedServices.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
         await lexboxProjectService.ListenForProjectChanges(projectData, CancellationToken.None);
         var entryUpdatedSubscription = changeEventBus.OnProjectEntryUpdated(project).Subscribe(entry =>
         {
             _ = jsRuntime.InvokeVoidAsync("notifyEntryUpdated", projectName, entry);
         });
-        var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(serviceProvider, project);
+        var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices, project);
         await SetService(DotnetService.MiniLcmApi, service);
         return Defer.Async(async () =>
         {
@@ -81,10 +80,11 @@ public async Task<IAsyncDisposable> InjectCrdtProject(string projectName)
         });
     }
 
-    public async Task<IAsyncDisposable> InjectFwDataProject(string projectName)
+    public async Task<IAsyncDisposable> InjectFwDataProject(IServiceProvider scopedServices, string projectName)
     {
         fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
-        var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(serviceProvider, serviceProvider.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
+        var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices,
+            scopedServices.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
         await SetService(DotnetService.MiniLcmApi, service);
         return Defer.Async(async () => await SetService(DotnetService.MiniLcmApi, null));
     }

From 8dfe1ba9e7bd88f04611e4ca8fd59dc8ee850053 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 14:53:15 +0700
Subject: [PATCH 048/108] pass in jsRuntime as a parameter to FwLiteProvider
 rather than injecting it since it's a scoped service

---
 .../FwLite/FwLiteShared/Layout/SvelteLayout.razor |  2 +-
 .../FwLiteShared/Services/FwLiteProvider.cs       | 15 ++++++++-------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index ae4ab106f..a7e87a9d5 100644
--- a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -44,7 +44,7 @@
         {
             foreach (var (serviceKey, service) in FwLiteProvider.GetServices())
             {
-                await FwLiteProvider.SetService(serviceKey, service);
+                await FwLiteProvider.SetService(JS, serviceKey, service);
             }
 
             module = await JS.InvokeAsync<IJSObjectReference>("import",
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index 95ee7a0fd..c1eecc295 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -18,8 +18,7 @@ public class FwLiteProvider(
     FwDataProjectContext fwDataProjectContext,
     FieldWorksProjectList fieldWorksProjectList,
     LexboxProjectService lexboxProjectService,
-    ChangeEventBus changeEventBus,
-    IJSRuntime jsRuntime
+    ChangeEventBus changeEventBus
 ) : IDisposable
 {
     public const string OverrideServiceFunctionName = "setOverrideService";
@@ -50,7 +49,7 @@ public object GetService(DotnetService service)
         };
     }
 
-    public async Task SetService(DotnetService service, object? serviceInstance)
+    public async Task SetService(IJSRuntime jsRuntime, DotnetService service, object? serviceInstance)
     {
         DotNetObjectReference<object>? reference = null;
         if (serviceInstance is not null)
@@ -64,6 +63,7 @@ public async Task SetService(DotnetService service, object? serviceInstance)
 
     public async Task<IAsyncDisposable> InjectCrdtProject(IServiceProvider scopedServices, string projectName)
     {
+        var jsRuntime = scopedServices.GetRequiredService<IJSRuntime>();
         var project = crdtProjectsService.GetProject(projectName) ?? throw new InvalidOperationException($"Crdt Project {projectName} not found");
         var projectData = await scopedServices.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
         await lexboxProjectService.ListenForProjectChanges(projectData, CancellationToken.None);
@@ -72,21 +72,22 @@ public async Task<IAsyncDisposable> InjectCrdtProject(IServiceProvider scopedSer
             _ = jsRuntime.InvokeVoidAsync("notifyEntryUpdated", projectName, entry);
         });
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices, project);
-        await SetService(DotnetService.MiniLcmApi, service);
+        await SetService(jsRuntime,DotnetService.MiniLcmApi, service);
         return Defer.Async(async () =>
         {
             entryUpdatedSubscription.Dispose();
-            await SetService(DotnetService.MiniLcmApi, null);
+            await SetService(jsRuntime, DotnetService.MiniLcmApi, null);
         });
     }
 
     public async Task<IAsyncDisposable> InjectFwDataProject(IServiceProvider scopedServices, string projectName)
     {
+        var jsRuntime = scopedServices.GetRequiredService<IJSRuntime>();
         fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices,
             scopedServices.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
-        await SetService(DotnetService.MiniLcmApi, service);
-        return Defer.Async(async () => await SetService(DotnetService.MiniLcmApi, null));
+        await SetService(jsRuntime, DotnetService.MiniLcmApi, service);
+        return Defer.Async(async () => await SetService(jsRuntime, DotnetService.MiniLcmApi, null));
     }
 }
 

From 4335e0585f26cb3f6af672fb10c626410e3801a5 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 15:08:22 +0700
Subject: [PATCH 049/108] make login buttons reactive

---
 frontend/viewer/src/HomeView.svelte | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 4b53ae200..d855efed3 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -77,6 +77,23 @@
     throw error;
   });
 
+  let loadingServer: string = '';
+  async function login(server: ILexboxServer) {
+    loadingServer = server.authority;
+    await authService.signInWebView(server);
+    await fetchRemoteProjects();
+    serversStatus = await authService.servers();
+    loadingServer = '';
+  }
+
+  async function logout(server: ILexboxServer) {
+    loadingServer = server.authority;
+    await authService.logout(server);
+    await fetchRemoteProjects();
+    serversStatus = await authService.servers();
+    loadingServer = '';
+  }
+
 
   let serversStatus: IServerStatus[] = [];
   onMount(async () => serversStatus = await authService.servers());
@@ -232,9 +249,9 @@
                   <p class="mr-2 px-2 py-1 text-sm border rounded-full">{status.loggedInAs}</p>
                 {/if}
                 {#if status.loggedIn}
-                  <Button variant="fill" color="primary" on:click={() => authService.logout(server)} icon={mdiLogout}>Logout</Button>
+                  <Button loading={loadingServer === server.authority} variant="fill" color="primary" on:click={() => logout(server)} icon={mdiLogout}>Logout</Button>
                 {:else}
-                  <Button variant="fill-light" color="primary" on:click={() => authService.signInWebView(server)} icon={mdiLogin}>Login</Button>
+                  <Button loading={loadingServer === server.authority} variant="fill-light" color="primary" on:click={() => login(server)} icon={mdiLogin}>Login</Button>
                 {/if}
               </div>
               {@const serverProjects = remoteProjects[server.authority]?.filter(p => p.crdt) ?? []}

From 674a3ac8353853db4530f9d69fb2000d3e98f27c Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 15:21:12 +0700
Subject: [PATCH 050/108] remove unused components

---
 .../FwLite/FwLiteShared/Pages/Counter.razor   | 18 ---------
 .../FwLite/FwLiteShared/Pages/Weather.razor   | 40 -------------------
 2 files changed, 58 deletions(-)
 delete mode 100644 backend/FwLite/FwLiteShared/Pages/Counter.razor
 delete mode 100644 backend/FwLite/FwLiteShared/Pages/Weather.razor

diff --git a/backend/FwLite/FwLiteShared/Pages/Counter.razor b/backend/FwLite/FwLiteShared/Pages/Counter.razor
deleted file mode 100644
index ef23cb316..000000000
--- a/backend/FwLite/FwLiteShared/Pages/Counter.razor
+++ /dev/null
@@ -1,18 +0,0 @@
-@page "/counter"
-
-<PageTitle>Counter</PageTitle>
-
-<h1>Counter</h1>
-
-<p role="status">Current count: @currentCount</p>
-
-<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
-
-@code {
-    private int currentCount = 0;
-
-    private void IncrementCount()
-    {
-        currentCount++;
-    }
-}
diff --git a/backend/FwLite/FwLiteShared/Pages/Weather.razor b/backend/FwLite/FwLiteShared/Pages/Weather.razor
deleted file mode 100644
index 4bf8d259a..000000000
--- a/backend/FwLite/FwLiteShared/Pages/Weather.razor
+++ /dev/null
@@ -1,40 +0,0 @@
-@page "/weather"
-
-<PageTitle>Files</PageTitle>
-
-<h1>Files</h1>
-
-@if (files == null)
-{
-    <p><em>Loading...</em></p>
-}
-else
-{
-    <table class="table">
-        <thead>
-            <tr>
-                <th>File name</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var file in files)
-            {
-                <tr>
-                    <td>@file.Name</td>
-                </tr>
-            }
-        </tbody>
-    </table>
-}
-
-@code {
-    private FileSystemInfo[]? files;
-
-    protected override async Task OnInitializedAsync()
-    {
-        // Simulate asynchronous loading to demonstrate a loading indicator
-        await Task.Delay(500);
-
-        files = new DirectoryInfo("/").GetFileSystemInfos();
-    }
-}

From 67dd28a3d4576f677128f9a5648545bf4fba3b88 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 15:21:39 +0700
Subject: [PATCH 051/108] create an async disposing OwningComponentBase and use
 it for project pages

---
 .../FwLiteShared/Pages/CrdtProject.razor      | 12 ++---
 .../FwLiteShared/Pages/FwdataProject.razor    | 11 ++--
 backend/FwLite/FwLiteShared/Pages/Home.razor  |  1 +
 .../Pages/OwningComponentBaseAsync.cs         | 50 +++++++++++++++++++
 .../FwLiteShared/Services/FwLiteProvider.cs   |  8 +--
 5 files changed, 65 insertions(+), 17 deletions(-)
 create mode 100644 backend/FwLite/FwLiteShared/Pages/OwningComponentBaseAsync.cs

diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
index af6d88fa5..921c47617 100644
--- a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -2,9 +2,9 @@
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
 @using Microsoft.Extensions.DependencyInjection
-@inherits OwningComponentBase
-@implements IAsyncDisposable
+@inherits OwningComponentBaseAsync
 @layout SvelteLayout;
+@inject IJSRuntime JS;
 
 @code {
 
@@ -16,15 +16,13 @@
     protected override async Task OnInitializedAsync()
     {
         var fwLiteProvider = ScopedServices.GetRequiredService<FwLiteProvider>();
-        _disposable = await fwLiteProvider.InjectCrdtProject(ScopedServices, ProjectName);
+        _disposable = await fwLiteProvider.InjectCrdtProject(JS, ScopedServices, ProjectName);
     }
 
-    public async ValueTask DisposeAsync()
+    protected override async ValueTask DisposeAsyncCore()
     {
+        await base.DisposeAsyncCore();
         if (_disposable is not null)
             await _disposable.DisposeAsync();
-        //dispose isn't called because this component implements IAsyncDisposable
-        ((IDisposable)this).Dispose();
     }
-
 }
diff --git a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
index f13225a9b..20110c079 100644
--- a/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/FwdataProject.razor
@@ -2,9 +2,9 @@
 @using FwLiteShared.Layout
 @using FwLiteShared.Services
 @using Microsoft.Extensions.DependencyInjection
-@inherits OwningComponentBase
-@implements IAsyncDisposable
+@inherits OwningComponentBaseAsync
 @layout SvelteLayout;
+@inject IJSRuntime JS;
 
 @code {
 
@@ -16,15 +16,14 @@
     protected override async Task OnInitializedAsync()
     {
         var fwLiteProvider = ScopedServices.GetRequiredService<FwLiteProvider>();
-        _disposable = await fwLiteProvider.InjectFwDataProject(ScopedServices, ProjectName);
+        _disposable = await fwLiteProvider.InjectFwDataProject(JS, ScopedServices, ProjectName);
     }
 
-    public async ValueTask DisposeAsync()
+    protected override async ValueTask DisposeAsyncCore()
     {
+        await base.DisposeAsyncCore();
         if (_disposable is not null)
             await _disposable.DisposeAsync();
-        //dispose isn't called because this component implements IAsyncDisposable
-        ((IDisposable)this).Dispose();
     }
 
 }
diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
index 77af5d078..50056ef07 100644
--- a/backend/FwLite/FwLiteShared/Pages/Home.razor
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -2,3 +2,4 @@
 @using FwLiteShared.Layout
 @layout SvelteLayout;
 
+@*this looks empty because it is, but it's required to declare the route which is then used by the svelte router*@
diff --git a/backend/FwLite/FwLiteShared/Pages/OwningComponentBaseAsync.cs b/backend/FwLite/FwLiteShared/Pages/OwningComponentBaseAsync.cs
new file mode 100644
index 000000000..a4d9be009
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/Pages/OwningComponentBaseAsync.cs
@@ -0,0 +1,50 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.DependencyInjection;
+
+namespace FwLiteShared.Pages;
+
+/// <summary>
+/// copy of OwningComponentBase, but implements IAsyncDisposable instead of IDisposable
+/// </summary>
+public abstract class OwningComponentBaseAsync: ComponentBase, IAsyncDisposable
+{
+    private AsyncServiceScope? _scope;
+
+    [Inject]
+    IServiceScopeFactory ScopeFactory { get; set; } = default!;
+
+    /// <summary>
+    /// Gets a value determining if the component and associated services have been disposed.
+    /// </summary>
+    protected bool IsDisposed { get; private set; }
+
+    protected IServiceProvider ScopedServices
+    {
+        get
+        {
+            if (ScopeFactory == null)
+            {
+                throw new InvalidOperationException("Services cannot be accessed before the component is initialized.");
+            }
+
+            ObjectDisposedException.ThrowIf(IsDisposed, this);
+
+            _scope ??= ScopeFactory.CreateAsyncScope();
+            return _scope.Value.ServiceProvider;
+        }
+    }
+    protected virtual async ValueTask DisposeAsyncCore()
+    {
+        if (!IsDisposed)
+        {
+            await (_scope?.DisposeAsync() ?? ValueTask.CompletedTask);
+            _scope = null;
+            IsDisposed = true;
+        }
+    }
+
+    public async ValueTask DisposeAsync()
+    {
+        await DisposeAsyncCore();
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index c1eecc295..cdebe7366 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -61,9 +61,10 @@ public async Task SetService(IJSRuntime jsRuntime, DotnetService service, object
         await jsRuntime.InvokeVoidAsync(OverrideServiceFunctionName, service.ToString(), reference);
     }
 
-    public async Task<IAsyncDisposable> InjectCrdtProject(IServiceProvider scopedServices, string projectName)
+    public async Task<IAsyncDisposable> InjectCrdtProject(IJSRuntime jsRuntime,
+        IServiceProvider scopedServices,
+        string projectName)
     {
-        var jsRuntime = scopedServices.GetRequiredService<IJSRuntime>();
         var project = crdtProjectsService.GetProject(projectName) ?? throw new InvalidOperationException($"Crdt Project {projectName} not found");
         var projectData = await scopedServices.GetRequiredService<CurrentProjectService>().SetupProjectContext(project);
         await lexboxProjectService.ListenForProjectChanges(projectData, CancellationToken.None);
@@ -80,9 +81,8 @@ public async Task<IAsyncDisposable> InjectCrdtProject(IServiceProvider scopedSer
         });
     }
 
-    public async Task<IAsyncDisposable> InjectFwDataProject(IServiceProvider scopedServices, string projectName)
+    public async Task<IAsyncDisposable> InjectFwDataProject(IJSRuntime jsRuntime, IServiceProvider scopedServices, string projectName)
     {
-        var jsRuntime = scopedServices.GetRequiredService<IJSRuntime>();
         fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices,
             scopedServices.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));

From 4e3ce27aa30748002a598bbf3ad5f3e8e9054932 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 15:57:58 +0700
Subject: [PATCH 052/108] fix app header under status bar issue on android,
 ensure that status bar color matches fw lite theme

---
 backend/FwLite/FwLiteDesktop/App.xaml         | 20 +------------------
 .../Platforms/Android/MainActivity.cs         |  7 +++++++
 .../Android/Resources/values-v35/styles.xml   |  6 ++++++
 .../Android/Resources/values/colors.xml       |  8 ++++----
 .../Android/Resources/values/styles.xml       |  5 +++++
 5 files changed, 23 insertions(+), 23 deletions(-)
 create mode 100644 backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values-v35/styles.xml
 create mode 100644 backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/styles.xml

diff --git a/backend/FwLite/FwLiteDesktop/App.xaml b/backend/FwLite/FwLiteDesktop/App.xaml
index 188c14802..88566e95a 100644
--- a/backend/FwLite/FwLiteDesktop/App.xaml
+++ b/backend/FwLite/FwLiteDesktop/App.xaml
@@ -6,27 +6,9 @@
     <Application.Resources>
         <ResourceDictionary>
 
-            <Color x:Key="PageBackgroundColor">#512bdf</Color>
+            <Color x:Key="PageBackgroundColor">#152747</Color>
             <Color x:Key="PrimaryTextColor">White</Color>
 
-            <Style TargetType="Label">
-                <Setter Property="TextColor"
-                        Value="{DynamicResource PrimaryTextColor}"/>
-                <Setter Property="FontFamily"
-                        Value="OpenSansRegular"/>
-            </Style>
-
-            <Style TargetType="Button">
-                <Setter Property="TextColor"
-                        Value="{DynamicResource PrimaryTextColor}"/>
-                <Setter Property="FontFamily"
-                        Value="OpenSansRegular"/>
-                <Setter Property="BackgroundColor"
-                        Value="#2b0b98"/>
-                <Setter Property="Padding"
-                        Value="14,10"/>
-            </Style>
-
         </ResourceDictionary>
     </Application.Resources>
 </Application>
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs b/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs
index 10206b2fe..41e05b101 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Android/MainActivity.cs
@@ -14,6 +14,13 @@ namespace FwLiteDesktop;
                            ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
 public class MainActivity : MauiAppCompatActivity
 {
+    protected override void OnCreate(Bundle? savedInstanceState)
+    {
+        //custom style, declared in Android/Resources/values/styles.xml, values-v35 is used based on the android version
+        Theme?.ApplyStyle(Resource.Style.OptOutEdgeToEdgeEnforcement, force: false);
+        base.OnCreate(savedInstanceState);
+    }
+
     protected override void OnActivityResult(int requestCode, Result resultCode, Intent? data)
     {
         base.OnActivityResult(requestCode, resultCode, data);
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values-v35/styles.xml b/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values-v35/styles.xml
new file mode 100644
index 000000000..549691883
--- /dev/null
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values-v35/styles.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<resources>
+    <style name="OptOutEdgeToEdgeEnforcement">
+        <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
+    </style>
+</resources>
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/colors.xml b/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/colors.xml
index c04d7492a..a0f2f0d51 100644
--- a/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/colors.xml
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/colors.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="colorPrimary">#512BD4</color>
-    <color name="colorPrimaryDark">#2B0B98</color>
-    <color name="colorAccent">#2B0B98</color>
-</resources>
\ No newline at end of file
+    <color name="colorPrimary">#D6E6FF</color>
+    <color name="colorPrimaryDark">#152747</color>
+    <color name="colorAccent">#152747</color>
+</resources>
diff --git a/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/styles.xml b/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/styles.xml
new file mode 100644
index 000000000..2c76e4450
--- /dev/null
+++ b/backend/FwLite/FwLiteDesktop/Platforms/Android/Resources/values/styles.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<resources>
+    <style name="OptOutEdgeToEdgeEnforcement">
+    </style>
+</resources>

From a2a73d42220906bcd2df3cd331f6dba6e9ef3a34 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 16:06:58 +0700
Subject: [PATCH 053/108] use hsl color space rather than oklch to support
 older browsers on old phones

---
 frontend/viewer/tailwind.config.cjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/viewer/tailwind.config.cjs b/frontend/viewer/tailwind.config.cjs
index 2e0d53eeb..bc5653344 100644
--- a/frontend/viewer/tailwind.config.cjs
+++ b/frontend/viewer/tailwind.config.cjs
@@ -16,7 +16,7 @@ module.exports = {
       // Search showing aliases and version (of root source) icons were introduced: https://pictogrammers.com/library/mdi/
       collections: getIconCollections(['mdi']),
     }),
-    svelteUx({ colorSpace: 'oklch' }),
+    svelteUx({ colorSpace: 'hsl' }),
     require('@tailwindcss/typography'),
   ],
   ux: {

From 807e7f13eaa77b2ebd2560facc9729c9ab9e1d4d Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 16:29:16 +0700
Subject: [PATCH 054/108] remove unused generated types

---
 backend/FwLite/FwLiteShared/FwLiteShared.csproj |  2 --
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs     |  5 ++++-
 .../FwLiteShared/Auth/ILexboxServer.ts          |  2 +-
 .../Projects/IImportFwdataService.ts            |  4 +++-
 .../FwLiteShared/Services/IFwLiteProvider.ts    | 17 -----------------
 .../Services/IMiniLcmJsInvokable.ts             |  1 -
 6 files changed, 8 insertions(+), 23 deletions(-)
 delete mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts

diff --git a/backend/FwLite/FwLiteShared/FwLiteShared.csproj b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
index 3714bd907..2eac6352d 100644
--- a/backend/FwLite/FwLiteShared/FwLiteShared.csproj
+++ b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
@@ -17,8 +17,6 @@
         <PackageReference Include="Microsoft.Identity.Client.Extensions.Msal" Version="4.64.0"/>
         <PackageReference Include="Reinforced.Typings" Version="1.6.5" />
         <PackageReference Include="System.Reactive" Version="6.0.1"/>
-<!--        disabled for now while we're trying Reinforced.Typings-->
-<!--        <PackageReference Include="TypeGen" Version="6.0.2" />-->
     </ItemGroup>
 
     <ItemGroup>
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index 35996673e..93406870e 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -2,6 +2,7 @@
 using FwLiteShared.Auth;
 using FwLiteShared.Projects;
 using FwLiteShared.Services;
+using LcmCrdt;
 using MiniLcm;
 using MiniLcm.Models;
 using Reinforced.Typings;
@@ -13,6 +14,7 @@
 
 namespace FwLiteShared.TypeGen;
 
+//docs https://github.com/reinforced/Reinforced.Typings/wiki/Fluent-configuration
 public static class ReinforcedFwLiteTypingConfig
 {
     public static void Configure(ConfigurationBuilder builder)
@@ -27,6 +29,7 @@ public static void Configure(ConfigurationBuilder builder)
         DisableEsLintChecks(builder);
         builder.Substitute(typeof(WritingSystemId), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(Guid), new RtSimpleTypeName("string"));
+        builder.Substitute(typeof(Uri), new RtSimpleTypeName("string"));
         builder.Substitute(typeof(DateTimeOffset), new RtSimpleTypeName("string"));
         builder.SubstituteGeneric(typeof(ValueTask<>), (type, resolver) => resolver.ResolveTypeName(typeof(Task<>).MakeGenericType(type.GenericTypeArguments[0]), true));
         //todo generate a multistring type rather than just substituting it everywhere
@@ -79,7 +82,6 @@ public static void Configure(ConfigurationBuilder builder)
         builder.ExportAsEnum<SortField>().UseString();
         builder.ExportAsInterfaces([typeof(QueryOptions), typeof(SortOptions), typeof(ExemplarOptions)],
             exportBuilder => exportBuilder.WithProperties(BindingFlags.Public | BindingFlags.Instance));
-        builder.ExportAsInterface<FwLiteProvider>().WithPublicMethods();
 
         builder.ExportAsEnum<DotnetService>().UseString();
         builder.ExportAsInterface<AuthService>().WithPublicMethods();
@@ -89,6 +91,7 @@ public static void Configure(ConfigurationBuilder builder)
         builder.ExportAsInterface<ProjectModel>().WithPublicProperties();
         builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
         builder.ExportAsInterface<LexboxServer>().WithPublicProperties();
+        builder.ExportAsInterface<CrdtProject>().WithPublicProperties();
     }
 
     private static void DisableEsLintChecks(ConfigurationBuilder builder)
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
index b27bcb6b4..6260ebdbe 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Auth/ILexboxServer.ts
@@ -5,7 +5,7 @@
 
 export interface ILexboxServer
 {
-	authority: any;
+	authority: string;
 	displayName: string;
 	id: string;
 }
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
index a61049df5..fd4818aa3 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
@@ -3,8 +3,10 @@
 //     Changes to this file may cause incorrect behavior and will be lost if
 //     the code is regenerated.
 
+import type {ICrdtProject} from '../../LcmCrdt/ICrdtProject';
+
 export interface IImportFwdataService
 {
-	import(projectName: string) : Promise<any>;
+	import(projectName: string) : Promise<ICrdtProject>;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
deleted file mode 100644
index eec785296..000000000
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IFwLiteProvider.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/* eslint-disable */
-//     This code was generated by a Reinforced.Typings tool.
-//     Changes to this file may cause incorrect behavior and will be lost if
-//     the code is regenerated.
-
-import type {DotnetService} from './DotnetService';
-
-export interface IFwLiteProvider
-{
-	dispose() : void;
-	getServices() : { [key in DotnetService]: any };
-	getService(service: DotnetService) : any;
-	setService(service: DotnetService, serviceInstance?: any) : Promise<void>;
-	injectCrdtProject(projectName: string) : Promise<any>;
-	injectFwDataProject(projectName: string) : Promise<any>;
-}
-/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
index 4332b6f1e..2933e57b9 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
@@ -18,7 +18,6 @@ import type {IComplexFormComponent} from '../../MiniLcm/Models/IComplexFormCompo
 
 export interface IMiniLcmJsInvokable
 {
-	disposeAsync() : any;
 	supportedFeatures() : Promise<IMiniLcmFeatures>;
 	getWritingSystems() : Promise<IWritingSystems>;
 	getPartsOfSpeech() : Promise<IPartOfSpeech[]>;

From a8b6c3a9428ff315616fadb60f3200443772d048 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 16:59:28 +0700
Subject: [PATCH 055/108] ensure that a specific target framework is set.

this fixes issues with publish where specifying a single framework is required. This then breaks FwLiteDesktop and causes it to ignore the TargetFrameworks, fix that by defining an empty target framework
---
 backend/Directory.Build.props                     | 2 +-
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/backend/Directory.Build.props b/backend/Directory.Build.props
index cd811496f..f42632795 100644
--- a/backend/Directory.Build.props
+++ b/backend/Directory.Build.props
@@ -10,7 +10,7 @@
     </PropertyGroup>
     <PropertyGroup>
         <InformationalVersion>dev</InformationalVersion>
-        <TargetFrameworks Condition="'$(TargetFrameworks)' == ''">net9.0</TargetFrameworks>
+        <TargetFramework Condition="'$(TargetFramework)' == ''">net9.0</TargetFramework>
         <EnforceCodeStyleInBuild>false</EnforceCodeStyleInBuild>
         <ImplicitUsings>enable</ImplicitUsings>
         <Nullable>enable</Nullable>
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index c33e0d025..39f5fece6 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -1,10 +1,11 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
 	<PropertyGroup>
+        <!--        override the target framework set in Directory.Build.props, we will use what is defined in TargetFrameworks below instead-->
+        <TargetFramework/>
+
         <TargetFrameworks>net9.0-android;net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
         <TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net9.0-windows10.0.19041.0</TargetFrameworks>
-		<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
-		<!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> -->
 
 		<!-- Note for MacCatalyst:
 		The default runtime is maccatalyst-x64, except in Release config, in which case the default is maccatalyst-x64;maccatalyst-arm64.

From 75e80ed2b5444e8ff8823df5f8976fdd5da22450 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 16:59:50 +0700
Subject: [PATCH 056/108] !fixup remove unused generated types

---
 .../generated-types/LcmCrdt/ICrdtProject.ts         | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts

diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts
new file mode 100644
index 000000000..165a1b1f1
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts
@@ -0,0 +1,13 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface ICrdtProject
+{
+	name: string;
+	origin: string;
+	dbPath: string;
+	data?: any;
+}
+/* eslint-enable */

From 57b1c8b26ddfd721a175f26353cef46512982572 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 17:07:43 +0700
Subject: [PATCH 057/108] configure `fw-lite:maui-desktop` task to run
 build-viewer-app

---
 backend/FwLite/Taskfile.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/Taskfile.yml b/backend/FwLite/Taskfile.yml
index d1c6988c1..fd79f7ea4 100644
--- a/backend/FwLite/Taskfile.yml
+++ b/backend/FwLite/Taskfile.yml
@@ -19,9 +19,10 @@ tasks:
     cmd: dotnet watch --no-hot-reload
 
   maui-desktop:
+    deps: [ ui:build-viewer-app ]
     label: Run Maui Desktop
     dir: ./FwLiteDesktop
-    cmd: dotnet run -f net8.0-windows10.0.19041.0
+    cmd: dotnet run -f net9.0-windows10.0.19041.0
 
   publish-maui-desktop:
     label: Publish Maui Desktop

From 4288963c1ee2ef078069c39a3fa70c413c690492 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 17:08:00 +0700
Subject: [PATCH 058/108] remove deleted generated file from index

---
 frontend/viewer/src/lib/dotnet-types/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/viewer/src/lib/dotnet-types/index.ts b/frontend/viewer/src/lib/dotnet-types/index.ts
index 80af70a82..b687d8908 100644
--- a/frontend/viewer/src/lib/dotnet-types/index.ts
+++ b/frontend/viewer/src/lib/dotnet-types/index.ts
@@ -4,5 +4,4 @@ export * from './generated-types/FwLiteShared/Auth/IServerStatus';
 export * from './generated-types/FwLiteShared/Projects/ICombinedProjectsService';
 export * from './generated-types/FwLiteShared/Projects/IProjectModel';
 export * from './generated-types/FwLiteShared/Projects/IServerProjects';
-export * from './generated-types/FwLiteShared/Services/IFwLiteProvider';
 export * from './generated-types/FwLiteShared/Services/DotnetService';

From 1501ab81f892369a8d26f4b7c5e99486c978b91a Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 17:13:42 +0700
Subject: [PATCH 059/108] update caniuse-lite

---
 frontend/pnpm-lock.yaml | 258 +++++++++++++++++++++++-----------------
 1 file changed, 147 insertions(+), 111 deletions(-)

diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index b5631569c..1e1beb961 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -432,12 +432,16 @@ packages:
     resolution: {integrity: sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/code-frame@7.26.2':
+    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/compat-data@7.23.5':
     resolution: {integrity: sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.25.8':
-    resolution: {integrity: sha512-ZsysZyXY4Tlx+Q53XdnOFmqwfB9QDTHYxaZYajWRoBLuLEAwI2UIbtxOjWh/cFaa9IKUlcB+DDuoskLuKu56JA==}
+  '@babel/compat-data@7.26.3':
+    resolution: {integrity: sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==}
     engines: {node: '>=6.9.0'}
 
   '@babel/core@7.24.4':
@@ -452,8 +456,8 @@ packages:
     resolution: {integrity: sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.25.7':
-    resolution: {integrity: sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==}
+  '@babel/generator@7.26.3':
+    resolution: {integrity: sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-annotate-as-pure@7.22.5':
@@ -464,8 +468,8 @@ packages:
     resolution: {integrity: sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.25.7':
-    resolution: {integrity: sha512-DniTEax0sv6isaw6qSQSfV4gVRNtw2rte8HHM45t9ZR0xILaufBRNkpMifCRiAPyvL4ACD6v0gfCwCmtOQaV4A==}
+  '@babel/helper-compilation-targets@7.25.9':
+    resolution: {integrity: sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-create-class-features-plugin@7.23.10':
@@ -494,8 +498,8 @@ packages:
     resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.25.7':
-    resolution: {integrity: sha512-o0xCgpNmRohmnoWKQ0Ij8IdddjyBFE4T2kagL/x6M3+4zUgc+4qTOUBoNe4XxDskt1HPKO007ZPiMgLDq2s7Kw==}
+  '@babel/helper-module-imports@7.25.9':
+    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-module-transforms@7.23.3':
@@ -504,8 +508,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-module-transforms@7.25.7':
-    resolution: {integrity: sha512-k/6f8dKG3yDz/qCwSM+RKovjMix563SLxQFo0UhRNo239SP6n9u5/eLtKD6EAjwta2JHJ49CsD8pms2HdNiMMQ==}
+  '@babel/helper-module-transforms@7.26.0':
+    resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -528,10 +532,6 @@ packages:
     resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-simple-access@7.25.7':
-    resolution: {integrity: sha512-FPGAkJmyoChQeM+ruBGIDyrT2tKfZJO8NcxdC+CWNJi7N8/rZpSxK7yvBJ5O/nF1gfu5KzN7VKG3YVSLFfRSxQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-skip-transparent-expression-wrappers@7.22.5':
     resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
     engines: {node: '>=6.9.0'}
@@ -544,8 +544,8 @@ packages:
     resolution: {integrity: sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.25.7':
-    resolution: {integrity: sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==}
+  '@babel/helper-string-parser@7.25.9':
+    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-validator-identifier@7.22.20':
@@ -556,20 +556,24 @@ packages:
     resolution: {integrity: sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-validator-identifier@7.25.9':
+    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-option@7.23.5':
     resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.25.7':
-    resolution: {integrity: sha512-ytbPLsm+GjArDYXJ8Ydr1c/KJuutjF2besPNbIZnZ6MKUxi/uTA22t2ymmA4WFjZFpjiAMO0xuuJPqK2nvDVfQ==}
+  '@babel/helper-validator-option@7.25.9':
+    resolution: {integrity: sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helpers@7.24.4':
     resolution: {integrity: sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.25.7':
-    resolution: {integrity: sha512-Sv6pASx7Esm38KQpF/U/OXLwPPrdGHNKoeblRxgZRLXnAtnkEe4ptJPDtAZM7fBLadbc1Q07kQpSiGQ0Jg6tRA==}
+  '@babel/helpers@7.26.0':
+    resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/highlight@7.24.2':
@@ -585,8 +589,8 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/parser@7.25.8':
-    resolution: {integrity: sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==}
+  '@babel/parser@7.26.3':
+    resolution: {integrity: sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -760,24 +764,24 @@ packages:
     resolution: {integrity: sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.25.7':
-    resolution: {integrity: sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==}
+  '@babel/template@7.25.9':
+    resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/traverse@7.24.1':
     resolution: {integrity: sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.25.7':
-    resolution: {integrity: sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==}
+  '@babel/traverse@7.26.4':
+    resolution: {integrity: sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==}
     engines: {node: '>=6.9.0'}
 
   '@babel/types@7.24.0':
     resolution: {integrity: sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.25.8':
-    resolution: {integrity: sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==}
+  '@babel/types@7.26.3':
+    resolution: {integrity: sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==}
     engines: {node: '>=6.9.0'}
 
   '@colors/colors@1.6.0':
@@ -1263,6 +1267,10 @@ packages:
     resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/gen-mapping@0.3.8':
+    resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
+    engines: {node: '>=6.0.0'}
+
   '@jridgewell/resolve-uri@3.1.2':
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
@@ -2725,8 +2733,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
-  browserslist@4.24.0:
-    resolution: {integrity: sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==}
+  browserslist@4.24.3:
+    resolution: {integrity: sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -2778,8 +2786,8 @@ packages:
   caniuse-lite@1.0.30001633:
     resolution: {integrity: sha512-6sT0yf/z5jqf8tISAgpJDrmwOpLsrpnyCdD/lOZKvKkkJK4Dn0X5i7KF7THEZhOq+30bmhwBlNEaqPUiHiKtZg==}
 
-  caniuse-lite@1.0.30001668:
-    resolution: {integrity: sha512-nWLrdxqCdblixUO+27JtGJJE/txpJlyUy5YN1u53wLZkP0emYCo5zgS6QYft7VUYR42LGgi/S5hdLZTrnyIddw==}
+  caniuse-lite@1.0.30001689:
+    resolution: {integrity: sha512-CmeR2VBycfa+5/jOfnp/NpWPGd06nf1XYiefUvhXFfZE4GkRc9jv+eGPS4nT558WS/8lYCzV8SlANCIPvbWP1g==}
 
   capital-case@1.0.4:
     resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
@@ -3091,6 +3099,15 @@ packages:
       supports-color:
         optional: true
 
+  debug@4.4.0:
+    resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   decamelize@1.2.0:
     resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
     engines: {node: '>=0.10.0'}
@@ -3235,8 +3252,8 @@ packages:
   electron-to-chromium@1.4.801:
     resolution: {integrity: sha512-PnlUz15ii38MZMD2/CEsAzyee8tv9vFntX5nhtd2/4tv4HqY7C5q2faUAjmkXS/UFpVooJ/5H6kayRKYWoGMXQ==}
 
-  electron-to-chromium@1.5.38:
-    resolution: {integrity: sha512-VbeVexmZ1IFh+5EfrYz1I0HTzHVIlJa112UEWhciPyeOcKJGeTv6N8WnG4wsQB81DGCaVEGhpSb6o6a8WYFXXg==}
+  electron-to-chromium@1.5.74:
+    resolution: {integrity: sha512-ck3//9RC+6oss/1Bh9tiAVFy5vfSKbRHAFh7Z3/eTRkEqJeWgymloShB17Vg3Z4nmDNp35vAd1BZ6CMW4Wt6Iw==}
 
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -3904,8 +3921,8 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  jsesc@3.0.2:
-    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
     engines: {node: '>=6'}
     hasBin: true
 
@@ -4017,8 +4034,8 @@ packages:
     resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
     engines: {node: '>=14'}
 
-  lilconfig@3.1.2:
-    resolution: {integrity: sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==}
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
 
   lines-and-columns@1.2.4:
@@ -4526,8 +4543,8 @@ packages:
   node-releases@2.0.14:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
 
-  node-releases@2.0.18:
-    resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
+  node-releases@2.0.19:
+    resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
   nodemailer@6.9.13:
     resolution: {integrity: sha512-7o38Yogx6krdoBf3jCAqnIN4oSQFx+fMa0I7dK1D+me9kBxx12D+/33wSb+fhOCtIxvYJ+4x4IMEhmhCKfAiOA==}
@@ -4732,6 +4749,9 @@ packages:
   picocolors@1.1.0:
     resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
 
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
@@ -5960,9 +5980,16 @@ snapshots:
       '@babel/highlight': 7.25.7
       picocolors: 1.1.0
 
+  '@babel/code-frame@7.26.2':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.25.9
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+    optional: true
+
   '@babel/compat-data@7.23.5': {}
 
-  '@babel/compat-data@7.25.8':
+  '@babel/compat-data@7.26.3':
     optional: true
 
   '@babel/core@7.24.4':
@@ -5988,17 +6015,17 @@ snapshots:
   '@babel/core@7.24.7':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.25.7
-      '@babel/generator': 7.25.7
-      '@babel/helper-compilation-targets': 7.25.7
-      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.24.7)
-      '@babel/helpers': 7.25.7
-      '@babel/parser': 7.25.8
-      '@babel/template': 7.25.7
-      '@babel/traverse': 7.25.7
-      '@babel/types': 7.25.8
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.3
+      '@babel/helper-compilation-targets': 7.25.9
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.24.7)
+      '@babel/helpers': 7.26.0
+      '@babel/parser': 7.26.3
+      '@babel/template': 7.25.9
+      '@babel/traverse': 7.26.4
+      '@babel/types': 7.26.3
       convert-source-map: 2.0.0
-      debug: 4.3.7
+      debug: 4.4.0
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -6013,12 +6040,13 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 2.5.2
 
-  '@babel/generator@7.25.7':
+  '@babel/generator@7.26.3':
     dependencies:
-      '@babel/types': 7.25.8
-      '@jridgewell/gen-mapping': 0.3.5
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
+      '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 3.0.2
+      jsesc: 3.1.0
     optional: true
 
   '@babel/helper-annotate-as-pure@7.22.5':
@@ -6033,11 +6061,11 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-compilation-targets@7.25.7':
+  '@babel/helper-compilation-targets@7.25.9':
     dependencies:
-      '@babel/compat-data': 7.25.8
-      '@babel/helper-validator-option': 7.25.7
-      browserslist: 4.24.0
+      '@babel/compat-data': 7.26.3
+      '@babel/helper-validator-option': 7.25.9
+      browserslist: 4.24.3
       lru-cache: 5.1.1
       semver: 6.3.1
     optional: true
@@ -6074,10 +6102,10 @@ snapshots:
     dependencies:
       '@babel/types': 7.24.0
 
-  '@babel/helper-module-imports@7.25.7':
+  '@babel/helper-module-imports@7.25.9':
     dependencies:
-      '@babel/traverse': 7.25.7
-      '@babel/types': 7.25.8
+      '@babel/traverse': 7.26.4
+      '@babel/types': 7.26.3
     transitivePeerDependencies:
       - supports-color
     optional: true
@@ -6091,13 +6119,12 @@ snapshots:
       '@babel/helper-split-export-declaration': 7.22.6
       '@babel/helper-validator-identifier': 7.22.20
 
-  '@babel/helper-module-transforms@7.25.7(@babel/core@7.24.7)':
+  '@babel/helper-module-transforms@7.26.0(@babel/core@7.24.7)':
     dependencies:
       '@babel/core': 7.24.7
-      '@babel/helper-module-imports': 7.25.7
-      '@babel/helper-simple-access': 7.25.7
-      '@babel/helper-validator-identifier': 7.25.7
-      '@babel/traverse': 7.25.7
+      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+      '@babel/traverse': 7.26.4
     transitivePeerDependencies:
       - supports-color
     optional: true
@@ -6119,14 +6146,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.24.0
 
-  '@babel/helper-simple-access@7.25.7':
-    dependencies:
-      '@babel/traverse': 7.25.7
-      '@babel/types': 7.25.8
-    transitivePeerDependencies:
-      - supports-color
-    optional: true
-
   '@babel/helper-skip-transparent-expression-wrappers@7.22.5':
     dependencies:
       '@babel/types': 7.24.0
@@ -6137,16 +6156,19 @@ snapshots:
 
   '@babel/helper-string-parser@7.24.1': {}
 
-  '@babel/helper-string-parser@7.25.7':
+  '@babel/helper-string-parser@7.25.9':
     optional: true
 
   '@babel/helper-validator-identifier@7.22.20': {}
 
   '@babel/helper-validator-identifier@7.25.7': {}
 
+  '@babel/helper-validator-identifier@7.25.9':
+    optional: true
+
   '@babel/helper-validator-option@7.23.5': {}
 
-  '@babel/helper-validator-option@7.25.7':
+  '@babel/helper-validator-option@7.25.9':
     optional: true
 
   '@babel/helpers@7.24.4':
@@ -6157,10 +6179,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helpers@7.25.7':
+  '@babel/helpers@7.26.0':
     dependencies:
-      '@babel/template': 7.25.7
-      '@babel/types': 7.25.8
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.3
     optional: true
 
   '@babel/highlight@7.24.2':
@@ -6181,9 +6203,9 @@ snapshots:
     dependencies:
       '@babel/types': 7.24.0
 
-  '@babel/parser@7.25.8':
+  '@babel/parser@7.26.3':
     dependencies:
-      '@babel/types': 7.25.8
+      '@babel/types': 7.26.3
     optional: true
 
   '@babel/plugin-proposal-class-properties@7.18.6(@babel/core@7.24.4)':
@@ -6356,11 +6378,11 @@ snapshots:
       '@babel/parser': 7.24.4
       '@babel/types': 7.24.0
 
-  '@babel/template@7.25.7':
+  '@babel/template@7.25.9':
     dependencies:
-      '@babel/code-frame': 7.25.7
-      '@babel/parser': 7.25.8
-      '@babel/types': 7.25.8
+      '@babel/code-frame': 7.26.2
+      '@babel/parser': 7.26.3
+      '@babel/types': 7.26.3
     optional: true
 
   '@babel/traverse@7.24.1':
@@ -6378,14 +6400,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.25.7':
+  '@babel/traverse@7.26.4':
     dependencies:
-      '@babel/code-frame': 7.25.7
-      '@babel/generator': 7.25.7
-      '@babel/parser': 7.25.8
-      '@babel/template': 7.25.7
-      '@babel/types': 7.25.8
-      debug: 4.3.7
+      '@babel/code-frame': 7.26.2
+      '@babel/generator': 7.26.3
+      '@babel/parser': 7.26.3
+      '@babel/template': 7.25.9
+      '@babel/types': 7.26.3
+      debug: 4.4.0
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -6397,11 +6419,10 @@ snapshots:
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.25.8':
+  '@babel/types@7.26.3':
     dependencies:
-      '@babel/helper-string-parser': 7.25.7
-      '@babel/helper-validator-identifier': 7.25.7
-      to-fast-properties: 2.0.0
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
     optional: true
 
   '@colors/colors@1.6.0': {}
@@ -7104,6 +7125,13 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.4.15
       '@jridgewell/trace-mapping': 0.3.25
 
+  '@jridgewell/gen-mapping@0.3.8':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+    optional: true
+
   '@jridgewell/resolve-uri@3.1.2': {}
 
   '@jridgewell/set-array@1.2.1': {}
@@ -8921,12 +8949,12 @@ snapshots:
       node-releases: 2.0.14
       update-browserslist-db: 1.0.16(browserslist@4.23.1)
 
-  browserslist@4.24.0:
+  browserslist@4.24.3:
     dependencies:
-      caniuse-lite: 1.0.30001668
-      electron-to-chromium: 1.5.38
-      node-releases: 2.0.18
-      update-browserslist-db: 1.1.1(browserslist@4.24.0)
+      caniuse-lite: 1.0.30001689
+      electron-to-chromium: 1.5.74
+      node-releases: 2.0.19
+      update-browserslist-db: 1.1.1(browserslist@4.24.3)
     optional: true
 
   bser@2.1.1:
@@ -8974,7 +9002,7 @@ snapshots:
 
   caniuse-lite@1.0.30001633: {}
 
-  caniuse-lite@1.0.30001668:
+  caniuse-lite@1.0.30001689:
     optional: true
 
   capital-case@1.0.4:
@@ -9328,6 +9356,11 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.4.0:
+    dependencies:
+      ms: 2.1.3
+    optional: true
+
   decamelize@1.2.0: {}
 
   decode-named-character-reference@1.0.2:
@@ -9463,7 +9496,7 @@ snapshots:
 
   electron-to-chromium@1.4.801: {}
 
-  electron-to-chromium@1.5.38:
+  electron-to-chromium@1.5.74:
     optional: true
 
   emoji-regex@8.0.0: {}
@@ -10192,7 +10225,7 @@ snapshots:
 
   jsesc@2.5.2: {}
 
-  jsesc@3.0.2:
+  jsesc@3.1.0:
     optional: true
 
   json-bigint@1.0.0:
@@ -10292,7 +10325,7 @@ snapshots:
 
   lilconfig@3.0.0: {}
 
-  lilconfig@3.1.2:
+  lilconfig@3.1.3:
     optional: true
 
   lines-and-columns@1.2.4: {}
@@ -11167,7 +11200,7 @@ snapshots:
 
   node-releases@2.0.14: {}
 
-  node-releases@2.0.18:
+  node-releases@2.0.19:
     optional: true
 
   nodemailer@6.9.13: {}
@@ -11372,6 +11405,9 @@ snapshots:
 
   picocolors@1.1.0: {}
 
+  picocolors@1.1.1:
+    optional: true
+
   picomatch@2.3.1: {}
 
   picomatch@4.0.2: {}
@@ -11432,7 +11468,7 @@ snapshots:
 
   postcss-load-config@6.0.1(jiti@1.21.0)(postcss@8.4.47):
     dependencies:
-      lilconfig: 3.1.2
+      lilconfig: 3.1.3
     optionalDependencies:
       jiti: 1.21.0
       postcss: 8.4.47
@@ -12320,11 +12356,11 @@ snapshots:
       escalade: 3.1.2
       picocolors: 1.1.0
 
-  update-browserslist-db@1.1.1(browserslist@4.24.0):
+  update-browserslist-db@1.1.1(browserslist@4.24.3):
     dependencies:
-      browserslist: 4.24.0
+      browserslist: 4.24.3
       escalade: 3.2.0
-      picocolors: 1.1.0
+      picocolors: 1.1.1
     optional: true
 
   upper-case-first@2.0.2:

From c2f8a145260ba8999f669fa128cd658dcb50a673 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Tue, 17 Dec 2024 21:19:09 +0700
Subject: [PATCH 060/108] specify condition for windows related properties

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 39f5fece6..ae36fd853 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -45,7 +45,7 @@
         <WindowsPackageType>None</WindowsPackageType>
         <PublishReadyToRun>false</PublishReadyToRun>
     </PropertyGroup>
-    <PropertyGroup Condition="'$(Configuration)' == 'Release' ">
+    <PropertyGroup Condition="'$(Configuration)' == 'Release' And $([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">
         <!--        single file disabled as it's less efficient for updates-->
         <PublishSingleFile>false</PublishSingleFile>
         <PublishTrimmed>false</PublishTrimmed>

From 52f35148138d965f927ae6920a404cb7c78c43f4 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 13:49:14 +0700
Subject: [PATCH 061/108] refactor FwDataProjectContext.cs to be scoped and not
 a singleton

---
 .../Fixtures/MockFwProjectList.cs             |  3 +-
 .../FieldWorksProjectList.cs                  |  8 +++++-
 .../FwDataMiniLcmBridge/FwDataBridgeKernel.cs | 10 +++++--
 .../FwDataMiniLcmBridge/FwDataFactory.cs      | 23 ++-------------
 .../FwDataProjectContext.cs                   | 28 +------------------
 .../LocalWebApp/Hubs/FwDataMiniLcmHub.cs      |  2 +-
 .../LocalWebApp/Routes/FwIntegrationRoutes.cs |  2 +-
 7 files changed, 22 insertions(+), 54 deletions(-)

diff --git a/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/MockFwProjectList.cs b/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/MockFwProjectList.cs
index 6463670c1..0ec4a36e2 100644
--- a/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/MockFwProjectList.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/MockFwProjectList.cs
@@ -3,7 +3,8 @@
 
 namespace FwDataMiniLcmBridge.Tests.Fixtures;
 
-public class MockFwProjectList(IOptions<FwDataBridgeConfig> config, MockFwProjectLoader loader) : FieldWorksProjectList(config)
+public class MockFwProjectList(IOptions<FwDataBridgeConfig> config, MockFwProjectLoader loader,
+    FwDataFactory fwDataFactory) : FieldWorksProjectList(config, fwDataFactory)
 {
     public override IEnumerable<IProjectIdentifier> EnumerateProjects()
     {
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs b/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs
index f77bf944c..734f19c9c 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs
@@ -4,7 +4,7 @@
 
 namespace FwDataMiniLcmBridge;
 
-public class FieldWorksProjectList(IOptions<FwDataBridgeConfig> config)
+public class FieldWorksProjectList(IOptions<FwDataBridgeConfig> config, FwDataFactory fwDataFactory) : IProjectProvider
 {
     protected readonly IOptions<FwDataBridgeConfig> _config = config;
 
@@ -24,4 +24,10 @@ public virtual IEnumerable<IProjectIdentifier> EnumerateProjects()
     {
         return EnumerateProjects().OfType<FwDataProject>().FirstOrDefault(p => p.Name == name);
     }
+
+    public IMiniLcmApi OpenProject(IProjectIdentifier project, bool saveOnDispose = true)
+    {
+        if (project is not FwDataProject fwDataProject) throw new ArgumentException("Project is not a fwdata project");
+        return fwDataFactory.GetFwDataMiniLcmApi(fwDataProject, saveOnDispose);
+    }
 }
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs b/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs
index 395c5c78d..ba16aecf9 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs
@@ -16,9 +16,15 @@ public static IServiceCollection AddFwDataBridge(this IServiceCollection service
         services.AddSingleton<FwDataFactory>();
         services.AddSingleton<FieldWorksProjectList>();
         services.AddSingleton<IProjectLoader, ProjectLoader>();
-        services.AddKeyedScoped<IMiniLcmApi>(FwDataApiKey, (provider, o) => provider.GetRequiredService<FwDataFactory>().GetCurrentFwDataMiniLcmApi(true));
+        services.AddKeyedScoped<IMiniLcmApi>(FwDataApiKey,
+            (provider, o) =>
+            {
+                var projectList = provider.GetRequiredService<FieldWorksProjectList>();
+                var projectContext = provider.GetRequiredService<FwDataProjectContext>();
+                return projectList.OpenProject(projectContext.Project ?? throw new InvalidOperationException("No project is set in the context."));
+            });
         services.AddMiniLcmValidators();
-        services.AddSingleton<FwDataProjectContext>();
+        services.AddScoped<FwDataProjectContext>();
         return services;
     }
 }
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs b/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs
index f780b9c13..658a85c18 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs
@@ -10,7 +10,6 @@
 namespace FwDataMiniLcmBridge;
 
 public class FwDataFactory(
-    FwDataProjectContext context,
     ILogger<FwDataMiniLcmApi> fwdataLogger,
     IMemoryCache cache,
     ILogger<FwDataFactory> logger,
@@ -19,14 +18,13 @@ public class FwDataFactory(
     MiniLcmValidators validators) : IDisposable
 {
     private bool _shuttingDown = false;
-    public FwDataFactory(FwDataProjectContext context,
-        ILogger<FwDataMiniLcmApi> fwdataLogger,
+    public FwDataFactory(ILogger<FwDataMiniLcmApi> fwdataLogger,
         IMemoryCache cache,
         ILogger<FwDataFactory> logger,
         IProjectLoader projectLoader,
         IHostApplicationLifetime lifetime,
         FieldWorksProjectList fieldWorksProjectList,
-        MiniLcmValidators validators) : this(context, fwdataLogger, cache, logger, projectLoader, fieldWorksProjectList, validators)
+        MiniLcmValidators validators) : this(fwdataLogger, cache, logger, projectLoader, fieldWorksProjectList, validators)
     {
         lifetime.ApplicationStopping.Register(() =>
         {
@@ -107,23 +105,6 @@ public void Dispose()
         }
     }
 
-    public FwDataMiniLcmApi GetCurrentFwDataMiniLcmApi(bool saveOnDispose)
-    {
-        var fwDataProject = context.Project;
-        if (fwDataProject is null)
-        {
-            throw new InvalidOperationException("No project is set in the context.");
-        }
-        return GetFwDataMiniLcmApi(fwDataProject, true);
-    }
-
-    public void CloseCurrentProject()
-    {
-        var fwDataProject = context.Project;
-        if (fwDataProject is null) return;
-        CloseProject(fwDataProject);
-    }
-
     public void CloseProject(FwDataProject project)
     {
         // if we are shutting down, don't do anything because we want project dispose to be called as part of the shutdown process.
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FwDataProjectContext.cs b/backend/FwLite/FwDataMiniLcmBridge/FwDataProjectContext.cs
index b40d03407..86e449494 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FwDataProjectContext.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FwDataProjectContext.cs
@@ -2,31 +2,5 @@
 
 public class FwDataProjectContext
 {
-    private sealed class ProjectHolder
-    {
-        public FwDataProject? Project;
-    }
-
-    private static readonly AsyncLocal<ProjectHolder> _projectHolder = new();
-
-    public virtual FwDataProject? Project
-    {
-        get => _projectHolder.Value?.Project;
-        set
-        {
-            var holder = _projectHolder.Value;
-            if (holder != null)
-            {
-                // Clear current Project trapped in the AsyncLocals, as its done.
-                holder.Project = null;
-            }
-
-            if (value is not null)
-            {
-                // Use an object indirection to hold the Project in the AsyncLocal,
-                // so it can be cleared in all ExecutionContexts when its cleared above.
-                _projectHolder.Value = new ProjectHolder { Project = value };
-            }
-        }
-    }
+    public  FwDataProject? Project { get; set; }
 }
diff --git a/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs b/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs
index 61ddd1620..92a56d6c0 100644
--- a/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs
+++ b/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs
@@ -24,12 +24,12 @@ public override async Task OnConnectedAsync()
     public override async Task OnDisconnectedAsync(Exception? exception)
     {
         //todo if multiple clients are connected, this will close the project for all of them.
-        fwDataFactory.CloseCurrentProject();
         var project = context.Project;
         if (project is null)
         {
             throw new InvalidOperationException("No project is set in the context.");
         }
+        fwDataFactory.CloseProject(project);
 
         if (exception is LcmFileLockedException)
         {
diff --git a/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs b/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs
index 22270afc9..017797744 100644
--- a/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs
+++ b/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs
@@ -23,7 +23,7 @@ public static IEndpointConventionBuilder MapFwIntegrationRoutes(this WebApplicat
             {
                 if (context.Project is null) return Results.BadRequest("No project is set in the context");
                 await hubContext.Clients.Group(context.Project.Name).OnProjectClosed(CloseReason.Locked);
-                factory.CloseCurrentProject();
+                factory.CloseProject(context.Project);
                 //need to use redirect as a way to not trigger flex until after we have closed the project
                 return Results.Redirect($"silfw://localhost/link?database={context.Project.Name}&tool=lexiconEdit&guid={id}");
             });

From 681ee30ba2dd273b9f6bd46a43d26ef83c249791 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 13:49:30 +0700
Subject: [PATCH 062/108] make miniLcm disposable

---
 backend/FwLite/FwLiteProjectSync/DryRunMiniLcmApi.cs | 4 ++++
 backend/FwLite/LcmCrdt/CrdtMiniLcmApi.cs             | 3 +++
 backend/FwLite/MiniLcm/IMiniLcmApi.cs                | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteProjectSync/DryRunMiniLcmApi.cs b/backend/FwLite/FwLiteProjectSync/DryRunMiniLcmApi.cs
index 82d5190ca..5540a1faf 100644
--- a/backend/FwLite/FwLiteProjectSync/DryRunMiniLcmApi.cs
+++ b/backend/FwLite/FwLiteProjectSync/DryRunMiniLcmApi.cs
@@ -5,6 +5,10 @@ namespace FwLiteProjectSync;
 
 public class DryRunMiniLcmApi(IMiniLcmApi api) : IMiniLcmApi
 {
+    public void Dispose()
+    {
+    }
+
     public List<DryRunRecord> DryRunRecords { get; } = [];
 
     public record DryRunRecord(string Method, string Description);
diff --git a/backend/FwLite/LcmCrdt/CrdtMiniLcmApi.cs b/backend/FwLite/LcmCrdt/CrdtMiniLcmApi.cs
index 3955ab957..2262126b5 100644
--- a/backend/FwLite/LcmCrdt/CrdtMiniLcmApi.cs
+++ b/backend/FwLite/LcmCrdt/CrdtMiniLcmApi.cs
@@ -552,4 +552,7 @@ public async Task DeleteExampleSentence(Guid entryId, Guid senseId, Guid example
         await dataModel.AddChange(ClientId, new DeleteChange<ExampleSentence>(exampleSentenceId));
     }
 
+    public void Dispose()
+    {
+    }
 }
diff --git a/backend/FwLite/MiniLcm/IMiniLcmApi.cs b/backend/FwLite/MiniLcm/IMiniLcmApi.cs
index 6beb6db07..01849fbdd 100644
--- a/backend/FwLite/MiniLcm/IMiniLcmApi.cs
+++ b/backend/FwLite/MiniLcm/IMiniLcmApi.cs
@@ -1,3 +1,3 @@
 namespace MiniLcm;
 
-public interface IMiniLcmApi: IMiniLcmReadApi, IMiniLcmWriteApi;
+public interface IMiniLcmApi: IMiniLcmReadApi, IMiniLcmWriteApi, IDisposable;

From 522912e573b710e76d2f21485d13fe78e87b5521 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 13:52:55 +0700
Subject: [PATCH 063/108] refactor FieldWorksProjectList.cs and
 CrdtProjectsService.cs into a common IProjectProvider.cs interface

---
 .../FieldWorksProjectList.cs                  | 12 ++++++++
 .../FwDataMiniLcmBridge/FwDataBridgeKernel.cs |  2 ++
 .../FwDataMiniLcmBridge/FwDataProject.cs      |  2 +-
 .../Projects/CombinedProjectsService.cs       | 30 +++++++++++--------
 .../FwLiteShared/Services/FwLiteProvider.cs   | 17 ++++++-----
 .../Services/MiniLcmJsInvokable.cs            | 20 ++++++++-----
 .../Sync/BackgroundSyncService.cs             |  8 ++++-
 backend/FwLite/LcmCrdt/CrdtProject.cs         |  2 +-
 backend/FwLite/LcmCrdt/CrdtProjectsService.cs | 26 +++++++++++++---
 backend/FwLite/LcmCrdt/LcmCrdtKernel.cs       |  2 ++
 .../LocalWebApp/Routes/ProjectRoutes.cs       |  2 +-
 .../MiniLcm/Models/ProjectIdentifier.cs       |  8 ++++-
 .../FwLite/MiniLcm/Project/IProjectImport.cs  |  8 +++++
 .../MiniLcm/Project/IProjectProvider.cs       | 11 +++++++
 14 files changed, 114 insertions(+), 36 deletions(-)
 create mode 100644 backend/FwLite/MiniLcm/Project/IProjectImport.cs
 create mode 100644 backend/FwLite/MiniLcm/Project/IProjectProvider.cs

diff --git a/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs b/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs
index 734f19c9c..c169fff34 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FieldWorksProjectList.cs
@@ -1,12 +1,24 @@
 using FwDataMiniLcmBridge.LcmUtils;
 using Microsoft.Extensions.Options;
+using MiniLcm;
 using MiniLcm.Models;
+using MiniLcm.Project;
 
 namespace FwDataMiniLcmBridge;
 
 public class FieldWorksProjectList(IOptions<FwDataBridgeConfig> config, FwDataFactory fwDataFactory) : IProjectProvider
 {
+    public ProjectDataFormat DataFormat => ProjectDataFormat.FwData;
     protected readonly IOptions<FwDataBridgeConfig> _config = config;
+    IEnumerable<IProjectIdentifier> IProjectProvider.ListProjects()
+    {
+        return EnumerateProjects();
+    }
+
+    IProjectIdentifier? IProjectProvider.GetProject(string name)
+    {
+        return GetProject(name);
+    }
 
     public virtual IEnumerable<IProjectIdentifier> EnumerateProjects()
     {
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs b/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs
index ba16aecf9..cbeceb503 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FwDataBridgeKernel.cs
@@ -1,6 +1,7 @@
 using FwDataMiniLcmBridge.LcmUtils;
 using Microsoft.Extensions.DependencyInjection;
 using MiniLcm;
+using MiniLcm.Project;
 using MiniLcm.Validators;
 
 namespace FwDataMiniLcmBridge;
@@ -15,6 +16,7 @@ public static IServiceCollection AddFwDataBridge(this IServiceCollection service
         services.AddOptions<FwDataBridgeConfig>().BindConfiguration("FwDataBridge");
         services.AddSingleton<FwDataFactory>();
         services.AddSingleton<FieldWorksProjectList>();
+        services.AddSingleton<IProjectProvider>(s => s.GetRequiredService<FieldWorksProjectList>());
         services.AddSingleton<IProjectLoader, ProjectLoader>();
         services.AddKeyedScoped<IMiniLcmApi>(FwDataApiKey,
             (provider, o) =>
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FwDataProject.cs b/backend/FwLite/FwDataMiniLcmBridge/FwDataProject.cs
index f02321cfb..c00a99315 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FwDataProject.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FwDataProject.cs
@@ -20,5 +20,5 @@ public class FwDataProject(string name, string projectsPath) : IProjectIdentifie
     /// eg: Project name : "MyProject", path: "/data/projects/" is the value of this property, then the fwdata file must be in /data/projects/MyProject/MyProject.fwdata
     /// </summary>
     public string ProjectsPath { get; } = projectsPath;
-    public string Origin { get; } = "FieldWorks";
+    public ProjectDataFormat DataFormat => ProjectDataFormat.FwData;
 }
diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index 2ee1b60ef..bbe626d57 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -1,9 +1,10 @@
-using FwDataMiniLcmBridge;
-using FwLiteShared.Auth;
+using FwLiteShared.Auth;
 using FwLiteShared.Sync;
 using LcmCrdt;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.JSInterop;
+using MiniLcm.Models;
+using MiniLcm.Project;
 
 namespace FwLiteShared.Projects;
 
@@ -17,8 +18,9 @@ public record ProjectModel(
 
 public record ServerProjects(LexboxServer Server, ProjectModel[] Projects);
 public class CombinedProjectsService(LexboxProjectService lexboxProjectService, CrdtProjectsService crdtProjectsService,
-    FieldWorksProjectList fieldWorksProjectList)
+    IEnumerable<IProjectProvider> projectProviders)
 {
+    private IProjectProvider? FwDataProjectProvider => projectProviders.FirstOrDefault(p => p.DataFormat == ProjectDataFormat.FwData);
     [JSInvokable]
     public async Task<ServerProjects[]> RemoteProjects()
     {
@@ -42,9 +44,9 @@ public async Task<ServerProjects[]> RemoteProjects()
     }
 
     [JSInvokable]
-    public async Task<IReadOnlyCollection<ProjectModel>> LocalProjects()
+    public IReadOnlyCollection<ProjectModel> LocalProjects()
     {
-        var crdtProjects = await crdtProjectsService.ListProjects();
+        var crdtProjects = crdtProjectsService.ListProjects();
         //todo get project Id and use that to specify the Id in the model. Also pull out server
         var projects = crdtProjects.ToDictionary(p => p.Name,
             p =>
@@ -58,18 +60,22 @@ public async Task<IReadOnlyCollection<ProjectModel>> LocalProjects()
                     p.Data?.Id);
             });
         //basically populate projects and indicate if they are lexbox or fwdata
-        foreach (var p in fieldWorksProjectList.EnumerateProjects())
+        if (FwDataProjectProvider is not null)
         {
-            if (projects.TryGetValue(p.Name, out var project))
+            foreach (var p in FwDataProjectProvider.ListProjects())
             {
-                projects[p.Name] = project with { Fwdata = true };
-            }
-            else
-            {
-                projects.Add(p.Name, new ProjectModel(p.Name, false, true));
+                if (projects.TryGetValue(p.Name, out var project))
+                {
+                    projects[p.Name] = project with { Fwdata = true };
+                }
+                else
+                {
+                    projects.Add(p.Name, new ProjectModel(p.Name, false, true));
+                }
             }
         }
 
+
         return projects.Values;
     }
 
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index cdebe7366..05c564546 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -1,12 +1,12 @@
 using System.Text.Json.Serialization;
-using FwDataMiniLcmBridge;
 using FwLiteShared.Auth;
 using FwLiteShared.Projects;
 using LcmCrdt;
 using LexCore.Utils;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.JSInterop;
-using MiniLcm;
+using MiniLcm.Models;
+using MiniLcm.Project;
 
 namespace FwLiteShared.Services;
 
@@ -15,15 +15,17 @@ public class FwLiteProvider(
     AuthService authService,
     ImportFwdataService importFwdataService,
     CrdtProjectsService crdtProjectsService,
-    FwDataProjectContext fwDataProjectContext,
-    FieldWorksProjectList fieldWorksProjectList,
     LexboxProjectService lexboxProjectService,
-    ChangeEventBus changeEventBus
+    ChangeEventBus changeEventBus,
+    IEnumerable<IProjectProvider> projectProviders
 ) : IDisposable
 {
     public const string OverrideServiceFunctionName = "setOverrideService";
     private readonly List<IDisposable> _disposables = [];
 
+    private IProjectProvider? FwDataProjectProvider =>
+        projectProviders.FirstOrDefault(p => p.DataFormat == ProjectDataFormat.FwData);
+
     public void Dispose()
     {
         foreach (var disposable in _disposables)
@@ -83,9 +85,10 @@ public async Task<IAsyncDisposable> InjectCrdtProject(IJSRuntime jsRuntime,
 
     public async Task<IAsyncDisposable> InjectFwDataProject(IJSRuntime jsRuntime, IServiceProvider scopedServices, string projectName)
     {
-        fwDataProjectContext.Project = fieldWorksProjectList.GetProject(projectName);
+        if (FwDataProjectProvider is null) throw new InvalidOperationException("FwData Project provider is not available");
+        var project = FwDataProjectProvider.GetProject(projectName) ?? throw new InvalidOperationException($"FwData Project {projectName} not found");
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices,
-            scopedServices.GetRequiredKeyedService<IMiniLcmApi>(FwDataBridgeKernel.FwDataApiKey));
+            FwDataProjectProvider.OpenProject(project), project);
         await SetService(jsRuntime, DotnetService.MiniLcmApi, service);
         return Defer.Async(async () => await SetService(jsRuntime, DotnetService.MiniLcmApi, null));
     }
diff --git a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
index 4ab17f984..7a8038f8b 100644
--- a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
+++ b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
@@ -1,5 +1,4 @@
-using FwDataMiniLcmBridge.Api;
-using FwLiteShared.Sync;
+using FwLiteShared.Sync;
 using LcmCrdt;
 using Microsoft.JSInterop;
 using MiniLcm;
@@ -10,24 +9,24 @@ namespace FwLiteShared.Services;
 internal class MiniLcmJsInvokable(
     IMiniLcmApi api,
     BackgroundSyncService backgroundSyncService,
-    CrdtProject? crdtProject = null)
+    IProjectIdentifier project) : IDisposable
 {
 
     public record MiniLcmFeatures(bool History, bool Write, bool OpenWithFlex, bool Feedback, bool Sync);
-    private bool SupportsSync => api is CrdtMiniLcmApi;
+    private bool SupportsSync => project.DataFormat == ProjectDataFormat.Harmony && api is CrdtMiniLcmApi;
     [JSInvokable]
     public MiniLcmFeatures SupportedFeatures()
     {
-        var isCrdtProject = api is CrdtMiniLcmApi;
-        var isFwDataProject = api is FwDataMiniLcmApi;
+        var isCrdtProject = project.DataFormat == ProjectDataFormat.Harmony;
+        var isFwDataProject = project.DataFormat == ProjectDataFormat.FwData;
         return new(History: isCrdtProject, Write: true, OpenWithFlex: isFwDataProject, Feedback: true, Sync: SupportsSync);
     }
 
     private void TriggerSync()
     {
-        if (SupportsSync && crdtProject is not null)
+        if (SupportsSync)
         {
-            backgroundSyncService.TriggerSync(crdtProject);
+            backgroundSyncService.TriggerSync(project);
         }
     }
 
@@ -261,4 +260,9 @@ public Task DeleteExampleSentence(Guid entryId, Guid senseId, Guid exampleSenten
     {
         return api.DeleteExampleSentence(entryId, senseId, exampleSentenceId);
     }
+
+    public void Dispose()
+    {
+        api.Dispose();
+    }
 }
diff --git a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
index ff09e1a03..b64378072 100644
--- a/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
+++ b/backend/FwLite/FwLiteShared/Sync/BackgroundSyncService.cs
@@ -4,6 +4,7 @@
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
 using Microsoft.Extensions.Logging;
+using MiniLcm.Models;
 using SIL.Harmony;
 
 namespace FwLiteShared.Sync;
@@ -42,6 +43,11 @@ public void TriggerSync(Guid projectId, Guid? ignoredClientId = null)
         TriggerSync(crdtProject);
     }
 
+    public void TriggerSync(IProjectIdentifier project)
+    {
+        if (project.DataFormat == ProjectDataFormat.FwData) throw new NotSupportedException("Background sync service does not support fwdata projects");
+        TriggerSync((CrdtProject)project);
+    }
     public void TriggerSync(CrdtProject crdtProject)
     {
         if (!_running) throw new InvalidOperationException("Background sync service is not running");
@@ -61,7 +67,7 @@ protected override async Task ExecuteAsync(CancellationToken stoppingToken)
         //need to wait until application is started, otherwise Server urls will be unknown which prevents creating downstream services
         await StartedAsync();
         _running = true;
-        var crdtProjects = await crdtProjectsService.ListProjects();
+        var crdtProjects = crdtProjectsService.ListProjects();
         foreach (var crdtProject in crdtProjects)
         {
             await SyncProject(crdtProject);
diff --git a/backend/FwLite/LcmCrdt/CrdtProject.cs b/backend/FwLite/LcmCrdt/CrdtProject.cs
index 1dce69d9b..14c0a051e 100644
--- a/backend/FwLite/LcmCrdt/CrdtProject.cs
+++ b/backend/FwLite/LcmCrdt/CrdtProject.cs
@@ -3,7 +3,7 @@
 public class CrdtProject(string name, string dbPath) : IProjectIdentifier
 {
     public string Name { get; } = name;
-    public string Origin { get; } = "CRDT";
+    public ProjectDataFormat DataFormat => ProjectDataFormat.Harmony;
     public string DbPath { get; } = dbPath;
     public ProjectData? Data { get; set; }
 }
diff --git a/backend/FwLite/LcmCrdt/CrdtProjectsService.cs b/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
index 44b6e94da..abf23c424 100644
--- a/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
+++ b/backend/FwLite/LcmCrdt/CrdtProjectsService.cs
@@ -5,21 +5,39 @@
 using Microsoft.Extensions.Logging;
 using Microsoft.Extensions.Options;
 using LcmCrdt.Objects;
+using MiniLcm.Project;
 
 namespace LcmCrdt;
 
-public partial class CrdtProjectsService(IServiceProvider provider, ILogger<CrdtProjectsService> logger, IOptions<LcmCrdtConfig> config, IMemoryCache memoryCache)
+public partial class CrdtProjectsService(IServiceProvider provider, ILogger<CrdtProjectsService> logger, IOptions<LcmCrdtConfig> config, IMemoryCache memoryCache): IProjectProvider
 {
-    public Task<CrdtProject[]> ListProjects()
+    public ProjectDataFormat DataFormat { get; } = ProjectDataFormat.Harmony;
+    IEnumerable<IProjectIdentifier> IProjectProvider.ListProjects()
     {
-        return Task.FromResult(Directory.EnumerateFiles(config.Value.ProjectPath, "*.sqlite").Select(file =>
+        return ListProjects();
+    }
+
+    IProjectIdentifier? IProjectProvider.GetProject(string name)
+    {
+        return GetProject(name);
+    }
+
+    IMiniLcmApi IProjectProvider.OpenProject(IProjectIdentifier project, bool saveChangesOnDispose = true)
+    {
+        //todo not sure if we should implement this, it's mostly there for the FwData version
+        throw new NotImplementedException();
+    }
+
+    public IEnumerable<CrdtProject> ListProjects()
+    {
+        return Directory.EnumerateFiles(config.Value.ProjectPath, "*.sqlite").Select(file =>
         {
             var name = Path.GetFileNameWithoutExtension(file);
             return new CrdtProject(name, file)
             {
                 Data = CurrentProjectService.LookupProjectData(memoryCache, name)
             };
-        }).ToArray());
+        });
     }
 
     public CrdtProject? GetProject(string name)
diff --git a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
index e8a35750f..a5f7f0417 100644
--- a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
+++ b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
@@ -19,6 +19,7 @@
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
 using Microsoft.Extensions.Options;
+using MiniLcm.Project;
 using MiniLcm.Validators;
 using Refit;
 using SIL.Harmony.Db;
@@ -43,6 +44,7 @@ public static IServiceCollection AddLcmCrdtClient(this IServiceCollection servic
         services.AddScoped<CurrentProjectService>();
         services.AddScoped<HistoryService>();
         services.AddSingleton<CrdtProjectsService>();
+        services.AddSingleton<IProjectProvider>(s => s.GetRequiredService<CrdtProjectsService>());
 
         services.AddHttpClient();
         services.AddSingleton<RefitSettings>(provider => new RefitSettings
diff --git a/backend/FwLite/LocalWebApp/Routes/ProjectRoutes.cs b/backend/FwLite/LocalWebApp/Routes/ProjectRoutes.cs
index dc29e4463..58734ef15 100644
--- a/backend/FwLite/LocalWebApp/Routes/ProjectRoutes.cs
+++ b/backend/FwLite/LocalWebApp/Routes/ProjectRoutes.cs
@@ -25,7 +25,7 @@ public static IEndpointConventionBuilder MapProjectRoutes(this WebApplication ap
                 return (await combinedProjectsService.RemoteProjects()).ToDictionary(p => p.Server.Authority.Authority, p => p.Projects);
             });
         group.MapGet("/localProjects",
-            async (CombinedProjectsService combinedProjectsService) => await combinedProjectsService.LocalProjects());
+            (CombinedProjectsService combinedProjectsService) => combinedProjectsService.LocalProjects());
         group.MapPost("/project",
             async (CrdtProjectsService projectService, string name) =>
             {
diff --git a/backend/FwLite/MiniLcm/Models/ProjectIdentifier.cs b/backend/FwLite/MiniLcm/Models/ProjectIdentifier.cs
index 624389bb3..efcc89d2b 100644
--- a/backend/FwLite/MiniLcm/Models/ProjectIdentifier.cs
+++ b/backend/FwLite/MiniLcm/Models/ProjectIdentifier.cs
@@ -3,5 +3,11 @@
 public interface IProjectIdentifier
 {
     string Name { get; }
-    string Origin { get; }
+    ProjectDataFormat DataFormat { get; }
+}
+
+public enum ProjectDataFormat
+{
+    Harmony,
+    FwData
 }
diff --git a/backend/FwLite/MiniLcm/Project/IProjectImport.cs b/backend/FwLite/MiniLcm/Project/IProjectImport.cs
new file mode 100644
index 000000000..edc316888
--- /dev/null
+++ b/backend/FwLite/MiniLcm/Project/IProjectImport.cs
@@ -0,0 +1,8 @@
+using MiniLcm.Models;
+
+namespace MiniLcm.Project;
+
+public interface IProjectImport
+{
+    Task<IProjectIdentifier> Import(IProjectIdentifier project);
+}
diff --git a/backend/FwLite/MiniLcm/Project/IProjectProvider.cs b/backend/FwLite/MiniLcm/Project/IProjectProvider.cs
new file mode 100644
index 000000000..ee606544f
--- /dev/null
+++ b/backend/FwLite/MiniLcm/Project/IProjectProvider.cs
@@ -0,0 +1,11 @@
+using MiniLcm.Models;
+
+namespace MiniLcm.Project;
+
+public interface IProjectProvider
+{
+    ProjectDataFormat DataFormat { get; }
+    IEnumerable<IProjectIdentifier> ListProjects();
+    IProjectIdentifier? GetProject(string name);
+    IMiniLcmApi OpenProject(IProjectIdentifier project, bool saveChangesOnDispose = true);
+}

From f1999b8537941d02be452be9b48df68cd2635f30 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 13:53:44 +0700
Subject: [PATCH 064/108] refactor project import to make it optional. if
 import is called at runtime, it will throw

---
 .../FwLiteProjectSyncKernel.cs                |  2 +
 .../FwLite/FwLiteProjectSync/MiniLcmImport.cs | 41 +++++++++++++-
 .../Projects/ImportFwdataService.cs           | 55 ++++++-------------
 3 files changed, 57 insertions(+), 41 deletions(-)

diff --git a/backend/FwLite/FwLiteProjectSync/FwLiteProjectSyncKernel.cs b/backend/FwLite/FwLiteProjectSync/FwLiteProjectSyncKernel.cs
index b4b69ffba..1529de90e 100644
--- a/backend/FwLite/FwLiteProjectSync/FwLiteProjectSyncKernel.cs
+++ b/backend/FwLite/FwLiteProjectSync/FwLiteProjectSyncKernel.cs
@@ -1,4 +1,5 @@
 using Microsoft.Extensions.DependencyInjection;
+using MiniLcm.Project;
 
 namespace FwLiteProjectSync;
 
@@ -8,6 +9,7 @@ public static IServiceCollection AddFwLiteProjectSync(this IServiceCollection se
     {
         services.AddSingleton<CrdtFwdataProjectSyncService>();
         services.AddSingleton<MiniLcmImport>();
+        services.AddSingleton<IProjectImport>(s => s.GetRequiredService<MiniLcmImport>());
         return services;
     }
 }
diff --git a/backend/FwLite/FwLiteProjectSync/MiniLcmImport.cs b/backend/FwLite/FwLiteProjectSync/MiniLcmImport.cs
index 45bb17968..58c7f98b1 100644
--- a/backend/FwLite/FwLiteProjectSync/MiniLcmImport.cs
+++ b/backend/FwLite/FwLiteProjectSync/MiniLcmImport.cs
@@ -1,12 +1,49 @@
-using LcmCrdt;
+using System.Diagnostics;
+using FwDataMiniLcmBridge;
+using Humanizer;
+using LcmCrdt;
+using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
 using MiniLcm;
 using MiniLcm.Models;
+using MiniLcm.Project;
 
 namespace FwLiteProjectSync;
 
-public class MiniLcmImport(ILogger<MiniLcmImport> logger)
+public class MiniLcmImport(
+    ILogger<MiniLcmImport> logger,
+    FwDataFactory fwDataFactory,
+    CrdtProjectsService crdtProjectsService
+    ) : IProjectImport
 {
+    public async Task<IProjectIdentifier> Import(IProjectIdentifier project)
+    {
+        if (project is not FwDataProject fwDataProject) throw new ArgumentException("Project is not a fwdata project");
+        var startTime = Stopwatch.GetTimestamp();
+        try
+        {
+            using var fwDataApi = fwDataFactory.GetFwDataMiniLcmApi(fwDataProject, false);
+            var harmonyProject = await crdtProjectsService.CreateProject(new(fwDataProject.Name,
+                SeedNewProjectData: false,
+                FwProjectId: fwDataApi.ProjectId,
+                AfterCreate: async (provider, _) =>
+                {
+                    var crdtApi = provider.GetRequiredService<IMiniLcmApi>();
+                    await ImportProject(crdtApi, fwDataApi, fwDataApi.EntryCount);
+                }));
+            var timeSpent = Stopwatch.GetElapsedTime(startTime);
+            logger.LogInformation("Import of {ProjectName} complete, took {TimeSpend}",
+                fwDataProject.Name,
+                timeSpent.Humanize(2));
+            return harmonyProject;
+        }
+        catch
+        {
+            logger.LogError("Import of {ProjectName} failed, deleting project", fwDataProject.Name);
+            throw;
+        }
+    }
+
     public async Task ImportProject(IMiniLcmApi importTo, IMiniLcmApi importFrom, int entryCount)
     {
         await ImportWritingSystems(importTo, importFrom);
diff --git a/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs b/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs
index a75c0e5a9..4292830d9 100644
--- a/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/ImportFwdataService.cs
@@ -1,52 +1,29 @@
-using System.Diagnostics;
-using FwDataMiniLcmBridge;
-using FwLiteProjectSync;
-using Humanizer;
-using LcmCrdt;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.Extensions.Logging;
 using Microsoft.JSInterop;
-using MiniLcm;
+using MiniLcm.Models;
+using MiniLcm.Project;
 
 namespace FwLiteShared.Projects;
 
-public class ImportFwdataService(
-    CrdtProjectsService crdtProjectsService,
-    ILogger<ImportFwdataService> logger,
-    FwDataFactory fwDataFactory,
-    FieldWorksProjectList fieldWorksProjectList,
-    MiniLcmImport miniLcmImport
-)
+public class ImportFwdataService(IEnumerable<IProjectProvider> projectProviders, IProjectImport? miniLcmImport = null)
 {
+    private IProjectProvider? FwDataProjectProvider =>
+        projectProviders.FirstOrDefault(p => p.DataFormat == ProjectDataFormat.FwData);
+
     [JSInvokable]
-    public async Task<CrdtProject> Import(string projectName)
+    public async Task<IProjectIdentifier> Import(string projectName)
     {
-        var startTime = Stopwatch.GetTimestamp();
-        var fwDataProject = fieldWorksProjectList.GetProject(projectName);
-        if (fwDataProject is null)
-        {
-            throw new InvalidOperationException($"Project {projectName} not found.");
-        }
-        try
+        if (miniLcmImport is null) throw new InvalidOperationException("MiniLcmImport is not available and import is not supported in this version");
+        if (FwDataProjectProvider is null)
         {
-            using var fwDataApi = fwDataFactory.GetFwDataMiniLcmApi(fwDataProject, false);
-            var project = await crdtProjectsService.CreateProject(new(fwDataProject.Name,
-                SeedNewProjectData: false,
-                FwProjectId: fwDataApi.ProjectId,
-                AfterCreate: async (provider, project) =>
-                {
-                    var crdtApi = provider.GetRequiredService<IMiniLcmApi>();
-                    await miniLcmImport.ImportProject(crdtApi, fwDataApi, fwDataApi.EntryCount);
-                }));
-            var timeSpent = Stopwatch.GetElapsedTime(startTime);
-            logger.LogInformation("Import of {ProjectName} complete, took {TimeSpend}", fwDataProject.Name, timeSpent.Humanize(2));
-            return project;
+            throw new InvalidOperationException("FwData Project provider is not available");
         }
-        catch
+
+        var fwDataProject = FwDataProjectProvider.GetProject(projectName);
+        if (fwDataProject is null)
         {
-            logger.LogError("Import of {ProjectName} failed, deleting project", fwDataProject.Name);
-            throw;
+            throw new InvalidOperationException($"Project {projectName} not found.");
         }
-    }
 
+        return await miniLcmImport.Import(fwDataProject);
+    }
 }

From 4001121fac46f14dac0450ac627931ee813f1cfb Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 13:54:17 +0700
Subject: [PATCH 065/108] refactor FwShared to not depend on FwDataBridge, put
 that dependency into FwLiteDesktop windows builds

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj           | 4 ++++
 backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs         | 5 +++--
 backend/FwLite/FwLiteShared/FwLiteShared.csproj             | 3 +--
 backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs           | 6 +-----
 .../FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs    | 1 -
 5 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index ae36fd853..bfe5791f6 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -89,5 +89,9 @@
         <ProjectReference Include="..\LcmCrdt\LcmCrdt.csproj" />
         <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
 	</ItemGroup>
+    <ItemGroup Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">
+        <ProjectReference Include="..\FwDataMiniLcmBridge\FwDataMiniLcmBridge.csproj"/>
+        <ProjectReference Include="..\FwLiteProjectSync\FwLiteProjectSync.csproj"/>
+    </ItemGroup>
 
 </Project>
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 5edefa47e..08b77d221 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -1,4 +1,3 @@
-using System.Runtime.InteropServices;
 using FwLiteShared;
 using FwLiteShared.Auth;
 using LcmCrdt;
@@ -6,7 +5,6 @@
 using Microsoft.Extensions.Hosting;
 using Microsoft.Extensions.Hosting.Internal;
 using Microsoft.Extensions.Logging;
-using NReco.Logging.File;
 
 namespace FwLiteDesktop;
 
@@ -38,6 +36,9 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         services.AddSingleton<IMauiInitializeService, HostedServiceAdapter>();
 
 #if WINDOWS
+        //need to call them like this since they're only available in the windows project
+        FwDataMiniLcmBridge.FwDataBridgeKernel.AddFwDataBridge(services);
+        FwLiteProjectSync.FwLiteProjectSyncKernel.AddFwLiteProjectSync(services);
         services.AddFwLiteWindows();
 #endif
 #if ANDROID
diff --git a/backend/FwLite/FwLiteShared/FwLiteShared.csproj b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
index 2eac6352d..b13f3291d 100644
--- a/backend/FwLite/FwLiteShared/FwLiteShared.csproj
+++ b/backend/FwLite/FwLiteShared/FwLiteShared.csproj
@@ -20,8 +20,7 @@
     </ItemGroup>
 
     <ItemGroup>
-        <ProjectReference Include="..\FwDataMiniLcmBridge\FwDataMiniLcmBridge.csproj"/>
-        <ProjectReference Include="..\FwLiteProjectSync\FwLiteProjectSync.csproj"/>
+        <ProjectReference Include="..\..\LexCore\LexCore.csproj" />
         <ProjectReference Include="..\LcmCrdt\LcmCrdt.csproj"/>
         <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
     </ItemGroup>
diff --git a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
index bc6d75159..ef7fe8eec 100644
--- a/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
+++ b/backend/FwLite/FwLiteShared/FwLiteSharedKernel.cs
@@ -1,6 +1,4 @@
-using FwDataMiniLcmBridge;
-using FwLiteProjectSync;
-using FwLiteShared.Auth;
+using FwLiteShared.Auth;
 using FwLiteShared.Projects;
 using FwLiteShared.Services;
 using FwLiteShared.Sync;
@@ -17,8 +15,6 @@ public static IServiceCollection AddFwLiteShared(this IServiceCollection service
         services.AddHttpClient();
         services.AddAuthHelpers(environment);
         services.AddLcmCrdtClient();
-        services.AddFwDataBridge();
-        services.AddFwLiteProjectSync();
 
         services.AddSingleton<ImportFwdataService>();
         services.AddScoped<SyncService>();
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index 93406870e..5cb51dcf3 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -10,7 +10,6 @@
 using Reinforced.Typings.Ast.TypeNames;
 using Reinforced.Typings.Fluent;
 using Reinforced.Typings.Visitors.TypeScript;
-using StructureMap.TypeRules;
 
 namespace FwLiteShared.TypeGen;
 

From 46abe3354a4c8e78478742659f29fb0ca6a67ea7 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 14:02:38 +0700
Subject: [PATCH 066/108] fix circular dependency between FieldWorksProjectList
 and FwDataFactory

---
 .../Fixtures/ProjectLoaderFixture.cs                   | 10 +++-------
 backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs    | 10 +---------
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj      |  5 ++++-
 backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs    |  7 ++++---
 backend/FwLite/FwLiteProjectSync/Program.cs            |  9 ++++++++-
 backend/LfNext/LcmDebugger/Program.cs                  |  4 +++-
 6 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/ProjectLoaderFixture.cs b/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/ProjectLoaderFixture.cs
index 2ea91318d..a9de985c5 100644
--- a/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/ProjectLoaderFixture.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge.Tests/Fixtures/ProjectLoaderFixture.cs
@@ -22,16 +22,12 @@ public ProjectLoaderFixture()
         _config = provider.GetRequiredService<IOptions<FwDataBridgeConfig>>();
     }
 
-    public FwDataMiniLcmApi CreateApi(string projectName)
-    {
-        return _fwDataFactory.GetFwDataMiniLcmApi(projectName, false);
-    }
-
     public FwDataMiniLcmApi NewProjectApi(string projectName, string analysisWs, string vernacularWs)
     {
         projectName = $"{projectName}_{Guid.NewGuid()}";
-        MockFwProjectLoader.NewProject(new FwDataProject(projectName, _config.Value.ProjectsFolder), analysisWs, vernacularWs);
-        return CreateApi(projectName);
+        var fwDataProject = new FwDataProject(projectName, _config.Value.ProjectsFolder);
+        MockFwProjectLoader.NewProject(fwDataProject, analysisWs, vernacularWs);
+        return _fwDataFactory.GetFwDataMiniLcmApi(fwDataProject, false);
     }
 
     public void Dispose()
diff --git a/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs b/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs
index 658a85c18..64919b466 100644
--- a/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs
+++ b/backend/FwLite/FwDataMiniLcmBridge/FwDataFactory.cs
@@ -14,7 +14,6 @@ public class FwDataFactory(
     IMemoryCache cache,
     ILogger<FwDataFactory> logger,
     IProjectLoader projectLoader,
-    FieldWorksProjectList fieldWorksProjectList,
     MiniLcmValidators validators) : IDisposable
 {
     private bool _shuttingDown = false;
@@ -23,8 +22,7 @@ public FwDataFactory(ILogger<FwDataMiniLcmApi> fwdataLogger,
         ILogger<FwDataFactory> logger,
         IProjectLoader projectLoader,
         IHostApplicationLifetime lifetime,
-        FieldWorksProjectList fieldWorksProjectList,
-        MiniLcmValidators validators) : this(fwdataLogger, cache, logger, projectLoader, fieldWorksProjectList, validators)
+        MiniLcmValidators validators) : this(fwdataLogger, cache, logger, projectLoader, validators)
     {
         lifetime.ApplicationStopping.Register(() =>
         {
@@ -34,12 +32,6 @@ public FwDataFactory(ILogger<FwDataMiniLcmApi> fwdataLogger,
         });
     }
 
-    public FwDataMiniLcmApi GetFwDataMiniLcmApi(string projectName, bool saveOnDispose)
-    {
-        var project = fieldWorksProjectList.GetProject(projectName) ?? throw new InvalidOperationException($"FwData Project {projectName} not found.");
-        return GetFwDataMiniLcmApi(project, saveOnDispose);
-    }
-
     private string CacheKey(FwDataProject project) => $"{nameof(FwDataFactory)}|{project.FilePath}";
 
     public FwDataMiniLcmApi GetFwDataMiniLcmApi(FwDataProject project, bool saveOnDispose)
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index bfe5791f6..760c8556c 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -23,6 +23,9 @@
 		<Nullable>enable</Nullable>
         <SelfContained>true</SelfContained>
         <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>
+        <IncludeFwDataBridge>false</IncludeFwDataBridge>
+        <IncludeFwDataBridge Condition="$([MSBuild]::IsOSPlatform('windows'))">true</IncludeFwDataBridge>
+        <DefineConstants Condition="$(IncludeFwDataBridge)">$(DefineConstants);INCLUDE_FWDATA_BRIDGE</DefineConstants>
 
 		<!-- controls display name in Package.appxmanifest -->
 		<ApplicationTitle>FieldWorks Lite</ApplicationTitle>
@@ -89,7 +92,7 @@
         <ProjectReference Include="..\LcmCrdt\LcmCrdt.csproj" />
         <ProjectReference Include="..\MiniLcm\MiniLcm.csproj" />
 	</ItemGroup>
-    <ItemGroup Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">
+    <ItemGroup Condition="$(IncludeFwDataBridge)">
         <ProjectReference Include="..\FwDataMiniLcmBridge\FwDataMiniLcmBridge.csproj"/>
         <ProjectReference Include="..\FwLiteProjectSync\FwLiteProjectSync.csproj"/>
     </ItemGroup>
diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 08b77d221..280209106 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -34,11 +34,12 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
         services.AddFwLiteShared(env);
         services.AddMauiBlazorWebView();
         services.AddSingleton<IMauiInitializeService, HostedServiceAdapter>();
-
-#if WINDOWS
-        //need to call them like this since they're only available in the windows project
+#if INCLUDE_FWDATA_BRIDGE
+        //need to call them like this otherwise we need a using statement at the top of the file
         FwDataMiniLcmBridge.FwDataBridgeKernel.AddFwDataBridge(services);
         FwLiteProjectSync.FwLiteProjectSyncKernel.AddFwLiteProjectSync(services);
+#endif
+#if WINDOWS
         services.AddFwLiteWindows();
 #endif
 #if ANDROID
diff --git a/backend/FwLite/FwLiteProjectSync/Program.cs b/backend/FwLite/FwLiteProjectSync/Program.cs
index d587f5fb0..7d6fa3196 100644
--- a/backend/FwLite/FwLiteProjectSync/Program.cs
+++ b/backend/FwLite/FwLiteProjectSync/Program.cs
@@ -1,5 +1,6 @@
 using System.CommandLine;
 using FwDataMiniLcmBridge;
+using FwDataMiniLcmBridge.Api;
 using LcmCrdt;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
@@ -51,7 +52,13 @@ public static Task<int> Main(string[] args)
                 await using var scope = serviceRoot.CreateAsyncScope();
                 var services = scope.ServiceProvider;
                 var logger = services.GetRequiredService<ILogger<Program>>();
-                var fwdataApi = services.GetRequiredService<FwDataFactory>().GetFwDataMiniLcmApi(fwProjectName, true);
+                var fieldWorksProjectList = services.GetRequiredService<FieldWorksProjectList>();
+                var fwProject = fieldWorksProjectList.GetProject(fwProjectName);
+                if (fwProject is null)
+                {
+                    throw new InvalidOperationException("Could not find fwdata project " + fwProjectName);
+                }
+                var fwdataApi = (FwDataMiniLcmApi) fieldWorksProjectList.OpenProject(fwProject);
                 var projectsService = services.GetRequiredService<CrdtProjectsService>();
                 var crdtProject = projectsService.GetProject(crdtProjectName);
                 if (crdtProject is null)
diff --git a/backend/LfNext/LcmDebugger/Program.cs b/backend/LfNext/LcmDebugger/Program.cs
index 5a2ea43ed..693f94ada 100644
--- a/backend/LfNext/LcmDebugger/Program.cs
+++ b/backend/LfNext/LcmDebugger/Program.cs
@@ -9,7 +9,9 @@
 
 var app = builder.Build();
 
+var fieldWorksProjectList = app.Services.GetRequiredService<FieldWorksProjectList>();
+var fwDataProject = fieldWorksProjectList.GetProject("fruit") ?? throw new InvalidOperationException("Could not find project");
 var fwDataFactory = app.Services.GetRequiredService<FwDataFactory>();
-var miniLcmApi = fwDataFactory.GetFwDataMiniLcmApi("fruit", false);
+var miniLcmApi = fwDataFactory.GetFwDataMiniLcmApi(fwDataProject, false);
 var entries = await miniLcmApi.GetEntries().ToArrayAsync();
 var complexEntryTypesOa = miniLcmApi.Cache.LangProject.LexDbOA.ComplexEntryTypesOA;

From 050768c9494c1464d6eb93346201112e98b5ccb7 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 14:20:40 +0700
Subject: [PATCH 067/108] ensure lcm service is cleared when going home

---
 .../FwLiteShared/Pages/CrdtProject.razor      |  1 +
 backend/FwLite/FwLiteShared/Pages/Home.razor  | 10 ++++++
 .../FwLiteShared/Services/FwLiteProvider.cs   | 31 +++++++++++++------
 3 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
index 921c47617..2a775469e 100644
--- a/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
+++ b/backend/FwLite/FwLiteShared/Pages/CrdtProject.razor
@@ -21,6 +21,7 @@
 
     protected override async ValueTask DisposeAsyncCore()
     {
+        //sadly this is not called when the page is left, not sure how we can fix that yet
         await base.DisposeAsyncCore();
         if (_disposable is not null)
             await _disposable.DisposeAsync();
diff --git a/backend/FwLite/FwLiteShared/Pages/Home.razor b/backend/FwLite/FwLiteShared/Pages/Home.razor
index 50056ef07..d1c1ecff4 100644
--- a/backend/FwLite/FwLiteShared/Pages/Home.razor
+++ b/backend/FwLite/FwLiteShared/Pages/Home.razor
@@ -1,5 +1,15 @@
 @page "/"
 @using FwLiteShared.Layout
+@using FwLiteShared.Services
 @layout SvelteLayout;
+@inject FwLiteProvider FwLiteProvider;
+@inject IJSRuntime JS;
 
 @*this looks empty because it is, but it's required to declare the route which is then used by the svelte router*@
+@code
+{
+    protected override async Task OnInitializedAsync()
+    {
+        await FwLiteProvider.SetService(JS, DotnetService.MiniLcmApi, null);
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index 05c564546..d7408d26b 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -1,9 +1,11 @@
-using System.Text.Json.Serialization;
+using System.Diagnostics.CodeAnalysis;
+using System.Text.Json.Serialization;
 using FwLiteShared.Auth;
 using FwLiteShared.Projects;
 using LcmCrdt;
 using LexCore.Utils;
 using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Logging;
 using Microsoft.JSInterop;
 using MiniLcm.Models;
 using MiniLcm.Project;
@@ -17,7 +19,8 @@ public class FwLiteProvider(
     CrdtProjectsService crdtProjectsService,
     LexboxProjectService lexboxProjectService,
     ChangeEventBus changeEventBus,
-    IEnumerable<IProjectProvider> projectProviders
+    IEnumerable<IProjectProvider> projectProviders,
+    ILogger<FwLiteProvider> logger
 ) : IDisposable
 {
     public const string OverrideServiceFunctionName = "setOverrideService";
@@ -51,16 +54,20 @@ public object GetService(DotnetService service)
         };
     }
 
-    public async Task SetService(IJSRuntime jsRuntime, DotnetService service, object? serviceInstance)
+    public async Task<IDisposable?> SetService(IJSRuntime jsRuntime, DotnetService service, object? serviceInstance)
     {
         DotNetObjectReference<object>? reference = null;
         if (serviceInstance is not null)
         {
             reference = DotNetObjectReference.Create(serviceInstance);
-            _disposables.Add(reference);
+        }
+        else
+        {
+            logger.LogInformation("Clearing Service {Service}", service);
         }
 
         await jsRuntime.InvokeVoidAsync(OverrideServiceFunctionName, service.ToString(), reference);
+        return reference;
     }
 
     public async Task<IAsyncDisposable> InjectCrdtProject(IJSRuntime jsRuntime,
@@ -75,11 +82,12 @@ public async Task<IAsyncDisposable> InjectCrdtProject(IJSRuntime jsRuntime,
             _ = jsRuntime.InvokeVoidAsync("notifyEntryUpdated", projectName, entry);
         });
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices, project);
-        await SetService(jsRuntime,DotnetService.MiniLcmApi, service);
-        return Defer.Async(async () =>
+        var reference = await SetService(jsRuntime,DotnetService.MiniLcmApi, service);
+        return Defer.Async(() =>
         {
+            reference?.Dispose();
             entryUpdatedSubscription.Dispose();
-            await SetService(jsRuntime, DotnetService.MiniLcmApi, null);
+            return Task.CompletedTask;
         });
     }
 
@@ -89,8 +97,13 @@ public async Task<IAsyncDisposable> InjectFwDataProject(IJSRuntime jsRuntime, IS
         var project = FwDataProjectProvider.GetProject(projectName) ?? throw new InvalidOperationException($"FwData Project {projectName} not found");
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices,
             FwDataProjectProvider.OpenProject(project), project);
-        await SetService(jsRuntime, DotnetService.MiniLcmApi, service);
-        return Defer.Async(async () => await SetService(jsRuntime, DotnetService.MiniLcmApi, null));
+        var reference = await SetService(jsRuntime, DotnetService.MiniLcmApi, service);
+        return Defer.Async(() =>
+        {
+            reference?.Dispose();
+            service.Dispose();
+            return Task.CompletedTask;
+        });
     }
 }
 

From 32f7085d080d496cbb5ab7b28e854da0c823e8ed Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 14:24:54 +0700
Subject: [PATCH 068/108] update typegen

---
 .../FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs | 19 -------------------
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   |  3 +++
 .../Projects/ICombinedProjectsService.ts      |  2 +-
 .../Projects/IImportFwdataService.ts          |  4 ++--
 .../Services/IMiniLcmJsInvokable.ts           |  1 +
 .../generated-types/LcmCrdt/ICrdtProject.ts   | 10 +++++++---
 .../generated-types/LcmCrdt/IProjectData.ts   | 14 ++++++++++++++
 .../MiniLcm/Models/IProjectIdentifier.ts      | 13 +++++++++++++
 .../MiniLcm/Models/ProjectDataFormat.ts       | 10 ++++++++++
 9 files changed, 51 insertions(+), 25 deletions(-)
 delete mode 100644 backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/IProjectData.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IProjectIdentifier.ts
 create mode 100644 frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ProjectDataFormat.ts

diff --git a/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs b/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
deleted file mode 100644
index e7e02a342..000000000
--- a/backend/FwLite/FwLiteShared/TypeGen/FwLiteTypeGenSpec.cs
+++ /dev/null
@@ -1,19 +0,0 @@
-using FwLiteShared.Services;
-using MiniLcm;
-using MiniLcm.Models;
-
-namespace FwLiteShared.TypeGen;
-
-// public class FwLiteTypeGenSpec: GenerationSpec
-// {
-//     public FwLiteTypeGenSpec()
-//     {
-//         AddClass<IMiniLcmApi>();
-//         AddInterface<FwLiteProvider>();
-//     }
-//
-//     public override void OnBeforeGeneration(OnBeforeGenerationArgs args)
-//     {
-//         args.GeneratorOptions.CustomTypeMappings.Add(typeof(WritingSystemId).FullName!, "string");
-//     }
-// }
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index 5cb51dcf3..f2ab99bde 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -91,6 +91,9 @@ public static void Configure(ConfigurationBuilder builder)
         builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
         builder.ExportAsInterface<LexboxServer>().WithPublicProperties();
         builder.ExportAsInterface<CrdtProject>().WithPublicProperties();
+        builder.ExportAsInterface<ProjectData>().WithPublicProperties();
+        builder.ExportAsInterface<IProjectIdentifier>().WithPublicProperties();
+        builder.ExportAsEnum<ProjectDataFormat>();
     }
 
     private static void DisableEsLintChecks(ConfigurationBuilder builder)
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
index 63d1855ef..394a30ec6 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
@@ -10,7 +10,7 @@ import type {ILexboxServer} from '../Auth/ILexboxServer';
 export interface ICombinedProjectsService
 {
 	remoteProjects() : Promise<IServerProjects[]>;
-	localProjects() : Promise<IProjectModel[]>;
+	localProjects() : IProjectModel[];
 	downloadProject(lexboxProjectId: string, projectName: string, server: ILexboxServer) : Promise<void>;
 	createProject(name: string) : Promise<void>;
 }
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
index fd4818aa3..6af139aed 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService.ts
@@ -3,10 +3,10 @@
 //     Changes to this file may cause incorrect behavior and will be lost if
 //     the code is regenerated.
 
-import type {ICrdtProject} from '../../LcmCrdt/ICrdtProject';
+import type {IProjectIdentifier} from '../../MiniLcm/Models/IProjectIdentifier';
 
 export interface IImportFwdataService
 {
-	import(projectName: string) : Promise<ICrdtProject>;
+	import(projectName: string) : Promise<IProjectIdentifier>;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
index 2933e57b9..3a80ba807 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable.ts
@@ -57,5 +57,6 @@ export interface IMiniLcmJsInvokable
 	createExampleSentence(entryId: string, senseId: string, exampleSentence: IExampleSentence) : Promise<IExampleSentence>;
 	updateExampleSentence(entryId: string, senseId: string, before: IExampleSentence, after: IExampleSentence) : Promise<IExampleSentence>;
 	deleteExampleSentence(entryId: string, senseId: string, exampleSentenceId: string) : Promise<void>;
+	dispose() : Promise<void>;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts
index 165a1b1f1..872c80e55 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/ICrdtProject.ts
@@ -3,11 +3,15 @@
 //     Changes to this file may cause incorrect behavior and will be lost if
 //     the code is regenerated.
 
-export interface ICrdtProject
+import type {IProjectIdentifier} from '../MiniLcm/Models/IProjectIdentifier';
+import type {ProjectDataFormat} from '../MiniLcm/Models/ProjectDataFormat';
+import type {IProjectData} from './IProjectData';
+
+export interface ICrdtProject extends IProjectIdentifier
 {
 	name: string;
-	origin: string;
+	dataFormat: ProjectDataFormat;
 	dbPath: string;
-	data?: any;
+	data?: IProjectData;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/IProjectData.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/IProjectData.ts
new file mode 100644
index 000000000..034094462
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/LcmCrdt/IProjectData.ts
@@ -0,0 +1,14 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export interface IProjectData
+{
+	name: string;
+	id: string;
+	originDomain?: string;
+	clientId: string;
+	fwProjectId?: string;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IProjectIdentifier.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IProjectIdentifier.ts
new file mode 100644
index 000000000..640113a7a
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IProjectIdentifier.ts
@@ -0,0 +1,13 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+import type {ProjectDataFormat} from './ProjectDataFormat';
+
+export interface IProjectIdentifier
+{
+	name: string;
+	dataFormat: ProjectDataFormat;
+}
+/* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ProjectDataFormat.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ProjectDataFormat.ts
new file mode 100644
index 000000000..6bdd9b261
--- /dev/null
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/ProjectDataFormat.ts
@@ -0,0 +1,10 @@
+/* eslint-disable */
+//     This code was generated by a Reinforced.Typings tool.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+
+export enum ProjectDataFormat {
+	Harmony = 0,
+	FwData = 1
+}
+/* eslint-enable */

From c845a13f6a44a44bf6cf9fd9a0b1fc7bda025450 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 17:46:47 +0700
Subject: [PATCH 069/108] only enable fwdata bridge when building for windows

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 760c8556c..4b4797f5c 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -24,7 +24,7 @@
         <SelfContained>true</SelfContained>
         <EnableWindowsTargeting Condition="$([MSBuild]::IsOSPlatform('linux'))">true</EnableWindowsTargeting>
         <IncludeFwDataBridge>false</IncludeFwDataBridge>
-        <IncludeFwDataBridge Condition="$([MSBuild]::IsOSPlatform('windows'))">true</IncludeFwDataBridge>
+        <IncludeFwDataBridge Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">true</IncludeFwDataBridge>
         <DefineConstants Condition="$(IncludeFwDataBridge)">$(DefineConstants);INCLUDE_FWDATA_BRIDGE</DefineConstants>
 
 		<!-- controls display name in Package.appxmanifest -->

From 3c3a487a3e24c4835f936cd56629b93d8b5a7a70 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 17:59:12 +0700
Subject: [PATCH 070/108] use supportsFwData to determine if we show the
 fieldworks column

---
 .../FwLiteShared/Projects/CombinedProjectsService.cs       | 2 ++
 frontend/viewer/src/HomeView.svelte                        | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
index bbe626d57..556c97e9e 100644
--- a/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
+++ b/backend/FwLite/FwLiteShared/Projects/CombinedProjectsService.cs
@@ -22,6 +22,8 @@ public class CombinedProjectsService(LexboxProjectService lexboxProjectService,
 {
     private IProjectProvider? FwDataProjectProvider => projectProviders.FirstOrDefault(p => p.DataFormat == ProjectDataFormat.FwData);
     [JSInvokable]
+    public bool SupportsFwData() => FwDataProjectProvider is not null;
+    [JSInvokable]
     public async Task<ServerProjects[]> RemoteProjects()
     {
         var lexboxServers = lexboxProjectService.Servers();
diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index d855efed3..7f2fffbc0 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -96,7 +96,11 @@
 
 
   let serversStatus: IServerStatus[] = [];
-  onMount(async () => serversStatus = await authService.servers());
+  onMount(async () => {
+    supportsFwData = await projectsService.supportsFwData();
+    serversStatus = await authService.servers();
+  });
+  let supportsFwData = false;
 
   $: columns = [
     {
@@ -106,6 +110,7 @@
     {
       name: 'fwdata',
       header: 'FieldWorks',
+      hidden: !supportsFwData,
     },
     {
       name: 'crdt',

From bf4b63a6397479b6038a7a69bd594b76d48d3df0 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 18:01:06 +0700
Subject: [PATCH 071/108] introduce DurableInvoke helper which uses a method
 defined on window in index which will always be there, to call methods which
 might not always be there

---
 backend/FwLite/FwLiteDesktop/wwwroot/index.html       |  9 ++++++---
 backend/FwLite/FwLiteShared/JsInteropInvokeHelper.cs  | 11 +++++++++++
 backend/FwLite/FwLiteShared/Routes.razor              |  2 +-
 .../FwLite/FwLiteShared/Services/FwLiteProvider.cs    |  4 ++--
 backend/FwLite/LocalWebApp/Components/App.razor       | 10 ++++++++++
 5 files changed, 30 insertions(+), 6 deletions(-)
 create mode 100644 backend/FwLite/FwLiteShared/JsInteropInvokeHelper.cs

diff --git a/backend/FwLite/FwLiteDesktop/wwwroot/index.html b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
index cd909c837..7822cd2e9 100644
--- a/backend/FwLite/FwLiteDesktop/wwwroot/index.html
+++ b/backend/FwLite/FwLiteDesktop/wwwroot/index.html
@@ -7,10 +7,13 @@
     <base href="/" />
     <link rel="icon" type="image/png" href="_content/FwLiteShared/favicon.png"/>
     <script>
-        window.onBlazorNavigate = (path) => {
-            if ('svelteNavigate' in window) {
-                window.svelteNavigate(path);
+        window.invokeOnWindow = function (methodName, args) {
+            if (!(methodName in window)) {
+                //todo not sure how to handle this for now, maybe we wait until the app is ready?
+                console.error(`Method ${methodName} not found`);
+                return;
             }
+            window[methodName](...args);
         };
     </script>
 </head>
diff --git a/backend/FwLite/FwLiteShared/JsInteropInvokeHelper.cs b/backend/FwLite/FwLiteShared/JsInteropInvokeHelper.cs
new file mode 100644
index 000000000..2380fd9b4
--- /dev/null
+++ b/backend/FwLite/FwLiteShared/JsInteropInvokeHelper.cs
@@ -0,0 +1,11 @@
+using Microsoft.JSInterop;
+
+namespace FwLiteShared;
+
+public static class JsInteropInvokeHelper
+{
+    public static async ValueTask DurableInvokeVoidAsync(this IJSRuntime jsRuntime, string identifier, params object?[] args)
+    {
+        await jsRuntime.InvokeVoidAsync("invokeOnWindow", identifier, args);
+    }
+}
diff --git a/backend/FwLite/FwLiteShared/Routes.razor b/backend/FwLite/FwLiteShared/Routes.razor
index 2613ad901..00e759ac5 100644
--- a/backend/FwLite/FwLiteShared/Routes.razor
+++ b/backend/FwLite/FwLiteShared/Routes.razor
@@ -2,7 +2,7 @@
 @code {
     private async Task OnNavigateAsync(NavigationContext context)
     {
-        await jsRuntime.InvokeVoidAsync("onBlazorNavigate", context.Path);
+        await jsRuntime.DurableInvokeVoidAsync("svelteNavigate", context.Path);
     }
 }
 <Router AppAssembly="typeof(Layout.SvelteLayout).Assembly" OnNavigateAsync="OnNavigateAsync">
diff --git a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
index d7408d26b..cfd2ad81a 100644
--- a/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
+++ b/backend/FwLite/FwLiteShared/Services/FwLiteProvider.cs
@@ -66,7 +66,7 @@ public object GetService(DotnetService service)
             logger.LogInformation("Clearing Service {Service}", service);
         }
 
-        await jsRuntime.InvokeVoidAsync(OverrideServiceFunctionName, service.ToString(), reference);
+        await jsRuntime.DurableInvokeVoidAsync(OverrideServiceFunctionName, service.ToString(), reference);
         return reference;
     }
 
@@ -79,7 +79,7 @@ public async Task<IAsyncDisposable> InjectCrdtProject(IJSRuntime jsRuntime,
         await lexboxProjectService.ListenForProjectChanges(projectData, CancellationToken.None);
         var entryUpdatedSubscription = changeEventBus.OnProjectEntryUpdated(project).Subscribe(entry =>
         {
-            _ = jsRuntime.InvokeVoidAsync("notifyEntryUpdated", projectName, entry);
+            _ = jsRuntime.DurableInvokeVoidAsync("notifyEntryUpdated", projectName, entry);
         });
         var service = ActivatorUtilities.CreateInstance<MiniLcmJsInvokable>(scopedServices, project);
         var reference = await SetService(jsRuntime,DotnetService.MiniLcmApi, service);
diff --git a/backend/FwLite/LocalWebApp/Components/App.razor b/backend/FwLite/LocalWebApp/Components/App.razor
index 3e74742c0..61ad16ed7 100644
--- a/backend/FwLite/LocalWebApp/Components/App.razor
+++ b/backend/FwLite/LocalWebApp/Components/App.razor
@@ -7,6 +7,16 @@
     <base href="/"/>
     <link rel="icon" type="image/png" href="_content/FwLiteShared/favicon.png"/>
     <HeadOutlet @rendermode="InteractiveServer"/>
+    <script>
+        window.invokeOnWindow = function (methodName, args) {
+            if (!(methodName in window)) {
+                //todo not sure how to handle this for now, maybe we wait until the app is ready?
+                console.error(`Method ${methodName} not found`);
+                return;
+            }
+            window[methodName](...args);
+        };
+    </script>
 </head>
 
 <body>

From 0a6ec6053ffdeb2966b111abe9ba35d806ce38b5 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Wed, 18 Dec 2024 18:01:31 +0700
Subject: [PATCH 072/108] always export methods as promises when converting
 from c# to TS

---
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   | 65 ++++++++++---------
 .../Projects/ICombinedProjectsService.ts      |  3 +-
 2 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index f2ab99bde..e232e6534 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -52,41 +52,19 @@ public static void Configure(ConfigurationBuilder builder)
             ],
             exportBuilder => exportBuilder.WithPublicProperties());
         builder.ExportAsEnum<WritingSystemType>().UseString();
-        builder.ExportAsInterface<MiniLcmJsInvokable>().FlattenHierarchy().WithPublicProperties().WithPublicMethods(
-            exportBuilder =>
-            {
-                var isUpdatePatchMethod = exportBuilder.Member.GetParameters()
-                    .Any(p => p.ParameterType.IsGenericType && p.ParameterType.GetGenericTypeDefinition() == (typeof(UpdateObjectInput<>)));
-                if (isUpdatePatchMethod)
-                {
-                    exportBuilder.Ignore();
-                    return;
-                }
-                var isTaskMethod = (exportBuilder.Member.ReturnType.IsGenericType &&
-                                    (exportBuilder.Member.ReturnType.GetGenericTypeDefinition() == typeof(Task<>)
-                                     || exportBuilder.Member.ReturnType.GetGenericTypeDefinition() == typeof(ValueTask<>)))
-                    || exportBuilder.Member.ReturnType == typeof(Task)
-                    || exportBuilder.Member.ReturnType == typeof(ValueTask);
-                if (!isTaskMethod)
-                {
-                    if (exportBuilder.Member.ReturnType == typeof(void))
-                    {
-                        exportBuilder.Returns(typeof(Task));
-                    } else
-                    {
-                        exportBuilder.Returns(typeof(Task<>).MakeGenericType(exportBuilder.Member.ReturnType));
-                    }
-                }
-            });
+        builder.ExportAsInterface<MiniLcmJsInvokable>()
+            .FlattenHierarchy()
+            .WithPublicProperties()
+            .WithPublicMethods(b => b.AlwaysReturnPromise());
         builder.ExportAsEnum<SortField>().UseString();
         builder.ExportAsInterfaces([typeof(QueryOptions), typeof(SortOptions), typeof(ExemplarOptions)],
             exportBuilder => exportBuilder.WithProperties(BindingFlags.Public | BindingFlags.Instance));
 
         builder.ExportAsEnum<DotnetService>().UseString();
-        builder.ExportAsInterface<AuthService>().WithPublicMethods();
-        builder.ExportAsInterface<ImportFwdataService>().WithPublicMethods();
+        builder.ExportAsInterface<AuthService>().WithPublicMethods(b => b.AlwaysReturnPromise());
+        builder.ExportAsInterface<ImportFwdataService>().WithPublicMethods(b => b.AlwaysReturnPromise());
         builder.ExportAsInterface<ServerStatus>().WithPublicProperties();
-        builder.ExportAsInterface<CombinedProjectsService>().WithPublicMethods();
+        builder.ExportAsInterface<CombinedProjectsService>().WithPublicMethods(b => b.AlwaysReturnPromise());
         builder.ExportAsInterface<ProjectModel>().WithPublicProperties();
         builder.ExportAsInterface<ServerProjects>().WithPublicProperties();
         builder.ExportAsInterface<LexboxServer>().WithPublicProperties();
@@ -96,6 +74,35 @@ public static void Configure(ConfigurationBuilder builder)
         builder.ExportAsEnum<ProjectDataFormat>();
     }
 
+    private static void AlwaysReturnPromise(this MethodExportBuilder exportBuilder)
+    {
+        var isUpdatePatchMethod = exportBuilder.Member.GetParameters()
+            .Any(p => p.ParameterType.IsGenericType &&
+                      p.ParameterType.GetGenericTypeDefinition() == (typeof(UpdateObjectInput<>)));
+        if (isUpdatePatchMethod)
+        {
+            exportBuilder.Ignore();
+            return;
+        }
+
+        var isTaskMethod = (exportBuilder.Member.ReturnType.IsGenericType &&
+                            (exportBuilder.Member.ReturnType.GetGenericTypeDefinition() == typeof(Task<>)
+                             || exportBuilder.Member.ReturnType.GetGenericTypeDefinition() == typeof(ValueTask<>)))
+                           || exportBuilder.Member.ReturnType == typeof(Task)
+                           || exportBuilder.Member.ReturnType == typeof(ValueTask);
+        if (!isTaskMethod)
+        {
+            if (exportBuilder.Member.ReturnType == typeof(void))
+            {
+                exportBuilder.Returns(typeof(Task));
+            }
+            else
+            {
+                exportBuilder.Returns(typeof(Task<>).MakeGenericType(exportBuilder.Member.ReturnType));
+            }
+        }
+    }
+
     private static void DisableEsLintChecks(ConfigurationBuilder builder)
     {
         typeof(ExportContext).GetProperty(nameof(ExportContext.FileOperations))?.SetValue(builder.Context,
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
index 394a30ec6..e25259e2a 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Projects/ICombinedProjectsService.ts
@@ -9,8 +9,9 @@ import type {ILexboxServer} from '../Auth/ILexboxServer';
 
 export interface ICombinedProjectsService
 {
+	supportsFwData() : Promise<boolean>;
 	remoteProjects() : Promise<IServerProjects[]>;
-	localProjects() : IProjectModel[];
+	localProjects() : Promise<IProjectModel[]>;
 	downloadProject(lexboxProjectId: string, projectName: string, server: ILexboxServer) : Promise<void>;
 	createProject(name: string) : Promise<void>;
 }

From 599e6b5e1c6056636128b468ccd6236ac22c701b Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Wed, 18 Dec 2024 17:27:01 +0100
Subject: [PATCH 073/108] Replace remaining oklch colors

---
 frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte | 2 +-
 frontend/viewer/tailwind.config.cjs                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte b/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte
index 8cf46cbff..df27873af 100644
--- a/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte
+++ b/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte
@@ -30,6 +30,6 @@
 <style lang="postcss">
   .fancy-border {
     border: 1px solid;
-    border-image: radial-gradient(circle, oklch(var(--color-surface-content) / var(--tw-text-opacity)) 0%, oklch(var(--color-surface-content) / 20%) 100%) 1 0 1 0;
+    border-image: radial-gradient(circle, hsl(var(--color-surface-content) / var(--tw-text-opacity)) 0%, hsl(var(--color-surface-content) / 20%) 100%) 1 0 1 0;
   }
 </style>
diff --git a/frontend/viewer/tailwind.config.cjs b/frontend/viewer/tailwind.config.cjs
index bc5653344..7b22ec053 100644
--- a/frontend/viewer/tailwind.config.cjs
+++ b/frontend/viewer/tailwind.config.cjs
@@ -29,7 +29,7 @@ module.exports = {
         "secondary": "#D6E6FF",
         "accent": "#75d7ce",
         "neutral": "#70acc7",
-        "surface-100": "oklch(100% 0 0)",
+        "surface-100": "#ffffff",
         "surface-200": "#f4f5f6",
         "surface-300": "#d1d5db",
         "surface-content": "#394E6A",

From 1f526afa76c111e6ff22769a7315704ea64827c3 Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Wed, 18 Dec 2024 17:27:30 +0100
Subject: [PATCH 074/108] Add global error handling and tidy up error
 notifications

---
 frontend/viewer/src/App.svelte                        |  3 +++
 frontend/viewer/src/lib/errors/global-errors.ts       | 11 +++++++++++
 .../src/lib/notifications/NotificationOutlet.svelte   |  4 ++--
 .../viewer/src/lib/notifications/notifications.ts     |  4 ++--
 4 files changed, 18 insertions(+), 4 deletions(-)
 create mode 100644 frontend/viewer/src/lib/errors/global-errors.ts

diff --git a/frontend/viewer/src/App.svelte b/frontend/viewer/src/App.svelte
index 67d83859b..aa6beb691 100644
--- a/frontend/viewer/src/App.svelte
+++ b/frontend/viewer/src/App.svelte
@@ -14,6 +14,7 @@
   import Sandbox from './lib/sandbox/Sandbox.svelte';
   import {settings} from 'svelte-ux';
   import DotnetProjectView from './DotnetProjectView.svelte';
+  import {setupGlobalErrorHandlers} from '$lib/errors/global-errors';
 
   export let url = '';
 
@@ -45,6 +46,8 @@
     },
   });
   /* eslint-enable @typescript-eslint/naming-convention */
+
+  setupGlobalErrorHandlers();
 </script>
 
 <Router {url}>
diff --git a/frontend/viewer/src/lib/errors/global-errors.ts b/frontend/viewer/src/lib/errors/global-errors.ts
new file mode 100644
index 000000000..8f9aa4fb2
--- /dev/null
+++ b/frontend/viewer/src/lib/errors/global-errors.ts
@@ -0,0 +1,11 @@
+import {AppNotification} from '$lib/notifications/notifications';
+
+export function setupGlobalErrorHandlers() {
+  window.addEventListener('error', (event: ErrorEvent) => {
+    AppNotification.display(event.message, 'error', undefined);
+  });
+
+  window.addEventListener('unhandledrejection', (event: PromiseRejectionEvent) => {
+    AppNotification.display(event.reason as string, 'error', undefined);
+  });
+}
diff --git a/frontend/viewer/src/lib/notifications/NotificationOutlet.svelte b/frontend/viewer/src/lib/notifications/NotificationOutlet.svelte
index acdfaff52..59d9f32e4 100644
--- a/frontend/viewer/src/lib/notifications/NotificationOutlet.svelte
+++ b/frontend/viewer/src/lib/notifications/NotificationOutlet.svelte
@@ -13,8 +13,8 @@
 {#if $notifications.length}
 <div class="fixed bottom-0 z-50 flex flex-col gap-2 p-4 w-full overflow-y-auto">
   {#each $notifications as notification}
-    <div class="w-[400px] mx-auto">
-      <Notification open closeIcon actionsPlacement="inline">
+    <div class="min-w-[400px] mx-auto">
+      <Notification open closeIcon actionsPlacement="inline" classes={{title: 'max-h-[30vh] overflow-y-auto px-2 whitespace-break-spaces'}}>
         <div slot="icon">
           {#if notification.type === 'success'}
             <Icon path={mdiCheckCircleOutline} size="1.5rem" class="text-success"/>
diff --git a/frontend/viewer/src/lib/notifications/notifications.ts b/frontend/viewer/src/lib/notifications/notifications.ts
index 39711b883..5c961966a 100644
--- a/frontend/viewer/src/lib/notifications/notifications.ts
+++ b/frontend/viewer/src/lib/notifications/notifications.ts
@@ -11,10 +11,10 @@ export class AppNotification {
     return this._notifications;
   }
 
-  public static display(message: string, type: 'success' | 'error' | 'info' | 'warning', timeout: 'short' | 'long' | number = 'short') {
+  public static display(message: string, type: 'success' | 'error' | 'info' | 'warning', timeout?: 'short' | 'long' | number) {
     const notification = new AppNotification(message, type);
     this._notifications.update(notifications => [...notifications, notification]);
-    if (timeout === -1) return;
+    if (!timeout || typeof timeout === 'number' && timeout <= 0) return;
     if (typeof timeout === 'string') {
       timeout = timeout === 'short' ? 5000 : 30000;
     }

From a47095e069685969348eacff23e670bf5f0d9516 Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Wed, 18 Dec 2024 17:28:21 +0100
Subject: [PATCH 075/108] Explicitly empty viewer app out dir to prevent
 unexpected residue

---
 frontend/viewer/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/viewer/package.json b/frontend/viewer/package.json
index f25291346..759388e03 100644
--- a/frontend/viewer/package.json
+++ b/frontend/viewer/package.json
@@ -19,7 +19,7 @@
     "dev": "vite build -m web-component --watch",
     "lexbox-dev": "vite build -m web-component",
     "build": "vite build -m web-component",
-    "build-app": "vite build",
+    "build-app": "vite build --emptyOutDir",
     "preview": "vite preview",
     "test": "vitest run",
     "test:ui": "vitest --ui",

From 17a7bedb70bf19528f9ff38312e169b4ef877182 Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Wed, 18 Dec 2024 17:32:31 +0100
Subject: [PATCH 076/108] Add finally blocks to home view actions

---
 frontend/viewer/src/HomeView.svelte | 51 +++++++++++++++++++----------
 1 file changed, 33 insertions(+), 18 deletions(-)

diff --git a/frontend/viewer/src/HomeView.svelte b/frontend/viewer/src/HomeView.svelte
index 7f2fffbc0..21a6497df 100644
--- a/frontend/viewer/src/HomeView.svelte
+++ b/frontend/viewer/src/HomeView.svelte
@@ -37,9 +37,12 @@
   async function importFwDataProject(name: string) {
     if (importing) return;
     importing = name;
-    await importFwdataService.import(name);
-    await refreshProjects();
-    importing = '';
+    try {
+      await importFwdataService.import(name);
+      await refreshProjects();
+    } finally {
+      importing = '';
+    }
   }
 
   let downloading = '';
@@ -47,9 +50,12 @@
   async function downloadCrdtProject(project: Project, server: ILexboxServer) {
     downloading = project.name;
     if (project.id == null) throw new Error('Project id is null');
-    await projectsService.downloadProject(project.id, project.name, server);
-    await refreshProjects();
-    downloading = '';
+    try {
+      await projectsService.downloadProject(project.id, project.name, server);
+      await refreshProjects();
+    } finally {
+      downloading = '';
+    }
   }
 
   let projectsPromise = projectsService.localProjects().then(p => projects = p);
@@ -65,11 +71,14 @@
   let loadingRemoteProjects = false;
   async function fetchRemoteProjects(): Promise<void> {
     loadingRemoteProjects = true;
-    let result = await projectsService.remoteProjects();
-    for (let serverProjects of result) {
-      remoteProjects[serverProjects.server.authority] = serverProjects.projects;
+    try {
+      let result = await projectsService.remoteProjects();
+      for (let serverProjects of result) {
+        remoteProjects[serverProjects.server.authority] = serverProjects.projects;
+      }
+    } finally {
+      loadingRemoteProjects = false;
     }
-    loadingRemoteProjects = false;
   }
 
   fetchRemoteProjects().catch((error) => {
@@ -80,18 +89,24 @@
   let loadingServer: string = '';
   async function login(server: ILexboxServer) {
     loadingServer = server.authority;
-    await authService.signInWebView(server);
-    await fetchRemoteProjects();
-    serversStatus = await authService.servers();
-    loadingServer = '';
+    try {
+      await authService.signInWebView(server);
+      await fetchRemoteProjects();
+      serversStatus = await authService.servers();
+    } finally {
+      loadingServer = '';
+    }
   }
 
   async function logout(server: ILexboxServer) {
     loadingServer = server.authority;
-    await authService.logout(server);
-    await fetchRemoteProjects();
-    serversStatus = await authService.servers();
-    loadingServer = '';
+    try {
+      await authService.logout(server);
+      await fetchRemoteProjects();
+      serversStatus = await authService.servers();
+    } finally {
+      loadingServer = '';
+    }
   }
 
 

From 2df2affd492adf19322acfb0cd46122e23128091 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 10:53:49 +0700
Subject: [PATCH 077/108] fix compile error in test

---
 .../FwLite/FwLiteProjectSync.Tests/Fixtures/SyncFixture.cs   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/SyncFixture.cs b/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/SyncFixture.cs
index 7a1279ba1..96f8b758f 100644
--- a/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/SyncFixture.cs
+++ b/backend/FwLite/FwLiteProjectSync.Tests/Fixtures/SyncFixture.cs
@@ -41,9 +41,10 @@ public async Task InitializeAsync()
             .ProjectsFolder;
         if (Path.Exists(projectsFolder)) Directory.Delete(projectsFolder, true);
         Directory.CreateDirectory(projectsFolder);
+        var fwDataProject = new FwDataProject(_projectName, projectsFolder);
         _services.ServiceProvider.GetRequiredService<IProjectLoader>()
-            .NewProject(new FwDataProject(_projectName, projectsFolder), "en", "en");
-        FwDataApi = _services.ServiceProvider.GetRequiredService<FwDataFactory>().GetFwDataMiniLcmApi(_projectName, false);
+            .NewProject(fwDataProject, "en", "en");
+        FwDataApi = _services.ServiceProvider.GetRequiredService<FwDataFactory>().GetFwDataMiniLcmApi(fwDataProject, false);
 
         var crdtProjectsFolder =
             _services.ServiceProvider.GetRequiredService<IOptions<LcmCrdtConfig>>().Value.ProjectPath;

From a5f1aa1f374fdf7759aad0974b41bfa5af8f3f0e Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 10:54:02 +0700
Subject: [PATCH 078/108] don't always copy Mercurial stuff

---
 .../FwLiteProjectSync.Tests/FwLiteProjectSync.Tests.csproj    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/FwLite/FwLiteProjectSync.Tests/FwLiteProjectSync.Tests.csproj b/backend/FwLite/FwLiteProjectSync.Tests/FwLiteProjectSync.Tests.csproj
index abe85567f..ae185c9c2 100644
--- a/backend/FwLite/FwLiteProjectSync.Tests/FwLiteProjectSync.Tests.csproj
+++ b/backend/FwLite/FwLiteProjectSync.Tests/FwLiteProjectSync.Tests.csproj
@@ -44,8 +44,8 @@
         <!-- json files get imported by default in web projects, so exclude those here so they aren't imported again below -->
         <!-- TODO: Determine if this step is actually necessary -->
         <Content Remove="Mercurial\contrib\asv.conf.json"/>
-        <Content Include="Mercurial\**" CopyToOutputDirectory="Always" Watch="false" />
-        <Content Include="MercurialExtensions\**" CopyToOutputDirectory="Always" Watch="false" />
+        <Content Include="Mercurial\**" CopyToOutputDirectory="PreserveNewest" Watch="false" />
+        <Content Include="MercurialExtensions\**" CopyToOutputDirectory="PreserveNewest" Watch="false" />
     </ItemGroup>
 
 </Project>

From 21fc21f365b3f3dd6862233a6c35327b4afa7e5a Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 10:54:51 +0700
Subject: [PATCH 079/108] mark tests as slow

---
 backend/FwLite/FwLiteProjectSync.Tests/Sena3SyncTests.cs | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/backend/FwLite/FwLiteProjectSync.Tests/Sena3SyncTests.cs b/backend/FwLite/FwLiteProjectSync.Tests/Sena3SyncTests.cs
index 54e991041..80f10f643 100644
--- a/backend/FwLite/FwLiteProjectSync.Tests/Sena3SyncTests.cs
+++ b/backend/FwLite/FwLiteProjectSync.Tests/Sena3SyncTests.cs
@@ -103,6 +103,7 @@ public async Task DryRunSync_MakesNoChanges()
     }
 
     [Fact]
+    [Trait("Category", "Slow")]
     public async Task DryRunSync_MakesTheSameChangesAsSync()
     {
         //syncing requires querying entries, which fails if there are no writing systems, so we import those first
@@ -133,6 +134,7 @@ public async Task FirstSena3SyncJustDoesAnSync()
     }
 
     [Fact]
+    [Trait("Category", "Slow")]
     public async Task SyncWithoutImport_CrdtShouldMatchFwdata()
     {
         await BypassImport();

From aa5067cb555b5a8d8818db21b7920a00ca2daa71 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 11:03:40 +0700
Subject: [PATCH 080/108] keep `CurrentProjectService` scoped when running
 tests

---
 backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs b/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs
index ccce423b6..e0d4e4204 100644
--- a/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs
+++ b/backend/FwLite/LcmCrdt.Tests/LcmCrdtTestsKernel.cs
@@ -12,7 +12,7 @@ public static IServiceCollection AddTestLcmCrdtClient(this IServiceCollection se
         services.AddLcmCrdtClient();
         if (project is not null)
         {
-            services.AddSingleton<CurrentProjectService>(provider =>
+            services.AddScoped<CurrentProjectService>(provider =>
             {
                 var currentProjectService = ActivatorUtilities.CreateInstance<CurrentProjectService>(provider);
                 currentProjectService.SetupProjectContextForNewDb(project);

From 382cbd407f03d0a6b5859af8bb77c0e0dbd96f44 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 11:45:02 +0700
Subject: [PATCH 081/108] fix frontend build issue because viewer output file
 was renamed

---
 frontend/viewer/package.json   | 4 ++--
 frontend/viewer/vite.config.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/viewer/package.json b/frontend/viewer/package.json
index 759388e03..0c823a0c5 100644
--- a/frontend/viewer/package.json
+++ b/frontend/viewer/package.json
@@ -8,9 +8,9 @@
   },
   "version": "1.0.0",
   "type": "module",
-  "main": "dist-web-component/viewer.js",
+  "main": "dist-web-component/web-component.js",
   "exports": {
-    "./component": "./dist-web-component/viewer.js",
+    "./component": "./dist-web-component/web-component.js",
     "./lexbox-api": "./src/lib/services/lexbox-api.ts",
     "./service-provider": "./src/lib/services/service-provider.ts"
   },
diff --git a/frontend/viewer/vite.config.ts b/frontend/viewer/vite.config.ts
index d5da0c35a..f5756d8e9 100644
--- a/frontend/viewer/vite.config.ts
+++ b/frontend/viewer/vite.config.ts
@@ -25,7 +25,7 @@ export default defineConfig(({ mode }) => {
           entryFileNames: '[name].js',
           chunkFileNames: '[name].js',
           assetFileNames: '[name][extname]',
-          manualChunks: {
+          manualChunks: webComponent ? {} : {
             'svelte-ux': ['svelte-ux'],
           },
         },

From f4149cb3a77561de6670bd51efd77cb58be0efdc Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 14:04:26 +0700
Subject: [PATCH 082/108] migrate away from types in viewer/lib/mini-lcm and
 use generated dotnet types instead

---
 .../Services/MiniLcmJsInvokable.cs            |   2 +-
 .../TypeGen/ReinforcedFwLiteTypingConfig.cs   |  18 +-
 .../[project_code]/viewer/+page.svelte        |   9 +-
 .../viewer/lfClassicLexboxApi.ts              |  77 ++----
 frontend/viewer/src/App.svelte                |   5 +
 frontend/viewer/src/ProjectView.svelte        |   7 +-
 frontend/viewer/src/TestProjectView.svelte    |   6 +-
 frontend/viewer/src/WebComponent.svelte       |   3 +-
 .../viewer/src/lib/DictionaryEntry.svelte     |   3 +-
 frontend/viewer/src/lib/Editor.svelte         |  10 +-
 frontend/viewer/src/lib/SyncConfig.svelte     | 102 --------
 .../viewer/src/lib/about/AboutDialog.svelte   |   5 +-
 frontend/viewer/src/lib/commands.ts           |   2 +-
 frontend/viewer/src/lib/complex-form-types.ts |  10 +-
 frontend/viewer/src/lib/config-data.ts        |   2 +-
 frontend/viewer/src/lib/config-types.ts       |  16 +-
 .../FwLiteShared/Services/IMiniLcmFeatures.ts |  10 +-
 .../MiniLcm/Models/IWritingSystem.ts          |   1 -
 frontend/viewer/src/lib/dotnet-types/index.ts |  17 ++
 frontend/viewer/src/lib/entry-data.ts         |  40 ++-
 .../entry-editor/EntryOrSensePicker.svelte    |   9 +-
 .../lib/entry-editor/NewEntryDialog.svelte    |   4 +-
 .../ComplexFormComponents.svelte              |   7 +-
 .../field-editors/ComplexFormTypes.svelte     |   6 +-
 .../field-editors/ComplexForms.svelte         |   7 +-
 .../field-editors/FieldEditor.svelte          |   4 +-
 .../field-editors/MultiFieldEditor.svelte     |   6 +-
 .../field-editors/SingleFieldEditor.svelte    |   2 +-
 .../entry-editor/inputs/CrdtTextField.svelte  |   2 +-
 .../object-editors/EntryEditor.svelte         |   8 +-
 .../object-editors/ExampleEditor.svelte       |   2 +-
 .../object-editors/SenseEditor.svelte         |   2 +-
 .../Lexbox.ClientServer.Hubs.ts               |   8 +-
 .../TypedSignalR.Client/index.ts              | 240 ++++++++++++------
 .../viewer/src/lib/in-memory-api-service.ts   | 178 +++++++++----
 .../lib/layout/DictionaryEntryViewer.svelte   |   2 +-
 .../viewer/src/lib/layout/EntryList.svelte    |   2 +-
 frontend/viewer/src/lib/layout/Toc.svelte     |   2 +-
 .../src/lib/layout/ViewOptionsDrawer.svelte   |   4 -
 .../lib/mini-lcm/complex-form-component.ts    |  13 -
 .../src/lib/mini-lcm/complex-form-type.ts     |   6 -
 frontend/viewer/src/lib/mini-lcm/entry.ts     |  26 --
 .../src/lib/mini-lcm/example-sentence.ts      |  19 --
 .../lib/mini-lcm/i-complex-form-component.ts  |  13 -
 frontend/viewer/src/lib/mini-lcm/i-entry.ts   |  21 --
 .../src/lib/mini-lcm/i-example-sentence.ts    |  13 -
 .../viewer/src/lib/mini-lcm/i-multi-string.ts |   1 -
 frontend/viewer/src/lib/mini-lcm/i-sense.ts   |  17 --
 frontend/viewer/src/lib/mini-lcm/index.ts     |  20 --
 .../viewer/src/lib/mini-lcm/multi-string.ts   |  10 -
 .../viewer/src/lib/mini-lcm/part-of-speech.ts |   7 -
 .../viewer/src/lib/mini-lcm/query-options.ts  |  21 --
 .../src/lib/mini-lcm/semantic-domain.ts       |   8 -
 frontend/viewer/src/lib/mini-lcm/sense.ts     |  23 --
 .../viewer/src/lib/mini-lcm/writing-system.ts |  19 --
 .../src/lib/mini-lcm/writing-systems.ts       |  11 -
 frontend/viewer/src/lib/parts-of-speech.ts    |  12 +-
 .../viewer/src/lib/sandbox/Sandbox.svelte     |   3 +
 .../src/lib/search-bar/SearchBar.svelte       |  16 +-
 frontend/viewer/src/lib/semantic-domains.ts   |  10 +-
 frontend/viewer/src/lib/services/event-bus.ts |   8 +-
 .../src/lib/services/history-service.ts       |   2 +-
 .../viewer/src/lib/services/lexbox-api.ts     |  83 +++---
 .../src/lib/services/projects-service.ts      |  20 +-
 .../lib/services/service-provider-signalr.ts  |  17 +-
 frontend/viewer/src/lib/utils.ts              |  17 +-
 frontend/viewer/src/lib/writing-systems.ts    |   8 +-
 67 files changed, 569 insertions(+), 715 deletions(-)
 delete mode 100644 frontend/viewer/src/lib/SyncConfig.svelte
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/complex-form-component.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/complex-form-type.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/entry.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/example-sentence.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/i-complex-form-component.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/i-entry.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/i-example-sentence.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/i-multi-string.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/i-sense.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/index.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/multi-string.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/part-of-speech.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/query-options.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/semantic-domain.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/sense.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/writing-system.ts
 delete mode 100644 frontend/viewer/src/lib/mini-lcm/writing-systems.ts

diff --git a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
index 7a8038f8b..6e89e6ecc 100644
--- a/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
+++ b/backend/FwLite/FwLiteShared/Services/MiniLcmJsInvokable.cs
@@ -12,7 +12,7 @@ internal class MiniLcmJsInvokable(
     IProjectIdentifier project) : IDisposable
 {
 
-    public record MiniLcmFeatures(bool History, bool Write, bool OpenWithFlex, bool Feedback, bool Sync);
+    public record MiniLcmFeatures(bool? History, bool? Write, bool? OpenWithFlex, bool? Feedback, bool? Sync);
     private bool SupportsSync => project.DataFormat == ProjectDataFormat.Harmony && api is CrdtMiniLcmApi;
     [JSInvokable]
     public MiniLcmFeatures SupportedFeatures()
diff --git a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
index e232e6534..13e805cd4 100644
--- a/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
+++ b/backend/FwLite/FwLiteShared/TypeGen/ReinforcedFwLiteTypingConfig.cs
@@ -37,9 +37,15 @@ public static void Configure(ConfigurationBuilder builder)
             From = "$lib/dotnet-types/i-multi-string",
             Target = "type {IMultiString}"
         }]);
+        builder.ExportAsInterface<Sense>().WithPublicNonStaticProperties(exportBuilder =>
+        {
+            if (exportBuilder.Member.Name == nameof(Sense.Order))
+            {
+                exportBuilder.Ignore();
+            }
+        });
         builder.ExportAsInterfaces([
                 typeof(Entry),
-                typeof(Sense),
                 typeof(ExampleSentence),
                 typeof(WritingSystem),
                 typeof(WritingSystems),
@@ -50,7 +56,7 @@ public static void Configure(ConfigurationBuilder builder)
 
                 typeof(MiniLcmJsInvokable.MiniLcmFeatures),
             ],
-            exportBuilder => exportBuilder.WithPublicProperties());
+            exportBuilder => exportBuilder.WithPublicNonStaticProperties());
         builder.ExportAsEnum<WritingSystemType>().UseString();
         builder.ExportAsInterface<MiniLcmJsInvokable>()
             .FlattenHierarchy()
@@ -58,7 +64,7 @@ public static void Configure(ConfigurationBuilder builder)
             .WithPublicMethods(b => b.AlwaysReturnPromise());
         builder.ExportAsEnum<SortField>().UseString();
         builder.ExportAsInterfaces([typeof(QueryOptions), typeof(SortOptions), typeof(ExemplarOptions)],
-            exportBuilder => exportBuilder.WithProperties(BindingFlags.Public | BindingFlags.Instance));
+            exportBuilder => exportBuilder.WithPublicNonStaticProperties());
 
         builder.ExportAsEnum<DotnetService>().UseString();
         builder.ExportAsInterface<AuthService>().WithPublicMethods(b => b.AlwaysReturnPromise());
@@ -103,6 +109,12 @@ private static void AlwaysReturnPromise(this MethodExportBuilder exportBuilder)
         }
     }
 
+    private static T WithPublicNonStaticProperties<T>(this T tc, Action<PropertyExportBuilder>? configuration = null)
+        where T : ClassOrInterfaceExportBuilder
+    {
+        return tc.WithProperties(BindingFlags.Public | BindingFlags.Instance, configuration);
+    }
+
     private static void DisableEsLintChecks(ConfigurationBuilder builder)
     {
         typeof(ExportContext).GetProperty(nameof(ExportContext.FileOperations))?.SetValue(builder.Context,
diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
index 5433b0f72..a8aa8b694 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
@@ -1,21 +1,18 @@
 <script lang="ts">
   import 'viewer/component';
-  import {LexboxService} from 'viewer/service-provider';
   import {LfClassicLexboxApi} from './lfClassicLexboxApi';
   import type {PageData} from './$types';
   import t from '$lib/i18n';
-  import { derived } from 'svelte/store';
 
   export let data: PageData;
   $: project = data.project;
 
-  const about = derived(t, ($t) => $t('viewer.about'));
   const serviceProvider = window.lexbox.ServiceProvider;
   let service: LfClassicLexboxApi;
   $: {
     if (serviceProvider) {
-      let localService = new LfClassicLexboxApi($project.code, about);
-      serviceProvider.setService(LexboxService.LexboxApi, localService);
+      let localService = new LfClassicLexboxApi($project.code);
+      serviceProvider.setService('MiniLcmApi', localService);
       service = localService;
     }
   }
@@ -23,6 +20,6 @@
 </script>
 {#if service}
   {#key service}
-    <lexbox-svelte projectName={$project.name}></lexbox-svelte>
+    <lexbox-svelte projectName={$project.name} about={$t('viewer.about')}></lexbox-svelte>
   {/key}
 {/if}
diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
index fca833cb2..e6f32ef21 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
@@ -1,19 +1,17 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 
 import type {
-  ComplexFormType,
+  IComplexFormType,
   IEntry,
   IExampleSentence,
   ISense,
-  JsonPatch,
   LexboxApiClient,
-  LexboxApiFeatures,
-  PartOfSpeech,
-  QueryOptions,
-  SemanticDomain,
-  WritingSystem,
+  IPartOfSpeech,
+  IQueryOptions,
+  ISemanticDomain,
+  IWritingSystem,
   WritingSystemType,
-  WritingSystems,
+  IWritingSystems,
 } from 'viewer/lexbox-api';
 
 import type {Readable} from 'svelte/store';
@@ -31,29 +29,22 @@ function prepareEntriesForUi(entries: IEntry[]): void {
   });
 }
 
-function preparePartsOfSpeedForUi(partsOfSpeech: PartOfSpeech[]): void {
+function preparePartsOfSpeedForUi(partsOfSpeech: IPartOfSpeech[]): void {
   partsOfSpeech.forEach(pos => {
     pos.id = pos.name['__key'];
   });
 }
 
 export class LfClassicLexboxApi implements LexboxApiClient {
-  constructor(private projectCode: string, private aboutMarkdown: Readable<string>) {
+  constructor(private projectCode: string) {
   }
 
-  SupportedFeatures(): LexboxApiFeatures {
-    return {
-      feedback: true,
-      about: this.aboutMarkdown,
-    };
-  }
-
-  async GetWritingSystems(): Promise<WritingSystems> {
+  async getWritingSystems(): Promise<IWritingSystems> {
     const result = await fetch(`/api/lfclassic/${this.projectCode}/writingSystems`);
-    return (await result.json()) as WritingSystems;
+    return (await result.json()) as IWritingSystems;
   }
 
-  async GetEntries(_options: QueryOptions | undefined): Promise<IEntry[]> {
+  async getEntries(_options: IQueryOptions | undefined): Promise<IEntry[]> {
     //todo pass query options into query
     const result = await fetch(`/api/lfclassic/${this.projectCode}/entries${this.toQueryParams(_options)}`);
     const entries = (await result.json()) as IEntry[];
@@ -61,7 +52,7 @@ export class LfClassicLexboxApi implements LexboxApiClient {
     return entries;
   }
 
-  async SearchEntries(_query: string, _options: QueryOptions | undefined): Promise<IEntry[]> {
+  async searchEntries(_query: string, _options: IQueryOptions | undefined): Promise<IEntry[]> {
     //todo pass query options into query
     const result = await fetch(`/api/lfclassic/${this.projectCode}/entries/${encodeURIComponent(_query)}${this.toQueryParams(_options)}`);
     const entries = (await result.json()) as IEntry[];
@@ -69,7 +60,7 @@ export class LfClassicLexboxApi implements LexboxApiClient {
     return entries;
   }
 
-  private toQueryParams(options: QueryOptions | undefined): string {
+  private toQueryParams(options: IQueryOptions | undefined): string {
 
     if (!options) return '';
     /* eslint-disable @typescript-eslint/no-unsafe-assignment */
@@ -89,70 +80,54 @@ export class LfClassicLexboxApi implements LexboxApiClient {
     return '?' + params.toString();
   }
 
-  async GetPartsOfSpeech(): Promise<PartOfSpeech[]> {
+  async getPartsOfSpeech(): Promise<IPartOfSpeech[]> {
     const result = await fetch(`/api/lfclassic/${this.projectCode}/parts-of-speech`);
-    const partsOfSpeech = (await result.json()) as PartOfSpeech[];
+    const partsOfSpeech = (await result.json()) as IPartOfSpeech[];
     preparePartsOfSpeedForUi(partsOfSpeech);
     return partsOfSpeech;
   }
 
-  GetSemanticDomains(): Promise<SemanticDomain[]> {
+  getSemanticDomains(): Promise<ISemanticDomain[]> {
     return Promise.resolve(SEMANTIC_DOMAINS_EN);
   }
 
-  GetComplexFormTypes(): Promise<ComplexFormType[]> {
+  getComplexFormTypes(): Promise<IComplexFormType[]> {
     return Promise.resolve([]);
   }
 
-  CreateWritingSystem(_type: WritingSystemType, _writingSystem: WritingSystem): Promise<void> {
-    throw new Error('Method not implemented.');
-  }
-
-  UpdateWritingSystem(_wsId: string, _type: WritingSystemType, _update: JsonPatch): Promise<WritingSystem> {
-    throw new Error('Method not implemented.');
-  }
-
-  GetEntry(_guid: string): Promise<IEntry> {
-    throw new Error('Method not implemented.');
-  }
-
-  CreateEntry(_entry: IEntry): Promise<IEntry> {
-    throw new Error('Method not implemented.');
-  }
-
-  UpdateEntry(_before: IEntry, _after: IEntry): Promise<IEntry> {
+  createWritingSystem(_type: WritingSystemType, _writingSystem: IWritingSystem): Promise<void> {
     throw new Error('Method not implemented.');
   }
 
-  CreateSense(_entryGuid: string, _sense: ISense): Promise<ISense> {
+  getEntry(_guid: string): Promise<IEntry> {
     throw new Error('Method not implemented.');
   }
 
-  UpdateSense(_entryGuid: string, _senseGuid: string, _update: JsonPatch): Promise<ISense> {
+  createEntry(_entry: IEntry): Promise<IEntry> {
     throw new Error('Method not implemented.');
   }
 
-  CreateExampleSentence(_entryGuid: string, _senseGuid: string, _exampleSentence: IExampleSentence): Promise<IExampleSentence> {
+  updateEntry(_before: IEntry, _after: IEntry): Promise<IEntry> {
     throw new Error('Method not implemented.');
   }
 
-  UpdateExampleSentence(_entryGuid: string, _senseGuid: string, _exampleSentenceGuid: string, _update: JsonPatch): Promise<IExampleSentence> {
+  createSense(_entryGuid: string, _sense: ISense): Promise<ISense> {
     throw new Error('Method not implemented.');
   }
 
-  GetExemplars(): Promise<string[]> {
+  createExampleSentence(_entryGuid: string, _senseGuid: string, _exampleSentence: IExampleSentence): Promise<IExampleSentence> {
     throw new Error('Method not implemented.');
   }
 
-  DeleteEntry(_guid: string): Promise<void> {
+  deleteEntry(_guid: string): Promise<void> {
     throw new Error('Method not implemented.');
   }
 
-  DeleteSense(_entryGuid: string, _senseGuid: string): Promise<void> {
+  deleteSense(_entryGuid: string, _senseGuid: string): Promise<void> {
     throw new Error('Method not implemented.');
   }
 
-  DeleteExampleSentence(_entryGuid: string, _senseGuid: string, _exampleSentenceGuid: string): Promise<void> {
+  deleteExampleSentence(_entryGuid: string, _senseGuid: string, _exampleSentenceGuid: string): Promise<void> {
     throw new Error('Method not implemented.');
   }
 
diff --git a/frontend/viewer/src/App.svelte b/frontend/viewer/src/App.svelte
index aa6beb691..42694a135 100644
--- a/frontend/viewer/src/App.svelte
+++ b/frontend/viewer/src/App.svelte
@@ -1,5 +1,10 @@
 <script lang="ts" context="module">
   import {navigate} from 'svelte-routing';
+  declare global {
+    interface Window {
+      svelteNavigate: (to: string) => void;
+    }
+  }
   window.svelteNavigate =  (to: string) => {
    console.log('svelteNavigate', to);
    navigate(to, {replace: true});
diff --git a/frontend/viewer/src/ProjectView.svelte b/frontend/viewer/src/ProjectView.svelte
index a5412d124..a1384f878 100644
--- a/frontend/viewer/src/ProjectView.svelte
+++ b/frontend/viewer/src/ProjectView.svelte
@@ -12,7 +12,7 @@
   import {navigate, useLocation} from 'svelte-routing';
   import {headword} from './lib/utils';
   import {useLexboxApi} from './lib/services/service-provider';
-  import type {IEntry} from './lib/mini-lcm';
+  import type {IEntry} from './lib/dotnet-types';
   import {onDestroy, onMount, setContext} from 'svelte';
   import {derived, type Readable, writable} from 'svelte/store';
   import {deriveAsync} from './lib/utils/time';
@@ -41,6 +41,7 @@
   import {SortField} from '$lib/dotnet-types/generated-types/MiniLcm/SortField';
 
   export let loading = false;
+  export let about: string | undefined;
 
   const changeEventBus = useEventBus();
   onDestroy(changeEventBus.onEntryUpdated(updatedEntry => {
@@ -328,8 +329,8 @@
       {#if $features.history}
         <ActivityView {projectName}/>
       {/if}
-      {#if $features.about}
-        <AboutDialog text={$features.about} />
+      {#if about}
+        <AboutDialog text={about} />
       {/if}
       {#if $features.feedback}
         <Button
diff --git a/frontend/viewer/src/TestProjectView.svelte b/frontend/viewer/src/TestProjectView.svelte
index a982c6f48..4d8cb1a83 100644
--- a/frontend/viewer/src/TestProjectView.svelte
+++ b/frontend/viewer/src/TestProjectView.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
 import ProjectView from './ProjectView.svelte';
-import {InMemoryApiService} from './lib/in-memory-api-service';
-import {LexboxService} from './lib/services/service-provider';
+import {InMemoryApiService} from '$lib/in-memory-api-service';
+import {DotnetService} from '$lib/dotnet-types';
 
 const inMemoryLexboxApi = new InMemoryApiService();
-window.lexbox.ServiceProvider.setService(LexboxService.LexboxApi, inMemoryLexboxApi);
+window.lexbox.ServiceProvider.setService(DotnetService.MiniLcmApi, inMemoryLexboxApi);
 </script>
 <ProjectView projectName={inMemoryLexboxApi.projectName} isConnected />
diff --git a/frontend/viewer/src/WebComponent.svelte b/frontend/viewer/src/WebComponent.svelte
index 82fa73ada..0c281ac81 100644
--- a/frontend/viewer/src/WebComponent.svelte
+++ b/frontend/viewer/src/WebComponent.svelte
@@ -7,6 +7,7 @@
   let loading = true;
 
   export let projectName: string;
+  export let about: string | undefined;
 
   onMount(() => {
     const shadowRoot = document.querySelector('lexbox-svelte')?.shadowRoot;
@@ -43,5 +44,5 @@
 </svelte:element>
 
 <div class="app contents" class:dark={$currentTheme.dark}>
-  <ProjectView {projectName} isConnected {loading} showHomeButton={false} />
+  <ProjectView {projectName} isConnected {loading} showHomeButton={false} {about} />
 </div>
diff --git a/frontend/viewer/src/lib/DictionaryEntry.svelte b/frontend/viewer/src/lib/DictionaryEntry.svelte
index 939a539da..680024990 100644
--- a/frontend/viewer/src/lib/DictionaryEntry.svelte
+++ b/frontend/viewer/src/lib/DictionaryEntry.svelte
@@ -11,11 +11,10 @@
     'text-rose-500 dark:text-rose-400',
   ] as const;
 </script>
-
 <script lang="ts">
   import { derived } from 'svelte/store';
 
-  import type { IEntry } from './mini-lcm';
+  import type { IEntry } from '$lib/dotnet-types';
   import { headword } from './utils';
   import {useWritingSystems} from './writing-systems';
   import { usePartsOfSpeech } from './parts-of-speech';
diff --git a/frontend/viewer/src/lib/Editor.svelte b/frontend/viewer/src/lib/Editor.svelte
index 9e26781c6..dd7e0ea16 100644
--- a/frontend/viewer/src/lib/Editor.svelte
+++ b/frontend/viewer/src/lib/Editor.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type {IEntry, IExampleSentence, ISense} from './mini-lcm';
+  import type {IEntry, IExampleSentence, ISense} from '$lib/dotnet-types';
   import EntryEditor from './entry-editor/object-editors/EntryEditor.svelte';
   import {createEventDispatcher, getContext} from 'svelte';
   import {useLexboxApi} from './services/service-provider';
@@ -35,11 +35,11 @@
   async function onDelete(e: { entry: IEntry, sense?: ISense, example?: IExampleSentence }) {
     if (readonly) return;
     if (e.example !== undefined && e.sense !== undefined) {
-      await saveHandler(() => lexboxApi.DeleteExampleSentence(e.entry.id, e.sense!.id, e.example!.id));
+      await saveHandler(() => lexboxApi.deleteExampleSentence(e.entry.id, e.sense!.id, e.example!.id));
     } else if (e.sense !== undefined) {
-      await saveHandler(() => lexboxApi.DeleteSense(e.entry.id, e.sense!.id));
+      await saveHandler(() => lexboxApi.deleteSense(e.entry.id, e.sense!.id));
     } else {
-      await saveHandler(() => lexboxApi.DeleteEntry(e.entry.id));
+      await saveHandler(() => lexboxApi.deleteEntry(e.entry.id));
       dispatch('delete', {entry: e.entry});
       return;
     }
@@ -49,7 +49,7 @@
   async function updateEntry(updatedEntry: IEntry) {
     if (entry.id != updatedEntry.id) throw new Error('Entry id mismatch');
     console.debug('Updating entry', updatedEntry);
-    await saveHandler(() => lexboxApi.UpdateEntry(initialEntry, updatedEntry));
+    await saveHandler(() => lexboxApi.updateEntry(initialEntry, updatedEntry));
   }
 </script>
 
diff --git a/frontend/viewer/src/lib/SyncConfig.svelte b/frontend/viewer/src/lib/SyncConfig.svelte
deleted file mode 100644
index c53239c4e..000000000
--- a/frontend/viewer/src/lib/SyncConfig.svelte
+++ /dev/null
@@ -1,102 +0,0 @@
-<script lang="ts">
-
-  import {mdiBookArrowUpOutline, mdiBookSyncOutline} from '@mdi/js';
-  import {Button, SelectField} from 'svelte-ux';
-  import {writable} from 'svelte/store';
-  import {type ServerStatus} from './services/projects-service';
-  import {getContext} from 'svelte';
-  import {AppNotification} from './notifications/notifications';
-  import {useProjectsService} from './services/service-provider';
-
-  const projectsService = useProjectsService();
-  let projectName = getContext<string>('project-name');
-  const servers = writable<ServerStatus[]>([], set => {
-    projectsService.fetchServers().then(set)
-    .catch(error => {
-      console.error(`Failed to fetch servers`, error);
-      throw error;
-    });
-  });
-
-  let isUploaded = false;
-  let projectServer = writable<string | null>(null, set => {
-    projectsService.getProjectServer(projectName).then(server => {
-      isUploaded = !!server;
-      return server;
-    }).then(set)
-    .catch(error => {
-      console.error(`Failed to get project server for ${projectName}`, error);
-      throw error;
-    });
-  });
-  $: if (!$projectServer && $servers.length > 0) {
-    $projectServer = $servers[0].authority;
-  }
-  $: server = $servers.find((server) => server.authority === $projectServer) ?? {
-    displayName: 'Unknown',
-    authority: '',
-    loggedIn: false
-  };
-  let uploading = false;
-
-  let targetProjectId: string | null = null;
-  async function serverProjectsForUpload(serverAuthority: string) {
-    const remoteProjects = await projectsService.fetchRemoteProjects();
-    return remoteProjects[serverAuthority].filter(p => !p.crdt);
-  }
-
-  async function upload() {
-    if (!$projectServer) return;
-    if (!targetProjectId) return;
-    uploading = true;
-    //todo if not logged in then login
-    const success = await projectsService.uploadCrdtProject($projectServer, projectName, targetProjectId);
-    uploading = false;
-    if (success) isUploaded = true;
-  }
-</script>
-
-{#if $servers.length > 1 && !isUploaded}
-  <SelectField
-    label="Sync Server"
-    disabled={isUploaded}
-    options={($servers).map((server) => ({ value: server.authority, label: server.displayName, group: server.displayName }))}
-    bind:value={$projectServer}
-    classes={{root: 'view-select w-auto', options: 'view-select-options'}}
-    clearable={false}
-    labelPlacement="top"
-    clearSearchOnOpen={false}
-    fieldActions={(elem) => /* a hack to disable typing/filtering */ {elem.readOnly = true; return [];}}
-    search={() => /* a hack to always show all options */ Promise.resolve()}>
-  </SelectField>
-{:else if isUploaded && server.loggedIn}
-  <Button disabled color="success" icon={mdiBookSyncOutline} size="md">
-    Syncing with {server.displayName}
-  </Button>
-{/if}
-{#if $projectServer && !isUploaded && server.loggedIn}
-  {#await serverProjectsForUpload($projectServer)}
-    <div class="loading loading-dots loading-lg"></div>
-  {:then projects}
-    <SelectField
-      label="Target project"
-      options={(projects).map((p) => ({ value: p.id, label: p.name, group: p.name }))}
-      bind:value={targetProjectId}
-      classes={{root: 'view-select w-auto', options: 'view-select-options'}}
-      clearable={false}
-      labelPlacement="top"
-      clearSearchOnOpen={false}
-      fieldActions={(elem) => /* a hack to disable typing/filtering */ {elem.readOnly = true; return [];}}
-      search={() => /* a hack to always show all options */ Promise.resolve()}>
-    </SelectField>
-  {/await}
-  <Button variant="fill-light" color="primary" disabled={!targetProjectId} loading={uploading} on:click={upload} icon={mdiBookArrowUpOutline}>
-    Upload to {server.displayName}
-  </Button>
-{/if}
-{#if server && !server.loggedIn}
-  {#if isUploaded}
-    <span>Your login has expired to sync with {server.displayName}. Please login again.</span>
-  {/if}
-  <Button variant="fill" href="/api/auth/login/{server.authority}">Login</Button>
-{/if}
diff --git a/frontend/viewer/src/lib/about/AboutDialog.svelte b/frontend/viewer/src/lib/about/AboutDialog.svelte
index 24c651676..9199edecf 100644
--- a/frontend/viewer/src/lib/about/AboutDialog.svelte
+++ b/frontend/viewer/src/lib/about/AboutDialog.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
   import { mdiInformationVariantCircle } from '@mdi/js';
   import { Button, Dialog, Toggle } from 'svelte-ux';
-  import type { Readable } from 'svelte/store';
   import Markdown from 'svelte-exmarkdown';
   import NewTabLinkRenderer from './NewTabLinkRenderer.svelte';
   import { onMount } from 'svelte';
 
-  export let text: Readable<string>;
+  export let text: string;
 
   let toggle: Toggle;
 
@@ -26,7 +25,7 @@
   </Button>
   <Dialog {open} on:close={toggleOff} class="w-[700px]">
     <div class="m-6 prose">
-      <Markdown md={$text} plugins={[{ renderer: { a: NewTabLinkRenderer } }]} />
+      <Markdown md={text} plugins={[{ renderer: { a: NewTabLinkRenderer } }]} />
     </div>
     <div class="flex-grow"></div>
     <div slot="actions">
diff --git a/frontend/viewer/src/lib/commands.ts b/frontend/viewer/src/lib/commands.ts
index ce8811abb..950cf8c14 100644
--- a/frontend/viewer/src/lib/commands.ts
+++ b/frontend/viewer/src/lib/commands.ts
@@ -1,6 +1,6 @@
 import {getContext, setContext} from 'svelte';
 
-import type { IEntry } from './mini-lcm';
+import type { IEntry } from '$lib/dotnet-types';
 
 export type NewEntryDialogOptions = {
   dontNavigate?: true;
diff --git a/frontend/viewer/src/lib/complex-form-types.ts b/frontend/viewer/src/lib/complex-form-types.ts
index e13cb1778..f5e56516a 100644
--- a/frontend/viewer/src/lib/complex-form-types.ts
+++ b/frontend/viewer/src/lib/complex-form-types.ts
@@ -1,12 +1,12 @@
 import {derived, type Readable, type Writable, writable} from 'svelte/store';
-import type {ComplexFormType} from './mini-lcm';
+import type {IComplexFormType} from '$lib/dotnet-types';
 import {useLexboxApi} from './services/service-provider';
 
-let complexFormTypesStore: Writable<ComplexFormType[] | null> | null = null;
-export function useComplexFormTypes(): Readable<ComplexFormType[]> {
+let complexFormTypesStore: Writable<IComplexFormType[] | null> | null = null;
+export function useComplexFormTypes(): Readable<IComplexFormType[]> {
   if (complexFormTypesStore === null) {
-    complexFormTypesStore = writable<ComplexFormType[] | null>(null, (set) => {
-      useLexboxApi().GetComplexFormTypes().then(complexFormTypes => {
+    complexFormTypesStore = writable<IComplexFormType[] | null>(null, (set) => {
+      useLexboxApi().getComplexFormTypes().then(complexFormTypes => {
         set(complexFormTypes);
       }).catch(error => {
         console.error('Failed to load parts of speech', error);
diff --git a/frontend/viewer/src/lib/config-data.ts b/frontend/viewer/src/lib/config-data.ts
index 8cdf26032..5e2b0e71a 100644
--- a/frontend/viewer/src/lib/config-data.ts
+++ b/frontend/viewer/src/lib/config-data.ts
@@ -3,7 +3,7 @@ import type {
   CustomFieldConfig,
   FieldConfig,
 } from './config-types';
-import type { IEntry, IExampleSentence, ISense } from './mini-lcm';
+import type { IEntry, IExampleSentence, ISense } from '$lib/dotnet-types';
 
 import type { I18nType } from './i18n';
 import type { ConditionalPickDeep, ValueOf } from 'type-fest';
diff --git a/frontend/viewer/src/lib/config-types.ts b/frontend/viewer/src/lib/config-types.ts
index 3705a6a13..df8031ce0 100644
--- a/frontend/viewer/src/lib/config-types.ts
+++ b/frontend/viewer/src/lib/config-types.ts
@@ -1,7 +1,13 @@
-import type { IEntry, IExampleSentence, IMultiString, ISense, SemanticDomain } from './mini-lcm';
+import type {
+  IEntry,
+  IExampleSentence,
+  IMultiString,
+  ISense,
+  IMiniLcmFeatures,
+  ISemanticDomain
+} from '$lib/dotnet-types';
 
 import type { ConditionalKeys } from 'type-fest';
-import type { LexboxApiFeatures } from './services/lexbox-api';
 
 export type WritingSystemType = 'vernacular' | 'analysis';
 export type WritingSystemSelection = WritingSystemType | `first-${WritingSystemType}` | 'vernacular-analysis' | 'analysis-vernacular';
@@ -34,7 +40,7 @@ export type BaseEntityFieldConfig<T> = (({
   id: ConditionalKeys<T, IMultiString>;
 } | {
   type: 'single';
-  id: ConditionalKeys<T, string>;
+  id: ConditionalKeys<T, string | undefined>;
   ws: `first-${WritingSystemType}`;
 } | {
   type: 'option',
@@ -44,7 +50,7 @@ export type BaseEntityFieldConfig<T> = (({
 } | {
   type: `multi-option`;
   optionType: string;
-  id: ConditionalKeys<T, string[] | SemanticDomain[]>;
+  id: ConditionalKeys<T, string[] | ISemanticDomain[]>;
   ws: `first-${WritingSystemType}`;
 }) & BaseFieldConfig & {
   id: WellKnownFieldId
@@ -53,7 +59,7 @@ export type BaseEntityFieldConfig<T> = (({
 export type EntityFieldConfig = BaseEntityFieldConfig<IEntry> | BaseEntityFieldConfig<ISense> | BaseEntityFieldConfig<IExampleSentence>;
 export type FieldConfig = EntityFieldConfig | CustomFieldConfig;
 
-export type LexboxFeatures = LexboxApiFeatures;
+export type LexboxFeatures = IMiniLcmFeatures;
 
 export type LexboxPermissions = {
   write: boolean,
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts
index 2b0c27f0e..0d68af80f 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmFeatures.ts
@@ -5,10 +5,10 @@
 
 export interface IMiniLcmFeatures
 {
-	history: boolean;
-	write: boolean;
-	openWithFlex: boolean;
-	feedback: boolean;
-	sync: boolean;
+	history?: boolean;
+	write?: boolean;
+	openWithFlex?: boolean;
+	feedback?: boolean;
+	sync?: boolean;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts
index 63a63c9d2..af6182eff 100644
--- a/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts
+++ b/frontend/viewer/src/lib/dotnet-types/generated-types/MiniLcm/Models/IWritingSystem.ts
@@ -15,7 +15,6 @@ export interface IWritingSystem
 	deletedAt?: string;
 	type: WritingSystemType;
 	exemplars: string[];
-	latinExemplars: string[];
 	order: number;
 }
 /* eslint-enable */
diff --git a/frontend/viewer/src/lib/dotnet-types/index.ts b/frontend/viewer/src/lib/dotnet-types/index.ts
index b687d8908..1b69e4b09 100644
--- a/frontend/viewer/src/lib/dotnet-types/index.ts
+++ b/frontend/viewer/src/lib/dotnet-types/index.ts
@@ -5,3 +5,20 @@ export * from './generated-types/FwLiteShared/Projects/ICombinedProjectsService'
 export * from './generated-types/FwLiteShared/Projects/IProjectModel';
 export * from './generated-types/FwLiteShared/Projects/IServerProjects';
 export * from './generated-types/FwLiteShared/Services/DotnetService';
+export * from './generated-types/FwLiteShared/Services/IMiniLcmJsInvokable';
+export * from './generated-types/FwLiteShared/Services/IMiniLcmFeatures';
+export * from './generated-types/MiniLcm/Models/IComplexFormComponent';
+export * from './generated-types/MiniLcm/Models/IComplexFormType';
+export * from './generated-types/MiniLcm/Models/IEntry';
+export * from './generated-types/MiniLcm/Models/IExampleSentence';
+export * from './generated-types/MiniLcm/Models/ISense';
+export * from './generated-types/MiniLcm/Models/IWritingSystem';
+export * from './generated-types/MiniLcm/Models/WritingSystemType';
+export * from './generated-types/MiniLcm/Models/IWritingSystems';
+export * from './generated-types/MiniLcm/Models/IPartOfSpeech';
+export * from './generated-types/MiniLcm/Models/ISemanticDomain';
+export * from './generated-types/MiniLcm/IQueryOptions';
+export * from './generated-types/MiniLcm/ISortOptions';
+export * from './generated-types/MiniLcm/SortField';
+export * from './generated-types/MiniLcm/IExemplarOptions';
+export * from './i-multi-string';
diff --git a/frontend/viewer/src/lib/entry-data.ts b/frontend/viewer/src/lib/entry-data.ts
index 9b5eedbbe..e8e256c88 100644
--- a/frontend/viewer/src/lib/entry-data.ts
+++ b/frontend/viewer/src/lib/entry-data.ts
@@ -1,8 +1,8 @@
-import type { IEntry, WritingSystems } from './mini-lcm';
+import {type IEntry, type IWritingSystems, WritingSystemType} from '$lib/dotnet-types';
 
 export const projectName = 'Sena 3';
 
-export const writingSystems: WritingSystems = {
+export const writingSystems: IWritingSystems = {
   'analysis': [
     {
       'id': 'en',
@@ -10,7 +10,9 @@ export const writingSystems: WritingSystems = {
       'name': 'English',
       'abbreviation': 'Eng',
       'font': '???',
-      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
+      'type': WritingSystemType.Analysis,
+      'order': 0
     },
     {
       'id': 'pt',
@@ -18,7 +20,9 @@ export const writingSystems: WritingSystems = {
       'name': 'Portuguese',
       'abbreviation': 'Por',
       'font': '???',
-      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
+      'type': WritingSystemType.Vernacular,
+      'order': 1
     }
   ],
   'vernacular': [
@@ -28,7 +32,9 @@ export const writingSystems: WritingSystems = {
       'name': 'Sena',
       'abbreviation': 'Sen',
       'font': '???',
-      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
+      'type': WritingSystemType.Vernacular,
+      'order': 0
     },
     {
       'id': 'seh-fonipa-x-etic',
@@ -36,7 +42,9 @@ export const writingSystems: WritingSystems = {
       'name': 'Sena',
       'abbreviation': 'seh',
       'font': '???',
-      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+      'exemplars': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
+      'type': WritingSystemType.Vernacular,
+      'order': 1
     }
   ]
 };
@@ -51,40 +59,50 @@ export const _entries: IEntry[] = [
     'senses': [
       {
         'id': 'f53f0f28-3ec1-4051-b9a3-fafdca6209ce',
+        'entryId': '',
         'definition': { 'en': 'they', 'pt': 'eles' },
         'gloss': { 'en': '3P+2', 'pt': '3P+2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': 'e73d5de2-b5ec-4cc8-a679-7f7ca8f673f9',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': '04f6ebb2-31c2-4089-a9e8-68cc32b6d5d1',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': 'b2565e07-2e43-43cb-b533-247f100ac548',
+        'entryId': '',
         'definition': {}, 'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': '3360f2c7-1026-4558-a0fb-e9574aae16ee',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       }
@@ -99,40 +117,50 @@ export const _entries: IEntry[] = [
     'senses': [
       {
         'id': 'f53f0f29-3ec1-4051-b9a3-fafdca6209ce',
+        'entryId': '',
         'definition': { 'en': 'they', 'pt': 'eles' },
         'gloss': { 'en': '3P+2', 'pt': '3P+2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': 'e73d5de2-b5ec-4cc8-a679-8f7ca8f673f9',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': '04f6ebb2-31c2-4089-b9e8-68cc32b6d5d1',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       },
       {
         'id': 'b2565e07-2e43-43cb-c533-247f100ac548',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [], 'exampleSentences': []
       },
       {
         'id': '3360f2c7-1026-c558-a0fb-e9574aae16ee',
+        'entryId': '',
         'definition': {},
         'gloss': { 'en': '2', 'pt': '2' },
         'partOfSpeechId': 'e73d5de2-b5ec-4cc8-a679-af7ca8f673f9',
+        'partOfSpeech': '',
         'semanticDomains': [],
         'exampleSentences': []
       }
diff --git a/frontend/viewer/src/lib/entry-editor/EntryOrSensePicker.svelte b/frontend/viewer/src/lib/entry-editor/EntryOrSensePicker.svelte
index bfa7853f5..b7d7334cc 100644
--- a/frontend/viewer/src/lib/entry-editor/EntryOrSensePicker.svelte
+++ b/frontend/viewer/src/lib/entry-editor/EntryOrSensePicker.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-  import type { IEntry, ISense } from '../mini-lcm';
+  import type {IEntry, ISense} from '$lib/dotnet-types';
 
   export type EntrySenseSelection = {
     entry: IEntry;
@@ -17,6 +17,7 @@
   import { defaultSense, firstDef, firstGloss, glosses, headword, randomId } from '../utils';
   import { useProjectCommands } from '../commands';
   import type { SaveHandler } from '../services/save-event-service';
+  import {SortField} from '$lib/dotnet-types';
 
   const dispatch = createEventDispatcher<{
     pick: EntrySenseSelection;
@@ -46,10 +47,10 @@
   let addedEntries: IEntry[] = [];
   const { value: result, loading } = deriveAsync(search, async (s) => {
     if (!s) return Promise.resolve({ entries: [], search: undefined });
-    let entries = await lexboxApi.SearchEntries(s ?? '', {
+    let entries = await lexboxApi.searchEntries(s ?? '', {
       offset: 0,
       count: fetchCount,
-      order: {field: 'headword', writingSystem: 'default'},
+      order: {field: SortField.Headword, writingSystem: 'default', ascending: true},
     });
     return { entries, search: s};
   }, {entries: [], search: undefined}, 200);
@@ -76,7 +77,7 @@
 
   async function onClickAddSense(entry: IEntry): Promise<void> {
     const newSense = defaultSense(randomId());
-    const savedSense = await saveHandler(() => lexboxApi.CreateSense(entry.id, newSense));
+    const savedSense = await saveHandler(() => lexboxApi.createSense(entry.id, newSense));
     entry.senses = [...entry.senses, savedSense];
     selectedSense = savedSense;
     onPick();
diff --git a/frontend/viewer/src/lib/entry-editor/NewEntryDialog.svelte b/frontend/viewer/src/lib/entry-editor/NewEntryDialog.svelte
index a8526df16..a3a4c3720 100644
--- a/frontend/viewer/src/lib/entry-editor/NewEntryDialog.svelte
+++ b/frontend/viewer/src/lib/entry-editor/NewEntryDialog.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import {Toggle, Button, Dialog} from 'svelte-ux';
   import EntryEditor from './object-editors/EntryEditor.svelte';
-  import type {IEntry} from '../mini-lcm';
+  import type {IEntry} from '$lib/dotnet-types';
   import {useLexboxApi} from '../services/service-provider';
   import { mdiBookPlusOutline } from '@mdi/js';
   import { defaultEntry } from '../utils';
@@ -24,7 +24,7 @@
   async function createEntry(e: Event, closeDialog: () => void) {
     e.preventDefault();
     loading = true;
-    await saveHandler(() => lexboxApi.CreateEntry(entry));
+    await saveHandler(() => lexboxApi.createEntry(entry));
     dispatch('created', {entry});
     if (requester) {
       requester.resolve(entry);
diff --git a/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormComponents.svelte b/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormComponents.svelte
index 09bbb03a5..5aa439f11 100644
--- a/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormComponents.svelte
+++ b/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormComponents.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
   import FieldTitle from '../FieldTitle.svelte';
-  import { useCurrentView } from '../../services/view-service';
+  import { useCurrentView } from '$lib/services/view-service';
   import EntryOrSensePicker, { type EntrySenseSelection } from '../EntryOrSensePicker.svelte';
-  import { headword, randomId } from '../../utils';
+  import { headword, randomId } from '$lib/utils';
   import { createEventDispatcher } from 'svelte';
-  import type { IComplexFormComponent } from '../../mini-lcm/i-complex-form-component';
   import EntryOrSenseItemList from '../EntryOrSenseItemList.svelte';
   import { Button } from 'svelte-ux';
   import { mdiPlus } from '@mdi/js';
-  import type { IEntry, ISense } from '../../mini-lcm';
+  import type { IEntry, ISense, IComplexFormComponent } from '$lib/dotnet-types';
 
   const dispatch = createEventDispatcher<{
     change: { value: IComplexFormComponent[] };
diff --git a/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormTypes.svelte b/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormTypes.svelte
index e3fc74a55..2522f9109 100644
--- a/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormTypes.svelte
+++ b/frontend/viewer/src/lib/entry-editor/field-editors/ComplexFormTypes.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-  import {useComplexFormTypes} from '../../complex-form-types';
-  import type {ComplexFormType} from '../../mini-lcm';
+  import {useComplexFormTypes} from '$lib/complex-form-types';
+  import type {IComplexFormType} from '$lib/dotnet-types';
   import {pickBestAlternative} from '../../utils';
   import {useWritingSystems} from '../../writing-systems';
   import MultiOptionEditor from './MultiOptionEditor.svelte';
 
   export let id: string;
-  export let value: ComplexFormType[];
+  export let value: IComplexFormType[];
   export let readonly: boolean;
 
   const complexFormTypes = useComplexFormTypes();
diff --git a/frontend/viewer/src/lib/entry-editor/field-editors/ComplexForms.svelte b/frontend/viewer/src/lib/entry-editor/field-editors/ComplexForms.svelte
index 7c42dad63..9fbd748c0 100644
--- a/frontend/viewer/src/lib/entry-editor/field-editors/ComplexForms.svelte
+++ b/frontend/viewer/src/lib/entry-editor/field-editors/ComplexForms.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
   import FieldTitle from '../FieldTitle.svelte';
-  import { useCurrentView } from '../../services/view-service';
+  import { useCurrentView } from '$lib/services/view-service';
   import EntryOrSensePicker, { type EntrySenseSelection } from '../EntryOrSensePicker.svelte';
-  import { headword, randomId } from '../../utils';
+  import { headword, randomId } from '$lib/utils';
   import { createEventDispatcher } from 'svelte';
-  import type { IComplexFormComponent } from '../../mini-lcm/i-complex-form-component';
   import EntryOrSenseItemList from '../EntryOrSenseItemList.svelte';
   import { Button } from 'svelte-ux';
   import { mdiPlus } from '@mdi/js';
-  import type { IEntry } from '../../mini-lcm';
+  import type { IEntry, IComplexFormComponent } from '$lib/dotnet-types';
 
   const dispatch = createEventDispatcher<{
     change: { value: IComplexFormComponent[] };
diff --git a/frontend/viewer/src/lib/entry-editor/field-editors/FieldEditor.svelte b/frontend/viewer/src/lib/entry-editor/field-editors/FieldEditor.svelte
index 2871042c9..e09ac546b 100644
--- a/frontend/viewer/src/lib/entry-editor/field-editors/FieldEditor.svelte
+++ b/frontend/viewer/src/lib/entry-editor/field-editors/FieldEditor.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { MultiString } from '../../mini-lcm';
+  import type { IMultiString } from '$lib/dotnet-types';
   import type {FieldConfig, OptionFieldConfig} from '../../config-types';
   import SingleFieldEditor from './SingleFieldEditor.svelte';
   import MultiFieldEditor from './MultiFieldEditor.svelte';
@@ -20,7 +20,7 @@
     if (state.value !== value) value = state.value;
   }
 
-  function isMultiString(value: unknown): value is MultiString {
+  function isMultiString(value: unknown): value is IMultiString {
     return field.type === 'multi';
   }
   function isSingleString(value: unknown): value is string {
diff --git a/frontend/viewer/src/lib/entry-editor/field-editors/MultiFieldEditor.svelte b/frontend/viewer/src/lib/entry-editor/field-editors/MultiFieldEditor.svelte
index fbbb3b94a..6d729adb6 100644
--- a/frontend/viewer/src/lib/entry-editor/field-editors/MultiFieldEditor.svelte
+++ b/frontend/viewer/src/lib/entry-editor/field-editors/MultiFieldEditor.svelte
@@ -2,14 +2,14 @@
   import FieldTitle from '../FieldTitle.svelte';
   import CrdtTextField from '../inputs/CrdtTextField.svelte';
   import { createEventDispatcher } from 'svelte';
-  import type { MultiString } from '../../mini-lcm';
+  import type { IMultiString } from '$lib/dotnet-types';
   import type {WritingSystemSelection} from '../../config-types';
   import { pickWritingSystems } from '../../utils';
   import {useCurrentView} from '../../services/view-service';
   import {useWritingSystems} from '../../writing-systems';
 
   const dispatch = createEventDispatcher<{
-    change: { value: MultiString };
+    change: { value: IMultiString };
   }>();
 
   const allWritingSystems = useWritingSystems();
@@ -17,7 +17,7 @@
   export let id: string;
   export let name: string | undefined = undefined;
   export let wsType: WritingSystemSelection;
-  export let value: MultiString;
+  export let value: IMultiString;
   export let readonly: boolean = false;
 
   let unsavedChanges: Record<string, boolean> = {};
diff --git a/frontend/viewer/src/lib/entry-editor/field-editors/SingleFieldEditor.svelte b/frontend/viewer/src/lib/entry-editor/field-editors/SingleFieldEditor.svelte
index 1e4c4727c..4162060f6 100644
--- a/frontend/viewer/src/lib/entry-editor/field-editors/SingleFieldEditor.svelte
+++ b/frontend/viewer/src/lib/entry-editor/field-editors/SingleFieldEditor.svelte
@@ -9,7 +9,7 @@
   export let id: string;
   export let name: string | undefined = undefined;
   export let wsType: WritingSystemSelection;
-  export let value: string;
+  export let value: string | undefined;
   export let readonly: boolean;
   let currentView = useCurrentView();
 
diff --git a/frontend/viewer/src/lib/entry-editor/inputs/CrdtTextField.svelte b/frontend/viewer/src/lib/entry-editor/inputs/CrdtTextField.svelte
index d31bfd5be..0bd5798c1 100644
--- a/frontend/viewer/src/lib/entry-editor/inputs/CrdtTextField.svelte
+++ b/frontend/viewer/src/lib/entry-editor/inputs/CrdtTextField.svelte
@@ -3,7 +3,7 @@
   import CrdtField from './CrdtField.svelte';
   import { TextField } from 'svelte-ux';
 
-  export let value: string | number | null;
+  export let value: string | number | null | undefined;
   export let unsavedChanges = false;
   export let label: string | undefined = undefined;
   export let labelPlacement: ComponentProps<TextField>['labelPlacement'] = undefined;
diff --git a/frontend/viewer/src/lib/entry-editor/object-editors/EntryEditor.svelte b/frontend/viewer/src/lib/entry-editor/object-editors/EntryEditor.svelte
index 64ac9b319..0b9070c73 100644
--- a/frontend/viewer/src/lib/entry-editor/object-editors/EntryEditor.svelte
+++ b/frontend/viewer/src/lib/entry-editor/object-editors/EntryEditor.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
-  import type {IEntry, IExampleSentence, ISense} from '../../mini-lcm';
+  import type {IEntry, IExampleSentence, ISense} from '$lib/dotnet-types';
   import EntityEditor from './EntityEditor.svelte';
   import {createEventDispatcher, getContext} from 'svelte';
   import type { Readable } from 'svelte/store';
-  import type { LexboxFeatures } from '../../config-types';
+  import type { LexboxFeatures } from '$lib/config-types';
   import {mdiPlus, mdiTrashCanOutline} from '@mdi/js';
   import { Button, portal } from 'svelte-ux';
   import EntityListItemActions from '../EntityListItemActions.svelte';
-  import {defaultExampleSentence, defaultSense, firstDefOrGlossVal, firstSentenceOrTranslationVal} from '../../utils';
+  import {defaultExampleSentence, defaultSense, firstDefOrGlossVal, firstSentenceOrTranslationVal} from '$lib/utils';
   import HistoryView from '../../history/HistoryView.svelte';
   import SenseEditor from './SenseEditor.svelte';
   import ExampleEditor from './ExampleEditor.svelte';
   import MultiFieldEditor from '../field-editors/MultiFieldEditor.svelte';
-  import {objectTemplateAreas, useCurrentView} from '../../services/view-service';
+  import {objectTemplateAreas, useCurrentView} from '$lib/services/view-service';
   import ComplexFormComponents from '../field-editors/ComplexFormComponents.svelte';
   import ComplexForms from '../field-editors/ComplexForms.svelte';
   import ComplexFormTypes from '../field-editors/ComplexFormTypes.svelte';
diff --git a/frontend/viewer/src/lib/entry-editor/object-editors/ExampleEditor.svelte b/frontend/viewer/src/lib/entry-editor/object-editors/ExampleEditor.svelte
index d9215e7be..0ddd7932c 100644
--- a/frontend/viewer/src/lib/entry-editor/object-editors/ExampleEditor.svelte
+++ b/frontend/viewer/src/lib/entry-editor/object-editors/ExampleEditor.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type {IExampleSentence} from '../../mini-lcm';
+  import type {IExampleSentence} from '$lib/dotnet-types';
   import EntityEditor from './EntityEditor.svelte';
   import MultiFieldEditor from '../field-editors/MultiFieldEditor.svelte';
   import SingleFieldEditor from '../field-editors/SingleFieldEditor.svelte';
diff --git a/frontend/viewer/src/lib/entry-editor/object-editors/SenseEditor.svelte b/frontend/viewer/src/lib/entry-editor/object-editors/SenseEditor.svelte
index f45503466..242ca85ce 100644
--- a/frontend/viewer/src/lib/entry-editor/object-editors/SenseEditor.svelte
+++ b/frontend/viewer/src/lib/entry-editor/object-editors/SenseEditor.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import EntityEditor from './EntityEditor.svelte';
-  import type {ISense} from '../../mini-lcm';
+  import type {ISense} from '$lib/dotnet-types';
   import MultiFieldEditor from '../field-editors/MultiFieldEditor.svelte';
   import SingleOptionEditor from '../field-editors/SingleOptionEditor.svelte';
   import MultiOptionEditor from '../field-editors/MultiOptionEditor.svelte';
diff --git a/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/Lexbox.ClientServer.Hubs.ts b/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/Lexbox.ClientServer.Hubs.ts
index d81e7ceaa..69dac3793 100644
--- a/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/Lexbox.ClientServer.Hubs.ts
+++ b/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/Lexbox.ClientServer.Hubs.ts
@@ -2,17 +2,17 @@
 /* eslint-disable */
 /* tslint:disable */
 
-import type { Entry } from '../../mini-lcm';
-import type {LexboxApi} from '../../services/lexbox-api';
 
-export type ILexboxApiHub = LexboxApi;
+import type {IEntry, IMiniLcmJsInvokable} from '$lib/dotnet-types';
+
+export type ILexboxApiHub = IMiniLcmJsInvokable;
 
 export type ILexboxClient = {
     /**
     * @param entry Transpiled from lexboxClientContracts.Entry
     * @returns Transpiled from System.Threading.Tasks.Task
     */
-    OnEntryUpdated(entry: Entry): Promise<void>;
+    OnEntryUpdated(entry: IEntry): Promise<void>;
     OnProjectClosed(reason: CloseReason): Promise<void>;
 }
 
diff --git a/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/index.ts b/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/index.ts
index bd972d5e6..79cfc7910 100644
--- a/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/index.ts
+++ b/frontend/viewer/src/lib/generated-signalr-client/TypedSignalR.Client/index.ts
@@ -2,103 +2,109 @@
 /* eslint-disable */
 /* tslint:disable */
 
-import type {ComplexFormType, Entry, ExampleSentence, PartOfSpeech, QueryOptions, SemanticDomain, Sense, WritingSystem, WritingSystems} from '../../mini-lcm';
-import type {ILexboxApiHub, ILexboxClient} from './Lexbox.ClientServer.Hubs';
+import type {ILexboxClient} from './Lexbox.ClientServer.Hubs';
 
 import {HubConnection} from '@microsoft/signalr';
-import type {JsonOperation} from '../Lexbox.ClientServer.Hubs';
-import type {WritingSystemType} from '../../services/lexbox-api';
+import type {
+  IComplexFormType, IEntry, IExampleSentence,
+  ISense,
+  IPartOfSpeech,
+  ISemanticDomain,
+  IWritingSystem,
+  IWritingSystems,
+  WritingSystemType,
+  IQueryOptions,
+  IComplexFormComponent,
+  IMiniLcmFeatures,
+  IMiniLcmJsInvokable
+} from '$lib/dotnet-types';
 
 // components
 
 export type Disposable = {
-    dispose(): void;
+  dispose(): void;
 }
 
 export type HubProxyFactory<T> = {
-    createHubProxy(connection: HubConnection): T;
+  createHubProxy(connection: HubConnection): T;
 }
 
 export type ReceiverRegister<T> = {
-    register(connection: HubConnection, receiver: T): Disposable;
+  register(connection: HubConnection, receiver: T): Disposable;
 }
 
 type ReceiverMethod = {
-    methodName: string,
-    method: (...args: any[]) => void
+  methodName: string,
+  method: (...args: any[]) => void
 }
 
 class ReceiverMethodSubscription implements Disposable {
 
-    public constructor(
-        private connection: HubConnection,
-        private receiverMethod: ReceiverMethod[]) {
-    }
+  public constructor(
+    private connection: HubConnection,
+    private receiverMethod: ReceiverMethod[]) {
+  }
 
-    public readonly dispose = () => {
-        for (const it of this.receiverMethod) {
-            this.connection.off(it.methodName, it.method);
-        }
+  public readonly dispose = () => {
+    for (const it of this.receiverMethod) {
+      this.connection.off(it.methodName, it.method);
     }
+  };
 }
 
 // API
 
 export type HubProxyFactoryProvider = {
-    (hubType: "ILexboxApiHub"): HubProxyFactory<ILexboxApiHub>;
+  (hubType: 'ILexboxApiHub'): HubProxyFactory<IMiniLcmJsInvokable>;
 }
 
 export const getHubProxyFactory = ((hubType: string) => {
-    if(hubType === "ILexboxApiHub") {
-        return ILexboxApiHub_HubProxyFactory.Instance;
-    }
+  if (hubType === 'ILexboxApiHub') {
+    return IMiniLcmJsInvokable_HubProxyFactory.Instance;
+  }
 }) as HubProxyFactoryProvider;
 
 export type ReceiverRegisterProvider = {
-    (receiverType: "ILexboxClient"): ReceiverRegister<ILexboxClient>;
+  (receiverType: 'ILexboxClient'): ReceiverRegister<ILexboxClient>;
 }
 
 export const getReceiverRegister = ((receiverType: string) => {
-    if(receiverType === "ILexboxClient") {
-        return ILexboxClient_Binder.Instance;
-    }
+  if (receiverType === 'ILexboxClient') {
+    return ILexboxClient_Binder.Instance;
+  }
 }) as ReceiverRegisterProvider;
 
 // HubProxy
 
-class ILexboxApiHub_HubProxyFactory implements HubProxyFactory<ILexboxApiHub> {
-    public static Instance = new ILexboxApiHub_HubProxyFactory();
+class IMiniLcmJsInvokable_HubProxyFactory implements HubProxyFactory<IMiniLcmJsInvokable> {
+  public static Instance = new IMiniLcmJsInvokable_HubProxyFactory();
 
-    private constructor() {
-    }
+  private constructor() {
+  }
 
-    public readonly createHubProxy = (connection: HubConnection): ILexboxApiHub => {
-        return new ILexboxApiHub_HubProxy(connection);
-    }
+  public readonly createHubProxy = (connection: HubConnection): IMiniLcmJsInvokable => {
+    return new IMiniLcmJsInvokable_HubProxy(connection);
+  };
 }
 
-class ILexboxApiHub_HubProxy implements ILexboxApiHub {
+class IMiniLcmJsInvokable_HubProxy implements IMiniLcmJsInvokable {
 
     public constructor(private connection: HubConnection) {
     }
 
-    public readonly GetWritingSystems = async (): Promise<WritingSystems> => {
+    public readonly getWritingSystems = async (): Promise<IWritingSystems> => {
         return await this.connection.invoke("GetWritingSystems");
     }
 
-    public readonly CreateWritingSystem = async (type: WritingSystemType, writingSystem: WritingSystem): Promise<void> => {
+    public readonly createWritingSystem = async (type: WritingSystemType, writingSystem: IWritingSystem): Promise<IWritingSystem> => {
         return await this.connection.invoke("CreateWritingSystem", type, writingSystem);
     }
 
-    public readonly UpdateWritingSystem = async (wsId: string, type: WritingSystemType, update: JsonOperation[]): Promise<WritingSystem> => {
-        return await this.connection.invoke("UpdateWritingSystem", wsId, type, update);
-    }
-
-    public readonly GetPartsOfSpeech = async (): Promise<PartOfSpeech[]> => {
+    public readonly getPartsOfSpeech = async (): Promise<IPartOfSpeech[]> => {
       return new Promise((resolve, reject) => {
-        let partsOfSpeech: PartOfSpeech[] = [];
-        this.connection.stream<PartOfSpeech>('GetPartsOfSpeech').subscribe({
-          next(value: PartOfSpeech) {
+        let partsOfSpeech: IPartOfSpeech[] = [];
+        this.connection.stream<IPartOfSpeech>('GetPartsOfSpeech').subscribe({
+          next(value: IPartOfSpeech) {
             partsOfSpeech.push(value);
           },
           error(err: any) {
@@ -111,11 +117,11 @@ class ILexboxApiHub_HubProxy implements ILexboxApiHub {
       });
     }
 
-    public readonly GetSemanticDomains = async (): Promise<SemanticDomain[]> => {
+    public readonly getSemanticDomains = async (): Promise<ISemanticDomain[]> => {
       return new Promise((resolve, reject) => {
-        let semanticDomains: SemanticDomain[] = [];
-        this.connection.stream<SemanticDomain>('GetSemanticDomains').subscribe({
-          next(value: SemanticDomain) {
+        let semanticDomains: ISemanticDomain[] = [];
+        this.connection.stream<ISemanticDomain>('GetSemanticDomains').subscribe({
+          next(value: ISemanticDomain) {
             semanticDomains.push(value);
           },
           error(err: any) {
@@ -128,11 +134,11 @@ class ILexboxApiHub_HubProxy implements ILexboxApiHub {
       });
     }
 
-    public readonly GetComplexFormTypes = async (): Promise<ComplexFormType[]> => {
+    public readonly getComplexFormTypes = async (): Promise<IComplexFormType[]> => {
       return new Promise((resolve, reject) => {
-        let complexFormTypes: ComplexFormType[] = [];
-        this.connection.stream<ComplexFormType>('GetComplexFormTypes').subscribe({
-          next(value: ComplexFormType) {
+        let complexFormTypes: IComplexFormType[] = [];
+        this.connection.stream<IComplexFormType>('GetComplexFormTypes').subscribe({
+          next(value: IComplexFormType) {
             complexFormTypes.push(value);
           },
           error(err: any) {
@@ -145,15 +151,15 @@ class ILexboxApiHub_HubProxy implements ILexboxApiHub {
       });
     }
 
-    public readonly GetEntries = async (options: QueryOptions): Promise<Entry[]> => {
+    public readonly getEntries = async (options: IQueryOptions): Promise<IEntry[]> => {
         return await this.connection.invoke("GetEntries", options);
     }
 
-  public readonly SearchEntries = (query: string, options: QueryOptions): Promise<Entry[]> => {
+  public readonly searchEntries = (query: string, options: IQueryOptions): Promise<IEntry[]> => {
     return new Promise((resolve, reject) => {
-      let entries: Entry[] = [];
-      this.connection.stream<Entry>('SearchEntries', query, options).subscribe({
-        next(value: Entry) {
+      let entries: IEntry[] = [];
+      this.connection.stream<IEntry>('SearchEntries', query, options).subscribe({
+        next(value: IEntry) {
           entries.push(value);
         },
         error(err: any) {
@@ -166,44 +172,136 @@ class ILexboxApiHub_HubProxy implements ILexboxApiHub {
     });
   };
 
-    public readonly GetEntry = async (id: string): Promise<Entry> => {
+    public readonly getEntry = async (id: string): Promise<IEntry> => {
         return await this.connection.invoke("GetEntry", id);
     }
 
-    public readonly CreateEntry = async (entry: Entry): Promise<Entry> => {
+    public readonly createEntry = async (entry: IEntry): Promise<IEntry> => {
         return await this.connection.invoke("CreateEntry", entry);
     }
 
-    public readonly UpdateEntry = async (before: Entry, after: Entry): Promise<Entry> => {
+    public readonly updateEntry = async (before: IEntry, after: IEntry): Promise<IEntry> => {
         return await this.connection.invoke("UpdateEntry", before, after);
     }
 
-    public readonly DeleteEntry = async (id: string): Promise<void> => {
+    public readonly deleteEntry = async (id: string): Promise<void> => {
         return await this.connection.invoke("DeleteEntry", id);
     }
 
-    public readonly CreateSense = async (entryId: string, sense: Sense): Promise<Sense> => {
+    public readonly createSense = async (entryId: string, sense: ISense): Promise<ISense> => {
         return await this.connection.invoke("CreateSense", entryId, sense);
     }
 
-    public readonly UpdateSense = async (entryId: string, senseId: string, update: JsonOperation[]): Promise<Sense> => {
-        return await this.connection.invoke("UpdateSense", entryId, senseId, update);
-    }
-
-    public readonly DeleteSense = async (entryId: string, senseId: string): Promise<void> => {
+    public readonly deleteSense = async (entryId: string, senseId: string): Promise<void> => {
         return await this.connection.invoke("DeleteSense", entryId, senseId);
     }
 
-    public readonly CreateExampleSentence = async (entryId: string, senseId: string, exampleSentence: ExampleSentence): Promise<ExampleSentence> => {
+    public readonly createExampleSentence = async (entryId: string, senseId: string, exampleSentence: IExampleSentence): Promise<IExampleSentence> => {
         return await this.connection.invoke("CreateExampleSentence", entryId, senseId, exampleSentence);
     }
 
-    public readonly UpdateExampleSentence = async (entryId: string, senseId: string, exampleSentenceId: string, update: JsonOperation[]): Promise<ExampleSentence> => {
-        return await this.connection.invoke("UpdateExampleSentence", entryId, senseId, exampleSentenceId, update);
+    public readonly deleteExampleSentence = async (entryId: string, senseId: string, exampleSentenceId: string): Promise<void> => {
+        return await this.connection.invoke("DeleteExampleSentence", entryId, senseId, exampleSentenceId);
     }
 
-    public readonly DeleteExampleSentence = async (entryId: string, senseId: string, exampleSentenceId: string): Promise<void> => {
-        return await this.connection.invoke("DeleteExampleSentence", entryId, senseId, exampleSentenceId);
+    supportedFeatures(): Promise<IMiniLcmFeatures> {
+      throw new Error('Method not implemented.');
+    }
+
+    getComplexFormType(id: string): Promise<IComplexFormType> {
+      throw new Error('Method not implemented.');
+    }
+
+    getSense(entryId: string, id: string): Promise<ISense> {
+      throw new Error('Method not implemented.');
+    }
+
+    getPartOfSpeech(id: string): Promise<IPartOfSpeech> {
+      throw new Error('Method not implemented.');
+    }
+
+    getSemanticDomain(id: string): Promise<ISemanticDomain> {
+      throw new Error('Method not implemented.');
+    }
+
+    getExampleSentence(entryId: string, senseId: string, id: string): Promise<IExampleSentence> {
+      throw new Error('Method not implemented.');
+    }
+
+    updateWritingSystem(before: IWritingSystem, after: IWritingSystem): Promise<IWritingSystem> {
+      throw new Error('Method not implemented.');
+    }
+
+    createPartOfSpeech(partOfSpeech: IPartOfSpeech): Promise<IPartOfSpeech> {
+      throw new Error('Method not implemented.');
+    }
+
+    updatePartOfSpeech(before: IPartOfSpeech, after: IPartOfSpeech): Promise<IPartOfSpeech> {
+      throw new Error('Method not implemented.');
+    }
+
+    deletePartOfSpeech(id: string): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    createSemanticDomain(semanticDomain: ISemanticDomain): Promise<ISemanticDomain> {
+      throw new Error('Method not implemented.');
+    }
+
+    updateSemanticDomain(before: ISemanticDomain, after: ISemanticDomain): Promise<ISemanticDomain> {
+      throw new Error('Method not implemented.');
+    }
+
+    deleteSemanticDomain(id: string): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    createComplexFormType(complexFormType: IComplexFormType): Promise<IComplexFormType> {
+      throw new Error('Method not implemented.');
+    }
+
+    updateComplexFormType(before: IComplexFormType, after: IComplexFormType): Promise<IComplexFormType> {
+      throw new Error('Method not implemented.');
+    }
+
+    deleteComplexFormType(id: string): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    createComplexFormComponent(complexFormComponent: IComplexFormComponent): Promise<IComplexFormComponent> {
+      throw new Error('Method not implemented.');
+    }
+
+    deleteComplexFormComponent(complexFormComponent: IComplexFormComponent): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    addComplexFormType(entryId: string, complexFormTypeId: string): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    removeComplexFormType(entryId: string, complexFormTypeId: string): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    updateSense(entryId: string, before: ISense, after: ISense): Promise<ISense> {
+      throw new Error('Method not implemented.');
+    }
+
+    addSemanticDomainToSense(senseId: string, semanticDomain: ISemanticDomain): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    removeSemanticDomainFromSense(senseId: string, semanticDomainId: string): Promise<void> {
+      throw new Error('Method not implemented.');
+    }
+
+    updateExampleSentence(entryId: string, senseId: string, before: IExampleSentence, after: IExampleSentence): Promise<IExampleSentence> {
+      throw new Error('Method not implemented.');
+    }
+
+    dispose(): Promise<void> {
+      throw new Error('Method not implemented.');
     }
 }
 
diff --git a/frontend/viewer/src/lib/in-memory-api-service.ts b/frontend/viewer/src/lib/in-memory-api-service.ts
index 6e6226e9a..c322702a2 100644
--- a/frontend/viewer/src/lib/in-memory-api-service.ts
+++ b/frontend/viewer/src/lib/in-memory-api-service.ts
@@ -1,24 +1,26 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 
+import type { IComplexFormComponent } from './dotnet-types';
 import {entries, projectName, writingSystems} from './entry-data';
 import type {
   IEntry,
   IExampleSentence,
   ISense,
-  JsonPatch,
   LexboxApiClient,
-  LexboxApiFeatures,
-  PartOfSpeech,
-  QueryOptions,
-  SemanticDomain,
+  IPartOfSpeech,
+  IQueryOptions,
+  ISemanticDomain,
   WritingSystemType,
-  WritingSystems
+  IWritingSystems,
+  IComplexFormType, IWritingSystem
 } from './services/lexbox-api';
 
-import {applyPatch} from 'fast-json-patch';
-import {pickWs, type ComplexFormType, type WritingSystem} from './mini-lcm';
 import {headword} from './utils';
 
+function pickWs(ws: string, defaultWs: string): string {
+  return ws === 'default' ? defaultWs : ws;
+}
+
 const complexFormTypes = entries
   .flatMap(entry => entry.complexFormTypes)
   .filter((value, index, all) => all.findIndex(v2 => v2.id === value.id) === index);
@@ -35,7 +37,7 @@ function filterEntries(entries: IEntry[], query: string): IEntry[] {
 }
 
 export class InMemoryApiService implements LexboxApiClient {
-  GetComplexFormTypes(): Promise<ComplexFormType[]> {
+  getComplexFormTypes(): Promise<IComplexFormType[]> {
     return Promise.resolve(
       //*
       complexFormTypes
@@ -48,26 +50,26 @@ export class InMemoryApiService implements LexboxApiClient {
     );
   }
 
-  GetPartsOfSpeech(): Promise<PartOfSpeech[]> {
+  getPartsOfSpeech(): Promise<IPartOfSpeech[]> {
     return Promise.resolve(
       [
-        {id: '86ff66f6-0774-407a-a0dc-3eeaf873daf7', name: {en: 'Verb'},},
-        {id: 'a8e41fd3-e343-4c7c-aa05-01ea3dd5cfb5', name: {en: 'Noun'},}
+        {id: '86ff66f6-0774-407a-a0dc-3eeaf873daf7', name: {en: 'Verb'}, predefined: false},
+        {id: 'a8e41fd3-e343-4c7c-aa05-01ea3dd5cfb5', name: {en: 'Noun'}, predefined: false}
       ]
     );
   }
 
-  GetSemanticDomains(): Promise<SemanticDomain[]> {
+  getSemanticDomains(): Promise<ISemanticDomain[]> {
     return Promise.resolve([
-      {id: '36e8f1df-1798-4ae6-904d-600ca6eb4145', name: {en: 'Fruit'}, code: '1'},
-      {id: 'Animal', name: {en: 'Animal'}, code: '2'},
+      {id: '36e8f1df-1798-4ae6-904d-600ca6eb4145', name: {en: 'Fruit'}, code: '1', predefined: false},
+      {id: 'Animal', name: {en: 'Animal'}, code: '2', predefined: false},
     ]);
   }
 
-  SupportedFeatures(): LexboxApiFeatures {
-    return {
+  supportedFeatures() {
+    return Promise.resolve({
       write: true,
-    };
+    });
   }
 
   readonly projectName = projectName;
@@ -78,19 +80,19 @@ export class InMemoryApiService implements LexboxApiClient {
     return JSON.parse(JSON.stringify(this._entries)) as IEntry[];
   }
 
-  GetEntries(options: QueryOptions | undefined): Promise<IEntry[]> {
+  getEntries(options: IQueryOptions | undefined): Promise<IEntry[]> {
     return Promise.resolve(this.ApplyQueryOptions(this._Entries(), options));
   }
 
-  GetWritingSystems(): Promise<WritingSystems> {
+  getWritingSystems(): Promise<IWritingSystems> {
     return Promise.resolve(writingSystems);
   }
 
-  SearchEntries(query: string, options: QueryOptions | undefined): Promise<IEntry[]> {
+  searchEntries(query: string, options: IQueryOptions | undefined): Promise<IEntry[]> {
     return Promise.resolve(this.ApplyQueryOptions(filterEntries(this._Entries(), query), options));
   }
 
-  private ApplyQueryOptions(entries: IEntry[], options: QueryOptions | undefined): IEntry[] {
+  private ApplyQueryOptions(entries: IEntry[], options: IQueryOptions | undefined): IEntry[] {
     if (!options) return entries;
     const defaultWs = writingSystems.vernacular[0].wsId;
     if (options.exemplar?.value) {
@@ -116,68 +118,148 @@ export class InMemoryApiService implements LexboxApiClient {
       .slice(options.offset, options.offset + options.count);
   }
 
-  GetEntry(guid: string): Promise<IEntry> {
-    return Promise.resolve(entries.find(e => e.id === guid)!);
+  getEntry(guid: string) {
+    const entry = entries.find(e => e.id === guid);
+    if (!entry) throw new Error(`Entry ${guid} not found`);
+    return Promise.resolve(entry);
   }
 
-  CreateEntry(entry: IEntry): Promise<IEntry> {
+  createEntry(entry: IEntry): Promise<IEntry> {
     this._entries.push(entry);
     return Promise.resolve(entry);
   }
 
-  UpdateEntry(_before: IEntry, after: IEntry): Promise<IEntry> {
+  updateEntry(_before: IEntry, after: IEntry): Promise<IEntry> {
     entries.splice(entries.findIndex(e => e.id === after.id), 1, after);
     return Promise.resolve(after);
   }
 
-  CreateSense(entryGuid: string, sense: ISense): Promise<ISense> {
+  createSense(entryGuid: string, sense: ISense): Promise<ISense> {
     this._entries.find(e => e.id === entryGuid)?.senses.push(sense);
     return Promise.resolve(sense);
   }
 
-  UpdateSense(entryGuid: string, senseGuid: string, update: JsonPatch): Promise<ISense> {
-    const entry = entries.find(e => e.id === entryGuid)!;
-    const sense = entry.senses.find(s => s.id === senseGuid)!;
-    applyPatch(sense, update);
-    return Promise.resolve(sense);
-  }
-
-  CreateExampleSentence(entryGuid: string, senseGuid: string, exampleSentence: IExampleSentence): Promise<IExampleSentence> {
+  createExampleSentence(entryGuid: string, senseGuid: string, exampleSentence: IExampleSentence): Promise<IExampleSentence> {
     this._entries.find(e => e.id === entryGuid)?.senses.find(s => s.id === senseGuid)?.exampleSentences.push(exampleSentence);
     return Promise.resolve(exampleSentence);
   }
 
-  UpdateExampleSentence(entryGuid: string, senseGuid: string, exampleSentenceGuid: string, update: JsonPatch): Promise<IExampleSentence> {
-    const entry = entries.find(e => e.id === entryGuid)!;
-    const sense = entry.senses.find(s => s.id === senseGuid)!;
-    const exampleSentence = sense.exampleSentences.find(es => es.id === exampleSentenceGuid)!;
-    applyPatch(exampleSentence, update);
-    return Promise.resolve(exampleSentence);
-  }
-
-  DeleteEntry(guid: string): Promise<void> {
+  deleteEntry(guid: string): Promise<void> {
     entries.slice(entries.findIndex(e => e.id === guid), 1);
     return Promise.resolve();
   }
 
-  DeleteSense(entryGuid: string, senseGuid: string): Promise<void> {
+  deleteSense(entryGuid: string, senseGuid: string): Promise<void> {
     const entry = this._entries.find(e => e.id === entryGuid)!;
     entry.senses.slice(entry.senses.findIndex(s => s.id === senseGuid), 1);
     return Promise.resolve();
   }
 
-  DeleteExampleSentence(entryGuid: string, senseGuid: string, exampleSentenceGuid: string): Promise<void> {
+  deleteExampleSentence(entryGuid: string, senseGuid: string, exampleSentenceGuid: string): Promise<void> {
     const entry = this._entries.find(e => e.id === entryGuid)!;
     const sense = entry.senses.find(s => s.id === senseGuid)!;
     sense.exampleSentences.slice(sense.exampleSentences.findIndex(es => es.id === exampleSentenceGuid), 1);
     return Promise.resolve();
   }
 
-  CreateWritingSystem(_type: WritingSystemType, _writingSystem: WritingSystem): Promise<void> {
+  createWritingSystem(_type: WritingSystemType, _writingSystem: IWritingSystem): Promise<IWritingSystem> {
+    throw new Error('Method not implemented.');
+  }
+
+  getComplexFormType(_id: string): Promise<IComplexFormType> {
+    throw new Error('Method not implemented.');
+  }
+
+  getSense(_entryId: string, _id: string): Promise<ISense> {
+    throw new Error('Method not implemented.');
+  }
+
+  getPartOfSpeech(_id: string): Promise<IPartOfSpeech> {
+    throw new Error('Method not implemented.');
+  }
+
+  getSemanticDomain(_id: string): Promise<ISemanticDomain> {
+    throw new Error('Method not implemented.');
+  }
+
+  getExampleSentence(_entryId: string, _senseId: string, _id: string): Promise<IExampleSentence> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateWritingSystem(_before: IWritingSystem, _after: IWritingSystem): Promise<IWritingSystem> {
+    throw new Error('Method not implemented.');
+  }
+
+  createPartOfSpeech(_partOfSpeech: IPartOfSpeech): Promise<IPartOfSpeech> {
+    throw new Error('Method not implemented.');
+  }
+
+  updatePartOfSpeech(_before: IPartOfSpeech, _after: IPartOfSpeech): Promise<IPartOfSpeech> {
+    throw new Error('Method not implemented.');
+  }
+
+  deletePartOfSpeech(_id: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  createSemanticDomain(_semanticDomain: ISemanticDomain): Promise<ISemanticDomain> {
     throw new Error('Method not implemented.');
   }
 
-  UpdateWritingSystem(_wsId: string, _type: WritingSystemType, _update: JsonPatch): Promise<WritingSystem> {
+  updateSemanticDomain(_before: ISemanticDomain, _after: ISemanticDomain): Promise<ISemanticDomain> {
     throw new Error('Method not implemented.');
   }
+
+  deleteSemanticDomain(_id: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  createComplexFormType(_complexFormType: IComplexFormType): Promise<IComplexFormType> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateComplexFormType(_before: IComplexFormType, _after: IComplexFormType): Promise<IComplexFormType> {
+    throw new Error('Method not implemented.');
+  }
+
+  deleteComplexFormType(_id: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  createComplexFormComponent(_complexFormComponent: IComplexFormComponent): Promise<IComplexFormComponent> {
+    throw new Error('Method not implemented.');
+  }
+
+  deleteComplexFormComponent(_complexFormComponent: IComplexFormComponent): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  addComplexFormType(_entryId: string, _complexFormTypeId: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  removeComplexFormType(_entryId: string, _complexFormTypeId: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateSense(_entryId: string, _before: ISense, _after: ISense): Promise<ISense> {
+    throw new Error('Method not implemented.');
+  }
+
+  addSemanticDomainToSense(_senseId: string, _semanticDomain: ISemanticDomain): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  removeSemanticDomainFromSense(_senseId: string, _semanticDomainId: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateExampleSentence(_entryId: string, _senseId: string, _before: IExampleSentence, _after: IExampleSentence): Promise<IExampleSentence> {
+    throw new Error('Method not implemented.');
+  }
+
+  dispose(): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
 }
diff --git a/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte b/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte
index df27873af..c5087609f 100644
--- a/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte
+++ b/frontend/viewer/src/lib/layout/DictionaryEntryViewer.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { IEntry } from '../mini-lcm';
+  import type { IEntry } from '$lib/dotnet-types';
   import DictionaryEntry from '../DictionaryEntry.svelte';
   import { Button } from 'svelte-ux';
   import { mdiChevronDown, mdiChevronUp } from '@mdi/js';
diff --git a/frontend/viewer/src/lib/layout/EntryList.svelte b/frontend/viewer/src/lib/layout/EntryList.svelte
index d886bcc8b..1a4bcc431 100644
--- a/frontend/viewer/src/lib/layout/EntryList.svelte
+++ b/frontend/viewer/src/lib/layout/EntryList.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Button, Icon, InfiniteScroll, ListItem, ProgressCircle, TextField } from 'svelte-ux';
-  import type { IEntry } from '../mini-lcm';
+  import type { IEntry } from '$lib/dotnet-types';
   import { firstDefOrGlossVal, headword } from '../utils';
   import { mdiArrowExpandLeft, mdiArrowExpandRight, mdiBookOpenVariantOutline, mdiBookSearchOutline, mdiClose, mdiFormatListText } from '@mdi/js';
   import IndexCharacters from './IndexCharacters.svelte';
diff --git a/frontend/viewer/src/lib/layout/Toc.svelte b/frontend/viewer/src/lib/layout/Toc.svelte
index cbed7e894..3f9c3c916 100644
--- a/frontend/viewer/src/lib/layout/Toc.svelte
+++ b/frontend/viewer/src/lib/layout/Toc.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { IEntry } from '../mini-lcm';
+  import type { IEntry } from '$lib/dotnet-types';
   import { firstDefOrGlossVal, firstSentenceOrTranslationVal, headword } from '../utils';
 
   export let entry: IEntry | undefined;
diff --git a/frontend/viewer/src/lib/layout/ViewOptionsDrawer.svelte b/frontend/viewer/src/lib/layout/ViewOptionsDrawer.svelte
index 1ecdb6823..9883967bb 100644
--- a/frontend/viewer/src/lib/layout/ViewOptionsDrawer.svelte
+++ b/frontend/viewer/src/lib/layout/ViewOptionsDrawer.svelte
@@ -5,7 +5,6 @@
   import {type View, views} from '../entry-editor/view-data';
   import type {ViewSettings} from '../services/view-service';
   import {generateExternalChanges} from '../debug';
-  import SyncConfig from '../SyncConfig.svelte';
 
   export let activeView: View;
   export let viewSettings: ViewSettings;
@@ -32,9 +31,6 @@
               color="neutral"/>
       Hide empty fields
     </label>
-    {#if features.sync}
-      <SyncConfig />
-    {/if}
 
     <div class="grow"></div>
     <DevContent>
diff --git a/frontend/viewer/src/lib/mini-lcm/complex-form-component.ts b/frontend/viewer/src/lib/mini-lcm/complex-form-component.ts
deleted file mode 100644
index e766b7892..000000000
--- a/frontend/viewer/src/lib/mini-lcm/complex-form-component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-export interface IComplexFormComponent {
-  id: string;
-  complexFormEntryId: string;
-  complexFormHeadword?: string;
-  componentEntryId: string;
-  componentSenseId?: string;
-  componentHeadword?: string;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/complex-form-type.ts b/frontend/viewer/src/lib/mini-lcm/complex-form-type.ts
deleted file mode 100644
index b014822aa..000000000
--- a/frontend/viewer/src/lib/mini-lcm/complex-form-type.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type {IMultiString} from './i-multi-string';
-
-export interface ComplexFormType {
-  id: string;
-  name: IMultiString;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/entry.ts b/frontend/viewer/src/lib/mini-lcm/entry.ts
deleted file mode 100644
index 69b8251f7..000000000
--- a/frontend/viewer/src/lib/mini-lcm/entry.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import type { IComplexFormComponent } from './complex-form-component';
-import type { ComplexFormType } from './complex-form-type';
-import {type IEntry} from './i-entry';
-import {type IMultiString} from './i-multi-string';
-import {type ISense} from './i-sense';
-
-export class Entry implements IEntry {
-  constructor(id: string) {
-    this.id = id;
-  }
-
-  id: string;
-  lexemeForm: IMultiString = {};
-  citationForm: IMultiString = {};
-  complexForms: IComplexFormComponent[] = [];
-  complexFormTypes: ComplexFormType[] = [];
-  components: IComplexFormComponent[] = [];
-  literalMeaning: IMultiString = {};
-  senses: ISense[] = [];
-  note: IMultiString = {};
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/example-sentence.ts b/frontend/viewer/src/lib/mini-lcm/example-sentence.ts
deleted file mode 100644
index 2dc7bf1ce..000000000
--- a/frontend/viewer/src/lib/mini-lcm/example-sentence.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import {type IExampleSentence} from './i-example-sentence';
-import {type IMultiString} from './i-multi-string';
-
-export class ExampleSentence implements IExampleSentence {
-
-  constructor(id: string) {
-    this.id = id;
-  }
-
-  id: string;
-  sentence: IMultiString = {};
-  translation: IMultiString = {};
-  reference: string = '';
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/i-complex-form-component.ts b/frontend/viewer/src/lib/mini-lcm/i-complex-form-component.ts
deleted file mode 100644
index e766b7892..000000000
--- a/frontend/viewer/src/lib/mini-lcm/i-complex-form-component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-export interface IComplexFormComponent {
-  id: string;
-  complexFormEntryId: string;
-  complexFormHeadword?: string;
-  componentEntryId: string;
-  componentSenseId?: string;
-  componentHeadword?: string;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/i-entry.ts b/frontend/viewer/src/lib/mini-lcm/i-entry.ts
deleted file mode 100644
index bbc61ffcf..000000000
--- a/frontend/viewer/src/lib/mini-lcm/i-entry.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import type { IComplexFormComponent } from './complex-form-component';
-import type { ComplexFormType } from './complex-form-type';
-import { type IMultiString } from './i-multi-string';
-import { type ISense } from './i-sense';
-
-export interface IEntry {
-    id: string;
-    lexemeForm: IMultiString;
-    citationForm: IMultiString;
-    complexForms: IComplexFormComponent[];
-    complexFormTypes: ComplexFormType[];
-    components: IComplexFormComponent[];
-    literalMeaning: IMultiString;
-    senses: ISense[];
-    note: IMultiString;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/i-example-sentence.ts b/frontend/viewer/src/lib/mini-lcm/i-example-sentence.ts
deleted file mode 100644
index f30b4a961..000000000
--- a/frontend/viewer/src/lib/mini-lcm/i-example-sentence.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import { type IMultiString } from './i-multi-string';
-
-export interface IExampleSentence {
-    id: string;
-    sentence: IMultiString;
-    translation: IMultiString;
-    reference: string;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts b/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts
deleted file mode 100644
index ddc53e374..000000000
--- a/frontend/viewer/src/lib/mini-lcm/i-multi-string.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type {IMultiString} from '$lib/dotnet-types/i-multi-string';
diff --git a/frontend/viewer/src/lib/mini-lcm/i-sense.ts b/frontend/viewer/src/lib/mini-lcm/i-sense.ts
deleted file mode 100644
index bd43b5b15..000000000
--- a/frontend/viewer/src/lib/mini-lcm/i-sense.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import { type IMultiString } from './i-multi-string';
-import { type IExampleSentence } from './i-example-sentence';
-import type { SemanticDomain } from './semantic-domain';
-
-export interface ISense {
-    id: string;
-    definition: IMultiString;
-    gloss: IMultiString;
-    partOfSpeechId: string | undefined;
-    semanticDomains: SemanticDomain[];
-    exampleSentences: IExampleSentence[];
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/index.ts b/frontend/viewer/src/lib/mini-lcm/index.ts
deleted file mode 100644
index 6583ee2ef..000000000
--- a/frontend/viewer/src/lib/mini-lcm/index.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-export * from './entry';
-export * from './example-sentence';
-export * from './i-entry';
-export * from './i-example-sentence';
-export * from './i-multi-string';
-export * from './i-sense';
-export * from './multi-string';
-export * from './query-options';
-export * from './sense';
-export * from './writing-system';
-export * from './writing-systems';
-export * from './part-of-speech';
-export * from './semantic-domain';
-export * from './complex-form-component';
-export * from './complex-form-type';
diff --git a/frontend/viewer/src/lib/mini-lcm/multi-string.ts b/frontend/viewer/src/lib/mini-lcm/multi-string.ts
deleted file mode 100644
index ff9b125db..000000000
--- a/frontend/viewer/src/lib/mini-lcm/multi-string.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import { type IMultiString } from './i-multi-string';
-
-export class MultiString implements IMultiString {
-    [key: string]: string;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/part-of-speech.ts b/frontend/viewer/src/lib/mini-lcm/part-of-speech.ts
deleted file mode 100644
index 762ed1e4e..000000000
--- a/frontend/viewer/src/lib/mini-lcm/part-of-speech.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-
-import { type IMultiString } from './i-multi-string';
-
-export interface PartOfSpeech {
-  id: string;
-  name: IMultiString;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/query-options.ts b/frontend/viewer/src/lib/mini-lcm/query-options.ts
deleted file mode 100644
index cce249ec5..000000000
--- a/frontend/viewer/src/lib/mini-lcm/query-options.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-type QueryWsId = Omit<string, 'default'> | 'default';
-
-export interface QueryOptions {
-  order: {
-    field: 'headword',
-    writingSystem: QueryWsId,
-    ascending?: boolean
-  };
-  count: number;
-  offset: number;
-  exemplar?: { value: string, writingSystem: QueryWsId };
-}
-
-export function pickWs(ws: QueryWsId, defaultWs: string): string {
-  return ws === 'default' ? defaultWs : ws as string;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/semantic-domain.ts b/frontend/viewer/src/lib/mini-lcm/semantic-domain.ts
deleted file mode 100644
index 1c84de8bf..000000000
--- a/frontend/viewer/src/lib/mini-lcm/semantic-domain.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-
-import { type IMultiString } from './i-multi-string';
-
-export interface SemanticDomain {
-  id: string;
-  name: IMultiString;
-  code: string;
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/sense.ts b/frontend/viewer/src/lib/mini-lcm/sense.ts
deleted file mode 100644
index 497e36462..000000000
--- a/frontend/viewer/src/lib/mini-lcm/sense.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import {type ISense} from './i-sense';
-import {type IMultiString} from './i-multi-string';
-import {type IExampleSentence} from './i-example-sentence';
-import {type SemanticDomain} from './semantic-domain';
-
-export class Sense implements ISense {
-
-  constructor(id: string) {
-    this.id = id;
-  }
-
-  id: string;
-  definition: IMultiString = {};
-  gloss: IMultiString = {};
-  partOfSpeechId: string = '';
-  semanticDomains: SemanticDomain[] = [];
-  exampleSentences: IExampleSentence[] = [];
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/writing-system.ts b/frontend/viewer/src/lib/mini-lcm/writing-system.ts
deleted file mode 100644
index 880a8564e..000000000
--- a/frontend/viewer/src/lib/mini-lcm/writing-system.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-export interface WritingSystem {
-    /**
-     * This is a GUID for the writing system, not used in FWData.
-     */
-    id: string;
-    /**
-     * This is the language tag for the writing system, e.g. "en" for English.
-     */
-    wsId: string;
-    name: string;
-    abbreviation: string;
-    font: string;
-    exemplars: string[];
-}
diff --git a/frontend/viewer/src/lib/mini-lcm/writing-systems.ts b/frontend/viewer/src/lib/mini-lcm/writing-systems.ts
deleted file mode 100644
index 56525ed21..000000000
--- a/frontend/viewer/src/lib/mini-lcm/writing-systems.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-import { type WritingSystem } from './writing-system';
-
-export interface WritingSystems {
-    analysis: WritingSystem[];
-    vernacular: WritingSystem[];
-}
diff --git a/frontend/viewer/src/lib/parts-of-speech.ts b/frontend/viewer/src/lib/parts-of-speech.ts
index db779fe3b..b2a37a1cf 100644
--- a/frontend/viewer/src/lib/parts-of-speech.ts
+++ b/frontend/viewer/src/lib/parts-of-speech.ts
@@ -1,16 +1,16 @@
 import {derived, type Readable, type Writable, writable} from 'svelte/store';
-import type {PartOfSpeech, WritingSystems} from './mini-lcm';
+import type {IPartOfSpeech, IWritingSystems} from '$lib/dotnet-types';
 import {useLexboxApi} from './services/service-provider';
 import {pickBestAlternative} from './utils';
 
-type LabeledPartOfSpeech = PartOfSpeech & {label: string};
+type LabeledPartOfSpeech = IPartOfSpeech & {label: string};
 
-let partsOfSpeechStore: Writable<PartOfSpeech[] | null> | null = null;
+let partsOfSpeechStore: Writable<IPartOfSpeech[] | null> | null = null;
 
-export function usePartsOfSpeech(writingSystemsStore: Readable<WritingSystems>): Readable<LabeledPartOfSpeech[]> {
+export function usePartsOfSpeech(writingSystemsStore: Readable<IWritingSystems>): Readable<LabeledPartOfSpeech[]> {
   if (partsOfSpeechStore === null) {
-    partsOfSpeechStore = writable<PartOfSpeech[] | null>([], (set) => {
-      useLexboxApi().GetPartsOfSpeech().then(partsOfSpeech => {
+    partsOfSpeechStore = writable<IPartOfSpeech[] | null>([], (set) => {
+      useLexboxApi().getPartsOfSpeech().then(partsOfSpeech => {
         set(partsOfSpeech);
       }).catch(error => {
         console.error('Failed to load parts of speech', error);
diff --git a/frontend/viewer/src/lib/sandbox/Sandbox.svelte b/frontend/viewer/src/lib/sandbox/Sandbox.svelte
index 490a9308c..5efd12472 100644
--- a/frontend/viewer/src/lib/sandbox/Sandbox.svelte
+++ b/frontend/viewer/src/lib/sandbox/Sandbox.svelte
@@ -7,6 +7,7 @@
   import {type View} from '../entry-editor/view-data';
   import MapBind from '../utils/MapBind.svelte';
   import {initWritingSystems} from '../writing-systems';
+  import {WritingSystemType} from '$lib/dotnet-types';
 
   initWritingSystems(readable({
     analysis: [{
@@ -16,6 +17,8 @@
       abbreviation: 'test',
       font: 'test',
       exemplars: [],
+      type: WritingSystemType.Analysis,
+      order: 0,
     }],
     vernacular: [],
   }));
diff --git a/frontend/viewer/src/lib/search-bar/SearchBar.svelte b/frontend/viewer/src/lib/search-bar/SearchBar.svelte
index f60d9358e..71662bc61 100644
--- a/frontend/viewer/src/lib/search-bar/SearchBar.svelte
+++ b/frontend/viewer/src/lib/search-bar/SearchBar.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
   import {mdiBookPlusOutline, mdiBookSearchOutline, mdiMagnify, mdiMagnifyRemoveOutline} from '@mdi/js';
-  import { Button, Dialog, Field, Icon, ListItem, ProgressCircle, TextField } from 'svelte-ux';
-  import { firstDefOrGlossVal, headword } from '../utils';
-  import { useLexboxApi } from '../services/service-provider';
-  import { derived, type Writable } from 'svelte/store';
-  import { deriveAsync } from '../utils/time';
+  import {Button, Dialog, Field, Icon, ListItem, ProgressCircle, TextField} from 'svelte-ux';
+  import {firstDefOrGlossVal, headword} from '../utils';
+  import {useLexboxApi} from '../services/service-provider';
+  import {derived, type Writable} from 'svelte/store';
+  import {deriveAsync} from '../utils/time';
   import {createEventDispatcher, getContext, onDestroy} from 'svelte';
-  import type { IEntry } from '../mini-lcm';
+  import {type IEntry, SortField} from '$lib/dotnet-types';
   import {useSearch} from './search';
 
   const {search, showSearchDialog} = useSearch();
@@ -42,10 +42,10 @@
   const fetchCount = 105;
   const { value: result, loading } = deriveAsync(search, async (s) => {
     if (!s) return Promise.resolve({ entries: [], search: undefined });
-    const entries = await lexboxApi.SearchEntries(s ?? '', {
+    const entries = await lexboxApi.searchEntries(s ?? '', {
       offset: 0,
       count: fetchCount,
-      order: {field: 'headword', writingSystem: 'default'},
+      order: {field: SortField.Headword, writingSystem: 'default', ascending: true},
     });
     return { entries, search: s};
   }, {entries: [], search: undefined}, 200);
diff --git a/frontend/viewer/src/lib/semantic-domains.ts b/frontend/viewer/src/lib/semantic-domains.ts
index 38f2340f6..b43b45b66 100644
--- a/frontend/viewer/src/lib/semantic-domains.ts
+++ b/frontend/viewer/src/lib/semantic-domains.ts
@@ -1,12 +1,12 @@
 import {derived, type Readable, type Writable, writable} from 'svelte/store';
-import type {SemanticDomain} from './mini-lcm';
+import type {ISemanticDomain} from '$lib/dotnet-types';
 import {useLexboxApi} from './services/service-provider';
 
-let semanticDomainsStore: Writable<SemanticDomain[] | null> | null = null;
-export function useSemanticDomains(): Readable<SemanticDomain[]> {
+let semanticDomainsStore: Writable<ISemanticDomain[] | null> | null = null;
+export function useSemanticDomains(): Readable<ISemanticDomain[]> {
   if (semanticDomainsStore === null) {
-    semanticDomainsStore = writable<SemanticDomain[] | null>(null, (set) => {
-      useLexboxApi().GetSemanticDomains().then(semanticDomains => {
+    semanticDomainsStore = writable<ISemanticDomain[] | null>(null, (set) => {
+      useLexboxApi().getSemanticDomains().then(semanticDomains => {
         set(semanticDomains);
       }).catch(error => {
         console.error('Failed to load semantic domains', error);
diff --git a/frontend/viewer/src/lib/services/event-bus.ts b/frontend/viewer/src/lib/services/event-bus.ts
index 5b893d59c..de4c95e2d 100644
--- a/frontend/viewer/src/lib/services/event-bus.ts
+++ b/frontend/viewer/src/lib/services/event-bus.ts
@@ -1,8 +1,8 @@
 import type {CloseReason} from '../generated-signalr-client/TypedSignalR.Client/Lexbox.ClientServer.Hubs';
-import type {Entry} from '../mini-lcm';
+import type {IEntry} from '$lib/dotnet-types';
 
 export class EventBus {
-  private _onEntryUpdated = new Set<(entry: Entry) => void>();
+  private _onEntryUpdated = new Set<(entry: IEntry) => void>();
   private _onProjectClosed = new Set<(reason: CloseReason) => void>();
 
   public onProjectClosed(callback: (reason: CloseReason) => void): () => void {
@@ -14,12 +14,12 @@ export class EventBus {
     this._onProjectClosed.forEach(callback => callback(reason));
   }
 
-  public onEntryUpdated(callback: (entry: Entry) => void): () => void {
+  public onEntryUpdated(callback: (entry: IEntry) => void): () => void {
     this._onEntryUpdated.add(callback);
     return () => this._onEntryUpdated.delete(callback);
   }
 
-  public notifyEntryUpdated(entry: Entry) {
+  public notifyEntryUpdated(entry: IEntry) {
     this._onEntryUpdated.forEach(callback => callback(entry));
   }
 }
diff --git a/frontend/viewer/src/lib/services/history-service.ts b/frontend/viewer/src/lib/services/history-service.ts
index c16043d2b..5044ffe19 100644
--- a/frontend/viewer/src/lib/services/history-service.ts
+++ b/frontend/viewer/src/lib/services/history-service.ts
@@ -1,4 +1,4 @@
-import type {IEntry, IExampleSentence, ISense} from '../mini-lcm';
+import type {IEntry, IExampleSentence, ISense} from '$lib/dotnet-types';
 import {getContext} from 'svelte';
 
 export function useHistoryService() {
diff --git a/frontend/viewer/src/lib/services/lexbox-api.ts b/frontend/viewer/src/lib/services/lexbox-api.ts
index 0f9e81e6b..7b72d8284 100644
--- a/frontend/viewer/src/lib/services/lexbox-api.ts
+++ b/frontend/viewer/src/lib/services/lexbox-api.ts
@@ -1,56 +1,31 @@
 /* eslint-disable */
 
-import type {ComplexFormType, IEntry, IExampleSentence, ISense, PartOfSpeech, QueryOptions, SemanticDomain, WritingSystem, WritingSystems} from '../mini-lcm';
-
-import type {Operation} from 'fast-json-patch';
-import type {Readable} from 'svelte/store';
-
-export type {ComplexFormType, IEntry, IExampleSentence, ISense, PartOfSpeech, QueryOptions, SemanticDomain, WritingSystem, WritingSystems} from '../mini-lcm';
-
-export type JsonPatch = Operation[];
-
-export enum WritingSystemType {
-  Vernacular = 0,
-  Analysis = 1,
-}
-
-export interface LexboxApiFeatures {
-  history?: boolean;
-  write?: boolean;
-  openWithFlex?: boolean;
-  feedback?: boolean;
-  sync?: boolean;
-  about?: Readable<string>;
-}
-
-export interface LexboxApi {
-  GetWritingSystems(): Promise<WritingSystems>;
-  CreateWritingSystem(type: WritingSystemType, writingSystem: WritingSystem): Promise<void>;
-  UpdateWritingSystem(wsId: string, type: WritingSystemType, update: JsonPatch): Promise<WritingSystem>;
-
-  GetPartsOfSpeech(): Promise<PartOfSpeech[]>;
-  GetSemanticDomains(): Promise<SemanticDomain[]>;
-  GetComplexFormTypes(): Promise<ComplexFormType[]>;
-
-  GetEntries(options: QueryOptions | undefined): Promise<IEntry[]>;
-  SearchEntries(query: string, options: QueryOptions | undefined): Promise<IEntry[]>;
-  GetEntry(guid: string): Promise<IEntry>;
-
-  CreateEntry(entry: IEntry): Promise<IEntry>;
-  UpdateEntry(before: IEntry, after: IEntry): Promise<IEntry>;
-  DeleteEntry(guid: string): Promise<void>;
-
-  CreateSense(entryGuid: string, sense: ISense): Promise<ISense>;
-  UpdateSense(entryGuid: string, senseGuid: string, update: JsonPatch): Promise<ISense>;
-  DeleteSense(entryGuid: string, senseGuid: string): Promise<void>;
-
-  CreateExampleSentence(entryGuid: string, senseGuid: string, exampleSentence: IExampleSentence): Promise<IExampleSentence>;
-  UpdateExampleSentence(entryGuid: string, senseGuid: string, exampleSentenceGuid: string, update: JsonPatch): Promise<IExampleSentence>;
-  DeleteExampleSentence(entryGuid: string, senseGuid: string, exampleSentenceGuid: string): Promise<void>;
-}
-
-export interface LexboxApiMetadata {
-  SupportedFeatures(): Promise<LexboxApiFeatures>;
-}
-
-export type LexboxApiClient = LexboxApi & LexboxApiMetadata;
+import type {
+  IComplexFormType,
+  IEntry,
+  IExampleSentence,
+  ISense,
+  IPartOfSpeech,
+  IQueryOptions,
+  ISemanticDomain,
+  IWritingSystem,
+  IWritingSystems,
+  IMiniLcmJsInvokable,
+  WritingSystemType
+} from '$lib/dotnet-types';
+
+
+export type {
+  IComplexFormType,
+  IEntry,
+  IExampleSentence,
+  ISense,
+  IPartOfSpeech,
+  IQueryOptions,
+  ISemanticDomain,
+  IWritingSystem,
+  IWritingSystems,
+  WritingSystemType
+};
+
+export type LexboxApiClient = IMiniLcmJsInvokable;
diff --git a/frontend/viewer/src/lib/services/projects-service.ts b/frontend/viewer/src/lib/services/projects-service.ts
index 0f17917db..f422cae30 100644
--- a/frontend/viewer/src/lib/services/projects-service.ts
+++ b/frontend/viewer/src/lib/services/projects-service.ts
@@ -1,22 +1,32 @@
 import {AppNotification} from '../notifications/notifications';
-import type {IServerStatus, ICombinedProjectsService, IProjectModel} from '$lib/dotnet-types';
+import type {IServerStatus, ICombinedProjectsService, IProjectModel, ILexboxServer, IServerProjects} from '$lib/dotnet-types';
 
 export type Project = IProjectModel;
 export type ServerStatus = IServerStatus;
+
 export class ProjectService implements ICombinedProjectsService {
-  async createProject(newProjectName: string): Promise<{error: string|undefined}> {
+  supportsFwData(): Promise<boolean> {
+      throw new Error('Method not implemented.');
+  }
+  remoteProjects(): Promise<IServerProjects[]> {
+      throw new Error('Method not implemented.');
+  }
+  downloadProject(lexboxProjectId: string, projectName: string, server: ILexboxServer): Promise<void> {
+      throw new Error('Method not implemented.');
+  }
+  async createProject(newProjectName: string): Promise<void> {
 
     if (!newProjectName) {
-      return {error: 'Project name is required'};
+      throw new Error('Project name is required');
     }
     const response = await fetch(`/api/project?name=${newProjectName}`, {
       method: 'POST',
     });
 
     if (!response.ok) {
-      return {error: await response.text()};
+      throw new Error(await response.text());
     }
-    return {error: undefined};
+    return;
   }
 
   async importFwDataProject(name: string): Promise<boolean> {
diff --git a/frontend/viewer/src/lib/services/service-provider-signalr.ts b/frontend/viewer/src/lib/services/service-provider-signalr.ts
index 049245904..b9453dd7f 100644
--- a/frontend/viewer/src/lib/services/service-provider-signalr.ts
+++ b/frontend/viewer/src/lib/services/service-provider-signalr.ts
@@ -7,8 +7,7 @@ import {
   HubConnectionState,
   type IHttpConnectionOptions
 } from '@microsoft/signalr';
-import type {LexboxApiClient, LexboxApiFeatures, LexboxApiMetadata} from './lexbox-api';
-import {LexboxService} from './service-provider';
+import type {LexboxApiClient} from './lexbox-api';
 import {onDestroy} from 'svelte';
 import {type Readable, type Writable, writable} from 'svelte/store';
 import {AppNotification} from '../notifications/notifications';
@@ -16,14 +15,14 @@ import type {
   CloseReason,
 } from '../generated-signalr-client/TypedSignalR.Client/Lexbox.ClientServer.Hubs';
 import {useEventBus} from './event-bus';
-import type {Entry} from '../mini-lcm';
+import {DotnetService, type IMiniLcmFeatures, type IEntry, type IMiniLcmJsInvokable} from '$lib/dotnet-types';
 
 // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
 type ErrorContext = {error: Error|unknown, methodName?: string, origin: 'method'|'connection'};
 type ErrorHandler = (errorContext: ErrorContext) => {handled: boolean};
 export function SetupSignalR(
   url: string,
-  features: LexboxApiFeatures,
+  features: IMiniLcmFeatures,
   onError?: ErrorHandler,
   options: IHttpConnectionOptions = {}) : { connected: Readable<boolean>, lexboxApi: LexboxApiClient } {
   const {connection, connected} = setupConnection(url, options, errorContext => {
@@ -42,22 +41,22 @@ export function SetupSignalR(
   const hubProxy = hubFactory.createHubProxy(connection);
 
   const lexboxApiHubProxy = Object.assign(hubProxy, {
-    SupportedFeatures(): LexboxApiFeatures {
-      return features;
+    supportedFeatures(): Promise<IMiniLcmFeatures> {
+      return Promise.resolve(features);
     }
-  } satisfies LexboxApiMetadata);
+  } satisfies Partial<IMiniLcmJsInvokable>);
   const changeEventBus = useEventBus();
   getReceiverRegister('ILexboxClient').register(connection, {
     OnProjectClosed(reason: CloseReason): Promise<void> {
       changeEventBus.notifyProjectClosed(reason);
       return Promise.resolve();
     },
-    OnEntryUpdated(entry: Entry): Promise<void> {
+    OnEntryUpdated(entry: IEntry): Promise<void> {
       changeEventBus.notifyEntryUpdated(entry);
       return Promise.resolve();
     }
   });
-  window.lexbox.ServiceProvider.setService(LexboxService.LexboxApi, lexboxApiHubProxy);
+  window.lexbox.ServiceProvider.setService(DotnetService.MiniLcmApi, lexboxApiHubProxy);
   return {connected, lexboxApi: lexboxApiHubProxy};
 }
 
diff --git a/frontend/viewer/src/lib/utils.ts b/frontend/viewer/src/lib/utils.ts
index 89517afd0..babfbf95e 100644
--- a/frontend/viewer/src/lib/utils.ts
+++ b/frontend/viewer/src/lib/utils.ts
@@ -1,4 +1,4 @@
-import type { IEntry, IExampleSentence, IMultiString, ISense, WritingSystem, WritingSystems } from './mini-lcm';
+import type { IEntry, IExampleSentence, IMultiString, ISense, IWritingSystem, IWritingSystems } from '$lib/dotnet-types';
 
 import type { WritingSystemSelection } from './config-types';
 
@@ -14,11 +14,11 @@ export function headword(entry: IEntry, ws?: string): string {
   }
 }
 
-export function pickBestAlternative(value: IMultiString, wss: 'vernacular' | 'analysis', allWs: WritingSystems): string
-export function pickBestAlternative(value: IMultiString, firstChoice: WritingSystem): string
+export function pickBestAlternative(value: IMultiString, wss: 'vernacular' | 'analysis', allWs: IWritingSystems): string
+export function pickBestAlternative(value: IMultiString, firstChoice: IWritingSystem): string
 export function pickBestAlternative(value: IMultiString): string
-export function pickBestAlternative(value: IMultiString, firstChoice?: WritingSystem | 'vernacular' | 'analysis', allWs?: WritingSystems): string {
-  let ws: WritingSystem | undefined;
+export function pickBestAlternative(value: IMultiString, firstChoice?: IWritingSystem | 'vernacular' | 'analysis', allWs?: IWritingSystems): string {
+  let ws: IWritingSystem | undefined;
   if (firstChoice && allWs) {
     switch (firstChoice) {
       case 'vernacular':
@@ -62,8 +62,8 @@ export function firstSentenceOrTranslationVal(example: IExampleSentence | undefi
 
 export function pickWritingSystems(
   ws: WritingSystemSelection,
-  allWs: WritingSystems,
-): WritingSystem[] {
+  allWs: IWritingSystems,
+): IWritingSystem[] {
   switch (ws) {
     case 'vernacular-analysis':
       return [...new Set([...allWs.vernacular, ...allWs.analysis].sort())];
@@ -111,9 +111,11 @@ export function defaultEntry(): IEntry {
 export function defaultSense(id?: string): ISense {
   return {
     id: id ?? emptyId(),
+    entryId: '',
     definition: {},
     gloss: {},
     partOfSpeechId: undefined,
+    partOfSpeech: '',
     semanticDomains: [],
     exampleSentences: []
   };
@@ -122,6 +124,7 @@ export function defaultSense(id?: string): ISense {
 export function defaultExampleSentence(): IExampleSentence {
   return {
     id: emptyId(),
+    senseId: '',
     sentence: {},
     translation: {},
     reference: '',
diff --git a/frontend/viewer/src/lib/writing-systems.ts b/frontend/viewer/src/lib/writing-systems.ts
index 52bf61dea..594a2f613 100644
--- a/frontend/viewer/src/lib/writing-systems.ts
+++ b/frontend/viewer/src/lib/writing-systems.ts
@@ -1,15 +1,15 @@
-import type {WritingSystems} from './mini-lcm';
+import type {IWritingSystems} from '$lib/dotnet-types';
 import {derived, type Readable} from 'svelte/store';
 import {getContext, setContext} from 'svelte';
 
 const writingSystemContextName = 'writingSystems';
-export function initWritingSystems(ws: Readable<WritingSystems | null>): Readable<WritingSystems | null> {
+export function initWritingSystems(ws: Readable<IWritingSystems | null>): Readable<IWritingSystems | null> {
   setContext(writingSystemContextName, ws);
   return ws;
 }
 
-export function useWritingSystems(): Readable<WritingSystems> {
-  return derived(getContext<Readable<WritingSystems | null>>(writingSystemContextName), (ws, set) => {
+export function useWritingSystems(): Readable<IWritingSystems> {
+  return derived(getContext<Readable<IWritingSystems | null>>(writingSystemContextName), (ws, set) => {
     if (ws) set(ws);
   });
 }

From c147442dd1b8fef9c96d84942104a311765cd183 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 14:06:10 +0700
Subject: [PATCH 083/108] make ProjectView about optional

---
 .../project/[project_code]/viewer/lfClassicLexboxApi.ts         | 1 -
 frontend/viewer/src/ProjectView.svelte                          | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
index e6f32ef21..5a4a0f680 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
@@ -14,7 +14,6 @@ import type {
   IWritingSystems,
 } from 'viewer/lexbox-api';
 
-import type {Readable} from 'svelte/store';
 import {SEMANTIC_DOMAINS_EN} from './semantic-domains.en.generated-data';
 
 function prepareEntriesForUi(entries: IEntry[]): void {
diff --git a/frontend/viewer/src/ProjectView.svelte b/frontend/viewer/src/ProjectView.svelte
index a1384f878..6477cc073 100644
--- a/frontend/viewer/src/ProjectView.svelte
+++ b/frontend/viewer/src/ProjectView.svelte
@@ -41,7 +41,7 @@
   import {SortField} from '$lib/dotnet-types/generated-types/MiniLcm/SortField';
 
   export let loading = false;
-  export let about: string | undefined;
+  export let about: string | undefined = undefined;
 
   const changeEventBus = useEventBus();
   onDestroy(changeEventBus.onEntryUpdated(updatedEntry => {

From a6cf3a73e5a89d38bfa1aba79281efeecf21d7e0 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 14:42:59 +0700
Subject: [PATCH 084/108] resolve import errors when importing code to the
 frontend from the viewer

---
 .../[project_code]/viewer/+page.svelte        |   4 +-
 .../viewer/lfClassicLexboxApi.ts              | 129 ++++++++++++++++--
 frontend/svelte.config.js                     |   4 +
 frontend/viewer/package.json                  |   4 +-
 .../viewer/src/lib/in-memory-api-service.ts   |  11 +-
 .../src/lib/services/service-declaration.ts   |  18 +++
 .../lib/services/service-provider-dotnet.ts   |  22 ++-
 .../src/lib/services/service-provider.ts      |  20 +--
 8 files changed, 159 insertions(+), 53 deletions(-)
 create mode 100644 frontend/viewer/src/lib/services/service-declaration.ts

diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
index a8aa8b694..9da1543a0 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
@@ -1,8 +1,10 @@
 <script lang="ts">
   import 'viewer/component';
   import {LfClassicLexboxApi} from './lfClassicLexboxApi';
+  import 'viewer/service-declaration';
   import type {PageData} from './$types';
   import t from '$lib/i18n';
+  import {DotnetService} from '$lib/dotnet-types';
 
   export let data: PageData;
   $: project = data.project;
@@ -12,7 +14,7 @@
   $: {
     if (serviceProvider) {
       let localService = new LfClassicLexboxApi($project.code);
-      serviceProvider.setService('MiniLcmApi', localService);
+      serviceProvider.setService(DotnetService.MiniLcmApi, localService);
       service = localService;
     }
   }
diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
index 5a4a0f680..67b98f4ef 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
@@ -1,31 +1,33 @@
-/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable @typescript-eslint/naming-convention,@typescript-eslint/no-unused-vars */
 
 import type {
   IComplexFormType,
   IEntry,
   IExampleSentence,
   ISense,
-  LexboxApiClient,
+  IMiniLcmJsInvokable,
   IPartOfSpeech,
   IQueryOptions,
   ISemanticDomain,
   IWritingSystem,
   WritingSystemType,
   IWritingSystems,
-} from 'viewer/lexbox-api';
+  IComplexFormComponent,
+  IMiniLcmFeatures,
+} from 'viewer/mini-lcm-api';
 
 import {SEMANTIC_DOMAINS_EN} from './semantic-domains.en.generated-data';
 
 function prepareEntriesForUi(entries: IEntry[]): void {
-  entries.forEach(entry => {
-    entry.senses.forEach(sense => {
-      sense.semanticDomains.forEach(sd => {
+  for (const entry of entries) {
+    for (const sense of entry.senses) {
+      for (const sd of sense.semanticDomains) {
         sd.id = sd.code;
-      });
-      // @ts-expect-error partOfSpeech is only included on the server for the viewer.
+      }
+      //partOfSpeech is only included on the server for the viewer.
       sense.partOfSpeechId = sense.partOfSpeech as string;
-    });
-  });
+    }
+  }
 }
 
 function preparePartsOfSpeedForUi(partsOfSpeech: IPartOfSpeech[]): void {
@@ -34,7 +36,7 @@ function preparePartsOfSpeedForUi(partsOfSpeech: IPartOfSpeech[]): void {
   });
 }
 
-export class LfClassicLexboxApi implements LexboxApiClient {
+export class LfClassicLexboxApi implements IMiniLcmJsInvokable {
   constructor(private projectCode: string) {
   }
 
@@ -87,14 +89,14 @@ export class LfClassicLexboxApi implements LexboxApiClient {
   }
 
   getSemanticDomains(): Promise<ISemanticDomain[]> {
-    return Promise.resolve(SEMANTIC_DOMAINS_EN);
+    return Promise.resolve(SEMANTIC_DOMAINS_EN.map(sd => ({...sd, predefined: false})));
   }
 
   getComplexFormTypes(): Promise<IComplexFormType[]> {
     return Promise.resolve([]);
   }
 
-  createWritingSystem(_type: WritingSystemType, _writingSystem: IWritingSystem): Promise<void> {
+  createWritingSystem(_type: WritingSystemType, _writingSystem: IWritingSystem): Promise<IWritingSystem> {
     throw new Error('Method not implemented.');
   }
 
@@ -130,4 +132,105 @@ export class LfClassicLexboxApi implements LexboxApiClient {
     throw new Error('Method not implemented.');
   }
 
+  supportedFeatures(): Promise<IMiniLcmFeatures> {
+    return Promise.resolve({
+
+    });
+  }
+
+  getComplexFormType(id: string): Promise<IComplexFormType> {
+    throw new Error('Method not implemented.');
+  }
+
+  getSense(entryId: string, id: string): Promise<ISense> {
+    throw new Error('Method not implemented.');
+  }
+
+  getPartOfSpeech(id: string): Promise<IPartOfSpeech> {
+    throw new Error('Method not implemented.');
+  }
+
+  getSemanticDomain(id: string): Promise<ISemanticDomain> {
+    throw new Error('Method not implemented.');
+  }
+
+  getExampleSentence(entryId: string, senseId: string, id: string): Promise<IExampleSentence> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateWritingSystem(before: IWritingSystem, after: IWritingSystem): Promise<IWritingSystem> {
+    throw new Error('Method not implemented.');
+  }
+
+  createPartOfSpeech(partOfSpeech: IPartOfSpeech): Promise<IPartOfSpeech> {
+    throw new Error('Method not implemented.');
+  }
+
+  updatePartOfSpeech(before: IPartOfSpeech, after: IPartOfSpeech): Promise<IPartOfSpeech> {
+    throw new Error('Method not implemented.');
+  }
+
+  deletePartOfSpeech(id: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  createSemanticDomain(semanticDomain: ISemanticDomain): Promise<ISemanticDomain> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateSemanticDomain(before: ISemanticDomain, after: ISemanticDomain): Promise<ISemanticDomain> {
+    throw new Error('Method not implemented.');
+  }
+
+  deleteSemanticDomain(id: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  createComplexFormType(complexFormType: IComplexFormType): Promise<IComplexFormType> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateComplexFormType(before: IComplexFormType, after: IComplexFormType): Promise<IComplexFormType> {
+    throw new Error('Method not implemented.');
+  }
+
+  deleteComplexFormType(id: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  createComplexFormComponent(complexFormComponent: IComplexFormComponent): Promise<IComplexFormComponent> {
+    throw new Error('Method not implemented.');
+  }
+
+  deleteComplexFormComponent(complexFormComponent: IComplexFormComponent): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  addComplexFormType(entryId: string, complexFormTypeId: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  removeComplexFormType(entryId: string, complexFormTypeId: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateSense(entryId: string, before: ISense, after: ISense): Promise<ISense> {
+    throw new Error('Method not implemented.');
+  }
+
+  addSemanticDomainToSense(senseId: string, semanticDomain: ISemanticDomain): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  removeSemanticDomainFromSense(senseId: string, semanticDomainId: string): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
+
+  updateExampleSentence(entryId: string, senseId: string, before: IExampleSentence, after: IExampleSentence): Promise<IExampleSentence> {
+    throw new Error('Method not implemented.');
+  }
+
+  dispose(): Promise<void> {
+    throw new Error('Method not implemented.');
+  }
 }
diff --git a/frontend/svelte.config.js b/frontend/svelte.config.js
index 469f541e5..188481780 100644
--- a/frontend/svelte.config.js
+++ b/frontend/svelte.config.js
@@ -7,6 +7,10 @@ const config = {
     enableSourcemap: true
   },
   kit: {
+    alias: {
+      '$lib/dotnet-types': 'viewer/src/lib/dotnet-types',
+      '$lib/dotnet-types/*': 'viewer/src/lib/dotnet-types/*',
+    },
     version: {
       pollInterval: 0,
     },
diff --git a/frontend/viewer/package.json b/frontend/viewer/package.json
index 0c823a0c5..120e16599 100644
--- a/frontend/viewer/package.json
+++ b/frontend/viewer/package.json
@@ -11,8 +11,8 @@
   "main": "dist-web-component/web-component.js",
   "exports": {
     "./component": "./dist-web-component/web-component.js",
-    "./lexbox-api": "./src/lib/services/lexbox-api.ts",
-    "./service-provider": "./src/lib/services/service-provider.ts"
+    "./mini-lcm-api": "./src/lib/dotnet-types/index.ts",
+    "./service-declaration": "./src/lib/services/service-declaration.ts"
   },
   "scripts": {
     "dev-app": "vite",
diff --git a/frontend/viewer/src/lib/in-memory-api-service.ts b/frontend/viewer/src/lib/in-memory-api-service.ts
index c322702a2..c15ef201b 100644
--- a/frontend/viewer/src/lib/in-memory-api-service.ts
+++ b/frontend/viewer/src/lib/in-memory-api-service.ts
@@ -1,19 +1,20 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 
-import type { IComplexFormComponent } from './dotnet-types';
 import {entries, projectName, writingSystems} from './entry-data';
 import type {
   IEntry,
   IExampleSentence,
   ISense,
-  LexboxApiClient,
   IPartOfSpeech,
   IQueryOptions,
   ISemanticDomain,
   WritingSystemType,
   IWritingSystems,
-  IComplexFormType, IWritingSystem
-} from './services/lexbox-api';
+  IComplexFormType,
+  IWritingSystem,
+  IComplexFormComponent,
+  IMiniLcmJsInvokable
+} from '$lib/dotnet-types';
 
 import {headword} from './utils';
 
@@ -36,7 +37,7 @@ function filterEntries(entries: IEntry[], query: string): IEntry[] {
     ].some(value => value?.toLowerCase().includes(query.toLowerCase())));
 }
 
-export class InMemoryApiService implements LexboxApiClient {
+export class InMemoryApiService implements IMiniLcmJsInvokable {
   getComplexFormTypes(): Promise<IComplexFormType[]> {
     return Promise.resolve(
       //*
diff --git a/frontend/viewer/src/lib/services/service-declaration.ts b/frontend/viewer/src/lib/services/service-declaration.ts
new file mode 100644
index 000000000..183b60ffc
--- /dev/null
+++ b/frontend/viewer/src/lib/services/service-declaration.ts
@@ -0,0 +1,18 @@
+import type {LexboxServiceProvider, LexboxServiceRegistry} from './service-provider';
+import type { DotNetServiceProvider } from './service-provider-dotnet';
+import type {EventBus} from './event-bus';
+declare global {
+  interface Lexbox {
+    /* eslint-disable @typescript-eslint/naming-convention */
+    DotNetServiceProvider?: DotNetServiceProvider;
+    FwLiteProvider?: LexboxServiceRegistry;
+    ServiceProvider: LexboxServiceProvider;
+    Search: { openSearch: (search: string) => void };
+    EventBus: EventBus;
+    /* eslint-enable @typescript-eslint/naming-convention */
+  }
+
+  interface Window {
+    lexbox: Lexbox;
+  }
+}
diff --git a/frontend/viewer/src/lib/services/service-provider-dotnet.ts b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
index fe27c9edd..264f4c04f 100644
--- a/frontend/viewer/src/lib/services/service-provider-dotnet.ts
+++ b/frontend/viewer/src/lib/services/service-provider-dotnet.ts
@@ -1,13 +1,7 @@
-/* eslint-disable */
+/* eslint-disable @typescript-eslint/naming-convention */
+import './service-declaration';
 import  { type DotNet } from '@microsoft/dotnet-js-interop';
-import {LexboxService, type LexboxServiceRegistry, SERVICE_KEYS, type ServiceKey} from './service-provider';
-
-declare global {
-  interface Lexbox {
-    DotNetServiceProvider?: DotNetServiceProvider;
-    FwLiteProvider?: LexboxServiceRegistry;
-  }
-}
+import {type LexboxServiceRegistry, SERVICE_KEYS, type ServiceKey} from './service-provider';
 export class DotNetServiceProvider {
   private services: LexboxServiceRegistry;
 
@@ -25,7 +19,7 @@ export class DotNetServiceProvider {
 
   public getService<K extends ServiceKey>(key: K): LexboxServiceRegistry[K] | undefined {
     this.validateAllServices();
-    let service = this.services[key] as unknown as DotNet.DotNetObject;
+    const service = this.services[key] as unknown as DotNet.DotNetObject;
     //todo maybe don't return undefined
     if (!service) return undefined;
     return wrapInProxy(service) as LexboxServiceRegistry[K];
@@ -41,11 +35,11 @@ export class DotNetServiceProvider {
   }
 }
 
-function wrapInProxy(dotnetObject: DotNet.DotNetObject): any {
+function wrapInProxy(dotnetObject: DotNet.DotNetObject): unknown {
   return new Proxy(dotnetObject, {
     get(target: DotNet.DotNetObject, prop: string) {
-      let dotnetMethodName = uppercaseFirstLetter(prop);
-      return function (...args: any[]) {
+      const dotnetMethodName = uppercaseFirstLetter(prop);
+      return function (...args: unknown[]) {
         return target.invokeMethodAsync(dotnetMethodName, ...args);
       };
     },
@@ -61,7 +55,7 @@ export function setupDotnetServiceProvider() {
   if (globalThis.window.lexbox) {
     globalThis.window.lexbox = {...globalThis.window.lexbox, ...lexbox};
   } else {
-    // @ts-ignore
+    // @ts-expect-error this is only partially what's required here
     globalThis.window.lexbox = lexbox;
   }
 }
diff --git a/frontend/viewer/src/lib/services/service-provider.ts b/frontend/viewer/src/lib/services/service-provider.ts
index 949247b74..1f6cbf591 100644
--- a/frontend/viewer/src/lib/services/service-provider.ts
+++ b/frontend/viewer/src/lib/services/service-provider.ts
@@ -1,30 +1,14 @@
+import './service-declaration';
 import {openSearch} from '../search-bar/search';
-import {ProjectService} from './projects-service';
 import {DotnetService, type ICombinedProjectsService, type IAuthService} from '../dotnet-types';
 import type {IImportFwdataService} from '$lib/dotnet-types/generated-types/FwLiteShared/Projects/IImportFwdataService';
 import type {IMiniLcmJsInvokable} from '$lib/dotnet-types/generated-types/FwLiteShared/Services/IMiniLcmJsInvokable';
-import {type EventBus, useEventBus} from '$lib/services/event-bus';
-
-declare global {
-
-  interface Lexbox {
-    /* eslint-disable @typescript-eslint/naming-convention */
-    ServiceProvider: LexboxServiceProvider;
-    Search: {openSearch: (search: string) => void};
-    EventBus: EventBus;
-    /* eslint-enable @typescript-eslint/naming-convention */
-  }
-
-  interface Window {
-    lexbox: Lexbox;
-  }
-}
+import {useEventBus} from './event-bus';
 
 export enum LexboxService {
   LexboxApi = 'LexboxApi'
 }
 export type ServiceKey = keyof LexboxServiceRegistry;
-
 export type LexboxServiceRegistry = {
   [DotnetService.MiniLcmApi]: IMiniLcmJsInvokable,
   [DotnetService.CombinedProjectsService]: ICombinedProjectsService,

From 8bb8cbaaf4a73fe8b6a2e5440156c5e3ab1cb212 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 14:43:29 +0700
Subject: [PATCH 085/108] change fw-lite build to use ubunut-latest on main
 build

---
 .github/workflows/fw-lite.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index 28b3252d5..bb01e7c9b 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -24,7 +24,7 @@ jobs:
   build-and-test:
     name: Build FW Lite and run tests
     timeout-minutes: 30
-    runs-on: windows-latest
+    runs-on: ubuntu-latest
     outputs:
       version: ${{ steps.setVersion.outputs.VERSION }}
       semver-version: ${{ steps.setVersion.outputs.SEMVER_VERSION }}
@@ -41,7 +41,7 @@ jobs:
           node-version-file: './frontend/package.json'
 
       - name: Setup Maui
-        run: dotnet workload install maui-windows
+        run: dotnet workload install maui
 
       - name: Set Version
         id: setVersion

From 9c454c354b75b0aaaf782ee3b9f92b7fd2893b7b Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 15:00:07 +0700
Subject: [PATCH 086/108] build android

---
 .github/workflows/fw-lite.yaml | 66 +++++++++++++++++++++++++---------
 1 file changed, 49 insertions(+), 17 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index bb01e7c9b..c863d458c 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -19,7 +19,8 @@ on:
     branches:
       - develop
       - main
-
+env:
+  VIEWER_BUILD_OUTPUT_DIR: backend/FwLite/FwLiteShared/wwwroot/viewer
 jobs:
   build-and-test:
     name: Build FW Lite and run tests
@@ -70,9 +71,9 @@ jobs:
       - name: Upload viewer artifacts
         uses: actions/upload-artifact@v4
         with:
-          name: fw-lite-viewer-app
+          name: fw-lite-viewer-js
           if-no-files-found: error
-          path: frontend/viewer/dist
+          path: ${{ env.VIEWER_BUILD_OUTPUT_DIR }}
 
   publish-mac:
     name: Publish FW Lite app for Mac
@@ -86,8 +87,8 @@ jobs:
           submodules: true
       - uses: actions/download-artifact@v4
         with:
-          name: fw-lite-viewer-app
-          path: frontend/viewer/dist
+          name: fw-lite-viewer-js
+          path: ${{ env.VIEWER_BUILD_OUTPUT_DIR }}
       - uses: actions/setup-dotnet@v4
         with:
           dotnet-version: '9.x'
@@ -123,16 +124,12 @@ jobs:
           submodules: true
       - uses: actions/download-artifact@v4
         with:
-          name: fw-lite-viewer-app
-          path: frontend/viewer/dist
+          name: fw-lite-viewer-js
+          path: ${{ env.VIEWER_BUILD_OUTPUT_DIR }}
       - uses: actions/setup-dotnet@v4
         with:
           dotnet-version: '9.x'
 
-      - name: Dotnet build
-        working-directory: backend/FwLite/LocalWebApp
-        run: dotnet build --configuration Release
-
       - name: Publish Linux
         working-directory: backend/FwLite/LocalWebApp
         run: dotnet publish -r linux-x64 --artifacts-path ../artifacts -p:PublishSingleFile=true -p:Version=${{ needs.build-and-test.outputs.semver-version }}
@@ -144,6 +141,38 @@ jobs:
           if-no-files-found: error
           path: backend/FwLite/artifacts/publish/LocalWebApp/*
 
+  publish-android:
+    name: Publish FW Lite app for Android
+    needs: build-and-test
+    timeout-minutes: 30
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          submodules: true
+      - uses: actions/download-artifact@v4
+        with:
+          name: fw-lite-viewer-js
+          path: ${{ env.VIEWER_BUILD_OUTPUT_DIR }}
+      - uses: actions/setup-dotnet@v4
+        with:
+          dotnet-version: '9.x'
+
+      - name: Setup Maui
+        run: dotnet workload install maui-android
+
+      - name: Publish Android
+        working-directory: backend/FwLite/FwLiteDesktop
+        run: dotnet publish -f net9.0-android --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+
+      - name: Upload FWLite App artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: fw-lite-android
+          if-no-files-found: error
+          path: backend/FwLite/artifacts/publish/FwLiteDesktop/*/*
+
   publish-win:
     name: Publish FW Lite app for Windows
     needs: build-and-test
@@ -156,8 +185,8 @@ jobs:
           submodules: true
       - uses: actions/download-artifact@v4
         with:
-          name: fw-lite-viewer-app
-          path: frontend/viewer/dist
+          name: fw-lite-viewer-js
+          path: ${{ env.VIEWER_BUILD_OUTPUT_DIR }}
       - uses: actions/setup-dotnet@v4
         with:
           dotnet-version: '9.x'
@@ -165,10 +194,6 @@ jobs:
       - name: Setup Maui
         run: dotnet workload install maui-windows
 
-      - name: Dotnet build
-        working-directory: backend/FwLite/LocalWebApp
-        run: dotnet build --configuration Release
-
       - name: Publish Windows MAUI portable app
         working-directory: backend/FwLite/FwLiteDesktop
         run: |
@@ -239,6 +264,10 @@ jobs:
         with:
           name: fw-lite-local-web-app-linux
           path: fw-lite-local-web-app-linux
+      - uses: actions/download-artifact@v4
+        with:
+          name: fw-lite-android
+          path: fw-lite-android
 
       - name: Zip artifacts
         run: |
@@ -256,6 +285,9 @@ jobs:
             fw-lite-msix/*
             fw-lite-portable.zip
             fw-lite-local-web-app-linux.zip
+            fw-lite-android/*.apk
+            fw-lite-android/*.aab
+
       - name: Invalidate Lexbox Release endpoint
         continue-on-error: true
         run: |

From 653975f9ca676a1308c7ee60a1b04746ace69637 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 15:02:41 +0700
Subject: [PATCH 087/108] build maui on windows

---
 .github/workflows/fw-lite.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index c863d458c..a566a96d5 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -24,8 +24,8 @@ env:
 jobs:
   build-and-test:
     name: Build FW Lite and run tests
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
+    timeout-minutes: 40
+    runs-on: windows-latest
     outputs:
       version: ${{ steps.setVersion.outputs.VERSION }}
       semver-version: ${{ steps.setVersion.outputs.SEMVER_VERSION }}

From 07052810a1b34b66e58db8eb2d71f0de0456802d Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 15:36:18 +0700
Subject: [PATCH 088/108] fix eslint errors

---
 .../project/[project_code]/viewer/lfClassicLexboxApi.ts     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
index 67b98f4ef..b6bc6c409 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/lfClassicLexboxApi.ts
@@ -25,7 +25,7 @@ function prepareEntriesForUi(entries: IEntry[]): void {
         sd.id = sd.code;
       }
       //partOfSpeech is only included on the server for the viewer.
-      sense.partOfSpeechId = sense.partOfSpeech as string;
+      sense.partOfSpeechId = sense.partOfSpeech;
     }
   }
 }
@@ -68,14 +68,14 @@ export class LfClassicLexboxApi implements IMiniLcmJsInvokable {
     const asc = options.order.ascending ?? true;
     const params = new URLSearchParams({
       SortField: options.order.field,
-      SortWritingSystem: options.order.writingSystem as string,
+      SortWritingSystem: options.order.writingSystem,
       Ascending: asc ? 'true' : 'false',
       Count: options.count.toString(),
       Offset: options.offset.toString()
     });
     if (options.exemplar) {
       params.set('ExemplarValue', options.exemplar.value);
-      params.set('ExemplarWritingSystem', options.exemplar.writingSystem as string);
+      params.set('ExemplarWritingSystem', options.exemplar.writingSystem);
     }
     /* eslint-enable @typescript-eslint/no-unsafe-assignment */
     return '?' + params.toString();

From c6d8fb9cfd39bc7fca40331e49bb77592b2982dc Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 15:51:12 +0700
Subject: [PATCH 089/108] specify os when building for android

---
 .github/workflows/fw-lite.yaml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index a566a96d5..c649e1664 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -63,10 +63,10 @@ jobs:
       - name: Dotnet build
         working-directory: backend/FwLite/FwLiteDesktop
         run: |
-          dotnet build --configuration Release
+          dotnet build
 
       - name: Dotnet test
-        run: dotnet test FwLiteOnly.slnf --configuration Release  --logger GitHubActions
+        run: dotnet test FwLiteOnly.slnf --logger GitHubActions
 
       - name: Upload viewer artifacts
         uses: actions/upload-artifact@v4
@@ -164,7 +164,7 @@ jobs:
 
       - name: Publish Android
         working-directory: backend/FwLite/FwLiteDesktop
-        run: dotnet publish -f net9.0-android --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+        run: dotnet publish -f net9.0-android --os android --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
 
       - name: Upload FWLite App artifacts
         uses: actions/upload-artifact@v4

From 7422da2f15656ad4d9954428aaec2a3856f38fee Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 16:02:31 +0700
Subject: [PATCH 090/108] don't import Dotnet service in viewer because it
 breaks the build

---
 .../project/[project_code]/viewer/+page.svelte                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
index 9da1543a0..426dd9bf4 100644
--- a/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
+++ b/frontend/src/routes/(authenticated)/project/[project_code]/viewer/+page.svelte
@@ -4,7 +4,6 @@
   import 'viewer/service-declaration';
   import type {PageData} from './$types';
   import t from '$lib/i18n';
-  import {DotnetService} from '$lib/dotnet-types';
 
   export let data: PageData;
   $: project = data.project;
@@ -14,7 +13,8 @@
   $: {
     if (serviceProvider) {
       let localService = new LfClassicLexboxApi($project.code);
-      serviceProvider.setService(DotnetService.MiniLcmApi, localService);
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      serviceProvider.setService('MiniLcmApi' as any, localService);
       service = localService;
     }
   }

From 7510dcb29fe515509e8b7e7e4ab141454801f438 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 16:14:53 +0700
Subject: [PATCH 091/108] make release depend on the publish-android job

---
 .github/workflows/fw-lite.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index c649e1664..723f5af3d 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -248,7 +248,7 @@ jobs:
   create-release:
     if: ${{ github.ref_name == 'main' }}
     name: Create Release
-    needs: [ build-and-test, publish-win, publish-linux, publish-mac]
+    needs: [ build-and-test, publish-win, publish-linux, publish-mac, publish-android]
     runs-on: ubuntu-latest
 
     steps:

From a094d1309c7a6d7928c5a5caae34a823d2e598c9 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 16:41:38 +0700
Subject: [PATCH 092/108] build android on mac, run tests on ubuntu, fix
 windows build

---
 .github/workflows/fw-lite.yaml | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index 723f5af3d..4dcbdfe97 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -25,7 +25,7 @@ jobs:
   build-and-test:
     name: Build FW Lite and run tests
     timeout-minutes: 40
-    runs-on: windows-latest
+    runs-on: ubuntu-latest
     outputs:
       version: ${{ steps.setVersion.outputs.VERSION }}
       semver-version: ${{ steps.setVersion.outputs.SEMVER_VERSION }}
@@ -60,11 +60,6 @@ jobs:
           pnpm install
           pnpm run build-app
 
-      - name: Dotnet build
-        working-directory: backend/FwLite/FwLiteDesktop
-        run: |
-          dotnet build
-
       - name: Dotnet test
         run: dotnet test FwLiteOnly.slnf --logger GitHubActions
 
@@ -145,7 +140,7 @@ jobs:
     name: Publish FW Lite app for Android
     needs: build-and-test
     timeout-minutes: 30
-    runs-on: ubuntu-latest
+    runs-on: macos-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -197,14 +192,14 @@ jobs:
       - name: Publish Windows MAUI portable app
         working-directory: backend/FwLite/FwLiteDesktop
         run: |
-          dotnet publish -r win-x64 --artifacts-path ../artifacts -p:WindowsPackageType=None -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+          dotnet publish -f net9.0-windows10.0.19041.0 --artifacts-path ../artifacts -p:WindowsPackageType=None -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
           mkdir -p ../artifacts/sign/portable
           cp -r ../artifacts/publish/FwLiteDesktop/* ../artifacts/sign/portable/
 
       - name: Publish Windows MAUI msix app
         working-directory: backend/FwLite/FwLiteDesktop
         run: |
-          dotnet publish -r win-x64 --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+          dotnet publish -f net9.0-windows10.0.19041.0 --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
           mkdir -p ../artifacts/msix
           cp ../artifacts/bin/FwLiteDesktop/*/AppPackages/*/*.msix ../artifacts/msix/
 

From db1db88aca94c26f9bf36f9c65cbcbca44a59bcb Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 16:44:01 +0700
Subject: [PATCH 093/108] remove setup maui from initial build since it doesn't
 work on linux

---
 .github/workflows/fw-lite.yaml | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index 4dcbdfe97..57bac3e72 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -41,9 +41,6 @@ jobs:
         with:
           node-version-file: './frontend/package.json'
 
-      - name: Setup Maui
-        run: dotnet workload install maui
-
       - name: Set Version
         id: setVersion
         shell: bash

From a099ff7f76d90406b0da1b7c3c802c7642690bd9 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 16:51:02 +0700
Subject: [PATCH 094/108] use windows for tests since linux doesn't seem to
 like the slnf file

---
 .github/workflows/fw-lite.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index 57bac3e72..3620ea6bc 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -25,7 +25,7 @@ jobs:
   build-and-test:
     name: Build FW Lite and run tests
     timeout-minutes: 40
-    runs-on: ubuntu-latest
+    runs-on: windows-latest
     outputs:
       version: ${{ steps.setVersion.outputs.VERSION }}
       semver-version: ${{ steps.setVersion.outputs.SEMVER_VERSION }}

From 81b42b94a923d8d757ed5c60c5e515dcef008bb6 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 17:14:25 +0700
Subject: [PATCH 095/108] install maui instead of maui-android

---
 .github/workflows/fw-lite.yaml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index 3620ea6bc..6006e04c3 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -152,11 +152,11 @@ jobs:
           dotnet-version: '9.x'
 
       - name: Setup Maui
-        run: dotnet workload install maui-android
+        run: dotnet workload install maui
 
       - name: Publish Android
         working-directory: backend/FwLite/FwLiteDesktop
-        run: dotnet publish -f net9.0-android --os android --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+        run: dotnet publish -f net9.0-android --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
 
       - name: Upload FWLite App artifacts
         uses: actions/upload-artifact@v4

From 7bbfe7598e93b1cdbdfe4127e3206ec3aa4d4e45 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Thu, 19 Dec 2024 18:36:03 +0700
Subject: [PATCH 096/108] fix os condition

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 4b4797f5c..56cac77eb 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -60,8 +60,8 @@
 	<ItemGroup>
 		<!-- App Icon -->
         <!--        background color is required for mac per: https://learn.microsoft.com/en-us/dotnet/maui/user-interface/images/app-icons?view=net-maui-8.0&tabs=windows#recolor-the-background -->
-        <MauiIcon Condition="$([MSBuild]::IsOSPlatform('osx'))" Include="Resources\AppIcon\logo_light.svg" Color="#1c4e80" />
-		<MauiIcon Include="Resources\AppIcon\logo_light.svg" />
+        <MauiIcon Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'" Include="Resources\AppIcon\logo_light.svg" Color="#1c4e80" />
+		<MauiIcon Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) != 'ios'" Include="Resources\AppIcon\logo_light.svg" />
 
 		<!-- Splash Screen -->
 		<MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#152747" BaseSize="512,512" />

From 8507512808c3373ab0cace0e26bde0a9e35199c7 Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Thu, 19 Dec 2024 16:52:28 +0100
Subject: [PATCH 097/108] Add Vs code tasks for FwLiteDesktop and android task

---
 .gitignore                  |  1 +
 .vscode/launch.json         | 11 ++++++++++-
 .vscode/tasks.json          | 14 +++++++++++++-
 backend/FwLite/Taskfile.yml |  6 ++++++
 4 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 9a4f25740..44f520a4d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,6 +21,7 @@ test-results/
 msal.json
 msal.cache
 artifacts/
+.vs/
 
 #Verify
 *.received.*
diff --git a/.vscode/launch.json b/.vscode/launch.json
index 425e2e8ef..60b4e9439 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -10,6 +10,15 @@
       "request": "launch",
       "projectPath": "${workspaceFolder}/backend/FwLite/LocalWebApp/LocalWebApp.csproj"
     },
+    {
+      "name": "FwLite Blazor",
+      "type": "coreclr",
+      "request": "launch",
+      "preLaunchTask": "Build FwLite Blazor (Windows)",
+      "program": "${workspaceFolder}/backend/FwLite/FwLiteDesktop/bin/Debug/net9.0-windows10.0.19041.0/win10-x64/FwLiteDesktop.exe",
+      "cwd": "${workspaceFolder}/backend/FwLite/FwLiteDesktop",
+      "stopAtEntry": false,
+    },
     {
       "name": ".NET Core Launch (web)",
       "type": "coreclr",
@@ -21,7 +30,7 @@
       "stopAtEntry": false,
       "serverReadyAction": {
         "action": "openExternally",
-        "pattern": "\\bNow listening on:\\s+(https?://\\S+)"
+        "pattern": "/\bNow listening on:\\s+(https?://\\S+)"
       },
       "env": {
         "ASPNETCORE_ENVIRONMENT": "Development"
diff --git a/.vscode/tasks.json b/.vscode/tasks.json
index 04ee8d4df..474f98143 100644
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@@ -1,6 +1,18 @@
 {
     "version": "2.0.0",
     "tasks": [
+        {
+          "label": "Build FwLite Blazor (Windows)",
+          "command": "dotnet",
+          "type": "process",
+          "args": [
+            "build",
+            "${workspaceFolder}/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj",
+            "--framework",
+            "net9.0-windows10.0.19041.0",
+          ],
+          "problemMatcher": "$msCompile"
+        },
         {
             "label": "build",
             "command": "dotnet",
@@ -38,4 +50,4 @@
             "problemMatcher": "$msCompile"
         }
     ]
-}
\ No newline at end of file
+}
diff --git a/backend/FwLite/Taskfile.yml b/backend/FwLite/Taskfile.yml
index fd79f7ea4..1354ef866 100644
--- a/backend/FwLite/Taskfile.yml
+++ b/backend/FwLite/Taskfile.yml
@@ -34,6 +34,12 @@ tasks:
 #      - dotnet publish -r win-x64 --artifacts-path ../artifacts
 #      - dotnet publish -r win-arm64 --artifacts-path ../artifacts
 
+  build-maui-android:
+    deps: [ ui:build-viewer-app ]
+    label: Build Maui Android
+    dir: ./FwLiteDesktop
+    cmd: dotnet build -f net9.0-android -t:InstallAndroidDependencies -p:AcceptAndroidSdkLicenses=True # "-p:AndroidSdkDirectory=D:\tools\android"
+
   publish-local-all:
     cmds:
       - task: publish-local-win

From 44d2e474796be0939d407815b20a0300f842b09c Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 10:53:07 +0700
Subject: [PATCH 098/108] avoid trimming SqliteConnection ClearAllPools

---
 backend/FwLite/LcmCrdt/LcmCrdtKernel.cs | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
index 17b009893..5a7478296 100644
--- a/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
+++ b/backend/FwLite/LcmCrdt/LcmCrdtKernel.cs
@@ -14,6 +14,7 @@
 using LinqToDB.Data;
 using LinqToDB.EntityFrameworkCore;
 using LinqToDB.Mapping;
+using Microsoft.Data.Sqlite;
 using Microsoft.EntityFrameworkCore;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Logging;
@@ -28,6 +29,7 @@ public static class LcmCrdtKernel
 {
     public static IServiceCollection AddLcmCrdtClient(this IServiceCollection services)
     {
+        AvoidTrimming();
         LinqToDBForEFTools.Initialize();
         services.AddMemoryCache();
         services.AddSingleton<SetupCollationInterceptor>();
@@ -57,6 +59,12 @@ public static IServiceCollection AddLcmCrdtClient(this IServiceCollection servic
         return services;
     }
 
+    private static void AvoidTrimming()
+    {
+        //this is only here so that the compiler doesn't trim this method as Linq2Db uses it via reflection
+        SqliteConnection.ClearAllPools();
+    }
+
     private static void ConfigureDbOptions(IServiceProvider provider, DbContextOptionsBuilder builder)
     {
         var projectContext = provider.GetRequiredService<CurrentProjectService>();

From aba7a2c1e946663950fa19ab46dccca9d8d616f5 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 13:17:28 +0700
Subject: [PATCH 099/108] publish single file when making portable windows
 builds

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj | 6 +++---
 backend/FwLite/Taskfile.yml                       | 7 ++-----
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
index 56cac77eb..70056aac7 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktop.csproj
@@ -51,9 +51,9 @@
     <PropertyGroup Condition="'$(Configuration)' == 'Release' And $([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">
         <!--        single file disabled as it's less efficient for updates-->
         <PublishSingleFile>false</PublishSingleFile>
-        <PublishTrimmed>false</PublishTrimmed>
-<!--        only trim assemblies that explicitly support it-->
-        <TrimMode>partial</TrimMode>
+    </PropertyGroup>
+    <PropertyGroup Condition="'$(Configuration)' == 'Release' And $([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows' And $(WindowsPackageType) == 'None'">
+        <PublishSingleFile>true</PublishSingleFile>
     </PropertyGroup>
 
 
diff --git a/backend/FwLite/Taskfile.yml b/backend/FwLite/Taskfile.yml
index 1354ef866..efb615886 100644
--- a/backend/FwLite/Taskfile.yml
+++ b/backend/FwLite/Taskfile.yml
@@ -28,11 +28,8 @@ tasks:
     label: Publish Maui Desktop
     dir: ./FwLiteDesktop
     cmds:
-      - dotnet publish -r win-x64 --artifacts-path ../artifacts -p:WindowsPackageType=None
-      - dotnet publish -r win-arm64 --artifacts-path ../artifacts -p:WindowsPackageType=None
-    # disabled since we can't sign the msix installer
-#      - dotnet publish -r win-x64 --artifacts-path ../artifacts
-#      - dotnet publish -r win-arm64 --artifacts-path ../artifacts
+      - dotnet publish -f net9.0-windows10.0.19041.0 --artifacts-path ../artifacts -p:WindowsPackageType=None
+      - dotnet publish -f net9.0-windows10.0.19041.0 --artifacts-path ../artifacts
 
   build-maui-android:
     deps: [ ui:build-viewer-app ]

From 393eb6bbb2c469ea958679e3bf7c42a03b86aa27 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 13:58:48 +0700
Subject: [PATCH 100/108] only use MsalCacheHelper on desktop platforms

---
 .../FwLite/FwLiteShared/Auth/OAuthClient.cs    | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs b/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
index a4e258389..d077bc6e4 100644
--- a/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
+++ b/backend/FwLite/FwLiteShared/Auth/OAuthClient.cs
@@ -1,4 +1,5 @@
 using System.Net.Http.Headers;
+using System.Runtime.InteropServices;
 using FwLiteShared.Projects;
 using Microsoft.Extensions.Hosting;
 using Microsoft.Extensions.Logging;
@@ -62,13 +63,16 @@ public OAuthClient(LoggerAdapter loggerAdapter,
             builder.WithDefaultRedirectUri();
         }
         _application = builder.Build();
-        _ = MsalCacheHelper.CreateAsync(BuildCacheProperties(options.Value.CacheFileName)).ContinueWith(
-            task =>
-            {
-                var msalCacheHelper = task.Result;
-                msalCacheHelper.RegisterCache(_application.UserTokenCache);
-            },
-            scheduler: TaskScheduler.Default);
+        if (RuntimeInformation.IsOSPlatform(OSPlatform.Windows) || RuntimeInformation.IsOSPlatform(OSPlatform.Linux) || RuntimeInformation.IsOSPlatform(OSPlatform.OSX))
+        {
+            _ = MsalCacheHelper.CreateAsync(BuildCacheProperties(options.Value.CacheFileName)).ContinueWith(
+                task =>
+                {
+                    var msalCacheHelper = task.Result;
+                    msalCacheHelper.RegisterCache(_application.UserTokenCache);
+                },
+                scheduler: TaskScheduler.Default);
+        }
     }
 
     public static readonly KeyValuePair<string, string> LinuxKeyRingAttr1 = new("Version", "1");

From 21099b188bb4d1618a82d3be08f8e2fa2f5d23eb Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 14:33:12 +0700
Subject: [PATCH 101/108] activate the desktop window once login is successful

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs | 5 +++++
 backend/FwLite/FwLiteShared/Auth/AuthConfig.cs      | 1 +
 backend/FwLite/FwLiteShared/Auth/AuthService.cs     | 1 +
 3 files changed, 7 insertions(+)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 280209106..447df394a 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -45,6 +45,11 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
 #if ANDROID
         services.Configure<AuthConfig>(config => config.ParentActivityOrWindow = Platform.CurrentActivity);
 #endif
+        services.Configure<AuthConfig>(config => config.AfterLoginWebView = () =>
+        {
+            var window = Application.Current?.Windows.FirstOrDefault();
+            if (window is not null) Application.Current?.ActivateWindow(window);
+        });
 
         var defaultDataPath = IsPortableApp ? Directory.GetCurrentDirectory() : FileSystem.AppDataDirectory;
         var baseDataPath = Path.GetFullPath(configuration.GetSection("FwLiteDesktop").GetValue<string>("BaseDataDir") ??
diff --git a/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs b/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
index 2c20387b1..39f76c687 100644
--- a/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
+++ b/backend/FwLite/FwLiteShared/Auth/AuthConfig.cs
@@ -14,6 +14,7 @@ public class AuthConfig
     public bool SystemWebViewLogin { get; set; } = false;
     public object? ParentActivityOrWindow { get; set; }
     public LexboxServer DefaultServer => LexboxServers.First();
+    public Action? AfterLoginWebView { get; set; }
 
     public LexboxServer GetServerByAuthority(string authority)
     {
diff --git a/backend/FwLite/FwLiteShared/Auth/AuthService.cs b/backend/FwLite/FwLiteShared/Auth/AuthService.cs
index 4cc5a5767..c30469cbd 100644
--- a/backend/FwLite/FwLiteShared/Auth/AuthService.cs
+++ b/backend/FwLite/FwLiteShared/Auth/AuthService.cs
@@ -25,6 +25,7 @@ public async Task SignInWebView(LexboxServer server)
     {
         var result = await clientFactory.GetClient(server).SignIn(string.Empty);//does nothing here
         if (!result.HandledBySystemWebView) throw new InvalidOperationException("Sign in not handled by system web view");
+        options.Value.AfterLoginWebView?.Invoke();
     }
 
     public async Task<string> SignInWebApp(LexboxServer server, string returnUrl)

From 62e07a2b0dd820d37230c2a8790923a83aa593bd Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Fri, 20 Dec 2024 11:02:49 +0100
Subject: [PATCH 102/108] Try to dispose service provider on shutdown

---
 backend/FwLite/FwLiteDesktop/MauiProgram.cs | 44 ++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteDesktop/MauiProgram.cs b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
index 9b52f16b9..c60a509af 100644
--- a/backend/FwLite/FwLiteDesktop/MauiProgram.cs
+++ b/backend/FwLite/FwLiteDesktop/MauiProgram.cs
@@ -1,4 +1,5 @@
 using Microsoft.Extensions.Logging;
+using Microsoft.Maui.LifecycleEvents;
 
 namespace FwLiteDesktop;
 
@@ -7,11 +8,35 @@ public static class MauiProgram
     private record AppHolder(MauiApp? App)
     {
         public MauiApp? App { get; set; } = App;
+
+        public void Shutdown()
+        {
+            var thread = new Thread(() =>
+            {
+                if (App == null) return;
+
+                var logger = App.Services.GetRequiredService<ILogger<MauiApp>>();
+                try
+                {
+                    logger.LogInformation("Disposing app");
+                    App.DisposeAsync().GetAwaiter().GetResult();
+                }
+                catch (Exception e)
+                {
+                    logger.LogError(e, "Failed to dispose app");
+                    throw;
+                }
+            })
+            {
+                IsBackground = false
+            };
+            thread.Start();
+        }
     }
 
     public static MauiApp CreateMauiApp()
     {
-        // AppHolder holder = new AppHolder(null);
+        AppHolder holder = new AppHolder(null);
         var builder = MauiApp.CreateBuilder();
         builder
             .UseMauiApp<App>()
@@ -26,7 +51,24 @@ public static MauiApp CreateMauiApp()
         });
         builder.Services.AddFwLiteDesktopServices(builder.Configuration, builder.Logging);
 
+        builder.ConfigureLifecycleEvents(events =>
+        {
+#if ANDROID
+            events.AddAndroid(android => android
+                .OnDestroy((activity) => holder.Shutdown()));
+#endif
+#if IOS || MACCATALYST
+            events.AddiOS(ios => ios
+                .WillTerminate((app) => holder.Shutdown()));
+#endif
+#if WINDOWS
+            events.AddWindows(windows => windows
+                .OnClosed((window, args) => holder.Shutdown()));
+#endif
+        });
+
         var app = builder.Build();
+        holder.App = app;
         var logger = app.Services.GetRequiredService<ILogger<MauiApp>>();
         logger.LogInformation("App started");
         AppDomain.CurrentDomain.UnhandledException += (sender, e) =>

From 0b9bfde407030a6cc696ba7803976ae8673f29e5 Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Fri, 20 Dec 2024 11:03:43 +0100
Subject: [PATCH 103/108] Make some JS more readable

---
 backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
index a7e87a9d5..bbc2bc5eb 100644
--- a/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
+++ b/backend/FwLite/FwLiteShared/Layout/SvelteLayout.razor
@@ -10,13 +10,10 @@
 <link rel="stylesheet" href="@Assets["_content/FwLiteShared/viewer/index.css"]"/>
 <script>
     window['setOverrideService'] = (key, service) => {
-        if (!window.lexbox || !window.lexbox.FwLiteProvider) {
-            if (window.lexbox && window.lexbox.DotNetServiceProvider) {
-                window.lexbox.FwLiteProvider = {};
-                window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
-            } else {
-                window.lexbox = {FwLiteProvider: {}};
-            }
+        window.lexbox ??= {};
+        window.lexbox.FwLiteProvider ??= {};
+        if (window.lexbox.DotNetServiceProvider) {
+          window.lexbox.DotNetServiceProvider.setOverrideServices(window.lexbox.FwLiteProvider);
         }
         const services = window.lexbox.FwLiteProvider;
         services[key] = service;

From f75690b0789a0ffb2fd59c063806f2792ce864c5 Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Fri, 20 Dec 2024 11:06:01 +0100
Subject: [PATCH 104/108] Add FwLiteShared to FwLiteOnly.slnf

---
 FwLiteOnly.slnf | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/FwLiteOnly.slnf b/FwLiteOnly.slnf
index 9f4d4198a..35002833a 100644
--- a/FwLiteOnly.slnf
+++ b/FwLiteOnly.slnf
@@ -9,6 +9,7 @@
       "backend\\FwLite\\LcmCrdt.Tests\\LcmCrdt.Tests.csproj",
       "backend\\FWLite\\LocalWebApp\\LocalWebApp.csproj",
       "backend\\FwLite\\FwLiteDesktop\\FwLiteDesktop.csproj",
+      "backend\\FwLite\\FwLiteShared\\FwLiteShared.csproj",
       "backend\\FWLite\\FwDataMiniLcmBridge\\FwDataMiniLcmBridge.csproj",
       "backend\\FwLite\\FwDataMiniLcmBridge.Tests\\FwDataMiniLcmBridge.Tests.csproj",
       "backend\\FWLite\\FwLiteProjectSync\\FwLiteProjectSync.csproj",
@@ -16,4 +17,4 @@
       "backend\\LfClassicData\\LfClassicData.csproj",
     ]
   }
-} 
+}

From bf505cd530090ac4ef4f43530ea1aea09ca9bb64 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 16:38:28 +0700
Subject: [PATCH 105/108] remove typegen tool

---
 .config/dotnet-tools.json | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/.config/dotnet-tools.json b/.config/dotnet-tools.json
index 4d9f4ec46..8b0291a0f 100644
--- a/.config/dotnet-tools.json
+++ b/.config/dotnet-tools.json
@@ -8,13 +8,6 @@
         "dotnet-ef"
       ],
       "rollForward": false
-    },
-    "dotnet-typegen": {
-      "version": "6.0.2",
-      "commands": [
-        "dotnet-typegen"
-      ],
-      "rollForward": false
     }
   }
 }

From 413f83f8d81f14cf054a777102918ebf701d8055 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 17:00:02 +0700
Subject: [PATCH 106/108] markup route parameters as services

---
 backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs b/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs
index 017797744..d99fa6462 100644
--- a/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs
+++ b/backend/FwLite/LocalWebApp/Routes/FwIntegrationRoutes.cs
@@ -1,5 +1,6 @@
 using FwDataMiniLcmBridge;
 using LocalWebApp.Hubs;
+using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.SignalR;
 using Microsoft.OpenApi.Models;
 
@@ -19,7 +20,10 @@ public static IEndpointConventionBuilder MapFwIntegrationRoutes(this WebApplicat
                 return operation;
             });
         group.MapGet("/open/entry/{id}",
-            async (FwDataProjectContext context, IHubContext<FwDataMiniLcmHub, ILexboxHubClient> hubContext, FwDataFactory factory, Guid id) =>
+            async ([FromServices] FwDataProjectContext context,
+                [FromServices] IHubContext<FwDataMiniLcmHub, ILexboxHubClient> hubContext,
+                [FromServices] FwDataFactory factory,
+                Guid id) =>
             {
                 if (context.Project is null) return Results.BadRequest("No project is set in the context");
                 await hubContext.Clients.Group(context.Project.Name).OnProjectClosed(CloseReason.Locked);

From 6b987b1caa571e7688b9ed043870c5c03c14fb25 Mon Sep 17 00:00:00 2001
From: Kevin Hahn <kevin_hahn@sil.org>
Date: Fri, 20 Dec 2024 17:09:44 +0700
Subject: [PATCH 107/108] enable file logging again

---
 backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
index 447df394a..8d02776bd 100644
--- a/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
+++ b/backend/FwLite/FwLiteDesktop/FwLiteDesktopKernel.cs
@@ -5,6 +5,7 @@
 using Microsoft.Extensions.Hosting;
 using Microsoft.Extensions.Hosting.Internal;
 using Microsoft.Extensions.Logging;
+using NReco.Logging.File;
 
 namespace FwLiteDesktop;
 
@@ -67,7 +68,7 @@ public static void AddFwLiteDesktopServices(this IServiceCollection services,
             config.SystemWebViewLogin = true;
         });
 
-        // logging.AddFile(Path.Combine(baseDataPath, "app.log"));
+        logging.AddFile(Path.Combine(baseDataPath, "app.log"));
         services.AddSingleton<IPreferences>(Preferences.Default);
         services.AddSingleton<IVersionTracking>(VersionTracking.Default);
         services.AddSingleton<IConnectivity>(Connectivity.Current);

From 4c5568680b9f8ae2593331443f718a384480950a Mon Sep 17 00:00:00 2001
From: Tim Haasdyk <tim_haasdyk@sil.org>
Date: Fri, 20 Dec 2024 11:14:52 +0100
Subject: [PATCH 108/108] Move comment

---
 backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs b/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs
index 92a56d6c0..a9fb72c6f 100644
--- a/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs
+++ b/backend/FwLite/LocalWebApp/Hubs/FwDataMiniLcmHub.cs
@@ -23,12 +23,12 @@ public override async Task OnConnectedAsync()
 
     public override async Task OnDisconnectedAsync(Exception? exception)
     {
-        //todo if multiple clients are connected, this will close the project for all of them.
         var project = context.Project;
         if (project is null)
         {
             throw new InvalidOperationException("No project is set in the context.");
         }
+        //todo if multiple clients are connected, this will close the project for all of them.
         fwDataFactory.CloseProject(project);
 
         if (exception is LcmFileLockedException)