fix: complete social and agent-ready surfaces

Author: mohsinht

.github/workflows/ci.yml

@@ -19,9 +19,9 @@ jobs:
     runs-on: ubuntu-latest
     timeout-minutes: 30
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v7
 
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v7
         with:
           node-version-file: .node-version
           cache: yarn

app/apple-icon.png

@@ -15,7 +15,7 @@ export const metadata = {
   authors: [{ name: profile.name, url: siteUrl }],
   creator: profile.name,
   robots: { index: true, follow: true },
-  icons: { icon: '/icon.svg', apple: '/icon.svg' },
+  icons: { icon: '/icon.svg', apple: '/apple-icon.png' },
   alternates: {
     types: {
       'application/rss+xml': [{ url: '/feed.xml', title: 'Mohsin Hayat' }]

app/layout.jsx

@@ -3,5 +3,5 @@ export const size = ogSize
 export const contentType = ogContentType
 export const runtime = 'edge'
 export default function Image() {
-  return <OpenGraphImage />
+  return OpenGraphImage()
 }

app/opengraph-image.jsx

@@ -7,11 +7,9 @@ export const size = ogSize
 export const contentType = ogContentType
 export const runtime = 'edge'
 export default function Image() {
-  return (
-    <OpenGraphImage
-      eyebrow="ENGINEERING WRITING"
-      title="Notes and retrospectives"
-      description="Public writing by Mohsin Hayat"
-    />
-  )
+  return OpenGraphImage({
+    eyebrow: 'ENGINEERING WRITING',
+    title: 'Notes and retrospectives',
+    description: 'Public writing by Mohsin Hayat'
+  })
 }

app/posts/opengraph-image.jsx

@@ -4,7 +4,7 @@ import { getPosts, getTags } from './get-posts'
 import { pageMetadata } from '../../data/profile'
 
 export const metadata = pageMetadata({
-  title: 'Engineering Writing | Mohsin Hayat',
+  title: 'Engineering Writing',
   description:
     'Dated personal writing by Mohsin Hayat on engineering, remote work, and software careers.',
   path: '/posts',

app/posts/page.jsx

@@ -7,11 +7,9 @@ export const size = ogSize
 export const contentType = ogContentType
 export const runtime = 'edge'
 export default function Image() {
-  return (
-    <OpenGraphImage
-      eyebrow="RECOMMENDATIONS"
-      title="Trusted by engineering leaders"
-      description="Verified professional recommendations for Mohsin Hayat"
-    />
-  )
+  return OpenGraphImage({
+    eyebrow: 'RECOMMENDATIONS',
+    title: 'Trusted by engineering leaders',
+    description: 'Verified professional recommendations for Mohsin Hayat'
+  })
 }

app/recommendations/opengraph-image.jsx

@@ -7,11 +7,9 @@ export const size = ogSize
 export const contentType = ogContentType
 export const runtime = 'edge'
 export default function Image() {
-  return (
-    <OpenGraphImage
-      eyebrow="Resume"
-      title="Mohsin Hayat"
-      description="Applied AI and Backend Systems"
-    />
-  )
+  return OpenGraphImage({
+    eyebrow: 'Resume',
+    title: 'Mohsin Hayat',
+    description: 'Applied AI and Backend Systems'
+  })
 }

app/resume/opengraph-image.jsx

@@ -13,6 +13,8 @@ import { ResumeDownload } from '../../components/portfolio'
 
 Lahore, Pakistan · [mohsinhayat104@gmail.com](mailto:mohsinhayat104@gmail.com) · [GitHub](https://github.com/mohsinht) · [LinkedIn](https://www.linkedin.com/in/mohsinhayatt/)
 
+<ResumeDownload />
+
 ## Summary
 
 Senior Software Engineer with **6+ years of international remote experience** building production backend and applied AI systems across airline, e-commerce, and healthcare platforms. I build systems that make complex workflows more useful, reliable, and understandable.

app/resume/page.mdx

@@ -8,7 +8,7 @@ export function OpenGraphImage({
   eyebrow = 'MOHSINHAYAT.COM',
   title = profile.name,
   description = profile.title
-}) {
+} = {}) {
   return new ImageResponse(
     <div
       style={{