fix(console): restore Download button in site header (#61206)

packages/console/app/src/component/header.tsx

@@ -13,7 +13,7 @@ import copyLogoSvgLight from "../asset/lander/opencode-logo-light.svg"
 import copyLogoSvgDark from "../asset/lander/opencode-logo-dark.svg"
 import copyWordmarkSvgLight from "../asset/lander/opencode-wordmark-light.svg"
 import copyWordmarkSvgDark from "../asset/lander/opencode-wordmark-dark.svg"
-import { A, useNavigate } from "@solidjs/router"
+import { A, useLocation, useNavigate } from "@solidjs/router"
 import { Match, Show, Switch } from "solid-js"
 import { createStore } from "solid-js/store"
 import { createEffect, onCleanup } from "solid-js"
@@ -39,6 +39,8 @@ export function Header() {
   const navigate = useNavigate()
   const i18n = useI18n()
   const language = useLanguage()
+  const location = useLocation()
+  const onDownload = () => location.pathname.replace(/\/$/, "") === language.route("/download")
 
   const [store, setStore] = createStore({
     mobileMenuOpen: false,
@@ -181,6 +183,28 @@ export function Header() {
               {i18n.t("nav.console")}
             </a>
           </li>
+          <Show when={!onDownload()}>
+            <li>
+              <A href={language.route("/download")} data-slot="cta-button">
+                <svg
+                  width="18"
+                  height="18"
+                  viewBox="0 0 18 18"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                  style="flex-shrink: 0;"
+                >
+                  <path
+                    d="M12.1875 9.75L9.00001 12.9375L5.8125 9.75M9.00001 2.0625L9 12.375M14.4375 15.9375H3.5625"
+                    stroke="currentColor"
+                    stroke-width="1.5"
+                    stroke-linecap="square"
+                  />
+                </svg>
+                {i18n.t("nav.free")}
+              </A>
+            </li>
+          </Show>
         </ul>
       </nav>
       <nav data-component="nav-mobile">
@@ -261,6 +285,13 @@ export function Header() {
                     {i18n.t("nav.console")}
                   </a>
                 </li>
+                <Show when={!onDownload()}>
+                  <li>
+                    <A href={language.route("/download")} data-slot="cta-button">
+                      {i18n.t("nav.getStartedFree")}
+                    </A>
+                  </li>
+                </Show>
               </ul>
             </nav>
           </div>