Add JSDoc documentation and file headers to all source files

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/Discover/Map/SidebarView.vue

@@ -70,6 +70,16 @@
 </template>
 
 <script setup>
+// The Lucia project.
+// Copyright 2023-2026 DSP, inc.  All rights reserved.
+// Authors:
+//   chiayin.kuo@dsp.im (chiayin), 2023/1/31
+/**
+ * @module components/Discover/Map/SidebarView Visualization
+ *   settings sidebar for map view type (process/BPMN), curve
+ *   style, direction, and data layer selection.
+ */
+
 import { ref, onMounted } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useMapPathStore } from '@/stores/mapPathStore';
@@ -117,8 +127,8 @@ const selectedDuration = ref('');
 const rank = ref('LR'); // 直向 TB | 橫向 LR
 
 /**
- * switch map type
- * @param {string} type 'processMap' | 'bpmn'，可傳入以上任一。
+ * Switches the map type and emits the change event.
+ * @param {string} type - 'processMap' or 'bpmn'.
  */
 function switchMapType(type) {
   mapType.value = type;
@@ -126,8 +136,8 @@ function switchMapType(type) {
 }
 
 /**
- * switch curve style
- * @param {string} style 直角 'unbundled-bezier' | 'taxi'，可傳入以上任一。
+ * Switches the curve style and emits the change event.
+ * @param {string} style - 'unbundled-bezier' (curved) or 'taxi' (elbow).
  */
 function switchCurveStyles(style) {
   curveStyle.value = style;
@@ -135,8 +145,8 @@ function switchCurveStyles(style) {
 }
 
 /**
- * switch rank
- * @param {string} rank 直向 'TB' | 橫向 'LR'，可傳入以上任一。
+ * Switches the graph layout direction and emits the change event.
+ * @param {string} rankValue - 'TB' (vertical) or 'LR' (horizontal).
  */
 function switchRank(rankValue) {
   rank.value = rankValue;
@@ -144,9 +154,9 @@ function switchRank(rankValue) {
 }
 
 /**
- * switch Data Layoer Type or Option.
- * @param {string} e 切換時傳入的選項
- * @param {string} type 'freq' | 'duration'，可傳入以上任一。
+ * Switches the data layer type (frequency or duration) and option.
+ * @param {Event} e - The change event from the radio or select.
+ * @param {string} type - 'freq' or 'duration'.
  */
 function switchDataLayerType(e, type) {
   let value = '';
@@ -169,11 +179,13 @@ function switchDataLayerType(e, type) {
   emit('switch-data-layer-type', dataLayerType.value, dataLayerOption.value);
 }
 
+/** Switches to Process Map view. */
 function onProcessMapClick() {
   mapPathStore.setIsBPMNOn(false);
   switchMapType('processMap');
 }
 
+/** Switches to BPMN Model view. */
 function onBPMNClick() {
   mapPathStore.setIsBPMNOn(true);
   switchMapType('bpmn');