diff --git a/.eslintrc.json b/.eslintrc.json
index e1c275396..12ddcf848 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -260,7 +260,7 @@
     "jsx-a11y/role-supports-aria-props": "off",
     "jsx-a11y/scope": "warn",
     "jsx-a11y/tabindex-no-positive": "warn",
-    "import/extensions": ["warn", "ignorePackages"],
+    "import/extensions": ["error", "ignorePackages"],
     "import/newline-after-import": "error",
     "import/no-extraneous-dependencies": "error",
     "import/no-unresolved": "error",
diff --git a/scripts/do-release.ts b/scripts/do-release.ts
index f7d2dc9be..7fb69cadc 100644
--- a/scripts/do-release.ts
+++ b/scripts/do-release.ts
@@ -1,6 +1,6 @@
 import { Gitlab } from '@gitbeaker/node';
 
-import { getChanges } from './lib/changelog';
+import { getChanges } from './lib/changelog.ts';
 
 const {
   CI_COMMIT_TAG,
diff --git a/src/actions/about.test.ts b/src/actions/about.test.ts
index bd6affcd9..34e5240f7 100644
--- a/src/actions/about.test.ts
+++ b/src/actions/about.test.ts
@@ -1,15 +1,15 @@
 import MockAdapter from 'axios-mock-adapter';
 import { describe, expect, it } from 'vitest';
 
-import { staticClient } from 'soapbox/api';
-import { mockStore } from 'soapbox/jest/test-helpers';
+import { staticClient } from 'soapbox/api/index.ts';
+import { mockStore } from 'soapbox/jest/test-helpers.tsx';
 
 import {
   FETCH_ABOUT_PAGE_REQUEST,
   FETCH_ABOUT_PAGE_SUCCESS,
   FETCH_ABOUT_PAGE_FAIL,
   fetchAboutPage,
-} from './about';
+} from './about.ts';
 
 describe('fetchAboutPage()', () => {
   it('creates the expected actions on success', () => {
diff --git a/src/actions/about.ts b/src/actions/about.ts
index c8410ded8..124698c1a 100644
--- a/src/actions/about.ts
+++ b/src/actions/about.ts
@@ -1,7 +1,7 @@
-import api from '../api';
+import api from '../api/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 const FETCH_ABOUT_PAGE_REQUEST = 'FETCH_ABOUT_PAGE_REQUEST';
 const FETCH_ABOUT_PAGE_SUCCESS = 'FETCH_ABOUT_PAGE_SUCCESS';
diff --git a/src/actions/account-notes.test.ts b/src/actions/account-notes.test.ts
index dbebf8076..6641fe39b 100644
--- a/src/actions/account-notes.test.ts
+++ b/src/actions/account-notes.test.ts
@@ -1,9 +1,9 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
 
-import { submitAccountNote } from './account-notes';
+import { submitAccountNote } from './account-notes.ts';
 
 describe('submitAccountNote()', () => {
   let store: ReturnType<typeof mockStore>;
diff --git a/src/actions/account-notes.ts b/src/actions/account-notes.ts
index 7afd5e283..ea69ccc13 100644
--- a/src/actions/account-notes.ts
+++ b/src/actions/account-notes.ts
@@ -1,7 +1,7 @@
-import api from '../api';
+import api from '../api/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 const ACCOUNT_NOTE_SUBMIT_REQUEST = 'ACCOUNT_NOTE_SUBMIT_REQUEST';
 const ACCOUNT_NOTE_SUBMIT_SUCCESS = 'ACCOUNT_NOTE_SUBMIT_SUCCESS';
diff --git a/src/actions/accounts.test.ts b/src/actions/accounts.test.ts
index 434da371d..3c8befcaa 100644
--- a/src/actions/accounts.test.ts
+++ b/src/actions/accounts.test.ts
@@ -1,11 +1,11 @@
 import { Map as ImmutableMap } from 'immutable';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildInstance, buildRelationship } from 'soapbox/jest/factory';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-import { normalizeAccount } from 'soapbox/normalizers';
-import { ListRecord, ReducerRecord } from 'soapbox/reducers/user-lists';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildInstance, buildRelationship } from 'soapbox/jest/factory.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeAccount } from 'soapbox/normalizers/index.ts';
+import { ListRecord, ReducerRecord } from 'soapbox/reducers/user-lists.ts';
 
 import {
   authorizeFollowRequest,
@@ -26,7 +26,7 @@ import {
   unblockAccount,
   unmuteAccount,
   unsubscribeAccount,
-} from './accounts';
+} from './accounts.ts';
 
 let store: ReturnType<typeof mockStore>;
 
diff --git a/src/actions/accounts.ts b/src/actions/accounts.ts
index f1d0f6c32..7ccaf6e5c 100644
--- a/src/actions/accounts.ts
+++ b/src/actions/accounts.ts
@@ -1,22 +1,22 @@
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { selectAccount } from 'soapbox/selectors';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures, parseVersion, PLEROMA } from 'soapbox/utils/features';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures, parseVersion, PLEROMA } from 'soapbox/utils/features.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
 import {
   importFetchedAccount,
   importFetchedAccounts,
   importErrorWhileFetchingAccountByUsername,
-} from './importer';
+} from './importer/index.ts';
 
 import type { AxiosError, CancelToken } from 'axios';
 import type { Map as ImmutableMap } from 'immutable';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Status } from 'soapbox/types/entities';
-import type { History } from 'soapbox/types/history';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Status } from 'soapbox/types/entities.ts';
+import type { History } from 'soapbox/types/history.ts';
 
 const ACCOUNT_CREATE_REQUEST = 'ACCOUNT_CREATE_REQUEST';
 const ACCOUNT_CREATE_SUCCESS = 'ACCOUNT_CREATE_SUCCESS';
diff --git a/src/actions/admin.ts b/src/actions/admin.ts
index 4dd3c1b64..2383aec95 100644
--- a/src/actions/admin.ts
+++ b/src/actions/admin.ts
@@ -1,13 +1,13 @@
-import { fetchRelationships } from 'soapbox/actions/accounts';
-import { importFetchedAccount, importFetchedAccounts, importFetchedStatuses } from 'soapbox/actions/importer';
-import { accountIdsToAccts } from 'soapbox/selectors';
-import { filterBadges, getTagDiff } from 'soapbox/utils/badges';
+import { fetchRelationships } from 'soapbox/actions/accounts.ts';
+import { importFetchedAccount, importFetchedAccounts, importFetchedStatuses } from 'soapbox/actions/importer/index.ts';
+import { accountIdsToAccts } from 'soapbox/selectors/index.ts';
+import { filterBadges, getTagDiff } from 'soapbox/utils/badges.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
 import type { AxiosResponse } from 'axios';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ADMIN_CONFIG_FETCH_REQUEST = 'ADMIN_CONFIG_FETCH_REQUEST';
 const ADMIN_CONFIG_FETCH_SUCCESS = 'ADMIN_CONFIG_FETCH_SUCCESS';
diff --git a/src/actions/aliases.ts b/src/actions/aliases.ts
index c582e70bb..3706c6415 100644
--- a/src/actions/aliases.ts
+++ b/src/actions/aliases.ts
@@ -1,16 +1,16 @@
 import { defineMessages } from 'react-intl';
 
-import toast from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
+import toast from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { importFetchedAccounts } from './importer';
-import { patchMeSuccess } from './me';
+import { importFetchedAccounts } from './importer/index.ts';
+import { patchMeSuccess } from './me.ts';
 
-import type { Account } from 'soapbox/schemas';
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const ALIASES_FETCH_REQUEST = 'ALIASES_FETCH_REQUEST';
 const ALIASES_FETCH_SUCCESS = 'ALIASES_FETCH_SUCCESS';
diff --git a/src/actions/apps.ts b/src/actions/apps.ts
index d2ef2ff0d..e593f418e 100644
--- a/src/actions/apps.ts
+++ b/src/actions/apps.ts
@@ -6,7 +6,7 @@
  * @see module:soapbox/actions/auth
  */
 
-import { baseClient } from '../api';
+import { baseClient } from '../api/index.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/actions/auth.ts b/src/actions/auth.ts
index 8847c6b32..13d4fc72a 100644
--- a/src/actions/auth.ts
+++ b/src/actions/auth.ts
@@ -9,28 +9,28 @@
 
 import { defineMessages } from 'react-intl';
 
-import { createAccount } from 'soapbox/actions/accounts';
-import { createApp } from 'soapbox/actions/apps';
-import { fetchMeSuccess, fetchMeFail } from 'soapbox/actions/me';
-import { obtainOAuthToken, revokeOAuthToken } from 'soapbox/actions/oauth';
-import { startOnboarding } from 'soapbox/actions/onboarding';
-import { custom } from 'soapbox/custom';
-import { queryClient } from 'soapbox/queries/client';
-import { selectAccount } from 'soapbox/selectors';
-import { unsetSentryAccount } from 'soapbox/sentry';
-import KVStore from 'soapbox/storage/kv-store';
-import toast from 'soapbox/toast';
-import { getLoggedInAccount, parseBaseURL } from 'soapbox/utils/auth';
-import sourceCode from 'soapbox/utils/code';
-import { normalizeUsername } from 'soapbox/utils/input';
-import { getScopes } from 'soapbox/utils/scopes';
+import { createAccount } from 'soapbox/actions/accounts.ts';
+import { createApp } from 'soapbox/actions/apps.ts';
+import { fetchMeSuccess, fetchMeFail } from 'soapbox/actions/me.ts';
+import { obtainOAuthToken, revokeOAuthToken } from 'soapbox/actions/oauth.ts';
+import { startOnboarding } from 'soapbox/actions/onboarding.ts';
+import { custom } from 'soapbox/custom.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { unsetSentryAccount } from 'soapbox/sentry.ts';
+import KVStore from 'soapbox/storage/kv-store.ts';
+import toast from 'soapbox/toast.tsx';
+import { getLoggedInAccount, parseBaseURL } from 'soapbox/utils/auth.ts';
+import sourceCode from 'soapbox/utils/code.ts';
+import { normalizeUsername } from 'soapbox/utils/input.ts';
+import { getScopes } from 'soapbox/utils/scopes.ts';
 
-import api, { baseClient } from '../api';
+import api, { baseClient } from '../api/index.ts';
 
-import { importFetchedAccount } from './importer';
+import { importFetchedAccount } from './importer/index.ts';
 
 import type { AxiosError } from 'axios';
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 export const SWITCH_ACCOUNT = 'SWITCH_ACCOUNT';
 
diff --git a/src/actions/backups.ts b/src/actions/backups.ts
index c95e504db..dfabb1a85 100644
--- a/src/actions/backups.ts
+++ b/src/actions/backups.ts
@@ -1,6 +1,6 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 export const BACKUPS_FETCH_REQUEST = 'BACKUPS_FETCH_REQUEST';
 export const BACKUPS_FETCH_SUCCESS = 'BACKUPS_FETCH_SUCCESS';
diff --git a/src/actions/blocks.test.ts b/src/actions/blocks.test.ts
index b7a73f9eb..c0a2418d8 100644
--- a/src/actions/blocks.test.ts
+++ b/src/actions/blocks.test.ts
@@ -1,10 +1,10 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-import { ListRecord, ReducerRecord as UserListsRecord } from 'soapbox/reducers/user-lists';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { ListRecord, ReducerRecord as UserListsRecord } from 'soapbox/reducers/user-lists.ts';
 
-import { expandBlocks, fetchBlocks } from './blocks';
+import { expandBlocks, fetchBlocks } from './blocks.ts';
 
 const account = {
   acct: 'twoods',
diff --git a/src/actions/blocks.ts b/src/actions/blocks.ts
index b672e778f..bada74f2a 100644
--- a/src/actions/blocks.ts
+++ b/src/actions/blocks.ts
@@ -1,11 +1,11 @@
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedAccounts } from './importer';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedAccounts } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const BLOCKS_FETCH_REQUEST = 'BLOCKS_FETCH_REQUEST';
 const BLOCKS_FETCH_SUCCESS = 'BLOCKS_FETCH_SUCCESS';
diff --git a/src/actions/bookmarks.ts b/src/actions/bookmarks.ts
index 9fd11d258..76a656fd2 100644
--- a/src/actions/bookmarks.ts
+++ b/src/actions/bookmarks.ts
@@ -1,9 +1,9 @@
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { importFetchedStatuses } from './importer';
+import { importFetchedStatuses } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const BOOKMARKED_STATUSES_FETCH_REQUEST = 'BOOKMARKED_STATUSES_FETCH_REQUEST';
 const BOOKMARKED_STATUSES_FETCH_SUCCESS = 'BOOKMARKED_STATUSES_FETCH_SUCCESS';
diff --git a/src/actions/chats.ts b/src/actions/chats.ts
index ee8e23239..6027530e3 100644
--- a/src/actions/chats.ts
+++ b/src/actions/chats.ts
@@ -1,12 +1,12 @@
 import { List as ImmutableList, Map as ImmutableMap } from 'immutable';
 
-import { getSettings, changeSetting } from 'soapbox/actions/settings';
-import { getFeatures } from 'soapbox/utils/features';
+import { getSettings, changeSetting } from 'soapbox/actions/settings.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { History } from 'soapbox/types/history';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { History } from 'soapbox/types/history.ts';
 
 const CHATS_FETCH_REQUEST = 'CHATS_FETCH_REQUEST';
 const CHATS_FETCH_SUCCESS = 'CHATS_FETCH_SUCCESS';
diff --git a/src/actions/compose-status.ts b/src/actions/compose-status.ts
index 9a0fbf9c6..fd1379f9e 100644
--- a/src/actions/compose-status.ts
+++ b/src/actions/compose-status.ts
@@ -1,7 +1,7 @@
-import { AppDispatch, RootState } from 'soapbox/store';
-import { getFeatures, parseVersion } from 'soapbox/utils/features';
+import { AppDispatch, RootState } from 'soapbox/store.ts';
+import { getFeatures, parseVersion } from 'soapbox/utils/features.ts';
 
-import type { Status } from 'soapbox/types/entities';
+import type { Status } from 'soapbox/types/entities.ts';
 
 export const COMPOSE_SET_STATUS = 'COMPOSE_SET_STATUS' as const;
 
diff --git a/src/actions/compose.test.ts b/src/actions/compose.test.ts
index 20cb92231..62c0b2d64 100644
--- a/src/actions/compose.test.ts
+++ b/src/actions/compose.test.ts
@@ -1,12 +1,12 @@
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { buildInstance } from 'soapbox/jest/factory';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-import { ReducerCompose } from 'soapbox/reducers/compose';
+import { buildInstance } from 'soapbox/jest/factory.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { ReducerCompose } from 'soapbox/reducers/compose.ts';
 
-import { uploadCompose, submitCompose } from './compose';
-import { STATUS_CREATE_REQUEST } from './statuses';
+import { uploadCompose, submitCompose } from './compose.ts';
+import { STATUS_CREATE_REQUEST } from './statuses.ts';
 
 import type { IntlShape } from 'react-intl';
 
diff --git a/src/actions/compose.ts b/src/actions/compose.ts
index bdf02fe0a..b0733cda9 100644
--- a/src/actions/compose.ts
+++ b/src/actions/compose.ts
@@ -3,31 +3,31 @@ import { List as ImmutableList } from 'immutable';
 import throttle from 'lodash/throttle';
 import { defineMessages, IntlShape } from 'react-intl';
 
-import api from 'soapbox/api';
-import { isNativeEmoji } from 'soapbox/features/emoji';
-import emojiSearch from 'soapbox/features/emoji/search';
-import { normalizeTag } from 'soapbox/normalizers';
-import { selectAccount, selectOwnAccount } from 'soapbox/selectors';
-import { tagHistory } from 'soapbox/settings';
-import toast from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
+import api from 'soapbox/api/index.ts';
+import { isNativeEmoji } from 'soapbox/features/emoji/index.ts';
+import emojiSearch from 'soapbox/features/emoji/search.ts';
+import { normalizeTag } from 'soapbox/normalizers/index.ts';
+import { selectAccount, selectOwnAccount } from 'soapbox/selectors/index.ts';
+import { tagHistory } from 'soapbox/settings.ts';
+import toast from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import { ComposeSetStatusAction } from './compose-status';
-import { chooseEmoji } from './emojis';
-import { importFetchedAccounts } from './importer';
-import { uploadFile, updateMedia } from './media';
-import { openModal, closeModal } from './modals';
-import { getSettings } from './settings';
-import { createStatus } from './statuses';
+import { ComposeSetStatusAction } from './compose-status.ts';
+import { chooseEmoji } from './emojis.ts';
+import { importFetchedAccounts } from './importer/index.ts';
+import { uploadFile, updateMedia } from './media.ts';
+import { openModal, closeModal } from './modals.ts';
+import { getSettings } from './settings.ts';
+import { createStatus } from './statuses.ts';
 
 import type { EditorState } from 'lexical';
-import type { AutoSuggestion } from 'soapbox/components/autosuggest-input';
-import type { Emoji } from 'soapbox/features/emoji';
-import type { Account, Group } from 'soapbox/schemas';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Status, Tag } from 'soapbox/types/entities';
-import type { History } from 'soapbox/types/history';
+import type { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
+import type { Account, Group } from 'soapbox/schemas/index.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Status, Tag } from 'soapbox/types/entities.ts';
+import type { History } from 'soapbox/types/history.ts';
 
 const { CancelToken, isCancel } = axios;
 
diff --git a/src/actions/consumer-auth.ts b/src/actions/consumer-auth.ts
index 72c928dba..27828d5fe 100644
--- a/src/actions/consumer-auth.ts
+++ b/src/actions/consumer-auth.ts
@@ -1,13 +1,13 @@
 import axios from 'axios';
 
-import * as BuildConfig from 'soapbox/build-config';
-import { isURL } from 'soapbox/utils/auth';
-import sourceCode from 'soapbox/utils/code';
-import { getScopes } from 'soapbox/utils/scopes';
+import * as BuildConfig from 'soapbox/build-config.ts';
+import { isURL } from 'soapbox/utils/auth.ts';
+import sourceCode from 'soapbox/utils/code.ts';
+import { getScopes } from 'soapbox/utils/scopes.ts';
 
-import { createApp } from './apps';
+import { createApp } from './apps.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const createProviderApp = () => {
   return async(dispatch: AppDispatch, getState: () => RootState) => {
diff --git a/src/actions/conversations.ts b/src/actions/conversations.ts
index 5c613e9e2..6f7727404 100644
--- a/src/actions/conversations.ts
+++ b/src/actions/conversations.ts
@@ -1,15 +1,15 @@
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
 import {
   importFetchedAccounts,
   importFetchedStatuses,
   importFetchedStatus,
-} from './importer';
+} from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const CONVERSATIONS_MOUNT   = 'CONVERSATIONS_MOUNT';
 const CONVERSATIONS_UNMOUNT = 'CONVERSATIONS_UNMOUNT';
diff --git a/src/actions/custom-emojis.ts b/src/actions/custom-emojis.ts
index 2baf5213a..ad71b5c79 100644
--- a/src/actions/custom-emojis.ts
+++ b/src/actions/custom-emojis.ts
@@ -1,7 +1,7 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const CUSTOM_EMOJIS_FETCH_REQUEST = 'CUSTOM_EMOJIS_FETCH_REQUEST';
 const CUSTOM_EMOJIS_FETCH_SUCCESS = 'CUSTOM_EMOJIS_FETCH_SUCCESS';
diff --git a/src/actions/directory.ts b/src/actions/directory.ts
index 3fd39f350..2f9e92bc0 100644
--- a/src/actions/directory.ts
+++ b/src/actions/directory.ts
@@ -1,10 +1,10 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedAccounts } from './importer';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedAccounts } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const DIRECTORY_FETCH_REQUEST = 'DIRECTORY_FETCH_REQUEST';
 const DIRECTORY_FETCH_SUCCESS = 'DIRECTORY_FETCH_SUCCESS';
diff --git a/src/actions/domain-blocks.ts b/src/actions/domain-blocks.ts
index 81a5d73bf..3aa4f6c55 100644
--- a/src/actions/domain-blocks.ts
+++ b/src/actions/domain-blocks.ts
@@ -1,11 +1,11 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import type { EntityStore } from 'soapbox/entity-store/types';
-import type { Account } from 'soapbox/schemas';
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { EntityStore } from 'soapbox/entity-store/types.ts';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const DOMAIN_BLOCK_REQUEST = 'DOMAIN_BLOCK_REQUEST';
 const DOMAIN_BLOCK_SUCCESS = 'DOMAIN_BLOCK_SUCCESS';
diff --git a/src/actions/email-list.ts b/src/actions/email-list.ts
index eeac0ed47..8f80f96d5 100644
--- a/src/actions/email-list.ts
+++ b/src/actions/email-list.ts
@@ -1,6 +1,6 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 const getSubscribersCsv = () =>
   (dispatch: any, getState: () => RootState) =>
diff --git a/src/actions/emoji-reacts.ts b/src/actions/emoji-reacts.ts
index 1e8991824..0ebe21c8e 100644
--- a/src/actions/emoji-reacts.ts
+++ b/src/actions/emoji-reacts.ts
@@ -1,14 +1,14 @@
 import { List as ImmutableList } from 'immutable';
 
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { importFetchedAccounts, importFetchedStatus } from './importer';
-import { favourite, unfavourite } from './interactions';
+import { importFetchedAccounts, importFetchedStatus } from './importer/index.ts';
+import { favourite, unfavourite } from './interactions.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, EmojiReaction, Status } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, EmojiReaction, Status } from 'soapbox/types/entities.ts';
 
 const EMOJI_REACT_REQUEST = 'EMOJI_REACT_REQUEST';
 const EMOJI_REACT_SUCCESS = 'EMOJI_REACT_SUCCESS';
diff --git a/src/actions/emojis.ts b/src/actions/emojis.ts
index 2a959fcc3..88e73a8cf 100644
--- a/src/actions/emojis.ts
+++ b/src/actions/emojis.ts
@@ -1,7 +1,7 @@
-import { saveSettings } from './settings';
+import { saveSettings } from './settings.ts';
 
-import type { Emoji } from 'soapbox/features/emoji';
-import type { AppDispatch } from 'soapbox/store';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 const EMOJI_CHOOSE = 'EMOJI_CHOOSE';
 
diff --git a/src/actions/events.ts b/src/actions/events.ts
index 875b487f6..9026ac710 100644
--- a/src/actions/events.ts
+++ b/src/actions/events.ts
@@ -1,20 +1,20 @@
 import { defineMessages, IntlShape } from 'react-intl';
 
-import api, { getLinks } from 'soapbox/api';
-import toast from 'soapbox/toast';
+import api, { getLinks } from 'soapbox/api/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import { importFetchedAccounts, importFetchedStatus, importFetchedStatuses } from './importer';
-import { uploadFile } from './media';
-import { closeModal, openModal } from './modals';
+import { importFetchedAccounts, importFetchedStatus, importFetchedStatuses } from './importer/index.ts';
+import { uploadFile } from './media.ts';
+import { closeModal, openModal } from './modals.ts';
 import {
   STATUS_FETCH_SOURCE_FAIL,
   STATUS_FETCH_SOURCE_REQUEST,
   STATUS_FETCH_SOURCE_SUCCESS,
-} from './statuses';
+} from './statuses.ts';
 
-import type { ReducerStatus } from 'soapbox/reducers/statuses';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Status as StatusEntity } from 'soapbox/types/entities';
+import type { ReducerStatus } from 'soapbox/reducers/statuses.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const LOCATION_SEARCH_REQUEST = 'LOCATION_SEARCH_REQUEST' as const;
 const LOCATION_SEARCH_SUCCESS = 'LOCATION_SEARCH_SUCCESS' as const;
diff --git a/src/actions/export-data.ts b/src/actions/export-data.ts
index b5bf805de..45c1065e4 100644
--- a/src/actions/export-data.ts
+++ b/src/actions/export-data.ts
@@ -1,11 +1,11 @@
 import { defineMessages } from 'react-intl';
 
-import api, { getLinks } from 'soapbox/api';
-import { normalizeAccount } from 'soapbox/normalizers';
-import toast from 'soapbox/toast';
+import api, { getLinks } from 'soapbox/api/index.ts';
+import { normalizeAccount } from 'soapbox/normalizers/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 import type { AxiosResponse } from 'axios';
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 export const EXPORT_FOLLOWS_REQUEST = 'EXPORT_FOLLOWS_REQUEST';
 export const EXPORT_FOLLOWS_SUCCESS = 'EXPORT_FOLLOWS_SUCCESS';
diff --git a/src/actions/external-auth.ts b/src/actions/external-auth.ts
index 45d288bc5..414c67886 100644
--- a/src/actions/external-auth.ts
+++ b/src/actions/external-auth.ts
@@ -6,17 +6,17 @@
  * @see module:soapbox/actions/oauth
  */
 
-import { createApp } from 'soapbox/actions/apps';
-import { authLoggedIn, verifyCredentials, switchAccount } from 'soapbox/actions/auth';
-import { obtainOAuthToken } from 'soapbox/actions/oauth';
-import { InstanceV1, instanceV1Schema } from 'soapbox/schemas/instance';
-import { parseBaseURL } from 'soapbox/utils/auth';
-import sourceCode from 'soapbox/utils/code';
-import { getInstanceScopes } from 'soapbox/utils/scopes';
+import { createApp } from 'soapbox/actions/apps.ts';
+import { authLoggedIn, verifyCredentials, switchAccount } from 'soapbox/actions/auth.ts';
+import { obtainOAuthToken } from 'soapbox/actions/oauth.ts';
+import { InstanceV1, instanceV1Schema } from 'soapbox/schemas/instance.ts';
+import { parseBaseURL } from 'soapbox/utils/auth.ts';
+import sourceCode from 'soapbox/utils/code.ts';
+import { getInstanceScopes } from 'soapbox/utils/scopes.ts';
 
-import { baseClient } from '../api';
+import { baseClient } from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const fetchExternalInstance = (baseURL?: string) => {
   return baseClient(null, baseURL)
diff --git a/src/actions/familiar-followers.ts b/src/actions/familiar-followers.ts
index c23a674ba..c1a838ad6 100644
--- a/src/actions/familiar-followers.ts
+++ b/src/actions/familiar-followers.ts
@@ -1,11 +1,11 @@
-import { AppDispatch, RootState } from 'soapbox/store';
+import { AppDispatch, RootState } from 'soapbox/store.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedAccounts } from './importer';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedAccounts } from './importer/index.ts';
 
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 export const FAMILIAR_FOLLOWERS_FETCH_REQUEST = 'FAMILIAR_FOLLOWERS_FETCH_REQUEST';
 export const FAMILIAR_FOLLOWERS_FETCH_SUCCESS = 'FAMILIAR_FOLLOWERS_FETCH_SUCCESS';
diff --git a/src/actions/favourites.ts b/src/actions/favourites.ts
index cfd6e1f15..d4240064c 100644
--- a/src/actions/favourites.ts
+++ b/src/actions/favourites.ts
@@ -1,11 +1,11 @@
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { importFetchedStatuses } from './importer';
+import { importFetchedStatuses } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const FAVOURITED_STATUSES_FETCH_REQUEST = 'FAVOURITED_STATUSES_FETCH_REQUEST';
 const FAVOURITED_STATUSES_FETCH_SUCCESS = 'FAVOURITED_STATUSES_FETCH_SUCCESS';
diff --git a/src/actions/filters.ts b/src/actions/filters.ts
index fe7026876..cec439816 100644
--- a/src/actions/filters.ts
+++ b/src/actions/filters.ts
@@ -1,12 +1,12 @@
 import { defineMessages } from 'react-intl';
 
-import toast from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
+import toast from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const FILTERS_FETCH_REQUEST = 'FILTERS_FETCH_REQUEST';
 const FILTERS_FETCH_SUCCESS = 'FILTERS_FETCH_SUCCESS';
diff --git a/src/actions/groups.ts b/src/actions/groups.ts
index 4fdb6c7d6..0b11d8c58 100644
--- a/src/actions/groups.ts
+++ b/src/actions/groups.ts
@@ -1,13 +1,13 @@
-import { deleteEntities } from 'soapbox/entity-store/actions';
+import { deleteEntities } from 'soapbox/entity-store/actions.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedGroups, importFetchedAccounts } from './importer';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedGroups, importFetchedAccounts } from './importer/index.ts';
 
-import type { GroupRole } from 'soapbox/reducers/group-memberships';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { GroupRole } from 'soapbox/reducers/group-memberships.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const GROUP_CREATE_REQUEST = 'GROUP_CREATE_REQUEST';
 const GROUP_CREATE_SUCCESS = 'GROUP_CREATE_SUCCESS';
diff --git a/src/actions/history.ts b/src/actions/history.ts
index cf975cf42..95f71a929 100644
--- a/src/actions/history.ts
+++ b/src/actions/history.ts
@@ -1,9 +1,9 @@
-import api from 'soapbox/api';
+import api from 'soapbox/api/index.ts';
 
-import { importFetchedAccounts } from './importer';
+import { importFetchedAccounts } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const HISTORY_FETCH_REQUEST = 'HISTORY_FETCH_REQUEST';
 const HISTORY_FETCH_SUCCESS = 'HISTORY_FETCH_SUCCESS';
diff --git a/src/actions/import-data.ts b/src/actions/import-data.ts
index c518d1a16..0aa5ebaa4 100644
--- a/src/actions/import-data.ts
+++ b/src/actions/import-data.ts
@@ -1,10 +1,10 @@
 import { defineMessages } from 'react-intl';
 
-import toast from 'soapbox/toast';
+import toast from 'soapbox/toast.tsx';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 export const IMPORT_FOLLOWS_REQUEST = 'IMPORT_FOLLOWS_REQUEST';
 export const IMPORT_FOLLOWS_SUCCESS = 'IMPORT_FOLLOWS_SUCCESS';
diff --git a/src/actions/importer/index.ts b/src/actions/importer/index.ts
index 5afb880c0..07bddfaed 100644
--- a/src/actions/importer/index.ts
+++ b/src/actions/importer/index.ts
@@ -1,12 +1,12 @@
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { Group, accountSchema, groupSchema } from 'soapbox/schemas';
-import { filteredArray } from 'soapbox/schemas/utils';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { Group, accountSchema, groupSchema } from 'soapbox/schemas/index.ts';
+import { filteredArray } from 'soapbox/schemas/utils.ts';
 
-import { getSettings } from '../settings';
+import { getSettings } from '../settings.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ACCOUNT_IMPORT  = 'ACCOUNT_IMPORT';
 const ACCOUNTS_IMPORT = 'ACCOUNTS_IMPORT';
diff --git a/src/actions/instance.ts b/src/actions/instance.ts
index dd17af6ef..9adc7bc1d 100644
--- a/src/actions/instance.ts
+++ b/src/actions/instance.ts
@@ -1,11 +1,11 @@
 import { createAsyncThunk } from '@reduxjs/toolkit';
 
-import { instanceV1Schema, instanceV2Schema } from 'soapbox/schemas/instance';
-import { RootState } from 'soapbox/store';
-import { getAuthUserUrl, getMeUrl } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
+import { instanceV1Schema, instanceV2Schema } from 'soapbox/schemas/instance.ts';
+import { RootState } from 'soapbox/store.ts';
+import { getAuthUserUrl, getMeUrl } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
 /** Figure out the appropriate instance to fetch depending on the state */
 export const getHost = (state: RootState) => {
diff --git a/src/actions/interactions.ts b/src/actions/interactions.ts
index b18b8f3a2..86472d35a 100644
--- a/src/actions/interactions.ts
+++ b/src/actions/interactions.ts
@@ -1,18 +1,18 @@
 import { defineMessages } from 'react-intl';
 
-import toast, { type IToastOptions } from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
+import toast, { type IToastOptions } from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedAccounts, importFetchedStatus } from './importer';
-import { openModal } from './modals';
-import { expandGroupFeaturedTimeline } from './timelines';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedAccounts, importFetchedStatus } from './importer/index.ts';
+import { openModal } from './modals.ts';
+import { expandGroupFeaturedTimeline } from './timelines.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { Account as AccountEntity, APIEntity, Group, Status as StatusEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { Account as AccountEntity, APIEntity, Group, Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const REBLOG_REQUEST = 'REBLOG_REQUEST';
 const REBLOG_SUCCESS = 'REBLOG_SUCCESS';
diff --git a/src/actions/lists.ts b/src/actions/lists.ts
index e7c6604f9..0df09c068 100644
--- a/src/actions/lists.ts
+++ b/src/actions/lists.ts
@@ -1,13 +1,13 @@
-import { selectAccount } from 'soapbox/selectors';
-import toast from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { importFetchedAccounts } from './importer';
+import { importFetchedAccounts } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const LIST_FETCH_REQUEST = 'LIST_FETCH_REQUEST';
 const LIST_FETCH_SUCCESS = 'LIST_FETCH_SUCCESS';
diff --git a/src/actions/markers.ts b/src/actions/markers.ts
index 96ba12349..33dc1f6c4 100644
--- a/src/actions/markers.ts
+++ b/src/actions/markers.ts
@@ -1,7 +1,7 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const MARKER_FETCH_REQUEST = 'MARKER_FETCH_REQUEST';
 const MARKER_FETCH_SUCCESS = 'MARKER_FETCH_SUCCESS';
diff --git a/src/actions/me.ts b/src/actions/me.ts
index 2933da913..47641594f 100644
--- a/src/actions/me.ts
+++ b/src/actions/me.ts
@@ -1,17 +1,17 @@
-import { selectAccount } from 'soapbox/selectors';
-import { setSentryAccount } from 'soapbox/sentry';
-import KVStore from 'soapbox/storage/kv-store';
-import { getAuthUserId, getAuthUserUrl } from 'soapbox/utils/auth';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { setSentryAccount } from 'soapbox/sentry.ts';
+import KVStore from 'soapbox/storage/kv-store.ts';
+import { getAuthUserId, getAuthUserUrl } from 'soapbox/utils/auth.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { loadCredentials } from './auth';
-import { importFetchedAccount } from './importer';
+import { loadCredentials } from './auth.ts';
+import { importFetchedAccount } from './importer/index.ts';
 
 import type { RawAxiosRequestHeaders } from 'axios';
-import type { Account } from 'soapbox/schemas';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ME_FETCH_REQUEST = 'ME_FETCH_REQUEST' as const;
 const ME_FETCH_SUCCESS = 'ME_FETCH_SUCCESS' as const;
diff --git a/src/actions/media.ts b/src/actions/media.ts
index acb48a9e5..f009854c4 100644
--- a/src/actions/media.ts
+++ b/src/actions/media.ts
@@ -1,15 +1,15 @@
 import { defineMessages, type IntlShape } from 'react-intl';
 
-import toast from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
-import { formatBytes, getVideoDuration } from 'soapbox/utils/media';
-import resizeImage from 'soapbox/utils/resize-image';
+import toast from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
+import { formatBytes, getVideoDuration } from 'soapbox/utils/media.ts';
+import resizeImage from 'soapbox/utils/resize-image.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   exceededImageSizeLimit: { id: 'upload_error.image_size_limit', defaultMessage: 'Image exceeds the current file size limit ({limit})' },
diff --git a/src/actions/mfa.ts b/src/actions/mfa.ts
index e4c51203d..2320e4d37 100644
--- a/src/actions/mfa.ts
+++ b/src/actions/mfa.ts
@@ -1,6 +1,6 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const MFA_FETCH_REQUEST = 'MFA_FETCH_REQUEST';
 const MFA_FETCH_SUCCESS = 'MFA_FETCH_SUCCESS';
diff --git a/src/actions/modals.ts b/src/actions/modals.ts
index 20ae13f0a..a1d6af4e8 100644
--- a/src/actions/modals.ts
+++ b/src/actions/modals.ts
@@ -1,6 +1,6 @@
-import { AppDispatch } from 'soapbox/store';
+import { AppDispatch } from 'soapbox/store.ts';
 
-import type { ModalType } from 'soapbox/features/ui/components/modal-root';
+import type { ModalType } from 'soapbox/features/ui/components/modal-root.tsx';
 
 export const MODAL_OPEN  = 'MODAL_OPEN';
 export const MODAL_CLOSE = 'MODAL_CLOSE';
diff --git a/src/actions/moderation.tsx b/src/actions/moderation.tsx
index e461fe011..32d61aa38 100644
--- a/src/actions/moderation.tsx
+++ b/src/actions/moderation.tsx
@@ -4,16 +4,16 @@ import userMinusIcon from '@tabler/icons/outline/user-minus.svg';
 import userOffIcon from '@tabler/icons/outline/user-off.svg';
 import { defineMessages, IntlShape } from 'react-intl';
 
-import { fetchAccountByUsername } from 'soapbox/actions/accounts';
-import { deactivateUsers, deleteUser, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin';
-import { openModal } from 'soapbox/actions/modals';
-import OutlineBox from 'soapbox/components/outline-box';
-import { Stack, Text } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { selectAccount } from 'soapbox/selectors';
-import toast from 'soapbox/toast';
+import { fetchAccountByUsername } from 'soapbox/actions/accounts.ts';
+import { deactivateUsers, deleteUser, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import OutlineBox from 'soapbox/components/outline-box.tsx';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const messages = defineMessages({
   deactivateUserHeading: { id: 'confirmations.admin.deactivate_user.heading', defaultMessage: 'Deactivate @{acct}' },
diff --git a/src/actions/mrf.ts b/src/actions/mrf.ts
index 509bdb8fc..25e2db720 100644
--- a/src/actions/mrf.ts
+++ b/src/actions/mrf.ts
@@ -1,11 +1,11 @@
 import { Set as ImmutableSet } from 'immutable';
 
-import ConfigDB from 'soapbox/utils/config-db';
+import ConfigDB from 'soapbox/utils/config-db.ts';
 
-import { fetchConfig, updateConfig } from './admin';
+import { fetchConfig, updateConfig } from './admin.ts';
 
-import type { MRFSimple } from 'soapbox/schemas/pleroma';
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { MRFSimple } from 'soapbox/schemas/pleroma.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const simplePolicyMerge = (simplePolicy: MRFSimple, host: string, restrictions: Record<string, any>) => {
   const entries = Object.entries(simplePolicy).map(([key, hosts]) => {
diff --git a/src/actions/mutes.ts b/src/actions/mutes.ts
index 205ee4677..350fd93e8 100644
--- a/src/actions/mutes.ts
+++ b/src/actions/mutes.ts
@@ -1,8 +1,8 @@
-import { openModal } from './modals';
+import { openModal } from './modals.ts';
 
-import type { Account } from 'soapbox/schemas';
-import type { AppDispatch } from 'soapbox/store';
-import type { Account as AccountEntity } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { AppDispatch } from 'soapbox/store.ts';
+import type { Account as AccountEntity } from 'soapbox/types/entities.ts';
 
 const MUTES_INIT_MODAL = 'MUTES_INIT_MODAL';
 const MUTES_TOGGLE_HIDE_NOTIFICATIONS = 'MUTES_TOGGLE_HIDE_NOTIFICATIONS';
diff --git a/src/actions/nostr.ts b/src/actions/nostr.ts
index 97fbb2af8..c6d7c944d 100644
--- a/src/actions/nostr.ts
+++ b/src/actions/nostr.ts
@@ -1,13 +1,13 @@
 import { NostrSigner, NRelay1, NSecSigner } from '@nostrify/nostrify';
 import { generateSecretKey } from 'nostr-tools';
 
-import { NBunker } from 'soapbox/features/nostr/NBunker';
-import { keyring } from 'soapbox/features/nostr/keyring';
-import { useBunkerStore } from 'soapbox/hooks/nostr/useBunkerStore';
-import { type AppDispatch } from 'soapbox/store';
+import { NBunker } from 'soapbox/features/nostr/NBunker.ts';
+import { keyring } from 'soapbox/features/nostr/keyring.ts';
+import { useBunkerStore } from 'soapbox/hooks/nostr/useBunkerStore.ts';
+import { type AppDispatch } from 'soapbox/store.ts';
 
-import { authLoggedIn, verifyCredentials } from './auth';
-import { obtainOAuthToken } from './oauth';
+import { authLoggedIn, verifyCredentials } from './auth.ts';
+import { obtainOAuthToken } from './oauth.ts';
 
 const NOSTR_PUBKEY_SET = 'NOSTR_PUBKEY_SET';
 
diff --git a/src/actions/notifications.test.ts b/src/actions/notifications.test.ts
index 44ce0cb9f..1f67081dd 100644
--- a/src/actions/notifications.test.ts
+++ b/src/actions/notifications.test.ts
@@ -1,11 +1,11 @@
 import { OrderedMap as ImmutableOrderedMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-import { normalizeNotification } from 'soapbox/normalizers';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeNotification } from 'soapbox/normalizers/index.ts';
 
-import { markReadNotifications } from './notifications';
+import { markReadNotifications } from './notifications.ts';
 
 describe('markReadNotifications()', () => {
   it('fires off marker when top notification is newer than lastRead', async() => {
diff --git a/src/actions/notifications.ts b/src/actions/notifications.ts
index c6ce8043a..6ecf8023b 100644
--- a/src/actions/notifications.ts
+++ b/src/actions/notifications.ts
@@ -2,28 +2,28 @@ import IntlMessageFormat from 'intl-messageformat';
 import 'intl-pluralrules';
 import { defineMessages } from 'react-intl';
 
-import api, { getLinks } from 'soapbox/api';
-import { getFilters, regexFromFilters } from 'soapbox/selectors';
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { compareId } from 'soapbox/utils/comparators';
-import { getFeatures, parseVersion, PLEROMA } from 'soapbox/utils/features';
-import { unescapeHTML } from 'soapbox/utils/html';
-import { EXCLUDE_TYPES, NOTIFICATION_TYPES } from 'soapbox/utils/notification';
-import { joinPublicPath } from 'soapbox/utils/static';
+import api, { getLinks } from 'soapbox/api/index.ts';
+import { getFilters, regexFromFilters } from 'soapbox/selectors/index.ts';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { compareId } from 'soapbox/utils/comparators.ts';
+import { getFeatures, parseVersion, PLEROMA } from 'soapbox/utils/features.ts';
+import { unescapeHTML } from 'soapbox/utils/html.ts';
+import { EXCLUDE_TYPES, NOTIFICATION_TYPES } from 'soapbox/utils/notification.ts';
+import { joinPublicPath } from 'soapbox/utils/static.ts';
 
-import { fetchRelationships } from './accounts';
-import { fetchGroupRelationships } from './groups';
+import { fetchRelationships } from './accounts.ts';
+import { fetchGroupRelationships } from './groups.ts';
 import {
   importFetchedAccount,
   importFetchedAccounts,
   importFetchedStatus,
   importFetchedStatuses,
-} from './importer';
-import { saveMarker } from './markers';
-import { getSettings, saveSettings } from './settings';
+} from './importer/index.ts';
+import { saveMarker } from './markers.ts';
+import { getSettings, saveSettings } from './settings.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Status } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Status } from 'soapbox/types/entities.ts';
 
 const NOTIFICATIONS_UPDATE      = 'NOTIFICATIONS_UPDATE';
 const NOTIFICATIONS_UPDATE_NOOP = 'NOTIFICATIONS_UPDATE_NOOP';
diff --git a/src/actions/oauth.ts b/src/actions/oauth.ts
index 4147c9409..10b5c1076 100644
--- a/src/actions/oauth.ts
+++ b/src/actions/oauth.ts
@@ -6,11 +6,11 @@
  * @see module:soapbox/actions/auth
  */
 
-import { getBaseURL } from 'soapbox/utils/state';
+import { getBaseURL } from 'soapbox/utils/state.ts';
 
-import { baseClient } from '../api';
+import { baseClient } from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 export const OAUTH_TOKEN_CREATE_REQUEST = 'OAUTH_TOKEN_CREATE_REQUEST';
 export const OAUTH_TOKEN_CREATE_SUCCESS = 'OAUTH_TOKEN_CREATE_SUCCESS';
diff --git a/src/actions/onboarding.test.ts b/src/actions/onboarding.test.ts
index 7d2fcdb26..c52877695 100644
--- a/src/actions/onboarding.test.ts
+++ b/src/actions/onboarding.test.ts
@@ -1,8 +1,8 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { mockStore, mockWindowProperty, rootState } from 'soapbox/jest/test-helpers';
+import { mockStore, mockWindowProperty, rootState } from 'soapbox/jest/test-helpers.tsx';
 
-import { checkOnboardingStatus, startOnboarding, endOnboarding } from './onboarding';
+import { checkOnboardingStatus, startOnboarding, endOnboarding } from './onboarding.ts';
 
 describe('checkOnboarding()', () => {
   let mockGetItem: any;
diff --git a/src/actions/patron.ts b/src/actions/patron.ts
index 0e164462f..4a3d5eade 100644
--- a/src/actions/patron.ts
+++ b/src/actions/patron.ts
@@ -1,7 +1,7 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const PATRON_INSTANCE_FETCH_REQUEST = 'PATRON_INSTANCE_FETCH_REQUEST';
 const PATRON_INSTANCE_FETCH_SUCCESS = 'PATRON_INSTANCE_FETCH_SUCCESS';
diff --git a/src/actions/pin-statuses.ts b/src/actions/pin-statuses.ts
index c2a5115cd..a09a71fa9 100644
--- a/src/actions/pin-statuses.ts
+++ b/src/actions/pin-statuses.ts
@@ -1,11 +1,11 @@
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { importFetchedStatuses } from './importer';
+import { importFetchedStatuses } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const PINNED_STATUSES_FETCH_REQUEST = 'PINNED_STATUSES_FETCH_REQUEST';
 const PINNED_STATUSES_FETCH_SUCCESS = 'PINNED_STATUSES_FETCH_SUCCESS';
diff --git a/src/actions/polls.ts b/src/actions/polls.ts
index 64fb65320..57a83e08e 100644
--- a/src/actions/polls.ts
+++ b/src/actions/polls.ts
@@ -1,9 +1,9 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import { importFetchedPoll } from './importer';
+import { importFetchedPoll } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const POLL_VOTE_REQUEST = 'POLL_VOTE_REQUEST';
 const POLL_VOTE_SUCCESS = 'POLL_VOTE_SUCCESS';
diff --git a/src/actions/preload.test.ts b/src/actions/preload.test.ts
index 96cd9bbf6..2ecf454e1 100644
--- a/src/actions/preload.test.ts
+++ b/src/actions/preload.test.ts
@@ -1,14 +1,14 @@
 import { describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { mockStore } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore } from 'soapbox/jest/test-helpers.tsx';
 
-import { VERIFY_CREDENTIALS_REQUEST } from './auth';
-import { ACCOUNTS_IMPORT } from './importer';
+import { VERIFY_CREDENTIALS_REQUEST } from './auth.ts';
+import { ACCOUNTS_IMPORT } from './importer/index.ts';
 import {
   MASTODON_PRELOAD_IMPORT,
   preloadMastodon,
-} from './preload';
+} from './preload.ts';
 
 describe('preloadMastodon()', () => {
   it('creates the expected actions', async () => {
diff --git a/src/actions/preload.ts b/src/actions/preload.ts
index 07b0aa0bb..f923b467f 100644
--- a/src/actions/preload.ts
+++ b/src/actions/preload.ts
@@ -1,9 +1,9 @@
 import mapValues from 'lodash/mapValues';
 
-import { verifyCredentials } from './auth';
-import { importFetchedAccounts } from './importer';
+import { verifyCredentials } from './auth.ts';
+import { importFetchedAccounts } from './importer/index.ts';
 
-import type { AppDispatch } from 'soapbox/store';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 const PLEROMA_PRELOAD_IMPORT  = 'PLEROMA_PRELOAD_IMPORT';
 const MASTODON_PRELOAD_IMPORT = 'MASTODON_PRELOAD_IMPORT';
diff --git a/src/actions/push-notifications/registerer.ts b/src/actions/push-notifications/registerer.ts
index f3e4d4a6f..a6983718d 100644
--- a/src/actions/push-notifications/registerer.ts
+++ b/src/actions/push-notifications/registerer.ts
@@ -1,8 +1,8 @@
 /* eslint-disable compat/compat */
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { MastodonClient } from 'soapbox/api/MastodonClient';
-import { WebPushSubscription, webPushSubscriptionSchema } from 'soapbox/schemas/web-push';
-import { decodeBase64Url } from 'soapbox/utils/base64';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { MastodonClient } from 'soapbox/api/MastodonClient.ts';
+import { WebPushSubscription, webPushSubscriptionSchema } from 'soapbox/schemas/web-push.ts';
+import { decodeBase64Url } from 'soapbox/utils/base64.ts';
 
 // Last one checks for payload support: https://web-push-book.gauntface.com/chapter-06/01-non-standards-browsers/#no-payload
 const supportsPushNotifications = ('serviceWorker' in navigator && 'PushManager' in window && 'getKey' in PushSubscription.prototype);
diff --git a/src/actions/remote-timeline.ts b/src/actions/remote-timeline.ts
index ac1277aec..0f2640a89 100644
--- a/src/actions/remote-timeline.ts
+++ b/src/actions/remote-timeline.ts
@@ -1,7 +1,7 @@
-import { getSettings, changeSetting } from 'soapbox/actions/settings';
+import { getSettings, changeSetting } from 'soapbox/actions/settings.ts';
 
 import type { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const getPinnedHosts = (state: RootState) => {
   const settings = getSettings(state);
diff --git a/src/actions/reports.ts b/src/actions/reports.ts
index 662b24b3d..5a98d0881 100644
--- a/src/actions/reports.ts
+++ b/src/actions/reports.ts
@@ -1,10 +1,10 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import { openModal } from './modals';
+import { openModal } from './modals.ts';
 
-import type { Account } from 'soapbox/schemas';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { ChatMessage, Group, Status } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { ChatMessage, Group, Status } from 'soapbox/types/entities.ts';
 
 const REPORT_INIT   = 'REPORT_INIT';
 const REPORT_CANCEL = 'REPORT_CANCEL';
diff --git a/src/actions/scheduled-statuses.ts b/src/actions/scheduled-statuses.ts
index b7cf112e9..7bd8d0331 100644
--- a/src/actions/scheduled-statuses.ts
+++ b/src/actions/scheduled-statuses.ts
@@ -1,9 +1,9 @@
-import { getFeatures } from 'soapbox/utils/features';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const SCHEDULED_STATUSES_FETCH_REQUEST = 'SCHEDULED_STATUSES_FETCH_REQUEST';
 const SCHEDULED_STATUSES_FETCH_SUCCESS = 'SCHEDULED_STATUSES_FETCH_SUCCESS';
diff --git a/src/actions/search.ts b/src/actions/search.ts
index 8810605eb..82a96c009 100644
--- a/src/actions/search.ts
+++ b/src/actions/search.ts
@@ -1,11 +1,11 @@
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedAccounts, importFetchedStatuses } from './importer';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedAccounts, importFetchedStatuses } from './importer/index.ts';
 
-import type { SearchFilter } from 'soapbox/reducers/search';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { SearchFilter } from 'soapbox/reducers/search.ts';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const SEARCH_CHANGE        = 'SEARCH_CHANGE';
 const SEARCH_CLEAR         = 'SEARCH_CLEAR';
diff --git a/src/actions/security.ts b/src/actions/security.ts
index 4448104b7..683a3a6e6 100644
--- a/src/actions/security.ts
+++ b/src/actions/security.ts
@@ -4,16 +4,16 @@
  * @see module:soapbox/actions/auth
  */
 
-import toast from 'soapbox/toast';
-import { getLoggedInAccount } from 'soapbox/utils/auth';
-import { parseVersion, TRUTHSOCIAL } from 'soapbox/utils/features';
-import { normalizeUsername } from 'soapbox/utils/input';
+import toast from 'soapbox/toast.tsx';
+import { getLoggedInAccount } from 'soapbox/utils/auth.ts';
+import { parseVersion, TRUTHSOCIAL } from 'soapbox/utils/features.ts';
+import { normalizeUsername } from 'soapbox/utils/input.ts';
 
-import api from '../api';
+import api from '../api/index.ts';
 
-import { AUTH_LOGGED_OUT, messages } from './auth';
+import { AUTH_LOGGED_OUT, messages } from './auth.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const FETCH_TOKENS_REQUEST = 'FETCH_TOKENS_REQUEST';
 const FETCH_TOKENS_SUCCESS = 'FETCH_TOKENS_SUCCESS';
diff --git a/src/actions/settings.ts b/src/actions/settings.ts
index e05771fdc..50204e0f4 100644
--- a/src/actions/settings.ts
+++ b/src/actions/settings.ts
@@ -2,12 +2,12 @@ import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 import { defineMessage } from 'react-intl';
 import { createSelector } from 'reselect';
 
-import { patchMe } from 'soapbox/actions/me';
-import messages from 'soapbox/messages';
-import toast from 'soapbox/toast';
-import { isLoggedIn } from 'soapbox/utils/auth';
+import { patchMe } from 'soapbox/actions/me.ts';
+import messages from 'soapbox/messages.ts';
+import toast from 'soapbox/toast.tsx';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const SETTING_CHANGE = 'SETTING_CHANGE' as const;
 const SETTING_SAVE   = 'SETTING_SAVE' as const;
diff --git a/src/actions/soapbox.ts b/src/actions/soapbox.ts
index 44552e38e..31e7679b1 100644
--- a/src/actions/soapbox.ts
+++ b/src/actions/soapbox.ts
@@ -1,15 +1,15 @@
 import { createSelector } from 'reselect';
 
-import { getHost } from 'soapbox/actions/instance';
-import { normalizeSoapboxConfig } from 'soapbox/normalizers';
-import KVStore from 'soapbox/storage/kv-store';
-import { removeVS16s } from 'soapbox/utils/emoji';
-import { getFeatures } from 'soapbox/utils/features';
+import { getHost } from 'soapbox/actions/instance.ts';
+import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts';
+import KVStore from 'soapbox/storage/kv-store.ts';
+import { removeVS16s } from 'soapbox/utils/emoji.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api, { staticClient } from '../api';
+import api, { staticClient } from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const SOAPBOX_CONFIG_REQUEST_SUCCESS = 'SOAPBOX_CONFIG_REQUEST_SUCCESS';
 const SOAPBOX_CONFIG_REQUEST_FAIL    = 'SOAPBOX_CONFIG_REQUEST_FAIL';
diff --git a/src/actions/status-quotes.test.ts b/src/actions/status-quotes.test.ts
index ca7d4f764..b11085fec 100644
--- a/src/actions/status-quotes.test.ts
+++ b/src/actions/status-quotes.test.ts
@@ -1,11 +1,11 @@
 import { Map as ImmutableMap } from 'immutable';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-import { StatusListRecord } from 'soapbox/reducers/status-lists';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { StatusListRecord } from 'soapbox/reducers/status-lists.ts';
 
-import { fetchStatusQuotes, expandStatusQuotes } from './status-quotes';
+import { fetchStatusQuotes, expandStatusQuotes } from './status-quotes.ts';
 
 const status = {
   account: {
diff --git a/src/actions/status-quotes.ts b/src/actions/status-quotes.ts
index 9dab8df46..2bb83a721 100644
--- a/src/actions/status-quotes.ts
+++ b/src/actions/status-quotes.ts
@@ -1,8 +1,8 @@
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { importFetchedStatuses } from './importer';
+import { importFetchedStatuses } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 export const STATUS_QUOTES_FETCH_REQUEST = 'STATUS_QUOTES_FETCH_REQUEST';
 export const STATUS_QUOTES_FETCH_SUCCESS = 'STATUS_QUOTES_FETCH_SUCCESS';
diff --git a/src/actions/statuses.test.ts b/src/actions/statuses.test.ts
index 3c72ef7ab..641b9d48d 100644
--- a/src/actions/statuses.test.ts
+++ b/src/actions/statuses.test.ts
@@ -1,12 +1,12 @@
 import { fromJS, Map as ImmutableMap } from 'immutable';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { STATUSES_IMPORT } from 'soapbox/actions/importer';
-import { __stub } from 'soapbox/api';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
-import { normalizeStatus } from 'soapbox/normalizers/status';
+import { STATUSES_IMPORT } from 'soapbox/actions/importer/index.ts';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeStatus } from 'soapbox/normalizers/status.ts';
 
-import { deleteStatus, fetchContext } from './statuses';
+import { deleteStatus, fetchContext } from './statuses.ts';
 
 describe('fetchContext()', () => {
   it('handles Mitra context', async () => {
diff --git a/src/actions/statuses.ts b/src/actions/statuses.ts
index db1bfdb47..8d00cf00b 100644
--- a/src/actions/statuses.ts
+++ b/src/actions/statuses.ts
@@ -1,17 +1,17 @@
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
-import { shouldHaveCard } from 'soapbox/utils/status';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
+import { shouldHaveCard } from 'soapbox/utils/status.ts';
 
-import api, { getNextLink } from '../api';
+import api, { getNextLink } from '../api/index.ts';
 
-import { setComposeToStatus } from './compose-status';
-import { fetchGroupRelationships } from './groups';
-import { importFetchedStatus, importFetchedStatuses } from './importer';
-import { openModal } from './modals';
-import { deleteFromTimelines } from './timelines';
+import { setComposeToStatus } from './compose-status.ts';
+import { fetchGroupRelationships } from './groups.ts';
+import { importFetchedStatus, importFetchedStatuses } from './importer/index.ts';
+import { openModal } from './modals.ts';
+import { deleteFromTimelines } from './timelines.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Status } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Status } from 'soapbox/types/entities.ts';
 
 const STATUS_CREATE_REQUEST = 'STATUS_CREATE_REQUEST';
 const STATUS_CREATE_SUCCESS = 'STATUS_CREATE_SUCCESS';
diff --git a/src/actions/streaming.ts b/src/actions/streaming.ts
index 925832265..23b426cd8 100644
--- a/src/actions/streaming.ts
+++ b/src/actions/streaming.ts
@@ -1,33 +1,33 @@
-import { getLocale, getSettings } from 'soapbox/actions/settings';
-import { updateReactions } from 'soapbox/api/hooks/announcements/useAnnouncements';
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { selectEntity } from 'soapbox/entity-store/selectors';
-import messages from 'soapbox/messages';
-import { ChatKeys, IChat, isLastMessage } from 'soapbox/queries/chats';
-import { queryClient } from 'soapbox/queries/client';
-import { announcementSchema, type Announcement, type Relationship } from 'soapbox/schemas';
-import { getUnreadChatsCount, updateChatListItem, updateChatMessage } from 'soapbox/utils/chats';
-import { removePageItem } from 'soapbox/utils/queries';
-import { play, soundCache } from 'soapbox/utils/sounds';
+import { getLocale, getSettings } from 'soapbox/actions/settings.ts';
+import { updateReactions } from 'soapbox/api/hooks/announcements/useAnnouncements.ts';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { selectEntity } from 'soapbox/entity-store/selectors.ts';
+import messages from 'soapbox/messages.ts';
+import { ChatKeys, IChat, isLastMessage } from 'soapbox/queries/chats.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { announcementSchema, type Announcement, type Relationship } from 'soapbox/schemas/index.ts';
+import { getUnreadChatsCount, updateChatListItem, updateChatMessage } from 'soapbox/utils/chats.ts';
+import { removePageItem } from 'soapbox/utils/queries.ts';
+import { play, soundCache } from 'soapbox/utils/sounds.ts';
 
-import { connectStream } from '../stream';
+import { connectStream } from '../stream.ts';
 
-import { updateConversations } from './conversations';
-import { fetchFilters } from './filters';
-import { MARKER_FETCH_SUCCESS } from './markers';
-import { updateNotificationsQueue } from './notifications';
-import { updateStatus } from './statuses';
+import { updateConversations } from './conversations.ts';
+import { fetchFilters } from './filters.ts';
+import { MARKER_FETCH_SUCCESS } from './markers.ts';
+import { updateNotificationsQueue } from './notifications.ts';
+import { updateStatus } from './statuses.ts';
 import {
   // deleteFromTimelines,
   connectTimeline,
   disconnectTimeline,
   processTimelineUpdate,
-} from './timelines';
+} from './timelines.ts';
 
-import type { IStatContext } from 'soapbox/contexts/stat-context';
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Chat } from 'soapbox/types/entities';
+import type { IStatContext } from 'soapbox/contexts/stat-context.tsx';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Chat } from 'soapbox/types/entities.ts';
 
 const STREAMING_CHAT_UPDATE = 'STREAMING_CHAT_UPDATE';
 
diff --git a/src/actions/suggestions.ts b/src/actions/suggestions.ts
index 4c2584856..5065100b6 100644
--- a/src/actions/suggestions.ts
+++ b/src/actions/suggestions.ts
@@ -1,14 +1,14 @@
-import { isLoggedIn } from 'soapbox/utils/auth';
-import { getFeatures } from 'soapbox/utils/features';
+import { isLoggedIn } from 'soapbox/utils/auth.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { fetchRelationships } from './accounts';
-import { importFetchedAccounts } from './importer';
-import { insertSuggestionsIntoTimeline } from './timelines';
+import { fetchRelationships } from './accounts.ts';
+import { importFetchedAccounts } from './importer/index.ts';
+import { insertSuggestionsIntoTimeline } from './timelines.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const SUGGESTIONS_FETCH_REQUEST = 'SUGGESTIONS_FETCH_REQUEST';
 const SUGGESTIONS_FETCH_SUCCESS = 'SUGGESTIONS_FETCH_SUCCESS';
diff --git a/src/actions/tags.ts b/src/actions/tags.ts
index ee3289570..3873bc329 100644
--- a/src/actions/tags.ts
+++ b/src/actions/tags.ts
@@ -1,7 +1,7 @@
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const HASHTAG_FETCH_REQUEST = 'HASHTAG_FETCH_REQUEST';
 const HASHTAG_FETCH_SUCCESS = 'HASHTAG_FETCH_SUCCESS';
diff --git a/src/actions/timelines.ts b/src/actions/timelines.ts
index a6cd2b139..4b7aa6ce1 100644
--- a/src/actions/timelines.ts
+++ b/src/actions/timelines.ts
@@ -1,16 +1,16 @@
 import { Map as ImmutableMap, OrderedSet as ImmutableOrderedSet } from 'immutable';
 
-import { getSettings } from 'soapbox/actions/settings';
-import { normalizeStatus } from 'soapbox/normalizers';
-import { shouldFilter } from 'soapbox/utils/timelines';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
+import { shouldFilter } from 'soapbox/utils/timelines.ts';
 
-import api, { getNextLink, getPrevLink } from '../api';
+import api, { getNextLink, getPrevLink } from '../api/index.ts';
 
-import { fetchGroupRelationships } from './groups';
-import { importFetchedStatus, importFetchedStatuses } from './importer';
+import { fetchGroupRelationships } from './groups.ts';
+import { importFetchedStatus, importFetchedStatuses } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity, Status } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity, Status } from 'soapbox/types/entities.ts';
 
 const TIMELINE_UPDATE = 'TIMELINE_UPDATE' as const;
 const TIMELINE_DELETE = 'TIMELINE_DELETE' as const;
diff --git a/src/actions/trending-statuses.ts b/src/actions/trending-statuses.ts
index c6a26e316..e0075b019 100644
--- a/src/actions/trending-statuses.ts
+++ b/src/actions/trending-statuses.ts
@@ -1,11 +1,11 @@
-import { APIEntity } from 'soapbox/types/entities';
-import { getFeatures } from 'soapbox/utils/features';
+import { APIEntity } from 'soapbox/types/entities.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
 
-import api, { getLinks } from '../api';
+import api, { getLinks } from '../api/index.ts';
 
-import { importFetchedStatuses } from './importer';
+import { importFetchedStatuses } from './importer/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const TRENDING_STATUSES_FETCH_REQUEST = 'TRENDING_STATUSES_FETCH_REQUEST';
 const TRENDING_STATUSES_FETCH_SUCCESS = 'TRENDING_STATUSES_FETCH_SUCCESS';
diff --git a/src/actions/trends.ts b/src/actions/trends.ts
index 6eeb32c38..f13e063cf 100644
--- a/src/actions/trends.ts
+++ b/src/actions/trends.ts
@@ -1,7 +1,7 @@
-import api from '../api';
+import api from '../api/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const TRENDS_FETCH_REQUEST = 'TRENDS_FETCH_REQUEST';
 const TRENDS_FETCH_SUCCESS = 'TRENDS_FETCH_SUCCESS';
diff --git a/src/api/MastodonClient.ts b/src/api/MastodonClient.ts
index 42263d517..a0d084349 100644
--- a/src/api/MastodonClient.ts
+++ b/src/api/MastodonClient.ts
@@ -1,4 +1,4 @@
-import { HTTPError } from './HTTPError';
+import { HTTPError } from './HTTPError.ts';
 
 interface Opts {
   searchParams?: URLSearchParams | Record<string, string | number | boolean>;
diff --git a/src/api/hooks/accounts/useAccount.ts b/src/api/hooks/accounts/useAccount.ts
index 9db7ec217..5876e3fc5 100644
--- a/src/api/hooks/accounts/useAccount.ts
+++ b/src/api/hooks/accounts/useAccount.ts
@@ -1,12 +1,12 @@
 import { useEffect, useMemo } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntity } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures, useLoggedIn } from 'soapbox/hooks';
-import { type Account, accountSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { type Account, accountSchema } from 'soapbox/schemas/index.ts';
 
-import { useRelationship } from './useRelationship';
+import { useRelationship } from './useRelationship.ts';
 
 interface UseAccountOpts {
   withRelationship?: boolean;
diff --git a/src/api/hooks/accounts/useAccountList.ts b/src/api/hooks/accounts/useAccountList.ts
index ec769224b..541227b1f 100644
--- a/src/api/hooks/accounts/useAccountList.ts
+++ b/src/api/hooks/accounts/useAccountList.ts
@@ -1,11 +1,11 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { Account, accountSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { Account, accountSchema } from 'soapbox/schemas/index.ts';
 
-import { useRelationships } from './useRelationships';
+import { useRelationships } from './useRelationships.ts';
 
-import type { EntityFn } from 'soapbox/entity-store/hooks/types';
+import type { EntityFn } from 'soapbox/entity-store/hooks/types.ts';
 
 interface useAccountListOpts {
   enabled?: boolean;
diff --git a/src/api/hooks/accounts/useAccountLookup.ts b/src/api/hooks/accounts/useAccountLookup.ts
index ef9306a7d..d317147cc 100644
--- a/src/api/hooks/accounts/useAccountLookup.ts
+++ b/src/api/hooks/accounts/useAccountLookup.ts
@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityLookup } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures, useLoggedIn } from 'soapbox/hooks';
-import { type Account, accountSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityLookup } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { type Account, accountSchema } from 'soapbox/schemas/index.ts';
 
-import { useRelationship } from './useRelationship';
+import { useRelationship } from './useRelationship.ts';
 
 interface UseAccountLookupOpts {
   withRelationship?: boolean;
diff --git a/src/api/hooks/accounts/useFollow.ts b/src/api/hooks/accounts/useFollow.ts
index 25be4b3bc..142f73d8b 100644
--- a/src/api/hooks/accounts/useFollow.ts
+++ b/src/api/hooks/accounts/useFollow.ts
@@ -1,8 +1,8 @@
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { useTransaction } from 'soapbox/entity-store/hooks';
-import { useApi, useAppDispatch, useLoggedIn } from 'soapbox/hooks';
-import { relationshipSchema } from 'soapbox/schemas';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useTransaction } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useAppDispatch, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { relationshipSchema } from 'soapbox/schemas/index.ts';
 
 interface FollowOpts {
   reblogs?: boolean;
diff --git a/src/api/hooks/accounts/usePatronUser.ts b/src/api/hooks/accounts/usePatronUser.ts
index 27ff6edfe..9ccfe8b84 100644
--- a/src/api/hooks/accounts/usePatronUser.ts
+++ b/src/api/hooks/accounts/usePatronUser.ts
@@ -1,8 +1,8 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig';
-import { type PatronUser, patronUserSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/useSoapboxConfig.ts';
+import { type PatronUser, patronUserSchema } from 'soapbox/schemas/index.ts';
 
 function usePatronUser(url?: string) {
   const api = useApi();
diff --git a/src/api/hooks/accounts/useRelationship.ts b/src/api/hooks/accounts/useRelationship.ts
index 6424a2876..d76446258 100644
--- a/src/api/hooks/accounts/useRelationship.ts
+++ b/src/api/hooks/accounts/useRelationship.ts
@@ -1,9 +1,9 @@
 import { z } from 'zod';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { type Relationship, relationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { type Relationship, relationshipSchema } from 'soapbox/schemas/index.ts';
 
 interface UseRelationshipOpts {
   enabled?: boolean;
diff --git a/src/api/hooks/accounts/useRelationships.ts b/src/api/hooks/accounts/useRelationships.ts
index 8ffdb46ef..a88508a9c 100644
--- a/src/api/hooks/accounts/useRelationships.ts
+++ b/src/api/hooks/accounts/useRelationships.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useBatchedEntities } from 'soapbox/entity-store/hooks/useBatchedEntities';
-import { useApi, useLoggedIn } from 'soapbox/hooks';
-import { type Relationship, relationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useBatchedEntities } from 'soapbox/entity-store/hooks/useBatchedEntities.ts';
+import { useApi, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { type Relationship, relationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useRelationships(listKey: string[], ids: string[]) {
   const api = useApi();
diff --git a/src/api/hooks/admin/index.ts b/src/api/hooks/admin/index.ts
index 0ca5e7514..472cdc86e 100644
--- a/src/api/hooks/admin/index.ts
+++ b/src/api/hooks/admin/index.ts
@@ -1,6 +1,6 @@
-export { useDomains } from './useDomains';
-export { useModerationLog } from './useModerationLog';
-export { useRelays } from './useRelays';
-export { useRules } from './useRules';
-export { useSuggest } from './useSuggest';
-export { useVerify } from './useVerify';
\ No newline at end of file
+export { useDomains } from './useDomains.ts';
+export { useModerationLog } from './useModerationLog.ts';
+export { useRelays } from './useRelays.ts';
+export { useRules } from './useRules.ts';
+export { useSuggest } from './useSuggest.ts';
+export { useVerify } from './useVerify.ts';
\ No newline at end of file
diff --git a/src/api/hooks/admin/useAdminAccounts.ts b/src/api/hooks/admin/useAdminAccounts.ts
index 585a16710..59b0c040f 100644
--- a/src/api/hooks/admin/useAdminAccounts.ts
+++ b/src/api/hooks/admin/useAdminAccounts.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { adminAccountSchema } from 'soapbox/schemas/admin-account';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { adminAccountSchema } from 'soapbox/schemas/admin-account.ts';
 
 interface MastodonAdminFilters {
   local?: boolean;
diff --git a/src/api/hooks/admin/useAnnouncements.ts b/src/api/hooks/admin/useAnnouncements.ts
index 2fa3f0029..049800655 100644
--- a/src/api/hooks/admin/useAnnouncements.ts
+++ b/src/api/hooks/admin/useAnnouncements.ts
@@ -1,10 +1,10 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { queryClient } from 'soapbox/queries/client';
-import { adminAnnouncementSchema, type AdminAnnouncement } from 'soapbox/schemas';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { adminAnnouncementSchema, type AdminAnnouncement } from 'soapbox/schemas/index.ts';
 
-import { useAnnouncements as useUserAnnouncements } from '../announcements';
+import { useAnnouncements as useUserAnnouncements } from '../announcements/index.ts';
 
 interface CreateAnnouncementParams {
   content: string;
diff --git a/src/api/hooks/admin/useCreateDomain.ts b/src/api/hooks/admin/useCreateDomain.ts
index 8cbb4ae85..c07f49619 100644
--- a/src/api/hooks/admin/useCreateDomain.ts
+++ b/src/api/hooks/admin/useCreateDomain.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { domainSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { domainSchema } from 'soapbox/schemas/index.ts';
 
 interface CreateDomainParams {
   domain: string;
diff --git a/src/api/hooks/admin/useDeleteDomain.ts b/src/api/hooks/admin/useDeleteDomain.ts
index 05aeb70e8..85ad41c8e 100644
--- a/src/api/hooks/admin/useDeleteDomain.ts
+++ b/src/api/hooks/admin/useDeleteDomain.ts
@@ -1,6 +1,6 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useDeleteEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useDeleteEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
 
 const useDeleteDomain = () => {
   const api = useApi();
diff --git a/src/api/hooks/admin/useDomains.ts b/src/api/hooks/admin/useDomains.ts
index ff052b7ac..167e8d398 100644
--- a/src/api/hooks/admin/useDomains.ts
+++ b/src/api/hooks/admin/useDomains.ts
@@ -1,8 +1,8 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { queryClient } from 'soapbox/queries/client';
-import { domainSchema, type Domain } from 'soapbox/schemas';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { domainSchema, type Domain } from 'soapbox/schemas/index.ts';
 
 interface CreateDomainParams {
   domain: string;
diff --git a/src/api/hooks/admin/useManageZapSplit.ts b/src/api/hooks/admin/useManageZapSplit.ts
index e0e0344ce..e6a8420f6 100644
--- a/src/api/hooks/admin/useManageZapSplit.ts
+++ b/src/api/hooks/admin/useManageZapSplit.ts
@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react';
 import { defineMessages } from 'react-intl';
 
-import { type INewAccount } from 'soapbox/features/admin/manage-zap-split';
-import { useApi } from 'soapbox/hooks';
-import { baseZapAccountSchema, ZapSplitData } from 'soapbox/schemas/zap-split';
-import toast from 'soapbox/toast';
+import { type INewAccount } from 'soapbox/features/admin/manage-zap-split.tsx';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { baseZapAccountSchema, ZapSplitData } from 'soapbox/schemas/zap-split.ts';
+import toast from 'soapbox/toast.tsx';
 
 
 const messages = defineMessages({
diff --git a/src/api/hooks/admin/useModerationLog.ts b/src/api/hooks/admin/useModerationLog.ts
index 2153deab8..9e7c7bc4b 100644
--- a/src/api/hooks/admin/useModerationLog.ts
+++ b/src/api/hooks/admin/useModerationLog.ts
@@ -1,7 +1,7 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { moderationLogEntrySchema, type ModerationLogEntry } from 'soapbox/schemas';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { moderationLogEntrySchema, type ModerationLogEntry } from 'soapbox/schemas/index.ts';
 
 interface ModerationLogResult {
   items: ModerationLogEntry[];
diff --git a/src/api/hooks/admin/useRelays.ts b/src/api/hooks/admin/useRelays.ts
index d27b6d043..1a1d57099 100644
--- a/src/api/hooks/admin/useRelays.ts
+++ b/src/api/hooks/admin/useRelays.ts
@@ -1,8 +1,8 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { queryClient } from 'soapbox/queries/client';
-import { relaySchema, type Relay } from 'soapbox/schemas';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { relaySchema, type Relay } from 'soapbox/schemas/index.ts';
 
 const useRelays = () => {
   const api = useApi();
diff --git a/src/api/hooks/admin/useRules.ts b/src/api/hooks/admin/useRules.ts
index 8fed91fa0..c7c1db0c5 100644
--- a/src/api/hooks/admin/useRules.ts
+++ b/src/api/hooks/admin/useRules.ts
@@ -1,8 +1,8 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { queryClient } from 'soapbox/queries/client';
-import { adminRuleSchema, type AdminRule } from 'soapbox/schemas';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { adminRuleSchema, type AdminRule } from 'soapbox/schemas/index.ts';
 
 interface CreateRuleParams {
   priority?: number;
diff --git a/src/api/hooks/admin/useSuggest.ts b/src/api/hooks/admin/useSuggest.ts
index b20bc5308..5358e2771 100644
--- a/src/api/hooks/admin/useSuggest.ts
+++ b/src/api/hooks/admin/useSuggest.ts
@@ -1,9 +1,9 @@
-import { useTransaction } from 'soapbox/entity-store/hooks';
-import { EntityCallbacks } from 'soapbox/entity-store/hooks/types';
-import { useApi, useGetState } from 'soapbox/hooks';
-import { accountIdsToAccts } from 'soapbox/selectors';
+import { useTransaction } from 'soapbox/entity-store/hooks/index.ts';
+import { EntityCallbacks } from 'soapbox/entity-store/hooks/types.ts';
+import { useApi, useGetState } from 'soapbox/hooks/index.ts';
+import { accountIdsToAccts } from 'soapbox/selectors/index.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 function useSuggest() {
   const api = useApi();
diff --git a/src/api/hooks/admin/useUpdateDomain.ts b/src/api/hooks/admin/useUpdateDomain.ts
index 8488d6916..30c639112 100644
--- a/src/api/hooks/admin/useUpdateDomain.ts
+++ b/src/api/hooks/admin/useUpdateDomain.ts
@@ -1,9 +1,9 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { domainSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { domainSchema } from 'soapbox/schemas/index.ts';
 
-import type { CreateDomainParams } from './useCreateDomain';
+import type { CreateDomainParams } from './useCreateDomain.ts';
 
 const useUpdateDomain = (id: string) => {
   const api = useApi();
diff --git a/src/api/hooks/admin/useVerify.ts b/src/api/hooks/admin/useVerify.ts
index 9312d609e..ee2da73cb 100644
--- a/src/api/hooks/admin/useVerify.ts
+++ b/src/api/hooks/admin/useVerify.ts
@@ -1,9 +1,9 @@
-import { useTransaction } from 'soapbox/entity-store/hooks';
-import { EntityCallbacks } from 'soapbox/entity-store/hooks/types';
-import { useApi, useGetState } from 'soapbox/hooks';
-import { accountIdsToAccts } from 'soapbox/selectors';
+import { useTransaction } from 'soapbox/entity-store/hooks/index.ts';
+import { EntityCallbacks } from 'soapbox/entity-store/hooks/types.ts';
+import { useApi, useGetState } from 'soapbox/hooks/index.ts';
+import { accountIdsToAccts } from 'soapbox/selectors/index.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 function useVerify() {
   const api = useApi();
diff --git a/src/api/hooks/announcements/index.ts b/src/api/hooks/announcements/index.ts
index 021ac3ea0..ddb8ac3a4 100644
--- a/src/api/hooks/announcements/index.ts
+++ b/src/api/hooks/announcements/index.ts
@@ -1 +1 @@
-export { useAnnouncements } from './useAnnouncements';
+export { useAnnouncements } from './useAnnouncements.ts';
diff --git a/src/api/hooks/announcements/useAnnouncements.ts b/src/api/hooks/announcements/useAnnouncements.ts
index af4e36a2c..1ecbdf8b6 100644
--- a/src/api/hooks/announcements/useAnnouncements.ts
+++ b/src/api/hooks/announcements/useAnnouncements.ts
@@ -1,8 +1,8 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { queryClient } from 'soapbox/queries/client';
-import { announcementReactionSchema, announcementSchema, type Announcement, type AnnouncementReaction } from 'soapbox/schemas';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { announcementReactionSchema, announcementSchema, type Announcement, type AnnouncementReaction } from 'soapbox/schemas/index.ts';
 
 const updateReaction = (reaction: AnnouncementReaction, count: number, me?: boolean, overwrite?: boolean) => announcementReactionSchema.parse({
   ...reaction,
diff --git a/src/api/hooks/captcha/useCaptcha.ts b/src/api/hooks/captcha/useCaptcha.ts
index 01b9c9926..a3509dbd5 100644
--- a/src/api/hooks/captcha/useCaptcha.ts
+++ b/src/api/hooks/captcha/useCaptcha.ts
@@ -2,10 +2,10 @@ import { AxiosError } from 'axios';
 import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { closeModal } from 'soapbox/actions/modals';
-import { useApi, useAppDispatch, useInstance } from 'soapbox/hooks';
-import { captchaSchema, type CaptchaData } from 'soapbox/schemas/captcha';
-import toast from 'soapbox/toast';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { useApi, useAppDispatch, useInstance } from 'soapbox/hooks/index.ts';
+import { captchaSchema, type CaptchaData } from 'soapbox/schemas/captcha.ts';
+import toast from 'soapbox/toast.tsx';
 
 
 
diff --git a/src/api/hooks/groups/useBlockGroupMember.ts b/src/api/hooks/groups/useBlockGroupMember.ts
index 5155d18c6..1d10b5b5d 100644
--- a/src/api/hooks/groups/useBlockGroupMember.ts
+++ b/src/api/hooks/groups/useBlockGroupMember.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
 
-import type { Account, Group, GroupMember } from 'soapbox/schemas';
+import type { Account, Group, GroupMember } from 'soapbox/schemas/index.ts';
 
 function useBlockGroupMember(group: Group, account: Account) {
   const { createEntity } = useEntityActions<GroupMember>(
diff --git a/src/api/hooks/groups/useCancelMembershipRequest.ts b/src/api/hooks/groups/useCancelMembershipRequest.ts
index 51c480731..59e2943ce 100644
--- a/src/api/hooks/groups/useCancelMembershipRequest.ts
+++ b/src/api/hooks/groups/useCancelMembershipRequest.ts
@@ -1,8 +1,8 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi, useOwnAccount } from 'soapbox/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 function useCancelMembershipRequest(group: Group) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useCreateGroup.ts b/src/api/hooks/groups/useCreateGroup.ts
index e80417856..d354a7a27 100644
--- a/src/api/hooks/groups/useCreateGroup.ts
+++ b/src/api/hooks/groups/useCreateGroup.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks/useApi';
-import { groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { groupSchema } from 'soapbox/schemas/index.ts';
 
 interface CreateGroupParams {
   display_name?: string;
diff --git a/src/api/hooks/groups/useDeleteGroup.ts b/src/api/hooks/groups/useDeleteGroup.ts
index d1b25cccd..b586e3677 100644
--- a/src/api/hooks/groups/useDeleteGroup.ts
+++ b/src/api/hooks/groups/useDeleteGroup.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 function useDeleteGroup() {
   const { deleteEntity, isSubmitting } = useEntityActions<Group>(
diff --git a/src/api/hooks/groups/useDeleteGroupStatus.ts b/src/api/hooks/groups/useDeleteGroupStatus.ts
index 55a6f9459..ed2d610af 100644
--- a/src/api/hooks/groups/useDeleteGroupStatus.ts
+++ b/src/api/hooks/groups/useDeleteGroupStatus.ts
@@ -1,8 +1,8 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useDeleteEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useDeleteEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 function useDeleteGroupStatus(group: Group, statusId: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useDemoteGroupMember.ts b/src/api/hooks/groups/useDemoteGroupMember.ts
index db38164b7..3d6a10e85 100644
--- a/src/api/hooks/groups/useDemoteGroupMember.ts
+++ b/src/api/hooks/groups/useDemoteGroupMember.ts
@@ -1,10 +1,10 @@
 import { z } from 'zod';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
-import { groupMemberSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
+import { groupMemberSchema } from 'soapbox/schemas/index.ts';
 
-import type { Group, GroupMember } from 'soapbox/schemas';
+import type { Group, GroupMember } from 'soapbox/schemas/index.ts';
 
 function useDemoteGroupMember(group: Group, groupMember: GroupMember) {
   const { createEntity } = useEntityActions<GroupMember>(
diff --git a/src/api/hooks/groups/useGroup.test.ts b/src/api/hooks/groups/useGroup.test.ts
index 4b9c91f56..4212bf7c2 100644
--- a/src/api/hooks/groups/useGroup.test.ts
+++ b/src/api/hooks/groups/useGroup.test.ts
@@ -1,10 +1,10 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildGroup } from 'soapbox/jest/factory';
-import { renderHook, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import { useGroup } from './useGroup';
+import { useGroup } from './useGroup.ts';
 
 const group = buildGroup({ id: '1', display_name: 'soapbox' });
 
diff --git a/src/api/hooks/groups/useGroup.ts b/src/api/hooks/groups/useGroup.ts
index 9efafb13c..b437936c3 100644
--- a/src/api/hooks/groups/useGroup.ts
+++ b/src/api/hooks/groups/useGroup.ts
@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { type Group, groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { type Group, groupSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroupRelationship } from './useGroupRelationship';
+import { useGroupRelationship } from './useGroupRelationship.ts';
 
 function useGroup(groupId: string, refetch = true) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupLookup.test.ts b/src/api/hooks/groups/useGroupLookup.test.ts
index 4c7bcbe1f..f000540e5 100644
--- a/src/api/hooks/groups/useGroupLookup.test.ts
+++ b/src/api/hooks/groups/useGroupLookup.test.ts
@@ -1,10 +1,10 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildGroup } from 'soapbox/jest/factory';
-import { renderHook, rootState, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { renderHook, rootState, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import { useGroupLookup } from './useGroupLookup';
+import { useGroupLookup } from './useGroupLookup.ts';
 
 const group = buildGroup({ id: '1', slug: 'soapbox' });
 const state = {
diff --git a/src/api/hooks/groups/useGroupLookup.ts b/src/api/hooks/groups/useGroupLookup.ts
index 8e161af78..f1790c6d2 100644
--- a/src/api/hooks/groups/useGroupLookup.ts
+++ b/src/api/hooks/groups/useGroupLookup.ts
@@ -1,13 +1,13 @@
 import { useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityLookup } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks/useApi';
-import { useFeatures } from 'soapbox/hooks/useFeatures';
-import { groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityLookup } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { groupSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroupRelationship } from './useGroupRelationship';
+import { useGroupRelationship } from './useGroupRelationship.ts';
 
 function useGroupLookup(slug: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupMedia.test.ts b/src/api/hooks/groups/useGroupMedia.test.ts
index bbe643c4d..88d9cc281 100644
--- a/src/api/hooks/groups/useGroupMedia.test.ts
+++ b/src/api/hooks/groups/useGroupMedia.test.ts
@@ -1,10 +1,10 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildStatus } from 'soapbox/jest/factory';
-import { renderHook, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildStatus } from 'soapbox/jest/factory.ts';
+import { renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import { useGroupMedia } from './useGroupMedia';
+import { useGroupMedia } from './useGroupMedia.ts';
 
 const status = buildStatus();
 const groupId = '1';
diff --git a/src/api/hooks/groups/useGroupMedia.ts b/src/api/hooks/groups/useGroupMedia.ts
index 4db7fd179..5c2f6bd88 100644
--- a/src/api/hooks/groups/useGroupMedia.ts
+++ b/src/api/hooks/groups/useGroupMedia.ts
@@ -1,8 +1,8 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks/useApi';
-import { normalizeStatus } from 'soapbox/normalizers';
-import { toSchema } from 'soapbox/utils/normalizers';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
+import { toSchema } from 'soapbox/utils/normalizers.ts';
 
 const statusSchema = toSchema(normalizeStatus);
 
diff --git a/src/api/hooks/groups/useGroupMembers.test.ts b/src/api/hooks/groups/useGroupMembers.test.ts
index 3087bd3fb..02971b2cb 100644
--- a/src/api/hooks/groups/useGroupMembers.test.ts
+++ b/src/api/hooks/groups/useGroupMembers.test.ts
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildGroupMember } from 'soapbox/jest/factory';
-import { renderHook, waitFor } from 'soapbox/jest/test-helpers';
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildGroupMember } from 'soapbox/jest/factory.ts';
+import { renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 
-import { useGroupMembers } from './useGroupMembers';
+import { useGroupMembers } from './useGroupMembers.ts';
 
 const groupMember = buildGroupMember();
 const groupId = '1';
diff --git a/src/api/hooks/groups/useGroupMembers.ts b/src/api/hooks/groups/useGroupMembers.ts
index a9b03e7f2..74a7d5f9b 100644
--- a/src/api/hooks/groups/useGroupMembers.ts
+++ b/src/api/hooks/groups/useGroupMembers.ts
@@ -1,9 +1,9 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { GroupMember, groupMemberSchema } from 'soapbox/schemas';
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { GroupMember, groupMemberSchema } from 'soapbox/schemas/index.ts';
 
-import { useApi } from '../../../hooks/useApi';
+import { useApi } from '../../../hooks/useApi.ts';
 
 function useGroupMembers(groupId: string, role: GroupRoles) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupMembershipRequests.ts b/src/api/hooks/groups/useGroupMembershipRequests.ts
index f175b21da..6d0771c12 100644
--- a/src/api/hooks/groups/useGroupMembershipRequests.ts
+++ b/src/api/hooks/groups/useGroupMembershipRequests.ts
@@ -1,12 +1,12 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useDismissEntity, useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { accountSchema } from 'soapbox/schemas';
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useDismissEntity, useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { accountSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroupRelationship } from './useGroupRelationship';
+import { useGroupRelationship } from './useGroupRelationship.ts';
 
-import type { ExpandedEntitiesPath } from 'soapbox/entity-store/hooks/types';
+import type { ExpandedEntitiesPath } from 'soapbox/entity-store/hooks/types.ts';
 
 function useGroupMembershipRequests(groupId: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupMutes.ts b/src/api/hooks/groups/useGroupMutes.ts
index 67eca0772..7b1364915 100644
--- a/src/api/hooks/groups/useGroupMutes.ts
+++ b/src/api/hooks/groups/useGroupMutes.ts
@@ -1,10 +1,10 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useFeatures } from 'soapbox/hooks';
-import { useApi } from 'soapbox/hooks/useApi';
-import { groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { groupSchema } from 'soapbox/schemas/index.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 function useGroupMutes() {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupRelationship.ts b/src/api/hooks/groups/useGroupRelationship.ts
index 95193b865..b7846be22 100644
--- a/src/api/hooks/groups/useGroupRelationship.ts
+++ b/src/api/hooks/groups/useGroupRelationship.ts
@@ -1,9 +1,9 @@
 import { z } from 'zod';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { type GroupRelationship, groupRelationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { type GroupRelationship, groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useGroupRelationship(groupId: string | undefined) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupRelationships.ts b/src/api/hooks/groups/useGroupRelationships.ts
index 902d0473f..cee6b4f81 100644
--- a/src/api/hooks/groups/useGroupRelationships.ts
+++ b/src/api/hooks/groups/useGroupRelationships.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useBatchedEntities } from 'soapbox/entity-store/hooks/useBatchedEntities';
-import { useApi, useLoggedIn } from 'soapbox/hooks';
-import { type GroupRelationship, groupRelationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useBatchedEntities } from 'soapbox/entity-store/hooks/useBatchedEntities.ts';
+import { useApi, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { type GroupRelationship, groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useGroupRelationships(listKey: string[], ids: string[]) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupSearch.ts b/src/api/hooks/groups/useGroupSearch.ts
index 946e208bb..c13f27b67 100644
--- a/src/api/hooks/groups/useGroupSearch.ts
+++ b/src/api/hooks/groups/useGroupSearch.ts
@@ -1,11 +1,11 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures } from 'soapbox/hooks';
-import { groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { groupSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroupRelationships } from './useGroupRelationships';
+import { useGroupRelationships } from './useGroupRelationships.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 function useGroupSearch(search: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupTag.ts b/src/api/hooks/groups/useGroupTag.ts
index d0e63d74d..446b3b492 100644
--- a/src/api/hooks/groups/useGroupTag.ts
+++ b/src/api/hooks/groups/useGroupTag.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { type GroupTag, groupTagSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { type GroupTag, groupTagSchema } from 'soapbox/schemas/index.ts';
 
 function useGroupTag(tagId: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupTags.ts b/src/api/hooks/groups/useGroupTags.ts
index b2c29aa3c..3b4846f08 100644
--- a/src/api/hooks/groups/useGroupTags.ts
+++ b/src/api/hooks/groups/useGroupTags.ts
@@ -1,9 +1,9 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks/useApi';
-import { groupTagSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { groupTagSchema } from 'soapbox/schemas/index.ts';
 
-import type { GroupTag } from 'soapbox/schemas';
+import type { GroupTag } from 'soapbox/schemas/index.ts';
 
 function useGroupTags(groupId: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupValidation.ts b/src/api/hooks/groups/useGroupValidation.ts
index 1b008b0b1..40b51c99a 100644
--- a/src/api/hooks/groups/useGroupValidation.ts
+++ b/src/api/hooks/groups/useGroupValidation.ts
@@ -1,8 +1,8 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { useApi } from 'soapbox/hooks/useApi';
-import { useFeatures } from 'soapbox/hooks/useFeatures';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
 
 type Validation = {
   error: string;
diff --git a/src/api/hooks/groups/useGroups.test.ts b/src/api/hooks/groups/useGroups.test.ts
index 3cbddf98a..8a91db69c 100644
--- a/src/api/hooks/groups/useGroups.test.ts
+++ b/src/api/hooks/groups/useGroups.test.ts
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildGroup } from 'soapbox/jest/factory';
-import { renderHook, waitFor } from 'soapbox/jest/test-helpers';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import { useGroups } from './useGroups';
+import { useGroups } from './useGroups.ts';
 
 const group = buildGroup({ id: '1', display_name: 'soapbox' });
 const store = {
diff --git a/src/api/hooks/groups/useGroups.ts b/src/api/hooks/groups/useGroups.ts
index eb5b4161f..2f2c9de2f 100644
--- a/src/api/hooks/groups/useGroups.ts
+++ b/src/api/hooks/groups/useGroups.ts
@@ -1,10 +1,10 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { useFeatures } from 'soapbox/hooks/useFeatures';
-import { groupSchema, type Group } from 'soapbox/schemas/group';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { groupSchema, type Group } from 'soapbox/schemas/group.ts';
 
-import { useGroupRelationships } from './useGroupRelationships';
+import { useGroupRelationships } from './useGroupRelationships.ts';
 
 function useGroups(q: string = '') {
   const api = useApi();
diff --git a/src/api/hooks/groups/useGroupsFromTag.ts b/src/api/hooks/groups/useGroupsFromTag.ts
index 6c2b88bb1..c1b0bfa92 100644
--- a/src/api/hooks/groups/useGroupsFromTag.ts
+++ b/src/api/hooks/groups/useGroupsFromTag.ts
@@ -1,11 +1,11 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures } from 'soapbox/hooks';
-import { groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { groupSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroupRelationships } from './useGroupRelationships';
+import { useGroupRelationships } from './useGroupRelationships.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 function useGroupsFromTag(tagId: string) {
   const api = useApi();
diff --git a/src/api/hooks/groups/useJoinGroup.ts b/src/api/hooks/groups/useJoinGroup.ts
index 0ea9293d9..4d1cf23ed 100644
--- a/src/api/hooks/groups/useJoinGroup.ts
+++ b/src/api/hooks/groups/useJoinGroup.ts
@@ -1,10 +1,10 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
-import { groupRelationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
+import { groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroups } from './useGroups';
+import { useGroups } from './useGroups.ts';
 
-import type { Group, GroupRelationship } from 'soapbox/schemas';
+import type { Group, GroupRelationship } from 'soapbox/schemas/index.ts';
 
 function useJoinGroup(group: Group) {
   const { invalidate } = useGroups();
diff --git a/src/api/hooks/groups/useLeaveGroup.ts b/src/api/hooks/groups/useLeaveGroup.ts
index e1b11e737..5ff009547 100644
--- a/src/api/hooks/groups/useLeaveGroup.ts
+++ b/src/api/hooks/groups/useLeaveGroup.ts
@@ -1,10 +1,10 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
-import { groupRelationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
+import { groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroups } from './useGroups';
+import { useGroups } from './useGroups.ts';
 
-import type { Group, GroupRelationship } from 'soapbox/schemas';
+import type { Group, GroupRelationship } from 'soapbox/schemas/index.ts';
 
 function useLeaveGroup(group: Group) {
   const { invalidate } = useGroups();
diff --git a/src/api/hooks/groups/useMuteGroup.ts b/src/api/hooks/groups/useMuteGroup.ts
index e31c7f4d1..1bef33e83 100644
--- a/src/api/hooks/groups/useMuteGroup.ts
+++ b/src/api/hooks/groups/useMuteGroup.ts
@@ -1,6 +1,6 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
-import { type Group, groupRelationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
+import { type Group, groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useMuteGroup(group?: Group) {
   const { createEntity, isSubmitting } = useEntityActions(
diff --git a/src/api/hooks/groups/usePendingGroups.test.ts b/src/api/hooks/groups/usePendingGroups.test.ts
index 5c39902e9..1a380f459 100644
--- a/src/api/hooks/groups/usePendingGroups.test.ts
+++ b/src/api/hooks/groups/usePendingGroups.test.ts
@@ -1,12 +1,12 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { Entities } from 'soapbox/entity-store/entities';
-import { buildAccount, buildGroup } from 'soapbox/jest/factory';
-import { renderHook, waitFor } from 'soapbox/jest/test-helpers';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { __stub } from 'soapbox/api/index.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { buildAccount, buildGroup } from 'soapbox/jest/factory.ts';
+import { renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import { usePendingGroups } from './usePendingGroups';
+import { usePendingGroups } from './usePendingGroups.ts';
 
 const id = '1';
 const group = buildGroup({ id, display_name: 'soapbox' });
diff --git a/src/api/hooks/groups/usePendingGroups.ts b/src/api/hooks/groups/usePendingGroups.ts
index be5d8c400..06c805362 100644
--- a/src/api/hooks/groups/usePendingGroups.ts
+++ b/src/api/hooks/groups/usePendingGroups.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures, useOwnAccount } from 'soapbox/hooks';
-import { Group, groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { Group, groupSchema } from 'soapbox/schemas/index.ts';
 
 function usePendingGroups() {
   const api = useApi();
diff --git a/src/api/hooks/groups/usePopularGroups.ts b/src/api/hooks/groups/usePopularGroups.ts
index 69b04e32f..57dde7cfa 100644
--- a/src/api/hooks/groups/usePopularGroups.ts
+++ b/src/api/hooks/groups/usePopularGroups.ts
@@ -1,11 +1,11 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { Group, groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { Group, groupSchema } from 'soapbox/schemas/index.ts';
 
-import { useApi } from '../../../hooks/useApi';
-import { useFeatures } from '../../../hooks/useFeatures';
+import { useApi } from '../../../hooks/useApi.ts';
+import { useFeatures } from '../../../hooks/useFeatures.ts';
 
-import { useGroupRelationships } from './useGroupRelationships';
+import { useGroupRelationships } from './useGroupRelationships.ts';
 
 function usePopularGroups() {
   const api = useApi();
diff --git a/src/api/hooks/groups/usePopularTags.ts b/src/api/hooks/groups/usePopularTags.ts
index e0ec2c550..2126a57d2 100644
--- a/src/api/hooks/groups/usePopularTags.ts
+++ b/src/api/hooks/groups/usePopularTags.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures } from 'soapbox/hooks';
-import { type GroupTag, groupTagSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { type GroupTag, groupTagSchema } from 'soapbox/schemas/index.ts';
 
 function usePopularTags() {
   const api = useApi();
diff --git a/src/api/hooks/groups/usePromoteGroupMember.ts b/src/api/hooks/groups/usePromoteGroupMember.ts
index 3d23dda62..36b09a6f9 100644
--- a/src/api/hooks/groups/usePromoteGroupMember.ts
+++ b/src/api/hooks/groups/usePromoteGroupMember.ts
@@ -1,10 +1,10 @@
 import { z } from 'zod';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
-import { groupMemberSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
+import { groupMemberSchema } from 'soapbox/schemas/index.ts';
 
-import type { Group, GroupMember } from 'soapbox/schemas';
+import type { Group, GroupMember } from 'soapbox/schemas/index.ts';
 
 function usePromoteGroupMember(group: Group, groupMember: GroupMember) {
   const { createEntity } = useEntityActions<GroupMember>(
diff --git a/src/api/hooks/groups/useSuggestedGroups.ts b/src/api/hooks/groups/useSuggestedGroups.ts
index 69fb71065..a54fbffd2 100644
--- a/src/api/hooks/groups/useSuggestedGroups.ts
+++ b/src/api/hooks/groups/useSuggestedGroups.ts
@@ -1,9 +1,9 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi, useFeatures } from 'soapbox/hooks';
-import { type Group, groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi, useFeatures } from 'soapbox/hooks/index.ts';
+import { type Group, groupSchema } from 'soapbox/schemas/index.ts';
 
-import { useGroupRelationships } from './useGroupRelationships';
+import { useGroupRelationships } from './useGroupRelationships.ts';
 
 function useSuggestedGroups() {
   const api = useApi();
diff --git a/src/api/hooks/groups/useUnmuteGroup.ts b/src/api/hooks/groups/useUnmuteGroup.ts
index 6c8768d25..9402b4a65 100644
--- a/src/api/hooks/groups/useUnmuteGroup.ts
+++ b/src/api/hooks/groups/useUnmuteGroup.ts
@@ -1,6 +1,6 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
-import { type Group, groupRelationshipSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
+import { type Group, groupRelationshipSchema } from 'soapbox/schemas/index.ts';
 
 function useUnmuteGroup(group?: Group) {
   const { createEntity, isSubmitting } = useEntityActions(
diff --git a/src/api/hooks/groups/useUpdateGroup.ts b/src/api/hooks/groups/useUpdateGroup.ts
index 129849514..da660e735 100644
--- a/src/api/hooks/groups/useUpdateGroup.ts
+++ b/src/api/hooks/groups/useUpdateGroup.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks/useApi';
-import { groupSchema } from 'soapbox/schemas';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { groupSchema } from 'soapbox/schemas/index.ts';
 
 interface UpdateGroupParams {
   display_name?: string;
diff --git a/src/api/hooks/groups/useUpdateGroupTag.ts b/src/api/hooks/groups/useUpdateGroupTag.ts
index 1c68c714d..203b4f4ca 100644
--- a/src/api/hooks/groups/useUpdateGroupTag.ts
+++ b/src/api/hooks/groups/useUpdateGroupTag.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
 
-import type { GroupTag } from 'soapbox/schemas';
+import type { GroupTag } from 'soapbox/schemas/index.ts';
 
 function useUpdateGroupTag(groupId: string, tagId: string) {
   const { updateEntity, ...rest } = useEntityActions<GroupTag>(
diff --git a/src/api/hooks/index.ts b/src/api/hooks/index.ts
index a3afe87a4..e5044ab74 100644
--- a/src/api/hooks/index.ts
+++ b/src/api/hooks/index.ts
@@ -1,61 +1,61 @@
 // Accounts
-export { useAccount } from './accounts/useAccount';
-export { useAccountLookup } from './accounts/useAccountLookup';
+export { useAccount } from './accounts/useAccount.ts';
+export { useAccountLookup } from './accounts/useAccountLookup.ts';
 export {
   useBlocks,
   useMutes,
   useFollowers,
   useFollowing,
-} from './accounts/useAccountList';
-export { useFollow } from './accounts/useFollow';
-export { useRelationships } from './accounts/useRelationships';
-export { usePatronUser } from './accounts/usePatronUser';
+} from './accounts/useAccountList.ts';
+export { useFollow } from './accounts/useFollow.ts';
+export { useRelationships } from './accounts/useRelationships.ts';
+export { usePatronUser } from './accounts/usePatronUser.ts';
 
 // Groups
-export { useBlockGroupMember } from './groups/useBlockGroupMember';
-export { useCancelMembershipRequest } from './groups/useCancelMembershipRequest';
-export { useCreateGroup, type CreateGroupParams } from './groups/useCreateGroup';
-export { useDeleteGroup } from './groups/useDeleteGroup';
-export { useDemoteGroupMember } from './groups/useDemoteGroupMember';
-export { useGroup } from './groups/useGroup';
-export { useGroupLookup } from './groups/useGroupLookup';
-export { useGroupMedia } from './groups/useGroupMedia';
-export { useGroupMembers } from './groups/useGroupMembers';
-export { useGroupMembershipRequests } from './groups/useGroupMembershipRequests';
-export { useGroupMutes } from './groups/useGroupMutes';
-export { useGroupRelationship } from './groups/useGroupRelationship';
-export { useGroupRelationships } from './groups/useGroupRelationships';
-export { useGroupSearch } from './groups/useGroupSearch';
-export { useGroupTag } from './groups/useGroupTag';
-export { useGroupTags } from './groups/useGroupTags';
-export { useGroupValidation } from './groups/useGroupValidation';
-export { useGroups } from './groups/useGroups';
-export { useGroupsFromTag } from './groups/useGroupsFromTag';
-export { useJoinGroup } from './groups/useJoinGroup';
-export { useMuteGroup } from './groups/useMuteGroup';
-export { useLeaveGroup } from './groups/useLeaveGroup';
-export { usePendingGroups } from './groups/usePendingGroups';
-export { usePopularGroups } from './groups/usePopularGroups';
-export { usePopularTags } from './groups/usePopularTags';
-export { usePromoteGroupMember } from './groups/usePromoteGroupMember';
-export { useSuggestedGroups } from './groups/useSuggestedGroups';
-export { useUnmuteGroup } from './groups/useUnmuteGroup';
-export { useUpdateGroup } from './groups/useUpdateGroup';
-export { useUpdateGroupTag } from './groups/useUpdateGroupTag';
+export { useBlockGroupMember } from './groups/useBlockGroupMember.ts';
+export { useCancelMembershipRequest } from './groups/useCancelMembershipRequest.ts';
+export { useCreateGroup, type CreateGroupParams } from './groups/useCreateGroup.ts';
+export { useDeleteGroup } from './groups/useDeleteGroup.ts';
+export { useDemoteGroupMember } from './groups/useDemoteGroupMember.ts';
+export { useGroup } from './groups/useGroup.ts';
+export { useGroupLookup } from './groups/useGroupLookup.ts';
+export { useGroupMedia } from './groups/useGroupMedia.ts';
+export { useGroupMembers } from './groups/useGroupMembers.ts';
+export { useGroupMembershipRequests } from './groups/useGroupMembershipRequests.ts';
+export { useGroupMutes } from './groups/useGroupMutes.ts';
+export { useGroupRelationship } from './groups/useGroupRelationship.ts';
+export { useGroupRelationships } from './groups/useGroupRelationships.ts';
+export { useGroupSearch } from './groups/useGroupSearch.ts';
+export { useGroupTag } from './groups/useGroupTag.ts';
+export { useGroupTags } from './groups/useGroupTags.ts';
+export { useGroupValidation } from './groups/useGroupValidation.ts';
+export { useGroups } from './groups/useGroups.ts';
+export { useGroupsFromTag } from './groups/useGroupsFromTag.ts';
+export { useJoinGroup } from './groups/useJoinGroup.ts';
+export { useMuteGroup } from './groups/useMuteGroup.ts';
+export { useLeaveGroup } from './groups/useLeaveGroup.ts';
+export { usePendingGroups } from './groups/usePendingGroups.ts';
+export { usePopularGroups } from './groups/usePopularGroups.ts';
+export { usePopularTags } from './groups/usePopularTags.ts';
+export { usePromoteGroupMember } from './groups/usePromoteGroupMember.ts';
+export { useSuggestedGroups } from './groups/useSuggestedGroups.ts';
+export { useUnmuteGroup } from './groups/useUnmuteGroup.ts';
+export { useUpdateGroup } from './groups/useUpdateGroup.ts';
+export { useUpdateGroupTag } from './groups/useUpdateGroupTag.ts';
 
 // Statuses
-export { useBookmarkFolders } from './statuses/useBookmarkFolders';
-export { useBookmarkFolder } from './statuses/useBookmarkFolder';
-export { useCreateBookmarkFolder } from './statuses/useCreateBookmarkFolder';
-export { useDeleteBookmarkFolder } from './statuses/useDeleteBookmarkFolder';
-export { useUpdateBookmarkFolder } from './statuses/useUpdateBookmarkFolder';
+export { useBookmarkFolders } from './statuses/useBookmarkFolders.ts';
+export { useBookmarkFolder } from './statuses/useBookmarkFolder.ts';
+export { useCreateBookmarkFolder } from './statuses/useCreateBookmarkFolder.ts';
+export { useDeleteBookmarkFolder } from './statuses/useDeleteBookmarkFolder.ts';
+export { useUpdateBookmarkFolder } from './statuses/useUpdateBookmarkFolder.ts';
 
 // Streaming
-export { useUserStream } from './streaming/useUserStream';
-export { useCommunityStream } from './streaming/useCommunityStream';
-export { usePublicStream } from './streaming/usePublicStream';
-export { useDirectStream } from './streaming/useDirectStream';
-export { useHashtagStream } from './streaming/useHashtagStream';
-export { useListStream } from './streaming/useListStream';
-export { useGroupStream } from './streaming/useGroupStream';
-export { useRemoteStream } from './streaming/useRemoteStream';
+export { useUserStream } from './streaming/useUserStream.ts';
+export { useCommunityStream } from './streaming/useCommunityStream.ts';
+export { usePublicStream } from './streaming/usePublicStream.ts';
+export { useDirectStream } from './streaming/useDirectStream.ts';
+export { useHashtagStream } from './streaming/useHashtagStream.ts';
+export { useListStream } from './streaming/useListStream.ts';
+export { useGroupStream } from './streaming/useGroupStream.ts';
+export { useRemoteStream } from './streaming/useRemoteStream.ts';
diff --git a/src/api/hooks/instance/useInstanceV1.ts b/src/api/hooks/instance/useInstanceV1.ts
index c1e802156..45b014fe9 100644
--- a/src/api/hooks/instance/useInstanceV1.ts
+++ b/src/api/hooks/instance/useInstanceV1.ts
@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { InstanceV1, instanceV1Schema } from 'soapbox/schemas/instance';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { InstanceV1, instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
 interface Opts {
   /** The base URL of the instance. */
diff --git a/src/api/hooks/instance/useInstanceV2.ts b/src/api/hooks/instance/useInstanceV2.ts
index 25b1de014..5667bf022 100644
--- a/src/api/hooks/instance/useInstanceV2.ts
+++ b/src/api/hooks/instance/useInstanceV2.ts
@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance.ts';
 
 interface Opts {
   /** The base URL of the instance. */
diff --git a/src/api/hooks/statuses/useBookmarkFolder.ts b/src/api/hooks/statuses/useBookmarkFolder.ts
index f81d9e7d1..dd5e5fc56 100644
--- a/src/api/hooks/statuses/useBookmarkFolder.ts
+++ b/src/api/hooks/statuses/useBookmarkFolder.ts
@@ -1,9 +1,9 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { selectEntity } from 'soapbox/entity-store/selectors';
-import { useAppSelector } from 'soapbox/hooks';
-import { type BookmarkFolder } from 'soapbox/schemas/bookmark-folder';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { selectEntity } from 'soapbox/entity-store/selectors.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { type BookmarkFolder } from 'soapbox/schemas/bookmark-folder.ts';
 
-import { useBookmarkFolders } from './useBookmarkFolders';
+import { useBookmarkFolders } from './useBookmarkFolders.ts';
 
 function useBookmarkFolder(folderId?: string) {
   const {
diff --git a/src/api/hooks/statuses/useBookmarkFolders.ts b/src/api/hooks/statuses/useBookmarkFolders.ts
index 77538a97a..c48ac9e15 100644
--- a/src/api/hooks/statuses/useBookmarkFolders.ts
+++ b/src/api/hooks/statuses/useBookmarkFolders.ts
@@ -1,8 +1,8 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntities } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { useFeatures } from 'soapbox/hooks/useFeatures';
-import { bookmarkFolderSchema, type BookmarkFolder } from 'soapbox/schemas/bookmark-folder';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntities } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { useFeatures } from 'soapbox/hooks/useFeatures.ts';
+import { bookmarkFolderSchema, type BookmarkFolder } from 'soapbox/schemas/bookmark-folder.ts';
 
 function useBookmarkFolders() {
   const api = useApi();
diff --git a/src/api/hooks/statuses/useCreateBookmarkFolder.ts b/src/api/hooks/statuses/useCreateBookmarkFolder.ts
index ded24ff97..477c1fe45 100644
--- a/src/api/hooks/statuses/useCreateBookmarkFolder.ts
+++ b/src/api/hooks/statuses/useCreateBookmarkFolder.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { bookmarkFolderSchema } from 'soapbox/schemas/bookmark-folder';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { bookmarkFolderSchema } from 'soapbox/schemas/bookmark-folder.ts';
 
 interface CreateBookmarkFolderParams {
   name: string;
diff --git a/src/api/hooks/statuses/useDeleteBookmarkFolder.ts b/src/api/hooks/statuses/useDeleteBookmarkFolder.ts
index cd8018c2d..cbfacd830 100644
--- a/src/api/hooks/statuses/useDeleteBookmarkFolder.ts
+++ b/src/api/hooks/statuses/useDeleteBookmarkFolder.ts
@@ -1,5 +1,5 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useEntityActions } from 'soapbox/entity-store/hooks';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useEntityActions } from 'soapbox/entity-store/hooks/index.ts';
 
 function useDeleteBookmarkFolder() {
   const { deleteEntity, isSubmitting } = useEntityActions(
diff --git a/src/api/hooks/statuses/useUpdateBookmarkFolder.ts b/src/api/hooks/statuses/useUpdateBookmarkFolder.ts
index 2e023b04b..d21aac1f9 100644
--- a/src/api/hooks/statuses/useUpdateBookmarkFolder.ts
+++ b/src/api/hooks/statuses/useUpdateBookmarkFolder.ts
@@ -1,7 +1,7 @@
-import { Entities } from 'soapbox/entity-store/entities';
-import { useCreateEntity } from 'soapbox/entity-store/hooks';
-import { useApi } from 'soapbox/hooks';
-import { bookmarkFolderSchema } from 'soapbox/schemas/bookmark-folder';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useCreateEntity } from 'soapbox/entity-store/hooks/index.ts';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { bookmarkFolderSchema } from 'soapbox/schemas/bookmark-folder.ts';
 
 interface UpdateBookmarkFolderParams {
   name: string;
diff --git a/src/api/hooks/streaming/useCommunityStream.ts b/src/api/hooks/streaming/useCommunityStream.ts
index ce00d4674..0ee8b3335 100644
--- a/src/api/hooks/streaming/useCommunityStream.ts
+++ b/src/api/hooks/streaming/useCommunityStream.ts
@@ -1,4 +1,4 @@
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 interface UseCommunityStreamOpts {
   onlyMedia?: boolean;
diff --git a/src/api/hooks/streaming/useDirectStream.ts b/src/api/hooks/streaming/useDirectStream.ts
index 972a5f769..cf343a09b 100644
--- a/src/api/hooks/streaming/useDirectStream.ts
+++ b/src/api/hooks/streaming/useDirectStream.ts
@@ -1,6 +1,6 @@
-import { useLoggedIn } from 'soapbox/hooks/useLoggedIn';
+import { useLoggedIn } from 'soapbox/hooks/useLoggedIn.ts';
 
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 function useDirectStream() {
   const { isLoggedIn } = useLoggedIn();
diff --git a/src/api/hooks/streaming/useGroupStream.ts b/src/api/hooks/streaming/useGroupStream.ts
index f9db3f69e..796953748 100644
--- a/src/api/hooks/streaming/useGroupStream.ts
+++ b/src/api/hooks/streaming/useGroupStream.ts
@@ -1,4 +1,4 @@
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 function useGroupStream(groupId: string) {
   return useTimelineStream(
diff --git a/src/api/hooks/streaming/useHashtagStream.ts b/src/api/hooks/streaming/useHashtagStream.ts
index 4f9483bad..788b3f3fd 100644
--- a/src/api/hooks/streaming/useHashtagStream.ts
+++ b/src/api/hooks/streaming/useHashtagStream.ts
@@ -1,4 +1,4 @@
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 function useHashtagStream(tag: string) {
   return useTimelineStream(
diff --git a/src/api/hooks/streaming/useListStream.ts b/src/api/hooks/streaming/useListStream.ts
index 661bdce4f..4b859b8d6 100644
--- a/src/api/hooks/streaming/useListStream.ts
+++ b/src/api/hooks/streaming/useListStream.ts
@@ -1,6 +1,6 @@
-import { useLoggedIn } from 'soapbox/hooks';
+import { useLoggedIn } from 'soapbox/hooks/index.ts';
 
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 function useListStream(listId: string) {
   const { isLoggedIn } = useLoggedIn();
diff --git a/src/api/hooks/streaming/usePublicStream.ts b/src/api/hooks/streaming/usePublicStream.ts
index 81c25bde4..cfc9e63af 100644
--- a/src/api/hooks/streaming/usePublicStream.ts
+++ b/src/api/hooks/streaming/usePublicStream.ts
@@ -1,4 +1,4 @@
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 interface UsePublicStreamOpts {
   onlyMedia?: boolean;
diff --git a/src/api/hooks/streaming/useRemoteStream.ts b/src/api/hooks/streaming/useRemoteStream.ts
index 6de560163..53fa36358 100644
--- a/src/api/hooks/streaming/useRemoteStream.ts
+++ b/src/api/hooks/streaming/useRemoteStream.ts
@@ -1,4 +1,4 @@
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
 interface UseRemoteStreamOpts {
   instance: string;
diff --git a/src/api/hooks/streaming/useTimelineStream.ts b/src/api/hooks/streaming/useTimelineStream.ts
index 97328f7ae..8225e1da3 100644
--- a/src/api/hooks/streaming/useTimelineStream.ts
+++ b/src/api/hooks/streaming/useTimelineStream.ts
@@ -1,8 +1,8 @@
 import { useEffect, useRef } from 'react';
 
-import { connectTimelineStream } from 'soapbox/actions/streaming';
-import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks';
-import { getAccessToken } from 'soapbox/utils/auth';
+import { connectTimelineStream } from 'soapbox/actions/streaming.ts';
+import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
+import { getAccessToken } from 'soapbox/utils/auth.ts';
 
 function useTimelineStream(...args: Parameters<typeof connectTimelineStream>) {
   // TODO: get rid of streaming.ts and move the actual opts here.
diff --git a/src/api/hooks/streaming/useUserStream.ts b/src/api/hooks/streaming/useUserStream.ts
index f068b3c1c..9554917bc 100644
--- a/src/api/hooks/streaming/useUserStream.ts
+++ b/src/api/hooks/streaming/useUserStream.ts
@@ -1,11 +1,11 @@
-import { expandNotifications } from 'soapbox/actions/notifications';
-import { expandHomeTimeline } from 'soapbox/actions/timelines';
-import { useStatContext } from 'soapbox/contexts/stat-context';
-import { useLoggedIn } from 'soapbox/hooks';
+import { expandNotifications } from 'soapbox/actions/notifications.ts';
+import { expandHomeTimeline } from 'soapbox/actions/timelines.ts';
+import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
+import { useLoggedIn } from 'soapbox/hooks/index.ts';
 
-import { useTimelineStream } from './useTimelineStream';
+import { useTimelineStream } from './useTimelineStream.ts';
 
-import type { AppDispatch } from 'soapbox/store';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 function useUserStream() {
   const { isLoggedIn } = useLoggedIn();
diff --git a/src/api/hooks/zap-split/useZapSplit.ts b/src/api/hooks/zap-split/useZapSplit.ts
index 94451e946..3261907fe 100644
--- a/src/api/hooks/zap-split/useZapSplit.ts
+++ b/src/api/hooks/zap-split/useZapSplit.ts
@@ -1,9 +1,9 @@
 import { useState, useEffect } from 'react';
 
-import { useApi } from 'soapbox/hooks';
-import { baseZapAccountSchema, type ZapSplitData } from 'soapbox/schemas/zap-split';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { baseZapAccountSchema, type ZapSplitData } from 'soapbox/schemas/zap-split.ts';
 
-import type { Account as AccountEntity, Status as StatusEntity   } from 'soapbox/types/entities';
+import type { Account as AccountEntity, Status as StatusEntity   } from 'soapbox/types/entities.ts';
 
 interface SplitValue {
   id: string;
diff --git a/src/api/index.ts b/src/api/index.ts
index 3e5f637a7..7a7e9aeaf 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -8,10 +8,10 @@ import axios, { type AxiosInstance, type AxiosResponse } from 'axios';
 import LinkHeader from 'http-link-header';
 import { createSelector } from 'reselect';
 
-import * as BuildConfig from 'soapbox/build-config';
-import { selectAccount } from 'soapbox/selectors';
-import { RootState } from 'soapbox/store';
-import { getAccessToken, getAppToken, isURL, parseBaseURL } from 'soapbox/utils/auth';
+import * as BuildConfig from 'soapbox/build-config.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { RootState } from 'soapbox/store.ts';
+import { getAccessToken, getAppToken, isURL, parseBaseURL } from 'soapbox/utils/auth.ts';
 
 import type MockAdapter from 'axios-mock-adapter';
 
diff --git a/src/build-config.ts b/src/build-config.ts
index c742a1212..d8799de7e 100644
--- a/src/build-config.ts
+++ b/src/build-config.ts
@@ -1,4 +1,4 @@
-import type { SoapboxEnv } from './build-config-compiletime';
+import type { SoapboxEnv } from './build-config-compiletime.ts';
 
 export const {
   NODE_ENV,
diff --git a/src/components/account-search.tsx b/src/components/account-search.tsx
index 673cd5d66..5b78a12b1 100644
--- a/src/components/account-search.tsx
+++ b/src/components/account-search.tsx
@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input';
+import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input.tsx';
 
-import SvgIcon from './ui/icon/svg-icon';
+import SvgIcon from './ui/icon/svg-icon.tsx';
 
 const messages = defineMessages({
   placeholder: { id: 'account_search.placeholder', defaultMessage: 'Search for an account' },
diff --git a/src/components/account.test.tsx b/src/components/account.test.tsx
index ef1c4cf74..69f984831 100644
--- a/src/components/account.test.tsx
+++ b/src/components/account.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { buildAccount } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Account from './account';
+import Account from './account.tsx';
 
 describe('<Account />', () => {
   it('renders account name and username', () => {
diff --git a/src/components/account.tsx b/src/components/account.tsx
index e19936af1..11e35dc78 100644
--- a/src/components/account.tsx
+++ b/src/components/account.tsx
@@ -3,19 +3,19 @@ import { useRef, useState } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
-import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import ActionButton from 'soapbox/features/ui/components/action-button';
-import { useAppSelector } from 'soapbox/hooks';
-import { getAcct } from 'soapbox/utils/accounts';
-import { displayFqn } from 'soapbox/utils/state';
+import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { getAcct } from 'soapbox/utils/accounts.ts';
+import { displayFqn } from 'soapbox/utils/state.ts';
 
-import Badge from './badge';
-import RelativeTimestamp from './relative-timestamp';
-import { Avatar, Emoji, HStack, Icon, IconButton, Stack, Text } from './ui';
+import Badge from './badge.tsx';
+import RelativeTimestamp from './relative-timestamp.tsx';
+import { Avatar, Emoji, HStack, Icon, IconButton, Stack, Text } from './ui/index.ts';
 
-import type { StatusApprovalStatus } from 'soapbox/normalizers/status';
-import type { Account as AccountSchema } from 'soapbox/schemas';
+import type { StatusApprovalStatus } from 'soapbox/normalizers/status.ts';
+import type { Account as AccountSchema } from 'soapbox/schemas/index.ts';
 
 interface IInstanceFavicon {
   account: AccountSchema;
diff --git a/src/components/animated-number.tsx b/src/components/animated-number.tsx
index 4fbe7eff2..123599246 100644
--- a/src/components/animated-number.tsx
+++ b/src/components/animated-number.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { FormattedNumber } from 'react-intl';
 import { TransitionMotion, spring } from 'react-motion';
 
-import { useSettings } from 'soapbox/hooks';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
 const obfuscatedCount = (count: number) => {
   if (count < 0) {
diff --git a/src/components/announcements/announcement-content.tsx b/src/components/announcements/announcement-content.tsx
index c1f8fb5d9..92dfb605f 100644
--- a/src/components/announcements/announcement-content.tsx
+++ b/src/components/announcements/announcement-content.tsx
@@ -1,9 +1,9 @@
 import { useEffect, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { getTextDirection } from 'soapbox/utils/rtl';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import type { Announcement as AnnouncementEntity, Mention as MentionEntity } from 'soapbox/schemas';
+import type { Announcement as AnnouncementEntity, Mention as MentionEntity } from 'soapbox/schemas/index.ts';
 
 interface IAnnouncementContent {
   announcement: AnnouncementEntity;
diff --git a/src/components/announcements/announcement.tsx b/src/components/announcements/announcement.tsx
index 47a4d420e..add848c7e 100644
--- a/src/components/announcements/announcement.tsx
+++ b/src/components/announcements/announcement.tsx
@@ -1,14 +1,14 @@
 import { FormattedDate } from 'react-intl';
 
-import { Stack, Text } from 'soapbox/components/ui';
-import { useFeatures } from 'soapbox/hooks';
-import { getTextDirection } from 'soapbox/utils/rtl';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import AnnouncementContent from './announcement-content';
-import ReactionsBar from './reactions-bar';
+import AnnouncementContent from './announcement-content.tsx';
+import ReactionsBar from './reactions-bar.tsx';
 
 import type { Map as ImmutableMap } from 'immutable';
-import type { Announcement as AnnouncementEntity } from 'soapbox/schemas';
+import type { Announcement as AnnouncementEntity } from 'soapbox/schemas/index.ts';
 
 interface IAnnouncement {
   announcement: AnnouncementEntity;
diff --git a/src/components/announcements/announcements-panel.tsx b/src/components/announcements/announcements-panel.tsx
index 5ef896b70..c72ece84c 100644
--- a/src/components/announcements/announcements-panel.tsx
+++ b/src/components/announcements/announcements-panel.tsx
@@ -5,13 +5,13 @@ import { FormattedMessage } from 'react-intl';
 import ReactSwipeableViews from 'react-swipeable-views';
 import { createSelector } from 'reselect';
 
-import { useAnnouncements } from 'soapbox/api/hooks/announcements';
-import { Card, HStack, Widget } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
+import { useAnnouncements } from 'soapbox/api/hooks/announcements/index.ts';
+import { Card, HStack, Widget } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import Announcement from './announcement';
+import Announcement from './announcement.tsx';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 const customEmojiMap = createSelector([(state: RootState) => state.custom_emojis], items => (items as ImmutableList<ImmutableMap<string, string>>).reduce((map, emoji) => map.set(emoji.get('shortcode')!, emoji), ImmutableMap<string, ImmutableMap<string, string>>()));
 
diff --git a/src/components/announcements/emoji.tsx b/src/components/announcements/emoji.tsx
index 1deddf26a..eb267038c 100644
--- a/src/components/announcements/emoji.tsx
+++ b/src/components/announcements/emoji.tsx
@@ -1,6 +1,6 @@
-import unicodeMapping from 'soapbox/features/emoji/mapping';
-import { useSettings } from 'soapbox/hooks';
-import { joinPublicPath } from 'soapbox/utils/static';
+import unicodeMapping from 'soapbox/features/emoji/mapping.ts';
+import { useSettings } from 'soapbox/hooks/index.ts';
+import { joinPublicPath } from 'soapbox/utils/static.ts';
 
 import type { Map as ImmutableMap } from 'immutable';
 
diff --git a/src/components/announcements/reaction.tsx b/src/components/announcements/reaction.tsx
index 23a6d1ef6..ad9c0704e 100644
--- a/src/components/announcements/reaction.tsx
+++ b/src/components/announcements/reaction.tsx
@@ -1,14 +1,14 @@
 import clsx from 'clsx';
 import { useState } from 'react';
 
-import { useAnnouncements } from 'soapbox/api/hooks/announcements';
-import AnimatedNumber from 'soapbox/components/animated-number';
-import unicodeMapping from 'soapbox/features/emoji/mapping';
+import { useAnnouncements } from 'soapbox/api/hooks/announcements/index.ts';
+import AnimatedNumber from 'soapbox/components/animated-number.tsx';
+import unicodeMapping from 'soapbox/features/emoji/mapping.ts';
 
-import Emoji from './emoji';
+import Emoji from './emoji.tsx';
 
 import type { Map as ImmutableMap } from 'immutable';
-import type { AnnouncementReaction } from 'soapbox/schemas';
+import type { AnnouncementReaction } from 'soapbox/schemas/index.ts';
 
 interface IReaction {
   announcementId: string;
diff --git a/src/components/announcements/reactions-bar.tsx b/src/components/announcements/reactions-bar.tsx
index ea778d408..ed4a5756a 100644
--- a/src/components/announcements/reactions-bar.tsx
+++ b/src/components/announcements/reactions-bar.tsx
@@ -1,15 +1,15 @@
 import clsx from 'clsx';
 import { TransitionMotion, spring } from 'react-motion';
 
-import { useAnnouncements } from 'soapbox/api/hooks/announcements';
-import EmojiPickerDropdown from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container';
-import { useSettings } from 'soapbox/hooks';
+import { useAnnouncements } from 'soapbox/api/hooks/announcements/index.ts';
+import EmojiPickerDropdown from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
-import Reaction from './reaction';
+import Reaction from './reaction.tsx';
 
 import type { Map as ImmutableMap } from 'immutable';
-import type { Emoji, NativeEmoji } from 'soapbox/features/emoji';
-import type { AnnouncementReaction } from 'soapbox/schemas';
+import type { Emoji, NativeEmoji } from 'soapbox/features/emoji/index.ts';
+import type { AnnouncementReaction } from 'soapbox/schemas/index.ts';
 
 interface IReactionsBar {
   announcementId: string;
diff --git a/src/components/attachment-thumbs.tsx b/src/components/attachment-thumbs.tsx
index 17fc301dc..a0a97a5c8 100644
--- a/src/components/attachment-thumbs.tsx
+++ b/src/components/attachment-thumbs.tsx
@@ -1,11 +1,11 @@
 import { Suspense } from 'react';
 
-import { openModal } from 'soapbox/actions/modals';
-import { MediaGallery } from 'soapbox/features/ui/util/async-components';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { MediaGallery } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import type { List as ImmutableList } from 'immutable';
-import type { Attachment } from 'soapbox/types/entities';
+import type { Attachment } from 'soapbox/types/entities.ts';
 
 interface IAttachmentThumbs {
   media: ImmutableList<Attachment>;
diff --git a/src/components/authorize-reject-buttons.tsx b/src/components/authorize-reject-buttons.tsx
index c06ddb2be..afdd356c8 100644
--- a/src/components/authorize-reject-buttons.tsx
+++ b/src/components/authorize-reject-buttons.tsx
@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { useEffect, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { HStack, IconButton, Text } from 'soapbox/components/ui';
+import { HStack, IconButton, Text } from 'soapbox/components/ui/index.ts';
 
 interface IAuthorizeRejectButtons {
   onAuthorize(): Promise<unknown> | unknown;
diff --git a/src/components/autosuggest-account-input.tsx b/src/components/autosuggest-account-input.tsx
index 843f419bb..95a0bf9e6 100644
--- a/src/components/autosuggest-account-input.tsx
+++ b/src/components/autosuggest-account-input.tsx
@@ -2,12 +2,12 @@ import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import throttle from 'lodash/throttle';
 import { useState, useRef, useCallback, useEffect } from 'react';
 
-import { accountSearch } from 'soapbox/actions/accounts';
-import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input';
-import { useAppDispatch } from 'soapbox/hooks';
+import { accountSearch } from 'soapbox/actions/accounts.ts';
+import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import type { Menu } from 'soapbox/components/dropdown-menu';
-import type { InputThemes } from 'soapbox/components/ui/input/input';
+import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
+import type { InputThemes } from 'soapbox/components/ui/input/input.tsx';
 
 const noOp = () => { };
 
diff --git a/src/components/autosuggest-emoji.test.tsx b/src/components/autosuggest-emoji.test.tsx
index 265866c31..289a6ee8e 100644
--- a/src/components/autosuggest-emoji.test.tsx
+++ b/src/components/autosuggest-emoji.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import AutosuggestEmoji from './autosuggest-emoji';
+import AutosuggestEmoji from './autosuggest-emoji.tsx';
 
 describe('<AutosuggestEmoji />', () => {
   it('renders native emoji', () => {
diff --git a/src/components/autosuggest-emoji.tsx b/src/components/autosuggest-emoji.tsx
index 35cc753f3..218d74012 100644
--- a/src/components/autosuggest-emoji.tsx
+++ b/src/components/autosuggest-emoji.tsx
@@ -1,8 +1,8 @@
-import { isCustomEmoji } from 'soapbox/features/emoji';
-import unicodeMapping from 'soapbox/features/emoji/mapping';
-import { joinPublicPath } from 'soapbox/utils/static';
+import { isCustomEmoji } from 'soapbox/features/emoji/index.ts';
+import unicodeMapping from 'soapbox/features/emoji/mapping.ts';
+import { joinPublicPath } from 'soapbox/utils/static.ts';
 
-import type { Emoji } from 'soapbox/features/emoji';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
 
 interface IAutosuggestEmoji {
   emoji: Emoji;
diff --git a/src/components/autosuggest-input.tsx b/src/components/autosuggest-input.tsx
index 5b9bd6373..75fb83c43 100644
--- a/src/components/autosuggest-input.tsx
+++ b/src/components/autosuggest-input.tsx
@@ -2,15 +2,15 @@ import clsx from 'clsx';
 import { List as ImmutableList } from 'immutable';
 import { PureComponent } from 'react';
 
-import AutosuggestEmoji from 'soapbox/components/autosuggest-emoji';
-import Icon from 'soapbox/components/icon';
-import { Input, Portal } from 'soapbox/components/ui';
-import AutosuggestAccount from 'soapbox/features/compose/components/autosuggest-account';
-import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions';
+import AutosuggestEmoji from 'soapbox/components/autosuggest-emoji.tsx';
+import Icon from 'soapbox/components/icon.tsx';
+import { Input, Portal } from 'soapbox/components/ui/index.ts';
+import AutosuggestAccount from 'soapbox/features/compose/components/autosuggest-account.tsx';
+import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions.ts';
 
-import type { Menu, MenuItem } from 'soapbox/components/dropdown-menu';
-import type { InputThemes } from 'soapbox/components/ui/input/input';
-import type { Emoji } from 'soapbox/features/emoji';
+import type { Menu, MenuItem } from 'soapbox/components/dropdown-menu/index.ts';
+import type { InputThemes } from 'soapbox/components/ui/input/input.tsx';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
 
 export type AutoSuggestion = string | Emoji;
 
diff --git a/src/components/autosuggest-location.tsx b/src/components/autosuggest-location.tsx
index 026af6b47..91315ae85 100644
--- a/src/components/autosuggest-location.tsx
+++ b/src/components/autosuggest-location.tsx
@@ -3,9 +3,9 @@ import homeIcon from '@tabler/icons/outline/home-2.svg';
 import mapPinIcon from '@tabler/icons/outline/map-pin.svg';
 import roadIcon from '@tabler/icons/outline/road.svg';
 
-import { useAppSelector } from 'soapbox/hooks';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { HStack, Icon, Stack, Text } from './ui';
+import { HStack, Icon, Stack, Text } from './ui/index.ts';
 
 export const ADDRESS_ICONS: Record<string, string> = {
   house: homeIcon,
diff --git a/src/components/avatar-stack.tsx b/src/components/avatar-stack.tsx
index 4636e3a5f..bd5339654 100644
--- a/src/components/avatar-stack.tsx
+++ b/src/components/avatar-stack.tsx
@@ -1,11 +1,11 @@
 import clsx from 'clsx';
 import { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
 
-import { Avatar, HStack } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetAccount } from 'soapbox/selectors';
+import { Avatar, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetAccount } from 'soapbox/selectors/index.ts';
 
-import type { Account } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/types/entities.ts';
 
 const getAccount = makeGetAccount();
 
diff --git a/src/components/badge.test.tsx b/src/components/badge.test.tsx
index ea858fb34..b0f0cbe40 100644
--- a/src/components/badge.test.tsx
+++ b/src/components/badge.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Badge from './badge';
+import Badge from './badge.tsx';
 
 describe('<Badge />', () => {
   it('renders correctly', () => {
diff --git a/src/components/badge.tsx b/src/components/badge.tsx
index 8f9d6112b..a1ff9d587 100644
--- a/src/components/badge.tsx
+++ b/src/components/badge.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { useMemo } from 'react';
 
-import { hexToHsl } from 'soapbox/utils/theme';
+import { hexToHsl } from 'soapbox/utils/theme.ts';
 
 interface IBadge {
   title: React.ReactNode;
diff --git a/src/components/big-card.tsx b/src/components/big-card.tsx
index 06c9459ac..77c8d5585 100644
--- a/src/components/big-card.tsx
+++ b/src/components/big-card.tsx
@@ -1,7 +1,7 @@
 import xIcon from '@tabler/icons/outline/x.svg';
 
-import { Card, CardBody, Stack, Text } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Card, CardBody, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 const closeIcon = xIcon;
 
diff --git a/src/components/birthday-input.tsx b/src/components/birthday-input.tsx
index bec19d1f5..634b5ef36 100644
--- a/src/components/birthday-input.tsx
+++ b/src/components/birthday-input.tsx
@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { useInstance, useFeatures } from 'soapbox/hooks';
+import { useInstance, useFeatures } from 'soapbox/hooks/index.ts';
 
-import { Datetime } from './ui/datetime/datetime';
+import { Datetime } from './ui/datetime/datetime.tsx';
 
 const messages = defineMessages({
   birthdayPlaceholder: { id: 'edit_profile.fields.birthday_placeholder', defaultMessage: 'Your birthday' },
diff --git a/src/components/birthday-panel.tsx b/src/components/birthday-panel.tsx
index dd4da5d42..a4ece93be 100644
--- a/src/components/birthday-panel.tsx
+++ b/src/components/birthday-panel.tsx
@@ -2,10 +2,10 @@ import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { useEffect, useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchBirthdayReminders } from 'soapbox/actions/accounts';
-import { Widget } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchBirthdayReminders } from 'soapbox/actions/accounts.ts';
+import { Widget } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const timeToMidnight = () => {
   const now = new Date();
diff --git a/src/components/copyable-input.tsx b/src/components/copyable-input.tsx
index 036209db7..b1ea4c926 100644
--- a/src/components/copyable-input.tsx
+++ b/src/components/copyable-input.tsx
@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Button, HStack, Input } from './ui';
+import { Button, HStack, Input } from './ui/index.ts';
 
 interface ICopyableInput {
   /** Text to be copied. */
diff --git a/src/components/display-name-inline.tsx b/src/components/display-name-inline.tsx
index 0db9fbc4b..67c75480b 100644
--- a/src/components/display-name-inline.tsx
+++ b/src/components/display-name-inline.tsx
@@ -1,11 +1,11 @@
-import { useSoapboxConfig } from 'soapbox/hooks';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import { getAcct } from '../utils/accounts';
+import { getAcct } from '../utils/accounts.ts';
 
-import { HStack, Text } from './ui';
-import VerificationBadge from './verification-badge';
+import { HStack, Text } from './ui/index.ts';
+import VerificationBadge from './verification-badge.tsx';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 interface IDisplayName {
   account: Pick<Account, 'id' | 'acct' | 'fqn' | 'verified' | 'display_name_html'>;
diff --git a/src/components/display-name.test.tsx b/src/components/display-name.test.tsx
index cfc10a9ed..a9ce14e41 100644
--- a/src/components/display-name.test.tsx
+++ b/src/components/display-name.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { buildAccount } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import DisplayName from './display-name';
+import DisplayName from './display-name.tsx';
 
 describe('<DisplayName />', () => {
   it('renders display name + account name', () => {
diff --git a/src/components/display-name.tsx b/src/components/display-name.tsx
index 36bb57c40..08abed015 100644
--- a/src/components/display-name.tsx
+++ b/src/components/display-name.tsx
@@ -1,12 +1,12 @@
-import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper';
-import { useSoapboxConfig } from 'soapbox/hooks';
+import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import { getAcct } from '../utils/accounts';
+import { getAcct } from '../utils/accounts.ts';
 
-import { HStack, Text } from './ui';
-import VerificationBadge from './verification-badge';
+import { HStack, Text } from './ui/index.ts';
+import VerificationBadge from './verification-badge.tsx';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 interface IDisplayName {
   account: Pick<Account, 'id' | 'acct' | 'fqn' | 'verified' | 'display_name_html'>;
diff --git a/src/components/domain.tsx b/src/components/domain.tsx
index a25a2ed06..bdb4e59a2 100644
--- a/src/components/domain.tsx
+++ b/src/components/domain.tsx
@@ -1,10 +1,10 @@
 import lockOpenIcon from '@tabler/icons/outline/lock-open.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { unblockDomain } from 'soapbox/actions/domain-blocks';
-import { useAppDispatch } from 'soapbox/hooks';
+import { unblockDomain } from 'soapbox/actions/domain-blocks.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { HStack, IconButton, Text } from './ui';
+import { HStack, IconButton, Text } from './ui/index.ts';
 
 const messages = defineMessages({
   blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },
diff --git a/src/components/dropdown-menu/dropdown-menu-item.tsx b/src/components/dropdown-menu/dropdown-menu-item.tsx
index 2db996589..41d17a885 100644
--- a/src/components/dropdown-menu/dropdown-menu-item.tsx
+++ b/src/components/dropdown-menu/dropdown-menu-item.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import { useEffect, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Counter, Icon } from '../ui';
+import { Counter, Icon } from 'soapbox/components/ui/index.ts';
 
 export interface MenuItem {
   action?: React.EventHandler<React.KeyboardEvent | React.MouseEvent>;
diff --git a/src/components/dropdown-menu/dropdown-menu.tsx b/src/components/dropdown-menu/dropdown-menu.tsx
index 59bba080d..3e9231264 100644
--- a/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/src/components/dropdown-menu/dropdown-menu.tsx
@@ -5,16 +5,16 @@ import { supportsPassiveEvents } from 'detect-passive-events';
 import { cloneElement, useEffect, useMemo, useRef, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { closeDropdownMenu as closeDropdownMenuRedux, openDropdownMenu } from 'soapbox/actions/dropdown-menu';
-import { closeModal, openModal } from 'soapbox/actions/modals';
-import { useAppDispatch } from 'soapbox/hooks';
-import { userTouching } from 'soapbox/is-mobile';
+import { closeDropdownMenu as closeDropdownMenuRedux, openDropdownMenu } from 'soapbox/actions/dropdown-menu.ts';
+import { closeModal, openModal } from 'soapbox/actions/modals.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { userTouching } from 'soapbox/is-mobile.ts';
 
-import { IconButton, Portal } from '../ui';
+import { IconButton, Portal } from '../ui/index.ts';
 
-import DropdownMenuItem, { MenuItem } from './dropdown-menu-item';
+import DropdownMenuItem, { MenuItem } from './dropdown-menu-item.tsx';
 
-import type { Status } from 'soapbox/types/entities';
+import type { Status } from 'soapbox/types/entities.ts';
 
 export type Menu = Array<MenuItem | null>;
 
diff --git a/src/components/dropdown-menu/index.ts b/src/components/dropdown-menu/index.ts
index 014166d01..780e5b9c7 100644
--- a/src/components/dropdown-menu/index.ts
+++ b/src/components/dropdown-menu/index.ts
@@ -1,3 +1,3 @@
-export { default } from './dropdown-menu';
-export type { Menu } from './dropdown-menu';
-export type { MenuItem } from './dropdown-menu-item';
\ No newline at end of file
+export { default } from './dropdown-menu.tsx';
+export type { Menu } from './dropdown-menu.tsx';
+export type { MenuItem } from './dropdown-menu-item.tsx';
\ No newline at end of file
diff --git a/src/components/emoji-graphic.tsx b/src/components/emoji-graphic.tsx
index 076133c7a..7ff4a0327 100644
--- a/src/components/emoji-graphic.tsx
+++ b/src/components/emoji-graphic.tsx
@@ -1,4 +1,4 @@
-import Emoji from 'soapbox/components/ui/emoji/emoji';
+import Emoji from 'soapbox/components/ui/emoji/emoji.tsx';
 
 interface IEmojiGraphic {
   emoji: string;
diff --git a/src/components/event-preview.tsx b/src/components/event-preview.tsx
index f22d80d8a..a58407147 100644
--- a/src/components/event-preview.tsx
+++ b/src/components/event-preview.tsx
@@ -3,15 +3,15 @@ import userIcon from '@tabler/icons/outline/user.svg';
 import clsx from 'clsx';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import EventActionButton from 'soapbox/features/event/components/event-action-button';
-import EventDate from 'soapbox/features/event/components/event-date';
-import { useAppSelector } from 'soapbox/hooks';
+import EventActionButton from 'soapbox/features/event/components/event-action-button.tsx';
+import EventDate from 'soapbox/features/event/components/event-date.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import Icon from './icon';
-import { Button, HStack, Stack, Text } from './ui';
-import VerificationBadge from './verification-badge';
+import Icon from './icon.tsx';
+import { Button, HStack, Stack, Text } from './ui/index.ts';
+import VerificationBadge from './verification-badge.tsx';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   eventBanner: { id: 'event.banner', defaultMessage: 'Event banner' },
diff --git a/src/components/extended-video-player.tsx b/src/components/extended-video-player.tsx
index bbab91384..ff37ce384 100644
--- a/src/components/extended-video-player.tsx
+++ b/src/components/extended-video-player.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-import { isIOS } from 'soapbox/is-mobile';
+import { isIOS } from 'soapbox/is-mobile.ts';
 
 interface IExtendedVideoPlayer {
   src: string;
diff --git a/src/components/gdpr-banner.tsx b/src/components/gdpr-banner.tsx
index 366b43359..06f5a3c6b 100644
--- a/src/components/gdpr-banner.tsx
+++ b/src/components/gdpr-banner.tsx
@@ -2,8 +2,8 @@ import clsx from 'clsx';
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Banner, Button, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useInstance, useSoapboxConfig } from 'soapbox/hooks';
+import { Banner, Button, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useInstance, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 const acceptedGdpr = !!localStorage.getItem('soapbox:gdpr');
 
diff --git a/src/components/group-card.tsx b/src/components/group-card.tsx
index dc68f5c74..abcb18dac 100644
--- a/src/components/group-card.tsx
+++ b/src/components/group-card.tsx
@@ -1,12 +1,12 @@
-import GroupHeaderImage from 'soapbox/features/group/components/group-header-image';
-import GroupMemberCount from 'soapbox/features/group/components/group-member-count';
-import GroupPrivacy from 'soapbox/features/group/components/group-privacy';
-import GroupRelationship from 'soapbox/features/group/components/group-relationship';
+import GroupHeaderImage from 'soapbox/features/group/components/group-header-image.tsx';
+import GroupMemberCount from 'soapbox/features/group/components/group-member-count.tsx';
+import GroupPrivacy from 'soapbox/features/group/components/group-privacy.tsx';
+import GroupRelationship from 'soapbox/features/group/components/group-relationship.tsx';
 
-import GroupAvatar from './groups/group-avatar';
-import { HStack, Stack, Text } from './ui';
+import GroupAvatar from './groups/group-avatar.tsx';
+import { HStack, Stack, Text } from './ui/index.ts';
 
-import type { Group as GroupEntity } from 'soapbox/types/entities';
+import type { Group as GroupEntity } from 'soapbox/types/entities.ts';
 
 interface IGroupCard {
   group: GroupEntity;
diff --git a/src/components/groups/group-avatar.tsx b/src/components/groups/group-avatar.tsx
index 856c63fa7..acfc92e2b 100644
--- a/src/components/groups/group-avatar.tsx
+++ b/src/components/groups/group-avatar.tsx
@@ -1,10 +1,9 @@
 import clsx from 'clsx';
 
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { Avatar } from 'soapbox/components/ui/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 
-import { Avatar } from '../ui';
-
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 interface IGroupAvatar {
   group: Group;
diff --git a/src/components/groups/popover/group-popover.tsx b/src/components/groups/popover/group-popover.tsx
index 232a37278..6a2884d80 100644
--- a/src/components/groups/popover/group-popover.tsx
+++ b/src/components/groups/popover/group-popover.tsx
@@ -1,13 +1,13 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { Link, matchPath, useHistory } from 'react-router-dom';
 
-import { Button, Divider, HStack, Popover, Stack, Text } from 'soapbox/components/ui';
-import GroupMemberCount from 'soapbox/features/group/components/group-member-count';
-import GroupPrivacy from 'soapbox/features/group/components/group-privacy';
+import { Button, Divider, HStack, Popover, Stack, Text } from 'soapbox/components/ui/index.ts';
+import GroupMemberCount from 'soapbox/features/group/components/group-member-count.tsx';
+import GroupPrivacy from 'soapbox/features/group/components/group-privacy.tsx';
 
-import GroupAvatar from '../group-avatar';
+import GroupAvatar from '../group-avatar.tsx';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 interface IGroupPopoverContainer {
   children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
diff --git a/src/components/hashtag-link.tsx b/src/components/hashtag-link.tsx
index 420f8f33a..9f1437e03 100644
--- a/src/components/hashtag-link.tsx
+++ b/src/components/hashtag-link.tsx
@@ -1,4 +1,4 @@
-import Link from './link';
+import Link from './link.tsx';
 
 interface IHashtagLink {
   hashtag: string;
diff --git a/src/components/hashtag.tsx b/src/components/hashtag.tsx
index 098993c1c..d8475baaa 100644
--- a/src/components/hashtag.tsx
+++ b/src/components/hashtag.tsx
@@ -2,11 +2,11 @@ import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { Sparklines, SparklinesCurve } from 'react-sparklines';
 
-import { shortNumberFormat } from '../utils/numbers';
+import { shortNumberFormat } from '../utils/numbers.tsx';
 
-import { HStack, Stack, Text } from './ui';
+import { HStack, Stack, Text } from './ui/index.ts';
 
-import type { Tag } from 'soapbox/types/entities';
+import type { Tag } from 'soapbox/types/entities.ts';
 
 interface IHashtag {
   hashtag: Tag;
diff --git a/src/components/helmet.tsx b/src/components/helmet.tsx
index 0412bb6d5..286ad79dd 100644
--- a/src/components/helmet.tsx
+++ b/src/components/helmet.tsx
@@ -1,10 +1,10 @@
 import { useMemo, useEffect } from 'react';
 import { Helmet as ReactHelmet } from 'react-helmet';
 
-import { useStatContext } from 'soapbox/contexts/stat-context';
-import { useAppSelector, useInstance, useSettings } from 'soapbox/hooks';
-import { RootState } from 'soapbox/store';
-import FaviconService from 'soapbox/utils/favicon-service';
+import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
+import { useAppSelector, useInstance, useSettings } from 'soapbox/hooks/index.ts';
+import { RootState } from 'soapbox/store.ts';
+import FaviconService from 'soapbox/utils/favicon-service.ts';
 
 FaviconService.initFaviconService();
 
diff --git a/src/components/hover-ref-wrapper.tsx b/src/components/hover-ref-wrapper.tsx
index d822d1b0c..4e175533b 100644
--- a/src/components/hover-ref-wrapper.tsx
+++ b/src/components/hover-ref-wrapper.tsx
@@ -2,13 +2,13 @@ import clsx from 'clsx';
 import debounce from 'lodash/debounce';
 import { useRef } from 'react';
 
-import { fetchAccount } from 'soapbox/actions/accounts';
+import { fetchAccount } from 'soapbox/actions/accounts.ts';
 import {
   openProfileHoverCard,
   closeProfileHoverCard,
-} from 'soapbox/actions/profile-hover-card';
-import { useAppDispatch } from 'soapbox/hooks';
-import { isMobile } from 'soapbox/is-mobile';
+} from 'soapbox/actions/profile-hover-card.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { isMobile } from 'soapbox/is-mobile.ts';
 
 const showProfileHoverCard = debounce((dispatch, ref, accountId) => {
   dispatch(openProfileHoverCard(ref, accountId));
diff --git a/src/components/hover-status-wrapper.tsx b/src/components/hover-status-wrapper.tsx
index 5f6ff4420..bc3b5cab1 100644
--- a/src/components/hover-status-wrapper.tsx
+++ b/src/components/hover-status-wrapper.tsx
@@ -6,8 +6,8 @@ import { useDispatch } from 'react-redux';
 import {
   openStatusHoverCard,
   closeStatusHoverCard,
-} from 'soapbox/actions/status-hover-card';
-import { isMobile } from 'soapbox/is-mobile';
+} from 'soapbox/actions/status-hover-card.ts';
+import { isMobile } from 'soapbox/is-mobile.ts';
 
 const showStatusHoverCard = debounce((dispatch, ref, statusId) => {
   dispatch(openStatusHoverCard(ref, statusId));
diff --git a/src/components/icon-button.tsx b/src/components/icon-button.tsx
index 0cd96dec1..fea0c49f5 100644
--- a/src/components/icon-button.tsx
+++ b/src/components/icon-button.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import Icon from 'soapbox/components/icon';
+import Icon from 'soapbox/components/icon.tsx';
 
 interface IIconButton extends Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'disabled' | 'onClick' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onMouseDown' | 'onMouseEnter' | 'onMouseLeave' | 'tabIndex' | 'title'> {
   active?: boolean;
diff --git a/src/components/icon-with-counter.tsx b/src/components/icon-with-counter.tsx
index ae77c5a93..7ccf29234 100644
--- a/src/components/icon-with-counter.tsx
+++ b/src/components/icon-with-counter.tsx
@@ -1,5 +1,5 @@
-import Icon, { IIcon } from 'soapbox/components/icon';
-import { Counter } from 'soapbox/components/ui';
+import Icon, { IIcon } from 'soapbox/components/icon.tsx';
+import { Counter } from 'soapbox/components/ui/index.ts';
 
 interface IIconWithCounter extends React.HTMLAttributes<HTMLDivElement> {
   count: number;
diff --git a/src/components/list.tsx b/src/components/list.tsx
index 20d662345..3f0567c9e 100644
--- a/src/components/list.tsx
+++ b/src/components/list.tsx
@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { Children, cloneElement, isValidElement, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 
-import { SelectDropdown } from '../features/forms';
+import { SelectDropdown } from '../features/forms/index.tsx';
 
-import { Icon, HStack, Select } from './ui';
+import { Icon, HStack, Select } from './ui/index.ts';
 
 interface IList {
   children: React.ReactNode;
diff --git a/src/components/load-gap.tsx b/src/components/load-gap.tsx
index 2be5f19d9..8df07f224 100644
--- a/src/components/load-gap.tsx
+++ b/src/components/load-gap.tsx
@@ -1,7 +1,7 @@
 import dotsIcon from '@tabler/icons/outline/dots.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
+import Icon from 'soapbox/components/icon.tsx';
 
 const messages = defineMessages({
   load_more: { id: 'status.load_more', defaultMessage: 'Load more' },
diff --git a/src/components/load-more.tsx b/src/components/load-more.tsx
index 359f948df..354c445ea 100644
--- a/src/components/load-more.tsx
+++ b/src/components/load-more.tsx
@@ -1,6 +1,6 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Button } from 'soapbox/components/ui';
+import { Button } from 'soapbox/components/ui/index.ts';
 
 interface ILoadMore {
   onClick: React.MouseEventHandler;
diff --git a/src/components/loading-screen.tsx b/src/components/loading-screen.tsx
index d3c76043e..248e3bbd3 100644
--- a/src/components/loading-screen.tsx
+++ b/src/components/loading-screen.tsx
@@ -1,5 +1,5 @@
-import LandingGradient from 'soapbox/components/landing-gradient';
-import { Spinner } from 'soapbox/components/ui';
+import LandingGradient from 'soapbox/components/landing-gradient.tsx';
+import { Spinner } from 'soapbox/components/ui/index.ts';
 
 /** Fullscreen loading indicator. */
 const LoadingScreen: React.FC = () => {
diff --git a/src/components/location-search.tsx b/src/components/location-search.tsx
index 2415c91c0..ca476f8a3 100644
--- a/src/components/location-search.tsx
+++ b/src/components/location-search.tsx
@@ -6,12 +6,12 @@ import throttle from 'lodash/throttle';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { locationSearch } from 'soapbox/actions/events';
-import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input';
-import Icon from 'soapbox/components/icon';
-import { useAppDispatch } from 'soapbox/hooks';
+import { locationSearch } from 'soapbox/actions/events.ts';
+import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
+import Icon from 'soapbox/components/icon.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import AutosuggestLocation from './autosuggest-location';
+import AutosuggestLocation from './autosuggest-location.tsx';
 
 const noOp = () => {};
 
diff --git a/src/components/markup.tsx b/src/components/markup.tsx
index bdc91700b..19901d0b5 100644
--- a/src/components/markup.tsx
+++ b/src/components/markup.tsx
@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 
-import Text, { IText } from './ui/text/text';
+import Text, { IText } from './ui/text/text.tsx';
 import './markup.css';
 
 interface IMarkup extends IText {
diff --git a/src/components/media-gallery.tsx b/src/components/media-gallery.tsx
index 5f6273037..3beebbb22 100644
--- a/src/components/media-gallery.tsx
+++ b/src/components/media-gallery.tsx
@@ -3,17 +3,17 @@ import volumeIcon from '@tabler/icons/outline/volume.svg';
 import clsx from 'clsx';
 import { useState, useRef, useLayoutEffect, CSSProperties } from 'react';
 
-import Blurhash from 'soapbox/components/blurhash';
-import StillImage from 'soapbox/components/still-image';
-import { MIMETYPE_ICONS } from 'soapbox/components/upload';
-import { useSettings, useSoapboxConfig } from 'soapbox/hooks';
-import { Attachment } from 'soapbox/types/entities';
-import { truncateFilename } from 'soapbox/utils/media';
+import Blurhash from 'soapbox/components/blurhash.tsx';
+import StillImage from 'soapbox/components/still-image.tsx';
+import { MIMETYPE_ICONS } from 'soapbox/components/upload.tsx';
+import { useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { Attachment } from 'soapbox/types/entities.ts';
+import { truncateFilename } from 'soapbox/utils/media.ts';
 
-import { isIOS } from '../is-mobile';
-import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media-aspect-ratio';
+import { isIOS } from '../is-mobile.ts';
+import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media-aspect-ratio.ts';
 
-import SvgIcon from './ui/icon/svg-icon';
+import SvgIcon from './ui/icon/svg-icon.tsx';
 
 import type { List as ImmutableList } from 'immutable';
 
diff --git a/src/components/mention.tsx b/src/components/mention.tsx
index ffb024256..c6fe5f251 100644
--- a/src/components/mention.tsx
+++ b/src/components/mention.tsx
@@ -1,10 +1,10 @@
 import { Link } from 'react-router-dom';
 
-import { shortenNostr } from 'soapbox/utils/nostr';
+import { shortenNostr } from 'soapbox/utils/nostr.ts';
 
-import { Tooltip } from './ui';
+import { Tooltip } from './ui/index.ts';
 
-import type { Mention as MentionEntity } from 'soapbox/schemas';
+import type { Mention as MentionEntity } from 'soapbox/schemas/index.ts';
 
 interface IMention {
   mention: Pick<MentionEntity, 'acct' | 'username'>;
diff --git a/src/components/missing-indicator.tsx b/src/components/missing-indicator.tsx
index 7ff67dd23..caeab19d3 100644
--- a/src/components/missing-indicator.tsx
+++ b/src/components/missing-indicator.tsx
@@ -1,6 +1,6 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Card, CardBody, Stack, Text } from './ui';
+import { Card, CardBody, Stack, Text } from './ui/index.ts';
 
 interface MissingIndicatorProps {
   nested?: boolean;
diff --git a/src/components/modal-root.tsx b/src/components/modal-root.tsx
index 1b4ab3278..31388efd0 100644
--- a/src/components/modal-root.tsx
+++ b/src/components/modal-root.tsx
@@ -4,14 +4,14 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { cancelReplyCompose } from 'soapbox/actions/compose';
-import { cancelEventCompose } from 'soapbox/actions/events';
-import { openModal, closeModal } from 'soapbox/actions/modals';
-import { useAppDispatch, usePrevious } from 'soapbox/hooks';
+import { cancelReplyCompose } from 'soapbox/actions/compose.ts';
+import { cancelEventCompose } from 'soapbox/actions/events.ts';
+import { openModal, closeModal } from 'soapbox/actions/modals.ts';
+import { useAppDispatch, usePrevious } from 'soapbox/hooks/index.ts';
 
-import type { ModalType } from 'soapbox/features/ui/components/modal-root';
-import type { ReducerCompose } from 'soapbox/reducers/compose';
-import type { ReducerRecord as ReducerComposeEvent } from 'soapbox/reducers/compose-event';
+import type { ModalType } from 'soapbox/features/ui/components/modal-root.tsx';
+import type { ReducerRecord as ReducerComposeEvent } from 'soapbox/reducers/compose-event.ts';
+import type { ReducerCompose } from 'soapbox/reducers/compose.ts';
 
 const messages = defineMessages({
   confirm: { id: 'confirmations.cancel.confirm', defaultMessage: 'Discard' },
diff --git a/src/components/navlinks.tsx b/src/components/navlinks.tsx
index 81aa37ad5..560aa9988 100644
--- a/src/components/navlinks.tsx
+++ b/src/components/navlinks.tsx
@@ -1,7 +1,7 @@
 import { Link } from 'react-router-dom';
 
-import { Text } from 'soapbox/components/ui';
-import { useSettings, useSoapboxConfig } from 'soapbox/hooks';
+import { Text } from 'soapbox/components/ui/index.ts';
+import { useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 interface INavlinks {
   type: string;
diff --git a/src/components/pending-items-row.tsx b/src/components/pending-items-row.tsx
index 5fc0a7637..5381ddc39 100644
--- a/src/components/pending-items-row.tsx
+++ b/src/components/pending-items-row.tsx
@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui';
+import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
 
 interface IPendingItemsRow {
   /** Path to navigate the user when clicked. */
diff --git a/src/components/polls/poll-footer.test.tsx b/src/components/polls/poll-footer.test.tsx
index 39dd4ba18..38c0761b9 100644
--- a/src/components/polls/poll-footer.test.tsx
+++ b/src/components/polls/poll-footer.test.tsx
@@ -3,11 +3,11 @@ import { IntlProvider } from 'react-intl';
 import { Provider } from 'react-redux';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { mockStore, render, screen, rootState } from 'soapbox/jest/test-helpers';
-import { type Poll } from 'soapbox/schemas';
+import { __stub } from 'soapbox/api/index.ts';
+import { mockStore, render, screen, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { type Poll } from 'soapbox/schemas/index.ts';
 
-import PollFooter from './poll-footer';
+import PollFooter from './poll-footer.tsx';
 
 let poll: Poll = {
   id: '1',
diff --git a/src/components/polls/poll-footer.tsx b/src/components/polls/poll-footer.tsx
index 827bb8128..c00789099 100644
--- a/src/components/polls/poll-footer.tsx
+++ b/src/components/polls/poll-footer.tsx
@@ -1,12 +1,11 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchPoll, vote } from 'soapbox/actions/polls';
-import { useAppDispatch } from 'soapbox/hooks';
+import { fetchPoll, vote } from 'soapbox/actions/polls.ts';
+import RelativeTimestamp from 'soapbox/components/relative-timestamp.tsx';
+import { Button, HStack, Stack, Text, Tooltip } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import RelativeTimestamp from '../relative-timestamp';
-import { Button, HStack, Stack, Text, Tooltip } from '../ui';
-
-import type { Poll as PollEntity } from 'soapbox/types/entities';
+import type { Poll as PollEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   closed: { id: 'poll.closed', defaultMessage: 'Closed' },
diff --git a/src/components/polls/poll-option.tsx b/src/components/polls/poll-option.tsx
index 049960750..6064e2ba6 100644
--- a/src/components/polls/poll-option.tsx
+++ b/src/components/polls/poll-option.tsx
@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 import { Motion, presets, spring } from 'react-motion';
 
-import { HStack, Icon, Text } from '../ui';
+import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
 
 import type {
   Poll as PollEntity,
diff --git a/src/components/polls/poll.tsx b/src/components/polls/poll.tsx
index add1c349f..8895b0a16 100644
--- a/src/components/polls/poll.tsx
+++ b/src/components/polls/poll.tsx
@@ -1,14 +1,13 @@
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { vote } from 'soapbox/actions/polls';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { vote } from 'soapbox/actions/polls.ts';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { Stack, Text } from '../ui';
-
-import PollFooter from './poll-footer';
-import PollOption from './poll-option';
+import PollFooter from './poll-footer.tsx';
+import PollOption from './poll-option.tsx';
 
 interface IPoll {
   id: string;
diff --git a/src/components/preview-card.tsx b/src/components/preview-card.tsx
index 445678c27..d579d7cd6 100644
--- a/src/components/preview-card.tsx
+++ b/src/components/preview-card.tsx
@@ -6,13 +6,13 @@ import clsx from 'clsx';
 import { List as ImmutableList } from 'immutable';
 import { useState, useEffect } from 'react';
 
-import Blurhash from 'soapbox/components/blurhash';
-import { HStack, Stack, Text, Icon } from 'soapbox/components/ui';
-import { normalizeAttachment } from 'soapbox/normalizers';
-import { addAutoPlay } from 'soapbox/utils/media';
-import { getTextDirection } from 'soapbox/utils/rtl';
+import Blurhash from 'soapbox/components/blurhash.tsx';
+import { HStack, Stack, Text, Icon } from 'soapbox/components/ui/index.ts';
+import { normalizeAttachment } from 'soapbox/normalizers/index.ts';
+import { addAutoPlay } from 'soapbox/utils/media.ts';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import type { Card as CardEntity, Attachment } from 'soapbox/types/entities';
+import type { Card as CardEntity, Attachment } from 'soapbox/types/entities.ts';
 
 /** Props for `PreviewCard`. */
 interface IPreviewCard {
diff --git a/src/components/profile-hover-card.tsx b/src/components/profile-hover-card.tsx
index 01039de16..23b6191a2 100644
--- a/src/components/profile-hover-card.tsx
+++ b/src/components/profile-hover-card.tsx
@@ -5,23 +5,24 @@ import { useEffect, useState } from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { fetchRelationships } from 'soapbox/actions/accounts';
+
+import { fetchRelationships } from 'soapbox/actions/accounts.ts';
 import {
   closeProfileHoverCard,
   updateProfileHoverCard,
-} from 'soapbox/actions/profile-hover-card';
-import { useAccount, usePatronUser } from 'soapbox/api/hooks';
-import Badge from 'soapbox/components/badge';
-import ActionButton from 'soapbox/features/ui/components/action-button';
-import { UserPanel } from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+} from 'soapbox/actions/profile-hover-card.ts';
+import { useAccount, usePatronUser } from 'soapbox/api/hooks/index.ts';
+import Badge from 'soapbox/components/badge.tsx';
+import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
+import { UserPanel } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { showProfileHoverCard } from './hover-ref-wrapper';
-import { dateFormatOptions } from './relative-timestamp';
-import { Card, CardBody, HStack, Icon, Stack, Text } from './ui';
+import { showProfileHoverCard } from './hover-ref-wrapper.tsx';
+import { dateFormatOptions } from './relative-timestamp.tsx';
+import { Card, CardBody, HStack, Icon, Stack, Text } from './ui/index.ts';
 
-import type { Account, PatronUser } from 'soapbox/schemas';
-import type { AppDispatch } from 'soapbox/store';
+import type { Account, PatronUser } from 'soapbox/schemas/index.ts';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 const getBadges = (
   account?: Pick<Account, 'admin' | 'moderator'>,
diff --git a/src/components/pull-to-refresh.tsx b/src/components/pull-to-refresh.tsx
index 45e6fe443..39642ce39 100644
--- a/src/components/pull-to-refresh.tsx
+++ b/src/components/pull-to-refresh.tsx
@@ -1,6 +1,6 @@
 import PTRComponent from 'react-simple-pull-to-refresh';
 
-import { Spinner } from 'soapbox/components/ui';
+import { Spinner } from 'soapbox/components/ui/index.ts';
 
 interface IPullToRefresh {
   onRefresh?: () => Promise<any>;
diff --git a/src/components/pullable.tsx b/src/components/pullable.tsx
index d04eb00ef..d98a3158d 100644
--- a/src/components/pullable.tsx
+++ b/src/components/pullable.tsx
@@ -1,4 +1,4 @@
-import PullToRefresh from './pull-to-refresh';
+import PullToRefresh from './pull-to-refresh.tsx';
 
 interface IPullable {
   children: React.ReactNode;
diff --git a/src/components/quoted-status-indicator.tsx b/src/components/quoted-status-indicator.tsx
index b310fd358..d761e1da6 100644
--- a/src/components/quoted-status-indicator.tsx
+++ b/src/components/quoted-status-indicator.tsx
@@ -1,9 +1,9 @@
 import quoteIcon from '@tabler/icons/outline/quote.svg';
 import { useCallback } from 'react';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IQuotedStatusIndicator {
   /** The quoted status id. */
diff --git a/src/components/quoted-status.test.tsx b/src/components/quoted-status.test.tsx
index 6f29e8748..49dde1a8e 100644
--- a/src/components/quoted-status.test.tsx
+++ b/src/components/quoted-status.test.tsx
@@ -1,11 +1,11 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen, rootState } from 'soapbox/jest/test-helpers';
-import { normalizeStatus, normalizeAccount } from 'soapbox/normalizers';
+import { render, screen, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeStatus, normalizeAccount } from 'soapbox/normalizers/index.ts';
 
-import QuotedStatus from './quoted-status';
+import QuotedStatus from './quoted-status.tsx';
 
-import type { ReducerStatus } from 'soapbox/reducers/statuses';
+import type { ReducerStatus } from 'soapbox/reducers/statuses.ts';
 
 describe('<QuotedStatus />', () => {
   it('renders content', () => {
diff --git a/src/components/quoted-status.tsx b/src/components/quoted-status.tsx
index 42a84a238..654c016c5 100644
--- a/src/components/quoted-status.tsx
+++ b/src/components/quoted-status.tsx
@@ -4,20 +4,20 @@ import { MouseEventHandler, useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import StatusMedia from 'soapbox/components/status-media';
-import { Stack } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useSettings } from 'soapbox/hooks';
-import { defaultMediaVisibility } from 'soapbox/utils/status';
+import StatusMedia from 'soapbox/components/status-media.tsx';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useSettings } from 'soapbox/hooks/index.ts';
+import { defaultMediaVisibility } from 'soapbox/utils/status.ts';
 
-import EventPreview from './event-preview';
-import OutlineBox from './outline-box';
-import QuotedStatusIndicator from './quoted-status-indicator';
-import StatusContent from './status-content';
-import StatusReplyMentions from './status-reply-mentions';
-import SensitiveContentOverlay from './statuses/sensitive-content-overlay';
+import EventPreview from './event-preview.tsx';
+import OutlineBox from './outline-box.tsx';
+import QuotedStatusIndicator from './quoted-status-indicator.tsx';
+import StatusContent from './status-content.tsx';
+import StatusReplyMentions from './status-reply-mentions.tsx';
+import SensitiveContentOverlay from './statuses/sensitive-content-overlay.tsx';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   cancel: { id: 'reply_indicator.cancel', defaultMessage: 'Cancel' },
diff --git a/src/components/radio.tsx b/src/components/radio.tsx
index d17920ffa..806bc8a8e 100644
--- a/src/components/radio.tsx
+++ b/src/components/radio.tsx
@@ -1,6 +1,6 @@
 import { Children, cloneElement } from 'react';
 
-import List, { ListItem } from './list';
+import List, { ListItem } from './list.tsx';
 
 interface IRadioGroup {
   onChange: React.ChangeEventHandler;
diff --git a/src/components/relative-timestamp.tsx b/src/components/relative-timestamp.tsx
index a1ea72123..27633fd3f 100644
--- a/src/components/relative-timestamp.tsx
+++ b/src/components/relative-timestamp.tsx
@@ -1,7 +1,7 @@
 import { Component } from 'react';
 import { injectIntl, defineMessages, IntlShape, FormatDateOptions } from 'react-intl';
 
-import Text, { IText } from './ui/text/text';
+import Text, { IText } from './ui/text/text.tsx';
 
 const messages = defineMessages({
   just_now: { id: 'relative_time.just_now', defaultMessage: 'now' },
diff --git a/src/components/scroll-top-button.test.tsx b/src/components/scroll-top-button.test.tsx
index 387e9c843..0acba26fb 100644
--- a/src/components/scroll-top-button.test.tsx
+++ b/src/components/scroll-top-button.test.tsx
@@ -1,9 +1,9 @@
 import { defineMessages } from 'react-intl';
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import ScrollTopButton from './scroll-top-button';
+import ScrollTopButton from './scroll-top-button.tsx';
 
 const messages = defineMessages({
   queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },
diff --git a/src/components/scroll-top-button.tsx b/src/components/scroll-top-button.tsx
index 5e564aa2d..b74c98d8d 100644
--- a/src/components/scroll-top-button.tsx
+++ b/src/components/scroll-top-button.tsx
@@ -3,8 +3,8 @@ import throttle from 'lodash/throttle';
 import { useState, useEffect, useCallback } from 'react';
 import { useIntl, MessageDescriptor } from 'react-intl';
 
-import { Icon, Text } from 'soapbox/components/ui';
-import { useSettings } from 'soapbox/hooks';
+import { Icon, Text } from 'soapbox/components/ui/index.ts';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
 interface IScrollTopButton {
   /** Callback when clicked, and also when scrolled to the top. */
diff --git a/src/components/scrollable-list.tsx b/src/components/scrollable-list.tsx
index 33ccb52ad..254e66c5b 100644
--- a/src/components/scrollable-list.tsx
+++ b/src/components/scrollable-list.tsx
@@ -3,10 +3,10 @@ import { useEffect, useRef, useMemo, useCallback, forwardRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import { Virtuoso, Components, VirtuosoProps, VirtuosoHandle, ListRange, IndexLocationWithAlign } from 'react-virtuoso';
 
-import { useSettings } from 'soapbox/hooks';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
-import LoadMore from './load-more';
-import { Card, Spinner } from './ui';
+import LoadMore from './load-more.tsx';
+import { Card, Spinner } from './ui/index.ts';
 
 /** Custom Viruoso component context. */
 type Context = {
diff --git a/src/components/sentry-feedback-form.tsx b/src/components/sentry-feedback-form.tsx
index 07dee7f79..559417119 100644
--- a/src/components/sentry-feedback-form.tsx
+++ b/src/components/sentry-feedback-form.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Textarea, Form, Button, FormGroup, FormActions, Text } from 'soapbox/components/ui';
-import { useOwnAccount } from 'soapbox/hooks';
-import { captureSentryFeedback } from 'soapbox/sentry';
+import { Textarea, Form, Button, FormGroup, FormActions, Text } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { captureSentryFeedback } from 'soapbox/sentry.ts';
 
 interface ISentryFeedbackForm {
   eventId: string;
diff --git a/src/components/sidebar-menu.tsx b/src/components/sidebar-menu.tsx
index bf2dc3108..e2648f53a 100644
--- a/src/components/sidebar-menu.tsx
+++ b/src/components/sidebar-menu.tsx
@@ -21,18 +21,18 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { Link, NavLink } from 'react-router-dom';
 
-import { fetchOwnAccounts, logOut, switchAccount } from 'soapbox/actions/auth';
-import { getSettings } from 'soapbox/actions/settings';
-import { closeSidebar } from 'soapbox/actions/sidebar';
-import { useAccount } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import { Stack, Divider, HStack, Icon, IconButton, Text } from 'soapbox/components/ui';
-import ProfileStats from 'soapbox/features/ui/components/profile-stats';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks';
-import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications';
-import { makeGetOtherAccounts } from 'soapbox/selectors';
+import { fetchOwnAccounts, logOut, switchAccount } from 'soapbox/actions/auth.ts';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { closeSidebar } from 'soapbox/actions/sidebar.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import { Stack, Divider, HStack, Icon, IconButton, Text } from 'soapbox/components/ui/index.ts';
+import ProfileStats from 'soapbox/features/ui/components/profile-stats.tsx';
+import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
+import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';
+import { makeGetOtherAccounts } from 'soapbox/selectors/index.ts';
 
-import type { Account as AccountEntity } from 'soapbox/schemas/account';
+import type { Account as AccountEntity } from 'soapbox/schemas/account.ts';
 
 const messages = defineMessages({
   followers: { id: 'account.followers', defaultMessage: 'Followers' },
diff --git a/src/components/sidebar-navigation-link.tsx b/src/components/sidebar-navigation-link.tsx
index 944985704..0b3ec8ded 100644
--- a/src/components/sidebar-navigation-link.tsx
+++ b/src/components/sidebar-navigation-link.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { NavLink, useLocation } from 'react-router-dom';
 
-import { Icon, Text } from './ui';
+import { Icon, Text } from './ui/index.ts';
 
 interface ISidebarNavigationLink {
   /** Notification count, if any. */
diff --git a/src/components/sidebar-navigation.tsx b/src/components/sidebar-navigation.tsx
index 68783d639..3045c64e7 100644
--- a/src/components/sidebar-navigation.tsx
+++ b/src/components/sidebar-navigation.tsx
@@ -22,14 +22,14 @@ import userIcon from '@tabler/icons/outline/user.svg';
 import worldIcon from '@tabler/icons/outline/world.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { Stack } from 'soapbox/components/ui';
-import { useStatContext } from 'soapbox/contexts/stat-context';
-import ComposeButton from 'soapbox/features/ui/components/compose-button';
-import { useAppSelector, useFeatures, useOwnAccount, useSettings, useInstance } from 'soapbox/hooks';
-import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
+import ComposeButton from 'soapbox/features/ui/components/compose-button.tsx';
+import { useAppSelector, useFeatures, useOwnAccount, useSettings, useInstance } from 'soapbox/hooks/index.ts';
+import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';
 
-import DropdownMenu, { Menu } from './dropdown-menu';
-import SidebarNavigationLink from './sidebar-navigation-link';
+import DropdownMenu, { Menu } from './dropdown-menu/index.ts';
+import SidebarNavigationLink from './sidebar-navigation-link.tsx';
 
 const messages = defineMessages({
   follow_requests: { id: 'navigation_bar.follow_requests', defaultMessage: 'Follow requests' },
diff --git a/src/components/site-error-boundary.tsx b/src/components/site-error-boundary.tsx
index 27b99dd1d..489efe91b 100644
--- a/src/components/site-error-boundary.tsx
+++ b/src/components/site-error-boundary.tsx
@@ -2,16 +2,16 @@ import { type ErrorInfo, useRef, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { FormattedMessage } from 'react-intl';
 
-import { NODE_ENV } from 'soapbox/build-config';
-import { HStack, Text, Stack, Textarea } from 'soapbox/components/ui';
-import { useSoapboxConfig } from 'soapbox/hooks';
-import { captureSentryException } from 'soapbox/sentry';
-import KVStore from 'soapbox/storage/kv-store';
-import sourceCode from 'soapbox/utils/code';
-import { unregisterSW } from 'soapbox/utils/sw';
+import { NODE_ENV } from 'soapbox/build-config.ts';
+import { HStack, Text, Stack, Textarea } from 'soapbox/components/ui/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { captureSentryException } from 'soapbox/sentry.ts';
+import KVStore from 'soapbox/storage/kv-store.ts';
+import sourceCode from 'soapbox/utils/code.ts';
+import { unregisterSW } from 'soapbox/utils/sw.ts';
 
-import SentryFeedbackForm from './sentry-feedback-form';
-import SiteLogo from './site-logo';
+import SentryFeedbackForm from './sentry-feedback-form.tsx';
+import SiteLogo from './site-logo.tsx';
 
 interface ISiteErrorBoundary {
   children: React.ReactNode;
diff --git a/src/components/site-logo.tsx b/src/components/site-logo.tsx
index 9a21043a9..4b1ebc323 100644
--- a/src/components/site-logo.tsx
+++ b/src/components/site-logo.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx';
 
 import soapboxLogoWhiteSrc from 'soapbox/assets/images/soapbox-logo-white.svg';
 import soapboxLogoSrc from 'soapbox/assets/images/soapbox-logo.svg';
-import { useSoapboxConfig, useSettings, useTheme } from 'soapbox/hooks';
+import { useSoapboxConfig, useSettings, useTheme } from 'soapbox/hooks/index.ts';
 
 interface ISiteLogo extends React.ComponentProps<'img'> {
   /** Extra class names for the <img> element. */
diff --git a/src/components/status-action-bar.tsx b/src/components/status-action-bar.tsx
index e80cd1993..77202324a 100644
--- a/src/components/status-action-bar.tsx
+++ b/src/components/status-action-bar.tsx
@@ -33,33 +33,33 @@ import volume3Icon from '@tabler/icons/outline/volume-3.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 
-import { blockAccount } from 'soapbox/actions/accounts';
-import { launchChat } from 'soapbox/actions/chats';
-import { directCompose, mentionCompose, quoteCompose, replyCompose } from 'soapbox/actions/compose';
-import { editEvent } from 'soapbox/actions/events';
-import { pinToGroup, toggleBookmark, toggleDislike, toggleFavourite, togglePin, toggleReblog, unpinFromGroup } from 'soapbox/actions/interactions';
-import { openModal } from 'soapbox/actions/modals';
-import { deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation';
-import { initMuteModal } from 'soapbox/actions/mutes';
-import { initReport, ReportableEntities } from 'soapbox/actions/reports';
-import { deleteStatus, editStatus, toggleMuteStatus } from 'soapbox/actions/statuses';
-import { deleteFromTimelines } from 'soapbox/actions/timelines';
-import { useBlockGroupMember, useGroup, useGroupRelationship, useMuteGroup, useUnmuteGroup } from 'soapbox/api/hooks';
-import { useDeleteGroupStatus } from 'soapbox/api/hooks/groups/useDeleteGroupStatus';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import StatusActionButton from 'soapbox/components/status-action-button';
-import StatusReactionWrapper from 'soapbox/components/status-reaction-wrapper';
-import { HStack } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
-import copy from 'soapbox/utils/copy';
-import { getReactForStatus, reduceEmoji } from 'soapbox/utils/emoji-reacts';
+import { blockAccount } from 'soapbox/actions/accounts.ts';
+import { launchChat } from 'soapbox/actions/chats.ts';
+import { directCompose, mentionCompose, quoteCompose, replyCompose } from 'soapbox/actions/compose.ts';
+import { editEvent } from 'soapbox/actions/events.ts';
+import { pinToGroup, toggleBookmark, toggleDislike, toggleFavourite, togglePin, toggleReblog, unpinFromGroup } from 'soapbox/actions/interactions.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation.tsx';
+import { initMuteModal } from 'soapbox/actions/mutes.ts';
+import { initReport, ReportableEntities } from 'soapbox/actions/reports.ts';
+import { deleteStatus, editStatus, toggleMuteStatus } from 'soapbox/actions/statuses.ts';
+import { deleteFromTimelines } from 'soapbox/actions/timelines.ts';
+import { useDeleteGroupStatus } from 'soapbox/api/hooks/groups/useDeleteGroupStatus.ts';
+import { useBlockGroupMember, useGroup, useGroupRelationship, useMuteGroup, useUnmuteGroup } from 'soapbox/api/hooks/index.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import StatusActionButton from 'soapbox/components/status-action-button.tsx';
+import StatusReactionWrapper from 'soapbox/components/status-reaction-wrapper.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
+import copy from 'soapbox/utils/copy.ts';
+import { getReactForStatus, reduceEmoji } from 'soapbox/utils/emoji-reacts.ts';
 
-import GroupPopover from './groups/popover/group-popover';
+import GroupPopover from './groups/popover/group-popover.tsx';
 
-import type { Menu } from 'soapbox/components/dropdown-menu';
-import type { Group, Status } from 'soapbox/types/entities';
+import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
+import type { Group, Status } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   adminAccount: { id: 'status.admin_account', defaultMessage: 'Moderate @{name}' },
diff --git a/src/components/status-action-button.tsx b/src/components/status-action-button.tsx
index e175b233f..7a15462ad 100644
--- a/src/components/status-action-button.tsx
+++ b/src/components/status-action-button.tsx
@@ -1,10 +1,10 @@
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 
-import { Text, Icon, Emoji } from 'soapbox/components/ui';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { Text, Icon, Emoji } from 'soapbox/components/ui/index.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
-import type { EmojiReaction } from 'soapbox/schemas';
+import type { EmojiReaction } from 'soapbox/schemas/index.ts';
 
 const COLORS = {
   accent: 'accent',
diff --git a/src/components/status-content.tsx b/src/components/status-content.tsx
index 24b1ee4d7..26f1ce128 100644
--- a/src/components/status-content.tsx
+++ b/src/components/status-content.tsx
@@ -4,18 +4,18 @@ import parse, { Element, type HTMLReactParserOptions, domToReact, type DOMNode }
 import { useState, useRef, useLayoutEffect, useMemo, memo } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
-import { onlyEmoji as isOnlyEmoji } from 'soapbox/utils/rich-content';
+import Icon from 'soapbox/components/icon.tsx';
+import { onlyEmoji as isOnlyEmoji } from 'soapbox/utils/rich-content.ts';
 
-import { getTextDirection } from '../utils/rtl';
+import { getTextDirection } from '../utils/rtl.ts';
 
-import HashtagLink from './hashtag-link';
-import Markup from './markup';
-import Mention from './mention';
-import Poll from './polls/poll';
+import HashtagLink from './hashtag-link.tsx';
+import Markup from './markup.tsx';
+import Mention from './mention.tsx';
+import Poll from './polls/poll.tsx';
 
-import type { Sizes } from 'soapbox/components/ui/text/text';
-import type { Status } from 'soapbox/types/entities';
+import type { Sizes } from 'soapbox/components/ui/text/text.tsx';
+import type { Status } from 'soapbox/types/entities.ts';
 
 const MAX_HEIGHT = 642; // 20px * 32 (+ 2px padding at the top)
 const BIG_EMOJI_LIMIT = 10;
diff --git a/src/components/status-hover-card.tsx b/src/components/status-hover-card.tsx
index 7daa342f5..0093cdfdb 100644
--- a/src/components/status-hover-card.tsx
+++ b/src/components/status-hover-card.tsx
@@ -6,13 +6,13 @@ import { useHistory } from 'react-router-dom';
 import {
   closeStatusHoverCard,
   updateStatusHoverCard,
-} from 'soapbox/actions/status-hover-card';
-import { fetchStatus } from 'soapbox/actions/statuses';
-import StatusContainer from 'soapbox/containers/status-container';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+} from 'soapbox/actions/status-hover-card.ts';
+import { fetchStatus } from 'soapbox/actions/statuses.ts';
+import StatusContainer from 'soapbox/containers/status-container.tsx';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { showStatusHoverCard } from './hover-status-wrapper';
-import { Card, CardBody } from './ui';
+import { showStatusHoverCard } from './hover-status-wrapper.tsx';
+import { Card, CardBody } from './ui/index.ts';
 
 interface IStatusHoverCard {
   visible?: boolean;
diff --git a/src/components/status-list.tsx b/src/components/status-list.tsx
index 769c1cdf5..b634b703f 100644
--- a/src/components/status-list.tsx
+++ b/src/components/status-list.tsx
@@ -3,17 +3,17 @@ import debounce from 'lodash/debounce';
 import { useRef, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import LoadGap from 'soapbox/components/load-gap';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import StatusContainer from 'soapbox/containers/status-container';
-import FeedSuggestions from 'soapbox/features/feed-suggestions/feed-suggestions';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import PendingStatus from 'soapbox/features/ui/components/pending-status';
-import { useSoapboxConfig } from 'soapbox/hooks';
+import LoadGap from 'soapbox/components/load-gap.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import StatusContainer from 'soapbox/containers/status-container.tsx';
+import FeedSuggestions from 'soapbox/features/feed-suggestions/feed-suggestions.tsx';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import PendingStatus from 'soapbox/features/ui/components/pending-status.tsx';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import type { VirtuosoHandle } from 'react-virtuoso';
-import type { IScrollableList } from 'soapbox/components/scrollable-list';
+import type { IScrollableList } from 'soapbox/components/scrollable-list.tsx';
 
 interface IStatusList extends Omit<IScrollableList, 'onLoadMore' | 'children'> {
   /** Unique key to preserve the scroll position when navigating back. */
diff --git a/src/components/status-media.tsx b/src/components/status-media.tsx
index cc82eed80..ad725ed1c 100644
--- a/src/components/status-media.tsx
+++ b/src/components/status-media.tsx
@@ -1,15 +1,16 @@
 import { Suspense } from 'react';
 
-import { openModal } from 'soapbox/actions/modals';
-import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
-import PreviewCard from 'soapbox/components/preview-card';
-import { GroupLinkPreview } from 'soapbox/features/groups/components/group-link-preview';
-import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card';
-import { MediaGallery, Video, Audio } from 'soapbox/features/ui/util/async-components';
-import { useAppDispatch } from 'soapbox/hooks';
+
+import { openModal } from 'soapbox/actions/modals.ts';
+import AttachmentThumbs from 'soapbox/components/attachment-thumbs.tsx';
+import PreviewCard from 'soapbox/components/preview-card.tsx';
+import { GroupLinkPreview } from 'soapbox/features/groups/components/group-link-preview.tsx';
+import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card.tsx';
+import { MediaGallery, Video, Audio } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import type { List as ImmutableList } from 'immutable';
-import type { Status, Attachment } from 'soapbox/types/entities';
+import type { Status, Attachment } from 'soapbox/types/entities.ts';
 
 interface IStatusMedia {
   /** Status entity to render media for. */
diff --git a/src/components/status-reaction-wrapper.tsx b/src/components/status-reaction-wrapper.tsx
index db3109ea4..ab76dd866 100644
--- a/src/components/status-reaction-wrapper.tsx
+++ b/src/components/status-reaction-wrapper.tsx
@@ -1,11 +1,11 @@
 import { useState, useEffect, useRef, cloneElement } from 'react';
 
-import { simpleEmojiReact } from 'soapbox/actions/emoji-reacts';
-import { openModal } from 'soapbox/actions/modals';
-import { EmojiSelector, Portal } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig } from 'soapbox/hooks';
-import { userTouching } from 'soapbox/is-mobile';
-import { getReactForStatus } from 'soapbox/utils/emoji-reacts';
+import { simpleEmojiReact } from 'soapbox/actions/emoji-reacts.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { EmojiSelector, Portal } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { userTouching } from 'soapbox/is-mobile.ts';
+import { getReactForStatus } from 'soapbox/utils/emoji-reacts.ts';
 
 interface IStatusReactionWrapper {
   statusId: string;
diff --git a/src/components/status-reply-mentions.tsx b/src/components/status-reply-mentions.tsx
index 06df6338c..5179d8e7e 100644
--- a/src/components/status-reply-mentions.tsx
+++ b/src/components/status-reply-mentions.tsx
@@ -1,13 +1,13 @@
 import { FormattedList, FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper';
-import HoverStatusWrapper from 'soapbox/components/hover-status-wrapper';
-import { useAppDispatch } from 'soapbox/hooks';
-import { shortenNostr } from 'soapbox/utils/nostr';
+import { openModal } from 'soapbox/actions/modals.ts';
+import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import HoverStatusWrapper from 'soapbox/components/hover-status-wrapper.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { shortenNostr } from 'soapbox/utils/nostr.ts';
 
-import type { Status } from 'soapbox/types/entities';
+import type { Status } from 'soapbox/types/entities.ts';
 
 interface IStatusReplyMentions {
   status: Status;
diff --git a/src/components/status.test.tsx b/src/components/status.test.tsx
index e78d805f4..b5dec5eb7 100644
--- a/src/components/status.test.tsx
+++ b/src/components/status.test.tsx
@@ -1,12 +1,12 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
-import { render, screen, rootState } from 'soapbox/jest/test-helpers';
-import { normalizeStatus } from 'soapbox/normalizers';
+import { buildAccount } from 'soapbox/jest/factory.ts';
+import { render, screen, rootState } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
 
-import Status from './status';
+import Status from './status.tsx';
 
-import type { ReducerStatus } from 'soapbox/reducers/statuses';
+import type { ReducerStatus } from 'soapbox/reducers/statuses.ts';
 
 const account = buildAccount({
   id: '1',
diff --git a/src/components/status.tsx b/src/components/status.tsx
index 577bdd2f9..45d146504 100644
--- a/src/components/status.tsx
+++ b/src/components/status.tsx
@@ -6,28 +6,28 @@ import { useEffect, useRef, useState } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
-import { mentionCompose, replyCompose } from 'soapbox/actions/compose';
-import { toggleFavourite, toggleReblog } from 'soapbox/actions/interactions';
-import { openModal } from 'soapbox/actions/modals';
-import { toggleStatusHidden, unfilterStatus } from 'soapbox/actions/statuses';
-import TranslateButton from 'soapbox/components/translate-button';
-import AccountContainer from 'soapbox/containers/account-container';
-import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container';
-import { HotKeys } from 'soapbox/features/ui/components/hotkeys';
-import { useAppDispatch, useSettings } from 'soapbox/hooks';
-import { defaultMediaVisibility, textForScreenReader, getActualStatus } from 'soapbox/utils/status';
+import { mentionCompose, replyCompose } from 'soapbox/actions/compose.ts';
+import { toggleFavourite, toggleReblog } from 'soapbox/actions/interactions.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { toggleStatusHidden, unfilterStatus } from 'soapbox/actions/statuses.ts';
+import TranslateButton from 'soapbox/components/translate-button.tsx';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container.tsx';
+import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
+import { useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
+import { defaultMediaVisibility, textForScreenReader, getActualStatus } from 'soapbox/utils/status.ts';
 
-import EventPreview from './event-preview';
-import StatusActionBar from './status-action-bar';
-import StatusContent from './status-content';
-import StatusMedia from './status-media';
-import StatusReplyMentions from './status-reply-mentions';
-import SensitiveContentOverlay from './statuses/sensitive-content-overlay';
-import StatusInfo from './statuses/status-info';
-import Tombstone from './tombstone';
-import { Card, Icon, Stack, Text } from './ui';
+import EventPreview from './event-preview.tsx';
+import StatusActionBar from './status-action-bar.tsx';
+import StatusContent from './status-content.tsx';
+import StatusMedia from './status-media.tsx';
+import StatusReplyMentions from './status-reply-mentions.tsx';
+import SensitiveContentOverlay from './statuses/sensitive-content-overlay.tsx';
+import StatusInfo from './statuses/status-info.tsx';
+import Tombstone from './tombstone.tsx';
+import { Card, Icon, Stack, Text } from './ui/index.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 // Defined in components/scrollable-list
 export type ScrollPosition = { height: number; top: number };
diff --git a/src/components/statuses/sensitive-content-overlay.test.tsx b/src/components/statuses/sensitive-content-overlay.test.tsx
index b998321cc..7b49c5618 100644
--- a/src/components/statuses/sensitive-content-overlay.test.tsx
+++ b/src/components/statuses/sensitive-content-overlay.test.tsx
@@ -1,11 +1,11 @@
 import { Map as ImmutableMap } from 'immutable';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { fireEvent, render, rootState, screen } from 'soapbox/jest/test-helpers';
-import { normalizeStatus } from 'soapbox/normalizers';
-import { ReducerStatus } from 'soapbox/reducers/statuses';
+import { fireEvent, render, rootState, screen } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
+import { ReducerStatus } from 'soapbox/reducers/statuses.ts';
 
-import SensitiveContentOverlay from './sensitive-content-overlay';
+import SensitiveContentOverlay from './sensitive-content-overlay.tsx';
 
 describe('<SensitiveContentOverlay />', () => {
   let status: ReducerStatus;
diff --git a/src/components/statuses/sensitive-content-overlay.tsx b/src/components/statuses/sensitive-content-overlay.tsx
index d1aedcf67..4268f513b 100644
--- a/src/components/statuses/sensitive-content-overlay.tsx
+++ b/src/components/statuses/sensitive-content-overlay.tsx
@@ -7,15 +7,15 @@ import clsx from 'clsx';
 import { forwardRef, useEffect, useMemo, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { deleteStatus } from 'soapbox/actions/statuses';
-import { useAppDispatch, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks';
-import { defaultMediaVisibility } from 'soapbox/utils/status';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { deleteStatus } from 'soapbox/actions/statuses.ts';
+import { useAppDispatch, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { defaultMediaVisibility } from 'soapbox/utils/status.ts';
 
-import DropdownMenu from '../dropdown-menu';
-import { Button, HStack, Text } from '../ui';
+import DropdownMenu from '../dropdown-menu/index.ts';
+import { Button, HStack, Text } from '../ui/index.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   delete: { id: 'status.delete', defaultMessage: 'Delete' },
diff --git a/src/components/statuses/status-info.tsx b/src/components/statuses/status-info.tsx
index 288c5e018..289112a8d 100644
--- a/src/components/statuses/status-info.tsx
+++ b/src/components/statuses/status-info.tsx
@@ -1,4 +1,4 @@
-import { HStack, Text } from '../ui';
+import { HStack, Text } from 'soapbox/components/ui/index.ts';
 
 interface IStatusInfo {
   avatarSize: number;
diff --git a/src/components/still-image.tsx b/src/components/still-image.tsx
index 3f788de12..f142e7c35 100644
--- a/src/components/still-image.tsx
+++ b/src/components/still-image.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { useRef } from 'react';
 
-import { useSettings } from 'soapbox/hooks';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
 export interface IStillImage {
   /** Image alt text. */
diff --git a/src/components/thumb-navigation-link.tsx b/src/components/thumb-navigation-link.tsx
index e395d5884..83792f0fd 100644
--- a/src/components/thumb-navigation-link.tsx
+++ b/src/components/thumb-navigation-link.tsx
@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import { NavLink, useLocation } from 'react-router-dom';
 
-import IconWithCounter from 'soapbox/components/icon-with-counter';
-import { Icon, Text } from 'soapbox/components/ui';
+import IconWithCounter from 'soapbox/components/icon-with-counter.tsx';
+import { Icon, Text } from 'soapbox/components/ui/index.ts';
 
 interface IThumbNavigationLink {
   count?: number;
diff --git a/src/components/thumb-navigation.tsx b/src/components/thumb-navigation.tsx
index 21f4805f2..cfa577c42 100644
--- a/src/components/thumb-navigation.tsx
+++ b/src/components/thumb-navigation.tsx
@@ -11,9 +11,9 @@ import messagesIcon from '@tabler/icons/outline/messages.svg';
 import searchIcon from '@tabler/icons/outline/search.svg';
 import { FormattedMessage } from 'react-intl';
 
-import ThumbNavigationLink from 'soapbox/components/thumb-navigation-link';
-import { useStatContext } from 'soapbox/contexts/stat-context';
-import { useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';
+import ThumbNavigationLink from 'soapbox/components/thumb-navigation-link.tsx';
+import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
+import { useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
 
 const ThumbNavigation: React.FC = (): JSX.Element => {
   const { account } = useOwnAccount();
diff --git a/src/components/tombstone.tsx b/src/components/tombstone.tsx
index b11142b94..a0094adc0 100644
--- a/src/components/tombstone.tsx
+++ b/src/components/tombstone.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Text } from 'soapbox/components/ui';
-import { HotKeys } from 'soapbox/features/ui/components/hotkeys';
+import { Text } from 'soapbox/components/ui/index.ts';
+import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
 
 interface ITombstone {
   id: string;
diff --git a/src/components/translate-button.tsx b/src/components/translate-button.tsx
index 71b425d32..ddb250c5e 100644
--- a/src/components/translate-button.tsx
+++ b/src/components/translate-button.tsx
@@ -1,12 +1,12 @@
 import languageIcon from '@tabler/icons/outline/language.svg';
 import { FormattedMessage, useIntl } from 'react-intl';
 
-import { translateStatus, undoStatusTranslation } from 'soapbox/actions/statuses';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks';
+import { translateStatus, undoStatusTranslation } from 'soapbox/actions/statuses.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
 
-import { Stack, Button, Text } from './ui';
+import { Stack, Button, Text } from './ui/index.ts';
 
-import type { Status } from 'soapbox/types/entities';
+import type { Status } from 'soapbox/types/entities.ts';
 
 interface ITranslateButton {
   status: Status;
diff --git a/src/components/ui/accordion/accordion.tsx b/src/components/ui/accordion/accordion.tsx
index ca301a813..4c0a89d41 100644
--- a/src/components/ui/accordion/accordion.tsx
+++ b/src/components/ui/accordion/accordion.tsx
@@ -4,13 +4,13 @@ import dotsVerticalIcon from '@tabler/icons/outline/dots-vertical.svg';
 import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 
-import DropdownMenu from 'soapbox/components/dropdown-menu';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
 
-import HStack from '../hstack/hstack';
-import Icon from '../icon/icon';
-import Text from '../text/text';
+import HStack from '../hstack/hstack.tsx';
+import Icon from '../icon/icon.tsx';
+import Text from '../text/text.tsx';
 
-import type { Menu } from 'soapbox/components/dropdown-menu';
+import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
 
 const messages = defineMessages({
   collapse: { id: 'accordion.collapse', defaultMessage: 'Collapse' },
diff --git a/src/components/ui/avatar/avatar.test.tsx b/src/components/ui/avatar/avatar.test.tsx
index 1bd9fb519..3c54f77a7 100644
--- a/src/components/ui/avatar/avatar.test.tsx
+++ b/src/components/ui/avatar/avatar.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Avatar from './avatar';
+import Avatar from './avatar.tsx';
 
 const src = '/static/alice.jpg';
 
diff --git a/src/components/ui/avatar/avatar.tsx b/src/components/ui/avatar/avatar.tsx
index 7bdd0a52e..ed6522119 100644
--- a/src/components/ui/avatar/avatar.tsx
+++ b/src/components/ui/avatar/avatar.tsx
@@ -2,9 +2,9 @@ import photoOffIcon from '@tabler/icons/outline/photo-off.svg';
 import clsx from 'clsx';
 import { useMemo, useState } from 'react';
 
-import StillImage, { IStillImage } from 'soapbox/components/still-image';
+import StillImage, { IStillImage } from 'soapbox/components/still-image.tsx';
 
-import Icon from '../icon/icon';
+import Icon from '../icon/icon.tsx';
 
 const AVATAR_SIZE = 42;
 
diff --git a/src/components/ui/button/button.test.tsx b/src/components/ui/button/button.test.tsx
index a28e1da05..80a0ebfa0 100644
--- a/src/components/ui/button/button.test.tsx
+++ b/src/components/ui/button/button.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it, vi } from 'vitest';
 
-import { fireEvent, render, screen } from 'soapbox/jest/test-helpers';
+import { fireEvent, render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Button from './button';
+import Button from './button.tsx';
 
 describe('<Button />', () => {
   it('renders the given text', () => {
diff --git a/src/components/ui/button/button.tsx b/src/components/ui/button/button.tsx
index 09061ee3d..1f69c9bf9 100644
--- a/src/components/ui/button/button.tsx
+++ b/src/components/ui/button/button.tsx
@@ -2,11 +2,11 @@ import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 
-import Icon from '../icon/icon';
+import Icon from '../icon/icon.tsx';
 
-import { useButtonStyles } from './useButtonStyles';
+import { useButtonStyles } from './useButtonStyles.ts';
 
-import type { ButtonSizes, ButtonThemes } from './useButtonStyles';
+import type { ButtonSizes, ButtonThemes } from './useButtonStyles.tsx';
 
 interface IButton {
   /** Whether this button expands the width of its container. */
diff --git a/src/components/ui/card/card.test.tsx b/src/components/ui/card/card.test.tsx
index a7b4609af..24dad8289 100644
--- a/src/components/ui/card/card.test.tsx
+++ b/src/components/ui/card/card.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import { Card, CardBody, CardHeader, CardTitle } from './card';
+import { Card, CardBody, CardHeader, CardTitle } from './card.tsx';
 
 describe('<Card />', () => {
   it('renders the CardTitle and CardBody', () => {
diff --git a/src/components/ui/card/card.tsx b/src/components/ui/card/card.tsx
index e7a811c80..025b62aff 100644
--- a/src/components/ui/card/card.tsx
+++ b/src/components/ui/card/card.tsx
@@ -4,10 +4,10 @@ import { forwardRef } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
 
-import HStack from '../hstack/hstack';
-import Text from '../text/text';
+import HStack from '../hstack/hstack.tsx';
+import Text from '../text/text.tsx';
 
 const sizes = {
   md: 'p-4 sm:rounded-xl',
diff --git a/src/components/ui/carousel/carousel.tsx b/src/components/ui/carousel/carousel.tsx
index 4f2efd8ce..eee2b2f50 100644
--- a/src/components/ui/carousel/carousel.tsx
+++ b/src/components/ui/carousel/carousel.tsx
@@ -2,10 +2,10 @@ import chevronLeftIcon from '@tabler/icons/outline/chevron-left.svg';
 import chevronRightIcon from '@tabler/icons/outline/chevron-right.svg';
 import { useEffect, useState } from 'react';
 
-import { useDimensions } from 'soapbox/hooks';
+import { useDimensions } from 'soapbox/hooks/index.ts';
 
-import HStack from '../hstack/hstack';
-import Icon from '../icon/icon';
+import HStack from '../hstack/hstack.tsx';
+import Icon from '../icon/icon.tsx';
 
 interface ICarousel {
   children: any;
diff --git a/src/components/ui/column/column.test.tsx b/src/components/ui/column/column.test.tsx
index de53e8d3e..ec9db1c35 100644
--- a/src/components/ui/column/column.test.tsx
+++ b/src/components/ui/column/column.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import { Column } from './column';
+import { Column } from './column.tsx';
 
 describe('<Column />', () => {
   it('renders correctly with minimal props', () => {
diff --git a/src/components/ui/column/column.tsx b/src/components/ui/column/column.tsx
index 18b8d4c58..48844a50b 100644
--- a/src/components/ui/column/column.tsx
+++ b/src/components/ui/column/column.tsx
@@ -3,10 +3,10 @@ import throttle from 'lodash/throttle';
 import { forwardRef, useCallback, useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import Helmet from 'soapbox/components/helmet';
-import { useSoapboxConfig } from 'soapbox/hooks';
+import Helmet from 'soapbox/components/helmet.tsx';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import { Card, CardBody, CardHeader, CardTitle, type CardSizes } from '../card/card';
+import { Card, CardBody, CardHeader, CardTitle, type CardSizes } from '../card/card.tsx';
 
 type IColumnHeader = Pick<IColumn, 'label' | 'backHref' | 'className' | 'action'>;
 
diff --git a/src/components/ui/counter/counter.tsx b/src/components/ui/counter/counter.tsx
index 1372a1df4..a58b7d6de 100644
--- a/src/components/ui/counter/counter.tsx
+++ b/src/components/ui/counter/counter.tsx
@@ -1,4 +1,4 @@
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 interface ICounter {
   /** Number this counter should display. */
diff --git a/src/components/ui/datepicker/datepicker.test.tsx b/src/components/ui/datepicker/datepicker.test.tsx
index a31f4683c..0a1acdceb 100644
--- a/src/components/ui/datepicker/datepicker.test.tsx
+++ b/src/components/ui/datepicker/datepicker.test.tsx
@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { queryAllByRole, render, screen } from 'soapbox/jest/test-helpers';
+import { queryAllByRole, render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Datepicker from './datepicker';
+import Datepicker from './datepicker.tsx';
 
 describe('<Datepicker />', () => {
   it('defaults to the current date', () => {
diff --git a/src/components/ui/datepicker/datepicker.tsx b/src/components/ui/datepicker/datepicker.tsx
index b6e36a20c..b841b22c3 100644
--- a/src/components/ui/datepicker/datepicker.tsx
+++ b/src/components/ui/datepicker/datepicker.tsx
@@ -1,9 +1,9 @@
 import { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 
-import Select from '../select/select';
-import Stack from '../stack/stack';
-import Text from '../text/text';
+import Select from '../select/select.tsx';
+import Stack from '../stack/stack.tsx';
+import Text from '../text/text.tsx';
 
 const getDaysInMonth = (month: number, year: number) => new Date(year, month + 1, 0).getDate();
 const currentYear = new Date().getFullYear();
diff --git a/src/components/ui/datetime/datetime.tsx b/src/components/ui/datetime/datetime.tsx
index 0244508c1..ddd9c8e0d 100644
--- a/src/components/ui/datetime/datetime.tsx
+++ b/src/components/ui/datetime/datetime.tsx
@@ -1,4 +1,4 @@
-import Input from '../input/input';
+import Input from '../input/input.tsx';
 
 interface DatetimeProps {
   value: Date;
diff --git a/src/components/ui/divider/divider.test.tsx b/src/components/ui/divider/divider.test.tsx
index 62e827749..9ab816728 100644
--- a/src/components/ui/divider/divider.test.tsx
+++ b/src/components/ui/divider/divider.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Divider from './divider';
+import Divider from './divider.tsx';
 
 describe('<Divider />', () => {
   it('renders without text', () => {
diff --git a/src/components/ui/divider/divider.tsx b/src/components/ui/divider/divider.tsx
index 7ccb9c8be..76eb66440 100644
--- a/src/components/ui/divider/divider.tsx
+++ b/src/components/ui/divider/divider.tsx
@@ -1,6 +1,6 @@
-import Text from '../text/text';
+import Text from '../text/text.tsx';
 
-import type { Sizes as TextSizes } from '../text/text';
+import type { Sizes as TextSizes } from '../text/text.tsx';
 
 interface IDivider {
   text?: string;
diff --git a/src/components/ui/emoji-selector/emoji-selector.tsx b/src/components/ui/emoji-selector/emoji-selector.tsx
index e14ef4010..6c06bc7ce 100644
--- a/src/components/ui/emoji-selector/emoji-selector.tsx
+++ b/src/components/ui/emoji-selector/emoji-selector.tsx
@@ -3,13 +3,13 @@ import dotsIcon from '@tabler/icons/outline/dots.svg';
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
-import EmojiComponent from 'soapbox/components/ui/emoji/emoji';
-import HStack from 'soapbox/components/ui/hstack/hstack';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown';
-import { useClickOutside, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
+import EmojiComponent from 'soapbox/components/ui/emoji/emoji.tsx';
+import HStack from 'soapbox/components/ui/hstack/hstack.tsx';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown.tsx';
+import { useClickOutside, useFeatures, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import type { Emoji } from 'soapbox/features/emoji';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
 
 interface IEmojiButton {
   /** Unicode emoji character. */
diff --git a/src/components/ui/emoji/emoji.test.tsx b/src/components/ui/emoji/emoji.test.tsx
index aaab7e1bf..737c4dc31 100644
--- a/src/components/ui/emoji/emoji.test.tsx
+++ b/src/components/ui/emoji/emoji.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Emoji from './emoji';
+import Emoji from './emoji.tsx';
 
 describe('<Emoji />', () => {
   it('renders a simple emoji', () => {
diff --git a/src/components/ui/emoji/emoji.tsx b/src/components/ui/emoji/emoji.tsx
index ce673c482..ae33d6376 100644
--- a/src/components/ui/emoji/emoji.tsx
+++ b/src/components/ui/emoji/emoji.tsx
@@ -1,5 +1,5 @@
-import { removeVS16s, toCodePoints } from 'soapbox/utils/emoji';
-import { joinPublicPath } from 'soapbox/utils/static';
+import { removeVS16s, toCodePoints } from 'soapbox/utils/emoji.ts';
+import { joinPublicPath } from 'soapbox/utils/static.ts';
 
 interface IEmoji extends React.ImgHTMLAttributes<HTMLImageElement> {
   /** Unicode emoji character. */
diff --git a/src/components/ui/form-actions/form-actions.test.tsx b/src/components/ui/form-actions/form-actions.test.tsx
index 925e02006..cfbc53763 100644
--- a/src/components/ui/form-actions/form-actions.test.tsx
+++ b/src/components/ui/form-actions/form-actions.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import FormActions from './form-actions';
+import FormActions from './form-actions.tsx';
 
 describe('<FormActions />', () => {
   it('renders successfully', () => {
diff --git a/src/components/ui/form-actions/form-actions.tsx b/src/components/ui/form-actions/form-actions.tsx
index f67f90a18..f7e3c2d92 100644
--- a/src/components/ui/form-actions/form-actions.tsx
+++ b/src/components/ui/form-actions/form-actions.tsx
@@ -1,4 +1,4 @@
-import HStack from '../hstack/hstack';
+import HStack from '../hstack/hstack.tsx';
 
 interface IFormActions {
   children: React.ReactNode;
diff --git a/src/components/ui/form-group/form-group.test.tsx b/src/components/ui/form-group/form-group.test.tsx
index 5fe0e2fa4..e6ee15b7f 100644
--- a/src/components/ui/form-group/form-group.test.tsx
+++ b/src/components/ui/form-group/form-group.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import FormGroup from './form-group';
+import FormGroup from './form-group.tsx';
 
 describe('<FormGroup />', () => {
   it('connects the label and input', () => {
diff --git a/src/components/ui/form-group/form-group.tsx b/src/components/ui/form-group/form-group.tsx
index 023f15036..9eb2bb6f4 100644
--- a/src/components/ui/form-group/form-group.tsx
+++ b/src/components/ui/form-group/form-group.tsx
@@ -1,8 +1,8 @@
 import { Children, cloneElement, isValidElement, useMemo } from 'react';
 
-import Checkbox from '../checkbox/checkbox';
-import HStack from '../hstack/hstack';
-import Stack from '../stack/stack';
+import Checkbox from '../checkbox/checkbox.tsx';
+import HStack from '../hstack/hstack.tsx';
+import Stack from '../stack/stack.tsx';
 
 interface IFormGroup {
   /** Input label message. */
diff --git a/src/components/ui/form/form.test.tsx b/src/components/ui/form/form.test.tsx
index 3f603961d..d375b6238 100644
--- a/src/components/ui/form/form.test.tsx
+++ b/src/components/ui/form/form.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it, vi } from 'vitest';
 
-import { fireEvent, render, screen } from 'soapbox/jest/test-helpers';
+import { fireEvent, render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Form from './form';
+import Form from './form.tsx';
 
 describe('<Form />', () => {
   it('renders children', () => {
diff --git a/src/components/ui/icon-button/icon-button.tsx b/src/components/ui/icon-button/icon-button.tsx
index 57e798356..e6c19a7b9 100644
--- a/src/components/ui/icon-button/icon-button.tsx
+++ b/src/components/ui/icon-button/icon-button.tsx
@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 
-import SvgIcon from '../icon/svg-icon';
-import Text from '../text/text';
+import SvgIcon from '../icon/svg-icon.tsx';
+import Text from '../text/text.tsx';
 
 interface IIconButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** Class name for the <svg> icon. */
diff --git a/src/components/ui/icon/icon.tsx b/src/components/ui/icon/icon.tsx
index 2210a5bd5..6c64774d9 100644
--- a/src/components/ui/icon/icon.tsx
+++ b/src/components/ui/icon/icon.tsx
@@ -1,6 +1,6 @@
-import Counter from '../counter/counter';
+import Counter from '../counter/counter.tsx';
 
-import SvgIcon from './svg-icon';
+import SvgIcon from './svg-icon.tsx';
 
 interface IIcon extends Pick<React.SVGAttributes<SVGAElement>, 'strokeWidth'> {
   /** Class name for the <svg> element. */
diff --git a/src/components/ui/icon/svg-icon.test.tsx b/src/components/ui/icon/svg-icon.test.tsx
index f1ac5f127..fae051a19 100644
--- a/src/components/ui/icon/svg-icon.test.tsx
+++ b/src/components/ui/icon/svg-icon.test.tsx
@@ -1,9 +1,9 @@
 import IconCode from '@tabler/icons/outline/code.svg';
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import SvgIcon from './svg-icon';
+import SvgIcon from './svg-icon.tsx';
 
 describe('<SvgIcon />', () => {
   it('renders loading element with default size', async () => {
diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts
index c565641f4..3b0b51128 100644
--- a/src/components/ui/index.ts
+++ b/src/components/ui/index.ts
@@ -1,11 +1,11 @@
-export { default as Accordion } from './accordion/accordion';
-export { default as Avatar } from './avatar/avatar';
-export { default as Banner } from './banner/banner';
-export { default as Button } from './button/button';
-export { default as Carousel } from './carousel/carousel';
-export { Card, CardBody, CardHeader, CardTitle } from './card/card';
-export { default as Checkbox } from './checkbox/checkbox';
-export { Column, ColumnHeader } from './column/column';
+export { default as Accordion } from './accordion/accordion.tsx';
+export { default as Avatar } from './avatar/avatar.tsx';
+export { default as Banner } from './banner/banner.tsx';
+export { default as Button } from './button/button.tsx';
+export { default as Carousel } from './carousel/carousel.tsx';
+export { Card, CardBody, CardHeader, CardTitle } from './card/card.tsx';
+export { default as Checkbox } from './checkbox/checkbox.tsx';
+export { Column, ColumnHeader } from './column/column.tsx';
 export {
   Combobox,
   ComboboxInput,
@@ -13,21 +13,21 @@ export {
   ComboboxList,
   ComboboxOption,
   ComboboxOptionText,
-} from './combobox/combobox';
-export { default as Counter } from './counter/counter';
-export { default as Datepicker } from './datepicker/datepicker';
-export { default as Divider } from './divider/divider';
-export { default as Emoji } from './emoji/emoji';
-export { default as EmojiSelector } from './emoji-selector/emoji-selector';
-export { default as FileInput } from './file-input/file-input';
-export { default as Form } from './form/form';
-export { default as FormActions } from './form-actions/form-actions';
-export { default as FormGroup } from './form-group/form-group';
-export { default as HStack } from './hstack/hstack';
-export { default as Icon } from './icon/icon';
-export { default as IconButton } from './icon-button/icon-button';
-export { default as Input } from './input/input';
-export { default as Layout } from './layout/layout';
+} from './combobox/combobox.tsx';
+export { default as Counter } from './counter/counter.tsx';
+export { default as Datepicker } from './datepicker/datepicker.tsx';
+export { default as Divider } from './divider/divider.tsx';
+export { default as Emoji } from './emoji/emoji.tsx';
+export { default as EmojiSelector } from './emoji-selector/emoji-selector.tsx';
+export { default as FileInput } from './file-input/file-input.tsx';
+export { default as Form } from './form/form.tsx';
+export { default as FormActions } from './form-actions/form-actions.tsx';
+export { default as FormGroup } from './form-group/form-group.tsx';
+export { default as HStack } from './hstack/hstack.tsx';
+export { default as Icon } from './icon/icon.tsx';
+export { default as IconButton } from './icon-button/icon-button.tsx';
+export { default as Input } from './input/input.tsx';
+export { default as Layout } from './layout/layout.tsx';
 export {
   Menu,
   MenuButton,
@@ -36,22 +36,22 @@ export {
   MenuItems,
   MenuLink,
   MenuList,
-} from './menu/menu';
-export { default as Modal } from './modal/modal';
-export { default as Popover } from './popover/popover';
-export { default as Portal } from './portal/portal';
-export { default as ProgressBar } from './progress-bar/progress-bar';
-export { default as RadioButton } from './radio-button/radio-button';
-export { default as Select } from './select/select';
-export { default as Slider } from './slider/slider';
-export { default as Spinner } from './spinner/spinner';
-export { default as Stack } from './stack/stack';
-export { default as Streamfield } from './streamfield/streamfield';
-export { default as Tabs } from './tabs/tabs';
-export { default as TagInput } from './tag-input/tag-input';
-export { default as Text } from './text/text';
-export { default as Textarea } from './textarea/textarea';
-export { default as Toast } from './toast/toast';
-export { default as Toggle } from './toggle/toggle';
-export { default as Tooltip } from './tooltip/tooltip';
-export { default as Widget } from './widget/widget';
+} from './menu/menu.tsx';
+export { default as Modal } from './modal/modal.tsx';
+export { default as Popover } from './popover/popover.tsx';
+export { default as Portal } from './portal/portal.tsx';
+export { default as ProgressBar } from './progress-bar/progress-bar.tsx';
+export { default as RadioButton } from './radio-button/radio-button.tsx';
+export { default as Select } from './select/select.tsx';
+export { default as Slider } from './slider/slider.tsx';
+export { default as Spinner } from './spinner/spinner.tsx';
+export { default as Stack } from './stack/stack.tsx';
+export { default as Streamfield } from './streamfield/streamfield.tsx';
+export { default as Tabs } from './tabs/tabs.tsx';
+export { default as TagInput } from './tag-input/tag-input.tsx';
+export { default as Text } from './text/text.tsx';
+export { default as Textarea } from './textarea/textarea.tsx';
+export { default as Toast } from './toast/toast.tsx';
+export { default as Toggle } from './toggle/toggle.tsx';
+export { default as Tooltip } from './tooltip/tooltip.tsx';
+export { default as Widget } from './widget/widget.tsx';
diff --git a/src/components/ui/input/input.tsx b/src/components/ui/input/input.tsx
index 6ee646fff..9de3a7e06 100644
--- a/src/components/ui/input/input.tsx
+++ b/src/components/ui/input/input.tsx
@@ -4,12 +4,12 @@ import clsx from 'clsx';
 import React, { forwardRef, useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { useLocale } from 'soapbox/hooks';
-import { getTextDirection } from 'soapbox/utils/rtl';
+import { useLocale } from 'soapbox/hooks/index.ts';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import Icon from '../icon/icon';
-import SvgIcon from '../icon/svg-icon';
-import Tooltip from '../tooltip/tooltip';
+import Icon from '../icon/icon.tsx';
+import SvgIcon from '../icon/svg-icon.tsx';
+import Tooltip from '../tooltip/tooltip.tsx';
 
 const messages = defineMessages({
   showPassword: { id: 'input.password.show_password', defaultMessage: 'Show password' },
diff --git a/src/components/ui/language-dropdown/language-dropdown.tsx b/src/components/ui/language-dropdown/language-dropdown.tsx
index a5046f696..a8f0d5232 100644
--- a/src/components/ui/language-dropdown/language-dropdown.tsx
+++ b/src/components/ui/language-dropdown/language-dropdown.tsx
@@ -1,10 +1,10 @@
 import worldIcon from '@tabler/icons/outline/world.svg';
 
-import { openDropdownMenu } from 'soapbox/actions/dropdown-menu';
-import DropdownMenu, { MenuItem } from 'soapbox/components/dropdown-menu';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { languages } from 'soapbox/features/preferences';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openDropdownMenu } from 'soapbox/actions/dropdown-menu.ts';
+import DropdownMenu, { MenuItem } from 'soapbox/components/dropdown-menu/index.ts';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { languages } from 'soapbox/features/preferences/index.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 function formatLanguages(languageMap: Record<string, string>) {
   const langCodes = Object.keys(languageMap).sort().map((sig) => {
diff --git a/src/components/ui/modal/modal.test.tsx b/src/components/ui/modal/modal.test.tsx
index a60eb224a..88daaa586 100644
--- a/src/components/ui/modal/modal.test.tsx
+++ b/src/components/ui/modal/modal.test.tsx
@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Modal from './modal';
+import Modal from './modal.tsx';
 
 describe('<Modal />', () => {
   it('renders', () => {
diff --git a/src/components/ui/modal/modal.tsx b/src/components/ui/modal/modal.tsx
index 9ee860535..17932c586 100644
--- a/src/components/ui/modal/modal.tsx
+++ b/src/components/ui/modal/modal.tsx
@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import { forwardRef, useEffect, useRef } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import Button from '../button/button';
-import { ButtonThemes } from '../button/useButtonStyles';
-import HStack from '../hstack/hstack';
-import IconButton from '../icon-button/icon-button';
+import Button from '../button/button.tsx';
+import { ButtonThemes } from '../button/useButtonStyles.ts';
+import HStack from '../hstack/hstack.tsx';
+import IconButton from '../icon-button/icon-button.tsx';
 
 const messages = defineMessages({
   back: { id: 'card.back.label', defaultMessage: 'Back' },
diff --git a/src/components/ui/popover/popover.tsx b/src/components/ui/popover/popover.tsx
index 18d3d8010..54f5fdc14 100644
--- a/src/components/ui/popover/popover.tsx
+++ b/src/components/ui/popover/popover.tsx
@@ -13,7 +13,7 @@ import {
 import clsx from 'clsx';
 import { cloneElement, useRef, useState } from 'react';
 
-import Portal from '../portal/portal';
+import Portal from '../portal/portal.tsx';
 
 interface IPopover {
   children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
diff --git a/src/components/ui/progress-bar/progress-bar.tsx b/src/components/ui/progress-bar/progress-bar.tsx
index 41ca380ee..5e7a643fa 100644
--- a/src/components/ui/progress-bar/progress-bar.tsx
+++ b/src/components/ui/progress-bar/progress-bar.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { spring } from 'react-motion';
 
-import Motion from 'soapbox/features/ui/util/optional-motion';
+import Motion from 'soapbox/features/ui/util/optional-motion.tsx';
 
 interface IProgressBar {
   /** Number between 0 and 1 to represent the percentage complete. */
diff --git a/src/components/ui/radio-button/radio-button.tsx b/src/components/ui/radio-button/radio-button.tsx
index ef385a4cc..d1dce47e4 100644
--- a/src/components/ui/radio-button/radio-button.tsx
+++ b/src/components/ui/radio-button/radio-button.tsx
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 
-import HStack from '../hstack/hstack';
+import HStack from '../hstack/hstack.tsx';
 
 interface IRadioButton {
   value: string;
diff --git a/src/components/ui/spinner/spinner.tsx b/src/components/ui/spinner/spinner.tsx
index 31de33512..a3b9797af 100644
--- a/src/components/ui/spinner/spinner.tsx
+++ b/src/components/ui/spinner/spinner.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import Stack from '../stack/stack';
-import Text from '../text/text';
+import Stack from '../stack/stack.tsx';
+import Text from '../text/text.tsx';
 
 import './spinner.css';
 
diff --git a/src/components/ui/streamfield/streamfield.tsx b/src/components/ui/streamfield/streamfield.tsx
index af7ae100c..72af083c3 100644
--- a/src/components/ui/streamfield/streamfield.tsx
+++ b/src/components/ui/streamfield/streamfield.tsx
@@ -1,11 +1,11 @@
 import xIcon from '@tabler/icons/outline/x.svg';
 import { useIntl, defineMessages } from 'react-intl';
 
-import Button from '../button/button';
-import HStack from '../hstack/hstack';
-import IconButton from '../icon-button/icon-button';
-import Stack from '../stack/stack';
-import Text from '../text/text';
+import Button from '../button/button.tsx';
+import HStack from '../hstack/hstack.tsx';
+import IconButton from '../icon-button/icon-button.tsx';
+import Stack from '../stack/stack.tsx';
+import Text from '../text/text.tsx';
 
 const messages = defineMessages({
   add: { id: 'streamfield.add', defaultMessage: 'Add' },
diff --git a/src/components/ui/tabs/tabs.tsx b/src/components/ui/tabs/tabs.tsx
index a1f63ddde..bd0437459 100644
--- a/src/components/ui/tabs/tabs.tsx
+++ b/src/components/ui/tabs/tabs.tsx
@@ -9,7 +9,7 @@ import clsx from 'clsx';
 import { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import Counter from '../counter/counter';
+import Counter from '../counter/counter.tsx';
 
 import './tabs.css';
 
diff --git a/src/components/ui/tag-input/tag-input.tsx b/src/components/ui/tag-input/tag-input.tsx
index db8404bbb..9162e0cfe 100644
--- a/src/components/ui/tag-input/tag-input.tsx
+++ b/src/components/ui/tag-input/tag-input.tsx
@@ -1,8 +1,8 @@
 import { useState } from 'react';
 
-import HStack from '../hstack/hstack';
+import HStack from '../hstack/hstack.tsx';
 
-import Tag from './tag';
+import Tag from './tag.tsx';
 
 interface ITagInput {
   tags: string[];
diff --git a/src/components/ui/tag-input/tag.tsx b/src/components/ui/tag-input/tag.tsx
index 1cbcf4302..1c8ea6e12 100644
--- a/src/components/ui/tag-input/tag.tsx
+++ b/src/components/ui/tag-input/tag.tsx
@@ -1,7 +1,7 @@
 import xIcon from '@tabler/icons/outline/x.svg';
 
-import IconButton from '../icon-button/icon-button';
-import Text from '../text/text';
+import IconButton from '../icon-button/icon-button.tsx';
+import Text from '../text/text.tsx';
 
 interface ITag {
   /** Name of the tag. */
diff --git a/src/components/ui/textarea/textarea.tsx b/src/components/ui/textarea/textarea.tsx
index 5e2c8d0c2..5546d19df 100644
--- a/src/components/ui/textarea/textarea.tsx
+++ b/src/components/ui/textarea/textarea.tsx
@@ -2,11 +2,11 @@ import clsx from 'clsx';
 import { forwardRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { useLocale } from 'soapbox/hooks';
-import { getTextDirection } from 'soapbox/utils/rtl';
+import { useLocale } from 'soapbox/hooks/index.ts';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import Stack from '../stack/stack';
-import Text from '../text/text';
+import Stack from '../stack/stack.tsx';
+import Text from '../text/text.tsx';
 
 interface ITextarea extends Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'maxLength' | 'onChange' | 'onClick' | 'onKeyDown' | 'onPaste' | 'required' | 'disabled' | 'rows' | 'readOnly'> {
   /** Put the cursor into the input on mount. */
diff --git a/src/components/ui/toast/toast.tsx b/src/components/ui/toast/toast.tsx
index e53e4ccb3..4c9e24346 100644
--- a/src/components/ui/toast/toast.tsx
+++ b/src/components/ui/toast/toast.tsx
@@ -7,12 +7,12 @@ import toast, { Toast as RHToast } from 'react-hot-toast';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { ToastText, ToastType } from 'soapbox/toast';
+import { ToastText, ToastType } from 'soapbox/toast.tsx';
 
-import HStack from '../hstack/hstack';
-import Icon from '../icon/icon';
-import Stack from '../stack/stack';
-import Text from '../text/text';
+import HStack from '../hstack/hstack.tsx';
+import Icon from '../icon/icon.tsx';
+import Stack from '../stack/stack.tsx';
+import Text from '../text/text.tsx';
 
 const renderText = (text: ToastText) => {
   if (typeof text === 'string') {
diff --git a/src/components/ui/widget/widget.tsx b/src/components/ui/widget/widget.tsx
index 0bc3d87bb..37df917e9 100644
--- a/src/components/ui/widget/widget.tsx
+++ b/src/components/ui/widget/widget.tsx
@@ -1,9 +1,9 @@
 import arrowRightIcon from '@tabler/icons/outline/arrow-right.svg';
 
-import HStack from 'soapbox/components/ui/hstack/hstack';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import Stack from 'soapbox/components/ui/stack/stack';
-import Text from 'soapbox/components/ui/text/text';
+import HStack from 'soapbox/components/ui/hstack/hstack.tsx';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import Stack from 'soapbox/components/ui/stack/stack.tsx';
+import Text from 'soapbox/components/ui/text/text.tsx';
 
 interface IWidgetTitle {
   /** Title text for the widget. */
diff --git a/src/components/upload-progress.tsx b/src/components/upload-progress.tsx
index a20adc502..d6870e8b0 100644
--- a/src/components/upload-progress.tsx
+++ b/src/components/upload-progress.tsx
@@ -1,7 +1,7 @@
 import cloudUploadIcon from '@tabler/icons/outline/cloud-upload.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { HStack, Icon, ProgressBar, Stack, Text } from 'soapbox/components/ui';
+import { HStack, Icon, ProgressBar, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 interface IUploadProgress {
   /** Number between 0 and 100 to represent the percentage complete. */
diff --git a/src/components/upload.tsx b/src/components/upload.tsx
index b4b781e7b..582f2207f 100644
--- a/src/components/upload.tsx
+++ b/src/components/upload.tsx
@@ -14,14 +14,14 @@ import { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { spring } from 'react-motion';
 
-import { openModal } from 'soapbox/actions/modals';
+import { openModal } from 'soapbox/actions/modals.ts';
 import AudioPlaceHolder from 'soapbox/assets/images/audio-placeholder.png';
 import VideoPlaceHolder from 'soapbox/assets/images/video-placeholder.png';
-import Blurhash from 'soapbox/components/blurhash';
-import { HStack, Icon, IconButton } from 'soapbox/components/ui';
-import Motion from 'soapbox/features/ui/util/optional-motion';
-import { useAppDispatch, useSettings } from 'soapbox/hooks';
-import { Attachment } from 'soapbox/types/entities';
+import Blurhash from 'soapbox/components/blurhash.tsx';
+import { HStack, Icon, IconButton } from 'soapbox/components/ui/index.ts';
+import Motion from 'soapbox/features/ui/util/optional-motion.tsx';
+import { useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
+import { Attachment } from 'soapbox/types/entities.ts';
 
 export const MIMETYPE_ICONS: Record<string, string> = {
   'application/x-freearc': fileZipIcon,
diff --git a/src/components/validation-checkmark.test.tsx b/src/components/validation-checkmark.test.tsx
index ab9c27638..8e1db5e18 100644
--- a/src/components/validation-checkmark.test.tsx
+++ b/src/components/validation-checkmark.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import ValidationCheckmark from './validation-checkmark';
+import ValidationCheckmark from './validation-checkmark.tsx';
 
 describe('<ValidationCheckmark />', () => {
   it('renders text', () => {
diff --git a/src/components/validation-checkmark.tsx b/src/components/validation-checkmark.tsx
index 01f5ac754..be8cdc087 100644
--- a/src/components/validation-checkmark.tsx
+++ b/src/components/validation-checkmark.tsx
@@ -2,7 +2,7 @@ import checkIcon from '@tabler/icons/outline/check.svg';
 import pointIcon from '@tabler/icons/outline/point.svg';
 import clsx from 'clsx';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui';
+import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
 
 interface IValidationCheckmark {
   isValid: boolean;
diff --git a/src/components/verification-badge.tsx b/src/components/verification-badge.tsx
index 7c2c28500..deb5b1969 100644
--- a/src/components/verification-badge.tsx
+++ b/src/components/verification-badge.tsx
@@ -2,8 +2,8 @@ import clsx from 'clsx';
 import { useIntl, defineMessages } from 'react-intl';
 
 import verifiedIcon from 'soapbox/assets/icons/verified.svg';
-import { Icon } from 'soapbox/components/ui';
-import { useSoapboxConfig } from 'soapbox/hooks';
+import { Icon } from 'soapbox/components/ui/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   verified: { id: 'account.verified', defaultMessage: 'Verified Account' },
diff --git a/src/containers/account-container.tsx b/src/containers/account-container.tsx
index 5fdb55449..e71720fe1 100644
--- a/src/containers/account-container.tsx
+++ b/src/containers/account-container.tsx
@@ -1,5 +1,5 @@
-import { useAccount } from 'soapbox/api/hooks';
-import Account, { IAccount } from 'soapbox/components/account';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account, { IAccount } from 'soapbox/components/account.tsx';
 
 interface IAccountContainer extends Omit<IAccount, 'account'> {
   id: string;
diff --git a/src/containers/status-container.tsx b/src/containers/status-container.tsx
index 7afb8e41b..46ffff09a 100644
--- a/src/containers/status-container.tsx
+++ b/src/containers/status-container.tsx
@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
 
-import Status, { IStatus } from 'soapbox/components/status';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import Status, { IStatus } from 'soapbox/components/status.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IStatusContainer extends Omit<IStatus, 'status'> {
   id: string;
diff --git a/src/contexts/chat-context.tsx b/src/contexts/chat-context.tsx
index 1e4d78213..069320b75 100644
--- a/src/contexts/chat-context.tsx
+++ b/src/contexts/chat-context.tsx
@@ -1,9 +1,9 @@
 import { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { useHistory, useParams } from 'react-router-dom';
 
-import { toggleMainWindow } from 'soapbox/actions/chats';
-import { useAppDispatch, useOwnAccount, useSettings } from 'soapbox/hooks';
-import { IChat, useChat } from 'soapbox/queries/chats';
+import { toggleMainWindow } from 'soapbox/actions/chats.ts';
+import { useAppDispatch, useOwnAccount, useSettings } from 'soapbox/hooks/index.ts';
+import { IChat, useChat } from 'soapbox/queries/chats.ts';
 
 const ChatContext = createContext<any>({
   isOpen: false,
diff --git a/src/contexts/nostr-context.tsx b/src/contexts/nostr-context.tsx
index 5366cd35f..a5cad214e 100644
--- a/src/contexts/nostr-context.tsx
+++ b/src/contexts/nostr-context.tsx
@@ -1,7 +1,7 @@
 import { NRelay1 } from '@nostrify/nostrify';
 import { createContext, useContext, useState, useEffect } from 'react';
 
-import { useInstance } from 'soapbox/hooks/useInstance';
+import { useInstance } from 'soapbox/hooks/useInstance.ts';
 
 interface NostrContextType {
   relay?: NRelay1;
diff --git a/src/custom.ts b/src/custom.ts
index dcbcba547..96ff58e34 100644
--- a/src/custom.ts
+++ b/src/custom.ts
@@ -1,7 +1,7 @@
 /**
  * Functions for dealing with custom build configuration.
  */
-import * as BuildConfig from 'soapbox/build-config';
+import * as BuildConfig from 'soapbox/build-config.ts';
 
 /** Require a custom JSON file if it exists */
 export const custom = (filename: string, fallback: any = {}): any => {
diff --git a/src/entity-store/actions.ts b/src/entity-store/actions.ts
index 27549b826..07b6fe7ce 100644
--- a/src/entity-store/actions.ts
+++ b/src/entity-store/actions.ts
@@ -1,4 +1,4 @@
-import type { EntitiesTransaction, Entity, EntityListState, ImportPosition } from './types';
+import type { EntitiesTransaction, Entity, EntityListState, ImportPosition } from './types.ts';
 
 const ENTITIES_IMPORT = 'ENTITIES_IMPORT' as const;
 const ENTITIES_DELETE = 'ENTITIES_DELETE' as const;
diff --git a/src/entity-store/entities.ts b/src/entity-store/entities.ts
index 13cdf4eaa..ade683f34 100644
--- a/src/entity-store/entities.ts
+++ b/src/entity-store/entities.ts
@@ -1,4 +1,4 @@
-import type * as Schemas from 'soapbox/schemas';
+import type * as Schemas from 'soapbox/schemas/index.ts';
 
 enum Entities {
   ACCOUNTS = 'Accounts',
diff --git a/src/entity-store/hooks/index.ts b/src/entity-store/hooks/index.ts
index 52a5fc499..ccf1fe645 100644
--- a/src/entity-store/hooks/index.ts
+++ b/src/entity-store/hooks/index.ts
@@ -1,10 +1,10 @@
-export { useEntities } from './useEntities';
-export { useEntity } from './useEntity';
-export { useEntityActions } from './useEntityActions';
-export { useEntityLookup } from './useEntityLookup';
-export { useCreateEntity } from './useCreateEntity';
-export { useDeleteEntity } from './useDeleteEntity';
-export { useDismissEntity } from './useDismissEntity';
-export { useIncrementEntity } from './useIncrementEntity';
-export { useChangeEntity } from './useChangeEntity';
-export { useTransaction } from './useTransaction';
\ No newline at end of file
+export { useEntities } from './useEntities.ts';
+export { useEntity } from './useEntity.ts';
+export { useEntityActions } from './useEntityActions.ts';
+export { useEntityLookup } from './useEntityLookup.ts';
+export { useCreateEntity } from './useCreateEntity.ts';
+export { useDeleteEntity } from './useDeleteEntity.ts';
+export { useDismissEntity } from './useDismissEntity.ts';
+export { useIncrementEntity } from './useIncrementEntity.ts';
+export { useChangeEntity } from './useChangeEntity.ts';
+export { useTransaction } from './useTransaction.ts';
\ No newline at end of file
diff --git a/src/entity-store/hooks/types.ts b/src/entity-store/hooks/types.ts
index b3ec5937a..32a2e64ea 100644
--- a/src/entity-store/hooks/types.ts
+++ b/src/entity-store/hooks/types.ts
@@ -1,4 +1,4 @@
-import type { Entity } from '../types';
+import type { Entity } from '../types.ts';
 import type z from 'zod';
 
 type EntitySchema<TEntity extends Entity = Entity> = z.ZodType<TEntity, z.ZodTypeDef, any>;
diff --git a/src/entity-store/hooks/useBatchedEntities.ts b/src/entity-store/hooks/useBatchedEntities.ts
index f6b0d9437..f70fb4a2f 100644
--- a/src/entity-store/hooks/useBatchedEntities.ts
+++ b/src/entity-store/hooks/useBatchedEntities.ts
@@ -1,19 +1,19 @@
 import { useEffect } from 'react';
 import { z } from 'zod';
 
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useAppSelector } from 'soapbox/hooks/useAppSelector';
-import { useGetState } from 'soapbox/hooks/useGetState';
-import { filteredArray } from 'soapbox/schemas/utils';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useGetState } from 'soapbox/hooks/useGetState.ts';
+import { filteredArray } from 'soapbox/schemas/utils.ts';
 
-import { entitiesFetchFail, entitiesFetchRequest, entitiesFetchSuccess } from '../actions';
-import { selectCache, selectListState, useListState } from '../selectors';
+import { entitiesFetchFail, entitiesFetchRequest, entitiesFetchSuccess } from '../actions.ts';
+import { selectCache, selectListState, useListState } from '../selectors.ts';
 
-import { parseEntitiesPath } from './utils';
+import { parseEntitiesPath } from './utils.ts';
 
-import type { EntitiesPath, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
-import type { Entity } from '../types';
-import type { RootState } from 'soapbox/store';
+import type { EntitiesPath, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types.ts';
+import type { Entity } from '../types.ts';
+import type { RootState } from 'soapbox/store.ts';
 
 interface UseBatchedEntitiesOpts<TEntity extends Entity> {
   schema?: EntitySchema<TEntity>;
diff --git a/src/entity-store/hooks/useChangeEntity.ts b/src/entity-store/hooks/useChangeEntity.ts
index 670c3a486..66df1a725 100644
--- a/src/entity-store/hooks/useChangeEntity.ts
+++ b/src/entity-store/hooks/useChangeEntity.ts
@@ -1,8 +1,8 @@
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { type Entity } from 'soapbox/entity-store/types';
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useGetState } from 'soapbox/hooks/useGetState';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { type Entity } from 'soapbox/entity-store/types.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useGetState } from 'soapbox/hooks/useGetState.ts';
 
 type ChangeEntityFn<TEntity extends Entity> = (entity: TEntity) => TEntity
 
diff --git a/src/entity-store/hooks/useCreateEntity.ts b/src/entity-store/hooks/useCreateEntity.ts
index 77eea017c..c3f519146 100644
--- a/src/entity-store/hooks/useCreateEntity.ts
+++ b/src/entity-store/hooks/useCreateEntity.ts
@@ -1,15 +1,15 @@
 import { z } from 'zod';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useLoading } from 'soapbox/hooks/useLoading';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useLoading } from 'soapbox/hooks/useLoading.ts';
 
-import { importEntities } from '../actions';
+import { importEntities } from '../actions.ts';
 
-import { parseEntitiesPath } from './utils';
+import { parseEntitiesPath } from './utils.ts';
 
-import type { EntityCallbacks, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
-import type { Entity } from '../types';
+import type { EntityCallbacks, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types.ts';
+import type { Entity } from '../types.ts';
 
 interface UseCreateEntityOpts<TEntity extends Entity = Entity> {
   schema?: EntitySchema<TEntity>;
diff --git a/src/entity-store/hooks/useDeleteEntity.ts b/src/entity-store/hooks/useDeleteEntity.ts
index b406c0534..cea850c2d 100644
--- a/src/entity-store/hooks/useDeleteEntity.ts
+++ b/src/entity-store/hooks/useDeleteEntity.ts
@@ -1,10 +1,10 @@
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useGetState } from 'soapbox/hooks/useGetState';
-import { useLoading } from 'soapbox/hooks/useLoading';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useGetState } from 'soapbox/hooks/useGetState.ts';
+import { useLoading } from 'soapbox/hooks/useLoading.ts';
 
-import { deleteEntities, importEntities } from '../actions';
+import { deleteEntities, importEntities } from '../actions.ts';
 
-import type { EntityCallbacks, EntityFn } from './types';
+import type { EntityCallbacks, EntityFn } from './types.ts';
 
 /**
  * Optimistically deletes an entity from the store.
diff --git a/src/entity-store/hooks/useDismissEntity.ts b/src/entity-store/hooks/useDismissEntity.ts
index a9bd531a3..d106de66d 100644
--- a/src/entity-store/hooks/useDismissEntity.ts
+++ b/src/entity-store/hooks/useDismissEntity.ts
@@ -1,11 +1,11 @@
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useLoading } from 'soapbox/hooks/useLoading';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useLoading } from 'soapbox/hooks/useLoading.ts';
 
-import { dismissEntities } from '../actions';
+import { dismissEntities } from '../actions.ts';
 
-import { parseEntitiesPath } from './utils';
+import { parseEntitiesPath } from './utils.ts';
 
-import type { EntityFn, ExpandedEntitiesPath } from './types';
+import type { EntityFn, ExpandedEntitiesPath } from './types.ts';
 
 /**
  * Removes an entity from a specific list.
diff --git a/src/entity-store/hooks/useEntities.ts b/src/entity-store/hooks/useEntities.ts
index 45c65eb93..f23ca8514 100644
--- a/src/entity-store/hooks/useEntities.ts
+++ b/src/entity-store/hooks/useEntities.ts
@@ -2,20 +2,20 @@ import LinkHeader from 'http-link-header';
 import { useEffect } from 'react';
 import z from 'zod';
 
-import { useApi } from 'soapbox/hooks/useApi';
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useAppSelector } from 'soapbox/hooks/useAppSelector';
-import { useGetState } from 'soapbox/hooks/useGetState';
-import { filteredArray } from 'soapbox/schemas/utils';
-import { realNumberSchema } from 'soapbox/utils/numbers';
+import { useApi } from 'soapbox/hooks/useApi.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useGetState } from 'soapbox/hooks/useGetState.ts';
+import { filteredArray } from 'soapbox/schemas/utils.ts';
+import { realNumberSchema } from 'soapbox/utils/numbers.tsx';
 
-import { entitiesFetchFail, entitiesFetchRequest, entitiesFetchSuccess, invalidateEntityList } from '../actions';
-import { selectEntities, selectListState, useListState } from '../selectors';
+import { entitiesFetchFail, entitiesFetchRequest, entitiesFetchSuccess, invalidateEntityList } from '../actions.ts';
+import { selectEntities, selectListState, useListState } from '../selectors.ts';
 
-import { parseEntitiesPath } from './utils';
+import { parseEntitiesPath } from './utils.ts';
 
-import type { EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
-import type { Entity } from '../types';
+import type { EntityFn, EntitySchema, ExpandedEntitiesPath } from './types.ts';
+import type { Entity } from '../types.ts';
 
 /** Additional options for the hook. */
 interface UseEntitiesOpts<TEntity extends Entity> {
diff --git a/src/entity-store/hooks/useEntity.ts b/src/entity-store/hooks/useEntity.ts
index 2e6734f9c..6c16583d6 100644
--- a/src/entity-store/hooks/useEntity.ts
+++ b/src/entity-store/hooks/useEntity.ts
@@ -1,16 +1,16 @@
 import { useEffect, useState } from 'react';
 import z from 'zod';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useAppSelector } from 'soapbox/hooks/useAppSelector';
-import { useLoading } from 'soapbox/hooks/useLoading';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useLoading } from 'soapbox/hooks/useLoading.ts';
 
-import { importEntities } from '../actions';
-import { selectEntity } from '../selectors';
+import { importEntities } from '../actions.ts';
+import { selectEntity } from '../selectors.ts';
 
-import type { EntitySchema, EntityPath, EntityFn } from './types';
-import type { Entity } from '../types';
+import type { EntitySchema, EntityPath, EntityFn } from './types.ts';
+import type { Entity } from '../types.ts';
 
 /** Additional options for the hook. */
 interface UseEntityOpts<TEntity extends Entity> {
diff --git a/src/entity-store/hooks/useEntityActions.ts b/src/entity-store/hooks/useEntityActions.ts
index b038946f3..386e746ef 100644
--- a/src/entity-store/hooks/useEntityActions.ts
+++ b/src/entity-store/hooks/useEntityActions.ts
@@ -1,11 +1,11 @@
-import { useApi } from 'soapbox/hooks/useApi';
+import { useApi } from 'soapbox/hooks/useApi.ts';
 
-import { useCreateEntity } from './useCreateEntity';
-import { useDeleteEntity } from './useDeleteEntity';
-import { parseEntitiesPath } from './utils';
+import { useCreateEntity } from './useCreateEntity.ts';
+import { useDeleteEntity } from './useDeleteEntity.ts';
+import { parseEntitiesPath } from './utils.ts';
 
-import type { EntitySchema, ExpandedEntitiesPath } from './types';
-import type { Entity } from '../types';
+import type { EntitySchema, ExpandedEntitiesPath } from './types.ts';
+import type { Entity } from '../types.ts';
 
 interface UseEntityActionsOpts<TEntity extends Entity = Entity> {
   schema?: EntitySchema<TEntity>;
diff --git a/src/entity-store/hooks/useEntityLookup.ts b/src/entity-store/hooks/useEntityLookup.ts
index da3553281..13e5d72da 100644
--- a/src/entity-store/hooks/useEntityLookup.ts
+++ b/src/entity-store/hooks/useEntityLookup.ts
@@ -1,17 +1,17 @@
 import { useEffect, useState } from 'react';
 import { z } from 'zod';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useAppSelector } from 'soapbox/hooks/useAppSelector';
-import { useLoading } from 'soapbox/hooks/useLoading';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useAppSelector } from 'soapbox/hooks/useAppSelector.ts';
+import { useLoading } from 'soapbox/hooks/useLoading.ts';
 
-import { importEntities } from '../actions';
-import { findEntity } from '../selectors';
-import { Entity } from '../types';
+import { importEntities } from '../actions.ts';
+import { findEntity } from '../selectors.ts';
+import { Entity } from '../types.ts';
 
-import { EntityFn } from './types';
-import { type UseEntityOpts } from './useEntity';
+import { EntityFn } from './types.ts';
+import { type UseEntityOpts } from './useEntity.ts';
 
 /** Entities will be filtered through this function until it returns true. */
 type LookupFn<TEntity extends Entity> = (entity: TEntity) => boolean
diff --git a/src/entity-store/hooks/useIncrementEntity.ts b/src/entity-store/hooks/useIncrementEntity.ts
index 06f8b2352..7ddd101a6 100644
--- a/src/entity-store/hooks/useIncrementEntity.ts
+++ b/src/entity-store/hooks/useIncrementEntity.ts
@@ -1,11 +1,11 @@
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
-import { useLoading } from 'soapbox/hooks/useLoading';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
+import { useLoading } from 'soapbox/hooks/useLoading.ts';
 
-import { incrementEntities } from '../actions';
+import { incrementEntities } from '../actions.ts';
 
-import { parseEntitiesPath } from './utils';
+import { parseEntitiesPath } from './utils.ts';
 
-import type { EntityFn, ExpandedEntitiesPath } from './types';
+import type { EntityFn, ExpandedEntitiesPath } from './types.ts';
 
 /**
  * Increases (or decreases) the `totalCount` in the entity list by the specified amount.
diff --git a/src/entity-store/hooks/useTransaction.ts b/src/entity-store/hooks/useTransaction.ts
index 691d895c0..7aa13c194 100644
--- a/src/entity-store/hooks/useTransaction.ts
+++ b/src/entity-store/hooks/useTransaction.ts
@@ -1,8 +1,8 @@
-import { entitiesTransaction } from 'soapbox/entity-store/actions';
-import { useAppDispatch } from 'soapbox/hooks/useAppDispatch';
+import { entitiesTransaction } from 'soapbox/entity-store/actions.ts';
+import { useAppDispatch } from 'soapbox/hooks/useAppDispatch.ts';
 
-import type { EntityTypes } from 'soapbox/entity-store/entities';
-import type { EntitiesTransaction, Entity } from 'soapbox/entity-store/types';
+import type { EntityTypes } from 'soapbox/entity-store/entities.ts';
+import type { EntitiesTransaction, Entity } from 'soapbox/entity-store/types.ts';
 
 type Updater<TEntity extends Entity> = Record<string, (entity: TEntity) => TEntity>
 
diff --git a/src/entity-store/hooks/utils.ts b/src/entity-store/hooks/utils.ts
index cdb059ee4..a82de1293 100644
--- a/src/entity-store/hooks/utils.ts
+++ b/src/entity-store/hooks/utils.ts
@@ -1,4 +1,4 @@
-import type { EntitiesPath, ExpandedEntitiesPath } from './types';
+import type { EntitiesPath, ExpandedEntitiesPath } from './types.ts';
 
 function parseEntitiesPath(expandedPath: ExpandedEntitiesPath) {
   const [entityType, ...listKeys] = expandedPath;
diff --git a/src/entity-store/reducer.test.ts b/src/entity-store/reducer.test.ts
index c5166437a..ab0c5a469 100644
--- a/src/entity-store/reducer.test.ts
+++ b/src/entity-store/reducer.test.ts
@@ -8,11 +8,11 @@ import {
   entitiesFetchSuccess,
   importEntities,
   incrementEntities,
-} from './actions';
-import reducer, { State } from './reducer';
-import { createListState } from './utils';
+} from './actions.ts';
+import reducer, { State } from './reducer.ts';
+import { createListState } from './utils.ts';
 
-import type { EntityCache } from './types';
+import type { EntityCache } from './types.ts';
 
 interface TestEntity {
   id: string;
diff --git a/src/entity-store/reducer.ts b/src/entity-store/reducer.ts
index 2e53656af..dec8c1697 100644
--- a/src/entity-store/reducer.ts
+++ b/src/entity-store/reducer.ts
@@ -11,11 +11,11 @@ import {
   ENTITIES_INVALIDATE_LIST,
   ENTITIES_INCREMENT,
   ENTITIES_TRANSACTION,
-} from './actions';
-import { createCache, createList, updateStore, updateList } from './utils';
+} from './actions.ts';
+import { createCache, createList, updateStore, updateList } from './utils.ts';
 
-import type { DeleteEntitiesOpts } from './actions';
-import type { EntitiesTransaction, Entity, EntityCache, EntityListState, ImportPosition } from './types';
+import type { DeleteEntitiesOpts } from './actions.ts';
+import type { EntitiesTransaction, Entity, EntityCache, EntityListState, ImportPosition } from './types.ts';
 
 /** Entity reducer state. */
 interface State {
diff --git a/src/entity-store/selectors.ts b/src/entity-store/selectors.ts
index 3e827b360..78aba6ff2 100644
--- a/src/entity-store/selectors.ts
+++ b/src/entity-store/selectors.ts
@@ -1,8 +1,8 @@
-import { useAppSelector } from 'soapbox/hooks';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import type { EntitiesPath } from './hooks/types';
-import type { Entity, EntityListState } from './types';
-import type { RootState } from 'soapbox/store';
+import type { EntitiesPath } from './hooks/types.ts';
+import type { Entity, EntityListState } from './types.ts';
+import type { RootState } from 'soapbox/store.ts';
 
 /** Get cache at path from Redux. */
 const selectCache = (state: RootState, path: EntitiesPath) => state.entities[path[0]];
diff --git a/src/entity-store/utils.ts b/src/entity-store/utils.ts
index 58d54465a..6a1e3953f 100644
--- a/src/entity-store/utils.ts
+++ b/src/entity-store/utils.ts
@@ -1,4 +1,4 @@
-import type { Entity, EntityStore, EntityList, EntityCache, EntityListState, ImportPosition } from './types';
+import type { Entity, EntityStore, EntityList, EntityCache, EntityListState, ImportPosition } from './types.ts';
 
 /** Insert the entities into the store. */
 const updateStore = (store: EntityStore, entities: Entity[]): EntityStore => {
diff --git a/src/features/about/index.tsx b/src/features/about/index.tsx
index 43efac7e9..42cb428d7 100644
--- a/src/features/about/index.tsx
+++ b/src/features/about/index.tsx
@@ -2,12 +2,12 @@ import { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
-import { fetchAboutPage } from 'soapbox/actions/about';
-import { Navlinks } from 'soapbox/components/navlinks';
-import { Card } from 'soapbox/components/ui';
-import { useSoapboxConfig, useSettings, useAppDispatch } from 'soapbox/hooks';
+import { fetchAboutPage } from 'soapbox/actions/about.ts';
+import { Navlinks } from 'soapbox/components/navlinks.tsx';
+import { Card } from 'soapbox/components/ui/index.ts';
+import { useSoapboxConfig, useSettings, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { languages } from '../preferences';
+import { languages } from '../preferences/index.tsx';
 
 /** Displays arbitrary user-uploaded HTML on a page at `/about/:slug` */
 const AboutPage: React.FC = () => {
diff --git a/src/features/account-gallery/components/media-item.tsx b/src/features/account-gallery/components/media-item.tsx
index 70c913b8f..c39d68a42 100644
--- a/src/features/account-gallery/components/media-item.tsx
+++ b/src/features/account-gallery/components/media-item.tsx
@@ -3,13 +3,13 @@ import volumeIcon from '@tabler/icons/outline/volume.svg';
 import clsx from 'clsx';
 import { useState } from 'react';
 
-import Blurhash from 'soapbox/components/blurhash';
-import StillImage from 'soapbox/components/still-image';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { useSettings } from 'soapbox/hooks';
-import { isIOS } from 'soapbox/is-mobile';
+import Blurhash from 'soapbox/components/blurhash.tsx';
+import StillImage from 'soapbox/components/still-image.tsx';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { useSettings } from 'soapbox/hooks/index.ts';
+import { isIOS } from 'soapbox/is-mobile.ts';
 
-import type { Attachment } from 'soapbox/types/entities';
+import type { Attachment } from 'soapbox/types/entities.ts';
 
 interface IMediaItem {
   attachment: Attachment;
diff --git a/src/features/account-gallery/index.tsx b/src/features/account-gallery/index.tsx
index 0c7d0e58e..f4817f887 100644
--- a/src/features/account-gallery/index.tsx
+++ b/src/features/account-gallery/index.tsx
@@ -3,18 +3,18 @@ import { useEffect, useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { expandAccountMediaTimeline } from 'soapbox/actions/timelines';
-import { useAccountLookup } from 'soapbox/api/hooks';
-import LoadMore from 'soapbox/components/load-more';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import { Column, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { getAccountGallery } from 'soapbox/selectors';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { expandAccountMediaTimeline } from 'soapbox/actions/timelines.ts';
+import { useAccountLookup } from 'soapbox/api/hooks/index.ts';
+import LoadMore from 'soapbox/components/load-more.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { getAccountGallery } from 'soapbox/selectors/index.ts';
 
-import MediaItem from './components/media-item';
+import MediaItem from './components/media-item.tsx';
 
-import type { Attachment, Status } from 'soapbox/types/entities';
+import type { Attachment, Status } from 'soapbox/types/entities.ts';
 
 interface ILoadMoreMedia {
   maxId: string | null;
diff --git a/src/features/account-timeline/components/moved-note.tsx b/src/features/account-timeline/components/moved-note.tsx
index 993a111ef..7b6ea3ce7 100644
--- a/src/features/account-timeline/components/moved-note.tsx
+++ b/src/features/account-timeline/components/moved-note.tsx
@@ -1,11 +1,11 @@
 import briefcaseIcon from '@tabler/icons/outline/briefcase.svg';
 import { FormattedMessage } from 'react-intl';
 
-import Account from 'soapbox/components/account';
-import Icon from 'soapbox/components/icon';
-import { HStack, Text } from 'soapbox/components/ui';
+import Account from 'soapbox/components/account.tsx';
+import Icon from 'soapbox/components/icon.tsx';
+import { HStack, Text } from 'soapbox/components/ui/index.ts';
 
-import type { Account as AccountEntity } from 'soapbox/schemas';
+import type { Account as AccountEntity } from 'soapbox/schemas/index.ts';
 
 interface IMovedNote {
   from: AccountEntity;
diff --git a/src/features/account-timeline/index.tsx b/src/features/account-timeline/index.tsx
index 3f50f9f3d..8b2d5e216 100644
--- a/src/features/account-timeline/index.tsx
+++ b/src/features/account-timeline/index.tsx
@@ -2,15 +2,15 @@ import { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { fetchAccountByUsername } from 'soapbox/actions/accounts';
-import { fetchPatronAccount } from 'soapbox/actions/patron';
-import { expandAccountFeaturedTimeline, expandAccountTimeline } from 'soapbox/actions/timelines';
-import { useAccountLookup } from 'soapbox/api/hooks';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import StatusList from 'soapbox/components/status-list';
-import { Card, CardBody, Spinner, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures, useSettings, useSoapboxConfig } from 'soapbox/hooks';
-import { makeGetStatusIds } from 'soapbox/selectors';
+import { fetchAccountByUsername } from 'soapbox/actions/accounts.ts';
+import { fetchPatronAccount } from 'soapbox/actions/patron.ts';
+import { expandAccountFeaturedTimeline, expandAccountTimeline } from 'soapbox/actions/timelines.ts';
+import { useAccountLookup } from 'soapbox/api/hooks/index.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import StatusList from 'soapbox/components/status-list.tsx';
+import { Card, CardBody, Spinner, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { makeGetStatusIds } from 'soapbox/selectors/index.ts';
 
 const getStatusIds = makeGetStatusIds();
 
diff --git a/src/features/account/components/header.tsx b/src/features/account/components/header.tsx
index 1c160e280..a9a1df3ef 100644
--- a/src/features/account/components/header.tsx
+++ b/src/features/account/components/header.tsx
@@ -25,32 +25,32 @@ import { nip19 } from 'nostr-tools';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { blockAccount, pinAccount, removeFromFollowers, unblockAccount, unmuteAccount, unpinAccount } from 'soapbox/actions/accounts';
-import { mentionCompose, directCompose } from 'soapbox/actions/compose';
-import { blockDomain, unblockDomain } from 'soapbox/actions/domain-blocks';
-import { openModal } from 'soapbox/actions/modals';
-import { initMuteModal } from 'soapbox/actions/mutes';
-import { initReport, ReportableEntities } from 'soapbox/actions/reports';
-import { setSearchAccount } from 'soapbox/actions/search';
-import { getSettings } from 'soapbox/actions/settings';
-import { useFollow } from 'soapbox/api/hooks';
-import Badge from 'soapbox/components/badge';
-import DropdownMenu, { Menu } from 'soapbox/components/dropdown-menu';
-import StillImage from 'soapbox/components/still-image';
-import { Avatar, HStack, IconButton } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import MovedNote from 'soapbox/features/account-timeline/components/moved-note';
-import ActionButton from 'soapbox/features/ui/components/action-button';
-import SubscriptionButton from 'soapbox/features/ui/components/subscription-button';
-import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';
-import { normalizeAttachment } from 'soapbox/normalizers';
-import { ChatKeys, useChats } from 'soapbox/queries/chats';
-import { queryClient } from 'soapbox/queries/client';
-import { Account } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
-import { isDefaultHeader } from 'soapbox/utils/accounts';
-import copy from 'soapbox/utils/copy';
-import { MASTODON, parseVersion } from 'soapbox/utils/features';
+import { blockAccount, pinAccount, removeFromFollowers, unblockAccount, unmuteAccount, unpinAccount } from 'soapbox/actions/accounts.ts';
+import { mentionCompose, directCompose } from 'soapbox/actions/compose.ts';
+import { blockDomain, unblockDomain } from 'soapbox/actions/domain-blocks.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { initMuteModal } from 'soapbox/actions/mutes.ts';
+import { initReport, ReportableEntities } from 'soapbox/actions/reports.ts';
+import { setSearchAccount } from 'soapbox/actions/search.ts';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { useFollow } from 'soapbox/api/hooks/index.ts';
+import Badge from 'soapbox/components/badge.tsx';
+import DropdownMenu, { Menu } from 'soapbox/components/dropdown-menu/index.ts';
+import StillImage from 'soapbox/components/still-image.tsx';
+import { Avatar, HStack, IconButton } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import MovedNote from 'soapbox/features/account-timeline/components/moved-note.tsx';
+import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
+import SubscriptionButton from 'soapbox/features/ui/components/subscription-button.tsx';
+import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { normalizeAttachment } from 'soapbox/normalizers/index.ts';
+import { ChatKeys, useChats } from 'soapbox/queries/chats.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { Account } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { isDefaultHeader } from 'soapbox/utils/accounts.ts';
+import copy from 'soapbox/utils/copy.ts';
+import { MASTODON, parseVersion } from 'soapbox/utils/features.ts';
 
 const messages = defineMessages({
   edit_profile: { id: 'account.edit_profile', defaultMessage: 'Edit profile' },
diff --git a/src/features/admin/announcements.tsx b/src/features/admin/announcements.tsx
index 12a9408fc..a8ed8e535 100644
--- a/src/features/admin/announcements.tsx
+++ b/src/features/admin/announcements.tsx
@@ -1,13 +1,13 @@
 import plusIcon from '@tabler/icons/outline/plus.svg';
 import { FormattedDate, FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useAnnouncements } from 'soapbox/api/hooks/admin/useAnnouncements';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import { AdminAnnouncement } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useAnnouncements } from 'soapbox/api/hooks/admin/useAnnouncements.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { AdminAnnouncement } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.announcements', defaultMessage: 'Announcements' },
diff --git a/src/features/admin/components/admin-tabs.tsx b/src/features/admin/components/admin-tabs.tsx
index ff4a2f364..b5d2312d9 100644
--- a/src/features/admin/components/admin-tabs.tsx
+++ b/src/features/admin/components/admin-tabs.tsx
@@ -1,8 +1,8 @@
 import { useIntl, defineMessages } from 'react-intl';
 import { useRouteMatch } from 'react-router-dom';
 
-import { Tabs } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
+import { Tabs } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   dashboard: { id: 'admin_nav.dashboard', defaultMessage: 'Dashboard' },
diff --git a/src/features/admin/components/dashcounter.tsx b/src/features/admin/components/dashcounter.tsx
index 59707fb0f..a104f62b0 100644
--- a/src/features/admin/components/dashcounter.tsx
+++ b/src/features/admin/components/dashcounter.tsx
@@ -1,8 +1,8 @@
 import { FormattedNumber } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Text } from 'soapbox/components/ui';
-import { isNumber } from 'soapbox/utils/numbers';
+import { Text } from 'soapbox/components/ui/index.ts';
+import { isNumber } from 'soapbox/utils/numbers.tsx';
 
 interface IDashCounter {
   count: number | undefined;
diff --git a/src/features/admin/components/latest-accounts-panel.tsx b/src/features/admin/components/latest-accounts-panel.tsx
index a63ef3008..5873e72ed 100644
--- a/src/features/admin/components/latest-accounts-panel.tsx
+++ b/src/features/admin/components/latest-accounts-panel.tsx
@@ -1,9 +1,9 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { useAdminAccounts } from 'soapbox/api/hooks/admin/useAdminAccounts';
-import Account from 'soapbox/components/account';
-import { Widget } from 'soapbox/components/ui';
+import { useAdminAccounts } from 'soapbox/api/hooks/admin/useAdminAccounts.ts';
+import Account from 'soapbox/components/account.tsx';
+import { Widget } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   title: { id: 'admin.latest_accounts_panel.title', defaultMessage: 'Latest Accounts' },
diff --git a/src/features/admin/components/registration-mode-picker.tsx b/src/features/admin/components/registration-mode-picker.tsx
index 55609e979..e9ee8a72d 100644
--- a/src/features/admin/components/registration-mode-picker.tsx
+++ b/src/features/admin/components/registration-mode-picker.tsx
@@ -1,10 +1,10 @@
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 
-import { updateConfig } from 'soapbox/actions/admin';
-import { RadioGroup, RadioItem } from 'soapbox/components/radio';
-import { useAppDispatch, useInstance } from 'soapbox/hooks';
-import { InstanceV2 } from 'soapbox/schemas/instance';
-import toast from 'soapbox/toast';
+import { updateConfig } from 'soapbox/actions/admin.ts';
+import { RadioGroup, RadioItem } from 'soapbox/components/radio.tsx';
+import { useAppDispatch, useInstance } from 'soapbox/hooks/index.ts';
+import { InstanceV2 } from 'soapbox/schemas/instance.ts';
+import toast from 'soapbox/toast.tsx';
 
 type RegistrationMode = 'open' | 'approval' | 'closed';
 
diff --git a/src/features/admin/components/report-status.tsx b/src/features/admin/components/report-status.tsx
index 251febe41..3db8dcb0e 100644
--- a/src/features/admin/components/report-status.tsx
+++ b/src/features/admin/components/report-status.tsx
@@ -3,14 +3,14 @@ import pencilIcon from '@tabler/icons/outline/pencil.svg';
 import trashIcon from '@tabler/icons/outline/trash.svg';
 import { useIntl, defineMessages } from 'react-intl';
 
-import { deleteStatusModal } from 'soapbox/actions/moderation';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import StatusContent from 'soapbox/components/status-content';
-import StatusMedia from 'soapbox/components/status-media';
-import { HStack, Stack } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { deleteStatusModal } from 'soapbox/actions/moderation.tsx';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import StatusMedia from 'soapbox/components/status-media.tsx';
+import { HStack, Stack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import type { AdminReport, Status } from 'soapbox/types/entities';
+import type { AdminReport, Status } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   viewStatus: { id: 'admin.reports.actions.view_status', defaultMessage: 'View post' },
diff --git a/src/features/admin/components/report.tsx b/src/features/admin/components/report.tsx
index 86c7cea2c..7ce9191eb 100644
--- a/src/features/admin/components/report.tsx
+++ b/src/features/admin/components/report.tsx
@@ -5,19 +5,19 @@ import { useCallback, useState } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { closeReports } from 'soapbox/actions/admin';
-import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper';
-import { Accordion, Avatar, Button, Stack, HStack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { makeGetReport } from 'soapbox/selectors';
-import toast from 'soapbox/toast';
+import { closeReports } from 'soapbox/actions/admin.ts';
+import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation.tsx';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import { Accordion, Avatar, Button, Stack, HStack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetReport } from 'soapbox/selectors/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import ReportStatus from './report-status';
+import ReportStatus from './report-status.tsx';
 
 import type { List as ImmutableList } from 'immutable';
-import type { Account, AdminReport, Status } from 'soapbox/types/entities';
+import type { Account, AdminReport, Status } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   reportClosed: { id: 'admin.reports.report_closed_message', defaultMessage: 'Report on @{name} was closed' },
diff --git a/src/features/admin/components/unapproved-account.tsx b/src/features/admin/components/unapproved-account.tsx
index 510c36b27..0338789e9 100644
--- a/src/features/admin/components/unapproved-account.tsx
+++ b/src/features/admin/components/unapproved-account.tsx
@@ -1,8 +1,8 @@
-import { approveUser, rejectUser } from 'soapbox/actions/admin';
-import { useAccount } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { approveUser, rejectUser } from 'soapbox/actions/admin.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons.tsx';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 interface IUnapprovedAccount {
   accountId: string;
diff --git a/src/features/admin/domains.tsx b/src/features/admin/domains.tsx
index 1f1dd724c..3fabe2e66 100644
--- a/src/features/admin/domains.tsx
+++ b/src/features/admin/domains.tsx
@@ -2,17 +2,17 @@ import plusIcon from '@tabler/icons/outline/plus.svg';
 import { useEffect } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useDomains } from 'soapbox/api/hooks/admin';
-import { dateFormatOptions } from 'soapbox/components/relative-timestamp';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useDomains } from 'soapbox/api/hooks/admin/index.ts';
+import { dateFormatOptions } from 'soapbox/components/relative-timestamp.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import Indicator from '../developers/components/indicator';
+import Indicator from '../developers/components/indicator.tsx';
 
-import type { Domain as DomainEntity } from 'soapbox/schemas';
+import type { Domain as DomainEntity } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.domains', defaultMessage: 'Domains' },
diff --git a/src/features/admin/hooks/useAdminNostrRelays.ts b/src/features/admin/hooks/useAdminNostrRelays.ts
index 576f12351..8ef6326c7 100644
--- a/src/features/admin/hooks/useAdminNostrRelays.ts
+++ b/src/features/admin/hooks/useAdminNostrRelays.ts
@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 import { z } from 'zod';
 
-import { useApi } from 'soapbox/hooks';
+import { useApi } from 'soapbox/hooks/index.ts';
 
 const relayEntitySchema = z.object({
   url: z.string().url(),
diff --git a/src/features/admin/index.tsx b/src/features/admin/index.tsx
index 77dabcd9a..ad25d50f5 100644
--- a/src/features/admin/index.tsx
+++ b/src/features/admin/index.tsx
@@ -1,13 +1,13 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { Switch, Route } from 'react-router-dom';
 
-import { Column } from 'soapbox/components/ui';
-import { useOwnAccount } from 'soapbox/hooks';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import AdminTabs from './components/admin-tabs';
-import Waitlist from './tabs/awaiting-approval';
-import Dashboard from './tabs/dashboard';
-import Reports from './tabs/reports';
+import AdminTabs from './components/admin-tabs.tsx';
+import Waitlist from './tabs/awaiting-approval.tsx';
+import Dashboard from './tabs/dashboard.tsx';
+import Reports from './tabs/reports.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.dashboard', defaultMessage: 'Dashboard' },
diff --git a/src/features/admin/manage-zap-split.tsx b/src/features/admin/manage-zap-split.tsx
index 1c7bdcfc5..61138f248 100644
--- a/src/features/admin/manage-zap-split.tsx
+++ b/src/features/admin/manage-zap-split.tsx
@@ -2,13 +2,13 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import Account from 'soapbox/components/account';
-import List, { ListItem } from 'soapbox/components/list';
-import { Button, Column, HStack, Input, Stack } from 'soapbox/components/ui';
+import Account from 'soapbox/components/account.tsx';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Button, Column, HStack, Input, Stack } from 'soapbox/components/ui/index.ts';
 
-import { useManageZapSplit } from '../../api/hooks/admin/useManageZapSplit';
-import AddNewAccount from '../ui/components/new-account-zap-split';
-import { ZapSplitSlider } from '../zap/components/zap-split-account-item';
+import { useManageZapSplit } from '../../api/hooks/admin/useManageZapSplit.ts';
+import AddNewAccount from '../ui/components/new-account-zap-split.tsx';
+import { ZapSplitSlider } from '../zap/components/zap-split-account-item.tsx';
 
 const closeIcon = xIcon;
 
diff --git a/src/features/admin/moderation-log.tsx b/src/features/admin/moderation-log.tsx
index 0fc82ed0b..9acef5117 100644
--- a/src/features/admin/moderation-log.tsx
+++ b/src/features/admin/moderation-log.tsx
@@ -1,10 +1,10 @@
 import { defineMessages, FormattedDate, useIntl } from 'react-intl';
 
-import { useModerationLog } from 'soapbox/api/hooks/admin';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Stack, Text } from 'soapbox/components/ui';
+import { useModerationLog } from 'soapbox/api/hooks/admin/index.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import type { ModerationLogEntry } from 'soapbox/schemas';
+import type { ModerationLogEntry } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.moderation_log', defaultMessage: 'Moderation Log' },
diff --git a/src/features/admin/nostr-relays.tsx b/src/features/admin/nostr-relays.tsx
index b182e9711..0642dcde5 100644
--- a/src/features/admin/nostr-relays.tsx
+++ b/src/features/admin/nostr-relays.tsx
@@ -2,11 +2,11 @@ import { useMutation } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { Button, Column, Form, FormActions, Stack } from 'soapbox/components/ui';
-import RelayEditor, { RelayData } from 'soapbox/features/nostr-relays/components/relay-editor';
-import { useApi } from 'soapbox/hooks';
+import { Button, Column, Form, FormActions, Stack } from 'soapbox/components/ui/index.ts';
+import RelayEditor, { RelayData } from 'soapbox/features/nostr-relays/components/relay-editor.tsx';
+import { useApi } from 'soapbox/hooks/index.ts';
 
-import { useAdminNostrRelays } from './hooks/useAdminNostrRelays';
+import { useAdminNostrRelays } from './hooks/useAdminNostrRelays.ts';
 
 const messages = defineMessages({
   title: { id: 'column.admin.nostr_relays', defaultMessage: 'Relays' },
diff --git a/src/features/admin/relays.tsx b/src/features/admin/relays.tsx
index ff25be118..65131f0e3 100644
--- a/src/features/admin/relays.tsx
+++ b/src/features/admin/relays.tsx
@@ -1,12 +1,12 @@
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { useRelays } from 'soapbox/api/hooks/admin';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Column, Form, HStack, Input, Stack, Text } from 'soapbox/components/ui';
-import { useTextField } from 'soapbox/hooks/forms';
-import toast from 'soapbox/toast';
+import { useRelays } from 'soapbox/api/hooks/admin/index.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Column, Form, HStack, Input, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useTextField } from 'soapbox/hooks/forms/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { Relay as RelayEntity } from 'soapbox/schemas';
+import type { Relay as RelayEntity } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.relays', defaultMessage: 'Instance relays' },
diff --git a/src/features/admin/rules.tsx b/src/features/admin/rules.tsx
index 42352ed62..544b36ffc 100644
--- a/src/features/admin/rules.tsx
+++ b/src/features/admin/rules.tsx
@@ -1,13 +1,13 @@
 import plusIcon from '@tabler/icons/outline/plus.svg';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useRules } from 'soapbox/api/hooks/admin';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import { AdminRule } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useRules } from 'soapbox/api/hooks/admin/index.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { AdminRule } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.rules', defaultMessage: 'Instance rules' },
diff --git a/src/features/admin/tabs/awaiting-approval.tsx b/src/features/admin/tabs/awaiting-approval.tsx
index e8ed05e2c..eead7067c 100644
--- a/src/features/admin/tabs/awaiting-approval.tsx
+++ b/src/features/admin/tabs/awaiting-approval.tsx
@@ -1,11 +1,11 @@
 import { useState, useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { fetchUsers } from 'soapbox/actions/admin';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { fetchUsers } from 'soapbox/actions/admin.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import UnapprovedAccount from '../components/unapproved-account';
+import UnapprovedAccount from '../components/unapproved-account.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.awaiting_approval', defaultMessage: 'Awaiting Approval' },
diff --git a/src/features/admin/tabs/dashboard.tsx b/src/features/admin/tabs/dashboard.tsx
index d577c0797..1cff57c39 100644
--- a/src/features/admin/tabs/dashboard.tsx
+++ b/src/features/admin/tabs/dashboard.tsx
@@ -2,17 +2,17 @@ import downloadIcon from '@tabler/icons/outline/download.svg';
 import externalLinkIcon from '@tabler/icons/outline/external-link.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { getSubscribersCsv, getUnsubscribersCsv, getCombinedCsv } from 'soapbox/actions/email-list';
-import { useInstanceV1 } from 'soapbox/api/hooks/instance/useInstanceV1';
-import List, { ListItem } from 'soapbox/components/list';
-import { CardTitle, Icon, IconButton, Stack } from 'soapbox/components/ui';
-import { useAppDispatch, useOwnAccount, useFeatures } from 'soapbox/hooks';
-import sourceCode from 'soapbox/utils/code';
-import { download } from 'soapbox/utils/download';
-import { parseVersion } from 'soapbox/utils/features';
+import { getSubscribersCsv, getUnsubscribersCsv, getCombinedCsv } from 'soapbox/actions/email-list.ts';
+import { useInstanceV1 } from 'soapbox/api/hooks/instance/useInstanceV1.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { CardTitle, Icon, IconButton, Stack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount, useFeatures } from 'soapbox/hooks/index.ts';
+import sourceCode from 'soapbox/utils/code.ts';
+import { download } from 'soapbox/utils/download.ts';
+import { parseVersion } from 'soapbox/utils/features.ts';
 
-import { DashCounter, DashCounters } from '../components/dashcounter';
-import RegistrationModePicker from '../components/registration-mode-picker';
+import { DashCounter, DashCounters } from '../components/dashcounter.tsx';
+import RegistrationModePicker from '../components/registration-mode-picker.tsx';
 
 const Dashboard: React.FC = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/admin/tabs/reports.tsx b/src/features/admin/tabs/reports.tsx
index c8de1aa09..28f6f7874 100644
--- a/src/features/admin/tabs/reports.tsx
+++ b/src/features/admin/tabs/reports.tsx
@@ -1,11 +1,11 @@
 import { useState, useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { fetchReports } from 'soapbox/actions/admin';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { fetchReports } from 'soapbox/actions/admin.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import Report from '../components/report';
+import Report from '../components/report.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.reports', defaultMessage: 'Reports' },
diff --git a/src/features/admin/user-index.tsx b/src/features/admin/user-index.tsx
index 7d525285b..8aec7e07c 100644
--- a/src/features/admin/user-index.tsx
+++ b/src/features/admin/user-index.tsx
@@ -1,9 +1,9 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { useAdminAccounts } from 'soapbox/api/hooks/admin/useAdminAccounts';
-import Account from 'soapbox/components/account';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column } from 'soapbox/components/ui';
+import { useAdminAccounts } from 'soapbox/api/hooks/admin/useAdminAccounts.ts';
+import Account from 'soapbox/components/account.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.users', defaultMessage: 'Users' },
diff --git a/src/features/aliases/components/account.tsx b/src/features/aliases/components/account.tsx
index b372cc362..024d1ec4c 100644
--- a/src/features/aliases/components/account.tsx
+++ b/src/features/aliases/components/account.tsx
@@ -1,12 +1,12 @@
 import plusIcon from '@tabler/icons/outline/plus.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { addToAliases } from 'soapbox/actions/aliases';
-import { useAccount } from 'soapbox/api/hooks';
-import AccountComponent from 'soapbox/components/account';
-import IconButton from 'soapbox/components/icon-button';
-import { HStack } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
+import { addToAliases } from 'soapbox/actions/aliases.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import AccountComponent from 'soapbox/components/account.tsx';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   add: { id: 'aliases.account.add', defaultMessage: 'Create alias' },
diff --git a/src/features/aliases/components/search.tsx b/src/features/aliases/components/search.tsx
index 807e8729b..b8a51cdcb 100644
--- a/src/features/aliases/components/search.tsx
+++ b/src/features/aliases/components/search.tsx
@@ -2,10 +2,10 @@ import backspaceIcon from '@tabler/icons/outline/backspace.svg';
 import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { fetchAliasesSuggestions, clearAliasesSuggestions, changeAliasesSuggestions } from 'soapbox/actions/aliases';
-import Icon from 'soapbox/components/icon';
-import { Button } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchAliasesSuggestions, clearAliasesSuggestions, changeAliasesSuggestions } from 'soapbox/actions/aliases.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import { Button } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   search: { id: 'aliases.search', defaultMessage: 'Search your old account' },
diff --git a/src/features/aliases/index.tsx b/src/features/aliases/index.tsx
index a814e3da5..f2b322fbe 100644
--- a/src/features/aliases/index.tsx
+++ b/src/features/aliases/index.tsx
@@ -2,14 +2,14 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchAliases, removeFromAliases } from 'soapbox/actions/aliases';
-import Icon from 'soapbox/components/icon';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { CardHeader, CardTitle, Column, HStack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';
+import { fetchAliases, removeFromAliases } from 'soapbox/actions/aliases.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { CardHeader, CardTitle, Column, HStack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import Account from './components/account';
-import Search from './components/search';
+import Account from './components/account.tsx';
+import Search from './components/search.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.aliases', defaultMessage: 'Account aliases' },
diff --git a/src/features/audio/index.tsx b/src/features/audio/index.tsx
index 1aa239ab0..51e0158cb 100644
--- a/src/features/audio/index.tsx
+++ b/src/features/audio/index.tsx
@@ -9,10 +9,10 @@ import throttle from 'lodash/throttle';
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { formatTime, getPointerPosition } from 'soapbox/features/video';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { formatTime, getPointerPosition } from 'soapbox/features/video/index.tsx';
 
-import Visualizer from './visualizer';
+import Visualizer from './visualizer.ts';
 
 const messages = defineMessages({
   play: { id: 'video.play', defaultMessage: 'Play' },
diff --git a/src/features/auth-login/components/captcha.test.tsx b/src/features/auth-login/components/captcha.test.tsx
index b8e3fac21..51138d30d 100644
--- a/src/features/auth-login/components/captcha.test.tsx
+++ b/src/features/auth-login/components/captcha.test.tsx
@@ -1,9 +1,9 @@
 import { Map as ImmutableMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import CaptchaField, { NativeCaptchaField } from './captcha';
+import CaptchaField, { NativeCaptchaField } from './captcha.tsx';
 
 describe('<CaptchaField />', () => {
   it('renders null by default', () => {
diff --git a/src/features/auth-login/components/captcha.tsx b/src/features/auth-login/components/captcha.tsx
index c393731c3..340367eca 100644
--- a/src/features/auth-login/components/captcha.tsx
+++ b/src/features/auth-login/components/captcha.tsx
@@ -2,9 +2,9 @@ import { Map as ImmutableMap } from 'immutable';
 import { useState, useEffect } from 'react';
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 
-import { fetchCaptcha } from 'soapbox/actions/auth';
-import { Stack, Text, Input } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { fetchCaptcha } from 'soapbox/actions/auth.ts';
+import { Stack, Text, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import type { AxiosResponse } from 'axios';
 
diff --git a/src/features/auth-login/components/consumer-button.tsx b/src/features/auth-login/components/consumer-button.tsx
index 2eebaf9c4..dd28ecad8 100644
--- a/src/features/auth-login/components/consumer-button.tsx
+++ b/src/features/auth-login/components/consumer-button.tsx
@@ -7,10 +7,10 @@ import brandWindowsIcon from '@tabler/icons/outline/brand-windows.svg';
 import keyIcon from '@tabler/icons/outline/key.svg';
 import { useIntl, defineMessages } from 'react-intl';
 
-import { prepareRequest } from 'soapbox/actions/consumer-auth';
-import { IconButton, Tooltip } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import { capitalize } from 'soapbox/utils/strings';
+import { prepareRequest } from 'soapbox/actions/consumer-auth.ts';
+import { IconButton, Tooltip } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { capitalize } from 'soapbox/utils/strings.ts';
 
 const messages = defineMessages({
   tooltip: { id: 'oauth_consumer.tooltip', defaultMessage: 'Sign in with {provider}' },
diff --git a/src/features/auth-login/components/consumers-list.tsx b/src/features/auth-login/components/consumers-list.tsx
index d22f1aa4f..55a58601f 100644
--- a/src/features/auth-login/components/consumers-list.tsx
+++ b/src/features/auth-login/components/consumers-list.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Card, HStack, Text } from 'soapbox/components/ui';
-import { useInstance } from 'soapbox/hooks';
+import { Card, HStack, Text } from 'soapbox/components/ui/index.ts';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
-import ConsumerButton from './consumer-button';
+import ConsumerButton from './consumer-button.tsx';
 
 interface IConsumersList {
 }
diff --git a/src/features/auth-login/components/login-form.test.tsx b/src/features/auth-login/components/login-form.test.tsx
index 49f94cbfc..fa4023d78 100644
--- a/src/features/auth-login/components/login-form.test.tsx
+++ b/src/features/auth-login/components/login-form.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it, vi } from 'vitest';
 
-import { fireEvent, render, screen } from 'soapbox/jest/test-helpers';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { fireEvent, render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import LoginForm from './login-form';
+import LoginForm from './login-form.tsx';
 
 describe('<LoginForm />', () => {
   it('renders for Pleroma', () => {
diff --git a/src/features/auth-login/components/login-form.tsx b/src/features/auth-login/components/login-form.tsx
index 6a72e345e..0fa0652c5 100644
--- a/src/features/auth-login/components/login-form.tsx
+++ b/src/features/auth-login/components/login-form.tsx
@@ -1,8 +1,8 @@
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
-import { useFeatures } from 'soapbox/hooks';
+import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   username: {
diff --git a/src/features/auth-login/components/login-page.test.tsx b/src/features/auth-login/components/login-page.test.tsx
index b8f646a7a..a89006f02 100644
--- a/src/features/auth-login/components/login-page.test.tsx
+++ b/src/features/auth-login/components/login-page.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import LoginPage from './login-page';
+import LoginPage from './login-page.tsx';
 
 describe('<LoginPage />', () => {
   it('renders correctly on load', () => {
diff --git a/src/features/auth-login/components/login-page.tsx b/src/features/auth-login/components/login-page.tsx
index 800c4848e..e73776739 100644
--- a/src/features/auth-login/components/login-page.tsx
+++ b/src/features/auth-login/components/login-page.tsx
@@ -2,16 +2,16 @@ import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { logIn, verifyCredentials, switchAccount } from 'soapbox/actions/auth';
-import { fetchInstance } from 'soapbox/actions/instance';
-import { closeModal, openModal } from 'soapbox/actions/modals';
-import { BigCard } from 'soapbox/components/big-card';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks';
-import { getRedirectUrl } from 'soapbox/utils/redirect';
+import { logIn, verifyCredentials, switchAccount } from 'soapbox/actions/auth.ts';
+import { fetchInstance } from 'soapbox/actions/instance.ts';
+import { closeModal, openModal } from 'soapbox/actions/modals.ts';
+import { BigCard } from 'soapbox/components/big-card.tsx';
+import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
+import { getRedirectUrl } from 'soapbox/utils/redirect.ts';
 
-import ConsumersList from './consumers-list';
-import LoginForm from './login-form';
-import OtpAuthForm from './otp-auth-form';
+import ConsumersList from './consumers-list.tsx';
+import LoginForm from './login-form.tsx';
+import OtpAuthForm from './otp-auth-form.tsx';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/auth-login/components/logout.tsx b/src/features/auth-login/components/logout.tsx
index 0508c7572..e5bb79723 100644
--- a/src/features/auth-login/components/logout.tsx
+++ b/src/features/auth-login/components/logout.tsx
@@ -2,8 +2,8 @@ import { useEffect, useState } from 'react';
 import { useDispatch } from 'react-redux';
 import { Redirect } from 'react-router-dom';
 
-import { logOut } from 'soapbox/actions/auth';
-import { Spinner } from 'soapbox/components/ui';
+import { logOut } from 'soapbox/actions/auth.ts';
+import { Spinner } from 'soapbox/components/ui/index.ts';
 
 /** Component that logs the user out when rendered */
 const Logout: React.FC = () => {
diff --git a/src/features/auth-login/components/otp-auth-form.test.tsx b/src/features/auth-login/components/otp-auth-form.test.tsx
index 91e868ca3..d1d24d6af 100644
--- a/src/features/auth-login/components/otp-auth-form.test.tsx
+++ b/src/features/auth-login/components/otp-auth-form.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import OtpAuthForm from './otp-auth-form';
+import OtpAuthForm from './otp-auth-form.tsx';
 
 describe('<OtpAuthForm />', () => {
   it('renders correctly', () => {
diff --git a/src/features/auth-login/components/otp-auth-form.tsx b/src/features/auth-login/components/otp-auth-form.tsx
index 08aad366c..1d648f2e6 100644
--- a/src/features/auth-login/components/otp-auth-form.tsx
+++ b/src/features/auth-login/components/otp-auth-form.tsx
@@ -2,10 +2,10 @@ import { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { otpVerify, verifyCredentials, switchAccount } from 'soapbox/actions/auth';
-import { BigCard } from 'soapbox/components/big-card';
-import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { otpVerify, verifyCredentials, switchAccount } from 'soapbox/actions/auth.ts';
+import { BigCard } from 'soapbox/components/big-card.tsx';
+import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   otpCodeHint: { id: 'login.fields.otp_code_hint', defaultMessage: 'Enter the two-factor code generated by your phone app or use one of your recovery codes' },
diff --git a/src/features/auth-login/components/password-reset-confirm.test.tsx b/src/features/auth-login/components/password-reset-confirm.test.tsx
index 5551f79c3..513d85ff8 100644
--- a/src/features/auth-login/components/password-reset-confirm.test.tsx
+++ b/src/features/auth-login/components/password-reset-confirm.test.tsx
@@ -1,10 +1,10 @@
 import { Route, Switch } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { fireEvent, render, screen, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { fireEvent, render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import PasswordResetConfirm from './password-reset-confirm';
+import PasswordResetConfirm from './password-reset-confirm.tsx';
 
 const TestableComponent = () => (
   <Switch>
diff --git a/src/features/auth-login/components/password-reset-confirm.tsx b/src/features/auth-login/components/password-reset-confirm.tsx
index 0c2473389..c6a733004 100644
--- a/src/features/auth-login/components/password-reset-confirm.tsx
+++ b/src/features/auth-login/components/password-reset-confirm.tsx
@@ -2,10 +2,10 @@ import { useCallback, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { resetPasswordConfirm } from 'soapbox/actions/security';
-import { BigCard } from 'soapbox/components/big-card';
-import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { resetPasswordConfirm } from 'soapbox/actions/security.ts';
+import { BigCard } from 'soapbox/components/big-card.tsx';
+import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const token = new URLSearchParams(window.location.search).get('reset_password_token');
 
diff --git a/src/features/auth-login/components/password-reset.tsx b/src/features/auth-login/components/password-reset.tsx
index 6d5487ceb..5b1a1e631 100644
--- a/src/features/auth-login/components/password-reset.tsx
+++ b/src/features/auth-login/components/password-reset.tsx
@@ -2,11 +2,11 @@ import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { resetPassword } from 'soapbox/actions/security';
-import { BigCard } from 'soapbox/components/big-card';
-import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { resetPassword } from 'soapbox/actions/security.ts';
+import { BigCard } from 'soapbox/components/big-card.tsx';
+import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   nicknameOrEmail: { id: 'password_reset.fields.username_placeholder', defaultMessage: 'Email or username' },
diff --git a/src/features/auth-login/components/registration-form.tsx b/src/features/auth-login/components/registration-form.tsx
index 48854d279..58cc06e94 100644
--- a/src/features/auth-login/components/registration-form.tsx
+++ b/src/features/auth-login/components/registration-form.tsx
@@ -7,13 +7,13 @@ import { useState, useRef, useCallback } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
-import { accountLookup } from 'soapbox/actions/accounts';
-import { register, verifyCredentials } from 'soapbox/actions/auth';
-import { openModal } from 'soapbox/actions/modals';
-import BirthdayInput from 'soapbox/components/birthday-input';
-import { Checkbox, Form, FormGroup, FormActions, Button, Input, Textarea, Select } from 'soapbox/components/ui';
-import CaptchaField from 'soapbox/features/auth-login/components/captcha';
-import { useAppDispatch, useSettings, useFeatures, useInstance } from 'soapbox/hooks';
+import { accountLookup } from 'soapbox/actions/accounts.ts';
+import { register, verifyCredentials } from 'soapbox/actions/auth.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import BirthdayInput from 'soapbox/components/birthday-input.tsx';
+import { Checkbox, Form, FormGroup, FormActions, Button, Input, Textarea, Select } from 'soapbox/components/ui/index.ts';
+import CaptchaField from 'soapbox/features/auth-login/components/captcha.tsx';
+import { useAppDispatch, useSettings, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   username: { id: 'registration.fields.username_placeholder', defaultMessage: 'Username' },
diff --git a/src/features/auth-login/components/registration-page.tsx b/src/features/auth-login/components/registration-page.tsx
index 0401ebf10..e4cfe335f 100644
--- a/src/features/auth-login/components/registration-page.tsx
+++ b/src/features/auth-login/components/registration-page.tsx
@@ -1,12 +1,12 @@
 import { FormattedMessage } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { BigCard } from 'soapbox/components/big-card';
-import { Text } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures, useInstance, useRegistrationStatus } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { BigCard } from 'soapbox/components/big-card.tsx';
+import { Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures, useInstance, useRegistrationStatus } from 'soapbox/hooks/index.ts';
 
-import RegistrationForm from './registration-form';
+import RegistrationForm from './registration-form.tsx';
 
 const RegistrationPage: React.FC = () => {
   const { instance } = useInstance();
diff --git a/src/features/auth-token-list/index.tsx b/src/features/auth-token-list/index.tsx
index 24b4c6867..61bd90267 100644
--- a/src/features/auth-token-list/index.tsx
+++ b/src/features/auth-token-list/index.tsx
@@ -2,11 +2,11 @@ import alertTriangleIcon from '@tabler/icons/outline/alert-triangle.svg';
 import { useEffect } from 'react';
 import { defineMessages, FormattedDate, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { fetchOAuthTokens, revokeOAuthTokenById } from 'soapbox/actions/security';
-import { Button, Card, CardBody, CardHeader, CardTitle, Column, HStack, Spinner, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { Token } from 'soapbox/reducers/security';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { fetchOAuthTokens, revokeOAuthTokenById } from 'soapbox/actions/security.ts';
+import { Button, Card, CardBody, CardHeader, CardTitle, Column, HStack, Spinner, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { Token } from 'soapbox/reducers/security.ts';
 
 const messages = defineMessages({
   header: { id: 'security.headers.tokens', defaultMessage: 'Sessions' },
diff --git a/src/features/backups/index.tsx b/src/features/backups/index.tsx
index 3274851a5..1d8c8f3d4 100644
--- a/src/features/backups/index.tsx
+++ b/src/features/backups/index.tsx
@@ -1,11 +1,11 @@
 import { useEffect, useState } from 'react';
 import { FormattedDate, defineMessages, useIntl } from 'react-intl';
 
-import { fetchBackups, createBackup } from 'soapbox/actions/backups';
-import { Button, Card, Column, FormActions, HStack, Spinner, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchBackups, createBackup } from 'soapbox/actions/backups.ts';
+import { Button, Card, Column, FormActions, HStack, Spinner, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import type { Backup as BackupEntity } from 'soapbox/reducers/backups';
+import type { Backup as BackupEntity } from 'soapbox/reducers/backups.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.backups', defaultMessage: 'Backups' },
diff --git a/src/features/birthdays/account.tsx b/src/features/birthdays/account.tsx
index 78c6f40fe..d19fc09d9 100644
--- a/src/features/birthdays/account.tsx
+++ b/src/features/birthdays/account.tsx
@@ -1,10 +1,10 @@
 import balloonIcon from '@tabler/icons/outline/balloon.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { useAccount } from 'soapbox/api/hooks';
-import AccountComponent from 'soapbox/components/account';
-import Icon from 'soapbox/components/icon';
-import { HStack } from 'soapbox/components/ui';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import AccountComponent from 'soapbox/components/account.tsx';
+import Icon from 'soapbox/components/icon.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   birthday: { id: 'account.birthday', defaultMessage: 'Born {date}' },
diff --git a/src/features/blocks/index.tsx b/src/features/blocks/index.tsx
index c62112924..9cc136d48 100644
--- a/src/features/blocks/index.tsx
+++ b/src/features/blocks/index.tsx
@@ -1,9 +1,9 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { useBlocks } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Spinner } from 'soapbox/components/ui';
+import { useBlocks } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.blocks', defaultMessage: 'Blocks' },
diff --git a/src/features/bookmark-folders/components/new-folder-form.tsx b/src/features/bookmark-folders/components/new-folder-form.tsx
index 5f4fb4ec5..ffddfe089 100644
--- a/src/features/bookmark-folders/components/new-folder-form.tsx
+++ b/src/features/bookmark-folders/components/new-folder-form.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { useCreateBookmarkFolder } from 'soapbox/api/hooks';
-import { Button, Form, HStack, Input } from 'soapbox/components/ui';
-import { useTextField } from 'soapbox/hooks/forms';
-import toast from 'soapbox/toast';
+import { useCreateBookmarkFolder } from 'soapbox/api/hooks/index.ts';
+import { Button, Form, HStack, Input } from 'soapbox/components/ui/index.ts';
+import { useTextField } from 'soapbox/hooks/forms/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   label: { id: 'bookmark_folders.new.title_placeholder', defaultMessage: 'New folder title' },
diff --git a/src/features/bookmark-folders/index.tsx b/src/features/bookmark-folders/index.tsx
index 591485c09..82fa34186 100644
--- a/src/features/bookmark-folders/index.tsx
+++ b/src/features/bookmark-folders/index.tsx
@@ -3,12 +3,12 @@ import folderIcon from '@tabler/icons/outline/folder.svg';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { useBookmarkFolders } from 'soapbox/api/hooks';
-import List, { ListItem } from 'soapbox/components/list';
-import { Column, Emoji, HStack, Icon, Spinner, Stack } from 'soapbox/components/ui';
-import { useFeatures } from 'soapbox/hooks';
+import { useBookmarkFolders } from 'soapbox/api/hooks/index.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Column, Emoji, HStack, Icon, Spinner, Stack } from 'soapbox/components/ui/index.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
 
-import NewFolderForm from './components/new-folder-form';
+import NewFolderForm from './components/new-folder-form.tsx';
 
 
 const messages = defineMessages({
diff --git a/src/features/bookmarks/index.tsx b/src/features/bookmarks/index.tsx
index a2452434d..3fcf5b76b 100644
--- a/src/features/bookmarks/index.tsx
+++ b/src/features/bookmarks/index.tsx
@@ -7,16 +7,16 @@ import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { fetchBookmarkedStatuses, expandBookmarkedStatuses } from 'soapbox/actions/bookmarks';
-import { openModal } from 'soapbox/actions/modals';
-import { useBookmarkFolder, useDeleteBookmarkFolder } from 'soapbox/api/hooks';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import StatusList from 'soapbox/components/status-list';
-import { Column } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
-import toast from 'soapbox/toast';
+import { fetchBookmarkedStatuses, expandBookmarkedStatuses } from 'soapbox/actions/bookmarks.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useBookmarkFolder, useDeleteBookmarkFolder } from 'soapbox/api/hooks/index.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import StatusList from 'soapbox/components/status-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' },
diff --git a/src/features/chats/components/chat-composer.tsx b/src/features/chats/components/chat-composer.tsx
index 11e3bdf6c..512a2f581 100644
--- a/src/features/chats/components/chat-composer.tsx
+++ b/src/features/chats/components/chat-composer.tsx
@@ -2,19 +2,19 @@ import sendIcon from '@tabler/icons/outline/send.svg';
 import { forwardRef, useState } from 'react';
 import { defineMessages, IntlShape, useIntl } from 'react-intl';
 
-import { unblockAccount } from 'soapbox/actions/accounts';
-import { openModal } from 'soapbox/actions/modals';
-import { Button, Combobox, ComboboxInput, ComboboxList, ComboboxOption, ComboboxPopover, HStack, IconButton, Stack, Text } from 'soapbox/components/ui';
-import { useChatContext } from 'soapbox/contexts/chat-context';
-import UploadButton from 'soapbox/features/compose/components/upload-button';
-import emojiSearch from 'soapbox/features/emoji/search';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { Attachment } from 'soapbox/types/entities';
-import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions';
+import { unblockAccount } from 'soapbox/actions/accounts.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { Button, Combobox, ComboboxInput, ComboboxList, ComboboxOption, ComboboxPopover, HStack, IconButton, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import UploadButton from 'soapbox/features/compose/components/upload-button.tsx';
+import emojiSearch from 'soapbox/features/emoji/search.ts';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { Attachment } from 'soapbox/types/entities.ts';
+import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions.ts';
 
-import ChatTextarea from './chat-textarea';
+import ChatTextarea from './chat-textarea.tsx';
 
-import type { Emoji, NativeEmoji } from 'soapbox/features/emoji';
+import type { Emoji, NativeEmoji } from 'soapbox/features/emoji/index.ts';
 
 const messages = defineMessages({
   placeholder: { id: 'chat.input.placeholder', defaultMessage: 'Type a message' },
diff --git a/src/features/chats/components/chat-list-item.test.tsx b/src/features/chats/components/chat-list-item.test.tsx
index d419dc9d0..56486a5ee 100644
--- a/src/features/chats/components/chat-list-item.test.tsx
+++ b/src/features/chats/components/chat-list-item.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it, vi } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { IChat } from 'soapbox/queries/chats';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { IChat } from 'soapbox/queries/chats.ts';
 
-import ChatListItem from './chat-list-item';
+import ChatListItem from './chat-list-item.tsx';
 
 const chat: any = {
   id: '1',
diff --git a/src/features/chats/components/chat-list-item.tsx b/src/features/chats/components/chat-list-item.tsx
index 1195522bb..ae2c5299f 100644
--- a/src/features/chats/components/chat-list-item.tsx
+++ b/src/features/chats/components/chat-list-item.tsx
@@ -4,16 +4,16 @@ import { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import RelativeTimestamp from 'soapbox/components/relative-timestamp';
-import { Avatar, HStack, IconButton, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useChatContext } from 'soapbox/contexts/chat-context';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { IChat, useChatActions } from 'soapbox/queries/chats';
+import { openModal } from 'soapbox/actions/modals.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import RelativeTimestamp from 'soapbox/components/relative-timestamp.tsx';
+import { Avatar, HStack, IconButton, Stack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { IChat, useChatActions } from 'soapbox/queries/chats.ts';
 
-import type { Menu } from 'soapbox/components/dropdown-menu';
+import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
 
 const messages = defineMessages({
   blockedYou: { id: 'chat_list_item.blocked_you', defaultMessage: 'This user has blocked you' },
diff --git a/src/features/chats/components/chat-list.tsx b/src/features/chats/components/chat-list.tsx
index 90a59141e..de7992311 100644
--- a/src/features/chats/components/chat-list.tsx
+++ b/src/features/chats/components/chat-list.tsx
@@ -2,14 +2,14 @@ import clsx from 'clsx';
 import { useRef, useState } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 
-import { fetchChats } from 'soapbox/actions/chats';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import { Spinner, Stack } from 'soapbox/components/ui';
-import PlaceholderChat from 'soapbox/features/placeholder/components/placeholder-chat';
-import { useAppDispatch } from 'soapbox/hooks';
-import { useChats } from 'soapbox/queries/chats';
+import { fetchChats } from 'soapbox/actions/chats.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import { Spinner, Stack } from 'soapbox/components/ui/index.ts';
+import PlaceholderChat from 'soapbox/features/placeholder/components/placeholder-chat.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useChats } from 'soapbox/queries/chats.ts';
 
-import ChatListItem from './chat-list-item';
+import ChatListItem from './chat-list-item.tsx';
 
 interface IChatList {
   onClickChat: (chat: any) => void;
diff --git a/src/features/chats/components/chat-message-list-intro.tsx b/src/features/chats/components/chat-message-list-intro.tsx
index 36047b8ab..ee70410e2 100644
--- a/src/features/chats/components/chat-message-list-intro.tsx
+++ b/src/features/chats/components/chat-message-list-intro.tsx
@@ -3,13 +3,13 @@ import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import Link from 'soapbox/components/link';
-import { Avatar, Button, HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import { useChatContext } from 'soapbox/contexts/chat-context';
-import { useAppDispatch, useFeatures } from 'soapbox/hooks';
-import { useChatActions } from 'soapbox/queries/chats';
-import { secondsToDays } from 'soapbox/utils/numbers';
+import { openModal } from 'soapbox/actions/modals.ts';
+import Link from 'soapbox/components/link.tsx';
+import { Avatar, Button, HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import { useChatActions } from 'soapbox/queries/chats.ts';
+import { secondsToDays } from 'soapbox/utils/numbers.tsx';
 
 const messages = defineMessages({
   leaveChatHeading: { id: 'chat_message_list_intro.leave_chat.heading', defaultMessage: 'Leave Chat' },
diff --git a/src/features/chats/components/chat-message-list.test.tsx b/src/features/chats/components/chat-message-list.test.tsx
index 0e45d807d..b8477b598 100644
--- a/src/features/chats/components/chat-message-list.test.tsx
+++ b/src/features/chats/components/chat-message-list.test.tsx
@@ -2,15 +2,15 @@ import userEvent from '@testing-library/user-event';
 import { VirtuosoMockContext } from 'react-virtuoso';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { ChatContext } from 'soapbox/contexts/chat-context';
-import { buildAccount, buildInstance } from 'soapbox/jest/factory';
-import { queryClient, render, rootState, screen, waitFor } from 'soapbox/jest/test-helpers';
-import { normalizeChatMessage } from 'soapbox/normalizers';
-import { IChat } from 'soapbox/queries/chats';
-import { ChatMessage } from 'soapbox/types/entities';
+import { __stub } from 'soapbox/api/index.ts';
+import { ChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { buildAccount, buildInstance } from 'soapbox/jest/factory.ts';
+import { queryClient, render, rootState, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeChatMessage } from 'soapbox/normalizers/index.ts';
+import { IChat } from 'soapbox/queries/chats.ts';
+import { ChatMessage } from 'soapbox/types/entities.ts';
 
-import ChatMessageList from './chat-message-list';
+import ChatMessageList from './chat-message-list.tsx';
 
 const chat: IChat = {
   accepted: true,
diff --git a/src/features/chats/components/chat-message-list.tsx b/src/features/chats/components/chat-message-list.tsx
index 376510459..2d49cb86b 100644
--- a/src/features/chats/components/chat-message-list.tsx
+++ b/src/features/chats/components/chat-message-list.tsx
@@ -2,15 +2,15 @@ import { useState, useEffect, useRef, useCallback, useMemo, forwardRef } from 'r
 import { useIntl, defineMessages } from 'react-intl';
 import { Components, Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 
-import { Avatar, Button, Divider, Spinner, Stack, Text } from 'soapbox/components/ui';
-import PlaceholderChatMessage from 'soapbox/features/placeholder/components/placeholder-chat-message';
-import { useAppSelector, useOwnAccount } from 'soapbox/hooks';
-import { IChat, useChatActions, useChatMessages } from 'soapbox/queries/chats';
+import { Avatar, Button, Divider, Spinner, Stack, Text } from 'soapbox/components/ui/index.ts';
+import PlaceholderChatMessage from 'soapbox/features/placeholder/components/placeholder-chat-message.tsx';
+import { useAppSelector, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { IChat, useChatActions, useChatMessages } from 'soapbox/queries/chats.ts';
 
-import ChatMessage from './chat-message';
-import ChatMessageListIntro from './chat-message-list-intro';
+import ChatMessageListIntro from './chat-message-list-intro.tsx';
+import ChatMessage from './chat-message.tsx';
 
-import type { ChatMessage as ChatMessageEntity } from 'soapbox/types/entities';
+import type { ChatMessage as ChatMessageEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   today: { id: 'chats.dividers.today', defaultMessage: 'Today' },
diff --git a/src/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx b/src/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx
index e7575707d..b7d2fc4f2 100644
--- a/src/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx
+++ b/src/features/chats/components/chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect, cloneElement } from 'react';
 
-import { Portal } from 'soapbox/components/ui';
-import EmojiSelector from 'soapbox/components/ui/emoji-selector/emoji-selector';
+import EmojiSelector from 'soapbox/components/ui/emoji-selector/emoji-selector.tsx';
+import { Portal } from 'soapbox/components/ui/index.ts';
 
 interface IChatMessageReactionWrapper {
   onOpen(isOpen: boolean): void;
diff --git a/src/features/chats/components/chat-message-reaction.test.tsx b/src/features/chats/components/chat-message-reaction.test.tsx
index 504e9534f..b3119dca2 100644
--- a/src/features/chats/components/chat-message-reaction.test.tsx
+++ b/src/features/chats/components/chat-message-reaction.test.tsx
@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import ChatMessageReaction from './chat-message-reaction';
+import ChatMessageReaction from './chat-message-reaction.tsx';
 
 const emojiReaction = ({
   name: '👍',
diff --git a/src/features/chats/components/chat-message-reaction.tsx b/src/features/chats/components/chat-message-reaction.tsx
index 3f4e4d033..813da27f8 100644
--- a/src/features/chats/components/chat-message-reaction.tsx
+++ b/src/features/chats/components/chat-message-reaction.tsx
@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 
-import { Text } from 'soapbox/components/ui';
-import emojify from 'soapbox/features/emoji';
-import { EmojiReaction } from 'soapbox/types/entities';
+import { Text } from 'soapbox/components/ui/index.ts';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { EmojiReaction } from 'soapbox/types/entities.ts';
 
 interface IChatMessageReaction {
   emojiReaction: EmojiReaction;
diff --git a/src/features/chats/components/chat-message.tsx b/src/features/chats/components/chat-message.tsx
index af9932baf..52abcba05 100644
--- a/src/features/chats/components/chat-message.tsx
+++ b/src/features/chats/components/chat-message.tsx
@@ -11,23 +11,24 @@ import escape from 'lodash/escape';
 import { useMemo, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { initReport, ReportableEntities } from 'soapbox/actions/reports';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import { HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import emojify from 'soapbox/features/emoji';
-import { MediaGallery } from 'soapbox/features/ui/util/async-components';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { ChatKeys, IChat, useChatActions } from 'soapbox/queries/chats';
-import { queryClient } from 'soapbox/queries/client';
-import { stripHTML } from 'soapbox/utils/html';
-import { onlyEmoji } from 'soapbox/utils/rich-content';
 
-import ChatMessageReaction from './chat-message-reaction';
-import ChatMessageReactionWrapper from './chat-message-reaction-wrapper/chat-message-reaction-wrapper';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { initReport, ReportableEntities } from 'soapbox/actions/reports.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import { HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { MediaGallery } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { ChatKeys, IChat, useChatActions } from 'soapbox/queries/chats.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { stripHTML } from 'soapbox/utils/html.ts';
+import { onlyEmoji } from 'soapbox/utils/rich-content.ts';
 
-import type { Menu as IMenu } from 'soapbox/components/dropdown-menu';
-import type { ChatMessage as ChatMessageEntity } from 'soapbox/types/entities';
+import ChatMessageReactionWrapper from './chat-message-reaction-wrapper/chat-message-reaction-wrapper.tsx';
+import ChatMessageReaction from './chat-message-reaction.tsx';
+
+import type { Menu as IMenu } from 'soapbox/components/dropdown-menu/index.ts';
+import type { ChatMessage as ChatMessageEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   copy: { id: 'chats.actions.copy', defaultMessage: 'Copy' },
diff --git a/src/features/chats/components/chat-page/chat-page.tsx b/src/features/chats/components/chat-page/chat-page.tsx
index d629d92a0..59187b9c9 100644
--- a/src/features/chats/components/chat-page/chat-page.tsx
+++ b/src/features/chats/components/chat-page/chat-page.tsx
@@ -2,14 +2,14 @@ import clsx from 'clsx';
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { matchPath, Route, Switch, useHistory } from 'react-router-dom';
 
-import { Stack } from 'soapbox/components/ui';
-import { useOwnAccount } from 'soapbox/hooks';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import ChatPageMain from './components/chat-page-main';
-import ChatPageNew from './components/chat-page-new';
-import ChatPageSettings from './components/chat-page-settings';
-import ChatPageSidebar from './components/chat-page-sidebar';
-import Welcome from './components/welcome';
+import ChatPageMain from './components/chat-page-main.tsx';
+import ChatPageNew from './components/chat-page-new.tsx';
+import ChatPageSettings from './components/chat-page-settings.tsx';
+import ChatPageSidebar from './components/chat-page-sidebar.tsx';
+import Welcome from './components/welcome.tsx';
 
 interface IChatPage {
   chatId?: string;
diff --git a/src/features/chats/components/chat-page/components/blankslate-empty.tsx b/src/features/chats/components/chat-page/components/blankslate-empty.tsx
index e75704e1b..7bc5ad0eb 100644
--- a/src/features/chats/components/chat-page/components/blankslate-empty.tsx
+++ b/src/features/chats/components/chat-page/components/blankslate-empty.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { Button, Stack, Text } from 'soapbox/components/ui';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 interface IBlankslate {
 }
diff --git a/src/features/chats/components/chat-page/components/blankslate-with-chats.tsx b/src/features/chats/components/chat-page/components/blankslate-with-chats.tsx
index c6a7c5507..612ddfeb1 100644
--- a/src/features/chats/components/chat-page/components/blankslate-with-chats.tsx
+++ b/src/features/chats/components/chat-page/components/blankslate-with-chats.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { Button, Stack, Text } from 'soapbox/components/ui';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 /** To display on the chats main page when no message is selected, but chats are present. */
 const BlankslateWithChats = () => {
diff --git a/src/features/chats/components/chat-page/components/chat-page-main.tsx b/src/features/chats/components/chat-page/components/chat-page-main.tsx
index e5417cc81..f7dd50a74 100644
--- a/src/features/chats/components/chat-page/components/chat-page-main.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-main.tsx
@@ -6,20 +6,20 @@ import { useRef } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link, useHistory, useParams } from 'react-router-dom';
 
-import { blockAccount, unblockAccount } from 'soapbox/actions/accounts';
-import { openModal } from 'soapbox/actions/modals';
-import List, { ListItem } from 'soapbox/components/list';
-import { Avatar, HStack, Icon, IconButton, Menu, MenuButton, MenuItem, MenuList, Stack, Text, Tooltip } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useChatContext } from 'soapbox/contexts/chat-context';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { MessageExpirationValues, useChat, useChatActions, useChats } from 'soapbox/queries/chats';
-import { secondsToDays } from 'soapbox/utils/numbers';
+import { blockAccount, unblockAccount } from 'soapbox/actions/accounts.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Avatar, HStack, Icon, IconButton, Menu, MenuButton, MenuItem, MenuList, Stack, Text, Tooltip } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { MessageExpirationValues, useChat, useChatActions, useChats } from 'soapbox/queries/chats.ts';
+import { secondsToDays } from 'soapbox/utils/numbers.tsx';
 
-import Chat from '../../chat';
+import Chat from '../../chat.tsx';
 
-import BlankslateEmpty from './blankslate-empty';
-import BlankslateWithChats from './blankslate-with-chats';
+import BlankslateEmpty from './blankslate-empty.tsx';
+import BlankslateWithChats from './blankslate-with-chats.tsx';
 
 const messages = defineMessages({
   blockMessage: { id: 'chat_settings.block.message', defaultMessage: 'Blocking will prevent this profile from direct messaging you and viewing your content. You can unblock later.' },
diff --git a/src/features/chats/components/chat-page/components/chat-page-new.tsx b/src/features/chats/components/chat-page/components/chat-page-new.tsx
index 5857b5346..866d23e0c 100644
--- a/src/features/chats/components/chat-page/components/chat-page-new.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-new.tsx
@@ -2,9 +2,9 @@ import arrowLeftIcon from '@tabler/icons/outline/arrow-left.svg';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { CardTitle, HStack, IconButton, Stack } from 'soapbox/components/ui';
+import { CardTitle, HStack, IconButton, Stack } from 'soapbox/components/ui/index.ts';
 
-import ChatSearch from '../../chat-search/chat-search';
+import ChatSearch from '../../chat-search/chat-search.tsx';
 
 const messages = defineMessages({
   title: { id: 'chat.new_message.title', defaultMessage: 'New Message' },
diff --git a/src/features/chats/components/chat-page/components/chat-page-settings.tsx b/src/features/chats/components/chat-page/components/chat-page-settings.tsx
index 5f848b8cc..ee9a8709e 100644
--- a/src/features/chats/components/chat-page/components/chat-page-settings.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-settings.tsx
@@ -3,12 +3,12 @@ import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { changeSetting } from 'soapbox/actions/settings';
-import List, { ListItem } from 'soapbox/components/list';
-import { Button, CardBody, CardTitle, Form, HStack, IconButton, Stack, Toggle } from 'soapbox/components/ui';
-import SettingToggle from 'soapbox/features/notifications/components/setting-toggle';
-import { useAppDispatch, useOwnAccount, useSettings } from 'soapbox/hooks';
-import { useUpdateCredentials } from 'soapbox/queries/accounts';
+import { changeSetting } from 'soapbox/actions/settings.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Button, CardBody, CardTitle, Form, HStack, IconButton, Stack, Toggle } from 'soapbox/components/ui/index.ts';
+import SettingToggle from 'soapbox/features/notifications/components/setting-toggle.tsx';
+import { useAppDispatch, useOwnAccount, useSettings } from 'soapbox/hooks/index.ts';
+import { useUpdateCredentials } from 'soapbox/queries/accounts.ts';
 
 type FormData = {
   accepts_chat_messages?: boolean;
diff --git a/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx b/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx
index d0c8b621f..d3ba38a59 100644
--- a/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx
+++ b/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx
@@ -4,12 +4,12 @@ import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { CardTitle, HStack, IconButton, Stack } from 'soapbox/components/ui';
-import { useDebounce, useFeatures } from 'soapbox/hooks';
-import { IChat } from 'soapbox/queries/chats';
+import { CardTitle, HStack, IconButton, Stack } from 'soapbox/components/ui/index.ts';
+import { useDebounce, useFeatures } from 'soapbox/hooks/index.ts';
+import { IChat } from 'soapbox/queries/chats.ts';
 
-import ChatList from '../../chat-list';
-import ChatSearchInput from '../../chat-search-input';
+import ChatList from '../../chat-list.tsx';
+import ChatSearchInput from '../../chat-search-input.tsx';
 
 const messages = defineMessages({
   title: { id: 'column.chats', defaultMessage: 'Chats' },
diff --git a/src/features/chats/components/chat-page/components/welcome.tsx b/src/features/chats/components/chat-page/components/welcome.tsx
index 12bf5f968..719563123 100644
--- a/src/features/chats/components/chat-page/components/welcome.tsx
+++ b/src/features/chats/components/chat-page/components/welcome.tsx
@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import List, { ListItem } from 'soapbox/components/list';
-import { Button, CardBody, CardTitle, Form, Stack, Text, Toggle } from 'soapbox/components/ui';
-import { useOwnAccount } from 'soapbox/hooks';
-import { useUpdateCredentials } from 'soapbox/queries/accounts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Button, CardBody, CardTitle, Form, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useUpdateCredentials } from 'soapbox/queries/accounts.ts';
 
 type FormData = {
   accepts_chat_messages?: boolean;
diff --git a/src/features/chats/components/chat-pane-header.test.tsx b/src/features/chats/components/chat-pane-header.test.tsx
index e642222d0..a2c580220 100644
--- a/src/features/chats/components/chat-pane-header.test.tsx
+++ b/src/features/chats/components/chat-pane-header.test.tsx
@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import ChatPaneHeader from './chat-widget/chat-pane-header';
+import ChatPaneHeader from './chat-widget/chat-pane-header.tsx';
 
 describe('<ChatPaneHeader />', () => {
   it('handles the onToggle prop', async () => {
diff --git a/src/features/chats/components/chat-pane/blankslate.tsx b/src/features/chats/components/chat-pane/blankslate.tsx
index a28b24ce1..d652106f8 100644
--- a/src/features/chats/components/chat-pane/blankslate.tsx
+++ b/src/features/chats/components/chat-pane/blankslate.tsx
@@ -1,6 +1,6 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Button, Stack, Text } from 'soapbox/components/ui';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   title: { id: 'chat_pane.blankslate.title', defaultMessage: 'No messages yet' },
diff --git a/src/features/chats/components/chat-pane/chat-pane.test.tsx b/src/features/chats/components/chat-pane/chat-pane.test.tsx
index 9aa54fea2..a4fb419c1 100644
--- a/src/features/chats/components/chat-pane/chat-pane.test.tsx
+++ b/src/features/chats/components/chat-pane/chat-pane.test.tsx
@@ -1,13 +1,13 @@
 import { VirtuosoMockContext } from 'react-virtuoso';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { ChatContext } from 'soapbox/contexts/chat-context';
-import { StatProvider } from 'soapbox/contexts/stat-context';
+import { __stub } from 'soapbox/api/index.ts';
+import { ChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { StatProvider } from 'soapbox/contexts/stat-context.tsx';
 import chats from 'soapbox/jest/fixtures/chats.json';
-import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import ChatPane from './chat-pane';
+import ChatPane from './chat-pane.tsx';
 
 const renderComponentWithChatContext = (store = {}) => render(
   <VirtuosoMockContext.Provider value={{ viewportHeight: 300, itemHeight: 100 }}>
diff --git a/src/features/chats/components/chat-pane/chat-pane.tsx b/src/features/chats/components/chat-pane/chat-pane.tsx
index 75f767086..abeac1bd6 100644
--- a/src/features/chats/components/chat-pane/chat-pane.tsx
+++ b/src/features/chats/components/chat-pane/chat-pane.tsx
@@ -2,22 +2,22 @@ import editIcon from '@tabler/icons/outline/edit.svg';
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Stack } from 'soapbox/components/ui';
-import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context';
-import { useStatContext } from 'soapbox/contexts/stat-context';
-import { useDebounce, useFeatures } from 'soapbox/hooks';
-import { IChat, useChats } from 'soapbox/queries/chats';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
+import { useDebounce, useFeatures } from 'soapbox/hooks/index.ts';
+import { IChat, useChats } from 'soapbox/queries/chats.ts';
 
-import ChatList from '../chat-list';
-import ChatSearch from '../chat-search/chat-search';
-import EmptyResultsBlankslate from '../chat-search/empty-results-blankslate';
-import ChatSearchInput from '../chat-search-input';
-import ChatPaneHeader from '../chat-widget/chat-pane-header';
-import ChatWindow from '../chat-widget/chat-window';
-import ChatSearchHeader from '../chat-widget/headers/chat-search-header';
-import { Pane } from '../ui';
+import ChatList from '../chat-list.tsx';
+import ChatSearch from '../chat-search/chat-search.tsx';
+import EmptyResultsBlankslate from '../chat-search/empty-results-blankslate.tsx';
+import ChatSearchInput from '../chat-search-input.tsx';
+import ChatPaneHeader from '../chat-widget/chat-pane-header.tsx';
+import ChatWindow from '../chat-widget/chat-window.tsx';
+import ChatSearchHeader from '../chat-widget/headers/chat-search-header.tsx';
+import { Pane } from '../ui/index.ts';
 
-import Blankslate from './blankslate';
+import Blankslate from './blankslate.tsx';
 
 const ChatPane = () => {
   const features = useFeatures();
diff --git a/src/features/chats/components/chat-pending-upload.tsx b/src/features/chats/components/chat-pending-upload.tsx
index 62d385a22..0455b71f0 100644
--- a/src/features/chats/components/chat-pending-upload.tsx
+++ b/src/features/chats/components/chat-pending-upload.tsx
@@ -1,4 +1,4 @@
-import { ProgressBar } from 'soapbox/components/ui';
+import { ProgressBar } from 'soapbox/components/ui/index.ts';
 
 interface IChatPendingUpload {
   progress: number;
diff --git a/src/features/chats/components/chat-search-input.tsx b/src/features/chats/components/chat-search-input.tsx
index 22786e81b..66bb0cc63 100644
--- a/src/features/chats/components/chat-search-input.tsx
+++ b/src/features/chats/components/chat-search-input.tsx
@@ -2,7 +2,7 @@ import searchIcon from '@tabler/icons/outline/search.svg';
 import xIcon from '@tabler/icons/outline/x.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Icon, Input } from 'soapbox/components/ui';
+import { Icon, Input } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   searchPlaceholder: { id: 'chats.search_placeholder', defaultMessage: 'Start a chat with…' },
diff --git a/src/features/chats/components/chat-search/blankslate.tsx b/src/features/chats/components/chat-search/blankslate.tsx
index a86d7610c..7eadcbec2 100644
--- a/src/features/chats/components/chat-search/blankslate.tsx
+++ b/src/features/chats/components/chat-search/blankslate.tsx
@@ -1,6 +1,6 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Stack, Text } from 'soapbox/components/ui';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   title: { id: 'chat_search.blankslate.title', defaultMessage: 'Start a chat' },
diff --git a/src/features/chats/components/chat-search/chat-search.test.tsx b/src/features/chats/components/chat-search/chat-search.test.tsx
index 43bcacd1a..39cbcb13e 100644
--- a/src/features/chats/components/chat-search/chat-search.test.tsx
+++ b/src/features/chats/components/chat-search/chat-search.test.tsx
@@ -2,11 +2,11 @@ import userEvent from '@testing-library/user-event';
 import { VirtuosoMockContext } from 'react-virtuoso';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { ChatProvider } from 'soapbox/contexts/chat-context';
-import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { ChatProvider } from 'soapbox/contexts/chat-context.tsx';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import ChatSearch from './chat-search';
+import ChatSearch from './chat-search.tsx';
 
 const renderComponent = () => render(
   <VirtuosoMockContext.Provider value={{ viewportHeight: 300, itemHeight: 100 }}>
diff --git a/src/features/chats/components/chat-search/chat-search.tsx b/src/features/chats/components/chat-search/chat-search.tsx
index aa69eb85c..8f6fd74f7 100644
--- a/src/features/chats/components/chat-search/chat-search.tsx
+++ b/src/features/chats/components/chat-search/chat-search.tsx
@@ -6,17 +6,17 @@ import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { Icon, Input, Stack } from 'soapbox/components/ui';
-import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context';
-import { useDebounce } from 'soapbox/hooks';
-import { useChats, ChatKeys } from 'soapbox/queries/chats';
-import { queryClient } from 'soapbox/queries/client';
-import useAccountSearch from 'soapbox/queries/search';
-import toast from 'soapbox/toast';
+import { Icon, Input, Stack } from 'soapbox/components/ui/index.ts';
+import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useDebounce } from 'soapbox/hooks/index.ts';
+import { useChats, ChatKeys } from 'soapbox/queries/chats.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import useAccountSearch from 'soapbox/queries/search.ts';
+import toast from 'soapbox/toast.tsx';
 
-import Blankslate from './blankslate';
-import EmptyResultsBlankslate from './empty-results-blankslate';
-import Results from './results';
+import Blankslate from './blankslate.tsx';
+import EmptyResultsBlankslate from './empty-results-blankslate.tsx';
+import Results from './results.tsx';
 
 const messages = defineMessages({
   placeholder: { id: 'chat_search.placeholder', defaultMessage: 'Type a name' },
diff --git a/src/features/chats/components/chat-search/empty-results-blankslate.tsx b/src/features/chats/components/chat-search/empty-results-blankslate.tsx
index 25176ecc6..47eb47554 100644
--- a/src/features/chats/components/chat-search/empty-results-blankslate.tsx
+++ b/src/features/chats/components/chat-search/empty-results-blankslate.tsx
@@ -1,6 +1,6 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Stack, Text } from 'soapbox/components/ui';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   title: { id: 'chat_search.empty_results_blankslate.title', defaultMessage: 'No matches found' },
diff --git a/src/features/chats/components/chat-search/results.tsx b/src/features/chats/components/chat-search/results.tsx
index 70ce4e0f2..dc1eff922 100644
--- a/src/features/chats/components/chat-search/results.tsx
+++ b/src/features/chats/components/chat-search/results.tsx
@@ -2,11 +2,11 @@ import clsx from 'clsx';
 import { useCallback, useState } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 
-import { Avatar, HStack, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import useAccountSearch from 'soapbox/queries/search';
+import { Avatar, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import useAccountSearch from 'soapbox/queries/search.ts';
 
-import type { Account } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/types/entities.ts';
 
 interface IResults {
   accountSearchResult: ReturnType<typeof useAccountSearch>;
diff --git a/src/features/chats/components/chat-textarea.tsx b/src/features/chats/components/chat-textarea.tsx
index 50c95947b..f71bcfb67 100644
--- a/src/features/chats/components/chat-textarea.tsx
+++ b/src/features/chats/components/chat-textarea.tsx
@@ -1,10 +1,10 @@
 import { forwardRef } from 'react';
 
-import { HStack, Textarea } from 'soapbox/components/ui';
-import { Attachment } from 'soapbox/types/entities';
+import { HStack, Textarea } from 'soapbox/components/ui/index.ts';
+import { Attachment } from 'soapbox/types/entities.ts';
 
-import ChatPendingUpload from './chat-pending-upload';
-import ChatUpload from './chat-upload';
+import ChatPendingUpload from './chat-pending-upload.tsx';
+import ChatUpload from './chat-upload.tsx';
 
 interface IChatTextarea extends React.ComponentProps<typeof Textarea> {
   attachments?: Attachment[];
diff --git a/src/features/chats/components/chat-upload-preview.tsx b/src/features/chats/components/chat-upload-preview.tsx
index cef73e79b..9f2e89640 100644
--- a/src/features/chats/components/chat-upload-preview.tsx
+++ b/src/features/chats/components/chat-upload-preview.tsx
@@ -1,9 +1,9 @@
 import paperclipIcon from '@tabler/icons/outline/paperclip.svg';
 
-import { Icon } from 'soapbox/components/ui';
-import { MIMETYPE_ICONS } from 'soapbox/components/upload';
+import { Icon } from 'soapbox/components/ui/index.ts';
+import { MIMETYPE_ICONS } from 'soapbox/components/upload.tsx';
 
-import type { Attachment } from 'soapbox/types/entities';
+import type { Attachment } from 'soapbox/types/entities.ts';
 
 const defaultIcon = paperclipIcon;
 
diff --git a/src/features/chats/components/chat-upload.tsx b/src/features/chats/components/chat-upload.tsx
index f1c9bddcd..3e2ac0617 100644
--- a/src/features/chats/components/chat-upload.tsx
+++ b/src/features/chats/components/chat-upload.tsx
@@ -2,14 +2,14 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import clsx from 'clsx';
 import { List as ImmutableList } from 'immutable';
 
-import { openModal } from 'soapbox/actions/modals';
-import Blurhash from 'soapbox/components/blurhash';
-import { Icon } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import Blurhash from 'soapbox/components/blurhash.tsx';
+import { Icon } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import ChatUploadPreview from './chat-upload-preview';
+import ChatUploadPreview from './chat-upload-preview.tsx';
 
-import type { Attachment } from 'soapbox/types/entities';
+import type { Attachment } from 'soapbox/types/entities.ts';
 
 interface IChatUpload {
   attachment: Attachment;
diff --git a/src/features/chats/components/chat-widget.test.tsx b/src/features/chats/components/chat-widget.test.tsx
index 1c1e36b29..9fad5681d 100644
--- a/src/features/chats/components/chat-widget.test.tsx
+++ b/src/features/chats/components/chat-widget.test.tsx
@@ -1,10 +1,10 @@
 import { Route, Switch } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
-import { render, rootState } from 'soapbox/jest/test-helpers';
+import { buildAccount } from 'soapbox/jest/factory.ts';
+import { render, rootState } from 'soapbox/jest/test-helpers.tsx';
 
-import ChatWidget from './chat-widget/chat-widget';
+import ChatWidget from './chat-widget/chat-widget.tsx';
 
 const id = '1';
 const account = buildAccount({
diff --git a/src/features/chats/components/chat-widget/chat-pane-header.tsx b/src/features/chats/components/chat-widget/chat-pane-header.tsx
index 587af09f2..7d6ed760a 100644
--- a/src/features/chats/components/chat-widget/chat-pane-header.tsx
+++ b/src/features/chats/components/chat-widget/chat-pane-header.tsx
@@ -2,7 +2,7 @@ import chevronDownIcon from '@tabler/icons/outline/chevron-down.svg';
 import chevronUpIcon from '@tabler/icons/outline/chevron-up.svg';
 import { HTMLAttributes } from 'react';
 
-import { HStack, IconButton, Text } from 'soapbox/components/ui';
+import { HStack, IconButton, Text } from 'soapbox/components/ui/index.ts';
 
 interface IChatPaneHeader {
   isOpen: boolean;
diff --git a/src/features/chats/components/chat-widget/chat-settings.tsx b/src/features/chats/components/chat-widget/chat-settings.tsx
index 0d28d8391..fbc663381 100644
--- a/src/features/chats/components/chat-widget/chat-settings.tsx
+++ b/src/features/chats/components/chat-widget/chat-settings.tsx
@@ -3,16 +3,16 @@ import banIcon from '@tabler/icons/outline/ban.svg';
 import logoutIcon from '@tabler/icons/outline/logout.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { blockAccount, unblockAccount } from 'soapbox/actions/accounts';
-import { openModal } from 'soapbox/actions/modals';
-import List, { ListItem } from 'soapbox/components/list';
-import { Avatar, HStack, Icon, Select, Stack, Text } from 'soapbox/components/ui';
-import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { messageExpirationOptions, MessageExpirationValues, useChatActions } from 'soapbox/queries/chats';
-import { secondsToDays } from 'soapbox/utils/numbers';
+import { blockAccount, unblockAccount } from 'soapbox/actions/accounts.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Avatar, HStack, Icon, Select, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { messageExpirationOptions, MessageExpirationValues, useChatActions } from 'soapbox/queries/chats.ts';
+import { secondsToDays } from 'soapbox/utils/numbers.tsx';
 
-import ChatPaneHeader from './chat-pane-header';
+import ChatPaneHeader from './chat-pane-header.tsx';
 
 const messages = defineMessages({
   blockMessage: { id: 'chat_settings.block.message', defaultMessage: 'Blocking will prevent this profile from direct messaging you and viewing your content. You can unblock later.' },
diff --git a/src/features/chats/components/chat-widget/chat-widget.tsx b/src/features/chats/components/chat-widget/chat-widget.tsx
index 7a4c31050..05d8f68f3 100644
--- a/src/features/chats/components/chat-widget/chat-widget.tsx
+++ b/src/features/chats/components/chat-widget/chat-widget.tsx
@@ -1,9 +1,9 @@
 import { useHistory } from 'react-router-dom';
 
-import { ChatProvider } from 'soapbox/contexts/chat-context';
-import { useOwnAccount } from 'soapbox/hooks';
+import { ChatProvider } from 'soapbox/contexts/chat-context.tsx';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import ChatPane from '../chat-pane/chat-pane';
+import ChatPane from '../chat-pane/chat-pane.tsx';
 
 const ChatWidget = () => {
   const { account } = useOwnAccount();
diff --git a/src/features/chats/components/chat-widget/chat-window.tsx b/src/features/chats/components/chat-widget/chat-window.tsx
index 5e072a79c..f777e7328 100644
--- a/src/features/chats/components/chat-widget/chat-window.tsx
+++ b/src/features/chats/components/chat-widget/chat-window.tsx
@@ -5,15 +5,15 @@ import { useRef } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Avatar, HStack, Icon, Stack, Text, Tooltip } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context';
-import { secondsToDays } from 'soapbox/utils/numbers';
+import { Avatar, HStack, Icon, Stack, Text, Tooltip } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { secondsToDays } from 'soapbox/utils/numbers.tsx';
 
-import Chat from '../chat';
+import Chat from '../chat.tsx';
 
-import ChatPaneHeader from './chat-pane-header';
-import ChatSettings from './chat-settings';
+import ChatPaneHeader from './chat-pane-header.tsx';
+import ChatSettings from './chat-settings.tsx';
 
 const messages = defineMessages({
   autoDeleteMessage: { id: 'chat_window.auto_delete_label', defaultMessage: 'Auto-delete after {day, plural, one {# day} other {# days}}' },
diff --git a/src/features/chats/components/chat-widget/headers/chat-search-header.tsx b/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
index 655d41e78..8d4ac0cd2 100644
--- a/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
+++ b/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
@@ -1,10 +1,10 @@
 import arrowLeftIcon from '@tabler/icons/outline/arrow-left.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui';
-import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context';
+import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
+import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context.tsx';
 
-import ChatPaneHeader from '../chat-pane-header';
+import ChatPaneHeader from '../chat-pane-header.tsx';
 
 const messages = defineMessages({
   title: { id: 'chat_search.title', defaultMessage: 'Messages' },
diff --git a/src/features/chats/components/chat.tsx b/src/features/chats/components/chat.tsx
index 82a78a8ec..3eaa508ba 100644
--- a/src/features/chats/components/chat.tsx
+++ b/src/features/chats/components/chat.tsx
@@ -3,17 +3,17 @@ import clsx from 'clsx';
 import { MutableRefObject, useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { uploadMedia } from 'soapbox/actions/media';
-import { Stack } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { normalizeAttachment } from 'soapbox/normalizers';
-import { IChat, useChatActions } from 'soapbox/queries/chats';
-import toast from 'soapbox/toast';
+import { uploadMedia } from 'soapbox/actions/media.ts';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { normalizeAttachment } from 'soapbox/normalizers/index.ts';
+import { IChat, useChatActions } from 'soapbox/queries/chats.ts';
+import toast from 'soapbox/toast.tsx';
 
-import ChatComposer from './chat-composer';
-import ChatMessageList from './chat-message-list';
+import ChatComposer from './chat-composer.tsx';
+import ChatMessageList from './chat-message-list.tsx';
 
-import type { Attachment } from 'soapbox/types/entities';
+import type { Attachment } from 'soapbox/types/entities.ts';
 
 const fileKeyGen = (): number => Math.floor((Math.random() * 0x10000));
 
diff --git a/src/features/chats/components/ui/index.ts b/src/features/chats/components/ui/index.ts
index d343a90ff..1b32ebdcb 100644
--- a/src/features/chats/components/ui/index.ts
+++ b/src/features/chats/components/ui/index.ts
@@ -1 +1 @@
-export { Pane } from './pane';
+export { Pane } from './pane.tsx';
diff --git a/src/features/chats/index.tsx b/src/features/chats/index.tsx
index a7cc9a2e6..f9406508b 100644
--- a/src/features/chats/index.tsx
+++ b/src/features/chats/index.tsx
@@ -1,6 +1,6 @@
-import { ChatProvider } from 'soapbox/contexts/chat-context';
+import { ChatProvider } from 'soapbox/contexts/chat-context.tsx';
 
-import ChatPage from './components/chat-page/chat-page';
+import ChatPage from './components/chat-page/chat-page.tsx';
 
 interface IChatIndex {
   params?: {
diff --git a/src/features/community-timeline/index.tsx b/src/features/community-timeline/index.tsx
index 111990237..1ee644298 100644
--- a/src/features/community-timeline/index.tsx
+++ b/src/features/community-timeline/index.tsx
@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { expandCommunityTimeline } from 'soapbox/actions/timelines';
-import { useCommunityStream } from 'soapbox/api/hooks';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import { Column } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch, useSettings, useTheme, useInstance } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { expandCommunityTimeline } from 'soapbox/actions/timelines.ts';
+import { useCommunityStream } from 'soapbox/api/hooks/index.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch, useSettings, useTheme, useInstance } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import Timeline from '../ui/components/timeline';
+import Timeline from '../ui/components/timeline.tsx';
 
 const CommunityTimeline = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/compose/components/autosuggest-account.tsx b/src/features/compose/components/autosuggest-account.tsx
index 0a97f26a2..38a03e0f4 100644
--- a/src/features/compose/components/autosuggest-account.tsx
+++ b/src/features/compose/components/autosuggest-account.tsx
@@ -1,5 +1,5 @@
-import { useAccount } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
 
 interface IAutosuggestAccount {
   id: string;
diff --git a/src/features/compose/components/compose-form-button.tsx b/src/features/compose/components/compose-form-button.tsx
index fd552107c..56aaef8d4 100644
--- a/src/features/compose/components/compose-form-button.tsx
+++ b/src/features/compose/components/compose-form-button.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { IconButton } from 'soapbox/components/ui';
+import { IconButton } from 'soapbox/components/ui/index.ts';
 
 interface IComposeFormButton {
   icon: string;
diff --git a/src/features/compose/components/compose-form.tsx b/src/features/compose/components/compose-form.tsx
index 8cba0f713..61fef02ec 100644
--- a/src/features/compose/components/compose-form.tsx
+++ b/src/features/compose/components/compose-form.tsx
@@ -14,35 +14,35 @@ import {
   fetchComposeSuggestions,
   selectComposeSuggestion,
   uploadCompose,
-} from 'soapbox/actions/compose';
-import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input';
-import { Button, HStack, Stack } from 'soapbox/components/ui';
-import EmojiPickerDropdown from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container';
-import { ComposeEditor } from 'soapbox/features/ui/util/async-components';
-import { useAppDispatch, useAppSelector, useCompose, useDraggedFiles, useFeatures, useInstance, usePrevious } from 'soapbox/hooks';
+} from 'soapbox/actions/compose.ts';
+import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
+import { Button, HStack, Stack } from 'soapbox/components/ui/index.ts';
+import EmojiPickerDropdown from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx';
+import { ComposeEditor } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch, useAppSelector, useCompose, useDraggedFiles, useFeatures, useInstance, usePrevious } from 'soapbox/hooks/index.ts';
 
-import QuotedStatusContainer from '../containers/quoted-status-container';
-import ReplyIndicatorContainer from '../containers/reply-indicator-container';
-import UploadButtonContainer from '../containers/upload-button-container';
-import WarningContainer from '../containers/warning-container';
-import { $createEmojiNode } from '../editor/nodes/emoji-node';
-import { countableText } from '../util/counter';
+import QuotedStatusContainer from '../containers/quoted-status-container.tsx';
+import ReplyIndicatorContainer from '../containers/reply-indicator-container.ts';
+import UploadButtonContainer from '../containers/upload-button-container.ts';
+import WarningContainer from '../containers/warning-container.tsx';
+import { $createEmojiNode } from '../editor/nodes/emoji-node.tsx';
+import { countableText } from '../util/counter.ts';
 
-import MarkdownButton from './markdown-button';
-import PollButton from './poll-button';
-import PollForm from './polls/poll-form';
-import PrivacyDropdown from './privacy-dropdown';
-import ReplyGroupIndicator from './reply-group-indicator';
-import ReplyMentions from './reply-mentions';
-import ScheduleButton from './schedule-button';
-import ScheduleForm from './schedule-form';
-import SpoilerButton from './spoiler-button';
-import SpoilerInput from './spoiler-input';
-import TextCharacterCounter from './text-character-counter';
-import UploadForm from './upload-form';
-import VisualCharacterCounter from './visual-character-counter';
+import MarkdownButton from './markdown-button.tsx';
+import PollButton from './poll-button.tsx';
+import PollForm from './polls/poll-form.tsx';
+import PrivacyDropdown from './privacy-dropdown.tsx';
+import ReplyGroupIndicator from './reply-group-indicator.tsx';
+import ReplyMentions from './reply-mentions.tsx';
+import ScheduleButton from './schedule-button.tsx';
+import ScheduleForm from './schedule-form.tsx';
+import SpoilerButton from './spoiler-button.tsx';
+import SpoilerInput from './spoiler-input.tsx';
+import TextCharacterCounter from './text-character-counter.tsx';
+import UploadForm from './upload-form.tsx';
+import VisualCharacterCounter from './visual-character-counter.tsx';
 
-import type { Emoji } from 'soapbox/features/emoji';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
 
 const messages = defineMessages({
   placeholder: { id: 'compose_form.placeholder', defaultMessage: 'What\'s on your mind?' },
diff --git a/src/features/compose/components/markdown-button.tsx b/src/features/compose/components/markdown-button.tsx
index 13fcfebda..4ce407b94 100644
--- a/src/features/compose/components/markdown-button.tsx
+++ b/src/features/compose/components/markdown-button.tsx
@@ -1,10 +1,10 @@
 import markdownIcon from '@tabler/icons/outline/markdown.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeComposeContentType } from 'soapbox/actions/compose';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { changeComposeContentType } from 'soapbox/actions/compose.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
-import ComposeFormButton from './compose-form-button';
+import ComposeFormButton from './compose-form-button.tsx';
 
 const messages = defineMessages({
   marked: { id: 'compose_form.markdown.marked', defaultMessage: 'Post markdown enabled' },
diff --git a/src/features/compose/components/poll-button.tsx b/src/features/compose/components/poll-button.tsx
index 81463a0de..a541b8851 100644
--- a/src/features/compose/components/poll-button.tsx
+++ b/src/features/compose/components/poll-button.tsx
@@ -1,10 +1,10 @@
 import chartBarIcon from '@tabler/icons/outline/chart-bar.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { addPoll, removePoll } from 'soapbox/actions/compose';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { addPoll, removePoll } from 'soapbox/actions/compose.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
-import ComposeFormButton from './compose-form-button';
+import ComposeFormButton from './compose-form-button.tsx';
 
 const messages = defineMessages({
   add_poll: { id: 'poll_button.add_poll', defaultMessage: 'Add a poll' },
diff --git a/src/features/compose/components/polls/duration-selector.test.tsx b/src/features/compose/components/polls/duration-selector.test.tsx
index af24370fa..12b0e11f9 100644
--- a/src/features/compose/components/polls/duration-selector.test.tsx
+++ b/src/features/compose/components/polls/duration-selector.test.tsx
@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import DurationSelector from './duration-selector';
+import DurationSelector from './duration-selector.tsx';
 
 describe('<DurationSelector />', () => {
   it('defaults to 2 days', () => {
diff --git a/src/features/compose/components/polls/duration-selector.tsx b/src/features/compose/components/polls/duration-selector.tsx
index 5b35daa83..03f8ccf14 100644
--- a/src/features/compose/components/polls/duration-selector.tsx
+++ b/src/features/compose/components/polls/duration-selector.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Select } from 'soapbox/components/ui';
+import { Select } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   minutes: { id: 'intervals.full.minutes', defaultMessage: '{number, plural, one {# minute} other {# minutes}}' },
diff --git a/src/features/compose/components/polls/poll-form.tsx b/src/features/compose/components/polls/poll-form.tsx
index 2877e4071..fa65b708a 100644
--- a/src/features/compose/components/polls/poll-form.tsx
+++ b/src/features/compose/components/polls/poll-form.tsx
@@ -1,13 +1,13 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { addPollOption, changePollOption, changePollSettings, clearComposeSuggestions, fetchComposeSuggestions, removePoll, removePollOption, selectComposeSuggestion } from 'soapbox/actions/compose';
-import AutosuggestInput from 'soapbox/components/autosuggest-input';
-import { Button, Divider, HStack, Stack, Text, Toggle } from 'soapbox/components/ui';
-import { useAppDispatch, useCompose, useInstance } from 'soapbox/hooks';
+import { addPollOption, changePollOption, changePollSettings, clearComposeSuggestions, fetchComposeSuggestions, removePoll, removePollOption, selectComposeSuggestion } from 'soapbox/actions/compose.ts';
+import AutosuggestInput from 'soapbox/components/autosuggest-input.tsx';
+import { Button, Divider, HStack, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useCompose, useInstance } from 'soapbox/hooks/index.ts';
 
-import DurationSelector from './duration-selector';
+import DurationSelector from './duration-selector.tsx';
 
-import type { AutoSuggestion } from 'soapbox/components/autosuggest-input';
+import type { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
 
 const messages = defineMessages({
   option_placeholder: { id: 'compose_form.poll.option_placeholder', defaultMessage: 'Answer #{number}' },
diff --git a/src/features/compose/components/privacy-dropdown.tsx b/src/features/compose/components/privacy-dropdown.tsx
index 8f31f08d5..fe55abd77 100644
--- a/src/features/compose/components/privacy-dropdown.tsx
+++ b/src/features/compose/components/privacy-dropdown.tsx
@@ -10,14 +10,14 @@ import { spring } from 'react-motion';
 // @ts-ignore
 import Overlay from 'react-overlays/lib/Overlay';
 
-import { changeComposeVisibility } from 'soapbox/actions/compose';
-import { closeModal, openModal } from 'soapbox/actions/modals';
-import Icon from 'soapbox/components/icon';
-import { IconButton } from 'soapbox/components/ui';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
-import { userTouching } from 'soapbox/is-mobile';
+import { changeComposeVisibility } from 'soapbox/actions/compose.ts';
+import { closeModal, openModal } from 'soapbox/actions/modals.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import { IconButton } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
+import { userTouching } from 'soapbox/is-mobile.ts';
 
-import Motion from '../../ui/util/optional-motion';
+import Motion from '../../ui/util/optional-motion.tsx';
 
 const messages = defineMessages({
   public_short: { id: 'privacy.public.short', defaultMessage: 'Public' },
diff --git a/src/features/compose/components/reply-group-indicator.tsx b/src/features/compose/components/reply-group-indicator.tsx
index b3764f50f..d4d17495f 100644
--- a/src/features/compose/components/reply-group-indicator.tsx
+++ b/src/features/compose/components/reply-group-indicator.tsx
@@ -1,11 +1,11 @@
 import { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import Link from 'soapbox/components/link';
-import { Text } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
-import { Group } from 'soapbox/schemas';
-import { makeGetStatus } from 'soapbox/selectors';
+import Link from 'soapbox/components/link.tsx';
+import { Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { Group } from 'soapbox/schemas/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IReplyGroupIndicator {
   composeId: string;
diff --git a/src/features/compose/components/reply-indicator.tsx b/src/features/compose/components/reply-indicator.tsx
index 840ca5f79..28ba10f18 100644
--- a/src/features/compose/components/reply-indicator.tsx
+++ b/src/features/compose/components/reply-indicator.tsx
@@ -1,13 +1,13 @@
 import xIcon from '@tabler/icons/outline/x.svg';
 import clsx from 'clsx';
 
-import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
-import Markup from 'soapbox/components/markup';
-import { Stack } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { getTextDirection } from 'soapbox/utils/rtl';
+import AttachmentThumbs from 'soapbox/components/attachment-thumbs.tsx';
+import Markup from 'soapbox/components/markup.tsx';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import type { Status } from 'soapbox/types/entities';
+import type { Status } from 'soapbox/types/entities.ts';
 
 interface IReplyIndicator {
   className?: string;
diff --git a/src/features/compose/components/reply-mentions.tsx b/src/features/compose/components/reply-mentions.tsx
index 60f3e293c..d802e07ad 100644
--- a/src/features/compose/components/reply-mentions.tsx
+++ b/src/features/compose/components/reply-mentions.tsx
@@ -1,13 +1,13 @@
 import { useCallback } from 'react';
 import { FormattedList, FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useAppDispatch, useAppSelector, useCompose, useFeatures, useOwnAccount } from 'soapbox/hooks';
-import { statusToMentionsAccountIdsArray } from 'soapbox/reducers/compose';
-import { makeGetStatus } from 'soapbox/selectors';
-import { shortenNostr } from 'soapbox/utils/nostr';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useAppDispatch, useAppSelector, useCompose, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { statusToMentionsAccountIdsArray } from 'soapbox/reducers/compose.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
+import { shortenNostr } from 'soapbox/utils/nostr.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface IReplyMentions {
   composeId: string;
diff --git a/src/features/compose/components/schedule-button.tsx b/src/features/compose/components/schedule-button.tsx
index c43a85b24..fbb37fa98 100644
--- a/src/features/compose/components/schedule-button.tsx
+++ b/src/features/compose/components/schedule-button.tsx
@@ -1,10 +1,10 @@
 import calendarStatsIcon from '@tabler/icons/outline/calendar-stats.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { addSchedule, removeSchedule } from 'soapbox/actions/compose';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { addSchedule, removeSchedule } from 'soapbox/actions/compose.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
-import ComposeFormButton from './compose-form-button';
+import ComposeFormButton from './compose-form-button.tsx';
 
 const messages = defineMessages({
   add_schedule: { id: 'schedule_button.add_schedule', defaultMessage: 'Schedule post for later' },
diff --git a/src/features/compose/components/schedule-form.tsx b/src/features/compose/components/schedule-form.tsx
index 9a8dc4808..961c0d751 100644
--- a/src/features/compose/components/schedule-form.tsx
+++ b/src/features/compose/components/schedule-form.tsx
@@ -1,11 +1,11 @@
 import xIcon from '@tabler/icons/outline/x.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { setSchedule, removeSchedule } from 'soapbox/actions/compose';
-import IconButton from 'soapbox/components/icon-button';
-import { HStack, Stack, Text } from 'soapbox/components/ui';
-import { Datetime } from 'soapbox/components/ui/datetime/datetime';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { setSchedule, removeSchedule } from 'soapbox/actions/compose.ts';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import { Datetime } from 'soapbox/components/ui/datetime/datetime.tsx';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   schedule: { id: 'schedule.post_time', defaultMessage: 'Post Date/Time' },
diff --git a/src/features/compose/components/search-results.tsx b/src/features/compose/components/search-results.tsx
index 19ed7f0ae..5b32fd317 100644
--- a/src/features/compose/components/search-results.tsx
+++ b/src/features/compose/components/search-results.tsx
@@ -3,23 +3,23 @@ import clsx from 'clsx';
 import { useEffect, useRef } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { expandSearch, setFilter, setSearchAccount } from 'soapbox/actions/search';
-import { expandTrendingStatuses, fetchTrendingStatuses } from 'soapbox/actions/trending-statuses';
-import { useAccount } from 'soapbox/api/hooks';
-import Hashtag from 'soapbox/components/hashtag';
-import IconButton from 'soapbox/components/icon-button';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { HStack, Spinner, Tabs, Text } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import StatusContainer from 'soapbox/containers/status-container';
-import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder-account';
-import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder-hashtag';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { expandSearch, setFilter, setSearchAccount } from 'soapbox/actions/search.ts';
+import { expandTrendingStatuses, fetchTrendingStatuses } from 'soapbox/actions/trending-statuses.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Hashtag from 'soapbox/components/hashtag.tsx';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { HStack, Spinner, Tabs, Text } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import StatusContainer from 'soapbox/containers/status-container.tsx';
+import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder-account.tsx';
+import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder-hashtag.tsx';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import type { VirtuosoHandle } from 'react-virtuoso';
-import type { SearchFilter } from 'soapbox/reducers/search';
+import type { SearchFilter } from 'soapbox/reducers/search.ts';
 
 const messages = defineMessages({
   accounts: { id: 'search_results.accounts', defaultMessage: 'People' },
diff --git a/src/features/compose/components/search-zap-split.tsx b/src/features/compose/components/search-zap-split.tsx
index 892b4262f..cc513ce16 100644
--- a/src/features/compose/components/search-zap-split.tsx
+++ b/src/features/compose/components/search-zap-split.tsx
@@ -11,14 +11,14 @@ import {
   setSearchAccount,
   showSearch,
   submitSearch,
-} from 'soapbox/actions/search';
-import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input';
-import { Input } from 'soapbox/components/ui';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { Account } from 'soapbox/schemas';
-import { selectAccount } from 'soapbox/selectors';
-import { RootState } from 'soapbox/store';
+} from 'soapbox/actions/search.ts';
+import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input.tsx';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { Account } from 'soapbox/schemas/index.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { RootState } from 'soapbox/store.ts';
 
 const messages = defineMessages({
   placeholder: { id: 'search.placeholder', defaultMessage: 'Search' },
diff --git a/src/features/compose/components/search.tsx b/src/features/compose/components/search.tsx
index b1d79a4a2..97bf548e0 100644
--- a/src/features/compose/components/search.tsx
+++ b/src/features/compose/components/search.tsx
@@ -13,13 +13,13 @@ import {
   setSearchAccount,
   showSearch,
   submitSearch,
-} from 'soapbox/actions/search';
-import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input';
-import { Input } from 'soapbox/components/ui';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { selectAccount } from 'soapbox/selectors';
-import { AppDispatch, RootState } from 'soapbox/store';
+} from 'soapbox/actions/search.ts';
+import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input.tsx';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const messages = defineMessages({
   placeholder: { id: 'search.placeholder', defaultMessage: 'Search' },
diff --git a/src/features/compose/components/spoiler-button.tsx b/src/features/compose/components/spoiler-button.tsx
index 7f23a578d..7e2dbf915 100644
--- a/src/features/compose/components/spoiler-button.tsx
+++ b/src/features/compose/components/spoiler-button.tsx
@@ -1,10 +1,10 @@
 import alertTriangleIcon from '@tabler/icons/outline/alert-triangle.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeComposeSpoilerness } from 'soapbox/actions/compose';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { changeComposeSpoilerness } from 'soapbox/actions/compose.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
-import ComposeFormButton from './compose-form-button';
+import ComposeFormButton from './compose-form-button.tsx';
 
 const messages = defineMessages({
   marked: { id: 'compose_form.spoiler.marked', defaultMessage: 'Text is hidden behind warning' },
diff --git a/src/features/compose/components/spoiler-input.tsx b/src/features/compose/components/spoiler-input.tsx
index e9e79173a..cbcccafdf 100644
--- a/src/features/compose/components/spoiler-input.tsx
+++ b/src/features/compose/components/spoiler-input.tsx
@@ -2,10 +2,10 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeComposeSpoilerness, changeComposeSpoilerText } from 'soapbox/actions/compose';
-import AutosuggestInput, { IAutosuggestInput } from 'soapbox/components/autosuggest-input';
-import { Divider, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { changeComposeSpoilerness, changeComposeSpoilerText } from 'soapbox/actions/compose.ts';
+import AutosuggestInput, { IAutosuggestInput } from 'soapbox/components/autosuggest-input.tsx';
+import { Divider, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   title: { id: 'compose_form.spoiler_title', defaultMessage: 'Sensitive content' },
diff --git a/src/features/compose/components/upload-button.tsx b/src/features/compose/components/upload-button.tsx
index 68ea472fd..c38a3f147 100644
--- a/src/features/compose/components/upload-button.tsx
+++ b/src/features/compose/components/upload-button.tsx
@@ -3,8 +3,8 @@ import photoIcon from '@tabler/icons/outline/photo.svg';
 import { useRef } from 'react';
 import { defineMessages, IntlShape, useIntl } from 'react-intl';
 
-import { IconButton } from 'soapbox/components/ui';
-import { useInstance } from 'soapbox/hooks';
+import { IconButton } from 'soapbox/components/ui/index.ts';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   upload: { id: 'upload_button.label', defaultMessage: 'Add media attachment' },
diff --git a/src/features/compose/components/upload-form.tsx b/src/features/compose/components/upload-form.tsx
index 424e9aaac..fc8b1bd74 100644
--- a/src/features/compose/components/upload-form.tsx
+++ b/src/features/compose/components/upload-form.tsx
@@ -1,14 +1,14 @@
 import clsx from 'clsx';
 import { useCallback, useRef } from 'react';
 
-import { changeMediaOrder } from 'soapbox/actions/compose';
-import { HStack } from 'soapbox/components/ui';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { changeMediaOrder } from 'soapbox/actions/compose.ts';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
-import Upload from './upload';
-import UploadProgress from './upload-progress';
+import UploadProgress from './upload-progress.tsx';
+import Upload from './upload.tsx';
 
-import type { Attachment as AttachmentEntity } from 'soapbox/types/entities';
+import type { Attachment as AttachmentEntity } from 'soapbox/types/entities.ts';
 
 interface IUploadForm {
   composeId: string;
diff --git a/src/features/compose/components/upload-progress.tsx b/src/features/compose/components/upload-progress.tsx
index dc526723e..d26a1ef98 100644
--- a/src/features/compose/components/upload-progress.tsx
+++ b/src/features/compose/components/upload-progress.tsx
@@ -1,5 +1,5 @@
-import UploadProgress from 'soapbox/components/upload-progress';
-import { useCompose } from 'soapbox/hooks';
+import UploadProgress from 'soapbox/components/upload-progress.tsx';
+import { useCompose } from 'soapbox/hooks/index.ts';
 
 interface IComposeUploadProgress {
   composeId: string;
diff --git a/src/features/compose/components/upload.tsx b/src/features/compose/components/upload.tsx
index fa834fd8e..f0e5cb6f5 100644
--- a/src/features/compose/components/upload.tsx
+++ b/src/features/compose/components/upload.tsx
@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
 
-import { undoUploadCompose, changeUploadCompose } from 'soapbox/actions/compose';
-import Upload from 'soapbox/components/upload';
-import { useAppDispatch, useCompose, useInstance } from 'soapbox/hooks';
+import { undoUploadCompose, changeUploadCompose } from 'soapbox/actions/compose.ts';
+import Upload from 'soapbox/components/upload.tsx';
+import { useAppDispatch, useCompose, useInstance } from 'soapbox/hooks/index.ts';
 
 interface IUploadCompose {
   id: string;
diff --git a/src/features/compose/components/visual-character-counter.tsx b/src/features/compose/components/visual-character-counter.tsx
index b056d235e..50f3633fe 100644
--- a/src/features/compose/components/visual-character-counter.tsx
+++ b/src/features/compose/components/visual-character-counter.tsx
@@ -1,7 +1,7 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { length } from 'stringz';
 
-import ProgressCircle from 'soapbox/components/progress-circle';
+import ProgressCircle from 'soapbox/components/progress-circle.tsx';
 
 const messages = defineMessages({
   title: { id: 'compose.character_counter.title', defaultMessage: 'Used {chars} out of {maxChars} {maxChars, plural, one {character} other {characters}}' },
diff --git a/src/features/compose/components/warning.tsx b/src/features/compose/components/warning.tsx
index 15185e263..9048bbed7 100644
--- a/src/features/compose/components/warning.tsx
+++ b/src/features/compose/components/warning.tsx
@@ -1,6 +1,6 @@
 import { spring } from 'react-motion';
 
-import Motion from '../../ui/util/optional-motion';
+import Motion from '../../ui/util/optional-motion.tsx';
 
 interface IWarning {
   message: React.ReactNode;
diff --git a/src/features/compose/containers/quoted-status-container.tsx b/src/features/compose/containers/quoted-status-container.tsx
index 56d341e9d..bd43b961b 100644
--- a/src/features/compose/containers/quoted-status-container.tsx
+++ b/src/features/compose/containers/quoted-status-container.tsx
@@ -1,9 +1,9 @@
 import { useCallback } from 'react';
 
-import { cancelQuoteCompose } from 'soapbox/actions/compose';
-import QuotedStatus from 'soapbox/components/quoted-status';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import { cancelQuoteCompose } from 'soapbox/actions/compose.ts';
+import QuotedStatus from 'soapbox/components/quoted-status.tsx';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IQuotedStatusContainer {
   composeId: string;
diff --git a/src/features/compose/containers/reply-indicator-container.ts b/src/features/compose/containers/reply-indicator-container.ts
index b77c4a8d0..871df1dc9 100644
--- a/src/features/compose/containers/reply-indicator-container.ts
+++ b/src/features/compose/containers/reply-indicator-container.ts
@@ -1,12 +1,12 @@
 import { connect } from 'react-redux';
 
-import { cancelReplyCompose } from 'soapbox/actions/compose';
-import { makeGetStatus } from 'soapbox/selectors';
+import { cancelReplyCompose } from 'soapbox/actions/compose.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import ReplyIndicator from '../components/reply-indicator';
+import ReplyIndicator from '../components/reply-indicator.tsx';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
-import type { Status } from 'soapbox/types/entities';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
+import type { Status } from 'soapbox/types/entities.ts';
 
 const makeMapStateToProps = () => {
   const getStatus = makeGetStatus();
diff --git a/src/features/compose/containers/upload-button-container.ts b/src/features/compose/containers/upload-button-container.ts
index 6b2307c93..6ead8ee37 100644
--- a/src/features/compose/containers/upload-button-container.ts
+++ b/src/features/compose/containers/upload-button-container.ts
@@ -1,11 +1,11 @@
 import { connect } from 'react-redux';
 
-import { uploadCompose } from 'soapbox/actions/compose';
+import { uploadCompose } from 'soapbox/actions/compose.ts';
 
-import UploadButton from '../components/upload-button';
+import UploadButton from '../components/upload-button.tsx';
 
 import type { IntlShape } from 'react-intl';
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const mapStateToProps = (state: RootState, { composeId }: { composeId: string }) => ({
   disabled: state.compose.get(composeId)?.is_uploading,
diff --git a/src/features/compose/containers/warning-container.tsx b/src/features/compose/containers/warning-container.tsx
index bbfc199cb..f51f4971f 100644
--- a/src/features/compose/containers/warning-container.tsx
+++ b/src/features/compose/containers/warning-container.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { useAppSelector, useCompose, useFeatures, useOwnAccount, useSettingsNotifications } from 'soapbox/hooks';
-import { selectOwnAccount } from 'soapbox/selectors';
+import { useAppSelector, useCompose, useFeatures, useOwnAccount, useSettingsNotifications } from 'soapbox/hooks/index.ts';
+import { selectOwnAccount } from 'soapbox/selectors/index.ts';
 
-import Warning from '../components/warning';
+import Warning from '../components/warning.tsx';
 
 const APPROX_HASHTAG_RE = /(?:^|[^/)\w])#(\w*[a-zA-Z·]\w*)/i;
 
diff --git a/src/features/compose/editor/index.tsx b/src/features/compose/editor/index.tsx
index eccf8f8c6..54085027a 100644
--- a/src/features/compose/editor/index.tsx
+++ b/src/features/compose/editor/index.tsx
@@ -18,14 +18,14 @@ import { $createParagraphNode, $createTextNode, $getRoot, type LexicalEditor } f
 import { forwardRef, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { useAppDispatch } from 'soapbox/hooks';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { useNodes } from './nodes';
-import AutosuggestPlugin from './plugins/autosuggest-plugin';
-import FocusPlugin from './plugins/focus-plugin';
-import RefPlugin from './plugins/ref-plugin';
-import StatePlugin from './plugins/state-plugin';
-import SubmitPlugin from './plugins/submit-plugin';
+import { useNodes } from './nodes/index.ts';
+import AutosuggestPlugin from './plugins/autosuggest-plugin.tsx';
+import FocusPlugin from './plugins/focus-plugin.tsx';
+import RefPlugin from './plugins/ref-plugin.tsx';
+import StatePlugin from './plugins/state-plugin.tsx';
+import SubmitPlugin from './plugins/submit-plugin.tsx';
 
 const LINK_MATCHERS = [
   createLinkMatcherWithRegExp(
diff --git a/src/features/compose/editor/nodes/emoji-node.tsx b/src/features/compose/editor/nodes/emoji-node.tsx
index 81a39a05c..87451423d 100644
--- a/src/features/compose/editor/nodes/emoji-node.tsx
+++ b/src/features/compose/editor/nodes/emoji-node.tsx
@@ -1,7 +1,7 @@
 import { $applyNodeReplacement, DecoratorNode } from 'lexical';
 
-import { Emoji as Component } from 'soapbox/components/ui';
-import { isNativeEmoji, type Emoji } from 'soapbox/features/emoji';
+import { Emoji as Component } from 'soapbox/components/ui/index.ts';
+import { isNativeEmoji, type Emoji } from 'soapbox/features/emoji/index.ts';
 
 import type {
   EditorConfig,
diff --git a/src/features/compose/editor/nodes/index.ts b/src/features/compose/editor/nodes/index.ts
index 7c7695259..efb47c3c2 100644
--- a/src/features/compose/editor/nodes/index.ts
+++ b/src/features/compose/editor/nodes/index.ts
@@ -7,8 +7,8 @@
 import { HashtagNode } from '@lexical/hashtag';
 import { AutoLinkNode } from '@lexical/link';
 
-import { EmojiNode } from './emoji-node';
-import { MentionNode } from './mention-node';
+import { EmojiNode } from './emoji-node.tsx';
+import { MentionNode } from './mention-node.tsx';
 
 import type { Klass, LexicalNode } from 'lexical';
 
diff --git a/src/features/compose/editor/nodes/mention-node.tsx b/src/features/compose/editor/nodes/mention-node.tsx
index 7ebe49644..5d8ef036a 100644
--- a/src/features/compose/editor/nodes/mention-node.tsx
+++ b/src/features/compose/editor/nodes/mention-node.tsx
@@ -6,7 +6,7 @@
 
 import { $applyNodeReplacement, DecoratorNode } from 'lexical';
 
-import Mention from 'soapbox/components/mention';
+import Mention from 'soapbox/components/mention.tsx';
 
 import type {
   EditorConfig,
@@ -15,7 +15,7 @@ import type {
   SerializedLexicalNode,
   Spread,
 } from 'lexical';
-import type { Mention as MentionEntity } from 'soapbox/schemas';
+import type { Mention as MentionEntity } from 'soapbox/schemas/index.ts';
 
 type SerializedMentionNode = Spread<{
   mention: MentionEntity;
diff --git a/src/features/compose/editor/plugins/autosuggest-plugin.tsx b/src/features/compose/editor/plugins/autosuggest-plugin.tsx
index ca4e4cf8b..717abd357 100644
--- a/src/features/compose/editor/plugins/autosuggest-plugin.tsx
+++ b/src/features/compose/editor/plugins/autosuggest-plugin.tsx
@@ -33,18 +33,18 @@ import {
 } from 'react';
 import ReactDOM from 'react-dom';
 
-import { clearComposeSuggestions, fetchComposeSuggestions } from 'soapbox/actions/compose';
-import { chooseEmoji } from 'soapbox/actions/emojis';
-import AutosuggestEmoji from 'soapbox/components/autosuggest-emoji';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
-import { selectAccount } from 'soapbox/selectors';
-import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions';
+import { clearComposeSuggestions, fetchComposeSuggestions } from 'soapbox/actions/compose.ts';
+import { chooseEmoji } from 'soapbox/actions/emojis.ts';
+import AutosuggestEmoji from 'soapbox/components/autosuggest-emoji.tsx';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions.ts';
 
-import AutosuggestAccount from '../../components/autosuggest-account';
-import { $createEmojiNode } from '../nodes/emoji-node';
-import { $createMentionNode } from '../nodes/mention-node';
+import AutosuggestAccount from '../../components/autosuggest-account.tsx';
+import { $createEmojiNode } from '../nodes/emoji-node.tsx';
+import { $createMentionNode } from '../nodes/mention-node.tsx';
 
-import type { AutoSuggestion } from 'soapbox/components/autosuggest-input';
+import type { AutoSuggestion } from 'soapbox/components/autosuggest-input.tsx';
 
 type QueryMatch = {
   leadOffset: number;
diff --git a/src/features/compose/editor/plugins/state-plugin.tsx b/src/features/compose/editor/plugins/state-plugin.tsx
index 06f102b64..fb366bdb2 100644
--- a/src/features/compose/editor/plugins/state-plugin.tsx
+++ b/src/features/compose/editor/plugins/state-plugin.tsx
@@ -2,8 +2,8 @@ import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext
 import { $getRoot } from 'lexical';
 import { useEffect } from 'react';
 
-import { setEditorState } from 'soapbox/actions/compose';
-import { useAppDispatch } from 'soapbox/hooks';
+import { setEditorState } from 'soapbox/actions/compose.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 interface IStatePlugin {
   composeId: string;
diff --git a/src/features/compose/util/counter.ts b/src/features/compose/util/counter.ts
index 6d999a547..407dfe4d1 100644
--- a/src/features/compose/util/counter.ts
+++ b/src/features/compose/util/counter.ts
@@ -1,4 +1,4 @@
-import { urlRegex } from './url-regex';
+import { urlRegex } from './url-regex.ts';
 
 const urlPlaceholder = 'xxxxxxxxxxxxxxxxxxxxxxx';
 
diff --git a/src/features/conversations/components/conversation.tsx b/src/features/conversations/components/conversation.tsx
index eb390a305..6c5c55346 100644
--- a/src/features/conversations/components/conversation.tsx
+++ b/src/features/conversations/components/conversation.tsx
@@ -1,9 +1,9 @@
 import { useHistory } from 'react-router-dom';
 
-import { markConversationRead } from 'soapbox/actions/conversations';
-import StatusContainer from 'soapbox/containers/status-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { selectAccount } from 'soapbox/selectors';
+import { markConversationRead } from 'soapbox/actions/conversations.ts';
+import StatusContainer from 'soapbox/containers/status-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
 
 interface IConversation {
   conversationId: string;
diff --git a/src/features/conversations/components/conversations-list.tsx b/src/features/conversations/components/conversations-list.tsx
index 6fd74bf7e..645064ad6 100644
--- a/src/features/conversations/components/conversations-list.tsx
+++ b/src/features/conversations/components/conversations-list.tsx
@@ -2,11 +2,11 @@ import debounce from 'lodash/debounce';
 import { useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { expandConversations } from 'soapbox/actions/conversations';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { expandConversations } from 'soapbox/actions/conversations.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import Conversation from './conversation';
+import Conversation from './conversation.tsx';
 
 import type { VirtuosoHandle } from 'react-virtuoso';
 
diff --git a/src/features/conversations/index.tsx b/src/features/conversations/index.tsx
index 1bd0f2074..c575e1545 100644
--- a/src/features/conversations/index.tsx
+++ b/src/features/conversations/index.tsx
@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { directComposeById } from 'soapbox/actions/compose';
-import { mountConversations, unmountConversations, expandConversations } from 'soapbox/actions/conversations';
-import { useDirectStream } from 'soapbox/api/hooks';
-import AccountSearch from 'soapbox/components/account-search';
-import { Column } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { directComposeById } from 'soapbox/actions/compose.ts';
+import { mountConversations, unmountConversations, expandConversations } from 'soapbox/actions/conversations.ts';
+import { useDirectStream } from 'soapbox/api/hooks/index.ts';
+import AccountSearch from 'soapbox/components/account-search.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import ConversationsList from './components/conversations-list';
+import ConversationsList from './components/conversations-list.tsx';
 
 const messages = defineMessages({
   title: { id: 'column.direct', defaultMessage: 'Direct messages' },
diff --git a/src/features/crypto-donate/components/crypto-address.tsx b/src/features/crypto-donate/components/crypto-address.tsx
index 860110936..5aacaf979 100644
--- a/src/features/crypto-donate/components/crypto-address.tsx
+++ b/src/features/crypto-donate/components/crypto-address.tsx
@@ -1,15 +1,15 @@
 import externalLinkIcon from '@tabler/icons/outline/external-link.svg';
 import qrcodeIcon from '@tabler/icons/outline/qrcode.svg';
 
-import { openModal } from 'soapbox/actions/modals';
-import CopyableInput from 'soapbox/components/copyable-input';
-import { Text, Icon, Stack, HStack } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import { Text, Icon, Stack, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { getExplorerUrl } from '../utils/block-explorer';
-import { getTitle } from '../utils/coin-db';
+import { getExplorerUrl } from '../utils/block-explorer.ts';
+import { getTitle } from '../utils/coin-db.ts';
 
-import CryptoIcon from './crypto-icon';
+import CryptoIcon from './crypto-icon.tsx';
 
 export interface ICryptoAddress {
   address: string;
diff --git a/src/features/crypto-donate/components/crypto-donate-panel.tsx b/src/features/crypto-donate/components/crypto-donate-panel.tsx
index 0c0df631e..fd49eab97 100644
--- a/src/features/crypto-donate/components/crypto-donate-panel.tsx
+++ b/src/features/crypto-donate/components/crypto-donate-panel.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { Text, Widget } from 'soapbox/components/ui';
-import { useInstance, useSoapboxConfig } from 'soapbox/hooks';
+import { Text, Widget } from 'soapbox/components/ui/index.ts';
+import { useInstance, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import SiteWallet from './site-wallet';
+import SiteWallet from './site-wallet.tsx';
 
 const messages = defineMessages({
   actionTitle: { id: 'crypto_donate_panel.actions.view', defaultMessage: 'Click to see {count, plural, one {# wallet} other {# wallets}}' },
diff --git a/src/features/crypto-donate/components/detailed-crypto-address.tsx b/src/features/crypto-donate/components/detailed-crypto-address.tsx
index 476def29d..10a19c135 100644
--- a/src/features/crypto-donate/components/detailed-crypto-address.tsx
+++ b/src/features/crypto-donate/components/detailed-crypto-address.tsx
@@ -1,13 +1,13 @@
 import externalLinkIcon from '@tabler/icons/outline/external-link.svg';
 import { QRCodeCanvas as QRCode } from 'qrcode.react';
 
-import CopyableInput from 'soapbox/components/copyable-input';
-import Icon from 'soapbox/components/icon';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import Icon from 'soapbox/components/icon.tsx';
 
-import { getExplorerUrl } from '../utils/block-explorer';
-import { getTitle } from '../utils/coin-db';
+import { getExplorerUrl } from '../utils/block-explorer.ts';
+import { getTitle } from '../utils/coin-db.ts';
 
-import CryptoIcon from './crypto-icon';
+import CryptoIcon from './crypto-icon.tsx';
 
 interface IDetailedCryptoAddress {
   address: string;
diff --git a/src/features/crypto-donate/components/lightning-address.tsx b/src/features/crypto-donate/components/lightning-address.tsx
index 2f73793a4..5fcad5c26 100644
--- a/src/features/crypto-donate/components/lightning-address.tsx
+++ b/src/features/crypto-donate/components/lightning-address.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import CopyableInput from 'soapbox/components/copyable-input';
-import { Text, Stack, HStack, Emoji } from 'soapbox/components/ui';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import { Text, Stack, HStack, Emoji } from 'soapbox/components/ui/index.ts';
 
 export interface ILightningAddress {
   address: string;
diff --git a/src/features/crypto-donate/components/site-wallet.tsx b/src/features/crypto-donate/components/site-wallet.tsx
index 3c63171de..d7a52d2ec 100644
--- a/src/features/crypto-donate/components/site-wallet.tsx
+++ b/src/features/crypto-donate/components/site-wallet.tsx
@@ -1,7 +1,7 @@
-import { Stack } from 'soapbox/components/ui';
-import { useSoapboxConfig } from 'soapbox/hooks';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import CryptoAddress from './crypto-address';
+import CryptoAddress from './crypto-address.tsx';
 
 interface ISiteWallet {
   limit?: number;
diff --git a/src/features/crypto-donate/index.tsx b/src/features/crypto-donate/index.tsx
index 980f7dd31..3ad1dd714 100644
--- a/src/features/crypto-donate/index.tsx
+++ b/src/features/crypto-donate/index.tsx
@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { Accordion, Column, Stack } from 'soapbox/components/ui';
-import { useInstance } from 'soapbox/hooks';
+import { Accordion, Column, Stack } from 'soapbox/components/ui/index.ts';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
-import SiteWallet from './components/site-wallet';
+import SiteWallet from './components/site-wallet.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.crypto_donate', defaultMessage: 'Donate Cryptocurrency' },
diff --git a/src/features/delete-account/index.tsx b/src/features/delete-account/index.tsx
index 6a32b5175..bf9d109fe 100644
--- a/src/features/delete-account/index.tsx
+++ b/src/features/delete-account/index.tsx
@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { deleteAccount } from 'soapbox/actions/security';
-import { Button, Card, CardBody, CardHeader, CardTitle, Form, FormActions, FormGroup, Input, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { deleteAccount } from 'soapbox/actions/security.ts';
+import { Button, Card, CardBody, CardHeader, CardTitle, Form, FormActions, FormGroup, Input, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   passwordFieldLabel: { id: 'security.fields.password.label', defaultMessage: 'Password' },
diff --git a/src/features/developers/apps/create.tsx b/src/features/developers/apps/create.tsx
index bf69a7f7c..89de0b19c 100644
--- a/src/features/developers/apps/create.tsx
+++ b/src/features/developers/apps/create.tsx
@@ -1,11 +1,11 @@
 import { useState } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 
-import { createApp } from 'soapbox/actions/apps';
-import { obtainOAuthToken } from 'soapbox/actions/oauth';
-import { Column, Button, Form, FormActions, FormGroup, Input, Stack, Text, Textarea } from 'soapbox/components/ui';
-import { useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import { getBaseURL } from 'soapbox/utils/accounts';
+import { createApp } from 'soapbox/actions/apps.ts';
+import { obtainOAuthToken } from 'soapbox/actions/oauth.ts';
+import { Column, Button, Form, FormActions, FormGroup, Input, Stack, Text, Textarea } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { getBaseURL } from 'soapbox/utils/accounts.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.app_create', defaultMessage: 'Create app' },
diff --git a/src/features/developers/developers-challenge.tsx b/src/features/developers/developers-challenge.tsx
index 520fbdccc..168ceba22 100644
--- a/src/features/developers/developers-challenge.tsx
+++ b/src/features/developers/developers-challenge.tsx
@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { changeSettingImmediate } from 'soapbox/actions/settings';
-import { Column, Button, Form, FormActions, FormGroup, Input, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { changeSettingImmediate } from 'soapbox/actions/settings.ts';
+import { Column, Button, Form, FormActions, FormGroup, Input, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.developers', defaultMessage: 'Developers' },
diff --git a/src/features/developers/developers-menu.tsx b/src/features/developers/developers-menu.tsx
index 083511e78..acedd4439 100644
--- a/src/features/developers/developers-menu.tsx
+++ b/src/features/developers/developers-menu.tsx
@@ -9,12 +9,12 @@ import urgentIcon from '@tabler/icons/outline/urgent.svg';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
-import { changeSettingImmediate } from 'soapbox/actions/settings';
-import { Column, Text } from 'soapbox/components/ui';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
-import sourceCode from 'soapbox/utils/code';
+import { changeSettingImmediate } from 'soapbox/actions/settings.ts';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { Column, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import sourceCode from 'soapbox/utils/code.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.developers', defaultMessage: 'Developers' },
diff --git a/src/features/developers/index.tsx b/src/features/developers/index.tsx
index 39a8577ae..9db7b7f07 100644
--- a/src/features/developers/index.tsx
+++ b/src/features/developers/index.tsx
@@ -1,8 +1,8 @@
-import { getSettings } from 'soapbox/actions/settings';
-import { useAppSelector } from 'soapbox/hooks';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import DevelopersChallenge from './developers-challenge';
-import DevelopersMenu from './developers-menu';
+import DevelopersChallenge from './developers-challenge.tsx';
+import DevelopersMenu from './developers-menu.tsx';
 
 const Developers: React.FC = () => {
   const isDeveloper = useAppSelector((state) => getSettings(state).get('isDeveloper'));
diff --git a/src/features/developers/service-worker-info.tsx b/src/features/developers/service-worker-info.tsx
index b173dc541..d5347df5c 100644
--- a/src/features/developers/service-worker-info.tsx
+++ b/src/features/developers/service-worker-info.tsx
@@ -2,11 +2,11 @@ import externalLinkIcon from '@tabler/icons/outline/external-link.svg';
 import { useEffect, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import List, { ListItem } from 'soapbox/components/list';
-import { HStack, Text, Column, FormActions, Button, Stack, Icon } from 'soapbox/components/ui';
-import { unregisterSW } from 'soapbox/utils/sw';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { HStack, Text, Column, FormActions, Button, Stack, Icon } from 'soapbox/components/ui/index.ts';
+import { unregisterSW } from 'soapbox/utils/sw.ts';
 
-import Indicator from './components/indicator';
+import Indicator from './components/indicator.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.developers.service_worker', defaultMessage: 'Service Worker' },
diff --git a/src/features/developers/settings-store.tsx b/src/features/developers/settings-store.tsx
index b924b359f..b08391cf0 100644
--- a/src/features/developers/settings-store.tsx
+++ b/src/features/developers/settings-store.tsx
@@ -1,9 +1,9 @@
 import { useState, useEffect } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 
-import { patchMe } from 'soapbox/actions/me';
-import { FE_NAME, SETTINGS_UPDATE, changeSetting } from 'soapbox/actions/settings';
-import List, { ListItem } from 'soapbox/components/list';
+import { patchMe } from 'soapbox/actions/me.ts';
+import { FE_NAME, SETTINGS_UPDATE, changeSetting } from 'soapbox/actions/settings.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
 import {
   CardHeader,
   CardTitle,
@@ -13,10 +13,10 @@ import {
   FormActions,
   FormGroup,
   Textarea,
-} from 'soapbox/components/ui';
-import SettingToggle from 'soapbox/features/notifications/components/setting-toggle';
-import { useAppSelector, useAppDispatch, useSettings } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+} from 'soapbox/components/ui/index.ts';
+import SettingToggle from 'soapbox/features/notifications/components/setting-toggle.tsx';
+import { useAppSelector, useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const isJSONValid = (text: any): boolean => {
   try {
diff --git a/src/features/direct-timeline/index.tsx b/src/features/direct-timeline/index.tsx
index 68458e267..4342de900 100644
--- a/src/features/direct-timeline/index.tsx
+++ b/src/features/direct-timeline/index.tsx
@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { directComposeById } from 'soapbox/actions/compose';
-import { expandDirectTimeline } from 'soapbox/actions/timelines';
-import { useDirectStream } from 'soapbox/api/hooks';
-import AccountSearch from 'soapbox/components/account-search';
-import { Column } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { directComposeById } from 'soapbox/actions/compose.ts';
+import { expandDirectTimeline } from 'soapbox/actions/timelines.ts';
+import { useDirectStream } from 'soapbox/api/hooks/index.ts';
+import AccountSearch from 'soapbox/components/account-search.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import Timeline from '../ui/components/timeline';
+import Timeline from '../ui/components/timeline.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.direct', defaultMessage: 'Direct messages' },
diff --git a/src/features/directory/components/account-card.tsx b/src/features/directory/components/account-card.tsx
index 00cb0f629..a0bfe1dad 100644
--- a/src/features/directory/components/account-card.tsx
+++ b/src/features/directory/components/account-card.tsx
@@ -1,14 +1,14 @@
 import { FormattedMessage } from 'react-intl';
 
-import { getSettings } from 'soapbox/actions/settings';
-import { useAccount } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import Badge from 'soapbox/components/badge';
-import RelativeTimestamp from 'soapbox/components/relative-timestamp';
-import { Stack, Text } from 'soapbox/components/ui';
-import ActionButton from 'soapbox/features/ui/components/action-button';
-import { useAppSelector } from 'soapbox/hooks';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import Badge from 'soapbox/components/badge.tsx';
+import RelativeTimestamp from 'soapbox/components/relative-timestamp.tsx';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 interface IAccountCard {
   id: string;
diff --git a/src/features/directory/index.tsx b/src/features/directory/index.tsx
index f99de51d8..868479eb7 100644
--- a/src/features/directory/index.tsx
+++ b/src/features/directory/index.tsx
@@ -3,12 +3,12 @@ import { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { useLocation } from 'react-router-dom';
 
-import { fetchDirectory, expandDirectory } from 'soapbox/actions/directory';
-import LoadMore from 'soapbox/components/load-more';
-import { Column, RadioButton, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks';
+import { fetchDirectory, expandDirectory } from 'soapbox/actions/directory.ts';
+import LoadMore from 'soapbox/components/load-more.tsx';
+import { Column, RadioButton, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
 
-import AccountCard from './components/account-card';
+import AccountCard from './components/account-card.tsx';
 
 const messages = defineMessages({
   title: { id: 'column.directory', defaultMessage: 'Browse profiles' },
diff --git a/src/features/domain-blocks/index.tsx b/src/features/domain-blocks/index.tsx
index 350318465..f05955a62 100644
--- a/src/features/domain-blocks/index.tsx
+++ b/src/features/domain-blocks/index.tsx
@@ -2,11 +2,11 @@ import debounce from 'lodash/debounce';
 import { useEffect } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { fetchDomainBlocks, expandDomainBlocks } from 'soapbox/actions/domain-blocks';
-import Domain from 'soapbox/components/domain';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchDomainBlocks, expandDomainBlocks } from 'soapbox/actions/domain-blocks.ts';
+import Domain from 'soapbox/components/domain.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.domain_blocks', defaultMessage: 'Hidden domains' },
diff --git a/src/features/edit-email/index.tsx b/src/features/edit-email/index.tsx
index 257f29be0..36be0aa13 100644
--- a/src/features/edit-email/index.tsx
+++ b/src/features/edit-email/index.tsx
@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeEmail } from 'soapbox/actions/security';
-import { Button, Column, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { changeEmail } from 'soapbox/actions/security.ts';
+import { Button, Column, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   header: { id: 'edit_email.header', defaultMessage: 'Change Email' },
diff --git a/src/features/edit-identity/index.tsx b/src/features/edit-identity/index.tsx
index be9f4d1b8..63ed702d2 100644
--- a/src/features/edit-identity/index.tsx
+++ b/src/features/edit-identity/index.tsx
@@ -3,14 +3,14 @@ import { useMutation, useQuery } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { patchMe } from 'soapbox/actions/me';
-import { changeSetting } from 'soapbox/actions/settings';
-import List, { ListItem } from 'soapbox/components/list';
-import { Button, CardHeader, CardTitle, Column, Emoji, Form, HStack, Icon, Input, Textarea, Tooltip } from 'soapbox/components/ui';
-import { useApi, useAppDispatch, useInstance, useOwnAccount, useSettings } from 'soapbox/hooks';
-import { queryClient } from 'soapbox/queries/client';
-import { adminAccountSchema } from 'soapbox/schemas/admin-account';
-import toast from 'soapbox/toast';
+import { patchMe } from 'soapbox/actions/me.ts';
+import { changeSetting } from 'soapbox/actions/settings.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Button, CardHeader, CardTitle, Column, Emoji, Form, HStack, Icon, Input, Textarea, Tooltip } from 'soapbox/components/ui/index.ts';
+import { useApi, useAppDispatch, useInstance, useOwnAccount, useSettings } from 'soapbox/hooks/index.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { adminAccountSchema } from 'soapbox/schemas/admin-account.ts';
+import toast from 'soapbox/toast.tsx';
 
 interface IEditIdentity {
 }
diff --git a/src/features/edit-password/index.tsx b/src/features/edit-password/index.tsx
index c35074ec5..38de13ca7 100644
--- a/src/features/edit-password/index.tsx
+++ b/src/features/edit-password/index.tsx
@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changePassword } from 'soapbox/actions/security';
-import { Button, Column, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { changePassword } from 'soapbox/actions/security.ts';
+import { Button, Column, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   updatePasswordSuccess: { id: 'security.update_password.success', defaultMessage: 'Password successfully updated.' },
diff --git a/src/features/edit-profile/components/avatar-picker.tsx b/src/features/edit-profile/components/avatar-picker.tsx
index 10f272bc1..2c8e45cf2 100644
--- a/src/features/edit-profile/components/avatar-picker.tsx
+++ b/src/features/edit-profile/components/avatar-picker.tsx
@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { forwardRef, useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Avatar, Icon, HStack } from 'soapbox/components/ui';
-import { useDraggedFiles } from 'soapbox/hooks';
+import { Avatar, Icon, HStack } from 'soapbox/components/ui/index.ts';
+import { useDraggedFiles } from 'soapbox/hooks/index.ts';
 
 interface IMediaInput {
   className?: string;
diff --git a/src/features/edit-profile/components/header-picker.tsx b/src/features/edit-profile/components/header-picker.tsx
index 1fc3ab601..99753c021 100644
--- a/src/features/edit-profile/components/header-picker.tsx
+++ b/src/features/edit-profile/components/header-picker.tsx
@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { forwardRef, useRef } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { HStack, Icon, IconButton, Text } from 'soapbox/components/ui';
-import { useDraggedFiles } from 'soapbox/hooks';
+import { HStack, Icon, IconButton, Text } from 'soapbox/components/ui/index.ts';
+import { useDraggedFiles } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   title: { id: 'group.upload_banner.title', defaultMessage: 'Upload background picture' },
diff --git a/src/features/edit-profile/index.tsx b/src/features/edit-profile/index.tsx
index 9bb139783..c37fe5479 100644
--- a/src/features/edit-profile/index.tsx
+++ b/src/features/edit-profile/index.tsx
@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { updateNotificationSettings } from 'soapbox/actions/accounts';
-import { patchMe } from 'soapbox/actions/me';
-import BirthdayInput from 'soapbox/components/birthday-input';
-import List, { ListItem } from 'soapbox/components/list';
+import { updateNotificationSettings } from 'soapbox/actions/accounts.ts';
+import { patchMe } from 'soapbox/actions/me.ts';
+import BirthdayInput from 'soapbox/components/birthday-input.tsx';
+import List, { ListItem } from 'soapbox/components/list.tsx';
 import {
   Button,
   Column,
@@ -16,17 +16,17 @@ import {
   Streamfield,
   Textarea,
   Toggle,
-} from 'soapbox/components/ui';
-import { useAppDispatch, useOwnAccount, useFeatures, useInstance, useAppSelector } from 'soapbox/hooks';
-import { useImageField } from 'soapbox/hooks/forms';
-import toast from 'soapbox/toast';
-import { isDefaultAvatar, isDefaultHeader } from 'soapbox/utils/accounts';
+} from 'soapbox/components/ui/index.ts';
+import { useImageField } from 'soapbox/hooks/forms/index.ts';
+import { useAppDispatch, useOwnAccount, useFeatures, useInstance, useAppSelector } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { isDefaultAvatar, isDefaultHeader } from 'soapbox/utils/accounts.ts';
 
-import AvatarPicker from './components/avatar-picker';
-import HeaderPicker from './components/header-picker';
+import AvatarPicker from './components/avatar-picker.tsx';
+import HeaderPicker from './components/header-picker.tsx';
 
-import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
-import type { Account } from 'soapbox/schemas';
+import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const nonDefaultAvatar = (url: string | undefined) => url && isDefaultAvatar(url) ? undefined : url;
 const nonDefaultHeader = (url: string | undefined) => url && isDefaultHeader(url) ? undefined : url;
diff --git a/src/features/email-confirmation/index.tsx b/src/features/email-confirmation/index.tsx
index 68cbec1f6..2f28a0d04 100644
--- a/src/features/email-confirmation/index.tsx
+++ b/src/features/email-confirmation/index.tsx
@@ -2,11 +2,11 @@ import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Redirect } from 'react-router-dom';
 
-import { confirmChangedEmail } from 'soapbox/actions/security';
-import { Spinner } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
-import { buildErrorMessage } from 'soapbox/utils/errors';
+import { confirmChangedEmail } from 'soapbox/actions/security.ts';
+import { Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { buildErrorMessage } from 'soapbox/utils/errors.ts';
 
 const Statuses = {
   IDLE: 'IDLE',
diff --git a/src/features/embedded-status/index.tsx b/src/features/embedded-status/index.tsx
index 066e2bdd5..f0d06fedb 100644
--- a/src/features/embedded-status/index.tsx
+++ b/src/features/embedded-status/index.tsx
@@ -1,14 +1,14 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { fetchStatus } from 'soapbox/actions/statuses';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import SiteLogo from 'soapbox/components/site-logo';
-import Status from 'soapbox/components/status';
-import { Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { iframeId } from 'soapbox/iframe';
-import { makeGetStatus } from 'soapbox/selectors';
+import { fetchStatus } from 'soapbox/actions/statuses.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import SiteLogo from 'soapbox/components/site-logo.tsx';
+import Status from 'soapbox/components/status.tsx';
+import { Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { iframeId } from 'soapbox/iframe.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IEmbeddedStatus {
   params: {
diff --git a/src/features/emoji/components/emoji-picker-dropdown.tsx b/src/features/emoji/components/emoji-picker-dropdown.tsx
index 7a0d634d6..692cdd665 100644
--- a/src/features/emoji/components/emoji-picker-dropdown.tsx
+++ b/src/features/emoji/components/emoji-picker-dropdown.tsx
@@ -3,15 +3,14 @@ import { useEffect, useState, useLayoutEffect, Suspense } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { createSelector } from 'reselect';
 
-import { chooseEmoji } from 'soapbox/actions/emojis';
-import { changeSetting } from 'soapbox/actions/settings';
-import { useAppDispatch, useAppSelector, useTheme } from 'soapbox/hooks';
-import { RootState } from 'soapbox/store';
+import { chooseEmoji } from 'soapbox/actions/emojis.ts';
+import { changeSetting } from 'soapbox/actions/settings.ts';
+import { buildCustomEmojis } from 'soapbox/features/emoji/index.ts';
+import { EmojiPicker } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch, useAppSelector, useTheme } from 'soapbox/hooks/index.ts';
+import { RootState } from 'soapbox/store.ts';
 
-import { buildCustomEmojis } from '../../emoji';
-import { EmojiPicker } from '../../ui/util/async-components';
-
-import type { Emoji, CustomEmoji, NativeEmoji } from 'soapbox/features/emoji';
+import type { Emoji, CustomEmoji, NativeEmoji } from 'soapbox/features/emoji/index.ts';
 
 export const messages = defineMessages({
   emoji: { id: 'emoji_button.label', defaultMessage: 'Insert emoji' },
diff --git a/src/features/emoji/components/emoji-picker.tsx b/src/features/emoji/components/emoji-picker.tsx
index adb680792..74cdc5d0f 100644
--- a/src/features/emoji/components/emoji-picker.tsx
+++ b/src/features/emoji/components/emoji-picker.tsx
@@ -2,9 +2,9 @@ import spriteSheet from 'emoji-datasource/img/twitter/sheets/32.png';
 import { Picker as EmojiPicker } from 'emoji-mart';
 import { useRef, useEffect } from 'react';
 
-import { joinPublicPath } from 'soapbox/utils/static';
+import { joinPublicPath } from 'soapbox/utils/static.ts';
 
-import data from '../data';
+import data from '../data.ts';
 
 const getSpritesheetURL = () => spriteSheet;
 
diff --git a/src/features/emoji/containers/emoji-picker-dropdown-container.tsx b/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
index 1206d6fbd..f22b7189e 100644
--- a/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
+++ b/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
@@ -5,10 +5,10 @@ import { KeyboardEvent, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { IconButton } from 'soapbox/components/ui';
-import { useClickOutside } from 'soapbox/hooks';
+import { IconButton } from 'soapbox/components/ui/index.ts';
+import { useClickOutside } from 'soapbox/hooks/index.ts';
 
-import EmojiPickerDropdown, { IEmojiPickerDropdown } from '../components/emoji-picker-dropdown';
+import EmojiPickerDropdown, { IEmojiPickerDropdown } from '../components/emoji-picker-dropdown.tsx';
 
 export const messages = defineMessages({
   emoji: { id: 'emoji_button.label', defaultMessage: 'Insert emoji' },
diff --git a/src/features/emoji/index.test.ts b/src/features/emoji/index.test.ts
index 485bfe083..d65b4fd0d 100644
--- a/src/features/emoji/index.test.ts
+++ b/src/features/emoji/index.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import emojify from '.';
+import emojify from './index.ts';
 
 describe('emoji', () => {
   describe('.emojify', () => {
diff --git a/src/features/emoji/index.ts b/src/features/emoji/index.ts
index 58464cb14..2c4995dae 100644
--- a/src/features/emoji/index.ts
+++ b/src/features/emoji/index.ts
@@ -1,8 +1,8 @@
 import split from 'graphemesplit';
 
-import unicodeMapping from './mapping';
+import unicodeMapping from './mapping.ts';
 
-import type { Emoji as EmojiMart, CustomEmoji as EmojiMartCustom } from 'soapbox/features/emoji/data';
+import type { Emoji as EmojiMart, CustomEmoji as EmojiMartCustom } from 'soapbox/features/emoji/data.ts';
 
 /*
  * TODO: Consolate emoji object types
diff --git a/src/features/emoji/mapping.ts b/src/features/emoji/mapping.ts
index bc769618d..882d68eeb 100644
--- a/src/features/emoji/mapping.ts
+++ b/src/features/emoji/mapping.ts
@@ -1,4 +1,4 @@
-import data, { EmojiData } from './data';
+import data, { EmojiData } from './data.ts';
 
 const stripLeadingZeros = /^0+/;
 interface UnicodeMap {
diff --git a/src/features/emoji/search.test.ts b/src/features/emoji/search.test.ts
index 4b5b0a1e4..fb64cbbc4 100644
--- a/src/features/emoji/search.test.ts
+++ b/src/features/emoji/search.test.ts
@@ -2,7 +2,7 @@ import { List, Map } from 'immutable';
 import pick from 'lodash/pick';
 import { describe, expect, it } from 'vitest';
 
-import search, { addCustomToPool } from './search';
+import search, { addCustomToPool } from './search.ts';
 
 const trimEmojis = (emoji: any) => pick(emoji, ['id', 'unified', 'native', 'custom']);
 
diff --git a/src/features/emoji/search.ts b/src/features/emoji/search.ts
index 21e376f70..695a2ae37 100644
--- a/src/features/emoji/search.ts
+++ b/src/features/emoji/search.ts
@@ -2,9 +2,9 @@
 import Index from '@akryum/flexsearch-es';
 import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 
-import data from './data';
+import data from './data.ts';
 
-import type { Emoji } from './index';
+import type { Emoji } from './index.ts';
 
 // @ts-ignore Wrong default export.
 const index: Index.Index = new Index({
diff --git a/src/features/event/components/event-action-button.tsx b/src/features/event/components/event-action-button.tsx
index f205d19a4..dcd5cffa3 100644
--- a/src/features/event/components/event-action-button.tsx
+++ b/src/features/event/components/event-action-button.tsx
@@ -2,13 +2,13 @@ import banIcon from '@tabler/icons/outline/ban.svg';
 import checkIcon from '@tabler/icons/outline/check.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { joinEvent, leaveEvent } from 'soapbox/actions/events';
-import { openModal } from 'soapbox/actions/modals';
-import { Button } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { joinEvent, leaveEvent } from 'soapbox/actions/events.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { Button } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import type { ButtonThemes } from 'soapbox/components/ui/button/useButtonStyles';
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { ButtonThemes } from 'soapbox/components/ui/button/useButtonStyles.tsx';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   leaveConfirm: { id: 'confirmations.leave_event.confirm', defaultMessage: 'Leave event' },
diff --git a/src/features/event/components/event-date.tsx b/src/features/event/components/event-date.tsx
index 952a74425..e33fa3662 100644
--- a/src/features/event/components/event-date.tsx
+++ b/src/features/event/components/event-date.tsx
@@ -1,10 +1,10 @@
 import calendarIcon from '@tabler/icons/outline/calendar.svg';
 import { FormattedDate } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
-import { HStack } from 'soapbox/components/ui';
+import Icon from 'soapbox/components/icon.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface IEventDate {
   status: StatusEntity;
diff --git a/src/features/event/components/event-header.tsx b/src/features/event/components/event-header.tsx
index cbe475a68..22e79be21 100644
--- a/src/features/event/components/event-header.tsx
+++ b/src/features/event/components/event-header.tsx
@@ -25,32 +25,32 @@ import { List as ImmutableList } from 'immutable';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
-import { blockAccount } from 'soapbox/actions/accounts';
-import { launchChat } from 'soapbox/actions/chats';
-import { directCompose, mentionCompose, quoteCompose } from 'soapbox/actions/compose';
-import { editEvent, fetchEventIcs } from 'soapbox/actions/events';
-import { toggleBookmark, togglePin, toggleReblog } from 'soapbox/actions/interactions';
-import { openModal } from 'soapbox/actions/modals';
-import { deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation';
-import { initMuteModal } from 'soapbox/actions/mutes';
-import { initReport, ReportableEntities } from 'soapbox/actions/reports';
-import { deleteStatus } from 'soapbox/actions/statuses';
-import Icon from 'soapbox/components/icon';
-import StillImage from 'soapbox/components/still-image';
-import { Button, HStack, IconButton, Menu, MenuButton, MenuDivider, MenuItem, MenuLink, MenuList, Stack, Text } from 'soapbox/components/ui';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useAppDispatch, useFeatures, useOwnAccount, useSettings } from 'soapbox/hooks';
-import copy from 'soapbox/utils/copy';
-import { download } from 'soapbox/utils/download';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { blockAccount } from 'soapbox/actions/accounts.ts';
+import { launchChat } from 'soapbox/actions/chats.ts';
+import { directCompose, mentionCompose, quoteCompose } from 'soapbox/actions/compose.ts';
+import { editEvent, fetchEventIcs } from 'soapbox/actions/events.ts';
+import { toggleBookmark, togglePin, toggleReblog } from 'soapbox/actions/interactions.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { deleteStatusModal, toggleStatusSensitivityModal } from 'soapbox/actions/moderation.tsx';
+import { initMuteModal } from 'soapbox/actions/mutes.ts';
+import { initReport, ReportableEntities } from 'soapbox/actions/reports.ts';
+import { deleteStatus } from 'soapbox/actions/statuses.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import StillImage from 'soapbox/components/still-image.tsx';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { Button, HStack, IconButton, Menu, MenuButton, MenuDivider, MenuItem, MenuLink, MenuList, Stack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useAppDispatch, useFeatures, useOwnAccount, useSettings } from 'soapbox/hooks/index.ts';
+import copy from 'soapbox/utils/copy.ts';
+import { download } from 'soapbox/utils/download.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
-import PlaceholderEventHeader from '../../placeholder/components/placeholder-event-header';
-import EventActionButton from '../components/event-action-button';
-import EventDate from '../components/event-date';
+import PlaceholderEventHeader from '../../placeholder/components/placeholder-event-header.tsx';
+import EventActionButton from '../components/event-action-button.tsx';
+import EventDate from '../components/event-date.tsx';
 
-import type { Menu as MenuType } from 'soapbox/components/dropdown-menu';
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Menu as MenuType } from 'soapbox/components/dropdown-menu/index.ts';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   bannerHeader: { id: 'event.banner', defaultMessage: 'Event banner' },
diff --git a/src/features/event/event-discussion.tsx b/src/features/event/event-discussion.tsx
index b9481ab28..1d325d3af 100644
--- a/src/features/event/event-discussion.tsx
+++ b/src/features/event/event-discussion.tsx
@@ -3,23 +3,23 @@ import debounce from 'lodash/debounce';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { eventDiscussionCompose } from 'soapbox/actions/compose';
-import { fetchStatusWithContext, fetchNext } from 'soapbox/actions/statuses';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import Tombstone from 'soapbox/components/tombstone';
-import { Stack } from 'soapbox/components/ui';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import PendingStatus from 'soapbox/features/ui/components/pending-status';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import { eventDiscussionCompose } from 'soapbox/actions/compose.ts';
+import { fetchStatusWithContext, fetchNext } from 'soapbox/actions/statuses.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import Tombstone from 'soapbox/components/tombstone.tsx';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import PendingStatus from 'soapbox/features/ui/components/pending-status.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import ComposeForm from '../compose/components/compose-form';
-import { getDescendantsIds } from '../status/components/thread';
-import ThreadStatus from '../status/components/thread-status';
+import ComposeForm from '../compose/components/compose-form.tsx';
+import ThreadStatus from '../status/components/thread-status.tsx';
+import { getDescendantsIds } from '../status/components/thread.tsx';
 
 import type { VirtuosoHandle } from 'react-virtuoso';
-import type { Attachment as AttachmentEntity } from 'soapbox/types/entities';
+import type { Attachment as AttachmentEntity } from 'soapbox/types/entities.ts';
 
 type RouteParams = { statusId: string };
 
diff --git a/src/features/event/event-information.tsx b/src/features/event/event-information.tsx
index d10fe92d7..b61a28b41 100644
--- a/src/features/event/event-information.tsx
+++ b/src/features/event/event-information.tsx
@@ -4,19 +4,19 @@ import mapPinIcon from '@tabler/icons/outline/map-pin.svg';
 import { Fragment, useCallback, useEffect, useState } from 'react';
 import { FormattedDate, FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { fetchStatus } from 'soapbox/actions/statuses';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import StatusContent from 'soapbox/components/status-content';
-import StatusMedia from 'soapbox/components/status-media';
-import TranslateButton from 'soapbox/components/translate-button';
-import { HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container';
-import { useAppDispatch, useAppSelector, useSettings, useSoapboxConfig } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
-import { defaultMediaVisibility } from 'soapbox/utils/status';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { fetchStatus } from 'soapbox/actions/statuses.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import StatusMedia from 'soapbox/components/status-media.tsx';
+import TranslateButton from 'soapbox/components/translate-button.tsx';
+import { HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container.tsx';
+import { useAppDispatch, useAppSelector, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
+import { defaultMediaVisibility } from 'soapbox/utils/status.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 type RouteParams = { statusId: string };
 
diff --git a/src/features/events/components/event-carousel.tsx b/src/features/events/components/event-carousel.tsx
index 670a56ca1..6ba6a564b 100644
--- a/src/features/events/components/event-carousel.tsx
+++ b/src/features/events/components/event-carousel.tsx
@@ -4,12 +4,12 @@ import { useCallback, useState } from 'react';
 import { Link } from 'react-router-dom';
 import ReactSwipeableViews from 'react-swipeable-views';
 
-import EventPreview from 'soapbox/components/event-preview';
-import { Card, Icon } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import EventPreview from 'soapbox/components/event-preview.tsx';
+import { Card, Icon } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import PlaceholderEventPreview from '../../placeholder/components/placeholder-event-preview';
+import PlaceholderEventPreview from '../../placeholder/components/placeholder-event-preview.tsx';
 
 import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
 
diff --git a/src/features/events/index.tsx b/src/features/events/index.tsx
index 44cd1642b..c04b91e56 100644
--- a/src/features/events/index.tsx
+++ b/src/features/events/index.tsx
@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchJoinedEvents, fetchRecentEvents } from 'soapbox/actions/events';
-import { openModal } from 'soapbox/actions/modals';
-import { Button, CardBody, CardHeader, CardTitle, Column, HStack } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchJoinedEvents, fetchRecentEvents } from 'soapbox/actions/events.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { Button, CardBody, CardHeader, CardTitle, Column, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import EventCarousel from './components/event-carousel';
+import EventCarousel from './components/event-carousel.tsx';
 
 const messages = defineMessages({
   title: { id: 'column.events', defaultMessage: 'Events' },
diff --git a/src/features/export-data/components/csv-exporter.tsx b/src/features/export-data/components/csv-exporter.tsx
index b748f3239..864d85599 100644
--- a/src/features/export-data/components/csv-exporter.tsx
+++ b/src/features/export-data/components/csv-exporter.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react';
 import { MessageDescriptor, useIntl } from 'react-intl';
 
-import { Button, Form, FormActions, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import { AppDispatch, RootState } from 'soapbox/store';
+import { Button, Form, FormActions, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { AppDispatch, RootState } from 'soapbox/store.ts';
 
 interface ICSVExporter {
   messages: {
diff --git a/src/features/export-data/index.tsx b/src/features/export-data/index.tsx
index 38432dbd5..e41b61db3 100644
--- a/src/features/export-data/index.tsx
+++ b/src/features/export-data/index.tsx
@@ -4,10 +4,10 @@ import {
   exportFollows,
   exportBlocks,
   exportMutes,
-} from 'soapbox/actions/export-data';
-import { Column } from 'soapbox/components/ui';
+} from 'soapbox/actions/export-data.ts';
+import { Column } from 'soapbox/components/ui/index.ts';
 
-import CSVExporter from './components/csv-exporter';
+import CSVExporter from './components/csv-exporter.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.export_data', defaultMessage: 'Export data' },
diff --git a/src/features/external-login/components/external-login-form.tsx b/src/features/external-login/components/external-login-form.tsx
index ef3a49f17..60cfc42d8 100644
--- a/src/features/external-login/components/external-login-form.tsx
+++ b/src/features/external-login/components/external-login-form.tsx
@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react';
 import { useIntl, FormattedMessage, defineMessages } from 'react-intl';
 
-import { externalLogin, loginWithCode } from 'soapbox/actions/external-auth';
-import { Button, Form, FormActions, FormGroup, Input, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { externalLogin, loginWithCode } from 'soapbox/actions/external-auth.ts';
+import { Button, Form, FormActions, FormGroup, Input, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/external-login/index.tsx b/src/features/external-login/index.tsx
index 9220bce39..eaa873879 100644
--- a/src/features/external-login/index.tsx
+++ b/src/features/external-login/index.tsx
@@ -1,8 +1,8 @@
 import { FormattedMessage } from 'react-intl';
 
-import { BigCard } from 'soapbox/components/big-card';
+import { BigCard } from 'soapbox/components/big-card.tsx';
 
-import ExternalLoginForm from './components/external-login-form';
+import ExternalLoginForm from './components/external-login-form.tsx';
 
 /** Page for logging into a remote instance */
 const ExternalLoginPage: React.FC = () => {
diff --git a/src/features/favourited-statuses/index.tsx b/src/features/favourited-statuses/index.tsx
index 316c4f38d..c865844f8 100644
--- a/src/features/favourited-statuses/index.tsx
+++ b/src/features/favourited-statuses/index.tsx
@@ -3,13 +3,13 @@ import debounce from 'lodash/debounce';
 import { useCallback, useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchAccount, fetchAccountByUsername } from 'soapbox/actions/accounts';
-import { fetchFavouritedStatuses, expandFavouritedStatuses, fetchAccountFavouritedStatuses, expandAccountFavouritedStatuses } from 'soapbox/actions/favourites';
-import { useAccountLookup } from 'soapbox/api/hooks';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import StatusList from 'soapbox/components/status-list';
-import { Column } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useOwnAccount } from 'soapbox/hooks';
+import { fetchAccount, fetchAccountByUsername } from 'soapbox/actions/accounts.ts';
+import { fetchFavouritedStatuses, expandFavouritedStatuses, fetchAccountFavouritedStatuses, expandAccountFavouritedStatuses } from 'soapbox/actions/favourites.ts';
+import { useAccountLookup } from 'soapbox/api/hooks/index.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import StatusList from 'soapbox/components/status-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useOwnAccount } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.favourited_statuses', defaultMessage: 'Liked posts' },
diff --git a/src/features/federation-restrictions/components/instance-restrictions.tsx b/src/features/federation-restrictions/components/instance-restrictions.tsx
index c77b8de85..824b1489e 100644
--- a/src/features/federation-restrictions/components/instance-restrictions.tsx
+++ b/src/features/federation-restrictions/components/instance-restrictions.tsx
@@ -7,11 +7,11 @@ import shieldLockIcon from '@tabler/icons/outline/shield-lock.svg';
 import shieldXIcon from '@tabler/icons/outline/shield-x.svg';
 import { FormattedMessage } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
-import { HStack, Stack, Text } from 'soapbox/components/ui';
-import { useInstance } from 'soapbox/hooks';
+import Icon from 'soapbox/components/icon.tsx';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
-import type { RemoteInstance } from 'soapbox/selectors';
+import type { RemoteInstance } from 'soapbox/selectors/index.ts';
 
 const hasRestrictions = (remoteInstance: RemoteInstance): boolean => {
   const { accept, reject_deletes, report_removal, ...federation } = remoteInstance.federation;
diff --git a/src/features/federation-restrictions/components/restricted-instance.tsx b/src/features/federation-restrictions/components/restricted-instance.tsx
index 9ac14c1a7..41d4fe869 100644
--- a/src/features/federation-restrictions/components/restricted-instance.tsx
+++ b/src/features/federation-restrictions/components/restricted-instance.tsx
@@ -3,11 +3,11 @@ import caretRightIcon from '@tabler/icons/outline/caret-right.svg';
 import clsx from 'clsx';
 import { useState } from 'react';
 
-import Icon from 'soapbox/components/icon';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetRemoteInstance } from 'soapbox/selectors';
+import Icon from 'soapbox/components/icon.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetRemoteInstance } from 'soapbox/selectors/index.ts';
 
-import InstanceRestrictions from './instance-restrictions';
+import InstanceRestrictions from './instance-restrictions.tsx';
 
 const getRemoteInstance = makeGetRemoteInstance();
 
diff --git a/src/features/federation-restrictions/index.tsx b/src/features/federation-restrictions/index.tsx
index ed51dbee9..51bb11684 100644
--- a/src/features/federation-restrictions/index.tsx
+++ b/src/features/federation-restrictions/index.tsx
@@ -1,13 +1,13 @@
 import { useState, useCallback } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Accordion } from 'soapbox/components/ui';
-import { useAppSelector, useInstance } from 'soapbox/hooks';
-import { makeGetHosts } from 'soapbox/selectors';
-import { federationRestrictionsDisclosed } from 'soapbox/utils/state';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Accordion } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
+import { makeGetHosts } from 'soapbox/selectors/index.ts';
+import { federationRestrictionsDisclosed } from 'soapbox/utils/state.ts';
 
-import RestrictedInstance from './components/restricted-instance';
+import RestrictedInstance from './components/restricted-instance.tsx';
 
 import type { OrderedSet as ImmutableOrderedSet } from 'immutable';
 
diff --git a/src/features/feed-suggestions/feed-suggestions.tsx b/src/features/feed-suggestions/feed-suggestions.tsx
index 43e4f2e64..76c14fc23 100644
--- a/src/features/feed-suggestions/feed-suggestions.tsx
+++ b/src/features/feed-suggestions/feed-suggestions.tsx
@@ -1,13 +1,13 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { useAccount } from 'soapbox/api/hooks';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useAppSelector } from 'soapbox/hooks';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import { Card, CardBody, CardTitle, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { Card, CardBody, CardTitle, HStack, Stack, Text } from '../../components/ui';
-import ActionButton from '../ui/components/action-button';
-import { HotKeys } from '../ui/components/hotkeys';
+import ActionButton from '../ui/components/action-button.tsx';
+import { HotKeys } from '../ui/components/hotkeys.tsx';
 
 const messages = defineMessages({
   heading: { id: 'feed_suggestions.heading', defaultMessage: 'Suggested Profiles' },
diff --git a/src/features/filters/edit-filter.tsx b/src/features/filters/edit-filter.tsx
index 162fcde91..c16413537 100644
--- a/src/features/filters/edit-filter.tsx
+++ b/src/features/filters/edit-filter.tsx
@@ -2,17 +2,17 @@ import { useEffect, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { createFilter, fetchFilter, updateFilter } from 'soapbox/actions/filters';
-import List, { ListItem } from 'soapbox/components/list';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import { Button, Column, Form, FormActions, FormGroup, HStack, Input, Stack, Streamfield, Text, Toggle } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures } from 'soapbox/hooks';
-import { normalizeFilter } from 'soapbox/normalizers';
-import toast from 'soapbox/toast';
+import { createFilter, fetchFilter, updateFilter } from 'soapbox/actions/filters.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import { Button, Column, Form, FormActions, FormGroup, HStack, Input, Stack, Streamfield, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import { normalizeFilter } from 'soapbox/normalizers/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import { SelectDropdown } from '../forms';
+import { SelectDropdown } from '../forms/index.tsx';
 
-import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
+import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
 
 interface IFilterField {
   id?: string;
diff --git a/src/features/filters/index.tsx b/src/features/filters/index.tsx
index 674877a01..2f15c5bd0 100644
--- a/src/features/filters/index.tsx
+++ b/src/features/filters/index.tsx
@@ -2,12 +2,12 @@ import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { fetchFilters, deleteFilter } from 'soapbox/actions/filters';
-import RelativeTimestamp from 'soapbox/components/relative-timestamp';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { fetchFilters, deleteFilter } from 'soapbox/actions/filters.ts';
+import RelativeTimestamp from 'soapbox/components/relative-timestamp.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Column, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.filters', defaultMessage: 'Muted words' },
diff --git a/src/features/follow-recommendations/index.tsx b/src/features/follow-recommendations/index.tsx
index aec2b6fb4..5e7c03324 100644
--- a/src/features/follow-recommendations/index.tsx
+++ b/src/features/follow-recommendations/index.tsx
@@ -2,11 +2,11 @@ import debounce from 'lodash/debounce';
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchSuggestions } from 'soapbox/actions/suggestions';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Stack, Text } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchSuggestions } from 'soapbox/actions/suggestions.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Stack, Text } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'follow_recommendations.heading', defaultMessage: 'Suggested Profiles' },
diff --git a/src/features/follow-requests/components/account-authorize.tsx b/src/features/follow-requests/components/account-authorize.tsx
index e73224165..72e44bdd2 100644
--- a/src/features/follow-requests/components/account-authorize.tsx
+++ b/src/features/follow-requests/components/account-authorize.tsx
@@ -1,8 +1,8 @@
-import { authorizeFollowRequest, rejectFollowRequest } from 'soapbox/actions/accounts';
-import { useAccount } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons';
-import { useAppDispatch } from 'soapbox/hooks';
+import { authorizeFollowRequest, rejectFollowRequest } from 'soapbox/actions/accounts.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 interface IAccountAuthorize {
   id: string;
diff --git a/src/features/follow-requests/index.tsx b/src/features/follow-requests/index.tsx
index fe3b40f7d..fffa8314b 100644
--- a/src/features/follow-requests/index.tsx
+++ b/src/features/follow-requests/index.tsx
@@ -2,12 +2,12 @@ import debounce from 'lodash/debounce';
 import { useEffect } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { fetchFollowRequests, expandFollowRequests } from 'soapbox/actions/accounts';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchFollowRequests, expandFollowRequests } from 'soapbox/actions/accounts.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import AccountAuthorize from './components/account-authorize';
+import AccountAuthorize from './components/account-authorize.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.follow_requests', defaultMessage: 'Follow requests' },
diff --git a/src/features/followed-tags/index.tsx b/src/features/followed-tags/index.tsx
index 2cb1c4bfb..61f08c5f1 100644
--- a/src/features/followed-tags/index.tsx
+++ b/src/features/followed-tags/index.tsx
@@ -2,12 +2,12 @@ import debounce from 'lodash/debounce';
 import { useEffect } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { fetchFollowedHashtags, expandFollowedHashtags } from 'soapbox/actions/tags';
-import Hashtag from 'soapbox/components/hashtag';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column } from 'soapbox/components/ui';
-import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder-hashtag';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchFollowedHashtags, expandFollowedHashtags } from 'soapbox/actions/tags.ts';
+import Hashtag from 'soapbox/components/hashtag.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder-hashtag.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.followed_tags', defaultMessage: 'Followed hashtags' },
diff --git a/src/features/followers/index.tsx b/src/features/followers/index.tsx
index b3a721eb2..922e7d64f 100644
--- a/src/features/followers/index.tsx
+++ b/src/features/followers/index.tsx
@@ -1,10 +1,10 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { useAccountLookup, useFollowers } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Spinner } from 'soapbox/components/ui';
+import { useAccountLookup, useFollowers } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.followers', defaultMessage: 'Followers' },
diff --git a/src/features/following/index.tsx b/src/features/following/index.tsx
index 088618f16..ee9050057 100644
--- a/src/features/following/index.tsx
+++ b/src/features/following/index.tsx
@@ -1,10 +1,10 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { useAccountLookup, useFollowing } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Spinner } from 'soapbox/components/ui';
+import { useAccountLookup, useFollowing } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.following', defaultMessage: 'Following' },
diff --git a/src/features/forms/index.tsx b/src/features/forms/index.tsx
index 4efa3d8c6..0ab369db7 100644
--- a/src/features/forms/index.tsx
+++ b/src/features/forms/index.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { Children, useState } from 'react';
 
-import { Select } from '../../components/ui';
+import { Select } from 'soapbox/components/ui/index.ts';
 
 interface IInputContainer {
   label?: React.ReactNode;
diff --git a/src/features/generic-not-found/index.tsx b/src/features/generic-not-found/index.tsx
index 9847cdc7b..e67bad751 100644
--- a/src/features/generic-not-found/index.tsx
+++ b/src/features/generic-not-found/index.tsx
@@ -1,4 +1,4 @@
-import MissingIndicator from '../../components/missing-indicator';
+import MissingIndicator from '../../components/missing-indicator.tsx';
 
 const GenericNotFound = () => (
   <MissingIndicator />
diff --git a/src/features/group/components/group-action-button.test.tsx b/src/features/group/components/group-action-button.test.tsx
index 55a95ce53..195cf94bb 100644
--- a/src/features/group/components/group-action-button.test.tsx
+++ b/src/features/group/components/group-action-button.test.tsx
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { buildGroup, buildGroupRelationship } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import { Group } from 'soapbox/types/entities';
+import { buildGroup, buildGroupRelationship } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { Group } from 'soapbox/types/entities.ts';
 
-import GroupActionButton from './group-action-button';
+import GroupActionButton from './group-action-button.tsx';
 
 let group: Group;
 
diff --git a/src/features/group/components/group-action-button.tsx b/src/features/group/components/group-action-button.tsx
index 733de9809..8a8a8d33f 100644
--- a/src/features/group/components/group-action-button.tsx
+++ b/src/features/group/components/group-action-button.tsx
@@ -1,16 +1,16 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchGroupRelationshipsSuccess } from 'soapbox/actions/groups';
-import { openModal } from 'soapbox/actions/modals';
-import { useCancelMembershipRequest, useJoinGroup, useLeaveGroup, usePendingGroups } from 'soapbox/api/hooks';
-import { Button } from 'soapbox/components/ui';
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { useAppDispatch } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
+import { fetchGroupRelationshipsSuccess } from 'soapbox/actions/groups.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useCancelMembershipRequest, useJoinGroup, useLeaveGroup, usePendingGroups } from 'soapbox/api/hooks/index.ts';
+import { Button } from 'soapbox/components/ui/index.ts';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { Group, GroupRelationship } from 'soapbox/types/entities';
+import type { Group, GroupRelationship } from 'soapbox/types/entities.ts';
 
 interface IGroupActionButton {
   group: Group;
diff --git a/src/features/group/components/group-header-image.tsx b/src/features/group/components/group-header-image.tsx
index 6449a0de8..10d608bb2 100644
--- a/src/features/group/components/group-header-image.tsx
+++ b/src/features/group/components/group-header-image.tsx
@@ -3,9 +3,9 @@ import clsx from 'clsx';
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Icon } from 'soapbox/components/ui';
+import { Icon } from 'soapbox/components/ui/index.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   header: { id: 'group.header.alt', defaultMessage: 'Group header' },
diff --git a/src/features/group/components/group-header.test.tsx b/src/features/group/components/group-header.test.tsx
index 31325e78d..d6b775a67 100644
--- a/src/features/group/components/group-header.test.tsx
+++ b/src/features/group/components/group-header.test.tsx
@@ -1,10 +1,10 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildGroup } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { Group } from 'soapbox/types/entities';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { Group } from 'soapbox/types/entities.ts';
 
-import GroupHeader from './group-header';
+import GroupHeader from './group-header.tsx';
 
 let group: Group;
 
diff --git a/src/features/group/components/group-header.tsx b/src/features/group/components/group-header.tsx
index ff4808ad7..f51255b47 100644
--- a/src/features/group/components/group-header.tsx
+++ b/src/features/group/components/group-header.tsx
@@ -3,21 +3,21 @@ import { List as ImmutableList } from 'immutable';
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import GroupAvatar from 'soapbox/components/groups/group-avatar';
-import StillImage from 'soapbox/components/still-image';
-import { HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import { normalizeAttachment } from 'soapbox/normalizers';
-import { isDefaultHeader } from 'soapbox/utils/accounts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import GroupAvatar from 'soapbox/components/groups/group-avatar.tsx';
+import StillImage from 'soapbox/components/still-image.tsx';
+import { HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { normalizeAttachment } from 'soapbox/normalizers/index.ts';
+import { isDefaultHeader } from 'soapbox/utils/accounts.ts';
 
-import GroupActionButton from './group-action-button';
-import GroupMemberCount from './group-member-count';
-import GroupOptionsButton from './group-options-button';
-import GroupPrivacy from './group-privacy';
-import GroupRelationship from './group-relationship';
+import GroupActionButton from './group-action-button.tsx';
+import GroupMemberCount from './group-member-count.tsx';
+import GroupOptionsButton from './group-options-button.tsx';
+import GroupPrivacy from './group-privacy.tsx';
+import GroupRelationship from './group-relationship.tsx';
 
-import type { Group } from 'soapbox/types/entities';
+import type { Group } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   header: { id: 'group.header.alt', defaultMessage: 'Group header' },
diff --git a/src/features/group/components/group-member-count.test.tsx b/src/features/group/components/group-member-count.test.tsx
index 470b92b8c..2b5876b99 100644
--- a/src/features/group/components/group-member-count.test.tsx
+++ b/src/features/group/components/group-member-count.test.tsx
@@ -1,10 +1,10 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { buildGroup } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { Group } from 'soapbox/types/entities';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { Group } from 'soapbox/types/entities.ts';
 
-import GroupMemberCount from './group-member-count';
+import GroupMemberCount from './group-member-count.tsx';
 
 let group: Group;
 
diff --git a/src/features/group/components/group-member-count.tsx b/src/features/group/components/group-member-count.tsx
index 5e638d33f..fc0f763da 100644
--- a/src/features/group/components/group-member-count.tsx
+++ b/src/features/group/components/group-member-count.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Text } from 'soapbox/components/ui';
-import { Group } from 'soapbox/types/entities';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { Text } from 'soapbox/components/ui/index.ts';
+import { Group } from 'soapbox/types/entities.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 interface IGroupMemberCount {
   group: Group;
diff --git a/src/features/group/components/group-member-list-item.test.tsx b/src/features/group/components/group-member-list-item.test.tsx
index e02eb6242..1817f97ef 100644
--- a/src/features/group/components/group-member-list-item.test.tsx
+++ b/src/features/group/components/group-member-list-item.test.tsx
@@ -1,12 +1,12 @@
 import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildGroup, buildGroupMember, buildGroupRelationship } from 'soapbox/jest/factory';
-import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildGroup, buildGroupMember, buildGroupRelationship } from 'soapbox/jest/factory.ts';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 
-import GroupMemberListItem from './group-member-list-item';
+import GroupMemberListItem from './group-member-list-item.tsx';
 
 describe('<GroupMemberListItem />', () => {
   describe('account rendering', () => {
diff --git a/src/features/group/components/group-member-list-item.tsx b/src/features/group/components/group-member-list-item.tsx
index c2513545c..6874419d7 100644
--- a/src/features/group/components/group-member-list-item.tsx
+++ b/src/features/group/components/group-member-list-item.tsx
@@ -5,22 +5,22 @@ import clsx from 'clsx';
 import { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { groupKick } from 'soapbox/actions/groups';
-import { openModal } from 'soapbox/actions/modals';
-import { useAccount, useBlockGroupMember, useDemoteGroupMember, usePromoteGroupMember } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import DropdownMenu from 'soapbox/components/dropdown-menu/dropdown-menu';
-import { HStack } from 'soapbox/components/ui';
-import { deleteEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder-account';
-import { useAppDispatch, useFeatures } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
-import { MAX_ADMIN_COUNT } from 'soapbox/utils/groups';
+import { groupKick } from 'soapbox/actions/groups.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useAccount, useBlockGroupMember, useDemoteGroupMember, usePromoteGroupMember } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import DropdownMenu from 'soapbox/components/dropdown-menu/dropdown-menu.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import { deleteEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder-account.tsx';
+import { useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
+import { MAX_ADMIN_COUNT } from 'soapbox/utils/groups.ts';
 
-import type { Menu as IMenu } from 'soapbox/components/dropdown-menu';
-import type { Group, GroupMember } from 'soapbox/types/entities';
+import type { Menu as IMenu } from 'soapbox/components/dropdown-menu/index.ts';
+import type { Group, GroupMember } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   adminLimitTitle: { id: 'group.member.admin.limit.title', defaultMessage: 'Admin limit reached' },
diff --git a/src/features/group/components/group-options-button.test.tsx b/src/features/group/components/group-options-button.test.tsx
index 250f47072..d0548956f 100644
--- a/src/features/group/components/group-options-button.test.tsx
+++ b/src/features/group/components/group-options-button.test.tsx
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { buildGroup, buildGroupRelationship } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import { Group } from 'soapbox/types/entities';
+import { buildGroup, buildGroupRelationship } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { Group } from 'soapbox/types/entities.ts';
 
-import GroupOptionsButton from './group-options-button';
+import GroupOptionsButton from './group-options-button.tsx';
 
 let group: Group;
 
diff --git a/src/features/group/components/group-options-button.tsx b/src/features/group/components/group-options-button.tsx
index e712fb79a..9dfa5221c 100644
--- a/src/features/group/components/group-options-button.tsx
+++ b/src/features/group/components/group-options-button.tsx
@@ -6,16 +6,16 @@ import volume3Icon from '@tabler/icons/outline/volume-3.svg';
 import { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { initReport, ReportableEntities } from 'soapbox/actions/reports';
-import { useLeaveGroup, useMuteGroup, useUnmuteGroup } from 'soapbox/api/hooks';
-import DropdownMenu, { Menu } from 'soapbox/components/dropdown-menu';
-import { IconButton } from 'soapbox/components/ui';
-import { useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { initReport, ReportableEntities } from 'soapbox/actions/reports.ts';
+import { useLeaveGroup, useMuteGroup, useUnmuteGroup } from 'soapbox/api/hooks/index.ts';
+import DropdownMenu, { Menu } from 'soapbox/components/dropdown-menu/index.ts';
+import { IconButton } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { Account, Group } from 'soapbox/types/entities';
+import type { Account, Group } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   confirmationConfirm: { id: 'confirmations.leave_group.confirm', defaultMessage: 'Leave' },
diff --git a/src/features/group/components/group-privacy.test.tsx b/src/features/group/components/group-privacy.test.tsx
index 51f52ebf9..a5e361347 100644
--- a/src/features/group/components/group-privacy.test.tsx
+++ b/src/features/group/components/group-privacy.test.tsx
@@ -1,10 +1,10 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { buildGroup } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { Group } from 'soapbox/types/entities';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { Group } from 'soapbox/types/entities.ts';
 
-import GroupPrivacy from './group-privacy';
+import GroupPrivacy from './group-privacy.tsx';
 
 let group: Group;
 
diff --git a/src/features/group/components/group-privacy.tsx b/src/features/group/components/group-privacy.tsx
index 505cecb63..b15a8e92d 100644
--- a/src/features/group/components/group-privacy.tsx
+++ b/src/features/group/components/group-privacy.tsx
@@ -2,8 +2,8 @@ import lockIcon from '@tabler/icons/outline/lock.svg';
 import worldIcon from '@tabler/icons/outline/world.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { HStack, Icon, Popover, Stack, Text } from 'soapbox/components/ui';
-import { Group } from 'soapbox/types/entities';
+import { HStack, Icon, Popover, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { Group } from 'soapbox/types/entities.ts';
 
 interface IGroupPolicy {
   group: Group;
diff --git a/src/features/group/components/group-relationship.test.tsx b/src/features/group/components/group-relationship.test.tsx
index 7ccab7728..7b5aa810f 100644
--- a/src/features/group/components/group-relationship.test.tsx
+++ b/src/features/group/components/group-relationship.test.tsx
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { buildGroup, buildGroupRelationship } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import { Group } from 'soapbox/types/entities';
+import { buildGroup, buildGroupRelationship } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { Group } from 'soapbox/types/entities.ts';
 
-import GroupRelationship from './group-relationship';
+import GroupRelationship from './group-relationship.tsx';
 
 let group: Group;
 
diff --git a/src/features/group/components/group-relationship.tsx b/src/features/group/components/group-relationship.tsx
index 22d728828..0b0029b20 100644
--- a/src/features/group/components/group-relationship.tsx
+++ b/src/features/group/components/group-relationship.tsx
@@ -2,9 +2,9 @@ import gavelIcon from '@tabler/icons/outline/gavel.svg';
 import usersIcon from '@tabler/icons/outline/users.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import { Group } from 'soapbox/types/entities';
+import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { Group } from 'soapbox/types/entities.ts';
 
 interface IGroupRelationship {
   group: Group;
diff --git a/src/features/group/components/group-tag-list-item.test.tsx b/src/features/group/components/group-tag-list-item.test.tsx
index 9d4b9bf77..ad832c38f 100644
--- a/src/features/group/components/group-tag-list-item.test.tsx
+++ b/src/features/group/components/group-tag-list-item.test.tsx
@@ -1,10 +1,10 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildGroup, buildGroupTag, buildGroupRelationship } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { buildGroup, buildGroupTag, buildGroupRelationship } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 
-import GroupTagListItem from './group-tag-list-item';
+import GroupTagListItem from './group-tag-list-item.tsx';
 
 describe('<GroupTagListItem />', () => {
   describe('tag name', () => {
diff --git a/src/features/group/components/group-tag-list-item.tsx b/src/features/group/components/group-tag-list-item.tsx
index 4be20de10..df4fc0152 100644
--- a/src/features/group/components/group-tag-list-item.tsx
+++ b/src/features/group/components/group-tag-list-item.tsx
@@ -5,16 +5,16 @@ import pinIcon from '@tabler/icons/outline/pin.svg';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { useUpdateGroupTag } from 'soapbox/api/hooks';
-import { HStack, Icon, IconButton, Stack, Text, Tooltip } from 'soapbox/components/ui';
-import { importEntities } from 'soapbox/entity-store/actions';
-import { Entities } from 'soapbox/entity-store/entities';
-import { useAppDispatch } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { useUpdateGroupTag } from 'soapbox/api/hooks/index.ts';
+import { HStack, Icon, IconButton, Stack, Text, Tooltip } from 'soapbox/components/ui/index.ts';
+import { importEntities } from 'soapbox/entity-store/actions.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
-import type { Group, GroupTag } from 'soapbox/schemas';
+import type { Group, GroupTag } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   hideTag: { id: 'group.tags.hide', defaultMessage: 'Hide topic' },
diff --git a/src/features/group/components/group-tags-field.tsx b/src/features/group/components/group-tags-field.tsx
index e08d649b4..b1d2d78d3 100644
--- a/src/features/group/components/group-tags-field.tsx
+++ b/src/features/group/components/group-tags-field.tsx
@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { Input, Streamfield } from 'soapbox/components/ui';
+import { Input, Streamfield } from 'soapbox/components/ui/index.ts';
 
-import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
+import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
 
 const messages = defineMessages({
   hashtagPlaceholder: { id: 'manage_group.fields.hashtag_placeholder', defaultMessage: 'Add a topic' },
diff --git a/src/features/group/edit-group.tsx b/src/features/group/edit-group.tsx
index 4353514d4..5d14a805b 100644
--- a/src/features/group/edit-group.tsx
+++ b/src/features/group/edit-group.tsx
@@ -2,17 +2,17 @@ import lockIcon from '@tabler/icons/outline/lock.svg';
 import { useEffect, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { useGroup, useGroupTags, useUpdateGroup } from 'soapbox/api/hooks';
-import { Button, Column, Form, FormActions, FormGroup, Icon, Input, Spinner, Textarea } from 'soapbox/components/ui';
-import { useAppSelector, useInstance } from 'soapbox/hooks';
-import { useImageField, useTextField } from 'soapbox/hooks/forms';
-import toast from 'soapbox/toast';
-import { isDefaultAvatar, isDefaultHeader } from 'soapbox/utils/accounts';
+import { useGroup, useGroupTags, useUpdateGroup } from 'soapbox/api/hooks/index.ts';
+import { Button, Column, Form, FormActions, FormGroup, Icon, Input, Spinner, Textarea } from 'soapbox/components/ui/index.ts';
+import { useImageField, useTextField } from 'soapbox/hooks/forms/index.ts';
+import { useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { isDefaultAvatar, isDefaultHeader } from 'soapbox/utils/accounts.ts';
 
-import AvatarPicker from '../edit-profile/components/avatar-picker';
-import HeaderPicker from '../edit-profile/components/header-picker';
+import AvatarPicker from '../edit-profile/components/avatar-picker.tsx';
+import HeaderPicker from '../edit-profile/components/header-picker.tsx';
 
-import GroupTagsField from './components/group-tags-field';
+import GroupTagsField from './components/group-tags-field.tsx';
 
 const nonDefaultAvatar = (url: string | undefined) => url && isDefaultAvatar(url) ? undefined : url;
 const nonDefaultHeader = (url: string | undefined) => url && isDefaultHeader(url) ? undefined : url;
diff --git a/src/features/group/group-blocked-members.tsx b/src/features/group/group-blocked-members.tsx
index 836e950b0..a060f78d5 100644
--- a/src/features/group/group-blocked-members.tsx
+++ b/src/features/group/group-blocked-members.tsx
@@ -1,15 +1,15 @@
 import { useEffect } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { fetchGroupBlocks, groupUnblock } from 'soapbox/actions/groups';
-import { useAccount, useGroup } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Column, HStack, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { fetchGroupBlocks, groupUnblock } from 'soapbox/actions/groups.ts';
+import { useAccount, useGroup } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Column, HStack, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import ColumnForbidden from '../ui/components/column-forbidden';
+import ColumnForbidden from '../ui/components/column-forbidden.tsx';
 
 type RouteParams = { groupId: string };
 
diff --git a/src/features/group/group-gallery.tsx b/src/features/group/group-gallery.tsx
index 5e46e62e0..407043a79 100644
--- a/src/features/group/group-gallery.tsx
+++ b/src/features/group/group-gallery.tsx
@@ -1,15 +1,15 @@
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useGroup, useGroupMedia } from 'soapbox/api/hooks';
-import LoadMore from 'soapbox/components/load-more';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import { Column, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useGroup, useGroupMedia } from 'soapbox/api/hooks/index.ts';
+import LoadMore from 'soapbox/components/load-more.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import { Column, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import MediaItem from '../account-gallery/components/media-item';
+import MediaItem from '../account-gallery/components/media-item.tsx';
 
-import type { Attachment, Status } from 'soapbox/types/entities';
+import type { Attachment, Status } from 'soapbox/types/entities.ts';
 
 interface IGroupGallery {
   params: { groupId: string };
diff --git a/src/features/group/group-members.tsx b/src/features/group/group-members.tsx
index ce16a63a2..66efb16e3 100644
--- a/src/features/group/group-members.tsx
+++ b/src/features/group/group-members.tsx
@@ -1,18 +1,18 @@
 import clsx from 'clsx';
 import { useMemo } from 'react';
 
-import { useGroup, useGroupMembers, useGroupMembershipRequests } from 'soapbox/api/hooks';
-import { PendingItemsRow } from 'soapbox/components/pending-items-row';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { useFeatures } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import { MAX_ADMIN_COUNT } from 'soapbox/utils/groups';
+import { useGroup, useGroupMembers, useGroupMembershipRequests } from 'soapbox/api/hooks/index.ts';
+import { PendingItemsRow } from 'soapbox/components/pending-items-row.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { useFeatures } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import { MAX_ADMIN_COUNT } from 'soapbox/utils/groups.ts';
 
-import PlaceholderAccount from '../placeholder/components/placeholder-account';
+import PlaceholderAccount from '../placeholder/components/placeholder-account.tsx';
 
-import GroupMemberListItem from './components/group-member-list-item';
+import GroupMemberListItem from './components/group-member-list-item.tsx';
 
-import type { Group } from 'soapbox/types/entities';
+import type { Group } from 'soapbox/types/entities.ts';
 
 
 interface IGroupMembers {
diff --git a/src/features/group/group-membership-requests.tsx b/src/features/group/group-membership-requests.tsx
index a7a28bee2..80345179e 100644
--- a/src/features/group/group-membership-requests.tsx
+++ b/src/features/group/group-membership-requests.tsx
@@ -2,17 +2,17 @@ import { AxiosError } from 'axios';
 import { useEffect } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { useGroup, useGroupMembers, useGroupMembershipRequests } from 'soapbox/api/hooks';
-import Account from 'soapbox/components/account';
-import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, HStack, Spinner } from 'soapbox/components/ui';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
+import { useGroup, useGroupMembers, useGroupMembershipRequests } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import { AuthorizeRejectButtons } from 'soapbox/components/authorize-reject-buttons.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, HStack, Spinner } from 'soapbox/components/ui/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
 
-import ColumnForbidden from '../ui/components/column-forbidden';
+import ColumnForbidden from '../ui/components/column-forbidden.tsx';
 
-import type { Account as AccountEntity } from 'soapbox/schemas';
+import type { Account as AccountEntity } from 'soapbox/schemas/index.ts';
 
 type RouteParams = { groupId: string };
 
diff --git a/src/features/group/group-tag-timeline.tsx b/src/features/group/group-tag-timeline.tsx
index 2b83c412d..ca0023a0f 100644
--- a/src/features/group/group-tag-timeline.tsx
+++ b/src/features/group/group-tag-timeline.tsx
@@ -2,12 +2,12 @@ import message2Icon from '@tabler/icons/outline/message-2.svg';
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { expandGroupTimelineFromTag } from 'soapbox/actions/timelines';
-import { useGroup, useGroupTag } from 'soapbox/api/hooks';
-import { Column, Icon, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { expandGroupTimelineFromTag } from 'soapbox/actions/timelines.ts';
+import { useGroup, useGroupTag } from 'soapbox/api/hooks/index.ts';
+import { Column, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import Timeline from '../ui/components/timeline';
+import Timeline from '../ui/components/timeline.tsx';
 
 type RouteParams = { tagId: string; groupId: string };
 
diff --git a/src/features/group/group-tags.tsx b/src/features/group/group-tags.tsx
index 0e2d43779..819de827c 100644
--- a/src/features/group/group-tags.tsx
+++ b/src/features/group/group-tags.tsx
@@ -1,15 +1,15 @@
 import hashIcon from '@tabler/icons/outline/hash.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { useGroup, useGroupTags } from 'soapbox/api/hooks';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Icon, Stack, Text } from 'soapbox/components/ui';
+import { useGroup, useGroupTags } from 'soapbox/api/hooks/index.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import PlaceholderAccount from '../placeholder/components/placeholder-account';
+import PlaceholderAccount from '../placeholder/components/placeholder-account.tsx';
 
-import GroupTagListItem from './components/group-tag-list-item';
+import GroupTagListItem from './components/group-tag-list-item.tsx';
 
-import type { Group } from 'soapbox/types/entities';
+import type { Group } from 'soapbox/types/entities.ts';
 
 interface IGroupTopics {
   params: { groupId: string };
diff --git a/src/features/group/group-timeline.tsx b/src/features/group/group-timeline.tsx
index f6db85840..66003b64a 100644
--- a/src/features/group/group-timeline.tsx
+++ b/src/features/group/group-timeline.tsx
@@ -4,15 +4,15 @@ import { useEffect, useRef } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { groupCompose, setGroupTimelineVisible, uploadCompose } from 'soapbox/actions/compose';
-import { expandGroupFeaturedTimeline, expandGroupTimeline } from 'soapbox/actions/timelines';
-import { useGroup, useGroupStream } from 'soapbox/api/hooks';
-import { Avatar, HStack, Icon, Stack, Text, Toggle } from 'soapbox/components/ui';
-import ComposeForm from 'soapbox/features/compose/components/compose-form';
-import { useAppDispatch, useAppSelector, useDraggedFiles, useOwnAccount } from 'soapbox/hooks';
-import { makeGetStatusIds } from 'soapbox/selectors';
+import { groupCompose, setGroupTimelineVisible, uploadCompose } from 'soapbox/actions/compose.ts';
+import { expandGroupFeaturedTimeline, expandGroupTimeline } from 'soapbox/actions/timelines.ts';
+import { useGroup, useGroupStream } from 'soapbox/api/hooks/index.ts';
+import { Avatar, HStack, Icon, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import ComposeForm from 'soapbox/features/compose/components/compose-form.tsx';
+import { useAppDispatch, useAppSelector, useDraggedFiles, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { makeGetStatusIds } from 'soapbox/selectors/index.ts';
 
-import Timeline from '../ui/components/timeline';
+import Timeline from '../ui/components/timeline.tsx';
 
 type RouteParams = { groupId: string };
 
diff --git a/src/features/group/manage-group.tsx b/src/features/group/manage-group.tsx
index eadb1c2c9..ff7bf55c9 100644
--- a/src/features/group/manage-group.tsx
+++ b/src/features/group/manage-group.tsx
@@ -2,16 +2,16 @@ import trashIcon from '@tabler/icons/outline/trash.svg';
 import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useDeleteGroup, useGroup } from 'soapbox/api/hooks';
-import List, { ListItem } from 'soapbox/components/list';
-import { CardBody, CardHeader, CardTitle, Column, Spinner, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useBackend } from 'soapbox/hooks';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import toast from 'soapbox/toast';
-import { TRUTHSOCIAL } from 'soapbox/utils/features';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useDeleteGroup, useGroup } from 'soapbox/api/hooks/index.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { CardBody, CardHeader, CardTitle, Column, Spinner, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useBackend } from 'soapbox/hooks/index.ts';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
+import toast from 'soapbox/toast.tsx';
+import { TRUTHSOCIAL } from 'soapbox/utils/features.ts';
 
-import ColumnForbidden from '../ui/components/column-forbidden';
+import ColumnForbidden from '../ui/components/column-forbidden.tsx';
 
 type RouteParams = { groupId: string };
 
diff --git a/src/features/groups/components/discover/group-grid-item.test.tsx b/src/features/groups/components/discover/group-grid-item.test.tsx
index 89ef54324..950f2d25b 100644
--- a/src/features/groups/components/discover/group-grid-item.test.tsx
+++ b/src/features/groups/components/discover/group-grid-item.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildGroup } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import GroupGridItem from './group-grid-item';
+import GroupGridItem from './group-grid-item.tsx';
 
 describe('<GroupGridItem', () => {
   it('should render correctly', () => {
diff --git a/src/features/groups/components/discover/group-grid-item.tsx b/src/features/groups/components/discover/group-grid-item.tsx
index 8091058eb..845cf1eb2 100644
--- a/src/features/groups/components/discover/group-grid-item.tsx
+++ b/src/features/groups/components/discover/group-grid-item.tsx
@@ -1,14 +1,14 @@
 import { forwardRef } from 'react';
 import { Link } from 'react-router-dom';
 
-import GroupAvatar from 'soapbox/components/groups/group-avatar';
-import { HStack, Stack, Text } from 'soapbox/components/ui';
-import GroupActionButton from 'soapbox/features/group/components/group-action-button';
-import GroupHeaderImage from 'soapbox/features/group/components/group-header-image';
-import GroupMemberCount from 'soapbox/features/group/components/group-member-count';
-import GroupPrivacy from 'soapbox/features/group/components/group-privacy';
+import GroupAvatar from 'soapbox/components/groups/group-avatar.tsx';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import GroupActionButton from 'soapbox/features/group/components/group-action-button.tsx';
+import GroupHeaderImage from 'soapbox/features/group/components/group-header-image.tsx';
+import GroupMemberCount from 'soapbox/features/group/components/group-member-count.tsx';
+import GroupPrivacy from 'soapbox/features/group/components/group-privacy.tsx';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 interface IGroup {
   group: Group;
diff --git a/src/features/groups/components/discover/group-list-item.test.tsx b/src/features/groups/components/discover/group-list-item.test.tsx
index 3e6b78ef6..13539a1cd 100644
--- a/src/features/groups/components/discover/group-list-item.test.tsx
+++ b/src/features/groups/components/discover/group-list-item.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildGroup } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import GroupListItem from './group-list-item';
+import GroupListItem from './group-list-item.tsx';
 
 describe('<GroupListItem', () => {
   it('should render correctly', () => {
diff --git a/src/features/groups/components/discover/group-list-item.tsx b/src/features/groups/components/discover/group-list-item.tsx
index fb3da6e7a..58b909a56 100644
--- a/src/features/groups/components/discover/group-list-item.tsx
+++ b/src/features/groups/components/discover/group-list-item.tsx
@@ -3,11 +3,11 @@ import worldIcon from '@tabler/icons/outline/world.svg';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import GroupAvatar from 'soapbox/components/groups/group-avatar';
-import { HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import GroupActionButton from 'soapbox/features/group/components/group-action-button';
-import { Group as GroupEntity } from 'soapbox/types/entities';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import GroupAvatar from 'soapbox/components/groups/group-avatar.tsx';
+import { HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import GroupActionButton from 'soapbox/features/group/components/group-action-button.tsx';
+import { Group as GroupEntity } from 'soapbox/types/entities.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 interface IGroupListItem {
   group: GroupEntity;
diff --git a/src/features/groups/components/discover/layout-buttons.test.tsx b/src/features/groups/components/discover/layout-buttons.test.tsx
index 24784eee1..0b71e4223 100644
--- a/src/features/groups/components/discover/layout-buttons.test.tsx
+++ b/src/features/groups/components/discover/layout-buttons.test.tsx
@@ -1,9 +1,9 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { render, screen, within } from 'soapbox/jest/test-helpers';
+import { render, screen, within } from 'soapbox/jest/test-helpers.tsx';
 
-import LayoutButtons, { GroupLayout } from './layout-buttons';
+import LayoutButtons, { GroupLayout } from './layout-buttons.tsx';
 
 describe('<LayoutButtons', () => {
   describe('when LIST view', () => {
diff --git a/src/features/groups/components/discover/layout-buttons.tsx b/src/features/groups/components/discover/layout-buttons.tsx
index 7ab6b9cc2..2d974c73c 100644
--- a/src/features/groups/components/discover/layout-buttons.tsx
+++ b/src/features/groups/components/discover/layout-buttons.tsx
@@ -2,7 +2,7 @@ import layoutGridIcon from '@tabler/icons/outline/layout-grid.svg';
 import layoutListIcon from '@tabler/icons/outline/layout-list.svg';
 import clsx from 'clsx';
 
-import { HStack, Icon } from 'soapbox/components/ui';
+import { HStack, Icon } from 'soapbox/components/ui/index.ts';
 
 enum GroupLayout {
   LIST = 'LIST',
diff --git a/src/features/groups/components/discover/popular-groups.tsx b/src/features/groups/components/discover/popular-groups.tsx
index a590cacd1..1290bb3f9 100644
--- a/src/features/groups/components/discover/popular-groups.tsx
+++ b/src/features/groups/components/discover/popular-groups.tsx
@@ -1,12 +1,12 @@
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { usePopularGroups } from 'soapbox/api/hooks';
-import Link from 'soapbox/components/link';
-import { Carousel, HStack, Stack, Text } from 'soapbox/components/ui';
-import PlaceholderGroupDiscover from 'soapbox/features/placeholder/components/placeholder-group-discover';
+import { usePopularGroups } from 'soapbox/api/hooks/index.ts';
+import Link from 'soapbox/components/link.tsx';
+import { Carousel, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import PlaceholderGroupDiscover from 'soapbox/features/placeholder/components/placeholder-group-discover.tsx';
 
-import GroupGridItem from './group-grid-item';
+import GroupGridItem from './group-grid-item.tsx';
 
 const PopularGroups = () => {
   const { groups, isFetching, isFetched, isError } = usePopularGroups();
diff --git a/src/features/groups/components/discover/popular-tags.tsx b/src/features/groups/components/discover/popular-tags.tsx
index bbeacb822..0f726294e 100644
--- a/src/features/groups/components/discover/popular-tags.tsx
+++ b/src/features/groups/components/discover/popular-tags.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage } from 'react-intl';
 
-import { usePopularTags } from 'soapbox/api/hooks';
-import Link from 'soapbox/components/link';
-import { HStack, Stack, Text } from 'soapbox/components/ui';
+import { usePopularTags } from 'soapbox/api/hooks/index.ts';
+import Link from 'soapbox/components/link.tsx';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import TagListItem from './tag-list-item';
+import TagListItem from './tag-list-item.tsx';
 
 const PopularTags = () => {
   const { tags, isFetched, isError } = usePopularTags();
diff --git a/src/features/groups/components/discover/search/blankslate.test.tsx b/src/features/groups/components/discover/search/blankslate.test.tsx
index 4d2a637b1..77843ca6e 100644
--- a/src/features/groups/components/discover/search/blankslate.test.tsx
+++ b/src/features/groups/components/discover/search/blankslate.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Blankslate from './blankslate';
+import Blankslate from './blankslate.tsx';
 
 
 describe('<Blankslate />', () => {
diff --git a/src/features/groups/components/discover/search/blankslate.tsx b/src/features/groups/components/discover/search/blankslate.tsx
index 407330256..a80d94532 100644
--- a/src/features/groups/components/discover/search/blankslate.tsx
+++ b/src/features/groups/components/discover/search/blankslate.tsx
@@ -1,4 +1,4 @@
-import { Stack, Text } from 'soapbox/components/ui';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
 
 interface Props {
   title: React.ReactNode | string;
diff --git a/src/features/groups/components/discover/search/recent-searches.tsx b/src/features/groups/components/discover/search/recent-searches.tsx
index 0215e8e8c..243cbb406 100644
--- a/src/features/groups/components/discover/search/recent-searches.tsx
+++ b/src/features/groups/components/discover/search/recent-searches.tsx
@@ -3,10 +3,10 @@ import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Virtuoso } from 'react-virtuoso';
 
-import { HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import { useOwnAccount } from 'soapbox/hooks';
-import { groupSearchHistory } from 'soapbox/settings';
-import { clearRecentGroupSearches } from 'soapbox/utils/groups';
+import { HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { groupSearchHistory } from 'soapbox/settings.ts';
+import { clearRecentGroupSearches } from 'soapbox/utils/groups.ts';
 
 interface Props {
   onSelect(value: string): void;
diff --git a/src/features/groups/components/discover/search/results.test.tsx b/src/features/groups/components/discover/search/results.test.tsx
index ac45e704c..71d017eb8 100644
--- a/src/features/groups/components/discover/search/results.test.tsx
+++ b/src/features/groups/components/discover/search/results.test.tsx
@@ -2,10 +2,10 @@ import userEvent from '@testing-library/user-event';
 import { VirtuosoGridMockContext, VirtuosoMockContext } from 'react-virtuoso';
 import { describe, expect, it, vi } from 'vitest';
 
-import { buildAccount, buildGroup } from 'soapbox/jest/factory';
-import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
+import { buildAccount, buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import Results from './results';
+import Results from './results.tsx';
 
 const userId = '1';
 const store = {
diff --git a/src/features/groups/components/discover/search/results.tsx b/src/features/groups/components/discover/search/results.tsx
index 63d1dc265..b1817680f 100644
--- a/src/features/groups/components/discover/search/results.tsx
+++ b/src/features/groups/components/discover/search/results.tsx
@@ -3,14 +3,14 @@ import { forwardRef, useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Components, Virtuoso, VirtuosoGrid } from 'react-virtuoso';
 
-import { useGroupSearch } from 'soapbox/api/hooks';
-import { HStack, Stack, Text } from 'soapbox/components/ui';
+import { useGroupSearch } from 'soapbox/api/hooks/index.ts';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import GroupGridItem from '../group-grid-item';
-import GroupListItem from '../group-list-item';
-import LayoutButtons, { GroupLayout } from '../layout-buttons';
+import GroupGridItem from '../group-grid-item.tsx';
+import GroupListItem from '../group-list-item.tsx';
+import LayoutButtons, { GroupLayout } from '../layout-buttons.tsx';
 
-import type { Group } from 'soapbox/types/entities';
+import type { Group } from 'soapbox/types/entities.ts';
 
 interface Props {
   groupSearchResult: ReturnType<typeof useGroupSearch>;
diff --git a/src/features/groups/components/discover/search/search.test.tsx b/src/features/groups/components/discover/search/search.test.tsx
index 5eb14ac2e..44649c2af 100644
--- a/src/features/groups/components/discover/search/search.test.tsx
+++ b/src/features/groups/components/discover/search/search.test.tsx
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildGroup } from 'soapbox/jest/factory';
-import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildGroup } from 'soapbox/jest/factory.ts';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import Search from './search';
+import Search from './search.tsx';
 
 const store = {
   instance: instanceV1Schema.parse({
diff --git a/src/features/groups/components/discover/search/search.tsx b/src/features/groups/components/discover/search/search.tsx
index b54df185f..7b70aea19 100644
--- a/src/features/groups/components/discover/search/search.tsx
+++ b/src/features/groups/components/discover/search/search.tsx
@@ -1,15 +1,15 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { useGroupSearch } from 'soapbox/api/hooks';
-import { Stack } from 'soapbox/components/ui';
-import PlaceholderGroupSearch from 'soapbox/features/placeholder/components/placeholder-group-search';
-import { useDebounce, useOwnAccount } from 'soapbox/hooks';
-import { saveGroupSearch } from 'soapbox/utils/groups';
+import { useGroupSearch } from 'soapbox/api/hooks/index.ts';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import PlaceholderGroupSearch from 'soapbox/features/placeholder/components/placeholder-group-search.tsx';
+import { useDebounce, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { saveGroupSearch } from 'soapbox/utils/groups.ts';
 
-import Blankslate from './blankslate';
-import RecentSearches from './recent-searches';
-import Results from './results';
+import Blankslate from './blankslate.tsx';
+import RecentSearches from './recent-searches.tsx';
+import Results from './results.tsx';
 
 interface Props {
   onSelect(value: string): void;
diff --git a/src/features/groups/components/discover/suggested-groups.tsx b/src/features/groups/components/discover/suggested-groups.tsx
index 0bab240b0..6dff84009 100644
--- a/src/features/groups/components/discover/suggested-groups.tsx
+++ b/src/features/groups/components/discover/suggested-groups.tsx
@@ -1,12 +1,12 @@
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { useSuggestedGroups } from 'soapbox/api/hooks';
-import Link from 'soapbox/components/link';
-import { Carousel, HStack, Stack, Text } from 'soapbox/components/ui';
-import PlaceholderGroupDiscover from 'soapbox/features/placeholder/components/placeholder-group-discover';
+import { useSuggestedGroups } from 'soapbox/api/hooks/index.ts';
+import Link from 'soapbox/components/link.tsx';
+import { Carousel, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import PlaceholderGroupDiscover from 'soapbox/features/placeholder/components/placeholder-group-discover.tsx';
 
-import GroupGridItem from './group-grid-item';
+import GroupGridItem from './group-grid-item.tsx';
 
 const SuggestedGroups = () => {
   const { groups, isFetching, isFetched, isError } = useSuggestedGroups();
diff --git a/src/features/groups/components/discover/tag-list-item.test.tsx b/src/features/groups/components/discover/tag-list-item.test.tsx
index f70308d9d..c57f2e0d8 100644
--- a/src/features/groups/components/discover/tag-list-item.test.tsx
+++ b/src/features/groups/components/discover/tag-list-item.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildGroupTag } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { buildGroupTag } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import TagListItem from './tag-list-item';
+import TagListItem from './tag-list-item.tsx';
 
 describe('<TagListItem', () => {
   it('should render correctly', () => {
diff --git a/src/features/groups/components/discover/tag-list-item.tsx b/src/features/groups/components/discover/tag-list-item.tsx
index 937c58d42..f684fb7d4 100644
--- a/src/features/groups/components/discover/tag-list-item.tsx
+++ b/src/features/groups/components/discover/tag-list-item.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Stack, Text } from 'soapbox/components/ui';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import type { GroupTag } from 'soapbox/schemas';
+import type { GroupTag } from 'soapbox/schemas/index.ts';
 
 interface ITagListItem {
   tag: GroupTag;
diff --git a/src/features/groups/components/group-link-preview.tsx b/src/features/groups/components/group-link-preview.tsx
index 54e547fb9..73fe5b904 100644
--- a/src/features/groups/components/group-link-preview.tsx
+++ b/src/features/groups/components/group-link-preview.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Avatar, Button, CardTitle, Stack } from 'soapbox/components/ui';
-import { type Card as StatusCard } from 'soapbox/types/entities';
+import { Avatar, Button, CardTitle, Stack } from 'soapbox/components/ui/index.ts';
+import { type Card as StatusCard } from 'soapbox/types/entities.ts';
 
 interface IGroupLinkPreview {
   card: StatusCard;
diff --git a/src/features/groups/components/pending-groups-row.tsx b/src/features/groups/components/pending-groups-row.tsx
index 9c654f395..fba1e4a78 100644
--- a/src/features/groups/components/pending-groups-row.tsx
+++ b/src/features/groups/components/pending-groups-row.tsx
@@ -1,7 +1,7 @@
-import { usePendingGroups } from 'soapbox/api/hooks';
-import { PendingItemsRow } from 'soapbox/components/pending-items-row';
-import { Divider } from 'soapbox/components/ui';
-import { useFeatures } from 'soapbox/hooks';
+import { usePendingGroups } from 'soapbox/api/hooks/index.ts';
+import { PendingItemsRow } from 'soapbox/components/pending-items-row.tsx';
+import { Divider } from 'soapbox/components/ui/index.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
 
 export default () => {
   const features = useFeatures();
diff --git a/src/features/groups/components/tab-bar.tsx b/src/features/groups/components/tab-bar.tsx
index 016b5ed98..a8f05edd7 100644
--- a/src/features/groups/components/tab-bar.tsx
+++ b/src/features/groups/components/tab-bar.tsx
@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Tabs } from 'soapbox/components/ui';
+import { Tabs } from 'soapbox/components/ui/index.ts';
 
-import type { Item } from 'soapbox/components/ui/tabs/tabs';
+import type { Item } from 'soapbox/components/ui/tabs/tabs.tsx';
 
 export enum TabItems {
   MY_GROUPS = 'MY_GROUPS',
diff --git a/src/features/groups/discover.test.tsx b/src/features/groups/discover.test.tsx
index ad2e4dd1d..2454d32e8 100644
--- a/src/features/groups/discover.test.tsx
+++ b/src/features/groups/discover.test.tsx
@@ -1,11 +1,11 @@
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
-import { render, screen, waitFor } from 'soapbox/jest/test-helpers';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { buildAccount } from 'soapbox/jest/factory.ts';
+import { render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import Discover from './discover';
+import Discover from './discover.tsx';
 
 vi.mock('../../../hooks/useDimensions', () => ({
   useDimensions: () => [{ scrollWidth: 190 }, null, { width: 300 }],
diff --git a/src/features/groups/discover.tsx b/src/features/groups/discover.tsx
index 5978db775..db3427d6a 100644
--- a/src/features/groups/discover.tsx
+++ b/src/features/groups/discover.tsx
@@ -4,13 +4,13 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { HStack, Icon, IconButton, Input, Stack } from 'soapbox/components/ui';
+import { HStack, Icon, IconButton, Input, Stack } from 'soapbox/components/ui/index.ts';
 
-import PopularGroups from './components/discover/popular-groups';
-import PopularTags from './components/discover/popular-tags';
-import Search from './components/discover/search/search';
-import SuggestedGroups from './components/discover/suggested-groups';
-import TabBar, { TabItems } from './components/tab-bar';
+import PopularGroups from './components/discover/popular-groups.tsx';
+import PopularTags from './components/discover/popular-tags.tsx';
+import Search from './components/discover/search/search.tsx';
+import SuggestedGroups from './components/discover/suggested-groups.tsx';
+import TabBar, { TabItems } from './components/tab-bar.tsx';
 
 const messages = defineMessages({
   placeholder: { id: 'groups.discover.search.placeholder', defaultMessage: 'Search' },
diff --git a/src/features/groups/index.tsx b/src/features/groups/index.tsx
index dd1c6219d..326899f0b 100644
--- a/src/features/groups/index.tsx
+++ b/src/features/groups/index.tsx
@@ -3,18 +3,18 @@ import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useGroups } from 'soapbox/api/hooks';
-import GroupCard from 'soapbox/components/group-card';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Input, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useDebounce, useFeatures } from 'soapbox/hooks';
-import { PERMISSION_CREATE_GROUPS, hasPermission } from 'soapbox/utils/permissions';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useGroups } from 'soapbox/api/hooks/index.ts';
+import GroupCard from 'soapbox/components/group-card.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Button, Input, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useDebounce, useFeatures } from 'soapbox/hooks/index.ts';
+import { PERMISSION_CREATE_GROUPS, hasPermission } from 'soapbox/utils/permissions.ts';
 
-import PlaceholderGroupCard from '../placeholder/components/placeholder-group-card';
+import PlaceholderGroupCard from '../placeholder/components/placeholder-group-card.tsx';
 
-import PendingGroupsRow from './components/pending-groups-row';
-import TabBar, { TabItems } from './components/tab-bar';
+import PendingGroupsRow from './components/pending-groups-row.tsx';
+import TabBar, { TabItems } from './components/tab-bar.tsx';
 
 const messages = defineMessages({
   placeholder: { id: 'groups.search.placeholder', defaultMessage: 'Search My Groups' },
diff --git a/src/features/groups/pending-requests.tsx b/src/features/groups/pending-requests.tsx
index 95969f5ea..c263eb6de 100644
--- a/src/features/groups/pending-requests.tsx
+++ b/src/features/groups/pending-requests.tsx
@@ -1,12 +1,12 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { usePendingGroups } from 'soapbox/api/hooks';
-import GroupCard from 'soapbox/components/group-card';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Stack, Text } from 'soapbox/components/ui';
+import { usePendingGroups } from 'soapbox/api/hooks/index.ts';
+import GroupCard from 'soapbox/components/group-card.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import PlaceholderGroupCard from '../placeholder/components/placeholder-group-card';
+import PlaceholderGroupCard from '../placeholder/components/placeholder-group-card.tsx';
 
 const messages = defineMessages({
   label: { id: 'groups.pending.label', defaultMessage: 'Pending Requests' },
diff --git a/src/features/groups/popular.tsx b/src/features/groups/popular.tsx
index 24f9d7091..a135e6e00 100644
--- a/src/features/groups/popular.tsx
+++ b/src/features/groups/popular.tsx
@@ -3,14 +3,14 @@ import { forwardRef, useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Components, Virtuoso, VirtuosoGrid } from 'react-virtuoso';
 
-import { usePopularGroups } from 'soapbox/api/hooks';
-import { Column } from 'soapbox/components/ui';
+import { usePopularGroups } from 'soapbox/api/hooks/index.ts';
+import { Column } from 'soapbox/components/ui/index.ts';
 
-import GroupGridItem from './components/discover/group-grid-item';
-import GroupListItem from './components/discover/group-list-item';
-import LayoutButtons, { GroupLayout } from './components/discover/layout-buttons';
+import GroupGridItem from './components/discover/group-grid-item.tsx';
+import GroupListItem from './components/discover/group-list-item.tsx';
+import LayoutButtons, { GroupLayout } from './components/discover/layout-buttons.tsx';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   label: { id: 'groups.popular.label', defaultMessage: 'Suggested Groups' },
diff --git a/src/features/groups/suggested.tsx b/src/features/groups/suggested.tsx
index 8b313ab3c..65f9b004f 100644
--- a/src/features/groups/suggested.tsx
+++ b/src/features/groups/suggested.tsx
@@ -3,14 +3,14 @@ import { forwardRef, useCallback, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Components, Virtuoso, VirtuosoGrid } from 'react-virtuoso';
 
-import { useSuggestedGroups } from 'soapbox/api/hooks';
-import { Column } from 'soapbox/components/ui';
+import { useSuggestedGroups } from 'soapbox/api/hooks/index.ts';
+import { Column } from 'soapbox/components/ui/index.ts';
 
-import GroupGridItem from './components/discover/group-grid-item';
-import GroupListItem from './components/discover/group-list-item';
-import LayoutButtons, { GroupLayout } from './components/discover/layout-buttons';
+import GroupGridItem from './components/discover/group-grid-item.tsx';
+import GroupListItem from './components/discover/group-list-item.tsx';
+import LayoutButtons, { GroupLayout } from './components/discover/layout-buttons.tsx';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   label: { id: 'groups.suggested.label', defaultMessage: 'Suggested Groups' },
diff --git a/src/features/groups/tag.tsx b/src/features/groups/tag.tsx
index c7a5a9fa4..597f943ea 100644
--- a/src/features/groups/tag.tsx
+++ b/src/features/groups/tag.tsx
@@ -4,13 +4,13 @@ import clsx from 'clsx';
 import { forwardRef, useCallback, useState } from 'react';
 import { Components, Virtuoso, VirtuosoGrid } from 'react-virtuoso';
 
-import { useGroupTag, useGroupsFromTag } from 'soapbox/api/hooks';
-import { Column, HStack, Icon } from 'soapbox/components/ui';
+import { useGroupTag, useGroupsFromTag } from 'soapbox/api/hooks/index.ts';
+import { Column, HStack, Icon } from 'soapbox/components/ui/index.ts';
 
-import GroupGridItem from './components/discover/group-grid-item';
-import GroupListItem from './components/discover/group-list-item';
+import GroupGridItem from './components/discover/group-grid-item.tsx';
+import GroupListItem from './components/discover/group-list-item.tsx';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 enum Layout {
   LIST = 'LIST',
diff --git a/src/features/groups/tags.tsx b/src/features/groups/tags.tsx
index c1a58b389..7bb81a53a 100644
--- a/src/features/groups/tags.tsx
+++ b/src/features/groups/tags.tsx
@@ -2,12 +2,12 @@ import clsx from 'clsx';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Virtuoso } from 'react-virtuoso';
 
-import { usePopularTags } from 'soapbox/api/hooks';
-import { Column, Text } from 'soapbox/components/ui';
+import { usePopularTags } from 'soapbox/api/hooks/index.ts';
+import { Column, Text } from 'soapbox/components/ui/index.ts';
 
-import TagListItem from './components/discover/tag-list-item';
+import TagListItem from './components/discover/tag-list-item.tsx';
 
-import type { GroupTag } from 'soapbox/schemas';
+import type { GroupTag } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   title: { id: 'groups.tags.title', defaultMessage: 'Browse Topics' },
diff --git a/src/features/hashtag-timeline/index.tsx b/src/features/hashtag-timeline/index.tsx
index b7384c501..3301b61e3 100644
--- a/src/features/hashtag-timeline/index.tsx
+++ b/src/features/hashtag-timeline/index.tsx
@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchHashtag, followHashtag, unfollowHashtag } from 'soapbox/actions/tags';
-import { expandHashtagTimeline, clearTimeline } from 'soapbox/actions/timelines';
-import { useHashtagStream } from 'soapbox/api/hooks';
-import List, { ListItem } from 'soapbox/components/list';
-import { Column, Toggle } from 'soapbox/components/ui';
-import Timeline from 'soapbox/features/ui/components/timeline';
-import { useAppDispatch, useAppSelector, useFeatures, useLoggedIn, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { fetchHashtag, followHashtag, unfollowHashtag } from 'soapbox/actions/tags.ts';
+import { expandHashtagTimeline, clearTimeline } from 'soapbox/actions/timelines.ts';
+import { useHashtagStream } from 'soapbox/api/hooks/index.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Column, Toggle } from 'soapbox/components/ui/index.ts';
+import Timeline from 'soapbox/features/ui/components/timeline.tsx';
+import { useAppDispatch, useAppSelector, useFeatures, useLoggedIn, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
 interface IHashtagTimeline {
   params?: {
diff --git a/src/features/home-timeline/index.tsx b/src/features/home-timeline/index.tsx
index 686c69708..02e0e3bcc 100644
--- a/src/features/home-timeline/index.tsx
+++ b/src/features/home-timeline/index.tsx
@@ -2,12 +2,12 @@ import { useEffect, useRef } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { expandHomeTimeline } from 'soapbox/actions/timelines';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import { Column, Stack, Text } from 'soapbox/components/ui';
-import Timeline from 'soapbox/features/ui/components/timeline';
-import { useAppSelector, useAppDispatch, useFeatures, useInstance, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { expandHomeTimeline } from 'soapbox/actions/timelines.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import { Column, Stack, Text } from 'soapbox/components/ui/index.ts';
+import Timeline from 'soapbox/features/ui/components/timeline.tsx';
+import { useAppSelector, useAppDispatch, useFeatures, useInstance, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
 const messages = defineMessages({
   title: { id: 'column.home', defaultMessage: 'Home' },
diff --git a/src/features/import-data/components/csv-importer.tsx b/src/features/import-data/components/csv-importer.tsx
index c8675b6c6..cf1143a74 100644
--- a/src/features/import-data/components/csv-importer.tsx
+++ b/src/features/import-data/components/csv-importer.tsx
@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { MessageDescriptor, useIntl } from 'react-intl';
 
-import { Button, FileInput, Form, FormActions, FormGroup, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { Button, FileInput, Form, FormActions, FormGroup, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 interface ICSVImporter {
   messages: {
diff --git a/src/features/import-data/index.tsx b/src/features/import-data/index.tsx
index 2294faebf..77fa22179 100644
--- a/src/features/import-data/index.tsx
+++ b/src/features/import-data/index.tsx
@@ -4,10 +4,10 @@ import {
   importFollows,
   importBlocks,
   importMutes,
-} from 'soapbox/actions/import-data';
-import { Column } from 'soapbox/components/ui';
+} from 'soapbox/actions/import-data.ts';
+import { Column } from 'soapbox/components/ui/index.ts';
 
-import CSVImporter from './components/csv-importer';
+import CSVImporter from './components/csv-importer.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.import_data', defaultMessage: 'Import data' },
diff --git a/src/features/landing-timeline/components/site-banner.tsx b/src/features/landing-timeline/components/site-banner.tsx
index d88542d4a..607464271 100644
--- a/src/features/landing-timeline/components/site-banner.tsx
+++ b/src/features/landing-timeline/components/site-banner.tsx
@@ -1,11 +1,11 @@
 import DOMPurify from 'isomorphic-dompurify';
 
-import Markup from 'soapbox/components/markup';
-import { Stack } from 'soapbox/components/ui';
-import { useInstance } from 'soapbox/hooks';
-import { getTextDirection } from 'soapbox/utils/rtl';
+import Markup from 'soapbox/components/markup.tsx';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { useInstance } from 'soapbox/hooks/index.ts';
+import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import { LogoText } from './logo-text';
+import { LogoText } from './logo-text.tsx';
 
 const SiteBanner: React.FC = () => {
   const { instance } = useInstance();
diff --git a/src/features/landing-timeline/index.tsx b/src/features/landing-timeline/index.tsx
index a99ff43ba..29e8bdecd 100644
--- a/src/features/landing-timeline/index.tsx
+++ b/src/features/landing-timeline/index.tsx
@@ -1,17 +1,17 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { expandCommunityTimeline } from 'soapbox/actions/timelines';
-import { useCommunityStream } from 'soapbox/api/hooks';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import { Column } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch, useInstance, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { expandCommunityTimeline } from 'soapbox/actions/timelines.ts';
+import { useCommunityStream } from 'soapbox/api/hooks/index.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch, useInstance, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import AboutPage from '../about';
-import Timeline from '../ui/components/timeline';
+import AboutPage from '../about/index.tsx';
+import Timeline from '../ui/components/timeline.tsx';
 
-import { SiteBanner } from './components/site-banner';
+import { SiteBanner } from './components/site-banner.tsx';
 
 const LandingTimeline = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/list-adder/components/list.tsx b/src/features/list-adder/components/list.tsx
index fe134c84d..d7b064c0b 100644
--- a/src/features/list-adder/components/list.tsx
+++ b/src/features/list-adder/components/list.tsx
@@ -3,10 +3,10 @@ import plusIcon from '@tabler/icons/outline/plus.svg';
 import xIcon from '@tabler/icons/outline/x.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { removeFromListAdder, addToListAdder } from 'soapbox/actions/lists';
-import Icon from 'soapbox/components/icon';
-import IconButton from 'soapbox/components/icon-button';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { removeFromListAdder, addToListAdder } from 'soapbox/actions/lists.ts';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import Icon from 'soapbox/components/icon.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },
diff --git a/src/features/list-adder/index.tsx b/src/features/list-adder/index.tsx
index d26c594cd..2453cbe1e 100644
--- a/src/features/list-adder/index.tsx
+++ b/src/features/list-adder/index.tsx
@@ -2,18 +2,18 @@ import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { createSelector } from 'reselect';
 
-import { setupListAdder, resetListAdder } from 'soapbox/actions/lists';
-import { CardHeader, CardTitle, Modal } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { setupListAdder, resetListAdder } from 'soapbox/actions/lists.ts';
+import { CardHeader, CardTitle, Modal } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import NewListForm from '../lists/components/new-list-form';
+import NewListForm from '../lists/components/new-list-form.tsx';
 
-import List from './components/list';
+import List from './components/list.tsx';
 
 import type { List as ImmutableList } from 'immutable';
-import type { RootState } from 'soapbox/store';
-import type { List as ListEntity } from 'soapbox/types/entities';
+import type { RootState } from 'soapbox/store.ts';
+import type { List as ListEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   subheading: { id: 'lists.subheading', defaultMessage: 'Your lists' },
diff --git a/src/features/list-editor/components/account.tsx b/src/features/list-editor/components/account.tsx
index 9e422122f..42cc532c9 100644
--- a/src/features/list-editor/components/account.tsx
+++ b/src/features/list-editor/components/account.tsx
@@ -2,11 +2,11 @@ import plusIcon from '@tabler/icons/outline/plus.svg';
 import xIcon from '@tabler/icons/outline/x.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { removeFromListEditor, addToListEditor } from 'soapbox/actions/lists';
-import IconButton from 'soapbox/components/icon-button';
-import { HStack } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { removeFromListEditor, addToListEditor } from 'soapbox/actions/lists.ts';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },
diff --git a/src/features/list-editor/components/edit-list-form.tsx b/src/features/list-editor/components/edit-list-form.tsx
index 2f8c34d0a..ddf59331c 100644
--- a/src/features/list-editor/components/edit-list-form.tsx
+++ b/src/features/list-editor/components/edit-list-form.tsx
@@ -1,8 +1,8 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeListEditorTitle, submitListEditor } from 'soapbox/actions/lists';
-import { Button, Form, HStack, Input } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { changeListEditorTitle, submitListEditor } from 'soapbox/actions/lists.ts';
+import { Button, Form, HStack, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   title: { id: 'lists.edit.submit', defaultMessage: 'Change title' },
diff --git a/src/features/list-editor/components/search.tsx b/src/features/list-editor/components/search.tsx
index e01b1adb8..f0ef20aa2 100644
--- a/src/features/list-editor/components/search.tsx
+++ b/src/features/list-editor/components/search.tsx
@@ -2,10 +2,10 @@ import backspaceIcon from '@tabler/icons/outline/backspace.svg';
 import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { fetchListSuggestions, clearListSuggestions, changeListSuggestions } from 'soapbox/actions/lists';
-import Icon from 'soapbox/components/icon';
-import { Button, Form, HStack, Input } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { fetchListSuggestions, clearListSuggestions, changeListSuggestions } from 'soapbox/actions/lists.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import { Button, Form, HStack, Input } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   search: { id: 'lists.search', defaultMessage: 'Search among people you follow' },
diff --git a/src/features/list-editor/index.tsx b/src/features/list-editor/index.tsx
index 4be764b5a..6eeaf02b0 100644
--- a/src/features/list-editor/index.tsx
+++ b/src/features/list-editor/index.tsx
@@ -1,13 +1,13 @@
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { setupListEditor, resetListEditor } from 'soapbox/actions/lists';
-import { CardHeader, CardTitle, Modal } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { setupListEditor, resetListEditor } from 'soapbox/actions/lists.ts';
+import { CardHeader, CardTitle, Modal } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import Account from './components/account';
-import EditListForm from './components/edit-list-form';
-import Search from './components/search';
+import Account from './components/account.tsx';
+import EditListForm from './components/edit-list-form.tsx';
+import Search from './components/search.tsx';
 
 const messages = defineMessages({
   changeTitle: { id: 'lists.edit.submit', defaultMessage: 'Change title' },
diff --git a/src/features/list-timeline/index.tsx b/src/features/list-timeline/index.tsx
index 8b445f95e..f080e6abb 100644
--- a/src/features/list-timeline/index.tsx
+++ b/src/features/list-timeline/index.tsx
@@ -2,16 +2,16 @@ import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
-import { fetchList } from 'soapbox/actions/lists';
-import { openModal } from 'soapbox/actions/modals';
-import { expandListTimeline } from 'soapbox/actions/timelines';
-import { useListStream } from 'soapbox/api/hooks';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import { Column, Button, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { fetchList } from 'soapbox/actions/lists.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { expandListTimeline } from 'soapbox/actions/timelines.ts';
+import { useListStream } from 'soapbox/api/hooks/index.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import { Column, Button, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import Timeline from '../ui/components/timeline';
+import Timeline from '../ui/components/timeline.tsx';
 
 const ListTimeline: React.FC = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/lists/components/new-list-form.tsx b/src/features/lists/components/new-list-form.tsx
index 51053393e..39892c740 100644
--- a/src/features/lists/components/new-list-form.tsx
+++ b/src/features/lists/components/new-list-form.tsx
@@ -1,8 +1,8 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeListEditorTitle, submitListEditor } from 'soapbox/actions/lists';
-import { Button, Form, HStack, Input } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { changeListEditorTitle, submitListEditor } from 'soapbox/actions/lists.ts';
+import { Button, Form, HStack, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   label: { id: 'lists.new.title_placeholder', defaultMessage: 'New list title' },
diff --git a/src/features/lists/index.tsx b/src/features/lists/index.tsx
index 88303ab24..68a8dfd0d 100644
--- a/src/features/lists/index.tsx
+++ b/src/features/lists/index.tsx
@@ -6,16 +6,16 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { createSelector } from 'reselect';
 
-import { deleteList, fetchLists } from 'soapbox/actions/lists';
-import { openModal } from 'soapbox/actions/modals';
-import Icon from 'soapbox/components/icon';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, IconButton, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { deleteList, fetchLists } from 'soapbox/actions/lists.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, IconButton, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import NewListForm from './components/new-list-form';
+import NewListForm from './components/new-list-form.tsx';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.lists', defaultMessage: 'Lists' },
diff --git a/src/features/migration/index.tsx b/src/features/migration/index.tsx
index fa67f0a57..eeae46f5e 100644
--- a/src/features/migration/index.tsx
+++ b/src/features/migration/index.tsx
@@ -2,10 +2,10 @@ import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { moveAccount } from 'soapbox/actions/security';
-import { Button, Column, Form, FormActions, FormGroup, Input, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useInstance } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { moveAccount } from 'soapbox/actions/security.ts';
+import { Button, Column, Form, FormActions, FormGroup, Input, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useInstance } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.migration', defaultMessage: 'Account migration' },
diff --git a/src/features/mutes/components/group-list-item.tsx b/src/features/mutes/components/group-list-item.tsx
index d40245d6c..e7b578075 100644
--- a/src/features/mutes/components/group-list-item.tsx
+++ b/src/features/mutes/components/group-list-item.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { useUnmuteGroup } from 'soapbox/api/hooks';
-import GroupAvatar from 'soapbox/components/groups/group-avatar';
-import { Button, HStack, Text } from 'soapbox/components/ui';
-import { type Group } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
+import { useUnmuteGroup } from 'soapbox/api/hooks/index.ts';
+import GroupAvatar from 'soapbox/components/groups/group-avatar.tsx';
+import { Button, HStack, Text } from 'soapbox/components/ui/index.ts';
+import { type Group } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 interface IGroupListItem {
   group: Group;
diff --git a/src/features/mutes/index.tsx b/src/features/mutes/index.tsx
index af1972cdc..f07b17c95 100644
--- a/src/features/mutes/index.tsx
+++ b/src/features/mutes/index.tsx
@@ -1,13 +1,13 @@
 import { useState } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { useMutes, useGroupMutes } from 'soapbox/api/hooks';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Stack, Tabs } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useFeatures } from 'soapbox/hooks';
+import { useMutes, useGroupMutes } from 'soapbox/api/hooks/index.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Stack, Tabs } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useFeatures } from 'soapbox/hooks/index.ts';
 
-import GroupListItem from './components/group-list-item';
+import GroupListItem from './components/group-list-item.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.mutes', defaultMessage: 'Mutes' },
diff --git a/src/features/new-status/index.tsx b/src/features/new-status/index.tsx
index a02baee8d..a574426d4 100644
--- a/src/features/new-status/index.tsx
+++ b/src/features/new-status/index.tsx
@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { Redirect } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const NewStatus = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/nostr-relays/components/relay-editor.tsx b/src/features/nostr-relays/components/relay-editor.tsx
index c4fc562e6..42a37ca97 100644
--- a/src/features/nostr-relays/components/relay-editor.tsx
+++ b/src/features/nostr-relays/components/relay-editor.tsx
@@ -1,8 +1,8 @@
 import { FormattedMessage } from 'react-intl';
 
-import { HStack, Input, Select } from 'soapbox/components/ui';
-import Streamfield, { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
-import { useInstance } from 'soapbox/hooks';
+import { HStack, Input, Select } from 'soapbox/components/ui/index.ts';
+import Streamfield, { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
 interface IRelayEditor {
   relays: RelayData[];
diff --git a/src/features/nostr-relays/index.tsx b/src/features/nostr-relays/index.tsx
index 19171f638..7663fc4ff 100644
--- a/src/features/nostr-relays/index.tsx
+++ b/src/features/nostr-relays/index.tsx
@@ -1,13 +1,13 @@
 import { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { Button, Column, Form, FormActions, Stack } from 'soapbox/components/ui';
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { useNostrReq } from 'soapbox/features/nostr/hooks/useNostrReq';
-import { useOwnAccount } from 'soapbox/hooks';
-import { useSigner } from 'soapbox/hooks/nostr/useSigner';
+import { Button, Column, Form, FormActions, Stack } from 'soapbox/components/ui/index.ts';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { useNostrReq } from 'soapbox/features/nostr/hooks/useNostrReq.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useSigner } from 'soapbox/hooks/nostr/useSigner.ts';
 
-import RelayEditor, { RelayData } from './components/relay-editor';
+import RelayEditor, { RelayData } from './components/relay-editor.tsx';
 
 const messages = defineMessages({
   title: { id: 'nostr_relays.title', defaultMessage: 'Relays' },
diff --git a/src/features/nostr/Bech32Redirect.tsx b/src/features/nostr/Bech32Redirect.tsx
index 6e60c1950..45412f7dc 100644
--- a/src/features/nostr/Bech32Redirect.tsx
+++ b/src/features/nostr/Bech32Redirect.tsx
@@ -1,7 +1,7 @@
 import { nip19 } from 'nostr-tools';
 import { Redirect } from 'react-router-dom';
 
-import MissingIndicator from 'soapbox/components/missing-indicator';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
 
 interface INIP19Redirect {
   params: {
diff --git a/src/features/nostr/hooks/useNostrReq.ts b/src/features/nostr/hooks/useNostrReq.ts
index 1d4a01a6e..aee482f59 100644
--- a/src/features/nostr/hooks/useNostrReq.ts
+++ b/src/features/nostr/hooks/useNostrReq.ts
@@ -2,8 +2,8 @@ import { NSet, NostrEvent, NostrFilter } from '@nostrify/nostrify';
 import isEqual from 'lodash/isEqual';
 import { useEffect, useRef, useState } from 'react';
 
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { useForceUpdate } from 'soapbox/hooks/useForceUpdate';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { useForceUpdate } from 'soapbox/hooks/useForceUpdate.ts';
 
 /**
  * Streams events from the relay for the given filters.
diff --git a/src/features/nostr/keyring.ts b/src/features/nostr/keyring.ts
index 6ae33502a..7de9e017f 100644
--- a/src/features/nostr/keyring.ts
+++ b/src/features/nostr/keyring.ts
@@ -1,4 +1,4 @@
-import { NKeyring } from './NKeyring';
+import { NKeyring } from './NKeyring.ts';
 
 export const keyring = new NKeyring(
   localStorage,
diff --git a/src/features/nostr/nostr-bunker-login.tsx b/src/features/nostr/nostr-bunker-login.tsx
index e8cd6c126..c047a47c6 100644
--- a/src/features/nostr/nostr-bunker-login.tsx
+++ b/src/features/nostr/nostr-bunker-login.tsx
@@ -2,10 +2,10 @@ import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { authLoggedIn, verifyCredentials } from 'soapbox/actions/auth';
-import { obtainOAuthToken } from 'soapbox/actions/oauth';
-import { Button, Form, Input, Spinner } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { authLoggedIn, verifyCredentials } from 'soapbox/actions/auth.ts';
+import { obtainOAuthToken } from 'soapbox/actions/oauth.ts';
+import { Button, Form, Input, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 export const NostrBunkerLogin: React.FC = () => {
   const history = useHistory();
diff --git a/src/features/notifications/components/filter-bar.tsx b/src/features/notifications/components/filter-bar.tsx
index ce9003d92..246e15a2c 100644
--- a/src/features/notifications/components/filter-bar.tsx
+++ b/src/features/notifications/components/filter-bar.tsx
@@ -7,12 +7,12 @@ import repeatIcon from '@tabler/icons/outline/repeat.svg';
 import userPlusIcon from '@tabler/icons/outline/user-plus.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { setFilter } from 'soapbox/actions/notifications';
-import Icon from 'soapbox/components/icon';
-import { Tabs } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures, useSettings } from 'soapbox/hooks';
+import { setFilter } from 'soapbox/actions/notifications.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import { Tabs } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures, useSettings } from 'soapbox/hooks/index.ts';
 
-import type { Item } from 'soapbox/components/ui/tabs/tabs';
+import type { Item } from 'soapbox/components/ui/tabs/tabs.tsx';
 
 const messages = defineMessages({
   all: { id: 'notifications.filter.all', defaultMessage: 'All' },
diff --git a/src/features/notifications/components/notification.test.tsx b/src/features/notifications/components/notification.test.tsx
index 331046258..140a714de 100644
--- a/src/features/notifications/components/notification.test.tsx
+++ b/src/features/notifications/components/notification.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { updateNotifications } from 'soapbox/actions/notifications';
-import { render, screen, rootState, createTestStore } from 'soapbox/jest/test-helpers';
+import { updateNotifications } from 'soapbox/actions/notifications.ts';
+import { render, screen, rootState, createTestStore } from 'soapbox/jest/test-helpers.tsx';
 
-import Notification from './notification';
+import Notification from './notification.tsx';
 
 /** Prepare the notification for use by the component */
 const normalize = (notification: any) => {
diff --git a/src/features/notifications/components/notification.tsx b/src/features/notifications/components/notification.tsx
index 9f3deb31a..78cb5cff1 100644
--- a/src/features/notifications/components/notification.tsx
+++ b/src/features/notifications/components/notification.tsx
@@ -16,25 +16,25 @@ import { useCallback } from 'react';
 import { defineMessages, useIntl, IntlShape, MessageDescriptor, defineMessage, FormattedMessage } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
-import { mentionCompose } from 'soapbox/actions/compose';
-import { reblog, favourite, unreblog, unfavourite } from 'soapbox/actions/interactions';
-import { patchMe } from 'soapbox/actions/me';
-import { openModal } from 'soapbox/actions/modals';
-import { getSettings } from 'soapbox/actions/settings';
-import { hideStatus, revealStatus } from 'soapbox/actions/statuses';
-import Icon from 'soapbox/components/icon';
-import Status from 'soapbox/components/status';
-import { HStack, Text, Emoji, Button, Stack } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import StatusContainer from 'soapbox/containers/status-container';
-import { HotKeys } from 'soapbox/features/ui/components/hotkeys';
-import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks';
-import { makeGetNotification } from 'soapbox/selectors';
-import toast from 'soapbox/toast';
-import { NotificationType, validType } from 'soapbox/utils/notification';
+import { mentionCompose } from 'soapbox/actions/compose.ts';
+import { reblog, favourite, unreblog, unfavourite } from 'soapbox/actions/interactions.ts';
+import { patchMe } from 'soapbox/actions/me.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { hideStatus, revealStatus } from 'soapbox/actions/statuses.ts';
+import Icon from 'soapbox/components/icon.tsx';
+import Status from 'soapbox/components/status.tsx';
+import { HStack, Text, Emoji, Button, Stack } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import StatusContainer from 'soapbox/containers/status-container.tsx';
+import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
+import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
+import { makeGetNotification } from 'soapbox/selectors/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { NotificationType, validType } from 'soapbox/utils/notification.ts';
 
-import type { ScrollPosition } from 'soapbox/components/status';
-import type { Account as AccountEntity, Status as StatusEntity, Notification as NotificationEntity } from 'soapbox/types/entities';
+import type { ScrollPosition } from 'soapbox/components/status.tsx';
+import type { Account as AccountEntity, Status as StatusEntity, Notification as NotificationEntity } from 'soapbox/types/entities.ts';
 
 const notificationForScreenReader = (intl: IntlShape, message: string, timestamp: Date) => {
   const output = [message];
diff --git a/src/features/notifications/components/setting-toggle.tsx b/src/features/notifications/components/setting-toggle.tsx
index 1150d64d9..40e16a773 100644
--- a/src/features/notifications/components/setting-toggle.tsx
+++ b/src/features/notifications/components/setting-toggle.tsx
@@ -1,7 +1,7 @@
 import get from 'lodash/get';
 
-import { Toggle } from 'soapbox/components/ui';
-import { Settings } from 'soapbox/schemas/soapbox/settings';
+import { Toggle } from 'soapbox/components/ui/index.ts';
+import { Settings } from 'soapbox/schemas/soapbox/settings.ts';
 
 interface ISettingToggle {
   /** Unique identifier for the Toggle. */
diff --git a/src/features/notifications/index.tsx b/src/features/notifications/index.tsx
index 52cecda6e..447b33630 100644
--- a/src/features/notifications/index.tsx
+++ b/src/features/notifications/index.tsx
@@ -9,22 +9,22 @@ import {
   expandNotifications,
   scrollTopNotifications,
   dequeueNotifications,
-} from 'soapbox/actions/notifications';
-import { getSettings } from 'soapbox/actions/settings';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import ScrollTopButton from 'soapbox/components/scroll-top-button';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column, Portal } from 'soapbox/components/ui';
-import PlaceholderNotification from 'soapbox/features/placeholder/components/placeholder-notification';
-import { useAppDispatch, useAppSelector, useSettings, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+} from 'soapbox/actions/notifications.ts';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import ScrollTopButton from 'soapbox/components/scroll-top-button.tsx';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column, Portal } from 'soapbox/components/ui/index.ts';
+import PlaceholderNotification from 'soapbox/features/placeholder/components/placeholder-notification.tsx';
+import { useAppDispatch, useAppSelector, useSettings, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import FilterBar from './components/filter-bar';
-import Notification from './components/notification';
+import FilterBar from './components/filter-bar.tsx';
+import Notification from './components/notification.tsx';
 
 import type { VirtuosoHandle } from 'react-virtuoso';
-import type { RootState } from 'soapbox/store';
-import type { Notification as NotificationEntity } from 'soapbox/types/entities';
+import type { RootState } from 'soapbox/store.ts';
+import type { Notification as NotificationEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   title: { id: 'column.notifications', defaultMessage: 'Notifications' },
diff --git a/src/features/pinned-statuses/index.tsx b/src/features/pinned-statuses/index.tsx
index 8be4b26f6..caedf401c 100644
--- a/src/features/pinned-statuses/index.tsx
+++ b/src/features/pinned-statuses/index.tsx
@@ -2,12 +2,12 @@ import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
-import { fetchPinnedStatuses } from 'soapbox/actions/pin-statuses';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import StatusList from 'soapbox/components/status-list';
-import { Column } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { selectOwnAccount } from 'soapbox/selectors';
+import { fetchPinnedStatuses } from 'soapbox/actions/pin-statuses.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import StatusList from 'soapbox/components/status-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { selectOwnAccount } from 'soapbox/selectors/index.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.pins', defaultMessage: 'Pinned posts' },
diff --git a/src/features/placeholder/components/placeholder-account.tsx b/src/features/placeholder/components/placeholder-account.tsx
index 776e0de67..20a023a36 100644
--- a/src/features/placeholder/components/placeholder-account.tsx
+++ b/src/features/placeholder/components/placeholder-account.tsx
@@ -1,9 +1,9 @@
 import { memo } from 'react';
 
-import { HStack } from 'soapbox/components/ui';
+import { HStack } from 'soapbox/components/ui/index.ts';
 
-import PlaceholderAvatar from './placeholder-avatar';
-import PlaceholderDisplayName from './placeholder-display-name';
+import PlaceholderAvatar from './placeholder-avatar.tsx';
+import PlaceholderDisplayName from './placeholder-display-name.tsx';
 
 /** Fake account to display while data is loading. */
 const PlaceholderAccount: React.FC = () => (
diff --git a/src/features/placeholder/components/placeholder-avatar.tsx b/src/features/placeholder/components/placeholder-avatar.tsx
index b41a2d672..b50490c4e 100644
--- a/src/features/placeholder/components/placeholder-avatar.tsx
+++ b/src/features/placeholder/components/placeholder-avatar.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { useMemo } from 'react';
 
-import { Stack } from 'soapbox/components/ui';
+import { Stack } from 'soapbox/components/ui/index.ts';
 
 interface IPlaceholderAvatar {
   size: number;
diff --git a/src/features/placeholder/components/placeholder-card.tsx b/src/features/placeholder/components/placeholder-card.tsx
index 8a9f49c60..db95c6315 100644
--- a/src/features/placeholder/components/placeholder-card.tsx
+++ b/src/features/placeholder/components/placeholder-card.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { memo } from 'react';
 
-import { randomIntFromInterval, generateText } from '../utils';
+import { randomIntFromInterval, generateText } from '../utils.ts';
 
 /** Fake link preview to display while data is loading. */
 const PlaceholderCard: React.FC = () => (
diff --git a/src/features/placeholder/components/placeholder-chat-message.tsx b/src/features/placeholder/components/placeholder-chat-message.tsx
index 8a1e06a8d..5e40609a3 100644
--- a/src/features/placeholder/components/placeholder-chat-message.tsx
+++ b/src/features/placeholder/components/placeholder-chat-message.tsx
@@ -1,10 +1,10 @@
 import clsx from 'clsx';
 
-import { HStack, Stack, Text } from 'soapbox/components/ui';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import { randomIntFromInterval } from '../utils';
+import { randomIntFromInterval } from '../utils.ts';
 
-import PlaceholderAvatar from './placeholder-avatar';
+import PlaceholderAvatar from './placeholder-avatar.tsx';
 
 /** Fake chat to display while data is loading. */
 const PlaceholderChatMessage = ({ isMyMessage = false }: { isMyMessage?: boolean }) => {
diff --git a/src/features/placeholder/components/placeholder-chat.tsx b/src/features/placeholder/components/placeholder-chat.tsx
index 353afda0b..510fe8dbf 100644
--- a/src/features/placeholder/components/placeholder-chat.tsx
+++ b/src/features/placeholder/components/placeholder-chat.tsx
@@ -1,7 +1,7 @@
-import { HStack, Stack } from 'soapbox/components/ui';
+import { HStack, Stack } from 'soapbox/components/ui/index.ts';
 
-import PlaceholderAvatar from './placeholder-avatar';
-import PlaceholderDisplayName from './placeholder-display-name';
+import PlaceholderAvatar from './placeholder-avatar.tsx';
+import PlaceholderDisplayName from './placeholder-display-name.tsx';
 
 /** Fake chat to display while data is loading. */
 const PlaceholderChat = () => {
diff --git a/src/features/placeholder/components/placeholder-display-name.tsx b/src/features/placeholder/components/placeholder-display-name.tsx
index 2b8f99455..9b96a849f 100644
--- a/src/features/placeholder/components/placeholder-display-name.tsx
+++ b/src/features/placeholder/components/placeholder-display-name.tsx
@@ -1,6 +1,6 @@
 import { memo } from 'react';
 
-import { randomIntFromInterval, generateText } from '../utils';
+import { randomIntFromInterval, generateText } from '../utils.ts';
 
 interface IPlaceholderDisplayName {
   maxLength: number;
diff --git a/src/features/placeholder/components/placeholder-event-header.tsx b/src/features/placeholder/components/placeholder-event-header.tsx
index 205f4ddd4..bce5005e7 100644
--- a/src/features/placeholder/components/placeholder-event-header.tsx
+++ b/src/features/placeholder/components/placeholder-event-header.tsx
@@ -1,6 +1,6 @@
-import { Stack } from 'soapbox/components/ui';
+import { Stack } from 'soapbox/components/ui/index.ts';
 
-import { generateText, randomIntFromInterval } from '../utils';
+import { generateText, randomIntFromInterval } from '../utils.ts';
 
 const PlaceholderEventHeader = () => {
   const eventNameLength = randomIntFromInterval(5, 25);
diff --git a/src/features/placeholder/components/placeholder-event-preview.tsx b/src/features/placeholder/components/placeholder-event-preview.tsx
index 9fd93e59b..b1a8e5097 100644
--- a/src/features/placeholder/components/placeholder-event-preview.tsx
+++ b/src/features/placeholder/components/placeholder-event-preview.tsx
@@ -1,6 +1,6 @@
-import { Stack, Text } from 'soapbox/components/ui';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import { generateText, randomIntFromInterval } from '../utils';
+import { generateText, randomIntFromInterval } from '../utils.ts';
 
 const PlaceholderEventPreview = () => {
   const eventNameLength = randomIntFromInterval(5, 25);
diff --git a/src/features/placeholder/components/placeholder-group-card.tsx b/src/features/placeholder/components/placeholder-group-card.tsx
index 6176ad39e..6e2d24a74 100644
--- a/src/features/placeholder/components/placeholder-group-card.tsx
+++ b/src/features/placeholder/components/placeholder-group-card.tsx
@@ -1,6 +1,6 @@
-import { HStack, Stack, Text } from 'soapbox/components/ui';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import { generateText, randomIntFromInterval } from '../utils';
+import { generateText, randomIntFromInterval } from '../utils.ts';
 
 const PlaceholderGroupCard = () => {
   const groupNameLength = randomIntFromInterval(12, 20);
diff --git a/src/features/placeholder/components/placeholder-group-discover.tsx b/src/features/placeholder/components/placeholder-group-discover.tsx
index 615bcc7a0..856058144 100644
--- a/src/features/placeholder/components/placeholder-group-discover.tsx
+++ b/src/features/placeholder/components/placeholder-group-discover.tsx
@@ -1,6 +1,6 @@
-import { HStack, Stack, Text } from 'soapbox/components/ui';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import { generateText, randomIntFromInterval } from '../utils';
+import { generateText, randomIntFromInterval } from '../utils.ts';
 
 const PlaceholderGroupDiscover = () => {
   const groupNameLength = randomIntFromInterval(12, 20);
diff --git a/src/features/placeholder/components/placeholder-group-search.tsx b/src/features/placeholder/components/placeholder-group-search.tsx
index fe976817b..8d5792143 100644
--- a/src/features/placeholder/components/placeholder-group-search.tsx
+++ b/src/features/placeholder/components/placeholder-group-search.tsx
@@ -1,6 +1,6 @@
-import { HStack, Stack, Text } from 'soapbox/components/ui';
+import { HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import { generateText, randomIntFromInterval } from '../utils';
+import { generateText, randomIntFromInterval } from '../utils.ts';
 
 export default ({ withJoinAction = true }: { withJoinAction?: boolean }) => {
   const groupNameLength = randomIntFromInterval(12, 20);
diff --git a/src/features/placeholder/components/placeholder-hashtag.tsx b/src/features/placeholder/components/placeholder-hashtag.tsx
index e28a074c5..42ea28ed7 100644
--- a/src/features/placeholder/components/placeholder-hashtag.tsx
+++ b/src/features/placeholder/components/placeholder-hashtag.tsx
@@ -1,4 +1,4 @@
-import { generateText, randomIntFromInterval } from '../utils';
+import { generateText, randomIntFromInterval } from '../utils.ts';
 
 /** Fake hashtag to display while data is loading. */
 const PlaceholderHashtag: React.FC = () => {
diff --git a/src/features/placeholder/components/placeholder-material-status.tsx b/src/features/placeholder/components/placeholder-material-status.tsx
index 35fab3522..4a200e124 100644
--- a/src/features/placeholder/components/placeholder-material-status.tsx
+++ b/src/features/placeholder/components/placeholder-material-status.tsx
@@ -1,4 +1,4 @@
-import PlaceholderStatus from './placeholder-status';
+import PlaceholderStatus from './placeholder-status.tsx';
 
 /** Fake material status to display while data is loading. */
 const PlaceholderMaterialStatus: React.FC = () => {
diff --git a/src/features/placeholder/components/placeholder-media-gallery.tsx b/src/features/placeholder/components/placeholder-media-gallery.tsx
index 2f91c1497..c9abeee85 100644
--- a/src/features/placeholder/components/placeholder-media-gallery.tsx
+++ b/src/features/placeholder/components/placeholder-media-gallery.tsx
@@ -1,7 +1,7 @@
 import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
 import { useState } from 'react';
 
-import type { Attachment as AttachmentEntity } from 'soapbox/types/entities';
+import type { Attachment as AttachmentEntity } from 'soapbox/types/entities.ts';
 
 interface IPlaceholderMediaGallery {
   media: ImmutableList<AttachmentEntity>;
diff --git a/src/features/placeholder/components/placeholder-notification.tsx b/src/features/placeholder/components/placeholder-notification.tsx
index 6e216f481..ca8b3e122 100644
--- a/src/features/placeholder/components/placeholder-notification.tsx
+++ b/src/features/placeholder/components/placeholder-notification.tsx
@@ -1,10 +1,10 @@
 import { memo } from 'react';
 
-import { HStack } from 'soapbox/components/ui';
+import { HStack } from 'soapbox/components/ui/index.ts';
 
-import PlaceholderAvatar from './placeholder-avatar';
-import PlaceholderDisplayName from './placeholder-display-name';
-import PlaceholderStatusContent from './placeholder-status-content';
+import PlaceholderAvatar from './placeholder-avatar.tsx';
+import PlaceholderDisplayName from './placeholder-display-name.tsx';
+import PlaceholderStatusContent from './placeholder-status-content.tsx';
 
 /** Fake notification to display while data is loading. */
 const PlaceholderNotification = () => (
diff --git a/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx b/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx
index a03ad221c..1b5f721dd 100644
--- a/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx
+++ b/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx
@@ -1,6 +1,6 @@
-import { HStack, Stack } from 'soapbox/components/ui';
+import { HStack, Stack } from 'soapbox/components/ui/index.ts';
 
-import { randomIntFromInterval, generateText } from '../utils';
+import { randomIntFromInterval, generateText } from '../utils.ts';
 
 export default ({ limit }: { limit: number }) => {
   const length = randomIntFromInterval(15, 3);
diff --git a/src/features/placeholder/components/placeholder-sidebar-trends.tsx b/src/features/placeholder/components/placeholder-sidebar-trends.tsx
index bb9147e55..93e006bf0 100644
--- a/src/features/placeholder/components/placeholder-sidebar-trends.tsx
+++ b/src/features/placeholder/components/placeholder-sidebar-trends.tsx
@@ -1,6 +1,6 @@
-import { Stack } from 'soapbox/components/ui';
+import { Stack } from 'soapbox/components/ui/index.ts';
 
-import { randomIntFromInterval, generateText } from '../utils';
+import { randomIntFromInterval, generateText } from '../utils.ts';
 
 export default ({ limit }: { limit: number }) => {
   const trend = randomIntFromInterval(6, 3);
diff --git a/src/features/placeholder/components/placeholder-status-content.tsx b/src/features/placeholder/components/placeholder-status-content.tsx
index 1b2ffc999..11790738d 100644
--- a/src/features/placeholder/components/placeholder-status-content.tsx
+++ b/src/features/placeholder/components/placeholder-status-content.tsx
@@ -1,4 +1,4 @@
-import { randomIntFromInterval, generateText } from '../utils';
+import { randomIntFromInterval, generateText } from '../utils.ts';
 
 interface IPlaceholderStatusContent {
   maxLength: number;
diff --git a/src/features/placeholder/components/placeholder-status.tsx b/src/features/placeholder/components/placeholder-status.tsx
index 05674e8c4..4be6c1cc2 100644
--- a/src/features/placeholder/components/placeholder-status.tsx
+++ b/src/features/placeholder/components/placeholder-status.tsx
@@ -1,11 +1,11 @@
 import clsx from 'clsx';
 import { memo } from 'react';
 
-import { HStack } from 'soapbox/components/ui';
+import { HStack } from 'soapbox/components/ui/index.ts';
 
-import PlaceholderAvatar from './placeholder-avatar';
-import PlaceholderDisplayName from './placeholder-display-name';
-import PlaceholderStatusContent from './placeholder-status-content';
+import PlaceholderAvatar from './placeholder-avatar.tsx';
+import PlaceholderDisplayName from './placeholder-display-name.tsx';
+import PlaceholderStatusContent from './placeholder-status-content.tsx';
 
 interface IPlaceholderStatus {
   variant?: 'rounded' | 'slim' | 'default';
diff --git a/src/features/preferences/index.tsx b/src/features/preferences/index.tsx
index 9d5e54720..f071b9d9c 100644
--- a/src/features/preferences/index.tsx
+++ b/src/features/preferences/index.tsx
@@ -1,14 +1,14 @@
 import { useMemo } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { changeSetting } from 'soapbox/actions/settings';
-import List, { ListItem } from 'soapbox/components/list';
-import { Form } from 'soapbox/components/ui';
-import { SelectDropdown } from 'soapbox/features/forms';
-import SettingToggle from 'soapbox/features/notifications/components/setting-toggle';
-import { useAppDispatch, useFeatures, useSettings } from 'soapbox/hooks';
+import { changeSetting } from 'soapbox/actions/settings.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Form } from 'soapbox/components/ui/index.ts';
+import { SelectDropdown } from 'soapbox/features/forms/index.tsx';
+import SettingToggle from 'soapbox/features/notifications/components/setting-toggle.tsx';
+import { useAppDispatch, useFeatures, useSettings } from 'soapbox/hooks/index.ts';
 
-import ThemeToggle from '../ui/components/theme-toggle';
+import ThemeToggle from '../ui/components/theme-toggle.tsx';
 
 const languages = {
   en: 'English',
diff --git a/src/features/public-timeline/index.tsx b/src/features/public-timeline/index.tsx
index 121d724f7..3a35cbad7 100644
--- a/src/features/public-timeline/index.tsx
+++ b/src/features/public-timeline/index.tsx
@@ -3,17 +3,17 @@ import { useEffect, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { changeSetting } from 'soapbox/actions/settings';
-import { clearTimeline, expandPublicTimeline } from 'soapbox/actions/timelines';
-import { usePublicStream } from 'soapbox/api/hooks';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import { Accordion, Column } from 'soapbox/components/ui';
-import { LanguageDropdown } from 'soapbox/components/ui/language-dropdown/language-dropdown';
-import { useAppSelector, useAppDispatch, useInstance, useSettings, useTheme, useFeatures } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { changeSetting } from 'soapbox/actions/settings.ts';
+import { clearTimeline, expandPublicTimeline } from 'soapbox/actions/timelines.ts';
+import { usePublicStream } from 'soapbox/api/hooks/index.ts';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import { Accordion, Column } from 'soapbox/components/ui/index.ts';
+import { LanguageDropdown } from 'soapbox/components/ui/language-dropdown/language-dropdown.tsx';
+import { useAppSelector, useAppDispatch, useInstance, useSettings, useTheme, useFeatures } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import PinnedHostsPicker from '../remote-timeline/components/pinned-hosts-picker';
-import Timeline from '../ui/components/timeline';
+import PinnedHostsPicker from '../remote-timeline/components/pinned-hosts-picker.tsx';
+import Timeline from '../ui/components/timeline.tsx';
 
 const messages = defineMessages({
   title: { id: 'column.public', defaultMessage: 'Global timeline' },
diff --git a/src/features/quotes/index.tsx b/src/features/quotes/index.tsx
index ae2e305a8..f1fb3c7fc 100644
--- a/src/features/quotes/index.tsx
+++ b/src/features/quotes/index.tsx
@@ -4,11 +4,11 @@ import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
-import { expandStatusQuotes, fetchStatusQuotes } from 'soapbox/actions/status-quotes';
-import StatusList from 'soapbox/components/status-list';
-import { Column } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { expandStatusQuotes, fetchStatusQuotes } from 'soapbox/actions/status-quotes.ts';
+import StatusList from 'soapbox/components/status-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.quotes', defaultMessage: 'Post quotes' },
diff --git a/src/features/register-invite/index.tsx b/src/features/register-invite/index.tsx
index 8cc8022d6..b704aa892 100644
--- a/src/features/register-invite/index.tsx
+++ b/src/features/register-invite/index.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 import { useParams } from 'react-router-dom';
 
-import { BigCard } from 'soapbox/components/big-card';
-import RegistrationForm from 'soapbox/features/auth-login/components/registration-form';
-import { useInstance } from 'soapbox/hooks';
+import { BigCard } from 'soapbox/components/big-card.tsx';
+import RegistrationForm from 'soapbox/features/auth-login/components/registration-form.tsx';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
 interface RegisterInviteParams {
   token: string;
diff --git a/src/features/remote-timeline/components/pinned-hosts-picker.tsx b/src/features/remote-timeline/components/pinned-hosts-picker.tsx
index df877a3da..d336132ce 100644
--- a/src/features/remote-timeline/components/pinned-hosts-picker.tsx
+++ b/src/features/remote-timeline/components/pinned-hosts-picker.tsx
@@ -1,5 +1,5 @@
-import { Button, HStack } from 'soapbox/components/ui';
-import { useSettings } from 'soapbox/hooks';
+import { Button, HStack } from 'soapbox/components/ui/index.ts';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
 interface IPinnedHostsPicker {
   /** The active host among pinned hosts. */
diff --git a/src/features/remote-timeline/index.tsx b/src/features/remote-timeline/index.tsx
index 2e1e88f0b..4cf967ca9 100644
--- a/src/features/remote-timeline/index.tsx
+++ b/src/features/remote-timeline/index.tsx
@@ -3,16 +3,16 @@ import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { expandRemoteTimeline } from 'soapbox/actions/timelines';
-import { useRemoteStream } from 'soapbox/api/hooks';
-import IconButton from 'soapbox/components/icon-button';
-import { Column, HStack, Text } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch, useSettings, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { expandRemoteTimeline } from 'soapbox/actions/timelines.ts';
+import { useRemoteStream } from 'soapbox/api/hooks/index.ts';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import { Column, HStack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch, useSettings, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import Timeline from '../ui/components/timeline';
+import Timeline from '../ui/components/timeline.tsx';
 
-import PinnedHostsPicker from './components/pinned-hosts-picker';
+import PinnedHostsPicker from './components/pinned-hosts-picker.tsx';
 
 interface IRemoteTimeline {
   params?: {
diff --git a/src/features/reply-mentions/account.tsx b/src/features/reply-mentions/account.tsx
index a72451068..953c68a9d 100644
--- a/src/features/reply-mentions/account.tsx
+++ b/src/features/reply-mentions/account.tsx
@@ -3,13 +3,13 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { fetchAccount } from 'soapbox/actions/accounts';
-import { addToMentions, removeFromMentions } from 'soapbox/actions/compose';
-import { useAccount } from 'soapbox/api/hooks';
-import AccountComponent from 'soapbox/components/account';
-import IconButton from 'soapbox/components/icon-button';
-import { HStack } from 'soapbox/components/ui';
-import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { fetchAccount } from 'soapbox/actions/accounts.ts';
+import { addToMentions, removeFromMentions } from 'soapbox/actions/compose.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import AccountComponent from 'soapbox/components/account.tsx';
+import IconButton from 'soapbox/components/icon-button.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useCompose } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   remove: { id: 'reply_mentions.account.remove', defaultMessage: 'Remove from mentions' },
diff --git a/src/features/report/components/status-check-box.tsx b/src/features/report/components/status-check-box.tsx
index fa936d6bb..5064458c3 100644
--- a/src/features/report/components/status-check-box.tsx
+++ b/src/features/report/components/status-check-box.tsx
@@ -1,12 +1,12 @@
 import noop from 'lodash/noop';
 import { Suspense } from 'react';
 
-import { toggleStatusReport } from 'soapbox/actions/reports';
-import StatusContent from 'soapbox/components/status-content';
-import { Toggle } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { toggleStatusReport } from 'soapbox/actions/reports.ts';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import { Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { MediaGallery, Video, Audio } from '../../ui/util/async-components';
+import { MediaGallery, Video, Audio } from '../../ui/util/async-components.ts';
 
 interface IStatusCheckBox {
   id: string;
diff --git a/src/features/scheduled-statuses/builder.tsx b/src/features/scheduled-statuses/builder.tsx
index 95ab0d878..91ca2e742 100644
--- a/src/features/scheduled-statuses/builder.tsx
+++ b/src/features/scheduled-statuses/builder.tsx
@@ -1,11 +1,11 @@
 import { Map as ImmutableMap } from 'immutable';
 
-import { Entities } from 'soapbox/entity-store/entities';
-import { normalizeStatus } from 'soapbox/normalizers/status';
-import { calculateStatus } from 'soapbox/reducers/statuses';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { normalizeStatus } from 'soapbox/normalizers/status.ts';
+import { calculateStatus } from 'soapbox/reducers/statuses.ts';
 
-import type { ScheduledStatus } from 'soapbox/reducers/scheduled-statuses';
-import type { RootState } from 'soapbox/store';
+import type { ScheduledStatus } from 'soapbox/reducers/scheduled-statuses.ts';
+import type { RootState } from 'soapbox/store.ts';
 
 export const buildStatus = (state: RootState, scheduledStatus: ScheduledStatus) => {
   const me = state.me as string;
diff --git a/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx b/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
index 226df40c5..efcde2db1 100644
--- a/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
+++ b/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
@@ -1,13 +1,13 @@
 import calendarStatsIcon from '@tabler/icons/outline/calendar-stats.svg';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { cancelScheduledStatus } from 'soapbox/actions/scheduled-statuses';
-import { getSettings } from 'soapbox/actions/settings';
-import { Button, HStack } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { cancelScheduledStatus } from 'soapbox/actions/scheduled-statuses.ts';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { Button, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   cancel: { id: 'scheduled_status.cancel', defaultMessage: 'Cancel' },
diff --git a/src/features/scheduled-statuses/components/scheduled-status.tsx b/src/features/scheduled-statuses/components/scheduled-status.tsx
index d2f55159e..3fca855fa 100644
--- a/src/features/scheduled-statuses/components/scheduled-status.tsx
+++ b/src/features/scheduled-statuses/components/scheduled-status.tsx
@@ -1,18 +1,18 @@
 import clsx from 'clsx';
 
-import Account from 'soapbox/components/account';
-import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
-import StatusContent from 'soapbox/components/status-content';
-import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import { HStack, Stack } from 'soapbox/components/ui';
-import PollPreview from 'soapbox/features/ui/components/poll-preview';
-import { useAppSelector } from 'soapbox/hooks';
+import Account from 'soapbox/components/account.tsx';
+import AttachmentThumbs from 'soapbox/components/attachment-thumbs.tsx';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import StatusReplyMentions from 'soapbox/components/status-reply-mentions.tsx';
+import { HStack, Stack } from 'soapbox/components/ui/index.ts';
+import PollPreview from 'soapbox/features/ui/components/poll-preview.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { buildStatus } from '../builder';
+import { buildStatus } from '../builder.tsx';
 
-import ScheduledStatusActionBar from './scheduled-status-action-bar';
+import ScheduledStatusActionBar from './scheduled-status-action-bar.tsx';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface IScheduledStatus {
   statusId: string;
diff --git a/src/features/scheduled-statuses/index.tsx b/src/features/scheduled-statuses/index.tsx
index aeffd43a2..f0ecd2c50 100644
--- a/src/features/scheduled-statuses/index.tsx
+++ b/src/features/scheduled-statuses/index.tsx
@@ -2,12 +2,12 @@ import debounce from 'lodash/debounce';
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchScheduledStatuses, expandScheduledStatuses } from 'soapbox/actions/scheduled-statuses';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Column } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { fetchScheduledStatuses, expandScheduledStatuses } from 'soapbox/actions/scheduled-statuses.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Column } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import ScheduledStatus from './components/scheduled-status';
+import ScheduledStatus from './components/scheduled-status.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.scheduled_statuses', defaultMessage: 'Scheduled Posts' },
diff --git a/src/features/search/index.tsx b/src/features/search/index.tsx
index 2febda8df..4b6107355 100644
--- a/src/features/search/index.tsx
+++ b/src/features/search/index.tsx
@@ -1,11 +1,11 @@
 import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Column } from 'soapbox/components/ui';
-import Search from 'soapbox/features/compose/components/search';
-import SearchResults from 'soapbox/features/compose/components/search-results';
-import { useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+import { Column } from 'soapbox/components/ui/index.ts';
+import SearchResults from 'soapbox/features/compose/components/search-results.tsx';
+import Search from 'soapbox/features/compose/components/search.tsx';
+import { useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
 const messages = defineMessages({
   heading: { id: 'column.search', defaultMessage: 'Discover' },
diff --git a/src/features/security/mfa-form.tsx b/src/features/security/mfa-form.tsx
index 7cde12f30..e359cfdfa 100644
--- a/src/features/security/mfa-form.tsx
+++ b/src/features/security/mfa-form.tsx
@@ -1,13 +1,13 @@
 import { useEffect, useState } from 'react';
 import { useIntl, defineMessages } from 'react-intl';
 
-import { fetchMfa } from 'soapbox/actions/mfa';
-import { Column, Stack } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { fetchMfa } from 'soapbox/actions/mfa.ts';
+import { Column, Stack } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import DisableOtpForm from './mfa/disable-otp-form';
-import EnableOtpForm from './mfa/enable-otp-form';
-import OtpConfirmForm from './mfa/otp-confirm-form';
+import DisableOtpForm from './mfa/disable-otp-form.tsx';
+import EnableOtpForm from './mfa/enable-otp-form.tsx';
+import OtpConfirmForm from './mfa/otp-confirm-form.tsx';
 
 /*
 Security settings page for user account
diff --git a/src/features/security/mfa/disable-otp-form.tsx b/src/features/security/mfa/disable-otp-form.tsx
index 2dc2bae41..af5bb1c4d 100644
--- a/src/features/security/mfa/disable-otp-form.tsx
+++ b/src/features/security/mfa/disable-otp-form.tsx
@@ -2,10 +2,10 @@ import { useState, useCallback } from 'react';
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { disableMfa } from 'soapbox/actions/mfa';
-import { Button, Form, FormGroup, Input, FormActions, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { disableMfa } from 'soapbox/actions/mfa.ts';
+import { Button, Form, FormGroup, Input, FormActions, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   mfa_setup_disable_button: { id: 'column.mfa_disable_button', defaultMessage: 'Disable' },
diff --git a/src/features/security/mfa/enable-otp-form.tsx b/src/features/security/mfa/enable-otp-form.tsx
index bbfa51953..f143b9460 100644
--- a/src/features/security/mfa/enable-otp-form.tsx
+++ b/src/features/security/mfa/enable-otp-form.tsx
@@ -2,10 +2,10 @@ import { useState, useEffect } from 'react';
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { fetchBackupCodes } from 'soapbox/actions/mfa';
-import { Button, FormActions, Spinner, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { fetchBackupCodes } from 'soapbox/actions/mfa.ts';
+import { Button, FormActions, Spinner, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   mfaCancelButton: { id: 'column.mfa_cancel', defaultMessage: 'Cancel' },
diff --git a/src/features/security/mfa/otp-confirm-form.tsx b/src/features/security/mfa/otp-confirm-form.tsx
index 1ef86aa5f..e18e2771f 100644
--- a/src/features/security/mfa/otp-confirm-form.tsx
+++ b/src/features/security/mfa/otp-confirm-form.tsx
@@ -6,10 +6,10 @@ import { useHistory } from 'react-router-dom';
 import {
   setupMfa,
   confirmMfa,
-} from 'soapbox/actions/mfa';
-import { Button, Form, FormActions, FormGroup, Input, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+} from 'soapbox/actions/mfa.ts';
+import { Button, Form, FormActions, FormGroup, Input, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   mfaCancelButton: { id: 'column.mfa_cancel', defaultMessage: 'Cancel' },
diff --git a/src/features/server-info/index.tsx b/src/features/server-info/index.tsx
index 4dcb2abc1..8b47e5b96 100644
--- a/src/features/server-info/index.tsx
+++ b/src/features/server-info/index.tsx
@@ -1,10 +1,10 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Column, Divider, Stack, Text } from 'soapbox/components/ui';
-import { useInstance } from 'soapbox/hooks';
+import { Column, Divider, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useInstance } from 'soapbox/hooks/index.ts';
 
-import LinkFooter from '../ui/components/link-footer';
-import PromoPanel from '../ui/components/promo-panel';
+import LinkFooter from '../ui/components/link-footer.tsx';
+import PromoPanel from '../ui/components/promo-panel.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.info', defaultMessage: 'Server information' },
diff --git a/src/features/settings/components/messages-settings.tsx b/src/features/settings/components/messages-settings.tsx
index e504e0a23..4a788cb28 100644
--- a/src/features/settings/components/messages-settings.tsx
+++ b/src/features/settings/components/messages-settings.tsx
@@ -1,9 +1,9 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import List, { ListItem } from 'soapbox/components/list';
-import { Toggle } from 'soapbox/components/ui';
-import { useOwnAccount } from 'soapbox/hooks';
-import { useUpdateCredentials } from 'soapbox/queries/accounts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Toggle } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useUpdateCredentials } from 'soapbox/queries/accounts.ts';
 
 const messages = defineMessages({
   label: { id: 'settings.messages.label', defaultMessage: 'Allow users to start a new chat with you' },
diff --git a/src/features/settings/index.tsx b/src/features/settings/index.tsx
index 6aac5b92a..0afae038f 100644
--- a/src/features/settings/index.tsx
+++ b/src/features/settings/index.tsx
@@ -1,16 +1,16 @@
 import { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { fetchMfa } from 'soapbox/actions/mfa';
-import CopyableInput from 'soapbox/components/copyable-input';
-import List, { ListItem } from 'soapbox/components/list';
-import { Card, CardBody, CardHeader, CardTitle, Column, Counter, FormGroup, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance, useOwnAccount } from 'soapbox/hooks';
-import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications';
+import { fetchMfa } from 'soapbox/actions/mfa.ts';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Card, CardBody, CardHeader, CardTitle, Column, Counter, FormGroup, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useInstance, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';
 
-import Preferences from '../preferences';
+import Preferences from '../preferences/index.tsx';
 
-import MessagesSettings from './components/messages-settings';
+import MessagesSettings from './components/messages-settings.tsx';
 
 const messages = defineMessages({
   accountAliases: { id: 'navigation_bar.account_aliases', defaultMessage: 'Account aliases' },
diff --git a/src/features/share/index.tsx b/src/features/share/index.tsx
index 0b91f1cc8..a5e1a3d0f 100644
--- a/src/features/share/index.tsx
+++ b/src/features/share/index.tsx
@@ -1,7 +1,7 @@
 import { Redirect, useLocation } from 'react-router-dom';
 
-import { openComposeWithText } from 'soapbox/actions/compose';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openComposeWithText } from 'soapbox/actions/compose.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const Share = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/soapbox-config/components/color-picker.tsx b/src/features/soapbox-config/components/color-picker.tsx
index 418b877dc..2951ebcbb 100644
--- a/src/features/soapbox-config/components/color-picker.tsx
+++ b/src/features/soapbox-config/components/color-picker.tsx
@@ -2,7 +2,7 @@ import { supportsPassiveEvents } from 'detect-passive-events';
 import { useEffect, useRef } from 'react';
 import { SketchPicker, ColorChangeHandler } from 'react-color';
 
-import { isMobile } from 'soapbox/is-mobile';
+import { isMobile } from 'soapbox/is-mobile.ts';
 
 const listenerOptions = supportsPassiveEvents ? { passive: true } : false;
 
diff --git a/src/features/soapbox-config/components/color-with-picker.tsx b/src/features/soapbox-config/components/color-with-picker.tsx
index 35b1564e2..08ce2747e 100644
--- a/src/features/soapbox-config/components/color-with-picker.tsx
+++ b/src/features/soapbox-config/components/color-with-picker.tsx
@@ -2,9 +2,9 @@ import { useState, useRef } from 'react';
 // @ts-ignore: TODO: upgrade react-overlays. v3.1 and above have TS definitions
 import Overlay from 'react-overlays/lib/Overlay';
 
-import { isMobile } from 'soapbox/is-mobile';
+import { isMobile } from 'soapbox/is-mobile.ts';
 
-import ColorPicker from './color-picker';
+import ColorPicker from './color-picker.tsx';
 
 import type { ColorChangeHandler } from 'react-color';
 
diff --git a/src/features/soapbox-config/components/crypto-address-input.tsx b/src/features/soapbox-config/components/crypto-address-input.tsx
index 680e1f8bd..fafd0f358 100644
--- a/src/features/soapbox-config/components/crypto-address-input.tsx
+++ b/src/features/soapbox-config/components/crypto-address-input.tsx
@@ -1,9 +1,9 @@
 import { useIntl, defineMessages } from 'react-intl';
 
-import { HStack, Input } from 'soapbox/components/ui';
+import { HStack, Input } from 'soapbox/components/ui/index.ts';
 
-import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
-import type { CryptoAddress } from 'soapbox/types/soapbox';
+import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
+import type { CryptoAddress } from 'soapbox/types/soapbox.ts';
 
 const messages = defineMessages({
   ticker: { id: 'soapbox_config.crypto_address.meta_fields.ticker_placeholder', defaultMessage: 'Ticker' },
diff --git a/src/features/soapbox-config/components/footer-link-input.tsx b/src/features/soapbox-config/components/footer-link-input.tsx
index 2f06728b3..2723f76d6 100644
--- a/src/features/soapbox-config/components/footer-link-input.tsx
+++ b/src/features/soapbox-config/components/footer-link-input.tsx
@@ -1,9 +1,9 @@
 import { useIntl, defineMessages } from 'react-intl';
 
-import { HStack, Input } from 'soapbox/components/ui';
+import { HStack, Input } from 'soapbox/components/ui/index.ts';
 
-import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
-import type { FooterItem } from 'soapbox/types/soapbox';
+import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
+import type { FooterItem } from 'soapbox/types/soapbox.ts';
 
 const messages = defineMessages({
   label: { id: 'soapbox_config.home_footer.meta_fields.label_placeholder', defaultMessage: 'Label' },
diff --git a/src/features/soapbox-config/components/icon-picker-dropdown.tsx b/src/features/soapbox-config/components/icon-picker-dropdown.tsx
index 0b4a1800d..8949d364a 100644
--- a/src/features/soapbox-config/components/icon-picker-dropdown.tsx
+++ b/src/features/soapbox-config/components/icon-picker-dropdown.tsx
@@ -3,11 +3,11 @@ import { defineMessages, useIntl } from 'react-intl';
 // @ts-ignore
 import Overlay from 'react-overlays/lib/Overlay';
 
-import ForkAwesomeIcon from 'soapbox/components/fork-awesome-icon';
+import ForkAwesomeIcon from 'soapbox/components/fork-awesome-icon.tsx';
 
 import forkAwesomeIcons from '../forkawesome.json';
 
-import IconPickerMenu from './icon-picker-menu';
+import IconPickerMenu from './icon-picker-menu.tsx';
 
 const messages = defineMessages({
   emoji: { id: 'icon_button.label', defaultMessage: 'Select icon' },
diff --git a/src/features/soapbox-config/components/icon-picker-menu.tsx b/src/features/soapbox-config/components/icon-picker-menu.tsx
index a8078adb7..db2d5f37f 100644
--- a/src/features/soapbox-config/components/icon-picker-menu.tsx
+++ b/src/features/soapbox-config/components/icon-picker-menu.tsx
@@ -3,7 +3,7 @@ import { supportsPassiveEvents } from 'detect-passive-events';
 import { useCallback, useEffect, useRef } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { Text } from 'soapbox/components/ui';
+import { Text } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   emoji: { id: 'icon_button.label', defaultMessage: 'Select icon' },
diff --git a/src/features/soapbox-config/components/icon-picker.tsx b/src/features/soapbox-config/components/icon-picker.tsx
index f8ebdbb26..844f3e1c4 100644
--- a/src/features/soapbox-config/components/icon-picker.tsx
+++ b/src/features/soapbox-config/components/icon-picker.tsx
@@ -1,4 +1,4 @@
-import IconPickerDropdown from './icon-picker-dropdown';
+import IconPickerDropdown from './icon-picker-dropdown.tsx';
 
 interface IIconPicker {
   value: string;
diff --git a/src/features/soapbox-config/components/promo-panel-input.tsx b/src/features/soapbox-config/components/promo-panel-input.tsx
index 2f60cf28a..20aab5e7d 100644
--- a/src/features/soapbox-config/components/promo-panel-input.tsx
+++ b/src/features/soapbox-config/components/promo-panel-input.tsx
@@ -1,11 +1,11 @@
 import { useIntl, defineMessages } from 'react-intl';
 
-import { HStack, Input } from 'soapbox/components/ui';
+import { HStack, Input } from 'soapbox/components/ui/index.ts';
 
-import IconPicker from './icon-picker';
+import IconPicker from './icon-picker.tsx';
 
-import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield';
-import type { PromoPanelItem } from 'soapbox/types/soapbox';
+import type { StreamfieldComponent } from 'soapbox/components/ui/streamfield/streamfield.tsx';
+import type { PromoPanelItem } from 'soapbox/types/soapbox.ts';
 
 const messages = defineMessages({
   icon: { id: 'soapbox_config.promo_panel.meta_fields.icon_placeholder', defaultMessage: 'Icon' },
diff --git a/src/features/soapbox-config/components/site-preview.tsx b/src/features/soapbox-config/components/site-preview.tsx
index 73e29b99b..5ea6c7ef6 100644
--- a/src/features/soapbox-config/components/site-preview.tsx
+++ b/src/features/soapbox-config/components/site-preview.tsx
@@ -2,12 +2,12 @@ import clsx from 'clsx';
 import { useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { defaultSettings } from 'soapbox/actions/settings';
-import SiteLogo from 'soapbox/components/site-logo';
-import BackgroundShapes from 'soapbox/features/ui/components/background-shapes';
-import { useSystemTheme } from 'soapbox/hooks';
-import { normalizeSoapboxConfig } from 'soapbox/normalizers';
-import { generateThemeCss } from 'soapbox/utils/theme';
+import { defaultSettings } from 'soapbox/actions/settings.ts';
+import SiteLogo from 'soapbox/components/site-logo.tsx';
+import BackgroundShapes from 'soapbox/features/ui/components/background-shapes.tsx';
+import { useSystemTheme } from 'soapbox/hooks/index.ts';
+import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts';
+import { generateThemeCss } from 'soapbox/utils/theme.ts';
 
 interface ISitePreview {
   /** Raw Soapbox configuration. */
diff --git a/src/features/soapbox-config/index.tsx b/src/features/soapbox-config/index.tsx
index 1650ec68b..2abb04edf 100644
--- a/src/features/soapbox-config/index.tsx
+++ b/src/features/soapbox-config/index.tsx
@@ -2,9 +2,9 @@ import { Map as ImmutableMap, List as ImmutableList, fromJS } from 'immutable';
 import { useState, useEffect, useMemo } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { updateSoapboxConfig } from 'soapbox/actions/admin';
-import { uploadMedia } from 'soapbox/actions/media';
-import List, { ListItem } from 'soapbox/components/list';
+import { updateSoapboxConfig } from 'soapbox/actions/admin.ts';
+import { uploadMedia } from 'soapbox/actions/media.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
 import {
   Accordion,
   Button,
@@ -19,16 +19,16 @@ import {
   Streamfield,
   Textarea,
   Toggle,
-} from 'soapbox/components/ui';
-import ThemeSelector from 'soapbox/features/ui/components/theme-selector';
-import { useAppSelector, useAppDispatch, useFeatures } from 'soapbox/hooks';
-import { normalizeSoapboxConfig } from 'soapbox/normalizers';
-import toast from 'soapbox/toast';
+} from 'soapbox/components/ui/index.ts';
+import ThemeSelector from 'soapbox/features/ui/components/theme-selector.tsx';
+import { useAppSelector, useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import CryptoAddressInput from './components/crypto-address-input';
-import FooterLinkInput from './components/footer-link-input';
-import PromoPanelInput from './components/promo-panel-input';
-import SitePreview from './components/site-preview';
+import CryptoAddressInput from './components/crypto-address-input.tsx';
+import FooterLinkInput from './components/footer-link-input.tsx';
+import PromoPanelInput from './components/promo-panel-input.tsx';
+import SitePreview from './components/site-preview.tsx';
 
 const messages = defineMessages({
   heading: { id: 'column.soapbox_config', defaultMessage: 'Soapbox config' },
diff --git a/src/features/status/components/detailed-status.tsx b/src/features/status/components/detailed-status.tsx
index 7ef1fdcf6..ad19fb145 100644
--- a/src/features/status/components/detailed-status.tsx
+++ b/src/features/status/components/detailed-status.tsx
@@ -5,20 +5,20 @@ import { useEffect, useRef, useState } from 'react';
 import { FormattedDate, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import Account from 'soapbox/components/account';
-import StatusContent from 'soapbox/components/status-content';
-import StatusMedia from 'soapbox/components/status-media';
-import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import SensitiveContentOverlay from 'soapbox/components/statuses/sensitive-content-overlay';
-import StatusInfo from 'soapbox/components/statuses/status-info';
-import TranslateButton from 'soapbox/components/translate-button';
-import { HStack, Icon, Stack, Text } from 'soapbox/components/ui';
-import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container';
-import { getActualStatus } from 'soapbox/utils/status';
+import Account from 'soapbox/components/account.tsx';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import StatusMedia from 'soapbox/components/status-media.tsx';
+import StatusReplyMentions from 'soapbox/components/status-reply-mentions.tsx';
+import SensitiveContentOverlay from 'soapbox/components/statuses/sensitive-content-overlay.tsx';
+import StatusInfo from 'soapbox/components/statuses/status-info.tsx';
+import TranslateButton from 'soapbox/components/translate-button.tsx';
+import { HStack, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
+import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container.tsx';
+import { getActualStatus } from 'soapbox/utils/status.ts';
 
-import StatusInteractionBar from './status-interaction-bar';
+import StatusInteractionBar from './status-interaction-bar.tsx';
 
-import type { Group, Status as StatusEntity } from 'soapbox/types/entities';
+import type { Group, Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface IDetailedStatus {
   status: StatusEntity;
diff --git a/src/features/status/components/status-interaction-bar.tsx b/src/features/status/components/status-interaction-bar.tsx
index 5811cffff..8be110c54 100644
--- a/src/features/status/components/status-interaction-bar.tsx
+++ b/src/features/status/components/status-interaction-bar.tsx
@@ -1,13 +1,13 @@
 import clsx from 'clsx';import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { HStack, Text, Emoji } from 'soapbox/components/ui';
-import { useAppSelector, useSoapboxConfig, useFeatures, useAppDispatch } from 'soapbox/hooks';
-import { reduceEmoji } from 'soapbox/utils/emoji-reacts';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { HStack, Text, Emoji } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useSoapboxConfig, useFeatures, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { reduceEmoji } from 'soapbox/utils/emoji-reacts.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
-import type { Status } from 'soapbox/types/entities';
+import type { Status } from 'soapbox/types/entities.ts';
 
 interface IStatusInteractionBar {
   status: Status;
diff --git a/src/features/status/components/thread-login-cta.tsx b/src/features/status/components/thread-login-cta.tsx
index f6413030c..352be4f54 100644
--- a/src/features/status/components/thread-login-cta.tsx
+++ b/src/features/status/components/thread-login-cta.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Card, CardTitle, Text, Stack, Button } from 'soapbox/components/ui';
-import { useInstance, useSoapboxConfig } from 'soapbox/hooks';
+import { Card, CardTitle, Text, Stack, Button } from 'soapbox/components/ui/index.ts';
+import { useInstance, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 /** Prompts logged-out users to log in when viewing a thread. */
 const ThreadLoginCta: React.FC = () => {
diff --git a/src/features/status/components/thread-status.tsx b/src/features/status/components/thread-status.tsx
index 350d60176..3b49a6850 100644
--- a/src/features/status/components/thread-status.tsx
+++ b/src/features/status/components/thread-status.tsx
@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 
-import StatusContainer from 'soapbox/containers/status-container';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import { useAppSelector } from 'soapbox/hooks';
+import StatusContainer from 'soapbox/containers/status-container.tsx';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IThreadStatus {
   id: string;
diff --git a/src/features/status/components/thread.tsx b/src/features/status/components/thread.tsx
index 4af75af80..1f9c25862 100644
--- a/src/features/status/components/thread.tsx
+++ b/src/features/status/components/thread.tsx
@@ -6,25 +6,25 @@ import { useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 import { type VirtuosoHandle } from 'react-virtuoso';
 
-import { mentionCompose, replyCompose } from 'soapbox/actions/compose';
-import { favourite, reblog, unfavourite, unreblog } from 'soapbox/actions/interactions';
-import { openModal } from 'soapbox/actions/modals';
-import { getSettings } from 'soapbox/actions/settings';
-import { hideStatus, revealStatus } from 'soapbox/actions/statuses';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import StatusActionBar from 'soapbox/components/status-action-bar';
-import Tombstone from 'soapbox/components/tombstone';
-import { Stack } from 'soapbox/components/ui';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import { HotKeys } from 'soapbox/features/ui/components/hotkeys';
-import PendingStatus from 'soapbox/features/ui/components/pending-status';
-import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks';
-import { RootState } from 'soapbox/store';
-import { type Account, type Status } from 'soapbox/types/entities';
-import { defaultMediaVisibility, textForScreenReader } from 'soapbox/utils/status';
+import { mentionCompose, replyCompose } from 'soapbox/actions/compose.ts';
+import { favourite, reblog, unfavourite, unreblog } from 'soapbox/actions/interactions.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { hideStatus, revealStatus } from 'soapbox/actions/statuses.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import StatusActionBar from 'soapbox/components/status-action-bar.tsx';
+import Tombstone from 'soapbox/components/tombstone.tsx';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
+import PendingStatus from 'soapbox/features/ui/components/pending-status.tsx';
+import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks/index.ts';
+import { RootState } from 'soapbox/store.ts';
+import { type Account, type Status } from 'soapbox/types/entities.ts';
+import { defaultMediaVisibility, textForScreenReader } from 'soapbox/utils/status.ts';
 
-import DetailedStatus from './detailed-status';
-import ThreadStatus from './thread-status';
+import DetailedStatus from './detailed-status.tsx';
+import ThreadStatus from './thread-status.tsx';
 
 const getAncestorsIds = createSelector([
   (_: RootState, statusId: string | undefined) => statusId,
diff --git a/src/features/status/containers/quoted-status-container.tsx b/src/features/status/containers/quoted-status-container.tsx
index e57b19df5..2ed95f78c 100644
--- a/src/features/status/containers/quoted-status-container.tsx
+++ b/src/features/status/containers/quoted-status-container.tsx
@@ -1,9 +1,9 @@
 import { useCallback } from 'react';
 
-import QuotedStatus from 'soapbox/components/quoted-status';
-import Tombstone from 'soapbox/components/tombstone';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import QuotedStatus from 'soapbox/components/quoted-status.tsx';
+import Tombstone from 'soapbox/components/tombstone.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IQuotedStatusContainer {
   /** Status ID to the quoted status. */
diff --git a/src/features/status/index.tsx b/src/features/status/index.tsx
index 1f07639dc..0d664e456 100644
--- a/src/features/status/index.tsx
+++ b/src/features/status/index.tsx
@@ -6,16 +6,16 @@ import { Redirect } from 'react-router-dom';
 import {
   fetchStatusWithContext,
   fetchNext,
-} from 'soapbox/actions/statuses';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import PullToRefresh from 'soapbox/components/pull-to-refresh';
-import { Column, Stack } from 'soapbox/components/ui';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import { useAppDispatch, useAppSelector, useLoggedIn } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+} from 'soapbox/actions/statuses.ts';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import PullToRefresh from 'soapbox/components/pull-to-refresh.tsx';
+import { Column, Stack } from 'soapbox/components/ui/index.ts';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import { useAppDispatch, useAppSelector, useLoggedIn } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import Thread from './components/thread';
-import ThreadLoginCta from './components/thread-login-cta';
+import ThreadLoginCta from './components/thread-login-cta.tsx';
+import Thread from './components/thread.tsx';
 
 const messages = defineMessages({
   title: { id: 'status.title', defaultMessage: 'Post Details' },
diff --git a/src/features/test-timeline/index.tsx b/src/features/test-timeline/index.tsx
index a321e379e..f56751595 100644
--- a/src/features/test-timeline/index.tsx
+++ b/src/features/test-timeline/index.tsx
@@ -7,13 +7,12 @@ import status4 from 'soapbox/__fixtures__/pleroma-status-with-poll-with-emojis.j
 import status2 from 'soapbox/__fixtures__/pleroma-status-with-poll.json';
 import status1 from 'soapbox/__fixtures__/pleroma-status.json';
 import status6 from 'soapbox/__fixtures__/truthsocial-status-in-moderation.json';
-import { importFetchedStatuses } from 'soapbox/actions/importer';
-import { expandTimelineSuccess } from 'soapbox/actions/timelines';
-import { useAppDispatch, useTheme } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
-
-import { Column } from '../../components/ui';
-import Timeline from '../ui/components/timeline';
+import { importFetchedStatuses } from 'soapbox/actions/importer/index.ts';
+import { expandTimelineSuccess } from 'soapbox/actions/timelines.ts';
+import { Column } from 'soapbox/components/ui/index.ts';
+import Timeline from 'soapbox/features/ui/components/timeline.tsx';
+import { useAppDispatch, useTheme } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
 const messages = defineMessages({
   title: { id: 'column.test', defaultMessage: 'Test timeline' },
diff --git a/src/features/theme-editor/components/color.tsx b/src/features/theme-editor/components/color.tsx
index 0254adf31..04099e2e7 100644
--- a/src/features/theme-editor/components/color.tsx
+++ b/src/features/theme-editor/components/color.tsx
@@ -1,4 +1,4 @@
-import ColorWithPicker from 'soapbox/features/soapbox-config/components/color-with-picker';
+import ColorWithPicker from 'soapbox/features/soapbox-config/components/color-with-picker.tsx';
 
 import type { ColorChangeHandler } from 'react-color';
 
diff --git a/src/features/theme-editor/components/palette.tsx b/src/features/theme-editor/components/palette.tsx
index 82cf1ac70..5033f621e 100644
--- a/src/features/theme-editor/components/palette.tsx
+++ b/src/features/theme-editor/components/palette.tsx
@@ -1,11 +1,11 @@
 import { useEffect, useState } from 'react';
 
-import { HStack, Stack, Slider } from 'soapbox/components/ui';
-import { usePrevious } from 'soapbox/hooks';
-import { compareId } from 'soapbox/utils/comparators';
-import { hueShift } from 'soapbox/utils/theme';
+import { HStack, Stack, Slider } from 'soapbox/components/ui/index.ts';
+import { usePrevious } from 'soapbox/hooks/index.ts';
+import { compareId } from 'soapbox/utils/comparators.ts';
+import { hueShift } from 'soapbox/utils/theme.ts';
 
-import Color from './color';
+import Color from './color.tsx';
 
 interface ColorGroup {
   [tint: string]: string;
diff --git a/src/features/theme-editor/index.tsx b/src/features/theme-editor/index.tsx
index bb534f109..32f0ca536 100644
--- a/src/features/theme-editor/index.tsx
+++ b/src/features/theme-editor/index.tsx
@@ -4,19 +4,19 @@ import uploadIcon from '@tabler/icons/outline/upload.svg';
 import { useRef, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { updateSoapboxConfig } from 'soapbox/actions/admin';
-import { getHost } from 'soapbox/actions/instance';
-import { fetchSoapboxConfig } from 'soapbox/actions/soapbox';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import List, { ListItem } from 'soapbox/components/list';
-import { Button, Column, Form, FormActions } from 'soapbox/components/ui';
-import ColorWithPicker from 'soapbox/features/soapbox-config/components/color-with-picker';
-import { useAppDispatch, useAppSelector, useSoapboxConfig } from 'soapbox/hooks';
-import { normalizeSoapboxConfig } from 'soapbox/normalizers';
-import toast from 'soapbox/toast';
-import { download } from 'soapbox/utils/download';
+import { updateSoapboxConfig } from 'soapbox/actions/admin.ts';
+import { getHost } from 'soapbox/actions/instance.ts';
+import { fetchSoapboxConfig } from 'soapbox/actions/soapbox.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Button, Column, Form, FormActions } from 'soapbox/components/ui/index.ts';
+import ColorWithPicker from 'soapbox/features/soapbox-config/components/color-with-picker.tsx';
+import { useAppDispatch, useAppSelector, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { download } from 'soapbox/utils/download.ts';
 
-import Palette, { ColorGroup } from './components/palette';
+import Palette, { ColorGroup } from './components/palette.tsx';
 
 import type { ColorChangeHandler } from 'react-color';
 
diff --git a/src/features/ui/components/action-button.tsx b/src/features/ui/components/action-button.tsx
index dcceb57db..387d6fe3a 100644
--- a/src/features/ui/components/action-button.tsx
+++ b/src/features/ui/components/action-button.tsx
@@ -9,13 +9,13 @@ import {
   unmuteAccount,
   authorizeFollowRequest,
   rejectFollowRequest,
-} from 'soapbox/actions/accounts';
-import { openModal } from 'soapbox/actions/modals';
-import { useFollow } from 'soapbox/api/hooks';
-import { Button, HStack } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures, useLoggedIn } from 'soapbox/hooks';
+} from 'soapbox/actions/accounts.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useFollow } from 'soapbox/api/hooks/index.ts';
+import { Button, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures, useLoggedIn } from 'soapbox/hooks/index.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   block: { id: 'account.block', defaultMessage: 'Block @{name}' },
diff --git a/src/features/ui/components/column-forbidden.tsx b/src/features/ui/components/column-forbidden.tsx
index b3b9a8fb4..2cd5005c9 100644
--- a/src/features/ui/components/column-forbidden.tsx
+++ b/src/features/ui/components/column-forbidden.tsx
@@ -1,6 +1,6 @@
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Column } from 'soapbox/components/ui';
+import { Column } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   title: { id: 'column_forbidden.title', defaultMessage: 'Forbidden' },
diff --git a/src/features/ui/components/column-loading.tsx b/src/features/ui/components/column-loading.tsx
index b521c4b8a..5b98269cb 100644
--- a/src/features/ui/components/column-loading.tsx
+++ b/src/features/ui/components/column-loading.tsx
@@ -1,4 +1,4 @@
-import { Card, CardBody, Spinner } from 'soapbox/components/ui';
+import { Card, CardBody, Spinner } from 'soapbox/components/ui/index.ts';
 
 const ColumnLoading = () => (
   <Card variant='rounded'>
diff --git a/src/features/ui/components/columns-area.tsx b/src/features/ui/components/columns-area.tsx
index 130ba5541..768884ff2 100644
--- a/src/features/ui/components/columns-area.tsx
+++ b/src/features/ui/components/columns-area.tsx
@@ -1,4 +1,4 @@
-import { Layout } from '../../../components/ui';
+import { Layout } from 'soapbox/components/ui/index.ts';
 
 interface IColumnsArea {
   layout: any;
diff --git a/src/features/ui/components/compose-button.test.tsx b/src/features/ui/components/compose-button.test.tsx
index 6bc1404b9..2ee4fa827 100644
--- a/src/features/ui/components/compose-button.test.tsx
+++ b/src/features/ui/components/compose-button.test.tsx
@@ -4,10 +4,10 @@ import { Provider } from 'react-redux';
 import { MemoryRouter } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
 
-import { MODAL_CLOSE, MODAL_OPEN } from 'soapbox/actions/modals';
-import { mockStore, rootState } from 'soapbox/jest/test-helpers';
+import { MODAL_CLOSE, MODAL_OPEN } from 'soapbox/actions/modals.ts';
+import { mockStore, rootState } from 'soapbox/jest/test-helpers.tsx';
 
-import ComposeButton from './compose-button';
+import ComposeButton from './compose-button.tsx';
 
 const store = mockStore(rootState);
 const renderComposeButton = () => {
diff --git a/src/features/ui/components/compose-button.tsx b/src/features/ui/components/compose-button.tsx
index 97e0865ed..a05d80470 100644
--- a/src/features/ui/components/compose-button.tsx
+++ b/src/features/ui/components/compose-button.tsx
@@ -1,11 +1,11 @@
 import { FormattedMessage } from 'react-intl';
 import { useLocation, useRouteMatch } from 'react-router-dom';
 
-import { groupComposeModal } from 'soapbox/actions/compose';
-import { openModal } from 'soapbox/actions/modals';
-import { useGroupLookup } from 'soapbox/api/hooks';
-import { Avatar, Button, HStack } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { groupComposeModal } from 'soapbox/actions/compose.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useGroupLookup } from 'soapbox/api/hooks/index.ts';
+import { Avatar, Button, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const ComposeButton = () => {
   const location = useLocation();
diff --git a/src/features/ui/components/cta-banner.test.tsx b/src/features/ui/components/cta-banner.test.tsx
index b528c64bb..5d5c4851f 100644
--- a/src/features/ui/components/cta-banner.test.tsx
+++ b/src/features/ui/components/cta-banner.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { storeClosed, storeLoggedIn, storeOpen } from 'soapbox/jest/mock-stores';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { storeClosed, storeLoggedIn, storeOpen } from 'soapbox/jest/mock-stores.tsx';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import CtaBanner from './cta-banner';
+import CtaBanner from './cta-banner.tsx';
 
 describe('<CtaBanner />', () => {
   it('renders the banner', () => {
diff --git a/src/features/ui/components/cta-banner.tsx b/src/features/ui/components/cta-banner.tsx
index 050390bdd..36914fcd5 100644
--- a/src/features/ui/components/cta-banner.tsx
+++ b/src/features/ui/components/cta-banner.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Banner, Button, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useAppSelector, useInstance, useRegistrationStatus, useSoapboxConfig } from 'soapbox/hooks';
+import { Banner, Button, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useInstance, useRegistrationStatus, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 const CtaBanner = () => {
   const { instance } = useInstance();
diff --git a/src/features/ui/components/error-column.tsx b/src/features/ui/components/error-column.tsx
index de3abdad8..4082eaee4 100644
--- a/src/features/ui/components/error-column.tsx
+++ b/src/features/ui/components/error-column.tsx
@@ -1,8 +1,8 @@
 import refreshIcon from '@tabler/icons/outline/refresh.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Column, Stack, Text, IconButton } from 'soapbox/components/ui';
-import { isNetworkError } from 'soapbox/utils/errors';
+import { Column, Stack, Text, IconButton } from 'soapbox/components/ui/index.ts';
+import { isNetworkError } from 'soapbox/utils/errors.ts';
 
 const messages = defineMessages({
   title: { id: 'bundle_column_error.title', defaultMessage: 'Network error' },
diff --git a/src/features/ui/components/floating-action-button.tsx b/src/features/ui/components/floating-action-button.tsx
index 0c0236029..6703c2590 100644
--- a/src/features/ui/components/floating-action-button.tsx
+++ b/src/features/ui/components/floating-action-button.tsx
@@ -3,11 +3,11 @@ import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 import { useLocation, useRouteMatch } from 'react-router-dom';
 
-import { groupComposeModal } from 'soapbox/actions/compose';
-import { openModal } from 'soapbox/actions/modals';
-import { useGroupLookup } from 'soapbox/api/hooks';
-import { Avatar, HStack, Icon } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { groupComposeModal } from 'soapbox/actions/compose.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { useGroupLookup } from 'soapbox/api/hooks/index.ts';
+import { Avatar, HStack, Icon } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   publish: { id: 'compose_form.publish', defaultMessage: 'Post' },
diff --git a/src/features/ui/components/funding-panel.tsx b/src/features/ui/components/funding-panel.tsx
index f86e5bde1..b507d966b 100644
--- a/src/features/ui/components/funding-panel.tsx
+++ b/src/features/ui/components/funding-panel.tsx
@@ -1,9 +1,9 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchPatronInstance } from 'soapbox/actions/patron';
-import { Widget, Button, ProgressBar, Text, Stack } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { fetchPatronInstance } from 'soapbox/actions/patron.ts';
+import { Widget, Button, ProgressBar, Text, Stack } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 /** Open link in a new tab. */
 // https://stackoverflow.com/a/28374344/8811886
diff --git a/src/features/ui/components/group-media-panel.tsx b/src/features/ui/components/group-media-panel.tsx
index deb3ff91b..697c657e8 100644
--- a/src/features/ui/components/group-media-panel.tsx
+++ b/src/features/ui/components/group-media-panel.tsx
@@ -2,15 +2,15 @@ import { List as ImmutableList } from 'immutable';
 import { useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { expandGroupMediaTimeline } from 'soapbox/actions/timelines';
-import { Spinner, Text, Widget } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { getGroupGallery } from 'soapbox/selectors';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { expandGroupMediaTimeline } from 'soapbox/actions/timelines.ts';
+import { Spinner, Text, Widget } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { getGroupGallery } from 'soapbox/selectors/index.ts';
 
-import MediaItem from '../../account-gallery/components/media-item';
+import MediaItem from '../../account-gallery/components/media-item.tsx';
 
-import type { Attachment, Group } from 'soapbox/types/entities';
+import type { Attachment, Group } from 'soapbox/types/entities.ts';
 
 interface IGroupMediaPanel {
   group?: Group;
diff --git a/src/features/ui/components/image-loader.tsx b/src/features/ui/components/image-loader.tsx
index ef689a134..1426dc3d0 100644
--- a/src/features/ui/components/image-loader.tsx
+++ b/src/features/ui/components/image-loader.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { PureComponent } from 'react';
 
-import ZoomableImage from './zoomable-image';
+import ZoomableImage from './zoomable-image.tsx';
 
 type EventRemover = () => void;
 
diff --git a/src/features/ui/components/instance-info-panel.tsx b/src/features/ui/components/instance-info-panel.tsx
index ea8825d81..a0af3e959 100644
--- a/src/features/ui/components/instance-info-panel.tsx
+++ b/src/features/ui/components/instance-info-panel.tsx
@@ -2,10 +2,10 @@ import pinIcon from '@tabler/icons/outline/pin.svg';
 import pinnedOffIcon from '@tabler/icons/outline/pinned-off.svg';
 import { useIntl, defineMessages } from 'react-intl';
 
-import { pinHost, unpinHost } from 'soapbox/actions/remote-timeline';
-import { Widget } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch, useSettings } from 'soapbox/hooks';
-import { makeGetRemoteInstance } from 'soapbox/selectors';
+import { pinHost, unpinHost } from 'soapbox/actions/remote-timeline.ts';
+import { Widget } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
+import { makeGetRemoteInstance } from 'soapbox/selectors/index.ts';
 
 const getRemoteInstance = makeGetRemoteInstance();
 
diff --git a/src/features/ui/components/instance-moderation-panel.tsx b/src/features/ui/components/instance-moderation-panel.tsx
index d49d77dc4..5e5bca2fc 100644
--- a/src/features/ui/components/instance-moderation-panel.tsx
+++ b/src/features/ui/components/instance-moderation-panel.tsx
@@ -2,12 +2,12 @@ import dotsVerticalIcon from '@tabler/icons/outline/dots-vertical.svg';
 import editIcon from '@tabler/icons/outline/edit.svg';
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import DropdownMenu from 'soapbox/components/dropdown-menu';
-import { Widget } from 'soapbox/components/ui';
-import InstanceRestrictions from 'soapbox/features/federation-restrictions/components/instance-restrictions';
-import { useAppSelector, useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import { makeGetRemoteInstance } from 'soapbox/selectors';
+import { openModal } from 'soapbox/actions/modals.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import { Widget } from 'soapbox/components/ui/index.ts';
+import InstanceRestrictions from 'soapbox/features/federation-restrictions/components/instance-restrictions.tsx';
+import { useAppSelector, useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { makeGetRemoteInstance } from 'soapbox/selectors/index.ts';
 
 const getRemoteInstance = makeGetRemoteInstance();
 
diff --git a/src/features/ui/components/link-footer.tsx b/src/features/ui/components/link-footer.tsx
index 15bf26e8f..28e9156a0 100644
--- a/src/features/ui/components/link-footer.tsx
+++ b/src/features/ui/components/link-footer.tsx
@@ -2,11 +2,11 @@ import clsx from 'clsx';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { logOut } from 'soapbox/actions/auth';
-import { Text } from 'soapbox/components/ui';
-import emojify from 'soapbox/features/emoji';
-import { useSoapboxConfig, useOwnAccount, useFeatures, useAppDispatch } from 'soapbox/hooks';
-import sourceCode from 'soapbox/utils/code';
+import { logOut } from 'soapbox/actions/auth.ts';
+import { Text } from 'soapbox/components/ui/index.ts';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { useSoapboxConfig, useOwnAccount, useFeatures, useAppDispatch } from 'soapbox/hooks/index.ts';
+import sourceCode from 'soapbox/utils/code.ts';
 
 interface IFooterLink {
   to: string;
diff --git a/src/features/ui/components/modal-loading.tsx b/src/features/ui/components/modal-loading.tsx
index 8308a2b4f..70de31f7d 100644
--- a/src/features/ui/components/modal-loading.tsx
+++ b/src/features/ui/components/modal-loading.tsx
@@ -1,4 +1,4 @@
-import { Modal, Spinner } from 'soapbox/components/ui';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
 
 const ModalLoading = () => (
   <Modal>
diff --git a/src/features/ui/components/modal-root.tsx b/src/features/ui/components/modal-root.tsx
index cadc90cff..5eff12842 100644
--- a/src/features/ui/components/modal-root.tsx
+++ b/src/features/ui/components/modal-root.tsx
@@ -1,6 +1,6 @@
 import { PureComponent, Suspense } from 'react';
 
-import Base from 'soapbox/components/modal-root';
+import Base from 'soapbox/components/modal-root.tsx';
 import {
   AccountModerationModal,
   ActionsModal,
@@ -47,9 +47,9 @@ import {
   ZapInvoiceModal,
   ZapsModal,
   CaptchaModal,
-} from 'soapbox/features/ui/util/async-components';
+} from 'soapbox/features/ui/util/async-components.ts';
 
-import ModalLoading from './modal-loading';
+import ModalLoading from './modal-loading.tsx';
 
 /* eslint sort-keys: "error" */
 const MODAL_COMPONENTS: Record<string, React.ExoticComponent<any>> = {
diff --git a/src/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx b/src/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx
index 98e7337ff..e2f89d34d 100644
--- a/src/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx
+++ b/src/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx
@@ -2,21 +2,21 @@ import externalLinkIcon from '@tabler/icons/outline/external-link.svg';
 import { ChangeEventHandler, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { revokeName, setBadges as saveBadges } from 'soapbox/actions/admin';
-import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation';
-import { useAccount } from 'soapbox/api/hooks';
-import { useSuggest, useVerify } from 'soapbox/api/hooks/admin';
-import Account from 'soapbox/components/account';
-import List, { ListItem } from 'soapbox/components/list';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import OutlineBox from 'soapbox/components/outline-box';
-import { Button, Text, HStack, Modal, Stack, Toggle } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures, useOwnAccount } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
-import { getBadges } from 'soapbox/utils/badges';
+import { revokeName, setBadges as saveBadges } from 'soapbox/actions/admin.ts';
+import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation.tsx';
+import { useSuggest, useVerify } from 'soapbox/api/hooks/admin/index.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import Account from 'soapbox/components/account.tsx';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import OutlineBox from 'soapbox/components/outline-box.tsx';
+import { Button, Text, HStack, Modal, Stack, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { getBadges } from 'soapbox/utils/badges.ts';
 
-import BadgeInput from './badge-input';
-import StaffRolePicker from './staff-role-picker';
+import BadgeInput from './badge-input.tsx';
+import StaffRolePicker from './staff-role-picker.tsx';
 
 const messages = defineMessages({
   userVerified: { id: 'admin.users.user_verified_message', defaultMessage: '@{acct} was verified' },
diff --git a/src/features/ui/components/modals/account-moderation-modal/badge-input.tsx b/src/features/ui/components/modals/account-moderation-modal/badge-input.tsx
index 4c6e9b5f4..de5347336 100644
--- a/src/features/ui/components/modals/account-moderation-modal/badge-input.tsx
+++ b/src/features/ui/components/modals/account-moderation-modal/badge-input.tsx
@@ -1,7 +1,7 @@
 import { useIntl, defineMessages } from 'react-intl';
 
-import { TagInput } from 'soapbox/components/ui';
-import { badgeToTag, tagToBadge } from 'soapbox/utils/badges';
+import { TagInput } from 'soapbox/components/ui/index.ts';
+import { badgeToTag, tagToBadge } from 'soapbox/utils/badges.ts';
 
 const messages = defineMessages({
   placeholder: { id: 'badge_input.placeholder', defaultMessage: 'Enter a badge…' },
diff --git a/src/features/ui/components/modals/account-moderation-modal/staff-role-picker.tsx b/src/features/ui/components/modals/account-moderation-modal/staff-role-picker.tsx
index ce8792578..150fae4bf 100644
--- a/src/features/ui/components/modals/account-moderation-modal/staff-role-picker.tsx
+++ b/src/features/ui/components/modals/account-moderation-modal/staff-role-picker.tsx
@@ -1,12 +1,12 @@
 import { useMemo } from 'react';
 import { defineMessages, MessageDescriptor, useIntl } from 'react-intl';
 
-import { setRole } from 'soapbox/actions/admin';
-import { SelectDropdown } from 'soapbox/features/forms';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { setRole } from 'soapbox/actions/admin.ts';
+import { SelectDropdown } from 'soapbox/features/forms/index.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { Account as AccountEntity } from 'soapbox/schemas';
+import type { Account as AccountEntity } from 'soapbox/schemas/index.ts';
 
 /** Staff role. */
 type AccountRole = 'user' | 'moderator' | 'admin';
diff --git a/src/features/ui/components/modals/actions-modal.tsx b/src/features/ui/components/modals/actions-modal.tsx
index f908187d5..071cc03ce 100644
--- a/src/features/ui/components/modals/actions-modal.tsx
+++ b/src/features/ui/components/modals/actions-modal.tsx
@@ -2,14 +2,14 @@ import clsx from 'clsx';
 import { FormattedMessage } from 'react-intl';
 import { spring } from 'react-motion';
 
-import Icon from 'soapbox/components/icon';
-import { HStack } from 'soapbox/components/ui';
-import ReplyIndicator from 'soapbox/features/compose/components/reply-indicator';
+import Icon from 'soapbox/components/icon.tsx';
+import { HStack } from 'soapbox/components/ui/index.ts';
+import ReplyIndicator from 'soapbox/features/compose/components/reply-indicator.tsx';
 
-import Motion from '../../util/optional-motion';
+import Motion from '../../util/optional-motion.tsx';
 
-import type { Menu, MenuItem } from 'soapbox/components/dropdown-menu';
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Menu, MenuItem } from 'soapbox/components/dropdown-menu/index.ts';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface IActionsModal {
   status: StatusEntity;
diff --git a/src/features/ui/components/modals/birthdays-modal.tsx b/src/features/ui/components/modals/birthdays-modal.tsx
index 4ae9de257..b8891e9f3 100644
--- a/src/features/ui/components/modals/birthdays-modal.tsx
+++ b/src/features/ui/components/modals/birthdays-modal.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import Account from 'soapbox/features/birthdays/account';
-import { useAppSelector } from 'soapbox/hooks';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import Account from 'soapbox/features/birthdays/account.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IBirthdaysModal {
   onClose: (string: string) => void;
diff --git a/src/features/ui/components/modals/boost-modal.tsx b/src/features/ui/components/modals/boost-modal.tsx
index 031295fb3..88f5f791f 100644
--- a/src/features/ui/components/modals/boost-modal.tsx
+++ b/src/features/ui/components/modals/boost-modal.tsx
@@ -1,11 +1,11 @@
 import repeatIcon from '@tabler/icons/outline/repeat.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
-import { Modal, Stack, Text } from 'soapbox/components/ui';
-import ReplyIndicator from 'soapbox/features/compose/components/reply-indicator';
+import Icon from 'soapbox/components/icon.tsx';
+import { Modal, Stack, Text } from 'soapbox/components/ui/index.ts';
+import ReplyIndicator from 'soapbox/features/compose/components/reply-indicator.tsx';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   cancel_reblog: { id: 'status.cancel_reblog_private', defaultMessage: 'Un-repost' },
diff --git a/src/features/ui/components/modals/captcha-modal/captcha-modal.tsx b/src/features/ui/components/modals/captcha-modal/captcha-modal.tsx
index 32f5d280a..749c58824 100644
--- a/src/features/ui/components/modals/captcha-modal/captcha-modal.tsx
+++ b/src/features/ui/components/modals/captcha-modal/captcha-modal.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 
-import useCaptcha from 'soapbox/api/hooks/captcha/useCaptcha';
-import { Modal, Button, Spinner, Stack, Text } from 'soapbox/components/ui';
+import useCaptcha from 'soapbox/api/hooks/captcha/useCaptcha.ts';
+import { Modal, Button, Spinner, Stack, Text } from 'soapbox/components/ui/index.ts';
 
-import { PuzzleCaptcha } from './components/puzzle';
+import { PuzzleCaptcha } from './components/puzzle.tsx';
 
 interface ICaptchaModal {
   onClose: (type?: string) => void;
diff --git a/src/features/ui/components/modals/compare-history-modal.tsx b/src/features/ui/components/modals/compare-history-modal.tsx
index 6b351f624..2f0a3b561 100644
--- a/src/features/ui/components/modals/compare-history-modal.tsx
+++ b/src/features/ui/components/modals/compare-history-modal.tsx
@@ -3,12 +3,12 @@ import { List as ImmutableList } from 'immutable';
 import { useEffect } from 'react';
 import { FormattedDate, FormattedMessage } from 'react-intl';
 
-import { fetchHistory } from 'soapbox/actions/history';
-import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
-import { HStack, Modal, Spinner, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchHistory } from 'soapbox/actions/history.ts';
+import AttachmentThumbs from 'soapbox/components/attachment-thumbs.tsx';
+import { HStack, Modal, Spinner, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import type { StatusEdit as StatusEditEntity } from 'soapbox/types/entities';
+import type { StatusEdit as StatusEditEntity } from 'soapbox/types/entities.ts';
 
 interface ICompareHistoryModal {
   onClose: (string: string) => void;
diff --git a/src/features/ui/components/modals/component-modal.tsx b/src/features/ui/components/modals/component-modal.tsx
index dbcb2423e..87f5aeea6 100644
--- a/src/features/ui/components/modals/component-modal.tsx
+++ b/src/features/ui/components/modals/component-modal.tsx
@@ -1,4 +1,4 @@
-import { Modal } from 'soapbox/components/ui';
+import { Modal } from 'soapbox/components/ui/index.ts';
 
 interface IComponentModal {
   onClose: (type?: string) => void;
diff --git a/src/features/ui/components/modals/compose-event-modal/compose-event-modal.tsx b/src/features/ui/components/modals/compose-event-modal/compose-event-modal.tsx
index a7da9c968..58816fa55 100644
--- a/src/features/ui/components/modals/compose-event-modal/compose-event-modal.tsx
+++ b/src/features/ui/components/modals/compose-event-modal/compose-event-modal.tsx
@@ -19,18 +19,18 @@ import {
   rejectEventParticipationRequest,
   authorizeEventParticipationRequest,
   cancelEventCompose,
-} from 'soapbox/actions/events';
-import { closeModal, openModal } from 'soapbox/actions/modals';
-import { ADDRESS_ICONS } from 'soapbox/components/autosuggest-location';
-import LocationSearch from 'soapbox/components/location-search';
-import { checkEventComposeContent } from 'soapbox/components/modal-root';
-import { Button, Form, FormGroup, HStack, Icon, IconButton, Input, Modal, Spinner, Stack, Tabs, Text, Toggle } from 'soapbox/components/ui';
-import { Datetime } from 'soapbox/components/ui/datetime/datetime';
-import AccountContainer from 'soapbox/containers/account-container';
-import { ComposeEditor } from 'soapbox/features/ui/util/async-components';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+} from 'soapbox/actions/events.ts';
+import { closeModal, openModal } from 'soapbox/actions/modals.ts';
+import { ADDRESS_ICONS } from 'soapbox/components/autosuggest-location.tsx';
+import LocationSearch from 'soapbox/components/location-search.tsx';
+import { checkEventComposeContent } from 'soapbox/components/modal-root.tsx';
+import { Datetime } from 'soapbox/components/ui/datetime/datetime.tsx';
+import { Button, Form, FormGroup, HStack, Icon, IconButton, Input, Modal, Spinner, Stack, Tabs, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { ComposeEditor } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
-import UploadButton from './upload-button';
+import UploadButton from './upload-button.tsx';
 
 const messages = defineMessages({
   eventNamePlaceholder: { id: 'compose_event.fields.name_placeholder', defaultMessage: 'Name' },
diff --git a/src/features/ui/components/modals/compose-event-modal/upload-button.tsx b/src/features/ui/components/modals/compose-event-modal/upload-button.tsx
index 6aefcf341..c8cb5f5d8 100644
--- a/src/features/ui/components/modals/compose-event-modal/upload-button.tsx
+++ b/src/features/ui/components/modals/compose-event-modal/upload-button.tsx
@@ -2,9 +2,9 @@ import photoPlusIcon from '@tabler/icons/outline/photo-plus.svg';
 import { useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import Icon from 'soapbox/components/icon';
-import { HStack, Text } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
+import Icon from 'soapbox/components/icon.tsx';
+import { HStack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IUploadButton {
   disabled?: boolean;
diff --git a/src/features/ui/components/modals/compose-modal.tsx b/src/features/ui/components/modals/compose-modal.tsx
index 52202d394..b6b42de07 100644
--- a/src/features/ui/components/modals/compose-modal.tsx
+++ b/src/features/ui/components/modals/compose-modal.tsx
@@ -3,14 +3,14 @@ import clsx from 'clsx';
 import { useRef } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { cancelReplyCompose, setGroupTimelineVisible, uploadCompose } from 'soapbox/actions/compose';
-import { openModal, closeModal } from 'soapbox/actions/modals';
-import { useGroup } from 'soapbox/api/hooks';
-import { checkComposeContent } from 'soapbox/components/modal-root';
-import { HStack, Modal, Text, Toggle } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useCompose, useDraggedFiles } from 'soapbox/hooks';
+import { cancelReplyCompose, setGroupTimelineVisible, uploadCompose } from 'soapbox/actions/compose.ts';
+import { openModal, closeModal } from 'soapbox/actions/modals.ts';
+import { useGroup } from 'soapbox/api/hooks/index.ts';
+import { checkComposeContent } from 'soapbox/components/modal-root.tsx';
+import { HStack, Modal, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useCompose, useDraggedFiles } from 'soapbox/hooks/index.ts';
 
-import ComposeForm from '../../../compose/components/compose-form';
+import ComposeForm from '../../../compose/components/compose-form.tsx';
 
 const messages = defineMessages({
   confirm: { id: 'confirmations.cancel.confirm', defaultMessage: 'Discard' },
diff --git a/src/features/ui/components/modals/confirmation-modal.tsx b/src/features/ui/components/modals/confirmation-modal.tsx
index ac4b0f93d..420060f99 100644
--- a/src/features/ui/components/modals/confirmation-modal.tsx
+++ b/src/features/ui/components/modals/confirmation-modal.tsx
@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import List, { ListItem } from 'soapbox/components/list';
-import { Modal, Stack, Text, Toggle } from 'soapbox/components/ui';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Modal, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
 
-import type { ButtonThemes } from 'soapbox/components/ui/button/useButtonStyles';
+import type { ButtonThemes } from 'soapbox/components/ui/button/useButtonStyles.tsx';
 
 interface IConfirmationModal {
   heading: React.ReactNode;
diff --git a/src/features/ui/components/modals/crypto-donate-modal.tsx b/src/features/ui/components/modals/crypto-donate-modal.tsx
index 413db184c..7958b227c 100644
--- a/src/features/ui/components/modals/crypto-donate-modal.tsx
+++ b/src/features/ui/components/modals/crypto-donate-modal.tsx
@@ -1,7 +1,7 @@
-import { Modal } from 'soapbox/components/ui';
-import DetailedCryptoAddress from 'soapbox/features/crypto-donate/components/detailed-crypto-address';
+import { Modal } from 'soapbox/components/ui/index.ts';
+import DetailedCryptoAddress from 'soapbox/features/crypto-donate/components/detailed-crypto-address.tsx';
 
-import type { ICryptoAddress } from '../../../crypto-donate/components/crypto-address';
+import type { ICryptoAddress } from '../../../crypto-donate/components/crypto-address.tsx';
 
 const CryptoDonateModal: React.FC<ICryptoAddress & { onClose: () => void }> = ({ onClose, ...props }) => {
 
diff --git a/src/features/ui/components/modals/dislikes-modal.tsx b/src/features/ui/components/modals/dislikes-modal.tsx
index 52778b131..ef0b24644 100644
--- a/src/features/ui/components/modals/dislikes-modal.tsx
+++ b/src/features/ui/components/modals/dislikes-modal.tsx
@@ -1,11 +1,11 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchDislikes } from 'soapbox/actions/interactions';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchDislikes } from 'soapbox/actions/interactions.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IDislikesModal {
   onClose: (type: string) => void;
diff --git a/src/features/ui/components/modals/edit-announcement-modal.tsx b/src/features/ui/components/modals/edit-announcement-modal.tsx
index ebc4059e9..a96356281 100644
--- a/src/features/ui/components/modals/edit-announcement-modal.tsx
+++ b/src/features/ui/components/modals/edit-announcement-modal.tsx
@@ -1,14 +1,14 @@
 import { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { closeModal } from 'soapbox/actions/modals';
-import { useAnnouncements } from 'soapbox/api/hooks/admin/useAnnouncements';
-import { Form, FormGroup, HStack, Modal, Stack, Text, Textarea, Toggle } from 'soapbox/components/ui';
-import { Datetime } from 'soapbox/components/ui/datetime/datetime';
-import { useAppDispatch } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { useAnnouncements } from 'soapbox/api/hooks/admin/useAnnouncements.ts';
+import { Datetime } from 'soapbox/components/ui/datetime/datetime.tsx';
+import { Form, FormGroup, HStack, Modal, Stack, Text, Textarea, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { AdminAnnouncement } from 'soapbox/schemas';
+import type { AdminAnnouncement } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   save: { id: 'admin.edit_announcement.save', defaultMessage: 'Save' },
diff --git a/src/features/ui/components/modals/edit-bookmark-folder-modal.tsx b/src/features/ui/components/modals/edit-bookmark-folder-modal.tsx
index a01452bf0..9e4d75686 100644
--- a/src/features/ui/components/modals/edit-bookmark-folder-modal.tsx
+++ b/src/features/ui/components/modals/edit-bookmark-folder-modal.tsx
@@ -4,16 +4,16 @@ import { useState } from 'react';
 import { createPortal } from 'react-dom';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { closeModal } from 'soapbox/actions/modals';
-import { useBookmarkFolder, useUpdateBookmarkFolder } from 'soapbox/api/hooks';
-import { Emoji, HStack, Icon, Input, Modal } from 'soapbox/components/ui';
-import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown';
-import { messages as emojiMessages } from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container';
-import { useAppDispatch, useClickOutside } from 'soapbox/hooks';
-import { useTextField } from 'soapbox/hooks/forms';
-import toast from 'soapbox/toast';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { useBookmarkFolder, useUpdateBookmarkFolder } from 'soapbox/api/hooks/index.ts';
+import { Emoji, HStack, Icon, Input, Modal } from 'soapbox/components/ui/index.ts';
+import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown.tsx';
+import { messages as emojiMessages } from 'soapbox/features/emoji/containers/emoji-picker-dropdown-container.tsx';
+import { useTextField } from 'soapbox/hooks/forms/index.ts';
+import { useAppDispatch, useClickOutside } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { Emoji as EmojiType } from 'soapbox/features/emoji';
+import type { Emoji as EmojiType } from 'soapbox/features/emoji/index.ts';
 
 const messages = defineMessages({
   label: { id: 'bookmark_folders.new.title_placeholder', defaultMessage: 'New folder title' },
diff --git a/src/features/ui/components/modals/edit-domain-modal.tsx b/src/features/ui/components/modals/edit-domain-modal.tsx
index 15274987e..5db681285 100644
--- a/src/features/ui/components/modals/edit-domain-modal.tsx
+++ b/src/features/ui/components/modals/edit-domain-modal.tsx
@@ -1,12 +1,12 @@
 import { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { closeModal } from 'soapbox/actions/modals';
-import { useDomains } from 'soapbox/api/hooks/admin';
-import { Form, FormGroup, HStack, Input, Modal, Stack, Text, Toggle } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import { Domain } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { useDomains } from 'soapbox/api/hooks/admin/index.ts';
+import { Form, FormGroup, HStack, Input, Modal, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { Domain } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   save: { id: 'admin.edit_domain.save', defaultMessage: 'Save' },
diff --git a/src/features/ui/components/modals/edit-federation-modal.tsx b/src/features/ui/components/modals/edit-federation-modal.tsx
index a3d535278..4109ded33 100644
--- a/src/features/ui/components/modals/edit-federation-modal.tsx
+++ b/src/features/ui/components/modals/edit-federation-modal.tsx
@@ -1,12 +1,12 @@
 import { useState, useEffect, useCallback } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { updateMrf } from 'soapbox/actions/mrf';
-import List, { ListItem } from 'soapbox/components/list';
-import { Modal, Toggle } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
-import { makeGetRemoteInstance } from 'soapbox/selectors';
-import toast from 'soapbox/toast';
+import { updateMrf } from 'soapbox/actions/mrf.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Modal, Toggle } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { makeGetRemoteInstance } from 'soapbox/selectors/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   mediaRemoval: { id: 'edit_federation.media_removal', defaultMessage: 'Strip media' },
diff --git a/src/features/ui/components/modals/edit-rule-modal.tsx b/src/features/ui/components/modals/edit-rule-modal.tsx
index 08e9dc051..c06f29a72 100644
--- a/src/features/ui/components/modals/edit-rule-modal.tsx
+++ b/src/features/ui/components/modals/edit-rule-modal.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { useRules } from 'soapbox/api/hooks/admin';
-import { Form, FormGroup, Input, Modal } from 'soapbox/components/ui';
-import { useTextField } from 'soapbox/hooks/forms';
-import { type AdminRule } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
+import { useRules } from 'soapbox/api/hooks/admin/index.ts';
+import { Form, FormGroup, Input, Modal } from 'soapbox/components/ui/index.ts';
+import { useTextField } from 'soapbox/hooks/forms/index.ts';
+import { type AdminRule } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   save: { id: 'admin.edit_rule.save', defaultMessage: 'Save' },
diff --git a/src/features/ui/components/modals/embed-modal.tsx b/src/features/ui/components/modals/embed-modal.tsx
index c79d9d45c..4af30118b 100644
--- a/src/features/ui/components/modals/embed-modal.tsx
+++ b/src/features/ui/components/modals/embed-modal.tsx
@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { closeModal } from 'soapbox/actions/modals';
-import CopyableInput from 'soapbox/components/copyable-input';
-import SafeEmbed from 'soapbox/components/safe-embed';
-import { Modal, Stack, Text, Divider } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
-import useEmbed from 'soapbox/queries/embed';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import SafeEmbed from 'soapbox/components/safe-embed.tsx';
+import { Modal, Stack, Text, Divider } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import useEmbed from 'soapbox/queries/embed.ts';
 
 interface IEmbedModal {
   url: string;
diff --git a/src/features/ui/components/modals/event-map-modal.tsx b/src/features/ui/components/modals/event-map-modal.tsx
index d1f114192..3a441f867 100644
--- a/src/features/ui/components/modals/event-map-modal.tsx
+++ b/src/features/ui/components/modals/event-map-modal.tsx
@@ -6,11 +6,11 @@ import shadowUrl from 'leaflet/dist/images/marker-shadow.png';
 import { useCallback, useEffect, useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Button, Modal, Stack } from 'soapbox/components/ui';
-import { useAppSelector, useSoapboxConfig } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import { Button, Modal, Stack } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 import 'leaflet/dist/leaflet.css';
 
diff --git a/src/features/ui/components/modals/event-participants-modal.tsx b/src/features/ui/components/modals/event-participants-modal.tsx
index 44c825b35..5af21c04d 100644
--- a/src/features/ui/components/modals/event-participants-modal.tsx
+++ b/src/features/ui/components/modals/event-participants-modal.tsx
@@ -1,11 +1,11 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchEventParticipations } from 'soapbox/actions/events';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchEventParticipations } from 'soapbox/actions/events.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IEventParticipantsModal {
   onClose: (type: string) => void;
diff --git a/src/features/ui/components/modals/familiar-followers-modal.tsx b/src/features/ui/components/modals/familiar-followers-modal.tsx
index c249b83ef..f45fe7fcc 100644
--- a/src/features/ui/components/modals/familiar-followers-modal.tsx
+++ b/src/features/ui/components/modals/familiar-followers-modal.tsx
@@ -1,11 +1,11 @@
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { FormattedMessage } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppSelector } from 'soapbox/hooks';
-import { makeGetAccount } from 'soapbox/selectors';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetAccount } from 'soapbox/selectors/index.ts';
 
 const getAccount = makeGetAccount();
 
diff --git a/src/features/ui/components/modals/favourites-modal.tsx b/src/features/ui/components/modals/favourites-modal.tsx
index ae8eb6e28..cb72bdf4e 100644
--- a/src/features/ui/components/modals/favourites-modal.tsx
+++ b/src/features/ui/components/modals/favourites-modal.tsx
@@ -1,11 +1,11 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchFavourites, expandFavourites } from 'soapbox/actions/interactions';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchFavourites, expandFavourites } from 'soapbox/actions/interactions.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IFavouritesModal {
   onClose: (type: string) => void;
diff --git a/src/features/ui/components/modals/hotkeys-modal.tsx b/src/features/ui/components/modals/hotkeys-modal.tsx
index 057e54ad3..6413a69f9 100644
--- a/src/features/ui/components/modals/hotkeys-modal.tsx
+++ b/src/features/ui/components/modals/hotkeys-modal.tsx
@@ -1,7 +1,7 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Modal } from 'soapbox/components/ui';
-import { useFeatures } from 'soapbox/hooks';
+import { Modal } from 'soapbox/components/ui/index.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
 
 interface IHotkeysModal {
   onClose: () => void;
diff --git a/src/features/ui/components/modals/join-event-modal.tsx b/src/features/ui/components/modals/join-event-modal.tsx
index 553b9b7de..1b35a40c6 100644
--- a/src/features/ui/components/modals/join-event-modal.tsx
+++ b/src/features/ui/components/modals/join-event-modal.tsx
@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { joinEvent } from 'soapbox/actions/events';
-import { closeModal } from 'soapbox/actions/modals';
-import { FormGroup, Modal, Textarea } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { joinEvent } from 'soapbox/actions/events.ts';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { FormGroup, Modal, Textarea } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   hint: { id: 'join_event.hint', defaultMessage: 'You can tell the organizer why do you want to participate in this event:' },
diff --git a/src/features/ui/components/modals/landing-page-modal.test.tsx b/src/features/ui/components/modals/landing-page-modal.test.tsx
index 650c276f2..ef146b862 100644
--- a/src/features/ui/components/modals/landing-page-modal.test.tsx
+++ b/src/features/ui/components/modals/landing-page-modal.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { storeOpen } from 'soapbox/jest/mock-stores';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { storeOpen } from 'soapbox/jest/mock-stores.tsx';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import LandingPageModal from './landing-page-modal';
+import LandingPageModal from './landing-page-modal.tsx';
 
 describe('<LandingPageModal />', () => {
   it('successfully renders', () => {
diff --git a/src/features/ui/components/modals/landing-page-modal.tsx b/src/features/ui/components/modals/landing-page-modal.tsx
index 076624ad3..d68f7b9e5 100644
--- a/src/features/ui/components/modals/landing-page-modal.tsx
+++ b/src/features/ui/components/modals/landing-page-modal.tsx
@@ -2,9 +2,9 @@ import lifebuoyIcon from '@tabler/icons/outline/lifebuoy.svg';
 import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 
-import SiteLogo from 'soapbox/components/site-logo';
-import { Text, Button, Icon, Modal } from 'soapbox/components/ui';
-import { useRegistrationStatus, useSoapboxConfig } from 'soapbox/hooks';
+import SiteLogo from 'soapbox/components/site-logo.tsx';
+import { Text, Button, Icon, Modal } from 'soapbox/components/ui/index.ts';
+import { useRegistrationStatus, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 const messages = defineMessages({
   download: { id: 'landing_page_modal.download', defaultMessage: 'Download' },
diff --git a/src/features/ui/components/modals/manage-group-modal/create-group-modal.tsx b/src/features/ui/components/modals/manage-group-modal/create-group-modal.tsx
index bbb8601bd..b91cae5a6 100644
--- a/src/features/ui/components/modals/manage-group-modal/create-group-modal.tsx
+++ b/src/features/ui/components/modals/manage-group-modal/create-group-modal.tsx
@@ -2,16 +2,16 @@ import { useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { z } from 'zod';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { useCreateGroup, useGroupValidation, type CreateGroupParams } from 'soapbox/api/hooks';
-import { Modal, Stack } from 'soapbox/components/ui';
-import { useDebounce } from 'soapbox/hooks';
-import { type Group } from 'soapbox/schemas';
-import toast from 'soapbox/toast';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { useCreateGroup, useGroupValidation, type CreateGroupParams } from 'soapbox/api/hooks/index.ts';
+import { Modal, Stack } from 'soapbox/components/ui/index.ts';
+import { useDebounce } from 'soapbox/hooks/index.ts';
+import { type Group } from 'soapbox/schemas/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import ConfirmationStep from './steps/confirmation-step';
-import DetailsStep from './steps/details-step';
-import PrivacyStep from './steps/privacy-step';
+import ConfirmationStep from './steps/confirmation-step.tsx';
+import DetailsStep from './steps/details-step.tsx';
+import PrivacyStep from './steps/privacy-step.tsx';
 
 const messages = defineMessages({
   next: { id: 'manage_group.next', defaultMessage: 'Next' },
diff --git a/src/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx b/src/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx
index 74a7f353c..9f829ef25 100644
--- a/src/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx
+++ b/src/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx
@@ -2,11 +2,11 @@ import linkIcon from '@tabler/icons/outline/link.svg';
 import shareIcon from '@tabler/icons/outline/share.svg';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { Avatar, Divider, HStack, Stack, Text, Button } from 'soapbox/components/ui';
-import toast from 'soapbox/toast';
-import copy from 'soapbox/utils/copy';
+import { Avatar, Divider, HStack, Stack, Text, Button } from 'soapbox/components/ui/index.ts';
+import toast from 'soapbox/toast.tsx';
+import copy from 'soapbox/utils/copy.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 interface IConfirmationStep {
   group: Group | null;
diff --git a/src/features/ui/components/modals/manage-group-modal/steps/details-step.tsx b/src/features/ui/components/modals/manage-group-modal/steps/details-step.tsx
index 9b8aac350..0eb8aa412 100644
--- a/src/features/ui/components/modals/manage-group-modal/steps/details-step.tsx
+++ b/src/features/ui/components/modals/manage-group-modal/steps/details-step.tsx
@@ -1,13 +1,13 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { CreateGroupParams, useGroupValidation } from 'soapbox/api/hooks';
-import { Form, FormGroup, Input, Textarea } from 'soapbox/components/ui';
-import AvatarPicker from 'soapbox/features/edit-profile/components/avatar-picker';
-import HeaderPicker from 'soapbox/features/edit-profile/components/header-picker';
-import GroupTagsField from 'soapbox/features/group/components/group-tags-field';
-import { useAppSelector, useDebounce, useInstance } from 'soapbox/hooks';
-import { usePreview } from 'soapbox/hooks/forms';
-import resizeImage from 'soapbox/utils/resize-image';
+import { CreateGroupParams, useGroupValidation } from 'soapbox/api/hooks/index.ts';
+import { Form, FormGroup, Input, Textarea } from 'soapbox/components/ui/index.ts';
+import AvatarPicker from 'soapbox/features/edit-profile/components/avatar-picker.tsx';
+import HeaderPicker from 'soapbox/features/edit-profile/components/header-picker.tsx';
+import GroupTagsField from 'soapbox/features/group/components/group-tags-field.tsx';
+import { usePreview } from 'soapbox/hooks/forms/index.ts';
+import { useAppSelector, useDebounce, useInstance } from 'soapbox/hooks/index.ts';
+import resizeImage from 'soapbox/utils/resize-image.ts';
 
 const messages = defineMessages({
   groupNamePlaceholder: { id: 'manage_group.fields.name_placeholder', defaultMessage: 'Group Name' },
diff --git a/src/features/ui/components/modals/manage-group-modal/steps/privacy-step.tsx b/src/features/ui/components/modals/manage-group-modal/steps/privacy-step.tsx
index 0d136727f..ba7eeba25 100644
--- a/src/features/ui/components/modals/manage-group-modal/steps/privacy-step.tsx
+++ b/src/features/ui/components/modals/manage-group-modal/steps/privacy-step.tsx
@@ -1,8 +1,8 @@
 import { FormattedMessage } from 'react-intl';
 
-import { type CreateGroupParams } from 'soapbox/api/hooks';
-import List, { ListItem } from 'soapbox/components/list';
-import { Form, FormGroup, Stack, Text } from 'soapbox/components/ui';
+import { type CreateGroupParams } from 'soapbox/api/hooks/index.ts';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import { Form, FormGroup, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 interface IPrivacyStep {
   params: CreateGroupParams;
diff --git a/src/features/ui/components/modals/media-modal.tsx b/src/features/ui/components/modals/media-modal.tsx
index 7ec650b37..a33c8fcec 100644
--- a/src/features/ui/components/modals/media-modal.tsx
+++ b/src/features/ui/components/modals/media-modal.tsx
@@ -11,23 +11,23 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 import ReactSwipeableViews from 'react-swipeable-views';
 
-import { fetchNext, fetchStatusWithContext } from 'soapbox/actions/statuses';
-import ExtendedVideoPlayer from 'soapbox/components/extended-video-player';
-import MissingIndicator from 'soapbox/components/missing-indicator';
-import StatusActionBar from 'soapbox/components/status-action-bar';
-import { Icon, IconButton, HStack, Stack } from 'soapbox/components/ui';
-import Audio from 'soapbox/features/audio';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import Thread from 'soapbox/features/status/components/thread';
-import Video from 'soapbox/features/video';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { userTouching } from 'soapbox/is-mobile';
-import { makeGetStatus } from 'soapbox/selectors';
+import { fetchNext, fetchStatusWithContext } from 'soapbox/actions/statuses.ts';
+import ExtendedVideoPlayer from 'soapbox/components/extended-video-player.tsx';
+import MissingIndicator from 'soapbox/components/missing-indicator.tsx';
+import StatusActionBar from 'soapbox/components/status-action-bar.tsx';
+import { Icon, IconButton, HStack, Stack } from 'soapbox/components/ui/index.ts';
+import Audio from 'soapbox/features/audio/index.tsx';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import Thread from 'soapbox/features/status/components/thread.tsx';
+import Video from 'soapbox/features/video/index.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { userTouching } from 'soapbox/is-mobile.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import ImageLoader from '../image-loader';
+import ImageLoader from '../image-loader.tsx';
 
 import type { List as ImmutableList } from 'immutable';
-import type { Attachment, Status } from 'soapbox/types/entities';
+import type { Attachment, Status } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   close: { id: 'lightbox.close', defaultMessage: 'Close' },
diff --git a/src/features/ui/components/modals/mentions-modal.tsx b/src/features/ui/components/modals/mentions-modal.tsx
index 6e70d01ce..fb7a299f8 100644
--- a/src/features/ui/components/modals/mentions-modal.tsx
+++ b/src/features/ui/components/modals/mentions-modal.tsx
@@ -2,12 +2,12 @@ import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { useCallback, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchStatusWithContext } from 'soapbox/actions/statuses';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import { fetchStatusWithContext } from 'soapbox/actions/statuses.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 interface IMentionsModal {
   onClose: (type: string) => void;
diff --git a/src/features/ui/components/modals/missing-description-modal.tsx b/src/features/ui/components/modals/missing-description-modal.tsx
index da91a76bb..8a6f8b74e 100644
--- a/src/features/ui/components/modals/missing-description-modal.tsx
+++ b/src/features/ui/components/modals/missing-description-modal.tsx
@@ -1,6 +1,6 @@
 import { injectIntl, FormattedMessage, IntlShape, defineMessages } from 'react-intl';
 
-import { Modal } from 'soapbox/components/ui';
+import { Modal } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   modalTitle: { id: 'missing_description_modal.text', defaultMessage: 'You have not entered a description for all attachments. Continue anyway?' },
diff --git a/src/features/ui/components/modals/mute-modal.tsx b/src/features/ui/components/modals/mute-modal.tsx
index 61bd2abfd..4892bdcdc 100644
--- a/src/features/ui/components/modals/mute-modal.tsx
+++ b/src/features/ui/components/modals/mute-modal.tsx
@@ -1,12 +1,12 @@
 import { FormattedMessage } from 'react-intl';
 
-import { muteAccount } from 'soapbox/actions/accounts';
-import { closeModal } from 'soapbox/actions/modals';
-import { toggleHideNotifications, changeMuteDuration } from 'soapbox/actions/mutes';
-import { useAccount } from 'soapbox/api/hooks';
-import { Modal, HStack, Stack, Text, Toggle } from 'soapbox/components/ui';
-import DurationSelector from 'soapbox/features/compose/components/polls/duration-selector';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
+import { muteAccount } from 'soapbox/actions/accounts.ts';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { toggleHideNotifications, changeMuteDuration } from 'soapbox/actions/mutes.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import { Modal, HStack, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import DurationSelector from 'soapbox/features/compose/components/polls/duration-selector.tsx';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
 
 const MuteModal = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx b/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx
index 17e6b9aed..2e538edb0 100644
--- a/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/components/nostr-extension-indicator.tsx
@@ -1,11 +1,12 @@
 import { FormattedMessage } from 'react-intl';
 
-import { closeModal } from 'soapbox/actions/modals';
-import { nostrExtensionLogIn } from 'soapbox/actions/nostr';
-import Stack from 'soapbox/components/ui/stack/stack';
-import Text from 'soapbox/components/ui/text/text';
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { useAppDispatch } from 'soapbox/hooks';
+
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { nostrExtensionLogIn } from 'soapbox/actions/nostr.ts';
+import Stack from 'soapbox/components/ui/stack/stack.tsx';
+import Text from 'soapbox/components/ui/text/text.tsx';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const NostrExtensionIndicator: React.FC = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/ui/components/modals/nostr-login-modal/nostr-login-modal.tsx b/src/features/ui/components/modals/nostr-login-modal/nostr-login-modal.tsx
index 7c55d4f59..b63507a82 100644
--- a/src/features/ui/components/modals/nostr-login-modal/nostr-login-modal.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/nostr-login-modal.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 
-import ExtensionStep from './steps/extension-step';
-import KeyAddStep from './steps/key-add-step';
+import ExtensionStep from './steps/extension-step.tsx';
+import KeyAddStep from './steps/key-add-step.tsx';
 
 type Step = 'extension' | 'key-add';
 
diff --git a/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx b/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
index a969af8f9..004fc13e6 100644
--- a/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/steps/extension-step.tsx
@@ -2,12 +2,13 @@ import alertTriangleIcon from '@tabler/icons/outline/alert-triangle.svg';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { openModal } from 'soapbox/actions/modals';
-import { nostrExtensionLogIn } from 'soapbox/actions/nostr';
-import EmojiGraphic from 'soapbox/components/emoji-graphic';
-import { Button, Stack, Modal, Text, Divider, HStack } from 'soapbox/components/ui';
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { useAppDispatch, useInstance, useSoapboxConfig } from 'soapbox/hooks';
+
+import { openModal } from 'soapbox/actions/modals.ts';
+import { nostrExtensionLogIn } from 'soapbox/actions/nostr.ts';
+import EmojiGraphic from 'soapbox/components/emoji-graphic.tsx';
+import { Button, Stack, Modal, Text, Divider, HStack } from 'soapbox/components/ui/index.ts';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { useAppDispatch, useInstance, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 interface IExtensionStep {
   isLogin?: boolean;
diff --git a/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx b/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
index dd589d002..a49ec88c0 100644
--- a/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
+++ b/src/features/ui/components/modals/nostr-login-modal/steps/key-add-step.tsx
@@ -2,14 +2,15 @@ import { nip19 } from 'nostr-tools';
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { logInNostr } from 'soapbox/actions/nostr';
-import EmojiGraphic from 'soapbox/components/emoji-graphic';
-import { Button, Stack, Modal, Input, FormGroup, Form, Divider } from 'soapbox/components/ui';
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { keyring } from 'soapbox/features/nostr/keyring';
-import { useAppDispatch } from 'soapbox/hooks';
 
-import NostrExtensionIndicator from '../components/nostr-extension-indicator';
+import { logInNostr } from 'soapbox/actions/nostr.ts';
+import EmojiGraphic from 'soapbox/components/emoji-graphic.tsx';
+import { Button, Stack, Modal, Input, FormGroup, Form, Divider } from 'soapbox/components/ui/index.ts';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { keyring } from 'soapbox/features/nostr/keyring.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+
+import NostrExtensionIndicator from '../components/nostr-extension-indicator.tsx';
 
 interface IKeyAddStep {
   onClose(): void;
diff --git a/src/features/ui/components/modals/nostr-signup-modal/nostr-signup-modal.tsx b/src/features/ui/components/modals/nostr-signup-modal/nostr-signup-modal.tsx
index f76b7273d..450b318e9 100644
--- a/src/features/ui/components/modals/nostr-signup-modal/nostr-signup-modal.tsx
+++ b/src/features/ui/components/modals/nostr-signup-modal/nostr-signup-modal.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react';
 
-import ExtensionStep from '../nostr-login-modal/steps/extension-step';
+import ExtensionStep from '../nostr-login-modal/steps/extension-step.tsx';
 
-import KeyStep from './steps/key-step';
-import KeygenStep from './steps/keygen-step';
+import KeyStep from './steps/key-step.tsx';
+import KeygenStep from './steps/keygen-step.tsx';
 
 type Step = 'extension' | 'key' | 'keygen';
 
diff --git a/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx b/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
index feffd8f46..1c5027ffe 100644
--- a/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
+++ b/src/features/ui/components/modals/nostr-signup-modal/steps/key-step.tsx
@@ -1,11 +1,11 @@
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import EmojiGraphic from 'soapbox/components/emoji-graphic';
-import { Button, Stack, Modal, Text, Divider } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import EmojiGraphic from 'soapbox/components/emoji-graphic.tsx';
+import { Button, Stack, Modal, Text, Divider } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import NostrExtensionIndicator from '../../nostr-login-modal/components/nostr-extension-indicator';
+import NostrExtensionIndicator from '../../nostr-login-modal/components/nostr-extension-indicator.tsx';
 
 interface IKeyStep {
   setStep(step: 'extension' | 'key' | 'keygen'): void;
diff --git a/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx b/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
index 43b9aec8e..3a925b7d8 100644
--- a/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
+++ b/src/features/ui/components/modals/nostr-signup-modal/steps/keygen-step.tsx
@@ -3,17 +3,18 @@ import { generateSecretKey, getPublicKey, nip19 } from 'nostr-tools';
 import { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchAccount } from 'soapbox/actions/accounts';
-import { logInNostr } from 'soapbox/actions/nostr';
-import { closeSidebar } from 'soapbox/actions/sidebar';
-import EmojiGraphic from 'soapbox/components/emoji-graphic';
-import { Button, Stack, Modal, FormGroup, Text, Tooltip, HStack, Input } from 'soapbox/components/ui';
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { keyring } from 'soapbox/features/nostr/keyring';
-import { useAppDispatch, useInstance } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
-import { download } from 'soapbox/utils/download';
-import { slugify } from 'soapbox/utils/input';
+
+import { fetchAccount } from 'soapbox/actions/accounts.ts';
+import { logInNostr } from 'soapbox/actions/nostr.ts';
+import { closeSidebar } from 'soapbox/actions/sidebar.ts';
+import EmojiGraphic from 'soapbox/components/emoji-graphic.tsx';
+import { Button, Stack, Modal, FormGroup, Text, Tooltip, HStack, Input } from 'soapbox/components/ui/index.ts';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { keyring } from 'soapbox/features/nostr/keyring.ts';
+import { useAppDispatch, useInstance } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
+import { download } from 'soapbox/utils/download.ts';
+import { slugify } from 'soapbox/utils/input.ts';
 
 interface IKeygenStep {
   onClose(): void;
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/onboarding-flow-modal.tsx b/src/features/ui/components/modals/onboarding-flow-modal/onboarding-flow-modal.tsx
index 87ad89432..f5e600f92 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/onboarding-flow-modal.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/onboarding-flow-modal.tsx
@@ -2,16 +2,16 @@ import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 import ReactSwipeableViews from 'react-swipeable-views';
 
-import { endOnboarding } from 'soapbox/actions/onboarding';
-import { Stack, Modal, HStack } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { endOnboarding } from 'soapbox/actions/onboarding.ts';
+import { Stack, Modal, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import AvatarSelectionModal from './steps/avatar-step';
-import BioStep from './steps/bio-step';
-import CompletedModal from './steps/completed-step';
-import CoverPhotoSelectionModal from './steps/cover-photo-selection-step';
-import DisplayNameStep from './steps/display-name-step';
-import SuggestedAccountsModal from './steps/suggested-accounts-step';
+import AvatarSelectionModal from './steps/avatar-step.tsx';
+import BioStep from './steps/bio-step.tsx';
+import CompletedModal from './steps/completed-step.tsx';
+import CoverPhotoSelectionModal from './steps/cover-photo-selection-step.tsx';
+import DisplayNameStep from './steps/display-name-step.tsx';
+import SuggestedAccountsModal from './steps/suggested-accounts-step.tsx';
 
 interface IOnboardingFlowModal {
   onClose(): void;
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/steps/avatar-step.tsx b/src/features/ui/components/modals/onboarding-flow-modal/steps/avatar-step.tsx
index 332a8b20e..7dde6a9ce 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/steps/avatar-step.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/steps/avatar-step.tsx
@@ -4,13 +4,13 @@ import clsx from 'clsx';
 import { useRef, useState } from 'react';
 import { FormattedMessage, defineMessages } from 'react-intl';
 
-import { patchMe } from 'soapbox/actions/me';
-import { Button, Stack, Text, Avatar, Icon, Spinner } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import { useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
-import { isDefaultAvatar } from 'soapbox/utils/accounts';
-import resizeImage from 'soapbox/utils/resize-image';
+import { patchMe } from 'soapbox/actions/me.ts';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Button, Stack, Text, Avatar, Icon, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { isDefaultAvatar } from 'soapbox/utils/accounts.ts';
+import resizeImage from 'soapbox/utils/resize-image.ts';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/steps/bio-step.tsx b/src/features/ui/components/modals/onboarding-flow-modal/steps/bio-step.tsx
index 378f59aa6..57cd31814 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/steps/bio-step.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/steps/bio-step.tsx
@@ -2,11 +2,11 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { patchMe } from 'soapbox/actions/me';
-import { Button, Text, FormGroup, Stack, Textarea } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import { useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { patchMe } from 'soapbox/actions/me.ts';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Button, Text, FormGroup, Stack, Textarea } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/steps/completed-step.tsx b/src/features/ui/components/modals/onboarding-flow-modal/steps/completed-step.tsx
index 850cb2c25..17a8ba289 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/steps/completed-step.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/steps/completed-step.tsx
@@ -2,8 +2,8 @@ import confettiIcon from '@tabler/icons/outline/confetti.svg';
 import xIcon from '@tabler/icons/outline/x.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { Button, Icon, Stack, Text } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Button, Icon, Stack, Text } from 'soapbox/components/ui/index.ts';
 
 const closeIcon = xIcon;
 
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/steps/cover-photo-selection-step.tsx b/src/features/ui/components/modals/onboarding-flow-modal/steps/cover-photo-selection-step.tsx
index b2f56d180..e7f29de2d 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/steps/cover-photo-selection-step.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/steps/cover-photo-selection-step.tsx
@@ -4,14 +4,14 @@ import clsx from 'clsx';
 import { useRef, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { patchMe } from 'soapbox/actions/me';
-import StillImage from 'soapbox/components/still-image';
-import { Button, Stack, Text, Avatar, Icon, Spinner } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import { useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
-import { isDefaultHeader } from 'soapbox/utils/accounts';
-import resizeImage from 'soapbox/utils/resize-image';
+import { patchMe } from 'soapbox/actions/me.ts';
+import StillImage from 'soapbox/components/still-image.tsx';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Button, Stack, Text, Avatar, Icon, Spinner } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { isDefaultHeader } from 'soapbox/utils/accounts.ts';
+import resizeImage from 'soapbox/utils/resize-image.ts';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/steps/display-name-step.tsx b/src/features/ui/components/modals/onboarding-flow-modal/steps/display-name-step.tsx
index 43d7c8dc5..e58d08e13 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/steps/display-name-step.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/steps/display-name-step.tsx
@@ -2,11 +2,11 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useMemo, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { patchMe } from 'soapbox/actions/me';
-import { Button, Stack, Text, FormGroup, Input } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import { useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { patchMe } from 'soapbox/actions/me.ts';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Button, Stack, Text, FormGroup, Input } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/ui/components/modals/onboarding-flow-modal/steps/suggested-accounts-step.tsx b/src/features/ui/components/modals/onboarding-flow-modal/steps/suggested-accounts-step.tsx
index 434730ea1..8b51462d2 100644
--- a/src/features/ui/components/modals/onboarding-flow-modal/steps/suggested-accounts-step.tsx
+++ b/src/features/ui/components/modals/onboarding-flow-modal/steps/suggested-accounts-step.tsx
@@ -2,11 +2,11 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import debounce from 'lodash/debounce';
 import { FormattedMessage } from 'react-intl';
 
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Button, Stack, Text } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useOnboardingSuggestions } from 'soapbox/queries/suggestions';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useOnboardingSuggestions } from 'soapbox/queries/suggestions.ts';
 
 const closeIcon = xIcon;
 
diff --git a/src/features/ui/components/modals/reactions-modal.tsx b/src/features/ui/components/modals/reactions-modal.tsx
index d0984e72d..64e7f6d0e 100644
--- a/src/features/ui/components/modals/reactions-modal.tsx
+++ b/src/features/ui/components/modals/reactions-modal.tsx
@@ -3,14 +3,14 @@ import { List as ImmutableList } from 'immutable';
 import { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { fetchFavourites, fetchReactions } from 'soapbox/actions/interactions';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Emoji, Modal, Spinner, Tabs } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { ReactionRecord } from 'soapbox/reducers/user-lists';
+import { fetchFavourites, fetchReactions } from 'soapbox/actions/interactions.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Emoji, Modal, Spinner, Tabs } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { ReactionRecord } from 'soapbox/reducers/user-lists.ts';
 
-import type { Item } from 'soapbox/components/ui/tabs/tabs';
+import type { Item } from 'soapbox/components/ui/tabs/tabs.tsx';
 
 const messages = defineMessages({
   all: { id: 'reactions.all', defaultMessage: 'All' },
diff --git a/src/features/ui/components/modals/reblogs-modal.tsx b/src/features/ui/components/modals/reblogs-modal.tsx
index 5c9116a3f..50bab6101 100644
--- a/src/features/ui/components/modals/reblogs-modal.tsx
+++ b/src/features/ui/components/modals/reblogs-modal.tsx
@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchReblogs, expandReblogs } from 'soapbox/actions/interactions';
-import { fetchStatus } from 'soapbox/actions/statuses';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
+import { fetchReblogs, expandReblogs } from 'soapbox/actions/interactions.ts';
+import { fetchStatus } from 'soapbox/actions/statuses.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 interface IReblogsModal {
   onClose: (string: string) => void;
diff --git a/src/features/ui/components/modals/reply-mentions-modal.tsx b/src/features/ui/components/modals/reply-mentions-modal.tsx
index f643fb178..248e4fde6 100644
--- a/src/features/ui/components/modals/reply-mentions-modal.tsx
+++ b/src/features/ui/components/modals/reply-mentions-modal.tsx
@@ -2,14 +2,13 @@ import arrowLeftIcon from '@tabler/icons/outline/arrow-left.svg';
 import { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Modal } from 'soapbox/components/ui';
-import { useAppSelector, useCompose, useOwnAccount } from 'soapbox/hooks';
-import { statusToMentionsAccountIdsArray } from 'soapbox/reducers/compose';
-import { makeGetStatus } from 'soapbox/selectors';
+import { Modal } from 'soapbox/components/ui/index.ts';
+import Account from 'soapbox/features/reply-mentions/account.tsx';
+import { useAppSelector, useCompose, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { statusToMentionsAccountIdsArray } from 'soapbox/reducers/compose.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import Account from '../../../reply-mentions/account';
-
-import type { Account as AccountEntity, Status as StatusEntity } from 'soapbox/types/entities';
+import type { Account as AccountEntity, Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface IReplyMentionsModal {
   composeId: string;
diff --git a/src/features/ui/components/modals/report-modal/report-modal.tsx b/src/features/ui/components/modals/report-modal/report-modal.tsx
index c461cffa5..166551d41 100644
--- a/src/features/ui/components/modals/report-modal/report-modal.tsx
+++ b/src/features/ui/components/modals/report-modal/report-modal.tsx
@@ -2,21 +2,21 @@ import infoCircleIcon from '@tabler/icons/outline/info-circle.svg';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { blockAccount } from 'soapbox/actions/accounts';
-import { submitReport, submitReportSuccess, submitReportFail, ReportableEntities } from 'soapbox/actions/reports';
-import { expandAccountTimeline } from 'soapbox/actions/timelines';
-import { useAccount } from 'soapbox/api/hooks';
-import AttachmentThumbs from 'soapbox/components/attachment-thumbs';
-import GroupCard from 'soapbox/components/group-card';
-import List, { ListItem } from 'soapbox/components/list';
-import StatusContent from 'soapbox/components/status-content';
-import { Avatar, HStack, Icon, Modal, ProgressBar, Stack, Text } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks';
+import { blockAccount } from 'soapbox/actions/accounts.ts';
+import { submitReport, submitReportSuccess, submitReportFail, ReportableEntities } from 'soapbox/actions/reports.ts';
+import { expandAccountTimeline } from 'soapbox/actions/timelines.ts';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import AttachmentThumbs from 'soapbox/components/attachment-thumbs.tsx';
+import GroupCard from 'soapbox/components/group-card.tsx';
+import List, { ListItem } from 'soapbox/components/list.tsx';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import { Avatar, HStack, Icon, Modal, ProgressBar, Stack, Text } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
 
-import ConfirmationStep from './steps/confirmation-step';
-import OtherActionsStep from './steps/other-actions-step';
-import ReasonStep from './steps/reason-step';
+import ConfirmationStep from './steps/confirmation-step.tsx';
+import OtherActionsStep from './steps/other-actions-step.tsx';
+import ReasonStep from './steps/reason-step.tsx';
 
 const messages = defineMessages({
   blankslate: { id: 'report.reason.blankslate', defaultMessage: 'You have removed all statuses from being selected.' },
diff --git a/src/features/ui/components/modals/report-modal/steps/confirmation-step.tsx b/src/features/ui/components/modals/report-modal/steps/confirmation-step.tsx
index f95539b78..01a355df8 100644
--- a/src/features/ui/components/modals/report-modal/steps/confirmation-step.tsx
+++ b/src/features/ui/components/modals/report-modal/steps/confirmation-step.tsx
@@ -1,11 +1,11 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { ReportableEntities } from 'soapbox/actions/reports';
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
-import { Stack, Text } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
+import { ReportableEntities } from 'soapbox/actions/reports.ts';
+import { getSoapboxConfig } from 'soapbox/actions/soapbox.ts';
+import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   accountEntity: { id: 'report.confirmation.entity.account', defaultMessage: 'account' },
diff --git a/src/features/ui/components/modals/report-modal/steps/other-actions-step.tsx b/src/features/ui/components/modals/report-modal/steps/other-actions-step.tsx
index fa985c19c..1512cdede 100644
--- a/src/features/ui/components/modals/report-modal/steps/other-actions-step.tsx
+++ b/src/features/ui/components/modals/report-modal/steps/other-actions-step.tsx
@@ -4,13 +4,13 @@ import { OrderedSet } from 'immutable';
 import { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { changeReportBlock, changeReportForward } from 'soapbox/actions/reports';
-import { Button, FormGroup, HStack, Stack, Text, Toggle } from 'soapbox/components/ui';
-import StatusCheckBox from 'soapbox/features/report/components/status-check-box';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { getDomain } from 'soapbox/utils/accounts';
+import { changeReportBlock, changeReportForward } from 'soapbox/actions/reports.ts';
+import { Button, FormGroup, HStack, Stack, Text, Toggle } from 'soapbox/components/ui/index.ts';
+import StatusCheckBox from 'soapbox/features/report/components/status-check-box.tsx';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { getDomain } from 'soapbox/utils/accounts.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   addAdditionalStatuses: { id: 'report.other_actions.add_additional', defaultMessage: 'Would you like to add additional statuses to this report?' },
diff --git a/src/features/ui/components/modals/report-modal/steps/reason-step.tsx b/src/features/ui/components/modals/report-modal/steps/reason-step.tsx
index d5fc1f98f..74f733a18 100644
--- a/src/features/ui/components/modals/report-modal/steps/reason-step.tsx
+++ b/src/features/ui/components/modals/report-modal/steps/reason-step.tsx
@@ -2,12 +2,12 @@ import clsx from 'clsx';
 import { useEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { changeReportComment, changeReportRule, ReportableEntities } from 'soapbox/actions/reports';
-import { FormGroup, Stack, Text, Textarea } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks';
+import { changeReportComment, changeReportRule, ReportableEntities } from 'soapbox/actions/reports.ts';
+import { FormGroup, Stack, Text, Textarea } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useInstance } from 'soapbox/hooks/index.ts';
 
-import type { Account } from 'soapbox/schemas';
-import type { Rule } from 'soapbox/schemas/rule';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { Rule } from 'soapbox/schemas/rule.ts';
 
 const messages = defineMessages({
   placeholder: { id: 'report.placeholder', defaultMessage: 'Additional comments' },
diff --git a/src/features/ui/components/modals/select-bookmark-folder-modal.tsx b/src/features/ui/components/modals/select-bookmark-folder-modal.tsx
index ac0f401cc..4e0a0ed0f 100644
--- a/src/features/ui/components/modals/select-bookmark-folder-modal.tsx
+++ b/src/features/ui/components/modals/select-bookmark-folder-modal.tsx
@@ -3,15 +3,15 @@ import folderIcon from '@tabler/icons/outline/folder.svg';
 import { useCallback, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { bookmark } from 'soapbox/actions/interactions';
-import { useBookmarkFolders } from 'soapbox/api/hooks';
-import { RadioGroup, RadioItem } from 'soapbox/components/radio';
-import { Emoji, HStack, Icon, Modal, Spinner, Stack } from 'soapbox/components/ui';
-import NewFolderForm from 'soapbox/features/bookmark-folders/components/new-folder-form';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+import { bookmark } from 'soapbox/actions/interactions.ts';
+import { useBookmarkFolders } from 'soapbox/api/hooks/index.ts';
+import { RadioGroup, RadioItem } from 'soapbox/components/radio.tsx';
+import { Emoji, HStack, Icon, Modal, Spinner, Stack } from 'soapbox/components/ui/index.ts';
+import NewFolderForm from 'soapbox/features/bookmark-folders/components/new-folder-form.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 interface ISelectBookmarkFolderModal {
   statusId: string;
diff --git a/src/features/ui/components/modals/unauthorized-modal.test.tsx b/src/features/ui/components/modals/unauthorized-modal.test.tsx
index f72448abf..0f10f76fa 100644
--- a/src/features/ui/components/modals/unauthorized-modal.test.tsx
+++ b/src/features/ui/components/modals/unauthorized-modal.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { storeOpen } from 'soapbox/jest/mock-stores';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { storeOpen } from 'soapbox/jest/mock-stores.tsx';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import UnauthorizedModal from './unauthorized-modal';
+import UnauthorizedModal from './unauthorized-modal.tsx';
 
 describe('<UnauthorizedModal />', () => {
   it('successfully renders', () => {
diff --git a/src/features/ui/components/modals/unauthorized-modal.tsx b/src/features/ui/components/modals/unauthorized-modal.tsx
index 13dd5df52..44a155f7b 100644
--- a/src/features/ui/components/modals/unauthorized-modal.tsx
+++ b/src/features/ui/components/modals/unauthorized-modal.tsx
@@ -2,11 +2,11 @@ import { useState } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { remoteInteraction } from 'soapbox/actions/interactions';
-import { Button, Form, Input, Modal, Stack, Text } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch, useFeatures, useInstance, useRegistrationStatus } from 'soapbox/hooks';
-import { selectAccount } from 'soapbox/selectors';
-import toast from 'soapbox/toast';
+import { remoteInteraction } from 'soapbox/actions/interactions.ts';
+import { Button, Form, Input, Modal, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch, useFeatures, useInstance, useRegistrationStatus } from 'soapbox/hooks/index.ts';
+import { selectAccount } from 'soapbox/selectors/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 const messages = defineMessages({
   accountPlaceholder: { id: 'remote_interaction.account_placeholder', defaultMessage: 'Enter your username@domain you want to act from' },
diff --git a/src/features/ui/components/modals/video-modal.tsx b/src/features/ui/components/modals/video-modal.tsx
index c80e2b19b..6845ec1cc 100644
--- a/src/features/ui/components/modals/video-modal.tsx
+++ b/src/features/ui/components/modals/video-modal.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import Video from 'soapbox/features/video';
+import Video from 'soapbox/features/video/index.tsx';
 
-import type { Status, Account, Attachment } from 'soapbox/types/entities';
+import type { Status, Account, Attachment } from 'soapbox/types/entities.ts';
 
 interface IVideoModal {
   media: Attachment;
diff --git a/src/features/ui/components/modals/zap-invoice.tsx b/src/features/ui/components/modals/zap-invoice.tsx
index 947a7a869..c7d51f89b 100644
--- a/src/features/ui/components/modals/zap-invoice.tsx
+++ b/src/features/ui/components/modals/zap-invoice.tsx
@@ -4,15 +4,15 @@ import { QRCodeCanvas } from 'qrcode.react';
 import React  from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { closeModal, openModal } from 'soapbox/actions/modals';
-import { SplitValue } from 'soapbox/api/hooks/zap-split/useZapSplit';
-import CopyableInput from 'soapbox/components/copyable-input';
-import { Modal, Button, Stack, Avatar, HStack } from 'soapbox/components/ui';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import { useAppDispatch } from 'soapbox/hooks';
-import { ZapSplitData } from 'soapbox/schemas/zap-split';
+import { closeModal, openModal } from 'soapbox/actions/modals.ts';
+import { SplitValue } from 'soapbox/api/hooks/zap-split/useZapSplit.ts';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Modal, Button, Stack, Avatar, HStack } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import { ZapSplitData } from 'soapbox/schemas/zap-split.ts';
 
-import type { Account as AccountEntity } from 'soapbox/types/entities';
+import type { Account as AccountEntity } from 'soapbox/types/entities.ts';
 
 const closeIcon = xIcon;
 
diff --git a/src/features/ui/components/modals/zap-pay-request-modal.tsx b/src/features/ui/components/modals/zap-pay-request-modal.tsx
index 51b21c587..9e32821cb 100644
--- a/src/features/ui/components/modals/zap-pay-request-modal.tsx
+++ b/src/features/ui/components/modals/zap-pay-request-modal.tsx
@@ -1,9 +1,9 @@
 import React  from 'react';
 
-import { Modal } from 'soapbox/components/ui';
-import ZapPayRequestForm from 'soapbox/features/zap/components/zap-pay-request-form';
+import { Modal } from 'soapbox/components/ui/index.ts';
+import ZapPayRequestForm from 'soapbox/features/zap/components/zap-pay-request-form.tsx';
 
-import type { Status as StatusEntity, Account as AccountEntity   } from 'soapbox/types/entities';
+import type { Status as StatusEntity, Account as AccountEntity   } from 'soapbox/types/entities.ts';
 
 interface IZapPayRequestModal {
   account: AccountEntity;
diff --git a/src/features/ui/components/modals/zap-split/display-name-row.tsx b/src/features/ui/components/modals/zap-split/display-name-row.tsx
index 6bfaa4663..92185eb9a 100644
--- a/src/features/ui/components/modals/zap-split/display-name-row.tsx
+++ b/src/features/ui/components/modals/zap-split/display-name-row.tsx
@@ -1,9 +1,9 @@
-import { HStack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useSoapboxConfig } from 'soapbox/hooks';
-import { getAcct } from 'soapbox/utils/accounts';
+import { HStack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { getAcct } from 'soapbox/utils/accounts.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 interface IDisplayName {
   account: Pick<Account, 'id' | 'acct' | 'fqn' | 'verified' | 'display_name_html'>;
diff --git a/src/features/ui/components/modals/zap-split/zap-split-modal.tsx b/src/features/ui/components/modals/zap-split/zap-split-modal.tsx
index 023f3dc83..b3f0fd66d 100644
--- a/src/features/ui/components/modals/zap-split/zap-split-modal.tsx
+++ b/src/features/ui/components/modals/zap-split/zap-split-modal.tsx
@@ -2,13 +2,13 @@ import { useState, useEffect }  from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useDispatch } from 'react-redux';
 
-import { zap } from 'soapbox/actions/interactions';
-import { SplitValue } from 'soapbox/api/hooks/zap-split/useZapSplit';
-import { Modal } from 'soapbox/components/ui';
-import ZapSplit from 'soapbox/features/ui/components/modals/zap-split/zap-split';
-import { ZapSplitData } from 'soapbox/schemas/zap-split';
+import { zap } from 'soapbox/actions/interactions.ts';
+import { SplitValue } from 'soapbox/api/hooks/zap-split/useZapSplit.ts';
+import { Modal } from 'soapbox/components/ui/index.ts';
+import ZapSplit from 'soapbox/features/ui/components/modals/zap-split/zap-split.tsx';
+import { ZapSplitData } from 'soapbox/schemas/zap-split.ts';
 
-import type { AppDispatch } from 'soapbox/store';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 interface IZapSplitModal {
   zapSplitAccounts: ZapSplitData[];
diff --git a/src/features/ui/components/modals/zap-split/zap-split.tsx b/src/features/ui/components/modals/zap-split/zap-split.tsx
index 9b6e75e72..3485bf7e8 100644
--- a/src/features/ui/components/modals/zap-split/zap-split.tsx
+++ b/src/features/ui/components/modals/zap-split/zap-split.tsx
@@ -2,10 +2,10 @@ import folderOpenIcon from '@tabler/icons/outline/folder-open.svg';
 import { QRCodeCanvas } from 'qrcode.react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import Account from 'soapbox/components/account';
-import CopyableInput from 'soapbox/components/copyable-input';
-import { Button, Stack, HStack } from 'soapbox/components/ui';
-import { ZapSplitData } from 'soapbox/schemas/zap-split';
+import Account from 'soapbox/components/account.tsx';
+import CopyableInput from 'soapbox/components/copyable-input.tsx';
+import { Button, Stack, HStack } from 'soapbox/components/ui/index.ts';
+import { ZapSplitData } from 'soapbox/schemas/zap-split.ts';
 
 const messages = defineMessages({
   zap_open_wallet: { id: 'zap.open_wallet', defaultMessage: 'Open Wallet' },
diff --git a/src/features/ui/components/modals/zaps-modal.tsx b/src/features/ui/components/modals/zaps-modal.tsx
index 5783b31e7..706cba2da 100644
--- a/src/features/ui/components/modals/zaps-modal.tsx
+++ b/src/features/ui/components/modals/zaps-modal.tsx
@@ -2,12 +2,12 @@ import { List as ImmutableList } from 'immutable';
 import { useEffect, useMemo } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchZaps, expandZaps } from 'soapbox/actions/interactions';
-import ScrollableList from 'soapbox/components/scrollable-list';
-import { Modal, Spinner, Text } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { fetchZaps, expandZaps } from 'soapbox/actions/interactions.ts';
+import ScrollableList from 'soapbox/components/scrollable-list.tsx';
+import { Modal, Spinner, Text } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 interface IAccountWithZaps {
   id: string;
diff --git a/src/features/ui/components/navbar.test.tsx b/src/features/ui/components/navbar.test.tsx
index 63b6bc655..b4238d05a 100644
--- a/src/features/ui/components/navbar.test.tsx
+++ b/src/features/ui/components/navbar.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { storeOpen } from 'soapbox/jest/mock-stores';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { storeOpen } from 'soapbox/jest/mock-stores.tsx';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import Navbar from './navbar';
+import Navbar from './navbar.tsx';
 
 describe('<Navbar />', () => {
   it('successfully renders', () => {
diff --git a/src/features/ui/components/navbar.tsx b/src/features/ui/components/navbar.tsx
index d66cd1f88..1c725b753 100644
--- a/src/features/ui/components/navbar.tsx
+++ b/src/features/ui/components/navbar.tsx
@@ -4,18 +4,18 @@ import { useRef, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link, Redirect } from 'react-router-dom';
 
-import { logIn, verifyCredentials } from 'soapbox/actions/auth';
-import { fetchInstance } from 'soapbox/actions/instance';
-import { openModal } from 'soapbox/actions/modals';
-import { openSidebar } from 'soapbox/actions/sidebar';
-import SiteLogo from 'soapbox/components/site-logo';
-import { Avatar, Button, Counter, Form, HStack, IconButton, Input, Tooltip } from 'soapbox/components/ui';
-import Search from 'soapbox/features/compose/components/search';
-import { useAppDispatch, useFeatures, useInstance, useOwnAccount, useRegistrationStatus } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
-import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications';
+import { logIn, verifyCredentials } from 'soapbox/actions/auth.ts';
+import { fetchInstance } from 'soapbox/actions/instance.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { openSidebar } from 'soapbox/actions/sidebar.ts';
+import SiteLogo from 'soapbox/components/site-logo.tsx';
+import { Avatar, Button, Counter, Form, HStack, IconButton, Input, Tooltip } from 'soapbox/components/ui/index.ts';
+import Search from 'soapbox/features/compose/components/search.tsx';
+import { useAppDispatch, useFeatures, useInstance, useOwnAccount, useRegistrationStatus } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
+import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';
 
-import ProfileDropdown from './profile-dropdown';
+import ProfileDropdown from './profile-dropdown.tsx';
 
 import type { AxiosError } from 'axios';
 
diff --git a/src/features/ui/components/new-account-zap-split.tsx b/src/features/ui/components/new-account-zap-split.tsx
index 999c1cc64..13b787b9d 100644
--- a/src/features/ui/components/new-account-zap-split.tsx
+++ b/src/features/ui/components/new-account-zap-split.tsx
@@ -2,11 +2,11 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import Account from 'soapbox/components/account';
-import { ListItem } from 'soapbox/components/list';
-import { Button, HStack, Input, Slider } from 'soapbox/components/ui';
-import SearchZapSplit from 'soapbox/features/compose/components/search-zap-split';
-import { type Account as AccountEntity } from 'soapbox/schemas';
+import Account from 'soapbox/components/account.tsx';
+import { ListItem } from 'soapbox/components/list.tsx';
+import { Button, HStack, Input, Slider } from 'soapbox/components/ui/index.ts';
+import SearchZapSplit from 'soapbox/features/compose/components/search-zap-split.tsx';
+import { type Account as AccountEntity } from 'soapbox/schemas/index.ts';
 
 const closeIcon = xIcon;
 
diff --git a/src/features/ui/components/panels/account-note-panel.tsx b/src/features/ui/components/panels/account-note-panel.tsx
index 152c4c1d5..e5c7164f4 100644
--- a/src/features/ui/components/panels/account-note-panel.tsx
+++ b/src/features/ui/components/panels/account-note-panel.tsx
@@ -2,12 +2,12 @@ import debounce from 'lodash/debounce';
 import { useEffect, useRef, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
-import { submitAccountNote } from 'soapbox/actions/account-notes';
-import { HStack, Text, Textarea, Widget } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { submitAccountNote } from 'soapbox/actions/account-notes.ts';
+import { HStack, Text, Textarea, Widget } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import type { Account as AccountEntity } from 'soapbox/schemas';
-import type { AppDispatch } from 'soapbox/store';
+import type { Account as AccountEntity } from 'soapbox/schemas/index.ts';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 const onSave = debounce(
   (dispatch: AppDispatch, id: string, value: string, callback: () => void) =>
diff --git a/src/features/ui/components/panels/my-groups-panel.tsx b/src/features/ui/components/panels/my-groups-panel.tsx
index 8679a50f0..6f75f3d49 100644
--- a/src/features/ui/components/panels/my-groups-panel.tsx
+++ b/src/features/ui/components/panels/my-groups-panel.tsx
@@ -1,7 +1,7 @@
-import { useGroups } from 'soapbox/api/hooks';
-import { Widget } from 'soapbox/components/ui';
-import GroupListItem from 'soapbox/features/groups/components/discover/group-list-item';
-import PlaceholderGroupSearch from 'soapbox/features/placeholder/components/placeholder-group-search';
+import { useGroups } from 'soapbox/api/hooks/index.ts';
+import { Widget } from 'soapbox/components/ui/index.ts';
+import GroupListItem from 'soapbox/features/groups/components/discover/group-list-item.tsx';
+import PlaceholderGroupSearch from 'soapbox/features/placeholder/components/placeholder-group-search.tsx';
 
 const MyGroupsPanel = () => {
   const { groups, isFetching, isFetched, isError } = useGroups();
diff --git a/src/features/ui/components/panels/new-event-panel.tsx b/src/features/ui/components/panels/new-event-panel.tsx
index 900f06559..f055ca26d 100644
--- a/src/features/ui/components/panels/new-event-panel.tsx
+++ b/src/features/ui/components/panels/new-event-panel.tsx
@@ -1,9 +1,9 @@
 import calendarEventIcon from '@tabler/icons/outline/calendar-event.svg';
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { Button, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const NewEventPanel = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/ui/components/panels/new-group-panel.tsx b/src/features/ui/components/panels/new-group-panel.tsx
index c69741853..51b95500e 100644
--- a/src/features/ui/components/panels/new-group-panel.tsx
+++ b/src/features/ui/components/panels/new-group-panel.tsx
@@ -1,9 +1,9 @@
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { Button, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { PERMISSION_CREATE_GROUPS, hasPermission } from 'soapbox/utils/permissions';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { PERMISSION_CREATE_GROUPS, hasPermission } from 'soapbox/utils/permissions.ts';
 
 const NewGroupPanel = () => {
   const dispatch = useAppDispatch();
diff --git a/src/features/ui/components/panels/sign-up-panel.test.tsx b/src/features/ui/components/panels/sign-up-panel.test.tsx
index d2afa6be8..c27064f02 100644
--- a/src/features/ui/components/panels/sign-up-panel.test.tsx
+++ b/src/features/ui/components/panels/sign-up-panel.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { storeOpen } from 'soapbox/jest/mock-stores';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { storeOpen } from 'soapbox/jest/mock-stores.tsx';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import SignUpPanel from './sign-up-panel';
+import SignUpPanel from './sign-up-panel.tsx';
 
 describe('<SignUpPanel />', () => {
   it('doesn\'t render by default', () => {
diff --git a/src/features/ui/components/panels/sign-up-panel.tsx b/src/features/ui/components/panels/sign-up-panel.tsx
index 4ffb25159..b576b605c 100644
--- a/src/features/ui/components/panels/sign-up-panel.tsx
+++ b/src/features/ui/components/panels/sign-up-panel.tsx
@@ -1,8 +1,8 @@
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { Button, Stack, Text } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useFeatures, useInstance, useRegistrationStatus } from 'soapbox/hooks';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { Button, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useFeatures, useInstance, useRegistrationStatus } from 'soapbox/hooks/index.ts';
 
 const SignUpPanel = () => {
   const { instance } = useInstance();
diff --git a/src/features/ui/components/panels/suggested-groups-panel.tsx b/src/features/ui/components/panels/suggested-groups-panel.tsx
index 558837d4b..9e1144a3b 100644
--- a/src/features/ui/components/panels/suggested-groups-panel.tsx
+++ b/src/features/ui/components/panels/suggested-groups-panel.tsx
@@ -1,7 +1,7 @@
-import { useSuggestedGroups } from 'soapbox/api/hooks';
-import { Widget } from 'soapbox/components/ui';
-import GroupListItem from 'soapbox/features/groups/components/discover/group-list-item';
-import PlaceholderGroupSearch from 'soapbox/features/placeholder/components/placeholder-group-search';
+import { useSuggestedGroups } from 'soapbox/api/hooks/index.ts';
+import { Widget } from 'soapbox/components/ui/index.ts';
+import GroupListItem from 'soapbox/features/groups/components/discover/group-list-item.tsx';
+import PlaceholderGroupSearch from 'soapbox/features/placeholder/components/placeholder-group-search.tsx';
 
 const SuggestedGroupsPanel = () => {
   const { groups, isFetching, isFetched, isError } = useSuggestedGroups();
diff --git a/src/features/ui/components/pending-status.tsx b/src/features/ui/components/pending-status.tsx
index bdb570d65..80f7bf8f6 100644
--- a/src/features/ui/components/pending-status.tsx
+++ b/src/features/ui/components/pending-status.tsx
@@ -1,19 +1,19 @@
 import clsx from 'clsx';
 
-import Account from 'soapbox/components/account';
-import StatusContent from 'soapbox/components/status-content';
-import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
-import { Card, HStack, Stack } from 'soapbox/components/ui';
-import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card';
-import PlaceholderMediaGallery from 'soapbox/features/placeholder/components/placeholder-media-gallery';
-import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container';
-import { useAppSelector } from 'soapbox/hooks';
+import Account from 'soapbox/components/account.tsx';
+import StatusContent from 'soapbox/components/status-content.tsx';
+import StatusReplyMentions from 'soapbox/components/status-reply-mentions.tsx';
+import { Card, HStack, Stack } from 'soapbox/components/ui/index.ts';
+import PlaceholderCard from 'soapbox/features/placeholder/components/placeholder-card.tsx';
+import PlaceholderMediaGallery from 'soapbox/features/placeholder/components/placeholder-media-gallery.tsx';
+import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { buildStatus } from '../util/pending-status-builder';
+import { buildStatus } from '../util/pending-status-builder.ts';
 
-import PollPreview from './poll-preview';
+import PollPreview from './poll-preview.tsx';
 
-import type { Status as StatusEntity } from 'soapbox/types/entities';
+import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const shouldHaveCard = (pendingStatus: StatusEntity) => {
   return Boolean(pendingStatus.content.match(/https?:\/\/\S*/));
diff --git a/src/features/ui/components/pinned-accounts-panel.tsx b/src/features/ui/components/pinned-accounts-panel.tsx
index e521b60d6..254130647 100644
--- a/src/features/ui/components/pinned-accounts-panel.tsx
+++ b/src/features/ui/components/pinned-accounts-panel.tsx
@@ -2,13 +2,14 @@ import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { fetchPinnedAccounts } from 'soapbox/actions/accounts';
-import { Widget } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import { WhoToFollowPanel } from 'soapbox/features/ui/util/async-components';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 
-import type { Account } from 'soapbox/schemas';
+import { fetchPinnedAccounts } from 'soapbox/actions/accounts.ts';
+import { Widget } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import { WhoToFollowPanel } from 'soapbox/features/ui/util/async-components.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+
+import type { Account } from 'soapbox/schemas/index.ts';
 
 interface IPinnedAccountsPanel {
   account: Account;
diff --git a/src/features/ui/components/poll-preview.tsx b/src/features/ui/components/poll-preview.tsx
index 85e1746cc..80cbc2f23 100644
--- a/src/features/ui/components/poll-preview.tsx
+++ b/src/features/ui/components/poll-preview.tsx
@@ -1,9 +1,9 @@
 import noop from 'lodash/noop';
 
-import PollOption from 'soapbox/components/polls/poll-option';
-import { Stack } from 'soapbox/components/ui';
-import { useAppSelector } from 'soapbox/hooks';
-import { Poll as PollEntity } from 'soapbox/types/entities';
+import PollOption from 'soapbox/components/polls/poll-option.tsx';
+import { Stack } from 'soapbox/components/ui/index.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { Poll as PollEntity } from 'soapbox/types/entities.ts';
 
 interface IPollPreview {
   pollId: string;
diff --git a/src/features/ui/components/profile-dropdown.tsx b/src/features/ui/components/profile-dropdown.tsx
index 434dc298b..a85d3f129 100644
--- a/src/features/ui/components/profile-dropdown.tsx
+++ b/src/features/ui/components/profile-dropdown.tsx
@@ -7,15 +7,15 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { fetchOwnAccounts, logOut, switchAccount } from 'soapbox/actions/auth';
-import Account from 'soapbox/components/account';
-import { MenuDivider } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useClickOutside, useFeatures } from 'soapbox/hooks';
-import { makeGetOtherAccounts } from 'soapbox/selectors';
+import { fetchOwnAccounts, logOut, switchAccount } from 'soapbox/actions/auth.ts';
+import Account from 'soapbox/components/account.tsx';
+import { MenuDivider } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useClickOutside, useFeatures } from 'soapbox/hooks/index.ts';
+import { makeGetOtherAccounts } from 'soapbox/selectors/index.ts';
 
-import ThemeToggle from './theme-toggle';
+import ThemeToggle from './theme-toggle.tsx';
 
-import type { Account as AccountEntity } from 'soapbox/schemas';
+import type { Account as AccountEntity } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   add: { id: 'profile_dropdown.add_account', defaultMessage: 'Add an existing account' },
diff --git a/src/features/ui/components/profile-familiar-followers.tsx b/src/features/ui/components/profile-familiar-followers.tsx
index e63b9dcf1..9e5744eb8 100644
--- a/src/features/ui/components/profile-familiar-followers.tsx
+++ b/src/features/ui/components/profile-familiar-followers.tsx
@@ -3,16 +3,16 @@ import { useEffect } from 'react';
 import { FormattedList, FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { fetchAccountFamiliarFollowers } from 'soapbox/actions/familiar-followers';
-import { openModal } from 'soapbox/actions/modals';
-import AvatarStack from 'soapbox/components/avatar-stack';
-import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper';
-import { HStack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks';
-import { makeGetAccount } from 'soapbox/selectors';
+import { fetchAccountFamiliarFollowers } from 'soapbox/actions/familiar-followers.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import AvatarStack from 'soapbox/components/avatar-stack.tsx';
+import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import { HStack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useAppDispatch, useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { makeGetAccount } from 'soapbox/selectors/index.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const getAccount = makeGetAccount();
 
diff --git a/src/features/ui/components/profile-field.tsx b/src/features/ui/components/profile-field.tsx
index 2cdae088c..9b8a43414 100644
--- a/src/features/ui/components/profile-field.tsx
+++ b/src/features/ui/components/profile-field.tsx
@@ -2,11 +2,12 @@ import checkIcon from '@tabler/icons/outline/check.svg';
 import clsx from 'clsx';
 import { defineMessages, useIntl, FormatDateOptions } from 'react-intl';
 
-import Markup from 'soapbox/components/markup';
-import { HStack, Icon } from 'soapbox/components/ui';
-import { CryptoAddress, LightningAddress } from 'soapbox/features/ui/util/async-components';
 
-import type { Account } from 'soapbox/schemas';
+import Markup from 'soapbox/components/markup.tsx';
+import { HStack, Icon } from 'soapbox/components/ui/index.ts';
+import { CryptoAddress, LightningAddress } from 'soapbox/features/ui/util/async-components.ts';
+
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const getTicker = (value: string): string => (value.match(/\$([a-zA-Z]*)/i) || [])[1];
 const isTicker = (value: string): boolean => Boolean(getTicker(value));
diff --git a/src/features/ui/components/profile-fields-panel.tsx b/src/features/ui/components/profile-fields-panel.tsx
index 9f0d7d305..cc29628f8 100644
--- a/src/features/ui/components/profile-fields-panel.tsx
+++ b/src/features/ui/components/profile-fields-panel.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Widget, Stack } from 'soapbox/components/ui';
+import { Widget, Stack } from 'soapbox/components/ui/index.ts';
 
-import ProfileField from './profile-field';
+import ProfileField from './profile-field.tsx';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 interface IProfileFieldsPanel {
   account: Account;
diff --git a/src/features/ui/components/profile-info-panel.tsx b/src/features/ui/components/profile-info-panel.tsx
index 8e19870ee..9076be97b 100644
--- a/src/features/ui/components/profile-info-panel.tsx
+++ b/src/features/ui/components/profile-info-panel.tsx
@@ -5,19 +5,19 @@ import lockIcon from '@tabler/icons/outline/lock.svg';
 import mapPinIcon from '@tabler/icons/outline/map-pin.svg';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { usePatronUser } from 'soapbox/api/hooks';
-import Badge from 'soapbox/components/badge';
-import Markup from 'soapbox/components/markup';
-import { dateFormatOptions } from 'soapbox/components/relative-timestamp';
-import { Icon, HStack, Stack, Text } from 'soapbox/components/ui';
-import { useAppSelector, useSoapboxConfig } from 'soapbox/hooks';
-import { capitalize } from 'soapbox/utils/strings';
+import { usePatronUser } from 'soapbox/api/hooks/index.ts';
+import Badge from 'soapbox/components/badge.tsx';
+import Markup from 'soapbox/components/markup.tsx';
+import { dateFormatOptions } from 'soapbox/components/relative-timestamp.tsx';
+import { Icon, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { capitalize } from 'soapbox/utils/strings.ts';
 
-import ProfileFamiliarFollowers from './profile-familiar-followers';
-import ProfileField from './profile-field';
-import ProfileStats from './profile-stats';
+import ProfileFamiliarFollowers from './profile-familiar-followers.tsx';
+import ProfileField from './profile-field.tsx';
+import ProfileStats from './profile-stats.tsx';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 /** Basically ensure the URL isn't `javascript:alert('hi')` or something like that */
 const isSafeUrl = (text: string): boolean => {
diff --git a/src/features/ui/components/profile-media-panel.tsx b/src/features/ui/components/profile-media-panel.tsx
index 9f2d3f5f4..9433d1b4c 100644
--- a/src/features/ui/components/profile-media-panel.tsx
+++ b/src/features/ui/components/profile-media-panel.tsx
@@ -2,16 +2,16 @@ import { List as ImmutableList } from 'immutable';
 import { useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { openModal } from 'soapbox/actions/modals';
-import { expandAccountMediaTimeline } from 'soapbox/actions/timelines';
-import { Spinner, Text, Widget } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
-import { getAccountGallery } from 'soapbox/selectors';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { expandAccountMediaTimeline } from 'soapbox/actions/timelines.ts';
+import { Spinner, Text, Widget } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
+import { getAccountGallery } from 'soapbox/selectors/index.ts';
 
-import MediaItem from '../../account-gallery/components/media-item';
+import MediaItem from '../../account-gallery/components/media-item.tsx';
 
-import type { Account } from 'soapbox/schemas';
-import type { Attachment } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/schemas/index.ts';
+import type { Attachment } from 'soapbox/types/entities.ts';
 
 interface IProfileMediaPanel {
   account?: Account;
diff --git a/src/features/ui/components/profile-stats.tsx b/src/features/ui/components/profile-stats.tsx
index 0c094c275..8d306dbb0 100644
--- a/src/features/ui/components/profile-stats.tsx
+++ b/src/features/ui/components/profile-stats.tsx
@@ -1,10 +1,10 @@
 import { useIntl, defineMessages } from 'react-intl';
 import { NavLink } from 'react-router-dom';
 
-import { HStack, Text } from 'soapbox/components/ui';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { HStack, Text } from 'soapbox/components/ui/index.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   followers: { id: 'account.followers', defaultMessage: 'Followers' },
diff --git a/src/features/ui/components/promo-panel.tsx b/src/features/ui/components/promo-panel.tsx
index 54b5dc7f8..0ccb03b47 100644
--- a/src/features/ui/components/promo-panel.tsx
+++ b/src/features/ui/components/promo-panel.tsx
@@ -1,6 +1,6 @@
-import ForkAwesomeIcon from 'soapbox/components/fork-awesome-icon';
-import { Widget, Stack, Text } from 'soapbox/components/ui';
-import { useInstance, useSettings, useSoapboxConfig } from 'soapbox/hooks';
+import ForkAwesomeIcon from 'soapbox/components/fork-awesome-icon.tsx';
+import { Widget, Stack, Text } from 'soapbox/components/ui/index.ts';
+import { useInstance, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 const PromoPanel: React.FC = () => {
   const { instance } = useInstance();
diff --git a/src/features/ui/components/subscribe-button.test.tsx b/src/features/ui/components/subscribe-button.test.tsx
index 69c697fe1..cf13524d2 100644
--- a/src/features/ui/components/subscribe-button.test.tsx
+++ b/src/features/ui/components/subscribe-button.test.tsx
@@ -1,9 +1,9 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildAccount, buildRelationship } from 'soapbox/jest/factory';
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { buildAccount, buildRelationship } from 'soapbox/jest/factory.ts';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import SubscribeButton from './subscription-button';
+import SubscribeButton from './subscription-button.tsx';
 
 const justin = {
   id: '1',
diff --git a/src/features/ui/components/subscription-button.tsx b/src/features/ui/components/subscription-button.tsx
index 0e470f9c5..a5f09544d 100644
--- a/src/features/ui/components/subscription-button.tsx
+++ b/src/features/ui/components/subscription-button.tsx
@@ -5,13 +5,13 @@ import { defineMessages, useIntl } from 'react-intl';
 import {
   subscribeAccount,
   unsubscribeAccount,
-} from 'soapbox/actions/accounts';
-import { useFollow } from 'soapbox/api/hooks';
-import { IconButton } from 'soapbox/components/ui';
-import { useAppDispatch, useFeatures } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+} from 'soapbox/actions/accounts.ts';
+import { useFollow } from 'soapbox/api/hooks/index.ts';
+import { IconButton } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useFeatures } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
-import type { Account as AccountEntity } from 'soapbox/types/entities';
+import type { Account as AccountEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   subscribe: { id: 'account.subscribe', defaultMessage: 'Subscribe to notifications from @{name}' },
diff --git a/src/features/ui/components/theme-selector.tsx b/src/features/ui/components/theme-selector.tsx
index d242a0723..e778fe25e 100644
--- a/src/features/ui/components/theme-selector.tsx
+++ b/src/features/ui/components/theme-selector.tsx
@@ -6,7 +6,7 @@ import sunIcon from '@tabler/icons/outline/sun.svg';
 import { useMemo } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { Icon, Select } from 'soapbox/components/ui';
+import { Icon, Select } from 'soapbox/components/ui/index.ts';
 
 const messages = defineMessages({
   light: { id: 'theme_toggle.light', defaultMessage: 'Light' },
diff --git a/src/features/ui/components/theme-toggle.tsx b/src/features/ui/components/theme-toggle.tsx
index e6b9b5d98..fe5781d22 100644
--- a/src/features/ui/components/theme-toggle.tsx
+++ b/src/features/ui/components/theme-toggle.tsx
@@ -1,7 +1,7 @@
-import { changeSetting } from 'soapbox/actions/settings';
-import { useAppDispatch, useSettings } from 'soapbox/hooks';
+import { changeSetting } from 'soapbox/actions/settings.ts';
+import { useAppDispatch, useSettings } from 'soapbox/hooks/index.ts';
 
-import ThemeSelector from './theme-selector';
+import ThemeSelector from './theme-selector.tsx';
 
 /** Stateful theme selector. */
 const ThemeToggle: React.FC = () => {
diff --git a/src/features/ui/components/timeline.tsx b/src/features/ui/components/timeline.tsx
index ed5ed93a3..b454f670f 100644
--- a/src/features/ui/components/timeline.tsx
+++ b/src/features/ui/components/timeline.tsx
@@ -3,12 +3,12 @@ import debounce from 'lodash/debounce';
 import { useCallback } from 'react';
 import { defineMessages } from 'react-intl';
 
-import { dequeueTimeline, scrollTopTimeline } from 'soapbox/actions/timelines';
-import ScrollTopButton from 'soapbox/components/scroll-top-button';
-import StatusList, { IStatusList } from 'soapbox/components/status-list';
-import { Portal } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
-import { makeGetStatusIds } from 'soapbox/selectors';
+import { dequeueTimeline, scrollTopTimeline } from 'soapbox/actions/timelines.ts';
+import ScrollTopButton from 'soapbox/components/scroll-top-button.tsx';
+import StatusList, { IStatusList } from 'soapbox/components/status-list.tsx';
+import { Portal } from 'soapbox/components/ui/index.ts';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { makeGetStatusIds } from 'soapbox/selectors/index.ts';
 
 const messages = defineMessages({
   queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },
diff --git a/src/features/ui/components/trends-panel.test.tsx b/src/features/ui/components/trends-panel.test.tsx
index 1cb0ab9ad..6ac2c7171 100644
--- a/src/features/ui/components/trends-panel.test.tsx
+++ b/src/features/ui/components/trends-panel.test.tsx
@@ -1,9 +1,9 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { queryClient, render, screen, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { queryClient, render, screen, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import TrendsPanel from './trends-panel';
+import TrendsPanel from './trends-panel.tsx';
 
 describe('<TrendsPanel />', () => {
   beforeEach(() => {
diff --git a/src/features/ui/components/trends-panel.tsx b/src/features/ui/components/trends-panel.tsx
index b531a9932..cb3842b80 100644
--- a/src/features/ui/components/trends-panel.tsx
+++ b/src/features/ui/components/trends-panel.tsx
@@ -1,12 +1,12 @@
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { setFilter } from 'soapbox/actions/search';
-import Hashtag from 'soapbox/components/hashtag';
-import { Text, Widget } from 'soapbox/components/ui';
-import PlaceholderSidebarTrends from 'soapbox/features/placeholder/components/placeholder-sidebar-trends';
-import { useAppDispatch } from 'soapbox/hooks';
-import useTrends from 'soapbox/queries/trends';
+import { setFilter } from 'soapbox/actions/search.ts';
+import Hashtag from 'soapbox/components/hashtag.tsx';
+import { Text, Widget } from 'soapbox/components/ui/index.ts';
+import PlaceholderSidebarTrends from 'soapbox/features/placeholder/components/placeholder-sidebar-trends.tsx';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
+import useTrends from 'soapbox/queries/trends.ts';
 
 interface ITrendsPanel {
   limit: number;
diff --git a/src/features/ui/components/user-panel.tsx b/src/features/ui/components/user-panel.tsx
index 9a446eda5..ffbfd71e2 100644
--- a/src/features/ui/components/user-panel.tsx
+++ b/src/features/ui/components/user-panel.tsx
@@ -1,14 +1,14 @@
 import { FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { useAccount } from 'soapbox/api/hooks';
-import StillImage from 'soapbox/components/still-image';
-import { Avatar, HStack, Stack, Text } from 'soapbox/components/ui';
-import VerificationBadge from 'soapbox/components/verification-badge';
-import { useAppSelector } from 'soapbox/hooks';
-import { getAcct } from 'soapbox/utils/accounts';
-import { shortNumberFormat } from 'soapbox/utils/numbers';
-import { displayFqn } from 'soapbox/utils/state';
+import { useAccount } from 'soapbox/api/hooks/index.ts';
+import StillImage from 'soapbox/components/still-image.tsx';
+import { Avatar, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import VerificationBadge from 'soapbox/components/verification-badge.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { getAcct } from 'soapbox/utils/accounts.ts';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
+import { displayFqn } from 'soapbox/utils/state.ts';
 
 interface IUserPanel {
   accountId: string;
diff --git a/src/features/ui/components/who-to-follow-panel.tsx b/src/features/ui/components/who-to-follow-panel.tsx
index 3f74100d6..fb2575afc 100644
--- a/src/features/ui/components/who-to-follow-panel.tsx
+++ b/src/features/ui/components/who-to-follow-panel.tsx
@@ -2,13 +2,13 @@ import xIcon from '@tabler/icons/outline/x.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Text, Widget } from 'soapbox/components/ui';
-import AccountContainer from 'soapbox/containers/account-container';
-import PlaceholderSidebarSuggestions from 'soapbox/features/placeholder/components/placeholder-sidebar-suggestions';
-import { useOwnAccount } from 'soapbox/hooks';
-import { useDismissSuggestion, useSuggestions } from 'soapbox/queries/suggestions';
+import { Text, Widget } from 'soapbox/components/ui/index.ts';
+import AccountContainer from 'soapbox/containers/account-container.tsx';
+import PlaceholderSidebarSuggestions from 'soapbox/features/placeholder/components/placeholder-sidebar-suggestions.tsx';
+import { useOwnAccount } from 'soapbox/hooks/index.ts';
+import { useDismissSuggestion, useSuggestions } from 'soapbox/queries/suggestions.ts';
 
-import type { Account as AccountEntity } from 'soapbox/types/entities';
+import type { Account as AccountEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({
   dismissSuggestion: { id: 'suggestions.dismiss', defaultMessage: 'Dismiss suggestion' },
diff --git a/src/features/ui/containers/modal-container.ts b/src/features/ui/containers/modal-container.ts
index 294cf9031..538fcfef9 100644
--- a/src/features/ui/containers/modal-container.ts
+++ b/src/features/ui/containers/modal-container.ts
@@ -1,13 +1,13 @@
 import { connect } from 'react-redux';
 
-import { cancelReplyCompose } from 'soapbox/actions/compose';
-import { cancelEventCompose } from 'soapbox/actions/events';
-import { closeModal } from 'soapbox/actions/modals';
-import { cancelReport } from 'soapbox/actions/reports';
+import { cancelReplyCompose } from 'soapbox/actions/compose.ts';
+import { cancelEventCompose } from 'soapbox/actions/events.ts';
+import { closeModal } from 'soapbox/actions/modals.ts';
+import { cancelReport } from 'soapbox/actions/reports.ts';
 
-import ModalRoot, { ModalType } from '../components/modal-root';
+import ModalRoot, { ModalType } from '../components/modal-root.tsx';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const mapStateToProps = (state: RootState) => {
   const modal = state.modals.last({
diff --git a/src/features/ui/index.tsx b/src/features/ui/index.tsx
index 240a56cf3..d067713c5 100644
--- a/src/features/ui/index.tsx
+++ b/src/features/ui/index.tsx
@@ -2,42 +2,42 @@ import clsx from 'clsx';
 import { Suspense, lazy, useEffect, useRef } from 'react';
 import { Switch, useHistory, useLocation, Redirect } from 'react-router-dom';
 
-import { fetchFollowRequests } from 'soapbox/actions/accounts';
-import { fetchReports, fetchUsers, fetchConfig } from 'soapbox/actions/admin';
-import { fetchCustomEmojis } from 'soapbox/actions/custom-emojis';
-import { fetchFilters } from 'soapbox/actions/filters';
-import { fetchMarker } from 'soapbox/actions/markers';
-import { expandNotifications } from 'soapbox/actions/notifications';
-import { registerPushNotifications } from 'soapbox/actions/push-notifications/registerer';
-import { fetchScheduledStatuses } from 'soapbox/actions/scheduled-statuses';
-import { fetchSuggestionsForTimeline } from 'soapbox/actions/suggestions';
-import { expandHomeTimeline } from 'soapbox/actions/timelines';
-import { useUserStream } from 'soapbox/api/hooks';
-import SidebarNavigation from 'soapbox/components/sidebar-navigation';
-import ThumbNavigation from 'soapbox/components/thumb-navigation';
-import { Layout } from 'soapbox/components/ui';
-import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig, useFeatures, useDraggedFiles, useInstance, useLoggedIn, useApi } from 'soapbox/hooks';
-import AdminPage from 'soapbox/pages/admin-page';
-import ChatsPage from 'soapbox/pages/chats-page';
-import DefaultPage from 'soapbox/pages/default-page';
-import EmptyPage from 'soapbox/pages/empty-page';
-import EventPage from 'soapbox/pages/event-page';
-import EventsPage from 'soapbox/pages/events-page';
-import GroupPage from 'soapbox/pages/group-page';
-import GroupsPage from 'soapbox/pages/groups-page';
-import GroupsPendingPage from 'soapbox/pages/groups-pending-page';
-import HomePage from 'soapbox/pages/home-page';
-import LandingPage from 'soapbox/pages/landing-page';
-import ManageGroupsPage from 'soapbox/pages/manage-groups-page';
-import ProfilePage from 'soapbox/pages/profile-page';
-import RemoteInstancePage from 'soapbox/pages/remote-instance-page';
-import SearchPage from 'soapbox/pages/search-page';
-import StatusPage from 'soapbox/pages/status-page';
-import WidePage from 'soapbox/pages/wide-page';
+import { fetchFollowRequests } from 'soapbox/actions/accounts.ts';
+import { fetchReports, fetchUsers, fetchConfig } from 'soapbox/actions/admin.ts';
+import { fetchCustomEmojis } from 'soapbox/actions/custom-emojis.ts';
+import { fetchFilters } from 'soapbox/actions/filters.ts';
+import { fetchMarker } from 'soapbox/actions/markers.ts';
+import { expandNotifications } from 'soapbox/actions/notifications.ts';
+import { registerPushNotifications } from 'soapbox/actions/push-notifications/registerer.ts';
+import { fetchScheduledStatuses } from 'soapbox/actions/scheduled-statuses.ts';
+import { fetchSuggestionsForTimeline } from 'soapbox/actions/suggestions.ts';
+import { expandHomeTimeline } from 'soapbox/actions/timelines.ts';
+import { useUserStream } from 'soapbox/api/hooks/index.ts';
+import SidebarNavigation from 'soapbox/components/sidebar-navigation.tsx';
+import ThumbNavigation from 'soapbox/components/thumb-navigation.tsx';
+import { Layout } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig, useFeatures, useDraggedFiles, useInstance, useLoggedIn, useApi } from 'soapbox/hooks/index.ts';
+import AdminPage from 'soapbox/pages/admin-page.tsx';
+import ChatsPage from 'soapbox/pages/chats-page.tsx';
+import DefaultPage from 'soapbox/pages/default-page.tsx';
+import EmptyPage from 'soapbox/pages/empty-page.tsx';
+import EventPage from 'soapbox/pages/event-page.tsx';
+import EventsPage from 'soapbox/pages/events-page.tsx';
+import GroupPage from 'soapbox/pages/group-page.tsx';
+import GroupsPage from 'soapbox/pages/groups-page.tsx';
+import GroupsPendingPage from 'soapbox/pages/groups-pending-page.tsx';
+import HomePage from 'soapbox/pages/home-page.tsx';
+import LandingPage from 'soapbox/pages/landing-page.tsx';
+import ManageGroupsPage from 'soapbox/pages/manage-groups-page.tsx';
+import ProfilePage from 'soapbox/pages/profile-page.tsx';
+import RemoteInstancePage from 'soapbox/pages/remote-instance-page.tsx';
+import SearchPage from 'soapbox/pages/search-page.tsx';
+import StatusPage from 'soapbox/pages/status-page.tsx';
+import WidePage from 'soapbox/pages/wide-page.tsx';
 
-import BackgroundShapes from './components/background-shapes';
-import FloatingActionButton from './components/floating-action-button';
-import Navbar from './components/navbar';
+import BackgroundShapes from './components/background-shapes.tsx';
+import FloatingActionButton from './components/floating-action-button.tsx';
+import Navbar from './components/navbar.tsx';
 import {
   Status,
   CommunityTimeline,
@@ -143,13 +143,13 @@ import {
   Rules,
   AdminNostrRelays,
   NostrBunkerLogin,
-} from './util/async-components';
-import GlobalHotkeys from './util/global-hotkeys';
-import { WrappedRoute } from './util/react-router-helpers';
+} from './util/async-components.ts';
+import GlobalHotkeys from './util/global-hotkeys.tsx';
+import { WrappedRoute } from './util/react-router-helpers.tsx';
 
 // Dummy import, to make sure that <Status /> ends up in the application bundle.
 // Without this it ends up in ~8 very commonly used bundles.
-import 'soapbox/components/status';
+import 'soapbox/components/status.tsx';
 
 interface ISwitchingColumnsArea {
   children: React.ReactNode;
diff --git a/src/features/ui/util/async-components.ts b/src/features/ui/util/async-components.ts
index 498afdd83..546e931ee 100644
--- a/src/features/ui/util/async-components.ts
+++ b/src/features/ui/util/async-components.ts
@@ -1,183 +1,183 @@
 import { lazy } from 'react';
 
-export const AboutPage = lazy(() => import('soapbox/features/about'));
-export const EmojiPicker = lazy(() => import('soapbox/features/emoji/components/emoji-picker'));
-export const Notifications = lazy(() => import('soapbox/features/notifications'));
-export const LandingTimeline = lazy(() => import('soapbox/features/landing-timeline'));
-export const HomeTimeline = lazy(() => import('soapbox/features/home-timeline'));
-export const PublicTimeline = lazy(() => import('soapbox/features/public-timeline'));
-export const RemoteTimeline = lazy(() => import('soapbox/features/remote-timeline'));
-export const CommunityTimeline = lazy(() => import('soapbox/features/community-timeline'));
-export const HashtagTimeline = lazy(() => import('soapbox/features/hashtag-timeline'));
-export const DirectTimeline = lazy(() => import('soapbox/features/direct-timeline'));
-export const Conversations = lazy(() => import('soapbox/features/conversations'));
-export const ListTimeline = lazy(() => import('soapbox/features/list-timeline'));
-export const Lists = lazy(() => import('soapbox/features/lists'));
-export const Bookmarks = lazy(() => import('soapbox/features/bookmarks'));
-export const Status = lazy(() => import('soapbox/features/status'));
-export const PinnedStatuses = lazy(() => import('soapbox/features/pinned-statuses'));
-export const AccountTimeline = lazy(() => import('soapbox/features/account-timeline'));
-export const AccountGallery = lazy(() => import('soapbox/features/account-gallery'));
-export const Followers = lazy(() => import('soapbox/features/followers'));
-export const Following = lazy(() => import('soapbox/features/following'));
-export const FollowRequests = lazy(() => import('soapbox/features/follow-requests'));
-export const GenericNotFound = lazy(() => import('soapbox/features/generic-not-found'));
-export const FavouritedStatuses = lazy(() => import('soapbox/features/favourited-statuses'));
-export const Blocks = lazy(() => import('soapbox/features/blocks'));
-export const DomainBlocks = lazy(() => import('soapbox/features/domain-blocks'));
-export const Mutes = lazy(() => import('soapbox/features/mutes'));
-export const MuteModal = lazy(() => import('soapbox/features/ui/components/modals/mute-modal'));
-export const Filters = lazy(() => import('soapbox/features/filters'));
-export const EditFilter = lazy(() => import('soapbox/features/filters/edit-filter'));
-export const ReportModal = lazy(() => import('soapbox/features/ui/components/modals/report-modal/report-modal'));
-export const AccountModerationModal = lazy(() => import('soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal'));
-export const MediaGallery = lazy(() => import('soapbox/components/media-gallery'));
-export const Video = lazy(() => import('soapbox/features/video'));
-export const Audio = lazy(() => import('soapbox/features/audio'));
-export const MediaModal = lazy(() => import('soapbox/features/ui/components/modals/media-modal'));
-export const VideoModal = lazy(() => import('soapbox/features/ui/components/modals/video-modal'));
-export const BoostModal = lazy(() => import('soapbox/features/ui/components/modals/boost-modal'));
-export const ConfirmationModal = lazy(() => import('soapbox/features/ui/components/modals/confirmation-modal'));
-export const MissingDescriptionModal = lazy(() => import('soapbox/features/ui/components/modals/missing-description-modal'));
-export const ActionsModal = lazy(() => import('soapbox/features/ui/components/modals/actions-modal'));
-export const HotkeysModal = lazy(() => import('soapbox/features/ui/components/modals/hotkeys-modal'));
-export const ComposeModal = lazy(() => import('soapbox/features/ui/components/modals/compose-modal'));
-export const ReplyMentionsModal = lazy(() => import('soapbox/features/ui/components/modals/reply-mentions-modal'));
-export const UnauthorizedModal = lazy(() => import('soapbox/features/ui/components/modals/unauthorized-modal'));
-export const EditFederationModal = lazy(() => import('soapbox/features/ui/components/modals/edit-federation-modal'));
-export const EmbedModal = lazy(() => import('soapbox/features/ui/components/modals/embed-modal'));
-export const ComponentModal = lazy(() => import('soapbox/features/ui/components/modals/component-modal'));
-export const ReblogsModal = lazy(() => import('soapbox/features/ui/components/modals/reblogs-modal'));
-export const FavouritesModal = lazy(() => import('soapbox/features/ui/components/modals/favourites-modal'));
-export const DislikesModal = lazy(() => import('soapbox/features/ui/components/modals/dislikes-modal'));
-export const ReactionsModal = lazy(() => import('soapbox/features/ui/components/modals/reactions-modal'));
-export const MentionsModal = lazy(() => import('soapbox/features/ui/components/modals/mentions-modal'));
-export const LandingPageModal = lazy(() => import('soapbox/features/ui/components/modals/landing-page-modal'));
-export const BirthdaysModal = lazy(() => import('soapbox/features/ui/components/modals/birthdays-modal'));
-export const BirthdayPanel = lazy(() => import('soapbox/components/birthday-panel'));
-export const ListEditor = lazy(() => import('soapbox/features/list-editor'));
-export const ListAdder = lazy(() => import('soapbox/features/list-adder'));
-export const Search = lazy(() => import('soapbox/features/search'));
-export const LoginPage = lazy(() => import('soapbox/features/auth-login/components/login-page'));
-export const ExternalLogin = lazy(() => import('soapbox/features/external-login'));
-export const LogoutPage = lazy(() => import('soapbox/features/auth-login/components/logout'));
-export const RegistrationPage = lazy(() => import('soapbox/features/auth-login/components/registration-page'));
-export const Settings = lazy(() => import('soapbox/features/settings'));
-export const EditProfile = lazy(() => import('soapbox/features/edit-profile'));
-export const EditEmail = lazy(() => import('soapbox/features/edit-email'));
-export const EmailConfirmation = lazy(() => import('soapbox/features/email-confirmation'));
-export const EditPassword = lazy(() => import('soapbox/features/edit-password'));
-export const DeleteAccount = lazy(() => import('soapbox/features/delete-account'));
-export const SoapboxConfig = lazy(() => import('soapbox/features/soapbox-config'));
-export const ExportData = lazy(() => import('soapbox/features/export-data'));
-export const ImportData = lazy(() => import('soapbox/features/import-data'));
-export const Backups = lazy(() => import('soapbox/features/backups'));
-export const PasswordReset = lazy(() => import('soapbox/features/auth-login/components/password-reset'));
-export const PasswordResetConfirm = lazy(() => import('soapbox/features/auth-login/components/password-reset-confirm'));
-export const MfaForm = lazy(() => import('soapbox/features/security/mfa-form'));
-export const ChatIndex = lazy(() => import('soapbox/features/chats'));
-export const ChatWidget = lazy(() => import('soapbox/features/chats/components/chat-widget/chat-widget'));
-export const ServerInfo = lazy(() => import('soapbox/features/server-info'));
-export const Dashboard = lazy(() => import('soapbox/features/admin'));
-export const ModerationLog = lazy(() => import('soapbox/features/admin/moderation-log'));
-export const ThemeEditor = lazy(() => import('soapbox/features/theme-editor'));
-export const UserPanel = lazy(() => import('soapbox/features/ui/components/user-panel'));
-export const PromoPanel = lazy(() => import('soapbox/features/ui/components/promo-panel'));
-export const SignUpPanel = lazy(() => import('soapbox/features/ui/components/panels/sign-up-panel'));
-export const CtaBanner = lazy(() => import('soapbox/features/ui/components/cta-banner'));
-export const FundingPanel = lazy(() => import('soapbox/features/ui/components/funding-panel'));
-export const TrendsPanel = lazy(() => import('soapbox/features/ui/components/trends-panel'));
-export const ProfileInfoPanel = lazy(() => import('soapbox/features/ui/components/profile-info-panel'));
-export const ProfileMediaPanel = lazy(() => import('soapbox/features/ui/components/profile-media-panel'));
-export const ProfileFieldsPanel = lazy(() => import('soapbox/features/ui/components/profile-fields-panel'));
-export const PinnedAccountsPanel = lazy(() => import('soapbox/features/ui/components/pinned-accounts-panel'));
-export const InstanceInfoPanel = lazy(() => import('soapbox/features/ui/components/instance-info-panel'));
-export const InstanceModerationPanel = lazy(() => import('soapbox/features/ui/components/instance-moderation-panel'));
-export const LatestAccountsPanel = lazy(() => import('soapbox/features/admin/components/latest-accounts-panel'));
-export const SidebarMenu = lazy(() => import('soapbox/components/sidebar-menu'));
-export const ModalContainer = lazy(() => import('soapbox/features/ui/containers/modal-container'));
-export const ProfileHoverCard = lazy(() => import('soapbox/components/profile-hover-card'));
-export const StatusHoverCard = lazy(() => import('soapbox/components/status-hover-card'));
-export const CryptoDonate = lazy(() => import('soapbox/features/crypto-donate'));
-export const CryptoDonatePanel = lazy(() => import('soapbox/features/crypto-donate/components/crypto-donate-panel'));
-export const CryptoAddress = lazy(() => import('soapbox/features/crypto-donate/components/crypto-address'));
-export const CryptoDonateModal = lazy(() => import('soapbox/features/ui/components/modals/crypto-donate-modal'));
-export const LightningAddress = lazy(() => import('soapbox/features/crypto-donate/components/lightning-address'));
-export const ScheduledStatuses = lazy(() => import('soapbox/features/scheduled-statuses'));
-export const UserIndex = lazy(() => import('soapbox/features/admin/user-index'));
-export const FederationRestrictions = lazy(() => import('soapbox/features/federation-restrictions'));
-export const Aliases = lazy(() => import('soapbox/features/aliases'));
-export const Migration = lazy(() => import('soapbox/features/migration'));
-export const WhoToFollowPanel = lazy(() => import('soapbox/features/ui/components/who-to-follow-panel'));
-export const FollowRecommendations = lazy(() => import('soapbox/features/follow-recommendations'));
-export const Directory = lazy(() => import('soapbox/features/directory'));
-export const RegisterInvite = lazy(() => import('soapbox/features/register-invite'));
-export const Share = lazy(() => import('soapbox/features/share'));
-export const NewStatus = lazy(() => import('soapbox/features/new-status'));
-export const IntentionalError = lazy(() => import('soapbox/features/intentional-error'));
-export const Developers = lazy(() => import('soapbox/features/developers'));
-export const CreateApp = lazy(() => import('soapbox/features/developers/apps/create'));
-export const SettingsStore = lazy(() => import('soapbox/features/developers/settings-store'));
-export const TestTimeline = lazy(() => import('soapbox/features/test-timeline'));
-export const ServiceWorkerInfo = lazy(() => import('soapbox/features/developers/service-worker-info'));
-export const CompareHistoryModal = lazy(() => import('soapbox/features/ui/components/modals/compare-history-modal'));
-export const AuthTokenList = lazy(() => import('soapbox/features/auth-token-list'));
-export const FamiliarFollowersModal = lazy(() => import('soapbox/features/ui/components/modals/familiar-followers-modal'));
-export const AnnouncementsPanel = lazy(() => import('soapbox/components/announcements/announcements-panel'));
-export const Quotes = lazy(() => import('soapbox/features/quotes'));
-export const ComposeEventModal = lazy(() => import('soapbox/features/ui/components/modals/compose-event-modal/compose-event-modal'));
-export const JoinEventModal = lazy(() => import('soapbox/features/ui/components/modals/join-event-modal'));
-export const EventHeader = lazy(() => import('soapbox/features/event/components/event-header'));
-export const EventInformation = lazy(() => import('soapbox/features/event/event-information'));
-export const EventDiscussion = lazy(() => import('soapbox/features/event/event-discussion'));
-export const EventMapModal = lazy(() => import('soapbox/features/ui/components/modals/event-map-modal'));
-export const EventParticipantsModal = lazy(() => import('soapbox/features/ui/components/modals/event-participants-modal'));
-export const Events = lazy(() => import('soapbox/features/events'));
-export const Groups = lazy(() => import('soapbox/features/groups'));
-export const GroupsDiscover = lazy(() => import('soapbox/features/groups/discover'));
-export const GroupsPopular = lazy(() => import('soapbox/features/groups/popular'));
-export const GroupsSuggested = lazy(() => import('soapbox/features/groups/suggested'));
-export const GroupsTag = lazy(() => import('soapbox/features/groups/tag'));
-export const GroupsTags = lazy(() => import('soapbox/features/groups/tags'));
-export const PendingGroupRequests = lazy(() => import('soapbox/features/groups/pending-requests'));
-export const GroupMembers = lazy(() => import('soapbox/features/group/group-members'));
-export const GroupTags = lazy(() => import('soapbox/features/group/group-tags'));
-export const GroupTagTimeline = lazy(() => import('soapbox/features/group/group-tag-timeline'));
-export const GroupTimeline = lazy(() => import('soapbox/features/group/group-timeline'));
-export const ManageGroup = lazy(() => import('soapbox/features/group/manage-group'));
-export const EditGroup = lazy(() => import('soapbox/features/group/edit-group'));
-export const GroupBlockedMembers = lazy(() => import('soapbox/features/group/group-blocked-members'));
-export const GroupMembershipRequests = lazy(() => import('soapbox/features/group/group-membership-requests'));
-export const GroupGallery = lazy(() => import('soapbox/features/group/group-gallery'));
-export const CreateGroupModal = lazy(() => import('soapbox/features/ui/components/modals/manage-group-modal/create-group-modal'));
-export const NewGroupPanel = lazy(() => import('soapbox/features/ui/components/panels/new-group-panel'));
-export const MyGroupsPanel = lazy(() => import('soapbox/features/ui/components/panels/my-groups-panel'));
-export const SuggestedGroupsPanel = lazy(() => import('soapbox/features/ui/components/panels/suggested-groups-panel'));
-export const GroupMediaPanel = lazy(() => import('soapbox/features/ui/components/group-media-panel'));
-export const NewEventPanel = lazy(() => import('soapbox/features/ui/components/panels/new-event-panel'));
-export const Announcements = lazy(() => import('soapbox/features/admin/announcements'));
-export const EditAnnouncementModal = lazy(() => import('soapbox/features/ui/components/modals/edit-announcement-modal'));
-export const FollowedTags = lazy(() => import('soapbox/features/followed-tags'));
-export const AccountNotePanel = lazy(() => import('soapbox/features/ui/components/panels/account-note-panel'));
-export const ComposeEditor = lazy(() => import('soapbox/features/compose/editor'));
-export const NostrSignupModal = lazy(() => import('soapbox/features/ui/components/modals/nostr-signup-modal/nostr-signup-modal'));
-export const NostrLoginModal = lazy(() => import('soapbox/features/ui/components/modals/nostr-login-modal/nostr-login-modal'));
-export const BookmarkFolders = lazy(() => import('soapbox/features/bookmark-folders'));
-export const EditBookmarkFolderModal = lazy(() => import('soapbox/features/ui/components/modals/edit-bookmark-folder-modal'));
-export const SelectBookmarkFolderModal = lazy(() => import('soapbox/features/ui/components/modals/select-bookmark-folder-modal'));
-export const EditIdentity = lazy(() => import('soapbox/features/edit-identity'));
-export const Domains = lazy(() => import('soapbox/features/admin/domains'));
-export const EditDomainModal = lazy(() => import('soapbox/features/ui/components/modals/edit-domain-modal'));
-export const NostrRelays = lazy(() => import('soapbox/features/nostr-relays'));
-export const Bech32Redirect = lazy(() => import('soapbox/features/nostr/Bech32Redirect'));
-export const ManageZapSplit = lazy(() => import('soapbox/features/admin/manage-zap-split'));
-export const Relays = lazy(() => import('soapbox/features/admin/relays'));
-export const Rules = lazy(() => import('soapbox/features/admin/rules'));
-export const EditRuleModal = lazy(() => import('soapbox/features/ui/components/modals/edit-rule-modal'));
-export const AdminNostrRelays = lazy(() => import('soapbox/features/admin/nostr-relays'));
-export const ZapPayRequestModal = lazy(() => import('soapbox/features/ui/components/modals/zap-pay-request-modal'));
-export const ZapInvoiceModal = lazy(() => import('soapbox/features/ui/components/modals/zap-invoice'));
-export const ZapsModal = lazy(() => import('soapbox/features/ui/components/modals/zaps-modal'));
-export const ZapSplitModal = lazy(() => import('soapbox/features/ui/components/modals/zap-split/zap-split-modal'));
-export const CaptchaModal = lazy(() => import('soapbox/features/ui/components/modals/captcha-modal/captcha-modal'));
-export const NostrBunkerLogin = lazy(() => import('soapbox/features/nostr/nostr-bunker-login'));
\ No newline at end of file
+export const AboutPage = lazy(() => import('soapbox/features/about/index.tsx'));
+export const EmojiPicker = lazy(() => import('soapbox/features/emoji/components/emoji-picker.tsx'));
+export const Notifications = lazy(() => import('soapbox/features/notifications/index.tsx'));
+export const LandingTimeline = lazy(() => import('soapbox/features/landing-timeline/index.tsx'));
+export const HomeTimeline = lazy(() => import('soapbox/features/home-timeline/index.tsx'));
+export const PublicTimeline = lazy(() => import('soapbox/features/public-timeline/index.tsx'));
+export const RemoteTimeline = lazy(() => import('soapbox/features/remote-timeline/index.tsx'));
+export const CommunityTimeline = lazy(() => import('soapbox/features/community-timeline/index.tsx'));
+export const HashtagTimeline = lazy(() => import('soapbox/features/hashtag-timeline/index.tsx'));
+export const DirectTimeline = lazy(() => import('soapbox/features/direct-timeline/index.tsx'));
+export const Conversations = lazy(() => import('soapbox/features/conversations/index.tsx'));
+export const ListTimeline = lazy(() => import('soapbox/features/list-timeline/index.tsx'));
+export const Lists = lazy(() => import('soapbox/features/lists/index.tsx'));
+export const Bookmarks = lazy(() => import('soapbox/features/bookmarks/index.tsx'));
+export const Status = lazy(() => import('soapbox/features/status/index.tsx'));
+export const PinnedStatuses = lazy(() => import('soapbox/features/pinned-statuses/index.tsx'));
+export const AccountTimeline = lazy(() => import('soapbox/features/account-timeline/index.tsx'));
+export const AccountGallery = lazy(() => import('soapbox/features/account-gallery/index.tsx'));
+export const Followers = lazy(() => import('soapbox/features/followers/index.tsx'));
+export const Following = lazy(() => import('soapbox/features/following/index.tsx'));
+export const FollowRequests = lazy(() => import('soapbox/features/follow-requests/index.tsx'));
+export const GenericNotFound = lazy(() => import('soapbox/features/generic-not-found/index.tsx'));
+export const FavouritedStatuses = lazy(() => import('soapbox/features/favourited-statuses/index.tsx'));
+export const Blocks = lazy(() => import('soapbox/features/blocks/index.tsx'));
+export const DomainBlocks = lazy(() => import('soapbox/features/domain-blocks/index.tsx'));
+export const Mutes = lazy(() => import('soapbox/features/mutes/index.tsx'));
+export const MuteModal = lazy(() => import('soapbox/features/ui/components/modals/mute-modal.tsx'));
+export const Filters = lazy(() => import('soapbox/features/filters/index.tsx'));
+export const EditFilter = lazy(() => import('soapbox/features/filters/edit-filter.tsx'));
+export const ReportModal = lazy(() => import('soapbox/features/ui/components/modals/report-modal/report-modal.tsx'));
+export const AccountModerationModal = lazy(() => import('soapbox/features/ui/components/modals/account-moderation-modal/account-moderation-modal.tsx'));
+export const MediaGallery = lazy(() => import('soapbox/components/media-gallery.tsx'));
+export const Video = lazy(() => import('soapbox/features/video/index.tsx'));
+export const Audio = lazy(() => import('soapbox/features/audio/index.tsx'));
+export const MediaModal = lazy(() => import('soapbox/features/ui/components/modals/media-modal.tsx'));
+export const VideoModal = lazy(() => import('soapbox/features/ui/components/modals/video-modal.tsx'));
+export const BoostModal = lazy(() => import('soapbox/features/ui/components/modals/boost-modal.tsx'));
+export const ConfirmationModal = lazy(() => import('soapbox/features/ui/components/modals/confirmation-modal.tsx'));
+export const MissingDescriptionModal = lazy(() => import('soapbox/features/ui/components/modals/missing-description-modal.tsx'));
+export const ActionsModal = lazy(() => import('soapbox/features/ui/components/modals/actions-modal.tsx'));
+export const HotkeysModal = lazy(() => import('soapbox/features/ui/components/modals/hotkeys-modal.tsx'));
+export const ComposeModal = lazy(() => import('soapbox/features/ui/components/modals/compose-modal.tsx'));
+export const ReplyMentionsModal = lazy(() => import('soapbox/features/ui/components/modals/reply-mentions-modal.tsx'));
+export const UnauthorizedModal = lazy(() => import('soapbox/features/ui/components/modals/unauthorized-modal.tsx'));
+export const EditFederationModal = lazy(() => import('soapbox/features/ui/components/modals/edit-federation-modal.tsx'));
+export const EmbedModal = lazy(() => import('soapbox/features/ui/components/modals/embed-modal.tsx'));
+export const ComponentModal = lazy(() => import('soapbox/features/ui/components/modals/component-modal.tsx'));
+export const ReblogsModal = lazy(() => import('soapbox/features/ui/components/modals/reblogs-modal.tsx'));
+export const FavouritesModal = lazy(() => import('soapbox/features/ui/components/modals/favourites-modal.tsx'));
+export const DislikesModal = lazy(() => import('soapbox/features/ui/components/modals/dislikes-modal.tsx'));
+export const ReactionsModal = lazy(() => import('soapbox/features/ui/components/modals/reactions-modal.tsx'));
+export const MentionsModal = lazy(() => import('soapbox/features/ui/components/modals/mentions-modal.tsx'));
+export const LandingPageModal = lazy(() => import('soapbox/features/ui/components/modals/landing-page-modal.tsx'));
+export const BirthdaysModal = lazy(() => import('soapbox/features/ui/components/modals/birthdays-modal.tsx'));
+export const BirthdayPanel = lazy(() => import('soapbox/components/birthday-panel.tsx'));
+export const ListEditor = lazy(() => import('soapbox/features/list-editor/index.tsx'));
+export const ListAdder = lazy(() => import('soapbox/features/list-adder/index.tsx'));
+export const Search = lazy(() => import('soapbox/features/search/index.tsx'));
+export const LoginPage = lazy(() => import('soapbox/features/auth-login/components/login-page.tsx'));
+export const ExternalLogin = lazy(() => import('soapbox/features/external-login/index.tsx'));
+export const LogoutPage = lazy(() => import('soapbox/features/auth-login/components/logout.tsx'));
+export const RegistrationPage = lazy(() => import('soapbox/features/auth-login/components/registration-page.tsx'));
+export const Settings = lazy(() => import('soapbox/features/settings/index.tsx'));
+export const EditProfile = lazy(() => import('soapbox/features/edit-profile/index.tsx'));
+export const EditEmail = lazy(() => import('soapbox/features/edit-email/index.tsx'));
+export const EmailConfirmation = lazy(() => import('soapbox/features/email-confirmation/index.tsx'));
+export const EditPassword = lazy(() => import('soapbox/features/edit-password/index.tsx'));
+export const DeleteAccount = lazy(() => import('soapbox/features/delete-account/index.tsx'));
+export const SoapboxConfig = lazy(() => import('soapbox/features/soapbox-config/index.tsx'));
+export const ExportData = lazy(() => import('soapbox/features/export-data/index.tsx'));
+export const ImportData = lazy(() => import('soapbox/features/import-data/index.tsx'));
+export const Backups = lazy(() => import('soapbox/features/backups/index.tsx'));
+export const PasswordReset = lazy(() => import('soapbox/features/auth-login/components/password-reset.tsx'));
+export const PasswordResetConfirm = lazy(() => import('soapbox/features/auth-login/components/password-reset-confirm.tsx'));
+export const MfaForm = lazy(() => import('soapbox/features/security/mfa-form.tsx'));
+export const ChatIndex = lazy(() => import('soapbox/features/chats/index.tsx'));
+export const ChatWidget = lazy(() => import('soapbox/features/chats/components/chat-widget/chat-widget.tsx'));
+export const ServerInfo = lazy(() => import('soapbox/features/server-info/index.tsx'));
+export const Dashboard = lazy(() => import('soapbox/features/admin/index.tsx'));
+export const ModerationLog = lazy(() => import('soapbox/features/admin/moderation-log.tsx'));
+export const ThemeEditor = lazy(() => import('soapbox/features/theme-editor/index.tsx'));
+export const UserPanel = lazy(() => import('soapbox/features/ui/components/user-panel.tsx'));
+export const PromoPanel = lazy(() => import('soapbox/features/ui/components/promo-panel.tsx'));
+export const SignUpPanel = lazy(() => import('soapbox/features/ui/components/panels/sign-up-panel.tsx'));
+export const CtaBanner = lazy(() => import('soapbox/features/ui/components/cta-banner.tsx'));
+export const FundingPanel = lazy(() => import('soapbox/features/ui/components/funding-panel.tsx'));
+export const TrendsPanel = lazy(() => import('soapbox/features/ui/components/trends-panel.tsx'));
+export const ProfileInfoPanel = lazy(() => import('soapbox/features/ui/components/profile-info-panel.tsx'));
+export const ProfileMediaPanel = lazy(() => import('soapbox/features/ui/components/profile-media-panel.tsx'));
+export const ProfileFieldsPanel = lazy(() => import('soapbox/features/ui/components/profile-fields-panel.tsx'));
+export const PinnedAccountsPanel = lazy(() => import('soapbox/features/ui/components/pinned-accounts-panel.tsx'));
+export const InstanceInfoPanel = lazy(() => import('soapbox/features/ui/components/instance-info-panel.tsx'));
+export const InstanceModerationPanel = lazy(() => import('soapbox/features/ui/components/instance-moderation-panel.tsx'));
+export const LatestAccountsPanel = lazy(() => import('soapbox/features/admin/components/latest-accounts-panel.tsx'));
+export const SidebarMenu = lazy(() => import('soapbox/components/sidebar-menu.tsx'));
+export const ModalContainer = lazy(() => import('soapbox/features/ui/containers/modal-container.ts'));
+export const ProfileHoverCard = lazy(() => import('soapbox/components/profile-hover-card.tsx'));
+export const StatusHoverCard = lazy(() => import('soapbox/components/status-hover-card.tsx'));
+export const CryptoDonate = lazy(() => import('soapbox/features/crypto-donate/index.tsx'));
+export const CryptoDonatePanel = lazy(() => import('soapbox/features/crypto-donate/components/crypto-donate-panel.tsx'));
+export const CryptoAddress = lazy(() => import('soapbox/features/crypto-donate/components/crypto-address.tsx'));
+export const CryptoDonateModal = lazy(() => import('soapbox/features/ui/components/modals/crypto-donate-modal.tsx'));
+export const LightningAddress = lazy(() => import('soapbox/features/crypto-donate/components/lightning-address.tsx'));
+export const ScheduledStatuses = lazy(() => import('soapbox/features/scheduled-statuses/index.tsx'));
+export const UserIndex = lazy(() => import('soapbox/features/admin/user-index.tsx'));
+export const FederationRestrictions = lazy(() => import('soapbox/features/federation-restrictions/index.tsx'));
+export const Aliases = lazy(() => import('soapbox/features/aliases/index.tsx'));
+export const Migration = lazy(() => import('soapbox/features/migration/index.tsx'));
+export const WhoToFollowPanel = lazy(() => import('soapbox/features/ui/components/who-to-follow-panel.tsx'));
+export const FollowRecommendations = lazy(() => import('soapbox/features/follow-recommendations/index.tsx'));
+export const Directory = lazy(() => import('soapbox/features/directory/index.tsx'));
+export const RegisterInvite = lazy(() => import('soapbox/features/register-invite/index.tsx'));
+export const Share = lazy(() => import('soapbox/features/share/index.tsx'));
+export const NewStatus = lazy(() => import('soapbox/features/new-status/index.tsx'));
+export const IntentionalError = lazy(() => import('soapbox/features/intentional-error/index.tsx'));
+export const Developers = lazy(() => import('soapbox/features/developers/index.tsx'));
+export const CreateApp = lazy(() => import('soapbox/features/developers/apps/create.tsx'));
+export const SettingsStore = lazy(() => import('soapbox/features/developers/settings-store.tsx'));
+export const TestTimeline = lazy(() => import('soapbox/features/test-timeline/index.tsx'));
+export const ServiceWorkerInfo = lazy(() => import('soapbox/features/developers/service-worker-info.tsx'));
+export const CompareHistoryModal = lazy(() => import('soapbox/features/ui/components/modals/compare-history-modal.tsx'));
+export const AuthTokenList = lazy(() => import('soapbox/features/auth-token-list/index.tsx'));
+export const FamiliarFollowersModal = lazy(() => import('soapbox/features/ui/components/modals/familiar-followers-modal.tsx'));
+export const AnnouncementsPanel = lazy(() => import('soapbox/components/announcements/announcements-panel.tsx'));
+export const Quotes = lazy(() => import('soapbox/features/quotes/index.tsx'));
+export const ComposeEventModal = lazy(() => import('soapbox/features/ui/components/modals/compose-event-modal/compose-event-modal.tsx'));
+export const JoinEventModal = lazy(() => import('soapbox/features/ui/components/modals/join-event-modal.tsx'));
+export const EventHeader = lazy(() => import('soapbox/features/event/components/event-header.tsx'));
+export const EventInformation = lazy(() => import('soapbox/features/event/event-information.tsx'));
+export const EventDiscussion = lazy(() => import('soapbox/features/event/event-discussion.tsx'));
+export const EventMapModal = lazy(() => import('soapbox/features/ui/components/modals/event-map-modal.tsx'));
+export const EventParticipantsModal = lazy(() => import('soapbox/features/ui/components/modals/event-participants-modal.tsx'));
+export const Events = lazy(() => import('soapbox/features/events/index.tsx'));
+export const Groups = lazy(() => import('soapbox/features/groups/index.tsx'));
+export const GroupsDiscover = lazy(() => import('soapbox/features/groups/discover.tsx'));
+export const GroupsPopular = lazy(() => import('soapbox/features/groups/popular.tsx'));
+export const GroupsSuggested = lazy(() => import('soapbox/features/groups/suggested.tsx'));
+export const GroupsTag = lazy(() => import('soapbox/features/groups/tag.tsx'));
+export const GroupsTags = lazy(() => import('soapbox/features/groups/tags.tsx'));
+export const PendingGroupRequests = lazy(() => import('soapbox/features/groups/pending-requests.tsx'));
+export const GroupMembers = lazy(() => import('soapbox/features/group/group-members.tsx'));
+export const GroupTags = lazy(() => import('soapbox/features/group/group-tags.tsx'));
+export const GroupTagTimeline = lazy(() => import('soapbox/features/group/group-tag-timeline.tsx'));
+export const GroupTimeline = lazy(() => import('soapbox/features/group/group-timeline.tsx'));
+export const ManageGroup = lazy(() => import('soapbox/features/group/manage-group.tsx'));
+export const EditGroup = lazy(() => import('soapbox/features/group/edit-group.tsx'));
+export const GroupBlockedMembers = lazy(() => import('soapbox/features/group/group-blocked-members.tsx'));
+export const GroupMembershipRequests = lazy(() => import('soapbox/features/group/group-membership-requests.tsx'));
+export const GroupGallery = lazy(() => import('soapbox/features/group/group-gallery.tsx'));
+export const CreateGroupModal = lazy(() => import('soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx'));
+export const NewGroupPanel = lazy(() => import('soapbox/features/ui/components/panels/new-group-panel.tsx'));
+export const MyGroupsPanel = lazy(() => import('soapbox/features/ui/components/panels/my-groups-panel.tsx'));
+export const SuggestedGroupsPanel = lazy(() => import('soapbox/features/ui/components/panels/suggested-groups-panel.tsx'));
+export const GroupMediaPanel = lazy(() => import('soapbox/features/ui/components/group-media-panel.tsx'));
+export const NewEventPanel = lazy(() => import('soapbox/features/ui/components/panels/new-event-panel.tsx'));
+export const Announcements = lazy(() => import('soapbox/features/admin/announcements.tsx'));
+export const EditAnnouncementModal = lazy(() => import('soapbox/features/ui/components/modals/edit-announcement-modal.tsx'));
+export const FollowedTags = lazy(() => import('soapbox/features/followed-tags/index.tsx'));
+export const AccountNotePanel = lazy(() => import('soapbox/features/ui/components/panels/account-note-panel.tsx'));
+export const ComposeEditor = lazy(() => import('soapbox/features/compose/editor/index.tsx'));
+export const NostrSignupModal = lazy(() => import('soapbox/features/ui/components/modals/nostr-signup-modal/nostr-signup-modal.tsx'));
+export const NostrLoginModal = lazy(() => import('soapbox/features/ui/components/modals/nostr-login-modal/nostr-login-modal.tsx'));
+export const BookmarkFolders = lazy(() => import('soapbox/features/bookmark-folders/index.tsx'));
+export const EditBookmarkFolderModal = lazy(() => import('soapbox/features/ui/components/modals/edit-bookmark-folder-modal.tsx'));
+export const SelectBookmarkFolderModal = lazy(() => import('soapbox/features/ui/components/modals/select-bookmark-folder-modal.tsx'));
+export const EditIdentity = lazy(() => import('soapbox/features/edit-identity/index.tsx'));
+export const Domains = lazy(() => import('soapbox/features/admin/domains.tsx'));
+export const EditDomainModal = lazy(() => import('soapbox/features/ui/components/modals/edit-domain-modal.tsx'));
+export const NostrRelays = lazy(() => import('soapbox/features/nostr-relays/index.tsx'));
+export const Bech32Redirect = lazy(() => import('soapbox/features/nostr/Bech32Redirect.tsx'));
+export const ManageZapSplit = lazy(() => import('soapbox/features/admin/manage-zap-split.tsx'));
+export const Relays = lazy(() => import('soapbox/features/admin/relays.tsx'));
+export const Rules = lazy(() => import('soapbox/features/admin/rules.tsx'));
+export const EditRuleModal = lazy(() => import('soapbox/features/ui/components/modals/edit-rule-modal.tsx'));
+export const AdminNostrRelays = lazy(() => import('soapbox/features/admin/nostr-relays.tsx'));
+export const ZapPayRequestModal = lazy(() => import('soapbox/features/ui/components/modals/zap-pay-request-modal.tsx'));
+export const ZapInvoiceModal = lazy(() => import('soapbox/features/ui/components/modals/zap-invoice.tsx'));
+export const ZapsModal = lazy(() => import('soapbox/features/ui/components/modals/zaps-modal.tsx'));
+export const ZapSplitModal = lazy(() => import('soapbox/features/ui/components/modals/zap-split/zap-split-modal.tsx'));
+export const CaptchaModal = lazy(() => import('soapbox/features/ui/components/modals/captcha-modal/captcha-modal.tsx'));
+export const NostrBunkerLogin = lazy(() => import('soapbox/features/nostr/nostr-bunker-login.tsx'));
\ No newline at end of file
diff --git a/src/features/ui/util/global-hotkeys.tsx b/src/features/ui/util/global-hotkeys.tsx
index ef25e6c69..ce187249c 100644
--- a/src/features/ui/util/global-hotkeys.tsx
+++ b/src/features/ui/util/global-hotkeys.tsx
@@ -1,12 +1,12 @@
 import { useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { resetCompose } from 'soapbox/actions/compose';
-import { openModal } from 'soapbox/actions/modals';
-import { FOCUS_EDITOR_COMMAND } from 'soapbox/features/compose/editor/plugins/focus-plugin';
-import { useAppSelector, useAppDispatch, useOwnAccount } from 'soapbox/hooks';
+import { resetCompose } from 'soapbox/actions/compose.ts';
+import { openModal } from 'soapbox/actions/modals.ts';
+import { FOCUS_EDITOR_COMMAND } from 'soapbox/features/compose/editor/plugins/focus-plugin.tsx';
+import { useAppSelector, useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import { HotKeys } from '../components/hotkeys';
+import { HotKeys } from '../components/hotkeys.tsx';
 
 import type { LexicalEditor } from 'lexical';
 
diff --git a/src/features/ui/util/optional-motion.tsx b/src/features/ui/util/optional-motion.tsx
index 84e0c466a..79855d639 100644
--- a/src/features/ui/util/optional-motion.tsx
+++ b/src/features/ui/util/optional-motion.tsx
@@ -1,8 +1,8 @@
 import { Motion, MotionProps } from 'react-motion';
 
-import { useSettings } from 'soapbox/hooks';
+import { useSettings } from 'soapbox/hooks/index.ts';
 
-import ReducedMotion from './reduced-motion';
+import ReducedMotion from './reduced-motion.tsx';
 
 const OptionalMotion = (props: MotionProps) => {
   const { reduceMotion } = useSettings();
diff --git a/src/features/ui/util/pending-status-builder.ts b/src/features/ui/util/pending-status-builder.ts
index cc3a06102..e2031bdde 100644
--- a/src/features/ui/util/pending-status-builder.ts
+++ b/src/features/ui/util/pending-status-builder.ts
@@ -1,11 +1,11 @@
 import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 
-import { normalizeStatus } from 'soapbox/normalizers/status';
-import { calculateStatus } from 'soapbox/reducers/statuses';
-import { makeGetAccount } from 'soapbox/selectors';
+import { normalizeStatus } from 'soapbox/normalizers/status.ts';
+import { calculateStatus } from 'soapbox/reducers/statuses.ts';
+import { makeGetAccount } from 'soapbox/selectors/index.ts';
 
-import type { PendingStatus } from 'soapbox/reducers/pending-statuses';
-import type { RootState } from 'soapbox/store';
+import type { PendingStatus } from 'soapbox/reducers/pending-statuses.ts';
+import type { RootState } from 'soapbox/store.ts';
 
 const getAccount = makeGetAccount();
 
diff --git a/src/features/ui/util/react-router-helpers.tsx b/src/features/ui/util/react-router-helpers.tsx
index 40f2c6023..e09a9350f 100644
--- a/src/features/ui/util/react-router-helpers.tsx
+++ b/src/features/ui/util/react-router-helpers.tsx
@@ -2,13 +2,13 @@ import { Suspense, useEffect, useRef } from 'react';
 import { ErrorBoundary, type FallbackProps } from 'react-error-boundary';
 import { Redirect, Route, useHistory, RouteProps, RouteComponentProps, match as MatchType, useLocation } from 'react-router-dom';
 
-import { Layout } from 'soapbox/components/ui';
-import { useOwnAccount, useSettings } from 'soapbox/hooks';
+import { Layout } from 'soapbox/components/ui/index.ts';
+import { useOwnAccount, useSettings } from 'soapbox/hooks/index.ts';
 
-import ColumnForbidden from '../components/column-forbidden';
-import ColumnLoading from '../components/column-loading';
-import ColumnsArea from '../components/columns-area';
-import ErrorColumn from '../components/error-column';
+import ColumnForbidden from '../components/column-forbidden.tsx';
+import ColumnLoading from '../components/column-loading.tsx';
+import ColumnsArea from '../components/columns-area.tsx';
+import ErrorColumn from '../components/error-column.tsx';
 
 type PageProps = {
   params?: MatchType['params'];
diff --git a/src/features/video/index.tsx b/src/features/video/index.tsx
index 6d6fc91e7..dfca5663e 100644
--- a/src/features/video/index.tsx
+++ b/src/features/video/index.tsx
@@ -10,12 +10,12 @@ import throttle from 'lodash/throttle';
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import Blurhash from 'soapbox/components/blurhash';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
-import { isPanoramic, isPortrait, minimumAspectRatio, maximumAspectRatio } from 'soapbox/utils/media-aspect-ratio';
+import Blurhash from 'soapbox/components/blurhash.tsx';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
+import { isPanoramic, isPortrait, minimumAspectRatio, maximumAspectRatio } from 'soapbox/utils/media-aspect-ratio.ts';
 
-import { isFullscreen, requestFullscreen, exitFullscreen } from '../ui/util/fullscreen';
+import { isFullscreen, requestFullscreen, exitFullscreen } from '../ui/util/fullscreen.ts';
 
 const DEFAULT_HEIGHT = 300;
 
diff --git a/src/features/zap/components/zap-button/zap-button.tsx b/src/features/zap/components/zap-button/zap-button.tsx
index f5a840b49..02a24cfae 100644
--- a/src/features/zap/components/zap-button/zap-button.tsx
+++ b/src/features/zap/components/zap-button/zap-button.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Link } from 'react-router-dom';
 
-import { shortNumberFormat } from 'soapbox/utils/numbers';
+import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 interface IButton {
   /** Whether this button expands the width of its container. */
diff --git a/src/features/zap/components/zap-pay-request-form.tsx b/src/features/zap/components/zap-pay-request-form.tsx
index e73d509b0..6590ed79b 100644
--- a/src/features/zap/components/zap-pay-request-form.tsx
+++ b/src/features/zap/components/zap-pay-request-form.tsx
@@ -5,23 +5,23 @@ import { useEffect, useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { zap } from 'soapbox/actions/interactions';
-import { openModal, closeModal } from 'soapbox/actions/modals';
-import useZapSplit from 'soapbox/api/hooks/zap-split/useZapSplit';
+import { zap } from 'soapbox/actions/interactions.ts';
+import { openModal, closeModal } from 'soapbox/actions/modals.ts';
+import useZapSplit from 'soapbox/api/hooks/zap-split/useZapSplit.ts';
 import chestIcon from 'soapbox/assets/icons/chest.png';
 import coinStack from 'soapbox/assets/icons/coin-stack.png';
 import coinIcon from 'soapbox/assets/icons/coin.png';
 import moneyBag from 'soapbox/assets/icons/money-bag.png';
 import pileCoin from 'soapbox/assets/icons/pile-coin.png';
-import DisplayNameInline from 'soapbox/components/display-name-inline';
-import { Stack, Button, Input, Avatar, Text } from 'soapbox/components/ui';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button';
-import { useAppDispatch } from 'soapbox/hooks';
+import DisplayNameInline from 'soapbox/components/display-name-inline.tsx';
+import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Stack, Button, Input, Avatar, Text } from 'soapbox/components/ui/index.ts';
+import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import ZapButton from './zap-button/zap-button';
+import ZapButton from './zap-button/zap-button.tsx';
 
-import type {  Account as AccountEntity, Status as StatusEntity   } from 'soapbox/types/entities';
+import type {  Account as AccountEntity, Status as StatusEntity   } from 'soapbox/types/entities.ts';
 
 const ZAP_PRESETS = [
   { amount: 50, icon: coinIcon },
diff --git a/src/features/zap/components/zap-split-account-item.tsx b/src/features/zap/components/zap-split-account-item.tsx
index cd2776464..3f3029240 100644
--- a/src/features/zap/components/zap-split-account-item.tsx
+++ b/src/features/zap/components/zap-split-account-item.tsx
@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { useState } from 'react';
 
-import { Slider } from 'soapbox/components/ui';
+import { Slider } from 'soapbox/components/ui/index.ts';
 
 const formattedWeight = (weight: number) =>{
   return Number((weight * 100).toFixed());
diff --git a/src/globals.ts b/src/globals.ts
index f2c1eb35b..e67c5742b 100644
--- a/src/globals.ts
+++ b/src/globals.ts
@@ -2,9 +2,9 @@
  * globals: do things through the console.
  * This feature is for developers.
  */
-import { changeSettingImmediate } from 'soapbox/actions/settings';
+import { changeSettingImmediate } from 'soapbox/actions/settings.ts';
 
-import type { Store } from 'soapbox/store';
+import type { Store } from 'soapbox/store.ts';
 
 /** Add Soapbox globals to the window. */
 export const createGlobals = (store: Store) => {
diff --git a/src/hooks/forms/index.ts b/src/hooks/forms/index.ts
index 7e2c9e7e1..cafcbbede 100644
--- a/src/hooks/forms/index.ts
+++ b/src/hooks/forms/index.ts
@@ -1,3 +1,3 @@
-export { useImageField } from './useImageField';
-export { useTextField } from './useTextField';
-export { usePreview } from './usePreview';
\ No newline at end of file
+export { useImageField } from './useImageField.ts';
+export { useTextField } from './useTextField.ts';
+export { usePreview } from './usePreview.ts';
\ No newline at end of file
diff --git a/src/hooks/forms/useImageField.ts b/src/hooks/forms/useImageField.ts
index cff47f3ff..244098799 100644
--- a/src/hooks/forms/useImageField.ts
+++ b/src/hooks/forms/useImageField.ts
@@ -1,8 +1,8 @@
 import { useState } from 'react';
 
-import resizeImage from 'soapbox/utils/resize-image';
+import resizeImage from 'soapbox/utils/resize-image.ts';
 
-import { usePreview } from './usePreview';
+import { usePreview } from './usePreview.ts';
 
 interface UseImageFieldOpts {
   /** Resize the image to the max dimensions, if defined. */
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index abfbd726c..2c27dfa80 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -1,25 +1,25 @@
-export { useApi } from './useApi';
-export { useAppDispatch } from './useAppDispatch';
-export { useAppSelector } from './useAppSelector';
-export { useBackend } from './useBackend';
-export { useClickOutside } from './useClickOutside';
-export { useCompose } from './useCompose';
-export { useDebounce } from './useDebounce';
-export { useDraggedFiles } from './useDraggedFiles';
-export { useGetState } from './useGetState';
-export { useDimensions } from './useDimensions';
-export { useFeatures } from './useFeatures';
-export { useInstance } from './useInstance';
-export { useLoading } from './useLoading';
-export { useLocale } from './useLocale';
-export { useLoggedIn } from './useLoggedIn';
-export { useOnScreen } from './useOnScreen';
-export { useOwnAccount } from './useOwnAccount';
-export { usePrevious } from './usePrevious';
-export { useRefEventHandler } from './useRefEventHandler';
-export { useRegistrationStatus } from './useRegistrationStatus';
-export { useSettings } from './useSettings';
-export { useSoapboxConfig } from './useSoapboxConfig';
-export { useSystemTheme } from './useSystemTheme';
-export { useTheme } from './useTheme';
-export { useSettingsNotifications } from './useSettingsNotifications';
\ No newline at end of file
+export { useApi } from './useApi.ts';
+export { useAppDispatch } from './useAppDispatch.ts';
+export { useAppSelector } from './useAppSelector.ts';
+export { useBackend } from './useBackend.ts';
+export { useClickOutside } from './useClickOutside.ts';
+export { useCompose } from './useCompose.ts';
+export { useDebounce } from './useDebounce.ts';
+export { useDraggedFiles } from './useDraggedFiles.ts';
+export { useGetState } from './useGetState.ts';
+export { useDimensions } from './useDimensions.ts';
+export { useFeatures } from './useFeatures.ts';
+export { useInstance } from './useInstance.ts';
+export { useLoading } from './useLoading.ts';
+export { useLocale } from './useLocale.ts';
+export { useLoggedIn } from './useLoggedIn.ts';
+export { useOnScreen } from './useOnScreen.ts';
+export { useOwnAccount } from './useOwnAccount.ts';
+export { usePrevious } from './usePrevious.ts';
+export { useRefEventHandler } from './useRefEventHandler.ts';
+export { useRegistrationStatus } from './useRegistrationStatus.ts';
+export { useSettings } from './useSettings.ts';
+export { useSoapboxConfig } from './useSoapboxConfig.ts';
+export { useSystemTheme } from './useSystemTheme.ts';
+export { useTheme } from './useTheme.ts';
+export { useSettingsNotifications } from './useSettingsNotifications.ts';
\ No newline at end of file
diff --git a/src/hooks/nostr/useBunker.ts b/src/hooks/nostr/useBunker.ts
index 6cb7058ca..6a226ed64 100644
--- a/src/hooks/nostr/useBunker.ts
+++ b/src/hooks/nostr/useBunker.ts
@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 
-import { useNostr } from 'soapbox/contexts/nostr-context';
-import { NBunker } from 'soapbox/features/nostr/NBunker';
-import { useSigner } from 'soapbox/hooks/nostr/useSigner';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
+import { NBunker } from 'soapbox/features/nostr/NBunker.ts';
+import { useSigner } from 'soapbox/hooks/nostr/useSigner.ts';
 
 function useBunker() {
   const { relay } = useNostr();
diff --git a/src/hooks/nostr/useBunkerStore.ts b/src/hooks/nostr/useBunkerStore.ts
index 2608df303..a9571092b 100644
--- a/src/hooks/nostr/useBunkerStore.ts
+++ b/src/hooks/nostr/useBunkerStore.ts
@@ -5,7 +5,7 @@ import { create } from 'zustand';
 // eslint-disable-next-line import/extensions
 import { persist } from 'zustand/middleware';
 
-import { filteredArray, jsonSchema } from 'soapbox/schemas/utils';
+import { filteredArray, jsonSchema } from 'soapbox/schemas/utils.ts';
 
 /**
  * A bunker connection maps an OAuth token from Mastodon API to a user pubkey and bunker keypair.
diff --git a/src/hooks/nostr/useSigner.ts b/src/hooks/nostr/useSigner.ts
index 8541a2430..6a8d38a98 100644
--- a/src/hooks/nostr/useSigner.ts
+++ b/src/hooks/nostr/useSigner.ts
@@ -1,9 +1,9 @@
 import { useQuery } from '@tanstack/react-query';
 import { useMemo } from 'react';
 
-import { keyring } from 'soapbox/features/nostr/keyring';
-import { useAppSelector } from 'soapbox/hooks';
-import { useBunkerStore } from 'soapbox/hooks/nostr/useBunkerStore';
+import { keyring } from 'soapbox/features/nostr/keyring.ts';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
+import { useBunkerStore } from 'soapbox/hooks/nostr/useBunkerStore.ts';
 
 export function useSigner() {
   const { connections } = useBunkerStore();
diff --git a/src/hooks/useApi.ts b/src/hooks/useApi.ts
index 5d0baaf1b..de87c069a 100644
--- a/src/hooks/useApi.ts
+++ b/src/hooks/useApi.ts
@@ -1,10 +1,10 @@
 import { useMemo } from 'react';
 
-import { MastodonClient } from 'soapbox/api/MastodonClient';
-import * as BuildConfig from 'soapbox/build-config';
+import { MastodonClient } from 'soapbox/api/MastodonClient.ts';
+import * as BuildConfig from 'soapbox/build-config.ts';
 
-import { useAppSelector } from './useAppSelector';
-import { useOwnAccount } from './useOwnAccount';
+import { useAppSelector } from './useAppSelector.ts';
+import { useOwnAccount } from './useOwnAccount.ts';
 
 export function useApi(): MastodonClient {
   const { account } = useOwnAccount();
diff --git a/src/hooks/useAppDispatch.ts b/src/hooks/useAppDispatch.ts
index fa28aa0d2..2caeeb010 100644
--- a/src/hooks/useAppDispatch.ts
+++ b/src/hooks/useAppDispatch.ts
@@ -1,5 +1,5 @@
 import { useDispatch } from 'react-redux';
 
-import type { AppDispatch } from 'soapbox/store';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 export const useAppDispatch = () => useDispatch<AppDispatch>();
\ No newline at end of file
diff --git a/src/hooks/useAppSelector.ts b/src/hooks/useAppSelector.ts
index 4394afb21..a4b60b02f 100644
--- a/src/hooks/useAppSelector.ts
+++ b/src/hooks/useAppSelector.ts
@@ -1,5 +1,5 @@
 import { TypedUseSelectorHook, useSelector } from 'react-redux';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
diff --git a/src/hooks/useBackend.ts b/src/hooks/useBackend.ts
index fbbad827d..59d79f7f9 100644
--- a/src/hooks/useBackend.ts
+++ b/src/hooks/useBackend.ts
@@ -1,6 +1,6 @@
-import { parseVersion } from 'soapbox/utils/features';
+import { parseVersion } from 'soapbox/utils/features.ts';
 
-import { useInstance } from './useInstance';
+import { useInstance } from './useInstance.ts';
 
 /**
  * Get the Backend version.
diff --git a/src/hooks/useCompose.ts b/src/hooks/useCompose.ts
index 0d0ef1688..f73743b62 100644
--- a/src/hooks/useCompose.ts
+++ b/src/hooks/useCompose.ts
@@ -1,6 +1,6 @@
-import { useAppSelector } from './useAppSelector';
+import { useAppSelector } from './useAppSelector.ts';
 
-import type { ReducerCompose } from 'soapbox/reducers/compose';
+import type { ReducerCompose } from 'soapbox/reducers/compose.ts';
 
 /** Get compose for given key with fallback to 'default' */
 export const useCompose = <ID extends string>(composeId: ID extends 'default' ? never : ID): ReturnType<typeof ReducerCompose> => {
diff --git a/src/hooks/useDimensions.test.ts b/src/hooks/useDimensions.test.ts
index 756f128e2..7c35eb471 100644
--- a/src/hooks/useDimensions.test.ts
+++ b/src/hooks/useDimensions.test.ts
@@ -1,8 +1,8 @@
 import { renderHook, act } from '@testing-library/react-hooks';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { listener, mockDisconnect } from './__mocks__/resize-observer';
-import { useDimensions } from './useDimensions';
+import { listener, mockDisconnect } from './__mocks__/resize-observer.ts';
+import { useDimensions } from './useDimensions.ts';
 
 describe('useDimensions()', () => {
   beforeEach(() => {
diff --git a/src/hooks/useFeatures.ts b/src/hooks/useFeatures.ts
index f68cca14a..0e95325d0 100644
--- a/src/hooks/useFeatures.ts
+++ b/src/hooks/useFeatures.ts
@@ -1,6 +1,6 @@
-import { getFeatures, Features } from 'soapbox/utils/features';
+import { getFeatures, Features } from 'soapbox/utils/features.ts';
 
-import { useInstance } from './useInstance';
+import { useInstance } from './useInstance.ts';
 
 /** Get features for the current instance. */
 export const useFeatures = (): Features => {
diff --git a/src/hooks/useGetState.ts b/src/hooks/useGetState.ts
index 848c0c348..6a8768739 100644
--- a/src/hooks/useGetState.ts
+++ b/src/hooks/useGetState.ts
@@ -1,6 +1,6 @@
-import { useAppDispatch } from './useAppDispatch';
+import { useAppDispatch } from './useAppDispatch.ts';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 /**
  * Provides a `getState()` function to hooks.
diff --git a/src/hooks/useInstance.ts b/src/hooks/useInstance.ts
index 46557f587..803889ffa 100644
--- a/src/hooks/useInstance.ts
+++ b/src/hooks/useInstance.ts
@@ -1,11 +1,11 @@
 import { useEffect, useMemo } from 'react';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
-import { useInstanceV1 } from 'soapbox/api/hooks/instance/useInstanceV1';
-import { useInstanceV2 } from 'soapbox/api/hooks/instance/useInstanceV2';
-import { instanceV2Schema, upgradeInstance } from 'soapbox/schemas/instance';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
+import { useInstanceV1 } from 'soapbox/api/hooks/instance/useInstanceV1.ts';
+import { useInstanceV2 } from 'soapbox/api/hooks/instance/useInstanceV2.ts';
+import { instanceV2Schema, upgradeInstance } from 'soapbox/schemas/instance.ts';
 
-import { useAppDispatch } from './useAppDispatch';
+import { useAppDispatch } from './useAppDispatch.ts';
 
 interface Opts {
   /** The base URL of the instance. */
diff --git a/src/hooks/useIsMobile.ts b/src/hooks/useIsMobile.ts
index 2bfbafdc2..771d5186f 100644
--- a/src/hooks/useIsMobile.ts
+++ b/src/hooks/useIsMobile.ts
@@ -1,4 +1,4 @@
-import { useScreenWidth } from './useScreenWidth';
+import { useScreenWidth } from './useScreenWidth.ts';
 
 export function useIsMobile() {
   const screenWidth = useScreenWidth();
diff --git a/src/hooks/useLocale.ts b/src/hooks/useLocale.ts
index 6a8d7943c..0c5604e31 100644
--- a/src/hooks/useLocale.ts
+++ b/src/hooks/useLocale.ts
@@ -1,6 +1,6 @@
-import { getLocale } from 'soapbox/actions/settings';
+import { getLocale } from 'soapbox/actions/settings.ts';
 
-import { useAppSelector } from './useAppSelector';
+import { useAppSelector } from './useAppSelector.ts';
 
 /** Locales which should be presented in right-to-left. */
 const RTL_LOCALES = ['ar', 'ckb', 'fa', 'he'];
diff --git a/src/hooks/useLoggedIn.ts b/src/hooks/useLoggedIn.ts
index ad7860aca..b32ce1219 100644
--- a/src/hooks/useLoggedIn.ts
+++ b/src/hooks/useLoggedIn.ts
@@ -1,4 +1,4 @@
-import { useAppSelector } from './useAppSelector';
+import { useAppSelector } from './useAppSelector.ts';
 
 function useLoggedIn() {
   const me = useAppSelector(state => state.me);
diff --git a/src/hooks/useOwnAccount.ts b/src/hooks/useOwnAccount.ts
index 6792ca603..fd7758e85 100644
--- a/src/hooks/useOwnAccount.ts
+++ b/src/hooks/useOwnAccount.ts
@@ -1,8 +1,8 @@
 import { useCallback } from 'react';
 
-import { makeGetAccount } from 'soapbox/selectors';
+import { makeGetAccount } from 'soapbox/selectors/index.ts';
 
-import { useAppSelector } from './useAppSelector';
+import { useAppSelector } from './useAppSelector.ts';
 
 /** Get the logged-in account from the store, if any. */
 export const useOwnAccount = () => {
diff --git a/src/hooks/useRegistrationStatus.ts b/src/hooks/useRegistrationStatus.ts
index 4d1068ce9..e341d5b29 100644
--- a/src/hooks/useRegistrationStatus.ts
+++ b/src/hooks/useRegistrationStatus.ts
@@ -1,5 +1,5 @@
-import { useFeatures } from './useFeatures';
-import { useInstance } from './useInstance';
+import { useFeatures } from './useFeatures.ts';
+import { useInstance } from './useInstance.ts';
 
 export const useRegistrationStatus = () => {
   const { instance } = useInstance();
diff --git a/src/hooks/useSettings.ts b/src/hooks/useSettings.ts
index eda0153c6..00d339e96 100644
--- a/src/hooks/useSettings.ts
+++ b/src/hooks/useSettings.ts
@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
 
-import { getSettings } from 'soapbox/actions/settings';
-import { settingsSchema } from 'soapbox/schemas/soapbox/settings';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { settingsSchema } from 'soapbox/schemas/soapbox/settings.ts';
 
-import { useAppSelector } from './useAppSelector';
+import { useAppSelector } from './useAppSelector.ts';
 
 /** Get the user settings from the store */
 export const useSettings = () => {
diff --git a/src/hooks/useSettingsNotifications.ts b/src/hooks/useSettingsNotifications.ts
index f8ab9ab78..ecc9e4971 100644
--- a/src/hooks/useSettingsNotifications.ts
+++ b/src/hooks/useSettingsNotifications.ts
@@ -1,6 +1,6 @@
-import { useFeatures } from './useFeatures';
-import { useOwnAccount } from './useOwnAccount';
-import { useSettings } from './useSettings';
+import { useFeatures } from './useFeatures.ts';
+import { useOwnAccount } from './useOwnAccount.ts';
+import { useSettings } from './useSettings.ts';
 
 type SettingsNotification = 'needsNip05';
 
diff --git a/src/hooks/useSoapboxConfig.ts b/src/hooks/useSoapboxConfig.ts
index 3f4c33e82..8e6aec6dc 100644
--- a/src/hooks/useSoapboxConfig.ts
+++ b/src/hooks/useSoapboxConfig.ts
@@ -1,8 +1,8 @@
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
+import { getSoapboxConfig } from 'soapbox/actions/soapbox.ts';
 
-import { useAppSelector } from './useAppSelector';
+import { useAppSelector } from './useAppSelector.ts';
 
-import type { SoapboxConfig } from 'soapbox/types/soapbox';
+import type { SoapboxConfig } from 'soapbox/types/soapbox.ts';
 
 /** Get the Soapbox config from the store */
 export const useSoapboxConfig = (): SoapboxConfig => {
diff --git a/src/hooks/useTheme.ts b/src/hooks/useTheme.ts
index 8a53cd376..e37a3c544 100644
--- a/src/hooks/useTheme.ts
+++ b/src/hooks/useTheme.ts
@@ -1,5 +1,5 @@
-import { useSettings } from './useSettings';
-import { useSystemTheme } from './useSystemTheme';
+import { useSettings } from './useSettings.ts';
+import { useSystemTheme } from './useSystemTheme.ts';
 
 type Theme = 'light' | 'dark' | 'black';
 
diff --git a/src/init/soapbox-head.tsx b/src/init/soapbox-head.tsx
index 3125c601b..b8e608615 100644
--- a/src/init/soapbox-head.tsx
+++ b/src/init/soapbox-head.tsx
@@ -6,12 +6,12 @@ import {
   useSoapboxConfig,
   useTheme,
   useLocale,
-} from 'soapbox/hooks';
-import { normalizeSoapboxConfig } from 'soapbox/normalizers';
-import { startSentry } from 'soapbox/sentry';
-import { generateThemeCss } from 'soapbox/utils/theme';
+} from 'soapbox/hooks/index.ts';
+import { normalizeSoapboxConfig } from 'soapbox/normalizers/index.ts';
+import { startSentry } from 'soapbox/sentry.ts';
+import { generateThemeCss } from 'soapbox/utils/theme.ts';
 
-const Helmet = lazy(() => import('soapbox/components/helmet'));
+const Helmet = lazy(() => import('soapbox/components/helmet.tsx'));
 
 interface ISoapboxHead {
   children: React.ReactNode;
diff --git a/src/init/soapbox-load.tsx b/src/init/soapbox-load.tsx
index 858e22b34..3f1617ebb 100644
--- a/src/init/soapbox-load.tsx
+++ b/src/init/soapbox-load.tsx
@@ -1,20 +1,21 @@
 import { useState, useEffect } from 'react';
 import { IntlProvider } from 'react-intl';
 
-import { fetchMe } from 'soapbox/actions/me';
-import { loadSoapboxConfig } from 'soapbox/actions/soapbox';
-import LoadingScreen from 'soapbox/components/loading-screen';
-import { useNostr } from 'soapbox/contexts/nostr-context';
+
+import { fetchMe } from 'soapbox/actions/me.ts';
+import { loadSoapboxConfig } from 'soapbox/actions/soapbox.ts';
+import LoadingScreen from 'soapbox/components/loading-screen.tsx';
+import { useNostr } from 'soapbox/contexts/nostr-context.tsx';
 import {
   useAppSelector,
   useAppDispatch,
   useOwnAccount,
   useLocale,
   useInstance,
-} from 'soapbox/hooks';
-import { useBunker } from 'soapbox/hooks/nostr/useBunker';
-import { useSigner } from 'soapbox/hooks/nostr/useSigner';
-import MESSAGES from 'soapbox/messages';
+} from 'soapbox/hooks/index.ts';
+import { useBunker } from 'soapbox/hooks/nostr/useBunker.ts';
+import { useSigner } from 'soapbox/hooks/nostr/useSigner.ts';
+import MESSAGES from 'soapbox/messages.ts';
 
 /** Load initial data from the backend */
 const loadInitial = () => {
diff --git a/src/init/soapbox-mount.tsx b/src/init/soapbox-mount.tsx
index 80fdc2f61..1f193551f 100644
--- a/src/init/soapbox-mount.tsx
+++ b/src/init/soapbox-mount.tsx
@@ -3,26 +3,26 @@ import { Toaster } from 'react-hot-toast';
 import { BrowserRouter, Switch, Redirect, Route } from 'react-router-dom';
 import { CompatRouter } from 'react-router-dom-v5-compat';
 
-import { openModal } from 'soapbox/actions/modals';
-import * as BuildConfig from 'soapbox/build-config';
-import LoadingScreen from 'soapbox/components/loading-screen';
-import { ScrollContext } from 'soapbox/components/scroll-context';
-import SiteErrorBoundary from 'soapbox/components/site-error-boundary';
+import { openModal } from 'soapbox/actions/modals.ts';
+import * as BuildConfig from 'soapbox/build-config.ts';
+import LoadingScreen from 'soapbox/components/loading-screen.tsx';
+import { ScrollContext } from 'soapbox/components/scroll-context.tsx';
+import SiteErrorBoundary from 'soapbox/components/site-error-boundary.tsx';
 import {
   ModalContainer,
-} from 'soapbox/features/ui/util/async-components';
+} from 'soapbox/features/ui/util/async-components.ts';
 import {
   useAppDispatch,
   useAppSelector,
   useLoggedIn,
   useOwnAccount,
   useSoapboxConfig,
-} from 'soapbox/hooks';
-import { useCachedLocationHandler } from 'soapbox/utils/redirect';
+} from 'soapbox/hooks/index.ts';
+import { useCachedLocationHandler } from 'soapbox/utils/redirect.ts';
 
-const GdprBanner = lazy(() => import('soapbox/components/gdpr-banner'));
-const EmbeddedStatus = lazy(() => import('soapbox/features/embedded-status'));
-const UI = lazy(() => import('soapbox/features/ui'));
+const GdprBanner = lazy(() => import('soapbox/components/gdpr-banner.tsx'));
+const EmbeddedStatus = lazy(() => import('soapbox/features/embedded-status/index.tsx'));
+const UI = lazy(() => import('soapbox/features/ui/index.tsx'));
 
 /** Highest level node with the Redux store. */
 const SoapboxMount = () => {
diff --git a/src/init/soapbox.tsx b/src/init/soapbox.tsx
index 117b732b5..cbddedf53 100644
--- a/src/init/soapbox.tsx
+++ b/src/init/soapbox.tsx
@@ -1,18 +1,18 @@
 import { QueryClientProvider } from '@tanstack/react-query';
 import { Provider } from 'react-redux';
 
-import { NostrProvider } from 'soapbox/contexts/nostr-context';
-import { StatProvider } from 'soapbox/contexts/stat-context';
-import { createGlobals } from 'soapbox/globals';
-import { queryClient } from 'soapbox/queries/client';
+import { NostrProvider } from 'soapbox/contexts/nostr-context.tsx';
+import { StatProvider } from 'soapbox/contexts/stat-context.tsx';
+import { createGlobals } from 'soapbox/globals.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
 
-import { checkOnboardingStatus } from '../actions/onboarding';
-import { preload } from '../actions/preload';
-import { store } from '../store';
+import { checkOnboardingStatus } from '../actions/onboarding.ts';
+import { preload } from '../actions/preload.ts';
+import { store } from '../store.ts';
 
-import SoapboxHead from './soapbox-head';
-import SoapboxLoad from './soapbox-load';
-import SoapboxMount from './soapbox-mount';
+import SoapboxHead from './soapbox-head.tsx';
+import SoapboxLoad from './soapbox-load.tsx';
+import SoapboxMount from './soapbox-mount.tsx';
 
 // Configure global functions for developers
 createGlobals(store);
diff --git a/src/jest/factory.ts b/src/jest/factory.ts
index a2818c0c8..3d6dacf48 100644
--- a/src/jest/factory.ts
+++ b/src/jest/factory.ts
@@ -1,3 +1,4 @@
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 import {
   accountSchema,
   cardSchema,
@@ -15,9 +16,8 @@ import {
   type GroupTag,
   type Relationship,
   type Status,
-} from 'soapbox/schemas';
-import { GroupRoles } from 'soapbox/schemas/group-member';
-import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance';
+} from 'soapbox/schemas/index.ts';
+import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance.ts';
 
 import type { PartialDeep } from 'type-fest';
 
diff --git a/src/jest/mock-stores.tsx b/src/jest/mock-stores.tsx
index 638a7d4a9..029f98d79 100644
--- a/src/jest/mock-stores.tsx
+++ b/src/jest/mock-stores.tsx
@@ -1,7 +1,7 @@
 import alexJson from 'soapbox/__fixtures__/pleroma-account.json';
-import { instanceV1Schema } from 'soapbox/schemas/instance';
+import { instanceV1Schema } from 'soapbox/schemas/instance.ts';
 
-import { buildAccount } from './factory';
+import { buildAccount } from './factory.ts';
 
 /** Store with registrations open. */
 const storeOpen = { instance: instanceV1Schema.parse({ registrations: true }) };
diff --git a/src/jest/test-helpers.tsx b/src/jest/test-helpers.tsx
index 064f686c8..d3a8fd81f 100644
--- a/src/jest/test-helpers.tsx
+++ b/src/jest/test-helpers.tsx
@@ -12,14 +12,14 @@ import { Action, applyMiddleware, createStore } from 'redux';
 import { thunk } from 'redux-thunk';
 import { afterAll, beforeAll } from 'vitest';
 
-import { ChatProvider } from 'soapbox/contexts/chat-context';
-import { StatProvider } from 'soapbox/contexts/stat-context';
-import { queryClient } from 'soapbox/queries/client';
+import { ChatProvider } from 'soapbox/contexts/chat-context.tsx';
+import { StatProvider } from 'soapbox/contexts/stat-context.tsx';
+import { queryClient } from 'soapbox/queries/client.ts';
 
-import { default as rootReducer } from '../reducers';
+import { default as rootReducer } from '../reducers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { AppDispatch } from 'soapbox/store';
+import type { AppDispatch } from 'soapbox/store.ts';
 
 // Mock Redux
 // https://redux.js.org/recipes/writing-tests/
diff --git a/src/jest/test-setup.ts b/src/jest/test-setup.ts
index 0f0e5ac90..0bd11d45a 100644
--- a/src/jest/test-setup.ts
+++ b/src/jest/test-setup.ts
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom/vitest';
 import 'fake-indexeddb/auto';
 import { afterEach, vi } from 'vitest';
 
-import { __clear as clearApiMocks } from '../api/__mocks__';
+import { __clear as clearApiMocks } from '../api/__mocks__/index.ts';
 
 // API mocking
 vi.mock('soapbox/api');
diff --git a/src/middleware/errors.ts b/src/middleware/errors.ts
index 6513f9baf..675bd60d0 100644
--- a/src/middleware/errors.ts
+++ b/src/middleware/errors.ts
@@ -1,4 +1,4 @@
-import toast from 'soapbox/toast';
+import toast from 'soapbox/toast.tsx';
 
 import type { AnyAction, Middleware } from 'redux';
 
diff --git a/src/middleware/sounds.ts b/src/middleware/sounds.ts
index 11367b056..f7440ee82 100644
--- a/src/middleware/sounds.ts
+++ b/src/middleware/sounds.ts
@@ -1,7 +1,7 @@
-import { play, soundCache } from 'soapbox/utils/sounds';
+import { play, soundCache } from 'soapbox/utils/sounds.ts';
 
 import type { AnyAction, Middleware } from 'redux';
-import type { Sounds } from 'soapbox/utils/sounds';
+import type { Sounds } from 'soapbox/utils/sounds.ts';
 
 interface Action extends AnyAction {
   meta: {
diff --git a/src/normalizers/account.test.ts b/src/normalizers/account.test.ts
index 9d2f9fe34..763a19ce8 100644
--- a/src/normalizers/account.test.ts
+++ b/src/normalizers/account.test.ts
@@ -4,7 +4,7 @@ import { describe, expect, it } from 'vitest';
 import AVATAR_MISSING from 'soapbox/assets/images/avatar-missing.png';
 import HEADER_MISSING from 'soapbox/assets/images/header-missing.png';
 
-import { normalizeAccount } from './account';
+import { normalizeAccount } from './account.ts';
 
 describe('normalizeAccount()', () => {
   it('adds base fields', () => {
diff --git a/src/normalizers/account.ts b/src/normalizers/account.ts
index c974ccf1b..ed67d2110 100644
--- a/src/normalizers/account.ts
+++ b/src/normalizers/account.ts
@@ -13,13 +13,13 @@ import {
 
 import avatarMissing from 'soapbox/assets/images/avatar-missing.png';
 import headerMissing from 'soapbox/assets/images/header-missing.png';
-import emojify from 'soapbox/features/emoji';
-import { normalizeEmoji } from 'soapbox/normalizers/emoji';
-import { unescapeHTML } from 'soapbox/utils/html';
-import { mergeDefined, makeEmojiMap } from 'soapbox/utils/normalizers';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { normalizeEmoji } from 'soapbox/normalizers/emoji.ts';
+import { unescapeHTML } from 'soapbox/utils/html.ts';
+import { mergeDefined, makeEmojiMap } from 'soapbox/utils/normalizers.ts';
 
-import type { PatronAccount } from 'soapbox/reducers/patron';
-import type { Emoji, Field, EmbeddedEntity, Relationship } from 'soapbox/types/entities';
+import type { PatronAccount } from 'soapbox/reducers/patron.ts';
+import type { Emoji, Field, EmbeddedEntity, Relationship } from 'soapbox/types/entities.ts';
 
 // https://docs.joinmastodon.org/entities/account/
 export const AccountRecord = ImmutableRecord({
diff --git a/src/normalizers/admin-account.ts b/src/normalizers/admin-account.ts
index 7422e123d..6752355e9 100644
--- a/src/normalizers/admin-account.ts
+++ b/src/normalizers/admin-account.ts
@@ -9,7 +9,7 @@ import {
   fromJS,
 } from 'immutable';
 
-import type { Account, EmbeddedEntity } from 'soapbox/types/entities';
+import type { Account, EmbeddedEntity } from 'soapbox/types/entities.ts';
 
 export const AdminAccountRecord = ImmutableRecord({
   account: null as EmbeddedEntity<Account>,
diff --git a/src/normalizers/admin-report.ts b/src/normalizers/admin-report.ts
index 71e616e8d..8ade7d123 100644
--- a/src/normalizers/admin-report.ts
+++ b/src/normalizers/admin-report.ts
@@ -9,7 +9,7 @@ import {
   fromJS,
 } from 'immutable';
 
-import type { Account, EmbeddedEntity, Status } from 'soapbox/types/entities';
+import type { Account, EmbeddedEntity, Status } from 'soapbox/types/entities.ts';
 
 export const AdminReportRecord = ImmutableRecord({
   account: null as EmbeddedEntity<Account>,
diff --git a/src/normalizers/attachment.test.ts b/src/normalizers/attachment.test.ts
index 59a4f7b14..8e1935102 100644
--- a/src/normalizers/attachment.test.ts
+++ b/src/normalizers/attachment.test.ts
@@ -1,7 +1,7 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeAttachment } from './attachment';
+import { normalizeAttachment } from './attachment.ts';
 
 describe('normalizeAttachment()', () => {
   it('adds base fields', () => {
diff --git a/src/normalizers/attachment.ts b/src/normalizers/attachment.ts
index b63337adc..db588f02d 100644
--- a/src/normalizers/attachment.ts
+++ b/src/normalizers/attachment.ts
@@ -9,7 +9,7 @@ import {
   fromJS,
 } from 'immutable';
 
-import { mergeDefined } from 'soapbox/utils/normalizers';
+import { mergeDefined } from 'soapbox/utils/normalizers.ts';
 
 // https://docs.joinmastodon.org/entities/attachment/
 export const AttachmentRecord = ImmutableRecord({
diff --git a/src/normalizers/chat-message.test.ts b/src/normalizers/chat-message.test.ts
index 7f089b41e..9cbebde35 100644
--- a/src/normalizers/chat-message.test.ts
+++ b/src/normalizers/chat-message.test.ts
@@ -1,8 +1,8 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeAttachment } from './attachment';
-import { normalizeChatMessage } from './chat-message';
+import { normalizeAttachment } from './attachment.ts';
+import { normalizeChatMessage } from './chat-message.ts';
 
 describe('normalizeChatMessage()', () => {
   it('upgrades attachment to media_attachments', () => {
diff --git a/src/normalizers/chat-message.ts b/src/normalizers/chat-message.ts
index 5ec03bb59..1fd572de9 100644
--- a/src/normalizers/chat-message.ts
+++ b/src/normalizers/chat-message.ts
@@ -5,11 +5,11 @@ import {
   fromJS,
 } from 'immutable';
 
-import { normalizeAttachment } from 'soapbox/normalizers/attachment';
-import { emojiReactionSchema } from 'soapbox/schemas';
-import { filteredArray } from 'soapbox/schemas/utils';
+import { normalizeAttachment } from 'soapbox/normalizers/attachment.ts';
+import { emojiReactionSchema } from 'soapbox/schemas/index.ts';
+import { filteredArray } from 'soapbox/schemas/utils.ts';
 
-import type { Attachment, Card, Emoji, EmojiReaction } from 'soapbox/types/entities';
+import type { Attachment, Card, Emoji, EmojiReaction } from 'soapbox/types/entities.ts';
 
 export const ChatMessageRecord = ImmutableRecord({
   account_id: '',
diff --git a/src/normalizers/chat.ts b/src/normalizers/chat.ts
index d3c906a62..08bd5d46f 100644
--- a/src/normalizers/chat.ts
+++ b/src/normalizers/chat.ts
@@ -1,6 +1,6 @@
 import { Map as ImmutableMap, Record as ImmutableRecord, fromJS } from 'immutable';
 
-import type { Account, EmbeddedEntity } from 'soapbox/types/entities';
+import type { Account, EmbeddedEntity } from 'soapbox/types/entities.ts';
 
 export const ChatRecord = ImmutableRecord({
   account: null as EmbeddedEntity<Account>,
diff --git a/src/normalizers/filter-result.ts b/src/normalizers/filter-result.ts
index 08ed3499f..55b9618a8 100644
--- a/src/normalizers/filter-result.ts
+++ b/src/normalizers/filter-result.ts
@@ -5,9 +5,9 @@
  */
 import { List as ImmutableList, Map as ImmutableMap, Record as ImmutableRecord, fromJS } from 'immutable';
 
-import { normalizeFilter } from './filter';
+import { normalizeFilter } from './filter.ts';
 
-import type { Filter } from 'soapbox/types/entities';
+import type { Filter } from 'soapbox/types/entities.ts';
 
 // https://docs.joinmastodon.org/entities/FilterResult/
 export const FilterResultRecord = ImmutableRecord({
diff --git a/src/normalizers/filter.ts b/src/normalizers/filter.ts
index d3eaab237..4643c58ae 100644
--- a/src/normalizers/filter.ts
+++ b/src/normalizers/filter.ts
@@ -5,10 +5,10 @@
  */
 import { List as ImmutableList, Map as ImmutableMap, Record as ImmutableRecord, fromJS } from 'immutable';
 
-import { FilterKeyword, FilterStatus } from 'soapbox/types/entities';
+import { FilterKeyword, FilterStatus } from 'soapbox/types/entities.ts';
 
-import { normalizeFilterKeyword } from './filter-keyword';
-import { normalizeFilterStatus } from './filter-status';
+import { normalizeFilterKeyword } from './filter-keyword.ts';
+import { normalizeFilterStatus } from './filter-status.ts';
 
 export type ContextType = 'home' | 'public' | 'notifications' | 'thread' | 'account';
 export type FilterActionType = 'warn' | 'hide';
diff --git a/src/normalizers/group-relationship.ts b/src/normalizers/group-relationship.ts
index dfb6196fc..9baa01a52 100644
--- a/src/normalizers/group-relationship.ts
+++ b/src/normalizers/group-relationship.ts
@@ -8,7 +8,7 @@ import {
   fromJS,
 } from 'immutable';
 
-import { GroupRoles } from 'soapbox/schemas/group-member';
+import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 
 export const GroupRelationshipRecord = ImmutableRecord({
   id: '',
diff --git a/src/normalizers/group.ts b/src/normalizers/group.ts
index 6b4e5e21b..ea96edbc1 100644
--- a/src/normalizers/group.ts
+++ b/src/normalizers/group.ts
@@ -12,12 +12,12 @@ import {
 
 import avatarMissing from 'soapbox/assets/images/avatar-missing.png';
 import headerMissing from 'soapbox/assets/images/header-missing.png';
-import emojify from 'soapbox/features/emoji';
-import { normalizeEmoji } from 'soapbox/normalizers/emoji';
-import { unescapeHTML } from 'soapbox/utils/html';
-import { makeEmojiMap } from 'soapbox/utils/normalizers';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { normalizeEmoji } from 'soapbox/normalizers/emoji.ts';
+import { unescapeHTML } from 'soapbox/utils/html.ts';
+import { makeEmojiMap } from 'soapbox/utils/normalizers.ts';
 
-import type { Emoji, GroupRelationship } from 'soapbox/types/entities';
+import type { Emoji, GroupRelationship } from 'soapbox/types/entities.ts';
 
 export const GroupRecord = ImmutableRecord({
   avatar: '',
diff --git a/src/normalizers/index.ts b/src/normalizers/index.ts
index d64ff3ae9..17e6b15ae 100644
--- a/src/normalizers/index.ts
+++ b/src/normalizers/index.ts
@@ -1,22 +1,22 @@
-export { AccountRecord, FieldRecord, normalizeAccount } from './account';
-export { AdminAccountRecord, normalizeAdminAccount } from './admin-account';
-export { AdminReportRecord, normalizeAdminReport } from './admin-report';
-export { AttachmentRecord, normalizeAttachment } from './attachment';
-export { ChatRecord, normalizeChat } from './chat';
-export { ChatMessageRecord, normalizeChatMessage } from './chat-message';
-export { EmojiRecord, normalizeEmoji } from './emoji';
-export { FilterRecord, normalizeFilter } from './filter';
-export { FilterKeywordRecord, normalizeFilterKeyword } from './filter-keyword';
-export { FilterStatusRecord, normalizeFilterStatus } from './filter-status';
-export { normalizeGroup } from './group';
-export { GroupRelationshipRecord, normalizeGroupRelationship } from './group-relationship';
-export { HistoryRecord, normalizeHistory } from './history';
-export { ListRecord, normalizeList } from './list';
-export { LocationRecord, normalizeLocation } from './location';
-export { MentionRecord, normalizeMention } from './mention';
-export { NotificationRecord, normalizeNotification } from './notification';
-export { StatusRecord, normalizeStatus } from './status';
-export { StatusEditRecord, normalizeStatusEdit } from './status-edit';
-export { TagRecord, normalizeTag } from './tag';
+export { AccountRecord, FieldRecord, normalizeAccount } from './account.ts';
+export { AdminAccountRecord, normalizeAdminAccount } from './admin-account.ts';
+export { AdminReportRecord, normalizeAdminReport } from './admin-report.ts';
+export { AttachmentRecord, normalizeAttachment } from './attachment.ts';
+export { ChatRecord, normalizeChat } from './chat.ts';
+export { ChatMessageRecord, normalizeChatMessage } from './chat-message.ts';
+export { EmojiRecord, normalizeEmoji } from './emoji.ts';
+export { FilterRecord, normalizeFilter } from './filter.ts';
+export { FilterKeywordRecord, normalizeFilterKeyword } from './filter-keyword.ts';
+export { FilterStatusRecord, normalizeFilterStatus } from './filter-status.ts';
+export { normalizeGroup } from './group.ts';
+export { GroupRelationshipRecord, normalizeGroupRelationship } from './group-relationship.ts';
+export { HistoryRecord, normalizeHistory } from './history.ts';
+export { ListRecord, normalizeList } from './list.ts';
+export { LocationRecord, normalizeLocation } from './location.ts';
+export { MentionRecord, normalizeMention } from './mention.ts';
+export { NotificationRecord, normalizeNotification } from './notification.ts';
+export { StatusRecord, normalizeStatus } from './status.ts';
+export { StatusEditRecord, normalizeStatusEdit } from './status-edit.ts';
+export { TagRecord, normalizeTag } from './tag.ts';
 
-export { SoapboxConfigRecord, normalizeSoapboxConfig } from './soapbox/soapbox-config';
+export { SoapboxConfigRecord, normalizeSoapboxConfig } from './soapbox/soapbox-config.ts';
diff --git a/src/normalizers/mention.test.ts b/src/normalizers/mention.test.ts
index e706cddf5..29d359b84 100644
--- a/src/normalizers/mention.test.ts
+++ b/src/normalizers/mention.test.ts
@@ -1,7 +1,7 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeMention } from './mention';
+import { normalizeMention } from './mention.ts';
 
 describe('normalizeMention()', () => {
   it('adds base fields', () => {
diff --git a/src/normalizers/mention.ts b/src/normalizers/mention.ts
index 5ff35ce16..c99288763 100644
--- a/src/normalizers/mention.ts
+++ b/src/normalizers/mention.ts
@@ -5,7 +5,7 @@
  */
 import { Record as ImmutableRecord } from 'immutable';
 
-import { normalizeAccount } from 'soapbox/normalizers/account';
+import { normalizeAccount } from 'soapbox/normalizers/account.ts';
 
 // https://docs.joinmastodon.org/entities/mention/
 export const MentionRecord = ImmutableRecord({
diff --git a/src/normalizers/notification.test.ts b/src/normalizers/notification.test.ts
index 4e140e9a2..4bc1454a9 100644
--- a/src/normalizers/notification.test.ts
+++ b/src/normalizers/notification.test.ts
@@ -1,7 +1,7 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeNotification } from './notification';
+import { normalizeNotification } from './notification.ts';
 
 describe('normalizeNotification()', () => {
   it('normalizes an empty map', () => {
diff --git a/src/normalizers/notification.ts b/src/normalizers/notification.ts
index 83ef9a948..9ea3c294a 100644
--- a/src/normalizers/notification.ts
+++ b/src/normalizers/notification.ts
@@ -9,7 +9,7 @@ import {
   fromJS,
 } from 'immutable';
 
-import type { Account, Status, EmbeddedEntity } from 'soapbox/types/entities';
+import type { Account, Status, EmbeddedEntity } from 'soapbox/types/entities.ts';
 
 // https://docs.joinmastodon.org/entities/notification/
 export const NotificationRecord = ImmutableRecord({
diff --git a/src/normalizers/soapbox/soapbox-config.test.ts b/src/normalizers/soapbox/soapbox-config.test.ts
index 01450df21..8ceb97380 100644
--- a/src/normalizers/soapbox/soapbox-config.test.ts
+++ b/src/normalizers/soapbox/soapbox-config.test.ts
@@ -1,7 +1,7 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeSoapboxConfig } from './soapbox-config';
+import { normalizeSoapboxConfig } from './soapbox-config.ts';
 
 describe('normalizeSoapboxConfig()', () => {
   it('adds base fields', () => {
diff --git a/src/normalizers/soapbox/soapbox-config.ts b/src/normalizers/soapbox/soapbox-config.ts
index 4092f8367..167803d32 100644
--- a/src/normalizers/soapbox/soapbox-config.ts
+++ b/src/normalizers/soapbox/soapbox-config.ts
@@ -6,9 +6,9 @@ import {
 } from 'immutable';
 import trimStart from 'lodash/trimStart';
 
-import { normalizeUsername } from 'soapbox/utils/input';
-import { toTailwind } from 'soapbox/utils/tailwind';
-import { generateAccent } from 'soapbox/utils/theme';
+import { normalizeUsername } from 'soapbox/utils/input.ts';
+import { toTailwind } from 'soapbox/utils/tailwind.ts';
+import { generateAccent } from 'soapbox/utils/theme.ts';
 
 import type {
   PromoPanelItem,
diff --git a/src/normalizers/status-edit.ts b/src/normalizers/status-edit.ts
index 859eb3a95..3494c6165 100644
--- a/src/normalizers/status-edit.ts
+++ b/src/normalizers/status-edit.ts
@@ -10,14 +10,14 @@ import {
 } from 'immutable';
 import DOMPurify from 'isomorphic-dompurify';
 
-import emojify from 'soapbox/features/emoji';
-import { normalizeAttachment } from 'soapbox/normalizers/attachment';
-import { normalizeEmoji } from 'soapbox/normalizers/emoji';
-import { pollSchema } from 'soapbox/schemas';
-import { stripCompatibilityFeatures } from 'soapbox/utils/html';
-import { makeEmojiMap } from 'soapbox/utils/normalizers';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { normalizeAttachment } from 'soapbox/normalizers/attachment.ts';
+import { normalizeEmoji } from 'soapbox/normalizers/emoji.ts';
+import { pollSchema } from 'soapbox/schemas/index.ts';
+import { stripCompatibilityFeatures } from 'soapbox/utils/html.ts';
+import { makeEmojiMap } from 'soapbox/utils/normalizers.ts';
 
-import type { Account, Attachment, Emoji, EmbeddedEntity, Poll } from 'soapbox/types/entities';
+import type { Account, Attachment, Emoji, EmbeddedEntity, Poll } from 'soapbox/types/entities.ts';
 
 export const StatusEditRecord = ImmutableRecord({
   account: null as EmbeddedEntity<Account>,
diff --git a/src/normalizers/status.test.ts b/src/normalizers/status.test.ts
index 38f4486cc..82c6ed9a0 100644
--- a/src/normalizers/status.test.ts
+++ b/src/normalizers/status.test.ts
@@ -1,9 +1,9 @@
 import { Record as ImmutableRecord, fromJS } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeStatus } from './status';
+import { normalizeStatus } from './status.ts';
 
-import type { Poll, Card } from 'soapbox/types/entities';
+import type { Poll, Card } from 'soapbox/types/entities.ts';
 
 describe('normalizeStatus()', () => {
   it('adds base fields', () => {
diff --git a/src/normalizers/status.ts b/src/normalizers/status.ts
index 093069f4c..376fd1384 100644
--- a/src/normalizers/status.ts
+++ b/src/normalizers/status.ts
@@ -10,14 +10,14 @@ import {
   fromJS,
 } from 'immutable';
 
-import { normalizeAttachment } from 'soapbox/normalizers/attachment';
-import { normalizeEmoji } from 'soapbox/normalizers/emoji';
-import { normalizeMention } from 'soapbox/normalizers/mention';
-import { accountSchema, cardSchema, emojiReactionSchema, groupSchema, pollSchema, tombstoneSchema } from 'soapbox/schemas';
-import { filteredArray } from 'soapbox/schemas/utils';
-import { maybeFromJS } from 'soapbox/utils/normalizers';
+import { normalizeAttachment } from 'soapbox/normalizers/attachment.ts';
+import { normalizeEmoji } from 'soapbox/normalizers/emoji.ts';
+import { normalizeMention } from 'soapbox/normalizers/mention.ts';
+import { accountSchema, cardSchema, emojiReactionSchema, groupSchema, pollSchema, tombstoneSchema } from 'soapbox/schemas/index.ts';
+import { filteredArray } from 'soapbox/schemas/utils.ts';
+import { maybeFromJS } from 'soapbox/utils/normalizers.ts';
 
-import type { Account, Attachment, Card, Emoji, Group, Mention, Poll, EmbeddedEntity, EmojiReaction } from 'soapbox/types/entities';
+import type { Account, Attachment, Card, Emoji, Group, Mention, Poll, EmbeddedEntity, EmojiReaction } from 'soapbox/types/entities.ts';
 
 export type StatusApprovalStatus = 'pending' | 'approval' | 'rejected';
 export type StatusVisibility = 'public' | 'unlisted' | 'private' | 'direct' | 'self' | 'group';
diff --git a/src/normalizers/tag.ts b/src/normalizers/tag.ts
index fde58241f..d463e6955 100644
--- a/src/normalizers/tag.ts
+++ b/src/normalizers/tag.ts
@@ -10,9 +10,9 @@ import {
   fromJS,
 } from 'immutable';
 
-import { normalizeHistory } from './history';
+import { normalizeHistory } from './history.ts';
 
-import type { History } from 'soapbox/types/entities';
+import type { History } from 'soapbox/types/entities.ts';
 
 // https://docs.joinmastodon.org/entities/tag/
 export const TagRecord = ImmutableRecord({
diff --git a/src/pages/admin-page.tsx b/src/pages/admin-page.tsx
index 141934698..58becb6b7 100644
--- a/src/pages/admin-page.tsx
+++ b/src/pages/admin-page.tsx
@@ -1,9 +1,9 @@
-import { Layout } from 'soapbox/components/ui';
+import { Layout } from 'soapbox/components/ui/index.ts';
 import {
   LatestAccountsPanel,
-} from 'soapbox/features/ui/util/async-components';
+} from 'soapbox/features/ui/util/async-components.ts';
 
-import LinkFooter from '../features/ui/components/link-footer';
+import LinkFooter from '../features/ui/components/link-footer.tsx';
 
 interface IAdminPage {
   children: React.ReactNode;
diff --git a/src/pages/default-page.tsx b/src/pages/default-page.tsx
index ff3c3964a..2a923c41b 100644
--- a/src/pages/default-page.tsx
+++ b/src/pages/default-page.tsx
@@ -1,13 +1,13 @@
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   WhoToFollowPanel,
   TrendsPanel,
   SignUpPanel,
   CtaBanner,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useFeatures } from 'soapbox/hooks';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
 
-import { Layout } from '../components/ui';
+import { Layout } from '../components/ui/index.ts';
 
 interface IDefaultPage {
   children: React.ReactNode;
diff --git a/src/pages/empty-page.tsx b/src/pages/empty-page.tsx
index 47b865761..2bb3b644e 100644
--- a/src/pages/empty-page.tsx
+++ b/src/pages/empty-page.tsx
@@ -1,4 +1,4 @@
-import { Layout } from '../components/ui';
+import { Layout } from '../components/ui/index.ts';
 
 interface IEmptyPage {
   children: React.ReactNode;
diff --git a/src/pages/event-page.tsx b/src/pages/event-page.tsx
index 570145096..6ce225280 100644
--- a/src/pages/event-page.tsx
+++ b/src/pages/event-page.tsx
@@ -1,18 +1,18 @@
 import { FormattedMessage } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
-import { Column, Layout, Tabs } from 'soapbox/components/ui';
-import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import { Column, Layout, Tabs } from 'soapbox/components/ui/index.ts';
+import PlaceholderStatus from 'soapbox/features/placeholder/components/placeholder-status.tsx';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   EventHeader,
   CtaBanner,
   SignUpPanel,
   TrendsPanel,
   WhoToFollowPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useFeatures } from 'soapbox/hooks';
-import { makeGetStatus } from 'soapbox/selectors';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
+import { makeGetStatus } from 'soapbox/selectors/index.ts';
 
 const getStatus = makeGetStatus();
 
diff --git a/src/pages/events-page.tsx b/src/pages/events-page.tsx
index 1ae96aa4c..836c9f262 100644
--- a/src/pages/events-page.tsx
+++ b/src/pages/events-page.tsx
@@ -1,11 +1,11 @@
-import { Layout } from 'soapbox/components/ui';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import { Layout } from 'soapbox/components/ui/index.ts';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   WhoToFollowPanel,
   TrendsPanel,
   NewEventPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useFeatures } from 'soapbox/hooks';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useFeatures } from 'soapbox/hooks/index.ts';
 
 interface IEventsPage {
   children: React.ReactNode;
diff --git a/src/pages/group-page.tsx b/src/pages/group-page.tsx
index 8c684b08e..45bf81e0a 100644
--- a/src/pages/group-page.tsx
+++ b/src/pages/group-page.tsx
@@ -5,19 +5,19 @@ import { useMemo } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { useRouteMatch } from 'react-router-dom';
 
-import { useGroup, useGroupMembershipRequests } from 'soapbox/api/hooks';
-import { Column, Icon, Layout, Stack, Text, Tabs } from 'soapbox/components/ui';
-import GroupHeader from 'soapbox/features/group/components/group-header';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import { useGroup, useGroupMembershipRequests } from 'soapbox/api/hooks/index.ts';
+import { Column, Icon, Layout, Stack, Text, Tabs } from 'soapbox/components/ui/index.ts';
+import GroupHeader from 'soapbox/features/group/components/group-header.tsx';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   CtaBanner,
   GroupMediaPanel,
   SignUpPanel,
   SuggestedGroupsPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useFeatures, useOwnAccount } from 'soapbox/hooks';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
 
-import type { Group } from 'soapbox/schemas';
+import type { Group } from 'soapbox/schemas/index.ts';
 
 const messages = defineMessages({
   all: { id: 'group.tabs.all', defaultMessage: 'All' },
diff --git a/src/pages/groups-page.tsx b/src/pages/groups-page.tsx
index e46e1b1f3..b41623cf8 100644
--- a/src/pages/groups-page.tsx
+++ b/src/pages/groups-page.tsx
@@ -1,8 +1,9 @@
 import { Route, Routes } from 'react-router-dom-v5-compat';
 
-import { Column, Layout } from 'soapbox/components/ui';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
-import { MyGroupsPanel, NewGroupPanel, SuggestedGroupsPanel } from 'soapbox/features/ui/util/async-components';
+
+import { Column, Layout } from 'soapbox/components/ui/index.ts';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
+import { MyGroupsPanel, NewGroupPanel, SuggestedGroupsPanel } from 'soapbox/features/ui/util/async-components.ts';
 
 interface IGroupsPage {
   children: React.ReactNode;
diff --git a/src/pages/groups-pending-page.tsx b/src/pages/groups-pending-page.tsx
index f62624508..ffef37080 100644
--- a/src/pages/groups-pending-page.tsx
+++ b/src/pages/groups-pending-page.tsx
@@ -1,6 +1,7 @@
-import { Layout } from 'soapbox/components/ui';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
-import { NewGroupPanel, SuggestedGroupsPanel } from 'soapbox/features/ui/util/async-components';
+
+import { Layout } from 'soapbox/components/ui/index.ts';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
+import { NewGroupPanel, SuggestedGroupsPanel } from 'soapbox/features/ui/util/async-components.ts';
 
 interface IGroupsPage {
   children: React.ReactNode;
diff --git a/src/pages/home-page.tsx b/src/pages/home-page.tsx
index 1d7e643bf..fa4df0ba4 100644
--- a/src/pages/home-page.tsx
+++ b/src/pages/home-page.tsx
@@ -3,8 +3,8 @@ import { useRef } from 'react';
 import { useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { uploadCompose } from 'soapbox/actions/compose';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import { uploadCompose } from 'soapbox/actions/compose.ts';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   WhoToFollowPanel,
   TrendsPanel,
@@ -15,12 +15,12 @@ import {
   BirthdayPanel,
   CtaBanner,
   AnnouncementsPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig, useDraggedFiles, useAppDispatch } from 'soapbox/hooks';
-import { useIsMobile } from 'soapbox/hooks/useIsMobile';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig, useDraggedFiles, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { useIsMobile } from 'soapbox/hooks/useIsMobile.ts';
 
-import { Avatar, Card, CardBody, HStack, Layout } from '../components/ui';
-import ComposeForm from '../features/compose/components/compose-form';
+import { Avatar, Card, CardBody, HStack, Layout } from '../components/ui/index.ts';
+import ComposeForm from '../features/compose/components/compose-form.tsx';
 
 interface IHomePage {
   children: React.ReactNode;
diff --git a/src/pages/landing-page.tsx b/src/pages/landing-page.tsx
index 8613c426e..0bcb71233 100644
--- a/src/pages/landing-page.tsx
+++ b/src/pages/landing-page.tsx
@@ -1,13 +1,13 @@
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   TrendsPanel,
   SignUpPanel,
   CtaBanner,
   WhoToFollowPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useFeatures } from 'soapbox/hooks';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
 
-import { Layout } from '../components/ui';
+import { Layout } from '../components/ui/index.ts';
 
 interface ILandingPage {
   children: React.ReactNode;
diff --git a/src/pages/manage-groups-page.tsx b/src/pages/manage-groups-page.tsx
index d21cc8282..360ed7967 100644
--- a/src/pages/manage-groups-page.tsx
+++ b/src/pages/manage-groups-page.tsx
@@ -1,6 +1,7 @@
-import { Layout } from 'soapbox/components/ui';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
-import { MyGroupsPanel, NewGroupPanel } from 'soapbox/features/ui/util/async-components';
+
+import { Layout } from 'soapbox/components/ui/index.ts';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
+import { MyGroupsPanel, NewGroupPanel } from 'soapbox/features/ui/util/async-components.ts';
 
 interface IGroupsPage {
   children: React.ReactNode;
diff --git a/src/pages/profile-page.tsx b/src/pages/profile-page.tsx
index a0a0d1197..7067560d4 100644
--- a/src/pages/profile-page.tsx
+++ b/src/pages/profile-page.tsx
@@ -1,10 +1,10 @@
 import { FormattedMessage } from 'react-intl';
 import { Redirect, useHistory } from 'react-router-dom';
 
-import { useAccountLookup } from 'soapbox/api/hooks';
-import { Column, Layout, Tabs } from 'soapbox/components/ui';
-import Header from 'soapbox/features/account/components/header';
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import { useAccountLookup } from 'soapbox/api/hooks/index.ts';
+import { Column, Layout, Tabs } from 'soapbox/components/ui/index.ts';
+import Header from 'soapbox/features/account/components/header.tsx';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   WhoToFollowPanel,
   ProfileInfoPanel,
@@ -14,9 +14,9 @@ import {
   CtaBanner,
   PinnedAccountsPanel,
   AccountNotePanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
-import { getAcct } from 'soapbox/utils/accounts';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks/index.ts';
+import { getAcct } from 'soapbox/utils/accounts.ts';
 
 interface IProfilePage {
   params?: {
diff --git a/src/pages/remote-instance-page.tsx b/src/pages/remote-instance-page.tsx
index 63b1e860e..cc5ee1355 100644
--- a/src/pages/remote-instance-page.tsx
+++ b/src/pages/remote-instance-page.tsx
@@ -1,13 +1,13 @@
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   PromoPanel,
   InstanceInfoPanel,
   InstanceModerationPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useOwnAccount } from 'soapbox/hooks';
-import { federationRestrictionsDisclosed } from 'soapbox/utils/state';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { federationRestrictionsDisclosed } from 'soapbox/utils/state.ts';
 
-import { Layout } from '../components/ui';
+import { Layout } from '../components/ui/index.ts';
 
 interface IRemoteInstancePage {
   params?: {
diff --git a/src/pages/search-page.tsx b/src/pages/search-page.tsx
index fd014dfc8..071fa9f72 100644
--- a/src/pages/search-page.tsx
+++ b/src/pages/search-page.tsx
@@ -1,14 +1,14 @@
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   WhoToFollowPanel,
   TrendsPanel,
   SignUpPanel,
   CtaBanner,
   SuggestedGroupsPanel,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useFeatures } from 'soapbox/hooks';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
 
-import { Layout } from '../components/ui';
+import { Layout } from '../components/ui/index.ts';
 
 interface ISearchPage {
   children: React.ReactNode;
diff --git a/src/pages/status-page.tsx b/src/pages/status-page.tsx
index 08e7e4c23..a2c7fa83d 100644
--- a/src/pages/status-page.tsx
+++ b/src/pages/status-page.tsx
@@ -1,13 +1,13 @@
-import LinkFooter from 'soapbox/features/ui/components/link-footer';
+import LinkFooter from 'soapbox/features/ui/components/link-footer.tsx';
 import {
   WhoToFollowPanel,
   TrendsPanel,
   SignUpPanel,
   CtaBanner,
-} from 'soapbox/features/ui/util/async-components';
-import { useAppSelector, useFeatures } from 'soapbox/hooks';
+} from 'soapbox/features/ui/util/async-components.ts';
+import { useAppSelector, useFeatures } from 'soapbox/hooks/index.ts';
 
-import { Layout } from '../components/ui';
+import { Layout } from '../components/ui/index.ts';
 
 interface IStatusPage {
   children: React.ReactNode;
diff --git a/src/queries/accounts.ts b/src/queries/accounts.ts
index 762649e4c..0dbcb03b5 100644
--- a/src/queries/accounts.ts
+++ b/src/queries/accounts.ts
@@ -1,8 +1,8 @@
 import { useMutation } from '@tanstack/react-query';
 
-import { patchMeSuccess } from 'soapbox/actions/me';
-import { useApi, useAppDispatch, useOwnAccount } from 'soapbox/hooks';
-import toast from 'soapbox/toast';
+import { patchMeSuccess } from 'soapbox/actions/me.ts';
+import { useApi, useAppDispatch, useOwnAccount } from 'soapbox/hooks/index.ts';
+import toast from 'soapbox/toast.tsx';
 
 export type IAccount = {
   acct: string;
diff --git a/src/queries/chats.test.ts b/src/queries/chats.test.ts
index 31cb487af..e43bd8781 100644
--- a/src/queries/chats.test.ts
+++ b/src/queries/chats.test.ts
@@ -3,15 +3,15 @@ import sumBy from 'lodash/sumBy';
 import { useEffect } from 'react';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildAccount, buildRelationship } from 'soapbox/jest/factory';
-import { createTestStore, mockStore, queryClient, renderHook, rootState, waitFor } from 'soapbox/jest/test-helpers';
-import { normalizeChatMessage } from 'soapbox/normalizers';
-import { Store } from 'soapbox/store';
-import { ChatMessage } from 'soapbox/types/entities';
-import { flattenPages } from 'soapbox/utils/queries';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildAccount, buildRelationship } from 'soapbox/jest/factory.ts';
+import { createTestStore, mockStore, queryClient, renderHook, rootState, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { normalizeChatMessage } from 'soapbox/normalizers/index.ts';
+import { Store } from 'soapbox/store.ts';
+import { ChatMessage } from 'soapbox/types/entities.ts';
+import { flattenPages } from 'soapbox/utils/queries.ts';
 
-import { ChatKeys, IChat, isLastMessage, useChat, useChatActions, useChatMessages, useChats } from './chats';
+import { ChatKeys, IChat, isLastMessage, useChat, useChatActions, useChatMessages, useChats } from './chats.ts';
 
 const chat: IChat = {
   accepted: true,
diff --git a/src/queries/chats.ts b/src/queries/chats.ts
index 2d6cb4118..49ecef1bb 100644
--- a/src/queries/chats.ts
+++ b/src/queries/chats.ts
@@ -1,21 +1,21 @@
 import { InfiniteData, keepPreviousData, useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
 import sumBy from 'lodash/sumBy';
 
-import { importFetchedAccount, importFetchedAccounts } from 'soapbox/actions/importer';
-import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context';
-import { useStatContext } from 'soapbox/contexts/stat-context';
-import { useApi, useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks';
-import { normalizeChatMessage } from 'soapbox/normalizers';
-import toast from 'soapbox/toast';
-import { ChatMessage } from 'soapbox/types/entities';
-import { reOrderChatListItems, updateChatMessage } from 'soapbox/utils/chats';
-import { getPagination } from 'soapbox/utils/pagination';
-import { flattenPages, PaginatedResult, updatePageItem } from 'soapbox/utils/queries';
+import { importFetchedAccount, importFetchedAccounts } from 'soapbox/actions/importer/index.ts';
+import { ChatWidgetScreens, useChatContext } from 'soapbox/contexts/chat-context.tsx';
+import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
+import { useApi, useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'soapbox/hooks/index.ts';
+import { normalizeChatMessage } from 'soapbox/normalizers/index.ts';
+import toast from 'soapbox/toast.tsx';
+import { ChatMessage } from 'soapbox/types/entities.ts';
+import { reOrderChatListItems, updateChatMessage } from 'soapbox/utils/chats.ts';
+import { getPagination } from 'soapbox/utils/pagination.ts';
+import { flattenPages, PaginatedResult, updatePageItem } from 'soapbox/utils/queries.ts';
 
-import { queryClient } from './client';
-import { useFetchRelationships } from './relationships';
+import { queryClient } from './client.ts';
+import { useFetchRelationships } from './relationships.ts';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 export const messageExpirationOptions = [604800, 1209600, 2592000, 7776000];
 
diff --git a/src/queries/client.ts b/src/queries/client.ts
index 0755aca5c..40a2653b4 100644
--- a/src/queries/client.ts
+++ b/src/queries/client.ts
@@ -1,6 +1,6 @@
 import { QueryClient } from '@tanstack/react-query';
 
-import { HTTPError } from 'soapbox/api/HTTPError';
+import { HTTPError } from 'soapbox/api/HTTPError.ts';
 
 /** HTTP response codes to retry. */
 const RETRY_CODES = [502, 503, 504, 521, 522];
diff --git a/src/queries/embed.ts b/src/queries/embed.ts
index b2b8a6771..f183eb5a6 100644
--- a/src/queries/embed.ts
+++ b/src/queries/embed.ts
@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
+import { useApi } from 'soapbox/hooks/index.ts';
 
 type Embed = {
   type: string;
diff --git a/src/queries/relationships.test.ts b/src/queries/relationships.test.ts
index bc67084f5..a4342fbff 100644
--- a/src/queries/relationships.test.ts
+++ b/src/queries/relationships.test.ts
@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { buildRelationship } from 'soapbox/jest/factory';
-import { createTestStore, queryClient, renderHook, rootState, waitFor } from 'soapbox/jest/test-helpers';
-import { Store } from 'soapbox/store';
+import { __stub } from 'soapbox/api/index.ts';
+import { buildRelationship } from 'soapbox/jest/factory.ts';
+import { createTestStore, queryClient, renderHook, rootState, waitFor } from 'soapbox/jest/test-helpers.tsx';
+import { Store } from 'soapbox/store.ts';
 
-import { useFetchRelationships } from './relationships';
+import { useFetchRelationships } from './relationships.ts';
 
 describe('useFetchRelationships()', () => {
   let store: Store;
diff --git a/src/queries/relationships.ts b/src/queries/relationships.ts
index 80d83cda3..c5d11062d 100644
--- a/src/queries/relationships.ts
+++ b/src/queries/relationships.ts
@@ -1,7 +1,7 @@
 import { useMutation } from '@tanstack/react-query';
 
-import { fetchRelationshipsFail, fetchRelationshipsSuccess } from 'soapbox/actions/accounts';
-import { useApi, useAppDispatch } from 'soapbox/hooks';
+import { fetchRelationshipsFail, fetchRelationshipsSuccess } from 'soapbox/actions/accounts.ts';
+import { useApi, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 const useFetchRelationships = () => {
   const api = useApi();
diff --git a/src/queries/search.ts b/src/queries/search.ts
index e750ea780..b33c47264 100644
--- a/src/queries/search.ts
+++ b/src/queries/search.ts
@@ -1,9 +1,9 @@
 import { keepPreviousData, useInfiniteQuery } from '@tanstack/react-query';
 
-import { useApi } from 'soapbox/hooks';
-import { Account } from 'soapbox/types/entities';
-import { getPagination } from 'soapbox/utils/pagination';
-import { flattenPages, PaginatedResult } from 'soapbox/utils/queries';
+import { useApi } from 'soapbox/hooks/index.ts';
+import { Account } from 'soapbox/types/entities.ts';
+import { getPagination } from 'soapbox/utils/pagination.ts';
+import { flattenPages, PaginatedResult } from 'soapbox/utils/queries.ts';
 
 export default function useAccountSearch(q: string) {
   const api = useApi();
diff --git a/src/queries/suggestions.test.ts b/src/queries/suggestions.test.ts
index 59b07e808..f048f1795 100644
--- a/src/queries/suggestions.test.ts
+++ b/src/queries/suggestions.test.ts
@@ -1,9 +1,9 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { renderHook, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import { useOnboardingSuggestions } from './suggestions';
+import { useOnboardingSuggestions } from './suggestions.ts';
 
 describe('useOnboardingSuggestions', () => {
   describe('with a successful query', () => {
diff --git a/src/queries/suggestions.ts b/src/queries/suggestions.ts
index 5874109be..42df95660 100644
--- a/src/queries/suggestions.ts
+++ b/src/queries/suggestions.ts
@@ -1,13 +1,13 @@
 import { useInfiniteQuery, useMutation, keepPreviousData } from '@tanstack/react-query';
 
-import { fetchRelationships } from 'soapbox/actions/accounts';
-import { importFetchedAccounts } from 'soapbox/actions/importer';
-import { useApi, useAppDispatch } from 'soapbox/hooks';
-import { getPagination } from 'soapbox/utils/pagination';
+import { fetchRelationships } from 'soapbox/actions/accounts.ts';
+import { importFetchedAccounts } from 'soapbox/actions/importer/index.ts';
+import { useApi, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { getPagination } from 'soapbox/utils/pagination.ts';
 
-import { PaginatedResult, removePageItem } from '../utils/queries';
+import { PaginatedResult, removePageItem } from '../utils/queries.ts';
 
-import type { IAccount } from './accounts';
+import type { IAccount } from './accounts.ts';
 
 type Suggestion = {
   source: 'staff';
diff --git a/src/queries/trends.test.ts b/src/queries/trends.test.ts
index ec7b15a30..9dba5c893 100644
--- a/src/queries/trends.test.ts
+++ b/src/queries/trends.test.ts
@@ -1,9 +1,9 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { __stub } from 'soapbox/api';
-import { queryClient, renderHook, waitFor } from 'soapbox/jest/test-helpers';
+import { __stub } from 'soapbox/api/index.ts';
+import { queryClient, renderHook, waitFor } from 'soapbox/jest/test-helpers.tsx';
 
-import useTrends from './trends';
+import useTrends from './trends.ts';
 
 describe('useTrends', () => {
   beforeEach(() => {
diff --git a/src/queries/trends.ts b/src/queries/trends.ts
index b34500db6..023a329f8 100644
--- a/src/queries/trends.ts
+++ b/src/queries/trends.ts
@@ -1,10 +1,10 @@
 import { useQuery } from '@tanstack/react-query';
 
-import { fetchTrendsSuccess } from 'soapbox/actions/trends';
-import { useApi, useAppDispatch } from 'soapbox/hooks';
-import { normalizeTag } from 'soapbox/normalizers';
+import { fetchTrendsSuccess } from 'soapbox/actions/trends.ts';
+import { useApi, useAppDispatch } from 'soapbox/hooks/index.ts';
+import { normalizeTag } from 'soapbox/normalizers/index.ts';
 
-import type { Tag } from 'soapbox/types/entities';
+import type { Tag } from 'soapbox/types/entities.ts';
 
 export default function useTrends() {
   const api = useApi();
diff --git a/src/reducers/accounts-meta.ts b/src/reducers/accounts-meta.ts
index 754c20334..e9f4ec127 100644
--- a/src/reducers/accounts-meta.ts
+++ b/src/reducers/accounts-meta.ts
@@ -5,9 +5,9 @@
 
 import { produce } from 'immer';
 
-import { VERIFY_CREDENTIALS_SUCCESS, AUTH_ACCOUNT_REMEMBER_SUCCESS } from 'soapbox/actions/auth';
-import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS } from 'soapbox/actions/me';
-import { Account, accountSchema } from 'soapbox/schemas';
+import { VERIFY_CREDENTIALS_SUCCESS, AUTH_ACCOUNT_REMEMBER_SUCCESS } from 'soapbox/actions/auth.ts';
+import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS } from 'soapbox/actions/me.ts';
+import { Account, accountSchema } from 'soapbox/schemas/index.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/admin.test.ts b/src/reducers/admin.test.ts
index 27fec7bc5..d66c44122 100644
--- a/src/reducers/admin.test.ts
+++ b/src/reducers/admin.test.ts
@@ -1,7 +1,7 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from './admin';
+import reducer from './admin.ts';
 
 describe('admin reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/admin.ts b/src/reducers/admin.ts
index caee84551..b05744d3e 100644
--- a/src/reducers/admin.ts
+++ b/src/reducers/admin.ts
@@ -19,13 +19,13 @@ import {
   ADMIN_USERS_APPROVE_SUCCESS,
   ADMIN_USERS_REJECT_REQUEST,
   ADMIN_USERS_REJECT_SUCCESS,
-} from 'soapbox/actions/admin';
-import { normalizeAdminReport, normalizeAdminAccount } from 'soapbox/normalizers';
-import { normalizeId } from 'soapbox/utils/normalizers';
+} from 'soapbox/actions/admin.ts';
+import { normalizeAdminReport, normalizeAdminAccount } from 'soapbox/normalizers/index.ts';
+import { normalizeId } from 'soapbox/utils/normalizers.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
-import type { Config } from 'soapbox/utils/config-db';
+import type { APIEntity } from 'soapbox/types/entities.ts';
+import type { Config } from 'soapbox/utils/config-db.ts';
 
 const ReducerRecord = ImmutableRecord({
   reports: ImmutableMap<string, ReducerAdminReport>(),
diff --git a/src/reducers/aliases.ts b/src/reducers/aliases.ts
index 0d6eb3bad..1f666cb53 100644
--- a/src/reducers/aliases.ts
+++ b/src/reducers/aliases.ts
@@ -5,10 +5,10 @@ import {
   ALIASES_SUGGESTIONS_CLEAR,
   ALIASES_SUGGESTIONS_CHANGE,
   ALIASES_FETCH_SUCCESS,
-} from '../actions/aliases';
+} from '../actions/aliases.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ReducerRecord = ImmutableRecord({
   aliases: ImmutableRecord({
diff --git a/src/reducers/auth.ts b/src/reducers/auth.ts
index bb34609df..0f50d76a8 100644
--- a/src/reducers/auth.ts
+++ b/src/reducers/auth.ts
@@ -2,13 +2,13 @@ import { AxiosError } from 'axios';
 import { produce } from 'immer';
 import { z } from 'zod';
 
-import { keyring } from 'soapbox/features/nostr/keyring';
-import { useBunkerStore } from 'soapbox/hooks/nostr/useBunkerStore';
-import { Account, accountSchema } from 'soapbox/schemas';
-import { Application, applicationSchema } from 'soapbox/schemas/application';
-import { AuthUser, SoapboxAuth, soapboxAuthSchema } from 'soapbox/schemas/soapbox/soapbox-auth';
-import { Token, tokenSchema } from 'soapbox/schemas/token';
-import { jsonSchema } from 'soapbox/schemas/utils';
+import { keyring } from 'soapbox/features/nostr/keyring.ts';
+import { useBunkerStore } from 'soapbox/hooks/nostr/useBunkerStore.ts';
+import { Application, applicationSchema } from 'soapbox/schemas/application.ts';
+import { Account, accountSchema } from 'soapbox/schemas/index.ts';
+import { AuthUser, SoapboxAuth, soapboxAuthSchema } from 'soapbox/schemas/soapbox/soapbox-auth.ts';
+import { Token, tokenSchema } from 'soapbox/schemas/token.ts';
+import { jsonSchema } from 'soapbox/schemas/utils.ts';
 
 import {
   AUTH_APP_CREATED,
@@ -18,8 +18,8 @@ import {
   VERIFY_CREDENTIALS_SUCCESS,
   VERIFY_CREDENTIALS_FAIL,
   AUTH_APP_AUTHORIZED,
-} from '../actions/auth';
-import { ME_FETCH_SKIP } from '../actions/me';
+} from '../actions/auth.ts';
+import { ME_FETCH_SKIP } from '../actions/me.ts';
 
 import type { UnknownAction } from 'redux';
 
diff --git a/src/reducers/backups.tsx b/src/reducers/backups.ts
similarity index 92%
rename from src/reducers/backups.tsx
rename to src/reducers/backups.ts
index e2557c845..83b87b5b4 100644
--- a/src/reducers/backups.tsx
+++ b/src/reducers/backups.ts
@@ -3,10 +3,10 @@ import { Map as ImmutableMap, Record as ImmutableRecord } from 'immutable';
 import {
   BACKUPS_FETCH_SUCCESS,
   BACKUPS_CREATE_SUCCESS,
-} from '../actions/backups';
+} from '../actions/backups.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 export const BackupRecord = ImmutableRecord({
   id: null as number | null,
diff --git a/src/reducers/chat-message-lists.ts b/src/reducers/chat-message-lists.ts
index c87f83676..f560b1224 100644
--- a/src/reducers/chat-message-lists.ts
+++ b/src/reducers/chat-message-lists.ts
@@ -7,11 +7,11 @@ import {
   CHAT_MESSAGE_SEND_REQUEST,
   CHAT_MESSAGE_SEND_SUCCESS,
   CHAT_MESSAGE_DELETE_SUCCESS,
-} from 'soapbox/actions/chats';
-import { STREAMING_CHAT_UPDATE } from 'soapbox/actions/streaming';
+} from 'soapbox/actions/chats.ts';
+import { STREAMING_CHAT_UPDATE } from 'soapbox/actions/streaming.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type APIEntities = Array<APIEntity>;
 
diff --git a/src/reducers/chat-messages.ts b/src/reducers/chat-messages.ts
index cba666be0..025928dc2 100644
--- a/src/reducers/chat-messages.ts
+++ b/src/reducers/chat-messages.ts
@@ -8,12 +8,12 @@ import {
   CHAT_MESSAGE_SEND_SUCCESS,
   CHAT_MESSAGE_DELETE_REQUEST,
   CHAT_MESSAGE_DELETE_SUCCESS,
-} from 'soapbox/actions/chats';
-import { STREAMING_CHAT_UPDATE } from 'soapbox/actions/streaming';
-import { normalizeChatMessage } from 'soapbox/normalizers';
+} from 'soapbox/actions/chats.ts';
+import { STREAMING_CHAT_UPDATE } from 'soapbox/actions/streaming.ts';
+import { normalizeChatMessage } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type ChatMessageRecord = ReturnType<typeof normalizeChatMessage>;
 type APIEntities = Array<APIEntity>;
diff --git a/src/reducers/chats.ts b/src/reducers/chats.ts
index ab81e232b..83f490027 100644
--- a/src/reducers/chats.ts
+++ b/src/reducers/chats.ts
@@ -8,13 +8,13 @@ import {
   CHAT_FETCH_SUCCESS,
   CHAT_READ_SUCCESS,
   CHAT_READ_REQUEST,
-} from 'soapbox/actions/chats';
-import { STREAMING_CHAT_UPDATE } from 'soapbox/actions/streaming';
-import { normalizeChat } from 'soapbox/normalizers';
-import { normalizeId } from 'soapbox/utils/normalizers';
+} from 'soapbox/actions/chats.ts';
+import { STREAMING_CHAT_UPDATE } from 'soapbox/actions/streaming.ts';
+import { normalizeChat } from 'soapbox/normalizers/index.ts';
+import { normalizeId } from 'soapbox/utils/normalizers.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type ChatRecord = ReturnType<typeof normalizeChat>;
 type APIEntities = Array<APIEntity>;
diff --git a/src/reducers/compose-event.ts b/src/reducers/compose-event.ts
index c6c4d17fa..f68e6fe74 100644
--- a/src/reducers/compose-event.ts
+++ b/src/reducers/compose-event.ts
@@ -19,8 +19,8 @@ import {
   EVENT_SUBMIT_FAIL,
   EVENT_COMPOSE_CANCEL,
   EVENT_FORM_SET,
-} from 'soapbox/actions/events';
-import { normalizeAttachment, normalizeLocation } from 'soapbox/normalizers';
+} from 'soapbox/actions/events.ts';
+import { normalizeAttachment, normalizeLocation } from 'soapbox/normalizers/index.ts';
 
 import type {
   Attachment as AttachmentEntity,
diff --git a/src/reducers/compose.test.ts b/src/reducers/compose.test.ts
index 49b6a0b18..c7e3b2de0 100644
--- a/src/reducers/compose.test.ts
+++ b/src/reducers/compose.test.ts
@@ -1,15 +1,15 @@
 import { List as ImmutableList, Record as ImmutableRecord, fromJS } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import * as actions from 'soapbox/actions/compose';
-import { COMPOSE_SET_STATUS } from 'soapbox/actions/compose-status';
-import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS } from 'soapbox/actions/me';
-import { SETTING_CHANGE } from 'soapbox/actions/settings';
-import { TIMELINE_DELETE } from 'soapbox/actions/timelines';
-import { TagRecord } from 'soapbox/normalizers';
-import { normalizeStatus } from 'soapbox/normalizers/status';
+import { COMPOSE_SET_STATUS } from 'soapbox/actions/compose-status.ts';
+import * as actions from 'soapbox/actions/compose.ts';
+import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS } from 'soapbox/actions/me.ts';
+import { SETTING_CHANGE } from 'soapbox/actions/settings.ts';
+import { TIMELINE_DELETE } from 'soapbox/actions/timelines.ts';
+import { TagRecord } from 'soapbox/normalizers/index.ts';
+import { normalizeStatus } from 'soapbox/normalizers/status.ts';
 
-import reducer, { initialState, ReducerCompose } from './compose';
+import reducer, { initialState, ReducerCompose } from './compose.ts';
 
 describe('compose reducer', () => {
   it('returns the initial state by default', () => {
diff --git a/src/reducers/compose.ts b/src/reducers/compose.ts
index bf9ac0d83..47d1d4d00 100644
--- a/src/reducers/compose.ts
+++ b/src/reducers/compose.ts
@@ -1,11 +1,12 @@
 import { Map as ImmutableMap, List as ImmutableList, OrderedSet as ImmutableOrderedSet, Record as ImmutableRecord, fromJS } from 'immutable';
 
-import { isNativeEmoji } from 'soapbox/features/emoji';
-import { Account } from 'soapbox/schemas';
-import { tagHistory } from 'soapbox/settings';
-import { PLEROMA } from 'soapbox/utils/features';
-import { hasIntegerMediaIds } from 'soapbox/utils/status';
+import { isNativeEmoji } from 'soapbox/features/emoji/index.ts';
+import { Account } from 'soapbox/schemas/index.ts';
+import { tagHistory } from 'soapbox/settings.ts';
+import { PLEROMA } from 'soapbox/utils/features.ts';
+import { hasIntegerMediaIds } from 'soapbox/utils/status.ts';
 
+import { COMPOSE_SET_STATUS } from '../actions/compose-status.ts';
 import {
   COMPOSE_CHANGE,
   COMPOSE_REPLY,
@@ -53,16 +54,15 @@ import {
   COMPOSE_SET_GROUP_TIMELINE_VISIBLE,
   ComposeAction,
   COMPOSE_CHANGE_MEDIA_ORDER,
-} from '../actions/compose';
-import { COMPOSE_SET_STATUS } from '../actions/compose-status';
-import { EVENT_COMPOSE_CANCEL, EVENT_FORM_SET, type EventsAction } from '../actions/events';
-import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS, MeAction } from '../actions/me';
-import { SETTING_CHANGE, FE_NAME, SettingsAction } from '../actions/settings';
-import { TIMELINE_DELETE, TimelineAction } from '../actions/timelines';
-import { normalizeAttachment } from '../normalizers/attachment';
-import { unescapeHTML } from '../utils/html';
+} from '../actions/compose.ts';
+import { EVENT_COMPOSE_CANCEL, EVENT_FORM_SET, type EventsAction } from '../actions/events.ts';
+import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS, MeAction } from '../actions/me.ts';
+import { SETTING_CHANGE, FE_NAME, SettingsAction } from '../actions/settings.ts';
+import { TIMELINE_DELETE, TimelineAction } from '../actions/timelines.ts';
+import { normalizeAttachment } from '../normalizers/attachment.ts';
+import { unescapeHTML } from '../utils/html.ts';
 
-import type { Emoji } from 'soapbox/features/emoji';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
 import type {
   APIEntity,
   Attachment as AttachmentEntity,
diff --git a/src/reducers/contexts.test.ts b/src/reducers/contexts.test.ts
index da18bd4ca..01134e9ed 100644
--- a/src/reducers/contexts.test.ts
+++ b/src/reducers/contexts.test.ts
@@ -6,12 +6,12 @@ import {
 } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { STATUS_IMPORT } from 'soapbox/actions/importer';
-import { CONTEXT_FETCH_SUCCESS } from 'soapbox/actions/statuses';
-import { TIMELINE_DELETE } from 'soapbox/actions/timelines';
-import { applyActions } from 'soapbox/jest/test-helpers';
+import { STATUS_IMPORT } from 'soapbox/actions/importer/index.ts';
+import { CONTEXT_FETCH_SUCCESS } from 'soapbox/actions/statuses.ts';
+import { TIMELINE_DELETE } from 'soapbox/actions/timelines.ts';
+import { applyActions } from 'soapbox/jest/test-helpers.tsx';
 
-import reducer, { ReducerRecord } from './contexts';
+import reducer, { ReducerRecord } from './contexts.ts';
 
 describe('contexts reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/contexts.ts b/src/reducers/contexts.ts
index 325813c11..c7d6f044a 100644
--- a/src/reducers/contexts.ts
+++ b/src/reducers/contexts.ts
@@ -4,21 +4,21 @@ import {
   OrderedSet as ImmutableOrderedSet,
 } from 'immutable';
 
-import { STATUS_IMPORT, STATUSES_IMPORT } from 'soapbox/actions/importer';
+import { STATUS_IMPORT, STATUSES_IMPORT } from 'soapbox/actions/importer/index.ts';
 
 import {
   ACCOUNT_BLOCK_SUCCESS,
   ACCOUNT_MUTE_SUCCESS,
-} from '../actions/accounts';
+} from '../actions/accounts.ts';
 import {
   CONTEXT_FETCH_SUCCESS,
   STATUS_CREATE_REQUEST,
   STATUS_CREATE_SUCCESS,
-} from '../actions/statuses';
-import { TIMELINE_DELETE } from '../actions/timelines';
+} from '../actions/statuses.ts';
+import { TIMELINE_DELETE } from '../actions/timelines.ts';
 
 import type { AnyAction } from 'redux';
-import type { Status } from 'soapbox/schemas';
+import type { Status } from 'soapbox/schemas/index.ts';
 
 export const ReducerRecord = ImmutableRecord({
   inReplyTos: ImmutableMap<string, string>(),
diff --git a/src/reducers/conversations.test.ts b/src/reducers/conversations.test.ts
index 51a177c4d..4a4b1c2f0 100644
--- a/src/reducers/conversations.test.ts
+++ b/src/reducers/conversations.test.ts
@@ -1,9 +1,9 @@
 import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import * as actions from 'soapbox/actions/conversations';
+import * as actions from 'soapbox/actions/conversations.ts';
 
-import reducer from './conversations';
+import reducer from './conversations.ts';
 
 describe('conversations reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/conversations.ts b/src/reducers/conversations.ts
index 9a1ba07aa..fa70ea0e7 100644
--- a/src/reducers/conversations.ts
+++ b/src/reducers/conversations.ts
@@ -8,11 +8,11 @@ import {
   CONVERSATIONS_FETCH_FAIL,
   CONVERSATIONS_UPDATE,
   CONVERSATIONS_READ,
-} from '../actions/conversations';
-import { compareDate } from '../utils/comparators';
+} from '../actions/conversations.ts';
+import { compareDate } from '../utils/comparators.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ConversationRecord = ImmutableRecord({
   id: '',
diff --git a/src/reducers/custom-emojis.test.ts b/src/reducers/custom-emojis.test.ts
index adae3dfbc..090c265fb 100644
--- a/src/reducers/custom-emojis.test.ts
+++ b/src/reducers/custom-emojis.test.ts
@@ -1,7 +1,7 @@
 import { List as ImmutableList } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from './custom-emojis';
+import reducer from './custom-emojis.ts';
 
 describe('custom_emojis reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/custom-emojis.ts b/src/reducers/custom-emojis.ts
index e63348580..a3a57a7e3 100644
--- a/src/reducers/custom-emojis.ts
+++ b/src/reducers/custom-emojis.ts
@@ -1,13 +1,13 @@
 import { List as ImmutableList, Map as ImmutableMap, fromJS } from 'immutable';
 
-import { buildCustomEmojis } from 'soapbox/features/emoji';
-import emojiData from 'soapbox/features/emoji/data';
-import { addCustomToPool } from 'soapbox/features/emoji/search';
+import emojiData from 'soapbox/features/emoji/data.ts';
+import { buildCustomEmojis } from 'soapbox/features/emoji/index.ts';
+import { addCustomToPool } from 'soapbox/features/emoji/search.ts';
 
-import { CUSTOM_EMOJIS_FETCH_SUCCESS } from '../actions/custom-emojis';
+import { CUSTOM_EMOJIS_FETCH_SUCCESS } from '../actions/custom-emojis.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const initialState = ImmutableList<ImmutableMap<string, string>>();
 
diff --git a/src/reducers/domain-lists.test.ts b/src/reducers/domain-lists.test.ts
index 6577c87e2..ea2f4781d 100644
--- a/src/reducers/domain-lists.test.ts
+++ b/src/reducers/domain-lists.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './domain-lists';
+import reducer from './domain-lists.ts';
 
 describe('domain_lists reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/domain-lists.ts b/src/reducers/domain-lists.ts
index 30f55aaf8..9788c5b7f 100644
--- a/src/reducers/domain-lists.ts
+++ b/src/reducers/domain-lists.ts
@@ -4,7 +4,7 @@ import {
   DOMAIN_BLOCKS_FETCH_SUCCESS,
   DOMAIN_BLOCKS_EXPAND_SUCCESS,
   DOMAIN_UNBLOCK_SUCCESS,
-} from '../actions/domain-blocks';
+} from '../actions/domain-blocks.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/dropdown-menu.test.ts b/src/reducers/dropdown-menu.test.ts
index 1ed312cec..4b3beb116 100644
--- a/src/reducers/dropdown-menu.test.ts
+++ b/src/reducers/dropdown-menu.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './dropdown-menu';
+import reducer from './dropdown-menu.ts';
 
 describe('dropdown_menu reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/dropdown-menu.ts b/src/reducers/dropdown-menu.ts
index 991e09e0e..5cd10e392 100644
--- a/src/reducers/dropdown-menu.ts
+++ b/src/reducers/dropdown-menu.ts
@@ -3,7 +3,7 @@ import { Record as ImmutableRecord } from 'immutable';
 import {
   DROPDOWN_MENU_OPEN,
   DROPDOWN_MENU_CLOSE,
-} from '../actions/dropdown-menu';
+} from '../actions/dropdown-menu.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/filters.test.ts b/src/reducers/filters.test.ts
index b8f256e63..c78eb4a51 100644
--- a/src/reducers/filters.test.ts
+++ b/src/reducers/filters.test.ts
@@ -1,7 +1,7 @@
 import { List as ImmutableList } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from './filters';
+import reducer from './filters.ts';
 
 describe('filters reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/filters.ts b/src/reducers/filters.ts
index 8520b57a4..9a9c650aa 100644
--- a/src/reducers/filters.ts
+++ b/src/reducers/filters.ts
@@ -1,11 +1,11 @@
 import { List as ImmutableList } from 'immutable';
 
-import { normalizeFilter } from 'soapbox/normalizers';
+import { normalizeFilter } from 'soapbox/normalizers/index.ts';
 
-import { FILTERS_FETCH_SUCCESS } from '../actions/filters';
+import { FILTERS_FETCH_SUCCESS } from '../actions/filters.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity, Filter as FilterEntity } from 'soapbox/types/entities';
+import type { APIEntity, Filter as FilterEntity } from 'soapbox/types/entities.ts';
 
 type State = ImmutableList<FilterEntity>;
 
diff --git a/src/reducers/followed-tags.ts b/src/reducers/followed-tags.ts
index 4f30a3f3a..c9b909b87 100644
--- a/src/reducers/followed-tags.ts
+++ b/src/reducers/followed-tags.ts
@@ -7,11 +7,11 @@ import {
   FOLLOWED_HASHTAGS_EXPAND_REQUEST,
   FOLLOWED_HASHTAGS_EXPAND_SUCCESS,
   FOLLOWED_HASHTAGS_EXPAND_FAIL,
-} from 'soapbox/actions/tags';
-import { normalizeTag } from 'soapbox/normalizers';
+} from 'soapbox/actions/tags.ts';
+import { normalizeTag } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity, Tag } from 'soapbox/types/entities';
+import type { APIEntity, Tag } from 'soapbox/types/entities.ts';
 
 const ReducerRecord = ImmutableRecord({
   items: ImmutableList<Tag>(),
diff --git a/src/reducers/group-memberships.ts b/src/reducers/group-memberships.ts
index ed890abe7..074740f25 100644
--- a/src/reducers/group-memberships.ts
+++ b/src/reducers/group-memberships.ts
@@ -12,10 +12,10 @@ import {
   GROUP_DEMOTE_SUCCESS,
   GROUP_KICK_SUCCESS,
   GROUP_BLOCK_SUCCESS,
-} from 'soapbox/actions/groups';
+} from 'soapbox/actions/groups.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ListRecord = ImmutableRecord({
   next: null as string | null,
diff --git a/src/reducers/group-relationships.ts b/src/reducers/group-relationships.ts
index eb61ae953..3e0c2066a 100644
--- a/src/reducers/group-relationships.ts
+++ b/src/reducers/group-relationships.ts
@@ -5,11 +5,11 @@ import {
   GROUP_UPDATE_SUCCESS,
   GROUP_DELETE_SUCCESS,
   GROUP_RELATIONSHIPS_FETCH_SUCCESS,
-} from 'soapbox/actions/groups';
-import { normalizeGroupRelationship } from 'soapbox/normalizers';
+} from 'soapbox/actions/groups.ts';
+import { normalizeGroupRelationship } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type GroupRelationshipRecord = ReturnType<typeof normalizeGroupRelationship>;
 type APIEntities = Array<APIEntity>;
diff --git a/src/reducers/groups.ts b/src/reducers/groups.ts
index c7b6a1d28..cdadd9fff 100644
--- a/src/reducers/groups.ts
+++ b/src/reducers/groups.ts
@@ -1,11 +1,11 @@
 import { Map as ImmutableMap, Record as ImmutableRecord } from 'immutable';
 
-import { GROUP_FETCH_FAIL, GROUP_DELETE_SUCCESS, GROUP_FETCH_REQUEST } from 'soapbox/actions/groups';
-import { GROUPS_IMPORT } from 'soapbox/actions/importer';
-import { normalizeGroup } from 'soapbox/normalizers';
+import { GROUP_FETCH_FAIL, GROUP_DELETE_SUCCESS, GROUP_FETCH_REQUEST } from 'soapbox/actions/groups.ts';
+import { GROUPS_IMPORT } from 'soapbox/actions/importer/index.ts';
+import { normalizeGroup } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type GroupRecord = ReturnType<typeof normalizeGroup>;
 type APIEntities = Array<APIEntity>;
diff --git a/src/reducers/history.ts b/src/reducers/history.ts
index 855d5fd92..f55142303 100644
--- a/src/reducers/history.ts
+++ b/src/reducers/history.ts
@@ -1,7 +1,7 @@
 import { List as ImmutableList, Map as ImmutableMap, Record as ImmutableRecord } from 'immutable';
 
-import { HISTORY_FETCH_REQUEST, HISTORY_FETCH_SUCCESS, HISTORY_FETCH_FAIL } from 'soapbox/actions/history';
-import { normalizeStatusEdit } from 'soapbox/normalizers';
+import { HISTORY_FETCH_REQUEST, HISTORY_FETCH_SUCCESS, HISTORY_FETCH_FAIL } from 'soapbox/actions/history.ts';
+import { normalizeStatusEdit } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/index.test.ts b/src/reducers/index.test.ts
index 4a18bb771..67ca52c7e 100644
--- a/src/reducers/index.test.ts
+++ b/src/reducers/index.test.ts
@@ -1,7 +1,7 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from '.';
+import reducer from './index.ts';
 
 describe('root reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/index.ts b/src/reducers/index.ts
index 2f5d286e6..e39c98910 100644
--- a/src/reducers/index.ts
+++ b/src/reducers/index.ts
@@ -1,60 +1,60 @@
 import { combineReducers } from '@reduxjs/toolkit';
 
-import entities from 'soapbox/entity-store/reducer';
+import entities from 'soapbox/entity-store/reducer.ts';
 
-import accounts_meta from './accounts-meta';
-import admin from './admin';
-import aliases from './aliases';
-import auth from './auth';
-import backups from './backups';
-import chat_message_lists from './chat-message-lists';
-import chat_messages from './chat-messages';
-import chats from './chats';
-import compose from './compose';
-import compose_event from './compose-event';
-import contexts from './contexts';
-import conversations from './conversations';
-import custom_emojis from './custom-emojis';
-import domain_lists from './domain-lists';
-import dropdown_menu from './dropdown-menu';
-import filters from './filters';
-import followed_tags from './followed-tags';
-import group_memberships from './group-memberships';
-import group_relationships from './group-relationships';
-import groups from './groups';
-import history from './history';
-import instance from './instance';
-import listAdder from './list-adder';
-import listEditor from './list-editor';
-import lists from './lists';
-import locations from './locations';
-import me from './me';
-import meta from './meta';
-import modals from './modals';
-import mutes from './mutes';
-import notifications from './notifications';
-import onboarding from './onboarding';
-import patron from './patron';
-import pending_statuses from './pending-statuses';
-import polls from './polls';
-import profile_hover_card from './profile-hover-card';
-import relationships from './relationships';
-import reports from './reports';
-import scheduled_statuses from './scheduled-statuses';
-import search from './search';
-import security from './security';
-import settings from './settings';
-import sidebar from './sidebar';
-import soapbox from './soapbox';
-import status_hover_card from './status-hover-card';
-import status_lists from './status-lists';
-import statuses from './statuses';
-import suggestions from './suggestions';
-import tags from './tags';
-import timelines from './timelines';
-import trending_statuses from './trending-statuses';
-import trends from './trends';
-import user_lists from './user-lists';
+import accounts_meta from './accounts-meta.ts';
+import admin from './admin.ts';
+import aliases from './aliases.ts';
+import auth from './auth.ts';
+import backups from './backups.ts';
+import chat_message_lists from './chat-message-lists.ts';
+import chat_messages from './chat-messages.ts';
+import chats from './chats.ts';
+import compose_event from './compose-event.ts';
+import compose from './compose.ts';
+import contexts from './contexts.ts';
+import conversations from './conversations.ts';
+import custom_emojis from './custom-emojis.ts';
+import domain_lists from './domain-lists.ts';
+import dropdown_menu from './dropdown-menu.ts';
+import filters from './filters.ts';
+import followed_tags from './followed-tags.ts';
+import group_memberships from './group-memberships.ts';
+import group_relationships from './group-relationships.ts';
+import groups from './groups.ts';
+import history from './history.ts';
+import instance from './instance.ts';
+import listAdder from './list-adder.ts';
+import listEditor from './list-editor.ts';
+import lists from './lists.ts';
+import locations from './locations.ts';
+import me from './me.ts';
+import meta from './meta.ts';
+import modals from './modals.ts';
+import mutes from './mutes.ts';
+import notifications from './notifications.ts';
+import onboarding from './onboarding.ts';
+import patron from './patron.ts';
+import pending_statuses from './pending-statuses.ts';
+import polls from './polls.ts';
+import profile_hover_card from './profile-hover-card.ts';
+import relationships from './relationships.ts';
+import reports from './reports.ts';
+import scheduled_statuses from './scheduled-statuses.ts';
+import search from './search.ts';
+import security from './security.ts';
+import settings from './settings.ts';
+import sidebar from './sidebar.ts';
+import soapbox from './soapbox.ts';
+import status_hover_card from './status-hover-card.ts';
+import status_lists from './status-lists.ts';
+import statuses from './statuses.ts';
+import suggestions from './suggestions.ts';
+import tags from './tags.ts';
+import timelines from './timelines.ts';
+import trending_statuses from './trending-statuses.ts';
+import trends from './trends.ts';
+import user_lists from './user-lists.ts';
 
 export default combineReducers({
   accounts_meta,
diff --git a/src/reducers/instance.test.ts b/src/reducers/instance.test.ts
index c53f9124f..7765831cc 100644
--- a/src/reducers/instance.test.ts
+++ b/src/reducers/instance.test.ts
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { ADMIN_CONFIG_UPDATE_REQUEST } from 'soapbox/actions/admin';
+import { ADMIN_CONFIG_UPDATE_REQUEST } from 'soapbox/actions/admin.ts';
 
-import reducer from './instance';
+import reducer from './instance.ts';
 
 describe('instance reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/instance.ts b/src/reducers/instance.ts
index ad16cbfe8..65cf299bd 100644
--- a/src/reducers/instance.ts
+++ b/src/reducers/instance.ts
@@ -1,11 +1,11 @@
 import { produce } from 'immer';
 import { Map as ImmutableMap, List as ImmutableList, fromJS } from 'immutable';
 
-import { ADMIN_CONFIG_UPDATE_REQUEST, ADMIN_CONFIG_UPDATE_SUCCESS } from 'soapbox/actions/admin';
-import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance';
-import { ConfigDB } from 'soapbox/utils/config-db';
+import { ADMIN_CONFIG_UPDATE_REQUEST, ADMIN_CONFIG_UPDATE_SUCCESS } from 'soapbox/actions/admin.ts';
+import { InstanceV2, instanceV2Schema } from 'soapbox/schemas/instance.ts';
+import { ConfigDB } from 'soapbox/utils/config-db.ts';
 
-import { fetchInstanceV2 } from '../actions/instance';
+import { fetchInstanceV2 } from '../actions/instance.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/list-adder.test.ts b/src/reducers/list-adder.test.ts
index c5376697f..2fb15b090 100644
--- a/src/reducers/list-adder.test.ts
+++ b/src/reducers/list-adder.test.ts
@@ -1,9 +1,9 @@
 import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import * as actions from 'soapbox/actions/lists';
+import * as actions from 'soapbox/actions/lists.ts';
 
-import reducer from './list-adder';
+import reducer from './list-adder.ts';
 
 describe('list_adder reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/list-adder.ts b/src/reducers/list-adder.ts
index 81e9bd644..fe822a5eb 100644
--- a/src/reducers/list-adder.ts
+++ b/src/reducers/list-adder.ts
@@ -8,7 +8,7 @@ import {
   LIST_ADDER_LISTS_FETCH_FAIL,
   LIST_EDITOR_ADD_SUCCESS,
   LIST_EDITOR_REMOVE_SUCCESS,
-} from '../actions/lists';
+} from '../actions/lists.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/list-editor.ts b/src/reducers/list-editor.ts
index 8c0ef8e11..0c7e39f35 100644
--- a/src/reducers/list-editor.ts
+++ b/src/reducers/list-editor.ts
@@ -18,7 +18,7 @@ import {
   LIST_EDITOR_SUGGESTIONS_CHANGE,
   LIST_EDITOR_ADD_SUCCESS,
   LIST_EDITOR_REMOVE_SUCCESS,
-} from '../actions/lists';
+} from '../actions/lists.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/lists.test.ts b/src/reducers/lists.test.ts
index 7e38390ba..01def7319 100644
--- a/src/reducers/lists.test.ts
+++ b/src/reducers/lists.test.ts
@@ -1,7 +1,7 @@
 import { Map as ImmutableMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from './lists';
+import reducer from './lists.ts';
 
 describe('lists reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/lists.ts b/src/reducers/lists.ts
index ffc611f17..d3061c46f 100644
--- a/src/reducers/lists.ts
+++ b/src/reducers/lists.ts
@@ -7,11 +7,11 @@ import {
   LIST_CREATE_SUCCESS,
   LIST_UPDATE_SUCCESS,
   LIST_DELETE_SUCCESS,
-} from 'soapbox/actions/lists';
-import { normalizeList } from 'soapbox/normalizers';
+} from 'soapbox/actions/lists.ts';
+import { normalizeList } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type ListRecord = ReturnType<typeof normalizeList>;
 type APIEntities = Array<APIEntity>;
diff --git a/src/reducers/locations.ts b/src/reducers/locations.ts
index abfe363df..8fab997ac 100644
--- a/src/reducers/locations.ts
+++ b/src/reducers/locations.ts
@@ -1,10 +1,10 @@
 import { Map as ImmutableMap } from 'immutable';
 import { AnyAction } from 'redux';
 
-import { LOCATION_SEARCH_SUCCESS } from 'soapbox/actions/events';
-import { normalizeLocation } from 'soapbox/normalizers/location';
+import { LOCATION_SEARCH_SUCCESS } from 'soapbox/actions/events.ts';
+import { normalizeLocation } from 'soapbox/normalizers/location.ts';
 
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type LocationRecord = ReturnType<typeof normalizeLocation>;
 type State = ImmutableMap<any, LocationRecord>;
diff --git a/src/reducers/me.test.ts b/src/reducers/me.test.ts
index ac1725fcf..b216f3379 100644
--- a/src/reducers/me.test.ts
+++ b/src/reducers/me.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './me';
+import reducer from './me.ts';
 
 describe('me reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/me.ts b/src/reducers/me.ts
index 4bb9b0ef2..d9e5ccf82 100644
--- a/src/reducers/me.ts
+++ b/src/reducers/me.ts
@@ -2,17 +2,17 @@ import {
   AUTH_LOGGED_OUT,
   AUTH_ACCOUNT_REMEMBER_SUCCESS,
   VERIFY_CREDENTIALS_SUCCESS,
-} from '../actions/auth';
+} from '../actions/auth.ts';
 import {
   ME_FETCH_SUCCESS,
   ME_FETCH_FAIL,
   ME_FETCH_SKIP,
   ME_PATCH_SUCCESS,
-} from '../actions/me';
+} from '../actions/me.ts';
 
 import type { AxiosError } from 'axios';
 import type { AnyAction } from 'redux';
-import type { Me } from 'soapbox/types/soapbox';
+import type { Me } from 'soapbox/types/soapbox.ts';
 
 const initialState: Me = null;
 
diff --git a/src/reducers/meta.test.ts b/src/reducers/meta.test.ts
index b194b61ff..6545956c4 100644
--- a/src/reducers/meta.test.ts
+++ b/src/reducers/meta.test.ts
@@ -1,9 +1,9 @@
 import { Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { SW_UPDATING, setSwUpdating } from 'soapbox/actions/sw';
+import { SW_UPDATING, setSwUpdating } from 'soapbox/actions/sw.ts';
 
-import reducer from './meta';
+import reducer from './meta.ts';
 
 describe('meta reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/meta.ts b/src/reducers/meta.ts
index a89f5f323..e832d204f 100644
--- a/src/reducers/meta.ts
+++ b/src/reducers/meta.ts
@@ -1,8 +1,8 @@
 import { Record as ImmutableRecord } from 'immutable';
 
-import { fetchInstance } from 'soapbox/actions/instance';
-import { NOSTR_PUBKEY_SET } from 'soapbox/actions/nostr';
-import { SW_UPDATING } from 'soapbox/actions/sw';
+import { fetchInstance } from 'soapbox/actions/instance.ts';
+import { NOSTR_PUBKEY_SET } from 'soapbox/actions/nostr.ts';
+import { SW_UPDATING } from 'soapbox/actions/sw.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/modals.test.ts b/src/reducers/modals.test.ts
index 49d417712..3324eebb1 100644
--- a/src/reducers/modals.test.ts
+++ b/src/reducers/modals.test.ts
@@ -1,9 +1,9 @@
 import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { MODAL_OPEN, MODAL_CLOSE } from 'soapbox/actions/modals';
+import { MODAL_OPEN, MODAL_CLOSE } from 'soapbox/actions/modals.ts';
 
-import reducer from './modals';
+import reducer from './modals.ts';
 
 describe('modal reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/modals.ts b/src/reducers/modals.ts
index 829cbabe9..8707cc019 100644
--- a/src/reducers/modals.ts
+++ b/src/reducers/modals.ts
@@ -1,6 +1,6 @@
 import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
 
-import { MODAL_OPEN, MODAL_CLOSE } from '../actions/modals';
+import { MODAL_OPEN, MODAL_CLOSE } from '../actions/modals.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/mutes.test.ts b/src/reducers/mutes.test.ts
index 943db6011..5813caec4 100644
--- a/src/reducers/mutes.test.ts
+++ b/src/reducers/mutes.test.ts
@@ -4,9 +4,9 @@ import { describe, expect, it } from 'vitest';
 import {
   MUTES_INIT_MODAL,
   MUTES_TOGGLE_HIDE_NOTIFICATIONS,
-} from 'soapbox/actions/mutes';
+} from 'soapbox/actions/mutes.ts';
 
-import reducer from './mutes';
+import reducer from './mutes.ts';
 
 describe('mutes reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/mutes.ts b/src/reducers/mutes.ts
index 0034a6c56..bb7a88aab 100644
--- a/src/reducers/mutes.ts
+++ b/src/reducers/mutes.ts
@@ -4,7 +4,7 @@ import {
   MUTES_INIT_MODAL,
   MUTES_TOGGLE_HIDE_NOTIFICATIONS,
   MUTES_CHANGE_DURATION,
-} from '../actions/mutes';
+} from '../actions/mutes.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/notifications.ts b/src/reducers/notifications.ts
index f2147b2cf..71aac86d6 100644
--- a/src/reducers/notifications.ts
+++ b/src/reducers/notifications.ts
@@ -5,20 +5,20 @@ import {
   fromJS,
 } from 'immutable';
 
-import { normalizeNotification } from 'soapbox/normalizers/notification';
-import { validType } from 'soapbox/utils/notification';
+import { normalizeNotification } from 'soapbox/normalizers/notification.ts';
+import { validType } from 'soapbox/utils/notification.ts';
 
 import {
   ACCOUNT_BLOCK_SUCCESS,
   ACCOUNT_MUTE_SUCCESS,
   FOLLOW_REQUEST_AUTHORIZE_SUCCESS,
   FOLLOW_REQUEST_REJECT_SUCCESS,
-} from '../actions/accounts';
+} from '../actions/accounts.ts';
 import {
   MARKER_FETCH_SUCCESS,
   MARKER_SAVE_REQUEST,
   MARKER_SAVE_SUCCESS,
-} from '../actions/markers';
+} from '../actions/markers.ts';
 import {
   NOTIFICATIONS_UPDATE,
   NOTIFICATIONS_EXPAND_SUCCESS,
@@ -31,11 +31,11 @@ import {
   NOTIFICATIONS_DEQUEUE,
   NOTIFICATIONS_MARK_READ_REQUEST,
   MAX_QUEUED_NOTIFICATIONS,
-} from '../actions/notifications';
-import { TIMELINE_DELETE } from '../actions/timelines';
+} from '../actions/notifications.ts';
+import { TIMELINE_DELETE } from '../actions/timelines.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const QueuedNotificationRecord = ImmutableRecord({
   notification: {} as APIEntity,
diff --git a/src/reducers/onboarding.test.ts b/src/reducers/onboarding.test.ts
index 65e77718f..e6372dae2 100644
--- a/src/reducers/onboarding.test.ts
+++ b/src/reducers/onboarding.test.ts
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { ONBOARDING_START, ONBOARDING_END } from 'soapbox/actions/onboarding';
+import { ONBOARDING_START, ONBOARDING_END } from 'soapbox/actions/onboarding.ts';
 
-import reducer from './onboarding';
+import reducer from './onboarding.ts';
 
 describe('onboarding reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/onboarding.ts b/src/reducers/onboarding.ts
index 2ef3503c6..5092d53cd 100644
--- a/src/reducers/onboarding.ts
+++ b/src/reducers/onboarding.ts
@@ -1,6 +1,6 @@
-import { ONBOARDING_START, ONBOARDING_END } from 'soapbox/actions/onboarding';
+import { ONBOARDING_START, ONBOARDING_END } from 'soapbox/actions/onboarding.ts';
 
-import type { OnboardingActions } from 'soapbox/actions/onboarding';
+import type { OnboardingActions } from 'soapbox/actions/onboarding.ts';
 
 type OnboardingState = {
   needsOnboarding: boolean;
diff --git a/src/reducers/patron.ts b/src/reducers/patron.ts
index 05a14abb9..9971687de 100644
--- a/src/reducers/patron.ts
+++ b/src/reducers/patron.ts
@@ -8,7 +8,7 @@ import {
 import {
   PATRON_INSTANCE_FETCH_SUCCESS,
   PATRON_ACCOUNT_FETCH_SUCCESS,
-} from '../actions/patron';
+} from '../actions/patron.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/pending-statuses.ts b/src/reducers/pending-statuses.ts
index 51c4c1aba..3400d0b5d 100644
--- a/src/reducers/pending-statuses.ts
+++ b/src/reducers/pending-statuses.ts
@@ -3,10 +3,10 @@ import { List as ImmutableList, Map as ImmutableMap, Record as ImmutableRecord,
 import {
   STATUS_CREATE_REQUEST,
   STATUS_CREATE_SUCCESS,
-} from 'soapbox/actions/statuses';
+} from 'soapbox/actions/statuses.ts';
 
 import type { AnyAction } from 'redux';
-import type { StatusVisibility } from 'soapbox/normalizers/status';
+import type { StatusVisibility } from 'soapbox/normalizers/status.ts';
 
 const PendingStatusRecord = ImmutableRecord({
   content_type: '',
diff --git a/src/reducers/polls.test.ts b/src/reducers/polls.test.ts
index 2c053e572..1d03a4cb9 100644
--- a/src/reducers/polls.test.ts
+++ b/src/reducers/polls.test.ts
@@ -1,9 +1,9 @@
 import { Map as ImmutableMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { POLLS_IMPORT } from 'soapbox/actions/importer';
+import { POLLS_IMPORT } from 'soapbox/actions/importer/index.ts';
 
-import reducer from './polls';
+import reducer from './polls.ts';
 
 describe('polls reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/polls.ts b/src/reducers/polls.ts
index 37e6ad2d2..58f6ed1f1 100644
--- a/src/reducers/polls.ts
+++ b/src/reducers/polls.ts
@@ -1,10 +1,10 @@
 import { Map as ImmutableMap } from 'immutable';
 
-import { POLLS_IMPORT } from 'soapbox/actions/importer';
-import { normalizeStatus } from 'soapbox/normalizers/status';
+import { POLLS_IMPORT } from 'soapbox/actions/importer/index.ts';
+import { normalizeStatus } from 'soapbox/normalizers/status.ts';
 
 import type { AnyAction } from 'redux';
-import type { Poll, APIEntity, EmbeddedEntity } from 'soapbox/types/entities';
+import type { Poll, APIEntity, EmbeddedEntity } from 'soapbox/types/entities.ts';
 
 type State = ImmutableMap<string, Poll>;
 
diff --git a/src/reducers/profile-hover-card.ts b/src/reducers/profile-hover-card.ts
index f662a3b99..f6e6f5a7e 100644
--- a/src/reducers/profile-hover-card.ts
+++ b/src/reducers/profile-hover-card.ts
@@ -4,7 +4,7 @@ import {
   PROFILE_HOVER_CARD_OPEN,
   PROFILE_HOVER_CARD_CLOSE,
   PROFILE_HOVER_CARD_UPDATE,
-} from 'soapbox/actions/profile-hover-card';
+} from 'soapbox/actions/profile-hover-card.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/relationships.test.ts b/src/reducers/relationships.test.ts
index c550941f7..e5c9d5736 100644
--- a/src/reducers/relationships.test.ts
+++ b/src/reducers/relationships.test.ts
@@ -2,9 +2,9 @@ import { Map as ImmutableMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
 import lain from 'soapbox/__fixtures__/lain.json';
-import { ACCOUNT_IMPORT } from 'soapbox/actions/importer';
+import { ACCOUNT_IMPORT } from 'soapbox/actions/importer/index.ts';
 
-import reducer from './relationships';
+import reducer from './relationships.ts';
 
 describe('relationships reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/relationships.ts b/src/reducers/relationships.ts
index 259885426..a5c322324 100644
--- a/src/reducers/relationships.ts
+++ b/src/reducers/relationships.ts
@@ -1,9 +1,9 @@
 import { Map as ImmutableMap } from 'immutable';
 import get from 'lodash/get';
 
-import { type Relationship, relationshipSchema } from 'soapbox/schemas';
+import { type Relationship, relationshipSchema } from 'soapbox/schemas/index.ts';
 
-import { ACCOUNT_NOTE_SUBMIT_SUCCESS } from '../actions/account-notes';
+import { ACCOUNT_NOTE_SUBMIT_SUCCESS } from '../actions/account-notes.ts';
 import {
   ACCOUNT_BLOCK_SUCCESS,
   ACCOUNT_UNBLOCK_SUCCESS,
@@ -15,18 +15,18 @@ import {
   ACCOUNT_UNPIN_SUCCESS,
   ACCOUNT_REMOVE_FROM_FOLLOWERS_SUCCESS,
   RELATIONSHIPS_FETCH_SUCCESS,
-} from '../actions/accounts';
+} from '../actions/accounts.ts';
 import {
   DOMAIN_BLOCK_SUCCESS,
   DOMAIN_UNBLOCK_SUCCESS,
-} from '../actions/domain-blocks';
+} from '../actions/domain-blocks.ts';
 import {
   ACCOUNT_IMPORT,
   ACCOUNTS_IMPORT,
-} from '../actions/importer';
+} from '../actions/importer/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type State = ImmutableMap<string, Relationship>;
 type APIEntities = Array<APIEntity>;
diff --git a/src/reducers/reports.test.ts b/src/reducers/reports.test.ts
index 546f19154..4fbffe878 100644
--- a/src/reducers/reports.test.ts
+++ b/src/reducers/reports.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './reports';
+import reducer from './reports.ts';
 
 describe('reports reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/reports.ts b/src/reducers/reports.ts
index 5c355a266..7bc32938f 100644
--- a/src/reducers/reports.ts
+++ b/src/reducers/reports.ts
@@ -12,10 +12,10 @@ import {
   REPORT_BLOCK_CHANGE,
   REPORT_RULE_CHANGE,
   ReportableEntities,
-} from '../actions/reports';
+} from '../actions/reports.ts';
 
 import type { AnyAction } from 'redux';
-import type { ChatMessage, Group } from 'soapbox/types/entities';
+import type { ChatMessage, Group } from 'soapbox/types/entities.ts';
 
 const NewReportRecord = ImmutableRecord({
   isSubmitting: false,
diff --git a/src/reducers/scheduled-statuses.ts b/src/reducers/scheduled-statuses.ts
index edcc86337..1f6fe4cfb 100644
--- a/src/reducers/scheduled-statuses.ts
+++ b/src/reducers/scheduled-statuses.ts
@@ -1,16 +1,16 @@
 import { List as ImmutableList, Map as ImmutableMap, Record as ImmutableRecord, fromJS } from 'immutable';
 
-import { STATUS_IMPORT, STATUSES_IMPORT } from 'soapbox/actions/importer';
+import { STATUS_IMPORT, STATUSES_IMPORT } from 'soapbox/actions/importer/index.ts';
 import {
   SCHEDULED_STATUSES_FETCH_SUCCESS,
   SCHEDULED_STATUS_CANCEL_REQUEST,
   SCHEDULED_STATUS_CANCEL_SUCCESS,
-} from 'soapbox/actions/scheduled-statuses';
-import { STATUS_CREATE_SUCCESS } from 'soapbox/actions/statuses';
+} from 'soapbox/actions/scheduled-statuses.ts';
+import { STATUS_CREATE_SUCCESS } from 'soapbox/actions/statuses.ts';
 
 import type { AnyAction } from 'redux';
-import type { StatusVisibility } from 'soapbox/normalizers/status';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { StatusVisibility } from 'soapbox/normalizers/status.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ScheduledStatusRecord = ImmutableRecord({
   id: '',
diff --git a/src/reducers/search.ts b/src/reducers/search.ts
index 06869cd89..47e81b2aa 100644
--- a/src/reducers/search.ts
+++ b/src/reducers/search.ts
@@ -1,13 +1,13 @@
 import { OrderedSet as ImmutableOrderedSet, Record as ImmutableRecord, fromJS } from 'immutable';
 
-import { normalizeTag } from 'soapbox/normalizers';
+import { normalizeTag } from 'soapbox/normalizers/index.ts';
 
 import {
   COMPOSE_MENTION,
   COMPOSE_REPLY,
   COMPOSE_DIRECT,
   COMPOSE_QUOTE,
-} from '../actions/compose';
+} from '../actions/compose.ts';
 import {
   SEARCH_CHANGE,
   SEARCH_CLEAR,
@@ -19,10 +19,10 @@ import {
   SEARCH_EXPAND_SUCCESS,
   SEARCH_ACCOUNT_SET,
   SEARCH_RESULTS_CLEAR,
-} from '../actions/search';
+} from '../actions/search.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity, Tag } from 'soapbox/types/entities';
+import type { APIEntity, Tag } from 'soapbox/types/entities.ts';
 
 const ResultsRecord = ImmutableRecord({
   accounts: ImmutableOrderedSet<string>(),
diff --git a/src/reducers/security.ts b/src/reducers/security.ts
index ecc76f982..3278d86cc 100644
--- a/src/reducers/security.ts
+++ b/src/reducers/security.ts
@@ -4,11 +4,11 @@ import {
   MFA_FETCH_SUCCESS,
   MFA_CONFIRM_SUCCESS,
   MFA_DISABLE_SUCCESS,
-} from '../actions/mfa';
+} from '../actions/mfa.ts';
 import {
   FETCH_TOKENS_SUCCESS,
   REVOKE_TOKEN_SUCCESS,
-} from '../actions/security';
+} from '../actions/security.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/settings.test.ts b/src/reducers/settings.test.ts
index 1cab1b6f5..f30595b3c 100644
--- a/src/reducers/settings.test.ts
+++ b/src/reducers/settings.test.ts
@@ -1,7 +1,7 @@
 import { Map as ImmutableMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from './settings';
+import reducer from './settings.ts';
 
 describe('settings reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/settings.ts b/src/reducers/settings.ts
index e7946ca37..a3b5f324c 100644
--- a/src/reducers/settings.ts
+++ b/src/reducers/settings.ts
@@ -1,20 +1,20 @@
 import { Map as ImmutableMap, fromJS } from 'immutable';
 import { AnyAction } from 'redux';
 
-import { ME_FETCH_SUCCESS } from 'soapbox/actions/me';
+import { ME_FETCH_SUCCESS } from 'soapbox/actions/me.ts';
 
-import { EMOJI_CHOOSE } from '../actions/emojis';
-import { NOTIFICATIONS_FILTER_SET } from '../actions/notifications';
-import { SEARCH_FILTER_SET } from '../actions/search';
+import { EMOJI_CHOOSE } from '../actions/emojis.ts';
+import { NOTIFICATIONS_FILTER_SET } from '../actions/notifications.ts';
+import { SEARCH_FILTER_SET } from '../actions/search.ts';
 import {
   SETTING_CHANGE,
   SETTING_SAVE,
   SETTINGS_UPDATE,
   FE_NAME,
-} from '../actions/settings';
+} from '../actions/settings.ts';
 
-import type { Emoji } from 'soapbox/features/emoji';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { Emoji } from 'soapbox/features/emoji/index.ts';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 type State = ImmutableMap<string, any>;
 
diff --git a/src/reducers/sidebar.test.ts b/src/reducers/sidebar.test.ts
index 6f8194a9f..ae77587d1 100644
--- a/src/reducers/sidebar.test.ts
+++ b/src/reducers/sidebar.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './sidebar';
+import reducer from './sidebar.ts';
 
 describe('sidebar reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/sidebar.ts b/src/reducers/sidebar.ts
index 8761a72fc..0b5725c1a 100644
--- a/src/reducers/sidebar.ts
+++ b/src/reducers/sidebar.ts
@@ -1,4 +1,4 @@
-import { SIDEBAR_OPEN, SIDEBAR_CLOSE } from '../actions/sidebar';
+import { SIDEBAR_OPEN, SIDEBAR_CLOSE } from '../actions/sidebar.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/soapbox.test.ts b/src/reducers/soapbox.test.ts
index e0231d80d..c3fb47c0e 100644
--- a/src/reducers/soapbox.test.ts
+++ b/src/reducers/soapbox.test.ts
@@ -3,10 +3,10 @@ import { describe, expect, it } from 'vitest';
 
 import soapboxConfig from 'soapbox/__fixtures__/admin_api_frontend_config.json';
 import soapbox from 'soapbox/__fixtures__/soapbox.json';
-import { ADMIN_CONFIG_UPDATE_SUCCESS } from 'soapbox/actions/admin';
-import * as actions from 'soapbox/actions/soapbox';
+import { ADMIN_CONFIG_UPDATE_SUCCESS } from 'soapbox/actions/admin.ts';
+import * as actions from 'soapbox/actions/soapbox.ts';
 
-import reducer from './soapbox';
+import reducer from './soapbox.ts';
 
 describe('soapbox reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/soapbox.ts b/src/reducers/soapbox.ts
index d44b562a3..a8ba53d2b 100644
--- a/src/reducers/soapbox.ts
+++ b/src/reducers/soapbox.ts
@@ -1,15 +1,15 @@
 import { List as ImmutableList, Map as ImmutableMap, fromJS } from 'immutable';
 
-import { PLEROMA_PRELOAD_IMPORT } from 'soapbox/actions/preload';
-import KVStore from 'soapbox/storage/kv-store';
-import { ConfigDB } from 'soapbox/utils/config-db';
+import { PLEROMA_PRELOAD_IMPORT } from 'soapbox/actions/preload.ts';
+import KVStore from 'soapbox/storage/kv-store.ts';
+import { ConfigDB } from 'soapbox/utils/config-db.ts';
 
-import { ADMIN_CONFIG_UPDATE_SUCCESS } from '../actions/admin';
+import { ADMIN_CONFIG_UPDATE_SUCCESS } from '../actions/admin.ts';
 import {
   SOAPBOX_CONFIG_REMEMBER_SUCCESS,
   SOAPBOX_CONFIG_REQUEST_SUCCESS,
   SOAPBOX_CONFIG_REQUEST_FAIL,
-} from '../actions/soapbox';
+} from '../actions/soapbox.ts';
 
 const initialState = ImmutableMap<string, any>();
 
diff --git a/src/reducers/status-hover-card.test.tsx b/src/reducers/status-hover-card.test.tsx
index fd1fcd7b6..929bb9571 100644
--- a/src/reducers/status-hover-card.test.tsx
+++ b/src/reducers/status-hover-card.test.tsx
@@ -4,9 +4,9 @@ import {
   STATUS_HOVER_CARD_OPEN,
   STATUS_HOVER_CARD_CLOSE,
   STATUS_HOVER_CARD_UPDATE,
-} from 'soapbox/actions/status-hover-card';
+} from 'soapbox/actions/status-hover-card.ts';
 
-import reducer, { ReducerRecord } from './status-hover-card';
+import reducer, { ReducerRecord } from './status-hover-card.ts';
 
 describe(STATUS_HOVER_CARD_OPEN, () => {
   it('sets the ref and statusId', () => {
diff --git a/src/reducers/status-hover-card.ts b/src/reducers/status-hover-card.ts
index 1d3d1da8d..e3d0914d5 100644
--- a/src/reducers/status-hover-card.ts
+++ b/src/reducers/status-hover-card.ts
@@ -4,7 +4,7 @@ import {
   STATUS_HOVER_CARD_OPEN,
   STATUS_HOVER_CARD_CLOSE,
   STATUS_HOVER_CARD_UPDATE,
-} from 'soapbox/actions/status-hover-card';
+} from 'soapbox/actions/status-hover-card.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/reducers/status-lists.test.ts b/src/reducers/status-lists.test.ts
index b032afb5f..b803bbf5d 100644
--- a/src/reducers/status-lists.test.ts
+++ b/src/reducers/status-lists.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './status-lists';
+import reducer from './status-lists.ts';
 
 describe('status_lists reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/status-lists.ts b/src/reducers/status-lists.ts
index d8339296f..63494c9c5 100644
--- a/src/reducers/status-lists.ts
+++ b/src/reducers/status-lists.ts
@@ -11,8 +11,8 @@ import {
   STATUS_QUOTES_FETCH_FAIL,
   STATUS_QUOTES_FETCH_REQUEST,
   STATUS_QUOTES_FETCH_SUCCESS,
-} from 'soapbox/actions/status-quotes';
-import { STATUS_CREATE_SUCCESS } from 'soapbox/actions/statuses';
+} from 'soapbox/actions/status-quotes.ts';
+import { STATUS_CREATE_SUCCESS } from 'soapbox/actions/statuses.ts';
 
 import {
   BOOKMARKED_STATUSES_FETCH_REQUEST,
@@ -21,7 +21,7 @@ import {
   BOOKMARKED_STATUSES_EXPAND_REQUEST,
   BOOKMARKED_STATUSES_EXPAND_SUCCESS,
   BOOKMARKED_STATUSES_EXPAND_FAIL,
-} from '../actions/bookmarks';
+} from '../actions/bookmarks.ts';
 import {
   RECENT_EVENTS_FETCH_REQUEST,
   RECENT_EVENTS_FETCH_SUCCESS,
@@ -29,7 +29,7 @@ import {
   JOINED_EVENTS_FETCH_REQUEST,
   JOINED_EVENTS_FETCH_SUCCESS,
   JOINED_EVENTS_FETCH_FAIL,
-} from '../actions/events';
+} from '../actions/events.ts';
 import {
   FAVOURITED_STATUSES_FETCH_REQUEST,
   FAVOURITED_STATUSES_FETCH_SUCCESS,
@@ -43,7 +43,7 @@ import {
   ACCOUNT_FAVOURITED_STATUSES_EXPAND_REQUEST,
   ACCOUNT_FAVOURITED_STATUSES_EXPAND_SUCCESS,
   ACCOUNT_FAVOURITED_STATUSES_EXPAND_FAIL,
-} from '../actions/favourites';
+} from '../actions/favourites.ts';
 import {
   FAVOURITE_SUCCESS,
   UNFAVOURITE_SUCCESS,
@@ -51,10 +51,10 @@ import {
   UNBOOKMARK_SUCCESS,
   PIN_SUCCESS,
   UNPIN_SUCCESS,
-} from '../actions/interactions';
+} from '../actions/interactions.ts';
 import {
   PINNED_STATUSES_FETCH_SUCCESS,
-} from '../actions/pin-statuses';
+} from '../actions/pin-statuses.ts';
 import {
   SCHEDULED_STATUSES_FETCH_REQUEST,
   SCHEDULED_STATUSES_FETCH_SUCCESS,
@@ -64,10 +64,10 @@ import {
   SCHEDULED_STATUSES_EXPAND_FAIL,
   SCHEDULED_STATUS_CANCEL_REQUEST,
   SCHEDULED_STATUS_CANCEL_SUCCESS,
-} from '../actions/scheduled-statuses';
+} from '../actions/scheduled-statuses.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity, Status as StatusEntity } from 'soapbox/types/entities';
+import type { APIEntity, Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 export const StatusListRecord = ImmutableRecord({
   next: null as string | null,
diff --git a/src/reducers/statuses.test.ts b/src/reducers/statuses.test.ts
index 8efd4d5b2..70f464e70 100644
--- a/src/reducers/statuses.test.ts
+++ b/src/reducers/statuses.test.ts
@@ -4,16 +4,16 @@ import {
 } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { STATUS_IMPORT } from 'soapbox/actions/importer';
+import { STATUS_IMPORT } from 'soapbox/actions/importer/index.ts';
 import {
   STATUS_CREATE_REQUEST,
   STATUS_CREATE_FAIL,
   STATUS_DELETE_REQUEST,
   STATUS_DELETE_FAIL,
-} from 'soapbox/actions/statuses';
-import { normalizeStatus } from 'soapbox/normalizers';
+} from 'soapbox/actions/statuses.ts';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
 
-import reducer, { ReducerStatus } from './statuses';
+import reducer, { ReducerStatus } from './statuses.ts';
 
 describe('statuses reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/statuses.ts b/src/reducers/statuses.ts
index b857ba540..67c915177 100644
--- a/src/reducers/statuses.ts
+++ b/src/reducers/statuses.ts
@@ -2,23 +2,23 @@ import escapeTextContentForBrowser from 'escape-html';
 import { Map as ImmutableMap, List as ImmutableList } from 'immutable';
 import DOMPurify from 'isomorphic-dompurify';
 
-import emojify from 'soapbox/features/emoji';
-import { normalizeStatus } from 'soapbox/normalizers';
-import { simulateEmojiReact, simulateUnEmojiReact } from 'soapbox/utils/emoji-reacts';
-import { stripCompatibilityFeatures, unescapeHTML } from 'soapbox/utils/html';
-import { makeEmojiMap, normalizeId } from 'soapbox/utils/normalizers';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
+import { simulateEmojiReact, simulateUnEmojiReact } from 'soapbox/utils/emoji-reacts.ts';
+import { stripCompatibilityFeatures, unescapeHTML } from 'soapbox/utils/html.ts';
+import { makeEmojiMap, normalizeId } from 'soapbox/utils/normalizers.ts';
 
 import {
   EMOJI_REACT_REQUEST,
   UNEMOJI_REACT_REQUEST,
-} from '../actions/emoji-reacts';
+} from '../actions/emoji-reacts.ts';
 import {
   EVENT_JOIN_REQUEST,
   EVENT_JOIN_FAIL,
   EVENT_LEAVE_REQUEST,
   EVENT_LEAVE_FAIL,
-} from '../actions/events';
-import { STATUS_IMPORT, STATUSES_IMPORT } from '../actions/importer';
+} from '../actions/events.ts';
+import { STATUS_IMPORT, STATUSES_IMPORT } from '../actions/importer/index.ts';
 import {
   REBLOG_REQUEST,
   REBLOG_FAIL,
@@ -32,7 +32,7 @@ import {
   DISLIKE_FAIL,
   ZAP_REQUEST,
   ZAP_FAIL,
-} from '../actions/interactions';
+} from '../actions/interactions.ts';
 import {
   STATUS_CREATE_REQUEST,
   STATUS_CREATE_FAIL,
@@ -45,11 +45,11 @@ import {
   STATUS_TRANSLATE_SUCCESS,
   STATUS_TRANSLATE_UNDO,
   STATUS_UNFILTER,
-} from '../actions/statuses';
-import { TIMELINE_DELETE } from '../actions/timelines';
+} from '../actions/statuses.ts';
+import { TIMELINE_DELETE } from '../actions/timelines.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const domParser = new DOMParser();
 
diff --git a/src/reducers/suggestions.test.ts b/src/reducers/suggestions.test.ts
index f78580f1d..382af52f6 100644
--- a/src/reducers/suggestions.test.ts
+++ b/src/reducers/suggestions.test.ts
@@ -1,8 +1,8 @@
 import { describe, expect, it } from 'vitest';
 
-import { SUGGESTIONS_FETCH_SUCCESS, SUGGESTIONS_DISMISS } from 'soapbox/actions/suggestions';
+import { SUGGESTIONS_FETCH_SUCCESS, SUGGESTIONS_DISMISS } from 'soapbox/actions/suggestions.ts';
 
-import reducer from './suggestions';
+import reducer from './suggestions.ts';
 
 describe('suggestions reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/suggestions.ts b/src/reducers/suggestions.ts
index 8f1cc209b..897ae74d1 100644
--- a/src/reducers/suggestions.ts
+++ b/src/reducers/suggestions.ts
@@ -1,7 +1,7 @@
 import { OrderedSet as ImmutableOrderedSet, Record as ImmutableRecord } from 'immutable';
 
-import { ACCOUNT_BLOCK_SUCCESS, ACCOUNT_MUTE_SUCCESS } from 'soapbox/actions/accounts';
-import { DOMAIN_BLOCK_SUCCESS } from 'soapbox/actions/domain-blocks';
+import { ACCOUNT_BLOCK_SUCCESS, ACCOUNT_MUTE_SUCCESS } from 'soapbox/actions/accounts.ts';
+import { DOMAIN_BLOCK_SUCCESS } from 'soapbox/actions/domain-blocks.ts';
 import {
   SUGGESTIONS_FETCH_REQUEST,
   SUGGESTIONS_FETCH_SUCCESS,
@@ -10,10 +10,10 @@ import {
   SUGGESTIONS_V2_FETCH_REQUEST,
   SUGGESTIONS_V2_FETCH_SUCCESS,
   SUGGESTIONS_V2_FETCH_FAIL,
-} from 'soapbox/actions/suggestions';
+} from 'soapbox/actions/suggestions.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const SuggestionRecord = ImmutableRecord({
   source: '',
diff --git a/src/reducers/tags.ts b/src/reducers/tags.ts
index 81488bb1e..840392c05 100644
--- a/src/reducers/tags.ts
+++ b/src/reducers/tags.ts
@@ -6,11 +6,11 @@ import {
   HASHTAG_FOLLOW_FAIL,
   HASHTAG_UNFOLLOW_REQUEST,
   HASHTAG_UNFOLLOW_FAIL,
-} from 'soapbox/actions/tags';
-import { normalizeTag } from 'soapbox/normalizers';
+} from 'soapbox/actions/tags.ts';
+import { normalizeTag } from 'soapbox/normalizers/index.ts';
 
 import type { AnyAction } from 'redux';
-import type { Tag } from 'soapbox/types/entities';
+import type { Tag } from 'soapbox/types/entities.ts';
 
 const initialState = ImmutableMap<string, Tag>();
 
diff --git a/src/reducers/timelines.test.ts b/src/reducers/timelines.test.ts
index 815007ffa..8be8d72fe 100644
--- a/src/reducers/timelines.test.ts
+++ b/src/reducers/timelines.test.ts
@@ -5,9 +5,9 @@ import {
   TIMELINE_EXPAND_REQUEST,
   TIMELINE_EXPAND_FAIL,
   TIMELINE_EXPAND_SUCCESS,
-} from 'soapbox/actions/timelines';
+} from 'soapbox/actions/timelines.ts';
 
-import reducer from './timelines';
+import reducer from './timelines.ts';
 
 describe('timelines reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/timelines.ts b/src/reducers/timelines.ts
index 7b7dd274e..19542c5a8 100644
--- a/src/reducers/timelines.ts
+++ b/src/reducers/timelines.ts
@@ -10,11 +10,11 @@ import sample from 'lodash/sample';
 import {
   ACCOUNT_BLOCK_SUCCESS,
   ACCOUNT_MUTE_SUCCESS,
-} from '../actions/accounts';
+} from '../actions/accounts.ts';
 import {
   STATUS_CREATE_REQUEST,
   STATUS_CREATE_SUCCESS,
-} from '../actions/statuses';
+} from '../actions/statuses.ts';
 import {
   TIMELINE_UPDATE,
   TIMELINE_DELETE,
@@ -29,11 +29,11 @@ import {
   MAX_QUEUED_ITEMS,
   TIMELINE_SCROLL_TOP,
   TIMELINE_INSERT,
-} from '../actions/timelines';
+} from '../actions/timelines.ts';
 
 import type { AnyAction } from 'redux';
-import type { ImportPosition } from 'soapbox/entity-store/types';
-import type { APIEntity, Status } from 'soapbox/types/entities';
+import type { ImportPosition } from 'soapbox/entity-store/types.ts';
+import type { APIEntity, Status } from 'soapbox/types/entities.ts';
 
 const TRUNCATE_LIMIT = 40;
 const TRUNCATE_SIZE = 20;
diff --git a/src/reducers/trending-statuses.ts b/src/reducers/trending-statuses.ts
index a86d66c11..a233994e8 100644
--- a/src/reducers/trending-statuses.ts
+++ b/src/reducers/trending-statuses.ts
@@ -4,10 +4,10 @@ import {
   TRENDING_STATUSES_FETCH_REQUEST,
   TRENDING_STATUSES_FETCH_SUCCESS,
   TRENDING_STATUSES_EXPAND_SUCCESS,
-} from 'soapbox/actions/trending-statuses';
+} from 'soapbox/actions/trending-statuses.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 const ReducerRecord = ImmutableRecord({
   items: ImmutableOrderedSet<string>(),
diff --git a/src/reducers/trends.test.ts b/src/reducers/trends.test.ts
index 4f9dfc46b..bc43b3162 100644
--- a/src/reducers/trends.test.ts
+++ b/src/reducers/trends.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import reducer from './trends';
+import reducer from './trends.ts';
 
 describe('trends reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/trends.ts b/src/reducers/trends.ts
index c43d5b7fd..873b29c19 100644
--- a/src/reducers/trends.ts
+++ b/src/reducers/trends.ts
@@ -1,15 +1,15 @@
 import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
 
-import { normalizeTag } from 'soapbox/normalizers';
+import { normalizeTag } from 'soapbox/normalizers/index.ts';
 
 import {
   TRENDS_FETCH_REQUEST,
   TRENDS_FETCH_SUCCESS,
   TRENDS_FETCH_FAIL,
-} from '../actions/trends';
+} from '../actions/trends.ts';
 
 import type { AnyAction } from 'redux';
-import type { APIEntity, Tag } from 'soapbox/types/entities';
+import type { APIEntity, Tag } from 'soapbox/types/entities.ts';
 
 const ReducerRecord = ImmutableRecord({
   items: ImmutableList<Tag>(),
diff --git a/src/reducers/user-lists.test.ts b/src/reducers/user-lists.test.ts
index a4b9c6a21..6da903553 100644
--- a/src/reducers/user-lists.test.ts
+++ b/src/reducers/user-lists.test.ts
@@ -1,7 +1,7 @@
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import reducer from './user-lists';
+import reducer from './user-lists.ts';
 
 describe('user_lists reducer', () => {
   it('should return the initial state', () => {
diff --git a/src/reducers/user-lists.ts b/src/reducers/user-lists.ts
index 97e1def39..7f57a77d4 100644
--- a/src/reducers/user-lists.ts
+++ b/src/reducers/user-lists.ts
@@ -17,11 +17,11 @@ import {
   FOLLOW_REQUEST_REJECT_SUCCESS,
   PINNED_ACCOUNTS_FETCH_SUCCESS,
   BIRTHDAY_REMINDERS_FETCH_SUCCESS,
-} from 'soapbox/actions/accounts';
+} from 'soapbox/actions/accounts.ts';
 import {
   BLOCKS_FETCH_SUCCESS,
   BLOCKS_EXPAND_SUCCESS,
-} from 'soapbox/actions/blocks';
+} from 'soapbox/actions/blocks.ts';
 import {
   DIRECTORY_FETCH_REQUEST,
   DIRECTORY_FETCH_SUCCESS,
@@ -29,7 +29,7 @@ import {
   DIRECTORY_EXPAND_REQUEST,
   DIRECTORY_EXPAND_SUCCESS,
   DIRECTORY_EXPAND_FAIL,
-} from 'soapbox/actions/directory';
+} from 'soapbox/actions/directory.ts';
 import {
   EVENT_PARTICIPATIONS_EXPAND_SUCCESS,
   EVENT_PARTICIPATIONS_FETCH_SUCCESS,
@@ -37,10 +37,10 @@ import {
   EVENT_PARTICIPATION_REQUESTS_FETCH_SUCCESS,
   EVENT_PARTICIPATION_REQUEST_AUTHORIZE_SUCCESS,
   EVENT_PARTICIPATION_REQUEST_REJECT_SUCCESS,
-} from 'soapbox/actions/events';
+} from 'soapbox/actions/events.ts';
 import {
   FAMILIAR_FOLLOWERS_FETCH_SUCCESS,
-} from 'soapbox/actions/familiar-followers';
+} from 'soapbox/actions/familiar-followers.ts';
 import {
   GROUP_MEMBERSHIP_REQUESTS_FETCH_SUCCESS,
   GROUP_MEMBERSHIP_REQUESTS_EXPAND_SUCCESS,
@@ -57,7 +57,7 @@ import {
   GROUP_BLOCKS_EXPAND_SUCCESS,
   GROUP_BLOCKS_EXPAND_FAIL,
   GROUP_UNBLOCK_SUCCESS,
-} from 'soapbox/actions/groups';
+} from 'soapbox/actions/groups.ts';
 import {
   REBLOGS_FETCH_SUCCESS,
   REBLOGS_EXPAND_SUCCESS,
@@ -67,12 +67,12 @@ import {
   REACTIONS_FETCH_SUCCESS,
   ZAPS_FETCH_SUCCESS,
   ZAPS_EXPAND_SUCCESS,
-} from 'soapbox/actions/interactions';
+} from 'soapbox/actions/interactions.ts';
 import {
   NOTIFICATIONS_UPDATE,
-} from 'soapbox/actions/notifications';
+} from 'soapbox/actions/notifications.ts';
 
-import type { APIEntity } from 'soapbox/types/entities';
+import type { APIEntity } from 'soapbox/types/entities.ts';
 
 export const ListRecord = ImmutableRecord({
   next: null as string | null,
diff --git a/src/schemas/account.ts b/src/schemas/account.ts
index 5fa4b0f83..bedd138fc 100644
--- a/src/schemas/account.ts
+++ b/src/schemas/account.ts
@@ -5,14 +5,14 @@ import z from 'zod';
 
 import avatarMissing from 'soapbox/assets/images/avatar-missing.png';
 import headerMissing from 'soapbox/assets/images/header-missing.png';
-import emojify from 'soapbox/features/emoji';
-import { unescapeHTML } from 'soapbox/utils/html';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { unescapeHTML } from 'soapbox/utils/html.ts';
 
-import { customEmojiSchema } from './custom-emoji';
-import { Relationship } from './relationship';
-import { coerceObject, contentSchema, filteredArray, makeCustomEmojiMap } from './utils';
+import { customEmojiSchema } from './custom-emoji.ts';
+import { Relationship } from './relationship.ts';
+import { coerceObject, contentSchema, filteredArray, makeCustomEmojiMap } from './utils.ts';
 
-import type { Resolve } from 'soapbox/utils/types';
+import type { Resolve } from 'soapbox/utils/types.ts';
 
 const birthdaySchema = z.string().regex(/^\d{4}-\d{2}-\d{2}$/);
 
diff --git a/src/schemas/admin-account.ts b/src/schemas/admin-account.ts
index da225602f..828f16ae5 100644
--- a/src/schemas/admin-account.ts
+++ b/src/schemas/admin-account.ts
@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { accountSchema } from './account';
+import { accountSchema } from './account.ts';
 
 const adminIpSchema = z.object({
   ip: z.string().ip(),
diff --git a/src/schemas/announcement-reaction.ts b/src/schemas/announcement-reaction.ts
index c8a5cfc23..eaa7c0fc0 100644
--- a/src/schemas/announcement-reaction.ts
+++ b/src/schemas/announcement-reaction.ts
@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import type { Resolve } from 'soapbox/utils/types';
+import type { Resolve } from 'soapbox/utils/types.ts';
 
 // https://docs.joinmastodon.org/entities/announcement/
 const announcementReactionSchema = z.object({
diff --git a/src/schemas/announcement.ts b/src/schemas/announcement.ts
index e40b9c011..eded235c6 100644
--- a/src/schemas/announcement.ts
+++ b/src/schemas/announcement.ts
@@ -1,14 +1,14 @@
 import { z } from 'zod';
 
-import emojify from 'soapbox/features/emoji';
+import emojify from 'soapbox/features/emoji/index.ts';
 
-import { announcementReactionSchema } from './announcement-reaction';
-import { customEmojiSchema } from './custom-emoji';
-import { mentionSchema } from './mention';
-import { tagSchema } from './tag';
-import { dateSchema, filteredArray, makeCustomEmojiMap } from './utils';
+import { announcementReactionSchema } from './announcement-reaction.ts';
+import { customEmojiSchema } from './custom-emoji.ts';
+import { mentionSchema } from './mention.ts';
+import { tagSchema } from './tag.ts';
+import { dateSchema, filteredArray, makeCustomEmojiMap } from './utils.ts';
 
-import type { Resolve } from 'soapbox/utils/types';
+import type { Resolve } from 'soapbox/utils/types.ts';
 
 const transformAnnouncement = (announcement: Resolve<z.infer<typeof baseAnnouncementSchema>>) => {
   const emojiMap = makeCustomEmojiMap(announcement.emojis);
diff --git a/src/schemas/attachment.ts b/src/schemas/attachment.ts
index dfc880f58..20d7e33f7 100644
--- a/src/schemas/attachment.ts
+++ b/src/schemas/attachment.ts
@@ -1,7 +1,7 @@
 import { isBlurhashValid } from 'blurhash';
 import { z } from 'zod';
 
-import { mimeSchema } from './utils';
+import { mimeSchema } from './utils.ts';
 
 const blurhashSchema = z.string().superRefine((value, ctx) => {
   const r = isBlurhashValid(value);
diff --git a/src/schemas/card.test.ts b/src/schemas/card.test.ts
index b8dbad9dd..c62b883be 100644
--- a/src/schemas/card.test.ts
+++ b/src/schemas/card.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { cardSchema } from './card';
+import { cardSchema } from './card.ts';
 
 describe('cardSchema', () => {
   it('adds base fields', () => {
diff --git a/src/schemas/card.ts b/src/schemas/card.ts
index dc4ba2e6b..3d03cb16d 100644
--- a/src/schemas/card.ts
+++ b/src/schemas/card.ts
@@ -3,7 +3,7 @@ import punycode from 'punycode';
 import DOMPurify from 'isomorphic-dompurify';
 import { z } from 'zod';
 
-import { groupSchema } from './group';
+import { groupSchema } from './group.ts';
 
 const IDNA_PREFIX = 'xn--';
 
diff --git a/src/schemas/chat-message.ts b/src/schemas/chat-message.ts
index fe0ff0f6b..1b32368aa 100644
--- a/src/schemas/chat-message.ts
+++ b/src/schemas/chat-message.ts
@@ -1,9 +1,9 @@
 import { z } from 'zod';
 
-import { attachmentSchema } from './attachment';
-import { cardSchema } from './card';
-import { customEmojiSchema } from './custom-emoji';
-import { contentSchema, emojiSchema, filteredArray } from './utils';
+import { attachmentSchema } from './attachment.ts';
+import { cardSchema } from './card.ts';
+import { customEmojiSchema } from './custom-emoji.ts';
+import { contentSchema, emojiSchema, filteredArray } from './utils.ts';
 
 const chatMessageSchema = z.object({
   account_id: z.string(),
diff --git a/src/schemas/emoji-reaction.ts b/src/schemas/emoji-reaction.ts
index 5f31658b1..0fcabefe3 100644
--- a/src/schemas/emoji-reaction.ts
+++ b/src/schemas/emoji-reaction.ts
@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { emojiSchema } from './utils';
+import { emojiSchema } from './utils.ts';
 
 const baseEmojiReactionSchema = z.object({
   count: z.number().nullable().catch(null),
diff --git a/src/schemas/event.ts b/src/schemas/event.ts
index e74a80760..6ece016a2 100644
--- a/src/schemas/event.ts
+++ b/src/schemas/event.ts
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 
-import { attachmentSchema } from './attachment';
-import { locationSchema } from './location';
+import { attachmentSchema } from './attachment.ts';
+import { locationSchema } from './location.ts';
 
 const eventSchema = z.object({
   name: z.string().catch(''),
diff --git a/src/schemas/group-member.ts b/src/schemas/group-member.ts
index 8135fecb6..88de11993 100644
--- a/src/schemas/group-member.ts
+++ b/src/schemas/group-member.ts
@@ -1,6 +1,6 @@
 import z from 'zod';
 
-import { accountSchema } from './account';
+import { accountSchema } from './account.ts';
 
 enum GroupRoles {
   OWNER = 'owner',
diff --git a/src/schemas/group-relationship.ts b/src/schemas/group-relationship.ts
index 93e2a5e14..ee1a5720e 100644
--- a/src/schemas/group-relationship.ts
+++ b/src/schemas/group-relationship.ts
@@ -1,6 +1,6 @@
 import z from 'zod';
 
-import { GroupRoles } from './group-member';
+import { GroupRoles } from './group-member.ts';
 
 const groupRelationshipSchema = z.object({
   blocked_by: z.boolean().catch(false),
diff --git a/src/schemas/group.test.ts b/src/schemas/group.test.ts
index 2ebe9f7d4..576d67802 100644
--- a/src/schemas/group.test.ts
+++ b/src/schemas/group.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from 'vitest';
 
-import { groupSchema } from './group';
+import { groupSchema } from './group.ts';
 
 test('groupSchema with a TruthSocial group', async () => {
   const data = await import('soapbox/__fixtures__/group-truthsocial.json');
diff --git a/src/schemas/group.ts b/src/schemas/group.ts
index afdbec9fd..8082258a5 100644
--- a/src/schemas/group.ts
+++ b/src/schemas/group.ts
@@ -3,13 +3,13 @@ import z from 'zod';
 
 import avatarMissing from 'soapbox/assets/images/avatar-missing.png';
 import headerMissing from 'soapbox/assets/images/header-missing.png';
-import emojify from 'soapbox/features/emoji';
-import { unescapeHTML } from 'soapbox/utils/html';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { unescapeHTML } from 'soapbox/utils/html.ts';
 
-import { customEmojiSchema } from './custom-emoji';
-import { groupRelationshipSchema } from './group-relationship';
-import { groupTagSchema } from './group-tag';
-import { filteredArray, makeCustomEmojiMap } from './utils';
+import { customEmojiSchema } from './custom-emoji.ts';
+import { groupRelationshipSchema } from './group-relationship.ts';
+import { groupTagSchema } from './group-tag.ts';
+import { filteredArray, makeCustomEmojiMap } from './utils.ts';
 
 const groupSchema = z.object({
   avatar: z.string().catch(avatarMissing),
diff --git a/src/schemas/index.ts b/src/schemas/index.ts
index 253baff7a..656017e1f 100644
--- a/src/schemas/index.ts
+++ b/src/schemas/index.ts
@@ -1,25 +1,25 @@
-export { accountSchema, type Account } from './account';
-export { announcementSchema, adminAnnouncementSchema, type Announcement, type AdminAnnouncement } from './announcement';
-export { announcementReactionSchema, type AnnouncementReaction } from './announcement-reaction';
-export { attachmentSchema, type Attachment } from './attachment';
-export { bookmarkFolderSchema, type BookmarkFolder } from './bookmark-folder';
-export { cardSchema, type Card } from './card';
-export { chatMessageSchema, type ChatMessage } from './chat-message';
-export { customEmojiSchema, type CustomEmoji } from './custom-emoji';
-export { domainSchema, type Domain } from './domain';
-export { emojiReactionSchema, type EmojiReaction } from './emoji-reaction';
-export { groupSchema, type Group } from './group';
-export { groupMemberSchema, type GroupMember } from './group-member';
-export { groupRelationshipSchema, type GroupRelationship } from './group-relationship';
-export { groupTagSchema, type GroupTag } from './group-tag';
-export { mentionSchema, type Mention } from './mention';
-export { moderationLogEntrySchema, type ModerationLogEntry } from './moderation-log-entry';
-export { notificationSchema, type Notification } from './notification';
-export { patronUserSchema, type PatronUser } from './patron';
-export { pollSchema, type Poll, type PollOption } from './poll';
-export { relationshipSchema, type Relationship } from './relationship';
-export { relaySchema, type Relay } from './relay';
-export { ruleSchema, adminRuleSchema, type Rule, type AdminRule } from './rule';
-export { statusSchema, type Status } from './status';
-export { tagSchema, type Tag } from './tag';
-export { tombstoneSchema, type Tombstone } from './tombstone';
+export { accountSchema, type Account } from './account.ts';
+export { announcementSchema, adminAnnouncementSchema, type Announcement, type AdminAnnouncement } from './announcement.ts';
+export { announcementReactionSchema, type AnnouncementReaction } from './announcement-reaction.ts';
+export { attachmentSchema, type Attachment } from './attachment.ts';
+export { bookmarkFolderSchema, type BookmarkFolder } from './bookmark-folder.ts';
+export { cardSchema, type Card } from './card.ts';
+export { chatMessageSchema, type ChatMessage } from './chat-message.ts';
+export { customEmojiSchema, type CustomEmoji } from './custom-emoji.ts';
+export { domainSchema, type Domain } from './domain.ts';
+export { emojiReactionSchema, type EmojiReaction } from './emoji-reaction.ts';
+export { groupSchema, type Group } from './group.ts';
+export { groupMemberSchema, type GroupMember } from './group-member.ts';
+export { groupRelationshipSchema, type GroupRelationship } from './group-relationship.ts';
+export { groupTagSchema, type GroupTag } from './group-tag.ts';
+export { mentionSchema, type Mention } from './mention.ts';
+export { moderationLogEntrySchema, type ModerationLogEntry } from './moderation-log-entry.ts';
+export { notificationSchema, type Notification } from './notification.ts';
+export { patronUserSchema, type PatronUser } from './patron.ts';
+export { pollSchema, type Poll, type PollOption } from './poll.ts';
+export { relationshipSchema, type Relationship } from './relationship.ts';
+export { relaySchema, type Relay } from './relay.ts';
+export { ruleSchema, adminRuleSchema, type Rule, type AdminRule } from './rule.ts';
+export { statusSchema, type Status } from './status.ts';
+export { tagSchema, type Tag } from './tag.ts';
+export { tombstoneSchema, type Tombstone } from './tombstone.ts';
diff --git a/src/schemas/instance.test.ts b/src/schemas/instance.test.ts
index 338763b66..2089a07f3 100644
--- a/src/schemas/instance.test.ts
+++ b/src/schemas/instance.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { instanceV1Schema } from './instance';
+import { instanceV1Schema } from './instance.ts';
 
 describe('instanceV1Schema.parse()', () => {
   it('normalizes an empty Map', () => {
diff --git a/src/schemas/instance.ts b/src/schemas/instance.ts
index 5c7c8ac0f..682d6b1c4 100644
--- a/src/schemas/instance.ts
+++ b/src/schemas/instance.ts
@@ -1,10 +1,10 @@
 /* eslint sort-keys: "error" */
 import z from 'zod';
 
-import { accountSchema } from './account';
-import { mrfSimpleSchema } from './pleroma';
-import { ruleSchema } from './rule';
-import { coerceObject, filteredArray, mimeSchema } from './utils';
+import { accountSchema } from './account.ts';
+import { mrfSimpleSchema } from './pleroma.ts';
+import { ruleSchema } from './rule.ts';
+import { coerceObject, filteredArray, mimeSchema } from './utils.ts';
 
 const versionSchema = z.string().catch('0.0.0').transform((version) => {
   // Handle Mastodon release candidates
diff --git a/src/schemas/notification.ts b/src/schemas/notification.ts
index e468c4e2b..d1a532224 100644
--- a/src/schemas/notification.ts
+++ b/src/schemas/notification.ts
@@ -1,9 +1,9 @@
 import { z } from 'zod';
 
-import { accountSchema } from './account';
-import { chatMessageSchema } from './chat-message';
-import { statusSchema } from './status';
-import { emojiSchema } from './utils';
+import { accountSchema } from './account.ts';
+import { chatMessageSchema } from './chat-message.ts';
+import { statusSchema } from './status.ts';
+import { emojiSchema } from './utils.ts';
 
 const baseNotificationSchema = z.object({
   account: accountSchema,
diff --git a/src/schemas/pleroma.ts b/src/schemas/pleroma.ts
index 04f8bf580..6486fcbd6 100644
--- a/src/schemas/pleroma.ts
+++ b/src/schemas/pleroma.ts
@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { coerceObject } from './utils';
+import { coerceObject } from './utils.ts';
 
 const mrfSimpleSchema = coerceObject({
   accept: z.string().array().catch([]),
diff --git a/src/schemas/poll.test.ts b/src/schemas/poll.test.ts
index 0c47cc30f..7e62809ba 100644
--- a/src/schemas/poll.test.ts
+++ b/src/schemas/poll.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { pollSchema } from './poll';
+import { pollSchema } from './poll.ts';
 
 describe('normalizePoll()', () => {
   it('adds base fields', () => {
diff --git a/src/schemas/poll.ts b/src/schemas/poll.ts
index 1a60af410..f0e089f0a 100644
--- a/src/schemas/poll.ts
+++ b/src/schemas/poll.ts
@@ -2,10 +2,10 @@ import escapeTextContentForBrowser from 'escape-html';
 import DOMPurify from 'isomorphic-dompurify';
 import { z } from 'zod';
 
-import emojify from 'soapbox/features/emoji';
+import emojify from 'soapbox/features/emoji/index.ts';
 
-import { customEmojiSchema } from './custom-emoji';
-import { filteredArray, makeCustomEmojiMap } from './utils';
+import { customEmojiSchema } from './custom-emoji.ts';
+import { filteredArray, makeCustomEmojiMap } from './utils.ts';
 
 const pollOptionSchema = z.object({
   title: z.string().catch(''),
diff --git a/src/schemas/soapbox/settings.ts b/src/schemas/soapbox/settings.ts
index e1b8fe53c..9f70c2c21 100644
--- a/src/schemas/soapbox/settings.ts
+++ b/src/schemas/soapbox/settings.ts
@@ -1,8 +1,8 @@
 import { z } from 'zod';
 
-import { locales } from 'soapbox/messages';
+import { locales } from 'soapbox/messages.ts';
 
-import { coerceObject } from '../utils';
+import { coerceObject } from '../utils.ts';
 
 const skinToneSchema = z.union([
   z.literal(1), z.literal(2), z.literal(3), z.literal(4), z.literal(5), z.literal(6),
diff --git a/src/schemas/soapbox/soapbox-auth.ts b/src/schemas/soapbox/soapbox-auth.ts
index 54d6d6c5d..c2b0b8dc6 100644
--- a/src/schemas/soapbox/soapbox-auth.ts
+++ b/src/schemas/soapbox/soapbox-auth.ts
@@ -1,7 +1,7 @@
 import { z } from 'zod';
 
-import { applicationSchema } from 'soapbox/schemas/application';
-import { tokenSchema } from 'soapbox/schemas/token';
+import { applicationSchema } from 'soapbox/schemas/application.ts';
+import { tokenSchema } from 'soapbox/schemas/token.ts';
 
 const authUserSchema = z.object({
   access_token: z.string(),
diff --git a/src/schemas/soapbox/soapbox-config.ts b/src/schemas/soapbox/soapbox-config.ts
index 97cda600c..3b36868a6 100644
--- a/src/schemas/soapbox/soapbox-config.ts
+++ b/src/schemas/soapbox/soapbox-config.ts
@@ -1,7 +1,7 @@
 /* eslint sort-keys: "error" */
 import { z } from 'zod';
 
-import { hexColorSchema } from '../utils';
+import { hexColorSchema } from '../utils.ts';
 
 export const cryptoAddressSchema = z.object({
   address: z.string(),
diff --git a/src/schemas/status.ts b/src/schemas/status.ts
index 7d41837f5..6c04f28ee 100644
--- a/src/schemas/status.ts
+++ b/src/schemas/status.ts
@@ -1,22 +1,22 @@
 import escapeTextContentForBrowser from 'escape-html';
 import { z } from 'zod';
 
-import emojify from 'soapbox/features/emoji';
-import { stripCompatibilityFeatures, unescapeHTML } from 'soapbox/utils/html';
+import emojify from 'soapbox/features/emoji/index.ts';
+import { stripCompatibilityFeatures, unescapeHTML } from 'soapbox/utils/html.ts';
 
-import { accountSchema } from './account';
-import { attachmentSchema } from './attachment';
-import { cardSchema } from './card';
-import { customEmojiSchema } from './custom-emoji';
-import { emojiReactionSchema } from './emoji-reaction';
-import { eventSchema } from './event';
-import { groupSchema } from './group';
-import { mentionSchema } from './mention';
-import { pollSchema } from './poll';
-import { tagSchema } from './tag';
-import { contentSchema, dateSchema, filteredArray, makeCustomEmojiMap } from './utils';
+import { accountSchema } from './account.ts';
+import { attachmentSchema } from './attachment.ts';
+import { cardSchema } from './card.ts';
+import { customEmojiSchema } from './custom-emoji.ts';
+import { emojiReactionSchema } from './emoji-reaction.ts';
+import { eventSchema } from './event.ts';
+import { groupSchema } from './group.ts';
+import { mentionSchema } from './mention.ts';
+import { pollSchema } from './poll.ts';
+import { tagSchema } from './tag.ts';
+import { contentSchema, dateSchema, filteredArray, makeCustomEmojiMap } from './utils.ts';
 
-import type { Resolve } from 'soapbox/utils/types';
+import type { Resolve } from 'soapbox/utils/types.ts';
 
 const statusPleromaSchema = z.object({
   event: eventSchema.nullish().catch(undefined),
diff --git a/src/schemas/utils.ts b/src/schemas/utils.ts
index 2110cd0bb..056c049fc 100644
--- a/src/schemas/utils.ts
+++ b/src/schemas/utils.ts
@@ -1,6 +1,6 @@
 import z from 'zod';
 
-import type { CustomEmoji } from './custom-emoji';
+import type { CustomEmoji } from './custom-emoji.ts';
 
 /** Ensure HTML content is a string, and drop empty `<p>` tags. */
 const contentSchema = z.string().catch('').transform((value) => value === '<p></p>' ? '' : value);
diff --git a/src/schemas/web-push.ts b/src/schemas/web-push.ts
index 60eee13a6..c59b43fb9 100644
--- a/src/schemas/web-push.ts
+++ b/src/schemas/web-push.ts
@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { coerceObject } from './utils';
+import { coerceObject } from './utils.ts';
 
 /** https://docs.joinmastodon.org/entities/WebPushSubscription/ */
 const webPushSubscriptionSchema = z.object({
diff --git a/src/schemas/zap-split.ts b/src/schemas/zap-split.ts
index e830e676b..9f3b9872d 100644
--- a/src/schemas/zap-split.ts
+++ b/src/schemas/zap-split.ts
@@ -1,6 +1,6 @@
 import { z } from 'zod';
 
-import { type Account, accountSchema } from './account';
+import { type Account, accountSchema } from './account.ts';
 
 const addMethodsToAccount = (account: Account) => {
   return {
diff --git a/src/selectors/index.ts b/src/selectors/index.ts
index a5d3076cc..297d638fe 100644
--- a/src/selectors/index.ts
+++ b/src/selectors/index.ts
@@ -7,20 +7,20 @@ import {
 } from 'immutable';
 import { createSelector } from 'reselect';
 
-import { getSettings } from 'soapbox/actions/settings';
-import { Entities } from 'soapbox/entity-store/entities';
-import { type MRFSimple } from 'soapbox/schemas/pleroma';
-import { getDomain } from 'soapbox/utils/accounts';
-import ConfigDB from 'soapbox/utils/config-db';
-import { getFeatures } from 'soapbox/utils/features';
-import { shouldFilter } from 'soapbox/utils/timelines';
+import { getSettings } from 'soapbox/actions/settings.ts';
+import { Entities } from 'soapbox/entity-store/entities.ts';
+import { type MRFSimple } from 'soapbox/schemas/pleroma.ts';
+import { getDomain } from 'soapbox/utils/accounts.ts';
+import ConfigDB from 'soapbox/utils/config-db.ts';
+import { getFeatures } from 'soapbox/utils/features.ts';
+import { shouldFilter } from 'soapbox/utils/timelines.ts';
 
-import type { EntityStore } from 'soapbox/entity-store/types';
-import type { ContextType } from 'soapbox/normalizers/filter';
-import type { ReducerChat } from 'soapbox/reducers/chats';
-import type { Account as AccountSchema } from 'soapbox/schemas';
-import type { RootState } from 'soapbox/store';
-import type { Account, Filter as FilterEntity, Notification, Status } from 'soapbox/types/entities';
+import type { EntityStore } from 'soapbox/entity-store/types.ts';
+import type { ContextType } from 'soapbox/normalizers/filter.ts';
+import type { ReducerChat } from 'soapbox/reducers/chats.ts';
+import type { Account as AccountSchema } from 'soapbox/schemas/index.ts';
+import type { RootState } from 'soapbox/store.ts';
+import type { Account, Filter as FilterEntity, Notification, Status } from 'soapbox/types/entities.ts';
 
 const normalizeId = (id: any): string => typeof id === 'string' ? id : '';
 
diff --git a/src/sentry.ts b/src/sentry.ts
index 9b053d92e..a30cef221 100644
--- a/src/sentry.ts
+++ b/src/sentry.ts
@@ -1,8 +1,8 @@
-import { NODE_ENV } from 'soapbox/build-config';
-import sourceCode from 'soapbox/utils/code';
+import { NODE_ENV } from 'soapbox/build-config.ts';
+import sourceCode from 'soapbox/utils/code.ts';
 
-import type { Account } from './schemas';
 import type { CaptureContext, SendFeedbackParams } from '@sentry/types';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 /** Start Sentry. */
 async function startSentry(dsn: string): Promise<void> {
diff --git a/src/store.ts b/src/store.ts
index 4b1700e26..0606e5108 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -1,9 +1,9 @@
 import { configureStore, Tuple } from '@reduxjs/toolkit';
 import { thunk, type ThunkDispatch } from 'redux-thunk';
 
-import errorsMiddleware from './middleware/errors';
-import soundsMiddleware from './middleware/sounds';
-import appReducer from './reducers';
+import errorsMiddleware from './middleware/errors.ts';
+import soundsMiddleware from './middleware/sounds.ts';
+import appReducer from './reducers/index.ts';
 
 import type { AnyAction } from 'redux';
 
diff --git a/src/stream.ts b/src/stream.ts
index 599704d12..1f4bd38e5 100644
--- a/src/stream.ts
+++ b/src/stream.ts
@@ -1,8 +1,8 @@
 import WebSocketClient from '@gamestdio/websocket';
 
-import { getAccessToken } from 'soapbox/utils/auth';
+import { getAccessToken } from 'soapbox/utils/auth.ts';
 
-import type { AppDispatch, RootState } from 'soapbox/store';
+import type { AppDispatch, RootState } from 'soapbox/store.ts';
 
 const randomIntUpTo = (max: number) => Math.floor(Math.random() * Math.floor(max));
 
diff --git a/src/toast.test.tsx b/src/toast.test.tsx
index d90734162..697171785 100644
--- a/src/toast.test.tsx
+++ b/src/toast.test.tsx
@@ -4,9 +4,9 @@ import { Toaster } from 'react-hot-toast';
 import { IntlProvider } from 'react-intl';
 import { afterAll, afterEach, beforeAll, describe, expect, it, vi } from 'vitest';
 
-import { act, screen } from 'soapbox/jest/test-helpers';
+import { act, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import toast from './toast';
+import toast from './toast.tsx';
 
 function renderApp() {
   return {
diff --git a/src/toast.tsx b/src/toast.tsx
index e0c5db424..f3050ad28 100644
--- a/src/toast.tsx
+++ b/src/toast.tsx
@@ -2,8 +2,8 @@ import { AxiosError } from 'axios';
 import toast from 'react-hot-toast';
 import { defineMessages, MessageDescriptor } from 'react-intl';
 
-import { Toast } from './components/ui';
-import { httpErrorMessages } from './utils/errors';
+import { Toast } from './components/ui/index.ts';
+import { httpErrorMessages } from './utils/errors.ts';
 
 export type ToastText = string | MessageDescriptor
 export type ToastType = 'success' | 'error' | 'info'
diff --git a/src/types/entities.ts b/src/types/entities.ts
index 1c88b7f7c..82dc1dad5 100644
--- a/src/types/entities.ts
+++ b/src/types/entities.ts
@@ -17,11 +17,11 @@ import {
   StatusEditRecord,
   StatusRecord,
   TagRecord,
-} from 'soapbox/normalizers';
-import { Account as SchemaAccount } from 'soapbox/schemas';
+} from 'soapbox/normalizers/index.ts';
+import { Account as SchemaAccount } from 'soapbox/schemas/index.ts';
 
 import type { Record as ImmutableRecord } from 'immutable';
-import type { LegacyMap } from 'soapbox/utils/legacy';
+import type { LegacyMap } from 'soapbox/utils/legacy.ts';
 
 type AdminAccount = ReturnType<typeof AdminAccountRecord>;
 type AdminReport = ReturnType<typeof AdminReportRecord>;
@@ -88,4 +88,4 @@ export type {
   Poll,
   PollOption,
   Relationship,
-} from 'soapbox/schemas';
\ No newline at end of file
+} from 'soapbox/schemas/index.ts';
\ No newline at end of file
diff --git a/src/types/soapbox.ts b/src/types/soapbox.ts
index 382b7dc73..b19e7f4e8 100644
--- a/src/types/soapbox.ts
+++ b/src/types/soapbox.ts
@@ -3,7 +3,7 @@ import {
   FooterItemRecord,
   CryptoAddressRecord,
   SoapboxConfigRecord,
-} from 'soapbox/normalizers/soapbox/soapbox-config';
+} from 'soapbox/normalizers/soapbox/soapbox-config.ts';
 
 type Me = string | null | false | undefined;
 
diff --git a/src/utils/accounts.ts b/src/utils/accounts.ts
index 0d57a6494..1006179b5 100644
--- a/src/utils/accounts.ts
+++ b/src/utils/accounts.ts
@@ -1,7 +1,7 @@
 import avatarMissing from 'soapbox/assets/images/avatar-missing.png';
 import headerMissing from 'soapbox/assets/images/header-missing.png';
 
-import type { Account } from 'soapbox/schemas';
+import type { Account } from 'soapbox/schemas/index.ts';
 
 const getDomainFromURL = (account: Pick<Account, 'url'>): string => {
   try {
diff --git a/src/utils/auth.ts b/src/utils/auth.ts
index 34799cae5..f448aaee2 100644
--- a/src/utils/auth.ts
+++ b/src/utils/auth.ts
@@ -1,8 +1,8 @@
 import { List as ImmutableList } from 'immutable';
 
-import { selectAccount, selectOwnAccount } from 'soapbox/selectors';
+import { selectAccount, selectOwnAccount } from 'soapbox/selectors/index.ts';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 export const validId = (id: any) => typeof id === 'string' && id !== 'null' && id !== 'undefined';
 
diff --git a/src/utils/badges.test.ts b/src/utils/badges.test.ts
index d11218579..4335e29cc 100644
--- a/src/utils/badges.test.ts
+++ b/src/utils/badges.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
+import { buildAccount } from 'soapbox/jest/factory.ts';
 
 import {
   tagToBadge,
@@ -8,7 +8,7 @@ import {
   filterBadges,
   getTagDiff,
   getBadges,
-} from './badges';
+} from './badges.ts';
 
 test('tagToBadge', () => {
   expect(tagToBadge('yolo')).toEqual('badge:yolo');
diff --git a/src/utils/badges.ts b/src/utils/badges.ts
index cd2d84894..0d83b0c82 100644
--- a/src/utils/badges.ts
+++ b/src/utils/badges.ts
@@ -1,6 +1,6 @@
 import { OrderedSet as ImmutableOrderedSet } from 'immutable';
 
-import type { Account } from 'soapbox/types/entities';
+import type { Account } from 'soapbox/types/entities.ts';
 
 /** Convert a plain tag into a badge. */
 const tagToBadge = (tag: string) => `badge:${tag}`;
diff --git a/src/utils/base64.test.ts b/src/utils/base64.test.ts
index 5ee19e901..444913cc3 100644
--- a/src/utils/base64.test.ts
+++ b/src/utils/base64.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { decodeBase64 } from './base64';
+import { decodeBase64 } from './base64.ts';
 
 describe('decodeBase64', () => {
   it('returns a uint8 array', () => {
diff --git a/src/utils/chats.test.ts b/src/utils/chats.test.ts
index 3db16e42b..f98143ed3 100644
--- a/src/utils/chats.test.ts
+++ b/src/utils/chats.test.ts
@@ -1,11 +1,11 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { buildAccount } from 'soapbox/jest/factory';
-import { normalizeChatMessage } from 'soapbox/normalizers';
-import { ChatKeys, IChat } from 'soapbox/queries/chats';
-import { queryClient } from 'soapbox/queries/client';
+import { buildAccount } from 'soapbox/jest/factory.ts';
+import { normalizeChatMessage } from 'soapbox/normalizers/index.ts';
+import { ChatKeys, IChat } from 'soapbox/queries/chats.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
 
-import { updateChatMessage } from './chats';
+import { updateChatMessage } from './chats.ts';
 
 const chat: IChat = {
   accepted: true,
diff --git a/src/utils/chats.ts b/src/utils/chats.ts
index 423565e49..53a60be7d 100644
--- a/src/utils/chats.ts
+++ b/src/utils/chats.ts
@@ -1,13 +1,13 @@
 import { InfiniteData } from '@tanstack/react-query';
 import sumBy from 'lodash/sumBy';
 
-import { normalizeChatMessage } from 'soapbox/normalizers';
-import { ChatKeys } from 'soapbox/queries/chats';
-import { queryClient } from 'soapbox/queries/client';
-import { Chat, ChatMessage } from 'soapbox/types/entities';
+import { normalizeChatMessage } from 'soapbox/normalizers/index.ts';
+import { ChatKeys } from 'soapbox/queries/chats.ts';
+import { queryClient } from 'soapbox/queries/client.ts';
+import { Chat, ChatMessage } from 'soapbox/types/entities.ts';
 
-import { compareDate } from './comparators';
-import { appendPageItem, flattenPages, PaginatedResult, sortQueryData, updatePageItem } from './queries';
+import { compareDate } from './comparators.ts';
+import { appendPageItem, flattenPages, PaginatedResult, sortQueryData, updatePageItem } from './queries.ts';
 
 interface ChatPayload extends Omit<Chat, 'last_message'> {
   last_message: ChatMessage | null;
diff --git a/src/utils/code.ts b/src/utils/code.ts
index e42fb6dde..177cfca16 100644
--- a/src/utils/code.ts
+++ b/src/utils/code.ts
@@ -1,3 +1,3 @@
-import type { Code } from './code-compiletime';
+import type { Code } from './code-compiletime.ts';
 
 export default import.meta.compileTime<Code>('./code-compiletime.ts');
\ No newline at end of file
diff --git a/src/utils/colors.test.ts b/src/utils/colors.test.ts
index fbe17a12a..13c5edd84 100644
--- a/src/utils/colors.test.ts
+++ b/src/utils/colors.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import tintify from './colors';
+import tintify from './colors.ts';
 
 const AZURE = '#0482d8';
 
diff --git a/src/utils/colors.ts b/src/utils/colors.ts
index 277e73481..567c20c7d 100644
--- a/src/utils/colors.ts
+++ b/src/utils/colors.ts
@@ -25,7 +25,7 @@ SOFTWARE.
 // Adapted from:
 // https://github.com/javisperez/tailwindcolorshades/blob/master/src/composables/colors.ts
 
-import type { Rgb, TailwindColorObject } from 'soapbox/types/colors';
+import type { Rgb, TailwindColorObject } from 'soapbox/types/colors.ts';
 
 export function hexToRgb(hex: string): Rgb | null {
   const sanitizedHex = hex.replace(/##/g, '#');
diff --git a/src/utils/comparators.test.ts b/src/utils/comparators.test.ts
index f86152053..bbf714698 100644
--- a/src/utils/comparators.test.ts
+++ b/src/utils/comparators.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from 'vitest';
 
-import { compareId } from './comparators';
+import { compareId } from './comparators.ts';
 
 test('compareId', () => {
   expect(compareId('3', '3')).toBe(0);
diff --git a/src/utils/config-db.test.ts b/src/utils/config-db.test.ts
index 90b7dc117..11c036e08 100644
--- a/src/utils/config-db.test.ts
+++ b/src/utils/config-db.test.ts
@@ -3,7 +3,7 @@ import { expect, test } from 'vitest';
 
 import config_db from 'soapbox/__fixtures__/config_db.json';
 
-import { ConfigDB } from './config-db';
+import { ConfigDB } from './config-db.ts';
 
 test('find', () => {
   const configs = fromJS(config_db).get('configs');
diff --git a/src/utils/config-db.ts b/src/utils/config-db.ts
index 4dbf3c163..cbea280e1 100644
--- a/src/utils/config-db.ts
+++ b/src/utils/config-db.ts
@@ -6,7 +6,7 @@ import {
 } from 'immutable';
 import trimStart from 'lodash/trimStart';
 
-import { type MRFSimple, mrfSimpleSchema } from 'soapbox/schemas/pleroma';
+import { type MRFSimple, mrfSimpleSchema } from 'soapbox/schemas/pleroma.ts';
 
 export type Config = ImmutableMap<string, any>;
 export type Policy = Record<string, any>;
diff --git a/src/utils/emoji-reacts.test.ts b/src/utils/emoji-reacts.test.ts
index d5b1bc18e..eecc06861 100644
--- a/src/utils/emoji-reacts.test.ts
+++ b/src/utils/emoji-reacts.test.ts
@@ -1,8 +1,8 @@
 import { List as ImmutableList, fromJS } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { normalizeStatus } from 'soapbox/normalizers';
-import { emojiReactionSchema } from 'soapbox/schemas';
+import { normalizeStatus } from 'soapbox/normalizers/index.ts';
+import { emojiReactionSchema } from 'soapbox/schemas/index.ts';
 
 import {
   sortEmoji,
@@ -11,7 +11,7 @@ import {
   getReactForStatus,
   simulateEmojiReact,
   simulateUnEmojiReact,
-} from './emoji-reacts';
+} from './emoji-reacts.ts';
 
 const ALLOWED_EMOJI = ImmutableList([
   '👍',
diff --git a/src/utils/emoji-reacts.ts b/src/utils/emoji-reacts.ts
index 8bbdc07b1..3927060ea 100644
--- a/src/utils/emoji-reacts.ts
+++ b/src/utils/emoji-reacts.ts
@@ -1,6 +1,6 @@
 import { List as ImmutableList } from 'immutable';
 
-import { EmojiReaction, emojiReactionSchema } from 'soapbox/schemas';
+import { EmojiReaction, emojiReactionSchema } from 'soapbox/schemas/index.ts';
 
 // https://emojipedia.org/facebook
 // I've customized them.
diff --git a/src/utils/emoji.test.ts b/src/utils/emoji.test.ts
index f30a967a6..7587e57a5 100644
--- a/src/utils/emoji.test.ts
+++ b/src/utils/emoji.test.ts
@@ -3,7 +3,7 @@ import { describe, expect, it } from 'vitest';
 import {
   removeVS16s,
   toCodePoints,
-} from './emoji';
+} from './emoji.ts';
 
 const ASCII_HEART = '❤'; // '\u2764\uFE0F'
 const RED_HEART_RGI = '❤️'; // '\u2764'
diff --git a/src/utils/features.test.ts b/src/utils/features.test.ts
index fb028a7ec..d7208cecb 100644
--- a/src/utils/features.test.ts
+++ b/src/utils/features.test.ts
@@ -1,11 +1,11 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildInstance } from 'soapbox/jest/factory';
+import { buildInstance } from 'soapbox/jest/factory.ts';
 
 import {
   parseVersion,
   getFeatures,
-} from './features';
+} from './features.ts';
 
 describe('parseVersion', () => {
   it('with Pleroma version string', () => {
diff --git a/src/utils/features.ts b/src/utils/features.ts
index 8a9b2b8dd..ff7b202cf 100644
--- a/src/utils/features.ts
+++ b/src/utils/features.ts
@@ -5,8 +5,8 @@ import gte from 'semver/functions/gte';
 import lt from 'semver/functions/lt';
 import semverParse from 'semver/functions/parse';
 
-import { custom } from 'soapbox/custom';
-import { InstanceV1, InstanceV2 } from 'soapbox/schemas/instance';
+import { custom } from 'soapbox/custom.ts';
+import { InstanceV1, InstanceV2 } from 'soapbox/schemas/instance.ts';
 
 /** Import custom overrides, if exists */
 const overrides = custom('features');
diff --git a/src/utils/groups.ts b/src/utils/groups.ts
index 5430d636c..8168f4eba 100644
--- a/src/utils/groups.ts
+++ b/src/utils/groups.ts
@@ -1,4 +1,4 @@
-import { groupSearchHistory } from 'soapbox/settings';
+import { groupSearchHistory } from 'soapbox/settings.ts';
 
 export const MAX_ADMIN_COUNT = 5;
 
diff --git a/src/utils/html.test.ts b/src/utils/html.test.ts
index 50648eb99..60ebfc7e6 100644
--- a/src/utils/html.test.ts
+++ b/src/utils/html.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import * as html from './html';
+import * as html from './html.ts';
 
 describe('html', () => {
   describe('unsecapeHTML', () => {
diff --git a/src/utils/input.test.ts b/src/utils/input.test.ts
index 2bd287420..6190408bd 100644
--- a/src/utils/input.test.ts
+++ b/src/utils/input.test.ts
@@ -1,6 +1,6 @@
 import { expect, test } from 'vitest';
 
-import { normalizeUsername } from './input';
+import { normalizeUsername } from './input.ts';
 
 test('normalizeUsername', () => {
   expect(normalizeUsername('@alex')).toBe('alex');
diff --git a/src/utils/media.test.ts b/src/utils/media.test.ts
index 2287e2592..22bf7fc44 100644
--- a/src/utils/media.test.ts
+++ b/src/utils/media.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { addAutoPlay } from './media';
+import { addAutoPlay } from './media.ts';
 
 describe('addAutoPlay()', () => {
   describe('when the provider is Rumble', () => {
diff --git a/src/utils/numbers.test.tsx b/src/utils/numbers.test.tsx
index dbe1d26f3..0f7eba974 100644
--- a/src/utils/numbers.test.tsx
+++ b/src/utils/numbers.test.tsx
@@ -1,8 +1,8 @@
 import { describe, expect, test } from 'vitest';
 
-import { render, screen } from 'soapbox/jest/test-helpers';
+import { render, screen } from 'soapbox/jest/test-helpers.tsx';
 
-import { isIntegerId, secondsToDays, shortNumberFormat } from './numbers';
+import { isIntegerId, secondsToDays, shortNumberFormat } from './numbers.tsx';
 
 test('isIntegerId()', () => {
   expect(isIntegerId('0')).toBe(true);
diff --git a/src/utils/permissions.ts b/src/utils/permissions.ts
index fb728a56e..e84f9049e 100644
--- a/src/utils/permissions.ts
+++ b/src/utils/permissions.ts
@@ -1,4 +1,4 @@
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 export const PERMISSION_CREATE_GROUPS  = 0x0000000000100000;
 export const PERMISSION_INVITE_USERS   = 0x0000000000010000;
diff --git a/src/utils/queries.test.ts b/src/utils/queries.test.ts
index 8dc2cee58..39e5f344a 100644
--- a/src/utils/queries.test.ts
+++ b/src/utils/queries.test.ts
@@ -1,9 +1,9 @@
 import { InfiniteData } from '@tanstack/react-query';
 import { beforeEach, describe, expect, it } from 'vitest';
 
-import { queryClient } from 'soapbox/queries/client';
+import { queryClient } from 'soapbox/queries/client.ts';
 
-import { PaginatedResult, sortQueryData, updatePageItem } from './queries';
+import { PaginatedResult, sortQueryData, updatePageItem } from './queries.ts';
 
 interface Item {
   id: number;
diff --git a/src/utils/queries.ts b/src/utils/queries.ts
index 5932b2135..0c25cc819 100644
--- a/src/utils/queries.ts
+++ b/src/utils/queries.ts
@@ -1,4 +1,4 @@
-import { queryClient } from 'soapbox/queries/client';
+import { queryClient } from 'soapbox/queries/client.ts';
 
 import type { InfiniteData, QueryKey } from '@tanstack/react-query';
 
diff --git a/src/utils/redirect.ts b/src/utils/redirect.ts
index 84e22eb7c..6f42c1265 100644
--- a/src/utils/redirect.ts
+++ b/src/utils/redirect.ts
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-import type { Location } from 'soapbox/types/history';
+import type { Location } from 'soapbox/types/history.ts';
 
 const LOCAL_STORAGE_REDIRECT_KEY = 'soapbox:redirect-uri';
 
diff --git a/src/utils/scopes.ts b/src/utils/scopes.ts
index 0298d0125..bd77ee9cf 100644
--- a/src/utils/scopes.ts
+++ b/src/utils/scopes.ts
@@ -1,6 +1,6 @@
-import { PLEROMA, parseVersion } from './features';
+import { PLEROMA, parseVersion } from './features.ts';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 /**
  * Get the OAuth scopes to use for login & signup.
diff --git a/src/utils/state.ts b/src/utils/state.ts
index 27dbcf33b..9fda7a6a4 100644
--- a/src/utils/state.ts
+++ b/src/utils/state.ts
@@ -3,12 +3,12 @@
  * @module soapbox/utils/state
  */
 
-import { getSoapboxConfig } from 'soapbox/actions/soapbox';
-import * as BuildConfig from 'soapbox/build-config';
-import { selectOwnAccount } from 'soapbox/selectors';
-import { isURL } from 'soapbox/utils/auth';
+import { getSoapboxConfig } from 'soapbox/actions/soapbox.ts';
+import * as BuildConfig from 'soapbox/build-config.ts';
+import { selectOwnAccount } from 'soapbox/selectors/index.ts';
+import { isURL } from 'soapbox/utils/auth.ts';
 
-import type { RootState } from 'soapbox/store';
+import type { RootState } from 'soapbox/store.ts';
 
 /** Whether to display the fqn instead of the acct. */
 export const displayFqn = (state: RootState): boolean => {
diff --git a/src/utils/static.ts b/src/utils/static.ts
index e85bd8723..266d975a1 100644
--- a/src/utils/static.ts
+++ b/src/utils/static.ts
@@ -5,7 +5,7 @@
 
 import { join } from 'path-browserify';
 
-import * as BuildConfig from 'soapbox/build-config';
+import * as BuildConfig from 'soapbox/build-config.ts';
 
 /** Gets the path to a file with build configuration being considered. */
 export const joinPublicPath = (...paths: string[]): string => {
diff --git a/src/utils/status.test.ts b/src/utils/status.test.ts
index 35631f4d6..168e2952c 100644
--- a/src/utils/status.test.ts
+++ b/src/utils/status.test.ts
@@ -1,11 +1,11 @@
 import { describe, expect, it } from 'vitest';
 
-import { buildStatus } from 'soapbox/jest/factory';
+import { buildStatus } from 'soapbox/jest/factory.ts';
 
 import {
   hasIntegerMediaIds,
   defaultMediaVisibility,
-} from './status';
+} from './status.ts';
 
 describe('hasIntegerMediaIds()', () => {
   it('returns true for a Pleroma deleted status', async () => {
diff --git a/src/utils/status.ts b/src/utils/status.ts
index 8d99752cd..78c6171bd 100644
--- a/src/utils/status.ts
+++ b/src/utils/status.ts
@@ -1,7 +1,7 @@
-import { isIntegerId } from 'soapbox/utils/numbers';
+import { isIntegerId } from 'soapbox/utils/numbers.tsx';
 
 import type { IntlShape } from 'react-intl';
-import type { Status } from 'soapbox/schemas';
+import type { Status } from 'soapbox/schemas/index.ts';
 
 /** Get the initial visibility of media attachments from user settings. */
 export const defaultMediaVisibility = <T extends { reblog: T | string | null } & Pick<Status, 'visibility' | 'sensitive'>>(
diff --git a/src/utils/tailwind.test.ts b/src/utils/tailwind.test.ts
index db0aa0f6e..bdd7ba7fe 100644
--- a/src/utils/tailwind.test.ts
+++ b/src/utils/tailwind.test.ts
@@ -1,7 +1,7 @@
 import { Map as ImmutableMap } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { toTailwind, fromLegacyColors, expandPalette } from './tailwind';
+import { toTailwind, fromLegacyColors, expandPalette } from './tailwind.ts';
 
 describe('toTailwind()', () => {
   it('handles empty Soapbox config', () => {
diff --git a/src/utils/tailwind.ts b/src/utils/tailwind.ts
index 2209573a5..b95e2a898 100644
--- a/src/utils/tailwind.ts
+++ b/src/utils/tailwind.ts
@@ -1,9 +1,9 @@
 import { Map as ImmutableMap, fromJS } from 'immutable';
 
-import tintify from 'soapbox/utils/colors';
-import { generateAccent, generateNeutral } from 'soapbox/utils/theme';
+import tintify from 'soapbox/utils/colors.ts';
+import { generateAccent, generateNeutral } from 'soapbox/utils/theme.ts';
 
-import type { TailwindColorPalette } from 'soapbox/types/colors';
+import type { TailwindColorPalette } from 'soapbox/types/colors.ts';
 
 type SoapboxConfig = ImmutableMap<string, any>;
 type SoapboxColors = ImmutableMap<string, any>;
diff --git a/src/utils/theme.ts b/src/utils/theme.ts
index a6b80bcd6..6c4c4e18b 100644
--- a/src/utils/theme.ts
+++ b/src/utils/theme.ts
@@ -1,7 +1,7 @@
-import { hexToRgb } from './colors';
+import { hexToRgb } from './colors.ts';
 
-import type { Rgb, Hsl, TailwindColorPalette, TailwindColorObject } from 'soapbox/types/colors';
-import type { SoapboxConfig } from 'soapbox/types/soapbox';
+import type { Rgb, Hsl, TailwindColorPalette, TailwindColorObject } from 'soapbox/types/colors.ts';
+import type { SoapboxConfig } from 'soapbox/types/soapbox.ts';
 
 // Taken from chromatism.js
 // https://github.com/graypegg/chromatism/blob/master/src/conversions/rgb.js
diff --git a/src/utils/timelines.test.ts b/src/utils/timelines.test.ts
index 1baa63df1..9e163b899 100644
--- a/src/utils/timelines.test.ts
+++ b/src/utils/timelines.test.ts
@@ -1,9 +1,9 @@
 import { fromJS } from 'immutable';
 import { describe, expect, it } from 'vitest';
 
-import { buildStatus } from 'soapbox/jest/factory';
+import { buildStatus } from 'soapbox/jest/factory.ts';
 
-import { shouldFilter } from './timelines';
+import { shouldFilter } from './timelines.ts';
 
 describe('shouldFilter', () => {
   it('returns false under normal circumstances', () => {
diff --git a/src/utils/timelines.ts b/src/utils/timelines.ts
index b6052cbcc..166604fe4 100644
--- a/src/utils/timelines.ts
+++ b/src/utils/timelines.ts
@@ -1,6 +1,6 @@
 import { Map as ImmutableMap, type Collection } from 'immutable';
 
-import type { Status } from 'soapbox/schemas';
+import type { Status } from 'soapbox/schemas/index.ts';
 
 export const shouldFilter = (
   status: Pick<Status, 'in_reply_to_id' | 'visibility'> & { reblog: unknown },
diff --git a/src/workers.ts b/src/workers.ts
index 098aaa15c..24bd2b3e8 100644
--- a/src/workers.ts
+++ b/src/workers.ts
@@ -1,6 +1,6 @@
 import * as Comlink from 'comlink';
 
-import type { PowWorker } from './workers/pow.worker';
+import type { PowWorker } from './workers/pow.worker.ts';
 
 const powWorker = Comlink.wrap<typeof PowWorker>(
   new Worker(new URL('./workers/pow.worker.ts', import.meta.url), { type: 'module' }),
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 707639804..afd88d28c 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -4,7 +4,7 @@ import typographyPlugin from '@tailwindcss/typography';
 import { type Config } from 'tailwindcss';
 import plugin from 'tailwindcss/plugin';
 
-import { parseColorMatrix } from './tailwind/colors';
+import { parseColorMatrix } from './tailwind/colors.ts';
 
 const blackVariantPlugin = plugin(({ addVariant }) => addVariant('black', '.black &'));
 
diff --git a/tailwind/colors.test.ts b/tailwind/colors.test.ts
index eee8eb41b..bd66e74b2 100644
--- a/tailwind/colors.test.ts
+++ b/tailwind/colors.test.ts
@@ -3,7 +3,7 @@ import { describe, expect, it } from 'vitest';
 import {
   withOpacityValue,
   parseColorMatrix,
-} from './colors';
+} from './colors.ts';
 
 describe('withOpacityValue()', () => {
   it('returns a Tailwind color function with alpha support', () => {