feat: enhance UI components, update theme handling, and improve tool expansion logic for better performance

packages/ui/src/index.css

@@ -3,6 +3,7 @@
 @source "./**/*.{ts,tsx,css}";
 
 :root {
+  color-scheme: light;
   --oc-safe-area-top: 0px;
   --oc-safe-area-right: 0px;
   --oc-safe-area-bottom: 0px;
@@ -12,6 +13,14 @@
   --oc-scrollbar-thumb: oklch(0.32 0.03 50 / 0.4);
   --oc-scrollbar-thumb-hover: oklch(0.32 0.03 50 / 0.6);
   --padding-scale: 1;
+
+  /* Semantic typography defaults (must match SEMANTIC_TYPOGRAPHY) */
+  --text-markdown: 0.9375rem;
+  --text-code: 0.9063rem;
+  --text-ui-header: 0.9375rem;
+  --text-ui-label: 0.8750rem;
+  --text-meta: 0.875rem;
+  --text-micro: 0.875rem;
 }
 
 @custom-variant dark (&:is(.dark *));
@@ -613,6 +622,7 @@ body {
 }
 
 .dark {
+  color-scheme: dark;
   --oc-scrollbar-thumb: oklch(0.6 0.02 80 / 0.3);
   --oc-scrollbar-thumb-hover: oklch(0.6 0.02 80 / 0.5);
 }