separage storage key for conversion and instruction

Author: Jhih-Lin Jhou

src/lib/common/shared/TimeRangePicker.svelte

@@ -7,7 +7,6 @@
 	import { clickoutsideDirective } from '$lib/helpers/directives';
 
 	// Constants
-	const RECENT_TIME_RANGES_KEY = 'botsharp_recent_time_ranges';
 	const MAX_RECENT_ITEMS = 10;
 	const TAB_RELATIVE = 'relative';
 	const TAB_RECENT = 'recent';
@@ -48,6 +47,9 @@
 	/** @type {Array<{ startDate: string, endDate: string, label: string, timeRange?: string }>} */
 	let recentTimeRanges = [];
 
+	/** @type {string} */
+	export let storageKey = 'botsharp_recent_time_ranges';
+
 	// Format date for flatpickr (Date object to YYYY-MM-DD string)
 	/** @param {Date} date */
 	function formatDateForFlatpickr(/** @type {Date} */ date) {
@@ -197,7 +199,7 @@
 
 	function loadRecentTimeRanges() {
 		try {
-			const stored = localStorage.getItem(RECENT_TIME_RANGES_KEY);
+			const stored = localStorage.getItem(storageKey);
 			if (stored) {
 				recentTimeRanges = JSON.parse(stored);
 			}
@@ -248,15 +250,15 @@
 			// Add to beginning and limit to MAX_RECENT_ITEMS
 			recentTimeRanges = [newRange, ...recentTimeRanges].slice(0, MAX_RECENT_ITEMS);
 
-			localStorage.setItem(RECENT_TIME_RANGES_KEY, JSON.stringify(recentTimeRanges));
+			localStorage.setItem(storageKey, JSON.stringify(recentTimeRanges));
 		} catch (e) {}
 	}
 
 	/** @param {number} index */
 	function removeRecentTimeRange(index) {
 		recentTimeRanges = recentTimeRanges.filter((_, idx) => idx !== index);
 		try {
-			localStorage.setItem(RECENT_TIME_RANGES_KEY, JSON.stringify(recentTimeRanges));
+			localStorage.setItem(storageKey, JSON.stringify(recentTimeRanges));
 		} catch (e) {}
 	}
 

src/routes/page/conversation/+page.svelte

@@ -505,6 +505,7 @@
 					</Col>
 					<Col lg="2">
 						<TimeRangePicker
+							storageKey="botsharp_conversation_recent_time_ranges"
 							bind:timeRange={searchOption.timeRange}
 							bind:startDate={searchOption.startDate}
 							bind:endDate={searchOption.endDate}

src/routes/page/instruction/log/+page.svelte

@@ -370,6 +370,7 @@
 					</Col>
 					<Col lg="2">
 						<TimeRangePicker
+							storageKey="botsharp_instruction_recent_time_ranges"
 							bind:timeRange={searchOption.timeRange}
 							bind:startDate={searchOption.startDate}
 							bind:endDate={searchOption.endDate}