chore: rebrand to osschat with new 8-bit triangle logo

apps/web/public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "TanStack App",
-  "name": "Create TanStack App Sample",
+  "short_name": "osschat",
+  "name": "osschat",
   "icons": [
     {
       "src": "favicon.ico",
@@ -16,10 +16,15 @@
       "src": "logo512.png",
       "type": "image/png",
       "sizes": "512x512"
+    },
+    {
+      "src": "apple-touch-icon.png",
+      "type": "image/png",
+      "sizes": "180x180"
     }
   ],
   "start_url": ".",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#1C1917",
+  "background_color": "#1C1917"
 }

apps/web/src/routes/__root.tsx

@@ -20,12 +20,21 @@ export const Route = createRootRoute({
     meta: [
       { charSet: "utf-8" },
       { name: "viewport", content: "width=device-width, initial-scale=1" },
-      { title: "OpenChat" },
-      { name: "description", content: "AI Chat powered by OpenRouter" },
+      { title: "osschat" },
+      { name: "description", content: "Open source AI chat powered by OpenRouter" },
+      { property: "og:title", content: "osschat" },
+      { property: "og:description", content: "Open source AI chat powered by OpenRouter" },
+      { property: "og:image", content: "/logo512.png" },
+      { property: "og:type", content: "website" },
+      { name: "twitter:card", content: "summary" },
+      { name: "twitter:title", content: "osschat" },
+      { name: "twitter:description", content: "Open source AI chat powered by OpenRouter" },
+      { name: "twitter:image", content: "/logo512.png" },
     ],
     links: [
       { rel: "stylesheet", href: appCss },
       { rel: "icon", href: "/favicon.ico" },
+      { rel: "apple-touch-icon", href: "/apple-touch-icon.png" },
     ],
     scripts: [
       {

apps/web/src/routes/auth/sign-in.tsx

@@ -116,10 +116,10 @@ function Logo({
         className,
       )}
     >
-      <img src="/logo.png" alt="OpenChat" className={sizes.logo} />
+      <img src="/logo.png" alt="osschat" className={sizes.logo} />
       <span className={cn("font-sans font-bold", sizes.text)}>
-        <span className="text-foreground">Open</span>
-        <span className="text-primary">Chat</span>
+        <span className="text-foreground">oss</span>
+        <span className="text-primary">chat</span>
       </span>
     </span>
   );
@@ -197,7 +197,7 @@ function SignInPage() {
         <div className="flex flex-1 items-center justify-center">
           <div className="w-full max-w-xs space-y-6">
             <div className="space-y-1 text-center">
-              <h1 className="text-xl font-semibold tracking-tight">Welcome to OpenChat</h1>
+              <h1 className="text-xl font-semibold tracking-tight">Welcome to osschat</h1>
               <p className="text-muted-foreground text-sm">Sign in to access your workspace</p>
             </div>
 

apps/web/src/routes/index.tsx

@@ -18,8 +18,8 @@ function HomePage() {
   if (!isAuthenticated) {
     return (
       <div className="flex h-full flex-col items-center justify-center gap-6 p-8">
-        <h1 className="text-4xl font-bold tracking-tight">OpenChat</h1>
-        <p className="text-muted-foreground">AI Chat powered by OpenRouter</p>
+        <h1 className="text-4xl font-bold tracking-tight">osschat</h1>
+        <p className="text-muted-foreground">Open source AI chat powered by OpenRouter</p>
         <Link to="/auth/sign-in">
           <Button>Sign In</Button>
         </Link>