Merge pull request #422 from yileicn/main

feat: add specific day query option to time range filter

Author: iceljc

src/lib/helpers/constants.js

@@ -57,6 +57,7 @@ export const TIME_RANGE_OPTIONS = [
     { label: TimeRange.Last12Hours, value: TimeRange.Last12Hours, qty: 12, unit: 'hours' },
     { label: TimeRange.Today, value: TimeRange.Today, qty: 1, unit: 'days' },
     { label: TimeRange.Yesterday, value: TimeRange.Yesterday, qty: 1, unit: 'days' },
+    { label: TimeRange.SpecificDay, value: TimeRange.SpecificDay, isSpecificDay: true },
     { label: TimeRange.Last3Days, value: TimeRange.Last3Days, qty: 3, unit: 'days' },
     { label: TimeRange.Last7Days, value: TimeRange.Last7Days, qty: 7, unit: 'days' },
     { label: TimeRange.Last30Days, value: TimeRange.Last30Days, qty: 30, unit: 'days' },

src/lib/helpers/enums.js

@@ -257,6 +257,7 @@ const timeRange = {
     Last12Hours: "Last 12 hours",
     Today: "Today",
     Yesterday: "Yesterday",
+    SpecificDay: "Specific day",
     Last3Days: "Last 3 days",
     Last7Days: "Last 7 days",
     Last30Days: "Last 30 days",

src/lib/helpers/types/conversationTypes.js

@@ -324,6 +324,7 @@ IRichContent.prototype.language;
  * @property {UserStateDetailModel[]} states
  * @property {string[]} tags
  * @property {string?} [timeRange]
+ * @property {string} [specificDate] - When timeRange is SpecificDay, date in YYYY-MM-DD (e.g. 2026-01-25)
  */
 
 /**

src/lib/helpers/utils/common.js

@@ -192,9 +192,10 @@ export function getCleanUrl(url) {
 
 /**
  * @param {string} timeRange
+ * @param {string} [specificDate] - When timeRange is SpecificDay, date in YYYY-MM-DD format (e.g. 2026-01-25)
  * @returns {{ startTime: string | null, endTime: string | null }}
  */
-export function convertTimeRange(timeRange) {
+export function convertTimeRange(timeRange, specificDate) {
     let ret = { startTime: null, endTime: null };
 
     if (!timeRange) {
@@ -240,6 +241,17 @@ export function convertTimeRange(timeRange) {
                 endTime: moment().subtract(1, 'days').endOf('day').utc().format()
             };
             break;
+        case TimeRange.SpecificDay:
+            if (specificDate && moment(specificDate).isValid()) {
+                ret = {
+                    ...ret,
+                    // @ts-ignore
+                    startTime: moment(specificDate).startOf('day').utc().format(),
+                    // @ts-ignore
+                    endTime: moment(specificDate).endOf('day').utc().format()
+                };
+            }
+            break;
         default:
             break;
     }

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

@@ -40,6 +40,12 @@
 	const firstPage = 1;
 	const pageSize = 15;
 
+	// Get today's date in YYYY-MM-DD format
+	const getTodayStr = () => {
+		const d = new Date();
+		return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
+	};
+
 	/** @type {boolean} */
 	let isLoading = false;
 	let isComplete = false;
@@ -96,6 +102,7 @@
 		status: null,
 		taskId: null,
 		timeRange: TimeRange.Last12Hours,
+		specificDate: '',
 		states: [],
 		tags: []
 	};
@@ -111,7 +118,7 @@
 			page: $page.url.searchParams.get("page"),
 			pageSize: $page.url.searchParams.get("pageSize")
 		}, { defaultPageSize: pageSize });
-		innerTimeRange = convertTimeRange(searchOption.timeRange || '');
+		innerTimeRange = convertTimeRange(searchOption.timeRange || '', searchOption.specificDate);
 
 		filter = {
 			...filter,
@@ -298,7 +305,7 @@
 
 	function refreshFilter() {
 		const searchStates = getSearchStates();
-		innerTimeRange = convertTimeRange(searchOption.timeRange || '');
+		innerTimeRange = convertTimeRange(searchOption.timeRange || '', searchOption.specificDate);
 
 		filter = {
 			...filter,
@@ -398,9 +405,12 @@
 				tags: e.target.value?.length > 0 ? [e.target.value] : []
 			};
 		} else if (type === 'timeRange') {
+			const timeRange = selectedValues.length > 0 ? selectedValues[0] : null;
+			const isSpecificDay = timeRange === TimeRange.SpecificDay;
 			searchOption = {
 				...searchOption,
-				timeRange: selectedValues.length > 0 ? selectedValues[0] : null
+				timeRange,
+				specificDate: isSpecificDay ? (searchOption.specificDate || getTodayStr()) : ''
 			};
 		}
 	}
@@ -517,6 +527,13 @@
 							options={timeRangeOptions}
 							on:select={e => changeOption(e, 'timeRange')}
 						/>
+						{#if searchOption.timeRange === TimeRange.SpecificDay}
+							<Input
+								type="date"
+								bind:value={searchOption.specificDate}
+								class="mt-2"
+							/>
+						{/if}
 					</Col>
 					<Col lg="1">
 						<Button

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

@@ -36,6 +36,12 @@
 		value: x.value
 	}));
 
+	// Get today's date in YYYY-MM-DD format
+	const getTodayStr = () => {
+		const d = new Date();
+		return d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
+	};
+
     /** @type {import('$commonTypes').Pagination} */
 	let pager = { page: firstPage, size: pageSize, count: 0 }
 
@@ -64,6 +70,7 @@
 		models: [],
         template: '',
 		timeRange: TimeRange.Today,
+		specificDate: '',
 		states: []
 	};
 
@@ -87,7 +94,7 @@
 			page: $page.url.searchParams.get("page"),
 			pageSize: $page.url.searchParams.get("pageSize")
 		}, { defaultPageSize: pageSize });
-		innerTimeRange = convertTimeRange(searchOption.timeRange);
+		innerTimeRange = convertTimeRange(searchOption.timeRange, searchOption.specificDate);
 
 		filter = {
 			...filter,
@@ -223,9 +230,12 @@
 				models: selectedValues
 			};
         } else if (type === 'timeRange') {
+			const timeRange = selectedValues.length > 0 ? selectedValues[0] : null;
+			const isSpecificDay = timeRange === TimeRange.SpecificDay;
 			searchOption = {
 				...searchOption,
-				timeRange: selectedValues.length > 0 ? selectedValues[0] : null
+				timeRange,
+				specificDate: isSpecificDay ? (searchOption.specificDate || getTodayStr()) : ''
 			};
 		}
 	}
@@ -242,7 +252,7 @@
         const models = searchOption.models;
         const template = util.trim(searchOption.template) || null;
 		const states = getSearchStates();
-		innerTimeRange = convertTimeRange(searchOption.timeRange);
+		innerTimeRange = convertTimeRange(searchOption.timeRange, searchOption.specificDate);
 
         filter = {
             ...filter,
@@ -382,6 +392,13 @@
 							options={timeRangeOptions}
 							on:select={e => changeOption(e, 'timeRange')}
 						/>
+						{#if searchOption.timeRange === TimeRange.SpecificDay}
+							<Input
+								type="date"
+								bind:value={searchOption.specificDate}
+								class="mt-2"
+							/>
+						{/if}
 					</Col>
 					<Col lg="1">
 						<Button