From ef1fee8f22686a3f1f84be94b07a2f9453e89fea Mon Sep 17 00:00:00 2001
From: Horacio Herrera <hi@horacioh.com>
Date: Tue, 25 Jun 2024 17:42:47 +0200
Subject: [PATCH] frontend: update desktop imports

---
 frontend/apps/desktop/src/app-account.tsx     |   4 +-
 frontend/apps/desktop/src/app-api.ts          |  10 +-
 frontend/apps/desktop/src/app-menu.ts         |   2 +-
 frontend/apps/desktop/src/app-recents.ts      |   2 +-
 frontend/apps/desktop/src/app-windows.ts      |  10 +-
 frontend/apps/desktop/src/changes-list.tsx    |  38 +++--
 .../src/components/account-link-avatar.tsx    |  20 +--
 .../apps/desktop/src/components/app-error.tsx |  12 +-
 .../desktop/src/components/avatar-form.tsx    |  16 +-
 .../src/components/citations-context.tsx      |   6 +-
 .../apps/desktop/src/components/citations.tsx |  38 ++---
 .../apps/desktop/src/components/comments.tsx  |  31 ++--
 .../src/components/commit-draft-button.tsx    |  34 ++---
 .../src/components/contacts-prompt.tsx        |   2 +-
 .../src/components/delete-draft-dialog.tsx    |  10 +-
 .../src/components/discard-draft-button.tsx   |  12 +-
 .../src/components/edit-doc-button.tsx        |  36 ++---
 .../apps/desktop/src/components/editor.tsx    |  18 +--
 .../apps/desktop/src/components/error-bar.tsx |   6 +-
 .../apps/desktop/src/components/footer.tsx    |  20 +--
 .../apps/desktop/src/components/launcher.tsx  |  46 +++---
 .../desktop/src/components/network-dialog.tsx |   2 +-
 .../src/components/publication-list-item.tsx  |  78 +++++-----
 .../src/components/publication-list.tsx       |  40 ++---
 .../desktop/src/components/sidebar-base.tsx   |  66 ++++-----
 .../desktop/src/components/sidebar-neo.tsx    |  93 ++++++------
 .../apps/desktop/src/components/sidebar.tsx   |  21 +--
 .../src/components/titlebar-common.tsx        |  81 +++++-----
 .../desktop/src/components/titlebar-title.tsx |  66 ++++-----
 .../src/components/titlebar-windows-linux.tsx |  15 +-
 .../apps/desktop/src/components/titlebar.tsx  |  10 +-
 .../apps/desktop/src/components/variants.tsx  |  65 ++++-----
 .../src/components/window-controls.tsx        |  10 +-
 .../src/components/windows-linux-titlebar.tsx |  42 +++---
 .../blocknote/core/BlockNoteExtensions.ts     |   2 +-
 .../LinkMenu/defaultLinkMenuItems.tsx         |  79 +++++-----
 .../editor/blocknote/react/BlockNoteTheme.ts  |   2 +-
 .../editor/blocknote/react/BlockNoteView.tsx  |  44 +++---
 .../DefaultButtons/ColorStyleButton.tsx       |  24 +--
 .../DefaultButtons/CreateLinkButton.tsx       |   8 +-
 .../DefaultButtons/NestBlockButtons.tsx       |  14 +-
 .../DefaultButtons/TextAlignButton.tsx        |  20 +--
 .../DefaultButtons/ToggledStyleButton.tsx     |  16 +-
 .../DefaultDropdowns/BlockTypeDropdown.tsx    |  20 +--
 .../components/DefaultFormattingToolbar.tsx   |  10 +-
 .../FormattingToolbarPositioner.tsx           |   8 +-
 .../components/HyperlinkToolbarPositioner.tsx |   8 +-
 .../LinkMenu/components/DefaultLinkMenu.tsx   |  10 +-
 .../components/LinkMenuPositioner.tsx         |  16 +-
 .../editor/blocknote/react/ReactBlockSpec.tsx |  12 +-
 .../DefaultButtons/AddBlockButton.tsx         |   8 +-
 .../components/DefaultButtons/DragHandle.tsx  |  12 +-
 .../SideMenu/components/DefaultSideMenu.tsx   |  10 +-
 .../DefaultButtons/BlockColorsButton.tsx      |  28 ++--
 .../DefaultButtons/CopyLinkToBlockButton.tsx  |  12 +-
 .../DefaultButtons/RemoveBlockButton.tsx      |  12 +-
 .../DragHandleMenu/DefaultDragHandleMenu.tsx  |  26 ++--
 .../DragHandleMenu/DragHandleMenu.tsx         |  14 +-
 .../components/SideMenuPositioner.tsx         |   8 +-
 .../react/SlashMenu/ReactSlashMenuItem.ts     |   2 +-
 .../SlashMenu/components/DefaultSlashMenu.tsx |  10 +-
 .../components/SlashMenuPositioner.tsx        |  16 +-
 .../SlashMenu/defaultReactSlashMenuItems.tsx  |   6 +-
 .../blocknote/react/hooks/useBlockNote.ts     |   4 +-
 .../react/hooks/useEditorContentChange.ts     |   5 +-
 .../react/hooks/useEditorSelectionChange.ts   |   5 +-
 .../apps/desktop/src/editor/embed-block.tsx   |  72 ++++-----
 .../src/editor/hypermedia-link-plugin.tsx     |  18 +--
 frontend/apps/desktop/src/editor/image.tsx    |  38 ++---
 .../desktop/src/editor/mentions-plugin.tsx    |  20 +--
 .../code-block-lowlight.tsx                   |  12 +-
 .../tiptap-extension-code-block/code-block.ts |   2 +-
 .../helpers/pasteHandler.ts                   |   8 +-
 frontend/apps/desktop/src/editor/video.tsx    |  43 +++---
 .../apps/desktop/src/editor/web-embed.tsx     |  22 +--
 frontend/apps/desktop/src/find-in-page.tsx    |  10 +-
 frontend/apps/desktop/src/ipc.ts              |   4 +-
 frontend/apps/desktop/src/main.ts             |   2 +-
 frontend/apps/desktop/src/models/accounts.ts  |   8 +-
 .../apps/desktop/src/models/app-settings.ts   |   2 +-
 frontend/apps/desktop/src/models/comments.ts  |  10 +-
 frontend/apps/desktop/src/models/daemon.ts    |   2 +-
 frontend/apps/desktop/src/models/documents.ts |  22 +--
 .../apps/desktop/src/models/experiments.ts    |   2 +-
 frontend/apps/desktop/src/models/favorites.ts |  10 +-
 .../desktop/src/models/gateway-settings.ts    |   2 +-
 .../apps/desktop/src/models/networking.ts     |   2 +-
 frontend/apps/desktop/src/models/recents.ts   |   2 +-
 frontend/apps/desktop/src/models/web-links.ts |   2 +-
 frontend/apps/desktop/src/open-url.ts         |   9 +-
 .../src/pages/account-content-page.tsx        |  23 ++-
 .../apps/desktop/src/pages/account-page.tsx   | 138 +++++++++---------
 frontend/apps/desktop/src/pages/blocknote.tsx |   4 +-
 .../apps/desktop/src/pages/comment-draft.tsx  |  36 +++--
 frontend/apps/desktop/src/pages/comment.tsx   |  18 +--
 .../apps/desktop/src/pages/contacts-page.tsx  |  48 +++---
 .../desktop/src/pages/deleted-content.tsx     |  12 +-
 .../src/pages/document-placeholder.tsx        |   4 +-
 frontend/apps/desktop/src/pages/document.tsx  |  89 ++++++-----
 .../apps/desktop/src/pages/draft-rebase.tsx   |  10 +-
 frontend/apps/desktop/src/pages/draft.tsx     |  77 +++++-----
 frontend/apps/desktop/src/pages/explore.tsx   |   8 +-
 frontend/apps/desktop/src/pages/favorites.tsx |  24 +--
 frontend/apps/desktop/src/pages/feed.tsx      | 101 +++++++------
 .../apps/desktop/src/pages/find-in-page.tsx   |   8 +-
 frontend/apps/desktop/src/pages/home.tsx      |   4 +-
 frontend/apps/desktop/src/pages/main.tsx      |  36 ++---
 .../apps/desktop/src/pages/onboarding.tsx     |  36 ++---
 .../pages/publication-content-provider.tsx    |  36 ++---
 frontend/apps/desktop/src/pages/settings.tsx  |  31 ++--
 .../apps/desktop/src/preload-find-in-page.ts  |   2 +-
 frontend/apps/desktop/src/preload.ts          |   2 +-
 frontend/apps/desktop/src/query-client.ts     |   4 +-
 frontend/apps/desktop/src/root.tsx            |  44 +++---
 .../src/utils/navigation-container.tsx        |   2 +-
 frontend/apps/desktop/src/utils/open-draft.ts |   4 +-
 frontend/apps/desktop/tsconfig.json           |   1 +
 117 files changed, 1251 insertions(+), 1308 deletions(-)

diff --git a/frontend/apps/desktop/src/app-account.tsx b/frontend/apps/desktop/src/app-account.tsx
index 0b9bd2e51..efe58deb9 100644
--- a/frontend/apps/desktop/src/app-account.tsx
+++ b/frontend/apps/desktop/src/app-account.tsx
@@ -1,5 +1,5 @@
-import {DialogTitle} from '@shm/desktop/src/components/dialog'
-import {queryKeys} from '@shm/desktop/src/models/query-keys'
+import {DialogTitle} from '@/components/dialog'
+import {queryKeys} from '@/models/query-keys'
 import {eventStream} from '@shm/shared'
 import {
   Button,
diff --git a/frontend/apps/desktop/src/app-api.ts b/frontend/apps/desktop/src/app-api.ts
index aa234bb4e..3d4c508b4 100644
--- a/frontend/apps/desktop/src/app-api.ts
+++ b/frontend/apps/desktop/src/app-api.ts
@@ -1,10 +1,6 @@
-import {resolveHmIdToAppRoute} from '@shm/desktop/src/utils/navigation'
-import {
-  NavRoute,
-  defaultRoute,
-  navRouteSchema,
-} from '@shm/desktop/src/utils/routes'
-import type {AppWindowEvent} from '@shm/desktop/src/utils/window-events'
+import {resolveHmIdToAppRoute} from '@/utils/navigation'
+import {NavRoute, defaultRoute, navRouteSchema} from '@/utils/routes'
+import type {AppWindowEvent} from '@/utils/window-events'
 import {API_GRPC_URL, API_HTTP_URL} from '@shm/shared/src/constants'
 
 import {
diff --git a/frontend/apps/desktop/src/app-menu.ts b/frontend/apps/desktop/src/app-menu.ts
index c6ccf6108..6ba717e5e 100644
--- a/frontend/apps/desktop/src/app-menu.ts
+++ b/frontend/apps/desktop/src/app-menu.ts
@@ -1,7 +1,7 @@
 // this menu is visible on macOS only
 // the keyboard shortcuts apply to every platform
 
-import {defaultRoute} from '@shm/desktop/src/utils/routes'
+import {defaultRoute} from '@/utils/routes'
 import {Menu, MenuItem} from 'electron'
 import {dispatchFocusedWindowAppEvent, openRoute, trpc} from './app-api'
 
diff --git a/frontend/apps/desktop/src/app-recents.ts b/frontend/apps/desktop/src/app-recents.ts
index 0b5d1c803..b480b4ef1 100644
--- a/frontend/apps/desktop/src/app-recents.ts
+++ b/frontend/apps/desktop/src/app-recents.ts
@@ -1,4 +1,4 @@
-import {NavRoute, getRecentsRouteEntityUrl} from '@shm/desktop/src/utils/routes'
+import {NavRoute, getRecentsRouteEntityUrl} from '@/utils/routes'
 import {getPublicationVariant} from '@shm/shared'
 import {z} from 'zod'
 import {grpcClient} from './app-grpc'
diff --git a/frontend/apps/desktop/src/app-windows.ts b/frontend/apps/desktop/src/app-windows.ts
index b60e4d2df..50e3fd150 100644
--- a/frontend/apps/desktop/src/app-windows.ts
+++ b/frontend/apps/desktop/src/app-windows.ts
@@ -1,8 +1,8 @@
-import appError from '@shm/desktop/src/errors'
-import type {NavState} from '@shm/desktop/src/utils/navigation'
-import {NavRoute, defaultRoute} from '@shm/desktop/src/utils/routes'
-import type {AppWindowEvent} from '@shm/desktop/src/utils/window-events'
-import {getRouteWindowType} from '@shm/desktop/src/utils/window-types'
+import appError from '@/errors'
+import type {NavState} from '@/utils/navigation'
+import {NavRoute, defaultRoute} from '@/utils/routes'
+import type {AppWindowEvent} from '@/utils/window-events'
+import {getRouteWindowType} from '@/utils/window-types'
 import {
   BrowserView,
   BrowserWindow,
diff --git a/frontend/apps/desktop/src/changes-list.tsx b/frontend/apps/desktop/src/changes-list.tsx
index cf7ab5fbe..e5253858e 100644
--- a/frontend/apps/desktop/src/changes-list.tsx
+++ b/frontend/apps/desktop/src/changes-list.tsx
@@ -1,24 +1,21 @@
-import { AccessoryContainer } from '@shm/desktop/src/components/accessory-sidebar'
-import { AccountLinkAvatar } from '@shm/desktop/src/components/account-link-avatar'
-import {
-  MenuItemType,
-  OptionsDropdown,
-} from '@shm/desktop/src/components/options-dropdown'
-import { useAccount } from '@shm/desktop/src/models/accounts'
-import { TimelineChange, useDocHistory } from '@shm/desktop/src/models/changes'
-import { useGatewayUrl } from '@shm/desktop/src/models/gateway-settings'
-import { useOpenUrl } from '@shm/desktop/src/open-url'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { NavRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+import {AccessoryContainer} from '@/components/accessory-sidebar'
+import {AccountLinkAvatar} from '@/components/account-link-avatar'
+import {MenuItemType, OptionsDropdown} from '@/components/options-dropdown'
+import {useAccount} from '@/models/accounts'
+import {TimelineChange, useDocHistory} from '@/models/changes'
+import {useGatewayUrl} from '@/models/gateway-settings'
+import {useOpenUrl} from '@/open-url'
+import {useNavRoute} from '@/utils/navigation'
+import {NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   Change,
   createHmId,
   createPublicWebHmUrl,
   formattedDateLong,
-  unpackHmId
+  unpackHmId,
 } from '@shm/shared'
-import { UnpackedHypermediaId } from '@shm/shared/src/utils/entity-id-url'
+import {UnpackedHypermediaId} from '@shm/shared/src/utils/entity-id-url'
 import {
   ButtonText,
   Copy,
@@ -26,9 +23,9 @@ import {
   Theme,
   XStack,
   YStack,
-  copyUrlToClipboardWithFeedback
+  copyUrlToClipboardWithFeedback,
 } from '@shm/ui'
-import { ArrowUpRight } from '@tamagui/lucide-icons'
+import {ArrowUpRight} from '@tamagui/lucide-icons'
 
 export function EntityVersionsAccessory({
   id,
@@ -87,7 +84,7 @@ function ChangeItem({
   const navigate = useNavigate()
   const openAccount = (e) => {
     e.stopPropagation()
-    navigate({ key: 'account', accountId: change.author })
+    navigate({key: 'account', accountId: change.author})
   }
   const navRoute = useNavRoute()
   const isActive = new Set(activeVersion?.split('.') || []).has(change.id)
@@ -98,8 +95,7 @@ function ChangeItem({
       {change.createTime ? formattedDateLong(change.createTime) : null}
     </SizableText>
   )
-  const variants =
-    navRoute.key === 'document' ? navRoute.variants : undefined
+  const variants = navRoute.key === 'document' ? navRoute.variants : undefined
   const topRow = shouldDisplayAuthorName ? (
     <XStack paddingTop="$2" gap="$2">
       <AccountLinkAvatar accountId={author?.data?.id} size={24} />
@@ -122,7 +118,7 @@ function ChangeItem({
       key: 'document',
       documentId: entityId,
       versionId: change.id,
-      accessory: { key: 'versions' },
+      accessory: {key: 'versions'},
     }
   }
   const parsedEntityId = unpackHmId(entityId)
diff --git a/frontend/apps/desktop/src/components/account-link-avatar.tsx b/frontend/apps/desktop/src/components/account-link-avatar.tsx
index 35adba312..53439ba76 100644
--- a/frontend/apps/desktop/src/components/account-link-avatar.tsx
+++ b/frontend/apps/desktop/src/components/account-link-avatar.tsx
@@ -1,11 +1,11 @@
-import { Avatar } from '@shm/desktop/src/components/avatar'
-import appError from '@shm/desktop/src/errors'
-import { useAccount } from '@shm/desktop/src/models/accounts'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { Account } from '@shm/shared'
-import { Button, FontSizeTokens, Tooltip, YStack } from '@shm/ui'
-import { AlertCircle } from '@tamagui/lucide-icons'
-import { getAvatarUrl } from '../utils/account-url'
+import {Avatar} from '@/components/avatar'
+import appError from '@/errors'
+import {useAccount} from '@/models/accounts'
+import {useNavigate} from '@/utils/useNavigate'
+import {Account} from '@shm/shared'
+import {Button, FontSizeTokens, Tooltip, YStack} from '@shm/ui'
+import {AlertCircle} from '@tamagui/lucide-icons'
+import {getAvatarUrl} from '../utils/account-url'
 
 export function ErrorDot() {
   return (
@@ -77,7 +77,7 @@ export function BaseAccountLinkAvatar({
         className="no-window-drag"
         size="$1"
         backgroundColor="transparent"
-        hoverStyle={{ backgroundColor: 'transparent' }}
+        hoverStyle={{backgroundColor: 'transparent'}}
         minWidth={20}
         minHeight={20}
         padding={0}
@@ -85,7 +85,7 @@ export function BaseAccountLinkAvatar({
           e.preventDefault()
           e.stopPropagation()
           if (!accountId) return appError('No account ready to load')
-          navigate({ key: 'account', accountId })
+          navigate({key: 'account', accountId})
         }}
         position="relative"
         height={size}
diff --git a/frontend/apps/desktop/src/components/app-error.tsx b/frontend/apps/desktop/src/components/app-error.tsx
index d09d412cc..7aa89fd77 100644
--- a/frontend/apps/desktop/src/components/app-error.tsx
+++ b/frontend/apps/desktop/src/components/app-error.tsx
@@ -1,9 +1,9 @@
-import { useSidebarContext } from '@shm/desktop/src/sidebar-context'
-import { Button, Heading, SizableText, XStack, YStack, useStream } from '@shm/ui'
-import { FallbackProps } from 'react-error-boundary'
-import { ErrorBar } from './error-bar'
+import {useSidebarContext} from '@/sidebar-context'
+import {Button, Heading, SizableText, XStack, YStack, useStream} from '@shm/ui'
+import {FallbackProps} from 'react-error-boundary'
+import {ErrorBar} from './error-bar'
 
-export function AppErrorPage({ error, resetErrorBoundary }: FallbackProps) {
+export function AppErrorPage({error, resetErrorBoundary}: FallbackProps) {
   const ctx = useSidebarContext()
   const isLocked = useStream(ctx.isLocked)
   return (
@@ -17,7 +17,7 @@ export function AppErrorPage({ error, resetErrorBoundary }: FallbackProps) {
   )
 }
 
-export function RootAppError({ error, resetErrorBoundary }: FallbackProps) {
+export function RootAppError({error, resetErrorBoundary}: FallbackProps) {
   return (
     <AppErrorContent
       message={error.message}
diff --git a/frontend/apps/desktop/src/components/avatar-form.tsx b/frontend/apps/desktop/src/components/avatar-form.tsx
index 2f30afc17..2fe69f84d 100644
--- a/frontend/apps/desktop/src/components/avatar-form.tsx
+++ b/frontend/apps/desktop/src/components/avatar-form.tsx
@@ -1,8 +1,8 @@
-import { Avatar } from '@shm/desktop/src/components/avatar'
-import { useMyAccount } from '@shm/desktop/src/models/accounts'
-import { API_FILE_UPLOAD_URL } from '@shm/shared'
-import { Stack, Tooltip } from '@shm/ui'
-import { ChangeEvent } from 'react'
+import {Avatar} from '@/components/avatar'
+import {useMyAccount} from '@/models/accounts'
+import {API_FILE_UPLOAD_URL} from '@shm/shared'
+import {Stack, Tooltip} from '@shm/ui'
+import {ChangeEvent} from 'react'
 import appError from '../errors'
 
 export function AvatarForm({
@@ -20,9 +20,9 @@ export function AvatarForm({
     const file = fileList?.[0]
     if (!file) return
     handleUpload(file)
-      .then(() => { })
+      .then(() => {})
       .catch((error) => {
-        appError(`Failed to upload avatar: ${e.message}`, { error })
+        appError(`Failed to upload avatar: ${e.message}`, {error})
       })
       .finally(() => {
         event.target.value = ''
@@ -54,7 +54,7 @@ export function AvatarForm({
   if (disabled) return avatarImage
   return (
     <Tooltip content="Click or Drag to Set Avatar Image">
-      <Stack hoverStyle={{ opacity: 0.7 }}>
+      <Stack hoverStyle={{opacity: 0.7}}>
         <input
           type="file"
           onChange={handleFileChange}
diff --git a/frontend/apps/desktop/src/components/citations-context.tsx b/frontend/apps/desktop/src/components/citations-context.tsx
index 8d6fe2cd2..e25cf9f32 100644
--- a/frontend/apps/desktop/src/components/citations-context.tsx
+++ b/frontend/apps/desktop/src/components/citations-context.tsx
@@ -1,6 +1,6 @@
-import { useEntityMentions } from '@shm/desktop/src/models/content-graph'
-import { Mention } from '@shm/shared/src/client/.generated/entities/v1alpha/entities_pb'
-import { createContext, ReactNode, useContext, useMemo, useState } from 'react'
+import {useEntityMentions} from '@/models/content-graph'
+import {Mention} from '@shm/shared/src/client/.generated/entities/v1alpha/entities_pb'
+import {createContext, ReactNode, useContext, useMemo, useState} from 'react'
 
 export type CitationsContext = {
   citations: Mention[] | undefined
diff --git a/frontend/apps/desktop/src/components/citations.tsx b/frontend/apps/desktop/src/components/citations.tsx
index 541c70c1d..1892ece16 100644
--- a/frontend/apps/desktop/src/components/citations.tsx
+++ b/frontend/apps/desktop/src/components/citations.tsx
@@ -1,11 +1,11 @@
-import { AccessoryContainer } from '@shm/desktop/src/components/accessory-sidebar'
-import { AccountLinkAvatar } from '@shm/desktop/src/components/account-link-avatar'
-import { useAccount } from '@shm/desktop/src/models/accounts'
-import { useComment } from '@shm/desktop/src/models/comments'
-import { useEntityMentions } from '@shm/desktop/src/models/content-graph'
-import { useDocTextContent, usePublication } from '@shm/desktop/src/models/documents'
-import { DocumentRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+import {AccessoryContainer} from '@/components/accessory-sidebar'
+import {AccountLinkAvatar} from '@/components/account-link-avatar'
+import {useAccount} from '@/models/accounts'
+import {useComment} from '@/models/comments'
+import {useEntityMentions} from '@/models/content-graph'
+import {useDocTextContent, usePublication} from '@/models/documents'
+import {DocumentRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   BlockRange,
   BlocksContent,
@@ -16,7 +16,7 @@ import {
   serializeBlockRange,
   unpackHmId,
 } from '@shm/shared'
-import { Mention } from '@shm/shared/src/client/.generated/entities/v1alpha/entities_pb'
+import {Mention} from '@shm/shared/src/client/.generated/entities/v1alpha/entities_pb'
 import {
   ButtonText,
   PanelCard,
@@ -25,10 +25,10 @@ import {
   YStack,
   copyUrlToClipboardWithFeedback,
 } from '@shm/ui'
-import { useMemo } from 'react'
-import { AppPublicationContentProvider } from '../pages/publication-content-provider'
+import {useMemo} from 'react'
+import {AppPublicationContentProvider} from '../pages/publication-content-provider'
 
-function CitationItem({ mention }: { mention: Mention }) {
+function CitationItem({mention}: {mention: Mention}) {
   if (!mention.source) throw 'Invalid citation'
 
   if (mention.source.startsWith(`${HYPERMEDIA_SCHEME}://d`)) {
@@ -42,7 +42,7 @@ function CitationItem({ mention }: { mention: Mention }) {
   return null
 }
 
-function PublicationCitationItem({ mention }: { mention: Mention }) {
+function PublicationCitationItem({mention}: {mention: Mention}) {
   const spawn = useNavigate('spawn')
   const unpackedSource = unpackHmId(mention.source)
   const pub = usePublication(
@@ -61,7 +61,7 @@ function PublicationCitationItem({ mention }: { mention: Mention }) {
   //     .filter(([changeId]) => versionChanges.has(changeId))
   //     .map(([changeId, change]) => change.author),
   // )
-  let { data: account } = useAccount(pub.data?.document?.author)
+  let {data: account} = useAccount(pub.data?.document?.author)
 
   const docTextContent = useDocTextContent(pub.data)
   const destRoute: DocumentRoute = {
@@ -89,10 +89,10 @@ function PublicationCitationItem({ mention }: { mention: Mention }) {
   )
 }
 
-function CommentCitationItem({ mention }: { mention: Mention }) {
+function CommentCitationItem({mention}: {mention: Mention}) {
   const spawn = useNavigate('spawn')
   const unpackedSource = unpackHmId(mention.source)
-  const { data: comment } = useComment(unpackedSource?.id, {
+  const {data: comment} = useComment(unpackedSource?.id, {
     enabled: !!mention.source && !!unpackedSource,
   })
 
@@ -113,7 +113,7 @@ function CommentCitationItem({ mention }: { mention: Mention }) {
     },
   )
 
-  let { data: account } = useAccount(comment?.author)
+  let {data: account} = useAccount(comment?.author)
 
   // const docTextContent = useDocTextContent(pub.data)
   // const destRoute: DocumentRoute = {
@@ -226,7 +226,7 @@ function CommentCitationItem({ mention }: { mention: Mention }) {
   )
 }
 
-export function DocCitationsAccessory({ docId }: { docId?: string }) {
+export function DocCitationsAccessory({docId}: {docId?: string}) {
   const mentions = useEntityMentions(docId)
   if (!docId) return null
   const count = mentions.data?.mentions?.length || 0
@@ -267,7 +267,7 @@ export function DocCitationsAccessory({ docId }: { docId?: string }) {
   )
 }
 
-export function EntityCitationsAccessory({ entityId }: { entityId?: string }) {
+export function EntityCitationsAccessory({entityId}: {entityId?: string}) {
   const mentions = useEntityMentions(entityId)
   if (!entityId) return null
   const count = mentions?.data?.mentions?.length || 0
diff --git a/frontend/apps/desktop/src/components/comments.tsx b/frontend/apps/desktop/src/components/comments.tsx
index 9f1b2bf43..e04a53c60 100644
--- a/frontend/apps/desktop/src/components/comments.tsx
+++ b/frontend/apps/desktop/src/components/comments.tsx
@@ -1,4 +1,4 @@
-import { trpc } from '@shm/desktop/src/trpc'
+import {trpc} from '@/trpc'
 import {
   API_FILE_URL,
   BlockRange,
@@ -30,21 +30,21 @@ import {
   Pencil,
   Reply,
 } from '@tamagui/lucide-icons'
-import { YStack } from 'tamagui'
-import { useAppContext } from '../app-context'
-import { useAccount } from '../models/accounts'
-import type { CommentGroup } from '../models/comments'
+import {YStack} from 'tamagui'
+import {useAppContext} from '../app-context'
+import {useAccount} from '../models/accounts'
+import type {CommentGroup} from '../models/comments'
 import {
   useCommentReplies,
   useCreateComment,
   usePublicationCommentGroups,
 } from '../models/comments'
-import { usePublication } from '../models/documents'
-import { AppPublicationContentProvider } from '../pages/publication-content-provider'
-import { useNavigate } from '../utils/useNavigate'
-import { AccessoryContainer } from './accessory-sidebar'
-import { MenuItemType, OptionsDropdown } from './options-dropdown'
-import { WindowsLinuxWindowControls } from './window-controls'
+import {usePublication} from '../models/documents'
+import {AppPublicationContentProvider} from '../pages/publication-content-provider'
+import {useNavigate} from '../utils/useNavigate'
+import {AccessoryContainer} from './accessory-sidebar'
+import {MenuItemType, OptionsDropdown} from './options-dropdown'
+import {WindowsLinuxWindowControls} from './window-controls'
 
 export function CommentGroup({
   group,
@@ -136,8 +136,9 @@ export function CommentGroup({
             }}
             icon={MessageSquare}
           >
-            {`${group.moreCommentsCount}${group.comments.length > 1 ? ' More' : ''
-              } Replies`}
+            {`${group.moreCommentsCount}${
+              group.comments.length > 1 ? ' More' : ''
+            } Replies`}
           </Button>
         ) : (
           <Button
@@ -305,7 +306,7 @@ export function CommentPageTitlebar({
   icon?: React.ReactNode
   children?: React.ReactNode
 }) {
-  const { platform } = useAppContext()
+  const {platform} = useAppContext()
   const isWindowsLinux = platform !== 'darwin'
   return (
     <XStack
@@ -348,7 +349,7 @@ export function CommentPageTitlebarWithDocId({
 }) {
   const docId = useStream<string | null>(targetDocIdStream)
   const usableDocId = targetDocId || docId || undefined
-  const pub = usePublication({ id: usableDocId })
+  const pub = usePublication({id: usableDocId})
   const publication = pub.data
   const spawn = useNavigate('spawn')
   const author = publication?.document?.author
diff --git a/frontend/apps/desktop/src/components/commit-draft-button.tsx b/frontend/apps/desktop/src/components/commit-draft-button.tsx
index d8e62b065..1ff45011b 100644
--- a/frontend/apps/desktop/src/components/commit-draft-button.tsx
+++ b/frontend/apps/desktop/src/components/commit-draft-button.tsx
@@ -1,5 +1,5 @@
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { AuthorVariant } from '@shm/shared'
+import {useNavRoute} from '@/utils/navigation'
+import {AuthorVariant} from '@shm/shared'
 import {
   AlertCircle,
   Button,
@@ -9,14 +9,14 @@ import {
   YStackProps,
   toast,
 } from '@shm/ui'
-import { Check } from '@tamagui/lucide-icons'
-import { PropsWithChildren } from 'react'
-import { useGRPCClient } from '../app-context'
-import { useMyAccount } from '../models/accounts'
-import { usePublishDraft, usePushPublication } from '../models/documents'
-import { DraftStatusContext } from '../models/draft-machine'
-import { useGatewayHost, usePushOnPublish } from '../models/gateway-settings'
-import { useMediaDialog } from './media-dialog'
+import {Check} from '@tamagui/lucide-icons'
+import {PropsWithChildren} from 'react'
+import {useGRPCClient} from '../app-context'
+import {useMyAccount} from '../models/accounts'
+import {usePublishDraft, usePushPublication} from '../models/documents'
+import {DraftStatusContext} from '../models/draft-machine'
+import {useGatewayHost, usePushOnPublish} from '../models/gateway-settings'
+import {useMediaDialog} from './media-dialog'
 
 export default function CommitDraftButton() {
   const route = useNavRoute()
@@ -28,9 +28,9 @@ export default function CommitDraftButton() {
   const myAccount = useMyAccount()
   const myAuthorVariant: AuthorVariant | null = myAccount.data?.id
     ? {
-      key: 'author',
-      author: myAccount.data.id,
-    }
+        key: 'author',
+        author: myAccount.data.id,
+      }
     : null
   const mediaDialog = useMediaDialog()
   const canPublish = DraftStatusContext.useSelector(
@@ -43,7 +43,7 @@ export default function CommitDraftButton() {
   const push = usePushPublication()
   const gwHost = useGatewayHost()
   const publish = usePublishDraft({
-    onSuccess: ({ pub: publishedDoc }) => {
+    onSuccess: ({pub: publishedDoc}) => {
       if (!publishedDoc || !draftId || !myAuthorVariant) return
       if (pushOnPublish.data === 'always') {
         toast.promise(push.mutateAsync(draftId), {
@@ -81,7 +81,7 @@ export default function CommitDraftButton() {
           disabled={!canPublish || hasUpdateError}
           opacity={!canPublish ? 0.5 : 1}
           onPress={() => {
-            grpcClient.drafts.getDraft({ documentId: draftId }).then((draft) => {
+            grpcClient.drafts.getDraft({documentId: draftId}).then((draft) => {
               const hasEmptyMedia = draft.children.find((block) => {
                 return (
                   block.block &&
@@ -95,7 +95,7 @@ export default function CommitDraftButton() {
                   publish,
                 })
               } else {
-                publish.mutate({ draftId })
+                publish.mutate({draftId})
               }
             })
           }}
@@ -108,7 +108,7 @@ export default function CommitDraftButton() {
   )
 }
 
-function StatusWrapper({ children, ...props }: PropsWithChildren<YStackProps>) {
+function StatusWrapper({children, ...props}: PropsWithChildren<YStackProps>) {
   return (
     <YStack space="$2" opacity={0.6}>
       {children}
diff --git a/frontend/apps/desktop/src/components/contacts-prompt.tsx b/frontend/apps/desktop/src/components/contacts-prompt.tsx
index 3d369dd07..92a527043 100644
--- a/frontend/apps/desktop/src/components/contacts-prompt.tsx
+++ b/frontend/apps/desktop/src/components/contacts-prompt.tsx
@@ -1,4 +1,4 @@
-import {AccessURLRow} from '@shm/desktop/src/url'
+import {AccessURLRow} from '@/url'
 import {HYPERMEDIA_PUBLIC_WEB_GATEWAY} from '@shm/shared'
 import {Button, Spinner, TextArea, XStack, toast} from '@shm/ui'
 import {UserPlus} from '@tamagui/lucide-icons'
diff --git a/frontend/apps/desktop/src/components/delete-draft-dialog.tsx b/frontend/apps/desktop/src/components/delete-draft-dialog.tsx
index 22551a3c5..62d89ed02 100644
--- a/frontend/apps/desktop/src/components/delete-draft-dialog.tsx
+++ b/frontend/apps/desktop/src/components/delete-draft-dialog.tsx
@@ -1,9 +1,9 @@
-import { useDeleteDraft } from '@shm/desktop/src/models/documents'
-import { AlertDialog, Button, XStack, YStack } from '@shm/ui'
-import { useAppDialog } from './dialog'
+import {useDeleteDraft} from '@/models/documents'
+import {AlertDialog, Button, XStack, YStack} from '@shm/ui'
+import {useAppDialog} from './dialog'
 
 export function useDeleteDraftDialog() {
-  return useAppDialog(DeleteDraftDialog, { isAlert: true })
+  return useAppDialog(DeleteDraftDialog, {isAlert: true})
 }
 
 function DeleteDraftDialog({
@@ -11,7 +11,7 @@ function DeleteDraftDialog({
   input,
 }: {
   onClose: () => void
-  input: { draftId: string; onSuccess?: () => void }
+  input: {draftId: string; onSuccess?: () => void}
 }) {
   const deleteDraft = useDeleteDraft({
     onSuccess: input.onSuccess,
diff --git a/frontend/apps/desktop/src/components/discard-draft-button.tsx b/frontend/apps/desktop/src/components/discard-draft-button.tsx
index f12d29338..cef5d65b6 100644
--- a/frontend/apps/desktop/src/components/discard-draft-button.tsx
+++ b/frontend/apps/desktop/src/components/discard-draft-button.tsx
@@ -1,8 +1,8 @@
-import { useDeleteDraftDialog } from '@shm/desktop/src/components/delete-draft-dialog'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { Button, Tooltip } from '@shm/ui'
-import { Trash } from '@tamagui/lucide-icons'
-import { useNavigationDispatch } from '../utils/navigation'
+import {useDeleteDraftDialog} from '@/components/delete-draft-dialog'
+import {useNavRoute} from '@/utils/navigation'
+import {Button, Tooltip} from '@shm/ui'
+import {Trash} from '@tamagui/lucide-icons'
+import {useNavigationDispatch} from '../utils/navigation'
 
 export default function DiscardDraftButton() {
   const route = useNavRoute()
@@ -21,7 +21,7 @@ export default function DiscardDraftButton() {
             deleteDialog.open({
               draftId,
               onSuccess: () => {
-                dispatch({ type: 'closeBack' })
+                dispatch({type: 'closeBack'})
               },
             })
           }
diff --git a/frontend/apps/desktop/src/components/edit-doc-button.tsx b/frontend/apps/desktop/src/components/edit-doc-button.tsx
index abcff6df5..6a8b5f732 100644
--- a/frontend/apps/desktop/src/components/edit-doc-button.tsx
+++ b/frontend/apps/desktop/src/components/edit-doc-button.tsx
@@ -1,20 +1,17 @@
-import { useGRPCClient } from '@shm/desktop/src/app-context'
-import { useDraftList } from '@shm/desktop/src/models/documents'
-import { usePublicationVariant } from '@shm/desktop/src/models/publication'
-import { NavMode } from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { HMBlock, PublicationVariant } from '@shm/shared'
-import { Button, Tooltip, toast } from '@shm/ui'
-import { Pencil } from '@tamagui/lucide-icons'
-import { useQueryInvalidator } from '../app-context'
+import {useGRPCClient} from '@/app-context'
+import {useDraftList} from '@/models/documents'
+import {usePublicationVariant} from '@/models/publication'
+import {NavMode} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
+import {HMBlock, PublicationVariant} from '@shm/shared'
+import {Button, Tooltip, toast} from '@shm/ui'
+import {Pencil} from '@tamagui/lucide-icons'
+import {useQueryInvalidator} from '../app-context'
 import appError from '../errors'
-import { useMyAccount } from '../models/accounts'
-import { queryKeys } from '../models/query-keys'
-import { generateBlockId } from '../utils/media-drag'
-import {
-  AccountRoute,
-  DocumentRoute,
-} from '../utils/routes'
+import {useMyAccount} from '../models/accounts'
+import {queryKeys} from '../models/query-keys'
+import {generateBlockId} from '../utils/media-drag'
+import {AccountRoute, DocumentRoute} from '../utils/routes'
 
 export function useEditDraft(
   docId: string | undefined,
@@ -42,7 +39,6 @@ export function useEditDraft(
   const grpcClient = useGRPCClient()
 
   async function handleEdit() {
-
     try {
       if (hasExistingDraft) {
         // todo, careful! this only works because draftId is docId right now
@@ -114,10 +110,10 @@ export function useEditDraft(
         return
       }
 
-      appError(`Draft Error: ${error?.message}`, { error })
+      appError(`Draft Error: ${error?.message}`, {error})
     }
   }
-  return { hasExistingDraft, handleEdit }
+  return {hasExistingDraft, handleEdit}
 }
 
 export function EditDocButton({
@@ -142,7 +138,7 @@ export function EditDocButton({
     enabled: !!docId,
   })
   const pubVersion = pub.data?.publication?.version
-  const { hasExistingDraft, handleEdit } = useEditDraft(docId, {
+  const {hasExistingDraft, handleEdit} = useEditDraft(docId, {
     version: baseVersion || pubVersion,
     variants,
     navMode,
diff --git a/frontend/apps/desktop/src/components/editor.tsx b/frontend/apps/desktop/src/components/editor.tsx
index b9e7606e0..494dae2cd 100644
--- a/frontend/apps/desktop/src/components/editor.tsx
+++ b/frontend/apps/desktop/src/components/editor.tsx
@@ -5,14 +5,14 @@ import {
   LinkMenuPositioner,
   SideMenuPositioner,
   SlashMenuPositioner,
-} from '@shm/desktop/src/editor/blocknote'
-import '@shm/desktop/src/editor/blocknote/core/style.css'
-import '@shm/desktop/src/editor/editor.css'
-import { HMFormattingToolbar } from '@shm/desktop/src/editor/hm-formatting-toolbar'
-import { HypermediaLinkToolbar } from '@shm/desktop/src/editor/hyperlink-toolbar'
-import { HyperDocsEditor } from '@shm/desktop/src/models/documents'
-import { useOpenUrl } from '@shm/desktop/src/open-url'
-import { YStack } from '@shm/ui'
+} from '@/editor/blocknote'
+import '@/editor/blocknote/core/style.css'
+import '@/editor/editor.css'
+import {HMFormattingToolbar} from '@/editor/hm-formatting-toolbar'
+import {HypermediaLinkToolbar} from '@/editor/hyperlink-toolbar'
+import {HyperDocsEditor} from '@/models/documents'
+import {useOpenUrl} from '@/open-url'
+import {YStack} from '@shm/ui'
 
 export function HyperMediaEditorView({
   editor,
@@ -39,7 +39,7 @@ export function HyperMediaEditorView({
   )
 }
 
-export function HMEditorContainer({ children }: { children: React.ReactNode }) {
+export function HMEditorContainer({children}: {children: React.ReactNode}) {
   return (
     <YStack
       className="editor"
diff --git a/frontend/apps/desktop/src/components/error-bar.tsx b/frontend/apps/desktop/src/components/error-bar.tsx
index 1c6dc7ffd..cb180248c 100644
--- a/frontend/apps/desktop/src/components/error-bar.tsx
+++ b/frontend/apps/desktop/src/components/error-bar.tsx
@@ -1,5 +1,5 @@
-import { AppPlatform, useAppContext } from '@shm/desktop/src/app-context'
-import { lazy } from 'react'
+import {AppPlatform, useAppContext} from '@/app-context'
+import {lazy} from 'react'
 
 var ErrorBarMacos = lazy(() => import('./error-bar-macos'))
 var ErrorBarWindowsLinux = lazy(() => import('./error-bar-windows-linux'))
@@ -9,7 +9,7 @@ export type ErrorBarProps = {
 }
 
 export function ErrorBar(props: ErrorBarProps) {
-  const { platform } = useAppContext()
+  const {platform} = useAppContext()
   let Component = getErrorBar(platform)
   return <Component {...props} />
 }
diff --git a/frontend/apps/desktop/src/components/footer.tsx b/frontend/apps/desktop/src/components/footer.tsx
index 43dd2273e..380653e18 100644
--- a/frontend/apps/desktop/src/components/footer.tsx
+++ b/frontend/apps/desktop/src/components/footer.tsx
@@ -1,11 +1,11 @@
-import { useConnectionSummary } from '@shm/desktop/src/models/contacts'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { VERSION } from '@shm/shared'
-import { Button, ButtonProps, FooterWrapper, SizableText, XStack } from '@shm/ui'
-import { Cable } from '@tamagui/lucide-icons'
-import { ReactNode } from 'react'
-import { OnlineIndicator } from './indicator'
-import { useNetworkDialog } from './network-dialog'
+import {useConnectionSummary} from '@/models/contacts'
+import {useNavRoute} from '@/utils/navigation'
+import {VERSION} from '@shm/shared'
+import {Button, ButtonProps, FooterWrapper, SizableText, XStack} from '@shm/ui'
+import {Cable} from '@tamagui/lucide-icons'
+import {ReactNode} from 'react'
+import {OnlineIndicator} from './indicator'
+import {useNetworkDialog} from './network-dialog'
 
 export function FooterButton({
   active,
@@ -58,9 +58,9 @@ function FooterNetworkingButton() {
   )
 }
 
-export default function Footer({ children }: { children?: ReactNode }) {
+export default function Footer({children}: {children?: ReactNode}) {
   return (
-    <FooterWrapper style={{ flex: 'none' }}>
+    <FooterWrapper style={{flex: 'none'}}>
       <FooterNetworkingButton />
       <XStack alignItems="center" paddingHorizontal="$2">
         <SizableText
diff --git a/frontend/apps/desktop/src/components/launcher.tsx b/frontend/apps/desktop/src/components/launcher.tsx
index 1b6abaa17..72f560892 100644
--- a/frontend/apps/desktop/src/components/launcher.tsx
+++ b/frontend/apps/desktop/src/components/launcher.tsx
@@ -1,22 +1,22 @@
-import { useAppContext, useGRPCClient } from '@shm/desktop/src/app-context'
-import { dialogBoxShadow, useAppDialog } from '@shm/desktop/src/components/dialog'
-import appError from '@shm/desktop/src/errors'
-import { useConnectPeer } from '@shm/desktop/src/models/contacts'
-import { useGatewayHost } from '@shm/desktop/src/models/gateway-settings'
-import { useRecents } from '@shm/desktop/src/models/recents'
-import { useSearch } from '@shm/desktop/src/models/search'
-import { importWebCapture } from '@shm/desktop/src/models/web-importer'
-import { fetchWebLink } from '@shm/desktop/src/models/web-links'
-import { trpc } from '@shm/desktop/src/trpc'
+import {useAppContext, useGRPCClient} from '@/app-context'
+import {dialogBoxShadow, useAppDialog} from '@/components/dialog'
+import appError from '@/errors'
+import {useConnectPeer} from '@/models/contacts'
+import {useGatewayHost} from '@/models/gateway-settings'
+import {useRecents} from '@/models/recents'
+import {useSearch} from '@/models/search'
+import {importWebCapture} from '@/models/web-importer'
+import {fetchWebLink} from '@/models/web-links'
+import {trpc} from '@/trpc'
 import {
   appRouteOfId,
   isHttpUrl,
   resolveHmIdToAppRoute,
   useHmIdToAppRouteResolver,
-} from '@shm/desktop/src/utils/navigation'
-import { NavRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { useListenAppEvent } from '@shm/desktop/src/utils/window-events'
+} from '@/utils/navigation'
+import {NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
+import {useListenAppEvent} from '@/utils/window-events'
 import {
   GRPCClient,
   HYPERMEDIA_ENTITY_TYPES,
@@ -37,8 +37,8 @@ import {
   YStack,
   toast,
 } from '@shm/ui'
-import { useEffect, useLayoutEffect, useRef, useState } from 'react'
-import { AppQueryClient } from '../query-client'
+import {useEffect, useLayoutEffect, useRef, useState} from 'react'
+import {AppQueryClient} from '../query-client'
 
 function useURLHandler() {
   const experiments = trpc.experiments.get.useQuery()
@@ -62,7 +62,7 @@ function useURLHandler() {
 
     connect.mutate(httpSearch)
     if (experiments.data?.webImporting) {
-      const webResult = await webQuery.mutateAsync({ webUrl: httpSearch })
+      const webResult = await webQuery.mutateAsync({webUrl: httpSearch})
       if (webResult.hypermedia) {
         const unpacked = await resolveHmUrl(webResult.hypermedia.url)
         if (unpacked?.navRoute) return unpacked.navRoute
@@ -110,7 +110,7 @@ type SwitcherItem = {
   subtitle?: string
   onSelect: () => void
 }
-function LauncherContent({ onClose }: { input: {}; onClose: () => void }) {
+function LauncherContent({onClose}: {input: {}; onClose: () => void}) {
   const [search, setSearch] = useState('')
   const navigate = useNavigate()
   const grpcClient = useGRPCClient()
@@ -153,7 +153,7 @@ function LauncherContent({ onClose }: { input: {}; onClose: () => void }) {
                 }
               })
               .catch((error) => {
-                appError(`Launcher Error: ${error}`, { error })
+                appError(`Launcher Error: ${error}`, {error})
               })
               .finally(() => {
                 setActionPromise(null)
@@ -185,7 +185,7 @@ function LauncherContent({ onClose }: { input: {}; onClose: () => void }) {
       })
       .filter(Boolean) || []
   const recentItems =
-    recents.data?.map(({ url, title, subtitle, type }) => {
+    recents.data?.map(({url, title, subtitle, type}) => {
       return {
         key: url,
         title,
@@ -196,7 +196,7 @@ function LauncherContent({ onClose }: { input: {}; onClose: () => void }) {
             toast.error('Failed to open recent: ' + url)
             return
           }
-          const openId = id.type === 'd' ? { ...id } : id
+          const openId = id.type === 'd' ? {...id} : id
           const appRoute = appRouteOfId(openId)
           if (!appRoute) {
             toast.error('Failed to open recent: ' + url)
@@ -333,12 +333,12 @@ function LauncherContent({ onClose }: { input: {}; onClose: () => void }) {
   )
 }
 
-export function LauncherItem({ item, selected = false, onFocus, onMouseEnter }) {
+export function LauncherItem({item, selected = false, onFocus, onMouseEnter}) {
   const elm = useRef<HTMLDivElement>(null)
 
   useLayoutEffect(() => {
     if (selected) {
-      elm.current?.scrollIntoView({ block: 'nearest' })
+      elm.current?.scrollIntoView({block: 'nearest'})
     }
   }, [selected])
 
diff --git a/frontend/apps/desktop/src/components/network-dialog.tsx b/frontend/apps/desktop/src/components/network-dialog.tsx
index d2e0571ea..317a6e7a9 100644
--- a/frontend/apps/desktop/src/components/network-dialog.tsx
+++ b/frontend/apps/desktop/src/components/network-dialog.tsx
@@ -1,4 +1,4 @@
-import {useOpenUrl} from '@shm/desktop/src/open-url'
+import {useOpenUrl} from '@/open-url'
 import {Account, API_FILE_URL, PeerInfo} from '@shm/shared'
 import {
   ArrowUpRight,
diff --git a/frontend/apps/desktop/src/components/publication-list-item.tsx b/frontend/apps/desktop/src/components/publication-list-item.tsx
index 6477768db..9d4fa902d 100644
--- a/frontend/apps/desktop/src/components/publication-list-item.tsx
+++ b/frontend/apps/desktop/src/components/publication-list-item.tsx
@@ -1,12 +1,12 @@
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useClickNavigate } from '@shm/desktop/src/utils/useNavigate'
+import {useNavRoute} from '@/utils/navigation'
+import {useClickNavigate} from '@/utils/useNavigate'
 import {
   Document,
   HMAccount,
   HMPublication,
   createHmId,
   getDocumentTitle,
-  unpackDocId
+  unpackDocId,
 } from '@shm/shared'
 import {
   ArrowUpRight,
@@ -16,13 +16,13 @@ import {
   copyTextToClipboard,
 } from '@shm/ui'
 import React from 'react'
-import { useFavorite } from '../models/favorites'
-import { NavRoute } from '../utils/routes'
-import { useNavigate } from '../utils/useNavigate'
-import { BaseAccountLinkAvatar } from './account-link-avatar'
-import { FavoriteButton } from './favoriting'
-import { ListItem, TimeAccessory } from './list-item'
-import { MenuItemType } from './options-dropdown'
+import {useFavorite} from '../models/favorites'
+import {NavRoute} from '../utils/routes'
+import {useNavigate} from '../utils/useNavigate'
+import {BaseAccountLinkAvatar} from './account-link-avatar'
+import {FavoriteButton} from './favoriting'
+import {ListItem, TimeAccessory} from './list-item'
+import {MenuItemType} from './options-dropdown'
 
 export const PublicationListItem = React.memo(function PublicationListItem({
   publication,
@@ -59,8 +59,8 @@ export const PublicationListItem = React.memo(function PublicationListItem({
   const docUrl =
     docHmId && docRoute
       ? createHmId('d', docHmId.eid, {
-        version: docRoute.versionId,
-      })
+          version: docRoute.versionId,
+        })
       : undefined
   const favorite = useFavorite(docUrl)
 
@@ -81,7 +81,7 @@ export const PublicationListItem = React.memo(function PublicationListItem({
             <XStack
               opacity={favorite.isFavorited ? 1 : 0}
               $group-item-hover={
-                favorite.isFavorited ? undefined : { opacity: 1 }
+                favorite.isFavorited ? undefined : {opacity: 1}
               }
             >
               <FavoriteButton url={docUrl} />
@@ -123,43 +123,43 @@ export const PublicationListItem = React.memo(function PublicationListItem({
               hoverStyle={
                 onPathNamePress
                   ? {
-                    textDecorationLine: 'underline',
-                  }
+                      textDecorationLine: 'underline',
+                    }
                   : undefined
               }
             >
               {pathName.length > 40
                 ? `${pathName.slice(0, 15)}.....${pathName.slice(
-                  pathName.length - 15,
-                )}`
+                    pathName.length - 15,
+                  )}`
                 : pathName}
             </ButtonText>
           )}
           <XStack>
             {editors && editors.length
               ? editors.map((editor, idx) => {
-                const editorId =
-                  typeof editor === 'string' ? editor : editor?.id
-                if (!editorId) return null
-                const account = typeof editor == 'string' ? undefined : editor
-                return (
-                  <XStack
-                    zIndex={idx + 1}
-                    key={editorId}
-                    borderColor="$background"
-                    backgroundColor="$background"
-                    borderWidth={2}
-                    borderRadius={100}
-                    marginLeft={-8}
-                    animation="fast"
-                  >
-                    <BaseAccountLinkAvatar
-                      accountId={editorId}
-                      account={account}
-                    />
-                  </XStack>
-                )
-              })
+                  const editorId =
+                    typeof editor === 'string' ? editor : editor?.id
+                  if (!editorId) return null
+                  const account = typeof editor == 'string' ? undefined : editor
+                  return (
+                    <XStack
+                      zIndex={idx + 1}
+                      key={editorId}
+                      borderColor="$background"
+                      backgroundColor="$background"
+                      borderWidth={2}
+                      borderRadius={100}
+                      marginLeft={-8}
+                      animation="fast"
+                    >
+                      <BaseAccountLinkAvatar
+                        accountId={editorId}
+                        account={account}
+                      />
+                    </XStack>
+                  )
+                })
               : null}
           </XStack>
           <TimeAccessory
diff --git a/frontend/apps/desktop/src/components/publication-list.tsx b/frontend/apps/desktop/src/components/publication-list.tsx
index cbda07629..1a7529e5a 100644
--- a/frontend/apps/desktop/src/components/publication-list.tsx
+++ b/frontend/apps/desktop/src/components/publication-list.tsx
@@ -1,22 +1,22 @@
-import { useDraftList } from '@shm/desktop/src/models/documents'
-import { Delete, List, Spinner } from '@shm/ui'
+import {useDraftList} from '@/models/documents'
+import {Delete, List, Spinner} from '@shm/ui'
 
-import { Document, PublicationVariant, unpackHmId } from '@shm/shared'
-import { Trash } from '@tamagui/lucide-icons'
-import React, { ReactNode } from 'react'
-import { useAppContext } from '../app-context'
-import { useCopyGatewayReference } from '../components/copy-gateway-reference'
-import { useDeleteDraftDialog } from '../components/delete-draft-dialog'
-import { ListItem, copyLinkMenuItem } from '../components/list-item'
-import { PublicationListItem } from '../components/publication-list-item'
+import {Document, PublicationVariant, unpackHmId} from '@shm/shared'
+import {Trash} from '@tamagui/lucide-icons'
+import React, {ReactNode} from 'react'
+import {useAppContext} from '../app-context'
+import {useCopyGatewayReference} from '../components/copy-gateway-reference'
+import {useDeleteDraftDialog} from '../components/delete-draft-dialog'
+import {ListItem, copyLinkMenuItem} from '../components/list-item'
+import {PublicationListItem} from '../components/publication-list-item'
 import {
   queryDraft,
   queryPublication,
   usePublicationFullList,
 } from '../models/documents'
-import { DraftRoute } from '../utils/routes'
-import { useClickNavigate } from '../utils/useNavigate'
-import { useDeleteDialog } from './delete-dialog'
+import {DraftRoute} from '../utils/routes'
+import {useClickNavigate} from '../utils/useNavigate'
+import {useDeleteDialog} from './delete-dialog'
 
 export function PublicationsList({
   header,
@@ -25,9 +25,9 @@ export function PublicationsList({
   header: ReactNode
   trustedOnly: boolean
 }) {
-  const publications = usePublicationFullList({ trustedOnly })
+  const publications = usePublicationFullList({trustedOnly})
   const drafts = useDraftList()
-  const { queryClient, grpcClient } = useAppContext()
+  const {queryClient, grpcClient} = useAppContext()
   const deleteDialog = useDeleteDialog()
 
   const items = publications.data
@@ -43,8 +43,8 @@ export function PublicationsList({
         onEndReached={() => {
           publications.fetchNextPage()
         }}
-        renderItem={({ item }) => {
-          const { publication, author, editors } = item
+        renderItem={({item}) => {
+          const {publication, author, editors} = item
           if (!publication.document) return null
           const docId = publication.document.id
           const id = unpackHmId(docId)
@@ -117,7 +117,7 @@ const DraftListItem = React.memo(function DraftListItem({
   let title = draft.title || 'Untitled Document'
   const deleteDialog = useDeleteDraftDialog()
   const navigate = useClickNavigate()
-  const { queryClient, grpcClient } = useAppContext()
+  const {queryClient, grpcClient} = useAppContext()
   if (!draft.id) throw new Error('DraftListItem requires an id')
   const draftRoute: DraftRoute = {
     key: 'draft',
@@ -132,7 +132,7 @@ const DraftListItem = React.memo(function DraftListItem({
         title={title}
         onPointerEnter={() => {
           queryClient.client.prefetchQuery(
-            queryDraft({ grpcClient, documentId: draft.id }),
+            queryDraft({grpcClient, documentId: draft.id}),
           )
         }}
         onPress={goToItem}
@@ -142,7 +142,7 @@ const DraftListItem = React.memo(function DraftListItem({
             key: 'delete',
             icon: Trash,
             onPress: () => {
-              deleteDialog.open({ draftId: draft.id })
+              deleteDialog.open({draftId: draft.id})
             },
           },
         ]}
diff --git a/frontend/apps/desktop/src/components/sidebar-base.tsx b/frontend/apps/desktop/src/components/sidebar-base.tsx
index e562f04b9..4f3c9d053 100644
--- a/frontend/apps/desktop/src/components/sidebar-base.tsx
+++ b/frontend/apps/desktop/src/components/sidebar-base.tsx
@@ -1,13 +1,13 @@
-import { useAppContext } from '@shm/desktop/src/app-context'
-import { Avatar } from '@shm/desktop/src/components/avatar'
-import { MenuItemType, OptionsDropdown } from '@shm/desktop/src/components/options-dropdown'
-import appError from '@shm/desktop/src/errors'
-import { EmbedsContent } from '@shm/desktop/src/models/documents'
-import { SidebarWidth, useSidebarContext } from '@shm/desktop/src/sidebar-context'
-import { getAvatarUrl } from '@shm/desktop/src/utils/account-url'
-import { NavRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { useTriggerWindowEvent } from '@shm/desktop/src/utils/window-events'
+import {useAppContext} from '@/app-context'
+import {Avatar} from '@/components/avatar'
+import {MenuItemType, OptionsDropdown} from '@/components/options-dropdown'
+import appError from '@/errors'
+import {EmbedsContent} from '@/models/documents'
+import {SidebarWidth, useSidebarContext} from '@/sidebar-context'
+import {getAvatarUrl} from '@/utils/account-url'
+import {NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
+import {useTriggerWindowEvent} from '@/utils/window-events'
 import {
   Account,
   getBlockNode,
@@ -45,11 +45,11 @@ import {
   useEffect,
   useState,
 } from 'react'
-import { getAccountName } from '../pages/account-page'
+import {getAccountName} from '../pages/account-page'
 
 const HoverRegionWidth = 30
 
-export function GenericSidebarContainer({ children }: { children: ReactNode }) {
+export function GenericSidebarContainer({children}: {children: ReactNode}) {
   const ctx = useSidebarContext()
   const isFocused = useIsWindowFocused({
     onBlur: () => ctx.onMenuHoverLeave(),
@@ -58,7 +58,7 @@ export function GenericSidebarContainer({ children }: { children: ReactNode }) {
   const isLocked = useStream(ctx.isLocked)
   const isHoverVisible = useStream(ctx.isHoverVisible)
   const isVisible = isLocked || isHoverVisible
-  const { platform } = useAppContext()
+  const {platform} = useAppContext()
   let top = platform === 'darwin' ? 40 : 72
   let bottom = 24
   if (!isLocked) {
@@ -111,7 +111,7 @@ export function GenericSidebarContainer({ children }: { children: ReactNode }) {
         <YStack
           flex={1}
           overflow="auto" // why does Tamagui/TS not agree that this is an acceptable value? IT WORKS!
-        // paddingVertical="$2"
+          // paddingVertical="$2"
         >
           {children}
         </YStack>
@@ -138,7 +138,7 @@ export function GenericSidebarContainer({ children }: { children: ReactNode }) {
               backgroundColor={'$colorTransparent'}
               chromeless
               onPress={() => {
-                navigate({ key: 'settings' })
+                navigate({key: 'settings'})
               }}
               icon={Settings}
             />
@@ -237,7 +237,7 @@ export function SidebarItem({
         textAlign="left"
         outlineColor="transparent"
         backgroundColor={active ? activeBg : '$colorTransparent'}
-        hoverStyle={active ? { backgroundColor: activeBg } : {}}
+        hoverStyle={active ? {backgroundColor: activeBg} : {}}
         userSelect="none"
         gap="$2"
         group="item"
@@ -247,7 +247,7 @@ export function SidebarItem({
         iconAfter={
           iconAfter || (
             <>
-              <XStack opacity={0} $group-item-hover={{ opacity: 1 }}>
+              <XStack opacity={0} $group-item-hover={{opacity: 1}}>
                 {rightHover}
               </XStack>
               {menuItems ? (
@@ -262,7 +262,7 @@ export function SidebarItem({
           {isValidElement(icon) ? (
             icon
           ) : icon ? (
-            <View width={18}>{createElement(icon, { size: 18 })}</View>
+            <View width={18}>{createElement(icon, {size: 18})}</View>
           ) : (
             <View width={18} />
           )}
@@ -344,7 +344,7 @@ export function MyAccountItem({
       space="$2"
       userSelect="none"
       backgroundColor={active ? '$blue4' : '$colorTransparent'}
-      hoverStyle={active ? { backgroundColor: '$blue4' } : {}}
+      hoverStyle={active ? {backgroundColor: '$blue4'} : {}}
       cursor={active ? undefined : 'pointer'}
       title={
         <YStack>
@@ -366,7 +366,7 @@ export function MyAccountItem({
           appError('Account has not loaded.')
           return
         }
-        onRoute({ key: 'account', accountId: account?.id })
+        onRoute({key: 'account', accountId: account?.id})
       }}
       icon={
         <Avatar
@@ -436,9 +436,9 @@ export function getDocOutline(
       if (embed?.type === 'd') {
         const children = embed.query.refId.blockRef
           ? getBlockNode(
-            embed?.data?.document?.children,
-            embed.query.refId.blockRef,
-          )?.children
+              embed?.data?.document?.children,
+              embed.query.refId.blockRef,
+            )?.children
           : embed?.data?.document?.children
         outline.push({
           id: child.block.id,
@@ -516,15 +516,15 @@ export function activeDocOutline(
   const outlineContent = outline.map((item) => {
     const childrenOutline = item.children
       ? activeDocOutline(
-        item.children,
-        activeBlock,
-        focusBlock,
-        embeds,
-        onBlockSelect,
-        onBlockFocus,
-        onNavigate,
-        level + 1,
-      )
+          item.children,
+          activeBlock,
+          focusBlock,
+          embeds,
+          onBlockSelect,
+          onBlockFocus,
+          onNavigate,
+          level + 1,
+        )
       : null
     if (childrenOutline?.isBlockActive) {
       isBlockActive = true
@@ -567,7 +567,7 @@ export function activeDocOutline(
       />
     )
   })
-  return { outlineContent, isBlockActive, isBlockFocused }
+  return {outlineContent, isBlockActive, isBlockFocused}
 }
 
 export function SidebarDivider() {
diff --git a/frontend/apps/desktop/src/components/sidebar-neo.tsx b/frontend/apps/desktop/src/components/sidebar-neo.tsx
index 98362bc39..cceec1fb0 100644
--- a/frontend/apps/desktop/src/components/sidebar-neo.tsx
+++ b/frontend/apps/desktop/src/components/sidebar-neo.tsx
@@ -1,17 +1,17 @@
-import { focusDraftBlock } from '@shm/desktop/src/draft-focusing'
-import { useAccount, useMyAccount } from '@shm/desktop/src/models/accounts'
+import {focusDraftBlock} from '@/draft-focusing'
+import {useAccount, useMyAccount} from '@/models/accounts'
 import {
   getEntityRoutes,
   useEntitiesContent,
   useEntityContent,
   useEntityRoutes,
-} from '@shm/desktop/src/models/entities'
-import { useFavorites } from '@shm/desktop/src/models/favorites'
-import { useDocumentDrafts, usePublicationVariant } from '@shm/desktop/src/models/publication'
-import { appRouteOfId, getRouteKey, useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { getRouteContext } from '@shm/desktop/src/utils/route-context'
-import { BaseAccountRoute, BaseEntityRoute, NavRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+} from '@/models/entities'
+import {useFavorites} from '@/models/favorites'
+import {useDocumentDrafts, usePublicationVariant} from '@/models/publication'
+import {appRouteOfId, getRouteKey, useNavRoute} from '@/utils/navigation'
+import {getRouteContext} from '@/utils/route-context'
+import {BaseAccountRoute, BaseEntityRoute, NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   HMAccount,
   HMBlockNode,
@@ -21,17 +21,17 @@ import {
   getDocumentTitle,
   unpackHmId,
 } from '@shm/shared'
-import { Tooltip } from '@shm/ui'
+import {Tooltip} from '@shm/ui'
 import {
   Contact,
   FilePen,
   FileText,
   Hash,
   Pencil,
-  Star
+  Star,
 } from '@tamagui/lucide-icons'
-import { ReactNode, memo, useCallback, useEffect, useMemo, useState } from 'react'
-import { Button, SizableText, Spinner, View } from 'tamagui'
+import {ReactNode, memo, useCallback, useEffect, useMemo, useState} from 'react'
+import {Button, SizableText, Spinner, View} from 'tamagui'
 import {
   FocusButton,
   SidebarDivider,
@@ -39,7 +39,7 @@ import {
   SidebarItem,
 } from './sidebar-base'
 
-type IconDefinition = React.FC<{ size: any; color: any }>
+type IconDefinition = React.FC<{size: any; color: any}>
 
 export const SidebarNeo = memo(_SidebarNeo)
 function _SidebarNeo() {
@@ -49,7 +49,7 @@ function _SidebarNeo() {
   const myAccount = useMyAccount()
   const myAccountRoute = useMemo(() => {
     return myAccount.data?.id
-      ? ({ key: 'account', accountId: myAccount.data.id } as BaseAccountRoute)
+      ? ({key: 'account', accountId: myAccount.data.id} as BaseAccountRoute)
       : null
   }, [myAccount.data])
   const navigate = useNavigate()
@@ -160,11 +160,11 @@ function getBlockHeadings(
   children: HMBlockNode[] | undefined,
   blockId: string | undefined,
 ) {
-  let blockHeadings: null | { id: string; text: string }[] = []
+  let blockHeadings: null | {id: string; text: string}[] = []
   if (!blockId) return []
   function findBlock(
     nodes: HMBlockNode[] | undefined,
-    parentHeadings: { id: string; text: string }[],
+    parentHeadings: {id: string; text: string}[],
   ) {
     return nodes?.find((blockNode) => {
       if (!blockId) return null
@@ -190,7 +190,7 @@ function getBlockHeadings(
   findBlock(children, [])
   return blockHeadings as
     | null
-    | { id: string; text: string; embedId: null | string }[]
+    | {id: string; text: string; embedId: null | string}[]
 }
 
 export function getItemDetails(
@@ -232,9 +232,9 @@ export function getItemDetails(
 }
 type ItemDetails = ReturnType<typeof getItemDetails>
 
-function ResumeDraftButton({ info }: { info: ItemDetails }) {
+function ResumeDraftButton({info}: {info: ItemDetails}) {
   if (!info) throw new Error('ItemDetails required for ResumeDraftButton')
-  const { docId } = info
+  const {docId} = info
   const navigate = useNavigate()
   const myAccount = useMyAccount()
   const isMyHomeDoc = docId === myAccount.data?.profile?.rootDocument
@@ -292,7 +292,7 @@ function ContextItems({
         icon={info.icon}
         onPress={() => {
           if (route.key === 'draft') return
-          onNavigate({ ...route, blockId: undefined, isBlockFocused: undefined })
+          onNavigate({...route, blockId: undefined, isBlockFocused: undefined})
         }}
         iconAfter={
           info.isDraft ? (
@@ -321,7 +321,7 @@ function ContextItems({
             title={heading.text}
             onPress={() => {
               if (route.key === 'draft') return
-              onNavigate({ ...route, blockId: heading.id, isBlockFocused: true })
+              onNavigate({...route, blockId: heading.id, isBlockFocused: true})
             }}
           />
         )
@@ -344,7 +344,7 @@ function RouteSection({
   collapse?: boolean
   setCollapse?: (collapse: boolean) => void
   onNavigate: (route: NavRoute, doReplace?: boolean) => void
-  entityContents?: { route: BaseEntityRoute; entity?: HMEntityContent }[]
+  entityContents?: {route: BaseEntityRoute; entity?: HMEntityContent}[]
   active?: boolean
 }) {
   const thisRoute = routes.at(-1)
@@ -356,8 +356,8 @@ function RouteSection({
     thisRoute?.key === 'draft'
       ? undefined
       : thisRoute?.isBlockFocused
-        ? thisRoute?.blockId
-        : undefined
+      ? thisRoute?.blockId
+      : undefined
   const myAccount = useMyAccount()
   const thisRouteDetails = getItemDetails(
     thisRouteEntity?.entity,
@@ -367,9 +367,9 @@ function RouteSection({
   const focusedNodes =
     thisRouteFocusBlockId && thisRouteEntity?.entity?.document?.children
       ? getBlockNodeById(
-        thisRouteEntity?.entity?.document?.children,
-        thisRouteFocusBlockId,
-      )?.children
+          thisRouteEntity?.entity?.document?.children,
+          thisRouteFocusBlockId,
+        )?.children
       : thisRouteEntity?.entity?.document?.children
   const outlineNodes = focusedNodes?.filter(
     (node) => node.block.type === 'heading' || node.block.type === 'embed',
@@ -386,7 +386,7 @@ function RouteSection({
         focusDraftBlock(thisRoute.draftId, blockId)
         return
       }
-      onNavigate({ ...thisRoute, blockId, isBlockFocused: false }, shouldReplace)
+      onNavigate({...thisRoute, blockId, isBlockFocused: false}, shouldReplace)
     },
     [thisRoute, activeRoute],
   )
@@ -396,7 +396,7 @@ function RouteSection({
       return null
     }
     return (blockId) => {
-      onNavigate({ ...thisRoute, blockId, isBlockFocused: true })
+      onNavigate({...thisRoute, blockId, isBlockFocused: true})
     }
   }, [onNavigate, thisRoute])
   return (
@@ -519,19 +519,19 @@ function _SidebarEmbedOutlineItem({
             onFocusBlock={
               destRoute
                 ? (childBlockId) => {
-                  if (!destRoute) return
-                  if (
-                    destRoute.key === 'document' ||
-                    destRoute.key === 'account'
-                  ) {
-                    navigate({
-                      ...destRoute,
-                      blockId: childBlockId,
-                      isBlockFocused: true,
-                      context: getRouteContext(route, blockId),
-                    })
-                  } else navigate(destRoute)
-                }
+                    if (!destRoute) return
+                    if (
+                      destRoute.key === 'document' ||
+                      destRoute.key === 'account'
+                    ) {
+                      navigate({
+                        ...destRoute,
+                        blockId: childBlockId,
+                        isBlockFocused: true,
+                        context: getRouteContext(route, blockId),
+                      })
+                    } else navigate(destRoute)
+                  }
                 : null
             }
             nodes={outlineNodes}
@@ -683,7 +683,7 @@ function SidebarFavorites({
   let items: ReactNode[] = []
   if (!collapse) {
     items = favorites.map((fav) => {
-      const { key, url } = fav
+      const {key, url} = fav
       if (key === 'account') {
         return (
           <FavoriteAccountItem key={url} url={url} onNavigate={onNavigate} />
@@ -706,7 +706,7 @@ function SidebarFavorites({
       <SidebarItem
         active={route.key == 'favorites'}
         onPress={() => {
-          navigate({ key: 'favorites' })
+          navigate({key: 'favorites'})
         }}
         title="Favorites"
         bold
@@ -750,14 +750,13 @@ function FavoriteAccountItem({
       active={route.key === 'account' && route.accountId === accountId}
       indented
       onPress={() => {
-        onNavigate({ key: 'account', accountId })
+        onNavigate({key: 'account', accountId})
       }}
       title={account.data?.profile?.alias || 'Unknown Account'}
     />
   )
 }
 
-
 function FavoritePublicationItem({
   url,
   onNavigate,
diff --git a/frontend/apps/desktop/src/components/sidebar.tsx b/frontend/apps/desktop/src/components/sidebar.tsx
index 728cd0d19..20152cda8 100644
--- a/frontend/apps/desktop/src/components/sidebar.tsx
+++ b/frontend/apps/desktop/src/components/sidebar.tsx
@@ -1,22 +1,15 @@
-import {useAccount} from '@shm/desktop/src/models/accounts'
-import {useDocumentEmbeds} from '@shm/desktop/src/models/documents'
-import {useFavorites} from '@shm/desktop/src/models/favorites'
-import {
-  appRouteOfId,
-  getRouteKey,
-  useNavRoute,
-} from '@shm/desktop/src/utils/navigation'
-import {
-  getRouteContext,
-  getRouteParentContext,
-} from '@shm/desktop/src/utils/route-context'
+import {useAccount} from '@/models/accounts'
+import {useDocumentEmbeds} from '@/models/documents'
+import {useFavorites} from '@/models/favorites'
+import {appRouteOfId, getRouteKey, useNavRoute} from '@/utils/navigation'
+import {getRouteContext, getRouteParentContext} from '@/utils/route-context'
 import {
   AccountRoute,
   BaseEntityRoute,
   DocumentRoute,
   NavRoute,
-} from '@shm/desktop/src/utils/routes'
-import {useNavigate} from '@shm/desktop/src/utils/useNavigate'
+} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   HMBlockNode,
   HMDocument,
diff --git a/frontend/apps/desktop/src/components/titlebar-common.tsx b/frontend/apps/desktop/src/components/titlebar-common.tsx
index 432b0e068..653f4da77 100644
--- a/frontend/apps/desktop/src/components/titlebar-common.tsx
+++ b/frontend/apps/desktop/src/components/titlebar-common.tsx
@@ -1,37 +1,37 @@
-import { useAppContext } from '@shm/desktop/src/app-context'
-import { ContactsPrompt } from '@shm/desktop/src/components/contacts-prompt'
-import { useCopyGatewayReference } from '@shm/desktop/src/components/copy-gateway-reference'
-import { useDeleteDialog } from '@shm/desktop/src/components/delete-dialog'
-import { useAppDialog } from '@shm/desktop/src/components/dialog'
-import { EditDocButton } from '@shm/desktop/src/components/edit-doc-button'
-import { useEditProfileDialog } from '@shm/desktop/src/components/edit-profile-dialog'
-import { useFavoriteMenuItem } from '@shm/desktop/src/components/favoriting'
-import { MenuItemType, OptionsDropdown } from '@shm/desktop/src/components/options-dropdown'
+import {useAppContext} from '@/app-context'
+import {ContactsPrompt} from '@/components/contacts-prompt'
+import {useCopyGatewayReference} from '@/components/copy-gateway-reference'
+import {useDeleteDialog} from '@/components/delete-dialog'
+import {useAppDialog} from '@/components/dialog'
+import {EditDocButton} from '@/components/edit-doc-button'
+import {useEditProfileDialog} from '@/components/edit-profile-dialog'
+import {useFavoriteMenuItem} from '@/components/favoriting'
+import {MenuItemType, OptionsDropdown} from '@/components/options-dropdown'
 import {
   DraftPublicationButtons,
   PublicationVariants,
   VersionContext,
-} from '@shm/desktop/src/components/variants'
-import { useAccount, useMyAccount } from '@shm/desktop/src/models/accounts'
-import { usePushPublication } from '@shm/desktop/src/models/documents'
-import { useGatewayHost, useGatewayUrl } from '@shm/desktop/src/models/gateway-settings'
-import { usePublicationVariant } from '@shm/desktop/src/models/publication'
-import { SidebarWidth, useSidebarContext } from '@shm/desktop/src/sidebar-context'
+} from '@/components/variants'
+import {useAccount, useMyAccount} from '@/models/accounts'
+import {usePushPublication} from '@/models/documents'
+import {useGatewayHost, useGatewayUrl} from '@/models/gateway-settings'
+import {usePublicationVariant} from '@/models/publication'
+import {SidebarWidth, useSidebarContext} from '@/sidebar-context'
 import {
   useNavRoute,
   useNavigationDispatch,
   useNavigationState,
-} from '@shm/desktop/src/utils/navigation'
-import { useOpenDraft } from '@shm/desktop/src/utils/open-draft'
-import { NavRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+} from '@/utils/navigation'
+import {useOpenDraft} from '@/utils/open-draft'
+import {NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   BlockRange,
   ExpandedBlockRange,
   createHmId,
   createPublicWebHmUrl,
   hmId,
-  unpackHmId
+  unpackHmId,
 } from '@shm/shared'
 import {
   Back,
@@ -58,11 +58,11 @@ import {
   Pencil,
   Trash,
   UploadCloud,
-  X
+  X,
 } from '@tamagui/lucide-icons'
-import { ReactNode, useState } from 'react'
-import { RemoveProfileDocDialog } from '../pages/account-page'
-import { TitleBarProps } from './titlebar'
+import {ReactNode, useState} from 'react'
+import {RemoveProfileDocDialog} from '../pages/account-page'
+import {TitleBarProps} from './titlebar'
 
 export function DocOptionsButton() {
   const route = useNavRoute()
@@ -119,7 +119,7 @@ export function DocOptionsButton() {
           title: pub.data?.publication?.document?.title,
           onSuccess: () => {
             // dispatch({type: 'backplace', route: {key: 'feed', tab: 'trusted'}})
-            dispatch({ type: 'pop' })
+            dispatch({type: 'pop'})
           },
         })
       },
@@ -128,8 +128,8 @@ export function DocOptionsButton() {
   const id = unpackHmId(docId)
   const docUrl = id
     ? createHmId('d', id.eid, {
-      version: route.versionId,
-    })
+        version: route.versionId,
+      })
     : null
   menuItems.push(useFavoriteMenuItem(docUrl))
 
@@ -157,7 +157,7 @@ export function AccountOptionsButton() {
   const myAccount = useMyAccount()
   const spawn = useNavigate('spawn')
   const editProfileDialog = useEditProfileDialog()
-  const removeProfileDoc = useAppDialog(RemoveProfileDocDialog, { isAlert: true })
+  const removeProfileDoc = useAppDialog(RemoveProfileDocDialog, {isAlert: true})
   const isMyAccount = myAccount.data?.id === route.accountId
   if (isMyAccount) {
     menuItems.push({
@@ -204,7 +204,7 @@ export function AccountOptionsButton() {
         id: createHmId('a', route.accountId),
         title: account.data?.profile?.alias,
         onSuccess: () => {
-          dispatch({ type: 'pop' })
+          dispatch({type: 'pop'})
         },
       })
     },
@@ -241,7 +241,6 @@ function EditAccountButton() {
   )
 }
 
-
 export function useFullReferenceUrl(route: NavRoute): {
   label: string
   url: string
@@ -258,8 +257,7 @@ export function useFullReferenceUrl(route: NavRoute): {
     enabled: !!pubRoute?.documentId,
   })
   const gwUrl = useGatewayUrl()
-  const [copyDialogContent, onCopyPublic] =
-    useCopyGatewayReference()
+  const [copyDialogContent, onCopyPublic] = useCopyGatewayReference()
 
   if (pubRoute) {
     const docId = unpackHmId(pubRoute.documentId)
@@ -354,7 +352,7 @@ export function CopyReferenceButton() {
   const [shouldOpen, setShouldOpen] = useState(false)
   const route = useNavRoute()
   const reference = useFullReferenceUrl(route)
-  const { externalOpen } = useAppContext()
+  const {externalOpen} = useAppContext()
   if (!reference) return null
   return (
     <>
@@ -393,12 +391,15 @@ export function CopyReferenceButton() {
   )
 }
 
-function CreateDropdown({ }: {}) {
+function CreateDropdown({}: {}) {
   const openDraft = useOpenDraft('push')
   return (
-    <Button size="$2" icon={FilePlus2} onPress={() => {
-      openDraft()
-    }}
+    <Button
+      size="$2"
+      icon={FilePlus2}
+      onPress={() => {
+        openDraft()
+      }}
     >
       Create
     </Button>
@@ -445,7 +446,7 @@ export function NavigationButtons() {
         <XGroup.Item>
           <Button
             size="$2"
-            onPress={() => dispatch({ type: 'pop' })}
+            onPress={() => dispatch({type: 'pop'})}
             chromeless
             cursor={state.routeIndex <= 0 ? 'default' : 'pointer'}
             disabled={state.routeIndex <= 0}
@@ -456,7 +457,7 @@ export function NavigationButtons() {
         <XGroup.Item>
           <Button
             size="$2"
-            onPress={() => dispatch({ type: 'forward' })}
+            onPress={() => dispatch({type: 'forward'})}
             chromeless
             cursor={
               state.routeIndex >= state.routes.length - 1
@@ -473,7 +474,7 @@ export function NavigationButtons() {
   )
 }
 
-export function NavMenuButton({ left }: { left?: ReactNode }) {
+export function NavMenuButton({left}: {left?: ReactNode}) {
   const ctx = useSidebarContext()
   const isLocked = useStream(ctx.isLocked)
   const isHoverVisible = useStream(ctx.isHoverVisible)
diff --git a/frontend/apps/desktop/src/components/titlebar-title.tsx b/frontend/apps/desktop/src/components/titlebar-title.tsx
index 8685068d3..bf4182e7a 100644
--- a/frontend/apps/desktop/src/components/titlebar-title.tsx
+++ b/frontend/apps/desktop/src/components/titlebar-title.tsx
@@ -1,16 +1,11 @@
-import { useSizeObserver } from '@shm/desktop/src/components/app-embeds'
-import { useDraftTitle } from '@shm/desktop/src/models/documents'
-import { useEntitiesContent, useEntityRoutes } from '@shm/desktop/src/models/entities'
-import { usePublicationVariant } from '@shm/desktop/src/models/publication'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import {
-  AccountRoute,
-  DocumentRoute,
-  DraftRoute,
-  NavRoute
-} from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { getDocumentTitle } from '@shm/shared'
+import {useSizeObserver} from '@/components/app-embeds'
+import {useDraftTitle} from '@/models/documents'
+import {useEntitiesContent, useEntityRoutes} from '@/models/entities'
+import {usePublicationVariant} from '@/models/publication'
+import {useNavRoute} from '@/utils/navigation'
+import {AccountRoute, DocumentRoute, DraftRoute, NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
+import {getDocumentTitle} from '@shm/shared'
 import {
   Button,
   ButtonText,
@@ -23,15 +18,15 @@ import {
   TitleText,
   XStack,
   YStack,
-  styled
+  styled,
 } from '@shm/ui'
-import { Sparkles, Star } from '@tamagui/lucide-icons'
-import { useEffect, useMemo, useRef, useState } from 'react'
-import { AiOutlineEllipsis } from 'react-icons/ai'
-import { useFixedDraftTitle } from '../pages/draft'
-import { getItemDetails } from './sidebar-neo'
+import {Sparkles, Star} from '@tamagui/lucide-icons'
+import {useEffect, useMemo, useRef, useState} from 'react'
+import {AiOutlineEllipsis} from 'react-icons/ai'
+import {useFixedDraftTitle} from '../pages/draft'
+import {getItemDetails} from './sidebar-neo'
 
-export function TitleContent({ size = '$4' }: { size?: FontSizeTokens }) {
+export function TitleContent({size = '$4'}: {size?: FontSizeTokens}) {
   const route = useNavRoute()
 
   useEffect(() => {
@@ -71,9 +66,7 @@ export function TitleContent({ size = '$4' }: { size?: FontSizeTokens }) {
     return (
       <>
         <Sparkles size={12} />
-        <TitleText size={size}>
-          Explore
-        </TitleText>
+        <TitleText size={size}>Explore</TitleText>
       </>
     )
   }
@@ -86,10 +79,7 @@ export function TitleContent({ size = '$4' }: { size?: FontSizeTokens }) {
     )
   }
 
-  if (
-    route.key === 'account' ||
-    route.key === 'document'
-  ) {
+  if (route.key === 'account' || route.key === 'document') {
     return <BreadcrumbTitle route={route} />
   }
   if (route.key === 'draft') {
@@ -110,11 +100,7 @@ type CrumbDetails = {
   crumbKey: string
 }
 
-function BreadcrumbTitle({
-  route,
-}: {
-  route: DocumentRoute | AccountRoute
-}) {
+function BreadcrumbTitle({route}: {route: DocumentRoute | AccountRoute}) {
   const entityRoutes = useEntityRoutes(route)
   const entityContents = useEntitiesContent(entityRoutes)
   const [collapsedCount, setCollapsedCount] = useState(0)
@@ -189,9 +175,9 @@ function BreadcrumbTitle({
     let newCollapseCount = 0
     while (
       usableWidth +
-      fixedItemWidth +
-      (newCollapseCount ? spacerWidth + ellipsisWidth : 0) >
-      containerWidth &&
+        fixedItemWidth +
+        (newCollapseCount ? spacerWidth + ellipsisWidth : 0) >
+        containerWidth &&
       newCollapseCount < maxCollapseCount
     ) {
       usableWidth -= crumbWidths[1 + newCollapseCount] + spacerWidth
@@ -200,7 +186,7 @@ function BreadcrumbTitle({
     setCollapsedCount(newCollapseCount)
   }
 
-  const containerObserverRef = useSizeObserver(({ width }) => {
+  const containerObserverRef = useSizeObserver(({width}) => {
     widthInfo.current.container = width
     updateWidths()
   })
@@ -212,7 +198,7 @@ function BreadcrumbTitle({
     <BreadcrumbItem
       details={firstInactiveDetail}
       key={firstInactiveDetail.crumbKey}
-      onSize={({ width }: DOMRect) => {
+      onSize={({width}: DOMRect) => {
         if (width) {
           widthInfo.current[firstInactiveDetail.crumbKey] = width
           updateWidths()
@@ -229,7 +215,7 @@ function BreadcrumbTitle({
         <BreadcrumbItem
           key={details.crumbKey}
           details={details}
-          onSize={({ width }: DOMRect) => {
+          onSize={({width}: DOMRect) => {
             if (width) {
               widthInfo.current[details.crumbKey] = width
               updateWidths()
@@ -253,7 +239,7 @@ function BreadcrumbTitle({
       details={activeItem}
       key={activeItem.crumbKey}
       isActive
-      onSize={({ width }: DOMRect) => {
+      onSize={({width}: DOMRect) => {
         if (width) {
           widthInfo.current[activeItem.crumbKey] = width
           updateWidths()
@@ -383,7 +369,7 @@ export const TitleTextButton = styled(ButtonText, {
   },
 })
 
-export function Title({ size }: { size?: FontSizeTokens }) {
+export function Title({size}: {size?: FontSizeTokens}) {
   return (
     <XStack
       gap="$2"
diff --git a/frontend/apps/desktop/src/components/titlebar-windows-linux.tsx b/frontend/apps/desktop/src/components/titlebar-windows-linux.tsx
index b5ec650ed..2f6664191 100644
--- a/frontend/apps/desktop/src/components/titlebar-windows-linux.tsx
+++ b/frontend/apps/desktop/src/components/titlebar-windows-linux.tsx
@@ -1,4 +1,7 @@
-import { CloseButton, WindowsLinuxWindowControls } from '@shm/desktop/src/components/window-controls'
+import {
+  CloseButton,
+  WindowsLinuxWindowControls,
+} from '@/components/window-controls'
 import {
   TitleText,
   TitlebarRow,
@@ -6,20 +9,20 @@ import {
   TitlebarWrapper,
   XStack,
 } from '@shm/ui'
-import { TitleBarProps } from './titlebar'
+import {TitleBarProps} from './titlebar'
 import {
   NavMenuButton,
   NavigationButtons,
   PageActionButtons,
 } from './titlebar-common'
-import { Title } from './titlebar-title'
+import {Title} from './titlebar-title'
 import './titlebar-windows-linux.css'
-import { SystemMenu } from './windows-linux-titlebar'
+import {SystemMenu} from './windows-linux-titlebar'
 
 export default function TitleBarWindows(props: TitleBarProps) {
   if (props.clean) {
     return (
-      <TitlebarWrapper style={{ flex: 'none' }} className="window-drag">
+      <TitlebarWrapper style={{flex: 'none'}} className="window-drag">
         <TitlebarRow>
           <TitlebarSection f={1} paddingHorizontal="$4">
             <TitleText>{props.cleanTitle}</TitleText>
@@ -58,7 +61,7 @@ export function WindowsLinuxTitleBar({
   right?: React.ReactNode
 }) {
   return (
-    <TitlebarWrapper className="window-drag" style={{ flex: 'none' }}>
+    <TitlebarWrapper className="window-drag" style={{flex: 'none'}}>
       <TitlebarRow minHeight={28} backgroundColor="$color3">
         <TitlebarSection>
           <SystemMenu />
diff --git a/frontend/apps/desktop/src/components/titlebar.tsx b/frontend/apps/desktop/src/components/titlebar.tsx
index 25ba850ad..424df5427 100644
--- a/frontend/apps/desktop/src/components/titlebar.tsx
+++ b/frontend/apps/desktop/src/components/titlebar.tsx
@@ -1,6 +1,6 @@
-import { AppPlatform, useAppContext } from '@shm/desktop/src/app-context'
-import { TitlebarWrapper } from '@shm/ui'
-import { Suspense, lazy } from 'react'
+import {AppPlatform, useAppContext} from '@/app-context'
+import {TitlebarWrapper} from '@shm/ui'
+import {Suspense, lazy} from 'react'
 
 var TitleBarMacos = lazy(() => import('./titlebar-macos'))
 var TitleBarWindowsLinux = lazy(() => import('./titlebar-windows-linux'))
@@ -11,10 +11,10 @@ export interface TitleBarProps {
 }
 
 export function TitleBar(props: TitleBarProps) {
-  const { platform } = useAppContext()
+  const {platform} = useAppContext()
   let Component = getTitleBar(platform)
   return (
-    <Suspense fallback={<TitlebarWrapper style={{ flex: 'none' }} />}>
+    <Suspense fallback={<TitlebarWrapper style={{flex: 'none'}} />}>
       <Component {...props} />
     </Suspense>
   )
diff --git a/frontend/apps/desktop/src/components/variants.tsx b/frontend/apps/desktop/src/components/variants.tsx
index fc80dc634..ce83a713c 100644
--- a/frontend/apps/desktop/src/components/variants.tsx
+++ b/frontend/apps/desktop/src/components/variants.tsx
@@ -1,9 +1,7 @@
-import { useMyAccount } from '@shm/desktop/src/models/accounts'
-import { usePublicationVariant } from '@shm/desktop/src/models/publication'
-import {
-  useNavRoute
-} from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+import {useMyAccount} from '@/models/accounts'
+import {usePublicationVariant} from '@/models/publication'
+import {useNavRoute} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   API_FILE_URL,
   AuthorVariant,
@@ -12,9 +10,9 @@ import {
   UnpackedHypermediaId,
   createPublicWebHmUrl,
   formattedDateMedium,
-  unpackHmId
+  unpackHmId,
 } from '@shm/shared'
-import { AuthorVersion } from '@shm/shared/src/client/.generated/entities/v1alpha/entities_pb'
+import {AuthorVersion} from '@shm/shared/src/client/.generated/entities/v1alpha/entities_pb'
 import {
   Button,
   Check,
@@ -24,20 +22,19 @@ import {
   UIAvatar,
   View,
   XStack,
-  YStack
+  YStack,
 } from '@shm/ui'
-import { ArrowRight, Pencil } from '@tamagui/lucide-icons'
-import { ComponentProps, PropsWithChildren, useMemo } from 'react'
-import { useAccount } from '../models/accounts'
-import { useEntityTimeline } from '../models/changes'
-import { useGatewayUrl } from '../models/gateway-settings'
-import { DocumentRoute, NavRoute } from '../utils/routes'
+import {ArrowRight, Pencil} from '@tamagui/lucide-icons'
+import {ComponentProps, PropsWithChildren, useMemo} from 'react'
+import {useAccount} from '../models/accounts'
+import {useEntityTimeline} from '../models/changes'
+import {useGatewayUrl} from '../models/gateway-settings'
+import {DocumentRoute, NavRoute} from '../utils/routes'
 import CommitDraftButton from './commit-draft-button'
 import DiscardDraftButton from './discard-draft-button'
-import { EditDocButton, useEditDraft } from './edit-doc-button'
-
+import {EditDocButton, useEditDraft} from './edit-doc-button'
 
-export function ContextPopover({ ...props }) {
+export function ContextPopover({...props}) {
   return (
     <Popover
       size="$5"
@@ -78,8 +75,8 @@ export function ContextPopoverContent(props) {
       borderColor={'$borderColor'}
       backgroundColor={'$background'}
       elevation={'$2'}
-      enterStyle={{ y: -10, opacity: 0 }}
-      exitStyle={{ y: -10, opacity: 0 }}
+      enterStyle={{y: -10, opacity: 0}}
+      exitStyle={{y: -10, opacity: 0}}
       elevate
       animation={[
         'fast',
@@ -105,7 +102,7 @@ export function ContextPopoverArrow(props) {
   )
 }
 
-export function VersionContext({ route }: { route: NavRoute }) {
+export function VersionContext({route}: {route: NavRoute}) {
   let exactVersion: string | null = null
   let fullUrl: string | null = null
   const navigate = useNavigate()
@@ -119,7 +116,7 @@ export function VersionContext({ route }: { route: NavRoute }) {
     // version not specified, so we are fetching the latest
   })
   if (route.key === 'document') {
-    const { accessory, documentId, versionId, variants } = route
+    const {accessory, documentId, versionId, variants} = route
     unpackedId = unpackHmId(documentId)
     exactVersion = versionId || null
     if (
@@ -152,8 +149,9 @@ export function VersionContext({ route }: { route: NavRoute }) {
             <Tooltip
               content={`You are looking at an older version of this ${HYPERMEDIA_ENTITY_TYPES[
                 unpackedId.type
-              ].toLowerCase()}. Click to go to the latest ${unpackedId.type === 'd' ? 'in this variant' : 'version'
-                }.`}
+              ].toLowerCase()}. Click to go to the latest ${
+                unpackedId.type === 'd' ? 'in this variant' : 'version'
+              }.`}
             >
               <Button
                 size="$2"
@@ -173,20 +171,21 @@ export function VersionContext({ route }: { route: NavRoute }) {
   )
 }
 
-export function PublicationVariants({ route }: { route: DocumentRoute }) {
+export function PublicationVariants({route}: {route: DocumentRoute}) {
   const publication = usePublicationVariant({
     documentId: route.documentId,
     versionId: route.versionId,
     variants: route.variants,
   })
-  const { variants } = route
+  const {variants} = route
   const authorVariants = variants?.filter(
     (variant) => variant.key === 'author',
   ) as AuthorVariant[] | undefined
   const pubOwner = publication.data?.publication?.document?.author
-  const realAuthorVariants: AuthorVariant[] | undefined = (authorVariants && authorVariants.length) || !pubOwner
-    ? authorVariants
-    : [{ key: 'author', author: pubOwner }]
+  const realAuthorVariants: AuthorVariant[] | undefined =
+    (authorVariants && authorVariants.length) || !pubOwner
+      ? authorVariants
+      : [{key: 'author', author: pubOwner}]
 
   const myAccount = useMyAccount()
   const isAuthorVariantEditable =
@@ -199,7 +198,6 @@ export function PublicationVariants({ route }: { route: DocumentRoute }) {
   const showEditButton = isAuthorVariantEditable
   return (
     <>
-
       {showEditButton && (
         <EditDocButton
           key="editActions"
@@ -387,7 +385,7 @@ function AuthorVariants({
   const myVersion = timeline.data?.authorVersions.find(
     (authorVersion) => authorVersion.author === myAccount.data?.id,
   )
-  const { handleEdit, hasExistingDraft } = useEditDraft(route.documentId, {
+  const {handleEdit, hasExistingDraft} = useEditDraft(route.documentId, {
     version: publication?.version,
     contextRoute: route,
     variants: undefined, // this will result in author variant
@@ -453,7 +451,7 @@ function TabsView({
   value,
   onValue,
 }: {
-  tabs: { key: string; label: string; element: React.ReactNode }[]
+  tabs: {key: string; label: string; element: React.ReactNode}[]
   value: string
   onValue: (tabKey: string) => void
 }) {
@@ -487,7 +485,7 @@ function TabsView({
   )
 }
 
-export function PageContextButton({ }: {}) {
+export function PageContextButton({}: {}) {
   const route = useNavRoute()
   if (route.key === 'document') {
     return <PublicationVariants route={route} />
@@ -495,7 +493,6 @@ export function PageContextButton({ }: {}) {
   return null
 }
 
-
 export function DraftPublicationButtons() {
   return (
     <>
diff --git a/frontend/apps/desktop/src/components/window-controls.tsx b/frontend/apps/desktop/src/components/window-controls.tsx
index 202eba9d1..01a668b97 100644
--- a/frontend/apps/desktop/src/components/window-controls.tsx
+++ b/frontend/apps/desktop/src/components/window-controls.tsx
@@ -1,8 +1,8 @@
-import { useWindowUtils } from '@shm/desktop/src/app-context'
-import { Button, Close, XStack, useTheme } from '@shm/ui'
+import {useWindowUtils} from '@/app-context'
+import {Button, Close, XStack, useTheme} from '@shm/ui'
 
 export function CloseButton() {
-  const { close } = useWindowUtils()
+  const {close} = useWindowUtils()
   return (
     <ButtonWrapper
       aria-label="close"
@@ -15,7 +15,7 @@ export function CloseButton() {
 }
 
 export function MaximizeOrRestoreButton() {
-  const { isMaximized, maximize, unmaximize } = useWindowUtils()
+  const {isMaximized, maximize, unmaximize} = useWindowUtils()
   const theme = useTheme()
 
   if (isMaximized === undefined) return null
@@ -64,7 +64,7 @@ export function MaximizeOrRestoreButton() {
 }
 
 export function MinimizeButton() {
-  const { minimize } = useWindowUtils()
+  const {minimize} = useWindowUtils()
   const theme = useTheme()
 
   return (
diff --git a/frontend/apps/desktop/src/components/windows-linux-titlebar.tsx b/frontend/apps/desktop/src/components/windows-linux-titlebar.tsx
index 306793a6a..5e00044e2 100644
--- a/frontend/apps/desktop/src/components/windows-linux-titlebar.tsx
+++ b/frontend/apps/desktop/src/components/windows-linux-titlebar.tsx
@@ -1,10 +1,10 @@
-import { useIPC, useWindowUtils } from '@shm/desktop/src/app-context'
-import { WindowsLinuxWindowControls } from '@shm/desktop/src/components/window-controls'
-import { useNavRoute, useNavigationDispatch } from '@shm/desktop/src/utils/navigation'
-import { useOpenDraft } from '@shm/desktop/src/utils/open-draft'
-import { defaultRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { useTriggerWindowEvent } from '@shm/desktop/src/utils/window-events'
+import {useIPC, useWindowUtils} from '@/app-context'
+import {WindowsLinuxWindowControls} from '@/components/window-controls'
+import {useNavRoute, useNavigationDispatch} from '@/utils/navigation'
+import {useOpenDraft} from '@/utils/open-draft'
+import {defaultRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
+import {useTriggerWindowEvent} from '@/utils/window-events'
 import {
   AddSquare,
   Button,
@@ -27,8 +27,8 @@ import {
   XStack,
   YGroup,
 } from '@shm/ui'
-import { Contact, FileText, Library } from '@tamagui/lucide-icons'
-import { useMemo } from 'react'
+import {Contact, FileText, Library} from '@tamagui/lucide-icons'
+import {useMemo} from 'react'
 
 export function WindowsLinuxTitleBar({
   left,
@@ -40,7 +40,7 @@ export function WindowsLinuxTitleBar({
   right?: React.ReactNode
 }) {
   return (
-    <TitlebarWrapper className="window-drag" style={{ flex: 'none' }}>
+    <TitlebarWrapper className="window-drag" style={{flex: 'none'}}>
       <TitlebarRow minHeight={28} backgroundColor="$color3">
         <TitlebarSection>
           <SystemMenu />
@@ -88,13 +88,13 @@ export function WindowsLinuxTitleBar({
 
 export function SystemMenu() {
   const createDraft = useOpenDraft('spawn')
-  const { hide, close, quit } = useWindowUtils()
+  const {hide, close, quit} = useWindowUtils()
   const spawn = useNavigate('spawn')
   const push = useNavigate('push')
   const navDispatch = useNavigationDispatch()
   const route = useNavRoute()
   const triggerFocusedWindow = useTriggerWindowEvent()
-  const { invoke } = useIPC()
+  const {invoke} = useIPC()
   const menuItems: Array<MenuItemElement> = useMemo(
     () => [
       {
@@ -105,7 +105,7 @@ export function SystemMenu() {
             id: 'preferences',
             title: 'Preferences...',
             accelerator: 'Ctrl+,',
-            onSelect: () => spawn({ key: 'settings' }),
+            onSelect: () => spawn({key: 'settings'}),
             icon: Settings,
           },
           {
@@ -199,19 +199,19 @@ export function SystemMenu() {
             id: 'back',
             title: 'Back',
             accelerator: 'Ctrl+◀︎',
-            onSelect: () => navDispatch({ type: 'pop' }),
+            onSelect: () => navDispatch({type: 'pop'}),
           },
           {
             id: 'forward',
             title: 'Forward',
             accelerator: 'Ctrl+▶︎',
-            onSelect: () => navDispatch({ type: 'forward' }),
+            onSelect: () => navDispatch({type: 'forward'}),
           },
           {
             id: 'documents',
             title: 'Documents',
             accelerator: 'Ctrl+1',
-            onSelect: () => push({ key: 'documents' }),
+            onSelect: () => push({key: 'documents'}),
             icon: FileText,
             disabled: route.key == 'documents',
           },
@@ -219,7 +219,7 @@ export function SystemMenu() {
             id: 'groups',
             title: 'Groups',
             accelerator: 'Ctrl+3',
-            onSelect: () => push({ key: 'groups' }),
+            onSelect: () => push({key: 'groups'}),
             icon: Library,
             disabled: route.key == 'groups',
           },
@@ -227,7 +227,7 @@ export function SystemMenu() {
             id: 'drafts',
             title: 'Drafts',
             accelerator: 'Ctrl+8',
-            onSelect: () => push({ key: 'documents', tab: 'drafts' }),
+            onSelect: () => push({key: 'documents', tab: 'drafts'}),
             icon: Draft,
             disabled: route.key == 'documents' && route.tab === 'drafts',
           },
@@ -235,7 +235,7 @@ export function SystemMenu() {
             id: 'contacts',
             title: 'Contacts',
             accelerator: 'Ctrl+9',
-            onSelect: () => push({ key: 'contacts' }),
+            onSelect: () => push({key: 'contacts'}),
             icon: Contact,
             disabled: route.key == 'contacts',
           },
@@ -288,8 +288,8 @@ export function SystemMenu() {
             className="no-window-drag"
             padding={0}
             elevation="$2"
-            enterStyle={{ y: -10, opacity: 0 }}
-            exitStyle={{ y: -10, opacity: 0 }}
+            enterStyle={{y: -10, opacity: 0}}
+            exitStyle={{y: -10, opacity: 0}}
             elevate
             animation={[
               'fast',
diff --git a/frontend/apps/desktop/src/editor/blocknote/core/BlockNoteExtensions.ts b/frontend/apps/desktop/src/editor/blocknote/core/BlockNoteExtensions.ts
index 729a9738f..4316e4529 100644
--- a/frontend/apps/desktop/src/editor/blocknote/core/BlockNoteExtensions.ts
+++ b/frontend/apps/desktop/src/editor/blocknote/core/BlockNoteExtensions.ts
@@ -3,7 +3,7 @@ import {HMBlockSchema} from '../../schema'
 
 import {BlockNoteEditor} from './BlockNoteEditor'
 
-import {LocalMediaPastePlugin} from '@shm/desktop/src/editor/handle-local-media-paste-plugin'
+import {LocalMediaPastePlugin} from '@/editor/handle-local-media-paste-plugin'
 import {Bold} from '@tiptap/extension-bold'
 import {Code} from '@tiptap/extension-code'
 import Collaboration from '@tiptap/extension-collaboration'
diff --git a/frontend/apps/desktop/src/editor/blocknote/core/extensions/LinkMenu/defaultLinkMenuItems.tsx b/frontend/apps/desktop/src/editor/blocknote/core/extensions/LinkMenu/defaultLinkMenuItems.tsx
index f5bc91399..ff606510b 100644
--- a/frontend/apps/desktop/src/editor/blocknote/core/extensions/LinkMenu/defaultLinkMenuItems.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/core/extensions/LinkMenu/defaultLinkMenuItems.tsx
@@ -1,4 +1,4 @@
-import { youtubeParser } from '@shm/desktop/src/editor/utils'
+import {youtubeParser} from '@/editor/utils'
 import {
   HYPERMEDIA_ENTITY_TYPES,
   StateStream,
@@ -7,11 +7,11 @@ import {
   isPublicGatewayLink,
   normalizeHmId,
 } from '@shm/shared'
-import { Globe, Link, Spinner, SquareAsterisk, TwitterXIcon } from '@shm/ui'
-import { Node } from '@tiptap/pm/model'
-import { BlockNoteEditor } from '../../BlockNoteEditor'
-import { getBlockInfoFromPos } from '../Blocks/helpers/getBlockInfoFromPos'
-import { LinkMenuItem } from './LinkMenuItem'
+import {Globe, Link, Spinner, SquareAsterisk, TwitterXIcon} from '@shm/ui'
+import {Node} from '@tiptap/pm/model'
+import {BlockNoteEditor} from '../../BlockNoteEditor'
+import {getBlockInfoFromPos} from '../Blocks/helpers/getBlockInfoFromPos'
+import {LinkMenuItem} from './LinkMenuItem'
 
 export function getLinkMenuItems({
   isLoading,
@@ -39,8 +39,8 @@ export function getLinkMenuItems({
         disabled: false,
         icon: <Globe size={18} />,
         execute: (editor: BlockNoteEditor, ref: string) => {
-          const { state, schema, view } = editor._tiptapEditor
-          const { selection } = state
+          const {state, schema, view} = editor._tiptapEditor
+          const {selection} = state
           const pos = selection.from - docTitle!.length
           view.dispatch(
             view.state.tr
@@ -65,7 +65,7 @@ export function getLinkMenuItems({
       name: 'Checking link...',
       icon: <Spinner size="small" />,
       disabled: true,
-      execute: (editor, ref) => { },
+      execute: (editor, ref) => {},
     }
 
     linkMenuItems = [loadingItem, ...linkMenuItems]
@@ -76,10 +76,11 @@ export function getLinkMenuItems({
 
         linkMenuItems = [
           {
-            name: `Insert Card of ${docTitle
+            name: `Insert Card of ${
+              docTitle
                 ? '"' + docTitle + '"'
                 : HYPERMEDIA_ENTITY_TYPES[hmId.type]
-              }`,
+            }`,
             disabled: false,
             icon: <SquareAsterisk size={18} />,
             execute: (editor: BlockNoteEditor, ref: string) => {
@@ -88,8 +89,8 @@ export function getLinkMenuItems({
                 if (!hmId) return
                 ref = hmId
               }
-              const { state, schema } = editor._tiptapEditor
-              const { selection } = state
+              const {state, schema} = editor._tiptapEditor
+              const {selection} = state
               if (!selection.empty) return
               const node = schema.nodes.embed.create(
                 {
@@ -109,10 +110,11 @@ export function getLinkMenuItems({
       if (hmId.type) {
         linkMenuItems = [
           {
-            name: `Embed ${HYPERMEDIA_ENTITY_TYPES[hmId.type]} ${docTitle
+            name: `Embed ${HYPERMEDIA_ENTITY_TYPES[hmId.type]} ${
+              docTitle
                 ? '"' + docTitle + '"'
                 : HYPERMEDIA_ENTITY_TYPES[hmId.type]
-              }`,
+            }`,
             disabled: false,
             icon: <SquareAsterisk size={18} />,
             execute: (editor: BlockNoteEditor, ref: string) => {
@@ -121,8 +123,8 @@ export function getLinkMenuItems({
                 if (!hmId) return
                 ref = hmId
               }
-              const { state, schema } = editor._tiptapEditor
-              const { selection } = state
+              const {state, schema} = editor._tiptapEditor
+              const {selection} = state
               if (!selection.empty) return
               const node = schema.nodes.embed.create(
                 {
@@ -159,8 +161,8 @@ export function getLinkMenuItems({
                 if (!hmId) return
                 ref = hmId
               }
-              const { state, schema } = editor._tiptapEditor
-              const { selection } = state
+              const {state, schema} = editor._tiptapEditor
+              const {selection} = state
               if (!selection.empty) return
               const node = schema.nodes['inline-embed'].create(
                 {
@@ -177,18 +179,19 @@ export function getLinkMenuItems({
       }
     } else if (media) {
       const mediaItem = {
-        name: `Convert to ${media === 'twitter'
+        name: `Convert to ${
+          media === 'twitter'
             ? 'X Post embed'
             : media.charAt(0).toUpperCase() + media.slice(1)
-          }`,
+        }`,
         disabled: false,
         icon:
           media === 'twitter' ? (
             <TwitterXIcon width={18} height={18} />
           ) : undefined,
         execute: (editor: BlockNoteEditor, ref: string) => {
-          const { state, schema } = editor._tiptapEditor
-          const { selection } = state
+          const {state, schema} = editor._tiptapEditor
+          const {selection} = state
           if (!selection.empty) return
           let embedUrl = ''
           if (media === 'video') {
@@ -211,13 +214,13 @@ export function getLinkMenuItems({
           const node =
             media !== 'twitter'
               ? schema.nodes[media].create({
-                url: embedUrl ? embedUrl : '',
-                src: embedUrl ? '' : ref,
-                name: fileName ? fileName : '',
-              })
+                  url: embedUrl ? embedUrl : '',
+                  src: embedUrl ? '' : ref,
+                  name: fileName ? fileName : '',
+                })
               : schema.nodes['web-embed'].create({
-                url: ref,
-              })
+                  url: ref,
+                })
 
           insertNode(editor, sourceUrl ? sourceUrl : ref, node)
         },
@@ -231,9 +234,9 @@ export function getLinkMenuItems({
 }
 
 function insertNode(editor: BlockNoteEditor, ref: string, node: Node) {
-  const { state, schema, view } = editor._tiptapEditor
-  const { doc, selection } = state
-  const { $from } = selection
+  const {state, schema, view} = editor._tiptapEditor
+  const {doc, selection} = state
+  const {$from} = selection
   const block = getBlockInfoFromPos(doc, selection.$anchor.pos)
   let tr = state.tr
 
@@ -281,9 +284,9 @@ function insertMentionNode(
   title: string,
   node: Node,
 ) {
-  const { state, schema, view } = editor._tiptapEditor
-  const { doc, selection } = state
-  const { $from } = selection
+  const {state, schema, view} = editor._tiptapEditor
+  const {doc, selection} = state
+  const {$from} = selection
   const block = getBlockInfoFromPos(doc, selection.$anchor.pos)
   let tr = state.tr
 
@@ -327,8 +330,8 @@ function insertMentionNode(
 }
 
 function findClosestLinkRangeBefore(state) {
-  const { doc, selection } = state
-  const { from } = selection
+  const {doc, selection} = state
+  const {from} = selection
   let closestLinkRange = null
 
   // Iterate over the nodes in reverse order from the current selection position
@@ -344,7 +347,7 @@ function findClosestLinkRangeBefore(state) {
         !closestLinkRange ||
         Math.abs(linkStart - from) < Math.abs(closestLinkRange.from - from)
       ) {
-        closestLinkRange = { from: linkStart, to: linkEnd }
+        closestLinkRange = {from: linkStart, to: linkEnd}
       }
     }
   })
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteTheme.ts b/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteTheme.ts
index cc2a42165..382a876aa 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteTheme.ts
+++ b/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteTheme.ts
@@ -1,5 +1,5 @@
+import {bnBlockStyles} from '@/editor/blocknote/core'
 import {CSSObject, MantineThemeOverride} from '@mantine/core'
-import {bnBlockStyles} from '@shm/desktop/src/editor/blocknote/core'
 import _ from 'lodash'
 
 export type CombinedColor = {
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteView.tsx b/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteView.tsx
index 38365ed68..c5d30acbd 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteView.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/BlockNoteView.tsx
@@ -1,19 +1,19 @@
-import { MantineProvider, createStyles } from '@mantine/core'
 import {
   BlockNoteEditor,
   BlockSchema,
   mergeCSSClasses,
-} from '@shm/desktop/src/editor/blocknote/core'
-import { EditorContent } from '@tiptap/react'
-import { HTMLAttributes, ReactNode, useMemo } from 'react'
-import { usePrefersColorScheme } from 'use-prefers-color-scheme'
-import { Theme, blockNoteToMantineTheme } from './BlockNoteTheme'
-import { darkDefaultTheme, lightDefaultTheme } from './defaultThemes'
-import { FormattingToolbarPositioner } from './FormattingToolbar/components/FormattingToolbarPositioner'
-import { HyperlinkToolbarPositioner } from './HyperlinkToolbar/components/HyperlinkToolbarPositioner'
-import { LinkMenuPositioner } from './LinkMenu/components/LinkMenuPositioner'
-import { SideMenuPositioner } from './SideMenu/components/SideMenuPositioner'
-import { SlashMenuPositioner } from './SlashMenu/components/SlashMenuPositioner'
+} from '@/editor/blocknote/core'
+import {MantineProvider, createStyles} from '@mantine/core'
+import {EditorContent} from '@tiptap/react'
+import {HTMLAttributes, ReactNode, useMemo} from 'react'
+import {usePrefersColorScheme} from 'use-prefers-color-scheme'
+import {Theme, blockNoteToMantineTheme} from './BlockNoteTheme'
+import {darkDefaultTheme, lightDefaultTheme} from './defaultThemes'
+import {FormattingToolbarPositioner} from './FormattingToolbar/components/FormattingToolbarPositioner'
+import {HyperlinkToolbarPositioner} from './HyperlinkToolbar/components/HyperlinkToolbarPositioner'
+import {LinkMenuPositioner} from './LinkMenu/components/LinkMenuPositioner'
+import {SideMenuPositioner} from './SideMenu/components/SideMenuPositioner'
+import {SlashMenuPositioner} from './SlashMenu/components/SlashMenuPositioner'
 
 // Renders the editor as well as all menus & toolbars using default styles.
 function BaseBlockNoteView<BSchema extends BlockSchema>(
@@ -22,11 +22,11 @@ function BaseBlockNoteView<BSchema extends BlockSchema>(
     children?: ReactNode
   } & HTMLAttributes<HTMLDivElement>,
 ) {
-  const { classes } = createStyles({ root: {} })(undefined, {
+  const {classes} = createStyles({root: {}})(undefined, {
     name: 'Editor',
   })
 
-  const { editor, children, className, ...rest } = props
+  const {editor, children, className, ...rest} = props
 
   return (
     <EditorContent
@@ -51,17 +51,17 @@ export function BlockNoteView<BSchema extends BlockSchema>(
   props: {
     editor: BlockNoteEditor<BSchema>
     theme?:
-    | 'light'
-    | 'dark'
-    | Theme
-    | {
-      light: Theme
-      dark: Theme
-    }
+      | 'light'
+      | 'dark'
+      | Theme
+      | {
+          light: Theme
+          dark: Theme
+        }
     children?: ReactNode
   } & HTMLAttributes<HTMLDivElement>,
 ) {
-  const { theme = { light: lightDefaultTheme, dark: darkDefaultTheme }, ...rest } =
+  const {theme = {light: lightDefaultTheme, dark: darkDefaultTheme}, ...rest} =
     props
 
   const preferredTheme = usePrefersColorScheme()
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ColorStyleButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ColorStyleButton.tsx
index 5447eb2fa..f4f47dd10 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ColorStyleButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ColorStyleButton.tsx
@@ -1,11 +1,11 @@
-import { Menu } from '@mantine/core'
-import { BlockNoteEditor, BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { useCallback, useState } from 'react'
-import { ColorIcon } from '../../../SharedComponents/ColorPicker/components/ColorIcon'
-import { ColorPicker } from '../../../SharedComponents/ColorPicker/components/ColorPicker'
-import { ToolbarButton } from '../../../SharedComponents/Toolbar/components/ToolbarButton'
-import { useEditorContentChange } from '../../../hooks/useEditorContentChange'
-import { useEditorSelectionChange } from '../../../hooks/useEditorSelectionChange'
+import {BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
+import {Menu} from '@mantine/core'
+import {useCallback, useState} from 'react'
+import {ColorIcon} from '../../../SharedComponents/ColorPicker/components/ColorIcon'
+import {ColorPicker} from '../../../SharedComponents/ColorPicker/components/ColorPicker'
+import {ToolbarButton} from '../../../SharedComponents/Toolbar/components/ToolbarButton'
+import {useEditorContentChange} from '../../../hooks/useEditorContentChange'
+import {useEditorSelectionChange} from '../../../hooks/useEditorSelectionChange'
 
 export const ColorStyleButton = <BSchema extends BlockSchema>(props: {
   editor: BlockNoteEditor<BSchema>
@@ -35,8 +35,8 @@ export const ColorStyleButton = <BSchema extends BlockSchema>(props: {
     (color: string) => {
       props.editor.focus()
       color === 'default'
-        ? props.editor.removeStyles({ textColor: color })
-        : props.editor.addStyles({ textColor: color })
+        ? props.editor.removeStyles({textColor: color})
+        : props.editor.addStyles({textColor: color})
     },
     [props.editor],
   )
@@ -45,8 +45,8 @@ export const ColorStyleButton = <BSchema extends BlockSchema>(props: {
     (color: string) => {
       props.editor.focus()
       color === 'default'
-        ? props.editor.removeStyles({ backgroundColor: color })
-        : props.editor.addStyles({ backgroundColor: color })
+        ? props.editor.removeStyles({backgroundColor: color})
+        : props.editor.addStyles({backgroundColor: color})
     },
     [props.editor],
   )
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/CreateLinkButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/CreateLinkButton.tsx
index c7eae9919..8de9c4c28 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/CreateLinkButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/CreateLinkButton.tsx
@@ -1,7 +1,7 @@
-import { BlockNoteEditor, BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { useCallback, useState } from 'react'
-import { RiLink } from 'react-icons/ri'
-import { useEditorSelectionChange } from '../../../hooks/useEditorSelectionChange'
+import {BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
+import {useCallback, useState} from 'react'
+import {RiLink} from 'react-icons/ri'
+import {useEditorSelectionChange} from '../../../hooks/useEditorSelectionChange'
 import LinkToolbarButton from '../LinkToolbarButton'
 
 export const CreateLinkButton = <BSchema extends BlockSchema>(props: {
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/NestBlockButtons.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/NestBlockButtons.tsx
index fa7976660..a849490a6 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/NestBlockButtons.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/NestBlockButtons.tsx
@@ -1,10 +1,10 @@
-import { BlockNoteEditor, BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { useCallback, useState } from 'react'
-import { RiIndentDecrease, RiIndentIncrease } from 'react-icons/ri'
-import { ToolbarButton } from '../../../SharedComponents/Toolbar/components/ToolbarButton'
-import { useEditorContentChange } from '../../../hooks/useEditorContentChange'
-import { useEditorSelectionChange } from '../../../hooks/useEditorSelectionChange'
-import { formatKeyboardShortcut } from '../../../utils'
+import {BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
+import {useCallback, useState} from 'react'
+import {RiIndentDecrease, RiIndentIncrease} from 'react-icons/ri'
+import {ToolbarButton} from '../../../SharedComponents/Toolbar/components/ToolbarButton'
+import {useEditorContentChange} from '../../../hooks/useEditorContentChange'
+import {useEditorSelectionChange} from '../../../hooks/useEditorSelectionChange'
+import {formatKeyboardShortcut} from '../../../utils'
 
 export const NestBlockButton = <BSchema extends BlockSchema>(props: {
   editor: BlockNoteEditor<BSchema>
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/TextAlignButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/TextAlignButton.tsx
index 9c0a5c92b..9b6d81996 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/TextAlignButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/TextAlignButton.tsx
@@ -3,18 +3,18 @@ import {
   BlockSchema,
   DefaultProps,
   PartialBlock,
-} from '@shm/desktop/src/editor/blocknote/core'
-import { useCallback, useMemo, useState } from 'react'
-import { IconType } from 'react-icons'
+} from '@/editor/blocknote/core'
+import {useCallback, useMemo, useState} from 'react'
+import {IconType} from 'react-icons'
 import {
   RiAlignCenter,
   RiAlignJustify,
   RiAlignLeft,
   RiAlignRight,
 } from 'react-icons/ri'
-import { ToolbarButton } from '../../../SharedComponents/Toolbar/components/ToolbarButton'
-import { useEditorContentChange } from '../../../hooks/useEditorContentChange'
-import { useEditorSelectionChange } from '../../../hooks/useEditorSelectionChange'
+import {ToolbarButton} from '../../../SharedComponents/Toolbar/components/ToolbarButton'
+import {useEditorContentChange} from '../../../hooks/useEditorContentChange'
+import {useEditorSelectionChange} from '../../../hooks/useEditorSelectionChange'
 
 type TextAlignment = DefaultProps['textAlignment']['values'][number]
 
@@ -84,14 +84,14 @@ export const TextAlignButton = <BSchema extends BlockSchema>(props: {
       if (selection) {
         for (const block of selection.blocks) {
           props.editor.updateBlock(block, {
-            props: { textAlignment: textAlignment },
+            props: {textAlignment: textAlignment},
           } as PartialBlock<BSchema>)
         }
       } else {
         const block = props.editor.getTextCursorPosition().block
 
         props.editor.updateBlock(block, {
-          props: { textAlignment: textAlignment },
+          props: {textAlignment: textAlignment},
         } as PartialBlock<BSchema>)
       }
     },
@@ -110,8 +110,8 @@ export const TextAlignButton = <BSchema extends BlockSchema>(props: {
         props.textAlignment === 'justify'
           ? 'Justify Text'
           : 'Align Text ' +
-          props.textAlignment.slice(0, 1).toUpperCase() +
-          props.textAlignment.slice(1)
+            props.textAlignment.slice(0, 1).toUpperCase() +
+            props.textAlignment.slice(1)
       }
       icon={icons[props.textAlignment]}
     />
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ToggledStyleButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ToggledStyleButton.tsx
index 411a1c91f..b1d327232 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ToggledStyleButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultButtons/ToggledStyleButton.tsx
@@ -2,9 +2,9 @@ import {
   BlockNoteEditor,
   BlockSchema,
   ToggledStyle,
-} from '@shm/desktop/src/editor/blocknote/core'
-import { useState } from 'react'
-import { IconType } from 'react-icons'
+} from '@/editor/blocknote/core'
+import {useState} from 'react'
+import {IconType} from 'react-icons'
 import {
   RiBold,
   RiCodeFill,
@@ -12,10 +12,10 @@ import {
   RiStrikethrough,
   RiUnderline,
 } from 'react-icons/ri'
-import { ToolbarButton } from '../../../SharedComponents/Toolbar/components/ToolbarButton'
-import { useEditorContentChange } from '../../../hooks/useEditorContentChange'
-import { useEditorSelectionChange } from '../../../hooks/useEditorSelectionChange'
-import { formatKeyboardShortcut } from '../../../utils'
+import {ToolbarButton} from '../../../SharedComponents/Toolbar/components/ToolbarButton'
+import {useEditorContentChange} from '../../../hooks/useEditorContentChange'
+import {useEditorSelectionChange} from '../../../hooks/useEditorSelectionChange'
+import {formatKeyboardShortcut} from '../../../utils'
 
 const shortcuts: Record<ToggledStyle, string> = {
   bold: 'Mod+B',
@@ -54,7 +54,7 @@ export const ToggledStyleButton = <BSchema extends BlockSchema>(props: {
 
   const toggleStyle = (style: ToggledStyle) => {
     props.editor.focus()
-    props.editor.toggleStyles({ [style]: true })
+    props.editor.toggleStyles({[style]: true})
   }
 
   return (
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultDropdowns/BlockTypeDropdown.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultDropdowns/BlockTypeDropdown.tsx
index fa4da54e3..ef5e24f4f 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultDropdowns/BlockTypeDropdown.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultDropdowns/BlockTypeDropdown.tsx
@@ -1,12 +1,12 @@
-import { updateGroup } from '@shm/desktop/src/editor/block-utils'
-import { BlockNoteEditor, BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { useMemo, useState } from 'react'
-import { IconType } from 'react-icons'
-import { RiH2, RiListOrdered, RiListUnordered, RiText } from 'react-icons/ri'
-import { ToolbarDropdown } from '../../../SharedComponents/Toolbar/components/ToolbarDropdown'
-import { ToolbarDropdownItemProps } from '../../../SharedComponents/Toolbar/components/ToolbarDropdownItem'
-import { useEditorContentChange } from '../../../hooks/useEditorContentChange'
-import { useEditorSelectionChange } from '../../../hooks/useEditorSelectionChange'
+import {updateGroup} from '@/editor/block-utils'
+import {BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
+import {useMemo, useState} from 'react'
+import {IconType} from 'react-icons'
+import {RiH2, RiListOrdered, RiListUnordered, RiText} from 'react-icons/ri'
+import {ToolbarDropdown} from '../../../SharedComponents/Toolbar/components/ToolbarDropdown'
+import {ToolbarDropdownItemProps} from '../../../SharedComponents/Toolbar/components/ToolbarDropdownItem'
+import {useEditorContentChange} from '../../../hooks/useEditorContentChange'
+import {useEditorSelectionChange} from '../../../hooks/useEditorSelectionChange'
 
 export type BlockTypeDropdownItem = {
   name: string
@@ -24,7 +24,7 @@ export const defaultBlockTypeDropdownItems: BlockTypeDropdownItem[] = [
   {
     name: 'Heading',
     type: 'heading',
-    props: { level: '2' },
+    props: {level: '2'},
     icon: RiH2,
   },
   // {
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultFormattingToolbar.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultFormattingToolbar.tsx
index 4521b2162..f1f94277b 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultFormattingToolbar.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/DefaultFormattingToolbar.tsx
@@ -1,15 +1,15 @@
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
+import {BlockSchema} from '@/editor/blocknote/core'
 
-import { Toolbar } from '../../SharedComponents/Toolbar/components/Toolbar'
-import { ToggledStyleButton } from './DefaultButtons/ToggledStyleButton'
+import {Toolbar} from '../../SharedComponents/Toolbar/components/Toolbar'
+import {ToggledStyleButton} from './DefaultButtons/ToggledStyleButton'
 import {
   BlockTypeDropdown,
   BlockTypeDropdownItem,
 } from './DefaultDropdowns/BlockTypeDropdown'
-import { FormattingToolbarProps } from './FormattingToolbarPositioner'
+import {FormattingToolbarProps} from './FormattingToolbarPositioner'
 // import {TextAlignButton} from './DefaultButtons/TextAlignButton'
 // import {ColorStyleButton} from './DefaultButtons/ColorStyleButton'
-import { CreateLinkButton } from './DefaultButtons/CreateLinkButton'
+import {CreateLinkButton} from './DefaultButtons/CreateLinkButton'
 import {
   NestBlockButton,
   UnnestBlockButton,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/FormattingToolbarPositioner.tsx b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/FormattingToolbarPositioner.tsx
index d1dfa5bba..dfacfdccd 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/FormattingToolbarPositioner.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/FormattingToolbar/components/FormattingToolbarPositioner.tsx
@@ -2,12 +2,12 @@ import {
   BlockNoteEditor,
   BlockSchema,
   DefaultBlockSchema,
-} from '@shm/desktop/src/editor/blocknote/core'
+} from '@/editor/blocknote/core'
 import Tippy from '@tippyjs/react'
-import { FC, useEffect, useMemo, useRef, useState } from 'react'
-import { sticky } from 'tippy.js'
+import {FC, useEffect, useMemo, useRef, useState} from 'react'
+import {sticky} from 'tippy.js'
 
-import { DefaultFormattingToolbar } from './DefaultFormattingToolbar'
+import {DefaultFormattingToolbar} from './DefaultFormattingToolbar'
 
 export type FormattingToolbarProps<
   BSchema extends BlockSchema = DefaultBlockSchema,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/HyperlinkToolbar/components/HyperlinkToolbarPositioner.tsx b/frontend/apps/desktop/src/editor/blocknote/react/HyperlinkToolbar/components/HyperlinkToolbarPositioner.tsx
index 064af7562..b2e879e41 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/HyperlinkToolbar/components/HyperlinkToolbarPositioner.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/HyperlinkToolbar/components/HyperlinkToolbarPositioner.tsx
@@ -5,12 +5,12 @@ import {
   DefaultBlockSchema,
   HyperlinkToolbarProsemirrorPlugin,
   HyperlinkToolbarState,
-} from '@shm/desktop/src/editor/blocknote/core'
+} from '@/editor/blocknote/core'
 import Tippy from '@tippyjs/react'
-import { FC, useEffect, useMemo, useRef, useState } from 'react'
+import {FC, useEffect, useMemo, useRef, useState} from 'react'
 
-import { HMBlockSchema } from '@shm/desktop/src/editor/schema'
-import { DefaultHyperlinkToolbar } from './DefaultHyperlinkToolbar'
+import {HMBlockSchema} from '@/editor/schema'
+import {DefaultHyperlinkToolbar} from './DefaultHyperlinkToolbar'
 
 export type HyperlinkToolbarProps = Pick<
   HyperlinkToolbarProsemirrorPlugin<any>,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/DefaultLinkMenu.tsx b/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/DefaultLinkMenu.tsx
index 8954d681f..66416bb20 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/DefaultLinkMenu.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/DefaultLinkMenu.tsx
@@ -1,13 +1,13 @@
-import { createStyles, Menu } from '@mantine/core'
+import {createStyles, Menu} from '@mantine/core'
 
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { LinkMenuItem } from './LinkMenuItem'
-import { LinkMenuProps } from './LinkMenuPositioner'
+import {BlockSchema} from '@/editor/blocknote/core'
+import {LinkMenuItem} from './LinkMenuItem'
+import {LinkMenuProps} from './LinkMenuPositioner'
 
 export function DefaultLinkMenu<BSchema extends BlockSchema>(
   props: LinkMenuProps<BSchema>,
 ) {
-  const { classes } = createStyles({ root: {} })(undefined, {
+  const {classes} = createStyles({root: {}})(undefined, {
     name: 'LinkMenu',
   })
   const renderedItems: any[] = []
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/LinkMenuPositioner.tsx b/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/LinkMenuPositioner.tsx
index b3c4f523d..a82ae157d 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/LinkMenuPositioner.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/LinkMenu/components/LinkMenuPositioner.tsx
@@ -4,19 +4,19 @@ import {
   DefaultBlockSchema,
   LinkMenuProsemirrorPlugin,
   LinkMenuState,
-} from '@shm/desktop/src/editor/blocknote/core'
+} from '@/editor/blocknote/core'
 import Tippy from '@tippyjs/react'
-import { FC, useEffect, useMemo, useRef, useState } from 'react'
+import {FC, useEffect, useMemo, useRef, useState} from 'react'
 
-import { LinkMenuItem } from '@shm/desktop/src/editor/blocknote/core/extensions/LinkMenu/LinkMenuItem'
-import { DefaultLinkMenu } from './DefaultLinkMenu'
+import {LinkMenuItem} from '@/editor/blocknote/core/extensions/LinkMenu/LinkMenuItem'
+import {DefaultLinkMenu} from './DefaultLinkMenu'
 
 export type LinkMenuProps<BSchema extends BlockSchema = DefaultBlockSchema> =
   Pick<LinkMenuProsemirrorPlugin<BSchema, any>, 'itemCallback'> &
-  Pick<
-    LinkMenuState<LinkMenuItem<BSchema>>,
-    'items' | 'keyboardHoveredItemIndex'
-  >
+    Pick<
+      LinkMenuState<LinkMenuItem<BSchema>>,
+      'items' | 'keyboardHoveredItemIndex'
+    >
 
 export const LinkMenuPositioner = <
   BSchema extends BlockSchema = DefaultBlockSchema,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/ReactBlockSpec.tsx b/frontend/apps/desktop/src/editor/blocknote/react/ReactBlockSpec.tsx
index cabe93bf5..d79f95e81 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/ReactBlockSpec.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/ReactBlockSpec.tsx
@@ -12,15 +12,15 @@ import {
   PropSchema,
   propsToAttributes,
   render,
-} from '@shm/desktop/src/editor/blocknote/core'
-import { TagParseRule } from '@tiptap/pm/model'
+} from '@/editor/blocknote/core'
+import {TagParseRule} from '@tiptap/pm/model'
 import {
   NodeViewContent,
   NodeViewProps,
   NodeViewWrapper,
   ReactNodeViewRenderer,
 } from '@tiptap/react'
-import { createContext, ElementType, FC, HTMLProps, useContext } from 'react'
+import {createContext, ElementType, FC, HTMLProps, useContext} from 'react'
 
 // extend BlockConfig but use a React render function
 export type ReactBlockConfig<
@@ -58,7 +58,7 @@ export type ReactBlockConfig<
 const BlockNoteDOMAttributesContext = createContext<BlockNoteDOMAttributes>({})
 
 export const InlineContent = <Tag extends ElementType>(
-  props: { as?: Tag } & HTMLProps<Tag>,
+  props: {as?: Tag} & HTMLProps<Tag>,
 ) => {
   const inlineContentDOMAttributes =
     useContext(BlockNoteDOMAttributesContext).inlineContent || {}
@@ -119,7 +119,7 @@ export function createReactBlockSpec<
       return parse(blockConfig)
     },
 
-    renderHTML({ HTMLAttributes }) {
+    renderHTML({HTMLAttributes}) {
       return render(blockConfig, HTMLAttributes)
     },
 
@@ -144,7 +144,7 @@ export function createReactBlockSpec<
 
         // Gets BlockNote editor instance
         const editor = this.options.editor! as BlockNoteEditor<
-          BSchema & { [k in BType]: BlockSpec<BType, PSchema> }
+          BSchema & {[k in BType]: BlockSpec<BType, PSchema>}
         >
         // Gets position of the node
         const pos =
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/AddBlockButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/AddBlockButton.tsx
index 0e28d0dd7..cc7682f56 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/AddBlockButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/AddBlockButton.tsx
@@ -1,7 +1,7 @@
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { AiOutlinePlus } from 'react-icons/ai'
-import { SideMenuButton } from '../SideMenuButton'
-import { SideMenuProps } from '../SideMenuPositioner'
+import {BlockSchema} from '@/editor/blocknote/core'
+import {AiOutlinePlus} from 'react-icons/ai'
+import {SideMenuButton} from '../SideMenuButton'
+import {SideMenuProps} from '../SideMenuPositioner'
 
 export const AddBlockButton = <BSchema extends BlockSchema>(
   props: SideMenuProps<BSchema>,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/DragHandle.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/DragHandle.tsx
index 77ffdeffb..d360d5c50 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/DragHandle.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultButtons/DragHandle.tsx
@@ -1,9 +1,9 @@
-import { Menu } from '@mantine/core'
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { MdDragIndicator } from 'react-icons/md'
-import { DefaultDragHandleMenu } from '../DragHandleMenu/DefaultDragHandleMenu'
-import { SideMenuButton } from '../SideMenuButton'
-import { SideMenuProps } from '../SideMenuPositioner'
+import {BlockSchema} from '@/editor/blocknote/core'
+import {Menu} from '@mantine/core'
+import {MdDragIndicator} from 'react-icons/md'
+import {DefaultDragHandleMenu} from '../DragHandleMenu/DefaultDragHandleMenu'
+import {SideMenuButton} from '../SideMenuButton'
+import {SideMenuProps} from '../SideMenuPositioner'
 
 export const DragHandle = <BSchema extends BlockSchema>(
   props: SideMenuProps<BSchema>,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultSideMenu.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultSideMenu.tsx
index a9dc6350f..282320085 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultSideMenu.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DefaultSideMenu.tsx
@@ -1,9 +1,9 @@
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
+import {BlockSchema} from '@/editor/blocknote/core'
 
-import { AddBlockButton } from './DefaultButtons/AddBlockButton'
-import { DragHandle } from './DefaultButtons/DragHandle'
-import { SideMenu } from './SideMenu'
-import { SideMenuProps } from './SideMenuPositioner'
+import {AddBlockButton} from './DefaultButtons/AddBlockButton'
+import {DragHandle} from './DefaultButtons/DragHandle'
+import {SideMenu} from './SideMenu'
+import {SideMenuProps} from './SideMenuPositioner'
 
 export const DefaultSideMenu = <BSchema extends BlockSchema>(
   props: SideMenuProps<BSchema>,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/BlockColorsButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/BlockColorsButton.tsx
index 1615103c8..5c5c638d5 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/BlockColorsButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/BlockColorsButton.tsx
@@ -1,14 +1,14 @@
-import { Box, Menu } from '@mantine/core'
-import { BlockSchema, PartialBlock } from '@shm/desktop/src/editor/blocknote/core'
-import { ReactNode, useCallback, useRef, useState } from 'react'
-import { HiChevronRight } from 'react-icons/hi'
+import {BlockSchema, PartialBlock} from '@/editor/blocknote/core'
+import {Box, Menu} from '@mantine/core'
+import {ReactNode, useCallback, useRef, useState} from 'react'
+import {HiChevronRight} from 'react-icons/hi'
 
-import { ColorPicker } from '../../../../SharedComponents/ColorPicker/components/ColorPicker'
-import { DragHandleMenuProps } from '../DragHandleMenu'
-import { DragHandleMenuItem } from '../DragHandleMenuItem'
+import {ColorPicker} from '../../../../SharedComponents/ColorPicker/components/ColorPicker'
+import {DragHandleMenuProps} from '../DragHandleMenu'
+import {DragHandleMenuItem} from '../DragHandleMenuItem'
 
 export const BlockColorsButton = <BSchema extends BlockSchema>(
-  props: DragHandleMenuProps<BSchema> & { children: ReactNode },
+  props: DragHandleMenuProps<BSchema> & {children: ReactNode},
 ) => {
   const [opened, setOpened] = useState(false)
 
@@ -44,9 +44,9 @@ export const BlockColorsButton = <BSchema extends BlockSchema>(
     >
       <Menu opened={opened} position={'right'}>
         <Menu.Target>
-          <div style={{ display: 'flex', alignItems: 'center' }}>
-            <div style={{ flex: 1 }}>{props.children}</div>
-            <Box style={{ display: 'flex', alignItems: 'center' }}>
+          <div style={{display: 'flex', alignItems: 'center'}}>
+            <div style={{flex: 1}}>{props.children}</div>
+            <Box style={{display: 'flex', alignItems: 'center'}}>
               <HiChevronRight size={15} />
             </Box>
           </div>
@@ -54,7 +54,7 @@ export const BlockColorsButton = <BSchema extends BlockSchema>(
         <Menu.Dropdown
           onMouseLeave={startMenuCloseTimer}
           onMouseOver={stopMenuCloseTimer}
-          style={{ marginLeft: '5px' }}
+          style={{marginLeft: '5px'}}
         >
           <ColorPicker
             iconSize={18}
@@ -62,12 +62,12 @@ export const BlockColorsButton = <BSchema extends BlockSchema>(
             backgroundColor={props.block.props.backgroundColor || 'default'}
             setTextColor={(color) =>
               props.editor.updateBlock(props.block, {
-                props: { textColor: color },
+                props: {textColor: color},
               } as PartialBlock<BSchema>)
             }
             setBackgroundColor={(color) =>
               props.editor.updateBlock(props.block, {
-                props: { backgroundColor: color },
+                props: {backgroundColor: color},
               } as PartialBlock<BSchema>)
             }
           />
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/CopyLinkToBlockButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/CopyLinkToBlockButton.tsx
index 9416078d5..5218674e8 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/CopyLinkToBlockButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/CopyLinkToBlockButton.tsx
@@ -1,14 +1,14 @@
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
+import {BlockSchema} from '@/editor/blocknote/core'
 
-import { usePublicationContentContext } from '@shm/shared'
-import { Link, XStack } from '@shm/ui'
-import { DragHandleMenuProps } from '../DragHandleMenu'
-import { DragHandleMenuItem } from '../DragHandleMenuItem'
+import {usePublicationContentContext} from '@shm/shared'
+import {Link, XStack} from '@shm/ui'
+import {DragHandleMenuProps} from '../DragHandleMenu'
+import {DragHandleMenuItem} from '../DragHandleMenuItem'
 
 export const CopyLinkToBlockButton = <BSchema extends BlockSchema>({
   block,
 }: DragHandleMenuProps<BSchema>) => {
-  const { onCopyBlock } = usePublicationContentContext()
+  const {onCopyBlock} = usePublicationContentContext()
   if (!onCopyBlock) return null
   return (
     <DragHandleMenuItem
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/RemoveBlockButton.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/RemoveBlockButton.tsx
index 608c05470..91d2f4b24 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/RemoveBlockButton.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultButtons/RemoveBlockButton.tsx
@@ -1,12 +1,12 @@
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { ReactNode } from 'react'
+import {BlockSchema} from '@/editor/blocknote/core'
+import {ReactNode} from 'react'
 
-import { Delete, XStack } from '@shm/ui'
-import { DragHandleMenuProps } from '../DragHandleMenu'
-import { DragHandleMenuItem } from '../DragHandleMenuItem'
+import {Delete, XStack} from '@shm/ui'
+import {DragHandleMenuProps} from '../DragHandleMenu'
+import {DragHandleMenuItem} from '../DragHandleMenuItem'
 
 export const RemoveBlockButton = <BSchema extends BlockSchema>(
-  props: DragHandleMenuProps<BSchema> & { children: ReactNode },
+  props: DragHandleMenuProps<BSchema> & {children: ReactNode},
 ) => {
   return (
     <DragHandleMenuItem
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultDragHandleMenu.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultDragHandleMenu.tsx
index c060c351f..33df685b0 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultDragHandleMenu.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DefaultDragHandleMenu.tsx
@@ -1,8 +1,8 @@
-import { Box, Menu } from '@mantine/core'
-import { BlockNoteEditor, HMBlockSchema } from '@shm/desktop/src/editor'
-import { updateGroup } from '@shm/desktop/src/editor/block-utils'
-import { Forward, RefreshCcw, XStack } from '@shm/ui'
-import { useCallback, useRef, useState } from 'react'
+import {BlockNoteEditor, HMBlockSchema} from '@/editor'
+import {updateGroup} from '@/editor/block-utils'
+import {Box, Menu} from '@mantine/core'
+import {Forward, RefreshCcw, XStack} from '@shm/ui'
+import {useCallback, useRef, useState} from 'react'
 import {
   RiHeading,
   RiListOrdered,
@@ -10,10 +10,10 @@ import {
   RiMenuLine,
   RiText,
 } from 'react-icons/ri'
-import { CopyLinkToBlockButton } from './DefaultButtons/CopyLinkToBlockButton'
-import { RemoveBlockButton } from './DefaultButtons/RemoveBlockButton'
-import { DragHandleMenu, DragHandleMenuProps } from './DragHandleMenu'
-import { DragHandleMenuItem } from './DragHandleMenuItem'
+import {CopyLinkToBlockButton} from './DefaultButtons/CopyLinkToBlockButton'
+import {RemoveBlockButton} from './DefaultButtons/RemoveBlockButton'
+import {DragHandleMenu, DragHandleMenuProps} from './DragHandleMenu'
+import {DragHandleMenuItem} from './DragHandleMenuItem'
 
 export const DefaultDragHandleMenu = <BSchema extends HMBlockSchema>(
   props: DragHandleMenuProps<BSchema>,
@@ -59,8 +59,8 @@ function TurnIntoMenu(props: DragHandleMenuProps<HMBlockSchema>) {
         <Menu.Target>
           <XStack gap="$2">
             <RefreshCcw size={14} />
-            <div style={{ flex: 1 }}>Turn into</div>
-            <Box style={{ display: 'flex', alignItems: 'center' }}>
+            <div style={{flex: 1}}>Turn into</div>
+            <Box style={{display: 'flex', alignItems: 'center'}}>
               <Forward size={12} />
             </Box>
           </XStack>
@@ -68,9 +68,9 @@ function TurnIntoMenu(props: DragHandleMenuProps<HMBlockSchema>) {
         <Menu.Dropdown
           onMouseLeave={startMenuCloseTimer}
           onMouseOver={stopMenuCloseTimer}
-          style={{ marginLeft: '5px' }}
+          style={{marginLeft: '5px'}}
         >
-          {turnIntoItems.map(({ Icon, label, onClick }) => (
+          {turnIntoItems.map(({Icon, label, onClick}) => (
             <Menu.Item
               key={label}
               onClick={() => {
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DragHandleMenu.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DragHandleMenu.tsx
index 0026a7864..8b4ae232e 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DragHandleMenu.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/DragHandleMenu/DragHandleMenu.tsx
@@ -1,18 +1,14 @@
-import { Menu, createStyles } from '@mantine/core'
-import {
-  Block,
-  BlockNoteEditor,
-  BlockSchema,
-} from '@shm/desktop/src/editor/blocknote/core'
-import { ReactNode } from 'react'
+import {Block, BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
+import {Menu, createStyles} from '@mantine/core'
+import {ReactNode} from 'react'
 
 export type DragHandleMenuProps<BSchema extends BlockSchema> = {
   editor: BlockNoteEditor<BSchema>
   block: Block<BSchema>
 }
 
-export const DragHandleMenu = (props: { children: ReactNode }) => {
-  const { classes } = createStyles({
+export const DragHandleMenu = (props: {children: ReactNode}) => {
+  const {classes} = createStyles({
     root: {
       minWidth: 180,
     },
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/SideMenuPositioner.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/SideMenuPositioner.tsx
index 5c76cc00a..34e892887 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/SideMenuPositioner.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SideMenu/components/SideMenuPositioner.tsx
@@ -4,11 +4,11 @@ import {
   BlockSchema,
   DefaultBlockSchema,
   SideMenuProsemirrorPlugin,
-} from '@shm/desktop/src/editor/blocknote/core'
+} from '@/editor/blocknote/core'
 import Tippy from '@tippyjs/react'
-import { FC, useEffect, useMemo, useRef, useState } from 'react'
-import { DefaultSideMenu } from './DefaultSideMenu'
-import { DragHandleMenuProps } from './DragHandleMenu/DragHandleMenu'
+import {FC, useEffect, useMemo, useRef, useState} from 'react'
+import {DefaultSideMenu} from './DefaultSideMenu'
+import {DragHandleMenuProps} from './DragHandleMenu/DragHandleMenu'
 
 export type SideMenuProps<BSchema extends BlockSchema = DefaultBlockSchema> =
   Pick<
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/ReactSlashMenuItem.ts b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/ReactSlashMenuItem.ts
index 1d977e5c2..a1e9096ec 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/ReactSlashMenuItem.ts
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/ReactSlashMenuItem.ts
@@ -2,7 +2,7 @@ import {
   BaseSlashMenuItem,
   BlockSchema,
   DefaultBlockSchema,
-} from '@shm/desktop/src/editor/blocknote/core'
+} from '@/editor/blocknote/core'
 
 export type ReactSlashMenuItem<
   BSchema extends BlockSchema = DefaultBlockSchema,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/DefaultSlashMenu.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/DefaultSlashMenu.tsx
index e061b9685..d47269e24 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/DefaultSlashMenu.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/DefaultSlashMenu.tsx
@@ -1,14 +1,14 @@
-import { createStyles, Menu } from '@mantine/core'
+import {createStyles, Menu} from '@mantine/core'
 import * as _ from 'lodash'
 
-import { BlockSchema } from '@shm/desktop/src/editor/blocknote/core'
-import { SlashMenuItem } from './SlashMenuItem'
-import { SlashMenuProps } from './SlashMenuPositioner'
+import {BlockSchema} from '@/editor/blocknote/core'
+import {SlashMenuItem} from './SlashMenuItem'
+import {SlashMenuProps} from './SlashMenuPositioner'
 
 export function DefaultSlashMenu<BSchema extends BlockSchema>(
   props: SlashMenuProps<BSchema>,
 ) {
-  const { classes } = createStyles({ root: {} })(undefined, {
+  const {classes} = createStyles({root: {}})(undefined, {
     name: 'SlashMenu',
   })
   const renderedItems: any[] = []
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/SlashMenuPositioner.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/SlashMenuPositioner.tsx
index 537246d5f..c2cd337bd 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/SlashMenuPositioner.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/components/SlashMenuPositioner.tsx
@@ -4,19 +4,19 @@ import {
   DefaultBlockSchema,
   SlashMenuProsemirrorPlugin,
   SuggestionsMenuState,
-} from '@shm/desktop/src/editor/blocknote/core'
+} from '@/editor/blocknote/core'
 import Tippy from '@tippyjs/react'
-import { FC, useEffect, useMemo, useRef, useState } from 'react'
+import {FC, useEffect, useMemo, useRef, useState} from 'react'
 
-import { ReactSlashMenuItem } from '../ReactSlashMenuItem'
-import { DefaultSlashMenu } from './DefaultSlashMenu'
+import {ReactSlashMenuItem} from '../ReactSlashMenuItem'
+import {DefaultSlashMenu} from './DefaultSlashMenu'
 
 export type SlashMenuProps<BSchema extends BlockSchema = DefaultBlockSchema> =
   Pick<SlashMenuProsemirrorPlugin<BSchema, any>, 'itemCallback'> &
-  Pick<
-    SuggestionsMenuState<ReactSlashMenuItem<BSchema>>,
-    'filteredItems' | 'keyboardHoveredItemIndex'
-  >
+    Pick<
+      SuggestionsMenuState<ReactSlashMenuItem<BSchema>>,
+      'filteredItems' | 'keyboardHoveredItemIndex'
+    >
 
 export const SlashMenuPositioner = <
   BSchema extends BlockSchema = DefaultBlockSchema,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/defaultReactSlashMenuItems.tsx b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/defaultReactSlashMenuItems.tsx
index d5b07c527..b24dbd275 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/defaultReactSlashMenuItems.tsx
+++ b/frontend/apps/desktop/src/editor/blocknote/react/SlashMenu/defaultReactSlashMenuItems.tsx
@@ -4,8 +4,8 @@ import {
   defaultBlockSchema,
   DefaultBlockSchema,
   getDefaultSlashMenuItems,
-} from '@shm/desktop/src/editor/blocknote/core'
-import { MdPreview } from 'react-icons/md'
+} from '@/editor/blocknote/core'
+import {MdPreview} from 'react-icons/md'
 import {
   RiChatQuoteLine,
   RiCodeLine,
@@ -14,7 +14,7 @@ import {
   RiPlayCircleLine,
   RiText,
 } from 'react-icons/ri'
-import { ReactSlashMenuItem } from './ReactSlashMenuItem'
+import {ReactSlashMenuItem} from './ReactSlashMenuItem'
 
 const extraFields: Record<
   string,
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/hooks/useBlockNote.ts b/frontend/apps/desktop/src/editor/blocknote/react/hooks/useBlockNote.ts
index acd5cadd1..b98737630 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/hooks/useBlockNote.ts
+++ b/frontend/apps/desktop/src/editor/blocknote/react/hooks/useBlockNote.ts
@@ -3,8 +3,8 @@ import {
   BlockNoteEditorOptions,
   defaultBlockSchema,
   DefaultBlockSchema,
-} from '@shm/desktop/src/editor/blocknote/core'
-import {HMBlockSchema} from '@shm/desktop/src/editor/schema'
+} from '@/editor/blocknote/core'
+import {HMBlockSchema} from '@/editor/schema'
 import {DependencyList, useMemo, useRef} from 'react'
 import {getDefaultReactSlashMenuItems} from '../SlashMenu/defaultReactSlashMenuItems'
 
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorContentChange.ts b/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorContentChange.ts
index 4a194a1e4..4181d6a36 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorContentChange.ts
+++ b/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorContentChange.ts
@@ -1,7 +1,4 @@
-import {
-  BlockNoteEditor,
-  BlockSchema,
-} from '@shm/desktop/src/editor/blocknote/core'
+import {BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
 import {useEffect} from 'react'
 
 export function useEditorContentChange<BSchema extends BlockSchema>(
diff --git a/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorSelectionChange.ts b/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorSelectionChange.ts
index ef401a213..d10710eac 100644
--- a/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorSelectionChange.ts
+++ b/frontend/apps/desktop/src/editor/blocknote/react/hooks/useEditorSelectionChange.ts
@@ -1,7 +1,4 @@
-import {
-  BlockNoteEditor,
-  BlockSchema,
-} from '@shm/desktop/src/editor/blocknote/core'
+import {BlockNoteEditor, BlockSchema} from '@/editor/blocknote/core'
 import {useEffect} from 'react'
 
 export function useEditorSelectionChange<BSchema extends BlockSchema>(
diff --git a/frontend/apps/desktop/src/editor/embed-block.tsx b/frontend/apps/desktop/src/editor/embed-block.tsx
index 8c19dfa07..c114bf6e0 100644
--- a/frontend/apps/desktop/src/editor/embed-block.tsx
+++ b/frontend/apps/desktop/src/editor/embed-block.tsx
@@ -1,8 +1,8 @@
-import { useAppContext } from '@shm/desktop/src/app-context'
-import { useGatewayUrlStream } from '@shm/desktop/src/models/gateway-settings'
-import { fetchWebLink } from '@shm/desktop/src/models/web-links'
-import { useOpenUrl } from '@shm/desktop/src/open-url'
-import { usePopoverState } from '@shm/desktop/src/use-popover-state'
+import {useAppContext} from '@/app-context'
+import {useGatewayUrlStream} from '@/models/gateway-settings'
+import {fetchWebLink} from '@/models/web-links'
+import {useOpenUrl} from '@/open-url'
+import {usePopoverState} from '@/use-popover-state'
 import {
   BlockContentEmbed,
   createHmDocLink,
@@ -13,7 +13,7 @@ import {
   unpackHmId,
   useHover,
 } from '@shm/shared'
-import { ErrorBlock } from '@shm/shared/src/publication-content'
+import {ErrorBlock} from '@shm/shared/src/publication-content'
 import {
   Button,
   Check,
@@ -29,13 +29,13 @@ import {
   XStack,
   YGroup,
 } from '@shm/ui'
-import { Fragment } from '@tiptap/pm/model'
-import { forwardRef, useCallback, useMemo } from 'react'
-import { ErrorBoundary } from 'react-error-boundary'
-import { Block, BlockNoteEditor, HMBlockSchema } from '.'
-import { createReactBlockSpec } from './blocknote/react'
-import { MediaContainer } from './media-container'
-import { DisplayComponentProps, MediaRender, MediaType } from './media-render'
+import {Fragment} from '@tiptap/pm/model'
+import {forwardRef, useCallback, useMemo} from 'react'
+import {ErrorBoundary} from 'react-error-boundary'
+import {Block, BlockNoteEditor, HMBlockSchema} from '.'
+import {createReactBlockSpec} from './blocknote/react'
+import {MediaContainer} from './media-container'
+import {DisplayComponentProps, MediaRender, MediaType} from './media-render'
 
 function EmbedError() {
   return <ErrorBlock message="Failed to load this Embedded document" />
@@ -81,7 +81,7 @@ const Render = (
   block: Block<HMBlockSchema>,
   editor: BlockNoteEditor<HMBlockSchema>,
 ) => {
-  const { queryClient } = useAppContext()
+  const {queryClient} = useAppContext()
   const gwUrl = useGatewayUrlStream()
   const submitEmbed = async (
     url: string,
@@ -92,7 +92,7 @@ const Render = (
     if (isPublicGatewayLink(url, gwUrl) || isHypermediaScheme(url)) {
       const hmLink = normalizeHmId(url, gwUrl)
       const newUrl = hmLink ? hmLink : url
-      assign({ props: { url: newUrl } } as MediaType)
+      assign({props: {url: newUrl}} as MediaType)
       const cursorPosition = editor.getTextCursorPosition()
       editor.focus()
       if (cursorPosition.block.id === block.id) {
@@ -100,7 +100,7 @@ const Render = (
           editor.setTextCursorPosition(cursorPosition.nextBlock, 'start')
         else {
           editor.insertBlocks(
-            [{ type: 'paragraph', content: '' }],
+            [{type: 'paragraph', content: ''}],
             block.id,
             'after',
           )
@@ -120,7 +120,7 @@ const Render = (
             res?.blockRef,
           )
           if (fullHmId) {
-            assign({ props: { url: fullHmId } } as MediaType)
+            assign({props: {url: fullHmId}} as MediaType)
             const cursorPosition = editor.getTextCursorPosition()
             editor.focus()
             if (cursorPosition.block.id === block.id) {
@@ -128,7 +128,7 @@ const Render = (
                 editor.setTextCursorPosition(cursorPosition.nextBlock, 'start')
               else {
                 editor.insertBlocks(
-                  [{ type: 'paragraph', content: '' }],
+                  [{type: 'paragraph', content: ''}],
                   block.id,
                   'after',
                 )
@@ -190,8 +190,8 @@ const display = ({
           <BlockContentEmbed
             expanded={
               unpackedId &&
-                unpackedId.blockRange &&
-                'expanded' in unpackedId.blockRange
+              unpackedId.blockRange &&
+              'expanded' in unpackedId.blockRange
                 ? true
                 : false
             }
@@ -244,7 +244,7 @@ function EmbedControl({
 
   const handleViewSelect = useCallback((view: 'content' | 'card') => {
     return () => {
-      assign({ props: { view } })
+      assign({props: {view}})
       popoverViewState.onOpenChange(false)
     }
   }, [])
@@ -313,7 +313,7 @@ function EmbedControl({
       opacity={popoverState.open ? 1 : 0}
       padding="$2"
       gap="$2"
-      $group-item-hover={{ opacity: 1 }}
+      $group-item-hover={{opacity: 1}}
     >
       <Tooltip content="Open in a new window">
         <Button
@@ -342,8 +342,8 @@ function EmbedControl({
                   ? ChevronRight
                   : ChevronDown
                 : expandButtonHover.hover
-                  ? ChevronDown
-                  : ChevronRight
+                ? ChevronDown
+                : ChevronRight
             }
             backgroundColor="$backgroundStrong"
             onPress={(e) => {
@@ -372,8 +372,8 @@ function EmbedControl({
                 ? 'Collapse'
                 : 'Expand'
               : expandButtonHover.hover
-                ? 'Expand'
-                : 'Collapse'}
+              ? 'Expand'
+              : 'Collapse'}
           </Button>
         </Tooltip>
       ) : null}
@@ -493,8 +493,8 @@ function EmbedControl({
                 },
               },
             ]}
-            enterStyle={{ y: -10, opacity: 0 }}
-            exitStyle={{ y: -10, opacity: 0 }}
+            enterStyle={{y: -10, opacity: 0}}
+            exitStyle={{y: -10, opacity: 0}}
             elevate={true}
           >
             <YGroup>
@@ -506,7 +506,7 @@ function EmbedControl({
                       handleBlockToDocument()
                     }}
                     title="Convert to Document Embed"
-                  // icon={item.icon}
+                    // icon={item.icon}
                   />
                 ) : null}
               </YGroup.Item>
@@ -520,8 +520,8 @@ function EmbedControl({
 
 const EmbedSideAnnotation = forwardRef<
   HTMLDivElement,
-  { hmId: string; sidePos: 'bottom' | 'right' }
->(function EmbedSideAnnotation({ hmId, sidePos }, ref) {
+  {hmId: string; sidePos: 'bottom' | 'right'}
+>(function EmbedSideAnnotation({hmId, sidePos}, ref) {
   const unpacked = unpackHmId(hmId)
   if (unpacked && unpacked.type != 'd') return null
   const pub = usePublication({
@@ -534,11 +534,11 @@ const EmbedSideAnnotation = forwardRef<
   const sideStyles: YStackProps =
     sidePos == 'right'
       ? {
-        position: 'absolute',
-        top: 32,
-        right: -16,
-        transform: 'translateX(100%)',
-      }
+          position: 'absolute',
+          top: 32,
+          right: -16,
+          transform: 'translateX(100%)',
+        }
       : {}
 
   return (
diff --git a/frontend/apps/desktop/src/editor/hypermedia-link-plugin.tsx b/frontend/apps/desktop/src/editor/hypermedia-link-plugin.tsx
index 2a85a1883..8cde3a5c6 100644
--- a/frontend/apps/desktop/src/editor/hypermedia-link-plugin.tsx
+++ b/frontend/apps/desktop/src/editor/hypermedia-link-plugin.tsx
@@ -1,8 +1,8 @@
-import { fetchWebLink } from '@shm/desktop/src/models/web-links'
-import { AppQueryClient } from '@shm/desktop/src/query-client'
-import { extractBlockRefOfUrl, hmIdWithVersion } from '@shm/shared'
-import { EditorView } from '@tiptap/pm/view'
-import { Plugin, PluginKey } from 'prosemirror-state'
+import {fetchWebLink} from '@/models/web-links'
+import {AppQueryClient} from '@/query-client'
+import {extractBlockRefOfUrl, hmIdWithVersion} from '@shm/shared'
+import {EditorView} from '@tiptap/pm/view'
+import {Plugin, PluginKey} from 'prosemirror-state'
 
 export const hypermediaPluginKey = new PluginKey('hypermedia-link')
 
@@ -69,10 +69,10 @@ async function checkHyperLink(
   entry: [key: string, value: string],
 ): Promise<
   | {
-    documentId: string
-    versionId?: string
-    blockId?: string
-  }
+      documentId: string
+      versionId?: string
+      blockId?: string
+    }
   | undefined
 > {
   let [id, entryUrl] = entry
diff --git a/frontend/apps/desktop/src/editor/image.tsx b/frontend/apps/desktop/src/editor/image.tsx
index e0f73dcb6..7fd0f1f07 100644
--- a/frontend/apps/desktop/src/editor/image.tsx
+++ b/frontend/apps/desktop/src/editor/image.tsx
@@ -1,17 +1,17 @@
-import { isValidUrl, timeoutPromise } from '@shm/desktop/src/editor/utils'
-import { getCIDFromIPFSUrl, usePublicationContentContext } from '@shm/shared'
-import { ResizeHandle, useTheme } from '@shm/ui'
-import { useEffect, useState } from 'react'
-import { RiImage2Line } from 'react-icons/ri'
+import {isValidUrl, timeoutPromise} from '@/editor/utils'
+import {getCIDFromIPFSUrl, usePublicationContentContext} from '@shm/shared'
+import {ResizeHandle, useTheme} from '@shm/ui'
+import {useEffect, useState} from 'react'
+import {RiImage2Line} from 'react-icons/ri'
 import {
   Block,
   BlockNoteEditor,
   createReactBlockSpec,
   defaultProps,
 } from './blocknote'
-import { MediaContainer } from './media-container'
-import { DisplayComponentProps, MediaRender, MediaType } from './media-render'
-import { HMBlockSchema } from './schema'
+import {MediaContainer} from './media-container'
+import {DisplayComponentProps, MediaRender, MediaType} from './media-render'
+import {HMBlockSchema} from './schema'
 
 export const ImageBlock = createReactBlockSpec({
   type: 'image',
@@ -48,7 +48,7 @@ export const ImageBlock = createReactBlockSpec({
     {
       tag: 'img[src]',
       getAttrs: (element) => {
-        return { src: element.getAttribute('src'), width: element.style.width }
+        return {src: element.getAttribute('src'), width: element.style.width}
       },
       node: 'image',
     },
@@ -60,7 +60,7 @@ const Render = (
   editor: BlockNoteEditor<HMBlockSchema>,
 ) => {
   const theme = useTheme()
-  const { importWebFile } = usePublicationContentContext()
+  const {importWebFile} = usePublicationContentContext()
 
   const submitImage = (
     url: string,
@@ -84,7 +84,7 @@ const Render = (
               })
               return
             }
-            assign({ props: { url: `ipfs://${imageData.cid}` } } as MediaType)
+            assign({props: {url: `ipfs://${imageData.cid}`}} as MediaType)
             setLoading(false)
           } else {
             let imgTypeSplit = imageData.type.split('/')
@@ -102,7 +102,7 @@ const Render = (
           })
           setLoading(false)
         })
-    } else setFileName({ name: 'The provided URL is invalid.', color: 'red' })
+    } else setFileName({name: 'The provided URL is invalid.', color: 'red'})
 
     const cursorPosition = editor.getTextCursorPosition()
     editor.focus()
@@ -111,7 +111,7 @@ const Render = (
         editor.setTextCursorPosition(cursorPosition.nextBlock, 'start')
       else {
         editor.insertBlocks(
-          [{ type: 'paragraph', content: '' }],
+          [{type: 'paragraph', content: ''}],
           block.id,
           'after',
         )
@@ -141,7 +141,7 @@ const display = ({
   setSelected,
   assign,
 }: DisplayComponentProps) => {
-  const { ipfsBlobPrefix } = usePublicationContentContext()
+  const {ipfsBlobPrefix} = usePublicationContentContext()
   const imageUrl = block.props.url.includes('.')
     ? null
     : `${ipfsBlobPrefix}${getCIDFromIPFSUrl(block.props.url)}`
@@ -154,10 +154,10 @@ const display = ({
   const [showHandle, setShowHandle] = useState(false)
   let resizeParams:
     | {
-      handleUsed: 'left' | 'right'
-      initialWidth: number
-      initialClientX: number
-    }
+        handleUsed: 'left' | 'right'
+        initialWidth: number
+        initialClientX: number
+      }
     | undefined
 
   useEffect(() => {
@@ -295,7 +295,7 @@ const display = ({
       )}
       {imageUrl && (
         <img
-          style={{ width: `100%` }}
+          style={{width: `100%`}}
           src={imageUrl}
           alt={block.props.name || 'image'}
           contentEditable={false}
diff --git a/frontend/apps/desktop/src/editor/mentions-plugin.tsx b/frontend/apps/desktop/src/editor/mentions-plugin.tsx
index df1c74e0f..9fcec6e6a 100644
--- a/frontend/apps/desktop/src/editor/mentions-plugin.tsx
+++ b/frontend/apps/desktop/src/editor/mentions-plugin.tsx
@@ -1,13 +1,13 @@
 import {
   AutocompletePopup,
   createAutoCompletePlugin,
-} from '@shm/desktop/src/editor/autocomplete'
-import { useAccount } from '@shm/desktop/src/models/accounts'
-import { usePublication } from '@shm/desktop/src/models/documents'
-import { UnpackedHypermediaId, unpackHmId } from '@shm/shared'
-import { SizableText } from '@shm/ui'
-import { Node } from '@tiptap/core'
-import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react'
+} from '@/editor/autocomplete'
+import {useAccount} from '@/models/accounts'
+import {usePublication} from '@/models/documents'
+import {UnpackedHypermediaId, unpackHmId} from '@shm/shared'
+import {SizableText} from '@shm/ui'
+import {Node} from '@tiptap/core'
+import {NodeViewWrapper, ReactNodeViewRenderer} from '@tiptap/react'
 import ReactDOM from 'react-dom/client'
 import './inline-embed.css'
 /**
@@ -24,7 +24,7 @@ document.body.append(inlineEmbedPopupElement)
 var popupRoot = ReactDOM.createRoot(inlineEmbedPopupElement)
 
 export function createInlineEmbedNode(bnEditor: any) {
-  let { nodes, plugins } = createAutoCompletePlugin({
+  let {nodes, plugins} = createAutoCompletePlugin({
     nodeName: 'inline-embed',
     triggerCharacter: '@',
     renderPopup: (state, actions) => {
@@ -52,7 +52,7 @@ export function createInlineEmbedNode(bnEditor: any) {
           getAttrs: (dom) => {
             if (dom instanceof HTMLElement) {
               var value = dom.getAttribute('data-inline-embed')
-              return { ref: value }
+              return {ref: value}
             }
             return false
           },
@@ -85,7 +85,7 @@ function InlineEmbedNodeComponent(props: any) {
   )
 }
 
-export function MentionToken(props: { value: string; selected?: boolean }) {
+export function MentionToken(props: {value: string; selected?: boolean}) {
   const unpackedRef = unpackHmId(props.value)
 
   if (unpackedRef?.type == 'a') {
diff --git a/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block-lowlight.tsx b/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block-lowlight.tsx
index 0c5f7406f..f2eec0e07 100644
--- a/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block-lowlight.tsx
+++ b/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block-lowlight.tsx
@@ -1,14 +1,14 @@
-import styles from '@shm/desktop/src/editor/blocknote/core/extensions/Blocks/nodes/Block.module.css'
+import styles from '@/editor/blocknote/core/extensions/Blocks/nodes/Block.module.css'
 import {
   NodeViewProps,
   NodeViewWrapper,
   ReactNodeViewRenderer,
 } from '@tiptap/react'
-import { FC } from 'react'
-import { mergeCSSClasses } from '..'
-import { CodeBlock, CodeBlockOptions } from './code-block'
-import { CodeBlockView } from './code-block-view'
-import { LowlightPlugin } from './lowlight-plugin.js'
+import {FC} from 'react'
+import {mergeCSSClasses} from '..'
+import {CodeBlock, CodeBlockOptions} from './code-block'
+import {CodeBlockView} from './code-block-view'
+import {LowlightPlugin} from './lowlight-plugin.js'
 
 export interface CodeBlockLowlightOptions extends CodeBlockOptions {
   lowlight: any
diff --git a/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block.ts b/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block.ts
index f1a946b2d..99a5f39dc 100644
--- a/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block.ts
+++ b/frontend/apps/desktop/src/editor/tiptap-extension-code-block/code-block.ts
@@ -1,4 +1,4 @@
-import styles from '@shm/desktop/src/editor/blocknote/core/extensions/Blocks/nodes/Block.module.css'
+import styles from '@/editor/blocknote/core/extensions/Blocks/nodes/Block.module.css'
 import {
   Editor,
   mergeAttributes,
diff --git a/frontend/apps/desktop/src/editor/tiptap-extension-link/helpers/pasteHandler.ts b/frontend/apps/desktop/src/editor/tiptap-extension-link/helpers/pasteHandler.ts
index f82a08057..d4685b72a 100644
--- a/frontend/apps/desktop/src/editor/tiptap-extension-link/helpers/pasteHandler.ts
+++ b/frontend/apps/desktop/src/editor/tiptap-extension-link/helpers/pasteHandler.ts
@@ -1,7 +1,7 @@
-import {getLinkMenuItems} from '@shm/desktop/src/editor/blocknote/core'
-import {linkMenuPluginKey} from '@shm/desktop/src/editor/blocknote/core/extensions/LinkMenu/LinkMenuPlugin'
-import {fetchWebLink} from '@shm/desktop/src/models/web-links'
-import type {AppQueryClient} from '@shm/desktop/src/query-client'
+import {getLinkMenuItems} from '@/editor/blocknote/core'
+import {linkMenuPluginKey} from '@/editor/blocknote/core/extensions/LinkMenu/LinkMenuPlugin'
+import {fetchWebLink} from '@/models/web-links'
+import type {AppQueryClient} from '@/query-client'
 import {
   GRPCClient,
   StateStream,
diff --git a/frontend/apps/desktop/src/editor/video.tsx b/frontend/apps/desktop/src/editor/video.tsx
index c124901c6..8f810387c 100644
--- a/frontend/apps/desktop/src/editor/video.tsx
+++ b/frontend/apps/desktop/src/editor/video.tsx
@@ -1,17 +1,17 @@
-import { isValidUrl, youtubeParser } from '@shm/desktop/src/editor/utils'
-import { API_FILE_URL } from '@shm/shared'
-import { ResizeHandle, SizableText, XStack, useTheme } from '@shm/ui'
-import { useEffect, useState } from 'react'
-import { RiVideoAddLine } from 'react-icons/ri'
+import {isValidUrl, youtubeParser} from '@/editor/utils'
+import {API_FILE_URL} from '@shm/shared'
+import {ResizeHandle, SizableText, XStack, useTheme} from '@shm/ui'
+import {useEffect, useState} from 'react'
+import {RiVideoAddLine} from 'react-icons/ri'
 import {
   Block,
   BlockNoteEditor,
   createReactBlockSpec,
   defaultProps,
 } from './blocknote'
-import { MediaContainer } from './media-container'
-import { DisplayComponentProps, MediaRender, MediaType } from './media-render'
-import { HMBlockSchema } from './schema'
+import {MediaContainer} from './media-container'
+import {DisplayComponentProps, MediaRender, MediaType} from './media-render'
+import {HMBlockSchema} from './schema'
 
 export const getSourceType = (name: string) => {
   const nameArray = name.split('.')
@@ -55,13 +55,13 @@ export const VideoBlock = createReactBlockSpec({
     {
       tag: 'video[src]',
       getAttrs: (element) => {
-        return { src: element.getAttribute('src') }
+        return {src: element.getAttribute('src')}
       },
     },
     {
       tag: 'iframe',
       getAttrs: (element) => {
-        return { src: element.getAttribute('src') }
+        return {src: element.getAttribute('src')}
       },
     },
   ],
@@ -80,19 +80,20 @@ const Render = (
         if (ytId) {
           embedUrl = embedUrl + ytId
         } else {
-          setFileName({ name: `Unsupported Youtube Url:${url}`, color: 'red' })
+          setFileName({name: `Unsupported Youtube Url:${url}`, color: 'red'})
           return
         }
       } else if (url.includes('vimeo')) {
         const urlArray = url.split('/')
-        embedUrl = `https://player.vimeo.com/video/${urlArray[urlArray.length - 1]
-          }`
+        embedUrl = `https://player.vimeo.com/video/${
+          urlArray[urlArray.length - 1]
+        }`
       } else {
-        setFileName({ name: 'Unsupported video source.', color: 'red' })
+        setFileName({name: 'Unsupported video source.', color: 'red'})
         return
       }
-      assign({ props: { url: embedUrl } } as MediaType)
-    } else setFileName({ name: 'The provided URL is invalid.', color: 'red' })
+      assign({props: {url: embedUrl}} as MediaType)
+    } else setFileName({name: 'The provided URL is invalid.', color: 'red'})
     const cursorPosition = editor.getTextCursorPosition()
     editor.focus()
     if (cursorPosition.block.id === block.id) {
@@ -100,7 +101,7 @@ const Render = (
         editor.setTextCursorPosition(cursorPosition.nextBlock, 'start')
       else {
         editor.insertBlocks(
-          [{ type: 'paragraph', content: '' }],
+          [{type: 'paragraph', content: ''}],
           block.id,
           'after',
         )
@@ -140,10 +141,10 @@ const display = ({
   const [showHandle, setShowHandle] = useState(false)
   let resizeParams:
     | {
-      handleUsed: 'left' | 'right'
-      initialWidth: number
-      initialClientX: number
-    }
+        handleUsed: 'left' | 'right'
+        initialWidth: number
+        initialClientX: number
+      }
     | undefined
 
   useEffect(() => {
diff --git a/frontend/apps/desktop/src/editor/web-embed.tsx b/frontend/apps/desktop/src/editor/web-embed.tsx
index 5a69af5c3..26ee32f1d 100644
--- a/frontend/apps/desktop/src/editor/web-embed.tsx
+++ b/frontend/apps/desktop/src/editor/web-embed.tsx
@@ -1,7 +1,7 @@
-import { isValidUrl } from '@shm/desktop/src/editor/utils'
-import { useOpenUrl } from '@shm/desktop/src/open-url'
-import { TwitterXIcon, XPostNotFound, XPostSkeleton, useTheme } from '@shm/ui'
-import { Fragment } from '@tiptap/pm/model'
+import {isValidUrl} from '@/editor/utils'
+import {useOpenUrl} from '@/open-url'
+import {TwitterXIcon, XPostNotFound, XPostSkeleton, useTheme} from '@shm/ui'
+import {Fragment} from '@tiptap/pm/model'
 import {
   QuotedTweet,
   TweetBody,
@@ -18,9 +18,9 @@ import {
   createReactBlockSpec,
   defaultProps,
 } from './blocknote'
-import { MediaContainer } from './media-container'
-import { DisplayComponentProps, MediaRender, MediaType } from './media-render'
-import { HMBlockSchema } from './schema'
+import {MediaContainer} from './media-container'
+import {DisplayComponentProps, MediaRender, MediaType} from './media-render'
+import {HMBlockSchema} from './schema'
 
 export const WebEmbed = createReactBlockSpec({
   type: 'web-embed',
@@ -64,7 +64,7 @@ const Render = (
   const submitTwitterLink = (url: string, assign: any, setFileName: any) => {
     if (isValidUrl(url)) {
       if (url.includes('twitter') || url.includes('x.com')) {
-        assign({ props: { url: url } } as MediaType)
+        assign({props: {url: url}} as MediaType)
       } else {
         setFileName({
           name: `The provided URL is not a twitter URL`,
@@ -72,7 +72,7 @@ const Render = (
         })
         return
       }
-    } else setFileName({ name: 'The provided URL is invalid.', color: 'red' })
+    } else setFileName({name: 'The provided URL is invalid.', color: 'red'})
     const cursorPosition = editor.getTextCursorPosition()
     editor.focus()
     if (cursorPosition.block.id === block.id) {
@@ -80,7 +80,7 @@ const Render = (
         editor.setTextCursorPosition(cursorPosition.nextBlock, 'start')
       else {
         editor.insertBlocks(
-          [{ type: 'paragraph', content: '' }],
+          [{type: 'paragraph', content: ''}],
           block.id,
           'after',
         )
@@ -112,7 +112,7 @@ const display = ({
 }: DisplayComponentProps) => {
   const urlArray = block.props.url.split('/')
   const xPostId = urlArray[urlArray.length - 1].split('?')[0]
-  const { data, error, isLoading } = useTweet(xPostId)
+  const {data, error, isLoading} = useTweet(xPostId)
   const openUrl = useOpenUrl()
 
   let xPostContent
diff --git a/frontend/apps/desktop/src/find-in-page.tsx b/frontend/apps/desktop/src/find-in-page.tsx
index cf7265165..1008e9698 100644
--- a/frontend/apps/desktop/src/find-in-page.tsx
+++ b/frontend/apps/desktop/src/find-in-page.tsx
@@ -1,12 +1,12 @@
-import { StyleProvider } from '@shm/desktop/src/app-context-provider'
-import { useStream } from '@shm/ui'
+import {StyleProvider} from '@/app-context-provider'
+import {useStream} from '@shm/ui'
 import '@tamagui/core/reset.css'
 import '@tamagui/font-inter/css/400.css'
 import '@tamagui/font-inter/css/700.css'
-import React, { useMemo } from 'react'
+import React, {useMemo} from 'react'
 import ReactDOM from 'react-dom/client'
-import { createIPC } from './ipc'
-import { FindInPage } from './pages/find-in-page'
+import {createIPC} from './ipc'
+import {FindInPage} from './pages/find-in-page'
 
 function FindInPageView() {
   const ipc = useMemo(() => createIPC(), [])
diff --git a/frontend/apps/desktop/src/ipc.ts b/frontend/apps/desktop/src/ipc.ts
index 750843010..37271cabe 100644
--- a/frontend/apps/desktop/src/ipc.ts
+++ b/frontend/apps/desktop/src/ipc.ts
@@ -1,6 +1,6 @@
-import {AppIPC} from '@shm/desktop/src/app-ipc'
+import {AppIPC} from '@/app-ipc'
 
-import {decodeRouteFromPath} from '@shm/desktop/src/utils/route-encoding'
+import {decodeRouteFromPath} from '@/utils/route-encoding'
 import {client} from './trpc'
 
 export function createIPC(): AppIPC {
diff --git a/frontend/apps/desktop/src/main.ts b/frontend/apps/desktop/src/main.ts
index 61cf08a84..aa2c5c52d 100644
--- a/frontend/apps/desktop/src/main.ts
+++ b/frontend/apps/desktop/src/main.ts
@@ -1,5 +1,5 @@
+import {defaultRoute} from '@/utils/routes'
 import * as Sentry from '@sentry/electron/main'
-import {defaultRoute} from '@shm/desktop/src/utils/routes'
 import {ELECTRON_HTTP_PORT, IS_PROD_DESKTOP} from '@shm/shared'
 import {
   BrowserWindow,
diff --git a/frontend/apps/desktop/src/models/accounts.ts b/frontend/apps/desktop/src/models/accounts.ts
index 4e0439861..6003195fa 100644
--- a/frontend/apps/desktop/src/models/accounts.ts
+++ b/frontend/apps/desktop/src/models/accounts.ts
@@ -1,8 +1,8 @@
+import {useGRPCClient, useQueryInvalidator} from '@/app-context'
+import appError from '@/errors'
+import {useDaemonInfo} from '@/models/daemon'
+import {queryKeys} from '@/models/query-keys'
 import {ConnectError} from '@connectrpc/connect'
-import {useGRPCClient, useQueryInvalidator} from '@shm/desktop/src/app-context'
-import appError from '@shm/desktop/src/errors'
-import {useDaemonInfo} from '@shm/desktop/src/models/daemon'
-import {queryKeys} from '@shm/desktop/src/models/query-keys'
 import {GRPCClient, HMAccount, Profile, hmAccount} from '@shm/shared'
 import {
   UseMutationOptions,
diff --git a/frontend/apps/desktop/src/models/app-settings.ts b/frontend/apps/desktop/src/models/app-settings.ts
index faf6e6664..99b1849d1 100644
--- a/frontend/apps/desktop/src/models/app-settings.ts
+++ b/frontend/apps/desktop/src/models/app-settings.ts
@@ -1,4 +1,4 @@
-import {trpc} from '@shm/desktop/src/trpc'
+import {trpc} from '@/trpc'
 import {toast} from '@shm/ui'
 import {useQueryInvalidator} from '../app-context'
 
diff --git a/frontend/apps/desktop/src/models/comments.ts b/frontend/apps/desktop/src/models/comments.ts
index d43f07331..b3d42e617 100644
--- a/frontend/apps/desktop/src/models/comments.ts
+++ b/frontend/apps/desktop/src/models/comments.ts
@@ -1,8 +1,8 @@
-import {useAppContext} from '@shm/desktop/src/app-context'
-import {createHypermediaDocLinkPlugin} from '@shm/desktop/src/editor'
-import {useOpenUrl} from '@shm/desktop/src/open-url'
-import {slashMenuItems} from '@shm/desktop/src/slash-menu-items'
-import {client, trpc} from '@shm/desktop/src/trpc'
+import {useAppContext} from '@/app-context'
+import {createHypermediaDocLinkPlugin} from '@/editor'
+import {useOpenUrl} from '@/open-url'
+import {slashMenuItems} from '@/slash-menu-items'
+import {client, trpc} from '@/trpc'
 import {
   HMComment,
   HMCommentDraft,
diff --git a/frontend/apps/desktop/src/models/daemon.ts b/frontend/apps/desktop/src/models/daemon.ts
index da47467a6..264410820 100644
--- a/frontend/apps/desktop/src/models/daemon.ts
+++ b/frontend/apps/desktop/src/models/daemon.ts
@@ -1,4 +1,4 @@
-import {useGRPCClient} from '@shm/desktop/src/app-context'
+import {useGRPCClient} from '@/app-context'
 import {useQuery} from '@tanstack/react-query'
 import {queryKeys} from './query-keys'
 
diff --git a/frontend/apps/desktop/src/models/documents.ts b/frontend/apps/desktop/src/models/documents.ts
index c267240a0..8b5716b00 100644
--- a/frontend/apps/desktop/src/models/documents.ts
+++ b/frontend/apps/desktop/src/models/documents.ts
@@ -1,19 +1,11 @@
+import {useAppContext, useGRPCClient, useQueryInvalidator} from '@/app-context'
+import {createHypermediaDocLinkPlugin} from '@/editor'
+import {useAccounts, useAllAccounts, useMyAccount} from '@/models/accounts'
+import {queryKeys} from '@/models/query-keys'
+import {useOpenUrl} from '@/open-url'
+import {slashMenuItems} from '@/slash-menu-items'
+import {trpc} from '@/trpc'
 import {Timestamp, toPlainMessage} from '@bufbuild/protobuf'
-import {
-  useAppContext,
-  useGRPCClient,
-  useQueryInvalidator,
-} from '@shm/desktop/src/app-context'
-import {createHypermediaDocLinkPlugin} from '@shm/desktop/src/editor'
-import {
-  useAccounts,
-  useAllAccounts,
-  useMyAccount,
-} from '@shm/desktop/src/models/accounts'
-import {queryKeys} from '@shm/desktop/src/models/query-keys'
-import {useOpenUrl} from '@shm/desktop/src/open-url'
-import {slashMenuItems} from '@shm/desktop/src/slash-menu-items'
-import {trpc} from '@shm/desktop/src/trpc'
 import {
   Document,
   DocumentChange,
diff --git a/frontend/apps/desktop/src/models/experiments.ts b/frontend/apps/desktop/src/models/experiments.ts
index 22c63f8e1..bae40a3bc 100644
--- a/frontend/apps/desktop/src/models/experiments.ts
+++ b/frontend/apps/desktop/src/models/experiments.ts
@@ -1,4 +1,4 @@
-import {trpc} from '@shm/desktop/src/trpc'
+import {trpc} from '@/trpc'
 import {toast} from '@shm/ui'
 import {useQueryInvalidator} from '../app-context'
 
diff --git a/frontend/apps/desktop/src/models/favorites.ts b/frontend/apps/desktop/src/models/favorites.ts
index d01289f31..b7e8e9e9e 100644
--- a/frontend/apps/desktop/src/models/favorites.ts
+++ b/frontend/apps/desktop/src/models/favorites.ts
@@ -1,8 +1,8 @@
-import { trpc } from '@shm/desktop/src/trpc'
-import { HMAccount, UnpackedHypermediaId, unpackHmId } from '@shm/shared'
-import { useMemo } from 'react'
-import { useQueryInvalidator } from '../app-context'
-import { useAccounts } from './accounts'
+import {trpc} from '@/trpc'
+import {HMAccount, UnpackedHypermediaId, unpackHmId} from '@shm/shared'
+import {useMemo} from 'react'
+import {useQueryInvalidator} from '../app-context'
+import {useAccounts} from './accounts'
 
 export type FavoriteItem =
   | {
diff --git a/frontend/apps/desktop/src/models/gateway-settings.ts b/frontend/apps/desktop/src/models/gateway-settings.ts
index 80c75e221..cc20098df 100644
--- a/frontend/apps/desktop/src/models/gateway-settings.ts
+++ b/frontend/apps/desktop/src/models/gateway-settings.ts
@@ -1,4 +1,4 @@
-import {trpc} from '@shm/desktop/src/trpc'
+import {trpc} from '@/trpc'
 import {
   HYPERMEDIA_PUBLIC_WEB_GATEWAY,
   StateStream,
diff --git a/frontend/apps/desktop/src/models/networking.ts b/frontend/apps/desktop/src/models/networking.ts
index f3d459290..c4a87485b 100644
--- a/frontend/apps/desktop/src/models/networking.ts
+++ b/frontend/apps/desktop/src/models/networking.ts
@@ -1,5 +1,5 @@
+import appError from '@/errors'
 import {ConnectError} from '@connectrpc/connect'
-import appError from '@shm/desktop/src/errors'
 import {ConnectionStatus, GRPCClient, PeerInfo} from '@shm/shared'
 import {
   FetchQueryOptions,
diff --git a/frontend/apps/desktop/src/models/recents.ts b/frontend/apps/desktop/src/models/recents.ts
index 4f2da0d6b..37e824e14 100644
--- a/frontend/apps/desktop/src/models/recents.ts
+++ b/frontend/apps/desktop/src/models/recents.ts
@@ -1,4 +1,4 @@
-import {trpc} from '@shm/desktop/src/trpc'
+import {trpc} from '@/trpc'
 import {useQueryInvalidator} from '../app-context'
 import {useNavRoute} from '../utils/navigation'
 import {getRecentsRouteEntityUrl} from '../utils/routes'
diff --git a/frontend/apps/desktop/src/models/web-links.ts b/frontend/apps/desktop/src/models/web-links.ts
index 009af721f..0bfd21e60 100644
--- a/frontend/apps/desktop/src/models/web-links.ts
+++ b/frontend/apps/desktop/src/models/web-links.ts
@@ -1,4 +1,4 @@
-import type {AppQueryClient} from '@shm/desktop/src/query-client'
+import type {AppQueryClient} from '@/query-client'
 import {parseFragment} from '@shm/shared'
 import {useQuery} from '@tanstack/react-query'
 import {useEffect, useRef, useState} from 'react'
diff --git a/frontend/apps/desktop/src/open-url.ts b/frontend/apps/desktop/src/open-url.ts
index 611203d90..8fbccee23 100644
--- a/frontend/apps/desktop/src/open-url.ts
+++ b/frontend/apps/desktop/src/open-url.ts
@@ -1,9 +1,6 @@
-import {useAppContext} from '@shm/desktop/src/app-context'
-import {
-  isHttpUrl,
-  useHmIdToAppRouteResolver,
-} from '@shm/desktop/src/utils/navigation'
-import {useNavigate} from '@shm/desktop/src/utils/useNavigate'
+import {useAppContext} from '@/app-context'
+import {isHttpUrl, useHmIdToAppRouteResolver} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
 import {toast} from '@shm/ui'
 import {useMemo} from 'react'
 
diff --git a/frontend/apps/desktop/src/pages/account-content-page.tsx b/frontend/apps/desktop/src/pages/account-content-page.tsx
index 53bb9c8f2..8733cbb18 100644
--- a/frontend/apps/desktop/src/pages/account-content-page.tsx
+++ b/frontend/apps/desktop/src/pages/account-content-page.tsx
@@ -1,18 +1,18 @@
-import { useCopyGatewayReference } from '@shm/desktop/src/components/copy-gateway-reference'
-import { copyLinkMenuItem } from '@shm/desktop/src/components/list-item'
-import { PublicationListItem } from '@shm/desktop/src/components/publication-list-item'
-import { useAllAccounts } from '@shm/desktop/src/models/accounts'
-import { useAccountPublications } from '@shm/desktop/src/models/documents'
-import { Profile, unpackDocId } from '@shm/shared'
-import { List } from '@shm/ui'
-import { useMemo } from 'react'
+import {useCopyGatewayReference} from '@/components/copy-gateway-reference'
+import {copyLinkMenuItem} from '@/components/list-item'
+import {PublicationListItem} from '@/components/publication-list-item'
+import {useAllAccounts} from '@/models/accounts'
+import {useAccountPublications} from '@/models/documents'
+import {Profile, unpackDocId} from '@shm/shared'
+import {List} from '@shm/ui'
+import {useMemo} from 'react'
 
 export function getAccountName(profile: Profile | undefined) {
   if (!profile) return ''
   return profile.alias || 'Untitled Account'
 }
 
-export function AccountPublications({ accountId }: { accountId: string }) {
+export function AccountPublications({accountId}: {accountId: string}) {
   const list = useAccountPublications(accountId)
   const accounts = useAllAccounts()
   const data = useMemo(() => {
@@ -48,8 +48,8 @@ export function AccountPublications({ accountId }: { accountId: string }) {
       <List
         header={null}
         items={data || []}
-        renderItem={({ item }) => {
-          const { publication, author, editors } = item
+        renderItem={({item}) => {
+          const {publication, author, editors} = item
           const docId = publication.document?.id
           if (!docId) return null
           return (
@@ -82,4 +82,3 @@ export function AccountPublications({ accountId }: { accountId: string }) {
     </>
   )
 }
-
diff --git a/frontend/apps/desktop/src/pages/account-page.tsx b/frontend/apps/desktop/src/pages/account-page.tsx
index badbf760f..346c42344 100644
--- a/frontend/apps/desktop/src/pages/account-page.tsx
+++ b/frontend/apps/desktop/src/pages/account-page.tsx
@@ -1,25 +1,25 @@
-import { AccessoryLayout } from '@shm/desktop/src/components/accessory-sidebar'
-import { Avatar } from '@shm/desktop/src/components/avatar'
-import { useCopyGatewayReference } from '@shm/desktop/src/components/copy-gateway-reference'
-import { useDeleteDialog } from '@shm/desktop/src/components/delete-dialog'
-import { FavoriteButton } from '@shm/desktop/src/components/favoriting'
-import Footer, { FooterButton } from '@shm/desktop/src/components/footer'
-import { OnlineIndicator } from '@shm/desktop/src/components/indicator'
-import { ListItem, copyLinkMenuItem } from '@shm/desktop/src/components/list-item'
-import { MainWrapperNoScroll } from '@shm/desktop/src/components/main-wrapper'
-import { PublicationListItem } from '@shm/desktop/src/components/publication-list-item'
-import { useAccount, useMyAccount } from '@shm/desktop/src/models/accounts'
-import { useAccountWithDevices } from '@shm/desktop/src/models/contacts'
-import { useEntityMentions } from '@shm/desktop/src/models/content-graph'
+import {AccessoryLayout} from '@/components/accessory-sidebar'
+import {Avatar} from '@/components/avatar'
+import {useCopyGatewayReference} from '@/components/copy-gateway-reference'
+import {useDeleteDialog} from '@/components/delete-dialog'
+import {FavoriteButton} from '@/components/favoriting'
+import Footer, {FooterButton} from '@/components/footer'
+import {OnlineIndicator} from '@/components/indicator'
+import {ListItem, copyLinkMenuItem} from '@/components/list-item'
+import {MainWrapperNoScroll} from '@/components/main-wrapper'
+import {PublicationListItem} from '@/components/publication-list-item'
+import {useAccount, useMyAccount} from '@/models/accounts'
+import {useAccountWithDevices} from '@/models/contacts'
+import {useEntityMentions} from '@/models/content-graph'
 import {
   useAccountPublicationFullList,
   useDraftList,
   usePublication,
-} from '@shm/desktop/src/models/documents'
-import { useResourceFeedWithLatest } from '@shm/desktop/src/models/feed'
-import { getAvatarUrl } from '@shm/desktop/src/utils/account-url'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+} from '@/models/documents'
+import {useResourceFeedWithLatest} from '@/models/feed'
+import {getAvatarUrl} from '@/utils/account-url'
+import {useNavRoute} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   Event,
   HMAccount,
@@ -33,7 +33,7 @@ import {
   hmId,
   pluralS,
   pluralizer,
-  unpackDocId
+  unpackDocId,
 } from '@shm/shared'
 import {
   AlertDialog,
@@ -54,14 +54,14 @@ import {
   copyTextToClipboard,
   toast,
 } from '@shm/ui'
-import { PageContainer } from '@shm/ui/src/container'
-import { Trash } from '@tamagui/lucide-icons'
-import React, { ReactNode, useMemo } from 'react'
-import { VirtuosoHandle } from 'react-virtuoso'
-import { EntityCitationsAccessory } from '../components/citations'
-import { CopyReferenceButton } from '../components/titlebar-common'
-import { FeedItem, FeedPageFooter, NewUpdatesButton } from './feed'
-import { AppPublicationContentProvider } from './publication-content-provider'
+import {PageContainer} from '@shm/ui/src/container'
+import {Trash} from '@tamagui/lucide-icons'
+import React, {ReactNode, useMemo} from 'react'
+import {VirtuosoHandle} from 'react-virtuoso'
+import {EntityCitationsAccessory} from '../components/citations'
+import {CopyReferenceButton} from '../components/titlebar-common'
+import {FeedItem, FeedPageFooter, NewUpdatesButton} from './feed'
+import {AppPublicationContentProvider} from './publication-content-provider'
 
 function DeviceRow({
   isOnline,
@@ -122,8 +122,8 @@ export default function AccountPage() {
             icon={BlockQuote}
             onPress={() => {
               if (route.accessory?.key === 'citations')
-                return replace({ ...route, accessory: null })
-              replace({ ...route, accessory: { key: 'citations' } })
+                return replace({...route, accessory: null})
+              replace({...route, accessory: {key: 'citations'}})
             }}
           />
         ) : null}
@@ -140,10 +140,10 @@ function MainAccountPage() {
   const account = useAccountWithDevices(accountId)
   const myAccount = useMyAccount()
   const isMe = myAccount.data?.id === accountId
-  const { data: documents } = useAccountPublicationFullList(
+  const {data: documents} = useAccountPublicationFullList(
     route.tab === 'documents' ? accountId : undefined,
   )
-  const { data: drafts } = useDraftList({})
+  const {data: drafts} = useDraftList({})
   const allDocs = useMemo(() => {
     if (route.tab !== 'documents') return []
     const allPubIds = new Set<string>()
@@ -151,12 +151,12 @@ function MainAccountPage() {
     const docs = documents.map((d) => {
       if (d.publication?.document?.id)
         allPubIds.add(d.publication?.document?.id)
-      return { key: 'document', ...d }
+      return {key: 'document', ...d}
     })
     if (!isMe) return docs
     const newDrafts = drafts.documents
       .filter((d) => !allPubIds.has(d.id))
-      .map((d) => ({ key: 'draft', document: d }))
+      .map((d) => ({key: 'draft', document: d}))
     return [...newDrafts, ...docs]
   }, [isMe, route.tab, drafts, documents])
   const [copyDialogContent, onCopyId] = useCopyGatewayReference()
@@ -166,15 +166,15 @@ function MainAccountPage() {
     | 'profile'
     | Event
     | {
-      key: 'document'
-      publication: HMPublication
-      author: HMAccount | undefined
-      editors: (HMAccount | undefined)[]
-    }
+        key: 'document'
+        publication: HMPublication
+        author: HMAccount | undefined
+        editors: (HMAccount | undefined)[]
+      }
     | {
-      key: 'draft'
-      document: HMDocument
-    }
+        key: 'draft'
+        document: HMDocument
+      }
   > = ['profile']
   const feed = useResourceFeedWithLatest(
     route.tab === 'activity' ? hmId('a', accountId).qid : undefined,
@@ -184,7 +184,7 @@ function MainAccountPage() {
   } else if (route.tab === 'activity') {
     items = feed.data || []
   }
-  const { content: deleteDialog, open: openDelete } = useDeleteDialog()
+  const {content: deleteDialog, open: openDelete} = useDeleteDialog()
   const navigate = useNavigate()
   return (
     <>
@@ -198,7 +198,7 @@ function MainAccountPage() {
         onEndReached={() => {
           if (route.tab === 'activity') feed.fetchNextPage()
         }}
-        renderItem={({ item }) => {
+        renderItem={({item}) => {
           if (item === 'profile') {
             return <ProfileDoc />
           }
@@ -255,7 +255,7 @@ function MainAccountPage() {
                 theme="yellow"
                 backgroundColor="$color3"
                 accessory={
-                  <Button disabled onPress={(e) => { }} size="$1">
+                  <Button disabled onPress={(e) => {}} size="$1">
                     Draft
                   </Button>
                 }
@@ -270,7 +270,7 @@ function MainAccountPage() {
       {route.tab === 'activity' && feed.hasNewItems && (
         <NewUpdatesButton
           onPress={() => {
-            scrollRef.current?.scrollTo({ top: 0 })
+            scrollRef.current?.scrollTo({top: 0})
             feed.refetch()
           }}
         />
@@ -333,15 +333,15 @@ function AccountPageHeader() {
                     {isMe
                       ? 'My Devices'
                       : isConnected
-                        ? 'Connected'
-                        : 'Offline'}
+                      ? 'Connected'
+                      : 'Offline'}
                   </Button>
                 </Popover.Trigger>
                 <Popover.Content
                   padding={0}
                   elevation="$2"
-                  enterStyle={{ y: -10, opacity: 0 }}
-                  exitStyle={{ y: -10, opacity: 0 }}
+                  enterStyle={{y: -10, opacity: 0}}
+                  exitStyle={{y: -10, opacity: 0}}
                   elevate
                   animation={[
                     'fast',
@@ -383,12 +383,12 @@ function AccountPageHeader() {
               key={route.tab}
               value={route.tab || 'profile'}
               options={[
-                { key: 'profile', label: 'Profile' },
-                { key: 'documents', label: 'Documents' },
-                { key: 'activity', label: 'Activity' },
+                {key: 'profile', label: 'Profile'},
+                {key: 'documents', label: 'Documents'},
+                {key: 'activity', label: 'Activity'},
               ]}
               onValue={(tab) => {
-                replace({ ...route, tab })
+                replace({...route, tab})
               }}
             />
           </XStack>
@@ -398,7 +398,7 @@ function AccountPageHeader() {
   )
 }
 
-function ProfileDoc({ }: {}) {
+function ProfileDoc({}: {}) {
   const route = useNavRoute()
   const accountRoute = route.key === 'account' ? route : undefined
   if (!accountRoute) throw new Error('Invalid route, no account id')
@@ -417,28 +417,28 @@ function ProfileDoc({ }: {}) {
 
   const pubDataWithHeading =
     pub.data?.document?.title &&
-      account.data?.profile?.alias !== pub.data?.document?.title
+    account.data?.profile?.alias !== pub.data?.document?.title
       ? {
-        ...pub.data,
-        document: {
-          ...pub.data.document,
-          children: [
-            {
-              block: {
-                type: 'heading',
-                text: pub.data.document.title,
+          ...pub.data,
+          document: {
+            ...pub.data.document,
+            children: [
+              {
+                block: {
+                  type: 'heading',
+                  text: pub.data.document.title,
+                },
+                children: pub.data.document.children,
               },
-              children: pub.data.document.children,
-            },
-          ],
-        },
-      }
+            ],
+          },
+        }
       : pub.data
 
   return pub.status == 'success' && pub.data ? (
     <PageContainer>
       <AppPublicationContentProvider
-        routeParams={{ blockRef: accountRoute?.blockId }}
+        routeParams={{blockRef: accountRoute?.blockId}}
       >
         <PublicationContent
           publication={pubDataWithHeading}
diff --git a/frontend/apps/desktop/src/pages/blocknote.tsx b/frontend/apps/desktop/src/pages/blocknote.tsx
index 9fc4623dc..404cc2fee 100644
--- a/frontend/apps/desktop/src/pages/blocknote.tsx
+++ b/frontend/apps/desktop/src/pages/blocknote.tsx
@@ -4,8 +4,8 @@ import {
   defaultBlockSchema,
   HMBlockSchema,
   useBlockNote,
-} from '@shm/desktop/src/editor'
-import { YStack } from '@shm/ui'
+} from '@/editor'
+import {YStack} from '@shm/ui'
 
 export default function BlockNoteDemo() {
   // Creates a new editor instance.
diff --git a/frontend/apps/desktop/src/pages/comment-draft.tsx b/frontend/apps/desktop/src/pages/comment-draft.tsx
index e431f5f27..28c0ff5fd 100644
--- a/frontend/apps/desktop/src/pages/comment-draft.tsx
+++ b/frontend/apps/desktop/src/pages/comment-draft.tsx
@@ -1,31 +1,29 @@
-import {
-  getBlockInfoFromPos,
-} from '@shm/desktop/src/editor'
-import { StateStream, unpackHmId } from '@shm/shared'
-import { Button, ChevronUp, SizableText, YStack, useStream } from '@shm/ui'
+import {getBlockInfoFromPos} from '@/editor'
+import {StateStream, unpackHmId} from '@shm/shared'
+import {Button, ChevronUp, SizableText, YStack, useStream} from '@shm/ui'
 
 import {
   CommentPageTitlebarWithDocId,
   CommentPresentation,
   CommentThread,
-} from '@shm/desktop/src/components/comments'
-import { useDeleteCommentDraftDialog } from '@shm/desktop/src/components/delete-comment-draft-dialog'
-import { MainWrapperStandalone } from '@shm/desktop/src/components/main-wrapper'
-import { useComment, useCommentEditor } from '@shm/desktop/src/models/comments'
+} from '@/components/comments'
+import {useDeleteCommentDraftDialog} from '@/components/delete-comment-draft-dialog'
+import {MainWrapperStandalone} from '@/components/main-wrapper'
+import {useComment, useCommentEditor} from '@/models/comments'
 import {
   chromiumSupportedImageMimeTypes,
   chromiumSupportedVideoMimeTypes,
   generateBlockId,
   handleDragMedia,
-} from '@shm/desktop/src/utils/media-drag'
-import { useEffect, useState } from 'react'
-import { XStack } from 'tamagui'
+} from '@/utils/media-drag'
+import {useEffect, useState} from 'react'
+import {XStack} from 'tamagui'
 
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { HMEditorContainer, HyperMediaEditorView } from 'src/components/editor'
+import {useNavRoute} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
+import {HMEditorContainer, HyperMediaEditorView} from 'src/components/editor'
 import './comment-draft.css'
-import { AppPublicationContentProvider } from './publication-content-provider'
+import {AppPublicationContentProvider} from './publication-content-provider'
 
 function CommitBar({
   onSubmit,
@@ -103,7 +101,7 @@ function TargetComment({
         <XStack jc="center">
           <Button
             onPress={() => {
-              replace({ ...route, showThread: true })
+              replace({...route, showThread: true})
             }}
             icon={ChevronUp}
             chromeless
@@ -206,7 +204,7 @@ export default function CommentDraftPage() {
                       return handleDragMedia(file).then((props) => {
                         if (!props) return false
 
-                        const { state } = ttEditor.view
+                        const {state} = ttEditor.view
                         let blockNode
                         const newId = generateBlockId()
 
@@ -295,7 +293,7 @@ export default function CommentDraftPage() {
       <CommitBar
         isSaved={isSaved}
         onSubmit={onSubmit}
-        onDiscard={() => discardComment.open({ onConfirm: onDiscard })}
+        onDiscard={() => discardComment.open({onConfirm: onDiscard})}
         targetCommentId={targetCommentId}
       />
       {discardComment.content}
diff --git a/frontend/apps/desktop/src/pages/comment.tsx b/frontend/apps/desktop/src/pages/comment.tsx
index 8d8ab92b9..fd632a27b 100644
--- a/frontend/apps/desktop/src/pages/comment.tsx
+++ b/frontend/apps/desktop/src/pages/comment.tsx
@@ -3,13 +3,13 @@ import {
   CommentPageTitlebarWithDocId,
   CommentPresentation,
   CommentThread,
-} from '@shm/desktop/src/components/comments'
-import { MainWrapperStandalone } from '@shm/desktop/src/components/main-wrapper'
-import { useComment, usePublicationCommentGroups } from '@shm/desktop/src/models/comments'
-import { trpc } from '@shm/desktop/src/trpc'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { HMComment, createHmId, unpackHmId } from '@shm/shared'
+} from '@/components/comments'
+import {MainWrapperStandalone} from '@/components/main-wrapper'
+import {useComment, usePublicationCommentGroups} from '@/models/comments'
+import {trpc} from '@/trpc'
+import {useNavRoute} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
+import {HMComment, createHmId, unpackHmId} from '@shm/shared'
 import {
   Button,
   ChevronUp,
@@ -19,7 +19,7 @@ import {
   YStack,
   copyUrlToClipboardWithFeedback,
 } from '@shm/ui'
-import { Reply } from '@tamagui/lucide-icons'
+import {Reply} from '@tamagui/lucide-icons'
 
 export default function CommentPage() {
   const route = useNavRoute()
@@ -79,7 +79,7 @@ export default function CommentPage() {
           <XStack jc="center" marginHorizontal="$2">
             <Button
               onPress={() => {
-                replace({ ...route, showThread: true })
+                replace({...route, showThread: true})
               }}
               icon={ChevronUp}
               chromeless
diff --git a/frontend/apps/desktop/src/pages/contacts-page.tsx b/frontend/apps/desktop/src/pages/contacts-page.tsx
index 65751d90c..25693f0fc 100644
--- a/frontend/apps/desktop/src/pages/contacts-page.tsx
+++ b/frontend/apps/desktop/src/pages/contacts-page.tsx
@@ -1,19 +1,23 @@
-import { Avatar } from '@shm/desktop/src/components/avatar'
-import { useCopyGatewayReference } from '@shm/desktop/src/components/copy-gateway-reference'
-import { useDeleteDialog } from '@shm/desktop/src/components/delete-dialog'
-import { FavoriteButton } from '@shm/desktop/src/components/favoriting'
-import Footer from '@shm/desktop/src/components/footer'
-import { OnlineIndicator } from '@shm/desktop/src/components/indicator'
-import { ListItem, copyLinkMenuItem } from '@shm/desktop/src/components/list-item'
-import { MainWrapper, MainWrapperNoScroll } from '@shm/desktop/src/components/main-wrapper'
-import { MenuItemType } from '@shm/desktop/src/components/options-dropdown'
-import { useAccountIsConnected, useAllAccounts, useMyAccount } from '@shm/desktop/src/models/accounts'
-import { useFavorite } from '@shm/desktop/src/models/favorites'
-import { useGatewayUrl } from '@shm/desktop/src/models/gateway-settings'
-import { getAvatarUrl } from '@shm/desktop/src/utils/account-url'
-import { AccountRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { HMAccount, createHmId, hmId } from '@shm/shared'
+import {Avatar} from '@/components/avatar'
+import {useCopyGatewayReference} from '@/components/copy-gateway-reference'
+import {useDeleteDialog} from '@/components/delete-dialog'
+import {FavoriteButton} from '@/components/favoriting'
+import Footer from '@/components/footer'
+import {OnlineIndicator} from '@/components/indicator'
+import {ListItem, copyLinkMenuItem} from '@/components/list-item'
+import {MainWrapper, MainWrapperNoScroll} from '@/components/main-wrapper'
+import {MenuItemType} from '@/components/options-dropdown'
+import {
+  useAccountIsConnected,
+  useAllAccounts,
+  useMyAccount,
+} from '@/models/accounts'
+import {useFavorite} from '@/models/favorites'
+import {useGatewayUrl} from '@/models/gateway-settings'
+import {getAvatarUrl} from '@/utils/account-url'
+import {AccountRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
+import {HMAccount, createHmId, hmId} from '@shm/shared'
 import {
   ArrowUpRight,
   Container,
@@ -23,7 +27,7 @@ import {
   XStack,
   YStack,
 } from '@shm/ui'
-import { Trash } from '@tamagui/lucide-icons'
+import {Trash} from '@tamagui/lucide-icons'
 
 export function ContactItem({
   account,
@@ -32,7 +36,7 @@ export function ContactItem({
 }: {
   account: HMAccount
   onCopy: () => void
-  onDelete?: (input: { id: string; title?: string }) => void
+  onDelete?: (input: {id: string; title?: string}) => void
 }) {
   const navigate = useNavigate()
   const spawn = useNavigate('spawn')
@@ -43,7 +47,7 @@ export function ContactItem({
   const gwUrl = useGatewayUrl()
   const accountId = account.id
   if (!accountId) throw new Error('Account ID is required')
-  const openRoute: AccountRoute = { key: 'account', accountId }
+  const openRoute: AccountRoute = {key: 'account', accountId}
   const menuItems: (MenuItemType | null)[] = [
     {
       key: 'spawn',
@@ -91,7 +95,7 @@ export function ContactItem({
             <XStack
               opacity={favorite.isFavorited ? 1 : 0}
               $group-item-hover={
-                favorite.isFavorited ? undefined : { opacity: 1 }
+                favorite.isFavorited ? undefined : {opacity: 1}
               }
             >
               <FavoriteButton url={accountUrl} />
@@ -105,7 +109,7 @@ export function ContactItem({
   )
 }
 
-function ErrorPage({ }: { error: any }) {
+function ErrorPage({}: {error: any}) {
   // todo, this!
   return (
     <MainWrapper>
@@ -163,7 +167,7 @@ export default function ContactsPage() {
       <MainWrapperNoScroll>
         <List
           items={[...trustedAccounts, ...untrustedAccounts]}
-          renderItem={({ item }) => {
+          renderItem={({item}) => {
             return (
               <ContactItem
                 key={item.id}
diff --git a/frontend/apps/desktop/src/pages/deleted-content.tsx b/frontend/apps/desktop/src/pages/deleted-content.tsx
index d4fe4e123..d3362f04a 100644
--- a/frontend/apps/desktop/src/pages/deleted-content.tsx
+++ b/frontend/apps/desktop/src/pages/deleted-content.tsx
@@ -1,4 +1,4 @@
-import { useDeletedContent, useUndeleteEntity } from '@shm/desktop/src/models/entities'
+import {useDeletedContent, useUndeleteEntity} from '@/models/entities'
 import {
   HMDeletedEntity,
   HYPERMEDIA_ENTITY_TYPES,
@@ -6,8 +6,8 @@ import {
   formattedDateMedium,
   unpackHmId,
 } from '@shm/shared'
-import { Button, List, SizableText, Tooltip, View, XStack } from '@shm/ui'
-import { ShieldX } from '@tamagui/lucide-icons'
+import {Button, List, SizableText, Tooltip, View, XStack} from '@shm/ui'
+import {ShieldX} from '@tamagui/lucide-icons'
 
 export default function DeletedContent() {
   const deleted = useDeletedContent()
@@ -16,7 +16,7 @@ export default function DeletedContent() {
       items={deleted.data || []}
       header={<View height={20} />}
       footer={<View height={20} />}
-      renderItem={({ item }) => {
+      renderItem={({item}) => {
         return (
           <XStack
             paddingVertical="$1.5"
@@ -50,7 +50,7 @@ export default function DeletedContent() {
   )
 }
 
-function UndeleteButton({ item }: { item: HMDeletedEntity }) {
+function UndeleteButton({item}: {item: HMDeletedEntity}) {
   const undelete = useUndeleteEntity()
   const unpackedId = item.id ? unpackHmId(item.id) : null
   if (!unpackedId) return null
@@ -64,7 +64,7 @@ function UndeleteButton({ item }: { item: HMDeletedEntity }) {
         size="$2"
         onPress={() => {
           if (!item.id) return
-          undelete.mutate({ id: item.id })
+          undelete.mutate({id: item.id})
         }}
         icon={ShieldX}
       ></Button>
diff --git a/frontend/apps/desktop/src/pages/document-placeholder.tsx b/frontend/apps/desktop/src/pages/document-placeholder.tsx
index 52bd9b06a..be5bcc145 100644
--- a/frontend/apps/desktop/src/pages/document-placeholder.tsx
+++ b/frontend/apps/desktop/src/pages/document-placeholder.tsx
@@ -1,5 +1,5 @@
-import { Placeholder } from '@shm/desktop/src/components/placeholder-box'
-import { YStack } from '@shm/ui'
+import {Placeholder} from '@/components/placeholder-box'
+import {YStack} from '@shm/ui'
 
 export function DocumentPlaceholder() {
   return (
diff --git a/frontend/apps/desktop/src/pages/document.tsx b/frontend/apps/desktop/src/pages/document.tsx
index 0245efb18..9909761d8 100644
--- a/frontend/apps/desktop/src/pages/document.tsx
+++ b/frontend/apps/desktop/src/pages/document.tsx
@@ -1,21 +1,21 @@
-import { EntityVersionsAccessory } from '@shm/desktop/src/changes-list'
-import { AccessoryLayout } from '@shm/desktop/src/components/accessory-sidebar'
-import { BaseAccountLinkAvatar } from '@shm/desktop/src/components/account-link-avatar'
-import { CitationsProvider } from '@shm/desktop/src/components/citations-context'
-import { EntityCommentsAccessory } from '@shm/desktop/src/components/comments'
-import { PushToGatewayDialog } from '@shm/desktop/src/components/copy-gateway-reference'
-import { useAppDialog } from '@shm/desktop/src/components/dialog'
-import { FavoriteButton } from '@shm/desktop/src/components/favoriting'
-import Footer, { FooterButton } from '@shm/desktop/src/components/footer'
-import { MainWrapper } from '@shm/desktop/src/components/main-wrapper'
-import { useAccounts } from '@shm/desktop/src/models/accounts'
-import { useDocHistory } from '@shm/desktop/src/models/changes'
-import { useAllPublicationComments, useCreateComment } from '@shm/desktop/src/models/comments'
-import { useEntityMentions } from '@shm/desktop/src/models/content-graph'
-import { useGatewayHost } from '@shm/desktop/src/models/gateway-settings'
-import { usePublicationVariant } from '@shm/desktop/src/models/publication'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+import {EntityVersionsAccessory} from '@/changes-list'
+import {AccessoryLayout} from '@/components/accessory-sidebar'
+import {BaseAccountLinkAvatar} from '@/components/account-link-avatar'
+import {CitationsProvider} from '@/components/citations-context'
+import {EntityCommentsAccessory} from '@/components/comments'
+import {PushToGatewayDialog} from '@/components/copy-gateway-reference'
+import {useAppDialog} from '@/components/dialog'
+import {FavoriteButton} from '@/components/favoriting'
+import Footer, {FooterButton} from '@/components/footer'
+import {MainWrapper} from '@/components/main-wrapper'
+import {useAccounts} from '@/models/accounts'
+import {useDocHistory} from '@/models/changes'
+import {useAllPublicationComments, useCreateComment} from '@/models/comments'
+import {useEntityMentions} from '@/models/content-graph'
+import {useGatewayHost} from '@/models/gateway-settings'
+import {usePublicationVariant} from '@/models/publication'
+import {useNavRoute} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
 import {
   Document,
   PublicationContent,
@@ -32,17 +32,17 @@ import {
   SizableText,
   Text,
   XStack,
-  YStack
+  YStack,
 } from '@shm/ui'
-import { History, MessageSquare } from '@tamagui/lucide-icons'
+import {History, MessageSquare} from '@tamagui/lucide-icons'
 import 'allotment/dist/style.css'
-import { ReactNode, useEffect, useRef } from 'react'
-import { ErrorBoundary } from 'react-error-boundary'
-import { AppErrorPage } from '../components/app-error'
-import { EntityCitationsAccessory } from '../components/citations'
-import { CopyReferenceButton } from '../components/titlebar-common'
-import { getAccountName } from './account-page'
-import { AppPublicationContentProvider } from './publication-content-provider'
+import {ReactNode, useEffect, useRef} from 'react'
+import {ErrorBoundary} from 'react-error-boundary'
+import {AppErrorPage} from '../components/app-error'
+import {EntityCitationsAccessory} from '../components/citations'
+import {CopyReferenceButton} from '../components/titlebar-common'
+import {getAccountName} from './account-page'
+import {AppPublicationContentProvider} from './publication-content-provider'
 
 export default function PublicationPage() {
   const route = useNavRoute()
@@ -72,7 +72,7 @@ export default function PublicationPage() {
   const pushToGatewayDialog = useAppDialog(PushToGatewayDialog, {
     onClose: () => {
       if (route.immediatelyPromptPush) {
-        replace({ ...route, immediatelyPromptPush: false })
+        replace({...route, immediatelyPromptPush: false})
       }
     },
   })
@@ -124,7 +124,7 @@ export default function PublicationPage() {
           documentId={docId}
           onCitationsOpen={() => {
             // todo, pass active citations into route
-            replace({ ...route, accessory: { key: 'citations' } })
+            replace({...route, accessory: {key: 'citations'}})
           }}
         >
           <AccessoryLayout accessory={accessory}>
@@ -139,11 +139,11 @@ export default function PublicationPage() {
                   citations={mentions.data?.mentions}
                   onCitationClick={() => {
                     if (route.accessory?.key === 'citations')
-                      return replace({ ...route, accessory: null })
-                    replace({ ...route, accessory: { key: 'citations' } })
+                      return replace({...route, accessory: null})
+                    replace({...route, accessory: {key: 'citations'}})
                   }}
                   onBlockComment={(blockId, blockRange) => {
-                    replace({ ...route, accessory: { key: 'comments' } })
+                    replace({...route, accessory: {key: 'comments'}})
                     const version = publication.data?.publication?.version
                     if (!id) throw new Error('invalid doc id')
                     if (!version)
@@ -164,14 +164,11 @@ export default function PublicationPage() {
                     right={
                       <XStack
                         gap="$2"
-                      // opacity={0}
-                      // $group-header-hover={{opacity: 1}}
+                        // opacity={0}
+                        // $group-header-hover={{opacity: 1}}
                       >
                         {id && (
-                          <FavoriteButton
-                            url={createHmId('d', id.eid, {
-                            })}
-                          />
+                          <FavoriteButton url={createHmId('d', id.eid, {})} />
                         )}
                         <CopyReferenceButton />
                       </XStack>
@@ -217,8 +214,8 @@ export default function PublicationPage() {
                 icon={BlockQuote}
                 onPress={() => {
                   if (route.accessory?.key === 'citations')
-                    return replace({ ...route, accessory: null })
-                  replace({ ...route, accessory: { key: 'citations' } })
+                    return replace({...route, accessory: null})
+                  replace({...route, accessory: {key: 'citations'}})
                 }}
               />
             ) : null}
@@ -259,8 +256,8 @@ function PublicationCommentaryButton() {
       active={accessoryKey === 'comments'}
       onPress={() => {
         if (route.accessory?.key === 'comments')
-          return replace({ ...route, accessory: null })
-        replace({ ...route, accessory: { key: 'comments' } })
+          return replace({...route, accessory: null})
+        replace({...route, accessory: {key: 'comments'}})
       }}
     />
   )
@@ -286,14 +283,14 @@ function DocumentVersionsFooterButton({
       icon={History}
       onPress={() => {
         if (route.accessory?.key === 'versions')
-          return replace({ ...route, accessory: null })
-        replace({ ...route, accessory: { key: 'versions' } })
+          return replace({...route, accessory: null})
+        replace({...route, accessory: {key: 'versions'}})
       }}
     />
   )
 }
 
-function DocumentPageMeta({ document }: { document: Document }) {
+function DocumentPageMeta({document}: {document: Document}) {
   const editors = useAccounts(document.document?.editors || [])
   const navigate = useNavigate()
 
@@ -342,7 +339,7 @@ function DocumentPageMeta({ document }: { document: Document }) {
                     key={account.id}
                     fontWeight={'bold'}
                     onPress={() => {
-                      navigate({ key: 'account', accountId: account.id })
+                      navigate({key: 'account', accountId: account.id})
                     }}
                     hoverStyle={{
                       textDecorationLine: 'underline',
diff --git a/frontend/apps/desktop/src/pages/draft-rebase.tsx b/frontend/apps/desktop/src/pages/draft-rebase.tsx
index 6e9c5cc74..eb21cbd0e 100644
--- a/frontend/apps/desktop/src/pages/draft-rebase.tsx
+++ b/frontend/apps/desktop/src/pages/draft-rebase.tsx
@@ -1,8 +1,8 @@
-import { BlockNoteEditor } from '@shm/desktop/src/editor'
-import { YStack } from '@shm/ui'
-import { useMemo, useState } from 'react'
-import { HyperMediaEditorView } from 'src/components/editor'
-import { AppPublicationContentProvider } from './publication-content-provider'
+import {BlockNoteEditor} from '@/editor'
+import {YStack} from '@shm/ui'
+import {useMemo, useState} from 'react'
+import {HyperMediaEditorView} from 'src/components/editor'
+import {AppPublicationContentProvider} from './publication-content-provider'
 
 export default function DraftRebase() {
   // const [state, send, actor] = useDraftRebase()
diff --git a/frontend/apps/desktop/src/pages/draft.tsx b/frontend/apps/desktop/src/pages/draft.tsx
index 523db5113..3c4403c3e 100644
--- a/frontend/apps/desktop/src/pages/draft.tsx
+++ b/frontend/apps/desktop/src/pages/draft.tsx
@@ -1,31 +1,28 @@
-import { useGRPCClient } from '@shm/desktop/src/app-context'
-import Footer from '@shm/desktop/src/components/footer'
-import { MainWrapper } from '@shm/desktop/src/components/main-wrapper'
-import { subscribeDraftFocus } from '@shm/desktop/src/draft-focusing'
-import {
-  BlockNoteEditor,
-  getBlockInfoFromPos,
-} from '@shm/desktop/src/editor'
-import { useMyAccount } from '@shm/desktop/src/models/accounts'
+import {useGRPCClient} from '@/app-context'
+import Footer from '@/components/footer'
+import {MainWrapper} from '@/components/main-wrapper'
+import {subscribeDraftFocus} from '@/draft-focusing'
+import {BlockNoteEditor, getBlockInfoFromPos} from '@/editor'
+import {useMyAccount} from '@/models/accounts'
 import {
   compareDraftWithMap,
   createBlocksMap,
   extractDeletes,
   useDraftEditor,
-} from '@shm/desktop/src/models/documents'
-import { DraftStatusContext, draftMachine } from '@shm/desktop/src/models/draft-machine'
-import { useHasDevTools } from '@shm/desktop/src/models/experiments'
-import { useGatewayUrl } from '@shm/desktop/src/models/gateway-settings'
-import { trpc } from '@shm/desktop/src/trpc'
+} from '@/models/documents'
+import {DraftStatusContext, draftMachine} from '@/models/draft-machine'
+import {useHasDevTools} from '@/models/experiments'
+import {useGatewayUrl} from '@/models/gateway-settings'
+import {trpc} from '@/trpc'
 import {
   chromiumSupportedImageMimeTypes,
   chromiumSupportedVideoMimeTypes,
   generateBlockId,
   handleDragMedia,
-} from '@shm/desktop/src/utils/media-drag'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useOpenDraft } from '@shm/desktop/src/utils/open-draft'
-import { DraftRoute } from '@shm/desktop/src/utils/routes'
+} from '@/utils/media-drag'
+import {useNavRoute} from '@/utils/navigation'
+import {useOpenDraft} from '@/utils/open-draft'
+import {DraftRoute} from '@/utils/routes'
 import {
   BlockRange,
   ExpandedBlockRange,
@@ -50,12 +47,12 @@ import {
   copyUrlToClipboardWithFeedback,
   useStream,
 } from '@shm/ui'
-import { useSelector } from '@xstate/react'
-import { useEffect, useRef, useState } from 'react'
-import { ErrorBoundary, FallbackProps } from 'react-error-boundary'
-import { HMEditorContainer, HyperMediaEditorView } from 'src/components/editor'
-import { ActorRefFrom } from 'xstate'
-import { AppPublicationContentProvider } from './publication-content-provider'
+import {useSelector} from '@xstate/react'
+import {useEffect, useRef, useState} from 'react'
+import {ErrorBoundary, FallbackProps} from 'react-error-boundary'
+import {HMEditorContainer, HyperMediaEditorView} from 'src/components/editor'
+import {ActorRefFrom} from 'xstate'
+import {AppPublicationContentProvider} from './publication-content-provider'
 
 export default function DraftPage() {
   let route = useNavRoute()
@@ -120,7 +117,7 @@ export default function DraftPage() {
 
     const result = data.draft?.children
       ? compareDraftWithMap({}, data.draft.children, '')
-      : { changes: [], touchedBlocks: [] }
+      : {changes: [], touchedBlocks: []}
     const deletedBlocks = extractDeletes(prevBlocksMap, result.touchedBlocks)
 
     try {
@@ -225,7 +222,7 @@ export default function DraftPage() {
                         return handleDragMedia(file).then((props) => {
                           if (!props) return false
 
-                          const { state } = ttEditor.view
+                          const {state} = ttEditor.view
                           let blockNode
                           const newId = generateBlockId()
 
@@ -265,13 +262,13 @@ export default function DraftPage() {
                           )
 
                           if (index === 0) {
-                            ; (data.editor as BlockNoteEditor).insertBlocks(
+                            ;(data.editor as BlockNoteEditor).insertBlocks(
                               [blockNode],
                               blockInfo.id,
                               blockInfo.node.textContent ? 'after' : 'before',
                             )
                           } else {
-                            ; (data.editor as BlockNoteEditor).insertBlocks(
+                            ;(data.editor as BlockNoteEditor).insertBlocks(
                               [blockNode],
                               lastId,
                               'after',
@@ -379,7 +376,7 @@ export default function DraftPage() {
                 }}
                 importWebFile={importWebFile}
               >
-                {data.state.matches({ ready: 'saveError' }) ? (
+                {data.state.matches({ready: 'saveError'}) ? (
                   <XStack padding="$4" position="sticky" top={0} zIndex={100}>
                     <XStack
                       flex={1}
@@ -420,7 +417,7 @@ export default function DraftPage() {
                               //   borderColor: '$red7',
                               // }}
                               size="$2"
-                              onPress={() => data.send({ type: 'RESTORE.DRAFT' })}
+                              onPress={() => data.send({type: 'RESTORE.DRAFT'})}
                               $sm={{
                                 alignSelf: 'stretch',
                               }}
@@ -451,7 +448,7 @@ export default function DraftPage() {
                               alignSelf: 'stretch',
                             }}
                             size="$2"
-                            onPress={() => data.send({ type: 'RESET.DRAFT' })}
+                            onPress={() => data.send({type: 'RESET.DRAFT'})}
                           >
                             Reset to the initial state
                           </Button>
@@ -465,7 +462,7 @@ export default function DraftPage() {
                   onPress={(e) => {
                     e.stopPropagation()
                   }}
-                // style={{border: '1px solid green'}}
+                  // style={{border: '1px solid green'}}
                 >
                   <DraftTitleInput
                     fixedTitle={fixedTitle}
@@ -477,10 +474,10 @@ export default function DraftPage() {
                 </YStack>
                 <HMEditorContainer>
                   {data.state.context.draft &&
-                    data.editor &&
-                    data.editor.topLevelBlocks.length ? (
+                  data.editor &&
+                  data.editor.topLevelBlocks.length ? (
                     <HyperMediaEditorView
-                      editable={!data.state.matches({ ready: 'saveError' })}
+                      editable={!data.state.matches({ready: 'saveError'})}
                       editor={data.editor}
                     />
                   ) : null}
@@ -535,7 +532,7 @@ export default function DraftPage() {
               <Button
                 size="$2"
                 onPress={() => {
-                  data.send({ type: 'RESET.CORRUPT.DRAFT' })
+                  data.send({type: 'RESET.CORRUPT.DRAFT'})
                 }}
               >
                 Reset Draft
@@ -586,7 +583,7 @@ export function DraftTitleInput({
   draftActor: ActorRefFrom<typeof draftMachine>
   disabled?: boolean
 }) {
-  const { textUnit, layoutUnit } = usePublicationContentContext()
+  const {textUnit, layoutUnit} = usePublicationContentContext()
   let headingTextStyles = useHeadingTextStyles(1, textUnit)
   const title = useSelector(draftActor, (s) => s.context.title || '')
 
@@ -668,7 +665,7 @@ export function DraftTitleInput({
         // value={title}
         onChangeText={(title) => {
           // TODO: change title here
-          draftActor.send({ type: 'CHANGE', title })
+          draftActor.send({type: 'CHANGE', title})
         }}
         placeholder="Untitled Document"
         {...headingTextStyles}
@@ -711,7 +708,7 @@ function DraftDevTools({
         </Button>
       </XStack>
       {debugValue && (
-        <code style={{ whiteSpace: 'pre-wrap' }}>
+        <code style={{whiteSpace: 'pre-wrap'}}>
           {JSON.stringify(editorValue, null, 2)}
         </code>
       )}
@@ -723,7 +720,7 @@ function DraftError({
   documentId,
   error,
   resetErrorBoundary,
-}: FallbackProps & { documentId: string }) {
+}: FallbackProps & {documentId: string}) {
   return (
     <Theme name="red">
       <YStack
diff --git a/frontend/apps/desktop/src/pages/explore.tsx b/frontend/apps/desktop/src/pages/explore.tsx
index de95283db..2c2a01107 100644
--- a/frontend/apps/desktop/src/pages/explore.tsx
+++ b/frontend/apps/desktop/src/pages/explore.tsx
@@ -1,6 +1,6 @@
-import Footer from '@shm/desktop/src/components/footer'
-import { MainWrapperNoScroll } from '@shm/desktop/src/components/main-wrapper'
-import { PublicationsList } from '@shm/desktop/src/components/publication-list'
+import Footer from '@/components/footer'
+import {MainWrapperNoScroll} from '@/components/main-wrapper'
+import {PublicationsList} from '@/components/publication-list'
 
 export default function ExplorePage() {
   return (
@@ -11,4 +11,4 @@ export default function ExplorePage() {
       <Footer />
     </>
   )
-}
\ No newline at end of file
+}
diff --git a/frontend/apps/desktop/src/pages/favorites.tsx b/frontend/apps/desktop/src/pages/favorites.tsx
index 0a8707a31..014dabd12 100644
--- a/frontend/apps/desktop/src/pages/favorites.tsx
+++ b/frontend/apps/desktop/src/pages/favorites.tsx
@@ -1,14 +1,14 @@
-import { useCopyGatewayReference } from '@shm/desktop/src/components/copy-gateway-reference'
-import Footer from '@shm/desktop/src/components/footer'
-import { copyLinkMenuItem } from '@shm/desktop/src/components/list-item'
-import { MainWrapperNoScroll } from '@shm/desktop/src/components/main-wrapper'
-import { PublicationListItem } from '@shm/desktop/src/components/publication-list-item'
-import { useAllAccounts } from '@shm/desktop/src/models/accounts'
-import { usePublication } from '@shm/desktop/src/models/documents'
-import { FavoriteItem, useFavorites } from '@shm/desktop/src/models/favorites'
-import { HMAccount, UnpackedHypermediaId } from '@shm/shared'
-import { List } from '@shm/ui'
-import { ContactItem } from './contacts-page'
+import {useCopyGatewayReference} from '@/components/copy-gateway-reference'
+import Footer from '@/components/footer'
+import {copyLinkMenuItem} from '@/components/list-item'
+import {MainWrapperNoScroll} from '@/components/main-wrapper'
+import {PublicationListItem} from '@/components/publication-list-item'
+import {useAllAccounts} from '@/models/accounts'
+import {usePublication} from '@/models/documents'
+import {FavoriteItem, useFavorites} from '@/models/favorites'
+import {HMAccount, UnpackedHypermediaId} from '@shm/shared'
+import {List} from '@shm/ui'
+import {ContactItem} from './contacts-page'
 
 export default function FavoritesPage() {
   const favorites = useFavorites()
@@ -25,7 +25,7 @@ export default function FavoritesPage() {
           onEndReached={() => {
             // publications.fetchNextPage()
           }}
-          renderItem={({ item }) => {
+          renderItem={({item}) => {
             return (
               <FavoriteListItem
                 key={item.url}
diff --git a/frontend/apps/desktop/src/pages/feed.tsx b/frontend/apps/desktop/src/pages/feed.tsx
index 00e0a1057..f445859e9 100644
--- a/frontend/apps/desktop/src/pages/feed.tsx
+++ b/frontend/apps/desktop/src/pages/feed.tsx
@@ -1,13 +1,13 @@
-import { Timestamp } from '@bufbuild/protobuf'
-import Footer from '@shm/desktop/src/components/footer'
-import { MainWrapperNoScroll } from '@shm/desktop/src/components/main-wrapper'
-import { useAccount } from '@shm/desktop/src/models/accounts'
-import { ProfileSchema, useBlobData } from '@shm/desktop/src/models/changes'
-import { useComment } from '@shm/desktop/src/models/comments'
-import { usePublication } from '@shm/desktop/src/models/documents'
-import { useFeedWithLatest, useResourceFeedWithLatest } from '@shm/desktop/src/models/feed'
-import { appRouteOfId, useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
+import Footer from '@/components/footer'
+import {MainWrapperNoScroll} from '@/components/main-wrapper'
+import {useAccount} from '@/models/accounts'
+import {ProfileSchema, useBlobData} from '@/models/changes'
+import {useComment} from '@/models/comments'
+import {usePublication} from '@/models/documents'
+import {useFeedWithLatest, useResourceFeedWithLatest} from '@/models/feed'
+import {appRouteOfId, useNavRoute} from '@/utils/navigation'
+import {useNavigate} from '@/utils/useNavigate'
+import {Timestamp} from '@bufbuild/protobuf'
 import {
   API_FILE_URL,
   ActivityEvent,
@@ -20,7 +20,7 @@ import {
   clipContentBlocks,
   formattedDateLong,
   hmId,
-  unpackHmId
+  unpackHmId,
 } from '@shm/shared'
 import {
   Button,
@@ -35,12 +35,12 @@ import {
   View,
   XStack,
   YStack,
-  toast
+  toast,
 } from '@shm/ui'
-import { ArrowRight, ChevronUp } from '@tamagui/lucide-icons'
-import React, { PropsWithChildren, ReactNode } from 'react'
-import { VirtuosoHandle } from 'react-virtuoso'
-import { AppPublicationContentProvider } from './publication-content-provider'
+import {ArrowRight, ChevronUp} from '@tamagui/lucide-icons'
+import React, {PropsWithChildren, ReactNode} from 'react'
+import {VirtuosoHandle} from 'react-virtuoso'
+import {AppPublicationContentProvider} from './publication-content-provider'
 
 export default function FeedPage() {
   const route = useNavRoute()
@@ -80,8 +80,8 @@ function FeedItemFooter(props) {
         p="$2"
         jc="center"
         gap="$2"
-      // opacity={0}
-      // $group-item-hover={{opacity: 1}}
+        // opacity={0}
+        // $group-item-hover={{opacity: 1}}
       >
         {props.children}
       </XStack>
@@ -110,13 +110,13 @@ function FeedItemContainer({
         onPress={
           linkId
             ? () => {
-              const route = appRouteOfId(linkId)
-              if (route) {
-                navigate(route)
-              } else {
-                toast.error('Failed to resolve a route for this')
+                const route = appRouteOfId(linkId)
+                if (route) {
+                  navigate(route)
+                } else {
+                  toast.error('Failed to resolve a route for this')
+                }
               }
-            }
             : undefined
         }
       >
@@ -162,7 +162,7 @@ function EntityLink({
   const navigate = useNavigate('push')
   return (
     <ButtonText
-      style={{ whiteSpace: 'break-spaces' }}
+      style={{whiteSpace: 'break-spaces'}}
       fontWeight={'bold'}
       onPress={(e) => {
         e.stopPropagation()
@@ -211,7 +211,7 @@ function FeedItemHeader({
         }
         label={account.data?.profile?.alias || account.data?.id}
         onPress={() => {
-          navigate({ key: 'account', accountId: author })
+          navigate({key: 'account', accountId: author})
         }}
       />
       <YStack f={1}>
@@ -247,12 +247,12 @@ function FeedItemPublicationContent({
   )
 }
 
-function FeedItemCommentContent({ comment }: { comment: HMComment }) {
+function FeedItemCommentContent({comment}: {comment: HMComment}) {
   return (
     <AppPublicationContentProvider renderOnly>
       <YStack
         paddingHorizontal={12}
-        $gtMd={{ paddingHorizontal: 24 }}
+        $gtMd={{paddingHorizontal: 24}}
         marginVertical={0}
       >
         <BlocksContent
@@ -267,7 +267,7 @@ function FeedItemCommentContent({ comment }: { comment: HMComment }) {
 function HMLinkButton({
   to,
   children,
-}: PropsWithChildren<{ to: UnpackedHypermediaId }>) {
+}: PropsWithChildren<{to: UnpackedHypermediaId}>) {
   const navigate = useNavigate('push')
   return (
     <Button
@@ -289,11 +289,11 @@ function HMLinkButton({
   )
 }
 
-function DocChangeFeedItem({ id, eventTime, cid, author }: ChangeFeedItemProps) {
-  const pub = usePublication({ id: id.qid, version: cid })
+function DocChangeFeedItem({id, eventTime, cid, author}: ChangeFeedItemProps) {
+  const pub = usePublication({id: id.qid, version: cid})
   const linkId = hmId('d', id.eid, {
     version: cid,
-    variants: [{ key: 'author', author }],
+    variants: [{key: 'author', author}],
   })
   const account = useAccount(author)
   const isProfileUpdate = account.data?.profile?.rootDocument === id.qid
@@ -330,7 +330,7 @@ function DocChangeFeedItem({ id, eventTime, cid, author }: ChangeFeedItemProps)
 function UpdatesList({
   updates,
 }: {
-  updates: { labelKey: string; content: ReactNode }[]
+  updates: {labelKey: string; content: ReactNode}[]
 }) {
   return (
     <YStack marginVertical="$4" gap="$2">
@@ -353,8 +353,8 @@ function UpdatesList({
 
 function getPatchedAccountEntries(
   patch: Partial<ProfileSchema>,
-): { labelKey: string; content: ReactNode }[] {
-  const entries: { labelKey: string; content: ReactNode }[] = []
+): {labelKey: string; content: ReactNode}[] {
+  const entries: {labelKey: string; content: ReactNode}[] = []
   if (patch.alias) {
     entries.push({
       labelKey: 'Alias',
@@ -378,7 +378,7 @@ function getPatchedAccountEntries(
   return entries
 }
 
-function AccountEntityLink({ id }: { id: string }) {
+function AccountEntityLink({id}: {id: string}) {
   const account = useAccount(id)
   return (
     <EntityLink id={hmId('a', id)}>{account.data?.profile?.alias}</EntityLink>
@@ -397,11 +397,10 @@ function PublicationLink({
     version: id?.version || undefined,
   })
   return (
-    <EntityLink id={{ ...id, variants }}>{pub.data?.document?.title}</EntityLink>
+    <EntityLink id={{...id, variants}}>{pub.data?.document?.title}</EntityLink>
   )
 }
 
-
 function AccountChangeFeedItem({
   id,
   eventTime,
@@ -429,7 +428,7 @@ function AccountChangeFeedItem({
   )
 }
 
-function CommentFeedItem({ id, eventTime, cid, author }: CommentFeedItemProps) {
+function CommentFeedItem({id, eventTime, cid, author}: CommentFeedItemProps) {
   const comment = useComment(id.qid)
   const targetDocId =
     comment.data?.target == null ? null : unpackHmId(comment.data?.target)
@@ -470,7 +469,7 @@ function CommentFeedItem({ id, eventTime, cid, author }: CommentFeedItemProps) {
   )
 }
 
-function ErrorFeedItem({ message }: { message: string }) {
+function ErrorFeedItem({message}: {message: string}) {
   return (
     <FeedItemContainer>
       <SizableText color="$red10" fontWeight="bold">
@@ -486,14 +485,14 @@ export const FeedItem = React.memo(function FeedItem({
 }: {
   event: ActivityEvent
 }) {
-  const { data, eventTime } = event
+  const {data, eventTime} = event
   if (data.case === 'newBlob') {
-    const { cid, author, resource, blobType } = data.value
+    const {cid, author, resource, blobType} = data.value
     let hmId: UnpackedHypermediaId | null = null
     if (resource) {
       hmId = unpackHmId(resource)
     }
-    const genericEvent = { id: hmId, eventTime, cid, author }
+    const genericEvent = {id: hmId, eventTime, cid, author}
     if (hmId?.type === 'd' && blobType === 'Change') {
       return <DocChangeFeedItem {...genericEvent} id={hmId} />
     }
@@ -511,7 +510,7 @@ export const FeedItem = React.memo(function FeedItem({
   return <ErrorFeedItem message={`Unknown event type: ${event.data.case}`} />
 })
 
-export function NewUpdatesButton({ onPress }: { onPress: () => void }) {
+export function NewUpdatesButton({onPress}: {onPress: () => void}) {
   return (
     <XStack
       position="absolute"
@@ -531,7 +530,7 @@ export function NewUpdatesButton({ onPress }: { onPress: () => void }) {
   )
 }
 
-const Feed = React.memo(function Feed({ tab }: { tab: 'trusted' | 'all' }) {
+const Feed = React.memo(function Feed({tab}: {tab: 'trusted' | 'all'}) {
   const feed = useFeedWithLatest(tab === 'trusted')
   const route = useNavRoute()
   const replace = useNavigate('replace')
@@ -550,7 +549,7 @@ const Feed = React.memo(function Feed({ tab }: { tab: 'trusted' | 'all' }) {
         }
         footer={<FeedPageFooter feedQuery={feed} />}
         items={feed.data || []}
-        renderItem={({ item }) => <FeedItem event={item} />}
+        renderItem={({item}) => <FeedItem event={item} />}
         onEndReached={() => {
           feed.fetchNextPage()
         }}
@@ -558,7 +557,7 @@ const Feed = React.memo(function Feed({ tab }: { tab: 'trusted' | 'all' }) {
       {feed.hasNewItems && (
         <NewUpdatesButton
           onPress={() => {
-            scrollRef.current?.scrollTo({ top: 0 })
+            scrollRef.current?.scrollTo({top: 0})
             feed.refetch()
           }}
         />
@@ -571,8 +570,8 @@ export function FeedPageFooter({
   feedQuery,
 }: {
   feedQuery:
-  | ReturnType<typeof useFeedWithLatest>
-  | ReturnType<typeof useResourceFeedWithLatest>
+    | ReturnType<typeof useFeedWithLatest>
+    | ReturnType<typeof useResourceFeedWithLatest>
 }) {
   return feedQuery.data?.length ? (
     <XStack jc="center" gap="$3" paddingVertical="$6">
@@ -603,7 +602,7 @@ export const ResourceFeed = React.memo(function ResourceFeed({
         header={<View height="$2" />}
         footer={<FeedPageFooter feedQuery={feed} />}
         items={feed.data || []}
-        renderItem={({ item }) => <FeedItem event={item} />}
+        renderItem={({item}) => <FeedItem event={item} />}
         onEndReached={() => {
           feed.fetchNextPage()
         }}
@@ -611,7 +610,7 @@ export const ResourceFeed = React.memo(function ResourceFeed({
       {feed.hasNewItems && (
         <NewUpdatesButton
           onPress={() => {
-            scrollRef.current?.scrollTo({ top: 0 })
+            scrollRef.current?.scrollTo({top: 0})
             feed.refetch()
           }}
         />
diff --git a/frontend/apps/desktop/src/pages/find-in-page.tsx b/frontend/apps/desktop/src/pages/find-in-page.tsx
index 4ff9fcf69..a5c675124 100644
--- a/frontend/apps/desktop/src/pages/find-in-page.tsx
+++ b/frontend/apps/desktop/src/pages/find-in-page.tsx
@@ -1,4 +1,4 @@
-import { AppIPC } from '@shm/desktop/src/app-ipc'
+import {AppIPC} from '@/app-ipc'
 import {
   Button,
   ChevronDown,
@@ -8,9 +8,9 @@ import {
   XGroup,
   XStack,
 } from '@shm/ui'
-import { useEffect, useRef, useState } from 'react'
+import {useEffect, useRef, useState} from 'react'
 
-export function FindInPage({ ipc }: { ipc: AppIPC }) {
+export function FindInPage({ipc}: {ipc: AppIPC}) {
   const size = '$2'
   const [query, setQuery] = useState('')
   const queryInput = useRef<HTMLInputElement>(null)
@@ -67,7 +67,7 @@ export function FindInPage({ ipc }: { ipc: AppIPC }) {
 
   useEffect(() => {
     if (query.length > 0) {
-      ipc.send('find_in_page_query', { query, findNext: true })
+      ipc.send('find_in_page_query', {query, findNext: true})
     }
   }, [query])
 
diff --git a/frontend/apps/desktop/src/pages/home.tsx b/frontend/apps/desktop/src/pages/home.tsx
index fbb8d21d9..ae96c619d 100644
--- a/frontend/apps/desktop/src/pages/home.tsx
+++ b/frontend/apps/desktop/src/pages/home.tsx
@@ -1,5 +1,5 @@
-import {useGRPCClient} from '@shm/desktop/src/app-context'
-import {MainWrapper} from '@shm/desktop/src/components/main-wrapper'
+import {useGRPCClient} from '@/app-context'
+import {MainWrapper} from '@/components/main-wrapper'
 import {Add, Button, Form, Input} from '@shm/ui'
 import {useMutation} from '@tanstack/react-query'
 import {dispatchWizardEvent} from 'src/app-account'
diff --git a/frontend/apps/desktop/src/pages/main.tsx b/frontend/apps/desktop/src/pages/main.tsx
index 528b16a13..544548927 100644
--- a/frontend/apps/desktop/src/pages/main.tsx
+++ b/frontend/apps/desktop/src/pages/main.tsx
@@ -1,20 +1,20 @@
-import { useListen } from '@shm/desktop/src/app-context'
+import {useListen} from '@/app-context'
 
-import { Launcher } from '@shm/desktop/src/components/launcher'
-import { DraftStatusContext } from '@shm/desktop/src/models/draft-machine'
-import { SidebarContextProvider } from '@shm/desktop/src/sidebar-context'
-import { getRouteKey, useNavRoute } from '@shm/desktop/src/utils/navigation'
-import { NavRoute } from '@shm/desktop/src/utils/routes'
-import { useNavigate } from '@shm/desktop/src/utils/useNavigate'
-import { getWindowType } from '@shm/desktop/src/utils/window-types'
-import { YStack } from '@shm/ui'
-import { ReactElement, lazy, useMemo } from 'react'
-import { ErrorBoundary } from 'react-error-boundary'
-import { AppErrorPage } from '../components/app-error'
-import { AppSidebar } from '../components/sidebar'
-import { TitleBar } from '../components/titlebar'
-import { BaseLoading, NotFoundPage } from './base'
-import { DocumentPlaceholder } from './document-placeholder'
+import {Launcher} from '@/components/launcher'
+import {DraftStatusContext} from '@/models/draft-machine'
+import {SidebarContextProvider} from '@/sidebar-context'
+import {getRouteKey, useNavRoute} from '@/utils/navigation'
+import {NavRoute} from '@/utils/routes'
+import {useNavigate} from '@/utils/useNavigate'
+import {getWindowType} from '@/utils/window-types'
+import {YStack} from '@shm/ui'
+import {ReactElement, lazy, useMemo} from 'react'
+import {ErrorBoundary} from 'react-error-boundary'
+import {AppErrorPage} from '../components/app-error'
+import {AppSidebar} from '../components/sidebar'
+import {TitleBar} from '../components/titlebar'
+import {BaseLoading, NotFoundPage} from './base'
+import {DocumentPlaceholder} from './document-placeholder'
 import './polyfills'
 
 var Feed = lazy(() => import('./feed'))
@@ -31,10 +31,10 @@ var Favorites = lazy(() => import('./favorites'))
 var DeletedContent = lazy(() => import('./deleted-content'))
 var DraftRebase = lazy(() => import('./draft-rebase'))
 
-export default function Main({ className }: { className?: string }) {
+export default function Main({className}: {className?: string}) {
   const navR = useNavRoute()
   const navigate = useNavigate()
-  const { PageComponent, Fallback } = useMemo(
+  const {PageComponent, Fallback} = useMemo(
     () => getPageComponent(navR),
     [navR],
   )
diff --git a/frontend/apps/desktop/src/pages/onboarding.tsx b/frontend/apps/desktop/src/pages/onboarding.tsx
index 95c3c7ec7..d4bf6bbb2 100644
--- a/frontend/apps/desktop/src/pages/onboarding.tsx
+++ b/frontend/apps/desktop/src/pages/onboarding.tsx
@@ -1,13 +1,13 @@
-import { useAppContext } from '@shm/desktop/src/app-context'
-import { SeedIcon } from '@shm/desktop/src/components/seed-icon'
-import appError from '@shm/desktop/src/errors'
-import { useSetProfile } from '@shm/desktop/src/models/accounts'
-import { useConnectPeer } from '@shm/desktop/src/models/contacts'
-import { useAccountRegistration, useMnemonics } from '@shm/desktop/src/models/daemon'
-import { useWalletOptIn } from '@shm/desktop/src/models/wallet'
-import { trpc } from '@shm/desktop/src/trpc'
-import { isHttpUrl } from '@shm/desktop/src/utils/navigation'
-import { Profile as ProfileType } from '@shm/shared'
+import {useAppContext} from '@/app-context'
+import {SeedIcon} from '@/components/seed-icon'
+import appError from '@/errors'
+import {useSetProfile} from '@/models/accounts'
+import {useConnectPeer} from '@/models/contacts'
+import {useAccountRegistration, useMnemonics} from '@/models/daemon'
+import {useWalletOptIn} from '@/models/wallet'
+import {trpc} from '@/trpc'
+import {isHttpUrl} from '@/utils/navigation'
+import {Profile as ProfileType} from '@shm/shared'
 import {
   Button,
   ButtonProps,
@@ -53,7 +53,7 @@ import {
 
 const CONTENT_MAX_WIDTH = 500
 
-export function Onboarding({ onComplete }: { onComplete: () => void }) {
+export function Onboarding({onComplete}: {onComplete: () => void}) {
   return (
     <OnboardingProvider onComplete={onComplete}>
       <OnboardingSteps />
@@ -127,7 +127,7 @@ function Mnemonics(props: OnboardingStepProps) {
   const [useOwnSeed, setUseOwnSeed] = useState<boolean>(false)
   const [error, setError] = useState('')
   const mnemonics = useMnemonics()
-  const { ipc } = useAppContext()
+  const {ipc} = useAppContext()
   const [check1, setCheck1] = useState(false)
   const [check2, setCheck2] = useState(false)
   const [check3, setCheck3] = useState(false)
@@ -586,7 +586,7 @@ function Profile(props: OnboardingStepProps) {
     onSuccess: () => props.send('NEXT'),
   })
 
-  const submitValue = useRef({ alias: '' } as ProfileType)
+  const submitValue = useRef({alias: ''} as ProfileType)
   function onSubmit() {
     if (submitValue.current.alias == '') {
       props.send('NEXT')
@@ -670,7 +670,7 @@ function Analytics(props: OnboardingStepProps) {
 }
 
 function Wallet(props: OnboardingStepProps) {
-  const { optIn, wallets } = useWalletOptIn({
+  const {optIn, wallets} = useWalletOptIn({
     onError: (e) => {
       toast.error(e.message)
     },
@@ -727,7 +727,7 @@ function ConnectSite(props: OnboardingStepProps) {
       props.complete()
     },
     onError: (error, peer) => {
-      appError(`Failed to connect to ${peer}`, { error })
+      appError(`Failed to connect to ${peer}`, {error})
     },
   })
   const [siteDomain, setSiteDomain] = useState(SuggestedSites[0])
@@ -828,7 +828,7 @@ function ConnectSite(props: OnboardingStepProps) {
   )
 }
 
-function StepWrapper({ children, ...props }: PropsWithChildren<unknown>) {
+function StepWrapper({children, ...props}: PropsWithChildren<unknown>) {
   const theme = useTheme()
   return (
     <StyledStepWrapper
@@ -876,7 +876,7 @@ function StepWrapper({ children, ...props }: PropsWithChildren<unknown>) {
   )
 }
 
-function StepParagraph({ children, ...props }: ParagraphProps) {
+function StepParagraph({children, ...props}: ParagraphProps) {
   return (
     <SizableText size="$5" maxWidth={CONTENT_MAX_WIDTH}>
       {children}
@@ -986,7 +986,7 @@ let machine = {
 }
 
 function transition(state: OBState, event: OBAction): OBState {
-  const nextState: { target: keyof typeof machine.states } | {} =
+  const nextState: {target: keyof typeof machine.states} | {} =
     // @ts-expect-error
     machine.states[state.key].on?.[event]?.target || state
 
diff --git a/frontend/apps/desktop/src/pages/publication-content-provider.tsx b/frontend/apps/desktop/src/pages/publication-content-provider.tsx
index 18db4f3ad..196809dfb 100644
--- a/frontend/apps/desktop/src/pages/publication-content-provider.tsx
+++ b/frontend/apps/desktop/src/pages/publication-content-provider.tsx
@@ -1,14 +1,14 @@
-import { useAppContext } from '@shm/desktop/src/app-context'
+import {useAppContext} from '@/app-context'
 import {
   EmbedAccount,
   EmbedComment,
   EmbedInline,
   EmbedPublication,
-} from '@shm/desktop/src/components/app-embeds'
-import { useExperiments } from '@shm/desktop/src/models/experiments'
-import { useOpenUrl } from '@shm/desktop/src/open-url'
-import { trpc } from '@shm/desktop/src/trpc'
-import { useNavRoute } from '@shm/desktop/src/utils/navigation'
+} from '@/components/app-embeds'
+import {useExperiments} from '@/models/experiments'
+import {useOpenUrl} from '@/open-url'
+import {trpc} from '@/trpc'
+import {useNavRoute} from '@/utils/navigation'
 import {
   API_FILE_URL,
   BlockRange,
@@ -19,13 +19,13 @@ import {
   contentTextUnit,
 } from '@shm/shared'
 import 'allotment/dist/style.css'
-import { useFullReferenceUrl } from '../components/titlebar-common'
+import {useFullReferenceUrl} from '../components/titlebar-common'
 
 export function AppPublicationContentProvider({
   children,
   ...overrides
 }: React.PropsWithChildren<Partial<PublicationContentContextValue>>) {
-  const { saveCidAsFile } = useAppContext()
+  const {saveCidAsFile} = useAppContext()
   const openUrl = useOpenUrl()
   const route = useNavRoute()
   const reference = useFullReferenceUrl(route)
@@ -54,13 +54,13 @@ export function AppPublicationContentProvider({
         onCopyBlock={
           reference
             ? (
-              blockId: string,
-              blockRange: BlockRange | ExpandedBlockRange | undefined,
-            ) => {
-              if (blockId && reference) {
-                reference.onCopy(blockId, blockRange || { expanded: true })
+                blockId: string,
+                blockRange: BlockRange | ExpandedBlockRange | undefined,
+              ) => {
+                if (blockId && reference) {
+                  reference.onCopy(blockId, blockRange || {expanded: true})
+                }
               }
-            }
             : null
         }
         ipfsBlobPrefix={`${API_FILE_URL}/`}
@@ -68,10 +68,10 @@ export function AppPublicationContentProvider({
         routeParams={
           route.key == 'document'
             ? {
-              documentId: route.documentId,
-              version: route.versionId,
-              blockRef: route.blockId,
-            }
+                documentId: route.documentId,
+                version: route.versionId,
+                blockRef: route.blockId,
+              }
             : {}
         }
         {...overrides}
diff --git a/frontend/apps/desktop/src/pages/settings.tsx b/frontend/apps/desktop/src/pages/settings.tsx
index b2e88edc9..2d03ee23e 100644
--- a/frontend/apps/desktop/src/pages/settings.tsx
+++ b/frontend/apps/desktop/src/pages/settings.tsx
@@ -1,14 +1,11 @@
-import {useIPC} from '@shm/desktop/src/app-context'
-import {AvatarForm} from '@shm/desktop/src/components/avatar-form'
-import {useEditProfileDialog} from '@shm/desktop/src/components/edit-profile-dialog'
-import appError from '@shm/desktop/src/errors'
-import {useMyAccount} from '@shm/desktop/src/models/accounts'
-import {useAutoUpdatePreference} from '@shm/desktop/src/models/app-settings'
-import {useDaemonInfo} from '@shm/desktop/src/models/daemon'
-import {
-  useExperiments,
-  useWriteExperiments,
-} from '@shm/desktop/src/models/experiments'
+import {useIPC} from '@/app-context'
+import {AvatarForm} from '@/components/avatar-form'
+import {useEditProfileDialog} from '@/components/edit-profile-dialog'
+import appError from '@/errors'
+import {useMyAccount} from '@/models/accounts'
+import {useAutoUpdatePreference} from '@/models/app-settings'
+import {useDaemonInfo} from '@/models/daemon'
+import {useExperiments, useWriteExperiments} from '@/models/experiments'
 import {
   useGatewayUrl,
   usePushOnCopy,
@@ -16,16 +13,16 @@ import {
   useSetGatewayUrl,
   useSetPushOnCopy,
   useSetPushOnPublish,
-} from '@shm/desktop/src/models/gateway-settings'
-import {usePeerInfo} from '@shm/desktop/src/models/networking'
+} from '@/models/gateway-settings'
+import {usePeerInfo} from '@/models/networking'
 import {
   useExportWallet,
   useInvoicesBywallet,
   useWallets,
-} from '@shm/desktop/src/models/payments'
-import {useWalletOptIn} from '@shm/desktop/src/models/wallet'
-import {trpc} from '@shm/desktop/src/trpc'
-import {getAvatarUrl} from '@shm/desktop/src/utils/account-url'
+} from '@/models/payments'
+import {useWalletOptIn} from '@/models/wallet'
+import {trpc} from '@/trpc'
+import {getAvatarUrl} from '@/utils/account-url'
 import {LightningWallet, Profile, State, VERSION} from '@shm/shared'
 import {
   ArrowDownRight,
diff --git a/frontend/apps/desktop/src/preload-find-in-page.ts b/frontend/apps/desktop/src/preload-find-in-page.ts
index 5823dc754..31ec3f5cb 100644
--- a/frontend/apps/desktop/src/preload-find-in-page.ts
+++ b/frontend/apps/desktop/src/preload-find-in-page.ts
@@ -2,7 +2,7 @@ import '@sentry/electron/preload'
 import {contextBridge, ipcRenderer} from 'electron'
 import {exposeElectronTRPC} from 'electron-trpc/main'
 // import directly from this deep path for shared/utils/stream! Bad things happen if you try to directly import from @shm/shared
-import {AppWindowEvent} from '@shm/desktop/src/utils/window-events'
+import {AppWindowEvent} from '@/utils/window-events'
 import {eventStream} from '@shm/shared/src/utils/stream'
 // import directly from this deep path for shared/utils/stream! Bad things happen if you try to directly import from @shm/shared
 
diff --git a/frontend/apps/desktop/src/preload.ts b/frontend/apps/desktop/src/preload.ts
index f6738f31a..bf043b1b3 100644
--- a/frontend/apps/desktop/src/preload.ts
+++ b/frontend/apps/desktop/src/preload.ts
@@ -1,5 +1,5 @@
+import {AppWindowEvent} from '@/utils/window-events'
 import '@sentry/electron/preload'
-import {AppWindowEvent} from '@shm/desktop/src/utils/window-events'
 import {contextBridge, ipcRenderer} from 'electron'
 import {exposeElectronTRPC} from 'electron-trpc/main'
 // import directly from this deep path for shared/utils/stream! Bad things happen if you try to directly import from @shm/shared
diff --git a/frontend/apps/desktop/src/query-client.ts b/frontend/apps/desktop/src/query-client.ts
index 7dc4cf832..6c32a0de5 100644
--- a/frontend/apps/desktop/src/query-client.ts
+++ b/frontend/apps/desktop/src/query-client.ts
@@ -1,6 +1,6 @@
+import {AppIPC} from '@/app-ipc'
+import {labelOfQueryKey} from '@/models/query-keys'
 import {JsonValue} from '@bufbuild/protobuf'
-import {AppIPC} from '@shm/desktop/src/app-ipc'
-import {labelOfQueryKey} from '@shm/desktop/src/models/query-keys'
 import {copyTextToClipboard, toast} from '@shm/ui'
 import {
   QueryCache,
diff --git a/frontend/apps/desktop/src/root.tsx b/frontend/apps/desktop/src/root.tsx
index 9bae3a0f6..deb2c39ca 100644
--- a/frontend/apps/desktop/src/root.tsx
+++ b/frontend/apps/desktop/src/root.tsx
@@ -1,30 +1,30 @@
-import type { Interceptor } from '@connectrpc/connect'
-import { createGrpcWebTransport } from '@connectrpc/connect-web'
-import { AppContextProvider, StyleProvider } from '@shm/desktop/src/app-context-provider'
-import { AppIPC } from '@shm/desktop/src/app-ipc'
-import { WindowUtils } from '@shm/desktop/src/models/window-utils'
-import { NavigationContainer } from '@shm/desktop/src/utils/navigation-container'
-import { useListenAppEvent } from '@shm/desktop/src/utils/window-events'
-import { API_HTTP_URL, createGRPCClient } from '@shm/shared'
-import type { StateStream } from '@shm/shared/src/utils/stream'
-import { Spinner, Toaster, YStack, toast, useStream } from '@shm/ui'
+import {AppContextProvider, StyleProvider} from '@/app-context-provider'
+import {AppIPC} from '@/app-ipc'
+import {WindowUtils} from '@/models/window-utils'
+import {NavigationContainer} from '@/utils/navigation-container'
+import {useListenAppEvent} from '@/utils/window-events'
+import type {Interceptor} from '@connectrpc/connect'
+import {createGrpcWebTransport} from '@connectrpc/connect-web'
+import {API_HTTP_URL, createGRPCClient} from '@shm/shared'
+import type {StateStream} from '@shm/shared/src/utils/stream'
+import {Spinner, Toaster, YStack, toast, useStream} from '@shm/ui'
 import '@tamagui/core/reset.css'
 import '@tamagui/font-inter/css/400.css'
 import '@tamagui/font-inter/css/700.css'
-import { ipcLink } from 'electron-trpc/renderer'
-import React, { Suspense, useEffect, useMemo, useState } from 'react'
+import {ipcLink} from 'electron-trpc/renderer'
+import React, {Suspense, useEffect, useMemo, useState} from 'react'
 import ReactDOM from 'react-dom/client'
-import { ErrorBoundary } from 'react-error-boundary'
+import {ErrorBoundary} from 'react-error-boundary'
 import superjson from 'superjson'
-import { AccountWizardDialog } from './app-account'
-import { AppErrorContent, RootAppError } from './components/app-error'
-import type { GoDaemonState } from './daemon'
-import { createIPC } from './ipc'
+import {AccountWizardDialog} from './app-account'
+import {AppErrorContent, RootAppError} from './components/app-error'
+import type {GoDaemonState} from './daemon'
+import {createIPC} from './ipc'
 import Main from './pages/main'
-import type { AppInfoType } from './preload'
-import { AppQueryClient, getQueryClient } from './query-client'
+import type {AppInfoType} from './preload'
+import {AppQueryClient, getQueryClient} from './query-client'
 import './root.css'
-import { client, trpc } from './trpc'
+import {client, trpc} from './trpc'
 
 const logger = {
   log: wrapLogger(console.log),
@@ -38,7 +38,7 @@ function wrapLogger(logFn: (...args: any[]) => void) {
         if (typeof item === 'string') return item
         try {
           return JSON.stringify(item, null, 2)
-        } catch { }
+        } catch {}
         return item // on main thread this will likely be rendered as [object Object]
       }),
     )
@@ -231,7 +231,7 @@ function MainApp({
           ipc.send?.('open-external-link', url)
         }}
         saveCidAsFile={async (cid: string, name: string) => {
-          ipc.send?.('save-file', { cid, name })
+          ipc.send?.('save-file', {cid, name})
         }}
         windowUtils={windowUtils}
         darkMode={darkMode}
diff --git a/frontend/apps/desktop/src/utils/navigation-container.tsx b/frontend/apps/desktop/src/utils/navigation-container.tsx
index 7d6804d30..c9311a7d4 100644
--- a/frontend/apps/desktop/src/utils/navigation-container.tsx
+++ b/frontend/apps/desktop/src/utils/navigation-container.tsx
@@ -1,4 +1,4 @@
-import {client} from '@shm/desktop/src/trpc'
+import {client} from '@/trpc'
 import {writeableStateStream} from '@shm/shared'
 import {ReactNode, useEffect, useMemo} from 'react'
 import {useIPC} from '../app-context'
diff --git a/frontend/apps/desktop/src/utils/open-draft.ts b/frontend/apps/desktop/src/utils/open-draft.ts
index 0637ccea9..85f6d7fa3 100644
--- a/frontend/apps/desktop/src/utils/open-draft.ts
+++ b/frontend/apps/desktop/src/utils/open-draft.ts
@@ -1,5 +1,5 @@
-import {useQueryInvalidator} from '@shm/desktop/src/app-context'
-import {queryKeys} from '@shm/desktop/src/models/query-keys'
+import {useQueryInvalidator} from '@/app-context'
+import {queryKeys} from '@/models/query-keys'
 import {DocumentChange, GRPCClient} from '@shm/shared'
 import {useGRPCClient} from '../app-context'
 import appError from '../errors'
diff --git a/frontend/apps/desktop/tsconfig.json b/frontend/apps/desktop/tsconfig.json
index da91ebf07..746a29e5a 100644
--- a/frontend/apps/desktop/tsconfig.json
+++ b/frontend/apps/desktop/tsconfig.json
@@ -26,6 +26,7 @@
       }
     ],
     "paths": {
+      "@/*": ["./src/*"],
       "@shm/ui": ["frontend/packages/ui/src/index.ts"]
     }
   },