chore: establish learning module baseline

OpenMAIC/components/slide-renderer/Editor/Canvas/MouseSelection.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+export interface MouseSelectionProps {
+  readonly top: number;
+  readonly left: number;
+  readonly width: number;
+  readonly height: number;
+  readonly quadrant: number;
+  readonly canvasScale: number;
+}
+
+/**
+ * Mouse selection component
+ * Displays selection rectangle during mouse drag selection
+ */
+export function MouseSelection({
+  top,
+  left,
+  width,
+  height,
+  quadrant,
+  canvasScale,
+}: MouseSelectionProps) {
+  const selectionStyle = {
+    left: `${(quadrant === 2 || quadrant === 3 ? left - width : left) * canvasScale}px`,
+    top: `${(quadrant === 2 || quadrant === 1 ? top - height : top) * canvasScale}px`,
+    width: `${width * canvasScale}px`,
+    height: `${height * canvasScale}px`,
+  };
+
+  return (
+    <div
+      className="mouse-selection absolute border-2 border-primary border-dashed z-41"
+      style={selectionStyle}
+    />
+  );
+}