diff --git a/.gitattributes b/.gitattributes
index 07764a78..94f480de 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1 +1 @@
-* text eol=lf
\ No newline at end of file
+* text=auto eol=lf
\ No newline at end of file
diff --git a/app/app.vue b/app/app.vue
index 2e9d67ea..0a197e8d 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -68,6 +68,7 @@ if (import.meta.client) {
 
 <template>
   <div class="min-h-screen flex flex-col bg-bg text-fg">
+    <NuxtPwaAssets />
     <a href="#main-content" class="skip-link font-mono">{{ $t('common.skip_link') }}</a>
 
     <AppHeader :show-logo="!isHomepage" />
diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index 0ab9f83d..f0c5a057 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -1,3 +1,4 @@
+<script setup lang="ts"></script>
 <template>
   <footer class="border-t border-border mt-auto">
     <div class="container py-3 sm:py-8 flex flex-col gap-2 sm:gap-4 text-fg-subtle text-sm">
@@ -54,6 +55,7 @@
         <span class="sm:hidden">{{ $t('non_affiliation_disclaimer') }}</span>
         <span class="hidden sm:inline">{{ $t('trademark_disclaimer') }}</span>
       </p>
+      <BuildEnvironment footer />
     </div>
   </footer>
 </template>
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index ae779a39..ee56f2b8 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -13,6 +13,11 @@ withDefaults(
 const { isConnected, npmUser } = useConnector()
 
 const router = useRouter()
+const route = useRoute()
+const buildInfo = useAppConfig().buildInfo
+
+const searchQuery = ref('')
+const isSearchFocused = ref(false)
 
 const showFullSearch = ref(false)
 
@@ -36,14 +41,24 @@ onKeyStroke(',', e => {
     >
       <!-- Start: Logo -->
       <div :class="{ 'hidden sm:block': showFullSearch }" class="flex-shrink-0">
-        <NuxtLink
-          v-if="showLogo"
-          to="/"
-          :aria-label="$t('header.home')"
-          class="header-logo font-mono text-lg font-medium text-fg hover:text-fg transition-colors duration-200 focus-ring rounded"
-        >
-          <span class="text-accent"><span class="-tracking-0.2em">.</span>/</span>npmx
-        </NuxtLink>
+        <div v-if="showLogo">
+          <NuxtLink
+            to="/"
+            :aria-label="$t('header.home')"
+            dir="ltr"
+            class="inline-flex items-center gap-2 header-logo font-mono text-lg font-medium text-fg hover:text-fg transition-colors duration-200 focus-ring rounded"
+          >
+            <img
+              aria-hidden="true"
+              :alt="$t('alt_logo')"
+              src="/logo.svg"
+              width="96"
+              height="96"
+              class="w-8 h-8 rounded-lg"
+            />
+            <span>npmx</span>
+          </NuxtLink>
+        </div>
         <!-- Spacer when logo is hidden -->
         <span v-else class="w-1" />
       </div>
diff --git a/app/components/BuildEnvironment.vue b/app/components/BuildEnvironment.vue
new file mode 100644
index 00000000..db19e25f
--- /dev/null
+++ b/app/components/BuildEnvironment.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+defineProps<{
+  footer?: boolean
+}>()
+
+const buildInfo = useAppConfig().buildInfo
+const timeAgoOptions = useTimeAgoOptions()
+const buildTimeDate = new Date(buildInfo.time)
+const buildTimeAgo = useTimeAgo(buildTimeDate, timeAgoOptions)
+const isHydrated = shallowRef(false)
+
+useNuxtApp().hook('app:suspense:resolve', () => {
+  console.log('app:suspense:resolve')
+  isHydrated.value = true
+})
+</script>
+<template>
+  <div
+    class="font-mono text-xs text-fg-muted flex items-center gap-2 motion-safe:animate-fade-in motion-safe:animate-fill-both"
+    :class="footer ? 'mt-4 justify-start' : 'mb-8 justify-center'"
+    style="animation-delay: 0.05s"
+  >
+    <!-- TODO: replace this with NuxtTime -->
+    <ClientOnly>
+      <i18n-t keypath="built_at">
+        <time :datetime="String(buildTimeDate)" :title="$d(buildTimeDate, 'long')">{{
+          buildTimeAgo
+        }}</time>
+      </i18n-t>
+    </ClientOnly>
+    <span>&middot;</span>
+    <NuxtLink
+      v-if="buildInfo.env === 'release'"
+      external
+      :href="`https://github.com/npmx-dev/npmx.dev/tag/v${buildInfo.version}`"
+      target="_blank"
+      class="hover:text-fg transition-colors"
+    >
+      v{{ buildInfo.version }}
+    </NuxtLink>
+    <span v-else class="tracking-wider">{{ buildInfo.env }}</span>
+
+    <template v-if="buildInfo.commit && buildInfo.branch !== 'release'">
+      <span>&middot;</span>
+      <NuxtLink
+        external
+        :href="`https://github.com/npmx-dev/npmx.dev/commit/${buildInfo.commit}`"
+        target="_blank"
+        class="hover:text-fg transition-colors"
+      >
+        {{ buildInfo.shortCommit }}
+      </NuxtLink>
+    </template>
+  </div>
+</template>
diff --git a/app/composables/i18n.ts b/app/composables/i18n.ts
new file mode 100644
index 00000000..adeb64f8
--- /dev/null
+++ b/app/composables/i18n.ts
@@ -0,0 +1,133 @@
+import type { UseTimeAgoOptions } from '@vueuse/core'
+
+/**
+ * Global Intl formatter.
+ * @public
+ */
+const formatter = Intl.NumberFormat()
+
+/**
+ * Composable to handle Intl number formatting.
+ * @public
+ */
+export function formattedNumber(num: number, useFormatter: Intl.NumberFormat = formatter) {
+  return useFormatter.format(num)
+}
+
+/**
+ * Composable to handle number formatting.
+ * @public
+ */
+export function useHumanReadableNumber() {
+  const { n, locale } = useI18n()
+
+  const fn = (num: number) => {
+    return n(
+      num,
+      num < 10000 ? 'smallCounting' : num < 1000000 ? 'kiloCounting' : 'millionCounting',
+      locale.value,
+    )
+  }
+
+  return {
+    formatHumanReadableNumber: (num: MaybeRef<number>) => fn(unref(num)),
+    formatNumber: (num: MaybeRef<number>) => n(unref(num), 'smallCounting', locale.value),
+    formatPercentage: (num: MaybeRef<number>) => n(unref(num), 'percentage', locale.value),
+    forSR: (num: MaybeRef<number>) => unref(num) > 10000,
+  }
+}
+
+/**
+ * Composable to handle datetime formatting.
+ * TODO: check if can replace with NuxtTime
+ * @public
+ */
+export function useFormattedDateTime(
+  value: MaybeRefOrGetter<string | number | Date | undefined | null>,
+  options: Intl.DateTimeFormatOptions = { dateStyle: 'long', timeStyle: 'medium' },
+) {
+  const { locale } = useI18n()
+  const formatter = computed(() => Intl.DateTimeFormat(locale.value, options))
+  return computed(() => {
+    const v = toValue(value)
+    return v ? formatter.value.format(new Date(v)) : ''
+  })
+}
+
+/**
+ * Composable to handle time ago formatting.
+ * TODO: check if can replace with NuxtTime
+ * @public
+ */
+export function useTimeAgoOptions(short = false): UseTimeAgoOptions<false> {
+  const { d, t, n: fnf, locale } = useI18n()
+  const prefix = short ? 'short_' : ''
+
+  const fn = (n: number, past: boolean, key: string) => {
+    return t(`time_ago_options.${prefix}${key}_${past ? 'past' : 'future'}`, n, {
+      named: {
+        v: fnf(n, 'smallCounting', locale.value),
+      },
+    })
+  }
+
+  return {
+    rounding: 'floor',
+    showSecond: !short,
+    updateInterval: short ? 60000 : 1000,
+    messages: {
+      justNow: t('time_ago_options.just_now'),
+      // just return the value
+      past: n => n,
+      // just return the value
+      future: n => n,
+      second: (n, p) => fn(n, p, 'second'),
+      minute: (n, p) => fn(n, p, 'minute'),
+      hour: (n, p) => fn(n, p, 'hour'),
+      day: (n, p) => fn(n, p, 'day'),
+      week: (n, p) => fn(n, p, 'week'),
+      month: (n, p) => fn(n, p, 'month'),
+      year: (n, p) => fn(n, p, 'year'),
+      invalid: '',
+    },
+    fullDateFormatter(date) {
+      return d(date, short ? 'short' : 'long')
+    },
+  }
+}
+/**
+ * Composable to handle file sizes formatting.
+ * TODO: review if we need this composable
+ * @public
+ */
+export function useFileSizeFormatter() {
+  const { locale } = useI18n()
+
+  const formatters = computed(
+    () =>
+      [
+        Intl.NumberFormat(locale.value, {
+          style: 'unit',
+          unit: 'megabyte',
+          unitDisplay: 'narrow',
+          maximumFractionDigits: 0,
+        }),
+        Intl.NumberFormat(locale.value, {
+          style: 'unit',
+          unit: 'kilobyte',
+          unitDisplay: 'narrow',
+          maximumFractionDigits: 0,
+        }),
+      ] as const,
+  )
+
+  const megaByte = 1024 * 1024
+
+  function formatFileSize(size: number) {
+    return size >= megaByte
+      ? formatters.value[0].format(size / megaByte)
+      : formatters.value[1].format(size / 1024)
+  }
+
+  return { formatFileSize }
+}
diff --git a/app/pages/index.vue b/app/pages/index.vue
index a1c775a9..01f9ecc7 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -2,6 +2,7 @@
 import { debounce } from 'perfect-debounce'
 
 const router = useRouter()
+
 const searchQuery = ref('')
 const searchInputRef = useTemplateRef('searchInputRef')
 const { focused: isSearchFocused } = useFocus(searchInputRef)
@@ -34,11 +35,23 @@ defineOgImageComponent('Default')
     <header class="flex-1 flex flex-col items-center justify-center text-center py-20">
       <!-- Animated title -->
       <h1
-        class="font-mono text-5xl sm:text-7xl md:text-8xl font-medium tracking-tight mb-4 motion-safe:animate-fade-in motion-safe:animate-fill-both"
+        dir="ltr"
+        class="flex items-center justify-center gap-2 header-logo font-mono text-5xl sm:text-7xl md:text-8xl font-medium tracking-tight mb-4 motion-safe:animate-fade-in motion-safe:animate-fill-both"
       >
-        <span class="text-accent"><span class="-tracking-0.2em">.</span>/</span>npmx
+        <img
+          aria-hidden="true"
+          :alt="$t('alt_logo')"
+          src="/logo.svg"
+          width="48"
+          height="48"
+          class="w-12 h-12 sm:w-20 sm:h-20 md:w-24 md:h-24 rounded-2xl sm:rounded-3xl"
+        />
+        <span class="pb-4">npmx</span>
       </h1>
 
+      <!-- Build info badge -->
+      <BuildEnvironment />
+
       <p
         class="text-fg-muted text-lg sm:text-xl max-w-md mb-12 motion-safe:animate-slide-up motion-safe:animate-fill-both"
         style="animation-delay: 0.1s"
diff --git a/config/env.ts b/config/env.ts
new file mode 100644
index 00000000..049fa6a6
--- /dev/null
+++ b/config/env.ts
@@ -0,0 +1,86 @@
+import Git from 'simple-git'
+import * as process from 'node:process'
+
+export { version } from '../package.json'
+
+/**
+ * Environment variable `PULL_REQUEST` provided by Netlify.
+ * @see {@link https://docs.netlify.com/build/configure-builds/environment-variables/#git-metadata}
+ *
+ * Environment variable `VERCEL_GIT_PULL_REQUEST_ID` provided by Vercel.
+ * @see {@link https://vercel.com/docs/environment-variables/system-environment-variables#VERCEL_GIT_PULL_REQUEST_ID}
+ *
+ * Whether triggered by a GitHub PR
+ */
+export const isPR = process.env.PULL_REQUEST === 'true' || !!process.env.VERCEL_GIT_PULL_REQUEST_ID
+
+/**
+ * Environment variable `BRANCH` provided by Netlify.
+ * @see {@link https://docs.netlify.com/build/configure-builds/environment-variables/#git-metadata}
+ *
+ * Environment variable `VERCEL_GIT_COMMIT_REF` provided by Vercel.
+ * @see {@link https://vercel.com/docs/environment-variables/system-environment-variables#VERCEL_GIT_COMMIT_REF}
+ *
+ * Git branch
+ */
+export const gitBranch = process.env.BRANCH || process.env.VERCEL_GIT_COMMIT_REF
+
+/**
+ * Environment variable `CONTEXT` provided by Netlify.
+ * @see {@link https://docs.netlify.com/build/configure-builds/environment-variables/#build-metadata}
+ *
+ * Environment variable `VERCEL_ENV` provided by Vercel.
+ * @see {@link https://vercel.com/docs/environment-variables/system-environment-variables#VERCEL_ENV}
+ *
+ * Whether triggered by PR, `deploy-preview` or `dev`.
+ */
+export const isPreview =
+  isPR ||
+  process.env.CONTEXT === 'deploy-preview' ||
+  process.env.CONTEXT === 'dev' ||
+  process.env.VERCEL_ENV === 'preview' ||
+  process.env.VERCEL_ENV === 'development'
+
+const git = Git()
+export async function getGitInfo() {
+  let branch
+  try {
+    branch = gitBranch || (await git.revparse(['--abbrev-ref', 'HEAD']))
+  } catch {
+    branch = 'unknown'
+  }
+
+  let commit
+  try {
+    // Netlify: COMMIT_REF, Vercel: VERCEL_GIT_COMMIT_SHA
+    commit =
+      process.env.COMMIT_REF || process.env.VERCEL_GIT_COMMIT_SHA || (await git.revparse(['HEAD']))
+  } catch {
+    commit = 'unknown'
+  }
+
+  let shortCommit
+  try {
+    if (commit && commit !== 'unknown') {
+      shortCommit = commit.slice(0, 7)
+    } else {
+      shortCommit = await git.revparse(['--short=7', 'HEAD'])
+    }
+  } catch {
+    shortCommit = 'unknown'
+  }
+
+  return { branch, commit, shortCommit }
+}
+
+export async function getEnv(isDevelopment: boolean) {
+  const { commit, shortCommit, branch } = await getGitInfo()
+  const env = isDevelopment
+    ? 'dev'
+    : isPreview
+      ? 'preview'
+      : branch === 'main'
+        ? 'canary'
+        : 'release'
+  return { commit, shortCommit, branch, env } as const
+}
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 546e4c62..80780cc4 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -5,6 +5,9 @@
       "description": "A better browser for the npm registry. Search, browse, and explore packages with a modern interface."
     }
   },
+  "version": "Version",
+  "built_at": "Built {0}",
+  "alt_logo": "npmx logo",
   "tagline": "a better browser for the npm registry",
   "non_affiliation_disclaimer": "not affiliated with npm, Inc.",
   "trademark_disclaimer": "npm is a registered trademark of npm, Inc. This site is not affiliated with npm, Inc.",
@@ -748,5 +751,36 @@
       "empty": "No organizations found",
       "view_all": "View all"
     }
+  },
+  "time_ago_options": {
+    "day_future": "in 0 days|tomorrow|in {n} days",
+    "day_past": "0 days ago|yesterday|{n} days ago",
+    "hour_future": "in 0 hours|in 1 hour|in {n} hours",
+    "hour_past": "0 hours ago|1 hour ago|{n} hours ago",
+    "just_now": "just now",
+    "minute_future": "in 0 minutes|in 1 minute|in {n} minutes",
+    "minute_past": "0 minutes ago|1 minute ago|{n} minutes ago",
+    "month_future": "in 0 months|next month|in {n} months",
+    "month_past": "0 months ago|last month|{n} months ago",
+    "second_future": "just now|in {n} second|in {n} seconds",
+    "second_past": "just now|{n} second ago|{n} seconds ago",
+    "short_day_future": "in {n}d",
+    "short_day_past": "{n}d",
+    "short_hour_future": "in {n}h",
+    "short_hour_past": "{n}h",
+    "short_minute_future": "in {n}min",
+    "short_minute_past": "{n}min",
+    "short_month_future": "in {n}mo",
+    "short_month_past": "{n}mo",
+    "short_second_future": "in {n}s",
+    "short_second_past": "{n}s",
+    "short_week_future": "in {n}w",
+    "short_week_past": "{n}w",
+    "short_year_future": "in {n}y",
+    "short_year_past": "{n}y",
+    "week_future": "in 0 weeks|next week|in {n} weeks",
+    "week_past": "0 weeks ago|last week|{n} weeks ago",
+    "year_future": "in 0 years|next year|in {n} years",
+    "year_past": "0 years ago|last year|{n} years ago"
   }
 }
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index 546e4c62..80780cc4 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -5,6 +5,9 @@
       "description": "A better browser for the npm registry. Search, browse, and explore packages with a modern interface."
     }
   },
+  "version": "Version",
+  "built_at": "Built {0}",
+  "alt_logo": "npmx logo",
   "tagline": "a better browser for the npm registry",
   "non_affiliation_disclaimer": "not affiliated with npm, Inc.",
   "trademark_disclaimer": "npm is a registered trademark of npm, Inc. This site is not affiliated with npm, Inc.",
@@ -748,5 +751,36 @@
       "empty": "No organizations found",
       "view_all": "View all"
     }
+  },
+  "time_ago_options": {
+    "day_future": "in 0 days|tomorrow|in {n} days",
+    "day_past": "0 days ago|yesterday|{n} days ago",
+    "hour_future": "in 0 hours|in 1 hour|in {n} hours",
+    "hour_past": "0 hours ago|1 hour ago|{n} hours ago",
+    "just_now": "just now",
+    "minute_future": "in 0 minutes|in 1 minute|in {n} minutes",
+    "minute_past": "0 minutes ago|1 minute ago|{n} minutes ago",
+    "month_future": "in 0 months|next month|in {n} months",
+    "month_past": "0 months ago|last month|{n} months ago",
+    "second_future": "just now|in {n} second|in {n} seconds",
+    "second_past": "just now|{n} second ago|{n} seconds ago",
+    "short_day_future": "in {n}d",
+    "short_day_past": "{n}d",
+    "short_hour_future": "in {n}h",
+    "short_hour_past": "{n}h",
+    "short_minute_future": "in {n}min",
+    "short_minute_past": "{n}min",
+    "short_month_future": "in {n}mo",
+    "short_month_past": "{n}mo",
+    "short_second_future": "in {n}s",
+    "short_second_past": "{n}s",
+    "short_week_future": "in {n}w",
+    "short_week_past": "{n}w",
+    "short_year_future": "in {n}y",
+    "short_year_past": "{n}y",
+    "week_future": "in 0 weeks|next week|in {n} weeks",
+    "week_past": "0 weeks ago|last week|{n} weeks ago",
+    "year_future": "in 0 years|next year|in {n} years",
+    "year_past": "0 years ago|last year|{n} years ago"
   }
 }
diff --git a/modules/build-env.ts b/modules/build-env.ts
new file mode 100644
index 00000000..bb689a39
--- /dev/null
+++ b/modules/build-env.ts
@@ -0,0 +1,35 @@
+import type { BuildInfo } from '../shared/types'
+import { createResolver, defineNuxtModule } from 'nuxt/kit'
+import { isCI } from 'std-env'
+import { getEnv, version } from '../config/env'
+
+const { resolve } = createResolver(import.meta.url)
+
+export default defineNuxtModule({
+  meta: {
+    name: 'npmx:build-env',
+  },
+  async setup(_options, nuxt) {
+    const { env, commit, shortCommit, branch } = await getEnv(nuxt.options.dev)
+    const buildInfo: BuildInfo = {
+      version,
+      time: +Date.now(),
+      commit,
+      shortCommit,
+      branch,
+      env,
+    }
+
+    nuxt.options.appConfig = nuxt.options.appConfig || {}
+    nuxt.options.appConfig.env = env
+    nuxt.options.appConfig.buildInfo = buildInfo
+
+    nuxt.options.nitro.virtual = nuxt.options.nitro.virtual || {}
+    nuxt.options.nitro.virtual['#build-info'] = `export const env = ${JSON.stringify(env)}`
+
+    nuxt.options.nitro.publicAssets = nuxt.options.nitro.publicAssets || []
+    if (env === 'dev') nuxt.options.nitro.publicAssets.unshift({ dir: resolve('../public-dev') })
+    else if (env === 'canary' || env === 'preview' || !isCI)
+      nuxt.options.nitro.publicAssets.unshift({ dir: resolve('../public-staging') })
+  },
+})
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9e1bda7f..6a47f8e1 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,14 +1,8 @@
+import type { BuildInfo } from './shared/types'
 import { currentLocales } from './config/i18n'
 
 export default defineNuxtConfig({
   modules: [
-    function (_, nuxt) {
-      if (nuxt.options._prepare) {
-        nuxt.options.pwa ||= {}
-        nuxt.options.pwa.pwaAssets ||= {}
-        nuxt.options.pwa.pwaAssets.disabled = true
-      }
-    },
     // Workaround for Nuxt 4.3.0 regression: https://github.com/nuxt/nuxt/issues/34140
     // shared-imports.d.ts pulls in app composables during type-checking of shared context,
     // but the shared context doesn't have access to auto-import globals.
@@ -161,10 +155,10 @@ export default defineNuxtConfig({
   },
 
   pwa: {
-    // Disable service worker - only using for asset generation
+    // Disable service worker
     disable: true,
     pwaAssets: {
-      config: true,
+      config: false,
     },
     manifest: {
       name: 'npmx',
@@ -172,6 +166,30 @@ export default defineNuxtConfig({
       description: 'A fast, modern browser for the npm registry',
       theme_color: '#0a0a0a',
       background_color: '#0a0a0a',
+      icons: [
+        {
+          src: 'pwa-64x64.png',
+          sizes: '64x64',
+          type: 'image/png',
+        },
+        {
+          src: 'pwa-192x192.png',
+          sizes: '192x192',
+          type: 'image/png',
+        },
+        {
+          src: 'pwa-512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'any',
+        },
+        {
+          src: 'maskable-icon-512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'maskable',
+        },
+      ],
     },
   },
 
@@ -196,3 +214,10 @@ export default defineNuxtConfig({
     langDir: 'locales',
   },
 })
+
+declare module '@nuxt/schema' {
+  interface AppConfig {
+    env: BuildInfo['env']
+    buildInfo: BuildInfo
+  }
+}
diff --git a/package.json b/package.json
index 84597047..e1a3aa3f 100644
--- a/package.json
+++ b/package.json
@@ -3,6 +3,7 @@
   "license": "MIT",
   "private": true,
   "type": "module",
+  "version": "0.0.0",
   "author": {
     "name": "Daniel Roe",
     "email": "daniel@roe.dev",
@@ -20,6 +21,7 @@
     "lint:fix": "vite lint --fix && vite fmt",
     "generate": "nuxt generate",
     "npmx-connector": "pnpm --filter npmx-connector dev",
+    "generate-pwa-icons": "pwa-assets-generator",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare && simple-git-hooks && pnpm generate:lexicons",
     "generate:lexicons": "lex build --lexicons lexicons --out shared/types/lexicons --clear",
@@ -57,6 +59,7 @@
     "sanitize-html": "2.17.0",
     "semver": "7.7.3",
     "shiki": "3.21.0",
+    "simple-git": "3.30.0",
     "ufo": "1.6.3",
     "valibot": "1.2.0",
     "validate-npm-package-name": "7.0.2",
@@ -72,6 +75,7 @@
     "@npm/types": "2.1.0",
     "@nuxt/test-utils": "https://pkg.pr.new/@nuxt/test-utils@1499a48",
     "@playwright/test": "1.58.0",
+    "@types/node": "24.10.9",
     "@types/sanitize-html": "2.16.0",
     "@types/semver": "7.7.1",
     "@types/validate-npm-package-name": "4.0.2",
@@ -95,6 +99,7 @@
     "typescript": "5.9.3",
     "unocss": "66.6.0",
     "unplugin-vue-router": "0.19.2",
+    "vite-plugin-pwa": "1.2.0",
     "vite-plus": "0.0.0-833c515fa25cef20905a7f9affb156dfa6f151ab",
     "vitest": "npm:@voidzero-dev/vite-plus-test@0.0.0-833c515fa25cef20905a7f9affb156dfa6f151ab",
     "vitest-environment-nuxt": "1.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ab85b8cb..f4640a1a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -95,6 +95,9 @@ importers:
       shiki:
         specifier: 3.21.0
         version: 3.21.0
+      simple-git:
+        specifier: 3.30.0
+        version: 3.30.0
       ufo:
         specifier: 1.6.3
         version: 1.6.3
@@ -135,6 +138,9 @@ importers:
       '@playwright/test':
         specifier: 1.58.0
         version: 1.58.0
+      '@types/node':
+        specifier: 24.10.9
+        version: 24.10.9
       '@types/sanitize-html':
         specifier: 2.16.0
         version: 2.16.0
@@ -204,6 +210,9 @@ importers:
       unplugin-vue-router:
         specifier: 0.19.2
         version: 0.19.2(@vue/compiler-sfc@3.5.27)(vue-router@4.6.4(vue@3.5.27(typescript@5.9.3)))(vue@3.5.27(typescript@5.9.3))
+      vite-plugin-pwa:
+        specifier: 1.2.0
+        version: 1.2.0(@vite-pwa/assets-generator@1.0.2)(vite@7.3.1(@types/node@24.10.9)(jiti@2.6.1)(lightningcss@1.31.1)(terser@5.46.0)(yaml@2.8.2))(workbox-build@7.4.0)(workbox-window@7.4.0)
       vite-plus:
         specifier: 0.0.0-833c515fa25cef20905a7f9affb156dfa6f151ab
         version: 0.0.0-833c515fa25cef20905a7f9affb156dfa6f151ab(@types/node@24.10.9)(esbuild@0.27.2)(happy-dom@20.4.0)(jiti@2.6.1)(terser@5.46.0)(typescript@5.9.3)(yaml@2.8.2)
diff --git a/public-dev/apple-touch-icon-180x180.png b/public-dev/apple-touch-icon-180x180.png
new file mode 100644
index 00000000..9b5acabc
Binary files /dev/null and b/public-dev/apple-touch-icon-180x180.png differ
diff --git a/public-dev/favicon.ico b/public-dev/favicon.ico
new file mode 100644
index 00000000..180232fc
Binary files /dev/null and b/public-dev/favicon.ico differ
diff --git a/public-dev/favicon.svg b/public-dev/favicon.svg
new file mode 100644
index 00000000..cd3f0752
--- /dev/null
+++ b/public-dev/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="64" fill="#0a0a0a"/>
+  <text
+    x="256"
+    y="320"
+    font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
+    font-size="280"
+    font-weight="500"
+    text-anchor="middle"
+    fill="#91BA4D"
+  ><tspan fill="#20461A">.</tspan>/</text>
+</svg>
diff --git a/public-dev/logo.svg b/public-dev/logo.svg
new file mode 100644
index 00000000..2be0bf86
--- /dev/null
+++ b/public-dev/logo.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="64" fill="#0a0a0a"/>
+  <rect x="110" y="310" width="60" height="60" fill="#20461A"/>
+  <text
+    x="320"
+    y="370"
+    font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
+    font-size="420"
+    font-weight="500"
+    text-anchor="middle"
+    fill="#91BA4D"
+  ><tspan>/</tspan></text>
+</svg>
diff --git a/public-dev/maskable-icon-512x512.png b/public-dev/maskable-icon-512x512.png
new file mode 100644
index 00000000..a400d31a
Binary files /dev/null and b/public-dev/maskable-icon-512x512.png differ
diff --git a/public-dev/pwa-192x192.png b/public-dev/pwa-192x192.png
new file mode 100644
index 00000000..e1a32c41
Binary files /dev/null and b/public-dev/pwa-192x192.png differ
diff --git a/public-dev/pwa-512x512.png b/public-dev/pwa-512x512.png
new file mode 100644
index 00000000..c46ee8aa
Binary files /dev/null and b/public-dev/pwa-512x512.png differ
diff --git a/public-dev/pwa-64x64.png b/public-dev/pwa-64x64.png
new file mode 100644
index 00000000..eec76842
Binary files /dev/null and b/public-dev/pwa-64x64.png differ
diff --git a/public-staging/apple-touch-icon-180x180.png b/public-staging/apple-touch-icon-180x180.png
new file mode 100644
index 00000000..d7a3fa0e
Binary files /dev/null and b/public-staging/apple-touch-icon-180x180.png differ
diff --git a/public-staging/favicon.ico b/public-staging/favicon.ico
new file mode 100644
index 00000000..348eb8ba
Binary files /dev/null and b/public-staging/favicon.ico differ
diff --git a/public-staging/favicon.svg b/public-staging/favicon.svg
new file mode 100644
index 00000000..364688c3
--- /dev/null
+++ b/public-staging/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="64" fill="#0a0a0a"/>
+  <text
+    x="256"
+    y="320"
+    font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
+    font-size="280"
+    font-weight="500"
+    text-anchor="middle"
+    fill="#5AB1CC"
+  ><tspan fill="#1E4E5E">.</tspan>/</text>
+</svg>
diff --git a/public-staging/logo.svg b/public-staging/logo.svg
new file mode 100644
index 00000000..97b35a4f
--- /dev/null
+++ b/public-staging/logo.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="64" fill="#0a0a0a"/>
+  <rect x="110" y="310" width="60" height="60" fill="#1E4E5E"/>
+  <text
+    x="320"
+    y="370"
+    font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
+    font-size="420"
+    font-weight="500"
+    text-anchor="middle"
+    fill="#5AB1CC"
+  ><tspan>/</tspan></text>
+</svg>
diff --git a/public-staging/maskable-icon-512x512.png b/public-staging/maskable-icon-512x512.png
new file mode 100644
index 00000000..8991a7d5
Binary files /dev/null and b/public-staging/maskable-icon-512x512.png differ
diff --git a/public-staging/pwa-192x192.png b/public-staging/pwa-192x192.png
new file mode 100644
index 00000000..fae0e544
Binary files /dev/null and b/public-staging/pwa-192x192.png differ
diff --git a/public-staging/pwa-512x512.png b/public-staging/pwa-512x512.png
new file mode 100644
index 00000000..71bacfaa
Binary files /dev/null and b/public-staging/pwa-512x512.png differ
diff --git a/public-staging/pwa-64x64.png b/public-staging/pwa-64x64.png
new file mode 100644
index 00000000..9e0c1921
Binary files /dev/null and b/public-staging/pwa-64x64.png differ
diff --git a/public/apple-touch-icon-180x180.png b/public/apple-touch-icon-180x180.png
new file mode 100644
index 00000000..48929885
Binary files /dev/null and b/public/apple-touch-icon-180x180.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 00000000..462aaa38
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 00000000..0f93226f
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <rect width="512" height="512" rx="64" fill="#0a0a0a"/>
+  <rect x="110" y="310" width="60" height="60" fill="#525252"/>
+  <text
+    x="320"
+    y="370"
+    font-family="ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace"
+    font-size="420"
+    font-weight="500"
+    text-anchor="middle"
+    fill="#fafafa"
+  ><tspan>/</tspan></text>
+</svg>
diff --git a/public/maskable-icon-512x512.png b/public/maskable-icon-512x512.png
new file mode 100644
index 00000000..99822013
Binary files /dev/null and b/public/maskable-icon-512x512.png differ
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
new file mode 100644
index 00000000..0e197a68
Binary files /dev/null and b/public/pwa-192x192.png differ
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
new file mode 100644
index 00000000..fe36f9a4
Binary files /dev/null and b/public/pwa-512x512.png differ
diff --git a/public/pwa-64x64.png b/public/pwa-64x64.png
new file mode 100644
index 00000000..5928795f
Binary files /dev/null and b/public/pwa-64x64.png differ
diff --git a/pwa-assets.config.ts b/pwa-assets.config.ts
index 99afc3de..dc49c808 100644
--- a/pwa-assets.config.ts
+++ b/pwa-assets.config.ts
@@ -2,5 +2,5 @@ import { defineConfig, minimal2023Preset } from '@vite-pwa/assets-generator/conf
 
 export default defineConfig({
   preset: minimal2023Preset,
-  images: ['public/favicon.svg'],
+  images: ['public/logo.svg', 'public-dev/logo.svg', 'public-staging/logo.svg'],
 })
diff --git a/shared/types/env.ts b/shared/types/env.ts
new file mode 100644
index 00000000..b1583e66
--- /dev/null
+++ b/shared/types/env.ts
@@ -0,0 +1,8 @@
+export interface BuildInfo {
+  version: string
+  commit: string
+  shortCommit: string
+  time: number
+  branch: string
+  env: 'preview' | 'canary' | 'dev' | 'release'
+}
diff --git a/shared/types/index.ts b/shared/types/index.ts
index 1bb0a8a1..b54c669f 100644
--- a/shared/types/index.ts
+++ b/shared/types/index.ts
@@ -3,5 +3,6 @@ export * from './jsr'
 export * from './dependency-analysis'
 export * from './readme'
 export * from './docs'
+export * from './env'
 export * from './deno-doc'
 export * from './i18n-status'