@tulip-systems/create-app 0.12.2 → 0.12.4

package/dist/templates/code/src/app/admin/quotations/_lib/router.ts

@@ -0,0 +1,260 @@
+import "server-cli-only";
+
+import { ORPCError } from "@orpc/server";
+import { moveBlock, reindexBlocks } from "@tulip-systems/blocks";
+import {
+  bulkActionSchema,
+  offsetPaginationResponse,
+  offsetPaginationSchema,
+} from "@tulip-systems/query";
+import { asc, desc, eq, inArray } from "drizzle-orm";
+import { z } from "zod";
+import { getTableData } from "@/app/lib/utils/table-data.server";
+import { permissionMiddleware } from "@/server/router/middleware";
+import { protectedProcedure } from "@/server/router/procedures";
+import {
+  type QuotationBlock,
+  type QuotationBlockInput,
+  quotationBlocks,
+} from "../_blocks/registry";
+import {
+  quotationDatabaseFiltersCompiler,
+  quotationFiltersParser,
+  quotationFiltersSchema,
+} from "../_config/filters";
+import {
+  quotationTableDatabaseSortsCompiler,
+  quotationTableSortsParser,
+  quotationTableSortsSchema,
+} from "../_config/sorting";
+import { quotationBlocks as quotationBlocksTable, quotations } from "./schema";
+import { createQuotationSchema, updateQuotationSchema } from "./validators";
+
+/**
+ * Router for handling operations related to quotations, including listing, retrieving by ID, creating, updating, and deleting quotations.
+ */
+export const quotationsRouter = {
+  list: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(
+      z.object({
+        pagination: offsetPaginationSchema,
+        filters: quotationFiltersSchema,
+        sorts: quotationTableSortsSchema,
+      }),
+    )
+    .handler(async ({ context, input }) => {
+      const parsedSorts = quotationTableSortsParser.parse(input.sorts);
+      const orderBy = quotationTableDatabaseSortsCompiler(quotations).parse(parsedSorts);
+
+      const parsedFilters = quotationFiltersParser.parse(input.filters);
+      const where = quotationDatabaseFiltersCompiler(quotations).parse(parsedFilters);
+
+      const { data, total } = await getTableData(context, quotations, {
+        pagination: input.pagination,
+        where,
+        orderBy,
+      });
+
+      return offsetPaginationResponse({ data, pagination: input.pagination, total });
+    }),
+  getById: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(z.object({ id: z.string() }))
+    .handler(async ({ context, input }) => {
+      const data = await context.db.query.quotations.findFirst({
+        where: eq(quotations.id, input.id),
+      });
+
+      return data ?? null;
+    }),
+  create: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["create"] }))
+    .input(createQuotationSchema)
+    .handler(async ({ context, input }) => {
+      return context.db.transaction(async (tx) => {
+        const [quotation] = await tx.insert(quotations).values(input).returning();
+
+        if (!quotation) {
+          throw new ORPCError("INTERNAL_SERVER_ERROR", {
+            message: "Offerte kon niet worden aangemaakt",
+          });
+        }
+
+        return quotation;
+      });
+    }),
+  update: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ id: z.string(), data: updateQuotationSchema.partial() }))
+    .handler(async ({ context, input }) => {
+      const [result] = await context.db
+        .update(quotations)
+        .set(input.data)
+        .where(eq(quotations.id, input.id))
+        .returning();
+
+      if (!result) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Offerte kon niet worden gewijzigd",
+        });
+      }
+
+      return result;
+    }),
+
+  delete: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["delete"] }))
+    .input(bulkActionSchema)
+    .handler(async ({ context, input }) => {
+      await context.db.delete(quotations).where(inArray(quotations.id, input.ids));
+    }),
+};
+
+/**
+ * Quotation blocks router that handles operations related to quotation blocks, including listing, creating, updating, and moving blocks.
+ */
+export const quotationBlocksRouter = {
+  list: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["view"] }))
+    .input(z.object({ quotationId: z.string() }))
+    .handler(async ({ context, input }) => {
+      const blocks = await context.db.query.quotationBlocks.findMany({
+        where: eq(quotationBlocksTable.quotationId, input.quotationId),
+        orderBy: asc(quotationBlocksTable.index),
+      });
+
+      return blocks;
+    }),
+  create: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ quotationId: z.string(), block: quotationBlocks.createSchema }))
+    .handler(async ({ context, input }) => {
+      const block = input.block as QuotationBlockInput;
+      const lastBlock = await context.db
+        .select({ index: quotationBlocksTable.index })
+        .from(quotationBlocksTable)
+        .where(eq(quotationBlocksTable.quotationId, input.quotationId))
+        .orderBy(desc(quotationBlocksTable.index))
+        .limit(1);
+
+      const [created] = await context.db
+        .insert(quotationBlocksTable)
+        .values({
+          quotationId: input.quotationId,
+          slug: block.slug,
+          data: block.data,
+          index: (lastBlock[0]?.index ?? -1) + 1,
+        })
+        .returning();
+
+      if (!created) {
+        throw new ORPCError("INTERNAL_SERVER_ERROR", {
+          message: "Blok kon niet worden aangemaakt",
+        });
+      }
+
+      return quotationBlocks.selectSchema.parse(created) as QuotationBlock;
+    }),
+  update: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ id: z.string(), data: z.record(z.string(), z.unknown()) }))
+    .handler(async ({ context, input }) => {
+      const existing = await context.db.query.quotationBlocks.findFirst({
+        where: eq(quotationBlocksTable.id, input.id),
+      });
+
+      if (!existing) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Blok kon niet worden gevonden",
+        });
+      }
+
+      const patchedData = quotationBlocks.patchData({ block: existing, patch: input.data });
+
+      if (!patchedData.success) {
+        throw new ORPCError("BAD_REQUEST", {
+          message: "Onbekend bloktype",
+        });
+      }
+
+      const [updated] = await context.db
+        .update(quotationBlocksTable)
+        .set({ data: patchedData.data })
+        .where(eq(quotationBlocksTable.id, input.id))
+        .returning();
+
+      if (!updated) {
+        throw new ORPCError("INTERNAL_SERVER_ERROR", {
+          message: "Blok kon niet worden gewijzigd",
+        });
+      }
+
+      return quotationBlocks.selectSchema.parse(updated) as QuotationBlock;
+    }),
+  delete: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ id: z.string() }))
+    .handler(async ({ context, input }) => {
+      const existing = await context.db.query.quotationBlocks.findFirst({
+        where: eq(quotationBlocksTable.id, input.id),
+      });
+
+      if (!existing) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Blok kon niet worden gevonden",
+        });
+      }
+
+      await context.db.transaction(async (tx) => {
+        await tx.delete(quotationBlocksTable).where(eq(quotationBlocksTable.id, input.id));
+
+        const blocks = await tx.query.quotationBlocks.findMany({
+          where: eq(quotationBlocksTable.quotationId, existing.quotationId),
+          orderBy: asc(quotationBlocksTable.index),
+        });
+        const reindexedBlocks = reindexBlocks(blocks);
+
+        await Promise.all(
+          reindexedBlocks.map((block) =>
+            tx
+              .update(quotationBlocksTable)
+              .set({ index: block.index })
+              .where(eq(quotationBlocksTable.id, block.id)),
+          ),
+        );
+      });
+
+      return { success: true };
+    }),
+  move: protectedProcedure
+    .use(permissionMiddleware({ quotation: ["update"] }))
+    .input(z.object({ quotationId: z.string(), id: z.string(), toIndex: z.number().int().min(0) }))
+    .handler(async ({ context, input }) => {
+      const blocks = await context.db.query.quotationBlocks.findMany({
+        where: eq(quotationBlocksTable.quotationId, input.quotationId),
+        orderBy: asc(quotationBlocksTable.index),
+      });
+
+      const result = moveBlock(blocks, { id: input.id, toIndex: input.toIndex });
+
+      if (!result) {
+        throw new ORPCError("NOT_FOUND", {
+          message: "Blok kon niet worden gevonden",
+        });
+      }
+
+      await context.db.transaction(async (tx) => {
+        await Promise.all(
+          result.blocks.map((block) =>
+            tx
+              .update(quotationBlocksTable)
+              .set({ index: block.index })
+              .where(eq(quotationBlocksTable.id, block.id)),
+          ),
+        );
+      });
+
+      return z.array(quotationBlocks.selectSchema).parse(result.blocks) as QuotationBlock[];
+    }),
+};

package/dist/templates/code/src/app/admin/quotations/_lib/schema.ts

@@ -0,0 +1,42 @@
+import { relations } from "drizzle-orm";
+import { index, pgTable } from "drizzle-orm/pg-core";
+import { baseColumns } from "@/server/db/helpers";
+
+export const quotations = pgTable("quotations", (t) => ({
+  ...baseColumns,
+  title: t.varchar().notNull(),
+}));
+
+export const quotationsRelations = relations(quotations, ({ many }) => ({
+  blocks: many(quotationBlocks),
+}));
+
+/**
+ *
+ *
+ * Quotations Blocks
+ */
+export const quotationBlocks = pgTable(
+  "quotation_blocks",
+  (t) => ({
+    ...baseColumns,
+    slug: t.varchar().notNull(),
+    data: t.jsonb().notNull(),
+    index: t.doublePrecision().notNull(),
+    quotationId: t
+      .uuid()
+      .notNull()
+      .references(() => quotations.id, { onDelete: "cascade" }),
+  }),
+  (table) => [
+    index("quotation_blocks_quotation_order_idx").on(table.quotationId, table.index),
+    index("quotation_blocks_quotation_slug_idx").on(table.quotationId, table.slug),
+  ],
+);
+
+export const quotationBlocksRelations = relations(quotationBlocks, ({ one }) => ({
+  quotation: one(quotations, {
+    fields: [quotationBlocks.quotationId],
+    references: [quotations.id],
+  }),
+}));

package/dist/templates/code/src/app/admin/quotations/_lib/validators.ts

@@ -0,0 +1,20 @@
+import { createInsertSchema, createSelectSchema } from "drizzle-zod";
+import { z } from "zod";
+import { quotations } from "./schema";
+
+export const quotationSchema = createSelectSchema(quotations);
+export type Quotation = z.infer<typeof quotationSchema>;
+
+export const createQuotationSchema = createInsertSchema(quotations, {
+  title: z.string().min(1, "Titel is verplicht"),
+}).omit({ id: true, createdAt: true, updatedAt: true });
+
+export const updateQuotationSchema = createInsertSchema(quotations, {
+  title: z.string().min(1, "Titel is verplicht"),
+}).omit({ id: true, createdAt: true, updatedAt: true });
+
+export type CreateQuotationInput = z.input<typeof createQuotationSchema>;
+export type CreateQuotationSchema = z.infer<typeof createQuotationSchema>;
+
+export type UpdateQuotationInput = z.input<typeof updateQuotationSchema>;
+export type UpdateQuotationSchema = z.infer<typeof updateQuotationSchema>;

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

@@ -2,7 +2,7 @@
 
 import { useSuspenseQueries, useSuspenseQuery } from "@tanstack/react-query";
 import { EditorContent, EditorMenuFixed } from "@tulip-systems/editor/client";
-import { createFileHandlerUploadStrategy } from "@tulip-systems/editor-storage";
+import { StorageUploadExtension } from "@tulip-systems/editor-storage";
 import {
   InlineComboboxDropdown,
   InlineEditor,
@@ -22,6 +22,7 @@ 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";
 import { storyPointsConfig } from "../../../_lib/constants";
@@ -175,8 +176,9 @@ export default function TaskDetailPage(props: PageProps<"/admin/tasks/[id]">) {
                 mutate: { on: "change", debounceMs: 700 },
                 validate: { change: z.any() },
               }}
-              extensions={{
-                fileHandler: createFileHandlerUploadStrategy({
+              extensions={[
+                ...richTextEditorPreset,
+                StorageUploadExtension.configure({
                   allowedMimeTypes: ["image/png", "image/jpeg", "image/gif", "image/webp"],
                   variables: {},
                   uploadClient,
@@ -190,7 +192,7 @@ export default function TaskDetailPage(props: PageProps<"/admin/tasks/[id]">) {
                     });
                   },
                 }),
-              }}
+              ]}
               className="min-h-40"
             >
               <EditorMenuFixed />

package/dist/templates/code/src/lib/config/editor.ts

@@ -0,0 +1,54 @@
+import type { ResizableNodeViewDirection } from "@tiptap/core";
+import Blockquote from "@tiptap/extension-blockquote";
+import Bold from "@tiptap/extension-bold";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+import Heading from "@tiptap/extension-heading";
+import Highlight from "@tiptap/extension-highlight";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Italic from "@tiptap/extension-italic";
+import Link from "@tiptap/extension-link";
+import { BulletList, ListItem, ListKeymap, OrderedList } from "@tiptap/extension-list";
+import Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import { Color, TextStyle } from "@tiptap/extension-text-style";
+import Underline from "@tiptap/extension-underline";
+import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
+import { defineEditorPreset } from "@tulip-systems/editor/client";
+import { StorageImage } from "@tulip-systems/editor-storage";
+
+const imageResizeOptions = {
+  enabled: true,
+  directions: ["left", "right"] as ResizableNodeViewDirection[],
+  minHeight: 50,
+  minWidth: 50,
+  alwaysPreserveAspectRatio: true,
+};
+
+export const richTextEditorPreset = defineEditorPreset([
+  Document,
+  Text,
+  Paragraph,
+  Blockquote,
+  HardBreak,
+  Heading,
+  HorizontalRule,
+  ListItem,
+  OrderedList,
+  BulletList,
+  StorageImage.configure({ resize: imageResizeOptions }),
+  Bold,
+  Italic,
+  Link,
+  Strike,
+  Underline,
+  Highlight.configure({ multicolor: true }),
+  Dropcursor,
+  Gapcursor,
+  UndoRedo,
+  ListKeymap,
+  TrailingNode,
+  TextStyle,
+  Color,
+]);

package/dist/templates/code/src/lib/config/paths.tsx

@@ -15,6 +15,7 @@ import {
   FoldersIcon,
   HomeIcon,
   ListTodoIcon,
+  ReceiptTextIcon,
   Table2Icon,
   TimerIcon,
   UserSearchIcon,
@@ -140,6 +141,13 @@ export function AdminSidebar() {
                 Prospects
               </PathLink>
             </Path>
+
+            <Path segment="quotations">
+              <PathLink href="/admin/quotations">
+                <ReceiptTextIcon />
+                Offertes
+              </PathLink>
+            </Path>
           </PathGroupItems>
         </PathGroup>
 

package/dist/templates/code/src/lib/utils/fonts.ts

@@ -0,0 +1,102 @@
+import localFont from "next/font/local";
+
+/**
+ * Neue Haas Grotesk Display Pro — de sans-font van de app (`--font-sans`).
+ *
+ * Belangrijk: deze font gebruikt een niet-standaard weight-schaal. Elke `weight`
+ * hieronder is gelijkgesteld aan de échte `usWeightClass` van het bestand, zodat
+ * numerieke gewichten in de browser exact zo resolven als in Figma:
+ *
+ *   250 UltraThin · 300 Thin · 350 XLight · 400 Light · 450 Roman ·
+ *   500 Medium · 700 Bold · 900 Black
+ *
+ * De typography-schaal gebruikt 400 (→ Light) en 500 (→ Medium) — dit matcht
+ * `font-weight: 400/500` uit de Figma-specs (waar 400 óók de Light-cut is, niet
+ * de Roman). De Roman-cut (55) zit bewust op 450 en is dus niet `font-normal`.
+ */
+export const fontNeueHaas = localFont({
+  variable: "--font-sans",
+  display: "swap",
+  src: [
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-ultra-thin.otf",
+      weight: "250",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-ultra-thin-italic.otf",
+      weight: "250",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-thin.otf",
+      weight: "300",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-thin-italic.otf",
+      weight: "300",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-extra-light.otf",
+      weight: "350",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-extra-light-italic.otf",
+      weight: "350",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-light.otf",
+      weight: "400",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-light-italic.otf",
+      weight: "400",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-regular.otf",
+      weight: "450",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-regular-italic.otf",
+      weight: "450",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-medium.otf",
+      weight: "500",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-medium-italic.otf",
+      weight: "500",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-bold.otf",
+      weight: "700",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-bold-italic.otf",
+      weight: "700",
+      style: "italic",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-black.otf",
+      weight: "900",
+      style: "normal",
+    },
+    {
+      path: "../../../public/fonts/neue-haas-grotesk/neue-haas-grotesk-black-italic.otf",
+      weight: "900",
+      style: "italic",
+    },
+  ],
+});

package/dist/templates/code/src/server/auth/permissions.ts

@@ -11,6 +11,7 @@ const statement = createStatements({
   customer: ["view", "create", "update", "archive", "delete"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.budget", "view.drive", "create", "update", "archive", "delete"],
+  quotation: ["view", "create", "update", "delete"],
   initiative: ["view", "view.budget", "view.stats", "create", "update", "delete"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],
@@ -33,6 +34,7 @@ const developer = ac.newRole({
   customer: ["view", "create", "update", "archive", "delete"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.budget", "view.drive", "create", "update", "archive", "delete"],
+  quotation: ["view", "create", "update", "delete"],
   initiative: ["view", "view.budget", "view.stats", "create", "update", "delete"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],
@@ -50,6 +52,7 @@ const admin = ac.newRole({
   customer: ["view", "create", "update", "archive", "delete"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.budget", "view.drive", "create", "update", "archive", "delete"],
+  quotation: ["view", "create", "update", "delete"],
   initiative: ["view", "view.budget", "view.stats", "create", "update", "delete"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],
@@ -65,6 +68,7 @@ const worker = ac.newRole({
   customer: ["view"],
   task: ["view", "create", "update", "delete"],
   project: ["view", "view.drive", "create", "update"],
+  quotation: ["view", "create", "update"],
   initiative: ["view", "view.stats", "update"],
   domain: ["view", "create", "update", "delete"],
   time: ["view", "create", "update", "delete"],

package/dist/templates/code/src/server/db/schema.ts

@@ -13,6 +13,7 @@ export * from "@/app/admin/domains/_lib/schema";
 export * from "@/app/admin/employees/_lib/schema";
 export * from "@/app/admin/initiatives/_lib/schema";
 export * from "@/app/admin/projects/_lib/schema";
+export * from "@/app/admin/quotations/_lib/schema";
 export * from "@/app/admin/tasks/_lib/schema";
 export * from "@/app/admin/time/_lib/schema";
 export * from "@/app/admin/prospects/_lib/schema";

package/dist/templates/code/src/server/router/router.ts

@@ -66,6 +66,16 @@ export const appRouter = {
       default: module.prospectsRouter,
     })),
   ),
+  quotations: lazy(() =>
+    import("@/app/admin/quotations/_lib/router").then((module) => ({
+      default: module.quotationsRouter,
+    })),
+  ),
+  quotationBlocks: lazy(() =>
+    import("@/app/admin/quotations/_lib/router").then((module) => ({
+      default: module.quotationBlocksRouter,
+    })),
+  ),
 };
 
 // export type definition of API

package/dist/templates/spark/package.json

@@ -35,19 +35,36 @@
     "@tanstack/db": "^0.6.17",
     "@tanstack/react-query": "^5.101.4",
     "@tanstack/react-table": "^8.21.3",
-    "@tulip-systems/app": "0.12.2",
-    "@tulip-systems/auth": "0.12.2",
-    "@tulip-systems/commands": "0.12.2",
-    "@tulip-systems/core": "0.12.2",
-    "@tulip-systems/data-tables": "0.12.2",
-    "@tulip-systems/drive": "0.12.2",
-    "@tulip-systems/drive-local": "0.12.2",
-    "@tulip-systems/editor": "0.12.2",
-    "@tulip-systems/editor-storage": "0.12.2",
-    "@tulip-systems/inline": "0.12.2",
-    "@tulip-systems/query": "0.12.2",
-    "@tulip-systems/storage": "0.12.2",
-    "@tulip-systems/ui": "0.12.2",
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/extension-blockquote": "^3.29.2",
+    "@tiptap/extension-bold": "^3.29.2",
+    "@tiptap/extension-document": "^3.29.2",
+    "@tiptap/extension-hard-break": "^3.29.2",
+    "@tiptap/extension-heading": "^3.29.2",
+    "@tiptap/extension-highlight": "^3.29.2",
+    "@tiptap/extension-horizontal-rule": "^3.29.2",
+    "@tiptap/extension-italic": "^3.29.2",
+    "@tiptap/extension-link": "^3.29.2",
+    "@tiptap/extension-list": "^3.29.2",
+    "@tiptap/extension-paragraph": "^3.29.2",
+    "@tiptap/extension-strike": "^3.29.2",
+    "@tiptap/extension-text": "^3.29.2",
+    "@tiptap/extension-text-style": "^3.29.2",
+    "@tiptap/extension-underline": "^3.29.2",
+    "@tiptap/extensions": "^3.29.2",
+    "@tulip-systems/app": "0.12.4",
+    "@tulip-systems/auth": "0.12.4",
+    "@tulip-systems/commands": "0.12.4",
+    "@tulip-systems/core": "0.12.4",
+    "@tulip-systems/data-tables": "0.12.4",
+    "@tulip-systems/drive": "0.12.4",
+    "@tulip-systems/drive-local": "0.12.4",
+    "@tulip-systems/editor": "0.12.4",
+    "@tulip-systems/editor-storage": "0.12.4",
+    "@tulip-systems/inline": "0.12.4",
+    "@tulip-systems/query": "0.12.4",
+    "@tulip-systems/storage": "0.12.4",
+    "@tulip-systems/ui": "0.12.4",
     "@vercel/functions": "^3.9.0",
     "@zip.js/zip.js": "^2.8.34",
     "better-auth": "^1.6.26",

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

@@ -24,6 +24,7 @@ import { generateClientHref } from "@/app/admin/clients/_lib/helpers";
 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 AssignmentDetailPage(props: PageProps<"/admin/assignments/[id]">) {
@@ -99,6 +100,7 @@ export default function AssignmentDetailPage(props: PageProps<"/admin/assignment
                   validate: { change: z.any() },
                 }}
                 className="min-h-24"
+                extensions={richTextEditorPreset}
               >
                 <EditorMenuBubble />
                 <EditorContent />