Merge branch 'staging' into big-nate-bus-1520-make-report-component

apps/trigger/package.json

@@ -30,7 +30,7 @@
     "@buster/vitest-config": "workspace:*",
     "@buster/web-tools": "workspace:*",
     "@mastra/core": "catalog:",
-    "@trigger.dev/sdk": "catalog:",
+    "@trigger.dev/sdk": "4.0.0-v4-beta.26",
     "ai": "catalog:",
     "braintrust": "catalog:",
     "vitest": "catalog:",
@@ -38,6 +38,6 @@
     "drizzle-orm": "catalog:"
   },
   "devDependencies": {
-    "@trigger.dev/build": "catalog:"
+    "@trigger.dev/build": "4.0.0-v4-beta.26"
   }
-}
+}

apps/web/package.json

@@ -106,7 +106,6 @@
     "@tanstack/react-virtual": "^3.13.12",
     "@udecode/cn": "^49.0.15",
     "@uploadthing/react": "^7.3.2",
-    "ai": "^4.3.19",
     "axios": "^1.11.0",
     "canvas-confetti": "^1.9.3",
     "chart.js": "4.5.0",
@@ -118,7 +117,6 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "dayjs": "^1.11.13",
-    "dom-to-image": "^2.6.0",
     "email-validator": "^2.0.4",
     "font-color-contrast": "^11.1.0",
     "framer-motion": "^12.23.12",
@@ -136,7 +134,6 @@
     "mutative": "^1.2.0",
     "next": "14.2.30",
     "next-themes": "^0.4.6",
-    "papaparse": "^5.5.3",
     "pdf-lib": "^1.17.1",
     "platejs": "catalog:",
     "pluralize": "^8.0.0",
@@ -166,7 +163,7 @@
     "tw-animate-css": "^1.3.6",
     "uploadthing": "^7.7.3",
     "use-context-selector": "^2.0.0",
-    "use-file-picker": "^2.1.2",
+    "use-file-picker": "^2.1.4",
     "utility-types": "^3.11.0",
     "uuid": "catalog:",
     "virtua": "^0.41.5",
@@ -178,7 +175,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
     "@faker-js/faker": "^9.9.0",
-    "@next/bundle-analyzer": "^15.3.5",
+    "@next/bundle-analyzer": "^15.4.5",
     "@playwright/test": "1.54.2",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-controls": "^8.6.12",

apps/web/src/components/ui/report/elements/BlockDraggable.tsx

@@ -5,8 +5,8 @@ import * as React from 'react';
 import { DndPlugin, useDraggable, useDropLine } from '@platejs/dnd';
 import { expandListItemsWithChildren } from '@platejs/list';
 import { BlockSelectionPlugin } from '@platejs/selection/react';
-import { GripDots, Plus } from '@/components/ui/icons';
 import { type Path, type TElement, getPluginByType, isType, KEYS } from 'platejs';
+import { GripDotsVertical, Plus } from '@/components/ui/icons';
 import {
   type PlateEditor,
   type PlateElementProps,
@@ -276,7 +276,7 @@ const DragHandle = function DragHandle({
         }}
         role="button">
         <div className="text-muted-foreground flex items-center justify-center">
-          <GripDots />
+          <GripDotsVertical />
         </div>
       </div>
     </Tooltip>

apps/web/src/components/ui/report/elements/ColumnNode.tsx

@@ -11,7 +11,7 @@ import { useDebouncePopoverOpen } from '@platejs/layout/react';
 import { ResizableProvider } from '@platejs/resizable';
 import { BlockSelectionPlugin } from '@platejs/selection/react';
 import { useComposedRef } from '@udecode/cn';
-import { GripDots, Trash } from '@/components/ui/icons';
+import { GripDotsVertical, Trash } from '@/components/ui/icons';
 import { PathApi } from 'platejs';
 import {
   PlateElement,
@@ -92,7 +92,7 @@ const ColumnDragHandle = React.memo(function ColumnDragHandle() {
           variant="ghost"
           className="h-5 !px-1"
           onClick={(e) => e.stopPropagation()}
-          prefix={<GripDots />}></Button>
+          prefix={<GripDotsVertical />}></Button>
       </Tooltip>
     </TooltipProvider>
   );

apps/web/src/lib/exportUtils.tsx

@@ -57,9 +57,11 @@ type DomToImageModule = {
 };
 
 export async function exportElementToImage(element: HTMLElement) {
-  // @ts-expect-error -- dom-to-image is not typed, bummer
-  const domToImage = (await import('dom-to-image').then((m) => m.default)) as DomToImageModule;
-  const dataUrl = await domToImage.toPng(element);
+  const imageData = await import('html2canvas-pro').then((m) => m.default);
+  const canvas = await imageData(element, {
+    backgroundColor: '#ffffff'
+  });
+  const dataUrl = canvas.toDataURL();
   return dataUrl;
 }