chore(web): sort imports (#27922)

* feat: sort imports * fix: something?
2026-05-23 07:22:31 -04:00 · 2026-04-21 14:51:38 -04:00
parent bb0872afef
commit a16d233a0c
178 changed files with 2802 additions and 2821 deletions
@@ -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;
@@ -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 }) => {
@@ -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' });

@@ -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;
@@ -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 {
  /**
@@ -1,5 +1,5 @@
-import { getTabbable } from '$lib/utils/focus-util';
 import { tick } from 'svelte';
+import { getTabbable } from '$lib/utils/focus-util';

 interface Options {
  /**
@@ -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.
@@ -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 = {
@@ -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[] = [
@@ -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(),
@@ -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', () => {
@@ -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();
@@ -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');

@@ -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', () => ({
@@ -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', () => {
@@ -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', () => {
@@ -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;
@@ -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;
@@ -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 };
@@ -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(),
@@ -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', {
@@ -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', () => ({
@@ -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();
@@ -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
@@ -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' };

@@ -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', () => {
@@ -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 () => {
@@ -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', () => {
@@ -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', () => {
@@ -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 {
@@ -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();

@@ -30,16 +30,16 @@ export enum ProjectionType {
 }

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

 export enum QueryParameter {
@@ -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('<!---->', '');

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

@@ -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 = {
@@ -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';
@@ -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;
@@ -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);
@@ -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);
@@ -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 {
@@ -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[];
@@ -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'
@@ -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: [];
@@ -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();
@@ -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;
@@ -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[]>([]);
@@ -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();
@@ -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();
@@ -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';
@@ -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';
@@ -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';
@@ -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[] = [];
@@ -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';
@@ -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';

@@ -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';
@@ -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';
@@ -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';

@@ -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) {
@@ -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: [] });
@@ -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', () => {
@@ -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', () => {
@@ -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());
@@ -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 = {
@@ -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 = {
@@ -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 = {
@@ -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: {
@@ -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;
@@ -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 = {
@@ -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();
@@ -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 = {
@@ -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 = {
@@ -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 = {
@@ -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 = {
@@ -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;
@@ -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', () => {
@@ -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 = {
@@ -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,
@@ -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 = {
@@ -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 = {
@@ -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 = {
@@ -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 = {
@@ -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[];
@@ -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: {
@@ -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[];
@@ -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[]>([]);
@@ -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', () => ({
@@ -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', {
@@ -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>>([]);
@@ -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[];
@@ -1,11 +1,3 @@
-import { page } from '$app/state';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { eventManager } from '$lib/managers/event-manager.svelte';
-import { Route } from '$lib/route';
-import { maintenanceStore } from '$lib/stores/maintenance.store';
-import { notificationManager } from '$lib/stores/notification-manager.svelte';
-import type { ReleaseEvent } from '$lib/types';
-import { createEventEmitter } from '$lib/utils/eventemitter';
 import {
  MaintenanceAction,
  type AssetResponseDto,
@@ -17,6 +9,14 @@ import {
 } from '@immich/sdk';
 import { io, type Socket } from 'socket.io-client';
 import { get, writable } from 'svelte/store';
+import { page } from '$app/state';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { eventManager } from '$lib/managers/event-manager.svelte';
+import { Route } from '$lib/route';
+import { maintenanceStore } from '$lib/stores/maintenance.store';
+import { notificationManager } from '$lib/stores/notification-manager.svelte';
+import type { ReleaseEvent } from '$lib/types';
+import { createEventEmitter } from '$lib/utils/eventemitter';

 interface AppRestartEvent {
  isMaintenanceMode: boolean;
@@ -1,9 +1,9 @@
-import { MediaType } from '$lib/constants';
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
 import type { QueueResponseDto, ServerVersionResponseDto } from '@immich/sdk';
 import type { ActionItem } from '@immich/ui';
 import type { DateTime } from 'luxon';
 import type { SvelteSet } from 'svelte/reactivity';
+import { MediaType } from '$lib/constants';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';

 export type LatLng = { lng: number; lat: number };

@@ -1,5 +1,5 @@
-import { getAssetUrl, getReleaseType } from '$lib/utils';
 import { AssetTypeEnum } from '@immich/sdk';
+import { getAssetUrl, getReleaseType } from '$lib/utils';
 import { assetFactory } from '@test-data/factories/asset-factory';
 import { sharedLinkFactory } from '@test-data/factories/shared-link-factory';

@@ -1,9 +1,3 @@
-import { defaultLang, locales } from '$lib/constants';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { alwaysLoadOriginalFile, lang } from '$lib/stores/preferences.store';
-import { isWebCompatibleImage } from '$lib/utils/asset-utils';
-import { handleError } from '$lib/utils/handle-error';
-import { langs } from '$lib/utils/i18n';
 import {
  AssetMediaSize,
  AssetTypeEnum,
@@ -28,6 +22,12 @@ import {
 import { toastManager, type ActionItem, type IfLike } from '@immich/ui';
 import { init, register, t } from 'svelte-i18n';
 import { derived, get } from 'svelte/store';
+import { defaultLang, locales } from '$lib/constants';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { alwaysLoadOriginalFile, lang } from '$lib/stores/preferences.store';
+import { isWebCompatibleImage } from '$lib/utils/asset-utils';
+import { handleError } from '$lib/utils/handle-error';
+import { langs } from '$lib/utils/i18n';

 interface DownloadRequestOptions<T = unknown> {
  method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
@@ -1,10 +1,10 @@
-import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import type { StackResponse } from '$lib/utils/asset-utils';
 import { AssetVisibility, deleteAssets as deleteBulk, restoreAssets } from '@immich/sdk';
 import { toastManager } from '@immich/ui';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import type { StackResponse } from '$lib/utils/asset-utils';
 import { handleError } from './handle-error';

 export type OnDelete = (assetIds: string[]) => void;
@@ -1,3 +1,8 @@
+import type { AlbumResponseDto } from '@immich/sdk';
+import * as sdk from '@immich/sdk';
+import { orderBy } from 'lodash-es';
+import { t } from 'svelte-i18n';
+import { get } from 'svelte/store';
 import { goto } from '$app/navigation';
 import { eventManager } from '$lib/managers/event-manager.svelte';
 import { Route } from '$lib/route';
@@ -11,11 +16,6 @@ import {
  type AlbumViewSettings,
 } from '$lib/stores/preferences.store';
 import { handleError } from '$lib/utils/handle-error';
-import type { AlbumResponseDto } from '@immich/sdk';
-import * as sdk from '@immich/sdk';
-import { orderBy } from 'lodash-es';
-import { t } from 'svelte-i18n';
-import { get } from 'svelte/store';

 /**
 * -------------------------
@@ -1,13 +1,3 @@
-import type { AssetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { downloadManager } from '$lib/managers/download-manager.svelte';
-import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import { downloadRequest, withError } from '$lib/utils';
-import { getByteUnitString } from '$lib/utils/byte-units';
-import { getFormatter } from '$lib/utils/i18n';
-import { navigate } from '$lib/utils/navigation';
-import { asQueryString } from '$lib/utils/shared-links';
 import {
  AssetVisibility,
  bulkTagAssets,
@@ -31,6 +21,16 @@ import { toastManager } from '@immich/ui';
 import { DateTime } from 'luxon';
 import { t } from 'svelte-i18n';
 import { get } from 'svelte/store';
+import type { AssetMultiSelectManager } from '$lib/managers/asset-multi-select-manager.svelte';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { downloadManager } from '$lib/managers/download-manager.svelte';
+import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import { downloadRequest, withError } from '$lib/utils';
+import { getByteUnitString } from '$lib/utils/byte-units';
+import { getFormatter } from '$lib/utils/i18n';
+import { navigate } from '$lib/utils/navigation';
+import { asQueryString } from '$lib/utils/shared-links';
 import { handleError } from './handle-error';

 export const tagAssets = async ({
@@ -1,9 +1,9 @@
-import { authManager } from '$lib/managers/auth-manager.svelte';
-import { Route } from '$lib/route';
-import { userInteraction } from '$lib/stores/user.svelte';
 import { getStorage } from '@immich/sdk';
 import { redirect } from '@sveltejs/kit';
 import { DateTime } from 'luxon';
+import { authManager } from '$lib/managers/auth-manager.svelte';
+import { Route } from '$lib/route';
+import { userInteraction } from '$lib/stores/user.svelte';

 export interface AuthOptions {
  admin?: true;
--- a/Show More
+++ b/Show More