@tulip-systems/create-app 0.12.2 → 0.12.4

package/dist/templates/spark/src/app/admin/companies/[id]/(default)/@dashboard/page.tsx

@@ -21,6 +21,7 @@ import { DataList, DataListItem, DataListTitle, DataListValue } from "@tulip-sys
 import { notFound } from "next/navigation";
 import { use } from "react";
 import { VAT_RATES } from "@/app/admin/clients/_lib/constants";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { updateCompanySchema } from "../../../_lib/validators";
 
@@ -227,6 +228,7 @@ export default function CustomerDetailPage(props: { params: Promise<{ id: string
                     validate: { change: updateCompanySchema.shape.notes.unwrap() },
                   }}
                   className="min-h-40"
+                  extensions={richTextEditorPreset}
                 >
                   <EditorMenuBubble />
                   <EditorContent />

package/dist/templates/spark/src/app/admin/customers/[id]/(default)/@dashboard/page.tsx

@@ -21,6 +21,7 @@ import { notFound } from "next/navigation";
 import { use } from "react";
 import { z } from "zod";
 import { VAT_RATES } from "@/app/admin/clients/_lib/constants";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function CustomerDetailPage(props: { params: Promise<{ id: string }> }) {
@@ -151,6 +152,7 @@ export default function CustomerDetailPage(props: { params: Promise<{ id: string
                   validate: { change: z.any() },
                 }}
                 className="min-h-40"
+                extensions={richTextEditorPreset}
               >
                 <EditorMenuBubble />
                 <EditorContent />

package/dist/templates/spark/src/app/admin/emails/_components/send-email.tsx

@@ -31,6 +31,7 @@ import { notFound, useRouter } from "next/navigation";
 import { createContext, type PropsWithChildren, Suspense, use, useState } from "react";
 import { z } from "zod";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import type { RouterOutputs } from "@/server/router/router";
 import { uploadClient } from "@/server/storage/client";
@@ -44,6 +45,9 @@ type SendEmailFormContextType = {
 };
 
 const SendEmailFormContext = createContext({} as SendEmailFormContextType);
+const emailEditorPreset = richTextEditorPreset.filter(
+  (extension) => !["highlight", "color", "horizontalRule", "blockquote"].includes(extension.name),
+);
 
 /**
  * Send email form
@@ -197,12 +201,7 @@ export function SendEmailFormBody() {
         }}
         className="min-h-120"
         disabled={data.status !== "draft"}
-        extensions={{
-          highlight: false,
-          color: false,
-          horizontalRule: false,
-          blockquote: false,
-        }}
+        extensions={emailEditorPreset}
       >
         {data.status === "draft" && <EditorMenuFixed />}
         <EditorContent />

package/dist/templates/spark/src/app/admin/executions/[id]/@dashboard/page.tsx

@@ -22,6 +22,7 @@ import { use } from "react";
 import { z } from "zod";
 import { generateClientHref } from "@/app/admin/clients/_lib/helpers";
 import { calculateTotalDuration } from "@/app/admin/registrations/_lib/helpers";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { ExecutionStatusField } from "../../_config/status";
 
@@ -98,6 +99,7 @@ export default function Page(props: PageProps<"/admin/executions/[id]">) {
               validate: { change: z.any() },
             }}
             className="min-h-24"
+            extensions={richTextEditorPreset}
           >
             <EditorMenuBubble />
             <EditorContent />

package/dist/templates/spark/src/app/admin/products/[id]/(preview)/page.tsx

@@ -4,7 +4,6 @@ import { useSuspenseQueries } from "@tanstack/react-query";
 import { Allowed } from "@tulip-systems/auth/permissions/client";
 import { getLocalDriveFileUrl } from "@tulip-systems/drive-local";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
-import { createStorageEditorExtensions } from "@tulip-systems/editor-storage/client";
 import {
   Accordion,
   AccordionContent,
@@ -16,6 +15,7 @@ import { Separator } from "@tulip-systems/ui/separator";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { use } from "react";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { ImageCarousel } from "../../_components/image-carousel";
 
@@ -89,7 +89,7 @@ export default function ProductDetailPage(props: PageProps<"/admin/products/[id]
 
           <Editor
             value={productQuery.data.content ?? undefined}
-            extensions={createStorageEditorExtensions()}
+            extensions={richTextEditorPreset}
             variant="preview"
             disabled
           >

package/dist/templates/spark/src/app/admin/products/[id]/dashboard/@dashboard/page.tsx

@@ -16,6 +16,7 @@ import { DataStackColumn, DataStackLayout, DataStackRow } from "@tulip-systems/u
 import { notFound } from "next/navigation";
 import { use } from "react";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function DetailPage(props: PageProps<"/admin/products/[id]/dashboard">) {
@@ -116,6 +117,7 @@ export default function DetailPage(props: PageProps<"/admin/products/[id]/dashbo
                 validate: { change: z.any() },
               }}
               className="min-h-24"
+              extensions={richTextEditorPreset}
             >
               <EditorMenuBubble />
               <EditorContent />

package/dist/templates/spark/src/app/admin/products/[id]/dashboard/editor/page.tsx

@@ -3,15 +3,13 @@
 import { useSuspenseQuery } from "@tanstack/react-query";
 import { Allowed } from "@tulip-systems/auth/permissions/client";
 import { EditorContent, EditorMenuFixed } from "@tulip-systems/editor/client";
-import {
-  createFileHandlerUploadStrategy,
-  createStorageEditorExtensions,
-} from "@tulip-systems/editor-storage/client";
+import { StorageUploadExtension } from "@tulip-systems/editor-storage/client";
 import { InlineEditor, InlineField, InlineFieldError } from "@tulip-systems/inline/client";
 import { toast } from "@tulip-systems/ui/sonner";
 import { notFound } from "next/navigation";
 import { use } from "react";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { uploadClient } from "@/server/storage/client";
 
@@ -30,9 +28,9 @@ export default function Page(props: PageProps<"/admin/products/[id]/dashboard/ed
           variables={(value) => ({ id, data: { content: value } })}
           mutation={orpc.products.update.mutationOptions()}
           className="min-h-64"
-          extensions={{
-            ...createStorageEditorExtensions(),
-            fileHandler: createFileHandlerUploadStrategy({
+          extensions={[
+            ...richTextEditorPreset,
+            StorageUploadExtension.configure({
               allowedMimeTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
               variables: {},
               uploadClient,
@@ -46,7 +44,7 @@ export default function Page(props: PageProps<"/admin/products/[id]/dashboard/ed
                 });
               },
             }),
-          }}
+          ]}
           strategy={{
             mutate: { on: "change", debounceMs: 700 },
             validate: { change: z.any() },

package/dist/templates/spark/src/app/admin/projects/[id]/(dashboard)/page.tsx

@@ -25,6 +25,7 @@ import { use } from "react";
 import { z } from "zod";
 import { generateClientHref } from "@/app/admin/clients/_lib/helpers";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 const toInlineDateValue = (value: Date | string | null | undefined): string | null => {
@@ -228,6 +229,7 @@ export default function ProjectDetailPage(props: PageProps<"/admin/projects/[id]
                   validate: { change: z.any() },
                 }}
                 className="min-h-40"
+                extensions={richTextEditorPreset}
               >
                 <EditorMenuBubble />
                 <EditorContent />

package/dist/templates/spark/src/app/admin/projects/[id]/messages/page.tsx

@@ -19,6 +19,7 @@ import {
 import Link from "next/link";
 import { use, useDeferredValue, useMemo } from "react";
 import { runsFilters } from "@/app/admin/runs/_config/filters";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function ProjectDetailPage(props: PageProps<"/admin/projects/[id]/messages">) {
@@ -62,7 +63,12 @@ export default function ProjectDetailPage(props: PageProps<"/admin/projects/[id]
             </CardHeader>
 
             <CardContent>
-              <Editor value={message ?? undefined} variant="preview" disabled>
+              <Editor
+                value={message ?? undefined}
+                variant="preview"
+                disabled
+                extensions={richTextEditorPreset}
+              >
                 <EditorContent />
               </Editor>
             </CardContent>

package/dist/templates/spark/src/app/admin/purchase-orders/[id]/(default)/@dashboard/page.tsx

@@ -16,6 +16,7 @@ import { notFound } from "next/navigation";
 import { use } from "react";
 import { z } from "zod";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function DetailPage(props: PageProps<"/admin/purchase-orders/[id]">) {
@@ -97,6 +98,7 @@ export default function DetailPage(props: PageProps<"/admin/purchase-orders/[id]
           mutation={orpc.purchaseOrders.update.mutationOptions()}
           strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
           className="min-h-24"
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/purchase-orders/_config/columns-data.tsx

@@ -6,6 +6,7 @@ import { createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
 import Link from "next/link";
 import { Fragment } from "react";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { EmailStatusField } from "../../emails/_config/status";
 import type { Project } from "../../projects/_lib/validators";
 import type { PurchaseOrderItem } from "../../purchase-order-items/_lib/validators";
@@ -39,7 +40,12 @@ export const purchaseOrderColumns: TableColumnDef<PurchaseOrderColumn>[] = [
     header: ({ column }) => <TableColumnHeader column={column} title="Notitie" />,
     cell: ({ row }) => (
       <TableCell className="line-clamp-1 max-w-[500px] truncate">
-        <Editor value={row.original.notes} variant="preview" disabled>
+        <Editor
+          value={row.original.notes}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/quotation-items/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { formatCurrency } from "@tulip-systems/core";
 import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-systems/data-tables";
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import type { QuotationItemTableData } from "../_components/tables";
 
 export const quotationItemColumns: TableColumnDef<QuotationItemTableData>[] = [
@@ -18,7 +19,12 @@ export const quotationItemColumns: TableColumnDef<QuotationItemTableData>[] = [
     header: ({ column }) => <TableColumnHeader column={column} title="Omschrijving" />,
     cell: ({ row }) => (
       <TableCell>
-        <Editor value={row.getValue("description") ?? undefined} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description") ?? undefined}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/quotation-items/_config/columns-inline.tsx

@@ -17,6 +17,7 @@ import {
   InlineTableCellError,
 } from "@tulip-systems/inline/client";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import type { QuotationItemTableData } from "../_components/tables";
 
@@ -58,6 +59,7 @@ export const quotationItemInlineColumns: TableColumnDef<QuotationItemTableData>[
           strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
           variant="table"
           permission={{ quotation: ["update"] }}
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/quotations/[id]/(default)/@dashboard/page.tsx

@@ -24,6 +24,7 @@ import { use } from "react";
 import { z } from "zod";
 import { generateClientHref } from "@/app/admin/clients/_lib/helpers";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 const toInlineDateValue = (value: Date | string | null | undefined): string | null => {
@@ -137,6 +138,7 @@ export default function DetailPage(props: PageProps<"/admin/quotations/[id]">) {
             validate: { change: z.any() },
           }}
           className="min-h-24"
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/run-tasks/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-system
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
 import Link from "next/link";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { TaskStatusField } from "../../tasks/_config/status";
 import type { RunTaskTableData } from "../_components/tables";
 
@@ -22,7 +23,12 @@ export const runTaskTableColumns: TableColumnDef<RunTaskTableData>[] = [
     accessorFn: (row) => row.task.description,
     cell: ({ row }) => (
       <TableCell className="w-full min-w-80">
-        <Editor value={row.getValue("description")} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description")}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/runs/[id]/@dashboard/page.tsx

@@ -22,6 +22,7 @@ import { z } from "zod";
 import { EmployeeAvatars, EmployeeAvatarsLoading } from "@/app/admin/employees/_components/avatars";
 import { calculateTotalDuration } from "@/app/admin/registrations/_lib/helpers";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function RunDetailPage(props: PageProps<"/admin/runs/[id]">) {
@@ -94,6 +95,7 @@ export default function RunDetailPage(props: PageProps<"/admin/runs/[id]">) {
                 validate: { change: z.any() },
               }}
               className="min-h-24"
+              extensions={richTextEditorPreset}
             >
               <EditorMenuBubble />
               <EditorContent />

package/dist/templates/spark/src/app/admin/runs/[id]/reports/page.tsx

@@ -19,6 +19,7 @@ import { RunTaskInfiniteTableProvider } from "@/app/admin/run-tasks/_components/
 import { RunTaskTableToolbar } from "@/app/admin/run-tasks/_components/toolbars";
 import { runTaskTableColumns } from "@/app/admin/run-tasks/_config/columns-data";
 import { runTaskDeleteCommand, runTaskResetCommand } from "@/app/admin/run-tasks/_config/commands";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function RunDetailPage(props: PageProps<"/admin/runs/[id]/reports">) {
@@ -39,6 +40,7 @@ export default function RunDetailPage(props: PageProps<"/admin/runs/[id]/reports
             mutation={orpc.runs.update.mutationOptions()}
             strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
             className="min-h-24"
+            extensions={richTextEditorPreset}
           >
             <EditorMenuBubble />
             <EditorContent />

package/dist/templates/spark/src/app/admin/sales-invoice-items/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { formatCurrency } from "@tulip-systems/core";
 import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-systems/data-tables";
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { VAT_RATES } from "../../clients/_lib/constants";
 import type { SalesInvoiceItemTableData } from "../_components/tables";
 
@@ -19,7 +20,12 @@ export const salesInvoiceItemColumns: TableColumnDef<SalesInvoiceItemTableData>[
     header: ({ column }) => <TableColumnHeader column={column} title="Omschrijving" />,
     cell: ({ row }) => (
       <TableCell>
-        <Editor value={row.getValue("description") ?? undefined} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description") ?? undefined}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/sales-invoice-items/_config/columns-inline.tsx

@@ -19,6 +19,7 @@ import {
   InlineTableCellError,
 } from "@tulip-systems/inline/client";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { vatRateComboboxOptions } from "../../clients/_lib/constants";
 import type { SalesInvoiceItemTableData } from "../_components/tables";
@@ -58,6 +59,7 @@ export const salesInvoiceItemInlineColumns: TableColumnDef<SalesInvoiceItemTable
           strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
           variant="table"
           permission={{ salesOrder: ["update"] }}
+          extensions={richTextEditorPreset}
         >
           <EditorContent />
         </InlineEditor>

package/dist/templates/spark/src/app/admin/sales-order-items/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { formatCurrency } from "@tulip-systems/core";
 import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-systems/data-tables";
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import type { SalesOrderItemTableData } from "../_components/tables";
 
 export const salesOrderItemColumns: TableColumnDef<SalesOrderItemTableData>[] = [
@@ -18,7 +19,12 @@ export const salesOrderItemColumns: TableColumnDef<SalesOrderItemTableData>[] =
     header: ({ column }) => <TableColumnHeader column={column} title="Omschrijving" />,
     cell: ({ row }) => (
       <TableCell>
-        <Editor value={row.getValue("description") ?? undefined} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description") ?? undefined}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/sales-order-items/_config/columns-inline.tsx

@@ -20,6 +20,7 @@ import {
   InlineTableCellError,
 } from "@tulip-systems/inline/client";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { vatRateComboboxOptions } from "../../clients/_lib/constants";
 import type { SalesOrderItemTableData } from "../_components/tables";
@@ -63,6 +64,7 @@ export const salesOrderItemInlineColumns: TableColumnDef<SalesOrderItemTableData
           variant="table"
           permission={{ salesOrder: ["update"] }}
           disabled={row.original.associated.length > 0}
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/sales-orders/[id]/(default)/@dashboard/page.tsx

@@ -20,6 +20,7 @@ import { use } from "react";
 import { z } from "zod";
 import { generateClientHref } from "@/app/admin/clients/_lib/helpers";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { SalesOrderRatioTypeField } from "../../../_config/ratio-type";
 
@@ -95,6 +96,7 @@ export default function DetailPage(props: PageProps<"/admin/sales-orders/[id]">)
             mutation={orpc.salesOrders.update.mutationOptions()}
             strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
             className="min-h-24"
+            extensions={richTextEditorPreset}
           >
             <EditorMenuBubble />
             <EditorContent />

package/dist/templates/spark/src/app/admin/suppliers/[id]/@dashboard/page.tsx

@@ -13,6 +13,7 @@ import { DataList, DataListItem, DataListTitle, DataListValue } from "@tulip-sys
 import { notFound } from "next/navigation";
 import { use } from "react";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function DetailPage(props: PageProps<"/admin/suppliers/[id]">) {
@@ -130,6 +131,7 @@ export default function DetailPage(props: PageProps<"/admin/suppliers/[id]">) {
                   validate: { change: z.any() },
                 }}
                 className="min-h-40"
+                extensions={richTextEditorPreset}
               >
                 <EditorMenuBubble />
                 <EditorContent />

package/dist/templates/spark/src/app/admin/tasks/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-system
 import { createTableIndexCell, createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
 import Link from "next/link";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import type { TaskTableData } from "../_components/tables";
 import { TaskStatusField } from "./status";
 
@@ -19,7 +20,12 @@ export const taskTableColumns: TableColumnDef<TaskTableData>[] = [
     header: ({ column }) => <TableColumnHeader column={column} title="Omschrijving" />,
     cell: ({ row }) => (
       <TableCell className="w-full min-w-80">
-        <Editor value={row.getValue("description")} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description")}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/tasks/_config/columns-inline.tsx

@@ -23,6 +23,7 @@ import {
 } from "@tulip-systems/inline/client";
 import Link from "next/link";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import type { TaskTableData } from "../_components/tables";
 import type { TaskStatus } from "../_lib/validators";
@@ -62,6 +63,7 @@ export const taskInlineTableColumns: TableColumnDef<TaskTableData>[] = [
           mutation={orpc.tasks.update.mutationOptions()}
           strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
           variant="table"
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/technical-sheets/[id]/page.tsx

@@ -20,6 +20,7 @@ import { notFound } from "next/navigation";
 import { Suspense, use } from "react";
 import { z } from "zod";
 import { Icons } from "@/components/icons";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import { DriveFlatView } from "../../drive/_components/flat.client";
 
@@ -86,6 +87,7 @@ export default function Page(props: PageProps<"/admin/technical-sheets/[id]">) {
           mutation={orpc.technicalSheets.update.mutationOptions()}
           strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
           className="min-h-24"
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/technical-sheets/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-system
 import { createTableIndexCell, createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
 import Link from "next/link";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import type { TechnicalSheetTableData } from "../_components/tables";
 import { TechnicalSheetStatusField } from "./status";
 
@@ -25,7 +26,12 @@ export const technicalSheetTableColumns: TableColumnDef<TechnicalSheetTableData>
     header: ({ column }) => <TableColumnHeader column={column} title="Omschrijving" />,
     cell: ({ row }) => (
       <TableCell className="w-full min-w-80">
-        <Editor value={row.getValue("description")} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description")}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>
@@ -36,7 +42,12 @@ export const technicalSheetTableColumns: TableColumnDef<TechnicalSheetTableData>
     header: ({ column }) => <TableColumnHeader column={column} title="Notitie" />,
     cell: ({ row }) => (
       <TableCell className="w-full min-w-80">
-        <Editor value={row.getValue("notes")} variant="preview" disabled>
+        <Editor
+          value={row.getValue("notes")}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/template-tasks/_config/columns-data.tsx

@@ -4,6 +4,7 @@ import { formatCurrency } from "@tulip-systems/core";
 import { TableCell, type TableColumnDef, TableColumnHeader } from "@tulip-systems/data-tables";
 import { createTableSelectCell } from "@tulip-systems/data-tables/client";
 import { Editor, EditorContent } from "@tulip-systems/editor/client";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import type { TemplateTaskTableData } from "../_components/tables";
 
 export const templateTaskColumns: TableColumnDef<TemplateTaskTableData>[] = [
@@ -18,7 +19,12 @@ export const templateTaskColumns: TableColumnDef<TemplateTaskTableData>[] = [
     header: ({ column }) => <TableColumnHeader column={column} title="Omschrijving" />,
     cell: ({ row }) => (
       <TableCell>
-        <Editor value={row.getValue("description") ?? undefined} variant="preview" disabled>
+        <Editor
+          value={row.getValue("description") ?? undefined}
+          variant="preview"
+          disabled
+          extensions={richTextEditorPreset}
+        >
           <EditorContent />
         </Editor>
       </TableCell>

package/dist/templates/spark/src/app/admin/template-tasks/_config/columns-inline.tsx

@@ -15,6 +15,7 @@ import {
   InlineTableCellError,
 } from "@tulip-systems/inline/client";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 import type { TemplateTaskTableData } from "../_components/tables";
 
@@ -56,6 +57,7 @@ export const templateTaskInlineColumns: TableColumnDef<TemplateTaskTableData>[]
           strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
           variant="table"
           permission={{ template: ["update"] }}
+          extensions={richTextEditorPreset}
         >
           <EditorMenuBubble />
           <EditorContent />

package/dist/templates/spark/src/app/admin/templates/[id]/@dashboard/page.tsx

@@ -14,6 +14,7 @@ import { DataStackLayout } from "@tulip-systems/ui/data-stack";
 import { notFound } from "next/navigation";
 import { use } from "react";
 import { z } from "zod";
+import { richTextEditorPreset } from "@/lib/config/editor";
 import { orpc } from "@/server/router/client";
 
 export default function DetailPage(props: PageProps<"/admin/templates/[id]">) {
@@ -45,6 +46,7 @@ export default function DetailPage(props: PageProps<"/admin/templates/[id]">) {
             mutation={orpc.templates.update.mutationOptions()}
             strategy={{ mutate: { on: "change", debounceMs: 700 }, validate: { change: z.any() } }}
             className="min-h-24"
+            extensions={richTextEditorPreset}
           >
             <EditorMenuBubble />
             <EditorContent />