Add missing JSDoc to shared components

shared/components/EventBoundary.tsx

@@ -10,6 +10,10 @@ type Props = {
   captureEvents?: "all" | "pointer" | "click";
 };
 
+/**
+ * EventBoundary is a component that prevents events from propagating to parent elements.
+ * This is useful for preventing clicks or other interactions from bubbling up the DOM tree.
+ */
 const EventBoundary: React.FC<Props> = ({
   children,
   className,

shared/components/Flex.tsx

@@ -5,14 +5,26 @@ type JustifyValues = CSSProperties["justifyContent"];
 
 type AlignValues = CSSProperties["alignItems"];
 
+/**
+ * Flex is a styled component that provides a flexible box layout with convenient props.
+ * It simplifies the use of flexbox CSS properties with a clean, declarative API.
+ */
 const Flex = styled.div<{
+  /** Makes the component grow to fill available space */
   auto?: boolean;
+  /** Changes flex direction to column */
   column?: boolean;
+  /** Sets the align-items CSS property */
   align?: AlignValues;
+  /** Sets the justify-content CSS property */
   justify?: JustifyValues;
+  /** Enables flex-wrap */
   wrap?: boolean;
+  /** Controls flex-shrink behavior */
   shrink?: boolean;
+  /** Reverses the direction (row-reverse or column-reverse) */
   reverse?: boolean;
+  /** Sets gap between flex items in pixels */
   gap?: number;
 }>`
   display: flex;

shared/components/Squircle.tsx

@@ -11,6 +11,11 @@ type Props = {
   className?: string;
 };
 
+/**
+ * Squircle is a component that renders a square with rounded corners (squircle shape).
+ * It's commonly used for app icons, avatars, and other UI elements where a softer
+ * square shape is desired.
+ */
 const Squircle: React.FC<Props> = ({
   color,
   size = 28,

shared/editor/marks/Code.ts

@@ -99,7 +99,6 @@ export default class Code extends Mark {
               return false;
             }
 
-            // Check if we're pasting inside backticks
             const start = from - 1;
             const end = to + 1;
             if (
@@ -119,69 +118,6 @@ export default class Code extends Mark {
               return true;
             }
 
-            // Check if we're pasting over an existing inline code block
-            if (isInCode(state, { onlyMark: true })) {
-              // Get the range of the current code mark
-              const marks = state.doc.resolve(from).marks();
-              const codeMark = marks.find(
-                (mark) => mark.type === state.schema.marks.code_inline
-              );
-              
-              if (codeMark) {
-                // Find the start and end of the code mark
-                let codeStart = from;
-                let codeEnd = to;
-                
-                // Find the start of the code mark
-                for (let i = from; i > 0; i--) {
-                  const resolvedPos = state.doc.resolve(i);
-                  const marksAtPos = resolvedPos.marks();
-                  const hasCodeMark = marksAtPos.some(
-                    (mark) => mark.type === state.schema.marks.code_inline
-                  );
-                  
-                  if (!hasCodeMark) {
-                    codeStart = i + 1;
-                    break;
-                  }
-                  
-                  if (i === 1) {
-                    codeStart = 1;
-                  }
-                }
-                
-                // Find the end of the code mark
-                for (let i = to; i < state.doc.nodeSize - 2; i++) {
-                  const resolvedPos = state.doc.resolve(i);
-                  const marksAtPos = resolvedPos.marks();
-                  const hasCodeMark = marksAtPos.some(
-                    (mark) => mark.type === state.schema.marks.code_inline
-                  );
-                  
-                  if (!hasCodeMark) {
-                    codeEnd = i;
-                    break;
-                  }
-                  
-                  if (i === state.doc.nodeSize - 3) {
-                    codeEnd = state.doc.nodeSize - 2;
-                  }
-                }
-                
-                // Replace the content within the code mark
-                view.dispatch(
-                  state.tr
-                    .replaceRange(from, to, slice)
-                    .addMark(
-                      from,
-                      from + slice.size,
-                      state.schema.marks.code_inline.create()
-                    )
-                );
-                return true;
-              }
-            }
-
             return false;
           },