STAPLE-verse · doomlab · Jun 4, 2026 · Apr 17, 2026 · Apr 17, 2026 · Apr 17, 2026
diff --git a/db/schema.prisma b/db/schema.prisma
@@ -40,6 +40,7 @@ model User {
   // relational information
   projects                      ProjectMember[]
   forms                         Form[]
+  folders                       Folder[]
   roles                         Role[]
   ProjectPrivilege              ProjectPrivilege[]
 }
@@ -92,6 +93,7 @@ model ProjectMember {
   taskLogAssignedTo       TaskLog[]           @relation("assignedTo")
   taskLogCompletedBy      TaskLog[]           @relation("completedBy")
   reassignmentInvitations Invitation[]
+  pendingInvitations      Invitation[]        @relation("PendingTeamInvitations")
   comments                Comment[]
   tags                    Json?
   commentReadStatus       CommentReadStatus[]
@@ -123,6 +125,7 @@ model Invitation {
   tags            Json?
   reassignmentFor Int? // Foreign key to ProjectMember
   projectMember   ProjectMember?   @relation(fields: [reassignmentFor], references: [id]) // Relation to ProjectMember
+  pendingTeams    ProjectMember[]  @relation("PendingTeamInvitations")
 }
 
 model Role {
@@ -212,6 +215,7 @@ model Task {
   element            Element?        @relation(fields: [elementId], references: [id])
   autoAssignNew      AutoAssignNew   @default(NONE)
   anonymous          Boolean         @default(false)
+  anonymousResponses Boolean         @default(false)
 }
 
 model TaskLog {
@@ -279,6 +283,18 @@ model Milestone {
   endDate     DateTime?
 }
 
+model Folder {
+  id        Int      @id @default(autoincrement())
+  name      String
+  userId    Int
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+  forms     Form[]
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  @@unique([name, userId])
+}
+
 model Form {
   id        Int           @id @default(autoincrement())
   createdAt DateTime      @default(now())
@@ -287,6 +303,9 @@ model Form {
   user      User          @relation(fields: [userId], references: [id], onDelete: Cascade)
   versions  FormVersion[]
   archived  Boolean       @default(false)
+  tags      Json?
+  folderId  Int?
+  folder    Folder?       @relation(fields: [folderId], references: [id])
 }
 
 model FormVersion {
@@ -296,6 +315,7 @@ model FormVersion {
   version   Int
   schema    Json
   uiSchema  Json?
+  archived  Boolean   @default(false)
   createdAt DateTime  @default(now())
   form      Form      @relation(fields: [formId], references: [id], onDelete: Cascade)
   tasks     Task[]

diff --git a/integrations/emails.tsx b/integrations/emails.tsx
@@ -273,6 +273,38 @@ staple.helpdesk@gmail.com
   }
 }
 
+export function createFeedbackMsg({
+  fromUsername,
+  fromEmail,
+  subject,
+  message,
+}: {
+  fromUsername: string
+  fromEmail: string
+  subject: string
+  message: string
+}) {
+  return {
+    from: "STAPLE <app@staplescience.com>",
+    to: "staple.helpdesk@gmail.com",
+    replyTo: fromEmail ? `${fromUsername} <${fromEmail}>` : "STAPLE App",
+    subject: `[Feedback] ${subject}`,
+    html: `
+      <html>
+      <body>
+      <center><img src="https://raw.githubusercontent.com/STAPLE-verse/STAPLE-verse.github.io/main/pics/staple_email.jpg"
+  alt="STAPLE Logo" height="200"></center>
+      <h3>Feedback from ${fromUsername}</h3>
+      <p><strong>From:</strong> ${fromUsername} &lt;${fromEmail}&gt;</p>
+      <p><strong>Subject:</strong> ${subject}</p>
+      <p><strong>Message:</strong></p>
+      <p>${message.replace(/\n/g, "<br>")}</p>
+      </body>
+      </html>
+    `,
+  }
+}
+
 export function createEditProfileMsg(user) {
   return {
     from: "STAPLE <app@staplescience.com>",

diff --git a/src/blitz-client.ts b/src/blitz-client.ts
@@ -7,5 +7,14 @@ export const authConfig = {
 }
 
 export const { withBlitz } = setupBlitzClient({
-  plugins: [AuthClientPlugin(authConfig), BlitzRpcPlugin({})],
+  plugins: [
+    AuthClientPlugin(authConfig),
+    BlitzRpcPlugin({
+      reactQueryOptions: {
+        queries: {
+          refetchOnWindowFocus: false,
+        },
+      },
+    }),
+  ],
 })
diff --git a/src/core/components/DaisyTheme.tsx b/src/core/components/DaisyTheme.tsx
@@ -15,7 +15,18 @@ import {
   getUiOptions,
   getSubmitButtonOptions,
   SubmitButtonProps,
+  schemaRequiresTrueValue,
+  descriptionId,
+  ariaDescribedByIds,
+  enumOptionsIsSelected,
+  enumOptionsSelectValue,
+  enumOptionsDeselectValue,
+  enumOptionsValueForIndex,
+  optionId,
 } from "@rjsf/utils"
+import ReactMarkdown from "react-markdown"
+import remarkGfm from "remark-gfm"
+import remarkBreaks from "remark-breaks"
 
 import { ThemeProps } from "@rjsf/core"
 
@@ -74,9 +85,12 @@ function MyDescriptionField<
   }
   if (typeof description === "string") {
     return (
-      <p id={id} className="text-md italic">
-        {description}
-      </p>
+      <div
+        id={id}
+        className="markdown-display prose max-w-none dark:prose-invert text-md italic mb-2"
+      >
+        <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]}>{description}</ReactMarkdown>
+      </div>
     )
   } else {
     return (
@@ -186,6 +200,118 @@ const MyEmailWidget = (props: WidgetProps) => {
   )
 }
 
+const MyCheckboxWidget = (props: WidgetProps) => {
+  const {
+    id,
+    value,
+    disabled,
+    readonly,
+    label,
+    hideLabel,
+    onChange,
+    onBlur,
+    onFocus,
+    options,
+    schema,
+    uiSchema,
+    registry,
+  } = props
+  const DescriptionFieldTemplate = getTemplate("DescriptionFieldTemplate", registry, options)
+  const description = options.description ?? schema.description
+  const required = schemaRequiresTrueValue(schema)
+
+  return (
+    <div className="field-checkbox">
+      {!hideLabel && label && (
+        <label className="text-lg font-bold block mb-1" htmlFor={id}>
+          {label}
+          {required && <span className="italic">{REQUIRED_FIELD_SYMBOL}</span>}
+        </label>
+      )}
+      {!hideLabel && !!description && (
+        <DescriptionFieldTemplate
+          id={descriptionId(id)}
+          description={description}
+          schema={schema}
+          uiSchema={uiSchema}
+          registry={registry}
+        />
+      )}
+      <label className="flex items-center gap-2 mt-1 cursor-pointer">
+        <input
+          type="checkbox"
+          id={id}
+          name={id}
+          checked={typeof value === "undefined" ? false : value}
+          required={required}
+          disabled={disabled || readonly}
+          aria-describedby={ariaDescribedByIds(id)}
+          onChange={(e) => onChange(e.target.checked)}
+          onBlur={(e) => onBlur(id, e.target.checked)}
+          onFocus={(e) => onFocus(id, e.target.checked)}
+        />
+      </label>
+    </div>
+  )
+}
+
+const MyCheckboxesWidget = (props: WidgetProps) => {
+  const {
+    id,
+    disabled,
+    options,
+    value,
+    readonly,
+    onChange,
+    onBlur,
+    onFocus,
+    autofocus = false,
+  } = props
+  const { enumOptions, enumDisabled, emptyValue } = options
+  const checkboxesValues = Array.isArray(value) ? value : [value]
+
+  return (
+    <div className="checkboxes-group" id={id}>
+      {Array.isArray(enumOptions) &&
+        enumOptions.map((option, index) => {
+          const checked = enumOptionsIsSelected(option.value, checkboxesValues)
+          const itemDisabled =
+            Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1
+          const disabledCls = disabled || itemDisabled || readonly ? "disabled" : ""
+
+          return (
+            <label key={index} className={`checkboxes-option ${disabledCls}`}>
+              <input
+                type="checkbox"
+                id={optionId(id, index)}
+                name={id}
+                checked={checked}
+                value={String(index)}
+                disabled={disabled || itemDisabled || readonly}
+                autoFocus={autofocus && index === 0}
+                onChange={(event) => {
+                  if (event.target.checked) {
+                    onChange(enumOptionsSelectValue(index, checkboxesValues, enumOptions))
+                  } else {
+                    onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions))
+                  }
+                }}
+                onBlur={({ target: { value: v } }) =>
+                  onBlur(id, enumOptionsValueForIndex(v, enumOptions, emptyValue))
+                }
+                onFocus={({ target: { value: v } }) =>
+                  onFocus(id, enumOptionsValueForIndex(v, enumOptions, emptyValue))
+                }
+                aria-describedby={ariaDescribedByIds(id)}
+              />
+              <span>{option.label}</span>
+            </label>
+          )
+        })}
+    </div>
+  )
+}
+
 // create Registry information
 // templates
 const myTemplates: Partial<TemplatesType> = {
@@ -217,6 +343,8 @@ const myTemplates: Partial<TemplatesType> = {
 const myWidgets: RegistryWidgetsType = {
   TextWidget: MyTextWidget,
   EmailWidget: MyEmailWidget,
+  CheckboxWidget: MyCheckboxWidget,
+  CheckboxesWidget: MyCheckboxesWidget,
 }
 
 // create the overall theme to use on the other page

diff --git a/src/core/components/FeedbackButton.tsx b/src/core/components/FeedbackButton.tsx
@@ -0,0 +1,78 @@
+import { useRef } from "react"
+import { useMutation } from "@blitzjs/rpc"
+import { QuestionMarkCircleIcon } from "@heroicons/react/24/outline"
+import { z } from "zod"
+import sendFeedback from "src/core/mutations/sendFeedback"
+import toast from "react-hot-toast"
+import { Form } from "src/core/components/fields/Form"
+import { LabeledTextField } from "src/core/components/fields/LabeledTextField"
+import LabeledTextAreaField from "src/core/components/fields/LabeledTextAreaField"
+
+const FeedbackSchema = z.object({
+  subject: z.string().min(1, "Subject is required").max(200),
+  message: z.string().min(1, "Message is required").max(5000),
+})
+
+export const FeedbackButton = () => {
+  const [sendFeedbackMutation] = useMutation(sendFeedback)
+  const dialogRef = useRef<HTMLDialogElement>(null)
+
+  const openModal = () => dialogRef.current?.showModal()
+  const closeModal = () => dialogRef.current?.close()
+
+  const handleSubmit = async (values: { subject: string; message: string }) => {
+    try {
+      await sendFeedbackMutation(values)
+      toast.success("Feedback sent! We'll be in touch.")
+      closeModal()
+    } catch {
+      toast.error("Failed to send feedback. Please try again.")
+    }
+  }
+
+  return (
+    <>
+      <button
+        onClick={openModal}
+        className="fixed bottom-6 right-6 z-50 btn btn-circle btn-primary shadow-lg"
+        title="Send feedback"
+      >
+        <QuestionMarkCircleIcon className="w-6 h-6" />
+      </button>
+
+      <dialog
+        ref={dialogRef}
+        className="modal"
+        onClick={(e) => {
+          if (e.target === dialogRef.current) closeModal()
+        }}
+      >
+        <div className="modal-box" onClick={(e) => e.stopPropagation()}>
+          <h3 className="font-bold text-lg mb-4">Send Feedback</h3>
+          <Form
+            schema={FeedbackSchema}
+            onSubmit={handleSubmit}
+            submitText="Send"
+            cancelText="Cancel"
+            onCancel={closeModal}
+            summitOnRight
+          >
+            <LabeledTextField
+              name="subject"
+              label="Subject"
+              placeholder="Brief description of your feedback"
+              className="input mb-4 w-full text-primary input-primary input-bordered border-2 bg-base-300"
+            />
+            <LabeledTextAreaField
+              name="message"
+              label="Message"
+              placeholder="Describe your issue or suggestion..."
+              className="textarea textarea-primary textarea-bordered border-2 bg-base-300 text-primary mb-4 w-full"
+              rows={6}
+            />
+          </Form>
+        </div>
+      </dialog>
+    </>
+  )
+}