fix(ui): emit ui-version.json and show UI source

packages/ui/src/components/version-pill.tsx

@@ -16,21 +16,21 @@ export default function VersionPill() {
   const uiSource = () => meta()?.ui?.source
 
   return (
-    <Show when={serverVersion() || uiVersion()}>
+    <Show when={serverVersion() || uiVersion() || uiSource()}>
       <div class="text-[11px] text-muted whitespace-nowrap">
         <Show when={serverVersion()}>
           {(v) => <span>App {v()}</span>}
         </Show>
-        <Show when={uiVersion()}>
+        <Show when={uiVersion() || uiSource()}>
-          {(v) => (
+          <>
-            <>
+            <Show when={serverVersion()}>
               <span class="mx-2">·</span>
-              <span>
+            </Show>
-                UI {v()}
+            <span>
-                <Show when={uiSource()}>{(s) => <span class="opacity-70"> ({s()})</span>}</Show>
+              UI{uiVersion() ? ` ${uiVersion()}` : ""}
-              </span>
+              <Show when={uiSource()}>{(s) => <span class="opacity-70"> ({s()})</span>}</Show>
-            </>
+            </span>
-          )}
+          </>
         </Show>
       </div>
     </Show>

packages/ui/vite.config.ts

@@ -1,10 +1,26 @@
+import fs from "fs"
 import { defineConfig } from "vite"
 import solid from "vite-plugin-solid"
 import { resolve } from "path"
 
+const uiPackageJson = JSON.parse(fs.readFileSync(resolve(__dirname, "package.json"), "utf-8")) as { version?: string }
+const uiVersion = uiPackageJson.version ?? "0.0.0"
+
 export default defineConfig({
   root: "./src/renderer",
-  plugins: [solid()],
+  plugins: [
+    solid(),
+    {
+      name: "emit-ui-version",
+      generateBundle() {
+        this.emitFile({
+          type: "asset",
+          fileName: "ui-version.json",
+          source: JSON.stringify({ uiVersion }, null, 2),
+        })
+      },
+    },
+  ],
   css: {
     postcss: "./postcss.config.js",
   },