feat: Cmd+Enter to submit comments, Esc to close card

apps/web/src/components/Editor.tsx

@@ -440,6 +440,7 @@ export default function Editor({
   content,
   onChange,
   onBlur,
+  onModEnter,
   readOnly = false,
   workspaceMembers,
   enableYouTubeEmbed = true,
@@ -449,6 +450,7 @@ export default function Editor({
   content: string | null;
   onChange?: (value: string) => void;
   onBlur?: () => void;
+  onModEnter?: () => void;
   readOnly?: boolean;
   workspaceMembers: WorkspaceMember[];
   enableYouTubeEmbed?: boolean;
@@ -570,6 +572,18 @@ export default function Editor({
         attributes: {
           class: "outline-none focus:outline-none focus-visible:ring-0",
         },
+        handleKeyDown: (_view, event) => {
+          if (
+            onModEnter &&
+            event.key === "Enter" &&
+            (event.metaKey || event.ctrlKey)
+          ) {
+            event.preventDefault();
+            onModEnter();
+            return true;
+          }
+          return false;
+        },
       },
       editable: !readOnly,
       injectCSS: false,

apps/web/src/env.ts

@@ -79,6 +79,9 @@ export const env = createEnv({
     S3_FORCE_PATH_STYLE: z.string().optional(),
     EMAIL_FROM: z.string().optional(),
     REDIS_URL: z.string().url().optional().or(z.literal("")),
+    // Webhook configuration
+    WEBHOOK_URL: z.string().url().optional(),
+    WEBHOOK_SECRET: z.string().optional(),
   },
 
   /**

apps/web/src/views/card/components/NewCommentForm.tsx

@@ -63,6 +63,7 @@ const NewCommentForm = ({
       <Editor
         content={watch("comment")}
         onChange={(value) => setValue("comment", value)}
+        onModEnter={handleSubmit(onSubmit)}
         workspaceMembers={workspaceMembers}
         enableYouTubeEmbed={false}
         placeholder={t`Add comment... (type '/' to open commands or '@' to mention)`}

apps/web/src/views/card/index.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { t } from "@lingui/core/macro";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { useForm } from "react-hook-form";
 import { HiXMark } from "react-icons/hi2";
 import { IoChevronForwardSharp } from "react-icons/io5";
@@ -18,6 +18,10 @@ import { NewWorkspaceForm } from "~/components/NewWorkspaceForm";
 import { PageHead } from "~/components/PageHead";
 import { EditYouTubeModal } from "~/components/YouTubeEmbed/EditYouTubeModal";
 import { usePermissions } from "~/hooks/usePermissions";
+import {
+  useKeyboardShortcut,
+  type KeyboardShortcut,
+} from "~/providers/keyboard-shortcuts";
 import { useModal } from "~/providers/modal";
 import { usePopup } from "~/providers/popup";
 import { useWorkspace } from "~/providers/workspace";
@@ -210,6 +214,25 @@ export default function CardPage({ isTemplate }: { isTemplate?: boolean }) {
   const workspaceMembers = board?.workspace.members;
   const boardId = board?.publicId;
 
+  const navigateToBoard = useCallback(() => {
+    if (!isOpen && boardId) {
+      const boardPath = isTemplate ? "templates" : "boards";
+      void router.push(`/${boardPath}/${boardId}`);
+    }
+  }, [isOpen, isTemplate, boardId, router]);
+
+  const escShortcut = useMemo(
+    (): KeyboardShortcut => ({
+      type: "PRESS",
+      stroke: { key: "Escape" },
+      action: navigateToBoard,
+      description: t`Close card`,
+      group: "NAVIGATION",
+    }),
+    [navigateToBoard],
+  );
+  useKeyboardShortcut(escShortcut);
+
   const editorWorkspaceMembers =
     workspaceMembers
       ?.filter((member) => member.email)

packages/db/src/repository/webhook.repo.ts

@@ -11,6 +11,7 @@ function parseEvents(raw: string): WebhookEvent[] {
   return JSON.parse(raw) as WebhookEvent[];
 }
 
+
 export const create = async (
   db: dbClient,
   webhookInput: {
@@ -145,6 +146,7 @@ export const getAllByWorkspaceId = async (
  * DO NOT expose this via tRPC or any client-facing endpoint.
  * Use getAllByWorkspaceId (which omits secrets) for the admin list endpoint.
  */
+
 export const getActiveByWorkspaceId = async (
   db: dbClient,
   workspaceId: number,