feat: add sheet block (#743)

Co-authored-by: Nicolas <nicolascamara29@gmail.com>

components/document-preview.tsx

@@ -19,6 +19,7 @@ import { DocumentToolCall, DocumentToolResult } from './document';
 import { CodeEditor } from './code-editor';
 import { useBlock } from '@/hooks/use-block';
 import equal from 'fast-deep-equal';
+import { SpreadsheetEditor } from './sheet-editor';
 import { ImageEditor } from './image-editor';
 
 interface DocumentPreviewProps {
@@ -43,6 +44,7 @@ export function DocumentPreview({
 
   useEffect(() => {
     const boundingBox = hitboxRef.current?.getBoundingClientRect();
+
     if (block.documentId && boundingBox) {
       setBlock((block) => ({
         ...block,
@@ -256,6 +258,12 @@ const DocumentContent = ({ document }: { document: Document }) => {
             <CodeEditor {...commonProps} onSaveContent={() => {}} />
           </div>
         </div>
+      ) : document.kind === 'sheet' ? (
+        <div className="flex flex-1 relative size-full p-4">
+          <div className="absolute inset-0">
+            <SpreadsheetEditor {...commonProps} />
+          </div>
+        </div>
       ) : document.kind === 'image' ? (
         <ImageEditor
           title={document.title}