diff --git a/dev b/dev
index b2cd5013af..0bcb510b26 100755
--- a/dev
+++ b/dev
@@ -78,6 +78,7 @@ def main():
     def run_desktop(args):
         run("./scripts/cleanup-desktop.sh")
         run("yarn install")
+        run("yarn workspace @mintter/ui generate")
         run("plz build //backend:mintterd //:yarn")
         return run("yarn desktop", args=args)
 
diff --git a/frontend/apps/site/pages/api/content-image/[entityType]/[entityId]/[versionId]/media.png.tsx b/frontend/apps/site/pages/api/content-image/[entityType]/[entityId]/[versionId]/media.png.tsx
index e784219f58..fb06d8f02d 100644
--- a/frontend/apps/site/pages/api/content-image/[entityType]/[entityId]/[versionId]/media.png.tsx
+++ b/frontend/apps/site/pages/api/content-image/[entityType]/[entityId]/[versionId]/media.png.tsx
@@ -6,20 +6,19 @@ import {readFileSync} from 'fs'
 import {join} from 'path'
 import {serverHelpers} from 'server/ssr-helpers'
 import {OG_IMAGE_SIZE} from 'server/content-image-meta'
-import {
-  HMBlockChildrenType,
-  InlineContent,
-  createHmId,
-  serverBlockToEditorInline,
-} from '@mintter/shared'
 import {
   HMAccount,
   HMBlock,
+  HMBlockChildrenType,
   HMBlockNode,
   HMGroup,
   HMPublication,
-} from 'server/json-hm'
+  createHmId,
+  toHMInlineContent,
+} from '@mintter/shared'
+
 import {ReactElement} from 'react'
+import {InlineContent} from '@mintter/editor'
 
 function loadFont(fileName: string) {
   const path = join(process.cwd(), 'font', fileName)
@@ -69,7 +68,7 @@ function ParagraphBlockDisplay({
   block: HMBlock
   childrenType: HMBlockChildrenType
 }) {
-  const inlineContent = serverBlockToEditorInline(block)
+  const inlineContent = toHMInlineContent(block)
   return (
     <div
       style={{
@@ -89,7 +88,7 @@ function HeadingBlockDisplay({
   block: HMBlock
   childrenType: HMBlockChildrenType
 }) {
-  const inlineContent = serverBlockToEditorInline(block)
+  const inlineContent = toHMInlineContent(block)
   return (
     <div
       style={{
diff --git a/frontend/packages/shared/src/client/to-hm-block.ts b/frontend/packages/shared/src/client/to-hm-block.ts
index 583a1ff4db..8e58b9255a 100644
--- a/frontend/packages/shared/src/client/to-hm-block.ts
+++ b/frontend/packages/shared/src/client/to-hm-block.ts
@@ -61,8 +61,8 @@ function annotationStyle(a: Annotation): HMStyles {
 }
 
 export function toHMInlineContent(block: Block): Array<HMInlineContent> {
-  const linkAnnotations = block.annotations.filter((a) => a.type === 'link')
-  if (!linkAnnotations.length) {
+  const linkAnnotations = block.annotations?.filter((a) => a.type === 'link')
+  if (!linkAnnotations?.length) {
     return partialBlockToStyledText(block)
   }
   if (
@@ -130,7 +130,7 @@ export function partialBlockToStyledText({
   const inlines: HMStyles[] = []
   const allStyleKeys = new Set<string>()
 
-  annotations.forEach((annotation) => {
+  annotations?.forEach((annotation) => {
     const {starts, ends} = annotation
     const annotationStyles = annotationStyle(annotation)
     Object.keys(annotationStyles).forEach((key) => allStyleKeys.add(key))
diff --git a/scripts/cleanup-frontend.sh b/scripts/cleanup-frontend.sh
index 8bf9f65c0f..2c48fd395c 100755
--- a/scripts/cleanup-frontend.sh
+++ b/scripts/cleanup-frontend.sh
@@ -1,3 +1,4 @@
 rm yarn.lock \; 2>/dev/null || true 
 find . -type d -name "node_modules" -exec rm -r {} \; 2>/dev/null || true 
-find . -type d -name ".tamagui" -exec rm -r {} \; 2>/dev/null || true 
\ No newline at end of file
+find . -type d -name ".tamagui" -exec rm -r {} \; 2>/dev/null || true 
+rm frontend/packages/ui/src/themes-generated.ts
\ No newline at end of file