Lemma Detail Panel

1"use client"
2 
3import * as React from "react"
4import { AlertCircle, FileText, Loader2, RefreshCw } from "lucide-react"
5import { Button } from "@/components/lemma/ui/button"
6import { Skeleton } from "@/components/lemma/ui/skeleton"
7import { useRecord, useTable, useUpdateRecord } from "lemma-sdk/react"
8import { type LemmaClient, type Table } from "lemma-sdk"
9import { cn } from "@/components/lemma/lib/utils"
10import {
11  RecordDetail,
12  type RecordDetailBuiltinTab,
13  type RecordDetailCustomTab,
14  type RecordDetailFieldGroup,
15  type RecordDetailLayout,
16  type RecordDetailMode,
17  type RecordDetailRelatedRecord,
18  type RecordDetailSectionVisibilityRule,
19  type RecordDetailTabContext,
20  type RecordDetailVariant,
21} from "@/components/lemma/records-detail"
22import {
23  createRecordActionInput,
24  resolveRecordActionMode,
25  resolveRecordActionValues,
26  type RecordAction,
27  type RecordActionMode,
28} from "@/components/lemma/records-quick-actions"
29import { recordsRadiusClassName, type LemmaRecordsAppearance, type LemmaRecordsDensity, type LemmaRecordsRadius } from "@/components/lemma/records-style-utils"
30import type { EnumColorMap } from "@/components/lemma/records-enum-utils"
31 
32export type LemmaDetailPanelAppearance = LemmaRecordsAppearance
33export type LemmaDetailPanelDensity = LemmaRecordsDensity
34export type LemmaDetailPanelRadius = LemmaRecordsRadius
35export type FieldGroup = RecordDetailFieldGroup
36export type DetailTab = RecordDetailCustomTab
37type LegacyDetailTabId = "comments" | "activity" | "files"
38type LegacyCompatibleDetailTab = RecordDetailBuiltinTab | LegacyDetailTabId
39 
40export type { EnumColorMap } from "@/components/lemma/records-enum-utils"
41export type {
42  RecordDetailBuiltinTab,
43  RecordDetailLayout,
44  RecordDetailMode,
45  RecordDetailRelatedRecord,
46  RecordDetailSectionVisibilityRule,
47  RecordDetailVariant,
48} from "@/components/lemma/records-detail"
49 
50export type DetailAction = RecordAction
51 
52export interface LemmaDetailPanelProps {
53  client: LemmaClient
54  podId?: string
55  tableName: string
56  recordId?: string
57  enabled?: boolean
58  mode?: RecordDetailMode
59  variant?: RecordDetailVariant
60  layout?: RecordDetailLayout
61  headerFields?: string[]
62  fieldGroups?: FieldGroup[]
63  detailTabs?: LegacyCompatibleDetailTab[]
64  tabs?: DetailTab[]
65  relatedRecords?: RecordDetailRelatedRecord[]
66  renderFiles?: (context: { record: Record<string, unknown>; table: Table; recordId: string }) => React.ReactNode
67// … truncated