progress on linking improvements and review comments

Author: zgavin1

src/components/ui/coaching-sessions/coaching-notes/extensions.tsx

@@ -45,7 +45,7 @@ export const Extensions = (
     Text,
     Underline,
     Link.configure({
-      openOnClick: true,
+      openOnClick: false,
       autolink: true,
       defaultProtocol: "https",
       protocols: ["http", "https"],

src/components/ui/coaching-sessions/coaching-notes/link-dialog.tsx

@@ -51,6 +51,7 @@ export const LinkDialog = ({
         .focus()
         .extendMarkRange("link")
         .setLink({ href: linkUrl })
+        .updateAttributes("link", { title: linkUrl })
         .run();
       setLinkUrl("");
       onOpenChange(false);

src/components/ui/coaching-sessions/coaching-notes/toolbar.tsx

@@ -1,4 +1,4 @@
-import type React from "react";
+import React, { useEffect } from "react";
 import { useCurrentEditor } from "@tiptap/react";
 import {
   Bold,
@@ -25,6 +25,18 @@ export const Toolbar = () => {
   if (!editor) {
     return null;
   }
+  // Add keyboard shortcut handler
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+        e.preventDefault();
+        setIsLinkDialogOpen(true);
+      }
+    };
+
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, []);
 
   return (
     <>
@@ -105,7 +117,11 @@ export const Toolbar = () => {
           onClick={() => setIsLinkDialogOpen(true)}
           isActive={editor.isActive("link")}
           icon={<Link className="h-4 w-4" />}
-          title="Link"
+          title={
+            editor.isActive("link")
+              ? "Update link (Ctrl + k)"
+              : "Insert link (Ctrl + k)"
+          }
         />
       </div>
 

src/styles/styles.scss

@@ -144,11 +144,7 @@
     margin: 2rem 0;
   }
 
-  a {
-    color: #0000EE;
-    text-decoration: underline;
-  }
-  /* Link styles */
+  /* Editor Link styles */
   a {
     text-decoration: underline;
     color: #0000EE;