truncate metric headers and values

apps/web/src/components/ui/charts/MetricChart/BusterMetricChart.tsx

@@ -208,7 +208,7 @@ const AnimatedTitleWrapper = ({ title, type }: { title: string; type: 'header' |
   return (
     <AnimatePresence mode="wait" initial={false}>
       {title && (
-        <motion.div className="overflow-visible" {...memoizedAnimation}>
+        <motion.div className="w-full overflow-visible text-center" {...memoizedAnimation}>
           <motion.div className="origin-center">
             <Title truncate as="h4">
               {title}

apps/web/src/components/ui/charts/stories/BusterMetricChart.stories.tsx

@@ -190,3 +190,25 @@ export const CustomValueLabel: Story = {
     </div>
   )
 };
+
+export const WithLongTextValue: Story = {
+  args: {
+    data: [{ value: 'This is a long text value that should be wrapped' }],
+    metricColumnId: 'value',
+    columnLabelFormats: {
+      value: {
+        ...DEFAULT_COLUMN_LABEL_FORMAT,
+        columnType: 'text',
+        style: 'string'
+      } as ColumnLabelFormat
+    },
+    metricHeader: 'Long Text Value that is like really long',
+    metricSubHeader: 'This is a long text value that should be wrapped',
+    animate: true
+  },
+  render: (args) => (
+    <div className="w-80vw h-[200px] rounded-md border border-red-500 p-4">
+      <BusterMetricChart {...args} />
+    </div>
+  )
+};

packages/server-shared/src/metrics/requests.types.ts

@@ -1,6 +1,6 @@
-import { z } from "zod/v4";
+import { z } from 'zod/v4';
-import { ShareRoleSchema, VerificationStatusSchema } from "../share";
+import { ShareRoleSchema, VerificationStatusSchema } from '../share';
-import { ChartConfigPropsSchema } from "./charts";
+import { ChartConfigPropsSchema } from './charts';
 
 export const GetMetricRequestSchema = z.object({
   id: z.string(),
@@ -81,9 +81,7 @@ export type GetMetricRequest = z.infer<typeof GetMetricRequestSchema>;
 export type GetMetricListRequest = z.infer<typeof GetMetricListRequestSchema>;
 export type UpdateMetricRequest = z.infer<typeof UpdateMetricRequestSchema>;
 export type DeleteMetricRequest = z.infer<typeof DeleteMetricRequestSchema>;
-export type DuplicateMetricRequest = z.infer<
+export type DuplicateMetricRequest = z.infer<typeof DuplicateMetricRequestSchema>;
-  typeof DuplicateMetricRequestSchema
->;
 export type BulkUpdateMetricVerificationStatusRequest = z.infer<
   typeof BulkUpdateMetricVerificationStatusRequestSchema
 >;