AI-based time selectors

[linear]

i.e. convert "from last monday to the end of day yesterday" to a proper time stamp.

[linear]

HIG-4641 AI-based time selectors

[greptile-apps]

To implement AI-based time selectors for converting phrases like 'from last monday to the end of day yesterday' into proper timestamps, you'll need to integrate natural language processing for date and time. This feature isn't directly supported in the current codebase, but you can achieve it by following these steps:

1. Integrate a Date Parsing Library: Use libraries like chrono-node or date-fns to parse natural language into dates. These libraries can interpret phrases like 'last Monday' and 'end of day yesterday'.

2. Extend Existing Date Utilities: In /frontend/src/pages/LogsPage/useGetLogs.ts, where dates are handled for log fetching, integrate the natural language date parsing. This will allow you to convert user input directly into the timestamp parameters required for fetching logs.

3. Create a Natural Language Input Component: Develop a new React component that allows users to input date ranges in natural language. This component should use the date parsing library to convert input into a structured date range.

4. Update Date Selection UI: Integrate the new natural language input component into existing UIs where date selection is required. This could be in the logs page, analytics dashboards, or anywhere date filters are used.

5. Test Thoroughly: Ensure to add tests for various natural language phrases to confirm that the date parsing works as expected across different scenarios.

References

/frontend/src/pages/Home/utils/HomeCharts.tsx
/frontend/src/pages/Player/RightPlayerPanel/components/ErrorDetails/ErrorDetails.tsx
/frontend/src/pages/Player/RightPlayerPanel/components/SessionInsights/SessionInsights.tsx
/frontend/src/pages/Player/PlayerHook/utils/index.tsx
/frontend/src/pages/Player/Toolbar/DevToolsWindowV2/NetworkPage/NetworkPage.tsx
/frontend/src/pages/Player/MetadataBox/RelatedResourceButtons.tsx
/frontend/src/pages/Player/PlayerCommentCanvas/PlayerSessionComment/PlayerSessionComment.tsx
/frontend/src/pages/Player/PlayerHook/PlayerState.ts
/frontend/src/pages/Player/PlayerHook/PlayerHook.tsx
/frontend/src/pages/LogsPage/useGetLogs.ts

Ask Greptile