feat: add custom card component

package-dist/AiMessageTable.d.ts

@@ -10,4 +10,11 @@ export interface AiMessageTableProps {
         field: string;
     }[];
 }
+export declare const SegmentMetricsCard: ({ name, segmentMetricsData, }: {
+    name: string;
+    segmentMetricsData: {
+        title: string;
+        value: string;
+    }[];
+}) => import("react/jsx-runtime").JSX.Element;
 export default function AiMessageTable({ title, summary, segmentSize, description, sequelQuery, rowData, columnDefs, }: AiMessageTableProps): import("react/jsx-runtime").JSX.Element;

package-dist/index.d.ts

@@ -12,6 +12,7 @@ export { ChatScreenKeywords } from './chatScreen/ChatScreenKeywords';
 export type { ChatScreenKeywordsProps } from './chatScreen/ChatScreenKeywords';
 export { default as AiMessageTable } from './AiMessageTable';
 export type { AiMessageTableProps } from './AiMessageTable';
+export { SegmentMetricsCard } from './AiMessageTable';
 export { HousewareBranding } from './common/HousewareBranding';
 export { ThemeToggle } from './common/ThemeToggle';
 export { default as AppThemeProvider } from './AppThemeProvider';