Merge pull request #11561 from IamCoder18/trusting-property

fix(console): show real Kilo logo in navbar

.changeset/console-navbar-kilo-logo.md

@@ -0,0 +1,5 @@
+---
+"@kilocode/kilo-console": patch
+---
+
+Replace the hardcoded "K" letter in the Kilo Console navbar with the real Kilo logo, and drop the redundant "Kilo" wordmark since the logo already carries the name.

packages/kilo-console/public/kilo-logo.svg

@@ -0,0 +1,4 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M512 0H0V512H512V0Z" fill="black"/>
+<path d="M322 377H377V421H307.857L278 391.143V322H322V377ZM421 307.857L391.143 278H322V322L377 322V377H421V307.857ZM234 278H190V322H234V278ZM91 391.143L120.857 421H234V377H135V278H91V391.143ZM371.172 189.999V120.856L341.315 90.9995H278V135H327.172V189.999H278V233.999H421V189.999H371.172ZM135 91H91V233.999H135V184.5H190V233.999H234V184.5L190 140.5H135V91ZM234 91H190V140.5H234V91Z" fill="#FAF74F"/>
+</svg>

packages/kilo-console/src/components/app-header/AppHeader.tsx

@@ -1,18 +1,16 @@
 import { IconButton } from "@kilocode/kilo-web-ui/icon-button"
+import { A } from "@solidjs/router"
 import { OmniSearch } from "./OmniSearch"
 
 export function AppHeader() {
   return (
     <header class="app-header">
-      <a class="header-brand" href="/projects" aria-label="Kilo Console home">
-        <span class="header-mark" aria-hidden="true">
-          K
-        </span>
+      <A class="header-brand" href="/projects" aria-label="Kilo Console home">
+        <img class="header-mark header-mark-logo" src={`${import.meta.env.BASE_URL}kilo-logo.svg`} alt="" width="28" height="28" />
         <span class="header-title">
-          <strong>Kilo</strong>
           <span>Console</span>
         </span>
-      </a>
+      </A>
 
       <OmniSearch />
 

packages/kilo-console/src/styles/base.css

@@ -4,6 +4,16 @@
   color: var(--text-base);
 }
 
+.kilo-console .header-mark-logo {
+  width: 1.75rem;
+  height: 1.75rem;
+  background: transparent;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+}
+
 * {
   box-sizing: border-box;
 }