Lemma Insights

1"use client"
2 
3import * as React from "react"
4import { BarChart3, TrendingUp, TrendingDown, Minus } from "lucide-react"
5import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/lemma/ui/card"
6import { useRecords, useFunctionRun } from "lemma-sdk/react"
7import type { LemmaClient, RecordFilter } from "lemma-sdk"
8import { cn } from "@/components/lemma/lib/utils"
9import {
10  BarChart,
11  Bar,
12  AreaChart,
13  Area,
14  LineChart,
15  Line,
16  PieChart,
17  Pie,
18  Cell,
19  XAxis,
20  YAxis,
21  CartesianGrid,
22  Tooltip,
23  Legend,
24  ResponsiveContainer,
25} from "recharts"
26 
27const CHART_COLORS = [
28  "var(--chart-1)",
29  "var(--chart-2)",
30  "var(--chart-3)",
31  "var(--chart-4)",
32  "var(--chart-5)",
33]
34 
35export type StatSource =
36  | { type: "count"; table: string; filters?: RecordFilter[]; label?: string }
37  | { type: "sum"; table: string; field: string; filters?: RecordFilter[]; label?: string }
38  | { type: "avg"; table: string; field: string; filters?: RecordFilter[]; label?: string }
39  | { type: "function"; functionName: string; input?: Record<string, unknown>; extractPath?: string; label?: string }
40 
41export type ChartSource =
42  | {
43      type: "bar" | "line" | "area" | "funnel"
44      table: string
45      category: string
46      value?: string
47      aggregate?: "count" | "sum" | "avg"
48      filters?: RecordFilter[]
49      sortBy?: "category" | "value"
50      order?: "asc" | "desc"
51      limit?: number
52    }
53  | {
54      type: "pie"
55      table: string
56      category: string
57      value?: string
58      aggregate?: "count" | "sum" | "avg"
59      filters?: RecordFilter[]
60      sortBy?: "category" | "value"
61      order?: "asc" | "desc"
62      limit?: number
63    }
64  | {
65      type: "bar" | "line" | "area" | "pie" | "funnel"
66      table?: undefined
67      function: string
68      input?: Record<string, unknown>
69      extractPath?: string
70    }
71 
72export interface StatCardDef {
73  source: StatSource
74  title: string
75  format?: (value: number) => string
76  trend?: "up" | "down" | "flat"
77  trendLabel?: string
78}
79 
80export interface ChartCardDef {
81  source: ChartSource
82  title: string
83  description?: string
84  height?: number
85  valueFormatter?: (value: number) => string
86  categoryFormatter?: (value: string) => string
87  footer?: React.ReactNode
88  emptyState?: React.ReactNode
89}
90 
91export type LemmaInsightsRadius = "none" | "sm" | "md" | "lg" | "xl"
92 
93export type AggregationMode = "client" | "function"
94 
95export interface LemmaInsightsProps {
96  client: LemmaClient
97  podId?: string
98// … truncated