- Improve the timeline page with new transitions and session duration calculation
- Add a Day summary section and a HERE div to the timeline page
[src/routes/projects/[projectId]/timeline/+page.svelte]
- Change the transition from `fly` to `fly` and `fade` in the `timeline` page
- Change the class name of the `timeline` page to remove `overflow-x-hidden`
- Add a new `fade` transition to the `timeline` page
- Change the `session` duration calculation to seconds
- Add a `Day summary` section to the `timeline` page
- Add a `HERE` div
- Improve project timeline view
- Increase the amount of returned recordings
- Add selection type and reset selection function
- Add scrollExpandedIntoView function
- Add logic for session overview to show session duration and nearest neighbors
[src/routes/projects/[projectId]/timeline/+page.svelte]
- Raise the amount of returned recordings from 10 to 100
- Add a Selection type for tracking session selection
- Add a resetSelection function to reset the selection
- Add a scrollExpandedIntoView function to scroll the expanded selection into view
- Update the day view to allow for expanding a day to view its sessions
- Add logic to the session overview to only show nearest neighbors
- Add logic to the session overview to show session duration
- Add logic to the session overview
- Update project timeline page to display date and time in a different format
- Add functions for path name and icon SVG
- Calculate session duration and display list of session files with icons
[src/routes/projects/[projectId]/timeline/+page.svelte]
- Update import paths to use double quotes
- Change the format of the date and time displayed
- Add a path to name function
- Add a path to icon SVG function
- Add a session duration calculation
- Add a session files list with icons
- Refactor project timeline page to better handle large datasets
- Increase performance of timeline page by optimizing data loading
- Improve user experience by adding more filtering options for timeline page
- Improved the layout of the project session page
- Added overflow-hidden to the main container
- Added border to the content container
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Change the css class of the main container from `flex flex-col h-full text-zinc-400` to `flex flex-col h-full text-zinc-400 overflow-hidden`
- Change the css class of the content container from `flex flex-col flex-none max-w-full select-none border-b border-zinc-700` to `flex flex-col flex-none max-w-full select
- Update style and functionality of project, day, and session pages
- Increase the amount of returned recordings from 10 to 100
- Add a formatDate function for formatting the session date
- Adjust the header and arrow classes for all pages
[src/routes/projects/[projectId]/day/+page.svelte]
- Change the header class from `px-6 py-4` to `px-8 py-1.5`
- Change the left arrow class from `w-8 h-8` to `-ml-2 w-8 h-8`
- Change the justify-start width from `w-72` to `w-64`
- Change the right arrow class from `w-8 h-8` to `-mr-2 w-8 h
[src/routes/projects/[projectId]/sessions/[sessionId]/+page.svelte]
- Raise the amount of returned recordings from `10` to `100`
- Move the `onMount` import from `svelte` to `"svelte"`
- Add a `formatDate` function for formatting the session date
- Change the `header` class from `px-6` to `px-8`
- Change the `arrow` class from `w-8` to `w-8` and add `-ml-2`
- Improved navigation menu for project page
- Added selection variable based on route id
- Updated colors for navigation menu items
[src/routes/projects/[projectId]/+layout.svelte]
- Import `page` store from `$app/stores`
- Add a selection variable based on the route id
- Increase width of navigation menu
- Add background color and text color to navigation menu items based on selection
- Update navigation menu styling
- Add links to Week, Day, and current session pages
[src/routes/projects/[projectId]/+layout.svelte]
- Change the styling of the navigation menu
- Add a link to the Week page
- Add a link to the Day page
- Add a link to the current session (if available)
