feat: rename Honcho UI to OpenConcho, use SVG logo in sidebar and settings

offendingcommit · offendingcommit · commit d0aba0250d72 · 2026-04-27T14:10:25.000-05:00
diff --git a/packages/web/index.html b/packages/web/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Honcho UI</title>
+    <title>OpenConcho</title>
     <meta name="description" content="Frontend for self-hosted Honcho instances — browse memories, chat with memory context" />
   </head>
   <body>
diff --git a/packages/web/src/components/layout/Sidebar.tsx b/packages/web/src/components/layout/Sidebar.tsx
@@ -2,7 +2,6 @@ import { Link, useMatchRoute } from "@tanstack/react-router";
 import { motion } from "framer-motion";
 import {
 	Boxes,
-	Brain,
 	ChevronRight,
 	Eye,
 	EyeOff,
@@ -44,21 +43,18 @@ export function Sidebar() {
 			{/* Logo */}
 			<div className="px-3 sm:px-5 py-5" style={{ borderBottom: "1px solid var(--border)" }}>
 				<div className="flex items-center gap-2.5 justify-center sm:justify-start">
-					<div
-						className="w-7 h-7 rounded-lg flex items-center justify-center shrink-0"
-						style={{
-							background: "linear-gradient(135deg, #4f46e5, #7c3aed)",
-							boxShadow: `0 0 16px ${COLOR.accentGlow}`,
-						}}
-					>
-						<Brain className="w-4 h-4 text-white" strokeWidth={2} />
-					</div>
+					<img
+						src="/favicon.svg"
+						alt="OpenConcho"
+						className="w-7 h-7 rounded-lg shrink-0"
+						style={{ boxShadow: `0 0 16px ${COLOR.accentGlow}` }}
+					/>
 					<div className="hidden sm:block">
 						<span
 							className="font-semibold text-sm tracking-tight"
 							style={{ color: "var(--text-1)" }}
 						>
-							Honcho UI
+							OpenConcho
 						</span>
 					</div>
 				</div>
diff --git a/packages/web/src/routes/settings.tsx b/packages/web/src/routes/settings.tsx
@@ -1,6 +1,5 @@
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
 import { motion } from "framer-motion";
-import { Brain } from "lucide-react";
 import { SettingsForm } from "@/components/settings/SettingsForm";
 
 export const Route = createFileRoute("/settings")({
@@ -22,17 +21,14 @@ function SettingsPage() {
 				className="w-full max-w-md"
 			>
 				<div className="mb-8 text-center">
-					<div
-						className="w-14 h-14 rounded-2xl flex items-center justify-center mx-auto mb-4"
-						style={{
-							background: "linear-gradient(135deg, #4f46e5, #7c3aed)",
-							boxShadow: "0 0 32px rgba(99,102,241,0.35)",
-						}}
-					>
-						<Brain className="w-7 h-7 text-white" strokeWidth={2} />
-					</div>
+					<img
+						src="/favicon.svg"
+						alt="OpenConcho"
+						className="w-14 h-14 rounded-2xl mx-auto mb-4"
+						style={{ boxShadow: "0 0 32px rgba(99,102,241,0.35)" }}
+					/>
 					<h1 className="text-2xl font-semibold tracking-tight" style={{ color: "var(--text-1)" }}>
-						Honcho UI
+						OpenConcho
 					</h1>
 					<p className="text-sm mt-1" style={{ color: "var(--text-3)" }}>
 						Connect to your self-hosted Honcho instance
