chore: add import sort plugin for once

.prettierrc

···
 	"semi": true,
 	"singleQuote": true,
 	"bracketSpacing": true,
-	"plugins": ["prettier-plugin-tailwindcss"],
+	"plugins": ["prettier-plugin-tailwindcss", "@trivago/prettier-plugin-sort-imports"],
 	"tailwindFunctions": ["tw"],
+	"importOrder": [
+		"^node:",
+		"<THIRD_PARTY_MODULES>",
+		"^@(atcute|mary)/",
+		"^~/api/",
+		"^~/globals/",
+		"^~/lib/",
+		"^~/components/",
+		"^~/views/",
+		"^~/assets/",
+		"^~",
+		"^\\.{2}(?:/(?:.*)(?<!\\.css))?$",
+		"^\\.(?:/(?:.*)(?<!\\.css))?$",
+		"^\\."
+	],
+	"importOrderSeparation": true,
+	"importOrderSortSpecifiers": true,
 	"overrides": [
 		{
 			"files": ["tsconfig.json", "jsconfig.json"],

package.json

···
 		"solid-js": "^1.8.22"
 	},
 	"devDependencies": {
+		"@trivago/prettier-plugin-sort-imports": "^4.3.0",
 		"@types/dom-close-watcher": "^1.0.0",
 		"autoprefixer": "^10.4.20",
 		"babel-plugin-transform-typescript-const-enums": "^0.1.0",

pnpm-lock.yaml

···
         specifier: ^1.8.22
         version: 1.8.22(patch_hash=5rodyfcb76rtbo26dwlsojy7jy)
     devDependencies:
+      '@trivago/prettier-plugin-sort-imports':
+        specifier: ^4.3.0
+        version: 4.3.0(prettier@3.3.3)
       '@types/dom-close-watcher':
         specifier: ^1.0.0
         version: 1.0.0
···
         version: 3.3.3
       prettier-plugin-tailwindcss:
         specifier: ^0.6.6
-        version: 0.6.6(prettier@3.3.3)
+        version: 0.6.6(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3))(prettier@3.3.3)
       tailwindcss:
         specifier: ^3.4.10
         version: 3.4.10
···
     resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/generator@7.17.7':
+    resolution: {integrity: sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/generator@7.25.6':
     resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
     engines: {node: '>=6.9.0'}
···
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
+  '@babel/helper-environment-visitor@7.24.7':
+    resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-function-name@7.24.7':
+    resolution: {integrity: sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-hoist-variables@7.24.7':
+    resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-member-expression-to-functions@7.24.8':
     resolution: {integrity: sha512-LABppdt+Lp/RlBxqrh4qgf1oEH/WxdzQNDJIu5gC/W1GyvPVrOBiItmmM8wan2fm4oYqFuFfkXmlGpLQhPY8CA==}
     engines: {node: '>=6.9.0'}
···
 
   '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
     resolution: {integrity: sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-split-export-declaration@7.24.7':
+    resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-string-parser@7.24.8':
···
     resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/traverse@7.23.2':
+    resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/traverse@7.25.6':
     resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.17.0':
+    resolution: {integrity: sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/types@7.25.6':
···
 
   '@tanstack/query-core@5.17.19':
     resolution: {integrity: sha512-Lzw8FUtnLCc9Jwz0sw9xOjZB+/mCCmJev38v2wHMUl/ioXNIhnNWeMxu0NKUjIhAd62IRB3eAtvxAGDJ55UkyA==}
+
+  '@trivago/prettier-plugin-sort-imports@4.3.0':
+    resolution: {integrity: sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==}
+    peerDependencies:
+      '@vue/compiler-sfc': 3.x
+      prettier: 2.x - 3.x
+    peerDependenciesMeta:
+      '@vue/compiler-sfc':
+        optional: true
 
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
···
     engines: {node: '>=10'}
     hasBin: true
 
+  javascript-natural-sort@0.7.1:
+    resolution: {integrity: sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==}
+
   jiti@1.21.6:
     resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
     hasBin: true
···
 
   source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
 
   source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
···
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/generator@7.17.7':
+    dependencies:
+      '@babel/types': 7.25.6
+      jsesc: 2.5.2
+      source-map: 0.5.7
+
   '@babel/generator@7.25.6':
     dependencies:
       '@babel/types': 7.25.6
···
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-environment-visitor@7.24.7':
+    dependencies:
+      '@babel/types': 7.25.6
+
+  '@babel/helper-function-name@7.24.7':
+    dependencies:
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.6
+
+  '@babel/helper-hoist-variables@7.24.7':
+    dependencies:
+      '@babel/types': 7.25.6
+
   '@babel/helper-member-expression-to-functions@7.24.8':
     dependencies:
       '@babel/traverse': 7.25.6
···
       '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
+
+  '@babel/helper-split-export-declaration@7.24.7':
+    dependencies:
+      '@babel/types': 7.25.6
 
   '@babel/helper-string-parser@7.24.8': {}
 
···
       '@babel/parser': 7.25.6
       '@babel/types': 7.25.6
 
+  '@babel/traverse@7.23.2':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.25.6
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-function-name': 7.24.7
+      '@babel/helper-hoist-variables': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
+      debug: 4.3.6
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/traverse@7.25.6':
     dependencies:
       '@babel/code-frame': 7.24.7
···
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
+
+  '@babel/types@7.17.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      to-fast-properties: 2.0.0
 
   '@babel/types@7.25.6':
     dependencies:
···
 
   '@tanstack/query-core@5.17.19(patch_hash=mh34qchsf4y2z6x2owv2ljabky)': {}
 
+  '@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3)':
+    dependencies:
+      '@babel/generator': 7.17.7
+      '@babel/parser': 7.25.6
+      '@babel/traverse': 7.23.2
+      '@babel/types': 7.17.0
+      javascript-natural-sort: 0.7.1
+      lodash: 4.17.21
+      prettier: 3.3.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.25.6
···
       filelist: 1.0.4
       minimatch: 3.1.2
 
+  javascript-natural-sort@0.7.1: {}
+
   jiti@1.21.6: {}
 
   js-tokens@4.0.0: {}
···
       picocolors: 1.0.1
       source-map-js: 1.2.0
 
-  prettier-plugin-tailwindcss@0.6.6(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.6(@trivago/prettier-plugin-sort-imports@4.3.0(prettier@3.3.3))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
+    optionalDependencies:
+      '@trivago/prettier-plugin-sort-imports': 4.3.0(prettier@3.3.3)
 
   prettier@3.3.3: {}
 
···
     dependencies:
       buffer-from: 1.1.2
       source-map: 0.6.1
+
+  source-map@0.5.7: {}
 
   source-map@0.6.1: {}
 

src/api/cache/post-shadow.ts

···
-import { batch, createRenderEffect, createSignal, onCleanup, type Accessor } from 'solid-js';
+import { type Accessor, batch, createRenderEffect, createSignal, onCleanup } from 'solid-js';
 
 import type { AppBskyFeedDefs } from '@atcute/client/lexicons';
 import { EventEmitter } from '@mary/events';
···
 import { findAllPosts as findAllPostsInTimeline } from '../queries-cache/timeline';
 import { EQUALS_DEQUAL } from '../utils/dequal';
 import type { AccessorMaybe } from '../utils/types';
+
 import { iterateQueryCache } from './utils';
 
 export interface PostShadow {

src/api/cache/profile-shadow.ts

···
-import { batch, createRenderEffect, createSignal, onCleanup, type Accessor } from 'solid-js';
+import { type Accessor, batch, createRenderEffect, createSignal, onCleanup } from 'solid-js';
 
 import type { AppBskyActorDefs, At } from '@atcute/client/lexicons';
 import { EventEmitter } from '@mary/events';
···
 import { findAllProfiles as findAllProfilesInTimeline } from '../queries-cache/timeline';
 import { EQUALS_DEQUAL } from '../utils/dequal';
 import type { AccessorMaybe } from '../utils/types';
+
 import { iterateQueryCache } from './utils';
 
 export interface ProfileShadow {

src/api/cache/utils.ts

···
-import { matchQuery, type QueryClient, type QueryFilters } from '@mary/solid-query';
+import { type QueryClient, type QueryFilters, matchQuery } from '@mary/solid-query';
 
 export interface CacheMatcher<T> {
 	filter: QueryFilters;

src/api/models/post-thread.tsx

···
 
 import {
 	ContextContentList,
-	getModerationUI,
 	type ModerationCause,
 	type ModerationOptions,
+	getModerationUI,
 } from '../moderation';
 import { moderatePost } from '../moderation/entities/post';
 

src/api/moderation/entities/generic.ts

···
 import type { At, ComAtprotoLabelDefs } from '@atcute/client/lexicons';
 
-import { TargetContent, decideLabelModeration, type ModerationCause, type ModerationOptions } from '..';
+import { type ModerationCause, type ModerationOptions, TargetContent, decideLabelModeration } from '..';
 
 export const moderateGeneric = (
 	item: { labels?: ComAtprotoLabelDefs.Label[] },

src/api/moderation/entities/post.ts

···
 import { unwrapPostEmbedText } from '~/api/utils/post';
 
 import {
+	type ModerationCause,
+	type ModerationOptions,
 	PreferenceWarn,
 	TargetContent,
 	decideLabelModeration,
 	decideMutedKeywordModeration,
-	type ModerationCause,
-	type ModerationOptions,
 } from '..';
+
 import { moderateProfile } from './profile';
 
 export const moderatePost = (post: AppBskyFeedDefs.PostView, opts: ModerationOptions) => {

src/api/moderation/entities/profile.ts

···
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 
 import {
+	type ModerationCause,
+	type ModerationOptions,
 	TargetAccount,
 	TargetProfile,
 	decideLabelModeration,
 	decideMutedPermanentModeration,
-	type ModerationCause,
-	type ModerationOptions,
 } from '..';
 
 type AllProfileView =

src/api/moderation/entities/quote.ts

···
 import { unwrapPostEmbedText } from '~/api/utils/post';
 
 import {
+	type ModerationCause,
+	type ModerationOptions,
 	PreferenceWarn,
 	TargetContent,
 	decideLabelModeration,
 	decideMutedKeywordModeration,
-	type ModerationCause,
-	type ModerationOptions,
 } from '..';
+
 import { moderateProfile } from './profile';
 
 export const moderateQuote = (quote: AppBskyEmbedRecord.ViewRecord, opts: ModerationOptions) => {

src/api/moderation/labeler.ts

···
 	BlurMedia,
 	BlurNone,
 	FlagsAdultOnly,
+	FlagsNoSelf,
 	FlagsNone,
-	FlagsNoSelf,
+	type LabelBlur,
+	type LabelDefinitionMapping,
+	type LabelPreference,
+	type LabelSeverity,
+	type ModerationLabeler,
 	PreferenceHide,
 	PreferenceIgnore,
 	PreferenceWarn,
 	SeverityAlert,
 	SeverityInform,
 	SeverityNone,
-	type LabelBlur,
-	type LabelDefinitionMapping,
-	type LabelPreference,
-	type LabelSeverity,
-	type ModerationLabeler,
 } from '.';
 
 export const interpretLabelerDefinition = (

src/api/mutations/post.ts

···
 import { useAgent } from '~/lib/states/agent';
 import { useSession } from '~/lib/states/session';
 
-import { updatePostShadow, type PostShadowView } from '../cache/post-shadow';
+import { type PostShadowView, updatePostShadow } from '../cache/post-shadow';
+import { getCurrentDate } from '../utils/misc';
 import { createRecord, deleteRecord } from '../utils/records';
 import { parseAtUri } from '../utils/strings';
 import { createToggleMutationQueue } from '../utils/toggle-mutation';
-import { getCurrentDate } from '../utils/misc';
 
 export const createPostLikeMutation = (
 	post: () => AppBskyFeedDefs.PostView,

src/api/mutations/profile.ts

···
 import { useAgent } from '~/lib/states/agent';
 import { useSession } from '~/lib/states/session';
 
-import { updateProfileShadow, type ProfileShadowView } from '../cache/profile-shadow';
+import { type ProfileShadowView, updateProfileShadow } from '../cache/profile-shadow';
+import { getCurrentDate } from '../utils/misc';
 import { createRecord, deleteRecord } from '../utils/records';
 import { parseAtUri } from '../utils/strings';
 import { createToggleMutationQueue } from '../utils/toggle-mutation';
-import { getCurrentDate } from '../utils/misc';
 
 export const createProfileFollowMutation = (
 	profile: () => AppBskyActorDefs.ProfileView | AppBskyActorDefs.ProfileViewDetailed,

src/api/queries-cache/profile-following.ts

···
-import type { AppBskyActorDefs, At, AppBskyGraphGetFollows } from '@atcute/client/lexicons';
+import type { AppBskyActorDefs, AppBskyGraphGetFollows, At } from '@atcute/client/lexicons';
 import type { InfiniteData } from '@mary/solid-query';
 
 import type { CacheMatcher } from '../cache/utils';

src/api/queries/composer-gif.ts

···
-import { createInfiniteQuery, type InfiniteData, type QueryFunctionContext as QC } from '@mary/solid-query';
+import { type InfiniteData, type QueryFunctionContext as QC, createInfiniteQuery } from '@mary/solid-query';
 
 const GIF_ENDPOINT = `https://gifs.bsky.app`;
 

src/api/queries/feed.ts

···
 import { useAgent } from '~/lib/states/agent';
 
 import { isDid, parseAtUri } from '../utils/strings';
+
 import { resolveHandle } from './handle';
 
 export interface ExtendedGeneratorView extends AppBskyFeedDefs.GeneratorView {

src/api/queries/list.ts

···
 import { useAgent } from '~/lib/states/agent';
 
 import { isDid, parseAtUri } from '../utils/strings';
+
 import { resolveHandle } from './handle';
 
 export const createListMetaQuery = (listUri: () => string) => {

src/api/queries/notification-feed.tsx

···
 import { createSignal } from 'solid-js';
 
 import type { AppBskyFeedDefs, AppBskyNotificationListNotifications } from '@atcute/client/lexicons';
-import { createInfiniteQuery, useQueryClient, type QueryFunctionContext as QC } from '@mary/solid-query';
+import { type QueryFunctionContext as QC, createInfiniteQuery, useQueryClient } from '@mary/solid-query';
 
-import { mapDefined } from '~/lib/utils/misc';
 import { useAgent } from '~/lib/states/agent';
+import { mapDefined } from '~/lib/utils/misc';
 
 import { dequal } from '../utils/dequal';
+import { chunked } from '../utils/misc';
 import { resetInfiniteData } from '../utils/query';
 import { parseAtUri } from '../utils/strings';
-import { chunked } from '../utils/misc';
 
 type Notification = AppBskyNotificationListNotifications.Notification;
 

src/api/queries/post-quotes.ts

···
-import { createInfiniteQuery, type QueryFunctionContext as QC } from '@mary/solid-query';
 import type { AppBskyFeedGetQuotes } from '@atcute/client/lexicons';
+import { type QueryFunctionContext as QC, createInfiniteQuery } from '@mary/solid-query';
 
 import { useAgent } from '~/lib/states/agent';
 

src/api/queries/post.ts

···
 
 import { findPostsInCache } from '../cache/post-shadow';
 import { isDid, parseAtUri } from '../utils/strings';
+
 import { resolveHandle } from './handle';
 
 export const createPostQuery = (postUri: () => string) => {

src/api/queries/profile-followers.ts

···
 import type { AppBskyActorDefs, AppBskyGraphGetFollowers } from '@atcute/client/lexicons';
-import { createInfiniteQuery, type InfiniteData, type QueryFunctionContext as QC } from '@mary/solid-query';
+import { type InfiniteData, type QueryFunctionContext as QC, createInfiniteQuery } from '@mary/solid-query';
+
 import { useAgent } from '~/lib/states/agent';
 
 export const createProfileFollowersQuery = (didOrHandle: () => string) => {

src/api/queries/profile-following.ts

···
 import type { AppBskyActorDefs, AppBskyGraphGetFollows } from '@atcute/client/lexicons';
-import { createInfiniteQuery, type InfiniteData, type QueryFunctionContext as QC } from '@mary/solid-query';
+import { type InfiniteData, type QueryFunctionContext as QC, createInfiniteQuery } from '@mary/solid-query';
 
 import { useAgent } from '~/lib/states/agent';
 

src/api/queries/profile-known-followers.ts

···
 import type { AppBskyActorDefs, AppBskyGraphGetFollowers } from '@atcute/client/lexicons';
-import { createInfiniteQuery, type InfiniteData, type QueryFunctionContext as QC } from '@mary/solid-query';
+import { type InfiniteData, type QueryFunctionContext as QC, createInfiniteQuery } from '@mary/solid-query';
 
 import { useAgent } from '~/lib/states/agent';
 

src/api/queries/profile.ts

···
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
-import { createQuery, type QueryPersister } from '@mary/solid-query';
+import { type QueryPersister, createQuery } from '@mary/solid-query';
 
 import { useAgent } from '~/lib/states/agent';
 import { useSession } from '~/lib/states/session';

src/api/queries/timeline.ts

···
 	AppBskyFeedPost,
 	At,
 } from '@atcute/client/lexicons';
-import { createInfiniteQuery, createQuery, useQueryClient, type InfiniteData } from '@mary/solid-query';
+import { type InfiniteData, createInfiniteQuery, createQuery, useQueryClient } from '@mary/solid-query';
 
 import { globalEvents } from '~/globals/events';
 
-import { assert } from '~/lib/utils/invariant';
 import { useAgent } from '~/lib/states/agent';
 import { useModerationOptions } from '~/lib/states/moderation';
 import { useSession } from '~/lib/states/session';
+import { assert } from '~/lib/utils/invariant';
 
 import {
-	createJoinedItems,
 	type EnsuredReplyRef,
 	type EnsuredTimelineItem,
 	type PostFilter,
 	type SliceFilter,
 	type TimelineSlice,
 	type UiTimelineItem,
+	createJoinedItems,
 } from '../models/timeline';
 import {
 	ContextContentList,
+	type ModerationCause,
+	type ModerationOptions,
 	PreferenceHide,
 	TargetContent,
 	decideLabelModeration,
 	decideMutedKeywordModeration,
 	getModerationUI,
-	type ModerationCause,
-	type ModerationOptions,
 } from '../moderation';
-
 import { EQUALS_DEQUAL } from '../utils/dequal';
 import { unwrapPostEmbedText } from '../utils/post';
 import { resetInfiniteData, wrapQuery } from '../utils/query';

src/api/richtext/parser/parse.ts

···
 import { safeUrlParse } from '../../utils/strings';
-
 import { graphemeLen } from '../intl';
 import { toShortUrl } from '../url';
 

src/api/richtext/segment.ts

···
 import type { AppBskyRichtextFacet, BlueMojiRichtextFacet, Brand } from '@atcute/client/lexicons';
 
 import type { UnwrapArray } from '../utils/types';
+
 import { textDecoder, textEncoder } from './intl';
 
 interface UtfString {

src/components/avatar.tsx

···
 
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 
-import { ContextProfileMedia, getModerationUI, type ModerationCause } from '~/api/moderation';
+import { ContextProfileMedia, type ModerationCause, getModerationUI } from '~/api/moderation';
 
 import DefaultFeedAvatar from '~/assets/default-feed-avatar.svg?url';
 import DefaultLabelerAvatar from '~/assets/default-labeler-avatar.svg?url';

src/components/bookmarks/add-post-to-folder-dialog.tsx

···
-import { createMemo, For } from 'solid-js';
+import { For, createMemo } from 'solid-js';
 
 import type { AppBskyFeedDefs } from '@atcute/client/lexicons';
 import { useQueryClient } from '@mary/solid-query';
···
 import { openModal, useModalContext } from '~/globals/modals';
 
 import { createDerivedSignal } from '~/lib/hooks/derived-signal';
-import { isSetEqual } from '~/lib/utils/misc';
 import { useBookmarks } from '~/lib/states/bookmarks';
+import { isSetEqual } from '~/lib/utils/misc';
 
 import Button from '../button';
 import * as Dialog from '../dialog';

src/components/boxed.tsx

···
-import { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';
+import { type Component, type ComponentProps, type JSX, createMemo } from 'solid-js';
 
 import { openModal, useModalContext } from '~/globals/modals';
 

src/components/composer/composer-dialog.tsx

···
 import {
+	type Component,
+	type ComponentProps,
 	For,
+	type JSX,
 	Show,
 	batch,
 	createEffect,
 	createMemo,
 	createSignal,
-	type Component,
-	type ComponentProps,
-	type JSX,
 } from 'solid-js';
 import { createMutable, unwrap } from 'solid-js/store';
 
 import type { AppBskyActorDefs, AppBskyFeedPost } from '@atcute/client/lexicons';
-import { useQueryClient, type CreateQueryResult } from '@mary/solid-query';
+import { type CreateQueryResult, useQueryClient } from '@mary/solid-query';
 
 import { GLOBAL_LABELS, getLocalizedLabel } from '~/api/moderation';
 import { createProfileQuery } from '~/api/queries/profile';
···
 import { openModal, useModalContext } from '~/globals/modals';
 
 import { createEventListener } from '~/lib/hooks/event-listener';
-import { createGuard, type GuardFunction } from '~/lib/hooks/guard';
-import { assert } from '~/lib/utils/invariant';
-import { on } from '~/lib/utils/misc';
+import { type GuardFunction, createGuard } from '~/lib/hooks/guard';
 import { useAgent } from '~/lib/states/agent';
 import { useSession } from '~/lib/states/session';
 import { SUPPORTED_IMAGE_FORMATS, openImagePicker } from '~/lib/utils/blob';
+import { assert } from '~/lib/utils/invariant';
+import { on } from '~/lib/utils/misc';
 
+import Avatar, { getUserAvatarType } from '../avatar';
 import Button from '../button';
+import CircularProgress from '../circular-progress';
 import * as Dialog from '../dialog';
-import IconButton from '../icon-button';
-import * as Prompt from '../prompt';
-
-import Avatar, { getUserAvatarType } from '../avatar';
-import CircularProgress from '../circular-progress';
 import Divider from '../divider';
 import { useFieldset } from '../fieldset';
+import IconButton from '../icon-button';
 import AddOutlinedIcon from '../icons-central/add-outline';
 import AtOutlinedIcon from '../icons-central/at-outline';
 import BlockOutlinedIcon from '../icons-central/block-outline';
···
 import ShieldOutlinedIcon from '../icons-central/shield-outline';
 import TranslateOutlinedIcon from '../icons-central/translate-outline';
 import Keyed from '../keyed';
+import * as Prompt from '../prompt';
 
 import ComposerInput from './composer-input';
-
 import ComposerReplyContext from './composer-reply-context';
 import ContentWarningMenu from './dialogs/content-warning-menu';
 import LanguageSelectDialogLazy from './dialogs/language-select-dialog-lazy';
···
 import ImageEmbed from './embeds/image-embed';
 import ListEmbed from './embeds/list-embed';
 import QuoteEmbed from './embeds/quote-embed';
-import GifSearchDialogLazy from './gifs/gif-search-dialog-lazy';
-
 import type { BaseEmbedProps } from './embeds/types';
+import GifSearchDialogLazy from './gifs/gif-search-dialog-lazy';
 import { publish } from './lib/api';
 import { getEmbedFromLink } from './lib/link-detection';
 import {
+	type ComposerState,
+	type CreateComposerStateOptions,
 	EmbedKind,
+	type PostEmbed,
+	type PostRecordEmbed,
+	type PostRecordWithMediaEmbed,
+	type PostState,
 	ThreadgateKnownValue,
 	createComposerState,
 	createPostState,
···
 	getPostEmbedFlags,
 	getPostRt,
 	getThreadgateValue,
-	type ComposerState,
-	type CreateComposerStateOptions,
-	type PostEmbed,
-	type PostRecordEmbed,
-	type PostRecordWithMediaEmbed,
-	type PostState,
 } from './lib/state';
 
 export interface ComposerDialogProps {

src/components/composer/composer-input.tsx

···
+import { autoPlacement, autoUpdate, offset, shift, size } from '@floating-ui/dom';
 import { useFloating } from 'solid-floating-ui';
 import {
 	For,
+	type JSX,
 	Match,
 	Switch,
 	createEffect,
···
 	createRenderEffect,
 	createResource,
 	createSignal,
-	type JSX,
 } from 'solid-js';
 
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 
-import { autoPlacement, autoUpdate, offset, shift, size } from '@floating-ui/dom';
-
 import { type PreliminaryRichText } from '~/api/richtext/parser/parse';
 import { safeUrlParse } from '~/api/utils/strings';
 
···
 import { createEventListener } from '~/lib/hooks/event-listener';
 import { useTextareaAutosize } from '~/lib/hooks/textarea-autosize';
 import { isCtrlKeyPressed } from '~/lib/interaction';
-import { assert } from '~/lib/utils/invariant';
 import { useAgent } from '~/lib/states/agent';
+import { assert } from '~/lib/utils/invariant';
 
 import Avatar, { getUserAvatarType } from '../avatar';
 import CircularProgress from '../circular-progress';

src/components/composer/dialogs/gif-alt-dialog.tsx

···
 import Divider from '../../divider';
 import CharCounterAccessory from '../../input/char-counter-accessory';
 import TextareaInput from '../../textarea-input';
-
 import type { GifMedia } from '../gifs/gif-search-dialog';
 
 export interface GifAltDialogProps {

src/components/composer/dialogs/threadgate-menu.tsx

···
 import EarthOutlinedIcon from '../../icons-central/earth-outline';
 import PersonCheckOutlinedIcon from '../../icons-central/person-check-outline';
 import * as Menu from '../../menu';
-
 import { ThreadgateKnownValue, getThreadgateValue } from '../lib/state';
 
 export interface ThreadgateMenuProps {

src/components/composer/embeds/external-embed.tsx

···
 import { createLinkMetaQuery } from '~/api/queries/composer';
 
 import CircularProgress from '~/components/circular-progress';
+import ExternalEmbedContent from '~/components/embeds/external-embed';
 import IconButton from '~/components/icon-button';
 import CrossLargeOutlinedIcon from '~/components/icons-central/cross-large-outline';
 
-import ExternalEmbedContent from '~/components/embeds/external-embed';
+import type { PostExternalEmbed } from '../lib/state';
 
-import type { PostExternalEmbed } from '../lib/state';
 import type { BaseEmbedProps } from './types';
 
 export interface ExternalEmbedProps extends BaseEmbedProps {

src/components/composer/embeds/feed-embed.tsx

···
 import { createFeedMetaQuery } from '~/api/queries/feed';
 
 import CircularProgress from '~/components/circular-progress';
+import FeedEmbedContent from '~/components/embeds/feed-embed';
 import IconButton from '~/components/icon-button';
 import CrossLargeOutlinedIcon from '~/components/icons-central/cross-large-outline';
 
-import FeedEmbedContent from '~/components/embeds/feed-embed';
+import type { PostFeedEmbed } from '../lib/state';
 
-import type { PostFeedEmbed } from '../lib/state';
 import type { BaseEmbedProps } from './types';
 
 export interface FeedEmbedProps extends BaseEmbedProps {

src/components/composer/embeds/gif-embed.tsx

···
 import { openModal } from '~/globals/modals';
 
+import AltButton from '../../alt-button';
+import { type BlueskyGifSnippet, SnippetType } from '../../embeds/lib/snippet';
+import { GifEmbed as GifEmbedContent } from '../../embeds/supports/gif-embed';
 import IconButton from '../../icon-button';
 import CrossLargeOutlinedIcon from '../../icons-central/cross-large-outline';
 import Keyed from '../../keyed';
-
-import AltButton from '../../alt-button';
-
-import { SnippetType, type BlueskyGifSnippet } from '../../embeds/lib/snippet';
-import { GifEmbed as GifEmbedContent } from '../../embeds/supports/gif-embed';
-
 import GifAltDialogLazy from '../dialogs/gif-alt-dialog-lazy';
-
 import type { PostGifEmbed } from '../lib/state';
+
 import type { BaseEmbedProps } from './types';
 
 export interface GifEmbedProps extends BaseEmbedProps {

src/components/composer/embeds/image-embed.tsx

···
 
 import { openModal } from '~/globals/modals';
 
+import AltButton from '../../alt-button';
 import IconButton from '../../icon-button';
 import CrossLargeOutlinedIcon from '../../icons-central/cross-large-outline';
-
-import AltButton from '../../alt-button';
 import ImageAltDialogLazy from '../dialogs/image-alt-dialog-lazy';
-
 import type { PostImageEmbed } from '../lib/state';
+
 import type { BaseEmbedProps } from './types';
 
 export interface ImageEmbedProps extends BaseEmbedProps {

src/components/composer/embeds/list-embed.tsx

···
 import { createListMetaQuery } from '~/api/queries/list';
 
 import CircularProgress from '~/components/circular-progress';
+import ListEmbedContent from '~/components/embeds/list-embed';
 import IconButton from '~/components/icon-button';
 import CrossLargeOutlinedIcon from '~/components/icons-central/cross-large-outline';
 
-import ListEmbedContent from '~/components/embeds/list-embed';
+import type { PostListEmbed } from '../lib/state';
 
-import type { PostListEmbed } from '../lib/state';
 import type { BaseEmbedProps } from './types';
 
 export interface ListEmbedProps extends BaseEmbedProps {

src/components/composer/embeds/quote-embed.tsx

···
 import { createPostQuery } from '~/api/queries/post';
 
 import CircularProgress from '~/components/circular-progress';
+import QuoteEmbedContent from '~/components/embeds/quote-embed';
 import IconButton from '~/components/icon-button';
 import CrossLargeOutlinedIcon from '~/components/icons-central/cross-large-outline';
 
-import QuoteEmbedContent from '~/components/embeds/quote-embed';
+import type { PostQuoteEmbed } from '../lib/state';
 
-import type { PostQuoteEmbed } from '../lib/state';
 import type { BaseEmbedProps } from './types';
 
 export interface QuoteEmbedProps extends BaseEmbedProps {

src/components/composer/gifs/gif-search-dialog.tsx

···
 import { For, Match, Switch, createSignal } from 'solid-js';
 
-import { createGifSearchQuery, type Gif } from '~/api/queries/composer-gif';
+import { type Gif, createGifSearchQuery } from '~/api/queries/composer-gif';
 import { chunked } from '~/api/utils/misc';
 
 import { useModalContext } from '~/globals/modals';

src/components/composer/lib/api.ts

···
 import type { LinkMeta } from '~/api/queries/composer';
 import { getUtf8Length } from '~/api/richtext/intl';
 import type { PreliminaryRichText } from '~/api/richtext/parser/parse';
-
 import { getRecord } from '~/api/utils/records';
+
 import { compressPostImage } from '~/lib/bsky/image';
 import type { AgentContext } from '~/lib/states/agent';
 import { assert } from '~/lib/utils/invariant';
 
 import {
-	EmbedKind,
-	getEmbedLabels,
-	getPostRt,
 	type ComposerState,
+	EmbedKind,
 	type PostEmbed,
 	type PostMediaEmbed,
 	type PostRecordEmbed,
+	getEmbedLabels,
+	getPostRt,
 } from './state';
 
 export interface PublishOptions {

src/components/composer/lib/state.tsx

···
 
 import type { AppBskyFeedDefs, AppBskyFeedThreadgate } from '@atcute/client/lexicons';
 
-import { parseRt, type PreliminaryRichText } from '~/api/richtext/parser/parse';
+import { type PreliminaryRichText, parseRt } from '~/api/richtext/parser/parse';
 
 import { primarySystemLanguage } from '~/globals/locales';
 
-import { assert } from '~/lib/utils/invariant';
 import type { ComposerPreferences } from '~/lib/preferences/account';
+import { assert } from '~/lib/utils/invariant';
 
 import type { GifMedia } from '../gifs/gif-search-dialog';
 

src/components/dialog.tsx

···
 import { type ParentProps } from 'solid-js';
 
 import { useModalContext } from '~/globals/modals';
-import { useMediaQuery } from '~/lib/hooks/media-query';
 
+import { useMediaQuery } from '~/lib/hooks/media-query';
 import { useModalClose } from '~/lib/hooks/modal-close';
 
 import { Fieldset } from './fieldset';

src/components/embeds/embed.tsx

···
 	Brand,
 } from '@atcute/client/lexicons';
 
-import { ContextContentMedia, getModerationUI, type ModerationCause } from '~/api/moderation';
+import { ContextContentMedia, type ModerationCause, getModerationUI } from '~/api/moderation';
 import { parseAtUri } from '~/api/utils/strings';
 
 import ContentHider from '../moderation/content-hider';

src/components/embeds/external-embed.tsx

···
-import { createSignal, type JSX } from 'solid-js';
+import { type JSX, createSignal } from 'solid-js';
 
 import type { AppBskyEmbedExternal } from '@atcute/client/lexicons';
 

src/components/embeds/players/video-player.tsx

···
+import Hls from 'hls.js';
 import { onCleanup } from 'solid-js';
-
-import Hls from 'hls.js';
 
 import type { AppBskyEmbedVideo } from '@atcute/client/lexicons';
 

src/components/embeds/quote-embed.tsx

···
-import { createMemo, type JSX } from 'solid-js';
+import { type JSX, createMemo } from 'solid-js';
 
 import type {
 	AppBskyEmbedImages,
···
 
 import Avatar, { getUserAvatarType } from '../avatar';
 import TimeAgo from '../time-ago';
+
 import ImageEmbed from './image-embed';
 import VideoEmbed from './video-embed';
 

src/components/embeds/supports/gif-embed.tsx

···
-import { createRenderEffect, createSignal, lazy, Show, Suspense } from 'solid-js';
+import { Show, Suspense, createRenderEffect, createSignal, lazy } from 'solid-js';
 
 import CircularProgress from '~/components/circular-progress';
 import PlaySolidIcon from '~/components/icons-central/play-solid';

src/components/embeds/video-embed.tsx

···
-import { createSignal, lazy, Show, Suspense } from 'solid-js';
+import { Show, Suspense, createSignal, lazy } from 'solid-js';
 
 import type { AppBskyEmbedDefs, AppBskyEmbedVideo } from '@atcute/client/lexicons';
 

src/components/fieldset.tsx

···
-import { createContext, createMemo, useContext, type ParentProps } from 'solid-js';
+import { type ParentProps, createContext, createMemo, useContext } from 'solid-js';
 
 export interface FieldsetContext {
 	readonly disabled: boolean;

src/components/images/image-viewer-modal.tsx

···
-import { createMemo, createSignal, onMount, Show } from 'solid-js';
+import { Show, createMemo, createSignal, onMount } from 'solid-js';
 
 import { useModalContext } from '~/globals/modals';
 

src/components/inline-link.tsx

···
 import type { ParentProps } from 'solid-js';
+
 import { useFieldset } from './fieldset';
 
 export interface InlineLinkProps extends ParentProps {

src/components/keyed.tsx

···
-import { createMemo, type JSX } from 'solid-js';
+import { type JSX, createMemo } from 'solid-js';
+
 import { on } from '~/lib/utils/misc';
 
 export interface KeyedProps<T> {

src/components/list.tsx

···
-import { For, Match, Switch, untrack, type JSX } from 'solid-js';
+import { For, type JSX, Match, Switch, untrack } from 'solid-js';
 
 import { getQueryErrorInfo } from '~/api/utils/query';
 

src/components/main/modal-renderer.tsx

···
 import { For, Suspense, onCleanup } from 'solid-js';
 
-import { INTERNAL_ModalContext, INTERNAL_modals, closeModal, type ModalContext } from '~/globals/modals';
+import { INTERNAL_ModalContext, INTERNAL_modals, type ModalContext, closeModal } from '~/globals/modals';
 
-import * as Dialog from '../dialog';
 import CircularProgress from '../circular-progress';
+import * as Dialog from '../dialog';
 
 let isScrollbarSizeDetermined = false;
 

src/components/main/sign-in-dialog.tsx

···
-import { createSignal, Match, Switch } from 'solid-js';
+import { Match, Switch, createSignal } from 'solid-js';
 
 import { createMutation } from '@mary/solid-query';
-
-import { autofocusOnMutation } from '~/lib/input-refs';
 
 import { OAuthServerAgent } from '~/lib/bsky-oauth/agents/server-agent';
 import { createES256Key } from '~/lib/bsky-oauth/dpop';
···
 import { database } from '~/lib/bsky-oauth/globals';
 import { resolveFromIdentity } from '~/lib/bsky-oauth/resolver';
 import { generatePKCE, generateState } from '~/lib/bsky-oauth/utils';
+import { autofocusOnMutation } from '~/lib/input-refs';
 
 import Button from '../button';
 import * as Dialog from '../dialog';

src/components/menu.tsx

···
+import { flip, shift, size } from '@floating-ui/dom';
+import { type Placement, getSide } from '@floating-ui/utils';
 import { useFloating } from 'solid-floating-ui';
-import { createSignal, type Component, type JSX } from 'solid-js';
-
-import { flip, shift, size } from '@floating-ui/dom';
-import { getSide, type Placement } from '@floating-ui/utils';
+import { type Component, type JSX, createSignal } from 'solid-js';
 
 import { useModalContext } from '~/globals/modals';
 

src/components/moderation/block-account-prompt.tsx

···
-import { Match, onMount, Switch } from 'solid-js';
+import { Match, Switch, onMount } from 'solid-js';
 
 import type { AppBskyActorDefs, At } from '@atcute/client/lexicons';
 import { createMutation } from '@mary/solid-query';

src/components/moderation/content-hider.tsx

···
-import { createSignal, type Component, type JSX, type ParentProps } from 'solid-js';
+import { type Component, type JSX, type ParentProps, createSignal } from 'solid-js';
 
 import {
 	CauseLabel,
 	CauseMutedKeyword,
 	CauseMutedPermanent,
 	CauseMutedTemporary,
-	SeverityAlert,
-	getLocalizedLabel,
 	type ModerationCause,
 	type ModerationCauseType,
 	type ModerationLabeler,
 	type ModerationUI,
+	SeverityAlert,
+	getLocalizedLabel,
 } from '~/api/moderation';
 
 import { openModal } from '~/globals/modals';

src/components/moderation/label-details-prompt.tsx

···
-import { getLocalizedLabel, type LabelModerationCause, type ModerationLabeler } from '~/api/moderation';
+import { type LabelModerationCause, type ModerationLabeler, getLocalizedLabel } from '~/api/moderation';
 
 import { useModalContext } from '~/globals/modals';
 

src/components/moderation/moderation-alerts.tsx

···
-import { createMemo, type JSX } from 'solid-js';
+import { type JSX, createMemo } from 'solid-js';
 
 import {
 	CauseLabel,
-	getLocalizedLabel,
 	type LabelModerationCause,
 	type ModerationCause,
 	type ModerationUI,
+	getLocalizedLabel,
 } from '~/api/moderation';
 import { EQUALS_DEQUAL } from '~/api/utils/dequal';
 

src/components/moderation/mute-account-prompt.tsx

···
-import { Match, onMount, Switch } from 'solid-js';
+import { Match, Switch, onMount } from 'solid-js';
 
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 import { createMutation } from '@mary/solid-query';

src/components/notifications/notification-item.tsx

···
-import { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';
+import { type Component, type ComponentProps, type JSX, createMemo } from 'solid-js';
 
 import type {
 	AppBskyEmbedImages,
···
 import { assert } from '~/lib/utils/invariant';
 
 import Avatar, { getUserAvatarType } from '../avatar';
+import { type BlueskyGifSnippet, SnippetType, detectSnippet } from '../embeds/lib/snippet';
 import HeartSolidIcon from '../icons-central/heart-solid';
 import PersonSolidIcon from '../icons-central/person-solid';
 import RepeatOutlinedIcon from '../icons-central/repeat-outline';
-
-import { detectSnippet, SnippetType, type BlueskyGifSnippet } from '../embeds/lib/snippet';
 import PostFeedItem from '../timeline/post-feed-item';
 
 export interface NotificationItemProps {

src/components/paged-list.tsx

···
-import { For, Match, Switch, untrack, type JSX } from 'solid-js';
+import { For, type JSX, Match, Switch, untrack } from 'solid-js';
 
 import { getQueryErrorInfo } from '~/api/utils/query';
 

src/components/profiles/edit-profile-dialog.tsx

···
-import { createMemo, createSignal, Show } from 'solid-js';
+import { Show, createMemo, createSignal } from 'solid-js';
 
 import type { AppBskyActorDefs, At } from '@atcute/client/lexicons';
 import { createMutation } from '@mary/solid-query';

src/components/profiles/profile-follow-button.tsx

···
-import { createMemo, type JSX } from 'solid-js';
+import { type JSX, createMemo } from 'solid-js';
 
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 

src/components/profiles/profile-item.tsx

···
-import { createMemo, type JSX } from 'solid-js';
+import { type JSX, createMemo } from 'solid-js';
 
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 import { useQueryClient } from '@mary/solid-query';

src/components/profiles/profile-overflow-menu.tsx

···
 import ShareOutlinedIcon from '../icons-central/share-outline';
 import VolumeFullOutlinedIcon from '../icons-central/volume-full-outlined';
 import * as Menu from '../menu';
-
 import BlockAccountPromptLazy from '../moderation/block-account-prompt-lazy';
 import MuteAccountPromptLazy from '../moderation/mute-account-prompt-lazy';
 

src/components/profiles/profile-view-header.tsx

···
-import { type Component, type ComponentProps, createMemo, type JSX, Match, Show, Switch } from 'solid-js';
+import { type Component, type ComponentProps, type JSX, Match, Show, Switch, createMemo } from 'solid-js';
 
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
 
···
 import { useModerationOptions } from '~/lib/states/moderation';
 import { useSession } from '~/lib/states/session';
 
+import DefaultLabelerAvatar from '~/assets/default-labeler-avatar.svg?url';
+import DefaultUserAvatar from '~/assets/default-user-avatar.svg?url';
+
 import Avatar, { getUserAvatarType } from '../avatar';
 import Button from '../button';
 import IconButton from '../icon-button';
 import MailOutlinedIcon from '../icons-central/mail-outline';
 import MuteOutlinedIcon from '../icons-central/mute-outline';
-
 import ImageViewerModalLazy from '../images/image-viewer-modal-lazy';
 
 import EditProfileDialogLazy from './edit-profile-dialog-lazy';
 import ProfileFollowButton from './profile-follow-button';
-
-import DefaultLabelerAvatar from '~/assets/default-labeler-avatar.svg?url';
-import DefaultUserAvatar from '~/assets/default-user-avatar.svg?url';
 
 export interface ProfileViewHeader {
 	/** Expects DID to be static */

src/components/prompt.tsx

···
 import type { JSX } from 'solid-js';
+
 import { useModalContext } from '~/globals/modals';
 
 import { useMediaQuery } from '~/lib/hooks/media-query';

src/components/settings/app-passwords/add-app-password-prompt.tsx

···
-import { createSignal, Match, Switch } from 'solid-js';
+import { Match, Switch, createSignal } from 'solid-js';
 
 import { createMutation } from '@mary/solid-query';
 

src/components/settings/bluemoji/add-emote-prompt.tsx

···
 
 import { useModalContext } from '~/globals/modals';
 
+import { getCompressedEmotes } from '~/lib/bluemoji/compress';
 import { autofocusNode, modelChecked, modelText } from '~/lib/input-refs';
 import { useAgent } from '~/lib/states/agent';
 import { useSession } from '~/lib/states/session';
-import { validate, type Validation } from '~/lib/validation';
-
-import { getCompressedEmotes } from '~/lib/bluemoji/compress';
+import { type Validation, validate } from '~/lib/validation';
 
 import CheckboxInput from '../../checkbox-input';
 import * as Prompt from '../../prompt';

src/components/settings/moderation/labeling/labeler-overflow-menu.tsx

···
 import { history } from '~/globals/navigation';
 
 import PersonOutlinedIcon from '~/components/icons-central/person-outline';
-import * as Menu from '~/components/menu';
 import ShieldOffOutlinedIcon from '~/components/icons-central/shield-off-outline';
+import * as Menu from '~/components/menu';
 
 export interface LabelerOverflowMenuProps {
 	anchor: HTMLElement;

src/components/threads/highlighted-post.tsx

···
-import { createMemo, Show } from 'solid-js';
+import { Show, createMemo } from 'solid-js';
 
 import type { AppBskyFeedDefs, AppBskyFeedPost } from '@atcute/client/lexicons';
 
···
 import { useModerationOptions } from '~/lib/states/moderation';
 
 import Avatar, { getUserAvatarType } from '../avatar';
+import ComposerDialogLazy from '../composer/composer-dialog-lazy';
 import Divider from '../divider';
+import Embed from '../embeds/embed';
 import HeartOutlinedIcon from '../icons-central/heart-outline';
 import HeartSolidIcon from '../icons-central/heart-solid';
 import MoreHorizOutlinedIcon from '../icons-central/more-horiz-outline';
 import RepeatOutlinedIcon from '../icons-central/repeat-outline';
 import ReplyOutlinedIcon from '../icons-central/reply-outline';
 import ShareOutlinedIcon from '../icons-central/share-outline';
-import RichText from '../rich-text';
-
-import ComposerDialogLazy from '../composer/composer-dialog-lazy';
-import Embed from '../embeds/embed';
 import ContentHider from '../moderation/content-hider';
 import ModerationAlerts from '../moderation/moderation-alerts';
+import RichText from '../rich-text';
 import PostOverflowMenu from '../timeline/post-overflow-menu';
 import RepostMenu from '../timeline/repost-menu';
 

src/components/threads/post-thread-item.tsx

···
-import { createMemo, type JSX, Show } from 'solid-js';
+import { type JSX, Show, createMemo } from 'solid-js';
 
 import type { AppBskyFeedPost } from '@atcute/client/lexicons';
 import { useQueryClient } from '@mary/solid-query';
···
 import { useSession } from '~/lib/states/session';
 
 import Avatar, { getUserAvatarType } from '../avatar';
-import RichText from '../rich-text';
-
 import Embed from '../embeds/embed';
 import ContentHider from '../moderation/content-hider';
+import RichText from '../rich-text';
 import PostActions from '../timeline/post-actions';
 import PostMeta from '../timeline/post-meta';
 

src/components/threads/thread-lines.tsx

···
-import { createMemo, type JSX } from 'solid-js';
+import { type JSX, createMemo } from 'solid-js';
 
 import { LineType } from '~/api/models/post-thread';
 import { EQUALS_DEQUAL } from '~/api/utils/dequal';

src/components/time-ago.tsx

···
-import { createRenderEffect, createSignal, type Accessor, type JSX } from 'solid-js';
+import { type Accessor, type JSX, createRenderEffect, createSignal } from 'solid-js';
 
 import { formatAbsDateTime, formatReltime } from '~/lib/intl/time';
 import { requestIdle } from '~/lib/utils/misc';

src/components/timeline/post-deleted-gate.tsx

···
-import { Show, type JSX } from 'solid-js';
+import { type JSX, Show } from 'solid-js';
 
 export interface PostDeletedGateProps {
 	deleted: boolean;

src/components/timeline/post-feed-item.tsx

···
 import { useSession } from '~/lib/states/session';
 
 import Avatar, { getUserAvatarType } from '../avatar';
-import RepeatOutlinedIcon from '../icons-central/repeat-outline';
-import RichText from '../rich-text';
-
 import Embed from '../embeds/embed';
+import RepeatOutlinedIcon from '../icons-central/repeat-outline';
 import ContentHider from '../moderation/content-hider';
 import ModerationAlerts from '../moderation/moderation-alerts';
+import RichText from '../rich-text';
+
 import PostActions from './post-actions';
 import PostDeletedGate from './post-deleted-gate';
 import PostMeta from './post-meta';

src/components/timeline/post-overflow-menu.tsx

···
 
 import { openModal, useModalContext } from '~/globals/modals';
 
+import { useAgent } from '~/lib/states/agent';
 import { useBookmarks } from '~/lib/states/bookmarks';
 import { useSession } from '~/lib/states/session';
 
+import AddPostToFolderDialogLazy from '../bookmarks/add-post-to-folder-dialog-lazy';
 import BookmarkCheckOutlinedIcon from '../icons-central/bookmark-check-outline';
 import BookmarkOutlinedIcon from '../icons-central/bookmark-outline';
 import FolderAddOutlinedIcon from '../icons-central/folder-add-outline';
+import OpenInNewOutlinedIcon from '../icons-central/open-in-new-outline';
 import TrashOutlinedIcon from '../icons-central/trash-outline';
 import * as Menu from '../menu';
 import * as Prompt from '../prompt';
-
-import { useAgent } from '~/lib/states/agent';
-import AddPostToFolderDialogLazy from '../bookmarks/add-post-to-folder-dialog-lazy';
-import OpenInNewOutlinedIcon from '../icons-central/open-in-new-outline';
 
 export interface PostOverflowMenuProps {
 	anchor: HTMLElement;

src/components/timeline/timeline-list.tsx

···
 import type { At } from '@atcute/client/lexicons';
 
-import { useTimelineQuery, type TimelineParams } from '~/api/queries/timeline';
+import { type TimelineParams, useTimelineQuery } from '~/api/queries/timeline';
 
 import PagedList from '../paged-list';
 import VirtualItem from '../virtual-item';
+
 import PostFeedItem from './post-feed-item';
 
 export interface TimelineListProps {

src/components/virtual-item.tsx

···
-import { createSignal, onCleanup, runWithOwner, type JSX } from 'solid-js';
+import { type JSX, createSignal, onCleanup, runWithOwner } from 'solid-js';
 
 import { UNSAFE_routerEvents, UNSAFE_useViewContext } from '~/lib/navigation/router';
 import { intersectionCallback } from '~/lib/observer';

src/globals/modals.tsx

···
-import { createContext, createSignal, useContext, type JSX } from 'solid-js';
+import { type JSX, createContext, createSignal, useContext } from 'solid-js';
+
 import { assert } from '~/lib/utils/invariant';
 
 type ModalRenderer = (context: ModalContext) => JSX.Element;

src/globals/preferences.ts

···
 import { createRoot } from 'solid-js';
 
+import { createReactiveLocalStorage } from '~/lib/hooks/local-storage';
 import type { GlobalPreferenceSchema } from '~/lib/preferences/global';
 import type { SessionPreferenceSchema } from '~/lib/preferences/sessions';
-
-import { createReactiveLocalStorage } from '~/lib/hooks/local-storage';
 
 export const sessions = createRoot(() => {
 	return createReactiveLocalStorage<SessionPreferenceSchema>('sessions', (version, prev) => {

src/lib/aglais-bookmarks/search.ts

···
 import type { AppBskyFeedDefs, AppBskyFeedPost } from '@atcute/client/lexicons';
+
 import { DID_RE, HANDLE_RE } from '~/api/utils/strings';
 
 const SIMPLE_DATE_RE = /^\d{4}-[01]\d-[0-3]\d$/;

src/lib/atproto/labeler.ts

···
-import { buildFetchHandler, type FetchHandler } from '@atcute/client';
+import { type FetchHandler, buildFetchHandler } from '@atcute/client';
 import type { At } from '@atcute/client/lexicons';
-
 import { mergeHeaders } from '@atcute/client/utils/http';
 
 export interface Labeler {

src/lib/bsky-oauth/agents/server-agent.ts

···
 import { CLIENT_ID, REDIRECT_URI } from '../env';
 import { FetchResponseError, OAuthResponseError, TokenRefreshError } from '../errors';
 import { resolveFromIdentity } from '../resolver';
-import { extractContentType } from '../utils';
-
 import type { DPoPKey } from '../types/dpop';
 import type { OAuthParResponse } from '../types/par';
 import type { AuthorizationServerMetadata } from '../types/server';
 import type { OAuthTokenResponse, TokenSet } from '../types/token';
+import { extractContentType } from '../utils';
 
 export class OAuthServerAgent {
 	#fetch: typeof fetch;

src/lib/bsky-oauth/agents/session.ts

···
 import { database } from '../globals';
 import { getMetadataFromAuthorizationServer } from '../resolver';
 import { CachedGetter } from '../store/getter';
-import { OAuthServerAgent } from './server-agent';
-
 import type { DPoPKey } from '../types/dpop';
 import type { TokenSet } from '../types/token';
+
+import { OAuthServerAgent } from './server-agent';
 
 export interface Session {
 	dpopKey: DPoPKey;

src/lib/bsky-oauth/agents/user-agent.ts

···
 import { createDPoPFetch } from '../dpop';
 import { CLIENT_ID } from '../env';
 import { authorizationServerMetadataResolver } from '../resolver';
-
 import type { DPoPKey } from '../types/dpop';
 import type { TokenSet } from '../types/token';
 

src/lib/bsky-oauth/dpop.ts

···
 import { database } from './globals';
+import type { DPoPKey } from './types/dpop';
 import { encoder, extractContentType, randomBytes, toBase64Url, toSha256 } from './utils';
-
-import type { DPoPKey } from './types/dpop';
 
 export const createES256Key = async (): Promise<DPoPKey> => {
 	const algorithm = { name: 'ECDSA', namedCurve: 'P-256' } as const;

src/lib/bsky-oauth/resolver.ts

···
 import type { At, ComAtprotoIdentityResolveHandle } from '@atcute/client/lexicons';
-import { getPdsEndpoint, type DidDocument } from '@atcute/client/utils/did';
+import { type DidDocument, getPdsEndpoint } from '@atcute/client/utils/did';
 
 import { isDid } from '~/api/utils/strings';
 
 import { database } from './globals';
 import { CachedGetter, type GetCachedOptions } from './store/getter';
+import type { ResolvedIdentity } from './types/identity';
 import type { AuthorizationServerMetadata, ProtectedResourceMetadata } from './types/server';
 import { extractContentType } from './utils';
-import type { ResolvedIdentity } from './types/identity';
 
 const DID_WEB_RE =
 	/^([a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*(?:\.[a-zA-Z]{2,}))((?::[a-zA-Z0-9._%-]*[a-zA-Z0-9._-])*)$/;

src/lib/bsky-oauth/store/db.ts

···
-import { openDB, type IDBPDatabase } from 'idb';
+import { type IDBPDatabase, openDB } from 'idb';
 
 import type { At } from '@atcute/client/lexicons';
 import type { DidDocument } from '@atcute/client/utils/did';

src/lib/hooks/debounced-value.ts

···
-import { createEffect, createSignal, onCleanup, type Accessor } from 'solid-js';
+import { type Accessor, createEffect, createSignal, onCleanup } from 'solid-js';
 
 export const createDebouncedValue = <T>(
 	accessor: Accessor<T>,

src/lib/hooks/derived-signal.ts

···
-import { createMemo, createSignal, type Accessor, type Signal } from 'solid-js';
+import { type Accessor, type Signal, createMemo, createSignal } from 'solid-js';
 
 export const createDerivedSignal = <T>(accessor: Accessor<T>): Signal<T> => {
 	const computable = createMemo(() => createSignal(accessor()));

src/lib/hooks/escape.ts

···
 import { createEffect } from 'solid-js';
+
 import { createEventListener } from './event-listener';
 
 export const useEscape = (callback: () => void, enabled: () => boolean) => {

src/lib/hooks/local-storage.ts

···
 import { createEffect } from 'solid-js';
-import { createMutable, modifyMutable, reconcile, type StoreNode } from 'solid-js/store';
+import { type StoreNode, createMutable, modifyMutable, reconcile } from 'solid-js/store';
+
 import { createEventListener } from '../hooks/event-listener';
 
 type MigrateFn<T> = (version: number, prev: any) => T;

src/lib/hooks/media-query.ts

···
-import { createSignal, onCleanup, type Accessor } from 'solid-js';
+import { type Accessor, createSignal, onCleanup } from 'solid-js';
 
 interface MediaStore {
 	/** State backing */

src/lib/hooks/textarea-autosize.ts

···
 // Based off Andarist's react-textarea-autosize, licensed under MIT License
 // Commit reference: 5953e024310ab0b6ad1c26b2bc36addb9cc23afa
-
 import { createRenderEffect, onCleanup, onMount } from 'solid-js';
 
 import { createEventListener } from './event-listener';

src/lib/keyed.tsx

···
 import {
 	$TRACK,
+	type Accessor,
+	type JSX,
+	type Setter,
+	type SignalOptions,
 	createMemo,
 	createRoot,
 	createSignal,
 	onCleanup,
 	untrack,
-	type Accessor,
-	type JSX,
-	type Setter,
-	type SignalOptions,
 } from 'solid-js';
 
 function dispose(list: Iterable<{ d: VoidFunction }>) {

src/lib/navigation/history.ts

···
 // Fork of `history` npm package
 // Repository: github.com/remix-run/history
 // Commit: 3e9dab413f4eda8d6bce565388c5ddb7aeff9f7e
-
 // Most of the changes are just trimming it down to only include the browser
 // history implementation.
-
 import { nanoid } from 'nanoid/non-secure';
 
 export type Action = 'traverse' | 'push' | 'replace' | 'update';

src/lib/navigation/logger.ts

···
 // Keeps a best-effort log of history entries.
-
 // To simplify our stack router implementation on dealing with PWA-specific
 // aspects, `createHistoryLogger` is set to drop forward entries by default.
-
 import type { History, Location } from './history';
 
 export interface HistoryLogger {

src/lib/navigation/router.tsx

···
 /* @refresh reload */
-
 import {
+	type Component,
 	For,
+	type JSX,
+	type Owner,
 	createContext,
 	createMemo,
 	createRoot,
···
 	getOwner,
 	onCleanup,
 	useContext,
-	type Component,
-	type JSX,
-	type Owner,
 } from 'solid-js';
 import { delegateEvents } from 'solid-js/web';
 
···
 import { Freeze } from '@mary/solid-freeze';
 
 import { createEventListener } from '../hooks/event-listener';
+
 import type { History, Location } from './history';
 import type { HistoryLogger } from './logger';
 

src/lib/states/agent.tsx

···
-import { createContext, createMemo, useContext, type JSX, type ParentProps } from 'solid-js';
+import { type JSX, type ParentProps, createContext, createMemo, useContext } from 'solid-js';
 
-import { simpleFetchHandler, XRPC } from '@atcute/client';
+import { XRPC, simpleFetchHandler } from '@atcute/client';
 import type { At } from '@atcute/client/lexicons';
 import { QueryClient, QueryClientProvider } from '@mary/solid-query';
 

src/lib/states/bookmarks.tsx

···
-import { createContext, onCleanup, useContext, type ParentProps } from 'solid-js';
-
-import { openDB, type IDBPDatabase } from 'idb';
+import { type IDBPDatabase, openDB } from 'idb';
+import { type ParentProps, createContext, onCleanup, useContext } from 'solid-js';
 
+import type { BookmarkDBSchema } from '../aglais-bookmarks/db';
 import { assert } from '../utils/invariant';
 
 import { useSession } from './session';
-
-import type { BookmarkDBSchema } from '../aglais-bookmarks/db';
 
 export interface BookmarkContext {
 	open(): Promise<IDBPDatabase<BookmarkDBSchema>>;

src/lib/states/moderation.tsx

···
-import { createContext, createMemo, useContext, type ParentProps } from 'solid-js';
+import { type ParentProps, createContext, createMemo, useContext } from 'solid-js';
 import { unwrap } from 'solid-js/store';
 
 import type { AppBskyLabelerDefs, At } from '@atcute/client/lexicons';
···
 import type { ModerationLabeler, ModerationOptions, ModerationPreferences } from '~/api/moderation';
 import { interpretLabelerDefinition } from '~/api/moderation/labeler';
 
+import { createBatchedFetch } from '~/lib/utils/batch-fetch';
 import { assert } from '~/lib/utils/invariant';
 import { mapDefined } from '~/lib/utils/misc';
-import { createBatchedFetch } from '~/lib/utils/batch-fetch';
 
 import { useAgent } from './agent';
 import { useSession } from './session';

src/lib/states/session.tsx

···
 import {
+	type ParentProps,
 	batch,
 	createContext,
 	createEffect,
···
 	createSignal,
 	untrack,
 	useContext,
-	type ParentProps,
 } from 'solid-js';
 
 import { XRPC } from '@atcute/client';
···
 
 import { sessions } from '~/globals/preferences';
 
-import { attachLabelerHeaders, type Labeler } from '../atproto/labeler';
+import { type Labeler, attachLabelerHeaders } from '../atproto/labeler';
 import { OAuthServerAgent } from '../bsky-oauth/agents/server-agent';
 import { getSession } from '../bsky-oauth/agents/session';
 import { OAuthUserAgent } from '../bsky-oauth/agents/user-agent';
 import { database } from '../bsky-oauth/globals';
 import { getMetadataFromAuthorizationServer } from '../bsky-oauth/resolver';
-
+import { makeAbortable } from '../hooks/abortable';
+import { createReactiveLocalStorage, isExternalWriting } from '../hooks/local-storage';
 import type { PerAccountPreferenceSchema } from '../preferences/account';
 import type { AccountData } from '../preferences/sessions';
-
-import { makeAbortable } from '../hooks/abortable';
-import { createReactiveLocalStorage, isExternalWriting } from '../hooks/local-storage';
 import { assert } from '../utils/invariant';
 import { mapDefined } from '../utils/misc';
 

src/lib/states/theme.tsx

···
-import { createContext, createRenderEffect, createSignal, useContext, type ParentProps } from 'solid-js';
+import { type ParentProps, createContext, createRenderEffect, createSignal, useContext } from 'solid-js';
 
 import * as preferences from '~/globals/preferences';
 

src/lib/utils/misc.ts

···
+import { createMemo, untrack } from 'solid-js';
+
 import { replaceEqualDeep } from '@mary/solid-query';
-import { createMemo, untrack } from 'solid-js';
 
 export const mapDefined = <T, R>(array: T[], mapper: (value: T) => R | undefined): R[] => {
 	var mapped: R[] = [];

src/main.tsx

···
 /* @refresh reload */
-
-import './styles/app.css';
-
-import { createSignal, onMount, type JSX } from 'solid-js';
+import { type JSX, createSignal, onMount } from 'solid-js';
 import { render } from 'solid-js/web';
 
 import type { At } from '@atcute/client/lexicons';
 
-import * as navigation from './globals/navigation';
-import * as preferences from './globals/preferences';
+import * as navigation from '~/globals/navigation';
+import * as preferences from '~/globals/preferences';
 
-import { on } from './lib/utils/misc';
-import { configureRouter } from './lib/navigation/router';
+import { configureRouter } from '~/lib/navigation/router';
+import { AgentProvider } from '~/lib/states/agent';
+import { BookmarksProvider } from '~/lib/states/bookmarks';
+import { ModerationProvider } from '~/lib/states/moderation';
+import { SessionProvider, useSession } from '~/lib/states/session';
+import { ThemeProvider } from '~/lib/states/theme';
+import { on } from '~/lib/utils/misc';
 
-import { AgentProvider } from './lib/states/agent';
-import { BookmarksProvider } from './lib/states/bookmarks';
-import { ModerationProvider } from './lib/states/moderation';
-import { SessionProvider, useSession } from './lib/states/session';
-import { ThemeProvider } from './lib/states/theme';
+import ModalRenderer from '~/components/main/modal-renderer';
 
-import ModalRenderer from './components/main/modal-renderer';
 import routes from './routes';
 import Shell from './shell';
+
+import './styles/app.css';
 
 // Configure routing
 configureRouter({

src/routes.ts

···
 import { lazy } from 'solid-js';
+
 import type { RouteDefinition } from './lib/navigation/router';
 
 const DID_RE = /^did:[a-z]+:[a-zA-Z0-9._:%-]*[a-zA-Z0-9._-]$/;

src/shell.tsx

···
 import {
+	type Accessor,
+	type Component,
+	type ComponentProps,
 	ErrorBoundary,
 	Suspense,
 	createMemo,
 	lazy,
-	type Accessor,
-	type Component,
-	type ComponentProps,
 } from 'solid-js';
 
 import type { AppBskyNotificationGetUnreadCount } from '@atcute/client/lexicons';
 import type { DefinedCreateQueryResult } from '@mary/solid-query';
 
-import { createNotificationCountQuery } from './api/queries/notification-count';
+import { createNotificationCountQuery } from '~/api/queries/notification-count';
 
-import { globalEvents } from './globals/events';
-import { hasModals } from './globals/modals';
-import { history } from './globals/navigation';
+import { globalEvents } from '~/globals/events';
+import { hasModals } from '~/globals/modals';
+import { history } from '~/globals/navigation';
 
-import { RouterView, useMatchedRoute, type MatchedRouteState } from './lib/navigation/router';
-import { useSession } from './lib/states/session';
+import { type MatchedRouteState, RouterView, useMatchedRoute } from '~/lib/navigation/router';
+import { useSession } from '~/lib/states/session';
+
+import BellOutlinedIcon from '~/components/icons-central/bell-outline';
+import BellSolidIcon from '~/components/icons-central/bell-solid';
+import HashtagOutlinedIcon from '~/components/icons-central/hashtag-outline';
+import HomeOutlinedIcon from '~/components/icons-central/home-outline';
+import HomeSolidIcon from '~/components/icons-central/home-solid';
+import MagnifyingGlassOutlinedIcon from '~/components/icons-central/magnifying-glass-outline';
+import MailOutlinedIcon from '~/components/icons-central/mail-outline';
+import MailSolidIcon from '~/components/icons-central/mail-solid';
 
-import BellOutlinedIcon from './components/icons-central/bell-outline';
-import BellSolidIcon from './components/icons-central/bell-solid';
-import HashtagOutlinedIcon from './components/icons-central/hashtag-outline';
-import HomeOutlinedIcon from './components/icons-central/home-outline';
-import HomeSolidIcon from './components/icons-central/home-solid';
-import MagnifyingGlassOutlinedIcon from './components/icons-central/magnifying-glass-outline';
-import MailOutlinedIcon from './components/icons-central/mail-outline';
-import MailSolidIcon from './components/icons-central/mail-solid';
-import ErrorPage from './views/_error';
+import ErrorPage from '~/views/_error';
 
-const SignedOutView = lazy(() => import('./views/_signed-out'));
+const SignedOutView = lazy(() => import('~/views/_signed-out'));
 
 const Shell = () => {
 	const { currentAccount } = useSession();

src/views/_signed-out/index.tsx

···
-import Button from '~/components/button';
 import { openModal } from '~/globals/modals';
 
+import Button from '~/components/button';
 import SignInDialogLazy from '~/components/main/sign-in-dialog-lazy';
 
 const SignedOutPage = () => {

src/views/bluemoji-emotes.tsx

···
-import { createEffect, createSignal, type JSX } from 'solid-js';
+import { type JSX, createEffect, createSignal } from 'solid-js';
 
 import { remove as removeExif } from '@mary/exif-rm';
 import { createInfiniteQuery } from '@mary/solid-query';
···
 
 import { hasModals, openModal } from '~/globals/modals';
 
+import { MAX_ORIGINAL_SIZE, SUPPORTED_IMAGE_TYPES } from '~/lib/bluemoji/compress';
+import { getCdnUrl } from '~/lib/bluemoji/render';
 import { createEventListener } from '~/lib/hooks/event-listener';
-import { on } from '~/lib/utils/misc';
 import { useAgent } from '~/lib/states/agent';
 import { useSession } from '~/lib/states/session';
-
-import { MAX_ORIGINAL_SIZE, SUPPORTED_IMAGE_TYPES } from '~/lib/bluemoji/compress';
-import { getCdnUrl } from '~/lib/bluemoji/render';
+import { on } from '~/lib/utils/misc';
 
 import IconButton from '~/components/icon-button';
 import AddOutlinedIcon from '~/components/icons-central/add-outline';
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
 import * as Prompt from '~/components/prompt';
-
 import AddEmotePrompt from '~/components/settings/bluemoji/add-emote-prompt';
 
 const BluemojiEmotesPage = () => {

src/views/bookmarks-listing.tsx

···
 
 import { useParams } from '~/lib/navigation/router';
 
+import BookmarkFeedItem from '~/components/bookmarks/bookmark-feed-item';
 import MagnifyingGlassOutlinedIcon from '~/components/icons-central/magnifying-glass-outline';
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
 import VirtualItem from '~/components/virtual-item';
-
-import BookmarkFeedItem from '~/components/bookmarks/bookmark-feed-item';
 
 const BookmarksPage = () => {
 	const { tagId } = useParams();

src/views/bookmarks.tsx

···
 
 import { formatCompact } from '~/lib/intl/number';
 
+import BookmarkFolderAvatar from '~/components/bookmarks/bookmark-folder-avatar';
+import BookmarkFolderFormDialogLazy from '~/components/bookmarks/bookmark-folder-form-dialog-lazy';
+import BookmarkFolderMenu from '~/components/bookmarks/bookmark-folder-menu';
 import Divider from '~/components/divider';
 import IconButton from '~/components/icon-button';
 import ChevronRightOutlinedIcon from '~/components/icons-central/chevron-right-outline';
 import FolderAddOutlinedIcon from '~/components/icons-central/folder-add-outline';
 import MoreHorizOutlinedIcon from '~/components/icons-central/more-horiz-outline';
 import * as Page from '~/components/page';
-
-import BookmarkFolderAvatar from '~/components/bookmarks/bookmark-folder-avatar';
-import BookmarkFolderFormDialogLazy from '~/components/bookmarks/bookmark-folder-form-dialog-lazy';
-import BookmarkFolderMenu from '~/components/bookmarks/bookmark-folder-menu';
 
 const BookmarksPage = () => {
 	const query = createBookmarkMetaQuery();

src/views/main/explore.tsx

···
+import { history } from '~/globals/navigation';
+
 import IconButton from '~/components/icon-button';
 import GearOutlinedIcon from '~/components/icons-central/gear-outline';
 import SearchBar from '~/components/main/search-bar';
 import * as Page from '~/components/page';
-import { history } from '~/globals/navigation';
 
 const SearchPage = () => {
 	return (

src/views/main/home.tsx

···
+import ComposeFAB from '~/components/composer/compose-fab';
 import IconButton from '~/components/icon-button';
 import ChevronRightOutlinedIcon from '~/components/icons-central/chevron-right-outline';
 import GearOutlinedIcon from '~/components/icons-central/gear-outline';
 import * as Page from '~/components/page';
-
-import ComposeFAB from '~/components/composer/compose-fab';
 import TimelineList from '~/components/timeline/timeline-list';
 
 const HomePage = () => {

src/views/main/notifications.tsx

···
 import { onRouteEnter } from '~/lib/navigation/router';
 
 import ComposeFAB from '~/components/composer/compose-fab';
+import NotificationItem from '~/components/notifications/notification-item';
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
 import VirtualItem from '~/components/virtual-item';
-
-import NotificationItem from '~/components/notifications/notification-item';
 
 const NotificationsPage = () => {
 	const { feed, reset, firstFetchedAt } = createNotificationFeedQuery();

src/views/oauth-callback.tsx

···
-import { createResource, Match, Switch } from 'solid-js';
+import { Match, Switch, createResource } from 'solid-js';
+
+import * as preferences from '~/globals/preferences';
 
 import { OAuthServerAgent } from '~/lib/bsky-oauth/agents/server-agent';
 import { sessions } from '~/lib/bsky-oauth/agents/session';
 import { OAuthUserAgent } from '~/lib/bsky-oauth/agents/user-agent';
 import { database } from '~/lib/bsky-oauth/globals';
 import { getMetadataFromAuthorizationServer } from '~/lib/bsky-oauth/resolver';
-
-import * as preferences from '~/globals/preferences';
 
 import Button from '~/components/button';
 import CircularProgress from '~/components/circular-progress';

src/views/post-likes.tsx

···
 
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
-import VirtualItem from '~/components/virtual-item';
-
 import ProfileFollowButton from '~/components/profiles/profile-follow-button';
 import ProfileItem from '~/components/profiles/profile-item';
+import VirtualItem from '~/components/virtual-item';
 
 const PostLikesPage = () => {
 	const { did, rkey } = useParams();

src/views/post-reposts.tsx

···
 
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
-import VirtualItem from '~/components/virtual-item';
-
 import ProfileFollowButton from '~/components/profiles/profile-follow-button';
 import ProfileItem from '~/components/profiles/profile-item';
+import VirtualItem from '~/components/virtual-item';
 
 const PostLikesPage = () => {
 	const { did, rkey } = useParams();

src/views/post-thread.tsx

···
 import { useQueryClient } from '@mary/solid-query';
 
 import {
-	createThreadData,
 	type OverflowDescendantItem,
 	type PostDescendantItem,
+	createThreadData,
 } from '~/api/models/post-thread';
 import { usePostThreadQuery } from '~/api/queries/post-thread';
 import { isDid } from '~/api/utils/strings';
···
 import ErrorView from '~/components/error-view';
 import Keyed from '~/components/keyed';
 import * as Page from '~/components/page';
-import VirtualItem from '~/components/virtual-item';
-
 import HighlightedPost from '~/components/threads/highlighted-post';
 import OverflowThreadItem from '~/components/threads/overflow-thread-item';
 import PostThreadItem from '~/components/threads/post-thread-item';
 import ThreadLines from '~/components/threads/thread-lines';
+import VirtualItem from '~/components/virtual-item';
 
 const PostThreadPage = () => {
 	const { didOrHandle, rkey } = useParams();

src/views/profile-followers.tsx

···
 
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
-import VirtualItem from '~/components/virtual-item';
-
 import ProfileFollowButton from '~/components/profiles/profile-follow-button';
 import ProfileItem from '~/components/profiles/profile-item';
+import VirtualItem from '~/components/virtual-item';
 
 const ProfileFollowersPage = () => {
 	const { did } = useParams();

src/views/profile-following.tsx

···
 
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
-import VirtualItem from '~/components/virtual-item';
-
 import ProfileFollowButton from '~/components/profiles/profile-follow-button';
 import ProfileItem from '~/components/profiles/profile-item';
+import VirtualItem from '~/components/virtual-item';
 
 const ProfileFollowingPage = () => {
 	const { did } = useParams();

src/views/profile-known-followers.tsx

···
 
 import * as Page from '~/components/page';
 import PagedList from '~/components/paged-list';
-import VirtualItem from '~/components/virtual-item';
-
 import ProfileFollowButton from '~/components/profiles/profile-follow-button';
 import ProfileItem from '~/components/profiles/profile-item';
+import VirtualItem from '~/components/virtual-item';
 
 const ProfileKnownFollowersPage = () => {
 	const { did } = useParams();

src/views/profile-labels.tsx

···
-import { createMemo, Match, Show, Switch } from 'solid-js';
+import { Match, Show, Switch, createMemo } from 'solid-js';
 
 import type { At } from '@atcute/client/lexicons';
 
···
 	BlurContent,
 	BlurMedia,
 	BlurNone,
-	getLocalizedLabel,
 	GLOBAL_LABELS,
+	type LabelDefinition,
+	type LabelPreference,
+	type ModerationLabeler,
+	type ModerationLabelerPreferences,
 	PreferenceHide,
 	PreferenceIgnore,
 	PreferenceWarn,
 	SeverityAlert,
 	SeverityInform,
 	SeverityNone,
-	type LabelDefinition,
-	type LabelPreference,
-	type ModerationLabeler,
-	type ModerationLabelerPreferences,
+	getLocalizedLabel,
 } from '~/api/moderation';
 import { createLabelerMetaQuery } from '~/api/queries/labeler';
 
···
 
 import { formatAbsDateTime } from '~/lib/intl/time';
 import { Key } from '~/lib/keyed';
-import { mapDefined } from '~/lib/utils/misc';
 import { useParams } from '~/lib/navigation/router';
 import { useSession } from '~/lib/states/session';
+import { mapDefined } from '~/lib/utils/misc';
 
 import Avatar from '~/components/avatar';
 import * as Boxed from '~/components/boxed';
···
 import * as Menu from '~/components/menu';
 import * as Page from '~/components/page';
 import * as Prompt from '~/components/prompt';
-
 import LabelerOverflowMenu from '~/components/settings/moderation/labeling/labeler-overflow-menu';
 
 const ProfileLabelsPage = () => {

src/views/profile.tsx

···
-import { createSignal, Match, Show, Switch } from 'solid-js';
+import { Match, Show, Switch, createSignal } from 'solid-js';
 
 import { XRPCError } from '@atcute/client';
 import type { AppBskyActorDefs } from '@atcute/client/lexicons';
···
 import MoreHorizOutlinedIcon from '~/components/icons-central/more-horiz-outline';
 import ShieldOutlinedIcon from '~/components/icons-central/shield-outline';
 import * as Page from '~/components/page';
-import VirtualItem from '~/components/virtual-item';
-
 import ProfileOverflowMenu from '~/components/profiles/profile-overflow-menu';
 import ProfileViewHeader from '~/components/profiles/profile-view-header';
 import TimelineList from '~/components/timeline/timeline-list';
+import VirtualItem from '~/components/virtual-item';
 
 const ProfilePage = () => {
 	const { didOrHandle } = useParams();

src/views/search.tsx

···
-import { createMemo, createSignal, Match, Switch } from 'solid-js';
+import { Match, Switch, createMemo, createSignal } from 'solid-js';
 
 import type { UnwrapArray } from '~/api/utils/types';
 
···
 import SearchBar from '~/components/main/search-bar';
 import * as Page from '~/components/page';
 import TabBar from '~/components/tab-bar';
-
 import TimelineList from '~/components/timeline/timeline-list';
 
 const SearchPage = () => {

src/views/settings-app-passwords.tsx

···
 import { openModal } from '~/globals/modals';
 
 import { formatAbsDateTime } from '~/lib/intl/time';
-import { reconcile } from '~/lib/utils/misc';
 import { useAgent } from '~/lib/states/agent';
+import { reconcile } from '~/lib/utils/misc';
 
 import * as Boxed from '~/components/boxed';
 import CircularProgressView from '~/components/circular-progress-view';
···
 import TrashOutlinedIcon from '~/components/icons-central/trash-outline';
 import * as Page from '~/components/page';
 import * as Prompt from '~/components/prompt';
-
 import AddAppPasswordPrompt from '~/components/settings/app-passwords/add-app-password-prompt';
 
 const AppPasswordsSettingsPage = () => {

src/views/settings-content.tsx

···
 import { primarySystemLanguage } from '~/globals/locales';
 
-import { getEnglishLanguageName, LANGUAGE_CODES } from '~/lib/intl/languages';
+import { LANGUAGE_CODES, getEnglishLanguageName } from '~/lib/intl/languages';
 import { useSession } from '~/lib/states/session';
 import { mapDefined } from '~/lib/utils/misc';
 

vite.config.js

···
 import { defineConfig } from 'vite';
 import solid from 'vite-plugin-solid';
 
-import metadata from './public/oauth/client-metadata.json' with { type: 'json' };
+import metadata from './public/oauth/client-metadata.json';
 
 const SERVER_HOST = '127.0.0.1';
 const SERVER_PORT = 52222;