fix(app): more startup efficiency (#19454)

10 files changed, 11 insertions, 75 deletions

diff --git a/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Bold.woff2 b/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Bold.woff2
deleted file mode 100644
index b441202d1..000000000
--- a/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Bold.woff2
+++ /dev/null
diff --git a/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Medium.woff2 b/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Medium.woff2
deleted file mode 100644
index d726b57c5..000000000
--- a/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Medium.woff2
+++ /dev/null
diff --git a/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Regular.woff2 b/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Regular.woff2
deleted file mode 100644
index 8c8a38b91..000000000
--- a/packages/ui/src/assets/fonts/BlexMonoNerdFontMono-Regular.woff2
+++ /dev/null
diff --git a/packages/ui/src/assets/fonts/ibm-plex-mono-bold.woff2 b/packages/ui/src/assets/fonts/ibm-plex-mono-bold.woff2
deleted file mode 120000
index f31cff001..000000000
--- a/packages/ui/src/assets/fonts/ibm-plex-mono-bold.woff2
+++ /dev/null
@@ -1 +0,0 @@
-BlexMonoNerdFontMono-Bold.woff2
\ No newline at end of file
diff --git a/packages/ui/src/assets/fonts/ibm-plex-mono-medium.woff2 b/packages/ui/src/assets/fonts/ibm-plex-mono-medium.woff2
deleted file mode 120000
index 50487e3c2..000000000
--- a/packages/ui/src/assets/fonts/ibm-plex-mono-medium.woff2
+++ /dev/null
@@ -1 +0,0 @@
-BlexMonoNerdFontMono-Medium.woff2
\ No newline at end of file
diff --git a/packages/ui/src/assets/fonts/ibm-plex-mono.woff2 b/packages/ui/src/assets/fonts/ibm-plex-mono.woff2
deleted file mode 120000
index b47b29853..000000000
--- a/packages/ui/src/assets/fonts/ibm-plex-mono.woff2
+++ /dev/null
@@ -1 +0,0 @@
-BlexMonoNerdFontMono-Regular.woff2
\ No newline at end of file
diff --git a/packages/ui/src/assets/fonts/inter.woff2 b/packages/ui/src/assets/fonts/inter.woff2
deleted file mode 100644
index b61bb0d0a..000000000
--- a/packages/ui/src/assets/fonts/inter.woff2
+++ /dev/null
diff --git a/packages/ui/src/components/font.stories.tsx b/packages/ui/src/components/font.stories.tsx
index 153a2c8dc..f4e90bde0 100644
--- a/packages/ui/src/components/font.stories.tsx
+++ b/packages/ui/src/components/font.stories.tsx
@@ -2,24 +2,24 @@
 import * as mod from "./font"
 
 const docs = `### Overview
-Loads OpenCode typography assets and mono nerd fonts.
+Uses native system font stacks for sans and mono typography.
 
-Render once at the app root or Storybook preview.
+Optional compatibility component. Existing roots can keep rendering it, but it does nothing.
 
 ### API
 - No props.
 
 ### Variants and states
-- Fonts include sans and multiple mono families.
+- No variants.
 
 ### Behavior
-- Injects @font-face rules and preload links into the document head.
+- Compatibility wrapper only. No font assets are injected or preloaded.
 
 ### Accessibility
 - Not applicable.
 
 ### Theming/tokens
-- Provides font families used by theme tokens.
+- Theme tokens come from CSS variables, not this component.
 
 `
 
diff --git a/packages/ui/src/components/font.tsx b/packages/ui/src/components/font.tsx
index e1a508f16..f89dfafe1 100644
--- a/packages/ui/src/components/font.tsx
+++ b/packages/ui/src/components/font.tsx
@@ -1,63 +1 @@
-import { Link, Style } from "@solidjs/meta"
-import { Show } from "solid-js"
-import inter from "../assets/fonts/inter.woff2"
-import ibmPlexMonoBold from "../assets/fonts/ibm-plex-mono-bold.woff2"
-import ibmPlexMonoMedium from "../assets/fonts/ibm-plex-mono-medium.woff2"
-import ibmPlexMonoRegular from "../assets/fonts/ibm-plex-mono.woff2"
-
-export const Font = () => {
-  return (
-    <>
-      <Style>{`
-        @font-face {
-          font-family: "Inter";
-          src: url("${inter}") format("woff2-variations");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 100 900;
-        }
-        @font-face {
-          font-family: "Inter Fallback";
-          src: local("Arial");
-          size-adjust: 100%;
-          ascent-override: 97%;
-          descent-override: 25%;
-          line-gap-override: 1%;
-        }
-        @font-face {
-          font-family: "IBM Plex Mono";
-          src: url("${ibmPlexMonoRegular}") format("woff2");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 400;
-        }
-        @font-face {
-          font-family: "IBM Plex Mono";
-          src: url("${ibmPlexMonoMedium}") format("woff2");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 500;
-        }
-        @font-face {
-          font-family: "IBM Plex Mono";
-          src: url("${ibmPlexMonoBold}") format("woff2");
-          font-display: swap;
-          font-style: normal;
-          font-weight: 700;
-        }
-        @font-face {
-          font-family: "IBM Plex Mono Fallback";
-          src: local("Courier New");
-          size-adjust: 100%;
-          ascent-override: 97%;
-          descent-override: 25%;
-          line-gap-override: 1%;
-        }
-      `}</Style>
-      <Show when={typeof location === "undefined" || location.protocol !== "file:"}>
-        <Link rel="preload" href={inter} as="font" type="font/woff2" crossorigin="anonymous" />
-        <Link rel="preload" href={ibmPlexMonoRegular} as="font" type="font/woff2" crossorigin="anonymous" />
-      </Show>
-    </>
-  )
-}
+export const Font = () => null
diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css
index 021f959e4..751036598 100644
--- a/packages/ui/src/styles/theme.css
+++ b/packages/ui/src/styles/theme.css
@@ -1,8 +1,9 @@
 :root {
-  --font-family-sans: "Inter", "Inter Fallback";
-  --font-family-sans--font-feature-settings: "ss03" 1;
-  --font-family-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
-  --font-family-mono--font-feature-settings: "ss01" 1;
+  --font-family-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-family-sans--font-feature-settings: normal;
+  --font-family-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --font-family-mono--font-feature-settings: normal;
 
   --font-size-small: 13px;
   --font-size-base: 14px;