chore(web): sort imports (#27922)

* feat: sort imports

* fix: something?

.vscode/settings.json

@@ -13,10 +13,6 @@
     "editor.wordBasedSuggestions": "off"
   },
   "[javascript]": {
-    "editor.codeActionsOnSave": {
-      "source.organizeImports": "explicit",
-      "source.removeUnusedImports": "explicit"
-    },
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true
   },
@@ -29,18 +25,10 @@
     "editor.formatOnSave": true
   },
   "[svelte]": {
-    "editor.codeActionsOnSave": {
-      "source.organizeImports": "explicit",
-      "source.removeUnusedImports": "explicit"
-    },
     "editor.defaultFormatter": "svelte.svelte-vscode",
     "editor.formatOnSave": true
   },
   "[typescript]": {
-    "editor.codeActionsOnSave": {
-      "source.organizeImports": "explicit",
-      "source.removeUnusedImports": "explicit"
-    },
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true
   },

mobile/openapi/lib/api/server_api.dart

@@ -281,11 +281,19 @@ class ServerApi {
   /// Get product key
   ///
   /// Retrieve information about whether the server currently has a product key registered.
-  Future<void> getServerLicense() async {
+  Future<UserLicense?> getServerLicense() async {
     final response = await getServerLicenseWithHttpInfo();
     if (response.statusCode >= HttpStatus.badRequest) {
       throw ApiException(response.statusCode, await _decodeBodyBytes(response));
     }
+    // When a remote server returns no body with a status of 204, we shall not decode it.
+    // At the time of writing this, `dart:convert` will throw an "Unexpected end of input"
+    // FormatException when trying to decode an empty string.
+    if (response.body.isNotEmpty && response.statusCode != HttpStatus.noContent) {
+      return await apiClient.deserializeAsync(await _decodeBodyBytes(response), 'UserLicense',) as UserLicense;
+    
+    }
+    return null;
   }
 
   /// Get statistics

open-api/immich-openapi-specs.json

@@ -10298,6 +10298,16 @@
         "operationId": "getServerLicense",
         "parameters": [],
         "responses": {
+          "200": {
+            "content": {
+              "application/json": {
+                "schema": {
+                  "$ref": "#/components/schemas/LicenseResponseDto"
+                }
+              }
+            },
+            "description": ""
+          },
           "404": {
             "description": ""
           }

open-api/typescript-sdk/src/fetch-client.ts

@@ -5591,7 +5591,12 @@ export function deleteServerLicense(opts?: Oazapfts.RequestOpts) {
  * Get product key
  */
 export function getServerLicense(opts?: Oazapfts.RequestOpts) {
-    return oazapfts.ok(oazapfts.fetchText("/server/license", {
+    return oazapfts.ok(oazapfts.fetchJson<{
+        status: 200;
+        data: UserLicense;
+    } | {
+        status: 404;
+    }>("/server/license", {
         ...opts
     }));
 }

web/.prettierrc

@@ -1,8 +1,9 @@
 {
+  "importOrder": ["<THIRD_PARTY_MODULES>", "<BUILTIN_MODULES>", "^\\$(.*)$", "^@test-data(.*)$", "^[./]"],
+  "importOrderSeparation": false,
   "jsonRecursiveSort": true,
-  "organizeImportsSkipDestructiveCodeActions": true,
   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
-  "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-svelte", "prettier-plugin-sort-json"],
+  "plugins": ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-svelte", "prettier-plugin-sort-json"],
   "printWidth": 120,
   "semi": true,
   "singleQuote": true,

web/eslint.config.js

@@ -5,11 +5,11 @@ import eslintPluginCompat from 'eslint-plugin-compat';
 import eslintPluginSvelte from 'eslint-plugin-svelte';
 import eslintPluginUnicorn from 'eslint-plugin-unicorn';
 import globals from 'globals';
+import parser from 'svelte-eslint-parser';
+import typescriptEslint from 'typescript-eslint';
 import fs from 'node:fs';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import parser from 'svelte-eslint-parser';
-import typescriptEslint from 'typescript-eslint';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);

web/package.json

@@ -80,6 +80,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/svelte": "^5.2.8",
     "@testing-library/user-event": "^14.5.2",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/chromecast-caf-sender": "^1.0.11",
     "@types/dom-to-image": "^2.6.7",
     "@types/justified-layout": "^4.1.4",
@@ -97,7 +98,6 @@
     "globals": "^17.0.0",
     "happy-dom": "^20.0.0",
     "prettier": "^3.7.4",
-    "prettier-plugin-organize-imports": "^4.0.0",
     "prettier-plugin-sort-json": "^4.1.1",
     "prettier-plugin-svelte": "^3.3.3",
     "rollup-plugin-visualizer": "^7.0.0",

web/src/app.d.ts

@@ -1,3 +1,6 @@
+import 'svelte-i18n';
+import type en from '$i18n/en.json';
+
 /// <reference types="@sveltejs/kit" />
 
 // See https://kit.svelte.dev/docs/types#app
@@ -28,9 +31,6 @@ interface Element {
   requestFullscreen?(options?: FullscreenOptions): Promise<void>;
 }
 
-import type en from '$i18n/en.json';
-import 'svelte-i18n';
-
 type NestedKeys<T, K = keyof T> = K extends keyof T & string
   ? `${K}` | (T[K] extends object ? `${K}.${NestedKeys<T[K]>}` : never)
   : never;

web/src/hooks.server.ts

@@ -1,6 +1,6 @@
+import type { Handle } from '@sveltejs/kit';
 import GoogleSans from '$lib/assets/fonts/GoogleSans/GoogleSans.ttf?url';
 import GoogleSansCode from '$lib/assets/fonts/GoogleSansCode/GoogleSansCode.ttf?url';
-import type { Handle } from '@sveltejs/kit';
 
 // only used during the build to replace the variables from app.html
 export const handle = (async ({ event, resolve }) => {

web/src/lib/actions/__test__/FocusTrap.spec.ts

@@ -1,8 +1,8 @@
-import FocusTrapTest from '$lib/actions/__test__/FocusTrapTest.svelte';
-import { setDefaultTabbleOptions } from '$lib/utils/focus-util';
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { tick } from 'svelte';
+import FocusTrapTest from '$lib/actions/__test__/FocusTrapTest.svelte';
+import { setDefaultTabbleOptions } from '$lib/utils/focus-util';
 
 setDefaultTabbleOptions({ displayCheck: 'none' });
 

web/src/lib/actions/click-outside.ts

@@ -1,5 +1,5 @@
-import { matchesShortcut } from '$lib/actions/shortcut';
 import type { ActionReturn } from 'svelte/action';
+import { matchesShortcut } from '$lib/actions/shortcut';
 
 interface Options {
   onOutclick?: () => void;

web/src/lib/actions/context-menu-navigation.ts

@@ -1,6 +1,6 @@
-import { shortcuts } from '$lib/actions/shortcut';
 import { tick } from 'svelte';
 import type { Action } from 'svelte/action';
+import { shortcuts } from '$lib/actions/shortcut';
 
 interface Options {
   /**

web/src/lib/actions/focus-trap.ts

@@ -1,5 +1,5 @@
-import { getTabbable } from '$lib/utils/focus-util';
 import { tick } from 'svelte';
+import { getTabbable } from '$lib/utils/focus-util';
 
 interface Options {
   /**

web/src/lib/actions/list-navigation.ts

@@ -1,5 +1,5 @@
-import { shortcuts } from '$lib/actions/shortcut';
 import type { Action } from 'svelte/action';
+import { shortcuts } from '$lib/actions/shortcut';
 
 /**
  * Enables keyboard navigation (up and down arrows) for a list of elements.

web/src/lib/actions/zoom-image.ts

@@ -1,5 +1,5 @@
-import { assetViewerManager } from '$lib/managers/asset-viewer-manager.svelte';
 import { createZoomImageWheel } from '@zoom-image/core';
+import { assetViewerManager } from '$lib/managers/asset-viewer-manager.svelte';
 
 // Minimal touch shape — avoids importing DOM TouchEvent which isn't available in all TS targets.
 type TouchEventLike = {

web/src/lib/commands.ts

@@ -1,8 +1,3 @@
-import { goto } from '$app/navigation';
-import { page } from '$app/state';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { Route } from '$lib/route';
-import { copyToClipboard } from '$lib/utils';
 import { defaultProvider, screencastManager, themeManager, ThemePreference, type ActionItem } from '@immich/ui';
 import {
   mdiAccountMultipleOutline,
@@ -14,6 +9,11 @@ import {
   mdiThemeLightDark,
 } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { page } from '$app/state';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { Route } from '$lib/route';
+import { copyToClipboard } from '$lib/utils';
 
 export const getPagesProvider = ($t: MessageFormatter) => {
   const adminPages: ActionItem[] = [

web/src/lib/components/Image.spec.ts

@@ -1,6 +1,6 @@
+import { fireEvent, render } from '@testing-library/svelte';
 import Image from '$lib/components/Image.svelte';
 import { cancelImageUrl } from '$lib/utils/sw-messaging';
-import { fireEvent, render } from '@testing-library/svelte';
 
 vi.mock('$lib/utils/sw-messaging', () => ({
   cancelImageUrl: vi.fn(),

web/src/lib/components/SharedLinkFormFields.spec.ts

@@ -1,5 +1,5 @@
-import { renderWithTooltips } from '$tests/helpers';
 import userEvent from '@testing-library/user-event';
+import { renderWithTooltips } from '$tests/helpers';
 import SharedLinkFormFields from './SharedLinkFormFields.svelte';
 
 describe('SharedLinkFormFields component', () => {

web/src/lib/components/album-page/__tests__/AlbumCard.spec.ts

@@ -1,10 +1,10 @@
-import { sdkMock } from '$lib/__mocks__/sdk.mock';
-import { renderWithTooltips } from '$tests/helpers';
-import { albumFactory } from '@test-data/factories/album-factory';
 import '@testing-library/jest-dom';
 import { render, waitFor, type RenderResult } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import { init, register, waitLocale } from 'svelte-i18n';
+import { sdkMock } from '$lib/__mocks__/sdk.mock';
+import { renderWithTooltips } from '$tests/helpers';
+import { albumFactory } from '@test-data/factories/album-factory';
 import AlbumCard from '../AlbumCard.svelte';
 
 const onShowContextMenu = vi.fn();

web/src/lib/components/album-page/__tests__/AlbumCover.spec.ts

@@ -1,7 +1,7 @@
+import { render } from '@testing-library/svelte';
 import AlbumCover from '$lib/components/album-page/AlbumCover.svelte';
 import { getAssetMediaUrl } from '$lib/utils';
 import { albumFactory } from '@test-data/factories/album-factory';
-import { render } from '@testing-library/svelte';
 
 vi.mock('$lib/utils');
 

web/src/lib/components/asset-viewer/AssetViewer.spec.ts

@@ -1,13 +1,13 @@
+import { updateAsset } from '@immich/sdk';
+import { fireEvent, waitFor } from '@testing-library/svelte';
 import { getAnimateMock } from '$lib/__mocks__/animate.mock';
 import { getResizeObserverMock } from '$lib/__mocks__/resize-observer.mock';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { SlideshowState, slideshowStore } from '$lib/stores/slideshow.store';
 import { renderWithTooltips } from '$tests/helpers';
-import { updateAsset } from '@immich/sdk';
 import { assetFactory } from '@test-data/factories/asset-factory';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
 import { userAdminFactory } from '@test-data/factories/user-factory';
-import { fireEvent, waitFor } from '@testing-library/svelte';
 import AssetViewer from './AssetViewer.svelte';
 
 vi.mock('$lib/managers/feature-flags-manager.svelte', () => ({

web/src/lib/components/asset-viewer/AssetViewerNavBar.spec.ts

@@ -1,10 +1,10 @@
+import '@testing-library/jest-dom';
 import { getResizeObserverMock } from '$lib/__mocks__/resize-observer.mock';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { renderWithTooltips } from '$tests/helpers';
 import { assetFactory } from '@test-data/factories/asset-factory';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
 import { userAdminFactory } from '@test-data/factories/user-factory';
-import '@testing-library/jest-dom';
 import AssetViewerNavBar from './AssetViewerNavBar.svelte';
 
 describe('AssetViewerNavBar component', () => {

web/src/lib/components/asset-viewer/DetailPanelDescription.spec.ts

@@ -1,7 +1,7 @@
-import { assetFactory } from '@test-data/factories/asset-factory';
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
+import { assetFactory } from '@test-data/factories/asset-factory';
 import DetailPanelDescription from './DetailPanelDescription.svelte';
 
 describe('DetailPanelDescription', () => {

web/src/lib/components/asset-viewer/PreloadManager.svelte.ts

@@ -1,7 +1,7 @@
+import type { AssetResponseDto, SharedLinkResponseDto } from '@immich/sdk';
 import { loadImage } from '$lib/actions/image-loader.svelte';
 import { getAssetUrls } from '$lib/utils';
 import { AdaptiveImageLoader, type QualityList } from '$lib/utils/adaptive-image-loader.svelte';
-import type { AssetResponseDto, SharedLinkResponseDto } from '@immich/sdk';
 
 type AssetCursor = {
   current: AssetResponseDto;

web/src/lib/components/asset-viewer/actions/DeleteAction.spec.ts

@@ -1,7 +1,7 @@
-import { renderWithTooltips } from '$tests/helpers';
 import type { AssetResponseDto } from '@immich/sdk';
-import { assetFactory } from '@test-data/factories/asset-factory';
 import '@testing-library/jest-dom';
+import { renderWithTooltips } from '$tests/helpers';
+import { assetFactory } from '@test-data/factories/asset-factory';
 import DeleteAction from './DeleteAction.svelte';
 
 let asset: AssetResponseDto;

web/src/lib/components/asset-viewer/actions/action.ts

@@ -1,6 +1,6 @@
+import type { AssetResponseDto, PersonResponseDto, StackResponseDto } from '@immich/sdk';
 import type { AssetAction } from '$lib/constants';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import type { AssetResponseDto, PersonResponseDto, StackResponseDto } from '@immich/sdk';
 
 type ActionMap = {
   [AssetAction.ARCHIVE]: { asset: TimelineAsset };

web/src/lib/components/assets/thumbnail/ImageThumbnail.spec.ts

@@ -1,5 +1,5 @@
-import ImageThumbnail from '$lib/components/assets/thumbnail/ImageThumbnail.svelte';
 import { fireEvent, render } from '@testing-library/svelte';
+import ImageThumbnail from '$lib/components/assets/thumbnail/ImageThumbnail.svelte';
 
 vi.mock('$lib/utils/sw-messaging', () => ({
   cancelImageUrl: vi.fn(),

web/src/lib/components/assets/thumbnail/__test__/Thumbnail.spec.ts

@@ -1,8 +1,8 @@
+import { render } from '@testing-library/svelte';
 import { getIntersectionObserverMock } from '$lib/__mocks__/intersection-observer.mock';
 import Thumbnail from '$lib/components/assets/thumbnail/Thumbnail.svelte';
 import { getTabbable } from '$lib/utils/focus-util';
 import { assetFactory } from '@test-data/factories/asset-factory';
-import { render } from '@testing-library/svelte';
 
 vi.hoisted(() => {
   Object.defineProperty(globalThis, 'matchMedia', {

web/src/lib/components/maintenance/MaintenanceBackupEntry.spec.ts

@@ -1,8 +1,8 @@
-import { locale } from '$lib/stores/preferences.store';
-import { renderWithTooltips } from '$tests/helpers';
 import { screen } from '@testing-library/svelte';
 import { DateTime } from 'luxon';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { locale } from '$lib/stores/preferences.store';
+import { renderWithTooltips } from '$tests/helpers';
 import MaintenanceBackupEntry from './MaintenanceBackupEntry.svelte';
 
 vi.mock('$lib/services/database-backups.service', () => ({

web/src/lib/components/shared-components/__test__/NumberRangeInput.spec.ts

@@ -1,7 +1,7 @@
-import NumberRangeInput from '$lib/components/shared-components/NumberRangeInput.svelte';
 import { render, type RenderResult } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
 import type { Mock } from 'vitest';
+import NumberRangeInput from '$lib/components/shared-components/NumberRangeInput.svelte';
 
 describe('NumberRangeInput component', () => {
   const user = userEvent.setup();

web/src/lib/components/shared-components/album-selection/album-selection-utils.spec.ts

@@ -1,10 +1,10 @@
+import type { AlbumResponseDto } from '@immich/sdk';
 import {
   type AlbumModalRow,
   AlbumModalRowConverter,
   AlbumModalRowType,
 } from '$lib/components/shared-components/album-selection/album-selection-utils';
 import { AlbumSortBy, SortOrder } from '$lib/stores/preferences.store';
-import type { AlbumResponseDto } from '@immich/sdk';
 import { albumFactory } from '@test-data/factories/album-factory';
 
 // Some helper functions to make tests below more readable

web/src/lib/components/shared-components/album-selection/album-selection-utils.ts

@@ -1,8 +1,8 @@
-import { sortAlbums } from '$lib/utils/album-utils';
-import { normalizeSearchString } from '$lib/utils/string-utils';
 import type { AlbumResponseDto } from '@immich/sdk';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { sortAlbums } from '$lib/utils/album-utils';
+import { normalizeSearchString } from '$lib/utils/string-utils';
 
 export const SCROLL_PROPERTIES: ScrollIntoViewOptions = { block: 'center', behavior: 'smooth' };
 

web/src/lib/components/shared-components/settings/SettingInputField.spec.ts

@@ -1,6 +1,6 @@
-import { SettingInputFieldType } from '$lib/constants';
 import { render } from '@testing-library/svelte';
 import userEvent from '@testing-library/user-event';
+import { SettingInputFieldType } from '$lib/constants';
 import SettingInputField from './SettingInputField.svelte';
 
 describe('SettingInputField component', () => {

web/src/lib/components/shared-components/side-bar/RecentAlbums.spec.ts

@@ -1,8 +1,8 @@
+import { render, screen } from '@testing-library/svelte';
+import { tick } from 'svelte';
 import { sdkMock } from '$lib/__mocks__/sdk.mock';
 import RecentAlbums from '$lib/components/shared-components/side-bar/RecentAlbums.svelte';
 import { albumFactory } from '@test-data/factories/album-factory';
-import { render, screen } from '@testing-library/svelte';
-import { tick } from 'svelte';
 
 describe('RecentAlbums component', () => {
   it('sorts albums by most recently updated', async () => {

web/src/lib/components/sharedlinks-page/covers/__tests__/AssetCover.spec.ts

@@ -1,5 +1,5 @@
-import AssetCover from '$lib/components/sharedlinks-page/covers/AssetCover.svelte';
 import { render } from '@testing-library/svelte';
+import AssetCover from '$lib/components/sharedlinks-page/covers/AssetCover.svelte';
 
 describe('AssetCover component', () => {
   it('renders correctly', () => {

web/src/lib/components/sharedlinks-page/covers/__tests__/NoCover.spec.ts

@@ -1,5 +1,5 @@
-import NoCover from '$lib/components/sharedlinks-page/covers/NoCover.svelte';
 import { render } from '@testing-library/svelte';
+import NoCover from '$lib/components/sharedlinks-page/covers/NoCover.svelte';
 
 describe('NoCover component', () => {
   it('renders correctly', () => {

web/src/lib/components/sidebar/Sidebar.spec.ts

@@ -1,7 +1,7 @@
-import SideBarSection from '$lib/components/sidebar/Sidebar.svelte';
-import { sidebarStore } from '$lib/stores/sidebar.svelte';
 import { render, screen } from '@testing-library/svelte';
 import { vi } from 'vitest';
+import SideBarSection from '$lib/components/sidebar/Sidebar.svelte';
+import { sidebarStore } from '$lib/stores/sidebar.svelte';
 
 const mocks = vi.hoisted(() => {
   return {

web/src/lib/components/timeline/actions/focus-actions.ts

@@ -1,8 +1,8 @@
+import { tick } from 'svelte';
 import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
 import { moveFocus } from '$lib/utils/focus-util';
 import { InvocationTracker } from '$lib/utils/invocationTracker';
-import { tick } from 'svelte';
 
 const tracker = new InvocationTracker();
 

web/src/lib/constants.ts

@@ -30,16 +30,16 @@ export enum ProjectionType {
 }
 
 export const dateFormats = {
-  album: <Intl.DateTimeFormatOptions>{
+  album: {
     month: 'short',
     day: 'numeric',
     year: 'numeric',
-  },
+  } satisfies Intl.DateTimeFormatOptions,
-  settings: <Intl.DateTimeFormatOptions>{
+  settings: {
     month: 'short',
     day: 'numeric',
     year: 'numeric',
-  },
+  } satisfies Intl.DateTimeFormatOptions,
 };
 
 export enum QueryParameter {

web/src/lib/elements/__test__/FormatMessage.spec.ts

@@ -1,9 +1,9 @@
-import FormatTagB from '$lib/elements/__test__/FormatTagB.svelte';
-import FormatMessage from '$lib/elements/FormatMessage.svelte';
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/svelte';
 import { init, locale, register, waitLocale, type Translations } from 'svelte-i18n';
 import { describe } from 'vitest';
+import FormatMessage from '$lib/elements/FormatMessage.svelte';
+import FormatTagB from '$lib/elements/__test__/FormatTagB.svelte';
 
 const getSanitizedHTML = (container: HTMLElement) => container.innerHTML.replaceAll('<!---->', '');
 

web/src/lib/elements/__test__/StarRating.spec.ts

@@ -1,5 +1,5 @@
-import StarRating from '$lib/elements/StarRating.svelte';
 import { render } from '@testing-library/svelte';
+import StarRating from '$lib/elements/StarRating.svelte';
 
 describe('StarRating component', () => {
   it('renders correctly', () => {

web/src/lib/elements/format-message.ts

@@ -1,2 +1,3 @@
 import type { FormatXMLElementFn, PrimitiveType } from 'intl-messageformat';
+
 export type InterpolationValues = Record<string, PrimitiveType | FormatXMLElementFn<unknown>>;

web/src/lib/i18n.spec.ts

@@ -1,5 +1,5 @@
-import { getClosestAvailableLocale, langs } from '$lib/utils/i18n';
 import { readFileSync, readdirSync } from 'node:fs';
+import { getClosestAvailableLocale, langs } from '$lib/utils/i18n';
 
 describe('i18n', () => {
   describe('loaders', () => {

web/src/lib/managers/AssetCacheManager.svelte.ts

@@ -1,6 +1,6 @@
+import { getAssetInfo, getAssetOcr } from '@immich/sdk';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { eventManager } from '$lib/managers/event-manager.svelte';
-import { getAssetInfo, getAssetOcr } from '@immich/sdk';
 
 const defaultSerializer = <K>(params: K) => JSON.stringify(params);
 

web/src/lib/managers/activity-manager.svelte.ts

@@ -1,6 +1,3 @@
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { handlePromiseError } from '$lib/utils';
-import { handleError } from '$lib/utils/handle-error';
 import {
   createActivity,
   deleteActivity,
@@ -13,6 +10,9 @@ import {
 } from '@immich/sdk';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { handlePromiseError } from '$lib/utils';
+import { handleError } from '$lib/utils/handle-error';
 
 type CacheKey = string;
 type ActivityCache = {

web/src/lib/managers/asset-multi-select-manager.svelte.spec.ts

@@ -1,6 +1,6 @@
+import { AssetVisibility } from '@immich/sdk';
 import { AssetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
 import { authManager } from '$lib/managers/auth-manager.svelte';
-import { AssetVisibility } from '@immich/sdk';
 import { timelineAssetFactory } from '@test-data/factories/asset-factory';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
 import { userAdminFactory } from '@test-data/factories/user-factory';

web/src/lib/managers/asset-multi-select-manager.svelte.ts

@@ -1,8 +1,8 @@
+import { AssetVisibility } from '@immich/sdk';
+import { SvelteMap, SvelteSet } from 'svelte/reactivity';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import { AssetVisibility } from '@immich/sdk';
-import { SvelteMap, SvelteSet } from 'svelte/reactivity';
 
 export type AssetMultiSelectOptions = {
   resetOnNavigate?: boolean;

web/src/lib/managers/asset-viewer-manager.svelte.ts

@@ -1,12 +1,12 @@
+import { getAssetInfo, type AssetResponseDto } from '@immich/sdk';
+import type { ZoomImageWheelState } from '@zoom-image/core';
+import { cubicOut } from 'svelte/easing';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import type { ImageLoaderStatus } from '$lib/utils/adaptive-image-loader.svelte';
 import { canCopyImageToClipboard } from '$lib/utils/asset-utils';
 import { BaseEventManager } from '$lib/utils/base-event-manager.svelte';
 import type { AssetGridRouteSearchParams } from '$lib/utils/navigation';
 import { PersistedLocalStorage } from '$lib/utils/persisted';
-import { getAssetInfo, type AssetResponseDto } from '@immich/sdk';
-import type { ZoomImageWheelState } from '@zoom-image/core';
-import { cubicOut } from 'svelte/easing';
 
 const isShowDetailPanel = new PersistedLocalStorage<boolean>('asset-viewer-state', false);
 const isShowAssetPath = new PersistedLocalStorage<boolean>('asset-viewer-show-path', false);

web/src/lib/managers/auth-manager.svelte.ts

@@ -1,9 +1,3 @@
-import { browser } from '$app/environment';
-import { goto } from '$app/navigation';
-import { page } from '$app/state';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { Route } from '$lib/route';
-import { isSharedLinkRoute } from '$lib/utils/navigation';
 import {
   getAboutInfo,
   getMyPreferences,
@@ -12,6 +6,12 @@ import {
   type UserAdminResponseDto,
   type UserPreferencesResponseDto,
 } from '@immich/sdk';
+import { browser } from '$app/environment';
+import { goto } from '$app/navigation';
+import { page } from '$app/state';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { Route } from '$lib/route';
+import { isSharedLinkRoute } from '$lib/utils/navigation';
 
 class AuthManager {
   isPurchased = $state(false);

web/src/lib/managers/cast-manager.svelte.ts

@@ -1,7 +1,7 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { GCastDestination } from '$lib/utils/cast/gcast-destination.svelte';
 import { createSession, type SessionCreateResponseDto } from '@immich/sdk';
 import { DateTime, Duration } from 'luxon';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { GCastDestination } from '$lib/utils/cast/gcast-destination.svelte';
 
 // follows chrome.cast.media.PlayerState
 export enum CastState {

web/src/lib/managers/edit/edit-manager.svelte.ts

@@ -1,12 +1,12 @@
+import { editAsset, removeAssetEdits, type AssetEditsCreateDto, type AssetResponseDto } from '@immich/sdk';
+import { ConfirmModal, modalManager, toastManager } from '@immich/ui';
+import { mdiCropRotate } from '@mdi/js';
+import type { Component } from 'svelte';
 import TransformTool from '$lib/components/asset-viewer/editor/transform-tool/TransformTool.svelte';
 import { transformManager } from '$lib/managers/edit/transform-manager.svelte';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import { waitForWebsocketEvent } from '$lib/stores/websocket';
 import { getFormatter } from '$lib/utils/i18n';
-import { editAsset, removeAssetEdits, type AssetEditsCreateDto, type AssetResponseDto } from '@immich/sdk';
-import { ConfirmModal, modalManager, toastManager } from '@immich/ui';
-import { mdiCropRotate } from '@mdi/js';
-import type { Component } from 'svelte';
 
 export type EditAction = AssetEditsCreateDto['edits'][number];
 export type EditActions = EditAction[];

web/src/lib/managers/edit/transform-manager.svelte.ts

@@ -1,11 +1,11 @@
+import { AssetEditAction, AssetMediaSize, MirrorAxis, type AssetResponseDto, type CropParameters } from '@immich/sdk';
+import { clamp } from 'lodash-es';
+import { tick } from 'svelte';
 import { type EditActions, type EditToolManager } from '$lib/managers/edit/edit-manager.svelte';
 import { getAssetMediaUrl } from '$lib/utils';
 import { getDimensions } from '$lib/utils/asset-utils';
 import { normalizeTransformEdits } from '$lib/utils/editor';
 import { handleError } from '$lib/utils/handle-error';
-import { AssetEditAction, AssetMediaSize, MirrorAxis, type AssetResponseDto, type CropParameters } from '@immich/sdk';
-import { clamp } from 'lodash-es';
-import { tick } from 'svelte';
 
 export type CropAspectRatio =
   | '1:1'

web/src/lib/managers/event-manager.svelte.ts

@@ -1,6 +1,3 @@
-import type { ReleaseEvent } from '$lib/types';
-import { BaseEventManager } from '$lib/utils/base-event-manager.svelte';
-import type { TreeNode } from '$lib/utils/tree-utils';
 import type {
   AlbumResponseDto,
   AlbumUserRole,
@@ -16,6 +13,9 @@ import type {
   UserAdminResponseDto,
   WorkflowResponseDto,
 } from '@immich/sdk';
+import type { ReleaseEvent } from '$lib/types';
+import { BaseEventManager } from '$lib/utils/base-event-manager.svelte';
+import type { TreeNode } from '$lib/utils/tree-utils';
 
 export type Events = {
   AppInit: [];

web/src/lib/managers/feature-flags-manager.svelte.ts

@@ -1,5 +1,5 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
 import { getServerFeatures, type ServerFeaturesDto } from '@immich/sdk';
+import { eventManager } from '$lib/managers/event-manager.svelte';
 
 class FeatureFlagsManager {
   #value?: ServerFeaturesDto = $state();

web/src/lib/managers/memory-manager.svelte.ts

@@ -1,10 +1,10 @@
+import { deleteMemory, type MemoryResponseDto, removeMemoryAssets, searchMemories, updateMemory } from '@immich/sdk';
+import { DateTime } from 'luxon';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
 import { asLocalTimeISO } from '$lib/utils/date-time';
 import { toTimelineAsset } from '$lib/utils/timeline-util';
-import { deleteMemory, type MemoryResponseDto, removeMemoryAssets, searchMemories, updateMemory } from '@immich/sdk';
-import { DateTime } from 'luxon';
 
 type MemoryIndex = {
   memoryIndex: number;

web/src/lib/managers/queue-manager.svelte.ts

@@ -1,7 +1,7 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import type { QueueSnapshot } from '$lib/types';
 import { getQueues, type QueueResponseDto } from '@immich/sdk';
 import { DateTime } from 'luxon';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import type { QueueSnapshot } from '$lib/types';
 
 export class QueueManager {
   #snapshots = $state<QueueSnapshot[]>([]);

web/src/lib/managers/server-config-manager.svelte.ts

@@ -1,5 +1,5 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
 import { getServerConfig, type ServerConfigDto } from '@immich/sdk';
+import { eventManager } from '$lib/managers/event-manager.svelte';
 
 class ServerConfigManager {
   #value?: ServerConfigDto = $state();

web/src/lib/managers/system-config-manager.svelte.ts

@@ -1,6 +1,6 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
 import { getConfig, getConfigDefaults, type SystemConfigDto } from '@immich/sdk';
 import { cloneDeep } from 'lodash-es';
+import { eventManager } from '$lib/managers/event-manager.svelte';
 
 class SystemConfigManager {
   #value?: SystemConfigDto = $state();

web/src/lib/managers/timeline-manager/group-insertion-cache.svelte.ts

@@ -1,5 +1,5 @@
-import { setDifference, type TimelineDate } from '$lib/utils/timeline-util';
 import { AssetOrder } from '@immich/sdk';
+import { setDifference, type TimelineDate } from '$lib/utils/timeline-util';
 import type { TimelineDay } from './timeline-day.svelte';
 import type { TimelineMonth } from './timeline-month.svelte';
 import type { TimelineAsset } from './types';

web/src/lib/managers/timeline-manager/internal/load-support.svelte.ts

@@ -1,6 +1,6 @@
+import { getTimeBucket } from '@immich/sdk';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { toISOYearMonthUTC } from '$lib/utils/timeline-util';
-import { getTimeBucket } from '@immich/sdk';
 import { TimelineManager } from '../timeline-manager.svelte';
 import type { TimelineMonth } from '../timeline-month.svelte';
 import type { TimelineManagerOptions } from '../types';

web/src/lib/managers/timeline-manager/internal/search-support.svelte.ts

@@ -1,6 +1,6 @@
-import { plainDateTimeCompare, type TimelineYearMonth } from '$lib/utils/timeline-util';
 import { AssetOrder, type AssetResponseDto } from '@immich/sdk';
 import { DateTime } from 'luxon';
+import { plainDateTimeCompare, type TimelineYearMonth } from '$lib/utils/timeline-util';
 import { TimelineManager } from '../timeline-manager.svelte';
 import type { TimelineMonth } from '../timeline-month.svelte';
 import type { AssetDescriptor, Direction, TimelineAsset } from '../types';

web/src/lib/managers/timeline-manager/internal/websocket-support.svelte.ts

@@ -1,9 +1,9 @@
+import { throttle } from 'lodash-es';
+import type { Unsubscriber } from 'svelte/store';
 import type { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
 import type { PendingChange, TimelineAsset } from '$lib/managers/timeline-manager/types';
 import { websocketEvents } from '$lib/stores/websocket';
 import { toTimelineAsset } from '$lib/utils/timeline-util';
-import { throttle } from 'lodash-es';
-import type { Unsubscriber } from 'svelte/store';
 
 export class WebsocketSupport {
   #pendingChanges: PendingChange[] = [];

web/src/lib/managers/timeline-manager/timeline-day.svelte.ts

@@ -1,10 +1,8 @@
 import { AssetOrder } from '@immich/sdk';
-
+import { SvelteSet } from 'svelte/reactivity';
 import type { CommonLayoutOptions } from '$lib/utils/layout-utils';
 import { getJustifiedLayoutFromAssets } from '$lib/utils/layout-utils';
 import { plainDateTimeCompare } from '$lib/utils/timeline-util';
-
-import { SvelteSet } from 'svelte/reactivity';
 import type { TimelineMonth } from './timeline-month.svelte';
 import type { Direction, MoveAsset, TimelineAsset } from './types';
 import { ViewerAsset } from './viewer-asset.svelte';

web/src/lib/managers/timeline-manager/timeline-manager.svelte.spec.ts

@@ -1,11 +1,11 @@
+import { AssetVisibility, type AssetResponseDto, type TimeBucketAssetResponseDto } from '@immich/sdk';
+import { tick } from 'svelte';
 import { sdkMock } from '$lib/__mocks__/sdk.mock';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import { getTimelineMonthByDate } from '$lib/managers/timeline-manager/internal/search-support.svelte';
 import { AbortError } from '$lib/utils';
 import { fromISODateTimeUTCToObject } from '$lib/utils/timeline-util';
-import { AssetVisibility, type AssetResponseDto, type TimeBucketAssetResponseDto } from '@immich/sdk';
 import { assetFactory, timelineAssetFactory, toResponseDto } from '@test-data/factories/asset-factory';
-import { tick } from 'svelte';
 import { TimelineManager } from './timeline-manager.svelte';
 import type { TimelineAsset } from './types';
 

web/src/lib/managers/timeline-manager/timeline-manager.svelte.ts

@@ -1,3 +1,6 @@
+import { AssetOrder, getAssetInfo, getTimeBuckets, type AssetResponseDto } from '@immich/sdk';
+import { clamp, isEqual } from 'lodash-es';
+import { SvelteDate, SvelteSet } from 'svelte/reactivity';
 import { VirtualScrollManager } from '$lib/managers/VirtualScrollManager/VirtualScrollManager.svelte';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { eventManager } from '$lib/managers/event-manager.svelte';
@@ -23,9 +26,6 @@ import {
   type TimelineDateTime,
   type TimelineYearMonth,
 } from '$lib/utils/timeline-util';
-import { AssetOrder, getAssetInfo, getTimeBuckets, type AssetResponseDto } from '@immich/sdk';
-import { clamp, isEqual } from 'lodash-es';
-import { SvelteDate, SvelteSet } from 'svelte/reactivity';
 import { isMismatched, updateObject } from './internal/utils.svelte';
 import { TimelineDay } from './timeline-day.svelte';
 import { TimelineMonth } from './timeline-month.svelte';

web/src/lib/managers/timeline-manager/timeline-month.svelte.ts

@@ -1,5 +1,12 @@
 import { AssetOrder, type TimeBucketAssetResponseDto } from '@immich/sdk';
-
+import { t } from 'svelte-i18n';
+import { SvelteSet } from 'svelte/reactivity';
+import { get } from 'svelte/store';
+import {
+  ViewportProximity,
+  isInOrNearViewport as isInOrNearViewportUtil,
+  isInViewport as isInViewportUtil,
+} from '$lib/managers/timeline-manager/internal/intersection-support.svelte';
 import { CancellableTask } from '$lib/utils/cancellable-task';
 import { handleError } from '$lib/utils/handle-error';
 import {
@@ -13,16 +20,6 @@ import {
   type TimelineDateTime,
   type TimelineYearMonth,
 } from '$lib/utils/timeline-util';
-
-import { t } from 'svelte-i18n';
-import { get } from 'svelte/store';
-
-import {
-  ViewportProximity,
-  isInOrNearViewport as isInOrNearViewportUtil,
-  isInViewport as isInViewportUtil,
-} from '$lib/managers/timeline-manager/internal/intersection-support.svelte';
-import { SvelteSet } from 'svelte/reactivity';
 import { GroupInsertionCache } from './group-insertion-cache.svelte';
 import { TimelineDay } from './timeline-day.svelte';
 import type { TimelineManager } from './timeline-manager.svelte';

web/src/lib/managers/timeline-manager/types.ts

@@ -1,5 +1,5 @@
-import type { TimelineDate, TimelineDateTime, TimelineYearMonth } from '$lib/utils/timeline-util';
 import type { AssetStackResponseDto, AssetVisibility } from '@immich/sdk';
+import type { TimelineDate, TimelineDateTime, TimelineYearMonth } from '$lib/utils/timeline-util';
 
 export type ViewportTopMonth = TimelineYearMonth | undefined | 'lead-in' | 'lead-out';
 

web/src/lib/managers/timeline-manager/viewer-asset.svelte.ts

@@ -1,5 +1,4 @@
 import type { CommonPosition } from '$lib/utils/layout-utils';
-
 import {
   ViewportProximity,
   calculateViewerAssetViewportProximity,
@@ -27,7 +26,7 @@ export class ViewerAsset {
   }
 
   position: CommonPosition | undefined = $state.raw();
-  asset: TimelineAsset = <TimelineAsset>$state();
+  asset: TimelineAsset = $state() as TimelineAsset;
   id: string = $derived(this.asset.id);
 
   constructor(group: TimelineDay, asset: TimelineAsset) {

web/src/lib/managers/upload-manager.svelte.ts

@@ -1,7 +1,7 @@
+import { getSupportedMediaTypes, type ServerMediaTypesResponseDto } from '@immich/sdk';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import { uploadAssetsStore } from '$lib/stores/upload';
 import { cancelUploadRequests } from '$lib/utils';
-import { getSupportedMediaTypes, type ServerMediaTypesResponseDto } from '@immich/sdk';
 
 class UploadManager {
   mediaTypes = $state<ServerMediaTypesResponseDto>({ image: [], sidecar: [], video: [] });

web/src/lib/modals/AssetChangeDateModal.spec.ts

@@ -1,9 +1,9 @@
-import { getAnimateMock } from '$lib/__mocks__/animate.mock';
-import { getIntersectionObserverMock } from '$lib/__mocks__/intersection-observer.mock';
-import { getVisualViewportMock } from '$lib/__mocks__/visual-viewport.mock';
 import { fireEvent, render, screen, waitFor } from '@testing-library/svelte';
 import { DateTime } from 'luxon';
 import { afterAll, beforeEach, describe, expect, test, vi } from 'vitest';
+import { getAnimateMock } from '$lib/__mocks__/animate.mock';
+import { getIntersectionObserverMock } from '$lib/__mocks__/intersection-observer.mock';
+import { getVisualViewportMock } from '$lib/__mocks__/visual-viewport.mock';
 import AssetChangeDateModal from './AssetChangeDateModal.svelte';
 
 describe('AssetChangeDateModal component', () => {

web/src/lib/modals/AssetSelectionChangeDateModal.spec.ts

@@ -1,3 +1,6 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import { DateTime } from 'luxon';
 import { getAnimateMock } from '$lib/__mocks__/animate.mock';
 import { getIntersectionObserverMock } from '$lib/__mocks__/intersection-observer.mock';
 import { sdkMock } from '$lib/__mocks__/sdk.mock';
@@ -5,9 +8,6 @@ import { getVisualViewportMock } from '$lib/__mocks__/visual-viewport.mock';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { calcNewDate } from '$lib/modals/timezone-utils';
 import { userAdminFactory } from '@test-data/factories/user-factory';
-import { fireEvent, render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { DateTime } from 'luxon';
 import AssetSelectionChangeDateModal from './AssetSelectionChangeDateModal.svelte';
 
 describe('DateSelectionModal component', () => {

web/src/lib/route.ts

@@ -1,6 +1,6 @@
-import { OpenQueryParam, type SharedLinkTab } from '$lib/constants';
 import { QueueName, type MetadataSearchDto, type SmartSearchDto } from '@immich/sdk';
 import { omitBy } from 'lodash-es';
+import { OpenQueryParam, type SharedLinkTab } from '$lib/constants';
 
 const asQueueSlug = (name: QueueName) => {
   return name.replaceAll(/[A-Z]/g, (m) => '-' + m.toLowerCase());

web/src/lib/services/album.service.ts

@@ -1,16 +1,3 @@
-import { goto } from '$app/navigation';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import AlbumAddUsersModal from '$lib/modals/AlbumAddUsersModal.svelte';
-import AlbumOptionsModal from '$lib/modals/AlbumOptionsModal.svelte';
-import SharedLinkCreateModal from '$lib/modals/SharedLinkCreateModal.svelte';
-import { Route } from '$lib/route';
-import { createAlbumAndRedirect } from '$lib/utils/album-utils';
-import { downloadArchive } from '$lib/utils/asset-utils';
-import { openFileUploadDialog } from '$lib/utils/file-uploader';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   addAssetsToAlbum as addToAlbum,
   addAssetsToAlbums as addToAlbums,
@@ -30,6 +17,19 @@ import {
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiLink, mdiPlus, mdiPlusBoxOutline, mdiShareVariantOutline, mdiUpload } from '@mdi/js';
 import { type MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import AlbumAddUsersModal from '$lib/modals/AlbumAddUsersModal.svelte';
+import AlbumOptionsModal from '$lib/modals/AlbumOptionsModal.svelte';
+import SharedLinkCreateModal from '$lib/modals/SharedLinkCreateModal.svelte';
+import { Route } from '$lib/route';
+import { createAlbumAndRedirect } from '$lib/utils/album-utils';
+import { downloadArchive } from '$lib/utils/asset-utils';
+import { openFileUploadDialog } from '$lib/utils/file-uploader';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getAlbumsActions = ($t: MessageFormatter) => {
   const Create: ActionItem = {

web/src/lib/services/api-key.service.ts

@@ -1,8 +1,3 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import ApiKeyCreateModal from '$lib/modals/ApiKeyCreateModal.svelte';
-import ApiKeyUpdateModal from '$lib/modals/ApiKeyUpdateModal.svelte';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   createApiKey,
   deleteApiKey,
@@ -14,6 +9,11 @@ import {
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiPencilOutline, mdiPlus, mdiTrashCanOutline } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import ApiKeyCreateModal from '$lib/modals/ApiKeyCreateModal.svelte';
+import ApiKeyUpdateModal from '$lib/modals/ApiKeyUpdateModal.svelte';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getApiKeysActions = ($t: MessageFormatter) => {
   const Create: ActionItem = {

web/src/lib/services/app.service.ts

@@ -1,8 +1,8 @@
-import { CastDestinationType, castManager } from '$lib/managers/cast-manager.svelte';
-import { GCastDestination } from '$lib/utils/cast/gcast-destination.svelte';
 import type { ActionItem } from '@immich/ui';
 import { mdiCast, mdiCastConnected } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { CastDestinationType, castManager } from '$lib/managers/cast-manager.svelte';
+import { GCastDestination } from '$lib/utils/cast/gcast-destination.svelte';
 
 export const getGlobalActions = ($t: MessageFormatter) => {
   const Cast: ActionItem = {

web/src/lib/services/asset.service.spec.ts

@@ -1,14 +1,14 @@
+import { getAssetInfo } from '@immich/sdk';
+import { toastManager } from '@immich/ui';
+import { vitest } from 'vitest';
 import { authManager } from '$lib/managers/auth-manager.svelte';
 import { getAssetActions, handleDownloadAsset } from '$lib/services/asset.service';
 import { setSharedLink } from '$lib/utils';
 import { getFormatter } from '$lib/utils/i18n';
-import { getAssetInfo } from '@immich/sdk';
-import { toastManager } from '@immich/ui';
 import { assetFactory } from '@test-data/factories/asset-factory';
 import { preferencesFactory } from '@test-data/factories/preferences-factory';
 import { sharedLinkFactory } from '@test-data/factories/shared-link-factory';
 import { userAdminFactory } from '@test-data/factories/user-factory';
-import { vitest } from 'vitest';
 
 vitest.mock('@immich/ui', () => ({
   toastManager: {

web/src/lib/services/asset.service.ts

@@ -1,15 +1,3 @@
-import { ProjectionType } from '$lib/constants';
-import { assetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
-import { assetViewerManager } from '$lib/managers/asset-viewer-manager.svelte';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import AssetAddToAlbumModal from '$lib/modals/AssetAddToAlbumModal.svelte';
-import AssetTagModal from '$lib/modals/AssetTagModal.svelte';
-import SharedLinkCreateModal from '$lib/modals/SharedLinkCreateModal.svelte';
-import { getAssetMediaUrl, getSharedLink, sleep } from '$lib/utils';
-import { downloadUrl } from '$lib/utils/asset-utils';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   AssetJobName,
   AssetMediaSize,
@@ -45,6 +33,18 @@ import {
   mdiTune,
 } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { ProjectionType } from '$lib/constants';
+import { assetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
+import { assetViewerManager } from '$lib/managers/asset-viewer-manager.svelte';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import AssetAddToAlbumModal from '$lib/modals/AssetAddToAlbumModal.svelte';
+import AssetTagModal from '$lib/modals/AssetTagModal.svelte';
+import SharedLinkCreateModal from '$lib/modals/SharedLinkCreateModal.svelte';
+import { getAssetMediaUrl, getSharedLink, sleep } from '$lib/utils';
+import { downloadUrl } from '$lib/utils/asset-utils';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getAssetBulkActions = ($t: MessageFormatter) => {
   const ownedAssets = assetMultiSelectManager.ownedAssets;

web/src/lib/services/database-backups.service.ts

@@ -1,8 +1,3 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { uploadRequest } from '$lib/utils';
-import { openFilePicker } from '$lib/utils/file-uploader';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   deleteDatabaseBackup,
   getBaseUrl,
@@ -13,6 +8,11 @@ import {
 import { modalManager, type ActionItem } from '@immich/ui';
 import { mdiDownload, mdiTrashCanOutline } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { uploadRequest } from '$lib/utils';
+import { openFilePicker } from '$lib/utils/file-uploader';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getDatabaseBackupActions = ($t: MessageFormatter, filename: string) => {
   const Download: ActionItem = {

web/src/lib/services/job.service.ts

@@ -1,7 +1,7 @@
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import { createJob, type JobCreateDto } from '@immich/sdk';
 import { toastManager } from '@immich/ui';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const handleCreateJob = async (dto: JobCreateDto) => {
   const $t = await getFormatter();

web/src/lib/services/keyboard.service.ts

@@ -1,7 +1,7 @@
-import ShortcutsModal from '$lib/modals/ShortcutsModal.svelte';
 import { modalManager, type ActionItem } from '@immich/ui';
 import { mdiKeyboard } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import ShortcutsModal from '$lib/modals/ShortcutsModal.svelte';
 
 export const getKeyboardActions = ($t: MessageFormatter) => {
   const KeyboardShortcuts: ActionItem = {

web/src/lib/services/library.service.ts

@@ -1,12 +1,3 @@
-import { goto } from '$app/navigation';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import LibraryExclusionPatternAddModal from '$lib/modals/LibraryExclusionPatternAddModal.svelte';
-import LibraryExclusionPatternEditModal from '$lib/modals/LibraryExclusionPatternEditModal.svelte';
-import LibraryFolderAddModal from '$lib/modals/LibraryFolderAddModal.svelte';
-import LibraryFolderEditModal from '$lib/modals/LibraryFolderEditModal.svelte';
-import { Route } from '$lib/route';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   createLibrary,
   deleteLibrary,
@@ -22,6 +13,15 @@ import {
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiInformationOutline, mdiPencilOutline, mdiPlusBoxOutline, mdiSync, mdiTrashCanOutline } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import LibraryExclusionPatternAddModal from '$lib/modals/LibraryExclusionPatternAddModal.svelte';
+import LibraryExclusionPatternEditModal from '$lib/modals/LibraryExclusionPatternEditModal.svelte';
+import LibraryFolderAddModal from '$lib/modals/LibraryFolderAddModal.svelte';
+import LibraryFolderEditModal from '$lib/modals/LibraryFolderEditModal.svelte';
+import { Route } from '$lib/route';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getLibrariesActions = ($t: MessageFormatter) => {
   const ScanAll: ActionItem = {

web/src/lib/services/maintenance.service.ts

@@ -1,9 +1,9 @@
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import { MaintenanceAction, setMaintenanceMode, type SetMaintenanceModeDto } from '@immich/sdk';
 import type { ActionItem } from '@immich/ui';
 import { mdiProgressWrench } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getMaintenanceAdminActions = ($t: MessageFormatter) => {
   const StartMaintenance: ActionItem = {

web/src/lib/services/person.service.ts

@@ -1,7 +1,3 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import PersonEditBirthDateModal from '$lib/modals/PersonEditBirthDateModal.svelte';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import { updatePerson, type PersonResponseDto } from '@immich/sdk';
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import {
@@ -12,6 +8,10 @@ import {
   mdiHeartOutline,
 } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import PersonEditBirthDateModal from '$lib/modals/PersonEditBirthDateModal.svelte';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getPersonActions = ($t: MessageFormatter, person: PersonResponseDto) => {
   const SetDateOfBirth: ActionItem = {

web/src/lib/services/queue.service.ts

@@ -1,12 +1,3 @@
-import { goto } from '$app/navigation';
-import { OpenQueryParam } from '$lib/constants';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { queueManager } from '$lib/managers/queue-manager.svelte';
-import JobCreateModal from '$lib/modals/JobCreateModal.svelte';
-import { Route } from '$lib/route';
-import type { HeaderButtonActionItem } from '$lib/types';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   emptyQueue,
   getQueue,
@@ -41,6 +32,15 @@ import {
   mdiVideo,
 } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { OpenQueryParam } from '$lib/constants';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { queueManager } from '$lib/managers/queue-manager.svelte';
+import JobCreateModal from '$lib/modals/JobCreateModal.svelte';
+import { Route } from '$lib/route';
+import type { HeaderButtonActionItem } from '$lib/types';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 type QueueItem = {
   icon: IconLike;

web/src/lib/services/shared-link.service.spec.ts

@@ -1,5 +1,5 @@
-import { asUrl } from '$lib/services/shared-link.service';
 import type { ServerConfigDto } from '@immich/sdk';
+import { asUrl } from '$lib/services/shared-link.service';
 import { sharedLinkFactory } from '@test-data/factories/shared-link-factory';
 
 describe('SharedLinkService', () => {

web/src/lib/services/shared-link.service.ts

@@ -1,11 +1,3 @@
-import { goto } from '$app/navigation';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { serverConfigManager } from '$lib/managers/server-config-manager.svelte';
-import QrCodeModal from '$lib/modals/QrCodeModal.svelte';
-import { Route } from '$lib/route';
-import { copyToClipboard } from '$lib/utils';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   createSharedLink,
   getSharedLinkById,
@@ -19,6 +11,14 @@ import {
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiContentCopy, mdiLink, mdiPencilOutline, mdiQrcode, mdiTrashCanOutline } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { serverConfigManager } from '$lib/managers/server-config-manager.svelte';
+import QrCodeModal from '$lib/modals/QrCodeModal.svelte';
+import { Route } from '$lib/route';
+import { copyToClipboard } from '$lib/utils';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getSharedLinksActions = ($t: MessageFormatter) => {
   const ViewAll: ActionItem = {

web/src/lib/services/system-config.service.ts

@@ -1,14 +1,14 @@
+import { getConfig, updateConfig, type ServerFeaturesDto, type SystemConfigDto } from '@immich/sdk';
+import { toastManager, type ActionItem } from '@immich/ui';
+import { mdiContentCopy, mdiDownload, mdiUpload } from '@mdi/js';
+import { isEqual } from 'lodash-es';
+import type { MessageFormatter } from 'svelte-i18n';
 import { downloadManager } from '$lib/managers/download-manager.svelte';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import { copyToClipboard } from '$lib/utils';
 import { downloadBlob } from '$lib/utils/asset-utils';
 import { handleError } from '$lib/utils/handle-error';
 import { getFormatter } from '$lib/utils/i18n';
-import { getConfig, updateConfig, type ServerFeaturesDto, type SystemConfigDto } from '@immich/sdk';
-import { toastManager, type ActionItem } from '@immich/ui';
-import { mdiContentCopy, mdiDownload, mdiUpload } from '@mdi/js';
-import { isEqual } from 'lodash-es';
-import type { MessageFormatter } from 'svelte-i18n';
 
 export const getSystemConfigActions = (
   $t: MessageFormatter,

web/src/lib/services/tag.service.ts

@@ -1,13 +1,13 @@
+import { deleteTag, updateTag, upsertTags, type TagUpdateDto } from '@immich/sdk';
+import { modalManager, toastManager, type ActionItem } from '@immich/ui';
+import { mdiPencil, mdiPlus, mdiTrashCanOutline } from '@mdi/js';
+import { type MessageFormatter } from 'svelte-i18n';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import TagCreateModal from '$lib/modals/TagCreateModal.svelte';
 import TagEditModal from '$lib/modals/TagEditModal.svelte';
 import { handleError } from '$lib/utils/handle-error';
 import { getFormatter } from '$lib/utils/i18n';
 import type { TreeNode } from '$lib/utils/tree-utils';
-import { deleteTag, updateTag, upsertTags, type TagUpdateDto } from '@immich/sdk';
-import { modalManager, toastManager, type ActionItem } from '@immich/ui';
-import { mdiPencil, mdiPlus, mdiTrashCanOutline } from '@mdi/js';
-import { type MessageFormatter } from 'svelte-i18n';
 
 export const getTagActions = ($t: MessageFormatter, tag: TreeNode) => {
   const Create: ActionItem = {

web/src/lib/services/trash.service.ts

@@ -1,9 +1,9 @@
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import { emptyTrash, restoreTrash } from '@immich/sdk';
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiDeleteForeverOutline, mdiHistory } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getTrashActions = ($t: MessageFormatter) => {
   const RestoreAll: ActionItem = {

web/src/lib/services/user-admin.service.ts

@@ -1,14 +1,3 @@
-import { goto } from '$app/navigation';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { serverConfigManager } from '$lib/managers/server-config-manager.svelte';
-import PasswordResetSuccessModal from '$lib/modals/PasswordResetSuccessModal.svelte';
-import UserDeleteConfirmModal from '$lib/modals/UserDeleteConfirmModal.svelte';
-import UserRestoreConfirmModal from '$lib/modals/UserRestoreConfirmModal.svelte';
-import { Route } from '$lib/route';
-import type { HeaderButtonActionItem } from '$lib/types';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   createUserAdmin,
   deleteUserAdmin,
@@ -32,6 +21,17 @@ import {
 } from '@mdi/js';
 import { DateTime } from 'luxon';
 import type { MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { serverConfigManager } from '$lib/managers/server-config-manager.svelte';
+import PasswordResetSuccessModal from '$lib/modals/PasswordResetSuccessModal.svelte';
+import UserDeleteConfirmModal from '$lib/modals/UserDeleteConfirmModal.svelte';
+import UserRestoreConfirmModal from '$lib/modals/UserRestoreConfirmModal.svelte';
+import { Route } from '$lib/route';
+import type { HeaderButtonActionItem } from '$lib/types';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getUserAdminsActions = ($t: MessageFormatter) => {
   const Create: ActionItem = {

web/src/lib/services/user.service.ts

@@ -1,6 +1,3 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   changePassword,
   lockAuthSession,
@@ -11,6 +8,9 @@ import {
 import { toastManager, type ActionItem } from '@immich/ui';
 import { mdiLockOutline } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export const getUserActions = ($t: MessageFormatter) => {
   const LockSession: ActionItem = {

web/src/lib/services/workflow.service.ts

@@ -1,8 +1,3 @@
-import { goto } from '$app/navigation';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { Route } from '$lib/route';
-import { handleError } from '$lib/utils/handle-error';
-import { getFormatter } from '$lib/utils/i18n';
 import {
   createWorkflow,
   deleteWorkflow,
@@ -25,6 +20,11 @@ import {
 import { modalManager, toastManager, type ActionItem } from '@immich/ui';
 import { mdiCodeJson, mdiDelete, mdiPause, mdiPencil, mdiPlay, mdiPlus } from '@mdi/js';
 import type { MessageFormatter } from 'svelte-i18n';
+import { goto } from '$app/navigation';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { Route } from '$lib/route';
+import { handleError } from '$lib/utils/handle-error';
+import { getFormatter } from '$lib/utils/i18n';
 
 export type PickerSubType = 'album-picker' | 'people-picker';
 export type PickerMetadata = AlbumResponseDto | PersonResponseDto | AlbumResponseDto[] | PersonResponseDto[];

web/src/lib/stores/folders.svelte.spec.ts

@@ -1,6 +1,6 @@
-import { foldersStore } from '$lib/stores/folders.svelte';
 import { getUniqueOriginalPaths } from '@immich/sdk';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { foldersStore } from '$lib/stores/folders.svelte';
 
 vi.mock('$lib/managers/event-manager.svelte', () => ({
   eventManager: {

web/src/lib/stores/folders.svelte.ts

@@ -1,5 +1,3 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { TreeNode } from '$lib/utils/tree-utils';
 import {
   getAssetsByOriginalPath,
   getUniqueOriginalPaths,
@@ -8,6 +6,8 @@ import {
    */
   type AssetResponseDto,
 } from '@immich/sdk';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { TreeNode } from '$lib/utils/tree-utils';
 
 type AssetCache = {
   [path: string]: AssetResponseDto[];

web/src/lib/stores/notification-manager.svelte.ts

@@ -1,8 +1,8 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { handleError } from '$lib/utils/handle-error';
 import { getNotifications, updateNotification, updateNotifications, type NotificationDto } from '@immich/sdk';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { handleError } from '$lib/utils/handle-error';
 
 class NotificationStore {
   notifications = $state<NotificationDto[]>([]);

web/src/lib/stores/ocr.svelte.spec.ts

@@ -1,7 +1,7 @@
-import { assetCacheManager } from '$lib/managers/AssetCacheManager.svelte';
-import { ocrManager, type OcrBoundingBox } from '$lib/stores/ocr.svelte';
 import { getAssetOcr } from '@immich/sdk';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { assetCacheManager } from '$lib/managers/AssetCacheManager.svelte';
+import { ocrManager, type OcrBoundingBox } from '$lib/stores/ocr.svelte';
 
 // Mock the SDK
 vi.mock('@immich/sdk', () => ({

web/src/lib/stores/preferences.store.ts

@@ -1,7 +1,7 @@
+import { persisted } from 'svelte-persisted-store';
 import { browser } from '$app/environment';
 import { defaultLang } from '$lib/constants';
 import { getPreferredLocale } from '$lib/utils/i18n';
-import { persisted } from 'svelte-persisted-store';
 
 // Locale to use for formatting dates, numbers, etc.
 export const locale = persisted('locale', 'default', {

web/src/lib/stores/upload.ts

@@ -1,5 +1,5 @@
-import { UploadState, type UploadAsset } from '$lib/types';
 import { derived, writable } from 'svelte/store';
+import { UploadState, type UploadAsset } from '$lib/types';
 
 function createUploadStore() {
   const uploadAssets = writable<Array<UploadAsset>>([]);

web/src/lib/stores/user.svelte.ts

@@ -1,10 +1,10 @@
-import { eventManager } from '$lib/managers/event-manager.svelte';
 import type {
   AlbumResponseDto,
   ServerAboutResponseDto,
   ServerStorageResponseDto,
   ServerVersionHistoryResponseDto,
 } from '@immich/sdk';
+import { eventManager } from '$lib/managers/event-manager.svelte';
 
 interface UserInteractions {
   recentAlbums?: AlbumResponseDto[];