diff --git a/README.md b/README.md
index 334d3166..124f6e59 100644
--- a/README.md
+++ b/README.md
@@ -854,6 +854,17 @@ timeline:
+#### Timeline Seek Behavior
+
+The behavior of the timeline during seeking/dragging can be controlled by means of the icon on the bottom-right of the timeline.
+
+| Option | Behavior |
+| - | - |
+| | Dragging the timeline will seek / select across all available media from all cameras, selecting the media item with the longest duration whilst favoring (but not limited to) the currently selected camera. |
+| | Dragging the timeline will seek within the selected media item only. |
+| | Dragging the timeline will seek / select across all available media from the selected camera only, selecting the media item with the longest duration. |
+| | Dragging the timeline will pan only without selected or seeking any media. |
+
### Dimensions Options
These options control the aspect-ratio of the entire card to make placement in
diff --git a/src/components/timeline-core.ts b/src/components/timeline-core.ts
index 3e63d4d7..126ea111 100644
--- a/src/components/timeline-core.ts
+++ b/src/components/timeline-core.ts
@@ -63,6 +63,7 @@ import {
MediaQueriesClassifier,
MediaQueriesType,
} from '../view/media-queries-classifier';
+import { MediaQueriesResults } from '../view/media-queries-results';
import { View } from '../view/view';
import './date-picker.js';
import { DatePickerEvent, FrigateCardDatePicker } from './date-picker.js';
@@ -85,7 +86,7 @@ interface TimelineViewContext {
}
type TimelineItemClickAction = 'play' | 'select';
-type TimelinePanBehavior = 'pan' | 'seek' | 'seek-in-media';
+type TimelinePanBehavior = 'pan' | 'seek' | 'seek-in-media' | 'seek-in-camera';
declare module 'view' {
interface ViewContext {
@@ -288,13 +289,17 @@ export class FrigateCardTimelineCore extends LitElement {
? localize('timeline.pan_behavior.pan')
: this._panBehavior === 'seek'
? localize('timeline.pan_behavior.seek')
- : localize('timeline.pan_behavior.seek-in-media');
+ : this._panBehavior === 'seek-in-media'
+ ? localize('timeline.pan_behavior.seek-in-media')
+ : localize('timeline.pan_behavior.seek-in-camera');
const panIcon =
this._panBehavior === 'pan'
? 'mdi:pan-horizontal'
: this._panBehavior === 'seek'
- ? 'mdi:filmstrip'
- : 'mdi:lock';
+ ? 'mdi:filmstrip-box-multiple'
+ : this._panBehavior === 'seek-in-media'
+ ? 'mdi:play-box-lock'
+ : 'mdi:camera-lock';
return html` ${capabilities?.supportsTimeline
? html`