fix chatbox

src/shared/components/charts/ChartFrame.tsx

@@ -19,8 +19,9 @@ import {ChartTooltip} from './ChartTooltip';
  */
 
 export const AXIS_TICK = {
-  fill: CHART.axis,
-  fontSize: 11,
+  fill: '#e4e4e7',
+  fontSize: 12,
+  fontWeight: 500,
 } as const;
 
 export function chartFurniture({
@@ -54,7 +55,7 @@ export function chartFurniture({
         tick={AXIS_TICK}
         tickLine={false}
         axisLine={false}
-        width={44}
+        width={54}
         tickFormatter={yFormat ? (v: number) => yFormat(v) : undefined}
       />
       <Tooltip
@@ -71,7 +72,7 @@ export function ChartFrame({
   height = 260,
   children,
 }: {
-  height?: number;
+  height?: number | `${number}%`;
   children: React.ReactElement;
 }) {
   return (

src/shared/components/charts/types.ts

@@ -22,7 +22,7 @@ export interface ChartViewProps<T> {
   xKey: Extract<keyof T, string>;
   series: Series<T>[];
   /** Workspace default 260; Loyaly AI column 180; sparkline 40. */
-  height?: number;
+  height?: number | `${number}%`;
   yFormat?: (v: number) => string;
   xFormat?: (v: string | number) => string;
   reference?: {