Show git commit hash in sidebar

Author: gergesh

packages/desktop/src/env.d.ts

@@ -8,3 +8,4 @@ interface ImportMeta {
 }
 
 declare const __APP_VERSION__: string
+declare const __COMMIT_HASH__: string

packages/desktop/src/pages/layout.tsx

@@ -1068,7 +1068,7 @@ export default function Layout(props: ParentProps) {
             </Tooltip>
           </div>
           <Show when={layout.sidebar.opened()}>
-            <div class="absolute bottom-1 left-2 text-11-regular text-text-weaker">v{__APP_VERSION__}</div>
+            <div class="absolute bottom-1 left-2 text-11-regular text-text-weaker">v{__APP_VERSION__} ({__COMMIT_HASH__})</div>
           </Show>
         </div>
         <main class="size-full overflow-x-hidden flex flex-col items-start contain-strict">{props.children}</main>
@@ -1191,7 +1191,7 @@ export default function Layout(props: ParentProps) {
 
           {/* Mobile menu footer */}
           <div class="shrink-0 border-t border-border-weak-base p-4">
-            <div class="text-11-regular text-text-weaker">v{__APP_VERSION__}</div>
+            <div class="text-11-regular text-text-weaker">v{__APP_VERSION__} ({__COMMIT_HASH__})</div>
           </div>
         </div>
       </Show>

packages/desktop/vite.config.ts

@@ -3,7 +3,16 @@ import { readFileSync } from "fs"
 import { VitePWA } from "vite-plugin-pwa"
 import desktopPlugin from "./vite"
 
+import { execSync } from "child_process"
+
 const pkg = JSON.parse(readFileSync("./package.json", "utf-8"))
+const commitHash = process.env.OPENCODE_COMMIT_HASH || (() => {
+  try {
+    return execSync("git rev-parse --short HEAD", { encoding: "utf-8" }).trim()
+  } catch {
+    return "unknown"
+  }
+})()
 const apiPort = process.env.VITE_OPENCODE_SERVER_PORT ?? "4096"
 const apiTarget = `http://127.0.0.1:${apiPort}`
 
@@ -97,6 +106,7 @@ export default defineConfig({
   ] as any,
   define: {
     __APP_VERSION__: JSON.stringify(pkg.version),
+    __COMMIT_HASH__: JSON.stringify(commitHash),
   },
   server: {
     host: "0.0.0.0",

packages/opencode/script/build.ts

@@ -144,6 +144,7 @@ for (const item of targets) {
     define: {
       OPENCODE_VERSION: `'${Script.version}'`,
       OPENCODE_BASE_VERSION: `'${Script.baseVersion}'`,
+      OPENCODE_COMMIT_HASH: `'${Script.commitHash}'`,
       OTUI_TREE_SITTER_WORKER_PATH: bunfsRoot + workerRelativePath,
       OPENCODE_WORKER_PATH: workerPath,
       OPENCODE_CHANNEL: `'${Script.channel}'`,
@@ -175,7 +176,7 @@ for (const item of targets) {
 if (staticFlag) {
   console.log("building static assets...")
   const desktopDir = path.resolve(dir, "../desktop")
-  await $`bun run build`.cwd(desktopDir)
+  await $`OPENCODE_COMMIT_HASH=${Script.commitHash} bun run build`.cwd(desktopDir)
   await $`cp -r ${desktopDir}/dist ${dir}/static`
   console.log("static assets built to ./static")
 }

packages/opencode/src/cli/cmd/tui/routes/session/sidebar.tsx

@@ -394,7 +394,8 @@ export function Sidebar(props: { sessionID: string }) {
             <span style={{ fg: theme.text }}>
               <b>code</b>
             </span>{" "}
-            <span>{Installation.VERSION}</span>
+            <span>{Installation.VERSION}</span>{" "}
+            <span>({Installation.COMMIT_HASH})</span>
           </text>
         </box>
       </box>

packages/opencode/src/installation/index.ts

@@ -13,6 +13,7 @@ declare global {
   const OPENCODE_VERSION: string
   const OPENCODE_CHANNEL: string
   const OPENCODE_BASE_VERSION: string
+  const OPENCODE_COMMIT_HASH: string
 }
 
 export namespace Installation {
@@ -149,6 +150,7 @@ export namespace Installation {
   export const VERSION = typeof OPENCODE_VERSION === "string" ? OPENCODE_VERSION : "local"
   export const CHANNEL = typeof OPENCODE_CHANNEL === "string" ? OPENCODE_CHANNEL : "local"
   export const BASE_VERSION = typeof OPENCODE_BASE_VERSION === "string" ? OPENCODE_BASE_VERSION : VERSION
+  export const COMMIT_HASH = typeof OPENCODE_COMMIT_HASH === "string" ? OPENCODE_COMMIT_HASH : "unknown"
   export const USER_AGENT = `shuvcode/${CHANNEL}/${VERSION}/${Flag.OPENCODE_CLIENT}`
 
   export function displayVersion() {

packages/script/src/index.ts

@@ -88,6 +88,8 @@ const VERSION = await (async () => {
   return BASE_VERSION
 })()
 
+const COMMIT_HASH = await $`git rev-parse --short HEAD`.text().then((x) => x.trim()).catch(() => "unknown")
+
 export const Script = {
   get channel() {
     return CHANNEL
@@ -101,5 +103,8 @@ export const Script = {
   get preview() {
     return IS_PREVIEW
   },
+  get commitHash() {
+    return COMMIT_HASH
+  },
 }
 console.log(`opencode script`, JSON.stringify(Script, null, 2))