Commit 9e891d2e97d65a6e211e3da8ee95807b9a091563 | the-knife

author	Weld <WeldFire@users.noreply.github.com> 2026-03-10 11:45:39-05:00
committer	GitHub <noreply@github.com> 2026-03-10 09:45:39-07:00
log	9e891d2e97d65a6e211e3da8ee95807b9a091563
tree	ea1acb667a3dba6789361258326a67745593675e
parent	b8d07eb852e5ea30717f4079595eb68515e930cf
signature	Signed by PGP key B5690EEEBB952194

Display application version in sidebar and settings (#720)

6 files changed, 50 insertions(+), 11 deletions(-)

CLAUDE.md
apps
- web
  - src
    branding.ts
    components
    Sidebar.tsx
    routes
    _chat.settings.tsx
    vite-env.d.ts
  - vite.config.ts

CLAUDE.md+1-1

...	...	@@ -1 +1 @@
1		AGENTS.md
		\ No newline at end of file
	1	AGENTS.md

apps/web/src/branding.ts+1

...	...	@@ -1,3 +1,4 @@
1	1	export const APP_BASE_NAME = "T3 Code";
2	2	export const APP_STAGE_LABEL = import.meta.env.DEV ? "Dev" : "Alpha";
3	3	export const APP_DISPLAY_NAME = `${APP_BASE_NAME} (${APP_STAGE_LABEL})`;
	4	export const APP_VERSION = import.meta.env.APP_VERSION \|\| "0.0.0";

apps/web/src/components/Sidebar.tsx+19-10

...	...	@@ -39,7 +39,7 @@ import { useMutation, useQueries, useQuery, useQueryClient } from "@tanstack/rea
39	39	import { useLocation, useNavigate, useParams } from "@tanstack/react-router";
40	40	import { useAppSettings } from "../appSettings";
41	41	import { isElectron } from "../env";
42		import { APP_STAGE_LABEL } from "../branding";
	42	import { APP_STAGE_LABEL, APP_VERSION } from "../branding";
43	43	import { isMacPlatform, newCommandId, newProjectId, newThreadId } from "../lib/utils";
44	44	import { useStore } from "../store";
45	45	import { isChatNewLocalShortcut, isChatNewShortcut, shortcutLabelForCommand } from "../keybindings";
...	...	@@ -1238,15 +1238,24 @@ export default function Sidebar() {
1238	1238	const wordmark = (
1239	1239	<div className="flex items-center gap-2">
1240	1240	<SidebarTrigger className="shrink-0 md:hidden" />
1241		<div className="flex min-w-0 flex-1 items-center gap-1 mt-1.5 ml-1">
1242		<T3Wordmark />
1243		<span className="truncate text-sm font-medium tracking-tight text-muted-foreground">
1244		Code
1245		</span>
1246		<span className="rounded-full bg-muted/50 px-1.5 py-0.5 text-[8px] font-medium uppercase tracking-[0.18em] text-muted-foreground/60">
1247		{APP_STAGE_LABEL}
1248		</span>
1249		</div>
	1241	<Tooltip>
	1242	<TooltipTrigger
	1243	render={
	1244	<div className="flex min-w-0 flex-1 items-center gap-1 mt-1.5 ml-1 cursor-pointer">
	1245	<T3Wordmark />
	1246	<span className="truncate text-sm font-medium tracking-tight text-muted-foreground">
	1247	Code
	1248	</span>
	1249	<span className="rounded-full bg-muted/50 px-1.5 py-0.5 text-[8px] font-medium uppercase tracking-[0.18em] text-muted-foreground/60">
	1250	{APP_STAGE_LABEL}
	1251	</span>
	1252	</div>
	1253	}
	1254	/>
	1255	<TooltipPopup side="bottom" sideOffset={2}>
	1256	Version {APP_VERSION}
	1257	</TooltipPopup>
	1258	</Tooltip>
1250	1259	</div>
1251	1260	);
1252	1261

apps/web/src/routes/_chat.settings.tsx+19

...	...	@@ -13,6 +13,7 @@ import { preferredTerminalEditor } from "../terminal-links";
13	13	import { Button } from "../components/ui/button";
14	14	import { Input } from "../components/ui/input";
15	15	import { Switch } from "../components/ui/switch";
	16	import { APP_VERSION } from "../branding";
16	17	import { SidebarInset } from "~/components/ui/sidebar";
17	18
18	19	const THEME_OPTIONS = [
...	...	@@ -554,6 +555,24 @@ function SettingsRouteView() {
554	555	</div>
555	556	) : null}
556	557	</section>
	558	<section className="rounded-2xl border border-border bg-card p-5">
	559	<div className="mb-4">
	560	<h2 className="text-sm font-medium text-foreground">About</h2>
	561	<p className="mt-1 text-xs text-muted-foreground">
	562	Application version and environment information.
	563	</p>
	564	</div>
	565
	566	<div className="flex items-center justify-between rounded-lg border border-border bg-background px-3 py-2">
	567	<div>
	568	<p className="text-sm font-medium text-foreground">Version</p>
	569	<p className="text-xs text-muted-foreground">
	570	Current version of the application.
	571	</p>
	572	</div>
	573	<code className="text-xs font-medium text-muted-foreground">{APP_VERSION}</code>
	574	</div>
	575	</section>
557	576	</div>
558	577	</div>
559	578	</div>

apps/web/src/vite-env.d.ts+8

...	...	@@ -2,6 +2,14 @@
2	2
3	3	import type { NativeApi, DesktopBridge } from "@t3tools/contracts";
4	4
	5	interface ImportMetaEnv {
	6	readonly APP_VERSION: string;
	7	}
	8
	9	interface ImportMeta {
	10	readonly env: ImportMetaEnv;
	11	}
	12
5	13	declare global {
6	14	interface Window {
7	15	nativeApi?: NativeApi;

apps/web/vite.config.ts+2

...	...	@@ -2,6 +2,7 @@ import tailwindcss from "@tailwindcss/vite";
2	2	import react from "@vitejs/plugin-react";
3	3	import { tanstackRouter } from "@tanstack/router-plugin/vite";
4	4	import { defineConfig } from "vite";
	5	import { version } from "./package.json" with { type: "json" };
5	6
6	7	const port = Number(process.env.PORT ?? 5733);
7	8	const sourcemapEnv = process.env.T3CODE_WEB_SOURCEMAP?.trim().toLowerCase();
...	...	@@ -29,6 +30,7 @@ export default defineConfig({
29	30	define: {
30	31	// In dev mode, tell the web app where the WebSocket server lives
31	32	"import.meta.env.VITE_WS_URL": JSON.stringify(process.env.VITE_WS_URL ?? ""),
	33	"import.meta.env.APP_VERSION": JSON.stringify(version),
32	34	},
33	35	resolve: {
34	36	tsconfigPaths: true,