Lemma Document Workspace

1"use client"
2 
3import "prosekit/basic/style.css"
4import "@prosekit/extensions/table/style.css"
5 
6import * as React from "react"
7import { marked } from "marked"
8import { defineBasicExtension, type BasicExtension } from "prosekit/basic"
9import {
10  canUseRegexLookbehind,
11  createEditor,
12  union,
13  type Editor,
14  type NodeJSON,
15} from "prosekit/core"
16import { definePlaceholder } from "prosekit/extensions/placeholder"
17import { defineReadonly } from "prosekit/extensions/readonly"
18import { ProseKit, useDocChange, useEditor, useEditorDerivedValue } from "prosekit/react"
19import {
20  AutocompleteEmpty,
21  AutocompleteItem,
22  AutocompleteList,
23  AutocompletePopover,
24} from "prosekit/react/autocomplete"
25import {
26  TableHandleColumnRoot,
27  TableHandleColumnTrigger,
28  TableHandleDragPreview,
29  TableHandleDropIndicator,
30  TableHandlePopoverContent,
31  TableHandlePopoverItem,
32  TableHandleRoot,
33  TableHandleRowRoot,
34  TableHandleRowTrigger,
35} from "prosekit/react/table-handle"
36import {
37  AlertCircle,
38  Bold,
39  CheckSquare,
40  Code2,
41  Columns3,
42  Database,
43  Download,
44  ExternalLink,
45  File,
46  FileText,
47  Hash,
48  Heading1,
49  Heading2,
50  Image,
51  Italic,
52  Link2,
53  List,
54  ListOrdered,
55  MessageSquare,
56  Minus,
57  PanelRightOpen,
58  Pilcrow,
59  Plus,
60  Quote,
61  Redo2,
62  RefreshCw,
63  Rows3,
64  Save,
65  Search,
66  Table2,
67  Trash2,
68  Undo2,
69  WandSparkles,
70  X,
71} from "lucide-react"
72import { Button } from "@/components/lemma/ui/button"
73import {
74  Dialog,
75  DialogContent,
76  DialogDescription,
77  DialogFooter,
78  DialogHeader,
79  DialogTitle,
80} from "@/components/lemma/ui/dialog"
81import { Input } from "@/components/lemma/ui/input"
82import { Textarea } from "@/components/lemma/ui/textarea"
83import { cn } from "@/components/lemma/lib/utils"
84import { useFile, useFiles, useFileTree, useTables } from "lemma-sdk/react"
85import type { DatastoreDirectoryTreeNode, DatastoreFileNamespace, FileResponse, LemmaClient } from "lemma-sdk"
86 
87export type LemmaDocumentWorkspaceMode = "page" | "modal"
88export type LemmaDocumentWorkspaceIntent = "create" | "edit" | "read"
89export type LemmaDocumentWorkspaceSaveState = "saved" | "saving" | "dirty" | "error"
90export type LemmaDocumentWorkspaceAppearance = "default" | "minimal" | "borderless" | "contained"
91export type LemmaDocumentWorkspaceDensity = "compact" | "comfortable" | "spacious"
92export type LemmaDocumentWorkspaceRadius = "none" | "sm" | "md" | "lg" | "xl"
93// … truncated